@lanaco/lnc-react-ui 4.0.206 → 4.0.207

package/dist/{tag-Dm8CW4TM.js → tag-Bi8gg6hJ.js}

@@ -1,8 +1,8 @@
 import { jsx as n } from "react/jsx-runtime";
-import { forwardRef as m } from "react";
-import f from "./Chip.js";
+import { forwardRef as f } from "react";
+import m from "./Chip.js";
 import { s as r } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { M as o } from "./consts-BuFChS64.js";
+import { d as o } from "./breakpoints-ff0SIcV3.js";
 const d = r.div`
   display: flex;
   gap: 0.75rem;
@@ -40,7 +40,7 @@ const d = r.div`
     }
   }
 
-  @media (max-width: ${o + "px"}) {
+  @media ${o("S")} {
     width: 100%;
     overflow-x: auto;
     white-space: nowrap;
@@ -59,7 +59,7 @@ const d = r.div`
       /* Safari and Chrome */
     }
   }
-`, b = r.div`
+`, w = r.div`
   display: flex;
   gap: 1.25rem;
   width: 100%;
@@ -84,10 +84,10 @@ const d = r.div`
     }
   }
 
-  @media (max-width: ${o + "px"}) {
+  @media ${o("S")} {
     flex-direction: column;
   }
-`, x = r.div`
+`, v = r.div`
   width: 100%;
   height: fit-content;
   background: var(--white, #fff);
@@ -167,7 +167,7 @@ const d = r.div`
     }
   }
 
-  @media (max-width: ${o + "px"}) {
+  @media ${o("S")} {
     & .card__impression {
       justify-content: space-between;
 
@@ -176,10 +176,10 @@ const d = r.div`
       }
     }
   }
