@waveso/ui 0.14.0 → 0.15.1

package/README.md

@@ -180,7 +180,7 @@ Every component is built on a [Base UI](https://base-ui.com) primitive — full
 
 A comprehensive set spanning **actions, forms, layout, navigation, overlays, feedback, data display, and motion effects** — all built on Base UI primitives and driven by the theme tokens.
 
-Browse every component, with live variants and source, in **Storybook** (`npm run storybook`). A full documentation site is on the way at **[ui.wave.so](https://ui.wave.so)**.
+Browse every component, with live variants and source, in **Storybook** (`pnpm storybook`). A full documentation site is on the way at **[ui.wave.so](https://ui.wave.so)**.
 
 ## Requirements
 
@@ -203,11 +203,13 @@ Some components have optional peer dependencies — install only what you use:
 ## Development
 
 ```bash
-npm install
-npm run storybook    # Start Storybook
-npm run build        # Build the library
-npm run typecheck    # Type-check
-npm run dev          # Watch mode
+pnpm install
+pnpm storybook       # Start Storybook
+pnpm build           # Build the library
+pnpm typecheck       # Type-check
+pnpm lint            # Lint with oxlint (pnpm lint:fix to autofix)
+pnpm format          # Format with oxfmt (pnpm format:check to verify)
+pnpm dev             # Watch mode
 ```
 
 ### Project structure
@@ -228,7 +230,7 @@ src/
 
 This project uses [Changesets](https://github.com/changesets/changesets) with GitHub Actions.
 
-1. Run `npx changeset` to describe your changes (patch, minor, or major)
+1. Run `pnpm changeset` to describe your changes (patch, minor, or major)
 2. Commit the generated changeset file with your PR
 3. When merged to `main`, CI automatically versions and publishes to npm
 
@@ -238,9 +240,9 @@ This project uses [Changesets](https://github.com/changesets/changesets) with Gi
 If you're not using the GitHub Actions workflow, you can publish manually. Changesets skips versions already published to npm, so this won't conflict if CI has already run.
 
 ```bash
-npx changeset              # Create a changeset
-npx changeset version      # Apply version bump
-npm run release            # Build and publish to npm
+pnpm changeset             # Create a changeset
+pnpm changeset version     # Apply version bump
+pnpm release               # Build and publish to npm
 ```
 
 </details>

package/dist/accordion.d.ts

@@ -1,29 +1,13 @@
 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>;
 type AccordionItemProps = React.ComponentProps<typeof Accordion$1.Item>;
 type AccordionTriggerProps = React.ComponentProps<typeof Accordion$1.Trigger>;
 type AccordionContentProps = React.ComponentProps<typeof Accordion$1.Panel>;
-declare function Accordion({
-  className,
-  ...props
-}: AccordionProps): _$react_jsx_runtime0.JSX.Element;
-declare function AccordionItem({
-  className,
-  ...props
-}: AccordionItemProps): _$react_jsx_runtime0.JSX.Element;
-declare function AccordionTrigger({
-  className,
-  children,
-  ...props
-}: AccordionTriggerProps): _$react_jsx_runtime0.JSX.Element;
-declare function AccordionContent({
-  className,
-  children,
-  ...props
-}: AccordionContentProps): _$react_jsx_runtime0.JSX.Element;
+declare function Accordion({ className, ...props }: AccordionProps): React.JSX.Element;
+declare function AccordionItem({ className, ...props }: AccordionItemProps): React.JSX.Element;
+declare function AccordionTrigger({ className, children, ...props }: AccordionTriggerProps): React.JSX.Element;
+declare function AccordionContent({ className, children, ...props }: AccordionContentProps): React.JSX.Element;
 //#endregion
 export { Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionTrigger, type AccordionTriggerProps };

package/dist/action-bar.d.ts

@@ -1,6 +1,4 @@
-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. */
 interface ActionBarEntry {
@@ -64,14 +62,7 @@ interface ActionBarProviderProps {
  * useActionBar('profile', { hasChanges, saving, onSave, onReset });
  * ```
  */
-declare function ActionBarProvider({
-  children,
-  message,
-  pluralMessage,
-  blockedMessage,
-  labels,
-  className
-}: ActionBarProviderProps): _$react_jsx_runtime0.JSX.Element;
+declare function ActionBarProvider({ children, message, pluralMessage, blockedMessage, labels, className }: ActionBarProviderProps): React.JSX.Element;
 /**
  * Register a form's unsaved state with the global ActionBar.
  *

package/dist/action-bar.js

@@ -24,6 +24,7 @@ function useIsMac() {
 	return isMac;
 }
 const ActionBarContext = React.createContext(null);
+const defaultPluralMessage = (count) => `${count} unsaved changes`;
 /**
 * Global action bar for unsaved changes.
 *
@@ -48,7 +49,7 @@ const ActionBarContext = React.createContext(null);
 * useActionBar('profile', { hasChanges, saving, onSave, onReset });
 * ```
 */
-function ActionBarProvider({ children, message = "You have unsaved changes", pluralMessage = (count) => `${count} unsaved changes`, blockedMessage = "Save or reset your changes before leaving this page", labels, className }) {
+function ActionBarProvider({ children, message = "You have unsaved changes", pluralMessage = defaultPluralMessage, blockedMessage = "Save or reset your changes before leaving this page", labels, className }) {
 	const text = {
 		save: "Save",
 		saving: "Saving",

package/dist/alert-dialog.d.ts

@@ -1,8 +1,6 @@
 import { Button } from "./button.js";
-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
 type AlertDialogProps = React.ComponentProps<typeof AlertDialog$1.Root>;
 type AlertDialogTriggerProps = React.ComponentProps<typeof AlertDialog$1.Trigger>;
@@ -18,55 +16,17 @@ type AlertDialogTitleProps = React.ComponentProps<typeof AlertDialog$1.Title>;
 type AlertDialogDescriptionProps = React.ComponentProps<typeof AlertDialog$1.Description>;
 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
-}: AlertDialogProps): _$react_jsx_runtime0.JSX.Element;
-declare function AlertDialogTrigger({
-  ...props
-}: AlertDialogTriggerProps): _$react_jsx_runtime0.JSX.Element;
-declare function AlertDialogPortal({
-  ...props
-}: AlertDialogPortalProps): _$react_jsx_runtime0.JSX.Element;
-declare function AlertDialogOverlay({
-  className,
-  ...props
-}: AlertDialogOverlayProps): _$react_jsx_runtime0.JSX.Element;
-declare function AlertDialogContent({
-  className,
-  size,
-  ...props
-}: AlertDialogContentProps): _$react_jsx_runtime0.JSX.Element;
-declare function AlertDialogHeader({
-  className,
-  ...props
-}: AlertDialogHeaderProps): _$react_jsx_runtime0.JSX.Element;
-declare function AlertDialogFooter({
-  className,
-  ...props
-}: AlertDialogFooterProps): _$react_jsx_runtime0.JSX.Element;
-declare function AlertDialogMedia({
-  className,
-  ...props
-}: AlertDialogMediaProps): _$react_jsx_runtime0.JSX.Element;
-declare function AlertDialogTitle({
-  className,
-  ...props
-}: AlertDialogTitleProps): _$react_jsx_runtime0.JSX.Element;
-declare function AlertDialogDescription({
-  className,
-  ...props
-}: AlertDialogDescriptionProps): _$react_jsx_runtime0.JSX.Element;
-declare function AlertDialogAction({
-  className,
-  variant,
-  size,
-  ...props
-}: AlertDialogActionProps): _$react_jsx_runtime0.JSX.Element;
-declare function AlertDialogCancel({
-  className,
-  variant,
-  size,
-  ...props
-}: AlertDialogCancelProps): _$react_jsx_runtime0.JSX.Element;
+declare function AlertDialog({ ...props }: AlertDialogProps): React.JSX.Element;
+declare function AlertDialogTrigger({ ...props }: AlertDialogTriggerProps): React.JSX.Element;
+declare function AlertDialogPortal({ ...props }: AlertDialogPortalProps): React.JSX.Element;
+declare function AlertDialogOverlay({ className, ...props }: AlertDialogOverlayProps): React.JSX.Element;
+declare function AlertDialogContent({ className, size, ...props }: AlertDialogContentProps): React.JSX.Element;
+declare function AlertDialogHeader({ className, ...props }: AlertDialogHeaderProps): React.JSX.Element;
+declare function AlertDialogFooter({ className, ...props }: AlertDialogFooterProps): React.JSX.Element;
+declare function AlertDialogMedia({ className, ...props }: AlertDialogMediaProps): React.JSX.Element;
+declare function AlertDialogTitle({ className, ...props }: AlertDialogTitleProps): React.JSX.Element;
+declare function AlertDialogDescription({ className, ...props }: AlertDialogDescriptionProps): React.JSX.Element;
+declare function AlertDialogAction({ className, variant, size, ...props }: AlertDialogActionProps): React.JSX.Element;
+declare function AlertDialogCancel({ className, variant, size, ...props }: AlertDialogCancelProps): React.JSX.Element;
 //#endregion
 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.d.ts

@@ -1,32 +1,16 @@
-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";
-
 //#region src/alert.d.ts
 declare const alertVariants: (props?: ({
   variant?: "default" | "destructive" | null | undefined;
-} & _$class_variance_authority_types0.ClassProp) | undefined) => string;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type AlertProps = React.ComponentProps<"div"> & VariantProps<typeof alertVariants>;
 type AlertTitleProps = React.ComponentProps<"div">;
 type AlertDescriptionProps = React.ComponentProps<"div">;
 type AlertActionProps = React.ComponentProps<"div">;
-declare function Alert({
-  className,
-  variant,
-  ...props
-}: AlertProps): _$react_jsx_runtime0.JSX.Element;
-declare function AlertTitle({
-  className,
-  ...props
-}: AlertTitleProps): _$react_jsx_runtime0.JSX.Element;
-declare function AlertDescription({
-  className,
-  ...props
-}: AlertDescriptionProps): _$react_jsx_runtime0.JSX.Element;
-declare function AlertAction({
-  className,
-  ...props
-}: AlertActionProps): _$react_jsx_runtime0.JSX.Element;
+declare function Alert({ className, variant, ...props }: AlertProps): React.JSX.Element;
+declare function AlertTitle({ className, ...props }: AlertTitleProps): React.JSX.Element;
+declare function AlertDescription({ className, ...props }: AlertDescriptionProps): React.JSX.Element;
+declare function AlertAction({ className, ...props }: AlertActionProps): React.JSX.Element;
 //#endregion
 export { Alert, AlertAction, type AlertActionProps, AlertDescription, type AlertDescriptionProps, type AlertProps, AlertTitle, type AlertTitleProps, alertVariants };

package/dist/animate.d.ts

@@ -1,7 +1,4 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
-import * as _$react from "react";
 import { ReactElement } from "react";
-
 //#region src/animate.d.ts
 type Direction = "up" | "down" | "left" | "right";
 /**
@@ -106,19 +103,7 @@ interface FloatProps {
  * </AnimateOnView>
  * ```
  */
-declare function AnimateOnView({
-  children,
-  delay,
-  from,
-  distance,
-  scale,
-  blur,
-  rotate,
-  flip,
-  spring,
-  once,
-  transition
-}: AnimateOnViewProps): ReactElement<unknown, string | _$react.JSXElementConstructor<any>>;
+declare function AnimateOnView({ children, delay, from, distance, scale, blur, rotate, flip, spring, once, transition }: AnimateOnViewProps): ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 /**
  * Animates a child element immediately on mount.
  *
@@ -132,18 +117,7 @@ declare function AnimateOnView({
  * </AnimateIn>
  * ```
  */
-declare function AnimateIn({
-  children,
-  delay,
-  from,
-  distance,
-  scale,
-  blur,
-  rotate,
-  flip,
-  spring,
-  transition
-}: AnimateInProps): ReactElement<unknown, string | _$react.JSXElementConstructor<any>>;
+declare function AnimateIn({ children, delay, from, distance, scale, blur, rotate, flip, spring, transition }: AnimateInProps): ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 /**
  * Auto-staggers delay on child AnimateIn/AnimateOnView elements.
  * Eliminates manual `delay={i * 0.08}` math.
@@ -156,11 +130,7 @@ declare function AnimateIn({
  * </Stagger>
  * ```
  */
-declare function Stagger({
-  children,
-  interval,
-  baseDelay
-}: StaggerProps): _$react_jsx_runtime0.JSX.Element;
+declare function Stagger({ children, interval, baseDelay }: StaggerProps): import("react").JSX.Element;
 /**
  * Continuous, subtle scale pulse. Great for live indicators and CTAs.
  * Zero DOM overhead — injects a scoped keyframe via `<style>`.
@@ -172,14 +142,7 @@ declare function Stagger({
  * </Pulse>
  * ```
  */
-declare function Pulse({
-  children,
-  min,
-  max,
-  duration,
-  opacity,
-  paused
-}: PulseProps): _$react_jsx_runtime0.JSX.Element;
+declare function Pulse({ children, min, max, duration, opacity, paused }: PulseProps): import("react").JSX.Element;
 /**
  * Gentle continuous up/down float. Perfect for decorative elements.
  * Zero DOM overhead — injects a scoped keyframe via `<style>`.
@@ -191,12 +154,6 @@ declare function Pulse({
  * </Float>
  * ```
  */
-declare function Float({
-  children,
-  distance,
-  duration,
-  rotate,
-  paused
-}: FloatProps): _$react_jsx_runtime0.JSX.Element;
+declare function Float({ children, distance, duration, rotate, paused }: FloatProps): import("react").JSX.Element;
 //#endregion
 export { AnimateIn, type AnimateInProps, AnimateOnView, type AnimateOnViewProps, type AnimateTransition, type Direction, Float, type FloatProps, Pulse, type PulseProps, Stagger, type StaggerProps };

package/dist/animate.js

@@ -277,10 +277,11 @@ function Pulse({ children, min = .97, max = 1.03, duration = 2, opacity, paused
 		style: existingStyle
 	});
 	const name = `pulse-${id}`;
-	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("style", { children: `@keyframes ${name} {
+	const keyframes = `@keyframes ${name} {
   0%, 100% { transform: scale(${min}); opacity: ${opacity?.[0] ?? 1}; }
   50% { transform: scale(${max}); opacity: ${opacity?.[1] ?? 1}; }
-}` }), cloneElement(children, {
+}`;
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("style", { children: keyframes }), cloneElement(children, {
 		ref: existingRef ? mergeRefs(existingRef) : void 0,
 		style: {
 			...existingStyle,
@@ -319,10 +320,11 @@ function Float({ children, distance = 6, duration = 3, rotate = 0, paused = fals
 	const name = `float-${id}`;
 	const rotA = rotate ? ` rotate(${-rotate}deg)` : "";
 	const rotB = rotate ? ` rotate(${rotate}deg)` : "";
-	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("style", { children: `@keyframes ${name} {
+	const keyframes = `@keyframes ${name} {
   0%, 100% { transform: translateY(0px)${rotA}; }
   50% { transform: translateY(${-distance}px)${rotB}; }
-}` }), cloneElement(children, {
+}`;
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("style", { children: keyframes }), cloneElement(children, {
 		...existingRef ? { ref: existingRef } : {},
 		style: {
 			...existingStyle,

package/dist/aspect-ratio.d.ts

@@ -1,14 +1,9 @@
-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"> & {
-  /** The width-to-height ratio (e.g. 16/9, 4/3, 1) */ratio: number;
+  /** The width-to-height ratio (e.g. 16/9, 4/3, 1) */
+  ratio: number;
 };
-declare function AspectRatio({
-  ratio,
-  className,
-  ...props
-}: AspectRatioProps): _$react_jsx_runtime0.JSX.Element;
+declare function AspectRatio({ ratio, className, ...props }: AspectRatioProps): React.JSX.Element;
 //#endregion
 export { AspectRatio, type AspectRatioProps };

package/dist/autocomplete.d.ts

@@ -1,10 +1,10 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { inputVariants } from "./input.js";
 import * as React from "react";
+import { VariantProps } from "class-variance-authority";
 import { Autocomplete as Autocomplete$1 } from "@base-ui/react/autocomplete";
-
 //#region src/autocomplete.d.ts
 type AutocompleteProps = React.ComponentProps<typeof Autocomplete$1.Root>;
-type AutocompleteInputProps = React.ComponentProps<typeof Autocomplete$1.Input>;
+type AutocompleteInputProps = Omit<React.ComponentProps<typeof Autocomplete$1.Input>, "size"> & VariantProps<typeof inputVariants>;
 type AutocompleteTriggerProps = React.ComponentProps<typeof Autocomplete$1.Trigger>;
 type AutocompleteIconProps = React.ComponentProps<typeof Autocomplete$1.Icon>;
 type AutocompleteClearProps = React.ComponentProps<typeof Autocomplete$1.Clear>;
@@ -24,90 +24,26 @@ type AutocompleteGroupProps = React.ComponentProps<typeof Autocomplete$1.Group>;
 type AutocompleteGroupLabelProps = React.ComponentProps<typeof Autocomplete$1.GroupLabel>;
 type AutocompleteCollectionProps = React.ComponentProps<typeof Autocomplete$1.Collection>;
 type AutocompleteContentProps = AutocompletePopupProps & Pick<AutocompletePositionerProps, "align" | "alignOffset" | "side" | "sideOffset">;
-declare function Autocomplete({
-  ...props
-}: AutocompleteProps): _$react_jsx_runtime0.JSX.Element;
-declare function AutocompleteInput({
-  className,
-  ...props
-}: AutocompleteInputProps): _$react_jsx_runtime0.JSX.Element;
-declare function AutocompleteTrigger({
-  className,
-  ...props
-}: AutocompleteTriggerProps): _$react_jsx_runtime0.JSX.Element;
-declare function AutocompleteIcon({
-  className,
-  ...props
-}: AutocompleteIconProps): _$react_jsx_runtime0.JSX.Element;
-declare function AutocompleteClear({
-  className,
-  ...props
-}: AutocompleteClearProps): _$react_jsx_runtime0.JSX.Element;
-declare function AutocompleteValue({
-  ...props
-}: AutocompleteValueProps): _$react_jsx_runtime0.JSX.Element;
-declare function AutocompletePortal({
-  className,
-  ...props
-}: AutocompletePortalProps): _$react_jsx_runtime0.JSX.Element;
-declare function AutocompleteBackdrop({
-  className,
-  ...props
-}: AutocompleteBackdropProps): _$react_jsx_runtime0.JSX.Element;
-declare function AutocompletePositioner({
-  className,
-  ...props
-}: AutocompletePositionerProps): _$react_jsx_runtime0.JSX.Element;
-declare function AutocompletePopup({
-  className,
-  ...props
-}: AutocompletePopupProps): _$react_jsx_runtime0.JSX.Element;
-declare function AutocompleteArrow({
-  className,
-  ...props
-}: AutocompleteArrowProps): _$react_jsx_runtime0.JSX.Element;
-declare function AutocompleteStatus({
-  className,
-  ...props
-}: AutocompleteStatusProps): _$react_jsx_runtime0.JSX.Element;
-declare function AutocompleteEmpty({
-  className,
-  ...props
-}: AutocompleteEmptyProps): _$react_jsx_runtime0.JSX.Element;
-declare function AutocompleteList({
-  className,
-  ...props
-}: AutocompleteListProps): _$react_jsx_runtime0.JSX.Element;
-declare function AutocompleteRow({
-  className,
-  ...props
-}: AutocompleteRowProps): _$react_jsx_runtime0.JSX.Element;
-declare function AutocompleteItem({
-  className,
-  ...props
-}: AutocompleteItemProps): _$react_jsx_runtime0.JSX.Element;
-declare function AutocompleteSeparator({
-  className,
-  ...props
-}: AutocompleteSeparatorProps): _$react_jsx_runtime0.JSX.Element;
-declare function AutocompleteGroup({
-  className,
-  ...props
-}: AutocompleteGroupProps): _$react_jsx_runtime0.JSX.Element;
-declare function AutocompleteGroupLabel({
-  className,
-  ...props
-}: AutocompleteGroupLabelProps): _$react_jsx_runtime0.JSX.Element;
-declare function AutocompleteCollection({
-  ...props
-}: AutocompleteCollectionProps): _$react_jsx_runtime0.JSX.Element;
-declare function AutocompleteContent({
-  className,
-  align,
-  alignOffset,
-  side,
-  sideOffset,
-  ...props
-}: AutocompleteContentProps): _$react_jsx_runtime0.JSX.Element;
+declare function Autocomplete({ ...props }: AutocompleteProps): React.JSX.Element;
+declare function AutocompleteInput({ className, size, ...props }: AutocompleteInputProps): React.JSX.Element;
+declare function AutocompleteTrigger({ className, ...props }: AutocompleteTriggerProps): React.JSX.Element;
+declare function AutocompleteIcon({ className, ...props }: AutocompleteIconProps): React.JSX.Element;
+declare function AutocompleteClear({ className, ...props }: AutocompleteClearProps): React.JSX.Element;
+declare function AutocompleteValue({ ...props }: AutocompleteValueProps): React.JSX.Element;
+declare function AutocompletePortal({ className, ...props }: AutocompletePortalProps): React.JSX.Element;
+declare function AutocompleteBackdrop({ className, ...props }: AutocompleteBackdropProps): React.JSX.Element;
+declare function AutocompletePositioner({ className, ...props }: AutocompletePositionerProps): React.JSX.Element;
+declare function AutocompletePopup({ className, ...props }: AutocompletePopupProps): React.JSX.Element;
+declare function AutocompleteArrow({ className, ...props }: AutocompleteArrowProps): React.JSX.Element;
+declare function AutocompleteStatus({ className, ...props }: AutocompleteStatusProps): React.JSX.Element;
+declare function AutocompleteEmpty({ className, ...props }: AutocompleteEmptyProps): React.JSX.Element;
+declare function AutocompleteList({ className, ...props }: AutocompleteListProps): React.JSX.Element;
+declare function AutocompleteRow({ className, ...props }: AutocompleteRowProps): React.JSX.Element;
+declare function AutocompleteItem({ className, ...props }: AutocompleteItemProps): React.JSX.Element;
+declare function AutocompleteSeparator({ className, ...props }: AutocompleteSeparatorProps): React.JSX.Element;
+declare function AutocompleteGroup({ className, ...props }: AutocompleteGroupProps): React.JSX.Element;
+declare function AutocompleteGroupLabel({ className, ...props }: AutocompleteGroupLabelProps): React.JSX.Element;
+declare function AutocompleteCollection({ ...props }: AutocompleteCollectionProps): React.JSX.Element;
+declare function AutocompleteContent({ className, align, alignOffset, side, sideOffset, ...props }: AutocompleteContentProps): React.JSX.Element;
 //#endregion
 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,5 +1,6 @@
 "use client";
 import { cn } from "./lib/utils.js";
+import { inputVariants } from "./input.js";
 import { jsx } from "react/jsx-runtime";
 import { Autocomplete as Autocomplete$1 } from "@base-ui/react/autocomplete";
 //#region src/autocomplete.tsx
@@ -9,10 +10,11 @@ function Autocomplete({ ...props }) {
 		...props
 	});
 }
-function AutocompleteInput({ className, ...props }) {
+function AutocompleteInput({ className, size = "default", ...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/30 aria-invalid:border-destructive 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),
+		"data-size": size,
+		className: cn(inputVariants({ size }), className),
 		...props
 	});
 }

package/dist/avatar.d.ts

@@ -1,7 +1,5 @@
-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
 type AvatarProps = Avatar$1.Root.Props & {
   size?: "default" | "sm" | "lg";
@@ -11,30 +9,11 @@ type AvatarFallbackProps = Avatar$1.Fallback.Props;
 type AvatarBadgeProps = React.ComponentProps<"span">;
 type AvatarGroupProps = React.ComponentProps<"div">;
 type AvatarGroupCountProps = React.ComponentProps<"div">;
-declare function Avatar({
-  className,
-  size,
-  ...props
-}: AvatarProps): _$react_jsx_runtime0.JSX.Element;
-declare function AvatarImage({
-  className,
-  ...props
-}: AvatarImageProps): _$react_jsx_runtime0.JSX.Element;
-declare function AvatarFallback({
-  className,
-  ...props
-}: AvatarFallbackProps): _$react_jsx_runtime0.JSX.Element;
-declare function AvatarBadge({
-  className,
-  ...props
-}: AvatarBadgeProps): _$react_jsx_runtime0.JSX.Element;
-declare function AvatarGroup({
-  className,
-  ...props
-}: AvatarGroupProps): _$react_jsx_runtime0.JSX.Element;
-declare function AvatarGroupCount({
-  className,
-  ...props
-}: AvatarGroupCountProps): _$react_jsx_runtime0.JSX.Element;
+declare function Avatar({ className, size, ...props }: AvatarProps): React.JSX.Element;
+declare function AvatarImage({ className, ...props }: AvatarImageProps): React.JSX.Element;
+declare function AvatarFallback({ className, ...props }: AvatarFallbackProps): React.JSX.Element;
+declare function AvatarBadge({ className, ...props }: AvatarBadgeProps): React.JSX.Element;
+declare function AvatarGroup({ className, ...props }: AvatarGroupProps): React.JSX.Element;
+declare function AvatarGroupCount({ className, ...props }: AvatarGroupCountProps): React.JSX.Element;
 //#endregion
 export { Avatar, AvatarBadge, type AvatarBadgeProps, AvatarFallback, type AvatarFallbackProps, AvatarGroup, AvatarGroupCount, type AvatarGroupCountProps, type AvatarGroupProps, AvatarImage, type AvatarImageProps, type AvatarProps };

package/dist/badge.d.ts

@@ -1,18 +1,10 @@
-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/badge.d.ts
 declare const badgeVariants: (props?: ({
-  variant?: "default" | "link" | "outline" | "success" | "warning" | "secondary" | "ghost" | "destructive" | null | undefined;
-} & _$class_variance_authority_types0.ClassProp) | undefined) => string;
+  variant?: "default" | "destructive" | "ghost" | "link" | "outline" | "secondary" | "success" | "warning" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type BadgeProps = useRender.ComponentProps<"span"> & VariantProps<typeof badgeVariants>;
-declare function Badge({
-  className,
-  variant,
-  render,
-  ...props
-}: BadgeProps): _$react.ReactElement<unknown, string | _$react.JSXElementConstructor<any>>;
+declare function Badge({ className, variant, render, ...props }: BadgeProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 //#endregion
 export { Badge, type BadgeProps, badgeVariants };

package/dist/breadcrumb.d.ts

@@ -1,7 +1,5 @@
-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
 type BreadcrumbProps = React.ComponentProps<"nav">;
 type BreadcrumbListProps = React.ComponentProps<"ol">;
@@ -10,34 +8,12 @@ type BreadcrumbLinkProps = useRender.ComponentProps<"a">;
 type BreadcrumbPageProps = React.ComponentProps<"span">;
 type BreadcrumbSeparatorProps = React.ComponentProps<"li">;
 type BreadcrumbEllipsisProps = React.ComponentProps<"span">;
-declare function Breadcrumb({
-  ...props
-}: BreadcrumbProps): _$react_jsx_runtime0.JSX.Element;
-declare function BreadcrumbList({
-  className,
-  ...props
-}: BreadcrumbListProps): _$react_jsx_runtime0.JSX.Element;
-declare function BreadcrumbItem({
-  className,
-  ...props
-}: BreadcrumbItemProps): _$react_jsx_runtime0.JSX.Element;
-declare function BreadcrumbLink({
-  className,
-  render,
-  ...props
-}: BreadcrumbLinkProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
-declare function BreadcrumbPage({
-  className,
-  ...props
-}: BreadcrumbPageProps): _$react_jsx_runtime0.JSX.Element;
-declare function BreadcrumbSeparator({
-  children,
-  className,
-  ...props
-}: BreadcrumbSeparatorProps): _$react_jsx_runtime0.JSX.Element;
-declare function BreadcrumbEllipsis({
-  className,
-  ...props
-}: BreadcrumbEllipsisProps): _$react_jsx_runtime0.JSX.Element;
+declare function Breadcrumb({ ...props }: BreadcrumbProps): React.JSX.Element;
+declare function BreadcrumbList({ className, ...props }: BreadcrumbListProps): React.JSX.Element;
+declare function BreadcrumbItem({ className, ...props }: BreadcrumbItemProps): React.JSX.Element;
+declare function BreadcrumbLink({ className, render, ...props }: BreadcrumbLinkProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+declare function BreadcrumbPage({ className, ...props }: BreadcrumbPageProps): React.JSX.Element;
+declare function BreadcrumbSeparator({ children, className, ...props }: BreadcrumbSeparatorProps): React.JSX.Element;
+declare function BreadcrumbEllipsis({ className, ...props }: BreadcrumbEllipsisProps): React.JSX.Element;
 //#endregion
 export { Breadcrumb, BreadcrumbEllipsis, type BreadcrumbEllipsisProps, BreadcrumbItem, type BreadcrumbItemProps, BreadcrumbLink, type BreadcrumbLinkProps, BreadcrumbList, type BreadcrumbListProps, BreadcrumbPage, type BreadcrumbPageProps, type BreadcrumbProps, BreadcrumbSeparator, type BreadcrumbSeparatorProps };