@elmeragroup/fuse 0.1.0-canary.1

package/components/loader/loader.d.ts

@@ -0,0 +1,16 @@
+import { loaderVariants } from "./loader-variants.js";
+import { HTMLAttributes, ReactElement } from "react";
+import { VariantProps } from "tailwind-variants";
+//#region src/components/loader/loader.d.ts
+export type LoaderProps = HTMLAttributes<HTMLDivElement> & VariantProps<typeof loaderVariants>;
+/**
+ * Server spinner: a polite `role="status"` wrapper around a decorative spinning
+ * `SpinnerGap`. Consumers pass a translated `aria-label`, since there is no built-in
+ * English name. It owns no state, handlers or browser APIs.
+ */
+export declare function Loader({ className, variant, size, ...props }: LoaderProps): ReactElement;
+export declare namespace Loader {
+  var displayName: string;
+}
+//#endregion
+//# sourceMappingURL=loader.d.ts.map

package/components/loader/loader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"loader.d.ts","names":[],"sources":["../../../src/components/loader/loader.tsx"],"mappings":";;;;YAQY,cAAc,eAAe,kBAAkB,oBAAoB;;;;;;wBAO/D,SAAS,WAAW,SAAS,SAAS,SAAS,cAAc;yBAA7D;MAAA"}

package/components/loader/loader.js

@@ -0,0 +1,31 @@
+import { cn } from "../../styles/cn.js";
+import { SpinnerGap } from "../../icons/generated/spinner-gap.js";
+import { loaderVariants } from "./loader-variants.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/loader/loader.tsx
+/**
+* Server spinner: a polite `role="status"` wrapper around a decorative spinning
+* `SpinnerGap`. Consumers pass a translated `aria-label`, since there is no built-in
+* English name. It owns no state, handlers or browser APIs.
+*/
+function Loader({ className, variant, size, ...props }) {
+	const { base, icon } = loaderVariants({
+		variant,
+		size
+	});
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "loader",
+		role: "status",
+		className: cn(base(), className),
+		...props,
+		children: /* @__PURE__ */ jsx(SpinnerGap, {
+			"aria-hidden": "true",
+			className: icon()
+		})
+	});
+}
+Loader.displayName = "Loader";
+//#endregion
+export { Loader };
+
+//# sourceMappingURL=loader.js.map

package/components/loader/loader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"loader.js","names":[],"sources":["../../../src/components/loader/loader.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactElement } from \"react\";\n\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport { SpinnerGap } from \"../../icons/generated/spinner-gap\";\nimport { cn } from \"../../styles/cn\";\nimport { loaderVariants } from \"./loader-variants\";\n\nexport type LoaderProps = HTMLAttributes<HTMLDivElement> & VariantProps<typeof loaderVariants>;\n\n/**\n * Server spinner: a polite `role=\"status\"` wrapper around a decorative spinning\n * `SpinnerGap`. Consumers pass a translated `aria-label`, since there is no built-in\n * English name. It owns no state, handlers or browser APIs.\n */\nexport function Loader({ className, variant, size, ...props }: LoaderProps): ReactElement {\n  const { base, icon } = loaderVariants({ variant, size });\n\n  return (\n    <div data-slot=\"loader\" role=\"status\" className={cn(base(), className)} {...props}>\n      <SpinnerGap aria-hidden=\"true\" className={icon()} />\n    </div>\n  );\n}\n\nLoader.displayName = \"Loader\";\n"],"mappings":";;;;;;;;;;AAeA,SAAgB,OAAO,EAAE,WAAW,SAAS,MAAM,GAAG,SAAoC;CACxF,MAAM,EAAE,MAAM,SAAS,eAAe;EAAE;EAAS;CAAK,CAAC;CAEvD,OACE,oBAAC,OAAD;EAAK,aAAU;EAAS,MAAK;EAAS,WAAW,GAAG,KAAK,GAAG,SAAS;EAAG,GAAI;EAC1E,UAAA,oBAAC,YAAD;GAAY,eAAY;GAAO,WAAW,KAAK;EAAI,CAAA;CAChD,CAAA;AAET;AAEA,OAAO,cAAc"}

package/components/meter/get-meter-level.d.ts

@@ -0,0 +1,6 @@
+import { MeterLevel } from "./meter-constants.js";
+//#region src/components/meter/get-meter-level.d.ts
+export declare function meterPercentage(value: number, min: number, max: number): number;
+export declare function getMeterLevel(value: number, max: number, percentage: number): MeterLevel;
+//#endregion
+//# sourceMappingURL=get-meter-level.d.ts.map

