@protobase/ui 0.55.3 → 0.55.4

package/dist/notifications/bell/unread-label.js

@@ -1,12 +1,10 @@
 import { text } from "./messages.js";
 //#region src/notifications/bell/unread-label.ts
 const shownMax = 99;
-/** The count over the bell, or none while nothing is unread. */
-const unreadBadge = (count) => count === void 0 || count <= 0 ? void 0 : count > shownMax ? `${shownMax}+` : String(count);
 /** The bell's name for a screen reader, with how many are unread. */
 const bellLabel = (count) => {
 	if (count === void 0 || count <= 0) return text("notifications");
 	return count > shownMax ? text("notificationsManyUnread") : text("notificationsUnread", String(count));
 };
 //#endregion
-export { bellLabel, unreadBadge };
+export { bellLabel };

package/dist/notifications/push/push-notifications.d.ts

@@ -0,0 +1 @@
+import "./web-push.js";

package/dist/package.js

@@ -1,5 +1,5 @@
 //#region package.json
-var version = "0.55.3";
+var version = "0.55.4";
 var protobase = { "pluginApi": 1 };
 //#endregion
 export { protobase, version };

package/dist/plugins/plugin-ui.js

@@ -43,6 +43,7 @@ const pluginUi = (plugin, module) => {
 		...ui.dropRules && { dropRules: ui.dropRules },
 		...ui.boardDrops && { boardDrops: ui.boardDrops },
 		...ui.titles && { titles: ui.titles },
+		...ui.marks && { marks: ui.marks },
 		...fields && { fields },
 		...shell && { shell },
 		...beforeSignIn && { beforeSignIn }

package/dist/primitives/count-badge.js

@@ -0,0 +1,20 @@
+import { cn } from "../lib/cn.js";
+import { Badge } from "./badge.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/primitives/count-badge.tsx
+const shownMax = 99;
+/** A count as its badge shows it: up to 99, then 99+; none while it is zero or unknown. */
+const countBadgeText = (count) => count === void 0 || count <= 0 ? void 0 : count > shownMax ? `${shownMax}+` : String(count);
+/** The small red pill with a count of unread things, such as over the notification bell; nothing while the count is zero. */
+const CountBadge = ({ count, className }) => {
+	const shown = countBadgeText(count);
+	if (!shown) return null;
+	return /* @__PURE__ */ jsx(Badge, {
+		tone: "red",
+		dot: false,
+		className: cn("h-4 min-w-4 justify-center px-1 text-[10px] font-semibold", className),
+		children: shown
+	});
+};
+//#endregion
+export { CountBadge, countBadgeText };