@lanaco/lnc-react-ui 3.11.35 → 4.0.2

package/dist/DropdownItem.cjs

@@ -0,0 +1,36 @@
+"use strict";const c=require("react/jsx-runtime"),d=require("react"),l=require("./index-DXnSjbfJ.cjs"),G=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),C=require("./Icon.cjs"),s=require("./utils-hdRGTsQ7.cjs"),H=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),J=G.newStyled.div`
+  box-sizing: border-box;
+  cursor: ${o=>o.disabled==!1?"pointer":"context-menu"};
+  width: 100%;
+  border-radius: 6px;
+  display: flex;
+  align-items: center;
+  min-height: 2.25rem;
+  gap: 0.563rem;
+  padding: 0.563rem;
+  color: ${o=>s.getColorRgbaValue(o.theme,"MenuItem",o.color,o.isActive===!0?"active":"enabled","text")};
+  &:hover {
+    ${o=>o.disabled===!1&&`background-color: ${s.getColorRgbaValue(o.theme,"MenuItem",o.color,"hover","background","backgroundOpacity")};`}
+
+    ${o=>o.disabled===!1&&`color: ${s.getColorRgbaValue(o.theme,"MenuItem",o.color,"hover","text")};`}
+    & .drop-down-icon-lnc {
+      ${o=>o.disabled===!1&&`color: ${s.getColorRgbaValue(o.theme,"MenuItem",o.color,"hover","icon")};`}
+    }
+  }
+  ${o=>s.getComponentTypographyCss(o.theme,"MenuItem",o.size,"enabled")};
+  & .drop-down-icon-lnc {
+    color: ${o=>o.isActive&&o.disabled==!1?s.getColorRgbaValue(o.theme,"MenuItem",o.color,"focus","icon"):s.getColorRgbaValue(o.theme,"MenuItem",o.color,"enabled","icon")};
+    ${o=>o.disabled===!0&&s.getDisabledStateCss(o.theme)};
+    background: transparent;
+  }
+  & .sub-menu-icon-lnc {
+    margin-left: auto;
+    transform: ${o=>o.showNested?"rotate(180deg)":"rotate(0)"};
+    transition: transform 0.25s ease;
+  }
+  ${o=>o.isActive==!0&&o.disabled==!1&&`background-color: ${s.getColorRgbaValue(o.theme,"MenuItem",o.color,"focus","background","backgroundOpacity")};
+    color: ${s.getColorRgbaValue(o.theme,"MenuItem",o.color,"focus","text")};
+  `}
+  outline: none;
+  ${o=>o.disabled===!0&&s.getDisabledStateCss(o.theme)};
+`,P=d.forwardRef((o,a)=>{const{__TYPE__:Q="MENU_ITEM",active:f=!1,icon:T,disabled:m=!1,isNested:u=!1,showNested:v,value:E,onFocus:M=()=>{},onBlur:N=()=>{},onClick:x=()=>{},onKeyDown:$=()=>{},onMouseEnter:W=()=>{},onMouseLeave:X=()=>{},toggleNested:r=()=>{},onItemSelected:w=()=>{},color:k,className:_="",style:R={},size:S="small",iconProps:A,children:y,...q}=o,D={theme:H.useTheme(),color:k,style:R,size:S},g=d.useRef(),[O,b]=d.useState(f);d.useEffect(()=>{b(f)},[f]);const V=e=>{m==!1&&(u&&r&&r(),w(e,E,y),x(e))},j=e=>{b(!0),M(e)},F=e=>{b(!1),N(e)},z=e=>{e.preventDefault(),e.key=="ArrowDown"?h(a?a.current:g.current):e.key=="ArrowUp"?p(a?a.current:g.current):e.key=="Enter"&&m==!1&&(u&&r&&r(),w(e,E,y)),$(e)},h=e=>{if(e!=null&&e.nextSibling){let n=B(e);if(n!=null&&n.node&&(n==null?void 0:n.type)=="item")n.node.focus();else if(n!=null&&n.node&&(n==null?void 0:n.type)=="nested"){let i=L(n.node);i&&i.focus()}else e!=null&&e.parentElement&&t(e.parentElement,"nested-item-lnc")&&h(e.parentElement)}else e!=null&&e.parentElement&&t(e.parentElement,"nested-item-lnc")&&h(e.parentElement)},p=e=>{if(e!=null&&e.previousSibling){let n=K(e);if(n!=null&&n.node&&(n==null?void 0:n.type)=="item")n.node.focus();else if(n!=null&&n.node&&(n==null?void 0:n.type)=="nested"){let i=U(n.node);i&&i.focus()}else e!=null&&e.parentElement&&t(e.parentElement,"nested-item-lnc")&&p(e.parentElement)}else e!=null&&e.parentElement&&t(e.parentElement,"nested-item-lnc")&&p(e.parentElement)},B=e=>{for(;e=e.nextSibling;){if(t(e,"menu-item-lnc"))return{node:e,type:"item"};if(t(e,"nested-item-lnc"))return{node:e,type:"nested"}}return null},K=e=>{for(;e=e.previousSibling;){if(t(e,"menu-item-lnc"))return{node:e,type:"item"};if(t(e,"nested-item-lnc"))return{node:e,type:"nested"}}return null},L=e=>{var n;return(n=Array.from(e.querySelectorAll(".menu-item-lnc")))==null?void 0:n[0]},U=e=>{var n;return(n=Array.from(e.querySelectorAll(".menu-item-lnc")))==null?void 0:n.pop()},t=(e,n)=>{var i=" "+e.className+" ",Y=" "+n+" ";return i.indexOf(Y)!=-1};return c.jsx(c.Fragment,{children:c.jsxs(J,{ref:a||g,className:"menu-item-lnc "+_,disabled:m,tabIndex:0,onKeyDown:z,onFocus:j,onBlur:F,onClick:V,isActive:O,showNested:v,...D,...q,children:[T&&c.jsx(C,{icon:T,className:"drop-down-icon-lnc",...A}),c.jsx("div",{className:"menu-item-text-lnc",children:y}),u&&c.jsx(C,{icon:"angle-down",className:"sub-menu-icon-lnc"})]})})});P.propTypes={active:l.PropTypes.bool,icon:l.PropTypes.string,disabled:l.PropTypes.bool,isNested:l.PropTypes.bool,value:l.PropTypes.any,onBlur:l.PropTypes.func,onFocus:l.PropTypes.func,onClick:l.PropTypes.func,onKeyDown:l.PropTypes.func,onMouseEnter:l.PropTypes.func,onMouseLeave:l.PropTypes.func,className:l.PropTypes.string,style:l.PropTypes.object,color:l.PropTypes.oneOf(["primary","secondary","success","warning","danger","information","neutral","gray"]),iconProps:l.PropTypes.any,size:l.PropTypes.oneOf(["small","medium","large"]),__TYPE__:l.PropTypes.string};P.displayName="MENU_ITEM";module.exports=P;

