@spear-ai/spectral 1.22.5 → 1.22.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spear-ai/spectral",
-  "version": "1.22.5",
+  "version": "1.22.7",
   "type": "module",
   "private": false,
   "engines": {
@@ -114,7 +114,7 @@
     "@types/react-dom": "^19.2.3",
     "@typescript/native-preview": "7.0.0-dev.20260430.1",
     "@vitejs/plugin-react": "^6.0.1",
-    "@vitest/browser": "^4.1.8",
+    "@vitest/browser": "^4.1.10",
     "@vitest/browser-playwright": "^4.1.5",
     "@vitest/coverage-v8": "^4.1.5",
     "@vitest/ui": "^4.1.5",

package/dist/DataCard/Card.d.ts

@@ -1,38 +0,0 @@
-'use client';
-import { ComponentProps } from "react";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
-
-//#region src/components/DataCard/Card.d.ts
-type CardProps = ComponentProps<'div'> & {
-  asChild?: boolean;
-};
-declare const CardBase: ({
-  ...props
-}: CardProps) => _$react_jsx_runtime0.JSX.Element;
-declare const CardHeader: ({
-  className,
-  ...props
-}: CardProps) => _$react_jsx_runtime0.JSX.Element;
-declare const CardTitle: ({
-  className,
-  asChild,
-  ...props
-}: CardProps) => _$react_jsx_runtime0.JSX.Element;
-declare const CardHeaderEndSlot: ({
-  className,
-  asChild,
-  ...props
-}: CardProps) => _$react_jsx_runtime0.JSX.Element;
-declare const CardContent: ({
-  className,
-  ...props
-}: CardProps) => _$react_jsx_runtime0.JSX.Element;
-declare const Card: ({
-  asChild,
-  children,
-  className,
-  ...props
-}: CardProps) => _$react_jsx_runtime0.JSX.Element;
-//#endregion
-export { Card, CardBase, CardContent, CardHeader, CardHeaderEndSlot, CardProps, CardTitle };
-//# sourceMappingURL=Card.d.ts.map

package/dist/DataCard/Card.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Card.d.ts","names":[],"sources":["../../src/components/DataCard/Card.tsx"],"mappings":";;;;;KAIY,SAAA,GAAY,cAAA;EAA0B,OAAA;AAAA;AAAA,cAIrC,QAAA;EAAA,GAAQ;AAAA,GAAkB,SAAA,KAAS,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,cAInC,UAAA;EAAU,SAAA;EAAA,GAAA;AAAA,GAA6B,SAAA,KAAS,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,cAIhD,SAAA;EAAS,SAAA;EAAA,OAAA;EAAA,GAAA;AAAA,GAA8C,SAAA,KAAS,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,cAMhE,iBAAA;EAAiB,SAAA;EAAA,OAAA;EAAA,GAAA;AAAA,GAA8C,SAAA,KAAS,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,cAMxE,WAAA;EAAW,SAAA;EAAA,GAAA;AAAA,GAA6B,SAAA,KAAS,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,cAIjD,IAAA;EAAI,OAAA;EAAA,QAAA;EAAA,SAAA;EAAA,GAAA;AAAA,GAAwD,SAAA,KAAS,oBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/DataCard/Card.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Card.js","names":[],"sources":["../../src/components/DataCard/Card.tsx"],"sourcesContent":["import { Slot } from '@primitives/slot'\nimport { cn } from '@utils/twUtils'\nimport { type ComponentProps } from 'react'\n\nexport type CardProps = ComponentProps<'div'> & { asChild?: boolean }\n\nconst cardClasses = 'text-text-primary flex flex-col w-full card-effects p-3 gap-6 rounded-xl'\n\nexport const CardBase = ({ ...props }: CardProps) => {\n  return <div data-slot='card' data-testid='spectral-card' {...props} />\n}\n\nexport const CardHeader = ({ className, ...props }: CardProps) => {\n  return <div className={cn('pb-4 @container/card-header flex items-center justify-between', className)} data-slot='card-header' data-testid='spectral-card-header' {...props} />\n}\n\nexport const CardTitle = ({ className, asChild = false, ...props }: CardProps) => {\n  const Comp = asChild ? Slot : 'div'\n\n  return <Comp className={cn('font-semibold text-xl', className)} data-slot='card-title' data-testid='spectral-card-title' {...props} />\n}\n\nexport const CardHeaderEndSlot = ({ className, asChild = false, ...props }: CardProps) => {\n  const Comp = asChild ? Slot : 'div'\n\n  return <Comp className={cn('justify-self-end', className)} data-slot='card-action' data-testid='spectral-card-action' {...props} />\n}\n\nexport const CardContent = ({ className, ...props }: CardProps) => {\n  return <div className={className} data-slot='card-content' data-testid='spectral-card-content' {...props} />\n}\n\nexport const Card = ({ asChild = false, children, className, ...props }: CardProps) => {\n  const Comp = asChild ? Slot : 'div'\n\n  return (\n    <Comp className={cn(cardClasses, className)} data-slot='card' data-testid='spectral-card' {...props}>\n      {children}\n    </Comp>\n  )\n}\n"],"mappings":";;;;;;;AAMA,MAAM,cAAc;AAEpB,MAAa,YAAY,EAAE,GAAG,YAAuB;AACnD,QAAO,oBAAC,OAAD;EAAK,aAAU;EAAmC,GAAI;EAAQ;;AAGvE,MAAa,cAAc,EAAE,WAAW,GAAG,YAAuB;AAChE,QAAO,oBAAC,OAAD;EAAK,WAAW,GAAG,iEAAiE,UAAU;EAAE,aAAU;EAAiD,GAAI;EAAQ;;AAGhL,MAAa,aAAa,EAAE,WAAW,UAAU,OAAO,GAAG,YAAuB;AAGhF,QAAO,oBAFM,UAAU,OAAO,OAEvB;EAAM,WAAW,GAAG,yBAAyB,UAAU;EAAE,aAAU;EAA+C,GAAI;EAAQ;;AAGvI,MAAa,qBAAqB,EAAE,WAAW,UAAU,OAAO,GAAG,YAAuB;AAGxF,QAAO,oBAFM,UAAU,OAAO,OAEvB;EAAM,WAAW,GAAG,oBAAoB,UAAU;EAAE,aAAU;EAAiD,GAAI;EAAQ;;AAGpI,MAAa,eAAe,EAAE,WAAW,GAAG,YAAuB;AACjE,QAAO,oBAAC,OAAD;EAAgB;EAAW,aAAU;EAAmD,GAAI;EAAQ;;AAG7G,MAAa,QAAQ,EAAE,UAAU,OAAO,UAAU,WAAW,GAAG,YAAuB;AAGrF,QACE,oBAHW,UAAU,OAAO,OAG5B;EAAM,WAAW,GAAG,aAAa,UAAU;EAAE,aAAU;EAAmC,GAAI;EAC3F;EACG"}

package/dist/DataCard.d.ts

@@ -1,25 +0,0 @@
-'use client';
-import { CardProps } from "./DataCard/Card.js";
-import { ReactNode } from "react";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
-
-//#region src/components/DataCard/DataCard.d.ts
-type DataCardProps = CardProps & {
-  accentColor: string;
-  cardHeaderEndSlot: ReactNode;
-  dataDescription?: string;
-  dataValue: string | number;
-  title: string;
-};
-declare const DataCard: ({
-  accentColor,
-  cardHeaderEndSlot,
-  className,
-  dataDescription,
-  dataValue,
-  title,
-  ...props
-}: DataCardProps) => _$react_jsx_runtime0.JSX.Element;
-//#endregion
-export { DataCard, DataCardProps };
-//# sourceMappingURL=DataCard.d.ts.map

package/dist/DataCard.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DataCard.d.ts","names":[],"sources":["../src/components/DataCard/DataCard.tsx"],"mappings":";;;;;;KAIY,aAAA,GAAgB,SAAA;EAC1B,WAAA;EACA,iBAAA,EAAmB,SAAA;EACnB,eAAA;EACA,SAAA;EACA,KAAA;AAAA;AAAA,cAGW,QAAA;EAAQ,WAAA;EAAA,iBAAA;EAAA,SAAA;EAAA,eAAA;EAAA,SAAA;EAAA,KAAA;EAAA,GAAA;AAAA,GAAgG,aAAA,KAAa,oBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/DataCard.js

@@ -1,37 +0,0 @@
-'use client';
-import { cn } from "./utils/twUtils.js";
-import { Card, CardContent, CardHeader, CardTitle } from "./DataCard/Card.js";
-import "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-
-//#region src/components/DataCard/DataCard.tsx
-const DataCard = ({ accentColor, cardHeaderEndSlot, className, dataDescription, dataValue, title, ...props }) => {
-	return /* @__PURE__ */ jsxs(Card, {
-		className: cn("gap-4 card-effects-medium", className),
-		...props,
-		children: [/* @__PURE__ */ jsxs(CardHeader, {
-			className: "pb-0",
-			children: [/* @__PURE__ */ jsx(CardTitle, {
-				className: "text-sm font-bold uppercase",
-				children: title
-			}), /* @__PURE__ */ jsx("div", {
-				style: { color: accentColor },
-				children: cardHeaderEndSlot
-			})]
-		}), /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsxs("div", {
-			className: "gap-4 flex flex-col",
-			children: [/* @__PURE__ */ jsx("div", {
-				className: "text-4xl font-bold tabular-nums",
-				style: { color: accentColor },
-				children: dataValue
-			}), dataDescription && /* @__PURE__ */ jsx("div", {
-				className: "text-xs text-data-card-description",
-				children: dataDescription
-			})]
-		}) })]
-	});
-};
-
-//#endregion
-export { DataCard };
-//# sourceMappingURL=DataCard.js.map

