welcome-ui 0.0.0-dev.1759222868187 → 0.0.0-dev.1759252708223

package/dist/ITI7HKP4-MlgGFEDr.js

@@ -0,0 +1,187 @@
+"use client";
+import { C as te, a as z, u as re, g as v, s as oe, i as x, f as se, b as ne } from "./P2CTZE2T-DqsBJuIy.js";
+import { P as ie, a as ae } from "./MTZPJQMC-DgscjgO6.js";
+import { t as ue, c as ce, _ as L, i as le, w as fe, x as de, y as M, z as C, A as pe, B as me, u as E, p as P, e as ve, q as U, v as ye, b as ge, j as Ce, d as R, n as Pe, C as Ie, f as Ee, a as Se } from "./LVA2YJMS-C6Bdr5Em.js";
+import { createContext as b, useRef as H, useEffect as V, useState as Fe, useCallback as we } from "react";
+import { f as xe, r as be } from "./4CMBR7SL-DXQR7a9T.js";
+import { jsx as Ae } from "react/jsx-runtime";
+b(
+  void 0
+);
+var j = ue(
+  [ae, z],
+  [ie, te]
+), Ne = j.useContext, qe = j.useProviderContext;
+b(
+  void 0
+);
+b(!1);
+var Ke = "div";
+function _e(r) {
+  return r.some((i) => !!i.rowId);
+}
+function ke(r) {
+  const i = r.target;
+  return i && !U(i) ? !1 : r.key.length === 1 && !r.ctrlKey && !r.metaKey;
+}
+function he(r) {
+  return r.key === "Shift" || r.key === "Control" || r.key === "Alt" || r.key === "Meta";
+}
+function O(r, i, l) {
+  return E((e) => {
+    var s;
+    if (i == null || i(e), e.defaultPrevented || e.isPropagationStopped() || !P(e) || he(e) || ke(e)) return;
+    const f = r.getState(), p = (s = v(r, f.activeId)) == null ? void 0 : s.element;
+    if (!p) return;
+    const n = e, { view: A } = n, w = L(n, ["view"]), c = l == null ? void 0 : l.current;
+    p !== c && p.focus(), Ie(p, e.type, w) || e.preventDefault(), e.currentTarget.contains(p) && e.stopPropagation();
+  });
+}
+function Te(r) {
+  return se(
+    xe(be(ne(r)))
+  );
+}
+function De(r) {
+  const [i, l] = Fe(!1), e = we(() => l(!0), []), s = r.useState(
+    (f) => v(r, f.activeId)
+  );
+  return V(() => {
+    const f = s == null ? void 0 : s.element;
+    i && f && (l(!1), f.focus({ preventScroll: !0 }));
+  }, [s, i]), e;
+}
+var Be = ce(
+  function(i) {
+    var l = i, {
+      store: e,
+      composite: s = !0,
+      focusOnMove: f = s,
+      moveOnKeyPress: p = !0
+    } = l, n = L(l, [
+      "store",
+      "composite",
+      "focusOnMove",
+      "moveOnKeyPress"
+    ]);
+    const A = re();
+    e = e || A, le(
+      e,
+      process.env.NODE_ENV !== "production" && "Composite must receive a `store` prop or be wrapped in a CompositeProvider component."
+    );
+    const w = H(null), c = H(null), N = De(e), S = e.useState("moves"), [, q] = fe(
+      s ? e.setBaseElement : null
+    );
+    V(() => {
+      var t;
+      if (!e || !S || !s || !f) return;
+      const { activeId: o } = e.getState(), a = (t = v(e, o)) == null ? void 0 : t.element;
+      a && de(a);
+    }, [e, S, s, f]), M(() => {
+      if (!e || !S || !s) return;
+      const { baseElement: t, activeId: o } = e.getState();
+      if (!(o === null) || !t) return;
+      const u = c.current;
+      c.current = null, u && C(u, { relatedTarget: t }), pe(t) || t.focus();
+    }, [e, S, s]);
+    const K = e.useState("activeId"), _ = e.useState("virtualFocus");
+    M(() => {
+      var t;
+      if (!e || !s || !_) return;
+      const o = c.current;
+      if (c.current = null, !o) return;
+      const u = ((t = v(e, K)) == null ? void 0 : t.element) || me(o);
+      u !== o && C(o, { relatedTarget: u });
+    }, [e, K, _, s]);
+    const G = O(
+      e,
+      n.onKeyDownCapture,
+      c
+    ), W = O(
+      e,
+      n.onKeyUpCapture,
+      c
+    ), k = n.onFocusCapture, J = E((t) => {
+      if (k == null || k(t), t.defaultPrevented || !e) return;
+      const { virtualFocus: o } = e.getState();
+      if (!o) return;
+      const a = t.relatedTarget, u = oe(t.currentTarget);
+      P(t) && u && (t.stopPropagation(), c.current = a);
+    }), h = n.onFocus, Q = E((t) => {
+      if (h == null || h(t), t.defaultPrevented || !s || !e) return;
+      const { relatedTarget: o } = t, { virtualFocus: a } = e.getState();
+      a ? P(t) && !x(e, o) && queueMicrotask(N) : P(t) && e.setActiveId(null);
+    }), T = n.onBlurCapture, X = E((t) => {
+      var o;
+      if (T == null || T(t), t.defaultPrevented || !e) return;
+      const { virtualFocus: a, activeId: u } = e.getState();
+      if (!a) return;
+      const m = (o = v(e, u)) == null ? void 0 : o.element, y = t.relatedTarget, F = x(e, y), d = c.current;
+      c.current = null, P(t) && F ? (y === m ? d && d !== y && C(d, t) : m ? C(m, t) : d && C(d, t), t.stopPropagation()) : !x(e, t.target) && m && C(m, t);
+    }), D = n.onKeyDown, Y = ve(p), Z = E((t) => {
+      var o;
+      if (D == null || D(t), t.defaultPrevented || !e || !P(t)) return;
+      const { orientation: a, renderedItems: u, activeId: m } = e.getState(), y = v(e, m);
+      if ((o = y == null ? void 0 : y.element) != null && o.isConnected) return;
+      const F = a !== "horizontal", d = a !== "vertical", g = _e(u);
+      if ((t.key === "ArrowLeft" || t.key === "ArrowRight" || t.key === "Home" || t.key === "End") && U(t.currentTarget)) return;
+      const B = {
+        ArrowUp: (g || F) && (() => {
+          if (g) {
+            const I = Te(u);
+            return I == null ? void 0 : I.id;
+          }
+          return e == null ? void 0 : e.last();
+        }),
+        ArrowRight: (g || d) && e.first,
+        ArrowDown: (g || F) && e.first,
+        ArrowLeft: (g || d) && e.last,
+        Home: e.first,
+        End: e.last,
+        PageUp: e.first,
+        PageDown: e.last
+      }[t.key];
+      if (B) {
+        const I = B();
+        if (I !== void 0) {
+          if (!Y(t)) return;
+          t.preventDefault(), e.move(I);
+        }
+      }
+    });
+    n = ye(
+      n,
+      (t) => /* @__PURE__ */ Ae(z, { value: e, children: t }),
+      [e]
+    );
+    const $ = e.useState((t) => {
+      var o;
+      if (e && s && t.virtualFocus)
+        return (o = v(e, t.activeId)) == null ? void 0 : o.id;
+    });
+    n = ge(R({
+      "aria-activedescendant": $
+    }, n), {
+      ref: Ce(w, q, n.ref),
+      onKeyDownCapture: G,
+      onKeyUpCapture: W,
+      onFocusCapture: J,
+      onFocus: Q,
+      onBlurCapture: X,
+      onKeyDown: Z
+    });
+    const ee = e.useState(
+      (t) => s && (t.virtualFocus || t.activeId === null)
+    );
+    return n = Pe(R({ focusable: ee }, n)), n;
+  }
+);
+Ee(function(i) {
+  const l = Be(i);
+  return Se(Ke, l);
+});
+export {
+  Be as a,
+  qe as b,
+  Ne as u
+};

