@lanaco/lnc-react-ui 4.0.3 → 4.0.6

package/dist/DragDropFiles.js

@@ -1,33 +1,33 @@
 import { jsx as t, jsxs as $ } from "react/jsx-runtime";
-import G, { useState as M, useEffect as U, useCallback as g } from "react";
+import { forwardRef as G, useState as M, useEffect as U, useCallback as u } from "react";
 import { P as e } from "./index-BYnWp42a.js";
 import { n as V } from "./emotion-styled.browser.esm-BiK8DcgW.js";
-import _ from "./DragAndDropFile.js";
-import E from "./UploadedFile.js";
-import { a as W, b as q } from "./utils-C52T57HO.js";
-import H from "./FlexGrid.js";
+import E from "./DragAndDropFile.js";
+import W from "./UploadedFile.js";
+import { a as q, b as H } from "./utils-C52T57HO.js";
+import J from "./FlexGrid.js";
 import h from "./FlexGridItem.js";
-import { u as J } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
-const K = V.div`
+import { u as K } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
+const L = V.div`
   display: flex;
   flex-direction: column;
   gap: 1rem;
 
-  border: ${(n) => `1px solid ${W(
+  border: ${(n) => `1px solid ${q(
   n.theme,
   "DragDropFiles",
   n.color,
   "enabled",
   "border"
 )}`};
-  border-radius: ${(n) => q(n.theme, "regular")};
+  border-radius: ${(n) => H(n.theme, "regular")};
   padding: 1.25rem 2.5rem;
 
   & .file-item-lnc {
     padding: 0.5rem 0.813rem;
     height: 100%;
   }
-`, L = G.forwardRef((n, D) => {
+`, Q = G((n, D) => {
   const {
     id: y = "",
     disabled: b = !1,
@@ -49,37 +49,37 @@ const K = V.div`
     },
     onDropAccepted: f = () => {
     },
-    onDrop: u = () => {
+    onDrop: g = () => {
     },
-    fileClick: R = () => {
+    fileClick: v = () => {
     },
-    onCancel: v = () => {
+    onCancel: N = () => {
     },
     // ----------------------------------------
-    className: Q = "",
-    style: X = {},
+    className: X = "",
+    style: Y = {},
     color: i = "primary",
     size: s = "small",
-    dragAndDropFileProps: N,
+    dragAndDropFileProps: P,
     uploadedFileProps: a,
-    ...P
+    ...R
   } = n;
-  var j = { theme: J(), size: s, color: i };
+  var j = { theme: K(), size: s, color: i };
   const [r, c] = M([]);
   U(() => {
     c(p);
   }, [p]);
-  const k = g((o, l) => {
-    u && u(o, l);
-  }, []), I = g((o) => {
+  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);
   };
-  return /* @__PURE__ */ t(K, { ref: D, ...j, ...P, children: /* @__PURE__ */ $(H, { direction: "RowReverse", children: [
+  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(
-      _,
+      E,
       {
         id: y,
         disabled: b,
@@ -99,19 +99,19 @@ const K = V.div`
         onDropAccepted: I,
         color: i,
         size: s,
-        ...N
+        ...P
       }
     ) }),
     r == null ? void 0 : r.map((o, l) => /* @__PURE__ */ t(h, { M: 6, children: /* @__PURE__ */ t(
-      E,
+      W,
       {
         fileName: o.name,
         fileSize: o.size,
         showFileSize: d,
         color: i,
         size: s,
-        onFileClick: R,
-        onCancel: v,
+        onFileClick: v,
+        onCancel: N,
         ...a,
         className: "file-item-lnc " + (a == null ? void 0 : a.className)
       },
@@ -119,7 +119,7 @@ const K = V.div`
     ) }, l))
   ] }) });
 });
-L.propTypes = {
+Q.propTypes = {
   id: e.any,
   disabled: e.bool,
   preventDefault: e.bool,
@@ -171,5 +171,5 @@ L.propTypes = {
   uploadedFileProps: e.any
 };
 export {
-  L as default
+  Q as default
 };

package/dist/Drawer.js

@@ -1,9 +1,9 @@
 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 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-BYnWp42a.js";
-import { C as F } from "./emotion-react.browser.esm-CN-s34fZ.js";
-import { a as Z, g as H } from "./utils-C52T57HO.js";
-import { u as V } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
+import { C as H } from "./emotion-react.browser.esm-CN-s34fZ.js";
+import { a as Z, g as V } from "./utils-C52T57HO.js";
+import { u as A } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
 function $() {
   return $ = Object.assign || function(n) {
     for (var e = 1; e < arguments.length; e++) {
@@ -14,7 +14,7 @@ function $() {
     return n;
   }, $.apply(this, arguments);
 }
-var A = function(e, o) {
+var G = function(e, o) {
   var a = {
     left: {
       top: 0,
@@ -48,9 +48,9 @@ var A = function(e, o) {
     }
   };
   return a[e];
-}, G = function(e) {
+}, J = 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, g = v === void 0 ? 100 : v, 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, b = e.lockBackgroundScroll, S = b === void 0 ? !1 : b, t = e.overlayClassName, N = t === void 0 ? "" : t, k = T(null);
+  } : 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, g = e.duration, D = g === void 0 ? 500 : g, x = e.direction, l = e.size, E = l === void 0 ? 250 : l, i = e.className, h = e.customIdSuffix, p = e.lockBackgroundScroll, S = p === void 0 ? !1 : p, 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" : "");
@@ -58,85 +58,85 @@ var A = function(e, o) {
     R();
   }, [o]);
   var s = B(function() {
-    return p || (Math.random() + 1).toString(36).substring(7);
-  }, [p]), z = {
+    return h || (Math.random() + 1).toString(36).substring(7);
+  }, [h]), z = {
     backgroundColor: O.toString(),
-    opacity: y,
-    zIndex: g
+    opacity: f,
+    zIndex: v
   }, P = $({
-    zIndex: g + 1,
+    zIndex: v + 1,
     transitionDuration: D + "ms"
-  }, A(x, E), C);
-  return c.createElement("div", {
+  }, G(x, E), C);
+  return b.createElement("div", {
     id: "EZDrawer" + s,
     className: "EZDrawer"
-  }, c.createElement("input", {
+  }, b.createElement("input", {
     type: "checkbox",
     id: "EZDrawer__checkbox" + s,
     className: "EZDrawer__checkbox",
     onChange: w,
     checked: o
-  }), c.createElement("nav", {
+  }), b.createElement("nav", {
     role: "navigation",
     id: "EZDrawer__container" + s,
     style: P,
     className: "EZDrawer__container " + i
-  }, _), u && c.createElement("label", {
+  }, _), d && b.createElement("label", {
     htmlFor: "EZDrawer__checkbox" + s,
     id: "EZDrawer__overlay" + s,
     className: "EZDrawer__overlay " + N,
     style: z
   }));
 };
-const J = c.forwardRef((n, e) => {
+const K = M((n, e) => {
   const {
     direction: o = "right",
     open: a = !1,
     duration: w = 300,
     overlayOpacity: _ = 0.4,
     enableOverlay: C = !0,
-    zIndex: d = 100,
+    zIndex: c = 100,
     //----------------
-    onClose: u = () => {
+    onClose: d = () => {
     },
-    onOpen: m = () => {
+    onOpen: u = () => {
     },
     //----------------
     className: O = "",
-    style: f = {},
-    color: y = "neutral",
-    size: v = "small",
-    overlayColor: g,
-    width: h = "unset",
+    style: m = {},
+    color: f = "neutral",
+    size: y = "small",
+    overlayColor: v,
+    width: g = "unset",
     children: D,
     ...x
-  } = n, l = V(), [E, i] = M(!1);
-  q(e, () => ({
+  } = n, l = A(), [E, i] = q(!1);
+  F(e, () => ({
     open() {
-      p();
+      h();
     },
     close() {
-      b();
+      p();
     }
   }));
-  const p = (t) => {
-    i(!0), m(t);
-  }, b = (t) => {
-    i(!1), u(t);
+  const h = (t) => {
+    i(!0), u(t);
+  }, p = (t) => {
+    i(!1), d(t);
   }, S = () => {
-    i(!1), u();
+    i(!1), d();
   };
-  return /* @__PURE__ */ I(F, { children: ({ css: t, cx: N }) => /* @__PURE__ */ I(
-    G,
+  return /* @__PURE__ */ I(H, { children: ({ css: t, cx: N }) => /* @__PURE__ */ I(
+    J,
     {
       open: E,
       onClose: S,
       direction: o,
-      zIndex: d,
+      zIndex: c,
       duration: w,
       overlayOpacity: _,
       enableOverlay: C,
-      size: h,
+      size: g,
       className: N(
         "drawer-lnc " + O,
         t`
@@ -144,28 +144,28 @@ const J = c.forwardRef((n, e) => {
               background-color: ${Z(
           l,
           "Drawer",
-          y,
+          f,
           "enabled",
           "background"
         )} !important;
               color: ${Z(
           l,
           "Drawer",
-          y,
+          f,
           "enabled",
           "text"
         )};
-              ${H(l, "Drawer", v, "enabled")};
+              ${V(l, "Drawer", y, "enabled")};
             `
       ),
-      style: f,
-      overlayColor: g,
+      style: m,
+      overlayColor: v,
       ...x,
       children: D
     }
   ) });
 });
-J.propTypes = {
+K.propTypes = {
   direction: r.oneOf(["top", "right", "left", "bottom"]),
   open: r.bool,
   /**
@@ -202,5 +202,5 @@ J.propTypes = {
   ])
 };
 export {
-  J as default
+  K as default
 };

package/dist/Dropdown.js

@@ -1,32 +1,32 @@
-import { jsx as g } from "react/jsx-runtime";
+import { jsx as O } from "react/jsx-runtime";
 import { P as e } from "./index-BYnWp42a.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-BUSJ8bZt.js";
+import * as S from "react";
+import { forwardRef as l, useCallback as y } from "react";
+import { u as M, S as h, a as x } from "./CustomStyles-BUSJ8bZt.js";
 import { c as N } from "./CustomStyles-BUSJ8bZt.js";
-import { _ as I, u as T } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
+import { _ as C, u as I } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
 import "./index--Kmch3aI.js";
-import { d as w } from "./index-CNBqQrtK.js";
-var P = /* @__PURE__ */ y(function(n, t) {
-  var o = h(n);
-  return /* @__PURE__ */ O.createElement(x, I({
+import { d as T } from "./index-CNBqQrtK.js";
+var P = /* @__PURE__ */ l(function(n, t) {
+  var o = M(n);
+  return /* @__PURE__ */ S.createElement(h, C({
     ref: t
   }, o));
-}), R = P;
-const V = S.forwardRef((n, t) => {
+}), V = P;
+const j = l((n, t) => {
   const {
     // options,
     styles: o,
-    debounceTime: l = 180,
-    name: j,
+    debounceTime: s = 180,
+    name: v,
     // hideSelectedOptions,
     // id,
     // inputId,
     // value,
     // readOnly,
     // tabIndex,
-    isSearchable: s = !0,
-    isClearable: r = !0,
+    isSearchable: r = !0,
+    isClearable: u = !0,
     // isLoading,
     // isRtl,
     // isDisabled,
@@ -64,34 +64,34 @@ const V = S.forwardRef((n, t) => {
     // onMenuClose,
     // onBlur,
     // onFocus,
-    size: u = "small",
+    size: i = "small",
     color: c = "primary",
-    className: i = "",
-    style: m = {},
+    className: m = "",
+    style: p = {},
     // children,
-    ...f
-  } = n, p = T();
-  return M(
-    w((b, d) => {
-      a == null || a(b, d);
-    }, l)
-  ), /* @__PURE__ */ g(
-    R,
+    ...b
+  } = n, f = I();
+  return y(
+    T((d, g) => {
+      a == null || a(d, g);
+    }, s)
+  ), /* @__PURE__ */ O(
+    V,
     {
       ref: t,
-      styles: o || C,
-      size: u,
+      styles: o || x,
+      size: i,
       color: c,
-      theme: p,
-      isSearchable: s,
-      isClearable: r,
-      className: i,
-      style: m,
-      ...f
+      theme: f,
+      isSearchable: r,
+      isClearable: u,
+      className: m,
+      style: p,
+      ...b
     }
   );
 });
-V.propTypes = {
+j.propTypes = {
   options: e.array,
   styles: e.object,
   debounceTime: e.number,
@@ -262,5 +262,5 @@ V.propTypes = {
 };
 export {
   N as components,
-  V as default
+  j as default
 };

package/dist/DropdownItem.js

@@ -1,5 +1,5 @@
 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 { forwardRef as J, useRef as Q, useState as W, useEffect as X } from "react";
 import { P as l } from "./index-BYnWp42a.js";
 import { n as Z } from "./emotion-styled.browser.esm-BiK8DcgW.js";
 import M from "./Icon.js";
@@ -90,7 +90,7 @@ const ne = Z.div`
   `}
   outline: none;
   ${(n) => n.disabled === !0 && N(n.theme)};
-`, $ = J.forwardRef((n, a) => {
+`, $ = J((n, a) => {
   const {
     __TYPE__: oe = "MENU_ITEM",
     active: f = !1,
@@ -102,11 +102,11 @@ const ne = Z.div`
     //----------------
     onFocus: C = () => {
     },
-    onBlur: _ = () => {
+    onBlur: x = () => {
     },
-    onClick: x = () => {
+    onClick: A = () => {
     },
-    onKeyDown: A = () => {
+    onKeyDown: p = () => {
     },
     onMouseEnter: le = () => {
     },
@@ -117,25 +117,25 @@ const ne = Z.div`
     onItemSelected: v = () => {
     },
     //----------------
-    color: p,
-    className: S = "",
+    color: S,
+    className: _ = "",
     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);
+  } = n, F = { theme: ee(), color: S, style: O, size: P }, h = Q(), [z, 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);
+  const B = (e) => {
+    m == !1 && (r && c && c(), v(e, w, u), A(e));
   }, K = (e) => {
-    b(!1), _(e);
+    b(!0), C(e);
+  }, R = (e) => {
+    b(!1), x(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);
+    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)), p(e);
   }, g = (e) => {
     if (e != null && e.nextSibling) {
       let o = L(e);
@@ -186,14 +186,14 @@ const ne = Z.div`
     ne,
     {
       ref: a || h,
-      className: "menu-item-lnc " + S,
+      className: "menu-item-lnc " + _,
       disabled: m,
       tabIndex: 0,
       onKeyDown: j,
-      onFocus: B,
-      onBlur: K,
-      onClick: z,
-      isActive: R,
+      onFocus: K,
+      onBlur: R,
+      onClick: B,
+      isActive: z,
       showNested: k,
       ...F,
       ...T,

package/dist/DropdownLookup.js

@@ -1,23 +1,23 @@
-import { jsx as ce } from "react/jsx-runtime";
+import { jsx as de } from "react/jsx-runtime";
 import { P as e } from "./index-BYnWp42a.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-Bb4VkP8U.js";
-import { _ as Se, b as s, h as he, d as C, u as ve, S as ye, a as _e } from "./CustomStyles-BUSJ8bZt.js";
-import { _ as Ie } from "./defineProperty-B5pLF6px.js";
+import * as Oe from "react";
+import { useRef as G, useState as a, useEffect as W, useCallback as j, forwardRef as J } from "react";
+import { _ as me, u as be } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
+import { _ as ge, b as s, h as Se, d as C, u as he, S as ve, a as ye } from "./CustomStyles-BUSJ8bZt.js";
+import { _ as _e } from "./defineProperty-B5pLF6px.js";
 import "./index--Kmch3aI.js";
-import { d as Ce } from "./index-CNBqQrtK.js";
-var Le = ["defaultOptions", "cacheOptions", "loadOptions", "options", "isLoading", "onInputChange", "filterOption"];
-function Me(o) {
+import { d as Ie } from "./index-CNBqQrtK.js";
+var Ce = ["defaultOptions", "cacheOptions", "loadOptions", "options", "isLoading", "onInputChange", "filterOption"];
+function Le(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() {
+  var p = o.isLoading, L = p === void 0 ? !1 : p, h = o.onInputChange, v = o.filterOption, M = v === void 0 ? null : v, y = ge(o, Ce), _ = y.inputValue, u = G(void 0), O = G(!1), m = a(Array.isArray(t) ? t : void 0), f = s(m, 2), K = f[0], R = f[1], Q = a(typeof _ < "u" ? _ : ""), $ = s(Q, 2), w = $[0], P = $[1], U = a(t === !0), E = s(U, 2), X = E[0], b = E[1], Y = a(void 0), F = s(Y, 2), V = F[0], A = F[1], Z = a([]), z = s(Z, 2), ee = z[0], T = z[1], te = a(!1), B = s(te, 2), ne = B[0], I = B[1], oe = a({}), H = s(oe, 2), g = H[0], N = H[1], ae = a(void 0), k = s(ae, 2), se = k[0], ue = k[1], re = a(void 0), q = s(re, 2), ie = q[0], le = q[1];
+  l !== ie && (N({}), le(l)), t !== se && (R(Array.isArray(t) ? t : void 0), ue(t)), W(function() {
     return O.current = !0, function() {
       O.current = !1;
     };
   }, []);
-  var x = R(function(S, c) {
+  var x = j(function(S, c) {
     if (!d) return c();
     var n = d(S, c);
     n && typeof n.then == "function" && n.then(c, function() {
@@ -25,12 +25,12 @@ function Me(o) {
     });
   }, [d]);
   W(function() {
-    t === !0 && x($, function(S) {
-      O.current && (j(S || []), b(!!u.current));
+    t === !0 && x(w, function(S) {
+      O.current && (R(S || []), b(!!u.current));
     });
   }, []);
-  var le = R(function(S, c) {
-    var n = he(S, c, h);
+  var pe = j(function(S, c) {
+    var n = Se(S, c, h);
     if (!n) {
       u.current = void 0, P(""), A(""), T([]), b(!1), I(!1);
       return;
@@ -38,26 +38,26 @@ function Me(o) {
     if (l && g[n])
       P(n), A(n), T(g[n]), b(!1), I(!1);
     else {
-      var fe = u.current = {};
+      var ce = 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));
+        O && ce === u.current && (u.current = void 0, b(!1), A(n), T(D || []), I(!1), N(D ? C(C({}, g), {}, _e({}, n, D)) : g));
       });
     }
-  }, [l, x, V, g, h]), pe = te ? [] : $ && V ? Z : J || [];
+  }, [l, x, V, g, h]), fe = ne ? [] : w && V ? ee : K || [];
   return C(C({}, y), {}, {
-    options: pe,
-    isLoading: U || L,
-    onInputChange: le,
+    options: fe,
+    isLoading: X || L,
+    onInputChange: pe,
     filterOption: M
   });
 }
-var Pe = /* @__PURE__ */ me(function(o, r) {
-  var t = Me(o), i = ve(t);
-  return /* @__PURE__ */ de.createElement(ye, be({
+var Me = /* @__PURE__ */ J(function(o, r) {
+  var t = Le(o), i = he(t);
+  return /* @__PURE__ */ Oe.createElement(ve, me({
     ref: r
   }, i));
-}), Ve = Pe;
-const Ae = Oe.forwardRef((o, r) => {
+}), Pe = Me;
+const Ve = J((o, r) => {
   const {
     // defaultOptions,
     // cacheOptions,
@@ -116,16 +116,16 @@ const Ae = Oe.forwardRef((o, r) => {
     style: M = {},
     // children,
     ...y
-  } = o, _ = ge(), u = R(
-    Ce((m, f) => {
+  } = o, _ = be(), u = j(
+    Ie((m, f) => {
       p == null || p(m, f);
     }, i)
   );
-  return /* @__PURE__ */ ce(
-    Ve,
+  return /* @__PURE__ */ de(
+    Pe,
     {
       ref: r,
-      styles: t || _e,
+      styles: t || ye,
       size: L,
       color: h,
       theme: _,
@@ -140,7 +140,7 @@ const Ae = Oe.forwardRef((o, r) => {
     }
   );
 });
-Ae.propTypes = {
+Ve.propTypes = {
   /**
    * The default set of options to show before the user starts searching. When set to true, the results for loadOptions('') will be autoloaded.
    */
@@ -321,5 +321,5 @@ Ae.propTypes = {
   size: e.oneOf(["small", "medium", "large"])
 };
 export {
-  Ae as default
+  Ve as default
 };