welcome-ui 10.0.0-alpha.3 → 10.0.0-alpha.5

package/dist/2W3RN7C5-DMC82gDP.js

@@ -0,0 +1,61 @@
+"use client";
+import { c as I, _ as p, R as d, F as O, P as q, u as _, d as x, v as j, a as T, Z as Y, $ as w, j as H, h as L, a0 as V, a1 as Z, f as $, b as z } from "./OE2EFRVA-Dg1R6gaC.js";
+import { useRef as C, useState as D, useEffect as G } from "react";
+var J = "button";
+function M(a) {
+  if (!a.isTrusted) return !1;
+  const t = a.currentTarget;
+  return a.key === "Enter" ? d(t) || t.tagName === "SUMMARY" || t.tagName === "A" : a.key === " " ? d(t) || t.tagName === "SUMMARY" || t.tagName === "INPUT" || t.tagName === "SELECT" : !1;
+}
+var Q = Symbol("command"), W = I(
+  function(t) {
+    var i = t, { clickOnEnter: m = !0, clickOnSpace: u = !0 } = i, r = p(i, ["clickOnEnter", "clickOnSpace"]);
+    const c = C(null), [R, K] = D(!1);
+    G(() => {
+      c.current && K(d(c.current));
+    }, []);
+    const [U, k] = D(!1), f = C(!1), y = O(r), [E, F] = q(r, Q, !0), P = r.onKeyDown, h = _((e) => {
+      P == null || P(e);
+      const s = e.currentTarget;
+      if (e.defaultPrevented || E || y || !H(e) || L(s) || s.isContentEditable) return;
+      const o = m && e.key === "Enter", n = u && e.key === " ", b = e.key === "Enter" && !m, l = e.key === " " && !u;
+      if (b || l) {
+        e.preventDefault();
+        return;
+      }
+      if (o || n) {
+        const g = M(e);
+        if (o) {
+          if (!g) {
+            e.preventDefault();
+            const S = e, { view: X } = S, B = p(S, ["view"]), N = () => w(s, B);
+            V() ? Z(s, "keyup", N) : queueMicrotask(N);
+          }
+        } else n && (f.current = !0, g || (e.preventDefault(), k(!0)));
+      }
+    }), v = r.onKeyUp, A = _((e) => {
+      if (v == null || v(e), e.defaultPrevented || E || y || e.metaKey) return;
+      const s = u && e.key === " ";
+      if (f.current && s && (f.current = !1, !M(e))) {
+        e.preventDefault(), k(!1);
+        const o = e.currentTarget, n = e, { view: b } = n, l = p(n, ["view"]);
+        queueMicrotask(() => w(o, l));
+      }
+    });
+    return r = x(T(T({
+      "data-active": U || void 0,
+      type: R ? "button" : void 0
+    }, F), r), {
+      ref: j(c, r.ref),
+      onKeyDown: h,
+      onKeyUp: A
+    }), r = Y(r), r;
+  }
+);
+$(function(t) {
+  const i = W(t);
+  return z(J, i);
+});
+export {
+  W as u
+};

package/dist/{4I4MLMKD-z3Xm3qCo.js → 4I4MLMKD-BO6Lcy7s.js}

@@ -1,10 +1,10 @@
 "use client";
-import { u as O, a as E, P as z } from "./Y67KZUMI-BDyUNSJw.js";
-import { u as _ } from "./RTNCFSKZ-LcIdBwa8.js";
-import { c as b, _ as g, i as A, w as H, d as x, a as p, p as W, r as T, L, M as j, v as I, f as w, b as k, u as U, x as B } from "./OE2EFRVA-DkdhQLJL.js";
+import { u as z, a as E, P as H } from "./Y67KZUMI-BwLWwpNF.js";
+import { b as _ } from "./RTNCFSKZ-BywELldk.js";
+import { c as b, _ as g, i as A, l as M, d as x, a as p, v as W, r as T, m as j, O as I, y as L, f as w, b as k, u as U, k as B } from "./OE2EFRVA-Dg1R6gaC.js";
 import { useMemo as C, useState as F } from "react";
 import { jsx as l, jsxs as Z } from "react/jsx-runtime";
