@choco-vanille/ui 1.3.1-dev.8 → 1.5.0

package/dist/components/navigation/breadcrumbs/components/breadcrumbs-item/BreadcrumbsItem.d.ts

@@ -1,4 +1,9 @@
 import { FC } from 'react';
 import { BreadcrumbsItemProps } from './types/BreadcrumbsItem.props.ts';
+/**
+ * Single breadcrumb entry. Renders as a `Link` when `href` is provided and
+ * the item is not current; otherwise renders as a static `<span>` with
+ * `aria-current="page"`.
+ */
 declare const BreadcrumbsItem: FC<BreadcrumbsItemProps>;
 export default BreadcrumbsItem;

package/dist/components/navigation/breadcrumbs/components/breadcrumbs-item/BreadcrumbsItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbsItem.js","sources":["../../../../../../src/components/navigation/breadcrumbs/components/breadcrumbs-item/BreadcrumbsItem.tsx"],"sourcesContent":["import { memo, type FC } from 'react'\r\n\r\nimport { Typography } from '@components/foundation/typography'\r\nimport { Link } from '@components/navigation/link'\r\nimport { BREADCRUMBS_STYLES } from '@components/navigation/breadcrumbs/styles/Breadcrumbs.css.ts'\r\nimport type { BreadcrumbsItemProps } from '@components/navigation/breadcrumbs/components/breadcrumbs-item/types/BreadcrumbsItem.props.ts'\r\n\r\nconst BreadcrumbsItem: FC<BreadcrumbsItemProps> = memo(({\r\n    label,\r\n    href,\r\n    current = false,\r\n    color,\r\n    ...linkProps\r\n}) => {\r\n    if (current || !href) {\r\n        return (\r\n            <Typography\r\n                as={'span'}\r\n                variant={'span'}\r\n                fontSize={'md'}\r\n                className={current ? BREADCRUMBS_STYLES.current : undefined}\r\n                aria-current={current ? 'page' : undefined}\r\n            >\r\n                {label}\r\n            </Typography>\r\n        )\r\n    }\r\n\r\n    return (\r\n        <Link\r\n            href={href}\r\n            label={label}\r\n            color={color}\r\n            {...linkProps}\r\n        />\r\n    )\r\n})\r\n\r\nBreadcrumbsItem.displayName = 'Breadcrumbs.Item'\r\n\r\nexport default BreadcrumbsItem\r\n"],"names":["BreadcrumbsItem","memo","label","href","current","color","linkProps","jsx","Typography","BREADCRUMBS_STYLES","Link"],"mappings":";;;;;;;AAOA,MAAMA,IAA4CC,EAAK,CAAC;AAAA,EACpD,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,OAAAC;AAAA,EACA,GAAGC;AACP,MACQF,KAAW,CAACD,IAER,gBAAAI;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,IAAI;AAAA,IACJ,SAAS;AAAA,IACT,UAAU;AAAA,IACV,WAAWJ,IAAUK,EAAmB,UAAU;AAAA,IAClD,gBAAcL,IAAU,SAAS;AAAA,IAEhC,UAAAF;AAAA,EAAA;AAAA,IAMT,gBAAAK;AAAA,EAACG;AAAA,EAAA;AAAA,IACG,MAAAP;AAAA,IACA,OAAAD;AAAA,IACA,OAAAG;AAAA,IACC,GAAGC;AAAA,EAAA;AAAA,CAGf;AAEDN,EAAgB,cAAc;"}
+{"version":3,"file":"BreadcrumbsItem.js","sources":["../../../../../../src/components/navigation/breadcrumbs/components/breadcrumbs-item/BreadcrumbsItem.tsx"],"sourcesContent":["import { memo, type FC } from 'react'\r\n\r\nimport { Typography } from '@components/foundation/typography'\r\nimport { Link } from '@components/navigation/link'\r\nimport { BREADCRUMBS_STYLES } from '@components/navigation/breadcrumbs/styles/Breadcrumbs.css.ts'\r\nimport type { BreadcrumbsItemProps } from '@components/navigation/breadcrumbs/components/breadcrumbs-item/types/BreadcrumbsItem.props.ts'\r\n\r\n/**\r\n * Single breadcrumb entry. Renders as a `Link` when `href` is provided and\r\n * the item is not current; otherwise renders as a static `<span>` with\r\n * `aria-current=\"page\"`.\r\n */\r\nconst BreadcrumbsItem: FC<BreadcrumbsItemProps> = memo(({\r\n    label,\r\n    href,\r\n    current = false,\r\n    color,\r\n    ...linkProps\r\n}) => {\r\n    if (current || !href) {\r\n        return (\r\n            <Typography\r\n                as={'span'}\r\n                variant={'span'}\r\n                fontSize={'md'}\r\n                className={current ? BREADCRUMBS_STYLES.current : undefined}\r\n                aria-current={current ? 'page' : undefined}\r\n            >\r\n                {label}\r\n            </Typography>\r\n        )\r\n    }\r\n\r\n    return (\r\n        <Link\r\n            href={href}\r\n            label={label}\r\n            color={color}\r\n            {...linkProps}\r\n        />\r\n    )\r\n})\r\n\r\nBreadcrumbsItem.displayName = 'Breadcrumbs.Item'\r\n\r\nexport default BreadcrumbsItem\r\n"],"names":["BreadcrumbsItem","memo","label","href","current","color","linkProps","jsx","Typography","BREADCRUMBS_STYLES","Link"],"mappings":";;;;;;;AAYA,MAAMA,IAA4CC,EAAK,CAAC;AAAA,EACpD,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,OAAAC;AAAA,EACA,GAAGC;AACP,MACQF,KAAW,CAACD,IAER,gBAAAI;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,IAAI;AAAA,IACJ,SAAS;AAAA,IACT,UAAU;AAAA,IACV,WAAWJ,IAAUK,EAAmB,UAAU;AAAA,IAClD,gBAAcL,IAAU,SAAS;AAAA,IAEhC,UAAAF;AAAA,EAAA;AAAA,IAMT,gBAAAK;AAAA,EAACG;AAAA,EAAA;AAAA,IACG,MAAAP;AAAA,IACA,OAAAD;AAAA,IACA,OAAAG;AAAA,IACC,GAAGC;AAAA,EAAA;AAAA,CAGf;AAEDN,EAAgB,cAAc;"}

