@waveso/ui 0.8.1 → 0.9.1

package/dist/direction.d.ts

@@ -1,2 +1,7 @@
+import * as React from "react";
 import { DirectionProvider, useDirection } from "@base-ui/react/direction-provider";
-export { DirectionProvider, useDirection };
+
+//#region src/direction.d.ts
+type DirectionProviderProps = React.ComponentProps<typeof DirectionProvider>;
+//#endregion
+export { DirectionProvider, type DirectionProviderProps, useDirection };

package/dist/drawer.d.ts

@@ -1,5 +1,5 @@
-import * as React from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import * as React from "react";
 import { Drawer as Drawer$1 } from "@base-ui/react/drawer";
 
 //#region src/drawer.d.ts
@@ -8,6 +8,7 @@ type DrawerTriggerProps = React.ComponentProps<typeof Drawer$1.Trigger>;
 type DrawerPortalProps = React.ComponentProps<typeof Drawer$1.Portal>;
 type DrawerCloseProps = React.ComponentProps<typeof Drawer$1.Close>;
 type DrawerOverlayProps = React.ComponentProps<typeof Drawer$1.Backdrop>;
+type DrawerViewportProps = React.ComponentProps<typeof Drawer$1.Viewport>;
 type DrawerPopupProps = React.ComponentProps<typeof Drawer$1.Popup>;
 type DrawerTitleProps = React.ComponentProps<typeof Drawer$1.Title>;
 type DrawerDescriptionProps = React.ComponentProps<typeof Drawer$1.Description>;
@@ -32,6 +33,10 @@ declare function DrawerOverlay({
   className,
   ...props
 }: DrawerOverlayProps): _$react_jsx_runtime0.JSX.Element;
