@dgshahr/ui-kit 0.0.43 → 0.0.45

package/dist/Drawer/index.cjs

@@ -1 +1 @@
-"use client";"use strict";require('../assets/styles.css');const t=require("react/jsx-runtime"),a=require("../clsx-C11secjj.cjs"),k=require("react");;/* empty css                   */const j=require("react-dom"),C=require("../CloseRemove-BUG0Hjfl.cjs"),h=150;function m({position:d,padding:l=0,item:o}){return o==="width"?d==="bottom"||d==="top"?`calc(100% - ${l*2}px)`:"auto":d==="bottom"||d==="top"?"auto":`calc(100% - ${l*2}px)`}const q=d=>{const{open:l,onClose:o,persist:x,position:s="bottom",children:f,className:p,maskClassName:v,containerClassName:y,padding:e=8,width:b,header:i,footer:n}=d,[u,c]=k.useState(!1);function w(){document.body.classList.add("dgs-ui-kit-overflow-hidden"),setTimeout(()=>{c(!0)},h)}function g(){x||(c(!1),setTimeout(()=>{document.body.classList.remove("dgs-ui-kit-overflow-hidden"),o()},h))}k.useEffect(()=>{l&&w()},[l]);const N=i?Object.values(i).some(r=>!!r):!1;return j.createPortal(t.jsx("button",{className:a.clsx("dgs-ui-kit-bg-black/40 dgs-ui-kit-fixed dgs-ui-kit-top-0 dgs-ui-kit-left-0 dgs-ui-kit-z-50 dgs-ui-kit-opacity-0 dgs-ui-kit-overflow-hidden dgs-ui-kit-cursor-default dgs-ui-kit-transition dgs-ui-kit-ease-linear",{"dgs-ui-kit-opacity-100":u,"dgs-ui-kit-w-full dgs-ui-kit-h-full":l},v),onClick:g,children:t.jsx("div",{className:a.clsx("dgs-ui-kit-absolute dgs-ui-kit-z-10 dgs-ui-kit-opacity-0 dgs-ui-kit-transition dgs-ui-kit-duration-100 dgs-ui-kit-flex dgs-ui-kit-justify-center",{"dgs-ui-kit-opacity-100":u,"dgs-ui-kit-translate-y-full":!u&&s==="bottom","-dgs-ui-kit-translate-y-full":!u&&s==="top","dgs-ui-kit-translate-x-full":!u&&s==="right","-dgs-ui-kit-translate-x-full":!u&&s==="left"},p),style:{top:s!=="bottom"?e??0:"unset",bottom:s!=="top"?e??0:"unset",left:s!=="right"?e??0:"unset",right:s!=="left"?e??0:"unset",maxHeight:`calc(100vh - ${e*2}px)`,maxWidth:`calc(100vw - ${e*2}px)`,width:m({position:s,padding:e,item:"width"}),height:m({position:s,padding:e,item:"height"})},children:t.jsxs("div",{className:"dgs-ui-kit-overflow-x-hidden dgs-ui-kit-rounded-2xl dgs-ui-kit-flex dgs-ui-kit-flex-col dgs-ui-kit-bg-white dgs-ui-kit-divide-y dgs-ui-kit-divide-gray-200 dgs-ui-kit-divide-solid",style:{width:b??"100%"},onClick:r=>r.stopPropagation(),children:[i&&N&&t.jsxs("div",{className:a.clsx("dgs-ui-kit-h-16 dgs-ui-kit-relative dgs-ui-kit-shrink-0",i?.containerClassName),children:[i.actionElement?t.jsx("div",{className:"dgs-ui-kit-absolute dgs-ui-kit-top-1/2 -dgs-ui-kit-translate-y-1/2 dgs-ui-kit-right-4 [&>svg]:dgs-ui-kit-w-6 [&_svg]:dgs-ui-kit-h-6 dgs-ui-kit-text-gray-600",children:i.actionElement}):null,i.title?t.jsxs("div",{className:"dgs-ui-kit-flex dgs-ui-kit-flex-col dgs-ui-kit-absolute dgs-ui-kit-top-1/2 dgs-ui-kit-right-1/2 -dgs-ui-kit-translate-y-1/2 dgs-ui-kit-translate-x-1/2 dgs-ui-kit-text-center",children:[t.jsx("span",{className:"dgs-ui-kit-font-h6-bold dgs-ui-kit-text-gray-800",children:i.title}),i.description?t.jsx("span",{className:"dgs-ui-kit-font-caption-regular dgs-ui-kit-text-gray-500",children:i.description}):null]}):null,i.haveCloseIcon&&t.jsx("button",{onClick:g,className:"dgs-ui-kit-absolute dgs-ui-kit-top-1/2 -dgs-ui-kit-translate-y-1/2 dgs-ui-kit-left-4",children:t.jsx(C.CloseRemoveIcon,{width:24,height:24,className:"dgs-ui-kit-text-gray-600"})})]}),t.jsx("div",{className:a.clsx("dgs-ui-kit-p-4 dgs-ui-kit-overflow-y-auto",y),children:f}),n?.element?t.jsx("div",{className:a.clsx("dgs-ui-kit-p-4 dgs-ui-kit-mt-auto",n.containerClassName),children:n.element}):null]})})}),document.body)};module.exports=q;
+"use client";"use strict";require('../assets/styles.css');const i=require("react/jsx-runtime"),a=require("../clsx-C11secjj.cjs"),m=require("react");;/* empty css                   */const q=require("react-dom"),D=require("../CloseRemove-BUG0Hjfl.cjs"),x=150;function f({position:l,padding:d=0,item:o}){return o==="width"?l==="bottom"||l==="top"?`calc(100% - ${d*2}px)`:"auto":l==="bottom"||l==="top"?"auto":`calc(100% - ${d*2}px)`}const I=l=>{const{open:d,onClose:o,persist:v,position:s="bottom",children:p,className:w,maskClassName:y,containerClassName:N,padding:e=8,width:b,header:t,footer:n,containerElement:c}=l,[u,k]=m.useState(!1),r=c??document.body;function j(){r.classList.add("dgs-ui-kit-overflow-hidden","dgs-ui-kit-relative"),setTimeout(()=>{k(!0)},x)}function h(){v||(k(!1),setTimeout(()=>{r.classList.remove("dgs-ui-kit-overflow-hidden","dgs-ui-kit-relative"),o()},x))}m.useEffect(()=>{d&&j()},[d]);const C=t?Object.values(t).some(g=>!!g):!1;return q.createPortal(i.jsx("div",{className:a.clsx("dgs-ui-kit-bg-black/40 dgs-ui-kit-top-0 dgs-ui-kit-left-0 dgs-ui-kit-z-50 dgs-ui-kit-opacity-0 dgs-ui-kit-overflow-hidden dgs-ui-kit-cursor-default dgs-ui-kit-transition dgs-ui-kit-ease-linear",{"dgs-ui-kit-opacity-100":u,"dgs-ui-kit-w-full dgs-ui-kit-h-full":d},c?"dgs-ui-kit-absolute":"dgs-ui-kit-fixed",y),onClick:h,children:i.jsx("div",{className:a.clsx("dgs-ui-kit-absolute dgs-ui-kit-z-10 dgs-ui-kit-opacity-0 dgs-ui-kit-transition dgs-ui-kit-duration-100 dgs-ui-kit-flex dgs-ui-kit-justify-center",{"dgs-ui-kit-opacity-100":u,"dgs-ui-kit-translate-y-full":!u&&s==="bottom","-dgs-ui-kit-translate-y-full":!u&&s==="top","dgs-ui-kit-translate-x-full":!u&&s==="right","-dgs-ui-kit-translate-x-full":!u&&s==="left"},w),style:{top:s!=="bottom"?e??0:"unset",bottom:s!=="top"?e??0:"unset",left:s!=="right"?e??0:"unset",right:s!=="left"?e??0:"unset",maxHeight:`calc(100vh - ${e*2}px)`,maxWidth:`calc(100vw - ${e*2}px)`,width:f({position:s,padding:e,item:"width"}),height:f({position:s,padding:e,item:"height"})},children:i.jsxs("div",{className:"dgs-ui-kit-overflow-x-hidden dgs-ui-kit-rounded-2xl dgs-ui-kit-flex dgs-ui-kit-flex-col dgs-ui-kit-bg-white dgs-ui-kit-divide-y dgs-ui-kit-divide-gray-200 dgs-ui-kit-divide-solid",style:{width:b??"100%"},onClick:g=>g.stopPropagation(),children:[t&&C&&i.jsxs("div",{className:a.clsx("dgs-ui-kit-h-16 dgs-ui-kit-relative dgs-ui-kit-shrink-0",t?.containerClassName),children:[t.actionElement?i.jsx("div",{className:"dgs-ui-kit-absolute dgs-ui-kit-top-1/2 -dgs-ui-kit-translate-y-1/2 dgs-ui-kit-right-4 [&>svg]:dgs-ui-kit-w-6 [&_svg]:dgs-ui-kit-h-6 dgs-ui-kit-text-gray-600",children:t.actionElement}):null,t.title?i.jsxs("div",{className:"dgs-ui-kit-flex dgs-ui-kit-flex-col dgs-ui-kit-absolute dgs-ui-kit-top-1/2 dgs-ui-kit-right-1/2 -dgs-ui-kit-translate-y-1/2 dgs-ui-kit-translate-x-1/2 dgs-ui-kit-text-center",children:[i.jsx("span",{className:"dgs-ui-kit-font-h6-bold dgs-ui-kit-text-gray-800",children:t.title}),t.description?i.jsx("span",{className:"dgs-ui-kit-font-caption-regular dgs-ui-kit-text-gray-500",children:t.description}):null]}):null,t.haveCloseIcon&&i.jsx("button",{onClick:h,className:"dgs-ui-kit-absolute dgs-ui-kit-top-1/2 -dgs-ui-kit-translate-y-1/2 dgs-ui-kit-left-4",children:i.jsx(D.CloseRemoveIcon,{width:24,height:24,className:"dgs-ui-kit-text-gray-600"})})]}),i.jsx("div",{className:a.clsx("dgs-ui-kit-p-4 dgs-ui-kit-overflow-y-auto",N),children:p}),n?.element?i.jsx("div",{className:a.clsx("dgs-ui-kit-p-4 dgs-ui-kit-mt-auto",n.containerClassName),children:n.element}):null]})})}),r)};module.exports=I;

