@camstack/ui-library 1.2.336 → 1.2.338

package/CHANGELOG.md

@@ -0,0 +1,30 @@
+# Changelog
+
+All notable changes to this package are documented in this file.
+
+The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/),
+and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
+
+## [Unreleased]
+
+## [1.2.338] - 2026-10-27
+
+### Fixed
+
+- The pet feeder panel shows the bowl amount and hides Mark refilled where the model cannot do it
+
+## [1.2.337] - 2026-10-27
+
+### Added
+
+- The published package now includes its README and CHANGELOG.
+
+### Fixed
+
+- The pet feeder panel no longer draws the desiccant readout
+
+## [1.2.336] - 2026-10-27
+
+### Added
+
+- CamStack UI Library (@camstack/ui-library).

package/README.md

@@ -0,0 +1,19 @@
+# CamStack UI Library
+
+The shared React component library and Tailwind theme the CamStack admin UI, addon pages and widgets are built from.
+
+<!-- readme:generated:start (derived from the manifest; edit outside this block) -->
+
+Package `@camstack/ui-library` on npm.
+
+## Documentation
+
+- [docs/architecture/ui.md](https://github.com/camstack/server/blob/main/docs/architecture/ui.md)
+- [docs/ui/conventions.md](https://github.com/camstack/server/blob/main/docs/ui/conventions.md)
+- [docs/ui/admin-patterns.md](https://github.com/camstack/server/blob/main/docs/ui/admin-patterns.md)
+- [docs/ui/common-components.md](https://github.com/camstack/server/blob/main/docs/ui/common-components.md)
+- [packages/ui-library/AGENTS.md](https://github.com/camstack/server/blob/main/packages/ui-library/AGENTS.md)
+
+See [CHANGELOG.md](./CHANGELOG.md) for what changed in each version.
+
+<!-- readme:generated:end -->

package/dist/index.cjs

@@ -52600,17 +52600,18 @@ function ImageHeroCard({ trpc, deviceId, deviceName }) {
 /**
 * Pet-feeder controls for a `DeviceType.PetFeeder` device.
 *
-* Reads the `pet-feeder` cap status slice (foodLevel / food1 / food2 /
-* lowFood / batteryPower / desiccantLeftDays / feeding / status / error /
+* Reads the `pet-feeder` cap status slice (bowlFood / foodLevel / food1 / food2 /
+* lowFood / batteryPower / eating / feeding / status / error /
 * errorCode / isDualHopper + the four persisted settings) and renders:
 *   - PetFeederInlineControl (device-list row): a compact food-level +
 *     battery readout with a one-tap Feed button (default portion).
 *   - PetFeederHeroCard (device-detail hero): the food-bowl fill gauge
-*     signature, battery + desiccant readouts, a manual-feed portion
+*     signature, battery readout, a manual-feed portion
 *     stepper honouring the 4-200 g hardware range (per-hopper on
-*     dual-hopper models), a maintenance action row (Call pet / Reset
-*     desiccant / Mark refilled) and the child-lock / indicator-light /
-*     feed-sound / volume settings.
+*     dual-hopper models), a maintenance action row (Call pet /
+*     Mark refilled) and the child-lock / indicator-light /
+*     feed-sound / volume settings. The desiccant is a consumable: the
+*     page's Consumables section draws it, never this card (D915).
 *
 * Mirrors the AC card's `useDeviceCapability` + inferred-cap pattern so
 * the row and hero never diverge. Actions are gated on `available`.
@@ -52622,16 +52623,6 @@ var VOLUME_MAX = 9;
 /** Amber kibble accent for the bowl fill; destructive red when low. */
 var KIBBLE = "#f59e0b";
 var KIBBLE_LOW = "#ef4444";
-function desiccantLabel(t, seconds) {
-	const rendered = (0, _camstack_types.formatReading)({
-		value: seconds,
-		quantity: "duration"
-	});
-	return t("uiLibrary.petFeeder.desiccant", "{{text}}{{unit}} desiccant", {
-		text: rendered.text,
-		unit: rendered.unit
-	});
-}
 function clampPortion(grams) {
 	return Math.min(_camstack_types.PET_FEEDER_MANUAL_FEED_MAX, Math.max(_camstack_types.PET_FEEDER_MANUAL_FEED_MIN, grams));
 }
@@ -52677,17 +52668,10 @@ function PetFeederPanel({ trpc, deviceId, layout, optimistic }) {
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
 				className: cn("inline-flex items-center gap-1 text-xs tabular-nums font-medium", display.lowFood ? "text-destructive" : "text-foreground"),
-				children: [
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(UtensilsCrossed, {
-						className: "h-3.5 w-3.5",
-						"aria-hidden": true
-					}),
-					display.foodLevel ?? "—",
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-						className: "text-foreground-subtle",
-						children: "g"
-					})
-				]
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(UtensilsCrossed, {
+					className: "h-3.5 w-3.5",
+					"aria-hidden": true
+				}), display.bowlFood ?? "—"]
 			}),
 			display.batteryPower !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
 				className: "inline-flex items-center gap-0.5 text-xs tabular-nums text-foreground-subtle",
@@ -52730,9 +52714,9 @@ function PetFeederPanel({ trpc, deviceId, layout, optimistic }) {
 			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: "flex items-center gap-4 rounded-lg border border-border/50 bg-surface-subtle/40 p-3",
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(BowlGauge, {
-					grams: display.foodLevel,
+					grams: display.bowlFood,
 					low: display.lowFood,
-					eating: display.feeding
+					eating: display.eating
 				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 					className: "flex min-w-0 flex-1 flex-col gap-1.5",
 					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -52740,10 +52724,10 @@ function PetFeederPanel({ trpc, deviceId, layout, optimistic }) {
 						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 							className: "text-3xl font-bold leading-none tabular-nums",
 							style: { color: display.lowFood ? KIBBLE_LOW : KIBBLE },
-							children: display.foodLevel ?? "—"
+							children: display.bowlFood ?? "—"
 						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 							className: "text-sm text-foreground-subtle",
-							children: t("uiLibrary.petFeeder.inBowl", "g in bowl")
+							children: t("uiLibrary.petFeeder.inBowl", "in bowl")
 						})]
 					}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 						className: "flex flex-wrap items-center gap-x-3 gap-y-1 text-xs text-foreground-subtle",
@@ -52752,10 +52736,6 @@ function PetFeederPanel({ trpc, deviceId, layout, optimistic }) {
 								icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(BatteryMedium, { className: "h-3.5 w-3.5" }),
 								label: `${display.batteryPower}%`
 							}),
-							display.desiccantLeftDays !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Readout, {
-								icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Wind, { className: "h-3.5 w-3.5" }),
-								label: desiccantLabel(t, display.desiccantLeftDays)
-							}),
 							onBatteries && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
 								className: "inline-flex items-center gap-1 font-medium text-amber-500",
 								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(BatteryWarning, {
@@ -52834,27 +52814,18 @@ function PetFeederPanel({ trpc, deviceId, layout, optimistic }) {
 				onFeed: () => feedSingle(portion)
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: "grid grid-cols-3 gap-2",
-				children: [
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ActionButton, {
-						icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PawPrint, { className: "h-4 w-4" }),
-						label: t("uiLibrary.petFeeder.callPet", "Call pet"),
-						busy,
-						onClick: () => void cap.callPet({})
-					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ActionButton, {
-						icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RefreshCw, { className: "h-4 w-4" }),
-						label: t("uiLibrary.petFeeder.resetDesiccant", "Reset desiccant"),
-						busy,
-						onClick: () => void cap.resetDesiccant({})
-					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ActionButton, {
-						icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(UtensilsCrossed, { className: "h-4 w-4" }),
-						label: t("uiLibrary.petFeeder.markRefilled", "Mark refilled"),
-						busy,
-						onClick: () => void cap.markFoodReplenished({})
-					})
-				]
+				className: "grid auto-cols-fr grid-flow-col gap-2",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ActionButton, {
+					icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PawPrint, { className: "h-4 w-4" }),
+					label: t("uiLibrary.petFeeder.callPet", "Call pet"),
+					busy,
+					onClick: () => void cap.callPet({})
+				}), display.supportsMarkRefilled && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ActionButton, {
+					icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(UtensilsCrossed, { className: "h-4 w-4" }),
+					label: t("uiLibrary.petFeeder.markRefilled", "Mark refilled"),
+					busy,
+					onClick: () => void cap.markFoodReplenished({})
+				})]
 			}),
 			display.feeding && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
 				type: "button",
