@dgshahr/ui-kit 0.0.102 → 1.0.0

package/dist/Sidebar/index.mjs

@@ -1,13 +1,13 @@
 "use client";
 import { jsxs as c, jsx as t } from "react/jsx-runtime";
-import { c as d } from "../clsx-OuTLNxxd.js";
+import { c as r } from "../clsx-OuTLNxxd.js";
 import { createContext as M, useContext as j, useState as S, useCallback as D, useEffect as N, Fragment as E } from "react";
 import { d as R } from "../index-CzwAoGdL.js";
 import { I as P } from "../IconSearch-aShj2vmu.js";
 import _ from "../Badge/index.mjs";
-import { I as H } from "../index-BOxK2gfQ.js";
+import { I as H } from "../index-Cj_9z9UD.js";
 import '../assets/styles.css';/* empty css                 */
-import { A as V, a as F } from "../AccordionItem-CbYyB1Ub.js";
+import { A as V, a as F } from "../AccordionItem-4UuHvtDx.js";
 import z from "../Divider/index.mjs";
 import { I as G } from "../IconArrowLeft2-cxcPyDqS.js";
 import L from "../Button/index.mjs";
@@ -41,31 +41,31 @@ const U = (i) => /* @__PURE__ */ c(
       )
     ]
   }
