welcome-ui 9.0.0 → 10.0.0-alpha.1

package/dist/Accordion.css

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

package/dist/Accordion.js

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

package/dist/Alert.css

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

package/dist/Alert.js

@@ -1,101 +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 "./index-CdiHdiVB.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;
+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-CdiHdiVB.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: c,
-            variant: m ? "primary-ai" : void 0
+            size: r,
+            variant: k ? "primary-ai" : void 0
           });
         if (t.type === N)
           return _(t, {
-            size: c,
-            variant: m ? "tertiary-ai" : void 0
+            size: r,
+            variant: k ? "primary-ai" : void 0
           });
-        if ((v = t.props) != null && v.children)
+        if ((f = t.props) != null && f.children)
           return _(t, {
             ...t.props,
-            children: d.map(
+            children: v.map(
               t.props.children,
-              (k) => f(k)
+              (C) => u(C)
             )
           });
       }
       return t;
-    }, p = C.isValidElement(e) ? f(e) : e;
-    return /* @__PURE__ */ q(
+    }, b = I.isValidElement(n) ? u(n) : n;
+    return /* @__PURE__ */ p(
       "div",
       {
-        className: r(
+        className: s(
           "root",
           A && "full-width",
-          c && `size-${c}`,
-          a && `variant-${a}`,
-          u && "icon",
-          o
+          r && `size-${r}`,
+          c && `variant-${c}`,
+          m && "icon",
+          e
         ),
         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 })
+          !!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 })
           ] })
         ]
       }
     );
   }
 ), w = l(
-  ({ variant: n = "secondary", ...o }, e) => /* @__PURE__ */ i(y, { className: "shrink-0 w-fit", ref: e, ...o, variant: n })
+  ({ variant: o = "secondary", ...e }, n) => /* @__PURE__ */ i(d, { className: "shrink-0 w-fit", ref: n, ...e, variant: o })
 ), 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,
+  ({ 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: r("title", `title-size-${e}`, o && "title-close-button"),
-    variant: e,
-    ...s,
-    children: n
+    className: s("title", `title-size-${n}`, e && "title-close-button"),
+    variant: n,
+    ...a,
+    children: o
   }
 ), P = Object.assign(D, {
   Button: w,
   SecondaryButton: N,
-  Title: x
+  Title: g
 });
 export {
   P as Alert,
-  x as AlertTitle
+  g as AlertTitle
 };

package/dist/AspectRatio.css

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

package/dist/AspectRatio.js

@@ -1,18 +1,18 @@
 "use client";
 import { jsx as i } from "react/jsx-runtime";
-import { c as e } from "./index-CdiHdiVB.js";
-import { f as _ } from "./forwardRefWithAs-8eP3ZN15.js";
+import { c } from "./index-CdiHdiVB.js";
+import { f as e } from "./forwardRefWithAs-8eP3ZN15.js";
 import "react";
-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 })
+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 })
 );
-f.displayName = "AspectRatio";
+p.displayName = "AspectRatio";
 export {
-  f as AspectRatio
+  p as AspectRatio
 };

package/dist/Avatar.css

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

package/dist/Avatar.js

@@ -1,51 +1,74 @@
 "use client";
-import { jsx as n } from "react/jsx-runtime";
-import { forwardRef as i } from "react";
-import { c as _ } from "./index-CdiHdiVB.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 = [
+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-CdiHdiVB.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 = [
   "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(
+];
+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 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"
+}, U = g(
+  ({ className: o, getInitials: e = k, name: r, size: a = "md", src: s }, i) => {
+    const c = x(r), t = !s && !r;
+    return /* @__PURE__ */ _(
       "div",
       {
         "aria-label": r,
-        className: z("root", s && `size-${s}`, c && `background-${c}`, e),
-        ref: d,
+        className: l(
+          "root",
+          `size-${a}`,
+          c && `background-${c}`,
+          t && "placeholder",
+          o
+        ),
+        ref: i,
         role: "img",
-        children: a ? /* @__PURE__ */ n("img", { alt: r, src: a }) : /* @__PURE__ */ n("p", { children: o(r) })
+        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
+        ]
       }
     );
   }
 );
 export {
-  p as Avatar,
-  t as colors
+  U as Avatar
 };

package/dist/Badge.css

