@dgshahr/ui-kit 1.9.1 → 1.9.2

package/dist/Form/Timepicker/index.cjs

@@ -1 +1 @@
-"use strict";const g=require("react/jsx-runtime"),x=require("react"),D=require("../../DateAndTimePickerFooter-DVZyqJ2K.cjs"),y=require("../../index-BfuaA-Ji.cjs"),j=require("../../clsx-C11secjj.cjs"),A=require("../../index-CZRRnYAI.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;
+"use strict";const g=require("react/jsx-runtime"),x=require("react"),D=require("../../DateAndTimePickerFooter-DVZyqJ2K.cjs"),j=require("../../index-BfuaA-Ji.cjs"),N=require("../../clsx-C11secjj.cjs"),A=require("../../index-CZRRnYAI.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,s,r="instant")=>{if(!t)return;const i=e.indexOf(n);i!==-1&&t.scrollTo({top:i*s(),behavior:r})},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},y=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 s=e?n+1:n-1;return s<0?S[0]:s>=S.length?S[S.length-1]??0:S[s]??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,s=!0)=>{const r=t.current;if(!r)return;const i=S.includes(n)?n:P(n,s);typeof i=="number"&&r.setSelectionRange(i,i+1)}}},K=t=>{const{value:e={hour:null,minute:null},onChange:n,disabled:s=!1,className:r,...i}=t,{inputRef:f,setCaretToEditable:l}=W(),[a,u]=x.useState(()=>y(e)),o=x.useRef(e);x.useEffect(()=>{(e.hour!==o.current.hour||e.minute!==o.current.minute)&&(o.current=e,u(y(e)))},[e]);const p=()=>{const m=f.current;if(!m)return;const h=m.selectionStart??0;S.includes(h)||l(h,!0)},b=(m,h)=>{const k=m==="ArrowRight";l(P(h,k),k)},d=(m,h)=>{const k=S.includes(h)?h:P(h,!1),c=[...a];c[k]="-",u(c),n(C(c));const w=m==="Backspace"?P(k,!1):P(k,!0);setTimeout(()=>l(w,m!=="Backspace"),0)},T=(m,h)=>{const k=S.includes(h)?h:P(h,!0),c=[...a];q(m,k,c)&&(c[k]=m,u(c),n(C(c)),setTimeout(()=>l(P(k,!0),!0),0))},R=m=>{if(m.preventDefault(),s)return;const h=f.current;if(!h)return;const k=h.selectionStart??0;if(["ArrowLeft","ArrowRight"].includes(m.key)){b(m.key,k);return}if(["Backspace","Delete"].includes(m.key)){d(m.key,k);return}/^\d$/.test(m.key)&&T(m.key,k)};return g.jsx(A.Input,{ref:f,dir:"ltr",className:r,value:a.join(""),onKeyDown:R,onFocus:p,disabled:s,inputMode:"numeric",pattern:"[0-9:]*",...i})},L=({timePickerProps:t,setActivePart:e,handleSingleTimeChange:n,handleRangeTimeChange:s})=>{const{acceptRange:r,value:i}=t,f=a=>({hour:a?.getHours()??0,minute:a?.getMinutes()??0}),l=r?[{key:"start",id:"from-time",label:"از ساعت",value:f(i?.start),className:"dgsuikit:w-1/2"},{key:"end",id:"to-time",label:"تا ساعت",value:f(i?.end),className:"dgsuikit:w-1/2"}]:[{key:"single",id:"time",label:"ساعت",value:f(i),className:void 0}];return g.jsx("div",{className:N.clsx(r&&"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:()=>{r&&a!=="single"&&e(a)},onChange:d=>{typeof d.hour=="number"&&typeof d.minute=="number"&&(r&&a!=="single"?s(a,d.hour,d.minute):n(d.hour,d.minute))}},u))})},M=({position:t})=>g.jsx("div",{className:N.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 s=x.useRef(null),r=x.useRef([]),i=x.useRef(null),f=()=>B(r.current),l=(u=e??0,o="smooth")=>{E(s.current,t,u,f,o),i.current=u},a=u=>{const o=Math.round(u.scrollTop/f()),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=s.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:s,itemRefs:r}}const v=t=>{const{items:e,defaultValue:n,onValueChange:s,className:r,formatValue:i=a=>String(a).padStart(2,"0")}=t,{containerRef:f,itemRefs:l}=O(e,n,s);return g.jsxs("div",{className:"dgsuikit:relative dgsuikit:h-28 dgsuikit:w-full",children:[g.jsx("div",{ref:f,className:N.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",r),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:s,handleRangeTimeChange:r}=t,{minuteStep:i=1,acceptRange:f,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(f){const w=n==="start"?l?.start:l?.end;return w?w[c]():0}return l?l[c]():0},d=b("getHours"),T=b("getMinutes"),[R,m]=x.useState(T),[h,k]=x.useState(d);return x.useEffect(()=>{f?r(n,h,R):s(h,R)},[h,R]),g.jsxs("div",{className:"dgsuikit:flex dgsuikit:mt-2 dgsuikit:w-full dgsuikit:justify-center",children:[g.jsx(v,{items:u,defaultValue:T,onValueChange:c=>m(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:s}=t,[r,i]=x.useState("start"),f=(o,p,b)=>{const d=new Date(o);return d.setHours(p),d.setMinutes(b),d.setSeconds(0),d.setMilliseconds(0),d},l=j.debounce((o,p)=>{!n||e||n.getHours()===o&&n.getMinutes()===p||s(f(n,o,p))},200),a=j.debounce((o,p,b)=>{if(!n||!e)return;const d=new Date(n[o]??new Date);d.getHours()===p&&d.getMinutes()===b||s({...n,[o]:f(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:r,...u})]})},z=()=>{const{timePickerProps:t}=V(),{showSubmitButton:e=!0,showNowButton:n=!0,onSubmit:s,onChange:r,acceptRange:i}=t,f=()=>{if(i){const l=new Date;l.setHours(l.getHours()+1),r({start:new Date,end:l})}else r(new Date)};return g.jsx(D.DateAndTimePickerFooter,{...e&&{primaryButton:{onClick:s,children:"اعمال"}},...n&&{secondaryButton:{variant:"text",onClick:f,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"),s=t.end.getHours().toString().padStart(2,"0"),r=t.end.getMinutes().toString().padStart(2,"0");return`${e}:${n} - ${s}:${r}`}return""}const Q=t=>{const{showSubmitButton:e=!0,showNowButton:n=!0}=t,s=t.acceptRange===void 0?{...t,acceptRange:!1}:t,{Wrapper:r,wrapperProps:i}=D.useDateAndTimePickerWrapper({props:s,standaloneMode:"time",formatValue:J});return g.jsx(r,{...i,children:g.jsxs($,{timePickerProps:s,children:[g.jsx(G,{}),(e||n)&&g.jsx(z,{})]})})};module.exports=Q;

package/dist/Form/Timepicker/index.mjs

@@ -1,8 +1,8 @@
-import { jsx as p, jsxs as x } from "react/jsx-runtime";
+import { jsx as p, jsxs as R } 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-NWsDe_w1.js";
+import { D as W, u as F } from "../../DateAndTimePickerFooter-NWsDe_w1.js";
 import { d as v } from "../../index-CzwAoGdL.js";
-import { c as R } from "../../clsx-OuTLNxxd.js";
+import { c as x } from "../../clsx-OuTLNxxd.js";
 import { I as K } from "../../index-nXqUoTI3.js";
 const $ = E({
   timePickerProps: {
@@ -21,12 +21,12 @@ const $ = E({
       children: e
     }
   );
-}, B = () => j($), b = [0, 1, 3, 4], O = (t) => t[0]?.getBoundingClientRect().height ?? 64, _ = (t, e, n, r, i = "instant") => {
+}, B = () => j($), b = [0, 1, 3, 4], O = (t) => t[0]?.getBoundingClientRect().height ?? 64, _ = (t, e, n, r, s = "instant") => {
   if (!t) return;
-  const s = e.indexOf(n);
-  s !== -1 && t.scrollTo({
-    top: s * r(),
-    behavior: i
+  const i = e.indexOf(n);
+  i !== -1 && t.scrollTo({
+    top: i * r(),
+    behavior: s
   });
 }, G = (t) => {
   if (t.length !== 2) return !1;
@@ -55,18 +55,18 @@ const $ = E({
 }, 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 = 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);
+    const s = t.current;
+    if (!s) return;
+    const i = b.includes(n) ? n : N(n, r);
+    typeof i == "number" && s.setSelectionRange(i, i + 1);
   } };
 }, Q = (t) => {
   const {
     value: e = { hour: null, minute: null },
     onChange: n,
     disabled: r = !1,
-    className: i,
-    ...s
+    className: s,
+    ...i
   } = t, { inputRef: m, setCaretToEditable: l } = J(), [c, u] = C(() => D(e)), o = I.useRef(e);
   M(() => {
     (e.hour !== o.current.hour || e.minute !== o.current.minute) && (o.current = e, u(D(e)));
@@ -107,14 +107,14 @@ const $ = E({
     {
       ref: m,
       dir: "ltr",
-      className: i,
+      className: s,
       value: c.join(""),
       onKeyDown: P,
       onFocus: h,
       disabled: r,
       inputMode: "numeric",
       pattern: "[0-9:]*",
-      ...s
+      ...i
     }
   );
 }, U = ({
@@ -123,22 +123,22 @@ const $ = E({
   handleSingleTimeChange: n,
   handleRangeTimeChange: r
 }) => {
-  const { acceptRange: i, value: s } = t, m = (c) => ({
+  const { acceptRange: s, value: i } = t, m = (c) => ({
     hour: c?.getHours() ?? 0,
     minute: c?.getMinutes() ?? 0
-  }), l = i ? [
+  }), l = s ? [
     {
       key: "start",
       id: "from-time",
       label: "از ساعت",
-      value: m(s?.start),
+      value: m(i?.start),
       className: "dgsuikit:w-1/2"
     },
     {
       key: "end",
       id: "to-time",
       label: "تا ساعت",
-      value: m(s?.end),
+      value: m(i?.end),
       className: "dgsuikit:w-1/2"
     }
   ] : [
@@ -146,15 +146,15 @@ const $ = E({
       key: "single",
       id: "time",
       label: "ساعت",
-      value: m(s),
+      value: m(i),
       className: void 0
     }
   ];
   return /* @__PURE__ */ p(
     "div",
     {
-      className: R(
-        i && "dgsuikit:flex dgsuikit:justify-between dgsuikit:gap-4 dgsuikit:mb-4"
+      className: x(
+        s && "dgsuikit:flex dgsuikit:justify-between dgsuikit:gap-4 dgsuikit:mb-4"
       ),
       children: l.map(({ key: c, id: u, label: o, value: h, className: S }) => /* @__PURE__ */ p(
         Q,
@@ -164,10 +164,10 @@ const $ = E({
           labelContent: o,
           className: S,
           onFocus: () => {
-            i && c !== "single" && e(c);
+            s && c !== "single" && e(c);
           },
           onChange: (d) => {
-            typeof d.hour == "number" && typeof d.minute == "number" && (i && c !== "single" ? r(c, d.hour, d.minute) : n(d.hour, d.minute));
+            typeof d.hour == "number" && typeof d.minute == "number" && (s && c !== "single" ? r(c, d.hour, d.minute) : n(d.hour, d.minute));
           }
         },
         u
@@ -177,7 +177,7 @@ const $ = E({
 }, V = ({ position: t }) => /* @__PURE__ */ p(
   "div",
   {
-    className: R(
+    className: x(
       "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,11 +185,11 @@ const $ = E({
   }
 );
 function X(t, e, n) {
-  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;
+  const r = y(null), s = y([]), i = y(null), m = () => O(s.current), l = (u = e ?? 0, o = "smooth") => {
+    _(r.current, t, u, m, o), i.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));
+    h != null && h !== i.current && (i.current = h, n(h));
   };
   return M(() => {
     const u = r.current;
@@ -198,24 +198,24 @@ function X(t, e, n) {
     return u.addEventListener("scroll", o), () => u.removeEventListener("scroll", o);
   }, [t]), M(() => {
     e != null && l();
-  }, [e]), { containerRef: r, itemRefs: i };
+  }, [e]), { containerRef: r, itemRefs: s };
 }
 const A = (t) => {
   const {
     items: e,
     defaultValue: n,
     onValueChange: r,
-    className: i,
-    formatValue: s = (c) => String(c).padStart(2, "0")
+    className: s,
+    formatValue: i = (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: [
+  return /* @__PURE__ */ R("div", { className: "dgsuikit:relative dgsuikit:h-28 dgsuikit:w-full", children: [
     /* @__PURE__ */ p(
       "div",
       {
         ref: m,
-        className: R(
+        className: x(
           "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",
-          i
+          s
         ),
         children: e.map((c, u) => /* @__PURE__ */ p(
           "div",
@@ -224,7 +224,7 @@ const A = (t) => {
               l.current[u] = o;
             },
             className: "dgsuikit:h-10 dgsuikit:flex dgsuikit:items-center dgsuikit:justify-center dgsuikit:snap-center dgsuikit:font-p1-regular",
-            children: s(c)
+            children: i(c)
           },
           c
         ))
@@ -234,8 +234,8 @@ const A = (t) => {
     /* @__PURE__ */ p(V, { position: "bottom" })
   ] });
 }, Y = (t) => {
-  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
+  const { timePickerProps: e, activePart: n, handleSingleTimeChange: r, handleRangeTimeChange: s } = t, { minuteStep: i = 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 % i === 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;
@@ -244,8 +244,8 @@ const A = (t) => {
     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: [
+    m ? s(n, f, P) : r(f, P);
+  }, [f, P]), /* @__PURE__ */ R("div", { className: "dgsuikit:flex dgsuikit:mt-2 dgsuikit:w-full dgsuikit:justify-center", children: [
     /* @__PURE__ */ p(
       A,
       {
@@ -266,7 +266,7 @@ const A = (t) => {
     )
   ] });
 }, Z = () => {
-  const { timePickerProps: t } = B(), { acceptRange: e, value: n, onChange: r } = t, [i, s] = C("start"), m = (o, h, S) => {
+  const { timePickerProps: t } = B(), { acceptRange: e, value: n, onChange: r } = t, [s, i] = 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) => {
@@ -279,7 +279,7 @@ const A = (t) => {
       [o]: m(d, h, S)
     });
   }, 200), u = { timePickerProps: t, handleSingleTimeChange: l, handleRangeTimeChange: c };
-  return /* @__PURE__ */ x(
+  return /* @__PURE__ */ R(
     "div",
     {
       dir: "rtl",
@@ -288,14 +288,14 @@ const A = (t) => {
         /* @__PURE__ */ p(
           U,
           {
-            setActivePart: s,
+            setActivePart: i,
             ...u
           }
         ),
         /* @__PURE__ */ p(
           Y,
           {
-            activePart: i,
+            activePart: s,
             ...u
           }
         )
@@ -307,11 +307,11 @@ const A = (t) => {
     showSubmitButton: e = !0,
     showNowButton: n = !0,
     onSubmit: r,
-    onChange: i,
-    acceptRange: s
+    onChange: s,
+    acceptRange: i
   } = t;
   return /* @__PURE__ */ p(
-    F,
+    W,
     {
       ...e && {
         primaryButton: {
@@ -323,11 +323,11 @@ const A = (t) => {
         secondaryButton: {
           variant: "text",
           onClick: () => {
-            if (s) {
+            if (i) {
               const l = /* @__PURE__ */ new Date();
-              l.setHours(l.getHours() + 1), i({ start: /* @__PURE__ */ new Date(), end: l });
+              l.setHours(l.getHours() + 1), s({ start: /* @__PURE__ */ new Date(), end: l });
             } else
-              i(/* @__PURE__ */ new Date());
+              s(/* @__PURE__ */ new Date());
           },
           children: "رفتن به اکنون"
         }
@@ -343,18 +343,18 @@ 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"), r = t.end.getHours().toString().padStart(2, "0"), i = t.end.getMinutes().toString().padStart(2, "0");
-    return `${e}:${n} - ${r}:${i}`;
+    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 at = (t) => {
-  const { showSubmitButton: e = !0, showNowButton: n = !0 } = t, { Wrapper: r, wrapperProps: i } = W({
-    props: t,
+  const { showSubmitButton: e = !0, showNowButton: n = !0 } = t, r = t.acceptRange === void 0 ? { ...t, acceptRange: !1 } : t, { Wrapper: s, wrapperProps: i } = F({
+    props: r,
     standaloneMode: "time",
     formatValue: et
   });
-  return /* @__PURE__ */ p(r, { ...i, children: /* @__PURE__ */ x(L, { timePickerProps: t, children: [
+  return /* @__PURE__ */ p(s, { ...i, children: /* @__PURE__ */ R(L, { timePickerProps: r, children: [
     /* @__PURE__ */ p(Z, {}),
     (e || n) && /* @__PURE__ */ p(tt, {})
   ] }) });

package/package.json

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