welcome-ui 8.4.0 → 9.0.0-alpha.0

package/dist/Tabs.js

@@ -0,0 +1,459 @@
+"use client";
+import { jsx as g, jsxs as pe } from "react/jsx-runtime";
+import { C as te, a as oe, d as U, c as ve, e as Ie } from "./P2CTZE2T-DqsBJuIy.js";
+import { t as se, H as Se, I as z, J as O, K as k, M as G, b as h, d as v, L as Q, D as xe, f as W, c as j, a as B, _ as H, i as K, E as ne, m as he, u as F, v as re, a9 as _e, j as Ce, n as Pe } from "./LVA2YJMS-C6Bdr5Em.js";
+import { m as ge, o as X, c as Te, s as D, d as w, f as Ee, a as ae, b as Y, u as M } from "./YV4JVR4I-BN6SUVuh.js";
+import ce, { createContext as ie, useMemo as le, useCallback as de, useRef as A, useEffect as Z, useState as q, cloneElement as we, forwardRef as ue } from "react";
+import { c as V } from "./classNames-qiokGROM.js";
+import { f as ye } from "./forwardRefWithAs-8eP3ZN15.js";
+import { u as Re, a as $e } from "./ITI7HKP4-MlgGFEDr.js";
+import { u as Ne, a as Le } from "./use-viewport-CgrficYB.js";
+import { e as Oe, f as ke } from "./VGCJ63VH-Bdd6jzVW.js";
+import { P as De, a as Me } from "./MTZPJQMC-DgscjgO6.js";
+import { c as ze, a as Ve, u as Fe } from "./4CMBR7SL-DXQR7a9T.js";
+var Ae = se(
+  [Me, oe],
+  [De, te]
+), We = Ae.useContext;
+ie(!1);
+ie(null);
+function je(t = {}) {
+  var s = t, {
+    composite: o,
+    combobox: e
+  } = s, n = Se(s, [
+    "composite",
+    "combobox"
+  ]);
+  const r = [
+    "items",
+    "renderedItems",
+    "moves",
+    "orientation",
+    "virtualFocus",
+    "includesBaseElement",
+    "baseElement",
+    "focusLoop",
+    "focusShift",
+    "focusWrap"
+  ], m = ge(
+    n.store,
+    X(o, r),
+    X(e, r)
+  ), i = m == null ? void 0 : m.getState(), d = ze(z(k({}, n), {
+    store: m,
+    // We need to explicitly set the default value of `includesBaseElement` to
+    // `false` since we don't want the composite store to default it to `true`
+    // when the activeId state is null, which could be the case when rendering
+    // combobox with tab.
+    includesBaseElement: O(
+      n.includesBaseElement,
+      i == null ? void 0 : i.includesBaseElement,
+      !1
+    ),
+    orientation: O(
+      n.orientation,
+      i == null ? void 0 : i.orientation,
+      "horizontal"
+    ),
+    focusLoop: O(n.focusLoop, i == null ? void 0 : i.focusLoop, !0)
+  })), a = Ve(), _ = z(k({}, d.getState()), {
+    selectedId: O(
+      n.selectedId,
+      i == null ? void 0 : i.selectedId,
+      n.defaultSelectedId
+    ),
+    selectOnMove: O(
+      n.selectOnMove,
+      i == null ? void 0 : i.selectOnMove,
+      !0
+    )
+  }), c = Te(_, d, m);
+  D(
+    c,
+    () => w(c, ["moves"], () => {
+      const { activeId: u, selectOnMove: p } = c.getState();
+      if (!p || !u) return;
+      const I = d.item(u);
+      I && (I.dimmed || I.disabled || c.setState("selectedId", I.id));
+    })
+  );
+  let b = !0;
+  D(
+    c,
+    () => Ee(c, ["selectedId"], (u, p) => {
+      if (!b) {
+        b = !0;
+        return;
+      }
+      o && u.selectedId === p.selectedId || c.setState("activeId", u.selectedId);
+    })
+  ), D(
+    c,
+    () => w(c, ["selectedId", "renderedItems"], (u) => {
+      if (u.selectedId !== void 0) return;
+      const { activeId: p, renderedItems: I } = c.getState(), S = d.item(p);
+      if (S && !S.disabled && !S.dimmed)
+        c.setState("selectedId", S.id);
+      else {
+        const T = I.find(
+          (C) => !C.disabled && !C.dimmed
+        );
+        c.setState("selectedId", T == null ? void 0 : T.id);
+      }
+    })
+  ), D(
+    c,
+    () => w(c, ["renderedItems"], (u) => {
+      const p = u.renderedItems;
+      if (p.length)
+        return w(a, ["renderedItems"], (I) => {
+          const S = I.renderedItems;
+          S.some((C) => !C.tabId) && S.forEach((C, R) => {
+            if (C.tabId) return;
+            const N = p[R];
+            N && a.renderItem(z(k({}, C), { tabId: N.id }));
+          });
+        });
+    })
+  );
+  let x = null;
+  return D(c, () => {
+    const u = () => {
+      x = c.getState().selectedId;
+    }, p = () => {
+      b = !1, c.setState("selectedId", x);
+    };
+    if (o && "setSelectElement" in o)
+      return G(
+        w(o, ["value"], u),
+        w(o, ["mounted"], p)
+      );
+    if (e)
+      return G(
+        w(e, ["selectedValue"], u),
+        w(e, ["mounted"], p)
+      );
+  }), z(k(k({}, d), c), {
+    panels: a,
+    setSelectedId: (u) => c.setState("selectedId", u),
+    select: (u) => {
+      c.setState("selectedId", u), d.move(u);
+    }
+  });
+}
+function Be(t, s, o) {
+  Q(s, [o.composite, o.combobox]), t = Fe(t, s, o), Y(t, o, "selectedId", "setSelectedId"), Y(t, o, "selectOnMove");
+  const [e, n] = ae(() => t.panels, {});
+  return Q(n, [t, n]), Object.assign(
+    le(() => h(v({}, t), { panels: e }), [t, e]),
+    { composite: o.composite, combobox: o.combobox }
+  );
+}
+function Nt(t = {}) {
+  const s = Re(), o = We() || s;
+  t = h(v({}, t), {
+    composite: t.composite !== void 0 ? t.composite : o,
+    combobox: t.combobox !== void 0 ? t.combobox : s
+  });
+  const [e, n] = ae(je, t);
+  return Be(e, n, t);
+}
+var J = se(
+  [oe],
+  [te]
+), He = J.useScopedContext, me = J.useProviderContext, fe = J.ScopedContextProvider, Ke = "button", qe = j(function(s) {
+  var o = s, {
+    store: e,
+    getItem: n
+  } = o, r = H(o, [
+    "store",
+    "getItem"
+  ]), m;
+  const i = He();
+  e = e || i, K(
+    e,
+    process.env.NODE_ENV !== "production" && "Tab must be wrapped in a TabList component."
+  );
+  const d = ne(), a = r.id || d, _ = he(r), c = de(
+    (f) => {
+      const y = h(v({}, f), { dimmed: _ });
+      return n ? n(y) : y;
+    },
+    [_, n]
+  ), b = r.onClick, x = F((f) => {
+    b == null || b(f), !f.defaultPrevented && (e == null || e.setSelectedId(a));
+  }), u = e.panels.useState(
+    (f) => {
+      var y;
+      return (y = f.items.find((l) => l.tabId === a)) == null ? void 0 : y.id;
+    }
+  ), p = d ? r.shouldRegisterItem : !1, I = e.useState((f) => !!a && f.activeId === a), S = e.useState((f) => !!a && f.selectedId === a), T = e.useState((f) => !!e.item(f.activeId)), C = I || S && !T, R = S || ((m = r.accessibleWhenDisabled) != null ? m : !0);
+  if (M(
+    e.combobox || e.composite,
+    "virtualFocus"
+  ) && (r = h(v({}, r), {
+    tabIndex: -1
+  })), r = h(v({
+    id: a,
+    role: "tab",
+    "aria-selected": S,
+    "aria-controls": u || void 0
+  }, r), {
+    onClick: x
+  }), e.composite) {
+    const f = {
+      id: a,
+      accessibleWhenDisabled: R,
+      store: e.composite,
+      shouldRegisterItem: C && p,
+      rowId: r.rowId,
+      render: r.render
+    };
+    r = h(v({}, r), {
+      render: /* @__PURE__ */ g(
+        U,
+        h(v({}, f), {
+          render: e.combobox && e.composite !== e.combobox ? /* @__PURE__ */ g(U, h(v({}, f), { store: e.combobox })) : f.render
+        })
+      )
+    });
+  }
+  return r = ve(h(v({
+    store: e
+  }, r), {
+    accessibleWhenDisabled: R,
+    getItem: c,
+    shouldRegisterItem: p
+  })), r;
+}), Je = xe(
+  W(function(s) {
+    const o = qe(s);
+    return B(Ke, o);
+  })
+), Ue = "div", Ge = j(
+  function(s) {
+    var o = s, { store: e } = o, n = H(o, ["store"]);
+    const r = me();
+    e = e || r, K(
+      e,
+      process.env.NODE_ENV !== "production" && "TabList must receive a `store` prop or be wrapped in a TabProvider component."
+    );
+    const m = e.useState(
+      (i) => i.orientation === "both" ? void 0 : i.orientation
+    );
+    return n = re(
+      n,
+      (i) => /* @__PURE__ */ g(fe, { value: e, children: i }),
+      [e]
+    ), e.composite && (n = v({
+      focusable: !1
+    }, n)), n = v({
+      role: "tablist",
+      "aria-orientation": m
+    }, n), n = $e(v({ store: e }, n)), n;
+  }
+), Qe = W(function(s) {
+  const o = Ge(s);
+  return B(Ue, o);
+}), Xe = "div", Ye = j(
+  function(s) {
+    var o = s, {
+      store: e,
+      unmountOnHide: n,
+      tabId: r,
+      getItem: m,
+      scrollRestoration: i,
+      scrollElement: d
+    } = o, a = H(o, [
+      "store",
+      "unmountOnHide",
+      "tabId",
+      "getItem",
+      "scrollRestoration",
+      "scrollElement"
+    ]);
+    const _ = me();
+    e = e || _, K(
+      e,
+      process.env.NODE_ENV !== "production" && "TabPanel must receive a `store` prop or be wrapped in a TabProvider component."
+    );
+    const c = A(null), b = ne(a.id), x = M(
+      e.panels,
+      () => {
+        var l;
+        return r || ((l = e == null ? void 0 : e.panels.item(b)) == null ? void 0 : l.tabId);
+      }
+    ), u = M(
+      e,
+      (l) => !!x && l.selectedId === x
+    ), p = Oe({ open: u }), I = M(p, "mounted"), S = A(
+      /* @__PURE__ */ new Map()
+    ), T = F(() => {
+      const l = c.current;
+      return l ? d ? typeof d == "function" ? d(l) : "current" in d ? d.current : d : l : null;
+    });
+    Z(() => {
+      var l, E;
+      if (!i || !I) return;
+      const P = T();
+      if (!P) return;
+      if (i === "reset") {
+        P.scroll(0, 0);
+        return;
+      }
+      if (!x) return;
+      const $ = S.current.get(x);
+      P.scroll((l = $ == null ? void 0 : $.x) != null ? l : 0, (E = $ == null ? void 0 : $.y) != null ? E : 0);
+      const L = () => {
+        S.current.set(x, {
+          x: P.scrollLeft,
+          y: P.scrollTop
+        });
+      };
+      return P.addEventListener("scroll", L), () => {
+        P.removeEventListener("scroll", L);
+      };
+    }, [i, I, x, T, e]);
+    const [C, R] = q(!1);
+    Z(() => {
+      const l = c.current;
+      if (!l) return;
+      const E = _e(l);
+      R(!!E.length);
+    }, []);
+    const N = de(
+      (l) => {
+        const E = h(v({}, l), { id: b || l.id, tabId: r });
+        return m ? m(E) : E;
+      },
+      [b, r, m]
+    ), f = a.onKeyDown, y = F((l) => {
+      if (f == null || f(l), l.defaultPrevented || !(e != null && e.composite)) return;
+      const P = {
+        ArrowLeft: e.previous,
+        ArrowRight: e.next,
+        Home: e.first,
+        End: e.last
+      }[l.key];
+      if (!P) return;
+      const { selectedId: $ } = e.getState(), L = P({ activeId: $ });
+      L && (l.preventDefault(), e.move(L));
+    });
+    return a = re(
+      a,
+      (l) => /* @__PURE__ */ g(fe, { value: e, children: l }),
+      [e]
+    ), a = h(v({
+      id: b,
+      role: "tabpanel",
+      "aria-labelledby": x || void 0
+    }, a), {
+      children: n && !I ? null : a.children,
+      ref: Ce(c, a.ref),
+      onKeyDown: y
+    }), a = Pe(v({
+      // If the tab panel is rendered as part of another composite widget such
+      // as combobox, it should not be focusable.
+      focusable: !e.composite && !C
+    }, a)), a = ke(v({ store: p }, a)), a = Ie(h(v({ store: e.panels }, a), { getItem: N })), a;
+  }
+), Ze = W(function(s) {
+  const o = Ye(s);
+  return B(Xe, o);
+});
+const be = (t) => {
+  if (!t || typeof window > "u") return 1;
+  const s = Number(window.getComputedStyle(t).scale);
+  return isNaN(s) ? be(t.parentElement) : s;
+};
+function et(t, s) {
+  return le(() => t == null && s == null ? null : (o) => {
+    ee(t, o), ee(s, o);
+  }, [t, s]);
+}
+function tt(t, s) {
+  const [o, e] = q(null), n = ce.Children.map(s, (r) => r.props.id === t ? we(r, { ref: e }) : r);
+  return { activeTab: o, tabs: n };
+}
+function ee(t, s) {
+  typeof t == "function" ? t(s) : t && (t.current = s);
+}
+const ot = "_root_102tt_2", st = {
+  root: ot
+};
+function nt({ activeTab: t, listRef: s, orientation: o }) {
+  const [e, n] = q({}), { height: r, width: m } = Ne();
+  return Le(() => {
+    const i = s.current;
+    if (!i || !t) return;
+    const d = i.getBoundingClientRect(), a = t.getBoundingClientRect(), _ = be(i);
+    if (o === "vertical") {
+      const c = a.top - d.top, b = a.height;
+      n({
+        offset: c,
+        orientation: o,
+        size: b
+      });
+    } else {
+      const c = (a.left - d.left + i.scrollLeft) / _, b = a.width / _;
+      n({
+        offset: isNaN(c) ? 0 : c,
+        orientation: o,
+        size: isNaN(b) ? 0 : b
+      });
+    }
+  }, [s, t, m, r, o]), e;
+}
+const rt = V(st), at = ({ activeTab: t, listRef: s, orientation: o }) => {
+  const e = nt({ activeTab: t, listRef: s, orientation: o }), n = {
+    "--active-bar-offset": `${e.offset}px`,
+    "--active-bar-size": `${e.size}px`
+  };
+  return /* @__PURE__ */ g("span", { className: rt("root", `orientation-${o}`), style: n });
+}, ct = "_root_axn0q_2", it = {
+  root: ct,
+  "size-md": "_size-md_axn0q_18",
+  "size-sm": "_size-sm_axn0q_21"
+}, lt = V(it), dt = ue(
+  ({ children: t, className: s, size: o = "md", store: e, ...n }, r) => {
+    const m = A(), i = et(r, m), { orientation: d, selectedId: a } = M(e), { activeTab: _, tabs: c } = tt(a, t), b = ce.Children.count(t) > 1;
+    return /* @__PURE__ */ pe(
+      Qe,
+      {
+        className: lt("root", `size-${o}`, s),
+        ref: i,
+        store: e,
+        ...n,
+        children: [
+          c,
+          b ? /* @__PURE__ */ g(at, { activeTab: _, listRef: m, orientation: d }) : null
+        ]
+      }
+    );
+  }
+), ut = "_root_1kepd_2", mt = {
+  root: ut
+}, ft = V(mt), bt = ue(
+  ({ children: t, store: s, tabId: o, ...e }, n) => /* @__PURE__ */ g(Ze, { className: ft("root"), ref: n, store: s, tabId: o, ...e, children: t })
+), pt = "_root_wlfaw_2", vt = {
+  root: pt
+}, It = V(vt), St = ye(
+  ({ as: t, children: s, className: o, id: e, store: n, ...r }, m) => /* @__PURE__ */ g(
+    Je,
+    {
+      className: It("root", o),
+      id: e,
+      ref: m,
+      render: t ? /* @__PURE__ */ g(t, {}) : void 0,
+      store: n,
+      ...r,
+      children: s
+    }
+  )
+), Lt = Object.assign(St, { List: dt, Panel: bt });
+export {
+  Lt as Tab,
+  St as TabComponent,
+  Nt as useTab
+};

