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

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

@@ -0,0 +1,51 @@
+import { jsx as o } from "react/jsx-runtime";
+import { memo as u, Children as C, isValidElement as N } from "react";
+import a from "./components/step-indicator-item/StepIndicatorItem.js";
+import { StepIndicatorContext as b } from "./context/StepIndicator.context.js";
+import { STEP_INDICATOR_STYLES as i } from "./styles/StepIndicator.css.js";
+import { cn as v } from "../../../utils/cn.js";
+const l = u(
+  ({
+    "aria-label": m,
+    children: n,
+    currentStep: e,
+    onStepChange: s,
+    className: p,
+    ref: c,
+    ...d
+  }) => {
+    const f = C.toArray(n).filter(
+      (r) => N(r)
+    );
+    return /* @__PURE__ */ o(
+      "nav",
+      {
+        ref: c,
+        "aria-label": m,
+        className: v(i.root, p),
+        ...d,
+        children: /* @__PURE__ */ o("ol", { className: i.list, children: f.map((r, I) => {
+          const t = I + 1, S = t === e, h = t < e;
+          return /* @__PURE__ */ o("li", { children: /* @__PURE__ */ o(
+            b.Provider,
+            {
+              value: {
+                stepNumber: t,
+                isCurrent: S,
+                isCompleted: h,
+                onStepChange: s
+              },
+              children: /* @__PURE__ */ o(a, { ...r.props })
+            }
+          ) }, r.key ?? `${t}-${r.props.label}`);
+        }) })
+      }
+    );
+  }
+);
+l.displayName = "StepIndicator";
+l.Item = a;
+export {
+  l as default
+};
+//# sourceMappingURL=StepIndicator.js.map

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

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

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

@@ -0,0 +1,2 @@
+"use strict";const r=require("react/jsx-runtime"),c=require("react"),t=require("./styles/StepIndicatorItem.css.cjs"),T=require("../../context/StepIndicator.context.cjs"),p=require("../../../../../utils/cn.cjs"),a=c.memo(({label:n,disabled:I,ref:d})=>{const o=c.useContext(T.StepIndicatorContext);if(!o)throw new Error("StepIndicator.Item must be rendered inside StepIndicator.");const{stepNumber:S,isCurrent:e,isCompleted:u,onStepChange:s}=o,i=r.jsx("span",{className:p.cn(t.STEP_INDICATOR_ITEM_STYLES.dot,e&&t.STEP_INDICATOR_ITEM_STYLES.dotCurrent,u&&t.STEP_INDICATOR_ITEM_STYLES.dotCompleted),"aria-hidden":"true"});return s?r.jsx("button",{ref:d,type:"button",className:t.STEP_INDICATOR_ITEM_STYLES.button,"aria-label":n,"aria-current":e?"step":void 0,disabled:I,onClick:()=>s(S),children:i}):r.jsx("span",{role:"img",className:t.STEP_INDICATOR_ITEM_STYLES.staticItem,"aria-label":n,"aria-current":e?"step":void 0,children:i})});a.displayName="StepIndicator.Item";module.exports=a;
+//# sourceMappingURL=StepIndicatorItem.cjs.map

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

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

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

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

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

@@ -0,0 +1,52 @@
+import { jsx as r } from "react/jsx-runtime";
+import { memo as c, useContext as u } from "react";
+import { STEP_INDICATOR_ITEM_STYLES as t } from "./styles/StepIndicatorItem.css.js";
+import { StepIndicatorContext as l } from "../../context/StepIndicator.context.js";
+import { cn as I } from "../../../../../utils/cn.js";
+const C = c(
+  ({ label: o, disabled: m, ref: s }) => {
+    const n = u(l);
+    if (!n)
+      throw new Error(
+        "StepIndicator.Item must be rendered inside StepIndicator."
+      );
+    const { stepNumber: d, isCurrent: e, isCompleted: p, onStepChange: a } = n, i = /* @__PURE__ */ r(
+      "span",
+      {
+        className: I(
+          t.dot,
+          e && t.dotCurrent,
+          p && t.dotCompleted
+        ),
+        "aria-hidden": "true"
+      }
+    );
+    return a ? /* @__PURE__ */ r(
+      "button",
+      {
+        ref: s,
+        type: "button",
+        className: t.button,
+        "aria-label": o,
+        "aria-current": e ? "step" : void 0,
+        disabled: m,
+        onClick: () => a(d),
+        children: i
+      }
+    ) : /* @__PURE__ */ r(
+      "span",
+      {
+        role: "img",
+        className: t.staticItem,
+        "aria-label": o,
+        "aria-current": e ? "step" : void 0,
+        children: i
+      }
+    );
+  }
+);
+C.displayName = "StepIndicator.Item";
+export {
+  C as default
+};
+//# sourceMappingURL=StepIndicatorItem.js.map

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

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

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