package/dist/Drawer/index.d.ts

@@ -21,6 +21,7 @@ export interface DrawerProps {
         containerClassName?: string;
     };
     children?: ReactNode | undefined;
+    containerElement?: Element | null;
 }
 declare const Drawer: FC<DrawerProps>;
 export default Drawer;

package/dist/Drawer/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/Drawer/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAuB,KAAK,aAAa,EAAE,KAAK,EAAE,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACzF,OAAO,kBAAkB,CAAC;AAM1B,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,QAAQ,GAAG,KAAK,GAAG,OAAO,GAAG,MAAM,CAAC;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAC/B,MAAM,CAAC,EAAE;QACP,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,aAAa,CAAC,EAAE,OAAO,CAAC;QACxB,aAAa,CAAC,EAAE,SAAS,CAAC;QAC1B,kBAAkB,CAAC,EAAE,MAAM,CAAC;KAC7B,CAAC;IACF,MAAM,CAAC,EAAE;QACP,OAAO,CAAC,EAAE,SAAS,CAAC;QACpB,kBAAkB,CAAC,EAAE,MAAM,CAAC;KAC7B,CAAC;IACF,QAAQ,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;CAClC;AAoBD,QAAA,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CAmI3B,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/Drawer/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAuB,KAAK,aAAa,EAAE,KAAK,EAAE,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACzF,OAAO,kBAAkB,CAAC;AAM1B,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,QAAQ,GAAG,KAAK,GAAG,OAAO,GAAG,MAAM,CAAC;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAC/B,MAAM,CAAC,EAAE;QACP,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,aAAa,CAAC,EAAE,OAAO,CAAC;QACxB,aAAa,CAAC,EAAE,SAAS,CAAC;QAC1B,kBAAkB,CAAC,EAAE,MAAM,CAAC;KAC7B,CAAC;IACF,MAAM,CAAC,EAAE;QACP,OAAO,CAAC,EAAE,SAAS,CAAC;QACpB,kBAAkB,CAAC,EAAE,MAAM,CAAC;KAC7B,CAAC;IACF,QAAQ,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IACjC,gBAAgB,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;CACnC;AAoBD,QAAA,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CAsI3B,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/Drawer/index.js