package/dist/Tag.css

@@ -0,0 +1 @@
+@layer components{._root_1xtnl_2{position:relative;display:inline-flex;align-items:center;justify-content:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:background-color var(--duration-medium) var(--timing-primary);font-weight:var(--font-weight-medium);border:var(--border-width-md) solid var(--color-neutral-10);line-height:initial;background-color:var(--backgroundColor, var(--color-beige-20));color:var(--color, var(--color-beige-90));border-color:var(--borderColor, transparent);height:var(--height);padding:var(--paddingVertical) var(--paddingHorizontal);gap:var(--gap);font-size:var(--fontSize);border-radius:var(--borderRadius, var(--radius-md))}._root_1xtnl_2>span,._root_1xtnl_2>p{overflow:hidden;text-overflow:ellipsis}._root_1xtnl_2>svg{flex-shrink:0;width:var(--iconWidth);height:var(--iconHeight)}button._root_1xtnl_2,a._root_1xtnl_2{cursor:pointer;text-decoration:none}@media (hover: hover) and (pointer: fine){button._root_1xtnl_2:hover,a._root_1xtnl_2:hover{--backgroundColor: var(--backgroundColorHover, var(--color-beige-30))}}button._root_1xtnl_2[data-focus-visible],button._root_1xtnl_2:focus-visible,a._root_1xtnl_2[data-focus-visible],a._root_1xtnl_2:focus-visible{outline-color:var(--outlineColorFocus);--backgroundColor: var(--backgroundColorFocus, var(--color-beige-30))}button._root_1xtnl_2:active,a._root_1xtnl_2:active{--backgroundColor: var(--backgroundColorActive, var(--color-beige-30))}._variant-primary_1xtnl_59{--backgroundColor: var(--color-brand-40);--backgroundColorHover: var(--color-brand-50);--backgroundColorActive: var(--color-brand-50);--backgroundColorFocus: var(--color-brand-50);--outlineColorFocus: var(--color-brand-60);--color: var(--color-neutral-90)}._variant-info_1xtnl_67{--backgroundColor: var(--color-blue-10);--backgroundColorHover: var(--color-blue-20);--backgroundColorActive: var(--color-blue-20);--backgroundColorFocus: var(--color-blue-20);--outlineColorFocus: var(--color-blue-30);--color: var(--color-blue-90)}._variant-success_1xtnl_75{--backgroundColor: var(--color-green-10);--backgroundColorHover: var(--color-green-20);--backgroundColorActive: var(--color-green-20);--backgroundColorFocus: var(--color-green-20);--outlineColorFocus: var(--color-green-30);--color: var(--color-green-90)}._variant-danger_1xtnl_83{--backgroundColor: var(--color-red-10);--backgroundColorHover: var(--color-red-20);--backgroundColorActive: var(--color-red-20);--backgroundColorFocus: var(--color-red-20);--outlineColorFocus: var(--color-red-30);--color: var(--color-red-90)}._variant-warning_1xtnl_91{--backgroundColor: var(--color-orange-10);--backgroundColorHover: var(--color-orange-20);--backgroundColorActive: var(--color-orange-20);--backgroundColorFocus: var(--color-orange-20);--outlineColorFocus: var(--color-orange-30);--color: var(--color-orange-90)}._variant-ai_1xtnl_99{--backgroundColor: var(--color-violet-20);--backgroundColorHover: var(--color-violet-30);--backgroundColorActive: var(--color-violet-30);--backgroundColorFocus: var(--color-violet-30);--outlineColorFocus: var(--color-violet-40);--color: var(--color-violet-90)}._variant-blue_1xtnl_107{--backgroundColor: var(--color-blue-40);--backgroundColorHover: var(--color-blue-50);--backgroundColorActive: var(--color-blue-50);--backgroundColorFocus: var(--color-blue-50);--outlineColorFocus: var(--color-blue-60);--color: var(--color-neutral-90)}._variant-green_1xtnl_115{--backgroundColor: var(--color-green-30);--backgroundColorHover: var(--color-green-40);--backgroundColorActive: var(--color-green-40);--backgroundColorFocus: var(--color-green-40);--outlineColorFocus: var(--color-green-50);--color: var(--color-neutral-90)}._variant-orange_1xtnl_123{--backgroundColor: var(--color-orange-40);--backgroundColorHover: var(--color-orange-50);--backgroundColorActive: var(--color-orange-50);--backgroundColorFocus: var(--color-orange-50);--outlineColorFocus: var(--color-orange-60);--color: var(--color-neutral-90)}._variant-pink_1xtnl_131{--backgroundColor: var(--color-pink-40);--backgroundColorHover: var(--color-pink-50);--backgroundColorActive: var(--color-pink-50);--backgroundColorFocus: var(--color-pink-50);--outlineColorFocus: var(--color-pink-60);--color: var(--color-neutral-90)}._variant-teal_1xtnl_139{--backgroundColor: var(--color-teal-40);--backgroundColorHover: var(--color-teal-50);--backgroundColorActive: var(--color-teal-50);--backgroundColorFocus: var(--color-teal-50);--outlineColorFocus: var(--color-teal-60);--color: var(--color-neutral-90)}._variant-violet_1xtnl_147{--backgroundColor: var(--color-violet-40);--backgroundColorHover: var(--color-violet-50);--backgroundColorActive: var(--color-violet-50);--backgroundColorFocus: var(--color-violet-50);--outlineColorFocus: var(--color-violet-60);--color: var(--color-neutral-90)}._size-xs_1xtnl_155{--height: var(--height-20);--paddingVertical: var(--spacing-xxs);--paddingHorizontal: var(--spacing-xs);--gap: var(--spacing-xs);--fontSize: var(--font-size-xs);--borderRadius: var(--radius-sm);--iconWidth: .75rem;--iconHeight: var(--height-12);--removeWidth: .5rem}._size-sm_1xtnl_166{--height: var(--height-24);--paddingVertical: var(--spacing-xs);--paddingHorizontal: var(--spacing-sm);--gap: var(--spacing-xs);--fontSize: var(--font-size-xs);--iconWidth: .75rem;--iconHeight: var(--height-12);--borderRadius: var(--radius-md);--removeWidth: .75rem}._size-md_1xtnl_177{--height: var(--height-32);--paddingVertical: var(--spacing-xs);--paddingHorizontal: var(--spacing-sm);--gap: var(--spacing-sm);--fontSize: var(--font-size-sm);--iconWidth: 1rem;--iconHeight: var(--height-16);--borderRadius: var(--radius-md);--removeWidth: 1rem}._hasRemoveAction_1xtnl_188{display:inline-flex;gap:var(--spacing-xs);align-items:center;flex-direction:row}._isSquare_1xtnl_194{padding:0;justify-content:center;flex-basis:var(--height)}._removeButton_1xtnl_199{--paddingInlineHasIcon: 0;flex-shrink:0}}

