@dgshahr/ui-kit 1.3.0 → 1.3.1

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":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAgD,MAAM,SAAS,CAAC;AAOzF,QAAA,MAAM,OAAO,GAAI,CAAC,EAAG,OAAO,WAAW,CAAC,CAAC,CAAC,4CAiMzC,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,4CAmMzC,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/Form/Select/index.cjs

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

package/dist/Form/Select/index.mjs

@@ -1,4 +1,4 @@
-import { jsx as n, jsxs as C, Fragment as O } from "react/jsx-runtime";
+import { jsx as n, jsxs as x, Fragment as O } from "react/jsx-runtime";
 import { c } from "../../clsx-OuTLNxxd.js";
 import { I as q, a as D } from "../../index-Cj_9z9UD.js";
 import { memo as U, useState as B, useRef as L, useMemo as S, useCallback as H, useEffect as R } from "react";
@@ -9,23 +9,23 @@ import { u as Q, P as X } from "../../PickerWrapper-D84kUgJt.js";
 import Y from "../../Chip/index.mjs";
 import '../../assets/styles.css';/* empty css                    */
 function Z({
-  label: s,
+  label: r,
   isMultiple: i,
-  isActive: r,
+  isActive: s,
   disabled: a
 }) {
   return i ? /* @__PURE__ */ n(
     J,
     {
-      checked: r,
-      label: s,
+      checked: s,
+      label: r,
       readOnly: !0,
       disabled: a
     }
-  ) : s;
+  ) : r;
 }
