welcome-ui 8.3.0 → 9.0.0-alpha.0

package/dist/4CMBR7SL-DXQR7a9T.js

@@ -0,0 +1,308 @@
+"use client";
+import { t as Q, c as k, s as R, i as X, f as U, b as h, d as Z } from "./YV4JVR4I-BN6SUVuh.js";
+import { J as S, I as C, M as p, K as L, N as ee, O as te, L as ne } from "./LVA2YJMS-C6Bdr5Em.js";
+function re(t) {
+  var i;
+  const e = t.find((a) => !!a.element), o = [...t].reverse().find((a) => !!a.element);
+  let s = (i = e == null ? void 0 : e.element) == null ? void 0 : i.parentElement;
+  for (; s && (o != null && o.element); ) {
+    if (o && s.contains(o.element))
+      return s;
+    s = s.parentElement;
+  }
+  return te(s).body;
+}
+function ie(t) {
+  return t == null ? void 0 : t.__unstablePrivateStore;
+}
+function se(t = {}) {
+  var i;
+  Q(t, t.store);
+  const e = (i = t.store) == null ? void 0 : i.getState(), o = S(
+    t.items,
+    e == null ? void 0 : e.items,
+    t.defaultItems,
+    []
+  ), s = new Map(o.map((r) => [r.id, r])), a = {
+    items: o,
+    renderedItems: S(e == null ? void 0 : e.renderedItems, [])
+  }, d = ie(t.store), u = k(
+    { items: o, renderedItems: a.renderedItems },
+    d
+  ), n = k(a, t.store), b = (r) => {
+    const l = ee(r, (c) => c.element);
+    u.setState("renderedItems", l), n.setState("renderedItems", l);
+  };
+  R(n, () => X(u)), R(u, () => U(u, ["items"], (r) => {
+    n.setState("items", r.items);
+  })), R(u, () => U(u, ["renderedItems"], (r) => {
+    let l = !0, c = requestAnimationFrame(() => {
+      const { renderedItems: m } = n.getState();
+      r.renderedItems !== m && b(r.renderedItems);
+    });
+    if (typeof IntersectionObserver != "function")
+      return () => cancelAnimationFrame(c);
+    const g = () => {
+      if (l) {
+        l = !1;
+        return;
+      }
+      cancelAnimationFrame(c), c = requestAnimationFrame(() => b(r.renderedItems));
+    }, F = re(r.renderedItems), f = new IntersectionObserver(g, { root: F });
+    for (const m of r.renderedItems)
+      m.element && f.observe(m.element);
+    return () => {
+      cancelAnimationFrame(c), f.disconnect();
+    };
+  }));
+  const E = (r, l, c = !1) => {
+    let g;
+    return l((f) => {
+      const m = f.findIndex(({ id: x }) => x === r.id), w = f.slice();
+      if (m !== -1) {
+        g = f[m];
+        const x = L(L({}, g), r);
+        w[m] = x, s.set(r.id, x);
+      } else
+        w.push(r), s.set(r.id, r);
+      return w;
+    }), () => {
+      l((f) => {
+        if (!g)
+          return c && s.delete(r.id), f.filter(({ id: x }) => x !== r.id);
+        const m = f.findIndex(({ id: x }) => x === r.id);
+        if (m === -1) return f;
+        const w = f.slice();
+        return w[m] = g, s.set(r.id, g), w;
+      });
+    };
+  }, P = (r) => E(
+    r,
+    (l) => u.setState("items", l),
+    !0
+  );
+  return C(L({}, n), {
+    registerItem: P,
+    renderItem: (r) => p(
+      P(r),
+      E(
+        r,
+        (l) => u.setState("renderedItems", l)
+      )
+    ),
+    item: (r) => {
+      if (!r) return null;
+      let l = s.get(r);
+      if (!l) {
+        const { items: c } = u.getState();
+        l = c.find((g) => g.id === r), l && s.set(r, l);
+      }
+      return l || null;
+    },
+    // @ts-expect-error Internal
+    __unstablePrivateStore: u
+  });
+}
+function oe(t, i, e) {
+  return ne(i, [e.store]), h(t, e, "items", "setItems"), t;
+}
+function le(t) {
+  const i = [];
+  for (const e of t)
+    i.push(...e);
+  return i;
+}
+function $(t) {
+  return t.slice().reverse();
+}
+var ae = { id: null };
+function _(t, i) {
+  return t.find((e) => i ? !e.disabled && e.id !== i : !e.disabled);
+}
+function de(t, i) {
+  return t.filter((e) => i ? !e.disabled && e.id !== i : !e.disabled);
+}
+function G(t, i) {
+  return t.filter((e) => e.rowId === i);
+}
+function ce(t, i, e = !1) {
+  const o = t.findIndex((s) => s.id === i);
+  return [
+    ...t.slice(o + 1),
+    ...e ? [ae] : [],
+    ...t.slice(0, o)
+  ];
+}
+function J(t) {
+  const i = [];
+  for (const e of t) {
+    const o = i.find((s) => {
+      var a;
+      return ((a = s[0]) == null ? void 0 : a.rowId) === e.rowId;
+    });
+    o ? o.push(e) : i.push([e]);
+  }
+  return i;
+}
+function K(t) {
+  let i = 0;
+  for (const { length: e } of t)
+    e > i && (i = e);
+  return i;
+}
+function ue(t) {
+  return {
+    id: "__EMPTY_ITEM__",
+    disabled: !0,
+    rowId: t
+  };
+}
+function fe(t, i, e) {
+  const o = K(t);
+  for (const s of t)
+    for (let a = 0; a < o; a += 1) {
+      const d = s[a];
+      if (!d || e && d.disabled) {
+        const n = a === 0 && e ? _(s) : s[a - 1];
+        s[a] = n && i !== n.id && e ? n : ue(n == null ? void 0 : n.rowId);
+      }
+    }
+  return t;
+}
+function me(t) {
+  const i = J(t), e = K(i), o = [];
+  for (let s = 0; s < e; s += 1)
+    for (const a of i) {
+      const d = a[s];
+      d && o.push(C(L({}, d), {
+        // If there's no rowId, it means that it's not a grid composite, but
+        // a single row instead. So, instead of verticalizing it, that is,
+        // assigning a different rowId based on the column index, we keep it
+        // undefined so they will be part of the same row. This is useful
+        // when using up/down on one-dimensional composites.
+        rowId: d.rowId ? `${s}` : void 0
+      }));
+    }
+  return o;
+}
+function Se(t = {}) {
+  var i;
+  const e = (i = t.store) == null ? void 0 : i.getState(), o = se(t), s = S(
+    t.activeId,
+    e == null ? void 0 : e.activeId,
+    t.defaultActiveId
+  ), a = C(L({}, o.getState()), {
+    id: S(
+      t.id,
+      e == null ? void 0 : e.id,
+      `id-${Math.random().toString(36).slice(2, 8)}`
+    ),
+    activeId: s,
+    baseElement: S(e == null ? void 0 : e.baseElement, null),
+    includesBaseElement: S(
+      t.includesBaseElement,
+      e == null ? void 0 : e.includesBaseElement,
+      s === null
+    ),
+    moves: S(e == null ? void 0 : e.moves, 0),
+    orientation: S(
+      t.orientation,
+      e == null ? void 0 : e.orientation,
+      "both"
+    ),
+    rtl: S(t.rtl, e == null ? void 0 : e.rtl, !1),
+    virtualFocus: S(
+      t.virtualFocus,
+      e == null ? void 0 : e.virtualFocus,
+      !1
+    ),
+    focusLoop: S(t.focusLoop, e == null ? void 0 : e.focusLoop, !1),
+    focusWrap: S(t.focusWrap, e == null ? void 0 : e.focusWrap, !1),
+    focusShift: S(t.focusShift, e == null ? void 0 : e.focusShift, !1)
+  }), d = k(a, o, t.store);
+  R(
+    d,
+    () => Z(d, ["renderedItems", "activeId"], (n) => {
+      d.setState("activeId", (b) => {
+        var E;
+        return b !== void 0 ? b : (E = _(n.renderedItems)) == null ? void 0 : E.id;
+      });
+    })
+  );
+  const u = (n = "next", b = {}) => {
+    var E, P;
+    const r = d.getState(), {
+      skip: l = 0,
+      activeId: c = r.activeId,
+      focusShift: g = r.focusShift,
+      focusLoop: F = r.focusLoop,
+      focusWrap: f = r.focusWrap,
+      includesBaseElement: m = r.includesBaseElement,
+      renderedItems: w = r.renderedItems,
+      rtl: x = r.rtl
+    } = b, y = n === "up" || n === "down", z = n === "next" || n === "down", Y = z ? x && !y : !x || y, j = g && !l;
+    let v = y ? le(
+      fe(J(w), c, j)
+    ) : w;
+    if (v = Y ? $(v) : v, v = y ? me(v) : v, c == null)
+      return (E = _(v)) == null ? void 0 : E.id;
+    const M = v.find((I) => I.id === c);
+    if (!M)
+      return (P = _(v)) == null ? void 0 : P.id;
+    const D = v.some((I) => I.rowId), H = v.indexOf(M), N = v.slice(H + 1), O = G(N, M.rowId);
+    if (l) {
+      const I = de(O, c), B = I.slice(l)[0] || // If we can't find an item, just return the last one.
+      I[I.length - 1];
+      return B == null ? void 0 : B.id;
+    }
+    const T = F && (y ? F !== "horizontal" : F !== "vertical"), V = D && f && (y ? f !== "horizontal" : f !== "vertical"), A = z ? (!D || y) && T && m : y ? m : !1;
+    if (T) {
+      const I = V && !A ? v : G(v, M.rowId), B = ce(I, c, A), q = _(B, c);
+      return q == null ? void 0 : q.id;
+    }
+    if (V) {
+      const I = _(
+        // We can use nextItems, which contains all the next items, including
+        // items from other rows, to wrap between rows. However, if there is a
+        // null item (the composite container), we'll only use the next items in
+        // the row. So moving next from the last item will focus on the
+        // composite container. On grid composites, horizontal navigation never
+        // focuses on the composite container, only vertical.
+        A ? O : N,
+        c
+      );
+      return A ? (I == null ? void 0 : I.id) || null : I == null ? void 0 : I.id;
+    }
+    const W = _(O, c);
+    return !W && A ? null : W == null ? void 0 : W.id;
+  };
+  return C(L(L({}, o), d), {
+    setBaseElement: (n) => d.setState("baseElement", n),
+    setActiveId: (n) => d.setState("activeId", n),
+    move: (n) => {
+      n !== void 0 && (d.setState("activeId", n), d.setState("moves", (b) => b + 1));
+    },
+    first: () => {
+      var n;
+      return (n = _(d.getState().renderedItems)) == null ? void 0 : n.id;
+    },
+    last: () => {
+      var n;
+      return (n = _($(d.getState().renderedItems))) == null ? void 0 : n.id;
+    },
+    next: (n) => (n !== void 0 && typeof n == "number" && (n = { skip: n }), u("next", n)),
+    previous: (n) => (n !== void 0 && typeof n == "number" && (n = { skip: n }), u("previous", n)),
+    down: (n) => (n !== void 0 && typeof n == "number" && (n = { skip: n }), u("down", n)),
+    up: (n) => (n !== void 0 && typeof n == "number" && (n = { skip: n }), u("up", n))
+  });
+}
+function ge(t, i, e) {
+  return t = oe(t, i, e), h(t, e, "activeId", "setActiveId"), h(t, e, "includesBaseElement"), h(t, e, "virtualFocus"), h(t, e, "orientation"), h(t, e, "rtl"), h(t, e, "focusLoop"), h(t, e, "focusWrap"), h(t, e, "focusShift"), t;
+}
+export {
+  se as a,
+  Se as c,
+  le as f,
+  $ as r,
+  ge as u
+};

