@waveso/ui 0.8.0 → 0.9.0

package/dist/drawer.js

@@ -37,35 +37,38 @@ function DrawerOverlay({ className, ...props }) {
 		...props
 	});
 }
-function DrawerContent({ className, children, showCloseButton = false, ...props }) {
-	return /* @__PURE__ */ jsxs(DrawerPortal, { children: [/* @__PURE__ */ jsx(DrawerOverlay, {}), /* @__PURE__ */ jsx(Drawer$1.Viewport, {
+function DrawerViewport({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Drawer$1.Viewport, {
 		"data-slot": "drawer-viewport",
-		className: "fixed inset-0 z-50 outline-none",
-		children: /* @__PURE__ */ jsxs(Drawer$1.Popup, {
-			"data-slot": "drawer-content",
-			className: cn("group/drawer-content bg-foundation fixed z-50 flex flex-col overflow-y-auto border-edge text-sm shadow-lg outline-none", "transition-[translate] duration-(--duration-lg) ease-(--ease) data-[swiping]:duration-0", "data-[swipe-direction=down]:inset-x-0 data-[swipe-direction=down]:bottom-0 data-[swipe-direction=down]:mt-24 data-[swipe-direction=down]:max-h-[80vh] data-[swipe-direction=down]:rounded-t-lg data-[swipe-direction=down]:border-t", "data-[swipe-direction=up]:inset-x-0 data-[swipe-direction=up]:top-0 data-[swipe-direction=up]:mb-24 data-[swipe-direction=up]:max-h-[80vh] data-[swipe-direction=up]:rounded-b-lg data-[swipe-direction=up]:border-b", "data-[swipe-direction=left]:inset-y-0 data-[swipe-direction=left]:left-0 data-[swipe-direction=left]:w-3/4 data-[swipe-direction=left]:rounded-r-lg data-[swipe-direction=left]:border-r data-[swipe-direction=left]:sm:max-w-sm", "data-[swipe-direction=right]:inset-y-0 data-[swipe-direction=right]:right-0 data-[swipe-direction=right]:w-3/4 data-[swipe-direction=right]:rounded-l-lg data-[swipe-direction=right]:border-l data-[swipe-direction=right]:sm:max-w-sm", "data-[swipe-direction=down]:data-[starting-style]:translate-y-full data-[swipe-direction=down]:data-[ending-style]:translate-y-full", "data-[swipe-direction=up]:data-[starting-style]:-translate-y-full data-[swipe-direction=up]:data-[ending-style]:-translate-y-full", "data-[swipe-direction=left]:data-[starting-style]:-translate-x-full data-[swipe-direction=left]:data-[ending-style]:-translate-x-full", "data-[swipe-direction=right]:data-[starting-style]:translate-x-full data-[swipe-direction=right]:data-[ending-style]:translate-x-full", className),
-			...props,
-			children: [
-				/* @__PURE__ */ jsx("div", {
-					"data-slot": "drawer-drag-handle",
-					className: "bg-secondary mx-auto mt-4 hidden h-1 w-[100px] shrink-0 rounded-full group-data-[swipe-direction=down]/drawer-content:block"
+		className: cn("fixed inset-0 z-50 outline-hidden", className),
+		...props
+	});
+}
+function DrawerContent({ className, children, showCloseButton = false, ...props }) {
+	return /* @__PURE__ */ jsxs(DrawerPortal, { children: [/* @__PURE__ */ jsx(DrawerOverlay, {}), /* @__PURE__ */ jsx(DrawerViewport, { children: /* @__PURE__ */ jsxs(Drawer$1.Popup, {
+		"data-slot": "drawer-content",
+		className: cn("group/drawer-content bg-foundation fixed z-50 flex flex-col overflow-y-auto border-edge text-sm shadow-lg outline-hidden", "transition-[translate] duration-(--duration-lg) ease-(--ease) data-[swiping]:duration-0", "data-[swipe-direction=down]:inset-x-0 data-[swipe-direction=down]:bottom-0 data-[swipe-direction=down]:mt-24 data-[swipe-direction=down]:max-h-[80vh] data-[swipe-direction=down]:rounded-t-lg data-[swipe-direction=down]:border-t", "data-[swipe-direction=up]:inset-x-0 data-[swipe-direction=up]:top-0 data-[swipe-direction=up]:mb-24 data-[swipe-direction=up]:max-h-[80vh] data-[swipe-direction=up]:rounded-b-lg data-[swipe-direction=up]:border-b", "data-[swipe-direction=left]:inset-y-0 data-[swipe-direction=left]:left-0 data-[swipe-direction=left]:w-3/4 data-[swipe-direction=left]:rounded-r-lg data-[swipe-direction=left]:border-r data-[swipe-direction=left]:sm:max-w-sm", "data-[swipe-direction=right]:inset-y-0 data-[swipe-direction=right]:right-0 data-[swipe-direction=right]:w-3/4 data-[swipe-direction=right]:rounded-l-lg data-[swipe-direction=right]:border-l data-[swipe-direction=right]:sm:max-w-sm", "data-[swipe-direction=down]:data-[starting-style]:translate-y-full data-[swipe-direction=down]:data-[ending-style]:translate-y-full", "data-[swipe-direction=up]:data-[starting-style]:-translate-y-full data-[swipe-direction=up]:data-[ending-style]:-translate-y-full", "data-[swipe-direction=left]:data-[starting-style]:-translate-x-full data-[swipe-direction=left]:data-[ending-style]:-translate-x-full", "data-[swipe-direction=right]:data-[starting-style]:translate-x-full data-[swipe-direction=right]:data-[ending-style]:translate-x-full", className),
+		...props,
+		children: [
+			/* @__PURE__ */ jsx("div", {
+				"data-slot": "drawer-drag-handle",
+				className: "bg-secondary mx-auto mt-4 hidden h-1 w-[100px] shrink-0 rounded-full group-data-[swipe-direction=down]/drawer-content:block"
+			}),
+			children,
+			showCloseButton && /* @__PURE__ */ jsxs(Drawer$1.Close, {
+				"data-slot": "drawer-close",
+				render: /* @__PURE__ */ jsx(Button, {
+					variant: "ghost",
+					className: "absolute top-2 right-2",
+					size: "icon-sm"
 				}),
-				children,
-				showCloseButton && /* @__PURE__ */ jsxs(Drawer$1.Close, {
-					"data-slot": "drawer-close",
-					render: /* @__PURE__ */ jsx(Button, {
-						variant: "ghost",
-						className: "absolute top-2 right-2",
-						size: "icon-sm"
-					}),
-					children: [/* @__PURE__ */ jsx(CloseIcon, {}), /* @__PURE__ */ jsx("span", {
-						className: "sr-only",
-						children: "Close"
-					})]
-				})
-			]
-		})
-	})] });
+				children: [/* @__PURE__ */ jsx(CloseIcon, {}), /* @__PURE__ */ jsx("span", {
+					className: "sr-only",
+					children: "Close"
+				})]
+			})
+		]
+	}) })] });
 }
 function DrawerHeader({ className, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
@@ -96,4 +99,4 @@ function DrawerDescription({ className, ...props }) {
 	});
 }
 //#endregion
-export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger };
+export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DrawerViewport };

package/dist/encrypted-text.d.ts

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

package/dist/form.d.ts

@@ -94,4 +94,4 @@ declare function fieldControlProps<TFieldValues extends FieldValues, TName exten
   onChange: (...event: any[]) => void;
 };
 //#endregion
