npm - @choco-vanille/ui - Versions diffs - 1.4.0 → 1.5.0 - Mend

@choco-vanille/ui 1.4.0 → 1.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (779) hide show

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

	@@ -1 +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\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":";;;;;;;;;~~AASA~~,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;"}
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;"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit47.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-kit20.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 CHANGED Viewed

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

package/dist/components/navigation/step-indicator/StepIndicator.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StepIndicator.cjs","sources":["../../../../src/components/navigation/step-indicator/StepIndicator.tsx"],"sourcesContent":["import {\r\n Children,\r\n isValidElement,\r\n memo,\r\n type ReactElement,\r\n} from 'react'\r\n\r\nimport StepIndicatorItem from '@components/navigation/step-indicator/components/step-indicator-item/StepIndicatorItem.tsx'\r\nimport type { StepIndicatorItemProps } from '@components/navigation/step-indicator/components/step-indicator-item/types/StepIndicatorItem.props.ts'\r\nimport { StepIndicatorContext } from '@components/navigation/step-indicator/context/StepIndicator.context.ts'\r\nimport { STEP_INDICATOR_STYLES } from '@components/navigation/step-indicator/styles/StepIndicator.css.ts'\r\nimport type { StepIndicatorProps } from '@components/navigation/step-indicator/types/StepIndicator.props.ts'\r\nimport type { StepIndicatorCompound } from '@components/navigation/step-indicator/types/StepIndicatorCompound.ts'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\nconst StepIndicator = memo(\r\n ({\r\n 'aria-label': ariaLabel,\r\n children,\r\n currentStep,\r\n onStepChange,\r\n className,\r\n ref,\r\n ...props\r\n }: StepIndicatorProps) => {\r\n const items = Children.toArray(children).filter(\r\n (child): child is ReactElement<StepIndicatorItemProps> =>\r\n isValidElement<StepIndicatorItemProps>(child),\r\n )\r\n\r\n return (\r\n <nav\r\n ref={ref}\r\n aria-label={ariaLabel}\r\n className={cn(STEP_INDICATOR_STYLES.root, className)}\r\n {...props}\r\n >\r\n <ol className={STEP_INDICATOR_STYLES.list}>\r\n {items.map((item, index) => {\r\n const stepNumber = index + 1\r\n const isCurrent = stepNumber === currentStep\r\n const isCompleted = stepNumber < currentStep\r\n\r\n return (\r\n <li key={item.key ?? `${stepNumber}-${item.props.label}`}>\r\n <StepIndicatorContext.Provider\r\n value={{\r\n stepNumber,\r\n isCurrent,\r\n isCompleted,\r\n onStepChange,\r\n }}\r\n >\r\n <StepIndicatorItem {...item.props} />\r\n </StepIndicatorContext.Provider>\r\n </li>\r\n )\r\n })}\r\n </ol>\r\n </nav>\r\n )\r\n },\r\n) as unknown as StepIndicatorCompound\r\n\r\nStepIndicator.displayName = 'StepIndicator'\r\nStepIndicator.Item = StepIndicatorItem\r\n\r\nexport default StepIndicator\r\n"],"names":["StepIndicator","memo","ariaLabel","children","currentStep","onStepChange","className","ref","props","items","Children","child","isValidElement","jsx","cn","STEP_INDICATOR_STYLES","item","index","stepNumber","isCurrent","isCompleted","StepIndicatorContext","StepIndicatorItem"],"mappings":"~~yQAeMA~~,EAAgBC,EAAAA,KAClB,CAAC,CACG,aAAcC,EACd,SAAAC,EACA,YAAAC,EACA,aAAAC,EACA,UAAAC,EACA,IAAAC,EACA,GAAGC,CAAA,IACmB,CACtB,MAAMC,EAAQC,EAAAA,SAAS,QAAQP,CAAQ,EAAE,OACpCQ,GACGC,EAAAA,eAAuCD,CAAK,CAAA,EAGpD,OACIE,EAAAA,IAAC,MAAA,CACG,IAAAN,EACA,aAAYL,EACZ,UAAWY,EAAAA,GAAGC,wBAAsB,KAAMT,CAAS,EAClD,GAAGE,EAEJ,SAAAK,EAAAA,IAAC,MAAG,UAAWE,EAAAA,sBAAsB,KAChC,SAAAN,EAAM,IAAI,CAACO,EAAMC,IAAU,CACxB,MAAMC,EAAaD,EAAQ,EACrBE,EAAYD,IAAed,EAC3BgB,EAAcF,EAAad,EAEjC,aACK,KAAA,CACG,SAAAS,EAAAA,IAACQ,EAAAA,qBAAqB,SAArB,CACG,MAAO,CACH,WAAAH,EACA,UAAAC,EACA,YAAAC,EACA,aAAAf,CAAA,EAGJ,SAAAQ,EAAAA,IAACS,EAAA,CAAmB,GAAGN,EAAK,KAAA,CAAO,CAAA,CAAA,GATlCA,EAAK,KAAO,GAAGE,CAAU,IAAIF,EAAK,MAAM,KAAK,EAWtD,CAER,CAAC,CAAA,CACL,CAAA,CAAA,CAGZ,CACJ,EAEAhB,EAAc,YAAc,gBAC5BA,EAAc,KAAOsB"}
1	+ {"version":3,"file":"StepIndicator.cjs","sources":["../../../../src/components/navigation/step-indicator/StepIndicator.tsx"],"sourcesContent":["import {\r\n Children,\r\n isValidElement,\r\n memo,\r\n type ReactElement,\r\n} from 'react'\r\n\r\nimport StepIndicatorItem from '@components/navigation/step-indicator/components/step-indicator-item/StepIndicatorItem.tsx'\r\nimport type { StepIndicatorItemProps } from '@components/navigation/step-indicator/components/step-indicator-item/types/StepIndicatorItem.props.ts'\r\nimport { StepIndicatorContext } from '@components/navigation/step-indicator/context/StepIndicator.context.ts'\r\nimport { STEP_INDICATOR_STYLES } from '@components/navigation/step-indicator/styles/StepIndicator.css.ts'\r\nimport type { StepIndicatorProps } from '@components/navigation/step-indicator/types/StepIndicator.props.ts'\r\nimport type { StepIndicatorCompound } from '@components/navigation/step-indicator/types/StepIndicatorCompound.ts'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\n/*\r\n Minimal dot-based step progress indicator rendered as a `<nav>` with an\r\n * ordered list. Tracks `currentStep` to derive completed and current states\r\n * for each `StepIndicator.Item`.\r\n \r\n Compound slot: `StepIndicator.Item`.\r\n */\r\nconst StepIndicator = memo(\r\n ({\r\n 'aria-label': ariaLabel,\r\n children,\r\n currentStep,\r\n onStepChange,\r\n className,\r\n ref,\r\n ...props\r\n }: StepIndicatorProps) => {\r\n const items = Children.toArray(children).filter(\r\n (child): child is ReactElement<StepIndicatorItemProps> =>\r\n isValidElement<StepIndicatorItemProps>(child),\r\n )\r\n\r\n return (\r\n <nav\r\n ref={ref}\r\n aria-label={ariaLabel}\r\n className={cn(STEP_INDICATOR_STYLES.root, className)}\r\n {...props}\r\n >\r\n <ol className={STEP_INDICATOR_STYLES.list}>\r\n {items.map((item, index) => {\r\n const stepNumber = index + 1\r\n const isCurrent = stepNumber === currentStep\r\n const isCompleted = stepNumber < currentStep\r\n\r\n return (\r\n <li key={item.key ?? `${stepNumber}-${item.props.label}`}>\r\n <StepIndicatorContext.Provider\r\n value={{\r\n stepNumber,\r\n isCurrent,\r\n isCompleted,\r\n onStepChange,\r\n }}\r\n >\r\n <StepIndicatorItem {...item.props} />\r\n </StepIndicatorContext.Provider>\r\n </li>\r\n )\r\n })}\r\n </ol>\r\n </nav>\r\n )\r\n },\r\n) as unknown as StepIndicatorCompound\r\n\r\nStepIndicator.displayName = 'StepIndicator'\r\nStepIndicator.Item = StepIndicatorItem\r\n\r\nexport default StepIndicator\r\n"],"names":["StepIndicator","memo","ariaLabel","children","currentStep","onStepChange","className","ref","props","items","Children","child","isValidElement","jsx","cn","STEP_INDICATOR_STYLES","item","index","stepNumber","isCurrent","isCompleted","StepIndicatorContext","StepIndicatorItem"],"mappings":"yQAsBMA,EAAgBC,EAAAA,KAClB,CAAC,CACG,aAAcC,EACd,SAAAC,EACA,YAAAC,EACA,aAAAC,EACA,UAAAC,EACA,IAAAC,EACA,GAAGC,CAAA,IACmB,CACtB,MAAMC,EAAQC,EAAAA,SAAS,QAAQP,CAAQ,EAAE,OACpCQ,GACGC,EAAAA,eAAuCD,CAAK,CAAA,EAGpD,OACIE,EAAAA,IAAC,MAAA,CACG,IAAAN,EACA,aAAYL,EACZ,UAAWY,EAAAA,GAAGC,wBAAsB,KAAMT,CAAS,EAClD,GAAGE,EAEJ,SAAAK,EAAAA,IAAC,MAAG,UAAWE,EAAAA,sBAAsB,KAChC,SAAAN,EAAM,IAAI,CAACO,EAAMC,IAAU,CACxB,MAAMC,EAAaD,EAAQ,EACrBE,EAAYD,IAAed,EAC3BgB,EAAcF,EAAad,EAEjC,aACK,KAAA,CACG,SAAAS,EAAAA,IAACQ,EAAAA,qBAAqB,SAArB,CACG,MAAO,CACH,WAAAH,EACA,UAAAC,EACA,YAAAC,EACA,aAAAf,CAAA,EAGJ,SAAAQ,EAAAA,IAACS,EAAA,CAAmB,GAAGN,EAAK,KAAA,CAAO,CAAA,CAAA,GATlCA,EAAK,KAAO,GAAGE,CAAU,IAAIF,EAAK,MAAM,KAAK,EAWtD,CAER,CAAC,CAAA,CACL,CAAA,CAAA,CAGZ,CACJ,EAEAhB,EAAc,YAAc,gBAC5BA,EAAc,KAAOsB"}

package/dist/components/navigation/step-indicator/StepIndicator.d.ts CHANGED Viewed

@@ -1,3 +1,10 @@
 import { StepIndicatorCompound } from './types/StepIndicatorCompound.ts';
+/**
+ * Minimal dot-based step progress indicator rendered as a `<nav>` with an
+ * ordered list. Tracks `currentStep` to derive completed and current states
+ * for each `StepIndicator.Item`.
+ *
+ * Compound slot: `StepIndicator.Item`.
+ */
 declare const StepIndicator: StepIndicatorCompound;
 export default StepIndicator;

