bonkers-ui 2.0.9 → 2.0.11

package/UiNavigationSteps-N3juxg3H.js

@@ -0,0 +1,103 @@
+import { jsx as u } from "react/jsx-runtime";
+import f, { createContext as z, useRef as g, useState as m, useEffect as U, useContext as j } from "react";
+import A from "classnames";
+import './assets/UiNavigationSteps.css';const D = "_navbar_3w204_1", O = "_active_3w204_18", R = {
+  navbar: D,
+  active: O
+}, S = z(null), W = ({ initialStepId: o, children: w, className: h, complete: i = !1 }) => {
+  const l = g(0), [x, C] = m(0), [v, p] = m(/* @__PURE__ */ new Set()), n = g({
+    steps: /* @__PURE__ */ new Map(),
+    parentMap: /* @__PURE__ */ new Map()
+  }), E = (e, s) => {
+    n.current.steps.has(e) || (l.current += 1, n.current.steps.set(e, {
+      order: l.current,
+      hasSubsteps: s,
+      progress: s ? {
+        current: 0,
+        total: 0
+      } : void 0
+    }));
+  }, d = (e) => {
+    const { steps: s, parentMap: r } = n.current;
+    let t = null;
+    if (s.has(e))
+      t = s.get(e).order;
+    else if (r.has(e)) {
+      const a = r.get(e);
+      s.has(a) && (t = s.get(a).order);
+    }
+    t !== null && (t < x && N(t), P(t), C(t));
+  }, M = (e, s, r = []) => {
+    if (r.length > 0) {
+      r.forEach((c) => {
+        n.current.parentMap.set(c.id, e);
+      });
+      const t = r.findIndex((c) => c.id === s) + 1, a = r.length;
+      if (t > 0) {
+        const c = n.current.steps.get(e);
+        c && n.current.steps.set(e, {
+          ...c,
+          progress: {
+            current: t,
+            total: a
+          }
+        });
+      }
+    }
+  }, N = (e) => {
+    p((s) => {
+      const r = new Set(s);
+      return n.current.steps.forEach((t, a) => {
+        t.order > e && r.delete(a);
+      }), r;
+    });
+  }, P = (e) => {
+    p(i ? new Set(n.current.steps.keys()) : (s) => {
+      const r = new Set(s);
+      return n.current.steps.forEach((t, a) => {
+        t.order < e ? r.add(a) : t.order === e && r.delete(a);
+      }), r;
+    });
+  };
+  U(() => {
+    const { steps: e, parentMap: s } = n.current;
+    if (e.size > 0) {
+      let r = o;
+      if (s.has(o)) {
+        const t = s.get(o);
+        t && e.has(t) && (r = t);
+      }
+      p(i ? new Set(e.keys()) : /* @__PURE__ */ new Set()), e.has(r) && d(r);
+    }
+  }, [o, i]);
+  const _ = {
+    currentStepId: o,
+    registerStep: E,
+    navigateToStep: d,
+    updateSubstepProgress: M,
+    completedSteps: v
+  }, b = (e) => e === o || n.current.parentMap.get(o) === e, k = (e) => v.has(e), y = f.Children.map(w, (e, s) => {
+    if (f.isValidElement(e)) {
+      const r = n.current.steps.get(e.props.id), t = n.current.steps.size;
+      return f.cloneElement(e, {
+        order: r?.order || s + 1,
+        totalSteps: t,
+        isActive: b(e.props.id),
+        isComplete: k(e.props.id)
+      });
+    }
+    return e;
+  });
+  return /* @__PURE__ */ u(S.Provider, { value: _, children: /* @__PURE__ */ u("nav", { "aria-label": "Progress", className: A("relative grid grid-cols-1 grid-rows-1 items-center", R.navbar, h), children: /* @__PURE__ */ u("div", { className: "z-10 flex items-center justify-between", children: y }) }) });
+}, B = () => {
+  const o = j(S);
+  if (!o)
+    throw new Error("useStepNav must be used within a UiNavigationStepsProvider");
+  return o;
+};
+export {
+  W as U,
+  R as s,
+  B as u
+};
+//# sourceMappingURL=UiNavigationSteps-N3juxg3H.js.map

