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

package/dist/InputText.js

@@ -27,11 +27,11 @@ const D = "_root_13hsf_8", F = "_transparent_13hsf_68", L = "_clearable_13hsf_88
   "icon-placement-right-md": "_icon-placement-right-md_13hsf_124"
 }, a = B(C), O = { lg: "md", md: "md", sm: "sm" }, V = T(
   ({
-    children: c,
+    children: p,
     className: v,
     icon: t,
     iconPlacement: s = "left",
-    isClearable: p,
+    isClearable: c,
     name: _,
     onChange: r,
     size: m = "lg",
@@ -41,13 +41,13 @@ const D = "_root_13hsf_8", F = "_transparent_13hsf_68", L = "_clearable_13hsf_88
     variant: z,
     ...I
   }, b) => {
-    const { getInputProps: N, variant: $ } = y(), d = $ || z, i = t && s, h = i && s === "right", R = i && s === "left", n = O[m], l = N(I), o = !!c, S = p || h || o, E = () => {
+    const { getInputProps: N, variant: $ } = y(), d = $ || z, i = t && s, h = i && s === "right", R = i && s === "left", n = O[m], l = N(I), o = !!p, S = c || h || o, E = () => {
       r && r({
         preventDefault: () => null,
         target: { name: _, value: "" }
       });
     };
-    return /* @__PURE__ */ u("div", { className: a("input-text-wrapper"), children: [
+    return /* @__PURE__ */ u("div", { className: a("input-text-wrapper", "field-input"), children: [
       /* @__PURE__ */ e(
         "input",
         {
@@ -87,9 +87,9 @@ const D = "_root_13hsf_8", F = "_transparent_13hsf_68", L = "_clearable_13hsf_88
             l.disabled && "disabled"
           ),
           children: [
-            p && f ? /* @__PURE__ */ e(j, { onClick: E, size: "sm" }) : null,
+            c && f ? /* @__PURE__ */ e(j, { onClick: E, size: "sm" }) : null,
             h && !o ? /* @__PURE__ */ e(g, { ...t.props, name: t.props.name, size: n }) : null,
-            o ? c : null
+            o ? p : null
           ]
         }
       ) : null

package/dist/Modal.js

@@ -1,9 +1,9 @@
 "use client";
 import './Modal.css';
-import { jsx as s, jsxs as _ } from "react/jsx-runtime";
+import { jsx as o, jsxs as _ } from "react/jsx-runtime";
 import { b as R } from "./RTNCFSKZ-BywELldk.js";
 import { D as V, u as q } from "./NI3IVY7K-Dy240mkD.js";
-import { forwardRef as l, isValidElement as G, cloneElement as J, useState as K, useEffect as L } from "react";
+import { forwardRef as i, isValidElement as G, cloneElement as J, useState as K, useEffect as L } from "react";
 import { c as r } from "./index-PAaZGbyz.js";
 import { f as j } from "./forwardRefWithAs-8eP3ZN15.js";
 import { D as y } from "./DSAASPLT-Fx1kuAsk.js";
@@ -12,7 +12,7 @@ import { Button as Q } from "./Button.js";
 import { Text as m } from "./Text.js";
 import { CloseButton as U } from "./CloseButton.js";
 import { D as X } from "./ZTXFEM5L-WGHY_jqg.js";
-const Y = "_root_1ruus_3", Z = "_hideOnInteractOutside_1ruus_19", ee = "_dialog_1ruus_117", i = {
+const Y = "_root_1ruus_3", Z = "_hideOnInteractOutside_1ruus_19", ee = "_dialog_1ruus_117", c = {
   root: Y,
   "asset-backdrop": "_asset-backdrop_1ruus_8",
   hideOnInteractOutside: Z,
@@ -23,49 +23,50 @@ const Y = "_root_1ruus_3", Z = "_hideOnInteractOutside_1ruus_19", ee = "_dialog_
   "asset-content": "_asset-content_1ruus_96",
   dialog: ee,
   "close-button": "_close-button_1ruus_159"
-}, te = r(i), x = ({ children: e, ...t }) => /* @__PURE__ */ s(Q, { className: te("close-button"), variant: "primary-neutral", ...t, children: e });
+}, te = r(c), x = ({ children: e, ...t }) => /* @__PURE__ */ o(Q, { className: te("close-button"), variant: "primary-neutral", ...t, children: e });
 x.displayName = "AssetModal.Close";
-const se = r(i), M = l(
-  ({ hideOnInteractOutside: e, ...t }, o) => /* @__PURE__ */ s(
+const se = r(c), M = i(
+  ({ hideOnInteractOutside: e, ...t }, s) => /* @__PURE__ */ o(
     "div",
     {
       className: se("asset-backdrop", e && "hideOnInteractOutside"),
       ...t,
-      ref: o,
-      children: /* @__PURE__ */ s(
+      ref: s,
+      children: /* @__PURE__ */ o(
         y,
         {
-          render: /* @__PURE__ */ s(x, { children: /* @__PURE__ */ s(P, { name: "times" }) })
+          render: /* @__PURE__ */ o(x, { children: /* @__PURE__ */ o(P, { name: "times" }) })
         }
       )
     }
   )
 );
 M.displayName = "AssetModal.Backdrop";
-const oe = r(i), $ = ({
+const oe = r(c), $ = ({
   children: e,
-  ...t
-}) => /* @__PURE__ */ s("div", { className: oe("root", "asset-content"), ...t, children: e });
+  className: t,
+  ...s
+}) => /* @__PURE__ */ o("div", { className: oe("root", "asset-content", t), ...s, children: e });
 $.displayName = "AssetModal.Content";
-const ae = r(i), f = ({ children: e, ...t }) => /* @__PURE__ */ s(m, { as: "p", className: ae("asset-title"), lines: 2, variant: "heading-md-strong", ...t, children: e });
+const ae = r(c), f = ({ children: e, ...t }) => /* @__PURE__ */ o(m, { as: "p", className: ae("asset-title"), lines: 2, variant: "heading-md-strong", ...t, children: e });
 f.displayName = "AssetModal.Title";
-const g = r(i), v = l(
-  ({ children: e, customContent: t, subtitle: o, title: a, ...d }, n) => /* @__PURE__ */ _("div", { className: g("root", "asset-wrapper"), ref: n, ...d, children: [
+const g = r(c), v = i(
+  ({ children: e, customContent: t, subtitle: s, title: a, ...n }, l) => /* @__PURE__ */ _("div", { className: g("root", "asset-wrapper"), ref: l, ...n, children: [
     e,
     /* @__PURE__ */ _("div", { className: g("root", "asset-title-wrapper"), children: [
       t,
-      !t && o ? /* @__PURE__ */ s(m, { variant: "label-md", children: o }) : null,
-      !t && a ? /* @__PURE__ */ s(f, { children: a }) : null
+      !t && s ? /* @__PURE__ */ o(m, { variant: "label-md", children: s }) : null,
+      !t && a ? /* @__PURE__ */ o(f, { children: a }) : null
     ] })
   ] })
 );
 v.displayName = "AssetModal.AssetWithTitle";
-const re = r(i), w = ({
+const re = r(c), w = ({
   children: e,
   ...t
-}) => /* @__PURE__ */ s("div", { className: re("root", "dialog"), ...t, children: e });
+}) => /* @__PURE__ */ o("div", { className: re("root", "dialog"), ...t, children: e });
 w.displayName = "AssetModal";
-const ne = r(i), O = ({ children: e }) => /* @__PURE__ */ s("div", { className: ne("root", "iframe-wrapper"), children: e });
+const ne = r(c), O = ({ children: e }) => /* @__PURE__ */ o("div", { className: ne("root", "iframe-wrapper"), children: e });
 O.displayName = "AssetModal.Iframe";
 const le = Object.assign(w, {
   AssetWithTitle: v,
@@ -73,7 +74,7 @@ const le = Object.assign(w, {
   Content: $,
   Iframe: O,
   Title: f
-}), ie = "_root_a4zjh_4", ce = "_body_a4zjh_48", de = "_footer_a4zjh_48", _e = "_header_a4zjh_48", me = "_scrollable_a4zjh_60", ue = "_content_a4zjh_66", pe = "_close_a4zjh_66", he = "_backdrop_a4zjh_85", fe = "_hideOnInteractOutside_a4zjh_96", Ne = "_icon_a4zjh_127", c = {
+}), ie = "_root_a4zjh_4", ce = "_body_a4zjh_48", de = "_footer_a4zjh_48", _e = "_header_a4zjh_48", me = "_scrollable_a4zjh_60", ue = "_content_a4zjh_66", pe = "_close_a4zjh_66", he = "_backdrop_a4zjh_85", fe = "_hideOnInteractOutside_a4zjh_96", Ne = "_icon_a4zjh_127", d = {
   root: ie,
   body: ce,
   footer: de,
@@ -95,57 +96,65 @@ const le = Object.assign(w, {
   "footer-information": "_footer-information_a4zjh_163",
   "footer-information-title": "_footer-information-title_a4zjh_170",
   "footer-information-subtitle": "_footer-information-subtitle_a4zjh_174"
-}, be = r(c), A = l(
-  ({ backdrop: e, hideOnInteractOutside: t, ...o }, a) => e === !0 ? /* @__PURE__ */ s(
+}, be = r(d), A = i(
+  ({ backdrop: e, hideOnInteractOutside: t, ...s }, a) => e === !0 ? /* @__PURE__ */ o(
     "div",
     {
       className: be("backdrop", t && "hideOnInteractOutside"),
       ref: a,
-      ...o
+      ...s
     }
-  ) : G(e) ? J(e, { ref: a, ...o }) : null
+  ) : G(e) ? J(e, { ref: a, ...s }) : null
 );
 A.displayName = "Modal.Backdrop";
-const ze = r(c), k = l((e, t) => /* @__PURE__ */ s("section", { className: ze("body"), ref: t, ...e }));
+const ze = r(d), k = i(({ className: e, ...t }, s) => /* @__PURE__ */ o("section", { className: ze("body", e), ref: s, ...t }));
 k.displayName = "Modal.Body";
-const ge = r(c), N = (e) => /* @__PURE__ */ s(y, { render: /* @__PURE__ */ s(U, { className: ge("close"), ...e }) });
+const ge = r(d), N = (e) => /* @__PURE__ */ o(y, { render: /* @__PURE__ */ o(U, { className: ge("close"), ...e }) });
 N.displayName = "Modal.Close";
-const je = r(c), B = l(
-  ({ children: e, withClosingButton: t = !0, ...o }, a) => /* @__PURE__ */ _("div", { className: je("content", t && "with-close-button"), ref: a, ...o, children: [
-    /* @__PURE__ */ s(N, {}),
-    e
-  ] })
+const je = r(d), B = i(
+  ({ children: e, className: t, withClosingButton: s = !0, ...a }, n) => /* @__PURE__ */ _(
+    "div",
+    {
+      className: (je("content", s && "with-close-button"), t),
+      ref: n,
+      ...a,
+      children: [
+        /* @__PURE__ */ o(N, {}),
+        e
+      ]
+    }
+  )
 );
 B.displayName = "Modal.Content";
-const u = r(c), C = l(
-  ({ children: e, information: t, ...o }, a) => /* @__PURE__ */ _("footer", { className: u("footer"), ref: a, ...o, children: [
-    e ? /* @__PURE__ */ s("div", { className: u("footer-children-wrapper"), children: e }) : null,
-    t ? /* @__PURE__ */ _("div", { className: u("footer-information"), children: [
-      /* @__PURE__ */ s(m, { className: u("footer-information-title"), variant: "label-md", children: t.title }),
-      /* @__PURE__ */ s(m, { className: u("footer-information-subtitle"), variant: "body-md", children: t.subtitle })
+const u = r(d), C = i(
+  ({ children: e, className: t, information: s, ...a }, n) => /* @__PURE__ */ _("footer", { className: u("footer", t), ref: n, ...a, children: [
+    e ? /* @__PURE__ */ o("div", { className: u("footer-children-wrapper"), children: e }) : null,
+    s ? /* @__PURE__ */ _("div", { className: u("footer-information"), children: [
+      /* @__PURE__ */ o(m, { className: u("footer-information-title"), variant: "label-md", children: s.title }),
+      /* @__PURE__ */ o(m, { className: u("footer-information-subtitle"), variant: "body-md", children: s.subtitle })
     ] }) : null
   ] })
 );
 C.displayName = "Modal.Footer";
-const h = r(c), D = l(
-  ({ icon: e, subtitle: t, title: o, ...a }, d) => /* @__PURE__ */ _("header", { className: h("header", e && "icon"), ref: d, ...a, children: [
-    /* @__PURE__ */ s(N, {}),
-    e,
-    /* @__PURE__ */ s(m, { as: "h4", className: h("header-title"), variant: "heading-md-strong", children: o }),
-    t ? /* @__PURE__ */ s(m, { className: h("header-subtitle"), children: t }) : null
+const h = r(d), D = i(
+  ({ className: e, icon: t, subtitle: s, title: a, ...n }, l) => /* @__PURE__ */ _("header", { className: h("header", t && "icon", e), ref: l, ...n, children: [
+    /* @__PURE__ */ o(N, {}),
+    t,
+    /* @__PURE__ */ o(m, { as: "h4", className: h("header-title"), variant: "heading-md-strong", children: a }),
+    s ? /* @__PURE__ */ o(m, { className: h("header-subtitle"), children: s }) : null
   ] })
 );
 D.displayName = "Modal.Header";
 const I = j(
-  ({ as: e, store: t, ...o }, a) => /* @__PURE__ */ s(X, { ref: a, render: e ? /* @__PURE__ */ s(e, {}) : void 0, store: t, ...o })
+  ({ as: e, store: t, ...s }, a) => /* @__PURE__ */ o(X, { ref: a, render: e ? /* @__PURE__ */ o(e, {}) : void 0, store: t, ...s })
 );
 I.displayName = "Modal.Trigger";
-const ye = r(c);
+const ye = r(d);
 function Te(e) {
-  const { onClose: t, setOpen: o, ...a } = e || {};
+  const { onClose: t, setOpen: s, ...a } = e || {};
   return q({
-    setOpen: (n) => {
-      !n && t && t(), o == null || o(n);
+    setOpen: (l) => {
+      !l && t && t(), s == null || s(l);
     },
     ...a
   });
@@ -155,10 +164,10 @@ const T = j(
     ariaLabel: e,
     /** for render property */
     as: t,
-    backdrop: o = !0,
+    backdrop: s = !0,
     children: a,
-    className: d,
-    hideOnInteractOutside: n = !0,
+    className: n,
+    hideOnInteractOutside: l = !0,
     size: S = "lg",
     store: b,
     ...E
@@ -166,13 +175,13 @@ const T = j(
     const [W, F] = K(!1), { contentElement: p, open: z } = R(b);
     return L(() => {
       z && p && F(p.scrollHeight > p.offsetHeight);
-    }, [p, z]), /* @__PURE__ */ s(
+    }, [p, z]), /* @__PURE__ */ o(
       V,
       {
-        backdrop: /* @__PURE__ */ s(A, { backdrop: o, hideOnInteractOutside: n }),
-        hideOnInteractOutside: n,
+        backdrop: /* @__PURE__ */ o(A, { backdrop: s, hideOnInteractOutside: l }),
+        hideOnInteractOutside: l,
         ref: H,
-        render: t ? /* @__PURE__ */ s(t, {}) : /* @__PURE__ */ s("div", { className: ye("root", `size-${S}`, W && "scrollable", d) }),
+        render: t ? /* @__PURE__ */ o(t, {}) : /* @__PURE__ */ o("div", { className: ye("root", `size-${S}`, W && "scrollable", n) }),
         store: b,
         ...E,
         "aria-label": e,

package/dist/Search.js

@@ -126,7 +126,7 @@ const qe = "_wrapper_qaadj_2", we = "_indicators_qaadj_5", Ne = "_root_qaadj_33"
             variant: b ? "focused" : f,
             ...j
           });
-          return /* @__PURE__ */ w("div", { ...se, className: t("wrapper"), children: [
+          return /* @__PURE__ */ w("div", { ...se, className: t("wrapper", "field-input"), children: [
             /* @__PURE__ */ w("div", { className: t("input-wrapper"), children: [
               /* @__PURE__ */ a(
                 "input",