package/dist/components/navigation/step-indicator/StepIndicator.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StepIndicator.js","sources":["../../../../src/components/navigation/step-indicator/StepIndicator.tsx"],"sourcesContent":["import {\r\n Children,\r\n isValidElement,\r\n memo,\r\n type ReactElement,\r\n} from 'react'\r\n\r\nimport StepIndicatorItem from '@components/navigation/step-indicator/components/step-indicator-item/StepIndicatorItem.tsx'\r\nimport type { StepIndicatorItemProps } from '@components/navigation/step-indicator/components/step-indicator-item/types/StepIndicatorItem.props.ts'\r\nimport { StepIndicatorContext } from '@components/navigation/step-indicator/context/StepIndicator.context.ts'\r\nimport { STEP_INDICATOR_STYLES } from '@components/navigation/step-indicator/styles/StepIndicator.css.ts'\r\nimport type { StepIndicatorProps } from '@components/navigation/step-indicator/types/StepIndicator.props.ts'\r\nimport type { StepIndicatorCompound } from '@components/navigation/step-indicator/types/StepIndicatorCompound.ts'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\nconst StepIndicator = memo(\r\n ({\r\n 'aria-label': ariaLabel,\r\n children,\r\n currentStep,\r\n onStepChange,\r\n className,\r\n ref,\r\n ...props\r\n }: StepIndicatorProps) => {\r\n const items = Children.toArray(children).filter(\r\n (child): child is ReactElement<StepIndicatorItemProps> =>\r\n isValidElement<StepIndicatorItemProps>(child),\r\n )\r\n\r\n return (\r\n <nav\r\n ref={ref}\r\n aria-label={ariaLabel}\r\n className={cn(STEP_INDICATOR_STYLES.root, className)}\r\n {...props}\r\n >\r\n <ol className={STEP_INDICATOR_STYLES.list}>\r\n {items.map((item, index) => {\r\n const stepNumber = index + 1\r\n const isCurrent = stepNumber === currentStep\r\n const isCompleted = stepNumber < currentStep\r\n\r\n return (\r\n <li key={item.key ?? `${stepNumber}-${item.props.label}`}>\r\n <StepIndicatorContext.Provider\r\n value={{\r\n stepNumber,\r\n isCurrent,\r\n isCompleted,\r\n onStepChange,\r\n }}\r\n >\r\n <StepIndicatorItem {...item.props} />\r\n </StepIndicatorContext.Provider>\r\n </li>\r\n )\r\n })}\r\n </ol>\r\n </nav>\r\n )\r\n },\r\n) as unknown as StepIndicatorCompound\r\n\r\nStepIndicator.displayName = 'StepIndicator'\r\nStepIndicator.Item = StepIndicatorItem\r\n\r\nexport default StepIndicator\r\n"],"names":["StepIndicator","memo","ariaLabel","children","currentStep","onStepChange","className","ref","props","items","Children","child","isValidElement","jsx","cn","STEP_INDICATOR_STYLES","item","index","stepNumber","isCurrent","isCompleted","StepIndicatorContext","StepIndicatorItem"],"mappings":";;;;;;~~AAeA~~,MAAMA,IAAgBC;AAAA,EAClB,CAAC;AAAA,IACG,cAAcC;AAAA,IACd,UAAAC;AAAA,IACA,aAAAC;AAAA,IACA,cAAAC;AAAA,IACA,WAAAC;AAAA,IACA,KAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,MACmB;AACtB,UAAMC,IAAQC,EAAS,QAAQP,CAAQ,EAAE;AAAA,MACrC,CAACQ,MACGC,EAAuCD,CAAK;AAAA,IAAA;AAGpD,WACI,gBAAAE;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,KAAAN;AAAA,QACA,cAAYL;AAAA,QACZ,WAAWY,EAAGC,EAAsB,MAAMT,CAAS;AAAA,QAClD,GAAGE;AAAA,QAEJ,UAAA,gBAAAK,EAAC,QAAG,WAAWE,EAAsB,MAChC,UAAAN,EAAM,IAAI,CAACO,GAAMC,MAAU;AACxB,gBAAMC,IAAaD,IAAQ,GACrBE,IAAYD,MAAed,GAC3BgB,IAAcF,IAAad;AAEjC,mCACK,MAAA,EACG,UAAA,gBAAAS;AAAA,YAACQ,EAAqB;AAAA,YAArB;AAAA,cACG,OAAO;AAAA,gBACH,YAAAH;AAAA,gBACA,WAAAC;AAAA,gBACA,aAAAC;AAAA,gBACA,cAAAf;AAAA,cAAA;AAAA,cAGJ,UAAA,gBAAAQ,EAACS,GAAA,EAAmB,GAAGN,EAAK,MAAA,CAAO;AAAA,YAAA;AAAA,UAAA,KATlCA,EAAK,OAAO,GAAGE,CAAU,IAAIF,EAAK,MAAM,KAAK,EAWtD;AAAA,QAER,CAAC,EAAA,CACL;AAAA,MAAA;AAAA,IAAA;AAAA,EAGZ;AACJ;AAEAhB,EAAc,cAAc;AAC5BA,EAAc,OAAOsB;"}
1	+ {"version":3,"file":"StepIndicator.js","sources":["../../../../src/components/navigation/step-indicator/StepIndicator.tsx"],"sourcesContent":["import {\r\n Children,\r\n isValidElement,\r\n memo,\r\n type ReactElement,\r\n} from 'react'\r\n\r\nimport StepIndicatorItem from '@components/navigation/step-indicator/components/step-indicator-item/StepIndicatorItem.tsx'\r\nimport type { StepIndicatorItemProps } from '@components/navigation/step-indicator/components/step-indicator-item/types/StepIndicatorItem.props.ts'\r\nimport { StepIndicatorContext } from '@components/navigation/step-indicator/context/StepIndicator.context.ts'\r\nimport { STEP_INDICATOR_STYLES } from '@components/navigation/step-indicator/styles/StepIndicator.css.ts'\r\nimport type { StepIndicatorProps } from '@components/navigation/step-indicator/types/StepIndicator.props.ts'\r\nimport type { StepIndicatorCompound } from '@components/navigation/step-indicator/types/StepIndicatorCompound.ts'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\n/*\r\n Minimal dot-based step progress indicator rendered as a `<nav>` with an\r\n * ordered list. Tracks `currentStep` to derive completed and current states\r\n * for each `StepIndicator.Item`.\r\n \r\n Compound slot: `StepIndicator.Item`.\r\n */\r\nconst StepIndicator = memo(\r\n ({\r\n 'aria-label': ariaLabel,\r\n children,\r\n currentStep,\r\n onStepChange,\r\n className,\r\n ref,\r\n ...props\r\n }: StepIndicatorProps) => {\r\n const items = Children.toArray(children).filter(\r\n (child): child is ReactElement<StepIndicatorItemProps> =>\r\n isValidElement<StepIndicatorItemProps>(child),\r\n )\r\n\r\n return (\r\n <nav\r\n ref={ref}\r\n aria-label={ariaLabel}\r\n className={cn(STEP_INDICATOR_STYLES.root, className)}\r\n {...props}\r\n >\r\n <ol className={STEP_INDICATOR_STYLES.list}>\r\n {items.map((item, index) => {\r\n const stepNumber = index + 1\r\n const isCurrent = stepNumber === currentStep\r\n const isCompleted = stepNumber < currentStep\r\n\r\n return (\r\n <li key={item.key ?? `${stepNumber}-${item.props.label}`}>\r\n <StepIndicatorContext.Provider\r\n value={{\r\n stepNumber,\r\n isCurrent,\r\n isCompleted,\r\n onStepChange,\r\n }}\r\n >\r\n <StepIndicatorItem {...item.props} />\r\n </StepIndicatorContext.Provider>\r\n </li>\r\n )\r\n })}\r\n </ol>\r\n </nav>\r\n )\r\n },\r\n) as unknown as StepIndicatorCompound\r\n\r\nStepIndicator.displayName = 'StepIndicator'\r\nStepIndicator.Item = StepIndicatorItem\r\n\r\nexport default StepIndicator\r\n"],"names":["StepIndicator","memo","ariaLabel","children","currentStep","onStepChange","className","ref","props","items","Children","child","isValidElement","jsx","cn","STEP_INDICATOR_STYLES","item","index","stepNumber","isCurrent","isCompleted","StepIndicatorContext","StepIndicatorItem"],"mappings":";;;;;;AAsBA,MAAMA,IAAgBC;AAAA,EAClB,CAAC;AAAA,IACG,cAAcC;AAAA,IACd,UAAAC;AAAA,IACA,aAAAC;AAAA,IACA,cAAAC;AAAA,IACA,WAAAC;AAAA,IACA,KAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,MACmB;AACtB,UAAMC,IAAQC,EAAS,QAAQP,CAAQ,EAAE;AAAA,MACrC,CAACQ,MACGC,EAAuCD,CAAK;AAAA,IAAA;AAGpD,WACI,gBAAAE;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,KAAAN;AAAA,QACA,cAAYL;AAAA,QACZ,WAAWY,EAAGC,EAAsB,MAAMT,CAAS;AAAA,QAClD,GAAGE;AAAA,QAEJ,UAAA,gBAAAK,EAAC,QAAG,WAAWE,EAAsB,MAChC,UAAAN,EAAM,IAAI,CAACO,GAAMC,MAAU;AACxB,gBAAMC,IAAaD,IAAQ,GACrBE,IAAYD,MAAed,GAC3BgB,IAAcF,IAAad;AAEjC,mCACK,MAAA,EACG,UAAA,gBAAAS;AAAA,YAACQ,EAAqB;AAAA,YAArB;AAAA,cACG,OAAO;AAAA,gBACH,YAAAH;AAAA,gBACA,WAAAC;AAAA,gBACA,aAAAC;AAAA,gBACA,cAAAf;AAAA,cAAA;AAAA,cAGJ,UAAA,gBAAAQ,EAACS,GAAA,EAAmB,GAAGN,EAAK,MAAA,CAAO;AAAA,YAAA;AAAA,UAAA,KATlCA,EAAK,OAAO,GAAGE,CAAU,IAAIF,EAAK,MAAM,KAAK,EAWtD;AAAA,QAER,CAAC,EAAA,CACL;AAAA,MAAA;AAAA,IAAA;AAAA,EAGZ;AACJ;AAEAhB,EAAc,cAAc;AAC5BA,EAAc,OAAOsB;"}