package/dist/DataCard.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DataCard.js","names":[],"sources":["../src/components/DataCard/DataCard.tsx"],"sourcesContent":["import { cn } from '@utils/twUtils'\nimport { type ReactNode } from 'react'\nimport { Card, CardContent, CardHeader, CardTitle, type CardProps } from './Card'\n\nexport type DataCardProps = CardProps & {\n  accentColor: string\n  cardHeaderEndSlot: ReactNode\n  dataDescription?: string\n  dataValue: string | number\n  title: string\n}\n\nexport const DataCard = ({ accentColor, cardHeaderEndSlot, className, dataDescription, dataValue, title, ...props }: DataCardProps) => {\n  return (\n    <Card\n      className={cn('gap-4 card-effects-medium', className)}\n      {...props}\n      data-testid='spectral-datacard'\n    >\n      <CardHeader\n        className='pb-0'\n        data-testid='spectral-datacard-header'\n      >\n        <CardTitle\n          className='text-sm font-bold uppercase'\n          data-testid='spectral-datacard-title'\n        >\n          {title}\n        </CardTitle>\n        <div\n          style={{ color: accentColor }}\n          data-testid='spectral-datacard-end-slot'\n        >\n          {cardHeaderEndSlot}\n        </div>\n      </CardHeader>\n      <CardContent>\n        <div className='gap-4 flex flex-col'>\n          <div\n            className='text-4xl font-bold tabular-nums'\n            data-testid='spectral-datacard-data-value'\n            style={{ color: accentColor }}\n          >\n            {dataValue}\n          </div>\n          {dataDescription && (\n            <div\n              className='text-xs text-data-card-description'\n              data-testid='spectral-datacard-data-description'\n            >\n              {dataDescription}\n            </div>\n          )}\n        </div>\n      </CardContent>\n    </Card>\n  )\n}\n"],"mappings":";;;;;;;AAYA,MAAa,YAAY,EAAE,aAAa,mBAAmB,WAAW,iBAAiB,WAAW,OAAO,GAAG,YAA2B;AACrI,QACE,qBAAC,MAAD;EACE,WAAW,GAAG,6BAA6B,UAAU;EACrD,GAAI;YAFN,CAKE,qBAAC,YAAD;GACE,WAAU;aADZ,CAIE,oBAAC,WAAD;IACE,WAAU;cAGT;IACQ,GACX,oBAAC,OAAD;IACE,OAAO,EAAE,OAAO,aAAa;cAG5B;IACE,EACK;MACZ,oBAAC,aAAD,YACE,qBAAC,OAAD;GAAK,WAAU;aAAf,CACE,oBAAC,OAAD;IACE,WAAU;IAEV,OAAO,EAAE,OAAO,aAAa;cAE5B;IACE,GACJ,mBACC,oBAAC,OAAD;IACE,WAAU;cAGT;IACE,EAEJ;MACM,EACT"}

