@spear-ai/spectral 1.13.1 → 1.14.2

package/dist/Drawer.js

@@ -1,70 +1,75 @@
-'use client'
-import './styles/main.css'
-import { SpectralProvider as e } from "./SpectralProvider.js";
-import { t } from "./dist-CrYg_9Cu.js";
+'use client';
+import { SpectralProvider } from "./components/SpectralProvider/SpectralProvider.js";
 import "react";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Drawer as Drawer$1 } from "vaul";
+
 //#region src/components/Drawer/Drawer.tsx
-var i = ({ children: i, defaultOpen: a = !1, description: o, direction: s = "right", dismissible: c = !0, modal: l = !0, onOpenChange: u, open: d, size: f = "380px", title: p, trigger: m }) => {
-	let h = "font-sans! fixed", g = typeof p == "string" && p.trim().length > 0, _ = typeof o == "string" && o.trim().length > 0, { className: v, style: y } = {
+const Drawer = ({ children, defaultOpen = false, description, direction = "right", dismissible = true, modal = true, onOpenChange, open, size = "380px", title, trigger }) => {
+	const baseStyles = "font-sans! fixed";
+	const hasTitle = typeof title === "string" && title.trim().length > 0;
+	const hasDescription = typeof description === "string" && description.trim().length > 0;
+	const { className, style } = {
 		left: {
-			className: `${h} top-0 bottom-0 left-0 shadow-[20px_0_20px_rgba(0,0,0,0.4)]`,
-			style: { width: f }
+			className: `${baseStyles} top-0 bottom-0 left-0 shadow-[20px_0_20px_rgba(0,0,0,0.4)]`,
+			style: { width: size }
 		},
 		right: {
-			className: `${h} top-0 bottom-0 right-0 shadow-[-20px_0_20px_rgba(0,0,0,0.4)]`,
-			style: { width: f }
+			className: `${baseStyles} top-0 bottom-0 right-0 shadow-[-20px_0_20px_rgba(0,0,0,0.4)]`,
+			style: { width: size }
 		},
 		top: {
-			className: `${h} top-0 left-0 right-0 shadow-[0_20px_20px_rgba(0,0,0,0.4)]`,
-			style: { height: f }
+			className: `${baseStyles} top-0 left-0 right-0 shadow-[0_20px_20px_rgba(0,0,0,0.4)]`,
+			style: { height: size }
 		},
 		bottom: {
-			className: `${h} bottom-0 left-0 right-0 shadow-[0_-20px_20px_rgba(0,0,0,0.4)]`,
-			style: { height: f }
+			className: `${baseStyles} bottom-0 left-0 right-0 shadow-[0_-20px_20px_rgba(0,0,0,0.4)]`,
+			style: { height: size }
 		}
-	}[s];
-	return /* @__PURE__ */ n(e, { children: /* @__PURE__ */ r(t.Root, {
+	}[direction];
+	return /* @__PURE__ */ jsx(SpectralProvider, { children: /* @__PURE__ */ jsxs(Drawer$1.Root, {
 		"data-testid": "spectral-drawer",
-		defaultOpen: a,
-		direction: s,
-		dismissible: c,
-		modal: l,
-		onOpenChange: u,
-		open: d,
-		children: [/* @__PURE__ */ n(t.Trigger, {
-			asChild: !0,
+		defaultOpen,
+		direction,
+		dismissible,
+		modal,
+		onOpenChange,
+		open,
+		children: [/* @__PURE__ */ jsx(Drawer$1.Trigger, {
+			asChild: true,
 			"data-testid": "spectral-drawer-trigger",
-			children: m
-		}), /* @__PURE__ */ r(t.Portal, { children: [/* @__PURE__ */ n(t.Overlay, {
+			children: trigger
+		}), /* @__PURE__ */ jsxs(Drawer$1.Portal, { children: [/* @__PURE__ */ jsx(Drawer$1.Overlay, {
 			className: "inset-0 fixed bg-transparent",
 			"data-testid": "spectral-drawer-overlay"
-		}), /* @__PURE__ */ n(t.Content, {
-			asChild: !0,
-			"aria-label": !g && !_ ? "Drawer" : void 0,
-			className: `z-10 flex flex-col overscroll-contain bg-drawer-bg outline-none **:box-border ${v}`,
-			style: y,
+		}), /* @__PURE__ */ jsx(Drawer$1.Content, {
+			asChild: true,
+			"aria-label": !hasTitle && !hasDescription ? "Drawer" : void 0,
+			className: `z-10 flex flex-col overscroll-contain bg-drawer-bg outline-none **:box-border ${className}`,
+			style,
 			"data-testid": "spectral-drawer-content",
-			children: /* @__PURE__ */ r("div", { children: [
-				/* @__PURE__ */ n(t.Close, {}),
-				g && /* @__PURE__ */ n(t.Title, {
+			children: /* @__PURE__ */ jsxs("div", { children: [
+				/* @__PURE__ */ jsx(Drawer$1.Close, {}),
+				hasTitle && /* @__PURE__ */ jsx(Drawer$1.Title, {
 					className: "px-3 pt-4 text-lg font-medium text-text-primary",
 					"data-testid": "spectral-drawer-title",
-					children: p
+					children: title
 				}),
-				_ && /* @__PURE__ */ n(t.Description, {
+				hasDescription && /* @__PURE__ */ jsx(Drawer$1.Description, {
 					className: "mb-2 px-3 text-xs! text-text-secondary! uppercase",
 					"data-testid": "spectral-drawer-description",
-					children: o
+					children: description
 				}),
-				/* @__PURE__ */ n("div", {
+				/* @__PURE__ */ jsx("div", {
 					className: "py-2 px-3 min-w-0 *:min-w-0 w-auto overflow-hidden overscroll-contain *:box-border",
 					"data-testid": "spectral-drawer-body",
-					children: i
+					children
 				})
 			] })
 		})] })]
 	}) });
 };
+
 //#endregion
-export { i as Drawer };
+export { Drawer };
+//# sourceMappingURL=Drawer.js.map

package/dist/Drawer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.js","names":["DrawerBase"],"sources":["../src/components/Drawer/Drawer.tsx"],"sourcesContent":["import { SpectralProvider } from '@components/SpectralProvider/SpectralProvider'\nimport { type ReactNode } from 'react'\nimport { Drawer as DrawerBase } from 'vaul'\n\nexport interface DrawerProps {\n  children?: ReactNode\n  defaultOpen?: boolean\n  description?: string\n  direction?: 'left' | 'right' | 'top' | 'bottom'\n  dismissible?: boolean\n  modal?: boolean\n  onOpenChange?: (open: boolean) => void\n  open?: boolean\n  size?: string\n  title?: string\n  trigger: ReactNode\n}\n\nexport const Drawer = ({ children, defaultOpen = false, description, direction = 'right', dismissible = true, modal = true, onOpenChange, open, size = '380px', title, trigger }: DrawerProps) => {\n  const baseStyles = 'font-sans! fixed'\n  const hasTitle = typeof title === 'string' && title.trim().length > 0\n  const hasDescription = typeof description === 'string' && description.trim().length > 0\n\n  const directionStyles = {\n    left: {\n      className: `${baseStyles} top-0 bottom-0 left-0 shadow-[20px_0_20px_rgba(0,0,0,0.4)]`,\n      style: { width: size },\n    },\n    right: {\n      className: `${baseStyles} top-0 bottom-0 right-0 shadow-[-20px_0_20px_rgba(0,0,0,0.4)]`,\n      style: { width: size },\n    },\n    top: {\n      className: `${baseStyles} top-0 left-0 right-0 shadow-[0_20px_20px_rgba(0,0,0,0.4)]`,\n      style: { height: size },\n    },\n    bottom: {\n      className: `${baseStyles} bottom-0 left-0 right-0 shadow-[0_-20px_20px_rgba(0,0,0,0.4)]`,\n      style: { height: size },\n    },\n  }\n\n  const { className, style } = directionStyles[direction]\n\n  return (\n    <SpectralProvider>\n      <DrawerBase.Root data-testid='spectral-drawer' defaultOpen={defaultOpen} direction={direction} dismissible={dismissible} modal={modal} onOpenChange={onOpenChange} open={open}>\n        <DrawerBase.Trigger asChild data-testid='spectral-drawer-trigger'>\n          {trigger}\n        </DrawerBase.Trigger>\n        <DrawerBase.Portal>\n          <DrawerBase.Overlay className='inset-0 fixed bg-transparent' data-testid='spectral-drawer-overlay' />\n          <DrawerBase.Content asChild aria-label={!hasTitle && !hasDescription ? 'Drawer' : undefined} className={`z-10 flex flex-col overscroll-contain bg-drawer-bg outline-none **:box-border ${className}`} style={style} data-testid='spectral-drawer-content'>\n            <div>\n              <DrawerBase.Close />\n              {hasTitle && (\n                <DrawerBase.Title className='px-3 pt-4 text-lg font-medium text-text-primary' data-testid='spectral-drawer-title'>\n                  {title}\n                </DrawerBase.Title>\n              )}\n              {hasDescription && (\n                <DrawerBase.Description className='mb-2 px-3 text-xs! text-text-secondary! uppercase' data-testid='spectral-drawer-description'>\n                  {description}\n                </DrawerBase.Description>\n              )}\n              <div className='py-2 px-3 min-w-0 *:min-w-0 w-auto overflow-hidden overscroll-contain *:box-border' data-testid='spectral-drawer-body'>\n                {children}\n              </div>\n            </div>\n          </DrawerBase.Content>\n        </DrawerBase.Portal>\n      </DrawerBase.Root>\n    </SpectralProvider>\n  )\n}\n"],"mappings":";;;;;;;AAkBA,MAAa,UAAU,EAAE,UAAU,cAAc,OAAO,aAAa,YAAY,SAAS,cAAc,MAAM,QAAQ,MAAM,cAAc,MAAM,OAAO,SAAS,OAAO,cAA2B;CAChM,MAAM,aAAa;CACnB,MAAM,WAAW,OAAO,UAAU,YAAY,MAAM,MAAM,CAAC,SAAS;CACpE,MAAM,iBAAiB,OAAO,gBAAgB,YAAY,YAAY,MAAM,CAAC,SAAS;CAqBtF,MAAM,EAAE,WAAW,UAAU;EAlB3B,MAAM;GACJ,WAAW,GAAG,WAAW;GACzB,OAAO,EAAE,OAAO,MAAM;GACvB;EACD,OAAO;GACL,WAAW,GAAG,WAAW;GACzB,OAAO,EAAE,OAAO,MAAM;GACvB;EACD,KAAK;GACH,WAAW,GAAG,WAAW;GACzB,OAAO,EAAE,QAAQ,MAAM;GACxB;EACD,QAAQ;GACN,WAAW,GAAG,WAAW;GACzB,OAAO,EAAE,QAAQ,MAAM;GACxB;EAGyC,CAAC;AAE7C,QACE,oBAAC,kBAAD,YACE,qBAACA,SAAW,MAAZ;EAAiB,eAAY;EAA+B;EAAwB;EAAwB;EAAoB;EAAqB;EAAoB;YAAzK,CACE,oBAACA,SAAW,SAAZ;GAAoB;GAAQ,eAAY;aACrC;GACkB,GACrB,qBAACA,SAAW,QAAZ,aACE,oBAACA,SAAW,SAAZ;GAAoB,WAAU;GAA+B,eAAY;GAA4B,GACrG,oBAACA,SAAW,SAAZ;GAAoB;GAAQ,cAAY,CAAC,YAAY,CAAC,iBAAiB,WAAW;GAAW,WAAW,iFAAiF;GAAoB;GAAO,eAAY;aAC9N,qBAAC,OAAD;IACE,oBAACA,SAAW,OAAZ,EAAoB;IACnB,YACC,oBAACA,SAAW,OAAZ;KAAkB,WAAU;KAAkD,eAAY;eACvF;KACgB;IAEpB,kBACC,oBAACA,SAAW,aAAZ;KAAwB,WAAU;KAAoD,eAAY;eAC/F;KACsB;IAE3B,oBAAC,OAAD;KAAK,WAAU;KAAqF,eAAY;KAC7G;KACG;IACF;GACa,EACH,IACJ;KACD"}

package/dist/DropdownMenu.d.ts

@@ -1,62 +1,95 @@
-import { DropdownWidth } from './utils/formFieldUtils';
-import { ComponentPropsWithoutRef, RefObject, ReactNode } from 'react';
-import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+'use client';
+import { DropdownWidth } from "./utils/formFieldUtils.js";
+import { ComponentPropsWithoutRef, ReactNode, RefObject } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+
+//#region src/components/DropdownMenu/DropdownMenu.d.ts
 type Align = 'start' | 'center' | 'end';
 type Side = 'top' | 'bottom' | 'left' | 'right';
 type DropdownValue = string | string[];
 interface BaseDropdownOption {
-    disabled?: boolean;
-    label: string;
-    shortcut?: ReactNode;
-    value: string;
+  disabled?: boolean;
+  label: string;
+  shortcut?: ReactNode;
+  value: string;
 }
-export interface DropdownMenuItemOption extends BaseDropdownOption {
-    type?: 'item';
+interface DropdownMenuItemOption extends BaseDropdownOption {
+  type?: 'item';
 }
-export interface DropdownMenuCheckboxOption extends BaseDropdownOption {
-    type: 'checkbox';
+interface DropdownMenuCheckboxOption extends BaseDropdownOption {
+  type: 'checkbox';
 }
-export interface DropdownMenuLabelOption {
-    id?: string;
-    label: string;
-    type: 'label';
+interface DropdownMenuLabelOption {
+  id?: string;
+  label: string;
+  type: 'label';
 }
-export interface DropdownMenuSeparatorOption {
-    id?: string;
-    type: 'separator';
+interface DropdownMenuSeparatorOption {
+  id?: string;
+  type: 'separator';
 }
-export type DropdownMenuOption = DropdownMenuItemOption | DropdownMenuCheckboxOption | DropdownMenuLabelOption | DropdownMenuSeparatorOption;
-export interface DropdownMenuProps extends Omit<ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Root>, 'defaultOpen' | 'onOpenChange' | 'open'> {
-    align?: Align;
-    asChild?: boolean;
-    alignOffset?: number;
-    avoidCollisions?: boolean;
-    collisionBoundary?: Element | Element[] | null;
-    collisionPadding?: number | Partial<Record<Side, number>>;
-    className?: string;
-    contentClassName?: string;
-    dataTestId?: string;
-    defaultOpen?: boolean;
-    defaultValue?: DropdownValue;
-    disabled?: boolean;
-    dropdownContentRef?: RefObject<HTMLDivElement | null>;
-    dropdownWidth?: DropdownWidth;
-    emptyMessage?: ReactNode;
-    loadingMessage?: string;
-    onOpenChange?: (open: boolean) => void;
-    onValueChange?: (value: DropdownValue) => void;
-    open?: boolean;
-    options: DropdownMenuOption[];
-    selectionMode?: 'single' | 'multiple';
-    side?: Side;
-    sideOffset?: number;
-    state?: 'default' | 'loading';
-    trigger: ReactNode;
-    value?: DropdownValue;
+type DropdownMenuOption = DropdownMenuItemOption | DropdownMenuCheckboxOption | DropdownMenuLabelOption | DropdownMenuSeparatorOption;
+interface DropdownMenuProps extends Omit<ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Root>, 'defaultOpen' | 'onOpenChange' | 'open'> {
+  align?: Align;
+  asChild?: boolean;
+  alignOffset?: number;
+  avoidCollisions?: boolean;
+  collisionBoundary?: Element | Element[] | null;
+  collisionPadding?: number | Partial<Record<Side, number>>;
+  className?: string;
+  contentClassName?: string;
+  dataTestId?: string;
+  defaultOpen?: boolean;
+  defaultValue?: DropdownValue;
+  disabled?: boolean;
+  dropdownContentRef?: RefObject<HTMLDivElement | null>;
+  dropdownWidth?: DropdownWidth;
+  emptyMessage?: ReactNode;
+  loadingMessage?: string;
+  onOpenChange?: (open: boolean) => void;
+  onValueChange?: (value: DropdownValue) => void;
+  open?: boolean;
+  options: DropdownMenuOption[];
+  selectionMode?: 'single' | 'multiple';
+  side?: Side;
+  sideOffset?: number;
+  state?: 'default' | 'loading';
+  trigger: ReactNode;
+  value?: DropdownValue;
 }
-export declare const DropdownMenu: {
-    ({ align, asChild, alignOffset, avoidCollisions, className, collisionBoundary, collisionPadding, contentClassName, dataTestId, defaultOpen, defaultValue, disabled, dropdownContentRef, dropdownWidth, emptyMessage, loadingMessage, modal, onOpenChange, onValueChange, open: openProp, options, selectionMode, side, sideOffset, state, trigger, value: valueProp, }: DropdownMenuProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export {};
+declare function DropdownMenu({
+  align,
+  asChild,
+  alignOffset,
+  avoidCollisions,
+  className,
+  collisionBoundary,
+  collisionPadding,
+  contentClassName,
+  dataTestId,
+  defaultOpen,
+  defaultValue,
+  disabled,
+  dropdownContentRef,
+  dropdownWidth,
+  emptyMessage,
+  loadingMessage,
+  modal,
+  onOpenChange,
+  onValueChange,
+  open: openProp,
+  options,
+  selectionMode,
+  side,
+  sideOffset,
+  state,
+  trigger,
+  value: valueProp
+}: DropdownMenuProps): _$react_jsx_runtime0.JSX.Element;
+declare namespace DropdownMenu {
+  var displayName: string;
+}
+//#endregion
+export { DropdownMenu, DropdownMenuCheckboxOption, DropdownMenuItemOption, DropdownMenuLabelOption, DropdownMenuOption, DropdownMenuProps, DropdownMenuSeparatorOption };
 //# sourceMappingURL=DropdownMenu.d.ts.map

package/dist/DropdownMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMenu.d.ts","names":[],"sources":["../src/components/DropdownMenu/DropdownMenu.tsx"],"mappings":";;;;;;;KAQK,KAAA;AAAA,KACA,IAAA;AAAA,KACA,aAAA;AAAA,UAEK,kBAAA;EACR,QAAA;EACA,KAAA;EACA,QAAA,GAAW,SAAA;EACX,KAAA;AAAA;AAAA,UAGe,sBAAA,SAA+B,kBAAA;EAC9C,IAAA;AAAA;AAAA,UAGe,0BAAA,SAAmC,kBAAA;EAClD,IAAA;AAAA;AAAA,UAGe,uBAAA;EACf,EAAA;EACA,KAAA;EACA,IAAA;AAAA;AAAA,UAGe,2BAAA;EACf,EAAA;EACA,IAAA;AAAA;AAAA,KAGU,kBAAA,GAAqB,sBAAA,GAAyB,0BAAA,GAA6B,uBAAA,GAA0B,2BAAA;AAAA,UAEhG,iBAAA,SAA0B,IAAA,CAAK,wBAAA,QAAgC,qBAAA,CAAsB,IAAA;EACpG,KAAA,GAAQ,KAAA;EACR,OAAA;EACA,WAAA;EACA,eAAA;EACA,iBAAA,GAAoB,OAAA,GAAU,OAAA;EAC9B,gBAAA,YAA4B,OAAA,CAAQ,MAAA,CAAO,IAAA;EAC3C,SAAA;EACA,gBAAA;EACA,UAAA;EACA,WAAA;EACA,YAAA,GAAe,aAAA;EACf,QAAA;EACA,kBAAA,GAAqB,SAAA,CAAU,cAAA;EAC/B,aAAA,GAAgB,aAAA;EAChB,YAAA,GAAe,SAAA;EACf,cAAA;EACA,YAAA,IAAgB,IAAA;EAChB,aAAA,IAAiB,KAAA,EAAO,aAAA;EACxB,IAAA;EACA,OAAA,EAAS,kBAAA;EACT,aAAA;EACA,IAAA,GAAO,IAAA;EACP,UAAA;EACA,KAAA;EACA,OAAA,EAAS,SAAA;EACT,KAAA,GAAQ,aAAA;AAAA;AAAA;EAqBR,KAAA;EACA,OAAA;EACA,WAAA;EACA,eAAA;EACA,SAAA;EACA,iBAAA;EACA,gBAAA;EACA,gBAAA;EACA,UAAA;EACA,WAAA;EACA,YAAA;EACA,QAAA;EACA,kBAAA;EACA,aAAA;EACA,YAAA;EACA,cAAA;EACA,KAAA;EACA,YAAA;EACA,aAAA;EACA,IAAA,EAAM,QAAA;EACN,OAAA;EACA,aAAA;EACA,IAAA;EACA,UAAA;EACA,KAAA;EACA,OAAA;EACA,KAAA,EAAO;AAAA,GACN,iBAAA,GAAiB,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA"}

package/dist/DropdownMenu.js

@@ -1,3 +1,156 @@
-'use client'
-import { t as e } from "./DropdownMenu-BO_RPCVU.js";
-export { e as DropdownMenu };
+'use client';
+import { CheckmarkIcon } from "./Icons/CheckmarkIcon.js";
+import { cn } from "./utils/twUtils.js";
+import { EmptyState, LoadingState, getDropdownSurfaceClasses, getDropdownWidthStyles, getOptionClasses } from "./utils/formFieldUtils.js";
+import { useUncontrolledState } from "./hooks/useUncontrolledState.js";
+import { useAutoDropdownHorizontalShift } from "./utils/dropdownPositioning.js";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+
+//#region src/components/DropdownMenu/DropdownMenu.tsx
+const normalizeValue = (value, selectionMode) => {
+	if (selectionMode === "multiple") {
+		if (Array.isArray(value)) return value;
+		return value ? [value] : [];
+	}
+	if (Array.isArray(value)) return value[0] ?? "";
+	return value ?? "";
+};
+const isSelectableOption = (option) => {
+	return option.type !== "separator" && option.type !== "label";
+};
+const DropdownMenu = ({ align = "start", asChild = true, alignOffset = 0, avoidCollisions = true, className, collisionBoundary, collisionPadding = 10, contentClassName, dataTestId, defaultOpen, defaultValue, disabled = false, dropdownContentRef, dropdownWidth = "content", emptyMessage = "No options found", loadingMessage = "Loading…", modal = true, onOpenChange, onValueChange, open: openProp, options, selectionMode = "single", side = "bottom", sideOffset = 4, state = "default", trigger, value: valueProp }) => {
+	const [open, setOpen] = useUncontrolledState({
+		value: openProp,
+		defaultValue: defaultOpen ?? false,
+		onChange: onOpenChange
+	});
+	const { dropdownShiftStyle, setDropdownElement } = useAutoDropdownHorizontalShift(open);
+	const resolvedDefaultValue = normalizeValue(defaultValue, selectionMode);
+	const [value, setValue] = useUncontrolledState({
+		value: valueProp === void 0 ? void 0 : normalizeValue(valueProp, selectionMode),
+		defaultValue: resolvedDefaultValue,
+		onChange: onValueChange
+	});
+	const { dropdownWidthMode, dropdownWidthStyle } = getDropdownWidthStyles({
+		dropdownWidth,
+		triggerWidth: "var(--radix-dropdown-menu-trigger-width)"
+	});
+	const isDisabled = disabled || state === "loading";
+	const selectableOptions = options.filter(isSelectableOption);
+	const isOptionSelected = (optionValue) => {
+		if (selectionMode === "multiple") return (Array.isArray(value) ? value : []).includes(optionValue);
+		return value === optionValue;
+	};
+	const handleValueChange = (nextValue) => {
+		if (selectionMode === "multiple") {
+			const values = Array.isArray(value) ? value : [];
+			setValue(values.includes(nextValue) ? values.filter((entry) => entry !== nextValue) : [...values, nextValue]);
+			return;
+		}
+		setValue(nextValue);
+		setOpen(false);
+	};
+	const renderOption = (option, index) => {
+		if (option.type === "separator") return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Separator, {
+			className: "-mx-1 my-1 h-px bg-border-secondary",
+			"data-testid": "spectral-dropdown-menu-separator"
+		}, option.id ?? `separator-${index}`);
+		if (option.type === "label") return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Label, {
+			className: "px-2 py-1.5 text-base font-semibold text-text-primary",
+			"data-testid": "spectral-dropdown-menu-label",
+			children: option.label
+		}, option.id ?? `label-${index}`);
+		const isSelected = isOptionSelected(option.value);
+		const itemClassName = cn(getOptionClasses(Boolean(option.disabled), false, isSelected), "group/spectral-dropdown-menu-item pr-2 gap-4 relative flex w-full justify-between");
+		if (selectionMode === "multiple" || option.type === "checkbox") return /* @__PURE__ */ jsxs(DropdownMenuPrimitive.CheckboxItem, {
+			checked: isSelected,
+			className: itemClassName,
+			"data-testid": "spectral-dropdown-menu-checkbox-item",
+			disabled: option.disabled,
+			onCheckedChange: () => handleValueChange(option.value),
+			onSelect: (event) => event.preventDefault(),
+			children: [
+				/* @__PURE__ */ jsx("span", {
+					className: "min-w-0 flex-1 truncate whitespace-nowrap",
+					children: option.label
+				}),
+				option.shortcut && /* @__PURE__ */ jsx("span", {
+					className: "text-xs tracking-widest ml-auto text-input-text-placeholder",
+					children: option.shortcut
+				}),
+				/* @__PURE__ */ jsx("span", {
+					"aria-hidden": "true",
+					className: "ml-2 size-4 flex shrink-0 items-center justify-center",
+					children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, {
+						asChild: true,
+						children: /* @__PURE__ */ jsx("span", {
+							className: "size-4 flex items-center justify-center",
+							children: /* @__PURE__ */ jsx(CheckmarkIcon, { size: 16 })
+						})
+					})
+				})
+			]
+		}, option.value);
+		return /* @__PURE__ */ jsxs(DropdownMenuPrimitive.Item, {
+			className: itemClassName,
+			"data-testid": "spectral-dropdown-menu-item",
+			disabled: option.disabled,
+			onSelect: () => handleValueChange(option.value),
+			children: [
+				/* @__PURE__ */ jsx("span", {
+					className: "min-w-0 flex-1 truncate whitespace-nowrap",
+					children: option.label
+				}),
+				option.shortcut && /* @__PURE__ */ jsx("span", {
+					className: "text-xs tracking-widest ml-auto text-input-text-placeholder",
+					children: option.shortcut
+				}),
+				/* @__PURE__ */ jsx("span", {
+					"aria-hidden": "true",
+					className: "ml-2 size-4 flex shrink-0 items-center justify-center",
+					children: isSelected && /* @__PURE__ */ jsx(CheckmarkIcon, { size: 16 })
+				})
+			]
+		}, option.value);
+	};
+	return /* @__PURE__ */ jsxs(DropdownMenuPrimitive.Root, {
+		modal,
+		onOpenChange: setOpen,
+		open,
+		children: [/* @__PURE__ */ jsx(DropdownMenuPrimitive.Trigger, {
+			asChild,
+			className: cn(className, "transition-opacity duration-200 hover:cursor-pointer hover:opacity-80"),
+			"data-testid": dataTestId ?? "spectral-dropdown-menu-trigger",
+			disabled: isDisabled,
+			children: trigger
+		}), /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.Content, {
+			align,
+			alignOffset,
+			avoidCollisions,
+			className: cn("p-1 relative z-50 motion-safe:data-[state=closed]:animate-out motion-safe:data-[state=open]:animate-in", getDropdownSurfaceClasses(), "motion-safe:data-[state=closed]:fade-out-0 motion-safe:data-[state=closed]:zoom-out-95 motion-safe:data-[state=open]:fade-in-0 motion-safe:data-[state=open]:zoom-in-95", "max-h-[min(var(--radix-dropdown-menu-content-available-height),300px)] motion-safe:data-[side=bottom]:slide-in-from-top-2 motion-safe:data-[side=top]:slide-in-from-bottom-2", "min-w-32 origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto", contentClassName),
+			collisionBoundary,
+			collisionPadding,
+			"data-dropdown-width-mode": dropdownWidthMode,
+			"data-dropdown-width-value": dropdownWidthMode === "custom" ? dropdownWidth : void 0,
+			"data-testid": "spectral-dropdown-menu-content",
+			ref: (node) => {
+				setDropdownElement(node);
+				if (dropdownContentRef) dropdownContentRef.current = node;
+			},
+			side,
+			sideOffset,
+			style: {
+				...dropdownWidthStyle,
+				...dropdownShiftStyle
+			},
+			children: state === "loading" ? /* @__PURE__ */ jsx(LoadingState, { message: loadingMessage }) : selectableOptions.length === 0 ? /* @__PURE__ */ jsx(EmptyState, { message: emptyMessage }) : options.map(renderOption)
+		}) })]
+	});
+};
+DropdownMenu.displayName = "DropdownMenu";
+
+//#endregion
+export { DropdownMenu };
+//# sourceMappingURL=DropdownMenu.js.map

package/dist/DropdownMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMenu.js","names":[],"sources":["../src/components/DropdownMenu/DropdownMenu.tsx"],"sourcesContent":["import { CheckmarkIcon } from '@components/Icons'\nimport { useUncontrolledState } from '@hooks/useUncontrolledState'\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu'\nimport { useAutoDropdownHorizontalShift } from '@utils/dropdownPositioning'\nimport { EmptyState, getDropdownWidthStyles, getDropdownSurfaceClasses, getOptionClasses, LoadingState, type DropdownWidth } from '@utils/formFieldUtils'\nimport { cn } from '@utils/twUtils'\nimport { type ComponentPropsWithoutRef, type RefObject, type ReactNode } from 'react'\n\ntype Align = 'start' | 'center' | 'end'\ntype Side = 'top' | 'bottom' | 'left' | 'right'\ntype DropdownValue = string | string[]\n\ninterface BaseDropdownOption {\n  disabled?: boolean\n  label: string\n  shortcut?: ReactNode\n  value: string\n}\n\nexport interface DropdownMenuItemOption extends BaseDropdownOption {\n  type?: 'item'\n}\n\nexport interface DropdownMenuCheckboxOption extends BaseDropdownOption {\n  type: 'checkbox'\n}\n\nexport interface DropdownMenuLabelOption {\n  id?: string\n  label: string\n  type: 'label'\n}\n\nexport interface DropdownMenuSeparatorOption {\n  id?: string\n  type: 'separator'\n}\n\nexport type DropdownMenuOption = DropdownMenuItemOption | DropdownMenuCheckboxOption | DropdownMenuLabelOption | DropdownMenuSeparatorOption\n\nexport interface DropdownMenuProps extends Omit<ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Root>, 'defaultOpen' | 'onOpenChange' | 'open'> {\n  align?: Align\n  asChild?: boolean\n  alignOffset?: number\n  avoidCollisions?: boolean\n  collisionBoundary?: Element | Element[] | null\n  collisionPadding?: number | Partial<Record<Side, number>>\n  className?: string\n  contentClassName?: string\n  dataTestId?: string\n  defaultOpen?: boolean\n  defaultValue?: DropdownValue\n  disabled?: boolean\n  dropdownContentRef?: RefObject<HTMLDivElement | null>\n  dropdownWidth?: DropdownWidth\n  emptyMessage?: ReactNode\n  loadingMessage?: string\n  onOpenChange?: (open: boolean) => void\n  onValueChange?: (value: DropdownValue) => void\n  open?: boolean\n  options: DropdownMenuOption[]\n  selectionMode?: 'single' | 'multiple'\n  side?: Side\n  sideOffset?: number\n  state?: 'default' | 'loading'\n  trigger: ReactNode\n  value?: DropdownValue\n}\n\nconst normalizeValue = (value: DropdownValue | undefined, selectionMode: 'single' | 'multiple') => {\n  if (selectionMode === 'multiple') {\n    if (Array.isArray(value)) return value\n    return value ? [value] : []\n  }\n\n  if (Array.isArray(value)) {\n    return value[0] ?? ''\n  }\n\n  return value ?? ''\n}\n\nconst isSelectableOption = (option: DropdownMenuOption): option is DropdownMenuItemOption | DropdownMenuCheckboxOption => {\n  return option.type !== 'separator' && option.type !== 'label'\n}\n\nexport const DropdownMenu = ({\n  align = 'start',\n  asChild = true,\n  alignOffset = 0,\n  avoidCollisions = true,\n  className,\n  collisionBoundary,\n  collisionPadding = 10,\n  contentClassName,\n  dataTestId,\n  defaultOpen,\n  defaultValue,\n  disabled = false,\n  dropdownContentRef,\n  dropdownWidth = 'content',\n  emptyMessage = 'No options found',\n  loadingMessage = 'Loading…',\n  modal = true,\n  onOpenChange,\n  onValueChange,\n  open: openProp,\n  options,\n  selectionMode = 'single',\n  side = 'bottom',\n  sideOffset = 4,\n  state = 'default',\n  trigger,\n  value: valueProp,\n}: DropdownMenuProps) => {\n  const [open, setOpen] = useUncontrolledState<boolean>({\n    value: openProp,\n    defaultValue: defaultOpen ?? false,\n    onChange: onOpenChange,\n  })\n\n  const { dropdownShiftStyle, setDropdownElement } = useAutoDropdownHorizontalShift(open)\n\n  const resolvedDefaultValue = normalizeValue(defaultValue, selectionMode)\n  const resolvedControlledValue = valueProp === undefined ? undefined : normalizeValue(valueProp, selectionMode)\n  const [value, setValue] = useUncontrolledState<DropdownValue>({\n    value: resolvedControlledValue,\n    defaultValue: resolvedDefaultValue,\n    onChange: onValueChange,\n  })\n\n  const { dropdownWidthMode, dropdownWidthStyle } = getDropdownWidthStyles({\n    dropdownWidth,\n    triggerWidth: 'var(--radix-dropdown-menu-trigger-width)',\n  })\n\n  const isDisabled = disabled || state === 'loading'\n  const selectableOptions = options.filter(isSelectableOption)\n\n  const isOptionSelected = (optionValue: string) => {\n    if (selectionMode === 'multiple') {\n      const values = Array.isArray(value) ? value : []\n      return values.includes(optionValue)\n    }\n\n    return value === optionValue\n  }\n\n  const handleValueChange = (nextValue: string) => {\n    if (selectionMode === 'multiple') {\n      const values = Array.isArray(value) ? value : []\n      const nextValues = values.includes(nextValue) ? values.filter((entry) => entry !== nextValue) : [...values, nextValue]\n      setValue(nextValues)\n      return\n    }\n\n    setValue(nextValue)\n    setOpen(false)\n  }\n\n  const renderOption = (option: DropdownMenuOption, index: number) => {\n    if (option.type === 'separator') {\n      return <DropdownMenuPrimitive.Separator className='-mx-1 my-1 h-px bg-border-secondary' data-testid='spectral-dropdown-menu-separator' key={option.id ?? `separator-${index}`} />\n    }\n\n    if (option.type === 'label') {\n      return (\n        <DropdownMenuPrimitive.Label className='px-2 py-1.5 text-base font-semibold text-text-primary' data-testid='spectral-dropdown-menu-label' key={option.id ?? `label-${index}`}>\n          {option.label}\n        </DropdownMenuPrimitive.Label>\n      )\n    }\n\n    const isSelected = isOptionSelected(option.value)\n    const itemClassName = cn(getOptionClasses(Boolean(option.disabled), false, isSelected), 'group/spectral-dropdown-menu-item pr-2 gap-4 relative flex w-full justify-between')\n\n    if (selectionMode === 'multiple' || option.type === 'checkbox') {\n      return (\n        <DropdownMenuPrimitive.CheckboxItem\n          checked={isSelected}\n          className={itemClassName}\n          data-testid='spectral-dropdown-menu-checkbox-item'\n          disabled={option.disabled}\n          key={option.value}\n          onCheckedChange={() => handleValueChange(option.value)}\n          onSelect={(event) => event.preventDefault()}\n        >\n          <span className='min-w-0 flex-1 truncate whitespace-nowrap'>{option.label}</span>\n          {option.shortcut && <span className='text-xs tracking-widest ml-auto text-input-text-placeholder'>{option.shortcut}</span>}\n          <span aria-hidden='true' className='ml-2 size-4 flex shrink-0 items-center justify-center'>\n            <DropdownMenuPrimitive.ItemIndicator asChild>\n              <span className='size-4 flex items-center justify-center'>\n                <CheckmarkIcon size={16} />\n              </span>\n            </DropdownMenuPrimitive.ItemIndicator>\n          </span>\n        </DropdownMenuPrimitive.CheckboxItem>\n      )\n    }\n\n    return (\n      <DropdownMenuPrimitive.Item className={itemClassName} data-testid='spectral-dropdown-menu-item' disabled={option.disabled} key={option.value} onSelect={() => handleValueChange(option.value)}>\n        <span className='min-w-0 flex-1 truncate whitespace-nowrap'>{option.label}</span>\n        {option.shortcut && <span className='text-xs tracking-widest ml-auto text-input-text-placeholder'>{option.shortcut}</span>}\n        <span aria-hidden='true' className='ml-2 size-4 flex shrink-0 items-center justify-center'>\n          {isSelected && <CheckmarkIcon size={16} />}\n        </span>\n      </DropdownMenuPrimitive.Item>\n    )\n  }\n\n  return (\n    <DropdownMenuPrimitive.Root modal={modal} onOpenChange={setOpen} open={open}>\n      <DropdownMenuPrimitive.Trigger asChild={asChild} className={cn(className, 'transition-opacity duration-200 hover:cursor-pointer hover:opacity-80')} data-testid={dataTestId ?? 'spectral-dropdown-menu-trigger'} disabled={isDisabled}>\n        {trigger}\n      </DropdownMenuPrimitive.Trigger>\n      <DropdownMenuPrimitive.Portal>\n        <DropdownMenuPrimitive.Content\n          align={align}\n          alignOffset={alignOffset}\n          avoidCollisions={avoidCollisions}\n          className={cn(\n            'p-1 relative z-50 motion-safe:data-[state=closed]:animate-out motion-safe:data-[state=open]:animate-in',\n            getDropdownSurfaceClasses(),\n            'motion-safe:data-[state=closed]:fade-out-0 motion-safe:data-[state=closed]:zoom-out-95 motion-safe:data-[state=open]:fade-in-0 motion-safe:data-[state=open]:zoom-in-95',\n            'max-h-[min(var(--radix-dropdown-menu-content-available-height),300px)] motion-safe:data-[side=bottom]:slide-in-from-top-2 motion-safe:data-[side=top]:slide-in-from-bottom-2',\n            'min-w-32 origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto',\n            contentClassName,\n          )}\n          collisionBoundary={collisionBoundary}\n          collisionPadding={collisionPadding}\n          data-dropdown-width-mode={dropdownWidthMode}\n          data-dropdown-width-value={dropdownWidthMode === 'custom' ? dropdownWidth : undefined}\n          data-testid='spectral-dropdown-menu-content'\n          ref={(node) => {\n            setDropdownElement(node)\n            if (dropdownContentRef) {\n              dropdownContentRef.current = node\n            }\n          }}\n          side={side}\n          sideOffset={sideOffset}\n          style={{\n            ...dropdownWidthStyle,\n            ...dropdownShiftStyle,\n          }}\n        >\n          {state === 'loading' ? <LoadingState message={loadingMessage} /> : selectableOptions.length === 0 ? <EmptyState message={emptyMessage} /> : options.map(renderOption)}\n        </DropdownMenuPrimitive.Content>\n      </DropdownMenuPrimitive.Portal>\n    </DropdownMenuPrimitive.Root>\n  )\n}\n\nDropdownMenu.displayName = 'DropdownMenu'\n"],"mappings":"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"}

package/dist/FormFieldMessage.d.ts

@@ -1,11 +1,35 @@
-export type FormFieldMessageValue = string | string[] | Record<string, unknown> | null | undefined;
+'use client';
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/FormFieldMessage/FormFieldMessage.d.ts
+type FormFieldMessageValue = string | string[] | Record<string, unknown> | null | undefined;
 interface BaseFieldMessageProps {
-    className?: string;
-    dataTestId?: string;
-    id: string;
-    message: FormFieldMessageValue;
+  className?: string;
+  containerClassName?: string;
+  dataTestId?: string;
+  id: string;
+  message: FormFieldMessageValue;
+  messageReserveLines?: number;
+  messageReserveSpace?: boolean;
 }
-export declare const ErrorMessage: ({ className, dataTestId, id, message }: BaseFieldMessageProps) => import("react/jsx-runtime").JSX.Element;
-export declare const WarningMessage: ({ className, dataTestId, id, message }: BaseFieldMessageProps) => import("react/jsx-runtime").JSX.Element;
-export {};
+declare const ErrorMessage: ({
+  className,
+  containerClassName,
+  dataTestId,
+  id,
+  message,
+  messageReserveLines,
+  messageReserveSpace
+}: BaseFieldMessageProps) => _$react_jsx_runtime0.JSX.Element;
+declare const WarningMessage: ({
+  className,
+  containerClassName,
+  dataTestId,
+  id,
+  message,
+  messageReserveLines,
+  messageReserveSpace
+}: BaseFieldMessageProps) => _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { ErrorMessage, FormFieldMessageValue, WarningMessage };
 //# sourceMappingURL=FormFieldMessage.d.ts.map

package/dist/FormFieldMessage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormFieldMessage.d.ts","names":[],"sources":["../src/components/FormFieldMessage/FormFieldMessage.tsx"],"mappings":";;;;KAGY,qBAAA,uBAA4C,MAAA;AAAA,UAE9C,qBAAA;EACR,SAAA;EACA,kBAAA;EACA,UAAA;EACA,EAAA;EACA,OAAA,EAAS,qBAAA;EACT,mBAAA;EACA,mBAAA;AAAA;AAAA,cAoEW,YAAA;EAAY,SAAA;EAAA,kBAAA;EAAA,UAAA;EAAA,EAAA;EAAA,OAAA;EAAA,mBAAA;EAAA;AAAA,GAAgJ,qBAAA,KAAqB,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,cAIjL,cAAA;EAAc,SAAA;EAAA,kBAAA;EAAA,UAAA;EAAA,EAAA;EAAA,OAAA;EAAA,mBAAA;EAAA;AAAA,GAAkJ,qBAAA,KAAqB,oBAAA,CAAA,GAAA,CAAA,OAAA"}