-export { Form, FormActions, FormError, FormField, type FormFieldProps, type FormFieldRenderArgs, FormMessage, FormRoot, fieldControlProps, useForm, useWatch };
+export { Form, FormActions, type FormActionsProps, FormError, type FormErrorProps, FormField, type FormFieldProps, type FormFieldRenderArgs, FormMessage, type FormMessageProps, type FormProps, FormRoot, type FormRootProps, fieldControlProps, useForm, useWatch };

package/dist/infinite-scroll.d.ts

@@ -2,7 +2,7 @@ import * as React from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/infinite-scroll.d.ts
-type InfiniteScrollProps = {
+type InfiniteScrollProps = React.ComponentProps<"div"> & {
   onLoadMore: () => void;
   hasMore: boolean;
   isLoading?: boolean;
@@ -12,8 +12,6 @@ type InfiniteScrollProps = {
   threshold?: number;
   loader?: React.ReactNode;
   endMessage?: React.ReactNode;
-  className?: string;
-  children?: React.ReactNode;
 };
 declare function InfiniteScroll({
   onLoadMore,
@@ -26,7 +24,8 @@ declare function InfiniteScroll({
   loader,
   endMessage,
   className,
-  children
+  children,
+  ...props
 }: InfiniteScrollProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
-export { InfiniteScroll, type InfiniteScrollProps };
+export { InfiniteScroll, InfiniteScrollProps };

package/dist/infinite-scroll.js

@@ -4,7 +4,7 @@ import { Spinner } from "./spinner.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/infinite-scroll.tsx
-function InfiniteScroll({ onLoadMore, hasMore, isLoading = false, direction = "down", root, rootMargin = "200px", threshold = 0, loader, endMessage, className, children }) {
+function InfiniteScroll({ onLoadMore, hasMore, isLoading = false, direction = "down", root, rootMargin = "200px", threshold = 0, loader, endMessage, className, children, ...props }) {
 	const sentinelRef = React.useRef(null);
 	const onLoadMoreRef = React.useRef(onLoadMore);
 	React.useEffect(() => {
@@ -49,6 +49,7 @@ function InfiniteScroll({ onLoadMore, hasMore, isLoading = false, direction = "d
 		className: "h-px"
 	});
 	return /* @__PURE__ */ jsxs("div", {
+		...props,
 		"data-slot": "infinite-scroll",
 		"aria-busy": isLoading,
 		className: cn("flex flex-col", className),

package/dist/input-group.d.ts

@@ -18,7 +18,7 @@ declare function InputGroup({
   ...props
 }: InputGroupProps): _$react_jsx_runtime0.JSX.Element;
 declare const inputGroupAddonVariants: (props?: ({
-  align?: "inline-start" | "inline-end" | "block-start" | "block-end" | null | undefined;
+  align?: "inline-end" | "inline-start" | "block-end" | "block-start" | null | undefined;
 } & _$class_variance_authority_types0.ClassProp) | undefined) => string;
 declare function InputGroupAddon({
   className,
@@ -26,7 +26,7 @@ declare function InputGroupAddon({
   ...props
 }: InputGroupAddonProps): _$react_jsx_runtime0.JSX.Element;
 declare const inputGroupButtonVariants: (props?: ({
-  size?: "xs" | "sm" | "icon-xs" | "icon-sm" | null | undefined;
+  size?: "sm" | "xs" | "icon-xs" | "icon-sm" | null | undefined;
 } & _$class_variance_authority_types0.ClassProp) | undefined) => string;
 declare function InputGroupButton({
   className,
@@ -48,4 +48,4 @@ declare function InputGroupTextarea({
   ...props
 }: InputGroupTextareaProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
-export { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea };
+export { InputGroup, InputGroupAddon, InputGroupAddonProps, InputGroupButton, InputGroupButtonProps, InputGroupInput, InputGroupInputProps, InputGroupProps, InputGroupText, InputGroupTextProps, InputGroupTextarea, InputGroupTextareaProps, inputGroupAddonVariants, inputGroupButtonVariants };

package/dist/input-group.js

@@ -11,7 +11,7 @@ function InputGroup({ className, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
 		"data-slot": "input-group",
 		role: "group",
-		className: cn("border-edge dark:bg-edge/30 has-[[data-slot=input-group-control]:focus-visible]:border-focus has-[[data-slot=input-group-control]:focus-visible]:ring-focus/50 has-[[data-slot][aria-invalid=true]]:ring-destructive/20 has-[[data-slot][aria-invalid=true]]:border-destructive dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40 has-disabled:bg-edge/50 dark:has-disabled:bg-edge/80 group/input-group relative flex h-8 w-full min-w-0 items-center rounded-md border transition-colors outline-none in-data-[slot=combobox-content]:focus-within:border-inherit in-data-[slot=combobox-content]:focus-within:ring-0 has-disabled:pointer-events-none has-disabled:cursor-not-allowed has-disabled:opacity-50 not-has-disabled:has-[[data-slot=input-group-control]:focus-visible]:ring-3 has-[[data-slot][aria-invalid=true]]:ring-3 has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>textarea]:h-auto has-[>[data-align=block-end]]:[&>input]:pt-3 has-[>[data-align=block-start]]:[&>input]:pb-3 has-[>[data-align=inline-end]]:[&>input]:pr-1.5 has-[>[data-align=inline-start]]:[&>input]:pl-1.5", className),
+		className: cn("border-edge dark:bg-edge/30 has-[[data-slot=input-group-control]:focus-visible]:border-focus has-[[data-slot=input-group-control]:focus-visible]:ring-focus/50 has-[[data-slot][aria-invalid=true]]:ring-destructive/20 has-[[data-slot][aria-invalid=true]]:border-destructive dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40 has-disabled:bg-edge/50 dark:has-disabled:bg-edge/80 group/input-group relative flex h-8 w-full min-w-0 items-center rounded-md border transition-colors outline-hidden in-data-[slot=combobox-content]:focus-within:border-inherit in-data-[slot=combobox-content]:focus-within:ring-0 has-disabled:pointer-events-none has-disabled:cursor-not-allowed has-disabled:opacity-50 not-has-disabled:has-[[data-slot=input-group-control]:focus-visible]:ring-3 has-[[data-slot][aria-invalid=true]]:ring-3 has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>textarea]:h-auto has-[>[data-align=block-end]]:[&>input]:pt-3 has-[>[data-align=block-start]]:[&>input]:pb-3 has-[>[data-align=inline-end]]:[&>input]:pr-1.5 has-[>[data-align=inline-start]]:[&>input]:pl-1.5", className),
 		...props
 	});
 }
@@ -40,7 +40,7 @@ function InputGroupAddon({ className, align = "inline-start", ...props }) {
 const inputGroupButtonVariants = cva("gap-2 text-sm shadow-none flex items-center", {
 	variants: { size: {
 		xs: "h-6 gap-1 rounded-sm px-1.5 [&>svg:not([class*='size-'])]:size-3.5",
-		sm: "",
+		sm: "h-7 gap-1.5 rounded-sm px-2 [&>svg:not([class*='size-'])]:size-4",
 		"icon-xs": "size-6 rounded-sm p-0",
 		"icon-sm": "size-8 p-0"
 	} },
@@ -77,4 +77,4 @@ function InputGroupTextarea({ className, ...props }) {
 	});
 }
 //#endregion
-export { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea };
+export { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, inputGroupAddonVariants, inputGroupButtonVariants };

package/dist/input-otp.d.ts

@@ -30,4 +30,4 @@ declare function InputOTPSeparator({
   ...props
 }: InputOTPSeparatorProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
-export { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot };
+export { InputOTP, InputOTPGroup, InputOTPGroupProps, InputOTPProps, InputOTPSeparator, InputOTPSeparatorProps, InputOTPSlot, InputOTPSlotProps };

package/dist/input-otp.js

@@ -26,7 +26,7 @@ function InputOTPSlot({ index, className, ...props }) {
 	return /* @__PURE__ */ jsxs("div", {
 		"data-slot": "input-otp-slot",
 		"data-active": isActive || void 0,
-		className: cn("border-edge dark:bg-edge/30 relative flex size-9 items-center justify-center border-y border-r text-sm motion-color outline-none first:rounded-l-md first:border-l last:rounded-r-md", "data-active:border-focus data-active:ring-3 data-active:ring-focus/50 data-active:z-10", "group-has-aria-invalid/input-otp:border-destructive group-has-aria-invalid/input-otp:data-active:ring-3 group-has-aria-invalid/input-otp:data-active:ring-destructive/20 dark:group-has-aria-invalid/input-otp:data-active:ring-destructive/40", className),
+		className: cn("border-edge dark:bg-edge/30 relative flex size-9 items-center justify-center border-y border-r text-sm motion-color outline-hidden first:rounded-l-md first:border-l last:rounded-r-md", "data-active:border-focus data-active:ring-3 data-active:ring-focus/50 data-active:z-10", "group-has-aria-invalid/input-otp:border-destructive group-has-aria-invalid/input-otp:data-active:ring-3 group-has-aria-invalid/input-otp:data-active:ring-destructive/20 dark:group-has-aria-invalid/input-otp:data-active:ring-destructive/40", className),
 		...props,
 		children: [char, hasFakeCaret && /* @__PURE__ */ jsx("div", {
 			className: "pointer-events-none absolute inset-0 flex items-center justify-center",

package/dist/input.d.ts

@@ -1,12 +1,13 @@
 import * as React from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { Input as Input$1 } from "@base-ui/react/input";
 
 //#region src/input.d.ts
-type InputProps = React.ComponentProps<"input">;
+type InputProps = React.ComponentProps<typeof Input$1>;
 declare function Input({
   className,
   type,
   ...props
 }: InputProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
-export { Input };
+export { Input, InputProps };

package/dist/input.js

@@ -7,7 +7,7 @@ function Input({ className, type, ...props }) {
 	return /* @__PURE__ */ jsx(Input$1, {
 		type,
 		"data-slot": "input",
-		className: cn("dark:bg-edge/30 border-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 disabled:bg-edge/50 dark:disabled:bg-edge/80 file:text-contrast placeholder:text-soft h-8 w-full min-w-0 rounded-md border bg-transparent px-2.5 py-1 text-base transition-colors outline-none file:inline-flex file:h-6 file:border-0 file:bg-transparent file:text-sm file:font-medium focus-visible:ring-3 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:ring-3 md:text-sm", className),
+		className: cn("dark:bg-edge/30 border-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 disabled:bg-edge/50 dark:disabled:bg-edge/80 file:text-contrast placeholder:text-soft h-8 w-full min-w-0 rounded-md border bg-transparent px-2.5 py-1 text-base transition-colors outline-hidden file:inline-flex file:h-6 file:border-0 file:bg-transparent file:text-sm file:font-medium focus-visible:ring-3 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:ring-3 md:text-sm", className),
 		...props
 	});
 }

package/dist/item.d.ts

@@ -8,7 +8,7 @@ import * as _$class_variance_authority_types0 from "class-variance-authority/typ
 //#region src/item.d.ts
 declare const itemVariants: (props?: ({
   variant?: "default" | "outline" | "muted" | null | undefined;
-  size?: "default" | "xs" | "sm" | null | undefined;
+  size?: "default" | "sm" | "xs" | null | undefined;
 } & _$class_variance_authority_types0.ClassProp) | undefined) => string;
 declare const itemMediaVariants: (props?: ({
   variant?: "default" | "icon" | "image" | null | undefined;
@@ -68,4 +68,4 @@ declare function ItemFooter({
   ...props
 }: ItemFooterProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
-export { Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle };
+export { Item, ItemActions, ItemActionsProps, ItemContent, ItemContentProps, ItemDescription, ItemDescriptionProps, ItemFooter, ItemFooterProps, ItemGroup, ItemGroupProps, ItemHeader, ItemHeaderProps, ItemMedia, ItemMediaProps, ItemProps, ItemSeparator, ItemSeparatorProps, ItemTitle, ItemTitleProps, itemMediaVariants, itemVariants };

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",
@@ -118,4 +118,4 @@ function ItemFooter({ className, ...props }) {
 	});
 }
 //#endregion
-export { Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle };
+export { Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, itemMediaVariants, itemVariants };

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

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

package/dist/label.d.ts

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

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;

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,

package/dist/masonry.d.ts

@@ -27,4 +27,4 @@ declare function MasonryItem({
   ...props
 }: MasonryItemProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
-export { Masonry, MasonryItem };
+export { Masonry, MasonryItem, MasonryItemProps, MasonryProps };

package/dist/menu.d.ts

@@ -101,4 +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 };
+export { Menu, MenuCheckboxItem, MenuCheckboxItemProps, MenuContent, MenuContentProps, MenuGroup, MenuGroupProps, MenuItem, MenuItemProps, MenuLabel, MenuLabelProps, MenuPortal, MenuPortalProps, MenuProps, MenuRadioGroup, MenuRadioGroupProps, MenuRadioItem, MenuRadioItemProps, MenuSeparator, MenuSeparatorProps, MenuShortcut, MenuShortcutProps, MenuSub, MenuSubContent, MenuSubContentProps, MenuSubProps, MenuSubTrigger, MenuSubTriggerProps, MenuTrigger, MenuTriggerProps, type RestoreFocusOnClose };

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

package/dist/menubar.d.ts

@@ -74,4 +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 };
+export { Menubar, MenubarCheckboxItem, MenubarCheckboxItemProps, MenubarContent, MenubarContentProps, MenubarGroup, MenubarGroupProps, MenubarItem, MenubarItemProps, MenubarLabel, MenubarLabelProps, MenubarMenu, MenubarMenuProps, MenubarPortal, MenubarPortalProps, MenubarProps, MenubarRadioGroup, MenubarRadioGroupProps, MenubarRadioItem, MenubarRadioItemProps, MenubarSeparator, MenubarSeparatorProps, MenubarShortcut, MenubarShortcutProps, MenubarSub, MenubarSubContent, MenubarSubContentProps, MenubarSubProps, MenubarSubTrigger, MenubarSubTriggerProps, MenubarTrigger, MenubarTriggerProps };

package/dist/pagination.d.ts

@@ -48,4 +48,4 @@ declare function PaginationEllipsis({
   ...props
 }: PaginationEllipsisProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
-export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious };
+export { Pagination, PaginationContent, PaginationContentProps, PaginationEllipsis, PaginationEllipsisProps, PaginationItem, PaginationItemProps, PaginationLink, PaginationLinkProps, PaginationNext, PaginationNextProps, PaginationPrevious, PaginationPreviousProps, PaginationProps };

package/dist/popover.d.ts

@@ -20,6 +20,12 @@ type PopoverContentProps = React.ComponentProps<typeof Popover$1.Popup> & Pick<R
    * close doesn't keep it pinned visible. See {@link RestoreFocusOnClose}.
    */
   restoreFocusOnClose?: RestoreFocusOnClose;
+  /**
+   * Escape hatch to style the underlying Positioner (the anchored
+   * wrapper), e.g. to override its `z-index` or width constraints.
+   * Applied alongside the default `isolate z-50`.
+   */
+  positionerClassName?: string;
 };
 declare function Popover({
   ...props
@@ -40,6 +46,7 @@ declare function PopoverBackdrop({
 }: PopoverBackdropProps): _$react_jsx_runtime0.JSX.Element;
 declare function PopoverContent({
   className,
+  positionerClassName,
   align,
   alignOffset,
   side,
@@ -62,4 +69,4 @@ declare function PopoverDescription({
   ...props
 }: PopoverDescriptionProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
-export { Popover, PopoverBackdrop, PopoverContent, PopoverDescription, PopoverHeader, PopoverPortal, PopoverPositioner, PopoverTitle, PopoverTrigger };
+export { Popover, PopoverBackdrop, PopoverBackdropProps, PopoverContent, PopoverContentProps, PopoverDescription, PopoverDescriptionProps, PopoverHeader, PopoverHeaderProps, PopoverPortal, PopoverPortalProps, PopoverPositioner, PopoverPositionerProps, PopoverProps, PopoverTitle, PopoverTitleProps, PopoverTrigger, PopoverTriggerProps, type RestoreFocusOnClose };

package/dist/popover.js

@@ -37,14 +37,14 @@ function PopoverBackdrop({ className, ...props }) {
 		...props
 	});
 }
-function PopoverContent({ className, align = "center", alignOffset = 0, side = "bottom", sideOffset = 4, anchor, restoreFocusOnClose, finalFocus, ...props }) {
+function PopoverContent({ className, positionerClassName, align = "center", alignOffset = 0, side = "bottom", sideOffset = 4, anchor, restoreFocusOnClose, finalFocus, ...props }) {
 	return /* @__PURE__ */ jsx(PopoverPortal, { children: /* @__PURE__ */ jsx(PopoverPositioner, {
 		anchor,
 		align,
 		alignOffset,
 		side,
 		sideOffset,
-		className: "isolate z-50",
+		className: cn("isolate z-50", positionerClassName),
 		children: /* @__PURE__ */ jsx(Popover$1.Popup, {
 			"data-slot": "popover-content",
 			className: cn("motion-pop-md bg-elevated text-contrast ring-contrast/10 z-50 flex w-72 origin-(--transform-origin) flex-col gap-2.5 rounded-md p-2.5 text-sm shadow-md ring-1 outline-hidden", className),

package/dist/preview-card.d.ts

@@ -8,7 +8,9 @@ type PreviewCardTriggerProps = React.ComponentProps<typeof PreviewCard$1.Trigger
 type PreviewCardPortalProps = React.ComponentProps<typeof PreviewCard$1.Portal>;
 type PreviewCardPositionerProps = React.ComponentProps<typeof PreviewCard$1.Positioner>;
 type PreviewCardPopupProps = React.ComponentProps<typeof PreviewCard$1.Popup>;
-type PreviewCardContentProps = PreviewCardPopupProps & Pick<PreviewCardPositionerProps, "align" | "alignOffset" | "side" | "sideOffset" | "anchor">;
+type PreviewCardContentProps = PreviewCardPopupProps & Pick<PreviewCardPositionerProps, "align" | "alignOffset" | "side" | "sideOffset" | "anchor"> & {
+  positionerClassName?: string;
+};
 declare function PreviewCard({
   ...props
 }: PreviewCardProps): _$react_jsx_runtime0.JSX.Element;
@@ -24,6 +26,7 @@ declare function PreviewCardPositioner({
 }: PreviewCardPositionerProps): _$react_jsx_runtime0.JSX.Element;
 declare function PreviewCardContent({
   className,
+  positionerClassName,
   side,
   sideOffset,
   align,
@@ -32,4 +35,4 @@ declare function PreviewCardContent({
   ...props
 }: PreviewCardContentProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
-export { PreviewCard, PreviewCardContent, PreviewCardPortal, PreviewCardPositioner, PreviewCardTrigger };
+export { PreviewCard, PreviewCardContent, PreviewCardContentProps, PreviewCardPortal, PreviewCardPortalProps, PreviewCardPositioner, PreviewCardPositionerProps, PreviewCardProps, PreviewCardTrigger, PreviewCardTriggerProps };

package/dist/preview-card.js

@@ -29,14 +29,14 @@ function PreviewCardPositioner({ className, ...props }) {
 		...props
 	});
 }
-function PreviewCardContent({ className, side = "bottom", sideOffset = 4, align = "center", alignOffset = 0, anchor, ...props }) {
+function PreviewCardContent({ className, positionerClassName, side = "bottom", sideOffset = 4, align = "center", alignOffset = 0, anchor, ...props }) {
 	return /* @__PURE__ */ jsx(PreviewCardPortal, { children: /* @__PURE__ */ jsx(PreviewCardPositioner, {
 		anchor,
 		align,
 		alignOffset,
 		side,
 		sideOffset,
-		className: "isolate z-50",
+		className: cn("isolate z-50", positionerClassName),
 		children: /* @__PURE__ */ jsx(PreviewCard$1.Popup, {
 			"data-slot": "preview-card-content",
 			className: cn("motion-pop-md bg-elevated text-contrast ring-contrast/10 z-50 w-64 origin-(--transform-origin) rounded-md p-2.5 text-sm shadow-md ring-1 outline-hidden", className),

package/dist/progress.d.ts

@@ -31,4 +31,4 @@ declare function ProgressValue({
   ...props
 }: ProgressValueProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
-export { Progress, ProgressIndicator, ProgressLabel, ProgressTrack, ProgressValue };
+export { Progress, ProgressIndicator, ProgressIndicatorProps, ProgressLabel, ProgressLabelProps, ProgressProps, ProgressTrack, ProgressTrackProps, ProgressValue, ProgressValueProps };

package/dist/progress.js

@@ -4,11 +4,11 @@ import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Progress as Progress$1 } from "@base-ui/react/progress";
 //#region src/progress.tsx
-function Progress({ className, children, value, ...props }) {
+function Progress({ className, children, value = null, ...props }) {
 	return /* @__PURE__ */ jsxs(Progress$1.Root, {
 		value,
 		"data-slot": "progress",
-		className: cn("flex flex-wrap gap-3", className),
+		className: cn("group/progress flex flex-wrap gap-3", className),
 		...props,
 		children: [children, /* @__PURE__ */ jsx(ProgressTrack, { children: /* @__PURE__ */ jsx(ProgressIndicator, {}) })]
 	});
@@ -23,7 +23,7 @@ function ProgressTrack({ className, ...props }) {
 function ProgressIndicator({ className, ...props }) {
 	return /* @__PURE__ */ jsx(Progress$1.Indicator, {
 		"data-slot": "progress-indicator",
-		className: cn("bg-primary h-full transition-[width]", className),
+		className: cn("bg-primary h-full transition-[width]", "group-data-indeterminate/progress:w-2/5 group-data-indeterminate/progress:animate-pulse", className),
 		...props
 	});
 }

package/dist/radio-group.d.ts

@@ -14,4 +14,4 @@ declare function RadioGroupItem({
   ...props
 }: RadioGroupItemProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
-export { RadioGroup, RadioGroupItem };
+export { RadioGroup, RadioGroupItem, RadioGroupItemProps, RadioGroupProps };

package/dist/radio.d.ts

@@ -14,4 +14,4 @@ declare function RadioIndicator({
   ...props
 }: RadioIndicatorProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
-export { Radio, RadioIndicator };
+export { Radio, RadioIndicator, RadioIndicatorProps, RadioProps };

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

package/dist/scroll-area.d.ts

@@ -16,4 +16,4 @@ declare function ScrollBar({
   ...props
 }: ScrollBarProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
-export { ScrollArea, ScrollBar };
+export { ScrollArea, ScrollAreaProps, ScrollBar, ScrollBarProps };

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

package/dist/select.d.ts

@@ -80,4 +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 };
+export { Select, SelectContent, SelectContentProps, SelectGroup, SelectGroupProps, SelectItem, SelectItemProps, SelectLabel, SelectLabelProps, SelectList, SelectListProps, SelectPortal, SelectPortalProps, SelectPositioner, SelectPositionerProps, SelectProps, SelectScrollDownButton, SelectScrollDownButtonProps, SelectScrollUpButton, SelectScrollUpButtonProps, SelectSeparator, SelectSeparatorProps, SelectTrigger, SelectTriggerProps, SelectValue, SelectValueProps };

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",

package/dist/separator.d.ts

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