@spectral_labs/ui 1.5.2 → 1.6.0

package/dist/components/dropdown-menu/index.d.ts

@@ -2,11 +2,13 @@ export { default as CheckboxItem } from './components/dropdown-menu-checkbox-ite
 export { default as Content } from './components/dropdown-menu-content.svelte';
 export { default as Item } from './components/dropdown-menu-item.svelte';
 export { default as Label } from './components/dropdown-menu-label.svelte';
+export { default as RadioGroup } from './components/dropdown-menu-radio-group.svelte';
+export { default as RadioItem } from './components/dropdown-menu-radio-item.svelte';
 export { default as Root } from './components/dropdown-menu-root.svelte';
 export { default as Separator } from './components/dropdown-menu-separator.svelte';
 export { default as SubContent } from './components/dropdown-menu-sub-content.svelte';
 export { default as SubTrigger } from './components/dropdown-menu-sub-trigger.svelte';
 export { default as Sub } from './components/dropdown-menu-sub.svelte';
 export { default as Trigger } from './components/dropdown-menu-trigger.svelte';
-export type { DropdownMenuCheckboxItemProps, DropdownMenuContentProps, DropdownMenuItemProps, DropdownMenuLabelProps, DropdownMenuProps, DropdownMenuSeparatorProps, DropdownMenuSubContentProps, DropdownMenuSubProps, DropdownMenuSubTriggerProps, DropdownMenuTriggerProps, } from './types.js';
+export type { DropdownMenuCheckboxItemProps, DropdownMenuContentProps, DropdownMenuItemProps, DropdownMenuLabelProps, DropdownMenuProps, DropdownMenuRadioGroupProps, DropdownMenuRadioItemProps, DropdownMenuSeparatorProps, DropdownMenuSubContentProps, DropdownMenuSubProps, DropdownMenuSubTriggerProps, DropdownMenuTriggerProps, } from './types.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/dropdown-menu/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/components/dropdown-menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,iDAAiD,CAAA;AACzF,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,2CAA2C,CAAA;AAC9E,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,wCAAwC,CAAA;AACxE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,yCAAyC,CAAA;AAC1E,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,wCAAwC,CAAA;AACxE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,6CAA6C,CAAA;AAClF,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,+CAA+C,CAAA;AACrF,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,+CAA+C,CAAA;AACrF,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,uCAAuC,CAAA;AACtE,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,2CAA2C,CAAA;AAC9E,YAAY,EACV,6BAA6B,EAC7B,wBAAwB,EACxB,qBAAqB,EACrB,sBAAsB,EACtB,iBAAiB,EACjB,0BAA0B,EAC1B,2BAA2B,EAC3B,oBAAoB,EACpB,2BAA2B,EAC3B,wBAAwB,GACzB,MAAM,YAAY,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/components/dropdown-menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,iDAAiD,CAAA;AACzF,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,2CAA2C,CAAA;AAC9E,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,wCAAwC,CAAA;AACxE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,yCAAyC,CAAA;AAC1E,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,+CAA+C,CAAA;AACrF,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,8CAA8C,CAAA;AACnF,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,wCAAwC,CAAA;AACxE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,6CAA6C,CAAA;AAClF,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,+CAA+C,CAAA;AACrF,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,+CAA+C,CAAA;AACrF,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,uCAAuC,CAAA;AACtE,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,2CAA2C,CAAA;AAC9E,YAAY,EACV,6BAA6B,EAC7B,wBAAwB,EACxB,qBAAqB,EACrB,sBAAsB,EACtB,iBAAiB,EACjB,2BAA2B,EAC3B,0BAA0B,EAC1B,0BAA0B,EAC1B,2BAA2B,EAC3B,oBAAoB,EACpB,2BAA2B,EAC3B,wBAAwB,GACzB,MAAM,YAAY,CAAA"}

package/dist/components/dropdown-menu/index.js

