beez-ui 0.6.2 → 0.8.0

package/dist/motion/tokens.js

@@ -1,4 +1,7 @@
-/** Defines the timing, curves and physics shared by Motion animations, aligned with beui.dev/components/motion. */
+/**
+* Defines the timing, curves and physics shared by Motion animations, aligned with beui.dev/components/motion.
+* Public: consumers animate their own product surfaces with these tokens so they move like the library.
+*/
 export const MOTION_TIMING = {
 	fast: .14,
 	enter: .18,
@@ -16,6 +19,14 @@ export const MOTION_TIMING = {
 	listStagger: .035,
 	closeEnter: .2,
 	closeDelay: .16,
+	sheetExit: .24,
+	reveal: .4,
+	/** Heart and badge pops that confirm a toggle. */
+	pop: .32,
+	/** Height of expanding and collapsing regions. */
+	collapse: .26,
+	monthSwap: .24,
+	cursorBlink: 1,
 	skeleton: 1.8
 };
 /** Items beyond this position share the last stagger delay, so long lists never lag behind. */
@@ -62,6 +73,13 @@ export const SPRING_LAYOUT = {
 	damping: 32,
 	mass: .6
 };
+/** Keyboard highlight in menus and lists: quick enough to keep up with a held arrow key. */
+export const SPRING_HIGHLIGHT = {
+	type: "spring",
+	stiffness: 700,
+	damping: 45,
+	mass: .5
+};
 /** Tab indicator glide, tuned to settle without overshooting the list edges. */
 export const SPRING_TABS = {
 	type: "spring",
@@ -89,6 +107,13 @@ export const SPRING_THUMB = {
 	damping: 80,
 	mass: 4
 };
+/** Small, confident pops for counters, badges and toggled icons. */
+export const SPRING_POP = {
+	type: "spring",
+	stiffness: 520,
+	damping: 30,
+	mass: .5
+};
 /** Primary actions compress noticeably; dense navigation items stay subtle. */
 export const MOTION_PRESS_SCALE = .93;
 export const MOTION_SUBTLE_PRESS_SCALE = .98;
@@ -99,9 +124,23 @@ export const MOTION_ITEM_CHECK_SCALE = .75;
 export const MOTION_ICON_SWAP_SCALE = .25;
 export const MOTION_CLOSE_BUTTON_SCALE = .8;
 export const MOTION_LIST_ITEM_DISTANCE = 6;
+/** Scale a freshly inserted list item starts from, and a leaving one shrinks to. */
+export const MOTION_ITEM_ENTER_SCALE = .98;
+/** Loaded images settle from a slight zoom, so they develop in place instead of popping in. */
+export const MOTION_REVEAL_SCALE = 1.06;
+export const MOTION_REVEAL_BLUR_PX = 6;
+/** Calendar months slide just enough to show the direction of navigation. */
+export const MOTION_MONTH_DISTANCE = 12;
+/** Skeleton shine travels from fully before the box to fully past it, as a `translate` value. */
+export const MOTION_SHIMMER_TRANSLATE = ["-100% 0", "100% 0"];
+/** Hovered interactive cards gain a soft drop shadow; the rest value has the same shape, invisible. */
+export const MOTION_CARD_SHADOW_LIFT = "0px 4px 16px 0px rgba(0, 0, 0, 0.08)";
+export const MOTION_CARD_SHADOW_REST = "0px 0px 0px 0px rgba(0, 0, 0, 0)";
 export const MOTION_SURFACE_SCALE = .96;
 /** Fraction of the surface kept hidden by the clip at the start of its reveal, in percent. */
 export const MOTION_SURFACE_CLIP_PERCENT = 92;
+/** Room left outside a revealing surface for its ring and drop shadow (`shadow-lg` spans ~22px). */
+export const MOTION_SURFACE_CLIP_BLEED_PX = 24;
 export const MOTION_TOOLTIP_DISTANCE = 8;
 export const MOTION_DIALOG_DISTANCE = 20;
 export const MOTION_CONTENT_DISTANCE = 4;

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

@@ -1,16 +1,26 @@
 "use client";
 import { c as _c } from "react/compiler-runtime";
 /** Shares optional rendering adapters without importing a framework into the core. */
-import { createContext, useContext } from "react";
+import { createContext, useContext, useSyncExternalStore } from "react";
 import { MotionConfig } from "motion/react";
 import { ThemeProvider } from "next-themes";
 import { jsx as _jsx } from "react/jsx-runtime";
+/**
+* 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.
+*/
+const CLIENT_RENDER_THEME_SCRIPT_PROPS = { type: "application/json" };
+/** Nothing to subscribe to: the value only distinguishes server/hydration from client renders. */
+function subscribeToRenderEnvironment() {
+	return () => {};
+}
 /** Native elements remain the implicit fallback for unconfigured adapters. */
 const EMPTY_COMPONENTS = {};
 const AdapterContext = createContext(EMPTY_COMPONENTS);
 /** Merges nested overrides while preserving stable adapter identities. */
 export function BeezUIProvider(t0) {
-	const $ = _c(9);
+	const $ = _c(13);
 	const { children, components: t1, themeOptions } = t0;
 	const components = t1 === undefined ? EMPTY_COMPONENTS : t1;
 	const parent = useContext(AdapterContext);
@@ -27,35 +37,57 @@ export function BeezUIProvider(t0) {
 		t2 = $[2];
 	}
 	const value = t2;
+	const isClientOnlyRender = useSyncExternalStore(subscribeToRenderEnvironment, _temp, _temp2);
 	let t3;
-	if ($[3] !== children || $[4] !== value) {
-		t3 = /* @__PURE__ */ _jsx(MotionConfig, {
+	if ($[3] !== isClientOnlyRender || $[4] !== themeOptions?.scriptProps) {
+		t3 = isClientOnlyRender ? {
+			...CLIENT_RENDER_THEME_SCRIPT_PROPS,
+			...themeOptions?.scriptProps
+		} : themeOptions?.scriptProps;
+		$[3] = isClientOnlyRender;
+		$[4] = themeOptions?.scriptProps;
+		$[5] = t3;
+	} else {
+		t3 = $[5];
+	}
+	const scriptProps = t3;
+	let t4;
+	if ($[6] !== children || $[7] !== value) {
+		t4 = /* @__PURE__ */ _jsx(MotionConfig, {
 			reducedMotion: "user",
 			children: /* @__PURE__ */ _jsx(AdapterContext.Provider, {
 				value,
 				children
 			})
 		});
-		$[3] = children;
-		$[4] = value;
-		$[5] = t3;
+		$[6] = children;
+		$[7] = value;
+		$[8] = t4;
 	} else {
-		t3 = $[5];
+		t4 = $[8];
 	}
-	let t4;
-	if ($[6] !== t3 || $[7] !== themeOptions) {
-		t4 = /* @__PURE__ */ _jsx(ThemeProvider, {
+	let t5;
+	if ($[9] !== scriptProps || $[10] !== t4 || $[11] !== themeOptions) {
+		t5 = /* @__PURE__ */ _jsx(ThemeProvider, {
 			attribute: "class",
 			...themeOptions,
-			children: t3
+			scriptProps,
+			children: t4
 		});
-		$[6] = t3;
-		$[7] = themeOptions;
-		$[8] = t4;
+		$[9] = scriptProps;
+		$[10] = t4;
+		$[11] = themeOptions;
+		$[12] = t5;
 	} else {
-		t4 = $[8];
+		t5 = $[12];
 	}
-	return t4;
+	return t5;
+}
+function _temp2() {
+	return false;
+}
+function _temp() {
+	return true;
 }
 /** Reads adapters internally; native components work without a provider. */
 export function useBeezUIComponents() {