@spear-ai/spectral 1.3.61 → 1.3.63

package/dist/ButtonGroup/ButtonGroupButton.js

@@ -0,0 +1,51 @@
+import "../styles/main.css";
+import { jsx as n } from "react/jsx-runtime";
+import { Slot as s } from "../primitives/slot.js";
+import { cn as r } from "../utils/twUtils.js";
+import { c as l } from "../index-D29mdTf5.js";
+import "react";
+const c = l(
+  `inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-[var(--radius,0.375rem)] text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none
+  [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-accent focus-visible:outline-offset-2 focus-visible:outline-2 focus-visitble:outline-accent
+  aria-invalid:ring-destructive/20 aria-invalid:border-destructive bg-level-one text-text-primary hover:bg-level-two cursor-pointer active:text-accent`,
+  {
+    variants: {
+      variant: {
+        default: "",
+        outline: "border border-level-three active:text-accent active:border-accent"
+      },
+      size: {
+        default: "h-9 px-4 py-2 has-[>svg]:px-3",
+        sm: "h-8 gap-1.5 px-3 has-[>svg]:px-2.5",
+        lg: "h-10 px-6 has-[>svg]:px-4",
+        icon: "size-9",
+        "icon-sm": "size-8",
+        "icon-lg": "size-10"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+), u = ({
+  className: i,
+  variant: t,
+  size: e,
+  asChild: o = !1,
+  ...a
+}) => /* @__PURE__ */ n(
+  o ? s : "button",
+  {
+    "data-slot": "button-group-item",
+    "data-variant": t,
+    "data-size": e,
+    className: r(c({ variant: t, size: e, className: i })),
+    ...a
+  }
+);
+u.displayName = "ButtonGroupButton";
+export {
+  u as ButtonGroupButton,
+  c as buttonVariants
+};

package/dist/ButtonGroup.d.ts

@@ -0,0 +1,29 @@
+import { ButtonGroupButton, buttonVariants } from './ButtonGroupButton';
+import { Separator } from '../Separator/Separator';
+import { VariantProps } from 'class-variance-authority';
+import { ComponentProps } from 'react';
+export type ButtonGroupProps = ComponentProps<typeof ButtonGroup> & VariantProps<typeof buttonGroupVariants>;
+export declare const buttonGroupVariants: (props?: ({
+    orientation?: "horizontal" | "vertical" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const ButtonGroup: {
+    ({ className, orientation, variant, size, children, ...props }: ComponentProps<"div"> & VariantProps<typeof buttonGroupVariants> & VariantProps<typeof buttonVariants>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export declare const ButtonGroupItem: {
+    ({ children, className, size, variant, ...props }: ComponentProps<typeof ButtonGroupButton> & {
+        size?: VariantProps<typeof buttonVariants>["size"];
+        variant?: VariantProps<typeof buttonVariants>["variant"];
+    }): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export declare const ButtonGroupText: ({ className, asChild, ...props }: ComponentProps<"div"> & {
+    asChild?: boolean;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const ButtonGroupSeparator: {
+    ({ className, orientation, ...props }: ComponentProps<typeof Separator> & {
+        orientation?: "vertical" | "horizontal";
+    }): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=ButtonGroup.d.ts.map

package/dist/ButtonGroup.js

@@ -0,0 +1,89 @@
+"use client";
+import "./styles/main.css";
+import { jsx as n } from "react/jsx-runtime";
+import { ButtonGroupButton as d } from "./ButtonGroup/ButtonGroupButton.js";
+import { Separator as p } from "./Separator.js";
+import { Slot as m } from "./primitives/slot.js";
+import { cn as s } from "./utils/twUtils.js";
+import { c } from "./index-D29mdTf5.js";
+import { Children as f, isValidElement as v, cloneElement as b } from "react";
+const g = c(
+  `flex w-fit items-stretch [&>*]:focus-visible:z-10 [&>*]:focus-visible:relative [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1
+  has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md has-[>[data-slot=button-group]]:gap-2`,
+  {
+    variants: {
+      orientation: {
+        horizontal: "[&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none",
+        vertical: "flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none"
+      }
+    },
+    defaultVariants: {
+      orientation: "horizontal"
+    }
+  }
+), h = ({
+  className: o,
+  orientation: t,
+  variant: r,
+  size: a,
+  children: i,
+  ...l
+}) => /* @__PURE__ */ n(
+  "div",
+  {
+    role: "group",
+    "data-slot": "button-group",
+    "aria-label": l["aria-label"],
+    "data-orientation": t,
+    className: s(g({ orientation: t }), o),
+    ...l,
+    children: f.map(i, (e) => v(e) && e.type === u ? b(e, {
+      variant: e.props.variant ?? r,
+      size: e.props.size ?? a
+    }) : e)
+  }
+);
+h.displayName = "ButtonGroup";
+const u = ({
+  children: o,
+  className: t,
+  size: r,
+  variant: a,
+  ...i
+}) => /* @__PURE__ */ n(d, { "data-slot": "button-group-item", size: r, variant: a, className: s(t), ...i, children: o });
+u.displayName = "ButtonGroupItem";
+const C = ({
+  className: o,
+  asChild: t = !1,
+  ...r
+}) => /* @__PURE__ */ n(
+  t ? m : "div",
+  {
+    "data-slot": "button-group-text",
+    className: s(
+      "bg-muted flex items-center gap-2 rounded-md border px-4 text-sm font-medium shadow-xs [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4",
+      o
+    ),
+    ...r
+  }
+), x = ({
+  className: o,
+  orientation: t = "vertical",
+  ...r
+}) => /* @__PURE__ */ n(
+  p,
+  {
+    "data-slot": "button-group-separator",
+    orientation: t,
+    className: s("bg-level-three relative !m-0 self-stretch data-[orientation=vertical]:h-auto", o),
+    ...r
+  }
+);
+x.displayName = "ButtonGroupSeparator";
+export {
+  h as ButtonGroup,
+  u as ButtonGroupItem,
+  x as ButtonGroupSeparator,
+  C as ButtonGroupText,
+  g as buttonGroupVariants
+};

package/dist/ButtonIcon.js

@@ -31,6 +31,7 @@ import "./Icons/LiveViewIcon.js";
 import { LoaderIcon as N } 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";
@@ -48,7 +49,7 @@ import "./Icons/WarningIcon.js";
 import "./Icons/ZoomAllIcon.js";
 import "./Icons/ZoomXIcon.js";
 import "./Icons/ZoomYIcon.js";
-import { c as n } from "./twUtils-CRiPKpXj.js";
+import { cn as n } from "./utils/twUtils.js";
 import { forwardRef as g, isValidElement as k, cloneElement as p } from "react";
 const x = `bg-transparent hover:bg-level-one text-text-primary inline-flex items-center justify-center whitespace-nowrap transition-colors focus:outline-none focus-visible:outline-2
   focus-visible:outline-offset-2 focus-visible:outline-level-two cursor-pointer [&_svg]:pointer-events-none [&_svg]:shrink-0`, m = {

package/dist/Checkbox/CheckboxBase.d.ts

@@ -2,7 +2,7 @@ import { AsChildProp } from '../../primitives/slot';
 import { ButtonHTMLAttributes, HTMLAttributes } from 'react';
 export type CheckedState = boolean | 'indeterminate';
 type BaseButtonProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onChange' | 'value'>;
-export type CheckboxProps = BaseButtonProps & AsChildProp & {
+export type CheckboxBaseProps = BaseButtonProps & AsChildProp & {
     checked?: CheckedState;
     defaultChecked?: CheckedState;
     onCheckedChange?: (checked: CheckedState) => void;
@@ -11,7 +11,7 @@ export type CheckboxProps = BaseButtonProps & AsChildProp & {
     required?: boolean;
     form?: string;
 };
-export declare const Checkbox: import('react').ForwardRefExoticComponent<BaseButtonProps & AsChildProp & {
+export declare const CheckboxBase: import('react').ForwardRefExoticComponent<BaseButtonProps & AsChildProp & {
     checked?: CheckedState;
     defaultChecked?: CheckedState;
     onCheckedChange?: (checked: CheckedState) => void;

package/dist/Checkbox/CheckboxBase.js

@@ -1,18 +1,18 @@
 "use client";
 import "../styles/main.css";
-import { jsx as m, jsxs as M } from "react/jsx-runtime";
-import { useControllableState as O } from "../hooks/useControllableState.js";
+import { jsx as m, jsxs as K } from "react/jsx-runtime";
+import { useControllableState as M } from "../hooks/useControllableState.js";
 import { Slot as C } from "../primitives/slot.js";
-import { c as w } from "../twUtils-CRiPKpXj.js";
-import { createContext as T, forwardRef as E, useRef as V, useId as $, useEffect as y, useCallback as u, useContext as z } from "react";
-const R = T(null);
+import { cn as w } from "../utils/twUtils.js";
+import { createContext as O, forwardRef as E, useRef as T, useId as V, useEffect as y, useCallback as u, useContext as $ } from "react";
+const R = O(null);
 function I(r) {
   return r === "indeterminate" ? "indeterminate" : r ? "checked" : "unchecked";
 }
-function A(r) {
+function z(r) {
   return r === "indeterminate" ? !0 : !r;
 }
-const B = E(
+const A = E(
   ({
     asChild: r,
     className: d,
@@ -31,7 +31,7 @@ const B = E(
     // oxlint-disable-line no-unused-vars
     ...k
   }, S) => {
-    const o = V(null), P = $(), D = j ?? `chk-${P}`, [t, a] = O({
+    const o = T(null), P = V(), B = j ?? `chk-${P}`, [t, a] = M({
       value: l,
       defaultValue: i,
       onChange: f
@@ -54,24 +54,24 @@ const B = E(
       e.dispatchEvent(c);
     }, [t]), s = u(() => {
       if (n) return;
-      const e = A(t);
+      const e = z(t);
       a(e), queueMicrotask(() => g());
-    }, [n, g, a, t]), L = u(
+    }, [n, g, a, t]), D = u(
       (e) => {
         v?.(e), !e.defaultPrevented && s();
       },
       [s, v]
-    ), q = u(
+    ), L = u(
       (e) => {
         x?.(e), !e.defaultPrevented && e.key === " " && (e.preventDefault(), s());
       },
       [s, x]
-    ), F = r ? C : "button", K = S;
-    return /* @__PURE__ */ m(R.Provider, { value: { state: t, disabled: n }, children: /* @__PURE__ */ M(
-      F,
+    ), q = r ? C : "button", F = S;
+    return /* @__PURE__ */ m(R.Provider, { value: { state: t, disabled: n }, children: /* @__PURE__ */ K(
+      q,
       {
-        id: D,
-        ref: K,
+        id: B,
+        ref: F,
         type: "button",
         role: "checkbox",
         "aria-checked": t === "indeterminate" ? "mixed" : t,
@@ -86,8 +86,8 @@ const B = E(
           "data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",
           d
         ),
-        onClick: L,
-        onKeyDown: q,
+        onClick: D,
+        onKeyDown: L,
         disabled: n,
         ...k,
         children: [
@@ -120,10 +120,10 @@ const B = E(
     ) });
   }
 );
-B.displayName = "Checkbox";
+A.displayName = "CheckboxBase";
 const G = E(
   ({ asChild: r, className: d, forceMount: l, ...i }, f) => {
-    const n = z(R);
+    const n = $(R);
     return !n || !(n.state === !0 || n.state === "indeterminate") && !l ? null : /* @__PURE__ */ m(
       r ? C : "span",
       {
@@ -138,6 +138,6 @@ const G = E(
 );
 G.displayName = "CheckboxIndicator";
 export {
-  B as Checkbox,
+  A as CheckboxBase,
   G as CheckboxIndicator
 };

package/dist/Checkbox.d.ts

@@ -0,0 +1,14 @@
+import { CheckboxBase } from './CheckboxBase';
+import { ComponentPropsWithoutRef } from 'react';
+export interface CheckboxProps extends Omit<ComponentPropsWithoutRef<typeof CheckboxBase>, 'onCheckedChange'> {
+    checked?: boolean | 'indeterminate';
+    disabled?: boolean;
+    id: string;
+    labelText: string;
+    name?: string;
+    onCheckedChange: (value: boolean | 'indeterminate') => void;
+    required?: boolean;
+    value?: string;
+}
+export declare const Checkbox: import('react').ForwardRefExoticComponent<CheckboxProps & import('react').RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=Checkbox.d.ts.map

package/dist/Checkbox.js

@@ -0,0 +1,98 @@
+"use client";
+import "./styles/main.css";
+import { jsxs as d, jsx as o } from "react/jsx-runtime";
+import { CheckboxBase as l, CheckboxIndicator as b } from "./Checkbox/CheckboxBase.js";
+import "./Icons/AnnotationsIcon.js";
+import "./Icons/CalendarIcon.js";
+import "./Icons/CheckCircleIcon.js";
+import "./Icons/CheckSquareIcon.js";
+import { CheckmarkIcon as n } from "./Icons/CheckmarkIcon.js";
+import "./Icons/ChevronDownIcon.js";
+import "./Icons/ChevronUpIcon.js";
+import "./Icons/ClockIcon.js";
+import "./Icons/CloseCircleIcon.js";
+import "./Icons/CloseIcon.js";
+import "./Icons/DashboardIcon.js";
+import "./Icons/DeleteIcon.js";
+import "./Icons/DurationIcon.js";
+import "./Icons/EmailIcon.js";
+import "./Icons/EraserIcon.js";
+import "./Icons/ErrorIcon.js";
+import "./Icons/EyeClosedIcon.js";
+import "./Icons/EyeClosedIcon2.js";
+import "./Icons/EyeOpenIcon.js";
+import "./Icons/GoToFirstIcon.js";
+import "./Icons/GoToLastIcon.js";
+import "./Icons/HarmonicCursorsIcon.js";
+import "./Icons/InfoIcon.js";
+import "./Icons/LabelIcon.js";
+import "./Icons/LassoIcon.js";
+import "./Icons/LineToolIcon.js";
+import "./Icons/LiveViewIcon.js";
+import "./Icons/LoaderIcon.js";
+import "./Icons/LocationIcon.js";
+import "./Icons/LogoutIcon.js";
+import "./Icons/MessagesIcon.js";
+import "./Icons/MetadataIcon.js";
+import { MinusIcon as h } from "./Icons/MinusIcon.js";
+import "./Icons/OntologyIcon.js";
+import "./Icons/PanelIconClose.js";
+import "./Icons/PanelIconOpen.js";
+import "./Icons/PlayIcon.js";
+import "./Icons/PlusIcon.js";
+import "./Icons/ResetIcon.js";
+import "./Icons/ScissorsIcon.js";
+import "./Icons/SettingsIcon.js";
+import "./Icons/TrashIcon.js";
+import "./Icons/UndoIcon.js";
+import "./Icons/UserIcon.js";
+import "./Icons/WarningIcon.js";
+import "./Icons/ZoomAllIcon.js";
+import "./Icons/ZoomXIcon.js";
+import "./Icons/ZoomYIcon.js";
+import { cn as t } from "./utils/twUtils.js";
+import { forwardRef as x } from "react";
+const k = x(
+  ({ className: e, id: r, labelText: i, onCheckedChange: m, checked: c, required: p, ...a }, s) => /* @__PURE__ */ d("div", { className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ o(
+      l,
+      {
+        className: t(
+          [
+            "checkbox peer border-checkbox-border h-5 w-5 shrink-0 rounded-sm border hover:opacity-80",
+            "focus-visible:outline-checkbox-border--focus focus:outline-none focus-visible:outline-1 focus-visible:outline-offset-2 disabled:cursor-not-allowed",
+            "data-[state=checked]:border-checkbox-border--checked disabled:opacity-50"
+          ].join(" "),
+          e
+        ),
+        "data-testid": "checkbox",
+        id: r,
+        "aria-labelledby": `${r}-label`,
+        "aria-required": p,
+        onCheckedChange: m,
+        ref: s,
+        ...a,
+        children: /* @__PURE__ */ o(
+          b,
+          {
+            className: t("checkbox-indicator text-checkbox-indicator--checked flex items-center justify-center"),
+            children: c === "indeterminate" ? /* @__PURE__ */ o(h, { className: "checkbox-indeterminate", size: 16, strokeWidth: 4 }) : /* @__PURE__ */ o(n, { className: "checkbox-check", size: 16, strokeWidth: 4 })
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ o(
+      "label",
+      {
+        htmlFor: r,
+        className: "text-md text-text-primary peer-disabled:text-neutral-400",
+        "data-testid": "checkbox-label",
+        children: i
+      }
+    )
+  ] })
+);
+k.displayName = "Checkbox";
+export {
+  k as Checkbox
+};

package/dist/Dialog/DialogBase.d.ts

@@ -38,7 +38,7 @@ type DialogOverlayProps = {
 };
 export declare function DialogOverlayBase({ className }: DialogOverlayProps): import("react/jsx-runtime").JSX.Element | null;
 declare const contentVariants: (props?: ({
-    size?: "sm" | "md" | "lg" | "xl" | "2xl" | null | undefined;
+    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 = {

package/dist/Dialog/DialogBase.js

@@ -1,8 +1,8 @@
 "use client";
 import "../styles/main.css";
 import { jsx as s, jsxs as v } from "react/jsx-runtime";
-import { c as d } from "../twUtils-CRiPKpXj.js";
-import { c as B } from "../index-CRBC94ik.js";
+import { cn as d } from "../utils/twUtils.js";
+import { c as B } from "../index-D29mdTf5.js";
 import { createContext as N, useContext as z, useState as y, useMemo as k, useCallback as b, cloneElement as D, useEffect as x, useRef as P, isValidElement as w } from "react";
 import { createPortal as T } from "react-dom";
 import { X as V } from "../x-BBpi7a_7.js";

package/dist/Dialog.js

@@ -1,7 +1,7 @@
 import "./styles/main.css";
 import { jsx as e, Fragment as i } from "react/jsx-runtime";
-import { DialogBase as n, DialogCloseBase as s, DialogContentBase as r, DialogDescriptionBase as d, DialogFooterBase as g, DialogHeaderBase as c, DialogOverlayBase as u, DialogPortalBase as f, DialogTitleBase as m, DialogTriggerBase as D } from "./Dialog/DialogBase.js";
-import { c as o } from "./twUtils-CRiPKpXj.js";
+import { DialogBase as n, DialogCloseBase as r, DialogContentBase as s, DialogDescriptionBase as d, DialogFooterBase as g, DialogHeaderBase as c, DialogOverlayBase as u, DialogPortalBase as f, DialogTitleBase as m, DialogTriggerBase as D } from "./Dialog/DialogBase.js";
+import { cn as o } from "./utils/twUtils.js";
 import "react";
 function N({ ...a }) {
   return /* @__PURE__ */ e(n, { "data-slot": "dialog", ...a });
@@ -13,7 +13,7 @@ function w({ ...a }) {
   return /* @__PURE__ */ e(f, { "data-slot": "dialog-portal", ...a });
 }
 function C({ ...a }) {
-  return /* @__PURE__ */ e(s, { "data-slot": "dialog-close", ...a });
+  return /* @__PURE__ */ e(r, { "data-slot": "dialog-close", ...a });
 }
 function h({ className: a, ...t }) {
   return /* @__PURE__ */ e(
@@ -34,7 +34,7 @@ function v({
   ...l
 }) {
   return /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e(
-    r,
+    s,
     {
       "data-slot": "dialog-content",
       className: o(