@dgshahr/ui-kit 0.0.71 → 0.0.72

package/dist/Accordion/AccordionGroup.d.ts

@@ -1,7 +1,8 @@
 import { FC, PropsWithChildren } from 'react';
 interface AccordionGroupProps {
-    defaultActiveKey?: string;
+    defaultActiveKey?: string | string[];
     className?: string;
+    disableAccordion?: boolean;
 }
 declare const AccordionGroup: FC<PropsWithChildren<AccordionGroupProps>>;
 export default AccordionGroup;

package/dist/Accordion/AccordionGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionGroup.d.ts","sourceRoot":"","sources":["../../src/components/Accordion/AccordionGroup.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAGnD,UAAU,mBAAmB;IAC3B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,cAAc,EAAE,EAAE,CAAC,iBAAiB,CAAC,mBAAmB,CAAC,CAgB9D,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"AccordionGroup.d.ts","sourceRoot":"","sources":["../../src/components/Accordion/AccordionGroup.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAGnD,UAAU,mBAAmB;IAC3B,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAcD,QAAA,MAAM,cAAc,EAAE,EAAE,CAAC,iBAAiB,CAAC,mBAAmB,CAAC,CAkB9D,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/Accordion/AccordionItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionItem.d.ts","sourceRoot":"","sources":["../../src/components/Accordion/AccordionItem.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,EAAE,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAK9D,UAAU,kBAAkB;IAC1B,KAAK,EAAE,SAAS,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,QAAA,MAAM,aAAa,EAAE,EAAE,CAAC,iBAAiB,CAAC,kBAAkB,CAAC,CAiD5D,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"AccordionItem.d.ts","sourceRoot":"","sources":["../../src/components/Accordion/AccordionItem.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,EAAE,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAK9D,UAAU,kBAAkB;IAC1B,KAAK,EAAE,SAAS,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,QAAA,MAAM,aAAa,EAAE,EAAE,CAAC,iBAAiB,CAAC,kBAAkB,CAAC,CA0D5D,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/Accordion/context.d.ts

@@ -1,5 +1,5 @@
 interface IAccordionContext {
-    activeKey: string | null;
+    activeKey: string | string[] | null;
     setActiveKey: (key: IAccordionContext['activeKey']) => void;
 }
 export declare const accordionContext: import('react').Context<IAccordionContext>;

package/dist/Accordion/context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../src/components/Accordion/context.ts"],"names":[],"mappings":"AAEA,UAAU,iBAAiB;IACzB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,YAAY,EAAE,CAAC,GAAG,EAAE,iBAAiB,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;CAC7D;AAED,eAAO,MAAM,gBAAgB,4CAG3B,CAAC;AAEH,eAAO,MAAM,gBAAgB,yBAAqC,CAAC"}
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../src/components/Accordion/context.ts"],"names":[],"mappings":"AAEA,UAAU,iBAAiB;IACzB,SAAS,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,IAAI,CAAC;IACpC,YAAY,EAAE,CAAC,GAAG,EAAE,iBAAiB,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;CAC7D;AAED,eAAO,MAAM,gBAAgB,4CAG3B,CAAC;AAEH,eAAO,MAAM,gBAAgB,yBAAqC,CAAC"}

package/dist/Accordion/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../assets/styles.css');;/* empty css                   */const o=require("../AccordionItem-D6fa9S1H.cjs");exports.AccordionGroup=o.AccordionGroup;exports.AccordionItem=o.AccordionItem;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../assets/styles.css');;/* empty css                   */const o=require("../AccordionItem-U3jVG5e6.cjs");exports.AccordionGroup=o.AccordionGroup;exports.AccordionItem=o.AccordionItem;

package/dist/Accordion/index.js

@@ -1,5 +1,5 @@
 import '../assets/styles.css';/* empty css                 */
-import { A as a, a as i } from "../AccordionItem-DVi9UM43.js";
+import { A as a, a as i } from "../AccordionItem-249c_E9c.js";
 export {
   a as AccordionGroup,
   i as AccordionItem

package/dist/AccordionItem-249c_E9c.js

@@ -0,0 +1,85 @@
+"use client";
+import { jsx as s, jsxs as k } from "react/jsx-runtime";
+import { c as d } from "./clsx-OuTLNxxd.js";
+import { createContext as p, useContext as x, useState as v, useId as w } from "react";
+import { A } from "./ArrowDown2-CMeKw_vj.js";
+import N from "./Divider/index.js";
+const m = p({
+  activeKey: null,
+  setActiveKey: () => {
+  }
+}), I = () => x(m);
+function b(i, e = !1) {
+  if (!i) return e ? [] : null;
+  const o = Array.isArray(i);
+  return e ? o ? i : [i] : o ? i[0] : i;
+}
+const S = (i) => {
+  const { defaultActiveKey: e, className: o, children: a, disableAccordion: u } = i, [l, t] = v(
+    b(e, u)
+  );
+  return /* @__PURE__ */ s("div", { className: d("dgs-ui-kit-flex dgs-ui-kit-flex-col", o), children: /* @__PURE__ */ s(
+    m.Provider,
+    {
+      value: {
+        activeKey: l,
+        setActiveKey: t
+      },
+      children: a
+    }
+  ) });
+}, G = (i) => {
+  const { children: e, title: o, accordionKey: a, className: u, contentClassName: l } = i, { activeKey: t, setActiveKey: c } = I(), f = w(), r = a ?? f, g = Array.isArray(t), n = g ? t.includes(r) : r === t;
+  function h() {
+    c(n ? g ? t.filter((y) => y !== r) : null : g ? [...t, r] : r);
+  }
+  return /* @__PURE__ */ k("div", { className: d("dgs-ui-kit-bg-white dgs-ui-kit-px-4 dgs-ui-kit-pt-4", u), children: [
+    /* @__PURE__ */ k(
+      "button",
+      {
+        className: d(
+          "dgs-ui-kit-flex dgs-ui-kit-justify-between dgs-ui-kit-items-center dgs-ui-kit-w-full",
+          n ? "dgs-ui-kit-text-primary-500" : "dgs-ui-kit-text-gray-600"
+        ),
+        onClick: h,
+        children: [
+          /* @__PURE__ */ s("div", { className: n ? "dgs-ui-kit-font-h5-bold" : "dgs-ui-kit-font-p1-medium", children: o }),
+          /* @__PURE__ */ s(
+            A,
+            {
+              className: d(
+                "dgs-ui-kit-transition dgs-ui-kit-duration-300 dgs-ui-kit-ease-in-out dgs-ui-kit-shrink-0 dgs-ui-kit-w-auto dgs-ui-kit-h-auto",
+                n && "dgs-ui-kit-rotate-180"
+              ),
+              width: 20,
+              height: 20
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ s(
+      "div",
+      {
+        className: d(
+          "dgs-ui-kit-grid dgs-ui-kit-font-p1-regular dgs-ui-kit-text-gray-600 dgs-ui-kit-overflow-hidden dgs-ui-kit-transition-all dgs-ui-kit-duration-300 dgs-ui-kit-ease-in-out",
+          n ? "dgs-ui-kit-grid-rows-[1fr] dgs-ui-kit-opacity-100 dgs-ui-kit-mt-3" : "dgs-ui-kit-grid-rows-[0fr] dgs-ui-kit-opacity-0",
+          l
+        ),
+        children: /* @__PURE__ */ s("div", { className: "dgs-ui-kit-overflow-hidden", children: e })
+      }
+    ),
+    /* @__PURE__ */ s(
+      N,
+      {
+        type: "horizontal",
+        color: "white",
+        className: "dgs-ui-kit-mt-4"
+      }
+    )
+  ] });
+};
+export {
+  S as A,
+  G as a
+};

package/dist/AccordionItem-U3jVG5e6.cjs

@@ -0,0 +1 @@
+"use client";"use strict";const t=require("react/jsx-runtime"),n=require("./clsx-C11secjj.cjs"),u=require("react"),y=require("./ArrowDown2-O11Hxz6e.cjs"),w=require("./Divider/index.cjs"),x=u.createContext({activeKey:null,setActiveKey:()=>{}}),v=()=>u.useContext(x);function A(i,e=!1){if(!i)return e?[]:null;const r=Array.isArray(i);return e?r?i:[i]:r?i[0]:i}const j=i=>{const{defaultActiveKey:e,className:r,children:a,disableAccordion:l}=i,[g,s]=u.useState(A(e,l));return t.jsx("div",{className:n.clsx("dgs-ui-kit-flex dgs-ui-kit-flex-col",r),children:t.jsx(x.Provider,{value:{activeKey:g,setActiveKey:s},children:a})})},N=i=>{const{children:e,title:r,accordionKey:a,className:l,contentClassName:g}=i,{activeKey:s,setActiveKey:d}=v(),m=u.useId(),o=a??m,k=Array.isArray(s),c=k?s.includes(o):o===s;function f(){d(c?k?s.filter(h=>h!==o):null:k?[...s,o]:o)}return t.jsxs("div",{className:n.clsx("dgs-ui-kit-bg-white dgs-ui-kit-px-4 dgs-ui-kit-pt-4",l),children:[t.jsxs("button",{className:n.clsx("dgs-ui-kit-flex dgs-ui-kit-justify-between dgs-ui-kit-items-center dgs-ui-kit-w-full",c?"dgs-ui-kit-text-primary-500":"dgs-ui-kit-text-gray-600"),onClick:f,children:[t.jsx("div",{className:c?"dgs-ui-kit-font-h5-bold":"dgs-ui-kit-font-p1-medium",children:r}),t.jsx(y.ArrowDown2Icon,{className:n.clsx("dgs-ui-kit-transition dgs-ui-kit-duration-300 dgs-ui-kit-ease-in-out dgs-ui-kit-shrink-0 dgs-ui-kit-w-auto dgs-ui-kit-h-auto",c&&"dgs-ui-kit-rotate-180"),width:20,height:20})]}),t.jsx("div",{className:n.clsx("dgs-ui-kit-grid dgs-ui-kit-font-p1-regular dgs-ui-kit-text-gray-600 dgs-ui-kit-overflow-hidden dgs-ui-kit-transition-all dgs-ui-kit-duration-300 dgs-ui-kit-ease-in-out",c?"dgs-ui-kit-grid-rows-[1fr] dgs-ui-kit-opacity-100 dgs-ui-kit-mt-3":"dgs-ui-kit-grid-rows-[0fr] dgs-ui-kit-opacity-0",g),children:t.jsx("div",{className:"dgs-ui-kit-overflow-hidden",children:e})}),t.jsx(w,{type:"horizontal",color:"white",className:"dgs-ui-kit-mt-4"})]})};exports.AccordionGroup=j;exports.AccordionItem=N;

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

@@ -1,8 +1,4 @@
-import { Dispatch, SetStateAction } from 'react';
 import { SelectProps } from './types';
-type OptionsProps<T> = Partial<SelectProps<T>> & {
-    setIsShowOptions: Dispatch<SetStateAction<boolean>>;
-};
-declare const Options: <T>(props: OptionsProps<T>) => import("react/jsx-runtime").JSX.Element;
+declare const Options: <T>(props: SelectProps<T>) => import("react/jsx-runtime").JSX.Element;
 export default Options;
 //# sourceMappingURL=Options.d.ts.map

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":"AACA,OAAO,EAML,KAAK,QAAQ,EACb,KAAK,cAAc,EACpB,MAAM,OAAO,CAAC;AAIf,OAAO,KAAK,EAAE,WAAW,EAAgD,MAAM,SAAS,CAAC;AAIzF,KAAK,YAAY,CAAC,CAAC,IAAI,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,GAAG;IAC/C,gBAAgB,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;CACrD,CAAC;AAIF,QAAA,MAAM,OAAO,GAAI,CAAC,SAAU,YAAY,CAAC,CAAC,CAAC,4CAuL1C,CAAC;AAEF,eAAe,OAAO,CAAC"}
+{"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,SAAU,WAAW,CAAC,CAAC,CAAC,4CAuLzC,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/Form/Select/index.cjs

@@ -1 +1 @@
-"use client";"use strict";require('../../assets/styles.css');const t=require("react/jsx-runtime"),l=require("../../clsx-C11secjj.cjs"),r=require("react"),z=require("../../ArrowDown2-O11Hxz6e.cjs"),H=require("../Checkbox/index.cjs"),P=require("../../Button/index.cjs"),B=require("../Input/index.cjs"),U=require("../../Drawer/index.cjs");;/* empty css                      */const K=s=>{const n=r.useRef(null);return r.useEffect(()=>{const e=o=>{n.current&&!n.current.contains(o.target)&&s()};return document.addEventListener("click",e,!0),()=>{document.removeEventListener("click",e,!0)}},[n,s]),n},V=s=>t.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 24 24",...s,children:t.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 W(s,n=100){if(!s)return;const e=document.createElement("input");e.style.position="absolute",e.style.top=`${s.offsetTop+7}px`,e.style.left=`${s.offsetLeft}px`,e.style.height="0px",e.style.opacity="0px",document.body.appendChild(e),e.focus(),setTimeout(()=>{s.focus(),s.click(),document.body.removeChild(e)},n)}function G({label:s,isMultiple:n,isActive:e,disabled:o}){return n?t.jsx(H,{checked:e,label:s,readOnly:!0,disabled:o}):s}const J=s=>{const{option:n,onClick:e,value:o,mode:g,optionCellClassName:m,optionCell:u}=s;function f(){return Array.isArray(o)?o.includes(n.value):n.value===o}return t.jsx("button",{onClick:e,className:l.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",f()?"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",m),disabled:n.disabled,children:u?u(n,f()):G({label:n.label,isMultiple:g==="multiple",isActive:f(),disabled:n.disabled??!1})})},R=r.memo(J),Q=20,D=s=>{const{options:n,mode:e="single",afterOptions:o,beforOptions:g,onChange:m,searchable:u=!0,setIsShowOptions:f,separateSelectedOptions:h=!0,optionsTitle:c="عنوان‌ها",value:d,optionCellClassName:b,emptyContent:p="نتیجه‌ای یافت نشد !",showClearButtonOnEmpty:x=!0}=s,[v,y]=r.useState(""),[C,O]=r.useState(0),k=r.useRef(null),w=l.clsx("dgs-ui-kit-border-t dgs-ui-kit-border-solid dgs-ui-kit-border-gray-100",(!u&&!g||e==="multiple"&&h)&&"first-of-type:dgs-ui-kit-border-t-0",!!o&&"last-of-type:dgs-ui-kit-border-b");let j;const I=u;typeof u=="boolean"?j=u:j=Object.keys(u).length>0;const S=r.useMemo(()=>v?n?.filter(i=>i.label.includes(v)):n,[v,n]),E=r.useMemo(()=>e==="multiple"&&h?n?.filter(i=>d.includes(i.value))??[]:[],[n,d]),L=r.useMemo(()=>{let i=S;e==="multiple"&&h&&(i=i?.filter(A=>!d.includes(A.value)));const a=Math.min(C+Q,i?.length??0);return i?.slice(C,a)},[S,C,d]),N=k?.current?.children[0]?.clientHeight??50,F=(S?.length??0)*N,T=r.useCallback(()=>{const i=k?.current?.parentElement;if(!i)return;const a=i.scrollTop,A=k.current.offsetTop,q=Math.floor((a-A)/N);O(q>=0?q:0)},[N]);r.useEffect(()=>{const i=k.current?.parentElement;if(i)return i.addEventListener("scroll",T),()=>i.removeEventListener("scroll",T)},[T]),r.useEffect(()=>{j&&W(document.getElementById("search-input"),400)},[]);const M=r.useCallback(i=>{if(typeof m=="function")if(e==="multiple"){const a=[...d??[]];a.includes(i)?a.splice(a.indexOf(i),1):a.push(i),m(a)}else m(i),f(!1)},[d]);return t.jsxs(t.Fragment,{children:[j&&t.jsx(B,{id:"search-input",wrapperClassName:l.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",g?"dgs-ui-kit-pb-2":"dgs-ui-kit-pb-3",I?.wrapperClassName),placeholder:I?.placeholder??"جستجوی عنوان",value:v,onChange:i=>y(i.currentTarget.value),rightIcon:I?.rightIcon??t.jsx(V,{width:20,height:20}),...typeof u=="object"?u:{}}),g,e==="multiple"&&h&&E.length>0&&t.jsxs(t.Fragment,{children:[t.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:`${c}‌ی انتخاب شده`}),E.map(i=>t.jsx(R,{onClick:()=>M(i.value),option:i,optionCellClassName:l.clsx(w,b),...s},i.value))]}),t.jsxs(t.Fragment,{children:[e==="multiple"&&h&&t.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:c}),t.jsx("div",{ref:k,className:"dgs-ui-kit-relative",style:{height:F},children:L?.map((i,a)=>t.jsx("div",{className:l.clsx("dgs-ui-kit-absolute dgs-ui-kit-w-full",w),style:{top:`${(C+a)*N}px`},children:t.jsx(R,{onClick:()=>M(i.value),option:i,...s})},i.value))}),!L?.length&&!E.length&&t.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:[t.jsx("p",{className:"dgs-ui-kit-text-gray-500 dgs-ui-kit-font-p3-medium",children:p}),x&&t.jsx(P,{className:"dgs-ui-kit-mt-1",variant:"text",size:"small",onClick:()=>y(""),children:"پاک کردن"})]})]}),o]})},_="dgs-ui-kit-duration-300",$=400;function X(s,n){return Array.isArray(s)?n.filter(e=>s.includes(e.value)).map(e=>e.label).join(", "):n.find(e=>e.value===s)?.label??""}const Y=s=>{const{options:n,optionsContainer:e="popover",className:o,customInput:g,inputProps:m,drawerProps:u,popoverClassName:f,value:h,isLoading:c,searchable:d=!0,disabled:b=c}=s,[p,x]=r.useState(!1),[v,y]=r.useState(!1),C=K(()=>{e==="popover"&&p&&(x(!1),setTimeout(()=>{y(!1)},$))});function O(){if(b||c)return;!p?(y(!0),setTimeout(()=>{x(!0)},0)):(x(!1),setTimeout(()=>{y(!1)},$))}const k={...s,setIsShowOptions:x},w=l.clsx({"!dgs-ui-kit-cursor-not-allowed":b,"!dgs-ui-kit-cursor-wait":c,"!dgs-ui-kit-cursor-pointer":!c&&!b});return t.jsxs("div",{ref:C,className:l.clsx("dgs-ui-kit-relative",o),children:[t.jsx("button",{className:l.clsx("dgs-ui-kit-w-full",w),onClick:O,children:g?g(p):t.jsx(B,{leftIcon:c?t.jsx("div",{className:"dot-flashing dgs-ui-kit-mr-2"}):t.jsx(z.ArrowDown2Icon,{width:20,height:20,className:l.clsx("dgs-ui-kit-transition",_,{"dgs-ui-kit-rotate-180":p})}),containerClassName:l.clsx(w,{"dgs-ui-kit-items-baseline":c}),className:l.clsx("dgs-ui-kit-caret-transparent",w),value:X(h,n),disabled:b,...m})}),v&&t.jsx(t.Fragment,{children:e==="popover"?t.jsx("div",{className:l.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",_,p?"dgs-ui-kit-opacity-100":"dgs-ui-kit-opacity-0 dgs-ui-kit-max-h-0 dgs-ui-kit-overflow-y-hidden",{"dgs-ui-kit-pt-3":!d},f),children:t.jsx(D,{...k})}):t.jsx(U,{open:p,onClose:()=>x(!1),containerClassName:l.clsx("!dgs-ui-kit-pb-3 !dgs-ui-kit-px-0",d?"!dgs-ui-kit-pt-0":"!dgs-ui-kit-pt-3"),...u,children:t.jsx(D,{...k})})})]})};module.exports=Y;
+"use client";"use strict";require('../../assets/styles.css');const t=require("react/jsx-runtime"),u=require("../../clsx-C11secjj.cjs"),l=require("react"),B=require("../Checkbox/index.cjs"),F=require("../../Button/index.cjs"),D=require("../Input/index.cjs"),V=require("../../Drawer/index.cjs"),z=require("../../ArrowDown2-O11Hxz6e.cjs");;/* empty css                      */const H=r=>t.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 24 24",...r,children:t.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 U(r,i=100){if(!r)return;const e=document.createElement("input");e.style.position="absolute",e.style.top=`${r.offsetTop+7}px`,e.style.left=`${r.offsetLeft}px`,e.style.height="0px",e.style.opacity="0px",document.body.appendChild(e),e.focus(),setTimeout(()=>{r.focus(),r.click(),document.body.removeChild(e)},i)}function K({label:r,isMultiple:i,isActive:e,disabled:o}){return i?t.jsx(B,{checked:e,label:r,readOnly:!0,disabled:o}):r}const G=r=>{const{option:i,onClick:e,value:o,mode:n,optionCellClassName:k,optionCell:a}=r;function c(){return Array.isArray(o)?o.includes(i.value):i.value===o}return t.jsx("button",{onClick:e,className:u.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",k),disabled:i.disabled,children:a?a(i,c()):K({label:i.label,isMultiple:n==="multiple",isActive:c(),disabled:i.disabled??!1})})},W=l.memo(G),_=l.createContext({toggleWrapperVisibility:()=>{}}),J=()=>l.useContext(_),Q=20,X=r=>{const{options:i,mode:e="single",afterOptions:o,beforOptions:n,onChange:k,searchable:a=!0,separateSelectedOptions:c=!0,optionsTitle:y="عنوان‌ها",value:m,optionCellClassName:x,emptyContent:h="نتیجه‌ای یافت نشد !",showClearButtonOnEmpty:v=!0}=r,[f,p]=l.useState(""),[b,C]=l.useState(0),g=l.useRef(null),{toggleWrapperVisibility:N}=J(),A=u.clsx("dgs-ui-kit-border-t dgs-ui-kit-border-solid dgs-ui-kit-border-gray-100",(!a&&!n||e==="multiple"&&c)&&"first-of-type:dgs-ui-kit-border-t-0",!!o&&"last-of-type:dgs-ui-kit-border-b");let w;const I=a;typeof a=="boolean"?w=a:w=Object.keys(a).length>0;const O=l.useMemo(()=>f?i?.filter(s=>s.label.includes(f)):i,[f,i]),T=l.useMemo(()=>e==="multiple"&&c?i?.filter(s=>m.includes(s.value))??[]:[],[i,m]),L=l.useMemo(()=>{let s=O;e==="multiple"&&c&&(s=s?.filter(S=>!m.includes(S.value)));const d=Math.min(b+Q,s?.length??0);return s?.slice(b,d)},[O,b,m]),j=g?.current?.children[0]?.clientHeight??50,$=(O?.length??0)*j,E=l.useCallback(()=>{const s=g?.current?.parentElement;if(!s)return;const d=s.scrollTop,S=g.current.offsetTop,P=Math.floor((d-S)/j);C(P>=0?P:0)},[j]);l.useEffect(()=>{const s=g.current?.parentElement;if(s)return s.addEventListener("scroll",E),()=>s.removeEventListener("scroll",E)},[E]),l.useEffect(()=>{w&&U(document.getElementById("search-input"),400)},[]);const M=l.useCallback(s=>{if(typeof k=="function")if(e==="multiple"){const d=[...m??[]];d.includes(s)?d.splice(d.indexOf(s),1):d.push(s),k(d)}else k(s),N()},[m]);return t.jsxs(t.Fragment,{children:[w&&t.jsx(D,{id:"search-input",wrapperClassName:u.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",I?.wrapperClassName),placeholder:I?.placeholder??"جستجوی عنوان",value:f,onChange:s=>p(s.currentTarget.value),rightIcon:I?.rightIcon??t.jsx(H,{width:20,height:20}),...typeof a=="object"?a:{}}),n,e==="multiple"&&c&&T.length>0&&t.jsxs(t.Fragment,{children:[t.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:`${y}‌ی انتخاب شده`}),T.map(s=>t.jsx(W,{onClick:()=>M(s.value),option:s,optionCellClassName:u.clsx(A,x),...r},s.value))]}),t.jsxs(t.Fragment,{children:[e==="multiple"&&c&&t.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:y}),t.jsx("div",{ref:g,className:"dgs-ui-kit-relative",style:{height:$},children:L?.map((s,d)=>t.jsx("div",{className:u.clsx("dgs-ui-kit-absolute dgs-ui-kit-w-full",A),style:{top:`${(b+d)*j}px`},children:t.jsx(W,{onClick:()=>M(s.value),option:s,...r})},s.value))}),!L?.length&&!T.length&&t.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:[t.jsx("p",{className:"dgs-ui-kit-text-gray-500 dgs-ui-kit-font-p3-medium",children:h}),v&&t.jsx(F,{className:"dgs-ui-kit-mt-1",variant:"text",size:"small",onClick:()=>p(""),children:"پاک کردن"})]})]}),o]})},Y=r=>{const i=l.useRef(null);return l.useEffect(()=>{const e=o=>{i.current&&!i.current.contains(o.target)&&r()};return document.addEventListener("click",e,!0),()=>{document.removeEventListener("click",e,!0)}},[i,r]),i},q="dgs-ui-kit-duration-300",R=400,Z=r=>{const{dropdownType:i="popover",disabled:e,isLoading:o,wrapperClassName:n,customInput:k,children:a,drawerProps:c,inputProps:y,popoverClassName:m}=r,[x,h]=l.useState(!1),[v,f]=l.useState(!1);let p;const b=Y(()=>{i==="popover"&&x&&(h(!1),p&&clearTimeout(p),p=setTimeout(()=>{f(!1)},R))});function C(){if(e||o)return;const N=!v;p&&clearTimeout(p),N?(f(!0),p=setTimeout(()=>{h(!0)},0)):(h(!1),p=setTimeout(()=>{f(!1)},R))}const g=u.clsx({"!dgs-ui-kit-cursor-not-allowed":e,"!dgs-ui-kit-cursor-wait":o,"!dgs-ui-kit-cursor-pointer":!o&&!e});return t.jsxs("div",{ref:b,className:u.clsx("dgs-ui-kit-relative",n),children:[t.jsx("button",{className:u.clsx("dgs-ui-kit-w-full",g),onClick:C,children:k?k(x):t.jsx(D,{leftIcon:o?t.jsx("div",{className:"dot-flashing dgs-ui-kit-mr-2"}):t.jsx(z.ArrowDown2Icon,{width:20,height:20,className:u.clsx("dgs-ui-kit-transition",q,{"dgs-ui-kit-rotate-180":x})}),containerClassName:u.clsx(g,{"dgs-ui-kit-items-baseline":o}),className:u.clsx("dgs-ui-kit-caret-transparent",g),disabled:e,...y})}),t.jsx(_.Provider,{value:{toggleWrapperVisibility:C},children:v&&t.jsx(t.Fragment,{children:i==="popover"?t.jsx("div",{className:u.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",q,x?"dgs-ui-kit-opacity-100":"dgs-ui-kit-opacity-0 dgs-ui-kit-max-h-0 dgs-ui-kit-overflow-y-hidden",m),children:a}):t.jsx(V,{...c,open:x,onClose:()=>h(!1),containerClassName:u.clsx("!dgs-ui-kit-pb-3 !dgs-ui-kit-px-0",c?.containerClassName),children:a})})})]})};function ee(r,i){return Array.isArray(r)?i.filter(e=>r.includes(e.value)).map(e=>e.label).join(", "):i.find(e=>e.value===r)?.label??""}const te=r=>{const{searchable:i=!0,value:e,options:o}=r,n={...r};return n.dropdownType==="popover"&&!i&&(n.popoverClassName=u.clsx("dgs-ui-kit-pt-3",n.popoverClassName)),n.dropdownType==="drawer"&&(n.drawerProps={...n.drawerProps,containerClassName:u.clsx(i?"!dgs-ui-kit-pt-0":"!dgs-ui-kit-pt-3",n.drawerProps?.containerClassName)}),n.customInput||(n.inputProps={...n.inputProps,value:ee(e,o)}),t.jsx(Z,{...n,children:t.jsx(X,{...r})})};module.exports=te;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Select/index.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAI3C,OAAO,kBAAkB,CAAC;AAgB1B,QAAA,MAAM,MAAM,GAAI,CAAC,SAAU,WAAW,CAAC,CAAC,CAAC,4CA2HxC,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Select/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAG3C,OAAO,kBAAkB,CAAC;AAa1B,QAAA,MAAM,MAAM,GAAI,CAAC,SAAU,WAAW,CAAC,CAAC,CAAC,4CAsBxC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/Form/Select/index.js

