@waveso/ui 0.7.6 → 0.8.0

package/dist/drawer.js

@@ -33,7 +33,7 @@ function DrawerClose({ ...props }) {
 function DrawerOverlay({ className, ...props }) {
 	return /* @__PURE__ */ jsx(Drawer$1.Backdrop, {
 		"data-slot": "drawer-overlay",
-		className: cn("motion-scrim fixed inset-0 z-50 bg-black/10 supports-backdrop-filter:backdrop-blur-xs", className),
+		className: cn("motion-scrim fixed inset-0 z-50 bg-scrim supports-backdrop-filter:backdrop-blur-xs", className),
 		...props
 	});
 }
@@ -97,5 +97,3 @@ function DrawerDescription({ className, ...props }) {
 }
 //#endregion
 export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger };
-
-//# sourceMappingURL=drawer.js.map

package/dist/encrypted-text.d.ts

@@ -25,5 +25,4 @@ declare function EncryptedText({
   ...props
 }: EncryptedTextProps): _$react_jsx_runtime0.JSX.Element | null;
 //#endregion
-export { EncryptedText };
-//# sourceMappingURL=encrypted-text.d.ts.map
+export { EncryptedText };

package/dist/encrypted-text.js

@@ -23,7 +23,7 @@ function EncryptedText({ text, className, revealDelayMs = 50, charset = DEFAULT_
 	const animationFrameRef = React.useRef(null);
 	const startTimeRef = React.useRef(0);
 	const lastFlipTimeRef = React.useRef(0);
-	const scrambleCharsRef = React.useRef(text ? scramblePreservingSpaces(text, charset).split("") : []);
+	const scrambleCharsRef = React.useRef([]);
 	React.useEffect(() => {
 		if (prefersReducedMotion) return;
 		const el = ref.current;
@@ -71,6 +71,7 @@ function EncryptedText({ text, className, revealDelayMs = 50, charset = DEFAULT_
 			if (now - lastFlipTimeRef.current >= Math.max(0, flipDelayMs)) {
 				for (let index = currentRevealCount; index < totalLength; index += 1) scrambleCharsRef.current[index] = text[index] === " " ? " " : randomChar(charset);
 				lastFlipTimeRef.current = now;
+				setFlipTick((t) => t + 1 & 65535);
 			}
 			animationFrameRef.current = requestAnimationFrame(update);
 		};
@@ -99,8 +100,8 @@ function EncryptedText({ text, className, revealDelayMs = 50, charset = DEFAULT_
 			className: "sr-only",
 			children: text
 		}), text.split("").map((char, index) => {
-			const isRevealed = prefersReducedMotion || !scrambleOnly && index < revealCount;
-			const displayChar = isRevealed ? char : char === " " ? " " : scrambleCharsRef.current[index] ?? randomChar(charset);
+			const isRevealed = prefersReducedMotion || !isInView || !scrambleOnly && index < revealCount;
+			const displayChar = isRevealed ? char : char === " " ? " " : scrambleCharsRef.current[index] ?? char;
 			return /* @__PURE__ */ jsx("span", {
 				"aria-hidden": "true",
 				"data-slot": "encrypted-text-char",
@@ -113,5 +114,3 @@ function EncryptedText({ text, className, revealDelayMs = 50, charset = DEFAULT_
 }
 //#endregion
 export { EncryptedText };
-
-//# sourceMappingURL=encrypted-text.js.map

package/dist/field.d.ts

@@ -37,5 +37,4 @@ declare function FieldError({
 }: FieldErrorProps): _$react_jsx_runtime0.JSX.Element;
 declare const FieldValidity: React.FC<_$_base_ui_react0.FieldValidityProps>;
 //#endregion
-export { Field, FieldControl, FieldControlProps, FieldDescription, FieldDescriptionProps, FieldError, FieldErrorProps, FieldItem, FieldItemProps, FieldLabel, FieldLabelProps, FieldPrimitive, FieldProps, FieldValidity, FieldValidityProps };
-//# sourceMappingURL=field.d.ts.map
+export { Field, FieldControl, FieldControlProps, FieldDescription, FieldDescriptionProps, FieldError, FieldErrorProps, FieldItem, FieldItemProps, FieldLabel, FieldLabelProps, FieldPrimitive, FieldProps, FieldValidity, FieldValidityProps };

package/dist/field.js

@@ -21,14 +21,14 @@ function FieldLabel({ className, ...props }) {
 function FieldControl({ className, ...props }) {
 	return /* @__PURE__ */ jsx(FieldPrimitive.Control, {
 		"data-slot": "field-control",
-		className: cn("rounded-md outline-none focus-visible:ring-3 focus-visible:ring-focus/50 data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50", className),
+		className: cn("data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50", className),
 		...props
 	});
 }
 function FieldDescription({ className, ...props }) {
 	return /* @__PURE__ */ jsx(FieldPrimitive.Description, {
 		"data-slot": "field-description",
-		className: cn("text-muted text-left text-sm leading-normal font-normal group-has-data-horizontal/field:text-balance [[data-variant=legend]+&]:-mt-1.5", "last:mt-0 nth-last-2:-mt-1", "[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4", className),
+		className: cn("text-muted text-left text-sm leading-normal font-normal", "[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4", className),
 		...props
 	});
 }
@@ -49,5 +49,3 @@ function FieldError({ className, ...props }) {
 const FieldValidity = FieldPrimitive.Validity;
 //#endregion
 export { Field, FieldControl, FieldDescription, FieldError, FieldItem, FieldLabel, FieldPrimitive, FieldValidity };
-
-//# sourceMappingURL=field.js.map

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

@@ -2,5 +2,4 @@
 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 };
-//# sourceMappingURL=film-grain-shader.d.ts.map
+export { fragmentShader, vertexShader };

package/dist/film-grain-shader.js

@@ -84,5 +84,3 @@ void main() {
 `;
 //#endregion
 export { fragmentShader, vertexShader };
-
-//# sourceMappingURL=film-grain-shader.js.map

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

@@ -3,7 +3,6 @@ import * as _$react from "react";
 //#region src/film-grain-webgl.d.ts
 interface UseFilmGrainOptions {
   density: number;
-  opacity: number;
   /** Target FPS for both WebGL and canvas fallback. Default 18 */
   fps?: number;
   /** Hex color for canvas fallback grain. Default '#ffffff' */
@@ -11,10 +10,8 @@ interface UseFilmGrainOptions {
 }
 declare function useFilmGrain({
   density,
-  opacity,
   fps,
   color
 }: UseFilmGrainOptions): _$react.RefObject<HTMLCanvasElement | null>;
 //#endregion
-export { useFilmGrain };
-//# sourceMappingURL=film-grain-webgl.d.ts.map
+export { useFilmGrain };

package/dist/film-grain-webgl.js

@@ -96,7 +96,7 @@ function generateGrainTexture(width, height, density, color) {
 	ctx.putImageData(imageData, 0, 0);
 	return offscreen;
 }
-function useFilmGrain({ density, opacity, fps = 18, color = "#ffffff" }) {
+function useFilmGrain({ density, fps = 18, color = "#ffffff" }) {
 	const canvasRef = useRef(null);
 	const rafRef = useRef(0);
 	const visibleRef = useRef(true);
@@ -122,14 +122,18 @@ function useFilmGrain({ density, opacity, fps = 18, color = "#ffffff" }) {
 				dpr
 			};
 		};
-		const gl = canvas.getContext("webgl") || canvas.getContext("experimental-webgl");
+		const canGetWebGL = (c) => (c.getContext("webgl") || c.getContext("experimental-webgl")) ?? null;
+		const probeGl = canGetWebGL(document.createElement("canvas"));
+		const webglSupported = probeGl ? initWebGL(probeGl) !== null : false;
+		probeGl?.getExtension("WEBGL_lose_context")?.loseContext();
+		const gl = webglSupported ? canGetWebGL(canvas) : null;
 		const uniforms = gl ? initWebGL(gl) : null;
 		if (gl && uniforms) {
 			let contextLost = false;
 			const [cr, cg, cb] = parseHex(color);
 			const setUniforms = () => {
 				setUniform1f(gl, uniforms.uDensity, density);
-				setUniform1f(gl, uniforms.uOpacity, opacity);
+				setUniform1f(gl, uniforms.uOpacity, 1);
 				setUniform1f(gl, uniforms.uFps, fps);
 				setUniform3f(gl, uniforms.uColor, cr / 255, cg / 255, cb / 255);
 			};
@@ -293,7 +297,6 @@ function useFilmGrain({ density, opacity, fps = 18, color = "#ffffff" }) {
 		};
 	}, [
 		density,
-		opacity,
 		fps,
 		interval,
 		color
@@ -302,5 +305,3 @@ function useFilmGrain({ density, opacity, fps = 18, color = "#ffffff" }) {
 }
 //#endregion
 export { useFilmGrain };
-
-//# sourceMappingURL=film-grain-webgl.js.map

package/dist/film-grain.d.ts

@@ -21,5 +21,4 @@ declare function FilmGrain({
   style
 }: FilmGrainProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
-export { FilmGrain, type FilmGrainProps };
-//# sourceMappingURL=film-grain.d.ts.map
+export { FilmGrain, type FilmGrainProps };

package/dist/film-grain.js

@@ -7,7 +7,6 @@ import { jsx } from "react/jsx-runtime";
 function FilmGrain({ density = .6, opacity = .08, blendMode = "overlay", fps = 18, color = "#ffffff", className, style }) {
 	const canvasRef = useFilmGrain({
 		density,
-		opacity,
 		fps,
 		color
 	});
@@ -29,5 +28,3 @@ function FilmGrain({ density = .6, opacity = .08, blendMode = "overlay", fps = 1
 }
 //#endregion
 export { FilmGrain };
-
-//# sourceMappingURL=film-grain.js.map

package/dist/form.d.ts

@@ -94,5 +94,4 @@ declare function fieldControlProps<TFieldValues extends FieldValues, TName exten
   onChange: (...event: any[]) => void;
 };
 //#endregion
-export { Form, FormActions, FormError, FormField, type FormFieldProps, type FormFieldRenderArgs, FormMessage, FormRoot, fieldControlProps, useForm, useWatch };
-//# sourceMappingURL=form.d.ts.map
+export { Form, FormActions, FormError, FormField, type FormFieldProps, type FormFieldRenderArgs, FormMessage, FormRoot, fieldControlProps, useForm, useWatch };

package/dist/form.js

@@ -125,5 +125,3 @@ function fieldControlProps(field, opts) {
 }
 //#endregion
 export { Form, FormActions, FormError, FormField, FormMessage, FormRoot, fieldControlProps, useForm, useWatch };
-
-//# sourceMappingURL=form.js.map

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

@@ -48,5 +48,4 @@ declare function GradientRevealText({
   className
 }: GradientRevealTextProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
-export { GradientRevealText, type GradientRevealTextProps };
-//# sourceMappingURL=gradient-reveal-text.d.ts.map
+export { GradientRevealText, type GradientRevealTextProps };

package/dist/gradient-reveal-text.js

@@ -45,6 +45,7 @@ function GradientRevealText({ text, duration = 0, colors = DEFAULT_COLORS, baseO
 		cy: .5
 	});
 	const rafId = useRef(0);
+	const requestFollow = useRef(() => {});
 	const measure = useCallback(() => {
 		const el = textRef.current;
 		if (!el) return;
@@ -61,7 +62,11 @@ function GradientRevealText({ text, duration = 0, colors = DEFAULT_COLORS, baseO
 	useEffect(() => {
 		measure();
 		document.fonts?.ready?.then(measure);
-	}, [text, measure]);
+	}, [
+		text,
+		fontFamily,
+		measure
+	]);
 	const applyGradientPos = useCallback((cx, cy) => {
 		const el = gradientRef.current;
 		if (!el) return;
@@ -71,18 +76,37 @@ function GradientRevealText({ text, duration = 0, colors = DEFAULT_COLORS, baseO
 		el.setAttribute("cy", String(svgCy));
 	}, [vb]);
 	useEffect(() => {
-		if (duration <= 0) return;
+		if (duration <= 0) {
+			requestFollow.current = () => {};
+			return;
+		}
 		const speed = 1 - Math.pow(.001, 1 / (duration * 60));
+		const EPSILON = 5e-4;
 		const tick = () => {
 			const cur = currentPos.current;
 			const tgt = targetPos.current;
 			cur.cx += (tgt.cx - cur.cx) * speed;
 			cur.cy += (tgt.cy - cur.cy) * speed;
 			applyGradientPos(cur.cx, cur.cy);
+			if (Math.abs(tgt.cx - cur.cx) < EPSILON && Math.abs(tgt.cy - cur.cy) < EPSILON) {
+				cur.cx = tgt.cx;
+				cur.cy = tgt.cy;
+				applyGradientPos(cur.cx, cur.cy);
+				rafId.current = 0;
+				return;
+			}
 			rafId.current = requestAnimationFrame(tick);
 		};
-		rafId.current = requestAnimationFrame(tick);
-		return () => cancelAnimationFrame(rafId.current);
+		requestFollow.current = () => {
+			if (rafId.current === 0) rafId.current = requestAnimationFrame(tick);
+		};
+		return () => {
+			requestFollow.current = () => {};
+			if (rafId.current !== 0) {
+				cancelAnimationFrame(rafId.current);
+				rafId.current = 0;
+			}
+		};
 	}, [duration, applyGradientPos]);
 	const updatePos = (e) => {
 		const svg = svgRef.current;
@@ -100,7 +124,7 @@ function GradientRevealText({ text, duration = 0, colors = DEFAULT_COLORS, baseO
 				cy
 			};
 			applyGradientPos(cx, cy);
-		}
+		} else requestFollow.current();
 	};
 	const handleMouseEnter = (e) => {
 		const svg = svgRef.current;
@@ -239,5 +263,3 @@ function GradientRevealText({ text, duration = 0, colors = DEFAULT_COLORS, baseO
 }
 //#endregion
 export { GradientRevealText };
-
-//# sourceMappingURL=gradient-reveal-text.js.map

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

@@ -6,5 +6,4 @@
  */
 declare function useIsMobile(breakpoint?: number): boolean;
 //#endregion
-export { useIsMobile };
-//# sourceMappingURL=use-mobile.d.ts.map
+export { useIsMobile };

package/dist/hooks/use-mobile.js

@@ -25,5 +25,3 @@ function useIsMobile(breakpoint = DEFAULT_MOBILE_BREAKPOINT) {
 }
 //#endregion
 export { useIsMobile };
-
-//# sourceMappingURL=use-mobile.js.map

package/dist/infinite-scroll.d.ts

@@ -29,5 +29,4 @@ declare function InfiniteScroll({
   children
 }: InfiniteScrollProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
-export { InfiniteScroll, type InfiniteScrollProps };
-//# sourceMappingURL=infinite-scroll.d.ts.map
+export { InfiniteScroll, type InfiniteScrollProps };

package/dist/infinite-scroll.js

@@ -53,14 +53,19 @@ function InfiniteScroll({ onLoadMore, hasMore, isLoading = false, direction = "d
 		"aria-busy": isLoading,
 		className: cn("flex flex-col", className),
 		children: [
-			direction === "up" && /* @__PURE__ */ jsxs(Fragment, { children: [sentinel, loaderContent] }),
+			direction === "up" && /* @__PURE__ */ jsxs(Fragment, { children: [
+				sentinel,
+				loaderContent,
+				endContent
+			] }),
 			children,
-			direction === "down" && /* @__PURE__ */ jsxs(Fragment, { children: [sentinel, loaderContent] }),
-			endContent
+			direction === "down" && /* @__PURE__ */ jsxs(Fragment, { children: [
+				sentinel,
+				loaderContent,
+				endContent
+			] })
 		]
 	});
 }
 //#endregion
 export { InfiniteScroll };
-
-//# sourceMappingURL=infinite-scroll.js.map

package/dist/input-group.d.ts

@@ -18,7 +18,7 @@ declare function InputGroup({
   ...props
 }: InputGroupProps): _$react_jsx_runtime0.JSX.Element;
 declare const inputGroupAddonVariants: (props?: ({
-  align?: "inline-end" | "inline-start" | "block-end" | "block-start" | null | undefined;
+  align?: "inline-start" | "inline-end" | "block-start" | "block-end" | null | undefined;
 } & _$class_variance_authority_types0.ClassProp) | undefined) => string;
 declare function InputGroupAddon({
   className,
@@ -48,5 +48,4 @@ declare function InputGroupTextarea({
   ...props
 }: InputGroupTextareaProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
-export { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea };
-//# sourceMappingURL=input-group.d.ts.map
+export { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea };

package/dist/input-group.js

@@ -32,7 +32,7 @@ function InputGroupAddon({ className, align = "inline-start", ...props }) {
 		className: cn(inputGroupAddonVariants({ align }), className),
 		onClick: (e) => {
 			if (e.target.closest("button")) return;
-			e.currentTarget.parentElement?.querySelector("input")?.focus();
+			e.currentTarget.parentElement?.querySelector("input, textarea")?.focus();
 		},
 		...props
 	});
@@ -78,5 +78,3 @@ function InputGroupTextarea({ className, ...props }) {
 }
 //#endregion
 export { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea };
-
-//# sourceMappingURL=input-group.js.map

package/dist/input-otp.d.ts

@@ -30,5 +30,4 @@ declare function InputOTPSeparator({
   ...props
 }: InputOTPSeparatorProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
-export { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot };
-//# sourceMappingURL=input-otp.d.ts.map
+export { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot };

package/dist/input-otp.js

@@ -8,7 +8,7 @@ import { OTPInput, OTPInputContext } from "input-otp";
 function InputOTP({ className, containerClassName, ...props }) {
 	return /* @__PURE__ */ jsx(OTPInput, {
 		"data-slot": "input-otp",
-		containerClassName: cn("flex items-center has-disabled:opacity-50", containerClassName),
+		containerClassName: cn("group/input-otp flex items-center has-disabled:opacity-50", containerClassName),
 		spellCheck: false,
 		className: cn("disabled:cursor-not-allowed", className),
 		...props
@@ -17,7 +17,7 @@ function InputOTP({ className, containerClassName, ...props }) {
 function InputOTPGroup({ className, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
 		"data-slot": "input-otp-group",
-		className: cn("flex items-center rounded-md has-aria-invalid:border-destructive has-aria-invalid:ring-3 has-aria-invalid:ring-destructive/20 dark:has-aria-invalid:ring-destructive/40", className),
+		className: cn("flex items-center rounded-md", className),
 		...props
 	});
 }
@@ -26,7 +26,7 @@ function InputOTPSlot({ index, className, ...props }) {
 	return /* @__PURE__ */ jsxs("div", {
 		"data-slot": "input-otp-slot",
 		"data-active": isActive || void 0,
-		className: cn("border-edge dark:bg-edge/30 relative flex size-9 items-center justify-center border-y border-r text-sm motion-color outline-none first:rounded-l-md first:border-l last:rounded-r-md", "data-active:border-focus data-active:ring-3 data-active:ring-focus/50 data-active:z-10", "aria-invalid:border-destructive data-active:aria-invalid:border-destructive data-active:aria-invalid:ring-destructive/20 dark:data-active:aria-invalid:ring-destructive/40", className),
+		className: cn("border-edge dark:bg-edge/30 relative flex size-9 items-center justify-center border-y border-r text-sm motion-color outline-none first:rounded-l-md first:border-l last:rounded-r-md", "data-active:border-focus data-active:ring-3 data-active:ring-focus/50 data-active:z-10", "group-has-aria-invalid/input-otp:border-destructive group-has-aria-invalid/input-otp:data-active:ring-3 group-has-aria-invalid/input-otp:data-active:ring-destructive/20 dark:group-has-aria-invalid/input-otp:data-active:ring-destructive/40", className),
 		...props,
 		children: [char, hasFakeCaret && /* @__PURE__ */ jsx("div", {
 			className: "pointer-events-none absolute inset-0 flex items-center justify-center",
@@ -45,5 +45,3 @@ function InputOTPSeparator({ className, ...props }) {
 }
 //#endregion
 export { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot };
-
-//# sourceMappingURL=input-otp.js.map

package/dist/input.d.ts

@@ -9,5 +9,4 @@ declare function Input({
   ...props
 }: InputProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
-export { Input };
-//# sourceMappingURL=input.d.ts.map
+export { Input };

package/dist/input.js

@@ -13,5 +13,3 @@ function Input({ className, type, ...props }) {
 }
 //#endregion
 export { Input };
-
-//# sourceMappingURL=input.js.map

package/dist/item.d.ts

@@ -68,5 +68,4 @@ declare function ItemFooter({
   ...props
 }: ItemFooterProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
-export { Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle };
-//# sourceMappingURL=item.d.ts.map
+export { Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle };

package/dist/item.js

@@ -7,7 +7,7 @@ import { cva } from "class-variance-authority";
 import { mergeProps } from "@base-ui/react/merge-props";
 import { useRender } from "@base-ui/react/use-render";
 //#region src/item.tsx
-const itemVariants = cva("[a]:hover:bg-secondary rounded-md border text-sm w-full group/item focus-visible:border-focus focus-visible:ring-focus/50 flex items-center flex-wrap outline-none transition-colors duration-200 focus-visible:ring-3 [a]:transition-colors", {
+const itemVariants = cva("[a]:hover:bg-secondary rounded-md border text-sm w-full group/item focus-visible:border-focus focus-visible:ring-focus/50 flex items-center flex-wrap outline-none motion-color focus-visible:ring-3", {
 	variants: {
 		variant: {
 			default: "border-transparent",
@@ -16,8 +16,8 @@ const itemVariants = cva("[a]:hover:bg-secondary rounded-md border text-sm w-ful
 		},
 		size: {
 			default: "gap-2.5 px-3 py-2.5",
-			sm: "gap-2.5 px-3 py-2.5",
-			xs: "gap-2 px-2.5 py-2 in-data-[slot=dropdown-menu-content]:p-0"
+			sm: "gap-2 px-3 py-2",
+			xs: "gap-2 px-2.5 py-2 in-data-[slot=menu-content]:p-0"
 		}
 	},
 	defaultVariants: {
@@ -119,5 +119,3 @@ function ItemFooter({ className, ...props }) {
 }
 //#endregion
 export { Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle };
-
-//# sourceMappingURL=item.js.map

package/dist/kbd.d.ts

@@ -12,5 +12,4 @@ declare function KbdGroup({
   ...props
 }: KbdGroupProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
-export { Kbd, KbdGroup, type KbdGroupProps, type KbdProps };
-//# sourceMappingURL=kbd.d.ts.map
+export { Kbd, KbdGroup, type KbdGroupProps, type KbdProps };

package/dist/kbd.js

@@ -17,5 +17,3 @@ function KbdGroup({ className, ...props }) {
 }
 //#endregion
 export { Kbd, KbdGroup };
-
-//# sourceMappingURL=kbd.js.map

package/dist/label.d.ts

@@ -8,5 +8,4 @@ declare function Label({
   ...props
 }: LabelProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
-export { Label };
-//# sourceMappingURL=label.d.ts.map
+export { Label };

package/dist/label.js

@@ -1,4 +1,3 @@
-"use client";
 import { cn } from "./lib/utils.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
@@ -12,5 +11,3 @@ function Label({ className, ...props }) {
 }
 //#endregion
 export { Label };
-
-//# sourceMappingURL=label.js.map

package/dist/lib/focus.d.ts

@@ -38,5 +38,4 @@ type RestoreFocusOnClose = "always" | "keyboard" | "never";
  */
 declare function resolveFinalFocus(restoreFocusOnClose: RestoreFocusOnClose | undefined, finalFocus: FinalFocus | undefined): FinalFocus | undefined;
 //#endregion
-export { RestoreFocusOnClose, resolveFinalFocus };
-//# sourceMappingURL=focus.d.ts.map
+export { RestoreFocusOnClose, resolveFinalFocus };

package/dist/lib/focus.js

@@ -17,5 +17,3 @@ function resolveFinalFocus(restoreFocusOnClose, finalFocus) {
 }
 //#endregion
 export { resolveFinalFocus };
-
-//# sourceMappingURL=focus.js.map

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

@@ -28,5 +28,4 @@ declare function ErrorCircleIcon(props: IconProps): _$react_jsx_runtime0.JSX.Ele
 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 };
-//# sourceMappingURL=internal-icons.d.ts.map
+export { AlertTriangleIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsUpDownIcon, CloseIcon, EllipsisIcon, EllipsisVerticalIcon, ErrorCircleIcon, InfoCircleIcon, LoaderIcon, MinusIcon, SidebarPanelIcon, StarIcon, SuccessCircleIcon, TrashIcon };

package/dist/lib/internal-icons.js

@@ -220,5 +220,3 @@ function StarIcon(props) {
 }
 //#endregion
 export { AlertTriangleIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsUpDownIcon, CloseIcon, EllipsisIcon, EllipsisVerticalIcon, ErrorCircleIcon, InfoCircleIcon, LoaderIcon, MinusIcon, SidebarPanelIcon, StarIcon, SuccessCircleIcon, TrashIcon };
-
-//# sourceMappingURL=internal-icons.js.map

package/dist/lib/utils.d.ts

@@ -38,5 +38,4 @@ 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 };
-//# sourceMappingURL=utils.d.ts.map
+export { cn };

package/dist/lib/utils.js

@@ -1,6 +1,30 @@
 import { clsx } from "clsx";
-import { twMerge } from "tailwind-merge";
+import { extendTailwindMerge } from "tailwind-merge";
 //#region src/lib/utils.ts
+/**
+* tailwind-merge, taught about the library's custom utilities so they
+* conflict-resolve like built-ins:
+* - the enter/exit motion recipes (`motion-scale/slide/fade/pop-*`) are mutually
+*   exclusive — the last one applied wins (e.g. a consumer overriding a
+*   component's default animation). `motion-color` / `motion-scrim` are left out
+*   on purpose: they compose with an enter recipe on the same element.
+* - `cursor-clickable` joins the built-in `cursor` group.
+*/
+const twMerge = extendTailwindMerge({ extend: { classGroups: {
+	"motion-enter": [
+		"motion-scale-sm",
+		"motion-scale-md",
+		"motion-scale-lg",
+		"motion-slide-sm",
+		"motion-slide-md",
+		"motion-slide-lg",
+		"motion-fade-sm",
+		"motion-fade-md",
+		"motion-fade-lg",
+		"motion-pop-md"
+	],
+	cursor: ["cursor-clickable"]
+} } });
 function cn(...inputs) {
 	if (!inputs.some((v) => typeof v === "function")) return twMerge(clsx(inputs));
 	return (state) => {
@@ -9,5 +33,3 @@ function cn(...inputs) {
 }
 //#endregion
 export { cn };
-
-//# sourceMappingURL=utils.js.map

package/dist/masonry.d.ts

@@ -27,5 +27,4 @@ declare function MasonryItem({
   ...props
 }: MasonryItemProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
-export { Masonry, MasonryItem };
-//# sourceMappingURL=masonry.d.ts.map
+export { Masonry, MasonryItem };

package/dist/masonry.js

@@ -196,5 +196,3 @@ function MasonryItem({ className, span, children, ...props }) {
 }
 //#endregion
 export { Masonry, MasonryItem };
-
-//# sourceMappingURL=masonry.js.map

package/dist/menu.d.ts

@@ -101,5 +101,4 @@ declare function MenuShortcut({
   ...props
 }: MenuShortcutProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
-export { Menu, MenuCheckboxItem, MenuContent, MenuGroup, MenuItem, MenuLabel, MenuPortal, MenuRadioGroup, MenuRadioItem, MenuSeparator, MenuShortcut, MenuSub, MenuSubContent, MenuSubTrigger, MenuTrigger };
-//# sourceMappingURL=menu.d.ts.map
+export { Menu, MenuCheckboxItem, MenuContent, MenuGroup, MenuItem, MenuLabel, MenuPortal, MenuRadioGroup, MenuRadioItem, MenuSeparator, MenuShortcut, MenuSub, MenuSubContent, MenuSubTrigger, MenuTrigger };

package/dist/menu.js

@@ -73,7 +73,7 @@ function MenuSubTrigger({ className, inset, children, ...props }) {
 	return /* @__PURE__ */ jsxs(Menu$1.SubmenuTrigger, {
 		"data-slot": "menu-sub-trigger",
 		"data-inset": inset,
-		className: cn("focus:bg-primary focus:text-white data-open:bg-primary data-open:text-white not-data-[variant=destructive]:focus:**:text-white data-popup-open:bg-primary data-popup-open:text-white flex cursor-clickable items-center gap-1.5 rounded-sm px-1.5 py-1 text-sm outline-hidden select-none data-inset:pl-7 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
+		className: cn("focus:bg-primary focus:text-white focus:**:text-white data-popup-open:bg-primary data-popup-open:text-white flex cursor-clickable items-center gap-1.5 rounded-sm px-1.5 py-1 text-sm outline-hidden select-none data-inset:pl-7 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
 		...props,
 		children: [children, /* @__PURE__ */ jsx(ChevronRightIcon, { className: "ml-auto" })]
 	});
@@ -138,5 +138,3 @@ function MenuShortcut({ className, ...props }) {
 }
 //#endregion
 export { Menu, MenuCheckboxItem, MenuContent, MenuGroup, MenuItem, MenuLabel, MenuPortal, MenuRadioGroup, MenuRadioItem, MenuSeparator, MenuShortcut, MenuSub, MenuSubContent, MenuSubTrigger, MenuTrigger };
-
-//# sourceMappingURL=menu.js.map

package/dist/menubar.d.ts

@@ -74,5 +74,4 @@ declare function MenubarSubContent({
   ...props
 }: MenubarSubContentProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
-export { Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger };
-//# sourceMappingURL=menubar.d.ts.map
+export { Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger };