@waveso/ui 0.7.6 → 0.8.0

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-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),
 		...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

@@ -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 transition-colors 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-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),
 		...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

@@ -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

@@ -7,5 +7,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

@@ -10,5 +10,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

@@ -7,5 +7,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

@@ -14,5 +14,3 @@ function Spinner({ className, ...props }) {
 }
 //#endregion
 export { Spinner };
-
-//# sourceMappingURL=spinner.js.map

package/dist/styles.css

@@ -27,7 +27,7 @@
 :root {
   /* ========================================================================
    * Palettes — raw primitives. No `--color-` prefix on purpose: these live in
-   * `:root`, not `@theme`, so they generate NO utilities (no `bg-ion-300`).
+   * `:root`, not `@theme`, so they generate NO utilities (no `bg-graphite-300`).
    * They're referenced by the semantic tokens below, never used directly.
    * ====================================================================== */
 
@@ -129,7 +129,7 @@
   --contrast-inverse: var(--foundation);
 
   /* Brand — `primary` wired to the Wave ramp; `secondary` is the neutral fill
-   * (secondary/ghost buttons, hovers, selected) at ion-300; `accent` is the
+   * (secondary/ghost buttons, hovers, selected) at ui-300; `accent` is the
    * bright signal (Wave Blue 300, the strand now-glow). No per-fill on-color
    * tokens: text on the saturated fills is
    * `text-white`, text on the neutral `secondary` is `text-contrast`. */
@@ -146,6 +146,9 @@
   /* Rings = brand themed */
   --focus: var(--primary);
 
+  /* Scrim — the dim behind modal overlays (dialog / drawer / alert backdrop). */
+  --scrim: oklch(0 0 0 / 0.1);
+
   /* Shadow — two dials for the layered `shadow-*` scale: `--shadow-color` (oklch
    * components `L C H` — a deep cool-tinted near-black, never pure black which
    * reads heavy) and `--shadow-strength` (per-layer alpha / intensity). Both
@@ -226,7 +229,7 @@
   --muted: var(--ui-400);
   --soft: var(--ui-600);
 
-  /* Brand — only `secondary` differs from light; mirrored to ion-700 so the
+  /* Brand — only `secondary` differs from light; mirrored to ui-700 so the
    * neutral fill stands out against the dark surfaces. primary / accent /
    * inverse / focus auto-flip or stay constant via the `:root` definitions. */
   --secondary: var(--ui-700);
@@ -314,6 +317,7 @@
   --color-edge: var(--edge);
   --color-solid: var(--solid);
   --color-focus: var(--focus);
+  --color-scrim: var(--scrim);
 
   /* Status */
   --color-destructive: var(--destructive);

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 };

package/dist/switch.js

@@ -2,21 +2,33 @@
 import { cn } from "./lib/utils.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
 import { Switch as Switch$1 } from "@base-ui/react/switch";
 //#region src/switch.tsx
+const switchVariants = cva("cursor-clickable data-checked:bg-primary data-unchecked:bg-edge 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 dark:data-unchecked:bg-edge/80 peer relative inline-flex shrink-0 items-center rounded-full border border-transparent motion-color outline-none after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:ring-3 aria-invalid:ring-3 data-disabled:cursor-not-allowed data-disabled:opacity-50", {
+	variants: { size: {
+		default: "h-[18.4px] w-[32px]",
+		sm: "h-[14px] w-[24px]"
+	} },
+	defaultVariants: { size: "default" }
+});
+const switchThumbVariants = cva("bg-foundation dark:data-unchecked:bg-contrast dark:data-checked:bg-white pointer-events-none block rounded-full ring-0 transition-transform data-checked:translate-x-[calc(100%-2px)] data-unchecked:translate-x-0", {
+	variants: { size: {
+		default: "size-4",
+		sm: "size-3"
+	} },
+	defaultVariants: { size: "default" }
+});
 function Switch({ className, size = "default", ...props }) {
 	return /* @__PURE__ */ jsx(Switch$1.Root, {
 		"data-slot": "switch",
-		"data-size": size,
-		className: cn("cursor-clickable data-checked:bg-primary data-unchecked:bg-edge 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 dark:data-unchecked:bg-edge/80 peer group/switch relative inline-flex shrink-0 items-center rounded-full border border-transparent motion-color outline-none after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:ring-3 aria-invalid:ring-3 data-disabled:cursor-not-allowed data-disabled:opacity-50 data-[size=default]:h-[18.4px] data-[size=default]:w-[32px] data-[size=sm]:h-[14px] data-[size=sm]:w-[24px]", className),
+		className: cn(switchVariants({ size }), className),
 		...props,
 		children: /* @__PURE__ */ jsx(Switch$1.Thumb, {
 			"data-slot": "switch-thumb",
-			className: "bg-foundation dark:data-unchecked:bg-contrast dark:data-checked:bg-white pointer-events-none block rounded-full ring-0 transition-transform group-data-[size=default]/switch:size-4 group-data-[size=sm]/switch:size-3 group-data-[size=default]/switch:data-checked:translate-x-[calc(100%-2px)] group-data-[size=sm]/switch:data-checked:translate-x-[calc(100%-2px)] group-data-[size=default]/switch:data-unchecked:translate-x-0 group-data-[size=sm]/switch:data-unchecked:translate-x-0"
+			className: switchThumbVariants({ size })
 		})
 	});
 }
 //#endregion