package/components/meter/get-meter-level.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-meter-level.d.ts","names":[],"sources":["../../../src/components/meter/get-meter-level.ts"],"mappings":";;wBAGgB,gBAAgB,eAAe,aAAa;wBAI5C,cAAc,eAAe,aAAa,qBAAqB"}

package/components/meter/get-meter-level.js

@@ -0,0 +1,15 @@
+import { METER_CONSTANTS } from "./meter-constants.js";
+//#region src/components/meter/get-meter-level.ts
+function meterPercentage(value, min, max) {
+	return max > min ? Math.min(100, Math.max(0, (value - min) / (max - min) * 100)) : 0;
+}
+function getMeterLevel(value, max, percentage) {
+	if (value > max) return METER_CONSTANTS.LEVELS.EXCEEDED_MAX_VALUE;
+	if (percentage === 100) return METER_CONSTANTS.LEVELS.FULL;
+	if (percentage > 80) return METER_CONSTANTS.LEVELS.MEDIUM;
+	return METER_CONSTANTS.LEVELS.LOW;
+}
+//#endregion
+export { getMeterLevel, meterPercentage };
+
+//# sourceMappingURL=get-meter-level.js.map

package/components/meter/get-meter-level.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-meter-level.js","names":[],"sources":["../../../src/components/meter/get-meter-level.ts"],"sourcesContent":["import { METER_CONSTANTS } from \"./meter-constants\";\nimport type { MeterLevel } from \"./meter-constants\";\n\nexport function meterPercentage(value: number, min: number, max: number): number {\n  return max > min ? Math.min(100, Math.max(0, ((value - min) / (max - min)) * 100)) : 0;\n}\n\nexport function getMeterLevel(value: number, max: number, percentage: number): MeterLevel {\n  if (value > max) {\n    return METER_CONSTANTS.LEVELS.EXCEEDED_MAX_VALUE;\n  }\n\n  if (percentage === 100) {\n    return METER_CONSTANTS.LEVELS.FULL;\n  }\n\n  if (percentage > 80) {\n    return METER_CONSTANTS.LEVELS.MEDIUM;\n  }\n\n  return METER_CONSTANTS.LEVELS.LOW;\n}\n"],"mappings":";;AAGA,SAAgB,gBAAgB,OAAe,KAAa,KAAqB;CAC/E,OAAO,MAAM,MAAM,KAAK,IAAI,KAAK,KAAK,IAAI,IAAK,QAAQ,QAAQ,MAAM,OAAQ,GAAG,CAAC,IAAI;AACvF;AAEA,SAAgB,cAAc,OAAe,KAAa,YAAgC;CACxF,IAAI,QAAQ,KACV,OAAO,gBAAgB,OAAO;CAGhC,IAAI,eAAe,KACjB,OAAO,gBAAgB,OAAO;CAGhC,IAAI,aAAa,IACf,OAAO,gBAAgB,OAAO;CAGhC,OAAO,gBAAgB,OAAO;AAChC"}

package/components/meter/intl/en-US.d.ts

@@ -0,0 +1,8 @@
+//#region src/components/meter/intl/en-US.d.ts
+/** Default localized copy for `meter.warning` / `meter.success`. */
+export declare const enUS: {
+  warning: string;
+  success: string;
+};
+//#endregion
+//# sourceMappingURL=en-US.d.ts.map

package/components/meter/intl/en-US.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"en-US.d.ts","names":[],"sources":["../../../../src/components/meter/intl/en-US.ts"],"mappings":";;qBACa;EACX;EACA"}

package/components/meter/intl/en-US.js

@@ -0,0 +1,10 @@
+//#region src/components/meter/intl/en-US.ts
+/** Default localized copy for `meter.warning` / `meter.success`. */
+const enUS = {
+	warning: "Warning",
+	success: "Success"
+};
+//#endregion
+export { enUS };
+
+//# sourceMappingURL=en-US.js.map

package/components/meter/intl/en-US.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"en-US.js","names":[],"sources":["../../../../src/components/meter/intl/en-US.ts"],"sourcesContent":["/** Default localized copy for `meter.warning` / `meter.success`. */\nexport const enUS = {\n  warning: \"Warning\",\n  success: \"Success\",\n};\n"],"mappings":";;AACA,MAAa,OAAO;CAClB,SAAS;CACT,SAAS;AACX"}

package/components/meter/intl/fi-FI.d.ts

@@ -0,0 +1,8 @@
+//#region src/components/meter/intl/fi-FI.d.ts
+/** Default localized copy for `meter.warning` / `meter.success`. */
+export declare const fiFI: {
+  warning: string;
+  success: string;
+};
+//#endregion
+//# sourceMappingURL=fi-FI.d.ts.map

