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

package/dist/Tag.js

@@ -1,85 +1,90 @@
 "use client";
-import { jsxs as d, jsx as r } from "react/jsx-runtime";
+import './Tag.css';
+import { jsxs as k, jsx as r } from "react/jsx-runtime";
 import z from "react";
-import { Button as h } from "./Button.js";
-import { Icon as x } from "./Icon.js";
-import { c as R } from "./index-CdiHdiVB.js";
-import { f as y } from "./forwardRefWithAs-8eP3ZN15.js";
-const S = "_root_40vfm_2", k = "_hasRemoveAction_40vfm_197", q = "_isSquare_40vfm_203", A = "_removeButton_40vfm_208", N = {
-  root: S,
-  "variant-primary": "_variant-primary_40vfm_68",
-  "variant-info": "_variant-info_40vfm_76",
-  "variant-success": "_variant-success_40vfm_84",
-  "variant-danger": "_variant-danger_40vfm_92",
-  "variant-warning": "_variant-warning_40vfm_100",
-  "variant-ai": "_variant-ai_40vfm_108",
-  "variant-blue": "_variant-blue_40vfm_116",
-  "variant-green": "_variant-green_40vfm_124",
-  "variant-orange": "_variant-orange_40vfm_132",
-  "variant-pink": "_variant-pink_40vfm_140",
-  "variant-teal": "_variant-teal_40vfm_148",
-  "variant-violet": "_variant-violet_40vfm_156",
-  "size-xs": "_size-xs_40vfm_164",
-  "size-sm": "_size-sm_40vfm_175",
-  "size-md": "_size-md_40vfm_186",
-  hasRemoveAction: k,
-  isSquare: q,
-  removeButton: A
-}, s = R(N);
-function b(a) {
+import { Icon as m } from "./Icon.js";
+import { c as R } from "./index-PAaZGbyz.js";
+import { f as S } from "./forwardRefWithAs-8eP3ZN15.js";
+const C = "_root_1y63p_9", N = "_disabled_1y63p_53", q = "_ai_1y63p_70", x = "_removeButton_1y63p_73", A = "_hasRemoveAction_1y63p_240", w = "_isSquare_1y63p_246", T = {
+  root: C,
+  disabled: N,
+  "variant-dash": "_variant-dash_1y63p_58",
+  ai: q,
+  removeButton: x,
+  "variant-brand": "_variant-brand_1y63p_76",
+  "variant-warm": "_variant-warm_1y63p_91",
+  "variant-red": "_variant-red_1y63p_106",
+  "variant-blue": "_variant-blue_1y63p_121",
+  "variant-green": "_variant-green_1y63p_136",
+  "variant-orange": "_variant-orange_1y63p_151",
+  "variant-pink": "_variant-pink_1y63p_166",
+  "variant-teal": "_variant-teal_1y63p_181",
+  "variant-violet": "_variant-violet_1y63p_196",
+  "size-md": "_size-md_1y63p_226",
+  "size-lg": "_size-lg_1y63p_233",
+  hasRemoveAction: A,
+  isSquare: w
+}, c = R(T);
+function j(a) {
   if (typeof a == "string" || typeof a == "number")
     return a.toString().length;
   if (z.isValidElement(a) && typeof a.props.children == "string")
     return a.props.children.length;
 }
-const $ = y((a, o) => {
+const E = S((a, p) => {
   const {
-    as: _ = "div",
-    children: n,
-    className: v,
-    icon: m,
-    onClick: f,
-    onRemove: i,
-    removeButtonProps: t,
-    size: c = "md",
-    variant: e,
-    ...l
-  } = a, u = b(n) === 1 && !i, g = (p) => {
-    t != null && t.onClick && t.onClick(p), i && i();
+    ai: s = !1,
+    as: v = "div",
+    children: o,
+    className: d,
+    disabled: i = !1,
+    icon: y,
+    onClick: _,
+    onRemove: t,
+    removeButtonProps: e,
+    size: f = "lg",
+    variant: l = "warm",
+    ...u
+  } = a, g = j(o) === 1 && !t, h = (n) => {
+    n.stopPropagation(), !i && (e != null && e.onClick && e.onClick(n), t && t());
+  }, b = (n) => {
+    i || _ && _(n);
   };
-  return /* @__PURE__ */ d(
-    _,
+  return /* @__PURE__ */ k(
+    v,
     {
-      className: s(
+      className: c(
         "root",
-        e && `variant-${e}`,
-        `size-${c}`,
-        !!i && "hasRemoveAction",
-        u && "isSquare",
-        v
+        `variant-${l}`,
+        `size-${f}`,
+        !!t && "hasRemoveAction",
+        g && "isSquare",
+        s && "ai",
+        i && "disabled",
+        d
       ),
-      onClick: f,
-      ref: o,
-      ...l,
+      onClick: b,
+      ref: p,
+      ...u,
       children: [
-        m,
-        n,
-        i ? /* @__PURE__ */ r(
-          h,
+        s && l !== "dash" ? /* @__PURE__ */ r(m, { name: "sparkles", size: "md" }) : y,
+        o,
+        t ? /* @__PURE__ */ r(
+          "button",
           {
             "aria-label": "remove tag",
-            ...t,
-            className: s("removeButton", t == null ? void 0 : t.className),
-            onClick: g,
-            size: "sm",
-            variant: "tertiary",
-            children: /* @__PURE__ */ r(x, { name: "times", size: "xs" })
+            disabled: i,
+            ...e,
+            className: c("removeButton", e == null ? void 0 : e.className),
+            onClick: h,
+            children: /* @__PURE__ */ r(m, { name: "times", size: "md" })
           }
         ) : null
       ]
     }
   );
 });
+E.displayName = "Tag";
 export {
-  $ as Tag
+  E as Tag
 };

package/dist/Text.js

@@ -1,6 +1,7 @@
 "use client";
+import './Text.css';
 import { createElement as g } from "react";
-import { c as m } from "./index-CdiHdiVB.js";
+import { c as m } from "./index-PAaZGbyz.js";
 import { f as b } from "./forwardRefWithAs-8eP3ZN15.js";
 const q = "_root_1tqvt_2", h = {
   root: q,
@@ -34,7 +35,7 @@ const q = "_root_1tqvt_2", h = {
   "single-line": "_single-line_1tqvt_129",
   "multi-line": "_multi-line_1tqvt_133",
   "with-dash": "_with-dash_1tqvt_136"
-}, y = m(h), w = b(
+}, y = m(h), x = b(
   ({ as: _ = "p", children: s, className: r, lines: a, variant: t = "md", withDash: l, ...v }, d) => {
     const e = (t == null ? void 0 : t.startsWith("heading")) || (t == null ? void 0 : t.startsWith("display")), i = a && a > 1 && a !== Number.POSITIVE_INFINITY, n = a === 1, o = y(
       "root",
@@ -57,6 +58,7 @@ const q = "_root_1tqvt_2", h = {
     );
   }
 );
+x.displayName = "Text";
 export {
-  w as Text
+  x as Text
 };

package/dist/Textarea.css

@@ -1 +1 @@
-@layer components{._root_rh62g_2{border-radius:var(--components-dimensions-input-border-radius);border-style:solid;border-width:var(--components-dimensions-input-border-width-default);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);line-height:var(--font-line-height-md);width:100%;transition:var(--duration-medium);padding:var(--spacing-md);min-height:8.125rem;outline:none;background-color:var(--textAreaBackgroundColor, var(--components-colors-input-color-background-default));color:var(--textAreaColor, var(--components-colors-input-color-text-default));border-color:var(--textAreaBorderColor, var(--components-colors-input-color-border-default));box-shadow:var(--textAreaBoxShadow, var(--inset-10)) inset}._root_rh62g_2:disabled,._root_rh62g_2[aria-disabled]{--textAreaBackgroundColor: var(--components-colors-input-color-background-disabled);--textAreaColor: var(--components-colors-input-color-text-disabled);cursor:not-allowed}._root_rh62g_2:hover{--textAreaBorderColor: var(--components-colors-input-color-border-hover);--textAreaBoxShadow: var(--inset-20)}._root_rh62g_2:active,._root_rh62g_2:focus{--textAreaBorderColor: var(--components-colors-input-color-border-active)}._root_rh62g_2::placeholder{--textAreaColor: var(--components-colors-input-color-text-placeholder)}._variant-danger_rh62g_35{--textAreaBorderColor: var(--components-colors-input-color-border-error)}._variant-warning_rh62g_38{--textAreaBorderColor: var(--components-colors-input-color-border-warning)}._variant-success_rh62g_41{--textAreaBorderColor: var(--components-colors-input-color-border-success)}}
+@layer components{._root_161f5_2{border-radius:var(--components-dimensions-input-border-radius);border-style:solid;border-width:var(--components-dimensions-input-border-width-default);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);line-height:var(--font-line-height-md);width:100%;transition:var(--duration-medium);padding:var(--spacing-md);outline:none;background-color:var(--textAreaBackgroundColor, var(--components-colors-input-color-background-default));color:var(--textAreaColor, var(--components-colors-input-color-text-default));border-color:var(--textAreaBorderColor, var(--components-colors-input-color-border-default));box-shadow:var(--textAreaBoxShadow, var(--inset-10)) inset;field-sizing:var(--textAreaFieldSizing, fixed);min-height:var(--textAreaMinHeight, 8.125rem)}._root_161f5_2:disabled,._root_161f5_2[aria-disabled]{--textAreaBackgroundColor: var(--components-colors-input-color-background-disabled);--textAreaColor: var(--components-colors-input-color-text-disabled);cursor:not-allowed}._root_161f5_2:hover{--textAreaBorderColor: var(--components-colors-input-color-border-hover);--textAreaBoxShadow: var(--inset-20)}._root_161f5_2:active,._root_161f5_2:focus{--textAreaBorderColor: var(--components-colors-input-color-border-active)}._root_161f5_2::placeholder{color:var(--components-colors-input-color-text-placeholder)}._variant-danger_161f5_36{--textAreaBorderColor: var(--components-colors-input-color-border-error)}._variant-warning_161f5_39{--textAreaBorderColor: var(--components-colors-input-color-border-warning)}._variant-success_161f5_42{--textAreaBorderColor: var(--components-colors-input-color-border-success)}._adaptative_161f5_45{--textAreaFieldSizing: content;--textAreaMinHeight: auto}}

package/dist/Textarea.js

@@ -1,27 +1,36 @@
 "use client";
-import { jsx as c } from "react/jsx-runtime";
-import { forwardRef as _ } from "react";
-import { useField as m } from "./Field.js";
-import { c as g } from "./index-CdiHdiVB.js";
-const v = "_root_rh62g_2", f = {
-  root: v,
-  "variant-danger": "_variant-danger_rh62g_35",
-  "variant-warning": "_variant-warning_rh62g_38",
-  "variant-success": "_variant-success_rh62g_41"
-}, p = g(f), h = _(
-  ({ className: a, minRows: t = 5, variant: o, ...n }, s) => {
-    const { getInputProps: e, variant: i } = m(), r = i || o;
-    return /* @__PURE__ */ c(
+import './Textarea.css';
+import { jsx as _ } from "react/jsx-runtime";
+import { forwardRef as f } from "react";
+import { useField as p } from "./Field.js";
+import { c as v } from "./index-PAaZGbyz.js";
+const d = "_root_161f5_2", m = "_adaptative_161f5_45", l = {
+  root: d,
+  "variant-danger": "_variant-danger_161f5_36",
+  "variant-warning": "_variant-warning_161f5_39",
+  "variant-success": "_variant-success_161f5_42",
+  adaptative: m
+}, u = v(l), x = f(
+  ({ className: t, isAdaptative: r = !1, minRows: e = 5, variant: n, ...o }, s) => {
+    const { getInputProps: i, variant: c } = p(), a = c || n;
+    return /* @__PURE__ */ _(
       "textarea",
       {
-        className: p("root", r && `variant-${r}`, a),
+        className: u(
+          "root",
+          a && `variant-${a}`,
+          r && "adaptative",
+          "field-input",
+          t
+        ),
         ref: s,
-        rows: t,
-        ...e(n)
+        rows: e,
+        ...i(o)
       }
     );
   }
 );
+x.displayName = "Textarea";
 export {
-  h as Textarea
+  x as Textarea
 };

package/dist/TimePicker.js

@@ -1,88 +1,90 @@
 "use client";
 import { jsx as f } from "react/jsx-runtime";
-import { forwardRef as S, useState as w, useRef as j, useEffect as d } from "react";
-import { D as F, C as I } from "./CustomPopper-vwbOQq72.js";
-import { b as L, D as M, s as O } from "./utils-DileZjMm.js";
-import { InputText as U } from "./InputText.js";
-import { c as _ } from "./index-CdiHdiVB.js";
-const q = _(O), V = S(
+import { forwardRef as S, useState as j, useRef as F, useEffect as d } from "react";
+import { D as I, C as L } from "./CustomPopper-C1wIDHbM.js";
+import { b as M, D as O, s as U } from "./utils-BD597oo6.js";
+import { InputText as _ } from "./InputText.js";
+import { c as q } from "./index-PAaZGbyz.js";
+const a = q(U), z = S(
   ({
     autoFocus: o,
-    className: D,
-    dateFormat: T = "HH:mm",
-    disabled: R,
-    icon: a,
-    iconPlacement: x = "left",
+    className: T,
+    dateFormat: D = "HH:mm",
+    disabled: k,
+    icon: N,
+    iconPlacement: R = "left",
     onChange: t,
-    placeholder: k,
-    size: y = "md",
-    timeIntervals: i = 15,
-    transparent: A,
-    value: r = M,
-    ...m
+    placeholder: w,
+    size: x = "md",
+    timeIntervals: m = 15,
+    transparent: y,
+    value: r = O,
+    ...c
   }, p) => {
-    const l = (s) => L(s, i), [H, c] = w(l(r)), b = j(), E = p || b;
+    const i = (e) => M(e, m), [A, l] = j(i(r)), H = F(), P = p || H;
     d(() => {
-      t == null || t(l(r));
+      t == null || t(i(r));
     }, []), d(() => {
-      var e;
-      const s = l(r);
-      ((e = new Date(r)) == null ? void 0 : e.getTime()) - (s == null ? void 0 : s.getTime()) !== 0 && (t == null || t(s)), c(s);
+      var s;
+      const e = i(r);
+      ((s = new Date(r)) == null ? void 0 : s.getTime()) - (e == null ? void 0 : e.getTime()) !== 0 && (t == null || t(e)), l(e);
     }, [r]);
-    const N = (s) => {
-      var e;
-      s.preventDefault(), (e = E.current) == null || e.blur(), c(null), t == null || t(null);
-    }, P = (s) => {
-      if (!s) {
-        c(null), t == null || t(null);
+    const b = (e) => {
+      var s;
+      e.preventDefault(), (s = P.current) == null || s.blur(), l(null), t == null || t(null);
+    }, E = (e) => {
+      if (!e) {
+        l(null), t == null || t(null);
         return;
       }
-      const e = Array.isArray(s) ? s[0] : s;
-      if (!e) {
-        c(null), t == null || t(null);
+      const s = Array.isArray(e) ? e[0] : e;
+      if (!s) {
+        l(null), t == null || t(null);
         return;
       }
-      const u = l(e);
-      e.setHours(u.getHours(), u.getMinutes()), c(e), t == null || t(new Date(e));
+      const u = i(s);
+      s.setHours(u.getHours(), u.getMinutes()), l(s), t == null || t(new Date(s));
     };
     return (
       // type issue in react-datepicker (https://github.com/Hacker0x01/react-datepicker/issues/5391)
       // eslint-disable-next-line @typescript-eslint/ban-ts-comment
       // @ts-expect-error
       /* @__PURE__ */ f(
-        F,
+        I,
         {
           calendarClassName: "time-picker-popper",
           customInput: /* @__PURE__ */ f(
-            U,
+            _,
             {
               autoFocus: o,
-              className: q("time-picker", D),
-              "data-testid": m["data-testid"],
-              disabled: R,
-              icon: a,
-              iconPlacement: x,
+              className: a("time-picker", T),
+              "data-testid": c["data-testid"],
+              disabled: k,
+              icon: N,
+              iconPlacement: R,
               isClearable: !1,
-              onReset: N,
+              onReset: b,
               ref: p,
-              size: y,
-              transparent: A
+              size: x,
+              transparent: y
             }
           ),
-          dateFormat: T,
-          onChange: P,
-          placeholderText: k,
-          popperContainer: I,
-          selected: H,
+          dateFormat: D,
+          onChange: E,
+          placeholderText: w,
+          popperContainer: L,
+          selected: A,
           showTimeSelect: !0,
           showTimeSelectOnly: !0,
-          timeIntervals: i,
-          ...m
+          timeIntervals: m,
+          ...c,
+          wrapperClassName: a(c.wrapperClassName, "date-picker-wrapper", "field-input")
         }
       )
     );
   }
 );
+z.displayName = "TimePicker";
 export {
-  V as TimePicker
+  z as TimePicker
 };

package/dist/Toast.css

@@ -1 +1 @@
-@layer components{._title_1trg0_2{display:flex;align-items:center;padding-bottom:var(--border-radius-sm);color:var(--color-background-neutral-primary-fixed);font-weight:var(--font-weight-semi-bold)}._title_1trg0_2>*:first-child{flex-shrink:0}._growl_1trg0_12{position:relative;padding:var(--border-radius-xl);border-radius:var(--border-radius-md);border-style:solid;border-width:var(--border-width-xs);max-width:340px}._growl_1trg0_12 div:first-of-type{align-self:baseline;font-size:var(--font-size-14)}._growl_1trg0_12 button{flex-shrink:0}._snackbar_1trg0_27{display:flex;align-items:center;padding:var(--border-radius-md) var(--border-radius-lg);border-radius:var(--border-radius-md);width:max-content;gap:var(--border-radius-md)}._snackbar_1trg0_27 div:first-of-type{align-self:center;font-size:var(--font-size-14)}._snackbar_1trg0_27 div:last-of-type{flex-direction:row;margin-left:var(--border-radius-sm)!important}._snackbar-separator_1trg0_43{padding-left:var(--border-radius-md);border-left:1px solid;border-left-color:var(--borderLeftColor, --color-neutral-90)}._snackbar-separator_1trg0_43._info_1trg0_48{--borderLeftColor: var(--color-background-accent-blue-secondary)}._snackbar-separator_1trg0_43._success_1trg0_51{--borderLeftColor: var(--color-background-accent-green-primary)}._snackbar-separator_1trg0_43._warning_1trg0_54{--borderLeftColor: var(--color-background-warning-subtle)}._snackbar-separator_1trg0_43._danger_1trg0_57{--borderLeftColor: var(--color-background-danger-subtle)}}
+@layer components{._root_q0jyz_2{display:flex;flex-direction:column;overflow:hidden;border-width:var(--components-dimensions-toast-border-width);border-radius:var(--components-dimensions-toast-border-radius);border-color:var(--components-colors-toast-color-border-default);box-shadow:var(--elevation-20);background-color:var(--components-colors-toast-color-background-default);transition:all var(--duration-medium)}._root_q0jyz_2:hover{border-color:var(--components-colors-toast-color-border-hover);box-shadow:var(--elevation-30)}._icon_q0jyz_17{flex-shrink:0;border-radius:var(--components-dimensions-toast-icon-border-radius);padding:var(--components-dimensions-toast-icon-padding-inline);background-color:var(--iconBackgroundColor);color:var(--iconColor)}._variant-error_q0jyz_24{--iconBackgroundColor: var(--components-colors-toast-icon-color-background-error);--iconColor: var(--components-colors-toast-icon-color-icon-error)}._variant-warning_q0jyz_28{--iconBackgroundColor: var(--components-colors-toast-icon-color-background-warning);--iconColor: var(--components-colors-toast-icon-color-icon-warning)}._variant-success_q0jyz_32{--iconBackgroundColor: var(--components-colors-toast-icon-color-background-success);--iconColor: var(--components-colors-toast-icon-color-icon-success)}._variant-info_q0jyz_36{--iconBackgroundColor: var(--components-colors-toast-icon-color-background-information);--iconColor: var(--components-colors-toast-icon-color-icon-information)}._progress_q0jyz_40{width:100%;height:4px;background:var(--components-colors-latency-color-background-bar)}._progress-bar_q0jyz_45{width:100%;height:100%;background:var(--components-colors-latency-color-background-progress);transform-origin:left center;animation:_toast-progress_q0jyz_1 var(--duration) linear forwards}._hide-progress-bar_q0jyz_52{display:none}@keyframes _toast-progress_q0jyz_1{0%{transform:scaleX(0)}to{transform:scaleX(1)}}._snackbar_q0jyz_63{display:flex;flex-direction:row;align-items:center;padding:var(--components-dimensions-toast-padding-inline);gap:var(--components-dimensions-toast-gap-content);max-width:660px}._growl_q0jyz_71{display:flex;flex-direction:row;align-items:center;padding:var(--components-dimensions-toast-padding-inline);gap:var(--components-dimensions-growl-gap-content);max-width:450px}._growl_q0jyz_71 ._content_q0jyz_79{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-md)}._growl_q0jyz_71 ._close-button_q0jyz_85{align-self:start}._growl_q0jyz_71 ._icon_q0jyz_17{align-self:flex-start}._title_q0jyz_91{display:flex;align-items:center;padding-bottom:var(--border-radius-sm);color:var(--color-background-neutral-primary-fixed);font-weight:var(--font-weight-semi-bold)}._title_q0jyz_91>*:first-child{flex-shrink:0}}