welcome-ui 9.0.10 → 10.0.0-alpha.10

package/dist/Toggle.css

@@ -1 +1 @@
-@layer components{._root_1p0tb_2{transition-property:all;transition-duration:var(--duration-medium);transition-timing-function:var(--timing-primary);background-color:var(--color-neutral-10);border-color:var(--color-neutral-30);border-radius:var(--radius-xl);border-style:solid;border-width:var(--border-width-sm);position:relative;display:block;margin-top:var(--toggle-margin-top);outline:none!important;cursor:pointer;height:var(--toggle-height);width:var(--toggle-width)}._root_1p0tb_2:focus{border-color:var(--color-brand-30);box-shadow:0 0 0 var(--border-width-md) var(--color-brand-30)}._root_1p0tb_2:after{background-color:var(--color-neutral-10);border-color:var(--color-neutral-50);border-radius:var(--radius-circle);border-style:solid;border-width:var(--border-width-sm);content:"";top:0;bottom:0;left:var(--spacing-xxs);position:absolute;margin:auto;z-index:1;transition-property:all;transition-duration:var(--duration-medium);transition-timing-function:var(--timing-primary);height:var(--toggle-after-height);width:var(--toggle-after-height)}._root_1p0tb_2:disabled{background-color:var(--color-beige-40);border-color:var(--color-beige-60);cursor:not-allowed}._root_1p0tb_2:disabled:after{background-color:var(--color-beige-60);border-color:transparent}._root_1p0tb_2[aria-checked=true]:after{--toggle-computed-width: calc(var(--toggle-width) - 100% - .3rem);transform:translate(var(--toggle-computed-width))}._root_1p0tb_2[aria-checked=true]:not(:disabled){background-color:var(--color-brand-40);border-color:var(--color-brand-40)}._root_1p0tb_2[aria-checked=true]:not(:disabled):after{background-color:var(--color-neutral-10);border-color:var(--color-neutral-10)}._size-md_1p0tb_64{--toggle-margin-top: 0;--toggle-width: 2.75rem;--toggle-height: var(--height-24);--toggle-after-height: var(--height-20);--toggle-icon-height: var(--height-16);--toggle-icon-position-offset: var(--spacing-xs);--toggle-icon-font-size: var(--font-size-16)}._size-sm_1p0tb_73{--toggle-margin-top: .12rem;--toggle-width: 2.25rem;--toggle-height: var(--height-20);--toggle-after-height: var(--height-16);--toggle-icon-height: var(--height-12);--toggle-icon-position-offset: var(--spacing-xs);--toggle-icon-font-size: var(--font-size-12)}._size-xs_1p0tb_82{--toggle-margin-top: .32rem;--toggle-width: 1.75rem;--toggle-height: var(--height-16);--toggle-after-height: var(--height-12);--toggle-icon-height: var(--height-10);--toggle-icon-position-offset: var(--spacing-xxs);--toggle-icon-font-size: var(--font-size-10)}._wrapper_1p0tb_91{position:relative;display:inline-block;cursor:pointer;flex-shrink:0}._icon-wrapper_1p0tb_97{position:absolute;z-index:1;display:flex;align-items:center;height:var(--toggle-height);bottom:0;right:var(--toggle-icon-position-offset)}._icon-wrapper_1p0tb_97>svg,._icon-wrapper_1p0tb_97 i{font-size:var(--toggle-icon-font-size);height:var(--toggle-icon-height);width:var(--toggle-icon-height)}._icon-wrapper_1p0tb_97._checked_1p0tb_112{right:0;left:var(--toggle-icon-position-offset);color:var(--color-neutral-90)}}
+@layer components{._root_1czvn_2{position:relative;display:block;transition-property:all;transition-duration:var(--duration-medium);transition-timing-function:var(--timing-primary);border-radius:var(--components-dimensions-toggle-track-size-height-sm);border-style:solid;border-width:var(--components-dimensions-toggle-thumb-border-width);outline:none!important;cursor:pointer;background-color:var(--toggleBackgroundColor, --components-colors-toggle-track-color-background-unchecked-default);border-color:var(--toggleBorderColor, var(--components-colors-toggle-track-color-border-unchecked-default));height:var(--toggleHeight);width:var(--toggleWidth);box-shadow:var(--boxShadowColor, transparent) 0 0 0 var(--boxShadowSize, 0),var(--boxShadowInset, var(--inset-5)) inset}._root_1czvn_2:after{border-radius:var(--components-dimensions-toggle-track-border-radius);border-style:solid;border-width:var(--components-dimensions-toggle-thumb-border-width);content:"";top:0;bottom:0;left:var(--spacing-xxs);position:absolute;margin:auto;z-index:1;transition-property:all;transition-duration:var(--duration-medium);transition-timing-function:var(--timing-primary);background-color:var(--toggleAfterBackgroundColor, var(--components-colors-toggle-thumb-color-background-default));border-color:var(--toggleAfterBorderColor, var(--components-colors-toggle-thumb-color-border-default));height:var(--toggleAfterHeight);width:var(--toggleAfterHeight)}._root_1czvn_2[data-focus-visible],._root_1czvn_2:focus-visible{--boxShadowColor: var(--components-colors-toggle-track-color-background-checked-hover);--boxShadowSize: var(--components-dimensions-toggle-track-border-width-focused);--boxShadowInset: var(--inset-10)}._root_1czvn_2:hover:not(:disabled){--toggleBorderColor: var(--components-colors-toggle-track-color-border-unchecked-hover);--boxShadowInset: var(--inset-10)}._root_1czvn_2:disabled{cursor:not-allowed;--toggleBackgroundColor: var(--components-colors-toggle-track-color-background-disabled);--toggleBorderColor: var(--components-colors-toggle-track-color-border-disabled);--toggleAfterBackgroundColor: var(--components-colors-toggle-thumb-color-background-disabled);--toggleAfterBorderColor: var(--components-colors-toggle-thumb-color-background-disabled)}._root_1czvn_2[aria-checked=true]:after{--toggleComputedWidth: calc(var(--toggleWidth) - 100% - .3rem);transform:translate(var(--toggleComputedWidth))}._root_1czvn_2[aria-checked=true]:not(:disabled){--toggleBackgroundColor: var( --components-colors-toggle-track-color-background-checked-default );--toggleBorderColor: var(--components-colors-toggle-track-color-background-checked-default);--toggleAfterBorderColor: var( --components-colors-toggle-track-color-border-checked-default )}._root_1czvn_2[aria-checked=true]:not(:disabled):hover{--toggleBackgroundColor: var( --components-colors-toggle-track-color-background-checked-hover );--toggleBorderColor: var(--components-colors-toggle-track-color-background-checked-hover)}._root_1czvn_2[aria-checked=true]:not(:disabled):hover:after{--toggleAfterBorderColor: var( --components-colors-toggle-track-color-border-checked-hover )}._size-sm_1czvn_82{--toggleWidth: var(--components-dimensions-toggle-track-size-width-sm);--toggleHeight: var(--components-dimensions-toggle-track-size-height-sm);--toggleAfterHeight: var(--components-dimensions-toggle-thumb-size-sm);--toggleIconSize: var(--components-dimensions-toggle-track-size-icon-sm)}._size-md_1czvn_88{--toggleWidth: var(--components-dimensions-toggle-track-size-width-md);--toggleHeight: var(--components-dimensions-toggle-track-size-height-md);--toggleAfterHeight: var(--components-dimensions-toggle-thumb-size-md);--toggleIconSize: var(--components-dimensions-toggle-track-size-icon-md)}._size-lg_1czvn_94{--toggleWidth: var(--components-dimensions-toggle-track-size-width-lg);--toggleHeight: var(--components-dimensions-toggle-track-size-height-lg);--toggleAfterHeight: var(--components-dimensions-toggle-thumb-size-lg);--toggleIconSize: var(--components-dimensions-toggle-track-size-icon-lg)}._wrapper_1czvn_100{position:relative;display:inline-block;cursor:pointer;flex-shrink:0}._icon-wrapper_1czvn_106{position:absolute;z-index:1;display:flex;align-items:center;bottom:var(--spacing-xs);right:var(--spacing-xs)}._icon-wrapper_1czvn_106 svg{width:var(--toggleIconSize);height:var(--toggleIconSize);color:var(--toggleIconColor, var(--components-colors-toggle-track-color-icon-default))}._icon-wrapper_1czvn_106._checked_1czvn_120{right:0;left:var(--spacing-xs)}._icon-wrapper_1czvn_106._disabled_1czvn_124{--toggleIconColor: var(--components-colors-toggle-track-color-icon-disabled)}}

