@choco-vanille/ui 1.1.2 → 1.3.0

package/dist/components/navigation/step-indicator/types/StepIndicatorCompound.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+import { default as StepIndicatorItem } from '../components/step-indicator-item/StepIndicatorItem.tsx';
+import { StepIndicatorProps } from './StepIndicator.props.ts';
+export type StepIndicatorCompound = FC<StepIndicatorProps> & {
+    Item: typeof StepIndicatorItem;
+};

package/dist/components/navigation/step-indicator/types/index.d.ts

@@ -0,0 +1,2 @@
+export type { StepIndicatorCompound } from './StepIndicatorCompound.ts';
+export type { StepIndicatorProps } from './StepIndicator.props.ts';

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,4 @@
+import { StepperItemProps } from './types/StepperItem.props.ts';
+import { MemoExoticComponent } from 'react';
+declare const StepperItem: MemoExoticComponent<({ label, description, disabled, size, children, }: StepperItemProps) => import("react").JSX.Element>;
+export default StepperItem;

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"StepperItem.js","sources":["../../../../../../src/components/navigation/stepper/components/stepper-item/StepperItem.tsx"],"sourcesContent":["import { memo, useContext } from 'react'\r\n\r\nimport { Icon } from '@components/foundation/icon'\r\nimport { Typography } from '@components/foundation/typography'\r\nimport { StepperItemContext } from '@components/navigation/stepper/context/Stepper.context.ts'\r\nimport { STEPPER_ITEM_SIZES } from '@components/navigation/stepper/constants'\r\nimport { STEPPER_STYLES } from '@components/navigation/stepper/styles/Stepper.css.ts'\r\nimport type { StepperItemProps } from '@components/navigation/stepper/components/stepper-item/types/StepperItem.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\nconst StepperItem = memo(\r\n    ({\r\n        label,\r\n        description,\r\n        disabled,\r\n        size = STEPPER_ITEM_SIZES.md,\r\n        children,\r\n    }: StepperItemProps) => {\r\n        const context = useContext(StepperItemContext)\r\n\r\n        if (!context) {\r\n            throw new Error('Stepper.Item must be rendered inside Stepper.')\r\n        }\r\n\r\n        const { stepNumber, isCurrent, isCompleted, onStepChange } = context\r\n        const isInteractive = Boolean(onStepChange)\r\n        const hasCustomContent = children !== undefined\r\n        const isTitleOnly = !hasCustomContent && !description\r\n        const marker = isCompleted ? (\r\n            <Icon\r\n                icon={'lucide:check'}\r\n                size={'sm'}\r\n            />\r\n        ) : (\r\n            <Typography\r\n                as={'span'}\r\n                variant={'span'}\r\n                display={'flex'}\r\n                width={'100%'}\r\n                style={{ height: '100%' }}\r\n                className={STEPPER_STYLES.markerValue}\r\n            >\r\n                {stepNumber}\r\n            </Typography>\r\n        )\r\n        const content = hasCustomContent ? (\r\n            children\r\n        ) : (\r\n            <span\r\n                className={cn(\r\n                    STEPPER_STYLES.content,\r\n                    isTitleOnly && STEPPER_STYLES.contentCentered,\r\n                    size === 'sm' && STEPPER_STYLES.contentSmall,\r\n                )}\r\n            >\r\n                <Typography\r\n                    as={'span'}\r\n                    variant={'span'}\r\n                    fontSize={'sm'}\r\n                    className={cn(STEPPER_STYLES.label, size === 'sm' && STEPPER_STYLES.labelSmall)}\r\n                >\r\n                    {label}\r\n                </Typography>\r\n                {description && (\r\n                    <Typography\r\n                        as={'span'}\r\n                        variant={'span'}\r\n                        fontSize={size === 'sm' ? '2xs' : 'xs'}\r\n                        className={cn(\r\n                            STEPPER_STYLES.description,\r\n                            size === 'sm' && STEPPER_STYLES.descriptionSmall,\r\n                        )}\r\n                    >\r\n                        {description}\r\n                    </Typography>\r\n                )}\r\n            </span>\r\n        )\r\n\r\n        return (\r\n            <>\r\n                <span\r\n                    className={cn(\r\n                        STEPPER_STYLES.marker,\r\n                        isCurrent && STEPPER_STYLES.markerCurrent,\r\n                        isCompleted && STEPPER_STYLES.markerCompleted,\r\n                        size === 'sm' && STEPPER_STYLES.markerSmall,\r\n                    )}\r\n                    aria-hidden={'true'}\r\n                >\r\n                    {marker}\r\n                </span>\r\n                {isInteractive ? (\r\n                    <button\r\n                        type={'button'}\r\n                        className={cn(\r\n                            STEPPER_STYLES.interactive,\r\n                            isTitleOnly && STEPPER_STYLES.itemContentCentered,\r\n                        )}\r\n                        disabled={disabled}\r\n                        aria-current={isCurrent ? 'step' : undefined}\r\n                        onClick={() => {\r\n                            if (!disabled) {\r\n                                onStepChange?.(stepNumber)\r\n                            }\r\n                        }}\r\n                    >\r\n                        {content}\r\n                    </button>\r\n                ) : (\r\n                    <span\r\n                        className={isTitleOnly ? STEPPER_STYLES.itemContentCentered : undefined}\r\n                        aria-current={isCurrent ? 'step' : undefined}\r\n                    >\r\n                        {content}\r\n                    </span>\r\n                )}\r\n            </>\r\n        )\r\n    },\r\n)\r\n\r\nStepperItem.displayName = 'Stepper.Item'\r\n\r\nexport default StepperItem\r\n"],"names":["StepperItem","memo","label","description","disabled","size","STEPPER_ITEM_SIZES","children","context","useContext","StepperItemContext","stepNumber","isCurrent","isCompleted","onStepChange","isInteractive","hasCustomContent","isTitleOnly","marker","jsx","Icon","Typography","STEPPER_STYLES","content","jsxs","cn","Fragment"],"mappings":";;;;;;;;;;AAUA,MAAMA,IAAcC;AAAA,EAChB,CAAC;AAAA,IACG,OAAAC;AAAA,IACA,aAAAC;AAAA,IACA,UAAAC;AAAA,IACA,MAAAC,IAAOC,EAAmB;AAAA,IAC1B,UAAAC;AAAA,EAAA,MACoB;AACpB,UAAMC,IAAUC,EAAWC,CAAkB;AAE7C,QAAI,CAACF;AACD,YAAM,IAAI,MAAM,+CAA+C;AAGnE,UAAM,EAAE,YAAAG,GAAY,WAAAC,GAAW,aAAAC,GAAa,cAAAC,MAAiBN,GACvDO,IAAgB,EAAQD,GACxBE,IAAmBT,MAAa,QAChCU,IAAc,CAACD,KAAoB,CAACb,GACpCe,IAASL,IACX,gBAAAM;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,MAAM;AAAA,QACN,MAAM;AAAA,MAAA;AAAA,IAAA,IAGV,gBAAAD;AAAA,MAACE;AAAA,MAAA;AAAA,QACG,IAAI;AAAA,QACJ,SAAS;AAAA,QACT,SAAS;AAAA,QACT,OAAO;AAAA,QACP,OAAO,EAAE,QAAQ,OAAA;AAAA,QACjB,WAAWC,EAAe;AAAA,QAEzB,UAAAX;AAAA,MAAA;AAAA,IAAA,GAGHY,IAAUP,IACZT,IAEA,gBAAAiB;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAWC;AAAA,UACPH,EAAe;AAAA,UACfL,KAAeK,EAAe;AAAA,UAC9BjB,MAAS,QAAQiB,EAAe;AAAA,QAAA;AAAA,QAGpC,UAAA;AAAA,UAAA,gBAAAH;AAAA,YAACE;AAAA,YAAA;AAAA,cACG,IAAI;AAAA,cACJ,SAAS;AAAA,cACT,UAAU;AAAA,cACV,WAAWI,EAAGH,EAAe,OAAOjB,MAAS,QAAQiB,EAAe,UAAU;AAAA,cAE7E,UAAApB;AAAA,YAAA;AAAA,UAAA;AAAA,UAEJC,KACG,gBAAAgB;AAAA,YAACE;AAAA,YAAA;AAAA,cACG,IAAI;AAAA,cACJ,SAAS;AAAA,cACT,UAAUhB,MAAS,OAAO,QAAQ;AAAA,cAClC,WAAWoB;AAAA,gBACPH,EAAe;AAAA,gBACfjB,MAAS,QAAQiB,EAAe;AAAA,cAAA;AAAA,cAGnC,UAAAnB;AAAA,YAAA;AAAA,UAAA;AAAA,QACL;AAAA,MAAA;AAAA,IAAA;AAKZ,WACI,gBAAAqB,EAAAE,GAAA,EACI,UAAA;AAAA,MAAA,gBAAAP;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAWM;AAAA,YACPH,EAAe;AAAA,YACfV,KAAaU,EAAe;AAAA,YAC5BT,KAAeS,EAAe;AAAA,YAC9BjB,MAAS,QAAQiB,EAAe;AAAA,UAAA;AAAA,UAEpC,eAAa;AAAA,UAEZ,UAAAJ;AAAA,QAAA;AAAA,MAAA;AAAA,MAEJH,IACG,gBAAAI;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,MAAM;AAAA,UACN,WAAWM;AAAA,YACPH,EAAe;AAAA,YACfL,KAAeK,EAAe;AAAA,UAAA;AAAA,UAElC,UAAAlB;AAAA,UACA,gBAAcQ,IAAY,SAAS;AAAA,UACnC,SAAS,MAAM;AACX,YAAKR,KACDU,IAAeH,CAAU;AAAA,UAEjC;AAAA,UAEC,UAAAY;AAAA,QAAA;AAAA,MAAA,IAGL,gBAAAJ;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAWF,IAAcK,EAAe,sBAAsB;AAAA,UAC9D,gBAAcV,IAAY,SAAS;AAAA,UAElC,UAAAW;AAAA,QAAA;AAAA,MAAA;AAAA,IACL,GAER;AAAA,EAER;AACJ;AAEAvB,EAAY,cAAc;"}

