@dgshahr/ui-kit 0.0.35 → 0.0.36

package/dist/{Slide-DymRQdjm.js → Slide-BsHb9vsb.js}

@@ -29,14 +29,14 @@ function G({
   ];
 }
 const J = (i) => {
-  const { active: e, onClick: n, onNavigateToNext: d } = i, { autoplay: t, navigationVariant: u = "outside" } = A(), [h, o] = b(0);
+  const { active: e, onClick: n, onNavigateToNext: d } = i, { autoplay: t, navigationVariant: c = "outside" } = A(), [h, o] = b(0);
   return C(() => {
     if (!e || !t) return;
     const a = typeof t == "boolean" ? 7e3 : t?.delay ?? 7e3;
     let f = Date.now();
     const k = setInterval(() => {
-      const l = Date.now() - f, c = l / a * 100;
-      o(Math.min(c, 100)), l >= a && typeof d == "function" && d();
+      const l = Date.now() - f, g = l / a * 100;
+      o(Math.min(g, 100)), l >= a && typeof d == "function" && d();
     }, 100);
     return function() {
       return o(0), f = Date.now(), clearInterval(k);
@@ -46,15 +46,15 @@ const J = (i) => {
     {
       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 })
+        G({ active: e, autoplay: t, variant: c })
       ),
       onClick: n,
       children: e && /* @__PURE__ */ r(
         "div",
         {
           className: v("dgs-ui-kit-h-full dgs-ui-kit-rounded-full", {
-            "dgs-ui-kit-bg-white": u === "inside",
-            "dgs-ui-kit-bg-gray-700": u === "outside"
+            "dgs-ui-kit-bg-white": c === "inside",
+            "dgs-ui-kit-bg-gray-700": c === "outside"
           }),
           style: { width: t ? `${h}%` : "100%" }
         }
@@ -64,7 +64,7 @@ const J = (i) => {
 }, Q = (i) => {
   const { onNavigate: e, slideIndex: n, slidesCount: d } = i, {
     navigationButtonsShowType: t = "hide",
-    dotsClassName: u,
+    dotsClassName: c,
     navigationContainerClassName: h,
     navigationVariant: o = "outside",
     showNavigationDots: a = !0,
@@ -136,13 +136,13 @@ const J = (i) => {
               {
                 className: v(
                   "dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-justify-center dgs-ui-kit-gap-2",
-                  u
+                  c
                 ),
-                children: Array.from(Array(d).keys()).map((l, c) => /* @__PURE__ */ r(
+                children: Array.from(Array(d).keys()).map((l, g) => /* @__PURE__ */ r(
                   J,
                   {
-                    active: n === c,
-                    onClick: () => e(c),
+                    active: n === g,
+                    onClick: () => e(g),
                     onNavigateToNext: () => e(n + 1)
                   },
                   l + d
@@ -157,18 +157,18 @@ const J = (i) => {
 }, U = $((i, e) => {
   const [n, d] = b(i), {
     className: t = "",
-    containerClassName: u = "",
+    containerClassName: c = "",
     showNavigationDots: h = !0,
     slidesPerView: o = 1,
     navigationButtonsShowType: a = "hide",
     spaceBetween: f = 0,
     showPaginationText: k,
     onSlideIndexChange: l,
-    initialSlide: c,
+    initialSlide: g,
     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;
+  ), u = M(null), m = Math.ceil(j / Math.floor(o)), E = (h || a && a !== "hide" || k) && m > 1;
   function O(s) {
     if (Math.ceil(Math.abs(s.currentTarget.scrollLeft)) + s.currentTarget.clientWidth + 1 + w >= s.currentTarget.scrollWidth) {
       P(m - 1);
@@ -182,9 +182,9 @@ const J = (i) => {
     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 });
+    if (!u.current) return;
+    const p = u.current.offsetWidth, N = S - s, x = u.current.scrollWidth / m, V = N * x;
+    s < 0 ? u.current.scrollTo({ behavior: "smooth", left: -(p * m) }) : s >= m ? u.current.scrollTo({ behavior: "smooth", left: 0 }) : u.current.scrollBy({ behavior: "smooth", left: V });
   }
   function T() {
     const p = Object.keys(i.responsive).sort().findLast(
@@ -193,13 +193,13 @@ const J = (i) => {
     d(N ? { ...n, ...N } : i);
   }
   return z(e, () => ({
-    element: g.current,
+    element: u.current,
     navigate: (s) => I(Math.max(0, s - 1))
   })), C(() => {
-    if (!g.current) return;
-    let s = g.current.childElementCount;
+    if (!u.current) return;
+    let s = u.current.childElementCount;
     w > 0 && (s -= 2), D(s);
-  }, [i.children]), C(() => {
+  }, [i.children, u]), C(() => {
     if (!(!i.responsive || Object.keys(i.responsive).length <= 0))
       return T(), window.addEventListener("resize", T), () => {
         window.removeEventListener("resize", T);
@@ -207,8 +207,8 @@ const J = (i) => {
   }, [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(
+    typeof g == "number" && u.current && I(Math.max(0, g - 1));
+  }, [g, u.current]), /* @__PURE__ */ r(B.Provider, { value: { ...R, childrenCount: j, sliderId: X() }, children: /* @__PURE__ */ y(
     "div",
     {
       className: v(
@@ -222,11 +222,11 @@ const J = (i) => {
           {
             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
+              c
             ),
             style: { marginLeft: -f },
             onScroll: O,
-            ref: g,
+            ref: u,
             children: i.children
           }
         ),
@@ -250,8 +250,8 @@ function Y({
   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";
+  const c = e % Math.floor(i) === 0, h = i % 1 !== 0, o = e === 0, a = e === d - 1;
+  if (!c) return "none";
   if (n) {
     if (h && !t) {
       if (o) return "start";
@@ -263,13 +263,13 @@ function Y({
 }
 const st = (i) => {
   const { children: e, className: n, style: d, ...t } = i, {
-    slidesPerView: u = 1,
+    slidesPerView: c = 1,
     spaceBetween: h = 0,
     centerMode: o = !1,
     containerXPadding: a = 0,
     childrenCount: f = 0,
     sliderId: k
-  } = A(), l = M(null), [c, w] = b(0);
+  } = A(), l = M(null), [g, w] = b(0);
   return C(() => {
     l.current && w(
       Array.prototype.indexOf.call(
@@ -277,8 +277,8 @@ const st = (i) => {
         l.current
       )
     );
-  }, [l]), /* @__PURE__ */ y(W, { children: [
-    c === 0 && a > 0 && /* @__PURE__ */ r(
+  }, [l, f]), /* @__PURE__ */ y(W, { children: [
+    g === 0 && a > 0 && /* @__PURE__ */ r(
       "div",
       {
         className: "dgs-ui-kit-shrink-0",
@@ -296,11 +296,11 @@ const st = (i) => {
         id: `slide-item-${k}`,
         className: v("dgs-ui-kit-shrink-0 dgs-ui-kit-snap-normal", n),
         style: {
-          width: 100 / (u ?? 1) + "%",
+          width: 100 / (c ?? 1) + "%",
           paddingLeft: h,
           scrollSnapAlign: Y({
-            slidesPerView: u,
-            childIndex: c,
+            slidesPerView: c,
+            childIndex: g,
             centerMode: o,
             childrenCount: f || 0,
             haveContainerPadding: a > 0
@@ -310,7 +310,7 @@ const st = (i) => {
         children: e
       }
     ),
-    c === f - 1 && a > 0 && /* @__PURE__ */ r(
+    g === f - 1 && a > 0 && /* @__PURE__ */ r(
       "div",
       {
         className: "dgs-ui-kit-shrink-0 ",

package/dist/{Slide-x4dWg92P.cjs → Slide-GqF7m8gP.cjs}

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

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-x4dWg92P.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-GqF7m8gP.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-DymRQdjm.js";
+import { a as i, S as o } from "../Slide-BsHb9vsb.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-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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./assets/styles.css');;/* empty css                  */const r=require("./AccordionItem-AwBSlD0h.cjs"),o=require("./Alert/index.cjs"),t=require("./Badge/index.cjs"),i=require("./Breadcrumb/index.cjs"),n=require("./Button/index.cjs"),c=require("./Divider/index.cjs"),u=require("./Drawer/index.cjs"),s=require("./Form/Checkbox/index.cjs"),a=require("./Form/Input/index.cjs"),d=require("./Form/OtpInput/index.cjs"),q=require("./Form/RadioButton/index.cjs"),m=require("./Form/Textarea/index.cjs"),l=require("./Pagination/index.cjs"),B=require("./Progress/Bar/index.cjs"),e=require("./Slide-GqF7m8gP.cjs"),p=require("./Tabs/index.cjs");exports.AccordionGroup=r.AccordionGroup;exports.AccordionItem=r.AccordionItem;exports.Alert=o;exports.Badge=t;exports.Breadcrumb=i;exports.Button=n;exports.Divider=c;exports.Drawer=u;exports.Checkbox=s;exports.Input=a;exports.OtpInput=d;exports.RadioButton=q;exports.Textarea=m;exports.Pagination=l;exports.ProgressBar=B;exports.Slide=e.Slide;exports.Slider=e.Slider;exports.Tabs=p;

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-DymRQdjm.js";
+import { a as R, S as j } from "./Slide-BsHb9vsb.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.35",
+  "version": "0.0.36",
   "description": "dgshahr ui-kit",
   "author": "dgshahr",
   "license": "MIT",