package/dist/InputText.css

@@ -1 +1 @@
-@layer components{._input-text-wrapper_11ol4_2{position:relative;width:100%}._root_11ol4_6{border-radius:var(--radius-md);border-style:solid;border-width:var(--border-width-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);line-height:var(--line-height-16);outline:transparent solid var(--border-width-md);width:100%;transition:var(--duration-medium);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--backgroundColor, var(--color-neutral-10));color:var(--color, var(--color-neutral-90));border-color:var(--borderColor, var(--color-neutral-30));height:var(--height);padding-inline:var(--paddingInline);padding-block:var(--paddingBlock)}._root_11ol4_6:disabled,._root_11ol4_6[aria-disabled]{--backgroundColor: var(--color-beige-40);--color: var(--color-beige-70);cursor:not-allowed}._root_11ol4_6:hover{--borderColor: var(--borderColorHover, var(--color-neutral-40))}._root_11ol4_6[data-focus-visible],._root_11ol4_6:focus-visible{--borderColor: var(--borderColorFocused, var(--color-brand-40));outline-color:var(--outlineColorFocus, var(--color-brand-20))}._root_11ol4_6::placeholder{--color: var(--color-neutral-60)}._variant-danger_11ol4_40{--borderColor: var(--color-red-70);--borderColorHover: var(--color-red-70);--borderColorFocused: var(--color-red-70);--outlineColorFocus: var(--color-red-30)}._variant-warning_11ol4_46{--borderColor: var(--color-orange-60);--borderColorHover: var(--color-orange-60);--borderColorFocused: var(--color-orange-60);--outlineColorFocus: var(--color-orange-30)}._variant-success_11ol4_52{--borderColor: var(--color-green-60);--borderColorHover: var(--color-green-60);--borderColorFocused: var(--color-green-60);--outlineColorFocus: var(--color-green-30)}._placement-left_11ol4_58._size-xs_11ol4_58{padding-left:1.75rem}._placement-left_11ol4_58._size-sm_11ol4_61,._placement-left_11ol4_58._size-md_11ol4_61,._placement-left_11ol4_58._size-lg_11ol4_61{padding-left:2.25rem}._placement-right_11ol4_64._size-xs_11ol4_58{padding-right:1.75rem}._placement-right_11ol4_64._size-sm_11ol4_61,._placement-right_11ol4_64._size-md_11ol4_61,._placement-right_11ol4_64._size-lg_11ol4_61{padding-right:2.25rem}._transparent_11ol4_70{--borderColor: transparent;--backgroundColor: transparent;--borderColorHover: var(--color-neutral-20)}._size-xs_11ol4_58{--height: var(--height-elements-sm);--paddingBlock: var(--spacing-xs);--paddingInline: var(--spacing-sm)}._size-sm_11ol4_61{--height: var(--height-elements-md);--paddingBlock: var(--spacing-sm);--paddingInline: var(--spacing-md)}._size-md_11ol4_61{--height: var(--height-elements-lg);--paddingBlock: var(--spacing-md);--paddingInline: var(--spacing-md)}._size-lg_11ol4_61{--height: var(--height-elements-xl);--paddingBlock: var(--spacing-lg);--paddingInline: var(--spacing-md)}._clearable_11ol4_95{padding-right:var(--spacing-xl)}._icon-wrapper_11ol4_98{position:absolute;top:0;bottom:0;left:var(--left);right:var(--right);display:flex;justify-content:center;align-items:center;pointer-events:none;transition:var(--duration-medium);transition-timing-function:var(--timing-primary);color:var(--color-neutral-90);gap:var(--spacing-xs);--left: auto;--right: auto}._icon-wrapper_11ol4_98>button{pointer-events:auto}._icon-placement-left-xs_11ol4_119{--left: var(--spacing-sm)}._icon-placement-left-sm_11ol4_122{--left: var(--spacing-md)}._icon-placement-right-xs_11ol4_125{--right: var(--spacing-sm)}._icon-placement-right-sm_11ol4_128{--right: var(--spacing-md)}}
+@layer components{._input-text-wrapper_1n264_2{position:relative;width:100%;width:var(--inputTextWrapperWidth, 100%)}._root_1n264_8{border-radius:var(--radius-md);border-style:solid;border-width:var(--border-width-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);line-height:var(--line-height-16);outline:transparent solid var(--border-width-md);width:100%;transition:var(--duration-medium);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--backgroundColor, var(--color-neutral-10));color:var(--color, var(--color-neutral-90));border-color:var(--borderColor, var(--color-neutral-30));height:var(--height);padding-inline:var(--paddingInline);padding-block:var(--paddingBlock)}._root_1n264_8:disabled,._root_1n264_8[aria-disabled]{--backgroundColor: var(--color-beige-40);--color: var(--color-beige-70);cursor:not-allowed}._root_1n264_8:hover{--borderColor: var(--borderColorHover, var(--color-neutral-40))}._root_1n264_8[data-focus-visible],._root_1n264_8:focus-visible{--borderColor: var(--borderColorFocused, var(--color-brand-40));outline-color:var(--outlineColorFocus, var(--color-brand-20))}._root_1n264_8::placeholder{--color: var(--color-neutral-60)}._variant-danger_1n264_42{--borderColor: var(--color-red-70);--borderColorHover: var(--color-red-70);--borderColorFocused: var(--color-red-70);--outlineColorFocus: var(--color-red-30)}._variant-warning_1n264_48{--borderColor: var(--color-orange-60);--borderColorHover: var(--color-orange-60);--borderColorFocused: var(--color-orange-60);--outlineColorFocus: var(--color-orange-30)}._variant-success_1n264_54{--borderColor: var(--color-green-60);--borderColorHover: var(--color-green-60);--borderColorFocused: var(--color-green-60);--outlineColorFocus: var(--color-green-30)}._placement-left_1n264_60._size-xs_1n264_60{padding-left:1.75rem}._placement-left_1n264_60._size-sm_1n264_63,._placement-left_1n264_60._size-md_1n264_63,._placement-left_1n264_60._size-lg_1n264_63{padding-left:2.25rem}._placement-right_1n264_66._size-xs_1n264_60{padding-right:1.75rem}._placement-right_1n264_66._size-sm_1n264_63,._placement-right_1n264_66._size-md_1n264_63,._placement-right_1n264_66._size-lg_1n264_63{padding-right:2.25rem}._transparent_1n264_72{--borderColor: transparent;--backgroundColor: transparent;--borderColorHover: var(--color-neutral-20)}._size-xs_1n264_60{--height: var(--height-elements-sm);--paddingBlock: var(--spacing-xs);--paddingInline: var(--spacing-sm)}._size-sm_1n264_63{--height: var(--height-elements-md);--paddingBlock: var(--spacing-sm);--paddingInline: var(--spacing-md)}._size-md_1n264_63{--height: var(--height-elements-lg);--paddingBlock: var(--spacing-md);--paddingInline: var(--spacing-md)}._size-lg_1n264_63{--height: var(--height-elements-xl);--paddingBlock: var(--spacing-lg);--paddingInline: var(--spacing-md)}._clearable_1n264_97{padding-right:var(--spacing-xl)}._icon-wrapper_1n264_100{position:absolute;top:0;bottom:0;left:var(--left);right:var(--right);display:flex;justify-content:center;align-items:center;pointer-events:none;transition:var(--duration-medium);transition-timing-function:var(--timing-primary);color:var(--color-neutral-90);gap:var(--spacing-xs);--left: auto;--right: auto}._icon-wrapper_1n264_100>button{pointer-events:auto}._icon-placement-left-xs_1n264_121{--left: var(--spacing-sm)}._icon-placement-left-sm_1n264_124{--left: var(--spacing-md)}._icon-placement-right-xs_1n264_127{--right: var(--spacing-sm)}._icon-placement-right-sm_1n264_130{--right: var(--spacing-md)}}

