Updates comments and removes unused files.

align.mjs

@@ -1,6 +1,6 @@
 export default function align(query='') {
   return /*css*/`
-/* ALIGN */
+/*** Align ****/
 .text-inherit${query}{text-align:inherit;}
 .text-center${query}{text-align:center;}
 .text-start${query}{text-align:start;}

background.mjs

@@ -1,7 +1,7 @@
 export default function background(state={}) {
   const { query='' } = state
   return /*css*/`
-/* BACKGROUND */
+/*** Background ***/
 .bg-fixed${query}{background-attachment:fixed;}
 .bg-local${query}{background-attachment:local;}
 .bg-scroll${query}{background-attachment:scroll;}

border.mjs

@@ -7,7 +7,7 @@ export default function border(state={}) {
     config.borders.widths || [1])
   widths.unshift(0)
   let output = /*css*/`
-/* BORDER */
+/*** Border ***/
 .border-solid${query}{border-style:solid;}
 .border-dashed${query}{border-style:dashed;}
 .border-dotted${query}{border-style:dotted;}

color.mjs

@@ -1,6 +1,6 @@
 export default function color(state={}) {
   return /*css*/`
-/* COLOR */
+/*** Color ***/
 .text-current{color:currentColor}/* current color */
 .text-transparent{color:transparent}/* transparent */
 

cursor.mjs

@@ -1,6 +1,6 @@
 export default function Cursor(query) {
   return /*css*/`
-/* CURSOR */
+/*** Cursor ***/
 .cursor-auto${query}{cursor:auto;}
 .cursor-default${query}{cursor:default;}
 .cursor-pointer${query}{cursor:pointer;}

decoration.mjs

@@ -1,6 +1,6 @@
 export default function decoration(query='') {
   return /*css*/`
-/* DECORATION */
+/*** Decoration ***/
 .no-underline${query}{text-decoration:none;}
 .underline${query}{text-decoration:underline;}
 .line-through${query}{text-decoration:line-through;}

display.mjs

@@ -1,6 +1,6 @@
 export default function display (query) {
   return /*css*/`
-/* DISPLAY */
+/*** Display ***/
 .hidden${query}{display:none;}
 .block${query}{display:block;}
 .inline${query}{display:inline;}

family.mjs

@@ -14,7 +14,7 @@ export default function family(state={}) {
     : _default
 
   return /*css*/`
-/* FAMILY */
+/*** Family ***/
 ${out}
 `
 }

fill.mjs

@@ -1,7 +1,7 @@
 export default function fill (state={}) {
   const { query='' } = state
   return /*css*/`
-/* FILL */
+/*** Fill ***/
 .fill-none${query}{fill:none}
 .fill-current${query}{fill:currentColor}
 `

flex.mjs

@@ -1,6 +1,6 @@
 export default function flex(query='') {
   return /*css*/`
-/* FLEX */
+/*** Flex ***/
 .flex-1${query}{flex: 1 1 0%;}
 .flex-auto${query}{flex: 1 1 auto;}
 .flex-initial${query}{flex: 0 1 auto;}

grid.mjs

@@ -8,7 +8,7 @@ export default function grid(state={}) {
   const gridHeights = grid.heights || []
   const query = state.label || ''
   let output = /*css*/`
-/* GRID */
+/*** Grid ***/
 .flow-row${query}{grid-auto-flow:row;}
 .flow-col${query}{grid-auto-flow:column;}
 .flow-row-dense${query}{grid-auto-flow:row dense;}

inset.mjs

@@ -1,6 +1,6 @@
 export default function inset (query='') {
   return /*css*/`
-/* INSET */
+/*** Inset ***/
 .inset-0${query}{inset:0}
 .inset-b-0${query}{inset-block:0}
 .inset-bs-0${query}{inset-block-start:0}

layout.mjs

@@ -9,7 +9,7 @@ import zIndex from './z-index.mjs'
 export default function layout(state={}) {
   const { label:query='' } = state
   return /*css*/`
-/* LAYOUT */
+/*** Layout ***/
 
 ${position(query)}
 ${inset(query)}

line-height.mjs

@@ -1,6 +1,6 @@
 export default function lineHeight (query='') {
   return /*css*/`
-/* LINE HEIGHT */
+/*** Line Height ***/
 .leading5${query}{line-height: 2;}
 .leading4${query}{line-height: 1.625;}
 .leading3${query}{line-height: 1.5;}

list.mjs

@@ -1,6 +1,6 @@
 export default function list(query='') {
   return /*css*/`
-/* LIST */
+/*** List ***/
 .list-none${query}{list-style:none;}
 .list-disc${query}{list-style:disc;}
 .list-decimal${query}{list-style:decimal;}

margin.mjs

@@ -4,7 +4,7 @@ import rems from './rems.mjs'
 export default function margin (state={}) {
   const { config, label:query } = state
   let output = /*css*/`
-/* MARGIN */
+/*** Margin ***/
 .m-none${query}{margin:0}
 .mb-none${query}{margin-block:0}
 .mbs-none${query}{margin-block-start:0}

object-fit.mjs

@@ -1,6 +1,6 @@
 export default function ObjectFit(query='') {
   return /*css*/`
-/* OBJECT FIT */
+/*** Object Fit ***/
 .object-contain${query}{object-fit:contain;}
 .object-cover${query}{object-fit:cover;}
 .object-fill${query}{object-fit:fill;}

object-position.mjs

@@ -1,6 +1,6 @@
 export default function ObjectPosition(query) {
   return /*css*/`
-/* OBJECT POSITION */
+/*** Object Position ***/
 .object-b${query}{object-position:bottom;}
 .object-c${query}{object-position:center;}
 .object-t${query}{object-position:top;}

opacity.mjs

@@ -1,6 +1,6 @@
 export default function Opacity(query) {
   return /*css*/`
-/* OPACITY */
+/*** Opacity ***/
 .opacity-0${query}{opacity:0;}
 .opacity-25${query}{opacity:0.25;}
 .opacity-50${query}{opacity:0.5;}

outline.mjs

@@ -1,6 +1,6 @@
 export default function Outline(query) {
   return /*css*/`
-/* OUTLINE */
+/*** Outline ***/
 .outline-none${query}{outline:0;}
   `
 }

overflow.mjs

@@ -1,6 +1,6 @@
 export default function overflow (query) {
   return /*css*/`
-/* OVERFLOW */
+/*** Overflow ***/
 .overflow-auto${query}{overflow:auto;}
 .truncate${query},
 .overflow-hidden${query}{overflow:hidden;}

padding.mjs

@@ -4,7 +4,7 @@ import rems from './rems.mjs'
 export default function padding(state={}) {
   const { config, label:query } = state
   let output = /*css*/`
-/* PADDING */
+/*** Padding ***/
 .p-none${query}{padding:0}
 .pb-none${query}{padding-block:0}
 .pbs-none${query}{padding-block-start:0}

position.mjs

@@ -1,6 +1,6 @@
 export default function position(query='') {
   return /*css*/`
-/* POSITION */
+/*** Position ***/
 .sticky${query}{position:sticky;}
 .static${query}{position:static;}
 .absolute${query}{position:absolute;}

properties.mjs

@@ -4,7 +4,7 @@ export default function properties(state={}) {
   let output = ''
   if (Object.keys(properties)) {
     output = /*css*/`
-/* CUSTOM PROPERTIES */
+/*** Custom Properties ***/
   `
  output +=  Object.keys(properties).map(key => `--${key}:${properties[key]};/* ${key} */`).join('\n')
 

radius.mjs

@@ -2,7 +2,7 @@ export default function radius (state={}) {
   const { config={}, query=''} = state
   const { radii=[] } = config
   let output = /*css*/`
-/* RADIUS */
+/*** Radius ***/
 .radius-none${query}{border-radius:0;}
 .radius-100${query}{border-radius:100%;}
 .radius-pill${query}{border-radius:9999px;}

reset.mjs

@@ -1,6 +1,6 @@
 export default function reset (query) {
   return /*css*/`
-/* RESET */
+/*** Reset ***/
 *,
 *::before,
 *::after {

size.mjs

@@ -1,6 +1,6 @@
 export default function size (query='') {
   return /*css*/`
-/* SIZE */
+/*** Size ***/
 .sb-0${query}{block-size:0}
 .sb-auto${query}{block-size:auto}
 .sb-100${query}{block-size:100%}

sizes.mjs

@@ -5,7 +5,7 @@ export default function sizes(state={}) {
   const { config={}, label:query='' } = state
   const scale = Scale(config)
   let output = /*css*/`
-/* SIZES */
+/*** Sizes ***/
 `
   const l = scale.length
   const half = Math.floor(l * 0.5)

smoothing.mjs

@@ -1,6 +1,6 @@
 export default function Smoothing() {
   return `
-/* SMOOTHING */
+/*** Smoothing ***/
 .font-smoothing {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;

stroke.mjs

@@ -1,7 +1,7 @@
 export default function stroke(state={}) {
   const { query='' } = state
   return /*css*/`
-/* STROKE */
+/*** Stroke ***/
 .stroke-none${query}{stroke:none;}
 .stroke-current${query}{stroke:currentColor;}
   `

style.mjs

@@ -1,6 +1,6 @@
 export default function Style(query='') {
   return /*css*/`
-/* Style */
+/*** Style ***/
 .italic${query}{font-style:italic;}
 .not-italic${query}{font-style:normal;}
 `

theme-color.mjs

@@ -22,7 +22,7 @@ export default function themeColor({ config }) {
     `
   }
   return /*css*/`
-/* THEME COLORS */
+/*** Theme Colors ***/
 ${Object.keys(theme).map(name => {
 if (name === 'light' || name === 'dark') {
   return `  --${name}: ${theme[name]};`

theme.mjs

@@ -11,7 +11,7 @@ import stroke from './stroke.mjs'
 
 export default function theme(config) {
   return /*css*/`
-/* THEME */
+/*** Theme ***/
 :root {
   ${themeColor({config})}
   ${properties({config})}

tracking.mjs

@@ -1,6 +1,6 @@
 export default function tracking(query) {
   return /*css*/`
-/* TRACKING */
+/*** Tracking ***/
 .tracking3${query}{letter-spacing: 0.1em;}
 .tracking2${query}{letter-spacing: 0.05em;}
 .tracking1${query}{letter-spacing: 0.025em;}

transform.mjs

@@ -1,6 +1,6 @@
 export default function transform(query='') {
   return /*css*/`
-/* TEXT TRANSFORM */
+/*** Text Transform ***/
 .uppercase${query}{text-transform:uppercase;}
 .lowercase${query}{text-transform:lowercase;}
 .capitalize${query}{text-transform:capitalize;}

typeface.mjs

@@ -4,7 +4,7 @@ export default function typeface(state={}) {
   const { config={} } = state
   const { base=16 } = config
   return /*css*/`
-/* TYPEFACE */
+/*** Typeface ***/
 html {font-size: ${base}px;}
 ${family(config)}
 body {

user-select.mjs

@@ -1,6 +1,6 @@
 export default function userSelect(query='') {
   return /*css*/`
-/* USER SELECT */
+/*** User Select ***/
 .select-none${query}{user-select:none;}
 .select-text${query}{user-select:text;}
 .select-all${query}{user-select:all;}

visibility.mjs

@@ -1,6 +1,6 @@
 export default function overflow (query='') {
   return /*css*/`
-/* VISIBILITY */
+/*** Visibility ***/
 .invisible${query}{visibility:hidden;}
 .visible${query}{visibility:visible;}
 `

weights.mjs

@@ -1,6 +1,6 @@
-export default function (query='') {
+export default function FontWeight (query='') {
   return /*css*/`
-/* WEIGHTS */
+/*** Font Weight ***/
 .font-hairline${query}{font-weight:100;}
 .font-thin${query}{font-weight:200;}
 .font-light${query}{font-weight:300;}

white-space.mjs

@@ -1,6 +1,6 @@
 export default function whitespace(query='') {
   return /*css*/`
-/* WHITESPACE */
+/*** Whitespace ***/
 .whitespace-normal${query}{white-space:normal;}
 .truncate${query},
 .whitespace-no-wrap${query}{white-space:nowrap;}

word-break.mjs

@@ -1,6 +1,6 @@
 export default function wordbreak(query='') {
   return /*css*/`
-/* WORDBREAK */
+/*** Wordbreak ***/
 .break-normal${query}{word-break:normal}
 .break-normal${query},
 .break-word${query}{overflow-wrap:normal}

z-index.mjs

@@ -1,9 +1,9 @@
 export default function ZIndex(query='') {
   return /*css*/`
-/* Z-INDEX */
+/*** Z-Index ***/
 .z-auto${query}{z-index:auto;}
 .z1${query}{z-index:1;}
 .z0${query}{z-index:0;}
 .z-1${query}{z-index:-1;}
 `
-}
+}