welcome-ui 0.0.0-dev.1764249770432 → 0.0.0-dev.1764262668434

package/dist/2W3RN7C5-bkX-rIa3.js

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

package/dist/4I4MLMKD-DgPx2VDC.js

@@ -0,0 +1,43 @@
+"use client";
+import { u as p, P as _ } from "./Y67KZUMI-CtXJ_hZt.js";
+import { c as i, _ as v, d as l, p as h, a as n, f as P, b as m, i as D, u as x, x as E } from "./OE2EFRVA-C3721cM3.js";
+import { u as b } from "./ZTXFEM5L-BEA_1pIo.js";
+import { jsx as g } from "react/jsx-runtime";
+var A = "div", d = i(
+  function(s) {
+    var e = s, { store: r } = e, o = v(e, ["store"]);
+    const c = p();
+    return r = r || c, o = l(n({}, o), {
+      ref: h(r == null ? void 0 : r.setAnchorElement, o.ref)
+    }), o;
+  }
+);
+P(function(s) {
+  const e = d(s);
+  return m(A, e);
+});
+var C = "button", k = i(function(s) {
+  var e = s, { store: r } = e, o = v(e, ["store"]);
+  const c = p();
+  r = r || c, D(
+    r,
+    process.env.NODE_ENV !== "production" && "PopoverDisclosure must receive a `store` prop or be wrapped in a PopoverProvider component."
+  );
+  const u = o.onClick, f = x((t) => {
+    r == null || r.setAnchorElement(t.currentTarget), u == null || u(t);
+  });
+  return o = E(
+    o,
+    (t) => /* @__PURE__ */ g(_, { value: r, children: t }),
+    [r]
+  ), o = l(n({}, o), {
+    onClick: f
+  }), o = d(n({ store: r }, o)), o = b(n({ store: r }, o)), o;
+}), w = P(function(s) {
+  const e = k(s);
+  return m(C, e);
+});
+export {
+  w as P,
+  k as u
+};

package/dist/Accordion.css

@@ -1 +1 @@
-@layer components{._root_1ugpw_2{background-color:var(--color-background-neutral-inverse-fixed);border:var(--border-width-xs) solid var(--color-background-neutral-subtlest);border-radius:var(--border-radius-sm);transition:var(--duration-medium)}._root_1ugpw_2:hover{border-color:var(--color-icon-neutral-subtlest)}._icon_1ugpw_11{flex-shrink:0;transform:rotate3d(0);transition:var(--duration-medium);padding:var(--border-radius-md);display:flex;border-radius:var(--border-radius-full);color:var(--color-background-neutral-primary-fixed)}._icon_1ugpw_11 *:first-child{margin:auto}._disclosure_1ugpw_23{width:100%;padding:var(--border-radius-xl);background-color:transparent;border:0;display:flex;justify-content:space-between;align-items:center;gap:var(--border-radius-xl)}._disclosure_1ugpw_23[aria-expanded=true] ._icon_1ugpw_11{transform:rotate3d(0,0,1,90deg)}._disclosure_1ugpw_23:focus,._disclosure_1ugpw_23:hover{cursor:pointer}._disclosure_1ugpw_23:focus ._icon_1ugpw_11,._disclosure_1ugpw_23:hover ._icon_1ugpw_11{background-color:var(--color-background-neutral-subtlest)}._disclosure_1ugpw_23:focus{outline:0}._disclosure_1ugpw_23:focus ._icon_1ugpw_11{color:inherit}._disclosure-content_1ugpw_48{display:grid;grid-template-rows:0fr;transition-property:grid-template-rows;transition-timing-function:linear;transition-duration:.2s;animation-duration:.2s}._disclosure-content_1ugpw_48>*{overflow:hidden;padding:0}._disclosure-content_1ugpw_48[data-enter]{grid-template-rows:1fr}._content-child_1ugpw_63{padding:var(--border-radius-xl);padding-top:0;color:var(--color-background-neutral-tertiary);font-size:var(--font-size-14)}}
+@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

@@ -1,30 +1,30 @@
 "use client";
-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 p } from "./Icon.js";
-import { Text as _ } from "./Text.js";
+import { jsxs as t, jsx as o } from "react/jsx-runtime";
+import { D as d } from "./NMGNQVTG-a9HpYqEe.js";
+import { D as a } from "./T22PY7TE-BxbmImwX.js";
+import { u as k } from "./T22PY7TE-BxbmImwX.js";
+import { forwardRef as _ } from "react";
+import "./Icon-BisRi8B3.js";
+import { R as u } from "./index-Dcq5gh3E.js";
+import { Text as f } from "./Text.js";
 import { c as h } from "./index-PAaZGbyz.js";