package/components/meter/intl/fi-FI.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fi-FI.d.ts","names":[],"sources":["../../../../src/components/meter/intl/fi-FI.ts"],"mappings":";;qBACa;EACX;EACA"}

package/components/meter/intl/fi-FI.js

@@ -0,0 +1,10 @@
+//#region src/components/meter/intl/fi-FI.ts
+/** Default localized copy for `meter.warning` / `meter.success`. */
+const fiFI = {
+	warning: "Varoitus",
+	success: "Onnistui"
+};
+//#endregion
+export { fiFI };
+
+//# sourceMappingURL=fi-FI.js.map

package/components/meter/intl/fi-FI.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fi-FI.js","names":[],"sources":["../../../../src/components/meter/intl/fi-FI.ts"],"sourcesContent":["/** Default localized copy for `meter.warning` / `meter.success`. */\nexport const fiFI = {\n  warning: \"Varoitus\",\n  success: \"Onnistui\",\n};\n"],"mappings":";;AACA,MAAa,OAAO;CAClB,SAAS;CACT,SAAS;AACX"}

package/components/meter/intl/index.d.ts

@@ -0,0 +1,5 @@
+//#region src/components/meter/intl/index.d.ts
+/** Meter's own dictionary: it owns the `meter.warning` / `meter.success` keys. */
+export declare const meterStrings: import("@internationalized/string").LocalizedStringDictionary<"success" | "warning", string>;
+//#endregion
+//# sourceMappingURL=index.d.ts.map

package/components/meter/intl/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../../src/components/meter/intl/index.ts"],"mappings":";;qBAOa,kDAAY"}

package/components/meter/intl/index.js

@@ -0,0 +1,17 @@
+import { createStringDictionary } from "../../../intl/create-string-dictionary.js";
+import { enUS } from "./en-US.js";
+import { fiFI } from "./fi-FI.js";
+import { nbNO } from "./nb-NO.js";
+import { svSE } from "./sv-SE.js";
+//#region src/components/meter/intl/index.ts
+/** Meter's own dictionary: it owns the `meter.warning` / `meter.success` keys. */
+const meterStrings = createStringDictionary({
+	enUS,
+	fiFI,
+	nbNO,
+	svSE
+});
+//#endregion
+export { meterStrings };
+
+//# sourceMappingURL=index.js.map

package/components/meter/intl/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/meter/intl/index.ts"],"sourcesContent":["import { createStringDictionary } from \"../../../intl/create-string-dictionary\";\nimport { enUS } from \"./en-US\";\nimport { fiFI } from \"./fi-FI\";\nimport { nbNO } from \"./nb-NO\";\nimport { svSE } from \"./sv-SE\";\n\n/** Meter's own dictionary: it owns the `meter.warning` / `meter.success` keys. */\nexport const meterStrings = createStringDictionary({ enUS, fiFI, nbNO, svSE });\n"],"mappings":";;;;;;;AAOA,MAAa,eAAe,uBAAuB;CAAE;CAAM;CAAM;CAAM;AAAK,CAAC"}

package/components/meter/intl/nb-NO.d.ts

@@ -0,0 +1,8 @@
+//#region src/components/meter/intl/nb-NO.d.ts
+/** Default localized copy for `meter.warning` / `meter.success`. */
+export declare const nbNO: {
+  warning: string;
+  success: string;
+};
+//#endregion
+//# sourceMappingURL=nb-NO.d.ts.map

package/components/meter/intl/nb-NO.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"nb-NO.d.ts","names":[],"sources":["../../../../src/components/meter/intl/nb-NO.ts"],"mappings":";;qBACa;EACX;EACA"}

package/components/meter/intl/nb-NO.js

@@ -0,0 +1,10 @@
+//#region src/components/meter/intl/nb-NO.ts
+/** Default localized copy for `meter.warning` / `meter.success`. */
+const nbNO = {
+	warning: "Advarsel",
+	success: "Vellykket"
+};
+//#endregion
+export { nbNO };
+
+//# sourceMappingURL=nb-NO.js.map

package/components/meter/intl/nb-NO.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nb-NO.js","names":[],"sources":["../../../../src/components/meter/intl/nb-NO.ts"],"sourcesContent":["/** Default localized copy for `meter.warning` / `meter.success`. */\nexport const nbNO = {\n  warning: \"Advarsel\",\n  success: \"Vellykket\",\n};\n"],"mappings":";;AACA,MAAa,OAAO;CAClB,SAAS;CACT,SAAS;AACX"}

package/components/meter/intl/sv-SE.d.ts

@@ -0,0 +1,8 @@
+//#region src/components/meter/intl/sv-SE.d.ts
+/** Default localized copy for `meter.warning` / `meter.success`. */
+export declare const svSE: {
+  warning: string;
+  success: string;
+};
+//#endregion
+//# sourceMappingURL=sv-SE.d.ts.map

