@lanaco/lnc-react-ui 4.0.2 → 4.0.5

package/dist/{tslib.es6-ZNVz5r_T.js → tslib.es6-DQ-SzcmG.js}

@@ -81,10 +81,10 @@ function v(e, n, r) {
   return e.concat(a || Array.prototype.slice.call(n));
 }
 export {
-  d as _,
-  s as a,
-  h as b,
-  v as c,
-  O as d,
+  O as _,
+  v as a,
+  d as b,
+  s as c,
+  h as d,
   _ as e
 };

package/dist/usePopover.cjs

@@ -0,0 +1 @@
+"use strict";const c=require("react"),e=require("./floating-ui.react.esm-C4vrBVJU.cjs"),t=require("./floating-ui.dom-1F2mTXOe.cjs");function k({initialOpen:p=!1,placement:f,offsetValue:g,modal:a=!0,open:l,onOpenChange:m}){const[I,b]=c.useState(p),[r,h]=c.useState(void 0),[u,x]=c.useState(void 0),n=l??I,s=m??b,o=e.useFloating({placement:f,open:n,onOpenChange:s,whileElementsMounted:t.autoUpdate,middleware:[t.offset(g),t.flip({fallbackAxisSideDirection:"end"}),t.shift({padding:5})]}),i=o.context,O=e.useClick(i,{enabled:l==null}),S=e.useDismiss(i),U=e.useRole(i),d=e.useInteractions([O,S,U]);return React.useMemo(()=>({open:n,setOpen:s,...d,...o,modal:a,labelId:r,descriptionId:u,setLabelId:h,setDescriptionId:x}),[n,s,d,o,a,r,u])}module.exports=k;

package/dist/usePopover.js

@@ -0,0 +1,44 @@
+import { useState as o } from "react";
+import { c as k, d as v, e as C, f as D, g as w } from "./floating-ui.react.esm-72DKnou_.js";
+import { a as M, o as R, f as S, s as U } from "./floating-ui.dom-BdUovkEr.js";
+function L({
+  initialOpen: r = !1,
+  placement: p,
+  offsetValue: u,
+  modal: a = !0,
+  open: i,
+  onOpenChange: f
+}) {
+  const [m, g] = o(r), [c, I] = o(void 0), [d, b] = o(void 0), e = i ?? m, s = f ?? g, t = k({
+    placement: p,
+    open: e,
+    onOpenChange: s,
+    whileElementsMounted: M,
+    middleware: [
+      R(u),
+      S({
+        fallbackAxisSideDirection: "end"
+      }),
+      U({ padding: 5 })
+    ]
+  }), n = t.context, h = v(n, {
+    enabled: i == null
+  }), x = C(n), O = D(n), l = w([h, x, O]);
+  return React.useMemo(
+    () => ({
+      open: e,
+      setOpen: s,
+      ...l,
+      ...t,
+      modal: a,
+      labelId: c,
+      descriptionId: d,
+      setLabelId: I,
+      setDescriptionId: b
+    }),
+    [e, s, l, t, a, c, d]
+  );
+}
+export {
+  L as default
+};

package/dist/{utils-DEke8iwo.js → utils-C52T57HO.js}

