welcome-ui 9.0.10 → 10.0.0-alpha.10

package/dist/Avatar.js

@@ -1,51 +1,76 @@
 "use client";
-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 = [
+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 = [
   "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 [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__ */ _(
       "div",
       {
-        "aria-label": r,
-        className: z("root", s && `size-${s}`, c && `background-${c}`, e),
-        ref: d,
+        "aria-label": a,
+        className: l(
+          "root",
+          `size-${r}`,
+          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[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 {
-  p as Avatar,
-  t as colors
+  v as Avatar
 };

package/dist/{B7UTNDHN-C-gORHYH.js → B7UTNDHN-BghjolIs.js}

@@ -1,13 +1,13 @@
 "use client";
-import { H as S, G as C, S as Q, I as L, s as X, g as Z, K as p } from "./OE2EFRVA-C3721cM3.js";
-import { t as ee, c as O, s as R, i as te, f as G, d as h, a as ne } from "./RTNCFSKZ-P4icqVD0.js";
+import { z as S, A as R, V as Q, B as L, s as X, g as Z, C as p } from "./OE2EFRVA-Dg1R6gaC.js";
+import { t as ee, c as z, s as M, i as te, f as U, a as h, d as ne } from "./RTNCFSKZ-BywELldk.js";
 function re(t) {
   const i = [];
   for (const e of t)
     i.push(...e);
   return i;
 }
-function U(t) {
+function $(t) {
   return t.slice().reverse();
 }
 function ie(t) {
@@ -35,16 +35,16 @@ function oe(t = {}) {
   ), s = new Map(o.map((r) => [r.id, r])), a = {
     items: o,
     renderedItems: S(e == null ? void 0 : e.renderedItems, [])
-  }, d = se(t.store), u = O(
+  }, d = se(t.store), u = z(
     { items: o, renderedItems: a.renderedItems },
     d
-  ), n = O(a, t.store), b = (r) => {
+  ), n = z(a, t.store), b = (r) => {
     const l = X(r, (c) => c.element);
     u.setState("renderedItems", l), n.setState("renderedItems", l);
   };
-  R(n, () => te(u)), R(u, () => G(u, ["items"], (r) => {
+  M(n, () => te(u)), M(u, () => U(u, ["items"], (r) => {
     n.setState("items", r.items);
-  })), R(u, () => G(u, ["renderedItems"], (r) => {
+  })), M(u, () => U(u, ["renderedItems"], (r) => {
     let l = !0, c = requestAnimationFrame(() => {
       const { renderedItems: m } = n.getState();
       r.renderedItems !== m && b(r.renderedItems);
@@ -90,7 +90,7 @@ function oe(t = {}) {
     (l) => u.setState("items", l),
     !0
   );
-  return C(L({}, n), {
+  return R(L({}, n), {
     registerItem: P,
     renderItem: (r) => Q(
       P(r),
@@ -122,7 +122,7 @@ function _(t, i) {
 function de(t, i) {
   return t.filter((e) => i ? !e.disabled && e.id !== i : !e.disabled);
 }
-function $(t, i) {
+function G(t, i) {
   return t.filter((e) => e.rowId === i);
 }
 function ce(t, i, e = !1) {
@@ -133,7 +133,7 @@ function ce(t, i, e = !1) {
     ...t.slice(0, o)
   ];
 }
-function H(t) {
+function Y(t) {
   const i = [];
   for (const e of t) {
     const o = i.find((s) => {
@@ -144,7 +144,7 @@ function H(t) {
   }
   return i;
 }
-function K(t) {
+function j(t) {
   let i = 0;
   for (const { length: e } of t)
     e > i && (i = e);
@@ -158,7 +158,7 @@ function ue(t) {
   };
 }
 function fe(t, i, e) {
-  const o = K(t);
+  const o = j(t);
   for (const s of t)
     for (let a = 0; a < o; a += 1) {
       const d = s[a];
@@ -170,11 +170,11 @@ function fe(t, i, e) {
   return t;
 }
 function me(t) {
-  const i = H(t), e = K(i), o = [];
+  const i = Y(t), e = j(i), o = [];
   for (let s = 0; s < e; s += 1)
     for (const a of i) {
       const d = a[s];
-      d && o.push(C(L({}, d), {
+      d && o.push(R(L({}, d), {
         // If there's no rowId, it means that it's not a grid composite, but
         // a single row instead. So, instead of verticalizing it, that is,
         // assigning a different rowId based on the column index, we keep it
@@ -191,7 +191,7 @@ function Se(t = {}) {
     t.activeId,
     e == null ? void 0 : e.activeId,
     t.defaultActiveId
-  ), a = C(L({}, o.getState()), {
+  ), a = R(L({}, o.getState()), {
     id: S(
       t.id,
       e == null ? void 0 : e.id,
@@ -219,8 +219,8 @@ function Se(t = {}) {
     focusLoop: S(t.focusLoop, e == null ? void 0 : e.focusLoop, !1),
     focusWrap: S(t.focusWrap, e == null ? void 0 : e.focusWrap, !1),
     focusShift: S(t.focusShift, e == null ? void 0 : e.focusShift, !1)
-  }), d = O(a, o, t.store);
-  R(
+  }), d = z(a, o, t.store);
+  M(
     d,
     () => ne(d, ["renderedItems", "activeId"], (n) => {
       d.setState("activeId", (b) => {
@@ -240,27 +240,27 @@ function Se(t = {}) {
       includesBaseElement: m = r.includesBaseElement,
       renderedItems: w = r.renderedItems,
       rtl: x = r.rtl
-    } = b, y = n === "up" || n === "down", z = n === "next" || n === "down", Y = z ? x && !y : !x || y, j = g && !l;
+    } = b, y = n === "up" || n === "down", O = n === "next" || n === "down", H = O ? x && !y : !x || y, J = g && !l;
     let v = y ? re(
-      fe(H(w), c, j)
+      fe(Y(w), c, J)
     ) : w;
-    if (v = Y ? U(v) : v, v = y ? me(v) : v, c == null)
+    if (v = H ? $(v) : v, v = y ? me(v) : v, c == null)
       return (E = _(v)) == null ? void 0 : E.id;
-    const M = v.find((I) => I.id === c);
-    if (!M)
+    const C = v.find((I) => I.id === c);
+    if (!C)
       return (P = _(v)) == null ? void 0 : P.id;
-    const D = v.some((I) => I.rowId), J = v.indexOf(M), N = v.slice(J + 1), W = $(N, M.rowId);
+    const D = v.some((I) => I.rowId), K = v.indexOf(C), N = v.slice(K + 1), W = G(N, C.rowId);
     if (l) {
       const I = de(W, c), B = I.slice(l)[0] || // If we can't find an item, just return the last one.
       I[I.length - 1];
       return B == null ? void 0 : B.id;
     }
-    const T = F && (y ? F !== "horizontal" : F !== "vertical"), V = D && f && (y ? f !== "horizontal" : f !== "vertical"), A = z ? (!D || y) && T && m : y ? m : !1;
-    if (T) {
-      const I = V && !A ? v : $(v, M.rowId), B = ce(I, c, A), q = _(B, c);
+    const V = F && (y ? F !== "horizontal" : F !== "vertical"), T = D && f && (y ? f !== "horizontal" : f !== "vertical"), A = O ? (!D || y) && V && m : y ? m : !1;
+    if (V) {
+      const I = T && !A ? v : G(v, C.rowId), B = ce(I, c, A), q = _(B, c);
       return q == null ? void 0 : q.id;
     }
-    if (V) {
+    if (T) {
       const I = _(
         // We can use nextItems, which contains all the next items, including
         // items from other rows, to wrap between rows. However, if there is a
@@ -276,7 +276,7 @@ function Se(t = {}) {
     const k = _(W, c);
     return !k && A ? null : k == null ? void 0 : k.id;
   };
-  return C(L(L({}, o), d), {
+  return R(L(L({}, o), d), {
     setBaseElement: (n) => d.setState("baseElement", n),
     setActiveId: (n) => d.setState("activeId", n),
     move: (n) => {
@@ -288,7 +288,7 @@ function Se(t = {}) {
     },
     last: () => {
       var n;
-      return (n = _(U(d.getState().renderedItems))) == null ? void 0 : n.id;
+      return (n = _($(d.getState().renderedItems))) == null ? void 0 : n.id;
     },
     next: (n) => (n !== void 0 && typeof n == "number" && (n = { skip: n }), u("next", n)),
     previous: (n) => (n !== void 0 && typeof n == "number" && (n = { skip: n }), u("previous", n)),
@@ -303,6 +303,6 @@ export {
   oe as a,
   Se as c,
   re as f,
-  U as r,
+  $ as r,
   ge as u
 };

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,33 @@
 "use client";
-import { jsx as m } from "react/jsx-runtime";
-import { forwardRef as u } from "react";
-import { c } from "./index-PAaZGbyz.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 './Badge.css';
+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-PAaZGbyz.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_13qa2_2{position:relative;overflow-x:hidden;font-size:var(--font-size-14);font-weight:var(--font-weight-regular);letter-spacing:0;line-height:var(--font-line-height-md);font-family:var(--font-family-body);--breadcrumbItemGap: var(--spacing-xs)}._list_13qa2_12{display:inline-flex;align-items:center;max-width:100%;overflow-x:auto;margin:0;padding:var(--spacing-sm) 0;list-style:none;white-space:nowrap;gap:var(--breadcrumbItemGap)}._start-gradient_13qa2_23{left:0;transform-origin:left}._end-gradient_13qa2_27{right:0;transform-origin:right}._start-gradient_13qa2_23,._end-gradient_13qa2_27{position:absolute;bottom:0;top:0;width:var(--size-icon-xl)}._item-wrapper_13qa2_38{display:inline-flex;flex:0 0 auto;gap:var(--breadcrumbItemGap)}._item-content_13qa2_43{color:var(--breadcrumbItemColor, var(--components-colors-breadcrumb-color-text-default));text-decoration:none;display:inline-flex;align-items:center;gap:var(--breadcrumbItemGap);transition:var(--duration-medium);direction:initial}._item-content_13qa2_43:hover{--breadcrumbItemColor: var(--components-colors-breadcrumb-color-text-hover)}._item-content_13qa2_43[aria-current=page]{--breadcrumbItemColor: var(--components-colors-breadcrumb-color-text-active);font-weight:var(--font-weight-medium)}._item-content_13qa2_43[aria-disabled=true]{pointer-events:none;cursor:default}._item-separator_13qa2_63{color:var(--components-colors-breadcrumb-color-icon-default);display:flex;align-items:center}}