@dgshahr/ui-kit 1.7.1 → 1.8.1

package/dist/Form/Datepicker/types.d.ts

@@ -1,3 +1,4 @@
+import { HasOrNotRange, HasOrNotSubmitButton } from '../../../utils/types/DateAndTimePicker';
 import { PickerWrapperProps } from '../Wrappers/PickerWrapper/type';
 export declare enum DateTypes {
     Day = 0,
@@ -27,28 +28,7 @@ type DatepickerPropsBase = PickerWrapperProps & {
         element: (dayItem: DayItem) => React.ReactNode;
     };
 };
-interface DatepickerWithSubmitButton {
-    showSubmitButton?: true;
-    onSubmit?: () => void;
-}
-interface DatepickerWithoutSubmitButton {
-    showSubmitButton?: false;
-    onSubmit?: never;
-}
-export interface DatepickerWithRange {
-    acceptRange: true;
-    value: {
-        start: Date | null;
-        end: Date | null;
-    };
-    onChange: (value: DatepickerWithRange['value']) => void;
-}
-export interface DatepickerWithoutRange {
-    acceptRange?: false;
-    value: Date | null;
-    onChange: (value: Date) => void;
-}
-export type DatepickerProps = DatepickerPropsBase & (DatepickerWithSubmitButton | DatepickerWithoutSubmitButton) & (DatepickerWithRange | DatepickerWithoutRange);
+export type DatepickerProps = DatepickerPropsBase & HasOrNotSubmitButton & HasOrNotRange;
 export interface IDatepickerContext {
     dateType: DateTypes;
     setDateType: (type: DateTypes) => void;

package/dist/Form/Datepicker/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Datepicker/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAEzE,oBAAY,SAAS;IACnB,GAAG,IAAA;IACH,KAAK,IAAA;IACL,IAAI,IAAA;CACL;AAED,MAAM,MAAM,OAAO,GAAG;IAAE,IAAI,EAAE,IAAI,CAAC;IAAC,SAAS,EAAE,OAAO,CAAC;IAAC,UAAU,EAAE,OAAO,CAAC;IAAC,SAAS,EAAE,OAAO,CAAA;CAAE,CAAC;AAElG,KAAK,mBAAmB,GAAG,kBAAkB,GAAG;IAC9C,SAAS,CAAC,EAAE,IAAI,CAAC;IACjB,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,EAAE,IAAI,EAAE,CAAC;IAClB,YAAY,CAAC,EAAE,IAAI,EAAE,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC;IAC5B,oBAAoB,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAC5C,cAAc,CAAC,EAAE;QACf,OAAO,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;QACpC,OAAO,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,KAAK,CAAC,SAAS,CAAC;KAChD,CAAC;CACH,CAAC;AAEF,UAAU,0BAA0B;IAClC,gBAAgB,CAAC,EAAE,IAAI,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,UAAU,6BAA6B;IACrC,gBAAgB,CAAC,EAAE,KAAK,CAAC;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC;CAClB;AAED,MAAM,WAAW,mBAAmB;IAClC,WAAW,EAAE,IAAI,CAAC;IAClB,KAAK,EAAE;QAAE,KAAK,EAAE,IAAI,GAAG,IAAI,CAAC;QAAC,GAAG,EAAE,IAAI,GAAG,IAAI,CAAA;KAAE,CAAC;IAChD,QAAQ,EAAE,CAAC,KAAK,EAAE,mBAAmB,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC;CACzD;AAED,MAAM,WAAW,sBAAsB;IACrC,WAAW,CAAC,EAAE,KAAK,CAAC;IACpB,KAAK,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,IAAI,KAAK,IAAI,CAAC;CACjC;AAED,MAAM,MAAM,eAAe,GAAG,mBAAmB,GAC/C,CAAC,0BAA0B,GAAG,6BAA6B,CAAC,GAC5D,CAAC,mBAAmB,GAAG,sBAAsB,CAAC,CAAC;AAEjD,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,SAAS,CAAC;IACpB,WAAW,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IACvC,YAAY,EAAE,IAAI,CAAC;IACnB,eAAe,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACtC,eAAe,EAAE,eAAe,CAAC;CAClC;AAED,MAAM,WAAW,oBAAoB;IACnC,eAAe,EAAE,eAAe,CAAC;CAClC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Datepicker/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAC/F,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAEzE,oBAAY,SAAS;IACnB,GAAG,IAAA;IACH,KAAK,IAAA;IACL,IAAI,IAAA;CACL;AAED,MAAM,MAAM,OAAO,GAAG;IAAE,IAAI,EAAE,IAAI,CAAC;IAAC,SAAS,EAAE,OAAO,CAAC;IAAC,UAAU,EAAE,OAAO,CAAC;IAAC,SAAS,EAAE,OAAO,CAAA;CAAE,CAAC;AAElG,KAAK,mBAAmB,GAAG,kBAAkB,GAAG;IAC9C,SAAS,CAAC,EAAE,IAAI,CAAC;IACjB,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,EAAE,IAAI,EAAE,CAAC;IAClB,YAAY,CAAC,EAAE,IAAI,EAAE,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC;IAC5B,oBAAoB,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAC5C,cAAc,CAAC,EAAE;QACf,OAAO,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;QACpC,OAAO,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,KAAK,CAAC,SAAS,CAAC;KAChD,CAAC;CACH,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,mBAAmB,GAAG,oBAAoB,GAAG,aAAa,CAAC;AAEzF,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,SAAS,CAAC;IACpB,WAAW,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IACvC,YAAY,EAAE,IAAI,CAAC;IACnB,eAAe,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACtC,eAAe,EAAE,eAAe,CAAC;CAClC;AAED,MAAM,WAAW,oBAAoB;IACnC,eAAe,EAAE,eAAe,CAAC;CAClC"}

package/dist/Form/Select/index.cjs

@@ -1 +1 @@
-"use strict";require('../../assets/styles.css');const i=require("react/jsx-runtime"),d=require("../../clsx-C11secjj.cjs"),E=require("../../index-DmSuyV3m.cjs"),a=require("react"),_=require("../../IconSearch-BeVs-gUu.cjs"),H=require("../Checkbox/index.cjs"),V=require("../../Button/index.cjs"),M=require("../../PickerWrapper-DpLS0Ogo.cjs"),$=require("../../Chip/index.cjs");;/* empty css                      */function z({label:n,isMultiple:s,isActive:r,disabled:u}){return s?i.jsx(H,{checked:r,label:n,readOnly:!0,disabled:u}):n}const D=n=>{const{option:s,onClick:r,value:u,mode:c,optionCellClassName:g,optionCell:t}=n;function l(){return Array.isArray(u)?u.includes(s.value):s.value===u}return i.jsx("button",{type:"button",onClick:r,className:d.clsx("dgsuikit:w-full dgsuikit:text-start dgsuikit:px-3 dgsuikit:disabled:cursor-not-allowed dgsuikit:py-3 dgsuikit:font-p1-regular dgsuikit:disabled:bg-gray-50 dgsuikit:transition",l()?"dgsuikit:bg-primary-50 dgsuikit:text-primary-500":"dgsuikit:text-gray-700 dgsuikit:disabled:text-gray-400",g),disabled:s.disabled,children:t?t(s,l()):z({label:s.label,isMultiple:c==="multiple",isActive:l(),disabled:s.disabled??!1})})},A=a.memo(D),U=20,G=n=>{const{options:s,mode:r="single",afterOptions:u,beforeOptions:c,onChange:g,searchable:t=!0,separateSelectedOptions:l=!0,optionsTitle:f="عنوان‌ها",value:p,optionCellClassName:v,emptyContent:F="نتیجه‌ای یافت نشد !",showClearButtonOnEmpty:R=!0}=n,[k,I]=a.useState(""),[x,B]=a.useState(0),m=a.useRef(null),N=a.useRef(null),{toggleWrapperVisibility:L}=M.usePickerWrapperContext(),O=d.clsx("dgsuikit:border-t dgsuikit:border-solid dgsuikit:border-gray-100",(!t&&!c||r==="multiple"&&l)&&"dgsuikit:first-of-type:border-t-0",!!u&&"dgsuikit:last-of-type:border-b");let h;const b=t;typeof t=="boolean"?h=t:h=Object.keys(t).length>0;const j=a.useMemo(()=>{if(!Array.isArray(s))throw new Error("options should be array");return k?s?.filter(e=>e.label.includes(k)):s},[k,s]),C=a.useMemo(()=>r==="multiple"&&l?s?.filter(e=>p.includes(e.value))??[]:[],[s,p]),S=a.useMemo(()=>{let e=j;r==="multiple"&&l&&(e=e?.filter(P=>!p.includes(P.value)));const o=Math.min(x+U,e?.length??0);return e?.slice(x,o)},[j,x,p]),y=m?.current?.children[0]?.clientHeight??50,W=((j?.length??0)-(r==="multiple"?C.length??0:0))*y,w=a.useCallback(()=>{const e=m?.current?.parentElement;if(!e)return;const o=e.scrollTop,P=m.current.offsetTop,T=Math.floor((o-P)/y);B(T>=0?T:0)},[y]);a.useEffect(()=>{const e=m.current?.parentElement;if(e)return e.addEventListener("scroll",w),()=>e.removeEventListener("scroll",w)},[w]),a.useEffect(()=>{!h||b.autoFocus===!1||!N.current||setTimeout(()=>{N.current?.focus()},300)},[]);const q=a.useCallback(e=>{if(typeof g=="function")if(r==="multiple"){const o=[...p??[]];o.includes(e)?o.splice(o.indexOf(e),1):o.push(e),g(o)}else g(e),L()},[p]);return i.jsxs(i.Fragment,{children:[h&&i.jsx(E.Input,{ref:N,id:"search-input",wrapperClassName:d.clsx("dgsuikit:sticky dgsuikit:top-0 dgsuikit:pt-3 dgsuikit:right-0 dgsuikit:bg-white dgsuikit:z-10 dgsuikit:px-3",c?"dgsuikit:pb-2":"dgsuikit:pb-3",b?.wrapperClassName),placeholder:b?.placeholder??"جستجوی عنوان",value:k,onChange:e=>I(e.currentTarget.value),rightIcon:b?.rightIcon??i.jsx(_.IconSearch,{width:20,height:20}),...typeof t=="object"?t:{}}),c,r==="multiple"&&l&&C.length>0&&i.jsxs(i.Fragment,{children:[i.jsx("p",{className:"dgsuikit:font-p2-regular dgsuikit:text-gray-400 dgsuikit:px-3 dgsuikit:py-2",children:`${f}‌ی انتخاب شده`}),C.map(e=>i.jsx(A,{onClick:()=>q(e.value),option:e,optionCellClassName:d.clsx(O,v),...n},e.value))]}),i.jsxs(i.Fragment,{children:[r==="multiple"&&l&&i.jsx("p",{className:"dgsuikit:font-p2-regular dgsuikit:text-gray-400 dgsuikit:px-3 dgsuikit:py-2",children:f}),i.jsx("div",{ref:m,className:"dgsuikit:relative",style:{height:W},children:S?.map((e,o)=>i.jsx("div",{className:d.clsx("dgsuikit:absolute dgsuikit:w-full",O),style:{top:`${(x+o)*y}px`},children:i.jsx(A,{onClick:()=>q(e.value),option:e,...n})},e.value))}),!S?.length&&!C.length&&i.jsxs("div",{className:"dgsuikit:text-center dgsuikit:flex dgsuikit:flex-col dgsuikit:items-center dgsuikit:mt-2",children:[i.jsx("p",{className:"dgsuikit:text-gray-500 dgsuikit:font-p3-medium",children:F}),R&&i.jsx(V,{type:"button",className:"dgsuikit:mt-1",variant:"text",size:"small",onClick:()=>I(""),children:"پاک کردن"})]})]}),u]})};function J(n,s){if(!Array.isArray(n))return s.find(r=>r.value===n)?.label??""}const K=n=>{const{searchable:s=!0,value:r,options:u}=n,c=Array.isArray(r)&&r.length>0;function g(){return n.inputProps?.prefix?n.inputProps.prefix:c?r.map(l=>i.jsx($,{label:u.find(f=>f.value===l)?.label,clickable:!0,leftIcon:i.jsx(E.IconCloseSquare,{}),onClick:f=>{f.stopPropagation();const p=r.filter(v=>v!==l);n.onChange?.(p)}},l)):null}const t={...n};return t.dropdownType==="popover"&&!s&&(t.popoverClassName=d.clsx("dgsuikit:pt-3",t.popoverClassName)),t.dropdownType==="drawer"&&(t.drawerProps={...t.drawerProps,containerClassName:d.clsx(s?"dgsuikit:!pt-0":"dgsuikit:!pt-3",t.drawerProps?.containerClassName)}),t.customInput||(t.inputProps={...t.inputProps,value:J(r,u),prefix:g(),prefixClassName:c?d.clsx("dgsuikit:flex dgsuikit:items-center flex dgsuikit:flex-wrap dgsuikit:gap-2 dgsuikit:w-full",t.inputProps?.prefixClassName):t.inputProps?.prefixClassName,className:c?"dgsuikit:hidden":t.inputProps?.className,containerClassName:c?d.clsx("dgsuikit:items-baseline",t.inputProps?.containerClassName):t.inputProps?.containerClassName}),i.jsx(M.PickerWrapper,{...t,children:i.jsx(G,{...n})})};module.exports=K;
+"use strict";require('../../assets/styles.css');const i=require("react/jsx-runtime"),d=require("../../clsx-C11secjj.cjs"),E=require("../../index-DmSuyV3m.cjs"),a=require("react"),_=require("../../IconSearch-BeVs-gUu.cjs"),H=require("../Checkbox/index.cjs"),V=require("../../Button/index.cjs"),M=require("../../PickerWrapper-BcOkTb3G.cjs"),$=require("../../Chip/index.cjs");;/* empty css                      */function z({label:n,isMultiple:s,isActive:r,disabled:u}){return s?i.jsx(H,{checked:r,label:n,readOnly:!0,disabled:u}):n}const D=n=>{const{option:s,onClick:r,value:u,mode:c,optionCellClassName:g,optionCell:t}=n;function l(){return Array.isArray(u)?u.includes(s.value):s.value===u}return i.jsx("button",{type:"button",onClick:r,className:d.clsx("dgsuikit:w-full dgsuikit:text-start dgsuikit:px-3 dgsuikit:disabled:cursor-not-allowed dgsuikit:py-3 dgsuikit:font-p1-regular dgsuikit:disabled:bg-gray-50 dgsuikit:transition",l()?"dgsuikit:bg-primary-50 dgsuikit:text-primary-500":"dgsuikit:text-gray-700 dgsuikit:disabled:text-gray-400",g),disabled:s.disabled,children:t?t(s,l()):z({label:s.label,isMultiple:c==="multiple",isActive:l(),disabled:s.disabled??!1})})},A=a.memo(D),U=20,G=n=>{const{options:s,mode:r="single",afterOptions:u,beforeOptions:c,onChange:g,searchable:t=!0,separateSelectedOptions:l=!0,optionsTitle:f="عنوان‌ها",value:p,optionCellClassName:v,emptyContent:F="نتیجه‌ای یافت نشد !",showClearButtonOnEmpty:R=!0}=n,[k,I]=a.useState(""),[x,B]=a.useState(0),m=a.useRef(null),N=a.useRef(null),{toggleWrapperVisibility:L}=M.usePickerWrapperContext(),O=d.clsx("dgsuikit:border-t dgsuikit:border-solid dgsuikit:border-gray-100",(!t&&!c||r==="multiple"&&l)&&"dgsuikit:first-of-type:border-t-0",!!u&&"dgsuikit:last-of-type:border-b");let h;const b=t;typeof t=="boolean"?h=t:h=Object.keys(t).length>0;const j=a.useMemo(()=>{if(!Array.isArray(s))throw new Error("options should be array");return k?s?.filter(e=>e.label.includes(k)):s},[k,s]),C=a.useMemo(()=>r==="multiple"&&l?s?.filter(e=>p.includes(e.value))??[]:[],[s,p]),S=a.useMemo(()=>{let e=j;r==="multiple"&&l&&(e=e?.filter(P=>!p.includes(P.value)));const o=Math.min(x+U,e?.length??0);return e?.slice(x,o)},[j,x,p]),y=m?.current?.children[0]?.clientHeight??50,W=((j?.length??0)-(r==="multiple"?C.length??0:0))*y,w=a.useCallback(()=>{const e=m?.current?.parentElement;if(!e)return;const o=e.scrollTop,P=m.current.offsetTop,T=Math.floor((o-P)/y);B(T>=0?T:0)},[y]);a.useEffect(()=>{const e=m.current?.parentElement;if(e)return e.addEventListener("scroll",w),()=>e.removeEventListener("scroll",w)},[w]),a.useEffect(()=>{!h||b.autoFocus===!1||!N.current||setTimeout(()=>{N.current?.focus()},300)},[]);const q=a.useCallback(e=>{if(typeof g=="function")if(r==="multiple"){const o=[...p??[]];o.includes(e)?o.splice(o.indexOf(e),1):o.push(e),g(o)}else g(e),L()},[p]);return i.jsxs(i.Fragment,{children:[h&&i.jsx(E.Input,{ref:N,id:"search-input",wrapperClassName:d.clsx("dgsuikit:sticky dgsuikit:top-0 dgsuikit:pt-3 dgsuikit:right-0 dgsuikit:bg-white dgsuikit:z-10 dgsuikit:px-3",c?"dgsuikit:pb-2":"dgsuikit:pb-3",b?.wrapperClassName),placeholder:b?.placeholder??"جستجوی عنوان",value:k,onChange:e=>I(e.currentTarget.value),rightIcon:b?.rightIcon??i.jsx(_.IconSearch,{width:20,height:20}),...typeof t=="object"?t:{}}),c,r==="multiple"&&l&&C.length>0&&i.jsxs(i.Fragment,{children:[i.jsx("p",{className:"dgsuikit:font-p2-regular dgsuikit:text-gray-400 dgsuikit:px-3 dgsuikit:py-2",children:`${f}‌ی انتخاب شده`}),C.map(e=>i.jsx(A,{onClick:()=>q(e.value),option:e,optionCellClassName:d.clsx(O,v),...n},e.value))]}),i.jsxs(i.Fragment,{children:[r==="multiple"&&l&&i.jsx("p",{className:"dgsuikit:font-p2-regular dgsuikit:text-gray-400 dgsuikit:px-3 dgsuikit:py-2",children:f}),i.jsx("div",{ref:m,className:"dgsuikit:relative",style:{height:W},children:S?.map((e,o)=>i.jsx("div",{className:d.clsx("dgsuikit:absolute dgsuikit:w-full",O),style:{top:`${(x+o)*y}px`},children:i.jsx(A,{onClick:()=>q(e.value),option:e,...n})},e.value))}),!S?.length&&!C.length&&i.jsxs("div",{className:"dgsuikit:text-center dgsuikit:flex dgsuikit:flex-col dgsuikit:items-center dgsuikit:mt-2",children:[i.jsx("p",{className:"dgsuikit:text-gray-500 dgsuikit:font-p3-medium",children:F}),R&&i.jsx(V,{type:"button",className:"dgsuikit:mt-1",variant:"text",size:"small",onClick:()=>I(""),children:"پاک کردن"})]})]}),u]})};function J(n,s){if(!Array.isArray(n))return s.find(r=>r.value===n)?.label??""}const K=n=>{const{searchable:s=!0,value:r,options:u}=n,c=Array.isArray(r)&&r.length>0;function g(){return n.inputProps?.prefix?n.inputProps.prefix:c?r.map(l=>i.jsx($,{label:u.find(f=>f.value===l)?.label,clickable:!0,leftIcon:i.jsx(E.IconCloseSquare,{}),onClick:f=>{f.stopPropagation();const p=r.filter(v=>v!==l);n.onChange?.(p)}},l)):null}const t={...n};return t.dropdownType==="popover"&&!s&&(t.popoverClassName=d.clsx("dgsuikit:pt-3",t.popoverClassName)),t.dropdownType==="drawer"&&(t.drawerProps={...t.drawerProps,containerClassName:d.clsx(s?"dgsuikit:!pt-0":"dgsuikit:!pt-3",t.drawerProps?.containerClassName)}),t.customInput||(t.inputProps={...t.inputProps,value:J(r,u),prefix:g(),prefixClassName:c?d.clsx("dgsuikit:flex dgsuikit:items-center flex dgsuikit:flex-wrap dgsuikit:gap-2 dgsuikit:w-full",t.inputProps?.prefixClassName):t.inputProps?.prefixClassName,className:c?"dgsuikit:hidden":t.inputProps?.className,containerClassName:c?d.clsx("dgsuikit:items-baseline",t.inputProps?.containerClassName):t.inputProps?.containerClassName}),i.jsx(M.PickerWrapper,{...t,children:i.jsx(G,{...n})})};module.exports=K;

package/dist/Form/Select/index.mjs

@@ -5,7 +5,7 @@ import { memo as U, useState as B, useRef as L, useMemo as S, useCallback as H,
 import { I as G } from "../../IconSearch-aShj2vmu.js";
 import J from "../Checkbox/index.mjs";
 import K from "../../Button/index.mjs";
-import { u as Q, P as X } from "../../PickerWrapper-CQAaW1cs.js";
+import { u as Q, P as X } from "../../PickerWrapper-CZPsW03T.js";
 import Y from "../../Chip/index.mjs";
 import '../../assets/styles.css';/* empty css                    */
 function Z({

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

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+declare const Body: FC;
+export default Body;
+//# sourceMappingURL=Body.d.ts.map

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

@@ -0,0 +1 @@
+{"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/Footer.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+declare const Footer: FC;
+export default Footer;
+//# sourceMappingURL=Footer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Footer.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Timepicker/Footer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAIhC,QAAA,MAAM,MAAM,EAAE,EAuCb,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/Form/Timepicker/GradientOverlay.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+type GradientOverlayProps = {
+    position: 'top' | 'bottom';
+};
+declare const GradientOverlay: FC<GradientOverlayProps>;
+export default GradientOverlay;
+//# sourceMappingURL=GradientOverlay.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GradientOverlay.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Timepicker/GradientOverlay.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAEhC,KAAK,oBAAoB,GAAG;IAAE,QAAQ,EAAE,KAAK,GAAG,QAAQ,CAAA;CAAE,CAAC;AAE3D,QAAA,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAY7C,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/Form/Timepicker/ScrollWheel.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { ScrollWheelProps } from './types';
+declare const ScrollWheel: FC<ScrollWheelProps>;
+export default ScrollWheel;
+//# sourceMappingURL=ScrollWheel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollWheel.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Timepicker/ScrollWheel.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAGhC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhD,QAAA,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAmCrC,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/Form/Timepicker/TimeInput.d.ts

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+import { TimeValue } from './types';
+import { InputProps } from '../Input';
+export interface ControlledTimeInputProps extends Omit<InputProps, 'onChange' | 'value'> {
+    value: TimeValue;
+    onChange: (value: TimeValue) => void;
+}
+declare const ControlledTimeInput: FC<ControlledTimeInputProps>;
+export default ControlledTimeInput;
+//# sourceMappingURL=TimeInput.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TimeInput.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Timepicker/TimeInput.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAuB,KAAK,EAAE,EAAsB,MAAM,OAAO,CAAC;AAGhF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC,OAAc,EAAE,KAAK,UAAU,EAAE,MAAM,UAAU,CAAC;AAElD,MAAM,WAAW,wBAAyB,SAAQ,IAAI,CAAC,UAAU,EAAE,UAAU,GAAG,OAAO,CAAC;IACtF,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;CACtC;AAED,QAAA,MAAM,mBAAmB,EAAE,EAAE,CAAC,wBAAwB,CAyGrD,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/dist/Form/Timepicker/TimeInputs.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { TimeInputsProps } from './types';
+declare const TimeInputs: FC<TimeInputsProps>;
+export default TimeInputs;
+//# sourceMappingURL=TimeInputs.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TimeInputs.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Timepicker/TimeInputs.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C,QAAA,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAuEnC,CAAC;AAEF,eAAe,UAAU,CAAC"}

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

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { TimeScrollWheelsProps } from './types';
+declare const TimeScrollWheels: FC<TimeScrollWheelsProps>;
+export default TimeScrollWheels;
+//# sourceMappingURL=TimeScrollWheels.d.ts.map

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

@@ -0,0 +1 @@
+{"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/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const editableIndices: number[];
+//# sourceMappingURL=constants.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Timepicker/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe,UAAe,CAAC"}

package/dist/Form/Timepicker/context.d.ts

@@ -0,0 +1,12 @@
+import { FC, PropsWithChildren } from 'react';
+import { TimepickerProps } from './types';
+interface ITimePickerContext {
+    timePickerProps: TimepickerProps;
+}
+interface ContextProviderProps {
+    timePickerProps: TimepickerProps;
+}
+export declare const TimePickerProvider: FC<PropsWithChildren<ContextProviderProps>>;
+export declare const useTimePickerContext: () => ITimePickerContext;
+export {};
+//# sourceMappingURL=context.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Timepicker/context.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA6B,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AACnF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C,UAAU,kBAAkB;IAC1B,eAAe,EAAE,eAAe,CAAC;CAClC;AAED,UAAU,oBAAoB;IAC5B,eAAe,EAAE,eAAe,CAAC;CAClC;AASD,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,iBAAiB,CAAC,oBAAoB,CAAC,CAY1E,CAAC;AAEF,eAAO,MAAM,oBAAoB,0BAAsC,CAAC"}

package/dist/Form/Timepicker/hooks/useCaret.d.ts

@@ -0,0 +1,5 @@
+export declare const useCaret: () => {
+    inputRef: import('react').RefObject<HTMLInputElement | null>;
+    setCaretToEditable: (pos: number, forward?: boolean) => void;
+};
+//# sourceMappingURL=useCaret.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useCaret.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/Timepicker/hooks/useCaret.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,QAAQ;;8BAGc,MAAM;CAUxC,CAAC"}

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

@@ -0,0 +1,5 @@
+export declare function useScrollWheel(items: number[], defaultValue: number | null | undefined, onValueChange: (val: number) => void): {
+    containerRef: import('react').RefObject<HTMLDivElement | null>;
+    itemRefs: import('react').RefObject<(HTMLDivElement | null)[]>;
+};
+//# sourceMappingURL=useScrollWheel.d.ts.map

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

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

@@ -0,0 +1 @@
+"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.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { TimepickerProps } from './types';
+declare const TimePicker: FC<TimepickerProps>;
+export default TimePicker;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Timepicker/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAKhC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAqB/C,QAAA,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAiBnC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/Form/Timepicker/index.mjs

@@ -0,0 +1,364 @@
+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: () => {
+    }
+  }
+}), L = (t) => {
+  const { children: e, timePickerProps: n } = t;
+  return /* @__PURE__ */ p(
+    $.Provider,
+    {
+      value: {
+        timePickerProps: n
+      },
+      children: e
+    }
+  );
+}, B = () => j($), b = [0, 1, 3, 4], O = (t) => t[0]?.getBoundingClientRect().height ?? 64, _ = (t, e, n, r, i = "instant") => {
+  if (!t) return;
+  const s = e.indexOf(n);
+  s !== -1 && t.scrollTo({
+    top: s * r(),
+    behavior: i
+  });
+}, G = (t) => {
+  if (t.length !== 2) return !1;
+  const e = Number(t);
+  return !Number.isNaN(e) && e >= 0 && e <= 23;
+}, q = (t) => {
+  if (t.length !== 2) return !1;
+  const e = Number(t);
+  return !Number.isNaN(e) && e >= 0 && e <= 59;
+}, 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) ?? "-"];
+}, 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
+  };
+}, N = (t, e = !0) => {
+  const n = b.indexOf(t);
+  if (n === -1)
+    return e ? b[0] : b[b.length - 1] ?? 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 = 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: r = !1,
+    className: i,
+    ...s
+  } = 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)));
+  }, [e]);
+  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 k = f.selectionStart ?? 0;
+    if (["ArrowLeft", "ArrowRight"].includes(g.key)) {
+      S(g.key, k);
+      return;
+    }
+    if (["Backspace", "Delete"].includes(g.key)) {
+      d(g.key, k);
+      return;
+    }
+    /^\d$/.test(g.key) && T(g.key, k);
+  };
+  return /* @__PURE__ */ p(
+    K,
+    {
+      ref: m,
+      dir: "ltr",
+      className: i,
+      value: c.join(""),
+      onKeyDown: P,
+      onFocus: h,
+      disabled: r,
+      inputMode: "numeric",
+      pattern: "[0-9:]*",
+      ...s
+    }
+  );
+}, U = ({
+  timePickerProps: t,
+  setActivePart: e,
+  handleSingleTimeChange: n,
+  handleRangeTimeChange: r
+}) => {
+  const { acceptRange: i, value: s } = t, m = (c) => ({
+    hour: c?.getHours() ?? 0,
+    minute: c?.getMinutes() ?? 0
+  }), l = i ? [
+    {
+      key: "start",
+      id: "from-time",
+      label: "از ساعت",
+      value: m(s?.start),
+      className: "dgsuikit:w-1/2"
+    },
+    {
+      key: "end",
+      id: "to-time",
+      label: "تا ساعت",
+      value: m(s?.end),
+      className: "dgsuikit:w-1/2"
+    }
+  ] : [
+    {
+      key: "single",
+      id: "time",
+      label: "ساعت",
+      value: m(s),
+      className: void 0
+    }
+  ];
+  return /* @__PURE__ */ p(
+    "div",
+    {
+      className: R(
+        i && "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,
+        {
+          id: u,
+          value: h,
+          labelContent: o,
+          className: S,
+          onFocus: () => {
+            i && 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));
+          }
+        },
+        u
+      ))
+    }
+  );
+}, V = ({ position: t }) => /* @__PURE__ */ p(
+  "div",
+  {
+    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"
+    )
+  }
+);
+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;
+  }, 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 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 A = (t) => {
+  const {
+    items: e,
+    defaultValue: n,
+    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: 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",
+          i
+        ),
+        children: e.map((c, u) => /* @__PURE__ */ p(
+          "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: s(c)
+          },
+          c
+        ))
+      }
+    ),
+    /* @__PURE__ */ p(V, { position: "top" }),
+    /* @__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
+  ), 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 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: u,
+        defaultValue: T,
+        onValueChange: (a) => g(a),
+        formatValue: h
+      }
+    ),
+    /* @__PURE__ */ p(
+      A,
+      {
+        items: c,
+        defaultValue: d,
+        onValueChange: (a) => k(a),
+        formatValue: o
+      }
+    )
+  ] });
+}, Z = () => {
+  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 d = new Date(n[o] ?? /* @__PURE__ */ new Date());
+    d.getHours() === h && d.getMinutes() === S || r({
+      ...n,
+      [o]: m(d, h, S)
+    });
+  }, 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 } = B(), {
+    showSubmitButton: e = !0,
+    showNowButton: n = !0,
+    onSubmit: r,
+    onChange: i,
+    acceptRange: s
+  } = t;
+  return /* @__PURE__ */ p(
+    F,
+    {
+      ...e && {
+        primaryButton: {
+          onClick: r,
+          children: "اعمال"
+        }
+      },
+      ...n && {
+        secondaryButton: {
+          variant: "text",
+          onClick: () => {
+            if (s) {
+              const l = /* @__PURE__ */ new Date();
+              l.setHours(l.getHours() + 1), i({ start: /* @__PURE__ */ new Date(), end: l });
+            } else
+              i(/* @__PURE__ */ new Date());
+          },
+          children: "رفتن به اکنون"
+        }
+      },
+      className: "dgsuikit:p-4"
+    }
+  );
+};
+function et(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"), 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: r, wrapperProps: i } = W({
+    props: t,
+    standaloneMode: "time",
+    formatValue: et
+  });
+  return /* @__PURE__ */ p(r, { ...i, children: /* @__PURE__ */ x(L, { timePickerProps: t, children: [
+    /* @__PURE__ */ p(Z, {}),
+    (e || n) && /* @__PURE__ */ p(tt, {})
+  ] }) });
+};
+export {
+  at as default
+};

