@dgshahr/ui-kit 1.8.0 → 1.8.1

package/dist/Form/Timepicker/Body.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Body.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Timepicker/Body.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,EAAY,MAAM,OAAO,CAAC;AAK1C,QAAA,MAAM,IAAI,EAAE,EA+CX,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Body.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Timepicker/Body.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,EAAY,MAAM,OAAO,CAAC;AAK1C,QAAA,MAAM,IAAI,EAAE,EAgDX,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/Form/Timepicker/TimeScrollWheels.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TimeScrollWheels.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Timepicker/TimeScrollWheels.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAErD,QAAA,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CAgE/C,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"TimeScrollWheels.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Timepicker/TimeScrollWheels.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAErD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAErD,QAAA,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CAiD/C,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/Form/Timepicker/hooks/useScrollWheel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useScrollWheel.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/Timepicker/hooks/useScrollWheel.ts"],"names":[],"mappings":"AAIA,wBAAgB,cAAc,CAC5B,KAAK,EAAE,MAAM,EAAE,EACf,YAAY,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EACvC,aAAa,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI;;;EA4CrC"}
+{"version":3,"file":"useScrollWheel.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/Timepicker/hooks/useScrollWheel.ts"],"names":[],"mappings":"AAGA,wBAAgB,cAAc,CAC5B,KAAK,EAAE,MAAM,EAAE,EACf,YAAY,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EACvC,aAAa,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI;;;EAsCrC"}

package/dist/Form/Timepicker/index.cjs