+declare function DrawerViewport({
+  className,
+  ...props
+}: DrawerViewportProps): _$react_jsx_runtime0.JSX.Element;
 declare function DrawerContent({
   className,
   children,
@@ -55,4 +60,4 @@ declare function DrawerDescription({
   ...props
 }: DrawerDescriptionProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
-export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger };
+export { Drawer, DrawerClose, type DrawerCloseProps, DrawerContent, type DrawerContentProps, DrawerDescription, type DrawerDescriptionProps, DrawerFooter, type DrawerFooterProps, DrawerHeader, type DrawerHeaderProps, DrawerOverlay, type DrawerOverlayProps, type DrawerPopupProps, DrawerPortal, type DrawerPortalProps, type DrawerProps, DrawerTitle, type DrawerTitleProps, DrawerTrigger, type DrawerTriggerProps, DrawerViewport, type DrawerViewportProps };

package/dist/drawer.js

@@ -2,7 +2,6 @@
 import { cn } from "./lib/utils.js";
 import { CloseIcon } from "./lib/internal-icons.js";
 import { Button } from "./button.js";
-import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Drawer as Drawer$1 } from "@base-ui/react/drawer";
 //#region src/drawer.tsx
@@ -37,35 +36,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-hidden",
-		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"
+		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 +98,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

@@ -1,5 +1,5 @@
-import * as React from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import * as React from "react";
 
 //#region src/encrypted-text.d.ts
 type EncryptedTextProps = React.ComponentProps<"span"> & {
@@ -25,4 +25,4 @@ declare function EncryptedText({
   ...props
 }: EncryptedTextProps): _$react_jsx_runtime0.JSX.Element | null;
 //#endregion
-export { EncryptedText };
+export { EncryptedText, type EncryptedTextProps };

package/dist/encrypted-text.js

@@ -1,7 +1,7 @@
 "use client";
 import { cn } from "./lib/utils.js";
-import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
 import { useReducedMotion } from "motion/react";
 //#region src/encrypted-text.tsx
 const DEFAULT_CHARSET = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789!@#$%^&*()_+-={}[];:,.<>/?";

package/dist/field.d.ts

@@ -1,5 +1,5 @@
-import * as React from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import * as React from "react";
 import { Field as FieldPrimitive } from "@base-ui/react/field";
 import * as _$_base_ui_react0 from "@base-ui/react";
 
@@ -37,4 +37,4 @@ declare function FieldError({
 }: FieldErrorProps): _$react_jsx_runtime0.JSX.Element;
 declare const FieldValidity: React.FC<_$_base_ui_react0.FieldValidityProps>;
 //#endregion
-export { Field, FieldControl, FieldControlProps, FieldDescription, FieldDescriptionProps, FieldError, FieldErrorProps, FieldItem, FieldItemProps, FieldLabel, FieldLabelProps, FieldPrimitive, FieldProps, FieldValidity, FieldValidityProps };
+export { Field, FieldControl, type FieldControlProps, FieldDescription, type FieldDescriptionProps, FieldError, type FieldErrorProps, FieldItem, type FieldItemProps, FieldLabel, type FieldLabelProps, FieldPrimitive, type FieldProps, FieldValidity, type FieldValidityProps };

package/dist/field.js

@@ -1,6 +1,5 @@
 "use client";
 import { cn } from "./lib/utils.js";
-import "react";
 import { jsx } from "react/jsx-runtime";
 import { Field as FieldPrimitive } from "@base-ui/react/field";
 //#region src/field.tsx

package/dist/film-grain.d.ts

@@ -1,5 +1,5 @@
-import * as React from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import * as React from "react";
 
 //#region src/film-grain.d.ts
 interface FilmGrainProps {

package/dist/film-grain.js

@@ -1,7 +1,6 @@
 "use client";
 import { cn } from "./lib/utils.js";
 import { useFilmGrain } from "./film-grain-webgl.js";
-import "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/film-grain.tsx
 function FilmGrain({ density = .6, opacity = .08, blendMode = "overlay", fps = 18, color = "#ffffff", className, style }) {

package/dist/form.d.ts

@@ -1,6 +1,6 @@
 import { Field } from "./field.js";
-import * as React from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import * as React from "react";
 import * as _$react_hook_form0 from "react-hook-form";
 import { ControllerFieldState, ControllerRenderProps, FieldPath, FieldValues, RegisterOptions, SubmitHandler, UseFormReturn, useForm, useWatch } from "react-hook-form";
 
@@ -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/form.js

@@ -1,8 +1,8 @@
 "use client";
 import { cn } from "./lib/utils.js";
 import { Field, FieldDescription, FieldError, FieldLabel } from "./field.js";
-import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
 import { Controller, FormProvider, useForm, useFormContext, useWatch } from "react-hook-form";
 //#region src/form.tsx
 function Form({ form, onSubmit, ...props }) {

package/dist/gradient-reveal-text.js

@@ -1,7 +1,7 @@
 "use client";
 import { cn } from "./lib/utils.js";
-import { useCallback, useEffect, useId, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useId, useRef, useState } from "react";
 //#region src/gradient-reveal-text.tsx
 const DEFAULT_COLORS = [
 	"#eab308",
@@ -80,7 +80,7 @@ function GradientRevealText({ text, duration = 0, colors = DEFAULT_COLORS, baseO
 			requestFollow.current = () => {};
 			return;
 		}
-		const speed = 1 - Math.pow(.001, 1 / (duration * 60));
+		const speed = 1 - .001 ** (1 / (duration * 60));
 		const EPSILON = 5e-4;
 		const tick = () => {
 			const cur = currentPos.current;

package/dist/infinite-scroll.d.ts

@@ -1,8 +1,8 @@
-import * as React from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import * as React from "react";
 
 //#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 };

package/dist/infinite-scroll.js

@@ -1,10 +1,10 @@
 "use client";
 import { cn } from "./lib/utils.js";
 import { Spinner } from "./spinner.js";
-import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
 //#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

@@ -1,6 +1,6 @@
 import { Button } from "./button.js";
-import * as React from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import * as React from "react";
 import { VariantProps } from "class-variance-authority";
 import * as _$class_variance_authority_types0 from "class-variance-authority/types";
 
@@ -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, type InputGroupAddonProps, InputGroupButton, type InputGroupButtonProps, InputGroupInput, type InputGroupInputProps, type InputGroupProps, InputGroupText, type InputGroupTextProps, InputGroupTextarea, type InputGroupTextareaProps, inputGroupAddonVariants, inputGroupButtonVariants };

package/dist/input-group.js

@@ -3,7 +3,6 @@ import { cn } from "./lib/utils.js";
 import { Button } from "./button.js";
 import { Input } from "./input.js";
 import { Textarea } from "./textarea.js";
-import "react";
 import { jsx } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
 //#region src/input-group.tsx
@@ -77,4 +76,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

@@ -1,5 +1,5 @@
-import * as React from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import * as React from "react";
 import { OTPInput } from "input-otp";
 
 //#region src/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, type InputOTPGroupProps, type InputOTPProps, InputOTPSeparator, type InputOTPSeparatorProps, InputOTPSlot, type InputOTPSlotProps };

package/dist/input-otp.js

@@ -1,8 +1,8 @@
 "use client";
 import { cn } from "./lib/utils.js";
 import { MinusIcon } from "./lib/internal-icons.js";
-import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
 import { OTPInput, OTPInputContext } from "input-otp";
 //#region src/input-otp.tsx
 function InputOTP({ className, containerClassName, ...props }) {
@@ -38,7 +38,7 @@ function InputOTPSeparator({ className, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
 		"data-slot": "input-otp-separator",
 		className: cn("flex items-center [&_svg:not([class*='size-'])]:size-4", className),
-		role: "separator",
+		"aria-hidden": "true",
 		...props,
 		children: /* @__PURE__ */ jsx(MinusIcon, {})
 	});

package/dist/input.d.ts

@@ -1,12 +1,13 @@
-import * as React from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import * as React from "react";
+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, type InputProps };

package/dist/input.js

@@ -1,5 +1,4 @@
 import { cn } from "./lib/utils.js";
-import "react";
 import { jsx } from "react/jsx-runtime";
 import { Input as Input$1 } from "@base-ui/react/input";
 //#region src/input.tsx

package/dist/item.d.ts

@@ -1,6 +1,6 @@
 import { Separator } from "./separator.js";
-import * as React from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import * as React from "react";
 import { VariantProps } from "class-variance-authority";
 import { useRender } from "@base-ui/react/use-render";
 import * as _$class_variance_authority_types0 from "class-variance-authority/types";
@@ -8,10 +8,10 @@ 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" | "image" | "icon" | null | undefined;
+  variant?: "default" | "icon" | "image" | null | undefined;
 } & _$class_variance_authority_types0.ClassProp) | undefined) => string;
 type ItemGroupProps = React.ComponentProps<"div">;
 type ItemSeparatorProps = React.ComponentProps<typeof Separator>;
@@ -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, type ItemActionsProps, ItemContent, type ItemContentProps, ItemDescription, type ItemDescriptionProps, ItemFooter, type ItemFooterProps, ItemGroup, type ItemGroupProps, ItemHeader, type ItemHeaderProps, ItemMedia, type ItemMediaProps, type ItemProps, ItemSeparator, type ItemSeparatorProps, ItemTitle, type ItemTitleProps, itemMediaVariants, itemVariants };

package/dist/item.js

@@ -1,7 +1,6 @@
 "use client";
 import { cn } from "./lib/utils.js";
 import { Separator } from "./separator.js";
-import "react";
 import { jsx } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
 import { mergeProps } from "@base-ui/react/merge-props";
@@ -118,4 +117,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,5 +1,5 @@
-import * as React from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import * as React from "react";
 
 //#region src/kbd.d.ts
 type KbdProps = React.ComponentProps<"kbd">;

package/dist/kbd.js

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

@@ -1,5 +1,5 @@
-import * as React from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import * as React from "react";
 
 //#region src/label.d.ts
 type LabelProps = React.ComponentProps<"label">;
@@ -8,4 +8,4 @@ declare function Label({
   ...props
 }: LabelProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
-export { Label };
+export { Label, type LabelProps };

package/dist/label.js

@@ -1,5 +1,4 @@
 import { cn } from "./lib/utils.js";
-import "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/label.tsx
 function Label({ className, ...props }) {

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

@@ -1,5 +1,5 @@
-import * as React from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import * as React from "react";
 
 //#region src/lib/internal-icons.d.ts
 type IconProps = React.SVGProps<SVGSVGElement>;

package/dist/lib/internal-icons.js

@@ -1,4 +1,3 @@
-import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/lib/internal-icons.tsx
 const SVG_BASE = {

package/dist/masonry.d.ts

@@ -1,5 +1,5 @@
-import * as React from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import * as React from "react";
 import { HTMLMotionProps } from "motion/react";
 
 //#region src/masonry.d.ts
@@ -27,4 +27,4 @@ declare function MasonryItem({
   ...props
 }: MasonryItemProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
-export { Masonry, MasonryItem };
+export { Masonry, MasonryItem, type MasonryItemProps, type MasonryProps };

package/dist/masonry.js

@@ -1,8 +1,8 @@
 "use client";
 import { cn } from "./lib/utils.js";
 import { StarIcon } from "./lib/internal-icons.js";
-import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
 import { AnimatePresence, motion, useReducedMotion } from "motion/react";
 //#region src/masonry.tsx
 const STAGGER_STEP = .05;

package/dist/menu.d.ts

@@ -1,6 +1,6 @@
 import { RestoreFocusOnClose } from "./lib/focus.js";
-import * as React from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import * as React from "react";
 import { Menu as Menu$1 } from "@base-ui/react/menu";
 
 //#region src/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, type MenuCheckboxItemProps, MenuContent, type MenuContentProps, MenuGroup, type MenuGroupProps, MenuItem, type MenuItemProps, MenuLabel, type MenuLabelProps, MenuPortal, type MenuPortalProps, type MenuProps, MenuRadioGroup, type MenuRadioGroupProps, MenuRadioItem, type MenuRadioItemProps, MenuSeparator, type MenuSeparatorProps, MenuShortcut, type MenuShortcutProps, MenuSub, MenuSubContent, type MenuSubContentProps, type MenuSubProps, MenuSubTrigger, type MenuSubTriggerProps, MenuTrigger, type MenuTriggerProps, type RestoreFocusOnClose };

package/dist/menu.js

@@ -2,7 +2,6 @@
 import { cn } from "./lib/utils.js";
 import { CheckIcon, ChevronRightIcon } from "./lib/internal-icons.js";
 import { resolveFinalFocus } from "./lib/focus.js";
-import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Menu as Menu$1 } from "@base-ui/react/menu";
 //#region src/menu.tsx

package/dist/menubar.d.ts

@@ -1,6 +1,6 @@
 import { Menu, MenuCheckboxItem, MenuContent, MenuGroup, MenuItem, MenuLabel, MenuPortal, MenuRadioGroup, MenuRadioItem, MenuSeparator, MenuShortcut, MenuSub, MenuSubContent, MenuSubTrigger, MenuTrigger } from "./menu.js";
-import * as React from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import * as React from "react";
 import { Menubar as Menubar$1 } from "@base-ui/react/menubar";
 
 //#region src/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, type MenubarCheckboxItemProps, MenubarContent, type MenubarContentProps, MenubarGroup, type MenubarGroupProps, MenubarItem, type MenubarItemProps, MenubarLabel, type MenubarLabelProps, MenubarMenu, type MenubarMenuProps, MenubarPortal, type MenubarPortalProps, type MenubarProps, MenubarRadioGroup, type MenubarRadioGroupProps, MenubarRadioItem, type MenubarRadioItemProps, MenubarSeparator, type MenubarSeparatorProps, MenubarShortcut, type MenubarShortcutProps, MenubarSub, MenubarSubContent, type MenubarSubContentProps, type MenubarSubProps, MenubarSubTrigger, type MenubarSubTriggerProps, MenubarTrigger, type MenubarTriggerProps };

package/dist/menubar.js

@@ -1,7 +1,6 @@
 "use client";
 import { cn } from "./lib/utils.js";
 import { Menu, MenuCheckboxItem, MenuContent, MenuGroup, MenuItem, MenuLabel, MenuPortal, MenuRadioGroup, MenuRadioItem, MenuSeparator, MenuShortcut, MenuSub, MenuSubContent, MenuSubTrigger, MenuTrigger } from "./menu.js";
-import "react";
 import { jsx } from "react/jsx-runtime";
 import { Menubar as Menubar$1 } from "@base-ui/react/menubar";
 //#region src/menubar.tsx

package/dist/pagination.d.ts

@@ -1,6 +1,6 @@
 import { Button } from "./button.js";
-import * as React from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import * as React from "react";
 
 //#region src/pagination.d.ts
 type PaginationProps = React.ComponentProps<"nav">;
@@ -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, type PaginationContentProps, PaginationEllipsis, type PaginationEllipsisProps, PaginationItem, type PaginationItemProps, PaginationLink, type PaginationLinkProps, PaginationNext, type PaginationNextProps, PaginationPrevious, type PaginationPreviousProps, type PaginationProps };

package/dist/pagination.js

@@ -1,12 +1,10 @@
 import { cn } from "./lib/utils.js";
 import { ChevronLeftIcon, ChevronRightIcon, EllipsisIcon } from "./lib/internal-icons.js";
 import { Button } from "./button.js";
-import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/pagination.tsx
 function Pagination({ className, ...props }) {
 	return /* @__PURE__ */ jsx("nav", {
-		role: "navigation",
 		"aria-label": "pagination",
 		"data-slot": "pagination",
 		className: cn("mx-auto flex w-full justify-center", className),

package/dist/popover.d.ts

@@ -1,6 +1,6 @@
 import { RestoreFocusOnClose } from "./lib/focus.js";
-import * as React from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import * as React from "react";
 import { Popover as Popover$1 } from "@base-ui/react/popover";
 
 //#region src/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, type PopoverBackdropProps, PopoverContent, type PopoverContentProps, PopoverDescription, type PopoverDescriptionProps, PopoverHeader, type PopoverHeaderProps, PopoverPortal, type PopoverPortalProps, PopoverPositioner, type PopoverPositionerProps, type PopoverProps, PopoverTitle, type PopoverTitleProps, PopoverTrigger, type PopoverTriggerProps, type RestoreFocusOnClose };