package/dist/components/navigation/stepper/components/stepper-item/index.d.ts

@@ -0,0 +1,3 @@
+export { default as StepperItem } from './StepperItem.tsx';
+export type { StepperItemProps } from './types/StepperItem.props.ts';
+export type { StepperItemSize } from '../../types/StepperItem.types.ts';

package/dist/components/navigation/stepper/components/stepper-item/types/StepperItem.props.d.ts

@@ -0,0 +1,18 @@
+import { StepperItemSize } from '../../../types/StepperItem.types.ts';
+import type * as React from 'react';
+export type StepperItemProps = Omit<React.HTMLAttributes<HTMLElement>, 'children'> & {
+    /** Optional supporting text shown below the title. */
+    description?: string;
+    /** Prevents selecting this step when the Stepper is interactive. */
+    disabled?: boolean;
+    /** Size of the marker and its default content. Defaults to `md`. */
+    size?: StepperItemSize;
+} & ({
+    /** Visible title of the step when using the default visuals. */
+    label: string;
+    children?: never;
+} | {
+    /** Custom content replacing the marker and default label visuals. */
+    children: React.ReactNode;
+    label?: string;
+});

package/dist/components/navigation/stepper/constants/index.d.ts

@@ -0,0 +1,2 @@
+export { STEPPER_ORIENTATIONS } from './stepperOrientations.const';
+export { STEPPER_ITEM_SIZES } from './stepperItemSizes.const';

