@lanaco/lnc-react-ui 4.0.2 → 4.0.5

package/dist/ProgressBar.js

@@ -1,10 +1,10 @@
-import { jsxs as l, jsx as b } from "react/jsx-runtime";
-import p from "react";
-import { P as r } from "./index-Ds9PUTwb.js";
-import { n as s } from "./emotion-styled.browser.esm-BZSYYThs.js";
-import { b as a, a as u } from "./utils-DEke8iwo.js";
-import { u as f } from "./emotion-element-5486c51c.browser.esm-CSejtOeT.js";
-const h = s.div`
+import { jsxs as l, jsx as p } from "react/jsx-runtime";
+import { forwardRef as b } from "react";
+import { P as r } from "./index-BYnWp42a.js";
+import { n as s } from "./emotion-styled.browser.esm-BiK8DcgW.js";
+import { a, g as h } from "./utils-C52T57HO.js";
+import { u } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
+const f = s.div`
   width: 100%;
   position: relative;
   background-color: ${(e) => a(
@@ -31,13 +31,13 @@ const h = s.div`
   border-radius: ${(e) => e.progressPercentage == 100 ? "5px" : "5px 0px 0px 5px"};
   transition: width 1s cubic-bezier(0.4, 0, 0.2, 1);
 `, y = s.label`
-  ${(e) => u(e.theme, "Progress", e.size, "enabled")};
+  ${(e) => h(e.theme, "Progress", e.size, "enabled")};
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   color: ${(e) => a(e.theme, "Progress", e.color, "enabled", "text")};
-`, x = p.forwardRef((e, w) => {
+`, x = b((e, w) => {
   const {
     id: $ = "",
     showLabel: t = !1,
@@ -49,21 +49,32 @@ const h = s.div`
     size: i = "small",
     color: m = "primary",
     ...d
-  } = e, o = f();
-  return /* @__PURE__ */ l(h, { style: g, className: "lnc-ui-progress " + c, theme: o, size: i, showLabel: t, ...d, children: [
-    /* @__PURE__ */ b(
-      P,
-      {
-        progressPercentage: n,
-        theme: o,
-        color: m
-      }
-    ),
-    t && /* @__PURE__ */ l(y, { theme: o, size: i, children: [
-      n,
-      "%"
-    ] })
-  ] });
+  } = e, o = u();
+  return /* @__PURE__ */ l(
+    f,
+    {
+      style: g,
+      className: "lnc-ui-progress " + c,
+      theme: o,
+      size: i,
+      showLabel: t,
+      ...d,
+      children: [
+        /* @__PURE__ */ p(
+          P,
+          {
+            progressPercentage: n,
+            theme: o,
+            color: m
+          }
+        ),
+        t && /* @__PURE__ */ l(y, { theme: o, size: i, children: [
+          n,
+          "%"
+        ] })
+      ]
+    }
+  );
 });
 x.propTypes = {
   id: r.string,

package/dist/RadioGroup.cjs

@@ -1,4 +1,4 @@
-"use strict";const p=require("react/jsx-runtime"),n=require("react"),I=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),e=require("./index-DXnSjbfJ.cjs"),O=require("./RadioInput.cjs"),R=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),_=I.newStyled.div`
+"use strict";const p=require("react/jsx-runtime"),n=require("react"),I=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),e=require("./index-BIlhCoy2.cjs"),O=require("./RadioInput.cjs"),R=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),_=I.newStyled.div`
   display: inline-flex;
   flex-direction: ${s=>s.inline===!0?"row":"column"};
   gap: 1.5rem;

package/dist/RadioGroup.js

@@ -1,25 +1,25 @@
 import { jsx as l } from "react/jsx-runtime";
-import P, { useState as R, useEffect as j } from "react";
-import { n as z } from "./emotion-styled.browser.esm-BZSYYThs.js";
-import { P as e } from "./index-Ds9PUTwb.js";
+import { forwardRef as P, useState as j, useEffect as z } from "react";
+import { n as R } from "./emotion-styled.browser.esm-BiK8DcgW.js";
+import { P as e } from "./index-BYnWp42a.js";
 import T from "./RadioInput.js";
