@a-type/ui 0.8.5 → 0.8.7

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

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.getButtonClassName = void 0;
 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)] layer-components:[--webkit-tap-highlight-color:transparent] layer-components:[line-height:1] layer-components:text-size-md layer-components:font-sans layer-components:border layer-components:border-solid layer-components:border-transparent layer-components:rounded-full 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:shadow-none layer-components:whitespace-nowrap', 'layer-components:hover:bg-[var(--hover)] layer-components:hover:shadow-[0_0_0_6px_var(--hover)]', 'layer-components:focus:outline-off', 'layer-components:focus-visible:outline-off layer-components:focus-visible:shadow-[0_0_0_6px_var(--focus,var(--hover))]', 'layer-components:active:shadow-[0_0_0_6px_var(--active)] layer-components:active:bg-[var(--active)]', 'important:disabled:opacity-50 important:disabled:cursor-default important:disabled:bg-[var(--bg)] important:disabled:shadow-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)] layer-components:[--webkit-tap-highlight-color:transparent] layer-components:[line-height:1] layer-components:text-size-md layer-components:font-sans layer-components:border layer-components:border-solid layer-components:border-transparent layer-components:rounded-full 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:shadow-none layer-components:whitespace-nowrap', 'layer-components:hover:bg-[var(--hover)] layer-components:hover:shadow-[0_0_0_6px_var(--hover)]', 'layer-components:focus:outline-off', 'layer-components:focus-visible:outline-off layer-components:focus-visible:[box-shadow:0_0_0_6px_var(--focus,var(--hover))]', 'layer-components:active:shadow-[0_0_0_6px_var(--active)] layer-components:active:bg-[var(--active)]', 'important:disabled:opacity-50 important:disabled:cursor-default important:disabled:bg-[var(--bg)] important:disabled:shadow-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 &&