package/components/meter/intl/sv-SE.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sv-SE.d.ts","names":[],"sources":["../../../../src/components/meter/intl/sv-SE.ts"],"mappings":";;qBACa;EACX;EACA"}

package/components/meter/intl/sv-SE.js

@@ -0,0 +1,10 @@
+//#region src/components/meter/intl/sv-SE.ts
+/** Default localized copy for `meter.warning` / `meter.success`. */
+const svSE = {
+	warning: "Varning",
+	success: "Lyckades"
+};
+//#endregion
+export { svSE };
+
+//# sourceMappingURL=sv-SE.js.map

package/components/meter/intl/sv-SE.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sv-SE.js","names":[],"sources":["../../../../src/components/meter/intl/sv-SE.ts"],"sourcesContent":["/** Default localized copy for `meter.warning` / `meter.success`. */\nexport const svSE = {\n  warning: \"Varning\",\n  success: \"Lyckades\",\n};\n"],"mappings":";;AACA,MAAa,OAAO;CAClB,SAAS;CACT,SAAS;AACX"}

package/components/meter/meter-constants.d.ts

@@ -0,0 +1,20 @@
+//#region src/components/meter/meter-constants.d.ts
+declare const METER_CONSTANTS: {
+  readonly MODES: {
+    readonly DEFAULT: "default";
+    readonly INVERTED: "inverted";
+    readonly SUCCESS_ONLY_WHEN_FULL: "success-only-when-full";
+    readonly NEUTRAL: "neutral";
+  };
+  readonly LEVELS: {
+    readonly LOW: "LOW";
+    readonly MEDIUM: "MEDIUM";
+    readonly FULL: "FULL";
+    readonly EXCEEDED_MAX_VALUE: "EXCEEDED_MAX_VALUE";
+  };
+};
+export type MeterMode = (typeof METER_CONSTANTS.MODES)[keyof typeof METER_CONSTANTS.MODES];
+export type MeterLevel = (typeof METER_CONSTANTS.LEVELS)[keyof typeof METER_CONSTANTS.LEVELS];
+//#endregion
+export { METER_CONSTANTS };
+//# sourceMappingURL=meter-constants.d.ts.map

package/components/meter/meter-constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"meter-constants.d.ts","names":[],"sources":["../../../src/components/meter/meter-constants.ts"],"mappings":";cAAM;WAMJ;aACE;aACA;aACA;aACA;;WAEF;aACE;aACA;aACA;aACA;;;YAMQ,oBAAoB,gBAAgB,oBAAoB,gBAAgB;YACxE,qBAAqB,gBAAgB,qBAAqB,gBAAgB"}

package/components/meter/meter-constants.js

@@ -0,0 +1,19 @@
+//#region src/components/meter/meter-constants.ts
+const METER_CONSTANTS = {
+	MODES: {
+		DEFAULT: "default",
+		INVERTED: "inverted",
+		SUCCESS_ONLY_WHEN_FULL: "success-only-when-full",
+		NEUTRAL: "neutral"
+	},
+	LEVELS: {
+		LOW: "LOW",
+		MEDIUM: "MEDIUM",
+		FULL: "FULL",
+		EXCEEDED_MAX_VALUE: "EXCEEDED_MAX_VALUE"
+	}
+};
+//#endregion
+export { METER_CONSTANTS };
+
+//# sourceMappingURL=meter-constants.js.map

package/components/meter/meter-constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"meter-constants.js","names":[],"sources":["../../../src/components/meter/meter-constants.ts"],"sourcesContent":["const METER_CONSTANTS = {\n  // modes documentation\n  // default: full bar equals error colors\n  // inverted: full bar equals success colors\n  // success-only-when-full: full bar equals success colors all other values equals error colors\n  // neutral: primary-colored bar at every level (no good/bad semantics, no icon)\n  MODES: {\n    DEFAULT: \"default\",\n    INVERTED: \"inverted\",\n    SUCCESS_ONLY_WHEN_FULL: \"success-only-when-full\",\n    NEUTRAL: \"neutral\",\n  },\n  LEVELS: {\n    LOW: \"LOW\",\n    MEDIUM: \"MEDIUM\",\n    FULL: \"FULL\",\n    EXCEEDED_MAX_VALUE: \"EXCEEDED_MAX_VALUE\",\n  },\n} as const;\n\nexport { METER_CONSTANTS };\n\nexport type MeterMode = (typeof METER_CONSTANTS.MODES)[keyof typeof METER_CONSTANTS.MODES];\nexport type MeterLevel = (typeof METER_CONSTANTS.LEVELS)[keyof typeof METER_CONSTANTS.LEVELS];\n"],"mappings":";AAAA,MAAM,kBAAkB;CAMtB,OAAO;EACL,SAAS;EACT,UAAU;EACV,wBAAwB;EACxB,SAAS;CACX;CACA,QAAQ;EACN,KAAK;EACL,QAAQ;EACR,MAAM;EACN,oBAAoB;CACtB;AACF"}

