welcome-ui 10.0.0-alpha.12 → 10.0.0-alpha.14

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/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 {