@@ -17,7 +17,7 @@ exports.getButtonClassName = getButtonClassName;
 const colors = {
     primary: `layer-variants:[&.btn-color-primary]:[--bg:var(--color-primary-light)] layer-variants:[&.btn-color-primary]:[--hover:var(--color-primary)] layer-variants:[&.btn-color-primary]:[--focus:var(--color-primary)] layer-variants:[&.btn-color-primary]:[--active:var(--color-primary)] layer-variants:[&.btn-color-primary]:color-black layer-variants:[&.btn-color-primary]:border-black layer-variants:[&.btn-color-primary]:focus-visible:([--bg:var(--color-primary)])`,
     accent: `layer-variants:[&.btn-color-accent]:[--bg:var(--color-accent-wash)] layer-variants:[&.btn-color-accent]:[--hover:var(--color-accent-light)] layer-variants:[&.btn-color-accent]:[--focus:var(--color-accent-light)] layer-variants:[&.btn-color-accent]:[--active:var(--color-accent-light)] layer-variants:[&.btn-color-accent]:color-black layer-variants:[&.btn-color-accent]:border-black layer-variants:[&.btn-color-accent]:focus-visible:([--bg:var(--color-accent-light)])`,
-    default: `layer-variants:[&.btn-color-default]:[--bg:var(--color-white)] layer-variants:[&.btn-color-default]:[--hover:var(--color-gray-2)] layer-variants:[&.btn-color-default]:[--focus:var(--color-gray-7)] layer-variants:[&.btn-color-default]:[--active:var(--color-gray-3)] layer-variants:[&.btn-color-default]:color-black layer-variants:[&.btn-color-default]:border-black`,
+    default: `layer-variants:[&.btn-color-default]:[--bg:var(--color-white)] layer-variants:[&.btn-color-default]:[--hover:var(--color-gray-2)] layer-variants:[&.btn-color-default]:[--focus:var(--color-gray-dark-blend)] layer-variants:[&.btn-color-default]:[--active:var(--color-gray-3)] layer-variants:[&.btn-color-default]:color-black layer-variants:[&.btn-color-default]:border-black`,
     ghost: `layer-variants:[&.btn-color-ghost]:[--bg:transparent] layer-variants:[&.btn-color-ghost]:[--hover:var(--color-gray-blend)] layer-variants:[&.btn-color-ghost]:[--focus:var(--color-gray-dark-blend)] layer-variants:[&.btn-color-ghost]:[--active:var(--color-gray-dark-blend)] layer-variants:[&.btn-color-ghost]:color-dark-blend`,
     destructive: `layer-variants:[&.btn-color-destructive]:[--bg:var(--color-attention-light)] layer-variants:[&.btn-color-destructive]:[--hover:var(--color-attention-light)] layer-variants:[&.btn-color-destructive]:[--focus:var(--color-attention-light)] layer-variants:[&.btn-color-destructive]:[--active:var(--color-attention-light)] layer-variants:[&.btn-color-destructive]:border-black layer-variants:[&.btn-color-destructive]:color-black layer-variants:[&.btn-color-destructive]:hover:([--bg:var(--colors-attention)])`,
     ghostDestructive: `layer-variants:[&.btn-color-ghostDestructive]:[--bg:transparent] layer-variants:[&.btn-color-ghostDestructive]:[--hover:rgb(from_var(--color-attention-light)_r_g_b/0.25)] layer-variants:[&.btn-color-ghostDestructive]:[--focus:var(--color-attention-light)] layer-variants:[&.btn-color-ghostDestructive]:[--active:var(--color-attention-light)] layer-variants:[&.btn-color-ghostDestructive]:color-attention-dark`,

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

@@ -1 +1 @@
-{"version":3,"file":"classes.js","sourceRoot":"","sources":["../../../../src/components/button/classes.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAA8B;AAG9B,SAAgB,kBAAkB,CAAC,EAClC,KAAK,EACL,IAAI,EACJ,UAAU,EACV,KAAK,GAML;IACA,OAAO,IAAA,cAAU,EAChB,6UAA6U,EAC7U,4EAA4E,EAC5E,oCAAoC,EACpC,2FAA2F,EAC3F,+EAA+E,EAC/E,2EAA2E,EAC3E,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,sDAAsD,CACvD,CAAC;AACH,CAAC;AA9BD,gDA8BC;AAED,MAAM,MAAM,GAAG;IACd,OAAO,EAAE,6OAA6O;IACtP,MAAM,EAAE,8PAA8P;IACtQ,OAAO,EAAE,sLAAsL;IAC/L,KAAK,EAAE,2LAA2L;IAClM,WAAW,EAAE,sQAAsQ;IACnR,gBAAgB,EAAE,oOAAoO;IACtP,WAAW,EAAE,mNAAmN;IAChO,QAAQ,EAAE,uLAAuL;IACjM,QAAQ,EAAE,+RAA+R;CACzS,CAAC;AAEF,MAAM,KAAK,GAAG;IACb,OAAO,EAAE,EAAE;IACX,KAAK,EAAE,gEAAgE;IACvE,IAAI,EAAE,mIAAmI;CACzI,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":";;;;;;AAAA,gDAA8B;AAG9B,SAAgB,kBAAkB,CAAC,EAClC,KAAK,EACL,IAAI,EACJ,UAAU,EACV,KAAK,GAML;IACA,OAAO,IAAA,cAAU,EAChB,6UAA6U,EAC7U,4EAA4E,EAC5E,oCAAoC,EACpC,+FAA+F,EAC/F,+EAA+E,EAC/E,2EAA2E,EAC3E,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,sDAAsD,CACvD,CAAC;AACH,CAAC;AA9BD,gDA8BC;AAED,MAAM,MAAM,GAAG;IACd,OAAO,EAAE,6OAA6O;IACtP,MAAM,EAAE,8PAA8P;IACtQ,OAAO,EAAE,+LAA+L;IACxM,KAAK,EAAE,2LAA2L;IAClM,WAAW,EAAE,sQAAsQ;IACnR,gBAAgB,EAAE,oOAAoO;IACtP,WAAW,EAAE,mNAAmN;IAChO,QAAQ,EAAE,uLAAuL;IACjM,QAAQ,EAAE,+RAA+R;CACzS,CAAC;AAEF,MAAM,KAAK,GAAG;IACb,OAAO,EAAE,EAAE;IACX,KAAK,EAAE,gEAAgE;IACvE,IAAI,EAAE,mIAAmI;CACzI,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/dialog/Dialog.js

@@ -51,7 +51,7 @@ const clsx_1 = __importDefault(require("clsx"));
 const react_icons_1 = require("@radix-ui/react-icons");
 const select_js_1 = require("../select.js");
 const react_2 = require("@use-gesture/react");
-const StyledOverlay = (0, withClassName_js_1.withClassName)(DialogPrimitive.Overlay, 'layer-components:fixed layer-components:inset-0 layer-components:z-dialog-backdrop layer-components:animate-fade-in layer-components:animate-duration-200 layer-components:bg-gray-dark-blend', 'layer-components:[&[data-state=closed]]:animate-fade-out', 'motion-reduce:animate-none');
+const StyledOverlay = (0, withClassName_js_1.withClassName)(DialogPrimitive.Overlay, 'layer-components:fixed layer-components:inset-0 layer-components:z-dialog-backdrop layer-components:animate-fade-in layer-components:animate-duration-200 layer-components:bg-gray-dark-blend layer-components:[box-shadow:inset_0_30px_60px_0px_#00001020] layer-components:border-top-1 layer-components:border-top-solid layer-components:border-top-gray-5', 'layer-components:[&[data-state=closed]]:animate-fade-out', 'motion-reduce:animate-none');
 const StyledContent = (0, withClassName_js_1.withClassName)(DialogPrimitive.Content, 'layer-components:z-dialog layer-components:fixed layer-components:shadow-xl layer-components:bg-white layer-components:overflow-y-auto layer-components:flex layer-components:flex-col layer-components:border-default', 'transform-gpu !motion-reduce:animate-none', 'layer-components:left-50% layer-components:top-50% layer-components:translate-[-50%] layer-components:w-90vw layer-components:max-w-450px layer-components:max-h-85vh layer-components:p-6 layer-components:pt-8 layer-components:rounded-lg layer-components:border-b-1 layer-components:pt-6', 'layer-components:animate-dialog-in layer-components:[&[data-state=closed]]:animate-dialog-out layer-components:motion-reduce:animate-none');
 const sheetClassName = (0, clsx_1.default)('layer-variants:lt-sm:translate-0 layer-variants:lt-sm:bottom-[calc(var(--viewport-bottom-offset,0px)+var(--gesture-y,0px))] layer-variants:lt-sm:left-0 layer-variants:lt-sm:right-0 layer-variants:lt-sm:top-auto layer-variants:lt-sm:h-min-content layer-variants:lt-sm:max-h-[calc(0.85*var(--viewport-height,100vh))] layer-variants:lt-sm:rounded-tl-xl layer-variants:lt-sm:rounded-tr-xl layer-variants:lt-sm:rounded-b-0 layer-variants:lt-sm:p-6 layer-variants:lt-sm:pt-8 layer-variants:lt-sm:w-full layer-variants:lt-sm:max-w-none layer-variants:lt-sm:pb-[calc(3rem+env(safe-area-inset-bottom,0px))] layer-variants:lt-sm:border-b-0', 'layer-variants:lt-sm:animate-ease-in layer-variants:lt-sm:animate-fade-in-up layer-variants:lt-sm:[&[data-state=closed]]:animate-fade-out-down');
 exports.Content = (0, react_1.forwardRef)(function Content(_a, ref) {

package/dist/cjs/components/dialog/Dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../../../src/components/dialog/Dialog.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../../../src/components/dialog/Dialog.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEb,wEAA0D;AAC1D,iFAAmE;AACnE,iCAQe;AACf,mEAA6D;AAC7D,kFAAuD;AACvD,kDAA+C;AAC/C,gDAA8B;AAC9B,uDAAmE;AACnE,4CAAsD;AACtD,8CAA6C;AAE7C,MAAM,aAAa,GAAG,IAAA,gCAAa,EAClC,eAAe,CAAC,OAAO,EACvB,yMAAyM,EACzM,0DAA0D,EAC1D,4BAA4B,CAC5B,CAAC;AAEF,MAAM,aAAa,GAAG,IAAA,gCAAa,EAClC,eAAe,CAAC,OAAO,EACvB,mGAAmG,EACnG,2CAA2C,EAC3C,wHAAwH,EACxH,2GAA2G,CAC3G,CAAC;AACF,MAAM,cAAc,GAAG,IAAA,cAAU,EAChC,8TAA8T,EAC9T,wGAAwG,CACxG,CAAC;AAEW,QAAA,OAAO,GAAG,IAAA,kBAAU,EAO/B,SAAS,OAAO,CACjB,EAAsE,EACtE,GAAG;QADH,EAAE,QAAQ,EAAE,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,YAAY,OAAY,EAAP,KAAK,cAApE,oEAAsE,CAAF;IAGpE,MAAM,SAAS,GAAG,IAAA,2BAAY,GAAE,CAAC;IACjC,MAAM,UAAU,GAAG,IAAA,cAAM,EAAC,KAAK,CAAC,CAAC;IACjC,MAAM,OAAO,GAAG,IAAA,mBAAW,EAC1B,CAAC,OAA8B,EAAE,EAAE;QAClC,IACC,CAAC,UAAU,CAAC,OAAO;YACnB,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,YAAY,CAAC,YAAY,CAAC,MAAK,MAAM,EAC7C;YACD,UAAU,CAAC,OAAO,GAAG,IAAI,CAAC;YAE1B,MAAM,YAAY,GACjB,CAAC,YAAY,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,mBAAmB,CAAC,CAAC,OAAO,CAAC;YAClE,IAAI,CAAC,YAAY;gBAAE,OAAO;YAE1B,UAAU,CAAC,GAAG,EAAE;gBACf,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,YAAY,CACtB,SAAS,CAAC,gBAAgB,CAAC;oBAC1B,KAAK,EAAE,EAAE;oBACT,MAAM,EAAE,EAAE;oBACV,OAAO,EAAE,CAAC,KAAK,CAAC;oBAChB,KAAK,EAAE;wBACN;4BACC,KAAK,EAAE,KAAK;4BACZ,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;4BACjB,OAAO,EAAE,IAAI;yBACb;wBACD;4BACC,KAAK,EAAE,KAAK;4BACZ,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;4BACjB,OAAO,EAAE,CAAC;yBACV;qBACD;oBACD,OAAO;oBACP,WAAW,EAAE,EAAE;oBACf,SAAS,EAAE,CAAC;oBACZ,QAAQ,EAAE,IAAI;oBACd,KAAK,EAAE,GAAG;oBACV,IAAI,EAAE,IAAI;oBACV,SAAS,EAAE,GAAG;oBACd,SAAS,EAAE,GAAG;iBACd,CAAC,CACF,CAAC;YACH,CAAC,EAAE,GAAG,CAAC,CAAC;SACR;aAAM,IAAI,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,YAAY,CAAC,YAAY,CAAC,MAAK,QAAQ,EAAE;YAC5D,UAAU,CAAC,OAAO,GAAG,KAAK,CAAC;SAC3B;IACF,CAAC,EACD,CAAC,SAAS,EAAE,YAAY,CAAC,CACzB,CAAC;IAEF,MAAM,UAAU,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAEhD,MAAM,QAAQ,GAAG,IAAA,yBAAY,EAAC,GAAG,EAAE,OAAO,EAAE,UAAU,CAAC,CAAC;IAExD,OAAO,CACN,wBAAC,eAAe,CAAC,MAAM,eACtB,uBAAC,aAAa,KAAG,EACjB,wBAAC,aAAa,+CAEb,GAAG,EAAE,QAAQ,IACT,KAAK,IACT,SAAS,EAAE,IAAA,cAAU,EACpB;oBACC,gBAAgB,EAAE,KAAK,KAAK,IAAI;oBAChC,aAAa,EAAE,KAAK,KAAK,IAAI;oBAC7B,aAAa,EAAE,KAAK,KAAK,IAAI;iBAC7B,EACD,CAAC,YAAY,IAAI,cAAc,EAC/B,cAAc,IAAI,SAAS,CAC3B,iBAEA,CAAC,YAAY,IAAI,uBAAC,yBAAiB,KAAG,EACtC,QAAQ,KACM,IACQ,CACzB,CAAC;AACH,CAAC,CAAC,CAAC;AAEU,QAAA,iBAAiB,GAAG,IAAA,kBAAU,EAGzC,SAAS,iBAAiB,CAAC,EAAuB,EAAE,GAAG;QAA5B,EAAE,SAAS,OAAY,EAAP,KAAK,cAArB,aAAuB,CAAF;IACjD,MAAM,KAAK,GAAG,IAAA,kBAAU,EAAC,kBAAkB,CAAC,CAAC;IAC7C,MAAM,QAAQ,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAC9C,IAAA,eAAO,EACN,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE;QACnE,MAAM,OAAO,GAAG,uBAAuB,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;QAC1D,IAAI,CAAC,OAAO;YAAE,OAAO;QAErB,MAAM,aAAa,GAAG,OAAO,CAAC,YAAY,CAAC;QAE3C,IAAI,IAAI;YAAE,OAAO,CAAC,GAAG,CAAC,MAAM,EAAE,EAAE,EAAE,aAAa,CAAC,CAAC;QAEjD,IAAI,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC,IAAI,EAAE,GAAG,aAAa,GAAG,CAAC,CAAC,EAAE;YACrD,KAAK,EAAE,CAAC;SACR;QACD,MAAM,QAAQ,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;QAC7C,OAAO,CAAC,KAAK,CAAC,WAAW,CAAC,aAAa,EAAE,GAAG,QAAQ,IAAI,CAAC,CAAC;QAC1D,OAAO,CAAC,KAAK,CAAC,WAAW,CAAC,YAAY,EAAE,IAAI,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;IACpE,CAAC,EACD;QACC,MAAM,EAAE,QAAQ;QAChB,IAAI,EAAE,GAAG;KACT,CACD,CAAC;IACF,MAAM,QAAQ,GAAG,IAAA,yBAAY,EAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;IAC7C,OAAO,CACN,8CACC,GAAG,EAAE,QAAQ,IACT,KAAK,IACT,SAAS,EAAE,IAAA,cAAU,EACpB,iHAAiH,EACjH,SAAS,CACT,gBAED,gCAAK,SAAS,EAAC,uCAAuC,GAAG,IACpD,CACN,CAAC;AACH,CAAC,CAAC,CAAC;AAEH,SAAS,uBAAuB,CAC/B,OAA2B;IAE3B,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAC;IAC1B,IAAI,OAAO,CAAC,YAAY,CAAC,qBAAqB,CAAC;QAAE,OAAO,OAAO,CAAC;IAChE,OAAO,uBAAuB,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;AACvD,CAAC;AAED,MAAM,kBAAkB,GAAG,IAAA,qBAAa,EAAa,GAAG,EAAE,GAAE,CAAC,CAAC,CAAC;AAE/D,MAAM,WAAW,GAAG,IAAA,gCAAa,EAChC,eAAe,CAAC,KAAK,EACrB,2CAA2C,CAC3C,CAAC;AAEF,MAAM,iBAAiB,GAAG,IAAA,gCAAa,EACtC,eAAe,CAAC,WAAW,EAC3B,yCAAyC,CACzC,CAAC;AAEF,UAAU;AACH,MAAM,MAAM,GAAG,CAAC,KAAkC,EAAE,EAAE;;IAC5D,MAAM,CAAC,SAAS,EAAE,iBAAiB,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,WAAW,CAAC,CAAC;IACnE,MAAM,IAAI,GAAG,MAAA,KAAK,CAAC,IAAI,mCAAI,SAAS,CAAC;IACrC,MAAM,YAAY,GAAG,IAAA,mBAAW,EAC/B,CAAC,IAAa,EAAE,EAAE;;QACjB,iBAAiB,CAAC,IAAI,CAAC,CAAC;QACxB,MAAA,KAAK,CAAC,YAAY,sDAAG,IAAI,CAAC,CAAC;IAC5B,CAAC,EACD,CAAC,KAAK,CAAC,YAAY,CAAC,CACpB,CAAC;IAEF,MAAM,KAAK,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QAC9B,YAAY,CAAC,KAAK,CAAC,CAAC;IACrB,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,OAAO,CACN,uBAAC,kBAAkB,CAAC,QAAQ,kBAAC,KAAK,EAAE,KAAK,gBACxC,uBAAC,eAAe,CAAC,IAAI,oBAChB,KAAK,IACT,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,YAAY,IACzB,IAC2B,CAC9B,CAAC;AACH,CAAC,CAAC;AAxBW,QAAA,MAAM,UAwBjB;AACW,QAAA,aAAa,GAAG,eAAe,CAAC,OAAO,CAAC;AACxC,QAAA,aAAa,GAAG,eAAO,CAAC;AACxB,QAAA,WAAW,GAAG,WAAW,CAAC;AAC1B,QAAA,iBAAiB,GAAG,iBAAiB,CAAC;AACtC,QAAA,WAAW,GAAG,eAAe,CAAC,KAAK,CAAC;AAIpC,QAAA,aAAa,GAAG,IAAA,gCAAa,EACzC,KAAK,EACL,yFAAyF,EACzF,WAAW,EACX,eAAe,CACf,CAAC;AAEW,QAAA,mBAAmB,GAAG,IAAA,kBAAU,EAG3C,SAAS,mBAAmB,CAAC,EAAiC,EAAE,GAAG;QAAtC,EAAE,QAAQ,EAAE,SAAS,OAAY,EAAP,KAAK,cAA/B,yBAAiC,CAAF;IAC7D,OAAO,CACN,wBAAC,eAAe,CAAC,OAAO,kBACvB,SAAS,EAAE,IAAA,cAAU,EAAC,kCAAsB,EAAE,SAAS,CAAC,IACpD,KAAK,eAET,2CAAO,QAAQ,GAAQ,EACvB,uBAAC,6BAAe,KAAG,KACM,CAC1B,CAAC;AACH,CAAC,CAAC,CAAC;AAEU,QAAA,gBAAgB,GAAG,IAAA,gCAAa,EAC5C,mBAAmB,CAAC,IAAI,EACxB,yCAAyC,CACzC,CAAC;AAEW,QAAA,oBAAoB,GAAG,IAAA,gCAAa,EAChD,mBAAmB,CAAC,IAAI,EACxB,sKAAsK,EACtK,6DAA6D,CAC7D,CAAC;AAEW,QAAA,gBAAgB,GAAG,IAAA,kBAAU,EAGxC,SAAS,gBAAgB,CAAC,EAAsB,EAAE,GAAG;QAA3B,EAAE,QAAQ,OAAY,EAAP,KAAK,cAApB,YAAsB,CAAF;IAC/C,OAAO,CACN,wBAAC,4BAAoB,oBAAK,KAAK,eAC9B,+CAAM,SAAS,EAAC,QAAQ,gBAAE,QAAQ,IAAQ,EAC1C,uBAAC,mBAAmB,CAAC,SAAS,kBAAC,SAAS,EAAC,eAAe,gBACvD,uBAAC,uBAAS,KAAG,IACkB,KACV,CACvB,CAAC;AACH,CAAC,CAAC,CAAC"}

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

@@ -19,7 +19,7 @@ exports.Input = exports.inputClassName = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const clsx_1 = __importDefault(require("clsx"));
 const react_1 = require("react");
-exports.inputClassName = (0, clsx_1.default)('layer-components:px-4 layer-components:py-2 layer-components:text-md layer-components:font-sans layer-components:rounded-lg layer-components:bg-white layer-components:select-auto layer-components:min-w-60px layer-components:color-black layer-components:border-default', 'layer-components:focus:outline-none layer-components:focus:bg-gray2', 'layer-components:focus-visible:outline-none layer-components:focus-visible:shadow-focus', 'layer-components:md:min-w-120px');
+exports.inputClassName = (0, clsx_1.default)('layer-components:px-4 layer-components:py-2 layer-components:text-md layer-components:font-sans layer-components:rounded-lg layer-components:bg-white layer-components:select-auto layer-components:min-w-60px layer-components:color-black layer-components:border-default', 'layer-components:focus:outline-none layer-components:focus:bg-gray2 layer-components:focus:ring-4 layer-components:focus:ring-white', 'layer-components:focus-visible:outline-none layer-components:focus-visible:ring-primary-wash', 'layer-components:md:min-w-120px');
 exports.Input = (0, react_1.forwardRef)(function Input(_a, ref) {
     var { className, autoSelect, onFocus, variant = 'default' } = _a, props = __rest(_a, ["className", "autoSelect", "onFocus", "variant"]);
     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,gDAA8B;AAC9B,iCAMe;AAEF,QAAA,cAAc,GAAG,IAAA,cAAU,EACvC,sHAAsH,EACtH,gDAAgD,EAChD,4DAA4D,EAC5D,mCAAmC,CACnC,CAAC;AAOW,QAAA,KAAK,GAAG,IAAA,kBAAU,EAA+B,SAAS,KAAK,CAC3E,EAAiE,EACjE,GAAG;QADH,EAAE,SAAS,EAAE,UAAU,EAAE,OAAO,EAAE,OAAO,GAAG,SAAS,OAAY,EAAP,KAAK,cAA/D,iDAAiE,CAAF;IAG/D,MAAM,WAAW,GAAG,IAAA,mBAAW,EAC9B,CAAC,EAAgC,EAAE,EAAE;QACpC,IAAI,UAAU,EAAE;YACf,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC;SACnB;QACD,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,EAAE,CAAC,CAAC;IACf,CAAC,EACD,CAAC,OAAO,EAAE,UAAU,CAAC,CACrB,CAAC;IAEF,OAAO,CACN,kDACK,KAAK,IACT,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,IAAA,cAAU,EACpB,sBAAc,EACd;YACC,cAAc,EAAE,OAAO,KAAK,SAAS;SACrC,EACD,SAAS,CACT,EACD,GAAG,EAAE,GAAG,IACP,CACF,CAAC;AACH,CAAC,CAAC,CAAC"}
+{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../src/components/input/Input.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,gDAA8B;AAC9B,iCAMe;AAEF,QAAA,cAAc,GAAG,IAAA,cAAU,EACvC,sHAAsH,EACtH,kEAAkE,EAClE,iEAAiE,EACjE,mCAAmC,CACnC,CAAC;AAOW,QAAA,KAAK,GAAG,IAAA,kBAAU,EAA+B,SAAS,KAAK,CAC3E,EAAiE,EACjE,GAAG;QADH,EAAE,SAAS,EAAE,UAAU,EAAE,OAAO,EAAE,OAAO,GAAG,SAAS,OAAY,EAAP,KAAK,cAA/D,iDAAiE,CAAF;IAG/D,MAAM,WAAW,GAAG,IAAA,mBAAW,EAC9B,CAAC,EAAgC,EAAE,EAAE;QACpC,IAAI,UAAU,EAAE;YACf,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC;SACnB;QACD,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,EAAE,CAAC,CAAC;IACf,CAAC,EACD,CAAC,OAAO,EAAE,UAAU,CAAC,CACrB,CAAC;IAEF,OAAO,CACN,kDACK,KAAK,IACT,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,IAAA,cAAU,EACpB,sBAAc,EACd;YACC,cAAc,EAAE,OAAO,KAAK,SAAS;SACrC,EACD,SAAS,CACT,EACD,GAAG,EAAE,GAAG,IACP,CACF,CAAC;AACH,CAAC,CAAC,CAAC"}

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

@@ -29,7 +29,7 @@ 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-components:rounded-b-lg layer-components:border-b layer-components:border-b-solid layer-components:border-b-[#00000070] layer-components:bg-wash layer-components:sm:border-none layer-components:sm:rounded-0', { '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-components:sm:max-w-700px layer-components:sm:w-full', {
+    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-components:rounded-b-lg layer-components:border-b layer-components:border-b-solid layer-components:border-b-[#00000070] layer-components:bg-wash layer-components:[box-shadow:0_0_10px_0_#00000024] layer-components:sm:border-none layer-components:sm:rounded-0 layer-components:sm:shadow-none', { '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-components:sm:max-w-700px layer-components:sm:w-full', {
                 'layer-variants:flex-1': fullHeight,
                 'layer-variants:p-0 layer-variants:sm:p-4': noPadding,
             }, innerProps === null || innerProps === void 0 ? void 0 : innerProps.className), ref: innerRef }, { children: children })) })));

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;;;;;;;;;;;;;;;;;;AACb,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,kHAAkH,EAClH,EAAE,yCAAyC,EAAE,UAAU,EAAE,EACzD,SAAS,CACT,IACG,IAAI,cAER,gDACK,UAAU,IACd,SAAS,EAAE,IAAA,cAAU,EACpB,2EAA2E,EAC3E,0CAA0C,EAC1C;gBACC,uBAAuB,EAAE,UAAU;gBACnC,6BAA6B,EAAE,SAAS;aACxC,EACD,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,SAAS,CACrB,EACD,GAAG,EAAE,QAAQ,gBAEZ,QAAQ,IACJ,IACD,CACN,CAAC;AACH,CAAC;AAjDD,kCAiDC"}
+{"version":3,"file":"PageContent.js","sourceRoot":"","sources":["../../../../src/components/layouts/PageContent.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;AACb,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,mKAAmK,EACnK,EAAE,yCAAyC,EAAE,UAAU,EAAE,EACzD,SAAS,CACT,IACG,IAAI,cAER,gDACK,UAAU,IACd,SAAS,EAAE,IAAA,cAAU,EACpB,2EAA2E,EAC3E,0CAA0C,EAC1C;gBACC,uBAAuB,EAAE,UAAU;gBACnC,6BAA6B,EAAE,SAAS;aACxC,EACD,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,SAAS,CACrB,EACD,GAAG,EAAE,QAAQ,gBAEZ,QAAQ,IACJ,IACD,CACN,CAAC;AACH,CAAC;AAjDD,kCAiDC"}

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

@@ -7,7 +7,6 @@ const PageRoot_js_1 = require("./PageRoot.js");
 const PageContent_js_1 = require("./PageContent.js");
 const PageNav_js_1 = require("./PageNav.js");
 const navBar_js_1 = require("../navBar.js");
-const icon_js_1 = require("../icon.js");
 const meta = {
     title: 'layouts',
     argTypes: {},
@@ -18,6 +17,6 @@ const meta = {
 };
 exports.default = meta;
 exports.Default = {
-    render: () => ((0, jsx_runtime_1.jsxs)(PageRoot_js_1.PageRoot, Object.assign({ className: "w-full h-full" }, { children: [(0, jsx_runtime_1.jsx)(PageContent_js_1.PageContent, { children: (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "text-center" }, { children: [(0, jsx_runtime_1.jsx)("h1", Object.assign({ className: "text-3xl font-bold" }, { children: "Hello, World!" })), (0, jsx_runtime_1.jsx)("p", Object.assign({ className: "text-lg" }, { children: "This is a simple page layout." }))] })) }), (0, jsx_runtime_1.jsx)(PageNav_js_1.PageNav, { children: (0, jsx_runtime_1.jsxs)(navBar_js_1.NavBarRoot, { children: [(0, jsx_runtime_1.jsxs)(navBar_js_1.NavBarItem, { children: [(0, jsx_runtime_1.jsx)(navBar_js_1.NavBarItemIconWrapper, { children: (0, jsx_runtime_1.jsx)(navBar_js_1.NavBarItemIcon, { children: (0, jsx_runtime_1.jsx)(icon_js_1.Icon, { name: "placeholder" }) }) }), (0, jsx_runtime_1.jsx)(navBar_js_1.NavBarItemText, { children: "Item 1" })] }), (0, jsx_runtime_1.jsxs)(navBar_js_1.NavBarItem, { children: [(0, jsx_runtime_1.jsx)(navBar_js_1.NavBarItemIconWrapper, { children: (0, jsx_runtime_1.jsx)(navBar_js_1.NavBarItemIcon, { children: (0, jsx_runtime_1.jsx)(icon_js_1.Icon, { name: "placeholder" }) }) }), (0, jsx_runtime_1.jsx)(navBar_js_1.NavBarItemText, { children: "Item 2" })] })] }) })] }))),
+    render: () => ((0, jsx_runtime_1.jsxs)(PageRoot_js_1.PageRoot, Object.assign({ className: "w-full h-full" }, { children: [(0, jsx_runtime_1.jsx)(PageContent_js_1.PageContent, { children: (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "text-center" }, { children: [(0, jsx_runtime_1.jsx)("h1", Object.assign({ className: "text-3xl font-bold" }, { children: "Hello, World!" })), (0, jsx_runtime_1.jsx)("p", Object.assign({ className: "text-lg" }, { children: "This is a simple page layout." }))] })) }), (0, jsx_runtime_1.jsx)(PageNav_js_1.PageNav, { children: (0, jsx_runtime_1.jsxs)(navBar_js_1.NavBarRoot, { children: [(0, jsx_runtime_1.jsxs)(navBar_js_1.NavBarItem, { children: [(0, jsx_runtime_1.jsx)(navBar_js_1.NavBarItemIconWrapper, { children: (0, jsx_runtime_1.jsx)(navBar_js_1.NavBarItemIcon, { name: "calendar" }) }), (0, jsx_runtime_1.jsx)(navBar_js_1.NavBarItemText, { children: "Item 1" })] }), (0, jsx_runtime_1.jsxs)(navBar_js_1.NavBarItem, Object.assign({ active: true }, { children: [(0, jsx_runtime_1.jsx)(navBar_js_1.NavBarItemIconWrapper, { children: (0, jsx_runtime_1.jsx)(navBar_js_1.NavBarItemIcon, { name: "book" }) }), (0, jsx_runtime_1.jsx)(navBar_js_1.NavBarItemText, { children: "Item 2" }), (0, jsx_runtime_1.jsx)(navBar_js_1.NavBarItemPip, {})] }))] }) })] }))),
 };
 //# sourceMappingURL=layouts.stories.js.map

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":";;;;AACA,+CAAyC;AACzC,qDAA+C;AAC/C,6CAAuC;AACvC,4CAMsB;AACtB,wCAAkC;AAElC,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,SAAS;IAChB,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;QAC5B,MAAM,EAAE,YAAY;KACpB;CACc,CAAC;AAEjB,kBAAe,IAAI,CAAC;AAIP,QAAA,OAAO,GAAU;IAC7B,MAAM,EAAE,GAAG,EAAE,CAAC,CACb,wBAAC,sBAAQ,kBAAC,SAAS,EAAC,eAAe,iBAClC,uBAAC,4BAAW,cACX,+CAAK,SAAS,EAAC,aAAa,iBAC3B,6CAAI,SAAS,EAAC,oBAAoB,mCAAmB,EACrD,4CAAG,SAAS,EAAC,SAAS,mDAAkC,KACnD,GACO,EACd,uBAAC,oBAAO,cACP,wBAAC,sBAAU,eACV,wBAAC,sBAAU,eACV,uBAAC,iCAAqB,cACrB,uBAAC,0BAAc,cACd,uBAAC,cAAI,IAAC,IAAI,EAAC,aAAa,GAAG,GACX,GACM,EACxB,uBAAC,0BAAc,yBAAwB,IAC3B,EACb,wBAAC,sBAAU,eACV,uBAAC,iCAAqB,cACrB,uBAAC,0BAAc,cACd,uBAAC,cAAI,IAAC,IAAI,EAAC,aAAa,GAAG,GACX,GACM,EACxB,uBAAC,0BAAc,yBAAwB,IAC3B,IACD,GACJ,KACA,CACX;CACD,CAAC"}
+{"version":3,"file":"layouts.stories.js","sourceRoot":"","sources":["../../../../src/components/layouts/layouts.stories.tsx"],"names":[],"mappings":";;;;AACA,+CAAyC;AACzC,qDAA+C;AAC/C,6CAAuC;AACvC,4CAOsB;AAGtB,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,SAAS;IAChB,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;QAC5B,MAAM,EAAE,YAAY;KACpB;CACc,CAAC;AAEjB,kBAAe,IAAI,CAAC;AAIP,QAAA,OAAO,GAAU;IAC7B,MAAM,EAAE,GAAG,EAAE,CAAC,CACb,wBAAC,sBAAQ,kBAAC,SAAS,EAAC,eAAe,iBAClC,uBAAC,4BAAW,cACX,+CAAK,SAAS,EAAC,aAAa,iBAC3B,6CAAI,SAAS,EAAC,oBAAoB,mCAAmB,EACrD,4CAAG,SAAS,EAAC,SAAS,mDAAkC,KACnD,GACO,EACd,uBAAC,oBAAO,cACP,wBAAC,sBAAU,eACV,wBAAC,sBAAU,eACV,uBAAC,iCAAqB,cACrB,uBAAC,0BAAc,IAAC,IAAI,EAAC,UAAU,GAAG,GACX,EACxB,uBAAC,0BAAc,yBAAwB,IAC3B,EACb,wBAAC,sBAAU,kBAAC,MAAM,EAAE,IAAI,iBACvB,uBAAC,iCAAqB,cACrB,uBAAC,0BAAc,IAAC,IAAI,EAAC,MAAM,GAAG,GACP,EACxB,uBAAC,0BAAc,yBAAwB,EACvC,uBAAC,yBAAa,KAAG,KACL,IACD,GACJ,KACA,CACX;CACD,CAAC"}