package/dist/components/navigation/step-indicator/components/step-indicator-item/StepIndicatorItem.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StepIndicatorItem.cjs","sources":["../../../../../../src/components/navigation/step-indicator/components/step-indicator-item/StepIndicatorItem.tsx"],"sourcesContent":["import { memo, useContext } from 'react'\r\n\r\nimport { STEP_INDICATOR_ITEM_STYLES } from '@components/navigation/step-indicator/components/step-indicator-item/styles/StepIndicatorItem.css.ts'\r\nimport { StepIndicatorContext } from '@components/navigation/step-indicator/context/StepIndicator.context.ts'\r\nimport type { StepIndicatorItemProps } from '@components/navigation/step-indicator/components/step-indicator-item/types/StepIndicatorItem.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\nconst StepIndicatorItem = memo(\r\n ({ label, disabled, ref }: StepIndicatorItemProps) => {\r\n const context = useContext(StepIndicatorContext)\r\n\r\n if (!context) {\r\n throw new Error(\r\n 'StepIndicator.Item must be rendered inside StepIndicator.',\r\n )\r\n }\r\n\r\n const { stepNumber, isCurrent, isCompleted, onStepChange } = context\r\n const dot = (\r\n <span\r\n className={cn(\r\n STEP_INDICATOR_ITEM_STYLES.dot,\r\n isCurrent && STEP_INDICATOR_ITEM_STYLES.dotCurrent,\r\n isCompleted && STEP_INDICATOR_ITEM_STYLES.dotCompleted,\r\n )}\r\n aria-hidden={'true'}\r\n />\r\n )\r\n\r\n if (onStepChange) {\r\n return (\r\n <button\r\n ref={ref}\r\n type={'button'}\r\n className={STEP_INDICATOR_ITEM_STYLES.button}\r\n aria-label={label}\r\n aria-current={isCurrent ? 'step' : undefined}\r\n disabled={disabled}\r\n onClick={() => onStepChange(stepNumber)}\r\n >\r\n {dot}\r\n </button>\r\n )\r\n }\r\n\r\n return (\r\n <span\r\n role={'img'}\r\n className={STEP_INDICATOR_ITEM_STYLES.staticItem}\r\n aria-label={label}\r\n aria-current={isCurrent ? 'step' : undefined}\r\n >\r\n {dot}\r\n </span>\r\n )\r\n },\r\n)\r\n\r\nStepIndicatorItem.displayName = 'StepIndicator.Item'\r\n\r\nexport default StepIndicatorItem\r\n"],"names":["StepIndicatorItem","memo","label","disabled","ref","context","useContext","StepIndicatorContext","stepNumber","isCurrent","isCompleted","onStepChange","dot","jsx","cn","STEP_INDICATOR_ITEM_STYLES"],"mappings":"~~mNAOMA~~,EAAoBC,EAAAA,KACtB,CAAC,CAAE,MAAAC,EAAO,SAAAC,EAAU,IAAAC,KAAkC,CAClD,MAAMC,EAAUC,EAAAA,WAAWC,sBAAoB,EAE/C,GAAI,CAACF,EACD,MAAM,IAAI,MACN,2DAAA,EAIR,KAAM,CAAE,WAAAG,EAAY,UAAAC,EAAW,YAAAC,EAAa,aAAAC,GAAiBN,EACvDO,EACFC,EAAAA,IAAC,OAAA,CACG,UAAWC,EAAAA,GACPC,EAAAA,2BAA2B,IAC3BN,GAAaM,EAAAA,2BAA2B,WACxCL,GAAeK,EAAAA,2BAA2B,YAAA,EAE9C,cAAa,MAAA,CAAA,EAIrB,OAAIJ,EAEIE,EAAAA,IAAC,SAAA,CACG,IAAAT,EACA,KAAM,SACN,UAAWW,EAAAA,2BAA2B,OACtC,aAAYb,EACZ,eAAcO,EAAY,OAAS,OACnC,SAAAN,EACA,QAAS,IAAMQ,EAAaH,CAAU,EAErC,SAAAI,CAAA,CAAA,EAMTC,EAAAA,IAAC,OAAA,CACG,KAAM,MACN,UAAWE,EAAAA,2BAA2B,WACtC,aAAYb,EACZ,eAAcO,EAAY,OAAS,OAElC,SAAAG,CAAA,CAAA,CAGb,CACJ,EAEAZ,EAAkB,YAAc"}
1	+ {"version":3,"file":"StepIndicatorItem.cjs","sources":["../../../../../../src/components/navigation/step-indicator/components/step-indicator-item/StepIndicatorItem.tsx"],"sourcesContent":["import { memo, useContext } from 'react'\r\n\r\nimport { STEP_INDICATOR_ITEM_STYLES } from '@components/navigation/step-indicator/components/step-indicator-item/styles/StepIndicatorItem.css.ts'\r\nimport { StepIndicatorContext } from '@components/navigation/step-indicator/context/StepIndicator.context.ts'\r\nimport type { StepIndicatorItemProps } from '@components/navigation/step-indicator/components/step-indicator-item/types/StepIndicatorItem.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\n/*\r\n Single dot step slot for `StepIndicator`. Renders as a `<button>` with\r\n * `aria-label` and `aria-current=\"step\"` when `onStepChange` is in context,\r\n * otherwise as a `role=\"img\"` `<span>`.\r\n */\r\nconst StepIndicatorItem = memo(\r\n ({ label, disabled, ref }: StepIndicatorItemProps) => {\r\n const context = useContext(StepIndicatorContext)\r\n\r\n if (!context) {\r\n throw new Error(\r\n 'StepIndicator.Item must be rendered inside StepIndicator.',\r\n )\r\n }\r\n\r\n const { stepNumber, isCurrent, isCompleted, onStepChange } = context\r\n const dot = (\r\n <span\r\n className={cn(\r\n STEP_INDICATOR_ITEM_STYLES.dot,\r\n isCurrent && STEP_INDICATOR_ITEM_STYLES.dotCurrent,\r\n isCompleted && STEP_INDICATOR_ITEM_STYLES.dotCompleted,\r\n )}\r\n aria-hidden={'true'}\r\n />\r\n )\r\n\r\n if (onStepChange) {\r\n return (\r\n <button\r\n ref={ref}\r\n type={'button'}\r\n className={STEP_INDICATOR_ITEM_STYLES.button}\r\n aria-label={label}\r\n aria-current={isCurrent ? 'step' : undefined}\r\n disabled={disabled}\r\n onClick={() => onStepChange(stepNumber)}\r\n >\r\n {dot}\r\n </button>\r\n )\r\n }\r\n\r\n return (\r\n <span\r\n role={'img'}\r\n className={STEP_INDICATOR_ITEM_STYLES.staticItem}\r\n aria-label={label}\r\n aria-current={isCurrent ? 'step' : undefined}\r\n >\r\n {dot}\r\n </span>\r\n )\r\n },\r\n)\r\n\r\nStepIndicatorItem.displayName = 'StepIndicator.Item'\r\n\r\nexport default StepIndicatorItem\r\n"],"names":["StepIndicatorItem","memo","label","disabled","ref","context","useContext","StepIndicatorContext","stepNumber","isCurrent","isCompleted","onStepChange","dot","jsx","cn","STEP_INDICATOR_ITEM_STYLES"],"mappings":"mNAYMA,EAAoBC,EAAAA,KACtB,CAAC,CAAE,MAAAC,EAAO,SAAAC,EAAU,IAAAC,KAAkC,CAClD,MAAMC,EAAUC,EAAAA,WAAWC,sBAAoB,EAE/C,GAAI,CAACF,EACD,MAAM,IAAI,MACN,2DAAA,EAIR,KAAM,CAAE,WAAAG,EAAY,UAAAC,EAAW,YAAAC,EAAa,aAAAC,GAAiBN,EACvDO,EACFC,EAAAA,IAAC,OAAA,CACG,UAAWC,EAAAA,GACPC,EAAAA,2BAA2B,IAC3BN,GAAaM,EAAAA,2BAA2B,WACxCL,GAAeK,EAAAA,2BAA2B,YAAA,EAE9C,cAAa,MAAA,CAAA,EAIrB,OAAIJ,EAEIE,EAAAA,IAAC,SAAA,CACG,IAAAT,EACA,KAAM,SACN,UAAWW,EAAAA,2BAA2B,OACtC,aAAYb,EACZ,eAAcO,EAAY,OAAS,OACnC,SAAAN,EACA,QAAS,IAAMQ,EAAaH,CAAU,EAErC,SAAAI,CAAA,CAAA,EAMTC,EAAAA,IAAC,OAAA,CACG,KAAM,MACN,UAAWE,EAAAA,2BAA2B,WACtC,aAAYb,EACZ,eAAcO,EAAY,OAAS,OAElC,SAAAG,CAAA,CAAA,CAGb,CACJ,EAEAZ,EAAkB,YAAc"}

package/dist/components/navigation/step-indicator/components/step-indicator-item/StepIndicatorItem.d.ts CHANGED Viewed

@@ -1,4 +1,9 @@
 import { StepIndicatorItemProps } from './types/StepIndicatorItem.props.ts';
 import { MemoExoticComponent } from 'react';
+/**
+ * Single dot step slot for `StepIndicator`. Renders as a `<button>` with
+ * `aria-label` and `aria-current="step"` when `onStepChange` is in context,
+ * otherwise as a `role="img"` `<span>`.
+ */
 declare const StepIndicatorItem: MemoExoticComponent<({ label, disabled, ref }: StepIndicatorItemProps) => import("react").JSX.Element>;
 export default StepIndicatorItem;