package/dist/InputText.js

@@ -1,72 +1,72 @@
 "use client";
-import { jsxs as f, jsx as a } from "react/jsx-runtime";
+import { jsxs as f, jsx as i } from "react/jsx-runtime";
 import u, { forwardRef as E } from "react";
 import { CloseButton as R } from "./CloseButton.js";
 import { useField as S } from "./Field.js";
 import { c as b } from "./classNames-qiokGROM.js";
-const j = "_root_11ol4_6", D = "_transparent_11ol4_70", F = "_clearable_11ol4_95", L = {
-  "input-text-wrapper": "_input-text-wrapper_11ol4_2",
+const j = "_root_1n264_8", D = "_transparent_1n264_72", F = "_clearable_1n264_97", L = {
+  "input-text-wrapper": "_input-text-wrapper_1n264_2",
   root: j,
-  "variant-danger": "_variant-danger_11ol4_40",
-  "variant-warning": "_variant-warning_11ol4_46",
-  "variant-success": "_variant-success_11ol4_52",
-  "placement-left": "_placement-left_11ol4_58",
-  "size-xs": "_size-xs_11ol4_58",
-  "size-sm": "_size-sm_11ol4_61",
-  "size-md": "_size-md_11ol4_61",
-  "size-lg": "_size-lg_11ol4_61",
-  "placement-right": "_placement-right_11ol4_64",
+  "variant-danger": "_variant-danger_1n264_42",
+  "variant-warning": "_variant-warning_1n264_48",
+  "variant-success": "_variant-success_1n264_54",
+  "placement-left": "_placement-left_1n264_60",
+  "size-xs": "_size-xs_1n264_60",
+  "size-sm": "_size-sm_1n264_63",
+  "size-md": "_size-md_1n264_63",
+  "size-lg": "_size-lg_1n264_63",
+  "placement-right": "_placement-right_1n264_66",
   transparent: D,
   clearable: F,
-  "icon-wrapper": "_icon-wrapper_11ol4_98",
-  "icon-placement-left-xs": "_icon-placement-left-xs_11ol4_119",
-  "icon-placement-left-sm": "_icon-placement-left-sm_11ol4_122",
-  "icon-placement-right-xs": "_icon-placement-right-xs_11ol4_125",
-  "icon-placement-right-sm": "_icon-placement-right-sm_11ol4_128"
+  "icon-wrapper": "_icon-wrapper_1n264_100",
+  "icon-placement-left-xs": "_icon-placement-left-xs_1n264_121",
+  "icon-placement-left-sm": "_icon-placement-left-sm_1n264_124",
+  "icon-placement-right-xs": "_icon-placement-right-xs_1n264_127",
+  "icon-placement-right-sm": "_icon-placement-right-sm_1n264_130"
 }, s = b(L), T = { lg: "sm", md: "sm", sm: "sm", xs: "xs" }, q = E(
   ({
     className: x,
     icon: t,
     iconPlacement: e = "left",
-    isClearable: o,
-    name: i,
-    onChange: l,
-    size: c = "md",
+    isClearable: c,
+    name: l,
+    onChange: r,
+    size: _ = "md",
     transparent: d,
     type: g = "text",
-    value: _,
+    value: o,
     variant: v,
     ...h
   }, z) => {
-    const { getInputProps: w, variant: I } = S(), p = I || v, r = t && e, m = r && e === "right", N = r && e === "left", n = T[c], $ = () => {
-      l && l({
+    const { getInputProps: w, variant: I } = S(), p = I || v, a = t && e, m = a && e === "right", N = a && e === "left", n = T[_], $ = () => {
+      r && r({
         preventDefault: () => null,
-        target: { name: i, value: "" }
+        target: { name: l, value: "" }
       });
     };
     return /* @__PURE__ */ f("div", { className: s("input-text-wrapper"), children: [
-      /* @__PURE__ */ a(
+      /* @__PURE__ */ i(
         "input",
         {
           ...w(h),
           className: s(
             "root",
-            `size-${c}`,
+            `size-${_}`,
             p && `variant-${p}`,
             d && "transparent",
-            r && `placement-${e}`,
+            a && `placement-${e}`,
             x
           ),
-          name: i,
-          onChange: l,
+          name: l,
+          onChange: r,
           ref: z,
           type: g,
-          value: _
+          value: o
         }
       ),
-      N ? /* @__PURE__ */ a("div", { className: s("icon-wrapper", `icon-placement-left-${n}`), children: u.cloneElement(t, { ...t.props, size: n }) }) : null,
-      o || m ? /* @__PURE__ */ f("div", { className: s("icon-wrapper", `icon-placement-right-${n}`), children: [
-        o && _ ? /* @__PURE__ */ a(R, { onClick: $, size: "xs" }) : null,
+      N ? /* @__PURE__ */ i("div", { className: s("icon-wrapper", `icon-placement-left-${n}`), children: u.cloneElement(t, { ...t.props, size: n }) }) : null,
+      c || m ? /* @__PURE__ */ f("div", { className: s("icon-wrapper", `icon-placement-right-${n}`), children: [
+        c && o ? /* @__PURE__ */ i(R, { onClick: $, size: "xs" }) : null,
         m ? u.cloneElement(t, { ...t.props, size: n }) : null
       ] }) : null
     ] });