package/dist/cjs/components/navBar/NavBar.d.ts

@@ -1,9 +1,11 @@
 import { ReactNode } from 'react';
+import { IconProps } from '../icon.js';
 export declare const navBarItemClass: string;
 export interface NavBarItemProps {
     asChild?: boolean;
     className?: string;
     children?: ReactNode;
+    active?: boolean;
 }
 export declare const NavBarItem: import("react").ForwardRefExoticComponent<NavBarItemProps & import("react").RefAttributes<HTMLDivElement>>;
 export declare const NavBarItemIconWrapper: import("react").FunctionComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
@@ -12,12 +14,17 @@ export declare const NavBarItemIconWrapper: import("react").FunctionComponent<Om
 export declare const NavBarItemText: import("react").FunctionComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
     ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
 }>;
-export declare const NavBarItemIcon: import("react").FunctionComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}>;
+interface NavBarItemIconProps {
+    asChild?: boolean;
+    name?: IconProps['name'];
+    className?: string;
+    children?: ReactNode;
+}
+export declare const NavBarItemIcon: import("react").ForwardRefExoticComponent<NavBarItemIconProps & import("react").RefAttributes<any>>;
 export declare const NavBarItemPip: import("react").FunctionComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }>;
 export declare const NavBarRoot: import("react").FunctionComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }>;