@@ -2,6 +2,8 @@ export { default as CheckboxItem } from './components/dropdown-menu-checkbox-ite
 export { default as Content } from './components/dropdown-menu-content.svelte';
 export { default as Item } from './components/dropdown-menu-item.svelte';
 export { default as Label } from './components/dropdown-menu-label.svelte';
+export { default as RadioGroup } from './components/dropdown-menu-radio-group.svelte';
+export { default as RadioItem } from './components/dropdown-menu-radio-item.svelte';
 export { default as Root } from './components/dropdown-menu-root.svelte';
 export { default as Separator } from './components/dropdown-menu-separator.svelte';
 export { default as SubContent } from './components/dropdown-menu-sub-content.svelte';

package/dist/components/dropdown-menu/types.d.ts

@@ -1,5 +1,5 @@
 import type { Snippet } from 'svelte';
-import type { HTMLButtonAttributes } from 'svelte/elements';
+import type { HTMLAttributes, HTMLButtonAttributes } from 'svelte/elements';
 import type { Align, Side } from '../../internal/floating-layer/types.js';
 export interface DropdownMenuProps {
     open?: boolean;
@@ -55,6 +55,40 @@ export interface DropdownMenuCheckboxItemProps {
     class?: string;
     children?: Snippet;
 }
+/**
+ * Extends the native div attributes so the real `role="group"` node can be
+ * named: several radio groups in one menu each need their own `aria-label` /
+ * `aria-labelledby`, and consumers need `id` / `data-testid` on the group
+ * itself.
+ */
+export interface DropdownMenuRadioGroupProps extends Omit<HTMLAttributes<HTMLDivElement>, 'class' | 'children'> {
+    /** The selected value. Bindable. */
+    value?: string;
+    /** Called whenever the selection changes. Never fired for a re-selection. */
+    onValueChange?: (value: string) => void;
+    class?: string;
+    children?: Snippet;
+}
+/**
+ * Extends the native div attributes: unlike the older menu rows, a consumer's
+ * `data-testid`, `aria-*` and event handlers reach the DOM node
+ * (spectral-ui#201 is not reproduced here). Consumer handlers COMPOSE with the
+ * built-in ones — they run first, and calling `preventDefault()` cancels the
+ * built-in behaviour.
+ */
+export interface DropdownMenuRadioItemProps extends Omit<HTMLAttributes<HTMLDivElement>, 'class' | 'children'> {
+    /** Value identifying this row within its `RadioGroup`. */
+    value: string;
+    disabled?: boolean;
+    /** Override textContent for typeahead matching. */
+    textValue?: string;
+    /** Close the menu after selection (default true). */
+    closeOnSelect?: boolean;
+    /** Callback on selection, after the group's value has moved. */
+    onSelect?: (event: Event) => void;
+    class?: string;
+    children?: Snippet;
+}
 export interface DropdownMenuSubProps {
     /** Whether the submenu is open. */
     open?: boolean;

package/dist/components/dropdown-menu/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/lib/components/dropdown-menu/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAA;AACrC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAA;AAC3D,OAAO,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,wCAAwC,CAAA;AAEzE,MAAM,WAAW,iBAAiB;IAChC,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,uFAAuF;IACvF,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACtC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,MAAM,WAAW,wBAAyB,SAAQ,IAAI,CAAC,oBAAoB,EAAE,OAAO,CAAC;IACnF,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,MAAM,WAAW,wBAAwB;IACvC,IAAI,CAAC,EAAE,IAAI,CAAA;IACX,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,KAAK,CAAC,EAAE,KAAK,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,WAAW,GAAG,MAAM,CAAA;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,MAAM,WAAW,qBAAqB;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,iDAAiD;IACjD,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,6BAA6B;IAC7B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;IACjC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,MAAM,WAAW,0BAA0B;IACzC,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,MAAM,WAAW,sBAAsB;IACrC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,MAAM,WAAW,sBAAsB;IACrC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,MAAM,WAAW,6BAA6B;IAC5C,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,MAAM,WAAW,oBAAoB;IACnC,mCAAmC;IACnC,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,MAAM,WAAW,2BAA2B;IAC1C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,yFAAyF;IACzF,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,MAAM,WAAW,2BAA2B;IAC1C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/lib/components/dropdown-menu/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAA;AACrC,OAAO,KAAK,EAAE,cAAc,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAA;AAC3E,OAAO,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,wCAAwC,CAAA;AAEzE,MAAM,WAAW,iBAAiB;IAChC,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,uFAAuF;IACvF,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACtC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,MAAM,WAAW,wBAAyB,SAAQ,IAAI,CAAC,oBAAoB,EAAE,OAAO,CAAC;IACnF,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,MAAM,WAAW,wBAAwB;IACvC,IAAI,CAAC,EAAE,IAAI,CAAA;IACX,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,KAAK,CAAC,EAAE,KAAK,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,WAAW,GAAG,MAAM,CAAA;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,MAAM,WAAW,qBAAqB;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,iDAAiD;IACjD,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,6BAA6B;IAC7B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;IACjC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,MAAM,WAAW,0BAA0B;IACzC,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,MAAM,WAAW,sBAAsB;IACrC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,MAAM,WAAW,sBAAsB;IACrC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,MAAM,WAAW,6BAA6B;IAC5C,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED;;;;;GAKG;AACH,MAAM,WAAW,2BAA4B,SAAQ,IAAI,CACvD,cAAc,CAAC,cAAc,CAAC,EAC9B,OAAO,GAAG,UAAU,CACrB;IACC,oCAAoC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,6EAA6E;IAC7E,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED;;;;;;GAMG;AACH,MAAM,WAAW,0BAA2B,SAAQ,IAAI,CACtD,cAAc,CAAC,cAAc,CAAC,EAC9B,OAAO,GAAG,UAAU,CACrB;IACC,0DAA0D;IAC1D,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,qDAAqD;IACrD,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,gEAAgE;IAChE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;IACjC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,MAAM,WAAW,oBAAoB;IACnC,mCAAmC;IACnC,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,MAAM,WAAW,2BAA2B;IAC1C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,yFAAyF;IACzF,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,MAAM,WAAW,2BAA2B;IAC1C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB"}

package/dist/components/menubar/index.d.ts

@@ -1,11 +1,13 @@
 export { default as CheckboxItem } from '../dropdown-menu/components/dropdown-menu-checkbox-item.svelte';
 export { default as Item } from '../dropdown-menu/components/dropdown-menu-item.svelte';
 export { default as Label } from '../dropdown-menu/components/dropdown-menu-label.svelte';
+export { default as RadioGroup } from '../dropdown-menu/components/dropdown-menu-radio-group.svelte';
+export { default as RadioItem } from '../dropdown-menu/components/dropdown-menu-radio-item.svelte';
 export { default as Separator } from '../dropdown-menu/components/dropdown-menu-separator.svelte';
 export { default as SubContent } from '../dropdown-menu/components/dropdown-menu-sub-content.svelte';
 export { default as SubTrigger } from '../dropdown-menu/components/dropdown-menu-sub-trigger.svelte';
 export { default as Sub } from '../dropdown-menu/components/dropdown-menu-sub.svelte';
-export type { DropdownMenuCheckboxItemProps as MenubarCheckboxItemProps, DropdownMenuItemProps as MenubarItemProps, DropdownMenuLabelProps as MenubarLabelProps, DropdownMenuSeparatorProps as MenubarSeparatorProps, DropdownMenuSubContentProps as MenubarSubContentProps, DropdownMenuSubProps as MenubarSubProps, DropdownMenuSubTriggerProps as MenubarSubTriggerProps, } from '../dropdown-menu/types.js';
+export type { DropdownMenuCheckboxItemProps as MenubarCheckboxItemProps, DropdownMenuItemProps as MenubarItemProps, DropdownMenuLabelProps as MenubarLabelProps, DropdownMenuRadioGroupProps as MenubarRadioGroupProps, DropdownMenuRadioItemProps as MenubarRadioItemProps, DropdownMenuSeparatorProps as MenubarSeparatorProps, DropdownMenuSubContentProps as MenubarSubContentProps, DropdownMenuSubProps as MenubarSubProps, DropdownMenuSubTriggerProps as MenubarSubTriggerProps, } from '../dropdown-menu/types.js';
 export { default as Content } from './components/menubar-content.svelte';
 export { default as Menu } from './components/menubar-menu.svelte';
 export { default as Root } from './components/menubar-root.svelte';

package/dist/components/menubar/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/components/menubar/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gEAAgE,CAAA;AACxG,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,uDAAuD,CAAA;AACvF,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,wDAAwD,CAAA;AACzF,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,4DAA4D,CAAA;AAEjG,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,8DAA8D,CAAA;AACpG,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,8DAA8D,CAAA;AACpG,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,sDAAsD,CAAA;AAErF,YAAY,EACV,6BAA6B,IAAI,wBAAwB,EACzD,qBAAqB,IAAI,gBAAgB,EACzC,sBAAsB,IAAI,iBAAiB,EAC3C,0BAA0B,IAAI,qBAAqB,EACnD,2BAA2B,IAAI,sBAAsB,EACrD,oBAAoB,IAAI,eAAe,EACvC,2BAA2B,IAAI,sBAAsB,GACtD,MAAM,2BAA2B,CAAA;AAElC,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,qCAAqC,CAAA;AACxE,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,kCAAkC,CAAA;AAClE,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,kCAAkC,CAAA;AAElE,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,qCAAqC,CAAA;AAExE,YAAY,EACV,mBAAmB,EACnB,gBAAgB,EAChB,YAAY,EACZ,mBAAmB,GACpB,MAAM,YAAY,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/components/menubar/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gEAAgE,CAAA;AACxG,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,uDAAuD,CAAA;AACvF,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,wDAAwD,CAAA;AACzF,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,8DAA8D,CAAA;AACpG,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,6DAA6D,CAAA;AAClG,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,4DAA4D,CAAA;AAEjG,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,8DAA8D,CAAA;AACpG,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,8DAA8D,CAAA;AACpG,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,sDAAsD,CAAA;AAErF,YAAY,EACV,6BAA6B,IAAI,wBAAwB,EACzD,qBAAqB,IAAI,gBAAgB,EACzC,sBAAsB,IAAI,iBAAiB,EAC3C,2BAA2B,IAAI,sBAAsB,EACrD,0BAA0B,IAAI,qBAAqB,EACnD,0BAA0B,IAAI,qBAAqB,EACnD,2BAA2B,IAAI,sBAAsB,EACrD,oBAAoB,IAAI,eAAe,EACvC,2BAA2B,IAAI,sBAAsB,GACtD,MAAM,2BAA2B,CAAA;AAElC,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,qCAAqC,CAAA;AACxE,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,kCAAkC,CAAA;AAClE,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,kCAAkC,CAAA;AAElE,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,qCAAqC,CAAA;AAExE,YAAY,EACV,mBAAmB,EACnB,gBAAgB,EAChB,YAAY,EACZ,mBAAmB,GACpB,MAAM,YAAY,CAAA"}

package/dist/components/menubar/index.js

@@ -2,6 +2,8 @@
 export { default as CheckboxItem } from '../dropdown-menu/components/dropdown-menu-checkbox-item.svelte';
 export { default as Item } from '../dropdown-menu/components/dropdown-menu-item.svelte';
 export { default as Label } from '../dropdown-menu/components/dropdown-menu-label.svelte';
+export { default as RadioGroup } from '../dropdown-menu/components/dropdown-menu-radio-group.svelte';
+export { default as RadioItem } from '../dropdown-menu/components/dropdown-menu-radio-item.svelte';
 export { default as Separator } from '../dropdown-menu/components/dropdown-menu-separator.svelte';
 export { default as SubContent } from '../dropdown-menu/components/dropdown-menu-sub-content.svelte';
 export { default as SubTrigger } from '../dropdown-menu/components/dropdown-menu-sub-trigger.svelte';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@spectral_labs/ui",
   "type": "module",
-  "version": "1.5.2",
+  "version": "1.6.0",
   "publishConfig": {
     "registry": "https://registry.npmjs.org",
     "access": "public"

package/src/themes/__tests__/generated-css-drift.test.ts

@@ -0,0 +1,53 @@
+import { readFileSync } from 'node:fs'
+import { createRequire } from 'node:module'
+import { dirname, resolve } from 'node:path'
+import { fileURLToPath } from 'node:url'
+import { describe, expect, it } from 'vitest'
+import { generateThemeCSS, generateTokensCSS, themes } from '../../../../../scripts/generate-themes'
+
+/**
+ * Durable control between `scripts/generate-themes.ts` and the six committed
+ * theme files (+ `tokens.css`): the committed file must be exactly what the
+ * generator emits once formatted by the repo's Prettier config. A hand edit
+ * of a generated file, or a generator change without regeneration, turns this
+ * RED — the two can no longer drift apart silently (spectral-ui#206).
+ *
+ * Importing the generator must not write anything: `main()` only runs when
+ * the script is executed directly.
+ */
+
+const here = dirname(fileURLToPath(import.meta.url))
+const themesDir = resolve(here, '..')
+
+// Vitest resolves `prettier` with the `browser` condition (standalone build,
+// no `resolveConfig`); the Node build is what the repo's `prettier --write`
+// runs, so load exactly that one.
+const require = createRequire(import.meta.url)
+const prettier = require('prettier') as typeof import('prettier')
+
+async function formatted(css: string, filepath: string): Promise<string> {
+  const config = (await prettier.resolveConfig(filepath)) ?? {}
+  return prettier.format(css, { ...config, filepath })
+}
+
+describe('generated theme CSS matches the generator (#206)', () => {
+  it('exposes the six themes', () => {
+    expect(themes.map((t) => t.name).sort()).toEqual(
+      ['carbon', 'day', 'docs', 'iris-ocr', 'midnight', 'spectral'].sort(),
+    )
+  })
+
+  for (const theme of themes) {
+    it(`${theme.name}.css is prettier(generateThemeCSS)`, async () => {
+      const filepath = resolve(themesDir, `${theme.name}.css`)
+      const committed = readFileSync(filepath, 'utf8')
+      expect(committed).toBe(await formatted(generateThemeCSS(theme), filepath))
+    })
+  }
+
+  it('tokens.css is prettier(generateTokensCSS)', async () => {
+    const filepath = resolve(themesDir, '..', 'tokens.css')
+    const committed = readFileSync(filepath, 'utf8')
+    expect(committed).toBe(await formatted(generateTokensCSS(), filepath))
+  })
+})

package/src/themes/__tests__/scrim-opaque.test.ts

@@ -0,0 +1,52 @@
+import { readFileSync } from 'node:fs'
+import { dirname, resolve } from 'node:path'
+import { fileURLToPath } from 'node:url'
+import { describe, expect, it } from 'vitest'
+
+/**
+ * spectral-ui#206 — `--sp-sys-color-scrim` is an OPAQUE colour in every theme
+ * and every mode. The veil's intensity belongs to the component's opacity
+ * token (`--sp-comp-*-overlay-opacity`, default 0.32) — never to the token,
+ * and never to both at once.
+ *
+ * This is a SOURCE pin: every `--sp-sys-color-scrim` declaration in the six
+ * generated theme files must be the opaque reference tone, and the generator
+ * must carry no hand-tuned scrim override that could re-introduce an alpha.
+ * The cascade itself (which declaration wins in `.dark`) is proven in a real
+ * Chromium by `tests/e2e/scrim-alpha.spec.ts`; jsdom cannot be that oracle.
+ */
+
+const here = dirname(fileURLToPath(import.meta.url))
+const THEMES = ['spectral', 'day', 'midnight', 'carbon', 'iris-ocr', 'docs'] as const
+const OPAQUE = 'var(--sp-ref-palette-neutral-0)'
+
+describe('--sp-sys-color-scrim is opaque in every theme and mode (#206)', () => {
+  for (const theme of THEMES) {
+    it(`${theme}.css declares the scrim as the opaque reference tone only`, () => {
+      const css = readFileSync(resolve(here, `../${theme}.css`), 'utf8')
+      const declarations = [...css.matchAll(/--sp-sys-color-scrim:([^;]+);/g)].map((m) =>
+        m[1].trim(),
+      )
+      // One in the generated light block, one in the generated dark block —
+      // nothing else, so no hand-tuned block can shadow them with an alpha.
+      // This single equality subsumes "never translucent": ANY other value, in
+      // any spelling (`rgba()`, `color-mix()`, `#RRGGBBAA`, `oklch(… / a)`),
+      // and any extra or missing declaration, fails here.
+      expect(declarations).toEqual([OPAQUE, OPAQUE])
+    })
+  }
+
+  it('the generator carries no hand-tuned color-scrim override', () => {
+    const generator = readFileSync(
+      resolve(here, '../../../../../scripts/generate-themes.ts'),
+      'utf8',
+    )
+    // A hand-tuned override is a `'color-scrim': '<value>'` entry (the
+    // `SystemColorTokens` interface field `'color-scrim': string` is not one).
+    const overrides = generator.match(/['"]color-scrim['"]\s*:\s*['"]/g) ?? []
+    expect(overrides).toEqual([])
+    // The two generated declarations (light + dark) still exist and are opaque.
+    const emitted = [...generator.matchAll(/--sp-sys-color-scrim:\s*\$\{ref\('neutral', 0\)\};/g)]
+    expect(emitted).toHaveLength(2)
+  })
+})

package/src/themes/carbon.css

@@ -3,7 +3,7 @@
  * Grey charcoal theme (#5c7cfa) for Refero/AutomaticBook.
  *
  * Generated by scripts/generate-themes.ts
- * Do not edit manually — regenerate with: npx tsx scripts/generate-themes.ts
+ * Do not edit manually — regenerate with: pnpm generate:themes
  */
 
 /* ═══ REFERENCE TOKENS ═══ */
@@ -265,7 +265,6 @@
   --sp-sys-color-success: #34c759;
   --sp-sys-color-warning: #ff9f0a;
   --sp-sys-color-error: #ff3b30;
-  --sp-sys-color-scrim: rgba(0, 0, 0, 0.3);
   --sp-sys-color-inverse-surface: #2c2c2e;
   --sp-sys-color-inverse-on-surface: #f5f5f7;
 }

package/src/themes/day.css

@@ -3,7 +3,7 @@
  * Light macOS-like theme (#f5f5f7), transversal for all apps.
  *
  * Generated by scripts/generate-themes.ts
- * Do not edit manually — regenerate with: npx tsx scripts/generate-themes.ts
+ * Do not edit manually — regenerate with: pnpm generate:themes
  */
 
 /* ═══ REFERENCE TOKENS ═══ */
@@ -265,7 +265,6 @@
   --sp-sys-color-success: #34c759;
   --sp-sys-color-warning: #ff9f0a;
   --sp-sys-color-error: #ff3b30;
-  --sp-sys-color-scrim: rgba(0, 0, 0, 0.3);
   --sp-sys-color-inverse-surface: #2c2c2e;
   --sp-sys-color-inverse-on-surface: #f5f5f7;
 }

package/src/themes/docs.css

@@ -3,7 +3,7 @@
  * Grey + warm orange theme (#ce9178) for SpectralDocs/Status.
  *
  * Generated by scripts/generate-themes.ts
- * Do not edit manually — regenerate with: npx tsx scripts/generate-themes.ts
+ * Do not edit manually — regenerate with: pnpm generate:themes
  */
 
 /* ═══ REFERENCE TOKENS ═══ */

package/src/themes/iris-ocr.css

@@ -3,7 +3,7 @@
  * Hybrid theme for Iris-OCR: day light mode + neon dark mode.
  *
  * Generated by scripts/generate-themes.ts
- * Do not edit manually — regenerate with: npx tsx scripts/generate-themes.ts
+ * Do not edit manually — regenerate with: pnpm generate:themes
  */
 
 /* ═══ REFERENCE TOKENS ═══ */
@@ -265,7 +265,6 @@
   --sp-sys-color-success: #34c759;
   --sp-sys-color-warning: #ff9f0a;
   --sp-sys-color-error: #ff3b30;
-  --sp-sys-color-scrim: rgba(0, 0, 0, 0.3);
   --sp-sys-color-inverse-surface: #2c2c2e;
   --sp-sys-color-inverse-on-surface: #f5f5f7;
 

package/src/themes/midnight.css

@@ -3,7 +3,7 @@
  * Blue-black Catppuccin-inspired theme (#89b4fa) for Translator/Preparo.
  *
  * Generated by scripts/generate-themes.ts
- * Do not edit manually — regenerate with: npx tsx scripts/generate-themes.ts
+ * Do not edit manually — regenerate with: pnpm generate:themes
  */
 
 /* ═══ REFERENCE TOKENS ═══ */
@@ -265,7 +265,6 @@
   --sp-sys-color-success: #34c759;
   --sp-sys-color-warning: #ff9f0a;
   --sp-sys-color-error: #ff3b30;
-  --sp-sys-color-scrim: rgba(0, 0, 0, 0.3);
   --sp-sys-color-inverse-surface: #2c2c2e;
   --sp-sys-color-inverse-on-surface: #f5f5f7;
 }

package/src/themes/spectral.css

@@ -3,7 +3,7 @@
  * Spectral hybrid theme: day light mode + iris-ocr dark mode.
  *
  * Generated by scripts/generate-themes.ts
- * Do not edit manually — regenerate with: npx tsx scripts/generate-themes.ts
+ * Do not edit manually — regenerate with: pnpm generate:themes
  */
 
 /* ═══ REFERENCE TOKENS ═══ */
@@ -265,7 +265,6 @@
   --sp-sys-color-success: #34c759;
   --sp-sys-color-warning: #ff9f0a;
   --sp-sys-color-error: #ff3b30;
-  --sp-sys-color-scrim: rgba(0, 0, 0, 0.3);
   --sp-sys-color-inverse-surface: #2c2c2e;
   --sp-sys-color-inverse-on-surface: #f5f5f7;
 
@@ -307,7 +306,6 @@
   --sp-sys-color-success: #69f0ae;
   --sp-sys-color-warning: #ffab40;
   --sp-sys-color-error: #ff5252;
-  --sp-sys-color-scrim: rgba(0, 0, 0, 0.6);
 
   /* ═══ EXTENSION TOKENS (--sp-ext-*) — Internal, theme-specific ═══ */
   --sp-ext-glow-color: #00ffe0;

package/src/tokens.css

@@ -4,7 +4,7 @@
  * Shared across all themes — included in base.css.
  *
  * Generated by scripts/generate-themes.ts
- * Do not edit manually — regenerate with: npx tsx scripts/generate-themes.ts
+ * Do not edit manually — regenerate with: pnpm generate:themes
  */
 
 :root {