@dgshahr/ui-kit 0.0.52 → 0.0.53

package/dist/{Slide-D_YyWKvD.js → Slide-Bkfv_374.js}

@@ -15,8 +15,8 @@ const M = F({
   sliderId: ""
 }), A = () => K(M);
 function G({
-  active: i,
-  autoplay: e,
+  active: e,
+  autoplay: i,
   variant: n = "outside"
 }) {
   return [
@@ -24,56 +24,56 @@ function G({
       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]" : ""
+    e ? "dgs-ui-kit-w-[22px]" : "dgs-ui-kit-w-[6px]",
+    i ? "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);
+const J = (e) => {
+  const { active: i, onClick: n, onNavigateToNext: a } = e, { autoplay: t, navigationVariant: c = "outside" } = A(), [m, s] = b(0);
   return C(() => {
-    if (!e || !t) return;
+    if (!i || !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();
+    const f = setInterval(() => {
+      const d = Date.now() - g, k = d / l * 100;
+      s(Math.min(k, 100)), d >= l && typeof a == "function" && (a(), s(0), clearInterval(f));
     }, 100);
     return function() {
-      return r(0), g = Date.now(), clearInterval(m);
+      return s(0), g = Date.now(), clearInterval(f);
     };
-  }, [e, t, a]), /* @__PURE__ */ o(
+  }, [i, 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 })
+        G({ active: i, autoplay: t, variant: c })
       ),
       onClick: n,
-      children: e && /* @__PURE__ */ o(
+      children: i && /* @__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%" }
+          style: { width: t ? `${m}%` : "100%" }
         }
       )
     }
   );
-}, Q = (i) => {
-  const { onNavigate: e, slideIndex: n, slidesCount: a } = i, {
+}, Q = (e) => {
+  const { onNavigate: i, slideIndex: n, slidesCount: a } = e, {
     navigationButtonsShowType: t = "hide",
     dotsClassName: c,
-    navigationContainerClassName: k,
-    navigationVariant: r = "outside",
+    navigationContainerClassName: m,
+    navigationVariant: s = "outside",
     showNavigationDots: l = !0,
     showPaginationText: g
-  } = A(), m = /* @__PURE__ */ w(
+  } = A(), f = /* @__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-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"
       }),
@@ -83,7 +83,7 @@ const J = (i) => {
           {
             type: "button",
             variant: "secondary",
-            onClick: () => e(n - 1),
+            onClick: () => i(n - 1),
             rightIcon: /* @__PURE__ */ o(H, {})
           }
         ),
@@ -92,7 +92,7 @@ const J = (i) => {
           {
             type: "button",
             variant: "secondary",
-            onClick: () => e(n + 1),
+            onClick: () => i(n + 1),
             rightIcon: /* @__PURE__ */ o(q, {})
           }
         )
@@ -100,30 +100,30 @@ const J = (i) => {
     }
   );
   return /* @__PURE__ */ w(V, { children: [
-    t && t !== "hide" && t === "onSides" && m,
+    t && t !== "hide" && t === "onSides" && f,
     /* @__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")
+            "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")
           },
-          k
+          m
         ),
         children: [
-          t && t !== "hide" && t !== "onSides" && m,
+          t && t !== "hide" && t !== "onSides" && f,
           (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"
+                    "dgs-ui-kit-text-gray-600": s === "outside",
+                    "dgs-ui-kit-text-white": s === "inside"
                   }),
                   children: n + 1
                 }
@@ -138,12 +138,12 @@ const J = (i) => {
                   "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(
+                children: Array.from(Array(a).keys()).map((d, k) => /* @__PURE__ */ o(
                   J,
                   {
-                    active: n === f,
-                    onClick: () => e(f),
-                    onNavigateToNext: () => e(n + 1)
+                    active: n === k,
+                    onClick: () => i(k),
+                    onNavigateToNext: () => i(n + 1)
                   },
                   d + a
                 ))
@@ -154,61 +154,61 @@ const J = (i) => {
       }
     )
   ] });