-import { u as q } from "./ZTXFEM5L-CjFLRObi.js";
+import { u as q } from "./ZTXFEM5L-WGHY_jqg.js";
 var h = "M23 27.8C24.1 29 26.4 30 28 30H30H0H2C3.7 30 5.9 29 7 27.8L14 20.6C14.7 19.8 15.3 19.8 16 20.6L23 27.8Z", G = "div", P = 30, u = P / 2, J = {
   top: `rotate(180 ${u} ${u})`,
   right: `rotate(-90 ${u} ${u})`,
@@ -13,9 +13,9 @@ var h = "M23 27.8C24.1 29 26.4 30 28 30H30H0H2C3.7 30 5.9 29 7 27.8L14 20.6C14.7
 };
 function K(n) {
   const [o, t] = F(), e = _(n, "contentElement");
-  return L(() => {
+  return j(() => {
     if (!e) return;
-    const s = j(e).getComputedStyle(e);
+    const s = I(e).getComputedStyle(e);
     t(s);
   }, [e]), o;
 }
@@ -41,7 +41,7 @@ var Y = b(
       "size",
       "borderWidth"
     ]);
-    const m = O();
+    const m = z();
     e = e || m, A(
       e,
       process.env.NODE_ENV !== "production" && "PopoverArrow must be wrapped in a Popover component."
@@ -49,16 +49,16 @@ var Y = b(
     const i = _(
       e,
       (v) => v.currentPlacement.split("-")[0]
-    ), d = H(), c = K(e), V = X(i, c) || "none", f = (c == null ? void 0 : c.getPropertyValue("background-color")) || "none", [N, S] = C(() => {
+    ), d = M(), c = K(e), V = X(i, c) || "none", f = (c == null ? void 0 : c.getPropertyValue("background-color")) || "none", [N, y] = C(() => {
       if (s != null) return [s, !1];
       if (!c) return [0, !1];
       const v = Q(c);
       if (v) return [Number.parseInt(v, 10), !0];
-      const y = c.getPropertyValue(`border-${i}-width`);
-      return y ? [Math.ceil(Number.parseFloat(y)), !1] : [0, !1];
-    }, [s, c, i]), R = N * 2 * (P / r), $ = J[i], M = C(
-      () => /* @__PURE__ */ l("svg", { display: "block", viewBox: "0 0 30 30", children: /* @__PURE__ */ Z("g", { transform: $, children: [
-        !S && // When using the CSS border property, set the fill color to match
+      const $ = c.getPropertyValue(`border-${i}-width`);
+      return $ ? [Math.ceil(Number.parseFloat($)), !1] : [0, !1];
+    }, [s, c, i]), R = N * 2 * (P / r), S = J[i], O = C(
+      () => /* @__PURE__ */ l("svg", { display: "block", viewBox: "0 0 30 30", children: /* @__PURE__ */ Z("g", { transform: S, children: [
+        !y && // When using the CSS border property, set the fill color to match
         // the background behind the stroke so transparent strokes match
         // the appearance of borders on HTML elements.
         /* @__PURE__ */ l(
@@ -84,10 +84,10 @@ var Y = b(
           }
         ) })
       ] }) }),
-      [$, S, f, d]
+      [S, y, f, d]
     );
     return a = x(p({
-      children: M,
+      children: O,
       "aria-hidden": !0
     }, a), {
       ref: W(e.setArrowElement, a.ref),
@@ -103,7 +103,7 @@ var Y = b(
       }, a.style)
     }), T(a);
   }
-), ce = I(
+), ce = L(
   w(function(o) {
     const t = Y(o);
     return k(G, t);
@@ -133,7 +133,7 @@ var re = "button", oe = b(function(o) {
   });
   return r = B(
     r,
-    (i) => /* @__PURE__ */ l(z, { value: e, children: i }),
+    (i) => /* @__PURE__ */ l(H, { value: e, children: i }),
     [e]
   ), r = x(p({}, r), {
     onClick: m

package/dist/Accordion.js

@@ -1,29 +1,30 @@
 "use client";
-import { jsxs as i, jsx as o } from "react/jsx-runtime";
-import { D as d } from "./NMGNQVTG-BgAqqGOq.js";
-import { D as a } from "./T22PY7TE-CzEDuEn1.js";
-import { u as b } from "./T22PY7TE-CzEDuEn1.js";
+import './Accordion.css';
+import { jsxs as r, jsx as o } from "react/jsx-runtime";
+import { D as m } from "./NMGNQVTG-DRO2uXZT.js";
+import { D as a } from "./T22PY7TE-gLuJpoOm.js";
+import { u as b } from "./T22PY7TE-gLuJpoOm.js";
 import { forwardRef as u } from "react";
-import { Icon as _ } from "./Icon.js";
-import { Text as p } from "./Text.js";
+import { Icon as p } from "./Icon.js";
+import { Text as _ } from "./Text.js";
 import { c as h } from "./index-PAaZGbyz.js";
-const f = "_root_1ugpw_2", g = "_icon_1ugpw_11", w = "_disclosure_1ugpw_23", v = {
+const f = "_root_1ugpw_2", g = "_icon_1ugpw_11", N = "_disclosure_1ugpw_23", v = {
   root: f,
   icon: g,
-  disclosure: w,
+  disclosure: N,
   "disclosure-content": "_disclosure-content_1ugpw_48",
   "content-child": "_content-child_1ugpw_63"
-}, s = h(v), z = u(
-  ({ children: t, className: n, dataTestId: c, store: r, title: e, ...l }, m) => /* @__PURE__ */ i("div", { className: s("root", n), ref: m, ...l, children: [
-    /* @__PURE__ */ i(
-      d,
+}, s = h(v), w = u(
+  ({ children: t, className: n, dataTestId: c, store: i, title: e, ...l }, d) => /* @__PURE__ */ r("div", { className: s("root", n), ref: d, ...l, children: [
+    /* @__PURE__ */ r(
+      m,
       {
         className: s("disclosure"),
         "data-testid": c ? `${c}-title` : void 0,
-        store: r,
+        store: i,
         children: [
-          /* @__PURE__ */ o(p, { as: "h5", variant: "heading-sm-strong", children: e }),
-          /* @__PURE__ */ o("div", { className: s("icon"), children: /* @__PURE__ */ o(_, { name: "arrow-right", size: "sm" }) })
+          /* @__PURE__ */ o(_, { as: "h5", variant: "heading-sm-strong", children: e }),
+          /* @__PURE__ */ o("div", { className: s("icon"), children: /* @__PURE__ */ o(p, { name: "angle-right", size: "lg" }) })
         ]
       }
     ),
@@ -32,13 +33,14 @@ const f = "_root_1ugpw_2", g = "_icon_1ugpw_11", w = "_disclosure_1ugpw_23", v =
       {
         className: s("disclosure-content"),
         "data-testid": c ? `${c}-content` : void 0,
-        store: r,
+        store: i,
         children: /* @__PURE__ */ o("div", { className: s("content-child"), children: t })
       }
     )
   ] })
 );
+w.displayName = "Accordion";
 export {
-  z as Accordion,
+  w as Accordion,
   b as useAccordion
 };

package/dist/Alert.css

@@ -1 +1 @@
-@layer components{._root_1kb4k_2{position:relative;display:flex;align-items:flex-start;width:100%;border-radius:var(--border-radius-md);border:var(--border-width-xs) solid;padding:var(--padding);max-width:var(--maxWidth, max-content);background-color:var(--backgroundColor, var(--color-background-neutral-inverse-fixed));border-color:var(--borderColor, var(--color-background-neutral-subtlest));color:var(--color, var(--color-background-neutral-secondary))}._size-sm_1kb4k_16{--padding: var(--border-radius-xl)}._size-md_1kb4k_19{--padding: var(--border-radius-2xl)}._variant-ai_1kb4k_22{--backgroundColor: var(--color-violet-10);--borderColor: var(--color-violet-10);--color: var(--color-violet-90)}._variant-beige_1kb4k_27{--backgroundColor: var(--color-background-warm-primary);--borderColor: var(--color-background-warm-primary);--color: var(--color-border-warm-stronger)}._variant-danger_1kb4k_32{--backgroundColor: var(--color-background-danger-minimal);--borderColor: var(--color-background-danger-minimal);--color: var(--color-icon-danger-primary)}._variant-info_1kb4k_37{--backgroundColor: var(--color-background-accent-blue-minimal);--borderColor: var(--color-background-accent-blue-minimal);--color: var(--color-icon-accent-blue-primary)}._variant-success_1kb4k_42{--backgroundColor: var(--color-green-10);--borderColor: var(--color-green-10);--color: var(--color-icon-accent-green-primary)}._variant-warning_1kb4k_47{--backgroundColor: var(--color-background-warning-minimal);--borderColor: var(--color-background-warning-minimal);--color: var(--color-icon-warning-primary)}._full-width_1kb4k_52{--maxWidth: 100%}._icon_1kb4k_55._size-sm_1kb4k_16 svg{margin-top:1px}._icon_1kb4k_55._size-sm_1kb4k_16 ._content_1kb4k_58{margin-left:var(--border-radius-lg)}._icon_1kb4k_55._size-md_1kb4k_19 svg{margin-top:-3px}._icon_1kb4k_55._size-md_1kb4k_19 ._content_1kb4k_58{margin-left:var(--border-radius-xl)}._content_1kb4k_58{display:flex;gap:var(--border-radius-lg);flex-direction:column;justify-content:space-between;align-items:flex-start;flex:1}._content-text_1kb4k_76{flex:1}._content-actions_1kb4k_79{display:flex;align-items:center;gap:var(--border-radius-md)}._variant-icon_1kb4k_84{align-self:start}._title_1kb4k_88{font-weight:var(--font-weight-medium);margin-bottom:var(--titleMarginBottom)}._title-size-sm_1kb4k_93{--titleMarginBottom: var(--border-radius-sm)}._title-size-md_1kb4k_96{--titleMarginBottom: var(--border-radius-md)}._title-close-button_1kb4k_99{margin-right:var(--border-radius-2xl)}._close-button_1kb4k_103{position:absolute;right:var(--border-radius-md);top:var(--border-radius-md)}}
+@layer components{._root_hm7mj_2{position:relative;display:flex;align-items:flex-start;width:100%;gap:var(--gap, var(--components-dimensions-alert-gap-content-md));border-radius:var(--components-dimensions-alert-border-radius);border-width:var(--border-width-sm);border-style:solid;padding:var(--padding);max-width:var(--maxWidth, max-content);background-color:var(--backgroundColor, var(--components-colors-alert-color-background-brand));border-color:var(--borderColor, var(--components-colors-alert-color-background-brand));color:var(--color, var(--components-colors-alert-color-text-brand-body))}._size-md_hm7mj_18{--padding: var(--components-dimensions-alert-padding-inline-md)}._size-md_hm7mj_18 ._content-actions_hm7mj_21{--gap: var(--components-dimensions-alert-gap-actions-md)}._size-md_hm7mj_18 ._without-title_hm7mj_24 ._icon-wrapper_hm7mj_24{margin-top:-2px}._size-lg_hm7mj_27{--padding: var(--components-dimensions-alert-padding-inline-lg);--gap: var(--components-dimensions-alert-gap-content-lg)}._size-lg_hm7mj_27 ._content-actions_hm7mj_21{--gap: var(--components-dimensions-alert-gap-actions-lg)}._variant-ai_hm7mj_34{--backgroundColor: var(--components-colors-alert-color-background-ai);--borderColor: transparent;background:linear-gradient(var(--components-colors-alert-color-background-ai) 0 0) padding-box,linear-gradient(90deg,var(--color-green-30) 0%,var(--color-teal-40) 20%,var(--color-blue-40) 40%,var(--color-violet-40) 60%,var(--color-pink-40) 80%,var(--color-red-orange-40) 100%) border-box}._variant-danger_hm7mj_39{--backgroundColor: var(--components-colors-alert-color-background-danger);--borderColor: var(--components-colors-alert-color-background-danger);--color: var(--color-icon-danger-primary)}._variant-info_hm7mj_44{--backgroundColor: var(--components-colors-alert-color-background-information);--borderColor: var(--components-colors-alert-color-background-information);--color: var(--color-icon-accent-blue-primary)}._variant-success_hm7mj_49{--backgroundColor: var(--components-colors-alert-color-background-success);--borderColor: var(--components-colors-alert-color-background-success);--color: var(--color-icon-accent-green-primary)}._variant-warning_hm7mj_54{--backgroundColor: var(--components-colors-alert-color-background-warning);--borderColor: var(--components-colors-alert-color-background-warning);--color: var(--color-icon-warning-primary)}._full-width_hm7mj_59{--maxWidth: 100%}._content_hm7mj_21{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:var(--gap, var(--components-dimensions-alert-gap-content-md))}._content-text_hm7mj_70{display:flex;flex-direction:column;gap:var(--gap, var(--components-dimensions-alert-gap-content-md))}._content-text_hm7mj_70._without-title_hm7mj_24{flex-direction:row}._content-text_hm7mj_70._without-title_hm7mj_24 ._icon-wrapper_hm7mj_24{align-self:flex-start}._content-actions_hm7mj_21{display:flex;align-items:center;gap:var(--gap)}._title-close-button_hm7mj_87{margin-right:var(--spacing-xl)}._title-with-icon_hm7mj_90{display:flex;align-items:center;gap:var(--spacing-sm)}._close-button_hm7mj_96{position:absolute;right:var(--spacing-sm);top:var(--spacing-sm)}._icon-wrapper_hm7mj_24{flex-shrink:0;padding:var(--components-dimensions-alert-icon-padding-block);border-radius:var(--components-dimensions-alert-icon-border-radius);background-color:var(--iconWrapperBackgroundColor, var(--components-colors-alert-icon-color-background-brand));color:var(--iconWrapperColor, var(--components-colors-alert-icon-color-icon-brand))}._icon-wrapper-success_hm7mj_109{--iconWrapperBackgroundColor: var(--components-colors-alert-icon-color-background-success);--iconWrapperColor: var(--components-colors-alert-icon-color-icon-success)}._icon-wrapper-danger_hm7mj_113{--iconWrapperBackgroundColor: var(--components-colors-alert-icon-color-background-danger);--iconWrapperColor: var(--components-colors-alert-icon-color-icon-danger)}._icon-wrapper-info_hm7mj_117{--iconWrapperBackgroundColor: var( --components-colors-alert-icon-color-background-information );--iconWrapperColor: var(--components-colors-alert-icon-color-icon-information)}._icon-wrapper-warning_hm7mj_123{--iconWrapperBackgroundColor: var(--components-colors-alert-icon-color-background-warning);--iconWrapperColor: var(--components-colors-alert-icon-color-icon-warning)}._icon-wrapper-ai_hm7mj_127{background:conic-gradient(from 30deg at 50% 50%,var(--color-green-30) 0deg,var(--color-blue-40) 25.96deg,var(--color-violet-40) 51.92deg,var(--color-pink-40) 76.15deg,var(--color-red-orange-40) 110.77deg,var(--color-pink-40) 162.69deg,var(--color-violet-40) 209.42deg,var(--color-blue-40) 254.42deg,var(--color-teal-40) 306.35deg,var(--color-green-30) 360deg);--iconWrapperColor: var(--components-colors-alert-icon-color-icon-ai)}}

package/dist/Alert.js

@@ -1,101 +1,107 @@
 "use client";
-import { jsxs as p, jsx as i } from "react/jsx-runtime";
-import I, { forwardRef as l, Children as v, cloneElement as _ } from "react";
-import { Button as d } from "./Button.js";
-import { CloseButton as S } from "./CloseButton.js";
-import { Text as y } from "./Text.js";
-import { VariantIcon as T } from "./VariantIcon.js";
-import { c as V } from "./index-PAaZGbyz.js";
-const $ = "_root_1kb4k_2", E = "_icon_1kb4k_55", R = "_content_1kb4k_58", O = "_title_1kb4k_88", q = {
-  root: $,
-  "size-sm": "_size-sm_1kb4k_16",
-  "size-md": "_size-md_1kb4k_19",
-  "variant-ai": "_variant-ai_1kb4k_22",
-  "variant-beige": "_variant-beige_1kb4k_27",
-  "variant-danger": "_variant-danger_1kb4k_32",
-  "variant-info": "_variant-info_1kb4k_37",
-  "variant-success": "_variant-success_1kb4k_42",
-  "variant-warning": "_variant-warning_1kb4k_47",
-  "full-width": "_full-width_1kb4k_52",
-  icon: E,
-  content: R,
-  "content-text": "_content-text_1kb4k_76",
-  "content-actions": "_content-actions_1kb4k_79",
-  "variant-icon": "_variant-icon_1kb4k_84",
-  title: O,
-  "title-size-sm": "_title-size-sm_1kb4k_93",
-  "title-size-md": "_title-size-md_1kb4k_96",
-  "title-close-button": "_title-close-button_1kb4k_99",
-  "close-button": "_close-button_1kb4k_103"
-}, s = V(q), D = l(
-  ({ children: o, className: e, cta: n, handleClose: a, hideIcon: x, isFullWidth: A, size: r = "sm", variant: c, ...B }, z) => {
-    const h = c === "beige" ? void 0 : c, k = c === "ai", m = !x, j = v.toArray(o).map((t) => t.type === g ? _(t, { hasCloseButton: !!a, variant: r }) : t), u = (t) => {
-      var f;
-      if (t) {
-        if (t.type === w)
-          return _(t, {
-            size: r,
-            variant: k ? "primary-ai" : void 0
-          });
-        if (t.type === N)
-          return _(t, {
-            size: r,
-            variant: k ? "primary-ai" : void 0
-          });
-        if ((f = t.props) != null && f.children)
-          return _(t, {
-            ...t.props,
-            children: v.map(
-              t.props.children,
-              (C) => u(C)
-            )
-          });
-      }
-      return t;
-    }, b = I.isValidElement(n) ? u(n) : n;
-    return /* @__PURE__ */ p(
+import './Alert.css';
+import { jsx as i, jsxs as m } from "react/jsx-runtime";
+import p, { forwardRef as w, Children as u, cloneElement as h } from "react";
+import { CloseButton as E } from "./CloseButton.js";
+import { Icon as V } from "./Icon.js";
+import { Text as N } from "./Text.js";
+import { c as A } from "./index-PAaZGbyz.js";
+import { Button as b } from "./Button.js";
+const I = "_root_hm7mj_2", O = "_content_hm7mj_21", x = {
+  root: I,
+  "size-md": "_size-md_hm7mj_18",
+  "content-actions": "_content-actions_hm7mj_21",
+  "without-title": "_without-title_hm7mj_24",
+  "icon-wrapper": "_icon-wrapper_hm7mj_24",
+  "size-lg": "_size-lg_hm7mj_27",
+  "variant-ai": "_variant-ai_hm7mj_34",
+  "variant-danger": "_variant-danger_hm7mj_39",
+  "variant-info": "_variant-info_hm7mj_44",
+  "variant-success": "_variant-success_hm7mj_49",
+  "variant-warning": "_variant-warning_hm7mj_54",
+  "full-width": "_full-width_hm7mj_59",
+  content: O,
+  "content-text": "_content-text_hm7mj_70",
+  "title-close-button": "_title-close-button_hm7mj_87",
+  "title-with-icon": "_title-with-icon_hm7mj_90",
+  "close-button": "_close-button_hm7mj_96",
+  "icon-wrapper-success": "_icon-wrapper-success_hm7mj_109",
+  "icon-wrapper-danger": "_icon-wrapper-danger_hm7mj_113",
+  "icon-wrapper-info": "_icon-wrapper-info_hm7mj_117",
+  "icon-wrapper-warning": "_icon-wrapper-warning_hm7mj_123",
+  "icon-wrapper-ai": "_icon-wrapper-ai_hm7mj_127"
+}, d = w(
+  ({ variant: t = "primary", ...o }, n) => /* @__PURE__ */ i(b, { className: "shrink-0 w-fit", ref: n, variant: t, ...o })
+);
+d.displayName = "Alert.Button";
+const f = w(
+  ({ variant: t = "secondary", ...o }, n) => /* @__PURE__ */ i(b, { className: "shrink-0 w-fit", ref: n, variant: t, ...o })
+);
+f.displayName = "Alert.SecondaryButton";
+const R = A(x), l = ({ children: t, hasCloseButton: o, ...n }) => /* @__PURE__ */ i(N, { as: "span", className: R(o && "title-close-button"), ...n, children: t });
+l.displayName = "Alert.Title";
+const a = A(x), z = {
+  ai: "sparkles",
+  brand: "lightbulb-alt",
+  danger: "exclamation-octagon",
+  info: "info-circle",
+  success: "check-circle",
+  warning: "exclamation-triangle"
+}, B = w(
+  ({ children: t, className: o, cta: n, handleClose: _, isFullWidth: $, size: c = "md", variant: s = "brand", ...k }, T) => {
+    const C = s === "ai", j = u.toArray(t).some((e) => p.isValidElement(e) ? e.type === l : !1), y = /* @__PURE__ */ i("div", { className: a("icon-wrapper", `icon-wrapper-${s}`), children: /* @__PURE__ */ i(V, { name: z[s] }) }), S = u.toArray(t).map((e) => e.type === l ? /* @__PURE__ */ m("div", { className: a("title-with-icon"), children: [
+      y,
+      h(e, {
+        hasCloseButton: !!_,
+        variant: `body-${c}-strong`
+      })
+    ] }) : e), g = (e) => u.toArray(e).flatMap((r) => p.isValidElement(r) && r.type === p.Fragment ? g(r.props.children) : r.type === d ? h(r, {
+      size: c,
+      variant: C ? "primary-ai" : void 0
+    }) : r.type === f ? h(r, {
+      size: c
+    }) : r), v = !!n && g(n);
+    return /* @__PURE__ */ m(
       "div",
       {
-        className: s(
+        className: a(
           "root",
-          A && "full-width",
-          r && `size-${r}`,
-          c && `variant-${c}`,
-          m && "icon",
-          e
+          $ && "full-width",
+          `size-${c}`,
+          s && `variant-${s}`,
+          o
         ),
-        ref: z,
-        ...B,
+        ref: T,
+        ...k,
         children: [
-          !!a && /* @__PURE__ */ i(S, { className: "close-button", onClick: a, size: "sm" }),
-          m ? /* @__PURE__ */ i(T, { className: s("variant-icon"), size: r, variant: h }) : null,
-          /* @__PURE__ */ p("div", { className: s("content"), children: [
-            /* @__PURE__ */ i(y, { as: "div", className: s("content-text"), children: j }),
-            !!b && /* @__PURE__ */ i("div", { className: s("content-actions"), children: b })
+          !!_ && /* @__PURE__ */ i(E, { className: a("close-button"), onClick: _ }),
+          /* @__PURE__ */ m("div", { className: a("content"), children: [
+            /* @__PURE__ */ m(
+              N,
+              {
+                as: "div",
+                className: a("content-text", !j && "without-title"),
+                variant: `body-${c}`,
+                children: [
+                  !j && y,
+                  S
+                ]
+              }
+            ),
+            !!v && /* @__PURE__ */ i("div", { className: a("content-actions"), children: v })
           ] })
         ]
       }
     );
   }
-), w = l(
-  ({ variant: o = "secondary", ...e }, n) => /* @__PURE__ */ i(d, { className: "shrink-0 w-fit", ref: n, ...e, variant: o })
-), N = l(
-  ({ variant: o = "tertiary", ...e }, n) => /* @__PURE__ */ i(d, { className: "shrink-0 w-fit", ref: n, ...e, variant: o })
-), g = ({ children: o, hasCloseButton: e, variant: n, ...a }) => /* @__PURE__ */ i(
-  y,
-  {
-    as: "span",
-    className: s("title", `title-size-${n}`, e && "title-close-button"),
-    variant: n,
-    ...a,
-    children: o
-  }
-), P = Object.assign(D, {
-  Button: w,
-  SecondaryButton: N,
-  Title: g
+);
+B.displayName = "Alert";
+const K = Object.assign(B, {
+  Button: d,
+  SecondaryButton: f,
+  Title: l
 });
 export {
-  P as Alert,
-  g as AlertTitle
+  K as Alert,
+  z as ICON
 };

package/dist/AspectRatio.js

@@ -1,4 +1,5 @@
 "use client";
+import './AspectRatio.css';
 import { jsx as i } from "react/jsx-runtime";
 import { c } from "./index-PAaZGbyz.js";
 import { f as e } from "./forwardRefWithAs-8eP3ZN15.js";

package/dist/Avatar.js

@@ -1,4 +1,5 @@
 "use client";
+import './Avatar.css';
 import { jsxs as _, jsx as n } from "react/jsx-runtime";
 import { forwardRef as g } from "react";
 import { Icon as u } from "./Icon.js";
@@ -27,8 +28,8 @@ const b = "_root_2qaar_2", y = "_placeholder_2qaar_36", h = {
   "secondary-violet"
 ];
 function k(o = "", e) {
-  const [r, a] = o.split(" ");
-  return e === "xs" || e === "sm" ? r.charAt(0).toUpperCase() : a ? `${r.charAt(0).toUpperCase()}${a.charAt(0).toUpperCase()}` : r.substring(0, 2).toUpperCase();
+  const [a, r] = o.split(" ");
+  return e === "xs" || e === "sm" ? a.charAt(0).toUpperCase() : r ? `${a.charAt(0).toUpperCase()}${r.charAt(0).toUpperCase()}` : a.substring(0, 2).toUpperCase();
 }
 const x = (o) => {
   if (!o) return;
@@ -44,16 +45,16 @@ const x = (o) => {
   md: "label-xl",
   sm: "label-lg",
   xs: "label-sm-strong"
-}, U = g(
-  ({ className: o, getInitials: e = k, name: r, size: a = "md", src: s }, i) => {
-    const c = x(r), t = !s && !r;
+}, v = g(
+  ({ className: o, getInitials: e = k, name: a, size: r = "md", src: s }, i) => {
+    const c = x(a), t = !s && !a;
     return /* @__PURE__ */ _(
       "div",
       {
-        "aria-label": r,
+        "aria-label": a,
         className: l(
           "root",
-          `size-${a}`,
+          `size-${r}`,
           c && `background-${c}`,
           t && "placeholder",
           o
@@ -61,14 +62,15 @@ const x = (o) => {
         ref: i,
         role: "img",
         children: [
-          t ? /* @__PURE__ */ n(u, { className: l("placeholder-icon"), name: "user", size: q[a] }) : null,
-          s ? /* @__PURE__ */ n("img", { alt: r, src: s }) : null,
-          !s && r ? /* @__PURE__ */ n(m, { as: "span", className: l("initials"), variant: f[a], children: e(r, a) }) : null
+          t ? /* @__PURE__ */ n(u, { className: l("placeholder-icon"), name: "user", size: q[r] }) : null,
+          s ? /* @__PURE__ */ n("img", { alt: a, src: s }) : null,
+          !s && a ? /* @__PURE__ */ n(m, { as: "span", className: l("initials"), variant: f[r], children: e(a, r) }) : null
         ]
       }
     );
   }
 );
+v.displayName = "Avatar";
 export {
-  U as Avatar
+  v as Avatar
 };