@dgshahr/ui-kit 1.9.0 → 1.9.2

package/dist/Sidebar/index.mjs

@@ -1,17 +1,18 @@
 "use client";
-import { jsxs as g, jsx as s } from "react/jsx-runtime";
-import { c as r } from "../clsx-OuTLNxxd.js";
-import { createContext as M, useContext as D, useState as S, useCallback as R, useEffect as N, Fragment as E } from "react";
-import { d as P } from "../index-CzwAoGdL.js";
-import { I as H } from "../IconSearch-aShj2vmu.js";
-import _ from "../Badge/index.mjs";
-import { I as V } from "../index-nXqUoTI3.js";
+import { jsxs as l, jsx as s } from "react/jsx-runtime";
+import { c as u } from "../clsx-OuTLNxxd.js";
+import { createContext as D, useContext as R, useState as S, useCallback as P, useEffect as N, Fragment as _ } from "react";
+import { i as A } from "../isBrowser-Bkqg1t1y.js";
+import { d as H } from "../index-CzwAoGdL.js";
+import { I as V } from "../IconSearch-aShj2vmu.js";
+import z from "../Badge/index.mjs";
+import { I as W } from "../index-nXqUoTI3.js";
 import '../assets/styles.css';/* empty css                 */
-import { A as W, a as F } from "../AccordionItem-4UuHvtDx.js";
-import z from "../Divider/index.mjs";
-import { I as B } from "../IconArrowLeft2-cxcPyDqS.js";
-import K from "../Button/index.mjs";
-const G = (i) => /* @__PURE__ */ g(
+import { A as F, a as K } from "../AccordionItem-4UuHvtDx.js";
+import B from "../Divider/index.mjs";
+import { I } from "../IconArrowLeft2-cxcPyDqS.js";
+import G from "../Button/index.mjs";
+const U = (i) => /* @__PURE__ */ l(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -41,20 +42,20 @@ const G = (i) => /* @__PURE__ */ g(
       )
     ]
   }
