@codenhub/styles 0.6.0 → 0.8.0

package/dist/aesthetics/sketch.css

@@ -1 +1 @@
-@layer theme,base;@layer components{.sketch{--ui-corner:initial;--ui-corner-surface:initial;--ui-corner-tl:initial;--ui-corner-tr:initial;--ui-corner-br:initial;--ui-corner-bl:initial;--ui-radius:var(--sketch-radius,255px 15px 225px 15px / 15px 225px 15px 255px);--ui-radius-surface:var(--sketch-radius-surface,80px 4px 75px 5px / 3px 70px 4px 80px);--ui-radius-pill:var(--sketch-radius-pill,20px 22px 21px 19px / 20px 22px 21px 19px);--ui-radius-tight:11px 1px 7px 2px / 2px 7px 1px 11px;--ui-corner-shape:round;--ui-ink:light-dark(var(--color-neutral-950),var(--color-neutral-50));--ui-control-ink:var(--color-control-border);--ui-rule-ink:initial;--ui-border-width:1px;--ui-border-max:100px;--ui-line-style:solid;--ui-rule-style:initial;--ui-shadow-ink:0%;--elevation-color:light-dark(#0f172a14,#0000008c);--ui-shadow-x:2px;--ui-shadow-y:2px;--ui-shadow-blur:0px;--ui-shadow-spread:0px;--ui-shadow-inset: ;--ui-shadow-edge:initial;--ui-halo-blur:initial;--ui-halo-spread:initial;--ui-halo-ink:initial;--ui-focus-inset:initial;--ui-active-shadow-x:initial;--ui-active-shadow-y:initial;--ui-active-transform:scale(.97);--ui-active-translate-x:initial;--ui-active-translate-y:initial;--ui-hover-transform:none;--ui-clip:none;--ui-clip-tight:none;--ui-backdrop:none;--ui-surface-image:initial;--ui-surface-ground:initial;--ui-surface-shadow:initial;--ui-bg-alpha:1;--ui-label-weight:initial;--ui-label-tracking:initial;--ui-label-case:initial;--ui-label-shadow:initial;font-family:var(--font-sketch,cursive)}@media (prefers-reduced-motion:reduce){.sketch{--ui-active-transform:none}}.sketch-rounded{--ui-radius:var(--sketch-radius-rounded,26px 10px 24px 11px / 12px 23px 11px 20px);--ui-radius-surface:var(--sketch-radius-surface-rounded,38px 16px 36px 17px / 16px 34px 17px 32px);--ui-radius-pill:var(--sketch-radius-pill,24px 16px 23px 17px / 17px 21px 16px 20px);--ui-radius-tight:9px 3px 8px 4px / 4px 8px 3px 7px}:is(.sketch,.sketch-rounded,:is(.sketch,.sketch-rounded) :not(:is(.sketch,.sketch-rounded) :is(.neobrutalism,.glass,.pixel,.chunky-tile,.cyber),:is(.sketch,.sketch-rounded) :is(.neobrutalism,.glass,.pixel,.chunky-tile,.cyber) *)):is(.sketch,.sketch *):not(.sketch-rounded,.sketch-rounded *):is(.btn,.ipt,.textarea,.select,.input-group,.pre,.tooltip-bubble):nth-child(4n+2){--ui-radius:var(--sketch-radius,18px 240px 15px 255px / 240px 15px 255px 18px)}:is(.sketch,.sketch-rounded,:is(.sketch,.sketch-rounded) :not(:is(.sketch,.sketch-rounded) :is(.neobrutalism,.glass,.pixel,.chunky-tile,.cyber),:is(.sketch,.sketch-rounded) :is(.neobrutalism,.glass,.pixel,.chunky-tile,.cyber) *)):is(.sketch,.sketch *):not(.sketch-rounded,.sketch-rounded *):is(.btn,.ipt,.textarea,.select,.input-group,.pre,.tooltip-bubble):nth-child(4n+3){--ui-radius:var(--sketch-radius,245px 220px 15px 18px / 18px 15px 245px 235px)}:is(.sketch,.sketch-rounded,:is(.sketch,.sketch-rounded) :not(:is(.sketch,.sketch-rounded) :is(.neobrutalism,.glass,.pixel,.chunky-tile,.cyber),:is(.sketch,.sketch-rounded) :is(.neobrutalism,.glass,.pixel,.chunky-tile,.cyber) *)):is(.sketch,.sketch *):not(.sketch-rounded,.sketch-rounded *):is(.btn,.ipt,.textarea,.select,.input-group,.pre,.tooltip-bubble):nth-child(4n){--ui-radius:var(--sketch-radius,18px 250px 225px 15px / 245px 15px 18px 235px)}.field:nth-child(4n+1) :is(.sketch,.sketch-rounded,:is(.sketch,.sketch-rounded) :not(:is(.sketch,.sketch-rounded) :is(.neobrutalism,.glass,.pixel,.chunky-tile,.cyber),:is(.sketch,.sketch-rounded) :is(.neobrutalism,.glass,.pixel,.chunky-tile,.cyber) *)):is(.sketch,.sketch *):not(.sketch-rounded,.sketch-rounded *):is(.ipt,.textarea,.select,.input-group){--ui-radius:var(--sketch-radius,255px 15px 225px 15px / 15px 225px 15px 255px)}.field:nth-child(4n+2) :is(.sketch,.sketch-rounded,:is(.sketch,.sketch-rounded) :not(:is(.sketch,.sketch-rounded) :is(.neobrutalism,.glass,.pixel,.chunky-tile,.cyber),:is(.sketch,.sketch-rounded) :is(.neobrutalism,.glass,.pixel,.chunky-tile,.cyber) *)):is(.sketch,.sketch *):not(.sketch-rounded,.sketch-rounded *):is(.ipt,.textarea,.select,.input-group){--ui-radius:var(--sketch-radius,18px 240px 15px 255px / 240px 15px 255px 18px)}.field:nth-child(4n+3) :is(.sketch,.sketch-rounded,:is(.sketch,.sketch-rounded) :not(:is(.sketch,.sketch-rounded) :is(.neobrutalism,.glass,.pixel,.chunky-tile,.cyber),:is(.sketch,.sketch-rounded) :is(.neobrutalism,.glass,.pixel,.chunky-tile,.cyber) *)):is(.sketch,.sketch *):not(.sketch-rounded,.sketch-rounded *):is(.ipt,.textarea,.select,.input-group){--ui-radius:var(--sketch-radius,245px 220px 15px 18px / 18px 15px 245px 235px)}.field:nth-child(4n) :is(.sketch,.sketch-rounded,:is(.sketch,.sketch-rounded) :not(:is(.sketch,.sketch-rounded) :is(.neobrutalism,.glass,.pixel,.chunky-tile,.cyber),:is(.sketch,.sketch-rounded) :is(.neobrutalism,.glass,.pixel,.chunky-tile,.cyber) *)):is(.sketch,.sketch *):not(.sketch-rounded,.sketch-rounded *):is(.ipt,.textarea,.select,.input-group){--ui-radius:var(--sketch-radius,18px 250px 225px 15px / 245px 15px 18px 235px)}:is(.sketch,.sketch-rounded,:is(.sketch,.sketch-rounded) :not(:is(.sketch,.sketch-rounded) :is(.neobrutalism,.glass,.pixel,.chunky-tile,.cyber),:is(.sketch,.sketch-rounded) :is(.neobrutalism,.glass,.pixel,.chunky-tile,.cyber) *)):is(.sketch,.sketch *):not(.sketch-rounded,.sketch-rounded *):is(.card,.panel,.alert,.data-table):nth-child(4n+2){--ui-radius-surface:var(--sketch-radius-surface,4px 75px 5px 80px / 75px 3px 80px 4px)}:is(.sketch,.sketch-rounded,:is(.sketch,.sketch-rounded) :not(:is(.sketch,.sketch-rounded) :is(.neobrutalism,.glass,.pixel,.chunky-tile,.cyber),:is(.sketch,.sketch-rounded) :is(.neobrutalism,.glass,.pixel,.chunky-tile,.cyber) *)):is(.sketch,.sketch *):not(.sketch-rounded,.sketch-rounded *):is(.card,.panel,.alert,.data-table):nth-child(4n+3){--ui-radius-surface:var(--sketch-radius-surface,75px 70px 4px 5px / 4px 3px 75px 70px)}:is(.sketch,.sketch-rounded,:is(.sketch,.sketch-rounded) :not(:is(.sketch,.sketch-rounded) :is(.neobrutalism,.glass,.pixel,.chunky-tile,.cyber),:is(.sketch,.sketch-rounded) :is(.neobrutalism,.glass,.pixel,.chunky-tile,.cyber) *)):is(.sketch,.sketch *):not(.sketch-rounded,.sketch-rounded *):is(.card,.panel,.alert,.data-table):nth-child(4n){--ui-radius-surface:var(--sketch-radius-surface,5px 80px 75px 4px / 75px 4px 5px 70px)}:is(.sketch,.sketch-rounded,:is(.sketch,.sketch-rounded) :not(:is(.sketch,.sketch-rounded) :is(.neobrutalism,.glass,.pixel,.chunky-tile,.cyber),:is(.sketch,.sketch-rounded) :is(.neobrutalism,.glass,.pixel,.chunky-tile,.cyber) *)):is(.sketch,.sketch *):not(.sketch-rounded,.sketch-rounded *):is(.badge,.kbd,.code,.checkbox,.switch,.progress):nth-child(4n+2){--ui-radius-tight:2px 8px 1px 10px / 8px 2px 10px 1px}:is(.sketch,.sketch-rounded,:is(.sketch,.sketch-rounded) :not(:is(.sketch,.sketch-rounded) :is(.neobrutalism,.glass,.pixel,.chunky-tile,.cyber),:is(.sketch,.sketch-rounded) :is(.neobrutalism,.glass,.pixel,.chunky-tile,.cyber) *)):is(.sketch,.sketch *):not(.sketch-rounded,.sketch-rounded *):is(.badge,.kbd,.code,.checkbox,.switch,.progress):nth-child(4n+3){--ui-radius-tight:8px 2px 10px 1px / 1px 9px 2px 8px}:is(.sketch,.sketch-rounded,:is(.sketch,.sketch-rounded) :not(:is(.sketch,.sketch-rounded) :is(.neobrutalism,.glass,.pixel,.chunky-tile,.cyber),:is(.sketch,.sketch-rounded) :is(.neobrutalism,.glass,.pixel,.chunky-tile,.cyber) *)):is(.sketch,.sketch *):not(.sketch-rounded,.sketch-rounded *):is(.badge,.kbd,.code,.checkbox,.switch,.progress):nth-child(4n){--ui-radius-tight:1px 10px 2px 7px / 9px 1px 8px 2px}:is(.sketch,.sketch-rounded,:is(.sketch,.sketch-rounded) :not(:is(.sketch,.sketch-rounded) :is(.neobrutalism,.glass,.pixel,.chunky-tile,.cyber),:is(.sketch,.sketch-rounded) :is(.neobrutalism,.glass,.pixel,.chunky-tile,.cyber) *)):is(.sketch-rounded,.sketch-rounded *):is(.btn,.ipt,.textarea,.select,.input-group,.pre,.tooltip-bubble):nth-child(4n+2){--ui-radius:var(--sketch-radius-rounded,11px 25px 12px 24px / 23px 11px 22px 12px)}:is(.sketch,.sketch-rounded,:is(.sketch,.sketch-rounded) :not(:is(.sketch,.sketch-rounded) :is(.neobrutalism,.glass,.pixel,.chunky-tile,.cyber),:is(.sketch,.sketch-rounded) :is(.neobrutalism,.glass,.pixel,.chunky-tile,.cyber) *)):is(.sketch-rounded,.sketch-rounded *):is(.btn,.ipt,.textarea,.select,.input-group,.pre,.tooltip-bubble):nth-child(4n+3){--ui-radius:var(--sketch-radius-rounded,24px 12px 26px 10px / 11px 23px 12px 22px)}:is(.sketch,.sketch-rounded,:is(.sketch,.sketch-rounded) :not(:is(.sketch,.sketch-rounded) :is(.neobrutalism,.glass,.pixel,.chunky-tile,.cyber),:is(.sketch,.sketch-rounded) :is(.neobrutalism,.glass,.pixel,.chunky-tile,.cyber) *)):is(.sketch-rounded,.sketch-rounded *):is(.btn,.ipt,.textarea,.select,.input-group,.pre,.tooltip-bubble):nth-child(4n){--ui-radius:var(--sketch-radius-rounded,12px 24px 10px 25px / 22px 12px 23px 11px)}.field:nth-child(4n+1) :is(.sketch,.sketch-rounded,:is(.sketch,.sketch-rounded) :not(:is(.sketch,.sketch-rounded) :is(.neobrutalism,.glass,.pixel,.chunky-tile,.cyber),:is(.sketch,.sketch-rounded) :is(.neobrutalism,.glass,.pixel,.chunky-tile,.cyber) *)):is(.sketch-rounded,.sketch-rounded *):is(.ipt,.textarea,.select,.input-group){--ui-radius:var(--sketch-radius-rounded,26px 10px 24px 11px / 12px 23px 11px 20px)}.field:nth-child(4n+2) :is(.sketch,.sketch-rounded,:is(.sketch,.sketch-rounded) :not(:is(.sketch,.sketch-rounded) :is(.neobrutalism,.glass,.pixel,.chunky-tile,.cyber),:is(.sketch,.sketch-rounded) :is(.neobrutalism,.glass,.pixel,.chunky-tile,.cyber) *)):is(.sketch-rounded,.sketch-rounded *):is(.ipt,.textarea,.select,.input-group){--ui-radius:var(--sketch-radius-rounded,11px 25px 12px 24px / 23px 11px 22px 12px)}.field:nth-child(4n+3) :is(.sketch,.sketch-rounded,:is(.sketch,.sketch-rounded) :not(:is(.sketch,.sketch-rounded) :is(.neobrutalism,.glass,.pixel,.chunky-tile,.cyber),:is(.sketch,.sketch-rounded) :is(.neobrutalism,.glass,.pixel,.chunky-tile,.cyber) *)):is(.sketch-rounded,.sketch-rounded *):is(.ipt,.textarea,.select,.input-group){--ui-radius:var(--sketch-radius-rounded,24px 12px 26px 10px / 11px 23px 12px 22px)}.field:nth-child(4n) :is(.sketch,.sketch-rounded,:is(.sketch,.sketch-rounded) :not(:is(.sketch,.sketch-rounded) :is(.neobrutalism,.glass,.pixel,.chunky-tile,.cyber),:is(.sketch,.sketch-rounded) :is(.neobrutalism,.glass,.pixel,.chunky-tile,.cyber) *)):is(.sketch-rounded,.sketch-rounded *):is(.ipt,.textarea,.select,.input-group){--ui-radius:var(--sketch-radius-rounded,12px 24px 10px 25px / 22px 12px 23px 11px)}:is(.sketch,.sketch-rounded,:is(.sketch,.sketch-rounded) :not(:is(.sketch,.sketch-rounded) :is(.neobrutalism,.glass,.pixel,.chunky-tile,.cyber),:is(.sketch,.sketch-rounded) :is(.neobrutalism,.glass,.pixel,.chunky-tile,.cyber) *)):is(.sketch-rounded,.sketch-rounded *):is(.card,.panel,.alert,.data-table):nth-child(4n+2){--ui-radius-surface:var(--sketch-radius-surface-rounded,17px 36px 18px 34px / 33px 16px 32px 17px)}:is(.sketch,.sketch-rounded,:is(.sketch,.sketch-rounded) :not(:is(.sketch,.sketch-rounded) :is(.neobrutalism,.glass,.pixel,.chunky-tile,.cyber),:is(.sketch,.sketch-rounded) :is(.neobrutalism,.glass,.pixel,.chunky-tile,.cyber) *)):is(.sketch-rounded,.sketch-rounded *):is(.card,.panel,.alert,.data-table):nth-child(4n+3){--ui-radius-surface:var(--sketch-radius-surface-rounded,35px 18px 38px 15px / 17px 32px 16px 34px)}:is(.sketch,.sketch-rounded,:is(.sketch,.sketch-rounded) :not(:is(.sketch,.sketch-rounded) :is(.neobrutalism,.glass,.pixel,.chunky-tile,.cyber),:is(.sketch,.sketch-rounded) :is(.neobrutalism,.glass,.pixel,.chunky-tile,.cyber) *)):is(.sketch-rounded,.sketch-rounded *):is(.card,.panel,.alert,.data-table):nth-child(4n){--ui-radius-surface:var(--sketch-radius-surface-rounded,18px 35px 16px 37px / 31px 17px 34px 16px)}:is(.sketch,.sketch-rounded,:is(.sketch,.sketch-rounded) :not(:is(.sketch,.sketch-rounded) :is(.neobrutalism,.glass,.pixel,.chunky-tile,.cyber),:is(.sketch,.sketch-rounded) :is(.neobrutalism,.glass,.pixel,.chunky-tile,.cyber) *)):is(.sketch-rounded,.sketch-rounded *):is(.badge,.kbd,.code,.checkbox,.switch,.progress):nth-child(4n+2){--ui-radius-tight:4px 8px 3px 9px / 8px 3px 8px 4px}:is(.sketch,.sketch-rounded,:is(.sketch,.sketch-rounded) :not(:is(.sketch,.sketch-rounded) :is(.neobrutalism,.glass,.pixel,.chunky-tile,.cyber),:is(.sketch,.sketch-rounded) :is(.neobrutalism,.glass,.pixel,.chunky-tile,.cyber) *)):is(.sketch-rounded,.sketch-rounded *):is(.badge,.kbd,.code,.checkbox,.switch,.progress):nth-child(4n+3){--ui-radius-tight:8px 4px 9px 3px / 3px 9px 4px 8px}:is(.sketch,.sketch-rounded,:is(.sketch,.sketch-rounded) :not(:is(.sketch,.sketch-rounded) :is(.neobrutalism,.glass,.pixel,.chunky-tile,.cyber),:is(.sketch,.sketch-rounded) :is(.neobrutalism,.glass,.pixel,.chunky-tile,.cyber) *)):is(.sketch-rounded,.sketch-rounded *):is(.badge,.kbd,.code,.checkbox,.switch,.progress):nth-child(4n){--ui-radius-tight:3px 9px 4px 8px / 9px 4px 8px 3px}:is(.sketch,.sketch-rounded,:is(.sketch,.sketch-rounded) :not(:is(.sketch,.sketch-rounded) :is(.neobrutalism,.glass,.pixel,.chunky-tile,.cyber),:is(.sketch,.sketch-rounded) :is(.neobrutalism,.glass,.pixel,.chunky-tile,.cyber) *)).btn.pill{--ui-radius-pill:var(--sketch-radius-pill,24px 16px 23px 17px / 17px 21px 16px 20px)}:is(.sketch,.sketch-rounded,:is(.sketch,.sketch-rounded) :not(:is(.sketch,.sketch-rounded) :is(.neobrutalism,.glass,.pixel,.chunky-tile,.cyber),:is(.sketch,.sketch-rounded) :is(.neobrutalism,.glass,.pixel,.chunky-tile,.cyber) *)).btn.pill:nth-child(4n+2){--ui-radius-pill:var(--sketch-radius-pill,17px 23px 16px 24px / 21px 16px 20px 17px)}:is(.sketch,.sketch-rounded,:is(.sketch,.sketch-rounded) :not(:is(.sketch,.sketch-rounded) :is(.neobrutalism,.glass,.pixel,.chunky-tile,.cyber),:is(.sketch,.sketch-rounded) :is(.neobrutalism,.glass,.pixel,.chunky-tile,.cyber) *)).btn.pill:nth-child(4n+3){--ui-radius-pill:var(--sketch-radius-pill,23px 17px 24px 16px / 16px 20px 17px 21px)}:is(.sketch,.sketch-rounded,:is(.sketch,.sketch-rounded) :not(:is(.sketch,.sketch-rounded) :is(.neobrutalism,.glass,.pixel,.chunky-tile,.cyber),:is(.sketch,.sketch-rounded) :is(.neobrutalism,.glass,.pixel,.chunky-tile,.cyber) *)).btn.pill:nth-child(4n){--ui-radius-pill:var(--sketch-radius-pill,16px 24px 17px 23px / 20px 17px 21px 16px)}:is(.sketch,.sketch-rounded,:is(.sketch,.sketch-rounded) :not(:is(.sketch,.sketch-rounded) :is(.neobrutalism,.glass,.pixel,.chunky-tile,.cyber),:is(.sketch,.sketch-rounded) :is(.neobrutalism,.glass,.pixel,.chunky-tile,.cyber) *)):is(.badge,.progress,.switch){--ui-radius-pill:var(--ui-radius-tight)}:is(.sketch,.sketch-rounded,:is(.sketch,.sketch-rounded) :not(:is(.sketch,.sketch-rounded) :is(.neobrutalism,.glass,.pixel,.chunky-tile,.cyber),:is(.sketch,.sketch-rounded) :is(.neobrutalism,.glass,.pixel,.chunky-tile,.cyber) *)):is(.radio,.tooltip-icon){--ui-radius-pill:48% 52% 46% 54% / 53% 46% 54% 47%}:is(.sketch,.sketch-rounded,:is(.sketch,.sketch-rounded) :not(:is(.sketch,.sketch-rounded) :is(.neobrutalism,.glass,.pixel,.chunky-tile,.cyber),:is(.sketch,.sketch-rounded) :is(.neobrutalism,.glass,.pixel,.chunky-tile,.cyber) *)):is(.sketch,.sketch *).checkbox{--ui-line-style:dashed}:is(.sketch,.sketch-rounded,:is(.sketch,.sketch-rounded) :not(:is(.sketch,.sketch-rounded) :is(.neobrutalism,.glass,.pixel,.chunky-tile,.cyber),:is(.sketch,.sketch-rounded) :is(.neobrutalism,.glass,.pixel,.chunky-tile,.cyber) *)):is(.sketch,.sketch *):is(.divider,.data-table){--ui-rule-style:dashed}}@layer utilities;.sketch-solo{--_sketch-ink:light-dark(var(--color-neutral-950,oklch(14.5% 0 0)),var(--color-neutral-50,oklch(98.5% 0 0)));border:1px solid var(--_sketch-ink);border-radius:var(--sketch-radius-surface,80px 4px 75px 5px / 3px 70px 4px 80px);font-family:var(--font-sketch,cursive);box-shadow:2px 2px light-dark(#0f172a14,#0000008c)}.sketch-solo:is(button,a[href],[role=button],summary,input[type=button],input[type=submit],input[type=reset]){border-radius:var(--sketch-radius,255px 15px 225px 15px / 15px 225px 15px 255px)}.sketch-solo.sketch-rounded{border-radius:var(--sketch-radius-surface-rounded,38px 16px 36px 17px / 16px 34px 17px 32px)}.sketch-solo.sketch-rounded:is(button,a[href],[role=button],summary,input[type=button],input[type=submit],input[type=reset]){border-radius:var(--sketch-radius-rounded,26px 10px 24px 11px / 12px 23px 11px 20px)}@media (forced-colors:active){.sketch-solo{border-style:solid}}
+@layer theme,base;@layer components{.sketch{--ui-corner:initial;--ui-corner-surface:initial;--ui-corner-tl:initial;--ui-corner-tr:initial;--ui-corner-br:initial;--ui-corner-bl:initial;--ui-radius:var(--sketch-radius,255px 15px 225px 15px / 15px 225px 15px 255px);--ui-radius-surface:var(--sketch-radius-surface,80px 4px 75px 5px / 3px 70px 4px 80px);--ui-radius-pill:var(--sketch-radius-pill,20px 22px 21px 19px / 20px 22px 21px 19px);--ui-radius-tight:11px 1px 7px 2px / 2px 7px 1px 11px;--ui-corner-shape:round;--ui-ink:light-dark(var(--color-neutral-950),var(--color-neutral-50));--ui-control-ink:var(--color-control-border);--ui-rule-ink:initial;--ui-border-width:1px;--ui-border-max:100px;--ui-line-style:solid;--ui-rule-style:initial;--ui-shadow-ink:0%;--elevation-color:light-dark(#0f172a14,#0000008c);--ui-shadow-x:2px;--ui-shadow-y:2px;--ui-shadow-blur:0px;--ui-shadow-spread:0px;--ui-shadow-inset: ;--ui-shadow-edge:initial;--ui-halo-blur:initial;--ui-halo-spread:initial;--ui-halo-ink:initial;--ui-focus-inset:initial;--ui-active-shadow-x:initial;--ui-active-shadow-y:initial;--ui-active-transform:scale(.97);--ui-active-translate-x:initial;--ui-active-translate-y:initial;--ui-hover-transform:none;--ui-clip:none;--ui-clip-tight:none;--ui-backdrop:none;--ui-surface-image:initial;--ui-surface-ground:initial;--ui-surface-shadow:initial;--ui-bg-alpha:1;--ui-label-weight:initial;--ui-label-tracking:initial;--ui-label-case:initial;--ui-label-shadow:initial;font-family:var(--font-sketch,cursive)}.sketch-rounded:not(.sketch-solo){--ui-radius:var(--sketch-radius-rounded,26px 10px 24px 11px / 12px 23px 11px 20px);--ui-radius-surface:var(--sketch-radius-surface-rounded,38px 16px 36px 17px / 16px 34px 17px 32px);--ui-radius-pill:var(--sketch-radius-pill,24px 16px 23px 17px / 17px 21px 16px 20px);--ui-radius-tight:9px 3px 8px 4px / 4px 8px 3px 7px}.sketch,.sketch-rounded:not(.sketch-solo){--_sketch-on: ;--_sketch-pass-radius:initial;--_sketch-pass-radius-surface:initial;--_sketch-pass-radius-tight:initial;--_sketch-pass-radius-pill:initial;--_sketch-pass-line-style:initial;--_sketch-pass-rule-style:initial}.sketch{--_sketch-pointed: }.sketch-rounded:not(.sketch-solo){--_sketch-rounded: }:is(.neobrutalism,.glass,.pixel,.chunky-tile,.cyber){--_sketch-on:initial;--_sketch-pointed:initial;--_sketch-rounded:initial;--_sketch-pass-radius:var(--ui-radius);--_sketch-pass-radius-surface:var(--ui-radius-surface);--_sketch-pass-radius-tight:var(--ui-radius-tight);--_sketch-pass-radius-pill:var(--ui-radius-pill);--_sketch-pass-line-style:var(--ui-line-style);--_sketch-pass-rule-style:var(--ui-rule-style)}:is(.sketch,.sketch-rounded:not(.sketch-solo),:is(.sketch,.sketch-rounded:not(.sketch-solo)) *):not(:is(.neobrutalism,.glass,.pixel,.chunky-tile,.cyber)):is(.btn,.ipt,.textarea,.select,.input-group,.pre,.tooltip-bubble):nth-child(4n+2){--_sketch-p:var(--_sketch-pointed) var(--sketch-radius,18px 240px 15px 255px / 240px 15px 255px 18px);--_sketch-r:var(--_sketch-rounded) var(--sketch-radius-rounded,11px 25px 12px 24px / 23px 11px 22px 12px);--ui-radius:var(--_sketch-pass-radius,var(--_sketch-r,var(--_sketch-p)))}:is(.sketch,.sketch-rounded:not(.sketch-solo),:is(.sketch,.sketch-rounded:not(.sketch-solo)) *):not(:is(.neobrutalism,.glass,.pixel,.chunky-tile,.cyber)):is(.btn,.ipt,.textarea,.select,.input-group,.pre,.tooltip-bubble):nth-child(4n+3){--_sketch-p:var(--_sketch-pointed) var(--sketch-radius,245px 220px 15px 18px / 18px 15px 245px 235px);--_sketch-r:var(--_sketch-rounded) var(--sketch-radius-rounded,24px 12px 26px 10px / 11px 23px 12px 22px);--ui-radius:var(--_sketch-pass-radius,var(--_sketch-r,var(--_sketch-p)))}:is(.sketch,.sketch-rounded:not(.sketch-solo),:is(.sketch,.sketch-rounded:not(.sketch-solo)) *):not(:is(.neobrutalism,.glass,.pixel,.chunky-tile,.cyber)):is(.btn,.ipt,.textarea,.select,.input-group,.pre,.tooltip-bubble):nth-child(4n){--_sketch-p:var(--_sketch-pointed) var(--sketch-radius,18px 250px 225px 15px / 245px 15px 18px 235px);--_sketch-r:var(--_sketch-rounded) var(--sketch-radius-rounded,12px 24px 10px 25px / 22px 12px 23px 11px);--ui-radius:var(--_sketch-pass-radius,var(--_sketch-r,var(--_sketch-p)))}.field:nth-child(4n+1) :is(.sketch,.sketch-rounded:not(.sketch-solo),:is(.sketch,.sketch-rounded:not(.sketch-solo)) *):not(:is(.neobrutalism,.glass,.pixel,.chunky-tile,.cyber)):is(.ipt,.textarea,.select,.input-group){--_sketch-p:var(--_sketch-pointed) var(--sketch-radius,255px 15px 225px 15px / 15px 225px 15px 255px);--_sketch-r:var(--_sketch-rounded) var(--sketch-radius-rounded,26px 10px 24px 11px / 12px 23px 11px 20px);--ui-radius:var(--_sketch-pass-radius,var(--_sketch-r,var(--_sketch-p)))}.field:nth-child(4n+2) :is(.sketch,.sketch-rounded:not(.sketch-solo),:is(.sketch,.sketch-rounded:not(.sketch-solo)) *):not(:is(.neobrutalism,.glass,.pixel,.chunky-tile,.cyber)):is(.ipt,.textarea,.select,.input-group){--_sketch-p:var(--_sketch-pointed) var(--sketch-radius,18px 240px 15px 255px / 240px 15px 255px 18px);--_sketch-r:var(--_sketch-rounded) var(--sketch-radius-rounded,11px 25px 12px 24px / 23px 11px 22px 12px);--ui-radius:var(--_sketch-pass-radius,var(--_sketch-r,var(--_sketch-p)))}.field:nth-child(4n+3) :is(.sketch,.sketch-rounded:not(.sketch-solo),:is(.sketch,.sketch-rounded:not(.sketch-solo)) *):not(:is(.neobrutalism,.glass,.pixel,.chunky-tile,.cyber)):is(.ipt,.textarea,.select,.input-group){--_sketch-p:var(--_sketch-pointed) var(--sketch-radius,245px 220px 15px 18px / 18px 15px 245px 235px);--_sketch-r:var(--_sketch-rounded) var(--sketch-radius-rounded,24px 12px 26px 10px / 11px 23px 12px 22px);--ui-radius:var(--_sketch-pass-radius,var(--_sketch-r,var(--_sketch-p)))}.field:nth-child(4n) :is(.sketch,.sketch-rounded:not(.sketch-solo),:is(.sketch,.sketch-rounded:not(.sketch-solo)) *):not(:is(.neobrutalism,.glass,.pixel,.chunky-tile,.cyber)):is(.ipt,.textarea,.select,.input-group){--_sketch-p:var(--_sketch-pointed) var(--sketch-radius,18px 250px 225px 15px / 245px 15px 18px 235px);--_sketch-r:var(--_sketch-rounded) var(--sketch-radius-rounded,12px 24px 10px 25px / 22px 12px 23px 11px);--ui-radius:var(--_sketch-pass-radius,var(--_sketch-r,var(--_sketch-p)))}:is(.sketch,.sketch-rounded:not(.sketch-solo),:is(.sketch,.sketch-rounded:not(.sketch-solo)) *):not(:is(.neobrutalism,.glass,.pixel,.chunky-tile,.cyber)):is(.card,.panel,.alert,.data-table):nth-child(4n+2){--_sketch-p:var(--_sketch-pointed) var(--sketch-radius-surface,4px 75px 5px 80px / 75px 3px 80px 4px);--_sketch-r:var(--_sketch-rounded) var(--sketch-radius-surface-rounded,17px 36px 18px 34px / 33px 16px 32px 17px);--ui-radius-surface:var(--_sketch-pass-radius-surface,var(--_sketch-r,var(--_sketch-p)))}:is(.sketch,.sketch-rounded:not(.sketch-solo),:is(.sketch,.sketch-rounded:not(.sketch-solo)) *):not(:is(.neobrutalism,.glass,.pixel,.chunky-tile,.cyber)):is(.card,.panel,.alert,.data-table):nth-child(4n+3){--_sketch-p:var(--_sketch-pointed) var(--sketch-radius-surface,75px 70px 4px 5px / 4px 3px 75px 70px);--_sketch-r:var(--_sketch-rounded) var(--sketch-radius-surface-rounded,35px 18px 38px 15px / 17px 32px 16px 34px);--ui-radius-surface:var(--_sketch-pass-radius-surface,var(--_sketch-r,var(--_sketch-p)))}:is(.sketch,.sketch-rounded:not(.sketch-solo),:is(.sketch,.sketch-rounded:not(.sketch-solo)) *):not(:is(.neobrutalism,.glass,.pixel,.chunky-tile,.cyber)):is(.card,.panel,.alert,.data-table):nth-child(4n){--_sketch-p:var(--_sketch-pointed) var(--sketch-radius-surface,5px 80px 75px 4px / 75px 4px 5px 70px);--_sketch-r:var(--_sketch-rounded) var(--sketch-radius-surface-rounded,18px 35px 16px 37px / 31px 17px 34px 16px);--ui-radius-surface:var(--_sketch-pass-radius-surface,var(--_sketch-r,var(--_sketch-p)))}:is(.sketch,.sketch-rounded:not(.sketch-solo),:is(.sketch,.sketch-rounded:not(.sketch-solo)) *):not(:is(.neobrutalism,.glass,.pixel,.chunky-tile,.cyber)):is(.badge,.kbd,.code,.checkbox,.switch,.progress):nth-child(4n+2){--_sketch-p:var(--_sketch-pointed) 2px 8px 1px 10px / 8px 2px 10px 1px;--_sketch-r:var(--_sketch-rounded) 4px 8px 3px 9px / 8px 3px 8px 4px;--ui-radius-tight:var(--_sketch-pass-radius-tight,var(--_sketch-r,var(--_sketch-p)))}:is(.sketch,.sketch-rounded:not(.sketch-solo),:is(.sketch,.sketch-rounded:not(.sketch-solo)) *):not(:is(.neobrutalism,.glass,.pixel,.chunky-tile,.cyber)):is(.badge,.kbd,.code,.checkbox,.switch,.progress):nth-child(4n+3){--_sketch-p:var(--_sketch-pointed) 8px 2px 10px 1px / 1px 9px 2px 8px;--_sketch-r:var(--_sketch-rounded) 8px 4px 9px 3px / 3px 9px 4px 8px;--ui-radius-tight:var(--_sketch-pass-radius-tight,var(--_sketch-r,var(--_sketch-p)))}:is(.sketch,.sketch-rounded:not(.sketch-solo),:is(.sketch,.sketch-rounded:not(.sketch-solo)) *):not(:is(.neobrutalism,.glass,.pixel,.chunky-tile,.cyber)):is(.badge,.kbd,.code,.checkbox,.switch,.progress):nth-child(4n){--_sketch-p:var(--_sketch-pointed) 1px 10px 2px 7px / 9px 1px 8px 2px;--_sketch-r:var(--_sketch-rounded) 3px 9px 4px 8px / 9px 4px 8px 3px;--ui-radius-tight:var(--_sketch-pass-radius-tight,var(--_sketch-r,var(--_sketch-p)))}:is(.sketch,.sketch-rounded:not(.sketch-solo),:is(.sketch,.sketch-rounded:not(.sketch-solo)) *):not(:is(.neobrutalism,.glass,.pixel,.chunky-tile,.cyber)).btn.pill{--ui-radius-pill:var(--_sketch-pass-radius-pill,var(--_sketch-on) var(--sketch-radius-pill,24px 16px 23px 17px / 17px 21px 16px 20px))}:is(.sketch,.sketch-rounded:not(.sketch-solo),:is(.sketch,.sketch-rounded:not(.sketch-solo)) *):not(:is(.neobrutalism,.glass,.pixel,.chunky-tile,.cyber)).btn.pill:nth-child(4n+2){--ui-radius-pill:var(--_sketch-pass-radius-pill,var(--_sketch-on) var(--sketch-radius-pill,17px 23px 16px 24px / 21px 16px 20px 17px))}:is(.sketch,.sketch-rounded:not(.sketch-solo),:is(.sketch,.sketch-rounded:not(.sketch-solo)) *):not(:is(.neobrutalism,.glass,.pixel,.chunky-tile,.cyber)).btn.pill:nth-child(4n+3){--ui-radius-pill:var(--_sketch-pass-radius-pill,var(--_sketch-on) var(--sketch-radius-pill,23px 17px 24px 16px / 16px 20px 17px 21px))}:is(.sketch,.sketch-rounded:not(.sketch-solo),:is(.sketch,.sketch-rounded:not(.sketch-solo)) *):not(:is(.neobrutalism,.glass,.pixel,.chunky-tile,.cyber)).btn.pill:nth-child(4n){--ui-radius-pill:var(--_sketch-pass-radius-pill,var(--_sketch-on) var(--sketch-radius-pill,16px 24px 17px 23px / 20px 17px 21px 16px))}:is(.sketch,.sketch-rounded:not(.sketch-solo),:is(.sketch,.sketch-rounded:not(.sketch-solo)) *):not(:is(.neobrutalism,.glass,.pixel,.chunky-tile,.cyber)):is(.badge,.progress,.switch){--ui-radius-pill:var(--_sketch-pass-radius-pill,var(--_sketch-on) var(--ui-radius-tight))}:is(.sketch,.sketch-rounded:not(.sketch-solo),:is(.sketch,.sketch-rounded:not(.sketch-solo)) *):not(:is(.neobrutalism,.glass,.pixel,.chunky-tile,.cyber)):is(.radio,.tooltip-icon){--ui-radius-pill:var(--_sketch-pass-radius-pill,var(--_sketch-on) 48% 52% 46% 54% / 53% 46% 54% 47%)}:is(.sketch,.sketch-rounded:not(.sketch-solo),:is(.sketch,.sketch-rounded:not(.sketch-solo)) *):not(:is(.neobrutalism,.glass,.pixel,.chunky-tile,.cyber)):is(.checkbox,:where(input[type=checkbox]:not(.switch,.radio))){--ui-line-style:var(--_sketch-pass-line-style,var(--_sketch-pointed) dashed)}:is(.sketch,.sketch-rounded:not(.sketch-solo),:is(.sketch,.sketch-rounded:not(.sketch-solo)) *):not(:is(.neobrutalism,.glass,.pixel,.chunky-tile,.cyber)):is(.divider,.data-table,:where(hr,table)){--ui-rule-style:var(--_sketch-pass-rule-style,var(--_sketch-pointed) dashed)}}@layer utilities;.sketch-solo{--_solo-intent-color:initial;--_solo-intent-contrast:initial;--_solo-intent-strong:initial;--_solo-intent-border:initial;--_solo-intent-fill-max:initial;--_solo-color:var(--_solo-intent-color,var(--color-text,light-dark(oklch(14.5% 0 0),oklch(98.5% 0 0))));--_solo-contrast:var(--_solo-intent-contrast,var(--color-text-contrast,light-dark(oklch(98.5% 0 0),oklch(14.5% 0 0))));--_solo-strong:var(--_solo-intent-strong,var(--color-text-strong,light-dark(oklch(20.5% 0 0),oklch(97% 0 0))));--_solo-capped:min(var(--ui-fill,0%), var(--_solo-intent-fill-max,20%));--_solo-fill:color-mix(in oklab, var(--_solo-color) var(--_solo-capped), transparent);--_solo-on-fill:min(var(--ui-fg-on-fill,0%), max(0%, calc(var(--_solo-capped) * 2 - 100%)));--_solo-fg:color-mix(in oklab, var(--_solo-contrast) var(--_solo-on-fill), var(--_solo-strong));--_solo-ink:var(--_solo-intent-border,light-dark(var(--color-neutral-950,oklch(14.5% 0 0)),var(--color-neutral-50,oklch(98.5% 0 0))));--_solo-edge:color-mix(in oklab, var(--_solo-ink) var(--ui-border,100%), var(--_solo-fill));--_solo-depth:calc(2px * var(--ui-elevation,1));border:1px solid var(--_solo-edge);border-radius:var(--sketch-radius-surface,80px 4px 75px 5px / 3px 70px 4px 80px);box-shadow:var(--_solo-depth) var(--_solo-depth) 0 0 light-dark(#0f172a14,#0000008c), inset 0 0 0 100vmax var(--_solo-fill);font-family:var(--font-sketch,cursive)}.sketch-solo:is(.primary,.secondary,.success,.warning,.destructive,.info){--_solo-intent-color:var(--intent-color);--_solo-intent-contrast:var(--intent-contrast);--_solo-intent-strong:var(--intent-strong);--_solo-intent-border:var(--intent-border);--_solo-intent-fill-max:var(--intent-fill-max)}.sketch-solo:is(.solid,.soft,.ghost,.primary,.secondary,.success,.warning,.destructive,.info,:is(.solid,.soft,.ghost) *){color:var(--_solo-fg)}.sketch-solo:is(button,a[href],[role=button],summary,input[type=button],input[type=submit],input[type=reset]){border-radius:var(--sketch-radius,255px 15px 225px 15px / 15px 225px 15px 255px)}.sketch-solo.sketch-rounded{border-radius:var(--sketch-radius-surface-rounded,38px 16px 36px 17px / 16px 34px 17px 32px)}.sketch-solo.sketch-rounded:is(button,a[href],[role=button],summary,input[type=button],input[type=submit],input[type=reset]){border-radius:var(--sketch-radius-rounded,26px 10px 24px 11px / 12px 23px 11px 20px)}@media (forced-colors:active){.sketch-solo{border-style:solid}}

package/dist/cli.js

@@ -0,0 +1,189 @@
+#!/usr/bin/env node
+import { createRequire } from "node:module";
+import { existsSync, readFileSync } from "node:fs";
+import * as fs from "node:fs/promises";
+import path from "node:path";
+import { fileURLToPath, pathToFileURL } from "node:url";
+import { parseArgs } from "node:util";
+// src/cli/run.ts
+const BIN = "codenhub-styles";
+const MIN_NODE_MAJOR = 24;
+const TAILWIND_PACKAGES = ["@tailwindcss/cli", "tailwindcss"];
+const TW_AESTHETIC_EXPORT = /^\.\/tw\/aesthetics\/([^/]+)$/;
+const USAGE = `Usage: ${BIN} build --content <glob> [--content <glob> ...] --output <file> [options]
+
+Builds a StyleKit stylesheet holding only the classes your templates use.
+
+Options:
+  -c, --content <glob>   Files to scan for class names, relative to the current
+                         directory. Repeat for more globs. Quote each glob.
+  -o, --output <file>    Stylesheet to write. Parent directories are created.
+  --aesthetic <name>     Add an aesthetic: {names}. Repeatable.
+  --no-minify            Write readable CSS instead of minified CSS.
+  --help                 Show this help.
+  --version              Show the version.`;
+const POLYFILLS_NONE = 0;
+async function run(argv, io) {
+	try {
+		const parsed = parseCommandLine(argv);
+		if (parsed === "help") io.stdout(USAGE.replace("{names}", readAestheticNames().join(", ")));
+		else if (parsed === "version") io.stdout(readManifest().version);
+		else {
+			const output = await build(parsed, io);
+			const { size } = await fs.stat(output);
+			io.stdout(`${output} ${size} bytes`);
+		}
+		return 0;
+	} catch (error) {
+		io.stderr(`${BIN}: ${error instanceof Error ? error.message : String(error)}`);
+		return 1;
+	}
+}
+function parseCommandLine(argv) {
+	const { values, positionals } = parseFlags(argv);
+	if (values.help) return "help";
+	if (values.version) return "version";
+	const [command, ...extra] = positionals;
+	if (command === void 0) throw new Error(`missing command; run "${BIN} build --content <glob> --output <file>".`);
+	if (command !== "build") throw new Error(`unknown command "${command}"; the only command is "build".`);
+	if (extra.length > 0) throw new Error(`unexpected argument "${extra[0]}"; quote each --content glob so the shell does not expand it, as in --content "app/views/**/*.erb".`);
+	if (!values.content?.length) throw new Error(`missing --content; name the templates to scan, as in --content "app/views/**/*.erb".`);
+	const output = values.output?.trim();
+	if (!output) throw new Error("missing --output; name the stylesheet to write, as in --output public/app.css.");
+	return {
+		contentGlobs: values.content,
+		output,
+		aesthetics: [...new Set(values.aesthetic ?? [])],
+		shouldMinify: !values["no-minify"]
+	};
+}
+function parseFlags(argv) {
+	try {
+		return parseArgs({
+			args: [...argv],
+			allowPositionals: true,
+			options: {
+				content: {
+					type: "string",
+					short: "c",
+					multiple: true
+				},
+				output: {
+					type: "string",
+					short: "o"
+				},
+				aesthetic: {
+					type: "string",
+					multiple: true
+				},
+				"no-minify": { type: "boolean" },
+				help: { type: "boolean" },
+				version: { type: "boolean" }
+			}
+		});
+	} catch (error) {
+		const flag = error instanceof Error ? /'([^']+)'/.exec(error.message)?.[1] : void 0;
+		if (flag === void 0) throw error;
+		const code = error.code;
+		throw new Error(code === "ERR_PARSE_ARGS_UNKNOWN_OPTION" ? `unknown option "${flag}"; run "${BIN} --help" for the options.` : `option "${/--[\w-]+/.exec(flag)?.[0] ?? flag}" is missing its value or does not take one; run "${BIN} --help" for the options.`);
+	}
+}
+async function build(options, io) {
+	assertNodeVersion(io.nodeVersion);
+	const tailwind = loadTailwind(io);
+	const validAesthetics = readAestheticNames();
+	const unknown = options.aesthetics.find((name) => !validAesthetics.includes(name));
+	if (unknown !== void 0) throw new Error(`unknown aesthetic "${unknown}"; choose from ${validAesthetics.join(", ")}.`);
+	await Promise.all(options.contentGlobs.map((pattern) => assertMatches(pattern, io.cwd)));
+	const output = path.resolve(io.cwd, options.output);
+	const input = [
+		`@import ${cssString(resolveExport("./tw"))};`,
+		...options.aesthetics.map((name) => `@import ${cssString(resolveExport(`./tw/aesthetics/${name}`))};`),
+		...options.contentGlobs.map((pattern) => `@source ${cssString(toCssPath(path.resolve(io.cwd, pattern)))};`)
+	].join("\n");
+	try {
+		const css = await compileStylesheet(tailwind, input, io.cwd, options.shouldMinify);
+		await fs.mkdir(path.dirname(output), { recursive: true });
+		await fs.writeFile(output, css);
+	} catch (error) {
+		throw new Error(`Tailwind failed to build the stylesheet: ${error instanceof Error ? error.message : String(error)}`);
+	}
+	return output;
+}
+async function assertMatches(pattern, cwd) {
+	for await (const entry of fs.glob(pattern, {
+		cwd,
+		withFileTypes: true
+	})) if (entry.isFile()) return;
+	throw new Error(`--content "${pattern}" matches no file in ${cwd}; check the path, or run from the project root.`);
+}
+async function compileStylesheet(tailwind, input, cwd, shouldMinify) {
+	const compiler = await tailwind.compile(input, {
+		base: cwd,
+		from: path.join(cwd, "codenhub-styles.css"),
+		polyfills: POLYFILLS_NONE,
+		onDependency() {}
+	});
+	const scanner = new tailwind.Scanner({ sources: compiler.sources });
+	const css = compiler.build(scanner.scan());
+	return shouldMinify ? tailwind.optimize(css, { minify: true }).code : css;
+}
+function readAestheticNames() {
+	const { exports } = readManifest();
+	return Object.keys(exports).map((subpath) => TW_AESTHETIC_EXPORT.exec(subpath)?.[1]).filter((name) => name !== void 0).sort();
+}
+/** Returns the nearest folder at or above `from` that holds a `package.json`. */
+function findPackageRoot(from) {
+	for (let dir = from;; dir = path.dirname(dir)) {
+		if (existsSync(path.join(dir, "package.json"))) return dir;
+		if (path.dirname(dir) === dir) throw new Error(`cannot find the package.json of @codenhub/styles above ${from}.`);
+	}
+}
+const packageRoot = findPackageRoot(path.dirname(fileURLToPath(import.meta.url)));
+function readManifest() {
+	return JSON.parse(readFileSync(path.join(packageRoot, "package.json"), "utf8"));
+}
+function resolveExport(subpath) {
+	const target = readManifest().exports[subpath].import;
+	return pathToFileURL(path.resolve(packageRoot, target)).href;
+}
+function assertNodeVersion(nodeVersion) {
+	if (Number.parseInt(nodeVersion, 10) < MIN_NODE_MAJOR) throw new Error(`this command needs Node.js ${MIN_NODE_MAJOR} or newer; this is Node.js ${nodeVersion}.`);
+}
+/** Loads Tailwind's compiler from where `@tailwindcss/cli` is installed, after checking both Tailwind packages are. */
+function loadTailwind(io) {
+	const manifests = TAILWIND_PACKAGES.map((name) => resolveManifest(name, io));
+	const missing = TAILWIND_PACKAGES.filter((_, index) => manifests[index] === void 0);
+	if (missing.length > 0) throw new Error(`this command needs ${missing.join(" and ")}, which ${missing.length > 1 ? "are" : "is"} not installed. Run: npm install --save-dev ${missing.join(" ")}`);
+	const requireFromCli = createRequire(manifests[0]);
+	const { compile, optimize } = requireFromCli("@tailwindcss/node");
+	const { Scanner } = requireFromCli("@tailwindcss/oxide");
+	return {
+		compile,
+		optimize,
+		Scanner
+	};
+}
+function resolveManifest(name, io) {
+	try {
+		return io.resolvePackage(`${name}/package.json`);
+	} catch (error) {
+		if (error.code === "MODULE_NOT_FOUND") return;
+		throw error;
+	}
+}
+function toCssPath(filePath) {
+	return filePath.split(path.sep).join("/");
+}
+function cssString(value) {
+	return `"${value.replace(/["\\]/g, "\\$&")}"`;
+}
+// src/cli/cli.ts
+process.exitCode = await run(process.argv.slice(2), {
+	cwd: process.cwd(),
+	nodeVersion: process.versions.node,
+	resolvePackage: createRequire(import.meta.url).resolve,
+	stdout: (line) => process.stdout.write(`${line}\n`),
+	stderr: (line) => process.stderr.write(`${line}\n`)
+});
+export {};