@@ -1 +1 @@
-@layer components{._root_nle8k_2{align-items:center;border-radius:var(--radius-xl);display:inline-flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);justify-content:center;line-height:var(--line-height-xs);background-color:var(--backgroundColor);color:var(--color);height:var(--height);padding:var(--padding);width:var(--width)}._disabled-default_nle8k_18{--backgroundColor: var(--color-beige-20);--color: var(--color-beige-40)}._disabled-primary_nle8k_22{--backgroundColor: var(--color-brand-50);--color: var(--color-brand-80)}._rounded-md_nle8k_26{--width: var(--height-20)}._rounded-sm_nle8k_29{--width: var(--height-16)}._size-md_nle8k_32{--height: var(--height-20);--padding: var(--spacing-xs)}._size-sm_nle8k_36{--height: var(--height-16);--padding: var(--spacing-xxs)}._variant-default_nle8k_40{--backgroundColor: var(--color-beige-30);--color: var(--color-beige-70)}._variant-primary_nle8k_44{--backgroundColor: var(--color-brand-40);--color: var(--color-neutral-90)}}
+@layer components{._root_1pr8g_2{align-items:center;display:inline-flex;justify-content:center;background-color:var(--backgroundColor);border-radius:var(--borderRadius);color:var(--color);height:var(--height);max-height:var(--maxHeight);min-width:var(--minWidth);padding-block:var(--paddingBlock);padding-inline:var(--paddingInline);width:var(--width)}._size-lg_1pr8g_18{--borderRadius: var(--components-dimensions-badge-border-radius-lg);--maxHeight: var(--components-dimensions-badge-size-max-height-lg);--minWidth: var(--components-dimensions-badge-size-min-width-lg);--paddingBlock: var(--components-dimensions-badge-padding-block-lg);--paddingInline: var(--components-dimensions-badge-padding-inline-lg)}._size-md_1pr8g_25{--borderRadius: var(--components-dimensions-badge-border-radius-md);--maxHeight: var(--components-dimensions-badge-size-max-height-md);--minWidth: var(--components-dimensions-badge-size-min-width-md);--paddingBlock: var(--components-dimensions-badge-padding-block-md);--paddingInline: var(--components-dimensions-badge-padding-inline-md)}._size-sm_1pr8g_32{--borderRadius: var(--components-dimensions-badge-border-radius-sm);--height: var(--components-dimensions-badge-size-height);--width: var(--components-dimensions-badge-size-width)}._variant-brand_1pr8g_37{--backgroundColor: var(--components-colors-badge-color-background-brand);--color: var(--components-colors-badge-color-text-brand)}._variant-neutral_1pr8g_41{--backgroundColor: var(--components-colors-badge-color-background-neutral);--color: var(--components-colors-badge-color-text-neutral)}._variant-warm_1pr8g_45{--backgroundColor: var(--components-colors-badge-color-background-warm);--color: var(--components-colors-badge-color-text-warm)}._variant-blue_1pr8g_49{--backgroundColor: var(--components-colors-badge-color-background-blue);--color: var(--components-colors-badge-color-text-blue)}}

package/dist/Badge.js

@@ -1,46 +1,32 @@
 "use client";
