@dgshahr/ui-kit 0.0.33 → 0.0.35

package/dist/Slide-DymRQdjm.js

@@ -0,0 +1,328 @@
+"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: u = "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, c = l / a * 100;
+      o(Math.min(c, 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: u })
+      ),
+      onClick: n,
+      children: e && /* @__PURE__ */ r(
+        "div",
+        {
+          className: v("dgs-ui-kit-h-full dgs-ui-kit-rounded-full", {
+            "dgs-ui-kit-bg-white": u === "inside",
+            "dgs-ui-kit-bg-gray-700": u === "outside"
+          }),
+          style: { width: t ? `${h}%` : "100%" }
+        }
+      )
+    }
+  );
+}, Q = (i) => {
+  const { onNavigate: e, slideIndex: n, slidesCount: d } = i, {
+    navigationButtonsShowType: t = "hide",
+    dotsClassName: u,
+    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",
+                  u
+                ),
+                children: Array.from(Array(d).keys()).map((l, c) => /* @__PURE__ */ r(
+                  J,
+                  {
+                    active: n === c,
+                    onClick: () => e(c),
+                    onNavigateToNext: () => e(n + 1)
+                  },
+                  l + d
+                ))
+              }
+            )
+          ] })
+        ]
+      }
+    )
+  ] });
+}, U = $((i, e) => {
+  const [n, d] = b(i), {
+    className: t = "",
+    containerClassName: u = "",
+    showNavigationDots: h = !0,
+    slidesPerView: o = 1,
+    navigationButtonsShowType: a = "hide",
+    spaceBetween: f = 0,
+    showPaginationText: k,
+    onSlideIndexChange: l,
+    initialSlide: c,
+    containerXPadding: w = 0
+  } = n, [S, P] = b(0), [j, D] = b(0), R = Object.fromEntries(
+    Object.entries(n).filter(([s]) => s !== "children")
+  ), g = 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 (!g.current) return;
+    const p = g.current.offsetWidth, N = S - s, x = g.current.scrollWidth / m, V = N * x;
+    s < 0 ? g.current.scrollTo({ behavior: "smooth", left: -(p * m) }) : s >= m ? g.current.scrollTo({ behavior: "smooth", left: 0 }) : g.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: g.current,
+    navigate: (s) => I(Math.max(0, s - 1))
+  })), C(() => {
+    if (!g.current) return;
+    let s = g.current.childElementCount;
+    w > 0 && (s -= 2), D(s);
+  }, [i.children]), 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 c == "number" && g.current && I(Math.max(0, c - 1));
+  }, [c, g.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",
+              u
+            ),
+            style: { marginLeft: -f },
+            onScroll: O,
+            ref: g,
+            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 u = e % Math.floor(i) === 0, h = i % 1 !== 0, o = e === 0, a = e === d - 1;
+  if (!u) 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: u = 1,
+    spaceBetween: h = 0,
+    centerMode: o = !1,
+    containerXPadding: a = 0,
+    childrenCount: f = 0,
+    sliderId: k
+  } = A(), l = M(null), [c, w] = b(0);
+  return C(() => {
+    l.current && w(
+      Array.prototype.indexOf.call(
+        document.querySelectorAll(`[id='slide-item-${k}']`),
+        l.current
+      )
+    );
+  }, [l]), /* @__PURE__ */ y(W, { children: [
+    c === 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 / (u ?? 1) + "%",
+          paddingLeft: h,
+          scrollSnapAlign: Y({
+            slidesPerView: u,
+            childIndex: c,
+            centerMode: o,
+            childrenCount: f || 0,
+            haveContainerPadding: a > 0
+          }),
+          ...d
+        },
+        children: e
+      }
+    ),
+    c === 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-x4dWg92P.cjs