package/dist/components/navigation/breadcrumbs/styles/Breadcrumbs.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit50.css');require('../../../../ui-kit.css');;/* empty css                                              */;/* empty css                                 */var e={list:"_5hwpex0",item:"_5hwpex1",current:"_5hwpex2",separator:"_5hwpex3",separatorText:"_5hwpex4"};exports.BREADCRUMBS_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit46.css');require('../../../../ui-kit.css');;/* empty css                                              */;/* empty css                                 */var e={list:"_5hwpex0",item:"_5hwpex1",current:"_5hwpex2",separator:"_5hwpex3",separatorText:"_5hwpex4"};exports.BREADCRUMBS_STYLES=e;
 //# sourceMappingURL=Breadcrumbs.css.cjs.map

package/dist/components/navigation/breadcrumbs/styles/Breadcrumbs.css.js

@@ -1,4 +1,4 @@
-import '../../../../ui-kit50.css';import '../../../../ui-kit.css';/* empty css                                            */
+import '../../../../ui-kit46.css';import '../../../../ui-kit.css';/* empty css                                            */
 /* empty css                               */
 var r = { list: "_5hwpex0", item: "_5hwpex1", current: "_5hwpex2", separator: "_5hwpex3", separatorText: "_5hwpex4" };
 export {

package/dist/components/navigation/link/Link.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Link.cjs","sources":["../../../../src/components/navigation/link/Link.tsx"],"sourcesContent":["import { memo, useCallback } from 'react'\r\nimport type * as React from 'react'\r\n\r\nimport { LINK_STYLES } from '@components/navigation/link/styles/Link.css.ts'\r\nimport type { LinkProps } from '@components/navigation/link/types/Link.props.ts'\r\nimport { Icon } from '@components/foundation/icon'\r\nimport { Typography } from '@components/foundation/typography'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\nconst Link: React.FC<LinkProps> = memo(({\r\n    href = '#',\r\n    className,\r\n    onClick,\r\n    ref,\r\n    label,\r\n    color,\r\n    startIcon,\r\n    endIcon,\r\n    fontSize = 'md',\r\n    fontWeight = 'medium',\r\n    iconSize = 'md',\r\n    ...props\r\n}) => {\r\n    const handleClick = useCallback(\r\n        (event: React.MouseEvent<HTMLAnchorElement>) => {\r\n            if (onClick) {\r\n                event.preventDefault()\r\n                onClick(event)\r\n            }\r\n        },\r\n        [onClick],\r\n    )\r\n\r\n    return (\r\n        <a\r\n            ref={ref}\r\n            href={href}\r\n            className={cn(LINK_STYLES.base, LINK_STYLES.color({ color }), className)}\r\n            onClick={handleClick}\r\n            {...props}\r\n        >\r\n            {startIcon && (\r\n                <Icon\r\n                    icon={startIcon}\r\n                    size={iconSize}\r\n                />\r\n            )}\r\n            {label && (\r\n                <Typography\r\n                    as={'span'}\r\n                    variant={'span'}\r\n                    fontSize={fontSize}\r\n                    fontWeight={fontWeight}\r\n                >\r\n                    {label}\r\n                </Typography>\r\n            )}\r\n            {endIcon && (\r\n                <Icon\r\n                    icon={endIcon}\r\n                    size={iconSize}\r\n                />\r\n            )}\r\n        </a>\r\n    )\r\n})\r\n\r\nLink.displayName = 'Link'\r\n\r\nexport default Link\r\n"],"names":["Link","memo","href","className","onClick","ref","label","color","startIcon","endIcon","fontSize","fontWeight","iconSize","props","handleClick","useCallback","event","jsxs","cn","LINK_STYLES","jsx","Icon","Typography"],"mappings":"iXASMA,EAA4BC,EAAAA,KAAK,CAAC,CACpC,KAAAC,EAAO,IACP,UAAAC,EACA,QAAAC,EACA,IAAAC,EACA,MAAAC,EACA,MAAAC,EACA,UAAAC,EACA,QAAAC,EACA,SAAAC,EAAW,KACX,WAAAC,EAAa,SACb,SAAAC,EAAW,KACX,GAAGC,CACP,IAAM,CACF,MAAMC,EAAcC,EAAAA,YACfC,GAA+C,CACxCZ,IACAY,EAAM,eAAA,EACNZ,EAAQY,CAAK,EAErB,EACA,CAACZ,CAAO,CAAA,EAGZ,OACIa,EAAAA,KAAC,IAAA,CACG,IAAAZ,EACA,KAAAH,EACA,UAAWgB,EAAAA,GAAGC,EAAAA,YAAY,KAAMA,EAAAA,YAAY,MAAM,CAAE,MAAAZ,EAAO,EAAGJ,CAAS,EACvE,QAASW,EACR,GAAGD,EAEH,SAAA,CAAAL,GACGY,EAAAA,IAACC,EAAA,CACG,KAAMb,EACN,KAAMI,CAAA,CAAA,EAGbN,GACGc,EAAAA,IAACE,EAAA,CACG,GAAI,OACJ,QAAS,OACT,SAAAZ,EACA,WAAAC,EAEC,SAAAL,CAAA,CAAA,EAGRG,GACGW,EAAAA,IAACC,EAAA,CACG,KAAMZ,EACN,KAAMG,CAAA,CAAA,CACV,CAAA,CAAA,CAIhB,CAAC,EAEDZ,EAAK,YAAc"}
+{"version":3,"file":"Link.cjs","sources":["../../../../src/components/navigation/link/Link.tsx"],"sourcesContent":["import { memo, useCallback } from 'react'\r\nimport type * as React from 'react'\r\n\r\nimport { LINK_STYLES } from '@components/navigation/link/styles/Link.css.ts'\r\nimport type { LinkProps } from '@components/navigation/link/types/Link.props.ts'\r\nimport { Icon } from '@components/foundation/icon'\r\nimport { Typography } from '@components/foundation/typography'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\n/**\r\n * Styled `<a>` element with optional start/end icons and typography tokens.\r\n * Prevents default navigation when `onClick` is provided, enabling SPA\r\n * routing adapters. Requires a visible `label` or icon-accessible content.\r\n */\r\nconst Link: React.FC<LinkProps> = memo(({\r\n    href = '#',\r\n    className,\r\n    onClick,\r\n    ref,\r\n    label,\r\n    color,\r\n    startIcon,\r\n    endIcon,\r\n    fontSize = 'md',\r\n    fontWeight = 'medium',\r\n    iconSize = 'md',\r\n    ...props\r\n}) => {\r\n    const handleClick = useCallback(\r\n        (event: React.MouseEvent<HTMLAnchorElement>) => {\r\n            if (onClick) {\r\n                event.preventDefault()\r\n                onClick(event)\r\n            }\r\n        },\r\n        [onClick],\r\n    )\r\n\r\n    return (\r\n        <a\r\n            ref={ref}\r\n            href={href}\r\n            className={cn(LINK_STYLES.base, LINK_STYLES.color({ color }), className)}\r\n            onClick={handleClick}\r\n            {...props}\r\n        >\r\n            {startIcon && (\r\n                <Icon\r\n                    icon={startIcon}\r\n                    size={iconSize}\r\n                />\r\n            )}\r\n            {label && (\r\n                <Typography\r\n                    as={'span'}\r\n                    variant={'span'}\r\n                    fontSize={fontSize}\r\n                    fontWeight={fontWeight}\r\n                >\r\n                    {label}\r\n                </Typography>\r\n            )}\r\n            {endIcon && (\r\n                <Icon\r\n                    icon={endIcon}\r\n                    size={iconSize}\r\n                />\r\n            )}\r\n        </a>\r\n    )\r\n})\r\n\r\nLink.displayName = 'Link'\r\n\r\nexport default Link\r\n"],"names":["Link","memo","href","className","onClick","ref","label","color","startIcon","endIcon","fontSize","fontWeight","iconSize","props","handleClick","useCallback","event","jsxs","cn","LINK_STYLES","jsx","Icon","Typography"],"mappings":"iXAcMA,EAA4BC,EAAAA,KAAK,CAAC,CACpC,KAAAC,EAAO,IACP,UAAAC,EACA,QAAAC,EACA,IAAAC,EACA,MAAAC,EACA,MAAAC,EACA,UAAAC,EACA,QAAAC,EACA,SAAAC,EAAW,KACX,WAAAC,EAAa,SACb,SAAAC,EAAW,KACX,GAAGC,CACP,IAAM,CACF,MAAMC,EAAcC,EAAAA,YACfC,GAA+C,CACxCZ,IACAY,EAAM,eAAA,EACNZ,EAAQY,CAAK,EAErB,EACA,CAACZ,CAAO,CAAA,EAGZ,OACIa,EAAAA,KAAC,IAAA,CACG,IAAAZ,EACA,KAAAH,EACA,UAAWgB,EAAAA,GAAGC,EAAAA,YAAY,KAAMA,EAAAA,YAAY,MAAM,CAAE,MAAAZ,EAAO,EAAGJ,CAAS,EACvE,QAASW,EACR,GAAGD,EAEH,SAAA,CAAAL,GACGY,EAAAA,IAACC,EAAA,CACG,KAAMb,EACN,KAAMI,CAAA,CAAA,EAGbN,GACGc,EAAAA,IAACE,EAAA,CACG,GAAI,OACJ,QAAS,OACT,SAAAZ,EACA,WAAAC,EAEC,SAAAL,CAAA,CAAA,EAGRG,GACGW,EAAAA,IAACC,EAAA,CACG,KAAMZ,EACN,KAAMG,CAAA,CAAA,CACV,CAAA,CAAA,CAIhB,CAAC,EAEDZ,EAAK,YAAc"}

package/dist/components/navigation/link/Link.d.ts

@@ -1,4 +1,9 @@
 import { LinkProps } from './types/Link.props.ts';
 import type * as React from 'react';
+/**
+ * Styled `<a>` element with optional start/end icons and typography tokens.
+ * Prevents default navigation when `onClick` is provided, enabling SPA
+ * routing adapters. Requires a visible `label` or icon-accessible content.
+ */
 declare const Link: React.FC<LinkProps>;
 export default Link;

package/dist/components/navigation/link/Link.js.map

@@ -1 +1 @@
-{"version":3,"file":"Link.js","sources":["../../../../src/components/navigation/link/Link.tsx"],"sourcesContent":["import { memo, useCallback } from 'react'\r\nimport type * as React from 'react'\r\n\r\nimport { LINK_STYLES } from '@components/navigation/link/styles/Link.css.ts'\r\nimport type { LinkProps } from '@components/navigation/link/types/Link.props.ts'\r\nimport { Icon } from '@components/foundation/icon'\r\nimport { Typography } from '@components/foundation/typography'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\nconst Link: React.FC<LinkProps> = memo(({\r\n    href = '#',\r\n    className,\r\n    onClick,\r\n    ref,\r\n    label,\r\n    color,\r\n    startIcon,\r\n    endIcon,\r\n    fontSize = 'md',\r\n    fontWeight = 'medium',\r\n    iconSize = 'md',\r\n    ...props\r\n}) => {\r\n    const handleClick = useCallback(\r\n        (event: React.MouseEvent<HTMLAnchorElement>) => {\r\n            if (onClick) {\r\n                event.preventDefault()\r\n                onClick(event)\r\n            }\r\n        },\r\n        [onClick],\r\n    )\r\n\r\n    return (\r\n        <a\r\n            ref={ref}\r\n            href={href}\r\n            className={cn(LINK_STYLES.base, LINK_STYLES.color({ color }), className)}\r\n            onClick={handleClick}\r\n            {...props}\r\n        >\r\n            {startIcon && (\r\n                <Icon\r\n                    icon={startIcon}\r\n                    size={iconSize}\r\n                />\r\n            )}\r\n            {label && (\r\n                <Typography\r\n                    as={'span'}\r\n                    variant={'span'}\r\n                    fontSize={fontSize}\r\n                    fontWeight={fontWeight}\r\n                >\r\n                    {label}\r\n                </Typography>\r\n            )}\r\n            {endIcon && (\r\n                <Icon\r\n                    icon={endIcon}\r\n                    size={iconSize}\r\n                />\r\n            )}\r\n        </a>\r\n    )\r\n})\r\n\r\nLink.displayName = 'Link'\r\n\r\nexport default Link\r\n"],"names":["Link","memo","href","className","onClick","ref","label","color","startIcon","endIcon","fontSize","fontWeight","iconSize","props","handleClick","useCallback","event","jsxs","cn","LINK_STYLES","jsx","Icon","Typography"],"mappings":";;;;;;;;AASA,MAAMA,IAA4BC,EAAK,CAAC;AAAA,EACpC,MAAAC,IAAO;AAAA,EACP,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,KAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,YAAAC,IAAa;AAAA,EACb,UAAAC,IAAW;AAAA,EACX,GAAGC;AACP,MAAM;AACF,QAAMC,IAAcC;AAAA,IAChB,CAACC,MAA+C;AAC5C,MAAIZ,MACAY,EAAM,eAAA,GACNZ,EAAQY,CAAK;AAAA,IAErB;AAAA,IACA,CAACZ,CAAO;AAAA,EAAA;AAGZ,SACI,gBAAAa;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAAZ;AAAA,MACA,MAAAH;AAAA,MACA,WAAWgB,EAAGC,EAAY,MAAMA,EAAY,MAAM,EAAE,OAAAZ,GAAO,GAAGJ,CAAS;AAAA,MACvE,SAASW;AAAA,MACR,GAAGD;AAAA,MAEH,UAAA;AAAA,QAAAL,KACG,gBAAAY;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,MAAMb;AAAA,YACN,MAAMI;AAAA,UAAA;AAAA,QAAA;AAAA,QAGbN,KACG,gBAAAc;AAAA,UAACE;AAAA,UAAA;AAAA,YACG,IAAI;AAAA,YACJ,SAAS;AAAA,YACT,UAAAZ;AAAA,YACA,YAAAC;AAAA,YAEC,UAAAL;AAAA,UAAA;AAAA,QAAA;AAAA,QAGRG,KACG,gBAAAW;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,MAAMZ;AAAA,YACN,MAAMG;AAAA,UAAA;AAAA,QAAA;AAAA,MACV;AAAA,IAAA;AAAA,EAAA;AAIhB,CAAC;AAEDZ,EAAK,cAAc;"}
+{"version":3,"file":"Link.js","sources":["../../../../src/components/navigation/link/Link.tsx"],"sourcesContent":["import { memo, useCallback } from 'react'\r\nimport type * as React from 'react'\r\n\r\nimport { LINK_STYLES } from '@components/navigation/link/styles/Link.css.ts'\r\nimport type { LinkProps } from '@components/navigation/link/types/Link.props.ts'\r\nimport { Icon } from '@components/foundation/icon'\r\nimport { Typography } from '@components/foundation/typography'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\n/**\r\n * Styled `<a>` element with optional start/end icons and typography tokens.\r\n * Prevents default navigation when `onClick` is provided, enabling SPA\r\n * routing adapters. Requires a visible `label` or icon-accessible content.\r\n */\r\nconst Link: React.FC<LinkProps> = memo(({\r\n    href = '#',\r\n    className,\r\n    onClick,\r\n    ref,\r\n    label,\r\n    color,\r\n    startIcon,\r\n    endIcon,\r\n    fontSize = 'md',\r\n    fontWeight = 'medium',\r\n    iconSize = 'md',\r\n    ...props\r\n}) => {\r\n    const handleClick = useCallback(\r\n        (event: React.MouseEvent<HTMLAnchorElement>) => {\r\n            if (onClick) {\r\n                event.preventDefault()\r\n                onClick(event)\r\n            }\r\n        },\r\n        [onClick],\r\n    )\r\n\r\n    return (\r\n        <a\r\n            ref={ref}\r\n            href={href}\r\n            className={cn(LINK_STYLES.base, LINK_STYLES.color({ color }), className)}\r\n            onClick={handleClick}\r\n            {...props}\r\n        >\r\n            {startIcon && (\r\n                <Icon\r\n                    icon={startIcon}\r\n                    size={iconSize}\r\n                />\r\n            )}\r\n            {label && (\r\n                <Typography\r\n                    as={'span'}\r\n                    variant={'span'}\r\n                    fontSize={fontSize}\r\n                    fontWeight={fontWeight}\r\n                >\r\n                    {label}\r\n                </Typography>\r\n            )}\r\n            {endIcon && (\r\n                <Icon\r\n                    icon={endIcon}\r\n                    size={iconSize}\r\n                />\r\n            )}\r\n        </a>\r\n    )\r\n})\r\n\r\nLink.displayName = 'Link'\r\n\r\nexport default Link\r\n"],"names":["Link","memo","href","className","onClick","ref","label","color","startIcon","endIcon","fontSize","fontWeight","iconSize","props","handleClick","useCallback","event","jsxs","cn","LINK_STYLES","jsx","Icon","Typography"],"mappings":";;;;;;;;AAcA,MAAMA,IAA4BC,EAAK,CAAC;AAAA,EACpC,MAAAC,IAAO;AAAA,EACP,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,KAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,YAAAC,IAAa;AAAA,EACb,UAAAC,IAAW;AAAA,EACX,GAAGC;AACP,MAAM;AACF,QAAMC,IAAcC;AAAA,IAChB,CAACC,MAA+C;AAC5C,MAAIZ,MACAY,EAAM,eAAA,GACNZ,EAAQY,CAAK;AAAA,IAErB;AAAA,IACA,CAACZ,CAAO;AAAA,EAAA;AAGZ,SACI,gBAAAa;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAAZ;AAAA,MACA,MAAAH;AAAA,MACA,WAAWgB,EAAGC,EAAY,MAAMA,EAAY,MAAM,EAAE,OAAAZ,GAAO,GAAGJ,CAAS;AAAA,MACvE,SAASW;AAAA,MACR,GAAGD;AAAA,MAEH,UAAA;AAAA,QAAAL,KACG,gBAAAY;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,MAAMb;AAAA,YACN,MAAMI;AAAA,UAAA;AAAA,QAAA;AAAA,QAGbN,KACG,gBAAAc;AAAA,UAACE;AAAA,UAAA;AAAA,YACG,IAAI;AAAA,YACJ,SAAS;AAAA,YACT,UAAAZ;AAAA,YACA,YAAAC;AAAA,YAEC,UAAAL;AAAA,UAAA;AAAA,QAAA;AAAA,QAGRG,KACG,gBAAAW;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,MAAMZ;AAAA,YACN,MAAMG;AAAA,UAAA;AAAA,QAAA;AAAA,MACV;AAAA,IAAA;AAAA,EAAA;AAIhB,CAAC;AAEDZ,EAAK,cAAc;"}

package/dist/components/navigation/link/styles/Link.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit32.css');require('../../../../ui-kit.css');;/* empty css                                              */;/* empty css                          */const s=require("@vanilla-extract/recipes/createRuntimeFn");var t={base:"_1t4susp0",color:s.createRuntimeFn({defaultClassName:"_1t4susp1",variantClassNames:{color:{background:"_1t4susp2",foreground:"_1t4susp3",text:"_1t4susp4",textSecondary:"_1t4susp5",textTertiary:"_1t4susp6",card:"_1t4susp7",cardForeground:"_1t4susp8",popover:"_1t4susp9",popoverForeground:"_1t4suspa",muted:"_1t4suspb",mutedForeground:"_1t4suspc",overlay:"_1t4suspd",primary:"_1t4suspe",primaryHover:"_1t4suspf",primaryActive:"_1t4suspg",primaryForeground:"_1t4susph",primarySubtle:"_1t4suspi",primarySubtleHover:"_1t4suspj",primarySubtleActive:"_1t4suspk",primarySubtleForeground:"_1t4suspl",primarySubtleBorder:"_1t4suspm",link:"_1t4suspn",linkHover:"_1t4suspo",linkActive:"_1t4suspp",secondary:"_1t4suspq",secondaryHover:"_1t4suspr",secondaryActive:"_1t4susps",secondaryForeground:"_1t4suspt",secondarySubtle:"_1t4suspu",secondarySubtleHover:"_1t4suspv",secondarySubtleActive:"_1t4suspw",secondarySubtleForeground:"_1t4suspx",secondarySubtleBorder:"_1t4suspy",tertiary:"_1t4suspz",tertiaryHover:"_1t4susp10",tertiaryActive:"_1t4susp11",tertiaryForeground:"_1t4susp12",tertiarySubtle:"_1t4susp13",tertiarySubtleHover:"_1t4susp14",tertiarySubtleActive:"_1t4susp15",tertiarySubtleForeground:"_1t4susp16",tertiarySubtleBorder:"_1t4susp17",success:"_1t4susp18",successHover:"_1t4susp19",successActive:"_1t4susp1a",successForeground:"_1t4susp1b",successSubtle:"_1t4susp1c",successSubtleHover:"_1t4susp1d",successSubtleActive:"_1t4susp1e",successSubtleForeground:"_1t4susp1f",successSubtleBorder:"_1t4susp1g",warning:"_1t4susp1h",warningHover:"_1t4susp1i",warningActive:"_1t4susp1j",warningForeground:"_1t4susp1k",warningSubtle:"_1t4susp1l",warningSubtleHover:"_1t4susp1m",warningSubtleActive:"_1t4susp1n",warningSubtleForeground:"_1t4susp1o",warningSubtleBorder:"_1t4susp1p",info:"_1t4susp1q",infoHover:"_1t4susp1r",infoActive:"_1t4susp1s",infoForeground:"_1t4susp1t",infoSubtle:"_1t4susp1u",infoSubtleHover:"_1t4susp1v",infoSubtleActive:"_1t4susp1w",infoSubtleForeground:"_1t4susp1x",infoSubtleBorder:"_1t4susp1y",destructive:"_1t4susp1z",destructiveHover:"_1t4susp20",destructiveActive:"_1t4susp21",destructiveForeground:"_1t4susp22",destructiveSubtle:"_1t4susp23",destructiveSubtleHover:"_1t4susp24",destructiveSubtleActive:"_1t4susp25",destructiveSubtleForeground:"_1t4susp26",destructiveSubtleBorder:"_1t4susp27",purple:"_1t4susp28",purpleHover:"_1t4susp29",purpleActive:"_1t4susp2a",purpleForeground:"_1t4susp2b",purpleSubtle:"_1t4susp2c",purpleSubtleHover:"_1t4susp2d",purpleSubtleActive:"_1t4susp2e",purpleSubtleForeground:"_1t4susp2f",purpleSubtleBorder:"_1t4susp2g",pink:"_1t4susp2h",pinkHover:"_1t4susp2i",pinkActive:"_1t4susp2j",pinkForeground:"_1t4susp2k",pinkSubtle:"_1t4susp2l",pinkSubtleHover:"_1t4susp2m",pinkSubtleActive:"_1t4susp2n",pinkSubtleForeground:"_1t4susp2o",pinkSubtleBorder:"_1t4susp2p",orange:"_1t4susp2q",orangeHover:"_1t4susp2r",orangeActive:"_1t4susp2s",orangeForeground:"_1t4susp2t",orangeSubtle:"_1t4susp2u",orangeSubtleHover:"_1t4susp2v",orangeSubtleActive:"_1t4susp2w",orangeSubtleForeground:"_1t4susp2x",orangeSubtleBorder:"_1t4susp2y",teal:"_1t4susp2z",tealHover:"_1t4susp30",tealActive:"_1t4susp31",tealForeground:"_1t4susp32",tealSubtle:"_1t4susp33",tealSubtleHover:"_1t4susp34",tealSubtleActive:"_1t4susp35",tealSubtleForeground:"_1t4susp36",tealSubtleBorder:"_1t4susp37",cyan:"_1t4susp38",cyanHover:"_1t4susp39",cyanActive:"_1t4susp3a",cyanForeground:"_1t4susp3b",cyanSubtle:"_1t4susp3c",cyanSubtleHover:"_1t4susp3d",cyanSubtleActive:"_1t4susp3e",cyanSubtleForeground:"_1t4susp3f",cyanSubtleBorder:"_1t4susp3g",indigo:"_1t4susp3h",indigoHover:"_1t4susp3i",indigoActive:"_1t4susp3j",indigoForeground:"_1t4susp3k",indigoSubtle:"_1t4susp3l",indigoSubtleHover:"_1t4susp3m",indigoSubtleActive:"_1t4susp3n",indigoSubtleForeground:"_1t4susp3o",indigoSubtleBorder:"_1t4susp3p",border:"_1t4susp3q",borderStrong:"_1t4susp3r",input:"_1t4susp3s",ring:"_1t4susp3t",highlight:"_1t4susp3u",highlightForeground:"_1t4susp3v",skeleton:"_1t4susp3w",skeletonForeground:"_1t4susp3x",transparent:"_1t4susp3y"}},defaultVariants:{},compoundVariants:[]})};exports.LINK_STYLES=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit51.css');require('../../../../ui-kit.css');;/* empty css                                              */;/* empty css                          */const s=require("@vanilla-extract/recipes/createRuntimeFn");var t={base:"_1t4susp0",color:s.createRuntimeFn({defaultClassName:"_1t4susp1",variantClassNames:{color:{background:"_1t4susp2",foreground:"_1t4susp3",text:"_1t4susp4",textSecondary:"_1t4susp5",textTertiary:"_1t4susp6",card:"_1t4susp7",cardForeground:"_1t4susp8",popover:"_1t4susp9",popoverForeground:"_1t4suspa",muted:"_1t4suspb",mutedForeground:"_1t4suspc",overlay:"_1t4suspd",primary:"_1t4suspe",primaryHover:"_1t4suspf",primaryActive:"_1t4suspg",primaryForeground:"_1t4susph",primarySubtle:"_1t4suspi",primarySubtleHover:"_1t4suspj",primarySubtleActive:"_1t4suspk",primarySubtleForeground:"_1t4suspl",primarySubtleBorder:"_1t4suspm",link:"_1t4suspn",linkHover:"_1t4suspo",linkActive:"_1t4suspp",secondary:"_1t4suspq",secondaryHover:"_1t4suspr",secondaryActive:"_1t4susps",secondaryForeground:"_1t4suspt",secondarySubtle:"_1t4suspu",secondarySubtleHover:"_1t4suspv",secondarySubtleActive:"_1t4suspw",secondarySubtleForeground:"_1t4suspx",secondarySubtleBorder:"_1t4suspy",tertiary:"_1t4suspz",tertiaryHover:"_1t4susp10",tertiaryActive:"_1t4susp11",tertiaryForeground:"_1t4susp12",tertiarySubtle:"_1t4susp13",tertiarySubtleHover:"_1t4susp14",tertiarySubtleActive:"_1t4susp15",tertiarySubtleForeground:"_1t4susp16",tertiarySubtleBorder:"_1t4susp17",success:"_1t4susp18",successHover:"_1t4susp19",successActive:"_1t4susp1a",successForeground:"_1t4susp1b",successSubtle:"_1t4susp1c",successSubtleHover:"_1t4susp1d",successSubtleActive:"_1t4susp1e",successSubtleForeground:"_1t4susp1f",successSubtleBorder:"_1t4susp1g",warning:"_1t4susp1h",warningHover:"_1t4susp1i",warningActive:"_1t4susp1j",warningForeground:"_1t4susp1k",warningSubtle:"_1t4susp1l",warningSubtleHover:"_1t4susp1m",warningSubtleActive:"_1t4susp1n",warningSubtleForeground:"_1t4susp1o",warningSubtleBorder:"_1t4susp1p",info:"_1t4susp1q",infoHover:"_1t4susp1r",infoActive:"_1t4susp1s",infoForeground:"_1t4susp1t",infoSubtle:"_1t4susp1u",infoSubtleHover:"_1t4susp1v",infoSubtleActive:"_1t4susp1w",infoSubtleForeground:"_1t4susp1x",infoSubtleBorder:"_1t4susp1y",destructive:"_1t4susp1z",destructiveHover:"_1t4susp20",destructiveActive:"_1t4susp21",destructiveForeground:"_1t4susp22",destructiveSubtle:"_1t4susp23",destructiveSubtleHover:"_1t4susp24",destructiveSubtleActive:"_1t4susp25",destructiveSubtleForeground:"_1t4susp26",destructiveSubtleBorder:"_1t4susp27",purple:"_1t4susp28",purpleHover:"_1t4susp29",purpleActive:"_1t4susp2a",purpleForeground:"_1t4susp2b",purpleSubtle:"_1t4susp2c",purpleSubtleHover:"_1t4susp2d",purpleSubtleActive:"_1t4susp2e",purpleSubtleForeground:"_1t4susp2f",purpleSubtleBorder:"_1t4susp2g",pink:"_1t4susp2h",pinkHover:"_1t4susp2i",pinkActive:"_1t4susp2j",pinkForeground:"_1t4susp2k",pinkSubtle:"_1t4susp2l",pinkSubtleHover:"_1t4susp2m",pinkSubtleActive:"_1t4susp2n",pinkSubtleForeground:"_1t4susp2o",pinkSubtleBorder:"_1t4susp2p",orange:"_1t4susp2q",orangeHover:"_1t4susp2r",orangeActive:"_1t4susp2s",orangeForeground:"_1t4susp2t",orangeSubtle:"_1t4susp2u",orangeSubtleHover:"_1t4susp2v",orangeSubtleActive:"_1t4susp2w",orangeSubtleForeground:"_1t4susp2x",orangeSubtleBorder:"_1t4susp2y",teal:"_1t4susp2z",tealHover:"_1t4susp30",tealActive:"_1t4susp31",tealForeground:"_1t4susp32",tealSubtle:"_1t4susp33",tealSubtleHover:"_1t4susp34",tealSubtleActive:"_1t4susp35",tealSubtleForeground:"_1t4susp36",tealSubtleBorder:"_1t4susp37",cyan:"_1t4susp38",cyanHover:"_1t4susp39",cyanActive:"_1t4susp3a",cyanForeground:"_1t4susp3b",cyanSubtle:"_1t4susp3c",cyanSubtleHover:"_1t4susp3d",cyanSubtleActive:"_1t4susp3e",cyanSubtleForeground:"_1t4susp3f",cyanSubtleBorder:"_1t4susp3g",indigo:"_1t4susp3h",indigoHover:"_1t4susp3i",indigoActive:"_1t4susp3j",indigoForeground:"_1t4susp3k",indigoSubtle:"_1t4susp3l",indigoSubtleHover:"_1t4susp3m",indigoSubtleActive:"_1t4susp3n",indigoSubtleForeground:"_1t4susp3o",indigoSubtleBorder:"_1t4susp3p",border:"_1t4susp3q",borderStrong:"_1t4susp3r",input:"_1t4susp3s",ring:"_1t4susp3t",highlight:"_1t4susp3u",highlightForeground:"_1t4susp3v",skeleton:"_1t4susp3w",skeletonForeground:"_1t4susp3x",transparent:"_1t4susp3y"}},defaultVariants:{},compoundVariants:[]})};exports.LINK_STYLES=t;
 //# sourceMappingURL=Link.css.cjs.map

