@lanaco/lnc-react-ui 4.0.198 → 4.0.200

package/dist/DragDropFiles.cjs

@@ -1,14 +1,14 @@
-"use strict";const l=require("react/jsx-runtime"),p=require("react"),e=require("./index-BpbMKBf_.cjs"),$=require("./emotion-styled.browser.esm-BtEseadx.cjs"),E=require("./DragAndDropFile.cjs"),G=require("./UploadedFile.cjs"),T=require("./utils-RnrgDDZP.cjs"),M=require("./FlexGrid.cjs"),g=require("./FlexGridItem.cjs"),U=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),V=$.styled.div`
+"use strict";const l=require("react/jsx-runtime"),s=require("react"),$=require("./emotion-styled.browser.esm-BtEseadx.cjs"),B=require("./DragAndDropFile.cjs"),E=require("./UploadedFile.cjs"),f=require("./utils-RnrgDDZP.cjs"),G=require("./FlexGrid.cjs"),g=require("./FlexGridItem.cjs"),M=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),U=$.styled.div`
   display: flex;
   flex-direction: column;
   gap: 1rem;
 
-  border: ${n=>`1px solid ${T.getColorRgbaValue(n.theme,"DragDropFiles",n.color,"enabled","border")}`};
-  border-radius: ${n=>T.getBorderRadiusValueWithUnits(n.theme,"regular")};
+  border: ${t=>`1px solid ${f.getColorRgbaValue(t.theme,"DragDropFiles",t.color,"enabled","border")}`};
+  border-radius: ${t=>f.getBorderRadiusValueWithUnits(t.theme,"regular")};
   padding: 1.25rem 2.5rem;
 
   & .file-item-lnc {
     padding: 0.5rem 0.813rem;
     height: 100%;
   }
-`,P=p.forwardRef((n,h)=>{const{id:D="",disabled:x=!1,preventDefault:b=!1,acceptDropzone:F={},acceptInput:C,multiple:q=!0,selectFileText:j="Select file",dndFileText:w="Drag and drop file here or",control:z,showFileSize:d=!0,files:u=[],onChange:y=()=>{},onFocus:A=()=>{},onBlur:R=()=>{},onDropAccepted:m=()=>{},onDrop:f=()=>{},fileClick:S=()=>{},onCancel:O=()=>{},className:W="",style:H={},color:i="primary",size:c="small",dragAndDropFileProps:k,uploadedFileProps:t,...v}=n;var N={theme:U.useTheme(),size:c,color:i};const[o,a]=p.useState([]);p.useEffect(()=>{a(u)},[u]);const I=p.useCallback((r,s)=>{f&&f(r,s)},[]),_=p.useCallback(r=>{m&&m(r)},[]),B=r=>{var s;(s=r.target)!=null&&s.files?a([...o,...r.target.files]):r&&a([...o,...r]),y&&y(r)};return l.jsx(V,{ref:h,...N,...v,children:l.jsxs(M,{direction:"RowReverse",children:[l.jsx(g,{M:(o==null?void 0:o.length)>0?6:12,children:l.jsx(E,{id:D,disabled:x,preventDefault:b,acceptDropzone:F,acceptInput:C,multiple:q,selectFileText:j,dndFileText:w,control:z,showFileSize:d,showDnD:!((o==null?void 0:o.length)>0),onChange:B,onFocus:A,onBlur:R,onDrop:I,onDropAccepted:_,color:i,size:c,...k})}),o==null?void 0:o.map((r,s)=>l.jsx(g,{M:6,children:l.jsx(G,{fileName:r.name,fileSize:r.size,showFileSize:d,color:i,size:c,onFileClick:S,onCancel:O,...t,className:"file-item-lnc "+(t==null?void 0:t.className)},s)},s))]})})});P.propTypes={id:e.PropTypes.any,disabled:e.PropTypes.bool,preventDefault:e.PropTypes.bool,acceptDropzone:e.PropTypes.object,acceptInput:e.PropTypes.string,multiple:e.PropTypes.bool,selectFileText:e.PropTypes.string,dndFileText:e.PropTypes.oneOfType([e.PropTypes.string,e.PropTypes.element]),control:e.PropTypes.element,showFileSize:e.PropTypes.bool,files:e.PropTypes.array,onChange:e.PropTypes.func,onFocus:e.PropTypes.func,onBlur:e.PropTypes.func,onDropAccepted:e.PropTypes.func,onDrop:e.PropTypes.func,fileClick:e.PropTypes.func,onCancel:e.PropTypes.func,className:e.PropTypes.string,style:e.PropTypes.object,size:e.PropTypes.oneOf(["small","medium","large"]),color:e.PropTypes.oneOf(["primary","secondary","success","danger","warning","information","neutral","gray"]),dragAndDropFileProps:e.PropTypes.any,uploadedFileProps:e.PropTypes.any};module.exports=P;
+`,V=s.forwardRef((t,D)=>{const{id:x="",disabled:b=!1,preventDefault:q=!1,acceptDropzone:C={},acceptInput:F,multiple:j=!0,selectFileText:R="Select file",dndFileText:w="Drag and drop file here or",control:S,showFileSize:d=!0,files:m=[],onChange:u=()=>{},onFocus:y=()=>{},onBlur:z=()=>{},onDropAccepted:h=()=>{},onDrop:p=()=>{},fileClick:A=()=>{},onCancel:k=()=>{},color:i="primary",size:c="small",dragAndDropFileProps:v,uploadedFileProps:n,..._}=t;var I={theme:M.useTheme(),size:c,color:i};const[r,a]=s.useState([]);s.useEffect(()=>{a(m)},[m]);const N=s.useCallback((e,o)=>{p&&p(e,o)},[]),O=s.useCallback(e=>{h&&h(e)},[]),T=e=>{var o;(o=e.target)!=null&&o.files?a([...r,...e.target.files]):e&&a([...r,...e]),u&&u(e)};return l.jsx(U,{ref:D,...I,..._,children:l.jsxs(G,{direction:"RowReverse",children:[l.jsx(g,{M:(r==null?void 0:r.length)>0?6:12,children:l.jsx(B,{id:x,disabled:b,preventDefault:q,acceptDropzone:C,acceptInput:F,multiple:j,selectFileText:R,dndFileText:w,control:S,showFileSize:d,showDnD:!((r==null?void 0:r.length)>0),onChange:T,onFocus:y,onBlur:z,onDrop:N,onDropAccepted:O,color:i,size:c,...v})}),r==null?void 0:r.map((e,o)=>l.jsx(g,{M:6,children:l.jsx(E,{fileName:e.name,fileSize:e.size,showFileSize:d,color:i,size:c,onFileClick:A,onCancel:k,...n,className:"file-item-lnc "+(n==null?void 0:n.className)},o)},o))]})})});module.exports=V;