+export {};

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

@@ -1,5 +1,28 @@
 // @unocss-include
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 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)
@@ -11,25 +34,27 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.NavBarRoot = exports.NavBarItemPip = exports.NavBarItemIcon = exports.NavBarItemText = exports.NavBarItemIconWrapper = exports.NavBarItem = exports.navBarItemClass = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const clsx_1 = __importDefault(require("clsx"));
+const clsx_1 = __importStar(require("clsx"));
 const hooks_js_1 = require("../../hooks.js");
 const react_1 = require("react");
 const react_slot_1 = require("@radix-ui/react-slot");
-exports.navBarItemClass = (0, clsx_1.default)('layer-components:flex layer-components:flex-col layer-components:items-center layer-components:justify-center layer-components:whitespace-nowrap layer-components:py-1 layer-components:px-3 layer-components:bg-transparent layer-components:rounded-md layer-components:border-none layer-components:cursor-pointer layer-components:text-sm layer-components:transition-colors layer-components:h-full layer-components:gap-6px layer-components:relative layer-components:text-inherit', 'layer-components:sm:flex-row-reverse layer-components:sm:h-auto layer-components:sm:justify-start layer-components:sm:gap-2 layer-components:sm:overflow-visible', 'layer-components:hover:bg-primaryWash', 'layer-components:focus-visible:outline-none layer-components:focus-visible:bg-primaryWash', 'layer-components:active:bg-primaryWash');
+const icon_js_1 = require("../icon.js");
+exports.navBarItemClass = (0, clsx_1.default)('layer-components:flex layer-components:flex-col layer-components:items-center layer-components:justify-center layer-components:whitespace-nowrap layer-components:py-1 layer-components:px-3 layer-components:bg-transparent layer-components:rounded-md layer-components:border-none layer-components:cursor-pointer layer-components:text-sm layer-components:transition-colors layer-components:h-full layer-components:gap-6px layer-components:relative layer-components:text-gray-7 layer-components:select-none', 'layer-components:sm:flex-row-reverse layer-components:sm:h-auto layer-components:sm:justify-start layer-components:sm:gap-2 layer-components:sm:overflow-visible', 'layer-components:hover:bg-primary-wash', 'layer-components:focus-visible:outline-none layer-components:focus-visible:bg-primary-wash', 'layer-components:active:bg-primary-wash layer-components:sm:active:bg-gray-dark-blend', 'layer-components:[&[data-active=true]]:bg-primary-wash layer-components:[&[data-active=true]]:text-primary-dark');
 exports.NavBarItem = (0, react_1.forwardRef)(function NavBarItem(_a, ref) {
-    var { asChild, className } = _a, rest = __rest(_a, ["asChild", "className"]);
+    var { asChild, className, active } = _a, rest = __rest(_a, ["asChild", "className", "active"]);
     const Comp = asChild ? react_slot_1.Slot : 'div';
-    return ((0, jsx_runtime_1.jsx)(Comp, Object.assign({ ref: ref, className: (0, clsx_1.default)(exports.navBarItemClass, className) }, rest)));
+    return ((0, jsx_runtime_1.jsx)(Comp, Object.assign({ ref: ref, className: (0, clsx_1.default)(exports.navBarItemClass, className), "data-active": active }, rest)));
 });
