welcome-ui 0.0.0-dev.1757005789578 → 0.0.0-dev.1758520464312

package/dist/Tabs.js

@@ -1,537 +0,0 @@
-"use client";
-import { jsx as $, jsxs as ge } from "react/jsx-runtime";
-import { forwardRef as j } from "./System.js";
-import F, { th as h, system as xe, css as D } from "@xstyled/styled-components";
-import { C as ne, a as re, d as Q, u as Te, e as Pe } from "./P2CTZE2T-VxsNTvjw.js";
-import { t as ae, z as Ce, A as V, B as A, C as O, P as Z, d as x, g as p, G as ee, v as $e, f as K, c as G, h as U, _ as X, i as Y, w as ie, l as ye, b as M, D as ce, a9 as we, e as Ee, m as _e } from "./LVA2YJMS-yg4tmz-M.js";
-import { c as Le, b as Ne, u as Re, a as Be } from "./ITI7HKP4-CkcFrmVI.js";
-import { e as Ae, f as Oe } from "./VGCJ63VH-CCiPNdjP.js";
-import { m as ke, o as te, c as De, s as k, d as E, g as Ve, a as le, b as oe, u as z } from "./YV4JVR4I-C5KMsAAb.js";
-import { createContext as de, useMemo as ze, useCallback as ue, useRef as H, useEffect as se, useState as q, Children as Fe, Fragment as Me, cloneElement as He } from "react";
-import { u as We } from "./use-fork-ref-CUZErtAC.js";
-import { u as je } from "./use-isomorphic-layout-effect-Izr-e2pi.js";
-import { u as Ke } from "./use-viewport-Bswy2nz0.js";
-import { u as Ge } from "./VEVQD5MH-C1u8QY9A.js";
-import { P as Ue, a as Xe } from "./MTZPJQMC-BVSM9qr5.js";
-var Ye = ae(
-  [Xe, re],
-  [Ue, ne]
-), qe = Ye.useContext;
-de(!1);
-de(null);
-function Je(t = {}) {
-  var s = t, {
-    composite: o,
-    combobox: e
-  } = s, n = Ce(s, [
-    "composite",
-    "combobox"
-  ]);
-  const r = [
-    "items",
-    "renderedItems",
-    "moves",
-    "orientation",
-    "virtualFocus",
-    "includesBaseElement",
-    "baseElement",
-    "focusLoop",
-    "focusShift",
-    "focusWrap"
-  ], m = ke(
-    n.store,
-    te(o, r),
-    te(e, r)
-  ), c = m == null ? void 0 : m.getState(), d = Le(V(O({}, 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: A(
-      n.includesBaseElement,
-      c == null ? void 0 : c.includesBaseElement,
-      !1
-    ),
-    orientation: A(
-      n.orientation,
-      c == null ? void 0 : c.orientation,
-      "horizontal"
-    ),
-    focusLoop: A(n.focusLoop, c == null ? void 0 : c.focusLoop, !0)
-  })), a = Ne(), T = V(O({}, d.getState()), {
-    selectedId: A(
-      n.selectedId,
-      c == null ? void 0 : c.selectedId,
-      n.defaultSelectedId
-    ),
-    selectOnMove: A(
-      n.selectOnMove,
-      c == null ? void 0 : c.selectOnMove,
-      !0
-    )
-  }), i = De(T, d, m);
-  k(
-    i,
-    () => E(i, ["moves"], () => {
-      const { activeId: u, selectOnMove: f } = i.getState();
-      if (!f || !u) return;
-      const I = d.item(u);
-      I && (I.dimmed || I.disabled || i.setState("selectedId", I.id));
-    })
-  );
-  let v = !0;
-  k(
-    i,
-    () => Ve(i, ["selectedId"], (u, f) => {
-      if (!v) {
-        v = !0;
-        return;
-      }
-      o && u.selectedId === f.selectedId || i.setState("activeId", u.selectedId);
-    })
-  ), k(
-    i,
-    () => E(i, ["selectedId", "renderedItems"], (u) => {
-      if (u.selectedId !== void 0) return;
-      const { activeId: f, renderedItems: I } = i.getState(), S = d.item(f);
-      if (S && !S.disabled && !S.dimmed)
-        i.setState("selectedId", S.id);
-      else {
-        const y = I.find(
-          (P) => !P.disabled && !P.dimmed
-        );
-        i.setState("selectedId", y == null ? void 0 : y.id);
-      }
-    })
-  ), k(
-    i,
-    () => E(i, ["renderedItems"], (u) => {
-      const f = u.renderedItems;
-      if (f.length)
-        return E(a, ["renderedItems"], (I) => {
-          const S = I.renderedItems;
-          S.some((P) => !P.tabId) && S.forEach((P, L) => {
-            if (P.tabId) return;
-            const R = f[L];
-            R && a.renderItem(V(O({}, P), { tabId: R.id }));
-          });
-        });
-    })
-  );
-  let g = null;
-  return k(i, () => {
-    const u = () => {
-      g = i.getState().selectedId;
-    }, f = () => {
-      v = !1, i.setState("selectedId", g);
-    };
-    if (o && "setSelectElement" in o)
-      return Z(
-        E(o, ["value"], u),
-        E(o, ["mounted"], f)
-      );
-    if (e)
-      return Z(
-        E(e, ["selectedValue"], u),
-        E(e, ["mounted"], f)
-      );
-  }), V(O(O({}, d), i), {
-    panels: a,
-    setSelectedId: (u) => i.setState("selectedId", u),
-    select: (u) => {
-      i.setState("selectedId", u), d.move(u);
-    }
-  });
-}
-function Qe(t, s, o) {
-  ee(s, [o.composite, o.combobox]), t = Re(t, s, o), oe(t, o, "selectedId", "setSelectedId"), oe(t, o, "selectOnMove");
-  const [e, n] = le(() => t.panels, {});
-  return ee(n, [t, n]), Object.assign(
-    ze(() => x(p({}, t), { panels: e }), [t, e]),
-    { composite: o.composite, combobox: o.combobox }
-  );
-}
-function Ze(t = {}) {
-  const s = Ge(), o = qe() || s;
-  t = x(p({}, t), {
-    composite: t.composite !== void 0 ? t.composite : o,
-    combobox: t.combobox !== void 0 ? t.combobox : s
-  });
-  const [e, n] = le(Je, t);
-  return Qe(e, n, t);
-}
-var J = ae(
-  [re],
-  [ne]
-), et = J.useScopedContext, me = J.useProviderContext, be = J.ScopedContextProvider, tt = "button", ot = G(function(s) {
-  var o = s, {
-    store: e,
-    getItem: n
-  } = o, r = X(o, [
-    "store",
-    "getItem"
-  ]), m;
-  const c = et();
-  e = e || c, Y(
-    e,
-    process.env.NODE_ENV !== "production" && "Tab must be wrapped in a TabList component."
-  );
-  const d = ie(), a = r.id || d, T = ye(r), i = ue(
-    (b) => {
-      const _ = x(p({}, b), { dimmed: T });
-      return n ? n(_) : _;
-    },
-    [T, n]
-  ), v = r.onClick, g = M((b) => {
-    v == null || v(b), !b.defaultPrevented && (e == null || e.setSelectedId(a));
-  }), u = e.panels.useState(
-    (b) => {
-      var _;
-      return (_ = b.items.find((l) => l.tabId === a)) == null ? void 0 : _.id;
-    }
-  ), f = d ? r.shouldRegisterItem : !1, I = e.useState((b) => !!a && b.activeId === a), S = e.useState((b) => !!a && b.selectedId === a), y = e.useState((b) => !!e.item(b.activeId)), P = I || S && !y, L = S || ((m = r.accessibleWhenDisabled) != null ? m : !0);
-  if (z(
-    e.combobox || e.composite,
-    "virtualFocus"
-  ) && (r = x(p({}, r), {
-    tabIndex: -1
-  })), r = x(p({
-    id: a,
-    role: "tab",
-    "aria-selected": S,
-    "aria-controls": u || void 0
-  }, r), {
-    onClick: g
-  }), e.composite) {
-    const b = {
-      id: a,
-      accessibleWhenDisabled: L,
-      store: e.composite,
-      shouldRegisterItem: P && f,
-      rowId: r.rowId,
-      render: r.render
-    };
-    r = x(p({}, r), {
-      render: /* @__PURE__ */ $(
-        Q,
-        x(p({}, b), {
-          render: e.combobox && e.composite !== e.combobox ? /* @__PURE__ */ $(Q, x(p({}, b), { store: e.combobox })) : b.render
-        })
-      )
-    });
-  }
-  return r = Te(x(p({
-    store: e
-  }, r), {
-    accessibleWhenDisabled: L,
-    getItem: i,
-    shouldRegisterItem: f
-  })), r;
-}), st = $e(
-  K(function(s) {
-    const o = ot(s);
-    return U(tt, o);
-  })
-), nt = "div", rt = G(
-  function(s) {
-    var o = s, { store: e } = o, n = X(o, ["store"]);
-    const r = me();
-    e = e || r, Y(
-      e,
-      process.env.NODE_ENV !== "production" && "TabList must receive a `store` prop or be wrapped in a TabProvider component."
-    );
-    const m = e.useState(
-      (c) => c.orientation === "both" ? void 0 : c.orientation
-    );
-    return n = ce(
-      n,
-      (c) => /* @__PURE__ */ $(be, { value: e, children: c }),
-      [e]
-    ), e.composite && (n = p({
-      focusable: !1
-    }, n)), n = p({
-      role: "tablist",
-      "aria-orientation": m
-    }, n), n = Be(p({ store: e }, n)), n;
-  }
-), at = K(function(s) {
-  const o = rt(s);
-  return U(nt, o);
-}), it = "div", ct = G(
-  function(s) {
-    var o = s, {
-      store: e,
-      unmountOnHide: n,
-      tabId: r,
-      getItem: m,
-      scrollRestoration: c,
-      scrollElement: d
-    } = o, a = X(o, [
-      "store",
-      "unmountOnHide",
-      "tabId",
-      "getItem",
-      "scrollRestoration",
-      "scrollElement"
-    ]);
-    const T = me();
-    e = e || T, Y(
-      e,
-      process.env.NODE_ENV !== "production" && "TabPanel must receive a `store` prop or be wrapped in a TabProvider component."
-    );
-    const i = H(null), v = ie(a.id), g = z(
-      e.panels,
-      () => {
-        var l;
-        return r || ((l = e == null ? void 0 : e.panels.item(v)) == null ? void 0 : l.tabId);
-      }
-    ), u = z(
-      e,
-      (l) => !!g && l.selectedId === g
-    ), f = Ae({ open: u }), I = z(f, "mounted"), S = H(
-      /* @__PURE__ */ new Map()
-    ), y = M(() => {
-      const l = i.current;
-      return l ? d ? typeof d == "function" ? d(l) : "current" in d ? d.current : d : l : null;
-    });
-    se(() => {
-      var l, w;
-      if (!c || !I) return;
-      const C = y();
-      if (!C) return;
-      if (c === "reset") {
-        C.scroll(0, 0);
-        return;
-      }
-      if (!g) return;
-      const N = S.current.get(g);
-      C.scroll((l = N == null ? void 0 : N.x) != null ? l : 0, (w = N == null ? void 0 : N.y) != null ? w : 0);
-      const B = () => {
-        S.current.set(g, {
-          x: C.scrollLeft,
-          y: C.scrollTop
-        });
-      };
-      return C.addEventListener("scroll", B), () => {
-        C.removeEventListener("scroll", B);
-      };
-    }, [c, I, g, y, e]);
-    const [P, L] = q(!1);
-    se(() => {
-      const l = i.current;
-      if (!l) return;
-      const w = we(l);
-      L(!!w.length);
-    }, []);
-    const R = ue(
-      (l) => {
-        const w = x(p({}, l), { id: v || l.id, tabId: r });
-        return m ? m(w) : w;
-      },
-      [v, r, m]
-    ), b = a.onKeyDown, _ = M((l) => {
-      if (b == null || b(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: N } = e.getState(), B = C({ activeId: N });
-      B && (l.preventDefault(), e.move(B));
-    });
-    return a = ce(
-      a,
-      (l) => /* @__PURE__ */ $(be, { value: e, children: l }),
-      [e]
-    ), a = x(p({
-      id: v,
-      role: "tabpanel",
-      "aria-labelledby": g || void 0
-    }, a), {
-      children: n && !I ? null : a.children,
-      ref: Ee(i, a.ref),
-      onKeyDown: _
-    }), a = _e(p({
-      // If the tab panel is rendered as part of another composite widget such
-      // as combobox, it should not be focusable.
-      focusable: !e.composite && !P
-    }, a)), a = Oe(p({ store: f }, a)), a = Pe(x(p({ store: e.panels }, a), { getItem: R })), a;
-  }
-), lt = K(function(s) {
-  const o = ct(s);
-  return U(it, o);
-});
-const dt = F(at)(
-  ({ size: t }) => D`
-    position: relative;
-    width: 100%;
-    overflow-x: auto;
-    display: flex;
-    border: 0;
-    gap: xl;
-
-    &[aria-orientation='vertical'] {
-      flex-direction: column;
-      ${h("tabs.tabsBorder.vertical")};
-    }
-
-    ${h("tabs.tabsBorder.horizontal")};
-
-    ${fe} {
-      ${h(`tabs.item.size.${t}`)}
-    }
-    ${xe};
-  `
-), fe = F.button`
-  border: 0;
-  background: none;
-  ${h("tabs.item.default")};
-  display: flex;
-  align-items: center;
-  flex: none;
-  padding: md 0;
-  transition: medium;
-  text-transform: none;
-  cursor: pointer;
-  gap: sm;
-
-  &:focus {
-    outline: none !important; /* important for firefox */
-
-    &:not([aria-selected='true']) {
-      ${h("tabs.item.focus")};
-    }
-  }
-
-  &[aria-selected='true'] {
-    ${h("tabs.item.active")};
-  }
-
-  &[aria-disabled='true'] {
-    ${h("tabs.item.disabled")};
-    cursor: auto;
-  }
-
-  &:hover:not([aria-selected='true']):not([aria-disabled='true']) {
-    ${h("tabs.item.focus")};
-  }
-
-  & > svg,
-  img {
-    ${h("tabs.icon")};
-  }
-
-  & > span {
-    ${h("tabs.badge")};
-  }
-`, ut = F(lt)(
-  ({ orientation: t }) => D`
-    ${t === "vertical" ? h("tabs.panel.vertical") : h("tabs.panel.horizontal")};
-  `
-), mt = ({ offset: t = 0, size: s = 0 }) => D`
-  ${h("tabs.activeBar.horizontal")};
-  left: 0;
-  bottom: 0;
-  width: ${s}px;
-  transform: translateX(${t}px);
-`, bt = ({ offset: t = 0, size: s = 0 }) => D`
-  ${h("tabs.activeBar.vertical")};
-  right: 0;
-  top: 0;
-  height: ${s}px;
-  transform: translateY(${t}px);
-`, ft = F.span(
-  ({ orientation: t, ...s }) => D`
-    position: absolute;
-    ${t === "vertical" ? bt(s) : mt(s)}
-    will-change: width, transform;
-    transition: medium;
-    transition-property: transform, width;
-  `
-);
-function W(t) {
-  var s = Fe.toArray(t);
-  return s.reduce(function(o, e) {
-    return e.type === Me ? o.concat(W(e.props.children)) : (o.push(e), o);
-  }, []);
-}
-const pe = (t) => {
-  if (!t || typeof window > "u") return 1;
-  const s = Number(window.getComputedStyle(t).scale);
-  return isNaN(s) ? pe(t.parentElement) : s;
-};
-function pt(t, s, o) {
-  const [e, n] = q({}), { height: r, width: m } = Ke();
-  return je(() => {
-    const c = t.current;
-    if (!c || !s) return;
-    const d = c.getBoundingClientRect(), a = s.getBoundingClientRect(), T = pe(c);
-    if (o === "vertical") {
-      const i = a.top - d.top, v = a.height;
-      n({
-        offset: i,
-        orientation: o,
-        size: v
-      });
-    } else {
-      const i = (a.left - d.left + c.scrollLeft) / T, v = a.width / T;
-      n({
-        offset: isNaN(i) ? 0 : i,
-        orientation: o,
-        size: isNaN(v) ? 0 : v
-      });
-    }
-  }, [t, s, m, r, o]), e;
-}
-const ve = ({ activeTab: t, listRef: s, orientation: o }) => {
-  const e = pt(s, t, o);
-  return /* @__PURE__ */ $(ft, { ...e });
-};
-ve.displayName = "ActiveBar";
-const vt = W.default || W;
-function It(t, s) {
-  const [o, e] = q(null);
-  return [vt(s).map((r) => r.props.id === t ? He(r, { ref: e }) : r), o];
-}
-const Ie = j(
-  ({ children: t, size: s = "md", store: o, ...e }, n) => {
-    const r = H(), m = We(n, r), { orientation: c, selectedId: d } = o.useState(), [a, T] = It(d, t);
-    return /* @__PURE__ */ ge(dt, { orientation: c, ref: m, size: s, store: o, ...e, children: [
-      a,
-      a.length > 1 && /* @__PURE__ */ $(ve, { activeTab: T, listRef: r, orientation: c })
-    ] });
-  }
-);
-Ie.displayName = "TabList";
-const Se = j(
-  ({ children: t, store: s, tabId: o, ...e }, n) => {
-    const r = s.useState("orientation");
-    return /* @__PURE__ */ $(ut, { orientation: r, ref: n, store: s, tabId: o, ...e, children: t });
-  }
-);
-Se.displayName = "TabPanel";
-const he = j(
-  ({ as: t, children: s, id: o, store: e, ...n }, r) => /* @__PURE__ */ $(
-    st,
-    {
-      id: o,
-      render: (m) => /* @__PURE__ */ $(fe, { as: t, ...m, ref: r }),
-      store: e,
-      ...n,
-      children: s
-    }
-  )
-);
-he.displayName = "Tab";
-const Rt = Object.assign(he, { List: Ie, Panel: Se });
-function Bt(t) {
-  return Ze(t);
-}
-export {
-  Rt as Tab,
-  he as TabComponent,
-  Bt as useTab
-};

package/dist/Tag.js

@@ -1,137 +0,0 @@
-"use client";
-import { jsxs as v, jsx as d } from "react/jsx-runtime";
-import { StyledIcon as C } from "./Icon.js";
-import { C as w } from "./index-Cz77RBGz.js";
-import { forwardRef as S } from "./System.js";
-import { w as b } from "./wrap-children-Do5tvTZP.js";
-import p, { th as o, system as j, css as s } from "@xstyled/styled-components";
-import { g } from "./get-max-width-height-DoUro2T7.js";
-import { o as h } from "./overflow-ellipsis-DGV5Kgt-.js";
-const k = (i, t, e) => s`
-  ${o(`tags.shape.${i}`)}
-  padding: 0;
-  ${(t || e) && s`
-    width: ${g(t || "0", e)};
-    height: ${g(t || "0", e)};
-  `}
-`, m = p.div.withConfig({
-  shouldForwardProp: (i) => !["hasClickAction", "hasLink", "hasRemoveAction"].includes(i)
-})(
-  ({ h: i, hasClickAction: t, hasLink: e, hasRemoveAction: a, length: r, size: n, variant: c, w: l }) => s`
-    ${o("tags.default")};
-    ${o(`tags.variants.${c}`)};
-    ${o(`tags.sizes.${n}`)}
-    position: relative;
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    line-height: initial; /* avoid cropped font */
-    transition: medium;
-    max-width: 100%;
-    ${h}
-    ${j}
-    ${r !== 1 && s`
-      span,
-      p {
-        ${h}
-      }
-    `}
-    ${r === 1 && !a && s`
-      justify-content: center;
-      ${k(n, l, i)};
-    `};
-
-    ${(e || t) && s`
-      cursor: pointer;
-      text-decoration: none;
-
-      &:hover,
-      &:focus {
-        ${o(`tags.hover.${c}`)};
-      }
-    `};
-
-    ${a && s`
-      padding-right: xl;
-    `}
-
-    > *:not(:last-child) {
-      margin-right: xxs;
-    }
-
-    & > svg {
-      width: ${o(`tags.icon.${n}`)};
-      height: ${o(`tags.icon.${n}`)};
-    }
-
-    > *:not(:only-child) {
-      ${/* sc-selector */
-  C}:last-child {
-        opacity: 1;
-        transition: opacity ${o.transition("medium")};
-        cursor: pointer;
-
-        &:hover {
-          opacity: 0.7;
-        }
-      }
-    }
-  `
-), I = p.divBox(
-  ({ size: i }) => s`
-    position: absolute;
-    ${o(`tags.sizes.${i}`)};
-    top: 0;
-    bottom: 0;
-    right: 0;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-  `
-), A = p.buttonBox`
-  all: unset;
-  display: flex;
-`, L = S(
-  ({
-    as: i,
-    children: t,
-    dataTestId: e,
-    href: a,
-    onClick: r,
-    onRemove: n,
-    size: c = "md",
-    to: l,
-    variant: $ = "default",
-    ...f
-  }, u) => {
-    const y = b(t), x = !!(t || t === 0) && ["number", "string"].includes(typeof t) ? t.toString().length : void 0;
-    return /* @__PURE__ */ v(
-      m,
-      {
-        as: i,
-        "data-testid": e,
-        hasClickAction: !!r,
-        hasLink: !!a || !!l,
-        hasRemoveAction: !!n,
-        href: a,
-        length: x,
-        onClick: r,
-        ref: u,
-        size: c,
-        to: l,
-        variant: $,
-        ...f,
-        children: [
-          y,
-          !!n && /* @__PURE__ */ d(I, { size: c, children: /* @__PURE__ */ d(A, { onClick: n, title: "Remove", type: "button", children: /* @__PURE__ */ d(w, { size: "xs", title: "Remove" }) }) })
-        ]
-      }
-    );
-  }
-);
-L.displayName = "Tag";
-const D = m;
-export {
-  D as StyledTag,
-  L as Tag
-};

package/dist/TailwindButton.css

@@ -1 +0,0 @@
-._root_1oj31_1{position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;border-style:solid;border-width:var(--border-width-button-default);transition-property:all;transition-duration:var(--transition-duration-button-default);outline:transparent solid var(--outline-width-button-default);font-weight:var(--font-weight-button-default);aspect-ratio:var(--aspectRatio, auto);height:var(--height);padding-inline:var(--paddingInline);border-radius:var(--borderRadius);font-size:var(--fontSize);color:var(--color);background-color:var(--backgroundColor);border-color:var(--borderColor)}._root_1oj31_1:focus,._root_1oj31_1:focus-visible{outline-color:var(--outlineColorFocus)}@media (hover: hover) and (pointer: fine){._root_1oj31_1:hover{background-color:var(--backgroundColorHover);border-color:var(--borderColorHover)}}._root_1oj31_1:active{background-color:var(--backgroundColorActive);border-color:var(--borderColorActive)}._root_1oj31_1:disabled,._root_1oj31_1[aria-disabled]{background-color:var(--backgroundColorDisabled);border-color:var(--borderColorDisabled);color:var(--colorDisabled);cursor:var(--cursorDisabled)}._root_1oj31_1:has(i[data-wui-icon-font]),._root_1oj31_1:has(svg[data-wui-icon]){padding-inline:var(--paddingInlineHasIcon)}._root_1oj31_1._pseudo-hover_1oj31_50{background-color:var(--backgroundColorHover);border-color:var(--borderColorHover)}._root_1oj31_1 i[data-wui-icon-font],._root_1oj31_1 svg[data-wui-icon]{display:inline-block}._root_1oj31_1 i[data-wui-icon-font]:first-child:not(:only-child),._root_1oj31_1 svg[data-wui-icon]:first-child:not(:only-child){margin-inline-end:var(--margin-inline-end-button-icon-first-and-not-only-child)}._root_1oj31_1 i[data-wui-icon-font]:last-child:not(:only-child),._root_1oj31_1 svg[data-wui-icon]:last-child:not(:only-child){margin-inline-start:var(--margin-inline-start-button-icon-last-and-not-only-child)}._shape-default_1oj31_70{--borderRadius: var(--border-radius-button-shape-default)}._shape-circle_1oj31_73{--borderRadius: var(--border-radius-button-shape-circle)}._shape-square_1oj31_76{--borderRadius: var(--border-radius-button-shape-square)}._shape-circle_1oj31_73._size-lg_1oj31_79,._shape-circle_1oj31_73._size-md_1oj31_79,._shape-circle_1oj31_73._size-sm_1oj31_79,._shape-circle_1oj31_73._size-xs_1oj31_79,._shape-square_1oj31_76._size-lg_1oj31_79,._shape-square_1oj31_76._size-md_1oj31_79,._shape-square_1oj31_76._size-sm_1oj31_79,._shape-square_1oj31_76._size-xs_1oj31_79{--aspectRatio: 1;--paddingInline: 0;--paddingInlineHasIcon: 0}._shape-circle_1oj31_73._size-lg_1oj31_79,._shape-square_1oj31_76._size-lg_1oj31_79{--fontSize: var(--font-size-button-icon-lg)}._shape-circle_1oj31_73._size-md_1oj31_79,._shape-square_1oj31_76._size-md_1oj31_79{--fontSize: var(--font-size-button-icon-md)}._shape-circle_1oj31_73._size-sm_1oj31_79,._shape-square_1oj31_76._size-sm_1oj31_79{--fontSize: var(--font-size-button-icon-sm)}._shape-circle_1oj31_73._size-xs_1oj31_79,._shape-square_1oj31_76._size-xs_1oj31_79{--fontSize: var(--font-size-button-icon-xs)}._size-lg_1oj31_79{--fontSize: var(--font-size-button-lg);--height: var(--height-button-lg);--paddingInline: var(--padding-inline-button-size-lg);--paddingInlineHasIcon: var(--padding-inline-button-with-icon-size-lg)}._size-md_1oj31_79{--fontSize: var(--font-size-button-md);--height: var(--height-button-md);--paddingInline: var(--padding-inline-button-size-md);--paddingInlineHasIcon: var(--padding-inline-button-with-icon-size-md)}._size-sm_1oj31_79{--fontSize: var(--font-size-button-sm);--height: var(--height-button-sm);--paddingInline: var(--padding-inline-button-size-sm);--paddingInlineHasIcon: var(--padding-inline-button-with-icon-size-sm)}._size-xs_1oj31_79{--fontSize: var(--font-size-button-xs);--height: var(--height-button-xs);--paddingInline: var(--padding-inline-button-size-xs);--paddingInlineHasIcon: var(--padding-inline-button-with-icon-size-xs)}._variant-disabled_1oj31_122{--backgroundColorDisabled: var(--background-color-button-disabled);--borderColorDisabled: var(--border-color-button-disabled);--colorDisabled: var(--color-button-disabled);--cursorDisabled: not-allowed;--outlineColorFocus: var(--outline-color-button-focus-disabled)}._variant-ghost_1oj31_129{--backgroundColorActive: var(--background-color-button-active-variant-ghost);--backgroundColorHover: var(--background-color-button-hover-variant-ghost);--borderColor: var(--border-color-button-variant-ghost);--borderColorActive: var(--border-color-button-active-variant-ghost);--borderColorHover: var(--border-color-button-hover-variant-ghost);--outlineColorFocus: var(--outline-color-button-focus-variant-ghost)}._variant-ghost-ai_1oj31_137{--backgroundColorActive: var(--background-color-button-active-variant-ghost-ai);--backgroundColorHover: var(--background-color-button-hover-variant-ghost-ai);--borderColor: var(--border-color-button-variant-ghost-ai);--borderColorActive: var(--border-color-button-active-variant-ghost-ai);--borderColorHover: var(--border-color-button-hover-variant-ghost-ai);--color: var(--color-button-variant-ghost-ai);--outlineColorFocus: var(--outline-color-button-focus-variant-ghost-ai)}._variant-ghost-danger_1oj31_146{--backgroundColorActive: var(--background-color-button-active-variant-ghost-danger);--backgroundColorHover: var(--background-color-button-hover-variant-ghost-danger);--borderColor: var(--border-color-button-variant-ghost-danger);--borderColorActive: var(--border-color-button-active-variant-ghost-danger);--borderColorHover: var(--border-color-button-hover-variant-ghost-danger);--color: var(--color-button-variant-ghost-danger);--outlineColorFocus: var(--outline-color-button-focus-variant-ghost-danger)}._variant-primary_1oj31_155{--backgroundColor: var(--background-color-button-variant-primary);--backgroundColorActive: var(--background-color-button-active-variant-primary);--backgroundColorHover: var(--background-color-button-hover-variant-primary);--borderColor: var(--border-color-button-variant-primary);--borderColorActive: var(--border-color-button-active-variant-primary);--borderColorHover: var(--border-color-button-hover-variant-primary);--outlineColorFocus: var(--outline-color-button-focus-variant-primary)}._variant-primary-ai_1oj31_164{--backgroundColor: var(--background-color-button-variant-primary-ai);--backgroundColorActive: var(--background-color-button-active-variant-primary-ai);--backgroundColorHover: var(--background-color-button-hover-variant-primary-ai);--borderColor: var(--border-color-button-variant-primary-ai);--borderColorActive: var(--border-color-button-active-variant-primary-ai);--borderColorHover: var(--border-color-button-hover-variant-primary-ai);--color: var(--color-button-variant-primary-ai);--outlineColorFocus: var(--outline-color-button-focus-variant-primary-ai)}._variant-primary-danger_1oj31_174{--backgroundColor: var(--background-color-button-variant-primary-danger);--backgroundColorActive: var(--background-color-button-active-variant-primary-danger);--backgroundColorHover: var(--background-color-button-hover-variant-primary-danger);--borderColor: var(--border-color-button-variant-primary-danger);--borderColorActive: var(--border-color-button-active-variant-primary-danger);--borderColorHover: var(--border-color-button-hover-variant-primary-danger);--color: var(--color-button-variant-primary-danger);--outlineColorFocus: var(--outline-color-button-focus-variant-primary-danger)}._variant-secondary_1oj31_184{--backgroundColor: var(--background-color-button-variant-secondary);--backgroundColorActive: var(--background-color-button-active-variant-secondary);--backgroundColorHover: var(--background-color-button-hover-variant-secondary);--borderColor: var(--border-color-button-variant-secondary);--borderColorActive: var(--border-color-button-active-variant-secondary);--borderColorHover: var(--border-color-button-hover-variant-secondary);--color: var(--color-button-variant-secondary);--outlineColorFocus: var(--outline-color-button-focus-variant-secondary)}._variant-tertiary_1oj31_194{--backgroundColor: var(--background-color-button-variant-tertiary);--backgroundColorActive: var(--background-color-button-active-variant-tertiary);--backgroundColorHover: var(--background-color-button-hover-variant-tertiary);--borderColor: var(--border-color-button-variant-tertiary);--outlineColorFocus: var(--outline-color-button-focus-variant-tertiary)}._variant-tertiary-ai_1oj31_201{--backgroundColor: var(--background-color-button-variant-tertiary-ai);--backgroundColorActive: var(--background-color-button-active-variant-tertiary-ai);--backgroundColorHover: var(--background-color-button-hover-variant-tertiary-ai);--borderColor: var(--border-color-button-variant-tertiary-ai);--color: var(--color-button-variant-tertiary-ai);--outlineColorFocus: var(--outline-color-button-focus-variant-tertiary-ai)}._variant-tertiary-danger_1oj31_209{--backgroundColor: var(--background-color-button-variant-tertiary-danger);--backgroundColorActive: var(--background-color-button-active-variant-tertiary-danger);--backgroundColorHover: var(--background-color-button-hover-variant-tertiary-danger);--borderColor: var(--border-color-button-variant-tertiary-danger);--color: var(--color-button-variant-tertiary-danger);--outlineColorFocus: var(--outline-color-button-focus-variant-tertiary-danger)}