package/UiNavigationSteps-N3juxg3H.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UiNavigationSteps-N3juxg3H.js","sources":["../src/components/UiNavigationSteps/UiNavigationSteps.tsx"],"sourcesContent":["import React, {\n\tcreateContext,\n\tuseContext,\n\tuseState,\n\tuseRef,\n\tuseEffect,\n} from \"react\";\nimport { type INavStepProps, type INavigationStepContext, type INavSubStep } from \"./_types\";\nimport cx from \"classnames\";\nimport styles from \"./UiNavigationSteps.module.css\";\n\nconst NavigationStepContext = createContext<INavigationStepContext | null>(null);\n\ninterface INavigationStepData {\n\torder: number;\n\thasSubsteps: boolean;\n\tprogress?: {\n\t\tcurrent: number;\n\t\ttotal: number;\n\t};\n}\n\ninterface INavigationProviderState {\n\tsteps: Map<string, INavigationStepData>;\n\tparentMap: Map<string, string>;\n}\n\nexport const UiNavigationSteps: React.FC<{\n\tinitialStepId: string;\n\tchildren: React.ReactNode;\n\tclassName?: string;\n\tcomplete?: boolean\n}> = ({ initialStepId, children, className, complete = false }) => {\n\tconst orderCounter = useRef(0);\n\tconst [currentStepOrder, setCurrentStepOrder] = useState<number>(0);\n\tconst [completedSteps, setCompletedSteps] = useState<Set<string>>(new Set());\n\n\tconst navigationState = useRef<INavigationProviderState>({\n\t\tsteps: new Map(),\n\t\tparentMap: new Map(),\n\t});\n\n\tconst registerStep = (id: string, hasSubsteps: boolean) => {\n\t\tif (!navigationState.current.steps.has(id)) {\n\t\t\torderCounter.current += 1;\n\t\t\tnavigationState.current.steps.set(id, {\n\t\t\t\torder: orderCounter.current,\n\t\t\t\thasSubsteps,\n\t\t\t\tprogress: hasSubsteps\n\t\t\t\t\t? {\n\t\t\t\t\t\tcurrent: 0,\n\t\t\t\t\t\ttotal: 0\n\t\t\t\t\t}\n\t\t\t\t\t: undefined\n\t\t\t});\n\t\t}\n\t};\n\n\tconst navigateToStep = (id: string) => {\n\t\tconst { steps, parentMap } = navigationState.current;\n\t\tlet targetOrder: number | null = null;\n\n\t\tif (steps.has(id)) {\n\t\t\ttargetOrder = steps.get(id)!.order;\n\t\t} else if (parentMap.has(id)) {\n\t\t\tconst parentId = parentMap.get(id)!;\n\t\t\tif (steps.has(parentId)) {\n\t\t\t\ttargetOrder = steps.get(parentId)!.order;\n\t\t\t}\n\t\t}\n\n\t\tif (targetOrder !== null) {\n\t\t\tif (targetOrder < currentStepOrder) {\n\t\t\t\tmarkSubsequentStepsIncomplete(targetOrder);\n\t\t\t}\n\t\t\tmarkPreviousStepsComplete(targetOrder);\n\t\t\tsetCurrentStepOrder(targetOrder);\n\t\t}\n\t};\n\n\tconst updateSubstepProgress = (stepId: string, substepId: string, subSteps: INavSubStep[] = []) => {\n\t\tif (subSteps.length > 0) {\n\t\t\tsubSteps.forEach(sub => {\n\t\t\t\tnavigationState.current.parentMap.set(sub.id, stepId);\n\t\t\t});\n\n\t\t\tconst current = subSteps.findIndex(sub => sub.id === substepId) + 1;\n\t\t\tconst total = subSteps.length;\n\n\t\t\tif (current > 0) {\n\t\t\t\tconst stepData = navigationState.current.steps.get(stepId);\n\t\t\t\tif (stepData) {\n\t\t\t\t\tnavigationState.current.steps.set(stepId, {\n\t\t\t\t\t\t...stepData,\n\t\t\t\t\t\tprogress: {\n\t\t\t\t\t\t\tcurrent,\n\t\t\t\t\t\t\ttotal\n\t\t\t\t\t\t}\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t};\n\n\tconst markSubsequentStepsIncomplete = (targetOrder: number) => {\n\t\tsetCompletedSteps(prev => {\n\t\t\tconst newSet = new Set(prev);\n\t\t\tnavigationState.current.steps.forEach((data, id) => {\n\t\t\t\tif (data.order > targetOrder) {\n\t\t\t\t\tnewSet.delete(id);\n\t\t\t\t}\n\t\t\t});\n\t\t\treturn newSet;\n\t\t});\n\t};\n\n\tconst markPreviousStepsComplete = (targetOrder: number) => {\n\t\tif (!complete) {\n\t\t\tsetCompletedSteps(prev => {\n\t\t\t\tconst newSet = new Set(prev);\n\t\t\t\tnavigationState.current.steps.forEach((data, id) => {\n\t\t\t\t\tif (data.order < targetOrder) {\n\t\t\t\t\t\tnewSet.add(id);\n\t\t\t\t\t} else if (data.order === targetOrder) {\n\t\t\t\t\t\tnewSet.delete(id);\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t\treturn newSet;\n\t\t\t});\n\t\t} else {\n\t\t\tsetCompletedSteps(new Set(navigationState.current.steps.keys()));\n\t\t}\n\t};\n\n\tuseEffect(() => {\n\t\tconst { steps, parentMap } = navigationState.current;\n\n\t\tif (steps.size > 0) {\n\t\t\tlet targetStepId = initialStepId;\n\n\t\t\tif (parentMap.has(initialStepId)) {\n\t\t\t\tconst parentId = parentMap.get(initialStepId);\n\t\t\t\tif (parentId && steps.has(parentId)) {\n\t\t\t\t\ttargetStepId = parentId;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tif (complete) {\n\t\t\t\tsetCompletedSteps(new Set(steps.keys()));\n\t\t\t} else {\n\t\t\t\tsetCompletedSteps(new Set());\n\t\t\t}\n\n\t\t\tif (steps.has(targetStepId)) {\n\t\t\t\tnavigateToStep(targetStepId);\n\t\t\t}\n\t\t}\n\t}, [initialStepId, complete]);\n\n\tconst contextValue: INavigationStepContext = {\n\t\tcurrentStepId: initialStepId,\n\t\tregisterStep,\n\t\tnavigateToStep,\n\t\tupdateSubstepProgress,\n\t\tcompletedSteps,\n\t};\n\n\tconst isStepActive = (id: string) => {\n\t\treturn id === initialStepId\n\t\t\t|| navigationState.current.parentMap.get(initialStepId) === id;\n\t};\n\n\tconst isStepComplete = (id: string) => {\n\t\treturn completedSteps.has(id);\n\t};\n\n\tconst childWithProps = React.Children.map(children, (child, index) => {\n\t\tif (React.isValidElement<INavStepProps>(child)) {\n\t\t\tconst stepData = navigationState.current.steps.get(child.props.id);\n\t\t\tconst totalSteps = navigationState.current.steps.size;\n\n\t\t\treturn React.cloneElement(child, {\n\t\t\t\torder: stepData?.order || index + 1,\n\t\t\t\ttotalSteps,\n\t\t\t\tisActive: isStepActive(child.props.id),\n\t\t\t\tisComplete: isStepComplete(child.props.id),\n\t\t\t});\n\t\t}\n\t\treturn child;\n\t});\n\n\treturn (\n\t\t<NavigationStepContext.Provider value={ contextValue }>\n\t\t\t<nav aria-label=\"Progress\" className={ cx(\"relative grid grid-cols-1 grid-rows-1 items-center\", styles.navbar, className) }>\n\t\t\t\t<div className=\"z-10 flex items-center justify-between\">\n\t\t\t\t\t{ childWithProps }\n\t\t\t\t</div>\n\t\t\t</nav>\n\t\t</NavigationStepContext.Provider>\n\t);\n};\n\nexport const useStepNav = () => {\n\tconst context = useContext(NavigationStepContext);\n\tif (!context) {\n\t\tthrow new Error(\"useStepNav must be used within a UiNavigationStepsProvider\");\n\t}\n\treturn context;\n};\n"],"names":["NavigationStepContext","createContext","UiNavigationSteps","initialStepId","children","className","complete","orderCounter","useRef","currentStepOrder","setCurrentStepOrder","useState","completedSteps","setCompletedSteps","navigationState","registerStep","id","hasSubsteps","navigateToStep","steps","parentMap","targetOrder","parentId","markSubsequentStepsIncomplete","markPreviousStepsComplete","updateSubstepProgress","stepId","substepId","subSteps","sub","current","total","stepData","prev","newSet","data","useEffect","targetStepId","contextValue","isStepActive","isStepComplete","childWithProps","React","child","index","totalSteps","jsx","cx","styles","useStepNav","context","useContext"],"mappings":"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"}

package/assets/UiNavigationSteps.css

@@ -0,0 +1 @@
+._navbar_3w204_1:before{content:"";position:absolute;left:0;right:0;height:1px;top:15px;background-color:var(--color-secondary-alt-500);width:98%}@media (min-width: 768px){._navbar_3w204_1:before{top:20px}}._active_3w204_18:before{content:"";position:absolute;left:0;right:0;height:1px;top:15px;background-color:var(--color-secondary-400);width:var(--step-width, 0%);z-index:-1}@media screen and (min-width: 768px){._active_3w204_18:before{top:20px}}

package/components/UiInput/_types.d.ts

@@ -1,5 +1,6 @@
 export declare enum EInputKind {
     DEFAULT = "DEFAULT",
     ERROR = "ERROR",
-    SUCCESS = "SUCCESS"
+    SUCCESS = "SUCCESS",
+    WARNING = "WARNING"
 }

package/components/UiInput/_types.js

