@a-type/ui 2.1.21 → 2.3.0

package/dist/cjs/components/box/Box.d.ts

@@ -27,9 +27,10 @@ export interface BoxProps extends Omit<SlotDivProps, 'wrap'> {
     border?: boolean;
     full?: boolean | 'width' | 'height';
     overflow?: 'hidden' | 'auto' | 'auto-x' | 'auto-y';
+    grow?: boolean;
     ref?: Ref<HTMLDivElement>;
 }
-export declare function Box({ className, items: itemsSolo, justify: justifySolo, layout: align, gap, wrap, p, d, direction, container, style: userStyle, surface, theme, border, full, overflow, col, ref, ...rest }: BoxProps): import("react/jsx-runtime.js").JSX.Element;
+export declare function Box({ className, items: itemsSolo, justify: justifySolo, layout: align, gap, wrap, p, d, direction, container, style: userStyle, surface, theme, border, full, overflow, col, grow, ref, ...rest }: BoxProps): import("react/jsx-runtime.js").JSX.Element;
 export declare const BoxContext: import("react").Context<{
     spacingScale: number;
 }>;

package/dist/cjs/components/box/Box.js

@@ -28,7 +28,7 @@ function hasDefault(value, val) {
     return value === val || (isResponsive(value) && value.default === val);
 }
 function Box(_a) {
-    var { className, items: itemsSolo, justify: justifySolo, layout: align, gap = 'none', wrap, p = 'none', d = 'row', direction = d, container, style: userStyle, surface, theme, border, full, overflow, col, ref } = _a, rest = __rest(_a, ["className", "items", "justify", "layout", "gap", "wrap", "p", "d", "direction", "container", "style", "surface", "theme", "border", "full", "overflow", "col", "ref"]);
+    var { className, items: itemsSolo, justify: justifySolo, layout: align, gap = 'none', wrap, p = 'none', d = 'row', direction = d, container, style: userStyle, surface, theme, border, full, overflow, col, grow, ref } = _a, rest = __rest(_a, ["className", "items", "justify", "layout", "gap", "wrap", "p", "d", "direction", "container", "style", "surface", "theme", "border", "full", "overflow", "col", "grow", "ref"]);
     const { spacingScale } = (0, react_1.useContext)(exports.BoxContext);
     const style = (0, react_1.useMemo)(() => (Object.assign(Object.assign({}, userStyle), { '--spacing-scale': container === 'reset' ? 1 : spacingScale, '--local-corner-scale': container === 'reset' ? 1 : `${spacingScale}` })), [userStyle, spacingScale, container]);
     const items = itemsSolo !== null && itemsSolo !== void 0 ? itemsSolo : align === null || align === void 0 ? void 0 : align.split(' ')[0];
@@ -102,6 +102,8 @@ function Box(_a) {
             'layer-components:overflow-auto': overflow === 'auto',
             'layer-components:overflow-x-auto layer-components:overflow-y-hidden': overflow === 'auto-x',
             'layer-components:overflow-y-auto layer-components:overflow-x-hidden': overflow === 'auto-y',
+            'layer-components:flex-grow': grow,
+            'layer-components:@container': container === true,
         }, theme && `theme-${theme}`, className) })));
     if (container || p) {
         return ((0, jsx_runtime_1.jsx)(exports.BoxContext.Provider, { value: {

package/dist/cjs/components/box/Box.js.map

@@ -1 +1 @@
-{"version":3,"file":"Box.js","sourceRoot":"","sources":["../../../../src/components/box/Box.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Box.js","sourceRoot":"","sources":["../../../../src/components/box/Box.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/button/classes.js

@@ -8,22 +8,22 @@ exports.buttonColorClasses = void 0;
 exports.getButtonClassName = getButtonClassName;
 const clsx_1 = __importDefault(require("clsx"));
 function getButtonClassName({ color, size, toggleable, align, }) {
-    return (0, clsx_1.default)('layer-components:px-4 layer-components:py-2 layer-components:bg-[var(--bg-neutral,var(--bg))] layer-components:[--webkit-tap-highlight-color:transparent] layer-components:[line-height:1] layer-components:text-size-md layer-components:font-inherit layer-components:border layer-components:border-solid layer-components:border-transparent layer-components:rounded-lg layer-components:cursor-pointer layer-components:font-bold layer-components:flex layer-components:flex-row layer-components:gap-1 layer-components:items-center layer-components:relative layer-components:overflow-visible layer-components:select-none layer-components:all:transition layer-components:duration-200 layer-components:whitespace-nowrap layer-components:ring-color-bg', 'layer-components:()', 'layer-components:hover:bg-[var(--bg)] layer-components:hover:bg-darken-1 layer-components:hover:ring-4', 'layer-components:focus:outline-off', 'layer-components:focus-visible:bg-[var(--bg)] layer-components:focus-visible:outline-off layer-components:focus-visible:bg-darken-1 layer-components:focus-visible:ring-6', 'layer-components:[&[data-focus=true]]:bg-[var(--bg)] layer-components:[&[data-focus=true]]:ring-6 layer-components:[&[data-focus=true]]:bg-darken-1', 'layer-components:active:bg-[var(--bg)] layer-components:active:bg-darken-1 layer-components:active:ring-8', 'important:disabled:opacity-50 important:disabled:cursor-default important:disabled:bg-[var(--bg)] important:disabled:shadow-none important:disabled:ring-none', 'important:[&[data-disabled=true]]:opacity-50 important:[&[data-disabled=true]]:cursor-default important:[&[data-disabled=true]]:bg-[var(--bg)] important:[&[data-disabled=true]]:shadow-none', colors[color !== null && color !== void 0 ? color : 'default'], `btn-color-${color !== null && color !== void 0 ? color : 'default'}`, sizes[size !== null && size !== void 0 ? size : 'default'], `size-${size !== null && size !== void 0 ? size : 'default'}`, toggleable && toggledClass, align && aligns[align], 
+    return (0, clsx_1.default)('layer-components:px-4 layer-components:py-2 layer-components:bg-[var(--bg-neutral,var(--bg))] layer-components:[--webkit-tap-highlight-color:transparent] layer-components:[line-height:1] layer-components:text-size-md layer-components:font-inherit layer-components:border-solid layer-components:border-thin layer-components:border-color-transparent layer-components:rounded-lg layer-components:cursor-pointer layer-components:font-bold layer-components:flex layer-components:flex-row layer-components:gap-1 layer-components:items-center layer-components:relative layer-components:overflow-visible layer-components:select-none layer-components:all:transition layer-components:duration-200 layer-components:whitespace-nowrap layer-components:ring-color-bg', 'layer-components:hover:bg-[var(--bg)] layer-components:hover:bg-darken-1 layer-components:hover:ring-4', 'layer-components:focus:outline-off', 'layer-components:focus-visible:bg-[var(--bg)] layer-components:focus-visible:outline-off layer-components:focus-visible:bg-darken-1 layer-components:focus-visible:ring-6', 'layer-components:[&[data-focus=true]]:bg-[var(--bg)] layer-components:[&[data-focus=true]]:ring-6 layer-components:[&[data-focus=true]]:bg-darken-1', 'layer-components:active:bg-[var(--bg)] layer-components:active:bg-darken-1 layer-components:active:ring-8', 'important:disabled:opacity-50 important:disabled:cursor-default important:disabled:bg-[var(--bg)] important:disabled:shadow-none important:disabled:ring-none', 'important:[&[data-disabled=true]]:opacity-50 important:[&[data-disabled=true]]:cursor-default important:[&[data-disabled=true]]:bg-[var(--bg)] important:[&[data-disabled=true]]:shadow-none', colors[color !== null && color !== void 0 ? color : 'default'], `btn-color-${color !== null && color !== void 0 ? color : 'default'}`, sizes[size !== null && size !== void 0 ? size : 'default'], `size-${size !== null && size !== void 0 ? size : 'default'}`, toggleable && toggledClass, align && aligns[align], 
     // compound variants
     color === 'ghost' &&
         toggleable &&
         'layer-variants:[aria-pressed="true"]:[--bg:var(--color-primary-wash)]');
 }
 const colors = {
-    primary: `layer-variants:[&.btn-color-primary]:[--bg:var(--color-primary)] layer-variants:[&.btn-color-primary]:shadow-sm layer-variants:[&.btn-color-primary]:color-black layer-variants:[&.btn-color-primary]:border-primary-dark`,
+    primary: `layer-variants:[&.btn-color-primary]:[--bg:var(--color-primary)] layer-variants:[&.btn-color-primary]:shadow-sm layer-variants:[&.btn-color-primary]:color-black layer-variants:[&.btn-color-primary]:border-color-primary-dark`,
     accent: `layer-variants:[&.btn-color-accent]:[--bg-neutral:var(--color-accent-wash)] layer-variants:[&.btn-color-accent]:[--bg:var(--color-accent-light)] layer-variants:[&.btn-color-accent]:shadow-sm layer-variants:[&.btn-color-accent]:color-black layer-variants:[&.btn-color-accent]:border-accent-dark`,
     default: `layer-variants:[&.btn-color-default]:[--bg-neutral:var(--color-white)] layer-variants:[&.btn-color-default]:[--bg:var(--color-gray-light)] layer-variants:[&.btn-color-default]:shadow-sm layer-variants:[&.btn-color-default]:color-black layer-variants:[&.btn-color-default]:border-gray-dark`,
     ghost: `layer-variants:[&.btn-color-ghost]:[--bg-neutral:transparent] layer-variants:[&.btn-color-ghost]:[--bg:oklch(from_var(--color-gray)_l_c_h/50%)] layer-variants:[&.btn-color-ghost]:color-dark-blend`,
-    destructive: `layer-variants:[&.btn-color-destructive]:[--bg:var(--color-attention)] layer-variants:[&.btn-color-destructive]:shadow-sm layer-variants:[&.btn-color-destructive]:border-attention-dark layer-variants:[&.btn-color-destructive]:color-black)`,
+    destructive: `layer-variants:[&.btn-color-destructive]:[--bg:var(--color-attention)] layer-variants:[&.btn-color-destructive]:shadow-sm layer-variants:[&.btn-color-destructive]:border-color-attention-dark layer-variants:[&.btn-color-destructive]:color-black)`,
     ghostDestructive: `layer-variants:[&.btn-color-ghostDestructive]:[--bg-neutral:transparent] layer-variants:[&.btn-color-ghostDestructive]:[--bg:var(--color-attention-light)] layer-variants:[&.btn-color-ghostDestructive]:color-attention-dark layer-variants:[&.btn-color-ghostDestructive]:hover:color-black layer-variants:[&.btn-color-ghostDestructive]:focus-visible:color-black`,
-    ghostAccent: `layer-variants:[&.btn-color-ghostAccent]:[--bg-neutral:transparent] layer-variants:[&.btn-color-ghostAccent]:[--bg:var(--color-accent-wash)] layer-variants:[&.btn-color-ghostAccent]:color-accent-dark layer-variants:[&.btn-color-ghostAccent]:hover:bg-darken-4`,
-    contrast: `layer-variants:[&.btn-color-contrast]:[--bg:var(--color-black)] layer-variants:[&.btn-color-contrast]:color-white layer-variants:[&.btn-color-contrast]:border-black layer-variants:[&.btn-color-contrast]:hover:bg-lighten-1 layer-variants:[&.btn-color-contrast]:focus-visible:bg-lighten-1 layer-variants:[&.btn-color-contrast]:active:bg-lighten-1`,
-    unstyled: `layer-variants:bg-transparent layer-variants:hover:bg-transparent layer-variants:focus:bg-transparent layer-variants:active:bg-transparent layer-variants:color-inherit layer-variants:border-none layer-variants:shadow-none layer-variants:hover:shadow-none layer-variants:focus:shadow-none layer-variants:active:shadow-none layer-variants:p-0 layer-variants:items-start layer-variants:font-inherit layer-variants:font-normal layer-variants:rounded-none layer-variants:text-size-inherit layer-variants:transition-none`,
+    ghostAccent: `layer-variants:[&.btn-color-ghostAccent]:[--bg-neutral:transparent] layer-variants:[&.btn-color-ghostAccent]:[--bg:var(--color-accent-light)] layer-variants:[&.btn-color-ghostAccent]:color-accent-dark layer-variants:[&.btn-color-ghostAccent]:hover:color-black layer-variants:[&.btn-color-ghostAccent]:focus-visible:color-black`,
+    contrast: `layer-variants:[&.btn-color-contrast]:[--bg:var(--color-black)] layer-variants:[&.btn-color-contrast]:color-white layer-variants:[&.btn-color-contrast]:border-color-black layer-variants:[&.btn-color-contrast]:hover:bg-lighten-1 layer-variants:[&.btn-color-contrast]:focus-visible:bg-lighten-1 layer-variants:[&.btn-color-contrast]:active:bg-lighten-1`,
+    unstyled: `layer-variants:bg-transparent layer-variants:hover:bg-transparent layer-variants:focus:bg-transparent layer-variants:active:bg-transparent layer-variants:color-inherit layer-variants:border-color-transparent layer-variants:shadow-none layer-variants:hover:shadow-none layer-variants:focus:shadow-none layer-variants:active:shadow-none layer-variants:p-0 layer-variants:items-start layer-variants:font-inherit layer-variants:font-normal layer-variants:rounded-none layer-variants:text-size-inherit layer-variants:transition-none`,
 };
 exports.buttonColorClasses = colors;
 const sizes = {

package/dist/cjs/components/button/classes.js.map

@@ -1 +1 @@
-{"version":3,"file":"classes.js","sourceRoot":"","sources":["../../../../src/components/button/classes.tsx"],"names":[],"mappings":";;;;;;AAGA,gDAgCC;AAnCD,gDAA8B;AAG9B,SAAgB,kBAAkB,CAAC,EAClC,KAAK,EACL,IAAI,EACJ,UAAU,EACV,KAAK,GAML;IACA,OAAO,IAAA,cAAU,EAChB,kWAAkW,EAClW,qBAAqB,EACrB,4DAA4D,EAC5D,oCAAoC,EACpC,gFAAgF,EAChF,2EAA2E,EAC3E,6DAA6D,EAC7D,qFAAqF,EACrF,0FAA0F,EAC1F,MAAM,CAAC,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,SAAS,CAAC,EAC1B,aAAa,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,SAAS,EAAE,EACjC,KAAK,CAAC,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,SAAS,CAAC,EACxB,QAAQ,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,SAAS,EAAE,EAC3B,UAAU,IAAI,YAAY,EAC1B,KAAK,IAAI,MAAM,CAAC,KAAK,CAAC;IACtB,oBAAoB;IACpB,KAAK,KAAK,OAAO;QAChB,UAAU;QACV,uEAAuE,CACxE,CAAC;AACH,CAAC;AAED,MAAM,MAAM,GAAG;IACd,OAAO,EAAE,8GAA8G;IACvH,MAAM,EAAE,yJAAyJ;IACjK,OAAO,EAAE,gJAAgJ;IACzJ,KAAK,EAAE,iIAAiI;IACxI,WAAW,EAAE,wHAAwH;IACrI,gBAAgB,EAAE,qLAAqL;IACvM,WAAW,EAAE,2IAA2I;IACxJ,QAAQ,EAAE,8JAA8J;IACxK,QAAQ,EAAE,kSAAkS;CAC5S,CAAC;AACW,QAAA,kBAAkB,GAAG,MAAM,CAAC;AAEzC,MAAM,KAAK,GAAG;IACb,OAAO,EAAE,EAAE;IACX,KAAK,EAAE,8DAA8D;IACrE,IAAI,EAAE,0DAA0D;IAChE,YAAY,EACX,sEAAsE;CACvE,CAAC;AAEF,MAAM,YAAY,GACjB,6FAA6F,CAAC;AAE/F,MAAM,MAAM,GAAG;IACd,KAAK,EAAE,YAAY;IACnB,OAAO,EAAE,cAAc;IACvB,GAAG,EAAE,UAAU;CACf,CAAC"}
+{"version":3,"file":"classes.js","sourceRoot":"","sources":["../../../../src/components/button/classes.tsx"],"names":[],"mappings":";;;;;;AAGA,gDA+BC;AAlCD,gDAA8B;AAG9B,SAAgB,kBAAkB,CAAC,EAClC,KAAK,EACL,IAAI,EACJ,UAAU,EACV,KAAK,GAML;IACA,OAAO,IAAA,cAAU,EAChB,6WAA6W,EAC7W,4DAA4D,EAC5D,oCAAoC,EACpC,gFAAgF,EAChF,2EAA2E,EAC3E,6DAA6D,EAC7D,qFAAqF,EACrF,0FAA0F,EAC1F,MAAM,CAAC,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,SAAS,CAAC,EAC1B,aAAa,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,SAAS,EAAE,EACjC,KAAK,CAAC,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,SAAS,CAAC,EACxB,QAAQ,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,SAAS,EAAE,EAC3B,UAAU,IAAI,YAAY,EAC1B,KAAK,IAAI,MAAM,CAAC,KAAK,CAAC;IACtB,oBAAoB;IACpB,KAAK,KAAK,OAAO;QAChB,UAAU;QACV,uEAAuE,CACxE,CAAC;AACH,CAAC;AAED,MAAM,MAAM,GAAG;IACd,OAAO,EAAE,oHAAoH;IAC7H,MAAM,EAAE,yJAAyJ;IACjK,OAAO,EAAE,gJAAgJ;IACzJ,KAAK,EAAE,iIAAiI;IACxI,WAAW,EAAE,8HAA8H;IAC3I,gBAAgB,EAAE,qLAAqL;IACvM,WAAW,EAAE,sKAAsK;IACnL,QAAQ,EAAE,oKAAoK;IAC9K,QAAQ,EAAE,+SAA+S;CACzT,CAAC;AACW,QAAA,kBAAkB,GAAG,MAAM,CAAC;AAEzC,MAAM,KAAK,GAAG;IACb,OAAO,EAAE,EAAE;IACX,KAAK,EAAE,8DAA8D;IACrE,IAAI,EAAE,0DAA0D;IAChE,YAAY,EACX,sEAAsE;CACvE,CAAC;AAEF,MAAM,YAAY,GACjB,6FAA6F,CAAC;AAE/F,MAAM,MAAM,GAAG;IACd,KAAK,EAAE,YAAY;IACnB,OAAO,EAAE,cAAc;IACvB,GAAG,EAAE,UAAU;CACf,CAAC"}

package/dist/cjs/components/checkbox/Checkbox.js

@@ -64,7 +64,7 @@ function CheckboxRoot(_a) {
 }
 function CheckboxIndicator(_a) {
     var { children, className } = _a, props = __rest(_a, ["children", "className"]);
-    return ((0, jsx_runtime_1.jsx)(CheckboxPrimitive.Indicator, Object.assign({ className: (0, clsx_1.default)('absolute center translate-[-50%] color-black', className) }, props, { children: children !== null && children !== void 0 ? children : (0, jsx_runtime_1.jsx)(react_icons_1.CheckIcon, { width: 18, height: 18 }) })));
+    return ((0, jsx_runtime_1.jsx)(CheckboxPrimitive.Indicator, Object.assign({ className: (0, clsx_1.default)('absolute center color-black', className) }, props, { children: children !== null && children !== void 0 ? children : (0, jsx_runtime_1.jsx)(react_icons_1.CheckIcon, { width: 18, height: 18 }) })));
 }
 exports.Checkbox = Object.assign(function Checkbox(props) {
     return ((0, jsx_runtime_1.jsx)(CheckboxRoot, Object.assign({}, props, { children: (0, jsx_runtime_1.jsx)(CheckboxIndicator, {}) })));

package/dist/cjs/components/checkbox/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../../src/components/checkbox/Checkbox.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBb,oCAoBC;AAED,8CAgBC;;AAtDD,4EAA8D;AAC9D,uDAAkD;AAClD,gDAA8B;AAc9B,SAAgB,YAAY,CAAC,EAIb;QAJa,EAC5B,SAAS,EACT,WAAW,GAAG,WAAW,OAEV,EADZ,KAAK,cAHoB,4BAI5B,CADQ;IAER,OAAO,CACN,uBAAC,iBAAiB,CAAC,IAAI,oBAClB,KAAK,IACT,SAAS,EAAE,IAAA,cAAU,EACpB,iHAAiH,EACjH,2DAA2D,EAC3D,WAAW,KAAK,OAAO;YACtB,CAAC,CAAC,8FAA8F;YAChG,CAAC,CAAC,2EAA2E,EAC9E,iFAAiF,EACjF,8EAA8E,EAC9E,SAAS,CACT,IACA,CACF,CAAC;AACH,CAAC;AAED,SAAgB,iBAAiB,CAAC,EAIS;QAJT,EACjC,QAAQ,EACR,SAAS,OAEiC,EADvC,KAAK,cAHyB,yBAIjC,CADQ;IAER,OAAO,CACN,uBAAC,iBAAiB,CAAC,SAAS,kBAC3B,SAAS,EAAE,IAAA,cAAU,EACpB,8CAA8C,EAC9C,SAAS,CACT,IACG,KAAK,cAER,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,uBAAC,uBAAS,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,IACpB,CAC9B,CAAC;AACH,CAAC;AAEY,QAAA,QAAQ,GAAG,MAAM,CAAC,MAAM,CACpC,SAAS,QAAQ,CAAC,KAAoB;IACrC,OAAO,CACN,uBAAC,YAAY,oBAAK,KAAK,cACtB,uBAAC,iBAAiB,KAAG,IACP,CACf,CAAC;AACH,CAAC,EACD;IACC,IAAI,EAAE,YAAY;IAClB,SAAS,EAAE,iBAAiB;CAC5B,CACD,CAAC"}
+{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../../src/components/checkbox/Checkbox.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBb,oCAoBC;AAED,8CAaC;;AAnDD,4EAA8D;AAC9D,uDAAkD;AAClD,gDAA8B;AAc9B,SAAgB,YAAY,CAAC,EAIb;QAJa,EAC5B,SAAS,EACT,WAAW,GAAG,WAAW,OAEV,EADZ,KAAK,cAHoB,4BAI5B,CADQ;IAER,OAAO,CACN,uBAAC,iBAAiB,CAAC,IAAI,oBAClB,KAAK,IACT,SAAS,EAAE,IAAA,cAAU,EACpB,iHAAiH,EACjH,2DAA2D,EAC3D,WAAW,KAAK,OAAO;YACtB,CAAC,CAAC,8FAA8F;YAChG,CAAC,CAAC,2EAA2E,EAC9E,iFAAiF,EACjF,8EAA8E,EAC9E,SAAS,CACT,IACA,CACF,CAAC;AACH,CAAC;AAED,SAAgB,iBAAiB,CAAC,EAIS;QAJT,EACjC,QAAQ,EACR,SAAS,OAEiC,EADvC,KAAK,cAHyB,yBAIjC,CADQ;IAER,OAAO,CACN,uBAAC,iBAAiB,CAAC,SAAS,kBAC3B,SAAS,EAAE,IAAA,cAAU,EAAC,6BAA6B,EAAE,SAAS,CAAC,IAC3D,KAAK,cAER,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,uBAAC,uBAAS,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,IACpB,CAC9B,CAAC;AACH,CAAC;AAEY,QAAA,QAAQ,GAAG,MAAM,CAAC,MAAM,CACpC,SAAS,QAAQ,CAAC,KAAoB;IACrC,OAAO,CACN,uBAAC,YAAY,oBAAK,KAAK,cACtB,uBAAC,iBAAiB,KAAG,IACP,CACf,CAAC;AACH,CAAC,EACD;IACC,IAAI,EAAE,YAAY;IAClB,SAAS,EAAE,iBAAiB;CAC5B,CACD,CAAC"}

package/dist/cjs/components/input/Input.js

@@ -21,7 +21,7 @@ const react_slot_1 = require("@radix-ui/react-slot");
 const clsx_1 = __importDefault(require("clsx"));
 const react_1 = require("react");
 const useRotatingShuffledValue_js_1 = require("../../hooks/useRotatingShuffledValue.js");
-exports.inputClassName = (0, clsx_1.default)('layer-components:px-5 layer-components:py-1.25 layer-components:text-md layer-components:font-inherit layer-components:rounded-xl layer-components:bg-white layer-components:select-auto layer-components:min-w-60px layer-components:color-black layer-components:border-solid layer-components:border layer-components:border-gray-dark layer-components:shadow-sm-inset', 'layer-components:focus:outline-none layer-components:focus:bg-lighten-2 layer-components:focus:ring-4 layer-components:focus:ring-white', 'layer-components:focus-visible:outline-none layer-components:focus-visible:ring-gray', 'layer-components:disabled:bg-transparent layer-components:disabled:border-gray layer-components:disabled:placeholder-gray-dark layer-components:disabled:shadow-none', 'layer-components:md:min-w-120px');
+exports.inputClassName = (0, clsx_1.default)('layer-components:px-5 layer-components:py-1.25 layer-components:text-md layer-components:font-inherit layer-components:rounded-xl layer-components:bg-white layer-components:select-auto layer-components:min-w-60px layer-components:color-black layer-components:border-solid layer-components:border-width-thin layer-components:border-gray-dark layer-components:shadow-sm-inset', 'layer-components:focus:outline-none layer-components:focus:bg-lighten-2 layer-components:focus:ring-4 layer-components:focus:ring-white', 'layer-components:focus-visible:outline-none layer-components:focus-visible:ring-gray', 'layer-components:disabled:bg-transparent layer-components:disabled:border-gray layer-components:disabled:placeholder-gray-dark layer-components:disabled:shadow-none', 'layer-components:md:min-w-120px');
 const Input = function Input(_a) {
     var { ref, className, autoSelect, onFocus, onChange, onValueChange, variant: _, asChild, placeholders, placeholder, placeholdersIntervalMs = 5000 } = _a, props = __rest(_a, ["ref", "className", "autoSelect", "onFocus", "onChange", "onValueChange", "variant", "asChild", "placeholders", "placeholder", "placeholdersIntervalMs"]);
     const handleFocus = (0, react_1.useCallback)((ev) => {

package/dist/cjs/components/input/Input.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../src/components/input/Input.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,qDAA4C;AAC5C,gDAA8B;AAC9B,iCAA6E;AAC7E,yFAAmF;AAEtE,QAAA,cAAc,GAAG,IAAA,cAAU,EACvC,kKAAkK,EAClK,sEAAsE,EACtE,yDAAyD,EACzD,0FAA0F,EAC1F,mCAAmC,CACnC,CAAC;AAaK,MAAM,KAAK,GAAG,SAAS,KAAK,CAAC,EAenC;QAfmC,EACnC,GAAG,EACH,SAAS,EACT,UAAU,EACV,OAAO,EACP,QAAQ,EACR,aAAa,EACb,OAAO,EAAE,CAAC,EACV,OAAO,EACP,YAAY,EACZ,WAAW,EACX,sBAAsB,GAAG,IAAI,OAI7B,EAHG,KAAK,cAZ2B,yJAanC,CADQ;IAIR,MAAM,WAAW,GAAG,IAAA,mBAAW,EAC9B,CAAC,EAAgC,EAAE,EAAE;QACpC,IAAI,UAAU,EAAE,CAAC;YAChB,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC;QACpB,CAAC;QACD,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,EAAE,CAAC,CAAC;IACf,CAAC,EACD,CAAC,OAAO,EAAE,UAAU,CAAC,CACrB,CAAC;IAEF,MAAM,YAAY,GAAG,IAAA,mBAAW,EAC/B,CAAC,EAAiC,EAAE,EAAE;QACrC,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAG,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QACjC,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,EAAE,CAAC,CAAC;IAChB,CAAC,EACD,CAAC,QAAQ,EAAE,aAAa,CAAC,CACzB,CAAC;IAEF,MAAM,iBAAiB,GAAG,IAAA,sDAAwB,EACjD,YAAY,aAAZ,YAAY,cAAZ,YAAY,GAAI,EAAE,EAClB,sBAAsB,CACtB,CAAC;IAEF,MAAM,SAAS,GAAG,OAAO,CAAC,CAAC,CAAC,iBAAI,CAAC,CAAC,CAAC,OAAO,CAAC;IAE3C,OAAO,CACN,uBAAC,SAAS,oBACL,KAAK,IACT,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,YAAY,EACtB,SAAS,EAAE,IAAA,cAAU,EAAC,sBAAc,EAAE,SAAS,CAAC,EAChD,GAAG,EAAE,GAAG,EACR,WAAW,EAAE,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,iBAAiB,IAC5C,CACF,CAAC;AACH,CAAC,CAAC;AAnDW,QAAA,KAAK,SAmDhB"}
+{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../src/components/input/Input.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,qDAA4C;AAC5C,gDAA8B;AAC9B,iCAA6E;AAC7E,yFAAmF;AAEtE,QAAA,cAAc,GAAG,IAAA,cAAU,EACvC,6KAA6K,EAC7K,sEAAsE,EACtE,yDAAyD,EACzD,0FAA0F,EAC1F,mCAAmC,CACnC,CAAC;AAaK,MAAM,KAAK,GAAG,SAAS,KAAK,CAAC,EAenC;QAfmC,EACnC,GAAG,EACH,SAAS,EACT,UAAU,EACV,OAAO,EACP,QAAQ,EACR,aAAa,EACb,OAAO,EAAE,CAAC,EACV,OAAO,EACP,YAAY,EACZ,WAAW,EACX,sBAAsB,GAAG,IAAI,OAI7B,EAHG,KAAK,cAZ2B,yJAanC,CADQ;IAIR,MAAM,WAAW,GAAG,IAAA,mBAAW,EAC9B,CAAC,EAAgC,EAAE,EAAE;QACpC,IAAI,UAAU,EAAE,CAAC;YAChB,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC;QACpB,CAAC;QACD,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,EAAE,CAAC,CAAC;IACf,CAAC,EACD,CAAC,OAAO,EAAE,UAAU,CAAC,CACrB,CAAC;IAEF,MAAM,YAAY,GAAG,IAAA,mBAAW,EAC/B,CAAC,EAAiC,EAAE,EAAE;QACrC,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAG,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QACjC,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,EAAE,CAAC,CAAC;IAChB,CAAC,EACD,CAAC,QAAQ,EAAE,aAAa,CAAC,CACzB,CAAC;IAEF,MAAM,iBAAiB,GAAG,IAAA,sDAAwB,EACjD,YAAY,aAAZ,YAAY,cAAZ,YAAY,GAAI,EAAE,EAClB,sBAAsB,CACtB,CAAC;IAEF,MAAM,SAAS,GAAG,OAAO,CAAC,CAAC,CAAC,iBAAI,CAAC,CAAC,CAAC,OAAO,CAAC;IAE3C,OAAO,CACN,uBAAC,SAAS,oBACL,KAAK,IACT,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,YAAY,EACtB,SAAS,EAAE,IAAA,cAAU,EAAC,sBAAc,EAAE,SAAS,CAAC,EAChD,GAAG,EAAE,GAAG,EACR,WAAW,EAAE,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,iBAAiB,IAC5C,CACF,CAAC;AACH,CAAC,CAAC;AAnDW,QAAA,KAAK,SAmDhB"}

package/dist/cjs/components/layouts/PageContent.d.ts

@@ -1,7 +1,2 @@
-import { HTMLAttributes } from 'react';
-export declare function PageContent({ children, fullHeight, noPadding, innerProps, className, scrollable, ...rest }: HTMLAttributes<HTMLDivElement> & {
-    fullHeight?: boolean;
-    noPadding?: boolean;
-    innerProps?: HTMLAttributes<HTMLDivElement>;
-    scrollable?: boolean;
-}): import("react/jsx-runtime.js").JSX.Element;
+import { BoxProps } from '../box/Box.js';
+export declare function PageContent({ children, className, ref, p, ...rest }: BoxProps): import("react/jsx-runtime.js").JSX.Element;

package/dist/cjs/components/layouts/PageContent.js

@@ -19,9 +19,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.PageContent = PageContent;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const clsx_1 = __importDefault(require("clsx"));
+const useMergedRef_js_1 = __importDefault(require("../../hooks/useMergedRef.js"));
 const useSize_js_1 = require("../../hooks/useSize.js");
+const Box_js_1 = require("../box/Box.js");
 function PageContent(_a) {
-    var { children, fullHeight, noPadding, innerProps, className, scrollable = true } = _a, rest = __rest(_a, ["children", "fullHeight", "noPadding", "innerProps", "className", "scrollable"]);
+    var { children, className, ref, p } = _a, rest = __rest(_a, ["children", "className", "ref", "p"]);
     const innerRef = (0, useSize_js_1.useBoundsCssVars)(200, undefined, {
         left: '--content-left',
         top: '--content-top',
@@ -29,9 +31,10 @@ function PageContent(_a) {
         height: '--content-height',
         ready: '--content-ready',
     });
-    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: (0, clsx_1.default)('layer-components:[grid-area:content] layer-components:max-w-full layer-components:min-w-0 layer-components:w-full layer-components:flex layer-components:flex-col layer-components:items-start layer-components:relative layer-components:flex-1 layer-components:gap-3', { 'layer-variants:overflow-y-auto layer-variants:h-full': scrollable }, className) }, rest, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({}, innerProps, { className: (0, clsx_1.default)('layer-components:w-full layer-components:min-w-0 layer-components:flex layer-components:flex-col layer-components:mb-120px layer-components:px-4 layer-components:py-4 layer-components:flex-1', {
-                'layer-variants:flex-1 layer-variants:mb-auto': fullHeight,
-                'layer-variants:p-0 layer-variants:sm:p-4': noPadding,
-            }, innerProps === null || innerProps === void 0 ? void 0 : innerProps.className), ref: innerRef, children: children })) })));
+    const finalRef = (0, useMergedRef_js_1.default)(ref, innerRef);
+    return ((0, jsx_runtime_1.jsx)(Box_js_1.Box, Object.assign({ col: true, layout: "stretch start", full: "width", p: p || {
+            default: 'md',
+            sm: 'lg',
+        }, gap: "md", container: "reset", className: (0, clsx_1.default)('[grid-area:content]', 'layer-components:max-w-full layer-components:min-w-0 layer-components:flex-1-0-auto layer-components:mx-auto', className), ref: finalRef }, rest, { children: children })));
 }
 //# sourceMappingURL=PageContent.js.map

package/dist/cjs/components/layouts/PageContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageContent.js","sourceRoot":"","sources":["../../../../src/components/layouts/PageContent.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;AAKb,kCA+CC;;AAnDD,gDAA8B;AAE9B,uDAA0D;AAE1D,SAAgB,WAAW,CAAC,EAa3B;QAb2B,EAC3B,QAAQ,EACR,UAAU,EACV,SAAS,EACT,UAAU,EACV,SAAS,EACT,UAAU,GAAG,IAAI,OAOjB,EANG,IAAI,cAPoB,gFAQ3B,CADO;IAOP,MAAM,QAAQ,GAAG,IAAA,6BAAgB,EAAiB,GAAG,EAAE,SAAS,EAAE;QACjE,IAAI,EAAE,gBAAgB;QACtB,GAAG,EAAE,eAAe;QACpB,KAAK,EAAE,iBAAiB;QACxB,MAAM,EAAE,kBAAkB;QAC1B,KAAK,EAAE,iBAAiB;KACxB,CAAC,CAAC;IAEH,OAAO,CACN,8CACC,SAAS,EAAE,IAAA,cAAU,EACpB,kHAAkH,EAClH,EAAE,yCAAyC,EAAE,UAAU,EAAE,EACzD,SAAS,CACT,IACG,IAAI,cAER,gDACK,UAAU,IACd,SAAS,EAAE,IAAA,cAAU,EACpB,2EAA2E,EAC3E;gBACC,iCAAiC,EAAE,UAAU;gBAC7C,6BAA6B,EAAE,SAAS;aACxC,EACD,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,SAAS,CACrB,EACD,GAAG,EAAE,QAAQ,YAEZ,QAAQ,IACJ,IACD,CACN,CAAC;AACH,CAAC"}
+{"version":3,"file":"PageContent.js","sourceRoot":"","sources":["../../../../src/components/layouts/PageContent.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;AAMb,kCAyCC;;AA9CD,gDAA8B;AAC9B,kFAAuD;AACvD,uDAA0D;AAC1D,0CAA8C;AAE9C,SAAgB,WAAW,CAAC,EAMjB;QANiB,EAC3B,QAAQ,EACR,SAAS,EACT,GAAG,EACH,CAAC,OAES,EADP,IAAI,cALoB,qCAM3B,CADO;IAEP,MAAM,QAAQ,GAAG,IAAA,6BAAgB,EAAiB,GAAG,EAAE,SAAS,EAAE;QACjE,IAAI,EAAE,gBAAgB;QACtB,GAAG,EAAE,eAAe;QACpB,KAAK,EAAE,iBAAiB;QACxB,MAAM,EAAE,kBAAkB;QAC1B,KAAK,EAAE,iBAAiB;KACxB,CAAC,CAAC;IAEH,MAAM,QAAQ,GAAG,IAAA,yBAAY,EAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;IAE7C,OAAO,CACN,uBAAC,YAAG,kBACH,GAAG,QACH,MAAM,EAAC,eAAe,EACtB,IAAI,EAAC,OAAO,EACZ,CAAC,EACA,CAAC,IAAI;YACJ,OAAO,EAAE,IAAI;YACb,EAAE,EAAE,IAAI;SACR,EAEF,GAAG,EAAC,IAAI,EACR,SAAS,EAAC,OAAO,EACjB,SAAS,EAAE,IAAA,cAAU,EACpB,qBAAqB,EACrB,6DAA6D,EAC7D,SAAS,CACT,EACD,GAAG,EAAE,QAAQ,IACT,IAAI,cAEP,QAAQ,IACJ,CACN,CAAC;AACH,CAAC"}

package/dist/cjs/components/layouts/PageNav.js

@@ -33,6 +33,6 @@ function PageNav(_a) {
         height: '--nav-height',
         ready: '--nav-ready',
     });
-    return ((0, jsx_runtime_1.jsx)(HideWhileKeyboardOpen_js_1.HideWhileKeyboardOpen, Object.assign({}, props, { className: (0, clsx_1.default)('layer-components:[grid-area:nav] layer-components:relative layer-components:z-[var(--z-nav)] layer-components:pb-[calc(0.25rem+env(safe-area-inset-bottom,0px))]', 'layer-components:before:content-[""] layer-components:before:absolute layer-components:before:inset-x-4 layer-components:before:top-0 layer-components:before:h-px layer-components:before:bg-dark-blend', 'layer-components:md:[grid-area:nav] layer-components:md:sticky layer-components:md:top-0 layer-components:md:h-auto layer-components:md:bottom-auto layer-components:md:left-auto layer-components:md:right-auto layer-components:md:before:hidden', className), ref: ref, children: (0, jsx_runtime_1.jsx)(Box_js_1.BoxContext.Provider, { value: { spacingScale: 1 }, children: children }) })));
+    return ((0, jsx_runtime_1.jsx)(HideWhileKeyboardOpen_js_1.HideWhileKeyboardOpen, Object.assign({}, props, { className: (0, clsx_1.default)('layer-components:[grid-area:nav] layer-components:sticky layer-components:bottom-0 layer-components:bg-inherit layer-components:z-[var(--z-nav)] layer-components:pb-[calc(0.25rem+env(safe-area-inset-bottom,0px))]', 'layer-components:before:content-[""] layer-components:before:absolute layer-components:before:inset-x-4 layer-components:before:top-0 layer-components:before:h-px layer-components:before:bg-dark-blend', 'layer-components:md:[grid-area:nav] layer-components:md:sticky layer-components:md:top-lg layer-components:md:h-auto layer-components:md:bottom-auto layer-components:md:left-auto layer-components:md:right-auto layer-components:md:before:hidden', className), ref: ref, children: (0, jsx_runtime_1.jsx)(Box_js_1.BoxContext.Provider, { value: { spacingScale: 1 }, children: children }) })));
 }
 //# sourceMappingURL=PageNav.js.map

package/dist/cjs/components/layouts/PageNav.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageNav.js","sourceRoot":"","sources":["../../../../src/components/layouts/PageNav.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;AAQb,0BA8BC;;AApCD,gDAA8B;AAC9B,iCAA+C;AAC/C,6CAAkD;AAClD,0CAA2C;AAC3C,kFAA4E;AAE5E,SAAgB,OAAO,CAAC,EAIS;QAJT,EACvB,SAAS,EACT,QAAQ,OAEwB,EAD7B,KAAK,cAHe,yBAIvB,CADQ;IAER,MAAM,OAAO,GAAG,IAAA,cAAM,EAAC,QAAQ,CAAC,eAAe,CAAC,CAAC;IACjD,MAAM,GAAG,GAAG,IAAA,2BAAgB,EAAiB,SAAS,EAAE,OAAO,EAAE;QAChE,IAAI,EAAE,YAAY;QAClB,GAAG,EAAE,WAAW;QAChB,KAAK,EAAE,aAAa;QACpB,MAAM,EAAE,cAAc;QACtB,KAAK,EAAE,aAAa;KACpB,CAAC,CAAC;IAEH,OAAO,CACN,uBAAC,gDAAqB,oBACjB,KAAK,IACT,SAAS,EAAE,IAAA,cAAU,EACpB,iHAAiH,EACjH,oFAAoF,EACpF,gIAAgI,EAChI,SAAS,CACT,EACD,GAAG,EAAE,GAAG,YAER,uBAAC,mBAAU,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,YAAY,EAAE,CAAC,EAAE,YAC7C,QAAQ,GACY,IACC,CACxB,CAAC;AACH,CAAC"}
+{"version":3,"file":"PageNav.js","sourceRoot":"","sources":["../../../../src/components/layouts/PageNav.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;AAQb,0BA8BC;;AApCD,gDAA8B;AAC9B,iCAA+C;AAC/C,6CAAkD;AAClD,0CAA2C;AAC3C,kFAA4E;AAE5E,SAAgB,OAAO,CAAC,EAIS;QAJT,EACvB,SAAS,EACT,QAAQ,OAEwB,EAD7B,KAAK,cAHe,yBAIvB,CADQ;IAER,MAAM,OAAO,GAAG,IAAA,cAAM,EAAC,QAAQ,CAAC,eAAe,CAAC,CAAC;IACjD,MAAM,GAAG,GAAG,IAAA,2BAAgB,EAAiB,SAAS,EAAE,OAAO,EAAE;QAChE,IAAI,EAAE,YAAY;QAClB,GAAG,EAAE,WAAW;QAChB,KAAK,EAAE,aAAa;QACpB,MAAM,EAAE,cAAc;QACtB,KAAK,EAAE,aAAa;KACpB,CAAC,CAAC;IAEH,OAAO,CACN,uBAAC,gDAAqB,oBACjB,KAAK,IACT,SAAS,EAAE,IAAA,cAAU,EACpB,mIAAmI,EACnI,oFAAoF,EACpF,iIAAiI,EACjI,SAAS,CACT,EACD,GAAG,EAAE,GAAG,YAER,uBAAC,mBAAU,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,YAAY,EAAE,CAAC,EAAE,YAC7C,QAAQ,GACY,IACC,CACxB,CAAC;AACH,CAAC"}

package/dist/cjs/components/layouts/PageRoot.js

@@ -3,5 +3,5 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PageRoot = void 0;
 const hooks_js_1 = require("../../hooks.js");
-exports.PageRoot = (0, hooks_js_1.withClassName)('div', 'layer-components:flex-grow-1 layer-components:flex-shrink-1 layer-components:flex-basis-0 layer-components:min-h-0 layer-components:h-full layer-components:bg-wash', 'layer-components:grid layer-components:grid-areas-[content]-[nav] layer-components:grid-cols-[1fr] layer-components:grid-rows-[1fr] layer-components:items-start layer-components:justify-center', 'md:layer-responsive:grid-areas-[gutter1_nav_content_gutter2] md:layer-responsive:grid-cols-[1fr_auto_20fr_1fr] md:layer-responsive:min-h-auto md:layer-responsive:bg-wash', 'lg:layer-responsive:grid-cols-[1fr_auto_min(800px,70vw)_1fr]');
+exports.PageRoot = (0, hooks_js_1.withClassName)('div', 'layer-components:flex-grow-1 layer-components:flex-shrink-1 layer-components:flex-basis-0 layer-components:min-h-100dvh layer-components:bg-wash', 'layer-components:grid layer-components:grid-areas-[content]-[nav] layer-components:grid-cols-[1fr] layer-components:grid-rows-[1fr_auto] layer-components:items-start layer-components:justify-center', 'md:layer-responsive:grid-areas-[gutter1_nav_content_gutter2] md:layer-responsive:grid-cols-[1fr_auto_20fr_1fr] md:layer-responsive:min-h-auto md:layer-responsive:h-auto md:layer-responsive:bg-wash', 'lg:layer-responsive:grid-cols-[1fr_auto_min(800px,70vw)_1fr]');
 //# sourceMappingURL=PageRoot.js.map

package/dist/cjs/components/layouts/PageRoot.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageRoot.js","sourceRoot":"","sources":["../../../../src/components/layouts/PageRoot.tsx"],"names":[],"mappings":";;;AAAA,6CAA+C;AAElC,QAAA,QAAQ,GAAG,IAAA,wBAAa,EACpC,KAAK,EACL,kFAAkF,EAClF,+GAA+G,EAC/G,iHAAiH,EACjH,gEAAgE,CAChE,CAAC"}
+{"version":3,"file":"PageRoot.js","sourceRoot":"","sources":["../../../../src/components/layouts/PageRoot.tsx"],"names":[],"mappings":";;;AAAA,6CAA+C;AAElC,QAAA,QAAQ,GAAG,IAAA,wBAAa,EACpC,KAAK,EACL,gFAAgF,EAChF,oHAAoH,EACpH,wHAAwH,EACxH,gEAAgE,CAChE,CAAC"}

package/dist/cjs/components/layouts/layouts.stories.d.ts

@@ -12,5 +12,6 @@ declare const meta: {
 export default meta;
 type Story = StoryObj;
 export declare const Default: Story;
+export declare const ManualWidth: Story;
 export declare const WithoutNav: Story;
 export declare const WithVirtualKeyboard: Story;

package/dist/cjs/components/layouts/layouts.stories.js

@@ -1,7 +1,7 @@
 // @unocss-include
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.WithVirtualKeyboard = exports.WithoutNav = exports.Default = void 0;
+exports.WithVirtualKeyboard = exports.WithoutNav = exports.ManualWidth = exports.Default = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const index_js_1 = require("../button/index.js");
@@ -9,6 +9,7 @@ const Card_js_1 = require("../card/Card.js");
 const index_js_2 = require("../icon/index.js");
 const index_js_3 = require("../input/index.js");
 const index_js_4 = require("../navBar/index.js");
+const Switch_js_1 = require("../switch/Switch.js");
 const PageContent_js_1 = require("./PageContent.js");
 const PageNav_js_1 = require("./PageNav.js");
 const PageNowPlaying_js_1 = require("./PageNowPlaying.js");
@@ -23,10 +24,19 @@ const meta = {
 };
 exports.default = meta;
 exports.Default = {
-    render: () => ((0, jsx_runtime_1.jsxs)(PageRoot_js_1.PageRoot, { className: "w-full h-full", children: [(0, jsx_runtime_1.jsxs)(PageContent_js_1.PageContent, { children: [(0, jsx_runtime_1.jsxs)("div", { className: "text-center", children: [(0, jsx_runtime_1.jsx)("h1", { className: "text-3xl font-bold", children: "Hello, World!" }), (0, jsx_runtime_1.jsx)("p", { className: "text-lg", children: "This is a simple page layout." }), (0, jsx_runtime_1.jsx)(Card_js_1.Card.Grid, { children: new Array(100).fill(null).map((_, i) => ((0, jsx_runtime_1.jsx)(Card_js_1.Card, { children: (0, jsx_runtime_1.jsx)(Card_js_1.Card.Main, {}) }, i))) })] }), (0, jsx_runtime_1.jsx)(PageNowPlaying_js_1.PageNowPlaying, { children: "Now playing" })] }), (0, jsx_runtime_1.jsx)(PageNav_js_1.PageNav, { children: (0, jsx_runtime_1.jsxs)(index_js_4.NavBarRoot, { children: [(0, jsx_runtime_1.jsxs)(index_js_4.NavBarItem, { children: [(0, jsx_runtime_1.jsx)(index_js_4.NavBarItemIconWrapper, { children: (0, jsx_runtime_1.jsx)(index_js_4.NavBarItemIcon, { name: "cart" }) }), (0, jsx_runtime_1.jsx)(index_js_4.NavBarItemText, { children: "Item 1 long" })] }), (0, jsx_runtime_1.jsxs)(index_js_4.NavBarItem, { active: true, children: [(0, jsx_runtime_1.jsx)(index_js_4.NavBarItemIconWrapper, { children: (0, jsx_runtime_1.jsx)(index_js_4.NavBarItemIcon, { asChild: true, children: (0, jsx_runtime_1.jsx)(index_js_2.Icon, { name: "book" }) }) }), (0, jsx_runtime_1.jsx)(index_js_4.NavBarItemText, { children: "Item 2" }), (0, jsx_runtime_1.jsx)(index_js_4.NavBarItemPip, {})] }), (0, jsx_runtime_1.jsxs)(index_js_4.NavBarItem, { color: "neutral", active: true, children: [(0, jsx_runtime_1.jsx)(index_js_4.NavBarItemIconWrapper, { children: (0, jsx_runtime_1.jsx)(index_js_4.NavBarItemIcon, { asChild: true, children: (0, jsx_runtime_1.jsx)(index_js_2.Icon, { name: "book" }) }) }), (0, jsx_runtime_1.jsx)(index_js_4.NavBarItemText, { children: "Neutral" }), (0, jsx_runtime_1.jsx)(index_js_4.NavBarItemPip, {})] })] }) })] })),
+    render: () => {
+        const [content, setContent] = (0, react_1.useState)(true);
+        const toggleContent = () => setContent((prev) => !prev);
+        return ((0, jsx_runtime_1.jsxs)(PageRoot_js_1.PageRoot, { className: "bg-primary-wash", children: [(0, jsx_runtime_1.jsxs)(PageContent_js_1.PageContent, { children: [(0, jsx_runtime_1.jsxs)("div", { className: "text-center", children: [(0, jsx_runtime_1.jsx)("h1", { className: "text-3xl font-bold", children: "Hello, World!" }), (0, jsx_runtime_1.jsx)("p", { className: "text-lg", children: "This is a simple page layout." })] }), (0, jsx_runtime_1.jsx)(Switch_js_1.Switch, { checked: content, onCheckedChange: toggleContent }), content && ((0, jsx_runtime_1.jsx)(Card_js_1.Card.Grid, { children: new Array(100).fill(null).map((_, i) => ((0, jsx_runtime_1.jsx)(Card_js_1.Card, { children: (0, jsx_runtime_1.jsx)(Card_js_1.Card.Main, {}) }, i))) })), (0, jsx_runtime_1.jsx)(PageNowPlaying_js_1.PageNowPlaying, { children: "Now playing" })] }), (0, jsx_runtime_1.jsx)(PageNav_js_1.PageNav, { children: (0, jsx_runtime_1.jsxs)(index_js_4.NavBarRoot, { children: [(0, jsx_runtime_1.jsxs)(index_js_4.NavBarItem, { children: [(0, jsx_runtime_1.jsx)(index_js_4.NavBarItemIconWrapper, { children: (0, jsx_runtime_1.jsx)(index_js_4.NavBarItemIcon, { name: "cart" }) }), (0, jsx_runtime_1.jsx)(index_js_4.NavBarItemText, { children: "Item 1 long" })] }), (0, jsx_runtime_1.jsxs)(index_js_4.NavBarItem, { active: true, children: [(0, jsx_runtime_1.jsx)(index_js_4.NavBarItemIconWrapper, { children: (0, jsx_runtime_1.jsx)(index_js_4.NavBarItemIcon, { asChild: true, children: (0, jsx_runtime_1.jsx)(index_js_2.Icon, { name: "book" }) }) }), (0, jsx_runtime_1.jsx)(index_js_4.NavBarItemText, { children: "Item 2" }), (0, jsx_runtime_1.jsx)(index_js_4.NavBarItemPip, {})] }), (0, jsx_runtime_1.jsxs)(index_js_4.NavBarItem, { color: "neutral", active: true, children: [(0, jsx_runtime_1.jsx)(index_js_4.NavBarItemIconWrapper, { children: (0, jsx_runtime_1.jsx)(index_js_4.NavBarItemIcon, { asChild: true, children: (0, jsx_runtime_1.jsx)(index_js_2.Icon, { name: "book" }) }) }), (0, jsx_runtime_1.jsx)(index_js_4.NavBarItemText, { children: "Neutral" }), (0, jsx_runtime_1.jsx)(index_js_4.NavBarItemPip, {})] })] }) })] }));
+    },
+};
+exports.ManualWidth = {
+    render: () => {
+        return ((0, jsx_runtime_1.jsxs)(PageRoot_js_1.PageRoot, { className: "bg-primary-wash", children: [(0, jsx_runtime_1.jsxs)(PageContent_js_1.PageContent, { className: "max-w-300px", children: [(0, jsx_runtime_1.jsxs)("div", { className: "text-center", children: [(0, jsx_runtime_1.jsx)("h1", { className: "text-3xl font-bold", children: "Hello, World!" }), (0, jsx_runtime_1.jsx)("p", { className: "text-lg", children: "This is a simple page layout." })] }), (0, jsx_runtime_1.jsx)(Card_js_1.Card.Grid, { children: new Array(100).fill(null).map((_, i) => ((0, jsx_runtime_1.jsx)(Card_js_1.Card, { children: (0, jsx_runtime_1.jsx)(Card_js_1.Card.Main, {}) }, i))) })] }), (0, jsx_runtime_1.jsx)(PageNav_js_1.PageNav, { children: (0, jsx_runtime_1.jsxs)(index_js_4.NavBarRoot, { children: [(0, jsx_runtime_1.jsxs)(index_js_4.NavBarItem, { children: [(0, jsx_runtime_1.jsx)(index_js_4.NavBarItemIconWrapper, { children: (0, jsx_runtime_1.jsx)(index_js_4.NavBarItemIcon, { name: "cart" }) }), (0, jsx_runtime_1.jsx)(index_js_4.NavBarItemText, { children: "Item 1 long" })] }), (0, jsx_runtime_1.jsxs)(index_js_4.NavBarItem, { active: true, children: [(0, jsx_runtime_1.jsx)(index_js_4.NavBarItemIconWrapper, { children: (0, jsx_runtime_1.jsx)(index_js_4.NavBarItemIcon, { asChild: true, children: (0, jsx_runtime_1.jsx)(index_js_2.Icon, { name: "book" }) }) }), (0, jsx_runtime_1.jsx)(index_js_4.NavBarItemText, { children: "Item 2" }), (0, jsx_runtime_1.jsx)(index_js_4.NavBarItemPip, {})] }), (0, jsx_runtime_1.jsxs)(index_js_4.NavBarItem, { color: "neutral", active: true, children: [(0, jsx_runtime_1.jsx)(index_js_4.NavBarItemIconWrapper, { children: (0, jsx_runtime_1.jsx)(index_js_4.NavBarItemIcon, { asChild: true, children: (0, jsx_runtime_1.jsx)(index_js_2.Icon, { name: "book" }) }) }), (0, jsx_runtime_1.jsx)(index_js_4.NavBarItemText, { children: "Neutral" }), (0, jsx_runtime_1.jsx)(index_js_4.NavBarItemPip, {})] })] }) })] }));
+    },
 };
 exports.WithoutNav = {
-    render: () => ((0, jsx_runtime_1.jsx)(PageRoot_js_1.PageRoot, { className: "w-full h-full", children: (0, jsx_runtime_1.jsxs)(PageContent_js_1.PageContent, { children: [(0, jsx_runtime_1.jsxs)("div", { className: "text-center", children: [(0, jsx_runtime_1.jsx)("h1", { className: "text-3xl font-bold", children: "Hello, World!" }), (0, jsx_runtime_1.jsx)("p", { className: "text-lg", children: "This is a simple page layout." })] }), (0, jsx_runtime_1.jsx)(PageNowPlaying_js_1.PageNowPlaying, { children: "Now playing" })] }) })),
+    render: () => ((0, jsx_runtime_1.jsx)(PageRoot_js_1.PageRoot, { className: "w-full h-full", children: (0, jsx_runtime_1.jsxs)(PageContent_js_1.PageContent, { children: [(0, jsx_runtime_1.jsxs)("div", { className: "text-center", children: [(0, jsx_runtime_1.jsx)("h1", { className: "text-3xl font-bold", children: "Hello, World!" }), (0, jsx_runtime_1.jsx)("p", { className: "text-lg", children: "This is a simple page layout." }), (0, jsx_runtime_1.jsx)(Card_js_1.Card.Grid, { children: new Array(100).fill(null).map((_, i) => ((0, jsx_runtime_1.jsx)(Card_js_1.Card, { children: (0, jsx_runtime_1.jsx)(Card_js_1.Card.Main, {}) }, i))) })] }), (0, jsx_runtime_1.jsx)(PageNowPlaying_js_1.PageNowPlaying, { children: "Now playing" })] }) })),
 };
 exports.WithVirtualKeyboard = {
     render() {

package/dist/cjs/components/layouts/layouts.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"layouts.stories.js","sourceRoot":"","sources":["../../../../src/components/layouts/layouts.stories.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"layouts.stories.js","sourceRoot":"","sources":["../../../../src/components/layouts/layouts.stories.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/navBar/NavBar.js

@@ -65,7 +65,7 @@ const NavBarItem = function NavBarItem(_a) {
 };
 exports.NavBarItem = NavBarItem;
 exports.NavBarItemIconWrapper = (0, hooks_js_1.withClassName)('div', 'layer-components:relative layer-components:flex layer-components:md:p-6px layer-components:md:rounded-lg layer-components:md:bg-gray-blend', 'layer-variants:md:[*[data-active=true]_&]:bg-[var(--bg)]');
-exports.NavBarItemText = (0, hooks_js_1.withClassName)('span', 'layer-components:overflow-hidden layer-components:pl-1 layer-components:inline-block layer-components:text-xxs layer-components:whitespace-nowrap layer-components:text-ellipsis layer-components:md:text-md layer-components:md:leading-normal');
+exports.NavBarItemText = (0, hooks_js_1.withClassName)('span', 'layer-components:overflow-hidden layer-components:inline-block layer-components:text-xxs layer-components:whitespace-nowrap layer-components:text-ellipsis layer-components:md:text-md layer-components:md:leading-normal');
 const NavBarItemIcon = function NavBarItemIcon(_a) {
     var { ref, children, asChild, className, name = 'placeholder' } = _a, rest = __rest(_a, ["ref", "children", "asChild", "className", "name"]);
     const Comp = asChild ? react_slot_1.Slot : index_js_1.Icon;

package/dist/cjs/components/navBar/NavBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavBar.js","sourceRoot":"","sources":["../../../../src/components/navBar/NavBar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qDAA4C;AAC5C,6CAAwC;AAExC,6CAA+C;AAC/C,+CAAmD;AAEtC,QAAA,eAAe,GAAG,IAAA,cAAU,EACxC,yNAAyN,EACzN,qCAAqC,EACrC,oCAAoC,EACpC,2DAA2D,EAC3D,gFAAgF,EAChF,mFAAmF,EACnF,uGAAuG,CACvG,CAAC;AAUK,MAAM,UAAU,GAAG,SAAS,UAAU,CAAC,EAS7C;QAT6C,EAC7C,GAAG,EACH,OAAO,EACP,SAAS,EACT,MAAM,EACN,KAAK,OAIL,EAHG,IAAI,cANsC,kDAO7C,CADO;IAIP,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,iBAAI,CAAC,CAAC,CAAC,KAAK,CAAC;IAEpC,OAAO,CACN,uBAAC,IAAI,kBACJ,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,cAAU,EACpB,uBAAe,EACf,KAAK,KAAK,SAAS,IAAI;YACtB,sFAAsF;YACtF,yCAAyC;YACzC,mDAAmD;YACnD,sEAAsE;YACtE,4EAA4E;SAC5E,EACD,SAAS,CACT,iBACY,MAAM,IACf,IAAI,EACP,CACF,CAAC;AACH,CAAC,CAAC;AA9BW,QAAA,UAAU,cA8BrB;AAEW,QAAA,qBAAqB,GAAG,IAAA,wBAAa,EACjD,KAAK,EACL,uFAAuF,EACvF,0DAA0D,CAC1D,CAAC;AAEW,QAAA,cAAc,GAAG,IAAA,wBAAa,EAC1C,MAAM,EACN,4IAA4I,CAC5I,CAAC;AASK,MAAM,cAAc,GAAG,SAAS,cAAc,CAAC,EAOhC;QAPgC,EACrD,GAAG,EACH,QAAQ,EACR,OAAO,EACP,SAAS,EACT,IAAI,GAAG,aAAa,OAEC,EADlB,IAAI,cAN8C,mDAOrD,CADO;IAEP,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,iBAAI,CAAC,CAAC,CAAC,eAAI,CAAC;IACnC,OAAO,CACN,uBAAC,IAAI,kBACJ,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,IAAA,WAAI,EACd,6DAA6D,EAC7D,2DAA2D,EAC3D,SAAS,CACT,IACG,IAAI,IACR,GAAG,EAAE,GAAG,YAEP,QAAQ,IACH,CACP,CAAC;AACH,CAAC,CAAC;AAvBW,QAAA,cAAc,kBAuBzB;AAEW,QAAA,aAAa,GAAG,IAAA,wBAAa,EACzC,KAAK,EACL,6FAA6F,CAC7F,CAAC;AAEW,QAAA,UAAU,GAAG,IAAA,wBAAa,EACtC,KAAK,EACL,kJAAkJ,EAClJ,oDAAoD,EACpD,oMAAoM,CACpM,CAAC;AAEW,QAAA,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,kBAAU,EAAE;IAC/C,IAAI,EAAE,kBAAU;IAChB,QAAQ,EAAE,sBAAc;IACxB,QAAQ,EAAE,sBAAc;IACxB,eAAe,EAAE,6BAAqB;IACtC,OAAO,EAAE,qBAAa;CACtB,CAAC,CAAC"}
+{"version":3,"file":"NavBar.js","sourceRoot":"","sources":["../../../../src/components/navBar/NavBar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qDAA4C;AAC5C,6CAAwC;AAExC,6CAA+C;AAC/C,+CAAmD;AAEtC,QAAA,eAAe,GAAG,IAAA,cAAU,EACxC,yNAAyN,EACzN,qCAAqC,EACrC,oCAAoC,EACpC,2DAA2D,EAC3D,gFAAgF,EAChF,mFAAmF,EACnF,uGAAuG,CACvG,CAAC;AAUK,MAAM,UAAU,GAAG,SAAS,UAAU,CAAC,EAS7C;QAT6C,EAC7C,GAAG,EACH,OAAO,EACP,SAAS,EACT,MAAM,EACN,KAAK,OAIL,EAHG,IAAI,cANsC,kDAO7C,CADO;IAIP,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,iBAAI,CAAC,CAAC,CAAC,KAAK,CAAC;IAEpC,OAAO,CACN,uBAAC,IAAI,kBACJ,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,cAAU,EACpB,uBAAe,EACf,KAAK,KAAK,SAAS,IAAI;YACtB,sFAAsF;YACtF,yCAAyC;YACzC,mDAAmD;YACnD,sEAAsE;YACtE,4EAA4E;SAC5E,EACD,SAAS,CACT,iBACY,MAAM,IACf,IAAI,EACP,CACF,CAAC;AACH,CAAC,CAAC;AA9BW,QAAA,UAAU,cA8BrB;AAEW,QAAA,qBAAqB,GAAG,IAAA,wBAAa,EACjD,KAAK,EACL,uFAAuF,EACvF,0DAA0D,CAC1D,CAAC;AAEW,QAAA,cAAc,GAAG,IAAA,wBAAa,EAC1C,MAAM,EACN,uIAAuI,CACvI,CAAC;AASK,MAAM,cAAc,GAAG,SAAS,cAAc,CAAC,EAOhC;QAPgC,EACrD,GAAG,EACH,QAAQ,EACR,OAAO,EACP,SAAS,EACT,IAAI,GAAG,aAAa,OAEC,EADlB,IAAI,cAN8C,mDAOrD,CADO;IAEP,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,iBAAI,CAAC,CAAC,CAAC,eAAI,CAAC;IACnC,OAAO,CACN,uBAAC,IAAI,kBACJ,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,IAAA,WAAI,EACd,6DAA6D,EAC7D,2DAA2D,EAC3D,SAAS,CACT,IACG,IAAI,IACR,GAAG,EAAE,GAAG,YAEP,QAAQ,IACH,CACP,CAAC;AACH,CAAC,CAAC;AAvBW,QAAA,cAAc,kBAuBzB;AAEW,QAAA,aAAa,GAAG,IAAA,wBAAa,EACzC,KAAK,EACL,6FAA6F,CAC7F,CAAC;AAEW,QAAA,UAAU,GAAG,IAAA,wBAAa,EACtC,KAAK,EACL,kJAAkJ,EAClJ,oDAAoD,EACpD,oMAAoM,CACpM,CAAC;AAEW,QAAA,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,kBAAU,EAAE;IAC/C,IAAI,EAAE,kBAAU;IAChB,QAAQ,EAAE,sBAAc;IACxB,QAAQ,EAAE,sBAAc;IACxB,eAAe,EAAE,6BAAqB;IACtC,OAAO,EAAE,qBAAa;CACtB,CAAC,CAAC"}

package/dist/cjs/uno/colors.d.ts

@@ -12,3 +12,46 @@ export declare function dynamicTheme({ primary, accent, }: {
     primary: DynamicThemeColor;
     accent: DynamicThemeColor;
 }): string;
+export declare const themeColors: {
+    readonly none: "transparent";
+    readonly black: "var(--color-black)";
+    readonly white: "var(--color-white)";
+    readonly wash: "var(--color-wash)";
+    readonly transparent: "transparent";
+    readonly attention: {
+        readonly DEFAULT: "var(--color-attention)";
+        readonly light: "var(--color-attention-light)";
+        readonly dark: "var(--color-attention-dark)";
+        readonly wash: "var(--color-attention-wash)";
+        readonly ink: "var(--color-attention-ink)";
+    };
+    readonly accent: {
+        readonly DEFAULT: "var(--color-accent)";
+        readonly light: "var(--color-accent-light)";
+        readonly dark: "var(--color-accent-dark)";
+        readonly wash: "var(--color-accent-wash)";
+        readonly ink: "var(--color-accent-ink)";
+    };
+    readonly primary: {
+        readonly DEFAULT: "var(--color-primary)";
+        readonly light: "var(--color-primary-light)";
+        readonly dark: "var(--color-primary-dark)";
+        readonly wash: "var(--color-primary-wash)";
+        readonly ink: "var(--color-primary-ink)";
+    };
+    readonly gray: {
+        readonly DEFAULT: "var(--color-gray)";
+        readonly wash: "var(--color-gray-wash)";
+        readonly light: "var(--color-gray-light)";
+        readonly ink: "var(--color-gray-ink)";
+        readonly blend: "var(--color-gray-blend)";
+        readonly dark: {
+            readonly DEFAULT: "var(--color-gray-dark)";
+            readonly blend: "var(--color-gray-dark-blend)";
+        };
+    };
+    readonly 'dark-blend': "var(--color-dark-blend)";
+    readonly 'light-blend': "var(--color-light-blend)";
+    readonly overlay: "var(--color-overlay)";
+    readonly 'dark-mode-contrast': "var(--color-dark-mode-contrast)";
+};

package/dist/cjs/uno/colors.js

@@ -1,7 +1,7 @@
 // @unocss-include
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.dynamicComputedVars = exports.dynamicThemeComputedColors = exports.colorConstants = void 0;
+exports.themeColors = exports.dynamicComputedVars = exports.dynamicThemeComputedColors = exports.colorConstants = void 0;
 exports.dynamicTheme = dynamicTheme;
 exports.colorConstants = `
 	--dyn-saturation-x-wash: calc(pow(var(--global-saturation, 1), 0.6));
@@ -56,4 +56,47 @@ function dynamicTheme({ primary, accent, }) {
 ${exports.dynamicComputedVars}
 	`;
 }
+exports.themeColors = {
+    none: 'transparent',
+    black: 'var(--color-black)',
+    white: 'var(--color-white)',
+    wash: 'var(--color-wash)',
+    transparent: 'transparent',
+    attention: {
+        DEFAULT: 'var(--color-attention)',
+        light: 'var(--color-attention-light)',
+        dark: 'var(--color-attention-dark)',
+        wash: 'var(--color-attention-wash)',
+        ink: 'var(--color-attention-ink)',
+    },
+    accent: {
+        DEFAULT: 'var(--color-accent)',
+        light: 'var(--color-accent-light)',
+        dark: 'var(--color-accent-dark)',
+        wash: 'var(--color-accent-wash)',
+        ink: 'var(--color-accent-ink)',
+    },
+    primary: {
+        DEFAULT: 'var(--color-primary)',
+        light: 'var(--color-primary-light)',
+        dark: 'var(--color-primary-dark)',
+        wash: 'var(--color-primary-wash)',
+        ink: 'var(--color-primary-ink)',
+    },
+    gray: {
+        DEFAULT: 'var(--color-gray)',
+        wash: 'var(--color-gray-wash)',
+        light: 'var(--color-gray-light)',
+        ink: 'var(--color-gray-ink)',
+        blend: 'var(--color-gray-blend)',
+        dark: {
+            DEFAULT: 'var(--color-gray-dark)',
+            blend: 'var(--color-gray-dark-blend)',
+        },
+    },
+    'dark-blend': 'var(--color-dark-blend)',
+    'light-blend': 'var(--color-light-blend)',
+    overlay: 'var(--color-overlay)',
+    'dark-mode-contrast': 'var(--color-dark-mode-contrast)',
+};
 //# sourceMappingURL=colors.js.map

package/dist/cjs/uno/colors.js.map

@@ -1 +1 @@
-{"version":3,"file":"colors.js","sourceRoot":"","sources":["../../../src/uno/colors.ts"],"names":[],"mappings":";;;AA8CA,oCAqBC;AAnEY,QAAA,cAAc,GAAG;;;;;CAK7B,CAAC;AAEK,MAAM,0BAA0B,GAAG,CAAC,IAAY,EAAE,EAAE,CAAC;WACjD,IAAI,oGAAoG,IAAI,mCAAmC,IAAI,2EAA2E,IAAI;WAClO,IAAI,iCAAiC,IAAI,mFAAmF,IAAI,qFAAqF,IAAI,+BAA+B,IAAI;WAC5P,IAAI,kCAAkC,IAAI,6DAA6D,IAAI,wFAAwF,IAAI,+BAA+B,IAAI;WAC1O,IAAI,iCAAiC,IAAI,6DAA6D,IAAI,uFAAuF,IAAI,+BAA+B,IAAI;WACxO,IAAI,gCAAgC,IAAI,6DAA6D,IAAI,oFAAoF,IAAI,+BAA+B,IAAI;;WAEpO,IAAI,iCAAiC,IAAI;WACzC,IAAI,sCAAsC,IAAI;WAC9C,IAAI,uCAAuC,IAAI;WAC/C,IAAI,sCAAsC,IAAI;WAC9C,IAAI,qCAAqC,IAAI;CACvD,CAAC;AAZW,QAAA,0BAA0B,8BAYrC;AAEW,QAAA,mBAAmB,GAAG;EACjC,IAAA,kCAA0B,EAAC,SAAS,CAAC;EACrC,IAAA,kCAA0B,EAAC,QAAQ,CAAC;;;;;;;;;;;;;CAarC,CAAC;AAUF,SAAgB,YAAY,CAAC,EAC5B,OAAO,EACP,MAAM,GAIN;;IACA,OAAO;GACL,sBAAc;4BACW,OAAO,CAAC,SAAS;wBACrB,OAAO,CAAC,GAAG;2BACR,MAAM,CAAC,SAAS;uBACpB,MAAM,CAAC,GAAG;iCACA,MAAA,OAAO,CAAC,aAAa,mCAAI,CAAC;0BACjC,MAAA,OAAO,CAAC,cAAc,mCAAI,CAAC;gCACrB,MAAA,MAAM,CAAC,aAAa,mCAAI,CAAC;yBAChC,MAAA,MAAM,CAAC,cAAc,mCAAI,CAAC;0BACzB,MAAA,OAAO,CAAC,GAAG,mCAAI,IAAI;yBACpB,MAAA,MAAM,CAAC,GAAG,mCAAI,IAAI;EACzC,2BAAmB;EACnB,CAAC;AACH,CAAC"}
+{"version":3,"file":"colors.js","sourceRoot":"","sources":["../../../src/uno/colors.ts"],"names":[],"mappings":";;;AA8CA,oCAqBC;AAnEY,QAAA,cAAc,GAAG;;;;;CAK7B,CAAC;AAEK,MAAM,0BAA0B,GAAG,CAAC,IAAY,EAAE,EAAE,CAAC;WACjD,IAAI,oGAAoG,IAAI,mCAAmC,IAAI,2EAA2E,IAAI;WAClO,IAAI,iCAAiC,IAAI,mFAAmF,IAAI,qFAAqF,IAAI,+BAA+B,IAAI;WAC5P,IAAI,kCAAkC,IAAI,6DAA6D,IAAI,wFAAwF,IAAI,+BAA+B,IAAI;WAC1O,IAAI,iCAAiC,IAAI,6DAA6D,IAAI,uFAAuF,IAAI,+BAA+B,IAAI;WACxO,IAAI,gCAAgC,IAAI,6DAA6D,IAAI,oFAAoF,IAAI,+BAA+B,IAAI;;WAEpO,IAAI,iCAAiC,IAAI;WACzC,IAAI,sCAAsC,IAAI;WAC9C,IAAI,uCAAuC,IAAI;WAC/C,IAAI,sCAAsC,IAAI;WAC9C,IAAI,qCAAqC,IAAI;CACvD,CAAC;AAZW,QAAA,0BAA0B,8BAYrC;AAEW,QAAA,mBAAmB,GAAG;EACjC,IAAA,kCAA0B,EAAC,SAAS,CAAC;EACrC,IAAA,kCAA0B,EAAC,QAAQ,CAAC;;;;;;;;;;;;;CAarC,CAAC;AAUF,SAAgB,YAAY,CAAC,EAC5B,OAAO,EACP,MAAM,GAIN;;IACA,OAAO;GACL,sBAAc;4BACW,OAAO,CAAC,SAAS;wBACrB,OAAO,CAAC,GAAG;2BACR,MAAM,CAAC,SAAS;uBACpB,MAAM,CAAC,GAAG;iCACA,MAAA,OAAO,CAAC,aAAa,mCAAI,CAAC;0BACjC,MAAA,OAAO,CAAC,cAAc,mCAAI,CAAC;gCACrB,MAAA,MAAM,CAAC,aAAa,mCAAI,CAAC;yBAChC,MAAA,MAAM,CAAC,cAAc,mCAAI,CAAC;0BACzB,MAAA,OAAO,CAAC,GAAG,mCAAI,IAAI;yBACpB,MAAA,MAAM,CAAC,GAAG,mCAAI,IAAI;EACzC,2BAAmB;EACnB,CAAC;AACH,CAAC;AAEY,QAAA,WAAW,GAAG;IAC1B,IAAI,EAAE,aAAa;IACnB,KAAK,EAAE,oBAAoB;IAC3B,KAAK,EAAE,oBAAoB;IAC3B,IAAI,EAAE,mBAAmB;IACzB,WAAW,EAAE,aAAa;IAC1B,SAAS,EAAE;QACV,OAAO,EAAE,wBAAwB;QACjC,KAAK,EAAE,8BAA8B;QACrC,IAAI,EAAE,6BAA6B;QACnC,IAAI,EAAE,6BAA6B;QACnC,GAAG,EAAE,4BAA4B;KACjC;IACD,MAAM,EAAE;QACP,OAAO,EAAE,qBAAqB;QAC9B,KAAK,EAAE,2BAA2B;QAClC,IAAI,EAAE,0BAA0B;QAChC,IAAI,EAAE,0BAA0B;QAChC,GAAG,EAAE,yBAAyB;KAC9B;IACD,OAAO,EAAE;QACR,OAAO,EAAE,sBAAsB;QAC/B,KAAK,EAAE,4BAA4B;QACnC,IAAI,EAAE,2BAA2B;QACjC,IAAI,EAAE,2BAA2B;QACjC,GAAG,EAAE,0BAA0B;KAC/B;IACD,IAAI,EAAE;QACL,OAAO,EAAE,mBAAmB;QAC5B,IAAI,EAAE,wBAAwB;QAC9B,KAAK,EAAE,yBAAyB;QAChC,GAAG,EAAE,uBAAuB;QAC5B,KAAK,EAAE,yBAAyB;QAChC,IAAI,EAAE;YACL,OAAO,EAAE,wBAAwB;YACjC,KAAK,EAAE,8BAA8B;SACrC;KACD;IACD,YAAY,EAAE,yBAAyB;IACvC,aAAa,EAAE,0BAA0B;IACzC,OAAO,EAAE,sBAAsB;IAC/B,oBAAoB,EAAE,iCAAiC;CAC9C,CAAC"}

package/dist/cjs/uno.preset.js

@@ -1,5 +1,16 @@
 // @unocss-include
 "use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -30,48 +41,7 @@ function presetAtype({ scale = 'md', interFontLocation = 'https://resources.bisc
         name: 'atype',
         enforce: 'post',
         theme: {
-            colors: {
-                none: '',
-                black: 'var(--color-black)',
-                white: 'var(--color-white)',
-                wash: 'var(--color-wash)',
-                attention: {
-                    DEFAULT: 'var(--color-attention)',
-                    light: 'var(--color-attention-light)',
-                    dark: 'var(--color-attention-dark)',
-                    wash: 'var(--color-attention-wash)',
-                    ink: 'var(--color-attention-ink)',
-                },
-                accent: {
-                    DEFAULT: 'var(--color-accent)',
-                    light: 'var(--color-accent-light)',
-                    dark: 'var(--color-accent-dark)',
-                    wash: 'var(--color-accent-wash)',
-                    ink: 'var(--color-accent-ink)',
-                },
-                primary: {
-                    DEFAULT: 'var(--color-primary)',
-                    light: 'var(--color-primary-light)',
-                    dark: 'var(--color-primary-dark)',
-                    wash: 'var(--color-primary-wash)',
-                    ink: 'var(--color-primary-ink)',
-                },
-                gray: {
-                    DEFAULT: 'var(--color-gray)',
-                    wash: 'var(--color-gray-wash)',
-                    light: 'var(--color-gray-light)',
-                    ink: 'var(--color-gray-ink)',
-                    blend: 'var(--color-gray-blend)',
-                    dark: {
-                        DEFAULT: 'var(--color-gray-dark)',
-                        blend: 'var(--color-gray-dark-blend)',
-                    },
-                },
-                'dark-blend': 'var(--color-dark-blend)',
-                'light-blend': 'var(--color-light-blend)',
-                overlay: 'var(--color-overlay)',
-                'dark-mode-contrast': 'var(--color-dark-mode-contrast)',
-            },
+            colors: colors_js_1.themeColors,
             fontFamily: {
                 default: 'var(--font-default, sans-serif)',
                 sans: 'var(--font-sans, sans-serif)',
@@ -105,6 +75,7 @@ function presetAtype({ scale = 'md', interFontLocation = 'https://resources.bisc
             },
             lineWidth: {
                 DEFAULT: `calc(1px * var(--global-border-scale,1))`,
+                thin: `calc(1px * var(--global-border-scale,1))`,
                 none: '0',
                 thick: `calc(2px * var(--global-border-scale,1))`,
             },
@@ -343,6 +314,11 @@ function presetAtype({ scale = 'md', interFontLocation = 'https://resources.bisc
                 },
             },
         },
+        extendTheme: (theme) => {
+            // delete all colors that are not defined in the custom theme
+            const { colors: _ } = theme, rest = __rest(theme, ["colors"]);
+            return Object.assign({ colors: colors_js_1.themeColors }, rest);
+        },
         rules: [
             [
                 /^gutter-bottom$/,
@@ -473,7 +449,7 @@ function presetAtype({ scale = 'md', interFontLocation = 'https://resources.bisc
                 };
             },
         ],
-        shortcuts: Object.assign({ border: 'border-width-[calc(1px * var(--global-border-scale,1))] border-solid', 'border-default': 'border border-solid border-color-black', 'border-light': 'border border-solid border-color-gray border-color-darken-3', 'flex-1-0-0': 'flex-grow-1 flex-shrink-0 flex-basis-0', 'flex-0-0-auto': 'flex-grow-0 flex-shrink-0 flex-basis-auto', row: 'layer-components:flex layer-components:flex-row layer-components:gap-sm layer-components:items-center', col: 'layer-components:flex layer-components:flex-col layer-components:gap-sm layer-components:items-center', 'hidden-input': 'op-0 absolute z--1 pointer-events-none [&::webkit-file-upload-button]:hidden', center: 'left-50% top-50%', 'outline-off': '[outline:none]', 'bg-wash': 'bg-[var(--color-wash)]', unset: '[all:unset]', 'bottom-keyboard': 'bottom-[var(--mock-virtual-keyboard-height,env(keyboard-inset-height,0px))]' }, (noZIndexes
+        shortcuts: Object.assign({ border: 'border-width-thin border-solid', 'border-default': 'border border-solid border-color-black', 'border-light': 'border border-solid border-color-gray border-color-darken-3', 'flex-1-0-0': 'flex-grow-1 flex-shrink-0 flex-basis-0', 'flex-0-0-auto': 'flex-grow-0 flex-shrink-0 flex-basis-auto', row: 'layer-components:flex layer-components:flex-row layer-components:gap-sm layer-components:items-center', col: 'layer-components:flex layer-components:flex-col layer-components:gap-sm layer-components:items-center', 'hidden-input': 'op-0 absolute z--1 pointer-events-none [&::webkit-file-upload-button]:hidden', center: 'left-1/2 top-1/2 translate-x--1/2 translate-y--1/2', 'center-x': 'left-1/2 translate-x--1/2', 'center-y': 'top-1/2 translate-y--1/2', 'outline-off': '[outline:none]', 'bg-wash': 'bg-[var(--color-wash)]', unset: '[all:unset]', 'bottom-keyboard': 'bottom-[var(--mock-virtual-keyboard-height,env(keyboard-inset-height,0px))]' }, (noZIndexes
             ? {}
             : {
                 'z-nav': 'z-[var(--z-nav)]',