@@ -1 +1 @@
-"use strict";const g=require("react/jsx-runtime"),b=require("react"),y=require("../../DateAndTimePickerFooter-Dikf0ZUx.cjs"),T=require("../../clsx-C11secjj.cjs"),V=require("../../index-DmSuyV3m.cjs"),A=require("../../index-BfuaA-Ji.cjs"),D=b.createContext({timePickerProps:{value:new Date,onChange:()=>{}}}),$=t=>{const{children:e,timePickerProps:n}=t;return g.jsx(D.Provider,{value:{timePickerProps:n},children:e})},H=()=>b.useContext(D),x=[0,1,3,4],B=t=>t[0]?.getBoundingClientRect().height??64,E=(t,e,n,r,o="instant")=>{if(!t)return;const c=e.indexOf(n);c!==-1&&t.scrollTo({top:c*r(),behavior:o})},I=t=>{if(t.length!==2)return!1;const e=Number(t);return!Number.isNaN(e)&&e>=0&&e<=23},F=t=>{if(t.length!==2)return!1;const e=Number(t);return!Number.isNaN(e)&&e>=0&&e<=59},N=t=>{if(!t)return["-","-",":","-","-"];const e=t.hour==null?"--":String(t.hour).padStart(2,"0"),n=t.minute==null?"--":String(t.minute).padStart(2,"0");return[e.charAt(0)??"-",e.charAt(1)??"-",":",n.charAt(0)??"-",n.charAt(1)??"-"]},R=t=>{const e=`${t[0]??"-"}${t[1]??"-"}`,n=`${t[3]}${t[4]}`;return{hour:!e.includes("-")&&I(e)?Number(e):null,minute:!n.includes("-")&&F(n)?Number(n):null}},w=(t,e=!0)=>{const n=x.indexOf(t);if(n===-1)return e?x[0]:x[x.length-1]??0;const r=e?n+1:n-1;return r<0?x[0]:r>=x.length?x[x.length-1]??0:x[r]??0},q=(t,e,n)=>e===0?/[0-2]/.test(t):e===1?+`${n[0]==="-"?"0":n[0]}${t}`<=23:e===3?/[0-5]/.test(t):!0,W=()=>{const t=b.useRef(null);return{inputRef:t,setCaretToEditable:(n,r=!0)=>{const o=t.current;if(!o)return;const c=x.includes(n)?n:w(n,r);typeof c=="number"&&o.setSelectionRange(c,c+1)}}},K=t=>{const{value:e={hour:null,minute:null},onChange:n,disabled:r=!1,className:o,...c}=t,{inputRef:l,setCaretToEditable:u}=W(),[a,k]=b.useState(()=>N(e)),i=b.useRef(e);b.useEffect(()=>{(e.hour!==i.current.hour||e.minute!==i.current.minute)&&(i.current=e,k(N(e)))},[e]);const f=()=>{const h=l.current;if(!h)return;const s=h.selectionStart??0;x.includes(s)||u(s,!0)},p=(h,s)=>{const d=h==="ArrowRight";u(w(s,d),d)},m=(h,s)=>{const d=x.includes(s)?s:w(s,!1),S=[...a];S[d]="-",k(S),n(R(S));const v=h==="Backspace"?w(d,!1):w(d,!0);setTimeout(()=>u(v,h!=="Backspace"),0)},C=(h,s)=>{const d=x.includes(s)?s:w(s,!0),S=[...a];q(h,d,S)&&(S[d]=h,k(S),n(R(S)),setTimeout(()=>u(w(d,!0),!0),0))},P=h=>{if(h.preventDefault(),r)return;const s=l.current;if(!s)return;const d=s.selectionStart??0;if(["ArrowLeft","ArrowRight"].includes(h.key)){p(h.key,d);return}if(["Backspace","Delete"].includes(h.key)){m(h.key,d);return}/^\d$/.test(h.key)&&C(h.key,d)};return g.jsx(V.Input,{ref:l,dir:"ltr",className:o,value:a.join(""),onKeyDown:P,onFocus:f,disabled:r,inputMode:"numeric",pattern:"[0-9:]*",...c})},O=({timePickerProps:t,setActivePart:e,handleSingleTimeChange:n,handleRangeTimeChange:r})=>{const{acceptRange:o,value:c}=t,l=a=>({hour:a?.getHours()??0,minute:a?.getMinutes()??0}),u=o?[{key:"start",id:"from-time",label:"از ساعت",value:l(c?.start),className:"dgsuikit:w-1/2"},{key:"end",id:"to-time",label:"تا ساعت",value:l(c?.end),className:"dgsuikit:w-1/2"}]:[{key:"single",id:"time",label:"ساعت",value:l(c),className:void 0}];return g.jsx("div",{className:T.clsx(o&&"dgsuikit:flex dgsuikit:justify-between dgsuikit:gap-4 dgsuikit:mb-4"),children:u.map(({key:a,id:k,label:i,value:f,className:p})=>g.jsx(K,{id:k,value:f,labelContent:i,className:p,onFocus:()=>{o&&a!=="single"&&e(a)},onChange:m=>{typeof m.hour=="number"&&typeof m.minute=="number"&&(o&&a!=="single"?r(a,m.hour,m.minute):n(m.hour,m.minute))}},k))})},j=({position:t})=>g.jsx("div",{className:T.clsx("dgsuikit:absolute dgsuikit:left-0 dgsuikit:right-0 dgsuikit:h-12 dgsuikit:pointer-events-none","dgsuikit:from-[rgba(255,255,255,0.54)] dgsuikit:to-[rgba(255,255,255,0.90)]",t==="top"?"dgsuikit:bg-gradient-to-t dgsuikit:top-0":"dgsuikit:bg-gradient-to-b dgsuikit:bottom-0")});function L(t,e,n){const r=b.useRef(null),o=b.useRef([]),c=b.useRef(null),l=()=>B(o.current),u=(i=e??0,f="smooth")=>{E(r.current,t,i,l,f),c.current=i},a=A.debounce(i=>{i!==c.current&&(c.current=i,n(i))},200),k=i=>{const f=Math.round(i.scrollTop/l()),p=t[Math.max(0,Math.min(f,t.length-1))];p!=null&&a(p)};return b.useEffect(()=>{const i=r.current;if(!i)return;const f=()=>k(i);return i.addEventListener("scroll",f),()=>i.removeEventListener("scroll",f)},[t,a]),b.useEffect(()=>{e!=null&&u()},[e]),{containerRef:r,itemRefs:o}}const M=t=>{const{items:e,defaultValue:n,onValueChange:r,className:o,formatValue:c=a=>String(a).padStart(2,"0")}=t,{containerRef:l,itemRefs:u}=L(e,n,r);return g.jsxs("div",{className:"dgsuikit:relative dgsuikit:h-28 dgsuikit:w-full",children:[g.jsx("div",{ref:l,className:T.clsx("dgsuikit:h-28 dgsuikit:w-full dgsuikit:py-10 dgsuikit:overflow-y-scroll dgsuikit:snap-y dgsuikit:snap-mandatory dgsuikit:scroll-smooth dgsuikit:no-scrollbar",o),children:e.map((a,k)=>g.jsx("div",{ref:i=>{u.current[k]=i},className:"dgsuikit:h-10 dgsuikit:flex dgsuikit:items-center dgsuikit:justify-center dgsuikit:snap-center dgsuikit:font-p1-regular",children:c(a)},a))}),g.jsx(j,{position:"top"}),g.jsx(j,{position:"bottom"})]})},_=t=>{const{timePickerProps:e,activePart:n,handleSingleTimeChange:r,handleRangeTimeChange:o}=t,{minuteStep:c=1,acceptRange:l,value:u}=e,a=Array.from({length:24},(s,d)=>d),k=Array.from({length:60},(s,d)=>d).filter(s=>s%c===0),i=s=>s.toString().padStart(2,"0"),f=s=>s.toString().padStart(2,"0"),p=s=>{if(l){const d=n==="start"?u?.start:u?.end;return d?d[s]():0}return u?u[s]():0},m=p("getHours"),C=p("getMinutes"),P=s=>{l?o(n,n==="start"?u?.start?.getHours()??0:u?.end?.getHours()??0,s):r(u?.getHours()??0,s)},h=s=>{l?o(n,s,n==="start"?u?.start?.getMinutes()??0:u?.end?.getMinutes()??0):r(s,u?.getMinutes()??0)};return g.jsxs("div",{className:"dgsuikit:flex dgsuikit:mt-2 dgsuikit:w-full dgsuikit:justify-center",children:[g.jsx(M,{items:k,defaultValue:C,onValueChange:P,formatValue:f}),g.jsx(M,{items:a,defaultValue:m,onValueChange:h,formatValue:i})]})},G=()=>{const{timePickerProps:t}=H(),{acceptRange:e,value:n,onChange:r}=t,[o,c]=b.useState("start"),l=(i,f,p)=>{const m=new Date(i);return m.setHours(f),m.setMinutes(p),m.setSeconds(0),m.setMilliseconds(0),m},k={timePickerProps:t,handleSingleTimeChange:(i,f)=>{!n||e||n.getHours()===i&&n.getMinutes()===f||r(l(n,i,f))},handleRangeTimeChange:(i,f,p)=>{if(!n||!e)return;const m=new Date(n[i]??new Date);m.getHours()===f&&m.getMinutes()===p||r({...n,[i]:l(m,f,p)})}};return g.jsxs("div",{className:"dgsuikit:p-4 dgsuikit:ss02",children:[g.jsx(O,{setActivePart:c,...k}),g.jsx(_,{activePart:o,...k})]})},z=()=>{const{timePickerProps:t}=H(),{showSubmitButton:e=!0,showNowButton:n=!0,onSubmit:r,onChange:o,acceptRange:c}=t,l=()=>{if(c){const u=new Date;u.setHours(u.getHours()+1),o({start:new Date,end:u})}else o(new Date)};return g.jsx(y.DateAndTimePickerFooter,{...e&&{primaryButton:{onClick:r,children:"اعمال"}},...n&&{secondaryButton:{variant:"text",onClick:l,children:"رفتن به اکنون"}},className:"dgsuikit:p-4"})};function J(t){if(!t)return"";if(t instanceof Date){const e=t.getHours().toString().padStart(2,"0"),n=t.getMinutes().toString().padStart(2,"0");return`${e}:${n}`}if(t.start&&t.end){const e=t.start.getHours().toString().padStart(2,"0"),n=t.start.getMinutes().toString().padStart(2,"0"),r=t.end.getHours().toString().padStart(2,"0"),o=t.end.getMinutes().toString().padStart(2,"0");return`${e}:${n} - ${r}:${o}`}return""}const Q=t=>{const{showSubmitButton:e=!0,showNowButton:n=!0}=t,{Wrapper:r,wrapperProps:o}=y.useDateAndTimePickerWrapper({props:t,standaloneMode:"time",formatValue:J});return g.jsx(r,{...o,children:g.jsxs($,{timePickerProps:t,children:[g.jsx(G,{}),(e||n)&&g.jsx(z,{})]})})};module.exports=Q;
+"use strict";const g=require("react/jsx-runtime"),x=require("react"),D=require("../../DateAndTimePickerFooter-Dikf0ZUx.cjs"),y=require("../../index-BfuaA-Ji.cjs"),j=require("../../clsx-C11secjj.cjs"),A=require("../../index-DmSuyV3m.cjs"),H=x.createContext({timePickerProps:{value:new Date,onChange:()=>{}}}),$=t=>{const{children:e,timePickerProps:n}=t;return g.jsx(H.Provider,{value:{timePickerProps:n},children:e})},V=()=>x.useContext(H),S=[0,1,3,4],B=t=>t[0]?.getBoundingClientRect().height??64,E=(t,e,n,r,s="instant")=>{if(!t)return;const i=e.indexOf(n);i!==-1&&t.scrollTo({top:i*r(),behavior:s})},I=t=>{if(t.length!==2)return!1;const e=Number(t);return!Number.isNaN(e)&&e>=0&&e<=23},F=t=>{if(t.length!==2)return!1;const e=Number(t);return!Number.isNaN(e)&&e>=0&&e<=59},R=t=>{if(!t)return["-","-",":","-","-"];const e=t.hour==null?"--":String(t.hour).padStart(2,"0"),n=t.minute==null?"--":String(t.minute).padStart(2,"0");return[e.charAt(0)??"-",e.charAt(1)??"-",":",n.charAt(0)??"-",n.charAt(1)??"-"]},C=t=>{const e=`${t[0]??"-"}${t[1]??"-"}`,n=`${t[3]}${t[4]}`;return{hour:!e.includes("-")&&I(e)?Number(e):null,minute:!n.includes("-")&&F(n)?Number(n):null}},P=(t,e=!0)=>{const n=S.indexOf(t);if(n===-1)return e?S[0]:S[S.length-1]??0;const r=e?n+1:n-1;return r<0?S[0]:r>=S.length?S[S.length-1]??0:S[r]??0},q=(t,e,n)=>e===0?/[0-2]/.test(t):e===1?+`${n[0]==="-"?"0":n[0]}${t}`<=23:e===3?/[0-5]/.test(t):!0,W=()=>{const t=x.useRef(null);return{inputRef:t,setCaretToEditable:(n,r=!0)=>{const s=t.current;if(!s)return;const i=S.includes(n)?n:P(n,r);typeof i=="number"&&s.setSelectionRange(i,i+1)}}},K=t=>{const{value:e={hour:null,minute:null},onChange:n,disabled:r=!1,className:s,...i}=t,{inputRef:m,setCaretToEditable:l}=W(),[a,u]=x.useState(()=>R(e)),o=x.useRef(e);x.useEffect(()=>{(e.hour!==o.current.hour||e.minute!==o.current.minute)&&(o.current=e,u(R(e)))},[e]);const p=()=>{const f=m.current;if(!f)return;const h=f.selectionStart??0;S.includes(h)||l(h,!0)},b=(f,h)=>{const k=f==="ArrowRight";l(P(h,k),k)},d=(f,h)=>{const k=S.includes(h)?h:P(h,!1),c=[...a];c[k]="-",u(c),n(C(c));const w=f==="Backspace"?P(k,!1):P(k,!0);setTimeout(()=>l(w,f!=="Backspace"),0)},N=(f,h)=>{const k=S.includes(h)?h:P(h,!0),c=[...a];q(f,k,c)&&(c[k]=f,u(c),n(C(c)),setTimeout(()=>l(P(k,!0),!0),0))},T=f=>{if(f.preventDefault(),r)return;const h=m.current;if(!h)return;const k=h.selectionStart??0;if(["ArrowLeft","ArrowRight"].includes(f.key)){b(f.key,k);return}if(["Backspace","Delete"].includes(f.key)){d(f.key,k);return}/^\d$/.test(f.key)&&N(f.key,k)};return g.jsx(A.Input,{ref:m,dir:"ltr",className:s,value:a.join(""),onKeyDown:T,onFocus:p,disabled:r,inputMode:"numeric",pattern:"[0-9:]*",...i})},L=({timePickerProps:t,setActivePart:e,handleSingleTimeChange:n,handleRangeTimeChange:r})=>{const{acceptRange:s,value:i}=t,m=a=>({hour:a?.getHours()??0,minute:a?.getMinutes()??0}),l=s?[{key:"start",id:"from-time",label:"از ساعت",value:m(i?.start),className:"dgsuikit:w-1/2"},{key:"end",id:"to-time",label:"تا ساعت",value:m(i?.end),className:"dgsuikit:w-1/2"}]:[{key:"single",id:"time",label:"ساعت",value:m(i),className:void 0}];return g.jsx("div",{className:j.clsx(s&&"dgsuikit:flex dgsuikit:justify-between dgsuikit:gap-4 dgsuikit:mb-4"),children:l.map(({key:a,id:u,label:o,value:p,className:b})=>g.jsx(K,{id:u,value:p,labelContent:o,className:b,onFocus:()=>{s&&a!=="single"&&e(a)},onChange:d=>{typeof d.hour=="number"&&typeof d.minute=="number"&&(s&&a!=="single"?r(a,d.hour,d.minute):n(d.hour,d.minute))}},u))})},M=({position:t})=>g.jsx("div",{className:j.clsx("dgsuikit:absolute dgsuikit:left-0 dgsuikit:right-0 dgsuikit:h-12 dgsuikit:pointer-events-none","dgsuikit:from-[rgba(255,255,255,0.54)] dgsuikit:to-[rgba(255,255,255,0.90)]",t==="top"?"dgsuikit:bg-gradient-to-t dgsuikit:top-0":"dgsuikit:bg-gradient-to-b dgsuikit:bottom-0")});function O(t,e,n){const r=x.useRef(null),s=x.useRef([]),i=x.useRef(null),m=()=>B(s.current),l=(u=e??0,o="smooth")=>{E(r.current,t,u,m,o),i.current=u},a=u=>{const o=Math.round(u.scrollTop/m()),p=t[Math.max(0,Math.min(o,t.length-1))];p!=null&&p!==i.current&&(i.current=p,n(p))};return x.useEffect(()=>{const u=r.current;if(!u)return;const o=()=>a(u);return u.addEventListener("scroll",o),()=>u.removeEventListener("scroll",o)},[t]),x.useEffect(()=>{e!=null&&l()},[e]),{containerRef:r,itemRefs:s}}const v=t=>{const{items:e,defaultValue:n,onValueChange:r,className:s,formatValue:i=a=>String(a).padStart(2,"0")}=t,{containerRef:m,itemRefs:l}=O(e,n,r);return g.jsxs("div",{className:"dgsuikit:relative dgsuikit:h-28 dgsuikit:w-full",children:[g.jsx("div",{ref:m,className:j.clsx("dgsuikit:h-28 dgsuikit:w-full dgsuikit:py-10 dgsuikit:overflow-y-scroll dgsuikit:snap-y dgsuikit:snap-mandatory dgsuikit:scroll-smooth dgsuikit:no-scrollbar",s),children:e.map((a,u)=>g.jsx("div",{ref:o=>{l.current[u]=o},className:"dgsuikit:h-10 dgsuikit:flex dgsuikit:items-center dgsuikit:justify-center dgsuikit:snap-center dgsuikit:font-p1-regular",children:i(a)},a))}),g.jsx(M,{position:"top"}),g.jsx(M,{position:"bottom"})]})},_=t=>{const{timePickerProps:e,activePart:n,handleSingleTimeChange:r,handleRangeTimeChange:s}=t,{minuteStep:i=1,acceptRange:m,value:l}=e,a=Array.from({length:24},(c,w)=>w),u=Array.from({length:60},(c,w)=>w).filter(c=>c%i===0),o=c=>c.toString().padStart(2,"0"),p=c=>c.toString().padStart(2,"0"),b=c=>{if(m){const w=n==="start"?l?.start:l?.end;return w?w[c]():0}return l?l[c]():0},d=b("getHours"),N=b("getMinutes"),[T,f]=x.useState(N),[h,k]=x.useState(d);return x.useEffect(()=>{m?s(n,h,T):r(h,T)},[h,T]),g.jsxs("div",{className:"dgsuikit:flex dgsuikit:mt-2 dgsuikit:w-full dgsuikit:justify-center",children:[g.jsx(v,{items:u,defaultValue:N,onValueChange:c=>f(c),formatValue:p}),g.jsx(v,{items:a,defaultValue:d,onValueChange:c=>k(c),formatValue:o})]})},G=()=>{const{timePickerProps:t}=V(),{acceptRange:e,value:n,onChange:r}=t,[s,i]=x.useState("start"),m=(o,p,b)=>{const d=new Date(o);return d.setHours(p),d.setMinutes(b),d.setSeconds(0),d.setMilliseconds(0),d},l=y.debounce((o,p)=>{!n||e||n.getHours()===o&&n.getMinutes()===p||r(m(n,o,p))},200),a=y.debounce((o,p,b)=>{if(!n||!e)return;const d=new Date(n[o]??new Date);d.getHours()===p&&d.getMinutes()===b||r({...n,[o]:m(d,p,b)})},200),u={timePickerProps:t,handleSingleTimeChange:l,handleRangeTimeChange:a};return g.jsxs("div",{dir:"rtl",className:"dgsuikit:p-4 dgsuikit:ss02",children:[g.jsx(L,{setActivePart:i,...u}),g.jsx(_,{activePart:s,...u})]})},z=()=>{const{timePickerProps:t}=V(),{showSubmitButton:e=!0,showNowButton:n=!0,onSubmit:r,onChange:s,acceptRange:i}=t,m=()=>{if(i){const l=new Date;l.setHours(l.getHours()+1),s({start:new Date,end:l})}else s(new Date)};return g.jsx(D.DateAndTimePickerFooter,{...e&&{primaryButton:{onClick:r,children:"اعمال"}},...n&&{secondaryButton:{variant:"text",onClick:m,children:"رفتن به اکنون"}},className:"dgsuikit:p-4"})};function J(t){if(!t)return"";if(t instanceof Date){const e=t.getHours().toString().padStart(2,"0"),n=t.getMinutes().toString().padStart(2,"0");return`${e}:${n}`}if(t.start&&t.end){const e=t.start.getHours().toString().padStart(2,"0"),n=t.start.getMinutes().toString().padStart(2,"0"),r=t.end.getHours().toString().padStart(2,"0"),s=t.end.getMinutes().toString().padStart(2,"0");return`${e}:${n} - ${r}:${s}`}return""}const Q=t=>{const{showSubmitButton:e=!0,showNowButton:n=!0}=t,{Wrapper:r,wrapperProps:s}=D.useDateAndTimePickerWrapper({props:t,standaloneMode:"time",formatValue:J});return g.jsx(r,{...s,children:g.jsxs($,{timePickerProps:t,children:[g.jsx(G,{}),(e||n)&&g.jsx(z,{})]})})};module.exports=Q;