package/dist/Icons/AnnotationsIcon.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AnnotationsIcon.d.ts","names":[],"sources":["../../src/components/Icons/AnnotationsIcon.tsx"],"mappings":";;;;;cAiBa,eAAA;EAAe,GAAA;EAAA,SAAA;EAAA,KAAA;EAAA,WAAA;EAAA,IAAA;EAAA,GAAA;AAAA,GAdyD,SAAA,KAAS,oBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/Icons/AnnotationsIcon.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AnnotationsIcon.js","names":[],"sources":["../../src/components/Icons/AnnotationsIcon.tsx"],"sourcesContent":["import { IconBase } from './IconBase'\nimport { type IconProps } from './iconTypes'\n\nconst IconAnnotations = ({ ref, className, title, description, size = 24, ...rest }: IconProps) => {\n  return (\n    <IconBase size={size} className={className} title={title} description={description} ref={ref} {...rest}>\n      <path\n        d='M13.6952 5.72122L15.8197 3.59668C16.6152 2.80111 17.9052 2.80111 18.7007 3.59668L20.4034 5.29931C21.1989 6.09488 21.1989 7.38475 20.4034 8.18031L18.2788 10.3049M13.6952 5.72122L3.29833 16.118C3.10732 16.309 3 16.5681 3 16.8383V21H7.16173C7.43187 21 7.69096 20.8927 7.88197 20.7017L18.2788 10.3049M13.6952 5.72122L18.2788 10.3049'\n        stroke='currentColor'\n        strokeWidth='2'\n        strokeLinecap='round'\n        strokeLinejoin='round'\n      />\n    </IconBase>\n  )\n}\n\nexport const AnnotationsIcon = Object.assign(IconAnnotations, { displayName: 'AnnotationsIcon' })\n"],"mappings":";;;;;AAGA,MAAM,mBAAmB,EAAE,KAAK,WAAW,OAAO,aAAa,OAAO,IAAI,GAAG,WAAsB;AACjG,QACE,oBAAC,UAAD;EAAgB;EAAiB;EAAkB;EAAoB;EAAkB;EAAK,GAAI;YAChG,oBAAC,QAAD;GACE,GAAE;GACF,QAAO;GACP,aAAY;GACZ,eAAc;GACd,gBAAe;GACf;EACO;;AAIf,MAAa,kBAAkB,OAAO,OAAO,iBAAiB,EAAE,aAAa,mBAAmB,CAAC"}