@@ -1,4 +1,4 @@
-var S = /* @__PURE__ */ ((R) => (R.DEFAULT = "DEFAULT", R.ERROR = "ERROR", R.SUCCESS = "SUCCESS", R))(S || {});
+var S = /* @__PURE__ */ ((R) => (R.DEFAULT = "DEFAULT", R.ERROR = "ERROR", R.SUCCESS = "SUCCESS", R.WARNING = "WARNING", R))(S || {});
 export {
   S as EInputKind
 };

package/components/UiInput/_types.js.map

@@ -1 +1 @@
-{"version":3,"file":"_types.js","sources":["../../../src/components/UiInput/_types.ts"],"sourcesContent":["export enum EInputKind {\n\tDEFAULT = \"DEFAULT\",\n\tERROR = \"ERROR\",\n\tSUCCESS = \"SUCCESS\",\n}\n"],"names":["EInputKind"],"mappings":"AAAY,IAAAA,sBAAAA,OACXA,EAAA,UAAU,WACVA,EAAA,QAAQ,SACRA,EAAA,UAAU,WAHCA,IAAAA,KAAA,CAAA,CAAA;"}
+{"version":3,"file":"_types.js","sources":["../../../src/components/UiInput/_types.ts"],"sourcesContent":["export enum EInputKind {\n\tDEFAULT = \"DEFAULT\",\n\tERROR = \"ERROR\",\n\tSUCCESS = \"SUCCESS\",\n\tWARNING = \"WARNING\",\n}\n"],"names":["EInputKind"],"mappings":"AAAY,IAAAA,sBAAAA,OACXA,EAAA,UAAU,WACVA,EAAA,QAAQ,SACRA,EAAA,UAAU,WACVA,EAAA,UAAU,WAJCA,IAAAA,KAAA,CAAA,CAAA;"}

package/components/UiNavigationSteps/UiNavigationStep.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { INavStepProps } from './_types';
+export declare const UiNavigationStep: React.FC<INavStepProps>;

package/components/UiNavigationSteps/UiNavigationStep.js

@@ -0,0 +1,115 @@
+import { jsx as m, jsxs as E } from "react/jsx-runtime";
+import { useEffect as w } from "react";
+import n from "classnames";
+import { ENavStepStatus as e } from "./_types.js";
+import { UiTypography as g } from "../UiTypography/UiTypography.js";
+import { ETypographySizes as h, ETextWeight as I } from "../UiTypography/_types.js";
+import { u as $, s as S } from "../../UiNavigationSteps-N3juxg3H.js";
+function z(r, a) {
+  return n(
+    `
+			flex
+			transform
+			items-center
+			justify-center
+			rounded-full
+			border
+			text-secondary-400
+			transition-all
+			duration-100
+			ease-in-out
+			md:h-xl
+			md:w-full
+			md:px-xs
+			md:py-xxs
+			lg:px-sm
+		`,
+    !a && "bg-secondary-400",
+    a && "cursor-pointer",
+    r === e.COMPLETE && "size-sm border-secondary-400 bg-secondary-400 p-xs text-white",
+    r === e.ACTIVE && "border-secondary-400 bg-secondary-alt-200 px-xs py-xxs text-secondary-400",
+    r === e.INACTIVE && "size-sm border-secondary-alt-500 bg-white p-xs text-secondary-alt-500"
+  );
+}
+const R = ({
+  id: r,
+  name: a,
+  subSteps: s = [],
+  className: T = "",
+  onClick: y,
+  order: l = 1,
+  totalSteps: u = 1,
+  isActive: C = !1,
+  isComplete: c = !1,
+  icon: A
+}) => {
+  const { currentStepId: i, updateSubstepProgress: p, registerStep: N } = $(), f = s.some((x) => x.id === i), o = s.length > 0;
+  w(() => {
+    N(r, o), o && p(r, i, s);
+  }, [r, o, s, i, p]);
+  const t = !c && (C || f) ? e.ACTIVE : c ? e.COMPLETE : e.INACTIVE, V = () => {
+    t !== e.INACTIVE && y?.();
+  }, b = () => l / u * 100, d = t !== e.INACTIVE, v = o ? c ? ` ${s.length}/${s.length}` : f ? ` ${s.findIndex((x) => x.id === i) + 1}/${s.length}` : ` ${l}/${s.length}` : null;
+  return /* @__PURE__ */ m(
+    "div",
+    {
+      style: t === e.ACTIVE ? {
+        "--step-width": `${b()}%`
+      } : {},
+      className: n(
+        "flex flex-col gap-xxs md:flex-row md:items-center",
+        {
+          [S.active]: t === e.ACTIVE
+        }
+      ),
+      children: /* @__PURE__ */ m(
+        "button",
+        {
+          onClick: V,
+          "aria-current": t === e.ACTIVE ? "step" : void 0,
+          "aria-disabled": !d,
+          disabled: !d,
+          className: n(z(t, d), T),
+          children: /* @__PURE__ */ E(
+            g,
+            {
+              className: "flex place-items-center gap-xxs",
+              weight: t === e.ACTIVE ? I.SEMI_BOLD : I.REGULAR,
+              lineHeight: !0,
+              size: h.XS,
+              children: [
+                t === e.COMPLETE ? A : /* @__PURE__ */ m(
+                  g,
+                  {
+                    className: n({
+                      "font-semibold md:font-medium": t === e.INACTIVE
+                    }),
+                    tag: "span",
+                    size: h.SM,
+                    children: l
+                  }
+                ),
+                /* @__PURE__ */ E(
+                  "span",
+                  {
+                    className: n("text-xxs text-nowrap md:text-xs", {
+                      "hidden md:inline": t !== e.ACTIVE
+                    }),
+                    children: [
+                      a,
+                      v
+                    ]
+                  }
+                )
+              ]
+            }
+          )
+        }
+      )
+    }
+  );
+};
+export {
+  R as UiNavigationStep
+};
+//# sourceMappingURL=UiNavigationStep.js.map