@@ -1,24 +1,14 @@
 "use client";
-import { jsx as n, jsxs as N, Fragment as I } from "react/jsx-runtime";
-import { c as r } from "../../clsx-OuTLNxxd.js";
-import { useRef as K, useEffect as B, memo as q, useState as S, useMemo as j, useCallback as z } from "react";
-import { A as G } from "../../ArrowDown2-CMeKw_vj.js";
-import J from "../Checkbox/index.js";
-import Q from "../../Button/index.js";
-import V from "../Input/index.js";
-import X from "../../Drawer/index.js";
+import { jsx as r, jsxs as y, Fragment as I } from "react/jsx-runtime";
+import { c as l } from "../../clsx-OuTLNxxd.js";
+import { memo as q, createContext as G, useContext as J, useState as O, useRef as H, useMemo as W, useCallback as R, useEffect as M } from "react";
+import Q from "../Checkbox/index.js";
+import X from "../../Button/index.js";
+import U from "../Input/index.js";
+import Y from "../../Drawer/index.js";
+import { A as Z } from "../../ArrowDown2-CMeKw_vj.js";
 import '../../assets/styles.css';/* empty css                    */
-const Y = (i) => {
-  const s = K(null);
-  return B(() => {
-    const t = (o) => {
-      s.current && !s.current.contains(o.target) && i();
-    };
-    return document.addEventListener("click", t, !0), () => {
-      document.removeEventListener("click", t, !0);
-    };
-  }, [s, i]), s;
-}, Z = (i) => /* @__PURE__ */ n(
+const tt = (s) => /* @__PURE__ */ r(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -26,8 +16,8 @@ const Y = (i) => {
     height: "1em",
     fill: "none",
     viewBox: "0 0 24 24",
-    ...i,
-    children: /* @__PURE__ */ n(
+    ...s,
+    children: /* @__PURE__ */ r(
       "path",
       {
         stroke: "currentColor",
@@ -39,176 +29,178 @@ const Y = (i) => {
     )
   }
 );
-function tt(i, s = 100) {
-  if (!i) return;
+function et(s, e = 100) {
+  if (!s) 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);
-  }, s);
+  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);
+  }, e);
 }