package/dist/Icons/PanelIconClose.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PanelIconClose.d.ts","names":[],"sources":["../../src/components/Icons/PanelIconClose.tsx"],"mappings":";;;;;cAaa,cAAA;EAAc,GAAA;EAAA,SAAA;EAAA,KAAA;EAAA,WAAA;EAAA,IAAA;EAAA,GAAA;AAAA,GAV6D,SAAA,KAAS,oBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/Icons/PanelIconClose.js

@@ -1,35 +0,0 @@
-'use client';
-import { IconBase } from "./IconBase.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-
-//#region src/components/Icons/PanelIconClose.tsx
-const IconPanelIconClose = ({ ref, className, title, description, size = 24, ...rest }) => {
-	return /* @__PURE__ */ jsxs(IconBase, {
-		size,
-		className,
-		title,
-		description,
-		ref,
-		stroke: "currentColor",
-		strokeWidth: 2,
-		strokeLinecap: "round",
-		strokeLinejoin: "round",
-		...rest,
-		children: [
-			/* @__PURE__ */ jsx("rect", {
-				width: "18",
-				height: "18",
-				x: "3",
-				y: "3",
-				rx: "2"
-			}),
-			/* @__PURE__ */ jsx("path", { d: "M9 3v18" }),
-			/* @__PURE__ */ jsx("path", { d: "m16 15-3-3 3-3" })
-		]
-	});
-};
-const PanelIconClose = Object.assign(IconPanelIconClose, { displayName: "PanelIconClose" });
-
-//#endregion
-export { PanelIconClose };
-//# sourceMappingURL=PanelIconClose.js.map

package/dist/Icons/PanelIconClose.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PanelIconClose.js","names":[],"sources":["../../src/components/Icons/PanelIconClose.tsx"],"sourcesContent":["import { IconBase } from './IconBase'\nimport { type IconProps } from './iconTypes'\n\nconst IconPanelIconClose = ({ ref, className, title, description, size = 24, ...rest }: IconProps) => {\n  return (\n    <IconBase size={size} className={className} title={title} description={description} ref={ref} stroke='currentColor' strokeWidth={2} strokeLinecap='round' strokeLinejoin='round' {...rest}>\n      <rect width='18' height='18' x='3' y='3' rx='2' />\n      <path d='M9 3v18' />\n      <path d='m16 15-3-3 3-3' />\n    </IconBase>\n  )\n}\n\nexport const PanelIconClose = Object.assign(IconPanelIconClose, { displayName: 'PanelIconClose' })\n"],"mappings":";;;;;AAGA,MAAM,sBAAsB,EAAE,KAAK,WAAW,OAAO,aAAa,OAAO,IAAI,GAAG,WAAsB;AACpG,QACE,qBAAC,UAAD;EAAgB;EAAiB;EAAkB;EAAoB;EAAkB;EAAK,QAAO;EAAe,aAAa;EAAG,eAAc;EAAQ,gBAAe;EAAQ,GAAI;YAArL;GACE,oBAAC,QAAD;IAAM,OAAM;IAAK,QAAO;IAAK,GAAE;IAAI,GAAE;IAAI,IAAG;IAAM;GAClD,oBAAC,QAAD,EAAM,GAAE,WAAY;GACpB,oBAAC,QAAD,EAAM,GAAE,kBAAmB;GAClB;;;AAIf,MAAa,iBAAiB,OAAO,OAAO,oBAAoB,EAAE,aAAa,kBAAkB,CAAC"}