-export { Switch };
-
-//# sourceMappingURL=switch.js.map
+export { Switch, switchVariants };

package/dist/table.d.ts

@@ -43,5 +43,4 @@ declare function TableCaption({
   ...props
 }: TableCaptionProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
-export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };
-//# sourceMappingURL=table.d.ts.map
+export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };

package/dist/table.js

@@ -1,4 +1,3 @@
-"use client";
 import { cn } from "./lib/utils.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
@@ -68,5 +67,3 @@ function TableCaption({ className, ...props }) {
 }
 //#endregion
 export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };
-
-//# sourceMappingURL=table.js.map

package/dist/tabs.d.ts

@@ -32,5 +32,4 @@ declare function TabsContent({
   ...props
 }: TabsContentProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
-export { Tabs, TabsContent, TabsList, TabsTrigger, tabsListVariants };
-//# sourceMappingURL=tabs.d.ts.map
+export { Tabs, TabsContent, TabsList, TabsTrigger, tabsListVariants };

package/dist/tabs.js

@@ -44,5 +44,3 @@ function TabsContent({ className, ...props }) {
 }
 //#endregion
 export { Tabs, TabsContent, TabsList, TabsTrigger, tabsListVariants };
-
-//# sourceMappingURL=tabs.js.map

package/dist/textarea.d.ts

@@ -13,5 +13,4 @@ declare function Textarea({
   ...props
 }: TextareaProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
-export { Textarea };
-//# sourceMappingURL=textarea.d.ts.map
+export { Textarea };

package/dist/textarea.js

@@ -17,5 +17,3 @@ function Textarea({ className, onChange, onValueChange, ...props }) {
 }
 //#endregion
 export { Textarea };
-
-//# sourceMappingURL=textarea.js.map

package/dist/toast.d.ts

@@ -77,5 +77,4 @@ declare function Toaster({
   timeout
 }: ToasterProps): _$react_jsx_runtime0.JSX.Element | null;
 //#endregion
-export { Toast, ToastAction, ToastClose, ToastDescription, ToastIcon, type ToastOptions, ToastTitle, type ToastType, Toaster, type ToasterPosition, type ToasterProps, toast, toastIconVariants, toastManager, toastRootClass, toastViewportVariants };
-//# sourceMappingURL=toast.d.ts.map
+export { Toast, ToastAction, ToastClose, ToastDescription, ToastIcon, type ToastOptions, ToastTitle, type ToastType, Toaster, type ToasterPosition, type ToasterProps, toast, toastIconVariants, toastManager, toastRootClass, toastViewportVariants };

package/dist/toast.js

@@ -75,7 +75,7 @@ const toastTypeLabels = {
 	error: "Error"
 };
 function ToastIcon({ type }) {
-	if (!type) return null;
+	if (!type || !(type in iconMap)) return null;
 	const Icon = iconMap[type];
 	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Icon, { className: cn(toastIconVariants({ type })) }), /* @__PURE__ */ jsx("span", {
 		className: "sr-only",
@@ -235,5 +235,3 @@ function Toaster({ position, limit, timeout }) {
 }
 //#endregion
 export { Toast, ToastAction, ToastClose, ToastDescription, ToastIcon, ToastTitle, Toaster, toast, toastIconVariants, toastManager, toastRootClass, toastViewportVariants };
-
-//# sourceMappingURL=toast.js.map

package/dist/toggle-group.d.ts

@@ -15,6 +15,7 @@ declare function ToggleGroup({
   size,
   spacing,
   orientation,
+  style,
   children,
   ...props
 }: ToggleGroupProps): _$react_jsx_runtime0.JSX.Element;
@@ -26,5 +27,4 @@ declare function ToggleGroupItem({
   ...props
 }: ToggleGroupItemProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
-export { ToggleGroup, ToggleGroupItem };
-//# sourceMappingURL=toggle-group.d.ts.map
+export { ToggleGroup, ToggleGroupItem };

package/dist/toggle-group.js

@@ -12,14 +12,17 @@ const ToggleGroupContext = React.createContext({
 	spacing: 0,
 	orientation: "horizontal"
 });
-function ToggleGroup({ className, variant, size, spacing = 0, orientation = "horizontal", children, ...props }) {
+function ToggleGroup({ className, variant, size, spacing = 0, orientation = "horizontal", style, children, ...props }) {
 	return /* @__PURE__ */ jsx(ToggleGroup$1, {
 		orientation,
 		"data-slot": "toggle-group",
 		"data-variant": variant,
 		"data-size": size,
 		"data-spacing": spacing,
-		style: { "--gap": spacing },
+		style: {
+			...style ?? {},
+			"--gap": spacing
+		},
 		className: cn("group/toggle-group flex w-fit flex-row items-center gap-[--spacing(var(--gap))] rounded-md data-[orientation=vertical]:flex-col data-[orientation=vertical]:items-stretch data-[size=sm]:rounded-sm", className),
 		...props,
 		children: /* @__PURE__ */ jsx(ToggleGroupContext.Provider, {
@@ -50,5 +53,3 @@ function ToggleGroupItem({ className, children, variant = "default", size = "def
 }
 //#endregion
 export { ToggleGroup, ToggleGroupItem };
-
-//# sourceMappingURL=toggle-group.js.map

package/dist/toggle.d.ts

@@ -17,5 +17,4 @@ declare function Toggle({
   ...props
 }: ToggleProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
-export { Toggle, toggleVariants };
-//# sourceMappingURL=toggle.d.ts.map
+export { Toggle, toggleVariants };

package/dist/toggle.js

@@ -27,13 +27,10 @@ function Toggle({ className, variant = "default", size = "default", ...props })
 		"data-slot": "toggle",
 		className: cn(toggleVariants({
 			variant,
-			size,
-			className
-		})),
+			size
+		}), className),
 		...props
 	});
 }
 //#endregion
 export { Toggle, toggleVariants };
-
-//# sourceMappingURL=toggle.js.map

package/dist/tooltip.d.ts

@@ -48,5 +48,4 @@ declare function TooltipContent({
   ...props
 }: TooltipContentProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
-export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };
-//# sourceMappingURL=tooltip.d.ts.map
+export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };

package/dist/tooltip.js

@@ -60,5 +60,3 @@ function TooltipContent({ className, positionerClassName, side = "top", sideOffs
 }
 //#endregion
 export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };
-
-//# sourceMappingURL=tooltip.js.map

package/dist/typewriter.d.ts

@@ -76,5 +76,4 @@ declare function Typewriter({
   smoothDuration
 }: TypewriterProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
-export { type TextSegment, Typewriter, type TypewriterProps };
-//# sourceMappingURL=typewriter.d.ts.map
+export { type TextSegment, Typewriter, type TypewriterProps };

package/dist/typewriter.js

@@ -121,6 +121,12 @@ function TypingReveal({ text, children, elementRef, id, speed, delay, cursor, cu
 		delay,
 		started
 	]);
+	useEffect(() => {
+		if (prefersReducedMotion || shouldAnimate) return;
+		setStarted(false);
+		setCharIndex(0);
+		setDone(false);
+	}, [prefersReducedMotion, shouldAnimate]);
 	useEffect(() => {
 		if (prefersReducedMotion || !started || done) return;
 		if (charIndex >= flat.length) {
@@ -203,5 +209,3 @@ function SmoothReveal({ text, children, elementRef, id, delay, duration, cursor,
 }
 //#endregion
 export { Typewriter };
-
-//# sourceMappingURL=typewriter.js.map

package/package.json

@@ -1,24 +1,41 @@
 {
   "name": "@waveso/ui",
-  "version": "0.7.6",
+  "version": "0.8.0",
   "description": "Wave UI component library built on Base UI and Tailwind CSS",
   "type": "module",
   "sideEffects": [
     "*.css"
   ],
   "license": "MIT",
+  "keywords": [
+    "react",
+    "react-19",
+    "ui",
+    "components",
+    "component-library",
+    "design-system",
+    "base-ui",
+    "tailwindcss",
+    "cva",
+    "headless"
+  ],
   "repository": {
     "type": "git",
-    "url": "https://github.com/wavedotso/wave-ui"
+    "url": "git+https://github.com/wavedotso/wave-ui.git"
+  },
+  "homepage": "https://github.com/wavedotso/wave-ui#readme",
+  "bugs": "https://github.com/wavedotso/wave-ui/issues",
+  "engines": {
+    "node": ">=20"
   },
   "exports": {
     "./package.json": "./package.json",
     "./styles.css": "./dist/styles.css",
+    "./lib/*": null,
+    "./hooks/*": null,
     "./*": {
-      "import": {
-        "types": "./dist/*.d.ts",
-        "default": "./dist/*.js"
-      }
+      "types": "./dist/*.d.ts",
+      "default": "./dist/*.js"
     }
   },
   "files": [
@@ -26,7 +43,7 @@
     "package.json"
   ],
   "scripts": {
-    "build": "tsdown && cp src/styles.css dist/styles.css",
+    "build": "tsdown",
     "dev": "tsdown --watch",
     "typecheck": "tsc --noEmit",
     "test": "vitest run",
@@ -67,7 +84,6 @@
     "@changesets/cli": "^2.27.0",
     "@storybook/addon-a11y": "~10.4.0",
     "@storybook/addon-docs": "~10.4.0",
-    "@storybook/addon-themes": "~10.4.0",
     "@storybook/react-vite": "~10.4.0",
     "@tailwindcss/vite": "^4.2.1",
     "@testing-library/dom": "^10.4.1",

package/dist/accordion.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"accordion.d.ts","names":[],"sources":["../src/accordion.tsx"],"mappings":";;;;;KAUK,cAAA,GAAiB,KAAA,CAAM,cAAA,QAAsB,WAAA,CAAmB,IAAA;AAAA,KAChE,kBAAA,GAAqB,KAAA,CAAM,cAAA,QAAsB,WAAA,CAAmB,IAAA;AAAA,KACpE,qBAAA,GAAwB,KAAA,CAAM,cAAA,QAAsB,WAAA,CAAmB,OAAA;AAAA,KACvE,qBAAA,GAAwB,KAAA,CAAM,cAAA,QAAsB,WAAA,CAAmB,KAAA;AAAA,iBAEnE,SAAA,CAAA;EAAY,SAAA;EAAA,GAAc;AAAA,GAAS,cAAA,GAAc,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAajD,aAAA,CAAA;EAAgB,SAAA;EAAA,GAAc;AAAA,GAAS,kBAAA,GAAkB,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAazD,gBAAA,CAAA;EACP,SAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,qBAAA,GAAqB,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAmBf,gBAAA,CAAA;EACP,SAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,qBAAA,GAAqB,oBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/accordion.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"accordion.js","names":["AccordionPrimitive"],"sources":["../src/accordion.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\n\nimport { Accordion as AccordionPrimitive } from \"@base-ui/react/accordion\"\n\nimport { cn } from \"./lib/utils\"\n\nimport { ChevronDownIcon, ChevronUpIcon } from \"./lib/internal-icons\"\n\ntype AccordionProps = React.ComponentProps<typeof AccordionPrimitive.Root>\ntype AccordionItemProps = React.ComponentProps<typeof AccordionPrimitive.Item>\ntype AccordionTriggerProps = React.ComponentProps<typeof AccordionPrimitive.Trigger>\ntype AccordionContentProps = React.ComponentProps<typeof AccordionPrimitive.Panel>\n\nfunction Accordion({ className, ...props }: AccordionProps) {\n  return (\n    <AccordionPrimitive.Root\n      data-slot=\"accordion\"\n      className={cn(\n        \"overflow-hidden flex w-full flex-col\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AccordionItem({ className, ...props }: AccordionItemProps) {\n  return (\n    <AccordionPrimitive.Item\n      data-slot=\"accordion-item\"\n      className={cn(\n        \"not-last:border-b border-edge\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AccordionTrigger({\n  className,\n  children,\n  ...props\n}: AccordionTriggerProps) {\n  return (\n    <AccordionPrimitive.Header data-slot=\"accordion-header\" className=\"flex\">\n      <AccordionPrimitive.Trigger\n        data-slot=\"accordion-trigger\"\n        className={cn(\n          \"cursor-clickable focus-visible:ring-focus/50 focus-visible:border-focus focus-visible:after:border-focus **:data-[slot=accordion-trigger-icon]:text-muted group/accordion-trigger relative flex flex-1 items-start justify-between rounded-md border border-transparent py-2.5 text-left text-sm font-medium motion-color outline-none hover:underline focus-visible:ring-3 aria-disabled:pointer-events-none aria-disabled:opacity-50 **:data-[slot=accordion-trigger-icon]:ml-auto **:data-[slot=accordion-trigger-icon]:size-4\",\n          className\n        )}\n        {...props}\n      >\n        {children}\n        <ChevronDownIcon data-slot=\"accordion-trigger-icon\" className=\"pointer-events-none shrink-0 group-aria-expanded/accordion-trigger:hidden\" />\n        <ChevronUpIcon data-slot=\"accordion-trigger-icon\" className=\"pointer-events-none hidden shrink-0 group-aria-expanded/accordion-trigger:inline\" />\n      </AccordionPrimitive.Trigger>\n    </AccordionPrimitive.Header>\n  )\n}\n\nfunction AccordionContent({\n  className,\n  children,\n  ...props\n}: AccordionContentProps) {\n  return (\n    <AccordionPrimitive.Panel\n      data-slot=\"accordion-panel\"\n      className=\"data-open:animate-accordion-down data-closed:animate-accordion-up overflow-hidden text-sm\"\n      {...props}\n    >\n      <div\n        data-slot=\"accordion-content\"\n        className={cn(\n          \"[&_a]:hover:text-contrast h-(--accordion-panel-height) pt-0 pb-2.5 data-ending-style:h-0 data-starting-style:h-0 [&_a]:underline [&_a]:underline-offset-3 [&_p:not(:last-child)]:mb-4\",\n          className\n        )}\n      >\n        {children}\n      </div>\n    </AccordionPrimitive.Panel>\n  )\n}\n\nexport {\n  Accordion,\n  AccordionItem,\n  AccordionTrigger,\n  AccordionContent,\n}\n"],"mappings":";;;;;;;AAeA,SAAS,UAAU,EAAE,WAAW,GAAG,SAAyB;AAC1D,QACE,oBAACA,YAAmB,MAApB;EACE,aAAU;EACV,WAAW,GACT,wCACA,UACD;EACD,GAAI;EACJ,CAAA;;AAIN,SAAS,cAAc,EAAE,WAAW,GAAG,SAA6B;AAClE,QACE,oBAACA,YAAmB,MAApB;EACE,aAAU;EACV,WAAW,GACT,iCACA,UACD;EACD,GAAI;EACJ,CAAA;;AAIN,SAAS,iBAAiB,EACxB,WACA,UACA,GAAG,SACqB;AACxB,QACE,oBAACA,YAAmB,QAApB;EAA2B,aAAU;EAAmB,WAAU;YAChE,qBAACA,YAAmB,SAApB;GACE,aAAU;GACV,WAAW,GACT,qgBACA,UACD;GACD,GAAI;aANN;IAQG;IACD,oBAAC,iBAAD;KAAiB,aAAU;KAAyB,WAAU;KAA8E,CAAA;IAC5I,oBAAC,eAAD;KAAe,aAAU;KAAyB,WAAU;KAAqF,CAAA;IACtH;;EACH,CAAA;;AAIhC,SAAS,iBAAiB,EACxB,WACA,UACA,GAAG,SACqB;AACxB,QACE,oBAACA,YAAmB,OAApB;EACE,aAAU;EACV,WAAU;EACV,GAAI;YAEJ,oBAAC,OAAD;GACE,aAAU;GACV,WAAW,GACT,yLACA,UACD;GAEA;GACG,CAAA;EACmB,CAAA"}

package/dist/action-bar.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"action-bar.d.ts","names":[],"sources":["../src/action-bar.tsx"],"mappings":";;;;;UAeiB,cAAA;;EAEf,UAAA;EAF6B;EAI7B,MAAA;EAE4B;EAA5B,MAAA,eAAqB,OAAA;EAFrB;EAIA,OAAA;AAAA;AAAA,UA4Ce,sBAAA;EACf,QAAA,EAAU,KAAA,CAAM,SAAA;EA7CT;EA+CP,OAAA;EAHqC;EAKrC,aAAA,IAAiB,KAAA;EAJQ;;;;EASzB,cAAA;EALA;EAOA,SAAA;AAAA;;;;AACD;;;;;;;;;;;;;;;;;iBAsBQ,iBAAA,CAAA;EACP,QAAA;EACA,OAAA;EACA,aAAA;EACA,cAAA;EACA;AAAA,GACC,sBAAA,GAAsB,oBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;;;;iBAuQhB,YAAA,CAAa,EAAA,UAAY,KAAA,EAAO,cAAA;AAvQhB;;;;;;;;;AAuQ8B;;;;;AAvQ9B,iBA8ShB,iBAAA,CAAkB,QAAA,GAAW,IAAA,qBAAqB,IAAA"}