welcome-ui 0.0.0-dev.1761579941363 → 0.0.0-dev.1761661363660

package/dist/Tabs.js

@@ -0,0 +1,454 @@
+"use client";
+import { jsx as P, jsxs as fe } from "react/jsx-runtime";
+import { C as ee, a as te, h as U, b as be, j as pe } from "./SBSPVDDI-CW8jwL0u.js";
+import { e as oe, v as ve, f as B, c as W, b as j, _ as H, i as K, w as se, A as Ie, d as h, a as v, u as V, x as ne, ad as Se, p as xe, W as he, F as _e, G as D, H as O, I as k, S as J, K as Q } from "./OE2EFRVA-C3721cM3.js";
+import { u as A, m as ge, o as X, c as Ce, s as z, a as w, f as Pe, b as re, d as Y } from "./RTNCFSKZ-P4icqVD0.js";
+import ae, { useCallback as ce, useRef as F, useEffect as Z, useState as q, createContext as ie, useMemo as Te, cloneElement as Ee, forwardRef as le } from "react";
+import { c as M } from "./index-PAaZGbyz.js";
+import { f as we } from "./forwardRefWithAs-8eP3ZN15.js";
+import { u as Re, b as ye } from "./OLVWQA7U-CQsIDzlF.js";
+import { m as $e, g as Ne, u as Le } from "./useForkRef-D807AV7D.js";
+import { u as Oe, a as ke } from "./use-viewport-CgrficYB.js";
+import { u as ze, d as Ae } from "./T22PY7TE-BxbmImwX.js";
+import { P as De, a as Me } from "./Y67KZUMI-CtXJ_hZt.js";
+import { c as Ve, a as Fe, u as Be } from "./B7UTNDHN-C-gORHYH.js";
+var G = oe(
+  [te],
+  [ee]
+), We = G.useScopedContext, de = G.useProviderContext, ue = G.ScopedContextProvider, je = "button", He = W(function(r) {
+  var t = r, {
+    store: e,
+    getItem: s
+  } = t, n = H(t, [
+    "store",
+    "getItem"
+  ]), m;
+  const i = We();
+  e = e || i, K(
+    e,
+    process.env.NODE_ENV !== "production" && "Tab must be wrapped in a TabList component."
+  );
+  const d = se(), a = n.id || d, _ = Ie(n), c = ce(
+    (f) => {
+      const R = h(v({}, f), { dimmed: _ });
+      return s ? s(R) : R;
+    },
+    [_, s]
+  ), b = n.onClick, x = V((f) => {
+    b == null || b(f), !f.defaultPrevented && (e == null || e.setSelectedId(a));
+  }), u = e.panels.useState(
+    (f) => {
+      var R;
+      return (R = f.items.find((l) => l.tabId === a)) == null ? void 0 : R.id;
+    }
+  ), p = d ? n.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)), g = I || S && !T, y = S || ((m = n.accessibleWhenDisabled) != null ? m : !0);
+  if (A(
+    e.combobox || e.composite,
+    "virtualFocus"
+  ) && (n = h(v({}, n), {
+    tabIndex: -1
+  })), n = h(v({
+    id: a,
+    role: "tab",
+    "aria-selected": S,
+    "aria-controls": u || void 0
+  }, n), {
+    onClick: x
+  }), e.composite) {
+    const f = {
+      id: a,
+      accessibleWhenDisabled: y,
+      store: e.composite,
+      shouldRegisterItem: g && p,
+      rowId: n.rowId,
+      render: n.render
+    };
+    n = h(v({}, n), {
+      render: /* @__PURE__ */ P(
+        U,
+        h(v({}, f), {
+          render: e.combobox && e.composite !== e.combobox ? /* @__PURE__ */ P(U, h(v({}, f), { store: e.combobox })) : f.render
+        })
+      )
+    });
+  }
+  return n = be(h(v({
+    store: e
+  }, n), {
+    accessibleWhenDisabled: y,
+    getItem: c,
+    shouldRegisterItem: p
+  })), n;
+}), Ke = ve(
+  B(function(r) {
+    const t = He(r);
+    return j(je, t);
+  })
+), qe = "div", Ge = W(
+  function(r) {
+    var t = r, { store: e } = t, s = H(t, ["store"]);
+    const n = de();
+    e = e || n, 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 s = ne(
+      s,
+      (i) => /* @__PURE__ */ P(ue, { value: e, children: i }),
+      [e]
+    ), e.composite && (s = v({
+      focusable: !1
+    }, s)), s = v({
+      role: "tablist",
+      "aria-orientation": m
+    }, s), s = Re(v({ store: e }, s)), s;
+  }
+), Ue = B(function(r) {
+  const t = Ge(r);
+  return j(qe, t);
+}), Je = "div", Qe = W(
+  function(r) {
+    var t = r, {
+      store: e,
+      unmountOnHide: s,
+      tabId: n,
+      getItem: m,
+      scrollRestoration: i,
+      scrollElement: d
+    } = t, a = H(t, [
+      "store",
+      "unmountOnHide",
+      "tabId",
+      "getItem",
+      "scrollRestoration",
+      "scrollElement"
+    ]);
+    const _ = de();
+    e = e || _, K(
+      e,
+      process.env.NODE_ENV !== "production" && "TabPanel must receive a `store` prop or be wrapped in a TabProvider component."
+    );
+    const c = F(null), b = se(a.id), x = A(
+      e.panels,
+      () => {
+        var l;
+        return n || ((l = e == null ? void 0 : e.panels.item(b)) == null ? void 0 : l.tabId);
+      }
+    ), u = A(
+      e,
+      (l) => !!x && l.selectedId === x
+    ), p = ze({ open: u }), I = A(p, "mounted"), S = F(
+      /* @__PURE__ */ new Map()
+    ), T = V(() => {
+      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 C = T();
+      if (!C) return;
+      if (i === "reset") {
+        C.scroll(0, 0);
+        return;
+      }
+      if (!x) return;
+      const $ = S.current.get(x);
+      C.scroll((l = $ == null ? void 0 : $.x) != null ? l : 0, (E = $ == null ? void 0 : $.y) != null ? E : 0);
+      const L = () => {
+        S.current.set(x, {
+          x: C.scrollLeft,
+          y: C.scrollTop
+        });
+      };
+      return C.addEventListener("scroll", L), () => {
+        C.removeEventListener("scroll", L);
+      };
+    }, [i, I, x, T, e]);
+    const [g, y] = q(!1);
+    Z(() => {
+      const l = c.current;
+      if (!l) return;
+      const E = Se(l);
+      y(!!E.length);
+    }, []);
+    const N = ce(
+      (l) => {
+        const E = h(v({}, l), { id: b || l.id, tabId: n });
+        return m ? m(E) : E;
+      },
+      [b, n, m]
+    ), f = a.onKeyDown, R = V((l) => {
+      if (f == null || f(l), l.defaultPrevented || !(e != null && e.composite)) return;
+      const C = {
+        ArrowLeft: e.previous,
+        ArrowRight: e.next,
+        Home: e.first,
+        End: e.last
+      }[l.key];
+      if (!C) return;
+      const { selectedId: $ } = e.getState(), L = C({ activeId: $ });
+      L && (l.preventDefault(), e.move(L));
+    });
+    return a = ne(
+      a,
+      (l) => /* @__PURE__ */ P(ue, { value: e, children: l }),
+      [e]
+    ), a = h(v({
+      id: b,
+      role: "tabpanel",
+      "aria-labelledby": x || void 0
+    }, a), {
+      children: s && !I ? null : a.children,
+      ref: xe(c, a.ref),
+      onKeyDown: R
+    }), a = he(v({
+      // If the tab panel is rendered as part of another composite widget such
+      // as combobox, it should not be focusable.
+      focusable: !e.composite && !g
+    }, a)), a = Ae(v({ store: p }, a)), a = pe(h(v({ store: e.panels }, a), { getItem: N })), a;
+  }
+), Xe = B(function(r) {
+  const t = Qe(r);
+  return j(Je, t);
+}), Ye = oe(
+  [Me, te],
+  [De, ee]
+), Ze = Ye.useContext;
+ie(!1);
+ie(null);
+function et(o = {}) {
+  var r = o, {
+    composite: t,
+    combobox: e
+  } = r, s = _e(r, [
+    "composite",
+    "combobox"
+  ]);
+  const n = [
+    "items",
+    "renderedItems",
+    "moves",
+    "orientation",
+    "virtualFocus",
+    "includesBaseElement",
+    "baseElement",
+    "focusLoop",
+    "focusShift",
+    "focusWrap"
+  ], m = ge(
+    s.store,
+    X(t, n),
+    X(e, n)
+  ), i = m == null ? void 0 : m.getState(), d = Ve(D(k({}, s), {
+    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(
+      s.includesBaseElement,
+      i == null ? void 0 : i.includesBaseElement,
+      !1
+    ),
+    orientation: O(
+      s.orientation,
+      i == null ? void 0 : i.orientation,
+      "horizontal"
+    ),
+    focusLoop: O(s.focusLoop, i == null ? void 0 : i.focusLoop, !0)
+  })), a = Fe(), _ = D(k({}, d.getState()), {
+    selectedId: O(
+      s.selectedId,
+      i == null ? void 0 : i.selectedId,
+      s.defaultSelectedId
+    ),
+    selectOnMove: O(
+      s.selectOnMove,
+      i == null ? void 0 : i.selectOnMove,
+      !0
+    )
+  }), c = Ce(_, d, m);
+  z(
+    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;
+  z(
+    c,
+    () => Pe(c, ["selectedId"], (u, p) => {
+      if (!b) {
+        b = !0;
+        return;
+      }
+      t && u.selectedId === p.selectedId || c.setState("activeId", u.selectedId);
+    })
+  ), z(
+    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(
+          (g) => !g.disabled && !g.dimmed
+        );
+        c.setState("selectedId", T == null ? void 0 : T.id);
+      }
+    })
+  ), z(
+    c,
+    () => w(c, ["renderedItems"], (u) => {
+      const p = u.renderedItems;
+      if (p.length)
+        return w(a, ["renderedItems"], (I) => {
+          const S = I.renderedItems;
+          S.some((g) => !g.tabId) && S.forEach((g, y) => {
+            if (g.tabId) return;
+            const N = p[y];
+            N && a.renderItem(D(k({}, g), { tabId: N.id }));
+          });
+        });
+    })
+  );
+  let x = null;
+  return z(c, () => {
+    const u = () => {
+      x = c.getState().selectedId;
+    }, p = () => {
+      b = !1, c.setState("selectedId", x);
+    };
+    if (t && "setSelectElement" in t)
+      return J(
+        w(t, ["value"], u),
+        w(t, ["mounted"], p)
+      );
+    if (e)
+      return J(
+        w(e, ["selectedValue"], u),
+        w(e, ["mounted"], p)
+      );
+  }), D(k(k({}, d), c), {
+    panels: a,
+    setSelectedId: (u) => c.setState("selectedId", u),
+    select: (u) => {
+      c.setState("selectedId", u), d.move(u);
+    }
+  });
+}
+function tt(o, r, t) {
+  Q(r, [t.composite, t.combobox]), o = Be(o, r, t), Y(o, t, "selectedId", "setSelectedId"), Y(o, t, "selectOnMove");
+  const [e, s] = re(() => o.panels, {});
+  return Q(s, [o, s]), Object.assign(
+    Te(() => h(v({}, o), { panels: e }), [o, e]),
+    { composite: t.composite, combobox: t.combobox }
+  );
+}
+function Ot(o = {}) {
+  const r = ye(), t = Ze() || r;
+  o = h(v({}, o), {
+    composite: o.composite !== void 0 ? o.composite : t,
+    combobox: o.combobox !== void 0 ? o.combobox : r
+  });
+  const [e, s] = re(et, o);
+  return tt(e, s, o);
+}
+const me = (o) => {
+  if (!o || typeof window > "u") return 1;
+  const r = Number(window.getComputedStyle(o).scale);
+  return isNaN(r) ? me(o.parentElement) : r;
+};
+function ot(o, r) {
+  const [t, e] = q(null), s = ae.Children.map(r, (n) => n.props.id === o ? Ee(n, {
+    ...n.props,
+    ref: $e(e, Ne(n))
+  }) : n);
+  return { activeTab: t, tabs: s };
+}
+const st = "_root_102tt_2", nt = {
+  root: st
+};
+function rt({ activeTab: o, listRef: r, orientation: t }) {
+  const [e, s] = q({}), { height: n, width: m } = Oe();
+  return ke(() => {
+    const i = r.current;
+    if (!i || !o) return;
+    const d = i.getBoundingClientRect(), a = o.getBoundingClientRect(), _ = me(i);
+    if (t === "vertical") {
+      const c = a.top - d.top, b = a.height;
+      s({
+        offset: c,
+        orientation: t,
+        size: b
+      });
+    } else {
+      const c = (a.left - d.left + i.scrollLeft) / _, b = a.width / _;
+      s({
+        offset: isNaN(c) ? 0 : c,
+        orientation: t,
+        size: isNaN(b) ? 0 : b
+      });
+    }
+  }, [r, o, m, n, t]), e;
+}
+const at = M(nt), ct = ({ activeTab: o, listRef: r, orientation: t }) => {
+  const e = rt({ activeTab: o, listRef: r, orientation: t }), s = {
+    "--active-bar-offset": `${e.offset}px`,
+    "--active-bar-size": `${e.size}px`
+  };
+  return /* @__PURE__ */ P("span", { className: at("root", `orientation-${t}`), style: s });
+}, it = "_root_axn0q_2", lt = {
+  root: it,
+  "size-md": "_size-md_axn0q_18",
+  "size-sm": "_size-sm_axn0q_21"
+}, dt = M(lt), ut = le(
+  ({ children: o, className: r, size: t = "md", store: e, ...s }, n) => {
+    const m = F(), [, i] = Le(n, m), { orientation: d, selectedId: a } = A(e), { activeTab: _, tabs: c } = ot(a, o), b = ae.Children.count(o) > 1;
+    return /* @__PURE__ */ fe(
+      Ue,
+      {
+        className: dt("root", `size-${t}`, r),
+        ref: i,
+        store: e,
+        ...s,
+        children: [
+          c,
+          b ? /* @__PURE__ */ P(ct, { activeTab: _, listRef: m, orientation: d }) : null
+        ]
+      }
+    );
+  }
+), mt = "_root_1kepd_2", ft = {
+  root: mt
+}, bt = M(ft), pt = le(
+  ({ children: o, store: r, tabId: t, ...e }, s) => /* @__PURE__ */ P(Xe, { className: bt("root"), ref: s, store: r, tabId: t, ...e, children: o })
+), vt = "_root_1j27o_2", It = {
+  root: vt
+}, St = M(It), xt = we(
+  ({ as: o, children: r, className: t, id: e, store: s, ...n }, m) => /* @__PURE__ */ P(
+    Ke,
+    {
+      className: St("root", t),
+      id: e,
+      ref: m,
+      render: o ? /* @__PURE__ */ P(o, {}) : void 0,
+      store: s,
+      ...n,
+      children: r
+    }
+  )
+), kt = Object.assign(xt, { List: ut, Panel: pt });
+export {
+  kt as Tab,
+  xt as TabComponent,
+  Ot 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-BisRi8B3.js";
+import { C as z } from "./index-BJLXLdM3.js";
+import { c as R } from "./index-PAaZGbyz.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_hcsa6_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, var(--font-family-default));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_hcsa6_16,._variant-h1_hcsa6_16,._variant-h2_hcsa6_16,._variant-h3_hcsa6_16,._variant-h4_hcsa6_16,._variant-h5_hcsa6_16,._variant-h6_hcsa6_16{--fontWeight: var(--font-weight-bold);--fontFamily: var(--font-family-headings);--color: var(--color-neutral-90)}._variant-h0_hcsa6_16{--fontSize: var(--font-size-h0);--lineHeight: var(--line-height-h0);--letterSpacing: var(--letter-spacing-h0)}._variant-h1_hcsa6_16{--fontSize: var(--font-size-h1);--lineHeight: var(--line-height-h1);--letterSpacing: var(--letter-spacing-h1)}._variant-h2_hcsa6_16{--fontSize: var(--font-size-h2);--lineHeight: var(--line-height-h2);--letterSpacing: var(--letter-spacing-h2)}._variant-h3_hcsa6_16{--fontSize: var(--font-size-h3);--lineHeight: var(--line-height-h3);--letterSpacing: var(--letter-spacing-h3)}._variant-h4_hcsa6_16{--fontSize: var(--font-size-h4);--lineHeight: var(--line-height-h4);--letterSpacing: var(--letter-spacing-h4)}._variant-h5_hcsa6_16{--fontSize: var(--font-size-h5);--lineHeight: var(--line-height-h5);--letterSpacing: var(--letter-spacing-h5)}._variant-h6_hcsa6_16{--fontSize: var(--font-size-h6);--lineHeight: var(--line-height-h6);--letterSpacing: var(--letter-spacing-h6)}._variant-xs_hcsa6_56,._variant-sm_hcsa6_56,._variant-md_hcsa6_56,._variant-lg_hcsa6_56{--fontWeight: var(--font-weight-regular)}._variant-xs_hcsa6_56{--fontSize: var(--font-size-xs);--lineHeight: var(--line-height-xs);--letterSpacing: var(--letter-spacing-xs)}._variant-sm_hcsa6_56{--fontSize: var(--font-size-sm);--lineHeight: var(--line-height-sm);--letterSpacing: var(--letter-spacing-sm)}._variant-md_hcsa6_56{--fontSize: var(--font-size-md);--lineHeight: var(--line-height-md);--letterSpacing: var(--letter-spacing-md)}._variant-lg_hcsa6_56{--fontSize: var(--font-size-lg);--lineHeight: var(--line-height-lg);--letterSpacing: var(--letter-spacing-lg)}._variant-subtitle-sm_hcsa6_79,._variant-subtitle-md_hcsa6_79{--fontFamily: var(--font-family-headings);--textTransform: uppercase}._variant-subtitle-sm_hcsa6_79{--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_hcsa6_79{--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_hcsa6_95{--display: -webkit-box;-webkit-box-orient:vertical;--line-height: normal;overflow:hidden}._single-line_hcsa6_101{--wordBreak: break-all;--lineHeight: normal}._multi-line_hcsa6_105{--lineHeight: 1.4}._with-dash_hcsa6_108{--display: flex;align-items:center}._with-dash_hcsa6_108: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 as u } from "./index-PAaZGbyz.js";
+import { f as d } from "./forwardRefWithAs-8eP3ZN15.js";
+const p = "_root_hcsa6_2", b = {
+  root: p,
+  "variant-h0": "_variant-h0_hcsa6_16",
+  "variant-h1": "_variant-h1_hcsa6_16",
+  "variant-h2": "_variant-h2_hcsa6_16",
+  "variant-h3": "_variant-h3_hcsa6_16",
+  "variant-h4": "_variant-h4_hcsa6_16",
+  "variant-h5": "_variant-h5_hcsa6_16",
+  "variant-h6": "_variant-h6_hcsa6_16",
+  "variant-xs": "_variant-xs_hcsa6_56",
+  "variant-sm": "_variant-sm_hcsa6_56",
+  "variant-md": "_variant-md_hcsa6_56",
+  "variant-lg": "_variant-lg_hcsa6_56",
+  "variant-subtitle-sm": "_variant-subtitle-sm_hcsa6_79",
+  "variant-subtitle-md": "_variant-subtitle-md_hcsa6_79",
+  "with-lines": "_with-lines_hcsa6_95",
+  "single-line": "_single-line_hcsa6_101",
+  "multi-line": "_multi-line_hcsa6_105",
+  "with-dash": "_with-dash_hcsa6_108"
+}, 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 = u(b), S = d(
+  ({ as: h, children: _, className: n, lines: a, variant: t = "md", withDash: r, ...c }, e) => {
+    const l = h || g[t], m = t == null ? void 0 : t.startsWith("h"), s = a && a > 1 && a !== Number.POSITIVE_INFINITY, i = a === 1, o = w(
+      "root",
+      `variant-${t}`,
+      a && "with-lines",
+      s && "multi-line",
+      i && "single-line",
+      r && m && "with-dash",
+      n
+    );
+    return v(
+      l,
+      {
+        className: o,
+        ref: e,
+        style: { ...s || i ? { "--lineClamp": a } : {} },
+        ...c
+      },
+      _
+    );
+  }
+);
+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 "./index-PAaZGbyz.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
+};