@@ -0,0 +1 @@
+"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:c="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,g=l/d*100;a(Math.min(g,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:c})),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":c==="inside","dgs-ui-kit-bg-gray-700":c==="outside"}),style:{width:t?`${h}%`:"100%"}})})},V=i=>{const{onNavigate:s,slideIndex:r,slidesCount:u}=i,{navigationButtonsShowType:t="hide",dotsClassName:c,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",c),children:Array.from(Array(u).keys()).map((l,g)=>e.jsx(O,{active:r===g,onClick:()=>s(g),onNavigateToNext:()=>s(r+1)},l+u))})]})]})]})},L=n.forwardRef((i,s)=>{const[r,u]=n.useState(i),{className:t="",containerClassName:c="",showNavigationDots:h=!0,slidesPerView:a=1,navigationButtonsShowType:d="hide",spaceBetween:k=0,showPaginationText:v,onSlideIndexChange:l,initialSlide:g,containerXPadding:p=0}=r,[C,j]=n.useState(0),[I,R]=n.useState(0),W=Object.fromEntries(Object.entries(r).filter(([o])=>o!=="children")),f=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(!f.current)return;const y=f.current.offsetWidth,w=C-o,N=f.current.scrollWidth/x,B=w*N;o<0?f.current.scrollTo({behavior:"smooth",left:-(y*x)}):o>=x?f.current.scrollTo({behavior:"smooth",left:0}):f.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:f.current,navigate:o=>S(Math.max(0,o-1))})),n.useEffect(()=>{if(!f.current)return;let o=f.current.childElementCount;p>0&&(o-=2),R(o)},[i.children]),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 g=="number"&&f.current&&S(Math.max(0,g-1))},[g,f.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",c),style:{marginLeft:-k},onScroll:M,ref:f,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 c=s%Math.floor(i)===0,h=i%1!==0,a=s===0,d=s===u-1;if(!c)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:c=1,spaceBetween:h=0,centerMode:a=!1,containerXPadding:d=0,childrenCount:k=0,sliderId:v}=P(),l=n.useRef(null),[g,p]=n.useState(0);return n.useEffect(()=>{l.current&&p(Array.prototype.indexOf.call(document.querySelectorAll(`[id='slide-item-${v}']`),l.current))},[l]),e.jsxs(e.Fragment,{children:[g===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/(c??1)+"%",paddingLeft:h,scrollSnapAlign:K({slidesPerView:c,childIndex:g,centerMode:a,childrenCount:k||0,haveContainerPadding:d>0}),...u},children:s}),g===k-1&&d>0&&e.jsx("div",{className:"dgs-ui-kit-shrink-0 ",style:{width:d,paddingLeft:h}})]})};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;AA4Bf,QAAA,MAAM,KAAK,EAAE,EAAE,CACb,iBAAiB,CAAC,iBAAiB,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,cAAc,CAAC,CAAC,CA0CrF,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,CAkErF,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":"AAcA,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;;6CAsIV,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;;6CA8IV,CAAC;AAIH,eAAe,MAAM,CAAC"}

package/dist/Slider/context.d.ts

@@ -1,4 +1,9 @@
 import { SliderProps } from './Slider';
-export declare const sliderContext: import('react').Context<SliderProps>;
-export declare const useSliderContext: () => SliderProps;
+interface ContextType extends SliderProps {
+    childrenCount: number;
+    sliderId: string;
+}
+export declare const sliderContext: import('react').Context<ContextType>;
+export declare const useSliderContext: () => ContextType;
+export {};
 //# sourceMappingURL=context.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../src/components/Slider/context.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAE5C,eAAO,MAAM,aAAa,sCAMxB,CAAC;AAEH,eAAO,MAAM,gBAAgB,mBAAkC,CAAC"}
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../src/components/Slider/context.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAE5C,UAAU,WAAY,SAAQ,WAAW;IACvC,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,aAAa,sCAQxB,CAAC;AAEH,eAAO,MAAM,gBAAgB,mBAAkC,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-DlUl47v_.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-x4dWg92P.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-CdflnA1A.js";
+import { a as i, S as o } from "../Slide-DymRQdjm.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-DlUl47v_.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-x4dWg92P.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-CdflnA1A.js";
+import { a as R, S as j } from "./Slide-DymRQdjm.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.33",
+  "version": "0.0.35",
   "description": "dgshahr ui-kit",
   "author": "dgshahr",
   "license": "MIT",

package/dist/Slide-CdflnA1A.js

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

package/dist/Slide-DlUl47v_.cjs

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