beez-ui 0.11.0 → 2.0.1

package/dist/constants/button.d.ts

@@ -0,0 +1,16 @@
+/** Tuning shared by Button's Arc press feedback and label width morph. */
+/** Buttons wider than this press a little less so large surfaces don't feel spongy. */
+export declare const BUTTON_WIDE_THRESHOLD_PX = 220;
+/** Buttons up to this width are icon-sized and press a little deeper. */
+export declare const BUTTON_ICON_THRESHOLD_PX = 48;
+/** Press scale for wide buttons. */
+export declare const BUTTON_WIDE_PRESS_SCALE = 0.985;
+/** Press scale for icon-sized buttons. */
+export declare const BUTTON_ICON_PRESS_SCALE = 0.96;
+/** Press scale for every other button. */
+export declare const BUTTON_DEFAULT_PRESS_SCALE = 0.97;
+/**
+ * After the label changes, resizes inside this window spring to the new width; later resizes
+ * (late web fonts, parent reflows) jump so nothing wobbles on first paint.
+ */
+export declare const BUTTON_MORPH_WINDOW_MS = 700;

package/dist/constants/button.js

@@ -0,0 +1,16 @@
+/** Tuning shared by Button's Arc press feedback and label width morph. */
+/** Buttons wider than this press a little less so large surfaces don't feel spongy. */
+export const BUTTON_WIDE_THRESHOLD_PX = 220;
+/** Buttons up to this width are icon-sized and press a little deeper. */
+export const BUTTON_ICON_THRESHOLD_PX = 48;
+/** Press scale for wide buttons. */
+export const BUTTON_WIDE_PRESS_SCALE = .985;
+/** Press scale for icon-sized buttons. */
+export const BUTTON_ICON_PRESS_SCALE = .96;
+/** Press scale for every other button. */
+export const BUTTON_DEFAULT_PRESS_SCALE = .97;
+/**
+* After the label changes, resizes inside this window spring to the new width; later resizes
+* (late web fonts, parent reflows) jump so nothing wobbles on first paint.
+*/
+export const BUTTON_MORPH_WINDOW_MS = 700;

package/dist/motion/arc-press.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Scales the element down while pressed and springs it back on release.
+ * @param element - Rendered button, link or Slot child; nothing happens until it is attached.
+ * @param isEnabled - False skips the feedback, for reduced motion or variants that should not press.
+ */
+export declare function useArcPress(element: HTMLElement | null, isEnabled: boolean): void;

package/dist/motion/arc-press.js

@@ -0,0 +1,59 @@
+"use client";
+import { c as _c } from "react/compiler-runtime";
+/**
+* Press feedback adapted from Arc (https://uiarc.dev), Copyright (c) 2026 Elia Kuratli, MIT License.
+* The full license text ships in THIRD_PARTY_NOTICES.md. Works on whatever node a Slot or Base UI
+* renders, so `asChild` links press exactly like native buttons.
+*/
+import { useEffect } from "react";
+import { animate, press } from "motion/react";
+import { BUTTON_DEFAULT_PRESS_SCALE, BUTTON_ICON_PRESS_SCALE, BUTTON_ICON_THRESHOLD_PX, BUTTON_WIDE_PRESS_SCALE, BUTTON_WIDE_THRESHOLD_PX } from "../constants/button.js";
+import { ARC_DURATION, ARC_EASE, ARC_SPRING_SNAPPY } from "./arc-tokens.js";
+/** Matches triggers of menus, popovers and dialogs, which never scale: Radix measures them on pointerdown. */
+const LAYER_ANCHOR_SELECTOR = "[aria-haspopup]:not([aria-haspopup=\"false\"]), [data-state], [role=\"combobox\"]";
+/** Matches elements that ignore presses: disabled, busy or marked unavailable. */
+const INERT_SELECTOR = ":disabled, [data-disabled], [aria-disabled=\"true\"], [aria-busy=\"true\"]";
+/** Icon buttons press a little deeper and wide buttons a little less, so every size reads as the same push. */
+function getPressScale(width) {
+	if (width > BUTTON_WIDE_THRESHOLD_PX) return BUTTON_WIDE_PRESS_SCALE;
+	if (width && width <= BUTTON_ICON_THRESHOLD_PX) return BUTTON_ICON_PRESS_SCALE;
+	return BUTTON_DEFAULT_PRESS_SCALE;
+}
+/**
+* Scales the element down while pressed and springs it back on release.
+* @param element - Rendered button, link or Slot child; nothing happens until it is attached.
+* @param isEnabled - False skips the feedback, for reduced motion or variants that should not press.
+*/
+export function useArcPress(element, isEnabled) {
+	const $ = _c(4);
+	let t0;
+	let t1;
+	if ($[0] !== element || $[1] !== isEnabled) {
+		t0 = () => {
+			if (!element || !isEnabled) {
+				return;
+			}
+			return press(element, () => {
+				if (element.matches(INERT_SELECTOR) || element.matches(LAYER_ANCHOR_SELECTOR)) {
+					return;
+				}
+				animate(element, { scale: getPressScale(element.offsetWidth) }, {
+					duration: ARC_DURATION.instant,
+					ease: [...ARC_EASE.standard]
+				});
+				return () => {
+					animate(element, { scale: 1 }, ARC_SPRING_SNAPPY);
+				};
+			});
+		};
+		t1 = [element, isEnabled];
+		$[0] = element;
+		$[1] = isEnabled;
+		$[2] = t0;
+		$[3] = t1;
+	} else {
+		t0 = $[2];
+		t1 = $[3];
+	}
+	useEffect(t0, t1);
+}

