@choco-vanille/ui 1.6.0 → 1.7.1

package/dist/components/navigation/pagination/Pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.js","sources":["../../../../src/components/navigation/pagination/Pagination.tsx"],"sourcesContent":["import type { FC } from 'react'\r\n\r\nimport { Button } from '@components/actions/button'\r\nimport { IconButton } from '@components/actions/icon-button'\r\nimport { Flex } from '@components/layout/flex'\r\nimport { usePagination } from '@components/navigation/pagination/hooks/usePagination.hook.ts'\r\nimport { PAGINATION_STYLES } from '@components/navigation/pagination/styles/Pagination.css.ts'\r\nimport type { PaginationProps } from '@components/navigation/pagination/types/Pagination.props.ts'\r\n\r\n/**\r\n * Numbered page navigation rendered as a `<nav>` with Previous/Next icon\r\n * buttons and page buttons with ellipsis truncation. Requires `currentPage`,\r\n * `totalPages`, `onPageChange`, `previousLabel`, and `nextLabel`.\r\n */\r\nconst Pagination: FC<PaginationProps> = ({\r\n    'aria-label': ariaLabel,\r\n    currentPage,\r\n    totalPages,\r\n    onPageChange,\r\n    siblingCount = 1,\r\n    boundaryCount = 1,\r\n    previousLabel,\r\n    nextLabel,\r\n    className,\r\n    ref,\r\n    ...props\r\n}) => {\r\n    const {\r\n        pageItems,\r\n        isFirstPage,\r\n        isLastPage,\r\n        goToPreviousPage,\r\n        goToNextPage,\r\n    } = usePagination({\r\n        currentPage,\r\n        totalPages,\r\n        siblingCount,\r\n        boundaryCount,\r\n        onPageChange,\r\n    })\r\n\r\n    return (\r\n        <Flex\r\n            as={'nav'}\r\n            justifyContent={'center'}\r\n            ref={ref}\r\n            aria-label={ariaLabel}\r\n            className={className}\r\n            {...props}\r\n        >\r\n            <Flex\r\n                as={'ul'}\r\n                alignItems={'center'}\r\n                gap={'xs'}\r\n                className={PAGINATION_STYLES.list}\r\n            >\r\n                <li>\r\n                    <IconButton\r\n                        variant={'ghost'}\r\n                        color={'tertiary'}\r\n                        size={'sm'}\r\n                        icon={'lucide:chevron-left'}\r\n                        disabled={isFirstPage}\r\n                        aria-label={previousLabel}\r\n                        onClick={goToPreviousPage}\r\n                    />\r\n                </li>\r\n                {pageItems.map((item, index) =>\r\n                    item === 'ellipsis' ? (\r\n                        <li\r\n                            key={`ellipsis-${index}`}\r\n                            aria-hidden={'true'}\r\n                        >\r\n                            <Flex\r\n                                as={'span'}\r\n                                alignItems={'center'}\r\n                                justifyContent={'center'}\r\n                                className={PAGINATION_STYLES.ellipsis}\r\n                            >\r\n                                ...\r\n                            </Flex>\r\n                        </li>\r\n                    ) : (\r\n                        <li key={item}>\r\n                            <Button\r\n                                variant={'ghost'}\r\n                                color={'primary'}\r\n                                size={'sm'}\r\n                                label={`${item}`}\r\n                                active={item === currentPage}\r\n                                aria-current={\r\n                                    item === currentPage ? 'page' : undefined\r\n                                }\r\n                                aria-label={`${item}`}\r\n                                onClick={() => onPageChange(item)}\r\n                            />\r\n                        </li>\r\n                    ),\r\n                )}\r\n                <li>\r\n                    <IconButton\r\n                        variant={'ghost'}\r\n                        color={'tertiary'}\r\n                        size={'sm'}\r\n                        icon={'lucide:chevron-right'}\r\n                        disabled={isLastPage}\r\n                        aria-label={nextLabel}\r\n                        onClick={goToNextPage}\r\n                    />\r\n                </li>\r\n            </Flex>\r\n        </Flex>\r\n    )\r\n}\r\n\r\nPagination.displayName = 'Pagination'\r\n\r\nexport default Pagination\r\n"],"names":["Pagination","ariaLabel","currentPage","totalPages","onPageChange","siblingCount","boundaryCount","previousLabel","nextLabel","className","ref","props","pageItems","isFirstPage","isLastPage","goToPreviousPage","goToNextPage","usePagination","jsx","Flex","jsxs","PAGINATION_STYLES","IconButton","item","index","Button"],"mappings":";;;;;;;;;AAcA,MAAMA,IAAkC,CAAC;AAAA,EACrC,cAAcC;AAAA,EACd,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,cAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,eAAAC,IAAgB;AAAA,EAChB,eAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,KAAAC;AAAA,EACA,GAAGC;AACP,MAAM;AACF,QAAM;AAAA,IACF,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,YAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,cAAAC;AAAA,EAAA,IACAC,EAAc;AAAA,IACd,aAAAf;AAAA,IACA,YAAAC;AAAA,IACA,cAAAE;AAAA,IACA,eAAAC;AAAA,IACA,cAAAF;AAAA,EAAA,CACH;AAED,SACI,gBAAAc;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,IAAI;AAAA,MACJ,gBAAgB;AAAA,MAChB,KAAAT;AAAA,MACA,cAAYT;AAAA,MACZ,WAAAQ;AAAA,MACC,GAAGE;AAAA,MAEJ,UAAA,gBAAAS;AAAA,QAACD;AAAA,QAAA;AAAA,UACG,IAAI;AAAA,UACJ,YAAY;AAAA,UACZ,KAAK;AAAA,UACL,WAAWE,EAAkB;AAAA,UAE7B,UAAA;AAAA,YAAA,gBAAAH,EAAC,MAAA,EACG,UAAA,gBAAAA;AAAA,cAACI;AAAA,cAAA;AAAA,gBACG,SAAS;AAAA,gBACT,OAAO;AAAA,gBACP,MAAM;AAAA,gBACN,MAAM;AAAA,gBACN,UAAUT;AAAA,gBACV,cAAYN;AAAA,gBACZ,SAASQ;AAAA,cAAA;AAAA,YAAA,GAEjB;AAAA,YACCH,EAAU;AAAA,cAAI,CAACW,GAAMC,MAClBD,MAAS,aACL,gBAAAL;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBAEG,eAAa;AAAA,kBAEb,UAAA,gBAAAA;AAAA,oBAACC;AAAA,oBAAA;AAAA,sBACG,IAAI;AAAA,sBACJ,YAAY;AAAA,sBACZ,gBAAgB;AAAA,sBAChB,WAAWE,EAAkB;AAAA,sBAChC,UAAA;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBAED;AAAA,gBAVK,YAAYG,CAAK;AAAA,cAAA,sBAazB,MAAA,EACG,UAAA,gBAAAN;AAAA,gBAACO;AAAA,gBAAA;AAAA,kBACG,SAAS;AAAA,kBACT,OAAO;AAAA,kBACP,MAAM;AAAA,kBACN,OAAO,GAAGF,CAAI;AAAA,kBACd,QAAQA,MAASrB;AAAA,kBACjB,gBACIqB,MAASrB,IAAc,SAAS;AAAA,kBAEpC,cAAY,GAAGqB,CAAI;AAAA,kBACnB,SAAS,MAAMnB,EAAamB,CAAI;AAAA,gBAAA;AAAA,cAAA,KAX/BA,CAaT;AAAA,YAAA;AAAA,8BAGP,MAAA,EACG,UAAA,gBAAAL;AAAA,cAACI;AAAA,cAAA;AAAA,gBACG,SAAS;AAAA,gBACT,OAAO;AAAA,gBACP,MAAM;AAAA,gBACN,MAAM;AAAA,gBACN,UAAUR;AAAA,gBACV,cAAYN;AAAA,gBACZ,SAASQ;AAAA,cAAA;AAAA,YAAA,EACb,CACJ;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACJ;AAAA,EAAA;AAGZ;AAEAhB,EAAW,cAAc;"}
+{"version":3,"file":"Pagination.js","sources":["../../../../src/components/navigation/pagination/Pagination.tsx"],"sourcesContent":["import type { FC } from 'react'\r\n\r\nimport { Button } from '@components/actions/button'\r\nimport { IconButton } from '@components/actions/icon-button'\r\nimport ChevronLeftIcon from '@resources/asset/ChevronLeftIcon.svg?react'\r\nimport ChevronRightIcon from '@resources/asset/ChevronRightIcon.svg?react'\r\nimport { Flex } from '@components/layout/flex'\r\nimport { usePagination } from '@components/navigation/pagination/hooks/usePagination.hook.ts'\r\nimport { PAGINATION_STYLES } from '@components/navigation/pagination/styles/Pagination.css.ts'\r\nimport type { PaginationProps } from '@components/navigation/pagination/types/Pagination.props.ts'\r\n\r\n/**\r\n * Numbered page navigation rendered as a `<nav>` with Previous/Next icon\r\n * buttons and page buttons with ellipsis truncation. Requires `currentPage`,\r\n * `totalPages`, `onPageChange`, `previousLabel`, and `nextLabel`.\r\n */\r\nconst Pagination: FC<PaginationProps> = ({\r\n    'aria-label': ariaLabel,\r\n    currentPage,\r\n    totalPages,\r\n    onPageChange,\r\n    siblingCount = 1,\r\n    boundaryCount = 1,\r\n    previousLabel,\r\n    nextLabel,\r\n    className,\r\n    ref,\r\n    ...props\r\n}) => {\r\n    const {\r\n        pageItems,\r\n        isFirstPage,\r\n        isLastPage,\r\n        goToPreviousPage,\r\n        goToNextPage,\r\n    } = usePagination({\r\n        currentPage,\r\n        totalPages,\r\n        siblingCount,\r\n        boundaryCount,\r\n        onPageChange,\r\n    })\r\n\r\n    return (\r\n        <Flex\r\n            as={'nav'}\r\n            justifyContent={'center'}\r\n            ref={ref}\r\n            aria-label={ariaLabel}\r\n            className={className}\r\n            {...props}\r\n        >\r\n            <Flex\r\n                as={'ul'}\r\n                alignItems={'center'}\r\n                gap={'xs'}\r\n                className={PAGINATION_STYLES.list}\r\n            >\r\n                <li>\r\n                    <IconButton\r\n                        variant={'ghost'}\r\n                        color={'tertiary'}\r\n                        size={'sm'}\r\n                        icon={ChevronLeftIcon}\r\n                        disabled={isFirstPage}\r\n                        aria-label={previousLabel}\r\n                        onClick={goToPreviousPage}\r\n                    />\r\n                </li>\r\n                {pageItems.map((item, index) =>\r\n                    item === 'ellipsis' ? (\r\n                        <li\r\n                            key={`ellipsis-${index}`}\r\n                            aria-hidden={'true'}\r\n                        >\r\n                            <Flex\r\n                                as={'span'}\r\n                                alignItems={'center'}\r\n                                justifyContent={'center'}\r\n                                className={PAGINATION_STYLES.ellipsis}\r\n                            >\r\n                                ...\r\n                            </Flex>\r\n                        </li>\r\n                    ) : (\r\n                        <li key={item}>\r\n                            <Button\r\n                                variant={'ghost'}\r\n                                color={'primary'}\r\n                                size={'sm'}\r\n                                label={`${item}`}\r\n                                active={item === currentPage}\r\n                                aria-current={\r\n                                    item === currentPage ? 'page' : undefined\r\n                                }\r\n                                aria-label={`${item}`}\r\n                                onClick={() => onPageChange(item)}\r\n                            />\r\n                        </li>\r\n                    ),\r\n                )}\r\n                <li>\r\n                    <IconButton\r\n                        variant={'ghost'}\r\n                        color={'tertiary'}\r\n                        size={'sm'}\r\n                        icon={ChevronRightIcon}\r\n                        disabled={isLastPage}\r\n                        aria-label={nextLabel}\r\n                        onClick={goToNextPage}\r\n                    />\r\n                </li>\r\n            </Flex>\r\n        </Flex>\r\n    )\r\n}\r\n\r\nPagination.displayName = 'Pagination'\r\n\r\nexport default Pagination\r\n"],"names":["Pagination","ariaLabel","currentPage","totalPages","onPageChange","siblingCount","boundaryCount","previousLabel","nextLabel","className","ref","props","pageItems","isFirstPage","isLastPage","goToPreviousPage","goToNextPage","usePagination","jsx","Flex","jsxs","PAGINATION_STYLES","IconButton","ChevronLeftIcon","item","index","Button","ChevronRightIcon"],"mappings":";;;;;;;;;;;AAgBA,MAAMA,IAAkC,CAAC;AAAA,EACrC,cAAcC;AAAA,EACd,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,cAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,eAAAC,IAAgB;AAAA,EAChB,eAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,KAAAC;AAAA,EACA,GAAGC;AACP,MAAM;AACF,QAAM;AAAA,IACF,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,YAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,cAAAC;AAAA,EAAA,IACAC,EAAc;AAAA,IACd,aAAAf;AAAA,IACA,YAAAC;AAAA,IACA,cAAAE;AAAA,IACA,eAAAC;AAAA,IACA,cAAAF;AAAA,EAAA,CACH;AAED,SACI,gBAAAc;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,IAAI;AAAA,MACJ,gBAAgB;AAAA,MAChB,KAAAT;AAAA,MACA,cAAYT;AAAA,MACZ,WAAAQ;AAAA,MACC,GAAGE;AAAA,MAEJ,UAAA,gBAAAS;AAAA,QAACD;AAAA,QAAA;AAAA,UACG,IAAI;AAAA,UACJ,YAAY;AAAA,UACZ,KAAK;AAAA,UACL,WAAWE,EAAkB;AAAA,UAE7B,UAAA;AAAA,YAAA,gBAAAH,EAAC,MAAA,EACG,UAAA,gBAAAA;AAAA,cAACI;AAAA,cAAA;AAAA,gBACG,SAAS;AAAA,gBACT,OAAO;AAAA,gBACP,MAAM;AAAA,gBACN,MAAMC;AAAAA,gBACN,UAAUV;AAAA,gBACV,cAAYN;AAAA,gBACZ,SAASQ;AAAA,cAAA;AAAA,YAAA,GAEjB;AAAA,YACCH,EAAU;AAAA,cAAI,CAACY,GAAMC,MAClBD,MAAS,aACL,gBAAAN;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBAEG,eAAa;AAAA,kBAEb,UAAA,gBAAAA;AAAA,oBAACC;AAAA,oBAAA;AAAA,sBACG,IAAI;AAAA,sBACJ,YAAY;AAAA,sBACZ,gBAAgB;AAAA,sBAChB,WAAWE,EAAkB;AAAA,sBAChC,UAAA;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBAED;AAAA,gBAVK,YAAYI,CAAK;AAAA,cAAA,sBAazB,MAAA,EACG,UAAA,gBAAAP;AAAA,gBAACQ;AAAA,gBAAA;AAAA,kBACG,SAAS;AAAA,kBACT,OAAO;AAAA,kBACP,MAAM;AAAA,kBACN,OAAO,GAAGF,CAAI;AAAA,kBACd,QAAQA,MAAStB;AAAA,kBACjB,gBACIsB,MAAStB,IAAc,SAAS;AAAA,kBAEpC,cAAY,GAAGsB,CAAI;AAAA,kBACnB,SAAS,MAAMpB,EAAaoB,CAAI;AAAA,gBAAA;AAAA,cAAA,KAX/BA,CAaT;AAAA,YAAA;AAAA,8BAGP,MAAA,EACG,UAAA,gBAAAN;AAAA,cAACI;AAAA,cAAA;AAAA,gBACG,SAAS;AAAA,gBACT,OAAO;AAAA,gBACP,MAAM;AAAA,gBACN,MAAMK;AAAAA,gBACN,UAAUb;AAAA,gBACV,cAAYN;AAAA,gBACZ,SAASQ;AAAA,cAAA;AAAA,YAAA,EACb,CACJ;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACJ;AAAA,EAAA;AAGZ;AAEAhB,EAAW,cAAc;"}