package/dist/components/navigation/stepper/constants/stepperItemSizes.const.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E={sm:"sm",md:"md"};exports.STEPPER_ITEM_SIZES=E;
+//# sourceMappingURL=stepperItemSizes.const.cjs.map

package/dist/components/navigation/stepper/constants/stepperItemSizes.const.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"stepperItemSizes.const.cjs","sources":["../../../../../src/components/navigation/stepper/constants/stepperItemSizes.const.ts"],"sourcesContent":["export const STEPPER_ITEM_SIZES = {\r\n    sm: 'sm',\r\n    md: 'md',\r\n} as const\r\n"],"names":["STEPPER_ITEM_SIZES"],"mappings":"gFAAO,MAAMA,EAAqB,CAC9B,GAAI,KACJ,GAAI,IACR"}

package/dist/components/navigation/stepper/constants/stepperItemSizes.const.d.ts

@@ -0,0 +1,4 @@
+export declare const STEPPER_ITEM_SIZES: {
+    readonly sm: "sm";
+    readonly md: "md";
+};

package/dist/components/navigation/stepper/constants/stepperItemSizes.const.js

@@ -0,0 +1,8 @@
+const m = {
+  sm: "sm",
+  md: "md"
+};
+export {
+  m as STEPPER_ITEM_SIZES
+};
+//# sourceMappingURL=stepperItemSizes.const.js.map

