@waveso/ui 0.7.7 → 0.8.1

package/dist/item.js

@@ -7,7 +7,7 @@ import { cva } from "class-variance-authority";
 import { mergeProps } from "@base-ui/react/merge-props";
 import { useRender } from "@base-ui/react/use-render";
 //#region src/item.tsx
-const itemVariants = cva("[a]:hover:bg-secondary rounded-md border text-sm w-full group/item focus-visible:border-focus focus-visible:ring-focus/50 flex items-center flex-wrap outline-none motion-color focus-visible:ring-3", {
+const itemVariants = cva("[a]:hover:bg-secondary rounded-md border text-sm w-full group/item focus-visible:border-focus focus-visible:ring-focus/50 flex items-center flex-wrap outline-hidden motion-color focus-visible:ring-3", {
 	variants: {
 		variant: {
 			default: "border-transparent",
@@ -16,8 +16,8 @@ const itemVariants = cva("[a]:hover:bg-secondary rounded-md border text-sm w-ful
 		},
 		size: {
 			default: "gap-2.5 px-3 py-2.5",
-			sm: "gap-2.5 px-3 py-2.5",
-			xs: "gap-2 px-2.5 py-2 in-data-[slot=dropdown-menu-content]:p-0"
+			sm: "gap-2 px-3 py-2",
+			xs: "gap-2 px-2.5 py-2 in-data-[slot=menu-content]:p-0"
 		}
 	},
 	defaultVariants: {
@@ -119,5 +119,3 @@ function ItemFooter({ className, ...props }) {
 }
 //#endregion
 export { Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle };
-
-//# sourceMappingURL=item.js.map

package/dist/kbd.d.ts

@@ -1,3 +1,4 @@
+import * as React from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/kbd.d.ts
@@ -12,5 +13,4 @@ declare function KbdGroup({
   ...props
 }: KbdGroupProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
-export { Kbd, KbdGroup, type KbdGroupProps, type KbdProps };
-//# sourceMappingURL=kbd.d.ts.map
+export { Kbd, KbdGroup, type KbdGroupProps, type KbdProps };

package/dist/kbd.js

@@ -1,4 +1,5 @@
 import { cn } from "./lib/utils.js";
+import "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/kbd.tsx
 function Kbd({ className, ...props }) {
@@ -17,5 +18,3 @@ function KbdGroup({ className, ...props }) {
 }
 //#endregion
 export { Kbd, KbdGroup };
-
-//# sourceMappingURL=kbd.js.map

package/dist/label.d.ts

@@ -8,5 +8,4 @@ declare function Label({
   ...props
 }: LabelProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
-export { Label };
-//# sourceMappingURL=label.d.ts.map
+export { Label };

package/dist/label.js

@@ -11,5 +11,3 @@ function Label({ className, ...props }) {
 }
 //#endregion
 export { Label };
-
-//# sourceMappingURL=label.js.map

package/dist/lib/focus.d.ts

@@ -38,5 +38,4 @@ type RestoreFocusOnClose = "always" | "keyboard" | "never";
  */
 declare function resolveFinalFocus(restoreFocusOnClose: RestoreFocusOnClose | undefined, finalFocus: FinalFocus | undefined): FinalFocus | undefined;
 //#endregion
-export { RestoreFocusOnClose, resolveFinalFocus };
-//# sourceMappingURL=focus.d.ts.map
+export { RestoreFocusOnClose, resolveFinalFocus };

package/dist/lib/focus.js

@@ -17,5 +17,3 @@ function resolveFinalFocus(restoreFocusOnClose, finalFocus) {
 }
 //#endregion
 export { resolveFinalFocus };
-
-//# sourceMappingURL=focus.js.map

package/dist/lib/internal-icons.d.ts

@@ -1,12 +1,7 @@
-import * as _$react from "react";
+import * as React from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/lib/internal-icons.d.ts
-/**
- * Internal-only SVG icons used by wave-ui components.
- *
- * NOT a public entry point — imported by components via relative paths.
- */
 type IconProps = React.SVGProps<SVGSVGElement>;
 declare function ChevronDownIcon(props: IconProps): _$react_jsx_runtime0.JSX.Element;
 declare function ChevronUpIcon(props: IconProps): _$react_jsx_runtime0.JSX.Element;
@@ -19,8 +14,7 @@ declare function EllipsisIcon(props: IconProps): _$react_jsx_runtime0.JSX.Elemen
 declare function EllipsisVerticalIcon(props: IconProps): _$react_jsx_runtime0.JSX.Element;
 declare function ChevronsUpDownIcon(props: IconProps): _$react_jsx_runtime0.JSX.Element;
 declare function SidebarPanelIcon(props: IconProps): _$react_jsx_runtime0.JSX.Element;
-/** `forwardRef` because `Spinner` exposes this as `React.ComponentProps<"svg">`. */
-declare const LoaderIcon: _$react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & _$react.RefAttributes<SVGSVGElement>>;
+declare function LoaderIcon(props: IconProps): _$react_jsx_runtime0.JSX.Element;
 declare function AlertTriangleIcon(props: IconProps): _$react_jsx_runtime0.JSX.Element;
 declare function SuccessCircleIcon(props: IconProps): _$react_jsx_runtime0.JSX.Element;
 declare function InfoCircleIcon(props: IconProps): _$react_jsx_runtime0.JSX.Element;
@@ -28,5 +22,4 @@ declare function ErrorCircleIcon(props: IconProps): _$react_jsx_runtime0.JSX.Ele
 declare function TrashIcon(props: IconProps): _$react_jsx_runtime0.JSX.Element;
 declare function StarIcon(props: IconProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
-export { AlertTriangleIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsUpDownIcon, CloseIcon, EllipsisIcon, EllipsisVerticalIcon, ErrorCircleIcon, InfoCircleIcon, LoaderIcon, MinusIcon, SidebarPanelIcon, StarIcon, SuccessCircleIcon, TrashIcon };
-//# sourceMappingURL=internal-icons.d.ts.map
+export { AlertTriangleIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsUpDownIcon, CloseIcon, EllipsisIcon, EllipsisVerticalIcon, ErrorCircleIcon, InfoCircleIcon, LoaderIcon, MinusIcon, SidebarPanelIcon, StarIcon, SuccessCircleIcon, TrashIcon };

package/dist/lib/internal-icons.js

@@ -1,11 +1,6 @@
-import { forwardRef } from "react";
+import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/lib/internal-icons.tsx
-/**
-* Internal-only SVG icons used by wave-ui components.
-*
-* NOT a public entry point — imported by components via relative paths.
-*/
 const SVG_BASE = {
 	xmlns: "http://www.w3.org/2000/svg",
 	width: 24,
@@ -134,11 +129,9 @@ function SidebarPanelIcon(props) {
 		}), /* @__PURE__ */ jsx("path", { d: "M9 3v18" })]
 	});
 }
-/** `forwardRef` because `Spinner` exposes this as `React.ComponentProps<"svg">`. */
-const LoaderIcon = forwardRef(function LoaderIcon(props, ref) {
+function LoaderIcon(props) {
 	return /* @__PURE__ */ jsxs("svg", {
 		...SVG_BASE,
-		ref,
 		...props,
 		children: [
 			/* @__PURE__ */ jsx("path", { d: "M12 2v4" }),
@@ -151,7 +144,7 @@ const LoaderIcon = forwardRef(function LoaderIcon(props, ref) {
 			/* @__PURE__ */ jsx("path", { d: "m4.9 4.9 2.9 2.9" })
 		]
 	});
-});
+}
 function AlertTriangleIcon(props) {
 	return /* @__PURE__ */ jsxs("svg", {
 		...SVG_BASE,
@@ -220,5 +213,3 @@ function StarIcon(props) {
 }
 //#endregion
 export { AlertTriangleIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsUpDownIcon, CloseIcon, EllipsisIcon, EllipsisVerticalIcon, ErrorCircleIcon, InfoCircleIcon, LoaderIcon, MinusIcon, SidebarPanelIcon, StarIcon, SuccessCircleIcon, TrashIcon };
-
-//# sourceMappingURL=internal-icons.js.map

package/dist/lib/utils.d.ts

@@ -38,5 +38,4 @@ type CnValue<State> = ClassValue | ((state: State) => ClassValue);
 declare function cn(...inputs: ClassValue[]): string;
 declare function cn<State>(...inputs: CnValue<State>[]): (state: State) => string;
 //#endregion
-export { cn };
-//# sourceMappingURL=utils.d.ts.map
+export { cn };

package/dist/lib/utils.js

@@ -33,5 +33,3 @@ function cn(...inputs) {
 }
 //#endregion
 export { cn };
-
-//# sourceMappingURL=utils.js.map

package/dist/masonry.d.ts

@@ -27,5 +27,4 @@ declare function MasonryItem({
   ...props
 }: MasonryItemProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
-export { Masonry, MasonryItem };
-//# sourceMappingURL=masonry.d.ts.map
+export { Masonry, MasonryItem };

package/dist/masonry.js

@@ -196,5 +196,3 @@ function MasonryItem({ className, span, children, ...props }) {
 }
 //#endregion
 export { Masonry, MasonryItem };
-
-//# sourceMappingURL=masonry.js.map

package/dist/menu.d.ts

@@ -101,5 +101,4 @@ declare function MenuShortcut({
   ...props
 }: MenuShortcutProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
-export { Menu, MenuCheckboxItem, MenuContent, MenuGroup, MenuItem, MenuLabel, MenuPortal, MenuRadioGroup, MenuRadioItem, MenuSeparator, MenuShortcut, MenuSub, MenuSubContent, MenuSubTrigger, MenuTrigger };
-//# sourceMappingURL=menu.d.ts.map
+export { Menu, MenuCheckboxItem, MenuContent, MenuGroup, MenuItem, MenuLabel, MenuPortal, MenuRadioGroup, MenuRadioItem, MenuSeparator, MenuShortcut, MenuSub, MenuSubContent, MenuSubTrigger, MenuTrigger };

package/dist/menu.js

@@ -27,14 +27,14 @@ function MenuTrigger(props) {
 function MenuContent({ align = "start", alignOffset = 0, side = "bottom", sideOffset = 4, className, restoreFocusOnClose, finalFocus, ...props }) {
 	return /* @__PURE__ */ jsx(MenuPortal, { children: /* @__PURE__ */ jsx(Menu$1.Positioner, {
 		"data-slot": "menu-positioner",
-		className: "isolate z-50 outline-none",
+		className: "isolate z-50 outline-hidden",
 		align,
 		alignOffset,
 		side,
 		sideOffset,
 		children: /* @__PURE__ */ jsx(Menu$1.Popup, {
 			"data-slot": "menu-content",
-			className: cn("motion-pop-md ring-contrast/10 bg-elevated text-contrast z-50 max-h-(--available-height) max-w-(--available-width) w-auto min-w-32 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-md p-1 shadow-md ring-1 outline-none data-closed:overflow-hidden", className),
+			className: cn("motion-pop-md ring-contrast/10 bg-elevated text-contrast z-50 max-h-(--available-height) max-w-(--available-width) w-auto min-w-32 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-md p-1 shadow-md ring-1 outline-hidden data-closed:overflow-hidden", className),
 			finalFocus: resolveFinalFocus(restoreFocusOnClose, finalFocus),
 			...props
 		})
@@ -73,7 +73,7 @@ function MenuSubTrigger({ className, inset, children, ...props }) {
 	return /* @__PURE__ */ jsxs(Menu$1.SubmenuTrigger, {
 		"data-slot": "menu-sub-trigger",
 		"data-inset": inset,
-		className: cn("focus:bg-primary focus:text-white data-open:bg-primary data-open:text-white not-data-[variant=destructive]:focus:**:text-white data-popup-open:bg-primary data-popup-open:text-white flex cursor-clickable items-center gap-1.5 rounded-sm px-1.5 py-1 text-sm outline-hidden select-none data-inset:pl-7 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
+		className: cn("focus:bg-primary focus:text-white focus:**:text-white data-popup-open:bg-primary data-popup-open:text-white flex cursor-clickable items-center gap-1.5 rounded-sm px-1.5 py-1 text-sm outline-hidden select-none data-inset:pl-7 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
 		...props,
 		children: [children, /* @__PURE__ */ jsx(ChevronRightIcon, { className: "ml-auto" })]
 	});
@@ -138,5 +138,3 @@ function MenuShortcut({ className, ...props }) {
 }
 //#endregion
 export { Menu, MenuCheckboxItem, MenuContent, MenuGroup, MenuItem, MenuLabel, MenuPortal, MenuRadioGroup, MenuRadioItem, MenuSeparator, MenuShortcut, MenuSub, MenuSubContent, MenuSubTrigger, MenuTrigger };
-
-//# sourceMappingURL=menu.js.map

package/dist/menubar.d.ts

@@ -74,5 +74,4 @@ declare function MenubarSubContent({
   ...props
 }: MenubarSubContentProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
-export { Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger };
-//# sourceMappingURL=menubar.d.ts.map
+export { Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger };

package/dist/menubar.js

@@ -8,7 +8,7 @@ import { Menubar as Menubar$1 } from "@base-ui/react/menubar";
 function Menubar({ className, ...props }) {
 	return /* @__PURE__ */ jsx(Menubar$1, {
 		"data-slot": "menubar",
-		className: cn("bg-foundation flex h-8 items-center gap-0.5 rounded-md border border-edge p-[3px]", className),
+		className: cn("bg-foundation flex h-9 items-center gap-0.5 rounded-md border border-edge p-1", className),
 		...props
 	});
 }
@@ -108,5 +108,3 @@ function MenubarSubContent({ ...props }) {
 }
 //#endregion
 export { Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger };
-
-//# sourceMappingURL=menubar.js.map

package/dist/pagination.d.ts

@@ -48,5 +48,4 @@ declare function PaginationEllipsis({
   ...props
 }: PaginationEllipsisProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
-export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious };
-//# sourceMappingURL=pagination.d.ts.map
+export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious };

package/dist/pagination.js

@@ -78,5 +78,3 @@ function PaginationEllipsis({ className, ...props }) {
 }
 //#endregion
 export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious };
-
-//# sourceMappingURL=pagination.js.map

package/dist/popover.d.ts

@@ -62,5 +62,4 @@ declare function PopoverDescription({
   ...props
 }: PopoverDescriptionProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
-export { Popover, PopoverBackdrop, PopoverContent, PopoverDescription, PopoverHeader, PopoverPortal, PopoverPositioner, PopoverTitle, PopoverTrigger };
-//# sourceMappingURL=popover.d.ts.map
+export { Popover, PopoverBackdrop, PopoverContent, PopoverDescription, PopoverHeader, PopoverPortal, PopoverPositioner, PopoverTitle, PopoverTrigger };

package/dist/popover.js

@@ -76,5 +76,3 @@ function PopoverDescription({ className, ...props }) {
 }
 //#endregion
 export { Popover, PopoverBackdrop, PopoverContent, PopoverDescription, PopoverHeader, PopoverPortal, PopoverPositioner, PopoverTitle, PopoverTrigger };
-
-//# sourceMappingURL=popover.js.map

package/dist/preview-card.d.ts

@@ -32,5 +32,4 @@ declare function PreviewCardContent({
   ...props
 }: PreviewCardContentProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
-export { PreviewCard, PreviewCardContent, PreviewCardPortal, PreviewCardPositioner, PreviewCardTrigger };
-//# sourceMappingURL=preview-card.d.ts.map
+export { PreviewCard, PreviewCardContent, PreviewCardPortal, PreviewCardPositioner, PreviewCardTrigger };

package/dist/preview-card.js

@@ -46,5 +46,3 @@ function PreviewCardContent({ className, side = "bottom", sideOffset = 4, align
 }
 //#endregion
 export { PreviewCard, PreviewCardContent, PreviewCardPortal, PreviewCardPositioner, PreviewCardTrigger };
-
-//# sourceMappingURL=preview-card.js.map

package/dist/progress.d.ts

@@ -31,5 +31,4 @@ declare function ProgressValue({
   ...props
 }: ProgressValueProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
-export { Progress, ProgressIndicator, ProgressLabel, ProgressTrack, ProgressValue };
-//# sourceMappingURL=progress.d.ts.map
+export { Progress, ProgressIndicator, ProgressLabel, ProgressTrack, ProgressValue };

package/dist/progress.js

@@ -43,5 +43,3 @@ function ProgressValue({ className, ...props }) {
 }
 //#endregion
 export { Progress, ProgressIndicator, ProgressLabel, ProgressTrack, ProgressValue };
-
-//# sourceMappingURL=progress.js.map

package/dist/radio-group.d.ts

@@ -14,5 +14,4 @@ declare function RadioGroupItem({
   ...props
 }: RadioGroupItemProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
-export { RadioGroup, RadioGroupItem };
-//# sourceMappingURL=radio-group.d.ts.map
+export { RadioGroup, RadioGroupItem };

package/dist/radio-group.js

@@ -20,5 +20,3 @@ function RadioGroupItem({ ...props }) {
 }
 //#endregion
 export { RadioGroup, RadioGroupItem };
-
-//# sourceMappingURL=radio-group.js.map

package/dist/radio.d.ts

@@ -14,5 +14,4 @@ declare function RadioIndicator({
   ...props
 }: RadioIndicatorProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
-export { Radio, RadioIndicator };
-//# sourceMappingURL=radio.d.ts.map
+export { Radio, RadioIndicator };

package/dist/radio.js

@@ -7,7 +7,7 @@ import { Radio as Radio$1 } from "@base-ui/react/radio";
 function Radio({ className, ...props }) {
 	return /* @__PURE__ */ jsx(Radio$1.Root, {
 		"data-slot": "radio",
-		className: cn("cursor-clickable border-edge dark:bg-edge/30 data-checked:bg-primary data-checked:text-white dark:data-checked:bg-primary data-checked:border-primary aria-invalid:aria-checked:border-primary aria-invalid:border-destructive focus-visible:border-focus focus-visible:ring-focus/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 dark:aria-invalid:border-destructive/50 group/radio peer relative flex aspect-square size-4 shrink-0 rounded-full border outline-none after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:ring-3 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:ring-3", className),
+		className: cn("cursor-clickable border-edge dark:bg-edge/30 data-checked:bg-primary data-checked:text-white data-checked:border-primary aria-invalid:aria-checked:border-primary aria-invalid:border-destructive focus-visible:border-focus focus-visible:ring-focus/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 dark:aria-invalid:border-destructive/50 group/radio peer relative flex aspect-square size-4 shrink-0 rounded-full border outline-hidden after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:ring-3 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:ring-3", className),
 		...props,
 		children: /* @__PURE__ */ jsx(RadioIndicator, {})
 	});
@@ -21,5 +21,3 @@ function RadioIndicator({ className, ...props }) {
 }
 //#endregion
 export { Radio, RadioIndicator };
-
-//# sourceMappingURL=radio.js.map

package/dist/scroll-area.d.ts

@@ -16,5 +16,4 @@ declare function ScrollBar({
   ...props
 }: ScrollBarProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
-export { ScrollArea, ScrollBar };
-//# sourceMappingURL=scroll-area.d.ts.map
+export { ScrollArea, ScrollBar };

package/dist/scroll-area.js

@@ -12,7 +12,7 @@ function ScrollArea({ className, children, ...props }) {
 		children: [
 			/* @__PURE__ */ jsx(ScrollArea$1.Viewport, {
 				"data-slot": "scroll-area-viewport",
-				className: "focus-visible:ring-focus/50 size-full rounded-[inherit] motion-color outline-none focus-visible:ring-3 focus-visible:outline-1",
+				className: "focus-visible:ring-focus/50 size-full rounded-[inherit] motion-color outline-hidden focus-visible:ring-3 focus-visible:outline-1",
 				children
 			}),
 			/* @__PURE__ */ jsx(ScrollBar, {}),
@@ -34,5 +34,3 @@ function ScrollBar({ className, orientation = "vertical", ...props }) {
 }
 //#endregion
 export { ScrollArea, ScrollBar };
-
-//# sourceMappingURL=scroll-area.js.map

package/dist/select.d.ts

@@ -80,5 +80,4 @@ declare function SelectScrollDownButton({
   ...props
 }: SelectScrollDownButtonProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
-export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectList, SelectPortal, SelectPositioner, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue };
-//# sourceMappingURL=select.d.ts.map
+export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectList, SelectPortal, SelectPositioner, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue };

package/dist/select.js

@@ -49,7 +49,7 @@ function SelectTrigger({ className, size = "default", children, ...props }) {
 	return /* @__PURE__ */ jsxs(Select$1.Trigger, {
 		"data-slot": "select-trigger",
 		"data-size": size,
-		className: cn("border-edge data-placeholder:text-soft dark:bg-edge/30 dark:hover:bg-edge/50 focus-visible:border-focus focus-visible:ring-focus/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 flex w-fit items-center justify-between gap-1.5 rounded-md border bg-transparent py-2 pr-2 pl-2.5 text-sm whitespace-nowrap motion-color outline-none select-none focus-visible:ring-3 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:ring-3 data-[size=default]:h-8 data-[size=sm]:h-7 data-[size=sm]:rounded-sm *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-1.5 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
+		className: cn("border-edge data-placeholder:text-soft dark:bg-edge/30 dark:hover:bg-edge/50 focus-visible:border-focus focus-visible:ring-focus/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 flex w-fit items-center justify-between gap-1.5 rounded-md border bg-transparent py-2 pr-2 pl-2.5 text-sm whitespace-nowrap motion-color outline-hidden select-none focus-visible:ring-3 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:ring-3 data-[size=default]:h-8 data-[size=sm]:h-7 data-[size=sm]:rounded-sm *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-1.5 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
 		...props,
 		children: [children, /* @__PURE__ */ jsx(Select$1.Icon, {
 			"data-slot": "select-icon",
@@ -67,7 +67,6 @@ function SelectContent({ className, children, side = "bottom", sideOffset = 4, a
 		className: "isolate z-50",
 		children: /* @__PURE__ */ jsxs(Select$1.Popup, {
 			"data-slot": "select-content",
-			"data-align-trigger": alignItemWithTrigger,
 			className: cn("motion-pop-md bg-elevated text-contrast ring-contrast/10 relative isolate z-50 max-h-(--available-height) min-w-(--anchor-width) max-w-(--available-width) origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-md shadow-md ring-1", className),
 			...props,
 			children: [
@@ -128,5 +127,3 @@ function SelectScrollDownButton({ className, ...props }) {
 }
 //#endregion
 export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectList, SelectPortal, SelectPositioner, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue };
-
-//# sourceMappingURL=select.js.map

package/dist/separator.d.ts

@@ -10,5 +10,4 @@ declare function Separator({
   ...props
 }: SeparatorProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
-export { Separator };
-//# sourceMappingURL=separator.d.ts.map
+export { Separator };

package/dist/separator.js

@@ -14,5 +14,3 @@ function Separator({ className, orientation = "horizontal", ...props }) {
 }
 //#endregion
 export { Separator };
-
-//# sourceMappingURL=separator.js.map

package/dist/sidebar.d.ts

@@ -201,5 +201,4 @@ declare function SidebarMenuSubButton({
   isActive?: boolean;
 }): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
 //#endregion
-export { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, cookiePersist, localStoragePersist, useSidebar };
-//# sourceMappingURL=sidebar.d.ts.map
+export { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, cookiePersist, localStoragePersist, useSidebar };

package/dist/sidebar.js

@@ -184,7 +184,7 @@ function SidebarTrigger({ className, onClick, ...props }) {
 		"aria-expanded": open,
 		variant: "ghost",
 		size: "icon-sm",
-		className: cn(className),
+		className,
 		onClick: (event) => {
 			onClick?.(event);
 			toggleSidebar();
@@ -398,5 +398,3 @@ function SidebarMenuSubButton({ render, size = "md", isActive = false, className
 }
 //#endregion
 export { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, cookiePersist, localStoragePersist, useSidebar };
-
-//# sourceMappingURL=sidebar.js.map

package/dist/skeleton.d.ts

@@ -1,3 +1,4 @@
+import * as React from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/skeleton.d.ts
@@ -7,5 +8,4 @@ declare function Skeleton({
   ...props
 }: SkeletonProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
-export { Skeleton };
-//# sourceMappingURL=skeleton.d.ts.map
+export { Skeleton };

package/dist/skeleton.js

@@ -1,4 +1,5 @@
 import { cn } from "./lib/utils.js";
+import "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/skeleton.tsx
 function Skeleton({ className, ...props }) {
@@ -10,5 +11,3 @@ function Skeleton({ className, ...props }) {
 }
 //#endregion
 export { Skeleton };
-
-//# sourceMappingURL=skeleton.js.map

package/dist/slider.d.ts

@@ -25,5 +25,4 @@ declare function Slider({
   ...props
 }: SliderProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
-export { Slider };
-//# sourceMappingURL=slider.d.ts.map
+export { Slider };

package/dist/slider.js

@@ -41,5 +41,3 @@ function Slider({ className, controlClassName, defaultValue, value, min = 0, max
 }
 //#endregion
 export { Slider };
-
-//# sourceMappingURL=slider.js.map

package/dist/spinner.d.ts

@@ -1,3 +1,4 @@
+import * as React from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/spinner.d.ts
@@ -7,5 +8,4 @@ declare function Spinner({
   ...props
 }: SpinnerProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
-export { Spinner };
-//# sourceMappingURL=spinner.d.ts.map
+export { Spinner };

package/dist/spinner.js

@@ -1,5 +1,6 @@
 import { cn } from "./lib/utils.js";
 import { LoaderIcon } from "./lib/internal-icons.js";
+import "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/spinner.tsx
 function Spinner({ className, ...props }) {
@@ -14,5 +15,3 @@ function Spinner({ className, ...props }) {
 }
 //#endregion
 export { Spinner };
-
-//# sourceMappingURL=spinner.js.map

package/dist/styles.css

@@ -17,8 +17,10 @@
  * file's location in node_modules/@waveso/ui/dist/. */
 @source "./";
 
-/* Tailwind v4 `dark:` variant — applied when any ancestor has `.dark`. */
-@custom-variant dark (&:is(.dark *));
+/* Tailwind v4 `dark:` variant — applies to the `.dark` element itself and any
+ * descendant. `:where()` keeps utilities at their normal (zero-added) specificity
+ * so the cascade is decided by source order, like every other Tailwind utility. */
+@custom-variant dark (&:where(.dark, .dark *));
 
 /* ---------------------------------------------------------------------------
  * Light theme (default)
@@ -164,9 +166,11 @@
   --info: var(--wave-500); /* the one blue — Wave Blue (= --primary / --focus) */
 
   /* Presence */
-  --presence-online: oklch(0.710 0.185 155); /* = success colour */
-  --presence-away: oklch(0.830 0.156 93); /* = warning colour */
-  --presence-busy: oklch(0.620 0.200 25); /* = destructive colour */
+  /* Presence dots reuse the status colours — aliased, not duplicated, so they
+   * stay in sync (and follow a consumer's `--success`/etc. override). */
+  --presence-online: var(--success);
+  --presence-away: var(--warning);
+  --presence-busy: var(--destructive);
   --presence-invisible: var(--foundation); /* invisible = the page itself; pair with a border so the dot reads as a hollow ring */
 
   /* Radius */
@@ -253,10 +257,10 @@
   --info: var(--wave-400); /* brighter Wave Blue for legible text-info on dark surfaces */
 
   /* Presence */
-  --presence-online: oklch(0.735 0.185 155); /* brighter on dark, like status */
-  --presence-away: oklch(0.850 0.156 93);
-  --presence-busy: oklch(0.630 0.200 25);
-  --presence-invisible: var(--foundation); /* re-declared so it re-resolves to the dark foundation */
+  --presence-online: var(--success);
+  --presence-away: var(--warning);
+  --presence-busy: var(--destructive);
+  --presence-invisible: var(--foundation); /* re-resolves to the dark foundation */
 }
 
 /* ---------------------------------------------------------------------------

package/dist/switch.d.ts

@@ -1,16 +1,18 @@
 import * as React from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { VariantProps } from "class-variance-authority";
 import { Switch as Switch$1 } from "@base-ui/react/switch";
+import * as _$class_variance_authority_types0 from "class-variance-authority/types";
 
 //#region src/switch.d.ts
-type SwitchProps = React.ComponentProps<typeof Switch$1.Root> & {
-  size?: "sm" | "default";
-};
+declare const switchVariants: (props?: ({
+  size?: "default" | "sm" | null | undefined;
+} & _$class_variance_authority_types0.ClassProp) | undefined) => string;
+type SwitchProps = React.ComponentProps<typeof Switch$1.Root> & VariantProps<typeof switchVariants>;
 declare function Switch({
   className,
   size,
   ...props
 }: SwitchProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
-export { Switch };
-//# sourceMappingURL=switch.d.ts.map
+export { Switch, switchVariants };