@@ -1,20 +1,20 @@
-import { jsxs as F, Fragment as W } from "react/jsx-runtime";
-import x, { useState as m, useEffect as D } from "react";
-var R = function() {
-}, B = typeof window < "u", w = function(e, t) {
-  return B ? window.matchMedia(e).matches : (process.env.NODE_ENV !== "production" && console.warn("`useMedia` When server side rendering, defaultState should be defined to prevent a hydration mismatches."), !1);
+import { jsxs as W, Fragment as m } from "react/jsx-runtime";
+import { useState as D, useEffect as B, isValidElement as f, Children as h, cloneElement as w } from "react";
+var I = function() {
+}, A = typeof window < "u", E = function(e, t) {
+  return A ? window.matchMedia(e).matches : (process.env.NODE_ENV !== "production" && console.warn("`useMedia` When server side rendering, defaultState should be defined to prevent a hydration mismatches."), !1);
 }, k = function(e, t) {
-  var a = m(w(e)), o = a[0], n = a[1];
-  return D(function() {
-    var r = !0, d = window.matchMedia(e), c = function() {
-      r && n(!!d.matches);
+  var a = D(E(e)), o = a[0], n = a[1];
+  return B(function() {
+    var r = !0, b = window.matchMedia(e), d = function() {
+      r && n(!!b.matches);
     };
-    return d.addEventListener("change", c), n(d.matches), function() {
-      r = !1, d.removeEventListener("change", c);
+    return b.addEventListener("change", d), n(b.matches), function() {
+      r = !1, b.removeEventListener("change", d);
     };
   }, [e]), o;
 };
-const i = {
+const u = {
   name: "Lanaco Light",
   class: "lnc-light",
   colorContext: {
@@ -3421,7 +3421,7 @@ const i = {
     tooltip: 1500,
     popover: 1299
   }
-}, A = {
+}, C = {
   name: "Lanaco Dark",
   class: "lnc-dark",
   colorContext: {
@@ -6810,7 +6810,7 @@ const i = {
     tooltip: 1500,
     popover: 1299
   }
-}, E = {
+}, T = {
   name: "Lanaco E-Commerce",
   class: "lnc-e-comm",
   colorContext: {
@@ -10066,13 +10066,13 @@ const i = {
     tooltip: 1500,
     popover: 1299
   }
-}, H = [i, A, E], I = {
-  SUCCESS: i.palette.green[500],
-  ERROR: i.palette.red[500],
-  WARNING: i.palette.yellow[500],
-  PRIMARY: i.palette.teal[500],
-  SECONDARY: i.palette.blue[500],
-  DISABLED: i.palette.gray[300],
+}, L = [u, C, T], M = {
+  SUCCESS: u.palette.green[500],
+  ERROR: u.palette.red[500],
+  WARNING: u.palette.yellow[500],
+  PRIMARY: u.palette.teal[500],
+  SECONDARY: u.palette.blue[500],
+  DISABLED: u.palette.gray[300],
   NONE: "white"
 }, g = {
   XS: {
@@ -10100,41 +10100,41 @@ const i = {
     index: 4,
     mediaQuery: "(min-width: 1281px)"
   }
-}, L = (e, t) => {
-  var a = C(e, t);
-  return a && x.isValidElement(a) ? { current: a } : { current: null };
-}, C = (e = "", t, a = {}) => {
+}, $ = (e, t) => {
+  var a = S(e, t);
+  return a && f(a) ? { current: a } : { current: null };
+}, S = (e = "", t) => {
   if (t && e) {
-    var o = x.Children.toArray(t).reverse().find(
-      (n) => {
-        var r, d;
-        return ((r = n.props) == null ? void 0 : r.__TYPE__) === e || ((d = n.type) == null ? void 0 : d.displayName) === e;
+    var a = h.toArray(t).reverse().find(
+      (o) => {
+        var n, r;
+        return ((n = o.props) == null ? void 0 : n.__TYPE__) === e || ((r = o.type) == null ? void 0 : r.displayName) === e;
       }
     );
-    if (o) return o;
+    if (a) return a;
   }
   return null;
-}, M = (e, t, a) => {
-  var o = T(e, t, a);
-  return o && x.isValidElement(o) ? { current: o } : { current: null };
-}, T = (e = "", t, a, o = {}) => {
+}, N = (e, t, a) => {
+  var o = z(e, t, a);
+  return o && f(o) ? { current: o } : { current: null };
+}, z = (e = "", t, a) => {
   if (a && e) {
-    var n = x.Children.toArray(a).reverse().find(
-      (r) => {
-        var d, c, b, u;
-        return (((d = r.props) == null ? void 0 : d.__TYPE__) === e || ((c = r.type) == null ? void 0 : c.displayName) === e) && (t ? ((b = r.props) == null ? void 0 : b.id) === t : !((u = r.props) != null && u.id));
+    var o = h.toArray(a).reverse().find(
+      (n) => {
+        var r, b, d, c;
+        return (((r = n.props) == null ? void 0 : r.__TYPE__) === e || ((b = n.type) == null ? void 0 : b.displayName) === e) && (t ? ((d = n.props) == null ? void 0 : d.id) === t : !((c = n.props) != null && c.id));
       }
     );
-    if (n) return n;
+    if (o) return o;
   }
   return null;
 }, _ = () => {
   const e = k(g.XS.mediaQuery), t = k(g.S.mediaQuery), a = k(g.M.mediaQuery), o = k(g.L.mediaQuery), n = k(g.XL.mediaQuery);
   return e ? g.XS.type : t ? g.S.type : a ? g.M.type : o ? g.L.type : n ? g.XL.type : g.M.type;
-}, $ = (e, t, a = null, o = !1) => e.current !== null ? (t.children = a !== null ? o == !0 ? /* @__PURE__ */ F(W, { children: [
+}, Q = (e, t, a = null, o = !1) => e.current !== null ? (t.children = a !== null ? o == !0 ? /* @__PURE__ */ W(m, { children: [
   e.current.props.children,
   a
-] }) : a : e.current.props.children, x.cloneElement(e.current, t)) : null, y = (e, t) => {
+] }) : a : e.current.props.children, w(e.current, t)) : null, p = (e, t) => {
   var a = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(e);
   let o = a ? {
     r: parseInt(a[1], 16),
@@ -10143,54 +10143,54 @@ const i = {
     a: t
   } : null;
   return o ? `rgba(${o.r}, ${o.g}, ${o.b}, ${o.a})` : null;
-}, N = (e, t, a, o, n, r) => {
-  var v, f;
-  const d = e.colorContext[a], c = e.components[t].default, b = (f = (v = e.components[t]) == null ? void 0 : v[d]) == null ? void 0 : f[o], u = b == null ? void 0 : b[n], p = c[o][n], l = b == null ? void 0 : b[r], h = c[o][r], s = u || u == 0 ? e.palette[d][u] : e.palette[c.palette][p], O = l || l == 0 ? e.palette.opacity[l] : e.palette.opacity[h];
-  return y(s, O ?? "100%");
-}, V = (e, t, a, o, n) => {
-  var p, l;
-  const r = e.colorContext[a], d = e.components[t].default, c = (l = (p = e.components[t]) == null ? void 0 : p[r]) == null ? void 0 : l[o], b = c == null ? void 0 : c[n], u = d[o][n];
-  return b || b == 0 ? b : u;
-}, Q = (e, t) => e.sizes[t], X = (e, t, a, o) => `
+}, V = (e, t, a, o, n, r) => {
+  var y, v;
+  const b = e.colorContext[a], d = e.components[t].default, c = (v = (y = e.components[t]) == null ? void 0 : y[b]) == null ? void 0 : v[o], l = c == null ? void 0 : c[n], x = d[o][n], i = c == null ? void 0 : c[r], s = d[o][r], O = l || l == 0 ? e.palette[b][l] : e.palette[d.palette][x], F = i || i == 0 ? e.palette.opacity[i] : e.palette.opacity[s];
+  return p(O, F ?? "100%");
+}, X = (e, t, a, o, n) => {
+  var x, i;
+  const r = e.colorContext[a], b = e.components[t].default, d = (i = (x = e.components[t]) == null ? void 0 : x[r]) == null ? void 0 : i[o], c = d == null ? void 0 : d[n], l = b[o][n];
+  return c || c == 0 ? c : l;
+}, K = (e, t) => e.sizes[t], U = (e, t, a, o) => `
     font-weight: ${e.components[t].default[o].fontWeight};
     font-size: ${e.typography.component[a].fontSize};
     line-height: ${e.typography.component[a].lineHeight};
-  `, K = (e, t) => e.borderRadius[t], U = (e, t) => e.boxShadow[t], P = (e, t) => {
+  `, P = (e, t) => e.borderRadius[t], G = (e, t) => e.boxShadow[t], Y = (e, t) => {
   const a = e.colorContext[e.palette.outline.context], o = e.palette[a][e.palette.outline.weight];
   return `
     outline: ${e.palette.outline.width} ${e.palette.outline.style} ${o};
     ${`outline-offset: ${e.palette.outline.offset}`};
     `;
-}, G = (e) => {
+}, q = (e) => {
   const t = e.palette.disabled.color, a = e.palette[t][e.palette.disabled.background], o = e.palette[t][e.palette.disabled.text], n = e.palette.opacity[e.palette.disabled.opacity];
   return `
-    background-color: ${y(a, n ?? "100%")};
+    background-color: ${p(a, n ?? "100%")};
     color: ${o};
   `;
-}, Y = (e) => {
+}, j = (e) => {
   const t = e.palette.disabled.color, a = e.palette[t][e.palette.disabled.background], o = e.palette.opacity[e.palette.disabled.opacity];
   return `
-    background-color: ${y(a, o ?? "100%")};
+    background-color: ${p(a, o ?? "100%")};
   `;
 };
 export {
-  X as a,
-  N as b,
-  K as c,
-  V as d,
-  L as e,
-  Q as f,
-  G as g,
-  P as h,
-  Y as i,
-  M as j,
-  B as k,
-  g as l,
-  U as m,
-  R as n,
-  y as o,
-  $ as r,
-  I as s,
-  H as t,
+  V as a,
+  P as b,
+  X as c,
+  K as d,
+  Y as e,
+  j as f,
+  U as g,
+  q as h,
+  $ as i,
+  G as j,
+  p as k,
+  N as l,
+  A as m,
+  I as n,
+  g as o,
+  Q as r,
+  M as s,
+  L as t,
   _ as u
 };