@waveso/ui 0.8.0 → 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/accordion.js

@@ -25,7 +25,7 @@ function AccordionTrigger({ className, children, ...props }) {
 		className: "flex",
 		children: /* @__PURE__ */ jsxs(Accordion$1.Trigger, {
 			"data-slot": "accordion-trigger",
-			className: cn("cursor-clickable focus-visible:ring-focus/50 focus-visible:border-focus focus-visible:after:border-focus **:data-[slot=accordion-trigger-icon]:text-muted group/accordion-trigger relative flex flex-1 items-start justify-between rounded-md border border-transparent py-2.5 text-left text-sm font-medium motion-color outline-none hover:underline focus-visible:ring-3 aria-disabled:pointer-events-none aria-disabled:opacity-50 **:data-[slot=accordion-trigger-icon]:ml-auto **:data-[slot=accordion-trigger-icon]:size-4", className),
+			className: cn("cursor-clickable focus-visible:ring-focus/50 focus-visible:border-focus focus-visible:after:border-focus **:data-[slot=accordion-trigger-icon]:text-muted group/accordion-trigger relative flex flex-1 items-start justify-between rounded-md border border-transparent py-2.5 text-left text-sm font-medium motion-color outline-hidden hover:underline focus-visible:ring-3 aria-disabled:pointer-events-none aria-disabled:opacity-50 **:data-[slot=accordion-trigger-icon]:ml-auto **:data-[slot=accordion-trigger-icon]:size-4", className),
 			...props,
 			children: [
 				children,

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
@@ -197,7 +201,7 @@ function ActionBarProvider({ children, message = "You have unsaved changes", plu
 				className: "fixed bottom-6 left-1/2 z-50",
 				children: /* @__PURE__ */ jsxs("div", {
 					"data-slot": "action-bar-content",
-					className: cn("flex items-center gap-6 rounded-lg border border-line/60 bg-surface px-5 py-2.5 shadow-lg ring-1 ring-line backdrop-blur-sm", className),
+					className: cn("flex items-center gap-6 rounded-lg border border-line/60 bg-surface px-5 py-2.5 shadow-lg ring-1 ring-line", className),
 					children: [/* @__PURE__ */ jsx("span", {
 						"data-slot": "action-bar-message",
 						className: cn("whitespace-nowrap text-sm font-medium", saveError ? "text-destructive" : "text-contrast"),

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

@@ -34,7 +34,7 @@ function AlertDialogContent({ className, size = "default", ...props }) {
 	return /* @__PURE__ */ jsxs(AlertDialogPortal, { children: [/* @__PURE__ */ jsx(AlertDialogOverlay, {}), /* @__PURE__ */ jsx(AlertDialog$1.Popup, {
 		"data-slot": "alert-dialog-content",
 		"data-size": size,
-		className: cn("motion-scale-lg bg-foundation ring-contrast/10 group/alert-dialog-content fixed top-1/2 left-1/2 z-50 grid w-full -translate-x-1/2 -translate-y-1/2 gap-4 rounded-lg p-4 ring-1 outline-none data-[size=default]:max-w-xs data-[size=sm]:max-w-xs data-[size=lg]:max-w-lg data-[size=xl]:max-w-xl data-[size=default]:sm:max-w-sm data-[size=lg]:sm:max-w-lg data-[size=xl]:sm:max-w-xl", className),
+		className: cn("motion-scale-lg bg-foundation ring-contrast/10 group/alert-dialog-content fixed top-1/2 left-1/2 z-50 grid w-full -translate-x-1/2 -translate-y-1/2 gap-4 rounded-lg p-4 ring-1 outline-hidden data-[size=default]:max-w-xs data-[size=sm]:max-w-xs data-[size=lg]:max-w-lg data-[size=xl]:max-w-xl data-[size=default]:sm:max-w-sm data-[size=lg]:sm:max-w-lg data-[size=xl]:sm:max-w-xl", className),
 		...props
 	})] });
 }
@@ -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: cn(className),
+		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/autocomplete.js

@@ -13,7 +13,7 @@ function Autocomplete({ ...props }) {
 function AutocompleteInput({ className, ...props }) {
 	return /* @__PURE__ */ jsx(Autocomplete$1.Input, {
 		"data-slot": "autocomplete-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 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 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 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 focus-visible:ring-3 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:ring-3 md:text-sm", className),
 		...props
 	});
 }
@@ -47,7 +47,7 @@ function AutocompleteValue({ ...props }) {
 function AutocompletePortal({ className, ...props }) {
 	return /* @__PURE__ */ jsx(Autocomplete$1.Portal, {
 		"data-slot": "autocomplete-portal",
-		className: cn(className),
+		className,
 		...props
 	});
 }
@@ -61,7 +61,7 @@ function AutocompleteBackdrop({ className, ...props }) {
 function AutocompletePositioner({ className, ...props }) {
 	return /* @__PURE__ */ jsx(Autocomplete$1.Positioner, {
 		"data-slot": "autocomplete-positioner",
-		className: cn(className),
+		className,
 		...props
 	});
 }
@@ -103,7 +103,7 @@ function AutocompleteList({ className, ...props }) {
 function AutocompleteRow({ className, ...props }) {
 	return /* @__PURE__ */ jsx(Autocomplete$1.Row, {
 		"data-slot": "autocomplete-row",
-		className: cn(className),
+		className,
 		...props
 	});
 }

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" | "destructive" | "link" | "success" | "warning" | "secondary" | "outline" | "ghost" | 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

@@ -1,5 +1,5 @@
 import { Separator } from "./separator.js";
-import * as _$react from "react";
+import * as React from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
 import { useRender } from "@base-ui/react/use-render";
@@ -21,11 +21,11 @@ declare function ButtonGroupText({
   className,
   render,
   ...props
-}: ButtonGroupTextProps): _$react.ReactElement<unknown, string | _$react.JSXElementConstructor<any>>;
+}: ButtonGroupTextProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
 declare function ButtonGroupSeparator({
   className,
   orientation,
   ...props
 }: ButtonGroupSeparatorProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
-export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants };
+export { ButtonGroup, ButtonGroupProps, ButtonGroupSeparator, ButtonGroupSeparatorProps, ButtonGroupText, ButtonGroupTextProps, buttonGroupVariants };

package/dist/button-group.js

@@ -1,6 +1,7 @@
 "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";

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" | "destructive" | "link" | "success" | "secondary" | "outline" | "ghost" | null | undefined;
-  size?: "default" | "xs" | "sm" | "icon-xs" | "icon-sm" | "icon" | "lg" | "xl" | "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

@@ -5,7 +5,7 @@ import { jsx } from "react/jsx-runtime";
 import { Button as Button$1 } from "@base-ui/react/button";
 import { cva } from "class-variance-authority";
 //#region src/button.tsx
-const buttonVariants = cva("cursor-clickable 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 rounded-md border border-transparent bg-clip-padding text-sm font-medium focus-visible:ring-3 aria-invalid:ring-3 [&_svg:not([class*='size-'])]:size-4 inline-flex items-center justify-center whitespace-nowrap motion-color disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none shrink-0 [&_svg]:shrink-0 outline-none group/button select-none", {
+const buttonVariants = cva("cursor-clickable 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 rounded-md border border-transparent bg-clip-padding text-sm font-medium focus-visible:ring-3 aria-invalid:ring-3 [&_svg:not([class*='size-'])]:size-4 inline-flex items-center justify-center whitespace-nowrap motion-color disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none shrink-0 [&_svg]:shrink-0 outline-hidden group/button select-none", {
 	variants: {
 		variant: {
 			default: "bg-primary text-white hover:bg-primary/80",
@@ -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/checkbox.js

@@ -8,7 +8,7 @@ import { Checkbox as Checkbox$1 } from "@base-ui/react/checkbox";
 function Checkbox({ className, ...props }) {
 	return /* @__PURE__ */ jsx(Checkbox$1.Root, {
 		"data-slot": "checkbox",
-		className: cn("cursor-clickable border-edge dark:bg-edge/30 data-checked:bg-primary data-indeterminate:bg-primary data-checked:text-white data-indeterminate:text-white dark:data-checked:bg-primary dark:data-indeterminate:bg-primary data-checked:border-primary data-indeterminate:border-primary aria-invalid:aria-checked:border-primary aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 focus-visible:border-focus focus-visible:ring-focus/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 peer relative flex size-4 shrink-0 items-center justify-center rounded-[4px] border transition-colors outline-none group-has-disabled/field:opacity-50 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-indeterminate:bg-primary data-checked:text-white data-indeterminate:text-white dark:data-checked:bg-primary dark:data-indeterminate:bg-primary data-checked:border-primary data-indeterminate:border-primary aria-invalid:aria-checked:border-primary aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 focus-visible:border-focus focus-visible:ring-focus/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 peer relative flex size-4 shrink-0 items-center justify-center rounded-[4px] border transition-colors outline-hidden group-has-disabled/field:opacity-50 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__ */ jsxs(Checkbox$1.Indicator, {
 			"data-slot": "checkbox-indicator",

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/combobox.js

@@ -119,7 +119,7 @@ function ComboboxItem({ className, children, ...props }) {
 function ComboboxGroup({ className, ...props }) {
 	return /* @__PURE__ */ jsx(Combobox$1.Group, {
 		"data-slot": "combobox-group",
-		className: cn(className),
+		className,
 		...props
 	});
 }
@@ -177,7 +177,7 @@ function ComboboxChip({ className, children, showRemove = true, ...props }) {
 function ComboboxChipsInput({ className, ...props }) {
 	return /* @__PURE__ */ jsx(Combobox$1.Input, {
 		"data-slot": "combobox-chip-input",
-		className: cn("min-w-16 flex-1 outline-none", className),
+		className: cn("min-w-16 flex-1 outline-hidden", className),
 		...props
 	});
 }

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/context-menu.js

@@ -28,14 +28,14 @@ function ContextMenuTrigger({ className, ...props }) {
 function ContextMenuContent({ className, align = "start", alignOffset = 4, side = "right", sideOffset = 0, restoreFocusOnClose, finalFocus, ...props }) {
 	return /* @__PURE__ */ jsx(ContextMenu$1.Portal, { children: /* @__PURE__ */ jsx(ContextMenu$1.Positioner, {
 		"data-slot": "context-menu-positioner",
-		className: "isolate z-50 outline-none",
+		className: "isolate z-50 outline-hidden",
 		align,
 		alignOffset,
 		side,
 		sideOffset,
 		children: /* @__PURE__ */ jsx(ContextMenu$1.Popup, {
 			"data-slot": "context-menu-content",
-			className: cn("motion-pop-md ring-contrast/10 bg-elevated text-contrast z-50 max-h-(--available-height) min-w-36 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-md p-1 shadow-md ring-1 outline-none", className),
+			className: cn("motion-pop-md ring-contrast/10 bg-elevated text-contrast z-50 max-h-(--available-height) min-w-36 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-md p-1 shadow-md ring-1 outline-hidden", className),
 			finalFocus: resolveFinalFocus(restoreFocusOnClose, finalFocus),
 			...props
 		})

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

@@ -41,7 +41,7 @@ function DialogOverlay({ className, ...props }) {
 function DialogContent({ className, children, showCloseButton = true, ...props }) {
 	return /* @__PURE__ */ jsxs(DialogPortal, { children: [/* @__PURE__ */ jsx(DialogOverlay, {}), /* @__PURE__ */ jsxs(Dialog$1.Popup, {
 		"data-slot": "dialog-content",
-		className: cn("motion-scale-lg bg-foundation ring-contrast/10 fixed top-1/2 left-1/2 z-50 grid w-full max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2 gap-4 rounded-lg p-4 text-sm ring-1 outline-none sm:max-w-sm", className),
+		className: cn("motion-scale-lg bg-foundation ring-contrast/10 fixed top-1/2 left-1/2 z-50 grid w-full max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2 gap-4 rounded-lg p-4 text-sm ring-1 outline-hidden sm:max-w-sm", className),
 		...props,
 		children: [children, showCloseButton && /* @__PURE__ */ jsxs(Dialog$1.Close, {
 			"data-slot": "dialog-close",
@@ -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 };