package/dist/components/navigation/step-indicator/components/step-indicator-item/StepIndicatorItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StepIndicatorItem.js","sources":["../../../../../../src/components/navigation/step-indicator/components/step-indicator-item/StepIndicatorItem.tsx"],"sourcesContent":["import { memo, useContext } from 'react'\r\n\r\nimport { STEP_INDICATOR_ITEM_STYLES } from '@components/navigation/step-indicator/components/step-indicator-item/styles/StepIndicatorItem.css.ts'\r\nimport { StepIndicatorContext } from '@components/navigation/step-indicator/context/StepIndicator.context.ts'\r\nimport type { StepIndicatorItemProps } from '@components/navigation/step-indicator/components/step-indicator-item/types/StepIndicatorItem.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\nconst StepIndicatorItem = memo(\r\n ({ label, disabled, ref }: StepIndicatorItemProps) => {\r\n const context = useContext(StepIndicatorContext)\r\n\r\n if (!context) {\r\n throw new Error(\r\n 'StepIndicator.Item must be rendered inside StepIndicator.',\r\n )\r\n }\r\n\r\n const { stepNumber, isCurrent, isCompleted, onStepChange } = context\r\n const dot = (\r\n <span\r\n className={cn(\r\n STEP_INDICATOR_ITEM_STYLES.dot,\r\n isCurrent && STEP_INDICATOR_ITEM_STYLES.dotCurrent,\r\n isCompleted && STEP_INDICATOR_ITEM_STYLES.dotCompleted,\r\n )}\r\n aria-hidden={'true'}\r\n />\r\n )\r\n\r\n if (onStepChange) {\r\n return (\r\n <button\r\n ref={ref}\r\n type={'button'}\r\n className={STEP_INDICATOR_ITEM_STYLES.button}\r\n aria-label={label}\r\n aria-current={isCurrent ? 'step' : undefined}\r\n disabled={disabled}\r\n onClick={() => onStepChange(stepNumber)}\r\n >\r\n {dot}\r\n </button>\r\n )\r\n }\r\n\r\n return (\r\n <span\r\n role={'img'}\r\n className={STEP_INDICATOR_ITEM_STYLES.staticItem}\r\n aria-label={label}\r\n aria-current={isCurrent ? 'step' : undefined}\r\n >\r\n {dot}\r\n </span>\r\n )\r\n },\r\n)\r\n\r\nStepIndicatorItem.displayName = 'StepIndicator.Item'\r\n\r\nexport default StepIndicatorItem\r\n"],"names":["StepIndicatorItem","memo","label","disabled","ref","context","useContext","StepIndicatorContext","stepNumber","isCurrent","isCompleted","onStepChange","dot","jsx","cn","STEP_INDICATOR_ITEM_STYLES"],"mappings":";;;;;~~AAOA~~,MAAMA,IAAoBC;AAAA,EACtB,CAAC,EAAE,OAAAC,GAAO,UAAAC,GAAU,KAAAC,QAAkC;AAClD,UAAMC,IAAUC,EAAWC,CAAoB;AAE/C,QAAI,CAACF;AACD,YAAM,IAAI;AAAA,QACN;AAAA,MAAA;AAIR,UAAM,EAAE,YAAAG,GAAY,WAAAC,GAAW,aAAAC,GAAa,cAAAC,MAAiBN,GACvDO,IACF,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAWC;AAAA,UACPC,EAA2B;AAAA,UAC3BN,KAAaM,EAA2B;AAAA,UACxCL,KAAeK,EAA2B;AAAA,QAAA;AAAA,QAE9C,eAAa;AAAA,MAAA;AAAA,IAAA;AAIrB,WAAIJ,IAEI,gBAAAE;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,KAAAT;AAAA,QACA,MAAM;AAAA,QACN,WAAWW,EAA2B;AAAA,QACtC,cAAYb;AAAA,QACZ,gBAAcO,IAAY,SAAS;AAAA,QACnC,UAAAN;AAAA,QACA,SAAS,MAAMQ,EAAaH,CAAU;AAAA,QAErC,UAAAI;AAAA,MAAA;AAAA,IAAA,IAMT,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,MAAM;AAAA,QACN,WAAWE,EAA2B;AAAA,QACtC,cAAYb;AAAA,QACZ,gBAAcO,IAAY,SAAS;AAAA,QAElC,UAAAG;AAAA,MAAA;AAAA,IAAA;AAAA,EAGb;AACJ;AAEAZ,EAAkB,cAAc;"}
1	+ {"version":3,"file":"StepIndicatorItem.js","sources":["../../../../../../src/components/navigation/step-indicator/components/step-indicator-item/StepIndicatorItem.tsx"],"sourcesContent":["import { memo, useContext } from 'react'\r\n\r\nimport { STEP_INDICATOR_ITEM_STYLES } from '@components/navigation/step-indicator/components/step-indicator-item/styles/StepIndicatorItem.css.ts'\r\nimport { StepIndicatorContext } from '@components/navigation/step-indicator/context/StepIndicator.context.ts'\r\nimport type { StepIndicatorItemProps } from '@components/navigation/step-indicator/components/step-indicator-item/types/StepIndicatorItem.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\n/*\r\n Single dot step slot for `StepIndicator`. Renders as a `<button>` with\r\n * `aria-label` and `aria-current=\"step\"` when `onStepChange` is in context,\r\n * otherwise as a `role=\"img\"` `<span>`.\r\n */\r\nconst StepIndicatorItem = memo(\r\n ({ label, disabled, ref }: StepIndicatorItemProps) => {\r\n const context = useContext(StepIndicatorContext)\r\n\r\n if (!context) {\r\n throw new Error(\r\n 'StepIndicator.Item must be rendered inside StepIndicator.',\r\n )\r\n }\r\n\r\n const { stepNumber, isCurrent, isCompleted, onStepChange } = context\r\n const dot = (\r\n <span\r\n className={cn(\r\n STEP_INDICATOR_ITEM_STYLES.dot,\r\n isCurrent && STEP_INDICATOR_ITEM_STYLES.dotCurrent,\r\n isCompleted && STEP_INDICATOR_ITEM_STYLES.dotCompleted,\r\n )}\r\n aria-hidden={'true'}\r\n />\r\n )\r\n\r\n if (onStepChange) {\r\n return (\r\n <button\r\n ref={ref}\r\n type={'button'}\r\n className={STEP_INDICATOR_ITEM_STYLES.button}\r\n aria-label={label}\r\n aria-current={isCurrent ? 'step' : undefined}\r\n disabled={disabled}\r\n onClick={() => onStepChange(stepNumber)}\r\n >\r\n {dot}\r\n </button>\r\n )\r\n }\r\n\r\n return (\r\n <span\r\n role={'img'}\r\n className={STEP_INDICATOR_ITEM_STYLES.staticItem}\r\n aria-label={label}\r\n aria-current={isCurrent ? 'step' : undefined}\r\n >\r\n {dot}\r\n </span>\r\n )\r\n },\r\n)\r\n\r\nStepIndicatorItem.displayName = 'StepIndicator.Item'\r\n\r\nexport default StepIndicatorItem\r\n"],"names":["StepIndicatorItem","memo","label","disabled","ref","context","useContext","StepIndicatorContext","stepNumber","isCurrent","isCompleted","onStepChange","dot","jsx","cn","STEP_INDICATOR_ITEM_STYLES"],"mappings":";;;;;AAYA,MAAMA,IAAoBC;AAAA,EACtB,CAAC,EAAE,OAAAC,GAAO,UAAAC,GAAU,KAAAC,QAAkC;AAClD,UAAMC,IAAUC,EAAWC,CAAoB;AAE/C,QAAI,CAACF;AACD,YAAM,IAAI;AAAA,QACN;AAAA,MAAA;AAIR,UAAM,EAAE,YAAAG,GAAY,WAAAC,GAAW,aAAAC,GAAa,cAAAC,MAAiBN,GACvDO,IACF,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAWC;AAAA,UACPC,EAA2B;AAAA,UAC3BN,KAAaM,EAA2B;AAAA,UACxCL,KAAeK,EAA2B;AAAA,QAAA;AAAA,QAE9C,eAAa;AAAA,MAAA;AAAA,IAAA;AAIrB,WAAIJ,IAEI,gBAAAE;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,KAAAT;AAAA,QACA,MAAM;AAAA,QACN,WAAWW,EAA2B;AAAA,QACtC,cAAYb;AAAA,QACZ,gBAAcO,IAAY,SAAS;AAAA,QACnC,UAAAN;AAAA,QACA,SAAS,MAAMQ,EAAaH,CAAU;AAAA,QAErC,UAAAI;AAAA,MAAA;AAAA,IAAA,IAMT,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,MAAM;AAAA,QACN,WAAWE,EAA2B;AAAA,QACtC,cAAYb;AAAA,QACZ,gBAAcO,IAAY,SAAS;AAAA,QAElC,UAAAG;AAAA,MAAA;AAAA,IAAA;AAAA,EAGb;AACJ;AAEAZ,EAAkB,cAAc;"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit128.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-kit138.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 CHANGED Viewed

@@ -1,4 +1,4 @@
-import '../../../../../../ui-kit128.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
+import '../../../../../../ui-kit138.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 CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit49.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-kit50.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 CHANGED Viewed

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

package/dist/components/navigation/stepper/Stepper.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Stepper.cjs","sources":["../../../../src/components/navigation/stepper/Stepper.tsx"],"sourcesContent":["import {\r\n Children,\r\n Fragment,\r\n isValidElement,\r\n memo,\r\n type ReactElement,\r\n} from 'react'\r\n\r\nimport { Separator } from '@components/layout/separator'\r\nimport StepperItem from '@components/navigation/stepper/components/stepper-item/StepperItem.tsx'\r\nimport type { StepperItemProps } from '@components/navigation/stepper/components/stepper-item/types/StepperItem.props.ts'\r\nimport { StepperItemContext } from '@components/navigation/stepper/context/Stepper.context.ts'\r\nimport { STEPPER_ORIENTATIONS } from '@components/navigation/stepper/constants'\r\nimport { STEPPER_STYLES } from '@components/navigation/stepper/styles/Stepper.css.ts'\r\nimport type { StepperProps } from '@components/navigation/stepper/types/Stepper.props.ts'\r\nimport type { StepperCompound } from '@components/navigation/stepper/types/StepperCompound.ts'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\nconst Stepper = memo(\r\n ({\r\n 'aria-label': ariaLabel,\r\n children,\r\n currentStep,\r\n onStepChange,\r\n orientation = STEPPER_ORIENTATIONS.horizontal,\r\n className,\r\n ref,\r\n ...props\r\n }: StepperProps) => {\r\n const items = Children.toArray(children).filter(\r\n (child): child is ReactElement<StepperItemProps> =>\r\n isValidElement<StepperItemProps>(child),\r\n )\r\n\r\n return (\r\n <nav\r\n ref={ref}\r\n aria-label={ariaLabel}\r\n className={cn(STEPPER_STYLES.root, className)}\r\n {...props}\r\n >\r\n <ol\r\n className={cn(\r\n STEPPER_STYLES.list,\r\n orientation === STEPPER_ORIENTATIONS.horizontal\r\n ? STEPPER_STYLES.listHorizontal\r\n : STEPPER_STYLES.listVertical,\r\n )}\r\n >\r\n {items.map((item, index) => {\r\n const stepNumber = index + 1\r\n const isCurrent = stepNumber === currentStep\r\n const isCompleted = stepNumber < currentStep\r\n\r\n return (\r\n <Fragment\r\n key={item.key ?? `${stepNumber}-${item.props.label}`}\r\n >\r\n <li\r\n className={cn(\r\n STEPPER_STYLES.item,\r\n orientation === STEPPER_ORIENTATIONS.vertical &&\r\n STEPPER_STYLES.itemVertical,\r\n )}\r\n >\r\n <StepperItemContext.Provider\r\n value={{\r\n stepNumber,\r\n isCurrent,\r\n isCompleted,\r\n onStepChange,\r\n }}\r\n >\r\n <StepperItem {...item.props} />\r\n </StepperItemContext.Provider>\r\n </li>\r\n {index < items.length - 1 && (\r\n <li\r\n aria-hidden={'true'}\r\n className={cn(\r\n STEPPER_STYLES.connectorItem,\r\n orientation === STEPPER_ORIENTATIONS.vertical &&\r\n STEPPER_STYLES.connectorItemVertical,\r\n )}\r\n >\r\n <Separator\r\n orientation={\r\n orientation === STEPPER_ORIENTATIONS.vertical\r\n ? 'vertical'\r\n : 'horizontal'\r\n }\r\n className={cn(\r\n STEPPER_STYLES.connector,\r\n orientation === STEPPER_ORIENTATIONS.vertical &&\r\n STEPPER_STYLES.connectorVertical,\r\n )}\r\n />\r\n </li>\r\n )}\r\n </Fragment>\r\n )\r\n })}\r\n </ol>\r\n </nav>\r\n )\r\n },\r\n) as unknown as StepperCompound\r\n\r\nStepper.displayName = 'Stepper'\r\nStepper.Item = StepperItem\r\n\r\nexport default Stepper\r\n"],"names":["Stepper","memo","ariaLabel","children","currentStep","onStepChange","orientation","STEPPER_ORIENTATIONS","className","ref","props","items","Children","child","isValidElement","jsx","cn","STEPPER_STYLES","item","index","stepNumber","isCurrent","isCompleted","jsxs","Fragment","StepperItemContext","StepperItem","Separator"],"mappings":"~~0ZAkBMA~~,EAAUC,EAAAA,KACZ,CAAC,CACG,aAAcC,EACd,SAAAC,EACA,YAAAC,EACA,aAAAC,EACA,YAAAC,EAAcC,EAAAA,qBAAqB,WACnC,UAAAC,EACA,IAAAC,EACA,GAAGC,CAAA,IACa,CAChB,MAAMC,EAAQC,EAAAA,SAAS,QAAQT,CAAQ,EAAE,OACpCU,GACGC,EAAAA,eAAiCD,CAAK,CAAA,EAG9C,OACIE,EAAAA,IAAC,MAAA,CACG,IAAAN,EACA,aAAYP,EACZ,UAAWc,EAAAA,GAAGC,iBAAe,KAAMT,CAAS,EAC3C,GAAGE,EAEJ,SAAAK,EAAAA,IAAC,KAAA,CACG,UAAWC,EAAAA,GACPC,EAAAA,eAAe,KACfX,IAAgBC,EAAAA,qBAAqB,WAC/BU,EAAAA,eAAe,eACfA,EAAAA,eAAe,YAAA,EAGxB,SAAAN,EAAM,IAAI,CAACO,EAAMC,IAAU,CACxB,MAAMC,EAAaD,EAAQ,EACrBE,EAAYD,IAAehB,EAC3BkB,EAAcF,EAAahB,EAEjC,OACImB,EAAAA,KAACC,EAAAA,SAAA,CAGG,SAAA,CAAAT,EAAAA,IAAC,KAAA,CACG,UAAWC,EAAAA,GACPC,EAAAA,eAAe,KACfX,IAAgBC,EAAAA,qBAAqB,UACjCU,iBAAe,YAAA,EAGvB,SAAAF,EAAAA,IAACU,EAAAA,mBAAmB,SAAnB,CACG,MAAO,CACH,WAAAL,EACA,UAAAC,EACA,YAAAC,EACA,aAAAjB,CAAA,EAGJ,SAAAU,EAAAA,IAACW,EAAA,CAAa,GAAGR,EAAK,KAAA,CAAO,CAAA,CAAA,CACjC,CAAA,EAEHC,EAAQR,EAAM,OAAS,GACpBI,EAAAA,IAAC,KAAA,CACG,cAAa,OACb,UAAWC,EAAAA,GACPC,EAAAA,eAAe,cACfX,IAAgBC,EAAAA,qBAAqB,UACjCU,iBAAe,qBAAA,EAGvB,SAAAF,EAAAA,IAACY,EAAA,CACG,YACIrB,IAAgBC,EAAAA,qBAAqB,SAC/B,WACA,aAEV,UAAWS,EAAAA,GACPC,EAAAA,eAAe,UACfX,IAAgBC,EAAAA,qBAAqB,UACjCU,iBAAe,iBAAA,CACvB,CAAA,CACJ,CAAA,CACJ,CAAA,EAzCCC,EAAK,KAAO,GAAGE,CAAU,IAAIF,EAAK,MAAM,KAAK,EAAA,CA6C9D,CAAC,CAAA,CAAA,CACL,CAAA,CAGZ,CACJ,EAEAlB,EAAQ,YAAc,UACtBA,EAAQ,KAAO0B"}
1	+ {"version":3,"file":"Stepper.cjs","sources":["../../../../src/components/navigation/stepper/Stepper.tsx"],"sourcesContent":["import {\r\n Children,\r\n Fragment,\r\n isValidElement,\r\n memo,\r\n type ReactElement,\r\n} from 'react'\r\n\r\nimport { Separator } from '@components/layout/separator'\r\nimport StepperItem from '@components/navigation/stepper/components/stepper-item/StepperItem.tsx'\r\nimport type { StepperItemProps } from '@components/navigation/stepper/components/stepper-item/types/StepperItem.props.ts'\r\nimport { StepperItemContext } from '@components/navigation/stepper/context/Stepper.context.ts'\r\nimport { STEPPER_ORIENTATIONS } from '@components/navigation/stepper/constants'\r\nimport { STEPPER_STYLES } from '@components/navigation/stepper/styles/Stepper.css.ts'\r\nimport type { StepperProps } from '@components/navigation/stepper/types/Stepper.props.ts'\r\nimport type { StepperCompound } from '@components/navigation/stepper/types/StepperCompound.ts'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\n/*\r\n Step-by-step progress navigator rendered as a `<nav>` with an ordered list.\r\n * Supports horizontal and vertical `orientation`. When `onStepChange` is\r\n * provided each step becomes interactive. Tracks `currentStep` to derive\r\n * completed and current states for slot rendering.\r\n \r\n Compound slot: `Stepper.Item`.\r\n */\r\nconst Stepper = memo(\r\n ({\r\n 'aria-label': ariaLabel,\r\n children,\r\n currentStep,\r\n onStepChange,\r\n orientation = STEPPER_ORIENTATIONS.horizontal,\r\n className,\r\n ref,\r\n ...props\r\n }: StepperProps) => {\r\n const items = Children.toArray(children).filter(\r\n (child): child is ReactElement<StepperItemProps> =>\r\n isValidElement<StepperItemProps>(child),\r\n )\r\n\r\n return (\r\n <nav\r\n ref={ref}\r\n aria-label={ariaLabel}\r\n className={cn(STEPPER_STYLES.root, className)}\r\n {...props}\r\n >\r\n <ol\r\n className={cn(\r\n STEPPER_STYLES.list,\r\n orientation === STEPPER_ORIENTATIONS.horizontal\r\n ? STEPPER_STYLES.listHorizontal\r\n : STEPPER_STYLES.listVertical,\r\n )}\r\n >\r\n {items.map((item, index) => {\r\n const stepNumber = index + 1\r\n const isCurrent = stepNumber === currentStep\r\n const isCompleted = stepNumber < currentStep\r\n\r\n return (\r\n <Fragment\r\n key={item.key ?? `${stepNumber}-${item.props.label}`}\r\n >\r\n <li\r\n className={cn(\r\n STEPPER_STYLES.item,\r\n orientation === STEPPER_ORIENTATIONS.vertical &&\r\n STEPPER_STYLES.itemVertical,\r\n )}\r\n >\r\n <StepperItemContext.Provider\r\n value={{\r\n stepNumber,\r\n isCurrent,\r\n isCompleted,\r\n onStepChange,\r\n }}\r\n >\r\n <StepperItem {...item.props} />\r\n </StepperItemContext.Provider>\r\n </li>\r\n {index < items.length - 1 && (\r\n <li\r\n aria-hidden={'true'}\r\n className={cn(\r\n STEPPER_STYLES.connectorItem,\r\n orientation === STEPPER_ORIENTATIONS.vertical &&\r\n STEPPER_STYLES.connectorItemVertical,\r\n )}\r\n >\r\n <Separator\r\n orientation={\r\n orientation === STEPPER_ORIENTATIONS.vertical\r\n ? 'vertical'\r\n : 'horizontal'\r\n }\r\n className={cn(\r\n STEPPER_STYLES.connector,\r\n orientation === STEPPER_ORIENTATIONS.vertical &&\r\n STEPPER_STYLES.connectorVertical,\r\n )}\r\n />\r\n </li>\r\n )}\r\n </Fragment>\r\n )\r\n })}\r\n </ol>\r\n </nav>\r\n )\r\n },\r\n) as unknown as StepperCompound\r\n\r\nStepper.displayName = 'Stepper'\r\nStepper.Item = StepperItem\r\n\r\nexport default Stepper\r\n"],"names":["Stepper","memo","ariaLabel","children","currentStep","onStepChange","orientation","STEPPER_ORIENTATIONS","className","ref","props","items","Children","child","isValidElement","jsx","cn","STEPPER_STYLES","item","index","stepNumber","isCurrent","isCompleted","jsxs","Fragment","StepperItemContext","StepperItem","Separator"],"mappings":"0ZA0BMA,EAAUC,EAAAA,KACZ,CAAC,CACG,aAAcC,EACd,SAAAC,EACA,YAAAC,EACA,aAAAC,EACA,YAAAC,EAAcC,EAAAA,qBAAqB,WACnC,UAAAC,EACA,IAAAC,EACA,GAAGC,CAAA,IACa,CAChB,MAAMC,EAAQC,EAAAA,SAAS,QAAQT,CAAQ,EAAE,OACpCU,GACGC,EAAAA,eAAiCD,CAAK,CAAA,EAG9C,OACIE,EAAAA,IAAC,MAAA,CACG,IAAAN,EACA,aAAYP,EACZ,UAAWc,EAAAA,GAAGC,iBAAe,KAAMT,CAAS,EAC3C,GAAGE,EAEJ,SAAAK,EAAAA,IAAC,KAAA,CACG,UAAWC,EAAAA,GACPC,EAAAA,eAAe,KACfX,IAAgBC,EAAAA,qBAAqB,WAC/BU,EAAAA,eAAe,eACfA,EAAAA,eAAe,YAAA,EAGxB,SAAAN,EAAM,IAAI,CAACO,EAAMC,IAAU,CACxB,MAAMC,EAAaD,EAAQ,EACrBE,EAAYD,IAAehB,EAC3BkB,EAAcF,EAAahB,EAEjC,OACImB,EAAAA,KAACC,EAAAA,SAAA,CAGG,SAAA,CAAAT,EAAAA,IAAC,KAAA,CACG,UAAWC,EAAAA,GACPC,EAAAA,eAAe,KACfX,IAAgBC,EAAAA,qBAAqB,UACjCU,iBAAe,YAAA,EAGvB,SAAAF,EAAAA,IAACU,EAAAA,mBAAmB,SAAnB,CACG,MAAO,CACH,WAAAL,EACA,UAAAC,EACA,YAAAC,EACA,aAAAjB,CAAA,EAGJ,SAAAU,EAAAA,IAACW,EAAA,CAAa,GAAGR,EAAK,KAAA,CAAO,CAAA,CAAA,CACjC,CAAA,EAEHC,EAAQR,EAAM,OAAS,GACpBI,EAAAA,IAAC,KAAA,CACG,cAAa,OACb,UAAWC,EAAAA,GACPC,EAAAA,eAAe,cACfX,IAAgBC,EAAAA,qBAAqB,UACjCU,iBAAe,qBAAA,EAGvB,SAAAF,EAAAA,IAACY,EAAA,CACG,YACIrB,IAAgBC,EAAAA,qBAAqB,SAC/B,WACA,aAEV,UAAWS,EAAAA,GACPC,EAAAA,eAAe,UACfX,IAAgBC,EAAAA,qBAAqB,UACjCU,iBAAe,iBAAA,CACvB,CAAA,CACJ,CAAA,CACJ,CAAA,EAzCCC,EAAK,KAAO,GAAGE,CAAU,IAAIF,EAAK,MAAM,KAAK,EAAA,CA6C9D,CAAC,CAAA,CAAA,CACL,CAAA,CAGZ,CACJ,EAEAlB,EAAQ,YAAc,UACtBA,EAAQ,KAAO0B"}

package/dist/components/navigation/stepper/Stepper.d.ts CHANGED Viewed

@@ -1,3 +1,11 @@
 import { StepperCompound } from './types/StepperCompound.ts';
+/**
+ * Step-by-step progress navigator rendered as a `<nav>` with an ordered list.
+ * Supports horizontal and vertical `orientation`. When `onStepChange` is
+ * provided each step becomes interactive. Tracks `currentStep` to derive
+ * completed and current states for slot rendering.
+ *
+ * Compound slot: `Stepper.Item`.
+ */
 declare const Stepper: StepperCompound;
 export default Stepper;

package/dist/components/navigation/stepper/Stepper.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Stepper.js","sources":["../../../../src/components/navigation/stepper/Stepper.tsx"],"sourcesContent":["import {\r\n Children,\r\n Fragment,\r\n isValidElement,\r\n memo,\r\n type ReactElement,\r\n} from 'react'\r\n\r\nimport { Separator } from '@components/layout/separator'\r\nimport StepperItem from '@components/navigation/stepper/components/stepper-item/StepperItem.tsx'\r\nimport type { StepperItemProps } from '@components/navigation/stepper/components/stepper-item/types/StepperItem.props.ts'\r\nimport { StepperItemContext } from '@components/navigation/stepper/context/Stepper.context.ts'\r\nimport { STEPPER_ORIENTATIONS } from '@components/navigation/stepper/constants'\r\nimport { STEPPER_STYLES } from '@components/navigation/stepper/styles/Stepper.css.ts'\r\nimport type { StepperProps } from '@components/navigation/stepper/types/Stepper.props.ts'\r\nimport type { StepperCompound } from '@components/navigation/stepper/types/StepperCompound.ts'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\nconst Stepper = memo(\r\n ({\r\n 'aria-label': ariaLabel,\r\n children,\r\n currentStep,\r\n onStepChange,\r\n orientation = STEPPER_ORIENTATIONS.horizontal,\r\n className,\r\n ref,\r\n ...props\r\n }: StepperProps) => {\r\n const items = Children.toArray(children).filter(\r\n (child): child is ReactElement<StepperItemProps> =>\r\n isValidElement<StepperItemProps>(child),\r\n )\r\n\r\n return (\r\n <nav\r\n ref={ref}\r\n aria-label={ariaLabel}\r\n className={cn(STEPPER_STYLES.root, className)}\r\n {...props}\r\n >\r\n <ol\r\n className={cn(\r\n STEPPER_STYLES.list,\r\n orientation === STEPPER_ORIENTATIONS.horizontal\r\n ? STEPPER_STYLES.listHorizontal\r\n : STEPPER_STYLES.listVertical,\r\n )}\r\n >\r\n {items.map((item, index) => {\r\n const stepNumber = index + 1\r\n const isCurrent = stepNumber === currentStep\r\n const isCompleted = stepNumber < currentStep\r\n\r\n return (\r\n <Fragment\r\n key={item.key ?? `${stepNumber}-${item.props.label}`}\r\n >\r\n <li\r\n className={cn(\r\n STEPPER_STYLES.item,\r\n orientation === STEPPER_ORIENTATIONS.vertical &&\r\n STEPPER_STYLES.itemVertical,\r\n )}\r\n >\r\n <StepperItemContext.Provider\r\n value={{\r\n stepNumber,\r\n isCurrent,\r\n isCompleted,\r\n onStepChange,\r\n }}\r\n >\r\n <StepperItem {...item.props} />\r\n </StepperItemContext.Provider>\r\n </li>\r\n {index < items.length - 1 && (\r\n <li\r\n aria-hidden={'true'}\r\n className={cn(\r\n STEPPER_STYLES.connectorItem,\r\n orientation === STEPPER_ORIENTATIONS.vertical &&\r\n STEPPER_STYLES.connectorItemVertical,\r\n )}\r\n >\r\n <Separator\r\n orientation={\r\n orientation === STEPPER_ORIENTATIONS.vertical\r\n ? 'vertical'\r\n : 'horizontal'\r\n }\r\n className={cn(\r\n STEPPER_STYLES.connector,\r\n orientation === STEPPER_ORIENTATIONS.vertical &&\r\n STEPPER_STYLES.connectorVertical,\r\n )}\r\n />\r\n </li>\r\n )}\r\n </Fragment>\r\n )\r\n })}\r\n </ol>\r\n </nav>\r\n )\r\n },\r\n) as unknown as StepperCompound\r\n\r\nStepper.displayName = 'Stepper'\r\nStepper.Item = StepperItem\r\n\r\nexport default Stepper\r\n"],"names":["Stepper","memo","ariaLabel","children","currentStep","onStepChange","orientation","STEPPER_ORIENTATIONS","className","ref","props","items","Children","child","isValidElement","jsx","cn","STEPPER_STYLES","item","index","stepNumber","isCurrent","isCompleted","jsxs","Fragment","StepperItemContext","StepperItem","Separator"],"mappings":";;;;;;;;;~~AAkBA~~,MAAMA,IAAUC;AAAA,EACZ,CAAC;AAAA,IACG,cAAcC;AAAA,IACd,UAAAC;AAAA,IACA,aAAAC;AAAA,IACA,cAAAC;AAAA,IACA,aAAAC,IAAcC,EAAqB;AAAA,IACnC,WAAAC;AAAA,IACA,KAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,MACa;AAChB,UAAMC,IAAQC,EAAS,QAAQT,CAAQ,EAAE;AAAA,MACrC,CAACU,MACGC,EAAiCD,CAAK;AAAA,IAAA;AAG9C,WACI,gBAAAE;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,KAAAN;AAAA,QACA,cAAYP;AAAA,QACZ,WAAWc,EAAGC,EAAe,MAAMT,CAAS;AAAA,QAC3C,GAAGE;AAAA,QAEJ,UAAA,gBAAAK;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAWC;AAAA,cACPC,EAAe;AAAA,cACfX,MAAgBC,EAAqB,aAC/BU,EAAe,iBACfA,EAAe;AAAA,YAAA;AAAA,YAGxB,UAAAN,EAAM,IAAI,CAACO,GAAMC,MAAU;AACxB,oBAAMC,IAAaD,IAAQ,GACrBE,IAAYD,MAAehB,GAC3BkB,IAAcF,IAAahB;AAEjC,qBACI,gBAAAmB;AAAA,gBAACC;AAAA,gBAAA;AAAA,kBAGG,UAAA;AAAA,oBAAA,gBAAAT;AAAA,sBAAC;AAAA,sBAAA;AAAA,wBACG,WAAWC;AAAA,0BACPC,EAAe;AAAA,0BACfX,MAAgBC,EAAqB,YACjCU,EAAe;AAAA,wBAAA;AAAA,wBAGvB,UAAA,gBAAAF;AAAA,0BAACU,EAAmB;AAAA,0BAAnB;AAAA,4BACG,OAAO;AAAA,8BACH,YAAAL;AAAA,8BACA,WAAAC;AAAA,8BACA,aAAAC;AAAA,8BACA,cAAAjB;AAAA,4BAAA;AAAA,4BAGJ,UAAA,gBAAAU,EAACW,GAAA,EAAa,GAAGR,EAAK,MAAA,CAAO;AAAA,0BAAA;AAAA,wBAAA;AAAA,sBACjC;AAAA,oBAAA;AAAA,oBAEHC,IAAQR,EAAM,SAAS,KACpB,gBAAAI;AAAA,sBAAC;AAAA,sBAAA;AAAA,wBACG,eAAa;AAAA,wBACb,WAAWC;AAAA,0BACPC,EAAe;AAAA,0BACfX,MAAgBC,EAAqB,YACjCU,EAAe;AAAA,wBAAA;AAAA,wBAGvB,UAAA,gBAAAF;AAAA,0BAACY;AAAA,0BAAA;AAAA,4BACG,aACIrB,MAAgBC,EAAqB,WAC/B,aACA;AAAA,4BAEV,WAAWS;AAAA,8BACPC,EAAe;AAAA,8BACfX,MAAgBC,EAAqB,YACjCU,EAAe;AAAA,4BAAA;AAAA,0BACvB;AAAA,wBAAA;AAAA,sBACJ;AAAA,oBAAA;AAAA,kBACJ;AAAA,gBAAA;AAAA,gBAzCCC,EAAK,OAAO,GAAGE,CAAU,IAAIF,EAAK,MAAM,KAAK;AAAA,cAAA;AAAA,YA6C9D,CAAC;AAAA,UAAA;AAAA,QAAA;AAAA,MACL;AAAA,IAAA;AAAA,EAGZ;AACJ;AAEAlB,EAAQ,cAAc;AACtBA,EAAQ,OAAO0B;"}
1	+ {"version":3,"file":"Stepper.js","sources":["../../../../src/components/navigation/stepper/Stepper.tsx"],"sourcesContent":["import {\r\n Children,\r\n Fragment,\r\n isValidElement,\r\n memo,\r\n type ReactElement,\r\n} from 'react'\r\n\r\nimport { Separator } from '@components/layout/separator'\r\nimport StepperItem from '@components/navigation/stepper/components/stepper-item/StepperItem.tsx'\r\nimport type { StepperItemProps } from '@components/navigation/stepper/components/stepper-item/types/StepperItem.props.ts'\r\nimport { StepperItemContext } from '@components/navigation/stepper/context/Stepper.context.ts'\r\nimport { STEPPER_ORIENTATIONS } from '@components/navigation/stepper/constants'\r\nimport { STEPPER_STYLES } from '@components/navigation/stepper/styles/Stepper.css.ts'\r\nimport type { StepperProps } from '@components/navigation/stepper/types/Stepper.props.ts'\r\nimport type { StepperCompound } from '@components/navigation/stepper/types/StepperCompound.ts'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\n/*\r\n Step-by-step progress navigator rendered as a `<nav>` with an ordered list.\r\n * Supports horizontal and vertical `orientation`. When `onStepChange` is\r\n * provided each step becomes interactive. Tracks `currentStep` to derive\r\n * completed and current states for slot rendering.\r\n \r\n Compound slot: `Stepper.Item`.\r\n */\r\nconst Stepper = memo(\r\n ({\r\n 'aria-label': ariaLabel,\r\n children,\r\n currentStep,\r\n onStepChange,\r\n orientation = STEPPER_ORIENTATIONS.horizontal,\r\n className,\r\n ref,\r\n ...props\r\n }: StepperProps) => {\r\n const items = Children.toArray(children).filter(\r\n (child): child is ReactElement<StepperItemProps> =>\r\n isValidElement<StepperItemProps>(child),\r\n )\r\n\r\n return (\r\n <nav\r\n ref={ref}\r\n aria-label={ariaLabel}\r\n className={cn(STEPPER_STYLES.root, className)}\r\n {...props}\r\n >\r\n <ol\r\n className={cn(\r\n STEPPER_STYLES.list,\r\n orientation === STEPPER_ORIENTATIONS.horizontal\r\n ? STEPPER_STYLES.listHorizontal\r\n : STEPPER_STYLES.listVertical,\r\n )}\r\n >\r\n {items.map((item, index) => {\r\n const stepNumber = index + 1\r\n const isCurrent = stepNumber === currentStep\r\n const isCompleted = stepNumber < currentStep\r\n\r\n return (\r\n <Fragment\r\n key={item.key ?? `${stepNumber}-${item.props.label}`}\r\n >\r\n <li\r\n className={cn(\r\n STEPPER_STYLES.item,\r\n orientation === STEPPER_ORIENTATIONS.vertical &&\r\n STEPPER_STYLES.itemVertical,\r\n )}\r\n >\r\n <StepperItemContext.Provider\r\n value={{\r\n stepNumber,\r\n isCurrent,\r\n isCompleted,\r\n onStepChange,\r\n }}\r\n >\r\n <StepperItem {...item.props} />\r\n </StepperItemContext.Provider>\r\n </li>\r\n {index < items.length - 1 && (\r\n <li\r\n aria-hidden={'true'}\r\n className={cn(\r\n STEPPER_STYLES.connectorItem,\r\n orientation === STEPPER_ORIENTATIONS.vertical &&\r\n STEPPER_STYLES.connectorItemVertical,\r\n )}\r\n >\r\n <Separator\r\n orientation={\r\n orientation === STEPPER_ORIENTATIONS.vertical\r\n ? 'vertical'\r\n : 'horizontal'\r\n }\r\n className={cn(\r\n STEPPER_STYLES.connector,\r\n orientation === STEPPER_ORIENTATIONS.vertical &&\r\n STEPPER_STYLES.connectorVertical,\r\n )}\r\n />\r\n </li>\r\n )}\r\n </Fragment>\r\n )\r\n })}\r\n </ol>\r\n </nav>\r\n )\r\n },\r\n) as unknown as StepperCompound\r\n\r\nStepper.displayName = 'Stepper'\r\nStepper.Item = StepperItem\r\n\r\nexport default Stepper\r\n"],"names":["Stepper","memo","ariaLabel","children","currentStep","onStepChange","orientation","STEPPER_ORIENTATIONS","className","ref","props","items","Children","child","isValidElement","jsx","cn","STEPPER_STYLES","item","index","stepNumber","isCurrent","isCompleted","jsxs","Fragment","StepperItemContext","StepperItem","Separator"],"mappings":";;;;;;;;;AA0BA,MAAMA,IAAUC;AAAA,EACZ,CAAC;AAAA,IACG,cAAcC;AAAA,IACd,UAAAC;AAAA,IACA,aAAAC;AAAA,IACA,cAAAC;AAAA,IACA,aAAAC,IAAcC,EAAqB;AAAA,IACnC,WAAAC;AAAA,IACA,KAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,MACa;AAChB,UAAMC,IAAQC,EAAS,QAAQT,CAAQ,EAAE;AAAA,MACrC,CAACU,MACGC,EAAiCD,CAAK;AAAA,IAAA;AAG9C,WACI,gBAAAE;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,KAAAN;AAAA,QACA,cAAYP;AAAA,QACZ,WAAWc,EAAGC,EAAe,MAAMT,CAAS;AAAA,QAC3C,GAAGE;AAAA,QAEJ,UAAA,gBAAAK;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAWC;AAAA,cACPC,EAAe;AAAA,cACfX,MAAgBC,EAAqB,aAC/BU,EAAe,iBACfA,EAAe;AAAA,YAAA;AAAA,YAGxB,UAAAN,EAAM,IAAI,CAACO,GAAMC,MAAU;AACxB,oBAAMC,IAAaD,IAAQ,GACrBE,IAAYD,MAAehB,GAC3BkB,IAAcF,IAAahB;AAEjC,qBACI,gBAAAmB;AAAA,gBAACC;AAAA,gBAAA;AAAA,kBAGG,UAAA;AAAA,oBAAA,gBAAAT;AAAA,sBAAC;AAAA,sBAAA;AAAA,wBACG,WAAWC;AAAA,0BACPC,EAAe;AAAA,0BACfX,MAAgBC,EAAqB,YACjCU,EAAe;AAAA,wBAAA;AAAA,wBAGvB,UAAA,gBAAAF;AAAA,0BAACU,EAAmB;AAAA,0BAAnB;AAAA,4BACG,OAAO;AAAA,8BACH,YAAAL;AAAA,8BACA,WAAAC;AAAA,8BACA,aAAAC;AAAA,8BACA,cAAAjB;AAAA,4BAAA;AAAA,4BAGJ,UAAA,gBAAAU,EAACW,GAAA,EAAa,GAAGR,EAAK,MAAA,CAAO;AAAA,0BAAA;AAAA,wBAAA;AAAA,sBACjC;AAAA,oBAAA;AAAA,oBAEHC,IAAQR,EAAM,SAAS,KACpB,gBAAAI;AAAA,sBAAC;AAAA,sBAAA;AAAA,wBACG,eAAa;AAAA,wBACb,WAAWC;AAAA,0BACPC,EAAe;AAAA,0BACfX,MAAgBC,EAAqB,YACjCU,EAAe;AAAA,wBAAA;AAAA,wBAGvB,UAAA,gBAAAF;AAAA,0BAACY;AAAA,0BAAA;AAAA,4BACG,aACIrB,MAAgBC,EAAqB,WAC/B,aACA;AAAA,4BAEV,WAAWS;AAAA,8BACPC,EAAe;AAAA,8BACfX,MAAgBC,EAAqB,YACjCU,EAAe;AAAA,4BAAA;AAAA,0BACvB;AAAA,wBAAA;AAAA,sBACJ;AAAA,oBAAA;AAAA,kBACJ;AAAA,gBAAA;AAAA,gBAzCCC,EAAK,OAAO,GAAGE,CAAU,IAAIF,EAAK,MAAM,KAAK;AAAA,cAAA;AAAA,YA6C9D,CAAC;AAAA,UAAA;AAAA,QAAA;AAAA,MACL;AAAA,IAAA;AAAA,EAGZ;AACJ;AAEAlB,EAAQ,cAAc;AACtBA,EAAQ,OAAO0B;"}

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

	@@ -1 +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\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":"~~6fAUMA~~,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"}
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"}

package/dist/components/navigation/stepper/components/stepper-item/StepperItem.d.ts CHANGED Viewed

@@ -1,4 +1,9 @@
 import { StepperItemProps } from './types/StepperItem.props.ts';
 import { MemoExoticComponent } from 'react';
+/**
+ * Individual step slot for `Stepper`. Displays a numbered marker (check icon
+ * when completed), a label, and an optional description. Renders a `<button>`
+ * when `onStepChange` is present in context, otherwise a static `<span>`.
+ */
 declare const StepperItem: MemoExoticComponent<({ label, description, disabled, size, children, }: StepperItemProps) => import("react").JSX.Element>;
 export default StepperItem;

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

	@@ -1 +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\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":";;;;;;;;;;~~AAUA~~,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;"}
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;"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit27.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-kit66.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 CHANGED Viewed

@@ -1,4 +1,4 @@
-import '../../../../ui-kit27.css';import '../../../../ui-kit.css';/* empty css                                            */
+import '../../../../ui-kit66.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/styles/TabsContent.css.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit74.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-kit80.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 CHANGED Viewed

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

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit80.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-kit94.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 CHANGED Viewed

@@ -1,4 +1,4 @@
-import '../../../../../../ui-kit80.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
+import '../../../../../../ui-kit94.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 CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit73.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-kit95.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 CHANGED Viewed

@@ -1,4 +1,4 @@
-import '../../../../../../ui-kit73.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
+import '../../../../../../ui-kit95.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/overlay/_shared/components/overlay-backdrop/OverlayBackdrop.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"OverlayBackdrop.cjs","sources":["../../../../../../src/components/overlay/_shared/components/overlay-backdrop/OverlayBackdrop.tsx"],"sourcesContent":["import { Dialog as BaseDialog } from '@base-ui/react/dialog'\r\nimport { memo, type FC } from 'react'\r\n\r\nimport { OVERLAY_BACKDROP_STYLES } from '@components/overlay/_shared/styles/OverlayBackdrop.css.ts'\r\nimport type { OverlayBackdropProps } from '@components/overlay/_shared/components/overlay-backdrop/types/OverlayBackdrop.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\nconst OverlayBackdrop: FC<OverlayBackdropProps> = memo(({ className, ...props }) => (\r\n <BaseDialog.Backdrop\r\n className={cn(OVERLAY_BACKDROP_STYLES.root, className)}\r\n {...props}\r\n />\r\n))\r\n\r\nOverlayBackdrop.displayName = 'OverlayBackdrop'\r\n\r\nexport default OverlayBackdrop\r\n"],"names":["OverlayBackdrop","memo","className","props","jsx","BaseDialog","cn","OVERLAY_BACKDROP_STYLES"],"mappings":"~~mMAOMA~~,EAA4CC,EAAAA,KAAK,CAAC,CAAE,UAAAC,EAAW,GAAGC,KACpEC,EAAAA,IAACC,EAAAA,OAAW,SAAX,CACG,UAAWC,EAAAA,GAAGC,0BAAwB,KAAML,CAAS,EACpD,GAAGC,CAAA,CACR,CACH,EAEDH,EAAgB,YAAc"}
1	+ {"version":3,"file":"OverlayBackdrop.cjs","sources":["../../../../../../src/components/overlay/_shared/components/overlay-backdrop/OverlayBackdrop.tsx"],"sourcesContent":["import { Dialog as BaseDialog } from '@base-ui/react/dialog'\r\nimport { memo, type FC } from 'react'\r\n\r\nimport { OVERLAY_BACKDROP_STYLES } from '@components/overlay/_shared/styles/OverlayBackdrop.css.ts'\r\nimport type { OverlayBackdropProps } from '@components/overlay/_shared/components/overlay-backdrop/types/OverlayBackdrop.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\n/*\r\n Translucent `BaseDialog.Backdrop` shared by overlay components (Dialog,\r\n * Panel, Drawer). Accepts an optional `className` for per-overlay styling.\r\n */\r\nconst OverlayBackdrop: FC<OverlayBackdropProps> = memo(({ className, ...props }) => (\r\n <BaseDialog.Backdrop\r\n className={cn(OVERLAY_BACKDROP_STYLES.root, className)}\r\n {...props}\r\n />\r\n))\r\n\r\nOverlayBackdrop.displayName = 'OverlayBackdrop'\r\n\r\nexport default OverlayBackdrop\r\n"],"names":["OverlayBackdrop","memo","className","props","jsx","BaseDialog","cn","OVERLAY_BACKDROP_STYLES"],"mappings":"mMAWMA,EAA4CC,EAAAA,KAAK,CAAC,CAAE,UAAAC,EAAW,GAAGC,KACpEC,EAAAA,IAACC,EAAAA,OAAW,SAAX,CACG,UAAWC,EAAAA,GAAGC,0BAAwB,KAAML,CAAS,EACpD,GAAGC,CAAA,CACR,CACH,EAEDH,EAAgB,YAAc"}

package/dist/components/overlay/_shared/components/overlay-backdrop/OverlayBackdrop.d.ts CHANGED Viewed

@@ -1,4 +1,8 @@
 import { FC } from 'react';
 import { OverlayBackdropProps } from './types/OverlayBackdrop.props.ts';
+/**
+ * Translucent `BaseDialog.Backdrop` shared by overlay components (Dialog,
+ * Panel, Drawer). Accepts an optional `className` for per-overlay styling.
+ */
 declare const OverlayBackdrop: FC<OverlayBackdropProps>;
 export default OverlayBackdrop;

package/dist/components/overlay/_shared/components/overlay-backdrop/OverlayBackdrop.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"OverlayBackdrop.js","sources":["../../../../../../src/components/overlay/_shared/components/overlay-backdrop/OverlayBackdrop.tsx"],"sourcesContent":["import { Dialog as BaseDialog } from '@base-ui/react/dialog'\r\nimport { memo, type FC } from 'react'\r\n\r\nimport { OVERLAY_BACKDROP_STYLES } from '@components/overlay/_shared/styles/OverlayBackdrop.css.ts'\r\nimport type { OverlayBackdropProps } from '@components/overlay/_shared/components/overlay-backdrop/types/OverlayBackdrop.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\nconst OverlayBackdrop: FC<OverlayBackdropProps> = memo(({ className, ...props }) => (\r\n <BaseDialog.Backdrop\r\n className={cn(OVERLAY_BACKDROP_STYLES.root, className)}\r\n {...props}\r\n />\r\n))\r\n\r\nOverlayBackdrop.displayName = 'OverlayBackdrop'\r\n\r\nexport default OverlayBackdrop\r\n"],"names":["OverlayBackdrop","memo","className","props","jsx","BaseDialog","cn","OVERLAY_BACKDROP_STYLES"],"mappings":";;;;;~~AAOA~~,MAAMA,IAA4CC,EAAK,CAAC,EAAE,WAAAC,GAAW,GAAGC,QACpE,gBAAAC;AAAA,EAACC,EAAW;AAAA,EAAX;AAAA,IACG,WAAWC,EAAGC,EAAwB,MAAML,CAAS;AAAA,IACpD,GAAGC;AAAA,EAAA;AACR,CACH;AAEDH,EAAgB,cAAc;"}
1	+ {"version":3,"file":"OverlayBackdrop.js","sources":["../../../../../../src/components/overlay/_shared/components/overlay-backdrop/OverlayBackdrop.tsx"],"sourcesContent":["import { Dialog as BaseDialog } from '@base-ui/react/dialog'\r\nimport { memo, type FC } from 'react'\r\n\r\nimport { OVERLAY_BACKDROP_STYLES } from '@components/overlay/_shared/styles/OverlayBackdrop.css.ts'\r\nimport type { OverlayBackdropProps } from '@components/overlay/_shared/components/overlay-backdrop/types/OverlayBackdrop.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\n/*\r\n Translucent `BaseDialog.Backdrop` shared by overlay components (Dialog,\r\n * Panel, Drawer). Accepts an optional `className` for per-overlay styling.\r\n */\r\nconst OverlayBackdrop: FC<OverlayBackdropProps> = memo(({ className, ...props }) => (\r\n <BaseDialog.Backdrop\r\n className={cn(OVERLAY_BACKDROP_STYLES.root, className)}\r\n {...props}\r\n />\r\n))\r\n\r\nOverlayBackdrop.displayName = 'OverlayBackdrop'\r\n\r\nexport default OverlayBackdrop\r\n"],"names":["OverlayBackdrop","memo","className","props","jsx","BaseDialog","cn","OVERLAY_BACKDROP_STYLES"],"mappings":";;;;;AAWA,MAAMA,IAA4CC,EAAK,CAAC,EAAE,WAAAC,GAAW,GAAGC,QACpE,gBAAAC;AAAA,EAACC,EAAW;AAAA,EAAX;AAAA,IACG,WAAWC,EAAGC,EAAwB,MAAML,CAAS;AAAA,IACpD,GAAGC;AAAA,EAAA;AACR,CACH;AAEDH,EAAgB,cAAc;"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit25.css');require('../../../../ui-kit.css');require('../../../../ui-kit14.css');require('../../../../ui-kit8.css');require('../../../../ui-kit12.css');require('../../../../ui-kit6.css');require('../../../../ui-kit5.css');require('../../../../ui-kit3.css');require('../../../../ui-kit4.css');require('../../../../ui-kit7.css');require('../../../../ui-kit10.css');require('../../../../ui-kit13.css');require('../../../../ui-kit9.css');require('../../../../ui-kit11.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-kit38.css');require('../../../../ui-kit.css');require('../../../../ui-kit12.css');require('../../../../ui-kit11.css');require('../../../../ui-kit14.css');require('../../../../ui-kit9.css');require('../../../../ui-kit3.css');require('../../../../ui-kit7.css');require('../../../../ui-kit13.css');require('../../../../ui-kit10.css');require('../../../../ui-kit6.css');require('../../../../ui-kit4.css');require('../../../../ui-kit8.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;
 //# sourceMappingURL=OverlayBackdrop.css.cjs.map

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

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

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../ui-kit75.css');require('../../../ui-kit26.css');require('../../../ui-kit25.css');require('../../../ui-kit.css');require('../../../ui-kit14.css');require('../../../ui-kit8.css');require('../../../ui-kit12.css');require('../../../ui-kit6.css');require('../../../ui-kit5.css');require('../../../ui-kit3.css');require('../../../ui-kit4.css');require('../../../ui-kit7.css');require('../../../ui-kit10.css');require('../../../ui-kit13.css');require('../../../ui-kit9.css');require('../../../ui-kit11.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-kit74.css');require('../../../ui-kit39.css');require('../../../ui-kit38.css');require('../../../ui-kit.css');require('../../../ui-kit12.css');require('../../../ui-kit11.css');require('../../../ui-kit14.css');require('../../../ui-kit9.css');require('../../../ui-kit3.css');require('../../../ui-kit7.css');require('../../../ui-kit13.css');require('../../../ui-kit10.css');require('../../../ui-kit6.css');require('../../../ui-kit4.css');require('../../../ui-kit8.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;
 //# sourceMappingURL=AlertDialog.cjs.map

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

@@ -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-kit75.css';import '../../../ui-kit26.css';import '../../../ui-kit25.css';import '../../../ui-kit.css';import '../../../ui-kit14.css';import '../../../ui-kit8.css';import '../../../ui-kit12.css';import '../../../ui-kit6.css';import '../../../ui-kit5.css';import '../../../ui-kit3.css';import '../../../ui-kit4.css';import '../../../ui-kit7.css';import '../../../ui-kit10.css';import '../../../ui-kit13.css';import '../../../ui-kit9.css';import '../../../ui-kit11.css';/* empty css                                                           */
+import '../../../ui-kit74.css';import '../../../ui-kit39.css';import '../../../ui-kit38.css';import '../../../ui-kit.css';import '../../../ui-kit12.css';import '../../../ui-kit11.css';import '../../../ui-kit14.css';import '../../../ui-kit9.css';import '../../../ui-kit3.css';import '../../../ui-kit7.css';import '../../../ui-kit13.css';import '../../../ui-kit10.css';import '../../../ui-kit6.css';import '../../../ui-kit4.css';import '../../../ui-kit8.css';import '../../../ui-kit5.css';/* empty css                                                           */
 /* empty css                                                            */
 /* empty css                                                                    */
 /* empty css                                                                 */

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

	@@ -1 +1 @@
1	- {"version":3,"file":"AlertDialogAction.cjs","sources":["../../../../../../src/components/overlay/alert-dialog/components/alert-dialog-action/AlertDialogAction.tsx"],"sourcesContent":["import { memo, type FC } from 'react'\r\n\r\nimport { Button } from '@components/actions/button'\r\nimport DialogClose from '@components/overlay/dialog/components/dialog-close/DialogClose.tsx'\r\nimport type { AlertDialogActionProps } from '@components/overlay/alert-dialog/components/alert-dialog-action/types/AlertDialogAction.props.ts'\r\n\r\nconst AlertDialogAction: FC<AlertDialogActionProps> = memo(({\r\n color = 'destructive',\r\n variant = 'contained',\r\n ...props\r\n}) => (\r\n <DialogClose>\r\n <Button\r\n {...props}\r\n color={color}\r\n variant={variant}\r\n />\r\n </DialogClose>\r\n))\r\n\r\nAlertDialogAction.displayName = 'AlertDialog.Action'\r\n\r\nexport default AlertDialogAction\r\n"],"names":["AlertDialogAction","memo","color","variant","props","DialogClose","jsx","Button"],"mappings":"+~~PAMMA~~,EAAgDC,EAAAA,KAAK,CAAC,CACxD,MAAAC,EAAQ,cACR,QAAAC,EAAU,YACV,GAAGC,CACP,UACKC,EAAA,CACG,SAAAC,EAAAA,IAACC,EAAA,CACI,GAAGH,EACJ,MAAAF,EACA,QAAAC,CAAA,CACJ,EACJ,CACH,EAEDH,EAAkB,YAAc"}
1	+ {"version":3,"file":"AlertDialogAction.cjs","sources":["../../../../../../src/components/overlay/alert-dialog/components/alert-dialog-action/AlertDialogAction.tsx"],"sourcesContent":["import { memo, type FC } from 'react'\r\n\r\nimport { Button } from '@components/actions/button'\r\nimport DialogClose from '@components/overlay/dialog/components/dialog-close/DialogClose.tsx'\r\nimport type { AlertDialogActionProps } from '@components/overlay/alert-dialog/components/alert-dialog-action/types/AlertDialogAction.props.ts'\r\n\r\n/*\r\n Confirm action slot for `AlertDialog`. Wraps a `Button` inside a\r\n * `DialogClose` so the dialog closes on confirmation. Defaults to\r\n * `color=\"destructive\"` and `variant=\"contained\"`.\r\n */\r\nconst AlertDialogAction: FC<AlertDialogActionProps> = memo(({\r\n color = 'destructive',\r\n variant = 'contained',\r\n ...props\r\n}) => (\r\n <DialogClose>\r\n <Button\r\n {...props}\r\n color={color}\r\n variant={variant}\r\n />\r\n </DialogClose>\r\n))\r\n\r\nAlertDialogAction.displayName = 'AlertDialog.Action'\r\n\r\nexport default AlertDialogAction\r\n"],"names":["AlertDialogAction","memo","color","variant","props","DialogClose","jsx","Button"],"mappings":"+PAWMA,EAAgDC,EAAAA,KAAK,CAAC,CACxD,MAAAC,EAAQ,cACR,QAAAC,EAAU,YACV,GAAGC,CACP,UACKC,EAAA,CACG,SAAAC,EAAAA,IAACC,EAAA,CACI,GAAGH,EACJ,MAAAF,EACA,QAAAC,CAAA,CACJ,EACJ,CACH,EAEDH,EAAkB,YAAc"}

package/dist/components/overlay/alert-dialog/components/alert-dialog-action/AlertDialogAction.d.ts CHANGED Viewed

@@ -1,4 +1,9 @@
 import { FC } from 'react';
 import { AlertDialogActionProps } from './types/AlertDialogAction.props.ts';
+/**
+ * Confirm action slot for `AlertDialog`. Wraps a `Button` inside a
+ * `DialogClose` so the dialog closes on confirmation. Defaults to
+ * `color="destructive"` and `variant="contained"`.
+ */
 declare const AlertDialogAction: FC<AlertDialogActionProps>;
 export default AlertDialogAction;