@@ -52967,7 +52938,7 @@ function Readout({ icon, label }) {
 }
 /**
 * Signature element — a food bowl whose kibble fills proportionally to the
-* bowl reading (0–200 g). Amber when stocked, red when the low-food flag is
+* bowl reading (`bowlFood`). Amber when stocked, red when the low-food flag is
 * set; the kibble mound bobs while the pet is eating.
 */
 function BowlGauge({ grams, low, eating }) {
@@ -52980,7 +52951,7 @@ function BowlGauge({ grams, low, eating }) {
 		height: 72,
 		viewBox: "0 0 72 72",
 		role: "img",
-		"aria-label": grams === null ? t("uiLibrary.petFeeder.levelUnknown", "Food level unknown") : t("uiLibrary.petFeeder.gramsInBowl", "{{grams}} grams in bowl", { grams }),
+		"aria-label": grams === null ? t("uiLibrary.petFeeder.levelUnknown", "Food level unknown") : t("uiLibrary.petFeeder.gramsInBowl", "{{grams}} in bowl", { grams }),
 		className: "shrink-0",
 		children: [
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("defs", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("clipPath", {

package/dist/index.js

@@ -52576,17 +52576,18 @@ function ImageHeroCard({ trpc, deviceId, deviceName }) {
 /**
 * Pet-feeder controls for a `DeviceType.PetFeeder` device.
 *
-* Reads the `pet-feeder` cap status slice (foodLevel / food1 / food2 /
-* lowFood / batteryPower / desiccantLeftDays / feeding / status / error /
+* Reads the `pet-feeder` cap status slice (bowlFood / foodLevel / food1 / food2 /
+* lowFood / batteryPower / eating / feeding / status / error /
 * errorCode / isDualHopper + the four persisted settings) and renders:
 *   - PetFeederInlineControl (device-list row): a compact food-level +
 *     battery readout with a one-tap Feed button (default portion).
 *   - PetFeederHeroCard (device-detail hero): the food-bowl fill gauge
-*     signature, battery + desiccant readouts, a manual-feed portion
+*     signature, battery readout, a manual-feed portion
 *     stepper honouring the 4-200 g hardware range (per-hopper on
-*     dual-hopper models), a maintenance action row (Call pet / Reset
-*     desiccant / Mark refilled) and the child-lock / indicator-light /
-*     feed-sound / volume settings.
+*     dual-hopper models), a maintenance action row (Call pet /
+*     Mark refilled) and the child-lock / indicator-light /
+*     feed-sound / volume settings. The desiccant is a consumable: the
+*     page's Consumables section draws it, never this card (D915).
 *
 * Mirrors the AC card's `useDeviceCapability` + inferred-cap pattern so
 * the row and hero never diverge. Actions are gated on `available`.
@@ -52598,16 +52599,6 @@ var VOLUME_MAX = 9;
 /** Amber kibble accent for the bowl fill; destructive red when low. */
 var KIBBLE = "#f59e0b";
 var KIBBLE_LOW = "#ef4444";
-function desiccantLabel(t, seconds) {
-	const rendered = formatReading({
-		value: seconds,
-		quantity: "duration"
-	});
-	return t("uiLibrary.petFeeder.desiccant", "{{text}}{{unit}} desiccant", {
-		text: rendered.text,
-		unit: rendered.unit
-	});
-}
 function clampPortion(grams) {
 	return Math.min(PET_FEEDER_MANUAL_FEED_MAX, Math.max(PET_FEEDER_MANUAL_FEED_MIN, grams));
 }
@@ -52653,17 +52644,10 @@ function PetFeederPanel({ trpc, deviceId, layout, optimistic }) {
 			}),
 			/* @__PURE__ */ jsxs("span", {
 				className: cn("inline-flex items-center gap-1 text-xs tabular-nums font-medium", display.lowFood ? "text-destructive" : "text-foreground"),
-				children: [
-					/* @__PURE__ */ jsx(UtensilsCrossed, {
-						className: "h-3.5 w-3.5",
-						"aria-hidden": true
-					}),
-					display.foodLevel ?? "—",
-					/* @__PURE__ */ jsx("span", {
-						className: "text-foreground-subtle",
-						children: "g"
-					})
-				]
+				children: [/* @__PURE__ */ jsx(UtensilsCrossed, {
+					className: "h-3.5 w-3.5",
+					"aria-hidden": true
+				}), display.bowlFood ?? "—"]
 			}),
 			display.batteryPower !== null && /* @__PURE__ */ jsxs("span", {
 				className: "inline-flex items-center gap-0.5 text-xs tabular-nums text-foreground-subtle",
@@ -52706,9 +52690,9 @@ function PetFeederPanel({ trpc, deviceId, layout, optimistic }) {
 			/* @__PURE__ */ jsxs("div", {
 				className: "flex items-center gap-4 rounded-lg border border-border/50 bg-surface-subtle/40 p-3",
 				children: [/* @__PURE__ */ jsx(BowlGauge, {
-					grams: display.foodLevel,
+					grams: display.bowlFood,
 					low: display.lowFood,
-					eating: display.feeding
+					eating: display.eating
 				}), /* @__PURE__ */ jsxs("div", {
 					className: "flex min-w-0 flex-1 flex-col gap-1.5",
 					children: [/* @__PURE__ */ jsxs("div", {
@@ -52716,10 +52700,10 @@ function PetFeederPanel({ trpc, deviceId, layout, optimistic }) {
 						children: [/* @__PURE__ */ jsx("span", {
 							className: "text-3xl font-bold leading-none tabular-nums",
 							style: { color: display.lowFood ? KIBBLE_LOW : KIBBLE },
-							children: display.foodLevel ?? "—"
+							children: display.bowlFood ?? "—"
 						}), /* @__PURE__ */ jsx("span", {
 							className: "text-sm text-foreground-subtle",
-							children: t("uiLibrary.petFeeder.inBowl", "g in bowl")
+							children: t("uiLibrary.petFeeder.inBowl", "in bowl")
 						})]
 					}), /* @__PURE__ */ jsxs("div", {
 						className: "flex flex-wrap items-center gap-x-3 gap-y-1 text-xs text-foreground-subtle",
@@ -52728,10 +52712,6 @@ function PetFeederPanel({ trpc, deviceId, layout, optimistic }) {
 								icon: /* @__PURE__ */ jsx(BatteryMedium, { className: "h-3.5 w-3.5" }),
 								label: `${display.batteryPower}%`
 							}),
-							display.desiccantLeftDays !== null && /* @__PURE__ */ jsx(Readout, {
-								icon: /* @__PURE__ */ jsx(Wind, { className: "h-3.5 w-3.5" }),
-								label: desiccantLabel(t, display.desiccantLeftDays)
-							}),
 							onBatteries && /* @__PURE__ */ jsxs("span", {
 								className: "inline-flex items-center gap-1 font-medium text-amber-500",
 								children: [/* @__PURE__ */ jsx(BatteryWarning, {
@@ -52810,27 +52790,18 @@ function PetFeederPanel({ trpc, deviceId, layout, optimistic }) {
 				onFeed: () => feedSingle(portion)
 			}),
 			/* @__PURE__ */ jsxs("div", {
-				className: "grid grid-cols-3 gap-2",
-				children: [
-					/* @__PURE__ */ jsx(ActionButton, {
-						icon: /* @__PURE__ */ jsx(PawPrint, { className: "h-4 w-4" }),
-						label: t("uiLibrary.petFeeder.callPet", "Call pet"),
-						busy,
-						onClick: () => void cap.callPet({})
-					}),
-					/* @__PURE__ */ jsx(ActionButton, {
-						icon: /* @__PURE__ */ jsx(RefreshCw, { className: "h-4 w-4" }),
-						label: t("uiLibrary.petFeeder.resetDesiccant", "Reset desiccant"),
-						busy,
-						onClick: () => void cap.resetDesiccant({})
-					}),
-					/* @__PURE__ */ jsx(ActionButton, {
-						icon: /* @__PURE__ */ jsx(UtensilsCrossed, { className: "h-4 w-4" }),
-						label: t("uiLibrary.petFeeder.markRefilled", "Mark refilled"),
-						busy,
-						onClick: () => void cap.markFoodReplenished({})
-					})
-				]
+				className: "grid auto-cols-fr grid-flow-col gap-2",
+				children: [/* @__PURE__ */ jsx(ActionButton, {
+					icon: /* @__PURE__ */ jsx(PawPrint, { className: "h-4 w-4" }),
+					label: t("uiLibrary.petFeeder.callPet", "Call pet"),
+					busy,
+					onClick: () => void cap.callPet({})
+				}), display.supportsMarkRefilled && /* @__PURE__ */ jsx(ActionButton, {
+					icon: /* @__PURE__ */ jsx(UtensilsCrossed, { className: "h-4 w-4" }),
+					label: t("uiLibrary.petFeeder.markRefilled", "Mark refilled"),
+					busy,
+					onClick: () => void cap.markFoodReplenished({})
+				})]
 			}),
 			display.feeding && /* @__PURE__ */ jsxs("button", {
 				type: "button",
@@ -52943,7 +52914,7 @@ function Readout({ icon, label }) {
 }
 /**
 * Signature element — a food bowl whose kibble fills proportionally to the
-* bowl reading (0–200 g). Amber when stocked, red when the low-food flag is
+* bowl reading (`bowlFood`). Amber when stocked, red when the low-food flag is
 * set; the kibble mound bobs while the pet is eating.
 */
 function BowlGauge({ grams, low, eating }) {
@@ -52956,7 +52927,7 @@ function BowlGauge({ grams, low, eating }) {
 		height: 72,
 		viewBox: "0 0 72 72",
 		role: "img",
-		"aria-label": grams === null ? t("uiLibrary.petFeeder.levelUnknown", "Food level unknown") : t("uiLibrary.petFeeder.gramsInBowl", "{{grams}} grams in bowl", { grams }),
+		"aria-label": grams === null ? t("uiLibrary.petFeeder.levelUnknown", "Food level unknown") : t("uiLibrary.petFeeder.gramsInBowl", "{{grams}} in bowl", { grams }),
 		className: "shrink-0",
 		children: [
 			/* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@camstack/ui-library",
-  "version": "1.2.336",
+  "version": "1.2.338",
   "repository": {
     "type": "git",
     "url": "https://github.com/camstack/server.git",
@@ -40,7 +40,9 @@
   "files": [
     "dist",
     "src/tailwind",
-    "assets"
+    "assets",
+    "README.md",
+    "CHANGELOG.md"
   ],
   "scripts": {
     "build": "vite build && npx tsx ../../scripts/emit-isolated-dts.ts --root . --src src --out dist",