@-reddacted-/react-ui 0.2.2 → 0.2.4

package/dist/index.d.ts

@@ -7,14 +7,14 @@ export { NavBar, type NavLink } from "./components/NavBar.js";
 export { PageMessage, LoadingMessage, ErrorMessage } from "./components/PageStatus.js";
 export { ThemeProvider, useTheme } from "./theme/ThemeProvider.js";
 export { ThemeSelect } from "./theme/ThemeSelect.js";
-export { defaultPalette, themeVariableGroups, themeVariableKeys, type ThemeVariableGroup } from "./theme/palette.js";
+export { defaultPalette } from "./theme/palette.js";
 export { createLocalThemeStore, createHttpThemeStore, type ThemeStore } from "./theme/store.js";
 export { serializeColors, parseColors, isHexColor, randomHex } from "./theme/clipboard.js";
 export type { ThemeColors, ThemeDefinition, ThemeCatalog, ThemeDraft } from "./theme/types.js";
 export { PopupProvider } from "./popup/PopupProvider.js";
 export { PopupHost } from "./popup/PopupHost.js";
 export { createInterceptedFetch, type InterceptorHandlers } from "./popup/fetchInterceptor.js";
-export { createErrorRules, defaultMessages, type ErrorRules, type ErrorRulesOptions, type PopupMessages, } from "./popup/errorRules.js";
+export { createErrorRules, defaultMessages, type ErrorRules, type ErrorRulesOptions, type PopupMessages, type FetchErrorReport, } from "./popup/errorRules.js";
 export { fetchJson } from "./net/fetchJson.js";
 export { useDocumentTitle, useAsync, useElementSize, useClickOutside, useEscapeKey } from "@-reddacted-/react-hooks";
 export type { AsyncStatus, AsyncStatus as LoadStatus, AsyncResult, ElementSize } from "@-reddacted-/react-hooks";

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAA;AAC/E,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,6BAA6B,CAAA;AACpE,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,qCAAqC,CAAA;AACpF,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAA;AACvD,OAAO,EAAE,MAAM,EAAE,KAAK,aAAa,EAAE,MAAM,wBAAwB,CAAA;AACnE,OAAO,EAAE,MAAM,EAAE,KAAK,OAAO,EAAE,MAAM,wBAAwB,CAAA;AAC7D,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAA;AAEtF,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAA;AAClE,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAA;AACpD,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,KAAK,kBAAkB,EAAE,MAAM,oBAAoB,CAAA;AACpH,OAAO,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,KAAK,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAC/F,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAA;AAC1F,YAAY,EAAE,WAAW,EAAE,eAAe,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAE9F,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAA;AACxD,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAA;AAChD,OAAO,EAAE,sBAAsB,EAAE,KAAK,mBAAmB,EAAE,MAAM,6BAA6B,CAAA;AAC9F,OAAO,EACL,gBAAgB,EAChB,eAAe,EACf,KAAK,UAAU,EACf,KAAK,iBAAiB,EACtB,KAAK,aAAa,GACnB,MAAM,uBAAuB,CAAA;AAE9B,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAA;AAG9C,OAAO,EAAE,gBAAgB,EAAE,QAAQ,EAAE,cAAc,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AACpH,YAAY,EAAE,WAAW,EAAE,WAAW,IAAI,UAAU,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAA;AAC/E,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,6BAA6B,CAAA;AACpE,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,qCAAqC,CAAA;AACpF,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAA;AACvD,OAAO,EAAE,MAAM,EAAE,KAAK,aAAa,EAAE,MAAM,wBAAwB,CAAA;AACnE,OAAO,EAAE,MAAM,EAAE,KAAK,OAAO,EAAE,MAAM,wBAAwB,CAAA;AAC7D,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAA;AAEtF,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAA;AAClE,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAA;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA;AACnD,OAAO,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,KAAK,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAC/F,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAA;AAC1F,YAAY,EAAE,WAAW,EAAE,eAAe,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAE9F,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAA;AACxD,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAA;AAChD,OAAO,EAAE,sBAAsB,EAAE,KAAK,mBAAmB,EAAE,MAAM,6BAA6B,CAAA;AAC9F,OAAO,EACL,gBAAgB,EAChB,eAAe,EACf,KAAK,UAAU,EACf,KAAK,iBAAiB,EACtB,KAAK,aAAa,EAClB,KAAK,gBAAgB,GACtB,MAAM,uBAAuB,CAAA;AAE9B,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAA;AAG9C,OAAO,EAAE,gBAAgB,EAAE,QAAQ,EAAE,cAAc,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AACpH,YAAY,EAAE,WAAW,EAAE,WAAW,IAAI,UAAU,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA"}

