@spear-ai/spectral 1.3.33 → 1.3.35

package/dist/.js

@@ -1,13 +1,13 @@
 import { Badge as e } from "./Badge.js";
 import { Button as p } from "./Button.js";
-import { Drawer as n } from "./Drawer.js";
+import { Drawer as m } from "./Drawer.js";
 import { Popover as x, PopoverContent as c, PopoverTrigger as I } from "./Popover.js";
-import { RadioGroup as s, RadioGroupItem as i } from "./RadioGroup.js";
+import { RadioGroup as i, RadioGroupItem as s } from "./RadioGroup.js";
 import { Skeleton as g } from "./Skeleton.js";
 import { Slider as T } from "./Slider.js";
 import { Switch as C } from "./Switch.js";
-import { Toggle as G } from "./Toggle.js";
-import { ToggleGroup as S, ToggleGroupItem as v } from "./ToggleGroup.js";
+import { Toggle as P } from "./Toggle.js";
+import { ToggleGroup as v, ToggleGroupItem as G } from "./ToggleGroup.js";
 import { Tooltip as D, TooltipContent as k, TooltipTrigger as w } from "./Tooltip.js";
 import { AnnotationsIcon as R } from "./Icons/AnnotationsIcon.js";
 import { CalendarIcon as b } from "./Icons/CalendarIcon.js";
@@ -15,35 +15,37 @@ import { ClockIcon as A } from "./Icons/ClockIcon.js";
 import { DashboardIcon as U } from "./Icons/DashboardIcon.js";
 import { DeleteIcon as F } from "./Icons/DeleteIcon.js";
 import { DurationIcon as M } from "./Icons/DurationIcon.js";
-import { EraserIcon as X } from "./Icons/EraserIcon.js";
-import { GoToFirstIcon as j } from "./Icons/GoToFirstIcon.js";
-import { GoToLastIcon as z } from "./Icons/GoToLastIcon.js";
-import { HarmonicCursorsIcon as K } from "./Icons/HarmonicCursorsIcon.js";
-import { InfoIcon as Q } from "./Icons/InfoIcon.js";
+import { EraserIcon as W } from "./Icons/EraserIcon.js";
+import { GoToFirstIcon as Y } from "./Icons/GoToFirstIcon.js";
+import { GoToLastIcon as q } from "./Icons/GoToLastIcon.js";
+import { HarmonicCursorsIcon as J } from "./Icons/HarmonicCursorsIcon.js";
+import { InfoIcon as N } from "./Icons/InfoIcon.js";
 import { LabelIcon as _ } from "./Icons/LabelIcon.js";
 import { LassoIcon as oo } from "./Icons/LassoIcon.js";
 import { LineToolIcon as eo } from "./Icons/LineToolIcon.js";
 import { LiveViewIcon as po } from "./Icons/LiveViewIcon.js";
-import { LocationIcon as no } from "./Icons/LocationIcon.js";
+import { LocationIcon as mo } from "./Icons/LocationIcon.js";
 import { LogoutIcon as xo } from "./Icons/LogoutIcon.js";
 import { MetadataIcon as Io } from "./Icons/MetadataIcon.js";
-import { OntologyIcon as so } from "./Icons/OntologyIcon.js";
+import { OntologyIcon as io } from "./Icons/OntologyIcon.js";
 import { PanelIcon as lo } from "./Icons/PanelIcon.js";
 import { PlayIcon as uo } from "./Icons/PlayIcon.js";
 import { PlusIcon as Co } from "./Icons/PlusIcon.js";
-import { ResetIcon as Go } from "./Icons/ResetIcon.js";
-import { ScissorsIcon as So } from "./Icons/ScissorsIcon.js";
+import { ResetIcon as Po } from "./Icons/ResetIcon.js";
+import { ScissorsIcon as vo } from "./Icons/ScissorsIcon.js";
 import { SettingsIcon as ho } from "./Icons/SettingsIcon.js";
 import { TrashIcon as ko } from "./Icons/TrashIcon.js";
 import { UndoIcon as Bo } from "./Icons/UndoIcon.js";
 import { UserIcon as Zo } from "./Icons/UserIcon.js";