package/components/UiNavigationSteps/UiNavigationStep.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UiNavigationStep.js","sources":["../../../src/components/UiNavigationSteps/UiNavigationStep.tsx"],"sourcesContent":["import React, { useEffect  } from \"react\";\nimport cx from \"classnames\";\nimport { ENavStepStatus, type INavStepProps } from \"./_types\";\nimport { ETextWeight, ETypographySizes, UiTypography } from \"../UiTypography\";\nimport { useStepNav } from \"./UiNavigationSteps\";\nimport styles from \"./UiNavigationSteps.module.css\";\n\nfunction getStepClasses(status: ENavStepStatus, isClickable: boolean) {\n\treturn cx(\n\t\t`\n\t\t\tflex\n\t\t\ttransform\n\t\t\titems-center\n\t\t\tjustify-center\n\t\t\trounded-full\n\t\t\tborder\n\t\t\ttext-secondary-400\n\t\t\ttransition-all\n\t\t\tduration-100\n\t\t\tease-in-out\n\t\t\tmd:h-xl\n\t\t\tmd:w-full\n\t\t\tmd:px-xs\n\t\t\tmd:py-xxs\n\t\t\tlg:px-sm\n\t\t`,\n\t\t!isClickable && \"bg-secondary-400\",\n\t\tisClickable && \"cursor-pointer\",\n\t\tstatus === ENavStepStatus.COMPLETE\n\t\t&& \"size-sm border-secondary-400 bg-secondary-400 p-xs text-white\",\n\t\tstatus === ENavStepStatus.ACTIVE\n\t\t&& \"border-secondary-400 bg-secondary-alt-200 px-xs py-xxs text-secondary-400\",\n\t\tstatus === ENavStepStatus.INACTIVE\n\t\t&& \"size-sm border-secondary-alt-500 bg-white p-xs text-secondary-alt-500\",\n\t);\n}\n\nexport const UiNavigationStep: React.FC<INavStepProps> = ({\n\tid,\n\tname,\n\tsubSteps = [],\n\tclassName = \"\",\n\tonClick,\n\torder = 1,\n\ttotalSteps = 1,\n\tisActive = false,\n\tisComplete = false,\n\ticon\n}) => {\n\tconst { currentStepId, updateSubstepProgress, registerStep } = useStepNav();\n\tconst isSubstepActive = subSteps.some((subStep) => subStep.id === currentStepId);\n\tconst hasSubsteps = subSteps.length > 0;\n\n\tuseEffect(() => {\n\t\tregisterStep(id, hasSubsteps);\n\n\t\tif (hasSubsteps) {\n\t\t\tupdateSubstepProgress(id, currentStepId, subSteps);\n\t\t}\n\t}, [id, hasSubsteps, subSteps, currentStepId, updateSubstepProgress]);\n\n\tconst status = !isComplete && (isActive || isSubstepActive)\n\t\t? ENavStepStatus.ACTIVE\n\t\t: isComplete\n\t\t\t? ENavStepStatus.COMPLETE\n\t\t\t: ENavStepStatus.INACTIVE;\n\n\tconst handleClick = () => {\n\t\tif (status !== ENavStepStatus.INACTIVE) {\n\t\t\tonClick?.();\n\t\t}\n\t};\n\n\tconst calculateWidth = () => (order / totalSteps) * 100;\n\n\tconst isClickable = status !== ENavStepStatus.INACTIVE;\n\n\tconst progressText = hasSubsteps\n\t\t? isComplete\n\t\t\t? ` ${subSteps.length}/${subSteps.length}`\n\t\t\t: isSubstepActive\n\t\t\t\t? ` ${subSteps.findIndex((step) => step.id === currentStepId) + 1}/${subSteps.length}`\n\t\t\t\t: ` ${order}/${subSteps.length}`\n\t\t: null;\n\n\treturn (\n\t\t<div\n\t\t\tstyle={ status === ENavStepStatus.ACTIVE\n\t\t\t\t? ({\n\t\t\t\t\t\"--step-width\": `${calculateWidth()}%`\n\t\t\t\t} as React.CSSProperties)\n\t\t\t\t: {} }\n\t\t\tclassName={ cx(\"flex flex-col gap-xxs md:flex-row md:items-center\", {\n\t\t\t\t[styles.active]: status === ENavStepStatus.ACTIVE,\n\t\t\t},\n\t\t\t) }\n\t\t>\n\t\t\t<button\n\t\t\t\tonClick={ handleClick }\n\t\t\t\taria-current={ status === ENavStepStatus.ACTIVE\n\t\t\t\t\t? \"step\"\n\t\t\t\t\t: undefined }\n\t\t\t\taria-disabled={ !isClickable }\n\t\t\t\tdisabled={ !isClickable }\n\t\t\t\tclassName={ cx(getStepClasses(status, isClickable), className) }\n\t\t\t>\n\t\t\t\t<UiTypography\n\t\t\t\t\tclassName=\"flex place-items-center gap-xxs\"\n\t\t\t\t\tweight={ status === ENavStepStatus.ACTIVE\n\t\t\t\t\t\t? ETextWeight.SEMI_BOLD\n\t\t\t\t\t\t: ETextWeight.REGULAR }\n\t\t\t\t\tlineHeight\n\t\t\t\t\tsize={ ETypographySizes.XS }\n\t\t\t\t>\n\t\t\t\t\t{ status === ENavStepStatus.COMPLETE\n\t\t\t\t\t\t? icon\n\t\t\t\t\t\t: (\n\t\t\t\t\t\t\t<UiTypography\n\t\t\t\t\t\t\t\tclassName={ cx({\n\t\t\t\t\t\t\t\t\t\"font-semibold md:font-medium\": status === ENavStepStatus.INACTIVE,\n\t\t\t\t\t\t\t\t}) }\n\t\t\t\t\t\t\t\ttag=\"span\"\n\t\t\t\t\t\t\t\tsize={ ETypographySizes.SM }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{  order }\n\t\t\t\t\t\t\t</UiTypography>\n\t\t\t\t\t\t) }\n\t\t\t\t\t{\n\n\t\t\t\t\t\t<span\n\t\t\t\t\t\t\tclassName={ cx(\"text-xxs text-nowrap md:text-xs\", {\n\t\t\t\t\t\t\t\t\"hidden md:inline\": status !== ENavStepStatus.ACTIVE,\n\t\t\t\t\t\t\t}) }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ name }\n\t\t\t\t\t\t\t{ progressText }\n\t\t\t\t\t\t</span>\n\n\t\t\t\t\t}\n\t\t\t\t</UiTypography>\n\n\t\t\t</button>\n\t\t</div>\n\t);\n};\n"],"names":["getStepClasses","status","isClickable","cx","ENavStepStatus","UiNavigationStep","id","name","subSteps","className","onClick","order","totalSteps","isActive","isComplete","icon","currentStepId","updateSubstepProgress","registerStep","useStepNav","isSubstepActive","subStep","hasSubsteps","useEffect","handleClick","calculateWidth","progressText","step","jsx","styles","jsxs","UiTypography","ETextWeight","ETypographySizes"],"mappings":"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"}

package/components/UiNavigationSteps/UiNavigationSteps.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+import { INavigationStepContext } from './_types';
+export declare const UiNavigationSteps: React.FC<{
+    initialStepId: string;
+    children: React.ReactNode;
+    className?: string;
+    complete?: boolean;
+}>;
+export declare const useStepNav: () => INavigationStepContext;

package/components/UiNavigationSteps/UiNavigationSteps.js

@@ -0,0 +1,9 @@
+import "react/jsx-runtime";
+import "react";
+import "classnames";
+import { U as r, u as e } from "../../UiNavigationSteps-N3juxg3H.js";
+export {
+  r as UiNavigationSteps,
+  e as useStepNav
+};
+//# sourceMappingURL=UiNavigationSteps.js.map

package/components/UiNavigationSteps/UiNavigationSteps.js.map

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

package/components/UiNavigationSteps/_types.d.ts

