@lanaco/lnc-react-ui 3.11.35 → 4.0.2

package/dist/DragDropFiles.cjs

@@ -0,0 +1,14 @@
+"use strict";const l=require("react/jsx-runtime"),p=require("react"),e=require("./index-DXnSjbfJ.cjs"),$=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),E=require("./DragAndDropFile.cjs"),G=require("./UploadedFile.cjs"),T=require("./utils-hdRGTsQ7.cjs"),M=require("./FlexGrid.cjs"),g=require("./FlexGridItem.cjs"),U=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),V=$.newStyled.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")};
+  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:S=()=>{},onBlur:A=()=>{},onDropAccepted:m=()=>{},onDrop:f=()=>{},fileClick:R=()=>{},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:S,onBlur:A,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:R,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;

package/dist/DragDropFiles.js

@@ -0,0 +1,175 @@
+import { jsx as t, jsxs as $ } from "react/jsx-runtime";
+import G, { useState as M, useEffect as U, useCallback as g } from "react";
+import { P as e } from "./index-Ds9PUTwb.js";
+import { n as V } from "./emotion-styled.browser.esm-BZSYYThs.js";
+import _ from "./DragAndDropFile.js";
+import E from "./UploadedFile.js";
+import { b as W, c as q } from "./utils-DEke8iwo.js";
+import H from "./FlexGrid.js";
+import h from "./FlexGridItem.js";
+import { u as J } from "./emotion-element-5486c51c.browser.esm-CSejtOeT.js";
+const K = V.div`
+  display: flex;
+  flex-direction: column;
+  gap: 1rem;
+
+  border: ${(n) => `1px solid ${W(
+  n.theme,
+  "DragDropFiles",
+  n.color,
+  "enabled",
+  "border"
+)}`};
+  border-radius: ${(n) => q(n.theme, "regular")};
+  padding: 1.25rem 2.5rem;
+
+  & .file-item-lnc {
+    padding: 0.5rem 0.813rem;
+    height: 100%;
+  }
+`, L = G.forwardRef((n, D) => {
+  const {
+    id: y = "",
+    disabled: b = !1,
+    preventDefault: F = !1,
+    acceptDropzone: x = {},
+    acceptInput: C,
+    multiple: z = !0,
+    selectFileText: T = "Select file",
+    dndFileText: w = "Drag and drop file here or",
+    control: A,
+    showFileSize: d = !0,
+    files: p = [],
+    // ----------------------------------------
+    onChange: m = () => {
+    },
+    onFocus: S = () => {
+    },
+    onBlur: O = () => {
+    },
+    onDropAccepted: f = () => {
+    },
+    onDrop: u = () => {
+    },
+    fileClick: R = () => {
+    },
+    onCancel: v = () => {
+    },
+    // ----------------------------------------
+    className: Q = "",
+    style: X = {},
+    color: i = "primary",
+    size: s = "small",
+    dragAndDropFileProps: N,
+    uploadedFileProps: a,
+    ...P
+  } = n;
+  var j = { theme: J(), size: s, color: i };
+  const [r, c] = M([]);
+  U(() => {
+    c(p);
+  }, [p]);
+  const k = g((o, l) => {
+    u && u(o, l);
+  }, []), I = g((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);
+  };
+  return /* @__PURE__ */ t(K, { ref: D, ...j, ...P, children: /* @__PURE__ */ $(H, { direction: "RowReverse", children: [
+    /* @__PURE__ */ t(h, { M: (r == null ? void 0 : r.length) > 0 ? 6 : 12, children: /* @__PURE__ */ t(
+      _,
+      {
+        id: y,
+        disabled: b,
+        preventDefault: F,
+        acceptDropzone: x,
+        acceptInput: C,
+        multiple: z,
+        selectFileText: T,
+        dndFileText: w,
+        control: A,
+        showFileSize: d,
+        showDnD: !((r == null ? void 0 : r.length) > 0),
+        onChange: B,
+        onFocus: S,
+        onBlur: O,
+        onDrop: k,
+        onDropAccepted: I,
+        color: i,
+        size: s,
+        ...N
+      }
+    ) }),
+    r == null ? void 0 : r.map((o, l) => /* @__PURE__ */ t(h, { M: 6, children: /* @__PURE__ */ t(
+      E,
+      {
+        fileName: o.name,
+        fileSize: o.size,
+        showFileSize: d,
+        color: i,
+        size: s,
+        onFileClick: R,
+        onCancel: v,
+        ...a,
+        className: "file-item-lnc " + (a == null ? void 0 : a.className)
+      },
+      l
+    ) }, l))
+  ] }) });
+});
+L.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 {
+  L as default
+};

package/dist/Drawer.cjs