package/components/meter/meter-tone.d.ts

@@ -0,0 +1,94 @@
+import { MeterLevel, MeterMode } from "./meter-constants.js";
+//#region src/components/meter/meter-tone.d.ts
+/** Color arm the fill and the value label share. */
+export type MeterTone = "success" | "warning" | "error" | "neutral";
+/** Status glyph in the value span; `none` paints nothing. */
+export type MeterIconName = "none" | "warning" | "success";
+/** One `mode` × `level` outcome: the recipe arm plus the glyph that goes with it. */
+export type MeterToneCell = {
+  tone: MeterTone;
+  icon: MeterIconName;
+};
+/**
+ * The whole `mode` × `level` outcome in one place: the fill/label
+ * color arm and the status glyph are read from the same cell, so the two cannot cross
+ * the `> 80` boundary at different points. Adding a mode is one row.
+ */
+export declare const METER_TONE_TABLE: {
+  readonly default: {
+    readonly LOW: {
+      readonly tone: "success";
+      readonly icon: "none";
+    };
+    readonly MEDIUM: {
+      readonly tone: "warning";
+      readonly icon: "warning";
+    };
+    readonly FULL: {
+      readonly tone: "error";
+      readonly icon: "warning";
+    };
+    readonly EXCEEDED_MAX_VALUE: {
+      readonly tone: "error";
+      readonly icon: "warning";
+    };
+  };
+  readonly inverted: {
+    readonly LOW: {
+      readonly tone: "error";
+      readonly icon: "none";
+    };
+    readonly MEDIUM: {
+      readonly tone: "warning";
+      readonly icon: "none";
+    };
+    readonly FULL: {
+      readonly tone: "success";
+      readonly icon: "none";
+    };
+    readonly EXCEEDED_MAX_VALUE: {
+      readonly tone: "error";
+      readonly icon: "none";
+    };
+  };
+  readonly "success-only-when-full": {
+    readonly LOW: {
+      readonly tone: "error";
+      readonly icon: "warning";
+    };
+    readonly MEDIUM: {
+      readonly tone: "error";
+      readonly icon: "warning";
+    };
+    readonly FULL: {
+      readonly tone: "success";
+      readonly icon: "success";
+    };
+    readonly EXCEEDED_MAX_VALUE: {
+      readonly tone: "error";
+      readonly icon: "warning";
+    };
+  };
+  readonly neutral: {
+    readonly LOW: {
+      readonly tone: "neutral";
+      readonly icon: "none";
+    };
+    readonly MEDIUM: {
+      readonly tone: "neutral";
+      readonly icon: "none";
+    };
+    readonly FULL: {
+      readonly tone: "neutral";
+      readonly icon: "none";
+    };
+    readonly EXCEEDED_MAX_VALUE: {
+      readonly tone: "neutral";
+      readonly icon: "none";
+    };
+  };
+};
+/** The single lookup Meter and its icon both go through. */
+export declare function meterToneCell(mode: MeterMode, level: MeterLevel): MeterToneCell;
+//#endregion
+//# sourceMappingURL=meter-tone.d.ts.map

package/components/meter/meter-tone.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"meter-tone.d.ts","names":[],"sources":["../../../src/components/meter/meter-tone.ts"],"mappings":";;;YAIY;;YAGA;;YAGA;EACV,MAAM;EACN,MAAM;;;;;;;qBAUK;;;eAEO;eAAiB;;;eACd;eAAiB;;;eACnB;eAAe;;;eACD;eAAe;;;;;eAG9B;eAAe;;;eACZ;eAAiB;;;eACnB;eAAiB;;;eACH;eAAe;;;;;eAG9B;eAAe;;;eACZ;eAAe;;;eACjB;eAAiB;;;eACH;eAAe;;;;;eAG9B;eAAiB;;;eACd;eAAiB;;;eACnB;eAAiB;;;eACH;eAAiB;;;;;wBAKpC,cAAc,MAAM,WAAW,OAAO,aAAa"}

package/components/meter/meter-tone.js

