@choco-vanille/ui 1.6.0 → 1.7.0

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

@@ -1,61 +1,62 @@
-import { jsx as e, jsxs as S } from "react/jsx-runtime";
-import { memo as f, Children as A, isValidElement as E } from "react";
+import { jsx as o, jsxs as f } from "react/jsx-runtime";
+import { memo as B, Children as A, isValidElement as E } from "react";
 import C from "../../foundation/icon/Icon.js";
 import "../../foundation/icon/styles/Icon.css.js";
+import v from "../../../resources/asset/ChevronRightIcon.svg.js";
 import b from "../../foundation/typography/Typography.js";
 import "../../foundation/typography/styles/Typography.css.js";
 import i from "./components/breadcrumbs-item/BreadcrumbsItem.js";
-import { BREADCRUMBS_SEPARATORS as m, BREADCRUMBS_SEPARATOR_SYMBOLS as v } from "./constants/breadcrumbsSeparators.const.js";
-import { BREADCRUMBS_STYLES as o } from "./styles/Breadcrumbs.css.js";
-const c = f(({
-  "aria-label": n,
-  children: l,
-  color: p,
+import { BREADCRUMBS_SEPARATORS as m, BREADCRUMBS_SEPARATOR_SYMBOLS as y } from "./constants/breadcrumbsSeparators.const.js";
+import { BREADCRUMBS_STYLES as e } from "./styles/Breadcrumbs.css.js";
+const n = B(({
+  "aria-label": p,
+  children: c,
+  color: l,
   separator: s = m.chevron,
-  className: u,
-  ref: d,
-  ...h
+  className: h,
+  ref: u,
+  ...d
 }) => {
-  const a = A.toArray(l).filter(
+  const a = A.toArray(c).filter(
     (r) => E(r)
-  ), B = a.some(({ props: r }) => r.current);
-  return /* @__PURE__ */ e(
+  ), R = a.some(({ props: r }) => r.current);
+  return /* @__PURE__ */ o(
     "nav",
     {
-      ref: d,
-      "aria-label": n,
-      className: u,
-      ...h,
-      children: /* @__PURE__ */ e("ol", { className: o.list, children: a.map((r, t) => {
-        const R = B ? r.props.current === !0 : t === a.length - 1;
-        return /* @__PURE__ */ S(
+      ref: u,
+      "aria-label": p,
+      className: h,
+      ...d,
+      children: /* @__PURE__ */ o("ol", { className: e.list, children: a.map((r, t) => {
+        const S = R ? r.props.current === !0 : t === a.length - 1;
+        return /* @__PURE__ */ f(
           "li",
           {
-            className: o.item,
+            className: e.item,
             children: [
-              t > 0 && (s === m.chevron ? /* @__PURE__ */ e(
+              t > 0 && (s === m.chevron ? /* @__PURE__ */ o(
                 C,
                 {
-                  icon: "lucide:chevron-right",
+                  icon: v,
                   size: "sm",
-                  className: o.separator
+                  className: e.separator
                 }
-              ) : /* @__PURE__ */ e(
+              ) : /* @__PURE__ */ o(
                 b,
                 {
                   as: "span",
                   variant: "span",
-                  className: o.separatorText,
+                  className: e.separatorText,
                   "aria-hidden": "true",
-                  children: v[s]
+                  children: y[s]
                 }
               )),
-              /* @__PURE__ */ e(
+              /* @__PURE__ */ o(
                 i,
                 {
                   ...r.props,
-                  current: R,
-                  color: r.props.color ?? p
+                  current: S,
+                  color: r.props.color ?? l
                 }
               )
             ]
@@ -66,9 +67,9 @@ const c = f(({
     }
   );
 });
-c.displayName = "Breadcrumbs";
-c.Item = i;
+n.displayName = "Breadcrumbs";
+n.Item = i;
 export {
-  c as default
+  n as default
 };
 //# sourceMappingURL=Breadcrumbs.js.map

package/dist/components/navigation/breadcrumbs/Breadcrumbs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs.js","sources":["../../../../src/components/navigation/breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import {\r\n    Children,\r\n    isValidElement,\r\n    memo,\r\n    type ReactElement,\r\n} from 'react'\r\n\r\nimport { Icon } from '@components/foundation/icon'\r\nimport { Typography } from '@components/foundation/typography'\r\nimport BreadcrumbsItem from '@components/navigation/breadcrumbs/components/breadcrumbs-item/BreadcrumbsItem.tsx'\r\nimport type { BreadcrumbsItemProps } from '@components/navigation/breadcrumbs/components/breadcrumbs-item/types/BreadcrumbsItem.props.ts'\r\nimport {\r\n    BREADCRUMBS_SEPARATOR_SYMBOLS,\r\n    BREADCRUMBS_SEPARATORS,\r\n} from '@components/navigation/breadcrumbs/constants'\r\nimport { BREADCRUMBS_STYLES } from '@components/navigation/breadcrumbs/styles/Breadcrumbs.css.ts'\r\nimport type { BreadcrumbsCompound } from '@components/navigation/breadcrumbs/types/BreadcrumbsCompound.ts'\r\nimport type { BreadcrumbsProps } from '@components/navigation/breadcrumbs/types/Breadcrumbs.props.ts'\r\n\r\n/**\r\n * Breadcrumb trail rendered as a `<nav>` with an ordered list. Each child\r\n * `BreadcrumbsItem` is separated by the configured `separator` (chevron icon\r\n * or a text symbol). The last item (or the one with `current`) receives\r\n * `aria-current=\"page\"`.\r\n *\r\n * Compound slot: `Breadcrumbs.Item`.\r\n */\r\nconst Breadcrumbs = memo(({\r\n    'aria-label': ariaLabel,\r\n    children,\r\n    color,\r\n    separator = BREADCRUMBS_SEPARATORS.chevron,\r\n    className,\r\n    ref,\r\n    ...props\r\n}: BreadcrumbsProps) => {\r\n    const items = Children.toArray(children).filter(\r\n        (child): child is ReactElement<BreadcrumbsItemProps> =>\r\n            isValidElement<BreadcrumbsItemProps>(child),\r\n    )\r\n    const hasExplicitCurrent = items.some(({ props: item }) => item.current)\r\n\r\n    return (\r\n        <nav\r\n            ref={ref}\r\n            aria-label={ariaLabel}\r\n            className={className}\r\n            {...props}\r\n        >\r\n            <ol className={BREADCRUMBS_STYLES.list}>\r\n                {items.map((item, index) => {\r\n                    const isCurrent = hasExplicitCurrent\r\n                        ? item.props.current === true\r\n                        : index === items.length - 1\r\n\r\n                    return (\r\n                        <li\r\n                            key={item.key}\r\n                            className={BREADCRUMBS_STYLES.item}\r\n                        >\r\n                            {index > 0 &&\r\n                                (separator === BREADCRUMBS_SEPARATORS.chevron ? (\r\n                                    <Icon\r\n                                        icon={'lucide:chevron-right'}\r\n                                        size={'sm'}\r\n                                        className={BREADCRUMBS_STYLES.separator}\r\n                                    />\r\n                                ) : (\r\n                                    <Typography\r\n                                        as={'span'}\r\n                                        variant={'span'}\r\n                                        className={BREADCRUMBS_STYLES.separatorText}\r\n                                        aria-hidden={'true'}\r\n                                    >\r\n                                        {BREADCRUMBS_SEPARATOR_SYMBOLS[separator]}\r\n                                    </Typography>\r\n                                ))}\r\n                            <BreadcrumbsItem\r\n                                {...item.props}\r\n                                current={isCurrent}\r\n                                color={item.props.color ?? color}\r\n                            />\r\n                        </li>\r\n                    )\r\n                })}\r\n            </ol>\r\n        </nav>\r\n    )\r\n}) as unknown as BreadcrumbsCompound\r\n\r\nBreadcrumbs.displayName = 'Breadcrumbs'\r\nBreadcrumbs.Item = BreadcrumbsItem\r\n\r\nexport default Breadcrumbs\r\n"],"names":["Breadcrumbs","memo","ariaLabel","children","color","separator","BREADCRUMBS_SEPARATORS","className","ref","props","items","Children","child","isValidElement","hasExplicitCurrent","item","jsx","BREADCRUMBS_STYLES","index","isCurrent","jsxs","Icon","Typography","BreadcrumbsItem"],"mappings":";;;;;;;;;AA2BA,MAAMA,IAAcC,EAAK,CAAC;AAAA,EACtB,cAAcC;AAAA,EACd,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC,IAAYC,EAAuB;AAAA,EACnC,WAAAC;AAAA,EACA,KAAAC;AAAA,EACA,GAAGC;AACP,MAAwB;AACpB,QAAMC,IAAQC,EAAS,QAAQR,CAAQ,EAAE;AAAA,IACrC,CAACS,MACGC,EAAqCD,CAAK;AAAA,EAAA,GAE5CE,IAAqBJ,EAAM,KAAK,CAAC,EAAE,OAAOK,EAAA,MAAWA,EAAK,OAAO;AAEvE,SACI,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAAR;AAAA,MACA,cAAYN;AAAA,MACZ,WAAAK;AAAA,MACC,GAAGE;AAAA,MAEJ,UAAA,gBAAAO,EAAC,QAAG,WAAWC,EAAmB,MAC7B,UAAAP,EAAM,IAAI,CAACK,GAAMG,MAAU;AACxB,cAAMC,IAAYL,IACZC,EAAK,MAAM,YAAY,KACvBG,MAAUR,EAAM,SAAS;AAE/B,eACI,gBAAAU;AAAA,UAAC;AAAA,UAAA;AAAA,YAEG,WAAWH,EAAmB;AAAA,YAE7B,UAAA;AAAA,cAAAC,IAAQ,MACJb,MAAcC,EAAuB,UAClC,gBAAAU;AAAA,gBAACK;AAAA,gBAAA;AAAA,kBACG,MAAM;AAAA,kBACN,MAAM;AAAA,kBACN,WAAWJ,EAAmB;AAAA,gBAAA;AAAA,cAAA,IAGlC,gBAAAD;AAAA,gBAACM;AAAA,gBAAA;AAAA,kBACG,IAAI;AAAA,kBACJ,SAAS;AAAA,kBACT,WAAWL,EAAmB;AAAA,kBAC9B,eAAa;AAAA,kBAEZ,YAA8BZ,CAAS;AAAA,gBAAA;AAAA,cAAA;AAAA,cAGpD,gBAAAW;AAAA,gBAACO;AAAA,gBAAA;AAAA,kBACI,GAAGR,EAAK;AAAA,kBACT,SAASI;AAAA,kBACT,OAAOJ,EAAK,MAAM,SAASX;AAAA,gBAAA;AAAA,cAAA;AAAA,YAC/B;AAAA,UAAA;AAAA,UAxBKW,EAAK;AAAA,QAAA;AAAA,MA2BtB,CAAC,EAAA,CACL;AAAA,IAAA;AAAA,EAAA;AAGZ,CAAC;AAEDf,EAAY,cAAc;AAC1BA,EAAY,OAAOuB;"}
+{"version":3,"file":"Breadcrumbs.js","sources":["../../../../src/components/navigation/breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import {\r\n    Children,\r\n    isValidElement,\r\n    memo,\r\n    type ReactElement,\r\n} from 'react'\r\n\r\nimport { Icon } from '@components/foundation/icon'\r\nimport ChevronRightIcon from '@resources/asset/ChevronRightIcon.svg?react'\r\nimport { Typography } from '@components/foundation/typography'\r\nimport BreadcrumbsItem from '@components/navigation/breadcrumbs/components/breadcrumbs-item/BreadcrumbsItem.tsx'\r\nimport type { BreadcrumbsItemProps } from '@components/navigation/breadcrumbs/components/breadcrumbs-item/types/BreadcrumbsItem.props.ts'\r\nimport {\r\n    BREADCRUMBS_SEPARATOR_SYMBOLS,\r\n    BREADCRUMBS_SEPARATORS,\r\n} from '@components/navigation/breadcrumbs/constants'\r\nimport { BREADCRUMBS_STYLES } from '@components/navigation/breadcrumbs/styles/Breadcrumbs.css.ts'\r\nimport type { BreadcrumbsCompound } from '@components/navigation/breadcrumbs/types/BreadcrumbsCompound.ts'\r\nimport type { BreadcrumbsProps } from '@components/navigation/breadcrumbs/types/Breadcrumbs.props.ts'\r\n\r\n/**\r\n * Breadcrumb trail rendered as a `<nav>` with an ordered list. Each child\r\n * `BreadcrumbsItem` is separated by the configured `separator` (chevron icon\r\n * or a text symbol). The last item (or the one with `current`) receives\r\n * `aria-current=\"page\"`.\r\n *\r\n * Compound slot: `Breadcrumbs.Item`.\r\n */\r\nconst Breadcrumbs = memo(({\r\n    'aria-label': ariaLabel,\r\n    children,\r\n    color,\r\n    separator = BREADCRUMBS_SEPARATORS.chevron,\r\n    className,\r\n    ref,\r\n    ...props\r\n}: BreadcrumbsProps) => {\r\n    const items = Children.toArray(children).filter(\r\n        (child): child is ReactElement<BreadcrumbsItemProps> =>\r\n            isValidElement<BreadcrumbsItemProps>(child),\r\n    )\r\n    const hasExplicitCurrent = items.some(({ props: item }) => item.current)\r\n\r\n    return (\r\n        <nav\r\n            ref={ref}\r\n            aria-label={ariaLabel}\r\n            className={className}\r\n            {...props}\r\n        >\r\n            <ol className={BREADCRUMBS_STYLES.list}>\r\n                {items.map((item, index) => {\r\n                    const isCurrent = hasExplicitCurrent\r\n                        ? item.props.current === true\r\n                        : index === items.length - 1\r\n\r\n                    return (\r\n                        <li\r\n                            key={item.key}\r\n                            className={BREADCRUMBS_STYLES.item}\r\n                        >\r\n                            {index > 0 &&\r\n                                (separator === BREADCRUMBS_SEPARATORS.chevron ? (\r\n                                    <Icon\r\n                                        icon={ChevronRightIcon}\r\n                                        size={'sm'}\r\n                                        className={BREADCRUMBS_STYLES.separator}\r\n                                    />\r\n                                ) : (\r\n                                    <Typography\r\n                                        as={'span'}\r\n                                        variant={'span'}\r\n                                        className={BREADCRUMBS_STYLES.separatorText}\r\n                                        aria-hidden={'true'}\r\n                                    >\r\n                                        {BREADCRUMBS_SEPARATOR_SYMBOLS[separator]}\r\n                                    </Typography>\r\n                                ))}\r\n                            <BreadcrumbsItem\r\n                                {...item.props}\r\n                                current={isCurrent}\r\n                                color={item.props.color ?? color}\r\n                            />\r\n                        </li>\r\n                    )\r\n                })}\r\n            </ol>\r\n        </nav>\r\n    )\r\n}) as unknown as BreadcrumbsCompound\r\n\r\nBreadcrumbs.displayName = 'Breadcrumbs'\r\nBreadcrumbs.Item = BreadcrumbsItem\r\n\r\nexport default Breadcrumbs\r\n"],"names":["Breadcrumbs","memo","ariaLabel","children","color","separator","BREADCRUMBS_SEPARATORS","className","ref","props","items","Children","child","isValidElement","hasExplicitCurrent","item","jsx","BREADCRUMBS_STYLES","index","isCurrent","jsxs","Icon","ChevronRightIcon","Typography","BreadcrumbsItem"],"mappings":";;;;;;;;;;AA4BA,MAAMA,IAAcC,EAAK,CAAC;AAAA,EACtB,cAAcC;AAAA,EACd,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC,IAAYC,EAAuB;AAAA,EACnC,WAAAC;AAAA,EACA,KAAAC;AAAA,EACA,GAAGC;AACP,MAAwB;AACpB,QAAMC,IAAQC,EAAS,QAAQR,CAAQ,EAAE;AAAA,IACrC,CAACS,MACGC,EAAqCD,CAAK;AAAA,EAAA,GAE5CE,IAAqBJ,EAAM,KAAK,CAAC,EAAE,OAAOK,EAAA,MAAWA,EAAK,OAAO;AAEvE,SACI,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAAR;AAAA,MACA,cAAYN;AAAA,MACZ,WAAAK;AAAA,MACC,GAAGE;AAAA,MAEJ,UAAA,gBAAAO,EAAC,QAAG,WAAWC,EAAmB,MAC7B,UAAAP,EAAM,IAAI,CAACK,GAAMG,MAAU;AACxB,cAAMC,IAAYL,IACZC,EAAK,MAAM,YAAY,KACvBG,MAAUR,EAAM,SAAS;AAE/B,eACI,gBAAAU;AAAA,UAAC;AAAA,UAAA;AAAA,YAEG,WAAWH,EAAmB;AAAA,YAE7B,UAAA;AAAA,cAAAC,IAAQ,MACJb,MAAcC,EAAuB,UAClC,gBAAAU;AAAA,gBAACK;AAAA,gBAAA;AAAA,kBACG,MAAMC;AAAAA,kBACN,MAAM;AAAA,kBACN,WAAWL,EAAmB;AAAA,gBAAA;AAAA,cAAA,IAGlC,gBAAAD;AAAA,gBAACO;AAAA,gBAAA;AAAA,kBACG,IAAI;AAAA,kBACJ,SAAS;AAAA,kBACT,WAAWN,EAAmB;AAAA,kBAC9B,eAAa;AAAA,kBAEZ,YAA8BZ,CAAS;AAAA,gBAAA;AAAA,cAAA;AAAA,cAGpD,gBAAAW;AAAA,gBAACQ;AAAA,gBAAA;AAAA,kBACI,GAAGT,EAAK;AAAA,kBACT,SAASI;AAAA,kBACT,OAAOJ,EAAK,MAAM,SAASX;AAAA,gBAAA;AAAA,cAAA;AAAA,YAC/B;AAAA,UAAA;AAAA,UAxBKW,EAAK;AAAA,QAAA;AAAA,MA2BtB,CAAC,EAAA,CACL;AAAA,IAAA;AAAA,EAAA;AAGZ,CAAC;AAEDf,EAAY,cAAc;AAC1BA,EAAY,OAAOwB;"}

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-kit48.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-kit48.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/styles/Link.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit58.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",ring:"_1t4susp3s",highlight:"_1t4susp3t",highlightForeground:"_1t4susp3u",skeleton:"_1t4susp3v",skeletonForeground:"_1t4susp3w",transparent:"_1t4susp3x"}},defaultVariants:{},compoundVariants:[]})};exports.LINK_STYLES=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit56.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",ring:"_1t4susp3s",highlight:"_1t4susp3t",highlightForeground:"_1t4susp3u",skeleton:"_1t4susp3v",skeletonForeground:"_1t4susp3w",transparent:"_1t4susp3x"}},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-kit58.css';import '../../../../ui-kit.css';/* empty css                                            */
+import '../../../../ui-kit56.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", ring: "_1t4susp3s", highlight: "_1t4susp3t", highlightForeground: "_1t4susp3u", skeleton: "_1t4susp3v", skeletonForeground: "_1t4susp3w", transparent: "_1t4susp3x" } }, defaultVariants: {}, compoundVariants: [] }) };

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

@@ -1,4 +1,4 @@
-import { IconSize } from '../../../foundation/icon';
+import { IconComponent, IconSize } from '../../../foundation/icon';
 import { TypographySize, TypographyWeight } from '../../../foundation/typography';
 import { LinkColor } from './Link.types.ts';
 import { RefAttributes } from 'react';
@@ -10,10 +10,10 @@ export type LinkProps = Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'chi
     label: string;
     /** Theme color of the link. Defaults to the semantic link color. */
     color?: LinkColor;
-    /** Optional Iconify icon name rendered before the label. */
-    startIcon?: string;
-    /** Optional Iconify icon name rendered after the label. */
-    endIcon?: string;
+    /** Optional SVG component rendered before the label. */
+    startIcon?: IconComponent;
+    /** Optional SVG component rendered after the label. */
+    endIcon?: IconComponent;
     /** Typography size of the label. Defaults to `base`. */
     fontSize?: TypographySize;
     /** Typography weight of the label. Defaults to `normal`. */

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

@@ -1,2 +1,2 @@
-"use strict";const i=require("react/jsx-runtime"),m=require("../../actions/button/Button.cjs");require("../../actions/button/styles/Button.css.cjs");const n=require("../../actions/icon-button/IconButton.cjs");require("../../actions/icon-button/styles/IconButton.css.cjs");const a=require("../../layout/flex/Flex.cjs");require("../../layout/flex/styles/Flex.css.cjs");const y=require("./hooks/usePagination.hook.cjs"),l=require("./styles/Pagination.css.cjs"),t=({"aria-label":o,currentPage:s,totalPages:c,onPageChange:r,siblingCount:u=1,boundaryCount:d=1,previousLabel:g,nextLabel:x,className:h,ref:j,...p})=>{const{pageItems:q,isFirstPage:v,isLastPage:P,goToPreviousPage:b,goToNextPage:I}=y.usePagination({currentPage:s,totalPages:c,siblingCount:u,boundaryCount:d,onPageChange:r});return i.jsx(a,{as:"nav",justifyContent:"center",ref:j,"aria-label":o,className:h,...p,children:i.jsxs(a,{as:"ul",alignItems:"center",gap:"xs",className:l.PAGINATION_STYLES.list,children:[i.jsx("li",{children:i.jsx(n,{variant:"ghost",color:"tertiary",size:"sm",icon:"lucide:chevron-left",disabled:v,"aria-label":g,onClick:b})}),q.map((e,N)=>e==="ellipsis"?i.jsx("li",{"aria-hidden":"true",children:i.jsx(a,{as:"span",alignItems:"center",justifyContent:"center",className:l.PAGINATION_STYLES.ellipsis,children:"..."})},`ellipsis-${N}`):i.jsx("li",{children:i.jsx(m,{variant:"ghost",color:"primary",size:"sm",label:`${e}`,active:e===s,"aria-current":e===s?"page":void 0,"aria-label":`${e}`,onClick:()=>r(e)})},e)),i.jsx("li",{children:i.jsx(n,{variant:"ghost",color:"tertiary",size:"sm",icon:"lucide:chevron-right",disabled:P,"aria-label":x,onClick:I})})]})})};t.displayName="Pagination";module.exports=t;
+"use strict";const e=require("react/jsx-runtime"),m=require("../../actions/button/Button.cjs");require("../../actions/button/styles/Button.css.cjs");const n=require("../../actions/icon-button/IconButton.cjs");require("../../actions/icon-button/styles/IconButton.css.cjs");const y=require("../../../resources/asset/ChevronLeftIcon.svg.cjs"),C=require("../../../resources/asset/ChevronRightIcon.svg.cjs"),a=require("../../layout/flex/Flex.cjs");require("../../layout/flex/styles/Flex.css.cjs");const T=require("./hooks/usePagination.hook.cjs"),t=require("./styles/Pagination.css.cjs"),o=({"aria-label":l,currentPage:s,totalPages:c,onPageChange:r,siblingCount:u=1,boundaryCount:g=1,previousLabel:d,nextLabel:x,className:h,ref:j,...p})=>{const{pageItems:q,isFirstPage:I,isLastPage:v,goToPreviousPage:P,goToNextPage:b}=T.usePagination({currentPage:s,totalPages:c,siblingCount:u,boundaryCount:g,onPageChange:r});return e.jsx(a,{as:"nav",justifyContent:"center",ref:j,"aria-label":l,className:h,...p,children:e.jsxs(a,{as:"ul",alignItems:"center",gap:"xs",className:t.PAGINATION_STYLES.list,children:[e.jsx("li",{children:e.jsx(n,{variant:"ghost",color:"tertiary",size:"sm",icon:y,disabled:I,"aria-label":d,onClick:P})}),q.map((i,N)=>i==="ellipsis"?e.jsx("li",{"aria-hidden":"true",children:e.jsx(a,{as:"span",alignItems:"center",justifyContent:"center",className:t.PAGINATION_STYLES.ellipsis,children:"..."})},`ellipsis-${N}`):e.jsx("li",{children:e.jsx(m,{variant:"ghost",color:"primary",size:"sm",label:`${i}`,active:i===s,"aria-current":i===s?"page":void 0,"aria-label":`${i}`,onClick:()=>r(i)})},i)),e.jsx("li",{children:e.jsx(n,{variant:"ghost",color:"tertiary",size:"sm",icon:C,disabled:v,"aria-label":x,onClick:b})})]})})};o.displayName="Pagination";module.exports=o;
 //# sourceMappingURL=Pagination.cjs.map

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\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"}
+{"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 ChevronLeftIcon from '@resources/asset/ChevronLeftIcon.svg?react'\r\nimport ChevronRightIcon from '@resources/asset/ChevronRightIcon.svg?react'\r\nimport { Flex } from '@components/layout/flex'\r\nimport { usePagination } from '@components/navigation/pagination/hooks/usePagination.hook.ts'\r\nimport { PAGINATION_STYLES } from '@components/navigation/pagination/styles/Pagination.css.ts'\r\nimport type { PaginationProps } from '@components/navigation/pagination/types/Pagination.props.ts'\r\n\r\n/**\r\n * Numbered page navigation rendered as a `<nav>` with Previous/Next icon\r\n * buttons and page buttons with ellipsis truncation. Requires `currentPage`,\r\n * `totalPages`, `onPageChange`, `previousLabel`, and `nextLabel`.\r\n */\r\nconst Pagination: FC<PaginationProps> = ({\r\n    'aria-label': ariaLabel,\r\n    currentPage,\r\n    totalPages,\r\n    onPageChange,\r\n    siblingCount = 1,\r\n    boundaryCount = 1,\r\n    previousLabel,\r\n    nextLabel,\r\n    className,\r\n    ref,\r\n    ...props\r\n}) => {\r\n    const {\r\n        pageItems,\r\n        isFirstPage,\r\n        isLastPage,\r\n        goToPreviousPage,\r\n        goToNextPage,\r\n    } = usePagination({\r\n        currentPage,\r\n        totalPages,\r\n        siblingCount,\r\n        boundaryCount,\r\n        onPageChange,\r\n    })\r\n\r\n    return (\r\n        <Flex\r\n            as={'nav'}\r\n            justifyContent={'center'}\r\n            ref={ref}\r\n            aria-label={ariaLabel}\r\n            className={className}\r\n            {...props}\r\n        >\r\n            <Flex\r\n                as={'ul'}\r\n                alignItems={'center'}\r\n                gap={'xs'}\r\n                className={PAGINATION_STYLES.list}\r\n            >\r\n                <li>\r\n                    <IconButton\r\n                        variant={'ghost'}\r\n                        color={'tertiary'}\r\n                        size={'sm'}\r\n                        icon={ChevronLeftIcon}\r\n                        disabled={isFirstPage}\r\n                        aria-label={previousLabel}\r\n                        onClick={goToPreviousPage}\r\n                    />\r\n                </li>\r\n                {pageItems.map((item, index) =>\r\n                    item === 'ellipsis' ? (\r\n                        <li\r\n                            key={`ellipsis-${index}`}\r\n                            aria-hidden={'true'}\r\n                        >\r\n                            <Flex\r\n                                as={'span'}\r\n                                alignItems={'center'}\r\n                                justifyContent={'center'}\r\n                                className={PAGINATION_STYLES.ellipsis}\r\n                            >\r\n                                ...\r\n                            </Flex>\r\n                        </li>\r\n                    ) : (\r\n                        <li key={item}>\r\n                            <Button\r\n                                variant={'ghost'}\r\n                                color={'primary'}\r\n                                size={'sm'}\r\n                                label={`${item}`}\r\n                                active={item === currentPage}\r\n                                aria-current={\r\n                                    item === currentPage ? 'page' : undefined\r\n                                }\r\n                                aria-label={`${item}`}\r\n                                onClick={() => onPageChange(item)}\r\n                            />\r\n                        </li>\r\n                    ),\r\n                )}\r\n                <li>\r\n                    <IconButton\r\n                        variant={'ghost'}\r\n                        color={'tertiary'}\r\n                        size={'sm'}\r\n                        icon={ChevronRightIcon}\r\n                        disabled={isLastPage}\r\n                        aria-label={nextLabel}\r\n                        onClick={goToNextPage}\r\n                    />\r\n                </li>\r\n            </Flex>\r\n        </Flex>\r\n    )\r\n}\r\n\r\nPagination.displayName = 'Pagination'\r\n\r\nexport default Pagination\r\n"],"names":["Pagination","ariaLabel","currentPage","totalPages","onPageChange","siblingCount","boundaryCount","previousLabel","nextLabel","className","ref","props","pageItems","isFirstPage","isLastPage","goToPreviousPage","goToNextPage","usePagination","jsx","Flex","jsxs","PAGINATION_STYLES","IconButton","ChevronLeftIcon","item","index","Button","ChevronRightIcon"],"mappings":"ukBAgBMA,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,KAAMC,EACN,SAAUV,EACV,aAAYN,EACZ,QAASQ,CAAA,CAAA,EAEjB,EACCH,EAAU,IAAI,CAACY,EAAMC,IAClBD,IAAS,WACLN,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,YAAYI,CAAK,EAAA,QAazB,KAAA,CACG,SAAAP,EAAAA,IAACQ,EAAA,CACG,QAAS,QACT,MAAO,UACP,KAAM,KACN,MAAO,GAAGF,CAAI,GACd,OAAQA,IAAStB,EACjB,eACIsB,IAAStB,EAAc,OAAS,OAEpC,aAAY,GAAGsB,CAAI,GACnB,QAAS,IAAMpB,EAAaoB,CAAI,CAAA,CAAA,GAX/BA,CAaT,CAAA,QAGP,KAAA,CACG,SAAAN,EAAAA,IAACI,EAAA,CACG,QAAS,QACT,MAAO,WACP,KAAM,KACN,KAAMK,EACN,SAAUb,EACV,aAAYN,EACZ,QAASQ,CAAA,CAAA,CACb,CACJ,CAAA,CAAA,CAAA,CACJ,CAAA,CAGZ,EAEAhB,EAAW,YAAc"}

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

@@ -1,86 +1,88 @@
-import { jsx as i, jsxs as N } from "react/jsx-runtime";
-import P from "../../actions/button/Button.js";
+import { jsx as i, jsxs as C } from "react/jsx-runtime";
+import N from "../../actions/button/Button.js";
 import "../../actions/button/styles/Button.css.js";
-import o from "../../actions/icon-button/IconButton.js";
+import t from "../../actions/icon-button/IconButton.js";
 import "../../actions/icon-button/styles/IconButton.css.js";
-import e from "../../layout/flex/Flex.js";
+import P from "../../../resources/asset/ChevronLeftIcon.svg.js";
+import j from "../../../resources/asset/ChevronRightIcon.svg.js";
+import o from "../../layout/flex/Flex.js";
 import "../../layout/flex/styles/Flex.css.js";
-import { usePagination as j } from "./hooks/usePagination.hook.js";
-import { PAGINATION_STYLES as s } from "./styles/Pagination.css.js";
-const C = ({
-  "aria-label": t,
+import { usePagination as S } from "./hooks/usePagination.hook.js";
+import { PAGINATION_STYLES as l } from "./styles/Pagination.css.js";
+const T = ({
+  "aria-label": s,
   currentPage: r,
   totalPages: n,
-  onPageChange: l,
+  onPageChange: e,
   siblingCount: c = 1,
   boundaryCount: m = 1,
   previousLabel: p,
   nextLabel: d,
   className: g,
   ref: h,
-  ...u
+  ...f
 }) => {
   const {
-    pageItems: f,
-    isFirstPage: v,
+    pageItems: v,
+    isFirstPage: u,
     isLastPage: b,
-    goToPreviousPage: x,
-    goToNextPage: y
-  } = j({
+    goToPreviousPage: I,
+    goToNextPage: x
+  } = S({
     currentPage: r,
     totalPages: n,
     siblingCount: c,
     boundaryCount: m,
-    onPageChange: l
+    onPageChange: e
   });
   return /* @__PURE__ */ i(
-    e,
+    o,
     {
       as: "nav",
       justifyContent: "center",
       ref: h,
-      "aria-label": t,
+      "aria-label": s,
       className: g,
-      ...u,
-      children: /* @__PURE__ */ N(
-        e,
+      ...f,
+      children: /* @__PURE__ */ C(
+        o,
         {
           as: "ul",
           alignItems: "center",
           gap: "xs",
-          className: s.list,
+          className: l.list,
           children: [
             /* @__PURE__ */ i("li", { children: /* @__PURE__ */ i(
-              o,
+              t,
               {
                 variant: "ghost",
                 color: "tertiary",
                 size: "sm",
-                icon: "lucide:chevron-left",
-                disabled: v,
+                icon: P,
+                disabled: u,
                 "aria-label": p,
-                onClick: x
+                onClick: I
               }
             ) }),
-            f.map(
-              (a, I) => a === "ellipsis" ? /* @__PURE__ */ i(
+            v.map(
+              (a, y) => a === "ellipsis" ? /* @__PURE__ */ i(
                 "li",
                 {
                   "aria-hidden": "true",
                   children: /* @__PURE__ */ i(
-                    e,
+                    o,
                     {
                       as: "span",
                       alignItems: "center",
                       justifyContent: "center",
-                      className: s.ellipsis,
+                      className: l.ellipsis,
                       children: "..."
                     }
                   )
                 },
-                `ellipsis-${I}`
+                `ellipsis-${y}`
               ) : /* @__PURE__ */ i("li", { children: /* @__PURE__ */ i(
-                P,
+                N,
                 {
                   variant: "ghost",
                   color: "primary",
@@ -89,20 +91,20 @@ const C = ({
                   active: a === r,
                   "aria-current": a === r ? "page" : void 0,
                   "aria-label": `${a}`,
-                  onClick: () => l(a)
+                  onClick: () => e(a)
                 }
               ) }, a)
             ),
             /* @__PURE__ */ i("li", { children: /* @__PURE__ */ i(
-              o,
+              t,
               {
                 variant: "ghost",
                 color: "tertiary",
                 size: "sm",
-                icon: "lucide:chevron-right",
+                icon: j,
                 disabled: b,
                 "aria-label": d,
-                onClick: y
+                onClick: x
               }
             ) })
           ]
@@ -111,8 +113,8 @@ const C = ({
     }
   );
 };
-C.displayName = "Pagination";
+T.displayName = "Pagination";
 export {
-  C as default
+  T as default
 };
 //# sourceMappingURL=Pagination.js.map

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"StepperItem.cjs","sources":["../../../../../../src/components/navigation/stepper/components/stepper-item/StepperItem.tsx"],"sourcesContent":["import { memo, useContext } from 'react'\r\n\r\nimport { Icon } from '@components/foundation/icon'\r\nimport { Typography } from '@components/foundation/typography'\r\nimport { StepperItemContext } from '@components/navigation/stepper/context/Stepper.context.ts'\r\nimport { STEPPER_ITEM_SIZES } from '@components/navigation/stepper/constants'\r\nimport { STEPPER_STYLES } from '@components/navigation/stepper/styles/Stepper.css.ts'\r\nimport type { StepperItemProps } from '@components/navigation/stepper/components/stepper-item/types/StepperItem.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\n/**\r\n * Individual step slot for `Stepper`. Displays a numbered marker (check icon\r\n * when completed), a label, and an optional description. Renders a `<button>`\r\n * when `onStepChange` is present in context, otherwise a static `<span>`.\r\n */\r\nconst StepperItem = memo(\r\n    ({\r\n        label,\r\n        description,\r\n        disabled,\r\n        size = STEPPER_ITEM_SIZES.md,\r\n        children,\r\n    }: StepperItemProps) => {\r\n        const context = useContext(StepperItemContext)\r\n\r\n        if (!context) {\r\n            throw new Error('Stepper.Item must be rendered inside Stepper.')\r\n        }\r\n\r\n        const { stepNumber, isCurrent, isCompleted, onStepChange } = context\r\n        const isInteractive = Boolean(onStepChange)\r\n        const hasCustomContent = children !== undefined\r\n        const isTitleOnly = !hasCustomContent && !description\r\n        const marker = isCompleted ? (\r\n            <Icon\r\n                icon={'lucide:check'}\r\n                size={'sm'}\r\n            />\r\n        ) : (\r\n            <Typography\r\n                as={'span'}\r\n                variant={'span'}\r\n                display={'flex'}\r\n                width={'100%'}\r\n                style={{ height: '100%' }}\r\n                className={STEPPER_STYLES.markerValue}\r\n            >\r\n                {stepNumber}\r\n            </Typography>\r\n        )\r\n        const content = hasCustomContent ? (\r\n            children\r\n        ) : (\r\n            <span\r\n                className={cn(\r\n                    STEPPER_STYLES.content,\r\n                    isTitleOnly && STEPPER_STYLES.contentCentered,\r\n                    size === 'sm' && STEPPER_STYLES.contentSmall,\r\n                )}\r\n            >\r\n                <Typography\r\n                    as={'span'}\r\n                    variant={'span'}\r\n                    fontSize={'sm'}\r\n                    className={cn(STEPPER_STYLES.label, size === 'sm' && STEPPER_STYLES.labelSmall)}\r\n                >\r\n                    {label}\r\n                </Typography>\r\n                {description && (\r\n                    <Typography\r\n                        as={'span'}\r\n                        variant={'span'}\r\n                        fontSize={size === 'sm' ? '2xs' : 'xs'}\r\n                        className={cn(\r\n                            STEPPER_STYLES.description,\r\n                            size === 'sm' && STEPPER_STYLES.descriptionSmall,\r\n                        )}\r\n                    >\r\n                        {description}\r\n                    </Typography>\r\n                )}\r\n            </span>\r\n        )\r\n\r\n        return (\r\n            <>\r\n                <span\r\n                    className={cn(\r\n                        STEPPER_STYLES.marker,\r\n                        isCurrent && STEPPER_STYLES.markerCurrent,\r\n                        isCompleted && STEPPER_STYLES.markerCompleted,\r\n                        size === 'sm' && STEPPER_STYLES.markerSmall,\r\n                    )}\r\n                    aria-hidden={'true'}\r\n                >\r\n                    {marker}\r\n                </span>\r\n                {isInteractive ? (\r\n                    <button\r\n                        type={'button'}\r\n                        className={cn(\r\n                            STEPPER_STYLES.interactive,\r\n                            isTitleOnly && STEPPER_STYLES.itemContentCentered,\r\n                        )}\r\n                        disabled={disabled}\r\n                        aria-current={isCurrent ? 'step' : undefined}\r\n                        onClick={() => {\r\n                            if (!disabled) {\r\n                                onStepChange?.(stepNumber)\r\n                            }\r\n                        }}\r\n                    >\r\n                        {content}\r\n                    </button>\r\n                ) : (\r\n                    <span\r\n                        className={isTitleOnly ? STEPPER_STYLES.itemContentCentered : undefined}\r\n                        aria-current={isCurrent ? 'step' : undefined}\r\n                    >\r\n                        {content}\r\n                    </span>\r\n                )}\r\n            </>\r\n        )\r\n    },\r\n)\r\n\r\nStepperItem.displayName = 'Stepper.Item'\r\n\r\nexport default StepperItem\r\n"],"names":["StepperItem","memo","label","description","disabled","size","STEPPER_ITEM_SIZES","children","context","useContext","StepperItemContext","stepNumber","isCurrent","isCompleted","onStepChange","isInteractive","hasCustomContent","isTitleOnly","marker","jsx","Icon","Typography","STEPPER_STYLES","content","jsxs","cn","Fragment"],"mappings":"6fAeMA,EAAcC,EAAAA,KAChB,CAAC,CACG,MAAAC,EACA,YAAAC,EACA,SAAAC,EACA,KAAAC,EAAOC,EAAAA,mBAAmB,GAC1B,SAAAC,CAAA,IACoB,CACpB,MAAMC,EAAUC,EAAAA,WAAWC,oBAAkB,EAE7C,GAAI,CAACF,EACD,MAAM,IAAI,MAAM,+CAA+C,EAGnE,KAAM,CAAE,WAAAG,EAAY,UAAAC,EAAW,YAAAC,EAAa,aAAAC,GAAiBN,EACvDO,EAAgB,EAAQD,EACxBE,EAAmBT,IAAa,OAChCU,EAAc,CAACD,GAAoB,CAACb,EACpCe,EAASL,EACXM,EAAAA,IAACC,EAAA,CACG,KAAM,eACN,KAAM,IAAA,CAAA,EAGVD,EAAAA,IAACE,EAAA,CACG,GAAI,OACJ,QAAS,OACT,QAAS,OACT,MAAO,OACP,MAAO,CAAE,OAAQ,MAAA,EACjB,UAAWC,EAAAA,eAAe,YAEzB,SAAAX,CAAA,CAAA,EAGHY,EAAUP,EACZT,EAEAiB,EAAAA,KAAC,OAAA,CACG,UAAWC,EAAAA,GACPH,EAAAA,eAAe,QACfL,GAAeK,EAAAA,eAAe,gBAC9BjB,IAAS,MAAQiB,iBAAe,YAAA,EAGpC,SAAA,CAAAH,EAAAA,IAACE,EAAA,CACG,GAAI,OACJ,QAAS,OACT,SAAU,KACV,UAAWI,EAAAA,GAAGH,iBAAe,MAAOjB,IAAS,MAAQiB,EAAAA,eAAe,UAAU,EAE7E,SAAApB,CAAA,CAAA,EAEJC,GACGgB,EAAAA,IAACE,EAAA,CACG,GAAI,OACJ,QAAS,OACT,SAAUhB,IAAS,KAAO,MAAQ,KAClC,UAAWoB,EAAAA,GACPH,EAAAA,eAAe,YACfjB,IAAS,MAAQiB,iBAAe,gBAAA,EAGnC,SAAAnB,CAAA,CAAA,CACL,CAAA,CAAA,EAKZ,OACIqB,EAAAA,KAAAE,WAAA,CACI,SAAA,CAAAP,EAAAA,IAAC,OAAA,CACG,UAAWM,EAAAA,GACPH,EAAAA,eAAe,OACfV,GAAaU,EAAAA,eAAe,cAC5BT,GAAeS,EAAAA,eAAe,gBAC9BjB,IAAS,MAAQiB,iBAAe,WAAA,EAEpC,cAAa,OAEZ,SAAAJ,CAAA,CAAA,EAEJH,EACGI,EAAAA,IAAC,SAAA,CACG,KAAM,SACN,UAAWM,EAAAA,GACPH,EAAAA,eAAe,YACfL,GAAeK,EAAAA,eAAe,mBAAA,EAElC,SAAAlB,EACA,eAAcQ,EAAY,OAAS,OACnC,QAAS,IAAM,CACNR,GACDU,IAAeH,CAAU,CAEjC,EAEC,SAAAY,CAAA,CAAA,EAGLJ,EAAAA,IAAC,OAAA,CACG,UAAWF,EAAcK,iBAAe,oBAAsB,OAC9D,eAAcV,EAAY,OAAS,OAElC,SAAAW,CAAA,CAAA,CACL,EAER,CAER,CACJ,EAEAvB,EAAY,YAAc"}
+{"version":3,"file":"StepperItem.cjs","sources":["../../../../../../src/components/navigation/stepper/components/stepper-item/StepperItem.tsx"],"sourcesContent":["import { memo, useContext } from 'react'\r\n\r\nimport { Icon } from '@components/foundation/icon'\r\nimport CheckIcon from '@resources/asset/CheckIcon.svg?react'\r\nimport { Typography } from '@components/foundation/typography'\r\nimport { StepperItemContext } from '@components/navigation/stepper/context/Stepper.context.ts'\r\nimport { STEPPER_ITEM_SIZES } from '@components/navigation/stepper/constants'\r\nimport { STEPPER_STYLES } from '@components/navigation/stepper/styles/Stepper.css.ts'\r\nimport type { StepperItemProps } from '@components/navigation/stepper/components/stepper-item/types/StepperItem.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\n/**\r\n * Individual step slot for `Stepper`. Displays a numbered marker (check icon\r\n * when completed), a label, and an optional description. Renders a `<button>`\r\n * when `onStepChange` is present in context, otherwise a static `<span>`.\r\n */\r\nconst StepperItem = memo(\r\n    ({\r\n        label,\r\n        description,\r\n        disabled,\r\n        size = STEPPER_ITEM_SIZES.md,\r\n        children,\r\n    }: StepperItemProps) => {\r\n        const context = useContext(StepperItemContext)\r\n\r\n        if (!context) {\r\n            throw new Error('Stepper.Item must be rendered inside Stepper.')\r\n        }\r\n\r\n        const { stepNumber, isCurrent, isCompleted, onStepChange } = context\r\n        const isInteractive = Boolean(onStepChange)\r\n        const hasCustomContent = children !== undefined\r\n        const isTitleOnly = !hasCustomContent && !description\r\n        const marker = isCompleted ? (\r\n            <Icon\r\n                icon={CheckIcon}\r\n                size={'sm'}\r\n            />\r\n        ) : (\r\n            <Typography\r\n                as={'span'}\r\n                variant={'span'}\r\n                display={'flex'}\r\n                width={'100%'}\r\n                style={{ height: '100%' }}\r\n                className={STEPPER_STYLES.markerValue}\r\n            >\r\n                {stepNumber}\r\n            </Typography>\r\n        )\r\n        const content = hasCustomContent ? (\r\n            children\r\n        ) : (\r\n            <span\r\n                className={cn(\r\n                    STEPPER_STYLES.content,\r\n                    isTitleOnly && STEPPER_STYLES.contentCentered,\r\n                    size === 'sm' && STEPPER_STYLES.contentSmall,\r\n                )}\r\n            >\r\n                <Typography\r\n                    as={'span'}\r\n                    variant={'span'}\r\n                    fontSize={'sm'}\r\n                    className={cn(STEPPER_STYLES.label, size === 'sm' && STEPPER_STYLES.labelSmall)}\r\n                >\r\n                    {label}\r\n                </Typography>\r\n                {description && (\r\n                    <Typography\r\n                        as={'span'}\r\n                        variant={'span'}\r\n                        fontSize={size === 'sm' ? '2xs' : 'xs'}\r\n                        className={cn(\r\n                            STEPPER_STYLES.description,\r\n                            size === 'sm' && STEPPER_STYLES.descriptionSmall,\r\n                        )}\r\n                    >\r\n                        {description}\r\n                    </Typography>\r\n                )}\r\n            </span>\r\n        )\r\n\r\n        return (\r\n            <>\r\n                <span\r\n                    className={cn(\r\n                        STEPPER_STYLES.marker,\r\n                        isCurrent && STEPPER_STYLES.markerCurrent,\r\n                        isCompleted && STEPPER_STYLES.markerCompleted,\r\n                        size === 'sm' && STEPPER_STYLES.markerSmall,\r\n                    )}\r\n                    aria-hidden={'true'}\r\n                >\r\n                    {marker}\r\n                </span>\r\n                {isInteractive ? (\r\n                    <button\r\n                        type={'button'}\r\n                        className={cn(\r\n                            STEPPER_STYLES.interactive,\r\n                            isTitleOnly && STEPPER_STYLES.itemContentCentered,\r\n                        )}\r\n                        disabled={disabled}\r\n                        aria-current={isCurrent ? 'step' : undefined}\r\n                        onClick={() => {\r\n                            if (!disabled) {\r\n                                onStepChange?.(stepNumber)\r\n                            }\r\n                        }}\r\n                    >\r\n                        {content}\r\n                    </button>\r\n                ) : (\r\n                    <span\r\n                        className={isTitleOnly ? STEPPER_STYLES.itemContentCentered : undefined}\r\n                        aria-current={isCurrent ? 'step' : undefined}\r\n                    >\r\n                        {content}\r\n                    </span>\r\n                )}\r\n            </>\r\n        )\r\n    },\r\n)\r\n\r\nStepperItem.displayName = 'Stepper.Item'\r\n\r\nexport default StepperItem\r\n"],"names":["StepperItem","memo","label","description","disabled","size","STEPPER_ITEM_SIZES","children","context","useContext","StepperItemContext","stepNumber","isCurrent","isCompleted","onStepChange","isInteractive","hasCustomContent","isTitleOnly","marker","jsx","Icon","CheckIcon","Typography","STEPPER_STYLES","content","jsxs","cn","Fragment"],"mappings":"2jBAgBMA,EAAcC,EAAAA,KAChB,CAAC,CACG,MAAAC,EACA,YAAAC,EACA,SAAAC,EACA,KAAAC,EAAOC,EAAAA,mBAAmB,GAC1B,SAAAC,CAAA,IACoB,CACpB,MAAMC,EAAUC,EAAAA,WAAWC,oBAAkB,EAE7C,GAAI,CAACF,EACD,MAAM,IAAI,MAAM,+CAA+C,EAGnE,KAAM,CAAE,WAAAG,EAAY,UAAAC,EAAW,YAAAC,EAAa,aAAAC,GAAiBN,EACvDO,EAAgB,EAAQD,EACxBE,EAAmBT,IAAa,OAChCU,EAAc,CAACD,GAAoB,CAACb,EACpCe,EAASL,EACXM,EAAAA,IAACC,EAAA,CACG,KAAMC,EACN,KAAM,IAAA,CAAA,EAGVF,EAAAA,IAACG,EAAA,CACG,GAAI,OACJ,QAAS,OACT,QAAS,OACT,MAAO,OACP,MAAO,CAAE,OAAQ,MAAA,EACjB,UAAWC,EAAAA,eAAe,YAEzB,SAAAZ,CAAA,CAAA,EAGHa,EAAUR,EACZT,EAEAkB,EAAAA,KAAC,OAAA,CACG,UAAWC,EAAAA,GACPH,EAAAA,eAAe,QACfN,GAAeM,EAAAA,eAAe,gBAC9BlB,IAAS,MAAQkB,iBAAe,YAAA,EAGpC,SAAA,CAAAJ,EAAAA,IAACG,EAAA,CACG,GAAI,OACJ,QAAS,OACT,SAAU,KACV,UAAWI,EAAAA,GAAGH,iBAAe,MAAOlB,IAAS,MAAQkB,EAAAA,eAAe,UAAU,EAE7E,SAAArB,CAAA,CAAA,EAEJC,GACGgB,EAAAA,IAACG,EAAA,CACG,GAAI,OACJ,QAAS,OACT,SAAUjB,IAAS,KAAO,MAAQ,KAClC,UAAWqB,EAAAA,GACPH,EAAAA,eAAe,YACflB,IAAS,MAAQkB,iBAAe,gBAAA,EAGnC,SAAApB,CAAA,CAAA,CACL,CAAA,CAAA,EAKZ,OACIsB,EAAAA,KAAAE,WAAA,CACI,SAAA,CAAAR,EAAAA,IAAC,OAAA,CACG,UAAWO,EAAAA,GACPH,EAAAA,eAAe,OACfX,GAAaW,EAAAA,eAAe,cAC5BV,GAAeU,EAAAA,eAAe,gBAC9BlB,IAAS,MAAQkB,iBAAe,WAAA,EAEpC,cAAa,OAEZ,SAAAL,CAAA,CAAA,EAEJH,EACGI,EAAAA,IAAC,SAAA,CACG,KAAM,SACN,UAAWO,EAAAA,GACPH,EAAAA,eAAe,YACfN,GAAeM,EAAAA,eAAe,mBAAA,EAElC,SAAAnB,EACA,eAAcQ,EAAY,OAAS,OACnC,QAAS,IAAM,CACNR,GACDU,IAAeH,CAAU,CAEjC,EAEC,SAAAa,CAAA,CAAA,EAGLL,EAAAA,IAAC,OAAA,CACG,UAAWF,EAAcM,iBAAe,oBAAsB,OAC9D,eAAcX,EAAY,OAAS,OAElC,SAAAY,CAAA,CAAA,CACL,EAER,CAER,CACJ,EAEAxB,EAAY,YAAc"}