@spear-ai/spectral 1.22.6 → 1.22.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spear-ai/spectral",
-  "version": "1.22.6",
+  "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,cAUnC,UAAA;EAAU,SAAA;EAAA,GAAA;AAAA,GAA6B,SAAA,KAAS,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,cAWhD,SAAA;EAAS,SAAA;EAAA,OAAA;EAAA,GAAA;AAAA,GAA8C,SAAA,KAAS,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,cAahE,iBAAA;EAAiB,SAAA;EAAA,OAAA;EAAA,GAAA;AAAA,GAA8C,SAAA,KAAS,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,cAaxE,WAAA;EAAW,SAAA;EAAA,GAAA;AAAA,GAA6B,SAAA,KAAS,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,cAWjD,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 (\n    <div\n      data-slot='card'\n      data-testid='spectral-card'\n      {...props}\n    />\n  )\n}\n\nexport const CardHeader = ({ className, ...props }: CardProps) => {\n  return (\n    <div\n      className={cn('pb-4 @container/card-header flex items-center justify-between', className)}\n      data-slot='card-header'\n      data-testid='spectral-card-header'\n      {...props}\n    />\n  )\n}\n\nexport const CardTitle = ({ className, asChild = false, ...props }: CardProps) => {\n  const Comp = asChild ? Slot : 'div'\n\n  return (\n    <Comp\n      className={cn('font-semibold text-xl', className)}\n      data-slot='card-title'\n      data-testid='spectral-card-title'\n      {...props}\n    />\n  )\n}\n\nexport const CardHeaderEndSlot = ({ className, asChild = false, ...props }: CardProps) => {\n  const Comp = asChild ? Slot : 'div'\n\n  return (\n    <Comp\n      className={cn('justify-self-end', className)}\n      data-slot='card-action'\n      data-testid='spectral-card-action'\n      {...props}\n    />\n  )\n}\n\nexport const CardContent = ({ className, ...props }: CardProps) => {\n  return (\n    <div\n      className={className}\n      data-slot='card-content'\n      data-testid='spectral-card-content'\n      {...props}\n    />\n  )\n}\n\nexport const Card = ({ asChild = false, children, className, ...props }: CardProps) => {\n  const Comp = asChild ? Slot : 'div'\n\n  return (\n    <Comp\n      className={cn(cardClasses, className)}\n      data-slot='card'\n      data-testid='spectral-card'\n      {...props}\n    >\n      {children}\n    </Comp>\n  )\n}\n"],"mappings":";;;;;;;AAMA,MAAM,cAAc;AAEpB,MAAa,YAAY,EAAE,GAAG,YAAuB;AACnD,QACE,oBAAC,OAAD;EACE,aAAU;EAEV,GAAI;EACL;;AAIL,MAAa,cAAc,EAAE,WAAW,GAAG,YAAuB;AAChE,QACE,oBAAC,OAAD;EACE,WAAW,GAAG,iEAAiE,UAAU;EACzF,aAAU;EAEV,GAAI;EACL;;AAIL,MAAa,aAAa,EAAE,WAAW,UAAU,OAAO,GAAG,YAAuB;AAGhF,QACE,oBAHW,UAAU,OAAO,OAG5B;EACE,WAAW,GAAG,yBAAyB,UAAU;EACjD,aAAU;EAEV,GAAI;EACL;;AAIL,MAAa,qBAAqB,EAAE,WAAW,UAAU,OAAO,GAAG,YAAuB;AAGxF,QACE,oBAHW,UAAU,OAAO,OAG5B;EACE,WAAW,GAAG,oBAAoB,UAAU;EAC5C,aAAU;EAEV,GAAI;EACL;;AAIL,MAAa,eAAe,EAAE,WAAW,GAAG,YAAuB;AACjE,QACE,oBAAC,OAAD;EACa;EACX,aAAU;EAEV,GAAI;EACL;;AAIL,MAAa,QAAQ,EAAE,UAAU,OAAO,UAAU,WAAW,GAAG,YAAuB;AAGrF,QACE,oBAHW,UAAU,OAAO,OAG5B;EACE,WAAW,GAAG,aAAa,UAAU;EACrC,aAAU;EAEV,GAAI;EAEH;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"}