@waveso/ui 0.8.1 → 0.9.0

package/dist/accordion.d.ts

@@ -26,4 +26,4 @@ declare function AccordionContent({
   ...props
 }: AccordionContentProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger };
+export { Accordion, AccordionContent, AccordionContentProps, AccordionItem, AccordionItemProps, AccordionProps, AccordionTrigger, AccordionTriggerProps };

package/dist/action-bar.d.ts

@@ -24,7 +24,7 @@ interface ActionBarProviderProps {
    * users get) when guarded navigation is blocked.
    */
   blockedMessage?: string;
-  /** Additional className for the bar's outer wrapper. */
+  /** Additional className for the bar's inner content box (`data-slot="action-bar-content"`). */
   className?: string;
 }
 /**
@@ -38,6 +38,10 @@ interface ActionBarProviderProps {
  * - Navigation guard with Discord-style page jiggle
  * - `beforeunload` guard for browser close/refresh
  *
+ * @remarks
+ * Requires the optional `motion` peer dependency for its enter/exit
+ * transition. Install `motion` alongside `@waveso/ui` to use this component.
+ *
  * @example
  * ```tsx
  * // Root layout — once

package/dist/action-bar.js

@@ -35,6 +35,10 @@ const ActionBarContext = React.createContext(null);
 * - Navigation guard with Discord-style page jiggle
 * - `beforeunload` guard for browser close/refresh
 *
+* @remarks
+* Requires the optional `motion` peer dependency for its enter/exit
+* transition. Install `motion` alongside `@waveso/ui` to use this component.
+*
 * @example
 * ```tsx
 * // Root layout — once

package/dist/alert-dialog.d.ts

@@ -16,7 +16,7 @@ type AlertDialogFooterProps = React.ComponentProps<"div">;
 type AlertDialogMediaProps = React.ComponentProps<"div">;
 type AlertDialogTitleProps = React.ComponentProps<typeof AlertDialog$1.Title>;
 type AlertDialogDescriptionProps = React.ComponentProps<typeof AlertDialog$1.Description>;
-type AlertDialogActionProps = React.ComponentProps<typeof Button>;
+type AlertDialogActionProps = React.ComponentProps<typeof AlertDialog$1.Close> & Pick<React.ComponentProps<typeof Button>, "variant" | "size">;
 type AlertDialogCancelProps = React.ComponentProps<typeof AlertDialog$1.Close> & Pick<React.ComponentProps<typeof Button>, "variant" | "size">;
 declare function AlertDialog({
   ...props
@@ -58,6 +58,8 @@ declare function AlertDialogDescription({
 }: AlertDialogDescriptionProps): _$react_jsx_runtime0.JSX.Element;
 declare function AlertDialogAction({
   className,
+  variant,
+  size,
   ...props
 }: AlertDialogActionProps): _$react_jsx_runtime0.JSX.Element;
 declare function AlertDialogCancel({
@@ -67,4 +69,4 @@ declare function AlertDialogCancel({
   ...props
 }: AlertDialogCancelProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
-export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger };
+export { AlertDialog, AlertDialogAction, AlertDialogActionProps, AlertDialogCancel, AlertDialogCancelProps, AlertDialogContent, AlertDialogContentProps, AlertDialogDescription, AlertDialogDescriptionProps, AlertDialogFooter, AlertDialogFooterProps, AlertDialogHeader, AlertDialogHeaderProps, AlertDialogMedia, AlertDialogMediaProps, AlertDialogOverlay, AlertDialogOverlayProps, AlertDialogPortal, AlertDialogPortalProps, AlertDialogProps, AlertDialogTitle, AlertDialogTitleProps, AlertDialogTrigger, AlertDialogTriggerProps };

package/dist/alert-dialog.js

@@ -73,10 +73,14 @@ function AlertDialogDescription({ className, ...props }) {
 		...props
 	});
 }
-function AlertDialogAction({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Button, {
+function AlertDialogAction({ className, variant, size, ...props }) {
+	return /* @__PURE__ */ jsx(AlertDialog$1.Close, {
 		"data-slot": "alert-dialog-action",
 		className,
+		render: /* @__PURE__ */ jsx(Button, {
+			variant,
+			size
+		}),
 		...props
 	});
 }

package/dist/alert.d.ts