package/dist/index.js

@@ -7,7 +7,7 @@ export { NavBar } from "./components/NavBar.js";
 export { PageMessage, LoadingMessage, ErrorMessage } from "./components/PageStatus.js";
 export { ThemeProvider, useTheme } from "./theme/ThemeProvider.js";
 export { ThemeSelect } from "./theme/ThemeSelect.js";
-export { defaultPalette, themeVariableGroups, themeVariableKeys } from "./theme/palette.js";
+export { defaultPalette } from "./theme/palette.js";
 export { createLocalThemeStore, createHttpThemeStore } from "./theme/store.js";
 export { serializeColors, parseColors, isHexColor, randomHex } from "./theme/clipboard.js";
 export { PopupProvider } from "./popup/PopupProvider.js";

package/dist/popup/PopupProvider.d.ts

@@ -1,9 +1,11 @@
 import type { ReactNode } from "react";
-import type { ErrorRulesOptions } from "./errorRules.js";
+import type { ErrorRulesOptions, FetchErrorReport } from "./errorRules.js";
 type PopupProviderProps = ErrorRulesOptions & {
     children: ReactNode;
     closeLabel?: string;
+    /** Called for every failure the popup shows, with the method, URL and status behind it. */
+    onReport?: (report: FetchErrorReport) => void;
 };
-export declare function PopupProvider({ children, closeLabel, ...ruleOptions }: PopupProviderProps): import("react").JSX.Element;
+export declare function PopupProvider({ children, closeLabel, onReport, ...ruleOptions }: PopupProviderProps): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=PopupProvider.d.ts.map

