@choco-vanille/ui 1.6.0 → 1.7.0

package/dist/components/navigation/stepper/components/stepper-item/StepperItem.js

@@ -1,28 +1,29 @@
-import { jsxs as C, jsx as t, Fragment as N } from "react/jsx-runtime";
-import { memo as k, useContext as E } from "react";
-import I from "../../../../foundation/icon/Icon.js";
+import { jsxs as f, jsx as t, Fragment as I } from "react/jsx-runtime";
+import { memo as N, useContext as k } from "react";
+import E from "../../../../foundation/icon/Icon.js";
 import "../../../../foundation/icon/styles/Icon.css.js";
+import y from "../../../../../resources/asset/CheckIcon.svg.js";
 import s from "../../../../foundation/typography/Typography.js";
 import "../../../../foundation/typography/styles/Typography.css.js";
-import { StepperItemContext as y } from "../../context/Stepper.context.js";
-import { STEPPER_ITEM_SIZES as T } from "../../constants/stepperItemSizes.const.js";
+import { StepperItemContext as T } from "../../context/Stepper.context.js";
+import { STEPPER_ITEM_SIZES as b } from "../../constants/stepperItemSizes.const.js";
 import { STEPPER_STYLES as e } from "../../styles/Stepper.css.js";
 import { cn as n } from "../../../../../utils/cn.js";