-`, _ = m(
+`, _ = f(
   ({ tags: t = [], allTagText: a, selectedTagCode: i = null, onSelectTag: l = () => {
   } }, s) => /* @__PURE__ */ n(d, { ref: s, className: "section__tags", children: [{ name: a, code: null }, ...t].map((e, c) => /* @__PURE__ */ n(
-    f,
+    m,
     {
       label: e == null ? void 0 : e.name,
       borderRadius: "curved",
@@ -194,6 +194,6 @@ const d = r.div`
 );
 export {
   _ as F,
-  b as I,
-  x as a
+  w as I,
+  v as a
 };

package/dist/{tag-UQjq2_Ba.cjs → tag-DSnhWWHE.cjs}

@@ -1,4 +1,4 @@
-"use strict";const t=require("react/jsx-runtime"),d=require("react"),m=require("./Chip.cjs"),r=require("./emotion-styled.browser.esm-BtEseadx.cjs"),n=require("./consts-goSZX3xP.cjs"),f=r.styled.div`
+"use strict";const o=require("react/jsx-runtime"),d=require("react"),f=require("./Chip.cjs"),r=require("./emotion-styled.browser.esm-BtEseadx.cjs"),n=require("./breakpoints-CcVm-gVm.cjs"),m=r.styled.div`
   display: flex;
   gap: 0.75rem;
   align-items: center;
@@ -35,7 +35,7 @@
     }
   }
 
-  @media (max-width: ${n.MOBILE_SIZE_PX+"px"}) {
+  @media ${n.down("S")} {
     width: 100%;
     overflow-x: auto;
     white-space: nowrap;
@@ -79,7 +79,7 @@
     }
   }
 
-  @media (max-width: ${n.MOBILE_SIZE_PX+"px"}) {
+  @media ${n.down("S")} {
     flex-direction: column;
   }
 `,g=r.styled.div`
@@ -162,7 +162,7 @@
     }
   }
 
-  @media (max-width: ${n.MOBILE_SIZE_PX+"px"}) {
+  @media ${n.down("S")} {
     & .card__impression {
       justify-content: space-between;
 
@@ -171,4 +171,4 @@
       }
     }
   }
-`,u=d.forwardRef(({tags:o=[],allTagText:i,selectedTagCode:a=null,onSelectTag:s=()=>{}},l)=>t.jsx(f,{ref:l,className:"section__tags",children:[{name:i,code:null},...o].map((e,c)=>t.jsx(m,{label:e==null?void 0:e.name,borderRadius:"curved",color:"neutral",className:`tags__item ${a===(e==null?void 0:e.code)?"active":""}`,onClick:()=>{s(e)}},`faq-section-tag__${c+1}`))}));exports.FaqSectionTags=u;exports.ItemContainer=g;exports.ItemsContainer=p;
+`,u=d.forwardRef(({tags:t=[],allTagText:i,selectedTagCode:a=null,onSelectTag:l=()=>{}},s)=>o.jsx(m,{ref:s,className:"section__tags",children:[{name:i,code:null},...t].map((e,c)=>o.jsx(f,{label:e==null?void 0:e.name,borderRadius:"curved",color:"neutral",className:`tags__item ${a===(e==null?void 0:e.code)?"active":""}`,onClick:()=>{l(e)}},`faq-section-tag__${c+1}`))}));exports.FaqSectionTags=u;exports.ItemContainer=g;exports.ItemsContainer=p;

package/dist/{utils-DtEfC-TX.js → theme-Befg4g_L.js}

@@ -1,20 +1,12 @@
-import { jsxs as m, Fragment as D } from "react/jsx-runtime";
-import { useState as w, useEffect as C, cloneElement as B, isValidElement as h, Children as s } from "react";
-var N = function() {
-}, E = typeof window < "u", A = function(e, t) {
-  return E ? 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);
-}, x = function(e, t) {
-  var a = w(A(e)), o = a[0], n = a[1];
-  return C(function() {
-    var r = !0, c = window.matchMedia(e), b = function() {
-      r && n(!!c.matches);
-    };
-    return c.addEventListener("change", b), n(c.matches), function() {
-      r = !1, c.removeEventListener("change", b);
-    };
-  }, [e]), o;
-};
-const k = {
+import { B as t, s as a, b as o, o as n, d as r, u as d } from "./breakpoints-ff0SIcV3.js";
+const e = {
+  up: d,
+  down: r,
+  only: n,
+  between: o,
+  values: a,
+  keys: t
+}, c = {
   name: "Lanaco Light",
   class: "lnc-light",
   colorContext: {
@@ -3456,8 +3448,9 @@ const k = {
     snackbar: 1400,
     tooltip: 1500,
     popover: 1299
-  }
-}, T = {
+  },
+  breakpoints: e
+}, b = {
   name: "Lanaco Dark",
   class: "lnc-dark",
   colorContext: {
@@ -6911,8 +6904,9 @@ const k = {
     snackbar: 1400,
     tooltip: 1500,
     popover: 1299
-  }
-}, S = {
+  },
+  breakpoints: e
+}, g = {
   name: "Lanaco E-Commerce",
   class: "lnc-e-comm",
   colorContext: {
@@ -10023,38 +10017,6 @@ const k = {
         }
       }
     },
-    MainMenu: {
-      default: {
-        palette: "neutral",
-        enabled: {
-          color: 900,
-          mediumColor: 600,
-          lightColor: 500,
-          lightestColor: 100,
-          dividerOpacity: 80,
-          headerBackgroundColor: 50,
-          notificationBackgroundColor: 900,
-          notificationOpacity: 80
-        },
-        hover: { backgroundColor: 900, backgroundOpacity: 80 }
-      },
-      teal: {
-        enabled: {
-          textColor: 700,
-          descriptionOpacity: 800,
-          backgroundColor: 600,
-          backgroundOpacity: 80
-        }
-      },
-      gray: {
-        enabled: {
-          color: 600,
-          descriptionOpacity: 800,
-          backgroundColor: 600,
-          backgroundOpacity: 80
-        }
-      }
-    },
     Danger: {
       default: {
         palette: "red",
@@ -10271,331 +10233,10 @@ const k = {
     snackbar: 1400,
     tooltip: 1500,
     popover: 1299
-  }
-}, K = [k, T, S], P = {
-  SUCCESS: k.palette.green[500],
-  ERROR: k.palette.red[500],
-  WARNING: k.palette.yellow[500],
-  PRIMARY: k.palette.teal[500],
-  SECONDARY: k.palette.blue[500],
-  DISABLED: k.palette.gray[300],
-  NONE: "white"
-}, u = {
-  XS: {
-    type: "XS",
-    mediaQuery: "(max-width: 480px)"
-  },
-  S: {
-    type: "S",
-    mediaQuery: "(min-width: 481px) and (max-width: 767px)"
-  },
-  M: {
-    type: "M",
-    mediaQuery: "(min-width: 768px) and (max-width: 1024px)"
   },
-  L: {
-    type: "L",
-    mediaQuery: "(min-width: 1025px) and (max-width: 1280px)"
-  },
-  XL: {
-    type: "XL",
-    mediaQuery: "(min-width: 1281px)"
-  }
-}, U = (e, t) => {
-  var a = R(e, t);
-  return a && h(a) ? { current: a } : { current: null };
-}, R = (e = "", t) => {
-  if (t && e) {
-    var a = s.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 (a) return a;
-  }
-  return null;
-}, _ = (e, t, a) => {
-  var o = z(e, t, a);
-  return o && h(o) ? { current: o } : { current: null };
-}, z = (e = "", t, a) => {
-  if (a && e) {
-    var o = s.toArray(a).reverse().find(
-      (n) => {
-        var r, c, b, d;
-        return (((r = n.props) == null ? void 0 : r.__TYPE__) === e || ((c = n.type) == null ? void 0 : c.displayName) === e) && (t ? ((b = n.props) == null ? void 0 : b.id) === t : !((d = n.props) != null && d.id));
-      }
-    );
-    if (o) return o;
-  }
-  return null;
-}, G = () => {
-  const e = x(u.XS.mediaQuery), t = x(u.S.mediaQuery), a = x(u.M.mediaQuery), o = x(u.L.mediaQuery), n = x(u.XL.mediaQuery);
-  return e ? u.XS.type : t ? u.S.type : a ? u.M.type : o ? u.L.type : n ? u.XL.type : u.M.type;
-}, Q = (e, t, a = null, o = !1) => e.current !== null ? (t.children = a !== null ? o == !0 ? /* @__PURE__ */ m(D, { children: [
-  e.current.props.children,
-  a
-] }) : a : e.current.props.children, B(e.current, t)) : null, y = (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),
-    g: parseInt(a[2], 16),
-    b: parseInt(a[3], 16),
-    a: t
-  } : null;
-  return o ? `rgba(${o.r}, ${o.g}, ${o.b}, ${o.a})` : null;
-}, V = (e, t, a, o, n, r) => {
-  var f, v;
-  const c = e.colorContext[a], b = e.components[t].default, d = (v = (f = e.components[t]) == null ? void 0 : f[c]) == null ? void 0 : v[o], g = d == null ? void 0 : d[n], i = b[o][n], l = d == null ? void 0 : d[r], O = b[o][r], F = g || g == 0 ? e.palette[c][g] : e.palette[b.palette][i], W = l || l == 0 ? e.palette.opacity[l] : e.palette.opacity[O];
-  return y(F, W ?? "100%");
-}, X = (e, t, a, o, n) => {
-  var i, l;
-  const r = e.colorContext[a], c = e.components[t].default, b = (l = (i = e.components[t]) == null ? void 0 : i[r]) == null ? void 0 : l[o], d = b == null ? void 0 : b[n], g = c[o][n];
-  return d || d == 0 ? d : g;
-}, Y = (e, t) => e.sizes[t], Z = (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};
-  `, q = (e, t) => e.borderRadius[t], j = (e, t) => e.boxShadow[t], J = (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}`};
-    `;
-}, e0 = (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%")};
-    color: ${o};
-  `;
-}, t0 = (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%")};
-  `;
-}, M = () => `
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-  `, a0 = (e) => e == null || e == 0 || e == 1 ? M() : `
-    overflow: hidden;
-    text-overflow: ellipsis;
-    overflow-wrap: anywhere;
-    word-break: break-word;
-
-    @supports (-webkit-line-clamp: ${e}) {
-      overflow: hidden;
-      text-overflow: ellipsis;
-      white-space: initial;
-      display: -webkit-box;
-      -webkit-line-clamp: ${e};
-      -webkit-box-orient: vertical;    
-    }
-  `, o0 = (e = "-45deg", t = "500% 500%", a = "#b3b9c4", o = "#e5e9f1") => `
-    @keyframes gradient {
-      0% {
-        background-position: 0% 0%;
-      }
-      50% {
-        background-position: 0% 50%;
-      }
-      100% {
-        background-position: 0% 100%;
-      }
-
-      500% {
-        background-position: 0% 0%;
-      }
-    }
-
-    background: linear-gradient(${e}, ${a}, ${o});
-    background-size: ${t};
-    animation: gradient 1s linear infinite alternate;
-  `, n0 = (e) => e != null && e !== "", r0 = (e) => e != null, d0 = (e) => new Intl.NumberFormat("de-DE", {
-  minimumFractionDigits: 2,
-  maximumFractionDigits: 2
-}).format(e), H = {
-  EUR: "€",
-  BAM: "KM",
-  USD: "$",
-  GBP: "£",
-  CHF: "CHF",
-  HRK: "kn",
-  RSD: "RSD",
-  BGN: "лв",
-  MKD: "ден",
-  PLN: "zł",
-  CZK: "Kč",
-  HUF: "Ft",
-  RON: "lei",
-  TRY: "₺",
-  SEK: "kr",
-  DKK: "kr",
-  NOK: "kr",
-  ISK: "kr",
-  CAD: "C$",
-  AUD: "A$",
-  NZD: "NZ$",
-  JPY: "¥",
-  CNY: "¥",
-  KRW: "₩",
-  INR: "₹",
-  PKR: "₨",
-  AED: "د.إ",
-  SAR: "ر.س",
-  QAR: "ر.ق",
-  KWD: "د.ك",
-  OMR: "ر.ع.",
-  BHD: "د.ب",
-  JOD: "د.ا",
-  LBP: "ل.ل",
-  EGP: "E£",
-  ZAR: "R",
-  NGN: "₦",
-  GHS: "₵",
-  KES: "KSh",
-  TZS: "TSh"
-}, c0 = (e) => H[e] || "";
-function I(e, t = { carbs: 0.5, protein: 0.25, fat: 0.25 }) {
-  const a = t.carbs + t.protein + t.fat;
-  if (Math.abs(a - 1) > 0.01)
-    throw new Error("Ratios must add up to 1.");
-  const o = { carbs: 4, protein: 4, fat: 9 };
-  return {
-    carbs: Math.round(e * t.carbs / o.carbs),
-    protein: Math.round(e * t.protein / o.protein),
-    fat: Math.round(e * t.fat / o.fat)
-  };
-}
-const b0 = ({
-  gender: e,
-  age: t,
-  heightCm: a,
-  weightKg: o,
-  activityLevel: n,
-  goal: r
-}) => {
-  let c;
-  if (e === "male")
-    c = 10 * +o + 6.25 * +a - 5 * +t + 5;
-  else if (e === "female")
-    c = 10 * +o + 6.25 * +a - 5 * +t - 161;
-  else
-    throw new Error("Invalid gender. Use 'male' or 'female'.");
-  const d = {
-    // sedentary: 1.2,
-    // light: 1.375,
-    // moderate: 1.55,
-    // active: 1.725,
-    // 'very active': 1.9
-    verylow: 1.2,
-    moderate: 1.55,
-    veryactive: 1.9
-  }[n.toLowerCase()];
-  if (!d)
-    throw new Error("Invalid activity level");
-  const g = c * d;
-  let i;
-  switch (r.toLowerCase()) {
-    case "loseweight":
-      i = g - 500;
-      break;
-    case "maintaining":
-      i = g;
-      break;
-    case "gainmuscle":
-      i = g + 500;
-      break;
-    default:
-      throw new Error("Invalid goal. Use: 'lose', 'maintain', or 'gain'.");
-  }
-  const l = I(i);
-  return {
-    calories: Math.round(i),
-    ...l
-  };
-}, g0 = (e) => {
-  const t = String(Math.floor(e / 60)).padStart(2, "0"), a = String(e % 60).padStart(2, "0");
-  return `${t}:${a}`;
-}, i0 = (e, ...t) => e.replace(/{(\d+)}/g, function(a, o) {
-  return typeof t[o] < "u" ? t[o] : a;
-}), u0 = (e) => (e = e || 0, e > 999 ? Math.round(e / 1e3).toLocaleString() + "K" : e.toLocaleString()), l0 = (e) => {
-  const t = new Date(e);
-  let a = t.getDate(), o = t.getMonth() + 1, n = t.getFullYear();
-  return `${a}. ${o}. ${n}`;
-}, p = (e) => {
-  if (!e) return null;
-  if (e instanceof Date)
-    return e.toISOString();
-  const t = String(e);
-  return t.endsWith("Z") || /[+-]\d{2}:\d{2}$/.test(t) ? t : t + "Z";
-}, k0 = (e, t) => {
-  const a = p(e), o = p(t), n = a ? new Date(a) : null, r = o ? new Date(o) : null, c = /* @__PURE__ */ new Date();
-  if (!n || !r)
-    return -1;
-  const b = r.getTime() - n.getTime(), d = c.getTime() - n.getTime(), g = b / (1e3 * 60 * 60 * 24), i = d / (1e3 * 60 * 60 * 24);
-  return d < 0 ? -1 : d >= b ? {
-    day: Math.ceil(g),
-    totalDays: Math.ceil(g),
-    isEnded: !0
-  } : {
-    day: Math.floor(i),
-    // Make it 1-based (Day 1, 2, 3, 4 instead of 0, 1, 2, 3)
-    totalDays: Math.ceil(g),
-    isEnded: !1,
-    // Additional precision info for progress calculations
-    dayProgress: i / g,
-    // 0 to 1 progress within current day
-    totalProgress: d / b
-    // 0 to 1 overall progress
-  };
-}, x0 = (e) => {
-  if (!e) return null;
-  const t = p(e), a = t ? new Date(t) : null, o = /* @__PURE__ */ new Date();
-  if (!a) return null;
-  const n = a.getTime() - o.getTime(), r = 24 * 60 * 60 * 1e3;
-  return Math.ceil(n / r);
-}, p0 = (e) => {
-  if (!e) return null;
-  const t = p(e), a = t ? new Date(t) : null, o = /* @__PURE__ */ new Date();
-  if (!a) return null;
-  const n = a.getTime() - o.getTime(), r = 24 * 60 * 60 * 1e3;
-  return Math.ceil(n / r);
-};
+  breakpoints: e
+}, i = [c, b, g];
 export {
-  p0 as A,
-  x0 as B,
-  p as C,
-  _ as D,
-  E,
-  N as F,
-  c0 as G,
-  P as H,
-  u as I,
-  q as a,
-  V as b,
-  Z as c,
-  Y as d,
-  J as e,
-  t0 as f,
-  X as g,
-  e0 as h,
-  U as i,
-  j,
-  n0 as k,
-  r0 as l,
-  a0 as m,
-  y as n,
-  K as o,
-  d0 as p,
-  l0 as q,
-  Q as r,
-  i0 as s,
-  M as t,
-  G as u,
-  u0 as v,
-  o0 as w,
-  g0 as x,
-  b0 as y,
-  k0 as z
+  c as l,
+  i as t
 };