@waveso/ui 0.8.1 → 0.9.1

package/dist/accordion.d.ts

@@ -1,6 +1,6 @@
-import * as React from "react";
 import { Accordion as Accordion$1 } from "@base-ui/react/accordion";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import * as React from "react";
 
 //#region src/accordion.d.ts
 type AccordionProps = React.ComponentProps<typeof Accordion$1.Root>;
@@ -26,4 +26,4 @@ declare function AccordionContent({
   ...props
 }: AccordionContentProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger };
+export { Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionTrigger, type AccordionTriggerProps };

package/dist/accordion.js

@@ -1,7 +1,6 @@
 "use client";
 import { cn } from "./lib/utils.js";
 import { ChevronDownIcon, ChevronUpIcon } from "./lib/internal-icons.js";
-import "react";
 import { Accordion as Accordion$1 } from "@base-ui/react/accordion";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/accordion.tsx

package/dist/action-bar.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/action-bar.d.ts
 /** State a form registers with the ActionBar. */
@@ -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
@@ -79,4 +83,4 @@ declare function useActionBar(id: string, entry: ActionBarEntry): void;
  */
 declare function useActionBarGuard(navigate: (href: string) => void): (href: string) => boolean;
 //#endregion
-export { ActionBarEntry, ActionBarProvider, ActionBarProviderProps, useActionBar, useActionBarGuard };
+export { type ActionBarEntry, ActionBarProvider, type ActionBarProviderProps, useActionBar, useActionBarGuard };

package/dist/action-bar.js

@@ -3,8 +3,8 @@ import { cn } from "./lib/utils.js";
 import { Button } from "./button.js";
 import { Spinner } from "./spinner.js";
 import { Kbd } from "./kbd.js";
-import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
 import { AnimatePresence, motion, useReducedMotion } from "motion/react";
 //#region src/action-bar.tsx
 const JIGGLE_STEPS = 6;
@@ -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

@@ -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 { AlertDialog as AlertDialog$1 } from "@base-ui/react/alert-dialog";
 
 //#region src/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, type AlertDialogActionProps, AlertDialogCancel, type AlertDialogCancelProps, AlertDialogContent, type AlertDialogContentProps, AlertDialogDescription, type AlertDialogDescriptionProps, AlertDialogFooter, type AlertDialogFooterProps, AlertDialogHeader, type AlertDialogHeaderProps, AlertDialogMedia, type AlertDialogMediaProps, AlertDialogOverlay, type AlertDialogOverlayProps, AlertDialogPortal, type AlertDialogPortalProps, type AlertDialogProps, AlertDialogTitle, type AlertDialogTitleProps, AlertDialogTrigger, type AlertDialogTriggerProps };

package/dist/alert-dialog.js

@@ -1,7 +1,6 @@
 "use client";
 import { cn } from "./lib/utils.js";
 import { Button } from "./button.js";
-import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { AlertDialog as AlertDialog$1 } from "@base-ui/react/alert-dialog";
 //#region src/alert-dialog.tsx
@@ -73,10 +72,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

@@ -1,5 +1,5 @@
-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";
 