-const f = "_root_1ugpw_2", g = "_icon_1ugpw_11", N = "_disclosure_1ugpw_23", v = {
-  root: f,
-  icon: g,
-  disclosure: N,
-  "disclosure-content": "_disclosure-content_1ugpw_48",
-  "content-child": "_content-child_1ugpw_63"
-}, 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,
+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: e, className: r, dataTestId: c, store: i, title: n, ...l }, m) => /* @__PURE__ */ t("div", { className: s("root", r), ref: m, ...l, children: [
+    /* @__PURE__ */ t(
+      d,
       {
         className: s("disclosure"),
         "data-testid": c ? `${c}-title` : void 0,
         store: i,
         children: [
-          /* @__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" }) })
+          /* @__PURE__ */ o(f, { variant: "h5", children: n }),
+          /* @__PURE__ */ o("div", { className: s("icon"), children: /* @__PURE__ */ o(u, { size: "sm" }) })
         ]
       }
     ),
@@ -34,13 +34,12 @@ const f = "_root_1ugpw_2", g = "_icon_1ugpw_11", N = "_disclosure_1ugpw_23", v =
         className: s("disclosure-content"),
         "data-testid": c ? `${c}-content` : void 0,
         store: i,
-        children: /* @__PURE__ */ o("div", { className: s("content-child"), children: t })
+        children: /* @__PURE__ */ o("div", { className: s("content-child"), children: e })
       }
     )
   ] })
 );
-w.displayName = "Accordion";
 export {
-  w as Accordion,
-  b as useAccordion
+  z as Accordion,
+  k as useAccordion
 };

package/dist/Alert.css

@@ -1 +1 @@
-@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)}}
+@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

@@ -1,107 +1,101 @@
 "use client";