package/dist/Icons/PanelIconOpen.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PanelIconOpen.d.ts","names":[],"sources":["../../src/components/Icons/PanelIconOpen.tsx"],"mappings":";;;;;cAaa,aAAA;EAAa,GAAA;EAAA,SAAA;EAAA,KAAA;EAAA,WAAA;EAAA,IAAA;EAAA,GAAA;AAAA,GAV6D,SAAA,KAAS,oBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/Icons/PanelIconOpen.js

@@ -1,35 +0,0 @@
-'use client';
-import { IconBase } from "./IconBase.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-
-//#region src/components/Icons/PanelIconOpen.tsx
-const IconPanelIconOpen = ({ ref, className, title, description, size = 24, ...rest }) => {
-	return /* @__PURE__ */ jsxs(IconBase, {
-		size,
-		className,
-		title,
-		description,
-		ref,
-		stroke: "currentColor",
-		strokeWidth: 2,
-		strokeLinecap: "round",
-		strokeLinejoin: "round",
-		...rest,
-		children: [
-			/* @__PURE__ */ jsx("rect", {
-				width: "18",
-				height: "18",
-				x: "3",
-				y: "3",
-				rx: "2"
-			}),
-			/* @__PURE__ */ jsx("path", { d: "M9 3v18" }),
-			/* @__PURE__ */ jsx("path", { d: "m14 9 3 3-3 3" })
-		]
-	});
-};
-const PanelIconOpen = Object.assign(IconPanelIconOpen, { displayName: "PanelIconOpen" });
-
-//#endregion
-export { PanelIconOpen };
-//# sourceMappingURL=PanelIconOpen.js.map

package/dist/Icons/PanelIconOpen.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PanelIconOpen.js","names":[],"sources":["../../src/components/Icons/PanelIconOpen.tsx"],"sourcesContent":["import { IconBase } from './IconBase'\nimport { type IconProps } from './iconTypes'\n\nconst IconPanelIconOpen = ({ ref, className, title, description, size = 24, ...rest }: IconProps) => {\n  return (\n    <IconBase size={size} className={className} title={title} description={description} ref={ref} stroke='currentColor' strokeWidth={2} strokeLinecap='round' strokeLinejoin='round' {...rest}>\n      <rect width='18' height='18' x='3' y='3' rx='2' />\n      <path d='M9 3v18' />\n      <path d='m14 9 3 3-3 3' />\n    </IconBase>\n  )\n}\n\nexport const PanelIconOpen = Object.assign(IconPanelIconOpen, { displayName: 'PanelIconOpen' })\n"],"mappings":";;;;;AAGA,MAAM,qBAAqB,EAAE,KAAK,WAAW,OAAO,aAAa,OAAO,IAAI,GAAG,WAAsB;AACnG,QACE,qBAAC,UAAD;EAAgB;EAAiB;EAAkB;EAAoB;EAAkB;EAAK,QAAO;EAAe,aAAa;EAAG,eAAc;EAAQ,gBAAe;EAAQ,GAAI;YAArL;GACE,oBAAC,QAAD;IAAM,OAAM;IAAK,QAAO;IAAK,GAAE;IAAI,GAAE;IAAI,IAAG;IAAM;GAClD,oBAAC,QAAD,EAAM,GAAE,WAAY;GACpB,oBAAC,QAAD,EAAM,GAAE,iBAAkB;GACjB;;;AAIf,MAAa,gBAAgB,OAAO,OAAO,mBAAmB,EAAE,aAAa,iBAAiB,CAAC"}