package/dist/components/navigation/stepper/constants/stepperItemSizes.const.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stepperItemSizes.const.js","sources":["../../../../../src/components/navigation/stepper/constants/stepperItemSizes.const.ts"],"sourcesContent":["export const STEPPER_ITEM_SIZES = {\r\n    sm: 'sm',\r\n    md: 'md',\r\n} as const\r\n"],"names":["STEPPER_ITEM_SIZES"],"mappings":"AAAO,MAAMA,IAAqB;AAAA,EAC9B,IAAI;AAAA,EACJ,IAAI;AACR;"}

package/dist/components/navigation/stepper/constants/stepperOrientations.const.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t={horizontal:"horizontal",vertical:"vertical"};exports.STEPPER_ORIENTATIONS=t;
+//# sourceMappingURL=stepperOrientations.const.cjs.map

package/dist/components/navigation/stepper/constants/stepperOrientations.const.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"stepperOrientations.const.cjs","sources":["../../../../../src/components/navigation/stepper/constants/stepperOrientations.const.ts"],"sourcesContent":["export const STEPPER_ORIENTATIONS = {\r\n    horizontal: 'horizontal',\r\n    vertical: 'vertical',\r\n} as const\r\n"],"names":["STEPPER_ORIENTATIONS"],"mappings":"gFAAO,MAAMA,EAAuB,CAChC,WAAY,aACZ,SAAU,UACd"}

package/dist/components/navigation/stepper/constants/stepperOrientations.const.d.ts

@@ -0,0 +1,4 @@
+export declare const STEPPER_ORIENTATIONS: {
+    readonly horizontal: "horizontal";
+    readonly vertical: "vertical";
+};

package/dist/components/navigation/stepper/constants/stepperOrientations.const.js

@@ -0,0 +1,8 @@
+const o = {
+  horizontal: "horizontal",
+  vertical: "vertical"
+};
+export {
+  o as STEPPER_ORIENTATIONS
+};
+//# sourceMappingURL=stepperOrientations.const.js.map

package/dist/components/navigation/stepper/constants/stepperOrientations.const.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stepperOrientations.const.js","sources":["../../../../../src/components/navigation/stepper/constants/stepperOrientations.const.ts"],"sourcesContent":["export const STEPPER_ORIENTATIONS = {\r\n    horizontal: 'horizontal',\r\n    vertical: 'vertical',\r\n} as const\r\n"],"names":["STEPPER_ORIENTATIONS"],"mappings":"AAAO,MAAMA,IAAuB;AAAA,EAChC,YAAY;AAAA,EACZ,UAAU;AACd;"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=e.createContext(null);exports.StepperItemContext=t;
+//# sourceMappingURL=Stepper.context.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Stepper.context.cjs","sources":["../../../../../src/components/navigation/stepper/context/Stepper.context.ts"],"sourcesContent":["import { createContext } from 'react'\r\n\r\nexport type StepperItemContextValue = {\r\n  stepNumber: number;\r\n  isCurrent: boolean;\r\n  isCompleted: boolean;\r\n  onStepChange?: (step: number) => void;\r\n};\r\n\r\nexport const StepperItemContext = createContext<StepperItemContextValue | null>(\r\n    null,\r\n)\r\n"],"names":["StepperItemContext","createContext"],"mappings":"yGASaA,EAAqBC,EAAAA,cAC9B,IACJ"}