-import { ZoomAllIcon as yo } from "./Icons/ZoomAllIcon.js";
-import { ZoomXIcon as Oo } from "./Icons/ZoomXIcon.js";
-import { ZoomYIcon as Eo } from "./Icons/ZoomYIcon.js";
-import { default as Ho, SvgIdContext as Mo } from "./Icons/IconBase.js";
-import { useOutsideClick as Xo } from "./hooks/useOutsideClick.js";
-import { useTheme as jo } from "./hooks/useTheme.js";
-import { c as zo } from "./twUtils-CRiPKpXj.js";
+import { WarningIcon as yo } from "./Icons/WarningIcon.js";
+import { ZoomAllIcon as Oo } from "./Icons/ZoomAllIcon.js";
+import { ZoomXIcon as Eo } from "./Icons/ZoomXIcon.js";
+import { ZoomYIcon as Ho } from "./Icons/ZoomYIcon.js";
+import { default as Vo, SvgIdContext as Wo } from "./Icons/IconBase.js";
+import { useOutsideClick as Yo } from "./hooks/useOutsideClick.js";
+import { useTheme as qo } from "./hooks/useTheme.js";
+import { c as Jo } from "./twUtils-CRiPKpXj.js";
+import { SpectralProvider as No } from "./SpectralProvider.js";
 export {
   R as AnnotationsIcon,
   e as Badge,
@@ -52,50 +54,52 @@ export {
   A as ClockIcon,
   U as DashboardIcon,
   F as DeleteIcon,
-  n as Drawer,
+  m as Drawer,
   M as DurationIcon,
-  X as EraserIcon,
-  j as GoToFirstIcon,
-  z as GoToLastIcon,
-  K as HarmonicCursorsIcon,
-  Ho as IconBase,
-  Q as InfoIcon,
+  W as EraserIcon,
+  Y as GoToFirstIcon,
+  q as GoToLastIcon,
+  J as HarmonicCursorsIcon,
+  Vo as IconBase,
+  N as InfoIcon,
   _ as LabelIcon,
   oo as LassoIcon,
   eo as LineToolIcon,
   po as LiveViewIcon,
-  no as LocationIcon,
+  mo as LocationIcon,
   xo as LogoutIcon,
   Io as MetadataIcon,
-  so as OntologyIcon,
+  io as OntologyIcon,
   lo as PanelIcon,
   uo as PlayIcon,
   Co as PlusIcon,
   x as Popover,
   c as PopoverContent,
   I as PopoverTrigger,
-  s as RadioGroup,
-  i as RadioGroupItem,
-  Go as ResetIcon,
-  So as ScissorsIcon,
+  i as RadioGroup,
+  s as RadioGroupItem,
+  Po as ResetIcon,
+  vo as ScissorsIcon,
   ho as SettingsIcon,
   g as Skeleton,
   T as Slider,
-  Mo as SvgIdContext,
+  No as SpectralProvider,
+  Wo as SvgIdContext,
   C as Switch,
-  G as Toggle,
-  S as ToggleGroup,
-  v as ToggleGroupItem,
+  P as Toggle,
+  v as ToggleGroup,
+  G as ToggleGroupItem,
   D as Tooltip,
   k as TooltipContent,
   w as TooltipTrigger,
   ko as TrashIcon,
   Bo as UndoIcon,
   Zo as UserIcon,
-  yo as ZoomAllIcon,
-  Oo as ZoomXIcon,
-  Eo as ZoomYIcon,
-  zo as cn,
-  Xo as useOutsideClick,
-  jo as useTheme
+  yo as WarningIcon,
+  Oo as ZoomAllIcon,
+  Eo as ZoomXIcon,
+  Ho as ZoomYIcon,
+  Jo as cn,
+  Yo as useOutsideClick,
+  qo as useTheme
 };

package/dist/Accordion/AccordionBase.d.ts

@@ -0,0 +1,42 @@
+import { AsChildProp } from '../../primitives/slot';
+import { ButtonHTMLAttributes, HTMLAttributes } from '../../../node_modules/react';
+type Dir = 'ltr' | 'rtl';
+type AccordionType = 'single' | 'multiple';
+export type AccordionProps = HTMLAttributes<HTMLDivElement> & {
+    type?: AccordionType;
+    value?: string | string[];
+    defaultValue?: string | string[];
+    onValueChange?: (value: string | string[]) => void;
+    collapsible?: boolean;
+    dir?: Dir;
+    disabled?: boolean;
+    rovingFocus?: boolean;
+};
+export declare const Accordion: import('../../../node_modules/react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
+    type?: AccordionType;
+    value?: string | string[];
+    defaultValue?: string | string[];
+    onValueChange?: (value: string | string[]) => void;
+    collapsible?: boolean;
+    dir?: Dir;
+    disabled?: boolean;
+    rovingFocus?: boolean;
+} & import('../../../node_modules/react').RefAttributes<HTMLDivElement>>;
+export type AccordionItemProps = HTMLAttributes<HTMLDivElement> & {
+    value: string;
+    disabled?: boolean;
+};
+export declare const AccordionItem: import('../../../node_modules/react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
+    value: string;
+    disabled?: boolean;
+} & import('../../../node_modules/react').RefAttributes<HTMLDivElement>>;
+export type AccordionTriggerProps = ButtonHTMLAttributes<HTMLButtonElement> & AsChildProp;
+export declare const AccordionTrigger: import('../../../node_modules/react').ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & AsChildProp & import('../../../node_modules/react').RefAttributes<HTMLButtonElement>>;
+export type AccordionContentProps = HTMLAttributes<HTMLDivElement> & AsChildProp & {
+    forceMount?: boolean;
+};
+export declare const AccordionContent: import('../../../node_modules/react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & AsChildProp & {
+    forceMount?: boolean;
+} & import('../../../node_modules/react').RefAttributes<HTMLDivElement>>;
+export {};
+//# sourceMappingURL=AccordionBase.d.ts.map

package/dist/Accordion/AccordionBase.js

@@ -1,4 +1,5 @@
 "use client";
+import "./styles/main.css";
 import { jsx as C } from "react/jsx-runtime";
 import { Slot as M } from "../primitives/slot.js";
 import { createContext as j, forwardRef as V, useRef as S, useState as O, useCallback as I, useEffect as T, useContext as N, useId as H, useLayoutEffect as L } from "react";

package/dist/App.js

@@ -1,3 +1,4 @@
+import "./styles/main.css";
 import { jsx as r } from "react/jsx-runtime";
 function p() {
   return /* @__PURE__ */ r("div", { children: "spectral | spear.ai" });

package/dist/Badge/BadgeBase.d.ts

@@ -0,0 +1,13 @@
+import { VariantProps } from 'class-variance-authority';
+import { ComponentProps } from '../../../node_modules/react';
+export type BadgeProps = ComponentProps<'span'> & VariantProps<typeof badgeVariants> & {
+    asChild?: boolean;
+};
+declare const badgeVariants: (props?: ({
+    variant?: "default" | "secondary" | "destructive" | "outline" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+declare function BadgeBase({ className, variant, asChild, ...props }: ComponentProps<'span'> & VariantProps<typeof badgeVariants> & {
+    asChild?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export { BadgeBase, badgeVariants };
+//# sourceMappingURL=BadgeBase.d.ts.map

package/dist/Badge/BadgeBase.js

@@ -1,17 +1,18 @@
-import { jsx as i } from "react/jsx-runtime";
-import { Slot as o } from "../primitives/slot.js";
-import { c as n } from "../twUtils-CRiPKpXj.js";
+import "./styles/main.css";
+import { jsx as n } from "react/jsx-runtime";
+import { Slot as t } from "../primitives/slot.js";
+import { c as o } from "../twUtils-CRiPKpXj.js";
 import { c as s } from "../index-CRBC94ik.js";
 const d = s(
-  `inline-flex items-center justify-center rounded-sm border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none
-  focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive
+  `inline-flex items-center justify-center rounded-sm px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none
+  focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-danger-100/20 dark:aria-invalid:ring-danger-100/40 aria-invalid:border-danger-200
   transition-[color,box-shadow] overflow-hidden`,
   {
     variants: {
       variant: {
-        default: "border border-badge-primary-border bg-badge-primary-bg text-text-primary [a&]:hover:bg-badge-primary-bg--hover group-data-[state=on]:bg-badge-primary-bg--active",
-        secondary: "border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
-        destructive: "border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+        default: "bg-badge-primary-bg text-text-primary [a&]:hover:bg-badge-primary-bg--hover group-data-[state=on]:bg-badge-primary-bg--active",
+        secondary: "bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
+        destructive: "bg-danger-100 text-white [a&]:hover:bg-danger-100/90 focus-visible:ring-danger-100/20 dark:focus-visible:ring-danger-100/40 dark:bg-danger-100/60",
         outline: "text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground"
       }
     },
@@ -20,15 +21,15 @@ const d = s(
     }
   }
 );
-function p({
+function l({
   className: r,
   variant: e,
-  asChild: t = !1,
-  ...a
+  asChild: a = !1,
+  ...i
 }) {
-  return /* @__PURE__ */ i(t ? o : "span", { "data-slot": "badge", className: n(d({ variant: e }), r), ...a });
+  return /* @__PURE__ */ n(a ? t : "span", { "data-slot": "badge", className: o(d({ variant: e }), r), ...i });
 }
 export {
-  p as BadgeBase,
+  l as BadgeBase,
   d as badgeVariants
 };

package/dist/Badge.d.ts

@@ -0,0 +1,3 @@
+import { BadgeProps } from './BadgeBase';
+export declare const Badge: ({ children, ...props }: BadgeProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Badge.d.ts.map

package/dist/Badge.js

@@ -1,3 +1,4 @@
+import "./styles/main.css";
 import { jsx as e } from "react/jsx-runtime";
 import { BadgeBase as t } from "./Badge/BadgeBase.js";
 const p = ({ children: r, ...o }) => /* @__PURE__ */ e(t, { ...o, children: r });

package/dist/Button.d.ts

@@ -0,0 +1,23 @@
+import { VariantProps } from 'class-variance-authority';
+import { ButtonHTMLAttributes, MouseEvent, ReactNode } from '../../../node_modules/react';
+declare const buttonVariants: (props?: ({
+    variant?: "secondary" | "outline" | "primary" | "ghost" | null | undefined;
+    size?: "default" | "icon" | "fullWidth" | null | undefined;
+    state?: "default" | "error" | "loading" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'color'>, VariantProps<typeof buttonVariants> {
+    errorMessage?: string | ReactNode;
+    endIcon?: ReactNode;
+    label: string;
+    disabled?: boolean;
+    startIcon?: ReactNode;
+    type?: 'button' | 'submit' | 'reset';
+    state?: 'loading' | 'error' | 'default';
+    dataTestId?: string;
+    size?: 'default' | 'icon' | 'fullWidth';
+    onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
+    children?: ReactNode;
+}
+export declare const Button: import('../../../node_modules/react').ForwardRefExoticComponent<ButtonProps & import('../../../node_modules/react').RefAttributes<HTMLButtonElement>>;
+export {};
+//# sourceMappingURL=Button.d.ts.map

package/dist/Button.js

@@ -1,4 +1,5 @@
 "use client";
+import "./styles/main.css";
 import { jsxs as l, jsx as n } from "react/jsx-runtime";
 import { c as u } from "./twUtils-CRiPKpXj.js";
 import { c as v } from "./index-CRBC94ik.js";

package/dist/Card.d.ts

@@ -0,0 +1,10 @@
+import { HTMLAttributes, ReactNode } from '../../../node_modules/react';
+export interface CardProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onClick'> {
+    title?: string;
+    icon?: ReactNode;
+    width?: 'full' | 'fit';
+    isLoading?: boolean;
+    children?: ReactNode;
+}
+export declare const Card: import('../../../node_modules/react').ForwardRefExoticComponent<CardProps & import('../../../node_modules/react').RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Card.d.ts.map

package/dist/Card.js

@@ -1,4 +1,5 @@
 "use client";
+import "./styles/main.css";
 import { jsxs as n, jsx as e } from "react/jsx-runtime";
 import { c as a } from "./twUtils-CRiPKpXj.js";
 import { forwardRef as u } from "react";

package/dist/Checkbox/CheckboxBase.d.ts

@@ -0,0 +1,30 @@
+import { AsChildProp } from '../../primitives/slot';
+import { ButtonHTMLAttributes, HTMLAttributes } from '../../../node_modules/react';
+export type CheckedState = boolean | 'indeterminate';
+type BaseButtonProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onChange' | 'value'>;
+export type CheckboxProps = BaseButtonProps & AsChildProp & {
+    checked?: CheckedState;
+    defaultChecked?: CheckedState;
+    onCheckedChange?: (checked: CheckedState) => void;
+    name?: string;
+    value?: string;
+    required?: boolean;
+    form?: string;
+};
+export declare const Checkbox: import('../../../node_modules/react').ForwardRefExoticComponent<BaseButtonProps & AsChildProp & {
+    checked?: CheckedState;
+    defaultChecked?: CheckedState;
+    onCheckedChange?: (checked: CheckedState) => void;
+    name?: string;
+    value?: string;
+    required?: boolean;
+    form?: string;
+} & import('../../../node_modules/react').RefAttributes<HTMLButtonElement>>;
+export type CheckboxIndicatorProps = HTMLAttributes<HTMLSpanElement> & AsChildProp & {
+    forceMount?: boolean;
+};
+export declare const CheckboxIndicator: import('../../../node_modules/react').ForwardRefExoticComponent<HTMLAttributes<HTMLSpanElement> & AsChildProp & {
+    forceMount?: boolean;
+} & import('../../../node_modules/react').RefAttributes<HTMLSpanElement>>;
+export {};
+//# sourceMappingURL=CheckboxBase.d.ts.map

package/dist/Checkbox/CheckboxBase.js

@@ -1,4 +1,5 @@
 "use client";
+import "./styles/main.css";
 import { jsx as m, jsxs as M } from "react/jsx-runtime";
 import { Slot as C } from "../primitives/slot.js";
 import { useControllableState as O, cn as w } from "../utils/shared.js";

package/dist/Dialog/DialogBase.d.ts

@@ -0,0 +1,71 @@
+import { VariantProps } from 'class-variance-authority';
+import { ReactElement, ReactNode } from '../../../node_modules/react';
+export type DialogBaseProps = {
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    children: ReactNode;
+};
+export type DialogContextValue = {
+    open: boolean;
+    setOpen: (open: boolean) => void;
+    contentId: string;
+    titleId: string;
+    descriptionId: string;
+};
+export type TriggerableElement = ReactElement<{
+    onClick?: () => void;
+}>;
+export declare function useDialogContext(): DialogContextValue;
+export declare function DialogBase({ open: controlledOpen, defaultOpen, onOpenChange, children }: DialogBaseProps): import("react/jsx-runtime").JSX.Element;
+type DialogTriggerProps = {
+    children: ReactNode;
+    asChild?: boolean;
+};
+export declare function DialogTriggerBase({ children, asChild }: DialogTriggerProps): import("react/jsx-runtime").JSX.Element;
+type DialogCloseProps = {
+    children: ReactNode;
+    asChild?: boolean;
+};
+export declare function DialogCloseBase({ children, asChild }: DialogCloseProps): import("react/jsx-runtime").JSX.Element;
+type DialogPortalProps = {
+    children: ReactNode;
+    container?: Element | DocumentFragment;
+};
+export declare function DialogPortalBase({ children, container }: DialogPortalProps): import('../../../node_modules/react').ReactPortal | null;
+type DialogOverlayProps = {
+    className?: string;
+};
+export declare function DialogOverlayBase({ className }: DialogOverlayProps): import("react/jsx-runtime").JSX.Element | null;
+declare const contentVariants: (props?: ({
+    size?: "sm" | "lg" | "md" | "xl" | "2xl" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type DialogSize = 'sm' | 'md' | 'lg' | 'xl' | '2xl';
+export type DialogContentProps = {
+    children: ReactNode;
+    className?: string;
+    size?: DialogSize;
+    onPointerDownOutside?: (event: PointerEvent) => void;
+    onEscapeKeyDown?: (event: KeyboardEvent) => void;
+} & VariantProps<typeof contentVariants>;
+export declare function DialogContentBase({ children, className, size, onPointerDownOutside, onEscapeKeyDown, }: DialogContentProps): import("react/jsx-runtime").JSX.Element | null;
+type DialogTitleProps = {
+    children: ReactNode;
+    className?: string;
+};
+export declare function DialogTitleBase({ children, className }: DialogTitleProps): import("react/jsx-runtime").JSX.Element;
+type DialogDescriptionProps = {
+    children: ReactNode;
+    className?: string;
+};
+export declare function DialogDescriptionBase({ children, className }: DialogDescriptionProps): import("react/jsx-runtime").JSX.Element;
+export declare function DialogHeaderBase({ children, className }: {
+    children: ReactNode;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function DialogFooterBase({ children, className }: {
+    children: ReactNode;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=DialogBase.d.ts.map

package/dist/Dialog/DialogBase.js

@@ -0,0 +1,206 @@
+"use client";
+import "./styles/main.css";
+import { jsx as a, jsxs as v } from "react/jsx-runtime";
+import { c as u } from "../twUtils-CRiPKpXj.js";
+import { c as N } from "../index-CRBC94ik.js";
+import { createContext as z, useContext as L, useState as C, useMemo as w, useCallback as b, cloneElement as k, useEffect as x, useRef as O, isValidElement as y } from "react";
+import { createPortal as P } from "react-dom";
+import { c as T } from "../createLucideIcon-CI1yJrZf.js";
+/**
+ * @license lucide-react v0.542.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const V = [
+  ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
+  ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
+], R = T("x", V), D = z(null);
+function f() {
+  const e = L(D);
+  if (!e)
+    throw new Error("Dialog components must be used within <Dialog>");
+  return e;
+}
+function E(e) {
+  return y(e) && typeof e.type != "string" ? !0 : y(e);
+}
+let h = 0;
+function U({ open: e, defaultOpen: t = !1, onOpenChange: n, children: o }) {
+  const [c, s] = C(t), l = e !== void 0, m = l ? e : c, p = w(
+    () => ({
+      contentId: `dialog-content-${++h}`,
+      titleId: `dialog-title-${h}`,
+      descriptionId: `dialog-description-${h}`
+    }),
+    []
+  ), g = b(
+    (i) => {
+      l || s(i), n?.(i);
+    },
+    [l, n]
+  ), d = w(
+    () => ({
+      open: m,
+      setOpen: g,
+      ...p
+    }),
+    [m, g, p]
+  );
+  return /* @__PURE__ */ a(D.Provider, { value: d, children: o });
+}
+function X({ children: e, asChild: t = !0 }) {
+  const { setOpen: n } = f(), o = b(() => {
+    n(!0);
+  }, [n]);
+  if (!t)
+    return /* @__PURE__ */ a("button", { onClick: o, children: e });
+  if (!E(e))
+    throw new Error("DialogTrigger expects a single React element as child");
+  return k(e, {
+    onClick: o
+  });
+}
+function j({ children: e, asChild: t = !0 }) {
+  const { setOpen: n } = f(), o = b(() => {
+    n(!1);
+  }, [n]);
+  if (!t)
+    return /* @__PURE__ */ a("button", { onClick: o, children: e });
+  if (!E(e))
+    throw new Error("DialogClose expects a single React element as child");
+  return k(e, {
+    onClick: o
+  });
+}
+function B({ children: e, container: t }) {
+  const [n, o] = C(!1);
+  return x(() => (o(!0), () => o(!1)), []), n ? P(e, t ?? document.body) : null;
+}
+function q({ className: e }) {
+  const { open: t, setOpen: n } = f(), o = b(
+    (c) => {
+      c.target === c.currentTarget && n(!1);
+    },
+    [n]
+  );
+  return t ? /* @__PURE__ */ a(B, { children: /* @__PURE__ */ a(
+    "div",
+    {
+      className: u(
+        "data-[state=open]:animate-in data-[state=open]:fade-in-0 fixed inset-0 z-40 bg-black/50 backdrop-blur-sm",
+        "data-[state=closed]:animate-out data-[state=closed]:fade-out-0",
+        e
+      ),
+      "data-state": t ? "open" : "closed",
+      onClick: o,
+      "aria-hidden": "true"
+    }
+  ) }) : null;
+}
+const M = N(
+  [
+    "fixed left-1/2 top-1/2 z-50 w-full -translate-x-1/2 -translate-y-1/2 rounded-lg p-6 shadow-lg outline-none data-[state=open]:animate-in data-[state=open]:fade-in-0",
+    "data-[state=open]:zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95"
+  ],
+  {
+    variants: {
+      size: {
+        sm: "max-w-sm",
+        md: "max-w-md",
+        lg: "max-w-lg",
+        xl: "max-w-xl",
+        "2xl": "max-w-2xl"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+function G({
+  children: e,
+  className: t,
+  size: n,
+  onPointerDownOutside: o,
+  onEscapeKeyDown: c
+}) {
+  const { open: s, setOpen: l, contentId: m, titleId: p, descriptionId: g } = f(), d = O(null);
+  return x(() => {
+    if (!s || !d.current) return;
+    const i = d.current, r = document.activeElement;
+    return i.focus(), () => {
+      r && typeof r.focus == "function" && r.focus();
+    };
+  }, [s]), x(() => {
+    if (!s) return;
+    const i = (r) => {
+      r.key === "Escape" && (r.preventDefault(), c?.(r), r.defaultPrevented || l(!1));
+    };
+    return document.addEventListener("keydown", i, { capture: !0 }), () => document.removeEventListener("keydown", i, { capture: !0 });
+  }, [s, c, l]), x(() => {
+    if (!s) return;
+    const i = (r) => {
+      const I = r.target;
+      d.current && !d.current.contains(I) && (o?.(r), r.defaultPrevented || l(!1));
+    };
+    return document.addEventListener("pointerdown", i, { capture: !0 }), () => document.removeEventListener("pointerdown", i, { capture: !0 });
+  }, [s, o, l]), s ? /* @__PURE__ */ a(B, { children: /* @__PURE__ */ v(
+    "div",
+    {
+      ref: d,
+      id: m,
+      role: "dialog",
+      "aria-modal": "true",
+      "aria-labelledby": p,
+      "aria-describedby": g,
+      "data-state": s ? "open" : "closed",
+      tabIndex: -1,
+      className: u(M({ size: n }), t),
+      children: [
+        /* @__PURE__ */ a(j, { asChild: !0, children: /* @__PURE__ */ v(
+          "button",
+          {
+            className: u(
+              "ring-offset-background absolute top-4 right-4 rounded-sm opacity-70 transition-opacity hover:opacity-100",
+              "focus:ring-ring focus:ring-2 focus:ring-offset-2 focus:outline-none disabled:pointer-events-none"
+            ),
+            "aria-label": "Close dialog",
+            children: [
+              /* @__PURE__ */ a(R, { className: "h-4 w-4" }),
+              /* @__PURE__ */ a("span", { className: "sr-only", children: "Close" })
+            ]
+          }
+        ) }),
+        e
+      ]
+    }
+  ) }) : null;
+}
+function J({ children: e, className: t }) {
+  const { titleId: n } = f();
+  return /* @__PURE__ */ a("h2", { id: n, className: u("text-lg leading-none font-semibold tracking-tight", t), children: e });
+}
+function K({ children: e, className: t }) {
+  const { descriptionId: n } = f();
+  return /* @__PURE__ */ a("p", { id: n, className: u("text-text-secondary text-sm", t), children: e });
+}
+function Q({ children: e, className: t }) {
+  return /* @__PURE__ */ a("div", { className: u("flex flex-col space-y-1.5 text-center text-left", t), children: e });
+}
+function W({ children: e, className: t }) {
+  return /* @__PURE__ */ a("div", { className: u("flex flex-col-reverse flex-row justify-end space-x-2", t), children: e });
+}
+export {
+  U as DialogBase,
+  j as DialogCloseBase,
+  G as DialogContentBase,
+  K as DialogDescriptionBase,
+  W as DialogFooterBase,
+  Q as DialogHeaderBase,
+  q as DialogOverlayBase,
+  B as DialogPortalBase,
+  J as DialogTitleBase,
+  X as DialogTriggerBase,
+  f as useDialogContext
+};