@@ -0,0 +1,6 @@
+"use strict";const $=require("react/jsx-runtime"),t=require("react"),r=require("./index-DXnSjbfJ.cjs"),q=require("./emotion-react.browser.esm-DQBL7Wls.cjs"),N=require("./utils-hdRGTsQ7.cjs"),j=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.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]},M=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(M,{open:T,onClose:P,direction:o,zIndex:d,duration:w,overlayOpacity:_,enableOverlay:x,size:g,className:E("drawer-lnc "+C,n`
+              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;

package/dist/Drawer.js

@@ -0,0 +1,206 @@
+import { jsx as I } from "react/jsx-runtime";
+import c, { useRef as T, useEffect as j, useMemo as B, useState as M, useImperativeHandle as q } from "react";
+import { P as r } from "./index-Ds9PUTwb.js";
+import { C as F } from "./emotion-react.browser.esm-OWM-uG8Q.js";
+import { b as Z, a as H } from "./utils-DEke8iwo.js";
+import { u as V } from "./emotion-element-5486c51c.browser.esm-CSejtOeT.js";
+function $() {
+  return $ = Object.assign || function(n) {
+    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]);
+    }
+    return n;
+  }, $.apply(this, arguments);
+}
+var A = 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];
+}, G = function(e) {
+  var o = e.open, a = e.onClose, w = a === void 0 ? function() {
+  } : a, _ = e.children, C = e.style, d = e.enableOverlay, u = d === void 0 ? !0 : d, m = e.overlayColor, O = m === void 0 ? "#000" : m, f = e.overlayOpacity, y = f === void 0 ? 0.4 : f, v = e.zIndex, h = v === void 0 ? 100 : v, p = e.duration, D = p === void 0 ? 500 : p, x = e.direction, l = e.size, E = l === void 0 ? 250 : l, i = e.className, g = e.customIdSuffix, b = e.lockBackgroundScroll, S = b === void 0 ? !1 : b, t = e.overlayClassName, N = t === void 0 ? "" : t, k = T(null);
+  j(function() {
+    var R = function() {
+      k.current = window.document.querySelector("body"), k.current && S && (k.current.style.overflow = o ? "hidden" : "");
+    };
+    R();
+  }, [o]);
+  var s = B(function() {
+    return g || (Math.random() + 1).toString(36).substring(7);
+  }, [g]), z = {
+    backgroundColor: O.toString(),
+    opacity: y,
+    zIndex: h
+  }, P = $({
+    zIndex: h + 1,
+    transitionDuration: D + "ms"
+  }, A(x, E), C);
+  return c.createElement("div", {
+    id: "EZDrawer" + s,
+    className: "EZDrawer"
+  }, c.createElement("input", {
+    type: "checkbox",
+    id: "EZDrawer__checkbox" + s,
+    className: "EZDrawer__checkbox",
+    onChange: w,
+    checked: o
+  }), c.createElement("nav", {
+    role: "navigation",
+    id: "EZDrawer__container" + s,
+    style: P,
+    className: "EZDrawer__container " + i
+  }, _), u && c.createElement("label", {
+    htmlFor: "EZDrawer__checkbox" + s,
+    id: "EZDrawer__overlay" + s,
+    className: "EZDrawer__overlay " + N,
+    style: z
+  }));
+};
+const J = c.forwardRef((n, e) => {
+  const {
+    direction: o = "right",
+    open: a = !1,
+    duration: w = 300,
+    overlayOpacity: _ = 0.4,
+    enableOverlay: C = !0,
+    zIndex: d = 100,
+    //----------------
+    onClose: u = () => {
+    },
+    onOpen: m = () => {
+    },
+    //----------------
+    className: O = "",
+    style: f = {},
+    color: y = "neutral",
+    size: v = "small",
+    overlayColor: h,
+    width: p = "unset",
+    children: D,
+    ...x
+  } = n, l = V(), [E, i] = M(!1);
+  q(e, () => ({
+    open() {
+      g();
+    },
+    close() {
+      b();
+    }
+  }));
+  const g = (t) => {
+    i(!0), m(t);
+  }, b = (t) => {
+    i(!1), u(t);
+  }, S = () => {
+    i(!1), u();
+  };
+  return /* @__PURE__ */ I(F, { children: ({ css: t, cx: N }) => /* @__PURE__ */ I(
+    G,
+    {
+      open: E,
+      onClose: S,
+      direction: o,
+      zIndex: d,
+      duration: w,
+      overlayOpacity: _,
+      enableOverlay: C,
+      size: p,
+      className: N(
+        "drawer-lnc " + O,
+        t`
+              padding: 20px;
+              background-color: ${Z(
+          l,
+          "Drawer",
+          y,
+          "enabled",
+          "background"
+        )} !important;
+              color: ${Z(
+          l,
+          "Drawer",
+          y,
+          "enabled",
+          "text"
+        )};
+              ${H(l, "Drawer", v, "enabled")};
+            `
+      ),
+      style: f,
+      overlayColor: h,
+      ...x,
+      children: D
+    }
+  ) });
+});
+J.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 {
+  J as default
+};

package/dist/Dropdown.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const O=require("react/jsx-runtime"),e=require("./index-DXnSjbfJ.cjs"),n=require("react"),t=require("./CustomStyles-CqlCjTgU.cjs"),a=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs");require("./index-C29T0m2a.cjs");const S=require("./index-BjdOz5Ok.cjs");function M(o){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const r in o)if(r!=="default"){const p=Object.getOwnPropertyDescriptor(o,r);Object.defineProperty(s,r,p.get?p:{enumerable:!0,get:()=>o[r]})}}return s.default=o,Object.freeze(s)}const h=M(n);var j=n.forwardRef(function(o,s){var r=t.useStateManager(o);return h.createElement(t.Select,a._extends({ref:s},r))}),x=j;const u=n.forwardRef((o,s)=>{const{styles:r,debounceTime:p=180,name:C,isSearchable:c=!0,isClearable:i=!0,onInputChange:l,size:y="small",color:T="primary",className:P="",style:b={},...m}=o,f=a.useTheme();return n.useCallback(S.debounce((d,g)=>{l==null||l(d,g)},p)),O.jsx(x,{ref:s,styles:r||t.customStyles,size:y,color:T,theme:f,isSearchable:c,isClearable:i,className:P,style:b,...m})});u.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.string,inputId:e.PropTypes.string,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=u;

package/dist/Dropdown.js

@@ -0,0 +1,266 @@
+import { jsx as g } from "react/jsx-runtime";
+import { P as e } from "./index-Ds9PUTwb.js";
+import * as O from "react";
+import S, { forwardRef as y, useCallback as M } from "react";
+import { u as h, S as x, a as C } from "./CustomStyles-nfD3J1mi.js";
+import { c as N } from "./CustomStyles-nfD3J1mi.js";
+import { _ as I, u as T } from "./emotion-element-5486c51c.browser.esm-CSejtOeT.js";
+import "./index-CZJEA84h.js";
+import { d as w } from "./index-D5vEbKUT.js";
+var P = /* @__PURE__ */ y(function(n, t) {
+  var o = h(n);
+  return /* @__PURE__ */ O.createElement(x, I({
+    ref: t
+  }, o));
+}), R = P;
+const V = S.forwardRef((n, t) => {
+  const {
+    // options,
+    styles: o,
+    debounceTime: l = 180,
+    name: j,
+    // hideSelectedOptions,
+    // id,
+    // inputId,
+    // value,
+    // readOnly,
+    // tabIndex,
+    isSearchable: s = !0,
+    isClearable: r = !0,
+    // isLoading,
+    // isRtl,
+    // isDisabled,
+    // closeMenuOnSelect,
+    // closeMenuOnScroll,
+    // escapeClearsValue,
+    // filterOption,
+    // formatGroupLabel,
+    // formatOptionLabel,
+    // getOptionLabel,
+    // getOptionValue,
+    // isOptionDisabled,
+    // isOptionSelected,
+    // loadingMessage,
+    // minMenuHeight,
+    // maxMenuHeight,
+    // menuPlacement,
+    // menuPosition,
+    // menuShouldBlockScroll,
+    // menuShouldScrollIntoView,
+    // openMenuOnFocus,
+    // openMenuOnClick,
+    // autoFocus,
+    // placeholder,
+    // noOptionsMessage,
+    // menuIsOpen,
+    // components,
+    // defaultValue,
+    // defaultInputValue,
+    // defaultMenuIsOpen,
+    // delimiter,
+    // onChange,
+    onInputChange: a,
+    // onMenuOpen,
+    // onMenuClose,
+    // onBlur,
+    // onFocus,
+    size: u = "small",
+    color: c = "primary",
+    className: i = "",
+    style: m = {},
+    // children,
+    ...f
+  } = n, p = T();
+  return M(
+    w((b, d) => {
+      a == null || a(b, d);
+    }, l)
+  ), /* @__PURE__ */ g(
+    R,
+    {
+      ref: t,
+      styles: o || C,
+      size: u,
+      color: c,
+      theme: p,
+      isSearchable: s,
+      isClearable: r,
+      className: i,
+      style: m,
+      ...f
+    }
+  );
+});
+V.propTypes = {
+  options: e.array,
+  styles: e.object,
+  debounceTime: e.number,
+  name: e.string,
+  value: e.any,
+  /**
+   * Sets the tabIndex attribute on the input
+   */
+  tabIndex: e.number,
+  /**
+   * Whether to enable search functionality
+   */
+  isSearchable: e.bool,
+  isClearable: e.bool,
+  /**
+   * Is the select in a state of loading (async)
+   */
+  isLoading: e.bool,
+  /**
+   * Is the select direction right-to-left
+   */
+  isRtl: e.bool,
+  isDisabled: e.bool,
+  readOnly: e.bool,
+  /**
+   * Close the select menu when the user selects an option
+   */
+  closeMenuOnSelect: e.bool,
+  /**
+   * If true, close the select menu when the user scrolls the document/body.
+   * If a function, takes a standard javascript ScrollEvent you return a boolean:
+   * true => The menu closes
+   * false => The menu stays open
+   * This is useful when you have a scrollable modal and want to portal the menu out, but want to avoid graphical issues.
+   */
+  closeMenuOnScroll: e.oneOfType([e.bool, e.func]),
+  /**
+   * Clear all values when the user presses escape AND the menu is closed
+   */
+  escapeClearsValue: e.bool,
+  /**
+   * Custom method to filter whether an option should be displayed in the menu. Type: `null` or `() => boolean`
+   */
+  filterOption: e.func,
+  /**
+   * Formats group labels in the menu as React components
+   */
+  formatGroupLabel: e.func,
+  /**
+   * Formats option labels in the menu and control as React components
+   */
+  formatOptionLabel: e.func,
+  /**
+   * Resolves option data to a string to be displayed as the label by components
+   * Note: Failure to resolve to a string type can interfere with filtering and screen reader support.
+   */
+  getOptionLabel: e.func,
+  /**
+   * Resolves option data to a string to compare options and specify value attributes
+   */
+  getOptionValue: e.func,
+  /**
+   * Hide the selected option from the menu
+   */
+  hideSelectedOptions: e.bool,
+  /**
+   * The id to set on the SelectContainer component
+   */
+  id: e.string,
+  /**
+   * The id of the search input
+   */
+  inputId: e.string,
+  /**
+   * Override the built-in logic to detect whether an option is disabled. `(...) => boolean`
+   */
+  isOptionDisabled: e.func,
+  /**
+   * Override the built-in logic to detect whether an option is selected. `(...) => boolean`
+   */
+  isOptionSelected: e.func,
+  /**
+   * Async: Text to display when loading options `(...) => ...`
+   */
+  loadingMessage: e.func,
+  /**
+   * Minimum height of the menu before flipping
+   */
+  minMenuHeight: e.number,
+  /**
+   * Maximum height of the menu before flipping
+   */
+  maxMenuHeight: e.number,
+  /**
+   * Default placement of the menu in relation to the control. 'auto' will flip when there isn't enough space below the control.
+   */
+  menuPlacement: e.oneOf(["bottom", "auto", "top"]),
+  /**
+   *The CSS position value of the menu, when "fixed" extra layout management is required.
+   */
+  menuPosition: e.oneOf(["absolute", "fixed"]),
+  /**
+   * Whether to block scroll events when the menu is open
+   */
+  menuShouldBlockScroll: e.bool,
+  /**
+   * Whether the menu should be scrolled into view when it opens
+   */
+  menuShouldScrollIntoView: e.bool,
+  /**
+   * Allows control of whether the menu is opened when the Select is focused
+   */
+  openMenuOnFocus: e.bool,
+  /**
+   * Allows control of whether the menu is opened when the Select is clicked
+   */
+  openMenuOnClick: e.bool,
+  //----
+  autoFocus: e.bool,
+  placeholder: e.any,
+  noOptionsMessage: e.string,
+  menuIsOpen: e.bool,
+  /**
+   *  This complex object includes all the compositional components that are used in react-select. If you wish to overwrite a component, pass in an object with the appropriate namespace.
+   *  If you only wish to restyle a component, we recommend using the styles prop instead.
+   */
+  components: e.object,
+  /**
+   * initial value of the control
+   */
+  defaultValue: e.any,
+  /**
+   * initial value of the search input
+   */
+  defaultInputValue: e.string,
+  /**
+   * initial open value of the menu
+   */
+  defaultMenuIsOpen: e.bool,
+  /**
+   * Delimiter used to join multiple values into a single HTML Input value
+   */
+  delimiter: e.string,
+  //---------------------------------------------------------------
+  onChange: e.func,
+  /**
+   * control the value of the search input (changing this will update the available options)
+   */
+  onInputChange: e.func,
+  onMenuOpen: e.func,
+  onMenuClose: e.func,
+  onFocus: e.func,
+  onBlur: e.func,
+  //---------------------------------------------------------------
+  className: e.string,
+  style: e.object,
+  color: e.oneOf([
+    "primary",
+    "secondary",
+    "success",
+    "warning",
+    "danger",
+    "information",
+    "neutral",
+    "gray"
+  ]),
+  size: e.oneOf(["small", "medium", "large"])
+};
+export {
+  N as components,
+  V as default
+};