package/dist/components/navigation/stepper/context/Stepper.context.d.ts

@@ -0,0 +1,8 @@
+import { Context } from 'react';
+export type StepperItemContextValue = {
+    stepNumber: number;
+    isCurrent: boolean;
+    isCompleted: boolean;
+    onStepChange?: (step: number) => void;
+};
+export declare const StepperItemContext: Context<StepperItemContextValue | null>;

package/dist/components/navigation/stepper/context/Stepper.context.js

@@ -0,0 +1,8 @@
+import { createContext as t } from "react";
+const o = t(
+  null
+);
+export {
+  o as StepperItemContext
+};
+//# sourceMappingURL=Stepper.context.js.map

package/dist/components/navigation/stepper/context/Stepper.context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stepper.context.js","sources":["../../../../../src/components/navigation/stepper/context/Stepper.context.ts"],"sourcesContent":["import { createContext } from 'react'\r\n\r\nexport type StepperItemContextValue = {\r\n  stepNumber: number;\r\n  isCurrent: boolean;\r\n  isCompleted: boolean;\r\n  onStepChange?: (step: number) => void;\r\n};\r\n\r\nexport const StepperItemContext = createContext<StepperItemContextValue | null>(\r\n    null,\r\n)\r\n"],"names":["StepperItemContext","createContext"],"mappings":";AASO,MAAMA,IAAqBC;AAAA,EAC9B;AACJ;"}

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

@@ -0,0 +1,7 @@
+export { default as Stepper } from './Stepper.tsx';
+export { STEPPER_STYLES } from './styles/Stepper.css.ts';
+export { STEPPER_ORIENTATIONS } from './constants';
+export { STEPPER_ITEM_SIZES } from './constants';
+export type { StepperCompound, StepperOrientation, StepperProps, } from './types';
+export type { StepperItemProps } from './components/stepper-item';
+export type { StepperItemSize } from './components/stepper-item';

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css                                              */;/* empty css                             */var t={root:"_11p3mtg0",list:"_11p3mtg1",listHorizontal:"_11p3mtg2",listVertical:"_11p3mtg3",item:"_11p3mtg4",itemVertical:"_11p3mtg5",marker:"_11p3mtg6",markerSmall:"_11p3mtg7",markerValue:"_11p3mtg8",markerCurrent:"_11p3mtg9",markerCompleted:"_11p3mtga",content:"_11p3mtgb",contentCentered:"_11p3mtgc",contentSmall:"_11p3mtgd",itemContentCentered:"_11p3mtge",label:"_11p3mtgf",labelSmall:"_11p3mtgg",description:"_11p3mtgh",descriptionSmall:"_11p3mtgi",connector:"_11p3mtgj",connectorItem:"_11p3mtgk",connectorItemVertical:"_11p3mtgl",connectorVertical:"_11p3mtgm",interactive:"_11p3mtgn",disabled:"_11p3mtgo"};exports.STEPPER_STYLES=t;
+//# sourceMappingURL=Stepper.css.cjs.map

package/dist/components/navigation/stepper/styles/Stepper.css.cjs.map

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

package/dist/components/navigation/stepper/styles/Stepper.css.d.ts

@@ -0,0 +1,27 @@
+export declare const STEPPER_STYLES: {
+    root: string;
+    list: string;
+    listHorizontal: string;
+    listVertical: string;
+    item: string;
+    itemVertical: string;
+    marker: string;
+    markerSmall: string;
+    markerValue: string;
+    markerCurrent: string;
+    markerCompleted: string;
+    content: string;
+    contentCentered: string;
+    contentSmall: string;
+    itemContentCentered: string;
+    label: string;
+    labelSmall: string;
+    description: string;
+    descriptionSmall: string;
+    connector: string;
+    connectorItem: string;
+    connectorItemVertical: string;
+    connectorVertical: string;
+    interactive: string;
+    disabled: string;
+};

package/dist/components/navigation/stepper/styles/Stepper.css.js