package/dist/ASMQKSDT-GE79MhKX.js

@@ -0,0 +1,89 @@
+"use client";
+import { t as w, f as D, c as G, a as H, _ as O, k as V, m as W, F as $, u as P, v as q, b as z, j as B, d as v, G as I } from "./LVA2YJMS-C6Bdr5Em.js";
+import { createContext as J, useState as K, useRef as L, useEffect as Q } from "react";
+import { u as X } from "./KUU7WJ55-CRa_letc.js";
+import { u as Y } from "./YV4JVR4I-BN6SUVuh.js";
+import { jsx as Z } from "react/jsx-runtime";
+var ee = J(!1), re = w(), te = re.useContext, A = "input";
+function y(t, a) {
+  a ? t.indeterminate = !0 : t.indeterminate && (t.indeterminate = !1);
+}
+function ne(t, a) {
+  return t === "input" && (!a || a === "checkbox");
+}
+function _(t) {
+  return Array.isArray(t) ? t.toString() : t;
+}
+var oe = G(
+  function(a) {
+    var f = a, {
+      store: i,
+      name: h,
+      value: n,
+      checked: p,
+      defaultChecked: C
+    } = f, r = O(f, [
+      "store",
+      "name",
+      "value",
+      "checked",
+      "defaultChecked"
+    ]);
+    const T = te();
+    i = i || T;
+    const [E, S] = K(C ?? !1), u = Y(i, (e) => {
+      if (p !== void 0) return p;
+      if ((e == null ? void 0 : e.value) === void 0) return E;
+      if (n != null) {
+        if (Array.isArray(e.value)) {
+          const d = _(n);
+          return e.value.includes(d);
+        }
+        return e.value === n;
+      }
+      return Array.isArray(e.value) ? !1 : typeof e.value == "boolean" ? e.value : !1;
+    }), k = L(null), N = V(k, A), o = ne(N, r.type), m = u ? u === "mixed" : void 0, s = u === "mixed" ? !1 : u, R = W(r), [U, j] = $();
+    Q(() => {
+      const e = k.current;
+      e && (y(e, m), !o && (e.checked = s, h !== void 0 && (e.name = h), n !== void 0 && (e.value = `${n}`)));
+    }, [U, m, o, s, h, n]);
+    const x = r.onChange, b = P((e) => {
+      if (R) {
+        e.stopPropagation(), e.preventDefault();
+        return;
+      }
+      if (y(e.currentTarget, m), o || (e.currentTarget.checked = !e.currentTarget.checked, j()), x == null || x(e), e.defaultPrevented) return;
+      const d = e.currentTarget.checked;
+      S(d), i == null || i.setValue((c) => {
+        if (n == null) return d;
+        const l = _(n);
+        return Array.isArray(c) ? d ? c.includes(l) ? c : [...c, l] : c.filter((M) => M !== l) : c === l ? !1 : l;
+      });
+    }), g = r.onClick, F = P((e) => {
+      g == null || g(e), !e.defaultPrevented && (o || b(e));
+    });
+    return r = q(
+      r,
+      (e) => /* @__PURE__ */ Z(ee.Provider, { value: s, children: e }),
+      [s]
+    ), r = z(v({
+      role: o ? void 0 : "checkbox",
+      type: o ? "checkbox" : void 0,
+      "aria-checked": u
+    }, r), {
+      ref: B(k, r.ref),
+      onChange: b,
+      onClick: F
+    }), r = X(v({ clickOnEnter: !o }, r)), I(v({
+      name: o ? h : void 0,
+      value: o ? n : void 0,
+      checked: s
+    }, r));
+  }
+), de = D(function(a) {
+  const f = oe(a);
+  return H(A, f);
+});
+export {
+  de as C
+};

