@waveso/ui 0.15.0 → 0.15.1

package/dist/film-grain-shader.d.ts

@@ -1,5 +1,4 @@
 //#region src/film-grain-shader.d.ts
-declare const vertexShader = "\nattribute vec2 position;\nvarying vec2 vUv;\n\nvoid main() {\n  vUv = position * 0.5 + 0.5;\n  gl_Position = vec4(position, 0.0, 1.0);\n}\n";
-declare const fragmentShader = "\nprecision highp float;\n\nuniform float uTime;\nuniform vec2 uResolution;\nuniform float uDensity;\nuniform float uOpacity;\nuniform float uFps;\nuniform vec3 uColor;\n\nvarying vec2 vUv;\n\n// Stable hash\nfloat hash(vec2 p, float seed) {\n  return fract(sin(dot(p + seed, vec2(127.1, 311.7))) * 43758.5453123);\n}\n\n// Film response curve (soft toe + shoulder rolloff)\nfloat filmCurve(float x) {\n  return smoothstep(0.0, 0.2, x) * (1.0 - smoothstep(0.8, 1.0, x));\n}\n\nvoid main() {\n  vec2 uv = gl_FragCoord.xy;\n  vec2 p = floor(uv);\n\n  // Temporal coherence: blend between current and next frame seed\n  float frame = floor(uTime * uFps);\n  float t = fract(uTime * uFps);\n  float seed = frame * 0.1731;\n\n  // Multi-scale grain with inter-frame blending on fine layer\n  float fineA = hash(p, seed);\n  float fineB = hash(p, seed + 0.1731);\n  float fine = mix(fineA, fineB, t);\n\n  float medium = hash(floor(uv * 0.5), seed + 3.1);\n  float coarse = hash(floor(uv * 0.25), seed + 7.93);\n\n  float grain = fine * 0.65 + medium * 0.25 + coarse * 0.10;\n\n  // Emulsion clumping (organic structure)\n  float cluster = hash(floor(uv * 0.18), seed + 9.2);\n  grain *= mix(0.75, 1.35, cluster);\n\n  // Density threshold\n  grain = smoothstep(1.0 - uDensity, 1.0, grain);\n\n  // Film response curve (replaces raw pow gamma)\n  grain = filmCurve(grain);\n\n  // Micro-blur: sample neighbors for optical diffusion\n  float n1 = hash(p + vec2(1.0, 0.0), seed);\n  float n2 = hash(p - vec2(1.0, 0.0), seed);\n  float n3 = hash(p + vec2(0.0, 1.0), seed);\n  float n4 = hash(p - vec2(0.0, 1.0), seed);\n  float neighbors = (n1 + n2 + n3 + n4) * 0.25;\n  grain = mix(grain, neighbors, 0.15);\n\n  // Chromatic aberration (reuse neighbor hashes)\n  float rShift = n1 * 0.015;\n  float bShift = n2 * 0.015;\n\n  vec3 color = uColor * vec3(\n    grain + rShift,\n    grain,\n    grain + bShift\n  );\n\n  color = clamp(color, 0.0, 1.0);\n\n  gl_FragColor = vec4(color, grain * uOpacity);\n}\n";
-//#endregion
-export { fragmentShader, vertexShader };
+export declare const vertexShader = "\nattribute vec2 position;\nvarying vec2 vUv;\n\nvoid main() {\n  vUv = position * 0.5 + 0.5;\n  gl_Position = vec4(position, 0.0, 1.0);\n}\n";
+export declare const fragmentShader = "\nprecision highp float;\n\nuniform float uTime;\nuniform vec2 uResolution;\nuniform float uDensity;\nuniform float uOpacity;\nuniform float uFps;\nuniform vec3 uColor;\n\nvarying vec2 vUv;\n\n// Stable hash\nfloat hash(vec2 p, float seed) {\n  return fract(sin(dot(p + seed, vec2(127.1, 311.7))) * 43758.5453123);\n}\n\n// Film response curve (soft toe + shoulder rolloff)\nfloat filmCurve(float x) {\n  return smoothstep(0.0, 0.2, x) * (1.0 - smoothstep(0.8, 1.0, x));\n}\n\nvoid main() {\n  vec2 uv = gl_FragCoord.xy;\n  vec2 p = floor(uv);\n\n  // Temporal coherence: blend between current and next frame seed\n  float frame = floor(uTime * uFps);\n  float t = fract(uTime * uFps);\n  float seed = frame * 0.1731;\n\n  // Multi-scale grain with inter-frame blending on fine layer\n  float fineA = hash(p, seed);\n  float fineB = hash(p, seed + 0.1731);\n  float fine = mix(fineA, fineB, t);\n\n  float medium = hash(floor(uv * 0.5), seed + 3.1);\n  float coarse = hash(floor(uv * 0.25), seed + 7.93);\n\n  float grain = fine * 0.65 + medium * 0.25 + coarse * 0.10;\n\n  // Emulsion clumping (organic structure)\n  float cluster = hash(floor(uv * 0.18), seed + 9.2);\n  grain *= mix(0.75, 1.35, cluster);\n\n  // Density threshold\n  grain = smoothstep(1.0 - uDensity, 1.0, grain);\n\n  // Film response curve (replaces raw pow gamma)\n  grain = filmCurve(grain);\n\n  // Micro-blur: sample neighbors for optical diffusion\n  float n1 = hash(p + vec2(1.0, 0.0), seed);\n  float n2 = hash(p - vec2(1.0, 0.0), seed);\n  float n3 = hash(p + vec2(0.0, 1.0), seed);\n  float n4 = hash(p - vec2(0.0, 1.0), seed);\n  float neighbors = (n1 + n2 + n3 + n4) * 0.25;\n  grain = mix(grain, neighbors, 0.15);\n\n  // Chromatic aberration (reuse neighbor hashes)\n  float rShift = n1 * 0.015;\n  float bShift = n2 * 0.015;\n\n  vec3 color = uColor * vec3(\n    grain + rShift,\n    grain,\n    grain + bShift\n  );\n\n  color = clamp(color, 0.0, 1.0);\n\n  gl_FragColor = vec4(color, grain * uOpacity);\n}\n";
+//#endregion