@@ -0,0 +1,7 @@
+/* empty css                                            */
+/* empty css                           */
+var e = { root: "_11p3mtg0", list: "_11p3mtg1", listHorizontal: "_11p3mtg2", listVertical: "_11p3mtg3", item: "_11p3mtg4", itemVertical: "_11p3mtg5", marker: "_11p3mtg6", markerSmall: "_11p3mtg7", markerValue: "_11p3mtg8", markerCurrent: "_11p3mtg9", markerCompleted: "_11p3mtga", content: "_11p3mtgb", contentCentered: "_11p3mtgc", contentSmall: "_11p3mtgd", itemContentCentered: "_11p3mtge", label: "_11p3mtgf", labelSmall: "_11p3mtgg", description: "_11p3mtgh", descriptionSmall: "_11p3mtgi", connector: "_11p3mtgj", connectorItem: "_11p3mtgk", connectorItemVertical: "_11p3mtgl", connectorVertical: "_11p3mtgm", interactive: "_11p3mtgn", disabled: "_11p3mtgo" };
+export {
+  e as STEPPER_STYLES
+};
+//# sourceMappingURL=Stepper.css.js.map

package/dist/components/navigation/stepper/styles/Stepper.css.js.map

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

package/dist/components/navigation/stepper/types/Stepper.props.d.ts

@@ -0,0 +1,15 @@
+import { StepperItemProps } from '../components/stepper-item/types/StepperItem.props.ts';
+import { StepperOrientation } from './Stepper.types.ts';
+import type * as React from 'react';
+export type StepperProps = Omit<React.HTMLAttributes<HTMLElement>, 'aria-label' | 'children'> & React.RefAttributes<HTMLElement> & {
+    /** Accessible name for the Stepper navigation landmark. */
+    'aria-label': string;
+    /** Ordered `Stepper.Item` elements displayed by the Stepper. */
+    children: React.ReactElement<StepperItemProps> | React.ReactElement<StepperItemProps>[];
+    /** The current step, starting at 1. */
+    currentStep: number;
+    /** Called with the selected step number when a step is activated. */
+    onStepChange?: (step: number) => void;
+    /** Layout direction of the Stepper. Defaults to `horizontal`. */
+    orientation?: StepperOrientation;
+};

package/dist/components/navigation/stepper/types/Stepper.types.d.ts

@@ -0,0 +1,2 @@
+import { STEPPER_ORIENTATIONS } from '../constants';
+export type StepperOrientation = (typeof STEPPER_ORIENTATIONS)[keyof typeof STEPPER_ORIENTATIONS];

package/dist/components/navigation/stepper/types/StepperCompound.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+import { default as StepperItem } from '../components/stepper-item/StepperItem.tsx';
+import { StepperProps } from './Stepper.props.ts';
+export type StepperCompound = FC<StepperProps> & {
+    Item: typeof StepperItem;
+};

package/dist/components/navigation/stepper/types/StepperItem.types.d.ts

@@ -0,0 +1,2 @@
+import { STEPPER_ITEM_SIZES } from '../constants';
+export type StepperItemSize = (typeof STEPPER_ITEM_SIZES)[keyof typeof STEPPER_ITEM_SIZES];

package/dist/components/navigation/stepper/types/index.d.ts

@@ -0,0 +1,3 @@
+export type { StepperProps } from './Stepper.props.ts';
+export type { StepperOrientation } from './Stepper.types.ts';
+export type { StepperCompound } from './StepperCompound.ts';

package/dist/components/navigation/tabs/components/tabs-content/TabsContent.cjs

@@ -1,2 +1,2 @@
-"use strict";const n=require("react/jsx-runtime"),o=require("react"),r=require("@base-ui/react/tabs"),c=require("./styles/TabsContent.css.cjs"),a=require("../../../../../utils/cn.cjs"),e=o.memo(({className:s,...t})=>n.jsx(r.Tabs.Panel,{className:a.cn(c.TABS_CONTENT_STYLES.root,s),...t}));e.displayName="Tabs.Content";module.exports=e;
+"use strict";const n=require("react/jsx-runtime"),r=require("react"),o=require("@base-ui/react/tabs"),c=require("./styles/TabsContent.css.cjs"),a=require("../../../../../utils/cn.cjs"),e=r.memo(({className:s,...t})=>n.jsx(o.Tabs.Panel,{className:a.cn(c.TABS_CONTENT_STYLES.root,s),...t}));e.displayName="Tabs.Content";module.exports=e;
 //# sourceMappingURL=TabsContent.cjs.map