package/dist/components/navigation/pagination/styles/Pagination.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit31.css');require('../../../../ui-kit.css');;/* empty css                                              */;/* empty css                                */var e={list:"iwc0wj0",ellipsis:"iwc0wj1"};exports.PAGINATION_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit35.css');require('../../../../ui-kit.css');;/* empty css                                              */;/* empty css                                */var e={list:"iwc0wj0",ellipsis:"iwc0wj1"};exports.PAGINATION_STYLES=e;
 //# sourceMappingURL=Pagination.css.cjs.map

package/dist/components/navigation/pagination/styles/Pagination.css.js

@@ -1,4 +1,4 @@
-import '../../../../ui-kit31.css';import '../../../../ui-kit.css';/* empty css                                            */
+import '../../../../ui-kit35.css';import '../../../../ui-kit.css';/* empty css                                            */
 /* empty css                              */
 var r = { list: "iwc0wj0", ellipsis: "iwc0wj1" };
 export {

package/dist/components/navigation/step-indicator/StepIndicator.cjs

@@ -1,2 +1,2 @@
-"use strict";const r=require("react/jsx-runtime"),s=require("react"),c=require("./components/step-indicator-item/StepIndicatorItem.cjs"),q=require("./context/StepIndicator.context.cjs"),o=require("./styles/StepIndicator.css.cjs"),C=require("../../../utils/cn.cjs"),n=s.memo(({"aria-label":a,children:l,currentStep:i,onStepChange:d,className:p,ref:u,...I})=>{const m=s.Children.toArray(l).filter(e=>s.isValidElement(e));return r.jsx("nav",{ref:u,"aria-label":a,className:C.cn(o.STEP_INDICATOR_STYLES.root,p),...I,children:r.jsx("ol",{className:o.STEP_INDICATOR_STYLES.list,children:m.map((e,S)=>{const t=S+1,x=t===i,j=t<i;return r.jsx("li",{children:r.jsx(q.StepIndicatorContext.Provider,{value:{stepNumber:t,isCurrent:x,isCompleted:j,onStepChange:d},children:r.jsx(c,{...e.props})})},e.key??`${t}-${e.props.label}`)})})})});n.displayName="StepIndicator";n.Item=c;module.exports=n;
+"use strict";const t=require("react/jsx-runtime"),s=require("react"),c=require("./components/step-indicator-item/StepIndicatorItem.cjs"),q=require("./context/StepIndicator.context.cjs"),o=require("./styles/StepIndicator.css.cjs"),C=require("../../../utils/cn.cjs"),n=s.memo(({"aria-label":a,children:l,currentStep:i,onStepChange:d,className:p,ref:u,...I})=>{const m=s.Children.toArray(l).filter(e=>s.isValidElement(e));return t.jsx("nav",{ref:u,"aria-label":a,className:C.cn(o.STEP_INDICATOR_STYLES.root,p),...I,children:t.jsx("ol",{className:o.STEP_INDICATOR_STYLES.list,children:m.map((e,S)=>{const r=S+1,x=r===i,j=r<i;return t.jsx("li",{children:t.jsx(q.StepIndicatorContext.Provider,{value:{stepNumber:r,isCurrent:x,isCompleted:j,onStepChange:d},children:t.jsx(c,{...e.props})})},e.key??`${r}-${e.props.label}`)})})})});n.displayName="StepIndicator";n.Item=c;module.exports=n;
 //# sourceMappingURL=StepIndicator.cjs.map

package/dist/components/navigation/step-indicator/components/step-indicator-item/styles/StepIndicatorItem.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit137.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                       */var t={button:"_1bv68230",staticItem:"_1bv68231",dot:"_1bv68232",dotCurrent:"_1bv68233",dotCompleted:"_1bv68234"};exports.STEP_INDICATOR_ITEM_STYLES=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit122.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                       */var t={button:"_1bv68230",staticItem:"_1bv68231",dot:"_1bv68232",dotCurrent:"_1bv68233",dotCompleted:"_1bv68234"};exports.STEP_INDICATOR_ITEM_STYLES=t;
 //# sourceMappingURL=StepIndicatorItem.css.cjs.map

package/dist/components/navigation/step-indicator/components/step-indicator-item/styles/StepIndicatorItem.css.js

@@ -1,4 +1,4 @@
-import '../../../../../../ui-kit137.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
+import '../../../../../../ui-kit122.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
 /* empty css                                     */
 var _ = { button: "_1bv68230", staticItem: "_1bv68231", dot: "_1bv68232", dotCurrent: "_1bv68233", dotCompleted: "_1bv68234" };
 export {

package/dist/components/navigation/step-indicator/styles/StepIndicator.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit42.css');require('../../../../ui-kit.css');;/* empty css                                              */;/* empty css                                   */var e={root:"_1eke9rf0",list:"_1eke9rf1"};exports.STEP_INDICATOR_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit51.css');require('../../../../ui-kit.css');;/* empty css                                              */;/* empty css                                   */var e={root:"_1eke9rf0",list:"_1eke9rf1"};exports.STEP_INDICATOR_STYLES=e;
 //# sourceMappingURL=StepIndicator.css.cjs.map

package/dist/components/navigation/step-indicator/styles/StepIndicator.css.js

@@ -1,4 +1,4 @@
-import '../../../../ui-kit42.css';import '../../../../ui-kit.css';/* empty css                                            */
+import '../../../../ui-kit51.css';import '../../../../ui-kit.css';/* empty css                                            */
 /* empty css                                 */
 var o = { root: "_1eke9rf0", list: "_1eke9rf1" };
 export {

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

@@ -1,2 +1,2 @@
-"use strict";const r=require("react/jsx-runtime"),l=require("react"),O=require("../../layout/separator/Separator.cjs");require("../../layout/separator/styles/Separator.css.cjs");const T=require("./components/stepper-item/StepperItem.cjs"),d=require("./context/Stepper.context.cjs"),t=require("./constants/stepperOrientations.const.cjs"),e=require("./styles/Stepper.css.cjs"),E=require("../../../utils/cn.cjs"),n=l.memo(({"aria-label":P,children:p,currentStep:i,onStepChange:R,orientation:s=t.STEPPER_ORIENTATIONS.horizontal,className:m,ref:N,..._})=>{const a=l.Children.toArray(p).filter(c=>l.isValidElement(c));return r.jsx("nav",{ref:N,"aria-label":P,className:E.cn(e.STEPPER_STYLES.root,m),..._,children:r.jsx("ol",{className:E.cn(e.STEPPER_STYLES.list,s===t.STEPPER_ORIENTATIONS.horizontal?e.STEPPER_STYLES.listHorizontal:e.STEPPER_STYLES.listVertical),children:a.map((c,o)=>{const S=o+1,I=S===i,u=S<i;return r.jsxs(l.Fragment,{children:[r.jsx("li",{className:E.cn(e.STEPPER_STYLES.item,s===t.STEPPER_ORIENTATIONS.vertical&&e.STEPPER_STYLES.itemVertical),children:r.jsx(d.StepperItemContext.Provider,{value:{stepNumber:S,isCurrent:I,isCompleted:u,onStepChange:R},children:r.jsx(T,{...c.props})})}),o<a.length-1&&r.jsx("li",{"aria-hidden":"true",className:E.cn(e.STEPPER_STYLES.connectorItem,s===t.STEPPER_ORIENTATIONS.vertical&&e.STEPPER_STYLES.connectorItemVertical),children:r.jsx(O,{orientation:s===t.STEPPER_ORIENTATIONS.vertical?"vertical":"horizontal",className:E.cn(e.STEPPER_STYLES.connector,s===t.STEPPER_ORIENTATIONS.vertical&&e.STEPPER_STYLES.connectorVertical)})})]},c.key??`${S}-${c.props.label}`)})})})});n.displayName="Stepper";n.Item=T;module.exports=n;
+"use strict";const r=require("react/jsx-runtime"),l=require("react"),O=require("../../layout/separator/Separator.cjs");require("../../layout/separator/styles/Separator.css.cjs");const T=require("./components/stepper-item/StepperItem.cjs"),d=require("./context/Stepper.context.cjs"),t=require("./constants/stepperOrientations.const.cjs"),e=require("./styles/Stepper.css.cjs"),E=require("../../../utils/cn.cjs"),n=l.memo(({"aria-label":P,children:R,currentStep:i,onStepChange:p,orientation:s=t.STEPPER_ORIENTATIONS.horizontal,className:m,ref:N,..._})=>{const a=l.Children.toArray(R).filter(c=>l.isValidElement(c));return r.jsx("nav",{ref:N,"aria-label":P,className:E.cn(e.STEPPER_STYLES.root,m),..._,children:r.jsx("ol",{className:E.cn(e.STEPPER_STYLES.list,s===t.STEPPER_ORIENTATIONS.horizontal?e.STEPPER_STYLES.listHorizontal:e.STEPPER_STYLES.listVertical),children:a.map((c,o)=>{const S=o+1,I=S===i,u=S<i;return r.jsxs(l.Fragment,{children:[r.jsx("li",{className:E.cn(e.STEPPER_STYLES.item,s===t.STEPPER_ORIENTATIONS.vertical&&e.STEPPER_STYLES.itemVertical),children:r.jsx(d.StepperItemContext.Provider,{value:{stepNumber:S,isCurrent:I,isCompleted:u,onStepChange:p},children:r.jsx(T,{...c.props})})}),o<a.length-1&&r.jsx("li",{"aria-hidden":"true",className:E.cn(e.STEPPER_STYLES.connectorItem,s===t.STEPPER_ORIENTATIONS.vertical&&e.STEPPER_STYLES.connectorItemVertical),children:r.jsx(O,{orientation:s===t.STEPPER_ORIENTATIONS.vertical?"vertical":"horizontal",className:E.cn(e.STEPPER_STYLES.connector,s===t.STEPPER_ORIENTATIONS.vertical&&e.STEPPER_STYLES.connectorVertical)})})]},c.key??`${S}-${c.props.label}`)})})})});n.displayName="Stepper";n.Item=T;module.exports=n;
 //# sourceMappingURL=Stepper.cjs.map

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

@@ -1,2 +1,2 @@
-"use strict";const t=require("react/jsx-runtime"),u=require("react"),h=require("../../../../foundation/icon/Icon.cjs");require("../../../../foundation/icon/styles/Icon.css.cjs");const c=require("../../../../foundation/typography/Typography.cjs");require("../../../../foundation/typography/styles/Typography.css.cjs");const C=require("../../context/Stepper.context.cjs"),L=require("../../constants/stepperItemSizes.const.cjs"),e=require("../../styles/Stepper.css.cjs"),s=require("../../../../../utils/cn.cjs"),d=u.memo(({label:_,description:r,disabled:i,size:n=L.STEPPER_ITEM_SIZES.md,children:o})=>{const E=u.useContext(C.StepperItemContext);if(!E)throw new Error("Stepper.Item must be rendered inside Stepper.");const{stepNumber:m,isCurrent:S,isCompleted:l,onStepChange:p}=E,x=!!p,T=o!==void 0,a=!T&&!r,R=l?t.jsx(h,{icon:"lucide:check",size:"sm"}):t.jsx(c,{as:"span",variant:"span",display:"flex",width:"100%",style:{height:"100%"},className:e.STEPPER_STYLES.markerValue,children:m}),P=T?o:t.jsxs("span",{className:s.cn(e.STEPPER_STYLES.content,a&&e.STEPPER_STYLES.contentCentered,n==="sm"&&e.STEPPER_STYLES.contentSmall),children:[t.jsx(c,{as:"span",variant:"span",fontSize:"sm",className:s.cn(e.STEPPER_STYLES.label,n==="sm"&&e.STEPPER_STYLES.labelSmall),children:_}),r&&t.jsx(c,{as:"span",variant:"span",fontSize:n==="sm"?"2xs":"xs",className:s.cn(e.STEPPER_STYLES.description,n==="sm"&&e.STEPPER_STYLES.descriptionSmall),children:r})]});return t.jsxs(t.Fragment,{children:[t.jsx("span",{className:s.cn(e.STEPPER_STYLES.marker,S&&e.STEPPER_STYLES.markerCurrent,l&&e.STEPPER_STYLES.markerCompleted,n==="sm"&&e.STEPPER_STYLES.markerSmall),"aria-hidden":"true",children:R}),x?t.jsx("button",{type:"button",className:s.cn(e.STEPPER_STYLES.interactive,a&&e.STEPPER_STYLES.itemContentCentered),disabled:i,"aria-current":S?"step":void 0,onClick:()=>{i||p?.(m)},children:P}):t.jsx("span",{className:a?e.STEPPER_STYLES.itemContentCentered:void 0,"aria-current":S?"step":void 0,children:P})]})});d.displayName="Stepper.Item";module.exports=d;
+"use strict";const t=require("react/jsx-runtime"),u=require("react"),h=require("../../../../foundation/icon/Icon.cjs");require("../../../../foundation/icon/styles/Icon.css.cjs");const C=require("../../../../../resources/asset/CheckIcon.svg.cjs"),c=require("../../../../foundation/typography/Typography.cjs");require("../../../../foundation/typography/styles/Typography.css.cjs");const L=require("../../context/Stepper.context.cjs"),Y=require("../../constants/stepperItemSizes.const.cjs"),e=require("../../styles/Stepper.css.cjs"),s=require("../../../../../utils/cn.cjs"),d=u.memo(({label:_,description:r,disabled:o,size:n=Y.STEPPER_ITEM_SIZES.md,children:i})=>{const E=u.useContext(L.StepperItemContext);if(!E)throw new Error("Stepper.Item must be rendered inside Stepper.");const{stepNumber:m,isCurrent:S,isCompleted:p,onStepChange:l}=E,x=!!l,T=i!==void 0,a=!T&&!r,R=p?t.jsx(h,{icon:C,size:"sm"}):t.jsx(c,{as:"span",variant:"span",display:"flex",width:"100%",style:{height:"100%"},className:e.STEPPER_STYLES.markerValue,children:m}),P=T?i:t.jsxs("span",{className:s.cn(e.STEPPER_STYLES.content,a&&e.STEPPER_STYLES.contentCentered,n==="sm"&&e.STEPPER_STYLES.contentSmall),children:[t.jsx(c,{as:"span",variant:"span",fontSize:"sm",className:s.cn(e.STEPPER_STYLES.label,n==="sm"&&e.STEPPER_STYLES.labelSmall),children:_}),r&&t.jsx(c,{as:"span",variant:"span",fontSize:n==="sm"?"2xs":"xs",className:s.cn(e.STEPPER_STYLES.description,n==="sm"&&e.STEPPER_STYLES.descriptionSmall),children:r})]});return t.jsxs(t.Fragment,{children:[t.jsx("span",{className:s.cn(e.STEPPER_STYLES.marker,S&&e.STEPPER_STYLES.markerCurrent,p&&e.STEPPER_STYLES.markerCompleted,n==="sm"&&e.STEPPER_STYLES.markerSmall),"aria-hidden":"true",children:R}),x?t.jsx("button",{type:"button",className:s.cn(e.STEPPER_STYLES.interactive,a&&e.STEPPER_STYLES.itemContentCentered),disabled:o,"aria-current":S?"step":void 0,onClick:()=>{o||l?.(m)},children:P}):t.jsx("span",{className:a?e.STEPPER_STYLES.itemContentCentered:void 0,"aria-current":S?"step":void 0,children:P})]})});d.displayName="Stepper.Item";module.exports=d;
 //# sourceMappingURL=StepperItem.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"StepperItem.cjs","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":"6fAeMA,EAAcC,EAAAA,KAChB,CAAC,CACG,MAAAC,EACA,YAAAC,EACA,SAAAC,EACA,KAAAC,EAAOC,EAAAA,mBAAmB,GAC1B,SAAAC,CAAA,IACoB,CACpB,MAAMC,EAAUC,EAAAA,WAAWC,oBAAkB,EAE7C,GAAI,CAACF,EACD,MAAM,IAAI,MAAM,+CAA+C,EAGnE,KAAM,CAAE,WAAAG,EAAY,UAAAC,EAAW,YAAAC,EAAa,aAAAC,GAAiBN,EACvDO,EAAgB,EAAQD,EACxBE,EAAmBT,IAAa,OAChCU,EAAc,CAACD,GAAoB,CAACb,EACpCe,EAASL,EACXM,EAAAA,IAACC,EAAA,CACG,KAAM,eACN,KAAM,IAAA,CAAA,EAGVD,EAAAA,IAACE,EAAA,CACG,GAAI,OACJ,QAAS,OACT,QAAS,OACT,MAAO,OACP,MAAO,CAAE,OAAQ,MAAA,EACjB,UAAWC,EAAAA,eAAe,YAEzB,SAAAX,CAAA,CAAA,EAGHY,EAAUP,EACZT,EAEAiB,EAAAA,KAAC,OAAA,CACG,UAAWC,EAAAA,GACPH,EAAAA,eAAe,QACfL,GAAeK,EAAAA,eAAe,gBAC9BjB,IAAS,MAAQiB,iBAAe,YAAA,EAGpC,SAAA,CAAAH,EAAAA,IAACE,EAAA,CACG,GAAI,OACJ,QAAS,OACT,SAAU,KACV,UAAWI,EAAAA,GAAGH,iBAAe,MAAOjB,IAAS,MAAQiB,EAAAA,eAAe,UAAU,EAE7E,SAAApB,CAAA,CAAA,EAEJC,GACGgB,EAAAA,IAACE,EAAA,CACG,GAAI,OACJ,QAAS,OACT,SAAUhB,IAAS,KAAO,MAAQ,KAClC,UAAWoB,EAAAA,GACPH,EAAAA,eAAe,YACfjB,IAAS,MAAQiB,iBAAe,gBAAA,EAGnC,SAAAnB,CAAA,CAAA,CACL,CAAA,CAAA,EAKZ,OACIqB,EAAAA,KAAAE,WAAA,CACI,SAAA,CAAAP,EAAAA,IAAC,OAAA,CACG,UAAWM,EAAAA,GACPH,EAAAA,eAAe,OACfV,GAAaU,EAAAA,eAAe,cAC5BT,GAAeS,EAAAA,eAAe,gBAC9BjB,IAAS,MAAQiB,iBAAe,WAAA,EAEpC,cAAa,OAEZ,SAAAJ,CAAA,CAAA,EAEJH,EACGI,EAAAA,IAAC,SAAA,CACG,KAAM,SACN,UAAWM,EAAAA,GACPH,EAAAA,eAAe,YACfL,GAAeK,EAAAA,eAAe,mBAAA,EAElC,SAAAlB,EACA,eAAcQ,EAAY,OAAS,OACnC,QAAS,IAAM,CACNR,GACDU,IAAeH,CAAU,CAEjC,EAEC,SAAAY,CAAA,CAAA,EAGLJ,EAAAA,IAAC,OAAA,CACG,UAAWF,EAAcK,iBAAe,oBAAsB,OAC9D,eAAcV,EAAY,OAAS,OAElC,SAAAW,CAAA,CAAA,CACL,EAER,CAER,CACJ,EAEAvB,EAAY,YAAc"}
+{"version":3,"file":"StepperItem.cjs","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":"2jBAgBMA,EAAcC,EAAAA,KAChB,CAAC,CACG,MAAAC,EACA,YAAAC,EACA,SAAAC,EACA,KAAAC,EAAOC,EAAAA,mBAAmB,GAC1B,SAAAC,CAAA,IACoB,CACpB,MAAMC,EAAUC,EAAAA,WAAWC,oBAAkB,EAE7C,GAAI,CAACF,EACD,MAAM,IAAI,MAAM,+CAA+C,EAGnE,KAAM,CAAE,WAAAG,EAAY,UAAAC,EAAW,YAAAC,EAAa,aAAAC,GAAiBN,EACvDO,EAAgB,EAAQD,EACxBE,EAAmBT,IAAa,OAChCU,EAAc,CAACD,GAAoB,CAACb,EACpCe,EAASL,EACXM,EAAAA,IAACC,EAAA,CACG,KAAMC,EACN,KAAM,IAAA,CAAA,EAGVF,EAAAA,IAACG,EAAA,CACG,GAAI,OACJ,QAAS,OACT,QAAS,OACT,MAAO,OACP,MAAO,CAAE,OAAQ,MAAA,EACjB,UAAWC,EAAAA,eAAe,YAEzB,SAAAZ,CAAA,CAAA,EAGHa,EAAUR,EACZT,EAEAkB,EAAAA,KAAC,OAAA,CACG,UAAWC,EAAAA,GACPH,EAAAA,eAAe,QACfN,GAAeM,EAAAA,eAAe,gBAC9BlB,IAAS,MAAQkB,iBAAe,YAAA,EAGpC,SAAA,CAAAJ,EAAAA,IAACG,EAAA,CACG,GAAI,OACJ,QAAS,OACT,SAAU,KACV,UAAWI,EAAAA,GAAGH,iBAAe,MAAOlB,IAAS,MAAQkB,EAAAA,eAAe,UAAU,EAE7E,SAAArB,CAAA,CAAA,EAEJC,GACGgB,EAAAA,IAACG,EAAA,CACG,GAAI,OACJ,QAAS,OACT,SAAUjB,IAAS,KAAO,MAAQ,KAClC,UAAWqB,EAAAA,GACPH,EAAAA,eAAe,YACflB,IAAS,MAAQkB,iBAAe,gBAAA,EAGnC,SAAApB,CAAA,CAAA,CACL,CAAA,CAAA,EAKZ,OACIsB,EAAAA,KAAAE,WAAA,CACI,SAAA,CAAAR,EAAAA,IAAC,OAAA,CACG,UAAWO,EAAAA,GACPH,EAAAA,eAAe,OACfX,GAAaW,EAAAA,eAAe,cAC5BV,GAAeU,EAAAA,eAAe,gBAC9BlB,IAAS,MAAQkB,iBAAe,WAAA,EAEpC,cAAa,OAEZ,SAAAL,CAAA,CAAA,EAEJH,EACGI,EAAAA,IAAC,SAAA,CACG,KAAM,SACN,UAAWO,EAAAA,GACPH,EAAAA,eAAe,YACfN,GAAeM,EAAAA,eAAe,mBAAA,EAElC,SAAAnB,EACA,eAAcQ,EAAY,OAAS,OACnC,QAAS,IAAM,CACNR,GACDU,IAAeH,CAAU,CAEjC,EAEC,SAAAa,CAAA,CAAA,EAGLL,EAAAA,IAAC,OAAA,CACG,UAAWF,EAAcM,iBAAe,oBAAsB,OAC9D,eAAcX,EAAY,OAAS,OAElC,SAAAY,CAAA,CAAA,CACL,EAER,CAER,CACJ,EAEAxB,EAAY,YAAc"}

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-kit52.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-kit52.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-kit99.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-kit99.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-kit85.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-kit85.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-kit94.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-kit94.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-kit20.css');require('../../../../ui-kit.css');require('../../../../ui-kit10.css');require('../../../../ui-kit14.css');require('../../../../ui-kit4.css');require('../../../../ui-kit11.css');require('../../../../ui-kit8.css');require('../../../../ui-kit6.css');require('../../../../ui-kit12.css');require('../../../../ui-kit3.css');require('../../../../ui-kit13.css');require('../../../../ui-kit5.css');require('../../../../ui-kit7.css');require('../../../../ui-kit9.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-kit20.css';import '../../../../ui-kit.css';import '../../../../ui-kit10.css';import '../../../../ui-kit14.css';import '../../../../ui-kit4.css';import '../../../../ui-kit11.css';import '../../../../ui-kit8.css';import '../../../../ui-kit6.css';import '../../../../ui-kit12.css';import '../../../../ui-kit3.css';import '../../../../ui-kit13.css';import '../../../../ui-kit5.css';import '../../../../ui-kit7.css';import '../../../../ui-kit9.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-kit97.css');require('../../../ui-kit21.css');require('../../../ui-kit20.css');require('../../../ui-kit.css');require('../../../ui-kit10.css');require('../../../ui-kit14.css');require('../../../ui-kit4.css');require('../../../ui-kit11.css');require('../../../ui-kit8.css');require('../../../ui-kit6.css');require('../../../ui-kit12.css');require('../../../ui-kit3.css');require('../../../ui-kit13.css');require('../../../ui-kit5.css');require('../../../ui-kit7.css');require('../../../ui-kit9.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-kit97.css';import '../../../ui-kit21.css';import '../../../ui-kit20.css';import '../../../ui-kit.css';import '../../../ui-kit10.css';import '../../../ui-kit14.css';import '../../../ui-kit4.css';import '../../../ui-kit11.css';import '../../../ui-kit8.css';import '../../../ui-kit6.css';import '../../../ui-kit12.css';import '../../../ui-kit3.css';import '../../../ui-kit13.css';import '../../../ui-kit5.css';import '../../../ui-kit7.css';import '../../../ui-kit9.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-kit21.css');require('../../../../ui-kit20.css');require('../../../../ui-kit.css');require('../../../../ui-kit10.css');require('../../../../ui-kit14.css');require('../../../../ui-kit4.css');require('../../../../ui-kit11.css');require('../../../../ui-kit8.css');require('../../../../ui-kit6.css');require('../../../../ui-kit12.css');require('../../../../ui-kit3.css');require('../../../../ui-kit13.css');require('../../../../ui-kit5.css');require('../../../../ui-kit7.css');require('../../../../ui-kit9.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-kit21.css';import '../../../../ui-kit20.css';import '../../../../ui-kit.css';import '../../../../ui-kit10.css';import '../../../../ui-kit14.css';import '../../../../ui-kit4.css';import '../../../../ui-kit11.css';import '../../../../ui-kit8.css';import '../../../../ui-kit6.css';import '../../../../ui-kit12.css';import '../../../../ui-kit3.css';import '../../../../ui-kit13.css';import '../../../../ui-kit5.css';import '../../../../ui-kit7.css';import '../../../../ui-kit9.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-empty/styles/CommandEmpty.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit152.css');require('../../../../../../ui-kit151.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                                         */;/* empty css                                  */var e={root:"_15bl8t20"};exports.COMMAND_EMPTY_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit146.css');require('../../../../../../ui-kit145.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                                         */;/* empty css                                  */var e={root:"_15bl8t20"};exports.COMMAND_EMPTY_STYLES=e;
 //# sourceMappingURL=CommandEmpty.css.cjs.map

package/dist/components/overlay/command/components/command-empty/styles/CommandEmpty.css.js

@@ -1,4 +1,4 @@
-import '../../../../../../ui-kit152.css';import '../../../../../../ui-kit151.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
+import '../../../../../../ui-kit146.css';import '../../../../../../ui-kit145.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
 /* empty css                                                       */
 /* empty css                                */
 var p = { root: "_15bl8t20" };

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-kit147.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-kit147.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
 /* empty css                                */
 var r = { root: "_1adbp1f0", label: "_1adbp1f1" };
 export {