@@ -0,0 +1,29 @@
+import { ReactNode } from 'react';
+export declare enum ENavStepStatus {
+    COMPLETE = "complete",
+    ACTIVE = "active",
+    INACTIVE = "inactive"
+}
+export interface INavSubStep {
+    id: string;
+    name: string;
+}
+export interface INavigationStepContext {
+    currentStepId: string;
+    completedSteps: Set<string>;
+    navigateToStep: (id: string) => void;
+    registerStep: (id: string, hasSubsteps: boolean) => void;
+    updateSubstepProgress: (stepId: string, substepId: string, subSteps: INavSubStep[]) => void;
+}
+export interface INavStepProps {
+    id: string;
+    name: string;
+    subSteps?: INavSubStep[];
+    className?: string;
+    onClick?: () => void;
+    icon?: ReactNode;
+    order?: number;
+    totalSteps?: number;
+    isActive?: boolean;
+    isComplete?: boolean;
+}

package/components/UiNavigationSteps/_types.js

@@ -0,0 +1,5 @@
+var r = /* @__PURE__ */ ((e) => (e.COMPLETE = "complete", e.ACTIVE = "active", e.INACTIVE = "inactive", e))(r || {});
+export {
+  r as ENavStepStatus
+};
+//# sourceMappingURL=_types.js.map

package/components/UiNavigationSteps/_types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_types.js","sources":["../../../src/components/UiNavigationSteps/_types.ts"],"sourcesContent":["import type { ReactNode } from \"react\";\n\nexport enum ENavStepStatus {\n\tCOMPLETE = \"complete\",\n\tACTIVE = \"active\",\n\tINACTIVE = \"inactive\",\n}\n\nexport interface INavSubStep {\n\tid: string;\n\tname: string;\n}\n\nexport interface INavigationStepContext {\n\tcurrentStepId: string;\n\tcompletedSteps: Set<string>;\n\tnavigateToStep: (id: string) => void;\n\tregisterStep: (id: string, hasSubsteps: boolean) => void;\n\tupdateSubstepProgress: (stepId: string, substepId: string, subSteps: INavSubStep[]) => void;\n}\n\nexport interface INavStepProps {\n\tid: string;\n\tname: string;\n\tsubSteps?: INavSubStep[];\n\tclassName?: string;\n\tonClick?: () => void;\n\ticon?: ReactNode;\n\torder?: number;\n\ttotalSteps?: number;\n\tisActive?: boolean;\n\tisComplete?: boolean;\n}\n"],"names":["ENavStepStatus"],"mappings":"AAEY,IAAAA,sBAAAA,OACXA,EAAA,WAAW,YACXA,EAAA,SAAS,UACTA,EAAA,WAAW,YAHAA,IAAAA,KAAA,CAAA,CAAA;"}

package/components/UiNavigationSteps/index.d.ts

@@ -0,0 +1,3 @@
+export { UiNavigationSteps } from './UiNavigationSteps.tsx';
+export { UiNavigationStep } from './UiNavigationStep.tsx';
+export * from './_types.ts';

package/components/UiNavigationSteps/index.js

@@ -0,0 +1,9 @@
+import { U as a } from "../../UiNavigationSteps-N3juxg3H.js";
+import { UiNavigationStep as i } from "./UiNavigationStep.js";
+import { ENavStepStatus as r } from "./_types.js";
+export {
+  r as ENavStepStatus,
+  i as UiNavigationStep,
+  a as UiNavigationSteps
+};
+//# sourceMappingURL=index.js.map

package/components/UiNavigationSteps/index.js.map

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

package/components/UiSelect/UiSelect.d.ts