package/dist/Form/Timepicker/types.d.ts

@@ -0,0 +1,44 @@
+import { HasOrNotRange, HasOrNotSubmitButton } from '../../../utils/types/DateAndTimePicker';
+import { PickerWrapperProps } from '../Wrappers/PickerWrapper/type';
+export type TimeValue = {
+    hour: number | null;
+    minute: number | null;
+};
+type TimepickerPropsBase = PickerWrapperProps & {
+    showSubmitButton?: boolean;
+    showNowButton?: boolean;
+    mode?: 'input' | 'time';
+    acceptRange?: boolean;
+    minuteStep?: number;
+};
+export type TimepickerProps = TimepickerPropsBase & HasOrNotSubmitButton & HasOrNotRange;
+export interface ScrollWheelProps {
+    items: number[];
+    defaultValue: number;
+    onValueChange: (value: number) => void;
+    className?: string;
+    formatValue?: (value: number) => string;
+}
+export interface TimeInputProps {
+    value: Date | null;
+    onChange: (time: Date | null) => void;
+    placeholder?: string;
+    disabled?: boolean;
+    className?: string;
+    isRange?: boolean;
+    isStartTime?: boolean;
+}
+type RangePart = 'start' | 'end';
+interface WithTimeHandlers {
+    timePickerProps: TimepickerProps;
+    handleSingleTimeChange: (hour: number, minute: number) => void;
+    handleRangeTimeChange: (part: RangePart, hour: number, minute: number) => void;
+}
+export interface TimeScrollWheelsProps extends WithTimeHandlers {
+    activePart: RangePart;
+}
+export interface TimeInputsProps extends WithTimeHandlers {
+    setActivePart: (part: RangePart) => void;
+}
+export {};
+//# sourceMappingURL=types.d.ts.map