@dgshahr/ui-kit 0.0.77 → 0.0.79

package/dist/Accordion/AccordionItem.d.ts

@@ -4,6 +4,7 @@ interface AccordionItemProps {
     accordionKey?: string;
     className?: string;
     contentClassName?: string;
+    hideDivider?: boolean;
 }
 declare const AccordionItem: FC<PropsWithChildren<AccordionItemProps>>;
 export default AccordionItem;

package/dist/Accordion/AccordionItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionItem.d.ts","sourceRoot":"","sources":["../../src/components/Accordion/AccordionItem.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,EAAE,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAK9D,UAAU,kBAAkB;IAC1B,KAAK,EAAE,SAAS,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,QAAA,MAAM,aAAa,EAAE,EAAE,CAAC,iBAAiB,CAAC,kBAAkB,CAAC,CA0D5D,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"AccordionItem.d.ts","sourceRoot":"","sources":["../../src/components/Accordion/AccordionItem.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,EAAE,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAK9D,UAAU,kBAAkB;IAC1B,KAAK,EAAE,SAAS,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,QAAA,MAAM,aAAa,EAAE,EAAE,CAAC,iBAAiB,CAAC,kBAAkB,CAAC,CA4D5D,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/Accordion/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../assets/styles.css');;/* empty css                   */const o=require("../AccordionItem-U3jVG5e6.cjs");exports.AccordionGroup=o.AccordionGroup;exports.AccordionItem=o.AccordionItem;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../assets/styles.css');;/* empty css                   */const o=require("../AccordionItem-CpjwOEDp.cjs");exports.AccordionGroup=o.AccordionGroup;exports.AccordionItem=o.AccordionItem;

package/dist/Accordion/index.js

@@ -1,5 +1,5 @@
 import '../assets/styles.css';/* empty css                 */
-import { A as a, a as i } from "../AccordionItem-249c_E9c.js";
+import { A as a, a as i } from "../AccordionItem-BBAVaF6W.js";
 export {
   a as AccordionGroup,
   i as AccordionItem

package/dist/AccordionItem-BBAVaF6W.js

@@ -0,0 +1,85 @@
+"use client";
+import { jsx as t, jsxs as m } from "react/jsx-runtime";
+import { c as d } from "./clsx-OuTLNxxd.js";
+import { createContext as x, useContext as v, useState as w, useId as A } from "react";
+import { A as N } from "./ArrowDown2-CMeKw_vj.js";
+import I from "./Divider/index.js";
+const f = x({
+  activeKey: null,
+  setActiveKey: () => {
+  }
+}), b = () => v(f);
+function C(i, s = !1) {
+  if (!i) return s ? [] : null;
+  const e = Array.isArray(i);
+  return s ? e ? i : [i] : e ? i[0] : i;
+}
+const G = (i) => {
+  const { defaultActiveKey: s, className: e, children: a, disableAccordion: u } = i, [l, g] = w(
+    C(s, u)
+  );
+  return /* @__PURE__ */ t("div", { className: d("dgs-ui-kit-flex dgs-ui-kit-flex-col", e), children: /* @__PURE__ */ t(
+    f.Provider,
+    {
+      value: {
+        activeKey: l,
+        setActiveKey: g
+      },
+      children: a
+    }
+  ) });
+}, P = (i) => {
+  const { children: s, title: e, accordionKey: a, className: u, contentClassName: l, hideDivider: g = !1 } = i, { activeKey: o, setActiveKey: c } = b(), h = A(), r = a ?? h, k = Array.isArray(o), n = k ? o.includes(r) : r === o;
+  function y() {
+    c(n ? k ? o.filter((p) => p !== r) : null : k ? [...o, r] : r);
+  }
+  return /* @__PURE__ */ m("div", { className: d("dgs-ui-kit-bg-white dgs-ui-kit-px-4 dgs-ui-kit-pt-4", u), children: [
+    /* @__PURE__ */ m(
+      "button",
+      {
+        className: d(
+          "dgs-ui-kit-flex dgs-ui-kit-justify-between dgs-ui-kit-items-center dgs-ui-kit-w-full",
+          n ? "dgs-ui-kit-text-primary-500" : "dgs-ui-kit-text-gray-600"
+        ),
+        onClick: y,
+        children: [
+          /* @__PURE__ */ t("div", { className: n ? "dgs-ui-kit-font-h5-bold" : "dgs-ui-kit-font-p1-medium", children: e }),
+          /* @__PURE__ */ t(
+            N,
+            {
+              className: d(
+                "dgs-ui-kit-transition dgs-ui-kit-duration-300 dgs-ui-kit-ease-in-out dgs-ui-kit-shrink-0 dgs-ui-kit-w-auto dgs-ui-kit-h-auto",
+                n && "dgs-ui-kit-rotate-180"
+              ),
+              width: 20,
+              height: 20
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ t(
+      "div",
+      {
+        className: d(
+          "dgs-ui-kit-grid dgs-ui-kit-font-p1-regular dgs-ui-kit-text-gray-600 dgs-ui-kit-overflow-hidden dgs-ui-kit-transition-all dgs-ui-kit-duration-300 dgs-ui-kit-ease-in-out",
+          n ? "dgs-ui-kit-grid-rows-[1fr] dgs-ui-kit-opacity-100 dgs-ui-kit-mt-3" : "dgs-ui-kit-grid-rows-[0fr] dgs-ui-kit-opacity-0",
+          l
+        ),
+        children: /* @__PURE__ */ t("div", { className: "dgs-ui-kit-overflow-hidden", children: s })
+      }
+    ),
+    !g && /* @__PURE__ */ t(
+      I,
+      {
+        type: "horizontal",
+        color: "white",
+        className: "dgs-ui-kit-mt-4"
+      }
+    )
+  ] });
+};
+export {
+  G as A,
+  P as a
+};

package/dist/AccordionItem-CpjwOEDp.cjs

@@ -0,0 +1 @@
+"use client";"use strict";const t=require("react/jsx-runtime"),n=require("./clsx-C11secjj.cjs"),u=require("react"),v=require("./ArrowDown2-O11Hxz6e.cjs"),w=require("./Divider/index.cjs"),m=u.createContext({activeKey:null,setActiveKey:()=>{}}),A=()=>u.useContext(m);function j(i,s=!1){if(!i)return s?[]:null;const e=Array.isArray(i);return s?e?i:[i]:e?i[0]:i}const N=i=>{const{defaultActiveKey:s,className:e,children:a,disableAccordion:l}=i,[g,k]=u.useState(j(s,l));return t.jsx("div",{className:n.clsx("dgs-ui-kit-flex dgs-ui-kit-flex-col",e),children:t.jsx(m.Provider,{value:{activeKey:g,setActiveKey:k},children:a})})},p=i=>{const{children:s,title:e,accordionKey:a,className:l,contentClassName:g,hideDivider:k=!1}=i,{activeKey:r,setActiveKey:d}=A(),f=u.useId(),o=a??f,x=Array.isArray(r),c=x?r.includes(o):o===r;function h(){d(c?x?r.filter(y=>y!==o):null:x?[...r,o]:o)}return t.jsxs("div",{className:n.clsx("dgs-ui-kit-bg-white dgs-ui-kit-px-4 dgs-ui-kit-pt-4",l),children:[t.jsxs("button",{className:n.clsx("dgs-ui-kit-flex dgs-ui-kit-justify-between dgs-ui-kit-items-center dgs-ui-kit-w-full",c?"dgs-ui-kit-text-primary-500":"dgs-ui-kit-text-gray-600"),onClick:h,children:[t.jsx("div",{className:c?"dgs-ui-kit-font-h5-bold":"dgs-ui-kit-font-p1-medium",children:e}),t.jsx(v.ArrowDown2Icon,{className:n.clsx("dgs-ui-kit-transition dgs-ui-kit-duration-300 dgs-ui-kit-ease-in-out dgs-ui-kit-shrink-0 dgs-ui-kit-w-auto dgs-ui-kit-h-auto",c&&"dgs-ui-kit-rotate-180"),width:20,height:20})]}),t.jsx("div",{className:n.clsx("dgs-ui-kit-grid dgs-ui-kit-font-p1-regular dgs-ui-kit-text-gray-600 dgs-ui-kit-overflow-hidden dgs-ui-kit-transition-all dgs-ui-kit-duration-300 dgs-ui-kit-ease-in-out",c?"dgs-ui-kit-grid-rows-[1fr] dgs-ui-kit-opacity-100 dgs-ui-kit-mt-3":"dgs-ui-kit-grid-rows-[0fr] dgs-ui-kit-opacity-0",g),children:t.jsx("div",{className:"dgs-ui-kit-overflow-hidden",children:s})}),!k&&t.jsx(w,{type:"horizontal",color:"white",className:"dgs-ui-kit-mt-4"})]})};exports.AccordionGroup=N;exports.AccordionItem=p;

package/dist/Form/Select/types.d.ts

@@ -8,7 +8,6 @@ export type Option<T> = {
 };
 type SelectPropsBase<T> = {
     options: Option<T>[];
-    optionsContainer?: 'drawer' | 'popover';
     searchable?: boolean | Omit<InputProps, 'onChange'>;
     optionCell?: (option: Option<T>, isActive: boolean) => ReactNode;
     optionCellClassName?: string;

package/dist/Form/Select/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Select/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAC3C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAEzE,MAAM,MAAM,MAAM,CAAC,CAAC,IAAI;IACtB,KAAK,EAAE,CAAC,CAAC;IACT,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AACF,KAAK,eAAe,CAAC,CAAC,IAAI;IACxB,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;IACrB,gBAAgB,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IACxC,UAAU,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC;IACpD,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,OAAO,KAAK,SAAS,CAAC;IACjE,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,sBAAsB,CAAC,EAAE,OAAO,CAAC;CAClC,CAAC;AAEF,MAAM,MAAM,oBAAoB,CAAC,CAAC,IAAI;IACpC,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,KAAK,EAAE,CAAC,CAAC;IACT,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC7B,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,uBAAuB,CAAC,EAAE,KAAK,CAAC;CACjC,CAAC;AAEF,MAAM,MAAM,sBAAsB,CAAC,CAAC,IAAI;IACtC,IAAI,EAAE,UAAU,CAAC;IACjB,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;IAC/B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,uBAAuB,CAAC,EAAE,OAAO,CAAC;CACnC,CAAC;AAEF,MAAM,MAAM,WAAW,CAAC,CAAC,IAAI,eAAe,CAAC,CAAC,CAAC,GAC7C,kBAAkB,GAClB,CAAC,oBAAoB,CAAC,CAAC,CAAC,GAAG,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Select/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAC3C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAEzE,MAAM,MAAM,MAAM,CAAC,CAAC,IAAI;IACtB,KAAK,EAAE,CAAC,CAAC;IACT,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AACF,KAAK,eAAe,CAAC,CAAC,IAAI;IACxB,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC;IACpD,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,OAAO,KAAK,SAAS,CAAC;IACjE,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,sBAAsB,CAAC,EAAE,OAAO,CAAC;CAClC,CAAC;AAEF,MAAM,MAAM,oBAAoB,CAAC,CAAC,IAAI;IACpC,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,KAAK,EAAE,CAAC,CAAC;IACT,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC7B,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,uBAAuB,CAAC,EAAE,KAAK,CAAC;CACjC,CAAC;AAEF,MAAM,MAAM,sBAAsB,CAAC,CAAC,IAAI;IACtC,IAAI,EAAE,UAAU,CAAC;IACjB,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;IAC/B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,uBAAuB,CAAC,EAAE,OAAO,CAAC;CACnC,CAAC;AAEF,MAAM,MAAM,WAAW,CAAC,CAAC,IAAI,eAAe,CAAC,CAAC,CAAC,GAC7C,kBAAkB,GAClB,CAAC,oBAAoB,CAAC,CAAC,CAAC,GAAG,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC"}

package/dist/Step-CZp-RQhJ.js

@@ -0,0 +1,129 @@
+"use client";
+import { jsx as i, jsxs as p, Fragment as S } from "react/jsx-runtime";
+import m, { createContext as v, useContext as b, useRef as w, useEffect as C } from "react";
+import { c as d } from "./clsx-OuTLNxxd.js";
+const f = v({
+  activeStep: 1,
+  stepOrientation: "horizontal",
+  size: "medium"
+}), k = () => {
+  const t = b(f);
+  if (!t) throw new Error("useStepperContext must be used within a StepperProvider");
+  return t;
+}, F = (t) => {
+  const { stepOrientation: e = "horizontal", size: s = "medium", activeStep: n = 0, children: c } = t, u = m.Children.toArray(c).filter(
+    m.isValidElement
+  ), a = n ?? 0, o = u.map((r, l) => m.cloneElement(r, {
+    index: l,
+    ...r.props
+  }));
+  return /* @__PURE__ */ i(f.Provider, { value: { activeStep: a, stepOrientation: e, size: s }, children: /* @__PURE__ */ i("div", { className: "dgs-ui-kit-flex dgs-ui-kit-justify-center dgs-ui-kit-flex-row dgs-ui-kit-gap-5 no-scrollbar dgs-ui-kit-overflow-x-auto", children: o }) });
+}, z = (t) => typeof t > "u" || t === null, h = (t, e) => t === e ? "current" : t > e ? "complete" : "incomplete", N = {
+  complete: "dgs-ui-kit-bg-teal-500 dgs-ui-kit-opacity-100",
+  current: "dgs-ui-kit-bg-gray-300 dgs-ui-kit-opacity-75",
+  incomplete: "dgs-ui-kit-bg-gray-200 dgs-ui-kit-opacity-50"
+}, I = ({ index: t }) => {
+  const { activeStep: e, stepOrientation: s } = k(), n = h(e, t - 1);
+  return /* @__PURE__ */ i(
+    "div",
+    {
+      className: d(
+        "dgs-ui-kit-flex dgs-ui-kit-min-w-5 dgs-ui-kit-items-center dgs-ui-kit-w-full",
+        s === "vertical" ? "dgs-ui-kit-h-10" : "dgs-ui-kit-h-15"
+      ),
+      children: /* @__PURE__ */ i(
+        "div",
+        {
+          className: d(
+            "dgs-ui-kit-h-0.5 dgs-ui-kit-w-full dgs-ui-kit-rounded-md",
+            N[n]
+          )
+        }
+      )
+    }
+  );
+}, M = {
+  complete: "dgs-ui-kit-text-secondary-400 dgs-ui-kit-rounded-lg",
+  current: "dgs-ui-kit-bg-primary-50 dgs-ui-kit-text-primary-400 dgs-ui-kit-rounded-lg",
+  incomplete: "dgs-ui-kit-bg-gray-50 dgs-ui-kit-text-gray-400 dgs-ui-kit-rounded-lg"
+}, E = {
+  medium: "dgs-ui-kit-w-10 dgs-ui-kit-h-10 dgs-ui-kit-text-xl",
+  small: "dgs-ui-kit-w-10 dgs-ui-kit-h-10 dgs-ui-kit-text-lg"
+}, O = (t) => {
+  const { status: e, icon: s, activeIcon: n, completeIcon: c } = t, { size: u } = k(), o = {
+    incomplete: s,
+    current: n,
+    complete: c
+  }[e] ?? s, r = d(
+    M[e],
+    E[u],
+    "dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-justify-center dgs-ui-kit-min-w-10"
+  );
+  return /* @__PURE__ */ i("div", { className: r, children: o });
+}, j = {
+  complete: "dgs-ui-kit-text-secondary-500",
+  current: "dgs-ui-kit-text-primary-500 dgs-ui-kit-font-medium dgs-ui-kit-font-semibold",
+  incomplete: "dgs-ui-kit-text-gray-400"
+}, H = {
+  small: "dgs-ui-kit-text-sm",
+  medium: "dgs-ui-kit-text-base"
+}, A = {
+  horizontal: "dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-gap-2",
+  vertical: "dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-gap-2 dgs-ui-kit-flex-col"
+}, T = (t) => {
+  const { index: e, title: s, subTitle: n, icon: c, activeIcon: u, completeIcon: a } = t, o = w(null), { size: r, activeStep: l, stepOrientation: x } = k();
+  if (z(e))
+    throw new Error(
+      `expected index to be a number but instead got: ${e}, you are probably rendering <Step /> component outside of <Stepper />`
+    );
+  const g = h(l, e), y = d(
+    "dgs-ui-kit-flex dgs-ui-kit-flex-grow dgs-ui-kit-min-w-max",
+    j[g],
+    H[r],
+    A[x]
+  );
+  return C(() => {
+    g === "current" && o.current?.scrollIntoView({
+      behavior: "smooth",
+      block: "center",
+      inline: "center"
+    });
+  }, [g]), /* @__PURE__ */ p(S, { children: [
+    e !== 0 && /* @__PURE__ */ i(I, { index: e }),
+    /* @__PURE__ */ p(
+      "div",
+      {
+        className: y,
+        ref: o,
+        children: [
+          /* @__PURE__ */ i(
+            O,
+            {
+              status: g,
+              icon: c,
+              activeIcon: u,
+              completeIcon: a
+            }
+          ),
+          /* @__PURE__ */ p(
+            "div",
+            {
+              className: d(
+                "dgs-ui-kit-flex dgs-ui-kit-flex-col dgs-ui-kit-gap-1 dgs-ui-kit-mt-0",
+                x === "vertical" && "dgs-ui-kit-items-center"
+              ),
+              children: [
+                e === l && /* @__PURE__ */ i("p", { className: "dgs-ui-kit-font-normal dgs-ui-kit-text-gray-400", children: n }),
+                /* @__PURE__ */ i("p", { className: "dgs-ui-kit-text-center", children: s })
+              ]
+            }
+          )
+        ]
+      }
+    )
+  ] });
+};
+export {
+  F as H,
+  T as a
+};

package/dist/Step-CtqJxQMY.cjs

@@ -0,0 +1 @@
+"use client";"use strict";const i=require("react/jsx-runtime"),o=require("react"),a=require("./clsx-C11secjj.cjs"),x=o.createContext({activeStep:1,stepOrientation:"horizontal",size:"medium"}),m=()=>{const t=o.useContext(x);if(!t)throw new Error("useStepperContext must be used within a StepperProvider");return t},S=t=>{const{stepOrientation:e="horizontal",size:s="medium",activeStep:n=0,children:u}=t,d=o.Children.toArray(u).filter(o.isValidElement),l=n??0,r=d.map((c,g)=>o.cloneElement(c,{index:g,...c.props}));return i.jsx(x.Provider,{value:{activeStep:l,stepOrientation:e,size:s},children:i.jsx("div",{className:"dgs-ui-kit-flex dgs-ui-kit-justify-center dgs-ui-kit-flex-row dgs-ui-kit-gap-5 no-scrollbar dgs-ui-kit-overflow-x-auto",children:r})})},y=t=>typeof t>"u"||t===null,f=(t,e)=>t===e?"current":t>e?"complete":"incomplete",v={complete:"dgs-ui-kit-bg-teal-500 dgs-ui-kit-opacity-100",current:"dgs-ui-kit-bg-gray-300 dgs-ui-kit-opacity-75",incomplete:"dgs-ui-kit-bg-gray-200 dgs-ui-kit-opacity-50"},b=({index:t})=>{const{activeStep:e,stepOrientation:s}=m(),n=f(e,t-1);return i.jsx("div",{className:a.clsx("dgs-ui-kit-flex dgs-ui-kit-min-w-5 dgs-ui-kit-items-center dgs-ui-kit-w-full",s==="vertical"?"dgs-ui-kit-h-10":"dgs-ui-kit-h-15"),children:i.jsx("div",{className:a.clsx("dgs-ui-kit-h-0.5 dgs-ui-kit-w-full dgs-ui-kit-rounded-md",v[n])})})},w={complete:"dgs-ui-kit-text-secondary-400 dgs-ui-kit-rounded-lg",current:"dgs-ui-kit-bg-primary-50 dgs-ui-kit-text-primary-400 dgs-ui-kit-rounded-lg",incomplete:"dgs-ui-kit-bg-gray-50 dgs-ui-kit-text-gray-400 dgs-ui-kit-rounded-lg"},C={medium:"dgs-ui-kit-w-10 dgs-ui-kit-h-10 dgs-ui-kit-text-xl",small:"dgs-ui-kit-w-10 dgs-ui-kit-h-10 dgs-ui-kit-text-lg"},j=t=>{const{status:e,icon:s,activeIcon:n,completeIcon:u}=t,{size:d}=m(),r={incomplete:s,current:n,complete:u}[e]??s,c=a.clsx(w[e],C[d],"dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-justify-center dgs-ui-kit-min-w-10");return i.jsx("div",{className:c,children:r})},z={complete:"dgs-ui-kit-text-secondary-500",current:"dgs-ui-kit-text-primary-500 dgs-ui-kit-font-medium dgs-ui-kit-font-semibold",incomplete:"dgs-ui-kit-text-gray-400"},N={small:"dgs-ui-kit-text-sm",medium:"dgs-ui-kit-text-base"},I={horizontal:"dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-gap-2",vertical:"dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-gap-2 dgs-ui-kit-flex-col"},M=t=>{const{index:e,title:s,subTitle:n,icon:u,activeIcon:d,completeIcon:l}=t,r=o.useRef(null),{size:c,activeStep:g,stepOrientation:k}=m();if(y(e))throw new Error(`expected index to be a number but instead got: ${e}, you are probably rendering <Step /> component outside of <Stepper />`);const p=f(g,e),h=a.clsx("dgs-ui-kit-flex dgs-ui-kit-flex-grow dgs-ui-kit-min-w-max",z[p],N[c],I[k]);return o.useEffect(()=>{p==="current"&&r.current?.scrollIntoView({behavior:"smooth",block:"center",inline:"center"})},[p]),i.jsxs(i.Fragment,{children:[e!==0&&i.jsx(b,{index:e}),i.jsxs("div",{className:h,ref:r,children:[i.jsx(j,{status:p,icon:u,activeIcon:d,completeIcon:l}),i.jsxs("div",{className:a.clsx("dgs-ui-kit-flex dgs-ui-kit-flex-col dgs-ui-kit-gap-1 dgs-ui-kit-mt-0",k==="vertical"&&"dgs-ui-kit-items-center"),children:[e===g&&i.jsx("p",{className:"dgs-ui-kit-font-normal dgs-ui-kit-text-gray-400",children:n}),i.jsx("p",{className:"dgs-ui-kit-text-center",children:s})]})]})]})};exports.HorizontalStep=M;exports.HorizontalStepper=S;

package/dist/Stepper/Horizontal/Step.d.ts

@@ -3,6 +3,7 @@ export interface HorizontalStepProps {
     title: string;
     subTitle?: string;
     icon: ReactNode;
+    completeIcon?: ReactNode;
     activeIcon?: ReactNode;
     index?: number;
 }

package/dist/Stepper/Horizontal/Step.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Step.d.ts","sourceRoot":"","sources":["../../../src/components/Stepper/Horizontal/Step.tsx"],"names":[],"mappings":"AACA,OAAO,EAAqB,KAAK,EAAE,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAYnE,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,SAAS,CAAC;IAChB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAkBD,QAAA,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CA0D3C,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"Step.d.ts","sourceRoot":"","sources":["../../../src/components/Stepper/Horizontal/Step.tsx"],"names":[],"mappings":"AACA,OAAO,EAAqB,KAAK,EAAE,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAYnE,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,SAAS,CAAC;IAChB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAkBD,QAAA,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CA2D3C,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/Stepper/Horizontal/StepIcon.d.ts

@@ -4,6 +4,7 @@ interface StepIconProps {
     status: HorizontalStepperStepStatus;
     icon: ReactNode;
     activeIcon?: ReactNode;
+    completeIcon?: ReactNode;
 }
 declare const StepIcon: FC<StepIconProps>;
 export default StepIcon;

package/dist/Stepper/Horizontal/StepIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StepIcon.d.ts","sourceRoot":"","sources":["../../../src/components/Stepper/Horizontal/StepIcon.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,KAAK,EAAE,2BAA2B,EAAyB,MAAM,QAAQ,CAAC;AAEjF,UAAU,aAAa;IACrB,MAAM,EAAE,2BAA2B,CAAC;IACpC,IAAI,EAAE,SAAS,CAAC;IAChB,UAAU,CAAC,EAAE,SAAS,CAAC;CACxB;AAaD,QAAA,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CAc/B,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"StepIcon.d.ts","sourceRoot":"","sources":["../../../src/components/Stepper/Horizontal/StepIcon.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,KAAK,EAAE,2BAA2B,EAAyB,MAAM,QAAQ,CAAC;AAEjF,UAAU,aAAa;IACrB,MAAM,EAAE,2BAA2B,CAAC;IACpC,IAAI,EAAE,SAAS,CAAC;IAChB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,YAAY,CAAC,EAAE,SAAS,CAAC;CAC1B;AAaD,QAAA,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CAoB/B,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/Stepper/Horizontal/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/styles.css');;/* empty css                      */const e=require("../../Step-OS-cER74.cjs");exports.HorizontalStep=e.HorizontalStep;exports.HorizontalStepper=e.HorizontalStepper;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/styles.css');;/* empty css                      */const e=require("../../Step-CtqJxQMY.cjs");exports.HorizontalStep=e.HorizontalStep;exports.HorizontalStepper=e.HorizontalStepper;

package/dist/Stepper/Horizontal/index.js

@@ -1,5 +1,5 @@
 import '../../assets/styles.css';/* empty css                    */
-import { a, H as p } from "../../Step-DHyr4R82.js";
+import { a, H as p } from "../../Step-CZp-RQhJ.js";
 export {
   a as HorizontalStep,
   p as HorizontalStepper

package/dist/Stepper/Horizontal/type.d.ts

@@ -1,4 +1,4 @@
 export type HorizontalStepperSize = 'small' | 'medium';
 export type HorizontalStepperStepOrientation = 'vertical' | 'horizontal';
-export type HorizontalStepperStepStatus = 'active' | 'inactive' | 'current';
+export type HorizontalStepperStepStatus = 'complete' | 'incomplete' | 'current';
 //# sourceMappingURL=type.d.ts.map

package/dist/Stepper/Horizontal/type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../src/components/Stepper/Horizontal/type.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,qBAAqB,GAAG,OAAO,GAAG,QAAQ,CAAC;AACvD,MAAM,MAAM,gCAAgC,GAAG,UAAU,GAAG,YAAY,CAAC;AACzE,MAAM,MAAM,2BAA2B,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAS,CAAC"}
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../src/components/Stepper/Horizontal/type.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,qBAAqB,GAAG,OAAO,GAAG,QAAQ,CAAC;AACvD,MAAM,MAAM,gCAAgC,GAAG,UAAU,GAAG,YAAY,CAAC;AACzE,MAAM,MAAM,2BAA2B,GAAG,UAAU,GAAG,YAAY,GAAG,SAAS,CAAC"}

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./assets/styles.css');;/* empty css                  */const e=require("./AccordionItem-U3jVG5e6.cjs"),t=require("./Alert/index.cjs"),i=require("./Badge/index.cjs"),n=require("./Breadcrumb/index.cjs"),c=require("./Button/index.cjs"),u=require("./Chip/index.cjs"),s=require("./Divider/index.cjs"),a=require("./Drawer/index.cjs"),p=require("./Form/Checkbox/index.cjs"),q=require("./Form/Datepicker/index.cjs"),d=require("./Form/Input/index.cjs"),l=require("./Form/OtpInput/index.cjs"),S=require("./Form/RadioButton/index.cjs"),m=require("./Form/Select/index.cjs"),B=require("./Form/Textarea/index.cjs"),b=require("./Pagination/index.cjs"),g=require("./Progress/Bar/index.cjs"),r=require("./Slide-aMCvZQnM.cjs"),o=require("./Step-OS-cER74.cjs"),_=require("./Tabs/index.cjs"),A=require("./Tooltip/index.cjs");exports.AccordionGroup=e.AccordionGroup;exports.AccordionItem=e.AccordionItem;exports.Alert=t;exports.Badge=i;exports.Breadcrumb=n;exports.Button=c;exports.Chip=u;exports.Divider=s;exports.Drawer=a;exports.Checkbox=p;exports.Datepicker=q;exports.Input=d;exports.OtpInput=l;exports.RadioButton=S;exports.Select=m;exports.Textarea=B;exports.Pagination=b;exports.ProgressBar=g;exports.Slide=r.Slide;exports.Slider=r.Slider;exports.HorizontalStep=o.HorizontalStep;exports.HorizontalStepper=o.HorizontalStepper;exports.Tabs=_;exports.Tooltip=A;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./assets/styles.css');;/* empty css                  */const e=require("./AccordionItem-CpjwOEDp.cjs"),t=require("./Alert/index.cjs"),i=require("./Badge/index.cjs"),n=require("./Breadcrumb/index.cjs"),c=require("./Button/index.cjs"),u=require("./Chip/index.cjs"),s=require("./Divider/index.cjs"),a=require("./Drawer/index.cjs"),p=require("./Form/Checkbox/index.cjs"),q=require("./Form/Datepicker/index.cjs"),d=require("./Form/Input/index.cjs"),l=require("./Form/OtpInput/index.cjs"),S=require("./Form/RadioButton/index.cjs"),m=require("./Form/Select/index.cjs"),B=require("./Form/Textarea/index.cjs"),b=require("./Pagination/index.cjs"),g=require("./Progress/Bar/index.cjs"),r=require("./Slide-aMCvZQnM.cjs"),o=require("./Step-CtqJxQMY.cjs"),_=require("./Tabs/index.cjs"),A=require("./Tooltip/index.cjs");exports.AccordionGroup=e.AccordionGroup;exports.AccordionItem=e.AccordionItem;exports.Alert=t;exports.Badge=i;exports.Breadcrumb=n;exports.Button=c;exports.Chip=u;exports.Divider=s;exports.Drawer=a;exports.Checkbox=p;exports.Datepicker=q;exports.Input=d;exports.OtpInput=l;exports.RadioButton=S;exports.Select=m;exports.Textarea=B;exports.Pagination=b;exports.ProgressBar=g;exports.Slide=r.Slide;exports.Slider=r.Slider;exports.HorizontalStep=o.HorizontalStep;exports.HorizontalStepper=o.HorizontalStepper;exports.Tabs=_;exports.Tooltip=A;

package/dist/index.js

@@ -1,5 +1,5 @@
 import './assets/styles.css';/* empty css                */
-import { A as e, a as t } from "./AccordionItem-249c_E9c.js";
+import { A as e, a as t } from "./AccordionItem-BBAVaF6W.js";
 import { default as p } from "./Alert/index.js";
 import { default as d } from "./Badge/index.js";
 import { default as m } from "./Breadcrumb/index.js";
@@ -17,7 +17,7 @@ import { default as G } from "./Form/Textarea/index.js";
 import { default as R } from "./Pagination/index.js";
 import { default as q } from "./Progress/Bar/index.js";
 import { a as E, S as F } from "./Slide-DsdG_6vc.js";
-import { a as K, H as L } from "./Step-DHyr4R82.js";
+import { a as K, H as L } from "./Step-CZp-RQhJ.js";
 import { default as N } from "./Tabs/index.js";
 import { default as U } from "./Tooltip/index.js";
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dgshahr/ui-kit",
-  "version": "0.0.77",
+  "version": "0.0.79",
   "description": "dgshahr ui-kit",
   "author": "dgshahr",
   "license": "MIT",

package/dist/AccordionItem-249c_E9c.js

@@ -1,85 +0,0 @@
-"use client";
-import { jsx as s, jsxs as k } from "react/jsx-runtime";
-import { c as d } from "./clsx-OuTLNxxd.js";
-import { createContext as p, useContext as x, useState as v, useId as w } from "react";
-import { A } from "./ArrowDown2-CMeKw_vj.js";
-import N from "./Divider/index.js";
-const m = p({
-  activeKey: null,
-  setActiveKey: () => {
-  }
-}), I = () => x(m);
-function b(i, e = !1) {
-  if (!i) return e ? [] : null;
-  const o = Array.isArray(i);
-  return e ? o ? i : [i] : o ? i[0] : i;
-}
-const S = (i) => {
-  const { defaultActiveKey: e, className: o, children: a, disableAccordion: u } = i, [l, t] = v(
-    b(e, u)
-  );
-  return /* @__PURE__ */ s("div", { className: d("dgs-ui-kit-flex dgs-ui-kit-flex-col", o), children: /* @__PURE__ */ s(
-    m.Provider,
-    {
-      value: {
-        activeKey: l,
-        setActiveKey: t
-      },
-      children: a
-    }
-  ) });
-}, G = (i) => {
-  const { children: e, title: o, accordionKey: a, className: u, contentClassName: l } = i, { activeKey: t, setActiveKey: c } = I(), f = w(), r = a ?? f, g = Array.isArray(t), n = g ? t.includes(r) : r === t;
-  function h() {
-    c(n ? g ? t.filter((y) => y !== r) : null : g ? [...t, r] : r);
-  }
-  return /* @__PURE__ */ k("div", { className: d("dgs-ui-kit-bg-white dgs-ui-kit-px-4 dgs-ui-kit-pt-4", u), children: [
-    /* @__PURE__ */ k(
-      "button",
-      {
-        className: d(
-          "dgs-ui-kit-flex dgs-ui-kit-justify-between dgs-ui-kit-items-center dgs-ui-kit-w-full",
-          n ? "dgs-ui-kit-text-primary-500" : "dgs-ui-kit-text-gray-600"
-        ),
-        onClick: h,
-        children: [
-          /* @__PURE__ */ s("div", { className: n ? "dgs-ui-kit-font-h5-bold" : "dgs-ui-kit-font-p1-medium", children: o }),
-          /* @__PURE__ */ s(
-            A,
-            {
-              className: d(
-                "dgs-ui-kit-transition dgs-ui-kit-duration-300 dgs-ui-kit-ease-in-out dgs-ui-kit-shrink-0 dgs-ui-kit-w-auto dgs-ui-kit-h-auto",
-                n && "dgs-ui-kit-rotate-180"
-              ),
-              width: 20,
-              height: 20
-            }
-          )
-        ]
-      }
-    ),
-    /* @__PURE__ */ s(
-      "div",
-      {
-        className: d(
-          "dgs-ui-kit-grid dgs-ui-kit-font-p1-regular dgs-ui-kit-text-gray-600 dgs-ui-kit-overflow-hidden dgs-ui-kit-transition-all dgs-ui-kit-duration-300 dgs-ui-kit-ease-in-out",
-          n ? "dgs-ui-kit-grid-rows-[1fr] dgs-ui-kit-opacity-100 dgs-ui-kit-mt-3" : "dgs-ui-kit-grid-rows-[0fr] dgs-ui-kit-opacity-0",
-          l
-        ),
-        children: /* @__PURE__ */ s("div", { className: "dgs-ui-kit-overflow-hidden", children: e })
-      }
-    ),
-    /* @__PURE__ */ s(
-      N,
-      {
-        type: "horizontal",
-        color: "white",
-        className: "dgs-ui-kit-mt-4"
-      }
-    )
-  ] });
-};
-export {
-  S as A,
-  G as a
-};

package/dist/AccordionItem-U3jVG5e6.cjs

@@ -1 +0,0 @@
-"use client";"use strict";const t=require("react/jsx-runtime"),n=require("./clsx-C11secjj.cjs"),u=require("react"),y=require("./ArrowDown2-O11Hxz6e.cjs"),w=require("./Divider/index.cjs"),x=u.createContext({activeKey:null,setActiveKey:()=>{}}),v=()=>u.useContext(x);function A(i,e=!1){if(!i)return e?[]:null;const r=Array.isArray(i);return e?r?i:[i]:r?i[0]:i}const j=i=>{const{defaultActiveKey:e,className:r,children:a,disableAccordion:l}=i,[g,s]=u.useState(A(e,l));return t.jsx("div",{className:n.clsx("dgs-ui-kit-flex dgs-ui-kit-flex-col",r),children:t.jsx(x.Provider,{value:{activeKey:g,setActiveKey:s},children:a})})},N=i=>{const{children:e,title:r,accordionKey:a,className:l,contentClassName:g}=i,{activeKey:s,setActiveKey:d}=v(),m=u.useId(),o=a??m,k=Array.isArray(s),c=k?s.includes(o):o===s;function f(){d(c?k?s.filter(h=>h!==o):null:k?[...s,o]:o)}return t.jsxs("div",{className:n.clsx("dgs-ui-kit-bg-white dgs-ui-kit-px-4 dgs-ui-kit-pt-4",l),children:[t.jsxs("button",{className:n.clsx("dgs-ui-kit-flex dgs-ui-kit-justify-between dgs-ui-kit-items-center dgs-ui-kit-w-full",c?"dgs-ui-kit-text-primary-500":"dgs-ui-kit-text-gray-600"),onClick:f,children:[t.jsx("div",{className:c?"dgs-ui-kit-font-h5-bold":"dgs-ui-kit-font-p1-medium",children:r}),t.jsx(y.ArrowDown2Icon,{className:n.clsx("dgs-ui-kit-transition dgs-ui-kit-duration-300 dgs-ui-kit-ease-in-out dgs-ui-kit-shrink-0 dgs-ui-kit-w-auto dgs-ui-kit-h-auto",c&&"dgs-ui-kit-rotate-180"),width:20,height:20})]}),t.jsx("div",{className:n.clsx("dgs-ui-kit-grid dgs-ui-kit-font-p1-regular dgs-ui-kit-text-gray-600 dgs-ui-kit-overflow-hidden dgs-ui-kit-transition-all dgs-ui-kit-duration-300 dgs-ui-kit-ease-in-out",c?"dgs-ui-kit-grid-rows-[1fr] dgs-ui-kit-opacity-100 dgs-ui-kit-mt-3":"dgs-ui-kit-grid-rows-[0fr] dgs-ui-kit-opacity-0",g),children:t.jsx("div",{className:"dgs-ui-kit-overflow-hidden",children:e})}),t.jsx(w,{type:"horizontal",color:"white",className:"dgs-ui-kit-mt-4"})]})};exports.AccordionGroup=j;exports.AccordionItem=N;

package/dist/Step-DHyr4R82.js

@@ -1,124 +0,0 @@
-"use client";
-import { jsx as e, jsxs as k, Fragment as h } from "react/jsx-runtime";
-import m, { createContext as y, useContext as S, useRef as b, useEffect as w } from "react";
-import { c as a } from "./clsx-OuTLNxxd.js";
-const x = y({
-  activeStep: 1,
-  stepOrientation: "horizontal",
-  size: "medium"
-}), p = () => {
-  const t = S(x);
-  if (!t) throw new Error("useStepperContext must be used within a StepperProvider");
-  return t;
-}, V = (t) => {
-  const { stepOrientation: i = "horizontal", size: s = "medium", activeStep: n = 0, children: c } = t, d = m.Children.toArray(c).filter(
-    m.isValidElement
-  ), r = n ?? 0, o = d.map((u, l) => m.cloneElement(u, {
-    index: l,
-    ...u.props
-  }));
-  return /* @__PURE__ */ e(x.Provider, { value: { activeStep: r, stepOrientation: i, size: s }, children: /* @__PURE__ */ e("div", { className: "dgs-ui-kit-flex dgs-ui-kit-justify-center dgs-ui-kit-flex-row dgs-ui-kit-gap-5 no-scrollbar dgs-ui-kit-overflow-x-auto", children: o }) });
-}, C = (t) => typeof t > "u" || t === null, f = (t, i) => t === i ? "current" : t > i ? "active" : "inactive", z = {
-  active: "dgs-ui-kit-bg-teal-500 dgs-ui-kit-opacity-100",
-  current: "dgs-ui-kit-bg-gray-300 dgs-ui-kit-opacity-75",
-  inactive: "dgs-ui-kit-bg-gray-200 dgs-ui-kit-opacity-50"
-}, N = ({ index: t }) => {
-  const { activeStep: i, stepOrientation: s } = p(), n = f(i, t - 1);
-  return /* @__PURE__ */ e(
-    "div",
-    {
-      className: a(
-        "dgs-ui-kit-flex dgs-ui-kit-min-w-5 dgs-ui-kit-items-center dgs-ui-kit-w-full",
-        s === "vertical" ? "dgs-ui-kit-h-10" : "dgs-ui-kit-h-15"
-      ),
-      children: /* @__PURE__ */ e(
-        "div",
-        {
-          className: a(
-            "dgs-ui-kit-h-0.5 dgs-ui-kit-w-full dgs-ui-kit-rounded-md",
-            z[n]
-          )
-        }
-      )
-    }
-  );
-}, I = {
-  active: "dgs-ui-kit-text-secondary-400 dgs-ui-kit-rounded-lg",
-  current: "dgs-ui-kit-bg-primary-50 dgs-ui-kit-text-primary-400 dgs-ui-kit-rounded-lg",
-  inactive: "dgs-ui-kit-bg-gray-50 dgs-ui-kit-text-gray-400 dgs-ui-kit-rounded-lg"
-}, M = {
-  medium: "dgs-ui-kit-w-10 dgs-ui-kit-h-10 dgs-ui-kit-text-xl",
-  small: "dgs-ui-kit-w-10 dgs-ui-kit-h-10 dgs-ui-kit-text-lg"
-}, E = (t) => {
-  const { status: i, icon: s, activeIcon: n } = t, { size: c } = p(), r = i === "current" ? n ?? s : s, o = a(
-    I[i],
-    M[c],
-    "dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-justify-center dgs-ui-kit-min-w-10"
-  );
-  return /* @__PURE__ */ e("div", { className: o, children: r });
-}, O = {
-  active: "dgs-ui-kit-text-secondary-500",
-  current: "dgs-ui-kit-text-primary-500 dgs-ui-kit-font-medium dgs-ui-kit-font-semibold",
-  inactive: "dgs-ui-kit-text-gray-400"
-}, j = {
-  small: "dgs-ui-kit-text-sm",
-  medium: "dgs-ui-kit-text-base"
-}, A = {
-  horizontal: "dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-gap-2",
-  vertical: "dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-gap-2 dgs-ui-kit-flex-col"
-}, F = (t) => {
-  const { index: i, title: s, subTitle: n, icon: c, activeIcon: d } = t, r = b(null), { size: o, activeStep: u, stepOrientation: l } = p();
-  if (C(i))
-    throw new Error(
-      `expected index to be a number but instead got: ${i}, you are probably rendering <Step /> component outside of <Stepper />`
-    );
-  const g = f(u, i), v = a(
-    "dgs-ui-kit-flex dgs-ui-kit-flex-grow dgs-ui-kit-min-w-max",
-    O[g],
-    j[o],
-    A[l]
-  );
-  return w(() => {
-    g === "current" && r.current?.scrollIntoView({
-      behavior: "smooth",
-      block: "center",
-      inline: "center"
-    });
-  }, [g]), /* @__PURE__ */ k(h, { children: [
-    i !== 0 && /* @__PURE__ */ e(N, { index: i }),
-    /* @__PURE__ */ k(
-      "div",
-      {
-        className: v,
-        ref: r,
-        children: [
-          /* @__PURE__ */ e(
-            E,
-            {
-              status: g,
-              icon: c,
-              activeIcon: d
-            }
-          ),
-          /* @__PURE__ */ k(
-            "div",
-            {
-              className: a(
-                "dgs-ui-kit-flex dgs-ui-kit-flex-col dgs-ui-kit-gap-1 dgs-ui-kit-mt-0",
-                l === "vertical" && "dgs-ui-kit-items-center"
-              ),
-              children: [
-                i === u && /* @__PURE__ */ e("p", { className: "dgs-ui-kit-font-normal dgs-ui-kit-text-gray-400", children: n }),
-                /* @__PURE__ */ e("p", { className: "dgs-ui-kit-text-center", children: s })
-              ]
-            }
-          )
-        ]
-      }
-    )
-  ] });
-};
-export {
-  V as H,
-  F as a
-};

package/dist/Step-OS-cER74.cjs

@@ -1 +0,0 @@
-"use client";"use strict";const e=require("react/jsx-runtime"),r=require("react"),d=require("./clsx-C11secjj.cjs"),m=r.createContext({activeStep:1,stepOrientation:"horizontal",size:"medium"}),p=()=>{const t=r.useContext(m);if(!t)throw new Error("useStepperContext must be used within a StepperProvider");return t},v=t=>{const{stepOrientation:i="horizontal",size:s="medium",activeStep:n=0,children:u}=t,l=r.Children.toArray(u).filter(r.isValidElement),c=n??0,o=l.map((a,g)=>r.cloneElement(a,{index:g,...a.props}));return e.jsx(m.Provider,{value:{activeStep:c,stepOrientation:i,size:s},children:e.jsx("div",{className:"dgs-ui-kit-flex dgs-ui-kit-justify-center dgs-ui-kit-flex-row dgs-ui-kit-gap-5 no-scrollbar dgs-ui-kit-overflow-x-auto",children:o})})},h=t=>typeof t>"u"||t===null,x=(t,i)=>t===i?"current":t>i?"active":"inactive",S={active:"dgs-ui-kit-bg-teal-500 dgs-ui-kit-opacity-100",current:"dgs-ui-kit-bg-gray-300 dgs-ui-kit-opacity-75",inactive:"dgs-ui-kit-bg-gray-200 dgs-ui-kit-opacity-50"},y=({index:t})=>{const{activeStep:i,stepOrientation:s}=p(),n=x(i,t-1);return e.jsx("div",{className:d.clsx("dgs-ui-kit-flex dgs-ui-kit-min-w-5 dgs-ui-kit-items-center dgs-ui-kit-w-full",s==="vertical"?"dgs-ui-kit-h-10":"dgs-ui-kit-h-15"),children:e.jsx("div",{className:d.clsx("dgs-ui-kit-h-0.5 dgs-ui-kit-w-full dgs-ui-kit-rounded-md",S[n])})})},b={active:"dgs-ui-kit-text-secondary-400 dgs-ui-kit-rounded-lg",current:"dgs-ui-kit-bg-primary-50 dgs-ui-kit-text-primary-400 dgs-ui-kit-rounded-lg",inactive:"dgs-ui-kit-bg-gray-50 dgs-ui-kit-text-gray-400 dgs-ui-kit-rounded-lg"},w={medium:"dgs-ui-kit-w-10 dgs-ui-kit-h-10 dgs-ui-kit-text-xl",small:"dgs-ui-kit-w-10 dgs-ui-kit-h-10 dgs-ui-kit-text-lg"},j=t=>{const{status:i,icon:s,activeIcon:n}=t,{size:u}=p(),c=i==="current"?n??s:s,o=d.clsx(b[i],w[u],"dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-justify-center dgs-ui-kit-min-w-10");return e.jsx("div",{className:o,children:c})},C={active:"dgs-ui-kit-text-secondary-500",current:"dgs-ui-kit-text-primary-500 dgs-ui-kit-font-medium dgs-ui-kit-font-semibold",inactive:"dgs-ui-kit-text-gray-400"},z={small:"dgs-ui-kit-text-sm",medium:"dgs-ui-kit-text-base"},N={horizontal:"dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-gap-2",vertical:"dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-gap-2 dgs-ui-kit-flex-col"},I=t=>{const{index:i,title:s,subTitle:n,icon:u,activeIcon:l}=t,c=r.useRef(null),{size:o,activeStep:a,stepOrientation:g}=p();if(h(i))throw new Error(`expected index to be a number but instead got: ${i}, you are probably rendering <Step /> component outside of <Stepper />`);const k=x(a,i),f=d.clsx("dgs-ui-kit-flex dgs-ui-kit-flex-grow dgs-ui-kit-min-w-max",C[k],z[o],N[g]);return r.useEffect(()=>{k==="current"&&c.current?.scrollIntoView({behavior:"smooth",block:"center",inline:"center"})},[k]),e.jsxs(e.Fragment,{children:[i!==0&&e.jsx(y,{index:i}),e.jsxs("div",{className:f,ref:c,children:[e.jsx(j,{status:k,icon:u,activeIcon:l}),e.jsxs("div",{className:d.clsx("dgs-ui-kit-flex dgs-ui-kit-flex-col dgs-ui-kit-gap-1 dgs-ui-kit-mt-0",g==="vertical"&&"dgs-ui-kit-items-center"),children:[i===a&&e.jsx("p",{className:"dgs-ui-kit-font-normal dgs-ui-kit-text-gray-400",children:n}),e.jsx("p",{className:"dgs-ui-kit-text-center",children:s})]})]})]})};exports.HorizontalStep=I;exports.HorizontalStepper=v;