@@ -29,4 +29,4 @@ declare function AlertAction({
   ...props
 }: AlertActionProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
-export { Alert, AlertAction, AlertDescription, AlertTitle };
+export { Alert, AlertAction, AlertActionProps, AlertDescription, AlertDescriptionProps, AlertProps, AlertTitle, AlertTitleProps, alertVariants };

package/dist/alert.js

@@ -40,4 +40,4 @@ function AlertAction({ className, ...props }) {
 	});
 }
 //#endregion
-export { Alert, AlertAction, AlertDescription, AlertTitle };
+export { Alert, AlertAction, AlertDescription, AlertTitle, alertVariants };

package/dist/animate.d.ts

@@ -1,10 +1,20 @@
 import * as _$react from "react";
 import { ReactElement } from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
-import { Transition } from "motion/react";
 
 //#region src/animate.d.ts
 type Direction = "up" | "down" | "left" | "right";
+/**
+ * Transition override for the entrance components. Only the two fields that map
+ * cleanly onto a CSS transition are supported — `duration` (seconds) and `ease`
+ * (a CSS `<timing-function>` string, e.g. `"ease-out"` or `"cubic-bezier(…)"`).
+ * motion/react's full `Transition` type (springs, keyframe arrays, camelCase
+ * eases) would silently produce invalid CSS here, so it is intentionally narrowed.
+ */
+type AnimateTransition = {
+  duration?: number;
+  ease?: string;
+};
 interface AnimateOnViewProps {
   children: ReactElement;
   /** Delay in seconds before animation starts. Default: 0 */
@@ -26,7 +36,7 @@ interface AnimateOnViewProps {
   /** Trigger once or every time it enters view. Default: true */
   once?: boolean;
   /** Custom transition override */
-  transition?: Transition;
+  transition?: AnimateTransition;
 }
 interface AnimateInProps {
   children: ReactElement;
@@ -47,7 +57,7 @@ interface AnimateInProps {
   /** Spring easing with overshoot. Default: false */
   spring?: boolean;
   /** Custom transition override */
-  transition?: Transition;
+  transition?: AnimateTransition;
 }
 interface StaggerProps {
   children: ReactElement[];
@@ -189,4 +199,4 @@ declare function Float({
   paused
 }: FloatProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
-export { AnimateIn, type AnimateInProps, AnimateOnView, type AnimateOnViewProps, type Direction, Float, type FloatProps, Pulse, type PulseProps, Stagger, type StaggerProps };
+export { AnimateIn, type AnimateInProps, AnimateOnView, type AnimateOnViewProps, type AnimateTransition, type Direction, Float, type FloatProps, Pulse, type PulseProps, Stagger, type StaggerProps };

package/dist/autocomplete.d.ts

@@ -110,4 +110,4 @@ declare function AutocompleteContent({
   ...props
 }: AutocompleteContentProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
-export { Autocomplete, AutocompleteArrow, AutocompleteBackdrop, AutocompleteClear, AutocompleteCollection, AutocompleteContent, AutocompleteEmpty, AutocompleteGroup, AutocompleteGroupLabel, AutocompleteIcon, AutocompleteInput, AutocompleteItem, AutocompleteList, AutocompletePopup, AutocompletePortal, AutocompletePositioner, AutocompleteRow, AutocompleteSeparator, AutocompleteStatus, AutocompleteTrigger, AutocompleteValue };
+export { Autocomplete, AutocompleteArrow, AutocompleteArrowProps, AutocompleteBackdrop, AutocompleteBackdropProps, AutocompleteClear, AutocompleteClearProps, AutocompleteCollection, AutocompleteCollectionProps, AutocompleteContent, AutocompleteContentProps, AutocompleteEmpty, AutocompleteEmptyProps, AutocompleteGroup, AutocompleteGroupLabel, AutocompleteGroupLabelProps, AutocompleteGroupProps, AutocompleteIcon, AutocompleteIconProps, AutocompleteInput, AutocompleteInputProps, AutocompleteItem, AutocompleteItemProps, AutocompleteList, AutocompleteListProps, AutocompletePopup, AutocompletePopupProps, AutocompletePortal, AutocompletePortalProps, AutocompletePositioner, AutocompletePositionerProps, AutocompleteProps, AutocompleteRow, AutocompleteRowProps, AutocompleteSeparator, AutocompleteSeparatorProps, AutocompleteStatus, AutocompleteStatusProps, AutocompleteTrigger, AutocompleteTriggerProps, AutocompleteValue, AutocompleteValueProps };

package/dist/avatar.d.ts

@@ -37,4 +37,4 @@ declare function AvatarGroupCount({
   ...props
 }: AvatarGroupCountProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
-export { Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage };
+export { Avatar, AvatarBadge, AvatarBadgeProps, AvatarFallback, AvatarFallbackProps, AvatarGroup, AvatarGroupCount, AvatarGroupCountProps, AvatarGroupProps, AvatarImage, AvatarImageProps, AvatarProps };

package/dist/badge.d.ts

@@ -5,7 +5,7 @@ import * as _$class_variance_authority_types0 from "class-variance-authority/typ
 
 //#region src/badge.d.ts
 declare const badgeVariants: (props?: ({
-  variant?: "default" | "success" | "destructive" | "warning" | "secondary" | "outline" | "ghost" | "link" | null | undefined;
+  variant?: "default" | "destructive" | "link" | "outline" | "success" | "warning" | "secondary" | "ghost" | null | undefined;
 } & _$class_variance_authority_types0.ClassProp) | undefined) => string;
 type BadgeProps = useRender.ComponentProps<"span"> & VariantProps<typeof badgeVariants>;
 declare function Badge({
@@ -15,4 +15,4 @@ declare function Badge({
   ...props
 }: BadgeProps): _$react.ReactElement<unknown, string | _$react.JSXElementConstructor<any>>;
 //#endregion
-export { Badge, badgeVariants };
+export { Badge, BadgeProps, badgeVariants };

package/dist/breadcrumb.d.ts

@@ -40,4 +40,4 @@ declare function BreadcrumbEllipsis({
   ...props
 }: BreadcrumbEllipsisProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
-export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator };
+export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbEllipsisProps, BreadcrumbItem, BreadcrumbItemProps, BreadcrumbLink, BreadcrumbLinkProps, BreadcrumbList, BreadcrumbListProps, BreadcrumbPage, BreadcrumbPageProps, BreadcrumbProps, BreadcrumbSeparator, BreadcrumbSeparatorProps };

package/dist/button-group.d.ts

@@ -28,4 +28,4 @@ declare function ButtonGroupSeparator({
   ...props
 }: ButtonGroupSeparatorProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
-export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants };
+export { ButtonGroup, ButtonGroupProps, ButtonGroupSeparator, ButtonGroupSeparatorProps, ButtonGroupText, ButtonGroupTextProps, buttonGroupVariants };

package/dist/button.d.ts

@@ -6,8 +6,8 @@ import * as _$class_variance_authority_types0 from "class-variance-authority/typ
 
 //#region src/button.d.ts
 declare const buttonVariants: (props?: ({
-  variant?: "default" | "success" | "destructive" | "secondary" | "outline" | "ghost" | "link" | null | undefined;
-  size?: "default" | "xs" | "sm" | "lg" | "xl" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
+  variant?: "default" | "destructive" | "link" | "outline" | "success" | "secondary" | "ghost" | null | undefined;
+  size?: "default" | "icon" | "sm" | "xs" | "lg" | "xl" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
 } & _$class_variance_authority_types0.ClassProp) | undefined) => string;
 type ButtonProps = React.ComponentProps<typeof Button$1> & VariantProps<typeof buttonVariants>;
 declare function Button({
@@ -17,4 +17,4 @@ declare function Button({
   ...props
 }: ButtonProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
-export { Button, buttonVariants };
+export { Button, ButtonProps, buttonVariants };

package/dist/button.js

@@ -36,6 +36,8 @@ const buttonVariants = cva("cursor-clickable focus-visible:border-focus focus-vi
 function Button({ className, variant = "default", size = "default", ...props }) {
 	return /* @__PURE__ */ jsx(Button$1, {
 		"data-slot": "button",
+		"data-variant": variant,
+		"data-size": size,
 		nativeButton: props.render ? false : void 0,
 		className: cn(buttonVariants({
 			variant,

package/dist/card.d.ts

@@ -41,4 +41,4 @@ declare function CardFooter({
   ...props
 }: CardFooterProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
-export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };
+export { Card, CardAction, CardActionProps, CardContent, CardContentProps, CardDescription, CardDescriptionProps, CardFooter, CardFooterProps, CardHeader, CardHeaderProps, CardProps, CardTitle, CardTitleProps };

package/dist/checkbox.d.ts

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

package/dist/collapsible.d.ts

@@ -17,4 +17,4 @@ declare function CollapsibleContent({
   ...props
 }: CollapsibleContentProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
-export { Collapsible, CollapsibleContent, CollapsibleTrigger };
+export { Collapsible, CollapsibleContent, CollapsibleContentProps, CollapsibleProps, CollapsibleTrigger, CollapsibleTriggerProps };

package/dist/combobox.d.ts

@@ -7,7 +7,8 @@ type ComboboxProps = React.ComponentProps<typeof Combobox$1.Root>;
 type ComboboxValueProps = React.ComponentProps<typeof Combobox$1.Value>;
 type ComboboxTriggerProps = React.ComponentProps<typeof Combobox$1.Trigger>;
 type ComboboxClearProps = React.ComponentProps<typeof Combobox$1.Clear>;
-type ComboboxInputProps = React.ComponentProps<typeof Combobox$1.Input>;
+type ComboboxInputBaseProps = React.ComponentProps<typeof Combobox$1.Input>;
+type ComboboxPortalProps = React.ComponentProps<typeof Combobox$1.Portal>;
 type ComboboxPositionerProps = React.ComponentProps<typeof Combobox$1.Positioner>;
 type ComboboxPopupProps = React.ComponentProps<typeof Combobox$1.Popup>;
 type ComboboxListProps = React.ComponentProps<typeof Combobox$1.List>;
@@ -18,13 +19,13 @@ type ComboboxCollectionProps = React.ComponentProps<typeof Combobox$1.Collection
 type ComboboxEmptyProps = React.ComponentProps<typeof Combobox$1.Empty>;
 type ComboboxSeparatorProps = React.ComponentProps<typeof Combobox$1.Separator>;
 type ComboboxChipsProps = React.ComponentProps<typeof Combobox$1.Chips>;
-type ComboboxChipProps = React.ComponentProps<typeof Combobox$1.Chip>;
+type ComboboxChipBaseProps = React.ComponentProps<typeof Combobox$1.Chip>;
 type ComboboxChipsInputProps = React.ComponentProps<typeof Combobox$1.Input>;
-type ComboboxInputWrapperProps = ComboboxInputProps & {
+type ComboboxInputProps = ComboboxInputBaseProps & {
   showTrigger?: boolean;
   showClear?: boolean;
 };
-type ComboboxChipWrapperProps = ComboboxChipProps & {
+type ComboboxChipProps = ComboboxChipBaseProps & {
   showRemove?: boolean;
 };
 type ComboboxContentProps = ComboboxPopupProps & Pick<ComboboxPositionerProps, "side" | "align" | "sideOffset" | "alignOffset" | "anchor">;
@@ -50,7 +51,7 @@ declare function ComboboxInput({
   showTrigger,
   showClear,
   ...props
-}: ComboboxInputWrapperProps): _$react_jsx_runtime0.JSX.Element;
+}: ComboboxInputProps): _$react_jsx_runtime0.JSX.Element;
 declare function ComboboxContent({
   className,
   side,
@@ -97,11 +98,11 @@ declare function ComboboxChip({
   children,
   showRemove,
   ...props
-}: ComboboxChipWrapperProps): _$react_jsx_runtime0.JSX.Element;
+}: ComboboxChipProps): _$react_jsx_runtime0.JSX.Element;
 declare function ComboboxChipsInput({
   className,
   ...props
 }: ComboboxChipsInputProps): _$react_jsx_runtime0.JSX.Element;
 declare function useComboboxAnchor(): React.RefObject<HTMLDivElement | null>;
 //#endregion
-export { Combobox, ComboboxChip, ComboboxChips, ComboboxChipsInput, ComboboxClear, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxList, ComboboxSeparator, ComboboxTrigger, ComboboxValue, useComboboxAnchor };
+export { Combobox, ComboboxChip, ComboboxChipProps, ComboboxChips, ComboboxChipsInput, ComboboxChipsInputProps, ComboboxChipsProps, ComboboxClear, ComboboxClearProps, ComboboxCollection, ComboboxCollectionProps, ComboboxContent, ComboboxContentProps, ComboboxEmpty, ComboboxEmptyProps, ComboboxGroup, ComboboxGroupProps, ComboboxInput, ComboboxInputProps, ComboboxItem, ComboboxItemProps, ComboboxLabel, ComboboxLabelProps, ComboboxList, ComboboxListProps, ComboboxPortalProps, ComboboxPositionerProps, ComboboxProps, ComboboxSeparator, ComboboxSeparatorProps, ComboboxTrigger, ComboboxTriggerProps, ComboboxValue, ComboboxValueProps, useComboboxAnchor };

package/dist/context-menu.d.ts

@@ -104,4 +104,4 @@ declare function ContextMenuShortcut({
   ...props
 }: ContextMenuShortcutProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
-export { ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger };
+export { ContextMenu, ContextMenuCheckboxItem, ContextMenuCheckboxItemProps, ContextMenuContent, ContextMenuContentProps, ContextMenuGroup, ContextMenuGroupProps, ContextMenuItem, ContextMenuItemProps, ContextMenuLabel, ContextMenuLabelProps, ContextMenuPortal, ContextMenuPortalProps, ContextMenuProps, ContextMenuRadioGroup, ContextMenuRadioGroupProps, ContextMenuRadioItem, ContextMenuRadioItemProps, ContextMenuSeparator, ContextMenuSeparatorProps, ContextMenuShortcut, ContextMenuShortcutProps, ContextMenuSub, ContextMenuSubContent, ContextMenuSubContentProps, ContextMenuSubProps, ContextMenuSubTrigger, ContextMenuSubTriggerProps, ContextMenuTrigger, ContextMenuTriggerProps, type RestoreFocusOnClose };

package/dist/dialog.d.ts

@@ -26,9 +26,8 @@ type DialogDescriptionProps = React.ComponentProps<typeof Dialog$1.Description>;
 type DialogContentProps = DialogPopupProps & {
   showCloseButton?: boolean;
 };
-type DialogFooterProps = React.ComponentProps<"div"> & {
-  showCloseButton?: boolean;
-};
+type DialogHeaderProps = React.ComponentProps<"div">;
+type DialogFooterProps = React.ComponentProps<"div">;
 declare function Dialog({
   disablePointerDismissal,
   ...props
@@ -55,11 +54,9 @@ declare function DialogContent({
 declare function DialogHeader({
   className,
   ...props
-}: React.ComponentProps<"div">): _$react_jsx_runtime0.JSX.Element;
+}: DialogHeaderProps): _$react_jsx_runtime0.JSX.Element;
 declare function DialogFooter({
   className,
-  showCloseButton,
-  children,
   ...props
 }: DialogFooterProps): _$react_jsx_runtime0.JSX.Element;
 declare function DialogTitle({
@@ -71,4 +68,4 @@ declare function DialogDescription({
   ...props
 }: DialogDescriptionProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
-export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger };
+export { Dialog, DialogClose, DialogCloseProps, DialogContent, DialogContentProps, DialogDescription, DialogDescriptionProps, DialogFooter, DialogFooterProps, DialogHeader, DialogHeaderProps, DialogOverlay, DialogOverlayProps, DialogPopupProps, DialogPortal, DialogPortalProps, DialogProps, DialogTitle, DialogTitleProps, DialogTrigger, DialogTriggerProps };

package/dist/dialog.js

@@ -64,15 +64,11 @@ function DialogHeader({ className, ...props }) {
 		...props
 	});
 }
-function DialogFooter({ className, showCloseButton = false, children, ...props }) {
-	return /* @__PURE__ */ jsxs("div", {
+function DialogFooter({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
 		"data-slot": "dialog-footer",
 		className: cn("bg-secondary/50 -mx-4 -mb-4 flex flex-col-reverse gap-2 rounded-b-lg border-t border-line p-4 sm:flex-row sm:justify-end", className),
-		...props,
-		children: [children, showCloseButton && /* @__PURE__ */ jsx(Dialog$1.Close, {
-			render: /* @__PURE__ */ jsx(Button, { variant: "outline" }),
-			children: "Close"
-		})]
+		...props
 	});
 }
 function DialogTitle({ className, ...props }) {

package/dist/direction.d.ts

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

package/dist/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, DrawerCloseProps, DrawerContent, DrawerContentProps, DrawerDescription, DrawerDescriptionProps, DrawerFooter, DrawerFooterProps, DrawerHeader, DrawerHeaderProps, DrawerOverlay, DrawerOverlayProps, DrawerPopupProps, DrawerPortal, DrawerPortalProps, DrawerProps, DrawerTitle, DrawerTitleProps, DrawerTrigger, DrawerTriggerProps, DrawerViewport, DrawerViewportProps };

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

@@ -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.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/item.d.ts

@@ -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, ItemActionsProps, ItemContent, ItemContentProps, ItemDescription, ItemDescriptionProps, ItemFooter, ItemFooterProps, ItemGroup, ItemGroupProps, ItemHeader, ItemHeaderProps, ItemMedia, ItemMediaProps, ItemProps, ItemSeparator, ItemSeparatorProps, ItemTitle, ItemTitleProps, itemMediaVariants, itemVariants };

package/dist/item.js

@@ -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/label.d.ts

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