package/dist/DropdownItem.js

@@ -0,0 +1,241 @@
+import { jsx as d, Fragment as G, jsxs as H } from "react/jsx-runtime";
+import J, { useRef as Q, useState as W, useEffect as X } from "react";
+import { P as l } from "./index-Ds9PUTwb.js";
+import { n as Z } from "./emotion-styled.browser.esm-BZSYYThs.js";
+import M from "./Icon.js";
+import { b as s, a as I, g as N } from "./utils-DEke8iwo.js";
+import { u as ee } from "./emotion-element-5486c51c.browser.esm-CSejtOeT.js";
+const ne = Z.div`
+  box-sizing: border-box;
+  cursor: ${(n) => n.disabled == !1 ? "pointer" : "context-menu"};
+  width: 100%;
+  border-radius: 6px;
+  display: flex;
+  align-items: center;
+  min-height: 2.25rem;
+  gap: 0.563rem;
+  padding: 0.563rem;
+  color: ${(n) => s(
+  n.theme,
+  "MenuItem",
+  n.color,
+  n.isActive === !0 ? "active" : "enabled",
+  "text"
+)};
+  &:hover {
+    ${(n) => n.disabled === !1 && `background-color: ${s(
+  n.theme,
+  "MenuItem",
+  n.color,
+  "hover",
+  "background",
+  "backgroundOpacity"
+)};`}
+
+    ${(n) => n.disabled === !1 && `color: ${s(
+  n.theme,
+  "MenuItem",
+  n.color,
+  "hover",
+  "text"
+)};`}
+    & .drop-down-icon-lnc {
+      ${(n) => n.disabled === !1 && `color: ${s(
+  n.theme,
+  "MenuItem",
+  n.color,
+  "hover",
+  "icon"
+)};`}
+    }
+  }
+  ${(n) => I(n.theme, "MenuItem", n.size, "enabled")};
+  & .drop-down-icon-lnc {
+    color: ${(n) => n.isActive && n.disabled == !1 ? s(
+  n.theme,
+  "MenuItem",
+  n.color,
+  "focus",
+  "icon"
+) : s(
+  n.theme,
+  "MenuItem",
+  n.color,
+  "enabled",
+  "icon"
+)};
+    ${(n) => n.disabled === !0 && N(n.theme)};
+    background: transparent;
+  }
+  & .sub-menu-icon-lnc {
+    margin-left: auto;
+    transform: ${(n) => n.showNested ? "rotate(180deg)" : "rotate(0)"};
+    transition: transform 0.25s ease;
+  }
+  ${(n) => n.isActive == !0 && n.disabled == !1 && `background-color: ${s(
+  n.theme,
+  "MenuItem",
+  n.color,
+  "focus",
+  "background",
+  "backgroundOpacity"
+)};
+    color: ${s(
+  n.theme,
+  "MenuItem",
+  n.color,
+  "focus",
+  "text"
+)};
+  `}
+  outline: none;
+  ${(n) => n.disabled === !0 && N(n.theme)};
+`, $ = J.forwardRef((n, a) => {
+  const {
+    __TYPE__: oe = "MENU_ITEM",
+    active: f = !1,
+    icon: E,
+    disabled: m = !1,
+    isNested: r = !1,
+    showNested: k,
+    value: w,
+    //----------------
+    onFocus: C = () => {
+    },
+    onBlur: _ = () => {
+    },
+    onClick: x = () => {
+    },
+    onKeyDown: A = () => {
+    },
+    onMouseEnter: le = () => {
+    },
+    onMouseLeave: te = () => {
+    },
+    toggleNested: c = () => {
+    },
+    onItemSelected: v = () => {
+    },
+    //----------------
+    color: p,
+    className: S = "",
+    style: O = {},
+    size: P = "small",
+    iconProps: D,
+    children: u,
+    ...T
+  } = n, F = { theme: ee(), color: p, style: O, size: P }, h = Q(), [R, b] = W(f);
+  X(() => {
+    b(f);
+  }, [f]);
+  const z = (e) => {
+    m == !1 && (r && c && c(), v(e, w, u), x(e));
+  }, B = (e) => {
+    b(!0), C(e);
+  }, K = (e) => {
+    b(!1), _(e);
+  }, j = (e) => {
+    e.preventDefault(), e.key == "ArrowDown" ? g(a ? a.current : h.current) : e.key == "ArrowUp" ? y(a ? a.current : h.current) : e.key == "Enter" && m == !1 && (r && c && c(), v(e, w, u)), A(e);
+  }, g = (e) => {
+    if (e != null && e.nextSibling) {
+      let o = L(e);
+      if (o != null && o.node && (o == null ? void 0 : o.type) == "item")
+        o.node.focus();
+      else if (o != null && o.node && (o == null ? void 0 : o.type) == "nested") {
+        let i = q(o.node);
+        i && i.focus();
+      } else e != null && e.parentElement && t(e.parentElement, "nested-item-lnc") && g(e.parentElement);
+    } else e != null && e.parentElement && t(e.parentElement, "nested-item-lnc") && g(e.parentElement);
+  }, y = (e) => {
+    if (e != null && e.previousSibling) {
+      let o = U(e);
+      if (o != null && o.node && (o == null ? void 0 : o.type) == "item")
+        o.node.focus();
+      else if (o != null && o.node && (o == null ? void 0 : o.type) == "nested") {
+        let i = Y(o.node);
+        i && i.focus();
+      } else e != null && e.parentElement && t(e.parentElement, "nested-item-lnc") && y(e.parentElement);
+    } else e != null && e.parentElement && t(e.parentElement, "nested-item-lnc") && y(e.parentElement);
+  }, L = (e) => {
+    for (; e = e.nextSibling; ) {
+      if (t(e, "menu-item-lnc"))
+        return { node: e, type: "item" };
+      if (t(e, "nested-item-lnc"))
+        return { node: e, type: "nested" };
+    }
+    return null;
+  }, U = (e) => {
+    for (; e = e.previousSibling; ) {
+      if (t(e, "menu-item-lnc"))
+        return { node: e, type: "item" };
+      if (t(e, "nested-item-lnc"))
+        return { node: e, type: "nested" };
+    }
+    return null;
+  }, q = (e) => {
+    var o;
+    return (o = Array.from(e.querySelectorAll(".menu-item-lnc"))) == null ? void 0 : o[0];
+  }, Y = (e) => {
+    var o;
+    return (o = Array.from(e.querySelectorAll(".menu-item-lnc"))) == null ? void 0 : o.pop();
+  }, t = (e, o) => {
+    var i = " " + e.className + " ", V = " " + o + " ";
+    return i.indexOf(V) != -1;
+  };
+  return /* @__PURE__ */ d(G, { children: /* @__PURE__ */ H(
+    ne,
+    {
+      ref: a || h,
+      className: "menu-item-lnc " + S,
+      disabled: m,
+      tabIndex: 0,
+      onKeyDown: j,
+      onFocus: B,
+      onBlur: K,
+      onClick: z,
+      isActive: R,
+      showNested: k,
+      ...F,
+      ...T,
+      children: [
+        E && /* @__PURE__ */ d(M, { icon: E, className: "drop-down-icon-lnc", ...D }),
+        /* @__PURE__ */ d("div", { className: "menu-item-text-lnc", children: u }),
+        r && /* @__PURE__ */ d(M, { icon: "angle-down", className: "sub-menu-icon-lnc" })
+      ]
+    }
+  ) });
+});
+$.propTypes = {
+  active: l.bool,
+  icon: l.string,
+  disabled: l.bool,
+  isNested: l.bool,
+  value: l.any,
+  //---------------------------------------------------------------
+  onBlur: l.func,
+  onFocus: l.func,
+  onClick: l.func,
+  onKeyDown: l.func,
+  onMouseEnter: l.func,
+  onMouseLeave: l.func,
+  //---------------------------------------------------------------
+  className: l.string,
+  style: l.object,
+  color: l.oneOf([
+    "primary",
+    "secondary",
+    "success",
+    "warning",
+    "danger",
+    "information",
+    "neutral",
+    "gray"
+  ]),
+  iconProps: l.any,
+  size: l.oneOf(["small", "medium", "large"]),
+  __TYPE__: l.string
+};
+$.displayName = "MENU_ITEM";
+export {
+  $ as default
+};