-import { u as k } from "./emotion-element-5486c51c.browser.esm-CSejtOeT.js";
-const N = z.div`
+import { u as k } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
+const N = R.div`
   display: inline-flex;
   flex-direction: ${(r) => r.inline === !0 ? "row" : "column"};
   gap: 1.5rem;
   width: fit-content;
   box-sizing: border-box;
-`, S = P.forwardRef((r, s) => {
+`, S = P((r, s) => {
   const {
     id: t = "",
-    name: d,
+    name: m,
     value: o = null,
-    disabled: m = !1,
+    disabled: d = !1,
     readOnly: p = !1,
     items: u = [],
     mapId: V = "id",
-    mapValue: _ = "value",
+    mapValue: E = "value",
     radioProps: c,
     inline: f = !0,
     //----------------
@@ -33,15 +33,15 @@ const N = z.div`
     ...v
   } = r;
   var x = k();
-  const [C, w] = R(null);
-  j(() => {
+  const [C, w] = j(null);
+  z(() => {
     o !== C && w(o);
   }, [o]);
   var I = {
     color: h,
     theme: x,
     size: b,
-    disabled: m,
+    disabled: d,
     readOnly: p
   };
   const O = (a, i) => {
@@ -64,7 +64,7 @@ const N = z.div`
           value: a.value,
           ...c,
           onChange: O,
-          name: d
+          name: m
         },
         i
       ))

package/dist/RadioInput.cjs

@@ -1,4 +1,4 @@
-"use strict";const i=require("react/jsx-runtime"),h=require("react"),m=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),r=require("./index-DXnSjbfJ.cjs"),o=require("./utils-hdRGTsQ7.cjs"),O=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),j=e=>e=="left"?"row-reverse":"row",q=m.newStyled.label`
+"use strict";const i=require("react/jsx-runtime"),h=require("react"),m=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),r=require("./index-BIlhCoy2.cjs"),o=require("./utils-DTAPpJXU.cjs"),O=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),j=e=>e=="left"?"row-reverse":"row",q=m.newStyled.label`
   min-height: ${e=>o.getSizeValueWithUnits(e.theme,e.size)};
   max-height: ${e=>o.getSizeValueWithUnits(e.theme,e.size)};
   width: 100%;

package/dist/RadioInput.js

@@ -1,9 +1,9 @@
 import { jsxs as b, jsx as n } from "react/jsx-runtime";
-import P, { useState as j } from "react";
-import { n as g } from "./emotion-styled.browser.esm-BZSYYThs.js";
-import { P as i } from "./index-Ds9PUTwb.js";
-import { f, a as N, h as T, b as t } from "./utils-DEke8iwo.js";
-import { u as F } from "./emotion-element-5486c51c.browser.esm-CSejtOeT.js";
+import { forwardRef as P, useState as j } from "react";
+import { n as g } from "./emotion-styled.browser.esm-BiK8DcgW.js";
+import { P as i } from "./index-BYnWp42a.js";
+import { d as f, g as N, e as T, a as t } from "./utils-C52T57HO.js";
+import { u as F } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
 const I = (e) => e == "left" ? "row-reverse" : "row", D = g.label`
   min-height: ${(e) => f(e.theme, e.size)};
   max-height: ${(e) => f(e.theme, e.size)};
@@ -208,11 +208,11 @@ const I = (e) => e == "left" ? "row-reverse" : "row", D = g.label`
   overflow: hidden;
   text-overflow: ellipsis;
   color: ${(e) => t(e.theme, "Radio", e.color, "enabled", "text")};