-const b = k(
+const g = N(
   ({
-    label: f,
+    label: u,
     description: a,
     disabled: i,
-    size: r = T.md,
+    size: r = b.md,
     children: p
   }) => {
-    const c = E(y);
+    const c = k(T);
     if (!c)
       throw new Error("Stepper.Item must be rendered inside Stepper.");
-    const { stepNumber: l, isCurrent: m, isCompleted: d, onStepChange: S } = c, v = !!S, h = p !== void 0, o = !h && !a, x = d ? /* @__PURE__ */ t(
-      I,
+    const { stepNumber: l, isCurrent: o, isCompleted: d, onStepChange: S } = c, v = !!S, h = p !== void 0, m = !h && !a, x = d ? /* @__PURE__ */ t(
+      E,
       {
-        icon: "lucide:check",
+        icon: y,
         size: "sm"
       }
     ) : /* @__PURE__ */ t(
@@ -36,12 +37,12 @@ const b = k(
         className: e.markerValue,
         children: l
       }
-    ), u = h ? p : /* @__PURE__ */ C(
+    ), C = h ? p : /* @__PURE__ */ f(
       "span",
       {
         className: n(
           e.content,
-          o && e.contentCentered,
+          m && e.contentCentered,
           r === "sm" && e.contentSmall
         ),
         children: [
@@ -52,7 +53,7 @@ const b = k(
               variant: "span",
               fontSize: "sm",
               className: n(e.label, r === "sm" && e.labelSmall),
-              children: f
+              children: u
             }
           ),
           a && /* @__PURE__ */ t(
@@ -71,13 +72,13 @@ const b = k(
         ]
       }
     );
-    return /* @__PURE__ */ C(N, { children: [
+    return /* @__PURE__ */ f(I, { children: [
       /* @__PURE__ */ t(
         "span",
         {
           className: n(
             e.marker,
-            m && e.markerCurrent,
+            o && e.markerCurrent,
             d && e.markerCompleted,
             r === "sm" && e.markerSmall
           ),
@@ -91,28 +92,28 @@ const b = k(
           type: "button",
           className: n(
             e.interactive,
-            o && e.itemContentCentered
+            m && e.itemContentCentered
           ),
           disabled: i,
-          "aria-current": m ? "step" : void 0,
+          "aria-current": o ? "step" : void 0,
           onClick: () => {
             i || S?.(l);
           },
-          children: u
+          children: C
         }
       ) : /* @__PURE__ */ t(
         "span",
         {
-          className: o ? e.itemContentCentered : void 0,
-          "aria-current": m ? "step" : void 0,
-          children: u
+          className: m ? e.itemContentCentered : void 0,
+          "aria-current": o ? "step" : void 0,
+          children: C
         }
       )
     ] });
   }
 );
-b.displayName = "Stepper.Item";
+g.displayName = "Stepper.Item";
 export {
-  b as default
+  g as default
 };
 //# sourceMappingURL=StepperItem.js.map

package/dist/components/navigation/stepper/components/stepper-item/StepperItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepperItem.js","sources":["../../../../../../src/components/navigation/stepper/components/stepper-item/StepperItem.tsx"],"sourcesContent":["import { memo, useContext } from 'react'\r\n\r\nimport { Icon } from '@components/foundation/icon'\r\nimport { Typography } from '@components/foundation/typography'\r\nimport { StepperItemContext } from '@components/navigation/stepper/context/Stepper.context.ts'\r\nimport { STEPPER_ITEM_SIZES } from '@components/navigation/stepper/constants'\r\nimport { STEPPER_STYLES } from '@components/navigation/stepper/styles/Stepper.css.ts'\r\nimport type { StepperItemProps } from '@components/navigation/stepper/components/stepper-item/types/StepperItem.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\n/**\r\n * Individual step slot for `Stepper`. Displays a numbered marker (check icon\r\n * when completed), a label, and an optional description. Renders a `<button>`\r\n * when `onStepChange` is present in context, otherwise a static `<span>`.\r\n */\r\nconst StepperItem = memo(\r\n    ({\r\n        label,\r\n        description,\r\n        disabled,\r\n        size = STEPPER_ITEM_SIZES.md,\r\n        children,\r\n    }: StepperItemProps) => {\r\n        const context = useContext(StepperItemContext)\r\n\r\n        if (!context) {\r\n            throw new Error('Stepper.Item must be rendered inside Stepper.')\r\n        }\r\n\r\n        const { stepNumber, isCurrent, isCompleted, onStepChange } = context\r\n        const isInteractive = Boolean(onStepChange)\r\n        const hasCustomContent = children !== undefined\r\n        const isTitleOnly = !hasCustomContent && !description\r\n        const marker = isCompleted ? (\r\n            <Icon\r\n                icon={'lucide:check'}\r\n                size={'sm'}\r\n            />\r\n        ) : (\r\n            <Typography\r\n                as={'span'}\r\n                variant={'span'}\r\n                display={'flex'}\r\n                width={'100%'}\r\n                style={{ height: '100%' }}\r\n                className={STEPPER_STYLES.markerValue}\r\n            >\r\n                {stepNumber}\r\n            </Typography>\r\n        )\r\n        const content = hasCustomContent ? (\r\n            children\r\n        ) : (\r\n            <span\r\n                className={cn(\r\n                    STEPPER_STYLES.content,\r\n                    isTitleOnly && STEPPER_STYLES.contentCentered,\r\n                    size === 'sm' && STEPPER_STYLES.contentSmall,\r\n                )}\r\n            >\r\n                <Typography\r\n                    as={'span'}\r\n                    variant={'span'}\r\n                    fontSize={'sm'}\r\n                    className={cn(STEPPER_STYLES.label, size === 'sm' && STEPPER_STYLES.labelSmall)}\r\n                >\r\n                    {label}\r\n                </Typography>\r\n                {description && (\r\n                    <Typography\r\n                        as={'span'}\r\n                        variant={'span'}\r\n                        fontSize={size === 'sm' ? '2xs' : 'xs'}\r\n                        className={cn(\r\n                            STEPPER_STYLES.description,\r\n                            size === 'sm' && STEPPER_STYLES.descriptionSmall,\r\n                        )}\r\n                    >\r\n                        {description}\r\n                    </Typography>\r\n                )}\r\n            </span>\r\n        )\r\n\r\n        return (\r\n            <>\r\n                <span\r\n                    className={cn(\r\n                        STEPPER_STYLES.marker,\r\n                        isCurrent && STEPPER_STYLES.markerCurrent,\r\n                        isCompleted && STEPPER_STYLES.markerCompleted,\r\n                        size === 'sm' && STEPPER_STYLES.markerSmall,\r\n                    )}\r\n                    aria-hidden={'true'}\r\n                >\r\n                    {marker}\r\n                </span>\r\n                {isInteractive ? (\r\n                    <button\r\n                        type={'button'}\r\n                        className={cn(\r\n                            STEPPER_STYLES.interactive,\r\n                            isTitleOnly && STEPPER_STYLES.itemContentCentered,\r\n                        )}\r\n                        disabled={disabled}\r\n                        aria-current={isCurrent ? 'step' : undefined}\r\n                        onClick={() => {\r\n                            if (!disabled) {\r\n                                onStepChange?.(stepNumber)\r\n                            }\r\n                        }}\r\n                    >\r\n                        {content}\r\n                    </button>\r\n                ) : (\r\n                    <span\r\n                        className={isTitleOnly ? STEPPER_STYLES.itemContentCentered : undefined}\r\n                        aria-current={isCurrent ? 'step' : undefined}\r\n                    >\r\n                        {content}\r\n                    </span>\r\n                )}\r\n            </>\r\n        )\r\n    },\r\n)\r\n\r\nStepperItem.displayName = 'Stepper.Item'\r\n\r\nexport default StepperItem\r\n"],"names":["StepperItem","memo","label","description","disabled","size","STEPPER_ITEM_SIZES","children","context","useContext","StepperItemContext","stepNumber","isCurrent","isCompleted","onStepChange","isInteractive","hasCustomContent","isTitleOnly","marker","jsx","Icon","Typography","STEPPER_STYLES","content","jsxs","cn","Fragment"],"mappings":";;;;;;;;;;AAeA,MAAMA,IAAcC;AAAA,EAChB,CAAC;AAAA,IACG,OAAAC;AAAA,IACA,aAAAC;AAAA,IACA,UAAAC;AAAA,IACA,MAAAC,IAAOC,EAAmB;AAAA,IAC1B,UAAAC;AAAA,EAAA,MACoB;AACpB,UAAMC,IAAUC,EAAWC,CAAkB;AAE7C,QAAI,CAACF;AACD,YAAM,IAAI,MAAM,+CAA+C;AAGnE,UAAM,EAAE,YAAAG,GAAY,WAAAC,GAAW,aAAAC,GAAa,cAAAC,MAAiBN,GACvDO,IAAgB,EAAQD,GACxBE,IAAmBT,MAAa,QAChCU,IAAc,CAACD,KAAoB,CAACb,GACpCe,IAASL,IACX,gBAAAM;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,MAAM;AAAA,QACN,MAAM;AAAA,MAAA;AAAA,IAAA,IAGV,gBAAAD;AAAA,MAACE;AAAA,MAAA;AAAA,QACG,IAAI;AAAA,QACJ,SAAS;AAAA,QACT,SAAS;AAAA,QACT,OAAO;AAAA,QACP,OAAO,EAAE,QAAQ,OAAA;AAAA,QACjB,WAAWC,EAAe;AAAA,QAEzB,UAAAX;AAAA,MAAA;AAAA,IAAA,GAGHY,IAAUP,IACZT,IAEA,gBAAAiB;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAWC;AAAA,UACPH,EAAe;AAAA,UACfL,KAAeK,EAAe;AAAA,UAC9BjB,MAAS,QAAQiB,EAAe;AAAA,QAAA;AAAA,QAGpC,UAAA;AAAA,UAAA,gBAAAH;AAAA,YAACE;AAAA,YAAA;AAAA,cACG,IAAI;AAAA,cACJ,SAAS;AAAA,cACT,UAAU;AAAA,cACV,WAAWI,EAAGH,EAAe,OAAOjB,MAAS,QAAQiB,EAAe,UAAU;AAAA,cAE7E,UAAApB;AAAA,YAAA;AAAA,UAAA;AAAA,UAEJC,KACG,gBAAAgB;AAAA,YAACE;AAAA,YAAA;AAAA,cACG,IAAI;AAAA,cACJ,SAAS;AAAA,cACT,UAAUhB,MAAS,OAAO,QAAQ;AAAA,cAClC,WAAWoB;AAAA,gBACPH,EAAe;AAAA,gBACfjB,MAAS,QAAQiB,EAAe;AAAA,cAAA;AAAA,cAGnC,UAAAnB;AAAA,YAAA;AAAA,UAAA;AAAA,QACL;AAAA,MAAA;AAAA,IAAA;AAKZ,WACI,gBAAAqB,EAAAE,GAAA,EACI,UAAA;AAAA,MAAA,gBAAAP;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAWM;AAAA,YACPH,EAAe;AAAA,YACfV,KAAaU,EAAe;AAAA,YAC5BT,KAAeS,EAAe;AAAA,YAC9BjB,MAAS,QAAQiB,EAAe;AAAA,UAAA;AAAA,UAEpC,eAAa;AAAA,UAEZ,UAAAJ;AAAA,QAAA;AAAA,MAAA;AAAA,MAEJH,IACG,gBAAAI;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,MAAM;AAAA,UACN,WAAWM;AAAA,YACPH,EAAe;AAAA,YACfL,KAAeK,EAAe;AAAA,UAAA;AAAA,UAElC,UAAAlB;AAAA,UACA,gBAAcQ,IAAY,SAAS;AAAA,UACnC,SAAS,MAAM;AACX,YAAKR,KACDU,IAAeH,CAAU;AAAA,UAEjC;AAAA,UAEC,UAAAY;AAAA,QAAA;AAAA,MAAA,IAGL,gBAAAJ;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAWF,IAAcK,EAAe,sBAAsB;AAAA,UAC9D,gBAAcV,IAAY,SAAS;AAAA,UAElC,UAAAW;AAAA,QAAA;AAAA,MAAA;AAAA,IACL,GAER;AAAA,EAER;AACJ;AAEAvB,EAAY,cAAc;"}
+{"version":3,"file":"StepperItem.js","sources":["../../../../../../src/components/navigation/stepper/components/stepper-item/StepperItem.tsx"],"sourcesContent":["import { memo, useContext } from 'react'\r\n\r\nimport { Icon } from '@components/foundation/icon'\r\nimport CheckIcon from '@resources/asset/CheckIcon.svg?react'\r\nimport { Typography } from '@components/foundation/typography'\r\nimport { StepperItemContext } from '@components/navigation/stepper/context/Stepper.context.ts'\r\nimport { STEPPER_ITEM_SIZES } from '@components/navigation/stepper/constants'\r\nimport { STEPPER_STYLES } from '@components/navigation/stepper/styles/Stepper.css.ts'\r\nimport type { StepperItemProps } from '@components/navigation/stepper/components/stepper-item/types/StepperItem.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\n/**\r\n * Individual step slot for `Stepper`. Displays a numbered marker (check icon\r\n * when completed), a label, and an optional description. Renders a `<button>`\r\n * when `onStepChange` is present in context, otherwise a static `<span>`.\r\n */\r\nconst StepperItem = memo(\r\n    ({\r\n        label,\r\n        description,\r\n        disabled,\r\n        size = STEPPER_ITEM_SIZES.md,\r\n        children,\r\n    }: StepperItemProps) => {\r\n        const context = useContext(StepperItemContext)\r\n\r\n        if (!context) {\r\n            throw new Error('Stepper.Item must be rendered inside Stepper.')\r\n        }\r\n\r\n        const { stepNumber, isCurrent, isCompleted, onStepChange } = context\r\n        const isInteractive = Boolean(onStepChange)\r\n        const hasCustomContent = children !== undefined\r\n        const isTitleOnly = !hasCustomContent && !description\r\n        const marker = isCompleted ? (\r\n            <Icon\r\n                icon={CheckIcon}\r\n                size={'sm'}\r\n            />\r\n        ) : (\r\n            <Typography\r\n                as={'span'}\r\n                variant={'span'}\r\n                display={'flex'}\r\n                width={'100%'}\r\n                style={{ height: '100%' }}\r\n                className={STEPPER_STYLES.markerValue}\r\n            >\r\n                {stepNumber}\r\n            </Typography>\r\n        )\r\n        const content = hasCustomContent ? (\r\n            children\r\n        ) : (\r\n            <span\r\n                className={cn(\r\n                    STEPPER_STYLES.content,\r\n                    isTitleOnly && STEPPER_STYLES.contentCentered,\r\n                    size === 'sm' && STEPPER_STYLES.contentSmall,\r\n                )}\r\n            >\r\n                <Typography\r\n                    as={'span'}\r\n                    variant={'span'}\r\n                    fontSize={'sm'}\r\n                    className={cn(STEPPER_STYLES.label, size === 'sm' && STEPPER_STYLES.labelSmall)}\r\n                >\r\n                    {label}\r\n                </Typography>\r\n                {description && (\r\n                    <Typography\r\n                        as={'span'}\r\n                        variant={'span'}\r\n                        fontSize={size === 'sm' ? '2xs' : 'xs'}\r\n                        className={cn(\r\n                            STEPPER_STYLES.description,\r\n                            size === 'sm' && STEPPER_STYLES.descriptionSmall,\r\n                        )}\r\n                    >\r\n                        {description}\r\n                    </Typography>\r\n                )}\r\n            </span>\r\n        )\r\n\r\n        return (\r\n            <>\r\n                <span\r\n                    className={cn(\r\n                        STEPPER_STYLES.marker,\r\n                        isCurrent && STEPPER_STYLES.markerCurrent,\r\n                        isCompleted && STEPPER_STYLES.markerCompleted,\r\n                        size === 'sm' && STEPPER_STYLES.markerSmall,\r\n                    )}\r\n                    aria-hidden={'true'}\r\n                >\r\n                    {marker}\r\n                </span>\r\n                {isInteractive ? (\r\n                    <button\r\n                        type={'button'}\r\n                        className={cn(\r\n                            STEPPER_STYLES.interactive,\r\n                            isTitleOnly && STEPPER_STYLES.itemContentCentered,\r\n                        )}\r\n                        disabled={disabled}\r\n                        aria-current={isCurrent ? 'step' : undefined}\r\n                        onClick={() => {\r\n                            if (!disabled) {\r\n                                onStepChange?.(stepNumber)\r\n                            }\r\n                        }}\r\n                    >\r\n                        {content}\r\n                    </button>\r\n                ) : (\r\n                    <span\r\n                        className={isTitleOnly ? STEPPER_STYLES.itemContentCentered : undefined}\r\n                        aria-current={isCurrent ? 'step' : undefined}\r\n                    >\r\n                        {content}\r\n                    </span>\r\n                )}\r\n            </>\r\n        )\r\n    },\r\n)\r\n\r\nStepperItem.displayName = 'Stepper.Item'\r\n\r\nexport default StepperItem\r\n"],"names":["StepperItem","memo","label","description","disabled","size","STEPPER_ITEM_SIZES","children","context","useContext","StepperItemContext","stepNumber","isCurrent","isCompleted","onStepChange","isInteractive","hasCustomContent","isTitleOnly","marker","jsx","Icon","CheckIcon","Typography","STEPPER_STYLES","content","jsxs","cn","Fragment"],"mappings":";;;;;;;;;;;AAgBA,MAAMA,IAAcC;AAAA,EAChB,CAAC;AAAA,IACG,OAAAC;AAAA,IACA,aAAAC;AAAA,IACA,UAAAC;AAAA,IACA,MAAAC,IAAOC,EAAmB;AAAA,IAC1B,UAAAC;AAAA,EAAA,MACoB;AACpB,UAAMC,IAAUC,EAAWC,CAAkB;AAE7C,QAAI,CAACF;AACD,YAAM,IAAI,MAAM,+CAA+C;AAGnE,UAAM,EAAE,YAAAG,GAAY,WAAAC,GAAW,aAAAC,GAAa,cAAAC,MAAiBN,GACvDO,IAAgB,EAAQD,GACxBE,IAAmBT,MAAa,QAChCU,IAAc,CAACD,KAAoB,CAACb,GACpCe,IAASL,IACX,gBAAAM;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,MAAMC;AAAAA,QACN,MAAM;AAAA,MAAA;AAAA,IAAA,IAGV,gBAAAF;AAAA,MAACG;AAAA,MAAA;AAAA,QACG,IAAI;AAAA,QACJ,SAAS;AAAA,QACT,SAAS;AAAA,QACT,OAAO;AAAA,QACP,OAAO,EAAE,QAAQ,OAAA;AAAA,QACjB,WAAWC,EAAe;AAAA,QAEzB,UAAAZ;AAAA,MAAA;AAAA,IAAA,GAGHa,IAAUR,IACZT,IAEA,gBAAAkB;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAWC;AAAA,UACPH,EAAe;AAAA,UACfN,KAAeM,EAAe;AAAA,UAC9BlB,MAAS,QAAQkB,EAAe;AAAA,QAAA;AAAA,QAGpC,UAAA;AAAA,UAAA,gBAAAJ;AAAA,YAACG;AAAA,YAAA;AAAA,cACG,IAAI;AAAA,cACJ,SAAS;AAAA,cACT,UAAU;AAAA,cACV,WAAWI,EAAGH,EAAe,OAAOlB,MAAS,QAAQkB,EAAe,UAAU;AAAA,cAE7E,UAAArB;AAAA,YAAA;AAAA,UAAA;AAAA,UAEJC,KACG,gBAAAgB;AAAA,YAACG;AAAA,YAAA;AAAA,cACG,IAAI;AAAA,cACJ,SAAS;AAAA,cACT,UAAUjB,MAAS,OAAO,QAAQ;AAAA,cAClC,WAAWqB;AAAA,gBACPH,EAAe;AAAA,gBACflB,MAAS,QAAQkB,EAAe;AAAA,cAAA;AAAA,cAGnC,UAAApB;AAAA,YAAA;AAAA,UAAA;AAAA,QACL;AAAA,MAAA;AAAA,IAAA;AAKZ,WACI,gBAAAsB,EAAAE,GAAA,EACI,UAAA;AAAA,MAAA,gBAAAR;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAWO;AAAA,YACPH,EAAe;AAAA,YACfX,KAAaW,EAAe;AAAA,YAC5BV,KAAeU,EAAe;AAAA,YAC9BlB,MAAS,QAAQkB,EAAe;AAAA,UAAA;AAAA,UAEpC,eAAa;AAAA,UAEZ,UAAAL;AAAA,QAAA;AAAA,MAAA;AAAA,MAEJH,IACG,gBAAAI;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,MAAM;AAAA,UACN,WAAWO;AAAA,YACPH,EAAe;AAAA,YACfN,KAAeM,EAAe;AAAA,UAAA;AAAA,UAElC,UAAAnB;AAAA,UACA,gBAAcQ,IAAY,SAAS;AAAA,UACnC,SAAS,MAAM;AACX,YAAKR,KACDU,IAAeH,CAAU;AAAA,UAEjC;AAAA,UAEC,UAAAa;AAAA,QAAA;AAAA,MAAA,IAGL,gBAAAL;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAWF,IAAcM,EAAe,sBAAsB;AAAA,UAC9D,gBAAcX,IAAY,SAAS;AAAA,UAElC,UAAAY;AAAA,QAAA;AAAA,MAAA;AAAA,IACL,GAER;AAAA,EAER;AACJ;AAEAxB,EAAY,cAAc;"}

package/dist/components/navigation/stepper/styles/Stepper.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit60.css');require('../../../../ui-kit.css');;/* empty css                                              */;/* empty css                             */var t={root:"_11p3mtg0",list:"_11p3mtg1",listHorizontal:"_11p3mtg2",listVertical:"_11p3mtg3",item:"_11p3mtg4",itemVertical:"_11p3mtg5",marker:"_11p3mtg6",markerSmall:"_11p3mtg7",markerValue:"_11p3mtg8",markerCurrent:"_11p3mtg9",markerCompleted:"_11p3mtga",content:"_11p3mtgb",contentCentered:"_11p3mtgc",contentSmall:"_11p3mtgd",itemContentCentered:"_11p3mtge",label:"_11p3mtgf",labelSmall:"_11p3mtgg",description:"_11p3mtgh",descriptionSmall:"_11p3mtgi",connector:"_11p3mtgj",connectorItem:"_11p3mtgk",connectorItemVertical:"_11p3mtgl",connectorVertical:"_11p3mtgm",interactive:"_11p3mtgn",disabled:"_11p3mtgo"};exports.STEPPER_STYLES=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit85.css');require('../../../../ui-kit.css');;/* empty css                                              */;/* empty css                             */var t={root:"_11p3mtg0",list:"_11p3mtg1",listHorizontal:"_11p3mtg2",listVertical:"_11p3mtg3",item:"_11p3mtg4",itemVertical:"_11p3mtg5",marker:"_11p3mtg6",markerSmall:"_11p3mtg7",markerValue:"_11p3mtg8",markerCurrent:"_11p3mtg9",markerCompleted:"_11p3mtga",content:"_11p3mtgb",contentCentered:"_11p3mtgc",contentSmall:"_11p3mtgd",itemContentCentered:"_11p3mtge",label:"_11p3mtgf",labelSmall:"_11p3mtgg",description:"_11p3mtgh",descriptionSmall:"_11p3mtgi",connector:"_11p3mtgj",connectorItem:"_11p3mtgk",connectorItemVertical:"_11p3mtgl",connectorVertical:"_11p3mtgm",interactive:"_11p3mtgn",disabled:"_11p3mtgo"};exports.STEPPER_STYLES=t;
 //# sourceMappingURL=Stepper.css.cjs.map

package/dist/components/navigation/stepper/styles/Stepper.css.js

@@ -1,4 +1,4 @@
-import '../../../../ui-kit60.css';import '../../../../ui-kit.css';/* empty css                                            */
+import '../../../../ui-kit85.css';import '../../../../ui-kit.css';/* empty css                                            */
 /* empty css                           */
 var e = { root: "_11p3mtg0", list: "_11p3mtg1", listHorizontal: "_11p3mtg2", listVertical: "_11p3mtg3", item: "_11p3mtg4", itemVertical: "_11p3mtg5", marker: "_11p3mtg6", markerSmall: "_11p3mtg7", markerValue: "_11p3mtg8", markerCurrent: "_11p3mtg9", markerCompleted: "_11p3mtga", content: "_11p3mtgb", contentCentered: "_11p3mtgc", contentSmall: "_11p3mtgd", itemContentCentered: "_11p3mtge", label: "_11p3mtgf", labelSmall: "_11p3mtgg", description: "_11p3mtgh", descriptionSmall: "_11p3mtgi", connector: "_11p3mtgj", connectorItem: "_11p3mtgk", connectorItemVertical: "_11p3mtgl", connectorVertical: "_11p3mtgm", interactive: "_11p3mtgn", disabled: "_11p3mtgo" };
 export {

package/dist/components/navigation/tabs/components/tabs-content/TabsContent.cjs

@@ -1,2 +1,2 @@
-"use strict";const n=require("react/jsx-runtime"),r=require("react"),o=require("@base-ui/react/tabs"),c=require("./styles/TabsContent.css.cjs"),a=require("../../../../../utils/cn.cjs"),e=r.memo(({className:s,...t})=>n.jsx(o.Tabs.Panel,{className:a.cn(c.TABS_CONTENT_STYLES.root,s),...t}));e.displayName="Tabs.Content";module.exports=e;
+"use strict";const n=require("react/jsx-runtime"),o=require("react"),r=require("@base-ui/react/tabs"),c=require("./styles/TabsContent.css.cjs"),a=require("../../../../../utils/cn.cjs"),e=o.memo(({className:s,...t})=>n.jsx(r.Tabs.Panel,{className:a.cn(c.TABS_CONTENT_STYLES.root,s),...t}));e.displayName="Tabs.Content";module.exports=e;
 //# sourceMappingURL=TabsContent.cjs.map

package/dist/components/navigation/tabs/components/tabs-content/styles/TabsContent.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit69.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                 */var e={root:"tl8h4l0"};exports.TABS_CONTENT_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit92.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                 */var e={root:"tl8h4l0"};exports.TABS_CONTENT_STYLES=e;
 //# sourceMappingURL=TabsContent.css.cjs.map

package/dist/components/navigation/tabs/components/tabs-content/styles/TabsContent.css.js

@@ -1,4 +1,4 @@
-import '../../../../../../ui-kit69.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
+import '../../../../../../ui-kit92.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
 /* empty css                               */
 var t = { root: "tl8h4l0" };
 export {

package/dist/components/navigation/tabs/components/tabs-list/TabsList.cjs

@@ -1,2 +1,2 @@
-"use strict";const e=require("react/jsx-runtime"),n=require("react"),o=require("@base-ui/react/tabs"),u=require("./styles/TabsList.css.cjs"),T=require("../../context/TabsVariant.context.cjs"),b=require("../../../../../utils/cn.cjs"),t=n.memo(({className:a,variant:s="default",bordered:r=!1,activationMode:c,...i})=>e.jsx(T.TabsVariantContext.Provider,{value:{variant:s},children:e.jsx(o.Tabs.List,{className:b.cn(u.TABS_LIST_STYLES.recipe({variant:s,bordered:r}),a),activateOnFocus:c==="automatic",...i})}));t.displayName="Tabs.List";module.exports=t;
+"use strict";const e=require("react/jsx-runtime"),n=require("react"),o=require("@base-ui/react/tabs"),u=require("./styles/TabsList.css.cjs"),T=require("../../context/TabsVariant.context.cjs"),b=require("../../../../../utils/cn.cjs"),t=n.memo(({className:a,variant:s="default",bordered:c=!1,activationMode:i,...r})=>e.jsx(T.TabsVariantContext.Provider,{value:{variant:s},children:e.jsx(o.Tabs.List,{className:b.cn(u.TABS_LIST_STYLES.recipe({variant:s,bordered:c}),a),activateOnFocus:i==="automatic",...r})}));t.displayName="Tabs.List";module.exports=t;
 //# sourceMappingURL=TabsList.cjs.map

package/dist/components/navigation/tabs/components/tabs-list/styles/TabsList.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit70.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                              */const r=require("@vanilla-extract/recipes/createRuntimeFn");var e={recipe:r.createRuntimeFn({defaultClassName:"_17rcrtd0",variantClassNames:{variant:{default:"_17rcrtd1",pills:"_17rcrtd2"},bordered:{true:"_17rcrtd3",false:"_17rcrtd4"}},defaultVariants:{variant:"default",bordered:!1},compoundVariants:[[{variant:"default",bordered:!0},"_17rcrtd5"]]})};exports.TABS_LIST_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit96.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                              */const r=require("@vanilla-extract/recipes/createRuntimeFn");var e={recipe:r.createRuntimeFn({defaultClassName:"_17rcrtd0",variantClassNames:{variant:{default:"_17rcrtd1",pills:"_17rcrtd2"},bordered:{true:"_17rcrtd3",false:"_17rcrtd4"}},defaultVariants:{variant:"default",bordered:!1},compoundVariants:[[{variant:"default",bordered:!0},"_17rcrtd5"]]})};exports.TABS_LIST_STYLES=e;
 //# sourceMappingURL=TabsList.css.cjs.map

package/dist/components/navigation/tabs/components/tabs-list/styles/TabsList.css.js

@@ -1,4 +1,4 @@
-import '../../../../../../ui-kit70.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
+import '../../../../../../ui-kit96.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
 /* empty css                            */
 import { createRuntimeFn as r } from "@vanilla-extract/recipes/createRuntimeFn";
 var d = { recipe: r({ defaultClassName: "_17rcrtd0", variantClassNames: { variant: { default: "_17rcrtd1", pills: "_17rcrtd2" }, bordered: { true: "_17rcrtd3", false: "_17rcrtd4" } }, defaultVariants: { variant: "default", bordered: !1 }, compoundVariants: [[{ variant: "default", bordered: !0 }, "_17rcrtd5"]] }) };

package/dist/components/navigation/tabs/components/tabs-trigger/styles/TabsTrigger.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit72.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                 */const e=require("@vanilla-extract/recipes/createRuntimeFn");var a={recipe:e.createRuntimeFn({defaultClassName:"wm7hyt0",variantClassNames:{variant:{default:"wm7hyt1",pills:"wm7hyt2"}},defaultVariants:{variant:"default"},compoundVariants:[]})},t="wm7hyt3";exports.TABS_TRIGGER_STYLES=a;exports.tabsTriggerLabel=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit100.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                 */const e=require("@vanilla-extract/recipes/createRuntimeFn");var a={recipe:e.createRuntimeFn({defaultClassName:"wm7hyt0",variantClassNames:{variant:{default:"wm7hyt1",pills:"wm7hyt2"}},defaultVariants:{variant:"default"},compoundVariants:[]})},t="wm7hyt3";exports.TABS_TRIGGER_STYLES=a;exports.tabsTriggerLabel=t;
 //# sourceMappingURL=TabsTrigger.css.cjs.map

package/dist/components/navigation/tabs/components/tabs-trigger/styles/TabsTrigger.css.js

@@ -1,4 +1,4 @@
-import '../../../../../../ui-kit72.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
+import '../../../../../../ui-kit100.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
 /* empty css                               */
 import { createRuntimeFn as a } from "@vanilla-extract/recipes/createRuntimeFn";
 var i = { recipe: a({ defaultClassName: "wm7hyt0", variantClassNames: { variant: { default: "wm7hyt1", pills: "wm7hyt2" } }, defaultVariants: { variant: "default" }, compoundVariants: [] }) }, m = "wm7hyt3";

package/dist/components/navigation/tabs/components/tabs-trigger/types/TabsTrigger.props.d.ts

@@ -1,12 +1,13 @@
 import { Tabs } from '@base-ui/react/tabs';
 import { CSSProperties } from 'react';
+import { IconComponent } from '../../../../../foundation/icon';
 export type TabsTriggerProps = Omit<Tabs.Tab.Props, 'children' | 'render'> & {
     /** Overrides the default content-based (`fit-content`) width of the trigger. */
     width?: CSSProperties['width'];
     /** The text content rendered inside the trigger via the Typography component. */
     label: string;
-    /** Iconify icon name rendered before the label. */
-    startIcon?: string;
-    /** Iconify icon name rendered after the label. */
-    endIcon?: string;
+    /** SVG component rendered before the label. */
+    startIcon?: IconComponent;
+    /** SVG component rendered after the label. */
+    endIcon?: IconComponent;
 };

package/dist/components/overlay/_shared/components/overlay-backdrop/OverlayBackdrop.cjs

@@ -1,2 +1,2 @@
-"use strict";const o=require("react/jsx-runtime"),s=require("@base-ui/react/dialog"),a=require("react"),t=require("../../styles/OverlayBackdrop.css.cjs"),i=require("../../../../../utils/cn.cjs"),r=a.memo(({className:e,...c})=>o.jsx(s.Dialog.Backdrop,{className:i.cn(t.OVERLAY_BACKDROP_STYLES.root,e),...c}));r.displayName="OverlayBackdrop";module.exports=r;
+"use strict";const o=require("react/jsx-runtime"),s=require("@base-ui/react/dialog"),a=require("react"),t=require("../../styles/OverlayBackdrop.css.cjs"),i=require("../../../../../utils/cn.cjs"),e=a.memo(({className:r,...c})=>o.jsx(s.Dialog.Backdrop,{className:i.cn(t.OVERLAY_BACKDROP_STYLES.root,r),...c}));e.displayName="OverlayBackdrop";module.exports=e;
 //# sourceMappingURL=OverlayBackdrop.cjs.map

package/dist/components/overlay/_shared/styles/OverlayBackdrop.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit18.css');require('../../../../ui-kit.css');require('../../../../ui-kit6.css');require('../../../../ui-kit14.css');require('../../../../ui-kit13.css');require('../../../../ui-kit12.css');require('../../../../ui-kit4.css');require('../../../../ui-kit10.css');require('../../../../ui-kit11.css');require('../../../../ui-kit8.css');require('../../../../ui-kit3.css');require('../../../../ui-kit7.css');require('../../../../ui-kit9.css');require('../../../../ui-kit5.css');;/* empty css                                                                */;/* empty css                                                                 */;/* empty css                                                                         */;/* empty css                                                                      */;/* empty css                                                                       */;/* empty css                                                                    */;/* empty css                                                                     */;/* empty css                                                                       */;/* empty css                                                                        */;/* empty css                                                                      */;/* empty css                                                                       */;/* empty css                                                                       */;/* empty css                                              */;/* empty css                                     */var e={root:"_1toz4gl0"};exports.OVERLAY_BACKDROP_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit65.css');require('../../../../ui-kit.css');require('../../../../ui-kit12.css');require('../../../../ui-kit13.css');require('../../../../ui-kit14.css');require('../../../../ui-kit3.css');require('../../../../ui-kit5.css');require('../../../../ui-kit11.css');require('../../../../ui-kit6.css');require('../../../../ui-kit4.css');require('../../../../ui-kit8.css');require('../../../../ui-kit9.css');require('../../../../ui-kit10.css');require('../../../../ui-kit7.css');;/* empty css                                                                */;/* empty css                                                                 */;/* empty css                                                                         */;/* empty css                                                                      */;/* empty css                                                                       */;/* empty css                                                                    */;/* empty css                                                                     */;/* empty css                                                                       */;/* empty css                                                                        */;/* empty css                                                                      */;/* empty css                                                                       */;/* empty css                                                                       */;/* empty css                                              */;/* empty css                                     */var e={root:"_1toz4gl0"};exports.OVERLAY_BACKDROP_STYLES=e;
 //# sourceMappingURL=OverlayBackdrop.css.cjs.map

package/dist/components/overlay/_shared/styles/OverlayBackdrop.css.js

@@ -1,4 +1,4 @@
-import '../../../../ui-kit18.css';import '../../../../ui-kit.css';import '../../../../ui-kit6.css';import '../../../../ui-kit14.css';import '../../../../ui-kit13.css';import '../../../../ui-kit12.css';import '../../../../ui-kit4.css';import '../../../../ui-kit10.css';import '../../../../ui-kit11.css';import '../../../../ui-kit8.css';import '../../../../ui-kit3.css';import '../../../../ui-kit7.css';import '../../../../ui-kit9.css';import '../../../../ui-kit5.css';/* empty css                                                              */
+import '../../../../ui-kit65.css';import '../../../../ui-kit.css';import '../../../../ui-kit12.css';import '../../../../ui-kit13.css';import '../../../../ui-kit14.css';import '../../../../ui-kit3.css';import '../../../../ui-kit5.css';import '../../../../ui-kit11.css';import '../../../../ui-kit6.css';import '../../../../ui-kit4.css';import '../../../../ui-kit8.css';import '../../../../ui-kit9.css';import '../../../../ui-kit10.css';import '../../../../ui-kit7.css';/* empty css                                                              */
 /* empty css                                                               */
 /* empty css                                                                       */
 /* empty css                                                                    */

package/dist/components/overlay/alert-dialog/AlertDialog.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../ui-kit83.css');require('../../../ui-kit34.css');require('../../../ui-kit18.css');require('../../../ui-kit.css');require('../../../ui-kit6.css');require('../../../ui-kit14.css');require('../../../ui-kit13.css');require('../../../ui-kit12.css');require('../../../ui-kit4.css');require('../../../ui-kit10.css');require('../../../ui-kit11.css');require('../../../ui-kit8.css');require('../../../ui-kit3.css');require('../../../ui-kit7.css');require('../../../ui-kit9.css');require('../../../ui-kit5.css');const o=require("react/jsx-runtime"),t=require("react"),r=require("../dialog/Dialog.cjs");;/* empty css                                                             */;/* empty css                                                              */;/* empty css                                                                      */;/* empty css                                                                   */;/* empty css                                                                    */;/* empty css                                                                 */;/* empty css                                                                  */;/* empty css                                                                    */;/* empty css                                                                     */;/* empty css                                                                   */;/* empty css                                                                    */;/* empty css                                                                    */;/* empty css                                           */;/* empty css                                                     */;/* empty css                                           */;/* empty css                                                                          */const l=require("./components/alert-dialog-action/AlertDialogAction.cjs"),u=require("./components/alert-dialog-cancel/AlertDialogCancel.cjs"),e=t.memo(i=>o.jsx(r.Dialog,{...i}));e.displayName="AlertDialog";e.Trigger=r.Dialog.Trigger;e.Content=r.Dialog.Content;e.Header=r.Dialog.Header;e.Body=r.Dialog.Body;e.Footer=r.Dialog.Footer;e.Title=r.Dialog.Title;e.Description=r.Dialog.Description;e.Close=r.Dialog.Close;e.Action=l;e.Cancel=u;exports.AlertDialog=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../ui-kit91.css');require('../../../ui-kit67.css');require('../../../ui-kit65.css');require('../../../ui-kit.css');require('../../../ui-kit12.css');require('../../../ui-kit13.css');require('../../../ui-kit14.css');require('../../../ui-kit3.css');require('../../../ui-kit5.css');require('../../../ui-kit11.css');require('../../../ui-kit6.css');require('../../../ui-kit4.css');require('../../../ui-kit8.css');require('../../../ui-kit9.css');require('../../../ui-kit10.css');require('../../../ui-kit7.css');const o=require("react/jsx-runtime"),t=require("react"),r=require("../dialog/Dialog.cjs");;/* empty css                                                             */;/* empty css                                                              */;/* empty css                                                                      */;/* empty css                                                                   */;/* empty css                                                                    */;/* empty css                                                                 */;/* empty css                                                                  */;/* empty css                                                                    */;/* empty css                                                                     */;/* empty css                                                                   */;/* empty css                                                                    */;/* empty css                                                                    */;/* empty css                                           */;/* empty css                                                     */;/* empty css                                           */;/* empty css                                                                          */const l=require("./components/alert-dialog-action/AlertDialogAction.cjs"),u=require("./components/alert-dialog-cancel/AlertDialogCancel.cjs"),e=t.memo(i=>o.jsx(r.Dialog,{...i}));e.displayName="AlertDialog";e.Trigger=r.Dialog.Trigger;e.Content=r.Dialog.Content;e.Header=r.Dialog.Header;e.Body=r.Dialog.Body;e.Footer=r.Dialog.Footer;e.Title=r.Dialog.Title;e.Description=r.Dialog.Description;e.Close=r.Dialog.Close;e.Action=l;e.Cancel=u;exports.AlertDialog=e;
 //# sourceMappingURL=AlertDialog.cjs.map

package/dist/components/overlay/alert-dialog/AlertDialog.js

@@ -1,7 +1,7 @@
 import { jsx as i } from "react/jsx-runtime";
 import { memo as m } from "react";
 import { Dialog as r } from "../dialog/Dialog.js";
-import '../../../ui-kit83.css';import '../../../ui-kit34.css';import '../../../ui-kit18.css';import '../../../ui-kit.css';import '../../../ui-kit6.css';import '../../../ui-kit14.css';import '../../../ui-kit13.css';import '../../../ui-kit12.css';import '../../../ui-kit4.css';import '../../../ui-kit10.css';import '../../../ui-kit11.css';import '../../../ui-kit8.css';import '../../../ui-kit3.css';import '../../../ui-kit7.css';import '../../../ui-kit9.css';import '../../../ui-kit5.css';/* empty css                                                           */
+import '../../../ui-kit91.css';import '../../../ui-kit67.css';import '../../../ui-kit65.css';import '../../../ui-kit.css';import '../../../ui-kit12.css';import '../../../ui-kit13.css';import '../../../ui-kit14.css';import '../../../ui-kit3.css';import '../../../ui-kit5.css';import '../../../ui-kit11.css';import '../../../ui-kit6.css';import '../../../ui-kit4.css';import '../../../ui-kit8.css';import '../../../ui-kit9.css';import '../../../ui-kit10.css';import '../../../ui-kit7.css';/* empty css                                                           */
 /* empty css                                                            */
 /* empty css                                                                    */
 /* empty css                                                                 */

package/dist/components/overlay/alert-dialog/components/alert-dialog-action/AlertDialogAction.cjs

@@ -1,2 +1,2 @@
-"use strict";const e=require("react/jsx-runtime"),s=require("react"),c=require("../../../../actions/button/Button.cjs");require("../../../../actions/button/styles/Button.css.cjs");const n=require("../../../dialog/components/dialog-close/DialogClose.cjs"),t=s.memo(({color:r="destructive",variant:i="contained",...o})=>e.jsx(n,{children:e.jsx(c,{...o,color:r,variant:i})}));t.displayName="AlertDialog.Action";module.exports=t;
+"use strict";const e=require("react/jsx-runtime"),s=require("react"),c=require("../../../../actions/button/Button.cjs");require("../../../../actions/button/styles/Button.css.cjs");const n=require("../../../dialog/components/dialog-close/DialogClose.cjs"),t=s.memo(({color:i="destructive",variant:r="contained",...o})=>e.jsx(n,{children:e.jsx(c,{...o,color:i,variant:r})}));t.displayName="AlertDialog.Action";module.exports=t;
 //# sourceMappingURL=AlertDialogAction.cjs.map

package/dist/components/overlay/alert-dialog/styles/AlertDialog.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit34.css');require('../../../../ui-kit18.css');require('../../../../ui-kit.css');require('../../../../ui-kit6.css');require('../../../../ui-kit14.css');require('../../../../ui-kit13.css');require('../../../../ui-kit12.css');require('../../../../ui-kit4.css');require('../../../../ui-kit10.css');require('../../../../ui-kit11.css');require('../../../../ui-kit8.css');require('../../../../ui-kit3.css');require('../../../../ui-kit7.css');require('../../../../ui-kit9.css');require('../../../../ui-kit5.css');;/* empty css                                                                */;/* empty css                                                                 */;/* empty css                                                                         */;/* empty css                                                                      */;/* empty css                                                                       */;/* empty css                                                                    */;/* empty css                                                                     */;/* empty css                                                                       */;/* empty css                                                                        */;/* empty css                                                                      */;/* empty css                                                                       */;/* empty css                                                                       */;/* empty css                                              */;/* empty css                                                        */;/* empty css                                              */var e={overlay:"_1toz4gl0",content:"_1bzhpwp0",contentSize:{sm:"_1bzhpwp1",md:"_1bzhpwp2",lg:"_1bzhpwp3",xl:"_1bzhpwp4","2xl":"_1bzhpwp5",full:"_1bzhpwp6"}};exports.ALERT_DIALOG_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit67.css');require('../../../../ui-kit65.css');require('../../../../ui-kit.css');require('../../../../ui-kit12.css');require('../../../../ui-kit13.css');require('../../../../ui-kit14.css');require('../../../../ui-kit3.css');require('../../../../ui-kit5.css');require('../../../../ui-kit11.css');require('../../../../ui-kit6.css');require('../../../../ui-kit4.css');require('../../../../ui-kit8.css');require('../../../../ui-kit9.css');require('../../../../ui-kit10.css');require('../../../../ui-kit7.css');;/* empty css                                                                */;/* empty css                                                                 */;/* empty css                                                                         */;/* empty css                                                                      */;/* empty css                                                                       */;/* empty css                                                                    */;/* empty css                                                                     */;/* empty css                                                                       */;/* empty css                                                                        */;/* empty css                                                                      */;/* empty css                                                                       */;/* empty css                                                                       */;/* empty css                                              */;/* empty css                                                        */;/* empty css                                              */var e={overlay:"_1toz4gl0",content:"_1bzhpwp0",contentSize:{sm:"_1bzhpwp1",md:"_1bzhpwp2",lg:"_1bzhpwp3",xl:"_1bzhpwp4","2xl":"_1bzhpwp5",full:"_1bzhpwp6"}};exports.ALERT_DIALOG_STYLES=e;
 //# sourceMappingURL=AlertDialog.css.cjs.map

package/dist/components/overlay/alert-dialog/styles/AlertDialog.css.js

@@ -1,4 +1,4 @@
-import '../../../../ui-kit34.css';import '../../../../ui-kit18.css';import '../../../../ui-kit.css';import '../../../../ui-kit6.css';import '../../../../ui-kit14.css';import '../../../../ui-kit13.css';import '../../../../ui-kit12.css';import '../../../../ui-kit4.css';import '../../../../ui-kit10.css';import '../../../../ui-kit11.css';import '../../../../ui-kit8.css';import '../../../../ui-kit3.css';import '../../../../ui-kit7.css';import '../../../../ui-kit9.css';import '../../../../ui-kit5.css';/* empty css                                                              */
+import '../../../../ui-kit67.css';import '../../../../ui-kit65.css';import '../../../../ui-kit.css';import '../../../../ui-kit12.css';import '../../../../ui-kit13.css';import '../../../../ui-kit14.css';import '../../../../ui-kit3.css';import '../../../../ui-kit5.css';import '../../../../ui-kit11.css';import '../../../../ui-kit6.css';import '../../../../ui-kit4.css';import '../../../../ui-kit8.css';import '../../../../ui-kit9.css';import '../../../../ui-kit10.css';import '../../../../ui-kit7.css';/* empty css                                                              */
 /* empty css                                                               */
 /* empty css                                                                       */
 /* empty css                                                                    */

package/dist/components/overlay/command/components/command-content/CommandContent.cjs

@@ -1,2 +1,2 @@
-"use strict";const l=require("react/jsx-runtime"),y=require("@base-ui/react/dialog"),o=require("react"),E=require("../../../_shared/components/overlay-backdrop/OverlayBackdrop.cjs"),j=require("../../context/Command.context.cjs"),p=require("../../styles/Command.css.cjs"),M=require("../../../../../utils/cn.cjs"),x=o.memo(({className:D,size:b="md","aria-label":h,"aria-labelledby":d,defaultAriaLabel:w="Command palette",children:C,...I})=>{const[c,S]=o.useState(""),[n,s]=o.useState(void 0),u=o.useId(),m=o.useRef(null),f=o.useRef(c);f.current!==c&&(f.current=c,s(void 0));const A=o.useMemo(()=>({search:c,setSearch:S,activeId:n,setActiveId:s,listId:u,listRef:m}),[c,n,u]),g=h??(d?void 0:w),q=o.useCallback(t=>{const k=m.current;if(!k||t.key!=="ArrowDown"&&t.key!=="ArrowUp"&&t.key!=="Home"&&t.key!=="End"&&t.key!=="Enter")return;const e=Array.from(k.querySelectorAll('[role="option"]:not([hidden]):not([data-disabled])'));if(e.length)if(t.key==="ArrowDown"){t.preventDefault();const i=e.findIndex(a=>a.id===n),r=i<e.length-1?i+1:0;s(e[r].id),e[r].scrollIntoView?.({block:"nearest"})}else if(t.key==="ArrowUp"){t.preventDefault();const i=e.findIndex(a=>a.id===n),r=i>0?i-1:e.length-1;s(e[r].id),e[r].scrollIntoView?.({block:"nearest"})}else t.key==="Home"?(t.preventDefault(),s(e[0].id),e[0].scrollIntoView?.({block:"nearest"})):t.key==="End"?(t.preventDefault(),s(e[e.length-1].id),e[e.length-1].scrollIntoView?.({block:"nearest"})):t.key==="Enter"&&n&&(t.preventDefault(),e.find(r=>r.id===n)?.click())},[n]);return l.jsx(j.CommandContext.Provider,{value:A,children:l.jsxs(y.Dialog.Portal,{children:[l.jsx(E,{}),l.jsx(y.Dialog.Popup,{className:M.cn(p.COMMAND_STYLES.content,p.COMMAND_STYLES.contentSize[b],D),"aria-label":g,"aria-labelledby":d,onKeyDown:q,...I,children:C})]})})});x.displayName="Command.Content";module.exports=x;
+"use strict";const l=require("react/jsx-runtime"),y=require("@base-ui/react/dialog"),o=require("react"),E=require("../../../_shared/components/overlay-backdrop/OverlayBackdrop.cjs"),R=require("../../context/Command.context.cjs"),p=require("../../styles/Command.css.cjs"),j=require("../../../../../utils/cn.cjs"),x=o.memo(({className:D,size:b="md","aria-label":h,"aria-labelledby":d,defaultAriaLabel:w="Command palette",children:C,...I})=>{const[c,S]=o.useState(""),[n,s]=o.useState(void 0),u=o.useId(),m=o.useRef(null),f=o.useRef(c);f.current!==c&&(f.current=c,s(void 0));const A=o.useMemo(()=>({search:c,setSearch:S,activeId:n,setActiveId:s,listId:u,listRef:m}),[c,n,u]),g=h??(d?void 0:w),q=o.useCallback(t=>{const k=m.current;if(!k||t.key!=="ArrowDown"&&t.key!=="ArrowUp"&&t.key!=="Home"&&t.key!=="End"&&t.key!=="Enter")return;const e=Array.from(k.querySelectorAll('[role="option"]:not([hidden]):not([data-disabled])'));if(e.length)if(t.key==="ArrowDown"){t.preventDefault();const i=e.findIndex(a=>a.id===n),r=i<e.length-1?i+1:0;s(e[r].id),e[r].scrollIntoView?.({block:"nearest"})}else if(t.key==="ArrowUp"){t.preventDefault();const i=e.findIndex(a=>a.id===n),r=i>0?i-1:e.length-1;s(e[r].id),e[r].scrollIntoView?.({block:"nearest"})}else t.key==="Home"?(t.preventDefault(),s(e[0].id),e[0].scrollIntoView?.({block:"nearest"})):t.key==="End"?(t.preventDefault(),s(e[e.length-1].id),e[e.length-1].scrollIntoView?.({block:"nearest"})):t.key==="Enter"&&n&&(t.preventDefault(),e.find(r=>r.id===n)?.click())},[n]);return l.jsx(R.CommandContext.Provider,{value:A,children:l.jsxs(y.Dialog.Portal,{children:[l.jsx(E,{}),l.jsx(y.Dialog.Popup,{className:j.cn(p.COMMAND_STYLES.content,p.COMMAND_STYLES.contentSize[b],D),"aria-label":g,"aria-labelledby":d,onKeyDown:q,...I,children:C})]})})});x.displayName="Command.Content";module.exports=x;
 //# sourceMappingURL=CommandContent.cjs.map

package/dist/components/overlay/command/components/command-group/styles/CommandGroup.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit156.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                  */var e={root:"_1adbp1f0",label:"_1adbp1f1"};exports.COMMAND_GROUP_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit145.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                  */var e={root:"_1adbp1f0",label:"_1adbp1f1"};exports.COMMAND_GROUP_STYLES=e;
 //# sourceMappingURL=CommandGroup.css.cjs.map

package/dist/components/overlay/command/components/command-group/styles/CommandGroup.css.js

@@ -1,4 +1,4 @@
-import '../../../../../../ui-kit156.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
+import '../../../../../../ui-kit145.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
 /* empty css                                */
 var r = { root: "_1adbp1f0", label: "_1adbp1f1" };
 export {

package/dist/components/overlay/command/components/command-input/CommandInput.cjs

@@ -1,2 +1,2 @@
-"use strict";const e=require("react/jsx-runtime"),S=require("react"),_=require("../../../../actions/icon-button/IconButton.cjs");require("../../../../actions/icon-button/styles/IconButton.css.cjs");const b=require("../../../../foundation/icon/Icon.cjs");require("../../../../foundation/icon/styles/Icon.css.cjs");const s=require("../../../../../constants/icons.cjs"),f=require("../../context/Command.context.cjs"),a=require("./styles/CommandInput.css.cjs"),g=require("../../../../../utils/cn.cjs"),o=S.memo(({className:c,placeholder:i="Search...","aria-label":l,defaultAriaLabel:u="Search",defaultClearAriaLabel:m="Clear search",onClear:d,onChange:C,...p})=>{const{search:t,setSearch:r,activeId:h,listId:x}=f.useCommandContext(),I=l??u,q=n=>{r(n.target.value),C?.(n)},N=()=>{r(""),d?.()};return e.jsxs("div",{className:a.COMMAND_INPUT_STYLES.wrapper,children:[e.jsx("span",{className:a.COMMAND_INPUT_STYLES.icon,"aria-hidden":!0,children:e.jsx(b,{icon:s.IconRegistry.search,size:"sm"})}),e.jsx("input",{type:"text",role:"combobox","aria-expanded":!0,"aria-controls":x,"aria-activedescendant":h,"aria-label":I,autoComplete:"off",autoCorrect:"off",autoCapitalize:"off",spellCheck:!1,className:g.cn(a.COMMAND_INPUT_STYLES.input,c),placeholder:i,value:t,onChange:q,...p}),t&&e.jsx(_,{type:"button",icon:s.IconRegistry.close,"aria-label":m,variant:"ghost",size:"xs",onClick:N})]})});o.displayName="Command.Input";module.exports=o;
+"use strict";const e=require("react/jsx-runtime"),N=require("react"),S=require("../../../../actions/icon-button/IconButton.cjs");require("../../../../actions/icon-button/styles/IconButton.css.cjs");const _=require("../../../../foundation/icon/Icon.cjs");require("../../../../foundation/icon/styles/Icon.css.cjs");const b=require("../../../../../resources/asset/CloseIcon.svg.cjs"),f=require("../../../../../resources/asset/SearchIcon.svg.cjs"),j=require("../../context/Command.context.cjs"),a=require("./styles/CommandInput.css.cjs"),M=require("../../../../../utils/cn.cjs"),o=N.memo(({className:s,placeholder:c="Search...","aria-label":i,defaultAriaLabel:u="Search",defaultClearAriaLabel:l="Clear search",onClear:m,onChange:d,...C})=>{const{search:t,setSearch:n,activeId:p,listId:h}=j.useCommandContext(),x=i??u,I=r=>{n(r.target.value),d?.(r)},q=()=>{n(""),m?.()};return e.jsxs("div",{className:a.COMMAND_INPUT_STYLES.wrapper,children:[e.jsx("span",{className:a.COMMAND_INPUT_STYLES.icon,"aria-hidden":!0,children:e.jsx(_,{icon:f,size:"sm"})}),e.jsx("input",{type:"text",role:"combobox","aria-expanded":!0,"aria-controls":h,"aria-activedescendant":p,"aria-label":x,autoComplete:"off",autoCorrect:"off",autoCapitalize:"off",spellCheck:!1,className:M.cn(a.COMMAND_INPUT_STYLES.input,s),placeholder:c,value:t,onChange:I,...C}),t&&e.jsx(S,{type:"button",icon:b,"aria-label":l,variant:"ghost",size:"xs",onClick:q})]})});o.displayName="Command.Input";module.exports=o;
 //# sourceMappingURL=CommandInput.cjs.map

package/dist/components/overlay/command/components/command-input/CommandInput.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"CommandInput.cjs","sources":["../../../../../../src/components/overlay/command/components/command-input/CommandInput.tsx"],"sourcesContent":["import { memo, type FC } from 'react'\r\n\r\nimport { IconButton } from '@components/actions/icon-button'\r\nimport { Icon } from '@components/foundation/icon'\r\nimport { IconRegistry } from '@constants/icons'\r\nimport { useCommandContext } from '@components/overlay/command/context/Command.context.ts'\r\nimport { COMMAND_INPUT_STYLES } from '@components/overlay/command/components/command-input/styles/CommandInput.css.ts'\r\nimport type { CommandInputProps } from '@components/overlay/command/components/command-input/types/CommandInput.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\n/**\r\n * The search input inside a `Command.Content` panel.\r\n *\r\n * Implements the WAI-ARIA combobox pattern:\r\n * - `role=\"combobox\"` with `aria-expanded=\"true\"` (always shown alongside the listbox)\r\n * - `aria-controls` pointing to the `Command.List` element\r\n * - `aria-activedescendant` reflecting the currently highlighted item\r\n *\r\n * Arrow-key and Enter-key handling is delegated to the `Command.Content`\r\n * wrapper via event bubbling so that the input retains full text-editing\r\n * keyboard shortcuts.\r\n *\r\n * A clear `IconButton` appears when the input has a value. Clicking it resets\r\n * the search and fires `onClear`. Override `defaultClearAriaLabel` for i18n.\r\n */\r\nconst CommandInput: FC<CommandInputProps> = memo(({\r\n    className,\r\n    placeholder = 'Search...',\r\n    'aria-label': ariaLabel,\r\n    defaultAriaLabel = 'Search',\r\n    defaultClearAriaLabel = 'Clear search',\r\n    onClear,\r\n    onChange,\r\n    ...props\r\n}) => {\r\n    const { search, setSearch, activeId, listId } = useCommandContext()\r\n\r\n    const inputAriaLabel = ariaLabel ?? defaultAriaLabel\r\n\r\n    const handleChange = (event: React.ChangeEvent<HTMLInputElement>): void => {\r\n        setSearch(event.target.value)\r\n        onChange?.(event)\r\n    }\r\n\r\n    const handleClear = (): void => {\r\n        setSearch('')\r\n        onClear?.()\r\n    }\r\n\r\n    return (\r\n        <div className={COMMAND_INPUT_STYLES.wrapper}>\r\n            <span\r\n                className={COMMAND_INPUT_STYLES.icon}\r\n                aria-hidden\r\n            >\r\n                <Icon\r\n                    icon={IconRegistry.search}\r\n                    size={'sm'}\r\n                />\r\n            </span>\r\n            <input\r\n                type={'text'}\r\n                role={'combobox'}\r\n                aria-expanded={true}\r\n                aria-controls={listId}\r\n                aria-activedescendant={activeId}\r\n                aria-label={inputAriaLabel}\r\n                autoComplete={'off'}\r\n                autoCorrect={'off'}\r\n                autoCapitalize={'off'}\r\n                spellCheck={false}\r\n                className={cn(COMMAND_INPUT_STYLES.input, className)}\r\n                placeholder={placeholder}\r\n                value={search}\r\n                onChange={handleChange}\r\n                {...props}\r\n            />\r\n            {search && (\r\n                <IconButton\r\n                    type={'button'}\r\n                    icon={IconRegistry.close}\r\n                    aria-label={defaultClearAriaLabel}\r\n                    variant={'ghost'}\r\n                    size={'xs'}\r\n                    onClick={handleClear}\r\n                />\r\n            )}\r\n        </div>\r\n    )\r\n})\r\n\r\nCommandInput.displayName = 'Command.Input'\r\n\r\nexport default CommandInput\r\n"],"names":["CommandInput","memo","className","placeholder","ariaLabel","defaultAriaLabel","defaultClearAriaLabel","onClear","onChange","props","search","setSearch","activeId","listId","useCommandContext","inputAriaLabel","handleChange","event","handleClear","jsxs","COMMAND_INPUT_STYLES","jsx","Icon","IconRegistry","cn","IconButton"],"mappings":"kfAyBMA,EAAsCC,EAAAA,KAAK,CAAC,CAC9C,UAAAC,EACA,YAAAC,EAAc,YACd,aAAcC,EACd,iBAAAC,EAAmB,SACnB,sBAAAC,EAAwB,eACxB,QAAAC,EACA,SAAAC,EACA,GAAGC,CACP,IAAM,CACF,KAAM,CAAE,OAAAC,EAAQ,UAAAC,EAAW,SAAAC,EAAU,OAAAC,CAAA,EAAWC,EAAAA,kBAAA,EAE1CC,EAAiBX,GAAaC,EAE9BW,EAAgBC,GAAqD,CACvEN,EAAUM,EAAM,OAAO,KAAK,EAC5BT,IAAWS,CAAK,CACpB,EAEMC,EAAc,IAAY,CAC5BP,EAAU,EAAE,EACZJ,IAAA,CACJ,EAEA,OACIY,EAAAA,KAAC,MAAA,CAAI,UAAWC,EAAAA,qBAAqB,QACjC,SAAA,CAAAC,EAAAA,IAAC,OAAA,CACG,UAAWD,EAAAA,qBAAqB,KAChC,cAAW,GAEX,SAAAC,EAAAA,IAACC,EAAA,CACG,KAAMC,EAAAA,aAAa,OACnB,KAAM,IAAA,CAAA,CACV,CAAA,EAEJF,EAAAA,IAAC,QAAA,CACG,KAAM,OACN,KAAM,WACN,gBAAe,GACf,gBAAeR,EACf,wBAAuBD,EACvB,aAAYG,EACZ,aAAc,MACd,YAAa,MACb,eAAgB,MAChB,WAAY,GACZ,UAAWS,EAAAA,GAAGJ,uBAAqB,MAAOlB,CAAS,EACnD,YAAAC,EACA,MAAOO,EACP,SAAUM,EACT,GAAGP,CAAA,CAAA,EAEPC,GACGW,EAAAA,IAACI,EAAA,CACG,KAAM,SACN,KAAMF,EAAAA,aAAa,MACnB,aAAYjB,EACZ,QAAS,QACT,KAAM,KACN,QAASY,CAAA,CAAA,CACb,EAER,CAER,CAAC,EAEDlB,EAAa,YAAc"}
+{"version":3,"file":"CommandInput.cjs","sources":["../../../../../../src/components/overlay/command/components/command-input/CommandInput.tsx"],"sourcesContent":["import { memo, type FC } from 'react'\r\n\r\nimport { IconButton } from '@components/actions/icon-button'\r\nimport { Icon } from '@components/foundation/icon'\r\nimport CloseIcon from '@resources/asset/CloseIcon.svg?react'\r\nimport SearchIcon from '@resources/asset/SearchIcon.svg?react'\r\nimport { useCommandContext } from '@components/overlay/command/context/Command.context.ts'\r\nimport { COMMAND_INPUT_STYLES } from '@components/overlay/command/components/command-input/styles/CommandInput.css.ts'\r\nimport type { CommandInputProps } from '@components/overlay/command/components/command-input/types/CommandInput.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\n/**\r\n * The search input inside a `Command.Content` panel.\r\n *\r\n * Implements the WAI-ARIA combobox pattern:\r\n * - `role=\"combobox\"` with `aria-expanded=\"true\"` (always shown alongside the listbox)\r\n * - `aria-controls` pointing to the `Command.List` element\r\n * - `aria-activedescendant` reflecting the currently highlighted item\r\n *\r\n * Arrow-key and Enter-key handling is delegated to the `Command.Content`\r\n * wrapper via event bubbling so that the input retains full text-editing\r\n * keyboard shortcuts.\r\n *\r\n * A clear `IconButton` appears when the input has a value. Clicking it resets\r\n * the search and fires `onClear`. Override `defaultClearAriaLabel` for i18n.\r\n */\r\nconst CommandInput: FC<CommandInputProps> = memo(({\r\n    className,\r\n    placeholder = 'Search...',\r\n    'aria-label': ariaLabel,\r\n    defaultAriaLabel = 'Search',\r\n    defaultClearAriaLabel = 'Clear search',\r\n    onClear,\r\n    onChange,\r\n    ...props\r\n}) => {\r\n    const { search, setSearch, activeId, listId } = useCommandContext()\r\n\r\n    const inputAriaLabel = ariaLabel ?? defaultAriaLabel\r\n\r\n    const handleChange = (event: React.ChangeEvent<HTMLInputElement>): void => {\r\n        setSearch(event.target.value)\r\n        onChange?.(event)\r\n    }\r\n\r\n    const handleClear = (): void => {\r\n        setSearch('')\r\n        onClear?.()\r\n    }\r\n\r\n    return (\r\n        <div className={COMMAND_INPUT_STYLES.wrapper}>\r\n            <span\r\n                className={COMMAND_INPUT_STYLES.icon}\r\n                aria-hidden\r\n            >\r\n                <Icon\r\n                    icon={SearchIcon}\r\n                    size={'sm'}\r\n                />\r\n            </span>\r\n            <input\r\n                type={'text'}\r\n                role={'combobox'}\r\n                aria-expanded={true}\r\n                aria-controls={listId}\r\n                aria-activedescendant={activeId}\r\n                aria-label={inputAriaLabel}\r\n                autoComplete={'off'}\r\n                autoCorrect={'off'}\r\n                autoCapitalize={'off'}\r\n                spellCheck={false}\r\n                className={cn(COMMAND_INPUT_STYLES.input, className)}\r\n                placeholder={placeholder}\r\n                value={search}\r\n                onChange={handleChange}\r\n                {...props}\r\n            />\r\n            {search && (\r\n                <IconButton\r\n                    type={'button'}\r\n                    icon={CloseIcon}\r\n                    aria-label={defaultClearAriaLabel}\r\n                    variant={'ghost'}\r\n                    size={'xs'}\r\n                    onClick={handleClear}\r\n                />\r\n            )}\r\n        </div>\r\n    )\r\n})\r\n\r\nCommandInput.displayName = 'Command.Input'\r\n\r\nexport default CommandInput\r\n"],"names":["CommandInput","memo","className","placeholder","ariaLabel","defaultAriaLabel","defaultClearAriaLabel","onClear","onChange","props","search","setSearch","activeId","listId","useCommandContext","inputAriaLabel","handleChange","event","handleClear","jsxs","COMMAND_INPUT_STYLES","jsx","Icon","SearchIcon","cn","IconButton","CloseIcon"],"mappings":"+jBA0BMA,EAAsCC,EAAAA,KAAK,CAAC,CAC9C,UAAAC,EACA,YAAAC,EAAc,YACd,aAAcC,EACd,iBAAAC,EAAmB,SACnB,sBAAAC,EAAwB,eACxB,QAAAC,EACA,SAAAC,EACA,GAAGC,CACP,IAAM,CACF,KAAM,CAAE,OAAAC,EAAQ,UAAAC,EAAW,SAAAC,EAAU,OAAAC,CAAA,EAAWC,EAAAA,kBAAA,EAE1CC,EAAiBX,GAAaC,EAE9BW,EAAgBC,GAAqD,CACvEN,EAAUM,EAAM,OAAO,KAAK,EAC5BT,IAAWS,CAAK,CACpB,EAEMC,EAAc,IAAY,CAC5BP,EAAU,EAAE,EACZJ,IAAA,CACJ,EAEA,OACIY,EAAAA,KAAC,MAAA,CAAI,UAAWC,EAAAA,qBAAqB,QACjC,SAAA,CAAAC,EAAAA,IAAC,OAAA,CACG,UAAWD,EAAAA,qBAAqB,KAChC,cAAW,GAEX,SAAAC,EAAAA,IAACC,EAAA,CACG,KAAMC,EACN,KAAM,IAAA,CAAA,CACV,CAAA,EAEJF,EAAAA,IAAC,QAAA,CACG,KAAM,OACN,KAAM,WACN,gBAAe,GACf,gBAAeR,EACf,wBAAuBD,EACvB,aAAYG,EACZ,aAAc,MACd,YAAa,MACb,eAAgB,MAChB,WAAY,GACZ,UAAWS,EAAAA,GAAGJ,uBAAqB,MAAOlB,CAAS,EACnD,YAAAC,EACA,MAAOO,EACP,SAAUM,EACT,GAAGP,CAAA,CAAA,EAEPC,GACGW,EAAAA,IAACI,EAAA,CACG,KAAM,SACN,KAAMC,EACN,aAAYpB,EACZ,QAAS,QACT,KAAM,KACN,QAASY,CAAA,CAAA,CACb,EAER,CAER,CAAC,EAEDlB,EAAa,YAAc"}

package/dist/components/overlay/command/components/command-input/CommandInput.js

@@ -1,38 +1,39 @@
-import { jsxs as b, jsx as a } from "react/jsx-runtime";
-import { memo as N } from "react";
-import g from "../../../../actions/icon-button/IconButton.js";
+import { jsxs as x, jsx as a } from "react/jsx-runtime";
+import { memo as S } from "react";
+import b from "../../../../actions/icon-button/IconButton.js";
 import "../../../../actions/icon-button/styles/IconButton.css.js";
 import v from "../../../../foundation/icon/Icon.js";
 import "../../../../foundation/icon/styles/Icon.css.js";
-import { IconRegistry as i } from "../../../../../constants/icons.js";
-import { useCommandContext as S } from "../../context/Command.context.js";
-import { COMMAND_INPUT_STYLES as e } from "./styles/CommandInput.css.js";
-import { cn as y } from "../../../../../utils/cn.js";
-const z = N(({
-  className: n,
-  placeholder: s = "Search...",
+import g from "../../../../../resources/asset/CloseIcon.svg.js";
+import N from "../../../../../resources/asset/SearchIcon.svg.js";
+import { useCommandContext as y } from "../../context/Command.context.js";
+import { COMMAND_INPUT_STYLES as o } from "./styles/CommandInput.css.js";
+import { cn as z } from "../../../../../utils/cn.js";
+const j = S(({
+  className: i,
+  placeholder: n = "Search...",
   "aria-label": m,
   defaultAriaLabel: c = "Search",
-  defaultClearAriaLabel: l = "Clear search",
-  onClear: p,
-  onChange: d,
-  ...u
+  defaultClearAriaLabel: s = "Clear search",
+  onClear: l,
+  onChange: p,
+  ...d
 }) => {
-  const { search: o, setSearch: t, activeId: f, listId: h } = S(), C = m ?? c, x = (r) => {
-    t(r.target.value), d?.(r);
+  const { search: e, setSearch: r, activeId: f, listId: u } = y(), h = m ?? c, C = (t) => {
+    r(t.target.value), p?.(t);
   }, I = () => {
-    t(""), p?.();
+    r(""), l?.();
   };
-  return /* @__PURE__ */ b("div", { className: e.wrapper, children: [
+  return /* @__PURE__ */ x("div", { className: o.wrapper, children: [
     /* @__PURE__ */ a(
       "span",
       {
-        className: e.icon,
+        className: o.icon,
         "aria-hidden": !0,
         children: /* @__PURE__ */ a(
           v,
           {
-            icon: i.search,
+            icon: N,
             size: "sm"
           }
         )
@@ -44,26 +45,26 @@ const z = N(({
         type: "text",
         role: "combobox",
         "aria-expanded": !0,
-        "aria-controls": h,
+        "aria-controls": u,
         "aria-activedescendant": f,
-        "aria-label": C,
+        "aria-label": h,
         autoComplete: "off",
         autoCorrect: "off",
         autoCapitalize: "off",
         spellCheck: !1,
-        className: y(e.input, n),
-        placeholder: s,
-        value: o,
-        onChange: x,
-        ...u
+        className: z(o.input, i),
+        placeholder: n,
+        value: e,
+        onChange: C,
+        ...d
       }
     ),
-    o && /* @__PURE__ */ a(
-      g,
+    e && /* @__PURE__ */ a(
+      b,
       {
         type: "button",
-        icon: i.close,
-        "aria-label": l,
+        icon: g,
+        "aria-label": s,
         variant: "ghost",
         size: "xs",
         onClick: I
@@ -71,8 +72,8 @@ const z = N(({
     )
   ] });
 });
-z.displayName = "Command.Input";
+j.displayName = "Command.Input";
 export {
-  z as default
+  j as default
 };
 //# sourceMappingURL=CommandInput.js.map

package/dist/components/overlay/command/components/command-input/CommandInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"CommandInput.js","sources":["../../../../../../src/components/overlay/command/components/command-input/CommandInput.tsx"],"sourcesContent":["import { memo, type FC } from 'react'\r\n\r\nimport { IconButton } from '@components/actions/icon-button'\r\nimport { Icon } from '@components/foundation/icon'\r\nimport { IconRegistry } from '@constants/icons'\r\nimport { useCommandContext } from '@components/overlay/command/context/Command.context.ts'\r\nimport { COMMAND_INPUT_STYLES } from '@components/overlay/command/components/command-input/styles/CommandInput.css.ts'\r\nimport type { CommandInputProps } from '@components/overlay/command/components/command-input/types/CommandInput.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\n/**\r\n * The search input inside a `Command.Content` panel.\r\n *\r\n * Implements the WAI-ARIA combobox pattern:\r\n * - `role=\"combobox\"` with `aria-expanded=\"true\"` (always shown alongside the listbox)\r\n * - `aria-controls` pointing to the `Command.List` element\r\n * - `aria-activedescendant` reflecting the currently highlighted item\r\n *\r\n * Arrow-key and Enter-key handling is delegated to the `Command.Content`\r\n * wrapper via event bubbling so that the input retains full text-editing\r\n * keyboard shortcuts.\r\n *\r\n * A clear `IconButton` appears when the input has a value. Clicking it resets\r\n * the search and fires `onClear`. Override `defaultClearAriaLabel` for i18n.\r\n */\r\nconst CommandInput: FC<CommandInputProps> = memo(({\r\n    className,\r\n    placeholder = 'Search...',\r\n    'aria-label': ariaLabel,\r\n    defaultAriaLabel = 'Search',\r\n    defaultClearAriaLabel = 'Clear search',\r\n    onClear,\r\n    onChange,\r\n    ...props\r\n}) => {\r\n    const { search, setSearch, activeId, listId } = useCommandContext()\r\n\r\n    const inputAriaLabel = ariaLabel ?? defaultAriaLabel\r\n\r\n    const handleChange = (event: React.ChangeEvent<HTMLInputElement>): void => {\r\n        setSearch(event.target.value)\r\n        onChange?.(event)\r\n    }\r\n\r\n    const handleClear = (): void => {\r\n        setSearch('')\r\n        onClear?.()\r\n    }\r\n\r\n    return (\r\n        <div className={COMMAND_INPUT_STYLES.wrapper}>\r\n            <span\r\n                className={COMMAND_INPUT_STYLES.icon}\r\n                aria-hidden\r\n            >\r\n                <Icon\r\n                    icon={IconRegistry.search}\r\n                    size={'sm'}\r\n                />\r\n            </span>\r\n            <input\r\n                type={'text'}\r\n                role={'combobox'}\r\n                aria-expanded={true}\r\n                aria-controls={listId}\r\n                aria-activedescendant={activeId}\r\n                aria-label={inputAriaLabel}\r\n                autoComplete={'off'}\r\n                autoCorrect={'off'}\r\n                autoCapitalize={'off'}\r\n                spellCheck={false}\r\n                className={cn(COMMAND_INPUT_STYLES.input, className)}\r\n                placeholder={placeholder}\r\n                value={search}\r\n                onChange={handleChange}\r\n                {...props}\r\n            />\r\n            {search && (\r\n                <IconButton\r\n                    type={'button'}\r\n                    icon={IconRegistry.close}\r\n                    aria-label={defaultClearAriaLabel}\r\n                    variant={'ghost'}\r\n                    size={'xs'}\r\n                    onClick={handleClear}\r\n                />\r\n            )}\r\n        </div>\r\n    )\r\n})\r\n\r\nCommandInput.displayName = 'Command.Input'\r\n\r\nexport default CommandInput\r\n"],"names":["CommandInput","memo","className","placeholder","ariaLabel","defaultAriaLabel","defaultClearAriaLabel","onClear","onChange","props","search","setSearch","activeId","listId","useCommandContext","inputAriaLabel","handleChange","event","handleClear","jsxs","COMMAND_INPUT_STYLES","jsx","Icon","IconRegistry","cn","IconButton"],"mappings":";;;;;;;;;;AAyBA,MAAMA,IAAsCC,EAAK,CAAC;AAAA,EAC9C,WAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,cAAcC;AAAA,EACd,kBAAAC,IAAmB;AAAA,EACnB,uBAAAC,IAAwB;AAAA,EACxB,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACP,MAAM;AACF,QAAM,EAAE,QAAAC,GAAQ,WAAAC,GAAW,UAAAC,GAAU,QAAAC,EAAA,IAAWC,EAAA,GAE1CC,IAAiBX,KAAaC,GAE9BW,IAAe,CAACC,MAAqD;AACvE,IAAAN,EAAUM,EAAM,OAAO,KAAK,GAC5BT,IAAWS,CAAK;AAAA,EACpB,GAEMC,IAAc,MAAY;AAC5B,IAAAP,EAAU,EAAE,GACZJ,IAAA;AAAA,EACJ;AAEA,SACI,gBAAAY,EAAC,OAAA,EAAI,WAAWC,EAAqB,SACjC,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAWD,EAAqB;AAAA,QAChC,eAAW;AAAA,QAEX,UAAA,gBAAAC;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,MAAMC,EAAa;AAAA,YACnB,MAAM;AAAA,UAAA;AAAA,QAAA;AAAA,MACV;AAAA,IAAA;AAAA,IAEJ,gBAAAF;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,MAAM;AAAA,QACN,MAAM;AAAA,QACN,iBAAe;AAAA,QACf,iBAAeR;AAAA,QACf,yBAAuBD;AAAA,QACvB,cAAYG;AAAA,QACZ,cAAc;AAAA,QACd,aAAa;AAAA,QACb,gBAAgB;AAAA,QAChB,YAAY;AAAA,QACZ,WAAWS,EAAGJ,EAAqB,OAAOlB,CAAS;AAAA,QACnD,aAAAC;AAAA,QACA,OAAOO;AAAA,QACP,UAAUM;AAAA,QACT,GAAGP;AAAA,MAAA;AAAA,IAAA;AAAA,IAEPC,KACG,gBAAAW;AAAA,MAACI;AAAA,MAAA;AAAA,QACG,MAAM;AAAA,QACN,MAAMF,EAAa;AAAA,QACnB,cAAYjB;AAAA,QACZ,SAAS;AAAA,QACT,MAAM;AAAA,QACN,SAASY;AAAA,MAAA;AAAA,IAAA;AAAA,EACb,GAER;AAER,CAAC;AAEDlB,EAAa,cAAc;"}
+{"version":3,"file":"CommandInput.js","sources":["../../../../../../src/components/overlay/command/components/command-input/CommandInput.tsx"],"sourcesContent":["import { memo, type FC } from 'react'\r\n\r\nimport { IconButton } from '@components/actions/icon-button'\r\nimport { Icon } from '@components/foundation/icon'\r\nimport CloseIcon from '@resources/asset/CloseIcon.svg?react'\r\nimport SearchIcon from '@resources/asset/SearchIcon.svg?react'\r\nimport { useCommandContext } from '@components/overlay/command/context/Command.context.ts'\r\nimport { COMMAND_INPUT_STYLES } from '@components/overlay/command/components/command-input/styles/CommandInput.css.ts'\r\nimport type { CommandInputProps } from '@components/overlay/command/components/command-input/types/CommandInput.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\n/**\r\n * The search input inside a `Command.Content` panel.\r\n *\r\n * Implements the WAI-ARIA combobox pattern:\r\n * - `role=\"combobox\"` with `aria-expanded=\"true\"` (always shown alongside the listbox)\r\n * - `aria-controls` pointing to the `Command.List` element\r\n * - `aria-activedescendant` reflecting the currently highlighted item\r\n *\r\n * Arrow-key and Enter-key handling is delegated to the `Command.Content`\r\n * wrapper via event bubbling so that the input retains full text-editing\r\n * keyboard shortcuts.\r\n *\r\n * A clear `IconButton` appears when the input has a value. Clicking it resets\r\n * the search and fires `onClear`. Override `defaultClearAriaLabel` for i18n.\r\n */\r\nconst CommandInput: FC<CommandInputProps> = memo(({\r\n    className,\r\n    placeholder = 'Search...',\r\n    'aria-label': ariaLabel,\r\n    defaultAriaLabel = 'Search',\r\n    defaultClearAriaLabel = 'Clear search',\r\n    onClear,\r\n    onChange,\r\n    ...props\r\n}) => {\r\n    const { search, setSearch, activeId, listId } = useCommandContext()\r\n\r\n    const inputAriaLabel = ariaLabel ?? defaultAriaLabel\r\n\r\n    const handleChange = (event: React.ChangeEvent<HTMLInputElement>): void => {\r\n        setSearch(event.target.value)\r\n        onChange?.(event)\r\n    }\r\n\r\n    const handleClear = (): void => {\r\n        setSearch('')\r\n        onClear?.()\r\n    }\r\n\r\n    return (\r\n        <div className={COMMAND_INPUT_STYLES.wrapper}>\r\n            <span\r\n                className={COMMAND_INPUT_STYLES.icon}\r\n                aria-hidden\r\n            >\r\n                <Icon\r\n                    icon={SearchIcon}\r\n                    size={'sm'}\r\n                />\r\n            </span>\r\n            <input\r\n                type={'text'}\r\n                role={'combobox'}\r\n                aria-expanded={true}\r\n                aria-controls={listId}\r\n                aria-activedescendant={activeId}\r\n                aria-label={inputAriaLabel}\r\n                autoComplete={'off'}\r\n                autoCorrect={'off'}\r\n                autoCapitalize={'off'}\r\n                spellCheck={false}\r\n                className={cn(COMMAND_INPUT_STYLES.input, className)}\r\n                placeholder={placeholder}\r\n                value={search}\r\n                onChange={handleChange}\r\n                {...props}\r\n            />\r\n            {search && (\r\n                <IconButton\r\n                    type={'button'}\r\n                    icon={CloseIcon}\r\n                    aria-label={defaultClearAriaLabel}\r\n                    variant={'ghost'}\r\n                    size={'xs'}\r\n                    onClick={handleClear}\r\n                />\r\n            )}\r\n        </div>\r\n    )\r\n})\r\n\r\nCommandInput.displayName = 'Command.Input'\r\n\r\nexport default CommandInput\r\n"],"names":["CommandInput","memo","className","placeholder","ariaLabel","defaultAriaLabel","defaultClearAriaLabel","onClear","onChange","props","search","setSearch","activeId","listId","useCommandContext","inputAriaLabel","handleChange","event","handleClear","jsxs","COMMAND_INPUT_STYLES","jsx","Icon","SearchIcon","cn","IconButton","CloseIcon"],"mappings":";;;;;;;;;;;AA0BA,MAAMA,IAAsCC,EAAK,CAAC;AAAA,EAC9C,WAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,cAAcC;AAAA,EACd,kBAAAC,IAAmB;AAAA,EACnB,uBAAAC,IAAwB;AAAA,EACxB,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACP,MAAM;AACF,QAAM,EAAE,QAAAC,GAAQ,WAAAC,GAAW,UAAAC,GAAU,QAAAC,EAAA,IAAWC,EAAA,GAE1CC,IAAiBX,KAAaC,GAE9BW,IAAe,CAACC,MAAqD;AACvE,IAAAN,EAAUM,EAAM,OAAO,KAAK,GAC5BT,IAAWS,CAAK;AAAA,EACpB,GAEMC,IAAc,MAAY;AAC5B,IAAAP,EAAU,EAAE,GACZJ,IAAA;AAAA,EACJ;AAEA,SACI,gBAAAY,EAAC,OAAA,EAAI,WAAWC,EAAqB,SACjC,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAWD,EAAqB;AAAA,QAChC,eAAW;AAAA,QAEX,UAAA,gBAAAC;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,MAAMC;AAAAA,YACN,MAAM;AAAA,UAAA;AAAA,QAAA;AAAA,MACV;AAAA,IAAA;AAAA,IAEJ,gBAAAF;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,MAAM;AAAA,QACN,MAAM;AAAA,QACN,iBAAe;AAAA,QACf,iBAAeR;AAAA,QACf,yBAAuBD;AAAA,QACvB,cAAYG;AAAA,QACZ,cAAc;AAAA,QACd,aAAa;AAAA,QACb,gBAAgB;AAAA,QAChB,YAAY;AAAA,QACZ,WAAWS,EAAGJ,EAAqB,OAAOlB,CAAS;AAAA,QACnD,aAAAC;AAAA,QACA,OAAOO;AAAA,QACP,UAAUM;AAAA,QACT,GAAGP;AAAA,MAAA;AAAA,IAAA;AAAA,IAEPC,KACG,gBAAAW;AAAA,MAACI;AAAA,MAAA;AAAA,QACG,MAAM;AAAA,QACN,MAAMC;AAAAA,QACN,cAAYpB;AAAA,QACZ,SAAS;AAAA,QACT,MAAM;AAAA,QACN,SAASY;AAAA,MAAA;AAAA,IAAA;AAAA,EACb,GAER;AAER,CAAC;AAEDlB,EAAa,cAAc;"}

package/dist/components/overlay/command/components/command-input/styles/CommandInput.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit155.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                  */var e={wrapper:"_1p4tdqx0",icon:"_1p4tdqx1",input:"_1p4tdqx2"};exports.COMMAND_INPUT_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit149.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                  */var e={wrapper:"_1p4tdqx0",icon:"_1p4tdqx1",input:"_1p4tdqx2"};exports.COMMAND_INPUT_STYLES=e;
 //# sourceMappingURL=CommandInput.css.cjs.map

package/dist/components/overlay/command/components/command-input/styles/CommandInput.css.js

@@ -1,4 +1,4 @@
-import '../../../../../../ui-kit155.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
+import '../../../../../../ui-kit149.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
 /* empty css                                */
 var r = { wrapper: "_1p4tdqx0", icon: "_1p4tdqx1", input: "_1p4tdqx2" };
 export {