package/dist/components/navigation/tabs/components/tabs-list/TabsList.cjs

@@ -1,2 +1,2 @@
-"use strict";const e=require("react/jsx-runtime"),n=require("react"),o=require("@base-ui/react/tabs"),u=require("./styles/TabsList.css.cjs"),T=require("../../context/TabsVariant.context.cjs"),b=require("../../../../../utils/cn.cjs"),t=n.memo(({className:a,variant:s="default",bordered:c=!1,activationMode:i,...r})=>e.jsx(T.TabsVariantContext.Provider,{value:{variant:s},children:e.jsx(o.Tabs.List,{className:b.cn(u.TABS_LIST_STYLES.recipe({variant:s,bordered:c}),a),activateOnFocus:i==="automatic",...r})}));t.displayName="Tabs.List";module.exports=t;
+"use strict";const e=require("react/jsx-runtime"),n=require("react"),o=require("@base-ui/react/tabs"),u=require("./styles/TabsList.css.cjs"),T=require("../../context/TabsVariant.context.cjs"),b=require("../../../../../utils/cn.cjs"),t=n.memo(({className:a,variant:s="default",bordered:r=!1,activationMode:c,...i})=>e.jsx(T.TabsVariantContext.Provider,{value:{variant:s},children:e.jsx(o.Tabs.List,{className:b.cn(u.TABS_LIST_STYLES.recipe({variant:s,bordered:r}),a),activateOnFocus:c==="automatic",...i})}));t.displayName="Tabs.List";module.exports=t;
 //# sourceMappingURL=TabsList.cjs.map

package/dist/components/navigation/tabs/components/tabs-trigger/types/TabsTrigger.props.d.ts

@@ -4,7 +4,7 @@ export type TabsTriggerProps = Omit<Tabs.Tab.Props, 'children' | 'render'> & {
     /** Overrides the default content-based (`fit-content`) width of the trigger. */
     width?: CSSProperties['width'];
     /** The text content rendered inside the trigger via the Typography component. */
-    label?: string;
+    label: string;
     /** Iconify icon name rendered before the label. */
     startIcon?: string;
     /** Iconify icon name rendered after the label. */

package/dist/components/overlay/_shared/components/overlay-backdrop/OverlayBackdrop.cjs

@@ -0,0 +1,2 @@
+"use strict";const o=require("react/jsx-runtime"),s=require("@base-ui/react/dialog"),a=require("react"),t=require("../../styles/OverlayBackdrop.css.cjs"),i=require("../../../../../utils/cn.cjs"),r=a.memo(({className:e,...c})=>o.jsx(s.Dialog.Backdrop,{className:i.cn(t.OVERLAY_BACKDROP_STYLES.root,e),...c}));r.displayName="OverlayBackdrop";module.exports=r;
+//# sourceMappingURL=OverlayBackdrop.cjs.map

package/dist/components/overlay/_shared/components/overlay-backdrop/OverlayBackdrop.cjs.map

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

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

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

package/dist/components/overlay/_shared/components/overlay-backdrop/OverlayBackdrop.js

@@ -0,0 +1,17 @@
+import { jsx as m } from "react/jsx-runtime";
+import { Dialog as a } from "@base-ui/react/dialog";
+import { memo as p } from "react";
+import { OVERLAY_BACKDROP_STYLES as t } from "../../styles/OverlayBackdrop.css.js";
+import { cn as e } from "../../../../../utils/cn.js";
+const i = p(({ className: o, ...r }) => /* @__PURE__ */ m(
+  a.Backdrop,
+  {
+    className: e(t.root, o),
+    ...r
+  }
+));
+i.displayName = "OverlayBackdrop";
+export {
+  i as default
+};
+//# sourceMappingURL=OverlayBackdrop.js.map