-}, U = $((i, e) => {
-  const [n, a] = b(i), {
+}, U = $((e, i) => {
+  const [n, a] = b(e), {
     className: t = "",
     containerClassName: c = "",
-    showNavigationDots: k = !0,
-    slidesPerView: r = 1,
+    showNavigationDots: m = !0,
+    slidesPerView: s = 1,
     navigationButtonsShowType: l = "hide",
     spaceBetween: g = 0,
-    showPaginationText: m,
+    showPaginationText: f,
     onSlideIndexChange: d,
-    initialSlide: f,
+    initialSlide: k,
     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);
+  } = n, [S, I] = b(0), [j, B] = b(0), D = Object.fromEntries(
+    Object.entries(n).filter(([r]) => r !== "children")
+  ), u = W(null), v = Math.ceil(j / Math.floor(s)), R = (m || l && l !== "hide" || f) && v > 1;
+  function E(r) {
+    if (Math.ceil(Math.abs(r.currentTarget.scrollLeft)) + r.currentTarget.clientWidth + 1 + h >= r.currentTarget.scrollWidth) {
+      I(v - 1);
       return;
     }
-    const y = s.currentTarget.scrollWidth - h * 2, N = y / v, x = (y - s.currentTarget.scrollLeft - h) / N;
+    const y = r.currentTarget.scrollWidth - h * 2, N = y / v, x = (y - r.currentTarget.scrollLeft - h) / N;
     if (x <= v) {
-      P(0);
+      I(0);
       return;
     }
-    P(Math.round(x % v));
+    I(Math.round(x % v));
   }
-  function I(s) {
+  function P(r) {
     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 });
+    const y = u.current.offsetWidth, N = S - r, x = u.current.scrollWidth / v, O = N * x;
+    r < 0 ? u.current.scrollTo({ behavior: "smooth", left: -(y * v) }) : r >= 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(
+    const y = Object.keys(e.responsive).sort().findLast(
       (x) => Number(x) <= window.innerWidth
-    ), N = y ? i.responsive[Number(y)] : null;
-    a(N ? { ...n, ...N } : i);
+    ), N = y ? e.responsive[Number(y)] : null;
+    a(N ? { ...n, ...N } : e);
   }
-  return z(e, () => ({
+  return z(i, () => ({
     element: u.current,
-    navigate: (s) => I(Math.max(0, s - 1))
+    navigate: (r) => P(Math.max(0, r - 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))
+    let r = u.current.childElementCount;
+    h > 0 && (r -= 2), B(r);
+  }, [e.children, u, h]), C(() => {
+    if (!(!e.responsive || Object.keys(e.responsive).length <= 0))
       return T(), window.addEventListener("resize", T), () => {
         window.removeEventListener("resize", T);
       };
-  }, [i.responsive]), C(() => {
+  }, [e.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(
+    typeof k == "number" && u.current && P(Math.max(0, k - 1));
+  }, [k, u.current]), /* @__PURE__ */ o(M.Provider, { value: { ...D, childrenCount: j, sliderId: X() }, children: /* @__PURE__ */ w(
     "div",
     {
       className: p(
@@ -238,7 +238,7 @@ const J = (i) => {
                   }
                 }
               ),
-              i.children,
+              e.children,
               h > 0 && /* @__PURE__ */ o(
                 "div",
                 {
@@ -255,7 +255,7 @@ const J = (i) => {
         R && /* @__PURE__ */ o(
           Q,
           {
-            onNavigate: I,
+            onNavigate: P,
             slideIndex: S,
             slidesCount: v
           }
@@ -266,36 +266,36 @@ const J = (i) => {
 });
 U.displayName = "Slider";
 function Y({
-  slidesPerView: i,
-  childIndex: e,
+  slidesPerView: e,
+  childIndex: i,
   centerMode: n,
   childrenCount: a,
   haveContainerPadding: t
 }) {
-  const c = e % Math.floor(i) === 0, k = i % 1 !== 0, r = e === 0, l = e === a - 1;
+  const c = i % Math.floor(e) === 0, m = e % 1 !== 0, s = i === 0, l = i === a - 1;
   if (!c) return "none";
   if (n) {
-    if (k && !t) {
-      if (r) return "start";
+    if (m && !t) {
+      if (s) return "start";
       if (l) return "end";
     }
     return "center";
   }
   return "start";
 }
-const st = (i) => {
-  const { children: e, className: n, style: a, ...t } = i, {
+const st = (e) => {
+  const { children: i, className: n, style: a, ...t } = e, {
     slidesPerView: c = 1,
-    spaceBetween: k = 0,
-    centerMode: r = !1,
+    spaceBetween: m = 0,
+    centerMode: s = !1,
     containerXPadding: l = 0,
     childrenCount: g = 0,
-    sliderId: m
-  } = A(), d = W(null), [f, h] = b(0);
+    sliderId: f
+  } = A(), d = W(null), [k, h] = b(0);
   return C(() => {
     d.current && h(
       Array.prototype.indexOf.call(
-        document.querySelectorAll(`[id='slide-item-${m}']`),
+        document.querySelectorAll(`[id='slide-item-${f}']`),
         d.current
       )
     );
@@ -304,21 +304,21 @@ const st = (i) => {
     {
       ...t,
       ref: d,
-      id: `slide-item-${m}`,
+      id: `slide-item-${f}`,
       className: p("dgs-ui-kit-shrink-0 dgs-ui-kit-snap-normal", n),
       style: {
         width: 100 / (c ?? 1) + "%",
-        paddingLeft: k,
+        paddingLeft: m,
         scrollSnapAlign: Y({
           slidesPerView: c,
-          childIndex: f,
-          centerMode: r,
+          childIndex: k,
+          centerMode: s,
           childrenCount: g || 0,
           haveContainerPadding: l > 0
         }),
         ...a
       },
-      children: e
+      children: i
     }
   );
 };

package/dist/Slide-S7dYK-Ve.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:""}),I=()=>n.useContext(A);function O({active:i,autoplay:s,variant:r="outside"}){return[{inside:"dgs-ui-kit-bg-gray-500/50 hover:dgs-ui-kit-bg-gray-500/80",outside:"dgs-ui-kit-bg-gray-200 hover:dgs-ui-kit-bg-gray-300"}[r],i?"dgs-ui-kit-w-[22px]":"dgs-ui-kit-w-[6px]",s?"dgs-ui-kit-p-[1px]":""]}const V=i=>{const{active:s,onClick:r,onNavigateToNext:d}=i,{autoplay:t,navigationVariant:g="outside"}=I(),[x,o]=n.useState(0);return n.useEffect(()=>{if(!s||!t)return;const u=typeof t=="boolean"?7e3:t?.delay??7e3;let f=Date.now();const k=setInterval(()=>{const l=Date.now()-f,v=l/u*100;o(Math.min(v,100)),l>=u&&typeof d=="function"&&(d(),o(0),clearInterval(k))},100);return function(){return o(0),f=Date.now(),clearInterval(k)}},[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?`${x}%`:"100%"}})})},F=i=>{const{onNavigate:s,slideIndex:r,slidesCount:d}=i,{navigationButtonsShowType:t="hide",dotsClassName:g,navigationContainerClassName:x,navigationVariant:o="outside",showNavigationDots:u=!0,showPaginationText:f}=I(),k=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%]":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(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"&&k,e.jsxs("div",{className:y.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")},x),children:[t&&t!=="hide"&&t!=="onSides"&&k,(u||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":o==="outside","dgs-ui-kit-text-white":o==="inside"}),children:r+1}),e.jsx("span",{children:"از"}),e.jsx("span",{children:d})]}),u&&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((l,v)=>e.jsx(V,{active:r===v,onClick:()=>s(v),onNavigateToNext:()=>s(r+1)},l+d))})]})]})]})},L=n.forwardRef((i,s)=>{const[r,d]=n.useState(i),{className:t="",containerClassName:g="",showNavigationDots:x=!0,slidesPerView:o=1,navigationButtonsShowType:u="hide",spaceBetween:f=0,showPaginationText:k,onSlideIndexChange:l,initialSlide:v,containerXPadding:h=0}=r,[C,j]=n.useState(0),[P,R]=n.useState(0),W=Object.fromEntries(Object.entries(r).filter(([a])=>a!=="children")),c=n.useRef(null),m=Math.ceil(P/Math.floor(o)),E=(x||u&&u!=="hide"||k)&&m>1;function M(a){if(Math.ceil(Math.abs(a.currentTarget.scrollLeft))+a.currentTarget.clientWidth+1+h>=a.currentTarget.scrollWidth){j(m-1);return}const p=a.currentTarget.scrollWidth-h*2,w=p/m,N=(p-a.currentTarget.scrollLeft-h)/w;if(N<=m){j(0);return}j(Math.round(N%m))}function S(a){if(!c.current)return;const p=c.current.offsetWidth,w=C-a,N=c.current.scrollWidth/m,B=w*N;a<0?c.current.scrollTo({behavior:"smooth",left:-(p*m)}):a>=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:a=>S(Math.max(0,a-1))})),n.useEffect(()=>{if(!c.current)return;let a=c.current.childElementCount;h>0&&(a-=2),R(a)},[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(()=>{l&&typeof l=="function"&&l(C)},[C]),n.useEffect(()=>{typeof v=="number"&&c.current&&S(Math.max(0,v-1))},[v,c.current]),e.jsx(A.Provider,{value:{...W,childrenCount:P,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,x=i%1!==0,o=s===0,u=s===d-1;if(!g)return"none";if(r){if(x&&!t){if(o)return"start";if(u)return"end"}return"center"}return"start"}const $=i=>{const{children:s,className:r,style:d,...t}=i,{slidesPerView:g=1,spaceBetween:x=0,centerMode:o=!1,containerXPadding:u=0,childrenCount:f=0,sliderId:k}=I(),l=n.useRef(null),[v,h]=n.useState(0);return n.useEffect(()=>{l.current&&h(Array.prototype.indexOf.call(document.querySelectorAll(`[id='slide-item-${k}']`),l.current))},[l,f,u]),e.jsx("div",{...t,ref:l,id:`slide-item-${k}`,className:y.clsx("dgs-ui-kit-shrink-0 dgs-ui-kit-snap-normal",r),style:{width:100/(g??1)+"%",paddingLeft:x,scrollSnapAlign:K({slidesPerView:g,childIndex:v,centerMode:o,childrenCount:f||0,haveContainerPadding:u>0}),...d},children:s})};exports.Slide=$;exports.Slider=L;

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

@@ -1 +1 @@
-{"version":3,"file":"NavigationDot.d.ts","sourceRoot":"","sources":["../../src/components/Slider/NavigationDot.tsx"],"names":[],"mappings":"AAKA,UAAU,kBAAkB;IAC1B,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;CAC/B;AAuBD,QAAA,MAAM,aAAa,UAAW,kBAAkB,4CA8C/C,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"NavigationDot.d.ts","sourceRoot":"","sources":["../../src/components/Slider/NavigationDot.tsx"],"names":[],"mappings":"AAKA,UAAU,kBAAkB;IAC1B,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;CAC/B;AAuBD,QAAA,MAAM,aAAa,UAAW,kBAAkB,4CAgD/C,CAAC;AAEF,eAAe,aAAa,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-h2OqEiNN.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-S7dYK-Ve.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-D_YyWKvD.js";
+import { a as i, S as o } from "../Slide-Bkfv_374.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-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;
+"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-S7dYK-Ve.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-D_YyWKvD.js";
+import { a as R, S as j } from "./Slide-Bkfv_374.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.52",
+  "version": "0.0.53",
   "description": "dgshahr ui-kit",
   "author": "dgshahr",
   "license": "MIT",

package/dist/Slide-h2OqEiNN.cjs

@@ -1 +0,0 @@
-"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;