package/dist/DragDropFiles.js

@@ -1,175 +1,121 @@
-import { jsx as t, jsxs as $ } from "react/jsx-runtime";
-import { forwardRef as G, useState as M, useEffect as U, useCallback as u } from "react";
-import { P as e } from "./index-CblbdqjE.js";
+import { jsx as t, jsxs as B } from "react/jsx-runtime";
+import { forwardRef as G, useState as M, useEffect as U, useCallback as h } from "react";
 import { s as V } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import E from "./DragAndDropFile.js";
-import W from "./UploadedFile.js";
-import { b as q, a as H } from "./utils-DtEfC-TX.js";
-import J from "./FlexGrid.js";
-import h from "./FlexGridItem.js";
-import { u as K } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
-const L = V.div`
+import P from "./UploadedFile.js";
+import { b as W, a as q } from "./utils-DtEfC-TX.js";
+import H from "./FlexGrid.js";
+import g from "./FlexGridItem.js";
+import { u as J } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
+const K = V.div`
   display: flex;
   flex-direction: column;
   gap: 1rem;
 
-  border: ${(n) => `1px solid ${q(
-  n.theme,
+  border: ${(l) => `1px solid ${W(
+  l.theme,
   "DragDropFiles",
-  n.color,
+  l.color,
   "enabled",
   "border"
 )}`};
-  border-radius: ${(n) => H(n.theme, "regular")};
+  border-radius: ${(l) => q(l.theme, "regular")};
   padding: 1.25rem 2.5rem;
 
   & .file-item-lnc {
     padding: 0.5rem 0.813rem;
     height: 100%;
   }
-`, Q = G((n, D) => {
+`, te = G((l, D) => {
   const {
-    id: y = "",
-    disabled: b = !1,
-    preventDefault: F = !1,
-    acceptDropzone: x = {},
-    acceptInput: C,
+    id: u = "",
+    disabled: x = !1,
+    preventDefault: b = !1,
+    acceptDropzone: C = {},
+    acceptInput: F,
     multiple: z = !0,
-    selectFileText: T = "Select file",
-    dndFileText: A = "Drag and drop file here or",
-    control: w,
+    selectFileText: A = "Select file",
+    dndFileText: R = "Drag and drop file here or",
+    control: S,
     showFileSize: d = !0,
-    files: p = [],
+    files: m = [],
     // ----------------------------------------
-    onChange: m = () => {
+    onChange: c = () => {
     },
-    onFocus: O = () => {
+    onFocus: v = () => {
     },
-    onBlur: S = () => {
+    onBlur: w = () => {
     },
     onDropAccepted: f = () => {
     },
-    onDrop: g = () => {
+    onDrop: p = () => {
     },
-    fileClick: v = () => {
+    fileClick: y = () => {
     },
-    onCancel: N = () => {
+    onCancel: k = () => {
     },
     // ----------------------------------------
-    className: X = "",
-    style: Y = {},
     color: i = "primary",
-    size: s = "small",
-    dragAndDropFileProps: P,
+    size: n = "small",
+    dragAndDropFileProps: I,
     uploadedFileProps: a,
-    ...R
-  } = n;
-  var j = { theme: K(), size: s, color: i };
-  const [r, c] = M([]);
+    ...N
+  } = l;
+  var O = { theme: J(), size: n, color: i };
+  const [r, s] = M([]);
   U(() => {
-    c(p);
-  }, [p]);
-  const k = u((o, l) => {
-    g && g(o, l);
-  }, []), I = u((o) => {
-    f && f(o);
-  }, []), B = (o) => {
-    var l;
-    (l = o.target) != null && l.files ? c([...r, ...o.target.files]) : o && c([...r, ...o]), m && m(o);
+    s(m);
+  }, [m]);
+  const T = h((e, o) => {
+    p && p(e, o);
+  }, []), $ = h((e) => {
+    f && f(e);
+  }, []), j = (e) => {
+    var o;
+    (o = e.target) != null && o.files ? s([...r, ...e.target.files]) : e && s([...r, ...e]), c && c(e);
   };
-  return /* @__PURE__ */ t(L, { ref: D, ...j, ...R, children: /* @__PURE__ */ $(J, { direction: "RowReverse", children: [
-    /* @__PURE__ */ t(h, { M: (r == null ? void 0 : r.length) > 0 ? 6 : 12, children: /* @__PURE__ */ t(
+  return /* @__PURE__ */ t(K, { ref: D, ...O, ...N, children: /* @__PURE__ */ B(H, { direction: "RowReverse", children: [
+    /* @__PURE__ */ t(g, { M: (r == null ? void 0 : r.length) > 0 ? 6 : 12, children: /* @__PURE__ */ t(
       E,
       {
-        id: y,
-        disabled: b,
-        preventDefault: F,
-        acceptDropzone: x,
-        acceptInput: C,
+        id: u,
+        disabled: x,
+        preventDefault: b,
+        acceptDropzone: C,
+        acceptInput: F,
         multiple: z,
-        selectFileText: T,
-        dndFileText: A,
-        control: w,
+        selectFileText: A,
+        dndFileText: R,
+        control: S,
         showFileSize: d,
         showDnD: !((r == null ? void 0 : r.length) > 0),
-        onChange: B,
-        onFocus: O,
-        onBlur: S,
-        onDrop: k,
-        onDropAccepted: I,
+        onChange: j,
+        onFocus: v,
+        onBlur: w,
+        onDrop: T,
+        onDropAccepted: $,
         color: i,
-        size: s,
-        ...P
+        size: n,
+        ...I
       }
     ) }),
-    r == null ? void 0 : r.map((o, l) => /* @__PURE__ */ t(h, { M: 6, children: /* @__PURE__ */ t(
-      W,
+    r == null ? void 0 : r.map((e, o) => /* @__PURE__ */ t(g, { M: 6, children: /* @__PURE__ */ t(
+      P,
       {
-        fileName: o.name,
-        fileSize: o.size,
+        fileName: e.name,
+        fileSize: e.size,
         showFileSize: d,
         color: i,
-        size: s,
-        onFileClick: v,
-        onCancel: N,
+        size: n,
+        onFileClick: y,
+        onCancel: k,
         ...a,
         className: "file-item-lnc " + (a == null ? void 0 : a.className)
       },
-      l
-    ) }, l))
+      o
+    ) }, o))
   ] }) });
 });
-Q.propTypes = {
-  id: e.any,
-  disabled: e.bool,
-  preventDefault: e.bool,
-  /**
-   * Type of: { \[key: string]: string[] }
-   *
-   * Ex: {
-   *
-   *   'image/png': ['.png'],
-   *
-   *   'text/html': ['.html', '.htm']
-   *
-   * }
-   */
-  acceptDropzone: e.object,
-  acceptInput: e.string,
-  multiple: e.bool,
-  selectFileText: e.string,
-  dndFileText: e.oneOfType([e.string, e.element]),
-  /**
-   * Custom control which opens file explorer on click
-   */
-  control: e.element,
-  showFileSize: e.bool,
-  files: e.array,
-  //-------------------------
-  onChange: e.func,
-  onFocus: e.func,
-  onBlur: e.func,
-  onDropAccepted: e.func,
-  onDrop: e.func,
-  fileClick: e.func,
-  onCancel: e.func,
-  //-------------------------
-  className: e.string,
-  style: e.object,
-  size: e.oneOf(["small", "medium", "large"]),
-  color: e.oneOf([
-    "primary",
-    "secondary",
-    "success",
-    "danger",
-    "warning",
-    "information",
-    "neutral",
-    "gray"
-  ]),
-  dragAndDropFileProps: e.any,
-  uploadedFileProps: e.any
-};
 export {
-  Q as default
+  te as default
 };

package/dist/Drawer.cjs

@@ -1,6 +1,6 @@
-"use strict";const $=require("react/jsx-runtime"),t=require("react"),r=require("./index-BpbMKBf_.cjs"),q=require("./emotion-react.browser.esm-Cvnp-zmB.cjs"),N=require("./utils-RnrgDDZP.cjs"),j=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs");function k(){return k=Object.assign||function(l){for(var e=1;e<arguments.length;e++){var o=arguments[e];for(var a in o)Object.prototype.hasOwnProperty.call(o,a)&&(l[a]=o[a])}return l},k.apply(this,arguments)}var B=function(e,o){var a={left:{top:0,left:0,transform:"translate3d(-100%, 0, 0)",width:o,height:"100vh"},right:{top:0,right:0,transform:"translate3d(100%, 0, 0)",width:o,height:"100vh"},bottom:{left:0,right:0,bottom:0,transform:"translate3d(0, 100%, 0)",width:"100%",height:o},top:{left:0,right:0,top:0,transform:"translate3d(0, -100%, 0)",width:"100%",height:o}};return a[e]},F=function(e){var o=e.open,a=e.onClose,w=a===void 0?function(){}:a,_=e.children,x=e.style,d=e.enableOverlay,u=d===void 0?!0:d,y=e.overlayColor,C=y===void 0?"#000":y,p=e.overlayOpacity,m=p===void 0?.4:p,v=e.zIndex,f=v===void 0?100:v,g=e.duration,O=g===void 0?500:g,D=e.direction,s=e.size,T=s===void 0?250:s,i=e.className,h=e.customIdSuffix,b=e.lockBackgroundScroll,P=b===void 0?!1:b,n=e.overlayClassName,E=n===void 0?"":n,S=t.useRef(null);t.useEffect(function(){var R=function(){S.current=window.document.querySelector("body"),S.current&&P&&(S.current.style.overflow=o?"hidden":"")};R()},[o]);var c=t.useMemo(function(){return h||(Math.random()+1).toString(36).substring(7)},[h]),Z={backgroundColor:C.toString(),opacity:m,zIndex:f},z=k({zIndex:f+1,transitionDuration:O+"ms"},B(D,T),x);return t.createElement("div",{id:"EZDrawer"+c,className:"EZDrawer"},t.createElement("input",{type:"checkbox",id:"EZDrawer__checkbox"+c,className:"EZDrawer__checkbox",onChange:w,checked:o}),t.createElement("nav",{role:"navigation",id:"EZDrawer__container"+c,style:z,className:"EZDrawer__container "+i},_),u&&t.createElement("label",{htmlFor:"EZDrawer__checkbox"+c,id:"EZDrawer__overlay"+c,className:"EZDrawer__overlay "+E,style:Z}))};const I=t.forwardRef((l,e)=>{const{direction:o="right",open:a=!1,duration:w=300,overlayOpacity:_=.4,enableOverlay:x=!0,zIndex:d=100,onClose:u=()=>{},onOpen:y=()=>{},className:C="",style:p={},color:m="neutral",size:v="small",overlayColor:f,width:g="unset",children:O,...D}=l,s=j.useTheme(),[T,i]=t.useState(!1);t.useImperativeHandle(e,()=>({open(){h()},close(){b()}}));const h=n=>{i(!0),y(n)},b=n=>{i(!1),u(n)},P=()=>{i(!1),u()};return $.jsx(q.ClassNames,{children:({css:n,cx:E})=>$.jsx(F,{open:T,onClose:P,direction:o,zIndex:d,duration:w,overlayOpacity:_,enableOverlay:x,size:g,className:E("drawer-lnc "+C,n`
+"use strict";const $=require("react/jsx-runtime"),o=require("react"),q=require("./emotion-react.browser.esm-Cvnp-zmB.cjs"),k=require("./utils-RnrgDDZP.cjs"),j=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs");function N(){return N=Object.assign||function(n){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(n[t]=r[t])}return n},N.apply(this,arguments)}var B=function(e,r){var t={left:{top:0,left:0,transform:"translate3d(-100%, 0, 0)",width:r,height:"100vh"},right:{top:0,right:0,transform:"translate3d(100%, 0, 0)",width:r,height:"100vh"},bottom:{left:0,right:0,bottom:0,transform:"translate3d(0, 100%, 0)",width:"100%",height:r},top:{left:0,right:0,top:0,transform:"translate3d(0, -100%, 0)",width:"100%",height:r}};return t[e]},P=function(e){var r=e.open,t=e.onClose,_=t===void 0?function(){}:t,b=e.children,p=e.style,l=e.enableOverlay,x=l===void 0?!0:l,u=e.overlayColor,C=u===void 0?"#000":u,s=e.overlayOpacity,D=s===void 0?.4:s,v=e.zIndex,m=v===void 0?100:v,y=e.duration,E=y===void 0?500:y,i=e.direction,h=e.size,c=h===void 0?250:h,S=e.className,f=e.customIdSuffix,g=e.lockBackgroundScroll,a=g===void 0?!1:g,w=e.overlayClassName,Z=w===void 0?"":w,O=o.useRef(null);o.useEffect(function(){var R=function(){O.current=window.document.querySelector("body"),O.current&&a&&(O.current.style.overflow=r?"hidden":"")};R()},[r]);var d=o.useMemo(function(){return f||(Math.random()+1).toString(36).substring(7)},[f]),I={backgroundColor:C.toString(),opacity:D,zIndex:m},z=N({zIndex:m+1,transitionDuration:E+"ms"},B(i,c),p);return o.createElement("div",{id:"EZDrawer"+d,className:"EZDrawer"},o.createElement("input",{type:"checkbox",id:"EZDrawer__checkbox"+d,className:"EZDrawer__checkbox",onChange:_,checked:r}),o.createElement("nav",{role:"navigation",id:"EZDrawer__container"+d,style:z,className:"EZDrawer__container "+S},b),x&&o.createElement("label",{htmlFor:"EZDrawer__checkbox"+d,id:"EZDrawer__overlay"+d,className:"EZDrawer__overlay "+Z,style:I}))};const F=o.forwardRef((n,e)=>{const{direction:r="right",duration:t=300,overlayOpacity:_=.4,enableOverlay:b=!0,zIndex:p=100,onClose:l=()=>{},onOpen:x=()=>{},className:u="",style:C={},color:s="neutral",size:D="small",overlayColor:v,width:m="unset",children:y,...E}=n,i=j.useTheme(),[h,c]=o.useState(!1);o.useImperativeHandle(e,()=>({open(){S()},close(){f()}}));const S=a=>{c(!0),x(a)},f=a=>{c(!1),l(a)},g=()=>{c(!1),l()};return $.jsx(q.ClassNames,{children:({css:a,cx:w})=>$.jsx(P,{open:h,onClose:g,direction:r,zIndex:p,duration:t,overlayOpacity:_,enableOverlay:b,size:m,className:w("drawer-lnc "+u,a`
               padding: 20px;
-              background-color: ${N.getColorRgbaValue(s,"Drawer",m,"enabled","background")} !important;
-              color: ${N.getColorRgbaValue(s,"Drawer",m,"enabled","text")};
-              ${N.getComponentTypographyCss(s,"Drawer",v,"enabled")};
-            `),style:p,overlayColor:f,...D,children:O})})});I.propTypes={direction:r.PropTypes.oneOf(["top","right","left","bottom"]),open:r.PropTypes.bool,duration:r.PropTypes.number,overlayOpacity:r.PropTypes.number,enableOverlay:r.PropTypes.bool,zIndex:r.PropTypes.number,onClose:r.PropTypes.func,onOpen:r.PropTypes.func,className:r.PropTypes.string,style:r.PropTypes.object,overlayColor:r.PropTypes.string,width:r.PropTypes.oneOfType([r.PropTypes.number,r.PropTypes.string]),size:r.PropTypes.oneOf(["small","medium","large"]),color:r.PropTypes.oneOf(["primary","secondary","success","warning","danger","information","neutral","gray"])};module.exports=I;
+              background-color: ${k.getColorRgbaValue(i,"Drawer",s,"enabled","background")} !important;
+              color: ${k.getColorRgbaValue(i,"Drawer",s,"enabled","text")};
+              ${k.getComponentTypographyCss(i,"Drawer",D,"enabled")};
+            `),style:C,overlayColor:v,...E,children:y})})});module.exports=F;

