@spear-ai/spectral 1.3.62 → 1.3.63

package/dist/Tabs.js

@@ -2,7 +2,7 @@ import "./styles/main.css";
 import { jsxs as f, jsx as l } from "react/jsx-runtime";
 import { TabsBase as w, TabsList as N, TabsTrigger as T, TabsContent as z } from "./Tabs/TabsBase.js";
 import { validateTabValues as k, getTabKeys as E } from "./Tabs/tabsUtils.js";
-import { c as r } from "./twUtils-CRiPKpXj.js";
+import { cn as a } from "./utils/twUtils.js";
 import "react";
 const j = ({
   tabCount: n,
@@ -11,7 +11,7 @@ const j = ({
   /* @__PURE__ */ l(
     "div",
     {
-      className: r(
+      className: a(
         "inline-flex w-full items-center justify-start",
         s === "horizontal" && "border-b border-neutral-600",
         s === "vertical" && "flex-col items-stretch border-r border-neutral-600"
@@ -19,7 +19,7 @@ const j = ({
       children: Array.from({ length: Math.min(n, 5) }, (i, t) => /* @__PURE__ */ l(
         "div",
         {
-          className: r(
+          className: a(
             "animate-pulse rounded bg-neutral-600",
             s === "horizontal" ? "mx-2 my-2 h-6 w-16" : "mx-2 my-1 h-6 w-full"
           ),
@@ -37,7 +37,7 @@ const j = ({
   openOnLoad: i,
   orientation: t = "horizontal",
   tabValues: o = [],
-  variant: a = "default",
+  variant: r = "default",
   activationMode: v = "automatic",
   loading: m = !1,
   onError: d,
@@ -84,7 +84,7 @@ const j = ({
     w,
     {
       "aria-label": n,
-      className: r("relative w-full data-[orientation=vertical]:flex", a, s),
+      className: a("relative w-full data-[orientation=vertical]:flex", r, s),
       defaultValue: c,
       orientation: t,
       activationMode: v,
@@ -94,14 +94,14 @@ const j = ({
         /* @__PURE__ */ l(
           N,
           {
-            className: r(
+            className: a(
               "inline-flex w-full items-center justify-start",
-              t === "horizontal" && a === "default" && ["border-tabs-border border-b"],
-              t === "vertical" && a === "default" && [
+              t === "horizontal" && r === "default" && ["border-tabs-border border-b"],
+              t === "vertical" && r === "default" && [
                 "border-tabs-border relative m-0 h-auto w-auto flex-col items-stretch border-r py-1"
               ],
-              t === "horizontal" && a === "enclosed" && ["bg-tabs-group-bg relative rounded-lg border-0 p-1"],
-              t === "vertical" && a === "enclosed" && ["bg-tabs-group-bg w-auto flex-col rounded-lg border-0 p-1"]
+              t === "horizontal" && r === "enclosed" && ["bg-tabs-group-bg relative rounded-lg border-0 p-1"],
+              t === "vertical" && r === "enclosed" && ["bg-tabs-group-bg w-auto flex-col rounded-lg border-0 p-1"]
             ),
             children: o.filter((e) => e.key !== null).map((e) => /* @__PURE__ */ l(
               T,
@@ -110,16 +110,16 @@ const j = ({
                 disabled: e.disabled,
                 "aria-label": e["aria-label"],
                 "aria-describedby": e["aria-describedby"],
-                className: r(
+                className: a(
                   "relative font-semibold whitespace-nowrap transition-all duration-500 ease-in-out focus:outline-none focus-visible:outline-none",
-                  t === "horizontal" && a === "default" && ["text-text-primary hover:text-accent hover:bg-tabs-bg--hover px-4 py-2"],
-                  t === "vertical" && a === "default" && [
+                  t === "horizontal" && r === "default" && ["text-text-primary hover:text-accent hover:bg-tabs-bg--hover px-4 py-2"],
+                  t === "vertical" && r === "default" && [
                     "text-text-primary data-[state=active]:text-accent hover:text-accent hover:bg-tabs-bg--hover flex h-10 items-center px-4 py-2"
                   ],
-                  t === "horizontal" && a === "enclosed" && [
+                  t === "horizontal" && r === "enclosed" && [
                     "text-text-primary data-[state=active]:text-accent hover:text-accent hover:bg-tabs-bg--hover z-[1] inline-flex items-center justify-center px-4 py-2"
                   ],
-                  t === "vertical" && a === "enclosed" && [
+                  t === "vertical" && r === "enclosed" && [
                     "text-text-primary data-[state=active]:text-accent hover:text-accent hover:bg-tabs-bg--hover z-[1] px-4 py-2"
                   ],
                   "disabled:hover:text-text-primary disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:bg-transparent"
@@ -134,7 +134,7 @@ const j = ({
           z,
           {
             value: e.key,
-            className: r(
+            className: a(
               "focus-visible:outline-accent text-text-primary focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2",
               t === "horizontal" && "px-4 py-6",
               t === "vertical" && "py-0 ps-8",

package/dist/Textarea.js

@@ -1,7 +1,7 @@
 "use client";
 import "./styles/main.css";
 import { jsxs as l, jsx as e } from "react/jsx-runtime";
-import { useTextarea as B } from "./Textarea/TextareaUtils.js";
+import { useTextarea as z } from "./Textarea/TextareaUtils.js";
 import "./Icons/AnnotationsIcon.js";
 import "./Icons/CalendarIcon.js";
 import "./Icons/CheckCircleIcon.js";
@@ -29,9 +29,10 @@ import "./Icons/LabelIcon.js";
 import "./Icons/LassoIcon.js";
 import "./Icons/LineToolIcon.js";
 import "./Icons/LiveViewIcon.js";
-import { LoaderIcon as D } from "./Icons/LoaderIcon.js";
+import { LoaderIcon as B } from "./Icons/LoaderIcon.js";
 import "./Icons/LocationIcon.js";
 import "./Icons/LogoutIcon.js";
+import "./Icons/MessagesIcon.js";
 import "./Icons/MetadataIcon.js";
 import "./Icons/MinusIcon.js";
 import "./Icons/OntologyIcon.js";
@@ -49,78 +50,76 @@ import "./Icons/WarningIcon.js";
 import "./Icons/ZoomAllIcon.js";
 import "./Icons/ZoomXIcon.js";
 import "./Icons/ZoomYIcon.js";
-import { Label as E } from "./Label.js";
-import { useFormFieldId as O, getAriaProps as _, getErrorMessageId as $, getTextareaClasses as G, useFormFieldState as M } from "./utils/formFieldUtils.js";
-import { c as f } from "./twUtils-CRiPKpXj.js";
-import { forwardRef as V, useRef as H } from "react";
-const J = "absolute right-4 top-4", K = (r) => r || "off", Q = (r, t) => {
+import { Label as D } from "./Label.js";
+import { useFormFieldId as E, getAriaProps as O, getErrorMessageId as _, getTextareaClasses as $, useFormFieldState as G } from "./utils/formFieldUtils.js";
+import { cn as h } from "./utils/twUtils.js";
+import { forwardRef as M, useRef as V } from "react";
+const H = "absolute right-4 top-4", J = (r) => r || "off", K = (r, t) => {
   const o = "absolute bottom-2 right-3 text-xs pointer-events-none z-10 tabular-nums", a = r >= t ? "text-danger-400" : "text-text-secondary";
-  return f(o, a);
-}, U = V(
+  return h(o, a);
+}, Q = M(
   ({
     className: r,
     state: t = "default",
     errorMessage: o,
     name: a,
-    id: h,
+    id: f,
     label: n,
     placeholder: g,
     value: s = "",
-    onFocus: b,
-    onBlur: C,
+    onFocus: C,
+    onBlur: b,
     onChange: N,
     disabled: F,
     required: d,
     maxLength: i = 280,
     autoComplete: I,
-    autoCorrect: v = "off",
     ...c
-  }, S) => {
-    const m = O(h, a), u = $(m), y = H(null), P = S || y, { handleFocus: w, handleBlur: A, handleChange: R, handlePaste: T } = B({
+  }, v) => {
+    const m = E(f, a), u = _(m), S = V(null), y = v || S, { handleFocus: P, handleBlur: w, handleChange: A, handlePaste: R } = z({
       maxLength: i,
       value: s,
       onChange: N,
-      onFocus: b,
-      onBlur: C
-    }), { isDisabled: x, isLoading: L } = M(F, t), j = _(t, d, u, c["aria-describedby"]), p = s?.length || 0, k = G(t, r), z = () => ({
+      onFocus: C,
+      onBlur: b
+    }), { isDisabled: x, isLoading: T } = G(F, t), L = O(t, d, u, c["aria-describedby"]), p = s?.length || 0, j = $(t, r), k = () => ({
       "--textarea-min-height": "6rem",
       "--textarea-max-height": "12rem",
       "--textarea-border-radius": "0.5rem"
     });
     return /* @__PURE__ */ l("div", { className: "w-full", "data-testid": "textarea-root", children: [
-      n && /* @__PURE__ */ e(E, { htmlFor: m, className: f("mb-2 block", x && "cursor-not-allowed opacity-50"), children: n }),
+      n && /* @__PURE__ */ e(D, { htmlFor: m, className: h("mb-2 block", x && "cursor-not-allowed opacity-50"), children: n }),
       /* @__PURE__ */ l("div", { className: "relative", "data-testid": "textarea-wrapper", children: [
         /* @__PURE__ */ e(
           "textarea",
           {
-            ref: P,
-            name: a,
-            id: m,
-            value: s,
+            "aria-multiline": "true",
+            autoComplete: J(I),
+            className: j,
+            "data-state": t,
+            "data-testid": "textarea-textarea",
             disabled: x,
-            required: d,
-            ...j,
-            autoComplete: K(I),
-            className: k,
-            onFocus: w,
-            onBlur: A,
-            onChange: R,
-            onPaste: T,
+            id: m,
+            name: a,
+            onBlur: w,
+            onChange: A,
+            onFocus: P,
+            onPaste: R,
             placeholder: g,
-            ...c,
-            "data-testid": "textarea-textarea",
-            "data-state": t,
-            autoCorrect: v,
-            "aria-multiline": "true",
+            ref: y,
+            required: d,
             spellCheck: "true",
-            style: z()
+            style: k(),
+            value: s,
+            ...L,
+            ...c
           }
         ),
-        L && /* @__PURE__ */ e("div", { className: J, "data-testid": "textarea-loading-icon", children: /* @__PURE__ */ e(D, { size: 24 }) }),
+        T && /* @__PURE__ */ e("div", { className: H, "data-testid": "textarea-loading-icon", children: /* @__PURE__ */ e(B, { size: 24 }) }),
         /* @__PURE__ */ l(
           "div",
           {
-            className: Q(p, i),
+            className: K(p, i),
             role: "status",
             "aria-live": "polite",
             "aria-label": `${p} of ${i} characters used`,
@@ -136,7 +135,7 @@ const J = "absolute right-4 top-4", K = (r) => r || "off", Q = (r, t) => {
         "p",
         {
           id: u,
-          className: "text-danger-400 mt-1.5 text-base",
+          className: "!text-danger-300 mt-1.5 text-sm",
           "data-testid": "textarea-error-message",
           "aria-live": "polite",
           "aria-atomic": "true",
@@ -146,7 +145,7 @@ const J = "absolute right-4 top-4", K = (r) => r || "off", Q = (r, t) => {
     ] });
   }
 );
-U.displayName = "Textarea";
+Q.displayName = "Textarea";
 export {
-  U as Textarea
+  Q as Textarea
 };

package/dist/Toggle.js

@@ -2,8 +2,8 @@
 import "./styles/main.css";
 import { jsx as g } from "react/jsx-runtime";
 import { ToggleBase as n } from "./Toggle/ToggleBase.js";
-import { c as s } from "./twUtils-CRiPKpXj.js";
-import { c as d } from "./index-CRBC94ik.js";
+import { cn as s } from "./utils/twUtils.js";
+import { c as d } from "./index-D29mdTf5.js";
 import { forwardRef as l } from "react";
 const v = d(
   `

package/dist/ToggleGroup.js

@@ -3,7 +3,7 @@ import "./styles/main.css";
 import { jsx as d } from "react/jsx-runtime";
 import { ToggleGroupItemBase as p, ToggleGroupBase as f } from "./ToggleGroup/ToggleGroupBase.js";
 import { toggleVariants as m } from "./Toggle.js";
-import { c as l } from "./twUtils-CRiPKpXj.js";
+import { cn as l } from "./utils/twUtils.js";
 import { createContext as c, forwardRef as v, useContext as b } from "react";
 const g = c({
   size: "default",

package/dist/Tooltip/TooltipBase.js

@@ -2,27 +2,27 @@
 import "../styles/main.css";
 import { jsx as D } from "react/jsx-runtime";
 import { createForwardedRef as N } from "../utils/refs.js";
-import { c as z } from "../twUtils-CRiPKpXj.js";
+import { cn as z } from "../utils/twUtils.js";
 import { createContext as X, forwardRef as L, useMemo as Y, useRef as E, useEffect as k, useCallback as g, useState as I, useContext as M, useId as A } from "react";
 import { createPortal as S } from "react-dom";
 const F = X(null), V = L(function({
   children: a,
   delayDuration: u = 700,
-  skipDelayDuration: c = 300,
+  skipDelayDuration: l = 300,
   disableHoverableContent: d = !1
 }) {
-  const l = Y(
-    () => ({ delayDuration: u, skipDelayDuration: c, disableHoverableContent: d }),
-    [u, c, d]
+  const c = Y(
+    () => ({ delayDuration: u, skipDelayDuration: l, disableHoverableContent: d }),
+    [u, l, d]
   );
-  return /* @__PURE__ */ D(F.Provider, { value: l, children: a });
+  return /* @__PURE__ */ D(F.Provider, { value: c, children: a });
 }), K = X(null), Z = ({
   children: h,
   open: a,
   defaultOpen: u,
-  onOpenChange: c,
+  onOpenChange: l,
   side: d = "top",
-  align: l = "center",
+  align: c = "center",
   sideOffset: f = 0,
   alignOffset: y = 0,
   avoidCollisions: p = !0,
@@ -37,23 +37,23 @@ const F = X(null), V = L(function({
     delayDuration: t ?? r.delayDuration
   }, [e, o] = I(!!u), i = typeof a == "boolean", w = i ? a : e, v = g(
     (x) => {
-      i || o(x), c?.(x);
+      i || o(x), l?.(x);
     },
-    [i, c]
+    [i, l]
   ), T = E(null), b = A(), C = Y(
     () => ({
       open: w,
       setOpen: v,
       triggerRef: T,
       contentId: b,
-      options: { side: d, align: l, sideOffset: f, alignOffset: y, avoidCollisions: p },
+      options: { side: d, align: c, sideOffset: f, alignOffset: y, avoidCollisions: p },
       provider: m,
       arrowPadding: 4
     }),
-    [w, v, d, l, f, y, p, m]
+    [w, v, d, c, f, y, p, m]
   );
   return /* @__PURE__ */ D(K.Provider, { value: C, children: h });
-}, _ = L(function({ asChild: a, onPointerEnter: u, onPointerLeave: c, onFocus: d, onBlur: l, onKeyDown: f, ...y }, p) {
+}, _ = L(function({ asChild: a, onPointerEnter: u, onPointerLeave: l, onFocus: d, onBlur: c, onKeyDown: f, ...y }, p) {
   const t = H(), { provider: r } = t, m = N(t.triggerRef, p), e = E(null), o = E(null), i = E(0), w = () => {
     e.current && window.clearTimeout(e.current), o.current && window.clearTimeout(o.current), e.current = null, o.current = null;
   };
@@ -70,9 +70,9 @@ const F = X(null), V = L(function({
     [u, v]
   ), C = g(
     (s) => {
-      c?.(s), (s.pointerType === "mouse" || s.pointerType === "pen") && (o.current = window.setTimeout(() => t.setOpen(!1), 0));
+      l?.(s), (s.pointerType === "mouse" || s.pointerType === "pen") && (o.current = window.setTimeout(() => t.setOpen(!1), 0));
     },
-    [c, t.setOpen]
+    [l, t.setOpen]
   ), x = g(
     (s) => {
       d?.(s), v();
@@ -80,9 +80,9 @@ const F = X(null), V = L(function({
     [d, v]
   ), B = g(
     (s) => {
-      l?.(s), T();
+      c?.(s), T();
     },
-    [l, T]
+    [c, T]
   ), P = g(
     (s) => {
       f?.(s), s.key === "Escape" && T();
@@ -105,9 +105,9 @@ const F = X(null), V = L(function({
 }), tt = L(function({
   className: a,
   style: u,
-  forceMount: c,
+  forceMount: l,
   container: d,
-  onPointerEnter: l,
+  onPointerEnter: c,
   onPointerLeave: f,
   children: y,
   arrowPadding: p = 4,
@@ -140,15 +140,15 @@ const F = X(null), V = L(function({
   }, [e.open, e.setOpen]);
   const C = g(
     (n) => {
-      l?.(n), e.provider.disableHoverableContent || e.setOpen(!0);
+      c?.(n), e.provider.disableHoverableContent || e.setOpen(!0);
     },
-    [l, e.provider.disableHoverableContent, e.setOpen]
+    [c, e.provider.disableHoverableContent, e.setOpen]
   ), x = g(
     (n) => {
       f?.(n), e.provider.disableHoverableContent || e.setOpen(!1);
     },
     [f, e.provider.disableHoverableContent, e.setOpen]
-  ), B = e.open || c ? /* @__PURE__ */ D(
+  ), B = e.open || l ? /* @__PURE__ */ D(
     "div",
     {
       ...r,
@@ -171,15 +171,15 @@ const F = X(null), V = L(function({
     }
   ) : null, P = typeof document < "u" ? d ?? document.body : null;
   return P ? S(B, P) : null;
-}), et = L(function({ width: a = 16, height: u = 16, className: c, style: d, ...l }, f) {
+}), et = L(function({ width: a = 16, height: u = 16, className: l, style: d, ...c }, f) {
   const y = H();
   return /* @__PURE__ */ D(
     "div",
     {
-      ...l,
+      ...c,
       ref: f,
       "aria-hidden": !0,
-      className: z("pointer-events-none", c),
+      className: z("pointer-events-none", l),
       style: {
         width: a,
         height: u,
@@ -208,12 +208,12 @@ function R(h, a, u) {
   return Math.max(a, Math.min(u, h));
 }
 function j(h, a, u) {
-  const { side: c, align: d, sideOffset: l, alignOffset: f, avoidCollisions: y, arrowPadding: p } = u, t = h.getBoundingClientRect(), r = a.getBoundingClientRect(), m = window.innerWidth, e = window.innerHeight;
+  const { side: l, align: d, sideOffset: c, alignOffset: f, avoidCollisions: y, arrowPadding: p } = u, t = h.getBoundingClientRect(), r = a.getBoundingClientRect(), m = window.innerWidth, e = window.innerHeight;
   let o = 0, i = 0;
   const w = t.left + t.width / 2 - r.width / 2, v = t.left, T = t.right - r.width, b = t.top + t.height / 2 - r.height / 2, C = t.top, x = t.bottom - r.height, B = d === "start" ? v : d === "end" ? T : w, P = d === "start" ? C : d === "end" ? x : b;
-  c === "top" ? (o = B + f, i = t.top - r.height - l) : c === "bottom" ? (o = B + f, i = t.bottom + l) : c === "left" ? (o = t.left - r.width - l, i = P + f) : (o = t.right + l, i = P + f);
-  let n = c;
-  y && (c === "top" && i < 0 ? (n = "bottom", i = t.bottom + l) : c === "bottom" && i + r.height > e ? (n = "top", i = t.top - r.height - l) : c === "left" && o < 0 ? (n = "right", o = t.right + l) : c === "right" && o + r.width > m && (n = "left", o = t.left - r.width - l));
+  l === "top" ? (o = B + f, i = t.top - r.height - c) : l === "bottom" ? (o = B + f, i = t.bottom + c) : l === "left" ? (o = t.left - r.width - c, i = P + f) : (o = t.right + c, i = P + f);
+  let n = l;
+  y && (l === "top" && i < 0 ? (n = "bottom", i = t.bottom + c) : l === "bottom" && i + r.height > e ? (n = "top", i = t.top - r.height - c) : l === "left" && o < 0 ? (n = "right", o = t.right + c) : l === "right" && o + r.width > m && (n = "left", o = t.left - r.width - c));
   let s = t.left + t.width / 2, O = t.top + t.height / 2;
   return n === "top" && (O = i + r.height, s = R(t.left + t.width / 2, o + p, o + r.width - p)), n === "bottom" && (O = i, s = R(t.left + t.width / 2, o + p, o + r.width - p)), n === "left" && (s = o + r.width, O = R(t.top + t.height / 2, i + p, i + r.height - p)), n === "right" && (s = o, O = R(t.top + t.height / 2, i + p, i + r.height - p)), a.style.setProperty("--arrow-x", `${s - o}px`), a.style.setProperty("--arrow-y", `${O - i}px`), a.dataset.side = n, { x: o, y: i, placing: n, arrowX: s, arrowY: O };
 }

package/dist/Tooltip.js

@@ -2,13 +2,13 @@
 import "./styles/main.css";
 import { jsx as u, jsxs as H } from "react/jsx-runtime";
 import * as a from "react";
-import { c as K, b as W, d as J, a as S, P as Q, e as C, f as Z } from "./index-CA7haECj.js";
-import { D as ee } from "./index-cCg4yNa8.js";
-import { c as G, R as te, A as oe, a as re, C as ne } from "./index-FeGk8zep.js";
-import { P as ae } from "./index-VXXKXen4.js";
-import { P as j } from "./index-CBwRmAsQ.js";
-import { R as se } from "./index-Cfyte2YO.js";
-import { c as ie } from "./twUtils-CRiPKpXj.js";
+import { c as K, u as W, a as S, P as J, b as C, f as Q } from "./index-BhufZRa2.js";
+import { P as Z, D as ee } from "./index-B2oBi8ng.js";
+import { u as te } from "./index-CVSxKOPp.js";
+import { c as G, R as oe, a as re, A as ne, C as ae } from "./index-NzygPVvJ.js";
+import { P as j } from "./index-6Abv_Flm.js";
+import { R as se } from "./index-CGALWSq_.js";
+import { cn as ie } from "./utils/twUtils.js";
 var [O] = K("Tooltip", [
   G
 ]), D = G(), F = "TooltipProvider", le = 700, A = "tooltip.open", [ce, k] = O(F), z = (e) => {
@@ -56,7 +56,7 @@ var R = "Tooltip", [ue, _] = O(R), $ = (e) => {
     onOpenChange: l,
     disableHoverableContent: i,
     delayDuration: v
-  } = e, s = k(R, e.__scopeTooltip), d = D(o), [c, f] = a.useState(null), h = W(), p = a.useRef(0), m = i ?? s.disableHoverableContent, T = v ?? s.delayDuration, g = a.useRef(!1), [y, x] = J({
+  } = e, s = k(R, e.__scopeTooltip), d = D(o), [c, f] = a.useState(null), h = te(), p = a.useRef(0), m = i ?? s.disableHoverableContent, T = v ?? s.delayDuration, g = a.useRef(!1), [y, x] = W({
     prop: r,
     defaultProp: n ?? !1,
     onChange: (N) => {
@@ -74,7 +74,7 @@ var R = "Tooltip", [ue, _] = O(R), $ = (e) => {
   }, [T, x]);
   return a.useEffect(() => () => {
     p.current && (window.clearTimeout(p.current), p.current = 0);
-  }, []), /* @__PURE__ */ u(te, { ...d, children: /* @__PURE__ */ u(
+  }, []), /* @__PURE__ */ u(oe, { ...d, children: /* @__PURE__ */ u(
     ue,
     {
       scope: o,
@@ -100,8 +100,8 @@ $.displayName = R;
 var L = "TooltipTrigger", B = a.forwardRef(
   (e, o) => {
     const { __scopeTooltip: t, ...r } = e, n = _(L, t), l = k(L, t), i = D(t), v = a.useRef(null), s = S(o, v, n.onTriggerChange), d = a.useRef(!1), c = a.useRef(!1), f = a.useCallback(() => d.current = !1, []);
-    return a.useEffect(() => () => document.removeEventListener("pointerup", f), [f]), /* @__PURE__ */ u(re, { asChild: !0, ...i, children: /* @__PURE__ */ u(
-      Q.button,
+    return a.useEffect(() => () => document.removeEventListener("pointerup", f), [f]), /* @__PURE__ */ u(ne, { asChild: !0, ...i, children: /* @__PURE__ */ u(
+      J.button,
       {
         "aria-describedby": n.open ? n.contentId : void 0,
         "data-state": n.stateAttribute,
@@ -130,7 +130,7 @@ var M = "TooltipPortal", [pe, de] = O(M, {
   forceMount: void 0
 }), U = (e) => {
   const { __scopeTooltip: o, forceMount: t, children: r, container: n } = e, l = _(M, o);
-  return /* @__PURE__ */ u(pe, { scope: o, forceMount: t, children: /* @__PURE__ */ u(j, { present: t || l.open, children: /* @__PURE__ */ u(ae, { asChild: !0, container: n, children: r }) }) });
+  return /* @__PURE__ */ u(pe, { scope: o, forceMount: t, children: /* @__PURE__ */ u(j, { present: t || l.open, children: /* @__PURE__ */ u(Z, { asChild: !0, container: n, children: r }) }) });
 };
 U.displayName = M;
 var b = "TooltipContent", V = a.forwardRef(
@@ -164,7 +164,7 @@ var b = "TooltipContent", V = a.forwardRef(
       return document.addEventListener("pointermove", m), () => document.removeEventListener("pointermove", m);
     }
   }, [s, c, i, d, h]), /* @__PURE__ */ u(Y, { ...e, ref: l });
-}), [ve, he] = O(R, { isInside: !1 }), me = Z("TooltipContent"), Y = a.forwardRef(
+}), [ve, he] = O(R, { isInside: !1 }), me = Q("TooltipContent"), Y = a.forwardRef(
   (e, o) => {
     const {
       __scopeTooltip: t,
@@ -191,7 +191,7 @@ var b = "TooltipContent", V = a.forwardRef(
         onFocusOutside: (f) => f.preventDefault(),
         onDismiss: c,
         children: /* @__PURE__ */ H(
-          ne,
+          ae,
           {
             "data-state": s.stateAttribute,
             ...d,
@@ -222,7 +222,7 @@ var q = "TooltipArrow", X = a.forwardRef(
     return he(
       q,
       t
-    ).isInside ? null : /* @__PURE__ */ u(oe, { ...n, ...r, ref: o });
+    ).isInside ? null : /* @__PURE__ */ u(re, { ...n, ...r, ref: o });
   }
 );
 X.displayName = q;

package/dist/Tray/TrayStoriesData.d.ts

@@ -0,0 +1,39 @@
+import { ReactNode } from 'react';
+export declare function Button({ children, onClick }: {
+    children: ReactNode;
+    onClick: () => void;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function SecondaryButton({ children, onClick, className, }: {
+    children: ReactNode;
+    onClick: () => void;
+    className: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function Header({ icon, title, description }: {
+    icon: ReactNode;
+    title: string;
+    description: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function Phrase({ setView }: {
+    setView: (view: string) => void;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function Key({ setView }: {
+    setView: (view: string) => void;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function RemoveWallet({ setView }: {
+    setView: (view: string) => void;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function DefaultView({ setView }: {
+    setView: (view: string) => void;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function RecoveryPhraseIcon(): import("react/jsx-runtime").JSX.Element;
+export declare function ShieldIcon(): import("react/jsx-runtime").JSX.Element;
+export declare function PassIcon(): import("react/jsx-runtime").JSX.Element;
+export declare function BannedIcon(): import("react/jsx-runtime").JSX.Element;
+export declare function FaceIDIcon(): import("react/jsx-runtime").JSX.Element;
+export declare function DangerIcon(): import("react/jsx-runtime").JSX.Element;
+export declare function CloseIcon(): import("react/jsx-runtime").JSX.Element;
+export declare function LockIcon(): import("react/jsx-runtime").JSX.Element;
+export declare function WarningIcon(): import("react/jsx-runtime").JSX.Element;
+export declare function PhraseIcon(): import("react/jsx-runtime").JSX.Element;
+export declare function CrossIcon(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TrayStoriesData.d.ts.map