@spear-ai/spectral 1.3.62 → 1.3.63

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.js

@@ -3,7 +3,7 @@ import "../styles/main.css";
 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 { 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) {

package/dist/Checkbox.js

@@ -6,7 +6,7 @@ import "./Icons/AnnotationsIcon.js";
 import "./Icons/CalendarIcon.js";
 import "./Icons/CheckCircleIcon.js";
 import "./Icons/CheckSquareIcon.js";
-import { CheckmarkIcon as h } from "./Icons/CheckmarkIcon.js";
+import { CheckmarkIcon as n } from "./Icons/CheckmarkIcon.js";
 import "./Icons/ChevronDownIcon.js";
 import "./Icons/ChevronUpIcon.js";
 import "./Icons/ClockIcon.js";
@@ -32,8 +32,9 @@ 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 n } from "./Icons/MinusIcon.js";
+import { MinusIcon as h } from "./Icons/MinusIcon.js";
 import "./Icons/OntologyIcon.js";
 import "./Icons/PanelIconClose.js";
 import "./Icons/PanelIconOpen.js";
@@ -49,35 +50,33 @@ import "./Icons/WarningIcon.js";
 import "./Icons/ZoomAllIcon.js";
 import "./Icons/ZoomXIcon.js";
 import "./Icons/ZoomYIcon.js";
-import { c as i } from "./twUtils-CRiPKpXj.js";
+import { cn as t } from "./utils/twUtils.js";
 import { forwardRef as x } from "react";
 const k = x(
-  ({ className: e, id: r, labelText: m, onCheckedChange: t, checked: c, required: p, ...a }, s) => /* @__PURE__ */ d("div", { className: "flex items-center gap-2", children: [
+  ({ 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: i(
+        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-hidden focus-visible:outline-1 focus-visible:outline-offset-2 disabled:cursor-not-allowed",
+            "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,
-        id: r,
         "aria-labelledby": `${r}-label`,
         "aria-required": p,
-        onCheckedChange: t,
-        onCheckedChange: t,
+        onCheckedChange: m,
         ref: s,
         ...a,
         children: /* @__PURE__ */ o(
           b,
           {
-            className: i("checkbox-indicator text-checkbox-indicator--checked flex items-center justify-center"),
-            children: c === "indeterminate" ? /* @__PURE__ */ o(n, { className: "checkbox-indeterminate", size: 16, strokeWidth: 4 }) : /* @__PURE__ */ o(h, { className: "checkbox-check", size: 16, strokeWidth: 4 })
+            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 })
           }
         )
       }
@@ -88,7 +87,7 @@ const k = x(
         htmlFor: r,
         className: "text-md text-text-primary peer-disabled:text-neutral-400",
         "data-testid": "checkbox-label",
-        children: m
+        children: i
       }
     )
   ] })

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(