welcome-ui 0.0.0-dev.1761751123336 → 0.0.0-dev.1762111960442

package/dist/GVVKDT6A-NJOQQOYu.js

@@ -0,0 +1,619 @@
+"use client";
+import { a as Ie, c as He, b as We, d as Xe } from "./NI3IVY7K-DqCXZqiy.js";
+import { P as Me, b as Ye, a as Ce } from "./Y67KZUMI-B7MDEVik.js";
+import { e as Ue, c as pe, _ as ne, i as se, ae as Re, u as U, L as ce, x as le, d as $, a as S, f as me, b as ve, k as Fe, l as de, T as xe, a8 as z, W as Ge, p as Te, z as Je, q as fe, m as Ke, A as Ze, X as Qe, F as et, G as I, I as F, H as M, K as tt } from "./OE2EFRVA-DkdhQLJL.js";
+import { B as ot, N as rt, L as nt, A as st, O as it, g as ut, C as at, a as ct } from "./floating-ui.dom.browser.min-Bza9K_UR.js";
+import { useRef as W, useState as he, useEffect as T, useContext as lt, createContext as dt, useCallback as $e } from "react";
+import { jsx as re } from "react/jsx-runtime";
+import { a as ft, m as pt, o as mt, t as vt, c as _e, d as oe, b as De } from "./RTNCFSKZ-BspS8FyJ.js";
+var G = Ue(
+  [Ye],
+  [Me]
+);
+G.useContext;
+G.useScopedContext;
+var Pe = G.useProviderContext, qt = G.ContextProvider, ht = G.ScopedContextProvider;
+function ae(t) {
+  return [t.clientX, t.clientY];
+}
+function Se(t, r) {
+  const [o, e] = t;
+  let n = !1;
+  const s = r.length;
+  for (let u = s, c = 0, a = u - 1; c < u; a = c++) {
+    const [i, d] = r[c], [g, P] = r[a], [, x] = r[a === 0 ? u - 1 : a - 1] || [0, 0], h = (d - P) * (o - i) - (i - g) * (e - d);
+    if (P < d) {
+      if (e >= P && e < d) {
+        if (h === 0) return !0;
+        h > 0 && (e === P ? e > x && (n = !n) : n = !n);
+      }
+    } else if (d < P) {
+      if (e > d && e <= P) {
+        if (h === 0) return !0;
+        h < 0 && (e === P ? e < x && (n = !n) : n = !n);
+      }
+    } else if (e === d && (o >= g && o <= i || o >= i && o <= g))
+      return !0;
+  }
+  return n;
+}
+function Pt(t, r) {
+  const { top: o, right: e, bottom: n, left: s } = r, [u, c] = t, a = u < s ? "left" : u > e ? "right" : null, i = c < o ? "top" : c > n ? "bottom" : null;
+  return [a, i];
+}
+function ye(t, r) {
+  const o = t.getBoundingClientRect(), { top: e, right: n, bottom: s, left: u } = o, [c, a] = Pt(r, o), i = [r];
+  return c ? (a !== "top" && i.push([c === "left" ? u : n, e]), i.push([c === "left" ? n : u, e]), i.push([c === "left" ? n : u, s]), a !== "bottom" && i.push([c === "left" ? u : n, s])) : a === "top" ? (i.push([u, e]), i.push([u, s]), i.push([n, s]), i.push([n, e])) : (i.push([u, s]), i.push([u, e]), i.push([n, e]), i.push([n, s])), i;
+}
+var gt = "div";
+function Oe(t = 0, r = 0, o = 0, e = 0) {
+  if (typeof DOMRect == "function")
+    return new DOMRect(t, r, o, e);
+  const n = {
+    x: t,
+    y: r,
+    width: o,
+    height: e,
+    top: r,
+    right: t + o,
+    bottom: r + e,
+    left: t
+  };
+  return $(S({}, n), { toJSON: () => n });
+}
+function wt(t) {
+  if (!t) return Oe();
+  const { x: r, y: o, width: e, height: n } = t;
+  return Oe(r, o, e, n);
+}
+function Et(t, r) {
+  return {
+    contextElement: t || void 0,
+    getBoundingClientRect: () => {
+      const e = t, n = r == null ? void 0 : r(e);
+      return n || !e ? wt(n) : e.getBoundingClientRect();
+    }
+  };
+}
+function xt(t) {
+  return /^(?:top|bottom|left|right)(?:-(?:start|end))?$/.test(t);
+}
+function be(t) {
+  const r = window.devicePixelRatio || 1;
+  return Math.round(t * r) / r;
+}
+function St(t, r) {
+  return nt(({ placement: o }) => {
+    var e;
+    const n = ((t == null ? void 0 : t.clientHeight) || 0) / 2, s = typeof r.gutter == "number" ? r.gutter + n : (e = r.gutter) != null ? e : n;
+    return {
+      crossAxis: !!o.split("-")[1] ? void 0 : r.shift,
+      mainAxis: s,
+      alignmentAxis: r.shift
+    };
+  });
+}
+function yt(t) {
+  if (t.flip === !1) return;
+  const r = typeof t.flip == "string" ? t.flip.split(" ") : void 0;
+  return se(
+    !r || r.every(xt),
+    process.env.NODE_ENV !== "production" && "`flip` expects a spaced-delimited list of placements"
+  ), st({
+    padding: t.overflowPadding,
+    fallbackPlacements: r
+  });
+}
+function Ot(t) {
+  if (!(!t.slide && !t.overlap))
+    return it({
+      mainAxis: t.slide,
+      crossAxis: t.overlap,
+      padding: t.overflowPadding,
+      limiter: ct()
+    });
+}
+function bt(t) {
+  return at({
+    padding: t.overflowPadding,
+    apply({ elements: r, availableWidth: o, availableHeight: e, rects: n }) {
+      const s = r.floating, u = Math.round(n.reference.width);
+      o = Math.floor(o), e = Math.floor(e), s.style.setProperty(
+        "--popover-anchor-width",
+        `${u}px`
+      ), s.style.setProperty(
+        "--popover-available-width",
+        `${o}px`
+      ), s.style.setProperty(
+        "--popover-available-height",
+        `${e}px`
+      ), t.sameWidth && (s.style.width = `${u}px`), t.fitViewport && (s.style.maxWidth = `${o}px`, s.style.maxHeight = `${e}px`);
+    }
+  });
+}
+function At(t, r) {
+  if (t)
+    return ut({
+      element: t,
+      padding: r.arrowPadding
+    });
+}
+var Ne = pe(
+  function(r) {
+    var o = r, {
+      store: e,
+      modal: n = !1,
+      portal: s = !!n,
+      preserveTabOrder: u = !0,
+      autoFocusOnShow: c = !0,
+      wrapperProps: a,
+      fixed: i = !1,
+      flip: d = !0,
+      shift: g = 0,
+      slide: P = !0,
+      overlap: x = !1,
+      sameWidth: h = !1,
+      fitViewport: b = !1,
+      gutter: w,
+      arrowPadding: f = 4,
+      overflowPadding: E = 8,
+      getAnchorRect: N,
+      updatePosition: C
+    } = o, p = ne(o, [
+      "store",
+      "modal",
+      "portal",
+      "preserveTabOrder",
+      "autoFocusOnShow",
+      "wrapperProps",
+      "fixed",
+      "flip",
+      "shift",
+      "slide",
+      "overlap",
+      "sameWidth",
+      "fitViewport",
+      "gutter",
+      "arrowPadding",
+      "overflowPadding",
+      "getAnchorRect",
+      "updatePosition"
+    ]);
+    const V = Ce();
+    e = e || V, se(
+      e,
+      process.env.NODE_ENV !== "production" && "Popover must receive a `store` prop or be wrapped in a PopoverProvider component."
+    );
+    const _ = e.useState("arrowElement"), y = e.useState("anchorElement"), ie = e.useState("disclosureElement"), m = e.useState("popoverElement"), D = e.useState("contentElement"), J = e.useState("placement"), l = e.useState("mounted"), O = e.useState("rendered"), v = W(null), [A, R] = he(!1), { portalRef: ue, domReady: k } = Re(s, p.portalRef), j = U(N), B = U(C), X = !!C;
+    ce(() => {
+      if (!(m != null && m.isConnected)) return;
+      m.style.setProperty(
+        "--popover-overflow-padding",
+        `${E}px`
+      );
+      const H = Et(y, j), Y = async () => {
+        if (!l) return;
+        _ || (v.current = v.current || document.createElement("div"));
+        const L = _ || v.current, Le = [
+          St(L, { gutter: w, shift: g }),
+          yt({ flip: d, overflowPadding: E }),
+          Ot({ slide: P, overlap: x, overflowPadding: E }),
+          At(L, { arrowPadding: f }),
+          bt({
+            sameWidth: h,
+            fitViewport: b,
+            overflowPadding: E
+          })
+        ], q = await rt(H, m, {
+          placement: J,
+          strategy: i ? "fixed" : "absolute",
+          middleware: Le
+        });
+        e == null || e.setState("currentPlacement", q.placement), R(!0);
+        const qe = be(q.x), ze = be(q.y);
+        if (Object.assign(m.style, {
+          top: "0",
+          left: "0",
+          transform: `translate3d(${qe}px,${ze}px,0)`
+        }), L && q.middlewareData.arrow) {
+          const { x: Z, y: Q } = q.middlewareData.arrow, ge = q.placement.split("-")[0], ee = L.clientWidth / 2, te = L.clientHeight / 2, we = Z != null ? Z + ee : -ee, Ee = Q != null ? Q + te : -te;
+          m.style.setProperty(
+            "--popover-transform-origin",
+            {
+              top: `${we}px calc(100% + ${te}px)`,
+              bottom: `${we}px ${-te}px`,
+              left: `calc(100% + ${ee}px) ${Ee}px`,
+              right: `${-ee}px ${Ee}px`
+            }[ge]
+          ), Object.assign(L.style, {
+            left: Z != null ? `${Z}px` : "",
+            top: Q != null ? `${Q}px` : "",
+            [ge]: "100%"
+          });
+        }
+      }, Be = ot(H, m, async () => {
+        X ? (await B({ updatePosition: Y }), R(!0)) : await Y();
+      }, {
+        // JSDOM doesn't support ResizeObserver
+        elementResize: typeof ResizeObserver == "function"
+      });
+      return () => {
+        R(!1), Be();
+      };
+    }, [
+      e,
+      O,
+      m,
+      _,
+      y,
+      m,
+      J,
+      l,
+      k,
+      i,
+      d,
+      g,
+      P,
+      x,
+      h,
+      b,
+      w,
+      f,
+      E,
+      j,
+      X,
+      B
+    ]), ce(() => {
+      if (!l || !k || !(m != null && m.isConnected) || !(D != null && D.isConnected)) return;
+      const H = () => {
+        m.style.zIndex = getComputedStyle(D).zIndex;
+      };
+      H();
+      let Y = requestAnimationFrame(() => {
+        Y = requestAnimationFrame(H);
+      });
+      return () => cancelAnimationFrame(Y);
+    }, [l, k, m, D]);
+    const K = i ? "fixed" : "absolute";
+    return p = le(
+      p,
+      (H) => /* @__PURE__ */ re(
+        "div",
+        $(S({}, a), {
+          style: S({
+            // https://floating-ui.com/docs/computeposition#initial-layout
+            position: K,
+            top: 0,
+            left: 0,
+            width: "max-content"
+          }, a == null ? void 0 : a.style),
+          ref: e == null ? void 0 : e.setPopoverElement,
+          children: H
+        })
+      ),
+      [e, K, a]
+    ), p = le(
+      p,
+      (H) => /* @__PURE__ */ re(Me, { value: e, children: H }),
+      [e]
+    ), p = $(S({
+      // data-placing is not part of the public API. We're setting this here so
+      // we can wait for the popover to be positioned before other components
+      // move focus into it. For example, this attribute is observed by the
+      // Combobox component with the autoSelect behavior.
+      "data-placing": !A || void 0
+    }, p), {
+      style: S({
+        position: "relative"
+      }, p.style)
+    }), p = Ie($(S({
+      store: e,
+      modal: n,
+      portal: s,
+      preserveTabOrder: u,
+      preserveTabOrderAnchor: ie || y,
+      autoFocusOnShow: A && c
+    }, p), {
+      portalRef: ue
+    })), p;
+  }
+), zt = He(
+  me(function(r) {
+    const o = Ne(r);
+    return ve(gt, o);
+  }),
+  Ce
+), Ht = "div";
+function Ve(t, r, o, e) {
+  return Ke(r) ? !0 : t ? !!(fe(r, t) || o && fe(o, t) || e != null && e.some((n) => Ve(t, n, o))) : !1;
+}
+function Mt(t) {
+  var r = t, {
+    store: o
+  } = r, e = ne(r, [
+    "store"
+  ]);
+  const [n, s] = he(!1), u = o.useState("mounted");
+  T(() => {
+    u || s(!1);
+  }, [u]);
+  const c = e.onFocus, a = U((d) => {
+    c == null || c(d), !d.defaultPrevented && s(!0);
+  }), i = W(null);
+  return T(() => ft(o, ["anchorElement"], (d) => {
+    i.current = d.anchorElement;
+  }), []), e = $(S({
+    autoFocusOnHide: n,
+    finalFocus: i
+  }, e), {
+    onFocus: a
+  }), e;
+}
+var Ae = dt(null), Ct = pe(
+  function(r) {
+    var o = r, {
+      store: e,
+      modal: n = !1,
+      portal: s = !!n,
+      hideOnEscape: u = !0,
+      hideOnHoverOutside: c = !0,
+      disablePointerEventsOnApproach: a = !!c
+    } = o, i = ne(o, [
+      "store",
+      "modal",
+      "portal",
+      "hideOnEscape",
+      "hideOnHoverOutside",
+      "disablePointerEventsOnApproach"
+    ]);
+    const d = Pe();
+    e = e || d, se(
+      e,
+      process.env.NODE_ENV !== "production" && "Hovercard must receive a `store` prop or be wrapped in a HovercardProvider component."
+    );
+    const g = W(null), [P, x] = he([]), h = W(0), b = W(null), { portalRef: w, domReady: f } = Re(s, i.portalRef), E = Fe(), N = !!c, C = de(c), p = !!a, V = de(
+      a
+    ), _ = e.useState("open"), y = e.useState("mounted");
+    T(() => {
+      if (!f || !y || !N && !p) return;
+      const l = g.current;
+      return l ? xe(
+        z("mousemove", (v) => {
+          if (!e || !E()) return;
+          const { anchorElement: A, hideTimeout: R, timeout: ue } = e.getState(), k = b.current, [j] = v.composedPath(), B = A;
+          if (Ve(j, l, B, P)) {
+            b.current = j && B && fe(B, j) ? ae(v) : null, window.clearTimeout(h.current), h.current = 0;
+            return;
+          }
+          if (!h.current) {
+            if (k) {
+              const X = ae(v), K = ye(l, k);
+              if (Se(X, K)) {
+                if (b.current = X, !V(v)) return;
+                v.preventDefault(), v.stopPropagation();
+                return;
+              }
+            }
+            C(v) && (h.current = window.setTimeout(() => {
+              h.current = 0, e == null || e.hide();
+            }, R ?? ue));
+          }
+        }, !0),
+        () => clearTimeout(h.current)
+      ) : void 0;
+    }, [
+      e,
+      E,
+      f,
+      y,
+      N,
+      p,
+      P,
+      V,
+      C
+    ]), T(() => {
+      if (!f || !y || !p) return;
+      const l = (O) => {
+        const v = g.current;
+        if (!v) return;
+        const A = b.current;
+        if (!A) return;
+        const R = ye(v, A);
+        if (Se(ae(O), R)) {
+          if (!V(O)) return;
+          O.preventDefault(), O.stopPropagation();
+        }
+      };
+      return xe(
+        // Note: we may need to add pointer events here in the future.
+        z("mouseenter", l, !0),
+        z("mouseover", l, !0),
+        z("mouseout", l, !0),
+        z("mouseleave", l, !0)
+      );
+    }, [f, y, p, V]), T(() => {
+      f && (_ || e == null || e.setAutoFocusOnShow(!1));
+    }, [e, f, _]);
+    const ie = Ge(_);
+    T(() => {
+      if (f)
+        return () => {
+          ie.current || e == null || e.setAutoFocusOnShow(!1);
+        };
+    }, [e, f]);
+    const m = lt(Ae);
+    ce(() => {
+      if (n || !s || !y || !f) return;
+      const l = g.current;
+      if (l)
+        return m == null ? void 0 : m(l);
+    }, [n, s, y, f]);
+    const D = $e(
+      (l) => {
+        x((v) => [...v, l]);
+        const O = m == null ? void 0 : m(l);
+        return () => {
+          x(
+            (v) => v.filter((A) => A !== l)
+          ), O == null || O();
+        };
+      },
+      [m]
+    );
+    i = le(
+      i,
+      (l) => /* @__PURE__ */ re(ht, { value: e, children: /* @__PURE__ */ re(Ae.Provider, { value: D, children: l }) }),
+      [e, D]
+    ), i = $(S({}, i), {
+      ref: Te(g, i.ref)
+    }), i = Mt(S({ store: e }, i));
+    const J = e.useState(
+      (l) => n || l.autoFocusOnShow
+    );
+    return i = Ne($(S({
+      store: e,
+      modal: n,
+      portal: s,
+      autoFocusOnShow: J
+    }, i), {
+      portalRef: w,
+      hideOnEscape(l) {
+        return Je(u, l) ? !1 : (requestAnimationFrame(() => {
+          requestAnimationFrame(() => {
+            e == null || e.hide();
+          });
+        }), !0);
+      }
+    })), i;
+  }
+), It = He(
+  me(function(r) {
+    const o = Ct(r);
+    return ve(Ht, o);
+  }),
+  Pe
+), Rt = "a", Ft = pe(
+  function(r) {
+    var o = r, { store: e, showOnHover: n = !0 } = o, s = ne(o, ["store", "showOnHover"]);
+    const u = Pe();
+    e = e || u, se(
+      e,
+      process.env.NODE_ENV !== "production" && "HovercardAnchor must receive a `store` prop or be wrapped in a HovercardProvider component."
+    );
+    const c = Ze(s), a = W(0);
+    T(() => () => window.clearTimeout(a.current), []), T(() => z("mouseleave", (f) => {
+      if (!e) return;
+      const { anchorElement: E } = e.getState();
+      E && f.target === E && (window.clearTimeout(a.current), a.current = 0);
+    }, !0), [e]);
+    const i = s.onMouseMove, d = de(n), g = Fe(), P = U((w) => {
+      if (i == null || i(w), c || !e || w.defaultPrevented || a.current || !g() || !d(w)) return;
+      const f = w.currentTarget;
+      e.setAnchorElement(f), e.setDisclosureElement(f);
+      const { showTimeout: E, timeout: N } = e.getState(), C = () => {
+        a.current = 0, g() && (e == null || e.setAnchorElement(f), e == null || e.show(), queueMicrotask(() => {
+          e == null || e.setDisclosureElement(f);
+        }));
+      }, p = E ?? N;
+      p === 0 ? C() : a.current = window.setTimeout(C, p);
+    }), x = s.onClick, h = U((w) => {
+      x == null || x(w), e && (window.clearTimeout(a.current), a.current = 0);
+    }), b = $e(
+      (w) => {
+        if (!e) return;
+        const { anchorElement: f } = e.getState();
+        f != null && f.isConnected || e.setAnchorElement(w);
+      },
+      [e]
+    );
+    return s = $(S({}, s), {
+      ref: Te(b, s.ref),
+      onMouseMove: P,
+      onClick: h
+    }), s = Qe(s), s;
+  }
+), Wt = me(function(r) {
+  const o = Ft(r);
+  return ve(Rt, o);
+});
+function ke(t = {}) {
+  var r = t, {
+    popover: o
+  } = r, e = et(r, [
+    "popover"
+  ]);
+  const n = pt(
+    e.store,
+    mt(o, [
+      "arrowElement",
+      "anchorElement",
+      "contentElement",
+      "popoverElement",
+      "disclosureElement"
+    ])
+  );
+  vt(e, n);
+  const s = n == null ? void 0 : n.getState(), u = We(I(F({}, e), { store: n })), c = M(
+    e.placement,
+    s == null ? void 0 : s.placement,
+    "bottom"
+  ), a = I(F({}, u.getState()), {
+    placement: c,
+    currentPlacement: c,
+    anchorElement: M(s == null ? void 0 : s.anchorElement, null),
+    popoverElement: M(s == null ? void 0 : s.popoverElement, null),
+    arrowElement: M(s == null ? void 0 : s.arrowElement, null),
+    rendered: Symbol("rendered")
+  }), i = _e(a, u, n);
+  return I(F(F({}, u), i), {
+    setAnchorElement: (d) => i.setState("anchorElement", d),
+    setPopoverElement: (d) => i.setState("popoverElement", d),
+    setArrowElement: (d) => i.setState("arrowElement", d),
+    render: () => i.setState("rendered", Symbol("rendered"))
+  });
+}
+function je(t, r, o) {
+  return tt(r, [o.popover]), oe(t, o, "placement"), Xe(t, r, o);
+}
+function Xt(t = {}) {
+  const [r, o] = De(ke, t);
+  return je(r, o, t);
+}
+function Tt(t = {}) {
+  var r;
+  const o = (r = t.store) == null ? void 0 : r.getState(), e = ke(I(F({}, t), {
+    placement: M(
+      t.placement,
+      o == null ? void 0 : o.placement,
+      "bottom"
+    )
+  })), n = M(t.timeout, o == null ? void 0 : o.timeout, 500), s = I(F({}, e.getState()), {
+    timeout: n,
+    showTimeout: M(t.showTimeout, o == null ? void 0 : o.showTimeout),
+    hideTimeout: M(t.hideTimeout, o == null ? void 0 : o.hideTimeout),
+    autoFocusOnShow: M(o == null ? void 0 : o.autoFocusOnShow, !1)
+  }), u = _e(s, e, t.store);
+  return I(F(F({}, e), u), {
+    setAutoFocusOnShow: (c) => u.setState("autoFocusOnShow", c)
+  });
+}
+function $t(t, r, o) {
+  return oe(t, o, "timeout"), oe(t, o, "showTimeout"), oe(t, o, "hideTimeout"), je(t, r, o);
+}
+function Yt(t = {}) {
+  const [r, o] = De(Tt, t);
+  return $t(r, o, t);
+}
+export {
+  ht as H,
+  zt as P,
+  qt as a,
+  Ft as b,
+  Tt as c,
+  $t as d,
+  Wt as e,
+  It as f,
+  Xt as g,
+  Yt as h,
+  Ct as u
+};