package/dist/popup/PopupProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PopupProvider.d.ts","sourceRoot":"","sources":["../../src/popup/PopupProvider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,OAAO,KAAK,EAAE,iBAAiB,EAAc,MAAM,iBAAiB,CAAA;AAMpE,KAAK,kBAAkB,GAAG,iBAAiB,GAAG;IAC5C,QAAQ,EAAE,SAAS,CAAA;IACnB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,CAAA;AAED,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,WAAW,EAAE,EAAE,kBAAkB,+BAkCzF"}
+{"version":3,"file":"PopupProvider.d.ts","sourceRoot":"","sources":["../../src/popup/PopupProvider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,OAAO,KAAK,EAAE,iBAAiB,EAAc,gBAAgB,EAAE,MAAM,iBAAiB,CAAA;AAMtF,KAAK,kBAAkB,GAAG,iBAAiB,GAAG;IAC5C,QAAQ,EAAE,SAAS,CAAA;IACnB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,2FAA2F;IAC3F,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAA;CAC9C,CAAA;AAED,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,WAAW,EAAE,EAAE,kBAAkB,+BAwCnG"}

package/dist/popup/PopupProvider.js

@@ -3,8 +3,12 @@ import { useEffect, useRef, useState } from "react";
 import { createErrorRules } from "./errorRules.js";
 import { createInterceptedFetch } from "./fetchInterceptor.js";
 import { PopupHost } from "./PopupHost.js";
-export function PopupProvider({ children, closeLabel, ...ruleOptions }) {
+export function PopupProvider({ children, closeLabel, onReport, ...ruleOptions }) {
     const [messages, setMessages] = useState([]);
+    // L'interception ne s'installe qu'une fois : le callback, lui, peut changer d'un rendu à
+    // l'autre sans avoir à la réinstaller.
+    const reportRef = useRef(onReport);
+    reportRef.current = onReport;
     // Les options arrivent en littéraux : les garder dans un ref évite de réinstaller
     // l'interception à chaque rendu du parent.
     const rulesRef = useRef(null);
@@ -17,6 +21,7 @@ export function PopupProvider({ children, closeLabel, ...ruleOptions }) {
         const intercepted = createInterceptedFetch(original, {
             onRequestStart: () => setMessages(current => (current.length === 0 ? current : [])),
             onError: message => setMessages(current => (current.includes(message) ? current : [...current, message])),
+            onReport: report => reportRef.current?.(report),
         }, rulesRef.current);
         intercepted.__popupIntercepted = true;
         window.fetch = intercepted;

package/dist/popup/errorRules.d.ts

@@ -6,6 +6,17 @@ export type PopupMessages = {
     requestFailed: (status: number) => string;
 };
 export declare const defaultMessages: PopupMessages;
+/** What a failed request carried, for callers that record failures instead of only showing them. */
+export type FetchErrorReport = {
+    /** The message shown to the user, already humanised by the rules. */
+    message: string;
+    method: string;
+    url: string;
+    /** Absent when the request never reached a response. */
+    status?: number;
+    /** The thrown cause, when the failure was a network one. */
+    cause?: unknown;
+};
 export type ErrorRulesOptions = {
     /** Statuses that never raise a popup. Form input errors by default. */
     ignoredStatuses?: number[];

package/dist/popup/errorRules.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"errorRules.d.ts","sourceRoot":"","sources":["../../src/popup/errorRules.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,aAAa,GAAG;IAC1B,cAAc,EAAE,MAAM,CAAA;IACtB,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,CAAA;IAChB,WAAW,EAAE,MAAM,CAAA;IACnB,aAAa,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAA;CAC1C,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,aAM7B,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC9B,uEAAuE;IACvE,eAAe,CAAC,EAAE,MAAM,EAAE,CAAA;IAC1B,6EAA6E;IAC7E,cAAc,CAAC,EAAE,MAAM,EAAE,CAAA;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,CAAA;CAClC,CAAA;AAED,MAAM,MAAM,UAAU,GAAG;IACvB,qBAAqB,EAAE,MAAM,CAAA;IAC7B,oBAAoB,EAAE,CAAC,GAAG,EAAE,QAAQ,KAAK,OAAO,CAAA;IAChD,mBAAmB,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,OAAO,CAAA;IAChD,gBAAgB,EAAE,CAAC,GAAG,EAAE,QAAQ,KAAK,OAAO,CAAC,MAAM,CAAC,CAAA;CACrD,CAAA;AAED,wBAAgB,gBAAgB,CAAC,OAAO,GAAE,iBAAsB,GAAG,UAAU,CAkC5E"}
+{"version":3,"file":"errorRules.d.ts","sourceRoot":"","sources":["../../src/popup/errorRules.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,aAAa,GAAG;IAC1B,cAAc,EAAE,MAAM,CAAA;IACtB,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,CAAA;IAChB,WAAW,EAAE,MAAM,CAAA;IACnB,aAAa,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAA;CAC1C,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,aAM7B,CAAA;AAED,oGAAoG;AACpG,MAAM,MAAM,gBAAgB,GAAG;IAC7B,qEAAqE;IACrE,OAAO,EAAE,MAAM,CAAA;IACf,MAAM,EAAE,MAAM,CAAA;IACd,GAAG,EAAE,MAAM,CAAA;IACX,wDAAwD;IACxD,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,4DAA4D;IAC5D,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC9B,uEAAuE;IACvE,eAAe,CAAC,EAAE,MAAM,EAAE,CAAA;IAC1B,6EAA6E;IAC7E,cAAc,CAAC,EAAE,MAAM,EAAE,CAAA;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,CAAA;CAClC,CAAA;AAED,MAAM,MAAM,UAAU,GAAG;IACvB,qBAAqB,EAAE,MAAM,CAAA;IAC7B,oBAAoB,EAAE,CAAC,GAAG,EAAE,QAAQ,KAAK,OAAO,CAAA;IAChD,mBAAmB,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,OAAO,CAAA;IAChD,gBAAgB,EAAE,CAAC,GAAG,EAAE,QAAQ,KAAK,OAAO,CAAC,MAAM,CAAC,CAAA;CACrD,CAAA;AAED,wBAAgB,gBAAgB,CAAC,OAAO,GAAE,iBAAsB,GAAG,UAAU,CAkC5E"}

package/dist/popup/fetchInterceptor.d.ts

@@ -1,7 +1,12 @@
-import type { ErrorRules } from "./errorRules.js";
+import type { ErrorRules, FetchErrorReport } from "./errorRules.js";
 export type InterceptorHandlers = {
     onRequestStart: () => void;
     onError: (message: string) => void;
+    /**
+     * Called for the same failures as `onError`, with what the request itself carried. A popup only
+     * needs a sentence; a caller that records failures needs the method, the URL and the status.
+     */
+    onReport?: (report: FetchErrorReport) => void;
 };
 export declare function createInterceptedFetch(original: typeof fetch, handlers: InterceptorHandlers, rules: ErrorRules): typeof fetch;
 //# sourceMappingURL=fetchInterceptor.d.ts.map

package/dist/popup/fetchInterceptor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"fetchInterceptor.d.ts","sourceRoot":"","sources":["../../src/popup/fetchInterceptor.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAEjD,MAAM,MAAM,mBAAmB,GAAG;IAChC,cAAc,EAAE,MAAM,IAAI,CAAA;IAC1B,OAAO,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;CACnC,CAAA;AAED,wBAAgB,sBAAsB,CACpC,QAAQ,EAAE,OAAO,KAAK,EACtB,QAAQ,EAAE,mBAAmB,EAC7B,KAAK,EAAE,UAAU,GAChB,OAAO,KAAK,CAYd"}
+{"version":3,"file":"fetchInterceptor.d.ts","sourceRoot":"","sources":["../../src/popup/fetchInterceptor.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAA;AAEnE,MAAM,MAAM,mBAAmB,GAAG;IAChC,cAAc,EAAE,MAAM,IAAI,CAAA;IAC1B,OAAO,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAA;CAC9C,CAAA;AAQD,wBAAgB,sBAAsB,CACpC,QAAQ,EAAE,OAAO,KAAK,EACtB,QAAQ,EAAE,mBAAmB,EAC7B,KAAK,EAAE,UAAU,GAChB,OAAO,KAAK,CAmBd"}

package/dist/popup/fetchInterceptor.js

@@ -1,15 +1,27 @@
+function describeRequest(input, init) {
+    if (typeof input === "string")
+        return { url: input, method: init?.method ?? "GET" };
+    if (input instanceof URL)
+        return { url: input.href, method: init?.method ?? "GET" };
+    return { url: input.url, method: init?.method ?? input.method ?? "GET" };
+}
 export function createInterceptedFetch(original, handlers, rules) {
     return async (input, init) => {
         handlers.onRequestStart();
         try {
             const res = await original(input, init);
-            if (rules.shouldReportResponse(res))
-                handlers.onError(await rules.describeResponse(res));
+            if (rules.shouldReportResponse(res)) {
+                const message = await rules.describeResponse(res);
+                handlers.onError(message);
+                handlers.onReport?.({ ...describeRequest(input, init), message, status: res.status });
+            }
             return res;
         }
         catch (cause) {
-            if (rules.shouldReportFailure(cause))
+            if (rules.shouldReportFailure(cause)) {
                 handlers.onError(rules.networkFailureMessage);
+                handlers.onReport?.({ ...describeRequest(input, init), message: rules.networkFailureMessage, cause });
+            }
             throw cause;
         }
     };

package/dist/theme/clipboard.d.ts

@@ -1,5 +1,6 @@
 import type { ThemeColors } from "./types.js";
 export declare function serializeColors(colors: ThemeColors): string;
+/** Reads every `--name: #rrggbb` declaration. Filtering is left to the caller. */
 export declare function parseColors(text: string): ThemeColors;
 export declare function isHexColor(value: string): boolean;
 export declare function randomHex(): string;

package/dist/theme/clipboard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"clipboard.d.ts","sourceRoot":"","sources":["../../src/theme/clipboard.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AAI7C,wBAAgB,eAAe,CAAC,MAAM,EAAE,WAAW,GAAG,MAAM,CAK3D;AAED,wBAAgB,WAAW,CAAC,IAAI,EAAE,MAAM,GAAG,WAAW,CAOrD;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAEjD;AAED,wBAAgB,SAAS,IAAI,MAAM,CAOlC"}
+{"version":3,"file":"clipboard.d.ts","sourceRoot":"","sources":["../../src/theme/clipboard.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AAK7C,wBAAgB,eAAe,CAAC,MAAM,EAAE,WAAW,GAAG,MAAM,CAG3D;AAED,kFAAkF;AAClF,wBAAgB,WAAW,CAAC,IAAI,EAAE,MAAM,GAAG,WAAW,CAMrD;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAEjD;AAED,wBAAgB,SAAS,IAAI,MAAM,CAOlC"}

package/dist/theme/clipboard.js

@@ -1,17 +1,14 @@
-import { themeVariableKeys } from "./palette.js";
 const HEX = /^#[0-9a-fA-F]{6}$/;
+const DECLARATION = /(--[a-zA-Z0-9-]+)\s*:\s*(#[0-9a-fA-F]{6})/g;
 export function serializeColors(colors) {
-    const lines = themeVariableKeys
-        .filter(key => colors[key])
-        .map(key => `  ${key}: ${colors[key]};`);
+    const lines = Object.entries(colors).map(([key, value]) => `  ${key}: ${value};`);
     return `:root {\n${lines.join("\n")}\n}`;
 }
+/** Reads every `--name: #rrggbb` declaration. Filtering is left to the caller. */
 export function parseColors(text) {
     const parsed = {};
-    for (const key of themeVariableKeys) {
-        const match = new RegExp(`${key}\s*:\s*(#[0-9a-fA-F]{6})`).exec(text);
-        if (match)
-            parsed[key] = match[1];
+    for (const [, key, value] of text.matchAll(DECLARATION)) {
+        parsed[key] = value;
     }
     return parsed;
 }

package/dist/theme/palette.d.ts

@@ -1,12 +1,3 @@
 import type { ThemeColors } from "./types.js";
 export declare const defaultPalette: ThemeColors;
-export type ThemeVariableGroup = {
-    label: string;
-    variables: Array<{
-        key: string;
-        label: string;
-    }>;
-};
-export declare const themeVariableGroups: ThemeVariableGroup[];
-export declare const themeVariableKeys: string[];
 //# sourceMappingURL=palette.d.ts.map

package/dist/theme/palette.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"palette.d.ts","sourceRoot":"","sources":["../../src/theme/palette.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AAE7C,eAAO,MAAM,cAAc,EAAE,WAsB5B,CAAA;AAED,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,EAAE,KAAK,CAAC;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;CACjD,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,kBAAkB,EA+CnD,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,MAAM,EAErC,CAAA"}
+{"version":3,"file":"palette.d.ts","sourceRoot":"","sources":["../../src/theme/palette.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AAK7C,eAAO,MAAM,cAAc,EAAE,WAW5B,CAAA"}

package/dist/theme/palette.js

@@ -1,72 +1,15 @@
+// Base vocabulary: every variable the components in this package read, plus the
+// hover shade a consumer is expected to theme. A project with its own vocabulary
+// extends this and passes the result to ThemeProvider as basePalette.
 export const defaultPalette = {
     "--color-bg": "#ffffff",
     "--color-surface": "#f8fafc",
+    "--color-border": "#e2e8f0",
     "--color-text": "#1a1a1a",
     "--color-text-muted": "#64748b",
     "--color-primary": "#6366f1",
     "--color-primary-hover": "#4f46e5",
     "--color-on-primary": "#ffffff",
-    "--color-primary-soft": "#e0e7ff",
-    "--color-border": "#e2e8f0",
     "--color-danger": "#dc2626",
     "--color-danger-soft": "#fee2e2",
-    "--color-mindmap-red": "#dc2626",
-    "--color-mindmap-red-soft": "#fee2e2",
-    "--color-mindmap-orange": "#ea580c",
-    "--color-mindmap-orange-soft": "#ffedd5",
-    "--color-mindmap-green": "#16a34a",
-    "--color-mindmap-green-soft": "#dcfce7",
-    "--color-mindmap-blue": "#2563eb",
-    "--color-mindmap-blue-soft": "#dbeafe",
-    "--color-mindmap-purple": "#9333ea",
-    "--color-mindmap-purple-soft": "#f3e8ff",
 };
-export const themeVariableGroups = [
-    {
-        label: "Surfaces",
-        variables: [
-            { key: "--color-bg", label: "Background" },
-            { key: "--color-surface", label: "Surface" },
-            { key: "--color-border", label: "Border" },
-        ],
-    },
-    {
-        label: "Text",
-        variables: [
-            { key: "--color-text", label: "Text" },
-            { key: "--color-text-muted", label: "Muted text" },
-        ],
-    },
-    {
-        label: "Primary",
-        variables: [
-            { key: "--color-primary", label: "Primary" },
-            { key: "--color-primary-hover", label: "Primary (hover)" },
-            { key: "--color-on-primary", label: "On primary" },
-            { key: "--color-primary-soft", label: "Primary (soft)" },
-        ],
-    },
-    {
-        label: "Danger",
-        variables: [
-            { key: "--color-danger", label: "Danger" },
-            { key: "--color-danger-soft", label: "Danger (soft)" },
-        ],
-    },
-    {
-        label: "Mindmap",
-        variables: [
-            { key: "--color-mindmap-red", label: "Red" },
-            { key: "--color-mindmap-red-soft", label: "Red (soft)" },
-            { key: "--color-mindmap-orange", label: "Orange" },
-            { key: "--color-mindmap-orange-soft", label: "Orange (soft)" },
-            { key: "--color-mindmap-green", label: "Green" },
-            { key: "--color-mindmap-green-soft", label: "Green (soft)" },
-            { key: "--color-mindmap-blue", label: "Blue" },
-            { key: "--color-mindmap-blue-soft", label: "Blue (soft)" },
-            { key: "--color-mindmap-purple", label: "Purple" },
-            { key: "--color-mindmap-purple-soft", label: "Purple (soft)" },
-        ],
-    },
-];
-export const themeVariableKeys = themeVariableGroups.flatMap(group => group.variables.map(variable => variable.key));

package/package.json

@@ -1,34 +1,34 @@
-{
-  "name": "@-reddacted-/react-ui",
-  "version": "0.2.2",
-  "description": "Theming system, Modal, Button, ColorPicker, NavBar and fetch error popups for React",
-  "type": "module",
-  "main": "dist/index.js",
-  "types": "dist/index.d.ts",
-  "exports": {
-    ".": {
-      "import": "./dist/index.js",
-      "types": "./dist/index.d.ts"
-    }
-  },
-  "files": [
-    "dist"
-  ],
-  "scripts": {
-    "build": "tsc",
-    "typecheck": "tsc --noEmit"
-  },
-  "peerDependencies": {
-    "react": ">=18",
-    "react-dom": ">=18"
-  },
-  "dependencies": {
-    "react-colorful": "^5.6.1",
-    "@-reddacted-/react-hooks": "^0.2.0"
-  },
-  "devDependencies": {
-    "@types/react": "^18.3.1",
-    "@types/react-dom": "^18.3.1",
-    "typescript": "~5.8.3"
-  }
-}
+{
+  "name": "@-reddacted-/react-ui",
+  "version": "0.2.4",
+  "description": "Theming system, Modal, Button, ColorPicker, NavBar and fetch error popups for React",
+  "type": "module",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsc",
+    "typecheck": "tsc --noEmit"
+  },
+  "peerDependencies": {
+    "react": ">=18",
+    "react-dom": ">=18"
+  },
+  "dependencies": {
+    "react-colorful": "^5.6.1",
+    "@-reddacted-/react-hooks": "^0.2.0"
+  },
+  "devDependencies": {
+    "@types/react": "^18.3.1",
+    "@types/react-dom": "^18.3.1",
+    "typescript": "~5.8.3"
+  }
+}