@@ -0,0 +1,90 @@
+import { METER_CONSTANTS } from "./meter-constants.js";
+//#region src/components/meter/meter-tone.ts
+const { MODES, LEVELS } = METER_CONSTANTS;
+/**
+* The whole `mode` × `level` outcome in one place: the fill/label
+* color arm and the status glyph are read from the same cell, so the two cannot cross
+* the `> 80` boundary at different points. Adding a mode is one row.
+*/
+const METER_TONE_TABLE = {
+	[MODES.DEFAULT]: {
+		[LEVELS.LOW]: {
+			tone: "success",
+			icon: "none"
+		},
+		[LEVELS.MEDIUM]: {
+			tone: "warning",
+			icon: "warning"
+		},
+		[LEVELS.FULL]: {
+			tone: "error",
+			icon: "warning"
+		},
+		[LEVELS.EXCEEDED_MAX_VALUE]: {
+			tone: "error",
+			icon: "warning"
+		}
+	},
+	[MODES.INVERTED]: {
+		[LEVELS.LOW]: {
+			tone: "error",
+			icon: "none"
+		},
+		[LEVELS.MEDIUM]: {
+			tone: "warning",
+			icon: "none"
+		},
+		[LEVELS.FULL]: {
+			tone: "success",
+			icon: "none"
+		},
+		[LEVELS.EXCEEDED_MAX_VALUE]: {
+			tone: "error",
+			icon: "none"
+		}
+	},
+	[MODES.SUCCESS_ONLY_WHEN_FULL]: {
+		[LEVELS.LOW]: {
+			tone: "error",
+			icon: "warning"
+		},
+		[LEVELS.MEDIUM]: {
+			tone: "error",
+			icon: "warning"
+		},
+		[LEVELS.FULL]: {
+			tone: "success",
+			icon: "success"
+		},
+		[LEVELS.EXCEEDED_MAX_VALUE]: {
+			tone: "error",
+			icon: "warning"
+		}
+	},
+	[MODES.NEUTRAL]: {
+		[LEVELS.LOW]: {
+			tone: "neutral",
+			icon: "none"
+		},
+		[LEVELS.MEDIUM]: {
+			tone: "neutral",
+			icon: "none"
+		},
+		[LEVELS.FULL]: {
+			tone: "neutral",
+			icon: "none"
+		},
+		[LEVELS.EXCEEDED_MAX_VALUE]: {
+			tone: "neutral",
+			icon: "none"
+		}
+	}
+};
+/** The single lookup Meter and its icon both go through. */
+function meterToneCell(mode, level) {
+	return METER_TONE_TABLE[mode][level];
+}
+//#endregion
+export { METER_TONE_TABLE, meterToneCell };
+
+//# sourceMappingURL=meter-tone.js.map

