@waveso/ui 0.14.0 → 0.15.1

package/dist/button-group.d.ts

@@ -1,31 +1,16 @@
 import { Separator } from "./separator.js";
-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";
-
 //#region src/button-group.d.ts
 declare const buttonGroupVariants: (props?: ({
   orientation?: "horizontal" | "vertical" | null | undefined;
-} & _$class_variance_authority_types0.ClassProp) | undefined) => string;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type ButtonGroupProps = React.ComponentProps<"div"> & VariantProps<typeof buttonGroupVariants>;
 type ButtonGroupTextProps = useRender.ComponentProps<"div">;
 type ButtonGroupSeparatorProps = React.ComponentProps<typeof Separator>;
-declare function ButtonGroup({
-  className,
-  orientation,
-  ...props
-}: ButtonGroupProps): _$react_jsx_runtime0.JSX.Element;
-declare function ButtonGroupText({
-  className,
-  render,
-  ...props
-}: ButtonGroupTextProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
-declare function ButtonGroupSeparator({
-  className,
-  orientation,
-  ...props
-}: ButtonGroupSeparatorProps): _$react_jsx_runtime0.JSX.Element;
+declare function ButtonGroup({ className, orientation, ...props }: ButtonGroupProps): React.JSX.Element;
+declare function ButtonGroupText({ className, render, ...props }: ButtonGroupTextProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+declare function ButtonGroupSeparator({ className, orientation, ...props }: ButtonGroupSeparatorProps): React.JSX.Element;
 //#endregion
 export { ButtonGroup, type ButtonGroupProps, ButtonGroupSeparator, type ButtonGroupSeparatorProps, ButtonGroupText, type ButtonGroupTextProps, buttonGroupVariants };

package/dist/button.d.ts

@@ -1,20 +1,12 @@
-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" | "link" | "outline" | "secondary" | "ghost" | "destructive" | null | undefined;
-  size?: "default" | "sm" | "lg" | "xs" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
-} & _$class_variance_authority_types0.ClassProp) | undefined) => string;
+  variant?: "default" | "destructive" | "ghost" | "link" | "outline" | "secondary" | null | undefined;
+  size?: "default" | "icon" | "icon-lg" | "icon-sm" | "icon-xs" | "lg" | "sm" | "xs" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type ButtonProps = React.ComponentProps<typeof Button$1> & VariantProps<typeof buttonVariants>;
-declare function Button({
-  className,
-  variant,
-  size,
-  ...props
-}: ButtonProps): _$react_jsx_runtime0.JSX.Element;
+declare function Button({ className, variant, size, ...props }: ButtonProps): React.JSX.Element;
 //#endregion
 export { Button, type ButtonProps, buttonVariants };

package/dist/button.js