-`, K = P.forwardRef((e, y) => {
+`, K = P((e, y) => {
   const {
     wrapperRef: w,
-    className: R = "",
-    style: k = {},
+    className: k = "",
+    style: R = {},
     color: $ = "primary",
     innerColor: v = "white",
     size: x = "small",
@@ -241,8 +241,8 @@ const I = (e) => e == "left" ? "row-reverse" : "row", D = g.label`
     {
       ...u,
       ref: w,
-      className: R,
-      style: k,
+      className: k,
+      style: R,
       tabIndex: -1,
       readOnly: s,
       focused: B,

package/dist/RangeSlider.cjs

@@ -1,4 +1,4 @@
-"use strict";const t=require("react/jsx-runtime"),y=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),n=require("./index-DXnSjbfJ.cjs"),o=require("react"),a=require("./utils-hdRGTsQ7.cjs"),_=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),F=require("./useUpdateEffect-BtMgpgIV.cjs"),L=({theme:e,size:i})=>{var c=a.getSizeValueWithUnits(e,i);return`
+"use strict";const t=require("react/jsx-runtime"),y=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),n=require("./index-BIlhCoy2.cjs"),o=require("react"),a=require("./utils-DTAPpJXU.cjs"),_=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),F=require("./useUpdateEffect-BtMgpgIV.cjs"),L=({theme:e,size:i})=>{var c=a.getSizeValueWithUnits(e,i);return`
     min-height: ${c};
     max-height: ${c};
   `},b={small:"0.875rem",medium:"1.125rem",large:"1.375rem"},W=y.newStyled.div`

package/dist/RangeSlider.js

@@ -1,12 +1,12 @@
 import { jsxs as O, jsx as t, Fragment as W } from "react/jsx-runtime";
-import { n as x } from "./emotion-styled.browser.esm-BZSYYThs.js";
-import { P as n } from "./index-Ds9PUTwb.js";
-import _, { useRef as X, useState as v, useCallback as q, useEffect as M } from "react";
-import { c as A, b as o, a as D, f as G } from "./utils-DEke8iwo.js";
-import { u as H } from "./emotion-element-5486c51c.browser.esm-CSejtOeT.js";
-import { u as J } from "./useUpdateEffect-CuYWz7EA.js";
-const K = ({ theme: e, size: i }) => {
-  var u = G(e, i);
+import { n as x } from "./emotion-styled.browser.esm-BiK8DcgW.js";
+import { P as n } from "./index-BYnWp42a.js";
+import { forwardRef as X, useRef as q, useState as v, useCallback as A, useEffect as M } from "react";
+import { b as D, a as o, g as G, d as H } from "./utils-C52T57HO.js";
+import { u as J } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
+import { u as K } from "./useUpdateEffect-CuYWz7EA.js";
+const Q = ({ theme: e, size: i }) => {
+  var u = H(e, i);
   return `
     min-height: ${u};
     max-height: ${u};
@@ -15,9 +15,9 @@ const K = ({ theme: e, size: i }) => {
   small: "0.875rem",
   medium: "1.125rem",
   large: "1.375rem"
-}, Q = x.div`
+}, Y = x.div`
   position: relative;
-  ${(e) => K(e)};
+  ${(e) => Q(e)};
   display: inline-flex;
   align-items: center;
 `, T = x.input`
@@ -31,7 +31,7 @@ const K = ({ theme: e, size: i }) => {
   background: ${(e) => e.rangeBackground};
   transition: background 450ms ease-in;
   -webkit-appearance: none;
-  border-radius: ${(e) => A(e.theme, "regular")};
+  border-radius: ${(e) => D(e.theme, "regular")};
   &::-webkit-slider-thumb {
     -webkit-appearance: none; /* Override default look */
     appearance: none;
@@ -62,12 +62,12 @@ const K = ({ theme: e, size: i }) => {
     cursor: pointer; /* Cursor on hover */
     border: none;
   }
-`, Y = x.div`
+`, Z = x.div`
   display: flex;
   flex-direction: column;
   align-items: center;
   position: absolute;
-  ${(e) => D(e.theme, "Range", e.size, "enabled")};
+  ${(e) => G(e.theme, "Range", e.size, "enabled")};
   left: ${(e) => `calc(${e.inputValue + "%"} + (${8 - e.inputValue * 0.15}px))`};
   top: ${(e) => "calc(-" + g[e.size] + ")"};
   transform: translateX(-50%);
@@ -107,7 +107,7 @@ const K = ({ theme: e, size: i }) => {
       }
     }
   }
-`, Z = _.forwardRef((e, i) => {
+`, _ = X((e, i) => {
   const {
     defaultValue: u,
     value: d = null,
@@ -123,8 +123,8 @@ const K = ({ theme: e, size: i }) => {
     size: B = "small",
     className: E = "",
     style: j = {},
-    ...R
-  } = e, y = X(), m = H(), b = { theme: m, size: B, color: s, className: E, style: j }, C = o(
+    ...y
+  } = e, C = q(), m = J(), b = { theme: m, size: B, color: s, className: E, style: j }, R = o(
     m,
     "Range",
     s,
@@ -138,11 +138,11 @@ const K = ({ theme: e, size: i }) => {
       l ? "disabled" : "enabled",
       "background"
     )
-  ), [z, U] = v(), [L, p] = v(), f = q(
+  ), [z, U] = v(), [L, p] = v(), f = A(
     (a) => Math.round((a - c) / (h - c) * 100),
     [c, h]
   ), [r, I] = v(d || u);
-  J(() => {
+  K(() => {
     I(d);
   }, [d]), M(() => {
     P(r || 0);
@@ -163,20 +163,20 @@ const K = ({ theme: e, size: i }) => {
     U(
       `linear-gradient(to right, ${S} 0%, ${S} ${f(
         a
-      )}%, ${C} ${f(a)}%, ${C} 100%)`
+      )}%, ${R} ${f(a)}%, ${R} 100%)`
     );
   }, N = (a) => {
     I(a.target.value), k && k(a);
   };
-  return /* @__PURE__ */ O(Q, { ...b, children: [
-    L && r && /* @__PURE__ */ t(W, { children: /* @__PURE__ */ O(Y, { ...b, inputValue: f(r), children: [
+  return /* @__PURE__ */ O(Y, { ...b, children: [
+    L && r && /* @__PURE__ */ t(W, { children: /* @__PURE__ */ O(Z, { ...b, inputValue: f(r), children: [
       /* @__PURE__ */ t("div", { className: "text-content", children: r }),
       /* @__PURE__ */ t("div", { className: "arrow", children: /* @__PURE__ */ t("div", { className: "outer", children: /* @__PURE__ */ t("div", { className: "inner" }) }) })
     ] }) }),
     d == null || d == "undefined" ? /* @__PURE__ */ t(
       T,
       {
-        ref: i || y,
+        ref: i || C,
         id: "fader",
         type: "range",
         min: c,
@@ -194,12 +194,12 @@ const K = ({ theme: e, size: i }) => {
         onInput: V,
         onChange: N,
         ...b,
-        ...R
+        ...y
       }
     ) : /* @__PURE__ */ t(
       T,
       {
-        ref: i || y,
+        ref: i || C,
         id: "fader",
         type: "range",
         min: c,
@@ -217,12 +217,12 @@ const K = ({ theme: e, size: i }) => {
         onInput: V,
         onChange: N,
         ...b,
-        ...R
+        ...y
       }
     )
   ] });
 });
-Z.propTypes = {
+_.propTypes = {
   value: n.number,
   defaultValue: n.number,
   min: n.number,
@@ -249,5 +249,5 @@ Z.propTypes = {
   ])
 };
 export {
-  Z as default
+  _ as default
 };

package/dist/SearchBar.cjs

@@ -1,4 +1,4 @@
-"use strict";const h=require("react/jsx-runtime"),d=require("react"),x=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),p=require("./index-DXnSjbfJ.cjs"),oe=require("./Chip.cjs"),se=require("./emotion-react.browser.esm-DQBL7Wls.cjs"),ae=require("./ThemeProvider.cjs"),_=require("./objectWithoutPropertiesLoose-Bz3hwpmU.cjs"),j=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),B=require("./setPrototypeOf-4aSEnBDm.cjs"),D=require("./index-C29T0m2a.cjs"),le=se.keyframes`
+"use strict";const h=require("react/jsx-runtime"),d=require("react"),x=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),p=require("./index-BIlhCoy2.cjs"),oe=require("./Chip.cjs"),se=require("./emotion-react.browser.esm-D7h2t2Bz.cjs"),ae=require("./ThemeProvider.cjs"),_=require("./objectWithoutPropertiesLoose-Bz3hwpmU.cjs"),j=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),B=require("./setPrototypeOf-4aSEnBDm.cjs"),D=require("./index-Ct1N7fF4.cjs"),le=se.keyframes`
   from {
     opacity: 0;
   }