package/dist/components/navigation/link/styles/Link.css.js

@@ -1,4 +1,4 @@
-import '../../../../ui-kit32.css';import '../../../../ui-kit.css';/* empty css                                            */
+import '../../../../ui-kit51.css';import '../../../../ui-kit.css';/* empty css                                            */
 /* empty css                        */
 import { createRuntimeFn as s } from "@vanilla-extract/recipes/createRuntimeFn";
 var r = { base: "_1t4susp0", color: s({ defaultClassName: "_1t4susp1", variantClassNames: { color: { background: "_1t4susp2", foreground: "_1t4susp3", text: "_1t4susp4", textSecondary: "_1t4susp5", textTertiary: "_1t4susp6", card: "_1t4susp7", cardForeground: "_1t4susp8", popover: "_1t4susp9", popoverForeground: "_1t4suspa", muted: "_1t4suspb", mutedForeground: "_1t4suspc", overlay: "_1t4suspd", primary: "_1t4suspe", primaryHover: "_1t4suspf", primaryActive: "_1t4suspg", primaryForeground: "_1t4susph", primarySubtle: "_1t4suspi", primarySubtleHover: "_1t4suspj", primarySubtleActive: "_1t4suspk", primarySubtleForeground: "_1t4suspl", primarySubtleBorder: "_1t4suspm", link: "_1t4suspn", linkHover: "_1t4suspo", linkActive: "_1t4suspp", secondary: "_1t4suspq", secondaryHover: "_1t4suspr", secondaryActive: "_1t4susps", secondaryForeground: "_1t4suspt", secondarySubtle: "_1t4suspu", secondarySubtleHover: "_1t4suspv", secondarySubtleActive: "_1t4suspw", secondarySubtleForeground: "_1t4suspx", secondarySubtleBorder: "_1t4suspy", tertiary: "_1t4suspz", tertiaryHover: "_1t4susp10", tertiaryActive: "_1t4susp11", tertiaryForeground: "_1t4susp12", tertiarySubtle: "_1t4susp13", tertiarySubtleHover: "_1t4susp14", tertiarySubtleActive: "_1t4susp15", tertiarySubtleForeground: "_1t4susp16", tertiarySubtleBorder: "_1t4susp17", success: "_1t4susp18", successHover: "_1t4susp19", successActive: "_1t4susp1a", successForeground: "_1t4susp1b", successSubtle: "_1t4susp1c", successSubtleHover: "_1t4susp1d", successSubtleActive: "_1t4susp1e", successSubtleForeground: "_1t4susp1f", successSubtleBorder: "_1t4susp1g", warning: "_1t4susp1h", warningHover: "_1t4susp1i", warningActive: "_1t4susp1j", warningForeground: "_1t4susp1k", warningSubtle: "_1t4susp1l", warningSubtleHover: "_1t4susp1m", warningSubtleActive: "_1t4susp1n", warningSubtleForeground: "_1t4susp1o", warningSubtleBorder: "_1t4susp1p", info: "_1t4susp1q", infoHover: "_1t4susp1r", infoActive: "_1t4susp1s", infoForeground: "_1t4susp1t", infoSubtle: "_1t4susp1u", infoSubtleHover: "_1t4susp1v", infoSubtleActive: "_1t4susp1w", infoSubtleForeground: "_1t4susp1x", infoSubtleBorder: "_1t4susp1y", destructive: "_1t4susp1z", destructiveHover: "_1t4susp20", destructiveActive: "_1t4susp21", destructiveForeground: "_1t4susp22", destructiveSubtle: "_1t4susp23", destructiveSubtleHover: "_1t4susp24", destructiveSubtleActive: "_1t4susp25", destructiveSubtleForeground: "_1t4susp26", destructiveSubtleBorder: "_1t4susp27", purple: "_1t4susp28", purpleHover: "_1t4susp29", purpleActive: "_1t4susp2a", purpleForeground: "_1t4susp2b", purpleSubtle: "_1t4susp2c", purpleSubtleHover: "_1t4susp2d", purpleSubtleActive: "_1t4susp2e", purpleSubtleForeground: "_1t4susp2f", purpleSubtleBorder: "_1t4susp2g", pink: "_1t4susp2h", pinkHover: "_1t4susp2i", pinkActive: "_1t4susp2j", pinkForeground: "_1t4susp2k", pinkSubtle: "_1t4susp2l", pinkSubtleHover: "_1t4susp2m", pinkSubtleActive: "_1t4susp2n", pinkSubtleForeground: "_1t4susp2o", pinkSubtleBorder: "_1t4susp2p", orange: "_1t4susp2q", orangeHover: "_1t4susp2r", orangeActive: "_1t4susp2s", orangeForeground: "_1t4susp2t", orangeSubtle: "_1t4susp2u", orangeSubtleHover: "_1t4susp2v", orangeSubtleActive: "_1t4susp2w", orangeSubtleForeground: "_1t4susp2x", orangeSubtleBorder: "_1t4susp2y", teal: "_1t4susp2z", tealHover: "_1t4susp30", tealActive: "_1t4susp31", tealForeground: "_1t4susp32", tealSubtle: "_1t4susp33", tealSubtleHover: "_1t4susp34", tealSubtleActive: "_1t4susp35", tealSubtleForeground: "_1t4susp36", tealSubtleBorder: "_1t4susp37", cyan: "_1t4susp38", cyanHover: "_1t4susp39", cyanActive: "_1t4susp3a", cyanForeground: "_1t4susp3b", cyanSubtle: "_1t4susp3c", cyanSubtleHover: "_1t4susp3d", cyanSubtleActive: "_1t4susp3e", cyanSubtleForeground: "_1t4susp3f", cyanSubtleBorder: "_1t4susp3g", indigo: "_1t4susp3h", indigoHover: "_1t4susp3i", indigoActive: "_1t4susp3j", indigoForeground: "_1t4susp3k", indigoSubtle: "_1t4susp3l", indigoSubtleHover: "_1t4susp3m", indigoSubtleActive: "_1t4susp3n", indigoSubtleForeground: "_1t4susp3o", indigoSubtleBorder: "_1t4susp3p", border: "_1t4susp3q", borderStrong: "_1t4susp3r", input: "_1t4susp3s", ring: "_1t4susp3t", highlight: "_1t4susp3u", highlightForeground: "_1t4susp3v", skeleton: "_1t4susp3w", skeletonForeground: "_1t4susp3x", transparent: "_1t4susp3y" } }, defaultVariants: {}, compoundVariants: [] }) };

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