package/dist/Toggle.js

@@ -1,42 +1,50 @@
 "use client";
-import { jsxs as b, jsx as _ } from "react/jsx-runtime";
-import { C as d } from "./KPUWHTQJ-CKDqSAor.js";
-import { forwardRef as w } from "react";
-import { useField as x } from "./Field.js";
-import { c as f } from "./index-PAaZGbyz.js";
-const z = "_root_1p0tb_2", g = "_wrapper_1p0tb_91", h = "_checked_1p0tb_112", u = {
-  root: z,
-  "size-md": "_size-md_1p0tb_64",
-  "size-sm": "_size-sm_1p0tb_73",
-  "size-xs": "_size-xs_1p0tb_82",
-  wrapper: g,
-  "icon-wrapper": "_icon-wrapper_1p0tb_97",
-  checked: h
-}, r = f(u), C = w(
-  ({ checked: s, checkedIcon: o, className: i, disabled: a, onClick: e, size: t = "xs", uncheckedIcon: p, ...c }, m) => {
-    const { getInputProps: n } = x(), l = o && p;
-    return /* @__PURE__ */ b("div", { className: r("wrapper"), onClick: e, children: [
-      l ? /* @__PURE__ */ _(
+import './Toggle.css';
+import { jsxs as z, jsx as e } from "react/jsx-runtime";
+import { a as v } from "./KPUWHTQJ-Dv3cAqjP.js";
+import { forwardRef as g } from "react";
+import { useField as f } from "./Field.js";
+import { Icon as n } from "./Icon.js";
+import { c as h } from "./index-PAaZGbyz.js";
+const w = "_root_1czvn_2", k = "_wrapper_1czvn_100", u = "_checked_1czvn_120", x = "_disabled_1czvn_124", N = {
+  root: w,
+  "size-sm": "_size-sm_1czvn_82",
+  "size-md": "_size-md_1czvn_88",
+  "size-lg": "_size-lg_1czvn_94",
+  wrapper: k,
+  "icon-wrapper": "_icon-wrapper_1czvn_106",
+  checked: u,
+  disabled: x
+}, c = h(N), b = g(
+  ({ checked: o, className: a, disabled: s, onClick: i, size: r = "md", withVisibilityIcon: t, ...l }, p) => {
+    const { getInputProps: m } = f(), _ = m(l), d = s ? null : i;
+    return /* @__PURE__ */ z("div", { className: c("wrapper"), onClick: d, children: [
+      t ? /* @__PURE__ */ e(
         "div",
         {
-          className: r("icon-wrapper", `size-${t}`, s && "checked"),
-          onClick: e,
-          children: s ? o : p
+          className: c(
+            "icon-wrapper",
+            `size-${r}`,
+            o && "checked",
+            s && "disabled"
+          ),
+          children: o ? /* @__PURE__ */ e(n, { name: "eye" }) : /* @__PURE__ */ e(n, { name: "eye-slash" })
         }
       ) : null,
-      /* @__PURE__ */ _(
-        d,
+      /* @__PURE__ */ e(
+        v,
         {
-          checked: s,
-          className: r("root", `size-${t}`, i),
-          disabled: a,
-          ref: m,
-          ...n(c)
+          checked: o,
+          className: c("root", `size-${r}`, a),
+          disabled: s,
+          ref: p,
+          ..._
         }
       )
     ] });
   }
 );
+b.displayName = "Toggle";
 export {
-  C as Toggle
+  b as Toggle
 };

package/dist/Tooltip.css

@@ -1 +1 @@
-@layer components{._root_1d43p_2{background-color:var(--color-neutral-90);border:var(--border-width-sm) solid var(--color-neutral-60);border-radius:var(--radius-md);box-sizing:border-box;color:var(--color-neutral-10);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);max-width:12.5rem;padding:var(--spacing-xs) var(--spacing-sm);transition-property:opacity,visibility;transition-duration:var(--duration-medium);z-index:10;visibility:var(--visibility, hidden);opacity:var(--opacity, 0)}._root_1d43p_2[data-enter=true]{--visibility: visible;--opacity: 1}._childItem_1d43p_22{display:inline-block}}
+@layer components{._root_11jvu_2{display:flex;flex-direction:column;gap:var(--components-dimensions-tooltip-gap-content);background-color:var(--components-colors-tooltip-color-background);border:var(--components-dimensions-tooltip-border-width) solid var(--components-colors-tooltip-color-border);border-radius:var(--components-dimensions-tooltip-border-radius);box-sizing:border-box;color:var(--components-colors-tooltip-color-text);max-width:12.5rem;padding:var(--components-dimensions-tooltip-padding-block) var(--components-dimensions-tooltip-padding-inline);transition-property:opacity,visibility;transition-duration:var(--duration-medium);z-index:10;visibility:var(--visibility, hidden);opacity:var(--opacity, 0);box-shadow:var(--elevation-20)}._root_11jvu_2[data-enter=true]{--visibility: visible;--opacity: 1}._childItem_11jvu_24{display:inline-block}}

package/dist/Tooltip.js

@@ -1,24 +1,26 @@
 "use client";
-import { jsx as T, jsxs as $, Fragment as Y } from "react/jsx-runtime";
-import { H as J, a as K, u as Q, c as U, b as X, d as Z, e as ee } from "./GVVKDT6A-BnYN-H7C.js";
-import { e as te, f as x, c as H, b as A, _ as C, i as N, x as oe, a as b, d as z, z as g, q as re, S as ne, u as y, G as D, H as P, I as O } from "./OE2EFRVA-C3721cM3.js";
-import { c as se } from "./NI3IVY7K-DxnarnKs.js";
-import { a as F, c as L, b as ae, d as M, u as ie } from "./RTNCFSKZ-P4icqVD0.js";
-import ue, { useRef as le, useEffect as w, forwardRef as ce, useState as pe, useCallback as de } from "react";
+import './Tooltip.css';
+import { jsx as h, jsxs as C, Fragment as J } from "react/jsx-runtime";
+import { H as K, a as Q, u as U, b as X, c as Z, d as ee } from "./GVVKDT6A-CF9ejW_c.js";
+import { e as te, f as $, c as B, b as F, _ as M, i as D, k as oe, a as P, d as L, E as x, w as re, V as ne, u as g, A as V, z as E, B as y } from "./OE2EFRVA-Dg1R6gaC.js";
+import { c as se } from "./NI3IVY7K-Dy240mkD.js";
+import { d as A, c as z, u as ae, a as I, b as ie } from "./RTNCFSKZ-BywELldk.js";
+import ue, { useRef as le, useEffect as H, forwardRef as ce, useState as de, useCallback as pe } from "react";
+import { Text as R } from "./Text.js";
 import { c as ve } from "./index-PAaZGbyz.js";
-var k = te(
-  [K],
-  [J]
-), me = k.useContext, V = k.useProviderContext, fe = k.ScopedContextProvider, Se = "div", he = H(
-  function(r) {
-    var t = r, {
+var W = te(
+  [Q],
+  [K]
+), w = W.useProviderContext, me = W.ScopedContextProvider, fe = "div", he = B(
+  function(n) {
+    var o = n, {
       store: e,
-      portal: c = !0,
+      portal: p = !0,
       gutter: s = 8,
-      preserveTabOrder: v = !1,
+      preserveTabOrder: m = !1,
       hideOnHoverOutside: d = !0,
       hideOnInteractOutside: f = !0
-    } = t, a = C(t, [
+    } = o, a = M(o, [
       "store",
       "portal",
       "gutter",
@@ -26,207 +28,196 @@ var k = te(
       "hideOnHoverOutside",
       "hideOnInteractOutside"
     ]);
-    const p = V();
-    e = e || p, N(
+    const c = w();
+    e = e || c, D(
       e,
       process.env.NODE_ENV !== "production" && "Tooltip must receive a `store` prop or be wrapped in a TooltipProvider component."
     ), a = oe(
       a,
-      (i) => /* @__PURE__ */ T(fe, { value: e, children: i }),
+      (i) => /* @__PURE__ */ h(me, { value: e, children: i }),
       [e]
     );
     const S = e.useState(
       (i) => i.type === "description" ? "tooltip" : "none"
     );
-    return a = b({ role: S }, a), a = Q(z(b({}, a), {
+    return a = P({ role: S }, a), a = U(L(P({}, a), {
       store: e,
-      portal: c,
+      portal: p,
       gutter: s,
-      preserveTabOrder: v,
+      preserveTabOrder: m,
       hideOnHoverOutside(i) {
-        if (g(d, i)) return !1;
+        if (x(d, i)) return !1;
         const u = e == null ? void 0 : e.getState().anchorElement;
         return u ? !("focusVisible" in u.dataset) : !0;
       },
       hideOnInteractOutside: (i) => {
-        if (g(f, i)) return !1;
+        if (x(f, i)) return !1;
         const u = e == null ? void 0 : e.getState().anchorElement;
         return u ? !re(u, i.target) : !0;
       }
     })), a;
   }
-), Te = se(
-  x(function(r) {
-    const t = he(r);
-    return A(Se, t);
+), Se = se(
+  $(function(n) {
+    const o = he(n);
+    return F(fe, o);
   }),
-  V
-), be = "div", m = L({
+  w
+), Te = "div", v = z({
   activeStore: null
 });
-function j(o) {
+function j(t) {
   return () => {
-    const { activeStore: r } = m.getState();
-    r === o && m.setState("activeStore", null);
+    const { activeStore: n } = v.getState();
+    n === t && v.setState("activeStore", null);
   };
 }
-var _e = H(
-  function(r) {
-    var t = r, { store: e, showOnHover: c = !0 } = t, s = C(t, ["store", "showOnHover"]);
-    const v = V();
-    e = e || v, N(
+var be = B(
+  function(n) {
+    var o = n, { store: e, showOnHover: p = !0 } = o, s = M(o, ["store", "showOnHover"]);
+    const m = w();
+    e = e || m, D(
       e,
       process.env.NODE_ENV !== "production" && "TooltipAnchor must receive a `store` prop or be wrapped in a TooltipProvider component."
     );
     const d = le(!1);
-    w(() => F(e, ["mounted"], (n) => {
-      n.mounted || (d.current = !1);
-    }), [e]), w(() => {
+    H(() => A(e, ["mounted"], (r) => {
+      r.mounted || (d.current = !1);
+    }), [e]), H(() => {
       if (e)
         return ne(
           // Immediately remove the current store from the global store when
           // the component unmounts. This is useful, for example, to avoid
           // showing tooltips immediately on serial tests.
           j(e),
-          F(e, ["mounted", "skipTimeout"], (n) => {
+          A(e, ["mounted", "skipTimeout"], (r) => {
             if (!e) return;
-            if (n.mounted) {
-              const { activeStore: h } = m.getState();
-              return h !== e && (h == null || h.hide()), m.setState("activeStore", e);
+            if (r.mounted) {
+              const { activeStore: T } = v.getState();
+              return T !== e && (T == null || T.hide()), v.setState("activeStore", e);
             }
             const l = setTimeout(
               j(e),
-              n.skipTimeout
+              r.skipTimeout
             );
             return () => clearTimeout(l);
           })
         );
     }, [e]);
-    const f = s.onMouseEnter, a = y((n) => {
-      f == null || f(n), d.current = !0;
-    }), p = s.onFocusVisible, S = y((n) => {
-      p == null || p(n), !n.defaultPrevented && (e == null || e.setAnchorElement(n.currentTarget), e == null || e.show());
-    }), i = s.onBlur, u = y((n) => {
-      if (i == null || i(n), n.defaultPrevented) return;
-      const { activeStore: l } = m.getState();
-      d.current = !1, l === e && m.setState("activeStore", null);
-    }), _ = e.useState("type"), E = e.useState((n) => {
+    const f = s.onMouseEnter, a = g((r) => {
+      f == null || f(r), d.current = !0;
+    }), c = s.onFocusVisible, S = g((r) => {
+      c == null || c(r), !r.defaultPrevented && (e == null || e.setAnchorElement(r.currentTarget), e == null || e.show());
+    }), i = s.onBlur, u = g((r) => {
+      if (i == null || i(r), r.defaultPrevented) return;
+      const { activeStore: l } = v.getState();
+      d.current = !1, l === e && v.setState("activeStore", null);
+    }), b = e.useState("type"), _ = e.useState((r) => {
       var l;
-      return (l = n.contentElement) == null ? void 0 : l.id;
+      return (l = r.contentElement) == null ? void 0 : l.id;
     });
-    return s = z(b({
-      "aria-labelledby": _ === "label" ? E : void 0
+    return s = L(P({
+      "aria-labelledby": b === "label" ? _ : void 0
     }, s), {
       onMouseEnter: a,
       onFocusVisible: S,
       onBlur: u
-    }), s = U(b({
+    }), s = X(P({
       store: e,
-      showOnHover(n) {
-        if (!d.current || g(c, n)) return !1;
-        const { activeStore: l } = m.getState();
+      showOnHover(r) {
+        if (!d.current || x(p, r)) return !1;
+        const { activeStore: l } = v.getState();
         return l ? (e == null || e.show(), !1) : !0;
       }
     }, s)), s;
   }
-), Ee = x(function(r) {
-  const t = _e(r);
-  return A(be, t);
-}), Pe = "div", Oe = H(
-  function(r) {
-    var t = r, { store: e, size: c = 16 } = t, s = C(t, ["store", "size"]);
-    const v = me();
-    return e = e || v, N(
-      e,
-      process.env.NODE_ENV !== "production" && "TooltipArrow must be wrapped in a Tooltip component."
-    ), s = X(b({ store: e, size: c }, s)), s;
-  }
-), ye = x(function(r) {
-  const t = Oe(r);
-  return A(Pe, t);
+), _e = $(function(n) {
+  const o = be(n);
+  return F(Te, o);
 });
-function ge(o = {}) {
-  var r;
-  process.env.NODE_ENV !== "production" && o.type === "label" && console.warn(
+function Ee(t = {}) {
+  var n;
+  process.env.NODE_ENV !== "production" && t.type === "label" && console.warn(
     "The `type` option on the tooltip store is deprecated.",
     "Render a visually hidden label or use the `aria-label` or `aria-labelledby` attributes on the anchor element instead.",
     "See https://ariakit.org/components/tooltip#tooltip-anchors-must-have-accessible-names"
   );
-  const t = (r = o.store) == null ? void 0 : r.getState(), e = Z(D(O({}, o), {
-    placement: P(
-      o.placement,
-      t == null ? void 0 : t.placement,
+  const o = (n = t.store) == null ? void 0 : n.getState(), e = Z(V(y({}, t), {
+    placement: E(
+      t.placement,
+      o == null ? void 0 : o.placement,
       "top"
     ),
-    hideTimeout: P(o.hideTimeout, t == null ? void 0 : t.hideTimeout, 0)
-  })), c = D(O({}, e.getState()), {
-    type: P(o.type, t == null ? void 0 : t.type, "description"),
-    skipTimeout: P(o.skipTimeout, t == null ? void 0 : t.skipTimeout, 300)
-  }), s = L(c, e, o.store);
-  return O(O({}, e), s);
+    hideTimeout: E(t.hideTimeout, o == null ? void 0 : o.hideTimeout, 0)
+  })), p = V(y({}, e.getState()), {
+    type: E(t.type, o == null ? void 0 : o.type, "description"),
+    skipTimeout: E(t.skipTimeout, o == null ? void 0 : o.skipTimeout, 300)
+  }), s = z(p, e, t.store);
+  return y(y({}, e), s);
 }
-function we(o, r, t) {
-  return M(o, t, "type"), M(o, t, "skipTimeout"), ee(o, r, t);
+function ye(t, n, o) {
+  return I(t, o, "type"), I(t, o, "skipTimeout"), ee(t, n, o);
 }
-function xe(o = {}) {
-  const [r, t] = ae(ge, o);
-  return we(r, t, o);
+function Pe(t = {}) {
+  const [n, o] = ae(Ee, t);
+  return ye(n, o, t);
 }
-const He = "_root_1d43p_2", Ae = "_childItem_1d43p_22", Ce = {
-  root: He,
-  childItem: Ae
-}, B = ve(Ce), Fe = ce(
+const ge = "_root_11jvu_2", Oe = "_childItem_11jvu_24", xe = {
+  root: ge,
+  childItem: Oe
+}, O = ve(xe), He = ce(
   ({
-    children: o,
-    className: r = "",
-    content: t,
+    children: t,
+    className: n = "",
+    content: o,
     fixed: e = !1,
-    gutter: c = 8,
+    gutter: p = 8,
     placement: s = e ? "top" : "bottom",
-    withArrow: v = !1,
+    title: m,
     ...d
   }, f) => {
-    var I;
-    const a = xe({ animated: 300, placement: s }), { anchorElement: p, mounted: S, popoverElement: i } = ie(a), { render: u, setState: _ } = a, [E, n] = pe({ x: 0, y: 0 }), l = () => {
+    var k;
+    const a = Pe({ animated: 300, placement: s }), { anchorElement: c, mounted: S, popoverElement: i } = ie(a), { render: u, setState: b } = a, [_, r] = de({ x: 0, y: 0 }), l = () => {
       i && Object.assign(i.style, {
         display: S ? "block" : "none",
-        left: `${E.x}px`,
+        left: `${_.x}px`,
         position: "absolute",
-        top: `${E.y + window.scrollY + 20}px`
+        top: `${_.y + window.scrollY + 20}px`
       });
-    }, h = de(() => {
-      _("animating", !1);
-    }, [_]), q = (I = o == null ? void 0 : o.props) != null && I.disabled ? ue.Children.only(/* @__PURE__ */ T("span", { className: B("childItem"), children: o })) : o;
-    return w(() => {
-      function R({ clientX: G, clientY: W }) {
-        n({ x: G, y: W }), u();
+    }, T = pe(() => {
+      b("animating", !1);
+    }, [b]), Y = (k = t == null ? void 0 : t.props) != null && k.disabled ? ue.Children.only(/* @__PURE__ */ h("span", { className: O("childItem"), children: t })) : t;
+    return H(() => {
+      function N({ clientX: q, clientY: G }) {
+        r({ x: q, y: G }), u();
       }
-      if (p && !e)
-        return p.addEventListener("mousemove", R), () => {
-          p.removeEventListener("mousemove", R);
+      if (c && !e)
+        return c.addEventListener("mousemove", N), () => {
+          c.removeEventListener("mousemove", N);
         };
-    }, [u, e, p]), t ? /* @__PURE__ */ $(Y, { children: [
-      /* @__PURE__ */ T(Ee, { render: q, store: a }),
-      /* @__PURE__ */ $(
-        Te,
+    }, [u, e, c]), o ? /* @__PURE__ */ C(J, { children: [
+      /* @__PURE__ */ h(_e, { render: Y, store: a }),
+      /* @__PURE__ */ C(
+        Se,
         {
-          className: B("root", r),
+          className: O("root", n),
           fixed: e,
-          gutter: c,
-          onTransitionEnd: h,
+          gutter: p,
+          onTransitionEnd: T,
           ref: f,
-          render: /* @__PURE__ */ T("div", { ...d }),
+          render: /* @__PURE__ */ h("div", { ...d }),
           store: a,
           updatePosition: e ? void 0 : l,
           children: [
-            v ? /* @__PURE__ */ T(ye, {}) : null,
-            t
+            m ? /* @__PURE__ */ h(R, { as: "span", className: O("title"), variant: "label-md-strong", children: m }) : null,
+            /* @__PURE__ */ h(R, { as: "span", variant: "body-md-strong", children: o })
           ]
         }
       )
-    ] }) : o;
+    ] }) : t;
   }
 );
+He.displayName = "Tooltip";
 export {
-  Fe as Tooltip
+  He as Tooltip
 };

package/dist/VariantIcon.css

@@ -1 +1 @@
-@layer components{._root_1gsuu_2{display:inline-flex;flex-shrink:0;align-self:center;color:var(--color, var(--color-neutral-60))}._variant-ai_1gsuu_9{--color: var(--color-violet-70)}._variant-danger_1gsuu_12{--color: var(--color-red-70)}._variant-info_1gsuu_15{--color: var(--color-blue-60)}._variant-success_1gsuu_18{--color: var(--color-green-60)}._variant-warning_1gsuu_21{--color: var(--color-orange-60)}}
+@layer components{._root_iop02_2{display:inline-flex;flex-shrink:0;align-self:center;color:var(--color, var(--color-icon-neutral-subtle))}._variant-ai_iop02_9{--color: var(--color-violet-70)}._variant-danger_iop02_12{--color: var(--color-icon-danger-subtle)}._variant-info_iop02_15{--color: var(--color-icon-information-subtle)}._variant-success_iop02_18{--color: var(--color-icon-success-subtle)}._variant-warning_iop02_21{--color: var(--color-icon-warning-subtle)}}

package/dist/VariantIcon.js

@@ -1,28 +1,29 @@
 "use client";
+import './VariantIcon.css';
 import { jsx as n } from "react/jsx-runtime";
-import { forwardRef as c } from "react";
-import "./Icon-BisRi8B3.js";
-import { A as e, C as u, I as _, a as m, S as g, P as v } from "./index-Cvtm6uuS.js";
-import { c as I } from "./index-PAaZGbyz.js";
-const f = "_root_1gsuu_2", p = {
-  root: f,
-  "variant-ai": "_variant-ai_1gsuu_9",
-  "variant-danger": "_variant-danger_1gsuu_12",
-  "variant-info": "_variant-info_1gsuu_15",
-  "variant-success": "_variant-success_1gsuu_18",
-  "variant-warning": "_variant-warning_1gsuu_21"
-}, l = I(p), h = c(
-  ({ className: o, size: r = "md", variant: a, ...s }, t) => {
-    const i = {
-      ai: g,
-      danger: m,
-      info: _,
-      success: u,
-      warning: e
-    }[a] || v;
-    return /* @__PURE__ */ n("div", { ...s, className: l("root", a && `variant-${a}`, o), ref: t, children: /* @__PURE__ */ n(i, { size: r }) });
+import { forwardRef as s } from "react";
+import { Icon as e } from "./Icon.js";
+import { c as _ } from "./index-PAaZGbyz.js";
+const m = "_root_iop02_2", p = {
+  root: m,
+  "variant-ai": "_variant-ai_iop02_9",
+  "variant-danger": "_variant-danger_iop02_12",
+  "variant-info": "_variant-info_iop02_15",
+  "variant-success": "_variant-success_iop02_18",
+  "variant-warning": "_variant-warning_iop02_21"
+}, l = _(p), v = s(
+  ({ className: o, size: i = "md", variant: a, ...r }, c) => {
+    const t = {
+      ai: "sparkles",
+      danger: "exclamation-octagon",
+      info: "info-circle",
+      success: "check-circle",
+      warning: "exclamation-circle"
+    }[a];
+    return /* @__PURE__ */ n("div", { ...r, className: l("root", a && `variant-${a}`, o), ref: c, children: /* @__PURE__ */ n(e, { name: t, size: i }) });
   }
 );
+v.displayName = "VariantIcon";
 export {
-  h as VariantIcon
+  v as VariantIcon
 };

package/dist/VisuallyHidden.css

@@ -0,0 +1 @@
+@layer components{._root_w3556_2{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}}

package/dist/VisuallyHidden.js

@@ -0,0 +1,15 @@
+"use client";
+import './VisuallyHidden.css';
+import { jsx as r } from "react/jsx-runtime";
+import { c as a } from "./index-PAaZGbyz.js";
+import { f as e } from "./forwardRefWithAs-8eP3ZN15.js";
+import "react";
+const i = "_root_w3556_2", m = {
+  root: i
+}, c = a(m), l = e(
+  ({ as: o = "span", children: s }, t) => /* @__PURE__ */ r(o, { className: c("root"), ref: t, children: s })
+);
+l.displayName = "VisuallyHidden";
+export {
+  l as VisuallyHidden
+};

package/dist/WelcomeLoader.js

@@ -5078,7 +5078,7 @@ const Fs = "5.7.6", Is = 30, Ls = 0, Vs = 80, Rs = 300, Os = 300, Bs = "Loader_W
   assets: Ds,
   layers: Ns,
   markers: zs
-}, Ws = Ps(), Ys = Cs(
+}, Ws = Ps(), Gs = Cs(
   ({ className: Fi, ...ci }, ae) => {
     const Vt = {
       animationData: qs,
@@ -5087,6 +5087,7 @@ const Fs = "5.7.6", Is = 30, Ls = 0, Vs = 80, Rs = 300, Os = 300, Bs = "Loader_W
     return /* @__PURE__ */ As("div", { className: Ws("w-150", Fi), ref: ae, ...ci, children: vi });
   }
 );
+Gs.displayName = "WelcomeLoader";
 export {
-  Ys as WelcomeLoader
+  Gs as WelcomeLoader
 };

package/dist/XCKGTAUF-CJwwVibW.js

@@ -0,0 +1,25 @@
+"use client";
+import { u as f } from "./2W3RN7C5-DMC82gDP.js";
+import { f as c, c as m, b as i, Q as B, R as u, d as l, v, a as d } from "./OE2EFRVA-Dg1R6gaC.js";
+import { useRef as N, useState as g, useEffect as R } from "react";
+var s = "button", _ = m(
+  function(t) {
+    const e = N(null), a = B(e, s), [n, o] = g(
+      () => !!a && u({ tagName: a, type: t.type })
+    );
+    return R(() => {
+      e.current && o(u(e.current));
+    }, []), t = l(d({
+      role: !n && a !== "a" ? "button" : void 0
+    }, t), {
+      ref: v(e, t.ref)
+    }), t = f(t), t;
+  }
+), P = c(function(t) {
+  const e = _(t);
+  return i(s, e);
+});
+export {
+  P as B,
+  _ as u
+};

package/dist/{Y67KZUMI-CtXJ_hZt.js → Y67KZUMI-BwLWwpNF.js}

@@ -1,6 +1,6 @@
 "use client";
-import { g as o, k as r } from "./T22PY7TE-BxbmImwX.js";
-import { e as t } from "./OE2EFRVA-C3721cM3.js";
+import { g as o, k as r } from "./T22PY7TE-gLuJpoOm.js";
+import { e as t } from "./OE2EFRVA-Dg1R6gaC.js";
 var e = t(
   [r],
   [o]
@@ -9,7 +9,7 @@ e.useScopedContext;
 var i = e.useProviderContext, n = e.ContextProvider, s = e.ScopedContextProvider;
 export {
   s as P,
-  n as a,
-  x as b,
-  i as u
+  i as a,
+  n as b,
+  x as u
 };

package/dist/{ZTXFEM5L-BEA_1pIo.js → ZTXFEM5L-WGHY_jqg.js}

@@ -1,7 +1,7 @@
 "use client";
-import { u } from "./NMGNQVTG-a9HpYqEe.js";
-import { b as c } from "./T22PY7TE-BxbmImwX.js";
-import { f as l, c as p, b as D, _ as m, i as g, a, C as v } from "./OE2EFRVA-C3721cM3.js";
+import { u } from "./NMGNQVTG-DRO2uXZT.js";
+import { b as c } from "./T22PY7TE-gLuJpoOm.js";
+import { f as l, c as p, b as D, _ as m, i as g, a, H as v } from "./OE2EFRVA-Dg1R6gaC.js";
 var f = "button", d = p(
   function(r) {
     var s = r, { store: o } = s, e = m(s, ["store"]);