-import { jsx as m } from "react/jsx-runtime";
-import { forwardRef as u } from "react";
-import { c } from "./index-CdiHdiVB.js";
-const b = "_root_nle8k_2", f = {
-  root: b,
-  "disabled-default": "_disabled-default_nle8k_18",
-  "disabled-primary": "_disabled-primary_nle8k_22",
-  "rounded-md": "_rounded-md_nle8k_26",
-  "rounded-sm": "_rounded-sm_nle8k_29",
-  "size-md": "_size-md_nle8k_32",
-  "size-sm": "_size-sm_nle8k_36",
-  "variant-default": "_variant-default_nle8k_40",
-  "variant-primary": "_variant-primary_nle8k_44"
-}, g = c(f), k = u(
-  ({
-    children: e,
-    className: a,
-    disabled: r,
-    size: t = "md",
-    variant: s = "default",
-    withNumberAbbreviation: d,
-    ...n
-  }, o) => {
-    const i = Number.isInteger(e), _ = e.toString().length === 1, l = i && d && e > 99 ? "99+" : e;
-    return /* @__PURE__ */ m(
+import { jsx as t } from "react/jsx-runtime";
+import { forwardRef as g } from "react";
+import { Text as d } from "./Text.js";
+import { c as b } from "./index-CdiHdiVB.js";
+const c = "_root_1pr8g_2", p = {
+  root: c,
+  "size-lg": "_size-lg_1pr8g_18",
+  "size-md": "_size-md_1pr8g_25",
+  "size-sm": "_size-sm_1pr8g_32",
+  "variant-brand": "_variant-brand_1pr8g_37",
+  "variant-neutral": "_variant-neutral_1pr8g_41",
+  "variant-warm": "_variant-warm_1pr8g_45",
+  "variant-blue": "_variant-blue_1pr8g_49"
+}, v = b(p), u = g(
+  ({ children: r, className: s, size: a = "md", variant: e = "warm", withNumberAbbreviation: o, ...i }, n) => {
+    const m = Number.isInteger(r) && o && r > 99 ? "99+" : r, _ = a === "lg" ? "label-md-strong" : "label-sm-strong", l = a === "sm";
+    return /* @__PURE__ */ t(
       "div",
       {
-        ...n,
-        className: g(
-          "root",
-          r ? `disabled-${s}` : `variant-${s}`,
-          `size-${t}`,
-          _ && `rounded-${t}`,
-          a
-        ),
-        ref: o,
-        children: l
+        ...i,
+        className: v("root", `variant-${e}`, `size-${a}`, s),
+        ref: n,
+        children: !l && /* @__PURE__ */ t(d, { variant: _, children: m })
       }
     );
   }
 );
-k.displayName = "Badge";
+u.displayName = "Badge";
 export {
-  k as Badge
+  u as Badge
 };

package/dist/Breadcrumb.css

@@ -1 +1 @@
-@layer components{._root_ce14e_2{height:100%;position:relative;overflow-x:hidden;padding:var(--spacing-sm) 0;font-size:var(--font-size-subtitle-sm);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-subtitle-sm);line-height:var(--line-height-subtitle-sm);text-transform:uppercase;font-family:var(--font-family-headings)}._list_ce14e_14{display:inline-flex;align-items:center;max-width:100%;overflow-x:auto;margin:0;padding:0;list-style:none;white-space:nowrap}._start-gradient_ce14e_24{left:0;transform-origin:left}._end-gradient_ce14e_28{right:0;transform-origin:right}._start-gradient_ce14e_24,._end-gradient_ce14e_28{position:absolute;bottom:0;top:0;width:var(--spacing-xxl)}._item-wrapper_ce14e_39{display:inline-flex;flex:0 0 auto;line-height:normal}._item-content_ce14e_44{color:var(--breadcrumbItemColor, var(--color-neutral-50));text-decoration:none;align-items:center;transition:var(--duration-medium);direction:initial}._item-content_ce14e_44:hover,._item-content_ce14e_44[aria-current=page]{--breadcrumbItemColor: var(--color-neutral-70)}._item-content_ce14e_44[aria-disabled=true]{pointer-events:none;cursor:default}._item-separator_ce14e_58{color:var(--color-neutral-50);padding:0 var(--spacing-xs);display:flex;align-items:center}}
+@layer components{._root_cvyxb_2{height:100%;position:relative;overflow-x:hidden;padding:var(--border-radius-md) 0;font-size:var(--font-size-12);font-weight:var(--font-weight-medium);letter-spacing:var(--font-letter-spacing-xs);line-height:var(--components-dimensions-breadcrumb-size-icon);text-transform:uppercase;font-family:var(--font-family-title)}._list_cvyxb_14{display:inline-flex;align-items:center;max-width:100%;overflow-x:auto;margin:0;padding:0;list-style:none;white-space:nowrap}._start-gradient_cvyxb_24{left:0;transform-origin:left}._end-gradient_cvyxb_28{right:0;transform-origin:right}._start-gradient_cvyxb_24,._end-gradient_cvyxb_28{position:absolute;bottom:0;top:0;width:var(--size-icon-xl)}._item-wrapper_cvyxb_39{display:inline-flex;flex:0 0 auto;line-height:normal}._item-content_cvyxb_44{color:var(--breadcrumbItemColor, var(--color-icon-neutral-subtlest));text-decoration:none;align-items:center;transition:var(--duration-medium);direction:initial}._item-content_cvyxb_44:hover,._item-content_cvyxb_44[aria-current=page]{--breadcrumbItemColor: var(--color-neutral-70)}._item-content_cvyxb_44[aria-disabled=true]{pointer-events:none;cursor:default}._item-separator_cvyxb_58{color:var(--color-icon-neutral-subtlest);padding:0 var(--components-dimensions-breadcrumb-gap-content);display:flex;align-items:center}}