@lanaco/lnc-react-ui 4.0.125 → 4.0.127

package/dist/tag-CtleOqEC.js

@@ -0,0 +1,204 @@
+import { jsx as a } from "react/jsx-runtime";
+import { forwardRef as f } from "react";
+import { P as r } from "./index-CblbdqjE.js";
+import m from "./Chip.js";
+import { s as o } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { M as t } from "./consts-BuFChS64.js";
+const d = o.div`
+  display: flex;
+  gap: 0.75rem;
+  align-items: center;
+  align-content: center;
+
+  & .tags__item {
+    color: var(--gray-900, #0c1520);
+    background: var(--gray-100, #f3f6fb);
+    font-size: 0.875rem;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 1.25rem;
+    letter-spacing: -0.0056rem;
+    padding: 0.5rem 0.75rem;
+
+    &.active {
+      color: var(--white, #fff);
+      background: var(--gray-900, #0c1520);
+      font-weight: 500;
+
+      &:hover {
+        color: var(--white, #fff);
+        background: var(--gray-900, #0c1520);
+      }
+    }
+
+    &:hover {
+      background: var(--gray-200, #e4e9f0);
+    }
+
+    &:focus {
+      outline: none;
+    }
+  }
+
+  @media (max-width: ${t + "px"}) {
+    width: 100%;
+    overflow-x: auto;
+    white-space: nowrap;
+
+    -webkit-overflow-scrolling: touch;
+    ::-webkit-scrollbar {
+      -webkit-appearance: none;
+    }
+    -ms-overflow-style: none;
+    /* Internet Explorer 10+ */
+    scrollbar-width: none;
+    /* Firefox */
+
+    &::-webkit-scrollbar {
+      display: none;
+      /* Safari and Chrome */
+    }
+  }
+`, b = o.div`
+  display: flex;
+  gap: 1.25rem;
+  width: 100%;
+
+  & .section__column {
+    display: flex;
+    flex-direction: column;
+    gap: 1.25rem;
+    width: 100%;
+  }
+
+  & .section__show-more {
+    color: var(--neutral-600, #0f2a46);
+    font-size: 0.875rem;
+    font-style: normal;
+    font-weight: 500;
+    line-height: 1.25rem;
+    letter-spacing: -0.0056rem;
+
+    &:focus {
+      outline: none;
+    }
+  }
+
+  @media (max-width: ${t + "px"}) {
+    flex-direction: column;
+  }
+`, v = o.div`
+  width: 100%;
+  height: fit-content;
+  background: var(--white, #fff);
+  border: 1px solid var(--gray-100, #f3f6fb);
+  display: flex;
+  flex-direction: column;
+  gap: 0.75rem;
+  padding: 1rem;
+  border-radius: 0.75rem;
+
+  &:hover {
+    cursor: pointer;
+  }
+
+  &.expanded {
+    border: 1px solid #ff7621;
+    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.16),
+      0 1px 4px 0 rgba(255, 118, 33, 0.5) inset;
+  }
+
+  & .card__heading {
+    display: flex;
+    justify-content: space-between;
+    width: 100%;
+
+    & .card__title {
+      color: var(--neutral-600, #0f2a46);
+      font-size: 1rem;
+      font-style: normal;
+      font-weight: 500;
+      line-height: 1.5rem;
+    }
+
+    & .card__icon {
+      color: var(--neutral-600, #0f2a46);
+    }
+  }
+
+  & .card__description {
+    color: var(--neutral-400, #47607b);
+    font-size: 0.875rem;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 1.25rem;
+    letter-spacing: 0.0156rem;
+  }
+
+  & .card__impression {
+    display: flex;
+    align-items: center;
+    gap: 0.75rem;
+
+    & .imppression__question {
+      color: var(--gray-500, #7a8594);
+      font-size: 0.75rem;
+      font-style: normal;
+      font-weight: 500;
+      line-height: 1rem;
+      letter-spacing: 0.0313rem;
+    }
+
+    & .impression__actions {
+      display: flex;
+      gap: 0.5rem;
+
+      button {
+        color: var(--gray-600, #676e79);
+
+        &:focus {
+          outline: none;
+        }
+      }
+    }
+
+    &.feedback {
+      gap: 0.25rem;
+    }
+  }
+
+  @media (max-width: ${t + "px"}) {
+    & .card__impression {
+      justify-content: space-between;
+
+      &.feedback {
+        justify-content: flex-start;
+      }
+    }
+  }
+`, p = f(
+  ({ tags: n = [], allTagText: i, selectedTagCode: l = null, onSelectTag: s = () => {
+  } }, g) => /* @__PURE__ */ a(d, { className: "section__tags", children: [{ name: i, code: null }, ...n].map((e, c) => /* @__PURE__ */ a(
+    m,
+    {
+      label: e == null ? void 0 : e.name,
+      borderRadius: "curved",
+      color: "neutral",
+      className: `tags__item ${l === (e == null ? void 0 : e.code) ? "active" : ""}`,
+      onClick: () => {
+        s(e);
+      }
+    },
+    `faq-section-tag__${c + 1}`
+  )) })
+);
+p.propTypes = {
+  tags: r.array,
+  allTagText: r.string,
+  onSelectTag: r.func
+};
+export {
+  p as F,
+  b as I,
+  v as a
+};

package/dist/{utils-BbgAIA9N.js → utils-BPdU4_1q.js}

@@ -1,6 +1,6 @@
 import { jsxs as W, Fragment as m } from "react/jsx-runtime";
 import { useState as D, useEffect as w, cloneElement as C, isValidElement as v, Children as h } from "react";
-var $ = function() {
+var L = function() {
 }, B = typeof window < "u", A = 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);
 }, x = function(e, t) {
@@ -10269,7 +10269,7 @@ const k = {
     tooltip: 1500,
     popover: 1299
   }
-}, L = [k, E, T], K = {
+}, N = [k, E, T], K = {
   SUCCESS: k.palette.green[500],
   ERROR: k.palette.red[500],
   WARNING: k.palette.yellow[500],
@@ -10408,7 +10408,7 @@ const k = {
     background: linear-gradient(${e}, ${a}, ${o});
     background-size: ${t};
     animation: gradient 1s linear infinite alternate;
-  `, o0 = (e) => e != null && e !== "", n0 = (e) => e != null, r0 = (e) => Number.isInteger(Number(e)) ? new Intl.NumberFormat("de-DE").format(e) : new Intl.NumberFormat("de-DE", {
+  `, o0 = (e) => e != null && e !== "", n0 = (e) => e != null, r0 = (e) => new Intl.NumberFormat("de-DE", {
   minimumFractionDigits: 2,
   maximumFractionDigits: 2
 }).format(e), H = {
@@ -10453,7 +10453,7 @@ const k = {
   KES: "KSh",
   TZS: "TSh"
 }, d0 = (e) => H[e] || "";
-function I(e, t = { carbs: 0.5, protein: 0.25, fat: 0.25 }) {
+function M(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.");
@@ -10506,7 +10506,7 @@ const c0 = ({
     default:
       throw new Error("Invalid goal. Use: 'lose', 'maintain', or 'gain'.");
   }
-  const l = I(i);
+  const l = M(i);
   return {
     calories: Math.round(i),
     ...l
@@ -10523,7 +10523,7 @@ const c0 = ({
 };
 export {
   B as A,
-  $ as B,
+  L as B,
   K as C,
   g as D,
   d0 as G,
@@ -10540,7 +10540,7 @@ export {
   o0 as k,
   n0 as l,
   p as m,
-  L as n,
+  N as n,
   a0 as o,
   t0 as p,
   r0 as q,