welcome-ui 10.0.0-alpha.13 → 10.0.0-alpha.15

package/dist/7PRQYBBV-D9IY4qtU.js

@@ -0,0 +1,14 @@
+"use client";
+function n(r) {
+  const e = [];
+  for (const t of r)
+    e.push(...t);
+  return e;
+}
+function s(r) {
+  return r.slice().reverse();
+}
+export {
+  n as f,
+  s as r
+};

package/dist/Alert.js

@@ -1,12 +1,13 @@
 "use client";
 import './Alert.css';
 import { jsx as i, jsxs as l } from "react/jsx-runtime";
-import p, { forwardRef as y, Children as f, cloneElement as m } from "react";
-import { CloseButton as E } from "./CloseButton.js";
+import p, { forwardRef as E, Children as f, cloneElement as m } from "react";
+import { CloseButton as R } from "./CloseButton.js";
 import { Icon as V } from "./Icon.js";
-import { Text as b } from "./Text.js";
-import { c as x } from "./index-PAaZGbyz.js";
+import { Text as A } from "./Text.js";
+import { c as b } from "./index-PAaZGbyz.js";
 import { Button as h } from "./Button.js";
+import { f as x } from "./forwardRefWithAs-8eP3ZN15.js";
 const I = "_root_8fyu4_2", O = "_content_8fyu4_21", B = {
   root: I,
   "size-md": "_size-md_8fyu4_18",
@@ -30,65 +31,64 @@ const I = "_root_8fyu4_2", O = "_content_8fyu4_21", B = {
   "icon-wrapper-info": "_icon-wrapper-info_8fyu4_119",
   "icon-wrapper-warning": "_icon-wrapper-warning_8fyu4_125",
   "icon-wrapper-ai": "_icon-wrapper-ai_8fyu4_129"
-}, w = y(
+}, y = x(
   ({ variant: t = "primary", ...o }, n) => /* @__PURE__ */ i(h, { className: "shrink-0 w-fit", ref: n, variant: t, ...o })
-);
-w.displayName = "Alert.Button";
-const d = y(
+), w = x(
   ({ variant: t = "secondary", ...o }, n) => /* @__PURE__ */ i(h, { className: "shrink-0 w-fit", ref: n, variant: t, ...o })
 );
-d.displayName = "Alert.SecondaryButton";
-const R = x(B), _ = ({ children: t, hasCloseButton: o, ...n }) => /* @__PURE__ */ i(b, { as: "span", className: R(o && "title-close-button"), ...n, children: t });
+y.displayName = "Alert.Button";
+w.displayName = "Alert.SecondaryButton";
+const z = b(B), _ = ({ children: t, hasCloseButton: o, ...n }) => /* @__PURE__ */ i(A, { as: "span", className: z(o && "title-close-button"), ...n, children: t });
 _.displayName = "Alert.Title";
-const a = x(B), z = {
+const a = b(B), F = {
   ai: "sparkles",
   brand: "lightbulb-alt",
   danger: "exclamation-octagon",
   info: "info-circle",
   success: "check-circle",
   warning: "exclamation-triangle"
-}, $ = y(
-  ({ children: t, className: o, cta: n, handleClose: u, isFullWidth: k, size: c = "md", variant: s = "brand", ...T }, C) => {
-    const S = s === "ai", g = f.toArray(t).some((e) => p.isValidElement(e) ? e.type === _ : !1), v = /* @__PURE__ */ i("div", { className: a("icon-wrapper", `icon-wrapper-${s}`), children: /* @__PURE__ */ i(V, { name: z[s] }) }), j = f.toArray(t).map((e) => e.type === _ ? /* @__PURE__ */ l("div", { className: a("title-with-icon"), children: [
-      v,
+}, $ = E(
+  ({ children: t, className: o, cta: n, handleClose: u, isFullWidth: k, size: s = "md", variant: c = "brand", ...T }, C) => {
+    const S = c === "ai", d = f.toArray(t).some((e) => p.isValidElement(e) ? e.type === _ : !1), g = /* @__PURE__ */ i("div", { className: a("icon-wrapper", `icon-wrapper-${c}`), children: /* @__PURE__ */ i(V, { name: F[c] }) }), j = f.toArray(t).map((e) => e.type === _ ? /* @__PURE__ */ l("div", { className: a("title-with-icon"), children: [
+      g,
       m(e, {
         hasCloseButton: !!u,
-        variant: `body-${c}-strong`
+        variant: `body-${s}-strong`
       })
-    ] }) : e), N = (e) => f.toArray(e).flatMap((r) => p.isValidElement(r) && r.type === p.Fragment ? N(r.props.children) : r.type === w ? m(r, {
-      size: c,
+    ] }) : e), v = (e) => f.toArray(e).flatMap((r) => p.isValidElement(r) && r.type === p.Fragment ? v(r.props.children) : r.type === y ? m(r, {
+      size: s,
       variant: S ? "primary-ai" : void 0
-    }) : r.type === d ? m(r, {
-      size: c
-    }) : r), A = !!n && N(n);
+    }) : r.type === w ? m(r, {
+      size: s
+    }) : r), N = !!n && v(n);
     return /* @__PURE__ */ l(
       "div",
       {
         className: a(
           "root",
           k && "full-width",
-          `size-${c}`,
-          s && `variant-${s}`,
+          `size-${s}`,
+          c && `variant-${c}`,
           o
         ),
         ref: C,
         ...T,
         children: [
-          !!u && /* @__PURE__ */ i(E, { className: a("close-button"), onClick: u }),
+          !!u && /* @__PURE__ */ i(R, { className: a("close-button"), onClick: u }),
           /* @__PURE__ */ l("div", { className: a("content"), children: [
             /* @__PURE__ */ l(
-              b,
+              A,
               {
                 as: "div",
-                className: a("content-text", !g && "without-title"),
-                variant: `body-${c}`,
+                className: a("content-text", !d && "without-title"),
+                variant: `body-${s}`,
                 children: [
-                  !g && v,
+                  !d && g,
                   j
                 ]
               }
             ),
-            !!A && /* @__PURE__ */ i("div", { className: a("content-actions"), children: A })
+            !!N && /* @__PURE__ */ i("div", { className: a("content-actions"), children: N })
           ] })
         ]
       }
@@ -96,12 +96,12 @@ const a = x(B), z = {
   }
 );
 $.displayName = "Alert";
-const K = Object.assign($, {
-  Button: w,
-  SecondaryButton: d,
+const L = Object.assign($, {
+  Button: y,
+  SecondaryButton: w,
   Title: _
 });
 export {
-  K as Alert,
-  z as ICON
+  L as Alert,
+  F as ICON
 };

package/dist/{B7UTNDHN-BghjolIs.js → B7UTNDHN-DDN2hpM5.js}

@@ -1,15 +1,7 @@
 "use client";
-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 $(t) {
-  return t.slice().reverse();
-}
+import { r as U, f as Q } from "./7PRQYBBV-D9IY4qtU.js";
+import { z as S, A as R, V as X, B as L, s as Z, g as p, C as ee } from "./OE2EFRVA-Dg1R6gaC.js";
+import { t as te, c as z, s as M, i as ne, f as $, a as h, d as re } from "./RTNCFSKZ-BywELldk.js";
 function ie(t) {
   var i;
   const e = t.find((a) => !!a.element), o = [...t].reverse().find((a) => !!a.element);
@@ -19,14 +11,14 @@ function ie(t) {
       return s;
     s = s.parentElement;
   }
-  return Z(s).body;
+  return p(s).body;
 }
 function se(t) {
   return t == null ? void 0 : t.__unstablePrivateStore;
 }
 function oe(t = {}) {
   var i;
-  ee(t, t.store);
+  te(t, t.store);
   const e = (i = t.store) == null ? void 0 : i.getState(), o = S(
     t.items,
     e == null ? void 0 : e.items,
@@ -39,12 +31,12 @@ function oe(t = {}) {
     { items: o, renderedItems: a.renderedItems },
     d
   ), n = z(a, t.store), b = (r) => {
-    const l = X(r, (c) => c.element);
+    const l = Z(r, (c) => c.element);
     u.setState("renderedItems", l), n.setState("renderedItems", l);
   };
-  M(n, () => te(u)), M(u, () => U(u, ["items"], (r) => {
+  M(n, () => ne(u)), M(u, () => $(u, ["items"], (r) => {
     n.setState("items", r.items);
-  })), M(u, () => U(u, ["renderedItems"], (r) => {
+  })), M(u, () => $(u, ["renderedItems"], (r) => {
     let l = !0, c = requestAnimationFrame(() => {
       const { renderedItems: m } = n.getState();
       r.renderedItems !== m && b(r.renderedItems);
@@ -92,7 +84,7 @@ function oe(t = {}) {
   );
   return R(L({}, n), {
     registerItem: P,
-    renderItem: (r) => Q(
+    renderItem: (r) => X(
       P(r),
       E(
         r,
@@ -113,7 +105,7 @@ function oe(t = {}) {
   });
 }
 function le(t, i, e) {
-  return p(i, [e.store]), h(t, e, "items", "setItems"), t;
+  return ee(i, [e.store]), h(t, e, "items", "setItems"), t;
 }
 var ae = { id: null };
 function _(t, i) {
@@ -185,7 +177,7 @@ function me(t) {
     }
   return o;
 }
-function Se(t = {}) {
+function ge(t = {}) {
   var i;
   const e = (i = t.store) == null ? void 0 : i.getState(), o = oe(t), s = S(
     t.activeId,
@@ -222,7 +214,7 @@ function Se(t = {}) {
   }), d = z(a, o, t.store);
   M(
     d,
-    () => ne(d, ["renderedItems", "activeId"], (n) => {
+    () => re(d, ["renderedItems", "activeId"], (n) => {
       d.setState("activeId", (b) => {
         var E;
         return b !== void 0 ? b : (E = _(n.renderedItems)) == null ? void 0 : E.id;
@@ -241,10 +233,10 @@ function Se(t = {}) {
       renderedItems: w = r.renderedItems,
       rtl: x = r.rtl
     } = b, y = n === "up" || n === "down", O = n === "next" || n === "down", H = O ? x && !y : !x || y, J = g && !l;
-    let v = y ? re(
+    let v = y ? Q(
       fe(Y(w), c, J)
     ) : w;
-    if (v = H ? $(v) : v, v = y ? me(v) : v, c == null)
+    if (v = H ? U(v) : v, v = y ? me(v) : v, c == null)
       return (E = _(v)) == null ? void 0 : E.id;
     const C = v.find((I) => I.id === c);
     if (!C)
@@ -288,7 +280,7 @@ function Se(t = {}) {
     },
     last: () => {
       var n;
-      return (n = _($(d.getState().renderedItems))) == null ? void 0 : n.id;
+      return (n = _(U(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)),
@@ -296,13 +288,11 @@ function Se(t = {}) {
     up: (n) => (n !== void 0 && typeof n == "number" && (n = { skip: n }), u("up", n))
   });
 }
-function ge(t, i, e) {
+function xe(t, i, e) {
   return t = le(t, i, e), h(t, e, "activeId", "setActiveId"), h(t, e, "includesBaseElement"), h(t, e, "virtualFocus"), h(t, e, "orientation"), h(t, e, "rtl"), h(t, e, "focusLoop"), h(t, e, "focusWrap"), h(t, e, "focusShift"), t;
 }
 export {
   oe as a,
-  Se as c,
-  re as f,
-  $ as r,
-  ge as u
+  ge as c,
+  xe as u
 };

package/dist/DropdownMenu.js

@@ -7,14 +7,15 @@ import { u as ke, C as Ke, a as je, f as Lt, b as Ht } from "./SBSPVDDI-CmtnvvUX
 import { c as _, _ as P, a as f, f as x, b as y, i as G, d as I, e as We, u as z, g as Ue, s as Ft, r as re, h as $t, j as Rt, n as Gt, k as ce, l as Me, m as Vt, o as zt, p as be, q as X, t as Bt, v as le, w as Kt, x as jt, y as de, z as K, A as Q, B as $, C as qe, D as Wt, E as Ut, F as qt, G as Ze, H as Zt, I as Jt, J as Qt, K as Je, L as Xt, M as Yt, N as er } from "./OE2EFRVA-Dg1R6gaC.js";
 import { createContext as _e, useRef as xe, useState as ye, useContext as Se, useCallback as tr, useEffect as Y, createRef as rr, useMemo as nr, forwardRef as N, createElement as or } from "react";
 import { i as ar } from "./T22PY7TE-gLuJpoOm.js";
-import { u as sr, a as ur } from "./OLVWQA7U-Dia3UUnG.js";
-import { c as ir, R as cr } from "./NI3IVY7K-Dy240mkD.js";
+import { u as sr } from "./NSTBQJLB-C_1-awKs.js";
+import { c as ur, R as ir } from "./NI3IVY7K-Dy240mkD.js";
 import { c as W } from "./index-PAaZGbyz.js";
 import { f as ee } from "./forwardRefWithAs-8eP3ZN15.js";
-import { u as lr, a as dr } from "./4I4MLMKD-BO6Lcy7s.js";
-import { C as mr, u as fr } from "./KPUWHTQJ-Dv3cAqjP.js";
-import { u as pr } from "./SQZLCNLX-Dg4KKdNJ.js";
-import { c as vr, u as hr } from "./B7UTNDHN-BghjolIs.js";
+import { u as cr, a as lr } from "./4I4MLMKD-BO6Lcy7s.js";
+import { C as dr, u as mr } from "./KPUWHTQJ-Dv3cAqjP.js";
+import { u as fr } from "./SQZLCNLX-Dg4KKdNJ.js";
+import { c as pr, u as vr } from "./B7UTNDHN-DDN2hpM5.js";
+import { u as hr } from "./OLVWQA7U-UYYsJnlv.js";
 import { Checkbox as br } from "./Checkbox.js";
 import { Radio as gr } from "./Radio.js";
 import { Toggle as wr } from "./Toggle.js";
@@ -257,7 +258,7 @@ function Rr(n) {
 var it = _(
   function(t) {
     var r = t, { store: e, checked: o } = r, a = P(r, ["store", "checked"]);
-    const s = Se(mr);
+    const s = Se(dr);
     o = o ?? s;
     const u = Rr({ checked: o, children: a.children });
     return a = I(f({
@@ -482,7 +483,7 @@ var Wr = "div", Ur = _(function(t) {
   })), l = f({
     "aria-labelledby": g
   }, l), l;
-}), qr = ir(
+}), qr = ur(
   x(function(t) {
     const r = Ur(t);
     return y(Wr, r);
@@ -492,7 +493,7 @@ var Wr = "div", Ur = _(function(t) {
   function(t) {
     var r = t, { store: e } = r, o = P(r, ["store"]);
     const a = me();
-    return e = e || a, lr(f({ store: e }, o));
+    return e = e || a, cr(f({ store: e }, o));
   }
 ), Qr = x(function(t) {
   const r = Jr(t);
@@ -551,7 +552,7 @@ var en = _(
       (w) => /* @__PURE__ */ d(ct, { value: e, children: w }),
       [e]
     ), p && (u = I(f({}, u), {
-      render: /* @__PURE__ */ d(cr.div, { render: u.render })
+      render: /* @__PURE__ */ d(ir.div, { render: u.render })
     }));
     const k = Me(u.id), Z = L(
       (l == null ? void 0 : l.combobox) || l,
@@ -583,7 +584,7 @@ var en = _(
         const B = i ? h : l;
         return B && B.setActiveId(w.currentTarget.id), !0;
       }
-    })), u = dr(f({
+    })), u = lr(f({
       store: e,
       toggleOnClick: !p,
       focusable: o,
@@ -734,7 +735,7 @@ var vn = _(
     });
     return c = f({
       role: "menuitemcheckbox"
-    }, c), c = fr(f({
+    }, c), c = mr(f({
       store: p,
       name: o,
       value: a,
@@ -785,7 +786,7 @@ var gn = _(
       [p]
     ), c = f({
       role: "menuitemradio"
-    }, c), c = pr(f({
+    }, c), c = fr(f({
       name: o,
       value: a,
       checked: p,
@@ -824,7 +825,7 @@ function Cn(n = {}) {
     ])
   );
   Ge(a, u);
-  const m = u.getState(), c = vr(Q($({}, a), {
+  const m = u.getState(), c = pr(Q($({}, a), {
     store: u,
     orientation: K(
       a.orientation,
@@ -888,7 +889,7 @@ function Cn(n = {}) {
 function kn(n, t, r) {
   return qe(t, [r.combobox, r.parent, r.menubar]), Be(n, r, "values", "setValues"), Object.assign(
     Tt(
-      hr(n, t, r),
+      vr(n, t, r),
       t,
       r
     ),
@@ -900,7 +901,7 @@ function kn(n, t, r) {
   );
 }
 function Ne(n = {}) {
-  const t = me(), r = _r(), e = ur();
+  const t = me(), r = _r(), e = hr();
   n = I(f({}, n), {
     parent: n.parent !== void 0 ? n.parent : t,
     menubar: n.menubar !== void 0 ? n.menubar : r,

package/dist/Field.js

@@ -1,6 +1,6 @@
 "use client";
 import './Field.css';
-import { jsx as m, jsxs as C } from "react/jsx-runtime";
+import { jsxs as C, jsx as m } from "react/jsx-runtime";
 import { createContext as L, useMemo as q, useId as A, useContext as M } from "react";
 import { Hint as R } from "./Hint.js";
 import { Label as S } from "./Label.js";
@@ -30,7 +30,7 @@ const O = W((e, s) => {
     children: y,
     className: I,
     disabled: o,
-    error: h,
+    error: _,
     hideLabel: j,
     hint: p,
     hintProps: n,
@@ -39,10 +39,10 @@ const O = W((e, s) => {
     label: w,
     labelProps: t,
     required: d,
-    success: _,
+    success: h,
     warning: v,
     ...N
-  } = e, i = h ? "danger" : _ ? "success" : v ? "warning" : void 0, l = h ?? v ?? _ ?? p, a = f(t == null ? void 0 : t.id), r = f(n == null ? void 0 : n.id), c = f(D), F = q(
+  } = e, i = _ ? "danger" : h ? "success" : v ? "warning" : void 0, l = _ ?? v ?? h ?? p, a = f(t == null ? void 0 : t.id), r = f(n == null ? void 0 : n.id), c = f(D), F = q(
     () => ({
       getInputProps(u) {
         const H = [u["aria-describedby"], l && r].filter(Boolean).join(" ") || void 0, B = [u["aria-labelledby"], a].filter(Boolean).join(" ");
@@ -62,7 +62,7 @@ const O = W((e, s) => {
     }),
     [r, a, i, l, o, c, d]
   );
-  return /* @__PURE__ */ m(x.Provider, { value: F, children: /* @__PURE__ */ C("div", { ref: s, ...N, className: b("root", g && "inline", I), children: [
+  return /* @__PURE__ */ C("div", { ref: s, ...N, className: b("root", g && "inline", I), children: [
     /* @__PURE__ */ m(
       S,
       {
@@ -76,9 +76,9 @@ const O = W((e, s) => {
         children: w
       }
     ),
-    y,
+    /* @__PURE__ */ m(x.Provider, { value: F, children: y }),
     l ? /* @__PURE__ */ m(R, { className: b("hint"), id: r, variant: i, ...n, children: l }) : null
-  ] }) });
+  ] });
 });
 O.displayName = "Field";
 export {

package/dist/FileDrop.css

@@ -1 +1 @@
-@layer components{._root_z1bfm_2{border-radius:var(--border-radius-xs);border-width:var(--border-width-xs);font-size:var(--font-size-14);font-weight:var(--font-weight-regular);line-height:var(--border-radius-xl);outline:none;border-style:dashed;min-height:12.5rem;position:relative;display:flex;justify-content:center;align-items:center;padding:var(--border-radius-lg);transition:var(--duration-medium);color:var(--color, var(--color-background-neutral-primary-fixed));background-color:var(--backgroundColor, var(--color-background-neutral-inverse-fixed));border-color:var(--borderColor, var(--color-background-neutral-subtlest))}._root_z1bfm_2:focus{--borderColor: var(--color-background-brand-primary);box-shadow:var(--color-background-brand-subtle) 0 0 0 2px}._root_z1bfm_2._disabled_z1bfm_26{--backgroundColor: var(--color-background-warm-strong);--borderColor: var(--color-background-neutral-subtlest);--color: var(--color-icon-warm-tertiary);cursor:not-allowed}._root_z1bfm_2._drag-reject_z1bfm_32{--borderColor: var(--color-background-danger-primary)}._file-input_z1bfm_35{display:block;height:0;opacity:0}._file-preview_z1bfm_40{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}._file-preview-icon_z1bfm_48{margin-bottom:var(--border-radius-xl)}._file-preview-name_z1bfm_51{margin:0;max-width:600px}._file-preview-size_z1bfm_55{margin:0}._file-preview-button_z1bfm_58{position:absolute;top:var(--spacing-lg);right:var(--spacing-lg)}._image-preview_z1bfm_63{max-height:100%;max-width:100%;object-fit:contain}._actions_z1bfm_68{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-lg)}._message-title_z1bfm_73{margin:0}._message-hint_z1bfm_76{margin:0;margin-top:var(--border-radius-sm);color:var(--color-icon-warm-tertiary)}._message-file-button-text_z1bfm_81{margin-top:var(--border-radius-xl)}}
+@layer components{._root_dadju_2{border-radius:var(--border-radius-xs);border-width:var(--border-width-xs);font-size:var(--font-size-14);font-weight:var(--font-weight-regular);line-height:var(--border-radius-xl);outline:none;border-style:dashed;min-height:12.5rem;position:relative;display:flex;justify-content:center;align-items:center;padding:var(--border-radius-lg);transition:var(--duration-medium);color:var(--color, var(--color-background-neutral-primary-fixed));background-color:var(--backgroundColor, var(--color-background-neutral-inverse-fixed));border-color:var(--borderColor, var(--color-background-neutral-subtlest))}._root_dadju_2:focus{--borderColor: var(--color-background-brand-primary);box-shadow:var(--color-background-brand-subtle) 0 0 0 2px}._root_dadju_2._disabled_dadju_26{--backgroundColor: var(--color-background-warm-strong);--borderColor: var(--color-background-neutral-subtlest);--color: var(--color-icon-warm-tertiary);cursor:not-allowed}._root_dadju_2._drag-reject_dadju_32{--borderColor: var(--color-background-danger-primary)}._file-input_dadju_35{display:block;height:0;opacity:0}._file-preview_dadju_40{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}._file-preview-icon_dadju_48{margin-bottom:var(--border-radius-xl)}._file-preview-name_dadju_51{margin:0;max-width:600px}._file-preview-size_dadju_55{margin:0}._file-preview-button_dadju_58{position:absolute;top:var(--spacing-lg);right:var(--spacing-lg)}._image-preview_dadju_63{max-height:100%;max-width:100%;object-fit:contain}._actions_dadju_68{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-lg)}._message-title_dadju_73{margin:0}._message-hint_dadju_76{margin:0;margin-top:var(--border-radius-sm);color:var(--color-icon-warm-tertiary)}._message-file-button-text_dadju_81{margin-top:var(--border-radius-xl)}._message-icon_dadju_84{margin-bottom:var(--spacing-lg)}}