@@ -4,7 +4,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/30 aria-invalid:border-destructive 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 active:not-aria-[haspopup]:scale-[0.97]", {
+const buttonVariants = cva("cursor-clickable focus-visible:border-focus focus-visible:ring-focus/50 aria-invalid:ring-destructive/30 aria-invalid:border-destructive rounded-md border border-transparent bg-clip-padding 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-30 [&_svg]:pointer-events-none shrink-0 [&_svg]:shrink-0 outline-hidden group/button select-none active:not-aria-[haspopup]:scale-[0.97]", {
 	variants: {
 		variant: {
 			default: "bg-primary text-white hover:bg-primary/80",
@@ -15,14 +15,14 @@ const buttonVariants = cva("cursor-clickable focus-visible:border-focus focus-vi
 			link: "text-primary underline-offset-4 hover:underline"
 		},
 		size: {
-			default: "h-9 gap-1.5 px-3 has-data-[icon=inline-end]:pe-2.5 has-data-[icon=inline-start]:ps-2.5",
-			xs: "h-6 gap-1 rounded-sm px-2.5 text-xs in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pe-2 has-data-[icon=inline-start]:ps-2 [&_svg:not([class*='size-'])]:size-3",
-			sm: "h-8 gap-1 px-3 has-data-[icon=inline-end]:pe-2 has-data-[icon=inline-start]:ps-2",
-			lg: "h-10 gap-1.5 px-4 has-data-[icon=inline-end]:pe-3 has-data-[icon=inline-start]:ps-3",
+			default: "h-9 gap-1.5 px-3 text-base has-data-[icon=inline-end]:pe-2.5 has-data-[icon=inline-start]:ps-2.5",
+			xs: "h-6 gap-1 rounded-sm px-2 text-xs in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pe-2 has-data-[icon=inline-start]:ps-2 [&_svg:not([class*='size-'])]:size-3",
+			sm: "h-8 gap-1 px-3 text-sm has-data-[icon=inline-end]:pe-2 has-data-[icon=inline-start]:ps-2",
+			lg: "h-11 gap-1.5 px-4 text-lg has-data-[icon=inline-end]:pe-3 has-data-[icon=inline-start]:ps-3",
 			icon: "size-9",
 			"icon-xs": "size-6 rounded-sm in-data-[slot=button-group]:rounded-md [&_svg:not([class*='size-'])]:size-3",
 			"icon-sm": "size-8",
-			"icon-lg": "size-10"
+			"icon-lg": "size-11"
 		}
 	},
 	defaultVariants: {

package/dist/card.d.ts

@@ -1,6 +1,4 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import * as React from "react";
-
 //#region src/card.d.ts
 type CardProps = React.ComponentProps<"div"> & {
   size?: "default" | "sm";
@@ -11,34 +9,12 @@ type CardDescriptionProps = React.ComponentProps<"div">;
 type CardActionProps = React.ComponentProps<"div">;
 type CardContentProps = React.ComponentProps<"div">;
 type CardFooterProps = React.ComponentProps<"div">;
-declare function Card({
-  className,
-  size,
-  ...props
-}: CardProps): _$react_jsx_runtime0.JSX.Element;
-declare function CardHeader({
-  className,
-  ...props
-}: CardHeaderProps): _$react_jsx_runtime0.JSX.Element;
-declare function CardTitle({
-  className,
-  ...props
-}: CardTitleProps): _$react_jsx_runtime0.JSX.Element;
-declare function CardDescription({
-  className,
-  ...props
-}: CardDescriptionProps): _$react_jsx_runtime0.JSX.Element;
-declare function CardAction({
-  className,
-  ...props
-}: CardActionProps): _$react_jsx_runtime0.JSX.Element;
-declare function CardContent({
-  className,
-  ...props
-}: CardContentProps): _$react_jsx_runtime0.JSX.Element;
-declare function CardFooter({
-  className,
-  ...props
-}: CardFooterProps): _$react_jsx_runtime0.JSX.Element;
+declare function Card({ className, size, ...props }: CardProps): React.JSX.Element;
+declare function CardHeader({ className, ...props }: CardHeaderProps): React.JSX.Element;
+declare function CardTitle({ className, ...props }: CardTitleProps): React.JSX.Element;
+declare function CardDescription({ className, ...props }: CardDescriptionProps): React.JSX.Element;
+declare function CardAction({ className, ...props }: CardActionProps): React.JSX.Element;
+declare function CardContent({ className, ...props }: CardContentProps): React.JSX.Element;
+declare function CardFooter({ className, ...props }: CardFooterProps): React.JSX.Element;
 //#endregion
 export { Card, CardAction, type CardActionProps, CardContent, type CardContentProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CardTitle, type CardTitleProps };

package/dist/checkbox.d.ts

@@ -1,12 +1,7 @@
-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
 type CheckboxProps = React.ComponentProps<typeof Checkbox$1.Root>;
-declare function Checkbox({
-  className,
-  ...props
-}: CheckboxProps): _$react_jsx_runtime0.JSX.Element;
+declare function Checkbox({ className, ...props }: CheckboxProps): React.JSX.Element;
 //#endregion
 export { Checkbox, type CheckboxProps };

package/dist/collapsible.d.ts

@@ -1,20 +1,11 @@
-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
 type CollapsibleProps = React.ComponentProps<typeof Collapsible$1.Root>;
 type CollapsibleTriggerProps = React.ComponentProps<typeof Collapsible$1.Trigger>;
 type CollapsibleContentProps = React.ComponentProps<typeof Collapsible$1.Panel>;
-declare function Collapsible({
-  ...props
-}: CollapsibleProps): _$react_jsx_runtime0.JSX.Element;
-declare function CollapsibleTrigger({
-  className,
-  ...props
-}: CollapsibleTriggerProps): _$react_jsx_runtime0.JSX.Element;
-declare function CollapsibleContent({
-  ...props
-}: CollapsibleContentProps): _$react_jsx_runtime0.JSX.Element;
+declare function Collapsible({ ...props }: CollapsibleProps): React.JSX.Element;
+declare function CollapsibleTrigger({ className, ...props }: CollapsibleTriggerProps): React.JSX.Element;
+declare function CollapsibleContent({ ...props }: CollapsibleContentProps): React.JSX.Element;
 //#endregion
 export { Collapsible, CollapsibleContent, type CollapsibleContentProps, type CollapsibleProps, CollapsibleTrigger, type CollapsibleTriggerProps };

package/dist/combobox.d.ts

@@ -1,7 +1,6 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import * as React from "react";
+import { VariantProps } from "class-variance-authority";
 import { Combobox as Combobox$1 } from "@base-ui/react/combobox";
-
 //#region src/combobox.d.ts
 type ComboboxProps = React.ComponentProps<typeof Combobox$1.Root>;
 type ComboboxValueProps = React.ComponentProps<typeof Combobox$1.Value>;
@@ -18,91 +17,37 @@ type ComboboxLabelProps = React.ComponentProps<typeof Combobox$1.GroupLabel>;
 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 ComboboxChipsProps = React.ComponentProps<typeof Combobox$1.Chips> & VariantProps<typeof comboboxChipsVariants>;
 type ComboboxChipBaseProps = React.ComponentProps<typeof Combobox$1.Chip>;
 type ComboboxChipsInputProps = React.ComponentProps<typeof Combobox$1.Input>;
-type ComboboxInputProps = ComboboxInputBaseProps & {
+type ComboboxInputProps = Omit<ComboboxInputBaseProps, "size"> & {
   showTrigger?: boolean;
   showClear?: boolean;
+  size?: "xs" | "sm" | "default" | "lg";
 };
 type ComboboxChipProps = ComboboxChipBaseProps & {
   showRemove?: boolean;
 };
 type ComboboxContentProps = ComboboxPopupProps & Pick<ComboboxPositionerProps, "side" | "align" | "sideOffset" | "alignOffset" | "anchor">;
-declare function Combobox({
-  ...props
-}: ComboboxProps): _$react_jsx_runtime0.JSX.Element;
-declare function ComboboxValue({
-  ...props
-}: ComboboxValueProps): _$react_jsx_runtime0.JSX.Element;
-declare function ComboboxTrigger({
-  className,
-  children,
-  ...props
-}: ComboboxTriggerProps): _$react_jsx_runtime0.JSX.Element;
-declare function ComboboxClear({
-  className,
-  ...props
-}: ComboboxClearProps): _$react_jsx_runtime0.JSX.Element;
-declare function ComboboxInput({
-  className,
-  children,
-  disabled,
-  showTrigger,
-  showClear,
-  ...props
-}: ComboboxInputProps): _$react_jsx_runtime0.JSX.Element;
-declare function ComboboxContent({
-  className,
-  side,
-  sideOffset,
-  align,
-  alignOffset,
-  anchor,
-  ...props
-}: ComboboxContentProps): _$react_jsx_runtime0.JSX.Element;
-declare function ComboboxList({
-  className,
-  ...props
-}: ComboboxListProps): _$react_jsx_runtime0.JSX.Element;
-declare function ComboboxItem({
-  className,
-  children,
-  ...props
-}: ComboboxItemProps): _$react_jsx_runtime0.JSX.Element;
-declare function ComboboxGroup({
-  className,
-  ...props
-}: ComboboxGroupProps): _$react_jsx_runtime0.JSX.Element;
-declare function ComboboxLabel({
-  className,
-  ...props
-}: ComboboxLabelProps): _$react_jsx_runtime0.JSX.Element;
-declare function ComboboxCollection({
-  ...props
-}: ComboboxCollectionProps): _$react_jsx_runtime0.JSX.Element;
-declare function ComboboxEmpty({
-  className,
-  ...props
-}: ComboboxEmptyProps): _$react_jsx_runtime0.JSX.Element;
-declare function ComboboxSeparator({
-  className,
-  ...props
-}: ComboboxSeparatorProps): _$react_jsx_runtime0.JSX.Element;
-declare function ComboboxChips({
-  className,
-  ...props
-}: ComboboxChipsProps): _$react_jsx_runtime0.JSX.Element;
-declare function ComboboxChip({
-  className,
-  children,
-  showRemove,
-  ...props
-}: ComboboxChipProps): _$react_jsx_runtime0.JSX.Element;
-declare function ComboboxChipsInput({
-  className,
-  ...props
-}: ComboboxChipsInputProps): _$react_jsx_runtime0.JSX.Element;
+declare function Combobox({ ...props }: ComboboxProps): React.JSX.Element;
+declare function ComboboxValue({ ...props }: ComboboxValueProps): React.JSX.Element;
+declare function ComboboxTrigger({ className, children, ...props }: ComboboxTriggerProps): React.JSX.Element;
+declare function ComboboxClear({ className, ...props }: ComboboxClearProps): React.JSX.Element;
+declare function ComboboxInput({ className, children, disabled, showTrigger, showClear, size, ...props }: ComboboxInputProps): React.JSX.Element;
+declare function ComboboxContent({ className, side, sideOffset, align, alignOffset, anchor, ...props }: ComboboxContentProps): React.JSX.Element;
+declare function ComboboxList({ className, ...props }: ComboboxListProps): React.JSX.Element;
+declare function ComboboxItem({ className, children, ...props }: ComboboxItemProps): React.JSX.Element;
+declare function ComboboxGroup({ className, ...props }: ComboboxGroupProps): React.JSX.Element;
+declare function ComboboxLabel({ className, ...props }: ComboboxLabelProps): React.JSX.Element;
+declare function ComboboxCollection({ ...props }: ComboboxCollectionProps): React.JSX.Element;
+declare function ComboboxEmpty({ className, ...props }: ComboboxEmptyProps): React.JSX.Element;
+declare function ComboboxSeparator({ className, ...props }: ComboboxSeparatorProps): React.JSX.Element;
+declare const comboboxChipsVariants: (props?: ({
+  size?: "default" | "lg" | "sm" | "xs" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function ComboboxChips({ className, size, ...props }: ComboboxChipsProps): React.JSX.Element;
+declare function ComboboxChip({ className, children, showRemove, ...props }: ComboboxChipProps): React.JSX.Element;
+declare function ComboboxChipsInput({ className, ...props }: ComboboxChipsInputProps): React.JSX.Element;
 declare function useComboboxAnchor(): React.RefObject<HTMLDivElement | null>;
 //#endregion
-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 };
+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, comboboxChipsVariants, useComboboxAnchor };

package/dist/combobox.js

@@ -5,6 +5,7 @@ import { Button } from "./button.js";
 import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput } from "./input-group.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
+import { cva } from "class-variance-authority";
 import { Combobox as Combobox$1 } from "@base-ui/react/combobox";
 //#region src/combobox.tsx
 function Combobox({ ...props }) {
@@ -33,16 +34,19 @@ function ComboboxClear({ className, ...props }) {
 		"aria-label": "Clear",
 		render: /* @__PURE__ */ jsx(InputGroupButton, {
 			variant: "ghost",
-			size: "icon-xs"
+			size: "icon"
 		}),
 		className: cn("motion-scale-sm", className),
 		...props,
 		children: /* @__PURE__ */ jsx(CloseIcon, { className: "pointer-events-none" })
 	});
 }
-function ComboboxInput({ className, children, disabled, showTrigger = true, showClear = false, ...props }) {
+function ComboboxInput({ className, children, disabled, showTrigger = true, showClear = false, size = "default", ...props }) {
 	return /* @__PURE__ */ jsxs(Combobox$1.InputGroup, {
-		render: /* @__PURE__ */ jsx(InputGroup, { className: cn(className) }),
+		render: /* @__PURE__ */ jsx(InputGroup, {
+			size,
+			className: cn(className)
+		}),
 		children: [
 			/* @__PURE__ */ jsx(Combobox$1.Input, {
 				render: /* @__PURE__ */ jsx(InputGroupInput, { disabled }),
@@ -53,7 +57,7 @@ function ComboboxInput({ className, children, disabled, showTrigger = true, show
 				children: /* @__PURE__ */ jsxs("div", {
 					className: "relative grid size-6 *:[grid-area:1/1]",
 					children: [showTrigger ? /* @__PURE__ */ jsx(InputGroupButton, {
-						size: "icon-xs",
+						size: "icon",
 						variant: "ghost",
 						nativeButton: true,
 						render: /* @__PURE__ */ jsx(ComboboxTrigger, {}),
@@ -150,10 +154,20 @@ function ComboboxSeparator({ className, ...props }) {
 		...props
 	});
 }
-function ComboboxChips({ className, ...props }) {
+const comboboxChipsVariants = cva("bg-edge hover:border-focus focus-within:border-focus focus-within:ring-focus/50 has-aria-invalid:ring-destructive/30 has-aria-invalid:border-destructive flex flex-wrap items-center gap-1 rounded-md border border-transparent motion-color focus-within:ring-3 has-aria-invalid:ring-3 has-data-[slot=combobox-chip]:px-1", {
+	variants: { size: {
+		xs: "min-h-6 rounded-sm px-2 py-0.5 text-xs",
+		sm: "min-h-8 px-3 py-1 text-sm",
+		default: "min-h-9 px-3 py-1 text-base",
+		lg: "min-h-11 px-4 py-1.5 text-lg"
+	} },
+	defaultVariants: { size: "default" }
+});
+function ComboboxChips({ className, size = "default", ...props }) {
 	return /* @__PURE__ */ jsx(Combobox$1.Chips, {
 		"data-slot": "combobox-chips",
-		className: cn("dark:bg-edge/30 border-edge focus-within:border-focus focus-within:ring-focus/50 has-aria-invalid:ring-destructive/30 has-aria-invalid:border-destructive flex min-h-8 flex-wrap items-center gap-1 rounded-md border bg-transparent bg-clip-padding px-2.5 py-1 text-sm transition-colors focus-within:ring-3 has-aria-invalid:ring-3 has-data-[slot=combobox-chip]:px-1", className),
+		"data-size": size,
+		className: cn(comboboxChipsVariants({ size }), className),
 		...props
 	});
 }
@@ -185,4 +199,4 @@ function useComboboxAnchor() {
 	return React.useRef(null);
 }
 //#endregion
-export { Combobox, ComboboxChip, ComboboxChips, ComboboxChipsInput, ComboboxClear, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxList, ComboboxSeparator, ComboboxTrigger, ComboboxValue, useComboboxAnchor };
+export { Combobox, ComboboxChip, ComboboxChips, ComboboxChipsInput, ComboboxClear, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxList, ComboboxSeparator, ComboboxTrigger, ComboboxValue, comboboxChipsVariants, useComboboxAnchor };

package/dist/context-menu.d.ts

@@ -1,8 +1,6 @@
 import { RestoreFocusOnClose } from "./lib/focus.js";
-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
 type ContextMenuProps = React.ComponentProps<typeof ContextMenu$1.Root>;
 type ContextMenuPortalProps = React.ComponentProps<typeof ContextMenu$1.Portal>;
@@ -38,70 +36,20 @@ type ContextMenuRadioItemProps = React.ComponentProps<typeof ContextMenu$1.Radio
 type ContextMenuSeparatorProps = React.ComponentProps<typeof ContextMenu$1.Separator>;
 type ContextMenuSubContentProps = React.ComponentProps<typeof ContextMenuContent>;
 type ContextMenuShortcutProps = React.ComponentProps<"span">;
-declare function ContextMenu(props: ContextMenuProps): _$react_jsx_runtime0.JSX.Element;
-declare function ContextMenuPortal(props: ContextMenuPortalProps): _$react_jsx_runtime0.JSX.Element;
-declare function ContextMenuTrigger({
-  className,
-  ...props
-}: ContextMenuTriggerProps): _$react_jsx_runtime0.JSX.Element;
-declare function ContextMenuContent({
-  className,
-  align,
-  alignOffset,
-  side,
-  sideOffset,
-  restoreFocusOnClose,
-  finalFocus,
-  ...props
-}: ContextMenuContentProps): _$react_jsx_runtime0.JSX.Element;
-declare function ContextMenuGroup(props: ContextMenuGroupProps): _$react_jsx_runtime0.JSX.Element;
-declare function ContextMenuLabel({
-  className,
-  inset,
-  ...props
-}: ContextMenuLabelProps): _$react_jsx_runtime0.JSX.Element;
-declare function ContextMenuItem({
-  className,
-  inset,
-  variant,
-  ...props
-}: ContextMenuItemProps): _$react_jsx_runtime0.JSX.Element;
-declare function ContextMenuSub(props: ContextMenuSubProps): _$react_jsx_runtime0.JSX.Element;
-declare function ContextMenuSubTrigger({
-  className,
-  inset,
-  children,
-  ...props
-}: ContextMenuSubTriggerProps): _$react_jsx_runtime0.JSX.Element;
-declare function ContextMenuSubContent({
-  align,
-  alignOffset,
-  side,
-  sideOffset,
-  className,
-  ...props
-}: ContextMenuSubContentProps): _$react_jsx_runtime0.JSX.Element;
-declare function ContextMenuCheckboxItem({
-  className,
-  children,
-  checked,
-  inset,
-  ...props
-}: ContextMenuCheckboxItemProps): _$react_jsx_runtime0.JSX.Element;
-declare function ContextMenuRadioGroup(props: ContextMenuRadioGroupProps): _$react_jsx_runtime0.JSX.Element;
-declare function ContextMenuRadioItem({
-  className,
-  children,
-  inset,
-  ...props
-}: ContextMenuRadioItemProps): _$react_jsx_runtime0.JSX.Element;
-declare function ContextMenuSeparator({
-  className,
-  ...props
-}: ContextMenuSeparatorProps): _$react_jsx_runtime0.JSX.Element;
-declare function ContextMenuShortcut({
-  className,
-  ...props
-}: ContextMenuShortcutProps): _$react_jsx_runtime0.JSX.Element;
+declare function ContextMenu(props: ContextMenuProps): React.JSX.Element;
+declare function ContextMenuPortal(props: ContextMenuPortalProps): React.JSX.Element;
+declare function ContextMenuTrigger({ className, ...props }: ContextMenuTriggerProps): React.JSX.Element;
+declare function ContextMenuContent({ className, align, alignOffset, side, sideOffset, restoreFocusOnClose, finalFocus, ...props }: ContextMenuContentProps): React.JSX.Element;
+declare function ContextMenuGroup(props: ContextMenuGroupProps): React.JSX.Element;
+declare function ContextMenuLabel({ className, inset, ...props }: ContextMenuLabelProps): React.JSX.Element;
+declare function ContextMenuItem({ className, inset, variant, ...props }: ContextMenuItemProps): React.JSX.Element;
+declare function ContextMenuSub(props: ContextMenuSubProps): React.JSX.Element;
+declare function ContextMenuSubTrigger({ className, inset, children, ...props }: ContextMenuSubTriggerProps): React.JSX.Element;
+declare function ContextMenuSubContent({ align, alignOffset, side, sideOffset, className, ...props }: ContextMenuSubContentProps): React.JSX.Element;
+declare function ContextMenuCheckboxItem({ className, children, checked, inset, ...props }: ContextMenuCheckboxItemProps): React.JSX.Element;
+declare function ContextMenuRadioGroup(props: ContextMenuRadioGroupProps): React.JSX.Element;
+declare function ContextMenuRadioItem({ className, children, inset, ...props }: ContextMenuRadioItemProps): React.JSX.Element;
+declare function ContextMenuSeparator({ className, ...props }: ContextMenuSeparatorProps): React.JSX.Element;
+declare function ContextMenuShortcut({ className, ...props }: ContextMenuShortcutProps): React.JSX.Element;
 //#endregion
 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/count.d.ts

@@ -1,6 +1,4 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { ReactElement } from "react";
-
 //#region src/count.d.ts
 interface CountProps {
   /** Target number or Date to count to */
@@ -67,19 +65,7 @@ declare function easeOut(t: number): number;
  * </Count>
  * ```
  */
-declare function Count({
-  to,
-  from: start,
-  duration,
-  delay,
-  format,
-  prefix,
-  suffix,
-  children,
-  once,
-  easing,
-  onComplete
-}: CountProps): _$react_jsx_runtime0.JSX.Element;
+declare function Count({ to, from: start, duration, delay, format, prefix, suffix, children, once, easing, onComplete }: CountProps): import("react").JSX.Element;
 /** @deprecated Use `Count` instead */
 declare const CountUp: typeof Count;
 //#endregion

package/dist/count.js

@@ -7,6 +7,7 @@ import { useInView, useReducedMotion } from "motion/react";
 function easeOut(t) {
 	return 1 - (1 - t) ** 3;
 }
+const pad = (n) => String(n).padStart(2, "0");
 function formatCountdown(ms) {
 	if (ms <= 0) return "00:00:00";
 	const totalSeconds = Math.floor(ms / 1e3);
@@ -14,7 +15,6 @@ function formatCountdown(ms) {
 	const hours = Math.floor(totalSeconds % 86400 / 3600);
 	const minutes = Math.floor(totalSeconds % 3600 / 60);
 	const seconds = totalSeconds % 60;
-	const pad = (n) => String(n).padStart(2, "0");
 	if (days > 0) return `${days}d ${pad(hours)}:${pad(minutes)}:${pad(seconds)}`;
 	return `${pad(hours)}:${pad(minutes)}:${pad(seconds)}`;
 }
@@ -114,7 +114,8 @@ function NumberCount({ to, from: start, duration, delay, format, prefix, suffix,
 				if (!startTime) startTime = timestamp;
 				const elapsed = timestamp - startTime;
 				const progress = Math.min(elapsed / duration, 1);
-				setDisplay(start + (to - start) * easingRef.current(progress));
+				const current = start + (to - start) * easingRef.current(progress);
+				setDisplay(current);
 				if (progress < 1) raf = requestAnimationFrame(animate);
 				else onCompleteRef.current?.();
 			};

package/dist/dialog.d.ts

@@ -1,7 +1,5 @@
-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
 type DialogProps = React.ComponentProps<typeof Dialog$1.Root> & {
   /**
@@ -28,44 +26,15 @@ type DialogContentProps = DialogPopupProps & {
 };
 type DialogHeaderProps = React.ComponentProps<"div">;
 type DialogFooterProps = React.ComponentProps<"div">;
-declare function Dialog({
-  disablePointerDismissal,
-  ...props
-}: DialogProps): _$react_jsx_runtime0.JSX.Element;
-declare function DialogTrigger({
-  ...props
-}: DialogTriggerProps): _$react_jsx_runtime0.JSX.Element;
-declare function DialogPortal({
-  ...props
-}: DialogPortalProps): _$react_jsx_runtime0.JSX.Element;
-declare function DialogClose({
-  ...props
-}: DialogCloseProps): _$react_jsx_runtime0.JSX.Element;
-declare function DialogOverlay({
-  className,
-  ...props
-}: DialogOverlayProps): _$react_jsx_runtime0.JSX.Element;
-declare function DialogContent({
-  className,
-  children,
-  showCloseButton,
-  ...props
-}: DialogContentProps): _$react_jsx_runtime0.JSX.Element;
-declare function DialogHeader({
-  className,
-  ...props
-}: DialogHeaderProps): _$react_jsx_runtime0.JSX.Element;
-declare function DialogFooter({
-  className,
-  ...props
-}: DialogFooterProps): _$react_jsx_runtime0.JSX.Element;
-declare function DialogTitle({
-  className,
-  ...props
-}: DialogTitleProps): _$react_jsx_runtime0.JSX.Element;
-declare function DialogDescription({
-  className,
-  ...props
-}: DialogDescriptionProps): _$react_jsx_runtime0.JSX.Element;
+declare function Dialog({ disablePointerDismissal, ...props }: DialogProps): React.JSX.Element;
+declare function DialogTrigger({ ...props }: DialogTriggerProps): React.JSX.Element;
+declare function DialogPortal({ ...props }: DialogPortalProps): React.JSX.Element;
+declare function DialogClose({ ...props }: DialogCloseProps): React.JSX.Element;
+declare function DialogOverlay({ className, ...props }: DialogOverlayProps): React.JSX.Element;
+declare function DialogContent({ className, children, showCloseButton, ...props }: DialogContentProps): React.JSX.Element;
+declare function DialogHeader({ className, ...props }: DialogHeaderProps): React.JSX.Element;
+declare function DialogFooter({ className, ...props }: DialogFooterProps): React.JSX.Element;
+declare function DialogTitle({ className, ...props }: DialogTitleProps): React.JSX.Element;
+declare function DialogDescription({ className, ...props }: DialogDescriptionProps): React.JSX.Element;
 //#endregion
 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/direction.d.ts

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