package/dist/Tag.js

@@ -0,0 +1,86 @@
+"use client";
+import { jsxs as p, jsx as e } from "react/jsx-runtime";
+import d from "react";
+import { Button as h } from "./Button.js";
+import "./Icon-CvQNL_iy.js";
+import { C as z } from "./index-u9K1RU_H.js";
+import { c as R } from "./classNames-qiokGROM.js";
+import { f as S } from "./forwardRefWithAs-8eP3ZN15.js";
+const k = "_root_1xtnl_2", y = "_hasRemoveAction_1xtnl_188", C = "_isSquare_1xtnl_194", q = "_removeButton_1xtnl_199", A = {
+  root: k,
+  "variant-primary": "_variant-primary_1xtnl_59",
+  "variant-info": "_variant-info_1xtnl_67",
+  "variant-success": "_variant-success_1xtnl_75",
+  "variant-danger": "_variant-danger_1xtnl_83",
+  "variant-warning": "_variant-warning_1xtnl_91",
+  "variant-ai": "_variant-ai_1xtnl_99",
+  "variant-blue": "_variant-blue_1xtnl_107",
+  "variant-green": "_variant-green_1xtnl_115",
+  "variant-orange": "_variant-orange_1xtnl_123",
+  "variant-pink": "_variant-pink_1xtnl_131",
+  "variant-teal": "_variant-teal_1xtnl_139",
+  "variant-violet": "_variant-violet_1xtnl_147",
+  "size-xs": "_size-xs_1xtnl_155",
+  "size-sm": "_size-sm_1xtnl_166",
+  "size-md": "_size-md_1xtnl_177",
+  hasRemoveAction: y,
+  isSquare: C,
+  removeButton: q
+}, s = R(A);
+function N(t) {
+  if (typeof t == "string" || typeof t == "number")
+    return t.toString().length;
+  if (d.isValidElement(t) && typeof t.props.children == "string")
+    return t.props.children.length;
+}
+const I = S((t, o) => {
+  const {
+    as: _ = "div",
+    children: i,
+    className: l,
+    icon: v,
+    onClick: m,
+    onRemove: a,
+    removeButtonProps: n,
+    size: c = "md",
+    variant: r,
+    ...x
+  } = t, f = N(i) === 1 && !a, u = (g) => {
+    n != null && n.onClick && n.onClick(g), a && a();
+  };
+  return /* @__PURE__ */ p(
+    _,
+    {
+      className: s(
+        "root",
+        r && `variant-${r}`,
+        `size-${c}`,
+        !!a && "hasRemoveAction",
+        f && "isSquare",
+        l
+      ),
+      onClick: m,
+      ref: o,
+      ...x,
+      children: [
+        v,
+        i,
+        a ? /* @__PURE__ */ e(
+          h,
+          {
+            "aria-label": "remove tag",
+            ...n,
+            className: s("removeButton", n == null ? void 0 : n.className),
+            onClick: u,
+            size: "xs",
+            variant: "ghost",
+            children: /* @__PURE__ */ e(z, { size: "xs" })
+          }
+        ) : null
+      ]
+    }
+  );
+});
+export {
+  I as Tag
+};

