@dgshahr/ui-kit 0.0.57 → 0.0.59

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-AwBSlD0h.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-D6fa9S1H.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-CVOJGOwc.js";
+import { A as a, a as i } from "../AccordionItem-DVi9UM43.js";
 export {
   a as AccordionGroup,
   i as AccordionItem

package/dist/AccordionItem-D6fa9S1H.cjs

@@ -0,0 +1 @@
+"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-CVOJGOwc.js → AccordionItem-DVi9UM43.js}

@@ -1,62 +1,46 @@
 "use client";
 import { jsx as i, jsxs as l } from "react/jsx-runtime";
 import { c as s } from "./clsx-OuTLNxxd.js";
-import { createContext as h, useContext as v, useState as f, useId as w } from "react";
-import p from "./Divider/index.js";
-const g = h({
+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: () => {
   }
-}), x = () => v(g), I = (t) => {
-  const { defaultActiveKey: o = null, className: d, children: c } = t, [r, a] = f(o);
+}), 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: a
+        setActiveKey: u
       },
       children: c
     }
   ) });
-}, y = (t) => /* @__PURE__ */ i(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "1em",
-    height: "1em",
-    fill: "none",
-    viewBox: "0 0 24 24",
-    ...t,
-    children: /* @__PURE__ */ i(
-      "path",
-      {
-        fill: "currentColor",
-        d: "M4.47 7.97a.75.75 0 0 1 .976-.073l.084.073L12 14.439l6.47-6.47a.75.75 0 0 1 .976-.072l.084.073a.75.75 0 0 1 .073.976l-.073.084-7 7a.75.75 0 0 1-.976.073l-.084-.073-7-7a.75.75 0 0 1 0-1.06"
-      }
-    )
-  }
-), b = (t) => {
-  const { children: o, title: d, accordionKey: c, className: r, contentClassName: a } = t, { activeKey: k, setActiveKey: n } = x(), m = w(), u = c ?? m, e = u === k;
+}, 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",
-          e ? "dgs-ui-kit-text-primary-500" : "dgs-ui-kit-text-gray-600"
+          t ? "dgs-ui-kit-text-primary-500" : "dgs-ui-kit-text-gray-600"
         ),
         onClick: () => {
-          n(e ? null : u);
+          a(t ? null : n);
         },
         children: [
-          /* @__PURE__ */ i("div", { className: e ? "dgs-ui-kit-font-h5-bold" : "dgs-ui-kit-font-p1-medium", children: d }),
+          /* @__PURE__ */ i("div", { className: t ? "dgs-ui-kit-font-h5-bold" : "dgs-ui-kit-font-p1-medium", children: d }),
           /* @__PURE__ */ i(
-            y,
+            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",
-                e && "dgs-ui-kit-rotate-180"
+                t && "dgs-ui-kit-rotate-180"
               ),
               width: 20,
               height: 20
@@ -70,14 +54,14 @@ const g = h({
       {
         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",
-          e ? "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",
-          a
+          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(
-      p,
+      x,
       {
         type: "horizontal",
         color: "white",
@@ -87,6 +71,6 @@ const g = h({
   ] });
 };
 export {
-  I as A,
-  b as a
+  b as A,
+  j as a
 };

package/dist/ArrowDown2-CMeKw_vj.js

@@ -0,0 +1,22 @@
+import { jsx as l } from "react/jsx-runtime";
+const t = (o) => /* @__PURE__ */ l(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    ...o,
+    children: /* @__PURE__ */ l(
+      "path",
+      {
+        fill: "currentColor",
+        d: "M4.47 7.97a.75.75 0 0 1 .976-.073l.084.073L12 14.439l6.47-6.47a.75.75 0 0 1 .976-.072l.084.073a.75.75 0 0 1 .073.976l-.073.084-7 7a.75.75 0 0 1-.976.073l-.084-.073-7-7a.75.75 0 0 1 0-1.06"
+      }
+    )
+  }
+);
+export {
+  t as A
+};

package/dist/ArrowDown2-O11Hxz6e.cjs

@@ -0,0 +1 @@
+"use strict";const o=require("react/jsx-runtime"),n=l=>o.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 24 24",...l,children:o.jsx("path",{fill:"currentColor",d:"M4.47 7.97a.75.75 0 0 1 .976-.073l.084.073L12 14.439l6.47-6.47a.75.75 0 0 1 .976-.072l.084.073a.75.75 0 0 1 .073.976l-.073.084-7 7a.75.75 0 0 1-.976.073l-.084-.073-7-7a.75.75 0 0 1 0-1.06"})});exports.ArrowDown2Icon=n;

package/dist/Drawer/index.cjs

@@ -1 +1 @@
-"use client";"use strict";require('../assets/styles.css');const i=require("react/jsx-runtime"),n=require("../clsx-C11secjj.cjs"),h=require("react");;/* empty css                   */const R=require("react-dom"),q=require("../CloseRemove-BUG0Hjfl.cjs"),m=150;function x({position:s,padding:l=0,item:u}){return s==="center"?"auto":u==="width"?s==="bottom"||s==="top"?`calc(100% - ${l*2}px)`:"auto":s==="bottom"||s==="top"?"auto":`calc(100% - ${l*2}px)`}function D({position:s,padding:l=0}){const u="dgs-ui-kit-rounded-2xl";if(l>0||s==="center")return u;switch(s){case"bottom":return`${u} dgs-ui-kit-rounded-b-none`;case"left":return`${u} dgs-ui-kit-rounded-l-none`;case"right":return`${u} dgs-ui-kit-rounded-r-none`;case"top":return`${u} dgs-ui-kit-rounded-t-none`;default:return u}}const I=s=>{const{open:l,onClose:u,persist:v,position:t="bottom",children:p,className:w,maskClassName:b,containerClassName:y,padding:d=8,width:N,header:e,footer:r,containerElement:k}=s,[a,f]=h.useState(!1),c=k??document?.body;function j(){c.classList.add("dgs-ui-kit-overflow-hidden","dgs-ui-kit-relative"),setTimeout(()=>{f(!0)},m)}function g(o=!0){f(!1),setTimeout(()=>{c.classList.remove("dgs-ui-kit-overflow-hidden","dgs-ui-kit-relative"),o&&u()},m)}h.useEffect(()=>{l?j():a&&g(!1)},[l]);const C=e?Object.values(e).some(o=>!!o):!1,$=t==="center"?{top:"50%",left:"50%",transform:"translate(-50%, -50%)"}:{top:t!=="bottom"?d??0:"unset",bottom:t!=="top"?d??0:"unset",left:t!=="right"?d??0:"unset",right:t!=="left"?d??0:"unset"};return R.createPortal(i.jsx("div",{className:n.clsx("dgs-ui-kit-bg-black/40 dgs-ui-kit-top-0 dgs-ui-kit-left-0 dgs-ui-kit-z-50 dgs-ui-kit-opacity-0 dgs-ui-kit-overflow-hidden dgs-ui-kit-cursor-default dgs-ui-kit-transition dgs-ui-kit-ease-linear",{"dgs-ui-kit-opacity-100":a,"dgs-ui-kit-w-full dgs-ui-kit-h-full":l},k?"dgs-ui-kit-absolute":"dgs-ui-kit-fixed",b),onClick:()=>v?null:g(),children:i.jsx("div",{className:n.clsx("dgs-ui-kit-absolute dgs-ui-kit-z-10 dgs-ui-kit-opacity-0 dgs-ui-kit-transition dgs-ui-kit-duration-100 dgs-ui-kit-flex dgs-ui-kit-justify-center",{"dgs-ui-kit-opacity-100":a,"dgs-ui-kit-translate-y-full":!a&&t==="bottom","-dgs-ui-kit-translate-y-full":!a&&t==="top","dgs-ui-kit-translate-x-full":!a&&t==="right","-dgs-ui-kit-translate-x-full":!a&&t==="left"},w),style:{...$,maxHeight:`calc(100svh - ${d*2}px)`,maxWidth:`calc(100vw - ${d*2}px)`,width:x({position:t,padding:d,item:"width"}),height:x({position:t,padding:d,item:"height"})},children:i.jsxs("div",{className:n.clsx("dgs-ui-kit-overflow-x-hidden dgs-ui-kit-flex dgs-ui-kit-flex-col dgs-ui-kit-bg-white dgs-ui-kit-divide-y dgs-ui-kit-divide-gray-200 dgs-ui-kit-divide-solid",D({position:t,padding:d})),style:{width:N??"100%"},onClick:o=>o.stopPropagation(),children:[e&&C&&i.jsxs("div",{className:n.clsx("dgs-ui-kit-h-16 dgs-ui-kit-relative dgs-ui-kit-shrink-0",e?.containerClassName),children:[e.actionElement?i.jsx("div",{className:"dgs-ui-kit-absolute dgs-ui-kit-top-1/2 -dgs-ui-kit-translate-y-1/2 dgs-ui-kit-right-4 [&>svg]:dgs-ui-kit-w-6 [&_svg]:dgs-ui-kit-h-6 dgs-ui-kit-text-gray-600",children:e.actionElement}):null,e.title?i.jsxs("div",{className:"dgs-ui-kit-flex dgs-ui-kit-flex-col dgs-ui-kit-absolute dgs-ui-kit-top-1/2 dgs-ui-kit-right-1/2 -dgs-ui-kit-translate-y-1/2 dgs-ui-kit-translate-x-1/2 dgs-ui-kit-text-center",children:[i.jsx("span",{className:"dgs-ui-kit-font-h6-bold dgs-ui-kit-text-gray-800",children:e.title}),e.description?i.jsx("span",{className:"dgs-ui-kit-font-caption-regular dgs-ui-kit-text-gray-500",children:e.description}):null]}):null,e.haveCloseIcon&&i.jsx("button",{onClick:()=>g(),className:"dgs-ui-kit-absolute dgs-ui-kit-top-1/2 -dgs-ui-kit-translate-y-1/2 dgs-ui-kit-left-4",children:i.jsx(q.CloseRemoveIcon,{width:24,height:24,className:"dgs-ui-kit-text-gray-600"})})]}),i.jsx("div",{className:n.clsx("dgs-ui-kit-p-4 dgs-ui-kit-overflow-y-auto",y),children:p}),r?.element?i.jsx("div",{className:n.clsx("dgs-ui-kit-p-4 dgs-ui-kit-mt-auto",r.containerClassName),children:r.element}):null]})})}),c)};module.exports=I;
+"use client";"use strict";require('../assets/styles.css');const i=require("react/jsx-runtime"),n=require("../clsx-C11secjj.cjs"),k=require("react");;/* empty css                   */const R=require("react-dom"),q=require("../CloseRemove-BUG0Hjfl.cjs"),m=150;function x({position:s,padding:l=0,item:u}){return s==="center"?"auto":u==="width"?s==="bottom"||s==="top"?`calc(100% - ${l*2}px)`:"auto":s==="bottom"||s==="top"?"auto":`calc(100% - ${l*2}px)`}function D({position:s,padding:l=0}){const u="dgs-ui-kit-rounded-2xl";if(l>0||s==="center")return u;switch(s){case"bottom":return`${u} dgs-ui-kit-rounded-b-none`;case"left":return`${u} dgs-ui-kit-rounded-l-none`;case"right":return`${u} dgs-ui-kit-rounded-r-none`;case"top":return`${u} dgs-ui-kit-rounded-t-none`;default:return u}}const E=s=>{const{open:l,onClose:u,persist:v,position:t="bottom",children:p,className:w,maskClassName:b,containerClassName:y,padding:d=8,width:N,header:e,footer:c,containerElement:f}=s,[a,h]=k.useState(!1),g=f??document?.body;function j(){g.classList.add("dgs-ui-kit-overflow-hidden","dgs-ui-kit-relative"),setTimeout(()=>{h(!0)},m)}function o(r=!0){h(!1),setTimeout(()=>{g.classList.remove("dgs-ui-kit-overflow-hidden","dgs-ui-kit-relative"),r&&u()},m)}k.useEffect(()=>{l?j():a&&o(!1)},[l]),k.useEffect(()=>()=>o(!1),[]);const C=e?Object.values(e).some(r=>!!r):!1,$=t==="center"?{top:"50%",left:"50%",transform:"translate(-50%, -50%)"}:{top:t!=="bottom"?d??0:"unset",bottom:t!=="top"?d??0:"unset",left:t!=="right"?d??0:"unset",right:t!=="left"?d??0:"unset"};return R.createPortal(i.jsx("div",{className:n.clsx("dgs-ui-kit-bg-black/40 dgs-ui-kit-top-0 dgs-ui-kit-left-0 dgs-ui-kit-z-50 dgs-ui-kit-opacity-0 dgs-ui-kit-overflow-hidden dgs-ui-kit-cursor-default dgs-ui-kit-transition dgs-ui-kit-ease-linear",{"dgs-ui-kit-opacity-100":a,"dgs-ui-kit-w-full dgs-ui-kit-h-full":l},f?"dgs-ui-kit-absolute":"dgs-ui-kit-fixed",b),onClick:()=>v?null:o(),children:i.jsx("div",{className:n.clsx("dgs-ui-kit-absolute dgs-ui-kit-z-10 dgs-ui-kit-opacity-0 dgs-ui-kit-transition dgs-ui-kit-duration-100 dgs-ui-kit-flex dgs-ui-kit-justify-center",{"dgs-ui-kit-opacity-100":a,"dgs-ui-kit-translate-y-full":!a&&t==="bottom","-dgs-ui-kit-translate-y-full":!a&&t==="top","dgs-ui-kit-translate-x-full":!a&&t==="right","-dgs-ui-kit-translate-x-full":!a&&t==="left"},w),style:{...$,maxHeight:`calc(100svh - ${d*2}px)`,maxWidth:`calc(100vw - ${d*2}px)`,width:x({position:t,padding:d,item:"width"}),height:x({position:t,padding:d,item:"height"})},children:i.jsxs("div",{className:n.clsx("dgs-ui-kit-overflow-x-hidden dgs-ui-kit-flex dgs-ui-kit-flex-col dgs-ui-kit-bg-white dgs-ui-kit-divide-y dgs-ui-kit-divide-gray-200 dgs-ui-kit-divide-solid",D({position:t,padding:d})),style:{width:N??"100%"},onClick:r=>r.stopPropagation(),children:[e&&C&&i.jsxs("div",{className:n.clsx("dgs-ui-kit-h-16 dgs-ui-kit-relative dgs-ui-kit-shrink-0",e?.containerClassName),children:[e.actionElement?i.jsx("div",{className:"dgs-ui-kit-absolute dgs-ui-kit-top-1/2 -dgs-ui-kit-translate-y-1/2 dgs-ui-kit-right-4 [&>svg]:dgs-ui-kit-w-6 [&_svg]:dgs-ui-kit-h-6 dgs-ui-kit-text-gray-600",children:e.actionElement}):null,e.title?i.jsxs("div",{className:"dgs-ui-kit-flex dgs-ui-kit-flex-col dgs-ui-kit-absolute dgs-ui-kit-top-1/2 dgs-ui-kit-right-1/2 -dgs-ui-kit-translate-y-1/2 dgs-ui-kit-translate-x-1/2 dgs-ui-kit-text-center",children:[i.jsx("span",{className:"dgs-ui-kit-font-h6-bold dgs-ui-kit-text-gray-800",children:e.title}),e.description?i.jsx("span",{className:"dgs-ui-kit-font-caption-regular dgs-ui-kit-text-gray-500",children:e.description}):null]}):null,e.haveCloseIcon&&i.jsx("button",{onClick:()=>o(),className:"dgs-ui-kit-absolute dgs-ui-kit-top-1/2 -dgs-ui-kit-translate-y-1/2 dgs-ui-kit-left-4",children:i.jsx(q.CloseRemoveIcon,{width:24,height:24,className:"dgs-ui-kit-text-gray-600"})})]}),i.jsx("div",{className:n.clsx("dgs-ui-kit-p-4 dgs-ui-kit-overflow-y-auto",y),children:p}),c?.element?i.jsx("div",{className:n.clsx("dgs-ui-kit-p-4 dgs-ui-kit-mt-auto",c.containerClassName),children:c.element}):null]})})}),g)};module.exports=E;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/Drawer/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAuB,KAAK,aAAa,EAAE,KAAK,EAAE,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACzF,OAAO,kBAAkB,CAAC;AAM1B,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,QAAQ,GAAG,KAAK,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAC/B,MAAM,CAAC,EAAE;QACP,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,aAAa,CAAC,EAAE,OAAO,CAAC;QACxB,aAAa,CAAC,EAAE,SAAS,CAAC;QAC1B,kBAAkB,CAAC,EAAE,MAAM,CAAC;KAC7B,CAAC;IACF,MAAM,CAAC,EAAE;QACP,OAAO,CAAC,EAAE,SAAS,CAAC;QACpB,kBAAkB,CAAC,EAAE,MAAM,CAAC;KAC7B,CAAC;IACF,QAAQ,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IACjC,gBAAgB,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;CACnC;AA4CD,QAAA,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CA+I3B,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/Drawer/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAuB,KAAK,aAAa,EAAE,KAAK,EAAE,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACzF,OAAO,kBAAkB,CAAC;AAM1B,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,QAAQ,GAAG,KAAK,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAC/B,MAAM,CAAC,EAAE;QACP,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,aAAa,CAAC,EAAE,OAAO,CAAC;QACxB,aAAa,CAAC,EAAE,SAAS,CAAC;QAC1B,kBAAkB,CAAC,EAAE,MAAM,CAAC;KAC7B,CAAC;IACF,MAAM,CAAC,EAAE;QACP,OAAO,CAAC,EAAE,SAAS,CAAC;QACpB,kBAAkB,CAAC,EAAE,MAAM,CAAC;KAC7B,CAAC;IACF,QAAQ,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IACjC,gBAAgB,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;CACnC;AA4CD,QAAA,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CAmJ3B,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/Drawer/index.js

@@ -1,12 +1,12 @@
 "use client";
 import { jsx as u, jsxs as k } from "react/jsx-runtime";
 import { c as o } from "../clsx-OuTLNxxd.js";
-import { useState as j, useEffect as D } from "react";
+import { useState as D, useEffect as h } from "react";
 import '../assets/styles.css';/* empty css                 */
 import { createPortal as E } from "react-dom";
 import { C as R } from "../CloseRemove-BzqPxkjk.js";
-const h = 150;
-function p({
+const p = 150;
+function v({
   position: e,
   padding: a = 0,
   item: s
@@ -36,32 +36,32 @@ const L = (e) => {
   const {
     open: a,
     onClose: s,
-    persist: v,
+    persist: x,
     position: t = "bottom",
-    children: x,
-    className: w,
-    maskClassName: b,
-    containerClassName: y,
+    children: w,
+    className: b,
+    maskClassName: y,
+    containerClassName: N,
     padding: d = 8,
-    width: N,
+    width: C,
     header: i,
-    footer: r,
+    footer: g,
     containerElement: f
-  } = e, [l, m] = j(!1), g = f ?? document?.body;
-  function C() {
-    g.classList.add("dgs-ui-kit-overflow-hidden", "dgs-ui-kit-relative"), setTimeout(() => {
+  } = e, [l, m] = D(!1), c = f ?? document?.body;
+  function $() {
+    c.classList.add("dgs-ui-kit-overflow-hidden", "dgs-ui-kit-relative"), setTimeout(() => {
       m(!0);
-    }, h);
+    }, p);
   }
-  function c(n = !0) {
+  function n(r = !0) {
     m(!1), setTimeout(() => {
-      g.classList.remove("dgs-ui-kit-overflow-hidden", "dgs-ui-kit-relative"), n && s();
-    }, h);
+      c.classList.remove("dgs-ui-kit-overflow-hidden", "dgs-ui-kit-relative"), r && s();
+    }, p);
   }
-  D(() => {
-    a ? C() : l && c(!1);
-  }, [a]);
-  const $ = i ? Object.values(i).some((n) => !!n) : !1, I = t === "center" ? { top: "50%", left: "50%", transform: "translate(-50%, -50%)" } : {
+  h(() => {
+    a ? $() : l && n(!1);
+  }, [a]), h(() => () => n(!1), []);
+  const I = i ? Object.values(i).some((r) => !!r) : !1, j = t === "center" ? { top: "50%", left: "50%", transform: "translate(-50%, -50%)" } : {
     top: t !== "bottom" ? d ?? 0 : "unset",
     bottom: t !== "top" ? d ?? 0 : "unset",
     left: t !== "right" ? d ?? 0 : "unset",
@@ -75,9 +75,9 @@ const L = (e) => {
           "dgs-ui-kit-bg-black/40 dgs-ui-kit-top-0 dgs-ui-kit-left-0 dgs-ui-kit-z-50 dgs-ui-kit-opacity-0 dgs-ui-kit-overflow-hidden dgs-ui-kit-cursor-default dgs-ui-kit-transition dgs-ui-kit-ease-linear",
           { "dgs-ui-kit-opacity-100": l, "dgs-ui-kit-w-full dgs-ui-kit-h-full": a },
           f ? "dgs-ui-kit-absolute" : "dgs-ui-kit-fixed",
-          b
+          y
         ),
-        onClick: () => v ? null : c(),
+        onClick: () => x ? null : n(),
         children: /* @__PURE__ */ u(
           "div",
           {
@@ -90,14 +90,14 @@ const L = (e) => {
                 "dgs-ui-kit-translate-x-full": !l && t === "right",
                 "-dgs-ui-kit-translate-x-full": !l && t === "left"
               },
-              w
+              b
             ),
             style: {
-              ...I,
+              ...j,
               maxHeight: `calc(100svh - ${d * 2}px)`,
               maxWidth: `calc(100vw - ${d * 2}px)`,
-              width: p({ position: t, padding: d, item: "width" }),
-              height: p({ position: t, padding: d, item: "height" })
+              width: v({ position: t, padding: d, item: "width" }),
+              height: v({ position: t, padding: d, item: "height" })
             },
             children: /* @__PURE__ */ k(
               "div",
@@ -106,10 +106,10 @@ const L = (e) => {
                   "dgs-ui-kit-overflow-x-hidden dgs-ui-kit-flex dgs-ui-kit-flex-col dgs-ui-kit-bg-white dgs-ui-kit-divide-y dgs-ui-kit-divide-gray-200 dgs-ui-kit-divide-solid",
                   T({ position: t, padding: d })
                 ),
-                style: { width: N ?? "100%" },
-                onClick: (n) => n.stopPropagation(),
+                style: { width: C ?? "100%" },
+                onClick: (r) => r.stopPropagation(),
                 children: [
-                  i && $ && /* @__PURE__ */ k(
+                  i && I && /* @__PURE__ */ k(
                     "div",
                     {
                       className: o(
@@ -125,7 +125,7 @@ const L = (e) => {
                         i.haveCloseIcon && /* @__PURE__ */ u(
                           "button",
                           {
-                            onClick: () => c(),
+                            onClick: () => n(),
                             className: "dgs-ui-kit-absolute dgs-ui-kit-top-1/2 -dgs-ui-kit-translate-y-1/2 dgs-ui-kit-left-4",
                             children: /* @__PURE__ */ u(
                               R,
@@ -140,8 +140,8 @@ const L = (e) => {
                       ]
                     }
                   ),
-                  /* @__PURE__ */ u("div", { className: o("dgs-ui-kit-p-4 dgs-ui-kit-overflow-y-auto", y), children: x }),
-                  r?.element ? /* @__PURE__ */ u("div", { className: o("dgs-ui-kit-p-4 dgs-ui-kit-mt-auto", r.containerClassName), children: r.element }) : null
+                  /* @__PURE__ */ u("div", { className: o("dgs-ui-kit-p-4 dgs-ui-kit-overflow-y-auto", N), children: w }),
+                  g?.element ? /* @__PURE__ */ u("div", { className: o("dgs-ui-kit-p-4 dgs-ui-kit-mt-auto", g.containerClassName), children: g.element }) : null
                 ]
               }
             )
@@ -149,7 +149,7 @@ const L = (e) => {
         )
       }
     ),
-    g
+    c
   );
 };
 export {

package/dist/Form/Checkbox/index.cjs

@@ -1 +1 @@
-"use strict";const e=require("react/jsx-runtime"),o=require("../../clsx-C11secjj.cjs"),a=require("../../omitObjects-CtiYo0hv.cjs"),h=require("../../SelectableInputWrapper-BJnJHrmJ.cjs"),x=s=>e.jsx("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:"M9.613 17.57a.75.75 0 0 1-.53-.22l-4.375-4.376a.75.75 0 0 1 1.06-1.06l3.845 3.844 9.1-9.1a.75.75 0 1 1 1.06 1.061l-9.635 9.63a.75.75 0 0 1-.525.22"})}),m=s=>e.jsx("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:"M6 11a.75.75 0 0 0 0 1.5zm12 1.5a.75.75 0 0 0 0-1.5zm-12 0h12V11H6z"})}),d=s=>{const{className:r,isIndeterminate:i,...t}=s,n=a.omitObject(t,["label","isError","errorMessage","helperMessage","containerClassName"]);return e.jsx(h.SelectableInputWrapper,{...t,children:({inputClassName:c,checkedInputClassName:l})=>e.jsxs(e.Fragment,{children:[e.jsx("input",{...n,type:"checkbox",className:o.clsx("dgs-ui-kit-rounded",c,r)}),e.jsx("div",{className:l,children:i?e.jsx(m,{width:16,height:16}):e.jsx(x,{width:16,height:16})})]})})};module.exports=d;
+"use strict";const e=require("react/jsx-runtime"),l=require("../../clsx-C11secjj.cjs"),h=require("../../omitObjects-CtiYo0hv.cjs"),a=require("../../RadioCheckboxWrapper-0xf2r8Bg.cjs"),x=s=>e.jsx("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:"M9.613 17.57a.75.75 0 0 1-.53-.22l-4.375-4.376a.75.75 0 0 1 1.06-1.06l3.845 3.844 9.1-9.1a.75.75 0 1 1 1.06 1.061l-9.635 9.63a.75.75 0 0 1-.525.22"})}),d=s=>e.jsx("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:"M6 11a.75.75 0 0 0 0 1.5zm12 1.5a.75.75 0 0 0 0-1.5zm-12 0h12V11H6z"})}),m=s=>{const{className:t,isIndeterminate:i,...r}=s,n=h.omitObject(r,["label","isError","errorMessage","helperMessage","containerClassName"]);return e.jsx(a.RadioCheckboxWrapper,{...r,children:({inputClassName:o,checkedInputClassName:c})=>e.jsxs(e.Fragment,{children:[e.jsx("input",{...n,type:"checkbox",className:l.clsx("dgs-ui-kit-rounded",o,t)}),e.jsx("div",{className:c,children:i?e.jsx(d,{width:16,height:16}):e.jsx(x,{width:16,height:16})})]})})};module.exports=m;

package/dist/Form/Checkbox/index.d.ts

@@ -1,6 +1,6 @@
 import { DetailedHTMLProps, InputHTMLAttributes } from 'react';
-import { SelectableInputBaseUnionProps } from '../Wrappers/SelectableInputWrapper/SelectableInputWrapper';
-export type CheckboxProps = SelectableInputBaseUnionProps & Omit<DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, 'type'> & {
+import { RadioCheckboxBaseUnionProps } from '../Wrappers/RadioCheckboxWrapper/RadioCheckboxWrapper';
+export type CheckboxProps = RadioCheckboxBaseUnionProps & Omit<DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, 'type'> & {
     isIndeterminate?: boolean;
 };
 declare const Checkbox: (props: CheckboxProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Checkbox/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAIpE,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,2DAA2D,CAAC;AAG/G,MAAM,MAAM,aAAa,GAAG,6BAA6B,GACvD,IAAI,CAAC,iBAAiB,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,gBAAgB,CAAC,EAAE,MAAM,CAAC,GAAG;IACzF,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AAEJ,QAAA,MAAM,QAAQ,UAAW,aAAa,4CAoCrC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Checkbox/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAIpE,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,uDAAuD,CAAC;AAGzG,MAAM,MAAM,aAAa,GAAG,2BAA2B,GACrD,IAAI,CAAC,iBAAiB,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,gBAAgB,CAAC,EAAE,MAAM,CAAC,GAAG;IACzF,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AAEJ,QAAA,MAAM,QAAQ,UAAW,aAAa,4CAoCrC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/Form/Checkbox/index.js

@@ -1,8 +1,8 @@
-import { jsx as e, jsxs as a, Fragment as c } from "react/jsx-runtime";
-import { c as h } from "../../clsx-OuTLNxxd.js";
+import { jsx as e, jsxs as l, Fragment as h } from "react/jsx-runtime";
+import { c } from "../../clsx-OuTLNxxd.js";
 import { o as m } from "../../omitObjects-CxFrrlkX.js";
-import { S as d } from "../../SelectableInputWrapper-B9s7VP-5.js";
-const p = (t) => /* @__PURE__ */ e(
+import { R as d } from "../../RadioCheckboxWrapper-CoHqell5.js";
+const p = (r) => /* @__PURE__ */ e(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -10,7 +10,7 @@ const p = (t) => /* @__PURE__ */ e(
     height: "1em",
     fill: "none",
     viewBox: "0 0 24 24",
-    ...t,
+    ...r,
     children: /* @__PURE__ */ e(
       "path",
       {
@@ -19,7 +19,7 @@ const p = (t) => /* @__PURE__ */ e(
       }
     )
   }
-), g = (t) => /* @__PURE__ */ e(
+), g = (r) => /* @__PURE__ */ e(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -27,7 +27,7 @@ const p = (t) => /* @__PURE__ */ e(
     height: "1em",
     fill: "none",
     viewBox: "0 0 24 24",
-    ...t,
+    ...r,
     children: /* @__PURE__ */ e(
       "path",
       {
@@ -36,24 +36,24 @@ const p = (t) => /* @__PURE__ */ e(
       }
     )
   }
-), v = (t) => {
-  const { className: s, isIndeterminate: o, ...r } = t, i = m(r, [
+), v = (r) => {
+  const { className: o, isIndeterminate: s, ...t } = r, i = m(t, [
     "label",
     "isError",
     "errorMessage",
     "helperMessage",
     "containerClassName"
   ]);
-  return /* @__PURE__ */ e(d, { ...r, children: ({ inputClassName: l, checkedInputClassName: n }) => /* @__PURE__ */ a(c, { children: [
+  return /* @__PURE__ */ e(d, { ...t, children: ({ inputClassName: a, checkedInputClassName: n }) => /* @__PURE__ */ l(h, { children: [
     /* @__PURE__ */ e(
       "input",
       {
         ...i,
         type: "checkbox",
-        className: h("dgs-ui-kit-rounded", l, s)
+        className: c("dgs-ui-kit-rounded", a, o)
       }
     ),
-    /* @__PURE__ */ e("div", { className: n, children: o ? /* @__PURE__ */ e(
+    /* @__PURE__ */ e("div", { className: n, children: s ? /* @__PURE__ */ e(
       g,
       {
         width: 16,

package/dist/Form/RadioButton/index.cjs

@@ -1 +1 @@
-"use strict";const e=require("react/jsx-runtime"),u=require("../../clsx-C11secjj.cjs"),a=require("../../omitObjects-CtiYo0hv.cjs"),l=require("../../SelectableInputWrapper-BJnJHrmJ.cjs"),o=t=>{const{className:r,...s}=t,i=a.omitObject(s,["label","isError","errorMessage","helperMessage","containerClassName"]);return e.jsx(l.SelectableInputWrapper,{...s,children:({inputClassName:c,checkedInputClassName:n})=>e.jsxs(e.Fragment,{children:[e.jsx("input",{...i,type:"radio",className:u.clsx("dgs-ui-kit-rounded-full",c,r)}),e.jsx("div",{className:n,children:e.jsx("div",{className:"dgs-ui-kit-bg-white dgs-ui-kit-rounded-full dgs-ui-kit-w-2 dgs-ui-kit-h-2 dgs-ui-kit-mt-[1px]"})})]})})};module.exports=o;
+"use strict";const s=require("react/jsx-runtime"),a=require("../../clsx-C11secjj.cjs"),n=require("../../omitObjects-CtiYo0hv.cjs"),u=require("../../RadioCheckboxWrapper-0xf2r8Bg.cjs"),d=i=>{const{className:r,...e}=i,t=n.omitObject(e,["label","isError","errorMessage","helperMessage","containerClassName"]);return s.jsx(u.RadioCheckboxWrapper,{...e,children:({inputClassName:o,checkedInputClassName:c})=>s.jsxs(s.Fragment,{children:[s.jsx("input",{...t,type:"radio",className:a.clsx("dgs-ui-kit-rounded-full",o,r)}),s.jsx("div",{className:c,children:s.jsx("div",{className:"dgs-ui-kit-bg-white dgs-ui-kit-rounded-full dgs-ui-kit-w-2 dgs-ui-kit-h-2 dgs-ui-kit-mt-[1px]"})})]})})};module.exports=d;

package/dist/Form/RadioButton/index.d.ts

@@ -1,6 +1,6 @@
 import { DetailedHTMLProps, InputHTMLAttributes } from 'react';
-import { SelectableInputBaseUnionProps } from '../Wrappers/SelectableInputWrapper/SelectableInputWrapper';
-export type RadioButtonProps = SelectableInputBaseUnionProps & Omit<DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, 'type'>;
+import { RadioCheckboxBaseUnionProps } from '../Wrappers/RadioCheckboxWrapper/RadioCheckboxWrapper';
+export type RadioButtonProps = RadioCheckboxBaseUnionProps & Omit<DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, 'type'>;
 declare const RadioButton: (props: RadioButtonProps) => import("react/jsx-runtime").JSX.Element;
 export default RadioButton;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Form/RadioButton/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAEpE,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,2DAA2D,CAAC;AAG/G,MAAM,MAAM,gBAAgB,GAAG,6BAA6B,GAC1D,IAAI,CAAC,iBAAiB,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,gBAAgB,CAAC,EAAE,MAAM,CAAC,CAAC;AAE3F,QAAA,MAAM,WAAW,UAAW,gBAAgB,4CA0B3C,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Form/RadioButton/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAEpE,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,uDAAuD,CAAC;AAGzG,MAAM,MAAM,gBAAgB,GAAG,2BAA2B,GACxD,IAAI,CAAC,iBAAiB,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,gBAAgB,CAAC,EAAE,MAAM,CAAC,CAAC;AAE3F,QAAA,MAAM,WAAW,UAAW,gBAAgB,4CA0B3C,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/Form/RadioButton/index.js

@@ -1,25 +1,25 @@
-import { jsx as s, jsxs as l, Fragment as d } from "react/jsx-runtime";
+import { jsx as s, jsxs as d, Fragment as l } from "react/jsx-runtime";
 import { c as m } from "../../clsx-OuTLNxxd.js";
-import { o as n } from "../../omitObjects-CxFrrlkX.js";
-import { S as u } from "../../SelectableInputWrapper-B9s7VP-5.js";
+import { o as c } from "../../omitObjects-CxFrrlkX.js";
+import { R as n } from "../../RadioCheckboxWrapper-CoHqell5.js";
 const h = (r) => {
-  const { className: t, ...e } = r, i = n(e, [
+  const { className: e, ...i } = r, t = c(i, [
     "label",
     "isError",
     "errorMessage",
     "helperMessage",
     "containerClassName"
   ]);
-  return /* @__PURE__ */ s(u, { ...e, children: ({ inputClassName: a, checkedInputClassName: o }) => /* @__PURE__ */ l(d, { children: [
+  return /* @__PURE__ */ s(n, { ...i, children: ({ inputClassName: o, checkedInputClassName: a }) => /* @__PURE__ */ d(l, { children: [
     /* @__PURE__ */ s(
       "input",
       {
-        ...i,
+        ...t,
         type: "radio",
-        className: m("dgs-ui-kit-rounded-full", a, t)
+        className: m("dgs-ui-kit-rounded-full", o, e)
       }
     ),
-    /* @__PURE__ */ s("div", { className: o, children: /* @__PURE__ */ s("div", { className: "dgs-ui-kit-bg-white dgs-ui-kit-rounded-full dgs-ui-kit-w-2 dgs-ui-kit-h-2 dgs-ui-kit-mt-[1px]" }) })
+    /* @__PURE__ */ s("div", { className: a, children: /* @__PURE__ */ s("div", { className: "dgs-ui-kit-bg-white dgs-ui-kit-rounded-full dgs-ui-kit-w-2 dgs-ui-kit-h-2 dgs-ui-kit-mt-[1px]" }) })
   ] }) });
 };
 export {

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

@@ -0,0 +1,8 @@
+import { Option, SelectProps } from './types';
+type OptionItemProps<T> = Partial<SelectProps<T>> & {
+    onClick: () => void;
+    option: Option<T>;
+};
+declare const OptionItem: <T>(props: OptionItemProps<T>) => import("react/jsx-runtime").JSX.Element;
+export default OptionItem;
+//# sourceMappingURL=OptionItem.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OptionItem.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Select/OptionItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAGnD,KAAK,eAAe,CAAC,CAAC,IAAI,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,GAAG;IAClD,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC;CACnB,CAAC;AAaF,QAAA,MAAM,UAAU,GAAI,CAAC,SAAU,eAAe,CAAC,CAAC,CAAC,4CAuChD,CAAC;AAEF,eAAe,UAAU,CAAC"}

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

@@ -0,0 +1,8 @@
+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;
+export default Options;
+//# sourceMappingURL=Options.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Options.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Select/Options.tsx"],"names":[],"mappings":"AACA,OAAO,EAAY,KAAK,QAAQ,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAGrE,OAAO,KAAK,EAAU,WAAW,EAAgD,MAAM,SAAS,CAAC;AAGjG,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;AAEF,QAAA,MAAM,OAAO,GAAI,CAAC,SAAU,YAAY,CAAC,CAAC,CAAC,4CAoF1C,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/Form/Select/index.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("react/jsx-runtime"),f=require("../../clsx-C11secjj.cjs"),h=require("react"),O=require("../../ArrowDown2-O11Hxz6e.cjs"),N=require("../Checkbox/index.cjs"),C=require("../Input/index.cjs"),S=require("../../Drawer/index.cjs"),I=r=>{const t=h.useRef(null);return h.useEffect(()=>{const i=o=>{t.current&&!t.current.contains(o.target)&&r()};return document.addEventListener("click",i,!0),()=>{document.removeEventListener("click",i,!0)}},[t]),t},A=r=>e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 24 24",...r,children:e.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 q(r,t,i){return t?e.jsx(N,{checked:i,label:r}):r}const w=r=>{const{option:t,onClick:i,value:o,searchable:l,beforOptions:a,mode:c,separateSelectedOptions:k,afterOptions:d,optionCellClassName:u,optionCell:n}=r;function g(){return Array.isArray(o)?o.includes(t.value):t.value===o}return e.jsx("button",{onClick:i,className:f.clsx("dgs-ui-kit-w-full dgs-ui-kit-text-start dgs-ui-kit-px-3 dgs-ui-kit-border-t disabled:dgs-ui-kit-cursor-not-allowed dgs-ui-kit-border-solid dgs-ui-kit-border-gray-100 dgs-ui-kit-py-3 dgs-ui-kit-font-p1-regular disabled:dgs-ui-kit-bg-gray-50 dgs-ui-kit-transition",g()?"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",(!l&&!a||c==="multiple"&&k)&&"first-of-type:dgs-ui-kit-border-t-0",!!d&&"last-of-type:dgs-ui-kit-border-b",u),disabled:t.disabled,children:n?n(t):q(t.label,c==="multiple",g())})},y=r=>{const{options:t,mode:i="single",afterOptions:o,beforOptions:l,onChange:a,searchable:c=!0,setIsShowOptions:k,separateSelectedOptions:d=!0,optionsTitle:u="عنوان",value:n}=r,[g,x]=h.useState("");function m(s){if(typeof a=="function")if(i==="multiple"){const p=[...n??[]];p.includes(s)?p.splice(p.indexOf(s),1):p.push(s),a(p)}else a(s),k(!1)}let b=t?.filter(s=>s.label.includes(g)),v=[];return i==="multiple"&&d&&(b=b?.filter(s=>!n.includes(s.value)),v=t?.filter(s=>n.includes(s.value))??[]),e.jsxs(e.Fragment,{children:[c&&e.jsx(C,{containerClassName:f.clsx("dgs-ui-kit-mx-3",l?"dgs-ui-kit-mb-2":"dgs-ui-kit-mb-3"),placeholder:"جستجوی عنوان",onChange:s=>x(s.currentTarget.value),rightIcon:e.jsx(A,{width:20,height:20})}),l,i==="multiple"&&d&&v.length>0&&e.jsxs(e.Fragment,{children:[e.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:`${u}‌های انتخاب شده`}),v.map(s=>e.jsx(w,{onClick:()=>m(s.value),option:s,...r},s.label))]}),e.jsxs(e.Fragment,{children:[i==="multiple"&&d&&e.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:`${u}‌ها`}),b?.map(s=>e.jsx(w,{onClick:()=>m(s.value),option:s,...r},s.label))]}),o]})},j="dgs-ui-kit-duration-300";function D(r,t){return Array.isArray(r)?t.filter(i=>r.includes(i.value)).map(i=>i.label).join(", "):t.find(i=>i.value===r)?.label??""}const F=r=>{const{options:t,optionsContainer:i="popover",className:o,customInput:l,inputProps:a,drawerProps:c,popoverClassName:k,value:d}=r,[u,n]=h.useState(!1),g=I(()=>i==="popover"&&n(!1)),x={...r,setIsShowOptions:n};return e.jsxs("div",{ref:g,className:f.clsx("dgs-ui-kit-relative",o),children:[e.jsx("button",{onClick:()=>n(m=>!m),children:l?l(u):e.jsx(C,{wrapperClassName:"dgs-ui-kit-cursor-default",leftIcon:e.jsx(O.ArrowDown2Icon,{width:20,height:20,className:f.clsx("dgs-ui-kit-transition",j,{"dgs-ui-kit-rotate-180":u})}),containerClassName:"!dgs-ui-kit-cursor-pointer",className:"dgs-ui-kit-cursor-pointer dgs-ui-kit-caret-transparent",value:D(d,t),...a})}),i==="popover"?e.jsx("div",{className:f.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 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-py-3",j,u?"dgs-ui-kit-opacity-100":"dgs-ui-kit-opacity-0 dgs-ui-kit-scale-y-0",k),children:e.jsx(y,{...x})}):e.jsx(S,{open:u,onClose:()=>n(!1),containerClassName:"!dgs-ui-kit-py-3 !dgs-ui-kit-px-0",...c,children:e.jsx(y,{...x})})]})};module.exports=F;

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

@@ -0,0 +1,4 @@
+import { SelectProps } from './types';
+declare const Select: <T>(props: SelectProps<T>) => import("react/jsx-runtime").JSX.Element;
+export default Select;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Select/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAgB3C,QAAA,MAAM,MAAM,GAAI,CAAC,SAAU,WAAW,CAAC,CAAC,CAAC,4CAwExC,CAAC;AAEF,eAAe,MAAM,CAAC"}