@dgshahr/ui-kit 0.0.79 → 0.0.80

package/dist/{PickerWrapper-EWtj7K7M.js → PickerWrapper-BrMn3Ldu.js}

@@ -1,15 +1,15 @@
 "use client";
-import { jsxs as T, jsx as i, Fragment as y } from "react/jsx-runtime";
-import { c as t } from "./clsx-OuTLNxxd.js";
+import { jsxs as T, jsx as t, Fragment as y } from "react/jsx-runtime";
+import { c as i } from "./clsx-OuTLNxxd.js";
 import { createContext as W, useContext as E, useRef as P, useEffect as S, useState as f } from "react";
-import A from "./Drawer/index.js";
-import { A as D } from "./ArrowDown2-CMeKw_vj.js";
-import O from "./Form/Input/index.js";
+import D from "./Drawer/index.js";
+import { I as O } from "./IconArrowDown2-7ddwV5IE.js";
+import R from "./Form/Input/index.js";
 import './assets/styles.css';/* empty css                */
 const v = W({
   toggleWrapperVisibility: () => {
   }
-}), F = () => E(v), R = (n) => {
+}), F = () => E(v), A = (n) => {
   const e = P(null);
   return S(() => {
     const s = (r) => {
@@ -32,7 +32,7 @@ const v = W({
     popoverClassName: N
   } = n, [a, u] = f(!1), [m, d] = f(!1);
   let o;
-  const b = R(() => {
+  const b = A(() => {
     e === "popover" && a && (u(!1), o && clearTimeout(o), o = setTimeout(() => {
       d(!1);
     }, h));
@@ -46,7 +46,7 @@ const v = W({
       d(!1);
     }, h));
   }
-  const l = t({
+  const l = i({
     "!dgs-ui-kit-cursor-not-allowed": s,
     "!dgs-ui-kit-cursor-wait": r,
     "!dgs-ui-kit-cursor-pointer": !r && !s
@@ -55,46 +55,47 @@ const v = W({
     "div",
     {
       ref: b,
-      className: t("dgs-ui-kit-relative", C),
+      className: i("dgs-ui-kit-relative", C),
       children: [
-        /* @__PURE__ */ i(
+        /* @__PURE__ */ t(
           "button",
           {
-            className: t("dgs-ui-kit-w-full", l),
+            type: "button",
+            className: i("dgs-ui-kit-w-full", l),
             onClick: k,
-            children: c ? c(a) : /* @__PURE__ */ i(
-              O,
+            children: c ? c(a) : /* @__PURE__ */ t(
+              R,
               {
-                leftIcon: r ? /* @__PURE__ */ i("div", { className: "dot-flashing dgs-ui-kit-mr-2" }) : /* @__PURE__ */ i(
-                  D,
+                leftIcon: r ? /* @__PURE__ */ t("div", { className: "dot-flashing dgs-ui-kit-mr-2" }) : /* @__PURE__ */ t(
+                  O,
                   {
                     width: 20,
                     height: 20,
-                    className: t("dgs-ui-kit-transition", w, {
+                    className: i("dgs-ui-kit-transition", w, {
                       "dgs-ui-kit-rotate-180": a
                     })
                   }
                 ),
-                containerClassName: t(l, {
+                containerClassName: i(l, {
                   "dgs-ui-kit-items-baseline": r
                 }),
-                className: t("dgs-ui-kit-caret-transparent", l),
+                className: i("dgs-ui-kit-caret-transparent", l),
                 disabled: s,
                 ...x
               }
             )
           }
         ),
-        /* @__PURE__ */ i(
+        /* @__PURE__ */ t(
           v.Provider,
           {
             value: {
               toggleWrapperVisibility: k
             },
-            children: m && /* @__PURE__ */ i(y, { children: e === "popover" ? /* @__PURE__ */ i(
+            children: m && /* @__PURE__ */ t(y, { children: e === "popover" ? /* @__PURE__ */ t(
               "div",
               {
-                className: t(
+                className: i(
                   "dgs-ui-kit-absolute dgs-ui-kit-min-w-[300px] dgs-ui-kit-bottom-0 dgs-ui-kit-right-0 dgs-ui-kit-translate-y-[calc(100%+8px)] dgs-ui-kit-overflow-y-auto dgs-ui-kit-overflow-x-hidden dgs-ui-kit-shadow-lg dgs-ui-kit-w-full dgs-ui-kit-max-h-[360px] dgs-ui-kit-transition-all dgs-ui-kit-bg-white dgs-ui-kit-z-50 dgs-ui-kit-rounded-lg dgs-ui-kit-border dgs-ui-kit-border-solid dgs-ui-kit-border-gray-200 dgs-ui-kit-pb-3",
                   w,
                   a ? "dgs-ui-kit-opacity-100" : "dgs-ui-kit-opacity-0 dgs-ui-kit-max-h-0 dgs-ui-kit-overflow-y-hidden",
@@ -102,13 +103,13 @@ const v = W({
                 ),
                 children: p
               }
-            ) : /* @__PURE__ */ i(
-              A,
+            ) : /* @__PURE__ */ t(
+              D,
               {
                 ...g,
                 open: a,
                 onClose: () => u(!1),
-                containerClassName: t(
+                containerClassName: i(
                   "!dgs-ui-kit-pb-3 !dgs-ui-kit-px-0",
                   g?.containerClassName
                 ),

package/dist/PickerWrapper-CoDy6coa.cjs

@@ -0,0 +1 @@
+"use client";"use strict";require('./assets/styles.css');const e=require("react/jsx-runtime"),t=require("./clsx-C11secjj.cjs"),n=require("react"),T=require("./Drawer/index.cjs"),W=require("./IconArrowDown2-C1dLVveG.cjs"),j=require("./Form/Input/index.cjs");;/* empty css                  */const h=n.createContext({toggleWrapperVisibility:()=>{}}),y=()=>n.useContext(h),q=a=>{const i=n.useRef(null);return n.useEffect(()=>{const s=r=>{i.current&&!i.current.contains(r.target)&&a()};return document.addEventListener("click",s,!0),()=>{document.removeEventListener("click",s,!0)}},[i,a]),i},f="dgs-ui-kit-duration-300",w=400,E=a=>{const{dropdownType:i="popover",disabled:s,isLoading:r,wrapperClassName:C,customInput:p,children:g,drawerProps:k,inputProps:v,popoverClassName:N}=a,[u,c]=n.useState(!1),[m,l]=n.useState(!1);let o;const b=q(()=>{i==="popover"&&u&&(c(!1),o&&clearTimeout(o),o=setTimeout(()=>{l(!1)},w))});function x(){if(s||r)return;const I=!m;o&&clearTimeout(o),I?(l(!0),o=setTimeout(()=>{c(!0)},0)):(c(!1),o=setTimeout(()=>{l(!1)},w))}const d=t.clsx({"!dgs-ui-kit-cursor-not-allowed":s,"!dgs-ui-kit-cursor-wait":r,"!dgs-ui-kit-cursor-pointer":!r&&!s});return e.jsxs("div",{ref:b,className:t.clsx("dgs-ui-kit-relative",C),children:[e.jsx("button",{type:"button",className:t.clsx("dgs-ui-kit-w-full",d),onClick:x,children:p?p(u):e.jsx(j,{leftIcon:r?e.jsx("div",{className:"dot-flashing dgs-ui-kit-mr-2"}):e.jsx(W.IconArrowDown2,{width:20,height:20,className:t.clsx("dgs-ui-kit-transition",f,{"dgs-ui-kit-rotate-180":u})}),containerClassName:t.clsx(d,{"dgs-ui-kit-items-baseline":r}),className:t.clsx("dgs-ui-kit-caret-transparent",d),disabled:s,...v})}),e.jsx(h.Provider,{value:{toggleWrapperVisibility:x},children:m&&e.jsx(e.Fragment,{children:i==="popover"?e.jsx("div",{className:t.clsx("dgs-ui-kit-absolute dgs-ui-kit-min-w-[300px] dgs-ui-kit-bottom-0 dgs-ui-kit-right-0 dgs-ui-kit-translate-y-[calc(100%+8px)] dgs-ui-kit-overflow-y-auto dgs-ui-kit-overflow-x-hidden dgs-ui-kit-shadow-lg dgs-ui-kit-w-full dgs-ui-kit-max-h-[360px] dgs-ui-kit-transition-all dgs-ui-kit-bg-white dgs-ui-kit-z-50 dgs-ui-kit-rounded-lg dgs-ui-kit-border dgs-ui-kit-border-solid dgs-ui-kit-border-gray-200 dgs-ui-kit-pb-3",f,u?"dgs-ui-kit-opacity-100":"dgs-ui-kit-opacity-0 dgs-ui-kit-max-h-0 dgs-ui-kit-overflow-y-hidden",N),children:g}):e.jsx(T,{...k,open:u,onClose:()=>c(!1),containerClassName:t.clsx("!dgs-ui-kit-pb-3 !dgs-ui-kit-px-0",k?.containerClassName),children:g})})})]})};exports.PickerWrapper=E;exports.usePickerWrapperContext=y;

package/dist/Progress/Doughnut/index.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("react/jsx-runtime"),x=require("../../clsx-C11secjj.cjs"),n={primary:{empty:"dgs-ui-kit-stroke-primary-100",filled:"dgs-ui-kit-stroke-primary-500"},secondary:{empty:"dgs-ui-kit-stroke-secondary-100",filled:"dgs-ui-kit-stroke-secondary-600"},gray:{empty:"dgs-ui-kit-stroke-gray-400",filled:"dgs-ui-kit-stroke-gray-50"}},h=d=>{const{color:o="primary",current:l,total:s,size:t=48,showText:u,strokeSize:r=6,svgProps:k,textClassName:m}=d,c=Math.min(Math.max(l,0),s),g=c/s*100,i=(t-r)/2,a=2*Math.PI*i,y=a*(1-g/100);return e.jsxs("svg",{width:t,height:t,viewBox:`0 0 ${t} ${t}`,...k,children:[e.jsx("circle",{cx:t/2,cy:t/2,r:i,className:n[o].empty,strokeWidth:r,fill:"none"}),e.jsx("circle",{cx:t/2,cy:t/2,r:i,className:n[o].filled,strokeWidth:r,fill:"none",strokeDasharray:a,strokeDashoffset:y,strokeLinecap:"round",transform:`rotate(-90 ${t/2} ${t/2})`}),u&&e.jsxs("text",{x:"50%",y:"50%",dominantBaseline:"middle",textAnchor:"middle",className:x.clsx("dgs-ui-kit-font-caption-regular dgs-ui-kit-text-gray-600 ss02",m),children:[c," از ",s]})]})};module.exports=h;

package/dist/Progress/Doughnut/index.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { ProgressDoughnutProps } from './types';
+declare const ProgressDoughnut: FC<ProgressDoughnutProps>;
+export default ProgressDoughnut;
+//# sourceMappingURL=index.d.ts.map

package/dist/Progress/Doughnut/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Progress/Doughnut/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAoBrD,QAAA,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CA4D/C,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/Progress/Doughnut/index.js

@@ -0,0 +1,85 @@
+import { jsxs as c, jsx as n } from "react/jsx-runtime";
+import { c as p } from "../../clsx-OuTLNxxd.js";
+const d = {
+  primary: {
+    empty: "dgs-ui-kit-stroke-primary-100",
+    filled: "dgs-ui-kit-stroke-primary-500"
+  },
+  secondary: {
+    empty: "dgs-ui-kit-stroke-secondary-100",
+    filled: "dgs-ui-kit-stroke-secondary-600"
+  },
+  gray: {
+    empty: "dgs-ui-kit-stroke-gray-400",
+    filled: "dgs-ui-kit-stroke-gray-50"
+  }
+}, S = (l) => {
+  const {
+    color: i = "primary",
+    current: m,
+    total: e,
+    size: t = 48,
+    showText: k,
+    strokeSize: r = 6,
+    svgProps: g,
+    textClassName: y
+  } = l, o = Math.min(Math.max(m, 0), e), u = o / e * 100, s = (t - r) / 2, a = 2 * Math.PI * s, f = a * (1 - u / 100);
+  return /* @__PURE__ */ c(
+    "svg",
+    {
+      width: t,
+      height: t,
+      viewBox: `0 0 ${t} ${t}`,
+      ...g,
+      children: [
+        /* @__PURE__ */ n(
+          "circle",
+          {
+            cx: t / 2,
+            cy: t / 2,
+            r: s,
+            className: d[i].empty,
+            strokeWidth: r,
+            fill: "none"
+          }
+        ),
+        /* @__PURE__ */ n(
+          "circle",
+          {
+            cx: t / 2,
+            cy: t / 2,
+            r: s,
+            className: d[i].filled,
+            strokeWidth: r,
+            fill: "none",
+            strokeDasharray: a,
+            strokeDashoffset: f,
+            strokeLinecap: "round",
+            transform: `rotate(-90 ${t / 2} ${t / 2})`
+          }
+        ),
+        k && /* @__PURE__ */ c(
+          "text",
+          {
+            x: "50%",
+            y: "50%",
+            dominantBaseline: "middle",
+            textAnchor: "middle",
+            className: p(
+              "dgs-ui-kit-font-caption-regular dgs-ui-kit-text-gray-600 ss02",
+              y
+            ),
+            children: [
+              o,
+              " از ",
+              e
+            ]
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  S as default
+};

package/dist/Progress/Doughnut/types.d.ts

@@ -0,0 +1,21 @@
+import { SVGProps } from 'react';
+interface ProgressDoughnutPropsBase {
+    color?: 'primary' | 'secondary' | 'gray';
+    current: number;
+    total: number;
+    size?: number;
+    showText?: boolean;
+    strokeSize?: number;
+    svgProps?: SVGProps<SVGSVGElement>;
+}
+interface DoughnutWithoutText {
+    showText?: false;
+    textClassName?: never;
+}
+interface DoughnutWithText {
+    showText: true;
+    textClassName?: string;
+}
+export type ProgressDoughnutProps = ProgressDoughnutPropsBase & (DoughnutWithText | DoughnutWithoutText);
+export {};
+//# sourceMappingURL=types.d.ts.map

package/dist/Progress/Doughnut/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Progress/Doughnut/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,UAAU,yBAAyB;IACjC,KAAK,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,MAAM,CAAC;IACzC,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,QAAQ,CAAC,aAAa,CAAC,CAAC;CACpC;AAED,UAAU,mBAAmB;IAC3B,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,aAAa,CAAC,EAAE,KAAK,CAAC;CACvB;AAED,UAAU,gBAAgB;IACxB,QAAQ,EAAE,IAAI,CAAC;IACf,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,MAAM,qBAAqB,GAAG,yBAAyB,GAC3D,CAAC,gBAAgB,GAAG,mBAAmB,CAAC,CAAC"}

package/dist/Slide-BhtrgZAI.cjs

@@ -0,0 +1 @@
+"use client";"use strict";const t=require("react/jsx-runtime"),p=require("./clsx-C11secjj.cjs"),n=require("react"),D=require("./IconArrowLeft2-CNA3H0xY.cjs"),q=require("./IconArrowRight2-CF_bdH81.cjs"),T=require("./Button/index.cjs"),A=n.createContext({slidesPerView:1,spaceBetween:0,navigationVariant:"outside",showNavigationDots:!0,showPaginationText:!1,childrenCount:0,sliderId:""}),I=()=>n.useContext(A);function O({active:i,autoplay:s,variant:r="outside"}){return[{inside:"dgs-ui-kit-bg-gray-500/50 hover:dgs-ui-kit-bg-gray-500/80",outside:"dgs-ui-kit-bg-gray-200 hover:dgs-ui-kit-bg-gray-300"}[r],i?"dgs-ui-kit-w-[22px]":"dgs-ui-kit-w-[6px]",s?"dgs-ui-kit-p-[1px]":""]}const V=i=>{const{active:s,onClick:r,onNavigateToNext:a,index:e}=i,{autoplay:d,navigationVariant:v="outside"}=I(),[l,u]=n.useState(0);return n.useEffect(()=>{if(!s||!d)return;const k=typeof d=="boolean"?7e3:d?.delay??7e3;let x=Date.now();const c=setInterval(()=>{const g=Date.now()-x,f=g/k*100;u(Math.min(f,100)),g>=k&&typeof a=="function"&&(a(),u(0),clearInterval(c))},100);return function(){return u(0),x=Date.now(),clearInterval(c)}},[s,d,a]),t.jsx("button",{className:p.clsx("dgs-ui-kit-rounded-full dgs-ui-kit-overflow-hidden dgs-ui-kit-transition-all dgs-ui-kit-h-[6px]",O({active:s,autoplay:d,variant:v})),onClick:r,"aria-label":`slider-navigation-dot-${e+1}`,children:s&&t.jsx("div",{className:p.clsx("dgs-ui-kit-h-full dgs-ui-kit-rounded-full",{"dgs-ui-kit-bg-white":v==="inside","dgs-ui-kit-bg-gray-700":v==="outside"}),style:{width:d?`${l}%`:"100%"}})})},F=i=>{const{onNavigate:s,slideIndex:r,slidesCount:a}=i,{navigationButtonsShowType:e="hide",dotsClassName:d,navigationContainerClassName:v,navigationVariant:l="outside",showNavigationDots:u=!0,showPaginationText:k}=I(),x=t.jsxs("div",{className:p.clsx("dgs-ui-kit-flex dgs-ui-kit-gap-2",{"dgs-ui-kit-absolute dgs-ui-kit-bottom-0 dgs-ui-kit-left-[5.5%]":l==="inside"&&e!=="onSides","dgs-ui-kit-absolute dgs-ui-kit-justify-between dgs-ui-kit-top-1/2 -dgs-ui-kit-translate-y-1/2 dgs-ui-kit-w-full dgs-ui-kit-px-[5.5%]":e==="onSides","dgs-ui-kit-opacity-0 group-hover:dgs-ui-kit-opacity-100 dgs-ui-kit-transition":e==="hover"||e==="onSides"}),children:[t.jsx(T,{type:"button",variant:"secondary",onClick:()=>s(r-1),rightIcon:t.jsx(q.IconArrowRight2,{}),"aria-label":"slider-previous-button"}),t.jsx(T,{type:"button",variant:"secondary",onClick:()=>s(r+1),rightIcon:t.jsx(D.IconArrowLeft2,{}),"aria-label":"slider-next-button"})]});return t.jsxs(t.Fragment,{children:[e&&e!=="hide"&&e==="onSides"&&x,t.jsxs("div",{className:p.clsx("dgs-ui-kit-flex",{"dgs-ui-kit-items-center dgs-ui-kit-mt-2":l==="outside","dgs-ui-kit-absolute dgs-ui-kit-bottom-4 dgs-ui-kit-w-full dgs-ui-kit-justify-center":l==="inside","dgs-ui-kit-justify-between":l==="outside"&&e!=="hide"&&e!=="onSides","dgs-ui-kit-justify-center":l==="outside"&&(e==="hide"||e==="onSides")},v),children:[e&&e!=="hide"&&e!=="onSides"&&x,(u||k)&&t.jsxs("div",{className:"dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-gap-3",children:[k&&t.jsxs("div",{className:"dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-gap-1 dgs-ui-kit-font-caption-regular dgs-ui-kit-text-gray-400 ss02",children:[t.jsx("span",{className:p.clsx("dgs-ui-kit-font-bold",{"dgs-ui-kit-text-gray-600":l==="outside","dgs-ui-kit-text-white":l==="inside"}),children:r+1}),t.jsx("span",{children:"از"}),t.jsx("span",{children:a})]}),u&&t.jsx("div",{className:p.clsx("dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-justify-center dgs-ui-kit-gap-2",d),children:Array.from(Array(a).keys()).map((c,g)=>t.jsx(V,{active:r===g,index:g,onClick:()=>s(g),onNavigateToNext:()=>s(r+1)},c+a))})]})]})]})},L=n.forwardRef((i,s)=>{const[r,a]=n.useState(i),{className:e="",containerClassName:d="",showNavigationDots:v=!0,slidesPerView:l=1,navigationButtonsShowType:u="hide",spaceBetween:k=0,showPaginationText:x,onSlideIndexChange:c,initialSlide:g,containerXPadding:f=0}=r,[b,C]=n.useState(0),[P,R]=n.useState(0),W=Object.fromEntries(Object.entries(r).filter(([o])=>o!=="children")),h=n.useRef(null),m=Math.ceil(P/Math.floor(l)),E=(v||u&&u!=="hide"||x)&&m>1;function M(o){if(Math.ceil(Math.abs(o.currentTarget.scrollLeft))+o.currentTarget.clientWidth+1+f>=o.currentTarget.scrollWidth){C(m-1);return}const y=o.currentTarget.scrollWidth-f*2,w=y/m,N=(y-o.currentTarget.scrollLeft-f)/w;if(N<=m){C(0);return}C(Math.round(N%m))}function j(o){if(!h.current)return;const y=h.current.offsetWidth,w=b-o,N=h.current.scrollWidth/m,B=w*N;o<0?h.current.scrollTo({behavior:"smooth",left:-(y*m)}):o>=m?h.current.scrollTo({behavior:"smooth",left:0}):h.current.scrollBy({behavior:"smooth",left:B})}function S(){const y=Object.keys(i.responsive).sort().findLast(N=>Number(N)<=window.innerWidth),w=y?i.responsive[Number(y)]:null;a(w?{...r,...w}:i)}return n.useImperativeHandle(s,()=>({element:h.current,navigate:o=>j(Math.max(0,o-1))})),n.useEffect(()=>{if(!h.current)return;let o=h.current.childElementCount;f>0&&(o-=2),R(o)},[i.children,h,f]),n.useEffect(()=>{if(!(!i.responsive||Object.keys(i.responsive).length<=0))return S(),window.addEventListener("resize",S),()=>{window.removeEventListener("resize",S)}},[i.responsive]),n.useEffect(()=>{c&&typeof c=="function"&&c(b)},[b]),n.useEffect(()=>{typeof g=="number"&&h.current&&j(Math.max(0,g-1))},[g,h.current]),t.jsx(A.Provider,{value:{...W,childrenCount:P,sliderId:n.useId()},children:t.jsxs("div",{className:p.clsx("dgs-ui-kit-overflow-hidden dgs-ui-kit-relative dgs-ui-kit-group",e),style:{direction:"rtl"},children:[t.jsxs("div",{className:p.clsx("dgs-ui-kit-flex dgs-ui-kit-snap-x dgs-ui-kit-snap-mandatory dgs-ui-kit-overflow-x-auto no-scrollbar",d),style:{marginLeft:-k},onScroll:M,ref:h,children:[f>0&&t.jsx("div",{className:"dgs-ui-kit-shrink-0",style:{width:f,paddingLeft:k}}),i.children,f>0&&t.jsx("div",{className:"dgs-ui-kit-shrink-0",style:{width:f,paddingLeft:k}})]}),E&&t.jsx(F,{onNavigate:j,slideIndex:b,slidesCount:m})]})})});L.displayName="Slider";function $({slidesPerView:i,childIndex:s,centerMode:r,childrenCount:a,haveContainerPadding:e}){const d=s%Math.floor(i)===0,v=i%1!==0,l=s===0,u=s===a-1;if(!d)return"none";if(r){if(v&&!e){if(l)return"start";if(u)return"end"}return"center"}return"start"}const K=i=>{const{children:s,className:r,style:a,...e}=i,{slidesPerView:d=1,spaceBetween:v=0,centerMode:l=!1,containerXPadding:u=0,childrenCount:k=0,sliderId:x}=I(),c=n.useRef(null),[g,f]=n.useState(0);return n.useEffect(()=>{c.current&&f(Array.prototype.indexOf.call(document.querySelectorAll(`[id='slide-item-${x}']`),c.current))},[c,k,u]),t.jsx("div",{...e,ref:c,id:`slide-item-${x}`,className:p.clsx("dgs-ui-kit-shrink-0 dgs-ui-kit-snap-normal",r),style:{width:100/(d??1)+"%",paddingLeft:v,scrollSnapAlign:$({slidesPerView:d,childIndex:g,centerMode:l,childrenCount:k||0,haveContainerPadding:u>0}),...a},children:s})};exports.Slide=K;exports.Slider=L;

package/dist/{Slide-DsdG_6vc.js → Slide-CFSk8Dlg.js}

@@ -1,10 +1,10 @@
 "use client";
 import { jsx as r, jsxs as w, Fragment as V } from "react/jsx-runtime";
 import { c as p } from "./clsx-OuTLNxxd.js";
-import { createContext as F, useContext as $, useState as C, useEffect as b, forwardRef as K, useRef as W, useImperativeHandle as z, useId as X } from "react";
-import { A as q } from "./ArrowLeft2-jP2w1vwt.js";
-import { A as H } from "./ArrowRight2-CcHdxGRE.js";
-import L from "./Button/index.js";
+import { createContext as F, useContext as $, useState as C, useEffect as b, forwardRef as K, useRef as A, useImperativeHandle as z, useId as X } from "react";
+import { I as q } from "./IconArrowLeft2-cxcPyDqS.js";
+import { I as H } from "./IconArrowRight2-BoXg0Gkw.js";
+import W from "./Button/index.js";
 const M = F({
   slidesPerView: 1,
   spaceBetween: 0,
@@ -13,7 +13,7 @@ const M = F({
   showPaginationText: !1,
   childrenCount: 0,
   sliderId: ""
-}), A = () => $(M);
+}), j = () => $(M);
 function G({
   active: e,
   autoplay: i,
@@ -29,7 +29,7 @@ function G({
   ];
 }
 const J = (e) => {
-  const { active: i, onClick: n, onNavigateToNext: o, index: t } = e, { autoplay: a, navigationVariant: k = "outside" } = A(), [d, l] = C(0);
+  const { active: i, onClick: n, onNavigateToNext: o, index: t } = e, { autoplay: a, navigationVariant: k = "outside" } = j(), [d, l] = C(0);
   return b(() => {
     if (!i || !a) return;
     const f = typeof a == "boolean" ? 7e3 : a?.delay ?? 7e3;
@@ -70,7 +70,7 @@ const J = (e) => {
     navigationVariant: d = "outside",
     showNavigationDots: l = !0,
     showPaginationText: f
-  } = A(), v = /* @__PURE__ */ w(
+  } = j(), v = /* @__PURE__ */ w(
     "div",
     {
       className: p("dgs-ui-kit-flex dgs-ui-kit-gap-2", {
@@ -80,7 +80,7 @@ const J = (e) => {
       }),
       children: [
         /* @__PURE__ */ r(
-          L,
+          W,
           {
             type: "button",
             variant: "secondary",
@@ -90,7 +90,7 @@ const J = (e) => {
           }
         ),
         /* @__PURE__ */ r(
-          L,
+          W,
           {
             type: "button",
             variant: "secondary",
@@ -170,9 +170,9 @@ const J = (e) => {
     onSlideIndexChange: u,
     initialSlide: c,
     containerXPadding: g = 0
-  } = n, [S, I] = C(0), [j, B] = C(0), D = Object.fromEntries(
+  } = n, [S, I] = C(0), [L, B] = C(0), D = Object.fromEntries(
     Object.entries(n).filter(([s]) => s !== "children")
-  ), h = W(null), m = Math.ceil(j / Math.floor(d)), R = (k || l && l !== "hide" || v) && m > 1;
+  ), h = A(null), m = Math.ceil(L / Math.floor(d)), R = (k || l && l !== "hide" || v) && m > 1;
   function E(s) {
     if (Math.ceil(Math.abs(s.currentTarget.scrollLeft)) + s.currentTarget.clientWidth + 1 + g >= s.currentTarget.scrollWidth) {
       I(m - 1);
@@ -212,7 +212,7 @@ const J = (e) => {
     u && typeof u == "function" && u(S);
   }, [S]), b(() => {
     typeof c == "number" && h.current && P(Math.max(0, c - 1));
-  }, [c, h.current]), /* @__PURE__ */ r(M.Provider, { value: { ...D, childrenCount: j, sliderId: X() }, children: /* @__PURE__ */ w(
+  }, [c, h.current]), /* @__PURE__ */ r(M.Provider, { value: { ...D, childrenCount: L, sliderId: X() }, children: /* @__PURE__ */ w(
     "div",
     {
       className: p(
@@ -295,7 +295,7 @@ const st = (e) => {
     containerXPadding: l = 0,
     childrenCount: f = 0,
     sliderId: v
-  } = A(), u = W(null), [c, g] = C(0);
+  } = j(), u = A(null), [c, g] = C(0);
   return b(() => {
     u.current && g(
       Array.prototype.indexOf.call(

package/dist/Slider/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../assets/styles.css');;/* empty css                   */const e=require("../Slide-aMCvZQnM.cjs");exports.Slide=e.Slide;exports.Slider=e.Slider;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../assets/styles.css');;/* empty css                   */const e=require("../Slide-BhtrgZAI.cjs");exports.Slide=e.Slide;exports.Slider=e.Slider;

package/dist/Slider/index.js

@@ -1,5 +1,5 @@
 import '../assets/styles.css';/* empty css                 */
-import { a as i, S as o } from "../Slide-DsdG_6vc.js";
+import { a as i, S as o } from "../Slide-CFSk8Dlg.js";
 export {
   i as Slide,
   o as Slider

package/dist/Step-CcJeR_kj.cjs

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

package/dist/Step-pWxkk9vq.js

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

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

@@ -1,11 +1,14 @@
 import { FC, ReactNode } from 'react';
 export interface HorizontalStepProps {
     title: string;
+    activeTitle?: string;
+    completeTitle?: string;
     subTitle?: string;
     icon: ReactNode;
     completeIcon?: ReactNode;
     activeIcon?: ReactNode;
     index?: number;
+    classname?: string;
 }
 declare const HorizontalStep: FC<HorizontalStepProps>;
 export default HorizontalStep;

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,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"}
+{"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,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,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;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAkBD,QAAA,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CA8E3C,CAAC;AAEF,eAAe,cAAc,CAAC"}

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

@@ -4,6 +4,7 @@ export interface HorizontalStepperProps {
     stepOrientation?: HorizontalStepperStepOrientation;
     size?: HorizontalStepperSize;
     activeStep?: number;
+    classname?: string;
 }
 declare const HorizontalStepper: FC<PropsWithChildren<HorizontalStepperProps>>;
 export default HorizontalStepper;

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

@@ -1 +1 @@
-{"version":3,"file":"Stepper.d.ts","sourceRoot":"","sources":["../../../src/components/Stepper/Horizontal/Stepper.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE/D,OAAO,KAAK,EAAE,qBAAqB,EAAE,gCAAgC,EAAE,MAAM,QAAQ,CAAC;AAEtF,MAAM,WAAW,sBAAsB;IACrC,eAAe,CAAC,EAAE,gCAAgC,CAAC;IACnD,IAAI,CAAC,EAAE,qBAAqB,CAAC;IAC7B,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,QAAA,MAAM,iBAAiB,EAAE,EAAE,CAAC,iBAAiB,CAAC,sBAAsB,CAAC,CAuBpE,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"Stepper.d.ts","sourceRoot":"","sources":["../../../src/components/Stepper/Horizontal/Stepper.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE/D,OAAO,KAAK,EAAE,qBAAqB,EAAE,gCAAgC,EAAE,MAAM,QAAQ,CAAC;AAEtF,MAAM,WAAW,sBAAsB;IACrC,eAAe,CAAC,EAAE,gCAAgC,CAAC;IACnD,IAAI,CAAC,EAAE,qBAAqB,CAAC;IAC7B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,iBAAiB,EAAE,EAAE,CAAC,iBAAiB,CAAC,sBAAsB,CAAC,CAkCpE,CAAC;AAEF,eAAe,iBAAiB,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-CtqJxQMY.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-CcJeR_kj.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-CZp-RQhJ.js";
+import { a, H as p } from "../../Step-pWxkk9vq.js";
 export {
   a as HorizontalStep,
   p as HorizontalStepper