welcome-ui 10.0.0 → 10.0.2

package/dist/Alert.js

@@ -1,15 +1,15 @@
 "use client";
 import './Alert.css';
 import { jsx as a, jsxs as l } from "react/jsx-runtime";
-import m, { forwardRef as E, Children as g, cloneElement as u } from "react";
-import { CloseButton as R } from "./CloseButton.js";
-import { Icon as V } from "./Icon.js";
+import m, { forwardRef as R, Children as g, cloneElement as u } from "react";
+import { CloseButton as V } from "./CloseButton.js";
+import { Icon as I } from "./Icon.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_3i41g_2", O = "_content_3i41g_21", B = {
-  root: I,
+const O = "_root_3i41g_2", z = "_content_3i41g_21", B = {
+  root: O,
   "size-md": "_size-md_3i41g_18",
   "content-actions": "_content-actions_3i41g_21",
   "without-title": "_without-title_3i41g_24",
@@ -21,7 +21,7 @@ const I = "_root_3i41g_2", O = "_content_3i41g_21", B = {
   "variant-success": "_variant-success_3i41g_49",
   "variant-warning": "_variant-warning_3i41g_54",
   "full-width": "_full-width_3i41g_59",
-  content: O,
+  content: z,
   "content-text": "_content-text_3i41g_71",
   "title-close-button": "_title-close-button_3i41g_88",
   "title-with-icon": "_title-with-icon_3i41g_91",
@@ -32,49 +32,59 @@ const I = "_root_3i41g_2", O = "_content_3i41g_21", B = {
   "icon-wrapper-warning": "_icon-wrapper-warning_3i41g_125",
   "icon-wrapper-ai": "_icon-wrapper-ai_3i41g_129"
 }, f = x(
-  ({ variant: n = "primary", ...r }, i) => /* @__PURE__ */ a(h, { className: "shrink-0 w-fit", ref: i, variant: n, ...r })
+  ({ variant: n = "primary", ...r }, e) => /* @__PURE__ */ a(h, { className: "shrink-0 w-fit", ref: e, variant: n, ...r })
 ), w = x(
-  ({ variant: n = "secondary", ...r }, i) => /* @__PURE__ */ a(h, { className: "shrink-0 w-fit", ref: i, variant: n, ...r })
+  ({ variant: n = "secondary", ...r }, e) => /* @__PURE__ */ a(h, { className: "shrink-0 w-fit", ref: e, variant: n, ...r })
 );
 f.displayName = "Alert.Button";
 w.displayName = "Alert.SecondaryButton";
-const z = b(B), _ = ({ children: n, hasCloseButton: r, ...i }) => /* @__PURE__ */ a(A, { as: "span", className: z(r && "title-close-button"), ...i, children: n });
+const F = b(B), _ = ({ children: n, hasCloseButton: r, ...e }) => /* @__PURE__ */ a(A, { as: "span", className: F(r && "title-close-button"), ...e, children: n });
 _.displayName = "Alert.Title";
-const o = b(B), F = {
+const o = b(B), M = {
   ai: "sparkles",
   brand: "lightbulb-alt",
   danger: "exclamation-octagon",
   info: "info-circle",
   success: "check-circle",
   warning: "exclamation-triangle"
-}, $ = E(
-  ({ children: n, className: r, cta: i, handleClose: p, isFullWidth: k, size: s = "md", variant: c = "brand", ...T }, C) => {
-    const S = c === "ai", d = g.toArray(n).some((e) => m.isValidElement(e) ? e.type === _ : !1), y = /* @__PURE__ */ a("div", { className: o("icon-wrapper", `icon-wrapper-${c}`), children: /* @__PURE__ */ a(V, { name: F[c] }) }), j = g.toArray(n).map((e, t) => e.type === _ ? /* @__PURE__ */ l("div", { className: o("title-with-icon"), children: [
+}, $ = R(
+  ({
+    children: n,
+    className: r,
+    cta: e,
+    handleClose: p,
+    icon: k,
+    isFullWidth: T,
+    size: s = "md",
+    variant: c = "brand",
+    ...C
+  }, E) => {
+    const S = c === "ai", d = g.toArray(n).some((i) => m.isValidElement(i) ? i.type === _ : !1), y = /* @__PURE__ */ a("div", { className: o("icon-wrapper", `icon-wrapper-${c}`), children: /* @__PURE__ */ a(I, { name: k || M[c] }) }), j = g.toArray(n).map((i, t) => i.type === _ ? /* @__PURE__ */ l("div", { className: o("title-with-icon"), children: [
       y,
-      u(e, {
+      u(i, {
         hasCloseButton: !!p,
         variant: `body-${s}-strong`
       })
-    ] }, `alert-title-${t}`) : e), v = (e) => g.toArray(e).flatMap((t) => m.isValidElement(t) && t.type === m.Fragment ? v(t.props.children) : t.type === f ? u(t, {
+    ] }, `alert-title-${t}`) : i), v = (i) => g.toArray(i).flatMap((t) => m.isValidElement(t) && t.type === m.Fragment ? v(t.props.children) : t.type === f ? u(t, {
       size: s,
       variant: S ? "primary-ai" : void 0
     }) : t.type === w ? u(t, {
       size: s
-    }) : t), N = !!i && v(i);
+    }) : t), N = !!e && v(e);
     return /* @__PURE__ */ l(
       "div",
       {
         className: o(
           "root",
-          k && "full-width",
+          T && "full-width",
           `size-${s}`,
           c && `variant-${c}`,
           r
         ),
-        ref: C,
-        ...T,
+        ref: E,
+        ...C,
         children: [
-          !!p && /* @__PURE__ */ a(R, { className: o("close-button"), onClick: p }),
+          !!p && /* @__PURE__ */ a(V, { className: o("close-button"), onClick: p }),
           /* @__PURE__ */ l("div", { className: o("content"), children: [
             /* @__PURE__ */ l(
               A,
@@ -96,12 +106,12 @@ const o = b(B), F = {
   }
 );
 $.displayName = "Alert";
-const L = Object.assign($, {
+const P = Object.assign($, {
   Button: f,
   SecondaryButton: w,
   Title: _
 });
 export {
-  L as Alert,
-  F as ICON
+  P as Alert,
+  M as ICON
 };

package/dist/Field.css

@@ -1 +1 @@
-@layer components{._root_17n7f_2{display:grid;grid-template-areas:"label" "input";width:100%}._root_17n7f_2:has(._label_17n7f_7):has(._hint_17n7f_7){grid-template-areas:"label" "input" "hint"}._root_17n7f_2:not(:has(._label_17n7f_7)):has(._hint_17n7f_7){grid-template-areas:"input" "hint"}._root_17n7f_2:not(._inline_17n7f_13) ._hint_17n7f_7{margin-top:var(--field-gap-assistive)}._root_17n7f_2:not(._inline_17n7f_13) ._label_17n7f_7{margin-bottom:var(--field-gap-label)}._root_17n7f_2 .field-input{align-self:center;grid-area:input}._root_17n7f_2 .field-input.date-picker-wrapper{justify-self:start}._inline_17n7f_13{grid-template-areas:"input label";grid-template-columns:min-content 1fr;height:fit-content;grid-row-gap:var(--field-gap-assistive);grid-column-gap:var(--field-gap-label)}._inline_17n7f_13:has(._label_17n7f_7):has(._hint_17n7f_7){grid-template-areas:"input label" ". hint"}._inline_17n7f_13:not(:has(._label_17n7f_7)):has(._hint_17n7f_7){grid-template-areas:"input ." ". hint"}._label_17n7f_7{grid-area:label}._hint_17n7f_7{grid-area:hint}._hint-max-length_17n7f_45{justify-self:end}._visuallyHidden_17n7f_48{border:0!important;clip:rect(0 0 0 0)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;white-space:nowrap!important}}
+@layer components{._root_1sq1k_2{display:grid;grid-template-areas:"label" "input";width:100%;height:fit-content}._root_1sq1k_2:has(._label_1sq1k_8):has(._hint_1sq1k_8){grid-template-areas:"label" "input" "hint"}._root_1sq1k_2:not(:has(._label_1sq1k_8)):has(._hint_1sq1k_8){grid-template-areas:"input" "hint"}._root_1sq1k_2:not(._inline_1sq1k_14) ._hint_1sq1k_8{margin-top:var(--field-gap-assistive)}._root_1sq1k_2:not(._inline_1sq1k_14) ._label_1sq1k_8{margin-bottom:var(--field-gap-label)}._root_1sq1k_2 .field-input{align-self:center;grid-area:input}._root_1sq1k_2 .field-input.date-picker-wrapper{justify-self:start}._inline_1sq1k_14{grid-template-areas:"input label";grid-template-columns:min-content 1fr;height:fit-content;grid-row-gap:var(--field-gap-assistive);grid-column-gap:var(--field-gap-label)}._inline_1sq1k_14:has(._label_1sq1k_8):has(._hint_1sq1k_8){grid-template-areas:"input label" ". hint"}._inline_1sq1k_14:not(:has(._label_1sq1k_8)):has(._hint_1sq1k_8){grid-template-areas:"input ." ". hint"}._label_1sq1k_8{grid-area:label}._hint_1sq1k_8{grid-area:hint}._hint-max-length_1sq1k_46{justify-self:end}._visuallyHidden_1sq1k_49{border:0!important;clip:rect(0 0 0 0)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;white-space:nowrap!important}}

package/dist/Field.js

@@ -1,58 +1,58 @@
 "use client";
 import './Field.css';
-import { jsxs as $, jsx as f } from "react/jsx-runtime";
-import { createContext as q, useMemo as A, useId as L, useContext as M } from "react";
-import { Hint as R } from "./Hint.js";
-import { Label as S } from "./Label.js";
-import { c as T } from "./index-PAaZGbyz.js";
-import { f as W } from "./forwardRefWithAs-8eP3ZN15.js";
-const k = "_root_17n7f_2", z = "_label_17n7f_7", E = "_hint_17n7f_7", G = "_inline_17n7f_13", J = "_visuallyHidden_17n7f_48", K = {
-  root: k,
+import { jsxs as w, jsx as b } from "react/jsx-runtime";
+import { createContext as C, useMemo as $, useId as A, useContext as L } from "react";
+import { Hint as M } from "./Hint.js";
+import { Label as R } from "./Label.js";
+import { c as S } from "./index-PAaZGbyz.js";
+import { f as T } from "./forwardRefWithAs-8eP3ZN15.js";
+const W = "_root_1sq1k_2", z = "_label_1sq1k_8", E = "_hint_1sq1k_8", G = "_inline_1sq1k_14", J = "_visuallyHidden_1sq1k_49", K = {
+  root: W,
   label: z,
   hint: E,
   inline: G,
-  "hint-max-length": "_hint-max-length_17n7f_45",
+  "hint-max-length": "_hint-max-length_1sq1k_46",
   visuallyHidden: J
-}, b = T(K), y = q({
-  getInputProps: (n) => n,
+}, h = S(K), y = C({
+  getInputProps: (i) => i,
   hintID: "",
   labelID: "",
   variant: void 0
 });
-function h(n) {
-  const s = L();
-  return n || s;
+function _(i) {
+  const o = A();
+  return i || o;
 }
 function P() {
-  return M(y);
+  return L(y);
 }
-const O = W((n, s) => {
+const O = T((i, o) => {
   const {
     children: I,
     className: p,
     disabled: d,
-    error: _,
+    error: f,
     hideLabel: g,
     hint: D,
     hintProps: t,
     id: N,
-    inline: F,
-    label: H,
+    inline: q,
+    label: F,
     labelProps: a,
     maxLength: e,
     required: c,
     success: v,
     warning: x,
-    ...j
-  } = n, i = _ ? "danger" : v ? "success" : x ? "warning" : void 0, l = _ ?? x ?? v ?? D ?? (e ? `${new Intl.NumberFormat().format(e.count)} / ${new Intl.NumberFormat().format(e.max)}` : void 0), r = h(a == null ? void 0 : a.id), o = h(t == null ? void 0 : t.id), m = h(N), B = A(
+    ...k
+  } = i, n = f ? "danger" : v ? "success" : x ? "warning" : void 0, l = f ?? x ?? v ?? D ?? (e ? `${new Intl.NumberFormat().format(e.count)} / ${new Intl.NumberFormat().format(e.max)}` : void 0), r = _(a == null ? void 0 : a.id), s = _(t == null ? void 0 : t.id), m = _(N), H = $(
     () => ({
       getInputProps(u) {
-        const w = [u["aria-describedby"], l && o].filter(Boolean).join(" ") || void 0, C = [u["aria-labelledby"], r].filter(Boolean).join(" ");
+        const j = [u["aria-describedby"], l && s].filter(Boolean).join(" ") || void 0, B = [u["aria-labelledby"], r].filter(Boolean).join(" ");
         return {
           ...u,
-          "aria-describedby": w,
-          "aria-invalid": i === "danger" ? !0 : void 0,
-          "aria-labelledby": C,
+          "aria-describedby": j,
+          "aria-invalid": n === "danger" ? !0 : void 0,
+          "aria-labelledby": B,
           disabled: d,
           id: m,
           /**
@@ -62,33 +62,33 @@ const O = W((n, s) => {
           required: c
         };
       },
-      hintID: o,
+      hintID: s,
       labelID: r,
-      variant: i
+      variant: n
     }),
-    [o, r, i, l, d, m, e == null ? void 0 : e.max, c]
+    [s, r, n, l, d, m, e == null ? void 0 : e.max, c]
   );
-  return /* @__PURE__ */ $("div", { ref: s, ...j, className: b("root", F && "inline", p), children: [
-    /* @__PURE__ */ f(
-      S,
+  return /* @__PURE__ */ w("div", { ref: o, ...k, className: h("root", q && "inline", p), children: [
+    /* @__PURE__ */ b(
+      R,
       {
-        className: b("label", g && "visuallyHidden"),
+        className: h("label", g && "visuallyHidden"),
         disabled: d,
         htmlFor: m,
         id: r,
         required: c,
-        variant: i,
+        variant: n,
         ...a,
-        children: H
+        children: F
       }
     ),
-    /* @__PURE__ */ f(y.Provider, { value: B, children: I }),
-    l ? /* @__PURE__ */ f(
-      R,
+    /* @__PURE__ */ b(y.Provider, { value: H, children: I }),
+    l ? /* @__PURE__ */ b(
+      M,
       {
-        className: b("hint", !!e && "hint-max-length"),
-        id: o,
-        variant: i,
+        className: h("hint", !!e && "hint-max-length"),
+        id: s,
+        variant: n,
         ...t,
         children: l
       }
@@ -99,6 +99,6 @@ O.displayName = "Field";
 export {
   O as Field,
   y as FieldContext,
-  h as useDefaultID,
+  _ as useDefaultID,
   P as useField
 };