package/dist/DropdownLookup.cjs

@@ -0,0 +1 @@
+"use strict";const le=require("react/jsx-runtime"),e=require("./index-DXnSjbfJ.cjs"),t=require("react"),B=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),n=require("./CustomStyles-CqlCjTgU.cjs"),ce=require("./defineProperty-DHvxLH8G.cjs");require("./index-C29T0m2a.cjs");const fe=require("./index-BjdOz5Ok.cjs");function de(o){const p=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const s in o)if(s!=="default"){const a=Object.getOwnPropertyDescriptor(o,s);Object.defineProperty(p,s,a.get?a:{enumerable:!0,get:()=>o[s]})}}return p.default=o,Object.freeze(p)}const ye=de(t);var Te=["defaultOptions","cacheOptions","loadOptions","options","isLoading","onInputChange","filterOption"];function Pe(o){var p=o.defaultOptions,s=p===void 0?!1:p,a=o.cacheOptions,i=a===void 0?!1:a,y=o.loadOptions;o.options;var l=o.isLoading,h=l===void 0?!1:l,S=o.onInputChange,m=o.filterOption,C=m===void 0?null:m,g=n._objectWithoutProperties(o,Te),_=g.inputValue,u=t.useRef(void 0),c=t.useRef(!1),T=t.useState(Array.isArray(s)?s:void 0),f=n._slicedToArray(T,2),G=f[0],x=f[1],W=t.useState(typeof _<"u"?_:""),q=n._slicedToArray(W,2),D=q[0],I=q[1],J=t.useState(s===!0),R=n._slicedToArray(J,2),K=R[0],P=R[1],Q=t.useState(void 0),w=n._slicedToArray(Q,2),A=w[0],L=w[1],U=t.useState([]),E=n._slicedToArray(U,2),X=E[0],j=E[1],Y=t.useState(!1),$=n._slicedToArray(Y,2),Z=$[0],v=$[1],ee=t.useState({}),k=n._slicedToArray(ee,2),O=k[0],z=k[1],te=t.useState(void 0),F=n._slicedToArray(te,2),oe=F[0],se=F[1],ne=t.useState(void 0),N=n._slicedToArray(ne,2),re=N[0],pe=N[1];i!==re&&(z({}),pe(i)),s!==oe&&(x(Array.isArray(s)?s:void 0),se(s)),t.useEffect(function(){return c.current=!0,function(){c.current=!1}},[]);var M=t.useCallback(function(b,d){if(!y)return d();var r=y(b,d);r&&typeof r.then=="function"&&r.then(d,function(){return d()})},[y]);t.useEffect(function(){s===!0&&M(D,function(b){c.current&&(x(b||[]),P(!!u.current))})},[]);var ae=t.useCallback(function(b,d){var r=n.handleInputChange(b,d,S);if(!r){u.current=void 0,I(""),L(""),j([]),P(!1),v(!1);return}if(i&&O[r])I(r),L(r),j(O[r]),P(!1),v(!1);else{var ie=u.current={};I(r),P(!0),v(!A),M(r,function(V){c&&ie===u.current&&(u.current=void 0,P(!1),L(r),j(V||[]),v(!1),z(V?n._objectSpread2(n._objectSpread2({},O),{},ce._defineProperty({},r,V)):O))})}},[i,M,A,O,S]),ue=Z?[]:D&&A?X:G||[];return n._objectSpread2(n._objectSpread2({},g),{},{options:ue,isLoading:K||h,onInputChange:ae,filterOption:C})}var Oe=t.forwardRef(function(o,p){var s=Pe(o),a=n.useStateManager(s);return ye.createElement(n.Select,B._extends({ref:p},a))}),be=Oe;const H=t.forwardRef((o,p)=>{const{styles:s,debounceTime:a=180,isSearchable:i=!0,isClearable:y=!0,onInputChange:l,size:h="small",color:S="primary",className:m="",style:C={},...g}=o,_=B.useTheme(),u=t.useCallback(fe.debounce((T,f)=>{l==null||l(T,f)},a)),c=(T,f)=>{u(T,f)};return le.jsx(be,{ref:p,styles:s||n.customStyles,size:h,color:S,theme:_,isSearchable:i,isClearable:y,onInputChange:c,className:m,style:C,...g})});H.propTypes={defaultOptions:e.PropTypes.oneOfType([e.PropTypes.bool,e.PropTypes.array]),cacheOptions:e.PropTypes.any,loadOptions:e.PropTypes.func,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.string,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"])};module.exports=H;

package/dist/DropdownLookup.js

@@ -0,0 +1,325 @@
+import { jsx as ce } from "react/jsx-runtime";
+import { P as e } from "./index-Ds9PUTwb.js";
+import * as de from "react";
+import Oe, { useRef as G, useState as a, useEffect as W, useCallback as R, forwardRef as me } from "react";
+import { _ as be, u as ge } from "./emotion-element-5486c51c.browser.esm-CSejtOeT.js";
+import { _ as Se, b as s, h as he, d as C, u as ve, S as ye, a as _e } from "./CustomStyles-nfD3J1mi.js";
+import { f as Ie } from "./defineProperty-BHpTtkhC.js";
+import "./index-CZJEA84h.js";
+import { d as Ce } from "./index-D5vEbKUT.js";
+var Le = ["defaultOptions", "cacheOptions", "loadOptions", "options", "isLoading", "onInputChange", "filterOption"];
+function Me(o) {
+  var r = o.defaultOptions, t = r === void 0 ? !1 : r, i = o.cacheOptions, l = i === void 0 ? !1 : i, d = o.loadOptions;
+  o.options;
+  var p = o.isLoading, L = p === void 0 ? !1 : p, h = o.onInputChange, v = o.filterOption, M = v === void 0 ? null : v, y = Se(o, Le), _ = y.inputValue, u = G(void 0), O = G(!1), m = a(Array.isArray(t) ? t : void 0), f = s(m, 2), J = f[0], j = f[1], K = a(typeof _ < "u" ? _ : ""), w = s(K, 2), $ = w[0], P = w[1], Q = a(t === !0), E = s(Q, 2), U = E[0], b = E[1], X = a(void 0), F = s(X, 2), V = F[0], A = F[1], Y = a([]), z = s(Y, 2), Z = z[0], T = z[1], ee = a(!1), B = s(ee, 2), te = B[0], I = B[1], ne = a({}), H = s(ne, 2), g = H[0], N = H[1], oe = a(void 0), k = s(oe, 2), ae = k[0], se = k[1], ue = a(void 0), q = s(ue, 2), re = q[0], ie = q[1];
+  l !== re && (N({}), ie(l)), t !== ae && (j(Array.isArray(t) ? t : void 0), se(t)), W(function() {
+    return O.current = !0, function() {
+      O.current = !1;
+    };
+  }, []);
+  var x = R(function(S, c) {
+    if (!d) return c();
+    var n = d(S, c);
+    n && typeof n.then == "function" && n.then(c, function() {
+      return c();
+    });
+  }, [d]);
+  W(function() {
+    t === !0 && x($, function(S) {
+      O.current && (j(S || []), b(!!u.current));
+    });
+  }, []);
+  var le = R(function(S, c) {
+    var n = he(S, c, h);
+    if (!n) {
+      u.current = void 0, P(""), A(""), T([]), b(!1), I(!1);
+      return;
+    }
+    if (l && g[n])
+      P(n), A(n), T(g[n]), b(!1), I(!1);
+    else {
+      var fe = u.current = {};
+      P(n), b(!0), I(!V), x(n, function(D) {
+        O && fe === u.current && (u.current = void 0, b(!1), A(n), T(D || []), I(!1), N(D ? C(C({}, g), {}, Ie({}, n, D)) : g));
+      });
+    }
+  }, [l, x, V, g, h]), pe = te ? [] : $ && V ? Z : J || [];
+  return C(C({}, y), {}, {
+    options: pe,
+    isLoading: U || L,
+    onInputChange: le,
+    filterOption: M
+  });
+}
+var Pe = /* @__PURE__ */ me(function(o, r) {
+  var t = Me(o), i = ve(t);
+  return /* @__PURE__ */ de.createElement(ye, be({
+    ref: r
+  }, i));
+}), Ve = Pe;
+const Ae = Oe.forwardRef((o, r) => {
+  const {
+    // defaultOptions,
+    // cacheOptions,
+    // loadOptions,
+    styles: t,
+    debounceTime: i = 180,
+    // name,
+    // hideSelectedOptions,
+    // id,
+    // inputId,
+    // value,
+    // readOnly,
+    // tabIndex,
+    isSearchable: l = !0,
+    isClearable: d = !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: p,
+    // onMenuOpen,
+    // onMenuClose,
+    // onBlur,
+    // onFocus,
+    size: L = "small",
+    color: h = "primary",
+    className: v = "",
+    style: M = {},
+    // children,
+    ...y
+  } = o, _ = ge(), u = R(
+    Ce((m, f) => {
+      p == null || p(m, f);
+    }, i)
+  );
+  return /* @__PURE__ */ ce(
+    Ve,
+    {
+      ref: r,
+      styles: t || _e,
+      size: L,
+      color: h,
+      theme: _,
+      isSearchable: l,
+      isClearable: d,
+      onInputChange: (m, f) => {
+        u(m, f);
+      },
+      className: v,
+      style: M,
+      ...y
+    }
+  );
+});
+Ae.propTypes = {
+  /**
+   * The default set of options to show before the user starts searching. When set to true, the results for loadOptions('') will be autoloaded.
+   */
+  defaultOptions: e.oneOfType([e.bool, e.array]),
+  /**
+   * If cacheOptions is truthy, then the loaded data will be cached. The cache will remain until cacheOptions changes value.
+   */
+  cacheOptions: e.any,
+  /**
+   * Function that returns a promise, which is the set of options to be used once the promise resolves.
+   */
+  loadOptions: e.func,
+  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.string,
+  /**
+   * 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 {
+  Ae as default
+};