package/dist/AXB53BZF-ClCOTGI-.js

@@ -0,0 +1,25 @@
+"use client";
+import { u } from "./P4IRICAX-CvgWqpy0.js";
+import { a as c } from "./VGCJ63VH-Bdd6jzVW.js";
+import { f as l, c as p, a as D, _ as m, i as g, d as a, g as v } from "./LVA2YJMS-C6Bdr5Em.js";
+var d = "button", f = p(
+  function(r) {
+    var s = r, { store: o } = s, e = m(s, ["store"]);
+    const i = c();
+    o = o || i, g(
+      o,
+      process.env.NODE_ENV !== "production" && "DialogDisclosure must receive a `store` prop or be wrapped in a DialogProvider component."
+    );
+    const n = o.useState("contentElement");
+    return e = a({
+      "aria-haspopup": v(n, "dialog")
+    }, e), e = u(a({ store: o }, e)), e;
+  }
+), P = l(function(r) {
+  const s = f(r);
+  return D(d, s);
+});
+export {
+  P as D,
+  f as u
+};

package/dist/Accordion.css

@@ -0,0 +1 @@
+@layer components{._root_173le_2{background-color:var(--color-neutral-10);border:var(--border-width-sm) solid var(--color-neutral-30);border-radius:var(--radius-md);transition:var(--duration-medium)}._root_173le_2:hover{border-color:var(--color-neutral-50)}._icon_173le_11{flex-shrink:0;transform:rotate3d(0);transition:var(--duration-medium);padding:var(--spacing-sm);display:flex;border-radius:var(--radius-circle);color:var(--color-neutral-90)}._icon_173le_11 *:first-child{margin:auto}._disclosure_173le_23{width:100%;padding:var(--spacing-lg);background-color:transparent;border:0;display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-lg)}._disclosure_173le_23[aria-expanded=true] ._icon_173le_11{transform:rotate3d(0,0,1,90deg)}._disclosure_173le_23:focus,._disclosure_173le_23:hover{cursor:pointer}._disclosure_173le_23:focus ._icon_173le_11,._disclosure_173le_23:hover ._icon_173le_11{background-color:var(--color-neutral-30)}._disclosure_173le_23:focus{outline:0}._disclosure_173le_23:focus ._icon_173le_11{color:inherit}._disclosure-content_173le_48{display:grid;grid-template-rows:0fr;transition-property:grid-template-rows;transition-timing-function:linear;transition-duration:.2s;animation-duration:.2s}._disclosure-content_173le_48>*{overflow:hidden;padding:0}._disclosure-content_173le_48[data-enter]{grid-template-rows:1fr}._content-child_173le_63{padding:var(--spacing-lg);padding-top:0;color:var(--color-neutral-70);font-size:var(--font-size-sm)}}

