@waveso/ui 0.8.0 → 0.9.0

package/dist/sidebar.d.ts

@@ -44,18 +44,7 @@ type SidebarContextProps = {
   toggleSidebar: () => void;
 };
 declare function useSidebar(): SidebarContextProps;
-declare function SidebarProvider({
-  defaultOpen,
-  open: openProp,
-  onOpenChange: setOpenProp,
-  persist,
-  keyboardShortcut,
-  mobileBreakpoint,
-  className,
-  style,
-  children,
-  ...props
-}: React.ComponentProps<"div"> & {
+type SidebarProviderProps = React.ComponentProps<"div"> & {
   defaultOpen?: boolean;
   open?: boolean;
   onOpenChange?: (open: boolean) => void;
@@ -74,7 +63,24 @@ declare function SidebarProvider({
   persist?: (open: boolean) => void; /** Key for Cmd/Ctrl+key toggle shortcut. Defaults to "b". Pass `false` to disable. */
   keyboardShortcut?: string | false; /** Breakpoint (px) below which the sidebar uses a mobile drawer. Defaults to 768. */
   mobileBreakpoint?: number;
-}): _$react_jsx_runtime0.JSX.Element;
+};
+declare function SidebarProvider({
+  defaultOpen,
+  open: openProp,
+  onOpenChange: setOpenProp,
+  persist,
+  keyboardShortcut,
+  mobileBreakpoint,
+  className,
+  style,
+  children,
+  ...props
+}: SidebarProviderProps): _$react_jsx_runtime0.JSX.Element;
+type SidebarProps = React.ComponentProps<"div"> & {
+  side?: "left" | "right";
+  variant?: "sidebar" | "floating" | "inset";
+  collapsible?: "offcanvas" | "icon" | "none";
+};
 declare function Sidebar({
   side,
   variant,
@@ -82,75 +88,89 @@ declare function Sidebar({
   className,
   children,
   ...props
-}: React.ComponentProps<"div"> & {
-  side?: "left" | "right";
-  variant?: "sidebar" | "floating" | "inset";
-  collapsible?: "offcanvas" | "icon" | "none";
-}): _$react_jsx_runtime0.JSX.Element;
+}: SidebarProps): _$react_jsx_runtime0.JSX.Element;
+type SidebarTriggerProps = React.ComponentProps<typeof Button>;
 declare function SidebarTrigger({
   className,
   onClick,
   ...props
-}: React.ComponentProps<typeof Button>): _$react_jsx_runtime0.JSX.Element;
+}: SidebarTriggerProps): _$react_jsx_runtime0.JSX.Element;
+type SidebarRailProps = React.ComponentProps<"button">;
 declare function SidebarRail({
   className,
   ...props
-}: React.ComponentProps<"button">): _$react_jsx_runtime0.JSX.Element;
+}: SidebarRailProps): _$react_jsx_runtime0.JSX.Element;
+type SidebarInsetProps = React.ComponentProps<"main">;
 declare function SidebarInset({
   className,
   ...props
-}: React.ComponentProps<"main">): _$react_jsx_runtime0.JSX.Element;
+}: SidebarInsetProps): _$react_jsx_runtime0.JSX.Element;
+type SidebarInputProps = React.ComponentProps<typeof Input>;
 declare function SidebarInput({
   className,
   ...props
-}: React.ComponentProps<typeof Input>): _$react_jsx_runtime0.JSX.Element;
+}: SidebarInputProps): _$react_jsx_runtime0.JSX.Element;
+type SidebarHeaderProps = React.ComponentProps<"div">;
 declare function SidebarHeader({
   className,
   ...props
-}: React.ComponentProps<"div">): _$react_jsx_runtime0.JSX.Element;
+}: SidebarHeaderProps): _$react_jsx_runtime0.JSX.Element;
+type SidebarFooterProps = React.ComponentProps<"div">;
 declare function SidebarFooter({
   className,
   ...props
-}: React.ComponentProps<"div">): _$react_jsx_runtime0.JSX.Element;
+}: SidebarFooterProps): _$react_jsx_runtime0.JSX.Element;
+type SidebarSeparatorProps = React.ComponentProps<typeof Separator>;
 declare function SidebarSeparator({
   className,
   ...props
-}: React.ComponentProps<typeof Separator>): _$react_jsx_runtime0.JSX.Element;
+}: SidebarSeparatorProps): _$react_jsx_runtime0.JSX.Element;
+type SidebarContentProps = React.ComponentProps<"div">;
 declare function SidebarContent({
   className,
   style,
   ...props
-}: React.ComponentProps<"div">): _$react_jsx_runtime0.JSX.Element;
+}: SidebarContentProps): _$react_jsx_runtime0.JSX.Element;
+type SidebarGroupProps = React.ComponentProps<"div">;
 declare function SidebarGroup({
   className,
   ...props
-}: React.ComponentProps<"div">): _$react_jsx_runtime0.JSX.Element;
+}: SidebarGroupProps): _$react_jsx_runtime0.JSX.Element;
+type SidebarGroupLabelProps = useRender.ComponentProps<"div"> & React.ComponentProps<"div">;
 declare function SidebarGroupLabel({
   className,
   render,
   ...props
-}: useRender.ComponentProps<"div"> & React.ComponentProps<"div">): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+}: SidebarGroupLabelProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+type SidebarGroupActionProps = useRender.ComponentProps<"button"> & React.ComponentProps<"button">;
 declare function SidebarGroupAction({
   className,
   render,
   ...props
-}: useRender.ComponentProps<"button"> & React.ComponentProps<"button">): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+}: SidebarGroupActionProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+type SidebarGroupContentProps = React.ComponentProps<"div">;
 declare function SidebarGroupContent({
   className,
   ...props
-}: React.ComponentProps<"div">): _$react_jsx_runtime0.JSX.Element;
+}: SidebarGroupContentProps): _$react_jsx_runtime0.JSX.Element;
+type SidebarMenuProps = React.ComponentProps<"ul">;
 declare function SidebarMenu({
   className,
   ...props
-}: React.ComponentProps<"ul">): _$react_jsx_runtime0.JSX.Element;
+}: SidebarMenuProps): _$react_jsx_runtime0.JSX.Element;
+type SidebarMenuItemProps = React.ComponentProps<"li">;
 declare function SidebarMenuItem({
   className,
   ...props
-}: React.ComponentProps<"li">): _$react_jsx_runtime0.JSX.Element;
+}: SidebarMenuItemProps): _$react_jsx_runtime0.JSX.Element;
 declare const sidebarMenuButtonVariants: (props?: ({
   variant?: "default" | "outline" | null | undefined;
   size?: "default" | "sm" | "lg" | null | undefined;
 } & _$class_variance_authority_types0.ClassProp) | undefined) => string;