package/dist/Drawer.js

@@ -1,33 +1,32 @@
-import { jsx as I } from "react/jsx-runtime";
-import b, { useRef as T, useEffect as j, useMemo as B, forwardRef as M, useState as q, useImperativeHandle as F } from "react";
-import { P as r } from "./index-CblbdqjE.js";
-import { C as H } from "./emotion-react.browser.esm-DUVZ5oEL.js";
-import { b as Z, c as V } from "./utils-DtEfC-TX.js";
-import { u as A } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
-function $() {
-  return $ = Object.assign || function(n) {
+import { jsx as N } from "react/jsx-runtime";
+import p, { useRef as j, useEffect as B, useMemo as P, forwardRef as M, useState as T, useImperativeHandle as q } from "react";
+import { C as F } from "./emotion-react.browser.esm-DUVZ5oEL.js";
+import { b as $, c as H } from "./utils-DtEfC-TX.js";
+import { u as V } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
+function k() {
+  return k = Object.assign || function(o) {
     for (var e = 1; e < arguments.length; e++) {
-      var o = arguments[e];
-      for (var a in o)
-        Object.prototype.hasOwnProperty.call(o, a) && (n[a] = o[a]);
+      var r = arguments[e];
+      for (var a in r)
+        Object.prototype.hasOwnProperty.call(r, a) && (o[a] = r[a]);
     }
-    return n;
-  }, $.apply(this, arguments);
+    return o;
+  }, k.apply(this, arguments);
 }
-var G = function(e, o) {
+var A = function(e, r) {
   var a = {
     left: {
       top: 0,
       left: 0,
       transform: "translate3d(-100%, 0, 0)",
-      width: o,
+      width: r,
       height: "100vh"
     },
     right: {
       top: 0,
       right: 0,
       transform: "translate3d(100%, 0, 0)",
-      width: o,
+      width: r,
       height: "100vh"
     },
     bottom: {
@@ -36,7 +35,7 @@ var G = function(e, o) {
       bottom: 0,
       transform: "translate3d(0, 100%, 0)",
       width: "100%",
-      height: o
+      height: r
     },
     top: {
       left: 0,
@@ -44,163 +43,126 @@ var G = function(e, o) {
       top: 0,
       transform: "translate3d(0, -100%, 0)",
       width: "100%",
-      height: o
+      height: r
     }
   };
   return a[e];
-}, J = function(e) {
-  var o = e.open, a = e.onClose, w = a === void 0 ? function() {
-  } : a, _ = e.children, C = e.style, c = e.enableOverlay, d = c === void 0 ? !0 : c, u = e.overlayColor, O = u === void 0 ? "#000" : u, m = e.overlayOpacity, f = m === void 0 ? 0.4 : m, y = e.zIndex, v = y === void 0 ? 100 : y, h = e.duration, D = h === void 0 ? 500 : h, x = e.direction, l = e.size, E = l === void 0 ? 250 : l, i = e.className, p = e.customIdSuffix, g = e.lockBackgroundScroll, S = g === void 0 ? !1 : g, t = e.overlayClassName, N = t === void 0 ? "" : t, k = T(null);
-  j(function() {
+}, G = function(e) {
+  var r = e.open, a = e.onClose, w = a === void 0 ? function() {
+  } : a, _ = e.children, b = e.style, n = e.enableOverlay, C = n === void 0 ? !0 : n, d = e.overlayColor, D = d === void 0 ? "#000" : d, l = e.overlayOpacity, x = l === void 0 ? 0.4 : l, u = e.zIndex, m = u === void 0 ? 100 : u, v = e.duration, E = v === void 0 ? 500 : v, i = e.direction, f = e.size, s = f === void 0 ? 250 : f, S = e.className, y = e.customIdSuffix, h = e.lockBackgroundScroll, t = h === void 0 ? !1 : h, g = e.overlayClassName, Z = g === void 0 ? "" : g, O = j(null);
+  B(function() {
     var R = function() {
-      k.current = window.document.querySelector("body"), k.current && S && (k.current.style.overflow = o ? "hidden" : "");
+      O.current = window.document.querySelector("body"), O.current && t && (O.current.style.overflow = r ? "hidden" : "");
     };
     R();
-  }, [o]);
-  var s = B(function() {
-    return p || (Math.random() + 1).toString(36).substring(7);
-  }, [p]), z = {
-    backgroundColor: O.toString(),
-    opacity: f,
-    zIndex: v
-  }, P = $({
-    zIndex: v + 1,
-    transitionDuration: D + "ms"
-  }, G(x, E), C);
-  return b.createElement("div", {
-    id: "EZDrawer" + s,
+  }, [r]);
+  var c = P(function() {
+    return y || (Math.random() + 1).toString(36).substring(7);
+  }, [y]), I = {
+    backgroundColor: D.toString(),
+    opacity: x,
+    zIndex: m
+  }, z = k({
+    zIndex: m + 1,
+    transitionDuration: E + "ms"
+  }, A(i, s), b);
+  return p.createElement("div", {
+    id: "EZDrawer" + c,
     className: "EZDrawer"
-  }, b.createElement("input", {
+  }, p.createElement("input", {
     type: "checkbox",
-    id: "EZDrawer__checkbox" + s,
+    id: "EZDrawer__checkbox" + c,
     className: "EZDrawer__checkbox",
     onChange: w,
-    checked: o
-  }), b.createElement("nav", {
+    checked: r
+  }), p.createElement("nav", {
     role: "navigation",
-    id: "EZDrawer__container" + s,
-    style: P,
-    className: "EZDrawer__container " + i
-  }, _), d && b.createElement("label", {
-    htmlFor: "EZDrawer__checkbox" + s,
-    id: "EZDrawer__overlay" + s,
-    className: "EZDrawer__overlay " + N,
-    style: z
+    id: "EZDrawer__container" + c,
+    style: z,
+    className: "EZDrawer__container " + S
+  }, _), C && p.createElement("label", {
+    htmlFor: "EZDrawer__checkbox" + c,
+    id: "EZDrawer__overlay" + c,
+    className: "EZDrawer__overlay " + Z,
+    style: I
   }));
 };
-const K = M((n, e) => {
+const X = M((o, e) => {
   const {
-    direction: o = "right",
-    open: a = !1,
-    duration: w = 300,
-    overlayOpacity: _ = 0.4,
-    enableOverlay: C = !0,
-    zIndex: c = 100,
+    direction: r = "right",
+    duration: a = 300,
+    overlayOpacity: w = 0.4,
+    enableOverlay: _ = !0,
+    zIndex: b = 100,
     //----------------
-    onClose: d = () => {
+    onClose: n = () => {
     },
-    onOpen: u = () => {
+    onOpen: C = () => {
     },
     //----------------
-    className: O = "",
-    style: m = {},
-    color: f = "neutral",
-    size: y = "small",
-    overlayColor: v,
-    width: h = "unset",
-    children: D,
-    ...x
-  } = n, l = A(), [E, i] = q(!1);
-  F(e, () => ({
+    className: d = "",
+    style: D = {},
+    color: l = "neutral",
+    size: x = "small",
+    overlayColor: u,
+    width: m = "unset",
+    children: v,
+    ...E
+  } = o, i = V(), [f, s] = T(!1);
+  q(e, () => ({
     open() {
-      p();
+      S();
     },
     close() {
-      g();
+      y();
     }
   }));
-  const p = (t) => {
-    i(!0), u(t);
-  }, g = (t) => {
-    i(!1), d(t);
-  }, S = () => {
-    i(!1), d();
+  const S = (t) => {
+    s(!0), C(t);
+  }, y = (t) => {
+    s(!1), n(t);
+  }, h = () => {
+    s(!1), n();
   };
-  return /* @__PURE__ */ I(H, { children: ({ css: t, cx: N }) => /* @__PURE__ */ I(
-    J,
+  return /* @__PURE__ */ N(F, { children: ({ css: t, cx: g }) => /* @__PURE__ */ N(
+    G,
     {
-      open: E,
-      onClose: S,
-      direction: o,
-      zIndex: c,
-      duration: w,
-      overlayOpacity: _,
-      enableOverlay: C,
-      size: h,
-      className: N(
-        "drawer-lnc " + O,
+      open: f,
+      onClose: h,
+      direction: r,
+      zIndex: b,
+      duration: a,
+      overlayOpacity: w,
+      enableOverlay: _,
+      size: m,
+      className: g(
+        "drawer-lnc " + d,
         t`
               padding: 20px;
-              background-color: ${Z(
-          l,
+              background-color: ${$(
+          i,
           "Drawer",
-          f,
+          l,
           "enabled",
           "background"
         )} !important;
-              color: ${Z(
-          l,
+              color: ${$(
+          i,
           "Drawer",
-          f,
+          l,
           "enabled",
           "text"
         )};
-              ${V(l, "Drawer", y, "enabled")};
+              ${H(i, "Drawer", x, "enabled")};
             `
       ),
-      style: m,
-      overlayColor: v,
-      ...x,
-      children: D
+      style: D,
+      overlayColor: u,
+      ...E,
+      children: v
     }
   ) });
 });
-K.propTypes = {
-  direction: r.oneOf(["top", "right", "left", "bottom"]),
-  open: r.bool,
-  /**
-   * Duration of opening the drawer in ms
-   */
-  duration: r.number,
-  overlayOpacity: r.number,
-  /**
-   * Determines whether to show the overlay
-   */
-  enableOverlay: r.bool,
-  /**
-   * z-index of Drawer
-   */
-  zIndex: r.number,
-  //---------------------------------------------------------------
-  onClose: r.func,
-  onOpen: r.func,
-  //---------------------------------------------------------------
-  className: r.string,
-  style: r.object,
-  overlayColor: r.string,
-  width: r.oneOfType([r.number, r.string]),
-  size: r.oneOf(["small", "medium", "large"]),
-  color: r.oneOf([
-    "primary",
-    "secondary",
-    "success",
-    "warning",
-    "danger",
-    "information",
-    "neutral",
-    "gray"
-  ])
-};
 export {
-  K as default
+  X as default
 };

package/dist/Dropdown.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const g=require("react/jsx-runtime"),e=require("./index-BpbMKBf_.cjs"),s=require("react"),t=require("./CustomStyles-C86XQqBE.cjs"),l=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs");require("./index-41nUb2kP.cjs");const O=require("./index-Cp66dWMi.cjs");function S(o){const p=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const r in o)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(o,r);Object.defineProperty(p,r,n.get?n:{enumerable:!0,get:()=>o[r]})}}return p.default=o,Object.freeze(p)}const M=S(s);var h=s.forwardRef(function(o,p){var r=t.useStateManager(o);return M.createElement(t.Select,l._extends({ref:p},r))}),j=h;const a=s.forwardRef((o,p)=>{const{styles:r,debounceTime:n=0,name:C,isSearchable:u=!0,isClearable:c=!0,size:y="small",color:i="primary",className:T="",style:P={},...b}=o,m=l.useTheme();return s.useCallback(O.debounce((f,d)=>{onInputChange==null||onInputChange(f,d)},n)),g.jsx(j,{ref:p,styles:r||t.customStyles,size:y,color:i,theme:m,isSearchable:u,isClearable:c,className:T,style:P,...b})});a.propTypes={options:e.PropTypes.array,styles:e.PropTypes.object,debounceTime:e.PropTypes.number,name:e.PropTypes.string,value:e.PropTypes.any,tabIndex:e.PropTypes.number,isSearchable:e.PropTypes.bool,isClearable:e.PropTypes.bool,isLoading:e.PropTypes.bool,isRtl:e.PropTypes.bool,isDisabled:e.PropTypes.bool,readOnly:e.PropTypes.bool,closeMenuOnSelect:e.PropTypes.bool,closeMenuOnScroll:e.PropTypes.oneOfType([e.PropTypes.bool,e.PropTypes.func]),escapeClearsValue:e.PropTypes.bool,filterOption:e.PropTypes.func,formatGroupLabel:e.PropTypes.func,formatOptionLabel:e.PropTypes.func,getOptionLabel:e.PropTypes.func,getOptionValue:e.PropTypes.func,hideSelectedOptions:e.PropTypes.bool,id:e.PropTypes.any,inputid:e.PropTypes.any,isOptionDisabled:e.PropTypes.func,isOptionSelected:e.PropTypes.func,loadingMessage:e.PropTypes.func,minMenuHeight:e.PropTypes.number,maxMenuHeight:e.PropTypes.number,menuPlacement:e.PropTypes.oneOf(["bottom","auto","top"]),menuPosition:e.PropTypes.oneOf(["absolute","fixed"]),menuShouldBlockScroll:e.PropTypes.bool,menuShouldScrollIntoView:e.PropTypes.bool,openMenuOnFocus:e.PropTypes.bool,openMenuOnClick:e.PropTypes.bool,autoFocus:e.PropTypes.bool,placeholder:e.PropTypes.any,noOptionsMessage:e.PropTypes.string,menuIsOpen:e.PropTypes.bool,components:e.PropTypes.object,defaultValue:e.PropTypes.any,defaultInputValue:e.PropTypes.string,defaultMenuIsOpen:e.PropTypes.bool,delimiter:e.PropTypes.string,onChange:e.PropTypes.func,onInputChange:e.PropTypes.func,onMenuOpen:e.PropTypes.func,onMenuClose:e.PropTypes.func,onFocus:e.PropTypes.func,onBlur:e.PropTypes.func,className:e.PropTypes.string,style:e.PropTypes.object,color:e.PropTypes.oneOf(["primary","secondary","success","warning","danger","information","neutral","gray"]),size:e.PropTypes.oneOf(["small","medium","large"])};exports.components=t.components;exports.default=a;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const _=require("react/jsx-runtime"),n=require("react"),o=require("./CustomStyles-C86XQqBE.cjs"),l=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs");require("./index-41nUb2kP.cjs");const j=require("./index-Cp66dWMi.cjs");function q(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const s=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,s.get?s:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const v=q(n);var M=n.forwardRef(function(e,r){var t=o.useStateManager(e);return v.createElement(o.Select,l._extends({ref:r},t))}),w=M;const O=n.forwardRef((e,r)=>{const{styles:t,debounceTime:s=0,isSearchable:i=!0,isClearable:m=!0,size:d="small",color:f="primary",className:b="",style:S={},...p}=e,g=l.useTheme(),y=n.useCallback(j.debounce((c,u)=>{a==null||a(c,u)},s)),a=(c,u)=>{y(c,u)};return _.jsx(w,{ref:r,styles:t||o.customStyles,size:d,color:f,theme:g,isSearchable:i,isClearable:m,className:b,style:S,...p})});exports.components=o.components;exports.default=O;