package/components/meter/meter-tone.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"meter-tone.js","names":[],"sources":["../../../src/components/meter/meter-tone.ts"],"sourcesContent":["import { METER_CONSTANTS } from \"./meter-constants\";\nimport type { MeterLevel, MeterMode } from \"./meter-constants\";\n\n/** Color arm the fill and the value label share. */\nexport type MeterTone = \"success\" | \"warning\" | \"error\" | \"neutral\";\n\n/** Status glyph in the value span; `none` paints nothing. */\nexport type MeterIconName = \"none\" | \"warning\" | \"success\";\n\n/** One `mode` × `level` outcome: the recipe arm plus the glyph that goes with it. */\nexport type MeterToneCell = {\n  tone: MeterTone;\n  icon: MeterIconName;\n};\n\nconst { MODES, LEVELS } = METER_CONSTANTS;\n\n/**\n * The whole `mode` × `level` outcome in one place: the fill/label\n * color arm and the status glyph are read from the same cell, so the two cannot cross\n * the `> 80` boundary at different points. Adding a mode is one row.\n */\nexport const METER_TONE_TABLE = {\n  [MODES.DEFAULT]: {\n    [LEVELS.LOW]: { tone: \"success\", icon: \"none\" },\n    [LEVELS.MEDIUM]: { tone: \"warning\", icon: \"warning\" },\n    [LEVELS.FULL]: { tone: \"error\", icon: \"warning\" },\n    [LEVELS.EXCEEDED_MAX_VALUE]: { tone: \"error\", icon: \"warning\" },\n  },\n  [MODES.INVERTED]: {\n    [LEVELS.LOW]: { tone: \"error\", icon: \"none\" },\n    [LEVELS.MEDIUM]: { tone: \"warning\", icon: \"none\" },\n    [LEVELS.FULL]: { tone: \"success\", icon: \"none\" },\n    [LEVELS.EXCEEDED_MAX_VALUE]: { tone: \"error\", icon: \"none\" },\n  },\n  [MODES.SUCCESS_ONLY_WHEN_FULL]: {\n    [LEVELS.LOW]: { tone: \"error\", icon: \"warning\" },\n    [LEVELS.MEDIUM]: { tone: \"error\", icon: \"warning\" },\n    [LEVELS.FULL]: { tone: \"success\", icon: \"success\" },\n    [LEVELS.EXCEEDED_MAX_VALUE]: { tone: \"error\", icon: \"warning\" },\n  },\n  [MODES.NEUTRAL]: {\n    [LEVELS.LOW]: { tone: \"neutral\", icon: \"none\" },\n    [LEVELS.MEDIUM]: { tone: \"neutral\", icon: \"none\" },\n    [LEVELS.FULL]: { tone: \"neutral\", icon: \"none\" },\n    [LEVELS.EXCEEDED_MAX_VALUE]: { tone: \"neutral\", icon: \"none\" },\n  },\n} as const satisfies Record<MeterMode, Record<MeterLevel, MeterToneCell>>;\n\n/** The single lookup Meter and its icon both go through. */\nexport function meterToneCell(mode: MeterMode, level: MeterLevel): MeterToneCell {\n  return METER_TONE_TABLE[mode][level];\n}\n"],"mappings":";;AAeA,MAAM,EAAE,OAAO,WAAW;;;;;;AAO1B,MAAa,mBAAmB;EAC7B,MAAM,UAAU;GACd,OAAO,MAAM;GAAE,MAAM;GAAW,MAAM;EAAO;GAC7C,OAAO,SAAS;GAAE,MAAM;GAAW,MAAM;EAAU;GACnD,OAAO,OAAO;GAAE,MAAM;GAAS,MAAM;EAAU;GAC/C,OAAO,qBAAqB;GAAE,MAAM;GAAS,MAAM;EAAU;CAChE;EACC,MAAM,WAAW;GACf,OAAO,MAAM;GAAE,MAAM;GAAS,MAAM;EAAO;GAC3C,OAAO,SAAS;GAAE,MAAM;GAAW,MAAM;EAAO;GAChD,OAAO,OAAO;GAAE,MAAM;GAAW,MAAM;EAAO;GAC9C,OAAO,qBAAqB;GAAE,MAAM;GAAS,MAAM;EAAO;CAC7D;EACC,MAAM,yBAAyB;GAC7B,OAAO,MAAM;GAAE,MAAM;GAAS,MAAM;EAAU;GAC9C,OAAO,SAAS;GAAE,MAAM;GAAS,MAAM;EAAU;GACjD,OAAO,OAAO;GAAE,MAAM;GAAW,MAAM;EAAU;GACjD,OAAO,qBAAqB;GAAE,MAAM;GAAS,MAAM;EAAU;CAChE;EACC,MAAM,UAAU;GACd,OAAO,MAAM;GAAE,MAAM;GAAW,MAAM;EAAO;GAC7C,OAAO,SAAS;GAAE,MAAM;GAAW,MAAM;EAAO;GAChD,OAAO,OAAO;GAAE,MAAM;GAAW,MAAM;EAAO;GAC9C,OAAO,qBAAqB;GAAE,MAAM;GAAW,MAAM;EAAO;CAC/D;AACF;;AAGA,SAAgB,cAAc,MAAiB,OAAkC;CAC/E,OAAO,iBAAiB,KAAK,CAAC;AAChC"}

package/components/meter/meter-variants.d.ts

@@ -0,0 +1,82 @@
+//#region src/components/meter/meter-variants.d.ts
+export declare const meterVariants: import("tailwind-variants").TVReturnType<{
+  tone: {
+    success: {
+      barFill: string;
+      labelValue: string;
+    };
+    warning: {
+      barFill: string;
+      labelValue: string;
+    };
+    error: {
+      barFill: string;
+      labelValue: string;
+    };
+    neutral: {
+      barFill: string;
+      labelValue: string;
+    };
+  };
+}, {
+  root: string;
+  labelContainer: string;
+  labelValue: string;
+  icon: string;
+  bar: string;
+  barFill: string;
+}, "", {
+  tone: {
+    success: {
+      barFill: string;
+      labelValue: string;
+    };
+    warning: {
+      barFill: string;
+      labelValue: string;
+    };
+    error: {
+      barFill: string;
+      labelValue: string;
+    };
+    neutral: {
+      barFill: string;
+      labelValue: string;
+    };
+  };
+}, {
+  root: string;
+  labelContainer: string;
+  labelValue: string;
+  icon: string;
+  bar: string;
+  barFill: string;
+}, import("tailwind-variants").TVReturnTypeLike<{
+  tone: {
+    success: {
+      barFill: string;
+      labelValue: string;
+    };
+    warning: {
+      barFill: string;
+      labelValue: string;
+    };
+    error: {
+      barFill: string;
+      labelValue: string;
+    };
+    neutral: {
+      barFill: string;
+      labelValue: string;
+    };
+  };
+}, {
+  root: string;
+  labelContainer: string;
+  labelValue: string;
+  icon: string;
+  bar: string;
+  barFill: string;
+}>>;
+//#endregion
+//# sourceMappingURL=meter-variants.d.ts.map