@@ -29,4 +29,4 @@ declare function AlertAction({
   ...props
 }: AlertActionProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
-export { Alert, AlertAction, AlertDescription, AlertTitle };
+export { Alert, AlertAction, type AlertActionProps, AlertDescription, type AlertDescriptionProps, type AlertProps, AlertTitle, type AlertTitleProps, alertVariants };

package/dist/alert.js

@@ -1,5 +1,4 @@
 import { cn } from "./lib/utils.js";
-import "react";
 import { jsx } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
 //#region src/alert.tsx
@@ -40,4 +39,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_jsx_runtime0 from "react/jsx-runtime";
 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/animate.js

@@ -1,6 +1,6 @@
 "use client";
-import { Children, cloneElement, isValidElement, useCallback, useEffect, useId, useLayoutEffect, useRef, useState } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Children, cloneElement, isValidElement, useCallback, useEffect, useId, useLayoutEffect, useRef, useState } from "react";
 import { useInView, useReducedMotion } from "motion/react";
 //#region src/animate.tsx
 /**

package/dist/aspect-ratio.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/aspect-ratio.d.ts
 type AspectRatioProps = React.ComponentProps<"div"> & {

package/dist/aspect-ratio.js

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

package/dist/autocomplete.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 { Autocomplete as Autocomplete$1 } from "@base-ui/react/autocomplete";
 
 //#region src/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, type AutocompleteArrowProps, AutocompleteBackdrop, type AutocompleteBackdropProps, AutocompleteClear, type AutocompleteClearProps, AutocompleteCollection, type AutocompleteCollectionProps, AutocompleteContent, type AutocompleteContentProps, AutocompleteEmpty, type AutocompleteEmptyProps, AutocompleteGroup, AutocompleteGroupLabel, type AutocompleteGroupLabelProps, type AutocompleteGroupProps, AutocompleteIcon, type AutocompleteIconProps, AutocompleteInput, type AutocompleteInputProps, AutocompleteItem, type AutocompleteItemProps, AutocompleteList, type AutocompleteListProps, AutocompletePopup, type AutocompletePopupProps, AutocompletePortal, type AutocompletePortalProps, AutocompletePositioner, type AutocompletePositionerProps, type AutocompleteProps, AutocompleteRow, type AutocompleteRowProps, AutocompleteSeparator, type AutocompleteSeparatorProps, AutocompleteStatus, type AutocompleteStatusProps, AutocompleteTrigger, type AutocompleteTriggerProps, AutocompleteValue, type AutocompleteValueProps };

package/dist/autocomplete.js

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

package/dist/avatar.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 { Avatar as Avatar$1 } from "@base-ui/react/avatar";
 
 //#region src/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, type AvatarBadgeProps, AvatarFallback, type AvatarFallbackProps, AvatarGroup, AvatarGroupCount, type AvatarGroupCountProps, type AvatarGroupProps, AvatarImage, type AvatarImageProps, type AvatarProps };

package/dist/avatar.js

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

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" | "outline" | "link" | "destructive" | "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, type BadgeProps, badgeVariants };

package/dist/breadcrumb.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 { useRender } from "@base-ui/react/use-render";
 
 //#region src/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, type BreadcrumbEllipsisProps, BreadcrumbItem, type BreadcrumbItemProps, BreadcrumbLink, type BreadcrumbLinkProps, BreadcrumbList, type BreadcrumbListProps, BreadcrumbPage, type BreadcrumbPageProps, type BreadcrumbProps, BreadcrumbSeparator, type BreadcrumbSeparatorProps };

package/dist/breadcrumb.js

@@ -1,7 +1,6 @@
 "use client";
 import { cn } from "./lib/utils.js";
 import { ChevronRightIcon, EllipsisIcon } from "./lib/internal-icons.js";
-import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { mergeProps } from "@base-ui/react/merge-props";
 import { useRender } from "@base-ui/react/use-render";

package/dist/button-group.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";
@@ -28,4 +28,4 @@ declare function ButtonGroupSeparator({
   ...props
 }: ButtonGroupSeparatorProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
-export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants };
+export { ButtonGroup, type ButtonGroupProps, ButtonGroupSeparator, type ButtonGroupSeparatorProps, ButtonGroupText, type ButtonGroupTextProps, buttonGroupVariants };

package/dist/button-group.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";

package/dist/button.d.ts

@@ -1,13 +1,13 @@
-import * as React from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import * as React from "react";
 import { Button as Button$1 } from "@base-ui/react/button";
 import { VariantProps } from "class-variance-authority";
 import * as _$class_variance_authority_types0 from "class-variance-authority/types";
 
 //#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" | "outline" | "link" | "destructive" | "success" | "secondary" | "ghost" | null | undefined;
+  size?: "default" | "sm" | "xs" | "icon" | "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, type ButtonProps, buttonVariants };

package/dist/button.js

@@ -1,6 +1,5 @@
 "use client";
 import { cn } from "./lib/utils.js";
-import "react";
 import { jsx } from "react/jsx-runtime";
 import { Button as Button$1 } from "@base-ui/react/button";
 import { cva } from "class-variance-authority";
@@ -36,6 +35,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

@@ -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/card.d.ts
 type CardProps = React.ComponentProps<"div"> & {
@@ -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, type CardActionProps, CardContent, type CardContentProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CardTitle, type CardTitleProps };

package/dist/card.js

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

package/dist/checkbox.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 { Checkbox as Checkbox$1 } from "@base-ui/react/checkbox";
 
 //#region src/checkbox.d.ts
@@ -9,4 +9,4 @@ declare function Checkbox({
   ...props
 }: CheckboxProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
-export { Checkbox };
+export { Checkbox, type CheckboxProps };

package/dist/checkbox.js

@@ -1,7 +1,6 @@
 "use client";
 import { cn } from "./lib/utils.js";
 import { CheckIcon, MinusIcon } from "./lib/internal-icons.js";
-import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Checkbox as Checkbox$1 } from "@base-ui/react/checkbox";
 //#region src/checkbox.tsx

package/dist/collapsible.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 { Collapsible as Collapsible$1 } from "@base-ui/react/collapsible";
 
 //#region src/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, type CollapsibleContentProps, type CollapsibleProps, CollapsibleTrigger, type CollapsibleTriggerProps };

package/dist/collapsible.js

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

package/dist/combobox.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 { Combobox as Combobox$1 } from "@base-ui/react/combobox";
 
 //#region src/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, type ComboboxChipProps, ComboboxChips, ComboboxChipsInput, type ComboboxChipsInputProps, type ComboboxChipsProps, ComboboxClear, type ComboboxClearProps, ComboboxCollection, type ComboboxCollectionProps, ComboboxContent, type ComboboxContentProps, ComboboxEmpty, type ComboboxEmptyProps, ComboboxGroup, type ComboboxGroupProps, ComboboxInput, type ComboboxInputProps, ComboboxItem, type ComboboxItemProps, ComboboxLabel, type ComboboxLabelProps, ComboboxList, type ComboboxListProps, type ComboboxPortalProps, type ComboboxPositionerProps, type ComboboxProps, ComboboxSeparator, type ComboboxSeparatorProps, ComboboxTrigger, type ComboboxTriggerProps, ComboboxValue, type ComboboxValueProps, useComboboxAnchor };

package/dist/combobox.js

@@ -3,8 +3,8 @@ import { cn } from "./lib/utils.js";
 import { CheckIcon, ChevronDownIcon, CloseIcon } from "./lib/internal-icons.js";
 import { Button } from "./button.js";
 import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput } from "./input-group.js";
-import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
 import { Combobox as Combobox$1 } from "@base-ui/react/combobox";
 //#region src/combobox.tsx
 function Combobox({ ...props }) {

package/dist/context-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 { ContextMenu as ContextMenu$1 } from "@base-ui/react/context-menu";
 
 //#region src/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, type ContextMenuCheckboxItemProps, ContextMenuContent, type ContextMenuContentProps, ContextMenuGroup, type ContextMenuGroupProps, ContextMenuItem, type ContextMenuItemProps, ContextMenuLabel, type ContextMenuLabelProps, ContextMenuPortal, type ContextMenuPortalProps, type ContextMenuProps, ContextMenuRadioGroup, type ContextMenuRadioGroupProps, ContextMenuRadioItem, type ContextMenuRadioItemProps, ContextMenuSeparator, type ContextMenuSeparatorProps, ContextMenuShortcut, type ContextMenuShortcutProps, ContextMenuSub, ContextMenuSubContent, type ContextMenuSubContentProps, type ContextMenuSubProps, ContextMenuSubTrigger, type ContextMenuSubTriggerProps, ContextMenuTrigger, type ContextMenuTriggerProps, type RestoreFocusOnClose };

package/dist/context-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 { ContextMenu as ContextMenu$1 } from "@base-ui/react/context-menu";
 //#region src/context-menu.tsx

package/dist/count.d.ts

@@ -1,5 +1,5 @@
-import { ReactElement } from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { ReactElement } from "react";
 
 //#region src/count.d.ts
 interface CountProps {

package/dist/count.js

@@ -1,11 +1,11 @@
 "use client";
-import { cloneElement, isValidElement, useEffect, useRef, useState } from "react";
 import { jsx } from "react/jsx-runtime";
+import { cloneElement, isValidElement, useEffect, useRef, useState } from "react";
 import { useInView, useReducedMotion } from "motion/react";
 //#region src/count.tsx
 /** Cubic ease-out: fast start, smooth deceleration */
 function easeOut(t) {
-	return 1 - Math.pow(1 - t, 3);
+	return 1 - (1 - t) ** 3;
 }
 function formatCountdown(ms) {
 	if (ms <= 0) return "00:00:00";

package/dist/dialog.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 { Dialog as Dialog$1 } from "@base-ui/react/dialog";
 
 //#region src/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, type DialogCloseProps, DialogContent, type DialogContentProps, DialogDescription, type DialogDescriptionProps, DialogFooter, type DialogFooterProps, DialogHeader, type DialogHeaderProps, DialogOverlay, type DialogOverlayProps, type DialogPopupProps, DialogPortal, type DialogPortalProps, type DialogProps, DialogTitle, type DialogTitleProps, DialogTrigger, type DialogTriggerProps };

package/dist/dialog.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 { Dialog as Dialog$1 } from "@base-ui/react/dialog";
 //#region src/dialog.tsx
@@ -64,15 +63,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 }) {