@spear-ai/spectral 1.4.8 → 1.4.9

package/dist/Dialog/DialogBase.d.ts

@@ -4,24 +4,24 @@ export type DialogBaseProps = {
     children: ReactNode;
     dataTestId?: string;
     defaultOpen?: boolean;
-    open?: boolean;
+    isOpen?: boolean;
     modal?: boolean;
-    onOpenChange?: (open: boolean) => void;
+    onOpenChange?: (isOpen: boolean) => void;
 };
 export type DialogContextValue = {
     contentId: string;
     dataTestId?: string;
     descriptionId: string;
     modal: boolean;
-    open: boolean;
-    setOpen: (open: boolean) => void;
+    isOpen: boolean;
+    setIsOpen: (isOpen: boolean) => void;
     titleId: string;
 };
 export type TriggerableElement = ReactElement<{
     onClick?: (...args: unknown[]) => void;
 }>;
 export declare function useDialogContext(): DialogContextValue;
-export declare function DialogBase({ open: controlledOpen, defaultOpen, onOpenChange, children, modal }: DialogBaseProps): import("react/jsx-runtime").JSX.Element;
+export declare function DialogBase({ isOpen: controlledIsOpen, defaultOpen, onOpenChange, children, modal }: DialogBaseProps): import("react/jsx-runtime").JSX.Element;
 type DialogTriggerProps = {
     asChild?: boolean;
     children: ReactNode;

package/dist/Dialog/DialogBase.js

@@ -1,88 +1,88 @@
 "use client";
 import "../styles/main.css";
-import { jsx as r, jsxs as I } from "react/jsx-runtime";
+import { jsx as s, jsxs as E } from "react/jsx-runtime";
 import { CloseIcon as V } from "../Icons/CloseIcon.js";
 import { cn as f } from "../utils/twUtils.js";
 import { c as L } from "../index-D29mdTf5.js";
-import { createContext as j, useContext as A, useState as z, useMemo as B, useCallback as k, cloneElement as R, useEffect as y, useRef as D, isValidElement as N } from "react";
-import { createPortal as $ } from "react-dom";
-const T = j(null);
-function m() {
-  const t = A(T);
+import { createContext as j, useContext as $, useState as N, useMemo as I, useCallback as w, cloneElement as O, useEffect as k, useRef as D, isValidElement as B } from "react";
+import { createPortal as M } from "react-dom";
+const z = j(null);
+function g() {
+  const t = $(z);
   if (!t)
     throw new Error("Dialog components must be used within <Dialog>");
   return t;
 }
-function O(t) {
-  return N(t) && typeof t.type != "string" ? !0 : N(t);
+function R(t) {
+  return B(t) && typeof t.type != "string" ? !0 : B(t);
 }
 let h = 0;
-function Q({ open: t, defaultOpen: o = !1, onOpenChange: e, children: n, modal: a = !0 }) {
-  const [l, d] = z(o), s = t !== void 0, u = s ? t : l, b = B(
+function K({ isOpen: t, defaultOpen: o = !1, onOpenChange: e, children: n, modal: a = !0 }) {
+  const [l, d] = N(o), r = t !== void 0, u = r ? t : l, b = I(
     () => ({
       contentId: `dialog-content-${++h}`,
       descriptionId: `dialog-description-${h}`,
       titleId: `dialog-title-${h}`
     }),
     []
-  ), C = k(
+  ), C = w(
     (p) => {
-      s || d(p), e?.(p);
+      r || d(p), e?.(p);
     },
-    [s, e]
-  ), w = B(
+    [r, e]
+  ), y = I(
     () => ({
       modal: a,
-      open: u,
-      setOpen: C,
+      isOpen: u,
+      setIsOpen: C,
       ...b
     }),
     [u, C, a, b]
   );
-  return /* @__PURE__ */ r(T.Provider, { value: w, children: n });
+  return /* @__PURE__ */ s(z.Provider, { value: y, children: n });
 }
-function W({ children: t, asChild: o = !0, dataTestId: e }) {
-  const { setOpen: n } = m(), a = k(() => {
+function Q({ children: t, asChild: o = !0, dataTestId: e }) {
+  const { setIsOpen: n } = g(), a = w(() => {
     n(!0);
   }, [n]);
   if (!o)
-    return /* @__PURE__ */ r("button", { "data-slot": "dialog-trigger", "data-testid": e, onClick: a, tabIndex: 0, children: t });
-  if (!O(t))
+    return /* @__PURE__ */ s("button", { "data-slot": "dialog-trigger", "data-testid": e, onClick: a, tabIndex: 0, children: t });
+  if (!R(t))
     throw new Error("DialogTrigger expects a single React element as child");
   const l = t.props.onClick;
-  return R(t, {
+  return O(t, {
     onClick: (...d) => {
       l?.(...d), a();
     }
   });
 }
-function M({ children: t, asChild: o = !0, dataTestId: e }) {
-  const { setOpen: n } = m(), a = k(() => {
+function A({ children: t, asChild: o = !0, dataTestId: e }) {
+  const { setIsOpen: n } = g(), a = w(() => {
     n(!1);
   }, [n]);
   if (!o)
-    return /* @__PURE__ */ r("button", { className: "cursor-pointer focus-visible:outline-none outline-transparent focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1", "data-slot": "dialog-close", "data-testid": e, onClick: a, tabIndex: 0, children: t });
-  if (!O(t))
+    return /* @__PURE__ */ s("button", { className: "cursor-pointer focus-visible:outline-none outline-transparent focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1", "data-slot": "dialog-close", "data-testid": e, onClick: a, tabIndex: 0, children: t });
+  if (!R(t))
     throw new Error("DialogClose expects a single React element as child");
   const l = t.props.onClick;
-  return R(t, {
+  return O(t, {
     onClick: (...d) => {
       l?.(...d), a();
     }
   });
 }
-function P({ children: t, container: o }) {
-  const [e, n] = z(!1);
-  return y(() => (n(!0), () => n(!1)), []), e ? $(t, o ?? document.body) : null;
+function T({ children: t, container: o }) {
+  const [e, n] = N(!1);
+  return k(() => (n(!0), () => n(!1)), []), e ? M(t, o ?? document.body) : null;
 }
-function X({ className: t, dataTestId: o }) {
-  const { open: e, setOpen: n } = m(), a = k(
+function W({ className: t, dataTestId: o }) {
+  const { isOpen: e, setIsOpen: n } = g(), a = w(
     (l) => {
       l.target === l.currentTarget && n(!1);
     },
     [n]
   );
-  return e ? /* @__PURE__ */ r(P, { children: /* @__PURE__ */ r(
+  return e ? /* @__PURE__ */ s(T, { children: /* @__PURE__ */ s(
     "div",
     {
       "aria-hidden": "true",
@@ -113,52 +113,52 @@ const F = L(
     }
   }
 );
-function Y({ children: t, className: o, dataTestId: e, onEscapeKeyDown: n, onInteractOutside: a, onPointerDownOutside: l, size: d }) {
-  const { open: s, setOpen: u, contentId: b, titleId: C, descriptionId: w, modal: p } = m(), g = D(null), x = D(null), v = D(!1);
-  return y(() => {
-    if (!s) {
+function X({ children: t, className: o, dataTestId: e, onEscapeKeyDown: n, onInteractOutside: a, onPointerDownOutside: l, size: d }) {
+  const { isOpen: r, setIsOpen: u, contentId: b, titleId: C, descriptionId: y, modal: p } = g(), m = D(null), x = D(null), v = D(!1);
+  return k(() => {
+    if (!r) {
       v.current && x.current && typeof x.current.focus == "function" && x.current.focus(), x.current = null, v.current = !1;
       return;
     }
-    if (!g.current || v.current) return;
+    if (!m.current || v.current) return;
     v.current = !0;
-    const c = g.current;
+    const c = m.current;
     x.current = document.activeElement, setTimeout(() => {
-      if (!c || !g.current) return;
+      if (!c || !m.current) return;
       const i = document.activeElement;
       (!c.contains(i) || i === document.body) && c.focus();
     }, 0);
-  }, [s]), y(() => {
-    if (!s) return;
+  }, [r, u]), k(() => {
+    if (!r) return;
     const c = (i) => {
       i.key === "Escape" && (n?.(i), a?.(i), i.defaultPrevented || (i.preventDefault(), u(!1)));
     };
     return document.addEventListener("keydown", c, { capture: !0 }), () => {
       document.removeEventListener("keydown", c, { capture: !0 });
     };
-  }, [s, n, a, u]), y(() => {
-    if (!s) return;
+  }, [r, n, a]), k(() => {
+    if (!r) return;
     const c = (i) => {
-      const E = i.target;
-      g.current && !g.current.contains(E) && (E.closest("[role='dialog']") !== null || (l?.(i), a?.(i), !p && !i.defaultPrevented && u(!1)));
+      const P = i.target;
+      m.current && !m.current.contains(P) && (l?.(i), a?.(i), !p && !i.defaultPrevented && u(!1));
     };
     return document.addEventListener("pointerdown", c), () => document.removeEventListener("pointerdown", c);
-  }, [s, l, a, u, p]), s ? /* @__PURE__ */ r(P, { children: /* @__PURE__ */ I(
+  }, [r, l, a, u, p]), r ? /* @__PURE__ */ s(T, { children: /* @__PURE__ */ E(
     "div",
     {
-      "aria-describedby": w,
+      "aria-describedby": y,
       "aria-labelledby": C,
       "aria-modal": "true",
       className: f(F({ size: d }), o),
       "data-slot": "dialog-content",
-      "data-state": s ? "open" : "closed",
+      "data-state": r ? "open" : "closed",
       "data-testid": e,
       id: b,
-      ref: g,
+      ref: m,
       role: "dialog",
       tabIndex: -1,
       children: [
-        /* @__PURE__ */ r(M, { asChild: !0, children: /* @__PURE__ */ I(
+        /* @__PURE__ */ s(A, { asChild: !0, children: /* @__PURE__ */ E(
           "button",
           {
             "aria-label": "Close dialog",
@@ -166,8 +166,8 @@ function Y({ children: t, className: o, dataTestId: e, onEscapeKeyDown: n, onInt
             "data-slot": "dialog-close",
             "data-testid": "spectral-dialog-close-icon",
             children: [
-              /* @__PURE__ */ r(V, { size: 16 }),
-              /* @__PURE__ */ r("span", { className: "sr-only", children: "Close" })
+              /* @__PURE__ */ s(V, { size: 16 }),
+              /* @__PURE__ */ s("span", { className: "sr-only", children: "Close" })
             ]
           }
         ) }),
@@ -176,30 +176,30 @@ function Y({ children: t, className: o, dataTestId: e, onEscapeKeyDown: n, onInt
     }
   ) }) : null;
 }
+function Y({ children: t, className: o, dataTestId: e }) {
+  const { titleId: n } = g();
+  return /* @__PURE__ */ s("h2", { className: f("text-base font-semibold leading-none tracking-tight", o), "data-slot": "dialog-title", "data-testid": e, id: n, children: t });
+}
 function Z({ children: t, className: o, dataTestId: e }) {
-  const { titleId: n } = m();
-  return /* @__PURE__ */ r("h2", { className: f("text-base font-semibold leading-none tracking-tight", o), "data-slot": "dialog-title", "data-testid": e, id: n, children: t });
+  const { descriptionId: n } = g();
+  return /* @__PURE__ */ s("p", { className: f("text-sm text-text-secondary", o), "data-slot": "dialog-description", "data-testid": e, id: n, children: t });
 }
 function _({ children: t, className: o, dataTestId: e }) {
-  const { descriptionId: n } = m();
-  return /* @__PURE__ */ r("p", { className: f("text-sm text-text-secondary", o), "data-slot": "dialog-description", "data-testid": e, id: n, children: t });
+  return /* @__PURE__ */ s("div", { className: f("flex flex-col space-y-1.5 text-center text-left", o), "data-slot": "dialog-header", "data-testid": e, children: t });
 }
 function tt({ children: t, className: o, dataTestId: e }) {
-  return /* @__PURE__ */ r("div", { className: f("flex flex-col space-y-1.5 text-center text-left", o), "data-slot": "dialog-header", "data-testid": e, children: t });
-}
-function et({ children: t, className: o, dataTestId: e }) {
-  return /* @__PURE__ */ r("div", { className: f("flex flex-col-reverse flex-row justify-end space-x-2", o), "data-slot": "dialog-footer", "data-testid": e, children: t });
+  return /* @__PURE__ */ s("div", { className: f("flex flex-col-reverse flex-row justify-end space-x-2", o), "data-slot": "dialog-footer", "data-testid": e, children: t });
 }
 export {
-  Q as DialogBase,
-  M as DialogCloseBase,
-  Y as DialogContentBase,
-  _ as DialogDescriptionBase,
-  et as DialogFooterBase,
-  tt as DialogHeaderBase,
-  X as DialogOverlayBase,
-  P as DialogPortalBase,
-  Z as DialogTitleBase,
-  W as DialogTriggerBase,
-  m as useDialogContext
+  K as DialogBase,
+  A as DialogCloseBase,
+  X as DialogContentBase,
+  Z as DialogDescriptionBase,
+  tt as DialogFooterBase,
+  _ as DialogHeaderBase,
+  W as DialogOverlayBase,
+  T as DialogPortalBase,
+  Y as DialogTitleBase,
+  Q as DialogTriggerBase,
+  g as useDialogContext
 };

package/dist/Dialog.js

@@ -3,19 +3,19 @@ import { jsx as o, Fragment as n } from "react/jsx-runtime";
 import { DialogBase as g, DialogCloseBase as c, DialogContentBase as f, DialogDescriptionBase as u, DialogFooterBase as m, DialogHeaderBase as p, DialogOverlayBase as D, DialogPortalBase as x, DialogTitleBase as T, DialogTriggerBase as B } from "./Dialog/DialogBase.js";
 import { cn as l } from "./utils/twUtils.js";
 import "react";
-function v({ ...a }) {
+function h({ ...a }) {
   return /* @__PURE__ */ o(g, { "data-slot": "dialog", "data-testid": "spectral-dialog", ...a });
 }
-function w({ dataTestId: a, ...t }) {
-  return /* @__PURE__ */ o(B, { "data-slot": "dialog-trigger", dataTestId: a || "dialog-trigger", ...t });
+function v({ dataTestId: a, ...t }) {
+  return /* @__PURE__ */ o(B, { asChild: !0, "data-slot": "dialog-trigger", dataTestId: a || "dialog-trigger", ...t });
 }
-function h({ ...a }) {
+function w({ ...a }) {
   return /* @__PURE__ */ o(x, { "data-slot": "dialog-portal", "data-testid": "dialog-portal", ...a });
 }
-function z({ dataTestId: a, ...t }) {
+function C({ dataTestId: a, ...t }) {
   return /* @__PURE__ */ o(c, { "data-slot": "dialog-close", dataTestId: a || "dialog-close", ...t });
 }
-function C({ className: a, dataTestId: t, ...e }) {
+function z({ className: a, dataTestId: t, ...e }) {
   return /* @__PURE__ */ o(
     D,
     {
@@ -65,14 +65,14 @@ function P({ className: a, dataTestId: t, ...e }) {
   return /* @__PURE__ */ o(u, { className: l("text-muted-foreground text-sm", a), "data-slot": "dialog-description", dataTestId: t || "dialog-description", ...e });
 }
 export {
-  v as Dialog,
-  z as DialogClose,
+  h as Dialog,
+  C as DialogClose,
   F as DialogContent,
   P as DialogDescription,
   H as DialogFooter,
   j as DialogHeader,
-  C as DialogOverlay,
-  h as DialogPortal,
+  z as DialogOverlay,
+  w as DialogPortal,
   O as DialogTitle,
-  w as DialogTrigger
+  v as DialogTrigger
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spear-ai/spectral",
-  "version": "1.4.8",
+  "version": "1.4.9",
   "type": "module",
   "private": false,
   "repository": {