@dgshahr/ui-kit 1.9.4 → 1.9.7

package/dist/Form/RangeInput/index.mjs

@@ -1,8 +1,13 @@
 import { jsxs as n, jsx as e } from "react/jsx-runtime";
-import { c as f } from "../../clsx-OuTLNxxd.js";
-import { I as P } from "../../IconArrowLeft2-cxcPyDqS.js";
-import { I as _ } from "../../IconArrowRight2-BoXg0Gkw.js";
-const k = 24, b = k / 2, C = "dgsuikit:appearance-none dgsuikit:bg-transparent dgsuikit:opacity-0 dgsuikit:z-10", I = "dgsuikit:absolute dgsuikit:top-0 dgsuikit:-translate-y-1/2", T = {
+import { c as x } from "../../clsx-OuTLNxxd.js";
+import { I as M } from "../../IconArrowLeft2-cxcPyDqS.js";
+import { I as z } from "../../IconArrowRight2-BoXg0Gkw.js";
+const k = 24, f = k / 2, C = "dgsuikit:appearance-none dgsuikit:bg-transparent dgsuikit:opacity-0 dgsuikit:z-10", I = "dgsuikit:absolute dgsuikit:top-0 dgsuikit:-translate-y-1/2", R = {
+  small: "dgsuikit:py-2 dgsuikit:px-3 dgsuikit:text-xs",
+  medium: "dgsuikit:py-3 dgsuikit:px-4 dgsuikit:text-sm",
+  large: "dgsuikit:py-4 dgsuikit:px-5 dgsuikit:text-base",
+  xLarge: "dgsuikit:py-5 dgsuikit:px-6 dgsuikit:text-2xl"
+}, $ = {
   // Persian
   "۰": "0",
   "۱": "1",
@@ -36,25 +41,34 @@ const k = 24, b = k / 2, C = "dgsuikit:appearance-none dgsuikit:bg-transparent d
   "𝟕": "7",
   "𝟖": "8",
   "𝟗": "9"
-}, L = RegExp(`[${Object.keys(T).join()}]`, "gu");
-function R(s) {
-  return s.replace(L, (i) => T[i]);
+}, U = RegExp(`[${Object.keys($).join()}]`, "gu");
+function B(s) {
+  return s.replace(U, (i) => $[i]);
 }
-function U(s) {
+function O(s) {
   let i = typeof s == "number" ? s.toString() : s;
-  return i = i.toString(), i = R(i), i = i.replace(/[^-.\d]/g, ""), i = i.replace(/\B(?=(\d{3})+(?!\d))/g, ","), i;
+  return i = i.toString(), i = B(i), i = i.replace(/[^-.\d]/g, ""), i = i.replace(/\B(?=(\d{3})+(?!\d))/g, ","), i;
 }
-function z(s, i) {
+function Z(s, i) {
   return i ? "dgsuikit:bg-gray-300" : s === "primary" ? "dgsuikit:bg-primary-500 dgsuikit:group-hover:bg-primary-400 dgsuikit:group-active:bg-primary-600" : "dgsuikit:bg-secondary-600 dgsuikit:group-hover:bg-secondary-500 dgsuikit:group-active:bg-secondary-700";
 }
-const S = (s) => {
-  const { percent: i, disabled: c, icon: p, tooltip: g, value: m, color: o } = s;
+const T = (s) => {
+  const {
+    percent: i,
+    disabled: c,
+    icon: p,
+    tooltip: u,
+    value: m,
+    color: o,
+    tooltipSize: h = "medium",
+    tooltipClassName: d
+  } = s;
   return /* @__PURE__ */ n(
     "div",
     {
-      className: f(
+      className: x(
         "dgsuikit:rounded-full dgsuikit:absolute dgsuikit:top-1/2 dgsuikit:-translate-y-1/2 dgsuikit:text-white dgsuikit:flex dgsuikit:items-center dgsuikit:justify-center",
-        z(o, c),
+        Z(o, c),
         c && "dgsuikit:group-hover:ring-4 dgsuikit:ring-gray-300 dgsuikit:group-active:ring-0 dgsuikit:transition-[background-color,box-shadow]"
         // state classes
       ),
@@ -65,39 +79,53 @@ const S = (s) => {
       },
       children: [
         p,
-        g && /* @__PURE__ */ n("div", { className: "dgsuikit:absolute dgsuikit:bottom-full dgsuikit:left-1/2 dgsuikit:-translate-x-1/2 dgsuikit:flex dgsuikit:flex-col dgsuikit:items-center dgsuikit:opacity-0 dgsuikit:group-hover:opacity-100 dgsuikit:transition-opacity dgsuikit:z-10 dgsuikit:mb-2.5", children: [
-          /* @__PURE__ */ e("div", { className: "dgsuikit:flex dgsuikit:py-3 dgsuikit:px-4 dgsuikit:rounded-lg dgsuikit:bg-gray-700 dgsuikit:shadow-md dgsuikit:text-white dgsuikit:font-p2-regular dgsuikit:border dgsuikit:border-gray-300 dgsuikit:ss02", children: typeof g == "boolean" ? U(m) : g }),
+        u && /* @__PURE__ */ n("div", { className: "dgsuikit:absolute dgsuikit:bottom-full dgsuikit:left-1/2 dgsuikit:-translate-x-1/2 dgsuikit:flex dgsuikit:flex-col dgsuikit:items-center dgsuikit:opacity-0 dgsuikit:group-hover:opacity-100 dgsuikit:transition-opacity dgsuikit:z-10 dgsuikit:mb-2.5", children: [
+          /* @__PURE__ */ e(
+            "div",
+            {
+              className: x(
+                "dgsuikit:flex dgsuikit:rounded-lg dgsuikit:bg-gray-700 dgsuikit:shadow-md dgsuikit:text-white dgsuikit:font-p2-regular dgsuikit:border dgsuikit:border-gray-300 dgsuikit:ss02",
+                R[h],
+                d
+              ),
+              children: typeof u == "boolean" ? O(m) : u
+            }
+          ),
           /* @__PURE__ */ e("div", { className: "dgsuikit:w-4 dgsuikit:h-4 dgsuikit:bg-gray-700 dgsuikit:border-gray-300 dgsuikit:absolute dgsuikit:rotate-45 dgsuikit:left-1/2 dgsuikit:-translate-x-1/2 dgsuikit:bottom-0 dgsuikit:translate-y-1/2 dgsuikit:border-b dgsuikit:border-r dgsuikit:rounded-br" })
         ] })
       ]
     }
   );
 };
-function Z(s) {
+function G(s) {
   const {
     value: i,
     wrapperClassName: c,
     min: p,
-    max: g,
+    max: u,
     color: m = "primary",
     step: o = 1,
-    onChange: v,
-    disabled: r,
-    endTitle: h,
-    startTitle: y,
-    tooltip: j = !0
-  } = s, t = Array.isArray(i), [d = 0, u = 0] = t ? i : [0, 0], l = (a) => (a - p) / (g - p) * 100, A = (a) => {
-    v(Number(a.target.value));
-  }, E = (a) => {
-    const x = Math.min(Number(a.target.value), u - o);
-    v([x, u]);
-  }, M = (a) => {
-    const x = Math.max(Number(a.target.value), d + o);
-    v([d, x]);
-  }, w = l(t ? d : i), N = l(u), $ = {
+    onChange: h,
+    disabled: d,
+    endTitle: y,
+    startTitle: b,
+    tooltip: j = !0,
+    tooltipSize: E = "medium",
+    tooltipClassName: L
+  } = s, t = Array.isArray(i), [g = 0, r = 0] = t ? i : [0, 0], l = (a) => (a - p) / (u - p) * 100, P = (a) => {
+    h(Number(a.target.value));
+  }, _ = (a) => {
+    const v = Math.min(Number(a.target.value), r - o);
+    h([v, r]);
+  }, A = (a) => {
+    const v = Math.max(Number(a.target.value), g + o);
+    h([g, v]);
+  }, N = l(t ? g : i), w = l(r), S = {
     color: m,
     tooltip: j,
-    disabled: r
+    disabled: d,
+    tooltipSize: E,
+    tooltipClassName: L
   };
   return /* @__PURE__ */ n("div", { ...c ? { className: c } : {}, children: [
     /* @__PURE__ */ n("div", { className: "dgsuikit:relative dgsuikit:group", children: [
@@ -105,15 +133,15 @@ function Z(s) {
         /* @__PURE__ */ e(
           "div",
           {
-            className: f(
+            className: x(
               "dgsuikit:h-full dgsuikit:absolute dgsuikit:top-0 dgsuikit:rounded-sm",
-              { "dgsuikit:bg-gray-300": r },
-              { "dgsuikit:bg-primary-500": m === "primary" && !r },
-              { "dgsuikit:bg-secondary-600": m === "secondary" && !r }
+              { "dgsuikit:bg-gray-300": d },
+              { "dgsuikit:bg-primary-500": m === "primary" && !d },
+              { "dgsuikit:bg-secondary-600": m === "secondary" && !d }
             ),
             style: {
-              right: t ? `${l(d)}%` : "0%",
-              width: t ? `${l(u) - l(d)}%` : `${l(i)}%`
+              right: t ? `${l(g)}%` : "0%",
+              width: t ? `${l(r) - l(g)}%` : `${l(i)}%`
             }
           }
         ),
@@ -122,17 +150,17 @@ function Z(s) {
           {
             type: "range",
             min: p,
-            max: t ? u : g,
+            max: t ? r : u,
             step: o,
-            value: t ? d : i,
-            onChange: t ? E : A,
-            disabled: r,
-            className: f(
+            value: t ? g : i,
+            onChange: t ? _ : P,
+            disabled: d,
+            className: x(
               C,
               t && `${I} dgsuikit:right-0`
             ),
             style: {
-              width: t ? `calc(${N}% - ${k}px)` : "100%"
+              width: t ? `calc(${w}% - ${k}px)` : "100%"
             }
           }
         ),
@@ -140,15 +168,15 @@ function Z(s) {
           "input",
           {
             type: "range",
-            min: d,
-            max: g,
+            min: g,
+            max: u,
             step: o,
-            value: u,
-            onChange: M,
-            disabled: r,
+            value: r,
+            onChange: A,
+            disabled: d,
             className: `${C} ${I} dgsuikit:left-0`,
             style: {
-              width: `calc(${100 - w}% - ${k}px)`
+              width: `calc(${100 - N}% - ${k}px)`
             }
           }
         )
@@ -162,31 +190,31 @@ function Z(s) {
           },
           children: [
             /* @__PURE__ */ e(
-              S,
+              T,
               {
-                ...$,
-                percent: w,
-                value: t ? d : i,
+                ...S,
+                percent: N,
+                value: t ? g : i,
                 icon: t && /* @__PURE__ */ e(
-                  P,
+                  M,
                   {
-                    width: b,
-                    height: b
+                    width: f,
+                    height: f
                   }
                 )
               }
             ),
             t && /* @__PURE__ */ e(
-              S,
+              T,
               {
-                ...$,
-                percent: N,
-                value: u,
+                ...S,
+                percent: w,
+                value: r,
                 icon: /* @__PURE__ */ e(
-                  _,
+                  z,
                   {
-                    width: b,
-                    height: b
+                    width: f,
+                    height: f
                   }
                 )
               }
@@ -195,24 +223,24 @@ function Z(s) {
         }
       )
     ] }),
-    !!(y ?? h) && /* @__PURE__ */ n(
+    !!(b ?? y) && /* @__PURE__ */ n(
       "div",
       {
-        className: f(
+        className: x(
           "dgsuikit:mt-4 dgsuikit:w-full dgsuikit:flex dgsuikit:items-center dgsuikit:font-p2-medium",
-          r ? "dgsuikit:text-gray-300" : "dgsuikit:text-gray-500",
-          { "dgsuikit:justify-between": y && h },
-          { "dgsuikit:justify-start": y && !h },
-          { "dgsuikit:justify-end": !y && h }
+          d ? "dgsuikit:text-gray-300" : "dgsuikit:text-gray-500",
+          { "dgsuikit:justify-between": b && y },
+          { "dgsuikit:justify-start": b && !y },
+          { "dgsuikit:justify-end": !b && y }
         ),
         children: [
-          /* @__PURE__ */ e("span", { children: y }),
-          /* @__PURE__ */ e("span", { children: h })
+          /* @__PURE__ */ e("span", { children: b }),
+          /* @__PURE__ */ e("span", { children: y })
         ]
       }
     )
   ] });
 }
 export {
-  Z as default
+  G as default
 };

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

@@ -1,14 +1,17 @@
 import { ReactNode } from 'react';
 export type RangeValueType = number | number[];
+export type TooltipSize = 'small' | 'medium' | 'large' | 'xLarge';
 export interface RangeInputProps<T extends RangeValueType> {
     value: T;
     onChange: (value: T) => void;
     min: number;
     max: number;
     color?: 'primary' | 'secondary';
+    tooltip?: boolean | ReactNode;
+    tooltipSize?: TooltipSize;
+    tooltipClassName?: string;
     step?: number;
     disabled?: boolean;
-    tooltip?: boolean | ReactNode;
     startTitle?: string;
     endTitle?: string;
     wrapperClassName?: string;

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Form/RangeInput/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,MAAM,EAAE,CAAC;AAE/C,MAAM,WAAW,eAAe,CAAC,CAAC,SAAS,cAAc;IACvD,KAAK,EAAE,CAAC,CAAC;IACT,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC7B,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;IAChC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Form/RangeInput/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,MAAM,EAAE,CAAC;AAE/C,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;AAElE,MAAM,WAAW,eAAe,CAAC,CAAC,SAAS,cAAc;IACvD,KAAK,EAAE,CAAC,CAAC;IACT,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC7B,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;IAChC,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B"}

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-CZRRnYAI.cjs"),a=require("react"),_=require("../../IconSearch-BeVs-gUu.cjs"),H=require("../Checkbox/index.cjs"),V=require("../../Button/index.cjs"),M=require("../../PickerWrapper-mCAghdQ5.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-CUnCYVh2.cjs"),a=require("react"),_=require("../../IconSearch-BeVs-gUu.cjs"),H=require("../Checkbox/index.cjs"),V=require("../../Button/index.cjs"),M=require("../../PickerWrapper-CtDZY-2d.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

@@ -1,11 +1,11 @@
 import { jsx as n, jsxs as x, Fragment as O } from "react/jsx-runtime";
 import { c } from "../../clsx-OuTLNxxd.js";
-import { I as q, a as D } from "../../index-nXqUoTI3.js";
+import { I as q, a as D } from "../../index-DymkrQ_k.js";
 import { memo as U, useState as B, useRef as L, useMemo as S, useCallback as H, useEffect as R } from "react";
 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-C382nk_V.js";
+import { u as Q, P as X } from "../../PickerWrapper-UTONFuhM.js";
 import Y from "../../Chip/index.mjs";
 import '../../assets/styles.css';/* empty css                    */
 function Z({

package/dist/Form/Textarea/index.cjs

@@ -1 +1 @@
-"use strict";const s=require("react/jsx-runtime"),o=require("../../clsx-C11secjj.cjs"),u=require("react"),c=require("../../omitObjects-CtiYo0hv.cjs"),d=require("../../TextFieldWrapper-GdanVaoy.cjs"),g=u.forwardRef(function(e,i){const{dir:t="rtl",placeholderDir:l=t,className:a,...r}=e,n=c.omitObject(r,["labelAddon","labelContent","link","rightIcon","isError","errorMessage","hintMessage","wrapperClassName","showMaxLength","containerClassName"]);return s.jsx(d.TextFieldWrapper,{...e,children:s.jsx("textarea",{...n,ref:i,className:o.clsx("dgsuikit:bg-transparent dgsuikit:leading-normal dgsuikit:w-full dgsuikit:h-full dgsuikit:focus:outline-none dgsuikit:ss02 dgsuikit:flex-1 dgsuikit:resize-none",t==="rtl"?"dgsuikit:text-right":"dgsuikit:!text-left",l==="rtl"?"dgsuikit:placeholder:text-right":"dgsuikit:placeholder:text-left",a),rows:r.rows??5})})});module.exports=g;
+"use strict";const s=require("react/jsx-runtime"),o=require("../../clsx-C11secjj.cjs"),u=require("react"),c=require("../../omitObjects-CtiYo0hv.cjs"),d=require("../../TextFieldWrapper-B9K5vPm3.cjs"),g=u.forwardRef(function(e,i){const{dir:t="rtl",placeholderDir:l=t,className:a,...r}=e,n=c.omitObject(r,["labelAddon","labelContent","link","rightIcon","isError","errorMessage","hintMessage","wrapperClassName","showMaxLength","containerClassName"]);return s.jsx(d.TextFieldWrapper,{...e,children:s.jsx("textarea",{...n,ref:i,className:o.clsx("dgsuikit:bg-transparent dgsuikit:leading-normal dgsuikit:w-full dgsuikit:h-full dgsuikit:focus:outline-none dgsuikit:ss02 dgsuikit:flex-1 dgsuikit:resize-none",t==="rtl"?"dgsuikit:text-right":"dgsuikit:!text-left",l==="rtl"?"dgsuikit:placeholder:text-right":"dgsuikit:placeholder:text-left",a),rows:r.rows??5})})});module.exports=g;

package/dist/Form/Textarea/index.mjs

@@ -2,7 +2,7 @@ import { jsx as i } from "react/jsx-runtime";
 import { c as n } from "../../clsx-OuTLNxxd.js";
 import { forwardRef as d } from "react";
 import { o as g } from "../../omitObjects-CxFrrlkX.js";
-import { T as u } from "../../TextFieldWrapper-DJnrmooN.js";
+import { T as u } from "../../TextFieldWrapper--IAJCgw8.js";
 const h = d(function(t, s) {
   const { dir: e = "rtl", placeholderDir: o = e, className: a, ...r } = t, l = g(r, [
     "labelAddon",

package/dist/Form/Timepicker/index.cjs

@@ -1 +1 @@
-"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;
+"use strict";const g=require("react/jsx-runtime"),x=require("react"),D=require("../../DateAndTimePickerFooter-CBYQy9sQ.cjs"),j=require("../../index-BfuaA-Ji.cjs"),N=require("../../clsx-C11secjj.cjs"),A=require("../../index-CUnCYVh2.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,9 +1,9 @@
 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 W, u as F } from "../../DateAndTimePickerFooter-NWsDe_w1.js";
+import { D as W, u as F } from "../../DateAndTimePickerFooter-kdnv-rXj.js";
 import { d as v } from "../../index-CzwAoGdL.js";
 import { c as x } from "../../clsx-OuTLNxxd.js";
-import { I as K } from "../../index-nXqUoTI3.js";
+import { I as K } from "../../index-DymkrQ_k.js";
 const $ = E({
   timePickerProps: {
     value: /* @__PURE__ */ new Date(),

package/dist/Form/Wrappers/TextFieldWrapper/TextFieldWrapper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextFieldWrapper.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/Wrappers/TextFieldWrapper/TextFieldWrapper.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,KAAK,EAAE,EAAE,KAAK,GAAG,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACjE,OAAwB,EACtB,KAAK,oBAAoB,EAC1B,MAAM,8CAA8C,CAAC;AACtD,OAAmB,EAAE,KAAK,eAAe,EAAE,MAAM,oCAAoC,CAAC;AAEtF,OAAO,kBAAkB,CAAC;AAE1B,MAAM,WAAW,kBACf,SAAQ,eAAe,EACrB,IAAI,CAAC,oBAAoB,EAAE,aAAa,CAAC;IAC3C,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,SAAS,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACxB,GAAG,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;IACpB,cAAc,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,UAAU,qBAAsB,SAAQ,kBAAkB;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,MAAM,EAAE,CAAC;IAC5C,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,QAAA,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CA2E/C,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"TextFieldWrapper.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/Wrappers/TextFieldWrapper/TextFieldWrapper.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,KAAK,EAAE,EAAE,KAAK,GAAG,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACjE,OAAwB,EACtB,KAAK,oBAAoB,EAC1B,MAAM,8CAA8C,CAAC;AACtD,OAAmB,EAAE,KAAK,eAAe,EAAE,MAAM,oCAAoC,CAAC;AAEtF,OAAO,kBAAkB,CAAC;AAE1B,MAAM,WAAW,kBACf,SAAQ,eAAe,EACrB,IAAI,CAAC,oBAAoB,EAAE,aAAa,CAAC;IAC3C,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,SAAS,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACxB,GAAG,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;IACpB,cAAc,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,UAAU,qBAAsB,SAAQ,kBAAkB;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,MAAM,EAAE,CAAC;IAC5C,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,QAAA,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CA4E/C,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/{PickerWrapper-mCAghdQ5.cjs → PickerWrapper-CtDZY-2d.cjs}

@@ -1 +1 @@
-"use client";"use strict";require('./assets/styles.css');const i=require("react/jsx-runtime"),t=require("./clsx-C11secjj.cjs"),n=require("react"),S=require("./Drawer/index.cjs"),D=require("./useFlipPosition-dndhl72A.cjs"),O=require("./useOutsideClick-DGu3KM8Q.cjs"),A=require("./IconArrowDown2-C1dLVveG.cjs"),E=require("./index-CZRRnYAI.cjs");;/* empty css                  */const v=n.createContext({toggleWrapperVisibility:()=>{}}),F=()=>n.useContext(v),C="dgsuikit:duration-300",b=400,V=I=>{const{dropdownType:p="popover",disabled:u,isLoading:e,wrapperClassName:N,customInput:g,children:k,drawerProps:x,inputProps:W,popoverClassName:P,popoverPosition:y}=I,m=y??"bottom-left",[o,a]=n.useState(!1),[f,c]=n.useState(!1),[r,T]=n.useState(m);let s;const{anchorRef:j,popperRef:q}=D.useFlipPosition({initialPosition:m,minVisible:180,onPositionChange(l){T(w=>w===l?w:l)}}),R=O.useOutsideClick(()=>{p==="popover"&&o&&(a(!1),s&&clearTimeout(s),s=setTimeout(()=>{c(!1)},b))});function h(){if(u||e)return;const l=!f;s&&clearTimeout(s),l?(c(!0),s=setTimeout(()=>{a(!0)},0)):(a(!1),s=setTimeout(()=>{c(!1)},b))}const d=t.clsx({"dgsuikit:!cursor-not-allowed":u,"dgsuikit:!cursor-wait":e,"dgsuikit:!cursor-pointer":!e&&!u});return i.jsxs("div",{ref:R,className:t.clsx("dgsuikit:relative",N),children:[i.jsx("button",{ref:j,type:"button",className:t.clsx("dgsuikit:w-full",d),onClick:h,children:g?g(o):i.jsx(E.Input,{leftIcon:e?i.jsx("div",{className:"dot-flashing dgsuikit:mr-2"}):i.jsx(A.IconArrowDown2,{width:20,height:20,className:t.clsx("dgsuikit:transition",C,{"dgsuikit:rotate-180":o})}),containerClassName:t.clsx(d,{"dgsuikit:items-baseline":e}),className:t.clsx("dgsuikit:caret-transparent",d),disabled:u,...W})}),i.jsx(v.Provider,{value:{toggleWrapperVisibility:h},children:f&&i.jsx(i.Fragment,{children:p==="popover"?i.jsx("div",{ref:q,className:t.clsx("dgsuikit:absolute dgsuikit:min-w-[300px] dgsuikit:overflow-y-auto dgsuikit:overflow-x-hidden dgsuikit:shadow-lg dgsuikit:w-full dgsuikit:max-h-[360px] dgsuikit:transition-all dgsuikit:bg-white dgsuikit:z-50 dgsuikit:rounded-lg dgsuikit:border dgsuikit:border-solid dgsuikit:border-gray-200 dgsuikit:pb-3",C,o?"dgsuikit:opacity-100":"dgsuikit:opacity-0 dgsuikit:max-h-0 dgsuikit:overflow-y-hidden",{"dgsuikit:bottom-0 dgsuikit:translate-y-[calc(100%+8px)]":r.includes("bottom"),"dgsuikit:top-0 dgsuikit:translate-y-[calc(-100%-8px)]":r.includes("top")},{"dgsuikit:right-0":r.endsWith("left"),"dgsuikit:left-0":r.endsWith("right"),"dgsuikit:left-1/2 dgsuikit:-translate-x-1/2":r.endsWith("center")},P),children:k}):i.jsx(S,{...x,open:o,onClose:()=>a(!1),containerClassName:t.clsx("dgsuikit:!pb-3 dgsuikit:!px-0",x?.containerClassName),children:k})})})]})};exports.PickerWrapper=V;exports.usePickerWrapperContext=F;
+"use client";"use strict";require('./assets/styles.css');const i=require("react/jsx-runtime"),t=require("./clsx-C11secjj.cjs"),n=require("react"),S=require("./Drawer/index.cjs"),D=require("./useFlipPosition-dndhl72A.cjs"),O=require("./useOutsideClick-DGu3KM8Q.cjs"),A=require("./IconArrowDown2-C1dLVveG.cjs"),E=require("./index-CUnCYVh2.cjs");;/* empty css                  */const v=n.createContext({toggleWrapperVisibility:()=>{}}),F=()=>n.useContext(v),C="dgsuikit:duration-300",b=400,V=I=>{const{dropdownType:p="popover",disabled:u,isLoading:e,wrapperClassName:N,customInput:g,children:k,drawerProps:x,inputProps:W,popoverClassName:P,popoverPosition:y}=I,m=y??"bottom-left",[o,a]=n.useState(!1),[f,c]=n.useState(!1),[r,T]=n.useState(m);let s;const{anchorRef:j,popperRef:q}=D.useFlipPosition({initialPosition:m,minVisible:180,onPositionChange(l){T(w=>w===l?w:l)}}),R=O.useOutsideClick(()=>{p==="popover"&&o&&(a(!1),s&&clearTimeout(s),s=setTimeout(()=>{c(!1)},b))});function h(){if(u||e)return;const l=!f;s&&clearTimeout(s),l?(c(!0),s=setTimeout(()=>{a(!0)},0)):(a(!1),s=setTimeout(()=>{c(!1)},b))}const d=t.clsx({"dgsuikit:!cursor-not-allowed":u,"dgsuikit:!cursor-wait":e,"dgsuikit:!cursor-pointer":!e&&!u});return i.jsxs("div",{ref:R,className:t.clsx("dgsuikit:relative",N),children:[i.jsx("button",{ref:j,type:"button",className:t.clsx("dgsuikit:w-full",d),onClick:h,children:g?g(o):i.jsx(E.Input,{leftIcon:e?i.jsx("div",{className:"dot-flashing dgsuikit:mr-2"}):i.jsx(A.IconArrowDown2,{width:20,height:20,className:t.clsx("dgsuikit:transition",C,{"dgsuikit:rotate-180":o})}),containerClassName:t.clsx(d,{"dgsuikit:items-baseline":e}),className:t.clsx("dgsuikit:caret-transparent",d),disabled:u,...W})}),i.jsx(v.Provider,{value:{toggleWrapperVisibility:h},children:f&&i.jsx(i.Fragment,{children:p==="popover"?i.jsx("div",{ref:q,className:t.clsx("dgsuikit:absolute dgsuikit:min-w-[300px] dgsuikit:overflow-y-auto dgsuikit:overflow-x-hidden dgsuikit:shadow-lg dgsuikit:w-full dgsuikit:max-h-[360px] dgsuikit:transition-all dgsuikit:bg-white dgsuikit:z-50 dgsuikit:rounded-lg dgsuikit:border dgsuikit:border-solid dgsuikit:border-gray-200 dgsuikit:pb-3",C,o?"dgsuikit:opacity-100":"dgsuikit:opacity-0 dgsuikit:max-h-0 dgsuikit:overflow-y-hidden",{"dgsuikit:bottom-0 dgsuikit:translate-y-[calc(100%+8px)]":r.includes("bottom"),"dgsuikit:top-0 dgsuikit:translate-y-[calc(-100%-8px)]":r.includes("top")},{"dgsuikit:right-0":r.endsWith("left"),"dgsuikit:left-0":r.endsWith("right"),"dgsuikit:left-1/2 dgsuikit:-translate-x-1/2":r.endsWith("center")},P),children:k}):i.jsx(S,{...x,open:o,onClose:()=>a(!1),containerClassName:t.clsx("dgsuikit:!pb-3 dgsuikit:!px-0",x?.containerClassName),children:k})})})]})};exports.PickerWrapper=V;exports.usePickerWrapperContext=F;

package/dist/{PickerWrapper-C382nk_V.js → PickerWrapper-UTONFuhM.js}

@@ -6,7 +6,7 @@ import _ from "./Drawer/index.mjs";
 import { u as j } from "./useFlipPosition-D5Qjno2f.js";
 import { u as F } from "./useOutsideClick-CpfAm3CM.js";
 import { I as L } from "./IconArrowDown2-7ddwV5IE.js";
-import { I as M } from "./index-nXqUoTI3.js";
+import { I as M } from "./index-DymkrQ_k.js";
 import './assets/styles.css';/* empty css                */
 const v = E({
   toggleWrapperVisibility: () => {

package/dist/Sidebar/index.cjs

@@ -1 +1 @@
-"use client";"use strict";require('../assets/styles.css');const i=require("react/jsx-runtime"),u=require("../clsx-C11secjj.cjs"),a=require("react"),v=require("../isBrowser-Bczqv-hd.cjs"),z=require("../index-BfuaA-Ji.cjs"),R=require("../IconSearch-BeVs-gUu.cjs"),E=require("../Badge/index.cjs"),T=require("../index-CZRRnYAI.cjs");;/* empty css                   */const N=require("../AccordionItem-BrqkdsVm.cjs"),O=require("../Divider/index.cjs"),_=require("../IconArrowLeft2-CNA3H0xY.cjs"),M=require("../Button/index.cjs"),D=t=>i.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 24 24",...t,children:[i.jsx("path",{fill:"currentColor",fillRule:"evenodd",d:"M9 12.12a.75.75 0 0 1 .75-.75h12.041a.75.75 0 0 1 0 1.5H9.75a.75.75 0 0 1-.75-.75",clipRule:"evenodd"}),i.jsx("path",{fill:"currentColor",fillRule:"evenodd",d:"M18.333 8.675a.75.75 0 0 1 1.06-.002l2.928 2.916a.75.75 0 0 1 0 1.063l-2.928 2.916a.75.75 0 0 1-1.058-1.063l2.394-2.384-2.394-2.385a.75.75 0 0 1-.002-1.06M14.288 4.45c.777.576 1.165 1.516 1.325 3.249a.75.75 0 1 0 1.494-.138c-.17-1.848-.617-3.347-1.926-4.316C13.927 2.315 12.037 2 9.36 2c-3.55 0-5.733.556-6.853 2.38-.533.869-.77 1.945-.884 3.177-.114 1.228-.114 2.702-.114 4.411v.063c0 1.71 0 3.184.114 4.411.115 1.233.35 2.309.884 3.178C3.627 21.443 5.81 22 9.36 22c2.677 0 4.567-.316 5.821-1.245 1.309-.97 1.755-2.468 1.926-4.316a.75.75 0 1 0-1.494-.138c-.16 1.732-.548 2.673-1.325 3.249-.83.615-2.276.95-4.928.95-3.551 0-4.92-.599-5.575-1.665-.353-.576-.561-1.379-.668-2.531-.107-1.15-.108-2.557-.108-4.304s0-3.154.108-4.304c.107-1.153.315-1.955.668-2.531C4.441 4.098 5.81 3.5 9.36 3.5c2.652 0 4.098.334 4.928.95",clipRule:"evenodd"})]}),h="dgsuikit:duration-300",y="dgsuikit:relative dgsuikit:transition-all dgsuikit:hover:bg-gray-50 dgsuikit:rounded-lg dgsuikit:focus:ring-[3px] dgsuikit:focus:ring-offset-1 dgsuikit:ring-offset-white dgsuikit:ring-primary-300 dgsuikit:text-gray-600",C="dgsuikit:opacity-40 dgsuikit:pointer-events-none",q="dgsuikit:!bg-primary-50 dgsuikit:text-primary-600",S=`${q} dgsuikit:before:content-[""] dgsuikit:before:absolute dgsuikit:before:w-1 dgsuikit:before:h-[22px] dgsuikit:before:rounded-l-md dgsuikit:before:bg-primary-500 dgsuikit:before:top-1/2 dgsuikit:before:-translate-y-1/2 dgsuikit:before:-right-4`,B=a.createContext({isOpen:!1,setIsOpen:()=>{}}),p=()=>a.useContext(B),b=t=>u.clsx("dgsuikit:transition-opacity dgsuikit:whitespace-pre dgsuikit:overflow-hidden",t?"dgsuikit:opacity-100":"dgsuikit:opacity-0",h);function A(t,s){return i.jsxs("div",{className:u.clsx("dgsuikit:flex dgsuikit:items-center dgsuikit:[&_svg]:size-6 dgsuikit:[&_svg]:shrink-0 dgsuikit:min-h-12 dgsuikit:text-start",s?"dgsuikit:space-x-2":"dgsuikit:justify-center"),children:[t.icon,i.jsx("div",{className:u.clsx("dgsuikit:font-p2-regular dgsuikit:line-clamp-1 dgsuikit:!transition-[width,opacity]",s?"dgsuikit:w-full":"dgsuikit:w-0",b),children:t.title}),t.badgeCount&&i.jsx(E,{className:u.clsx("dgsuikit:shrink-0",{"dgsuikit:!absolute dgsuikit:top-0 dgsuikit:left-0":!s}),value:t.badgeCount,valueType:"number",color:"error",size:"small"})]})}function I(t,s){return t.map(r=>{if("children"in r&&r.children){const n=I(r.children,s);if(n.length>0)return{...r,children:n}}return r.title.includes(s)?{...r}:null}).filter(r=>!!r)}const P=t=>{const{value:s,onChange:r}=t,{isOpen:n,searchInput:l}=p();return i.jsx(T.Input,{value:s,onChange:r,rightIcon:i.jsx(R.IconSearch,{}),placeholder:"جستجو",...typeof l=="boolean"?{}:l,wrapperClassName:u.clsx("dgsuikit:mb-8 dgsuikit:sticky dgsuikit:top-0 dgsuikit:bg-white dgsuikit:z-10 dgsuikit:px-4",b(n),typeof l=="object"&&l.wrapperClassName,h)})};function F(t){let s=null;return t.some(r=>r.children?.some(n=>n.children?.some(l=>l.active)?(s=n,!0):!1)),s}const H=()=>{const{isOpen:t,searchInput:s=!0,items:r}=p(),[n,l]=a.useState(""),[c,m]=a.useState(r??[]),g=F(c),j=a.useCallback(z.debounce(o=>{m(I(c,o))},800),[]);function w(o){const k=o.target.value;l(k),j(k)}function f(){l(""),m(r??[])}return a.useEffect(()=>{n&&f()},[t]),i.jsxs("div",{className:"dgsuikit:overflow-y-auto dgsuikit:overflow-x-hidden dgsuikit:-mx-4 dgsuikit:h-3/4 dgsuikit:no-scrollbar",children:[!!s&&i.jsx(P,{value:n,onChange:w}),i.jsx("div",{className:"dgsuikit:space-y-6 dgsuikit:px-4",children:c.map((o,k)=>i.jsxs(a.Fragment,{children:[i.jsx("div",{className:u.clsx("dgsuikit:font-p2-regular dgsuikit:text-gray-400",b(t)),children:o.title}),i.jsx(N.AccordionGroup,{defaultActiveKey:g?g.link||g.title:void 0,className:"dgsuikit:mt-4 dgsuikit:space-y-2",children:o.children?.map(e=>e.link?i.jsx("a",{href:e.link,className:u.clsx("dgsuikit:pr-3",e.disabled&&C,e.active&&S,t?"dgsuikit:pl-9":"dgsuikit:pl-3",y),children:A(e,t)},e.link):i.jsx(N.AccordionItem,{accordionKey:e.link??e.title,className:u.clsx("dgsuikit:!p-0",e.disabled&&C),title:A(e,t),hideDivider:!0,hideArrow:!t||e.disabled,disable:!t||e.disabled,titleClassName:u.clsx("dgsuikit:[&_>div:first-child]:flex-1 dgsuikit:[&_>div:first-child]:pl-1",t?"dgsuikit:px-3":"dgsuikit:!justify-center",(g?.link&&g?.link===e.link||g?.title===e.title)&&S,y),children:e.children?.map(d=>i.jsxs("a",{href:d.link,className:u.clsx("dgsuikit:flex dgsuikit:justify-between dgsuikit:h-10 dgsuikit:pl-9 dgsuikit:pr-11 dgsuikit:py-2 dgsuikit:mt-1 dgsuikit:first:mt-0",d.disabled&&C,d.active&&q,y),children:[i.jsx("p",{children:d.title}),d.badgeCount&&i.jsx(E,{valueType:"number",value:d.badgeCount,color:"error",type:"twoTone",size:"small"})]},d.link))},e.link??e.title))}),k!==c.length-1&&i.jsx(O,{type:"horizontal"})]},o.title))})]})},V=()=>{const{isOpen:t,logo:s}=p();return i.jsx("div",{className:"dgsuikit:flex dgsuikit:justify-center dgsuikit:items-center dgsuikit:mb-8",children:i.jsx("img",{...s,alt:s?.alt??"Logo",src:t?s?.open:s?.close,className:u.clsx("dgsuikit:h-12 dgsuikit:w-full",s?.className)})})},W=()=>{const{userProfile:t,isOpen:s}=p();return i.jsxs("a",{href:t?.link??"#",className:u.clsx("dgsuikit:mb-8 dgsuikit:flex dgsuikit:flex-col dgsuikit:justify-center dgsuikit:items-center",{"dgsuikit:pointer-events-none":!t?.link}),children:[i.jsx("img",{src:t?.image,alt:t?.name??"user_avatar",className:u.clsx("dgsuikit:rounded-full dgsuikit:shrink-0",s?"dgsuikit:size-20":"dgsuikit:size-12")}),i.jsxs("div",{className:u.clsx("dgsuikit:mt-2 dgsuikit:w-full dgsuikit:relative",b(s)),children:[i.jsx("p",{className:"dgsuikit:font-p3-medium dgsuikit:text-gray-700 dgsuikit:text-center",children:t?.name}),i.jsx("p",{className:"dgsuikit:font-p3-regular dgsuikit:text-gray-400 dgsuikit:text-center",children:t?.description}),t?.link&&i.jsx(_.IconArrowLeft2,{className:"dgsuikit:absolute dgsuikit:top-1/2 dgsuikit:-translate-y-1/2 dgsuikit:left-0 dgsuikit:text-3xl dgsuikit:text-gray-500 dgsuikit:p-1 dgsuikit:rounded-lg dgsuikit:border dgsuikit:border-gray-200"})]})]})},K=()=>{const{isOpen:t,setIsOpen:s}=p();return i.jsx("button",{type:"button",className:"dgsuikit:absolute dgsuikit:top-7 dgsuikit:left-0 dgsuikit:-translate-x-1/2 dgsuikit:p-1 dgsuikit:rounded-lg dgsuikit:border dgsuikit:border-gray-300 dgsuikit:bg-white",onClick:()=>s(!t),children:i.jsx(_.IconArrowLeft2,{className:u.clsx("dgsuikit:transition-transform dgsuikit:text-primary-500",t&&"dgsuikit:rotate-180",h),width:16,height:16})})},G=t=>{const{isOpen:s,setIsOpen:r,className:n,logo:l,items:c,extraComponent:m,userProfile:g,logOutButtonProps:j,onLogout:w,showMask:f,hideOnClose:o}=t,k=t.openOnHover,e=f?"div":a.Fragment;return a.useEffect(()=>{if(o||!v.isBrowser())return;const d=document?.documentElement,x="dgsuikit:pr-[80px]";return d.classList.add(x),()=>{d.classList.remove(x)}},[o]),a.useEffect(()=>{if(!f||!v.isBrowser())return;const d=document?.documentElement,x="dgsuikit:overflow-hidden";return s?d.classList.add(x):d.classList.remove(x),()=>{d.classList.remove(x)}},[f,s]),i.jsx(B.Provider,{value:t,children:i.jsx(e,{...e==="div"?{className:u.clsx("dgsuikit:fixed dgsuikit:top-0 dgsuikit:left-0 dgsuikit:z-40 dgsuikit:overflow-hidden dgsuikit:transition-[background-color] dgsuikit:ease-linear",s?"dgsuikit:size-full dgsuikit:bg-black/40":"dgsuikit:size-0 dgsuikit:bg-transparent",h),onClick:d=>{d.target===d.currentTarget&&r(!1)}}:{},children:i.jsxs("div",{className:u.clsx(n,"dgsuikit:flex dgsuikit:flex-col dgsuikit:fixed dgsuikit:top-0 dgsuikit:right-0 dgsuikit:bg-white dgsuikit:shadow-md dgsuikit:h-full dgsuikit:p-4 dgsuikit:pt-6 dgsuikit:transition-[width,max-width,opacity]",{"dgsuikit:w-[280px] dgsuikit:max-w-full":s,"dgsuikit:w-[80px] dgsuikit:max-w-[80px]":!s&&!o,"dgsuikit:w-0 dgsuikit:opacity-0":!s&&o},h),onMouseEnter:()=>{k&&!s&&r(!0)},onMouseLeave:()=>{k&&s&&r(!1)},children:[i.jsx(K,{}),!!(l?.open??l?.close)&&i.jsx(V,{}),c&&c.length>0&&i.jsx(H,{}),i.jsxs("div",{className:"dgsuikit:shrink-0 dgsuikit:flex-1",children:[m,i.jsx(O,{className:"dgsuikit:mt-6 dgsuikit:mb-4",type:"horizontal"}),!!g?.image&&i.jsx(W,{}),i.jsx(M,{color:"error",variant:"secondary",rightIcon:i.jsx(D,{}),isFullWidth:!0,onClick:w,...j,children:s?"خروج":""})]})]})})})};module.exports=G;
+"use client";"use strict";require('../assets/styles.css');const i=require("react/jsx-runtime"),u=require("../clsx-C11secjj.cjs"),a=require("react"),v=require("../isBrowser-Bczqv-hd.cjs"),z=require("../index-BfuaA-Ji.cjs"),R=require("../IconSearch-BeVs-gUu.cjs"),E=require("../Badge/index.cjs"),T=require("../index-CUnCYVh2.cjs");;/* empty css                   */const N=require("../AccordionItem-BrqkdsVm.cjs"),O=require("../Divider/index.cjs"),_=require("../IconArrowLeft2-CNA3H0xY.cjs"),M=require("../Button/index.cjs"),D=t=>i.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 24 24",...t,children:[i.jsx("path",{fill:"currentColor",fillRule:"evenodd",d:"M9 12.12a.75.75 0 0 1 .75-.75h12.041a.75.75 0 0 1 0 1.5H9.75a.75.75 0 0 1-.75-.75",clipRule:"evenodd"}),i.jsx("path",{fill:"currentColor",fillRule:"evenodd",d:"M18.333 8.675a.75.75 0 0 1 1.06-.002l2.928 2.916a.75.75 0 0 1 0 1.063l-2.928 2.916a.75.75 0 0 1-1.058-1.063l2.394-2.384-2.394-2.385a.75.75 0 0 1-.002-1.06M14.288 4.45c.777.576 1.165 1.516 1.325 3.249a.75.75 0 1 0 1.494-.138c-.17-1.848-.617-3.347-1.926-4.316C13.927 2.315 12.037 2 9.36 2c-3.55 0-5.733.556-6.853 2.38-.533.869-.77 1.945-.884 3.177-.114 1.228-.114 2.702-.114 4.411v.063c0 1.71 0 3.184.114 4.411.115 1.233.35 2.309.884 3.178C3.627 21.443 5.81 22 9.36 22c2.677 0 4.567-.316 5.821-1.245 1.309-.97 1.755-2.468 1.926-4.316a.75.75 0 1 0-1.494-.138c-.16 1.732-.548 2.673-1.325 3.249-.83.615-2.276.95-4.928.95-3.551 0-4.92-.599-5.575-1.665-.353-.576-.561-1.379-.668-2.531-.107-1.15-.108-2.557-.108-4.304s0-3.154.108-4.304c.107-1.153.315-1.955.668-2.531C4.441 4.098 5.81 3.5 9.36 3.5c2.652 0 4.098.334 4.928.95",clipRule:"evenodd"})]}),h="dgsuikit:duration-300",y="dgsuikit:relative dgsuikit:transition-all dgsuikit:hover:bg-gray-50 dgsuikit:rounded-lg dgsuikit:focus:ring-[3px] dgsuikit:focus:ring-offset-1 dgsuikit:ring-offset-white dgsuikit:ring-primary-300 dgsuikit:text-gray-600",C="dgsuikit:opacity-40 dgsuikit:pointer-events-none",q="dgsuikit:!bg-primary-50 dgsuikit:text-primary-600",S=`${q} dgsuikit:before:content-[""] dgsuikit:before:absolute dgsuikit:before:w-1 dgsuikit:before:h-[22px] dgsuikit:before:rounded-l-md dgsuikit:before:bg-primary-500 dgsuikit:before:top-1/2 dgsuikit:before:-translate-y-1/2 dgsuikit:before:-right-4`,B=a.createContext({isOpen:!1,setIsOpen:()=>{}}),p=()=>a.useContext(B),b=t=>u.clsx("dgsuikit:transition-opacity dgsuikit:whitespace-pre dgsuikit:overflow-hidden",t?"dgsuikit:opacity-100":"dgsuikit:opacity-0",h);function A(t,s){return i.jsxs("div",{className:u.clsx("dgsuikit:flex dgsuikit:items-center dgsuikit:[&_svg]:size-6 dgsuikit:[&_svg]:shrink-0 dgsuikit:min-h-12 dgsuikit:text-start",s?"dgsuikit:space-x-2":"dgsuikit:justify-center"),children:[t.icon,i.jsx("div",{className:u.clsx("dgsuikit:font-p2-regular dgsuikit:line-clamp-1 dgsuikit:!transition-[width,opacity]",s?"dgsuikit:w-full":"dgsuikit:w-0",b),children:t.title}),t.badgeCount&&i.jsx(E,{className:u.clsx("dgsuikit:shrink-0",{"dgsuikit:!absolute dgsuikit:top-0 dgsuikit:left-0":!s}),value:t.badgeCount,valueType:"number",color:"error",size:"small"})]})}function I(t,s){return t.map(r=>{if("children"in r&&r.children){const n=I(r.children,s);if(n.length>0)return{...r,children:n}}return r.title.includes(s)?{...r}:null}).filter(r=>!!r)}const P=t=>{const{value:s,onChange:r}=t,{isOpen:n,searchInput:l}=p();return i.jsx(T.Input,{value:s,onChange:r,rightIcon:i.jsx(R.IconSearch,{}),placeholder:"جستجو",...typeof l=="boolean"?{}:l,wrapperClassName:u.clsx("dgsuikit:mb-8 dgsuikit:sticky dgsuikit:top-0 dgsuikit:bg-white dgsuikit:z-10 dgsuikit:px-4",b(n),typeof l=="object"&&l.wrapperClassName,h)})};function F(t){let s=null;return t.some(r=>r.children?.some(n=>n.children?.some(l=>l.active)?(s=n,!0):!1)),s}const H=()=>{const{isOpen:t,searchInput:s=!0,items:r}=p(),[n,l]=a.useState(""),[c,m]=a.useState(r??[]),g=F(c),j=a.useCallback(z.debounce(o=>{m(I(c,o))},800),[]);function w(o){const k=o.target.value;l(k),j(k)}function f(){l(""),m(r??[])}return a.useEffect(()=>{n&&f()},[t]),i.jsxs("div",{className:"dgsuikit:overflow-y-auto dgsuikit:overflow-x-hidden dgsuikit:-mx-4 dgsuikit:h-3/4 dgsuikit:no-scrollbar",children:[!!s&&i.jsx(P,{value:n,onChange:w}),i.jsx("div",{className:"dgsuikit:space-y-6 dgsuikit:px-4",children:c.map((o,k)=>i.jsxs(a.Fragment,{children:[i.jsx("div",{className:u.clsx("dgsuikit:font-p2-regular dgsuikit:text-gray-400",b(t)),children:o.title}),i.jsx(N.AccordionGroup,{defaultActiveKey:g?g.link||g.title:void 0,className:"dgsuikit:mt-4 dgsuikit:space-y-2",children:o.children?.map(e=>e.link?i.jsx("a",{href:e.link,className:u.clsx("dgsuikit:pr-3",e.disabled&&C,e.active&&S,t?"dgsuikit:pl-9":"dgsuikit:pl-3",y),children:A(e,t)},e.link):i.jsx(N.AccordionItem,{accordionKey:e.link??e.title,className:u.clsx("dgsuikit:!p-0",e.disabled&&C),title:A(e,t),hideDivider:!0,hideArrow:!t||e.disabled,disable:!t||e.disabled,titleClassName:u.clsx("dgsuikit:[&_>div:first-child]:flex-1 dgsuikit:[&_>div:first-child]:pl-1",t?"dgsuikit:px-3":"dgsuikit:!justify-center",(g?.link&&g?.link===e.link||g?.title===e.title)&&S,y),children:e.children?.map(d=>i.jsxs("a",{href:d.link,className:u.clsx("dgsuikit:flex dgsuikit:justify-between dgsuikit:h-10 dgsuikit:pl-9 dgsuikit:pr-11 dgsuikit:py-2 dgsuikit:mt-1 dgsuikit:first:mt-0",d.disabled&&C,d.active&&q,y),children:[i.jsx("p",{children:d.title}),d.badgeCount&&i.jsx(E,{valueType:"number",value:d.badgeCount,color:"error",type:"twoTone",size:"small"})]},d.link))},e.link??e.title))}),k!==c.length-1&&i.jsx(O,{type:"horizontal"})]},o.title))})]})},V=()=>{const{isOpen:t,logo:s}=p();return i.jsx("div",{className:"dgsuikit:flex dgsuikit:justify-center dgsuikit:items-center dgsuikit:mb-8",children:i.jsx("img",{...s,alt:s?.alt??"Logo",src:t?s?.open:s?.close,className:u.clsx("dgsuikit:h-12 dgsuikit:w-full",s?.className)})})},W=()=>{const{userProfile:t,isOpen:s}=p();return i.jsxs("a",{href:t?.link??"#",className:u.clsx("dgsuikit:mb-8 dgsuikit:flex dgsuikit:flex-col dgsuikit:justify-center dgsuikit:items-center",{"dgsuikit:pointer-events-none":!t?.link}),children:[i.jsx("img",{src:t?.image,alt:t?.name??"user_avatar",className:u.clsx("dgsuikit:rounded-full dgsuikit:shrink-0",s?"dgsuikit:size-20":"dgsuikit:size-12")}),i.jsxs("div",{className:u.clsx("dgsuikit:mt-2 dgsuikit:w-full dgsuikit:relative",b(s)),children:[i.jsx("p",{className:"dgsuikit:font-p3-medium dgsuikit:text-gray-700 dgsuikit:text-center",children:t?.name}),i.jsx("p",{className:"dgsuikit:font-p3-regular dgsuikit:text-gray-400 dgsuikit:text-center",children:t?.description}),t?.link&&i.jsx(_.IconArrowLeft2,{className:"dgsuikit:absolute dgsuikit:top-1/2 dgsuikit:-translate-y-1/2 dgsuikit:left-0 dgsuikit:text-3xl dgsuikit:text-gray-500 dgsuikit:p-1 dgsuikit:rounded-lg dgsuikit:border dgsuikit:border-gray-200"})]})]})},K=()=>{const{isOpen:t,setIsOpen:s}=p();return i.jsx("button",{type:"button",className:"dgsuikit:absolute dgsuikit:top-7 dgsuikit:left-0 dgsuikit:-translate-x-1/2 dgsuikit:p-1 dgsuikit:rounded-lg dgsuikit:border dgsuikit:border-gray-300 dgsuikit:bg-white",onClick:()=>s(!t),children:i.jsx(_.IconArrowLeft2,{className:u.clsx("dgsuikit:transition-transform dgsuikit:text-primary-500",t&&"dgsuikit:rotate-180",h),width:16,height:16})})},G=t=>{const{isOpen:s,setIsOpen:r,className:n,logo:l,items:c,extraComponent:m,userProfile:g,logOutButtonProps:j,onLogout:w,showMask:f,hideOnClose:o}=t,k=t.openOnHover,e=f?"div":a.Fragment;return a.useEffect(()=>{if(o||!v.isBrowser())return;const d=document?.documentElement,x="dgsuikit:pr-[80px]";return d.classList.add(x),()=>{d.classList.remove(x)}},[o]),a.useEffect(()=>{if(!f||!v.isBrowser())return;const d=document?.documentElement,x="dgsuikit:overflow-hidden";return s?d.classList.add(x):d.classList.remove(x),()=>{d.classList.remove(x)}},[f,s]),i.jsx(B.Provider,{value:t,children:i.jsx(e,{...e==="div"?{className:u.clsx("dgsuikit:fixed dgsuikit:top-0 dgsuikit:left-0 dgsuikit:z-40 dgsuikit:overflow-hidden dgsuikit:transition-[background-color] dgsuikit:ease-linear",s?"dgsuikit:size-full dgsuikit:bg-black/40":"dgsuikit:size-0 dgsuikit:bg-transparent",h),onClick:d=>{d.target===d.currentTarget&&r(!1)}}:{},children:i.jsxs("div",{className:u.clsx(n,"dgsuikit:flex dgsuikit:flex-col dgsuikit:fixed dgsuikit:top-0 dgsuikit:right-0 dgsuikit:bg-white dgsuikit:shadow-md dgsuikit:h-full dgsuikit:p-4 dgsuikit:pt-6 dgsuikit:transition-[width,max-width,opacity]",{"dgsuikit:w-[280px] dgsuikit:max-w-full":s,"dgsuikit:w-[80px] dgsuikit:max-w-[80px]":!s&&!o,"dgsuikit:w-0 dgsuikit:opacity-0":!s&&o},h),onMouseEnter:()=>{k&&!s&&r(!0)},onMouseLeave:()=>{k&&s&&r(!1)},children:[i.jsx(K,{}),!!(l?.open??l?.close)&&i.jsx(V,{}),c&&c.length>0&&i.jsx(H,{}),i.jsxs("div",{className:"dgsuikit:shrink-0 dgsuikit:flex-1",children:[m,i.jsx(O,{className:"dgsuikit:mt-6 dgsuikit:mb-4",type:"horizontal"}),!!g?.image&&i.jsx(W,{}),i.jsx(M,{color:"error",variant:"secondary",rightIcon:i.jsx(D,{}),isFullWidth:!0,onClick:w,...j,children:s?"خروج":""})]})]})})})};module.exports=G;

package/dist/Sidebar/index.mjs

@@ -6,7 +6,7 @@ import { i as A } from "../isBrowser-Bkqg1t1y.js";
 import { d as H } from "../index-CzwAoGdL.js";
 import { I as V } from "../IconSearch-aShj2vmu.js";
 import z from "../Badge/index.mjs";
-import { I as W } from "../index-nXqUoTI3.js";
+import { I as W } from "../index-DymkrQ_k.js";
 import '../assets/styles.css';/* empty css                 */
 import { A as F, a as K } from "../AccordionItem-4UuHvtDx.js";
 import B from "../Divider/index.mjs";

package/dist/{TextFieldWrapper-DJnrmooN.js → TextFieldWrapper--IAJCgw8.js}

@@ -1,6 +1,6 @@
 "use client";
 import { jsxs as t, Fragment as w, jsx as r } from "react/jsx-runtime";
-import { c as p } from "./clsx-OuTLNxxd.js";
+import { c as f } from "./clsx-OuTLNxxd.js";
 import C from "react";
 import { F as j } from "./FieldBottomInfo-Bb3s_zkd.js";
 import './assets/styles.css';/* empty css                */
@@ -10,7 +10,7 @@ const E = (a) => {
     /* @__PURE__ */ t(
       "div",
       {
-        className: p("dgsuikit:flex", {
+        className: f("dgsuikit:flex", {
           "dgsuikit:justify-between": e && i?.href,
           "dgsuikit:mb-2": !d,
           "dgsuikit:justify-start": e && !i?.href,
@@ -44,34 +44,34 @@ const E = (a) => {
     isError: d,
     errorMessage: l,
     hintMessage: c,
-    required: f,
-    labelAddon: b,
+    required: b,
+    labelAddon: x,
     maxLength: u,
     disabled: s,
-    value: x,
+    value: y,
     wrapperClassName: g,
-    showMaxLength: y,
+    showMaxLength: k,
     children: v
-  } = a, k = !!(l || c || u && y), m = !!(i || e?.href), N = k || m || g ? "div" : C.Fragment;
+  } = a, m = !!(l || c || u && k), h = !!(i || e?.href), N = m || h || g ? "div" : C.Fragment;
   return /* @__PURE__ */ t(N, { ...g ? { className: g } : {}, children: [
-    m && /* @__PURE__ */ r(
+    h && /* @__PURE__ */ r(
       E,
       {
         disabled: s,
         labelContent: i,
         link: e,
-        required: f,
-        labelAddon: b
+        required: b,
+        labelAddon: x
       }
     ),
     /* @__PURE__ */ t(
       "div",
       {
         onClick: (F) => {
-          const h = F.currentTarget.querySelector("textarea, input");
-          h && h.focus();
+          const p = F.currentTarget.querySelector("textarea, input");
+          p && p.focus();
         },
-        className: p(
+        className: f(
           `dgsuikit:relative dgsuikit:cursor-text dgsuikit:border dgsuikit:border-solid dgsuikit:rounded-lg dgsuikit:ring-4 dgsuikit:flex dgsuikit:justify-between dgsuikit:gap-x-3 dgsuikit:p-3 dgsuikit:bg-gray-100 dgsuikit:transition-all dgsuikit:ring-transparent dgsuikit:has-[:focus]:bg-white ${!s && "dgsuikit:hover:ring-gray-50"}`,
           d || l ? "dgsuikit:border-error-500 dgsuikit:has-[:focus]:ring-error-50" : `dgsuikit:border-transparent dgsuikit:has-[:focus]:border-primary-500 dgsuikit:has-[:focus]:ring-primary-50 ${!s && "dgsuikit:hover:border-gray-300"}`,
           o,
@@ -85,14 +85,14 @@ const E = (a) => {
         ]
       }
     ),
-    k && /* @__PURE__ */ r(
+    m && /* @__PURE__ */ r(
       j,
       {
         disabled: s,
         errorMessage: l,
         hintMessage: c,
-        extraHelper: u && /* @__PURE__ */ t("span", { className: "dgsuikit:ss02", children: [
-          x?.toString()?.length ?? 0,
+        extraHelper: u && k && /* @__PURE__ */ t("span", { className: "dgsuikit:ss02", children: [
+          y?.toString()?.length ?? 0,
           "/",
           u
         ] })