package/dist/Text.css

@@ -0,0 +1 @@
+@layer components{._root_1o5p7_2{display:var(--display, block);font-size:var(--fontSize);line-height:var(--lineHeight);letter-spacing:var(--letterSpacing);font-weight:var(--fontWeight);font-family:var(--fontFamily);text-transform:var(--textTransform, none);line-clamp:var(--lineClamp, none);-webkit-line-clamp:var(--lineClamp, none);word-break:var(--wordBreak, wrap-break-word);color:var(--color, inherit)}._variant-h0_1o5p7_16,._variant-h1_1o5p7_16,._variant-h2_1o5p7_16,._variant-h3_1o5p7_16,._variant-h4_1o5p7_16,._variant-h5_1o5p7_16,._variant-h6_1o5p7_16{--fontWeight: var(--font-weight-bold);--fontFamily: var(--font-family-headings);--color: var(--color-neutral-90)}._variant-h0_1o5p7_16{--fontSize: var(--font-size-h0);--lineHeight: var(--line-height-h0);--letterSpacing: var(--letter-spacing-h0)}._variant-h1_1o5p7_16{--fontSize: var(--font-size-h1);--lineHeight: var(--line-height-h1);--letterSpacing: var(--letter-spacing-h1)}._variant-h2_1o5p7_16{--fontSize: var(--font-size-h2);--lineHeight: var(--line-height-h2);--letterSpacing: var(--letter-spacing-h2)}._variant-h3_1o5p7_16{--fontSize: var(--font-size-h3);--lineHeight: var(--line-height-h3);--letterSpacing: var(--letter-spacing-h3)}._variant-h4_1o5p7_16{--fontSize: var(--font-size-h4);--lineHeight: var(--line-height-h4);--letterSpacing: var(--letter-spacing-h4)}._variant-h5_1o5p7_16{--fontSize: var(--font-size-h5);--lineHeight: var(--line-height-h5);--letterSpacing: var(--letter-spacing-h5)}._variant-h6_1o5p7_16{--fontSize: var(--font-size-h6);--lineHeight: var(--line-height-h6);--letterSpacing: var(--letter-spacing-h6)}._variant-xs_1o5p7_56,._variant-sm_1o5p7_56,._variant-md_1o5p7_56,._variant-lg_1o5p7_56{--fontWeight: var(--font-weight-regular);--fontFamily: var(--default-font-family)}._variant-xs_1o5p7_56{--fontSize: var(--font-size-xs);--lineHeight: var(--line-height-xs);--letterSpacing: var(--letter-spacing-xs)}._variant-sm_1o5p7_56{--fontSize: var(--font-size-sm);--lineHeight: var(--line-height-sm);--letterSpacing: var(--letter-spacing-sm)}._variant-md_1o5p7_56{--fontSize: var(--font-size-md);--lineHeight: var(--line-height-md);--letterSpacing: var(--letter-spacing-md)}._variant-lg_1o5p7_56{--fontSize: var(--font-size-lg);--lineHeight: var(--line-height-lg);--letterSpacing: var(--letter-spacing-lg)}._variant-subtitle-sm_1o5p7_80,._variant-subtitle-md_1o5p7_80{--fontFamily: var(--font-family-headings);--textTransform: uppercase}._variant-subtitle-sm_1o5p7_80{--fontSize: var(--font-size-subtitle-sm);--lineHeight: var(--line-height-subtitle-sm);--letterSpacing: var(--letter-spacing-subtitle-sm);--fontWeight: var(--font-weight-medium)}._variant-subtitle-md_1o5p7_80{--fontSize: var(--font-size-subtitle-md);--lineHeight: var(--line-height-subtitle-md);--letterSpacing: var(--letter-spacing-subtitle-md);--fontWeight: var(--font-weight-bold)}._with-lines_1o5p7_96{--display: -webkit-box;-webkit-box-orient:vertical;--line-height: normal;overflow:hidden}._single-line_1o5p7_102{--wordBreak: break-all;--lineHeight: normal}._multi-line_1o5p7_106{--lineHeight: 1.4}._with-dash_1o5p7_109{--display: flex;align-items:center}._with-dash_1o5p7_109:before{--display: inline-block;content:"";width:var(--spacing-lg);height:var(--height-4);background-color:var(--color-brand-40);margin-right:var(--spacing-lg);flex-shrink:0}}