package/components/meter/meter-variants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"meter-variants.d.ts","names":[],"sources":["../../../src/components/meter/meter-variants.ts"],"mappings":";qBAUa,2CAAa;;IAYpB;MACE;MACA;;IAEF;MACE;MACA;;IAEF;MACE;MACA;;IAEF;MACE;MACA"}

package/components/meter/meter-variants.js

@@ -0,0 +1,44 @@
+import { tv } from "tailwind-variants";
+//#region src/components/meter/meter-variants.ts
+/**
+* Module-private recipe. Not exported from the public entry —
+* there is no proven recipe-borrowing use. Status fill/text use the `error`
+* tokens.
+*
+* One `tone` axis, four arms. The `mode` × `level` resolution lives in
+* `METER_TONE_TABLE`, so this recipe holds colors only.
+*/
+const meterVariants = tv({
+	base: "",
+	slots: {
+		root: "flex flex-col gap-1",
+		labelContainer: "flex justify-between gap-2",
+		labelValue: "text-sm",
+		icon: "inline-block size-4 align-text-bottom",
+		bar: "relative h-1.5 w-full rounded-full bg-muted outline outline-1 -outline-offset-1 outline-transparent",
+		barFill: "absolute top-0 left-0 h-full rounded-full transition-all forced-colors:bg-[Highlight]"
+	},
+	variants: { tone: {
+		success: {
+			barFill: "bg-success",
+			labelValue: "text-success"
+		},
+		warning: {
+			barFill: "bg-warning",
+			labelValue: "text-warning-foreground"
+		},
+		error: {
+			barFill: "bg-error",
+			labelValue: "text-error"
+		},
+		neutral: {
+			barFill: "bg-primary",
+			labelValue: "text-foreground"
+		}
+	} },
+	defaultVariants: { tone: "success" }
+});
+//#endregion
+export { meterVariants };
+
+//# sourceMappingURL=meter-variants.js.map

package/components/meter/meter-variants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"meter-variants.js","names":[],"sources":["../../../src/components/meter/meter-variants.ts"],"sourcesContent":["/**\n * Module-private recipe. Not exported from the public entry —\n * there is no proven recipe-borrowing use. Status fill/text use the `error`\n * tokens.\n *\n * One `tone` axis, four arms. The `mode` × `level` resolution lives in\n * `METER_TONE_TABLE`, so this recipe holds colors only.\n */\nimport { tv } from \"tailwind-variants\";\n\nexport const meterVariants = tv({\n  base: \"\",\n  slots: {\n    root: \"flex flex-col gap-1\",\n    labelContainer: \"flex justify-between gap-2\",\n    labelValue: \"text-sm\",\n    icon: \"inline-block size-4 align-text-bottom\",\n    bar: \"relative h-1.5 w-full rounded-full bg-muted outline outline-1 -outline-offset-1 outline-transparent\",\n    barFill: \"absolute top-0 left-0 h-full rounded-full transition-all forced-colors:bg-[Highlight]\",\n  },\n  variants: {\n    tone: {\n      success: {\n        barFill: \"bg-success\",\n        labelValue: \"text-success\",\n      },\n      warning: {\n        barFill: \"bg-warning\",\n        labelValue: \"text-warning-foreground\",\n      },\n      error: {\n        barFill: \"bg-error\",\n        labelValue: \"text-error\",\n      },\n      neutral: {\n        barFill: \"bg-primary\",\n        labelValue: \"text-foreground\",\n      },\n    },\n  },\n  defaultVariants: {\n    tone: \"success\",\n  },\n});\n"],"mappings":";;;;;;;;;;AAUA,MAAa,gBAAgB,GAAG;CAC9B,MAAM;CACN,OAAO;EACL,MAAM;EACN,gBAAgB;EAChB,YAAY;EACZ,MAAM;EACN,KAAK;EACL,SAAS;CACX;CACA,UAAU,EACR,MAAM;EACJ,SAAS;GACP,SAAS;GACT,YAAY;EACd;EACA,SAAS;GACP,SAAS;GACT,YAAY;EACd;EACA,OAAO;GACL,SAAS;GACT,YAAY;EACd;EACA,SAAS;GACP,SAAS;GACT,YAAY;EACd;CACF,EACF;CACA,iBAAiB,EACf,MAAM,UACR;AACF,CAAC"}