package/dist/Hint.css

@@ -1 +1 @@
-@layer components{._root_zxnv7_2{display:flex;align-items:center;color:var(--color, var(--color-neutral-60));font-size:var(--font-size-xs);line-height:var(--line-height-xs)}._variant-danger_zxnv7_9{--color: var(--color-red-70)}._variant-success_zxnv7_12{--color: var(--color-green-70)}._variant-warning_zxnv7_15{--color: var(--color-orange-70)}}
+@layer components{._root_1ub92_2{display:flex;align-items:center;color:var(--color, var(--components-colors-hint-color-text-default))}._variant-danger_1ub92_7{--color: var(--components-colors-hint-color-text-error)}._variant-success_1ub92_10{--color: var(--components-colors-hint-color-text-success)}._variant-warning_1ub92_13{--color: var(--components-colors-hint-color-text-warning)}}

package/dist/Hint.js

@@ -1,24 +1,27 @@
 "use client";
 import { jsx as s } from "react/jsx-runtime";
 import { forwardRef as e } from "react";
-import { c as i } from "./index-PAaZGbyz.js";
-const c = "_root_zxnv7_2", _ = {
-  root: c,
-  "variant-danger": "_variant-danger_zxnv7_9",
-  "variant-success": "_variant-success_zxnv7_12",
-  "variant-warning": "_variant-warning_zxnv7_15"
-}, v = i(_), d = e(
-  ({ children: n, className: a, variant: r, ...t }, o) => /* @__PURE__ */ s(
-    "span",
+import { Text as i } from "./Text.js";
+import { c } from "./index-CdiHdiVB.js";
+const _ = "_root_1ub92_2", m = {
+  root: _,
+  "variant-danger": "_variant-danger_1ub92_7",
+  "variant-success": "_variant-success_1ub92_10",
+  "variant-warning": "_variant-warning_1ub92_13"
+}, u = c(m), p = e(
+  ({ children: a, className: t, variant: r, ...o }, n) => /* @__PURE__ */ s(
+    i,
     {
-      className: v("root", r && `variant-${r}`, a),
-      ref: o,
+      as: "span",
+      className: u("root", r && `variant-${r}`, t),
+      ref: n,
       role: r === "danger" ? "alert" : void 0,
-      ...t,
-      children: n
+      variant: "body-sm",
+      ...o,
+      children: a
     }
   )
 );
 export {
-  d as Hint
+  p as Hint
 };

package/dist/Icon.css

@@ -1 +1 @@
-@layer components{._root_8gp32_2{width:var(--size);height:var(--size)}._size-xs_8gp32_7{--size: var(--height-elements-xxs)}._size-sm_8gp32_10{--size: var(--height-elements-xs)}._size-md_8gp32_13{--size: var(--height-elements-sm)}._size-lg_8gp32_16{--size: var(--height-elements-md)}._size-xl_8gp32_19{--size: var(--height-elements-lg)}._size-xxl_8gp32_22{--size: var(--height-elements-xl)}}
+@layer components{._root_576cf_2{width:var(--size);height:var(--size)}._size-xs_576cf_7{--size: var(--size-icon-xs)}._size-sm_576cf_10{--size: var(--size-icon-sm)}._size-md_576cf_13{--size: var(--size-icon-md)}._size-lg_576cf_16{--size: var(--size-icon-lg)}._size-xl_576cf_19{--size: var(--size-icon-xl)}._size-xxl_576cf_22{--size: var(--size-icon-xxl)}._size-2xl_576cf_25{--size: var(--size-icon-xl)}._size-3xl_576cf_28{--size: var(--size-icon-2xl)}._name-folder-full_576cf_31{--secondary-color: color-mix(in srgb, currentColor 75%, black 25%)}._name-folder-full_576cf_31.text-background-accent-green-primary{--secondary-color: var(--color-background-accent-green-stronger)}._name-folder-full_576cf_31.text-background-accent-teal-primary{--secondary-color: var(--color-background-accent-teal-stronger)}._name-folder-full_576cf_31.text-background-accent-blue-primary{--secondary-color: var(--color-background-accent-blue-stronger)}._name-folder-full_576cf_31.text-background-accent-violet-primary{--secondary-color: var(--color-background-accent-violet-stronger)}._name-folder-full_576cf_31.text-background-accent-pink-primary{--secondary-color: var(--color-background-accent-pink-stronger)}._name-folder-full_576cf_31.text-background-accent-orange-primary{--secondary-color: var(--color-background-accent-orange-stronger)}._name-folder-full_576cf_31.text-background-warm-stronger{--secondary-color: var(--color-beige-60)}._name-folder-full_576cf_31.text-background-accent-green-strong{--secondary-color: var(--color-background-accent-green-strongest)}._name-folder-full_576cf_31.text-background-accent-teal-strong{--secondary-color: var(--color-background-accent-teal-strongest)}._name-folder-full_576cf_31.text-background-accent-blue-strong{--secondary-color: var(--color-background-accent-blue-strongest)}._name-folder-full_576cf_31.text-background-accent-violet-strong{--secondary-color: var(--color-background-accent-violet-strongest)}._name-folder-full_576cf_31.text-background-accent-pink-strong{--secondary-color: var(--color-background-accent-pink-strongest)}._name-folder-full_576cf_31.text-background-accent-orange-strong{--secondary-color: var(--color-background-accent-orange-strongest)}._name-folder-full_576cf_31.text-beige-60{--secondary-color: var(--color-beige-80)}}