-), h = "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", w = "dgsuikit:opacity-40 dgsuikit:pointer-events-none", I = "dgsuikit:!bg-primary-50 dgsuikit:text-primary-600", A = `${I} 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`, T = M({
+), h = "dgsuikit:duration-300", C = "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", v = "dgsuikit:opacity-40 dgsuikit:pointer-events-none", T = "dgsuikit:!bg-primary-50 dgsuikit:text-primary-600", E = `${T} 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`, j = D({
   isOpen: !1,
   setIsOpen: () => {
   }
-}), m = () => D(T), x = (i) => r(
+}), m = () => R(j), x = (i) => u(
   "dgsuikit:transition-opacity dgsuikit:whitespace-pre dgsuikit:overflow-hidden",
   i ? "dgsuikit:opacity-100" : "dgsuikit:opacity-0",
   h
 );
 function O(i, t) {
-  return /* @__PURE__ */ g(
+  return /* @__PURE__ */ l(
     "div",
     {
-      className: r(
+      className: u(
         "dgsuikit:flex dgsuikit:items-center dgsuikit:[&_svg]:size-6 dgsuikit:[&_svg]:shrink-0 dgsuikit:min-h-12 dgsuikit:text-start",
         t ? "dgsuikit:space-x-2" : "dgsuikit:justify-center"
       ),
@@ -63,7 +64,7 @@ function O(i, t) {
         /* @__PURE__ */ s(
           "div",
           {
-            className: r(
+            className: u(
               "dgsuikit:font-p2-regular dgsuikit:line-clamp-1 dgsuikit:!transition-[width,opacity]",
               t ? "dgsuikit:w-full" : "dgsuikit:w-0",
               x
@@ -72,9 +73,9 @@ function O(i, t) {
           }
         ),
         i.badgeCount && /* @__PURE__ */ s(
-          _,
+          z,
           {
-            className: r("dgsuikit:shrink-0", {
+            className: u("dgsuikit:shrink-0", {
               "dgsuikit:!absolute dgsuikit:top-0 dgsuikit:left-0": !t
             }),
             value: i.badgeCount,
@@ -87,27 +88,27 @@ function O(i, t) {
     }
   );
 }
-function j(i, t) {
+function M(i, t) {
   return i.map((d) => {
     if ("children" in d && d.children) {
-      const n = j(d.children, t);
+      const n = M(d.children, t);
       if (n.length > 0)
         return { ...d, children: n };
     }
     return d.title.includes(t) ? { ...d } : null;
   }).filter((d) => !!d);
 }
-const U = (i) => {
+const $ = (i) => {
   const { value: t, onChange: d } = i, { isOpen: n, searchInput: o } = m();
   return /* @__PURE__ */ s(
-    V,
+    W,
     {
       value: t,
       onChange: d,
-      rightIcon: /* @__PURE__ */ s(H, {}),
+      rightIcon: /* @__PURE__ */ s(V, {}),
       placeholder: "جستجو",
       ...typeof o == "boolean" ? {} : o,
-      wrapperClassName: r(
+      wrapperClassName: u(
         "dgsuikit:mb-8 dgsuikit:sticky dgsuikit:top-0 dgsuikit:bg-white dgsuikit:z-10 dgsuikit:px-4",
         x(n),
         typeof o == "object" && o.wrapperClassName,
@@ -116,39 +117,39 @@ const U = (i) => {
     }
   );
 };
-function $(i) {
+function q(i) {
   let t = null;
   return i.some((d) => d.children?.some((n) => n.children?.some((o) => o.active) ? (t = n, !0) : !1)), t;
 }
-const q = () => {
-  const { isOpen: i, searchInput: t = !0, items: d } = m(), [n, o] = S(""), [k, b] = S(d ?? []), c = $(k), y = R(
-    P((a) => {
-      b(j(k, a));
+const J = () => {
+  const { isOpen: i, searchInput: t = !0, items: d } = m(), [n, o] = S(""), [c, b] = S(d ?? []), g = q(c), y = P(
+    H((a) => {
+      b(M(c, a));
     }, 800),
     []
   );
-  function C(a) {
-    const f = a.target.value;
-    o(f), y(f);
+  function w(a) {
+    const k = a.target.value;
+    o(k), y(k);
   }
   function p() {
     o(""), b(d ?? []);
   }
   return N(() => {
     n && p();
-  }, [i]), /* @__PURE__ */ g("div", { className: "dgsuikit:overflow-y-auto dgsuikit:overflow-x-hidden dgsuikit:-mx-4 dgsuikit:h-3/4 dgsuikit:no-scrollbar", children: [
+  }, [i]), /* @__PURE__ */ l("div", { className: "dgsuikit:overflow-y-auto dgsuikit:overflow-x-hidden dgsuikit:-mx-4 dgsuikit:h-3/4 dgsuikit:no-scrollbar", children: [
     !!t && /* @__PURE__ */ s(
-      U,
+      $,
       {
         value: n,
-        onChange: C
+        onChange: w
       }
     ),
-    /* @__PURE__ */ s("div", { className: "dgsuikit:space-y-6 dgsuikit:px-4", children: k.map((a, f) => /* @__PURE__ */ g(E, { children: [
+    /* @__PURE__ */ s("div", { className: "dgsuikit:space-y-6 dgsuikit:px-4", children: c.map((a, k) => /* @__PURE__ */ l(_, { children: [
       /* @__PURE__ */ s(
         "div",
         {
-          className: r(
+          className: u(
             "dgsuikit:font-p2-regular dgsuikit:text-gray-400",
             x(i)
           ),
@@ -156,57 +157,57 @@ const q = () => {
         }
       ),
       /* @__PURE__ */ s(
-        W,
+        F,
         {
-          defaultActiveKey: c ? c.link || c.title : void 0,
+          defaultActiveKey: g ? g.link || g.title : void 0,
           className: "dgsuikit:mt-4 dgsuikit:space-y-2",
           children: a.children?.map(
             (e) => e.link ? /* @__PURE__ */ s(
               "a",
               {
                 href: e.link,
-                className: r(
+                className: u(
                   "dgsuikit:pr-3",
-                  e.disabled && w,
-                  e.active && A,
+                  e.disabled && v,
+                  e.active && E,
                   i ? "dgsuikit:pl-9" : "dgsuikit:pl-3",
-                  v
+                  C
                 ),
                 children: O(e, i)
               },
               e.link
             ) : /* @__PURE__ */ s(
-              F,
+              K,
               {
                 accordionKey: e.link ?? e.title,
-                className: r("dgsuikit:!p-0", e.disabled && w),
+                className: u("dgsuikit:!p-0", e.disabled && v),
                 title: O(e, i),
                 hideDivider: !0,
                 hideArrow: !i || e.disabled,
                 disable: !i || e.disabled,
-                titleClassName: r(
+                titleClassName: u(
                   "dgsuikit:[&_>div:first-child]:flex-1 dgsuikit:[&_>div:first-child]:pl-1",
                   i ? "dgsuikit:px-3" : "dgsuikit:!justify-center",
-                  (c?.link && c?.link === e.link || c?.title === e.title) && A,
-                  v
+                  (g?.link && g?.link === e.link || g?.title === e.title) && E,
+                  C
                 ),
-                children: e.children?.map((u) => /* @__PURE__ */ g(
+                children: e.children?.map((r) => /* @__PURE__ */ l(
                   "a",
                   {
-                    href: u.link,
-                    className: r(
+                    href: r.link,
+                    className: u(
                       "dgsuikit:flex dgsuikit:justify-between dgsuikit:h-10 dgsuikit:pl-9 dgsuikit:pr-11 dgsuikit:py-2 dgsuikit:mt-1 dgsuikit:first:mt-0",
-                      u.disabled && w,
-                      u.active && I,
-                      v
+                      r.disabled && v,
+                      r.active && T,
+                      C
                     ),
                     children: [
-                      /* @__PURE__ */ s("p", { children: u.title }),
-                      u.badgeCount && /* @__PURE__ */ s(
-                        _,
+                      /* @__PURE__ */ s("p", { children: r.title }),
+                      r.badgeCount && /* @__PURE__ */ s(
+                        z,
                         {
                           valueType: "number",
-                          value: u.badgeCount,
+                          value: r.badgeCount,
                           color: "error",
                           type: "twoTone",
                           size: "small"
@@ -214,7 +215,7 @@ const q = () => {
                       )
                     ]
                   },
-                  u.link
+                  r.link
                 ))
               },
               e.link ?? e.title
@@ -222,10 +223,10 @@ const q = () => {
           )
         }
       ),
-      f !== k.length - 1 && /* @__PURE__ */ s(z, { type: "horizontal" })
+      k !== c.length - 1 && /* @__PURE__ */ s(B, { type: "horizontal" })
     ] }, a.title)) })
   ] });
-}, J = () => {
+}, Q = () => {
   const { isOpen: i, logo: t } = m();
   return /* @__PURE__ */ s("div", { className: "dgsuikit:flex dgsuikit:justify-center dgsuikit:items-center dgsuikit:mb-8", children: /* @__PURE__ */ s(
     "img",
@@ -233,16 +234,16 @@ const q = () => {
       ...t,
       alt: t?.alt ?? "Logo",
       src: i ? t?.open : t?.close,
-      className: r("dgsuikit:h-12 dgsuikit:w-full", t?.className)
+      className: u("dgsuikit:h-12 dgsuikit:w-full", t?.className)
     }
   ) });
-}, Q = () => {
+}, X = () => {
   const { userProfile: i, isOpen: t } = m();
-  return /* @__PURE__ */ g(
+  return /* @__PURE__ */ l(
     "a",
     {
       href: i?.link ?? "#",
-      className: r(
+      className: u(
         "dgsuikit:mb-8 dgsuikit:flex dgsuikit:flex-col dgsuikit:justify-center dgsuikit:items-center",
         {
           "dgsuikit:pointer-events-none": !i?.link
@@ -254,27 +255,27 @@ const q = () => {
           {
             src: i?.image,
             alt: i?.name ?? "user_avatar",
-            className: r(
+            className: u(
               "dgsuikit:rounded-full dgsuikit:shrink-0",
               t ? "dgsuikit:size-20" : "dgsuikit:size-12"
             )
           }
         ),
-        /* @__PURE__ */ g(
+        /* @__PURE__ */ l(
           "div",
           {
-            className: r("dgsuikit:mt-2 dgsuikit:w-full dgsuikit:relative", x(t)),
+            className: u("dgsuikit:mt-2 dgsuikit:w-full dgsuikit:relative", x(t)),
             children: [
               /* @__PURE__ */ s("p", { className: "dgsuikit:font-p3-medium dgsuikit:text-gray-700 dgsuikit:text-center", children: i?.name }),
               /* @__PURE__ */ s("p", { className: "dgsuikit:font-p3-regular dgsuikit:text-gray-400 dgsuikit:text-center", children: i?.description }),
-              i?.link && /* @__PURE__ */ s(B, { className: "dgsuikit:absolute dgsuikit:top-1/2 dgsuikit:-translate-y-1/2 dgsuikit:left-0 dgsuikit:text-3xl dgsuikit:text-gray-500 dgsuikit:p-1 dgsuikit:rounded-lg dgsuikit:border dgsuikit:border-gray-200" })
+              i?.link && /* @__PURE__ */ s(I, { className: "dgsuikit:absolute dgsuikit:top-1/2 dgsuikit:-translate-y-1/2 dgsuikit:left-0 dgsuikit:text-3xl dgsuikit:text-gray-500 dgsuikit:p-1 dgsuikit:rounded-lg dgsuikit:border dgsuikit:border-gray-200" })
             ]
           }
         )
       ]
     }
   );
-}, X = () => {
+}, Y = () => {
   const { isOpen: i, setIsOpen: t } = m();
   return /* @__PURE__ */ s(
     "button",
@@ -283,9 +284,9 @@ const q = () => {
       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: () => t(!i),
       children: /* @__PURE__ */ s(
-        B,
+        I,
         {
-          className: r(
+          className: u(
             "dgsuikit:transition-transform dgsuikit:text-primary-500",
             i && "dgsuikit:rotate-180",
             h
@@ -296,49 +297,49 @@ const q = () => {
       )
     }
   );
-}, ai = (i) => {
+}, gi = (i) => {
   const {
     isOpen: t,
     setIsOpen: d,
     className: n,
     logo: o,
-    items: k,
+    items: c,
     extraComponent: b,
-    userProfile: c,
+    userProfile: g,
     logOutButtonProps: y,
-    onLogout: C,
+    onLogout: w,
     showMask: p,
     hideOnClose: a
-  } = i, f = i.openOnHover, e = p ? "div" : E, u = document.documentElement;
+  } = i, k = i.openOnHover, e = p ? "div" : _;
   return N(() => {
-    if (a) return;
-    const l = "dgsuikit:pr-[80px]";
-    return u.classList.add(l), () => {
-      u.classList.remove(l);
+    if (a || !A()) return;
+    const r = document?.documentElement, f = "dgsuikit:pr-[80px]";
+    return r.classList.add(f), () => {
+      r.classList.remove(f);
     };
   }, [a]), N(() => {
-    if (!p) return;
-    const l = "dgsuikit:overflow-hidden";
-    return t ? u.classList.add(l) : u.classList.remove(l), () => {
-      u.classList.remove(l);
+    if (!p || !A()) return;
+    const r = document?.documentElement, f = "dgsuikit:overflow-hidden";
+    return t ? r.classList.add(f) : r.classList.remove(f), () => {
+      r.classList.remove(f);
     };
-  }, [p, t]), /* @__PURE__ */ s(T.Provider, { value: i, children: /* @__PURE__ */ s(
+  }, [p, t]), /* @__PURE__ */ s(j.Provider, { value: i, children: /* @__PURE__ */ s(
     e,
     {
       ...e === "div" ? {
-        className: r(
+        className: u(
           "dgsuikit:fixed dgsuikit:top-0 dgsuikit:left-0 dgsuikit:z-40 dgsuikit:overflow-hidden dgsuikit:transition-[background-color] dgsuikit:ease-linear",
           t ? "dgsuikit:size-full dgsuikit:bg-black/40" : "dgsuikit:size-0 dgsuikit:bg-transparent",
           h
         ),
-        onClick: (l) => {
-          l.target === l.currentTarget && d(!1);
+        onClick: (r) => {
+          r.target === r.currentTarget && d(!1);
         }
       } : {},
-      children: /* @__PURE__ */ g(
+      children: /* @__PURE__ */ l(
         "div",
         {
-          className: r(
+          className: u(
             n,
             "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]",
             {
@@ -349,33 +350,33 @@ const q = () => {
             h
           ),
           onMouseEnter: () => {
-            f && !t && d(!0);
+            k && !t && d(!0);
           },
           onMouseLeave: () => {
-            f && t && d(!1);
+            k && t && d(!1);
           },
           children: [
-            /* @__PURE__ */ s(X, {}),
-            !!(o?.open ?? o?.close) && /* @__PURE__ */ s(J, {}),
-            k && k.length > 0 && /* @__PURE__ */ s(q, {}),
-            /* @__PURE__ */ g("div", { className: "dgsuikit:shrink-0 dgsuikit:flex-1", children: [
+            /* @__PURE__ */ s(Y, {}),
+            !!(o?.open ?? o?.close) && /* @__PURE__ */ s(Q, {}),
+            c && c.length > 0 && /* @__PURE__ */ s(J, {}),
+            /* @__PURE__ */ l("div", { className: "dgsuikit:shrink-0 dgsuikit:flex-1", children: [
               b,
               /* @__PURE__ */ s(
-                z,
+                B,
                 {
                   className: "dgsuikit:mt-6 dgsuikit:mb-4",
                   type: "horizontal"
                 }
               ),
-              !!c?.image && /* @__PURE__ */ s(Q, {}),
+              !!g?.image && /* @__PURE__ */ s(X, {}),
               /* @__PURE__ */ s(
-                K,
+                G,
                 {
                   color: "error",
                   variant: "secondary",
-                  rightIcon: /* @__PURE__ */ s(G, {}),
+                  rightIcon: /* @__PURE__ */ s(U, {}),
                   isFullWidth: !0,
-                  onClick: C,
+                  onClick: w,
                   ...y,
                   children: t ? "خروج" : ""
                 }
@@ -388,5 +389,5 @@ const q = () => {
   ) });
 };
 export {
-  ai as default
+  gi as default
 };

package/dist/Slide-BsrsrWsG.cjs

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