@@ -6,6 +6,7 @@ type TSelectProps = {
     disabled?: boolean;
     value?: string | number | readonly string[];
     placeholder?: string;
+    prefixIcon?: React.ReactNode;
     postfixIcon?: React.ReactNode;
     className?: string;
     kind?: EInputKind;

package/components/UiSelect/UiSelect.js

@@ -1,79 +1,74 @@
-import { jsxs as o, jsx as e } from "react/jsx-runtime";
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
 import y from "react";
-import a from "classnames";
-import { UiTypography as s } from "../UiTypography/UiTypography.js";
-import { ETypographySizes as i } from "../UiTypography/_types.js";
-import { EColors as c } from "../../_types/colors.js";
+import l from "classnames";
+import { UiTypography as c } from "../UiTypography/UiTypography.js";
+import { ETypographySizes as d } from "../UiTypography/_types.js";
+import { EColors as a } from "../../_types/colors.js";
 import { EInputKind as r } from "../UiInput/_types.js";
-import '../../assets/UiSelect.css';const g = "_UiSelect_1fbno_1", w = {
-  UiSelect: g
+import '../../assets/UiSelect.css';const S = "_UiSelect_1fbno_1", w = {
+  UiSelect: S
 }, E = {
   [r.DEFAULT]: "border-secondary-alt-600",
   [r.ERROR]: "border-error",
-  [r.SUCCESS]: "border-primary-600"
-}, _ = ({
-  children: C,
-  heading: d,
-  subLabel: m,
-  disabled: u,
-  onChange: p,
-  className: f,
-  placeholder: h,
-  postfixIcon: x,
-  statusMessage: t,
-  kind: l,
+  [r.SUCCESS]: "border-primary-600",
+  [r.WARNING]: "border-warning-600"
+}, D = ({
+  children: N,
+  heading: m,
+  subLabel: u,
+  disabled: p,
+  onChange: h,
+  className: C,
+  placeholder: x,
+  prefixIcon: o,
+  postfixIcon: R,
+  statusMessage: s,
+  kind: t,
   ...n
 }) => {
-  const [R, S] = y.useState(n.value || n.defaultValue || ""), b = y.useCallback(
+  const [b, f] = y.useState(n.value || n.defaultValue || ""), g = y.useCallback(
     (v) => {
-      S(v.target.value), p?.(v);
+      f(v.target.value), h?.(v);
     },
-    [p]
+    [h]
   );
-  return /* @__PURE__ */ o("div", { className: a("ui-select", f), children: [
-    d ? /* @__PURE__ */ e(
-      s,
+  return /* @__PURE__ */ i("div", { className: l("ui-select", C), children: [
+    m ? /* @__PURE__ */ e(
+      c,
       {
-        size: i.MD,
+        size: d.MD,
         className: "mb-xxs",
-        children: d
+        children: m
       }
     ) : null,
-    /* @__PURE__ */ o("div", { className: a(
+    /* @__PURE__ */ i("div", { className: l(
       w.UiSelect,
+      "flex items-center gap-sm",
       "relative",
       "rounded-xl",
       "border",
       "hover:border-secondary-alt-600",
-      u ? ["pointer-events-none", "border-secondary-alt-300", "bg-secondary-alt-200"] : [l && E[l], "bg-white"]
+      p ? ["pointer-events-none", "border-secondary-alt-300", "bg-secondary-alt-200"] : [t && E[t], "bg-white"]
     ), children: [
-      /* @__PURE__ */ o(
+      o ? /* @__PURE__ */ e("div", { className: "flex items-center pl-sm", children: o }) : null,
+      /* @__PURE__ */ i(
         "select",
         {
           ...n,
-          className: `
-						m-0
-						w-full
-						cursor-pointer
-						appearance-none
-						border-0
-						bg-transparent
-						p-sm
-						pr-xl
-						leading-[20px]
-						text-secondary-alt
-						outline-0
-					`,
-          disabled: u,
-          value: R,
-          onChange: b,
+          className: l(
+            "m-0 w-full cursor-pointer appearance-none border-0 bg-transparent text-secondary-alt outline-0",
+            o ? "p-0 py-sm pr-xl" : "p-sm pr-xl"
+          ),
+          disabled: p,
+          value: b,
+          onChange: g,
           children: [
-            h ? /* @__PURE__ */ e("option", { value: "", disabled: !0, hidden: !0, children: h }) : null,
-            C
+            x ? /* @__PURE__ */ e("option", { value: "", disabled: !0, hidden: !0, children: x }) : null,
+            N
           ]
         }
       ),
-      /* @__PURE__ */ e("div", { className: "pointer-events-none absolute top-1/2 right-sm -translate-y-1/2", children: x || /* @__PURE__ */ e(
+      /* @__PURE__ */ e("div", { className: "pointer-events-none absolute top-1/2 right-sm -translate-y-1/2", children: R || /* @__PURE__ */ e(
         "svg",
         {
           width: "16",
@@ -91,33 +86,33 @@ import '../../assets/UiSelect.css';const g = "_UiSelect_1fbno_1", w = {
         }
       ) })
     ] }),
-    m ? /* @__PURE__ */ e(
-      s,
+    u ? /* @__PURE__ */ e(
+      c,
       {
-        size: i.SM,
-        color: c.SECONDARY_ALT,
+        size: d.SM,
+        color: a.SECONDARY_ALT,
         className: "mt-xxs",
-        children: m
+        children: u
       }
     ) : null,
-    t ? /* @__PURE__ */ e(
-      s,
+    s ? /* @__PURE__ */ e(
+      c,
       {
-        className: a(
+        className: l(
           "transition-all duration-300 ease-in-out",
           "mt-xxs max-h-0 gap-xxs overflow-hidden opacity-0",
           "data-[status=true]:max-h-full data-[status=true]:opacity-100"
         ),
         lineHeight: !0,
-        color: l === r.ERROR ? c.ERROR : c.PRIMARY,
-        size: i.SM,
-        "data-status": !!t,
-        children: t
+        color: t === r.ERROR ? a.ERROR : t === r.WARNING ? a.WARNING_500 : a.PRIMARY,
+        size: d.SM,
+        "data-status": !!s,
+        children: s
       }
     ) : null
   ] });
 };
 export {
-  _ as UiSelect
+  D as UiSelect
 };
 //# sourceMappingURL=UiSelect.js.map

package/components/UiSelect/UiSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"UiSelect.js","sources":["../../../src/components/UiSelect/UiSelect.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport { UiTypography, ETypographySizes, EColors } from \"../UiTypography\";\nimport styles from \"./UiSelect.module.css\";\nimport { EInputKind } from \"../UiInput\";\n\ntype TSelectProps = {\n\theading?: string\n\tsubLabel?: string;\n\tdisabled?: boolean;\n\tvalue?: string | number | readonly string[];\n\tplaceholder?: string;\n\tpostfixIcon?: React.ReactNode;\n\tclassName?: string;\n\tkind?: EInputKind;\n\tstatusMessage?: string | React.ReactElement;\n\tonChange?: (event: React.ChangeEvent<HTMLSelectElement>) => void;\n} & React.SelectHTMLAttributes<HTMLSelectElement>\n\nconst stateClasses = {\n\t[EInputKind.DEFAULT]: \"border-secondary-alt-600\",\n\t[EInputKind.ERROR]: \"border-error\",\n\t[EInputKind.SUCCESS]: \"border-primary-600\",\n};\n\nexport const UiSelect: React.FC<TSelectProps> = ({\n\tchildren,\n\theading,\n\tsubLabel,\n\tdisabled,\n\tonChange,\n\tclassName,\n\tplaceholder,\n\tpostfixIcon,\n\tstatusMessage,\n\tkind,\n\t...rest\n}) => {\n\tconst [value, setValue] = React.useState(rest.value || rest.defaultValue || \"\");\n\tconst handleChange = React.useCallback(\n\t\t(event: React.ChangeEvent<HTMLSelectElement>) => {\n\t\t\tsetValue(event.target.value);\n\t\t\tonChange?.(event);\n\t\t},\n\t\t[onChange],\n\t);\n\treturn (\n\t\t<div className={ cx(\"ui-select\", className) }>\n\t\t\t{ heading\n\t\t\t\t? <UiTypography\n\t\t\t\t\tsize={ ETypographySizes.MD }\n\t\t\t\t\tclassName=\"mb-xxs\">\n\t\t\t\t\t{ heading }\n\t\t\t\t</UiTypography>\n\t\t\t\t: null\n\t\t\t}\n\t\t\t<div className={ cx(styles.UiSelect,\n\t\t\t\t\"relative\",\n\t\t\t\t\"rounded-xl\",\n\t\t\t\t\"border\",\n\t\t\t\t\"hover:border-secondary-alt-600\",\n\t\t\t\tdisabled\n\t\t\t\t\t? [\"pointer-events-none\", \"border-secondary-alt-300\", \"bg-secondary-alt-200\"]\n\t\t\t\t\t: [kind && stateClasses[kind], \"bg-white\"]\n\t\t\t) }>\n\t\t\t\t<select\n\t\t\t\t\t{ ...rest }\n\t\t\t\t\tclassName=\"\n\t\t\t\t\t\tm-0\n\t\t\t\t\t\tw-full\n\t\t\t\t\t\tcursor-pointer\n\t\t\t\t\t\tappearance-none\n\t\t\t\t\t\tborder-0\n\t\t\t\t\t\tbg-transparent\n\t\t\t\t\t\tp-sm\n\t\t\t\t\t\tpr-xl\n\t\t\t\t\t\tleading-[20px]\n\t\t\t\t\t\ttext-secondary-alt\n\t\t\t\t\t\toutline-0\n\t\t\t\t\t\"\n\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t\tvalue={ value }\n\t\t\t\t\tonChange={ handleChange }\n\t\t\t\t>\n\t\t\t\t\t{ placeholder\n\t\t\t\t\t\t? <option value={ \"\" } disabled hidden>{ placeholder }</option>\n\t\t\t\t\t\t: null }\n\t\t\t\t\t{ children }\n\t\t\t\t</select>\n\t\t\t\t<div className=\"pointer-events-none absolute top-1/2 right-sm -translate-y-1/2\">\n\t\t\t\t\t{ postfixIcon\n\t\t\t\t\t\t? postfixIcon\n\t\t\t\t\t\t: (<svg\n\t\t\t\t\t\t\twidth=\"16\"\n\t\t\t\t\t\t\theight=\"16\"\n\t\t\t\t\t\t\tviewBox=\"0 0 16 16\"\n\t\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t\td=\"M13.25 6.8125L8.5 11.2812C8.34375 11.4375 8.15625 11.5 8 11.5C7.8125 11.5 7.625 11.4375 7.46875 11.3125L2.71875 6.8125C2.40625 6.53125 2.40625 6.0625 2.6875 5.75C2.96875 5.4375 3.4375 5.4375 3.75 5.71875L8 9.71875L12.2188 5.71875C12.5312 5.4375 13 5.4375 13.2812 5.75C13.5625 6.0625 13.5625 6.53125 13.25 6.8125Z\"\n\t\t\t\t\t\t\t\tfill=\"currentColor\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</svg>)\n\t\t\t\t\t}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t{ subLabel\n\t\t\t\t? (<UiTypography\n\t\t\t\t\tsize={ ETypographySizes.SM }\n\t\t\t\t\tcolor={ EColors.SECONDARY_ALT }\n\t\t\t\t\tclassName=\"mt-xxs\"\n\t\t\t\t>\n\t\t\t\t\t{ subLabel }\n\t\t\t\t</UiTypography>)\n\t\t\t\t: null\n\t\t\t}\n\n\t\t\t{ statusMessage\n\t\t\t\t? (\n\t\t\t\t\t<UiTypography\n\t\t\t\t\t\tclassName={ cx(\n\t\t\t\t\t\t\t\"transition-all duration-300 ease-in-out\",\n\t\t\t\t\t\t\t\"mt-xxs max-h-0 gap-xxs overflow-hidden opacity-0\",\n\t\t\t\t\t\t\t\"data-[status=true]:max-h-full data-[status=true]:opacity-100\"\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tlineHeight\n\t\t\t\t\t\tcolor={\n\t\t\t\t\t\t\tkind === EInputKind.ERROR\n\t\t\t\t\t\t\t\t? EColors.ERROR\n\t\t\t\t\t\t\t\t: EColors.PRIMARY\n\t\t\t\t\t\t}\n\t\t\t\t\t\tsize={ ETypographySizes.SM }\n\t\t\t\t\t\tdata-status={ !!statusMessage }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ statusMessage }\n\t\t\t\t\t</UiTypography>\n\t\t\t\t)\n\t\t\t\t: null }\n\t\t</div>\n\t);\n};\n"],"names":["stateClasses","EInputKind","UiSelect","children","heading","subLabel","disabled","onChange","className","placeholder","postfixIcon","statusMessage","kind","rest","value","setValue","React","handleChange","event","cx","jsx","UiTypography","ETypographySizes","jsxs","styles","EColors"],"mappings":";;;;;;;;;GAmBMA,IAAe;AAAA,EACpB,CAACC,EAAW,OAAO,GAAG;AAAA,EACtB,CAACA,EAAW,KAAK,GAAG;AAAA,EACpB,CAACA,EAAW,OAAO,GAAG;AACvB,GAEaC,IAAmC,CAAC;AAAA,EAChD,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,aAAAC;AAAA,EACA,eAAAC;AAAA,EACA,MAAAC;AAAA,EACA,GAAGC;AACJ,MAAM;AACC,QAAA,CAACC,GAAOC,CAAQ,IAAIC,EAAM,SAASH,EAAK,SAASA,EAAK,gBAAgB,EAAE,GACxEI,IAAeD,EAAM;AAAA,IAC1B,CAACE,MAAgD;AACvC,MAAAH,EAAAG,EAAM,OAAO,KAAK,GAC3BX,IAAWW,CAAK;AAAA,IACjB;AAAA,IACA,CAACX,CAAQ;AAAA,EACV;AACA,2BACE,OAAI,EAAA,WAAYY,EAAG,aAAaX,CAAS,GACvC,UAAA;AAAA,IACCJ,IAAA,gBAAAgB;AAAA,MAACC;AAAA,MAAA;AAAA,QACF,MAAOC,EAAiB;AAAA,QACxB,WAAU;AAAA,QACR,UAAAlB;AAAA,MAAA;AAAA,IAAA,IAED;AAAA,IAEH,gBAAAmB,EAAC,SAAI,WAAYJ;AAAA,MAAGK,EAAO;AAAA,MAC1B;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACAlB,IACG,CAAC,uBAAuB,4BAA4B,sBAAsB,IAC1E,CAACM,KAAQZ,EAAaY,CAAI,GAAG,UAAU;AAAA,IAE1C,GAAA,UAAA;AAAA,MAAA,gBAAAW;AAAA,QAAC;AAAA,QAAA;AAAA,UACE,GAAGV;AAAA,UACL,WAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAaV,UAAAP;AAAA,UACA,OAAAQ;AAAA,UACA,UAAWG;AAAA,UAET,UAAA;AAAA,YACCR,IAAA,gBAAAW,EAAC,YAAO,OAAQ,IAAK,UAAQ,IAAC,QAAM,IAAG,UAAAX,EAAA,CAAa,IACpD;AAAA,YACDN;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,MACC,gBAAAiB,EAAA,OAAA,EAAI,WAAU,kEACZ,eAEE,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACH,OAAM;AAAA,UACN,QAAO;AAAA,UACP,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,OAAM;AAAA,UAEN,UAAA,gBAAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACA,GAAE;AAAA,cACF,MAAK;AAAA,YAAA;AAAA,UAAA;AAAA,QACN;AAAA,MAAA,EAGH,CAAA;AAAA,IAAA,GACD;AAAA,IACEf,IACE,gBAAAe;AAAA,MAACC;AAAA,MAAA;AAAA,QACH,MAAOC,EAAiB;AAAA,QACxB,OAAQG,EAAQ;AAAA,QAChB,WAAU;AAAA,QAER,UAAApB;AAAA,MAAA;AAAA,IAAA,IAED;AAAA,IAGDM,IAEA,gBAAAS;AAAA,MAACC;AAAA,MAAA;AAAA,QACA,WAAYF;AAAA,UACX;AAAA,UACA;AAAA,UACA;AAAA,QACD;AAAA,QACA,YAAU;AAAA,QACV,OACCP,MAASX,EAAW,QACjBwB,EAAQ,QACRA,EAAQ;AAAA,QAEZ,MAAOH,EAAiB;AAAA,QACxB,eAAc,CAAC,CAACX;AAAA,QAEd,UAAAA;AAAA,MAAA;AAAA,IAAA,IAGF;AAAA,EAAA,GACJ;AAEF;"}
+{"version":3,"file":"UiSelect.js","sources":["../../../src/components/UiSelect/UiSelect.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport { UiTypography, ETypographySizes, EColors } from \"../UiTypography\";\nimport styles from \"./UiSelect.module.css\";\nimport { EInputKind } from \"../UiInput\";\n\ntype TSelectProps = {\n\theading?: string\n\tsubLabel?: string;\n\tdisabled?: boolean;\n\tvalue?: string | number | readonly string[];\n\tplaceholder?: string;\n\tprefixIcon?: React.ReactNode;\n\tpostfixIcon?: React.ReactNode;\n\tclassName?: string;\n\tkind?: EInputKind;\n\tstatusMessage?: string | React.ReactElement;\n\tonChange?: (event: React.ChangeEvent<HTMLSelectElement>) => void;\n} & React.SelectHTMLAttributes<HTMLSelectElement>\n\nconst stateClasses = {\n\t[EInputKind.DEFAULT]: \"border-secondary-alt-600\",\n\t[EInputKind.ERROR]: \"border-error\",\n\t[EInputKind.SUCCESS]: \"border-primary-600\",\n\t[EInputKind.WARNING]: \"border-warning-600\",\n};\n\nexport const UiSelect: React.FC<TSelectProps> = ({\n\tchildren,\n\theading,\n\tsubLabel,\n\tdisabled,\n\tonChange,\n\tclassName,\n\tplaceholder,\n\tprefixIcon,\n\tpostfixIcon,\n\tstatusMessage,\n\tkind,\n\t...rest\n}) => {\n\tconst [value, setValue] = React.useState(rest.value || rest.defaultValue || \"\");\n\tconst handleChange = React.useCallback(\n\t\t(event: React.ChangeEvent<HTMLSelectElement>) => {\n\t\t\tsetValue(event.target.value);\n\t\t\tonChange?.(event);\n\t\t},\n\t\t[onChange],\n\t);\n\treturn (\n\t\t<div className={ cx(\"ui-select\", className) }>\n\t\t\t{ heading\n\t\t\t\t? <UiTypography\n\t\t\t\t\tsize={ ETypographySizes.MD }\n\t\t\t\t\tclassName=\"mb-xxs\">\n\t\t\t\t\t{ heading }\n\t\t\t\t</UiTypography>\n\t\t\t\t: null\n\t\t\t}\n\t\t\t<div className={ cx(styles.UiSelect,\n\t\t\t\t\"flex items-center gap-sm\",\n\t\t\t\t\"relative\",\n\t\t\t\t\"rounded-xl\",\n\t\t\t\t\"border\",\n\t\t\t\t\"hover:border-secondary-alt-600\",\n\t\t\t\tdisabled\n\t\t\t\t\t? [\"pointer-events-none\", \"border-secondary-alt-300\", \"bg-secondary-alt-200\"]\n\t\t\t\t\t: [kind && stateClasses[kind], \"bg-white\"]\n\t\t\t) }>\n\t\t\t\t{ prefixIcon\n\t\t\t\t\t? <div className=\"flex items-center pl-sm\">{ prefixIcon }</div>\n\t\t\t\t\t: null }\n\t\t\t\t<select\n\t\t\t\t\t{ ...rest }\n\t\t\t\t\tclassName={ cx(\n\t\t\t\t\t\t\"m-0 w-full cursor-pointer appearance-none border-0 bg-transparent text-secondary-alt outline-0\",\n\t\t\t\t\t\tprefixIcon\n\t\t\t\t\t\t\t? \"p-0 py-sm pr-xl\"\n\t\t\t\t\t\t\t: \"p-sm pr-xl\"\n\t\t\t\t\t) }\n\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t\tvalue={ value }\n\t\t\t\t\tonChange={ handleChange }\n\t\t\t\t>\n\t\t\t\t\t{ placeholder\n\t\t\t\t\t\t? <option value={ \"\" } disabled hidden>{ placeholder }</option>\n\t\t\t\t\t\t: null }\n\t\t\t\t\t{ children }\n\t\t\t\t</select>\n\t\t\t\t<div className=\"pointer-events-none absolute top-1/2 right-sm -translate-y-1/2\">\n\t\t\t\t\t{ postfixIcon\n\t\t\t\t\t\t? postfixIcon\n\t\t\t\t\t\t: (<svg\n\t\t\t\t\t\t\twidth=\"16\"\n\t\t\t\t\t\t\theight=\"16\"\n\t\t\t\t\t\t\tviewBox=\"0 0 16 16\"\n\t\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t\td=\"M13.25 6.8125L8.5 11.2812C8.34375 11.4375 8.15625 11.5 8 11.5C7.8125 11.5 7.625 11.4375 7.46875 11.3125L2.71875 6.8125C2.40625 6.53125 2.40625 6.0625 2.6875 5.75C2.96875 5.4375 3.4375 5.4375 3.75 5.71875L8 9.71875L12.2188 5.71875C12.5312 5.4375 13 5.4375 13.2812 5.75C13.5625 6.0625 13.5625 6.53125 13.25 6.8125Z\"\n\t\t\t\t\t\t\t\tfill=\"currentColor\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</svg>)\n\t\t\t\t\t}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t{ subLabel\n\t\t\t\t? (<UiTypography\n\t\t\t\t\tsize={ ETypographySizes.SM }\n\t\t\t\t\tcolor={ EColors.SECONDARY_ALT }\n\t\t\t\t\tclassName=\"mt-xxs\"\n\t\t\t\t>\n\t\t\t\t\t{ subLabel }\n\t\t\t\t</UiTypography>)\n\t\t\t\t: null\n\t\t\t}\n\n\t\t\t{ statusMessage\n\t\t\t\t? (\n\t\t\t\t\t<UiTypography\n\t\t\t\t\t\tclassName={ cx(\n\t\t\t\t\t\t\t\"transition-all duration-300 ease-in-out\",\n\t\t\t\t\t\t\t\"mt-xxs max-h-0 gap-xxs overflow-hidden opacity-0\",\n\t\t\t\t\t\t\t\"data-[status=true]:max-h-full data-[status=true]:opacity-100\"\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tlineHeight\n\t\t\t\t\t\tcolor={\n\t\t\t\t\t\t\tkind === EInputKind.ERROR\n\t\t\t\t\t\t\t\t? EColors.ERROR\n\t\t\t\t\t\t\t\t: kind === EInputKind.WARNING\n\t\t\t\t\t\t\t\t\t? EColors.WARNING_500\n\t\t\t\t\t\t\t\t\t: EColors.PRIMARY\n\t\t\t\t\t\t}\n\t\t\t\t\t\tsize={ ETypographySizes.SM }\n\t\t\t\t\t\tdata-status={ !!statusMessage }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ statusMessage }\n\t\t\t\t\t</UiTypography>\n\t\t\t\t)\n\t\t\t\t: null }\n\t\t</div>\n\t);\n};\n"],"names":["stateClasses","EInputKind","UiSelect","children","heading","subLabel","disabled","onChange","className","placeholder","prefixIcon","postfixIcon","statusMessage","kind","rest","value","setValue","React","handleChange","event","cx","jsx","UiTypography","ETypographySizes","jsxs","styles","EColors"],"mappings":"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"}

package/index.d.ts

@@ -22,3 +22,4 @@ export * from './components/UiTable';
 export * from './components/UiTabs';
 export * from './components/UiToggle';
 export * from './components/UiTypography';
+export * from './components/UiNavigationSteps';

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "bonkers-ui",
-    "version": "v2.0.9",
+    "version": "v2.0.11",
     "type": "module",
     "description": "Bonkers ui library",
     "author": "cc6.magister@gmail.com",