@dgshahr/ui-kit 0.1.0 → 1.0.1

package/dist/Form/RadioButton/index.mjs

@@ -1,7 +1,7 @@
 import { jsx as s, jsxs as d, Fragment as l } from "react/jsx-runtime";
 import { c as m } from "../../clsx-OuTLNxxd.js";
 import { o as c } from "../../omitObjects-CxFrrlkX.js";
-import { R as n } from "../../RadioCheckboxWrapper-CoHqell5.js";
+import { R as n } from "../../RadioCheckboxWrapper-QZsv_Aai.js";
 const h = (r) => {
   const { className: e, ...i } = r, t = c(i, [
     "label",
@@ -16,10 +16,10 @@ const h = (r) => {
       {
         ...t,
         type: "radio",
-        className: m("dgs-ui-kit-rounded-full", o, e)
+        className: m("dgsuikit:rounded-full", o, e)
       }
     ),
-    /* @__PURE__ */ s("div", { className: a, children: /* @__PURE__ */ s("div", { className: "dgs-ui-kit-bg-white dgs-ui-kit-rounded-full dgs-ui-kit-w-2 dgs-ui-kit-h-2 dgs-ui-kit-mt-[1px]" }) })
+    /* @__PURE__ */ s("div", { className: a, children: /* @__PURE__ */ s("div", { className: "dgsuikit:bg-white dgsuikit:rounded-full dgsuikit:w-2 dgsuikit:h-2 dgsuikit:mt-[1px]" }) })
   ] }) });
 };
 export {

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

@@ -1,5 +1,5 @@
 export declare const THUMB_SIZE = 24;
 export declare const THUMB_ICON_SIZE: number;
-export declare const INPUT_DEFAULT_CLASS = "dgs-ui-kit-appearance-none dgs-ui-kit-bg-transparent dgs-ui-kit-opacity-0 dgs-ui-kit-z-10";
-export declare const MULTIPLE_INPUT_CLASS = "dgs-ui-kit-absolute dgs-ui-kit-top-0 -dgs-ui-kit-translate-y-1/2";
+export declare const INPUT_DEFAULT_CLASS = "dgsuikit:appearance-none dgsuikit:bg-transparent dgsuikit:opacity-0 dgsuikit:z-10";
+export declare const MULTIPLE_INPUT_CLASS = "dgsuikit:absolute dgsuikit:top-0 dgsuikit:-translate-y-1/2";
 //# sourceMappingURL=constants.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/Form/RangeInput/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU,KAAK,CAAC;AAC7B,eAAO,MAAM,eAAe,QAAiB,CAAC;AAC9C,eAAO,MAAM,mBAAmB,8FAC6D,CAAC;AAC9F,eAAO,MAAM,oBAAoB,qEACmC,CAAC"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/Form/RangeInput/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU,KAAK,CAAC;AAC7B,eAAO,MAAM,eAAe,QAAiB,CAAC;AAC9C,eAAO,MAAM,mBAAmB,sFACqD,CAAC;AACtF,eAAO,MAAM,oBAAoB,+DAA+D,CAAC"}

package/dist/Form/RangeInput/index.cjs

@@ -1 +1 @@
-"use strict";const t=require("react/jsx-runtime"),m=require("../../clsx-C11secjj.cjs"),A=require("../../IconArrowLeft2-CNA3H0xY.cjs"),R=require("../../IconArrowRight2-CF_bdH81.cjs"),o=24,x=o/2,w="dgs-ui-kit-appearance-none dgs-ui-kit-bg-transparent dgs-ui-kit-opacity-0 dgs-ui-kit-z-10",N="dgs-ui-kit-absolute dgs-ui-kit-top-0 -dgs-ui-kit-translate-y-1/2",C={"۰":"0","۱":"1","۲":"2","۳":"3","۴":"4","۵":"5","۶":"6","۷":"7","۸":"8","۹":"9","٠":"0","١":"1","٢":"2","٣":"3","٤":"4","٥":"5","٦":"6","٧":"7","٨":"8","٩":"9","𝟎":"0","𝟏":"1","𝟐":"2","𝟑":"3","𝟒":"4","𝟓":"5","𝟔":"6","𝟕":"7","𝟖":"8","𝟗":"9"},E=RegExp(`[${Object.keys(C).join()}]`,"gu");function L(e){return e.replace(E,i=>C[i])}function M(e){let i=typeof e=="number"?e.toString():e;return i=i.toString(),i=L(i),i=i.replace(/[^-.\d]/g,""),i=i.replace(/\B(?=(\d{3})+(?!\d))/g,","),i}const $=e=>{const{percent:i,disabled:p,icon:l,showTooltip:c,value:r}=e;return t.jsxs("div",{className:m.clsx("dgs-ui-kit-bg-primary-500 dgs-ui-kit-rounded-full dgs-ui-kit-absolute dgs-ui-kit-top-1/2 -dgs-ui-kit-translate-y-1/2 dgs-ui-kit-text-white dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-justify-center",p?"!dgs-ui-kit-bg-gray-300":"group-hover:dgs-ui-kit-bg-primary-400 group-hover:dgs-ui-kit-ring-4 dgs-ui-kit-ring-gray-300 group-active:dgs-ui-kit-ring-0 group-active:dgs-ui-kit-bg-primary-600 dgs-ui-kit-transition-[background-color,box-shadow]"),style:{right:`${i}%`,width:o,height:o},children:[l,c&&t.jsxs("div",{className:"dgs-ui-kit-absolute dgs-ui-kit-bottom-full dgs-ui-kit-left-1/2 -dgs-ui-kit-translate-x-1/2 dgs-ui-kit-flex dgs-ui-kit-flex-col dgs-ui-kit-items-center dgs-ui-kit-opacity-0 group-hover:dgs-ui-kit-opacity-100 dgs-ui-kit-transition-opacity dgs-ui-kit-z-10 dgs-ui-kit-mb-2.5",children:[t.jsx("div",{className:"dgs-ui-kit-flex dgs-ui-kit-py-3 dgs-ui-kit-px-4 dgs-ui-kit-rounded-lg dgs-ui-kit-bg-gray-700 dgs-ui-kit-shadow-md dgs-ui-kit-text-white dgs-ui-kit-font-p2-regular dgs-ui-kit-border dgs-ui-kit-border-gray-300 ss02",children:M(r)}),t.jsx("div",{className:"dgs-ui-kit-w-4 dgs-ui-kit-h-4 dgs-ui-kit-bg-gray-700 dgs-ui-kit-border-gray-300 dgs-ui-kit-absolute dgs-ui-kit-rotate-45 dgs-ui-kit-left-1/2 -dgs-ui-kit-translate-x-1/2 dgs-ui-kit-bottom-0 dgs-ui-kit-translate-y-1/2 dgs-ui-kit-border-b dgs-ui-kit-border-r dgs-ui-kit-rounded-br"})]})]})};function _(e){const{value:i,wrapperClassName:p,min:l,max:c,step:r=1,onChange:b,disabled:a,endTitle:k,startTitle:h,showTooltip:f=!0}=e,s=Array.isArray(i),[d=0,g=0]=s?i:[0,0],n=u=>(u-l)/(c-l)*100,I=u=>{b(Number(u.target.value))},S=u=>{const y=Math.min(Number(u.target.value),g-r);b([y,g])},T=u=>{const y=Math.max(Number(u.target.value),d+r);b([d,y])},v=n(s?d:i),j=n(g);return t.jsxs("div",{...p?{className:p}:{},children:[t.jsxs("div",{className:"dgs-ui-kit-relative dgs-ui-kit-group",children:[t.jsxs("div",{className:"dgs-ui-kit-w-full dgs-ui-kit-relative dgs-ui-kit-bg-primary-50 dgs-ui-kit-h-1 dgs-ui-kit-rounded-sm dgs-ui-kit-flex dgs-ui-kit-items-center",children:[t.jsx("div",{className:m.clsx("dgs-ui-kit-h-full dgs-ui-kit-absolute dgs-ui-kit-top-0 dgs-ui-kit-rounded-sm",a?"dgs-ui-kit-bg-gray-300":"dgs-ui-kit-bg-primary-500"),style:{right:s?`${n(d)}%`:"0%",width:s?`${n(g)-n(d)}%`:`${n(i)}%`}}),t.jsx("input",{type:"range",min:l,max:s?g:c,step:r,value:s?d:i,onChange:s?S:I,disabled:a,className:m.clsx(w,s&&`${N} dgs-ui-kit-right-0`),style:{width:s?`calc(${j}% - ${o}px)`:"100%"}}),s&&t.jsx("input",{type:"range",min:d,max:c,step:r,value:g,onChange:T,disabled:a,className:`${w} ${N} dgs-ui-kit-left-0`,style:{width:`calc(${100-v}% - ${o}px)`}})]}),t.jsxs("div",{className:"dgs-ui-kit-absolute dgs-ui-kit-inset-0",style:{width:`calc(100% - ${o}px)`},children:[t.jsx($,{percent:v,disabled:a,showTooltip:f,value:s?d:i,icon:s&&t.jsx(A.IconArrowLeft2,{width:x,height:x})}),s&&t.jsx($,{percent:j,disabled:a,showTooltip:f,value:g,icon:t.jsx(R.IconArrowRight2,{width:x,height:x})})]})]}),!!(h??k)&&t.jsxs("div",{className:m.clsx("dgs-ui-kit-mt-4 dgs-ui-kit-w-full dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-font-p2-medium",a?"dgs-ui-kit-text-gray-300":"dgs-ui-kit-text-gray-500",{"dgs-ui-kit-justify-between":h&&k},{"dgs-ui-kit-justify-start":h&&!k},{"dgs-ui-kit-justify-end":!h&&k}),children:[t.jsx("span",{children:h}),t.jsx("span",{children:k})]})]})}module.exports=_;
+"use strict";const t=require("react/jsx-runtime"),m=require("../../clsx-C11secjj.cjs"),A=require("../../IconArrowLeft2-CNA3H0xY.cjs"),R=require("../../IconArrowRight2-CF_bdH81.cjs"),o=24,x=o/2,w="dgsuikit:appearance-none dgsuikit:bg-transparent dgsuikit:opacity-0 dgsuikit:z-10",N="dgsuikit:absolute dgsuikit:top-0 dgsuikit:-translate-y-1/2",C={"۰":"0","۱":"1","۲":"2","۳":"3","۴":"4","۵":"5","۶":"6","۷":"7","۸":"8","۹":"9","٠":"0","١":"1","٢":"2","٣":"3","٤":"4","٥":"5","٦":"6","٧":"7","٨":"8","٩":"9","𝟎":"0","𝟏":"1","𝟐":"2","𝟑":"3","𝟒":"4","𝟓":"5","𝟔":"6","𝟕":"7","𝟖":"8","𝟗":"9"},E=RegExp(`[${Object.keys(C).join()}]`,"gu");function L(e){return e.replace(E,i=>C[i])}function M(e){let i=typeof e=="number"?e.toString():e;return i=i.toString(),i=L(i),i=i.replace(/[^-.\d]/g,""),i=i.replace(/\B(?=(\d{3})+(?!\d))/g,","),i}const $=e=>{const{percent:i,disabled:p,icon:l,showTooltip:c,value:r}=e;return t.jsxs("div",{className:m.clsx("dgsuikit:bg-primary-500 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",p?"dgsuikit:!bg-gray-300":"dgsuikit:group-hover:bg-primary-400 dgsuikit:group-hover:ring-4 dgsuikit:ring-gray-300 dgsuikit:group-active:ring-0 dgsuikit:group-active:bg-primary-600 dgsuikit:transition-[background-color,box-shadow]"),style:{right:`${i}%`,width:o,height:o},children:[l,c&&t.jsxs("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:[t.jsx("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:M(r)}),t.jsx("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 _(e){const{value:i,wrapperClassName:p,min:l,max:c,step:r=1,onChange:b,disabled:a,endTitle:k,startTitle:h,showTooltip:f=!0}=e,s=Array.isArray(i),[d=0,g=0]=s?i:[0,0],n=u=>(u-l)/(c-l)*100,I=u=>{b(Number(u.target.value))},S=u=>{const y=Math.min(Number(u.target.value),g-r);b([y,g])},T=u=>{const y=Math.max(Number(u.target.value),d+r);b([d,y])},v=n(s?d:i),j=n(g);return t.jsxs("div",{...p?{className:p}:{},children:[t.jsxs("div",{className:"dgsuikit:relative dgsuikit:group",children:[t.jsxs("div",{className:"dgsuikit:w-full dgsuikit:relative dgsuikit:bg-primary-50 dgsuikit:h-1 dgsuikit:rounded-sm dgsuikit:flex dgsuikit:items-center",children:[t.jsx("div",{className:m.clsx("dgsuikit:h-full dgsuikit:absolute dgsuikit:top-0 dgsuikit:rounded-sm",a?"dgsuikit:bg-gray-300":"dgsuikit:bg-primary-500"),style:{right:s?`${n(d)}%`:"0%",width:s?`${n(g)-n(d)}%`:`${n(i)}%`}}),t.jsx("input",{type:"range",min:l,max:s?g:c,step:r,value:s?d:i,onChange:s?S:I,disabled:a,className:m.clsx(w,s&&`${N} dgsuikit:right-0`),style:{width:s?`calc(${j}% - ${o}px)`:"100%"}}),s&&t.jsx("input",{type:"range",min:d,max:c,step:r,value:g,onChange:T,disabled:a,className:`${w} ${N} dgsuikit:left-0`,style:{width:`calc(${100-v}% - ${o}px)`}})]}),t.jsxs("div",{className:"dgsuikit:absolute dgsuikit:inset-0",style:{width:`calc(100% - ${o}px)`},children:[t.jsx($,{percent:v,disabled:a,showTooltip:f,value:s?d:i,icon:s&&t.jsx(A.IconArrowLeft2,{width:x,height:x})}),s&&t.jsx($,{percent:j,disabled:a,showTooltip:f,value:g,icon:t.jsx(R.IconArrowRight2,{width:x,height:x})})]})]}),!!(h??k)&&t.jsxs("div",{className:m.clsx("dgsuikit:mt-4 dgsuikit:w-full dgsuikit:flex dgsuikit:items-center dgsuikit:font-p2-medium",a?"dgsuikit:text-gray-300":"dgsuikit:text-gray-500",{"dgsuikit:justify-between":h&&k},{"dgsuikit:justify-start":h&&!k},{"dgsuikit:justify-end":!h&&k}),children:[t.jsx("span",{children:h}),t.jsx("span",{children:k})]})]})}module.exports=_;

package/dist/Form/RangeInput/index.mjs

@@ -2,7 +2,7 @@ import { jsxs as r, jsx as s } from "react/jsx-runtime";
 import { c as y } from "../../clsx-OuTLNxxd.js";
 import { I as E } from "../../IconArrowLeft2-cxcPyDqS.js";
 import { I as M } from "../../IconArrowRight2-BoXg0Gkw.js";
-const l = 24, b = l / 2, $ = "dgs-ui-kit-appearance-none dgs-ui-kit-bg-transparent dgs-ui-kit-opacity-0 dgs-ui-kit-z-10", C = "dgs-ui-kit-absolute dgs-ui-kit-top-0 -dgs-ui-kit-translate-y-1/2", S = {
+const l = 24, b = l / 2, $ = "dgsuikit:appearance-none dgsuikit:bg-transparent dgsuikit:opacity-0 dgsuikit:z-10", C = "dgsuikit:absolute dgsuikit:top-0 dgsuikit:-translate-y-1/2", S = {
   // Persian
   "۰": "0",
   "۱": "1",
@@ -50,8 +50,8 @@ const I = (e) => {
     "div",
     {
       className: y(
-        "dgs-ui-kit-bg-primary-500 dgs-ui-kit-rounded-full dgs-ui-kit-absolute dgs-ui-kit-top-1/2 -dgs-ui-kit-translate-y-1/2 dgs-ui-kit-text-white dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-justify-center",
-        m ? "!dgs-ui-kit-bg-gray-300" : "group-hover:dgs-ui-kit-bg-primary-400 group-hover:dgs-ui-kit-ring-4 dgs-ui-kit-ring-gray-300 group-active:dgs-ui-kit-ring-0 group-active:dgs-ui-kit-bg-primary-600 dgs-ui-kit-transition-[background-color,box-shadow]"
+        "dgsuikit:bg-primary-500 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",
+        m ? "dgsuikit:!bg-gray-300" : "dgsuikit:group-hover:bg-primary-400 dgsuikit:group-hover:ring-4 dgsuikit:ring-gray-300 dgsuikit:group-active:ring-0 dgsuikit:group-active:bg-primary-600 dgsuikit:transition-[background-color,box-shadow]"
         // state classes
       ),
       style: {
@@ -61,9 +61,9 @@ const I = (e) => {
       },
       children: [
         k,
-        c && /* @__PURE__ */ r("div", { className: "dgs-ui-kit-absolute dgs-ui-kit-bottom-full dgs-ui-kit-left-1/2 -dgs-ui-kit-translate-x-1/2 dgs-ui-kit-flex dgs-ui-kit-flex-col dgs-ui-kit-items-center dgs-ui-kit-opacity-0 group-hover:dgs-ui-kit-opacity-100 dgs-ui-kit-transition-opacity dgs-ui-kit-z-10 dgs-ui-kit-mb-2.5", children: [
-          /* @__PURE__ */ s("div", { className: "dgs-ui-kit-flex dgs-ui-kit-py-3 dgs-ui-kit-px-4 dgs-ui-kit-rounded-lg dgs-ui-kit-bg-gray-700 dgs-ui-kit-shadow-md dgs-ui-kit-text-white dgs-ui-kit-font-p2-regular dgs-ui-kit-border dgs-ui-kit-border-gray-300 ss02", children: P(a) }),
-          /* @__PURE__ */ s("div", { className: "dgs-ui-kit-w-4 dgs-ui-kit-h-4 dgs-ui-kit-bg-gray-700 dgs-ui-kit-border-gray-300 dgs-ui-kit-absolute dgs-ui-kit-rotate-45 dgs-ui-kit-left-1/2 -dgs-ui-kit-translate-x-1/2 dgs-ui-kit-bottom-0 dgs-ui-kit-translate-y-1/2 dgs-ui-kit-border-b dgs-ui-kit-border-r dgs-ui-kit-rounded-br" })
+        c && /* @__PURE__ */ r("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__ */ s("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: P(a) }),
+          /* @__PURE__ */ s("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" })
         ] })
       ]
     }
@@ -91,14 +91,14 @@ function D(e) {
     f([d, v]);
   }, w = o(t ? d : i), N = o(g);
   return /* @__PURE__ */ r("div", { ...m ? { className: m } : {}, children: [
-    /* @__PURE__ */ r("div", { className: "dgs-ui-kit-relative dgs-ui-kit-group", children: [
-      /* @__PURE__ */ r("div", { className: "dgs-ui-kit-w-full dgs-ui-kit-relative dgs-ui-kit-bg-primary-50 dgs-ui-kit-h-1 dgs-ui-kit-rounded-sm dgs-ui-kit-flex dgs-ui-kit-items-center", children: [
+    /* @__PURE__ */ r("div", { className: "dgsuikit:relative dgsuikit:group", children: [
+      /* @__PURE__ */ r("div", { className: "dgsuikit:w-full dgsuikit:relative dgsuikit:bg-primary-50 dgsuikit:h-1 dgsuikit:rounded-sm dgsuikit:flex dgsuikit:items-center", children: [
         /* @__PURE__ */ s(
           "div",
           {
             className: y(
-              "dgs-ui-kit-h-full dgs-ui-kit-absolute dgs-ui-kit-top-0 dgs-ui-kit-rounded-sm",
-              n ? "dgs-ui-kit-bg-gray-300" : "dgs-ui-kit-bg-primary-500"
+              "dgsuikit:h-full dgsuikit:absolute dgsuikit:top-0 dgsuikit:rounded-sm",
+              n ? "dgsuikit:bg-gray-300" : "dgsuikit:bg-primary-500"
             ),
             style: {
               right: t ? `${o(d)}%` : "0%",
@@ -118,7 +118,7 @@ function D(e) {
             disabled: n,
             className: y(
               $,
-              t && `${C} dgs-ui-kit-right-0`
+              t && `${C} dgsuikit:right-0`
             ),
             style: {
               width: t ? `calc(${N}% - ${l}px)` : "100%"
@@ -135,7 +135,7 @@ function D(e) {
             value: g,
             onChange: A,
             disabled: n,
-            className: `${$} ${C} dgs-ui-kit-left-0`,
+            className: `${$} ${C} dgsuikit:left-0`,
             style: {
               width: `calc(${100 - w}% - ${l}px)`
             }
@@ -145,7 +145,7 @@ function D(e) {
       /* @__PURE__ */ r(
         "div",
         {
-          className: "dgs-ui-kit-absolute dgs-ui-kit-inset-0",
+          className: "dgsuikit:absolute dgsuikit:inset-0",
           style: {
             width: `calc(100% - ${l}px)`
           },
@@ -190,11 +190,11 @@ function D(e) {
       "div",
       {
         className: y(
-          "dgs-ui-kit-mt-4 dgs-ui-kit-w-full dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-font-p2-medium",
-          n ? "dgs-ui-kit-text-gray-300" : "dgs-ui-kit-text-gray-500",
-          { "dgs-ui-kit-justify-between": h && p },
-          { "dgs-ui-kit-justify-start": h && !p },
-          { "dgs-ui-kit-justify-end": !h && p }
+          "dgsuikit:mt-4 dgsuikit:w-full dgsuikit:flex dgsuikit:items-center dgsuikit:font-p2-medium",
+          n ? "dgsuikit:text-gray-300" : "dgsuikit:text-gray-500",
+          { "dgsuikit:justify-between": h && p },
+          { "dgsuikit:justify-start": h && !p },
+          { "dgsuikit:justify-end": !h && p }
         ),
         children: [
           /* @__PURE__ */ s("span", { children: h }),

package/dist/Form/Select/Options.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Options.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Select/Options.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,WAAW,EAAgD,MAAM,SAAS,CAAC;AAOzF,QAAA,MAAM,OAAO,GAAI,CAAC,EAAG,OAAO,WAAW,CAAC,CAAC,CAAC,4CA2LzC,CAAC;AAEF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"Options.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Select/Options.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAgD,MAAM,SAAS,CAAC;AAOzF,QAAA,MAAM,OAAO,GAAI,CAAC,EAAG,OAAO,WAAW,CAAC,CAAC,CAAC,4CAwLzC,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/Form/Select/index.cjs

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

package/dist/Form/Select/index.mjs

@@ -1,173 +1,161 @@
-import { jsx as n, jsxs as b, Fragment as O } from "react/jsx-runtime";
+import { jsx as n, jsxs as y, Fragment as I } from "react/jsx-runtime";
 import { c as d } from "../../clsx-OuTLNxxd.js";
-import { I as _, a as q } from "../../index-BOxK2gfQ.js";
-import { memo as D, useState as M, useRef as F, useMemo as P, useCallback as B, useEffect as L } from "react";
-import { I as K } from "../../IconSearch-aShj2vmu.js";
-import U from "../Checkbox/index.mjs";
-import G from "../../Button/index.mjs";
-import { u as J, P as Q } from "../../PickerWrapper-rZ3IIgox.js";
+import { I as z, a as R } from "../../index-Cj_9z9UD.js";
+import { memo as _, useState as j, useRef as q, useMemo as O, useCallback as B, useEffect as D } from "react";
+import { I as U } from "../../IconSearch-aShj2vmu.js";
+import G from "../Checkbox/index.mjs";
+import J from "../../Button/index.mjs";
+import { u as K, P as Q } from "../../PickerWrapper-BN0-64XB.js";
 import X from "../../Chip/index.mjs";
 import '../../assets/styles.css';/* empty css                    */
-function Y(s, r = 100) {
-  if (!s) return;
-  if (window.innerWidth > 768) {
-    s.focus(), s.click();
-    return;
-  }
-  const t = document.createElement("input");
-  t.style.position = "absolute", t.style.top = `${s.offsetTop + 7}px`, t.style.left = `${s.offsetLeft}px`, t.style.height = "0px", t.style.opacity = "0px", document.body.appendChild(t), t.focus(), setTimeout(() => {
-    s.focus(), s.click(), document.body.removeChild(t);
-  }, r);
-}
-function Z({
+function Y({
   label: s,
-  isMultiple: r,
-  isActive: t,
-  disabled: o
+  isMultiple: i,
+  isActive: r,
+  disabled: a
 }) {
-  return r ? /* @__PURE__ */ n(
-    U,
+  return i ? /* @__PURE__ */ n(
+    G,
     {
-      checked: t,
+      checked: r,
       label: s,
       readOnly: !0,
-      disabled: o
+      disabled: a
     }
   ) : s;
 }
-const ee = (s) => {
-  const { option: r, onClick: t, value: o, mode: u, optionCellClassName: p, optionCell: i } = s;
+const Z = (s) => {
+  const { option: i, onClick: r, value: a, mode: u, optionCellClassName: p, optionCell: t } = s;
   function l() {
-    return Array.isArray(o) ? o.includes(r.value) : r.value === o;
+    return Array.isArray(a) ? a.includes(i.value) : i.value === a;
   }
   return /* @__PURE__ */ n(
     "button",
     {
       type: "button",
-      onClick: t,
+      onClick: r,
       className: d(
-        "dgs-ui-kit-w-full dgs-ui-kit-text-start dgs-ui-kit-px-3 disabled:dgs-ui-kit-cursor-not-allowed dgs-ui-kit-py-3 dgs-ui-kit-font-p1-regular disabled:dgs-ui-kit-bg-gray-50 dgs-ui-kit-transition",
-        l() ? "dgs-ui-kit-bg-primary-50 dgs-ui-kit-text-primary-500" : "dgs-ui-kit-text-gray-700 disabled:dgs-ui-kit-text-gray-400",
+        "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",
         p
       ),
-      disabled: r.disabled,
-      children: i ? i(r, l()) : Z({
-        label: r.label,
+      disabled: i.disabled,
+      children: t ? t(i, l()) : Y({
+        label: i.label,
         isMultiple: u === "multiple",
         isActive: l(),
-        disabled: r.disabled ?? !1
+        disabled: i.disabled ?? !1
       })
     }
   );
-}, j = D(ee), te = 20, ie = (s) => {
+}, L = _(Z), ee = 20, te = (s) => {
   const {
-    options: r,
-    mode: t = "single",
-    afterOptions: o,
+    options: i,
+    mode: r = "single",
+    afterOptions: a,
     beforeOptions: u,
     onChange: p,
-    searchable: i = !0,
+    searchable: t = !0,
     separateSelectedOptions: l = !0,
     optionsTitle: g = "عنوان‌ها",
     value: c,
-    optionCellClassName: x,
-    emptyContent: W = "نتیجه‌ای یافت نشد !",
+    optionCellClassName: C,
+    emptyContent: F = "نتیجه‌ای یافت نشد !",
     showClearButtonOnEmpty: H = !0
-  } = s, [m, E] = M(""), [k, V] = M(0), f = F(null), { toggleWrapperVisibility: z } = J(), S = d(
-    "dgs-ui-kit-border-t dgs-ui-kit-border-solid dgs-ui-kit-border-gray-100",
-    (!i && !u || t === "multiple" && l) && "first-of-type:dgs-ui-kit-border-t-0",
-    !!o && "last-of-type:dgs-ui-kit-border-b"
+  } = s, [m, S] = j(""), [k, V] = j(0), f = q(null), { toggleWrapperVisibility: W } = K(), A = d(
+    "dgsuikit:border-t dgsuikit:border-solid dgsuikit:border-gray-100",
+    (!t && !u || r === "multiple" && l) && "dgsuikit:first-of-type:border-t-0",
+    !!a && "dgsuikit:last-of-type:border-b"
   );
-  let h;
-  const C = i;
-  typeof i == "boolean" ? h = i : h = Object.keys(i).length > 0;
-  const v = P(() => {
-    if (!Array.isArray(r))
+  let x;
+  const h = t;
+  typeof t == "boolean" ? x = t : x = Object.keys(t).length > 0;
+  const v = O(() => {
+    if (!Array.isArray(i))
       throw new Error("options should be array");
-    return m ? r?.filter((e) => e.label.includes(m)) : r;
-  }, [m, r]), N = P(() => t === "multiple" && l ? r?.filter((e) => c.includes(e.value)) ?? [] : [], [r, c]), T = P(() => {
+    return m ? i?.filter((e) => e.label.includes(m)) : i;
+  }, [m, i]), N = O(() => r === "multiple" && l ? i?.filter((e) => c.includes(e.value)) ?? [] : [], [i, c]), T = O(() => {
     let e = v;
-    t === "multiple" && l && (e = e?.filter((I) => !c.includes(I.value)));
-    const a = Math.min(k + te, e?.length ?? 0);
-    return e?.slice(k, a);
-  }, [v, k, c]), y = f?.current?.children[0]?.clientHeight ?? 50, R = (v?.length ?? 0) * y, w = B(() => {
+    r === "multiple" && l && (e = e?.filter((P) => !c.includes(P.value)));
+    const o = Math.min(k + ee, e?.length ?? 0);
+    return e?.slice(k, o);
+  }, [v, k, c]), b = f?.current?.children[0]?.clientHeight ?? 50, $ = (v?.length ?? 0) * b, w = B(() => {
     const e = f?.current?.parentElement;
     if (!e) return;
-    const a = e.scrollTop, I = f.current.offsetTop, $ = Math.floor((a - I) / y);
-    V($ >= 0 ? $ : 0);
-  }, [y]);
-  L(() => {
+    const o = e.scrollTop, P = f.current.offsetTop, M = Math.floor((o - P) / b);
+    V(M >= 0 ? M : 0);
+  }, [b]);
+  D(() => {
     const e = f.current?.parentElement;
     if (e)
       return e.addEventListener("scroll", w), () => e.removeEventListener("scroll", w);
-  }, [w]), L(() => {
-    h && Y(document.getElementById("search-input"), 400);
-  }, []);
-  const A = B(
+  }, [w]);
+  const E = B(
     (e) => {
       if (typeof p == "function")
-        if (t === "multiple") {
-          const a = [...c ?? []];
-          a.includes(e) ? a.splice(a.indexOf(e), 1) : a.push(e), p(a);
+        if (r === "multiple") {
+          const o = [...c ?? []];
+          o.includes(e) ? o.splice(o.indexOf(e), 1) : o.push(e), p(o);
         } else
-          p(e), z();
+          p(e), W();
     },
     [c]
   );
-  return /* @__PURE__ */ b(O, { children: [
-    h && /* @__PURE__ */ n(
-      _,
+  return /* @__PURE__ */ y(I, { children: [
+    x && /* @__PURE__ */ n(
+      z,
       {
         id: "search-input",
         wrapperClassName: d(
-          "dgs-ui-kit-sticky dgs-ui-kit-top-0 dgs-ui-kit-pt-3 dgs-ui-kit-right-0 dgs-ui-kit-bg-white dgs-ui-kit-z-10 dgs-ui-kit-px-3",
-          u ? "dgs-ui-kit-pb-2" : "dgs-ui-kit-pb-3",
-          C?.wrapperClassName
+          "dgsuikit:sticky dgsuikit:top-0 dgsuikit:pt-3 dgsuikit:right-0 dgsuikit:bg-white dgsuikit:z-10 dgsuikit:px-3",
+          u ? "dgsuikit:pb-2" : "dgsuikit:pb-3",
+          h?.wrapperClassName
         ),
-        placeholder: C?.placeholder ?? "جستجوی عنوان",
+        placeholder: h?.placeholder ?? "جستجوی عنوان",
         value: m,
-        onChange: (e) => E(e.currentTarget.value),
-        rightIcon: C?.rightIcon ?? /* @__PURE__ */ n(
-          K,
+        autoFocus: h?.autoFocus ?? !0,
+        onChange: (e) => S(e.currentTarget.value),
+        rightIcon: h?.rightIcon ?? /* @__PURE__ */ n(
+          U,
           {
             width: 20,
             height: 20
           }
         ),
-        ...typeof i == "object" ? i : {}
+        ...typeof t == "object" ? t : {}
       }
     ),
     u,
-    t === "multiple" && l && N.length > 0 && /* @__PURE__ */ b(O, { children: [
-      /* @__PURE__ */ n("p", { className: "dgs-ui-kit-font-p2-regular dgs-ui-kit-text-gray-400 dgs-ui-kit-px-3 dgs-ui-kit-py-2", children: `${g}‌ی انتخاب شده` }),
+    r === "multiple" && l && N.length > 0 && /* @__PURE__ */ y(I, { children: [
+      /* @__PURE__ */ n("p", { className: "dgsuikit:font-p2-regular dgsuikit:text-gray-400 dgsuikit:px-3 dgsuikit:py-2", children: `${g}‌ی انتخاب شده` }),
       N.map((e) => /* @__PURE__ */ n(
-        j,
+        L,
         {
-          onClick: () => A(e.value),
+          onClick: () => E(e.value),
           option: e,
-          optionCellClassName: d(S, x),
+          optionCellClassName: d(A, C),
           ...s
         },
         e.value
       ))
     ] }),
-    /* @__PURE__ */ b(O, { children: [
-      t === "multiple" && l && /* @__PURE__ */ n("p", { className: "dgs-ui-kit-font-p2-regular dgs-ui-kit-text-gray-400 dgs-ui-kit-px-3 dgs-ui-kit-py-2", children: g }),
+    /* @__PURE__ */ y(I, { children: [
+      r === "multiple" && l && /* @__PURE__ */ n("p", { className: "dgsuikit:font-p2-regular dgsuikit:text-gray-400 dgsuikit:px-3 dgsuikit:py-2", children: g }),
       /* @__PURE__ */ n(
         "div",
         {
           ref: f,
-          className: "dgs-ui-kit-relative",
-          style: { height: R },
-          children: T?.map((e, a) => /* @__PURE__ */ n(
+          className: "dgsuikit:relative",
+          style: { height: $ },
+          children: T?.map((e, o) => /* @__PURE__ */ n(
             "div",
             {
-              className: d("dgs-ui-kit-absolute dgs-ui-kit-w-full", S),
-              style: { top: `${(k + a) * y}px` },
+              className: d("dgsuikit:absolute dgsuikit:w-full", A),
+              style: { top: `${(k + o) * b}px` },
               children: /* @__PURE__ */ n(
-                j,
+                L,
                 {
-                  onClick: () => A(e.value),
+                  onClick: () => E(e.value),
                   option: e,
                   ...s
                 }
@@ -177,65 +165,65 @@ const ee = (s) => {
           ))
         }
       ),
-      !T?.length && !N.length && /* @__PURE__ */ b("div", { className: "dgs-ui-kit-text-center dgs-ui-kit-flex dgs-ui-kit-flex-col dgs-ui-kit-items-center dgs-ui-kit-mt-2", children: [
-        /* @__PURE__ */ n("p", { className: "dgs-ui-kit-text-gray-500 dgs-ui-kit-font-p3-medium", children: W }),
+      !T?.length && !N.length && /* @__PURE__ */ y("div", { className: "dgsuikit:text-center dgsuikit:flex dgsuikit:flex-col dgsuikit:items-center dgsuikit:mt-2", children: [
+        /* @__PURE__ */ n("p", { className: "dgsuikit:text-gray-500 dgsuikit:font-p3-medium", children: F }),
         H && /* @__PURE__ */ n(
-          G,
+          J,
           {
             type: "button",
-            className: "dgs-ui-kit-mt-1",
+            className: "dgsuikit:mt-1",
             variant: "text",
             size: "small",
-            onClick: () => E(""),
+            onClick: () => S(""),
             children: "پاک کردن"
           }
         )
       ] })
     ] }),
-    o
+    a
   ] });
 };
-function se(s, r) {
+function ie(s, i) {
   if (!Array.isArray(s))
-    return r.find((t) => t.value === s)?.label ?? "";
+    return i.find((r) => r.value === s)?.label ?? "";
 }
-const fe = (s) => {
-  const { searchable: r = !0, value: t, options: o } = s, u = Array.isArray(t) && t.length > 0;
+const ge = (s) => {
+  const { searchable: i = !0, value: r, options: a } = s, u = Array.isArray(r) && r.length > 0;
   function p() {
-    return s.inputProps?.prefix ? s.inputProps.prefix : u ? t.map((l) => /* @__PURE__ */ n(
+    return s.inputProps?.prefix ? s.inputProps.prefix : u ? r.map((l) => /* @__PURE__ */ n(
       X,
       {
-        label: o.find((g) => g.value === l)?.label,
+        label: a.find((g) => g.value === l)?.label,
         clickable: !0,
-        leftIcon: /* @__PURE__ */ n(q, {}),
+        leftIcon: /* @__PURE__ */ n(R, {}),
         onClick: (g) => {
           g.stopPropagation();
-          const c = t.filter((x) => x !== l);
+          const c = r.filter((C) => C !== l);
           s.onChange?.(c);
         }
       },
       l
     )) : null;
   }
-  const i = { ...s };
-  return i.dropdownType === "popover" && !r && (i.popoverClassName = d("dgs-ui-kit-pt-3", i.popoverClassName)), i.dropdownType === "drawer" && (i.drawerProps = {
-    ...i.drawerProps,
+  const t = { ...s };
+  return t.dropdownType === "popover" && !i && (t.popoverClassName = d("dgsuikit:pt-3", t.popoverClassName)), t.dropdownType === "drawer" && (t.drawerProps = {
+    ...t.drawerProps,
     containerClassName: d(
-      r ? "!dgs-ui-kit-pt-0" : "!dgs-ui-kit-pt-3",
-      i.drawerProps?.containerClassName
+      i ? "dgsuikit:!pt-0" : "dgsuikit:!pt-3",
+      t.drawerProps?.containerClassName
     )
-  }), i.customInput || (i.inputProps = {
-    ...i.inputProps,
-    value: se(t, o),
+  }), t.customInput || (t.inputProps = {
+    ...t.inputProps,
+    value: ie(r, a),
     prefix: p(),
     prefixClassName: u ? d(
-      "dgs-ui-kit-flex dgs-ui-kit-items-center flex dgs-ui-kit-flex-wrap dgs-ui-kit-gap-2 dgs-ui-kit-w-full",
-      i.inputProps?.prefixClassName
-    ) : i.inputProps?.prefixClassName,
-    className: u ? "dgs-ui-kit-hidden" : i.inputProps?.className,
-    containerClassName: u ? d("dgs-ui-kit-items-baseline", i.inputProps?.containerClassName) : i.inputProps?.containerClassName
-  }), /* @__PURE__ */ n(Q, { ...i, children: /* @__PURE__ */ n(ie, { ...s }) });
+      "dgsuikit:flex dgsuikit:items-center flex dgsuikit:flex-wrap dgsuikit:gap-2 dgsuikit:w-full",
+      t.inputProps?.prefixClassName
+    ) : t.inputProps?.prefixClassName,
+    className: u ? "dgsuikit:hidden" : t.inputProps?.className,
+    containerClassName: u ? d("dgsuikit:items-baseline", t.inputProps?.containerClassName) : t.inputProps?.containerClassName
+  }), /* @__PURE__ */ n(Q, { ...t, children: /* @__PURE__ */ n(te, { ...s }) });
 };
 export {
-  fe as default
+  ge as default
 };

package/dist/Form/Switch/index.cjs

@@ -1 +1 @@
-"use strict";require('../../assets/styles.css');const i=require("react/jsx-runtime"),t=require("../../clsx-C11secjj.cjs");;/* empty css                      */const u={large:{switch:"dgs-ui-kit-w-11 dgs-ui-kit-h-6",label:"dgs-ui-kit-font-p1-medium",toggler:"dgs-ui-kit-size-5"},small:{switch:"dgs-ui-kit-w-9 dgs-ui-kit-h-5",label:"dgs-ui-kit-font-p2-medium",toggler:"dgs-ui-kit-size-4"}},n=d=>{const{checked:s,onChange:r,isIntermediate:e,label:l,description:a,disabled:k,size:g="large",className:o,containerClassName:c}=d;return i.jsxs("button",{type:"button",className:t.clsx("dgs-ui-kit-flex dgs-ui-kit-gap-x-2 dgs-ui-kit-group",k&&"dgs-ui-kit-opacity-50",c),onClick:()=>r(!s),children:[i.jsx("div",{className:t.clsx("dgs-ui-kit-relative dgs-ui-kit-rounded-xl dgs-ui-kit-transition","group-hover:dgs-ui-kit-ring-4 group-hover:dgs-ui-kit-ring-gray-100","group-focus:dgs-ui-kit-ring-offset-1 group-focus:dgs-ui-kit-ring-offset-white group-focus:dgs-ui-kit-ring-4 group-focus:dgs-ui-kit-ring-primary-300",s?"dgs-ui-kit-bg-primary-500":"dgs-ui-kit-bg-gray-300",u[g].switch,o),children:i.jsx("div",{className:t.clsx("dgs-ui-kit-bg-white dgs-ui-kit-rounded-full dgs-ui-kit-transition-all dgs-ui-kit-absolute dgs-ui-kit-top-1/2 -dgs-ui-kit-translate-y-1/2 dgs-ui-kit-right-0.5 dgs-ui-kit-left-0.5",{"dgs-ui-kit-left-[calc(100%-2px)]":!s,"!dgs-ui-kit-w-3 !dgs-ui-kit-h-0.5 dgs-ui-kit-left-1/2 dgs-ui-kit-right-1/2 dgs-ui-kit-translate-x-1/2":s&&e,"dgs-ui-kit-right-[calc(100%-2px)] dgs-ui-kit-translate-x-full":s&&!e},u[g].toggler)})}),i.jsxs("div",{className:"dgs-ui-kit-space-y-1 -dgs-ui-kit-mt-1",children:[i.jsx("div",{className:t.clsx(u[g].label,"dgs-ui-kit-text-gray-700 group-hover:dgs-ui-kit-text-primary-500 dgs-ui-kit-transition-colors"),children:l}),i.jsx("div",{className:"dgs-ui-kit-font-p3-regular dgs-ui-kit-text-gray-500",children:a})]})]})};module.exports=n;
+"use strict";require('../../assets/styles.css');const i=require("react/jsx-runtime"),t=require("../../clsx-C11secjj.cjs");;/* empty css                      */const u={large:{switch:"dgsuikit:w-11 dgsuikit:h-6",label:"dgsuikit:font-p1-medium",toggler:"dgsuikit:size-5"},small:{switch:"dgsuikit:w-9 dgsuikit:h-5",label:"dgsuikit:font-p2-medium",toggler:"dgsuikit:size-4"}},n=d=>{const{checked:s,onChange:r,isIntermediate:e,label:l,description:a,disabled:k,size:g="large",className:o,containerClassName:c}=d;return i.jsxs("button",{type:"button",className:t.clsx("dgsuikit:flex dgsuikit:gap-x-2 dgsuikit:group",k&&"dgsuikit:opacity-50",c),onClick:()=>r(!s),children:[i.jsx("div",{className:t.clsx("dgsuikit:relative dgsuikit:rounded-xl dgsuikit:transition","dgsuikit:group-hover:ring-4 dgsuikit:group-hover:ring-gray-100","dgsuikit:group-focus:ring-offset-1 dgsuikit:group-focus:ring-offset-white dgsuikit:group-focus:ring-4 dgsuikit:group-focus:ring-primary-300",s?"dgsuikit:bg-primary-500":"dgsuikit:bg-gray-300",u[g].switch,o),children:i.jsx("div",{className:t.clsx("dgsuikit:bg-white dgsuikit:rounded-full dgsuikit:transition-all dgsuikit:absolute dgsuikit:top-1/2 dgsuikit:-translate-y-1/2 dgsuikit:right-0.5 dgsuikit:left-0.5",{"dgsuikit:left-[calc(100%-2px)]":!s,"dgsuikit:!w-3 dgsuikit:!h-0.5 dgsuikit:left-1/2 dgsuikit:right-1/2 dgsuikit:translate-x-1/2":s&&e,"dgsuikit:right-[calc(100%-2px)] dgsuikit:translate-x-full":s&&!e},u[g].toggler)})}),i.jsxs("div",{className:"dgsuikit:space-y-1 dgsuikit:-mt-1",children:[i.jsx("div",{className:t.clsx(u[g].label,"dgsuikit:text-gray-700 dgsuikit:group-hover:text-primary-500 dgsuikit:transition-colors"),children:l}),i.jsx("div",{className:"dgsuikit:font-p3-regular dgsuikit:text-gray-500",children:a})]})]})};module.exports=n;