@spear-ai/spectral 1.4.12 → 1.4.14

package/dist/Accordion.js

@@ -66,10 +66,10 @@ import "./Icons/ZoomYIcon.js";
 import { useAccordionAutoScroll as ue } from "./hooks/useAccordionAutoScroll.js";
 import * as f from "react";
 import u, { createContext as fe, forwardRef as w, Children as ve, isValidElement as Ce, cloneElement as ge, useContext as be, useRef as Ae, useCallback as he } from "react";
-import { c as z, u as V, P as I, b as B, a as U, d as xe } from "./index-BhufZRa2.js";
-import { c as ye, u as Ie } from "./index-UEFPWH8U.js";
-import { P as Re } from "./index-6Abv_Flm.js";
-import { u as q } from "./index-CVSxKOPp.js";
+import { c as z, e as V, P as I, b as B, u as U, f as xe } from "./index-CfypDjr2.js";
+import { c as ye, u as Ie } from "./index-DvqEQspb.js";
+import { P as Re } from "./index-DdOwqCfb.js";
+import { u as q } from "./index-CDYW5LDR.js";
 import { cn as _ } from "./utils/twUtils.js";
 var P = "Collapsible", [Ne, J] = z(P), [we, $] = Ne(P), Y = f.forwardRef(
   (e, i) => {

package/dist/Button.js

@@ -56,7 +56,7 @@ const N = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]], _ = w
   }, v = u(j({ variant: e, state: t, size: a }), t === "error" && i.error[e], t === "loading" && i.loading[e], l);
   return /* @__PURE__ */ s("div", { className: u("flex flex-col justify-items-center", a), children: [
     /* @__PURE__ */ s("button", { "aria-disabled": r, className: v, "data-state": t, "data-testid": g || `spectral-button-${e}`, disabled: r, ref: m, type: p, ...x, children: [
-      d && /* @__PURE__ */ o("span", { className: "flex pr-2", "aria-hidden": !0, "data-testid": "spectral-button-start-icon", children: d }),
+      d && /* @__PURE__ */ o("span", { className: "flex pr-1", "aria-hidden": !0, "data-testid": "spectral-button-start-icon", children: d }),
       t === "loading" && /* @__PURE__ */ o(_, { className: "ml-2 animate-spin", size: 16 }),
       c,
       n && t !== "loading" && /* @__PURE__ */ o("span", { className: "flex pl-2", "aria-hidden": !0, "data-testid": "spectral-button-end-icon", children: n })

package/dist/Dialog.d.ts

@@ -1,16 +1,21 @@
-import { DialogCloseBase, DialogContentBase, DialogDescriptionBase, DialogFooterBase, DialogHeaderBase, DialogOverlayBase, DialogPortalBase, DialogTitleBase, DialogTriggerBase, DialogBaseProps } from './DialogBase';
 import { ComponentProps } from 'react';
-declare function Dialog({ ...props }: DialogBaseProps): import("react/jsx-runtime").JSX.Element;
-declare function DialogTrigger({ dataTestId, ...props }: ComponentProps<typeof DialogTriggerBase>): import("react/jsx-runtime").JSX.Element;
-declare function DialogPortal({ ...props }: ComponentProps<typeof DialogPortalBase>): import("react/jsx-runtime").JSX.Element;
-declare function DialogClose({ dataTestId, ...props }: ComponentProps<typeof DialogCloseBase>): import("react/jsx-runtime").JSX.Element;
-declare function DialogOverlay({ className, dataTestId, ...props }: ComponentProps<typeof DialogOverlayBase>): import("react/jsx-runtime").JSX.Element;
-declare function DialogContent({ className, children, dataTestId, onInteractOutside, onPointerDownOutside, onEscapeKeyDown, ...props }: ComponentProps<typeof DialogContentBase> & {
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+declare function Dialog({ isOpen, modal, ...props }: Omit<ComponentProps<typeof DialogPrimitive.Root>, 'open'> & {
+    isOpen?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function DialogTrigger({ ...props }: ComponentProps<typeof DialogPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function DialogPortal({ ...props }: ComponentProps<typeof DialogPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
+declare function DialogClose({ ...props }: ComponentProps<typeof DialogPrimitive.Close>): import("react/jsx-runtime").JSX.Element;
+declare function DialogOverlay({ className, ...props }: ComponentProps<typeof DialogPrimitive.Overlay>): import("react/jsx-runtime").JSX.Element;
+declare function DialogContent({ className, children, showCloseButton, onEscapeKeyDown, onInteractOutside, onPointerDownOutside, ...props }: ComponentProps<typeof DialogPrimitive.Content> & {
     showCloseButton?: boolean;
+    onEscapeKeyDown?: (event: KeyboardEvent) => void;
+    onInteractOutside?: (event: PointerEvent | FocusEvent) => void;
+    onPointerDownOutside?: (event: PointerEvent) => void;
 }): import("react/jsx-runtime").JSX.Element;
-declare function DialogHeader({ className, dataTestId, ...props }: ComponentProps<typeof DialogHeaderBase>): import("react/jsx-runtime").JSX.Element;
-declare function DialogFooter({ className, dataTestId, ...props }: ComponentProps<typeof DialogFooterBase>): import("react/jsx-runtime").JSX.Element;
-declare function DialogTitle({ className, dataTestId, ...props }: ComponentProps<typeof DialogTitleBase>): import("react/jsx-runtime").JSX.Element;
-declare function DialogDescription({ className, dataTestId, ...props }: ComponentProps<typeof DialogDescriptionBase>): import("react/jsx-runtime").JSX.Element;
+declare function DialogHeader({ className, ...props }: ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function DialogFooter({ className, ...props }: ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function DialogTitle({ className, ...props }: ComponentProps<typeof DialogPrimitive.Title>): import("react/jsx-runtime").JSX.Element;
+declare function DialogDescription({ className, ...props }: ComponentProps<typeof DialogPrimitive.Description>): import("react/jsx-runtime").JSX.Element;
 export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger };
 //# sourceMappingURL=Dialog.d.ts.map

package/dist/Dialog.js

@@ -1,79 +1,97 @@
 import "./styles/main.css";
-import { jsx as e, jsxs as n, Fragment as c } from "react/jsx-runtime";
-import { DialogBase as f, DialogCloseBase as u, useDialogContext as m, DialogContentBase as p, DialogDescriptionBase as x, DialogFooterBase as D, DialogHeaderBase as T, DialogOverlayBase as b, DialogPortalBase as B, DialogTitleBase as y, DialogTriggerBase as I } from "./Dialog/DialogBase.js";
-import { cn as l } from "./utils/twUtils.js";
+import { jsx as e, jsxs as s } from "react/jsx-runtime";
+import { CloseIcon as g } from "./Icons/CloseIcon.js";
+import { R as p, C as i, a as f, D as u, O as m, P as x, T as b, b as h } from "./index-BFu0M-5-.js";
+import { cn as o } from "./utils/twUtils.js";
 import "react";
-function j({ ...a }) {
-  return /* @__PURE__ */ e(f, { "data-slot": "dialog", "data-testid": "spectral-dialog", ...a });
+function T({
+  isOpen: t,
+  modal: a = !1,
+  ...l
+}) {
+  return /* @__PURE__ */ e(p, { open: t, modal: a, "data-slot": "dialog", "data-testid": "spectral-dialog", ...l });
 }
-function z({ dataTestId: a, ...t }) {
-  return /* @__PURE__ */ e(I, { asChild: !0, "data-slot": "dialog-trigger", dataTestId: a || "dialog-trigger", ...t });
+function z({ ...t }) {
+  return /* @__PURE__ */ e(h, { asChild: !0, "data-testid": "spectral-dialog-trigger", ...t });
 }
-function F({ ...a }) {
-  return /* @__PURE__ */ e(B, { "data-slot": "dialog-portal", "data-testid": "dialog-portal", ...a });
+function v({ ...t }) {
+  return /* @__PURE__ */ e(x, { "data-slot": "dialog-portal", "data-testid": "dialog-portal", ...t });
 }
-function H({ dataTestId: a, ...t }) {
-  return /* @__PURE__ */ e(u, { "data-slot": "dialog-close", dataTestId: a || "dialog-close", ...t });
+function j({ ...t }) {
+  return /* @__PURE__ */ e(i, { "aria-label": "close", "data-slot": "dialog-close", "data-testid": "spectral-dialog-close", ...t });
 }
-function h({ className: a, dataTestId: t, ...o }) {
+function y({ className: t, ...a }) {
   return /* @__PURE__ */ e(
-    b,
+    m,
     {
-      className: l("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-bg-primary/50", a),
+      className: o("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50 backdrop-blur-sm", t),
       "data-slot": "dialog-overlay",
-      dataTestId: t || "dialog-overlay",
-      ...o
+      "data-testid": "spectral-dialog-overlay",
+      ...a
     }
   );
 }
 function O({
-  className: a,
-  children: t,
-  dataTestId: o,
-  onInteractOutside: i,
-  onPointerDownOutside: d,
-  onEscapeKeyDown: s,
-  ...r
+  className: t,
+  children: a,
+  showCloseButton: l = !0,
+  onEscapeKeyDown: d,
+  onInteractOutside: r,
+  onPointerDownOutside: n,
+  ...c
 }) {
-  const { modal: g } = m();
-  return /* @__PURE__ */ n(c, { children: [
-    g && /* @__PURE__ */ e(h, {}),
-    /* @__PURE__ */ e(
-      p,
+  return /* @__PURE__ */ s(v, { "data-slot": "dialog-portal", "data-testid": "spectral-dialog-portal", children: [
+    /* @__PURE__ */ e(y, {}),
+    /* @__PURE__ */ s(
+      f,
       {
-        className: l("bg-dialog-bg fixed px-6 pt-6 pb-6 has-[[data-slot=dialog-footer]]:pb-0 top-[50%] left-[50%] z-50 flex flex-col w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg shadow-lg duration-200 max-w-lg", a),
+        className: o("bg-dialog-bg fixed px-6 pt-6 pb-6 has-[[data-slot=dialog-footer]]:pb-0 top-[50%] left-[50%] z-50 flex flex-col w-full max-w-xl translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg shadow-lg duration-200 max-h-[80vh] overflow-y-auto", t),
         "data-slot": "dialog-content",
-        dataTestId: o || "dialog-content",
-        onEscapeKeyDown: s,
-        onInteractOutside: i,
-        onPointerDownOutside: d,
-        ...r,
-        children: t
+        "data-testid": "spectral-dialog-content",
+        onEscapeKeyDown: d,
+        onInteractOutside: r,
+        onPointerDownOutside: n,
+        ...c,
+        children: [
+          a,
+          l && /* @__PURE__ */ s(
+            i,
+            {
+              className: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0",
+              "data-slot": "dialog-close",
+              "data-testid": "spectral-dialog-close",
+              children: [
+                /* @__PURE__ */ e(g, { size: 16 }),
+                /* @__PURE__ */ e("span", { className: "sr-only", children: "Close" })
+              ]
+            }
+          )
+        ]
       }
     )
   ] });
 }
-function P({ className: a, dataTestId: t, ...o }) {
-  return /* @__PURE__ */ e(T, { className: l("flex flex-col gap-2 text-center sm:text-left", a), "data-slot": "dialog-header", dataTestId: t || "dialog-header", ...o });
+function P({ className: t, ...a }) {
+  return /* @__PURE__ */ e("div", { className: o("flex flex-col gap-2 text-center sm:text-left", t), "data-slot": "dialog-header", "data-testid": "spectral-dialog-header", ...a });
 }
-function k({ className: a, dataTestId: t, ...o }) {
-  return /* @__PURE__ */ e(D, { className: l("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end sticky bottom-0 z-10 bg-dialog-bg py-4 px-6 -mx-6", a), "data-slot": "dialog-footer", dataTestId: t || "dialog-footer", ...o });
+function R({ className: t, ...a }) {
+  return /* @__PURE__ */ e("div", { className: o("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end sticky bottom-0 z-10 bg-dialog-bg py-4 px-6 -mx-6", t), "data-slot": "dialog-footer", "data-testid": "spectral-dialog-footer", ...a });
 }
-function q({ className: a, dataTestId: t, ...o }) {
-  return /* @__PURE__ */ e(y, { className: l("text-2xl leading-none font-semibold", a), "data-slot": "dialog-title", dataTestId: t || "dialog-title", ...o });
+function _({ className: t, ...a }) {
+  return /* @__PURE__ */ e(b, { className: o("text-2xl leading-none font-semibold", t), "data-slot": "dialog-title", "data-testid": "spectral-dialog-title", ...a });
 }
-function A({ className: a, dataTestId: t, ...o }) {
-  return /* @__PURE__ */ e(x, { className: l("text-muted-foreground text-sm", a), "data-slot": "dialog-description", dataTestId: t || "dialog-description", ...o });
+function F({ className: t, ...a }) {
+  return /* @__PURE__ */ e(u, { className: o("text-muted-foreground text-sm", t), "data-slot": "dialog-description", "data-testid": "spectral-dialog-description", ...a });
 }
 export {
-  j as Dialog,
-  H as DialogClose,
+  T as Dialog,
+  j as DialogClose,
   O as DialogContent,
-  A as DialogDescription,
-  k as DialogFooter,
+  F as DialogDescription,
+  R as DialogFooter,
   P as DialogHeader,
-  h as DialogOverlay,
-  F as DialogPortal,
-  q as DialogTitle,
+  y as DialogOverlay,
+  v as DialogPortal,
+  _ as DialogTitle,
   z as DialogTrigger
 };

package/dist/Drawer.js

@@ -1,7 +1,7 @@
 import "./styles/main.css";
 import { jsx as t, jsxs as s } from "react/jsx-runtime";
 import { SpectralProvider as f } from "./SpectralProvider.js";
-import { D as e } from "./index-CAKA12cC.js";
+import { D as e } from "./index-jgQ7sgLl.js";
 const u = ({ children: d, defaultOpen: o = !1, description: i, direction: l = "right", dismissible: c = !0, modal: p = !0, onOpenChange: n, open: m, size: r = "380px", title: x, trigger: h }) => {
   const a = "!font-sans fixed", w = {
     left: {

package/dist/HoverCard.js

@@ -3,10 +3,10 @@ import "./styles/main.css";
 import { jsx as i } from "react/jsx-runtime";
 import * as s from "react";
 import { createContext as F, useContext as I } from "react";
-import { u as B, c as U, b as h, P as $, a as W } from "./index-BhufZRa2.js";
-import { c as O, R as z, A as G, C as K, a as j } from "./index-NzygPVvJ.js";
-import { P as V, D as q } from "./index-B2oBi8ng.js";
-import { P as T } from "./index-6Abv_Flm.js";
+import { e as B, c as U, b as h, P as $, u as W } from "./index-CfypDjr2.js";
+import { c as O, R as z, A as G, C as K, a as j } from "./index-DMDsy0y2.js";
+import { P as V, D as q } from "./index-D-PVGGln.js";
+import { P as T } from "./index-DdOwqCfb.js";
 import { cn as J } from "./utils/twUtils.js";
 var H, x = "HoverCard", [E] = U(x, [
   O

package/dist/Icons/IconBase.d.ts

@@ -1,12 +1,11 @@
 import { IconProps } from './iconTypes';
-import { ComponentPropsWithoutRef, CSSProperties, ReactNode } from 'react';
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
 export declare const SvgIdContext: import('react').Context<string>;
 interface IconBaseProps extends Omit<IconProps, 'strokeWidth'>, ComponentPropsWithoutRef<'svg'> {
     children: ReactNode;
     className?: string;
     size?: number;
     title?: string;
-    style?: CSSProperties;
     color?: string;
 }
 declare const IconBase: import('react').ForwardRefExoticComponent<IconBaseProps & import('react').RefAttributes<SVGSVGElement>>;

package/dist/Icons/IconBase.js

@@ -1,16 +1,16 @@
 "use client";
 import "../styles/main.css";
-import { jsxs as w, jsx as t } from "react/jsx-runtime";
-import { createContext as x, forwardRef as B, useId as g } from "react";
-const m = x(""), p = B(function({ children: c, title: o, size: n = 24, ariaHidden: r = !0, description: d = "", className: a = "", style: f, ...h }, v) {
-  const s = g(), e = o !== void 0 ? !1 : r, i = !e && o ? `${s}_title` : "", l = !e && d ? `${s}_desc` : "", u = [i, l].filter(Boolean).join(" ") || void 0;
-  return /* @__PURE__ */ w("svg", { height: n, width: n, xmlns: "http://www.w3.org/2000/svg", className: a, role: "img", "aria-hidden": e, "aria-labelledby": u, ref: v, style: f, fill: "none", viewBox: "0 0 24 24", ...h, children: [
+import { jsxs as u, jsx as t } from "react/jsx-runtime";
+import { createContext as w, forwardRef as x, useId as B } from "react";
+const g = w(""), A = x(function({ children: c, title: o, size: n = 24, ariaHidden: r = !0, description: d, className: a, ...f }, h) {
+  const s = B(), e = o !== void 0 ? !1 : r, i = !e && o ? `${s}_title` : "", l = !e && d ? `${s}_desc` : "", v = [i, l].filter(Boolean).join(" ") || void 0;
+  return /* @__PURE__ */ u("svg", { height: n, width: n, xmlns: "http://www.w3.org/2000/svg", className: a, role: "img", "aria-hidden": e, "aria-labelledby": v, ref: h, fill: "none", viewBox: "0 0 24 24", ...f, children: [
     !e && o && /* @__PURE__ */ t("title", { id: i, children: o }),
     !e && d && /* @__PURE__ */ t("desc", { id: l, children: d }),
-    /* @__PURE__ */ t(m.Provider, { value: s, children: c })
+    /* @__PURE__ */ t(g.Provider, { value: s, children: c })
   ] });
 });
 export {
-  m as SvgIdContext,
-  p as default
+  g as SvgIdContext,
+  A as default
 };

package/dist/Popover.js

@@ -2,12 +2,12 @@
 import "./styles/main.css";
 import { jsx as s } from "react/jsx-runtime";
 import * as p from "react";
-import { u as L, c as z, a as x, P as O, b as P, e as G } from "./index-BhufZRa2.js";
-import { P as H, D as K } from "./index-B2oBi8ng.js";
-import { h as j, R as U, u as V, F as W } from "./index-B-GQStVW.js";
-import { u as Z } from "./index-CVSxKOPp.js";
-import { c as _, R as q, A as b, C as B, a as J } from "./index-NzygPVvJ.js";
-import { P as w } from "./index-6Abv_Flm.js";
+import { e as L, c as z, u as x, P as O, b as P, a as G } from "./index-CfypDjr2.js";
+import { P as H, D as K } from "./index-D-PVGGln.js";
+import { h as j, R as U, u as V, F as W } from "./index-CpUJ8sN0.js";
+import { u as Z } from "./index-CDYW5LDR.js";
+import { c as _, R as q, A as b, C as B, a as J } from "./index-DMDsy0y2.js";
+import { P as w } from "./index-DdOwqCfb.js";
 import { cn as Q } from "./utils/twUtils.js";
 var C = "Popover", [E] = z(C, [
   _

package/dist/RadioGroup.js

@@ -4,13 +4,13 @@ import { jsx as n, jsxs as N } from "react/jsx-runtime";
 import { Label as _ } from "./Label.js";
 import * as c from "react";
 import { createContext as Re, forwardRef as G, useMemo as ge, memo as he, useContext as Ie } from "react";
-import { c as K, P as S, b as w, a as P, u as Y } from "./index-BhufZRa2.js";
-import { c as we, u as j } from "./index-UEFPWH8U.js";
-import { u as ye } from "./index-CVSxKOPp.js";
+import { c as K, P as S, b as w, u as P, e as Y } from "./index-CfypDjr2.js";
+import { c as we, u as j } from "./index-DvqEQspb.js";
+import { u as ye } from "./index-CDYW5LDR.js";
 import { u as Ce } from "./index-0ioNhtNM.js";
-import { u as Ee } from "./index-y6Br5T4h.js";
+import { u as Ee } from "./index-BRDfoF8s.js";
 import { u as Fe } from "./index-BZPx6jYI.js";
-import { P as Se } from "./index-6Abv_Flm.js";
+import { P as Se } from "./index-DdOwqCfb.js";
 import { cn as F } from "./utils/twUtils.js";
 var O = "rovingFocusGroup.onEntryFocus", xe = { bubbles: !1, cancelable: !0 }, x = "RovingFocusGroup", [M, z, Ne] = we(x), [_e, H] = K(
   x,

package/dist/Select.js

@@ -64,7 +64,7 @@ import "./Icons/ZoomAllIcon.js";
 import "./Icons/ZoomXIcon.js";
 import "./Icons/ZoomYIcon.js";
 import { Label as C } from "./Label.js";
-import { R as X, T as Y, f as Z, e as _, C as $, c as tt, V as et, S as rt, d as I, G as at, I as it, b as st, a as ot } from "./index-CevVJ05e.js";
+import { R as X, T as Y, f as Z, e as _, C as $, c as tt, V as et, S as rt, d as I, G as at, I as it, b as st, a as ot } from "./index-BSCg4Mei.js";
 import { useFormFieldId as lt, useFormFieldState as dt, getAriaProps as mt, getErrorMessageId as ct, groupOptions as pt, getFormFieldCSSProperties as nt, getStateClasses as ut, getTriggerClasses as ht, ErrorMessage as gt, LoadingState as bt, EmptyState as ft, getOptionClasses as xt } from "./utils/formFieldUtils.js";
 import { cn as s } from "./utils/twUtils.js";
 import { forwardRef as yt, useState as Nt } from "react";

package/dist/Slider.js

@@ -4,10 +4,10 @@ import { jsx as m, jsxs as j } from "react/jsx-runtime";
 import * as c from "react";
 import { useMemo as de } from "react";
 import { c as X } from "./index-rKs9bXHr.js";
-import { u as ue, c as fe, b as _, P as k, a as C } from "./index-BhufZRa2.js";
-import { c as me, u as he } from "./index-UEFPWH8U.js";
+import { e as ue, c as fe, b as _, P as k, u as C } from "./index-CfypDjr2.js";
+import { c as me, u as he } from "./index-DvqEQspb.js";
 import { u as pe } from "./index-BZPx6jYI.js";
-import { u as Se } from "./index-y6Br5T4h.js";
+import { u as Se } from "./index-BRDfoF8s.js";
 import { cn as H } from "./utils/twUtils.js";
 var G = ["PageUp", "PageDown"], W = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], q = {
   "from-left": ["Home", "PageDown", "ArrowDown", "ArrowLeft"],

package/dist/Tooltip.js

@@ -2,12 +2,12 @@
 import "./styles/main.css";
 import { jsx as d, jsxs as S } from "react/jsx-runtime";
 import * as a from "react";
-import { c as J, u as Q, a as G, P as Z, b as T, f as ee } from "./index-BhufZRa2.js";
-import { P as te, D as oe } from "./index-B2oBi8ng.js";
-import { u as re } from "./index-CVSxKOPp.js";
-import { c as j, R as ne, a as ae, A as se, C as ie } from "./index-NzygPVvJ.js";
-import { P as V } from "./index-6Abv_Flm.js";
-import { R as le } from "./index-CGALWSq_.js";
+import { c as J, e as Q, u as G, P as Z, b as T, g as ee } from "./index-CfypDjr2.js";
+import { P as te, D as oe } from "./index-D-PVGGln.js";
+import { u as re } from "./index-CDYW5LDR.js";
+import { c as j, R as ne, a as ae, A as se, C as ie } from "./index-DMDsy0y2.js";
+import { P as V } from "./index-DdOwqCfb.js";
+import { R as le } from "./index-bcth-MVh.js";
 import { cn as H } from "./utils/twUtils.js";
 import { c as F } from "./index-D29mdTf5.js";
 var [O] = J("Tooltip", [

package/dist/Tray.js

@@ -68,7 +68,7 @@ import { cn as rt } from "./utils/twUtils.js";
 import { c as $r } from "./index-D29mdTf5.js";
 import * as re from "react";
 import { createContext as mt, useRef as z, useLayoutEffect as zr, useEffect as nt, useId as Ye, useContext as O, useInsertionEffect as Zi, useMemo as Y, useCallback as Ji, Children as Hr, isValidElement as _r, useState as Ae, Fragment as Qi, createElement as Gr, forwardRef as q, Component as Xr } from "react";
-import { D as Pt } from "./index-CAKA12cC.js";
+import { D as Pt } from "./index-jgQ7sgLl.js";
 const qe = mt({});
 function Ze(t) {
   const e = z(null);

package/dist/index-BFu0M-5-.js

@@ -0,0 +1,240 @@
+import "./styles/main.css";
+import * as i from "react";
+import { c as V, a as q, P as p, u as _, b as g, d as K, e as U } from "./index-CfypDjr2.js";
+import { u as R } from "./index-CDYW5LDR.js";
+import { D as Y, P as Z } from "./index-D-PVGGln.js";
+import { R as z, h as J, u as Q, F as X } from "./index-CpUJ8sN0.js";
+import { P as h } from "./index-DdOwqCfb.js";
+import { jsx as s, jsxs as N, Fragment as O } from "react/jsx-runtime";
+var v = "Dialog", [I] = V(v), [ee, u] = I(v), x = (e) => {
+  const {
+    __scopeDialog: o,
+    children: r,
+    open: a,
+    defaultOpen: n,
+    onOpenChange: t,
+    modal: l = !0
+  } = e, c = i.useRef(null), f = i.useRef(null), [m, C] = U({
+    prop: a,
+    defaultProp: n ?? !1,
+    onChange: t,
+    caller: v
+  });
+  return /* @__PURE__ */ s(
+    ee,
+    {
+      scope: o,
+      triggerRef: c,
+      contentRef: f,
+      contentId: R(),
+      titleId: R(),
+      descriptionId: R(),
+      open: m,
+      onOpenChange: C,
+      onOpenToggle: i.useCallback(() => C((H) => !H), [C]),
+      modal: l,
+      children: r
+    }
+  );
+};
+x.displayName = v;
+var A = "DialogTrigger", T = i.forwardRef(
+  (e, o) => {
+    const { __scopeDialog: r, ...a } = e, n = u(A, r), t = _(o, n.triggerRef);
+    return /* @__PURE__ */ s(
+      p.button,
+      {
+        type: "button",
+        "aria-haspopup": "dialog",
+        "aria-expanded": n.open,
+        "aria-controls": n.contentId,
+        "data-state": y(n.open),
+        ...a,
+        ref: t,
+        onClick: g(e.onClick, n.onOpenToggle)
+      }
+    );
+  }
+);
+T.displayName = A;
+var P = "DialogPortal", [te, b] = I(P, {
+  forceMount: void 0
+}), M = (e) => {
+  const { __scopeDialog: o, forceMount: r, children: a, container: n } = e, t = u(P, o);
+  return /* @__PURE__ */ s(te, { scope: o, forceMount: r, children: i.Children.map(a, (l) => /* @__PURE__ */ s(h, { present: r || t.open, children: /* @__PURE__ */ s(Z, { asChild: !0, container: n, children: l }) })) });
+};
+M.displayName = P;
+var D = "DialogOverlay", w = i.forwardRef(
+  (e, o) => {
+    const r = b(D, e.__scopeDialog), { forceMount: a = r.forceMount, ...n } = e, t = u(D, e.__scopeDialog);
+    return t.modal ? /* @__PURE__ */ s(h, { present: a || t.open, children: /* @__PURE__ */ s(ne, { ...n, ref: o }) }) : null;
+  }
+);
+w.displayName = D;
+var oe = q("DialogOverlay.RemoveScroll"), ne = i.forwardRef(
+  (e, o) => {
+    const { __scopeDialog: r, ...a } = e, n = u(D, r);
+    return (
+      // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
+      // ie. when `Overlay` and `Content` are siblings
+      /* @__PURE__ */ s(z, { as: oe, allowPinchZoom: !0, shards: [n.contentRef], children: /* @__PURE__ */ s(
+        p.div,
+        {
+          "data-state": y(n.open),
+          ...a,
+          ref: o,
+          style: { pointerEvents: "auto", ...a.style }
+        }
+      ) })
+    );
+  }
+), d = "DialogContent", F = i.forwardRef(
+  (e, o) => {
+    const r = b(d, e.__scopeDialog), { forceMount: a = r.forceMount, ...n } = e, t = u(d, e.__scopeDialog);
+    return /* @__PURE__ */ s(h, { present: a || t.open, children: t.modal ? /* @__PURE__ */ s(re, { ...n, ref: o }) : /* @__PURE__ */ s(ae, { ...n, ref: o }) });
+  }
+);
+F.displayName = d;
+var re = i.forwardRef(
+  (e, o) => {
+    const r = u(d, e.__scopeDialog), a = i.useRef(null), n = _(o, r.contentRef, a);
+    return i.useEffect(() => {
+      const t = a.current;
+      if (t) return J(t);
+    }, []), /* @__PURE__ */ s(
+      S,
+      {
+        ...e,
+        ref: n,
+        trapFocus: r.open,
+        disableOutsidePointerEvents: !0,
+        onCloseAutoFocus: g(e.onCloseAutoFocus, (t) => {
+          t.preventDefault(), r.triggerRef.current?.focus();
+        }),
+        onPointerDownOutside: g(e.onPointerDownOutside, (t) => {
+          const l = t.detail.originalEvent, c = l.button === 0 && l.ctrlKey === !0;
+          (l.button === 2 || c) && t.preventDefault();
+        }),
+        onFocusOutside: g(
+          e.onFocusOutside,
+          (t) => t.preventDefault()
+        )
+      }
+    );
+  }
+), ae = i.forwardRef(
+  (e, o) => {
+    const r = u(d, e.__scopeDialog), a = i.useRef(!1), n = i.useRef(!1);
+    return /* @__PURE__ */ s(
+      S,
+      {
+        ...e,
+        ref: o,
+        trapFocus: !1,
+        disableOutsidePointerEvents: !1,
+        onCloseAutoFocus: (t) => {
+          e.onCloseAutoFocus?.(t), t.defaultPrevented || (a.current || r.triggerRef.current?.focus(), t.preventDefault()), a.current = !1, n.current = !1;
+        },
+        onInteractOutside: (t) => {
+          e.onInteractOutside?.(t), t.defaultPrevented || (a.current = !0, t.detail.originalEvent.type === "pointerdown" && (n.current = !0));
+          const l = t.target;
+          r.triggerRef.current?.contains(l) && t.preventDefault(), t.detail.originalEvent.type === "focusin" && n.current && t.preventDefault();
+        }
+      }
+    );
+  }
+), S = i.forwardRef(
+  (e, o) => {
+    const { __scopeDialog: r, trapFocus: a, onOpenAutoFocus: n, onCloseAutoFocus: t, ...l } = e, c = u(d, r), f = i.useRef(null), m = _(o, f);
+    return Q(), /* @__PURE__ */ N(O, { children: [
+      /* @__PURE__ */ s(
+        X,
+        {
+          asChild: !0,
+          loop: !0,
+          trapped: a,
+          onMountAutoFocus: n,
+          onUnmountAutoFocus: t,
+          children: /* @__PURE__ */ s(
+            Y,
+            {
+              role: "dialog",
+              id: c.contentId,
+              "aria-describedby": c.descriptionId,
+              "aria-labelledby": c.titleId,
+              "data-state": y(c.open),
+              ...l,
+              ref: m,
+              onDismiss: () => c.onOpenChange(!1)
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ N(O, { children: [
+        /* @__PURE__ */ s(se, { titleId: c.titleId }),
+        /* @__PURE__ */ s(ce, { contentRef: f, descriptionId: c.descriptionId })
+      ] })
+    ] });
+  }
+), E = "DialogTitle", W = i.forwardRef(
+  (e, o) => {
+    const { __scopeDialog: r, ...a } = e, n = u(E, r);
+    return /* @__PURE__ */ s(p.h2, { id: n.titleId, ...a, ref: o });
+  }
+);
+W.displayName = E;
+var k = "DialogDescription", G = i.forwardRef(
+  (e, o) => {
+    const { __scopeDialog: r, ...a } = e, n = u(k, r);
+    return /* @__PURE__ */ s(p.p, { id: n.descriptionId, ...a, ref: o });
+  }
+);
+G.displayName = k;
+var L = "DialogClose", $ = i.forwardRef(
+  (e, o) => {
+    const { __scopeDialog: r, ...a } = e, n = u(L, r);
+    return /* @__PURE__ */ s(
+      p.button,
+      {
+        type: "button",
+        ...a,
+        ref: o,
+        onClick: g(e.onClick, () => n.onOpenChange(!1))
+      }
+    );
+  }
+);
+$.displayName = L;
+function y(e) {
+  return e ? "open" : "closed";
+}
+var B = "DialogTitleWarning", [De, j] = K(B, {
+  contentName: d,
+  titleName: E,
+  docsSlug: "dialog"
+}), se = ({ titleId: e }) => {
+  const o = j(B), r = `\`${o.contentName}\` requires a \`${o.titleName}\` for the component to be accessible for screen reader users.
+
+If you want to hide the \`${o.titleName}\`, you can wrap it with our VisuallyHidden component.
+
+For more information, see https://radix-ui.com/primitives/docs/components/${o.docsSlug}`;
+  return i.useEffect(() => {
+    e && (document.getElementById(e) || console.error(r));
+  }, [r, e]), null;
+}, ie = "DialogDescriptionWarning", ce = ({ contentRef: e, descriptionId: o }) => {
+  const a = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${j(ie).contentName}}.`;
+  return i.useEffect(() => {
+    const n = e.current?.getAttribute("aria-describedby");
+    o && n && (document.getElementById(o) || console.warn(a));
+  }, [a, e, o]), null;
+}, ve = x, me = T, Ce = M, Re = w, _e = F, he = W, Pe = G, Ee = $;
+export {
+  Ee as C,
+  Pe as D,
+  Re as O,
+  Ce as P,
+  ve as R,
+  he as T,
+  _e as a,
+  me as b
+};

package/dist/{index-y6Br5T4h.js → index-BRDfoF8s.js}

@@ -1,5 +1,5 @@
 import * as u from "react";
-import { d as z } from "./index-BhufZRa2.js";
+import { f as z } from "./index-CfypDjr2.js";
 function n(r) {
   const [h, e] = u.useState(void 0);
   return z(() => {