-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(
+import { jsxs as q, jsx as c } 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 "./index-PAaZGbyz.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"
+}, i = T(O), D = l(
+  ({ children: n, className: o, cta: e, handleClose: s, hideIcon: g, isFullWidth: A, size: r = "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: r }) : t), f = (t) => {
+      var v;
+      if (t) {
+        if (t.type === w)
+          return _(t, {
+            size: r,
+            variant: m ? "primary-ai" : void 0
+          });
+        if (t.type === N)
+          return _(t, {
+            size: r,
+            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: a(
+        className: i(
           "root",
-          $ && "full-width",
-          `size-${c}`,
-          s && `variant-${s}`,
+          A && "full-width",
+          r && `size-${r}`,
+          a && `variant-${a}`,
+          u && "icon",
           o
         ),
-        ref: T,
-        ...k,
+        ref: z,
+        ...B,
         children: [
-          !!_ && /* @__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 })
+          !!s && /* @__PURE__ */ c(I, { className: i("close-button"), onClick: s, size: "xs" }),
+          u ? /* @__PURE__ */ c(S, { className: i("variant-icon"), size: r, variant: h }) : null,
+          /* @__PURE__ */ q("div", { className: i("content"), children: [
+            /* @__PURE__ */ c(b, { as: "div", className: i("content-text"), children: j }),
+            !!p && /* @__PURE__ */ c("div", { className: i("content-actions"), children: p })
           ] })
         ]
       }
     );
   }
-);
-B.displayName = "Alert";
-const K = Object.assign(B, {
-  Button: d,
-  SecondaryButton: f,
-  Title: l
+), w = l(
+  ({ variant: n = "secondary", ...o }, e) => /* @__PURE__ */ c(y, { className: "shrink-0 w-fit", ref: e, ...o, variant: n })
+), N = l(
+  ({ variant: n = "tertiary", ...o }, e) => /* @__PURE__ */ c(y, { className: "shrink-0 w-fit", ref: e, ...o, variant: n })
+), x = ({ children: n, hasCloseButton: o, variant: e, ...s }) => /* @__PURE__ */ c(
+  b,
+  {
+    as: "span",
+    className: i("title", `title-size-${e}`, o && "title-close-button"),
+    variant: e,
+    ...s,
+    children: n
+  }
+), P = Object.assign(D, {
+  Button: w,
+  SecondaryButton: N,
+  Title: x
 });
 export {
-  K as Alert,
-  z as ICON
+  P as Alert,
+  x as AlertTitle
 };

package/dist/AspectRatio.css

@@ -1 +1 @@
-@layer components{._root_1clgx_2>*{aspect-ratio:var(--aspectRatio, 4/3)}._root_1clgx_2>img,._root_1clgx_2>video{object-fit:cover}._ratio-square_1clgx_8{--aspectRatio: 1 / 1}._ratio-4-3_1clgx_11{--aspectRatio: 4 / 3}._ratio-3-2_1clgx_14{--aspectRatio: 3 / 2}._ratio-video_1clgx_17{--aspectRatio: 16 / 9}}
+@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

@@ -1,19 +1,18 @@
 "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";
+import { c as e } from "./index-PAaZGbyz.js";
+import { f as _ } from "./forwardRefWithAs-8eP3ZN15.js";
 import "react";
-const _ = "_root_1clgx_2", l = {
-  root: _,
-  "ratio-square": "_ratio-square_1clgx_8",
-  "ratio-4-3": "_ratio-4-3_1clgx_11",
-  "ratio-3-2": "_ratio-3-2_1clgx_14",
-  "ratio-video": "_ratio-video_1clgx_17"
-}, m = c(l), p = e(
-  ({ as: o = "div", className: t, ratio: r = "4-3", ...a }, s) => /* @__PURE__ */ i(o, { className: m("root", `ratio-${r}`, t), ref: s, ...a })
+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 })
 );
-p.displayName = "AspectRatio";
+f.displayName = "AspectRatio";
 export {
-  p as AspectRatio
+  f as AspectRatio
 };

package/dist/Avatar.css

@@ -1 +1 @@
-@layer components{._root_2qaar_2{display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;aspect-ratio:1/1;flex-shrink:0;border-radius:var(--components-dimensions-avatar-border-radius);color:var(--color);width:var(--size);height:var(--size);background-color:var(--backgroundColor);font-size:calc(var(--size) / 2.5)}._root_2qaar_2 img{object-fit:cover;width:100%;height:100%}._size-xs_2qaar_24{--size: var(--components-dimensions-avatar-size-xs)}._size-sm_2qaar_27{--size: var(--components-dimensions-avatar-size-sm)}._size-md_2qaar_30{--size: var(--components-dimensions-avatar-size-md)}._size-lg_2qaar_33{--size: var(--components-dimensions-avatar-size-lg)}._placeholder_2qaar_36{display:flex;align-items:center;justify-content:center;--backgroundColor: var(--components-colors-avatar-color-background-placeholder)}._placeholder-icon_2qaar_42{color:var(--components-colors-avatar-color-icon-placeholder)}._background-secondary-blue_2qaar_45{--backgroundColor: var(--components-colors-avatar-color-background-initials-blue);--color: var(--components-colors-avatar-color-text-initials-blue)}._background-secondary-green_2qaar_49{--backgroundColor: var(--components-colors-avatar-color-background-initials-green);--color: var(--components-colors-avatar-color-text-initials-green)}._background-secondary-orange_2qaar_53{--backgroundColor: var(--components-colors-avatar-color-background-initials-orange);--color: var(--components-colors-avatar-color-text-initials-orange)}._background-secondary-pink_2qaar_57{--backgroundColor: var(--components-colors-avatar-color-background-initials-pink);--color: var(--components-colors-avatar-color-text-initials-pink)}._background-secondary-teal_2qaar_61{--backgroundColor: var(--components-colors-avatar-color-background-initials-teal);--color: var(--components-colors-avatar-color-text-initials-teal)}._background-secondary-violet_2qaar_65{--backgroundColor: var(--components-colors-avatar-color-background-initials-violet);--color: var(--components-colors-avatar-color-text-initials-violet)}}
+@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

@@ -1,76 +1,51 @@
 "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";
-import { Text as m } from "./Text.js";
-import { c as p } from "./index-PAaZGbyz.js";
-const b = "_root_2qaar_2", y = "_placeholder_2qaar_36", h = {
-  root: b,
-  "size-xs": "_size-xs_2qaar_24",
-  "size-sm": "_size-sm_2qaar_27",
-  "size-md": "_size-md_2qaar_30",
-  "size-lg": "_size-lg_2qaar_33",
-  placeholder: y,
-  "placeholder-icon": "_placeholder-icon_2qaar_42",
-  "background-secondary-blue": "_background-secondary-blue_2qaar_45",
-  "background-secondary-green": "_background-secondary-green_2qaar_49",
-  "background-secondary-orange": "_background-secondary-orange_2qaar_53",
-  "background-secondary-pink": "_background-secondary-pink_2qaar_57",
-  "background-secondary-teal": "_background-secondary-teal_2qaar_61",
-  "background-secondary-violet": "_background-secondary-violet_2qaar_65"
-}, d = [
+import { jsx as n } from "react/jsx-runtime";
+import { forwardRef as i } from "react";
+import { c as _ } from "./index-PAaZGbyz.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"
-];
-function k(o = "", e) {
-  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;
-  const e = o.length % d.length;
-  return d[e];
-}, l = p(h), q = {
-  lg: "xxl",
-  md: "lg",
-  sm: "md",
-  xs: "sm"
-}, f = {
-  lg: "label-xl",
-  md: "label-xl",
-  sm: "label-lg",
-  xs: "label-sm-strong"
-}, v = g(
-  ({ className: o, getInitials: e = k, name: a, size: r = "md", src: s }, i) => {
-    const c = x(a), t = !s && !a;
-    return /* @__PURE__ */ _(
+], 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": a,
-        className: l(
-          "root",
-          `size-${r}`,
-          c && `background-${c}`,
-          t && "placeholder",
-          o
-        ),
-        ref: i,
+        "aria-label": r,
+        className: z("root", s && `size-${s}`, c && `background-${c}`, e),
+        ref: d,
         role: "img",
-        children: [
-          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
-        ]
+        children: a ? /* @__PURE__ */ n("img", { alt: r, src: a }) : /* @__PURE__ */ n("p", { children: o(r) })
       }
     );
   }
 );
-v.displayName = "Avatar";
 export {
-  v as Avatar
+  p as Avatar,
+  t as colors
 };