welcome-ui 10.0.0-alpha.1 → 10.0.0-alpha.10

package/dist/Button.js

@@ -1,55 +1,56 @@
 "use client";
-import { jsxs as o, jsx as r, Fragment as f } from "react/jsx-runtime";
-import { B as z } from "./XCKGTAUF-DkxWCbaW.js";
-import { useButtonGroup as b } from "./ButtonGroup.js";
-import { Loader as h } from "./Loader.js";
-import { c as x } from "./index-CdiHdiVB.js";
-import { f as B } from "./forwardRefWithAs-8eP3ZN15.js";
+import './Button.css';
+import { jsxs as o, jsx as t, Fragment as b } from "react/jsx-runtime";
+import { B as h } from "./XCKGTAUF-CJwwVibW.js";
+import { useButtonGroup as x } from "./ButtonGroup.js";
+import { Loader as B } from "./Loader.js";
+import { c as N } from "./index-PAaZGbyz.js";
+import { f as w } from "./forwardRefWithAs-8eP3ZN15.js";
 import "react";
-const N = "_root_9gw1k_12", $ = "_loader_9gw1k_243", j = {
-  root: N,
-  "wui-icon-font": "_wui-icon-font_9gw1k_64",
-  "size-sm": "_size-sm_9gw1k_74",
-  "size-md": "_size-md_9gw1k_82",
-  "size-lg": "_size-lg_9gw1k_90",
-  "variant-primary": "_variant-primary_9gw1k_98",
-  "variant-primary-neutral": "_variant-primary-neutral_9gw1k_108",
-  "variant-primary-ai": "_variant-primary-ai_9gw1k_123",
-  "rotate-gradient": "_rotate-gradient_9gw1k_1",
-  "variant-primary-danger": "_variant-primary-danger_9gw1k_155",
-  "variant-secondary": "_variant-secondary_9gw1k_171",
-  "variant-secondary-danger": "_variant-secondary-danger_9gw1k_192",
-  "variant-tertiary": "_variant-tertiary_9gw1k_213",
-  "variant-tertiary-danger": "_variant-tertiary-danger_9gw1k_226",
-  loader: $,
-  "loader-children": "_loader-children_9gw1k_253"
-}, t = x(j), V = B(
+const $ = "_root_vtvta_12", j = "_loader_vtvta_243", D = {
+  root: $,
+  "wui-icon-font": "_wui-icon-font_vtvta_66",
+  "size-sm": "_size-sm_vtvta_77",
+  "size-md": "_size-md_vtvta_84",
+  "size-lg": "_size-lg_vtvta_91",
+  "variant-primary": "_variant-primary_vtvta_98",
+  "variant-primary-neutral": "_variant-primary-neutral_vtvta_108",
+  "variant-primary-ai": "_variant-primary-ai_vtvta_123",
+  "rotate-gradient": "_rotate-gradient_vtvta_1",
+  "variant-primary-danger": "_variant-primary-danger_vtvta_155",
+  "variant-secondary": "_variant-secondary_vtvta_171",
+  "variant-secondary-danger": "_variant-secondary-danger_vtvta_192",
+  "variant-tertiary": "_variant-tertiary_vtvta_213",
+  "variant-tertiary-danger": "_variant-tertiary-danger_vtvta_226",
+  loader: j,
+  "loader-children": "_loader-children_vtvta_253"
+}, r = N(D), S = w(
   ({
-    accessibleWhenDisabled: s = !0,
+    accessibleWhenDisabled: v = !0,
     as: i,
     children: e,
-    className: _ = "",
-    disabled: d = !1,
+    className: s = "",
+    disabled: _ = !1,
     isLoading: a = !1,
-    size: l = "lg",
-    variant: m = "primary",
-    ...g
+    size: d = "lg",
+    variant: l = "primary",
+    ...m
   }, c) => {
-    const { disabled: v, size: p, variant: u } = b(), w = v || d || a, y = u || m, k = p || l, n = i || "button";
+    const { disabled: p, size: u, variant: y } = x(), f = p || _ || a, g = y || l, z = u || d, n = i || "button";
     return /* @__PURE__ */ o(
-      z,
+      h,
       {
         ...n === "button" ? { type: "button" } : {},
-        ...g,
-        accessibleWhenDisabled: s,
-        className: t("root", `variant-${y}`, `size-${k}`, _),
-        disabled: w,
+        ...m,
+        accessibleWhenDisabled: v,
+        className: r("root", `variant-${g}`, `size-${z}`, s),
+        disabled: f,
         ref: c,
-        render: i ? /* @__PURE__ */ r(n, {}) : void 0,
+        render: i ? /* @__PURE__ */ t(n, {}) : void 0,
         children: [
-          a ? /* @__PURE__ */ o(f, { children: [
-            /* @__PURE__ */ r("div", { className: t("loader"), children: /* @__PURE__ */ r(h, { size: "xs" }) }),
-            /* @__PURE__ */ r("div", { className: t("loader-children"), children: e })
+          a ? /* @__PURE__ */ o(b, { children: [
+            /* @__PURE__ */ t("div", { className: r("loader"), children: /* @__PURE__ */ t(B, { size: "xs" }) }),
+            /* @__PURE__ */ t("div", { className: r("loader-children"), children: e })
           ] }) : null,
           !a && e
         ]
@@ -57,6 +58,7 @@ const N = "_root_9gw1k_12", $ = "_loader_9gw1k_243", j = {
     );
   }
 );
+S.displayName = "Button";
 export {
-  V as Button
+  S as Button
 };

package/dist/ButtonGroup.js

@@ -1,15 +1,16 @@
 "use client";
+import './ButtonGroup.css';
 import { jsx as e } from "react/jsx-runtime";
 import { createContext as f, useMemo as i, useContext as l } from "react";
-import { c as x } from "./index-CdiHdiVB.js";
+import { c as x } from "./index-PAaZGbyz.js";
 import { f as G } from "./forwardRefWithAs-8eP3ZN15.js";
 const d = "_root_kot0y_2", y = {
   root: d
 }, B = x(y), s = f({});
-function N() {
+function j() {
   return l(s);
 }
-const j = G(
+const C = G(
   ({
     as: n = "div",
     children: u,
@@ -23,8 +24,9 @@ const j = G(
     return /* @__PURE__ */ e(s.Provider, { value: p, children: /* @__PURE__ */ e(n, { ...m, className: B("root", c), ref: a, children: u }) });
   }
 );
+C.displayName = "ButtonGroup";
 export {
-  j as ButtonGroup,
+  C as ButtonGroup,
   s as ButtonGroupContext,
-  N as useButtonGroup
+  j as useButtonGroup
 };

package/dist/Card.css

@@ -1 +1 @@
-@layer components{._root_zwvv3_2{border-radius:var(--border-radius-sm);background-size:cover;background-position:center;background-color:var(--components-colors-card-color-background-default);border-color:var(--color-background-neutral-subtlest);border-style:solid;border-width:var(--border-width-xs);overflow:hidden}._body_zwvv3_13{padding:var(--components-dimensions-card-action-dismiss-padding-block-start-lg)}}
+@layer components{._root_8fygh_2{font-family:var(--font-family-body);letter-spacing:var(--font-letter-spacing-none);font-weight:var(--font-weight-regular);border-radius:var(--components-dimensions-card-border-radius);background-size:cover;background-position:center;background-color:var(--components-colors-card-color-background-default);border-color:var(--borderColorCard, var(--components-colors-card-color-border-default));border-style:solid;border-width:var(--border-width-xs);outline:transparent solid var(--border-width-md);box-shadow:var(--boxShadowCard, var(--elevation-10));overflow:hidden;position:relative;transition-property:all;transition-duration:var(--duration-medium);transition-timing-function:ease-in-out}._root_8fygh_2:hover:not([aria-disabled]):not(:disabled){--borderColorCard: var(--components-colors-card-color-border-hover);--boxShadowCard: var(--elevation-20);--colorIconHeader: var(--components-colors-card-color-icon-hover)}._root_8fygh_2[aria-disabled],._root_8fygh_2:disabled{--colorCard: var(--components-colors-button-color-text-tertiary-main-disabled);--colorIconHeader: var(--colorCard)}._header_8fygh_33{font-family:var(--font-family-title);letter-spacing:var(--font-letter-spacing-xs);font-weight:var(--font-weight-bold);font-size:var(--fontSizeHeader);line-height:var(--fontLineHeightHeader);color:var(--colorCard, var(--components-colors-card-header-color-text-default));padding:var(--paddingBlock) var(--paddingInline) 0;display:flex;flex-direction:row;align-items:center;gap:var(--components-dimensions-card-gap-title)}._header_8fygh_33:has(._close_8fygh_46){padding-right:calc(var(--sizeIconHeader) + var(--paddingInlineClose))}._header_8fygh_33 i.wui-icon-font,._header_8fygh_33 svg{flex-shrink:0;color:var(--colorIconHeader, var(--components-colors-card-header-color-icon-default));font-weight:initial;font-size:var(--sizeIconHeader);width:var(--sizeIconHeader);height:var(--sizeIconHeader);transition:color var(--duration-medium) ease-in-out}._header_8fygh_33 ._close_8fygh_46{position:absolute;right:var(--paddingInlineClose);top:var(--paddingBlockClose);height:auto;padding-inline:0!important}._header_8fygh_33 ._close_8fygh_46>svg{color:var(--components-colors-card-action-dismiss-icon-default)}._header_8fygh_33 ._close_8fygh_46:hover:not([aria-disabled]):not(:disabled)>svg{color:var(--components-colors-card-action-dismiss-icon-hover)}._body_8fygh_74{font-size:var(--fontSizeBody);line-height:var(--fontLineHeightBody);color:var(--colorCard, var(--components-colors-card-body-color-text-default));padding:var(--paddingBlock) var(--paddingInline);display:flex;flex-direction:column;gap:var(--gapBody)}._body_8fygh_74 ._metadata_8fygh_83{font-size:var(--fontSizeMetadata);line-height:var(--fontLineHeightMetadata);color:var(--colorCard, var(--components-colors-card-body-meta-color-text-default))}._footer_8fygh_91{font-size:var(--fontSizeBody);line-height:var(--fontLineHeightBody);color:var(--colorCard, var(--components-colors-card-body-color-text-default));padding:0 var(--paddingBlock) var(--paddingInline);display:flex;flex-direction:row;align-items:center;gap:var(--components-dimensions-card-gap-actions)}._size-sm_8fygh_104{--paddingBlock: var(--components-dimensions-card-padding-block-sm);--paddingInline: var(--components-dimensions-card-padding-inline-sm);--sizeIconHeader: var(--components-dimensions-card-action-dismiss-size-icon-sm);--fontSizeHeader: var(--font-size-lg);--fontLineHeightHeader: var(--font-line-height-xs);--paddingBlockClose: var(--components-dimensions-card-action-dismiss-padding-block-start-sm);--paddingInlineClose: var(--components-dimensions-card-action-dismiss-padding-inline-end-sm);--gapBody: var(--components-dimensions-card-gap-content-sm);--fontSizeBody: var(--font-size-sm);--fontLineHeightBody: var(--font-line-height-md);--fontSizeMetadata: var(--font-size-xs);--fontLineHeightMetadata: var(--font-line-height-sm)}._size-md_8fygh_118{--paddingBlock: var(--components-dimensions-card-padding-block-md);--paddingInline: var(--components-dimensions-card-padding-inline-md);--sizeIconHeader: var(--components-dimensions-card-action-dismiss-size-icon-md);--fontSizeHeader: var(--font-size-2xl);--fontLineHeightHeader: var(--font-line-height-xs);--paddingBlockClose: var(--components-dimensions-card-action-dismiss-padding-block-start-md);--paddingInlineClose: var(--components-dimensions-card-action-dismiss-padding-inline-end-md);--gapBody: var(--components-dimensions-card-gap-content-md);--fontSizeBody: var(--font-size-md);--fontLineHeightBody: var(--font-line-height-lg);--fontSizeMetadata: var(--font-size-sm);--fontLineHeightMetadata: var(--font-line-height-md)}._size-lg_8fygh_132{--paddingBlock: var(--components-dimensions-card-padding-block-lg);--paddingInline: var(--components-dimensions-card-padding-inline-lg);--sizeIconHeader: var(--components-dimensions-card-action-dismiss-size-icon-lg);--fontSizeHeader: var(--font-size-2xl);--fontLineHeightHeader: var(--font-line-height-xs);--paddingBlockClose: var(--components-dimensions-card-action-dismiss-padding-block-start-lg);--paddingInlineClose: var(--components-dimensions-card-action-dismiss-padding-inline-end-lg);--gapBody: var(--components-dimensions-card-gap-content-lg);--fontSizeBody: var(--font-size-lg);--fontLineHeightBody: var(--font-line-height-lg);--fontSizeMetadata: var(--font-size-md);--fontLineHeightMetadata: var(--font-line-height-lg)}}

package/dist/Card.js

@@ -1,19 +1,72 @@
 "use client";
-import { jsx as c } from "react/jsx-runtime";
-import { forwardRef as n } from "react";
-import { c as e } from "./index-CdiHdiVB.js";
-const a = "_root_zwvv3_2", m = "_body_zwvv3_13", d = {
-  root: a,
-  body: m
-}, i = e(d), v = n(
-  ({ children: o, className: r, ...t }, s) => /* @__PURE__ */ c("div", { className: i("body", r), ref: s, ...t, children: o })
-), l = n(({ alt: o, src: r, ...t }, s) => /* @__PURE__ */ c("div", { ref: s, ...t, children: /* @__PURE__ */ c("img", { alt: o, src: r }) })), y = e(d), _ = n(
-  ({ children: o, className: r, ...t }, s) => /* @__PURE__ */ c("div", { className: y("root", r), ref: s, ...t, children: o })
-), u = Object.assign(_, {
-  Body: v,
-  Cover: l
+import './Card.css';
+import { jsxs as _, jsx as r } from "react/jsx-runtime";
+import { forwardRef as d } from "react";
+import { c } from "./index-PAaZGbyz.js";
+import { Button as N } from "./Button.js";
+import { Icon as C } from "./Icon.js";
+import { f as b } from "./forwardRefWithAs-8eP3ZN15.js";
+const u = "_root_8fygh_2", v = "_header_8fygh_33", z = "_close_8fygh_46", x = "_body_8fygh_74", $ = "_metadata_8fygh_83", j = "_footer_8fygh_91", i = {
+  root: u,
+  header: v,
+  close: z,
+  body: x,
+  metadata: $,
+  footer: j,
+  "size-sm": "_size-sm_8fygh_104",
+  "size-md": "_size-md_8fygh_118",
+  "size-lg": "_size-lg_8fygh_132"
+}, m = c(i), f = d(
+  ({ children: o, className: a, metadata: e, ...s }, t) => /* @__PURE__ */ _("div", { className: m("body", a), ref: t, ...s, children: [
+    o,
+    e ? /* @__PURE__ */ r("div", { className: m("metadata"), children: e }) : null
+  ] })
+);
+f.displayName = "Card.Body";
+const y = d(({ alt: o, src: a, ...e }, s) => /* @__PURE__ */ r("div", { ref: s, ...e, children: /* @__PURE__ */ r("img", { alt: o, src: a }) }));
+y.displayName = "Card.Cover";
+const B = c(i), h = d(
+  ({ children: o, className: a, ...e }, s) => /* @__PURE__ */ r("div", { className: B("footer", a), ref: s, ...e, children: o })
+);
+h.displayName = "Card.Footer";
+const l = c(i), g = d(
+  ({ children: o, className: a, disabled: e, onClose: s, ...t }, n) => /* @__PURE__ */ _("div", { className: l("header", a), ref: n, ...t, children: [
+    o,
+    s ? /* @__PURE__ */ r(
+      N,
+      {
+        accessibleWhenDisabled: !1,
+        "aria-label": "Close",
+        className: l("close"),
+        disabled: e,
+        onClick: () => s(),
+        size: "sm",
+        variant: "tertiary",
+        children: /* @__PURE__ */ r(C, { name: "times" })
+      }
+    ) : null
+  ] })
+);
+g.displayName = "Card.Header";
+const w = c(i), p = b(
+  ({ as: o = "div", className: a, disabled: e, size: s = "md", ...t }, n) => /* @__PURE__ */ r(
+    o,
+    {
+      "aria-disabled": e,
+      ...t,
+      className: w("root", `size-${s}`, a),
+      ref: n
+    }
+  )
+);
+p.displayName = "Card";
+const D = Object.assign(p, {
+  Body: f,
+  Cover: y,
+  Footer: h,
+  Header: g
 });
 export {
-  u as Card,
-  _ as CardComponent
+  D as Card,
+  p as CardComponent
 };

package/dist/Checkbox.js

@@ -1,54 +1,55 @@
 "use client";
-import { jsxs as g, jsx as s } from "react/jsx-runtime";
-import { C as x } from "./KPUWHTQJ-D2TPji47.js";
-import { forwardRef as C, useState as m } from "react";
-import { useField as V } from "./Field.js";
-import { VisuallyHidden as w } from "./VisuallyHidden.js";
-import { c as F } from "./index-CdiHdiVB.js";
-import { Icon as u } from "./Icon.js";
-const I = "_root_luk8p_2", j = "_indeterminate_luk8p_67", y = {
-  root: I,
+import './Checkbox.css';
+import { jsxs as b, jsx as s } from "react/jsx-runtime";
+import { a as x } from "./KPUWHTQJ-Dv3cAqjP.js";
+import { forwardRef as C, useState as l } from "react";
+import { useField as g } from "./Field.js";
+import { VisuallyHidden as V } from "./VisuallyHidden.js";
+import { c as w } from "./index-PAaZGbyz.js";
+import { Icon as d } from "./Icon.js";
+const y = "_root_luk8p_2", F = "_indeterminate_luk8p_67", I = {
+  root: y,
   "variant-danger": "_variant-danger_luk8p_49",
   "variant-warning": "_variant-warning_luk8p_55",
   "variant-success": "_variant-success_luk8p_61",
-  indeterminate: j
-}, z = F(y), q = C(
-  ({ checked: f = !1, className: _, indeterminate: a = !1, onChange: i, variant: k, ...t }, p) => {
-    const [e, n] = m(f), [h, o] = m(!1), { getInputProps: r, variant: v } = V(), c = v || k, { disabled: l } = r(t), b = (d) => {
-      n(d.target.checked), i && i(d);
+  indeterminate: F
+}, N = w(I), j = C(
+  ({ checked: m = !1, className: u, indeterminate: a = !1, onChange: i, variant: f, ...o }, p) => {
+    const [e, _] = l(m), [k, t] = l(!1), { getInputProps: n, variant: v } = g(), r = v || f, { disabled: c } = n(o), h = () => {
+      _(!e), i && i(!e);
     };
-    return /* @__PURE__ */ g(
+    return /* @__PURE__ */ b(
       "div",
       {
         "aria-checked": e,
-        "aria-disabled": l,
-        className: z(
+        "aria-disabled": c,
+        className: N(
           "root",
-          c && `variant-${c}`,
+          r && `variant-${r}`,
           a && "indeterminate",
-          _
+          u
         ),
-        "data-focus-visible": h || void 0,
-        onClick: l ? void 0 : () => n(!e),
+        "data-focus-visible": k || void 0,
+        onClick: c ? void 0 : h,
         children: [
-          /* @__PURE__ */ s(w, { children: /* @__PURE__ */ s(
+          /* @__PURE__ */ s(V, { children: /* @__PURE__ */ s(
             x,
             {
-              ...r(t),
+              ...n(o),
               checked: e,
-              onBlur: () => o(!1),
-              onChange: b,
-              onFocusVisible: () => o(!0),
+              onBlur: () => t(!1),
+              onFocusVisible: () => t(!0),
               ref: p
             }
           ) }),
-          e ? /* @__PURE__ */ s(u, { name: "check", size: "sm" }) : null,
-          !e && a ? /* @__PURE__ */ s(u, { name: "minus", size: "sm" }) : null
+          e ? /* @__PURE__ */ s(d, { name: "check", size: "sm" }) : null,
+          !e && a ? /* @__PURE__ */ s(d, { name: "minus", size: "sm" }) : null
         ]
       }
     );
   }
 );
+j.displayName = "Checkbox";
 export {
-  q as Checkbox
+  j as Checkbox
 };

package/dist/CloseButton.css

@@ -1 +1 @@
-@layer components{._root_atiow_2>svg:only-child{width:var(--components-dimensions-button-padding-inline-md);height:var(--components-dimensions-button-padding-inline-md)}._animate-presence_atiow_6{animation-duration:var(--duration-medium);animation-timing-function:var(--timing-primary);animation-name:_fade_atiow_1}@keyframes _fade_atiow_1{0%{opacity:0}to{opacity:1}}}
+@layer components{._root_1r27z_2>svg:only-child{width:var(--components-dimensions-button-size-icon-sm);height:var(--components-dimensions-button-size-icon-sm)}._animate-presence_1r27z_6{animation-duration:var(--duration-medium);animation-timing-function:var(--timing-primary);animation-name:_fade_1r27z_1}@keyframes _fade_1r27z_1{0%{opacity:0}to{opacity:1}}}

package/dist/CloseButton.js

@@ -1,27 +1,29 @@
 "use client";
-import { jsx as o } from "react/jsx-runtime";
-import { forwardRef as s } from "react";
+import './CloseButton.css';
+import { jsx as e } from "react/jsx-runtime";
+import { forwardRef as a } from "react";
 import { Button as n } from "./Button.js";
-import { Icon as i } from "./Icon.js";
-import { c as m } from "./index-CdiHdiVB.js";
-const c = "_root_atiow_2", l = "_fade_atiow_1", f = {
+import { Icon as m } from "./Icon.js";
+import { c as i } from "./index-PAaZGbyz.js";
+const c = "_root_1r27z_2", l = "_fade_1r27z_1", f = {
   root: c,
-  "animate-presence": "_animate-presence_atiow_6",
+  "animate-presence": "_animate-presence_1r27z_6",
   fade: l
-}, p = m(f), B = s(
-  ({ animatePresence: e = !1, className: t, ...r }, a) => /* @__PURE__ */ o(
+}, p = i(f), _ = a(
+  ({ animatePresence: o = !1, className: t, ...r }, s) => /* @__PURE__ */ e(
     n,
     {
       "aria-label": "Close",
-      className: p("root", e && "animate-presence", t),
-      ref: a,
-      size: "md",
+      className: p("root", o && "animate-presence", t),
+      ref: s,
+      size: "sm",
       variant: "tertiary",
       ...r,
-      children: /* @__PURE__ */ o(i, { name: "times", size: "lg" })
+      children: /* @__PURE__ */ e(m, { name: "times", size: "lg" })
     }
   )
 );
+_.displayName = "CloseButton";
 export {
-  B as CloseButton
+  _ as CloseButton
 };

package/dist/{CustomPopper-vwbOQq72.js → CustomPopper-C1wIDHbM.js}

@@ -5870,7 +5870,7 @@ var us = (
 function ps(a, n) {
   return a && n ? ee(a) !== ee(n) || P(a) !== P(n) : a !== n;
 }
-var Rt = "Date input not valid.", ws = (
+var Rt = "Date input not valid.", ys = (
   /** @class */
   function(a) {
     Z(n, a);
@@ -6312,13 +6312,14 @@ var Rt = "Date input not valid.", ws = (
     }, n;
   }(z)
 ), fs = "input", It = "navigate";
-const ys = ({ children: a }) => {
+const hs = ({ children: a }) => {
   if (!a)
     return null;
   const { children: n, className: t, modifiers: e, placement: r, ...o } = a.props;
   return /* @__PURE__ */ je("div", { style: o, children: a });
 };
+hs.displayName = "DateTimePicker.CustomPopper";
 export {
-  ys as C,
-  ws as D
+  hs as C,
+  ys as D
 };

package/dist/{DSAASPLT-BaaCUKsb.js → DSAASPLT-Fx1kuAsk.js}

@@ -1,7 +1,7 @@
 "use client";
-import { a as c } from "./T22PY7TE-C1N0q8Kn.js";
-import { u as d } from "./XCKGTAUF-DkxWCbaW.js";
-import { f as p, c as f, b as D, _ as x, u as g, d as k, a as v } from "./OE2EFRVA-C3721cM3.js";
+import { a as c } from "./T22PY7TE-gLuJpoOm.js";
+import { u as d } from "./XCKGTAUF-CJwwVibW.js";
+import { f as p, c as f, b as D, _ as x, u as g, d as k, a as v } from "./OE2EFRVA-Dg1R6gaC.js";
 import { useMemo as h } from "react";
 import { jsxs as _, jsx as a } from "react/jsx-runtime";
 var b = "button", y = f(