@@ -1 +1 @@
-{"version":3,"file":"Pagination.cjs","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":"0cASMA,EAAkC,CAAC,CACrC,aAAcC,EACd,YAAAC,EACA,WAAAC,EACA,aAAAC,EACA,aAAAC,EAAe,EACf,cAAAC,EAAgB,EAChB,cAAAC,EACA,UAAAC,EACA,UAAAC,EACA,IAAAC,EACA,GAAGC,CACP,IAAM,CACF,KAAM,CACF,UAAAC,EACA,YAAAC,EACA,WAAAC,EACA,iBAAAC,EACA,aAAAC,CAAA,EACAC,gBAAc,CACd,YAAAf,EACA,WAAAC,EACA,aAAAE,EACA,cAAAC,EACA,aAAAF,CAAA,CACH,EAED,OACIc,EAAAA,IAACC,EAAA,CACG,GAAI,MACJ,eAAgB,SAChB,IAAAT,EACA,aAAYT,EACZ,UAAAQ,EACC,GAAGE,EAEJ,SAAAS,EAAAA,KAACD,EAAA,CACG,GAAI,KACJ,WAAY,SACZ,IAAK,KACL,UAAWE,EAAAA,kBAAkB,KAE7B,SAAA,CAAAH,MAAC,KAAA,CACG,SAAAA,EAAAA,IAACI,EAAA,CACG,QAAS,QACT,MAAO,WACP,KAAM,KACN,KAAM,sBACN,SAAUT,EACV,aAAYN,EACZ,QAASQ,CAAA,CAAA,EAEjB,EACCH,EAAU,IAAI,CAACW,EAAMC,IAClBD,IAAS,WACLL,EAAAA,IAAC,KAAA,CAEG,cAAa,OAEb,SAAAA,EAAAA,IAACC,EAAA,CACG,GAAI,OACJ,WAAY,SACZ,eAAgB,SAChB,UAAWE,EAAAA,kBAAkB,SAChC,SAAA,KAAA,CAAA,CAED,EAVK,YAAYG,CAAK,EAAA,QAazB,KAAA,CACG,SAAAN,EAAAA,IAACO,EAAA,CACG,QAAS,QACT,MAAO,UACP,KAAM,KACN,MAAO,GAAGF,CAAI,GACd,OAAQA,IAASrB,EACjB,eACIqB,IAASrB,EAAc,OAAS,OAEpC,aAAY,GAAGqB,CAAI,GACnB,QAAS,IAAMnB,EAAamB,CAAI,CAAA,CAAA,GAX/BA,CAaT,CAAA,QAGP,KAAA,CACG,SAAAL,EAAAA,IAACI,EAAA,CACG,QAAS,QACT,MAAO,WACP,KAAM,KACN,KAAM,uBACN,SAAUR,EACV,aAAYN,EACZ,QAASQ,CAAA,CAAA,CACb,CACJ,CAAA,CAAA,CAAA,CACJ,CAAA,CAGZ,EAEAhB,EAAW,YAAc"}
+{"version":3,"file":"Pagination.cjs","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":"0cAcMA,EAAkC,CAAC,CACrC,aAAcC,EACd,YAAAC,EACA,WAAAC,EACA,aAAAC,EACA,aAAAC,EAAe,EACf,cAAAC,EAAgB,EAChB,cAAAC,EACA,UAAAC,EACA,UAAAC,EACA,IAAAC,EACA,GAAGC,CACP,IAAM,CACF,KAAM,CACF,UAAAC,EACA,YAAAC,EACA,WAAAC,EACA,iBAAAC,EACA,aAAAC,CAAA,EACAC,gBAAc,CACd,YAAAf,EACA,WAAAC,EACA,aAAAE,EACA,cAAAC,EACA,aAAAF,CAAA,CACH,EAED,OACIc,EAAAA,IAACC,EAAA,CACG,GAAI,MACJ,eAAgB,SAChB,IAAAT,EACA,aAAYT,EACZ,UAAAQ,EACC,GAAGE,EAEJ,SAAAS,EAAAA,KAACD,EAAA,CACG,GAAI,KACJ,WAAY,SACZ,IAAK,KACL,UAAWE,EAAAA,kBAAkB,KAE7B,SAAA,CAAAH,MAAC,KAAA,CACG,SAAAA,EAAAA,IAACI,EAAA,CACG,QAAS,QACT,MAAO,WACP,KAAM,KACN,KAAM,sBACN,SAAUT,EACV,aAAYN,EACZ,QAASQ,CAAA,CAAA,EAEjB,EACCH,EAAU,IAAI,CAACW,EAAMC,IAClBD,IAAS,WACLL,EAAAA,IAAC,KAAA,CAEG,cAAa,OAEb,SAAAA,EAAAA,IAACC,EAAA,CACG,GAAI,OACJ,WAAY,SACZ,eAAgB,SAChB,UAAWE,EAAAA,kBAAkB,SAChC,SAAA,KAAA,CAAA,CAED,EAVK,YAAYG,CAAK,EAAA,QAazB,KAAA,CACG,SAAAN,EAAAA,IAACO,EAAA,CACG,QAAS,QACT,MAAO,UACP,KAAM,KACN,MAAO,GAAGF,CAAI,GACd,OAAQA,IAASrB,EACjB,eACIqB,IAASrB,EAAc,OAAS,OAEpC,aAAY,GAAGqB,CAAI,GACnB,QAAS,IAAMnB,EAAamB,CAAI,CAAA,CAAA,GAX/BA,CAaT,CAAA,QAGP,KAAA,CACG,SAAAL,EAAAA,IAACI,EAAA,CACG,QAAS,QACT,MAAO,WACP,KAAM,KACN,KAAM,uBACN,SAAUR,EACV,aAAYN,EACZ,QAASQ,CAAA,CAAA,CACb,CACJ,CAAA,CAAA,CAAA,CACJ,CAAA,CAGZ,EAEAhB,EAAW,YAAc"}

