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

package/dist/Search.js

@@ -1,217 +1,222 @@
 "use client";
 import './Search.css';
-import { jsx as t, jsxs as x } from "react/jsx-runtime";
-import { D as b } from "./downshift.esm-xtYanIDi.js";
-import { forwardRef as le, useState as he, useCallback as de, useMemo as _e, Fragment as pe } from "react";
-import { CloseButton as me } from "./CloseButton.js";
-import { Icon as fe } from "./Icon.js";
-import { c as ue } from "./index-PAaZGbyz.js";
-import { c as ge } from "./create-event-rXDe5aCQ.js";
-import { t as we } from "./throttle-BDBzFeFj.js";
-const Ne = "_wrapper_4fh7o_2", xe = "_indicators_4fh7o_5", ze = "_root_4fh7o_33", Re = "_transparent_4fh7o_81", Se = "_menu_4fh7o_170", ve = "_item_4fh7o_198", Ie = "_highlighted_4fh7o_212", ke = "_selected_4fh7o_215", Ce = {
-  wrapper: Ne,
-  indicators: xe,
-  "dropdown-indicator": "_dropdown-indicator_4fh7o_14",
-  "input-wrapper": "_input-wrapper_4fh7o_27",
-  "icon-placement-right": "_icon-placement-right_4fh7o_30",
-  root: ze,
-  "icon-placement-left": "_icon-placement-left_4fh7o_63",
-  transparent: Re,
-  "variant-danger": "_variant-danger_4fh7o_94",
-  "variant-success": "_variant-success_4fh7o_98",
-  "variant-warning": "_variant-warning_4fh7o_102",
-  "size-lg": "_size-lg_4fh7o_106",
-  "size-md": "_size-md_4fh7o_114",
-  "size-sm": "_size-sm_4fh7o_122",
-  "size-xs": "_size-xs_4fh7o_130",
-  "icon-wrapper": "_icon-wrapper_4fh7o_139",
+import { jsx as a, jsxs as w } from "react/jsx-runtime";
+import { D as y } from "./downshift.esm-xtYanIDi.js";
+import { forwardRef as le, useState as de, useCallback as _e, useMemo as me, Fragment as pe } from "react";
+import { CloseButton as he } from "./CloseButton.js";
+import { Icon as ue } from "./Icon.js";
+import { c as fe } from "./index-PAaZGbyz.js";
+import { c as je } from "./create-event-rXDe5aCQ.js";
+import { t as ge } from "./throttle-BDBzFeFj.js";
+const qe = "_wrapper_qaadj_2", we = "_indicators_qaadj_5", Ne = "_root_qaadj_33", ve = "_transparent_qaadj_95", Re = "_disabled_qaadj_136", Se = "_menu_qaadj_151", Ie = "_item_qaadj_184", xe = "_highlighted_qaadj_198", ze = "_selected_qaadj_201", ke = {
+  wrapper: qe,
+  indicators: we,
+  "dropdown-indicator": "_dropdown-indicator_qaadj_14",
+  "input-wrapper": "_input-wrapper_qaadj_27",
+  "icon-placement-right": "_icon-placement-right_qaadj_30",
+  root: Ne,
+  "icon-placement-left": "_icon-placement-left_qaadj_59",
+  "variant-danger": "_variant-danger_qaadj_86",
+  "variant-warning": "_variant-warning_qaadj_89",
+  "variant-success": "_variant-success_qaadj_92",
+  transparent: ve,
+  "size-lg": "_size-lg_qaadj_100",
+  "size-md": "_size-md_qaadj_105",
+  "size-sm": "_size-sm_qaadj_110",
+  "icon-wrapper": "_icon-wrapper_qaadj_115",
+  disabled: Re,
+  "icon-placement-left-sm": "_icon-placement-left-sm_qaadj_139",
+  "icon-placement-left-md": "_icon-placement-left-md_qaadj_142",
+  "icon-placement-right-sm": "_icon-placement-right-sm_qaadj_145",
+  "icon-placement-right-md": "_icon-placement-right-md_qaadj_148",
   menu: Se,
-  item: ve,
-  highlighted: Ie,
-  selected: ke
-}, j = "", n = ue(Ce), $e = b.default || b, De = le(
+  "menu-scroller": "_menu-scroller_qaadj_177",
+  item: Ie,
+  highlighted: xe,
+  selected: ze
+}, E = "", t = fe(ke), Ce = y.default || y, $e = le(
   ({
-    autoComplete: O = "off",
-    autoFocus: P,
-    className: V,
-    dataTestId: B,
-    disabled: G,
-    groupsEnabled: H,
-    icon: _,
-    iconPlacement: z = "left",
-    id: Y,
-    itemToString: s,
+    autoComplete: M = "off",
+    autoFocus: O,
+    className: P,
+    dataTestId: V,
+    disabled: B,
+    groupsEnabled: G,
+    icon: m,
+    iconPlacement: N = "left",
+    id: H,
+    itemToString: n,
     minChars: p = 3,
-    name: R,
-    onBlur: q,
-    onChange: m,
+    name: v,
+    onBlur: Y,
+    onChange: h,
     onClick: A,
-    onFocus: f,
+    onFocus: u,
     placeholder: J = "Search…",
     renderGroupHeader: K,
-    renderItem: S,
-    search: v,
+    renderItem: R,
+    search: S,
     size: l = "lg",
     throttle: I = 500,
     transparent: L,
-    value: h = j,
-    variant: u,
-    ...g
+    value: d = E,
+    variant: f,
+    ...j
   }, Q) => {
-    const U = h ? s(h) : j, [k, r] = he([]), C = de(
+    const U = d ? n(d) : E, [x, c] = de([]), z = _e(
       async (e) => {
         if (p === 0 || (e == null ? void 0 : e.length) >= p) {
-          const a = await v(e);
-          r(a || []);
+          const r = await S(e);
+          c(r || []);
         } else
-          r([]);
+          c([]);
       },
-      [p, v]
-    ), $ = _e(
-      () => we(C, I, !1),
-      [C, I]
-    ), w = (e) => {
-      const a = ge({ name: R, value: e });
-      m == null || m(e, a);
-    }, D = (e) => {
-      e ? w(e) : (w(), r([]));
+      [p, S]
+    ), k = me(
+      () => ge(z, I, !1),
+      [z, I]
+    ), g = (e) => {
+      const r = je({ name: v, value: e });
+      h == null || h(e, r);
+    }, C = (e) => {
+      e ? g(e) : (g(), c([]));
     };
-    return /* @__PURE__ */ t(
-      $e,
+    return /* @__PURE__ */ a(
+      Ce,
       {
         initialInputValue: U,
-        itemToString: (e) => s(e) || "",
-        onInputValueChange: $,
+        itemToString: (e) => n(e) || "",
+        onInputValueChange: k,
         onOuterClick: () => {
-          h || D(), r([]);
+          d || C(), c([]);
         },
-        onSelect: D,
-        selectedItem: h,
-        ...g,
+        onSelect: C,
+        selectedItem: d,
+        ...j,
         children: ({
           clearSelection: e,
-          getInputProps: a,
-          getItemProps: T,
+          getInputProps: r,
+          getItemProps: $,
           getMenuProps: W,
           getRootProps: X,
           highlightedIndex: Z,
           inputValue: F,
-          isOpen: y,
-          selectedItem: d,
+          isOpen: b,
+          selectedItem: _,
           toggleMenu: ee
         }) => {
-          const te = () => {
-            r([]), w(), e();
-          }, ne = y && k.length > 0, se = /* @__PURE__ */ t("div", { className: n("dropdown-indicator"), children: /* @__PURE__ */ t(me, { animatePresence: !0, onClick: te, title: "Clear" }) }), ie = (i) => {
-            f == null || f(i), $(""), ee();
-          }, oe = X(g, { suppressRefError: !0 }), re = a({
-            autoComplete: O,
-            autoFocus: P,
-            "data-testid": B,
-            disabled: G,
-            id: Y,
-            name: R,
-            onBlur: q,
+          const ae = () => {
+            c([]), g(), e();
+          }, te = b && x.length > 0, ne = /* @__PURE__ */ a("div", { className: t("dropdown-indicator"), children: /* @__PURE__ */ a(he, { animatePresence: !0, onClick: ae, title: "Clear" }) }), ie = (i) => {
+            u == null || u(i), k(""), ee();
+          }, se = X(j, { suppressRefError: !0 }), ce = r({
+            autoComplete: M,
+            autoFocus: O,
+            "data-testid": V,
+            disabled: B,
+            id: H,
+            name: v,
+            onBlur: Y,
             onClick: A,
             onFocus: ie,
             placeholder: J,
             ref: Q,
             size: l,
             tabIndex: 0,
-            variant: y ? "focused" : u,
-            ...g
+            variant: b ? "focused" : f,
+            ...j
           });
-          return /* @__PURE__ */ x("div", { ...oe, className: n("wrapper"), children: [
-            /* @__PURE__ */ x("div", { className: n("input-wrapper"), children: [
-              /* @__PURE__ */ t(
+          return /* @__PURE__ */ w("div", { ...se, className: t("wrapper"), children: [
+            /* @__PURE__ */ w("div", { className: t("input-wrapper"), children: [
+              /* @__PURE__ */ a(
                 "input",
                 {
-                  className: n(
+                  className: t(
                     "root",
                     `size-${l}`,
-                    u && `variant-${u}`,
+                    f && `variant-${f}`,
                     L && "transparent",
-                    _ && `icon-placement-${z}`,
-                    V
+                    m && `icon-placement-${N}`,
+                    P
                   ),
-                  ...re
+                  ...ce
                 }
               ),
-              _ ? /* @__PURE__ */ t(
+              m ? /* @__PURE__ */ a(
                 "div",
                 {
-                  className: n(
+                  className: t(
                     "icon-wrapper",
-                    `icon-placement-${z}`,
+                    `icon-placement-${N}`,
                     `size-${l}`
                   ),
-                  children: /* @__PURE__ */ t(fe, { ..._.props, size: "lg" })
+                  children: /* @__PURE__ */ a(ue, { ...m.props, size: "lg" })
                 }
               ) : null,
-              /* @__PURE__ */ t("div", { className: n("indicators", `size-${l}`), children: F ? se : null })
+              /* @__PURE__ */ a("div", { className: t("indicators", `size-${l}`), children: F ? ne : null })
             ] }),
-            ne ? /* @__PURE__ */ t("ul", { className: n("menu"), ...W(), children: k.reduce(
-              (i, o, N) => {
-                const E = i.itemIndex++, M = Z === E;
-                if (H)
+            te ? /* @__PURE__ */ a("div", { className: t("menu"), children: /* @__PURE__ */ a("ul", { className: t("menu-scroller"), ...W(), children: x.reduce(
+              (i, s, q) => {
+                const D = i.itemIndex++, T = Z === D;
+                if (G)
                   i.itemsToRender.push(
-                    /* @__PURE__ */ x(pe, { children: [
-                      K(o),
-                      o.options ? o.options.map(
-                        (c, ae) => {
-                          const ce = d && s(d) === s(c);
-                          return /* @__PURE__ */ t(
+                    /* @__PURE__ */ w(pe, { children: [
+                      K(s),
+                      s.options ? s.options.map(
+                        (o, re) => {
+                          const oe = _ && n(_) === n(o);
+                          return /* @__PURE__ */ a(
                             "li",
                             {
-                              className: n(
+                              className: t(
                                 "item",
-                                M && "highlighted",
-                                ce && "selected"
+                                T && "highlighted",
+                                oe && "selected"
                               ),
-                              ...T({
-                                index: E,
-                                item: c
+                              ...$({
+                                index: D,
+                                item: o
                               }),
-                              children: S(c)
+                              children: R(o)
                             },
-                            ae
+                            re
                           );
                         }
                       ) : null
-                    ] }, N)
+                    ] }, q)
                   );
                 else {
-                  const c = d && s(d) === s(o);
+                  const o = _ && n(_) === n(s);
                   i.itemsToRender.push(
-                    /* @__PURE__ */ t(
+                    /* @__PURE__ */ a(
                       "li",
                       {
-                        className: n(
+                        className: t(
                           "item",
-                          M && "highlighted",
-                          c && "selected"
+                          T && "highlighted",
+                          o && "selected"
                         ),
-                        ...T({
-                          index: N,
-                          item: o
+                        ...$({
+                          index: q,
+                          item: s
                         }),
-                        children: S(o)
+                        children: R(s)
                       },
-                      N
+                      q
                     )
                   );
                 }
                 return i;
               },
               { itemIndex: 0, itemsToRender: [] }
-            ).itemsToRender }) : null
+            ).itemsToRender }) }) : null
           ] });
         }
       }
     );
   }
 );
-De.displayName = "Search";
+$e.displayName = "Search";
 export {
-  De as Search
+  $e as Search
 };

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