-function et({
-  label: i,
-  isMultiple: s,
+function it({
+  label: s,
+  isMultiple: e,
   isActive: t,
   disabled: o
 }) {
-  return s ? /* @__PURE__ */ n(
-    J,
+  return e ? /* @__PURE__ */ r(
+    Q,
     {
       checked: t,
-      label: i,
+      label: s,
       readOnly: !0,
       disabled: o
     }
-  ) : i;
+  ) : s;
 }
-const it = (i) => {
-  const { option: s, onClick: t, value: o, mode: c, optionCellClassName: m, optionCell: l } = i;
-  function k() {
-    return Array.isArray(o) ? o.includes(s.value) : s.value === o;
+const st = (s) => {
+  const { option: e, onClick: t, value: o, mode: n, optionCellClassName: g, optionCell: a } = s;
+  function u() {
+    return Array.isArray(o) ? o.includes(e.value) : e.value === o;
   }
-  return /* @__PURE__ */ n(
+  return /* @__PURE__ */ r(
     "button",
     {
       onClick: t,
-      className: r(
+      className: l(
         "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",
-        k() ? "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",
-        m
+        u() ? "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: s.disabled,
-      children: l ? l(s, k()) : et({
-        label: s.label,
-        isMultiple: c === "multiple",
-        isActive: k(),
-        disabled: s.disabled ?? !1
+      disabled: e.disabled,
+      children: a ? a(e, u()) : it({
+        label: e.label,
+        isMultiple: n === "multiple",
+        isActive: u(),
+        disabled: e.disabled ?? !1
       })
     }
   );
-}, H = q(it), st = 20, P = (i) => {
+}, _ = q(st), F = G({
+  toggleWrapperVisibility: () => {
+  }
+}), rt = () => J(F), nt = 20, ot = (s) => {
   const {
-    options: s,
+    options: e,
     mode: t = "single",
     afterOptions: o,
-    beforOptions: c,
-    onChange: m,
-    searchable: l = !0,
-    setIsShowOptions: k,
-    separateSelectedOptions: f = !0,
-    optionsTitle: a = "عنوان‌ها",
-    value: d,
-    optionCellClassName: b,
-    emptyContent: g = "نتیجه‌ای یافت نشد !",
-    showClearButtonOnEmpty: h = !0
-  } = i, [v, y] = S(""), [x, E] = S(0), p = K(null), C = r(
+    beforOptions: n,
+    onChange: g,
+    searchable: a = !0,
+    separateSelectedOptions: u = !0,
+    optionsTitle: v = "عنوان‌ها",
+    value: m,
+    optionCellClassName: f,
+    emptyContent: h = "نتیجه‌ای یافت نشد !",
+    showClearButtonOnEmpty: C = !0
+  } = s, [k, c] = O(""), [b, w] = O(0), p = H(null), { toggleWrapperVisibility: T } = rt(), $ = l(
     "dgs-ui-kit-border-t dgs-ui-kit-border-solid dgs-ui-kit-border-gray-100",
-    (!l && !c || t === "multiple" && f) && "first-of-type:dgs-ui-kit-border-t-0",
+    (!a && !n || t === "multiple" && u) && "first-of-type:dgs-ui-kit-border-t-0",
     !!o && "last-of-type:dgs-ui-kit-border-b"
   );
-  let w;
-  const T = l;
-  typeof l == "boolean" ? w = l : w = Object.keys(l).length > 0;
-  const A = j(() => v ? s?.filter((e) => e.label.includes(v)) : s, [v, s]), L = j(() => t === "multiple" && f ? s?.filter((e) => d.includes(e.value)) ?? [] : [], [s, d]), D = j(() => {
-    let e = A;
-    t === "multiple" && f && (e = e?.filter(($) => !d.includes($.value)));
-    const u = Math.min(x + st, e?.length ?? 0);
-    return e?.slice(x, u);
-  }, [A, x, d]), O = p?.current?.children[0]?.clientHeight ?? 50, W = (A?.length ?? 0) * O, M = z(() => {
-    const e = p?.current?.parentElement;
-    if (!e) return;
-    const u = e.scrollTop, $ = p.current.offsetTop, _ = Math.floor((u - $) / O);
-    E(_ >= 0 ? _ : 0);
-  }, [O]);
-  B(() => {
-    const e = p.current?.parentElement;
-    if (e)
-      return e.addEventListener("scroll", M), () => e.removeEventListener("scroll", M);
-  }, [M]), B(() => {
-    w && tt(document.getElementById("search-input"), 400);
+  let x;
+  const E = a;
+  typeof a == "boolean" ? x = a : x = Object.keys(a).length > 0;
+  const S = W(() => k ? e?.filter((i) => i.label.includes(k)) : e, [k, e]), A = W(() => t === "multiple" && u ? e?.filter((i) => m.includes(i.value)) ?? [] : [], [e, m]), j = W(() => {
+    let i = S;
+    t === "multiple" && u && (i = i?.filter((P) => !m.includes(P.value)));
+    const d = Math.min(b + nt, i?.length ?? 0);
+    return i?.slice(b, d);
+  }, [S, b, m]), N = p?.current?.children[0]?.clientHeight ?? 50, K = (S?.length ?? 0) * N, L = R(() => {
+    const i = p?.current?.parentElement;
+    if (!i) return;
+    const d = i.scrollTop, P = p.current.offsetTop, D = Math.floor((d - P) / N);
+    w(D >= 0 ? D : 0);
+  }, [N]);
+  M(() => {
+    const i = p.current?.parentElement;
+    if (i)
+      return i.addEventListener("scroll", L), () => i.removeEventListener("scroll", L);
+  }, [L]), M(() => {
+    x && et(document.getElementById("search-input"), 400);
   }, []);
-  const R = z(
-    (e) => {
-      if (typeof m == "function")
+  const B = R(
+    (i) => {
+      if (typeof g == "function")
         if (t === "multiple") {
-          const u = [...d ?? []];
-          u.includes(e) ? u.splice(u.indexOf(e), 1) : u.push(e), m(u);
+          const d = [...m ?? []];
+          d.includes(i) ? d.splice(d.indexOf(i), 1) : d.push(i), g(d);
         } else
-          m(e), k(!1);
+          g(i), T();
     },
-    [d]
+    [m]
   );
-  return /* @__PURE__ */ N(I, { children: [
-    w && /* @__PURE__ */ n(
-      V,
+  return /* @__PURE__ */ y(I, { children: [
+    x && /* @__PURE__ */ r(
+      U,
       {
         id: "search-input",
-        wrapperClassName: r(
+        wrapperClassName: l(
           "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",
-          T?.wrapperClassName
+          n ? "dgs-ui-kit-pb-2" : "dgs-ui-kit-pb-3",
+          E?.wrapperClassName
         ),
-        placeholder: T?.placeholder ?? "جستجوی عنوان",
-        value: v,
-        onChange: (e) => y(e.currentTarget.value),
-        rightIcon: T?.rightIcon ?? /* @__PURE__ */ n(
-          Z,
+        placeholder: E?.placeholder ?? "جستجوی عنوان",
+        value: k,
+        onChange: (i) => c(i.currentTarget.value),
+        rightIcon: E?.rightIcon ?? /* @__PURE__ */ r(
+          tt,
           {
             width: 20,
             height: 20
           }
         ),
-        ...typeof l == "object" ? l : {}
+        ...typeof a == "object" ? a : {}
       }
     ),
-    c,
-    t === "multiple" && f && L.length > 0 && /* @__PURE__ */ N(I, { 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: `${a}‌ی انتخاب شده` }),
-      L.map((e) => /* @__PURE__ */ n(
-        H,
+    n,
+    t === "multiple" && u && A.length > 0 && /* @__PURE__ */ y(I, { children: [
+      /* @__PURE__ */ r("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: `${v}‌ی انتخاب شده` }),
+      A.map((i) => /* @__PURE__ */ r(
+        _,
         {
-          onClick: () => R(e.value),
-          option: e,
-          optionCellClassName: r(C, b),
-          ...i
+          onClick: () => B(i.value),
+          option: i,
+          optionCellClassName: l($, f),
+          ...s
         },
-        e.value
+        i.value
       ))
     ] }),
-    /* @__PURE__ */ N(I, { children: [
-      t === "multiple" && f && /* @__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: a }),
-      /* @__PURE__ */ n(
+    /* @__PURE__ */ y(I, { children: [
+      t === "multiple" && u && /* @__PURE__ */ r("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: v }),
+      /* @__PURE__ */ r(
         "div",
         {
           ref: p,
           className: "dgs-ui-kit-relative",
-          style: { height: W },
-          children: D?.map((e, u) => /* @__PURE__ */ n(
+          style: { height: K },
+          children: j?.map((i, d) => /* @__PURE__ */ r(
             "div",
             {
-              className: r("dgs-ui-kit-absolute dgs-ui-kit-w-full", C),
-              style: { top: `${(x + u) * O}px` },
-              children: /* @__PURE__ */ n(
-                H,
+              className: l("dgs-ui-kit-absolute dgs-ui-kit-w-full", $),
+              style: { top: `${(b + d) * N}px` },
+              children: /* @__PURE__ */ r(
+                _,
                 {
-                  onClick: () => R(e.value),
-                  option: e,
-                  ...i
+                  onClick: () => B(i.value),
+                  option: i,
+                  ...s
                 }
               )
             },
-            e.value
+            i.value
           ))
         }
       ),
-      !D?.length && !L.length && /* @__PURE__ */ N("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: g }),
-        h && /* @__PURE__ */ n(
-          Q,
+      !j?.length && !A.length && /* @__PURE__ */ y("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__ */ r("p", { className: "dgs-ui-kit-text-gray-500 dgs-ui-kit-font-p3-medium", children: h }),
+        C && /* @__PURE__ */ r(
+          X,
           {
             className: "dgs-ui-kit-mt-1",
             variant: "text",
             size: "small",
-            onClick: () => y(""),
+            onClick: () => c(""),
             children: "پاک کردن"
           }
         )
@@ -216,108 +208,131 @@ const it = (i) => {
     ] }),
     o
   ] });
-}, U = "dgs-ui-kit-duration-300", F = 400;
-function nt(i, s) {
-  return Array.isArray(i) ? s.filter((t) => i.includes(t.value)).map((t) => t.label).join(", ") : s.find((t) => t.value === i)?.label ?? "";
-}
-const mt = (i) => {
+}, lt = (s) => {
+  const e = H(null);
+  return M(() => {
+    const t = (o) => {
+      e.current && !e.current.contains(o.target) && s();
+    };
+    return document.addEventListener("click", t, !0), () => {
+      document.removeEventListener("click", t, !0);
+    };
+  }, [e, s]), e;
+}, V = "dgs-ui-kit-duration-300", z = 400, at = (s) => {
   const {
-    options: s,
-    optionsContainer: t = "popover",
-    className: o,
-    customInput: c,
-    inputProps: m,
-    drawerProps: l,
-    popoverClassName: k,
-    value: f,
-    isLoading: a,
-    searchable: d = !0,
-    disabled: b = a
-  } = i, [g, h] = S(!1), [v, y] = S(!1), x = Y(() => {
-    t === "popover" && g && (h(!1), setTimeout(() => {
-      y(!1);
-    }, F));
+    dropdownType: e = "popover",
+    disabled: t,
+    isLoading: o,
+    wrapperClassName: n,
+    customInput: g,
+    children: a,
+    drawerProps: u,
+    inputProps: v,
+    popoverClassName: m
+  } = s, [f, h] = O(!1), [C, k] = O(!1);
+  let c;
+  const b = lt(() => {
+    e === "popover" && f && (h(!1), c && clearTimeout(c), c = setTimeout(() => {
+      k(!1);
+    }, z));
   });
-  function E() {
-    if (b || a) return;
-    !g ? (y(!0), setTimeout(() => {
+  function w() {
+    if (t || o) return;
+    const T = !C;
+    c && clearTimeout(c), T ? (k(!0), c = setTimeout(() => {
       h(!0);
-    }, 0)) : (h(!1), setTimeout(() => {
-      y(!1);
-    }, F));
+    }, 0)) : (h(!1), c = setTimeout(() => {
+      k(!1);
+    }, z));
   }
-  const p = {
-    ...i,
-    setIsShowOptions: h
-  }, C = r({
-    "!dgs-ui-kit-cursor-not-allowed": b,
-    "!dgs-ui-kit-cursor-wait": a,
-    "!dgs-ui-kit-cursor-pointer": !a && !b
+  const p = l({
+    "!dgs-ui-kit-cursor-not-allowed": t,
+    "!dgs-ui-kit-cursor-wait": o,
+    "!dgs-ui-kit-cursor-pointer": !o && !t
   });
-  return /* @__PURE__ */ N(
+  return /* @__PURE__ */ y(
     "div",
     {
-      ref: x,
-      className: r("dgs-ui-kit-relative", o),
+      ref: b,
+      className: l("dgs-ui-kit-relative", n),
       children: [
-        /* @__PURE__ */ n(
+        /* @__PURE__ */ r(
           "button",
           {
-            className: r("dgs-ui-kit-w-full", C),
-            onClick: E,
-            children: c ? c(g) : /* @__PURE__ */ n(
-              V,
+            className: l("dgs-ui-kit-w-full", p),
+            onClick: w,
+            children: g ? g(f) : /* @__PURE__ */ r(
+              U,
               {
-                leftIcon: a ? /* @__PURE__ */ n("div", { className: "dot-flashing dgs-ui-kit-mr-2" }) : /* @__PURE__ */ n(
-                  G,
+                leftIcon: o ? /* @__PURE__ */ r("div", { className: "dot-flashing dgs-ui-kit-mr-2" }) : /* @__PURE__ */ r(
+                  Z,
                   {
                     width: 20,
                     height: 20,
-                    className: r("dgs-ui-kit-transition", U, {
-                      "dgs-ui-kit-rotate-180": g
+                    className: l("dgs-ui-kit-transition", V, {
+                      "dgs-ui-kit-rotate-180": f
                     })
                   }
                 ),
-                containerClassName: r(C, {
-                  "dgs-ui-kit-items-baseline": a
+                containerClassName: l(p, {
+                  "dgs-ui-kit-items-baseline": o
                 }),
-                className: r("dgs-ui-kit-caret-transparent", C),
-                value: nt(f, s),
-                disabled: b,
-                ...m
+                className: l("dgs-ui-kit-caret-transparent", p),
+                disabled: t,
+                ...v
               }
             )
           }
         ),
-        v && /* @__PURE__ */ n(I, { children: t === "popover" ? /* @__PURE__ */ n(
-          "div",
+        /* @__PURE__ */ r(
+          F.Provider,
           {
-            className: r(
-              "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",
-              U,
-              g ? "dgs-ui-kit-opacity-100" : "dgs-ui-kit-opacity-0 dgs-ui-kit-max-h-0 dgs-ui-kit-overflow-y-hidden",
-              { "dgs-ui-kit-pt-3": !d },
-              k
-            ),
-            children: /* @__PURE__ */ n(P, { ...p })
-          }
-        ) : /* @__PURE__ */ n(
-          X,
-          {
-            open: g,
-            onClose: () => h(!1),
-            containerClassName: r(
-              "!dgs-ui-kit-pb-3 !dgs-ui-kit-px-0",
-              d ? "!dgs-ui-kit-pt-0" : "!dgs-ui-kit-pt-3"
-            ),
-            ...l,
-            children: /* @__PURE__ */ n(P, { ...p })
+            value: {
+              toggleWrapperVisibility: w
+            },
+            children: C && /* @__PURE__ */ r(I, { children: e === "popover" ? /* @__PURE__ */ r(
+              "div",
+              {
+                className: l(
+                  "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",
+                  V,
+                  f ? "dgs-ui-kit-opacity-100" : "dgs-ui-kit-opacity-0 dgs-ui-kit-max-h-0 dgs-ui-kit-overflow-y-hidden",
+                  m
+                ),
+                children: a
+              }
+            ) : /* @__PURE__ */ r(
+              Y,
+              {
+                ...u,
+                open: f,
+                onClose: () => h(!1),
+                containerClassName: l(
+                  "!dgs-ui-kit-pb-3 !dgs-ui-kit-px-0",
+                  u?.containerClassName
+                ),
+                children: a
+              }
+            ) })
           }
-        ) })
+        )
       ]
     }
   );
 };
+function ut(s, e) {
+  return Array.isArray(s) ? e.filter((t) => s.includes(t.value)).map((t) => t.label).join(", ") : e.find((t) => t.value === s)?.label ?? "";
+}
+const yt = (s) => {
+  const { searchable: e = !0, value: t, options: o } = s, n = { ...s };
+  return n.dropdownType === "popover" && !e && (n.popoverClassName = l("dgs-ui-kit-pt-3", n.popoverClassName)), n.dropdownType === "drawer" && (n.drawerProps = {
+    ...n.drawerProps,
+    containerClassName: l(
+      e ? "!dgs-ui-kit-pt-0" : "!dgs-ui-kit-pt-3",
+      n.drawerProps?.containerClassName
+    )
+  }), n.customInput || (n.inputProps = { ...n.inputProps, value: ut(t, o) }), /* @__PURE__ */ r(at, { ...n, children: /* @__PURE__ */ r(ot, { ...s }) });
+};
 export {
-  mt as default
+  yt as default
 };

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

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
-import { DrawerProps } from '../../Drawer';
 import { InputProps } from '../Input';
+import { PickerWrapperProps } from '../Wrappers/PickerWrapper/type';
 export type Option<T> = {
     value: T;
     label: string;
@@ -10,11 +10,8 @@ type SelectPropsBase<T> = {
     options: Option<T>[];
     optionsContainer?: 'drawer' | 'popover';
     searchable?: boolean | Omit<InputProps, 'onChange'>;
-    isLoading?: boolean;
-    disabled?: boolean;
     optionCell?: (option: Option<T>, isActive: boolean) => ReactNode;
     optionCellClassName?: string;
-    className?: string;
     beforOptions?: ReactNode;
     afterOptions?: ReactNode;
     emptyContent?: ReactNode;
@@ -34,24 +31,6 @@ export type SelectWithMultipleMode<T> = {
     optionsTitle?: string;
     separateSelectedOptions?: boolean;
 };
-type SelectWithCustomInput = {
-    customInput?: (isShowOptions: boolean) => ReactNode;
-    inputProps?: never;
-};
-type SelectWithoutCustomInput = {
-    inputProps?: Omit<InputProps, 'leftIcon' | 'id'>;
-    customInput?: never;
-};
-type SelectWithDrawerContainer = {
-    optionsContainer: 'drawer';
-    drawerProps?: Omit<DrawerProps, 'children' | 'onClose' | 'open'>;
-    popoverClassName?: never;
-};
-type SelectWithPopoverContainer = {
-    optionsContainer?: 'popover';
-    popoverClassName?: string;
-    drawerProps?: never;
-};
-export type SelectProps<T> = SelectPropsBase<T> & (SelectWithSingleMode<T> | SelectWithMultipleMode<T>) & (SelectWithoutCustomInput | SelectWithCustomInput) & (SelectWithDrawerContainer | SelectWithPopoverContainer);
+export type SelectProps<T> = SelectPropsBase<T> & Omit<PickerWrapperProps, 'children'> & (SelectWithSingleMode<T> | SelectWithMultipleMode<T>);
 export {};
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Select/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAE3C,MAAM,MAAM,MAAM,CAAC,CAAC,IAAI;IACtB,KAAK,EAAE,CAAC,CAAC;IACT,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AACF,KAAK,eAAe,CAAC,CAAC,IAAI;IACxB,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;IACrB,gBAAgB,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IACxC,UAAU,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC;IACpD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,OAAO,KAAK,SAAS,CAAC;IACjE,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,sBAAsB,CAAC,EAAE,OAAO,CAAC;CAClC,CAAC;AAEF,MAAM,MAAM,oBAAoB,CAAC,CAAC,IAAI;IACpC,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,KAAK,EAAE,CAAC,CAAC;IACT,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC7B,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,uBAAuB,CAAC,EAAE,KAAK,CAAC;CACjC,CAAC;AAEF,MAAM,MAAM,sBAAsB,CAAC,CAAC,IAAI;IACtC,IAAI,EAAE,UAAU,CAAC;IACjB,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;IAC/B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,uBAAuB,CAAC,EAAE,OAAO,CAAC;CACnC,CAAC;AAEF,KAAK,qBAAqB,GAAG;IAC3B,WAAW,CAAC,EAAE,CAAC,aAAa,EAAE,OAAO,KAAK,SAAS,CAAC;IACpD,UAAU,CAAC,EAAE,KAAK,CAAC;CACpB,CAAC;AAEF,KAAK,wBAAwB,GAAG;IAC9B,UAAU,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,UAAU,GAAG,IAAI,CAAC,CAAC;IACjD,WAAW,CAAC,EAAE,KAAK,CAAC;CACrB,CAAC;AAEF,KAAK,yBAAyB,GAAG;IAC/B,gBAAgB,EAAE,QAAQ,CAAC;IAC3B,WAAW,CAAC,EAAE,IAAI,CAAC,WAAW,EAAE,UAAU,GAAG,SAAS,GAAG,MAAM,CAAC,CAAC;IACjE,gBAAgB,CAAC,EAAE,KAAK,CAAC;CAC1B,CAAC;AAEF,KAAK,0BAA0B,GAAG;IAChC,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,WAAW,CAAC,EAAE,KAAK,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,WAAW,CAAC,CAAC,IAAI,eAAe,CAAC,CAAC,CAAC,GAC7C,CAAC,oBAAoB,CAAC,CAAC,CAAC,GAAG,sBAAsB,CAAC,CAAC,CAAC,CAAC,GACrD,CAAC,wBAAwB,GAAG,qBAAqB,CAAC,GAClD,CAAC,yBAAyB,GAAG,0BAA0B,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Select/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAC3C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAEzE,MAAM,MAAM,MAAM,CAAC,CAAC,IAAI;IACtB,KAAK,EAAE,CAAC,CAAC;IACT,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AACF,KAAK,eAAe,CAAC,CAAC,IAAI;IACxB,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;IACrB,gBAAgB,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IACxC,UAAU,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC;IACpD,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,OAAO,KAAK,SAAS,CAAC;IACjE,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,sBAAsB,CAAC,EAAE,OAAO,CAAC;CAClC,CAAC;AAEF,MAAM,MAAM,oBAAoB,CAAC,CAAC,IAAI;IACpC,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,KAAK,EAAE,CAAC,CAAC;IACT,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC7B,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,uBAAuB,CAAC,EAAE,KAAK,CAAC;CACjC,CAAC;AAEF,MAAM,MAAM,sBAAsB,CAAC,CAAC,IAAI;IACtC,IAAI,EAAE,UAAU,CAAC;IACjB,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;IAC/B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,uBAAuB,CAAC,EAAE,OAAO,CAAC;CACnC,CAAC;AAEF,MAAM,MAAM,WAAW,CAAC,CAAC,IAAI,eAAe,CAAC,CAAC,CAAC,GAC7C,IAAI,CAAC,kBAAkB,EAAE,UAAU,CAAC,GACpC,CAAC,oBAAoB,CAAC,CAAC,CAAC,GAAG,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC"}

package/dist/Form/Wrappers/PickerWrapper/PickerWrapper.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"PickerWrapper.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/Wrappers/PickerWrapper/PickerWrapper.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAY,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAK1C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,QAAQ,CAAC;AAGjD,OAAO,kBAAkB,CAAC;AAM1B,QAAA,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CA4HzC,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/Form/Wrappers/PickerWrapper/contexts.d.ts

@@ -0,0 +1,7 @@
+interface IPickerWrapperContext {
+    toggleWrapperVisibility: () => void;
+}
+export declare const pickerWrapperContext: import('react').Context<IPickerWrapperContext>;
+export declare const usePickerWrapper: () => IPickerWrapperContext;
+export {};
+//# sourceMappingURL=contexts.d.ts.map

package/dist/Form/Wrappers/PickerWrapper/contexts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"contexts.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/Wrappers/PickerWrapper/contexts.ts"],"names":[],"mappings":"AAEA,UAAU,qBAAqB;IAC7B,uBAAuB,EAAE,MAAM,IAAI,CAAC;CACrC;AAED,eAAO,MAAM,oBAAoB,gDAE/B,CAAC;AAEH,eAAO,MAAM,gBAAgB,6BAAyC,CAAC"}

package/dist/Form/Wrappers/PickerWrapper/type.d.ts

@@ -0,0 +1,30 @@
+import { ReactNode } from 'react';
+import { DrawerProps } from '../../../Drawer';
+import { InputProps } from '../../Input';
+interface PickerWrapperPropsBase {
+    isLoading?: boolean;
+    disabled?: boolean;
+    wrapperClassName?: string;
+    children: ReactNode;
+}
+interface PickerWrapperWithCustomInput {
+    customInput?: (isOpen: boolean) => ReactNode;
+    inputProps?: never;
+}
+interface PickerWrapperWithoutCustomInput {
+    inputProps?: Omit<InputProps, 'leftIcon'>;
+    customInput?: never;
+}
+interface PickerWrapperWithDrawerContainer {
+    dropdownType: 'drawer';
+    drawerProps?: Omit<DrawerProps, 'children' | 'onClose' | 'open'>;
+    popoverClassName?: never;
+}
+interface PickerWrapperWithPopoverContainer {
+    dropdownType?: 'popover';
+    popoverClassName?: string;
+    drawerProps?: never;
+}
+export type PickerWrapperProps = PickerWrapperPropsBase & (PickerWrapperWithCustomInput | PickerWrapperWithoutCustomInput) & (PickerWrapperWithDrawerContainer | PickerWrapperWithPopoverContainer);
+export {};
+//# sourceMappingURL=type.d.ts.map

package/dist/Form/Wrappers/PickerWrapper/type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/Wrappers/PickerWrapper/type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE9C,UAAU,sBAAsB;IAC9B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,UAAU,4BAA4B;IACpC,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,SAAS,CAAC;IAC7C,UAAU,CAAC,EAAE,KAAK,CAAC;CACpB;AAED,UAAU,+BAA+B;IACvC,UAAU,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC;IAC1C,WAAW,CAAC,EAAE,KAAK,CAAC;CACrB;AAED,UAAU,gCAAgC;IACxC,YAAY,EAAE,QAAQ,CAAC;IACvB,WAAW,CAAC,EAAE,IAAI,CAAC,WAAW,EAAE,UAAU,GAAG,SAAS,GAAG,MAAM,CAAC,CAAC;IACjE,gBAAgB,CAAC,EAAE,KAAK,CAAC;CAC1B;AAED,UAAU,iCAAiC;IACzC,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,WAAW,CAAC,EAAE,KAAK,CAAC;CACrB;AAED,MAAM,MAAM,kBAAkB,GAAG,sBAAsB,GACrD,CAAC,4BAA4B,GAAG,+BAA+B,CAAC,GAChE,CAAC,gCAAgC,GAAG,iCAAiC,CAAC,CAAC"}

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./assets/styles.css');;/* empty css                  */const r=require("./AccordionItem-D6fa9S1H.cjs"),o=require("./Alert/index.cjs"),t=require("./Badge/index.cjs"),i=require("./Breadcrumb/index.cjs"),n=require("./Button/index.cjs"),c=require("./Divider/index.cjs"),u=require("./Drawer/index.cjs"),s=require("./Form/Checkbox/index.cjs"),a=require("./Form/Input/index.cjs"),d=require("./Form/OtpInput/index.cjs"),q=require("./Form/RadioButton/index.cjs"),l=require("./Form/Select/index.cjs"),m=require("./Form/Textarea/index.cjs"),B=require("./Pagination/index.cjs"),p=require("./Progress/Bar/index.cjs"),e=require("./Slide-aMCvZQnM.cjs"),S=require("./Tabs/index.cjs");exports.AccordionGroup=r.AccordionGroup;exports.AccordionItem=r.AccordionItem;exports.Alert=o;exports.Badge=t;exports.Breadcrumb=i;exports.Button=n;exports.Divider=c;exports.Drawer=u;exports.Checkbox=s;exports.Input=a;exports.OtpInput=d;exports.RadioButton=q;exports.Select=l;exports.Textarea=m;exports.Pagination=B;exports.ProgressBar=p;exports.Slide=e.Slide;exports.Slider=e.Slider;exports.Tabs=S;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./assets/styles.css');;/* empty css                  */const r=require("./AccordionItem-U3jVG5e6.cjs"),o=require("./Alert/index.cjs"),t=require("./Badge/index.cjs"),i=require("./Breadcrumb/index.cjs"),n=require("./Button/index.cjs"),c=require("./Divider/index.cjs"),u=require("./Drawer/index.cjs"),s=require("./Form/Checkbox/index.cjs"),a=require("./Form/Input/index.cjs"),d=require("./Form/OtpInput/index.cjs"),q=require("./Form/RadioButton/index.cjs"),l=require("./Form/Select/index.cjs"),m=require("./Form/Textarea/index.cjs"),B=require("./Pagination/index.cjs"),p=require("./Progress/Bar/index.cjs"),e=require("./Slide-aMCvZQnM.cjs"),S=require("./Tabs/index.cjs");exports.AccordionGroup=r.AccordionGroup;exports.AccordionItem=r.AccordionItem;exports.Alert=o;exports.Badge=t;exports.Breadcrumb=i;exports.Button=n;exports.Divider=c;exports.Drawer=u;exports.Checkbox=s;exports.Input=a;exports.OtpInput=d;exports.RadioButton=q;exports.Select=l;exports.Textarea=m;exports.Pagination=B;exports.ProgressBar=p;exports.Slide=e.Slide;exports.Slider=e.Slider;exports.Tabs=S;

package/dist/index.js

@@ -1,5 +1,5 @@
 import './assets/styles.css';/* empty css                */
-import { A as o, a as t } from "./AccordionItem-DVi9UM43.js";
+import { A as o, a as t } from "./AccordionItem-249c_E9c.js";
 import { default as d } from "./Alert/index.js";
 import { default as s } from "./Badge/index.js";
 import { default as m } from "./Breadcrumb/index.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dgshahr/ui-kit",
-  "version": "0.0.71",
+  "version": "0.0.72",
   "description": "dgshahr ui-kit",
   "author": "dgshahr",
   "license": "MIT",

package/dist/AccordionItem-D6fa9S1H.cjs

@@ -1 +0,0 @@
-"use client";"use strict";const i=require("react/jsx-runtime"),s=require("./clsx-C11secjj.cjs"),e=require("react"),m=require("./ArrowDown2-O11Hxz6e.cjs"),h=require("./Divider/index.cjs"),g=e.createContext({activeKey:null,setActiveKey:()=>{}}),v=()=>e.useContext(g),y=c=>{const{defaultActiveKey:o=null,className:d,children:u}=c,[n,r]=e.useState(o);return i.jsx("div",{className:s.clsx("dgs-ui-kit-flex dgs-ui-kit-flex-col",d),children:i.jsx(g.Provider,{value:{activeKey:n,setActiveKey:r},children:u})})},f=c=>{const{children:o,title:d,accordionKey:u,className:n,contentClassName:r}=c,{activeKey:k,setActiveKey:a}=v(),x=e.useId(),l=u??x,t=l===k;return i.jsxs("div",{className:s.clsx("dgs-ui-kit-bg-white dgs-ui-kit-px-4 dgs-ui-kit-pt-4",n),children:[i.jsxs("button",{className:s.clsx("dgs-ui-kit-flex dgs-ui-kit-justify-between dgs-ui-kit-items-center dgs-ui-kit-w-full",t?"dgs-ui-kit-text-primary-500":"dgs-ui-kit-text-gray-600"),onClick:()=>{a(t?null:l)},children:[i.jsx("div",{className:t?"dgs-ui-kit-font-h5-bold":"dgs-ui-kit-font-p1-medium",children:d}),i.jsx(m.ArrowDown2Icon,{className:s.clsx("dgs-ui-kit-transition dgs-ui-kit-duration-300 dgs-ui-kit-ease-in-out dgs-ui-kit-shrink-0 dgs-ui-kit-w-auto dgs-ui-kit-h-auto",t&&"dgs-ui-kit-rotate-180"),width:20,height:20})]}),i.jsx("div",{className:s.clsx("dgs-ui-kit-grid dgs-ui-kit-font-p1-regular dgs-ui-kit-text-gray-600 dgs-ui-kit-overflow-hidden dgs-ui-kit-transition-all dgs-ui-kit-duration-300 dgs-ui-kit-ease-in-out",t?"dgs-ui-kit-grid-rows-[1fr] dgs-ui-kit-opacity-100 dgs-ui-kit-mt-3":"dgs-ui-kit-grid-rows-[0fr] dgs-ui-kit-opacity-0",r),children:i.jsx("div",{className:"dgs-ui-kit-overflow-hidden",children:o})}),i.jsx(h,{type:"horizontal",color:"white",className:"dgs-ui-kit-mt-4"})]})};exports.AccordionGroup=y;exports.AccordionItem=f;

package/dist/AccordionItem-DVi9UM43.js

@@ -1,76 +0,0 @@
-"use client";
-import { jsx as i, jsxs as l } from "react/jsx-runtime";
-import { c as s } from "./clsx-OuTLNxxd.js";
-import { createContext as f, useContext as h, useState as v, useId as y } from "react";
-import { A as p } from "./ArrowDown2-CMeKw_vj.js";
-import x from "./Divider/index.js";
-const g = f({
-  activeKey: null,
-  setActiveKey: () => {
-  }
-}), w = () => h(g), b = (e) => {
-  const { defaultActiveKey: o = null, className: d, children: c } = e, [r, u] = v(o);
-  return /* @__PURE__ */ i("div", { className: s("dgs-ui-kit-flex dgs-ui-kit-flex-col", d), children: /* @__PURE__ */ i(
-    g.Provider,
-    {
-      value: {
-        activeKey: r,
-        setActiveKey: u
-      },
-      children: c
-    }
-  ) });
-}, j = (e) => {
-  const { children: o, title: d, accordionKey: c, className: r, contentClassName: u } = e, { activeKey: k, setActiveKey: a } = w(), m = y(), n = c ?? m, t = n === k;
-  return /* @__PURE__ */ l("div", { className: s("dgs-ui-kit-bg-white dgs-ui-kit-px-4 dgs-ui-kit-pt-4", r), children: [
-    /* @__PURE__ */ l(
-      "button",
-      {
-        className: s(
-          "dgs-ui-kit-flex dgs-ui-kit-justify-between dgs-ui-kit-items-center dgs-ui-kit-w-full",
-          t ? "dgs-ui-kit-text-primary-500" : "dgs-ui-kit-text-gray-600"
-        ),
-        onClick: () => {
-          a(t ? null : n);
-        },
-        children: [
-          /* @__PURE__ */ i("div", { className: t ? "dgs-ui-kit-font-h5-bold" : "dgs-ui-kit-font-p1-medium", children: d }),
-          /* @__PURE__ */ i(
-            p,
-            {
-              className: s(
-                "dgs-ui-kit-transition dgs-ui-kit-duration-300 dgs-ui-kit-ease-in-out dgs-ui-kit-shrink-0 dgs-ui-kit-w-auto dgs-ui-kit-h-auto",
-                t && "dgs-ui-kit-rotate-180"
-              ),
-              width: 20,
-              height: 20
-            }
-          )
-        ]
-      }
-    ),
-    /* @__PURE__ */ i(
-      "div",
-      {
-        className: s(
-          "dgs-ui-kit-grid dgs-ui-kit-font-p1-regular dgs-ui-kit-text-gray-600 dgs-ui-kit-overflow-hidden dgs-ui-kit-transition-all dgs-ui-kit-duration-300 dgs-ui-kit-ease-in-out",
-          t ? "dgs-ui-kit-grid-rows-[1fr] dgs-ui-kit-opacity-100 dgs-ui-kit-mt-3" : "dgs-ui-kit-grid-rows-[0fr] dgs-ui-kit-opacity-0",
-          u
-        ),
-        children: /* @__PURE__ */ i("div", { className: "dgs-ui-kit-overflow-hidden", children: o })
-      }
-    ),
-    /* @__PURE__ */ i(
-      x,
-      {
-        type: "horizontal",
-        color: "white",
-        className: "dgs-ui-kit-mt-4"
-      }
-    )
-  ] });
-};
-export {
-  b as A,
-  j as a
-};