@@ -1,108 +1,110 @@
 "use client";
-import { jsx as e, jsxs as g } from "react/jsx-runtime";
-import { c as a } from "../clsx-OuTLNxxd.js";
-import { useState as C, useEffect as I } from "react";
+import { jsx as e, jsxs as c } from "react/jsx-runtime";
+import { c as u } from "../clsx-OuTLNxxd.js";
+import { useState as j, useEffect as D } from "react";
 import '../assets/styles.css';/* empty css                 */
-import { createPortal as j } from "react-dom";
-import { C as D } from "../CloseRemove-BzqPxkjk.js";
-const m = 150;
-function f({
+import { createPortal as E } from "react-dom";
+import { C as T } from "../CloseRemove-BzqPxkjk.js";
+const h = 150;
+function p({
   position: d,
   padding: l = 0,
   item: o
 }) {
   return o === "width" ? d === "bottom" || d === "top" ? `calc(100% - ${l * 2}px)` : "auto" : d === "bottom" || d === "top" ? "auto" : `calc(100% - ${l * 2}px)`;
 }
-const S = (d) => {
+const L = (d) => {
   const {
     open: l,
     onClose: o,
-    persist: h,
-    position: i = "bottom",
-    children: p,
-    className: x,
-    maskClassName: v,
-    containerClassName: y,
+    persist: v,
+    position: t = "bottom",
+    children: x,
+    className: w,
+    maskClassName: y,
+    containerClassName: N,
     padding: s = 8,
     width: b,
-    header: t,
-    footer: n
-  } = d, [u, c] = C(!1);
-  function w() {
-    document.body.classList.add("dgs-ui-kit-overflow-hidden"), setTimeout(() => {
-      c(!0);
-    }, m);
+    header: i,
+    footer: r,
+    containerElement: k
+  } = d, [a, m] = j(!1), n = k ?? document.body;
+  function C() {
+    n.classList.add("dgs-ui-kit-overflow-hidden", "dgs-ui-kit-relative"), setTimeout(() => {
+      m(!0);
+    }, h);
   }
-  function k() {
-    h || (c(!1), setTimeout(() => {
-      document.body.classList.remove("dgs-ui-kit-overflow-hidden"), o();
-    }, m));
+  function f() {
+    v || (m(!1), setTimeout(() => {
+      n.classList.remove("dgs-ui-kit-overflow-hidden", "dgs-ui-kit-relative"), o();
+    }, h));
   }
-  I(() => {
-    l && w();
+  D(() => {
+    l && C();
   }, [l]);
-  const N = t ? Object.values(t).some((r) => !!r) : !1;
-  return j(
+  const I = i ? Object.values(i).some((g) => !!g) : !1;
+  return E(
     /* @__PURE__ */ e(
-      "button",
+      "div",
       {
-        className: a(
-          "dgs-ui-kit-bg-black/40 dgs-ui-kit-fixed dgs-ui-kit-top-0 dgs-ui-kit-left-0 dgs-ui-kit-z-50 dgs-ui-kit-opacity-0 dgs-ui-kit-overflow-hidden dgs-ui-kit-cursor-default dgs-ui-kit-transition dgs-ui-kit-ease-linear",
-          { "dgs-ui-kit-opacity-100": u, "dgs-ui-kit-w-full dgs-ui-kit-h-full": l },
-          v
+        className: u(
+          "dgs-ui-kit-bg-black/40 dgs-ui-kit-top-0 dgs-ui-kit-left-0 dgs-ui-kit-z-50 dgs-ui-kit-opacity-0 dgs-ui-kit-overflow-hidden dgs-ui-kit-cursor-default dgs-ui-kit-transition dgs-ui-kit-ease-linear",
+          { "dgs-ui-kit-opacity-100": a, "dgs-ui-kit-w-full dgs-ui-kit-h-full": l },
+          k ? "dgs-ui-kit-absolute" : "dgs-ui-kit-fixed",
+          y
         ),
-        onClick: k,
+        onClick: f,
         children: /* @__PURE__ */ e(
           "div",
           {
-            className: a(
+            className: u(
               "dgs-ui-kit-absolute dgs-ui-kit-z-10 dgs-ui-kit-opacity-0 dgs-ui-kit-transition dgs-ui-kit-duration-100 dgs-ui-kit-flex dgs-ui-kit-justify-center",
               {
-                "dgs-ui-kit-opacity-100": u,
-                "dgs-ui-kit-translate-y-full": !u && i === "bottom",
-                "-dgs-ui-kit-translate-y-full": !u && i === "top",
-                "dgs-ui-kit-translate-x-full": !u && i === "right",
-                "-dgs-ui-kit-translate-x-full": !u && i === "left"
+                "dgs-ui-kit-opacity-100": a,
+                "dgs-ui-kit-translate-y-full": !a && t === "bottom",
+                "-dgs-ui-kit-translate-y-full": !a && t === "top",
+                "dgs-ui-kit-translate-x-full": !a && t === "right",
+                "-dgs-ui-kit-translate-x-full": !a && t === "left"
               },
-              x
+              w
             ),
             style: {
-              top: i !== "bottom" ? s ?? 0 : "unset",
-              bottom: i !== "top" ? s ?? 0 : "unset",
-              left: i !== "right" ? s ?? 0 : "unset",
-              right: i !== "left" ? s ?? 0 : "unset",
+              top: t !== "bottom" ? s ?? 0 : "unset",
+              bottom: t !== "top" ? s ?? 0 : "unset",
+              left: t !== "right" ? s ?? 0 : "unset",
+              right: t !== "left" ? s ?? 0 : "unset",
               maxHeight: `calc(100vh - ${s * 2}px)`,
               maxWidth: `calc(100vw - ${s * 2}px)`,
-              width: f({ position: i, padding: s, item: "width" }),
-              height: f({ position: i, padding: s, item: "height" })
+              width: p({ position: t, padding: s, item: "width" }),
+              height: p({ position: t, padding: s, item: "height" })
             },
-            children: /* @__PURE__ */ g(
+            children: /* @__PURE__ */ c(
               "div",
               {
                 className: "dgs-ui-kit-overflow-x-hidden dgs-ui-kit-rounded-2xl dgs-ui-kit-flex dgs-ui-kit-flex-col dgs-ui-kit-bg-white dgs-ui-kit-divide-y dgs-ui-kit-divide-gray-200 dgs-ui-kit-divide-solid",
                 style: { width: b ?? "100%" },
-                onClick: (r) => r.stopPropagation(),
+                onClick: (g) => g.stopPropagation(),
                 children: [
-                  t && N && /* @__PURE__ */ g(
+                  i && I && /* @__PURE__ */ c(
                     "div",
                     {
-                      className: a(
+                      className: u(
                         "dgs-ui-kit-h-16 dgs-ui-kit-relative dgs-ui-kit-shrink-0",
-                        t?.containerClassName
+                        i?.containerClassName
                       ),
                       children: [
-                        t.actionElement ? /* @__PURE__ */ e("div", { className: "dgs-ui-kit-absolute dgs-ui-kit-top-1/2 -dgs-ui-kit-translate-y-1/2 dgs-ui-kit-right-4 [&>svg]:dgs-ui-kit-w-6 [&_svg]:dgs-ui-kit-h-6 dgs-ui-kit-text-gray-600", children: t.actionElement }) : null,
-                        t.title ? /* @__PURE__ */ g("div", { className: "dgs-ui-kit-flex dgs-ui-kit-flex-col dgs-ui-kit-absolute dgs-ui-kit-top-1/2 dgs-ui-kit-right-1/2 -dgs-ui-kit-translate-y-1/2 dgs-ui-kit-translate-x-1/2 dgs-ui-kit-text-center", children: [
-                          /* @__PURE__ */ e("span", { className: "dgs-ui-kit-font-h6-bold dgs-ui-kit-text-gray-800", children: t.title }),
-                          t.description ? /* @__PURE__ */ e("span", { className: "dgs-ui-kit-font-caption-regular dgs-ui-kit-text-gray-500", children: t.description }) : null
+                        i.actionElement ? /* @__PURE__ */ e("div", { className: "dgs-ui-kit-absolute dgs-ui-kit-top-1/2 -dgs-ui-kit-translate-y-1/2 dgs-ui-kit-right-4 [&>svg]:dgs-ui-kit-w-6 [&_svg]:dgs-ui-kit-h-6 dgs-ui-kit-text-gray-600", children: i.actionElement }) : null,
+                        i.title ? /* @__PURE__ */ c("div", { className: "dgs-ui-kit-flex dgs-ui-kit-flex-col dgs-ui-kit-absolute dgs-ui-kit-top-1/2 dgs-ui-kit-right-1/2 -dgs-ui-kit-translate-y-1/2 dgs-ui-kit-translate-x-1/2 dgs-ui-kit-text-center", children: [
+                          /* @__PURE__ */ e("span", { className: "dgs-ui-kit-font-h6-bold dgs-ui-kit-text-gray-800", children: i.title }),
+                          i.description ? /* @__PURE__ */ e("span", { className: "dgs-ui-kit-font-caption-regular dgs-ui-kit-text-gray-500", children: i.description }) : null
                         ] }) : null,
-                        t.haveCloseIcon && /* @__PURE__ */ e(
+                        i.haveCloseIcon && /* @__PURE__ */ e(
                           "button",
                           {
-                            onClick: k,
+                            onClick: f,
                             className: "dgs-ui-kit-absolute dgs-ui-kit-top-1/2 -dgs-ui-kit-translate-y-1/2 dgs-ui-kit-left-4",
                             children: /* @__PURE__ */ e(
-                              D,
+                              T,
                               {
                                 width: 24,
                                 height: 24,
@@ -114,8 +116,8 @@ const S = (d) => {
                       ]
                     }
                   ),
-                  /* @__PURE__ */ e("div", { className: a("dgs-ui-kit-p-4 dgs-ui-kit-overflow-y-auto", y), children: p }),
-                  n?.element ? /* @__PURE__ */ e("div", { className: a("dgs-ui-kit-p-4 dgs-ui-kit-mt-auto", n.containerClassName), children: n.element }) : null
+                  /* @__PURE__ */ e("div", { className: u("dgs-ui-kit-p-4 dgs-ui-kit-overflow-y-auto", N), children: x }),
+                  r?.element ? /* @__PURE__ */ e("div", { className: u("dgs-ui-kit-p-4 dgs-ui-kit-mt-auto", r.containerClassName), children: r.element }) : null
                 ]
               }
             )
@@ -123,9 +125,9 @@ const S = (d) => {
         )
       }
     ),
-    document.body
+    n
   );
 };
 export {
-  S as default
+  L as default
 };

package/dist/Form/OtpInput/index.cjs

@@ -1 +1 @@
-"use client";"use strict";require('../../assets/styles.css');const l=require("react/jsx-runtime"),h=require("../../clsx-C11secjj.cjs"),k=require("react"),I=require("../Input/index.cjs"),m=require("../../TextFieldWrapper-B03flGgW.cjs");;/* empty css                      */const v=y=>{const{inputsNumber:u=4,onChange:a,onEnd:f,className:j,inputsContainerClassName:C,labelContent:p,hintMessage:g,errorMessage:c,isError:w,value:n}=y,o=k.useRef(!1);function r(s){const e=document.getElementById(`dgs-ui-kit-otp-input-${s}`);e?.focus(),e?.select()}function E(s,e){const t=[s.code,s.key];if(t.includes("Backspace")||t.includes("Delete")){const i=n.split("");i[e]="",e!==0&&(i[e-1]="",r(e-1)),a(i.join(""))}else t.includes("ArrowLeft")?r(e-1):t.includes("ArrowRight")&&r(e+1)}function N(s,e){const t=s.currentTarget.value,i=n.split("");t.length>1?t.split("").forEach((q,d)=>{d<u&&(i[d]=q)}):i[e]=t,a(i.join("")),e+1!==u&&t&&r(e+1)}return k.useEffect(()=>{n.length===u&&o.current?(o.current=!1,typeof f=="function"&&f(n)):n.length<u&&(o.current=!0)},[n]),l.jsxs("div",{className:h.clsx("dgs-ui-kit-space-y-2",j),children:[p?l.jsx(m.FieldLabel,{labelContent:p}):null,l.jsx("div",{className:h.clsx("dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-gap-2 [direction:ltr]",C),children:Array.from(Array(u).keys()).map((s,e)=>l.jsx(I,{containerClassName:"dgs-ui-kit-w-12 dgs-ui-kit-h-12 dgs-ui-kit-p-0",className:"dgs-ui-kit-w-full dgs-ui-kit-h-full !dgs-ui-kit-text-center placeholder:!dgs-ui-kit-text-center",placeholder:"-",type:"tel",autoFocus:e===0,onChange:t=>N(t,e),onKeyUp:t=>E(t,e),id:`dgs-ui-kit-otp-input-${e}`,value:n[e]||"",showMaxLength:!1,isError:!!c||w,autoComplete:"off",maxLength:1},s))}),c||g?l.jsx(m.FieldBottomInfo,{errorMessage:c,hintMessage:g}):null]})};module.exports=v;
+"use client";"use strict";require('../../assets/styles.css');const r=require("react/jsx-runtime"),h=require("../../clsx-C11secjj.cjs"),k=require("react"),v=require("../Input/index.cjs"),m=require("../../TextFieldWrapper-B03flGgW.cjs");;/* empty css                      */const F=y=>{const{inputsNumber:u=4,onChange:a,onEnd:f,className:j,inputsContainerClassName:C,labelContent:p,hintMessage:g,errorMessage:c,isError:w,value:n,...E}=y,o=k.useRef(!1);function l(s){const e=document.getElementById(`dgs-ui-kit-otp-input-${s}`);e?.focus(),e?.select()}function N(s,e){const t=[s.code,s.key];if(t.includes("Backspace")||t.includes("Delete")){const i=n.split("");i[e]="",e!==0&&(i[e-1]="",l(e-1)),a(i.join(""))}else t.includes("ArrowLeft")?l(e-1):t.includes("ArrowRight")&&l(e+1)}function q(s,e){const t=s.currentTarget.value,i=n.split("");t.length>1?t.split("").forEach((I,d)=>{d<u&&(i[d]=I)}):i[e]=t,a(i.join("")),e+1!==u&&t&&l(e+1)}return k.useEffect(()=>{n.length===u&&o.current?(o.current=!1,typeof f=="function"&&f(n)):n.length<u&&(o.current=!0)},[n]),r.jsxs("div",{className:h.clsx("dgs-ui-kit-space-y-2",j),children:[p?r.jsx(m.FieldLabel,{labelContent:p}):null,r.jsx("div",{className:h.clsx("dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-gap-2 [direction:ltr]",C),children:Array.from(Array(u).keys()).map((s,e)=>r.jsx(v,{containerClassName:"dgs-ui-kit-w-12 dgs-ui-kit-h-12 dgs-ui-kit-p-0",className:"dgs-ui-kit-w-full dgs-ui-kit-h-full !dgs-ui-kit-text-center placeholder:!dgs-ui-kit-text-center",placeholder:"-",autoFocus:e===0,onChange:t=>q(t,e),onKeyUp:t=>N(t,e),id:`dgs-ui-kit-otp-input-${e}`,value:n[e]||"",showMaxLength:!1,isError:!!c||w,autoComplete:"off",maxLength:1,...E},s))}),c||g?r.jsx(m.FieldBottomInfo,{errorMessage:c,hintMessage:g}):null]})};module.exports=F;

package/dist/Form/OtpInput/index.d.ts

@@ -1,6 +1,6 @@
 import { FC } from 'react';
-import { TextFieldBaseProps } from '../Wrappers/TextFieldWrapper/TextFieldWrapper';
-export interface OtpInputProps extends Pick<TextFieldBaseProps, 'labelContent' | 'errorMessage' | 'isError' | 'hintMessage'> {
+import { InputProps } from '../Input';
+export interface OtpInputProps extends Omit<InputProps, 'value' | 'onChange'> {
     inputsNumber?: number;
     onChange: (value: string) => void;
     onEnd?: (value: string) => void;

package/dist/Form/OtpInput/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Form/OtpInput/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAuC,KAAK,EAAE,EAAsB,MAAM,OAAO,CAAC;AAIzF,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,+CAA+C,CAAC;AACxF,OAAO,kBAAkB,CAAC;AAE1B,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,kBAAkB,EAAE,cAAc,GAAG,cAAc,GAAG,SAAS,GAAG,aAAa,CAAC;IAC7F,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,KAAK,EAAE,MAAM,CAAC;CACf;AAED,QAAA,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CA2G/B,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Form/OtpInput/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAuC,KAAK,EAAE,EAAsB,MAAM,OAAO,CAAC;AACzF,OAAc,EAAE,KAAK,UAAU,EAAE,MAAM,UAAU,CAAC;AAGlD,OAAO,kBAAkB,CAAC;AAE1B,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,UAAU,EAAE,OAAO,GAAG,UAAU,CAAC;IAC3E,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,KAAK,EAAE,MAAM,CAAC;CACf;AAED,QAAA,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CA4G/B,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/Form/OtpInput/index.js

@@ -1,81 +1,82 @@
 "use client";
-import { jsxs as I, jsx as u } from "react/jsx-runtime";
+import { jsxs as v, jsx as r } from "react/jsx-runtime";
 import { c as d } from "../../clsx-OuTLNxxd.js";
-import { useRef as v, useEffect as j } from "react";
-import A from "../Input/index.js";
-import { F as B, a as F } from "../../TextFieldWrapper-Mcwb34qQ.js";
+import { useRef as j, useEffect as A } from "react";
+import B from "../Input/index.js";
+import { F, a as L } from "../../TextFieldWrapper-Mcwb34qQ.js";
 import '../../assets/styles.css';/* empty css                    */
-const R = (h) => {
+const T = (h) => {
   const {
-    inputsNumber: l = 4,
+    inputsNumber: o = 4,
     onChange: c,
     onEnd: f,
     className: k,
     inputsContainerClassName: y,
     labelContent: p,
     hintMessage: g,
-    errorMessage: r,
+    errorMessage: u,
     isError: C,
-    value: i
-  } = h, a = v(!1);
-  function o(s) {
+    value: i,
+    ...w
+  } = h, a = j(!1);
+  function l(s) {
     const e = document.getElementById(`dgs-ui-kit-otp-input-${s}`);
     e?.focus(), e?.select();
   }
-  function w(s, e) {
+  function E(s, e) {
     const t = [s.code, s.key];
     if (t.includes("Backspace") || t.includes("Delete")) {
       const n = i.split("");
-      n[e] = "", e !== 0 && (n[e - 1] = "", o(e - 1)), c(n.join(""));
-    } else t.includes("ArrowLeft") ? o(e - 1) : t.includes("ArrowRight") && o(e + 1);
+      n[e] = "", e !== 0 && (n[e - 1] = "", l(e - 1)), c(n.join(""));
+    } else t.includes("ArrowLeft") ? l(e - 1) : t.includes("ArrowRight") && l(e + 1);
   }
-  function E(s, e) {
+  function N(s, e) {
     const t = s.currentTarget.value, n = i.split("");
-    t.length > 1 ? t.split("").forEach((N, m) => {
-      m < l && (n[m] = N);
-    }) : n[e] = t, c(n.join("")), e + 1 !== l && t && o(e + 1);
+    t.length > 1 ? t.split("").forEach((I, m) => {
+      m < o && (n[m] = I);
+    }) : n[e] = t, c(n.join("")), e + 1 !== o && t && l(e + 1);
   }
-  return j(() => {
-    i.length === l && a.current ? (a.current = !1, typeof f == "function" && f(i)) : i.length < l && (a.current = !0);
-  }, [i]), /* @__PURE__ */ I("div", { className: d("dgs-ui-kit-space-y-2", k), children: [
-    p ? /* @__PURE__ */ u(B, { labelContent: p }) : null,
-    /* @__PURE__ */ u(
+  return A(() => {
+    i.length === o && a.current ? (a.current = !1, typeof f == "function" && f(i)) : i.length < o && (a.current = !0);
+  }, [i]), /* @__PURE__ */ v("div", { className: d("dgs-ui-kit-space-y-2", k), children: [
+    p ? /* @__PURE__ */ r(F, { labelContent: p }) : null,
+    /* @__PURE__ */ r(
       "div",
       {
         className: d(
           "dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-gap-2 [direction:ltr]",
           y
         ),
-        children: Array.from(Array(l).keys()).map((s, e) => /* @__PURE__ */ u(
-          A,
+        children: Array.from(Array(o).keys()).map((s, e) => /* @__PURE__ */ r(
+          B,
           {
             containerClassName: "dgs-ui-kit-w-12 dgs-ui-kit-h-12 dgs-ui-kit-p-0",
             className: "dgs-ui-kit-w-full dgs-ui-kit-h-full !dgs-ui-kit-text-center placeholder:!dgs-ui-kit-text-center",
             placeholder: "-",
-            type: "tel",
             autoFocus: e === 0,
-            onChange: (t) => E(t, e),
-            onKeyUp: (t) => w(t, e),
+            onChange: (t) => N(t, e),
+            onKeyUp: (t) => E(t, e),
             id: `dgs-ui-kit-otp-input-${e}`,
             value: i[e] || "",
             showMaxLength: !1,
-            isError: !!r || C,
+            isError: !!u || C,
             autoComplete: "off",
-            maxLength: 1
+            maxLength: 1,
+            ...w
           },
           s
         ))
       }
     ),
-    r || g ? /* @__PURE__ */ u(
-      F,
+    u || g ? /* @__PURE__ */ r(
+      L,
       {
-        errorMessage: r,
+        errorMessage: u,
         hintMessage: g
       }
     ) : null
   ] });
 };
 export {
-  R as default
+  T as default
 };

package/dist/Slide-D_YyWKvD.js

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

package/dist/Slide-h2OqEiNN.cjs

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

package/dist/Slider/Slide.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Slide.d.ts","sourceRoot":"","sources":["../../src/components/Slider/Slide.tsx"],"names":[],"mappings":"AAEA,OAAO,EAIL,KAAK,iBAAiB,EACtB,KAAK,EAAE,EACP,KAAK,cAAc,EACnB,KAAK,iBAAiB,EACvB,MAAM,OAAO,CAAC;AAgCf,QAAA,MAAM,KAAK,EAAE,EAAE,CACb,iBAAiB,CAAC,iBAAiB,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,cAAc,CAAC,CAAC,CAkErF,CAAC;AAEF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"Slide.d.ts","sourceRoot":"","sources":["../../src/components/Slider/Slide.tsx"],"names":[],"mappings":"AAEA,OAAO,EAIL,KAAK,iBAAiB,EACtB,KAAK,EAAE,EACP,KAAK,cAAc,EACnB,KAAK,iBAAiB,EACvB,MAAM,OAAO,CAAC;AAgCf,QAAA,MAAM,KAAK,EAAE,EAAE,CACb,iBAAiB,CAAC,iBAAiB,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,cAAc,CAAC,CAAC,CA8CrF,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/dist/Slider/Slider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../src/components/Slider/Slider.tsx"],"names":[],"mappings":"AAeA,MAAM,WAAW,WAAW;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EACL,OAAO,GACP;QACE,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;KACvB,CAAC;IACN,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,4BAA4B,CAAC,EAAE,MAAM,CAAC;IACtC,iBAAiB,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IACzC,yBAAyB,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,WAAW,GAAG,SAAS,CAAC;IACvE,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,IAAI,CAAC,WAAW,EAAE,YAAY,CAAC,CAAC,CAAC;IAC7D,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kBAAkB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;CACnD;AAED,MAAM,WAAW,SAAS;IACxB,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,OAAO,EAAE,cAAc,GAAG,IAAI,CAAC;CAChC;AAED,QAAA,MAAM,MAAM;;6CA8IV,CAAC;AAIH,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../src/components/Slider/Slider.tsx"],"names":[],"mappings":"AAeA,MAAM,WAAW,WAAW;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EACL,OAAO,GACP;QACE,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;KACvB,CAAC;IACN,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,4BAA4B,CAAC,EAAE,MAAM,CAAC;IACtC,iBAAiB,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IACzC,yBAAyB,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,WAAW,GAAG,SAAS,CAAC;IACvE,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,IAAI,CAAC,WAAW,EAAE,YAAY,CAAC,CAAC,CAAC;IAC7D,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kBAAkB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;CACnD;AAED,MAAM,WAAW,SAAS;IACxB,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,OAAO,EAAE,cAAc,GAAG,IAAI,CAAC;CAChC;AAED,QAAA,MAAM,MAAM;;6CAgKV,CAAC;AAIH,eAAe,MAAM,CAAC"}

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-GqF7m8gP.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-h2OqEiNN.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-BsHb9vsb.js";
+import { a as i, S as o } from "../Slide-D_YyWKvD.js";
 export {
   i as Slide,
   o as Slider

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./assets/styles.css');;/* empty css                  */const r=require("./AccordionItem-AwBSlD0h.cjs"),o=require("./Alert/index.cjs"),t=require("./Badge/index.cjs"),i=require("./Breadcrumb/index.cjs"),n=require("./Button/index.cjs"),c=require("./Divider/index.cjs"),u=require("./Drawer/index.cjs"),s=require("./Form/Checkbox/index.cjs"),a=require("./Form/Input/index.cjs"),d=require("./Form/OtpInput/index.cjs"),q=require("./Form/RadioButton/index.cjs"),m=require("./Form/Textarea/index.cjs"),l=require("./Pagination/index.cjs"),B=require("./Progress/Bar/index.cjs"),e=require("./Slide-GqF7m8gP.cjs"),p=require("./Tabs/index.cjs");exports.AccordionGroup=r.AccordionGroup;exports.AccordionItem=r.AccordionItem;exports.Alert=o;exports.Badge=t;exports.Breadcrumb=i;exports.Button=n;exports.Divider=c;exports.Drawer=u;exports.Checkbox=s;exports.Input=a;exports.OtpInput=d;exports.RadioButton=q;exports.Textarea=m;exports.Pagination=l;exports.ProgressBar=B;exports.Slide=e.Slide;exports.Slider=e.Slider;exports.Tabs=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./assets/styles.css');;/* empty css                  */const r=require("./AccordionItem-AwBSlD0h.cjs"),o=require("./Alert/index.cjs"),t=require("./Badge/index.cjs"),i=require("./Breadcrumb/index.cjs"),n=require("./Button/index.cjs"),c=require("./Divider/index.cjs"),u=require("./Drawer/index.cjs"),s=require("./Form/Checkbox/index.cjs"),a=require("./Form/Input/index.cjs"),d=require("./Form/OtpInput/index.cjs"),q=require("./Form/RadioButton/index.cjs"),m=require("./Form/Textarea/index.cjs"),l=require("./Pagination/index.cjs"),B=require("./Progress/Bar/index.cjs"),e=require("./Slide-h2OqEiNN.cjs"),p=require("./Tabs/index.cjs");exports.AccordionGroup=r.AccordionGroup;exports.AccordionItem=r.AccordionItem;exports.Alert=o;exports.Badge=t;exports.Breadcrumb=i;exports.Button=n;exports.Divider=c;exports.Drawer=u;exports.Checkbox=s;exports.Input=a;exports.OtpInput=d;exports.RadioButton=q;exports.Textarea=m;exports.Pagination=l;exports.ProgressBar=B;exports.Slide=e.Slide;exports.Slider=e.Slider;exports.Tabs=p;

package/dist/index.js

@@ -13,7 +13,7 @@ import { default as T } from "./Form/RadioButton/index.js";
 import { default as k } from "./Form/Textarea/index.js";
 import { default as w } from "./Pagination/index.js";
 import { default as G } from "./Progress/Bar/index.js";
-import { a as R, S as j } from "./Slide-BsHb9vsb.js";
+import { a as R, S as j } from "./Slide-D_YyWKvD.js";
 import { default as y } from "./Tabs/index.js";
 export {
   e as AccordionGroup,

package/package.json

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

package/dist/Slide-BsHb9vsb.js

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

package/dist/Slide-GqF7m8gP.cjs

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