package/dist/Form/Timepicker/index.mjs

@@ -1,19 +1,19 @@
-import { jsx as h, jsxs as N } from "react/jsx-runtime";
-import B, { createContext as I, useContext as E, useRef as C, useState as v, useEffect as M } from "react";
-import { D as j, u as F } from "../../DateAndTimePickerFooter-ClSJWVd3.js";
-import { c as T } from "../../clsx-OuTLNxxd.js";
-import { I as W } from "../../index-ChP5zdaB.js";
-import { d as K } from "../../index-CzwAoGdL.js";
-const V = I({
+import { jsx as p, jsxs as x } from "react/jsx-runtime";
+import I, { createContext as E, useContext as j, useRef as y, useState as C, useEffect as M } from "react";
+import { D as F, u as W } from "../../DateAndTimePickerFooter-ClSJWVd3.js";
+import { d as v } from "../../index-CzwAoGdL.js";
+import { c as R } from "../../clsx-OuTLNxxd.js";
+import { I as K } from "../../index-ChP5zdaB.js";
+const $ = E({
   timePickerProps: {
     value: /* @__PURE__ */ new Date(),
     onChange: () => {
     }
   }
-}), O = (t) => {
+}), L = (t) => {
   const { children: e, timePickerProps: n } = t;
-  return /* @__PURE__ */ h(
-    V.Provider,
+  return /* @__PURE__ */ p(
+    $.Provider,
     {
       value: {
         timePickerProps: n
@@ -21,12 +21,12 @@ const V = I({
       children: e
     }
   );
-}, A = () => E(V), b = [0, 1, 3, 4], L = (t) => t[0]?.getBoundingClientRect().height ?? 64, _ = (t, e, n, s, o = "instant") => {
+}, B = () => j($), b = [0, 1, 3, 4], O = (t) => t[0]?.getBoundingClientRect().height ?? 64, _ = (t, e, n, r, i = "instant") => {
   if (!t) return;
-  const a = e.indexOf(n);
-  a !== -1 && t.scrollTo({
-    top: a * s(),
-    behavior: o
+  const s = e.indexOf(n);
+  s !== -1 && t.scrollTo({
+    top: s * r(),
+    behavior: i
   });
 }, G = (t) => {
   if (t.length !== 2) return !1;
@@ -36,109 +36,109 @@ const V = I({
   if (t.length !== 2) return !1;
   const e = Number(t);
   return !Number.isNaN(e) && e >= 0 && e <= 59;
-}, R = (t) => {
+}, D = (t) => {
   if (!t) return ["-", "-", ":", "-", "-"];
   const e = t.hour == null ? "--" : String(t.hour).padStart(2, "0"), n = t.minute == null ? "--" : String(t.minute).padStart(2, "0");
   return [e.charAt(0) ?? "-", e.charAt(1) ?? "-", ":", n.charAt(0) ?? "-", n.charAt(1) ?? "-"];
-}, y = (t) => {
+}, H = (t) => {
   const e = `${t[0] ?? "-"}${t[1] ?? "-"}`, n = `${t[3]}${t[4]}`;
   return {
     hour: !e.includes("-") && G(e) ? Number(e) : null,
     minute: !n.includes("-") && q(n) ? Number(n) : null
   };
-}, w = (t, e = !0) => {
+}, N = (t, e = !0) => {
   const n = b.indexOf(t);
   if (n === -1)
     return e ? b[0] : b[b.length - 1] ?? 0;
-  const s = e ? n + 1 : n - 1;
-  return s < 0 ? b[0] : s >= b.length ? b[b.length - 1] ?? 0 : b[s] ?? 0;
+  const r = e ? n + 1 : n - 1;
+  return r < 0 ? b[0] : r >= b.length ? b[b.length - 1] ?? 0 : b[r] ?? 0;
 }, z = (t, e, n) => e === 0 ? /[0-2]/.test(t) : e === 1 ? +`${n[0] === "-" ? "0" : n[0]}${t}` <= 23 : e === 3 ? /[0-5]/.test(t) : !0, J = () => {
-  const t = C(null);
-  return { inputRef: t, setCaretToEditable: (n, s = !0) => {
-    const o = t.current;
-    if (!o) return;
-    const a = b.includes(n) ? n : w(n, s);
-    typeof a == "number" && o.setSelectionRange(a, a + 1);
+  const t = y(null);
+  return { inputRef: t, setCaretToEditable: (n, r = !0) => {
+    const i = t.current;
+    if (!i) return;
+    const s = b.includes(n) ? n : N(n, r);
+    typeof s == "number" && i.setSelectionRange(s, s + 1);
   } };
 }, Q = (t) => {
   const {
     value: e = { hour: null, minute: null },
     onChange: n,
-    disabled: s = !1,
-    className: o,
-    ...a
-  } = t, { inputRef: d, setCaretToEditable: u } = J(), [c, p] = v(() => R(e)), i = B.useRef(e);
+    disabled: r = !1,
+    className: i,
+    ...s
+  } = t, { inputRef: m, setCaretToEditable: l } = J(), [c, u] = C(() => D(e)), o = I.useRef(e);
   M(() => {
-    (e.hour !== i.current.hour || e.minute !== i.current.minute) && (i.current = e, p(R(e)));
+    (e.hour !== o.current.hour || e.minute !== o.current.minute) && (o.current = e, u(D(e)));
   }, [e]);
-  const g = () => {
-    const f = d.current;
+  const h = () => {
+    const g = m.current;
+    if (!g) return;
+    const f = g.selectionStart ?? 0;
+    b.includes(f) || l(f, !0);
+  }, S = (g, f) => {
+    const k = g === "ArrowRight";
+    l(N(f, k), k);
+  }, d = (g, f) => {
+    const k = b.includes(f) ? f : N(f, !1), a = [...c];
+    a[k] = "-", u(a), n(H(a));
+    const w = g === "Backspace" ? N(k, !1) : N(k, !0);
+    setTimeout(() => l(w, g !== "Backspace"), 0);
+  }, T = (g, f) => {
+    const k = b.includes(f) ? f : N(f, !0), a = [...c];
+    z(g, k, a) && (a[k] = g, u(a), n(H(a)), setTimeout(() => l(N(k, !0), !0), 0));
+  }, P = (g) => {
+    if (g.preventDefault(), r) return;
+    const f = m.current;
     if (!f) return;
-    const r = f.selectionStart ?? 0;
-    b.includes(r) || u(r, !0);
-  }, k = (f, r) => {
-    const l = f === "ArrowRight";
-    u(w(r, l), l);
-  }, m = (f, r) => {
-    const l = b.includes(r) ? r : w(r, !1), S = [...c];
-    S[l] = "-", p(S), n(y(S));
-    const $ = f === "Backspace" ? w(l, !1) : w(l, !0);
-    setTimeout(() => u($, f !== "Backspace"), 0);
-  }, P = (f, r) => {
-    const l = b.includes(r) ? r : w(r, !0), S = [...c];
-    z(f, l, S) && (S[l] = f, p(S), n(y(S)), setTimeout(() => u(w(l, !0), !0), 0));
-  }, x = (f) => {
-    if (f.preventDefault(), s) return;
-    const r = d.current;
-    if (!r) return;
-    const l = r.selectionStart ?? 0;
-    if (["ArrowLeft", "ArrowRight"].includes(f.key)) {
-      k(f.key, l);
+    const k = f.selectionStart ?? 0;
+    if (["ArrowLeft", "ArrowRight"].includes(g.key)) {
+      S(g.key, k);
       return;
     }
-    if (["Backspace", "Delete"].includes(f.key)) {
-      m(f.key, l);
+    if (["Backspace", "Delete"].includes(g.key)) {
+      d(g.key, k);
       return;
     }
-    /^\d$/.test(f.key) && P(f.key, l);
+    /^\d$/.test(g.key) && T(g.key, k);
   };
-  return /* @__PURE__ */ h(
-    W,
+  return /* @__PURE__ */ p(
+    K,
     {
-      ref: d,
+      ref: m,
       dir: "ltr",
-      className: o,
+      className: i,
       value: c.join(""),
-      onKeyDown: x,
-      onFocus: g,
-      disabled: s,
+      onKeyDown: P,
+      onFocus: h,
+      disabled: r,
       inputMode: "numeric",
       pattern: "[0-9:]*",
-      ...a
+      ...s
     }
   );
 }, U = ({
   timePickerProps: t,
   setActivePart: e,
   handleSingleTimeChange: n,
-  handleRangeTimeChange: s
+  handleRangeTimeChange: r
 }) => {
-  const { acceptRange: o, value: a } = t, d = (c) => ({
+  const { acceptRange: i, value: s } = t, m = (c) => ({
     hour: c?.getHours() ?? 0,
     minute: c?.getMinutes() ?? 0
-  }), u = o ? [
+  }), l = i ? [
     {
       key: "start",
       id: "from-time",
       label: "از ساعت",
-      value: d(a?.start),
+      value: m(s?.start),
       className: "dgsuikit:w-1/2"
     },
     {
       key: "end",
       id: "to-time",
       label: "تا ساعت",
-      value: d(a?.end),
+      value: m(s?.end),
       className: "dgsuikit:w-1/2"
     }
   ] : [
@@ -146,38 +146,38 @@ const V = I({
       key: "single",
       id: "time",
       label: "ساعت",
-      value: d(a),
+      value: m(s),
       className: void 0
     }
   ];
-  return /* @__PURE__ */ h(
+  return /* @__PURE__ */ p(
     "div",
     {
-      className: T(
-        o && "dgsuikit:flex dgsuikit:justify-between dgsuikit:gap-4 dgsuikit:mb-4"
+      className: R(
+        i && "dgsuikit:flex dgsuikit:justify-between dgsuikit:gap-4 dgsuikit:mb-4"
       ),
-      children: u.map(({ key: c, id: p, label: i, value: g, className: k }) => /* @__PURE__ */ h(
+      children: l.map(({ key: c, id: u, label: o, value: h, className: S }) => /* @__PURE__ */ p(
         Q,
         {
-          id: p,
-          value: g,
-          labelContent: i,
-          className: k,
+          id: u,
+          value: h,
+          labelContent: o,
+          className: S,
           onFocus: () => {
-            o && c !== "single" && e(c);
+            i && c !== "single" && e(c);
           },
-          onChange: (m) => {
-            typeof m.hour == "number" && typeof m.minute == "number" && (o && c !== "single" ? s(c, m.hour, m.minute) : n(m.hour, m.minute));
+          onChange: (d) => {
+            typeof d.hour == "number" && typeof d.minute == "number" && (i && c !== "single" ? r(c, d.hour, d.minute) : n(d.hour, d.minute));
           }
         },
-        p
+        u
       ))
     }
   );
-}, H = ({ position: t }) => /* @__PURE__ */ h(
+}, V = ({ position: t }) => /* @__PURE__ */ p(
   "div",
   {
-    className: T(
+    className: R(
       "dgsuikit:absolute dgsuikit:left-0 dgsuikit:right-0 dgsuikit:h-12 dgsuikit:pointer-events-none",
       "dgsuikit:from-[rgba(255,255,255,0.54)] dgsuikit:to-[rgba(255,255,255,0.90)]",
       t === "top" ? "dgsuikit:bg-gradient-to-t dgsuikit:top-0" : "dgsuikit:bg-gradient-to-b dgsuikit:bottom-0"
@@ -185,142 +185,137 @@ const V = I({
   }
 );
 function X(t, e, n) {
-  const s = C(null), o = C([]), a = C(null), d = () => L(o.current), u = (i = e ?? 0, g = "smooth") => {
-    _(s.current, t, i, d, g), a.current = i;
-  }, c = K((i) => {
-    i !== a.current && (a.current = i, n(i));
-  }, 200), p = (i) => {
-    const g = Math.round(i.scrollTop / d()), k = t[Math.max(0, Math.min(g, t.length - 1))];
-    k != null && c(k);
+  const r = y(null), i = y([]), s = y(null), m = () => O(i.current), l = (u = e ?? 0, o = "smooth") => {
+    _(r.current, t, u, m, o), s.current = u;
+  }, c = (u) => {
+    const o = Math.round(u.scrollTop / m()), h = t[Math.max(0, Math.min(o, t.length - 1))];
+    h != null && h !== s.current && (s.current = h, n(h));
   };
   return M(() => {
-    const i = s.current;
-    if (!i) return;
-    const g = () => p(i);
-    return i.addEventListener("scroll", g), () => i.removeEventListener("scroll", g);
-  }, [t, c]), M(() => {
-    e != null && u();
-  }, [e]), { containerRef: s, itemRefs: o };
+    const u = r.current;
+    if (!u) return;
+    const o = () => c(u);
+    return u.addEventListener("scroll", o), () => u.removeEventListener("scroll", o);
+  }, [t]), M(() => {
+    e != null && l();
+  }, [e]), { containerRef: r, itemRefs: i };
 }
-const D = (t) => {
+const A = (t) => {
   const {
     items: e,
     defaultValue: n,
-    onValueChange: s,
-    className: o,
-    formatValue: a = (c) => String(c).padStart(2, "0")
-  } = t, { containerRef: d, itemRefs: u } = X(e, n, s);
-  return /* @__PURE__ */ N("div", { className: "dgsuikit:relative dgsuikit:h-28 dgsuikit:w-full", children: [
-    /* @__PURE__ */ h(
+    onValueChange: r,
+    className: i,
+    formatValue: s = (c) => String(c).padStart(2, "0")
+  } = t, { containerRef: m, itemRefs: l } = X(e, n, r);
+  return /* @__PURE__ */ x("div", { className: "dgsuikit:relative dgsuikit:h-28 dgsuikit:w-full", children: [
+    /* @__PURE__ */ p(
       "div",
       {
-        ref: d,
-        className: T(
+        ref: m,
+        className: R(
           "dgsuikit:h-28 dgsuikit:w-full dgsuikit:py-10 dgsuikit:overflow-y-scroll dgsuikit:snap-y dgsuikit:snap-mandatory dgsuikit:scroll-smooth dgsuikit:no-scrollbar",
-          o
+          i
         ),
-        children: e.map((c, p) => /* @__PURE__ */ h(
+        children: e.map((c, u) => /* @__PURE__ */ p(
           "div",
           {
-            ref: (i) => {
-              u.current[p] = i;
+            ref: (o) => {
+              l.current[u] = o;
             },
             className: "dgsuikit:h-10 dgsuikit:flex dgsuikit:items-center dgsuikit:justify-center dgsuikit:snap-center dgsuikit:font-p1-regular",
-            children: a(c)
+            children: s(c)
           },
           c
         ))
       }
     ),
-    /* @__PURE__ */ h(H, { position: "top" }),
-    /* @__PURE__ */ h(H, { position: "bottom" })
+    /* @__PURE__ */ p(V, { position: "top" }),
+    /* @__PURE__ */ p(V, { position: "bottom" })
   ] });
 }, Y = (t) => {
-  const { timePickerProps: e, activePart: n, handleSingleTimeChange: s, handleRangeTimeChange: o } = t, { minuteStep: a = 1, acceptRange: d, value: u } = e, c = Array.from({ length: 24 }, (r, l) => l), p = Array.from({ length: 60 }, (r, l) => l).filter(
-    (r) => r % a === 0
-  ), i = (r) => r.toString().padStart(2, "0"), g = (r) => r.toString().padStart(2, "0"), k = (r) => {
-    if (d) {
-      const l = n === "start" ? u?.start : u?.end;
-      return l ? l[r]() : 0;
+  const { timePickerProps: e, activePart: n, handleSingleTimeChange: r, handleRangeTimeChange: i } = t, { minuteStep: s = 1, acceptRange: m, value: l } = e, c = Array.from({ length: 24 }, (a, w) => w), u = Array.from({ length: 60 }, (a, w) => w).filter(
+    (a) => a % s === 0
+  ), o = (a) => a.toString().padStart(2, "0"), h = (a) => a.toString().padStart(2, "0"), S = (a) => {
+    if (m) {
+      const w = n === "start" ? l?.start : l?.end;
+      return w ? w[a]() : 0;
     }
-    return u ? u[r]() : 0;
-  }, m = k("getHours"), P = k("getMinutes");
-  return /* @__PURE__ */ N("div", { className: "dgsuikit:flex dgsuikit:mt-2 dgsuikit:w-full dgsuikit:justify-center", children: [
-    /* @__PURE__ */ h(
-      D,
+    return l ? l[a]() : 0;
+  }, d = S("getHours"), T = S("getMinutes"), [P, g] = C(T), [f, k] = C(d);
+  return M(() => {
+    m ? i(n, f, P) : r(f, P);
+  }, [f, P]), /* @__PURE__ */ x("div", { className: "dgsuikit:flex dgsuikit:mt-2 dgsuikit:w-full dgsuikit:justify-center", children: [
+    /* @__PURE__ */ p(
+      A,
       {
-        items: p,
-        defaultValue: P,
-        onValueChange: (r) => {
-          d ? o(
-            n,
-            n === "start" ? u?.start?.getHours() ?? 0 : u?.end?.getHours() ?? 0,
-            r
-          ) : s(u?.getHours() ?? 0, r);
-        },
-        formatValue: g
+        items: u,
+        defaultValue: T,
+        onValueChange: (a) => g(a),
+        formatValue: h
       }
     ),
-    /* @__PURE__ */ h(
-      D,
+    /* @__PURE__ */ p(
+      A,
       {
         items: c,
-        defaultValue: m,
-        onValueChange: (r) => {
-          d ? o(
-            n,
-            r,
-            n === "start" ? u?.start?.getMinutes() ?? 0 : u?.end?.getMinutes() ?? 0
-          ) : s(r, u?.getMinutes() ?? 0);
-        },
-        formatValue: i
+        defaultValue: d,
+        onValueChange: (a) => k(a),
+        formatValue: o
       }
     )
   ] });
 }, Z = () => {
-  const { timePickerProps: t } = A(), { acceptRange: e, value: n, onChange: s } = t, [o, a] = v("start"), d = (i, g, k) => {
-    const m = new Date(i);
-    return m.setHours(g), m.setMinutes(k), m.setSeconds(0), m.setMilliseconds(0), m;
-  }, p = { timePickerProps: t, handleSingleTimeChange: (i, g) => {
-    !n || e || n.getHours() === i && n.getMinutes() === g || s(d(n, i, g));
-  }, handleRangeTimeChange: (i, g, k) => {
+  const { timePickerProps: t } = B(), { acceptRange: e, value: n, onChange: r } = t, [i, s] = C("start"), m = (o, h, S) => {
+    const d = new Date(o);
+    return d.setHours(h), d.setMinutes(S), d.setSeconds(0), d.setMilliseconds(0), d;
+  }, l = v((o, h) => {
+    !n || e || n.getHours() === o && n.getMinutes() === h || r(m(n, o, h));
+  }, 200), c = v((o, h, S) => {
     if (!n || !e) return;
-    const m = new Date(n[i] ?? /* @__PURE__ */ new Date());
-    m.getHours() === g && m.getMinutes() === k || s({
+    const d = new Date(n[o] ?? /* @__PURE__ */ new Date());
+    d.getHours() === h && d.getMinutes() === S || r({
       ...n,
-      [i]: d(m, g, k)
+      [o]: m(d, h, S)
     });
-  } };
-  return /* @__PURE__ */ N("div", { className: "dgsuikit:p-4 dgsuikit:ss02", children: [
-    /* @__PURE__ */ h(
-      U,
-      {
-        setActivePart: a,
-        ...p
-      }
-    ),
-    /* @__PURE__ */ h(
-      Y,
-      {
-        activePart: o,
-        ...p
-      }
-    )
-  ] });
+  }, 200), u = { timePickerProps: t, handleSingleTimeChange: l, handleRangeTimeChange: c };
+  return /* @__PURE__ */ x(
+    "div",
+    {
+      dir: "rtl",
+      className: "dgsuikit:p-4 dgsuikit:ss02",
+      children: [
+        /* @__PURE__ */ p(
+          U,
+          {
+            setActivePart: s,
+            ...u
+          }
+        ),
+        /* @__PURE__ */ p(
+          Y,
+          {
+            activePart: i,
+            ...u
+          }
+        )
+      ]
+    }
+  );
 }, tt = () => {
-  const { timePickerProps: t } = A(), {
+  const { timePickerProps: t } = B(), {
     showSubmitButton: e = !0,
     showNowButton: n = !0,
-    onSubmit: s,
-    onChange: o,
-    acceptRange: a
+    onSubmit: r,
+    onChange: i,
+    acceptRange: s
   } = t;
-  return /* @__PURE__ */ h(
-    j,
+  return /* @__PURE__ */ p(
+    F,
     {
       ...e && {
         primaryButton: {
-          onClick: s,
+          onClick: r,
           children: "اعمال"
         }
       },
@@ -328,11 +323,11 @@ const D = (t) => {
         secondaryButton: {
           variant: "text",
           onClick: () => {
-            if (a) {
-              const u = /* @__PURE__ */ new Date();
-              u.setHours(u.getHours() + 1), o({ start: /* @__PURE__ */ new Date(), end: u });
+            if (s) {
+              const l = /* @__PURE__ */ new Date();
+              l.setHours(l.getHours() + 1), i({ start: /* @__PURE__ */ new Date(), end: l });
             } else
-              o(/* @__PURE__ */ new Date());
+              i(/* @__PURE__ */ new Date());
           },
           children: "رفتن به اکنون"
         }
@@ -348,20 +343,20 @@ function et(t) {
     return `${e}:${n}`;
   }
   if (t.start && t.end) {
-    const e = t.start.getHours().toString().padStart(2, "0"), n = t.start.getMinutes().toString().padStart(2, "0"), s = t.end.getHours().toString().padStart(2, "0"), o = t.end.getMinutes().toString().padStart(2, "0");
-    return `${e}:${n} - ${s}:${o}`;
+    const e = t.start.getHours().toString().padStart(2, "0"), n = t.start.getMinutes().toString().padStart(2, "0"), r = t.end.getHours().toString().padStart(2, "0"), i = t.end.getMinutes().toString().padStart(2, "0");
+    return `${e}:${n} - ${r}:${i}`;
   }
   return "";
 }
 const at = (t) => {
-  const { showSubmitButton: e = !0, showNowButton: n = !0 } = t, { Wrapper: s, wrapperProps: o } = F({
+  const { showSubmitButton: e = !0, showNowButton: n = !0 } = t, { Wrapper: r, wrapperProps: i } = W({
     props: t,
     standaloneMode: "time",
     formatValue: et
   });
-  return /* @__PURE__ */ h(s, { ...o, children: /* @__PURE__ */ N(O, { timePickerProps: t, children: [
-    /* @__PURE__ */ h(Z, {}),
-    (e || n) && /* @__PURE__ */ h(tt, {})
+  return /* @__PURE__ */ p(r, { ...i, children: /* @__PURE__ */ x(L, { timePickerProps: t, children: [
+    /* @__PURE__ */ p(Z, {}),
+    (e || n) && /* @__PURE__ */ p(tt, {})
   ] }) });
 };
 export {

package/dist/{Slide-Cg1SjpFn.js → Slide-BQvg6qNJ.js}

@@ -101,7 +101,7 @@ const J = (e) => {
     ] });
   };
   return /* @__PURE__ */ w(j, { children: [
-    t && t !== "hide" && t === "onSides" && v,
+    t && t !== "hide" && t === "onSides" && v(),
     /* @__PURE__ */ w(
       "div",
       {

package/dist/Slide-p8rlxR_a.cjs

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

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-YnGNNNXw.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-p8rlxR_a.cjs");exports.Slide=e.Slide;exports.Slider=e.Slider;

package/dist/Slider/index.mjs

@@ -1,5 +1,5 @@
 import '../assets/styles.css';/* empty css                 */
-import { a as i, S as o } from "../Slide-Cg1SjpFn.js";
+import { a as i, S as o } from "../Slide-BQvg6qNJ.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 e=require("./AccordionItem-BrqkdsVm.cjs"),t=require("./Alert/index.cjs"),i=require("./Badge/index.cjs"),n=require("./Breadcrumb/index.cjs"),u=require("./Button/index.cjs"),c=require("./Card/index.cjs"),s=require("./Chip/index.cjs"),a=require("./Divider/index.cjs"),q=require("./Drawer/index.cjs"),p=require("./Form/Checkbox/index.cjs"),d=require("./Form/Datepicker/index.cjs"),l=require("./Form/Timepicker/index.cjs"),m=require("./Form/FileUploader/index.cjs"),S=require("./index-DmSuyV3m.cjs"),g=require("./Form/OtpInput/index.cjs"),F=require("./Form/RadioButton/index.cjs"),_=require("./Form/RangeInput/index.cjs"),b=require("./Form/Select/index.cjs"),T=require("./Form/Switch/index.cjs"),B=require("./Form/Textarea/index.cjs"),I=require("./Pagination/index.cjs"),h=require("./Progress/Bar/index.cjs"),D=require("./Progress/Doughnut/index.cjs"),A=require("./Rate/index.cjs"),P=require("./Sidebar/index.cjs"),k=require("./Menu/index.cjs"),r=require("./Slide-YnGNNNXw.cjs"),o=require("./Step-Cm0v__Sg.cjs"),C=require("./Table/index.cjs"),R=require("./Tabs/index.cjs"),w=require("./Tooltip/index.cjs");exports.AccordionGroup=e.AccordionGroup;exports.AccordionItem=e.AccordionItem;exports.Alert=t;exports.Badge=i;exports.Breadcrumb=n;exports.Button=u;exports.Card=c;exports.Chip=s;exports.Divider=a;exports.Drawer=q;exports.Checkbox=p;exports.Datepicker=d;exports.Timepicker=l;exports.FileUploader=m;exports.Input=S.Input;exports.OtpInput=g;exports.RadioButton=F;exports.RangeInput=_;exports.Select=b;exports.Switch=T;exports.Textarea=B;exports.Pagination=I;exports.ProgressBar=h;exports.ProgressDoughnut=D;exports.Rate=A;exports.Sidebar=P;exports.Menu=k;exports.Slide=r.Slide;exports.Slider=r.Slider;exports.HorizontalStep=o.HorizontalStep;exports.HorizontalStepper=o.HorizontalStepper;exports.Table=C;exports.Tabs=R;exports.Tooltip=w;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./assets/styles.css');;/* empty css                  */const e=require("./AccordionItem-BrqkdsVm.cjs"),t=require("./Alert/index.cjs"),i=require("./Badge/index.cjs"),n=require("./Breadcrumb/index.cjs"),u=require("./Button/index.cjs"),c=require("./Card/index.cjs"),s=require("./Chip/index.cjs"),a=require("./Divider/index.cjs"),q=require("./Drawer/index.cjs"),p=require("./Form/Checkbox/index.cjs"),d=require("./Form/Datepicker/index.cjs"),l=require("./Form/Timepicker/index.cjs"),m=require("./Form/FileUploader/index.cjs"),S=require("./index-DmSuyV3m.cjs"),g=require("./Form/OtpInput/index.cjs"),F=require("./Form/RadioButton/index.cjs"),_=require("./Form/RangeInput/index.cjs"),b=require("./Form/Select/index.cjs"),T=require("./Form/Switch/index.cjs"),B=require("./Form/Textarea/index.cjs"),I=require("./Pagination/index.cjs"),h=require("./Progress/Bar/index.cjs"),D=require("./Progress/Doughnut/index.cjs"),A=require("./Rate/index.cjs"),P=require("./Sidebar/index.cjs"),k=require("./Menu/index.cjs"),r=require("./Slide-p8rlxR_a.cjs"),o=require("./Step-Cm0v__Sg.cjs"),C=require("./Table/index.cjs"),R=require("./Tabs/index.cjs"),w=require("./Tooltip/index.cjs");exports.AccordionGroup=e.AccordionGroup;exports.AccordionItem=e.AccordionItem;exports.Alert=t;exports.Badge=i;exports.Breadcrumb=n;exports.Button=u;exports.Card=c;exports.Chip=s;exports.Divider=a;exports.Drawer=q;exports.Checkbox=p;exports.Datepicker=d;exports.Timepicker=l;exports.FileUploader=m;exports.Input=S.Input;exports.OtpInput=g;exports.RadioButton=F;exports.RangeInput=_;exports.Select=b;exports.Switch=T;exports.Textarea=B;exports.Pagination=I;exports.ProgressBar=h;exports.ProgressDoughnut=D;exports.Rate=A;exports.Sidebar=P;exports.Menu=k;exports.Slide=r.Slide;exports.Slider=r.Slider;exports.HorizontalStep=o.HorizontalStep;exports.HorizontalStepper=o.HorizontalStepper;exports.Table=C;exports.Tabs=R;exports.Tooltip=w;

package/dist/index.mjs

@@ -25,7 +25,7 @@ import { default as W } from "./Progress/Doughnut/index.mjs";
 import { default as Y } from "./Rate/index.mjs";
 import { default as _ } from "./Sidebar/index.mjs";
 import { default as ee } from "./Menu/index.mjs";
-import { a as ae, S as oe } from "./Slide-Cg1SjpFn.js";
+import { a as ae, S as oe } from "./Slide-BQvg6qNJ.js";
 import { a as fe, H as pe } from "./Step-DB73tIkY.js";
 import { default as de } from "./Table/index.mjs";
 import { default as ue } from "./Tabs/index.mjs";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dgshahr/ui-kit",
-  "version": "1.8.0",
+  "version": "1.8.1",
   "description": "A modern, accessible, and customizable React component library",
   "author": "dgshahr",
   "contributes": [

package/dist/Slide-YnGNNNXw.cjs

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