beez-ui 0.8.2 → 0.9.0

package/dist/components/reaction-button.js

@@ -32,83 +32,94 @@ const REACTION_ICON_VARIANTS = {
 * @returns The reaction button.
 */
 export function ReactionButton(t0) {
-	const $ = _c(19);
-	const { ariaLabel, isActive, count, onClick, isDisabled: t1, icon: t2, formatCount, className } = t0;
+	const $ = _c(22);
+	const { ariaLabel, isActive, count, onClick, isDisabled: t1, icon: t2, formatCount, activeColor, className } = t0;
 	const isDisabled = t1 === undefined ? false : t1;
 	const Icon = t2 === undefined ? HeartIcon : t2;
 	const shouldReduceMotion = usePrefersReducedMotion();
-	const t3 = isActive || undefined;
-	let t4;
-	if ($[0] !== className) {
-		t4 = cn("group/reaction", className);
-		$[0] = className;
-		$[1] = t4;
+	let t3;
+	if ($[0] !== activeColor) {
+		t3 = activeColor ? { "--beez-reaction-active-color": activeColor } : undefined;
+		$[0] = activeColor;
+		$[1] = t3;
 	} else {
-		t4 = $[1];
+		t3 = $[1];
 	}
-	const t5 = isActive && !shouldReduceMotion ? "active" : "idle";
-	let t6;
-	if ($[2] !== Icon) {
-		t6 = /* @__PURE__ */ _jsx(Icon, { className: "size-4 transition-[fill,color] group-data-active/reaction:fill-current group-data-active/reaction:text-destructive" });
-		$[2] = Icon;
-		$[3] = t6;
+	const activeColorStyle = t3;
+	const t4 = isActive || undefined;
+	let t5;
+	if ($[2] !== className) {
+		t5 = cn("group/reaction", className);
+		$[2] = className;
+		$[3] = t5;
 	} else {
-		t6 = $[3];
+		t5 = $[3];
 	}
+	const t6 = isActive && !shouldReduceMotion ? "active" : "idle";
 	let t7;
-	if ($[4] !== t5 || $[5] !== t6) {
-		t7 = /* @__PURE__ */ _jsx(motion.span, {
-			animate: t5,
+	if ($[4] !== Icon) {
+		t7 = /* @__PURE__ */ _jsx(Icon, { className: "size-4 transition-[fill,color] group-data-active/reaction:fill-current group-data-active/reaction:text-[var(--beez-reaction-active-color,var(--destructive))]" });
+		$[4] = Icon;
+		$[5] = t7;
+	} else {
+		t7 = $[5];
+	}
+	let t8;
+	if ($[6] !== t6 || $[7] !== t7) {
+		t8 = /* @__PURE__ */ _jsx(motion.span, {
+			animate: t6,
 			"aria-hidden": true,
 			className: "inline-flex origin-center items-center justify-center",
 			initial: false,
 			variants: REACTION_ICON_VARIANTS,
-			children: t6
+			children: t7
 		});
-		$[4] = t5;
-		$[5] = t6;
-		$[6] = t7;
+		$[6] = t6;
+		$[7] = t7;
+		$[8] = t8;
 	} else {
-		t7 = $[6];
+		t8 = $[8];
 	}
-	let t8;
-	if ($[7] !== count || $[8] !== formatCount) {
-		t8 = /* @__PURE__ */ _jsx(AnimatedCount, {
+	let t9;
+	if ($[9] !== count || $[10] !== formatCount) {
+		t9 = /* @__PURE__ */ _jsx(AnimatedCount, {
 			className: "min-w-[1ch]",
 			value: count,
 			format: formatCount
 		});
-		$[7] = count;
-		$[8] = formatCount;
-		$[9] = t8;
+		$[9] = count;
+		$[10] = formatCount;
+		$[11] = t9;
 	} else {
-		t8 = $[9];
+		t9 = $[11];
 	}
-	let t9;
-	if ($[10] !== ariaLabel || $[11] !== isActive || $[12] !== isDisabled || $[13] !== onClick || $[14] !== t3 || $[15] !== t4 || $[16] !== t7 || $[17] !== t8) {
-		t9 = /* @__PURE__ */ _jsxs(Button, {
+	let t10;
+	if ($[12] !== activeColorStyle || $[13] !== ariaLabel || $[14] !== isActive || $[15] !== isDisabled || $[16] !== onClick || $[17] !== t4 || $[18] !== t5 || $[19] !== t8 || $[20] !== t9) {
+		t10 = /* @__PURE__ */ _jsxs(Button, {
 			"data-slot": "reaction-button",
-			"data-active": t3,
+			"data-active": t4,
 			"aria-label": ariaLabel,
 			"aria-pressed": isActive,
-			className: t4,
+			className: t5,
 			disabled: isDisabled,
 			onClick,
+			style: activeColorStyle,
 			type: "button",
 			variant: "outline",
-			children: [t7, t8]
+			children: [t8, t9]
 		});
-		$[10] = ariaLabel;
-		$[11] = isActive;
-		$[12] = isDisabled;
-		$[13] = onClick;
-		$[14] = t3;
-		$[15] = t4;
-		$[16] = t7;
-		$[17] = t8;
-		$[18] = t9;
+		$[12] = activeColorStyle;
+		$[13] = ariaLabel;
+		$[14] = isActive;
+		$[15] = isDisabled;
+		$[16] = onClick;
+		$[17] = t4;
+		$[18] = t5;
+		$[19] = t8;
+		$[20] = t9;
+		$[21] = t10;
 	} else {
-		t9 = $[18];
+		t10 = $[21];
 	}
-	return t9;
+	return t10;
 }

package/dist/hooks.d.ts

@@ -0,0 +1,10 @@
+/**
+ * General-purpose React hooks, published at `beez-ui/hooks` so the component barrel stays focused
+ * on UI. `useIsMobile` is also exported from the package root for existing consumers.
+ */
+export { useIsMobile } from "./hooks/use-mobile.js";
+export { useIsHydrated } from "./hooks/use-is-hydrated.js";
+export { usePrefersReducedMotion } from "./hooks/use-prefers-reduced-motion.js";
+export { useViewerTimeZone } from "./hooks/use-viewer-time-zone.js";
+export { useHorizontalSwipe, type HorizontalSwipeHandlers } from "./hooks/use-horizontal-swipe.js";
+export { HORIZONTAL_SWIPE_DIRECTION, resolveHorizontalSwipe, type HorizontalSwipeDirection, type HorizontalSwipeGesture, } from "./lib/horizontal-swipe.js";

package/dist/hooks.js

@@ -0,0 +1,10 @@
+/**
+* General-purpose React hooks, published at `beez-ui/hooks` so the component barrel stays focused
+* on UI. `useIsMobile` is also exported from the package root for existing consumers.
+*/
+export { useIsMobile } from "./hooks/use-mobile.js";
+export { useIsHydrated } from "./hooks/use-is-hydrated.js";
+export { usePrefersReducedMotion } from "./hooks/use-prefers-reduced-motion.js";
+export { useViewerTimeZone } from "./hooks/use-viewer-time-zone.js";
+export { useHorizontalSwipe } from "./hooks/use-horizontal-swipe.js";
+export { HORIZONTAL_SWIPE_DIRECTION, resolveHorizontalSwipe } from "./lib/horizontal-swipe.js";

package/dist/index.d.ts

@@ -51,42 +51,20 @@ export * from "./components/animated-collapse.js";
 export * from "./components/animated-count.js";
 export * from "./components/animated-list-item.js";
 export * from "./components/presence-swap.js";
-export * from "./components/bouncing-dots-loader.js";
 export * from "./components/progress-ring.js";
-export * from "./components/confirm-delete-button.js";
-export * from "./components/info-popover.js";
-export * from "./components/empty-state.js";
-export * from "./components/error-state.js";
 export * from "./components/account-menu.js";
 export * from "./components/rich-text-content.js";
 export * from "./components/rich-markdown-content.js";
 export * from "./components/rich-link-editor.js";
-export * from "./components/open-in-browser-cta.js";
-export * from "./components/external-browser-handoff.js";
-export * from "./components/pwa-update-control.js";
 export * from "./components/reaction-button.js";
-export * from "./components/notification-panel.js";
-export * from "./components/notification-bell.js";
-export * from "./components/month-grid.js";
-export * from "./components/month-calendar-header.js";
 export * from "./components/file-upload.js";
-export * from "./hooks/use-is-hydrated.js";
-export * from "./hooks/use-minute-clock.js";
-export * from "./hooks/use-viewer-time-zone.js";
-export * from "./hooks/use-horizontal-swipe.js";
 export * from "./hooks/use-rich-link-editor.js";
-export * from "./hooks/use-month-transition-direction.js";
-export * from "./hooks/use-prefers-reduced-motion.js";
 export * from "./lib/browser-clipboard.js";
-export * from "./lib/browser-navigation.js";
 export * from "./lib/file-acceptance.js";
 export * from "./lib/format-file-size.js";
 export * from "./lib/fuzzy-search.js";
-export * from "./lib/horizontal-swipe.js";
-export * from "./lib/in-app-browser.js";
-export * from "./lib/month-grid.js";
-export * from "./lib/name-initials.js";
 export { parseRichTextSegments, normalizeMarkdownUrl, normalizeAutolinkUrl } from "./lib/rich-text/link-markdown.js";
 export { RICH_TEXT_SEGMENT_TYPE, RICH_LINK_KIND } from "./lib/rich-text/link-markdown-constants.js";
 export type { RichTextSegment, RichLink } from "./lib/rich-text/link-markdown-types.js";
 export * from "./lib/rich-text/rich-markdown.js";
+export * from "./components/filter-presets-bar.js";

package/dist/index.js

@@ -50,41 +50,19 @@ export * from "./components/animated-collapse.js";
 export * from "./components/animated-count.js";
 export * from "./components/animated-list-item.js";
 export * from "./components/presence-swap.js";
-export * from "./components/bouncing-dots-loader.js";
 export * from "./components/progress-ring.js";
-export * from "./components/confirm-delete-button.js";
-export * from "./components/info-popover.js";
-export * from "./components/empty-state.js";
-export * from "./components/error-state.js";
 export * from "./components/account-menu.js";
 export * from "./components/rich-text-content.js";
 export * from "./components/rich-markdown-content.js";
 export * from "./components/rich-link-editor.js";
-export * from "./components/open-in-browser-cta.js";
-export * from "./components/external-browser-handoff.js";
-export * from "./components/pwa-update-control.js";
 export * from "./components/reaction-button.js";
-export * from "./components/notification-panel.js";
-export * from "./components/notification-bell.js";
-export * from "./components/month-grid.js";
-export * from "./components/month-calendar-header.js";
 export * from "./components/file-upload.js";
-export * from "./hooks/use-is-hydrated.js";
-export * from "./hooks/use-minute-clock.js";
-export * from "./hooks/use-viewer-time-zone.js";
-export * from "./hooks/use-horizontal-swipe.js";
 export * from "./hooks/use-rich-link-editor.js";
-export * from "./hooks/use-month-transition-direction.js";
-export * from "./hooks/use-prefers-reduced-motion.js";
 export * from "./lib/browser-clipboard.js";
-export * from "./lib/browser-navigation.js";
 export * from "./lib/file-acceptance.js";
 export * from "./lib/format-file-size.js";
 export * from "./lib/fuzzy-search.js";
-export * from "./lib/horizontal-swipe.js";
-export * from "./lib/in-app-browser.js";
-export * from "./lib/month-grid.js";
-export * from "./lib/name-initials.js";
 export { parseRichTextSegments, normalizeMarkdownUrl, normalizeAutolinkUrl } from "./lib/rich-text/link-markdown.js";
 export { RICH_TEXT_SEGMENT_TYPE, RICH_LINK_KIND } from "./lib/rich-text/link-markdown-constants.js";
 export * from "./lib/rich-text/rich-markdown.js";
+export * from "./components/filter-presets-bar.js";