@spear-ai/spectral 1.13.1 → 1.14.2

package/dist/FormFieldMessage.js

@@ -1,55 +1,74 @@
-'use client'
-import './styles/main.css'
-import { t as e } from "./twUtils-BpqlKSeB.js";
+'use client';
+import { cn } from "./utils/twUtils.js";
 import "react";
-import { jsx as t } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
+
 //#region src/components/FormFieldMessage/FormFieldMessage.tsx
-var n = (e) => {
-	if (!e) return null;
-	if (typeof e == "string") return e;
-	if (Array.isArray(e)) return e.join(", ");
-	if (typeof e == "object") {
-		if ("message" in e && typeof e.message == "string") return e.message;
-		if ("error" in e && typeof e.error == "string") return e.error;
-		if ("details" in e && typeof e.details == "string") return e.details;
+const renderFieldMessageContent = (message) => {
+	if (!message) return null;
+	if (typeof message === "string") return message;
+	if (Array.isArray(message)) return message.join(", ");
+	if (typeof message === "object") {
+		if ("message" in message && typeof message.message === "string") return message.message;
+		if ("error" in message && typeof message.error === "string") return message.error;
+		if ("details" in message && typeof message.details === "string") return message.details;
 		try {
-			return JSON.stringify(e);
+			return JSON.stringify(message);
 		} catch {
 			return "[Circular]";
 		}
 	}
-	return String(e);
-}, r = ({ ariaLive: r, className: i, dataTestId: a, id: o, message: s, role: c, tone: l }) => {
-	let u = n(s), d = !!u, f = l === "danger" ? "text-danger-400!" : "text-warning-400!";
-	return /* @__PURE__ */ t("div", {
-		"aria-hidden": !d,
-		className: e("transition-[opacity,transform] duration-200 ease-out motion-reduce:transition-none", d ? "translate-y-0 opacity-100" : "-translate-y-1 opacity-0"),
-		children: /* @__PURE__ */ t("p", {
-			"aria-atomic": d ? "true" : void 0,
-			"aria-live": d ? r : void 0,
-			className: e("m-0! min-h-0 text-sm overflow-hidden", f, i),
-			"data-testid": d ? a : void 0,
-			id: o,
-			role: d ? c : void 0,
-			children: u
+	return String(message);
+};
+const FormFieldMessage = ({ ariaLive, className, containerClassName, dataTestId, id, message, messageReserveLines = 1, messageReserveSpace = true, role, tone }) => {
+	const content = renderFieldMessageContent(message);
+	const isVisible = Boolean(content);
+	const reservedHeight = messageReserveSpace && messageReserveLines > 0 ? `${Math.max(messageReserveLines, 1) * 1.25}rem` : void 0;
+	const toneClasses = tone === "danger" ? "text-danger-400!" : "text-warning-400!";
+	return /* @__PURE__ */ jsx("div", {
+		"aria-hidden": !isVisible,
+		className: cn("transition-[opacity,transform] duration-150 ease-out motion-reduce:transition-none", messageReserveSpace ? "pt-1" : "pt-0", isVisible ? "translate-y-0 opacity-100" : "-translate-y-0.5 opacity-0", !messageReserveSpace && !isVisible && "hidden", containerClassName),
+		style: reservedHeight ? { minHeight: reservedHeight } : void 0,
+		children: /* @__PURE__ */ jsx("p", {
+			"aria-atomic": isVisible ? "true" : void 0,
+			"aria-live": isVisible ? ariaLive : void 0,
+			className: cn("m-0! text-sm leading-5 overflow-hidden", toneClasses, className),
+			"data-testid": isVisible ? dataTestId : void 0,
+			id,
+			role: isVisible ? role : void 0,
+			children: content
 		})
 	});
-}, i = ({ className: e, dataTestId: n = "spectral-form-field-error-message", id: i, message: a }) => /* @__PURE__ */ t(r, {
-	ariaLive: "assertive",
-	className: e,
-	dataTestId: n,
-	id: i,
-	message: a,
-	role: "alert",
-	tone: "danger"
-}), a = ({ className: e, dataTestId: n = "spectral-form-field-warning-message", id: i, message: a }) => /* @__PURE__ */ t(r, {
-	ariaLive: "polite",
-	className: e,
-	dataTestId: n,
-	id: i,
-	message: a,
-	role: "status",
-	tone: "warning"
-});
+};
+const ErrorMessage = ({ className, containerClassName, dataTestId = "spectral-form-field-error-message", id, message, messageReserveLines, messageReserveSpace }) => {
+	return /* @__PURE__ */ jsx(FormFieldMessage, {
+		ariaLive: "polite",
+		className,
+		containerClassName,
+		dataTestId,
+		id,
+		message,
+		messageReserveLines,
+		messageReserveSpace,
+		role: "status",
+		tone: "danger"
+	});
+};
+const WarningMessage = ({ className, containerClassName, dataTestId = "spectral-form-field-warning-message", id, message, messageReserveLines, messageReserveSpace }) => {
+	return /* @__PURE__ */ jsx(FormFieldMessage, {
+		ariaLive: "polite",
+		className,
+		containerClassName,
+		dataTestId,
+		id,
+		message,
+		messageReserveLines,
+		messageReserveSpace,
+		role: "status",
+		tone: "warning"
+	});
+};
+
 //#endregion
-export { i as ErrorMessage, a as WarningMessage };
+export { ErrorMessage, WarningMessage };
+//# sourceMappingURL=FormFieldMessage.js.map

package/dist/FormFieldMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormFieldMessage.js","names":[],"sources":["../src/components/FormFieldMessage/FormFieldMessage.tsx"],"sourcesContent":["import { cn } from '@utils/twUtils'\nimport { type ReactNode } from 'react'\n\nexport type FormFieldMessageValue = string | string[] | Record<string, unknown> | null | undefined\n\ninterface BaseFieldMessageProps {\n  className?: string\n  containerClassName?: string\n  dataTestId?: string\n  id: string\n  message: FormFieldMessageValue\n  messageReserveLines?: number\n  messageReserveSpace?: boolean\n}\n\nconst renderFieldMessageContent = (message: FormFieldMessageValue): ReactNode => {\n  if (!message) return null\n\n  if (typeof message === 'string') {\n    return message\n  }\n\n  if (Array.isArray(message)) {\n    return message.join(', ')\n  }\n\n  if (typeof message === 'object') {\n    if ('message' in message && typeof message.message === 'string') return message.message\n    if ('error' in message && typeof message.error === 'string') return message.error\n    if ('details' in message && typeof message.details === 'string') return message.details\n    try {\n      return JSON.stringify(message)\n    } catch {\n      return '[Circular]'\n    }\n  }\n\n  return String(message)\n}\n\nconst FormFieldMessage = ({\n  ariaLive,\n  className,\n  containerClassName,\n  dataTestId,\n  id,\n  message,\n  messageReserveLines = 1,\n  messageReserveSpace = true,\n  role,\n  tone,\n}: BaseFieldMessageProps & {\n  ariaLive: 'assertive' | 'polite'\n  role: 'alert' | 'status'\n  tone: 'danger' | 'warning'\n}) => {\n  const content = renderFieldMessageContent(message)\n  const isVisible = Boolean(content)\n  const reservedHeight = messageReserveSpace && messageReserveLines > 0 ? `${Math.max(messageReserveLines, 1) * 1.25}rem` : undefined\n  const toneClasses = tone === 'danger' ? 'text-danger-400!' : 'text-warning-400!'\n\n  return (\n    <div\n      aria-hidden={!isVisible}\n      className={cn(\n        'transition-[opacity,transform] duration-150 ease-out motion-reduce:transition-none',\n        messageReserveSpace ? 'pt-1' : 'pt-0',\n        isVisible ? 'translate-y-0 opacity-100' : '-translate-y-0.5 opacity-0',\n        !messageReserveSpace && !isVisible && 'hidden',\n        containerClassName,\n      )}\n      style={reservedHeight ? { minHeight: reservedHeight } : undefined}\n    >\n      <p aria-atomic={isVisible ? 'true' : undefined} aria-live={isVisible ? ariaLive : undefined} className={cn('m-0! text-sm leading-5 overflow-hidden', toneClasses, className)} data-testid={isVisible ? dataTestId : undefined} id={id} role={isVisible ? role : undefined}>\n        {content}\n      </p>\n    </div>\n  )\n}\n\nexport const ErrorMessage = ({ className, containerClassName, dataTestId = 'spectral-form-field-error-message', id, message, messageReserveLines, messageReserveSpace }: BaseFieldMessageProps) => {\n  return <FormFieldMessage ariaLive='polite' className={className} containerClassName={containerClassName} dataTestId={dataTestId} id={id} message={message} messageReserveLines={messageReserveLines} messageReserveSpace={messageReserveSpace} role='status' tone='danger' />\n}\n\nexport const WarningMessage = ({ className, containerClassName, dataTestId = 'spectral-form-field-warning-message', id, message, messageReserveLines, messageReserveSpace }: BaseFieldMessageProps) => {\n  return <FormFieldMessage ariaLive='polite' className={className} containerClassName={containerClassName} dataTestId={dataTestId} id={id} message={message} messageReserveLines={messageReserveLines} messageReserveSpace={messageReserveSpace} role='status' tone='warning' />\n}\n"],"mappings":";;;;;;AAeA,MAAM,6BAA6B,YAA8C;AAC/E,KAAI,CAAC,QAAS,QAAO;AAErB,KAAI,OAAO,YAAY,SACrB,QAAO;AAGT,KAAI,MAAM,QAAQ,QAAQ,CACxB,QAAO,QAAQ,KAAK,KAAK;AAG3B,KAAI,OAAO,YAAY,UAAU;AAC/B,MAAI,aAAa,WAAW,OAAO,QAAQ,YAAY,SAAU,QAAO,QAAQ;AAChF,MAAI,WAAW,WAAW,OAAO,QAAQ,UAAU,SAAU,QAAO,QAAQ;AAC5E,MAAI,aAAa,WAAW,OAAO,QAAQ,YAAY,SAAU,QAAO,QAAQ;AAChF,MAAI;AACF,UAAO,KAAK,UAAU,QAAQ;UACxB;AACN,UAAO;;;AAIX,QAAO,OAAO,QAAQ;;AAGxB,MAAM,oBAAoB,EACxB,UACA,WACA,oBACA,YACA,IACA,SACA,sBAAsB,GACtB,sBAAsB,MACtB,MACA,WAKI;CACJ,MAAM,UAAU,0BAA0B,QAAQ;CAClD,MAAM,YAAY,QAAQ,QAAQ;CAClC,MAAM,iBAAiB,uBAAuB,sBAAsB,IAAI,GAAG,KAAK,IAAI,qBAAqB,EAAE,GAAG,KAAK,OAAO;CAC1H,MAAM,cAAc,SAAS,WAAW,qBAAqB;AAE7D,QACE,oBAAC,OAAD;EACE,eAAa,CAAC;EACd,WAAW,GACT,sFACA,sBAAsB,SAAS,QAC/B,YAAY,8BAA8B,8BAC1C,CAAC,uBAAuB,CAAC,aAAa,UACtC,mBACD;EACD,OAAO,iBAAiB,EAAE,WAAW,gBAAgB,GAAG;YAExD,oBAAC,KAAD;GAAG,eAAa,YAAY,SAAS;GAAW,aAAW,YAAY,WAAW;GAAW,WAAW,GAAG,0CAA0C,aAAa,UAAU;GAAE,eAAa,YAAY,aAAa;GAAe;GAAI,MAAM,YAAY,OAAO;aAC7P;GACC;EACA;;AAIV,MAAa,gBAAgB,EAAE,WAAW,oBAAoB,aAAa,qCAAqC,IAAI,SAAS,qBAAqB,0BAAiD;AACjM,QAAO,oBAAC,kBAAD;EAAkB,UAAS;EAAoB;EAA+B;EAAgC;EAAgB;EAAa;EAA8B;EAA0C;EAAqB,MAAK;EAAS,MAAK;EAAW;;AAG/Q,MAAa,kBAAkB,EAAE,WAAW,oBAAoB,aAAa,uCAAuC,IAAI,SAAS,qBAAqB,0BAAiD;AACrM,QAAO,oBAAC,kBAAD;EAAkB,UAAS;EAAoB;EAA+B;EAAgC;EAAgB;EAAa;EAA8B;EAA0C;EAAqB,MAAK;EAAS,MAAK;EAAY"}

package/dist/HoverCard.d.ts

@@ -1,31 +1,57 @@
-import { ComponentProps } from 'react';
-import * as HoverCardPrimitive from '@radix-ui/react-hover-card';
+'use client';
+import { ComponentProps } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import * as HoverCardPrimitive from "@radix-ui/react-hover-card";
+
+//#region src/components/HoverCard/HoverCard.d.ts
 type Align = 'start' | 'center' | 'end';
 type Side = 'top' | 'right' | 'bottom' | 'left';
 interface HoverCardContentProps {
-    align?: Align;
-    alignOffset?: number;
-    collisionBoundary?: Element | null | (Element | null)[];
-    collisionPadding?: number | Partial<Record<Side, number>>;
-    side?: Side;
-    sideOffset?: number;
-    width?: number | 'w-fit' | 'trigger-width';
+  align?: Align;
+  alignOffset?: number;
+  collisionBoundary?: Element | null | (Element | null)[];
+  collisionPadding?: number | Partial<Record<Side, number>>;
+  side?: Side;
+  sideOffset?: number;
+  width?: number | 'w-fit' | 'trigger-width';
 }
-export interface HoverCardProps extends ComponentProps<typeof HoverCardPrimitive.Root>, HoverCardContentProps {
+interface HoverCardProps extends ComponentProps<typeof HoverCardPrimitive.Root>, HoverCardContentProps {}
+declare function HoverCard({
+  align,
+  alignOffset,
+  collisionBoundary,
+  collisionPadding,
+  side,
+  sideOffset,
+  width,
+  ...props
+}: HoverCardProps): _$react_jsx_runtime0.JSX.Element;
+declare namespace HoverCard {
+  var displayName: string;
 }
-export declare const HoverCard: {
-    ({ align, alignOffset, collisionBoundary, collisionPadding, side, sideOffset, width, ...props }: HoverCardProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export declare const HoverCardTrigger: {
-    ({ className, ...props }: ComponentProps<typeof HoverCardPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export declare const HoverCardContent: {
-    ({ align: alignProp, alignOffset: alignOffsetProp, className, collisionBoundary: collisionBoundaryProp, collisionPadding: collisionPaddingProp, side: sideProp, sideOffset: sideOffsetProp, width: widthProp, ...props }: ComponentProps<typeof HoverCardPrimitive.Content> & {
-        width?: number | "w-fit" | "trigger-width";
-    }): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export {};
+declare function HoverCardTrigger({
+  className,
+  ...props
+}: ComponentProps<typeof HoverCardPrimitive.Trigger>): _$react_jsx_runtime0.JSX.Element;
+declare namespace HoverCardTrigger {
+  var displayName: string;
+}
+declare function HoverCardContent({
+  align: alignProp,
+  alignOffset: alignOffsetProp,
+  className,
+  collisionBoundary: collisionBoundaryProp,
+  collisionPadding: collisionPaddingProp,
+  side: sideProp,
+  sideOffset: sideOffsetProp,
+  width: widthProp,
+  ...props
+}: ComponentProps<typeof HoverCardPrimitive.Content> & {
+  width?: number | 'w-fit' | 'trigger-width';
+}): _$react_jsx_runtime0.JSX.Element;
+declare namespace HoverCardContent {
+  var displayName: string;
+}
+//#endregion
+export { HoverCard, HoverCardContent, HoverCardProps, HoverCardTrigger };
 //# sourceMappingURL=HoverCard.d.ts.map

package/dist/HoverCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HoverCard.d.ts","names":[],"sources":["../src/components/HoverCard/HoverCard.tsx"],"mappings":";;;;;;KAIK,KAAA;AAAA,KACA,IAAA;AAAA,UAEK,qBAAA;EACR,KAAA,GAAQ,KAAA;EACR,WAAA;EACA,iBAAA,GAAoB,OAAA,WAAkB,OAAA;EACtC,gBAAA,YAA4B,OAAA,CAAQ,MAAA,CAAO,IAAA;EAC3C,IAAA,GAAO,IAAA;EACP,UAAA;EACA,KAAA;AAAA;AAAA,UAKe,cAAA,SAAuB,cAAA,QAAsB,kBAAA,CAAmB,IAAA,GAAO,qBAAA;AAAA;EAE5D,KAAA;EAAO,WAAA;EAAa,iBAAA;EAAmB,gBAAA;EAAkB,IAAA;EAAM,UAAA;EAAY,KAAA;EAAA,GAAU;AAAA,GAAS,cAAA,GAAc,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA;;;;EASrG,SAAA;EAAA,GAAc;AAAA,GAAS,cAAA,QAAsB,kBAAA,CAAmB,OAAA,IAAQ,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA;;;;EAMzG,KAAA,EAAO,SAAA;EACP,WAAA,EAAa,eAAA;EACb,SAAA;EACA,iBAAA,EAAmB,qBAAA;EACnB,gBAAA,EAAkB,oBAAA;EAClB,IAAA,EAAM,QAAA;EACN,UAAA,EAAY,cAAA;EACZ,KAAA,EAAO,SAAA;EAAA,GACJ;AAAA,GACF,cAAA,QAAsB,kBAAA,CAAmB,OAAA;EAC1C,KAAA;AAAA,IACD,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA"}

package/dist/HoverCard.js

@@ -1,3 +1,67 @@
-'use client'
-import { n as e, r as t, t as n } from "./HoverCard-BhxgELKP.js";
-export { n as HoverCard, e as HoverCardContent, t as HoverCardTrigger };
+'use client';
+import { cn } from "./utils/twUtils.js";
+import { createContext, useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+import * as HoverCardPrimitive from "@radix-ui/react-hover-card";
+
+//#region src/components/HoverCard/HoverCard.tsx
+const HoverCardContext = createContext({});
+const HoverCard = ({ align, alignOffset, collisionBoundary, collisionPadding, side, sideOffset, width, ...props }) => {
+	return /* @__PURE__ */ jsx(HoverCardContext.Provider, {
+		value: {
+			side,
+			sideOffset,
+			align,
+			alignOffset,
+			collisionBoundary,
+			collisionPadding,
+			width
+		},
+		children: /* @__PURE__ */ jsx(HoverCardPrimitive.Root, {
+			"data-slot": "hover-card",
+			"data-testid": "spectral-hover-card",
+			...props
+		})
+	});
+};
+HoverCard.displayName = "HoverCard";
+const HoverCardTrigger = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(HoverCardPrimitive.Trigger, {
+		className: cn("font-base", className),
+		"data-slot": "hover-card-trigger",
+		"data-testid": "spectral-hover-card-trigger",
+		...props
+	});
+};
+HoverCardTrigger.displayName = "HoverCardTrigger";
+const HoverCardContent = ({ align: alignProp, alignOffset: alignOffsetProp, className, collisionBoundary: collisionBoundaryProp, collisionPadding: collisionPaddingProp, side: sideProp, sideOffset: sideOffsetProp, width: widthProp, ...props }) => {
+	const context = useContext(HoverCardContext);
+	const align = alignProp ?? context.align ?? "center";
+	const sideOffset = sideOffsetProp ?? context.sideOffset ?? 4;
+	const side = sideProp ?? context.side ?? "bottom";
+	const width = widthProp ?? context.width ?? 380;
+	const alignOffset = alignOffsetProp ?? context.alignOffset;
+	const collisionBoundary = collisionBoundaryProp ?? context.collisionBoundary;
+	const collisionPadding = collisionPaddingProp ?? context.collisionPadding;
+	return /* @__PURE__ */ jsx(HoverCardPrimitive.Portal, {
+		"data-slot": "hover-card-portal",
+		children: /* @__PURE__ */ jsx(HoverCardPrimitive.Content, {
+			align,
+			alignOffset,
+			className: cn("rounded-lg shadow-lg p-5 z-50 origin-[--radix-hover-card-content-transform-origin] bg-popover-bg text-text-primary outline-none motion-safe:data-[side=bottom]:slide-in-from-top-2 motion-safe:data-[side=left]:slide-in-from-right-2 motion-safe:data-[side=right]:slide-in-from-left-2 motion-safe:data-[side=top]:slide-in-from-bottom-2 motion-safe:data-[state=closed]:animate-out motion-safe:data-[state=closed]:fade-out-0 motion-safe:data-[state=closed]:zoom-out-95 motion-safe:data-[state=open]:animate-in motion-safe:data-[state=open]:fade-in-0 motion-safe:data-[state=open]:zoom-in-95", className),
+			collisionBoundary,
+			collisionPadding,
+			"data-slot": "hover-card-content",
+			"data-testid": "spectral-hover-card-content",
+			side,
+			sideOffset,
+			style: { width: typeof width === "number" ? `${width}px` : width === "trigger-width" ? "var(--radix-hover-card-trigger-width)" : "fit-content" },
+			...props
+		})
+	});
+};
+HoverCardContent.displayName = "HoverCardContent";
+
+//#endregion
+export { HoverCard, HoverCardContent, HoverCardTrigger };
+//# sourceMappingURL=HoverCard.js.map

package/dist/HoverCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HoverCard.js","names":[],"sources":["../src/components/HoverCard/HoverCard.tsx"],"sourcesContent":["import * as HoverCardPrimitive from '@radix-ui/react-hover-card'\nimport { cn } from '@utils/twUtils'\nimport { createContext, useContext, type ComponentProps, type CSSProperties } from 'react'\n\ntype Align = 'start' | 'center' | 'end'\ntype Side = 'top' | 'right' | 'bottom' | 'left'\n\ninterface HoverCardContentProps {\n  align?: Align\n  alignOffset?: number\n  collisionBoundary?: Element | null | (Element | null)[]\n  collisionPadding?: number | Partial<Record<Side, number>>\n  side?: Side\n  sideOffset?: number\n  width?: number | 'w-fit' | 'trigger-width'\n}\n\nconst HoverCardContext = createContext<HoverCardContentProps>({})\n\nexport interface HoverCardProps extends ComponentProps<typeof HoverCardPrimitive.Root>, HoverCardContentProps {}\n\nexport const HoverCard = ({ align, alignOffset, collisionBoundary, collisionPadding, side, sideOffset, width, ...props }: HoverCardProps) => {\n  return (\n    <HoverCardContext.Provider value={{ side, sideOffset, align, alignOffset, collisionBoundary, collisionPadding, width }}>\n      <HoverCardPrimitive.Root data-slot='hover-card' data-testid='spectral-hover-card' {...props} />\n    </HoverCardContext.Provider>\n  )\n}\nHoverCard.displayName = 'HoverCard'\n\nexport const HoverCardTrigger = ({ className, ...props }: ComponentProps<typeof HoverCardPrimitive.Trigger>) => {\n  return <HoverCardPrimitive.Trigger className={cn('font-base', className)} data-slot='hover-card-trigger' data-testid='spectral-hover-card-trigger' {...props} />\n}\nHoverCardTrigger.displayName = 'HoverCardTrigger'\n\nexport const HoverCardContent = ({\n  align: alignProp,\n  alignOffset: alignOffsetProp,\n  className,\n  collisionBoundary: collisionBoundaryProp,\n  collisionPadding: collisionPaddingProp,\n  side: sideProp,\n  sideOffset: sideOffsetProp,\n  width: widthProp,\n  ...props\n}: ComponentProps<typeof HoverCardPrimitive.Content> & {\n  width?: number | 'w-fit' | 'trigger-width'\n}) => {\n  const context = useContext(HoverCardContext)\n\n  const align = alignProp ?? context.align ?? 'center'\n  const sideOffset = sideOffsetProp ?? context.sideOffset ?? 4\n  const side = sideProp ?? context.side ?? 'bottom'\n  const width = widthProp ?? context.width ?? 380\n  const alignOffset = alignOffsetProp ?? context.alignOffset\n  const collisionBoundary = collisionBoundaryProp ?? context.collisionBoundary\n  const collisionPadding = collisionPaddingProp ?? context.collisionPadding\n\n  return (\n    <HoverCardPrimitive.Portal data-slot='hover-card-portal'>\n      <HoverCardPrimitive.Content\n        align={align}\n        alignOffset={alignOffset}\n        className={cn(\n          'rounded-lg shadow-lg p-5 z-50 origin-[--radix-hover-card-content-transform-origin] bg-popover-bg text-text-primary outline-none motion-safe:data-[side=bottom]:slide-in-from-top-2 motion-safe:data-[side=left]:slide-in-from-right-2 motion-safe:data-[side=right]:slide-in-from-left-2 motion-safe:data-[side=top]:slide-in-from-bottom-2 motion-safe:data-[state=closed]:animate-out motion-safe:data-[state=closed]:fade-out-0 motion-safe:data-[state=closed]:zoom-out-95 motion-safe:data-[state=open]:animate-in motion-safe:data-[state=open]:fade-in-0 motion-safe:data-[state=open]:zoom-in-95',\n          className,\n        )}\n        collisionBoundary={collisionBoundary}\n        collisionPadding={collisionPadding}\n        data-slot='hover-card-content'\n        data-testid='spectral-hover-card-content'\n        side={side}\n        sideOffset={sideOffset}\n        style={\n          {\n            width: typeof width === 'number' ? `${width}px` : width === 'trigger-width' ? 'var(--radix-hover-card-trigger-width)' : 'fit-content',\n          } as CSSProperties\n        }\n        {...props}\n      />\n    </HoverCardPrimitive.Portal>\n  )\n}\nHoverCardContent.displayName = 'HoverCardContent'\n"],"mappings":";;;;;;;AAiBA,MAAM,mBAAmB,cAAqC,EAAE,CAAC;AAIjE,MAAa,aAAa,EAAE,OAAO,aAAa,mBAAmB,kBAAkB,MAAM,YAAY,OAAO,GAAG,YAA4B;AAC3I,QACE,oBAAC,iBAAiB,UAAlB;EAA2B,OAAO;GAAE;GAAM;GAAY;GAAO;GAAa;GAAmB;GAAkB;GAAO;YACpH,oBAAC,mBAAmB,MAApB;GAAyB,aAAU;GAAa,eAAY;GAAsB,GAAI;GAAS;EACrE;;AAGhC,UAAU,cAAc;AAExB,MAAa,oBAAoB,EAAE,WAAW,GAAG,YAA+D;AAC9G,QAAO,oBAAC,mBAAmB,SAApB;EAA4B,WAAW,GAAG,aAAa,UAAU;EAAE,aAAU;EAAqB,eAAY;EAA8B,GAAI;EAAS;;AAElK,iBAAiB,cAAc;AAE/B,MAAa,oBAAoB,EAC/B,OAAO,WACP,aAAa,iBACb,WACA,mBAAmB,uBACnB,kBAAkB,sBAClB,MAAM,UACN,YAAY,gBACZ,OAAO,WACP,GAAG,YAGC;CACJ,MAAM,UAAU,WAAW,iBAAiB;CAE5C,MAAM,QAAQ,aAAa,QAAQ,SAAS;CAC5C,MAAM,aAAa,kBAAkB,QAAQ,cAAc;CAC3D,MAAM,OAAO,YAAY,QAAQ,QAAQ;CACzC,MAAM,QAAQ,aAAa,QAAQ,SAAS;CAC5C,MAAM,cAAc,mBAAmB,QAAQ;CAC/C,MAAM,oBAAoB,yBAAyB,QAAQ;CAC3D,MAAM,mBAAmB,wBAAwB,QAAQ;AAEzD,QACE,oBAAC,mBAAmB,QAApB;EAA2B,aAAU;YACnC,oBAAC,mBAAmB,SAApB;GACS;GACM;GACb,WAAW,GACT,4kBACA,UACD;GACkB;GACD;GAClB,aAAU;GACV,eAAY;GACN;GACM;GACZ,OACE,EACE,OAAO,OAAO,UAAU,WAAW,GAAG,MAAM,MAAM,UAAU,kBAAkB,0CAA0C,eACzH;GAEH,GAAI;GACJ;EACwB;;AAGhC,iBAAiB,cAAc"}

package/dist/Icons/AdjustmentsIcon.d.ts

@@ -1,5 +1,18 @@
-import { IconProps } from './iconTypes';
-export declare const AdjustmentsIcon: (({ ref, className, title, description, size, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element) & {
-    displayName: string;
+'use client';
+import { IconProps } from "../components/Icons/iconTypes.js";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/Icons/AdjustmentsIcon.d.ts
+declare const AdjustmentsIcon: (({
+  ref,
+  className,
+  title,
+  description,
+  size,
+  ...rest
+}: IconProps) => _$react_jsx_runtime0.JSX.Element) & {
+  displayName: string;
 };
+//#endregion
+export { AdjustmentsIcon };
 //# sourceMappingURL=AdjustmentsIcon.d.ts.map

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

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

package/dist/Icons/AdjustmentsIcon.js

@@ -1,79 +1,85 @@
-'use client'
-import '../styles/main.css'
-import { IconBase as e } from "./IconBase.js";
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
-var r = Object.assign(({ ref: r, className: i, title: a, description: o, size: s = 24, ...c }) => /* @__PURE__ */ n(e, {
-	size: s,
-	className: i,
-	title: a,
-	description: o,
-	ref: r,
-	...c,
-	children: [
-		/* @__PURE__ */ t("path", {
-			d: "M12 4.875C12 5.50489 12.2502 6.10898 12.6956 6.55438C13.141 6.99978 13.7451 7.25 14.375 7.25C15.0049 7.25 15.609 6.99978 16.0544 6.55438C16.4998 6.10898 16.75 5.50489 16.75 4.875C16.75 4.24511 16.4998 3.64102 16.0544 3.19562C15.609 2.75022 15.0049 2.5 14.375 2.5C13.7451 2.5 13.141 2.75022 12.6956 3.19562C12.2502 3.64102 12 4.24511 12 4.875Z",
-			stroke: "currentColor",
-			strokeWidth: "2",
-			strokeLinecap: "round",
-			strokeLinejoin: "round"
-		}),
-		/* @__PURE__ */ t("path", {
-			d: "M2.5 4.875H12",
-			stroke: "currentColor",
-			strokeWidth: "2",
-			strokeLinecap: "round",
-			strokeLinejoin: "round"
-		}),
-		/* @__PURE__ */ t("path", {
-			d: "M16.75 4.875H21.5",
-			stroke: "currentColor",
-			strokeWidth: "2",
-			strokeLinecap: "round",
-			strokeLinejoin: "round"
-		}),
-		/* @__PURE__ */ t("path", {
-			d: "M4.875 12C4.875 12.6299 5.12522 13.234 5.57062 13.6794C6.01602 14.1248 6.62011 14.375 7.25 14.375C7.87989 14.375 8.48398 14.1248 8.92938 13.6794C9.37478 13.234 9.625 12.6299 9.625 12C9.625 11.3701 9.37478 10.766 8.92938 10.3206C8.48398 9.87522 7.87989 9.625 7.25 9.625C6.62011 9.625 6.01602 9.87522 5.57062 10.3206C5.12522 10.766 4.875 11.3701 4.875 12Z",
-			stroke: "currentColor",
-			strokeWidth: "2",
-			strokeLinecap: "round",
-			strokeLinejoin: "round"
-		}),
-		/* @__PURE__ */ t("path", {
-			d: "M2.5 12H4.875",
-			stroke: "currentColor",
-			strokeWidth: "2",
-			strokeLinecap: "round",
-			strokeLinejoin: "round"
-		}),
-		/* @__PURE__ */ t("path", {
-			d: "M9.625 12H21.5",
-			stroke: "currentColor",
-			strokeWidth: "2",
-			strokeLinecap: "round",
-			strokeLinejoin: "round"
-		}),
-		/* @__PURE__ */ t("path", {
-			d: "M15.5625 19.125C15.5625 19.7549 15.8127 20.359 16.2581 20.8044C16.7035 21.2498 17.3076 21.5 17.9375 21.5C18.5674 21.5 19.1715 21.2498 19.6169 20.8044C20.0623 20.359 20.3125 19.7549 20.3125 19.125C20.3125 18.4951 20.0623 17.891 19.6169 17.4456C19.1715 17.0002 18.5674 16.75 17.9375 16.75C17.3076 16.75 16.7035 17.0002 16.2581 17.4456C15.8127 17.891 15.5625 18.4951 15.5625 19.125Z",
-			stroke: "currentColor",
-			strokeWidth: "2",
-			strokeLinecap: "round",
-			strokeLinejoin: "round"
-		}),
-		/* @__PURE__ */ t("path", {
-			d: "M2.5 19.125H15.5625",
-			stroke: "currentColor",
-			strokeWidth: "2",
-			strokeLinecap: "round",
-			strokeLinejoin: "round"
-		}),
-		/* @__PURE__ */ t("path", {
-			d: "M20.3125 19.125H21.5",
-			stroke: "currentColor",
-			strokeWidth: "2",
-			strokeLinecap: "round",
-			strokeLinejoin: "round"
-		})
-	]
-}), { displayName: "AdjustmentsIcon" });
+'use client';
+import { IconBase } from "./IconBase.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/Icons/AdjustmentsIcon.tsx
+const IconAdjustments = ({ ref, className, title, description, size = 24, ...rest }) => {
+	return /* @__PURE__ */ jsxs(IconBase, {
+		size,
+		className,
+		title,
+		description,
+		ref,
+		...rest,
+		children: [
+			/* @__PURE__ */ jsx("path", {
+				d: "M12 4.875C12 5.50489 12.2502 6.10898 12.6956 6.55438C13.141 6.99978 13.7451 7.25 14.375 7.25C15.0049 7.25 15.609 6.99978 16.0544 6.55438C16.4998 6.10898 16.75 5.50489 16.75 4.875C16.75 4.24511 16.4998 3.64102 16.0544 3.19562C15.609 2.75022 15.0049 2.5 14.375 2.5C13.7451 2.5 13.141 2.75022 12.6956 3.19562C12.2502 3.64102 12 4.24511 12 4.875Z",
+				stroke: "currentColor",
+				strokeWidth: "2",
+				strokeLinecap: "round",
+				strokeLinejoin: "round"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				d: "M2.5 4.875H12",
+				stroke: "currentColor",
+				strokeWidth: "2",
+				strokeLinecap: "round",
+				strokeLinejoin: "round"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				d: "M16.75 4.875H21.5",
+				stroke: "currentColor",
+				strokeWidth: "2",
+				strokeLinecap: "round",
+				strokeLinejoin: "round"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				d: "M4.875 12C4.875 12.6299 5.12522 13.234 5.57062 13.6794C6.01602 14.1248 6.62011 14.375 7.25 14.375C7.87989 14.375 8.48398 14.1248 8.92938 13.6794C9.37478 13.234 9.625 12.6299 9.625 12C9.625 11.3701 9.37478 10.766 8.92938 10.3206C8.48398 9.87522 7.87989 9.625 7.25 9.625C6.62011 9.625 6.01602 9.87522 5.57062 10.3206C5.12522 10.766 4.875 11.3701 4.875 12Z",
+				stroke: "currentColor",
+				strokeWidth: "2",
+				strokeLinecap: "round",
+				strokeLinejoin: "round"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				d: "M2.5 12H4.875",
+				stroke: "currentColor",
+				strokeWidth: "2",
+				strokeLinecap: "round",
+				strokeLinejoin: "round"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				d: "M9.625 12H21.5",
+				stroke: "currentColor",
+				strokeWidth: "2",
+				strokeLinecap: "round",
+				strokeLinejoin: "round"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				d: "M15.5625 19.125C15.5625 19.7549 15.8127 20.359 16.2581 20.8044C16.7035 21.2498 17.3076 21.5 17.9375 21.5C18.5674 21.5 19.1715 21.2498 19.6169 20.8044C20.0623 20.359 20.3125 19.7549 20.3125 19.125C20.3125 18.4951 20.0623 17.891 19.6169 17.4456C19.1715 17.0002 18.5674 16.75 17.9375 16.75C17.3076 16.75 16.7035 17.0002 16.2581 17.4456C15.8127 17.891 15.5625 18.4951 15.5625 19.125Z",
+				stroke: "currentColor",
+				strokeWidth: "2",
+				strokeLinecap: "round",
+				strokeLinejoin: "round"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				d: "M2.5 19.125H15.5625",
+				stroke: "currentColor",
+				strokeWidth: "2",
+				strokeLinecap: "round",
+				strokeLinejoin: "round"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				d: "M20.3125 19.125H21.5",
+				stroke: "currentColor",
+				strokeWidth: "2",
+				strokeLinecap: "round",
+				strokeLinejoin: "round"
+			})
+		]
+	});
+};
+const AdjustmentsIcon = Object.assign(IconAdjustments, { displayName: "AdjustmentsIcon" });
+
 //#endregion
-export { r as AdjustmentsIcon };
+export { AdjustmentsIcon };
+//# sourceMappingURL=AdjustmentsIcon.js.map

package/dist/Icons/AdjustmentsIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdjustmentsIcon.js","names":[],"sources":["../../src/components/Icons/AdjustmentsIcon.tsx"],"sourcesContent":["import { IconBase } from './IconBase'\nimport { type IconProps } from './iconTypes'\n\nconst IconAdjustments = ({ 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='M12 4.875C12 5.50489 12.2502 6.10898 12.6956 6.55438C13.141 6.99978 13.7451 7.25 14.375 7.25C15.0049 7.25 15.609 6.99978 16.0544 6.55438C16.4998 6.10898 16.75 5.50489 16.75 4.875C16.75 4.24511 16.4998 3.64102 16.0544 3.19562C15.609 2.75022 15.0049 2.5 14.375 2.5C13.7451 2.5 13.141 2.75022 12.6956 3.19562C12.2502 3.64102 12 4.24511 12 4.875Z'\n        stroke='currentColor'\n        strokeWidth='2'\n        strokeLinecap='round'\n        strokeLinejoin='round'\n      />\n      <path d='M2.5 4.875H12' stroke='currentColor' strokeWidth='2' strokeLinecap='round' strokeLinejoin='round' />\n      <path d='M16.75 4.875H21.5' stroke='currentColor' strokeWidth='2' strokeLinecap='round' strokeLinejoin='round' />\n      <path\n        d='M4.875 12C4.875 12.6299 5.12522 13.234 5.57062 13.6794C6.01602 14.1248 6.62011 14.375 7.25 14.375C7.87989 14.375 8.48398 14.1248 8.92938 13.6794C9.37478 13.234 9.625 12.6299 9.625 12C9.625 11.3701 9.37478 10.766 8.92938 10.3206C8.48398 9.87522 7.87989 9.625 7.25 9.625C6.62011 9.625 6.01602 9.87522 5.57062 10.3206C5.12522 10.766 4.875 11.3701 4.875 12Z'\n        stroke='currentColor'\n        strokeWidth='2'\n        strokeLinecap='round'\n        strokeLinejoin='round'\n      />\n      <path d='M2.5 12H4.875' stroke='currentColor' strokeWidth='2' strokeLinecap='round' strokeLinejoin='round' />\n      <path d='M9.625 12H21.5' stroke='currentColor' strokeWidth='2' strokeLinecap='round' strokeLinejoin='round' />\n      <path\n        d='M15.5625 19.125C15.5625 19.7549 15.8127 20.359 16.2581 20.8044C16.7035 21.2498 17.3076 21.5 17.9375 21.5C18.5674 21.5 19.1715 21.2498 19.6169 20.8044C20.0623 20.359 20.3125 19.7549 20.3125 19.125C20.3125 18.4951 20.0623 17.891 19.6169 17.4456C19.1715 17.0002 18.5674 16.75 17.9375 16.75C17.3076 16.75 16.7035 17.0002 16.2581 17.4456C15.8127 17.891 15.5625 18.4951 15.5625 19.125Z'\n        stroke='currentColor'\n        strokeWidth='2'\n        strokeLinecap='round'\n        strokeLinejoin='round'\n      />\n      <path d='M2.5 19.125H15.5625' stroke='currentColor' strokeWidth='2' strokeLinecap='round' strokeLinejoin='round' />\n      <path d='M20.3125 19.125H21.5' stroke='currentColor' strokeWidth='2' strokeLinecap='round' strokeLinejoin='round' />\n    </IconBase>\n  )\n}\n\nexport const AdjustmentsIcon = Object.assign(IconAdjustments, { displayName: 'AdjustmentsIcon' })\n"],"mappings":";;;;;AAGA,MAAM,mBAAmB,EAAE,KAAK,WAAW,OAAO,aAAa,OAAO,IAAI,GAAG,WAAsB;AACjG,QACE,qBAAC,UAAD;EAAgB;EAAiB;EAAkB;EAAoB;EAAkB;EAAK,GAAI;YAAlG;GACE,oBAAC,QAAD;IACE,GAAE;IACF,QAAO;IACP,aAAY;IACZ,eAAc;IACd,gBAAe;IACf;GACF,oBAAC,QAAD;IAAM,GAAE;IAAgB,QAAO;IAAe,aAAY;IAAI,eAAc;IAAQ,gBAAe;IAAU;GAC7G,oBAAC,QAAD;IAAM,GAAE;IAAoB,QAAO;IAAe,aAAY;IAAI,eAAc;IAAQ,gBAAe;IAAU;GACjH,oBAAC,QAAD;IACE,GAAE;IACF,QAAO;IACP,aAAY;IACZ,eAAc;IACd,gBAAe;IACf;GACF,oBAAC,QAAD;IAAM,GAAE;IAAgB,QAAO;IAAe,aAAY;IAAI,eAAc;IAAQ,gBAAe;IAAU;GAC7G,oBAAC,QAAD;IAAM,GAAE;IAAiB,QAAO;IAAe,aAAY;IAAI,eAAc;IAAQ,gBAAe;IAAU;GAC9G,oBAAC,QAAD;IACE,GAAE;IACF,QAAO;IACP,aAAY;IACZ,eAAc;IACd,gBAAe;IACf;GACF,oBAAC,QAAD;IAAM,GAAE;IAAsB,QAAO;IAAe,aAAY;IAAI,eAAc;IAAQ,gBAAe;IAAU;GACnH,oBAAC,QAAD;IAAM,GAAE;IAAuB,QAAO;IAAe,aAAY;IAAI,eAAc;IAAQ,gBAAe;IAAU;GAC3G;;;AAIf,MAAa,kBAAkB,OAAO,OAAO,iBAAiB,EAAE,aAAa,mBAAmB,CAAC"}

package/dist/Icons/AnalyzeIcon.d.ts

@@ -1,5 +1,18 @@
-import { IconProps } from './iconTypes';
-export declare const AnalyzeIcon: (({ ref, className, title, description, size, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element) & {
-    displayName: string;
+'use client';
+import { IconProps } from "../components/Icons/iconTypes.js";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/Icons/AnalyzeIcon.d.ts
+declare const AnalyzeIcon: (({
+  ref,
+  className,
+  title,
+  description,
+  size,
+  ...rest
+}: IconProps) => _$react_jsx_runtime0.JSX.Element) & {
+  displayName: string;
 };
+//#endregion
+export { AnalyzeIcon };
 //# sourceMappingURL=AnalyzeIcon.d.ts.map

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

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