+type SidebarMenuButtonProps = useRender.ComponentProps<"button"> & React.ComponentProps<"button"> & {
+  isActive?: boolean;
+  tooltip?: string | React.ComponentProps<typeof TooltipContent>;
+} & VariantProps<typeof sidebarMenuButtonVariants>;
 declare function SidebarMenuButton({
   render,
   isActive,
@@ -159,46 +179,49 @@ declare function SidebarMenuButton({
   tooltip,
   className,
   ...props
-}: useRender.ComponentProps<"button"> & React.ComponentProps<"button"> & {
-  isActive?: boolean;
-  tooltip?: string | React.ComponentProps<typeof TooltipContent>;
-} & VariantProps<typeof sidebarMenuButtonVariants>): _$react_jsx_runtime0.JSX.Element;
+}: SidebarMenuButtonProps): _$react_jsx_runtime0.JSX.Element;
+type SidebarMenuActionProps = useRender.ComponentProps<"button"> & React.ComponentProps<"button"> & {
+  showOnHover?: boolean;
+};
 declare function SidebarMenuAction({
   className,
   render,
   showOnHover,
   ...props
-}: useRender.ComponentProps<"button"> & React.ComponentProps<"button"> & {
-  showOnHover?: boolean;
-}): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+}: SidebarMenuActionProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+type SidebarMenuBadgeProps = React.ComponentProps<"div">;
 declare function SidebarMenuBadge({
   className,
   ...props
-}: React.ComponentProps<"div">): _$react_jsx_runtime0.JSX.Element;
+}: SidebarMenuBadgeProps): _$react_jsx_runtime0.JSX.Element;
+type SidebarMenuSkeletonProps = React.ComponentProps<"div"> & {
+  showIcon?: boolean;
+};
 declare function SidebarMenuSkeleton({
   className,
   showIcon,
   ...props
-}: React.ComponentProps<"div"> & {
-  showIcon?: boolean;
-}): _$react_jsx_runtime0.JSX.Element;
+}: SidebarMenuSkeletonProps): _$react_jsx_runtime0.JSX.Element;
+type SidebarMenuSubProps = React.ComponentProps<"ul">;
 declare function SidebarMenuSub({
   className,
   ...props
-}: React.ComponentProps<"ul">): _$react_jsx_runtime0.JSX.Element;
+}: SidebarMenuSubProps): _$react_jsx_runtime0.JSX.Element;
+type SidebarMenuSubItemProps = React.ComponentProps<"li">;
 declare function SidebarMenuSubItem({
   className,
   ...props
-}: React.ComponentProps<"li">): _$react_jsx_runtime0.JSX.Element;
+}: SidebarMenuSubItemProps): _$react_jsx_runtime0.JSX.Element;
+type SidebarMenuSubButtonProps = useRender.ComponentProps<"a"> & React.ComponentProps<"a"> & {
+  size?: "sm" | "md";
+  isActive?: boolean;
+};
 declare function SidebarMenuSubButton({
   render,
   size,
   isActive,
   className,
   ...props
-}: useRender.ComponentProps<"a"> & React.ComponentProps<"a"> & {
-  size?: "sm" | "md";
-  isActive?: boolean;
-}): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+}: SidebarMenuSubButtonProps): 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 };
+export { Sidebar, SidebarContent, type SidebarContentProps, SidebarFooter, type SidebarFooterProps, SidebarGroup, SidebarGroupAction, type SidebarGroupActionProps, SidebarGroupContent, type SidebarGroupContentProps, SidebarGroupLabel, type SidebarGroupLabelProps, type SidebarGroupProps, SidebarHeader, type SidebarHeaderProps, SidebarInput, type SidebarInputProps, SidebarInset, type SidebarInsetProps, SidebarMenu, SidebarMenuAction, type SidebarMenuActionProps, SidebarMenuBadge, type SidebarMenuBadgeProps, SidebarMenuButton, type SidebarMenuButtonProps, SidebarMenuItem, type SidebarMenuItemProps, type SidebarMenuProps, SidebarMenuSkeleton, type SidebarMenuSkeletonProps, SidebarMenuSub, SidebarMenuSubButton, type SidebarMenuSubButtonProps, SidebarMenuSubItem, type SidebarMenuSubItemProps, type SidebarMenuSubProps, type SidebarProps, SidebarProvider, type SidebarProviderProps, SidebarRail, type SidebarRailProps, SidebarSeparator, type SidebarSeparatorProps, SidebarTrigger, type SidebarTriggerProps, cookiePersist, localStoragePersist, sidebarMenuButtonVariants, 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();
@@ -397,4 +397,4 @@ 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 };
+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, sidebarMenuButtonVariants, useSidebar };

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,4 +8,4 @@ declare function Skeleton({
   ...props
 }: SkeletonProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
-export { Skeleton };
+export { Skeleton, SkeletonProps };

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 }) {

package/dist/slider.d.ts

@@ -25,4 +25,4 @@ declare function Slider({
   ...props
 }: SliderProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
-export { Slider };
+export { Slider, SliderProps };

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,4 +8,4 @@ declare function Spinner({
   ...props
 }: SpinnerProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
-export { Spinner };
+export { Spinner, SpinnerProps };

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 }) {

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

@@ -15,4 +15,4 @@ declare function Switch({
   ...props
 }: SwitchProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
-export { Switch, switchVariants };
+export { Switch, SwitchProps, switchVariants };

package/dist/switch.js

@@ -5,7 +5,7 @@ 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", {
+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-hidden 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]"

package/dist/table.d.ts

@@ -43,4 +43,4 @@ declare function TableCaption({
   ...props
 }: TableCaptionProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
-export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };
+export { Table, TableBody, TableBodyProps, TableCaption, TableCaptionProps, TableCell, TableCellProps, TableFooter, TableFooterProps, TableHead, TableHeadProps, TableHeader, TableHeaderProps, TableProps, TableRow, TableRowProps };

package/dist/tabs.d.ts

@@ -32,4 +32,4 @@ declare function TabsContent({
   ...props
 }: TabsContentProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
-export { Tabs, TabsContent, TabsList, TabsTrigger, tabsListVariants };
+export { Tabs, TabsContent, TabsContentProps, TabsList, TabsListProps, TabsProps, TabsTrigger, TabsTriggerProps, tabsListVariants };

package/dist/tabs.js

@@ -38,7 +38,7 @@ function TabsTrigger({ className, ...props }) {
 function TabsContent({ className, ...props }) {
 	return /* @__PURE__ */ jsx(Tabs$1.Panel, {
 		"data-slot": "tabs-content",
-		className: cn("flex-1 text-sm outline-none", className),
+		className: cn("flex-1 text-sm outline-hidden", className),
 		...props
 	});
 }

package/dist/textarea.d.ts

@@ -13,4 +13,4 @@ declare function Textarea({
   ...props
 }: TextareaProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
-export { Textarea };
+export { Textarea, TextareaProps };

package/dist/textarea.js

@@ -10,7 +10,7 @@ function Textarea({ className, onChange, onValueChange, ...props }) {
 	}
 	return /* @__PURE__ */ jsx("textarea", {
 		"data-slot": "textarea",
-		className: cn("border-edge dark:bg-edge/30 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 resize-none disabled:bg-edge/50 disabled:cursor-not-allowed dark:disabled:bg-edge/80 placeholder:text-soft flex field-sizing-content min-h-16 w-full rounded-md border bg-transparent px-2.5 py-2 text-base transition-colors outline-none focus-visible:ring-3 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:ring-3 md:text-sm", className),
+		className: cn("border-edge dark:bg-edge/30 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 resize-none disabled:bg-edge/50 disabled:cursor-not-allowed dark:disabled:bg-edge/80 placeholder:text-soft flex field-sizing-content min-h-16 w-full rounded-md border bg-transparent px-2.5 py-2 text-base transition-colors outline-hidden focus-visible:ring-3 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:ring-3 md:text-sm", className),
 		onChange: handleChange,
 		...props
 	});

package/dist/toast.d.ts

@@ -5,7 +5,7 @@ import * as _$class_variance_authority_types0 from "class-variance-authority/typ
 import * as _$_base_ui_react0 from "@base-ui/react";
 
 //#region src/toast.d.ts
-declare const toastRootClass = "bg-elevated text-contrast ring-contrast/10 rounded-md p-4 text-sm shadow-md ring-1 outline-none select-none";
+declare const toastRootClass = "bg-elevated text-contrast ring-contrast/10 rounded-md p-4 text-sm shadow-md ring-1 outline-hidden";
 declare const toastIconVariants: (props?: ({
   type?: "success" | "warning" | "loading" | "info" | "error" | null | undefined;
 } & _$class_variance_authority_types0.ClassProp) | undefined) => string;
@@ -30,6 +30,9 @@ type ToasterProps = {
   timeout?: number;
 };
 type ToastProps = React.ComponentProps<typeof Toast$1.Root>;
+type ToastIconProps = {
+  type?: ToastType;
+};
 type ToastTitleProps = React.ComponentProps<typeof Toast$1.Title>;
 type ToastDescriptionProps = React.ComponentProps<typeof Toast$1.Description>;
 type ToastActionProps = React.ComponentProps<typeof Toast$1.Action>;
@@ -47,9 +50,7 @@ declare const toast: ((titleOrOptions: string | ToastOptions) => string) & {
 };
 declare function ToastIcon({
   type
-}: {
-  type?: ToastType;
-}): _$react_jsx_runtime0.JSX.Element | null;
+}: ToastIconProps): _$react_jsx_runtime0.JSX.Element | null;
 declare function Toast({
   className,
   ...props
@@ -77,4 +78,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 };
+export { Toast, ToastAction, type ToastActionProps, ToastClose, type ToastCloseProps, ToastDescription, type ToastDescriptionProps, ToastIcon, type ToastIconProps, type ToastOptions, type ToastProps, ToastTitle, type ToastTitleProps, type ToastType, Toaster, type ToasterPosition, type ToasterProps, toast, toastIconVariants, toastManager, toastRootClass, toastViewportVariants };

package/dist/toast.js

@@ -6,7 +6,7 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
 import { Toast as Toast$1 } from "@base-ui/react/toast";
 //#region src/toast.tsx
-const toastRootClass = "bg-elevated text-contrast ring-contrast/10 rounded-md p-4 text-sm shadow-md ring-1 outline-none select-none";
+const toastRootClass = "bg-elevated text-contrast ring-contrast/10 rounded-md p-4 text-sm shadow-md ring-1 outline-hidden";
 const toastIconVariants = cva("mt-0.5 size-4 shrink-0", { variants: { type: {
 	loading: "text-muted animate-spin",
 	success: "text-success",
@@ -14,7 +14,7 @@ const toastIconVariants = cva("mt-0.5 size-4 shrink-0", { variants: { type: {
 	warning: "text-warning",
 	error: "text-destructive"
 } } });
-const toastViewportVariants = cva("fixed z-[100] flex w-full outline-none sm:max-w-sm", {
+const toastViewportVariants = cva("fixed z-[100] flex w-full outline-hidden sm:max-w-sm", {
 	variants: { position: {
 		"top-left": "top-4 left-4",
 		"top-center": "top-4 right-0 left-0 mx-auto",
@@ -113,14 +113,14 @@ function ToastDescription({ className, ...props }) {
 function ToastAction({ className, ...props }) {
 	return /* @__PURE__ */ jsx(Toast$1.Action, {
 		"data-slot": "toast-action",
-		className: cn("hover:bg-secondary inline-flex h-7 items-center rounded-md border border-line px-2.5 text-xs font-medium transition-colors outline-none focus-visible:border-focus focus-visible:ring-focus/50 focus-visible:ring-3", className),
+		className: cn("hover:bg-secondary inline-flex h-7 items-center rounded-md border border-line px-2.5 text-xs font-medium transition-colors outline-hidden focus-visible:border-focus focus-visible:ring-focus/50 focus-visible:ring-3", className),
 		...props
 	});
 }
 function ToastClose({ className, children, ...props }) {
 	return /* @__PURE__ */ jsx(Toast$1.Close, {
 		"data-slot": "toast-close",
-		className: cn("text-muted hover:text-contrast shrink-0 rounded-md p-0.5 transition-colors outline-none focus-visible:ring-focus/50 focus-visible:ring-3", className),
+		className: cn("text-muted hover:text-contrast shrink-0 rounded-md p-0.5 transition-colors outline-hidden focus-visible:ring-focus/50 focus-visible:ring-3", className),
 		...props,
 		children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(CloseIcon, { className: "size-4" }), /* @__PURE__ */ jsx("span", {
 			className: "sr-only",

package/dist/toggle-group.d.ts

@@ -27,4 +27,4 @@ declare function ToggleGroupItem({
   ...props
 }: ToggleGroupItemProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
-export { ToggleGroup, ToggleGroupItem };
+export { ToggleGroup, ToggleGroupItem, ToggleGroupItemProps, ToggleGroupProps };

package/dist/toggle-group.js

@@ -7,8 +7,8 @@ import { Toggle } from "@base-ui/react/toggle";
 import { ToggleGroup as ToggleGroup$1 } from "@base-ui/react/toggle-group";
 //#region src/toggle-group.tsx
 const ToggleGroupContext = React.createContext({
-	size: "default",
-	variant: "default",
+	size: void 0,
+	variant: void 0,
 	spacing: 0,
 	orientation: "horizontal"
 });
@@ -40,12 +40,12 @@ function ToggleGroupItem({ className, children, variant = "default", size = "def
 	const context = React.useContext(ToggleGroupContext);
 	return /* @__PURE__ */ jsx(Toggle, {
 		"data-slot": "toggle-group-item",
-		"data-variant": context.variant || variant,
-		"data-size": context.size || size,
+		"data-variant": context.variant ?? variant,
+		"data-size": context.size ?? size,
 		"data-spacing": context.spacing,
 		className: cn("shrink-0 group-data-[spacing=0]/toggle-group:rounded-none group-data-[spacing=0]/toggle-group:px-2 focus:z-10 focus-visible:z-10 group-data-[orientation=horizontal]/toggle-group:data-[spacing=0]:first:rounded-l-md group-data-[orientation=vertical]/toggle-group:data-[spacing=0]:first:rounded-t-md group-data-[orientation=horizontal]/toggle-group:data-[spacing=0]:last:rounded-r-md group-data-[orientation=vertical]/toggle-group:data-[spacing=0]:last:rounded-b-md group-data-[orientation=horizontal]/toggle-group:data-[spacing=0]:data-[variant=outline]:border-l-0 group-data-[orientation=vertical]/toggle-group:data-[spacing=0]:data-[variant=outline]:border-t-0 group-data-[orientation=horizontal]/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-l group-data-[orientation=vertical]/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-t", toggleVariants({
-			variant: context.variant || variant,
-			size: context.size || size
+			variant: context.variant ?? variant,
+			size: context.size ?? size
 		}), className),
 		...props,
 		children

package/dist/toggle.d.ts

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

package/dist/toggle.js

@@ -5,7 +5,7 @@ import { jsx } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
 import { Toggle as Toggle$1 } from "@base-ui/react/toggle";
 //#region src/toggle.tsx
-const toggleVariants = cva("cursor-clickable hover:text-contrast focus-visible:border-focus focus-visible:ring-focus/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive data-pressed:bg-secondary gap-1 rounded-md text-sm font-medium motion-color [&_svg:not([class*='size-'])]:size-4 group/toggle hover:bg-secondary inline-flex items-center justify-center whitespace-nowrap outline-none focus-visible:ring-3 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0", {
+const toggleVariants = cva("cursor-clickable hover:text-contrast focus-visible:border-focus focus-visible:ring-focus/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive data-pressed:bg-secondary gap-1 rounded-md text-sm font-medium motion-color [&_svg:not([class*='size-'])]:size-4 group/toggle hover:bg-secondary inline-flex items-center justify-center whitespace-nowrap outline-hidden focus-visible:ring-3 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0", {
 	variants: {
 		variant: {
 			default: "bg-transparent",

package/dist/tooltip.d.ts

@@ -48,4 +48,4 @@ declare function TooltipContent({
   ...props
 }: TooltipContentProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
-export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };
+export { Tooltip, TooltipContent, TooltipContentProps, TooltipProps, TooltipProvider, TooltipProviderProps, TooltipTrigger, TooltipTriggerProps };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@waveso/ui",
-  "version": "0.8.0",
+  "version": "0.9.0",
   "description": "Wave UI component library built on Base UI and Tailwind CSS",
   "type": "module",
   "sideEffects": [