-), f = "dgs-ui-kit-duration-300", C = "dgs-ui-kit-relative dgs-ui-kit-transition-all hover:dgs-ui-kit-bg-gray-50 dgs-ui-kit-rounded-lg focus:dgs-ui-kit-ring-[3px] focus:dgs-ui-kit-ring-offset-1 dgs-ui-kit-ring-offset-white dgs-ui-kit-ring-primary-300 dgs-ui-kit-text-gray-600", y = "dgs-ui-kit-opacity-40 dgs-ui-kit-pointer-events-none", B = "!dgs-ui-kit-bg-primary-50 dgs-ui-kit-text-primary-600", A = `${B} before:dgs-ui-kit-content-[""] before:dgs-ui-kit-absolute before:dgs-ui-kit-w-1 before:dgs-ui-kit-h-[22px] before:dgs-ui-kit-rounded-l-md before:dgs-ui-kit-bg-primary-500 before:dgs-ui-kit-top-1/2 before:-dgs-ui-kit-translate-y-1/2 before:-dgs-ui-kit-right-4`, I = M({
+), f = "dgsuikit:duration-300", v = "dgsuikit:relative dgsuikit:transition-all dgsuikit:hover:bg-gray-50 dgsuikit:rounded-lg dgsuikit:focus:ring-[3px] dgsuikit:focus:ring-offset-1 dgsuikit:ring-offset-white dgsuikit:ring-primary-300 dgsuikit:text-gray-600", y = "dgsuikit:opacity-40 dgsuikit:pointer-events-none", B = "dgsuikit:!bg-primary-50 dgsuikit:text-primary-600", A = `${B} dgsuikit:before:content-[""] dgsuikit:before:absolute dgsuikit:before:w-1 dgsuikit:before:h-[22px] dgsuikit:before:rounded-l-md dgsuikit:before:bg-primary-500 dgsuikit:before:top-1/2 dgsuikit:before:-translate-y-1/2 dgsuikit:before:-right-4`, I = M({
   isOpen: !1,
   setIsOpen: () => {
   }
-}), h = () => j(I), b = (i) => d(
-  "dgs-ui-kit-transition-opacity dgs-ui-kit-whitespace-pre dgs-ui-kit-overflow-hidden",
-  i ? "dgs-ui-kit-opacity-100" : "dgs-ui-kit-opacity-0",
+}), h = () => j(I), b = (i) => r(
+  "dgsuikit:transition-opacity dgsuikit:whitespace-pre dgsuikit:overflow-hidden",
+  i ? "dgsuikit:opacity-100" : "dgsuikit:opacity-0",
   f
 );
 function O(i, s) {
   return /* @__PURE__ */ c(
     "div",
     {
-      className: d(
-        "dgs-ui-kit-flex dgs-ui-kit-items-center [&_svg]:dgs-ui-kit-size-6 [&_svg]:dgs-ui-kit-shrink-0 dgs-ui-kit-min-h-12 dgs-ui-kit-text-start",
-        s ? "dgs-ui-kit-space-x-2 dgs-ui-kit-space-x-reverse" : "dgs-ui-kit-justify-center"
+      className: r(
+        "dgsuikit:flex dgsuikit:items-center dgsuikit:[&_svg]:size-6 dgsuikit:[&_svg]:shrink-0 dgsuikit:min-h-12 dgsuikit:text-start",
+        s ? "dgsuikit:space-x-2" : "dgsuikit:justify-center"
       ),
       children: [
         i.icon,
         /* @__PURE__ */ t(
           "div",
           {
-            className: d(
-              "dgs-ui-kit-font-p2-regular dgs-ui-kit-line-clamp-1 !dgs-ui-kit-transition-[width,opacity]",
-              s ? "dgs-ui-kit-w-full" : "dgs-ui-kit-w-0",
+            className: r(
+              "dgsuikit:font-p2-regular dgsuikit:line-clamp-1 dgsuikit:!transition-[width,opacity]",
+              s ? "dgsuikit:w-full" : "dgsuikit:w-0",
               b
             ),
             children: i.title
@@ -74,8 +74,8 @@ function O(i, s) {
         i.badgeCount && /* @__PURE__ */ t(
           _,
           {
-            className: d("dgs-ui-kit-shrink-0", {
-              "!dgs-ui-kit-absolute dgs-ui-kit-top-0 dgs-ui-kit-left-0": !s
+            className: r("dgsuikit:shrink-0", {
+              "dgsuikit:!absolute dgsuikit:top-0 dgsuikit:left-0": !s
             }),
             value: i.badgeCount,
             valueType: "number",
@@ -107,8 +107,8 @@ const W = (i) => {
       rightIcon: /* @__PURE__ */ t(P, {}),
       placeholder: "جستجو",
       ...typeof a == "boolean" ? {} : a,
-      wrapperClassName: d(
-        "dgs-ui-kit-mb-8 dgs-ui-kit-sticky dgs-ui-kit-top-0 dgs-ui-kit-bg-white dgs-ui-kit-z-10 dgs-ui-kit-px-4",
+      wrapperClassName: r(
+        "dgsuikit:mb-8 dgsuikit:sticky dgsuikit:top-0 dgsuikit:bg-white dgsuikit:z-10 dgsuikit:px-4",
         b(o),
         typeof a == "object" && a.wrapperClassName,
         f
@@ -117,85 +117,85 @@ const W = (i) => {
   );
 }, $ = () => {
   const { isOpen: i, searchInput: s = !0, items: e } = h(), [o, a] = S(""), [k, m] = S(e ?? []), x = D(
-    R((n) => {
-      m(T(k, n));
+    R((u) => {
+      m(T(k, u));
     }, 800),
     []
   );
-  function v(n) {
-    const l = n.target.value;
+  function w(u) {
+    const l = u.target.value;
     a(l), x(l);
   }
-  function w() {
+  function C() {
     a(""), m(e ?? []);
   }
   return N(() => {
-    o && w();
-  }, [i]), /* @__PURE__ */ c("div", { className: "dgs-ui-kit-overflow-y-auto dgs-ui-kit-overflow-x-hidden -dgs-ui-kit-mx-4 dgs-ui-kit-h-3/4 no-scrollbar", children: [
+    o && C();
+  }, [i]), /* @__PURE__ */ c("div", { className: "dgsuikit:overflow-y-auto dgsuikit:overflow-x-hidden dgsuikit:-mx-4 dgsuikit:h-3/4 dgsuikit:no-scrollbar", children: [
     !!s && /* @__PURE__ */ t(
       W,
       {
         value: o,
-        onChange: v
+        onChange: w
       }
     ),
-    /* @__PURE__ */ t("div", { className: "dgs-ui-kit-space-y-6 dgs-ui-kit-px-4", children: k.map((n, l) => /* @__PURE__ */ c(E, { children: [
+    /* @__PURE__ */ t("div", { className: "dgsuikit:space-y-6 dgsuikit:px-4", children: k.map((u, l) => /* @__PURE__ */ c(E, { children: [
       /* @__PURE__ */ t(
         "div",
         {
-          className: d(
-            "dgs-ui-kit-font-p2-regular dgs-ui-kit-text-gray-400",
+          className: r(
+            "dgsuikit:font-p2-regular dgsuikit:text-gray-400",
             b(i)
           ),
-          children: n.title
+          children: u.title
         }
       ),
-      /* @__PURE__ */ t(V, { className: "dgs-ui-kit-mt-4 dgs-ui-kit-space-y-2", children: n.children?.map(
-        (r) => r.link ? /* @__PURE__ */ t(
+      /* @__PURE__ */ t(V, { className: "dgsuikit:mt-4 dgsuikit:space-y-2", children: u.children?.map(
+        (d) => d.link ? /* @__PURE__ */ t(
           "a",
           {
-            href: r.link,
-            className: d(
-              "dgs-ui-kit-pr-3",
-              r.disabled && y,
-              r.active && A,
-              i ? "dgs-ui-kit-pl-9" : "dgs-ui-kit-pl-3",
-              C
+            href: d.link,
+            className: r(
+              "dgsuikit:pr-3",
+              d.disabled && y,
+              d.active && A,
+              i ? "dgsuikit:pl-9" : "dgsuikit:pl-3",
+              v
             ),
-            children: O(r, i)
+            children: O(d, i)
           },
-          r.link
+          d.link
         ) : /* @__PURE__ */ t(
           F,
           {
-            className: d("!dgs-ui-kit-p-0", r.disabled && y),
-            title: O(r, i),
+            className: r("dgsuikit:!p-0", d.disabled && y),
+            title: O(d, i),
             hideDivider: !0,
-            hideArrow: !i || r.disabled,
-            disable: !i || r.disabled,
-            titleClassName: d(
-              "[&_>div:first-child]:dgs-ui-kit-flex-1 [&_>div:first-child]:dgs-ui-kit-pl-1",
-              i ? "dgs-ui-kit-px-3" : "!dgs-ui-kit-justify-center",
-              r.children?.find((u) => u.active) && A,
-              C
+            hideArrow: !i || d.disabled,
+            disable: !i || d.disabled,
+            titleClassName: r(
+              "dgsuikit:[&_>div:first-child]:flex-1 dgsuikit:[&_>div:first-child]:pl-1",
+              i ? "dgsuikit:px-3" : "dgsuikit:!justify-center",
+              d.children?.find((n) => n.active) && A,
+              v
             ),
-            children: r.children?.map((u) => /* @__PURE__ */ c(
+            children: d.children?.map((n) => /* @__PURE__ */ c(
               "a",
               {
-                href: u.link,
-                className: d(
-                  "dgs-ui-kit-flex dgs-ui-kit-justify-between dgs-ui-kit-h-10 dgs-ui-kit-pl-9 dgs-ui-kit-pr-11 dgs-ui-kit-py-2 dgs-ui-kit-mt-1 first:dgs-ui-kit-mt-0",
-                  u.disabled && y,
-                  u.active && B,
-                  C
+                href: n.link,
+                className: r(
+                  "dgsuikit:flex dgsuikit:justify-between dgsuikit:h-10 dgsuikit:pl-9 dgsuikit:pr-11 dgsuikit:py-2 dgsuikit:mt-1 dgsuikit:first:mt-0",
+                  n.disabled && y,
+                  n.active && B,
+                  v
                 ),
                 children: [
-                  /* @__PURE__ */ t("p", { children: u.title }),
-                  u.badgeCount && /* @__PURE__ */ t(
+                  /* @__PURE__ */ t("p", { children: n.title }),
+                  n.badgeCount && /* @__PURE__ */ t(
                     _,
                     {
                       valueType: "number",
-                      value: u.badgeCount,
+                      value: n.badgeCount,
                       color: "error",
                       type: "twoTone",
                       size: "small"
@@ -203,24 +203,24 @@ const W = (i) => {
                   )
                 ]
               },
-              u.link
+              n.link
             ))
           },
-          r.link ?? r.title
+          d.link ?? d.title
         )
       ) }),
       l !== k.length - 1 && /* @__PURE__ */ t(z, { type: "horizontal" })
-    ] }, n.title)) })
+    ] }, u.title)) })
   ] });
 }, q = () => {
   const { isOpen: i, logo: s } = h();
-  return /* @__PURE__ */ t("div", { className: "dgs-ui-kit-flex dgs-ui-kit-justify-center dgs-ui-kit-items-center dgs-ui-kit-mb-8", children: /* @__PURE__ */ t(
+  return /* @__PURE__ */ t("div", { className: "dgsuikit:flex dgsuikit:justify-center dgsuikit:items-center dgsuikit:mb-8", children: /* @__PURE__ */ t(
     "img",
     {
       ...s,
       alt: s?.alt ?? "Logo",
       src: i ? s?.open : s?.close,
-      className: d("dgs-ui-kit-h-12 dgs-ui-kit-w-full", s?.className)
+      className: r("dgsuikit:h-12 dgsuikit:w-full", s?.className)
     }
   ) });
 }, J = () => {
@@ -229,22 +229,21 @@ const W = (i) => {
     "a",
     {
       href: i?.link ?? "#",
-      className: d(
-        "dgs-ui-kit-mb-4 dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-space-x-2 dgs-ui-kit-space-x-reverse",
-        { "dgs-ui-kit-pointer-events-none": !i?.link }
-      ),
+      className: r("dgsuikit:mb-4 dgsuikit:flex dgsuikit:items-center dgsuikit:space-x-2", {
+        "dgsuikit:pointer-events-none": !i?.link
+      }),
       children: [
         /* @__PURE__ */ t(
           "img",
           {
             src: i?.image,
             alt: i?.name ?? "user_avatar",
-            className: "dgs-ui-kit-size-12 dgs-ui-kit-rounded-full dgs-ui-kit-shrink-0"
+            className: "dgsuikit:size-12 dgsuikit:rounded-full dgsuikit:shrink-0"
           }
         ),
-        /* @__PURE__ */ c("div", { className: d("dgs-ui-kit-flex dgs-ui-kit-flex-col", b(s)), children: [
-          /* @__PURE__ */ t("p", { className: "dgs-ui-kit-font-p3-medium dgs-ui-kit-text-gray-700", children: i?.name }),
-          /* @__PURE__ */ t("p", { className: "dgs-ui-kit-font-p3-regular dgs-ui-kit-text-gray-400", children: i?.description })
+        /* @__PURE__ */ c("div", { className: r("dgsuikit:flex dgsuikit:flex-col", b(s)), children: [
+          /* @__PURE__ */ t("p", { className: "dgsuikit:font-p3-medium dgsuikit:text-gray-700", children: i?.name }),
+          /* @__PURE__ */ t("p", { className: "dgsuikit:font-p3-regular dgsuikit:text-gray-400", children: i?.description })
         ] })
       ]
     }
@@ -255,14 +254,14 @@ const W = (i) => {
     "button",
     {
       type: "button",
-      className: "dgs-ui-kit-absolute dgs-ui-kit-top-7 dgs-ui-kit-left-0 -dgs-ui-kit-translate-x-1/2 dgs-ui-kit-p-1 dgs-ui-kit-rounded-lg dgs-ui-kit-border dgs-ui-kit-border-gray-300 dgs-ui-kit-bg-white",
+      className: "dgsuikit:absolute dgsuikit:top-7 dgsuikit:left-0 dgsuikit:-translate-x-1/2 dgsuikit:p-1 dgsuikit:rounded-lg dgsuikit:border dgsuikit:border-gray-300 dgsuikit:bg-white",
       onClick: () => s(!i),
       children: /* @__PURE__ */ t(
         G,
         {
-          className: d(
-            "dgs-ui-kit-transition-transform dgs-ui-kit-text-primary-500",
-            i && "dgs-ui-kit-rotate-180",
+          className: r(
+            "dgsuikit:transition-transform dgsuikit:text-primary-500",
+            i && "dgsuikit:rotate-180",
             f
           ),
           width: 16,
@@ -280,30 +279,30 @@ const W = (i) => {
     items: k,
     extraComponent: m,
     userProfile: x,
-    logOutButtonProps: v,
-    onLogout: w,
-    showMask: n,
+    logOutButtonProps: w,
+    onLogout: C,
+    showMask: u,
     hideOnClose: l
-  } = i, r = i.openOnHover, u = n ? "div" : E, p = document.documentElement;
+  } = i, d = i.openOnHover, n = u ? "div" : E, p = document.documentElement;
   return N(() => {
     if (l) return;
-    const g = "dgs-ui-kit-pr-[80px]";
+    const g = "dgsuikit:pr-[80px]";
     return p.classList.add(g), () => {
       p.classList.remove(g);
     };
   }, [l]), N(() => {
-    if (!n) return;
-    const g = "dgs-ui-kit-overflow-hidden";
+    if (!u) return;
+    const g = "dgsuikit:overflow-hidden";
     return s ? p.classList.add(g) : p.classList.remove(g), () => {
       p.classList.remove(g);
     };
-  }, [n, s]), /* @__PURE__ */ t(I.Provider, { value: i, children: /* @__PURE__ */ t(
-    u,
+  }, [u, s]), /* @__PURE__ */ t(I.Provider, { value: i, children: /* @__PURE__ */ t(
+    n,
     {
-      ...u === "div" ? {
-        className: d(
-          "dgs-ui-kit-fixed dgs-ui-kit-top-0 dgs-ui-kit-left-0 dgs-ui-kit-z-50 dgs-ui-kit-overflow-hidden dgs-ui-kit-transition-[background-color] dgs-ui-kit-ease-linear",
-          s ? "dgs-ui-kit-size-full dgs-ui-kit-bg-black/40" : "dgs-ui-kit-size-0 dgs-ui-kit-bg-transparent",
+      ...n === "div" ? {
+        className: r(
+          "dgsuikit:fixed dgsuikit:top-0 dgsuikit:left-0 dgsuikit:z-50 dgsuikit:overflow-hidden dgsuikit:transition-[background-color] dgsuikit:ease-linear",
+          s ? "dgsuikit:size-full dgsuikit:bg-black/40" : "dgsuikit:size-0 dgsuikit:bg-transparent",
           f
         ),
         onClick: (g) => {
@@ -313,32 +312,32 @@ const W = (i) => {
       children: /* @__PURE__ */ c(
         "div",
         {
-          className: d(
+          className: r(
             o,
-            "dgs-ui-kit-flex dgs-ui-kit-flex-col dgs-ui-kit-fixed dgs-ui-kit-top-0 dgs-ui-kit-right-0 dgs-ui-kit-bg-white dgs-ui-kit-shadow-md dgs-ui-kit-h-full dgs-ui-kit-p-4 dgs-ui-kit-pt-6 dgs-ui-kit-transition-[width,max-width,opacity]",
+            "dgsuikit:flex dgsuikit:flex-col dgsuikit:fixed dgsuikit:top-0 dgsuikit:right-0 dgsuikit:bg-white dgsuikit:shadow-md dgsuikit:h-full dgsuikit:p-4 dgsuikit:pt-6 dgsuikit:transition-[width,max-width,opacity]",
             {
-              "dgs-ui-kit-w-[280px] dgs-ui-kit-max-w-full": s,
-              "dgs-ui-kit-w-[80px] dgs-ui-kit-max-w-[80px]": !s && !l,
-              "dgs-ui-kit-w-0 dgs-ui-kit-opacity-0": !s && l
+              "dgsuikit:w-[280px] dgsuikit:max-w-full": s,
+              "dgsuikit:w-[80px] dgsuikit:max-w-[80px]": !s && !l,
+              "dgsuikit:w-0 dgsuikit:opacity-0": !s && l
             },
             f
           ),
           onMouseEnter: () => {
-            r && !s && e(!0);
+            d && !s && e(!0);
           },
           onMouseLeave: () => {
-            r && s && e(!1);
+            d && s && e(!1);
           },
           children: [
             /* @__PURE__ */ t(K, {}),
             !!(a?.open ?? a?.close) && /* @__PURE__ */ t(q, {}),
             k && k.length > 0 && /* @__PURE__ */ t($, {}),
-            /* @__PURE__ */ c("div", { className: "dgs-ui-kit-shrink-0 dgs-ui-kit-flex-1", children: [
+            /* @__PURE__ */ c("div", { className: "dgsuikit:shrink-0 dgsuikit:flex-1", children: [
               m,
               /* @__PURE__ */ t(
                 z,
                 {
-                  className: "dgs-ui-kit-mt-6 dgs-ui-kit-mb-4",
+                  className: "dgsuikit:mt-6 dgsuikit:mb-4",
                   type: "horizontal"
                 }
               ),
@@ -350,8 +349,8 @@ const W = (i) => {
                   variant: "secondary",
                   rightIcon: /* @__PURE__ */ t(U, {}),
                   isFullWidth: !0,
-                  onClick: w,
-                  ...v,
+                  onClick: C,
+                  ...w,
                   children: s ? "خروج" : ""
                 }
               )

package/dist/Slide-CdFHPwvj.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"),A=require("./Button/index.cjs"),L=n.createContext({slidesPerView:1,spaceBetween:0,navigationVariant:"outside",showNavigationDots:!0,showPaginationText:!1,childrenCount:0,sliderId:""}),P=()=>n.useContext(L);function O({active:i,autoplay:s,variant:r="outside"}){return[{inside:"dgsuikit:bg-gray-500/50 dgsuikit:hover:bg-gray-500/80",outside:"dgsuikit:bg-gray-200 dgsuikit:hover:bg-gray-300"}[r],i?"dgsuikit:w-[22px]":"dgsuikit:w-[6px]",s?"dgsuikit:p-[1px]":""]}const V=i=>{const{active:s,onClick:r,onNavigateToNext:a,index:e}=i,{autoplay:d,navigationVariant:v="outside"}=P(),[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("dgsuikit:rounded-full dgsuikit:overflow-hidden dgsuikit:transition-all dgsuikit: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("dgsuikit:h-full dgsuikit:rounded-full",{"dgsuikit:bg-white":v==="inside","dgsuikit: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}=P(),x=t.jsxs("div",{className:p.clsx("dgsuikit:flex dgsuikit:gap-2",{"dgsuikit:absolute dgsuikit:bottom-0 dgsuikit:left-[5.5%]":l==="inside"&&e!=="onSides","dgsuikit:absolute dgsuikit:justify-between dgsuikit:top-1/2 dgsuikit:-translate-y-1/2 dgsuikit:w-full dgsuikit:px-[5.5%]":e==="onSides","dgsuikit:opacity-0 dgsuikit:group-hover:opacity-100 dgsuikit:transition":e==="hover"||e==="onSides"}),children:[t.jsx(A,{type:"button",variant:"secondary",onClick:()=>s(r-1),rightIcon:t.jsx(q.IconArrowRight2,{}),"aria-label":"slider-previous-button"}),t.jsx(A,{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("dgsuikit:flex",{"dgsuikit:items-center dgsuikit:mt-2":l==="outside","dgsuikit:absolute dgsuikit:bottom-4 dgsuikit:w-full dgsuikit:justify-center":l==="inside","dgsuikit:justify-between":l==="outside"&&e!=="hide"&&e!=="onSides","dgsuikit:justify-center":l==="outside"&&(e==="hide"||e==="onSides")},v),children:[e&&e!=="hide"&&e!=="onSides"&&x,(u||k)&&t.jsxs("div",{className:"dgsuikit:flex dgsuikit:items-center dgsuikit:gap-3",children:[k&&t.jsxs("div",{className:"dgsuikit:flex dgsuikit:items-center dgsuikit:gap-1 dgsuikit:font-caption-regular dgsuikit:text-gray-400 dgsuikit:ss02",children:[t.jsx("span",{className:p.clsx("dgsuikit:font-bold",{"dgsuikit:text-gray-600":l==="outside","dgsuikit:text-white":l==="inside"}),children:r+1}),t.jsx("span",{children:"از"}),t.jsx("span",{children:a})]}),u&&t.jsx("div",{className:p.clsx("dgsuikit:flex dgsuikit:items-center dgsuikit:justify-center dgsuikit: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))})]})]})]})},R=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),[T,W]=n.useState(0),E=Object.fromEntries(Object.entries(r).filter(([o])=>o!=="children")),h=n.useRef(null),m=Math.ceil(T/Math.floor(l)),M=(v||u&&u!=="hide"||x)&&m>1;function B(o){if(Math.ceil(Math.abs(o.currentTarget.scrollLeft))+o.currentTarget.clientWidth+1+f>=o.currentTarget.scrollWidth){C(m-1);return}const w=o.currentTarget.scrollWidth-f*2,N=w/m,y=(w-o.currentTarget.scrollLeft-f)/N;if(y<=m){C(0);return}C(Math.round(y%m))}function j(o){if(!h.current)return;const w=h.current.offsetWidth,N=b-o,y=h.current.scrollWidth/m,I=N*y;o<0?h.current.scrollTo({behavior:"smooth",left:-(w*m)}):o>=m?h.current.scrollTo({behavior:"smooth",left:0}):h.current.scrollBy({behavior:"smooth",left:I})}function S(){const w=Object.keys(i.responsive).sort((y,I)=>Number(y)-Number(I)).findLast(y=>Number(y)<=window.innerWidth),N=w?i.responsive[Number(w)]:null;a(N?{...r,...N}: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),W(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(L.Provider,{value:{...E,childrenCount:T,sliderId:n.useId()},children:t.jsxs("div",{className:p.clsx("dgsuikit:overflow-hidden dgsuikit:relative dgsuikit:group",e),style:{direction:"rtl"},children:[t.jsxs("div",{className:p.clsx("dgsuikit:flex dgsuikit:snap-x dgsuikit:snap-mandatory dgsuikit:overflow-x-auto dgsuikit:no-scrollbar",d),style:{marginLeft:-k},onScroll:B,ref:h,children:[f>0&&t.jsx("div",{className:"dgsuikit:shrink-0",style:{width:f,paddingLeft:k}}),i.children,f>0&&t.jsx("div",{className:"dgsuikit:shrink-0",style:{width:f,paddingLeft:k}})]}),M&&t.jsx(F,{onNavigate:j,slideIndex:b,slidesCount:m})]})})});R.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}=P(),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("dgsuikit:shrink-0 dgsuikit: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=R;