welcome-ui 10.0.0-alpha.4 → 10.0.0-alpha.5

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 { Icon as m } from "./Icon.js";
 import { c as R } from "./index-PAaZGbyz.js";
-import { f as y } from "./forwardRefWithAs-8eP3ZN15.js";
-const S = "_root_etflv_4", k = "_hasRemoveAction_etflv_199", q = "_isSquare_etflv_205", A = "_removeButton_etflv_210", N = {
-  root: S,
-  "variant-primary": "_variant-primary_etflv_70",
-  "variant-info": "_variant-info_etflv_78",
-  "variant-success": "_variant-success_etflv_86",
-  "variant-danger": "_variant-danger_etflv_94",
-  "variant-warning": "_variant-warning_etflv_102",
-  "variant-ai": "_variant-ai_etflv_110",
-  "variant-blue": "_variant-blue_etflv_118",
-  "variant-green": "_variant-green_etflv_126",
-  "variant-orange": "_variant-orange_etflv_134",
-  "variant-pink": "_variant-pink_etflv_142",
-  "variant-teal": "_variant-teal_etflv_150",
-  "variant-violet": "_variant-violet_etflv_158",
-  "size-xs": "_size-xs_etflv_166",
-  "size-sm": "_size-sm_etflv_177",
-  "size-md": "_size-md_etflv_188",
-  hasRemoveAction: k,
-  isSquare: q,
-  removeButton: A
-}, s = R(N);
-function b(t) {
-  if (typeof t == "string" || typeof t == "number")
-    return t.toString().length;
-  if (z.isValidElement(t) && typeof t.props.children == "string")
-    return t.props.children.length;
+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((t, o) => {
+const E = S((a, p) => {
   const {
-    as: _ = "div",
-    children: i,
-    className: v,
-    icon: l,
-    onClick: f,
-    onRemove: e,
-    removeButtonProps: a,
-    size: m = "md",
-    variant: n,
-    ...c
-  } = t, u = b(i) === 1 && !e, g = (p) => {
-    a != null && a.onClick && a.onClick(p), e && e();
+    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",
-        n && `variant-${n}`,
-        `size-${m}`,
-        !!e && "hasRemoveAction",
-        u && "isSquare",
-        v
+        `variant-${l}`,
+        `size-${f}`,
+        !!t && "hasRemoveAction",
+        g && "isSquare",
+        s && "ai",
+        i && "disabled",
+        d
       ),
-      onClick: f,
-      ref: o,
-      ...c,
+      onClick: b,
+      ref: p,
+      ...u,
       children: [
-        l,
-        i,
-        e ? /* @__PURE__ */ r(
-          h,
+        s && l !== "dash" ? /* @__PURE__ */ r(m, { name: "sparkles", size: "md" }) : y,
+        o,
+        t ? /* @__PURE__ */ r(
+          "button",
           {
             "aria-label": "remove tag",
-            ...a,
-            className: s("removeButton", a == null ? void 0 : a.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,4 +1,5 @@
 "use client";
+import './Text.css';
 import { createElement as g } from "react";
 import { c as m } from "./index-PAaZGbyz.js";
 import { f as b } from "./forwardRefWithAs-8eP3ZN15.js";
@@ -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.js

@@ -1,27 +1,29 @@
 "use client";
+import './Textarea.css';
 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-PAaZGbyz.js";
-const v = "_root_rh62g_2", f = {
+const v = "_root_rh62g_2", p = {
   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;
+}, f = g(p), l = _(
+  ({ className: a, minRows: t = 5, variant: o, ...e }, n) => {
+    const { getInputProps: s, variant: i } = m(), r = i || o;
     return /* @__PURE__ */ c(
       "textarea",
       {
-        className: p("root", r && `variant-${r}`, a),
-        ref: s,
+        className: f("root", r && `variant-${r}`, a),
+        ref: n,
         rows: t,
-        ...e(n)
+        ...s(e)
       }
     );
   }
 );
+l.displayName = "Textarea";
 export {
-  h as Textarea
+  l as Textarea
 };

package/dist/TimePicker.js

@@ -1,27 +1,27 @@
 "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 { D as F, C as I } from "./CustomPopper-C1wIDHbM.js";
 import { b as L, D as M, s as O } from "./utils-BD597oo6.js";
 import { InputText as U } from "./InputText.js";
 import { c as _ } from "./index-PAaZGbyz.js";
-const q = _(O), V = S(
+const q = _(O), z = S(
   ({
     autoFocus: o,
-    className: D,
-    dateFormat: T = "HH:mm",
-    disabled: R,
-    icon: a,
-    iconPlacement: x = "left",
+    className: T,
+    dateFormat: D = "HH:mm",
+    disabled: a,
+    icon: R,
+    iconPlacement: k = "left",
     onChange: t,
-    placeholder: k,
+    placeholder: x,
     size: y = "md",
     timeIntervals: i = 15,
     transparent: A,
     value: r = M,
     ...m
   }, p) => {
-    const l = (s) => L(s, i), [H, c] = w(l(r)), b = j(), E = p || b;
+    const l = (s) => L(s, i), [H, c] = w(l(r)), N = j(), P = p || N;
     d(() => {
       t == null || t(l(r));
     }, []), d(() => {
@@ -29,10 +29,10 @@ const q = _(O), V = S(
       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);
     }, [r]);
-    const N = (s) => {
+    const b = (s) => {
       var e;
-      s.preventDefault(), (e = E.current) == null || e.blur(), c(null), t == null || t(null);
-    }, P = (s) => {
+      s.preventDefault(), (e = P.current) == null || e.blur(), c(null), t == null || t(null);
+    }, E = (s) => {
       if (!s) {
         c(null), t == null || t(null);
         return;
@@ -57,21 +57,21 @@ const q = _(O), V = S(
             U,
             {
               autoFocus: o,
-              className: q("time-picker", D),
+              className: q("time-picker", T),
               "data-testid": m["data-testid"],
-              disabled: R,
-              icon: a,
-              iconPlacement: x,
+              disabled: a,
+              icon: R,
+              iconPlacement: k,
               isClearable: !1,
-              onReset: N,
+              onReset: b,
               ref: p,
               size: y,
               transparent: A
             }
           ),
-          dateFormat: T,
-          onChange: P,
-          placeholderText: k,
+          dateFormat: D,
+          onChange: E,
+          placeholderText: x,
           popperContainer: I,
           selected: H,
           showTimeSelect: !0,
@@ -83,6 +83,7 @@ const q = _(O), V = S(
     );
   }
 );
+z.displayName = "TimePicker";
 export {
-  V as TimePicker
+  z as TimePicker
 };