package/dist/components/navigation/pagination/Pagination.d.ts

@@ -1,4 +1,9 @@
 import { FC } from 'react';
 import { PaginationProps } from './types/Pagination.props.ts';
+/**
+ * Numbered page navigation rendered as a `<nav>` with Previous/Next icon
+ * buttons and page buttons with ellipsis truncation. Requires `currentPage`,
+ * `totalPages`, `onPageChange`, `previousLabel`, and `nextLabel`.
+ */
 declare const Pagination: FC<PaginationProps>;
 export default Pagination;

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

@@ -1 +1 @@
-{"version":3,"file":"Pagination.js","sources":["../../../../src/components/navigation/pagination/Pagination.tsx"],"sourcesContent":["import type { FC } from 'react'\r\n\r\nimport { Button } from '@components/actions/button'\r\nimport { IconButton } from '@components/actions/icon-button'\r\nimport { Flex } from '@components/layout/flex'\r\nimport { usePagination } from '@components/navigation/pagination/hooks/usePagination.hook.ts'\r\nimport { PAGINATION_STYLES } from '@components/navigation/pagination/styles/Pagination.css.ts'\r\nimport type { PaginationProps } from '@components/navigation/pagination/types/Pagination.props.ts'\r\n\r\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;"}
+{"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

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

@@ -1,4 +1,4 @@
-import '../../../../ui-kit37.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

@@ -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"}
+{"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

@@ -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

@@ -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;"}
+{"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

@@ -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"}
+{"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

@@ -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

@@ -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;"}
+{"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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit137.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                       */var t={button:"_1bv68230",staticItem:"_1bv68231",dot:"_1bv68232",dotCurrent:"_1bv68233",dotCompleted:"_1bv68234"};exports.STEP_INDICATOR_ITEM_STYLES=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-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

@@ -1,4 +1,4 @@
-import '../../../../../../ui-kit137.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

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

@@ -1,4 +1,4 @@
-import '../../../../ui-kit57.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

@@ -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"}
+{"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

@@ -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

@@ -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;"}
+{"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

@@ -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"}
+{"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

@@ -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;