package/dist/film-grain-webgl.d.ts

@@ -1,5 +1,3 @@
-import * as _$react from "react";
-
 //#region src/film-grain-webgl.d.ts
 interface UseFilmGrainOptions {
   density: number;
@@ -8,10 +6,5 @@ interface UseFilmGrainOptions {
   /** Hex color for canvas fallback grain. Default '#ffffff' */
   color?: string;
 }
-declare function useFilmGrain({
-  density,
-  fps,
-  color
-}: UseFilmGrainOptions): _$react.RefObject<HTMLCanvasElement | null>;
-//#endregion
-export { useFilmGrain };
+export declare function useFilmGrain({ density, fps, color }: UseFilmGrainOptions): import("react").RefObject<HTMLCanvasElement | null>;
+//#endregion

package/dist/film-grain-webgl.js

@@ -92,7 +92,10 @@ function generateGrainTexture(width, height, density, color) {
 	const [r, g, b, a] = parseHex(color);
 	const imageData = ctx.createImageData(width, height);
 	const pixels = new Uint32Array(imageData.data.buffer);
-	for (let i = 0; i < pixels.length; i++) if (Math.random() < density) pixels[i] = (Math.round(a * (.4 + Math.random() * .6)) << 24 | b << 16 | g << 8 | r) >>> 0;
+	for (let i = 0; i < pixels.length; i++) if (Math.random() < density) {
+		const variation = Math.round(a * (.4 + Math.random() * .6));
+		pixels[i] = (variation << 24 | b << 16 | g << 8 | r) >>> 0;
+	}
 	ctx.putImageData(imageData, 0, 0);
 	return offscreen;
 }

package/dist/film-grain.d.ts

@@ -1,6 +1,4 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import * as React from "react";
-
 //#region src/film-grain.d.ts
 interface FilmGrainProps {
   density?: number;
@@ -11,14 +9,6 @@ interface FilmGrainProps {
   className?: string;
   style?: React.CSSProperties;
 }
-declare function FilmGrain({
-  density,
-  opacity,
-  blendMode,
-  fps,
-  color,
-  className,
-  style
-}: FilmGrainProps): _$react_jsx_runtime0.JSX.Element;
+declare function FilmGrain({ density, opacity, blendMode, fps, color, className, style }: FilmGrainProps): React.JSX.Element;
 //#endregion
 export { FilmGrain, type FilmGrainProps };

package/dist/form.d.ts

@@ -1,9 +1,6 @@
 import { Field } from "./field.js";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import * as React from "react";
-import * as _$react_hook_form0 from "react-hook-form";
 import { ControllerFieldState, ControllerRenderProps, FieldPath, FieldValues, RegisterOptions, SubmitHandler, UseFormReturn, useForm, useWatch } from "react-hook-form";
-
 //#region src/form.d.ts
 type FormProps<TFieldValues extends FieldValues> = {
   form: UseFormReturn<TFieldValues>;
@@ -13,11 +10,7 @@ type FormRootProps = React.ComponentProps<"form">;
 type FormErrorProps = React.ComponentProps<"p">;
 type FormActionsProps = React.ComponentProps<"div">;
 type FormMessageProps = React.ComponentProps<"p">;
-declare function Form<TFieldValues extends FieldValues>({
-  form,
-  onSubmit,
-  ...props
-}: FormProps<TFieldValues>): _$react_jsx_runtime0.JSX.Element;
+declare function Form<TFieldValues extends FieldValues>({ form, onSubmit, ...props }: FormProps<TFieldValues>): React.JSX.Element;
 /**
  * Plain `<form>` element with RHF integration.
  *
@@ -27,10 +20,7 @@ declare function Form<TFieldValues extends FieldValues>({
  * provides validation, error handling, and submit management, the Base UI
  * Form wrapper adds no value at the moment.
  */
-declare function FormRoot({
-  className,
-  ...props
-}: FormRootProps): _$react_jsx_runtime0.JSX.Element;
+declare function FormRoot({ className, ...props }: FormRootProps): React.JSX.Element;
 type FormFieldRenderArgs<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> = {
   id: string;
   field: ControllerRenderProps<TFieldValues, TName>;
@@ -59,19 +49,10 @@ type FormFieldProps<TFieldValues extends FieldValues, TName extends FieldPath<TF
  * It maps RHF Controller state onto Base UI's <Field> state so styling can
  * rely on `data-[invalid]`, `data-[touched]`, `data-[dirty]`, etc.
  */
-declare function FormField<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>>(props: FormFieldProps<TFieldValues, TName>): _$react_jsx_runtime0.JSX.Element;
-declare function FormError({
-  className,
-  ...props
-}: FormErrorProps): _$react_jsx_runtime0.JSX.Element | null;
-declare function FormActions({
-  className,
-  ...props
-}: FormActionsProps): _$react_jsx_runtime0.JSX.Element;
-declare function FormMessage({
-  className,
-  ...props
-}: FormMessageProps): _$react_jsx_runtime0.JSX.Element;
+declare function FormField<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>>(props: FormFieldProps<TFieldValues, TName>): React.JSX.Element;
+declare function FormError({ className, ...props }: FormErrorProps): React.JSX.Element | null;
+declare function FormActions({ className, ...props }: FormActionsProps): React.JSX.Element;
+declare function FormMessage({ className, ...props }: FormMessageProps): React.JSX.Element;
 /**
  * Convenience helper for mapping RHF field props onto either:
  * - Base UI controls (use `onValueChange`)
@@ -83,15 +64,15 @@ declare function fieldControlProps<TFieldValues extends FieldValues, TName exten
   invalid?: boolean;
   native?: boolean;
 }): {
-  "aria-describedby": string | undefined;
-  "aria-invalid": boolean | undefined;
-  onValueChange?: ((...event: any[]) => void) | undefined;
   id: string | undefined;
   name: TName;
-  ref: _$react_hook_form0.RefCallBack;
+  ref: import("react-hook-form").RefCallBack;
   value: string;
-  onBlur: _$react_hook_form0.Noop;
+  onBlur: import("react-hook-form").Noop;
   onChange: (...event: any[]) => void;
+  onValueChange?: ((...event: any[]) => void) | undefined;
+  "aria-describedby": string | undefined;
+  "aria-invalid": boolean | undefined;
 };
 //#endregion
 export { Form, FormActions, type FormActionsProps, FormError, type FormErrorProps, FormField, type FormFieldProps, type FormFieldRenderArgs, FormMessage, type FormMessageProps, type FormProps, FormRoot, type FormRootProps, fieldControlProps, useForm, useWatch };

package/dist/gradient-reveal-text.d.ts

@@ -1,5 +1,3 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
-
 //#region src/gradient-reveal-text.d.ts
 interface GradientRevealTextProps {
   /** The text to display */
@@ -35,17 +33,6 @@ interface GradientRevealTextProps {
  * <GradientRevealText text="BRAND" colors={["#ff0000", "#00ff00"]} />
  * ```
  */
-declare function GradientRevealText({
-  text,
-  duration,
-  colors,
-  baseOpacity,
-  hoverOpacity,
-  fontFamily,
-  spotlightSize,
-  strokeWidth: strokeWidthPx,
-  baseColor,
-  className
-}: GradientRevealTextProps): _$react_jsx_runtime0.JSX.Element;
+declare function GradientRevealText({ text, duration, colors, baseOpacity, hoverOpacity, fontFamily, spotlightSize, strokeWidth: strokeWidthPx, baseColor, className }: GradientRevealTextProps): import("react").JSX.Element;
 //#endregion
 export { GradientRevealText, type GradientRevealTextProps };

package/dist/hooks/use-mobile.d.ts

@@ -4,6 +4,5 @@
  *
  * @param breakpoint - Width in pixels. Defaults to 768.
  */
-declare function useIsMobile(breakpoint?: number): boolean;
-//#endregion
-export { useIsMobile };
+export declare function useIsMobile(breakpoint?: number): boolean;
+//#endregion

package/dist/infinite-scroll.d.ts

@@ -1,6 +1,4 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import * as React from "react";
-
 //#region src/infinite-scroll.d.ts
 type InfiniteScrollProps = React.ComponentProps<"div"> & {
   onLoadMore: () => void;
@@ -13,19 +11,6 @@ type InfiniteScrollProps = React.ComponentProps<"div"> & {
   loader?: React.ReactNode;
   endMessage?: React.ReactNode;
 };
-declare function InfiniteScroll({
-  onLoadMore,
-  hasMore,
-  isLoading,
-  direction,
-  root,
-  rootMargin,
-  threshold,
-  loader,
-  endMessage,
-  className,
-  children,
-  ...props
-}: InfiniteScrollProps): _$react_jsx_runtime0.JSX.Element;
+declare function InfiniteScroll({ onLoadMore, hasMore, isLoading, direction, root, rootMargin, threshold, loader, endMessage, className, children, ...props }: InfiniteScrollProps): React.JSX.Element;
 //#endregion
 export { InfiniteScroll, type InfiniteScrollProps };

package/dist/input-group.d.ts

@@ -1,14 +1,11 @@
 import { Button } from "./button.js";
 import { Input } from "./input.js";
-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/input-group.d.ts
 declare const inputGroupVariants: (props?: ({
-  size?: "default" | "sm" | "xs" | "lg" | null | undefined;
-} & _$class_variance_authority_types0.ClassProp) | undefined) => string;
+  size?: "default" | "lg" | "sm" | "xs" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type InputGroupProps = React.ComponentProps<"div"> & VariantProps<typeof inputGroupVariants>;
 type InputGroupAddonProps = React.ComponentProps<"div"> & VariantProps<typeof inputGroupAddonVariants>;
 type InputGroupButtonProps = Omit<React.ComponentProps<typeof Button>, "size" | "type"> & VariantProps<typeof inputGroupButtonVariants> & {
@@ -17,40 +14,17 @@ type InputGroupButtonProps = Omit<React.ComponentProps<typeof Button>, "size" |
 type InputGroupTextProps = React.ComponentProps<"span">;
 type InputGroupInputProps = React.ComponentProps<typeof Input>;
 type InputGroupTextareaProps = React.ComponentProps<"textarea">;
-declare function InputGroup({
-  className,
-  size,
-  ...props
-}: InputGroupProps): _$react_jsx_runtime0.JSX.Element;
+declare function InputGroup({ className, size, ...props }: InputGroupProps): React.JSX.Element;
 declare const inputGroupAddonVariants: (props?: ({
-  align?: "inline-start" | "inline-end" | "block-start" | "block-end" | null | undefined;
-} & _$class_variance_authority_types0.ClassProp) | undefined) => string;
-declare function InputGroupAddon({
-  className,
-  align,
-  ...props
-}: InputGroupAddonProps): _$react_jsx_runtime0.JSX.Element;
+  align?: "block-end" | "block-start" | "inline-end" | "inline-start" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function InputGroupAddon({ className, align, ...props }: InputGroupAddonProps): React.JSX.Element;
 declare const inputGroupButtonVariants: (props?: ({
   size?: "default" | "icon" | null | undefined;
-} & _$class_variance_authority_types0.ClassProp) | undefined) => string;
-declare function InputGroupButton({
-  className,
-  type,
-  variant,
-  size,
-  ...props
-}: InputGroupButtonProps): _$react_jsx_runtime0.JSX.Element;
-declare function InputGroupText({
-  className,
-  ...props
-}: InputGroupTextProps): _$react_jsx_runtime0.JSX.Element;
-declare function InputGroupInput({
-  className,
-  ...props
-}: InputGroupInputProps): _$react_jsx_runtime0.JSX.Element;
-declare function InputGroupTextarea({
-  className,
-  ...props
-}: InputGroupTextareaProps): _$react_jsx_runtime0.JSX.Element;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function InputGroupButton({ className, type, variant, size, ...props }: InputGroupButtonProps): React.JSX.Element;
+declare function InputGroupText({ className, ...props }: InputGroupTextProps): React.JSX.Element;
+declare function InputGroupInput({ className, ...props }: InputGroupInputProps): React.JSX.Element;
+declare function InputGroupTextarea({ className, ...props }: InputGroupTextareaProps): React.JSX.Element;
 //#endregion
 export { InputGroup, InputGroupAddon, type InputGroupAddonProps, InputGroupButton, type InputGroupButtonProps, InputGroupInput, type InputGroupInputProps, type InputGroupProps, InputGroupText, type InputGroupTextProps, InputGroupTextarea, type InputGroupTextareaProps, inputGroupAddonVariants, inputGroupButtonVariants, inputGroupVariants };

package/dist/input-otp.d.ts

@@ -1,33 +1,17 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import * as React from "react";
 import { OTPInput } from "input-otp";
-
 //#region src/input-otp.d.ts
 type InputOTPProps = React.ComponentProps<typeof OTPInput> & {
   containerClassName?: string;
 };
-declare function InputOTP({
-  className,
-  containerClassName,
-  ...props
-}: InputOTPProps): _$react_jsx_runtime0.JSX.Element;
+declare function InputOTP({ className, containerClassName, ...props }: InputOTPProps): React.JSX.Element;
 type InputOTPGroupProps = React.ComponentProps<"div">;
-declare function InputOTPGroup({
-  className,
-  ...props
-}: InputOTPGroupProps): _$react_jsx_runtime0.JSX.Element;
+declare function InputOTPGroup({ className, ...props }: InputOTPGroupProps): React.JSX.Element;
 type InputOTPSlotProps = React.ComponentProps<"div"> & {
   index: number;
 };
-declare function InputOTPSlot({
-  index,
-  className,
-  ...props
-}: InputOTPSlotProps): _$react_jsx_runtime0.JSX.Element;
+declare function InputOTPSlot({ index, className, ...props }: InputOTPSlotProps): React.JSX.Element;
 type InputOTPSeparatorProps = React.ComponentProps<"div">;
-declare function InputOTPSeparator({
-  className,
-  ...props
-}: InputOTPSeparatorProps): _$react_jsx_runtime0.JSX.Element;
+declare function InputOTPSeparator({ className, ...props }: InputOTPSeparatorProps): React.JSX.Element;
 //#endregion
 export { InputOTP, InputOTPGroup, type InputOTPGroupProps, type InputOTPProps, InputOTPSeparator, type InputOTPSeparatorProps, InputOTPSlot, type InputOTPSlotProps };

package/dist/input.d.ts

@@ -1,19 +1,11 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import * as React from "react";
 import { VariantProps } from "class-variance-authority";
 import { Input as Input$1 } from "@base-ui/react/input";
-import * as _$class_variance_authority_types0 from "class-variance-authority/types";
-
 //#region src/input.d.ts
 declare const inputVariants: (props?: ({
-  size?: "default" | "sm" | "xs" | "lg" | null | undefined;
-} & _$class_variance_authority_types0.ClassProp) | undefined) => string;
+  size?: "default" | "lg" | "sm" | "xs" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type InputProps = Omit<React.ComponentProps<typeof Input$1>, "size"> & VariantProps<typeof inputVariants>;
-declare function Input({
-  className,
-  type,
-  size,
-  ...props
-}: InputProps): _$react_jsx_runtime0.JSX.Element;
+declare function Input({ className, type, size, ...props }: InputProps): React.JSX.Element;
 //#endregion
 export { Input, type InputProps, inputVariants };

package/dist/item.d.ts

@@ -1,18 +1,15 @@
 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/item.d.ts
 declare const itemVariants: (props?: ({
-  variant?: "default" | "outline" | "muted" | null | undefined;
+  variant?: "default" | "muted" | "outline" | null | undefined;
   size?: "default" | "sm" | "xs" | null | undefined;
-} & _$class_variance_authority_types0.ClassProp) | undefined) => string;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare const itemMediaVariants: (props?: ({
-  variant?: "default" | "image" | "icon" | null | undefined;
-} & _$class_variance_authority_types0.ClassProp) | undefined) => string;
+  variant?: "default" | "icon" | "image" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type ItemGroupProps = React.ComponentProps<"div">;
 type ItemSeparatorProps = React.ComponentProps<typeof Separator>;
 type ItemProps = useRender.ComponentProps<"div"> & VariantProps<typeof itemVariants>;
@@ -23,49 +20,15 @@ type ItemDescriptionProps = React.ComponentProps<"p">;
 type ItemActionsProps = React.ComponentProps<"div">;
 type ItemHeaderProps = React.ComponentProps<"div">;
 type ItemFooterProps = React.ComponentProps<"div">;
-declare function ItemGroup({
-  className,
-  ...props
-}: ItemGroupProps): _$react_jsx_runtime0.JSX.Element;
-declare function ItemSeparator({
-  className,
-  ...props
-}: ItemSeparatorProps): _$react_jsx_runtime0.JSX.Element;
-declare function Item({
-  className,
-  variant,
-  size,
-  render,
-  ...props
-}: ItemProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
-declare function ItemMedia({
-  className,
-  variant,
-  ...props
-}: ItemMediaProps): _$react_jsx_runtime0.JSX.Element;
-declare function ItemContent({
-  className,
-  ...props
-}: ItemContentProps): _$react_jsx_runtime0.JSX.Element;
-declare function ItemTitle({
-  className,
-  ...props
-}: ItemTitleProps): _$react_jsx_runtime0.JSX.Element;
-declare function ItemDescription({
-  className,
-  ...props
-}: ItemDescriptionProps): _$react_jsx_runtime0.JSX.Element;
-declare function ItemActions({
-  className,
-  ...props
-}: ItemActionsProps): _$react_jsx_runtime0.JSX.Element;
-declare function ItemHeader({
-  className,
-  ...props
-}: ItemHeaderProps): _$react_jsx_runtime0.JSX.Element;
-declare function ItemFooter({
-  className,
-  ...props
-}: ItemFooterProps): _$react_jsx_runtime0.JSX.Element;
+declare function ItemGroup({ className, ...props }: ItemGroupProps): React.JSX.Element;
+declare function ItemSeparator({ className, ...props }: ItemSeparatorProps): React.JSX.Element;
+declare function Item({ className, variant, size, render, ...props }: ItemProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+declare function ItemMedia({ className, variant, ...props }: ItemMediaProps): React.JSX.Element;
+declare function ItemContent({ className, ...props }: ItemContentProps): React.JSX.Element;
+declare function ItemTitle({ className, ...props }: ItemTitleProps): React.JSX.Element;
+declare function ItemDescription({ className, ...props }: ItemDescriptionProps): React.JSX.Element;
+declare function ItemActions({ className, ...props }: ItemActionsProps): React.JSX.Element;
+declare function ItemHeader({ className, ...props }: ItemHeaderProps): React.JSX.Element;
+declare function ItemFooter({ className, ...props }: ItemFooterProps): React.JSX.Element;
 //#endregion
 export { Item, ItemActions, type ItemActionsProps, ItemContent, type ItemContentProps, ItemDescription, type ItemDescriptionProps, ItemFooter, type ItemFooterProps, ItemGroup, type ItemGroupProps, ItemHeader, type ItemHeaderProps, ItemMedia, type ItemMediaProps, type ItemProps, ItemSeparator, type ItemSeparatorProps, ItemTitle, type ItemTitleProps, itemMediaVariants, itemVariants };

package/dist/kbd.d.ts

@@ -1,16 +1,8 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import * as React from "react";
-
 //#region src/kbd.d.ts
 type KbdProps = React.ComponentProps<"kbd">;
 type KbdGroupProps = React.ComponentProps<"div">;
-declare function Kbd({
-  className,
-  ...props
-}: KbdProps): _$react_jsx_runtime0.JSX.Element;
-declare function KbdGroup({
-  className,
-  ...props
-}: KbdGroupProps): _$react_jsx_runtime0.JSX.Element;
+declare function Kbd({ className, ...props }: KbdProps): React.JSX.Element;
+declare function KbdGroup({ className, ...props }: KbdGroupProps): React.JSX.Element;
 //#endregion
 export { Kbd, KbdGroup, type KbdGroupProps, type KbdProps };

package/dist/label.d.ts

@@ -1,11 +1,6 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import * as React from "react";
-
 //#region src/label.d.ts
 type LabelProps = React.ComponentProps<"label">;
-declare function Label({
-  className,
-  ...props
-}: LabelProps): _$react_jsx_runtime0.JSX.Element;
+declare function Label({ className, ...props }: LabelProps): React.JSX.Element;
 //#endregion
 export { Label, type LabelProps };

package/dist/lib/focus.d.ts

@@ -1,6 +1,5 @@
 import * as React from "react";
 import { Menu } from "@base-ui/react/menu";
-
 //#region src/lib/focus.d.ts
 /**
  * The full shape Base UI's `finalFocus` prop accepts on the
@@ -25,7 +24,7 @@ type FinalFocus = NonNullable<React.ComponentProps<typeof Menu.Popup>["finalFocu
  *   expected focus return.
  * - `"never"` — never auto-restore focus on close.
  */
-type RestoreFocusOnClose = "always" | "keyboard" | "never";
+export type RestoreFocusOnClose = "always" | "keyboard" | "never";
 /**
  * Resolve the high-level {@link RestoreFocusOnClose} policy to the
  * Base UI `finalFocus` value.
@@ -36,6 +35,5 @@ type RestoreFocusOnClose = "always" | "keyboard" | "never";
  * other — when `restoreFocusOnClose` is set it fully governs
  * `finalFocus`.
  */
-declare function resolveFinalFocus(restoreFocusOnClose: RestoreFocusOnClose | undefined, finalFocus: FinalFocus | undefined): FinalFocus | undefined;
-//#endregion
-export { RestoreFocusOnClose, resolveFinalFocus };
+export declare function resolveFinalFocus(restoreFocusOnClose: RestoreFocusOnClose | undefined, finalFocus: FinalFocus | undefined): FinalFocus | undefined;
+//#endregion

package/dist/lib/internal-icons.d.ts

@@ -1,25 +1,22 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import * as React from "react";
-
 //#region src/lib/internal-icons.d.ts
 type IconProps = React.SVGProps<SVGSVGElement>;
-declare function ChevronDownIcon(props: IconProps): _$react_jsx_runtime0.JSX.Element;
-declare function ChevronUpIcon(props: IconProps): _$react_jsx_runtime0.JSX.Element;
-declare function ChevronLeftIcon(props: IconProps): _$react_jsx_runtime0.JSX.Element;
-declare function ChevronRightIcon(props: IconProps): _$react_jsx_runtime0.JSX.Element;
-declare function CheckIcon(props: IconProps): _$react_jsx_runtime0.JSX.Element;
-declare function CloseIcon(props: IconProps): _$react_jsx_runtime0.JSX.Element;
-declare function MinusIcon(props: IconProps): _$react_jsx_runtime0.JSX.Element;
-declare function EllipsisIcon(props: IconProps): _$react_jsx_runtime0.JSX.Element;
-declare function EllipsisVerticalIcon(props: IconProps): _$react_jsx_runtime0.JSX.Element;
-declare function ChevronsUpDownIcon(props: IconProps): _$react_jsx_runtime0.JSX.Element;
-declare function SidebarPanelIcon(props: IconProps): _$react_jsx_runtime0.JSX.Element;
-declare function LoaderIcon(props: IconProps): _$react_jsx_runtime0.JSX.Element;
-declare function AlertTriangleIcon(props: IconProps): _$react_jsx_runtime0.JSX.Element;
-declare function SuccessCircleIcon(props: IconProps): _$react_jsx_runtime0.JSX.Element;
-declare function InfoCircleIcon(props: IconProps): _$react_jsx_runtime0.JSX.Element;
-declare function ErrorCircleIcon(props: IconProps): _$react_jsx_runtime0.JSX.Element;
-declare function TrashIcon(props: IconProps): _$react_jsx_runtime0.JSX.Element;
-declare function StarIcon(props: IconProps): _$react_jsx_runtime0.JSX.Element;
-//#endregion
-export { AlertTriangleIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsUpDownIcon, CloseIcon, EllipsisIcon, EllipsisVerticalIcon, ErrorCircleIcon, InfoCircleIcon, LoaderIcon, MinusIcon, SidebarPanelIcon, StarIcon, SuccessCircleIcon, TrashIcon };
+export declare function ChevronDownIcon(props: IconProps): React.JSX.Element;
+export declare function ChevronUpIcon(props: IconProps): React.JSX.Element;
+export declare function ChevronLeftIcon(props: IconProps): React.JSX.Element;
+export declare function ChevronRightIcon(props: IconProps): React.JSX.Element;
+export declare function CheckIcon(props: IconProps): React.JSX.Element;
+export declare function CloseIcon(props: IconProps): React.JSX.Element;
+export declare function MinusIcon(props: IconProps): React.JSX.Element;
+export declare function EllipsisIcon(props: IconProps): React.JSX.Element;
+export declare function EllipsisVerticalIcon(props: IconProps): React.JSX.Element;
+export declare function ChevronsUpDownIcon(props: IconProps): React.JSX.Element;
+export declare function SidebarPanelIcon(props: IconProps): React.JSX.Element;
+export declare function LoaderIcon(props: IconProps): React.JSX.Element;
+export declare function AlertTriangleIcon(props: IconProps): React.JSX.Element;
+export declare function SuccessCircleIcon(props: IconProps): React.JSX.Element;
+export declare function InfoCircleIcon(props: IconProps): React.JSX.Element;
+export declare function ErrorCircleIcon(props: IconProps): React.JSX.Element;
+export declare function TrashIcon(props: IconProps): React.JSX.Element;
+export declare function StarIcon(props: IconProps): React.JSX.Element;
+//#endregion

package/dist/lib/utils.d.ts

@@ -1,5 +1,4 @@
 import { ClassValue } from "clsx";
-
 //#region src/lib/utils.d.ts
 /**
  * `cn()` is the single className helper.
@@ -35,7 +34,6 @@ import { ClassValue } from "clsx";
  * ```
  */
 type CnValue<State> = ClassValue | ((state: State) => ClassValue);
-declare function cn(...inputs: ClassValue[]): string;
-declare function cn<State>(...inputs: CnValue<State>[]): (state: State) => string;
-//#endregion
-export { cn };
+export declare function cn(...inputs: ClassValue[]): string;
+export declare function cn<State>(...inputs: CnValue<State>[]): (state: State) => string;
+//#endregion

package/dist/lib/utils.js

@@ -28,7 +28,8 @@ const twMerge = extendTailwindMerge({ extend: { classGroups: {
 function cn(...inputs) {
 	if (!inputs.some((v) => typeof v === "function")) return twMerge(clsx(inputs));
 	return (state) => {
-		return twMerge(clsx(inputs.map((v) => typeof v === "function" ? v(state) : v)));
+		const resolved = inputs.map((v) => typeof v === "function" ? v(state) : v);
+		return twMerge(clsx(resolved));
 	};
 }
 //#endregion

package/dist/masonry.d.ts

@@ -1,7 +1,5 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import * as React from "react";
 import { HTMLMotionProps } from "motion/react";
-
 //#region src/masonry.d.ts
 type MasonryProps = React.ComponentProps<"div"> & {
   columns?: number;
@@ -12,19 +10,7 @@ type MasonryItemProps = Omit<HTMLMotionProps<"div">, "children"> & {
   span?: number;
   children?: React.ReactNode;
 };
-declare function Masonry({
-  columns,
-  columnWidth,
-  gap,
-  className,
-  children,
-  ...props
-}: MasonryProps): _$react_jsx_runtime0.JSX.Element;
-declare function MasonryItem({
-  className,
-  span,
-  children,
-  ...props
-}: MasonryItemProps): _$react_jsx_runtime0.JSX.Element;
+declare function Masonry({ columns, columnWidth, gap, className, children, ...props }: MasonryProps): React.JSX.Element;
+declare function MasonryItem({ className, span, children, ...props }: MasonryItemProps): React.JSX.Element;
 //#endregion
 export { Masonry, MasonryItem, type MasonryItemProps, type MasonryProps };

package/dist/masonry.js

@@ -47,7 +47,7 @@ function Masonry({ columns, columnWidth, gap = 4, className, children, ...props
 			container.style.removeProperty("flex-direction");
 			container.style.removeProperty("gap");
 			const colWidth = (containerWidth - (colCount - 1) * gapPx) / colCount;
-			const columnBottoms = new Array(colCount).fill(0);
+			const columnBottoms = Array.from({ length: colCount }, () => 0);
 			const topItems = [];
 			const regularItems = [];
 			for (const item of items) {