package/dist/Text.js

@@ -0,0 +1,64 @@
+"use client";
+import { createElement as v } from "react";
+import { c } from "./classNames-qiokGROM.js";
+import { f as u } from "./forwardRefWithAs-8eP3ZN15.js";
+const d = "_root_1o5p7_2", b = {
+  root: d,
+  "variant-h0": "_variant-h0_1o5p7_16",
+  "variant-h1": "_variant-h1_1o5p7_16",
+  "variant-h2": "_variant-h2_1o5p7_16",
+  "variant-h3": "_variant-h3_1o5p7_16",
+  "variant-h4": "_variant-h4_1o5p7_16",
+  "variant-h5": "_variant-h5_1o5p7_16",
+  "variant-h6": "_variant-h6_1o5p7_16",
+  "variant-xs": "_variant-xs_1o5p7_56",
+  "variant-sm": "_variant-sm_1o5p7_56",
+  "variant-md": "_variant-md_1o5p7_56",
+  "variant-lg": "_variant-lg_1o5p7_56",
+  "variant-subtitle-sm": "_variant-subtitle-sm_1o5p7_80",
+  "variant-subtitle-md": "_variant-subtitle-md_1o5p7_80",
+  "with-lines": "_with-lines_1o5p7_96",
+  "single-line": "_single-line_1o5p7_102",
+  "multi-line": "_multi-line_1o5p7_106",
+  "with-dash": "_with-dash_1o5p7_109"
+}, g = {
+  h0: "h1",
+  h1: "h1",
+  h2: "h2",
+  h3: "h3",
+  h4: "h4",
+  h5: "h5",
+  h6: "h6",
+  lg: "p",
+  md: "p",
+  sm: "p",
+  "subtitle-md": "span",
+  "subtitle-sm": "span",
+  xs: "p"
+}, w = c(b), S = u(
+  ({ as: _, children: n, className: o, lines: t, variant: a = "md", withDash: r, ...h }, e) => {
+    const l = _ || g[a], p = a == null ? void 0 : a.startsWith("h"), i = t && t > 1 && t !== Number.POSITIVE_INFINITY, s = t === 1, m = w(
+      "root",
+      `variant-${a}`,
+      t && "with-lines",
+      i && "multi-line",
+      s && "single-line",
+      r && p && "with-dash",
+      o
+    );
+    return v(
+      l,
+      {
+        className: m,
+        ref: e,
+        style: { ...i || s ? { "--lineClamp": t } : {} },
+        ...h
+      },
+      n
+    );
+  }
+);
+export {
+  g as TAG_NAMES,
+  S as Text
+};

