@dgshahr/ui-kit 0.0.81 → 0.0.83

package/dist/{index-CXKbrGQV.js → Form/Input/index.mjs}

@@ -1,9 +1,10 @@
-import { jsxs as d, jsx as t } from "react/jsx-runtime";
-import { c as f } from "./clsx-OuTLNxxd.js";
-import { forwardRef as C, useState as y } from "react";
-import { o as I } from "./omitObjects-CxFrrlkX.js";
-import { T as N } from "./TextFieldWrapper-BJEouM80.js";
-const M = (e) => /* @__PURE__ */ d(
+import { jsxs as h, jsx as t } from "react/jsx-runtime";
+import { c as f } from "../../clsx-OuTLNxxd.js";
+import { forwardRef as y, useState as C } from "react";
+import { I } from "../../IconEye-DATABBb3.js";
+import { o as N } from "../../omitObjects-CxFrrlkX.js";
+import { T as R } from "../../TextFieldWrapper-44165bs_.js";
+const b = (n) => /* @__PURE__ */ h(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -11,7 +12,7 @@ const M = (e) => /* @__PURE__ */ d(
     height: "1em",
     fill: "none",
     viewBox: "0 0 24 24",
-    ...e,
+    ...n,
     children: [
       /* @__PURE__ */ t(
         "path",
@@ -42,7 +43,7 @@ const M = (e) => /* @__PURE__ */ d(
       )
     ]
   }
-), R = (e) => /* @__PURE__ */ d(
+), M = (n) => /* @__PURE__ */ t(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -50,33 +51,7 @@ const M = (e) => /* @__PURE__ */ d(
     height: "1em",
     fill: "none",
     viewBox: "0 0 24 24",
-    ...e,
-    children: [
-      /* @__PURE__ */ t(
-        "path",
-        {
-          fill: "currentColor",
-          d: "M12.247 20.812c-4.033 0-7.654-2.828-9.686-7.558a.75.75 0 0 1 0-.592c2.034-4.732 5.655-7.557 9.687-7.557s7.657 2.825 9.69 7.557a.75.75 0 0 1 0 .592c-2.032 4.73-5.653 7.554-9.685 7.557zm-8.182-7.853c1.806 3.983 4.846 6.352 8.18 6.352 3.334.002 6.373-2.369 8.18-6.352-1.808-3.986-4.848-6.354-8.182-6.354s-6.37 2.368-8.176 6.354z"
-        }
-      ),
-      /* @__PURE__ */ t(
-        "path",
-        {
-          fill: "currentColor",
-          d: "M12.247 16.789a3.825 3.825 0 1 1 0-7.651 3.825 3.825 0 0 1 0 7.65m0-6.152a2.326 2.326 0 1 0 0 4.651 2.326 2.326 0 0 0 0-4.651"
-        }
-      )
-    ]
-  }
-), b = (e) => /* @__PURE__ */ t(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "1em",
-    height: "1em",
-    fill: "none",
-    viewBox: "0 0 24 24",
-    ...e,
+    ...n,
     children: /* @__PURE__ */ t(
       "path",
       {
@@ -87,18 +62,18 @@ const M = (e) => /* @__PURE__ */ d(
       }
     )
   }
-), j = C(function(a, m) {
+), z = y(function(a, m) {
   const {
-    dir: l = "rtl",
-    placeholderDir: x = l,
+    dir: i = "rtl",
+    placeholderDir: x = i,
     containerClassName: w,
-    leftIcon: u,
-    prefix: p,
-    postfix: g,
+    leftIcon: d,
+    prefix: u,
+    postfix: p,
     onClear: r,
     value: o,
-    ...i
-  } = a, v = I(i, [
+    ...e
+  } = a, v = N(e, [
     "labelAddon",
     "labelContent",
     "link",
@@ -108,8 +83,8 @@ const M = (e) => /* @__PURE__ */ d(
     "hintMessage",
     "wrapperClassName",
     "showMaxLength"
-  ]), [c, k] = y(i.type);
-  function h() {
+  ]), [c, k] = C(e.type);
+  function g() {
     return /* @__PURE__ */ t(
       "button",
       {
@@ -117,7 +92,7 @@ const M = (e) => /* @__PURE__ */ d(
           typeof r == "function" && r();
         },
         children: /* @__PURE__ */ t(
-          M,
+          b,
           {
             className: "dgs-ui-kit-text-gray-600",
             width: 20,
@@ -127,15 +102,15 @@ const M = (e) => /* @__PURE__ */ d(
       }
     );
   }
-  return /* @__PURE__ */ d(
-    N,
+  return /* @__PURE__ */ h(
+    R,
     {
       ...a,
       containerClassName: f("dgs-ui-kit-items-center", w),
       value: o,
       children: [
-        p && /* @__PURE__ */ t("span", { className: "dgs-ui-kit-font-p1-regular dgs-ui-kit-text-gray-500", children: p }),
-        typeof r == "function" && o && l === "ltr" && h(),
+        u && /* @__PURE__ */ t("span", { className: "dgs-ui-kit-font-p1-regular dgs-ui-kit-text-gray-500", children: u }),
+        typeof r == "function" && o && i === "ltr" && g(),
         /* @__PURE__ */ t(
           "input",
           {
@@ -143,40 +118,40 @@ const M = (e) => /* @__PURE__ */ d(
             ref: m,
             className: f(
               "dgs-ui-kit-bg-transparent focus:dgs-ui-kit-outline-none dgs-ui-kit-flex-1",
-              l === "rtl" ? "dgs-ui-kit-text-right" : "!dgs-ui-kit-text-left",
+              i === "rtl" ? "dgs-ui-kit-text-right" : "!dgs-ui-kit-text-left",
               x === "rtl" ? "placeholder:dgs-ui-kit-text-right" : "placeholder:dgs-ui-kit-text-left",
               {
-                ss02: i.type != "password"
+                ss02: e.type != "password"
               },
               a.className
             ),
-            ...l === "ltr" ? { style: { direction: "ltr" } } : {},
+            ...i === "ltr" ? { style: { direction: "ltr" } } : {},
             value: o,
             type: c,
             onInput: (s) => {
-              if (typeof i.onInput == "function" && i.onInput(s) || c !== "number") return;
-              const n = s.currentTarget;
-              n.value.length > n.maxLength && (n.value = n.value.slice(0, n.maxLength));
+              if (typeof e.onInput == "function" && e.onInput(s) || c !== "number") return;
+              const l = s.currentTarget;
+              l.value.length > l.maxLength && (l.value = l.value.slice(0, l.maxLength));
             }
           }
         ),
-        typeof r == "function" && o && l === "rtl" && h(),
-        g && /* @__PURE__ */ t("span", { className: "dgs-ui-kit-font-p1-regular dgs-ui-kit-text-gray-500", children: g }),
-        u && /* @__PURE__ */ t("div", { className: "dgs-ui-kit-text-gray-600", children: u }),
-        i.type === "password" && /* @__PURE__ */ t(
+        typeof r == "function" && o && i === "rtl" && g(),
+        p && /* @__PURE__ */ t("span", { className: "dgs-ui-kit-font-p1-regular dgs-ui-kit-text-gray-500", children: p }),
+        d && /* @__PURE__ */ t("div", { className: "dgs-ui-kit-text-gray-600", children: d }),
+        e.type === "password" && /* @__PURE__ */ t(
           "button",
           {
             type: "button",
             onClick: () => k((s) => s === "text" ? "password" : "text"),
             className: "dgs-ui-kit-text-gray-600",
             children: c === "password" ? /* @__PURE__ */ t(
-              R,
+              I,
               {
                 width: 20,
                 height: 20
               }
             ) : /* @__PURE__ */ t(
-              b,
+              M,
               {
                 width: 20,
                 height: 20
@@ -189,6 +164,5 @@ const M = (e) => /* @__PURE__ */ d(
   );
 });
 export {
-  j as I,
-  R as a
+  z as default
 };

package/dist/Form/OtpInput/index.cjs

@@ -1 +1 @@
-"use client";"use strict";require('../../assets/styles.css');const u=require("react/jsx-runtime"),m=require("../../clsx-C11secjj.cjs"),k=require("react"),y=require("../../TextFieldWrapper-BrWmggFz.cjs"),w=require("../../index-BctRb68z.cjs");;/* empty css                      */const T=a=>a.replace(/[۰-۹]/g,r=>String("۰۱۲۳۴۵۶۷۸۹".indexOf(r))),b=a=>{const{inputsNumber:r=4,onChange:o,onEnd:f,className:N,inputsContainerClassName:j,labelContent:g,hintMessage:d,errorMessage:c,isError:x,value:i,...C}=a,p=k.useRef(!1);function l(n){document.getElementById(`dgs-ui-kit-otp-input-${n}`)?.focus()}function E(n,t){const e=[n.code,n.key];if(e.includes("Backspace")||e.includes("Delete")){const s=i.split("");s[t]="",t!==0&&l(t-1),o(s.join(""))}else e.includes("ArrowLeft")?l(t-1):e.includes("ArrowRight")&&l(t+1)}function I(n,t){const e=T(n.currentTarget.value),s=i.split("");e.length>1?e.split("").forEach((v,h)=>{h<r&&(s[h]=v)}):s[t]=e,o(s.join("")),t+1!==r&&e&&l(t+1)}return k.useEffect(()=>{i.length===r&&p.current?(p.current=!1,typeof f=="function"&&f(i)):i.length<r&&(p.current=!0)},[i]),u.jsxs("div",{className:m.clsx("dgs-ui-kit-space-y-2",N),children:[g?u.jsx(y.FieldLabel,{labelContent:g}):null,u.jsx("div",{className:m.clsx("dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-gap-2 [direction:ltr]",j),children:Array.from(Array(r).keys()).map((n,t)=>u.jsx(w.Input,{containerClassName:"dgs-ui-kit-w-12 dgs-ui-kit-h-12 dgs-ui-kit-p-0",className:"dgs-ui-kit-w-full dgs-ui-kit-h-full !dgs-ui-kit-text-center placeholder:!dgs-ui-kit-text-center",placeholder:"-",autoFocus:t===0,onChange:e=>I(e,t),onKeyUp:e=>E(e,t),onFocus:e=>e.currentTarget.select(),id:`dgs-ui-kit-otp-input-${t}`,value:i[t]||"",showMaxLength:!1,isError:!!c||x,autoComplete:"off",maxLength:1,onPaste:e=>{const s=e.clipboardData.getData("text");Number(s)&&o(s)},onInput:e=>{const s=e.currentTarget;return!!(Number(s.value)&&s.value.length>1)},...C},n))}),c||d?u.jsx(y.FieldBottomInfo,{errorMessage:c,hintMessage:d}):null]})};module.exports=b;
+"use client";"use strict";require('../../assets/styles.css');const u=require("react/jsx-runtime"),m=require("../../clsx-C11secjj.cjs"),k=require("react"),q=require("../../FieldBottomInfo-7YeZbp0-.cjs"),v=require("../../TextFieldWrapper-K0g1kAl1.cjs"),w=require("../Input/index.cjs");;/* empty css                      */const F=o=>o.replace(/[۰-۹]/g,r=>String("۰۱۲۳۴۵۶۷۸۹".indexOf(r))),T=o=>{const{inputsNumber:r=4,onChange:a,onEnd:g,className:y,inputsContainerClassName:N,labelContent:p,hintMessage:d,errorMessage:c,isError:j,value:i,...x}=o,f=k.useRef(!1);function l(n){document.getElementById(`dgs-ui-kit-otp-input-${n}`)?.focus()}function C(n,t){const e=[n.code,n.key];if(e.includes("Backspace")||e.includes("Delete")){const s=i.split("");s[t]="",t!==0&&l(t-1),a(s.join(""))}else e.includes("ArrowLeft")?l(t-1):e.includes("ArrowRight")&&l(t+1)}function E(n,t){const e=F(n.currentTarget.value),s=i.split("");e.length>1?e.split("").forEach((I,h)=>{h<r&&(s[h]=I)}):s[t]=e,a(s.join("")),t+1!==r&&e&&l(t+1)}return k.useEffect(()=>{i.length===r&&f.current?(f.current=!1,typeof g=="function"&&g(i)):i.length<r&&(f.current=!0)},[i]),u.jsxs("div",{className:m.clsx("dgs-ui-kit-space-y-2",y),children:[p?u.jsx(v.FieldLabel,{labelContent:p}):null,u.jsx("div",{className:m.clsx("dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-gap-2 [direction:ltr]",N),children:Array.from(Array(r).keys()).map((n,t)=>u.jsx(w,{containerClassName:"dgs-ui-kit-w-12 dgs-ui-kit-h-12 dgs-ui-kit-p-0",className:"dgs-ui-kit-w-full dgs-ui-kit-h-full !dgs-ui-kit-text-center placeholder:!dgs-ui-kit-text-center",placeholder:"-",autoFocus:t===0,onChange:e=>E(e,t),onKeyUp:e=>C(e,t),onFocus:e=>e.currentTarget.select(),id:`dgs-ui-kit-otp-input-${t}`,value:i[t]||"",showMaxLength:!1,isError:!!c||j,autoComplete:"off",maxLength:1,onPaste:e=>{const s=e.clipboardData.getData("text");Number(s)&&a(s)},onInput:e=>{const s=e.currentTarget;return!!(Number(s.value)&&s.value.length>1)},...x},n))}),c||d?u.jsx(q.FieldBottomInfo,{errorMessage:c,hintMessage:d}):null]})};module.exports=T;

package/dist/Form/OtpInput/{index.js → index.mjs}

@@ -1,11 +1,12 @@
 "use client";
-import { jsxs as w, jsx as o } from "react/jsx-runtime";
+import { jsxs as I, jsx as u } from "react/jsx-runtime";
 import { c as h } from "../../clsx-OuTLNxxd.js";
-import { useRef as b, useEffect as T } from "react";
-import { F, a as j } from "../../TextFieldWrapper-BJEouM80.js";
-import { I as A } from "../../index-CXKbrGQV.js";
+import { useRef as b, useEffect as F } from "react";
+import { F as T } from "../../FieldBottomInfo-B1n-gK3T.js";
+import { F as j } from "../../TextFieldWrapper-44165bs_.js";
+import A from "../Input/index.mjs";
 import '../../assets/styles.css';/* empty css                    */
-const B = (u) => u.replace(/[۰-۹]/g, (i) => String("۰۱۲۳۴۵۶۷۸۹".indexOf(i))), R = (u) => {
+const B = (a) => a.replace(/[۰-۹]/g, (i) => String("۰۱۲۳۴۵۶۷۸۹".indexOf(i))), U = (a) => {
   const {
     inputsNumber: i = 4,
     onChange: l,
@@ -18,42 +19,42 @@ const B = (u) => u.replace(/[۰-۹]/g, (i) => String("۰۱۲۳۴۵۶۷۸۹".inde
     isError: N,
     value: r,
     ...C
-  } = u, f = b(!1);
-  function a(n) {
+  } = a, f = b(!1);
+  function o(n) {
     document.getElementById(`dgs-ui-kit-otp-input-${n}`)?.focus();
   }
   function E(n, t) {
     const e = [n.code, n.key];
     if (e.includes("Backspace") || e.includes("Delete")) {
       const s = r.split("");
-      s[t] = "", t !== 0 && a(t - 1), l(s.join(""));
-    } else e.includes("ArrowLeft") ? a(t - 1) : e.includes("ArrowRight") && a(t + 1);
+      s[t] = "", t !== 0 && o(t - 1), l(s.join(""));
+    } else e.includes("ArrowLeft") ? o(t - 1) : e.includes("ArrowRight") && o(t + 1);
   }
-  function I(n, t) {
+  function v(n, t) {
     const e = B(n.currentTarget.value), s = r.split("");
-    e.length > 1 ? e.split("").forEach((v, d) => {
-      d < i && (s[d] = v);
-    }) : s[t] = e, l(s.join("")), t + 1 !== i && e && a(t + 1);
+    e.length > 1 ? e.split("").forEach((w, d) => {
+      d < i && (s[d] = w);
+    }) : s[t] = e, l(s.join("")), t + 1 !== i && e && o(t + 1);
   }
-  return T(() => {
+  return F(() => {
     r.length === i && f.current ? (f.current = !1, typeof p == "function" && p(r)) : r.length < i && (f.current = !0);
-  }, [r]), /* @__PURE__ */ w("div", { className: h("dgs-ui-kit-space-y-2", k), children: [
-    g ? /* @__PURE__ */ o(F, { labelContent: g }) : null,
-    /* @__PURE__ */ o(
+  }, [r]), /* @__PURE__ */ I("div", { className: h("dgs-ui-kit-space-y-2", k), children: [
+    g ? /* @__PURE__ */ u(j, { labelContent: g }) : null,
+    /* @__PURE__ */ u(
       "div",
       {
         className: h(
           "dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-gap-2 [direction:ltr]",
           y
         ),
-        children: Array.from(Array(i).keys()).map((n, t) => /* @__PURE__ */ o(
+        children: Array.from(Array(i).keys()).map((n, t) => /* @__PURE__ */ u(
           A,
           {
             containerClassName: "dgs-ui-kit-w-12 dgs-ui-kit-h-12 dgs-ui-kit-p-0",
             className: "dgs-ui-kit-w-full dgs-ui-kit-h-full !dgs-ui-kit-text-center placeholder:!dgs-ui-kit-text-center",
             placeholder: "-",
             autoFocus: t === 0,
-            onChange: (e) => I(e, t),
+            onChange: (e) => v(e, t),
             onKeyUp: (e) => E(e, t),
             onFocus: (e) => e.currentTarget.select(),
             id: `dgs-ui-kit-otp-input-${t}`,
@@ -76,8 +77,8 @@ const B = (u) => u.replace(/[۰-۹]/g, (i) => String("۰۱۲۳۴۵۶۷۸۹".inde
         ))
       }
     ),
-    c || m ? /* @__PURE__ */ o(
-      j,
+    c || m ? /* @__PURE__ */ u(
+      T,
       {
         errorMessage: c,
         hintMessage: m
@@ -86,5 +87,5 @@ const B = (u) => u.replace(/[۰-۹]/g, (i) => String("۰۱۲۳۴۵۶۷۸۹".inde
   ] });
 };
 export {
-  R as default
+  U as default
 };

package/dist/Form/Select/index.cjs

@@ -1 +1 @@
-"use strict";require('../../assets/styles.css');const s=require("react/jsx-runtime"),d=require("../../clsx-C11secjj.cjs"),o=require("react"),F=require("../Checkbox/index.cjs"),W=require("../../Button/index.cjs"),R=require("../../index-BctRb68z.cjs"),M=require("../../PickerWrapper-CWSAzbwY.cjs");;/* empty css                      */const _=i=>s.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 24 24",...i,children:s.jsx("path",{stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.5,d:"M11.767 20.755a8.989 8.989 0 1 0 0-17.977 8.989 8.989 0 0 0 0 17.977M18.018 18.485 21.542 22"})});function H(i,r=100){if(!i)return;const t=document.createElement("input");t.style.position="absolute",t.style.top=`${i.offsetTop+7}px`,t.style.left=`${i.offsetLeft}px`,t.style.height="0px",t.style.opacity="0px",document.body.appendChild(t),t.focus(),setTimeout(()=>{i.focus(),i.click(),document.body.removeChild(t)},r)}function z({label:i,isMultiple:r,isActive:t,disabled:u}){return r?s.jsx(F,{checked:t,label:i,readOnly:!0,disabled:u}):i}const D=i=>{const{option:r,onClick:t,value:u,mode:n,optionCellClassName:g,optionCell:a}=i;function c(){return Array.isArray(u)?u.includes(r.value):r.value===u}return s.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",c()?"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:r.disabled,children:a?a(r,c()):z({label:r.label,isMultiple:n==="multiple",isActive:c(),disabled:r.disabled??!1})})},T=o.memo(D),K=20,U=i=>{const{options:r,mode:t="single",afterOptions:u,beforOptions:n,onChange:g,searchable:a=!0,separateSelectedOptions:c=!0,optionsTitle:w="عنوان‌ها",value:p,optionCellClassName:P,emptyContent:q="نتیجه‌ای یافت نشد !",showClearButtonOnEmpty:A=!0}=i,[f,N]=o.useState(""),[k,L]=o.useState(0),m=o.useRef(null),{toggleWrapperVisibility:$}=M.usePickerWrapperContext(),O=d.clsx("dgs-ui-kit-border-t dgs-ui-kit-border-solid dgs-ui-kit-border-gray-100",(!a&&!n||t==="multiple"&&c)&&"first-of-type:dgs-ui-kit-border-t-0",!!u&&"last-of-type:dgs-ui-kit-border-b");let h;const b=a;typeof a=="boolean"?h=a:h=Object.keys(a).length>0;const y=o.useMemo(()=>f?r?.filter(e=>e.label.includes(f)):r,[f,r]),v=o.useMemo(()=>t==="multiple"&&c?r?.filter(e=>p.includes(e.value))??[]:[],[r,p]),I=o.useMemo(()=>{let e=y;t==="multiple"&&c&&(e=e?.filter(j=>!p.includes(j.value)));const l=Math.min(k+K,e?.length??0);return e?.slice(k,l)},[y,k,p]),x=m?.current?.children[0]?.clientHeight??50,B=(y?.length??0)*x,C=o.useCallback(()=>{const e=m?.current?.parentElement;if(!e)return;const l=e.scrollTop,j=m.current.offsetTop,S=Math.floor((l-j)/x);L(S>=0?S:0)},[x]);o.useEffect(()=>{const e=m.current?.parentElement;if(e)return e.addEventListener("scroll",C),()=>e.removeEventListener("scroll",C)},[C]),o.useEffect(()=>{h&&H(document.getElementById("search-input"),400)},[]);const E=o.useCallback(e=>{if(typeof g=="function")if(t==="multiple"){const l=[...p??[]];l.includes(e)?l.splice(l.indexOf(e),1):l.push(e),g(l)}else g(e),$()},[p]);return s.jsxs(s.Fragment,{children:[h&&s.jsx(R.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",n?"dgs-ui-kit-pb-2":"dgs-ui-kit-pb-3",b?.wrapperClassName),placeholder:b?.placeholder??"جستجوی عنوان",value:f,onChange:e=>N(e.currentTarget.value),rightIcon:b?.rightIcon??s.jsx(_,{width:20,height:20}),...typeof a=="object"?a:{}}),n,t==="multiple"&&c&&v.length>0&&s.jsxs(s.Fragment,{children:[s.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:`${w}‌ی انتخاب شده`}),v.map(e=>s.jsx(T,{onClick:()=>E(e.value),option:e,optionCellClassName:d.clsx(O,P),...i},e.value))]}),s.jsxs(s.Fragment,{children:[t==="multiple"&&c&&s.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:w}),s.jsx("div",{ref:m,className:"dgs-ui-kit-relative",style:{height:B},children:I?.map((e,l)=>s.jsx("div",{className:d.clsx("dgs-ui-kit-absolute dgs-ui-kit-w-full",O),style:{top:`${(k+l)*x}px`},children:s.jsx(T,{onClick:()=>E(e.value),option:e,...i})},e.value))}),!I?.length&&!v.length&&s.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:[s.jsx("p",{className:"dgs-ui-kit-text-gray-500 dgs-ui-kit-font-p3-medium",children:q}),A&&s.jsx(W,{type:"button",className:"dgs-ui-kit-mt-1",variant:"text",size:"small",onClick:()=>N(""),children:"پاک کردن"})]})]}),u]})};function V(i,r){return Array.isArray(i)?r.filter(t=>i.includes(t.value)).map(t=>t.label).join(", "):r.find(t=>t.value===i)?.label??""}const G=i=>{const{searchable:r=!0,value:t,options:u}=i,n={...i};return n.dropdownType==="popover"&&!r&&(n.popoverClassName=d.clsx("dgs-ui-kit-pt-3",n.popoverClassName)),n.dropdownType==="drawer"&&(n.drawerProps={...n.drawerProps,containerClassName:d.clsx(r?"!dgs-ui-kit-pt-0":"!dgs-ui-kit-pt-3",n.drawerProps?.containerClassName)}),n.customInput||(n.inputProps={...n.inputProps,value:V(t,u)}),s.jsx(M.PickerWrapper,{...n,children:s.jsx(U,{...i})})};module.exports=G;
+"use strict";require('../../assets/styles.css');const s=require("react/jsx-runtime"),d=require("../../clsx-C11secjj.cjs"),o=require("react"),F=require("../Checkbox/index.cjs"),W=require("../../Button/index.cjs"),R=require("../Input/index.cjs"),M=require("../../PickerWrapper-CoDy6coa.cjs");;/* empty css                      */const _=i=>s.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 24 24",...i,children:s.jsx("path",{stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.5,d:"M11.767 20.755a8.989 8.989 0 1 0 0-17.977 8.989 8.989 0 0 0 0 17.977M18.018 18.485 21.542 22"})});function H(i,r=100){if(!i)return;const t=document.createElement("input");t.style.position="absolute",t.style.top=`${i.offsetTop+7}px`,t.style.left=`${i.offsetLeft}px`,t.style.height="0px",t.style.opacity="0px",document.body.appendChild(t),t.focus(),setTimeout(()=>{i.focus(),i.click(),document.body.removeChild(t)},r)}function z({label:i,isMultiple:r,isActive:t,disabled:u}){return r?s.jsx(F,{checked:t,label:i,readOnly:!0,disabled:u}):i}const D=i=>{const{option:r,onClick:t,value:u,mode:n,optionCellClassName:g,optionCell:a}=i;function c(){return Array.isArray(u)?u.includes(r.value):r.value===u}return s.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",c()?"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:r.disabled,children:a?a(r,c()):z({label:r.label,isMultiple:n==="multiple",isActive:c(),disabled:r.disabled??!1})})},T=o.memo(D),K=20,U=i=>{const{options:r,mode:t="single",afterOptions:u,beforOptions:n,onChange:g,searchable:a=!0,separateSelectedOptions:c=!0,optionsTitle:w="عنوان‌ها",value:p,optionCellClassName:P,emptyContent:q="نتیجه‌ای یافت نشد !",showClearButtonOnEmpty:A=!0}=i,[f,N]=o.useState(""),[k,L]=o.useState(0),m=o.useRef(null),{toggleWrapperVisibility:$}=M.usePickerWrapperContext(),O=d.clsx("dgs-ui-kit-border-t dgs-ui-kit-border-solid dgs-ui-kit-border-gray-100",(!a&&!n||t==="multiple"&&c)&&"first-of-type:dgs-ui-kit-border-t-0",!!u&&"last-of-type:dgs-ui-kit-border-b");let h;const b=a;typeof a=="boolean"?h=a:h=Object.keys(a).length>0;const y=o.useMemo(()=>f?r?.filter(e=>e.label.includes(f)):r,[f,r]),v=o.useMemo(()=>t==="multiple"&&c?r?.filter(e=>p.includes(e.value))??[]:[],[r,p]),I=o.useMemo(()=>{let e=y;t==="multiple"&&c&&(e=e?.filter(j=>!p.includes(j.value)));const l=Math.min(k+K,e?.length??0);return e?.slice(k,l)},[y,k,p]),x=m?.current?.children[0]?.clientHeight??50,B=(y?.length??0)*x,C=o.useCallback(()=>{const e=m?.current?.parentElement;if(!e)return;const l=e.scrollTop,j=m.current.offsetTop,S=Math.floor((l-j)/x);L(S>=0?S:0)},[x]);o.useEffect(()=>{const e=m.current?.parentElement;if(e)return e.addEventListener("scroll",C),()=>e.removeEventListener("scroll",C)},[C]),o.useEffect(()=>{h&&H(document.getElementById("search-input"),400)},[]);const E=o.useCallback(e=>{if(typeof g=="function")if(t==="multiple"){const l=[...p??[]];l.includes(e)?l.splice(l.indexOf(e),1):l.push(e),g(l)}else g(e),$()},[p]);return s.jsxs(s.Fragment,{children:[h&&s.jsx(R,{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",n?"dgs-ui-kit-pb-2":"dgs-ui-kit-pb-3",b?.wrapperClassName),placeholder:b?.placeholder??"جستجوی عنوان",value:f,onChange:e=>N(e.currentTarget.value),rightIcon:b?.rightIcon??s.jsx(_,{width:20,height:20}),...typeof a=="object"?a:{}}),n,t==="multiple"&&c&&v.length>0&&s.jsxs(s.Fragment,{children:[s.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:`${w}‌ی انتخاب شده`}),v.map(e=>s.jsx(T,{onClick:()=>E(e.value),option:e,optionCellClassName:d.clsx(O,P),...i},e.value))]}),s.jsxs(s.Fragment,{children:[t==="multiple"&&c&&s.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:w}),s.jsx("div",{ref:m,className:"dgs-ui-kit-relative",style:{height:B},children:I?.map((e,l)=>s.jsx("div",{className:d.clsx("dgs-ui-kit-absolute dgs-ui-kit-w-full",O),style:{top:`${(k+l)*x}px`},children:s.jsx(T,{onClick:()=>E(e.value),option:e,...i})},e.value))}),!I?.length&&!v.length&&s.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:[s.jsx("p",{className:"dgs-ui-kit-text-gray-500 dgs-ui-kit-font-p3-medium",children:q}),A&&s.jsx(W,{type:"button",className:"dgs-ui-kit-mt-1",variant:"text",size:"small",onClick:()=>N(""),children:"پاک کردن"})]})]}),u]})};function V(i,r){return Array.isArray(i)?r.filter(t=>i.includes(t.value)).map(t=>t.label).join(", "):r.find(t=>t.value===i)?.label??""}const G=i=>{const{searchable:r=!0,value:t,options:u}=i,n={...i};return n.dropdownType==="popover"&&!r&&(n.popoverClassName=d.clsx("dgs-ui-kit-pt-3",n.popoverClassName)),n.dropdownType==="drawer"&&(n.drawerProps={...n.drawerProps,containerClassName:d.clsx(r?"!dgs-ui-kit-pt-0":"!dgs-ui-kit-pt-3",n.drawerProps?.containerClassName)}),n.customInput||(n.inputProps={...n.inputProps,value:V(t,u)}),s.jsx(M.PickerWrapper,{...n,children:s.jsx(U,{...i})})};module.exports=G;

package/dist/Form/Select/{index.js → index.mjs}

@@ -1,10 +1,10 @@
 import { jsx as n, jsxs as b, Fragment as N } from "react/jsx-runtime";
 import { c as d } from "../../clsx-OuTLNxxd.js";
 import { memo as D, useState as L, useRef as F, useMemo as O, useCallback as M, useEffect as $ } from "react";
-import K from "../Checkbox/index.js";
-import U from "../../Button/index.js";
-import { I as V } from "../../index-CXKbrGQV.js";
-import { u as q, P as G } from "../../PickerWrapper-ChkVx96j.js";
+import K from "../Checkbox/index.mjs";
+import U from "../../Button/index.mjs";
+import V from "../Input/index.mjs";
+import { u as q, P as G } from "../../PickerWrapper-DlnSW_YD.js";
 import '../../assets/styles.css';/* empty css                    */
 const J = (i) => /* @__PURE__ */ n(
   "svg",

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-BrWmggFz.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("dgs-ui-kit-bg-transparent dgs-ui-kit-leading-normal dgs-ui-kit-w-full dgs-ui-kit-h-full focus:dgs-ui-kit-outline-none ss02 dgs-ui-kit-flex-1 dgs-ui-kit-resize-none",t==="rtl"?"dgs-ui-kit-text-right":"!dgs-ui-kit-text-left",l==="rtl"?"placeholder:dgs-ui-kit-text-right":"placeholder:dgs-ui-kit-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-K0g1kAl1.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("dgs-ui-kit-bg-transparent dgs-ui-kit-leading-normal dgs-ui-kit-w-full dgs-ui-kit-h-full focus:dgs-ui-kit-outline-none ss02 dgs-ui-kit-flex-1 dgs-ui-kit-resize-none",t==="rtl"?"dgs-ui-kit-text-right":"!dgs-ui-kit-text-left",l==="rtl"?"placeholder:dgs-ui-kit-text-right":"placeholder:dgs-ui-kit-text-left",a),rows:r.rows??5})})});module.exports=g;

package/dist/Form/Textarea/{index.js → 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-BJEouM80.js";
+import { T as u } from "../../TextFieldWrapper-44165bs_.js";
 const h = d(function(t, s) {
   const { dir: e = "rtl", placeholderDir: o = e, className: a, ...r } = t, l = g(r, [
     "labelAddon",

package/dist/IconEye-DATABBb3.js

@@ -0,0 +1,31 @@
+import { jsxs as t, jsx as o } from "react/jsx-runtime";
+const l = (r) => /* @__PURE__ */ t(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    ...r,
+    children: [
+      /* @__PURE__ */ o(
+        "path",
+        {
+          fill: "currentColor",
+          d: "M12.247 20.812c-4.033 0-7.654-2.828-9.686-7.558a.75.75 0 0 1 0-.592c2.034-4.732 5.655-7.557 9.687-7.557s7.657 2.825 9.69 7.557a.75.75 0 0 1 0 .592c-2.032 4.73-5.653 7.554-9.685 7.557zm-8.182-7.853c1.806 3.983 4.846 6.352 8.18 6.352 3.334.002 6.373-2.369 8.18-6.352-1.808-3.986-4.848-6.354-8.182-6.354s-6.37 2.368-8.176 6.354z"
+        }
+      ),
+      /* @__PURE__ */ o(
+        "path",
+        {
+          fill: "currentColor",
+          d: "M12.247 16.789a3.825 3.825 0 1 1 0-7.651 3.825 3.825 0 0 1 0 7.65m0-6.152a2.326 2.326 0 1 0 0 4.651 2.326 2.326 0 0 0 0-4.651"
+        }
+      )
+    ]
+  }
+);
+export {
+  l as I
+};

package/dist/IconEye-sBk4Mro2.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("react/jsx-runtime"),t=s=>e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 24 24",...s,children:[e.jsx("path",{fill:"currentColor",d:"M12.247 20.812c-4.033 0-7.654-2.828-9.686-7.558a.75.75 0 0 1 0-.592c2.034-4.732 5.655-7.557 9.687-7.557s7.657 2.825 9.69 7.557a.75.75 0 0 1 0 .592c-2.032 4.73-5.653 7.554-9.685 7.557zm-8.182-7.853c1.806 3.983 4.846 6.352 8.18 6.352 3.334.002 6.373-2.369 8.18-6.352-1.808-3.986-4.848-6.354-8.182-6.354s-6.37 2.368-8.176 6.354z"}),e.jsx("path",{fill:"currentColor",d:"M12.247 16.789a3.825 3.825 0 1 1 0-7.651 3.825 3.825 0 0 1 0 7.65m0-6.152a2.326 2.326 0 1 0 0 4.651 2.326 2.326 0 0 0 0-4.651"})]});exports.IconEye=t;

package/dist/Pagination/{index.js → index.mjs}

@@ -4,7 +4,7 @@ import { c as p } from "../clsx-OuTLNxxd.js";
 import { useState as w } from "react";
 import { I as v } from "../IconArrowLeft2-cxcPyDqS.js";
 import { I as C } from "../IconArrowRight2-BoXg0Gkw.js";
-import I from "../Button/index.js";
+import I from "../Button/index.mjs";
 import '../assets/styles.css';/* empty css                 */
 const f = "...";
 function h(d, u) {

package/dist/PickerWrapper-CoDy6coa.cjs

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

package/dist/{PickerWrapper-ChkVx96j.js → PickerWrapper-DlnSW_YD.js}

@@ -2,9 +2,9 @@
 import { jsxs as T, jsx as t, Fragment as y } from "react/jsx-runtime";
 import { c as i } from "./clsx-OuTLNxxd.js";
 import { createContext as W, useContext as E, useRef as P, useEffect as S, useState as f } from "react";
-import D from "./Drawer/index.js";
+import D from "./Drawer/index.mjs";
 import { I as O } from "./IconArrowDown2-7ddwV5IE.js";
-import { I as R } from "./index-CXKbrGQV.js";
+import R from "./Form/Input/index.mjs";
 import './assets/styles.css';/* empty css                */
 const v = W({
   toggleWrapperVisibility: () => {

package/dist/{Slide-CFSk8Dlg.js → Slide-CqKDMR53.js}

@@ -4,7 +4,7 @@ import { c as p } from "./clsx-OuTLNxxd.js";
 import { createContext as F, useContext as $, useState as C, useEffect as b, forwardRef as K, useRef as A, useImperativeHandle as z, useId as X } from "react";
 import { I as q } from "./IconArrowLeft2-cxcPyDqS.js";
 import { I as H } from "./IconArrowRight2-BoXg0Gkw.js";
-import W from "./Button/index.js";
+import W from "./Button/index.mjs";
 const M = F({
   slidesPerView: 1,
   spaceBetween: 0,

package/dist/Slider/{index.js → index.mjs}

@@ -1,5 +1,5 @@
 import '../assets/styles.css';/* empty css                 */
-import { a as i, S as o } from "../Slide-CFSk8Dlg.js";
+import { a as i, S as o } from "../Slide-CqKDMR53.js";
 export {
   i as Slide,
   o as Slider

package/dist/Tabs/index.cjs

@@ -1 +1 @@
-"use strict";require('../assets/styles.css');const e=require("react/jsx-runtime"),t=require("../clsx-C11secjj.cjs"),o=require("../Badge/index.cjs");;/* empty css                   */const a=u=>{const{activeKey:s,onChange:g,items:l,className:k,tabItemClassName:c,fullWidth:d}=u,r=u.fullWidthButtons;return e.jsx("div",{className:t.clsx("dgs-ui-kit-flex dgs-ui-kit-border-b dgs-ui-kit-border-gray-200 dgs-ui-kit-border-solid",d?"dgs-ui-kit-w-full":"dgs-ui-kit-w-fit",k),children:l.map(i=>e.jsxs("button",{onClick:()=>g(i.key),disabled:i.disabled,className:t.clsx("dgs-ui-kit-group",{"dgs-ui-kit-flex-1":d&&r}),children:[e.jsxs("div",{className:t.clsx("dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-space-x-2 dgs-ui-kit-space-x-reverse dgs-ui-kit-px-3 dgs-ui-kit-py-4 dgs-ui-kit-transition",{"dgs-ui-kit-text-primary-500":s===i.key,"dgs-ui-kit-text-gray-500 group-hover:dgs-ui-kit-text-gray-600":s!==i.key,"dgs-ui-kit-cursor-not-allowed dgs-ui-kit-opacity-40":i.disabled,"dgs-ui-kit-justify-center":d&&r},c),children:[i.icon?e.jsx("div",{className:t.clsx("dgs-ui-kit-transition",{"dgs-ui-kit-text-gray-400 group-hover:dgs-ui-kit-text-gray-500":i.key!==s}),children:i.icon}):null,e.jsx("div",{className:"",children:i.title}),typeof i.badgeNumber=="number"&&e.jsx(o,{valueType:"number",value:i.badgeNumber,size:"small",className:t.clsx({"dgs-ui-kit-opacity-60":s!==i.key,"!dgs-ui-kit-opacity-100":i.disabled}),color:s===i.key?"primary":"gray"})]}),e.jsx("div",{className:t.clsx("dgs-ui-kit-w-full dgs-ui-kit-h-1 dgs-ui-kit-rounded-t dgs-ui-kit-transition",{"dgs-ui-kit-bg-gray-300 dgs-ui-kit-opacity-0 group-hover:dgs-ui-kit-opacity-100":i.key!==s&&!i.disabled,"dgs-ui-kit-bg-primary-500":i.key===s})})]},i.key))})};module.exports=a;
+"use strict";require('../assets/styles.css');const e=require("react/jsx-runtime"),t=require("../clsx-C11secjj.cjs"),o=require("../Badge/index.cjs");;/* empty css                   */const a=u=>{const{activeKey:s,onChange:g,items:l,className:k,tabItemClassName:c,fullWidth:d}=u,r=u.fullWidthButtons;return e.jsx("div",{className:t.clsx("dgs-ui-kit-flex dgs-ui-kit-border-b dgs-ui-kit-border-gray-200 dgs-ui-kit-border-solid",d?"dgs-ui-kit-w-full":"dgs-ui-kit-w-fit",k),children:l.map(i=>e.jsxs("button",{type:"button",onClick:()=>g(i.key),disabled:i.disabled,className:t.clsx("dgs-ui-kit-group",{"dgs-ui-kit-flex-1":d&&r}),children:[e.jsxs("div",{className:t.clsx("dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-space-x-2 dgs-ui-kit-space-x-reverse dgs-ui-kit-px-3 dgs-ui-kit-py-4 dgs-ui-kit-transition",{"dgs-ui-kit-text-primary-500":s===i.key,"dgs-ui-kit-text-gray-500 group-hover:dgs-ui-kit-text-gray-600":s!==i.key,"dgs-ui-kit-cursor-not-allowed dgs-ui-kit-opacity-40":i.disabled,"dgs-ui-kit-justify-center":d&&r},c),children:[i.icon?e.jsx("div",{className:t.clsx("dgs-ui-kit-transition",{"dgs-ui-kit-text-gray-400 group-hover:dgs-ui-kit-text-gray-500":i.key!==s}),children:i.icon}):null,e.jsx("div",{className:"",children:i.title}),typeof i.badgeNumber=="number"&&e.jsx(o,{valueType:"number",value:i.badgeNumber,size:"small",className:t.clsx({"dgs-ui-kit-opacity-60":s!==i.key,"!dgs-ui-kit-opacity-100":i.disabled}),color:s===i.key?"primary":"gray"})]}),e.jsx("div",{className:t.clsx("dgs-ui-kit-w-full dgs-ui-kit-h-1 dgs-ui-kit-rounded-t dgs-ui-kit-transition",{"dgs-ui-kit-bg-gray-300 dgs-ui-kit-opacity-0 group-hover:dgs-ui-kit-opacity-100":i.key!==s&&!i.disabled,"dgs-ui-kit-bg-primary-500":i.key===s})})]},i.key))})};module.exports=a;

package/dist/Tabs/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/Tabs/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,kBAAkB,CAAC;AAE1B,UAAU,QAAQ;IAChB,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,UAAU,aAAa;IACrB,SAAS,EAAE,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC3B,QAAQ,EAAE,CAAC,GAAG,EAAE,QAAQ,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC;IACzC,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,UAAU,kBAAmB,SAAQ,aAAa;IAChD,SAAS,EAAE,IAAI,CAAC;IAChB,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,UAAU,kBAAmB,SAAQ,IAAI,CAAC,aAAa,EAAE,kBAAkB,CAAC;IAC1E,SAAS,CAAC,EAAE,KAAK,CAAC;CACnB;AAED,KAAK,SAAS,GAAG,kBAAkB,GAAG,kBAAkB,CAAC;AAEzD,QAAA,MAAM,IAAI,EAAE,EAAE,CAAC,SAAS,CAyEvB,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/Tabs/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,kBAAkB,CAAC;AAE1B,UAAU,QAAQ;IAChB,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,UAAU,aAAa;IACrB,SAAS,EAAE,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC3B,QAAQ,EAAE,CAAC,GAAG,EAAE,QAAQ,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC;IACzC,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,UAAU,kBAAmB,SAAQ,aAAa;IAChD,SAAS,EAAE,IAAI,CAAC;IAChB,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,UAAU,kBAAmB,SAAQ,IAAI,CAAC,aAAa,EAAE,kBAAkB,CAAC;IAC1E,SAAS,CAAC,EAAE,KAAK,CAAC;CACnB;AAED,KAAK,SAAS,GAAG,kBAAkB,GAAG,kBAAkB,CAAC;AAEzD,QAAA,MAAM,IAAI,EAAE,EAAE,CAAC,SAAS,CA0EvB,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/Tabs/{index.js → index.mjs}

@@ -1,6 +1,6 @@
 import { jsx as t, jsxs as g } from "react/jsx-runtime";
 import { c as e } from "../clsx-OuTLNxxd.js";
-import c from "../Badge/index.js";
+import c from "../Badge/index.mjs";
 import '../assets/styles.css';/* empty css                 */
 const f = (u) => {
   const { activeKey: s, onChange: l, items: k, className: o, tabItemClassName: a, fullWidth: d } = u, r = u.fullWidthButtons;
@@ -15,6 +15,7 @@ const f = (u) => {
       children: k.map((i) => /* @__PURE__ */ g(
         "button",
         {
+          type: "button",
           onClick: () => l(i.key),
           disabled: i.disabled,
           className: e("dgs-ui-kit-group", {

package/dist/TextFieldWrapper-44165bs_.js

@@ -0,0 +1,106 @@
+"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 from "react";
+import { F as j } from "./FieldBottomInfo-B1n-gK3T.js";
+import './assets/styles.css';/* empty css                */
+const E = (d) => {
+  const { link: i, labelContent: e, required: o, disabled: n, labelAddon: a } = d;
+  return /* @__PURE__ */ t(w, { children: [
+    /* @__PURE__ */ t(
+      "div",
+      {
+        className: p("dgs-ui-kit-flex", {
+          "dgs-ui-kit-justify-between": e && i?.href,
+          "dgs-ui-kit-mb-2": !a,
+          "dgs-ui-kit-justify-start": e && !i?.href,
+          "dgs-ui-kit-justify-end": !e && i?.href,
+          "dgs-ui-kit-text-gray-400": n
+        }),
+        children: [
+          e && /* @__PURE__ */ t("label", { className: "dgs-ui-kit-px-0 dgs-ui-kit-font-p2-medium md:dgs-ui-kit-mx-0", children: [
+            e,
+            o && /* @__PURE__ */ r("span", { className: "dgs-ui-kit-ms-2 dgs-ui-kit-text-error-500", children: "*" })
+          ] }),
+          i?.href && /* @__PURE__ */ r(
+            "a",
+            {
+              href: i.href,
+              className: "dgs-ui-kit-font-button-small dgs-ui-kit-text-primary-400",
+              children: i.cnotent
+            }
+          )
+        ]
+      }
+    ),
+    a
+  ] });
+}, O = (d) => {
+  const {
+    labelContent: i,
+    link: e,
+    containerClassName: o,
+    rightIcon: n,
+    isError: a,
+    errorMessage: l,
+    hintMessage: c,
+    required: f,
+    labelAddon: b,
+    maxLength: u,
+    disabled: s,
+    value: x,
+    wrapperClassName: g,
+    showMaxLength: y,
+    children: v
+  } = d, k = !!(l || c || u && y), m = !!(i || e?.href), N = k || m || g ? "div" : C.Fragment;
+  return /* @__PURE__ */ t(N, { ...g ? { className: g } : {}, children: [
+    m && /* @__PURE__ */ r(
+      E,
+      {
+        disabled: s,
+        labelContent: i,
+        link: e,
+        required: f,
+        labelAddon: b
+      }
+    ),
+    /* @__PURE__ */ t(
+      "div",
+      {
+        onClick: (F) => {
+          const h = F.currentTarget.querySelector("textarea, input");
+          h && h.focus();
+        },
+        className: p(
+          `dgs-ui-kit-relative dgs-ui-kit-cursor-text dgs-ui-kit-border dgs-ui-kit-border-solid dgs-ui-kit-rounded-lg dgs-ui-kit-ring-4 dgs-ui-kit-flex dgs-ui-kit-justify-between dgs-ui-kit-gap-x-3 dgs-ui-kit-p-3 dgs-ui-kit-bg-gray-100 dgs-ui-kit-transition-all dgs-ui-kit-ring-transparent has-[:focus]:dgs-ui-kit-bg-white ${!s && "hover:dgs-ui-kit-ring-gray-50"}`,
+          a || l ? "dgs-ui-kit-border-error-500 has-[:focus]:dgs-ui-kit-ring-error-50" : `dgs-ui-kit-border-transparent has-[:focus]:dgs-ui-kit-border-primary-500 has-[:focus]:dgs-ui-kit-ring-primary-50 ${!s && "hover:dgs-ui-kit-border-gray-300"}`,
+          o,
+          {
+            "dgs-ui-kit-text-gray-400": s
+          }
+        ),
+        children: [
+          n && /* @__PURE__ */ r("div", { className: "dgs-ui-kit-text-gray-600", children: n }),
+          v
+        ]
+      }
+    ),
+    k && /* @__PURE__ */ r(
+      j,
+      {
+        disabled: s,
+        errorMessage: l,
+        hintMessage: c,
+        extraHelper: u && /* @__PURE__ */ t("span", { className: "ss02", children: [
+          x?.toString()?.length ?? 0,
+          "/",
+          u
+        ] })
+      }
+    )
+  ] });
+};
+export {
+  E as F,
+  O as T
+};

package/dist/TextFieldWrapper-K0g1kAl1.cjs

@@ -0,0 +1 @@
+"use client";"use strict";require('./assets/styles.css');const e=require("react/jsx-runtime"),x=require("./clsx-C11secjj.cjs"),q=require("react"),w=require("./FieldBottomInfo-7YeZbp0-.cjs");;/* empty css                  */const m=d=>{const{link:i,labelContent:s,required:a,disabled:r,labelAddon:n}=d;return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:x.clsx("dgs-ui-kit-flex",{"dgs-ui-kit-justify-between":s&&i?.href,"dgs-ui-kit-mb-2":!n,"dgs-ui-kit-justify-start":s&&!i?.href,"dgs-ui-kit-justify-end":!s&&i?.href,"dgs-ui-kit-text-gray-400":r}),children:[s&&e.jsxs("label",{className:"dgs-ui-kit-px-0 dgs-ui-kit-font-p2-medium md:dgs-ui-kit-mx-0",children:[s,a&&e.jsx("span",{className:"dgs-ui-kit-ms-2 dgs-ui-kit-text-error-500",children:"*"})]}),i?.href&&e.jsx("a",{href:i.href,className:"dgs-ui-kit-font-button-small dgs-ui-kit-text-primary-400",children:i.cnotent})]}),n]})},C=d=>{const{labelContent:i,link:s,containerClassName:a,rightIcon:r,isError:n,errorMessage:l,hintMessage:g,required:f,labelAddon:p,maxLength:u,disabled:t,value:b,wrapperClassName:o,showMaxLength:j,children:y}=d,c=!!(l||g||u&&j),k=!!(i||s?.href),v=c||k||o?"div":q.Fragment,N=F=>{const h=F.currentTarget.querySelector("textarea, input");h&&h.focus()};return e.jsxs(v,{...o?{className:o}:{},children:[k&&e.jsx(m,{disabled:t,labelContent:i,link:s,required:f,labelAddon:p}),e.jsxs("div",{onClick:N,className:x.clsx(`dgs-ui-kit-relative dgs-ui-kit-cursor-text dgs-ui-kit-border dgs-ui-kit-border-solid dgs-ui-kit-rounded-lg dgs-ui-kit-ring-4 dgs-ui-kit-flex dgs-ui-kit-justify-between dgs-ui-kit-gap-x-3 dgs-ui-kit-p-3 dgs-ui-kit-bg-gray-100 dgs-ui-kit-transition-all dgs-ui-kit-ring-transparent has-[:focus]:dgs-ui-kit-bg-white ${!t&&"hover:dgs-ui-kit-ring-gray-50"}`,n||l?"dgs-ui-kit-border-error-500 has-[:focus]:dgs-ui-kit-ring-error-50":`dgs-ui-kit-border-transparent has-[:focus]:dgs-ui-kit-border-primary-500 has-[:focus]:dgs-ui-kit-ring-primary-50 ${!t&&"hover:dgs-ui-kit-border-gray-300"}`,a,{"dgs-ui-kit-text-gray-400":t}),children:[r&&e.jsx("div",{className:"dgs-ui-kit-text-gray-600",children:r}),y]}),c&&e.jsx(w.FieldBottomInfo,{disabled:t,errorMessage:l,hintMessage:g,extraHelper:u&&e.jsxs("span",{className:"ss02",children:[b?.toString()?.length??0,"/",u]})})]})};exports.FieldLabel=m;exports.TextFieldWrapper=C;