-exports.NavBarItemIconWrapper = (0, hooks_js_1.withClassName)('div', 'layer-components:relative layer-components:flex layer-components:sm:p-6px layer-components:sm:rounded-full layer-components:sm:bg-lightBlend');
+exports.NavBarItemIconWrapper = (0, hooks_js_1.withClassName)('div', 'layer-components:relative layer-components:flex layer-components:sm:p-6px layer-components:sm:rounded-full layer-components:sm:bg-gray-blend', 'layer-variants:[*[data-active=true]_&]:bg-primary-light');
 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:sm:text-md layer-components:sm:leading-normal');
-exports.NavBarItemIcon = (0, hooks_js_1.withClassName)('div', 'layer-components:relative layer-components:z-1 layer-components:flex layer-components:fill-none layer-components:[a[data-active=true]_&]:fill-primary-light');
+exports.NavBarItemIcon = (0, react_1.forwardRef)(function NavBarItemIcon(_a, ref) {
+    var { children, asChild, className, name = 'placeholder' } = _a, rest = __rest(_a, ["children", "asChild", "className", "name"]);
+    const Comp = asChild ? react_slot_1.Slot : icon_js_1.Icon;
+    return ((0, jsx_runtime_1.jsx)(Comp, Object.assign({ name: name, className: (0, clsx_1.clsx)('layer-components:relative layer-components:z-1 layer-components:flex layer-components:fill-none', 'layer-variants:[*[data-active=true]_&]:fill-primary-light', className) }, rest, { ref: ref }, { children: children })));
+});
 exports.NavBarItemPip = (0, hooks_js_1.withClassName)('div', 'layer-components:absolute layer-components:top-6px layer-components:right-6px layer-components:w-6px layer-components:h-6px layer-components:rounded-full layer-components:bg-attention layer-components:shadow-sm');
 exports.NavBarRoot = (0, hooks_js_1.withClassName)('div', 'layer-components:flex layer-components:flex-row layer-components:items-stretch layer-components:justify-around layer-components:w-full layer-components:rounded-0 layer-components:overflow-hidden layer-components:z-50 layer-components:p-1 layer-components:h-auto', 'pb-[calc(0.25rem+env(safe-area-inset-bottom,0px))]', 'layer-components:sm:bg-transparent layer-components:sm:flex layer-components:sm:flex-col layer-components:sm:rounded-0 layer-components:sm:border-none layer-components:sm:border-transparent layer-components:sm:shadow-none layer-components:sm:h-min-content layer-components:sm:overflow-y-auto layer-components:sm:overflow-x-hidden layer-components:sm:justify-start layer-components:sm:items-stretch layer-components:sm:gap-2 layer-components:sm:pb-10');
 //# sourceMappingURL=NavBar.js.map

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,gDAA8B;AAC9B,6CAA+C;AAC/C,iCAA8C;AAC9C,qDAA4C;AAE/B,QAAA,eAAe,GAAG,IAAA,cAAU,EACxC,8MAA8M,EAC9M,oFAAoF,EACpF,uCAAuC,EACvC,8DAA8D,EAC9D,wCAAwC,CACxC,CAAC;AAQW,QAAA,UAAU,GAAG,IAAA,kBAAU,EACnC,SAAS,UAAU,CAAC,EAA+B,EAAE,GAAG;QAApC,EAAE,OAAO,EAAE,SAAS,OAAW,EAAN,IAAI,cAA7B,wBAA+B,CAAF;IAChD,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,EAAC,uBAAe,EAAE,SAAS,CAAC,IAC7C,IAAI,EACP,CACF,CAAC;AACH,CAAC,CACD,CAAC;AAEW,QAAA,qBAAqB,GAAG,IAAA,wBAAa,EACjD,KAAK,EACL,yFAAyF,CACzF,CAAC;AAEW,QAAA,cAAc,GAAG,IAAA,wBAAa,EAC1C,MAAM,EACN,4IAA4I,CAC5I,CAAC;AAEW,QAAA,cAAc,GAAG,IAAA,wBAAa,EAC1C,KAAK,EACL,2FAA2F,CAC3F,CAAC;AAEW,QAAA,aAAa,GAAG,IAAA,wBAAa,EACzC,KAAK,EACL,+FAA+F,CAC/F,CAAC;AAEW,QAAA,UAAU,GAAG,IAAA,wBAAa,EACtC,KAAK,EACL,gHAAgH,EAChH,oDAAoD,EACpD,iMAAiM,CACjM,CAAC"}
+{"version":3,"file":"NavBar.js","sourceRoot":"","sources":["../../../../src/components/navBar/NavBar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAwC;AACxC,6CAA+C;AAC/C,iCAA8C;AAC9C,qDAA4C;AAC5C,wCAA6C;AAEhC,QAAA,eAAe,GAAG,IAAA,cAAU,EACxC,yNAAyN,EACzN,oFAAoF,EACpF,wCAAwC,EACxC,+DAA+D,EAC/D,uFAAuF,EACvF,4EAA4E,CAC5E,CAAC;AASW,QAAA,UAAU,GAAG,IAAA,kBAAU,EACnC,SAAS,UAAU,CAAC,EAAuC,EAAE,GAAG;QAA5C,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,OAAW,EAAN,IAAI,cAArC,kCAAuC,CAAF;IACxD,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,EAAC,uBAAe,EAAE,SAAS,CAAC,iBACpC,MAAM,IACf,IAAI,EACP,CACF,CAAC;AACH,CAAC,CACD,CAAC;AAEW,QAAA,qBAAqB,GAAG,IAAA,wBAAa,EACjD,KAAK,EACL,yFAAyF,EACzF,yDAAyD,CACzD,CAAC;AAEW,QAAA,cAAc,GAAG,IAAA,wBAAa,EAC1C,MAAM,EACN,4IAA4I,CAC5I,CAAC;AAQW,QAAA,cAAc,GAAG,IAAA,kBAAU,EACvC,SAAS,cAAc,CACtB,EAA+D,EAC/D,GAAG;QADH,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,IAAI,GAAG,aAAa,OAAW,EAAN,IAAI,cAA7D,4CAA+D,CAAF;IAG7D,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,iBAAI,CAAC,CAAC,CAAC,cAAI,CAAC;IACnC,OAAO,CACN,uBAAC,IAAI,kBACJ,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,IAAA,WAAI,EACd,gDAAgD,EAChD,2DAA2D,EAC3D,SAAS,CACT,IACG,IAAI,IACR,GAAG,EAAE,GAAG,gBAEP,QAAQ,IACH,CACP,CAAC;AACH,CAAC,CACD,CAAC;AAEW,QAAA,aAAa,GAAG,IAAA,wBAAa,EACzC,KAAK,EACL,+FAA+F,CAC/F,CAAC;AAEW,QAAA,UAAU,GAAG,IAAA,wBAAa,EACtC,KAAK,EACL,gHAAgH,EAChH,oDAAoD,EACpD,iMAAiM,CACjM,CAAC"}

package/dist/cjs/components/tooltip/Tooltip.js

@@ -45,7 +45,7 @@ const TooltipPrimitive = __importStar(require("@radix-ui/react-tooltip"));
 const clsx_1 = __importDefault(require("clsx"));
 function Content(_a) {
     var { children, className } = _a, props = __rest(_a, ["children", "className"]);
-    return ((0, jsx_runtime_1.jsx)(TooltipPrimitive.Portal, { children: (0, jsx_runtime_1.jsxs)(TooltipPrimitive.Content, Object.assign({ className: (0, clsx_1.default)('layer-components:relative layer-components:rounded-lg layer-components:py-2 layer-components:px-3 layer-components:border-default layer-components:text-sm layer-components:leading-tight layer-components:color-inherit layer-components:bg-white layer-components:shadow-sm layer-components:select-none layer-components:hidden layer-components:z-tooltip layer-components:sm:display-initial', '[&[data-state=delayed-open]]:display-initial', '[&[data-state=instant-open]]:display-initial', 'layer-components:transform-origin-[var(--radix-tooltip-content-transform-origin)]', 'layer-components:[&[data-state=delayed-open]]:animate-popover-in', className) }, props, { children: [children, (0, jsx_runtime_1.jsx)(TooltipPrimitive.Arrow, { className: "fill-white stroke-black stroke-1" })] })) }));
+    return ((0, jsx_runtime_1.jsx)(TooltipPrimitive.Portal, { children: (0, jsx_runtime_1.jsxs)(TooltipPrimitive.Content, Object.assign({ className: (0, clsx_1.default)('layer-components:relative layer-components:rounded-md layer-components:py-2 layer-components:px-3 layer-components:bg-black layer-components:text-white layer-components:text-sm layer-components:leading-tight layer-components:shadow-sm layer-components:select-none layer-components:hidden layer-components:z-tooltip layer-components:sm:display-initial', '[&[data-state=delayed-open]]:display-initial', '[&[data-state=instant-open]]:display-initial', 'layer-components:transform-origin-[var(--radix-tooltip-content-transform-origin)]', 'layer-components:[&[data-state=delayed-open]]:animate-popover-in', className) }, props, { children: [children, (0, jsx_runtime_1.jsx)(TooltipPrimitive.Arrow, { className: "fill-black" })] })) }));
 }
 // Exports
 exports.TooltipProvider = TooltipPrimitive.Provider;

package/dist/cjs/components/tooltip/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../../src/components/tooltip/Tooltip.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGb,0EAA4D;AAC5D,gDAA8B;AAE9B,SAAS,OAAO,CAAC,EAIsB;QAJtB,EAChB,QAAQ,EACR,SAAS,OAE6B,EADnC,KAAK,cAHQ,yBAIhB,CADQ;IAER,OAAO,CACN,uBAAC,gBAAgB,CAAC,MAAM,cACvB,wBAAC,gBAAgB,CAAC,OAAO,kBACxB,SAAS,EAAE,IAAA,cAAU,EACpB,wKAAwK,EACxK,8CAA8C,EAC9C,8CAA8C,EAC9C,mFAAmF,EACnF,kEAAkE,EAClE,SAAS,CACT,IACG,KAAK,eAER,QAAQ,EACT,uBAAC,gBAAgB,CAAC,KAAK,IAAC,SAAS,EAAC,kCAAkC,GAAG,KAC7C,GACF,CAC1B,CAAC;AACH,CAAC;AAED,UAAU;AACG,QAAA,eAAe,GAAG,gBAAgB,CAAC,QAAQ,CAAC;AAEzD,SAAgB,OAAO,CAAC,EAQvB;QARuB,EACvB,OAAO,EACP,QAAQ,EACR,IAAI,EACJ,QAAQ,OAIR,EAHG,IAAI,cALgB,2CAMvB,CADO;IAIP,OAAO,CACN,wBAAC,gBAAgB,CAAC,IAAI,kBAAC,IAAI,EAAE,IAAI,iBAC/B,QAAQ,CAAC,CAAC,CAAC,CACX,QAAQ,CACR,CAAC,CAAC,CAAC,CACH,uBAAC,gBAAgB,CAAC,cAAc,kBAAC,OAAO,UAAK,IAAI,cAC/C,QAAQ,IACwB,CAClC,EACD,uBAAC,OAAO,kBAAC,UAAU,EAAE,EAAE,gBAAG,OAAO,IAAW,KACrB,CACxB,CAAC;AACH,CAAC;AArBD,0BAqBC"}
+{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../../src/components/tooltip/Tooltip.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGb,0EAA4D;AAC5D,gDAA8B;AAE9B,SAAS,OAAO,CAAC,EAIsB;QAJtB,EAChB,QAAQ,EACR,SAAS,OAE6B,EADnC,KAAK,cAHQ,yBAIhB,CADQ;IAER,OAAO,CACN,uBAAC,gBAAgB,CAAC,MAAM,cACvB,wBAAC,gBAAgB,CAAC,OAAO,kBACxB,SAAS,EAAE,IAAA,cAAU,EACpB,sJAAsJ,EACtJ,8CAA8C,EAC9C,8CAA8C,EAC9C,mFAAmF,EACnF,kEAAkE,EAClE,SAAS,CACT,IACG,KAAK,eAER,QAAQ,EACT,uBAAC,gBAAgB,CAAC,KAAK,IAAC,SAAS,EAAC,YAAY,GAAG,KACvB,GACF,CAC1B,CAAC;AACH,CAAC;AAED,UAAU;AACG,QAAA,eAAe,GAAG,gBAAgB,CAAC,QAAQ,CAAC;AAEzD,SAAgB,OAAO,CAAC,EAQvB;QARuB,EACvB,OAAO,EACP,QAAQ,EACR,IAAI,EACJ,QAAQ,OAIR,EAHG,IAAI,cALgB,2CAMvB,CADO;IAIP,OAAO,CACN,wBAAC,gBAAgB,CAAC,IAAI,kBAAC,IAAI,EAAE,IAAI,iBAC/B,QAAQ,CAAC,CAAC,CAAC,CACX,QAAQ,CACR,CAAC,CAAC,CAAC,CACH,uBAAC,gBAAgB,CAAC,cAAc,kBAAC,OAAO,UAAK,IAAI,cAC/C,QAAQ,IACwB,CAClC,EACD,uBAAC,OAAO,kBAAC,UAAU,EAAE,EAAE,gBAAG,OAAO,IAAW,KACrB,CACxB,CAAC;AACH,CAAC;AArBD,0BAqBC"}

package/dist/cjs/components/tooltip/Tooltip.stories.d.ts

@@ -0,0 +1,18 @@
+import type { StoryObj } from '@storybook/react';
+import { Tooltip } from './Tooltip.js';
+declare const meta: {
+    title: string;
+    component: typeof Tooltip;
+    argTypes: {};
+    parameters: {
+        controls: {
+            expanded: boolean;
+        };
+    };
+    args: {
+        content: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof Tooltip>;
+export declare const Default: Story;

package/dist/cjs/components/tooltip/Tooltip.stories.js

@@ -0,0 +1,22 @@
+// @unocss-include
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Default = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Tooltip_js_1 = require("./Tooltip.js");
+const meta = {
+    title: 'Tooltip',
+    component: Tooltip_js_1.Tooltip,
+    argTypes: {},
+    parameters: {
+        controls: { expanded: true },
+    },
+    args: {
+        content: 'hello world',
+    },
+};
+exports.default = meta;
+exports.Default = {
+    render: (args) => ((0, jsx_runtime_1.jsx)(Tooltip_js_1.Tooltip, Object.assign({}, args, { children: (0, jsx_runtime_1.jsx)("button", { children: "Hover me" }) }))),
+};
+//# sourceMappingURL=Tooltip.stories.js.map

package/dist/cjs/components/tooltip/Tooltip.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.stories.js","sourceRoot":"","sources":["../../../../src/components/tooltip/Tooltip.stories.tsx"],"names":[],"mappings":";;;;AACA,6CAAuC;AAEvC,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,SAAS;IAChB,SAAS,EAAE,oBAAO;IAClB,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;IACD,IAAI,EAAE;QACL,OAAO,EAAE,aAAa;KACtB;CAC8B,CAAC;AAEjC,kBAAe,IAAI,CAAC;AAIP,QAAA,OAAO,GAAU;IAC7B,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CACjB,uBAAC,oBAAO,oBAAK,IAAI,cAChB,0DAAyB,IAChB,CACV;CACD,CAAC"}

package/dist/cjs/hooks/index.d.ts

@@ -7,3 +7,4 @@ export * from './useOnUnmount.js';
 export * from './withClassName.js';
 export * from './useAnimationFrame.js';
 export * from './useLongPress.js';
+export * from './useTitleBarColor.js';

package/dist/cjs/hooks/index.js

@@ -24,4 +24,5 @@ __exportStar(require("./useOnUnmount.js"), exports);
 __exportStar(require("./withClassName.js"), exports);
 __exportStar(require("./useAnimationFrame.js"), exports);
 __exportStar(require("./useLongPress.js"), exports);
+__exportStar(require("./useTitleBarColor.js"), exports);
 //# sourceMappingURL=index.js.map

package/dist/cjs/hooks/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,oDAAkC;AAClC,+CAA6B;AAC7B,yDAAuC;AACvC,iDAA+B;AAC/B,+DAA6C;AAC7C,oDAAkC;AAClC,qDAAmC;AACnC,yDAAuC;AACvC,oDAAkC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,oDAAkC;AAClC,+CAA6B;AAC7B,yDAAuC;AACvC,iDAA+B;AAC/B,+DAA6C;AAC7C,oDAAkC;AAClC,qDAAmC;AACnC,yDAAuC;AACvC,oDAAkC;AAClC,wDAAsC"}

package/dist/cjs/hooks/useTitleBarColor.d.ts

@@ -0,0 +1,5 @@
+export declare function useTitleBarColor(color: string): void;
+export declare function useSetTitleBarColor(): {
+    setColor: (color: string) => void;
+    resetColor: () => void;
+};

package/dist/cjs/hooks/useTitleBarColor.js

@@ -0,0 +1,37 @@
+// @unocss-include
+"use strict";
+var _a, _b;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useSetTitleBarColor = exports.useTitleBarColor = void 0;
+const react_1 = require("react");
+let defaultColor = '#ffffff';
+if (typeof document !== 'undefined') {
+    defaultColor =
+        (_b = (_a = document.querySelector('meta[name=theme-color]')) === null || _a === void 0 ? void 0 : _a.getAttribute('content')) !== null && _b !== void 0 ? _b : defaultColor;
+}
+function changeThemeColor(color) {
+    // evaluate css var if necessary
+    if (color.startsWith('var(')) {
+        const root = document.documentElement;
+        const cssVar = color.slice(4, -1).trim();
+        color = getComputedStyle(root).getPropertyValue(cssVar);
+    }
+    var metaThemeColor = document.querySelector('meta[name=theme-color]');
+    metaThemeColor === null || metaThemeColor === void 0 ? void 0 : metaThemeColor.setAttribute('content', color);
+}
+function useTitleBarColor(color) {
+    (0, react_1.useEffect)(() => {
+        changeThemeColor(color);
+        return () => {
+            changeThemeColor(defaultColor);
+        };
+    }, [color]);
+}
+exports.useTitleBarColor = useTitleBarColor;
+function useSetTitleBarColor() {
+    const setColor = (0, react_1.useCallback)((color) => changeThemeColor(color), []);
+    const resetColor = (0, react_1.useCallback)(() => changeThemeColor(defaultColor), []);
+    return { setColor, resetColor };
+}
+exports.useSetTitleBarColor = useSetTitleBarColor;
+//# sourceMappingURL=useTitleBarColor.js.map

package/dist/cjs/hooks/useTitleBarColor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTitleBarColor.js","sourceRoot":"","sources":["../../../src/hooks/useTitleBarColor.ts"],"names":[],"mappings":";;;;AAAA,iCAA+C;AAE/C,IAAI,YAAY,GAAG,SAAS,CAAC;AAC7B,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE;IACpC,YAAY;QACX,MAAA,MAAA,QAAQ,CAAC,aAAa,CAAC,wBAAwB,CAAC,0CAAE,YAAY,CAAC,SAAS,CAAC,mCACzE,YAAY,CAAC;CACd;AAED,SAAS,gBAAgB,CAAC,KAAa;IACtC,gCAAgC;IAChC,IAAI,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE;QAC7B,MAAM,IAAI,GAAG,QAAQ,CAAC,eAAe,CAAC;QACtC,MAAM,MAAM,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;QACzC,KAAK,GAAG,gBAAgB,CAAC,IAAI,CAAC,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC;KACxD;IACD,IAAI,cAAc,GAAG,QAAQ,CAAC,aAAa,CAAC,wBAAwB,CAAC,CAAC;IACtE,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,YAAY,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;AAChD,CAAC;AAED,SAAgB,gBAAgB,CAAC,KAAa;IAC7C,IAAA,iBAAS,EAAC,GAAG,EAAE;QACd,gBAAgB,CAAC,KAAK,CAAC,CAAC;QACxB,OAAO,GAAG,EAAE;YACX,gBAAgB,CAAC,YAAY,CAAC,CAAC;QAChC,CAAC,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;AACb,CAAC;AAPD,4CAOC;AAED,SAAgB,mBAAmB;IAClC,MAAM,QAAQ,GAAG,IAAA,mBAAW,EAAC,CAAC,KAAa,EAAE,EAAE,CAAC,gBAAgB,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC;IAC7E,MAAM,UAAU,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE,CAAC,gBAAgB,CAAC,YAAY,CAAC,EAAE,EAAE,CAAC,CAAC;IACzE,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,CAAC;AACjC,CAAC;AAJD,kDAIC"}