package/dist/Textarea.css

@@ -0,0 +1 @@
+@layer components{._root_zxsmz_2{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);padding:var(--spacing-md);min-height:8.125rem;background-color:var(--backgroundColor, var(--color-neutral-10));color:var(--color, var(--color-neutral-90));border-color:var(--borderColor, var(--color-neutral-30))}._root_zxsmz_2:disabled,._root_zxsmz_2[aria-disabled]{--backgroundColor: var(--color-beige-40);--color: var(--color-beige-70);cursor:not-allowed}._root_zxsmz_2:hover{--borderColor: var(--borderColorHover, var(--color-neutral-40))}._root_zxsmz_2[data-focus-visible],._root_zxsmz_2:focus-visible{--borderColor: var(--borderColorFocused, var(--color-brand-40));outline-color:var(--outlineColorFocus, var(--color-brand-20))}._root_zxsmz_2::placeholder{--color: var(--color-neutral-60)}._variant-danger_zxsmz_34{--borderColor: var(--color-red-70);--borderColorHover: var(--color-red-70);--borderColorFocused: var(--color-red-70);--outlineColorFocus: var(--color-red-30)}._variant-warning_zxsmz_40{--borderColor: var(--color-orange-60);--borderColorHover: var(--color-orange-60);--borderColorFocused: var(--color-orange-60);--outlineColorFocus: var(--color-orange-30)}._variant-success_zxsmz_46{--borderColor: var(--color-green-60);--borderColorHover: var(--color-green-60);--borderColorFocused: var(--color-green-60);--outlineColorFocus: var(--color-green-30)}}

package/dist/Textarea.js

@@ -0,0 +1,27 @@
+"use client";
+import { jsx as c } from "react/jsx-runtime";
+import { forwardRef as m } from "react";
+import { useField as _ } from "./Field.js";
+import { c as x } from "./classNames-qiokGROM.js";
+const v = "_root_zxsmz_2", z = {
+  root: v,
+  "variant-danger": "_variant-danger_zxsmz_34",
+  "variant-warning": "_variant-warning_zxsmz_40",
+  "variant-success": "_variant-success_zxsmz_46"
+}, f = x(z), g = m(
+  ({ className: r, minRows: t = 5, variant: s, ...o }, n) => {
+    const { getInputProps: e, variant: i } = _(), a = i || s;
+    return /* @__PURE__ */ c(
+      "textarea",
+      {
+        className: f("root", a && `variant-${a}`, r),
+        ref: n,
+        rows: t,
+        ...e(o)
+      }
+    );
+  }
+);
+export {
+  g as Textarea
+};