@choco-vanille/ui 1.2.0 → 1.3.0

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

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.cjs","sources":["../../../../src/components/overlay/tooltip/Tooltip.tsx"],"sourcesContent":["import { Tooltip as BaseTooltip } from '@base-ui/react/tooltip'\r\nimport { memo, useContext, type FC } from 'react'\r\n\r\nimport type { TooltipProps } from '@components/overlay/tooltip/types/Tooltip.props.ts'\r\nimport { TOOLTIP_STYLES } from '@components/overlay/tooltip/styles/Tooltip.css.ts'\r\nimport { TooltipProviderContext } from '@components/overlay/tooltip/context/TooltipProvider.context.ts'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { parsePosition } from '@components/overlay/_shared/utils/parsePosition.utils.ts'\r\nimport { useTooltip } from '@components/overlay/tooltip/hooks/use-tooltip/useTooltip.hook.ts'\r\n\r\nconst Tooltip: FC<TooltipProps> = memo(({\r\n    children,\r\n    content,\r\n    position,\r\n    side: sideProp = 'top',\r\n    align: alignProp = 'center',\r\n    delayDuration = 0,\r\n    disabled = false,\r\n    arrow = false,\r\n    className,\r\n    open,\r\n    defaultOpen,\r\n    onOpenChange,\r\n}) => {\r\n    const hasProvider = useContext(TooltipProviderContext)\r\n\r\n    const { side, align } = position\r\n        ? parsePosition(position)\r\n        : { side: sideProp, align: alignProp }\r\n\r\n    const { effectiveOpen, handleOpenChange } = useTooltip({ disabled, open, defaultOpen, onOpenChange })\r\n\r\n    const root = (\r\n        <BaseTooltip.Root\r\n            open={effectiveOpen}\r\n            onOpenChange={handleOpenChange}\r\n        >\r\n            <BaseTooltip.Trigger\r\n                delay={delayDuration}\r\n                render={children}\r\n            />\r\n\r\n            {!disabled && (\r\n                <BaseTooltip.Portal>\r\n                    <BaseTooltip.Positioner\r\n                        side={side}\r\n                        align={align}\r\n                        sideOffset={arrow ? 11 : 6}\r\n                        className={'isolate'}\r\n                    >\r\n                        <BaseTooltip.Popup\r\n                            role={'tooltip'}\r\n                            className={cn(TOOLTIP_STYLES.content, className)}\r\n                        >\r\n                            {arrow && <BaseTooltip.Arrow className={TOOLTIP_STYLES.arrow} />}\r\n                            {content}\r\n                        </BaseTooltip.Popup>\r\n                    </BaseTooltip.Positioner>\r\n                </BaseTooltip.Portal>\r\n            )}\r\n        </BaseTooltip.Root>\r\n    )\r\n\r\n    // Prefer the shared provider (mounted by `ThemeProvider` or a consumer's\r\n    // `TooltipProvider`) so timing — notably the skip-delay timeout between\r\n    // adjacent triggers — is shared. Fall back to a local provider so a\r\n    // standalone `Tooltip` still works without any setup.\r\n    return hasProvider ? root : <BaseTooltip.Provider delay={delayDuration}>{root}</BaseTooltip.Provider>\r\n})\r\n\r\nTooltip.displayName = 'Tooltip'\r\n\r\nexport default Tooltip\r\n"],"names":["Tooltip","memo","children","content","position","sideProp","alignProp","delayDuration","disabled","arrow","className","open","defaultOpen","onOpenChange","hasProvider","useContext","TooltipProviderContext","side","align","parsePosition","effectiveOpen","handleOpenChange","useTooltip","root","jsxs","BaseTooltip","jsx","cn","TOOLTIP_STYLES"],"mappings":"gVAUMA,EAA4BC,EAAAA,KAAK,CAAC,CACpC,SAAAC,EACA,QAAAC,EACA,SAAAC,EACA,KAAMC,EAAW,MACjB,MAAOC,EAAY,SACnB,cAAAC,EAAgB,EAChB,SAAAC,EAAW,GACX,MAAAC,EAAQ,GACR,UAAAC,EACA,KAAAC,EACA,YAAAC,EACA,aAAAC,CACJ,IAAM,CACF,MAAMC,EAAcC,EAAAA,WAAWC,wBAAsB,EAE/C,CAAE,KAAAC,EAAM,MAAAC,CAAA,EAAUd,EAClBe,EAAAA,cAAcf,CAAQ,EACtB,CAAE,KAAMC,EAAU,MAAOC,CAAA,EAEzB,CAAE,cAAAc,EAAe,iBAAAC,CAAA,EAAqBC,EAAAA,WAAW,CAAE,SAAAd,EAAU,KAAAG,EAAM,YAAAC,EAAa,aAAAC,EAAc,EAE9FU,EACFC,EAAAA,KAACC,EAAAA,QAAY,KAAZ,CACG,KAAML,EACN,aAAcC,EAEd,SAAA,CAAAK,EAAAA,IAACD,EAAAA,QAAY,QAAZ,CACG,MAAOlB,EACP,OAAQL,CAAA,CAAA,EAGX,CAACM,GACEkB,EAAAA,IAACD,EAAAA,QAAY,OAAZ,CACG,SAAAC,EAAAA,IAACD,EAAAA,QAAY,WAAZ,CACG,KAAAR,EACA,MAAAC,EACA,WAAYT,EAAQ,GAAK,EACzB,UAAW,UAEX,SAAAe,EAAAA,KAACC,EAAAA,QAAY,MAAZ,CACG,KAAM,UACN,UAAWE,EAAAA,GAAGC,iBAAe,QAASlB,CAAS,EAE9C,SAAA,CAAAD,SAAUgB,UAAY,MAAZ,CAAkB,UAAWG,EAAAA,eAAe,MAAO,EAC7DzB,CAAA,CAAA,CAAA,CACL,CAAA,CACJ,CACJ,CAAA,CAAA,CAAA,EASZ,OAAOW,EAAcS,EAAOG,EAAAA,IAACD,UAAY,SAAZ,CAAqB,MAAOlB,EAAgB,SAAAgB,EAAK,CAClF,CAAC,EAEDvB,EAAQ,YAAc"}
+{"version":3,"file":"Tooltip.cjs","sources":["../../../../src/components/overlay/tooltip/Tooltip.tsx"],"sourcesContent":["import { Tooltip as BaseTooltip } from '@base-ui/react/tooltip'\r\nimport { memo, useContext, type FC } from 'react'\r\n\r\nimport type { TooltipProps } from '@components/overlay/tooltip/types/Tooltip.props.ts'\r\nimport { TOOLTIP_STYLES } from '@components/overlay/tooltip/styles/Tooltip.css.ts'\r\nimport { TooltipProviderContext } from '@components/overlay/tooltip/context/TooltipProvider.context.ts'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { parsePosition } from '@components/overlay/_shared/utils/parsePosition.utils.ts'\r\nimport { useTooltip } from '@components/overlay/tooltip/hooks/use-tooltip/useTooltip.hook.ts'\r\n\r\nconst Tooltip: FC<TooltipProps> = memo(({\r\n    children,\r\n    content,\r\n    position,\r\n    side: sideProp = 'top',\r\n    align: alignProp = 'center',\r\n    delayDuration = 0,\r\n    disabled = false,\r\n    openOnFocus = true,\r\n    arrow = false,\r\n    closeOnClick = true,\r\n    className,\r\n    open,\r\n    defaultOpen,\r\n    onOpenChange,\r\n}) => {\r\n    const hasProvider = useContext(TooltipProviderContext)\r\n\r\n    const { side, align } = position\r\n        ? parsePosition(position)\r\n        : { side: sideProp, align: alignProp }\r\n\r\n    const { effectiveOpen, handleOpenChange } = useTooltip({ disabled, open, defaultOpen, onOpenChange })\r\n    const handleTooltipOpenChange = (\r\n        isOpen: boolean,\r\n        details: BaseTooltip.Root.ChangeEventDetails,\r\n    ) => {\r\n        if (!openOnFocus && details.reason === 'trigger-focus') {\r\n            return\r\n        }\r\n\r\n        handleOpenChange(isOpen)\r\n    }\r\n\r\n    const root = (\r\n        <BaseTooltip.Root\r\n            open={effectiveOpen}\r\n            onOpenChange={handleTooltipOpenChange}\r\n        >\r\n            <BaseTooltip.Trigger\r\n                delay={delayDuration}\r\n                closeOnClick={closeOnClick}\r\n                render={children}\r\n            />\r\n\r\n            {!disabled && (\r\n                <BaseTooltip.Portal>\r\n                    <BaseTooltip.Positioner\r\n                        side={side}\r\n                        align={align}\r\n                        sideOffset={arrow ? 11 : 6}\r\n                        className={'isolate'}\r\n                    >\r\n                        <BaseTooltip.Popup\r\n                            role={'tooltip'}\r\n                            className={cn(TOOLTIP_STYLES.content, className)}\r\n                        >\r\n                            {arrow && <BaseTooltip.Arrow className={TOOLTIP_STYLES.arrow} />}\r\n                            {content}\r\n                        </BaseTooltip.Popup>\r\n                    </BaseTooltip.Positioner>\r\n                </BaseTooltip.Portal>\r\n            )}\r\n        </BaseTooltip.Root>\r\n    )\r\n\r\n    // Prefer the shared provider (mounted by `ThemeProvider` or a consumer's\r\n    // `TooltipProvider`) so timing — notably the skip-delay timeout between\r\n    // adjacent triggers — is shared. Fall back to a local provider so a\r\n    // standalone `Tooltip` still works without any setup.\r\n    return hasProvider ? root : <BaseTooltip.Provider delay={delayDuration}>{root}</BaseTooltip.Provider>\r\n})\r\n\r\nTooltip.displayName = 'Tooltip'\r\n\r\nexport default Tooltip\r\n"],"names":["Tooltip","memo","children","content","position","sideProp","alignProp","delayDuration","disabled","openOnFocus","arrow","closeOnClick","className","open","defaultOpen","onOpenChange","hasProvider","useContext","TooltipProviderContext","side","align","parsePosition","effectiveOpen","handleOpenChange","useTooltip","handleTooltipOpenChange","isOpen","details","root","jsxs","BaseTooltip","jsx","cn","TOOLTIP_STYLES"],"mappings":"gVAUMA,EAA4BC,EAAAA,KAAK,CAAC,CACpC,SAAAC,EACA,QAAAC,EACA,SAAAC,EACA,KAAMC,EAAW,MACjB,MAAOC,EAAY,SACnB,cAAAC,EAAgB,EAChB,SAAAC,EAAW,GACX,YAAAC,EAAc,GACd,MAAAC,EAAQ,GACR,aAAAC,EAAe,GACf,UAAAC,EACA,KAAAC,EACA,YAAAC,EACA,aAAAC,CACJ,IAAM,CACF,MAAMC,EAAcC,EAAAA,WAAWC,wBAAsB,EAE/C,CAAE,KAAAC,EAAM,MAAAC,CAAA,EAAUhB,EAClBiB,EAAAA,cAAcjB,CAAQ,EACtB,CAAE,KAAMC,EAAU,MAAOC,CAAA,EAEzB,CAAE,cAAAgB,EAAe,iBAAAC,CAAA,EAAqBC,EAAAA,WAAW,CAAE,SAAAhB,EAAU,KAAAK,EAAM,YAAAC,EAAa,aAAAC,EAAc,EAC9FU,EAA0B,CAC5BC,EACAC,IACC,CACG,CAAClB,GAAekB,EAAQ,SAAW,iBAIvCJ,EAAiBG,CAAM,CAC3B,EAEME,EACFC,EAAAA,KAACC,EAAAA,QAAY,KAAZ,CACG,KAAMR,EACN,aAAcG,EAEd,SAAA,CAAAM,EAAAA,IAACD,EAAAA,QAAY,QAAZ,CACG,MAAOvB,EACP,aAAAI,EACA,OAAQT,CAAA,CAAA,EAGX,CAACM,GACEuB,EAAAA,IAACD,EAAAA,QAAY,OAAZ,CACG,SAAAC,EAAAA,IAACD,EAAAA,QAAY,WAAZ,CACG,KAAAX,EACA,MAAAC,EACA,WAAYV,EAAQ,GAAK,EACzB,UAAW,UAEX,SAAAmB,EAAAA,KAACC,EAAAA,QAAY,MAAZ,CACG,KAAM,UACN,UAAWE,EAAAA,GAAGC,iBAAe,QAASrB,CAAS,EAE9C,SAAA,CAAAF,SAAUoB,UAAY,MAAZ,CAAkB,UAAWG,EAAAA,eAAe,MAAO,EAC7D9B,CAAA,CAAA,CAAA,CACL,CAAA,CACJ,CACJ,CAAA,CAAA,CAAA,EASZ,OAAOa,EAAcY,EAAOG,EAAAA,IAACD,UAAY,SAAZ,CAAqB,MAAOvB,EAAgB,SAAAqB,EAAK,CAClF,CAAC,EAED5B,EAAQ,YAAc"}

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

@@ -1,50 +1,55 @@
 import { jsxs as l, jsx as e } from "react/jsx-runtime";
 import { Tooltip as o } from "@base-ui/react/tooltip";
-import { memo as C, useContext as N } from "react";
+import { memo as S, useContext as w } from "react";
 import { TOOLTIP_STYLES as p } from "./styles/Tooltip.css.js";
-import { TooltipProviderContext as j } from "./context/TooltipProvider.context.js";
-import { cn as y } from "../../../utils/cn.js";
-import { parsePosition as L } from "../_shared/utils/parsePosition.utils.js";
-import { useTooltip as S } from "./hooks/use-tooltip/useTooltip.hook.js";
-const w = C(({
+import { TooltipProviderContext as A } from "./context/TooltipProvider.context.js";
+import { cn as E } from "../../../utils/cn.js";
+import { parsePosition as I } from "../_shared/utils/parsePosition.utils.js";
+import { useTooltip as R } from "./hooks/use-tooltip/useTooltip.hook.js";
+const Y = S(({
   children: a,
   content: m,
   position: r,
   side: c = "top",
-  align: d = "center",
+  align: f = "center",
   delayDuration: t = 0,
   disabled: i = !1,
+  openOnFocus: d = !0,
   arrow: n = !1,
-  className: f,
-  open: T,
-  defaultOpen: h,
+  closeOnClick: h = !0,
+  className: T,
+  open: g,
+  defaultOpen: u,
   onOpenChange: P
 }) => {
-  const g = N(j), { side: O, align: x } = r ? L(r) : { side: c, align: d }, { effectiveOpen: u, handleOpenChange: v } = S({ disabled: i, open: T, defaultOpen: h, onOpenChange: P }), s = /* @__PURE__ */ l(
+  const O = w(A), { side: x, align: C } = r ? I(r) : { side: c, align: f }, { effectiveOpen: v, handleOpenChange: N } = R({ disabled: i, open: g, defaultOpen: u, onOpenChange: P }), j = (y, L) => {
+    !d && L.reason === "trigger-focus" || N(y);
+  }, s = /* @__PURE__ */ l(
     o.Root,
     {
-      open: u,
-      onOpenChange: v,
+      open: v,
+      onOpenChange: j,
       children: [
         /* @__PURE__ */ e(
           o.Trigger,
           {
             delay: t,
+            closeOnClick: h,
             render: a
           }
         ),
         !i && /* @__PURE__ */ e(o.Portal, { children: /* @__PURE__ */ e(
           o.Positioner,
           {
-            side: O,
-            align: x,
+            side: x,
+            align: C,
             sideOffset: n ? 11 : 6,
             className: "isolate",
             children: /* @__PURE__ */ l(
               o.Popup,
               {
                 role: "tooltip",
-                className: y(p.content, f),
+                className: E(p.content, T),
                 children: [
                   n && /* @__PURE__ */ e(o.Arrow, { className: p.arrow }),
                   m
@@ -56,10 +61,10 @@ const w = C(({
       ]
     }
   );
-  return g ? s : /* @__PURE__ */ e(o.Provider, { delay: t, children: s });
+  return O ? s : /* @__PURE__ */ e(o.Provider, { delay: t, children: s });
 });
-w.displayName = "Tooltip";
+Y.displayName = "Tooltip";
 export {
-  w as default
+  Y as default
 };
 //# sourceMappingURL=Tooltip.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","sources":["../../../../src/components/overlay/tooltip/Tooltip.tsx"],"sourcesContent":["import { Tooltip as BaseTooltip } from '@base-ui/react/tooltip'\r\nimport { memo, useContext, type FC } from 'react'\r\n\r\nimport type { TooltipProps } from '@components/overlay/tooltip/types/Tooltip.props.ts'\r\nimport { TOOLTIP_STYLES } from '@components/overlay/tooltip/styles/Tooltip.css.ts'\r\nimport { TooltipProviderContext } from '@components/overlay/tooltip/context/TooltipProvider.context.ts'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { parsePosition } from '@components/overlay/_shared/utils/parsePosition.utils.ts'\r\nimport { useTooltip } from '@components/overlay/tooltip/hooks/use-tooltip/useTooltip.hook.ts'\r\n\r\nconst Tooltip: FC<TooltipProps> = memo(({\r\n    children,\r\n    content,\r\n    position,\r\n    side: sideProp = 'top',\r\n    align: alignProp = 'center',\r\n    delayDuration = 0,\r\n    disabled = false,\r\n    arrow = false,\r\n    className,\r\n    open,\r\n    defaultOpen,\r\n    onOpenChange,\r\n}) => {\r\n    const hasProvider = useContext(TooltipProviderContext)\r\n\r\n    const { side, align } = position\r\n        ? parsePosition(position)\r\n        : { side: sideProp, align: alignProp }\r\n\r\n    const { effectiveOpen, handleOpenChange } = useTooltip({ disabled, open, defaultOpen, onOpenChange })\r\n\r\n    const root = (\r\n        <BaseTooltip.Root\r\n            open={effectiveOpen}\r\n            onOpenChange={handleOpenChange}\r\n        >\r\n            <BaseTooltip.Trigger\r\n                delay={delayDuration}\r\n                render={children}\r\n            />\r\n\r\n            {!disabled && (\r\n                <BaseTooltip.Portal>\r\n                    <BaseTooltip.Positioner\r\n                        side={side}\r\n                        align={align}\r\n                        sideOffset={arrow ? 11 : 6}\r\n                        className={'isolate'}\r\n                    >\r\n                        <BaseTooltip.Popup\r\n                            role={'tooltip'}\r\n                            className={cn(TOOLTIP_STYLES.content, className)}\r\n                        >\r\n                            {arrow && <BaseTooltip.Arrow className={TOOLTIP_STYLES.arrow} />}\r\n                            {content}\r\n                        </BaseTooltip.Popup>\r\n                    </BaseTooltip.Positioner>\r\n                </BaseTooltip.Portal>\r\n            )}\r\n        </BaseTooltip.Root>\r\n    )\r\n\r\n    // Prefer the shared provider (mounted by `ThemeProvider` or a consumer's\r\n    // `TooltipProvider`) so timing — notably the skip-delay timeout between\r\n    // adjacent triggers — is shared. Fall back to a local provider so a\r\n    // standalone `Tooltip` still works without any setup.\r\n    return hasProvider ? root : <BaseTooltip.Provider delay={delayDuration}>{root}</BaseTooltip.Provider>\r\n})\r\n\r\nTooltip.displayName = 'Tooltip'\r\n\r\nexport default Tooltip\r\n"],"names":["Tooltip","memo","children","content","position","sideProp","alignProp","delayDuration","disabled","arrow","className","open","defaultOpen","onOpenChange","hasProvider","useContext","TooltipProviderContext","side","align","parsePosition","effectiveOpen","handleOpenChange","useTooltip","root","jsxs","BaseTooltip","jsx","cn","TOOLTIP_STYLES"],"mappings":";;;;;;;;AAUA,MAAMA,IAA4BC,EAAK,CAAC;AAAA,EACpC,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAMC,IAAW;AAAA,EACjB,OAAOC,IAAY;AAAA,EACnB,eAAAC,IAAgB;AAAA,EAChB,UAAAC,IAAW;AAAA,EACX,OAAAC,IAAQ;AAAA,EACR,WAAAC;AAAA,EACA,MAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AACJ,MAAM;AACF,QAAMC,IAAcC,EAAWC,CAAsB,GAE/C,EAAE,MAAAC,GAAM,OAAAC,EAAA,IAAUd,IAClBe,EAAcf,CAAQ,IACtB,EAAE,MAAMC,GAAU,OAAOC,EAAA,GAEzB,EAAE,eAAAc,GAAe,kBAAAC,EAAA,IAAqBC,EAAW,EAAE,UAAAd,GAAU,MAAAG,GAAM,aAAAC,GAAa,cAAAC,GAAc,GAE9FU,IACF,gBAAAC;AAAA,IAACC,EAAY;AAAA,IAAZ;AAAA,MACG,MAAML;AAAA,MACN,cAAcC;AAAA,MAEd,UAAA;AAAA,QAAA,gBAAAK;AAAA,UAACD,EAAY;AAAA,UAAZ;AAAA,YACG,OAAOlB;AAAA,YACP,QAAQL;AAAA,UAAA;AAAA,QAAA;AAAA,QAGX,CAACM,KACE,gBAAAkB,EAACD,EAAY,QAAZ,EACG,UAAA,gBAAAC;AAAA,UAACD,EAAY;AAAA,UAAZ;AAAA,YACG,MAAAR;AAAA,YACA,OAAAC;AAAA,YACA,YAAYT,IAAQ,KAAK;AAAA,YACzB,WAAW;AAAA,YAEX,UAAA,gBAAAe;AAAA,cAACC,EAAY;AAAA,cAAZ;AAAA,gBACG,MAAM;AAAA,gBACN,WAAWE,EAAGC,EAAe,SAASlB,CAAS;AAAA,gBAE9C,UAAA;AAAA,kBAAAD,uBAAUgB,EAAY,OAAZ,EAAkB,WAAWG,EAAe,OAAO;AAAA,kBAC7DzB;AAAA,gBAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UACL;AAAA,QAAA,EACJ,CACJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AASZ,SAAOW,IAAcS,IAAO,gBAAAG,EAACD,EAAY,UAAZ,EAAqB,OAAOlB,GAAgB,UAAAgB,GAAK;AAClF,CAAC;AAEDvB,EAAQ,cAAc;"}
+{"version":3,"file":"Tooltip.js","sources":["../../../../src/components/overlay/tooltip/Tooltip.tsx"],"sourcesContent":["import { Tooltip as BaseTooltip } from '@base-ui/react/tooltip'\r\nimport { memo, useContext, type FC } from 'react'\r\n\r\nimport type { TooltipProps } from '@components/overlay/tooltip/types/Tooltip.props.ts'\r\nimport { TOOLTIP_STYLES } from '@components/overlay/tooltip/styles/Tooltip.css.ts'\r\nimport { TooltipProviderContext } from '@components/overlay/tooltip/context/TooltipProvider.context.ts'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { parsePosition } from '@components/overlay/_shared/utils/parsePosition.utils.ts'\r\nimport { useTooltip } from '@components/overlay/tooltip/hooks/use-tooltip/useTooltip.hook.ts'\r\n\r\nconst Tooltip: FC<TooltipProps> = memo(({\r\n    children,\r\n    content,\r\n    position,\r\n    side: sideProp = 'top',\r\n    align: alignProp = 'center',\r\n    delayDuration = 0,\r\n    disabled = false,\r\n    openOnFocus = true,\r\n    arrow = false,\r\n    closeOnClick = true,\r\n    className,\r\n    open,\r\n    defaultOpen,\r\n    onOpenChange,\r\n}) => {\r\n    const hasProvider = useContext(TooltipProviderContext)\r\n\r\n    const { side, align } = position\r\n        ? parsePosition(position)\r\n        : { side: sideProp, align: alignProp }\r\n\r\n    const { effectiveOpen, handleOpenChange } = useTooltip({ disabled, open, defaultOpen, onOpenChange })\r\n    const handleTooltipOpenChange = (\r\n        isOpen: boolean,\r\n        details: BaseTooltip.Root.ChangeEventDetails,\r\n    ) => {\r\n        if (!openOnFocus && details.reason === 'trigger-focus') {\r\n            return\r\n        }\r\n\r\n        handleOpenChange(isOpen)\r\n    }\r\n\r\n    const root = (\r\n        <BaseTooltip.Root\r\n            open={effectiveOpen}\r\n            onOpenChange={handleTooltipOpenChange}\r\n        >\r\n            <BaseTooltip.Trigger\r\n                delay={delayDuration}\r\n                closeOnClick={closeOnClick}\r\n                render={children}\r\n            />\r\n\r\n            {!disabled && (\r\n                <BaseTooltip.Portal>\r\n                    <BaseTooltip.Positioner\r\n                        side={side}\r\n                        align={align}\r\n                        sideOffset={arrow ? 11 : 6}\r\n                        className={'isolate'}\r\n                    >\r\n                        <BaseTooltip.Popup\r\n                            role={'tooltip'}\r\n                            className={cn(TOOLTIP_STYLES.content, className)}\r\n                        >\r\n                            {arrow && <BaseTooltip.Arrow className={TOOLTIP_STYLES.arrow} />}\r\n                            {content}\r\n                        </BaseTooltip.Popup>\r\n                    </BaseTooltip.Positioner>\r\n                </BaseTooltip.Portal>\r\n            )}\r\n        </BaseTooltip.Root>\r\n    )\r\n\r\n    // Prefer the shared provider (mounted by `ThemeProvider` or a consumer's\r\n    // `TooltipProvider`) so timing — notably the skip-delay timeout between\r\n    // adjacent triggers — is shared. Fall back to a local provider so a\r\n    // standalone `Tooltip` still works without any setup.\r\n    return hasProvider ? root : <BaseTooltip.Provider delay={delayDuration}>{root}</BaseTooltip.Provider>\r\n})\r\n\r\nTooltip.displayName = 'Tooltip'\r\n\r\nexport default Tooltip\r\n"],"names":["Tooltip","memo","children","content","position","sideProp","alignProp","delayDuration","disabled","openOnFocus","arrow","closeOnClick","className","open","defaultOpen","onOpenChange","hasProvider","useContext","TooltipProviderContext","side","align","parsePosition","effectiveOpen","handleOpenChange","useTooltip","handleTooltipOpenChange","isOpen","details","root","jsxs","BaseTooltip","jsx","cn","TOOLTIP_STYLES"],"mappings":";;;;;;;;AAUA,MAAMA,IAA4BC,EAAK,CAAC;AAAA,EACpC,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAMC,IAAW;AAAA,EACjB,OAAOC,IAAY;AAAA,EACnB,eAAAC,IAAgB;AAAA,EAChB,UAAAC,IAAW;AAAA,EACX,aAAAC,IAAc;AAAA,EACd,OAAAC,IAAQ;AAAA,EACR,cAAAC,IAAe;AAAA,EACf,WAAAC;AAAA,EACA,MAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AACJ,MAAM;AACF,QAAMC,IAAcC,EAAWC,CAAsB,GAE/C,EAAE,MAAAC,GAAM,OAAAC,EAAA,IAAUhB,IAClBiB,EAAcjB,CAAQ,IACtB,EAAE,MAAMC,GAAU,OAAOC,EAAA,GAEzB,EAAE,eAAAgB,GAAe,kBAAAC,EAAA,IAAqBC,EAAW,EAAE,UAAAhB,GAAU,MAAAK,GAAM,aAAAC,GAAa,cAAAC,GAAc,GAC9FU,IAA0B,CAC5BC,GACAC,MACC;AACD,IAAI,CAAClB,KAAekB,EAAQ,WAAW,mBAIvCJ,EAAiBG,CAAM;AAAA,EAC3B,GAEME,IACF,gBAAAC;AAAA,IAACC,EAAY;AAAA,IAAZ;AAAA,MACG,MAAMR;AAAA,MACN,cAAcG;AAAA,MAEd,UAAA;AAAA,QAAA,gBAAAM;AAAA,UAACD,EAAY;AAAA,UAAZ;AAAA,YACG,OAAOvB;AAAA,YACP,cAAAI;AAAA,YACA,QAAQT;AAAA,UAAA;AAAA,QAAA;AAAA,QAGX,CAACM,KACE,gBAAAuB,EAACD,EAAY,QAAZ,EACG,UAAA,gBAAAC;AAAA,UAACD,EAAY;AAAA,UAAZ;AAAA,YACG,MAAAX;AAAA,YACA,OAAAC;AAAA,YACA,YAAYV,IAAQ,KAAK;AAAA,YACzB,WAAW;AAAA,YAEX,UAAA,gBAAAmB;AAAA,cAACC,EAAY;AAAA,cAAZ;AAAA,gBACG,MAAM;AAAA,gBACN,WAAWE,EAAGC,EAAe,SAASrB,CAAS;AAAA,gBAE9C,UAAA;AAAA,kBAAAF,uBAAUoB,EAAY,OAAZ,EAAkB,WAAWG,EAAe,OAAO;AAAA,kBAC7D9B;AAAA,gBAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UACL;AAAA,QAAA,EACJ,CACJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AASZ,SAAOa,IAAcY,IAAO,gBAAAG,EAACD,EAAY,UAAZ,EAAqB,OAAOvB,GAAgB,UAAAqB,GAAK;AAClF,CAAC;AAED5B,EAAQ,cAAc;"}

package/dist/components/overlay/tooltip/types/Tooltip.props.d.ts

@@ -19,8 +19,12 @@ export type TooltipProps = {
     delayDuration?: number;
     /** Whether the tooltip is disabled. */
     disabled?: boolean;
+    /** Whether the tooltip opens when its trigger receives focus. Defaults to `true`. */
+    openOnFocus?: boolean;
     /** Whether to render the tooltip arrow. @default false */
     arrow?: boolean;
+    /** Whether clicking the trigger closes the tooltip. @default true */
+    closeOnClick?: boolean;
     /** Additional class names to apply to the tooltip content. */
     className?: string;
     /** Controls the open state when used as a controlled component. */

package/dist/components/surfaces/accordion/components/accordion-content/types/AccordionContent.props.d.ts

@@ -1,2 +1,3 @@
 import { Accordion } from '@base-ui/react/accordion';
-export type AccordionContentProps = Accordion.Panel.Props;
+import { DataAttributes } from '../../../../../../types/DataAttributes.ts';
+export type AccordionContentProps = Accordion.Panel.Props & DataAttributes;

package/dist/components/surfaces/accordion/components/accordion-trigger/types/AccordionTrigger.props.d.ts

@@ -1,4 +1,5 @@
 import { Accordion } from '@base-ui/react/accordion';
+import { DataAttributes } from '../../../../../../types/DataAttributes.ts';
 export type AccordionTriggerProps = Omit<Accordion.Trigger.Props, 'children' | 'render'> & {
     /** The text content rendered inside the trigger via the Typography component. */
     label?: string;
@@ -8,4 +9,4 @@ export type AccordionTriggerProps = Omit<Accordion.Trigger.Props, 'children' | '
     endIcon?: string;
     /** Custom trigger content. Takes precedence over `label`. */
     children?: Accordion.Trigger.Props['children'];
-};
+} & DataAttributes;

package/dist/components/surfaces/collapsible/components/collapsible-panel/types/CollapsiblePanel.props.d.ts

@@ -1,5 +1,6 @@
 import { Collapsible } from '@base-ui/react/collapsible';
 import { Space } from '../../../../../../theme/tokens/spacing.ts';
+import { DataAttributes } from '../../../../../../types/DataAttributes.ts';
 export type CollapsiblePanelProps = Collapsible.Panel.Props & {
     padding?: keyof Space;
-};
+} & DataAttributes;

package/dist/components/surfaces/collapsible/components/collapsible-trigger/types/CollapsibleTrigger.props.d.ts

@@ -1,7 +1,8 @@
 import { Collapsible } from '@base-ui/react/collapsible';
+import { DataAttributes } from '../../../../../../types/DataAttributes.ts';
 export type CollapsibleTriggerProps = Omit<Collapsible.Trigger.Props, 'children' | 'render'> & {
     label?: string;
     startIcon?: string;
     endIcon?: string;
     children?: Collapsible.Trigger.Props['children'];
-};
+} & DataAttributes;

package/dist/components/theme-provider/hooks/use-theme-provider/helpers/use-theme-transition/useThemeTransition.hook.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),a=typeof window>"u"?e.useEffect:e.useLayoutEffect,c=(t,i)=>{const s=e.useRef(t),[r,n]=e.useState(!1);return a(()=>{if(s.current===t)return;s.current=t;const o=Math.max(0,i);if(o===0){n(!1);return}n(!0);const u=window.setTimeout(()=>n(!1),o);return()=>window.clearTimeout(u)},[i,t]),r};exports.useThemeTransition=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),c=typeof window>"u"?n.useEffect:n.useLayoutEffect,a=(t,i)=>{const[u,o]=n.useState(t),e=u!==t;return c(()=>{if(!e)return;const s=Math.max(0,i);if(s===0){o(t);return}const r=window.setTimeout(()=>o(t),s);return()=>window.clearTimeout(r)},[i,e,t]),e};exports.useThemeTransition=a;
 //# sourceMappingURL=useThemeTransition.hook.cjs.map

package/dist/components/theme-provider/hooks/use-theme-provider/helpers/use-theme-transition/useThemeTransition.hook.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useThemeTransition.hook.cjs","sources":["../../../../../../../src/components/theme-provider/hooks/use-theme-provider/helpers/use-theme-transition/useThemeTransition.hook.ts"],"sourcesContent":["import { useEffect, useLayoutEffect, useRef, useState } from 'react'\r\n\r\nconst useIsomorphicLayoutEffect = typeof window === 'undefined' ? useEffect : useLayoutEffect\r\n\r\n/**\r\n * Starts a bounded transition window only when the resolved theme changes.\r\n */\r\nexport const useThemeTransition = (\r\n    resolvedTheme: string,\r\n    duration: number,\r\n) => {\r\n    const previousTheme = useRef(resolvedTheme)\r\n    const [isTransitioning, setIsTransitioning] = useState(false)\r\n\r\n    useIsomorphicLayoutEffect(() => {\r\n        if (previousTheme.current === resolvedTheme) {\r\n            return\r\n        }\r\n\r\n        previousTheme.current = resolvedTheme\r\n        const transitionDuration = Math.max(0, duration)\r\n\r\n        if (transitionDuration === 0) {\r\n            setIsTransitioning(false)\r\n            return\r\n        }\r\n\r\n        setIsTransitioning(true)\r\n        const timeout = window.setTimeout(\r\n            () => setIsTransitioning(false),\r\n            transitionDuration,\r\n        )\r\n\r\n        return () => window.clearTimeout(timeout)\r\n    }, [duration, resolvedTheme])\r\n\r\n    return isTransitioning\r\n}\r\n"],"names":["useIsomorphicLayoutEffect","useEffect","useLayoutEffect","useThemeTransition","resolvedTheme","duration","previousTheme","useRef","isTransitioning","setIsTransitioning","useState","transitionDuration","timeout"],"mappings":"yGAEMA,EAA4B,OAAO,OAAW,IAAcC,EAAAA,UAAYC,EAAAA,gBAKjEC,EAAqB,CAC9BC,EACAC,IACC,CACD,MAAMC,EAAgBC,EAAAA,OAAOH,CAAa,EACpC,CAACI,EAAiBC,CAAkB,EAAIC,EAAAA,SAAS,EAAK,EAE5D,OAAAV,EAA0B,IAAM,CAC5B,GAAIM,EAAc,UAAYF,EAC1B,OAGJE,EAAc,QAAUF,EACxB,MAAMO,EAAqB,KAAK,IAAI,EAAGN,CAAQ,EAE/C,GAAIM,IAAuB,EAAG,CAC1BF,EAAmB,EAAK,EACxB,MACJ,CAEAA,EAAmB,EAAI,EACvB,MAAMG,EAAU,OAAO,WACnB,IAAMH,EAAmB,EAAK,EAC9BE,CAAA,EAGJ,MAAO,IAAM,OAAO,aAAaC,CAAO,CAC5C,EAAG,CAACP,EAAUD,CAAa,CAAC,EAErBI,CACX"}
+{"version":3,"file":"useThemeTransition.hook.cjs","sources":["../../../../../../../src/components/theme-provider/hooks/use-theme-provider/helpers/use-theme-transition/useThemeTransition.hook.ts"],"sourcesContent":["import { useEffect, useLayoutEffect, useState } from 'react'\r\n\r\nconst useIsomorphicLayoutEffect = typeof window === 'undefined' ? useEffect : useLayoutEffect\r\n\r\n/**\r\n * Starts a bounded transition window only when the resolved theme changes.\r\n */\r\nexport const useThemeTransition = (\r\n    resolvedTheme: string,\r\n    duration: number,\r\n) => {\r\n    const [settledTheme, setSettledTheme] = useState(resolvedTheme)\r\n    const isTransitioning = settledTheme !== resolvedTheme\r\n\r\n    useIsomorphicLayoutEffect(() => {\r\n        if (!isTransitioning) {\r\n            return\r\n        }\r\n\r\n        const transitionDuration = Math.max(0, duration)\r\n\r\n        if (transitionDuration === 0) {\r\n            setSettledTheme(resolvedTheme)\r\n            return\r\n        }\r\n\r\n        const timeout = window.setTimeout(\r\n            () => setSettledTheme(resolvedTheme),\r\n            transitionDuration,\r\n        )\r\n\r\n        return () => window.clearTimeout(timeout)\r\n    }, [duration, isTransitioning, resolvedTheme])\r\n\r\n    return isTransitioning\r\n}\r\n"],"names":["useIsomorphicLayoutEffect","useEffect","useLayoutEffect","useThemeTransition","resolvedTheme","duration","settledTheme","setSettledTheme","useState","isTransitioning","transitionDuration","timeout"],"mappings":"yGAEMA,EAA4B,OAAO,OAAW,IAAcC,EAAAA,UAAYC,EAAAA,gBAKjEC,EAAqB,CAC9BC,EACAC,IACC,CACD,KAAM,CAACC,EAAcC,CAAe,EAAIC,EAAAA,SAASJ,CAAa,EACxDK,EAAkBH,IAAiBF,EAEzC,OAAAJ,EAA0B,IAAM,CAC5B,GAAI,CAACS,EACD,OAGJ,MAAMC,EAAqB,KAAK,IAAI,EAAGL,CAAQ,EAE/C,GAAIK,IAAuB,EAAG,CAC1BH,EAAgBH,CAAa,EAC7B,MACJ,CAEA,MAAMO,EAAU,OAAO,WACnB,IAAMJ,EAAgBH,CAAa,EACnCM,CAAA,EAGJ,MAAO,IAAM,OAAO,aAAaC,CAAO,CAC5C,EAAG,CAACN,EAAUI,EAAiBL,CAAa,CAAC,EAEtCK,CACX"}

package/dist/components/theme-provider/hooks/use-theme-provider/helpers/use-theme-transition/useThemeTransition.hook.js

@@ -1,24 +1,22 @@
-import { useRef as u, useState as f, useEffect as a, useLayoutEffect as c } from "react";
-const m = typeof window > "u" ? a : c, p = (t, e) => {
-  const i = u(t), [s, n] = f(!1);
-  return m(() => {
-    if (i.current === t)
+import { useState as r, useEffect as c, useLayoutEffect as f } from "react";
+const a = typeof window > "u" ? c : f, w = (t, i) => {
+  const [s, o] = r(t), n = s !== t;
+  return a(() => {
+    if (!n)
       return;
-    i.current = t;
-    const o = Math.max(0, e);
-    if (o === 0) {
-      n(!1);
+    const e = Math.max(0, i);
+    if (e === 0) {
+      o(t);
       return;
     }
-    n(!0);
-    const r = window.setTimeout(
-      () => n(!1),
-      o
+    const u = window.setTimeout(
+      () => o(t),
+      e
     );
-    return () => window.clearTimeout(r);
-  }, [e, t]), s;
+    return () => window.clearTimeout(u);
+  }, [i, n, t]), n;
 };
 export {
-  p as useThemeTransition
+  w as useThemeTransition
 };
 //# sourceMappingURL=useThemeTransition.hook.js.map

package/dist/components/theme-provider/hooks/use-theme-provider/helpers/use-theme-transition/useThemeTransition.hook.js.map

@@ -1 +1 @@
-{"version":3,"file":"useThemeTransition.hook.js","sources":["../../../../../../../src/components/theme-provider/hooks/use-theme-provider/helpers/use-theme-transition/useThemeTransition.hook.ts"],"sourcesContent":["import { useEffect, useLayoutEffect, useRef, useState } from 'react'\r\n\r\nconst useIsomorphicLayoutEffect = typeof window === 'undefined' ? useEffect : useLayoutEffect\r\n\r\n/**\r\n * Starts a bounded transition window only when the resolved theme changes.\r\n */\r\nexport const useThemeTransition = (\r\n    resolvedTheme: string,\r\n    duration: number,\r\n) => {\r\n    const previousTheme = useRef(resolvedTheme)\r\n    const [isTransitioning, setIsTransitioning] = useState(false)\r\n\r\n    useIsomorphicLayoutEffect(() => {\r\n        if (previousTheme.current === resolvedTheme) {\r\n            return\r\n        }\r\n\r\n        previousTheme.current = resolvedTheme\r\n        const transitionDuration = Math.max(0, duration)\r\n\r\n        if (transitionDuration === 0) {\r\n            setIsTransitioning(false)\r\n            return\r\n        }\r\n\r\n        setIsTransitioning(true)\r\n        const timeout = window.setTimeout(\r\n            () => setIsTransitioning(false),\r\n            transitionDuration,\r\n        )\r\n\r\n        return () => window.clearTimeout(timeout)\r\n    }, [duration, resolvedTheme])\r\n\r\n    return isTransitioning\r\n}\r\n"],"names":["useIsomorphicLayoutEffect","useEffect","useLayoutEffect","useThemeTransition","resolvedTheme","duration","previousTheme","useRef","isTransitioning","setIsTransitioning","useState","transitionDuration","timeout"],"mappings":";AAEA,MAAMA,IAA4B,OAAO,SAAW,MAAcC,IAAYC,GAKjEC,IAAqB,CAC9BC,GACAC,MACC;AACD,QAAMC,IAAgBC,EAAOH,CAAa,GACpC,CAACI,GAAiBC,CAAkB,IAAIC,EAAS,EAAK;AAE5D,SAAAV,EAA0B,MAAM;AAC5B,QAAIM,EAAc,YAAYF;AAC1B;AAGJ,IAAAE,EAAc,UAAUF;AACxB,UAAMO,IAAqB,KAAK,IAAI,GAAGN,CAAQ;AAE/C,QAAIM,MAAuB,GAAG;AAC1B,MAAAF,EAAmB,EAAK;AACxB;AAAA,IACJ;AAEA,IAAAA,EAAmB,EAAI;AACvB,UAAMG,IAAU,OAAO;AAAA,MACnB,MAAMH,EAAmB,EAAK;AAAA,MAC9BE;AAAA,IAAA;AAGJ,WAAO,MAAM,OAAO,aAAaC,CAAO;AAAA,EAC5C,GAAG,CAACP,GAAUD,CAAa,CAAC,GAErBI;AACX;"}
+{"version":3,"file":"useThemeTransition.hook.js","sources":["../../../../../../../src/components/theme-provider/hooks/use-theme-provider/helpers/use-theme-transition/useThemeTransition.hook.ts"],"sourcesContent":["import { useEffect, useLayoutEffect, useState } from 'react'\r\n\r\nconst useIsomorphicLayoutEffect = typeof window === 'undefined' ? useEffect : useLayoutEffect\r\n\r\n/**\r\n * Starts a bounded transition window only when the resolved theme changes.\r\n */\r\nexport const useThemeTransition = (\r\n    resolvedTheme: string,\r\n    duration: number,\r\n) => {\r\n    const [settledTheme, setSettledTheme] = useState(resolvedTheme)\r\n    const isTransitioning = settledTheme !== resolvedTheme\r\n\r\n    useIsomorphicLayoutEffect(() => {\r\n        if (!isTransitioning) {\r\n            return\r\n        }\r\n\r\n        const transitionDuration = Math.max(0, duration)\r\n\r\n        if (transitionDuration === 0) {\r\n            setSettledTheme(resolvedTheme)\r\n            return\r\n        }\r\n\r\n        const timeout = window.setTimeout(\r\n            () => setSettledTheme(resolvedTheme),\r\n            transitionDuration,\r\n        )\r\n\r\n        return () => window.clearTimeout(timeout)\r\n    }, [duration, isTransitioning, resolvedTheme])\r\n\r\n    return isTransitioning\r\n}\r\n"],"names":["useIsomorphicLayoutEffect","useEffect","useLayoutEffect","useThemeTransition","resolvedTheme","duration","settledTheme","setSettledTheme","useState","isTransitioning","transitionDuration","timeout"],"mappings":";AAEA,MAAMA,IAA4B,OAAO,SAAW,MAAcC,IAAYC,GAKjEC,IAAqB,CAC9BC,GACAC,MACC;AACD,QAAM,CAACC,GAAcC,CAAe,IAAIC,EAASJ,CAAa,GACxDK,IAAkBH,MAAiBF;AAEzC,SAAAJ,EAA0B,MAAM;AAC5B,QAAI,CAACS;AACD;AAGJ,UAAMC,IAAqB,KAAK,IAAI,GAAGL,CAAQ;AAE/C,QAAIK,MAAuB,GAAG;AAC1B,MAAAH,EAAgBH,CAAa;AAC7B;AAAA,IACJ;AAEA,UAAMO,IAAU,OAAO;AAAA,MACnB,MAAMJ,EAAgBH,CAAa;AAAA,MACnCM;AAAA,IAAA;AAGJ,WAAO,MAAM,OAAO,aAAaC,CAAO;AAAA,EAC5C,GAAG,CAACN,GAAUI,GAAiBL,CAAa,CAAC,GAEtCK;AACX;"}

package/dist/constants/icons.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={close:"lucide:x",chevronLeft:"lucide:chevron-left",chevronRight:"lucide:chevron-right",chevronDown:"lucide:chevron-down",ellipsisVertical:"lucide:ellipsis-vertical",ellipsisHorizontal:"lucide:ellipsis"},c={info:"lucide:info",success:"lucide:circle-check",warning:"lucide:triangle-alert",error:"lucide:circle-x"},i={check:"lucide:check",radioIndicator:"mdi:circle",eye:"lucide:eye",eyeOff:"lucide:eye-off",calendar:"lucide:calendar",search:"lucide:search",mail:"lucide:mail",message:"lucide:message-square",pencil:"lucide:pencil"},l={sort:"lucide:arrow-up-down",sortAsc:"lucide:arrow-up",sortDesc:"lucide:arrow-down"},o={clipboard:"lucide:clipboard",clipboardList:"lucide:clipboard-list",trash:"lucide:trash-2",user:"lucide:user",userPlus:"lucide:user-plus",settings:"lucide:settings",logOut:"lucide:log-out",cloudOff:"lucide:cloud-off",creditCard:"lucide:credit-card",home:"lucide:home",mail:"lucide:mail",bell:"lucide:bell"},s={...e,...c,...i,...l,...o};exports.ActionIcons=o;exports.DataIcons=l;exports.FeedbackIcons=c;exports.FormIcons=i;exports.IconRegistry=s;exports.NavigationIcons=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={close:"lucide:x",chevronLeft:"lucide:chevron-left",chevronRight:"lucide:chevron-right",chevronUp:"lucide:chevron-up",chevronDown:"lucide:chevron-down",ellipsisVertical:"lucide:ellipsis-vertical",ellipsisHorizontal:"lucide:ellipsis"},c={info:"lucide:info",success:"lucide:circle-check",warning:"lucide:triangle-alert",error:"lucide:circle-x"},i={check:"lucide:check",minus:"lucide:minus",radioIndicator:"mdi:circle",eye:"lucide:eye",eyeOff:"lucide:eye-off",calendar:"lucide:calendar",search:"lucide:search",mail:"lucide:mail",message:"lucide:message-square",pencil:"lucide:pencil"},l={sort:"lucide:arrow-up-down",sortAsc:"lucide:arrow-up",sortDesc:"lucide:arrow-down"},o={clipboard:"lucide:clipboard",clipboardList:"lucide:clipboard-list",trash:"lucide:trash-2",user:"lucide:user",userPlus:"lucide:user-plus",settings:"lucide:settings",logOut:"lucide:log-out",cloudOff:"lucide:cloud-off",creditCard:"lucide:credit-card",home:"lucide:home",mail:"lucide:mail",bell:"lucide:bell"},s={...e,...c,...i,...l,...o};exports.ActionIcons=o;exports.DataIcons=l;exports.FeedbackIcons=c;exports.FormIcons=i;exports.IconRegistry=s;exports.NavigationIcons=e;
 //# sourceMappingURL=icons.cjs.map

package/dist/constants/icons.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"icons.cjs","sources":["../../src/constants/icons.ts"],"sourcesContent":["/**\r\n * IconRegistry — maps semantic names to Iconify identifiers used across the UI kit.\r\n *\r\n * Iconify format: \"<set>:<icon>\"\r\n * Browse available sets at https://icon-sets.iconify.design/\r\n *\r\n * Conventions:\r\n *  - camelCase for keys → arrowRight, not arrow-right\r\n *  - Group by functional domain when the registry grows\r\n *  - Prefer the Lucide set for visual consistency\r\n */\r\nexport const NavigationIcons = {\r\n    close: 'lucide:x',\r\n    chevronLeft: 'lucide:chevron-left',\r\n    chevronRight: 'lucide:chevron-right',\r\n    chevronDown: 'lucide:chevron-down',\r\n    ellipsisVertical: 'lucide:ellipsis-vertical',\r\n    ellipsisHorizontal: 'lucide:ellipsis',\r\n} as const\r\n\r\nexport const FeedbackIcons = {\r\n    info: 'lucide:info',\r\n    success: 'lucide:circle-check',\r\n    warning: 'lucide:triangle-alert',\r\n    error: 'lucide:circle-x',\r\n} as const\r\n\r\nexport const FormIcons = {\r\n    check: 'lucide:check',\r\n    radioIndicator: 'mdi:circle',\r\n    eye: 'lucide:eye',\r\n    eyeOff: 'lucide:eye-off',\r\n    calendar: 'lucide:calendar',\r\n    search: 'lucide:search',\r\n    mail: 'lucide:mail',\r\n    message: 'lucide:message-square',\r\n    pencil: 'lucide:pencil',\r\n} as const\r\n\r\nexport const DataIcons = {\r\n    sort: 'lucide:arrow-up-down',\r\n    sortAsc: 'lucide:arrow-up',\r\n    sortDesc: 'lucide:arrow-down',\r\n} as const\r\n\r\nexport const ActionIcons = {\r\n    clipboard: 'lucide:clipboard',\r\n    clipboardList: 'lucide:clipboard-list',\r\n    trash: 'lucide:trash-2',\r\n    user: 'lucide:user',\r\n    userPlus: 'lucide:user-plus',\r\n    settings: 'lucide:settings',\r\n    logOut: 'lucide:log-out',\r\n    cloudOff: 'lucide:cloud-off',\r\n    creditCard: 'lucide:credit-card',\r\n    home: 'lucide:home',\r\n    mail: 'lucide:mail',\r\n    bell: 'lucide:bell',\r\n} as const\r\n\r\nexport const IconRegistry = {\r\n    ...NavigationIcons,\r\n    ...FeedbackIcons,\r\n    ...FormIcons,\r\n    ...DataIcons,\r\n    ...ActionIcons,\r\n} as const\r\n\r\nexport type IconName = keyof typeof IconRegistry\r\n"],"names":["NavigationIcons","FeedbackIcons","FormIcons","DataIcons","ActionIcons","IconRegistry"],"mappings":"gFAWO,MAAMA,EAAkB,CAC3B,MAAO,WACP,YAAa,sBACb,aAAc,uBACd,YAAa,sBACb,iBAAkB,2BAClB,mBAAoB,iBACxB,EAEaC,EAAgB,CACzB,KAAM,cACN,QAAS,sBACT,QAAS,wBACT,MAAO,iBACX,EAEaC,EAAY,CACrB,MAAO,eACP,eAAgB,aAChB,IAAK,aACL,OAAQ,iBACR,SAAU,kBACV,OAAQ,gBACR,KAAM,cACN,QAAS,wBACT,OAAQ,eACZ,EAEaC,EAAY,CACrB,KAAM,uBACN,QAAS,kBACT,SAAU,mBACd,EAEaC,EAAc,CACvB,UAAW,mBACX,cAAe,wBACf,MAAO,iBACP,KAAM,cACN,SAAU,mBACV,SAAU,kBACV,OAAQ,iBACR,SAAU,mBACV,WAAY,qBACZ,KAAM,cACN,KAAM,cACN,KAAM,aACV,EAEaC,EAAe,CACxB,GAAGL,EACH,GAAGC,EACH,GAAGC,EACH,GAAGC,EACH,GAAGC,CACP"}
+{"version":3,"file":"icons.cjs","sources":["../../src/constants/icons.ts"],"sourcesContent":["/**\r\n * IconRegistry — maps semantic names to Iconify identifiers used across the UI kit.\r\n *\r\n * Iconify format: \"<set>:<icon>\"\r\n * Browse available sets at https://icon-sets.iconify.design/\r\n *\r\n * Conventions:\r\n *  - camelCase for keys → arrowRight, not arrow-right\r\n *  - Group by functional domain when the registry grows\r\n *  - Prefer the Lucide set for visual consistency\r\n */\r\nexport const NavigationIcons = {\r\n    close: 'lucide:x',\r\n    chevronLeft: 'lucide:chevron-left',\r\n    chevronRight: 'lucide:chevron-right',\r\n    chevronUp: 'lucide:chevron-up',\r\n    chevronDown: 'lucide:chevron-down',\r\n    ellipsisVertical: 'lucide:ellipsis-vertical',\r\n    ellipsisHorizontal: 'lucide:ellipsis',\r\n} as const\r\n\r\nexport const FeedbackIcons = {\r\n    info: 'lucide:info',\r\n    success: 'lucide:circle-check',\r\n    warning: 'lucide:triangle-alert',\r\n    error: 'lucide:circle-x',\r\n} as const\r\n\r\nexport const FormIcons = {\r\n    check: 'lucide:check',\r\n    minus: 'lucide:minus',\r\n    radioIndicator: 'mdi:circle',\r\n    eye: 'lucide:eye',\r\n    eyeOff: 'lucide:eye-off',\r\n    calendar: 'lucide:calendar',\r\n    search: 'lucide:search',\r\n    mail: 'lucide:mail',\r\n    message: 'lucide:message-square',\r\n    pencil: 'lucide:pencil',\r\n} as const\r\n\r\nexport const DataIcons = {\r\n    sort: 'lucide:arrow-up-down',\r\n    sortAsc: 'lucide:arrow-up',\r\n    sortDesc: 'lucide:arrow-down',\r\n} as const\r\n\r\nexport const ActionIcons = {\r\n    clipboard: 'lucide:clipboard',\r\n    clipboardList: 'lucide:clipboard-list',\r\n    trash: 'lucide:trash-2',\r\n    user: 'lucide:user',\r\n    userPlus: 'lucide:user-plus',\r\n    settings: 'lucide:settings',\r\n    logOut: 'lucide:log-out',\r\n    cloudOff: 'lucide:cloud-off',\r\n    creditCard: 'lucide:credit-card',\r\n    home: 'lucide:home',\r\n    mail: 'lucide:mail',\r\n    bell: 'lucide:bell',\r\n} as const\r\n\r\nexport const IconRegistry = {\r\n    ...NavigationIcons,\r\n    ...FeedbackIcons,\r\n    ...FormIcons,\r\n    ...DataIcons,\r\n    ...ActionIcons,\r\n} as const\r\n\r\nexport type IconName = keyof typeof IconRegistry\r\n"],"names":["NavigationIcons","FeedbackIcons","FormIcons","DataIcons","ActionIcons","IconRegistry"],"mappings":"gFAWO,MAAMA,EAAkB,CAC3B,MAAO,WACP,YAAa,sBACb,aAAc,uBACd,UAAW,oBACX,YAAa,sBACb,iBAAkB,2BAClB,mBAAoB,iBACxB,EAEaC,EAAgB,CACzB,KAAM,cACN,QAAS,sBACT,QAAS,wBACT,MAAO,iBACX,EAEaC,EAAY,CACrB,MAAO,eACP,MAAO,eACP,eAAgB,aAChB,IAAK,aACL,OAAQ,iBACR,SAAU,kBACV,OAAQ,gBACR,KAAM,cACN,QAAS,wBACT,OAAQ,eACZ,EAEaC,EAAY,CACrB,KAAM,uBACN,QAAS,kBACT,SAAU,mBACd,EAEaC,EAAc,CACvB,UAAW,mBACX,cAAe,wBACf,MAAO,iBACP,KAAM,cACN,SAAU,mBACV,SAAU,kBACV,OAAQ,iBACR,SAAU,mBACV,WAAY,qBACZ,KAAM,cACN,KAAM,cACN,KAAM,aACV,EAEaC,EAAe,CACxB,GAAGL,EACH,GAAGC,EACH,GAAGC,EACH,GAAGC,EACH,GAAGC,CACP"}

package/dist/constants/icons.d.ts

@@ -13,6 +13,7 @@ export declare const NavigationIcons: {
     readonly close: "lucide:x";
     readonly chevronLeft: "lucide:chevron-left";
     readonly chevronRight: "lucide:chevron-right";
+    readonly chevronUp: "lucide:chevron-up";
     readonly chevronDown: "lucide:chevron-down";
     readonly ellipsisVertical: "lucide:ellipsis-vertical";
     readonly ellipsisHorizontal: "lucide:ellipsis";
@@ -25,6 +26,7 @@ export declare const FeedbackIcons: {
 };
 export declare const FormIcons: {
     readonly check: "lucide:check";
+    readonly minus: "lucide:minus";
     readonly radioIndicator: "mdi:circle";
     readonly eye: "lucide:eye";
     readonly eyeOff: "lucide:eye-off";
@@ -70,6 +72,7 @@ export declare const IconRegistry: {
     readonly sortAsc: "lucide:arrow-up";
     readonly sortDesc: "lucide:arrow-down";
     readonly check: "lucide:check";
+    readonly minus: "lucide:minus";
     readonly radioIndicator: "mdi:circle";
     readonly eye: "lucide:eye";
     readonly eyeOff: "lucide:eye-off";
@@ -84,6 +87,7 @@ export declare const IconRegistry: {
     readonly close: "lucide:x";
     readonly chevronLeft: "lucide:chevron-left";
     readonly chevronRight: "lucide:chevron-right";
+    readonly chevronUp: "lucide:chevron-up";
     readonly chevronDown: "lucide:chevron-down";
     readonly ellipsisVertical: "lucide:ellipsis-vertical";
     readonly ellipsisHorizontal: "lucide:ellipsis";

package/dist/constants/icons.js

@@ -2,6 +2,7 @@ const e = {
   close: "lucide:x",
   chevronLeft: "lucide:chevron-left",
   chevronRight: "lucide:chevron-right",
+  chevronUp: "lucide:chevron-up",
   chevronDown: "lucide:chevron-down",
   ellipsisVertical: "lucide:ellipsis-vertical",
   ellipsisHorizontal: "lucide:ellipsis"
@@ -12,6 +13,7 @@ const e = {
   error: "lucide:circle-x"
 }, i = {
   check: "lucide:check",
+  minus: "lucide:minus",
   radioIndicator: "mdi:circle",
   eye: "lucide:eye",
   eyeOff: "lucide:eye-off",

package/dist/constants/icons.js.map

@@ -1 +1 @@
-{"version":3,"file":"icons.js","sources":["../../src/constants/icons.ts"],"sourcesContent":["/**\r\n * IconRegistry — maps semantic names to Iconify identifiers used across the UI kit.\r\n *\r\n * Iconify format: \"<set>:<icon>\"\r\n * Browse available sets at https://icon-sets.iconify.design/\r\n *\r\n * Conventions:\r\n *  - camelCase for keys → arrowRight, not arrow-right\r\n *  - Group by functional domain when the registry grows\r\n *  - Prefer the Lucide set for visual consistency\r\n */\r\nexport const NavigationIcons = {\r\n    close: 'lucide:x',\r\n    chevronLeft: 'lucide:chevron-left',\r\n    chevronRight: 'lucide:chevron-right',\r\n    chevronDown: 'lucide:chevron-down',\r\n    ellipsisVertical: 'lucide:ellipsis-vertical',\r\n    ellipsisHorizontal: 'lucide:ellipsis',\r\n} as const\r\n\r\nexport const FeedbackIcons = {\r\n    info: 'lucide:info',\r\n    success: 'lucide:circle-check',\r\n    warning: 'lucide:triangle-alert',\r\n    error: 'lucide:circle-x',\r\n} as const\r\n\r\nexport const FormIcons = {\r\n    check: 'lucide:check',\r\n    radioIndicator: 'mdi:circle',\r\n    eye: 'lucide:eye',\r\n    eyeOff: 'lucide:eye-off',\r\n    calendar: 'lucide:calendar',\r\n    search: 'lucide:search',\r\n    mail: 'lucide:mail',\r\n    message: 'lucide:message-square',\r\n    pencil: 'lucide:pencil',\r\n} as const\r\n\r\nexport const DataIcons = {\r\n    sort: 'lucide:arrow-up-down',\r\n    sortAsc: 'lucide:arrow-up',\r\n    sortDesc: 'lucide:arrow-down',\r\n} as const\r\n\r\nexport const ActionIcons = {\r\n    clipboard: 'lucide:clipboard',\r\n    clipboardList: 'lucide:clipboard-list',\r\n    trash: 'lucide:trash-2',\r\n    user: 'lucide:user',\r\n    userPlus: 'lucide:user-plus',\r\n    settings: 'lucide:settings',\r\n    logOut: 'lucide:log-out',\r\n    cloudOff: 'lucide:cloud-off',\r\n    creditCard: 'lucide:credit-card',\r\n    home: 'lucide:home',\r\n    mail: 'lucide:mail',\r\n    bell: 'lucide:bell',\r\n} as const\r\n\r\nexport const IconRegistry = {\r\n    ...NavigationIcons,\r\n    ...FeedbackIcons,\r\n    ...FormIcons,\r\n    ...DataIcons,\r\n    ...ActionIcons,\r\n} as const\r\n\r\nexport type IconName = keyof typeof IconRegistry\r\n"],"names":["NavigationIcons","FeedbackIcons","FormIcons","DataIcons","ActionIcons","IconRegistry"],"mappings":"AAWO,MAAMA,IAAkB;AAAA,EAC3B,OAAO;AAAA,EACP,aAAa;AAAA,EACb,cAAc;AAAA,EACd,aAAa;AAAA,EACb,kBAAkB;AAAA,EAClB,oBAAoB;AACxB,GAEaC,IAAgB;AAAA,EACzB,MAAM;AAAA,EACN,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AACX,GAEaC,IAAY;AAAA,EACrB,OAAO;AAAA,EACP,gBAAgB;AAAA,EAChB,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,SAAS;AAAA,EACT,QAAQ;AACZ,GAEaC,IAAY;AAAA,EACrB,MAAM;AAAA,EACN,SAAS;AAAA,EACT,UAAU;AACd,GAEaC,IAAc;AAAA,EACvB,WAAW;AAAA,EACX,eAAe;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AAAA,EACN,UAAU;AAAA,EACV,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AACV,GAEaC,IAAe;AAAA,EACxB,GAAGL;AAAA,EACH,GAAGC;AAAA,EACH,GAAGC;AAAA,EACH,GAAGC;AAAA,EACH,GAAGC;AACP;"}
+{"version":3,"file":"icons.js","sources":["../../src/constants/icons.ts"],"sourcesContent":["/**\r\n * IconRegistry — maps semantic names to Iconify identifiers used across the UI kit.\r\n *\r\n * Iconify format: \"<set>:<icon>\"\r\n * Browse available sets at https://icon-sets.iconify.design/\r\n *\r\n * Conventions:\r\n *  - camelCase for keys → arrowRight, not arrow-right\r\n *  - Group by functional domain when the registry grows\r\n *  - Prefer the Lucide set for visual consistency\r\n */\r\nexport const NavigationIcons = {\r\n    close: 'lucide:x',\r\n    chevronLeft: 'lucide:chevron-left',\r\n    chevronRight: 'lucide:chevron-right',\r\n    chevronUp: 'lucide:chevron-up',\r\n    chevronDown: 'lucide:chevron-down',\r\n    ellipsisVertical: 'lucide:ellipsis-vertical',\r\n    ellipsisHorizontal: 'lucide:ellipsis',\r\n} as const\r\n\r\nexport const FeedbackIcons = {\r\n    info: 'lucide:info',\r\n    success: 'lucide:circle-check',\r\n    warning: 'lucide:triangle-alert',\r\n    error: 'lucide:circle-x',\r\n} as const\r\n\r\nexport const FormIcons = {\r\n    check: 'lucide:check',\r\n    minus: 'lucide:minus',\r\n    radioIndicator: 'mdi:circle',\r\n    eye: 'lucide:eye',\r\n    eyeOff: 'lucide:eye-off',\r\n    calendar: 'lucide:calendar',\r\n    search: 'lucide:search',\r\n    mail: 'lucide:mail',\r\n    message: 'lucide:message-square',\r\n    pencil: 'lucide:pencil',\r\n} as const\r\n\r\nexport const DataIcons = {\r\n    sort: 'lucide:arrow-up-down',\r\n    sortAsc: 'lucide:arrow-up',\r\n    sortDesc: 'lucide:arrow-down',\r\n} as const\r\n\r\nexport const ActionIcons = {\r\n    clipboard: 'lucide:clipboard',\r\n    clipboardList: 'lucide:clipboard-list',\r\n    trash: 'lucide:trash-2',\r\n    user: 'lucide:user',\r\n    userPlus: 'lucide:user-plus',\r\n    settings: 'lucide:settings',\r\n    logOut: 'lucide:log-out',\r\n    cloudOff: 'lucide:cloud-off',\r\n    creditCard: 'lucide:credit-card',\r\n    home: 'lucide:home',\r\n    mail: 'lucide:mail',\r\n    bell: 'lucide:bell',\r\n} as const\r\n\r\nexport const IconRegistry = {\r\n    ...NavigationIcons,\r\n    ...FeedbackIcons,\r\n    ...FormIcons,\r\n    ...DataIcons,\r\n    ...ActionIcons,\r\n} as const\r\n\r\nexport type IconName = keyof typeof IconRegistry\r\n"],"names":["NavigationIcons","FeedbackIcons","FormIcons","DataIcons","ActionIcons","IconRegistry"],"mappings":"AAWO,MAAMA,IAAkB;AAAA,EAC3B,OAAO;AAAA,EACP,aAAa;AAAA,EACb,cAAc;AAAA,EACd,WAAW;AAAA,EACX,aAAa;AAAA,EACb,kBAAkB;AAAA,EAClB,oBAAoB;AACxB,GAEaC,IAAgB;AAAA,EACzB,MAAM;AAAA,EACN,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AACX,GAEaC,IAAY;AAAA,EACrB,OAAO;AAAA,EACP,OAAO;AAAA,EACP,gBAAgB;AAAA,EAChB,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,SAAS;AAAA,EACT,QAAQ;AACZ,GAEaC,IAAY;AAAA,EACrB,MAAM;AAAA,EACN,SAAS;AAAA,EACT,UAAU;AACd,GAEaC,IAAc;AAAA,EACvB,WAAW;AAAA,EACX,eAAe;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AAAA,EACN,UAAU;AAAA,EACV,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AACV,GAEaC,IAAe;AAAA,EACxB,GAAGL;AAAA,EACH,GAAGC;AAAA,EACH,GAAGC;AAAA,EACH,GAAGC;AAAA,EACH,GAAGC;AACP;"}

package/dist/constants/styles/spaceVariants.const.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../../theme/contract.css.cjs");;/* empty css                                        */;/* empty css                                            */require("../../theme/colors/light.cjs");require("../../theme/colors/dark.cjs");const a={none:s.vars.space.none,px:s.vars.space.px,xxs:s.vars.space.xxs,xs:s.vars.space.xs,xs2:s.vars.space.xs2,sm:s.vars.space.sm,sm2:s.vars.space.sm2,md:s.vars.space.md,md2:s.vars.space.md2,lg:s.vars.space.lg,lg2:s.vars.space.lg2,xl:s.vars.space.xl,"2xl":s.vars.space["2xl"],"3xl":s.vars.space["3xl"],"4xl":s.vars.space["4xl"],"5xl":s.vars.space["5xl"]};exports.SPACE_VARIANTS=a;
+//# sourceMappingURL=spaceVariants.const.cjs.map

package/dist/constants/styles/spaceVariants.const.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"spaceVariants.const.cjs","sources":["../../../src/constants/styles/spaceVariants.const.ts"],"sourcesContent":["import { vars } from '@theme'\r\n\r\nexport const SPACE_VARIANTS = {\r\n    none: vars.space.none,\r\n    px: vars.space.px,\r\n    xxs: vars.space.xxs,\r\n    xs: vars.space.xs,\r\n    xs2: vars.space.xs2,\r\n    sm: vars.space.sm,\r\n    sm2: vars.space.sm2,\r\n    md: vars.space.md,\r\n    md2: vars.space.md2,\r\n    lg: vars.space.lg,\r\n    lg2: vars.space.lg2,\r\n    xl: vars.space.xl,\r\n    '2xl': vars.space['2xl'],\r\n    '3xl': vars.space['3xl'],\r\n    '4xl': vars.space['4xl'],\r\n    '5xl': vars.space['5xl'],\r\n} as const\r\n"],"names":["SPACE_VARIANTS","vars"],"mappings":"iUAEO,MAAMA,EAAiB,CAC1B,KAAMC,EAAAA,KAAK,MAAM,KACjB,GAAIA,EAAAA,KAAK,MAAM,GACf,IAAKA,EAAAA,KAAK,MAAM,IAChB,GAAIA,EAAAA,KAAK,MAAM,GACf,IAAKA,EAAAA,KAAK,MAAM,IAChB,GAAIA,EAAAA,KAAK,MAAM,GACf,IAAKA,EAAAA,KAAK,MAAM,IAChB,GAAIA,EAAAA,KAAK,MAAM,GACf,IAAKA,EAAAA,KAAK,MAAM,IAChB,GAAIA,EAAAA,KAAK,MAAM,GACf,IAAKA,EAAAA,KAAK,MAAM,IAChB,GAAIA,EAAAA,KAAK,MAAM,GACf,MAAOA,EAAAA,KAAK,MAAM,KAAK,EACvB,MAAOA,EAAAA,KAAK,MAAM,KAAK,EACvB,MAAOA,EAAAA,KAAK,MAAM,KAAK,EACvB,MAAOA,EAAAA,KAAK,MAAM,KAAK,CAC3B"}

package/dist/constants/styles/spaceVariants.const.js

@@ -0,0 +1,27 @@
+import { vars as s } from "../../theme/contract.css.js";
+/* empty css                                      */
+/* empty css                                          */
+import "../../theme/colors/light.js";
+import "../../theme/colors/dark.js";
+const l = {
+  none: s.space.none,
+  px: s.space.px,
+  xxs: s.space.xxs,
+  xs: s.space.xs,
+  xs2: s.space.xs2,
+  sm: s.space.sm,
+  sm2: s.space.sm2,
+  md: s.space.md,
+  md2: s.space.md2,
+  lg: s.space.lg,
+  lg2: s.space.lg2,
+  xl: s.space.xl,
+  "2xl": s.space["2xl"],
+  "3xl": s.space["3xl"],
+  "4xl": s.space["4xl"],
+  "5xl": s.space["5xl"]
+};
+export {
+  l as SPACE_VARIANTS
+};
+//# sourceMappingURL=spaceVariants.const.js.map

package/dist/constants/styles/spaceVariants.const.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spaceVariants.const.js","sources":["../../../src/constants/styles/spaceVariants.const.ts"],"sourcesContent":["import { vars } from '@theme'\r\n\r\nexport const SPACE_VARIANTS = {\r\n    none: vars.space.none,\r\n    px: vars.space.px,\r\n    xxs: vars.space.xxs,\r\n    xs: vars.space.xs,\r\n    xs2: vars.space.xs2,\r\n    sm: vars.space.sm,\r\n    sm2: vars.space.sm2,\r\n    md: vars.space.md,\r\n    md2: vars.space.md2,\r\n    lg: vars.space.lg,\r\n    lg2: vars.space.lg2,\r\n    xl: vars.space.xl,\r\n    '2xl': vars.space['2xl'],\r\n    '3xl': vars.space['3xl'],\r\n    '4xl': vars.space['4xl'],\r\n    '5xl': vars.space['5xl'],\r\n} as const\r\n"],"names":["SPACE_VARIANTS","vars"],"mappings":";;;;;AAEO,MAAMA,IAAiB;AAAA,EAC1B,MAAMC,EAAK,MAAM;AAAA,EACjB,IAAIA,EAAK,MAAM;AAAA,EACf,KAAKA,EAAK,MAAM;AAAA,EAChB,IAAIA,EAAK,MAAM;AAAA,EACf,KAAKA,EAAK,MAAM;AAAA,EAChB,IAAIA,EAAK,MAAM;AAAA,EACf,KAAKA,EAAK,MAAM;AAAA,EAChB,IAAIA,EAAK,MAAM;AAAA,EACf,KAAKA,EAAK,MAAM;AAAA,EAChB,IAAIA,EAAK,MAAM;AAAA,EACf,KAAKA,EAAK,MAAM;AAAA,EAChB,IAAIA,EAAK,MAAM;AAAA,EACf,OAAOA,EAAK,MAAM,KAAK;AAAA,EACvB,OAAOA,EAAK,MAAM,KAAK;AAAA,EACvB,OAAOA,EAAK,MAAM,KAAK;AAAA,EACvB,OAAOA,EAAK,MAAM,KAAK;AAC3B;"}

package/dist/hooks/index.d.ts

@@ -1 +1,5 @@
 export { useViewportShift } from './use-viewport-shift/useViewportShift.hook.ts';
+export { useNotification } from './use-notification/useNotification.hook.tsx';
+export { useToast } from './use-toast/useToast.hook.tsx';
+export type { ShowNotificationOptions, UseNotificationReturn, } from './use-notification/types/useNotification.types.ts';
+export type { ShowToastOptions, ToastId, UseToastReturn, } from './use-toast/types/useToast.types.ts';

package/dist/hooks/use-notification/types/useNotification.types.d.ts

@@ -0,0 +1,21 @@
+import { ToastVariant } from '../../../components/feedback/toast';
+import { ToastId } from '../../use-toast/types/useToast.types.ts';
+import type * as React from 'react';
+export type ShowNotificationOptions = {
+    /** Visual intent. Defaults to `info`. */
+    variant?: ToastVariant;
+    /** Visible notification heading. */
+    title?: string;
+    /** Optional supporting message. */
+    description?: string;
+    /** Iconify icon name. Defaults to the variant icon. */
+    icon?: string;
+    /** Complete Toast compound content, replacing the default layout. */
+    children?: React.ReactNode;
+    /** Auto-dismiss delay in milliseconds. Defaults to persistent (`0`). */
+    duration?: number;
+};
+export type UseNotificationReturn = {
+    show: (options: ShowNotificationOptions) => ToastId;
+    dismiss: (id: ToastId) => void;
+};

package/dist/hooks/use-notification/useNotification.hook.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("react/jsx-runtime"),i=require("react"),t=require("sonner"),d=require("../../components/feedback/toast/Toast.cjs");require("../../components/feedback/toast/ToastProvider.cjs");require("../../components/feedback/toast/styles/Toast.css.cjs");;/* empty css                                                                                          */require("../../components/feedback/toast/constants/index.cjs");const f=require("../../components/feedback/toast/constants/toastChannels.const.cjs"),m=()=>{const o=i.useCallback(({variant:s="info",title:n,description:u,icon:c,children:a,duration:e=0})=>t.toast.custom(l=>q.jsx(d,{variant:s,icon:c,title:n,description:u,onClose:()=>t.toast.dismiss(l),children:a}),{duration:e===0?1/0:e,toasterId:f.TOAST_CHANNELS.notifications}),[]),r=i.useCallback(s=>{t.toast.dismiss(s)},[]);return{show:o,dismiss:r}};exports.useNotification=m;
+//# sourceMappingURL=useNotification.hook.cjs.map

package/dist/hooks/use-notification/useNotification.hook.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useNotification.hook.cjs","sources":["../../../src/hooks/use-notification/useNotification.hook.tsx"],"sourcesContent":["import { useCallback } from 'react'\r\nimport { toast } from 'sonner'\r\n\r\nimport { Toast } from '@components/feedback/toast'\r\nimport { TOAST_CHANNELS } from '@components/feedback/toast/constants'\r\nimport type {\r\n    ShowNotificationOptions,\r\n    UseNotificationReturn,\r\n} from '@hooks/use-notification/types/useNotification.types.ts'\r\nimport type { ToastId } from '@hooks/use-toast/types/useToast.types.ts'\r\n\r\nexport const useNotification = (): UseNotificationReturn => {\r\n    const show = useCallback(({\r\n        variant = 'info',\r\n        title,\r\n        description,\r\n        icon,\r\n        children,\r\n        duration = 0,\r\n    }: ShowNotificationOptions): ToastId => toast.custom(\r\n        (id) => (\r\n            <Toast\r\n                variant={variant}\r\n                icon={icon}\r\n                title={title}\r\n                description={description}\r\n                onClose={() => toast.dismiss(id)}\r\n            >\r\n                {children}\r\n            </Toast>\r\n        ),\r\n        {\r\n            duration: duration === 0 ? Infinity : duration,\r\n            toasterId: TOAST_CHANNELS.notifications,\r\n        },\r\n    ), [])\r\n\r\n    const dismiss = useCallback((id: ToastId): void => {\r\n        toast.dismiss(id)\r\n    }, [])\r\n\r\n    return { show, dismiss }\r\n}\r\n"],"names":["useNotification","show","useCallback","variant","title","description","icon","children","duration","toast","id","jsx","Toast","TOAST_CHANNELS","dismiss"],"mappings":"6kBAWaA,EAAkB,IAA6B,CACxD,MAAMC,EAAOC,EAAAA,YAAY,CAAC,CACtB,QAAAC,EAAU,OACV,MAAAC,EACA,YAAAC,EACA,KAAAC,EACA,SAAAC,EACA,SAAAC,EAAW,CAAA,IACyBC,EAAAA,MAAM,OACzCC,GACGC,EAAAA,IAACC,EAAA,CACG,QAAAT,EACA,KAAAG,EACA,MAAAF,EACA,YAAAC,EACA,QAAS,IAAMI,EAAAA,MAAM,QAAQC,CAAE,EAE9B,SAAAH,CAAA,CAAA,EAGT,CACI,SAAUC,IAAa,EAAI,IAAWA,EACtC,UAAWK,EAAAA,eAAe,aAAA,CAC9B,EACD,EAAE,EAECC,EAAUZ,cAAaQ,GAAsB,CAC/CD,EAAAA,MAAM,QAAQC,CAAE,CACpB,EAAG,CAAA,CAAE,EAEL,MAAO,CAAE,KAAAT,EAAM,QAAAa,CAAA,CACnB"}

package/dist/hooks/use-notification/useNotification.hook.d.ts

@@ -0,0 +1,2 @@
+import { UseNotificationReturn } from './types/useNotification.types.ts';
+export declare const useNotification: () => UseNotificationReturn;

package/dist/hooks/use-notification/useNotification.hook.js

@@ -0,0 +1,42 @@
+import { jsx as e } from "react/jsx-runtime";
+import { useCallback as s } from "react";
+import { toast as t } from "sonner";
+import d from "../../components/feedback/toast/Toast.js";
+import "../../components/feedback/toast/ToastProvider.js";
+import "../../components/feedback/toast/styles/Toast.css.js";
+/* empty css                                                                                        */
+import "../../components/feedback/toast/constants/index.js";
+import { TOAST_CHANNELS as u } from "../../components/feedback/toast/constants/toastChannels.const.js";
+const h = () => {
+  const m = s(({
+    variant: o = "info",
+    title: n,
+    description: p,
+    icon: f,
+    children: a,
+    duration: i = 0
+  }) => t.custom(
+    (c) => /* @__PURE__ */ e(
+      d,
+      {
+        variant: o,
+        icon: f,
+        title: n,
+        description: p,
+        onClose: () => t.dismiss(c),
+        children: a
+      }
+    ),
+    {
+      duration: i === 0 ? 1 / 0 : i,
+      toasterId: u.notifications
+    }
+  ), []), r = s((o) => {
+    t.dismiss(o);
+  }, []);
+  return { show: m, dismiss: r };
+};
+export {
+  h as useNotification
+};
+//# sourceMappingURL=useNotification.hook.js.map

package/dist/hooks/use-notification/useNotification.hook.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useNotification.hook.js","sources":["../../../src/hooks/use-notification/useNotification.hook.tsx"],"sourcesContent":["import { useCallback } from 'react'\r\nimport { toast } from 'sonner'\r\n\r\nimport { Toast } from '@components/feedback/toast'\r\nimport { TOAST_CHANNELS } from '@components/feedback/toast/constants'\r\nimport type {\r\n    ShowNotificationOptions,\r\n    UseNotificationReturn,\r\n} from '@hooks/use-notification/types/useNotification.types.ts'\r\nimport type { ToastId } from '@hooks/use-toast/types/useToast.types.ts'\r\n\r\nexport const useNotification = (): UseNotificationReturn => {\r\n    const show = useCallback(({\r\n        variant = 'info',\r\n        title,\r\n        description,\r\n        icon,\r\n        children,\r\n        duration = 0,\r\n    }: ShowNotificationOptions): ToastId => toast.custom(\r\n        (id) => (\r\n            <Toast\r\n                variant={variant}\r\n                icon={icon}\r\n                title={title}\r\n                description={description}\r\n                onClose={() => toast.dismiss(id)}\r\n            >\r\n                {children}\r\n            </Toast>\r\n        ),\r\n        {\r\n            duration: duration === 0 ? Infinity : duration,\r\n            toasterId: TOAST_CHANNELS.notifications,\r\n        },\r\n    ), [])\r\n\r\n    const dismiss = useCallback((id: ToastId): void => {\r\n        toast.dismiss(id)\r\n    }, [])\r\n\r\n    return { show, dismiss }\r\n}\r\n"],"names":["useNotification","show","useCallback","variant","title","description","icon","children","duration","toast","id","jsx","Toast","TOAST_CHANNELS","dismiss"],"mappings":";;;;;;;;;AAWO,MAAMA,IAAkB,MAA6B;AACxD,QAAMC,IAAOC,EAAY,CAAC;AAAA,IACtB,SAAAC,IAAU;AAAA,IACV,OAAAC;AAAA,IACA,aAAAC;AAAA,IACA,MAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,EAAA,MACyBC,EAAM;AAAA,IAC1C,CAACC,MACG,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,SAAAT;AAAA,QACA,MAAAG;AAAA,QACA,OAAAF;AAAA,QACA,aAAAC;AAAA,QACA,SAAS,MAAMI,EAAM,QAAQC,CAAE;AAAA,QAE9B,UAAAH;AAAA,MAAA;AAAA,IAAA;AAAA,IAGT;AAAA,MACI,UAAUC,MAAa,IAAI,QAAWA;AAAA,MACtC,WAAWK,EAAe;AAAA,IAAA;AAAA,EAC9B,GACD,EAAE,GAECC,IAAUZ,EAAY,CAACQ,MAAsB;AAC/C,IAAAD,EAAM,QAAQC,CAAE;AAAA,EACpB,GAAG,CAAA,CAAE;AAEL,SAAO,EAAE,MAAAT,GAAM,SAAAa,EAAA;AACnB;"}

package/dist/hooks/use-toast/types/useToast.types.d.ts

@@ -0,0 +1,20 @@
+import { ToastVariant } from '../../../components/feedback/toast';
+export type ToastId = number | string;
+export type ShowToastOptions = {
+    /** Visible toast heading. */
+    title: string;
+    /** Optional supporting message. */
+    description?: string;
+    /** Iconify icon name. Defaults to the variant icon. */
+    icon?: string;
+    /** Auto-dismiss delay in milliseconds. Defaults to `5000`. */
+    duration?: number;
+};
+export type UseToastReturn = {
+    show: (variant: ToastVariant, options: ShowToastOptions) => ToastId;
+    showSuccess: (options: ShowToastOptions) => ToastId;
+    showError: (options: ShowToastOptions) => ToastId;
+    showWarning: (options: ShowToastOptions) => ToastId;
+    showInfo: (options: ShowToastOptions) => ToastId;
+    dismiss: (id: ToastId) => void;
+};

package/dist/hooks/use-toast/useToast.hook.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const T=require("react/jsx-runtime"),r=require("react"),o=require("sonner"),l=require("../../components/feedback/toast/Toast.cjs");require("../../components/feedback/toast/ToastProvider.cjs");require("../../components/feedback/toast/styles/Toast.css.cjs");;/* empty css                                                                                          */require("../../components/feedback/toast/constants/index.cjs");const q=require("../../components/feedback/toast/constants/toastChannels.const.cjs"),d=5e3,h=()=>{const e=r.useCallback((s,{title:n,description:i,duration:u=d,icon:c})=>o.toast.custom(a=>T.jsx(l,{variant:s,icon:c,title:n,description:i,onClose:()=>o.toast.dismiss(a)}),{duration:u,toasterId:q.TOAST_CHANNELS.toasts}),[]),t=r.useCallback(s=>{o.toast.dismiss(s)},[]);return{show:e,showSuccess:s=>e("success",s),showError:s=>e("error",s),showWarning:s=>e("warning",s),showInfo:s=>e("info",s),dismiss:t}};exports.useToast=h;
+//# sourceMappingURL=useToast.hook.cjs.map

package/dist/hooks/use-toast/useToast.hook.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useToast.hook.cjs","sources":["../../../src/hooks/use-toast/useToast.hook.tsx"],"sourcesContent":["import { useCallback } from 'react'\r\nimport { toast } from 'sonner'\r\n\r\nimport { Toast, type ToastVariant } from '@components/feedback/toast'\r\nimport { TOAST_CHANNELS } from '@components/feedback/toast/constants'\r\nimport type {\r\n    ShowToastOptions,\r\n    ToastId,\r\n    UseToastReturn,\r\n} from '@hooks/use-toast/types/useToast.types.ts'\r\n\r\nconst DEFAULT_TOAST_DURATION = 5000\r\n\r\nexport const useToast = (): UseToastReturn => {\r\n    const show = useCallback((\r\n        variant: ToastVariant,\r\n        {\r\n            title,\r\n            description,\r\n            duration = DEFAULT_TOAST_DURATION,\r\n            icon,\r\n        }: ShowToastOptions,\r\n    ): ToastId => toast.custom(\r\n        (id) => (\r\n            <Toast\r\n                variant={variant}\r\n                icon={icon}\r\n                title={title}\r\n                description={description}\r\n                onClose={() => toast.dismiss(id)}\r\n            />\r\n        ),\r\n        {\r\n            duration,\r\n            toasterId: TOAST_CHANNELS.toasts,\r\n        },\r\n    ), [])\r\n\r\n    const dismiss = useCallback((id: ToastId): void => {\r\n        toast.dismiss(id)\r\n    }, [])\r\n\r\n    return {\r\n        show,\r\n        showSuccess: (options) => show('success', options),\r\n        showError: (options) => show('error', options),\r\n        showWarning: (options) => show('warning', options),\r\n        showInfo: (options) => show('info', options),\r\n        dismiss,\r\n    }\r\n}\r\n"],"names":["DEFAULT_TOAST_DURATION","useToast","show","useCallback","variant","title","description","duration","icon","toast","id","jsx","Toast","TOAST_CHANNELS","dismiss","options"],"mappings":"6kBAWMA,EAAyB,IAElBC,EAAW,IAAsB,CAC1C,MAAMC,EAAOC,cAAY,CACrBC,EACA,CACI,MAAAC,EACA,YAAAC,EACA,SAAAC,EAAWP,EACX,KAAAQ,CAAA,IAEMC,EAAAA,MAAM,OACfC,GACGC,EAAAA,IAACC,EAAA,CACG,QAAAR,EACA,KAAAI,EACA,MAAAH,EACA,YAAAC,EACA,QAAS,IAAMG,QAAM,QAAQC,CAAE,CAAA,CAAA,EAGvC,CACI,SAAAH,EACA,UAAWM,EAAAA,eAAe,MAAA,CAC9B,EACD,EAAE,EAECC,EAAUX,cAAaO,GAAsB,CAC/CD,EAAAA,MAAM,QAAQC,CAAE,CACpB,EAAG,CAAA,CAAE,EAEL,MAAO,CACH,KAAAR,EACA,YAAca,GAAYb,EAAK,UAAWa,CAAO,EACjD,UAAYA,GAAYb,EAAK,QAASa,CAAO,EAC7C,YAAcA,GAAYb,EAAK,UAAWa,CAAO,EACjD,SAAWA,GAAYb,EAAK,OAAQa,CAAO,EAC3C,QAAAD,CAAA,CAER"}

package/dist/hooks/use-toast/useToast.hook.d.ts

@@ -0,0 +1,2 @@
+import { UseToastReturn } from './types/useToast.types.ts';
+export declare const useToast: () => UseToastReturn;

package/dist/hooks/use-toast/useToast.hook.js

@@ -0,0 +1,46 @@
+import { jsx as a } from "react/jsx-runtime";
+import { useCallback as t } from "react";
+import { toast as r } from "sonner";
+import T from "../../components/feedback/toast/Toast.js";
+import "../../components/feedback/toast/ToastProvider.js";
+import "../../components/feedback/toast/styles/Toast.css.js";
+/* empty css                                                                                        */
+import "../../components/feedback/toast/constants/index.js";
+import { TOAST_CHANNELS as f } from "../../components/feedback/toast/constants/toastChannels.const.js";
+const u = 5e3, N = () => {
+  const s = t((o, {
+    title: m,
+    description: n,
+    duration: c = u,
+    icon: e
+  }) => r.custom(
+    (p) => /* @__PURE__ */ a(
+      T,
+      {
+        variant: o,
+        icon: e,
+        title: m,
+        description: n,
+        onClose: () => r.dismiss(p)
+      }
+    ),
+    {
+      duration: c,
+      toasterId: f.toasts
+    }
+  ), []), i = t((o) => {
+    r.dismiss(o);
+  }, []);
+  return {
+    show: s,
+    showSuccess: (o) => s("success", o),
+    showError: (o) => s("error", o),
+    showWarning: (o) => s("warning", o),
+    showInfo: (o) => s("info", o),
+    dismiss: i
+  };
+};
+export {
+  N as useToast
+};
+//# sourceMappingURL=useToast.hook.js.map