package/dist/motion/arc-tokens.d.ts

@@ -0,0 +1,32 @@
+/**
+ * Motion presets adapted from Arc (https://uiarc.dev), Copyright (c) 2026 Elia Kuratli, MIT License.
+ * The full license text ships in THIRD_PARTY_NOTICES.md. Internal: only Arc-derived components use these.
+ */
+/** Durations in seconds, from an instant color answer to a considered layout change. */
+export declare const ARC_DURATION: {
+    readonly instant: 0.12;
+    readonly fast: 0.16;
+    readonly standard: 0.24;
+};
+/** Cubic-bezier curves for entrances and color or opacity tweens. */
+export declare const ARC_EASE: {
+    readonly enter: readonly [0.16, 1, 0.3, 1];
+    readonly standard: readonly [0.22, 1, 0.36, 1];
+};
+/** Presses, toggles and small indicators: settles fast with a hint of life. */
+export declare const ARC_SPRING_SNAPPY: {
+    readonly type: "spring";
+    readonly visualDuration: 0.26;
+    readonly bounce: 0.12;
+};
+/** Shape morphs and width changes that follow new content. */
+export declare const ARC_SPRING_MORPH: {
+    readonly type: "spring";
+    readonly visualDuration: 0.42;
+    readonly bounce: 0.16;
+};
+/** Blur radii in pixels for brief content crossfades. */
+export declare const ARC_BLUR: {
+    readonly subtle: 2;
+    readonly soft: 4;
+};

package/dist/motion/arc-tokens.js

@@ -0,0 +1,42 @@
+/**
+* Motion presets adapted from Arc (https://uiarc.dev), Copyright (c) 2026 Elia Kuratli, MIT License.
+* The full license text ships in THIRD_PARTY_NOTICES.md. Internal: only Arc-derived components use these.
+*/
+/** Durations in seconds, from an instant color answer to a considered layout change. */
+export const ARC_DURATION = {
+	instant: .12,
+	fast: .16,
+	standard: .24
+};
+/** Cubic-bezier curves for entrances and color or opacity tweens. */
+export const ARC_EASE = {
+	enter: [
+		.16,
+		1,
+		.3,
+		1
+	],
+	standard: [
+		.22,
+		1,
+		.36,
+		1
+	]
+};
+/** Presses, toggles and small indicators: settles fast with a hint of life. */
+export const ARC_SPRING_SNAPPY = {
+	type: "spring",
+	visualDuration: .26,
+	bounce: .12
+};
+/** Shape morphs and width changes that follow new content. */
+export const ARC_SPRING_MORPH = {
+	type: "spring",
+	visualDuration: .42,
+	bounce: .16
+};
+/** Blur radii in pixels for brief content crossfades. */
+export const ARC_BLUR = {
+	subtle: 2,
+	soft: 4
+};

package/dist/providers/beez-ui-provider.d.ts

@@ -18,7 +18,7 @@ export interface BeezUIComponents {
 export interface BeezUIProviderProps {
     children: ReactNode;
     components?: BeezUIComponents;
-    /** Shares light/dark/system behavior while keeping the library's class-based theme contract. */
+    /** Shares light/dark/system behavior; the theme is written as a class and as Arc's `data-theme` attribute. */
     themeOptions?: Omit<ThemeProviderProps, "children" | "attribute">;
 }
 /** Merges nested overrides while preserving stable adapter identities. */

package/dist/providers/beez-ui-provider.js

@@ -6,6 +6,11 @@ import { MotionConfig } from "motion/react";
 import { ThemeProvider } from "next-themes";
 import { jsx as _jsx } from "react/jsx-runtime";
 /**
+* Arc's foundation selects dark tokens with `data-theme`; the class keeps Tailwind's `dark` variant and
+* consumer styles written for it.
+*/
+const THEME_ATTRIBUTES = ["class", "data-theme"];
+/**
 * next-themes renders an inline script that applies the stored theme before hydration. It only
 * runs when it arrives in server HTML; a script created by a client render never executes, and
 * React 19 warns about it. Client-only renders mark it as a data block, which React accepts.
@@ -69,7 +74,7 @@ export function BeezUIProvider(t0) {
 	let t5;
 	if ($[9] !== scriptProps || $[10] !== t4 || $[11] !== themeOptions) {
 		t5 = /* @__PURE__ */ _jsx(ThemeProvider, {
-			attribute: "class",
+			attribute: THEME_ATTRIBUTES,
 			...themeOptions,
 			scriptProps,
 			children: t4