@lanaco/lnc-react-ui 4.0.3 → 4.0.6

package/dist/SwipeableDrawer.js

@@ -1,22 +1,22 @@
 import { jsx as g, Fragment as Y } from "react/jsx-runtime";
-import _, { useRef as R, useState as V, useImperativeHandle as q, useEffect as A } from "react";
+import { forwardRef as V, useRef as q, useState as A, useImperativeHandle as B, useEffect as G } from "react";
 import { P as t } from "./index-BYnWp42a.js";
 import { n as y } from "./emotion-styled.browser.esm-BiK8DcgW.js";
-import { a as $, g as B } from "./utils-C52T57HO.js";
-import { u as G } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
-const J = (e, r, o, u, s) => {
+import { a as $, g as J } from "./utils-C52T57HO.js";
+import { u as K } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
+const Q = (e, r, o, u, s) => {
   if (e === "right" || e === "left" || r && o) return "height: 100%;";
   if (!(r && s === !0))
     return r ? "height: " + u + ";" : "height: 0;";
-}, K = (e, r, o, u, s) => {
+}, R = (e, r, o, u, s) => {
   if (e === "top" || e === "bottom" || r && o) return "width: 100%;";
   if (!(r && s === !0))
     return r ? "width: " + u + ";" : "width: 0;";
-}, Q = y.div`
+}, Z = y.div`
   touch-action: none;
   overflow: auto;
   max-height: ${(e) => e.isOpen || e.unsetHeight === !1 ? "100dvh" : 0};
-  ${(e) => J(
+  ${(e) => Q(
   e.direction,
   e.isOpen,
   e.isFullPage,
@@ -24,7 +24,7 @@ const J = (e, r, o, u, s) => {
   e.unsetHeight
 )}
   max-width: ${(e) => e.isOpen || e.unsetWidth === !1 ? "100vw" : 0};
-  ${(e) => K(
+  ${(e) => R(
   e.direction,
   e.isOpen,
   e.isFullPage,
@@ -52,8 +52,8 @@ const J = (e, r, o, u, s) => {
   "background"
 )};
   color: ${(e) => $(e.theme, "Drawer", e.color, "enabled", "text")};
-  ${(e) => B(e.theme, "Drawer", e.size, "enabled")};
-`, Z = y.div`
+  ${(e) => J(e.theme, "Drawer", e.size, "enabled")};
+`, _ = y.div`
   z-index: ${(e) => e.zIndex};
   position: fixed;
   top: 0;
@@ -62,7 +62,7 @@ const J = (e, r, o, u, s) => {
   height: ${(e) => e.isOpen === !0 && e.enableOverlay === !0 ? "100dvh" : 0};
   width: ${(e) => e.isOpen === !0 && e.enableOverlay === !0 ? "100vw" : 0};
   background-color: ${(e) => e.overlayColor};
-`, ee = _.forwardRef((e, r) => {
+`, ee = V((e, r) => {
   const {
     direction: o = "right",
     open: u = !1,
@@ -88,7 +88,7 @@ const J = (e, r, o, u, s) => {
     drawerSize: F = "12.5rem",
     children: W,
     ...E
-  } = e, M = G(), i = R(), [f, b] = V(!1);
+  } = e, M = K(), i = q(), [f, b] = A(!1);
   var d = null, h = null;
   function j(n) {
     return n.touches || n.originalEvent.touches;
@@ -103,7 +103,7 @@ const J = (e, r, o, u, s) => {
       Math.abs(w) > Math.abs(v) ? w > 0 ? c == !0 && o == "left" && l() : c == !0 && o == "right" && l() : v > 0 ? c == !0 && o == "top" && l() : c == !0 && o == "bottom" && l(), d = null, h = null;
     }
   }
-  q(r, () => ({
+  B(r, () => ({
     open() {
       U();
     },
@@ -119,7 +119,7 @@ const J = (e, r, o, u, s) => {
   }, l = (n) => {
     b(!1), C(n);
   };
-  return A(() => {
+  return G(() => {
     const n = (a) => {
       i != null && i.current && !(i != null && i.current.contains(a.target)) && x == !0 && l();
     };
@@ -127,14 +127,14 @@ const J = (e, r, o, u, s) => {
       document.removeEventListener("click", n, !0);
     };
   }, []), /* @__PURE__ */ g(Y, { children: /* @__PURE__ */ g(
-    Z,
+    _,
     {
       enableOverlay: O,
       overlayColor: I,
       isOpen: f,
       zIndex: m,
       children: /* @__PURE__ */ g(
-        Q,
+        Z,
         {
           ref: i,
           zIndex: m,

package/dist/TabItem.js

@@ -1,5 +1,5 @@
 import { jsx as j } from "react/jsx-runtime";
-import D, { useState as H } from "react";
+import { forwardRef as D, useState as H } from "react";
 import { P as t } from "./index-BYnWp42a.js";
 import { n as I } from "./emotion-styled.browser.esm-BiK8DcgW.js";
 import { h as S, g as A, a as i, b as o } from "./utils-C52T57HO.js";
@@ -17,21 +17,21 @@ const K = (e) => e == "small" ? "3.125rem" : e == "medium" ? "3.375rem" : "3.625
   height: ${(e) => K(e.size)};
   ${(e) => A(
   e.theme,
-  r(e.type),
+  a(e.type),
   e.size,
   "enabled"
 )};
   ${(e) => !e.disabled && "cursor: pointer"};
   color: ${(e) => !e.disabled && i(
   e.theme,
-  r(e.type),
+  a(e.type),
   e.color,
   e.active ? "active" : "enabled",
   "text"
 )};
   background-color: ${(e) => e.type == "regular" || e.type == "pill" && (e.disabled == !0 || e.active == !1) ? "transparent" : !e.disabled && i(
   e.theme,
-  r(e.type),
+  a(e.type),
   e.color,
   e.active ? "active" : "enabled",
   "background",
@@ -39,7 +39,7 @@ const K = (e) => e == "small" ? "3.125rem" : e == "medium" ? "3.375rem" : "3.625
 )};
   ${(e) => e.type == "underline" && e.last == !1 && "border-right: 1px solid " + i(
   e.theme,
-  r(e.type),
+  a(e.type),
   e.color,
   "enabled",
   "line"
@@ -52,18 +52,18 @@ const K = (e) => e == "small" ? "3.125rem" : e == "medium" ? "3.375rem" : "3.625
   e.color,
   "enabled"
 )};
-  ${(e) => _(e.theme, e.type, e.first, e.last)};
+  ${(e) => E(e.theme, e.type, e.first, e.last)};
   &:hover {
     color: ${(e) => !e.disabled && i(
   e.theme,
-  r(e.type),
+  a(e.type),
   e.color,
   "hover",
   "text"
 )};
     background-color: ${(e) => e.type == "regular" ? "transparent" : !e.disabled && i(
   e.theme,
-  r(e.type),
+  a(e.type),
   e.color,
   "hover",
   "background",
@@ -81,36 +81,36 @@ const K = (e) => e == "small" ? "3.125rem" : e == "medium" ? "3.375rem" : "3.625
   &:active {
     background: ${(e) => i(
   e.theme,
-  r(e.type),
+  a(e.type),
   e.color,
   "active",
   "background",
   "backgroundOpacity"
 )};
   }
-`, r = (e) => e == "underline" ? "TabUnderline" : e == "pill" ? "TabPill" : "TabRegular", _ = (e, a, n, l) => {
-  if (a == "pill")
+`, a = (e) => e == "underline" ? "TabUnderline" : e == "pill" ? "TabPill" : "TabRegular", E = (e, r, n, l) => {
+  if (r == "pill")
     return `border-radius: ${o(e, "regular")}`;
-  if (a == "underline" && n)
+  if (r == "underline" && n)
     return `border-radius: ${o(
       e,
       "regular"
     )} 0  0 ${o(e, "regular")}`;
-  if (a == "underline" && l)
+  if (r == "underline" && l)
     return `border-radius: 0 ${o(
       e,
       "regular"
     )} ${o(e, "regular")} 0`;
-}, y = (e, a, n, l, c, u) => {
-  if (a != "pill")
-    return `border-bottom: ${!l && (n || u == "hover") ? e.components[a === "regular" ? "TabRegular" : "TabUnderline"].default.enabled.lineHeight + "" : e.components[a === "regular" ? "TabRegular" : "TabUnderline"].default.hover.lineHeight + ""} solid ${i(
+}, y = (e, r, n, l, c, u) => {
+  if (r != "pill")
+    return `border-bottom: ${!l && (n || u == "hover") ? e.components[r === "regular" ? "TabRegular" : "TabUnderline"].default.enabled.lineHeight + "" : e.components[r === "regular" ? "TabRegular" : "TabUnderline"].default.hover.lineHeight + ""} solid ${i(
       e,
-      r(a),
+      a(r),
       c,
       n && !l ? "active" : l ? "enabled" : u,
       "line"
     )}`;
-}, E = D.forwardRef((e, a) => {
+}, L = D((e, r) => {
   const {
     type: n = "underline",
     disabled: l,
@@ -134,16 +134,16 @@ const K = (e) => e == "small" ? "3.125rem" : e == "medium" ? "3.375rem" : "3.625
     //----------------
     size: x = "small",
     color: C = "primary",
-    className: R = "",
-    style: w = {},
+    className: w = "",
+    style: R = {},
     children: O,
     ...B
   } = e, U = F(), [z, g] = H(d), N = {
     theme: U,
     color: C,
     size: x,
-    style: w,
-    className: "lnc-ui-tabitem " + R
+    style: R,
+    className: "lnc-ui-tabitem " + w
   }, P = (W) => {
     f && !l && f(b), m && !l && m(W);
   };
@@ -154,7 +154,7 @@ const K = (e) => e == "small" ? "3.125rem" : e == "medium" ? "3.375rem" : "3.625
   }, [s]), /* @__PURE__ */ j(
     V,
     {
-      ref: a,
+      ref: r,
       onFocus: $,
       onBlur: k,
       onClick: P,
@@ -171,7 +171,7 @@ const K = (e) => e == "small" ? "3.125rem" : e == "medium" ? "3.375rem" : "3.625
     }
   );
 });
-E.propTypes = {
+L.propTypes = {
   type: t.oneOf(["regular", "pill", "underline"]),
   /**
    * Is it first Tab Item in Tab Wrapper
@@ -206,5 +206,5 @@ E.propTypes = {
   size: t.oneOf(["small", "medium", "large"])
 };
 export {
-  E as default
+  L as default
 };

package/dist/Tabs.js

@@ -1,55 +1,61 @@
 import { jsx as T } from "react/jsx-runtime";
-import r, { useState as j } from "react";
+import { forwardRef as j, useState as v, Children as c, cloneElement as P } from "react";
 import { P as e } from "./index-BYnWp42a.js";
-import { n as v } from "./emotion-styled.browser.esm-BiK8DcgW.js";
-import { u as C } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
-const P = v.div`
+import { n as W } from "./emotion-styled.browser.esm-BiK8DcgW.js";
+import { u as k } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
+const w = W.div`
   background: transparent;
   display: flex;
   justify-content: ${(t) => t.fullWidth ? "space-evenly" : "none"};
   gap: ${(t) => t.type == "pill" ? "10px" : "0"};
   box-sizing: border-box;
-`, W = r.forwardRef((t, m) => {
+`, z = j((t, m) => {
   const {
-    type: a = "regular",
-    fullWidth: s = !1,
+    type: o = "regular",
+    fullWidth: r = !1,
     //----------------
     className: p = "",
     style: d = {},
     color: n = "primary",
-    size: i = "small",
-    children: c,
+    size: a = "small",
+    children: i,
     ...f
-  } = t, u = C(), [y, h] = j(), g = { theme: u, color: n, size: i, style: d, className: "lnc-ui-tabs " + p }, b = (l) => {
-    h(l);
-  }, x = r.Children.map(
-    c,
-    (l, o) => r.cloneElement(l, {
-      type: a,
-      first: o == 0,
-      last: o == r.Children.toArray(c).length - 1,
-      fullWidth: s,
-      index: o,
+  } = t, u = k(), [y, h] = v(), g = {
+    theme: u,
+    color: n,
+    size: a,
+    style: d,
+    className: "lnc-ui-tabs " + p
+  }, b = (s) => {
+    h(s);
+  }, x = c.map(
+    i,
+    (s, l) => P(s, {
+      type: o,
+      first: l == 0,
+      last: l == c.toArray(i).length - 1,
+      fullWidth: r,
+      index: l,
       itemClick: b,
       activeIndex: y,
       color: n,
-      size: i,
-      fullWidth: s
+      size: a,
+      fullWidth: r
     })
   );
   return /* @__PURE__ */ T(
-    P,
+    w,
     {
       ref: m,
-      type: a,
-      fullWidth: s,
+      type: o,
+      fullWidth: r,
       ...g,
       ...f,
       children: x
     }
   );
 });
-W.propTypes = {
+z.propTypes = {
   type: e.oneOf(["regular", "pill", "underline"]),
   fullWidth: e.bool,
   //---------------------------------------------------------------
@@ -68,5 +74,5 @@ W.propTypes = {
   size: e.oneOf(["small", "medium", "large"])
 };
 export {
-  W as default
+  z as default
 };

package/dist/TextAreaInput.js

@@ -1,7 +1,7 @@
 import { jsx as W } from "react/jsx-runtime";
 import { P as o } from "./index-BYnWp42a.js";
 import * as v from "react";
-import Y, { useRef as D, useCallback as _, useState as H, useEffect as $ } from "react";
+import { useRef as Y, useCallback as A, forwardRef as D, useState as H, useEffect as $ } from "react";
 import { d as X } from "./index-CNBqQrtK.js";
 import { n as Z } from "./emotion-styled.browser.esm-BiK8DcgW.js";
 import { g as q, d as J, a as z, b as K, e as Q, h as ee } from "./utils-C52T57HO.js";
@@ -77,8 +77,8 @@ var ie = function(t) {
   }
   t.current = r;
 }, de = function(t, r) {
-  var n = D();
-  return _(function(a) {
+  var n = Y();
+  return A(function(a) {
     t.current = a, n.current && B(n.current, null), n.current = r, r && B(r, a);
   }, [r]);
 }, O = {
@@ -102,7 +102,7 @@ var ie = function(t) {
 };
 function se(e, t, r, n) {
   r === void 0 && (r = 1), n === void 0 && (n = 1 / 0), d || (d = document.createElement("textarea"), d.setAttribute("tabindex", "-1"), d.setAttribute("aria-hidden", "true"), k(d)), d.parentNode === null && document.body.appendChild(d);
-  var a = e.paddingSize, h = e.borderSize, s = e.sizingStyle, S = s.boxSizing;
+  var a = e.paddingSize, f = e.borderSize, s = e.sizingStyle, S = s.boxSizing;
   Object.keys(s).forEach(function(g) {
     var m = g;
     d.style[m] = s[m];
@@ -110,9 +110,9 @@ function se(e, t, r, n) {
   var i = M(d, e);
   d.value = t, i = M(d, e), d.value = "x";
   var u = d.scrollHeight - a, l = u * r;
-  S === "border-box" && (l = l + a + h), i = Math.max(l, i);
+  S === "border-box" && (l = l + a + f), i = Math.max(l, i);
   var c = u * n;
-  return S === "border-box" && (c = c + a + h), i = Math.min(c, i), [i, u];
+  return S === "border-box" && (c = c + a + f), i = Math.min(c, i), [i, u];
 }
 var V = function() {
 }, le = function(t, r) {
@@ -145,22 +145,22 @@ var V = function() {
   "wordBreak",
   "wordSpacing",
   "scrollbarGutter"
-], fe = !!document.documentElement.currentStyle, he = function(t) {
+], he = !!document.documentElement.currentStyle, fe = function(t) {
   var r = window.getComputedStyle(t);
   if (r === null)
     return null;
   var n = le(ce, r), a = n.boxSizing;
   if (a === "")
     return null;
-  fe && a === "border-box" && (n.width = parseFloat(n.width) + parseFloat(n.borderRightWidth) + parseFloat(n.borderLeftWidth) + parseFloat(n.paddingRight) + parseFloat(n.paddingLeft) + "px");
-  var h = parseFloat(n.paddingBottom) + parseFloat(n.paddingTop), s = parseFloat(n.borderBottomWidth) + parseFloat(n.borderTopWidth);
+  he && a === "border-box" && (n.width = parseFloat(n.width) + parseFloat(n.borderRightWidth) + parseFloat(n.borderLeftWidth) + parseFloat(n.paddingRight) + parseFloat(n.paddingLeft) + "px");
+  var f = parseFloat(n.paddingBottom) + parseFloat(n.paddingTop), s = parseFloat(n.borderBottomWidth) + parseFloat(n.borderTopWidth);
   return {
     sizingStyle: n,
-    paddingSize: h,
+    paddingSize: f,
     borderSize: s
   };
-}, ge = he;
-function A(e, t, r) {
+}, ge = fe;
+function N(e, t, r) {
   var n = ie(r);
   v.useLayoutEffect(function() {
     var a = function(s) {
@@ -173,15 +173,15 @@ function A(e, t, r) {
   }, []);
 }
 var me = function(t) {
-  A(window, "resize", t);
+  N(window, "resize", t);
 }, be = function(t) {
-  A(document.fonts, "loadingdone", t);
+  N(document.fonts, "loadingdone", t);
 }, pe = ["cacheMeasurements", "maxRows", "minRows", "onChange", "onHeightChange"], ve = function(t, r) {
-  var n = t.cacheMeasurements, a = t.maxRows, h = t.minRows, s = t.onChange, S = s === void 0 ? V : s, i = t.onHeightChange, u = i === void 0 ? V : i, l = ne(t, pe), c = l.value !== void 0, g = v.useRef(null), m = de(g, r), C = v.useRef(0), R = v.useRef(), x = function() {
+  var n = t.cacheMeasurements, a = t.maxRows, f = t.minRows, s = t.onChange, S = s === void 0 ? V : s, i = t.onHeightChange, u = i === void 0 ? V : i, l = ne(t, pe), c = l.value !== void 0, g = v.useRef(null), m = de(g, r), C = v.useRef(0), R = v.useRef(), x = function() {
     var b = g.current, y = n && R.current ? R.current : ge(b);
     if (y) {
       R.current = y;
-      var T = se(y, b.value || b.placeholder || "x", h, a), p = T[0], L = T[1];
+      var T = se(y, b.value || b.placeholder || "x", f, a), p = T[0], L = T[1];
       C.current !== p && (C.current = p, b.style.setProperty("height", p + "px", "important"), u(p, {
         rowHeight: L
       }));
@@ -194,12 +194,12 @@ var me = function(t) {
     ref: m
   }));
 }, xe = /* @__PURE__ */ v.forwardRef(ve);
-const ye = Y.forwardRef((e, t) => {
+const ye = D((e, t) => {
   const {
     disabled: r,
     readOnly: n,
     value: a,
-    defaultValue: h,
+    defaultValue: f,
     debounceTime: s = 180,
     type: S = "textarea",
     collapseOnBlur: i = !1,
@@ -215,7 +215,7 @@ const ye = Y.forwardRef((e, t) => {
     size: x = "small",
     color: I = "primary",
     ...E
-  } = e, [b, y] = H(a || h || ""), T = re(), [p, L] = H(!1), [N, j] = H(u), [P, w] = H(
+  } = e, [b, y] = H(a || f || ""), T = re(), [p, L] = H(!1), [_, j] = H(u), [P, w] = H(
     i ? u : l
   );
   $(() => {
@@ -225,11 +225,11 @@ const ye = Y.forwardRef((e, t) => {
   }, [u, l]), $(() => {
     w(i ? p === !0 ? l : u : l);
   }, [i]);
-  const U = _(
-    X((f, F) => G(f, F), s),
+  const U = A(
+    X((h, F) => G(h, F), s),
     [c]
-  ), G = (f, F) => {
-    c && (c == null || c(f, F));
+  ), G = (h, F) => {
+    c && (c == null || c(h, F));
   };
   return /* @__PURE__ */ W(
     oe,
@@ -250,16 +250,16 @@ const ye = Y.forwardRef((e, t) => {
           disabled: r,
           value: b,
           readOnly: n,
-          minRows: N,
+          minRows: _,
           maxRows: P,
-          onChange: (f) => {
-            y(f.target.value), U(f, f.target.value);
+          onChange: (h) => {
+            y(h.target.value), U(h, h.target.value);
           },
-          onFocus: (f) => {
-            L(!0), i && w(l), m == null || m(f);
+          onFocus: (h) => {
+            L(!0), i && w(l), m == null || m(h);
           },
-          onBlur: (f) => {
-            L(!1), i && w(u), g == null || g(f);
+          onBlur: (h) => {
+            L(!1), i && w(u), g == null || g(h);
           },
           ...E
         }

package/dist/TextInput.js

@@ -1,11 +1,11 @@
 import { jsxs as W, jsx as b } from "react/jsx-runtime";
 import { P as t } from "./index-BYnWp42a.js";
-import U, { useState as C, useEffect as _, useCallback as D } from "react";
-import { d as E } from "./index-CNBqQrtK.js";
+import { forwardRef as U, useState as C, useEffect as D, useCallback as E } from "react";
+import { d as q } from "./index-CNBqQrtK.js";
 import { n as u } from "./emotion-styled.browser.esm-BiK8DcgW.js";
-import { d as s, a, b as q, e as A, h as O, g as G } from "./utils-C52T57HO.js";
-import { u as H } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
-const J = u.div`
+import { d as s, a, b as A, e as G, h as O, g as H } from "./utils-C52T57HO.js";
+import { u as J } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
+const K = u.div`
   display: flex;
   align-items: center;
 
@@ -26,9 +26,9 @@ const J = u.div`
   e.disabled === !0 ? "disabled" : "enabled",
   "border"
 )};
-  border-radius: ${(e) => q(e.theme, "regular")};
+  border-radius: ${(e) => A(e.theme, "regular")};
 
-  ${(e) => e.focused && e.readOnly !== !0 ? A(e.theme) : ""}
+  ${(e) => e.focused && e.readOnly !== !0 ? G(e.theme) : ""}
   ${(e) => e.disabled === !0 ? O(e.theme) : ""}
 `, S = u.span`
   padding: 0 12px;
@@ -39,7 +39,7 @@ const J = u.div`
   "enabled",
   "prefix"
 )};
-`, K = u(S)``, L = u.input`
+`, L = u(S)``, M = u.input`
   background: none;
   border: none;
   outline: none;
@@ -47,7 +47,7 @@ const J = u.div`
   padding-bottom: 0.625rem;
   width: 100%;
 
-  ${(e) => G(e.theme, "Input", e.size, "enabled")}
+  ${(e) => H(e.theme, "Input", e.size, "enabled")}
   min-height: ${(e) => s(e.theme, e.size)};
   max-height: ${(e) => s(e.theme, e.size)};
   color: ${(e) => a(
@@ -79,7 +79,7 @@ const J = u.div`
     ${(e) => O(e.theme)}
     background: none;
   }
-`, M = U.forwardRef((e, T) => {
+`, Q = U((e, T) => {
   const {
     disabled: y,
     readOnly: x,
@@ -101,18 +101,18 @@ const J = u.div`
     size: p = "small",
     color: o = "primary",
     ...N
-  } = e, d = H(), [R, $] = C(l || V || ""), [i, I] = C(!1);
-  _(() => {
+  } = e, d = J(), [j, $] = C(l || V || ""), [i, I] = C(!1);
+  D(() => {
     l != null && $(l);
   }, [l]);
-  const j = D(
-    E((n, g) => P(n, g), z),
+  const P = E(
+    q((n, g) => R(n, g), z),
     [r]
-  ), P = (n, g) => {
+  ), R = (n, g) => {
     r && (r == null || r(n, g));
   };
   return /* @__PURE__ */ W(
-    J,
+    K,
     {
       style: F,
       className: B,
@@ -134,7 +134,7 @@ const J = u.div`
           }
         ),
         /* @__PURE__ */ b(
-          L,
+          M,
           {
             ref: T,
             type: v,
@@ -154,15 +154,15 @@ const J = u.div`
               I(!1), f == null || f(n);
             },
             onChange: (n) => {
-              $(n.target.value), j(n, n.target.value);
+              $(n.target.value), P(n, n.target.value);
             },
             tabIndex: w,
-            value: R,
+            value: j,
             ...N
           }
         ),
         m && /* @__PURE__ */ b(
-          K,
+          L,
           {
             theme: d,
             color: o,
@@ -175,7 +175,7 @@ const J = u.div`
     }
   );
 });
-M.propTypes = {
+Q.propTypes = {
   id: t.string,
   defaultValue: t.string,
   value: t.string,
@@ -223,5 +223,5 @@ M.propTypes = {
   ])
 };
 export {
-  M as default
+  Q as default
 };