@choco-vanille/ui 1.2.0 → 1.3.1-dev.1

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

@@ -1,58 +1,59 @@
-import { jsxs as h, jsx as r } from "react/jsx-runtime";
-import { memo as L, useCallback as k } from "react";
-import { LINK_STYLES as x } from "./styles/Link.css.js";
-import t from "../../foundation/icon/Icon.js";
+import { jsxs as k, jsx as r } from "react/jsx-runtime";
+import { memo as x, useCallback as y } from "react";
+import { LINK_STYLES as t } from "./styles/Link.css.js";
+import e from "../../foundation/icon/Icon.js";
 import "../../foundation/icon/styles/Icon.css.js";
-import y from "../../foundation/typography/Typography.js";
+import N from "../../foundation/typography/Typography.js";
 import "../../foundation/typography/styles/Typography.css.js";
-import { cn as N } from "../../../utils/cn.js";
-const j = L(({
-  href: e = "#",
-  className: n,
+import { cn as j } from "../../../utils/cn.js";
+const T = x(({
+  href: n = "#",
+  className: f,
   onClick: m,
-  ref: f,
-  label: i,
-  startIcon: o,
+  ref: c,
+  label: o,
+  color: l,
+  startIcon: i,
   endIcon: a,
-  fontSize: c = "md",
-  fontWeight: d = "medium",
+  fontSize: d = "md",
+  fontWeight: u = "medium",
   iconSize: p = "md",
-  ...l
+  ...h
 }) => {
-  const u = k(
+  const L = y(
     (s) => {
       m && (s.preventDefault(), m(s));
     },
     [m]
   );
-  return /* @__PURE__ */ h(
+  return /* @__PURE__ */ k(
     "a",
     {
-      ref: f,
-      href: e,
-      className: N(x.base, n),
-      onClick: u,
-      ...l,
+      ref: c,
+      href: n,
+      className: j(t.base, t.color({ color: l }), f),
+      onClick: L,
+      ...h,
       children: [
-        o && /* @__PURE__ */ r(
-          t,
+        i && /* @__PURE__ */ r(
+          e,
           {
-            icon: o,
+            icon: i,
             size: p
           }
         ),
-        i && /* @__PURE__ */ r(
-          y,
+        o && /* @__PURE__ */ r(
+          N,
           {
             as: "span",
             variant: "span",
-            fontSize: c,
-            fontWeight: d,
-            children: i
+            fontSize: d,
+            fontWeight: u,
+            children: o
           }
         ),
         a && /* @__PURE__ */ r(
-          t,
+          e,
           {
             icon: a,
             size: p
@@ -62,8 +63,8 @@ const j = L(({
     }
   );
 });
-j.displayName = "Link";
+T.displayName = "Link";
 export {
-  j as default
+  T as default
 };
 //# sourceMappingURL=Link.js.map

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

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

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

@@ -1,3 +1,4 @@
 export { default as Link } from './Link.tsx';
 export { LINK_STYLES } from './styles/Link.css.ts';
 export type { LinkProps } from './types/Link.props.ts';
+export type { LinkColor } from './types/Link.types.ts';

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

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

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

@@ -1,3 +1,7 @@
+import { RuntimeFn } from '@vanilla-extract/recipes';
 export declare const LINK_STYLES: {
     base: string;
+    color: RuntimeFn<{
+        color: Record<"background" | "foreground" | "text" | "textSecondary" | "textTertiary" | "card" | "cardForeground" | "popover" | "popoverForeground" | "muted" | "mutedForeground" | "overlay" | "primary" | "primaryHover" | "primaryActive" | "primaryForeground" | "primarySubtle" | "primarySubtleHover" | "primarySubtleActive" | "primarySubtleForeground" | "primarySubtleBorder" | "link" | "linkHover" | "linkActive" | "secondary" | "secondaryHover" | "secondaryActive" | "secondaryForeground" | "secondarySubtle" | "secondarySubtleHover" | "secondarySubtleActive" | "secondarySubtleForeground" | "secondarySubtleBorder" | "tertiary" | "tertiaryHover" | "tertiaryActive" | "tertiaryForeground" | "tertiarySubtle" | "tertiarySubtleHover" | "tertiarySubtleActive" | "tertiarySubtleForeground" | "tertiarySubtleBorder" | "success" | "successHover" | "successActive" | "successForeground" | "successSubtle" | "successSubtleHover" | "successSubtleActive" | "successSubtleForeground" | "successSubtleBorder" | "warning" | "warningHover" | "warningActive" | "warningForeground" | "warningSubtle" | "warningSubtleHover" | "warningSubtleActive" | "warningSubtleForeground" | "warningSubtleBorder" | "info" | "infoHover" | "infoActive" | "infoForeground" | "infoSubtle" | "infoSubtleHover" | "infoSubtleActive" | "infoSubtleForeground" | "infoSubtleBorder" | "destructive" | "destructiveHover" | "destructiveActive" | "destructiveForeground" | "destructiveSubtle" | "destructiveSubtleHover" | "destructiveSubtleActive" | "destructiveSubtleForeground" | "destructiveSubtleBorder" | "purple" | "purpleHover" | "purpleActive" | "purpleForeground" | "purpleSubtle" | "purpleSubtleHover" | "purpleSubtleActive" | "purpleSubtleForeground" | "purpleSubtleBorder" | "pink" | "pinkHover" | "pinkActive" | "pinkForeground" | "pinkSubtle" | "pinkSubtleHover" | "pinkSubtleActive" | "pinkSubtleForeground" | "pinkSubtleBorder" | "orange" | "orangeHover" | "orangeActive" | "orangeForeground" | "orangeSubtle" | "orangeSubtleHover" | "orangeSubtleActive" | "orangeSubtleForeground" | "orangeSubtleBorder" | "teal" | "tealHover" | "tealActive" | "tealForeground" | "tealSubtle" | "tealSubtleHover" | "tealSubtleActive" | "tealSubtleForeground" | "tealSubtleBorder" | "cyan" | "cyanHover" | "cyanActive" | "cyanForeground" | "cyanSubtle" | "cyanSubtleHover" | "cyanSubtleActive" | "cyanSubtleForeground" | "cyanSubtleBorder" | "indigo" | "indigoHover" | "indigoActive" | "indigoForeground" | "indigoSubtle" | "indigoSubtleHover" | "indigoSubtleActive" | "indigoSubtleForeground" | "indigoSubtleBorder" | "border" | "borderStrong" | "input" | "ring" | "highlight" | "highlightForeground" | "skeleton" | "skeletonForeground" | "transparent", Record<string, string>>;
+    }>;
 };

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Link.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}
+{"version":3,"file":"Link.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

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

@@ -1,5 +1,6 @@
 import { IconSize } from '../../../foundation/icon';
 import { TypographySize, TypographyWeight } from '../../../foundation/typography';
+import { LinkColor } from './Link.types.ts';
 import { RefAttributes } from 'react';
 import type * as React from 'react';
 export type LinkProps = Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'children'> & RefAttributes<HTMLAnchorElement> & {
@@ -7,6 +8,8 @@ export type LinkProps = Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'chi
     href?: string;
     /** The visible text label rendered inside the link. */
     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. */

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

@@ -0,0 +1,3 @@
+import { ThemeColorValue } from '../../../../theme';
+/** Theme colors supported by the Link component. */
+export type LinkColor = ThemeColorValue;

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

@@ -0,0 +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;
+//# sourceMappingURL=Pagination.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.cjs","sources":["../../../../src/components/navigation/pagination/Pagination.tsx"],"sourcesContent":["import type { FC } from 'react'\r\n\r\nimport { Button } from '@components/actions/button'\r\nimport { IconButton } from '@components/actions/icon-button'\r\nimport { Flex } from '@components/layout/flex'\r\nimport { usePagination } from '@components/navigation/pagination/hooks/usePagination.hook.ts'\r\nimport { PAGINATION_STYLES } from '@components/navigation/pagination/styles/Pagination.css.ts'\r\nimport type { PaginationProps } from '@components/navigation/pagination/types/Pagination.props.ts'\r\n\r\nconst Pagination: FC<PaginationProps> = ({\r\n    'aria-label': ariaLabel,\r\n    currentPage,\r\n    totalPages,\r\n    onPageChange,\r\n    siblingCount = 1,\r\n    boundaryCount = 1,\r\n    previousLabel,\r\n    nextLabel,\r\n    className,\r\n    ref,\r\n    ...props\r\n}) => {\r\n    const {\r\n        pageItems,\r\n        isFirstPage,\r\n        isLastPage,\r\n        goToPreviousPage,\r\n        goToNextPage,\r\n    } = usePagination({\r\n        currentPage,\r\n        totalPages,\r\n        siblingCount,\r\n        boundaryCount,\r\n        onPageChange,\r\n    })\r\n\r\n    return (\r\n        <Flex\r\n            as={'nav'}\r\n            justifyContent={'center'}\r\n            ref={ref}\r\n            aria-label={ariaLabel}\r\n            className={className}\r\n            {...props}\r\n        >\r\n            <Flex\r\n                as={'ul'}\r\n                alignItems={'center'}\r\n                gap={'xs'}\r\n                className={PAGINATION_STYLES.list}\r\n            >\r\n                <li>\r\n                    <IconButton\r\n                        variant={'ghost'}\r\n                        color={'tertiary'}\r\n                        size={'sm'}\r\n                        icon={'lucide:chevron-left'}\r\n                        disabled={isFirstPage}\r\n                        aria-label={previousLabel}\r\n                        onClick={goToPreviousPage}\r\n                    />\r\n                </li>\r\n                {pageItems.map((item, index) =>\r\n                    item === 'ellipsis' ? (\r\n                        <li\r\n                            key={`ellipsis-${index}`}\r\n                            aria-hidden={'true'}\r\n                        >\r\n                            <Flex\r\n                                as={'span'}\r\n                                alignItems={'center'}\r\n                                justifyContent={'center'}\r\n                                className={PAGINATION_STYLES.ellipsis}\r\n                            >\r\n                                ...\r\n                            </Flex>\r\n                        </li>\r\n                    ) : (\r\n                        <li key={item}>\r\n                            <Button\r\n                                variant={'ghost'}\r\n                                color={'primary'}\r\n                                size={'sm'}\r\n                                label={`${item}`}\r\n                                active={item === currentPage}\r\n                                aria-current={\r\n                                    item === currentPage ? 'page' : undefined\r\n                                }\r\n                                aria-label={`${item}`}\r\n                                onClick={() => onPageChange(item)}\r\n                            />\r\n                        </li>\r\n                    ),\r\n                )}\r\n                <li>\r\n                    <IconButton\r\n                        variant={'ghost'}\r\n                        color={'tertiary'}\r\n                        size={'sm'}\r\n                        icon={'lucide:chevron-right'}\r\n                        disabled={isLastPage}\r\n                        aria-label={nextLabel}\r\n                        onClick={goToNextPage}\r\n                    />\r\n                </li>\r\n            </Flex>\r\n        </Flex>\r\n    )\r\n}\r\n\r\nPagination.displayName = 'Pagination'\r\n\r\nexport default Pagination\r\n"],"names":["Pagination","ariaLabel","currentPage","totalPages","onPageChange","siblingCount","boundaryCount","previousLabel","nextLabel","className","ref","props","pageItems","isFirstPage","isLastPage","goToPreviousPage","goToNextPage","usePagination","jsx","Flex","jsxs","PAGINATION_STYLES","IconButton","item","index","Button"],"mappings":"0cASMA,EAAkC,CAAC,CACrC,aAAcC,EACd,YAAAC,EACA,WAAAC,EACA,aAAAC,EACA,aAAAC,EAAe,EACf,cAAAC,EAAgB,EAChB,cAAAC,EACA,UAAAC,EACA,UAAAC,EACA,IAAAC,EACA,GAAGC,CACP,IAAM,CACF,KAAM,CACF,UAAAC,EACA,YAAAC,EACA,WAAAC,EACA,iBAAAC,EACA,aAAAC,CAAA,EACAC,gBAAc,CACd,YAAAf,EACA,WAAAC,EACA,aAAAE,EACA,cAAAC,EACA,aAAAF,CAAA,CACH,EAED,OACIc,EAAAA,IAACC,EAAA,CACG,GAAI,MACJ,eAAgB,SAChB,IAAAT,EACA,aAAYT,EACZ,UAAAQ,EACC,GAAGE,EAEJ,SAAAS,EAAAA,KAACD,EAAA,CACG,GAAI,KACJ,WAAY,SACZ,IAAK,KACL,UAAWE,EAAAA,kBAAkB,KAE7B,SAAA,CAAAH,MAAC,KAAA,CACG,SAAAA,EAAAA,IAACI,EAAA,CACG,QAAS,QACT,MAAO,WACP,KAAM,KACN,KAAM,sBACN,SAAUT,EACV,aAAYN,EACZ,QAASQ,CAAA,CAAA,EAEjB,EACCH,EAAU,IAAI,CAACW,EAAMC,IAClBD,IAAS,WACLL,EAAAA,IAAC,KAAA,CAEG,cAAa,OAEb,SAAAA,EAAAA,IAACC,EAAA,CACG,GAAI,OACJ,WAAY,SACZ,eAAgB,SAChB,UAAWE,EAAAA,kBAAkB,SAChC,SAAA,KAAA,CAAA,CAED,EAVK,YAAYG,CAAK,EAAA,QAazB,KAAA,CACG,SAAAN,EAAAA,IAACO,EAAA,CACG,QAAS,QACT,MAAO,UACP,KAAM,KACN,MAAO,GAAGF,CAAI,GACd,OAAQA,IAASrB,EACjB,eACIqB,IAASrB,EAAc,OAAS,OAEpC,aAAY,GAAGqB,CAAI,GACnB,QAAS,IAAMnB,EAAamB,CAAI,CAAA,CAAA,GAX/BA,CAaT,CAAA,QAGP,KAAA,CACG,SAAAL,EAAAA,IAACI,EAAA,CACG,QAAS,QACT,MAAO,WACP,KAAM,KACN,KAAM,uBACN,SAAUR,EACV,aAAYN,EACZ,QAASQ,CAAA,CAAA,CACb,CACJ,CAAA,CAAA,CAAA,CACJ,CAAA,CAGZ,EAEAhB,EAAW,YAAc"}

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

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { PaginationProps } from './types/Pagination.props.ts';
+declare const Pagination: FC<PaginationProps>;
+export default Pagination;

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

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

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

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

package/dist/components/navigation/pagination/hooks/usePagination.hook.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),M=require("../utils/pagination.utils.cjs"),l=({currentPage:i,totalPages:s,siblingCount:e,boundaryCount:a,onPageChange:o})=>{if(s<1||i<1||i>s||!Number.isInteger(i)||!Number.isInteger(s))throw new RangeError("Pagination requires an integer currentPage within totalPages.");const m=t.useMemo(()=>M.getPaginationPageItems(s,i,Math.max(0,Math.floor(e)),Math.max(0,Math.floor(a))),[a,i,e,s]),n=t.useCallback(()=>o(i-1),[i,o]),r=t.useCallback(()=>o(i+1),[i,o]);return{pageItems:m,isFirstPage:i===1,isLastPage:i===s,goToPreviousPage:n,goToNextPage:r}};exports.usePagination=l;
+//# sourceMappingURL=usePagination.hook.cjs.map

package/dist/components/navigation/pagination/hooks/usePagination.hook.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePagination.hook.cjs","sources":["../../../../../src/components/navigation/pagination/hooks/usePagination.hook.ts"],"sourcesContent":["import { useCallback, useMemo } from 'react'\r\n\r\nimport {\r\n    getPaginationPageItems,\r\n    type PaginationPageItem,\r\n} from '@components/navigation/pagination/utils/pagination.utils.ts'\r\n\r\ntype UsePaginationOptions = {\r\n    currentPage: number\r\n    totalPages: number\r\n    siblingCount: number\r\n    boundaryCount: number\r\n    onPageChange: (page: number) => void\r\n}\r\n\r\ntype UsePaginationReturn = {\r\n    pageItems: PaginationPageItem[]\r\n    isFirstPage: boolean\r\n    isLastPage: boolean\r\n    goToPreviousPage: () => void\r\n    goToNextPage: () => void\r\n}\r\n\r\nexport const usePagination = ({\r\n    currentPage,\r\n    totalPages,\r\n    siblingCount,\r\n    boundaryCount,\r\n    onPageChange,\r\n}: UsePaginationOptions): UsePaginationReturn => {\r\n    if (\r\n        totalPages < 1 ||\r\n        currentPage < 1 ||\r\n        currentPage > totalPages ||\r\n        !Number.isInteger(currentPage) ||\r\n        !Number.isInteger(totalPages)\r\n    ) {\r\n        throw new RangeError(\r\n            'Pagination requires an integer currentPage within totalPages.',\r\n        )\r\n    }\r\n\r\n    const pageItems = useMemo(\r\n        () =>\r\n            getPaginationPageItems(\r\n                totalPages,\r\n                currentPage,\r\n                Math.max(0, Math.floor(siblingCount)),\r\n                Math.max(0, Math.floor(boundaryCount)),\r\n            ),\r\n        [boundaryCount, currentPage, siblingCount, totalPages],\r\n    )\r\n    const goToPreviousPage = useCallback(\r\n        () => onPageChange(currentPage - 1),\r\n        [currentPage, onPageChange],\r\n    )\r\n    const goToNextPage = useCallback(\r\n        () => onPageChange(currentPage + 1),\r\n        [currentPage, onPageChange],\r\n    )\r\n\r\n    return {\r\n        pageItems,\r\n        isFirstPage: currentPage === 1,\r\n        isLastPage: currentPage === totalPages,\r\n        goToPreviousPage,\r\n        goToNextPage,\r\n    }\r\n}\r\n"],"names":["usePagination","currentPage","totalPages","siblingCount","boundaryCount","onPageChange","pageItems","useMemo","getPaginationPageItems","goToPreviousPage","useCallback","goToNextPage"],"mappings":"oJAuBaA,EAAgB,CAAC,CAC1B,YAAAC,EACA,WAAAC,EACA,aAAAC,EACA,cAAAC,EACA,aAAAC,CACJ,IAAiD,CAC7C,GACIH,EAAa,GACbD,EAAc,GACdA,EAAcC,GACd,CAAC,OAAO,UAAUD,CAAW,GAC7B,CAAC,OAAO,UAAUC,CAAU,EAE5B,MAAM,IAAI,WACN,+DAAA,EAIR,MAAMI,EAAYC,EAAAA,QACd,IACIC,EAAAA,uBACIN,EACAD,EACA,KAAK,IAAI,EAAG,KAAK,MAAME,CAAY,CAAC,EACpC,KAAK,IAAI,EAAG,KAAK,MAAMC,CAAa,CAAC,CAAA,EAE7C,CAACA,EAAeH,EAAaE,EAAcD,CAAU,CAAA,EAEnDO,EAAmBC,EAAAA,YACrB,IAAML,EAAaJ,EAAc,CAAC,EAClC,CAACA,EAAaI,CAAY,CAAA,EAExBM,EAAeD,EAAAA,YACjB,IAAML,EAAaJ,EAAc,CAAC,EAClC,CAACA,EAAaI,CAAY,CAAA,EAG9B,MAAO,CACH,UAAAC,EACA,YAAaL,IAAgB,EAC7B,WAAYA,IAAgBC,EAC5B,iBAAAO,EACA,aAAAE,CAAA,CAER"}

package/dist/components/navigation/pagination/hooks/usePagination.hook.d.ts

@@ -0,0 +1,17 @@
+import { PaginationPageItem } from '../utils/pagination.utils.ts';
+type UsePaginationOptions = {
+    currentPage: number;
+    totalPages: number;
+    siblingCount: number;
+    boundaryCount: number;
+    onPageChange: (page: number) => void;
+};
+type UsePaginationReturn = {
+    pageItems: PaginationPageItem[];
+    isFirstPage: boolean;
+    isLastPage: boolean;
+    goToPreviousPage: () => void;
+    goToNextPage: () => void;
+};
+export declare const usePagination: ({ currentPage, totalPages, siblingCount, boundaryCount, onPageChange, }: UsePaginationOptions) => UsePaginationReturn;
+export {};

package/dist/components/navigation/pagination/hooks/usePagination.hook.js

@@ -0,0 +1,40 @@
+import { useMemo as I, useCallback as f } from "react";
+import { getPaginationPageItems as h } from "../utils/pagination.utils.js";
+const N = ({
+  currentPage: i,
+  totalPages: o,
+  siblingCount: m,
+  boundaryCount: t,
+  onPageChange: s
+}) => {
+  if (o < 1 || i < 1 || i > o || !Number.isInteger(i) || !Number.isInteger(o))
+    throw new RangeError(
+      "Pagination requires an integer currentPage within totalPages."
+    );
+  const M = I(
+    () => h(
+      o,
+      i,
+      Math.max(0, Math.floor(m)),
+      Math.max(0, Math.floor(t))
+    ),
+    [t, i, m, o]
+  ), p = f(
+    () => s(i - 1),
+    [i, s]
+  ), x = f(
+    () => s(i + 1),
+    [i, s]
+  );
+  return {
+    pageItems: M,
+    isFirstPage: i === 1,
+    isLastPage: i === o,
+    goToPreviousPage: p,
+    goToNextPage: x
+  };
+};
+export {
+  N as usePagination
+};
+//# sourceMappingURL=usePagination.hook.js.map

package/dist/components/navigation/pagination/hooks/usePagination.hook.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePagination.hook.js","sources":["../../../../../src/components/navigation/pagination/hooks/usePagination.hook.ts"],"sourcesContent":["import { useCallback, useMemo } from 'react'\r\n\r\nimport {\r\n    getPaginationPageItems,\r\n    type PaginationPageItem,\r\n} from '@components/navigation/pagination/utils/pagination.utils.ts'\r\n\r\ntype UsePaginationOptions = {\r\n    currentPage: number\r\n    totalPages: number\r\n    siblingCount: number\r\n    boundaryCount: number\r\n    onPageChange: (page: number) => void\r\n}\r\n\r\ntype UsePaginationReturn = {\r\n    pageItems: PaginationPageItem[]\r\n    isFirstPage: boolean\r\n    isLastPage: boolean\r\n    goToPreviousPage: () => void\r\n    goToNextPage: () => void\r\n}\r\n\r\nexport const usePagination = ({\r\n    currentPage,\r\n    totalPages,\r\n    siblingCount,\r\n    boundaryCount,\r\n    onPageChange,\r\n}: UsePaginationOptions): UsePaginationReturn => {\r\n    if (\r\n        totalPages < 1 ||\r\n        currentPage < 1 ||\r\n        currentPage > totalPages ||\r\n        !Number.isInteger(currentPage) ||\r\n        !Number.isInteger(totalPages)\r\n    ) {\r\n        throw new RangeError(\r\n            'Pagination requires an integer currentPage within totalPages.',\r\n        )\r\n    }\r\n\r\n    const pageItems = useMemo(\r\n        () =>\r\n            getPaginationPageItems(\r\n                totalPages,\r\n                currentPage,\r\n                Math.max(0, Math.floor(siblingCount)),\r\n                Math.max(0, Math.floor(boundaryCount)),\r\n            ),\r\n        [boundaryCount, currentPage, siblingCount, totalPages],\r\n    )\r\n    const goToPreviousPage = useCallback(\r\n        () => onPageChange(currentPage - 1),\r\n        [currentPage, onPageChange],\r\n    )\r\n    const goToNextPage = useCallback(\r\n        () => onPageChange(currentPage + 1),\r\n        [currentPage, onPageChange],\r\n    )\r\n\r\n    return {\r\n        pageItems,\r\n        isFirstPage: currentPage === 1,\r\n        isLastPage: currentPage === totalPages,\r\n        goToPreviousPage,\r\n        goToNextPage,\r\n    }\r\n}\r\n"],"names":["usePagination","currentPage","totalPages","siblingCount","boundaryCount","onPageChange","pageItems","useMemo","getPaginationPageItems","goToPreviousPage","useCallback","goToNextPage"],"mappings":";;AAuBO,MAAMA,IAAgB,CAAC;AAAA,EAC1B,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,cAAAC;AAAA,EACA,eAAAC;AAAA,EACA,cAAAC;AACJ,MAAiD;AAC7C,MACIH,IAAa,KACbD,IAAc,KACdA,IAAcC,KACd,CAAC,OAAO,UAAUD,CAAW,KAC7B,CAAC,OAAO,UAAUC,CAAU;AAE5B,UAAM,IAAI;AAAA,MACN;AAAA,IAAA;AAIR,QAAMI,IAAYC;AAAA,IACd,MACIC;AAAA,MACIN;AAAA,MACAD;AAAA,MACA,KAAK,IAAI,GAAG,KAAK,MAAME,CAAY,CAAC;AAAA,MACpC,KAAK,IAAI,GAAG,KAAK,MAAMC,CAAa,CAAC;AAAA,IAAA;AAAA,IAE7C,CAACA,GAAeH,GAAaE,GAAcD,CAAU;AAAA,EAAA,GAEnDO,IAAmBC;AAAA,IACrB,MAAML,EAAaJ,IAAc,CAAC;AAAA,IAClC,CAACA,GAAaI,CAAY;AAAA,EAAA,GAExBM,IAAeD;AAAA,IACjB,MAAML,EAAaJ,IAAc,CAAC;AAAA,IAClC,CAACA,GAAaI,CAAY;AAAA,EAAA;AAG9B,SAAO;AAAA,IACH,WAAAC;AAAA,IACA,aAAaL,MAAgB;AAAA,IAC7B,YAAYA,MAAgBC;AAAA,IAC5B,kBAAAO;AAAA,IACA,cAAAE;AAAA,EAAA;AAER;"}

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

@@ -0,0 +1,3 @@
+export { default as Pagination } from './Pagination.tsx';
+export { PAGINATION_STYLES } from './styles/Pagination.css.ts';
+export type { PaginationProps } from './types/Pagination.props.ts';

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -0,0 +1,4 @@
+export declare const PAGINATION_STYLES: {
+    list: string;
+    ellipsis: string;
+};

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

@@ -0,0 +1,7 @@
+import '../../../../ui-kit56.css';import '../../../../ui-kit.css';/* empty css                                            */
+/* empty css                              */
+var r = { list: "iwc0wj0", ellipsis: "iwc0wj1" };
+export {
+  r as PAGINATION_STYLES
+};
+//# sourceMappingURL=Pagination.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

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

@@ -0,0 +1,21 @@
+import type * as React from 'react';
+export type PaginationProps = Omit<React.HTMLAttributes<HTMLElement>, 'children' | 'aria-label'> & {
+    /** Accessible name for the pagination navigation landmark. */
+    'aria-label': string;
+    /** The currently selected page, starting at 1. */
+    currentPage: number;
+    /** The total number of available pages. */
+    totalPages: number;
+    /** Called when the user selects a different page. */
+    onPageChange: (page: number) => void;
+    /** Number of pages shown on each side of the current page. Defaults to 1. */
+    siblingCount?: number;
+    /** Number of pages always shown at each boundary. Defaults to 1. */
+    boundaryCount?: number;
+    /** Accessible label for the previous-page icon button. */
+    previousLabel: string;
+    /** Accessible label for the next-page icon button. */
+    nextLabel: string;
+    /** Ref forwarded to the navigation landmark. */
+    ref?: React.Ref<HTMLElement>;
+};

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=(i,a,n,g)=>{const t=new Set;for(let e=1;e<=g;e+=1)t.add(e),t.add(i-e+1);for(let e=a-n;e<=a+n;e+=1)t.add(e);const r=[...t].filter(e=>e>=1&&e<=i).sort((e,o)=>e-o),s=[];return r.forEach((e,o)=>{const d=r[o-1];d!==void 0&&e-d>1&&s.push("ellipsis"),s.push(e)}),s};exports.getPaginationPageItems=c;
+//# sourceMappingURL=pagination.utils.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.utils.cjs","sources":["../../../../../src/components/navigation/pagination/utils/pagination.utils.ts"],"sourcesContent":["export type PaginationPageItem = number | 'ellipsis'\r\n\r\nexport const getPaginationPageItems = (\r\n    totalPages: number,\r\n    currentPage: number,\r\n    siblingCount: number,\r\n    boundaryCount: number,\r\n): PaginationPageItem[] => {\r\n    const visiblePages = new Set<number>()\r\n\r\n    for (let page = 1; page <= boundaryCount; page += 1) {\r\n        visiblePages.add(page)\r\n        visiblePages.add(totalPages - page + 1)\r\n    }\r\n\r\n    for (\r\n        let page = currentPage - siblingCount;\r\n        page <= currentPage + siblingCount;\r\n        page += 1\r\n    ) {\r\n        visiblePages.add(page)\r\n    }\r\n\r\n    const pages = [...visiblePages]\r\n        .filter((page) => page >= 1 && page <= totalPages)\r\n        .sort((a, b) => a - b)\r\n    const items: PaginationPageItem[] = []\r\n\r\n    pages.forEach((page, index) => {\r\n        const previousPage = pages[index - 1]\r\n\r\n        if (previousPage !== undefined && page - previousPage > 1) {\r\n            items.push('ellipsis')\r\n        }\r\n        items.push(page)\r\n    })\r\n\r\n    return items\r\n}\r\n"],"names":["getPaginationPageItems","totalPages","currentPage","siblingCount","boundaryCount","visiblePages","page","pages","a","b","items","index","previousPage"],"mappings":"gFAEO,MAAMA,EAAyB,CAClCC,EACAC,EACAC,EACAC,IACuB,CACvB,MAAMC,MAAmB,IAEzB,QAASC,EAAO,EAAGA,GAAQF,EAAeE,GAAQ,EAC9CD,EAAa,IAAIC,CAAI,EACrBD,EAAa,IAAIJ,EAAaK,EAAO,CAAC,EAG1C,QACQA,EAAOJ,EAAcC,EACzBG,GAAQJ,EAAcC,EACtBG,GAAQ,EAERD,EAAa,IAAIC,CAAI,EAGzB,MAAMC,EAAQ,CAAC,GAAGF,CAAY,EACzB,OAAQC,GAASA,GAAQ,GAAKA,GAAQL,CAAU,EAChD,KAAK,CAACO,EAAGC,IAAMD,EAAIC,CAAC,EACnBC,EAA8B,CAAA,EAEpC,OAAAH,EAAM,QAAQ,CAACD,EAAMK,IAAU,CAC3B,MAAMC,EAAeL,EAAMI,EAAQ,CAAC,EAEhCC,IAAiB,QAAaN,EAAOM,EAAe,GACpDF,EAAM,KAAK,UAAU,EAEzBA,EAAM,KAAKJ,CAAI,CACnB,CAAC,EAEMI,CACX"}

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

@@ -0,0 +1,2 @@
+export type PaginationPageItem = number | 'ellipsis';
+export declare const getPaginationPageItems: (totalPages: number, currentPage: number, siblingCount: number, boundaryCount: number) => PaginationPageItem[];

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

@@ -0,0 +1,16 @@
+const c = (i, a, d, p) => {
+  const s = /* @__PURE__ */ new Set();
+  for (let e = 1; e <= p; e += 1)
+    s.add(e), s.add(i - e + 1);
+  for (let e = a - d; e <= a + d; e += 1)
+    s.add(e);
+  const r = [...s].filter((e) => e >= 1 && e <= i).sort((e, o) => e - o), t = [];
+  return r.forEach((e, o) => {
+    const n = r[o - 1];
+    n !== void 0 && e - n > 1 && t.push("ellipsis"), t.push(e);
+  }), t;
+};
+export {
+  c as getPaginationPageItems
+};
+//# sourceMappingURL=pagination.utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.utils.js","sources":["../../../../../src/components/navigation/pagination/utils/pagination.utils.ts"],"sourcesContent":["export type PaginationPageItem = number | 'ellipsis'\r\n\r\nexport const getPaginationPageItems = (\r\n    totalPages: number,\r\n    currentPage: number,\r\n    siblingCount: number,\r\n    boundaryCount: number,\r\n): PaginationPageItem[] => {\r\n    const visiblePages = new Set<number>()\r\n\r\n    for (let page = 1; page <= boundaryCount; page += 1) {\r\n        visiblePages.add(page)\r\n        visiblePages.add(totalPages - page + 1)\r\n    }\r\n\r\n    for (\r\n        let page = currentPage - siblingCount;\r\n        page <= currentPage + siblingCount;\r\n        page += 1\r\n    ) {\r\n        visiblePages.add(page)\r\n    }\r\n\r\n    const pages = [...visiblePages]\r\n        .filter((page) => page >= 1 && page <= totalPages)\r\n        .sort((a, b) => a - b)\r\n    const items: PaginationPageItem[] = []\r\n\r\n    pages.forEach((page, index) => {\r\n        const previousPage = pages[index - 1]\r\n\r\n        if (previousPage !== undefined && page - previousPage > 1) {\r\n            items.push('ellipsis')\r\n        }\r\n        items.push(page)\r\n    })\r\n\r\n    return items\r\n}\r\n"],"names":["getPaginationPageItems","totalPages","currentPage","siblingCount","boundaryCount","visiblePages","page","pages","a","b","items","index","previousPage"],"mappings":"AAEO,MAAMA,IAAyB,CAClCC,GACAC,GACAC,GACAC,MACuB;AACvB,QAAMC,wBAAmB,IAAA;AAEzB,WAASC,IAAO,GAAGA,KAAQF,GAAeE,KAAQ;AAC9C,IAAAD,EAAa,IAAIC,CAAI,GACrBD,EAAa,IAAIJ,IAAaK,IAAO,CAAC;AAG1C,WACQA,IAAOJ,IAAcC,GACzBG,KAAQJ,IAAcC,GACtBG,KAAQ;AAER,IAAAD,EAAa,IAAIC,CAAI;AAGzB,QAAMC,IAAQ,CAAC,GAAGF,CAAY,EACzB,OAAO,CAACC,MAASA,KAAQ,KAAKA,KAAQL,CAAU,EAChD,KAAK,CAACO,GAAGC,MAAMD,IAAIC,CAAC,GACnBC,IAA8B,CAAA;AAEpC,SAAAH,EAAM,QAAQ,CAACD,GAAMK,MAAU;AAC3B,UAAMC,IAAeL,EAAMI,IAAQ,CAAC;AAEpC,IAAIC,MAAiB,UAAaN,IAAOM,IAAe,KACpDF,EAAM,KAAK,UAAU,GAEzBA,EAAM,KAAKJ,CAAI;AAAA,EACnB,CAAC,GAEMI;AACX;"}

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

@@ -0,0 +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;
+//# sourceMappingURL=StepIndicator.cjs.map

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

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

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

@@ -0,0 +1,3 @@
+import { StepIndicatorCompound } from './types/StepIndicatorCompound.ts';
+declare const StepIndicator: StepIndicatorCompound;
+export default StepIndicator;