package/dist/Accordion.js

@@ -0,0 +1,45 @@
+"use client";
+import { jsxs as i, jsx as o } from "react/jsx-runtime";
+import { D as d } from "./P4IRICAX-CvgWqpy0.js";
+import { d as a } from "./VGCJ63VH-Bdd6jzVW.js";
+import { e as k } from "./VGCJ63VH-Bdd6jzVW.js";
+import { forwardRef as _ } from "react";
+import "./Icon-CvQNL_iy.js";
+import { R as u } from "./index-BYbxYLuX.js";
+import { Text as f } from "./Text.js";
+import { c as h } from "./classNames-qiokGROM.js";
+const p = "_root_173le_2", v = "_icon_173le_11", x = "_disclosure_173le_23", N = {
+  root: p,
+  icon: v,
+  disclosure: x,
+  "disclosure-content": "_disclosure-content_173le_48",
+  "content-child": "_content-child_173le_63"
+}, s = h(N), z = _(
+  ({ children: t, className: r, dataTestId: c, store: e, title: n, ...l }, m) => /* @__PURE__ */ i("div", { className: s("root", r), ref: m, ...l, children: [
+    /* @__PURE__ */ i(
+      d,
+      {
+        className: s("disclosure"),
+        "data-testid": c ? `${c}-title` : void 0,
+        store: e,
+        children: [
+          /* @__PURE__ */ o(f, { variant: "h5", children: n }),
+          /* @__PURE__ */ o("div", { className: s("icon"), children: /* @__PURE__ */ o(u, { size: "sm" }) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ o(
+      a,
+      {
+        className: s("disclosure-content"),
+        "data-testid": c ? `${c}-content` : void 0,
+        store: e,
+        children: /* @__PURE__ */ o("div", { className: s("content-child"), children: t })
+      }
+    )
+  ] })
+);
+export {
+  z as Accordion,
+  k as useAccordion
+};

package/dist/Alert.css

@@ -0,0 +1 @@
+@layer components{._root_1c0qe_2{position:relative;display:flex;align-items:flex-start;width:100%;border-radius:var(--radius-lg);border:var(--border-width-sm) solid;padding:var(--padding);max-width:var(--maxWidth, max-content);background-color:var(--backgroundColor, var(--color-neutral-10));border-color:var(--borderColor, var(--color-neutral-30));color:var(--color, var(--color-neutral-80))}._size-sm_1c0qe_16{--padding: var(--spacing-lg)}._size-md_1c0qe_19{--padding: var(--spacing-xl)}._variant-ai_1c0qe_22{--backgroundColor: var(--color-violet-10);--borderColor: var(--color-violet-10);--color: var(--color-violet-90)}._variant-beige_1c0qe_27{--backgroundColor: var(--color-beige-20);--borderColor: var(--color-beige-20);--color: var(--color-beige-80)}._variant-danger_1c0qe_32{--backgroundColor: var(--color-red-10);--borderColor: var(--color-red-10);--color: var(--color-red-90)}._variant-info_1c0qe_37{--backgroundColor: var(--color-blue-10);--borderColor: var(--color-blue-10);--color: var(--color-blue-90)}._variant-success_1c0qe_42{--backgroundColor: var(--color-green-10);--borderColor: var(--color-green-10);--color: var(--color-green-90)}._variant-warning_1c0qe_47{--backgroundColor: var(--color-orange-10);--borderColor: var(--color-orange-10);--color: var(--color-orange-90)}._full-width_1c0qe_52{--maxWidth: 100%}._icon_1c0qe_55._size-sm_1c0qe_16 svg{margin-top:1px}._icon_1c0qe_55._size-sm_1c0qe_16 ._content_1c0qe_58{margin-left:var(--spacing-md)}._icon_1c0qe_55._size-md_1c0qe_19 svg{margin-top:-3px}._icon_1c0qe_55._size-md_1c0qe_19 ._content_1c0qe_58{margin-left:var(--spacing-lg)}._content_1c0qe_58{display:flex;gap:var(--spacing-md);flex-direction:column;justify-content:space-between;align-items:flex-start;flex:1}._content-text_1c0qe_76{flex:1}._content-actions_1c0qe_79{display:flex;align-items:center;gap:var(--spacing-sm)}._variant-icon_1c0qe_84{align-self:start}._title_1c0qe_88{font-weight:var(--font-weight-500);margin-bottom:var(--titleMarginBottom)}._title-size-sm_1c0qe_93{--titleMarginBottom: var(--spacing-xs)}._title-size-md_1c0qe_96{--titleMarginBottom: var(--spacing-sm)}._title-close-button_1c0qe_99{margin-right:var(--spacing-xl)}._close-button_1c0qe_103{position:absolute;right:var(--spacing-sm);top:var(--spacing-sm)}}

package/dist/Alert.js

@@ -0,0 +1,101 @@
+"use client";
+import { jsxs as q, jsx as i } from "react/jsx-runtime";
+import C, { forwardRef as l, Children as d, cloneElement as _ } from "react";
+import { Button as y } from "./Button.js";
+import { CloseButton as I } from "./CloseButton.js";
+import { Text as b } from "./Text.js";
+import { VariantIcon as S } from "./VariantIcon.js";
+import { c as T } from "./classNames-qiokGROM.js";
+const V = "_root_1c0qe_2", $ = "_icon_1c0qe_55", E = "_content_1c0qe_58", R = "_title_1c0qe_88", O = {
+  root: V,
+  "size-sm": "_size-sm_1c0qe_16",
+  "size-md": "_size-md_1c0qe_19",
+  "variant-ai": "_variant-ai_1c0qe_22",
+  "variant-beige": "_variant-beige_1c0qe_27",
+  "variant-danger": "_variant-danger_1c0qe_32",
+  "variant-info": "_variant-info_1c0qe_37",
+  "variant-success": "_variant-success_1c0qe_42",
+  "variant-warning": "_variant-warning_1c0qe_47",
+  "full-width": "_full-width_1c0qe_52",
+  icon: $,
+  content: E,
+  "content-text": "_content-text_1c0qe_76",
+  "content-actions": "_content-actions_1c0qe_79",
+  "variant-icon": "_variant-icon_1c0qe_84",
+  title: R,
+  "title-size-sm": "_title-size-sm_1c0qe_93",
+  "title-size-md": "_title-size-md_1c0qe_96",
+  "title-close-button": "_title-close-button_1c0qe_99",
+  "close-button": "_close-button_1c0qe_103"
+}, r = T(O), D = l(
+  ({ children: n, className: o, cta: e, handleClose: s, hideIcon: g, isFullWidth: A, size: c = "sm", variant: a, ...B }, z) => {
+    const h = a === "beige" ? void 0 : a, m = a === "ai", u = !g, j = d.toArray(n).map((t) => t.type === x ? _(t, { hasCloseButton: !!s, variant: c }) : t), f = (t) => {
+      var v;
+      if (t) {
+        if (t.type === w)
+          return _(t, {
+            size: c,
+            variant: m ? "primary-ai" : void 0
+          });
+        if (t.type === N)
+          return _(t, {
+            size: c,
+            variant: m ? "tertiary-ai" : void 0
+          });
+        if ((v = t.props) != null && v.children)
+          return _(t, {
+            ...t.props,
+            children: d.map(
+              t.props.children,
+              (k) => f(k)
+            )
+          });
+      }
+      return t;
+    }, p = C.isValidElement(e) ? f(e) : e;
+    return /* @__PURE__ */ q(
+      "div",
+      {
+        className: r(
+          "root",
+          A && "full-width",
+          c && `size-${c}`,
+          a && `variant-${a}`,
+          u && "icon",
+          o
+        ),
+        ref: z,
+        ...B,
+        children: [
+          !!s && /* @__PURE__ */ i(I, { className: "close-button", onClick: s, size: "xs" }),
+          u ? /* @__PURE__ */ i(S, { className: r("variant-icon"), size: c, variant: h }) : null,
+          /* @__PURE__ */ q("div", { className: r("content"), children: [
+            /* @__PURE__ */ i(b, { as: "div", className: r("content-text"), children: j }),
+            !!p && /* @__PURE__ */ i("div", { className: r("content-actions"), children: p })
+          ] })
+        ]
+      }
+    );
+  }
+), w = l(
+  ({ variant: n = "secondary", ...o }, e) => /* @__PURE__ */ i(y, { className: "shrink-0 w-fit", ref: e, ...o, variant: n })
+), N = l(
+  ({ variant: n = "tertiary", ...o }, e) => /* @__PURE__ */ i(y, { className: "shrink-0 w-fit", ref: e, ...o, variant: n })
+), x = ({ children: n, hasCloseButton: o, variant: e, ...s }) => /* @__PURE__ */ i(
+  b,
+  {
+    as: "span",
+    className: r("title", `title-size-${e}`, o && "title-close-button"),
+    variant: e,
+    ...s,
+    children: n
+  }
+), P = Object.assign(D, {
+  Button: w,
+  SecondaryButton: N,
+  Title: x
+});
+export {
+  P as Alert,
+  x as AlertTitle
+};

package/dist/AspectRatio.css

@@ -0,0 +1 @@
+@layer components{._root_1s56r_2>*{aspect-ratio:var(--aspect-ratio, 4/3)}._root_1s56r_2>img,._root_1s56r_2>video{object-fit:cover}._ratio-square_1s56r_8{--aspect-ratio: 1 / 1}._ratio-4-3_1s56r_11{--aspect-ratio: 4 / 3}._ratio-3-2_1s56r_14{--aspect-ratio: 3 / 2}._ratio-video_1s56r_17{--aspect-ratio: 16 / 9}}

package/dist/AspectRatio.js

@@ -0,0 +1,17 @@
+"use client";
+import { jsx as i } from "react/jsx-runtime";
+import { c as e } from "./classNames-qiokGROM.js";
+import { f as _ } from "./forwardRefWithAs-8eP3ZN15.js";
+const c = "_root_1s56r_2", m = {
+  root: c,
+  "ratio-square": "_ratio-square_1s56r_8",
+  "ratio-4-3": "_ratio-4-3_1s56r_11",
+  "ratio-3-2": "_ratio-3-2_1s56r_14",
+  "ratio-video": "_ratio-video_1s56r_17"
+}, p = e(m), f = _(
+  ({ as: o = "div", className: r, ratio: t = "4-3", ...s }, a) => /* @__PURE__ */ i(o, { className: p("root", `ratio-${t}`, r), ref: a, ...s })
+);
+f.displayName = "AspectRatio";
+export {
+  f as AspectRatio
+};

package/dist/Avatar.css

@@ -0,0 +1 @@
+@layer components{._root_zm5un_2{flex-shrink:0;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;aspect-ratio:1/1;border-radius:var(--radius-circle);color:var(--color-neutral-90);font-weight:var(--font-weight-medium);width:var(--size);height:var(--size);background-color:var(--backgroundColor);font-size:calc(var(--size) / 2.5)}._root_zm5un_2 img{object-fit:cover;width:100%;height:100%}._size-sm_zm5un_24{--size: var(--height-20)}._size-md_zm5un_27{--size: var(--height-30)}._size-lg_zm5un_30{--size: var(--height-40)}._size-xl_zm5un_33{--size: var(--height-50)}._size-xxl_zm5un_36{--size: var(--height-60)}._background-secondary-blue_zm5un_39{--backgroundColor: var(--color-secondary-blue)}._background-secondary-green_zm5un_42{--backgroundColor: var(--color-secondary-green)}._background-secondary-orange_zm5un_45{--backgroundColor: var(--color-secondary-orange)}._background-secondary-pink_zm5un_48{--backgroundColor: var(--color-secondary-pink)}._background-secondary-teal_zm5un_51{--backgroundColor: var(--color-secondary-teal)}._background-secondary-violet_zm5un_54{--backgroundColor: var(--color-secondary-violet)}}

package/dist/Avatar.js

@@ -0,0 +1,51 @@
+"use client";
+import { jsx as n } from "react/jsx-runtime";
+import { forwardRef as i } from "react";
+import { c as _ } from "./classNames-qiokGROM.js";
+const l = "_root_zm5un_2", u = {
+  root: l,
+  "size-sm": "_size-sm_zm5un_24",
+  "size-md": "_size-md_zm5un_27",
+  "size-lg": "_size-lg_zm5un_30",
+  "size-xl": "_size-xl_zm5un_33",
+  "size-xxl": "_size-xxl_zm5un_36",
+  "background-secondary-blue": "_background-secondary-blue_zm5un_39",
+  "background-secondary-green": "_background-secondary-green_zm5un_42",
+  "background-secondary-orange": "_background-secondary-orange_zm5un_45",
+  "background-secondary-pink": "_background-secondary-pink_zm5un_48",
+  "background-secondary-teal": "_background-secondary-teal_zm5un_51",
+  "background-secondary-violet": "_background-secondary-violet_zm5un_54"
+};
+function g(e = "") {
+  const [o, r] = e.split(" ");
+  return o && r ? `${o.charAt(0).toUpperCase()}${r.charAt(0).toUpperCase()}` : o.substring(0, 2).toUpperCase();
+}
+const m = (e) => {
+  const o = e.length % t.length;
+  return t[o];
+}, z = _(u), t = [
+  "secondary-blue",
+  "secondary-green",
+  "secondary-orange",
+  "secondary-pink",
+  "secondary-teal",
+  "secondary-violet"
+], p = i(
+  ({ className: e, getInitials: o = g, name: r, size: s = "md", src: a }, d) => {
+    const c = m(r);
+    return /* @__PURE__ */ n(
+      "div",
+      {
+        "aria-label": r,
+        className: z("root", s && `size-${s}`, c && `background-${c}`, e),
+        ref: d,
+        role: "img",
+        children: a ? /* @__PURE__ */ n("img", { alt: r, src: a }) : /* @__PURE__ */ n("p", { children: o(r) })
+      }
+    );
+  }
+);
+export {
+  p as Avatar,
+  t as colors
+};