-const ee = (s) => {
-  const { option: i, onClick: r, value: a, mode: u, optionCellClassName: p, optionCell: t } = s;
+const ee = (r) => {
+  const { option: i, onClick: s, value: a, mode: u, optionCellClassName: p, optionCell: t } = r;
   function l() {
     return Array.isArray(a) ? a.includes(i.value) : i.value === a;
   }
@@ -33,7 +33,7 @@ const ee = (s) => {
     "button",
     {
       type: "button",
-      onClick: r,
+      onClick: s,
       className: c(
         "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",
@@ -48,10 +48,10 @@ const ee = (s) => {
       })
     }
   );
-}, V = U(ee), te = 20, ie = (s) => {
+}, V = U(ee), te = 20, ie = (r) => {
   const {
     options: i,
-    mode: r = "single",
+    mode: s = "single",
     afterOptions: a,
     beforeOptions: u,
     onChange: p,
@@ -59,45 +59,45 @@ const ee = (s) => {
     separateSelectedOptions: l = !0,
     optionsTitle: g = "عنوان‌ها",
     value: d,
-    optionCellClassName: x,
+    optionCellClassName: v,
     emptyContent: W = "نتیجه‌ای یافت نشد !",
     showClearButtonOnEmpty: $ = !0
-  } = s, [m, T] = B(""), [k, z] = B(0), f = L(null), v = L(null), { toggleWrapperVisibility: F } = Q(), A = c(
+  } = r, [m, T] = B(""), [k, z] = B(0), f = L(null), N = L(null), { toggleWrapperVisibility: F } = Q(), A = c(
     "dgsuikit:border-t dgsuikit:border-solid dgsuikit:border-gray-100",
-    (!t && !u || r === "multiple" && l) && "dgsuikit:first-of-type:border-t-0",
+    (!t && !u || s === "multiple" && l) && "dgsuikit:first-of-type:border-t-0",
     !!a && "dgsuikit:last-of-type:border-b"
   );
   let h;
   const b = t;
   typeof t == "boolean" ? h = t : h = Object.keys(t).length > 0;
-  const N = S(() => {
+  const w = S(() => {
     if (!Array.isArray(i))
       throw new Error("options should be array");
     return m ? i?.filter((e) => e.label.includes(m)) : i;
-  }, [m, i]), w = S(() => r === "multiple" && l ? i?.filter((e) => d.includes(e.value)) ?? [] : [], [i, d]), E = S(() => {
-    let e = N;
-    r === "multiple" && l && (e = e?.filter((I) => !d.includes(I.value)));
+  }, [m, i]), y = S(() => s === "multiple" && l ? i?.filter((e) => d.includes(e.value)) ?? [] : [], [i, d]), E = S(() => {
+    let e = w;
+    s === "multiple" && l && (e = e?.filter((I) => !d.includes(I.value)));
     const o = Math.min(k + te, e?.length ?? 0);
     return e?.slice(k, o);
-  }, [N, k, d]), y = f?.current?.children[0]?.clientHeight ?? 50, _ = (N?.length ?? 0) * y, P = H(() => {
+  }, [w, k, d]), C = f?.current?.children[0]?.clientHeight ?? 50, _ = ((w?.length ?? 0) - (s === "multiple" ? y.length ?? 0 : 0)) * C, P = H(() => {
     const e = f?.current?.parentElement;
     if (!e) return;
-    const o = e.scrollTop, I = f.current.offsetTop, j = Math.floor((o - I) / y);
+    const o = e.scrollTop, I = f.current.offsetTop, j = Math.floor((o - I) / C);
     z(j >= 0 ? j : 0);
-  }, [y]);
+  }, [C]);
   R(() => {
     const e = f.current?.parentElement;
     if (e)
       return e.addEventListener("scroll", P), () => e.removeEventListener("scroll", P);
   }, [P]), R(() => {
-    !h || b.autoFocus === !1 || !v.current || setTimeout(() => {
-      v.current?.focus();
+    !h || b.autoFocus === !1 || !N.current || setTimeout(() => {
+      N.current?.focus();
     }, 300);
   }, []);
   const M = H(
     (e) => {
       if (typeof p == "function")
-        if (r === "multiple") {
+        if (s === "multiple") {
           const o = [...d ?? []];
           o.includes(e) ? o.splice(o.indexOf(e), 1) : o.push(e), p(o);
         } else
@@ -105,11 +105,11 @@ const ee = (s) => {
     },
     [d]
   );
-  return /* @__PURE__ */ C(O, { children: [
+  return /* @__PURE__ */ x(O, { children: [
     h && /* @__PURE__ */ n(
       q,
       {
-        ref: v,
+        ref: N,
         id: "search-input",
         wrapperClassName: c(
           "dgsuikit:sticky dgsuikit:top-0 dgsuikit:pt-3 dgsuikit:right-0 dgsuikit:bg-white dgsuikit:z-10 dgsuikit:px-3",
@@ -130,21 +130,21 @@ const ee = (s) => {
       }
     ),
     u,
-    r === "multiple" && l && w.length > 0 && /* @__PURE__ */ C(O, { children: [
+    s === "multiple" && l && y.length > 0 && /* @__PURE__ */ x(O, { children: [
       /* @__PURE__ */ n("p", { className: "dgsuikit:font-p2-regular dgsuikit:text-gray-400 dgsuikit:px-3 dgsuikit:py-2", children: `${g}‌ی انتخاب شده` }),
-      w.map((e) => /* @__PURE__ */ n(
+      y.map((e) => /* @__PURE__ */ n(
         V,
         {
           onClick: () => M(e.value),
           option: e,
-          optionCellClassName: c(A, x),
-          ...s
+          optionCellClassName: c(A, v),
+          ...r
         },
         e.value
       ))
     ] }),
-    /* @__PURE__ */ C(O, { 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__ */ x(O, { children: [
+      s === "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",
         {
@@ -155,13 +155,13 @@ const ee = (s) => {
             "div",
             {
               className: c("dgsuikit:absolute dgsuikit:w-full", A),
-              style: { top: `${(k + o) * y}px` },
+              style: { top: `${(k + o) * C}px` },
               children: /* @__PURE__ */ n(
                 V,
                 {
                   onClick: () => M(e.value),
                   option: e,
-                  ...s
+                  ...r
                 }
               )
             },
@@ -169,7 +169,7 @@ const ee = (s) => {
           ))
         }
       ),
-      !E?.length && !w.length && /* @__PURE__ */ C("div", { className: "dgsuikit:text-center dgsuikit:flex dgsuikit:flex-col dgsuikit:items-center dgsuikit:mt-2", children: [
+      !E?.length && !y.length && /* @__PURE__ */ x("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: W }),
         $ && /* @__PURE__ */ n(
           K,
@@ -187,14 +187,14 @@ const ee = (s) => {
     a
   ] });
 };
-function se(s, i) {
-  if (!Array.isArray(s))
-    return i.find((r) => r.value === s)?.label ?? "";
+function se(r, i) {
+  if (!Array.isArray(r))
+    return i.find((s) => s.value === r)?.label ?? "";
 }
-const fe = (s) => {
-  const { searchable: i = !0, value: r, options: a } = s, u = Array.isArray(r) && r.length > 0;
+const fe = (r) => {
+  const { searchable: i = !0, value: s, options: a } = r, u = Array.isArray(s) && s.length > 0;
   function p() {
-    return s.inputProps?.prefix ? s.inputProps.prefix : u ? r.map((l) => /* @__PURE__ */ n(
+    return r.inputProps?.prefix ? r.inputProps.prefix : u ? s.map((l) => /* @__PURE__ */ n(
       Y,
       {
         label: a.find((g) => g.value === l)?.label,
@@ -202,14 +202,14 @@ const fe = (s) => {
         leftIcon: /* @__PURE__ */ n(D, {}),
         onClick: (g) => {
           g.stopPropagation();
-          const d = r.filter((x) => x !== l);
-          s.onChange?.(d);
+          const d = s.filter((v) => v !== l);
+          r.onChange?.(d);
         }
       },
       l
     )) : null;
   }
-  const t = { ...s };
+  const t = { ...r };
   return t.dropdownType === "popover" && !i && (t.popoverClassName = c("dgsuikit:pt-3", t.popoverClassName)), t.dropdownType === "drawer" && (t.drawerProps = {
     ...t.drawerProps,
     containerClassName: c(
@@ -218,7 +218,7 @@ const fe = (s) => {
     )
   }), t.customInput || (t.inputProps = {
     ...t.inputProps,
-    value: se(r, a),
+    value: se(s, a),
     prefix: p(),
     prefixClassName: u ? c(
       "dgsuikit:flex dgsuikit:items-center flex dgsuikit:flex-wrap dgsuikit:gap-2 dgsuikit:w-full",
@@ -226,7 +226,7 @@ const fe = (s) => {
     ) : t.inputProps?.prefixClassName,
     className: u ? "dgsuikit:hidden" : t.inputProps?.className,
     containerClassName: u ? c("dgsuikit:items-baseline", t.inputProps?.containerClassName) : t.inputProps?.containerClassName
-  }), /* @__PURE__ */ n(X, { ...t, children: /* @__PURE__ */ n(ie, { ...s }) });
+  }), /* @__PURE__ */ n(X, { ...t, children: /* @__PURE__ */ n(ie, { ...r }) });
 };
 export {
   fe as default

package/package.json

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