@@ -0,0 +1,2 @@
+export { default as StepIndicatorItem } from './StepIndicatorItem.tsx';
+export type { StepIndicatorItemProps } from './types';

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit135.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                       */var t={button:"_1bv68230",staticItem:"_1bv68231",dot:"_1bv68232",dotCurrent:"_1bv68233",dotCompleted:"_1bv68234"};exports.STEP_INDICATOR_ITEM_STYLES=t;
+//# sourceMappingURL=StepIndicatorItem.css.cjs.map

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

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

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

@@ -0,0 +1,7 @@
+export declare const STEP_INDICATOR_ITEM_STYLES: {
+    button: string;
+    staticItem: string;
+    dot: string;
+    dotCurrent: string;
+    dotCompleted: string;
+};

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

@@ -0,0 +1,7 @@
+import '../../../../../../ui-kit135.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
+/* empty css                                     */
+var _ = { button: "_1bv68230", staticItem: "_1bv68231", dot: "_1bv68232", dotCurrent: "_1bv68233", dotCompleted: "_1bv68234" };
+export {
+  _ as STEP_INDICATOR_ITEM_STYLES
+};
+//# sourceMappingURL=StepIndicatorItem.css.js.map

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

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

package/dist/components/navigation/step-indicator/components/step-indicator-item/types/StepIndicatorItem.props.d.ts

@@ -0,0 +1,9 @@
+import type * as React from 'react';
+export type StepIndicatorItemProps = {
+    /** Accessible name announced for this step. */
+    label: string;
+    /** Prevents this step from being selected. */
+    disabled?: boolean;
+    /** Ref forwarded to the interactive step button. */
+    ref?: React.Ref<HTMLButtonElement>;
+};

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

@@ -0,0 +1 @@
+export type { StepIndicatorItemProps } from './StepIndicatorItem.props.ts';

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"StepIndicator.context.cjs","sources":["../../../../../src/components/navigation/step-indicator/context/StepIndicator.context.ts"],"sourcesContent":["import { createContext } from 'react'\r\n\r\nexport type StepIndicatorContextValue = {\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 StepIndicatorContext =\r\n    createContext<StepIndicatorContextValue | null>(null)\r\n"],"names":["StepIndicatorContext","createContext"],"mappings":"yGASaA,EACTC,EAAAA,cAAgD,IAAI"}

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

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

package/dist/components/navigation/step-indicator/context/StepIndicator.context.js

@@ -0,0 +1,6 @@
+import { createContext as t } from "react";
+const e = t(null);
+export {
+  e as StepIndicatorContext
+};
+//# sourceMappingURL=StepIndicator.context.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StepIndicator.context.js","sources":["../../../../../src/components/navigation/step-indicator/context/StepIndicator.context.ts"],"sourcesContent":["import { createContext } from 'react'\r\n\r\nexport type StepIndicatorContextValue = {\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 StepIndicatorContext =\r\n    createContext<StepIndicatorContextValue | null>(null)\r\n"],"names":["StepIndicatorContext","createContext"],"mappings":";AASO,MAAMA,IACTC,EAAgD,IAAI;"}

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

@@ -0,0 +1,4 @@
+export { default as StepIndicator } from './StepIndicator.tsx';
+export { STEP_INDICATOR_STYLES } from './styles/StepIndicator.css.ts';
+export type { StepIndicatorCompound, StepIndicatorProps, } from './types';
+export type { StepIndicatorItemProps } from './components/step-indicator-item';

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

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

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

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

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

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

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

@@ -0,0 +1,7 @@
+import '../../../../ui-kit31.css';import '../../../../ui-kit.css';/* empty css                                            */
+/* empty css                                 */
+var o = { root: "_1eke9rf0", list: "_1eke9rf1" };
+export {
+  o as STEP_INDICATOR_STYLES
+};
+//# sourceMappingURL=StepIndicator.css.js.map

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

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

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

@@ -0,0 +1,14 @@
+import { StepIndicatorItemProps } from '../components/step-indicator-item/types/StepIndicatorItem.props.ts';
+import type * as React from 'react';
+export type StepIndicatorProps = Omit<React.HTMLAttributes<HTMLElement>, 'aria-label' | 'children'> & {
+    /** Accessible name for the step indicator navigation landmark. */
+    'aria-label': string;
+    /** Ordered `StepIndicator.Item` elements displayed by the indicator. */
+    children: React.ReactElement<StepIndicatorItemProps> | React.ReactElement<StepIndicatorItemProps>[];
+    /** The current step, starting at 1. */
+    currentStep: number;
+    /** Called with the selected step number when a dot is activated. */
+    onStepChange?: (step: number) => void;
+    /** Ref forwarded to the navigation landmark. */
+    ref?: React.Ref<HTMLElement>;
+};

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;"}