@-reddacted-/react-ui 0.2.0 → 0.2.2

package/dist/components/ColorField.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import ColorPicker from "./ColorPicker";
-import { Button } from "./Button";
-import { randomHex } from "../theme/clipboard";
+import ColorPicker from "./ColorPicker.js";
+import { Button } from "./Button.js";
+import { randomHex } from "../theme/clipboard.js";
 export function ColorField({ label, value, onChange, randomLabel = "Random color" }) {
     return (_jsxs("div", { style: rowStyle, children: [_jsx("label", { style: labelStyle, children: label }), _jsxs("div", { style: controlsStyle, children: [_jsx("code", { style: hexStyle, children: value }), _jsx(ColorPicker, { value: value, onChange: onChange, ariaLabel: label }), _jsx(Button, { variant: "ghost", onClick: () => onChange(randomHex()), style: randomBtnStyle, title: randomLabel, children: "\u21BB" })] })] }));
 }

package/dist/components/ColorPicker.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useLayoutEffect, useRef, useState } from "react";
 import { HexColorPicker } from "react-colorful";
-import { isHexColor } from "../theme/clipboard";
+import { isHexColor } from "../theme/clipboard.js";
 const safe = (value) => (isHexColor(value) ? value : "#000000");
 export default function ColorPicker({ value, onChange, className, style, ariaLabel }) {
     const [open, setOpen] = useState(false);

package/dist/components/ConfirmDeleteButton.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
-import { Button } from "./Button";
+import { Button } from "./Button.js";
 export default function ConfirmDeleteButton({ onConfirm, label = "Delete", confirmLabel = "Are you sure?", className, style, resetDelay = 10000, }) {
     const [confirming, setConfirming] = useState(false);
     useEffect(() => {

package/dist/components/PageStatus.d.ts

@@ -1,5 +1,4 @@
 import type { ReactNode } from "react";
-export type LoadStatus = "loading" | "ready" | "error";
 export declare function PageMessage({ children }: {
     children: ReactNode;
 }): import("react").JSX.Element;

package/dist/components/PageStatus.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PageStatus.d.ts","sourceRoot":"","sources":["../../src/components/PageStatus.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAA;AAGrD,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,OAAO,GAAG,OAAO,CAAA;AAEtD,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,+BAEhE;AAED,wBAAgB,cAAc,CAAC,EAAE,KAAoB,EAAE,EAAE;IAAE,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,+BAQ1E;AAED,KAAK,iBAAiB,GAAG;IACvB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,CAAA;AAED,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,KAAiF,EACjF,UAAwB,GACzB,EAAE,iBAAiB,+BAenB"}
+{"version":3,"file":"PageStatus.d.ts","sourceRoot":"","sources":["../../src/components/PageStatus.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAA;AAGrD,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,+BAEhE;AAED,wBAAgB,cAAc,CAAC,EAAE,KAAoB,EAAE,EAAE;IAAE,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,+BAQ1E;AAED,KAAK,iBAAiB,GAAG;IACvB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,CAAA;AAED,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,KAAiF,EACjF,UAAwB,GACzB,EAAE,iBAAiB,+BAenB"}

package/dist/components/PageStatus.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button } from "./Button";
+import { Button } from "./Button.js";
 export function PageMessage({ children }) {
     return _jsx("div", { style: containerStyle, children: children });
 }

package/dist/index.d.ts

@@ -1,20 +1,21 @@
-export { default as Modal, openModal, closeModal } from "./components/Modal";
-export { default as ColorPicker } from "./components/ColorPicker";
-export { default as ConfirmDeleteButton } from "./components/ConfirmDeleteButton";
-export { ColorField } from "./components/ColorField";
-export { Button, type ButtonVariant } from "./components/Button";
-export { NavBar, type NavLink } from "./components/NavBar";
-export { PageMessage, LoadingMessage, ErrorMessage, type LoadStatus } from "./components/PageStatus";
-export { ThemeProvider, useTheme } from "./theme/ThemeProvider";
-export { ThemeSelect } from "./theme/ThemeSelect";
-export { defaultPalette, themeVariableGroups, themeVariableKeys, type ThemeVariableGroup } from "./theme/palette";
-export { createLocalThemeStore, createHttpThemeStore, type ThemeStore } from "./theme/store";
-export { serializeColors, parseColors, isHexColor, randomHex } from "./theme/clipboard";
-export type { ThemeColors, ThemeDefinition, ThemeCatalog, ThemeDraft } from "./theme/types";
-export { PopupProvider } from "./popup/PopupProvider";
-export { PopupHost } from "./popup/PopupHost";
-export { createInterceptedFetch, type InterceptorHandlers } from "./popup/fetchInterceptor";
-export { createErrorRules, defaultMessages, type ErrorRules, type ErrorRulesOptions, type PopupMessages, } from "./popup/errorRules";
-export { fetchJson } from "./net/fetchJson";
-export { useDocumentTitle } from "./net/useDocumentTitle";
+export { default as Modal, openModal, closeModal } from "./components/Modal.js";
+export { default as ColorPicker } from "./components/ColorPicker.js";
+export { default as ConfirmDeleteButton } from "./components/ConfirmDeleteButton.js";
+export { ColorField } from "./components/ColorField.js";
+export { Button, type ButtonVariant } from "./components/Button.js";
+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 { 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 { 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";
 //# sourceMappingURL=index.d.ts.map

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,oBAAoB,CAAA;AAC5E,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,0BAA0B,CAAA;AACjE,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,kCAAkC,CAAA;AACjF,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAA;AACpD,OAAO,EAAE,MAAM,EAAE,KAAK,aAAa,EAAE,MAAM,qBAAqB,CAAA;AAChE,OAAO,EAAE,MAAM,EAAE,KAAK,OAAO,EAAE,MAAM,qBAAqB,CAAA;AAC1D,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,YAAY,EAAE,KAAK,UAAU,EAAE,MAAM,yBAAyB,CAAA;AAEpG,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAC/D,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AACjD,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AACjH,OAAO,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,KAAK,UAAU,EAAE,MAAM,eAAe,CAAA;AAC5F,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AACvF,YAAY,EAAE,WAAW,EAAE,eAAe,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAE3F,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAA;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAC7C,OAAO,EAAE,sBAAsB,EAAE,KAAK,mBAAmB,EAAE,MAAM,0BAA0B,CAAA;AAC3F,OAAO,EACL,gBAAgB,EAChB,eAAe,EACf,KAAK,UAAU,EACf,KAAK,iBAAiB,EACtB,KAAK,aAAa,GACnB,MAAM,oBAAoB,CAAA;AAE3B,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAC3C,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,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,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"}

package/dist/index.js

@@ -1,18 +1,19 @@
-export { default as Modal, openModal, closeModal } from "./components/Modal";
-export { default as ColorPicker } from "./components/ColorPicker";
-export { default as ConfirmDeleteButton } from "./components/ConfirmDeleteButton";
-export { ColorField } from "./components/ColorField";
-export { Button } from "./components/Button";
-export { NavBar } from "./components/NavBar";
-export { PageMessage, LoadingMessage, ErrorMessage } from "./components/PageStatus";
-export { ThemeProvider, useTheme } from "./theme/ThemeProvider";
-export { ThemeSelect } from "./theme/ThemeSelect";
-export { defaultPalette, themeVariableGroups, themeVariableKeys } from "./theme/palette";
-export { createLocalThemeStore, createHttpThemeStore } from "./theme/store";
-export { serializeColors, parseColors, isHexColor, randomHex } from "./theme/clipboard";
-export { PopupProvider } from "./popup/PopupProvider";
-export { PopupHost } from "./popup/PopupHost";
-export { createInterceptedFetch } from "./popup/fetchInterceptor";
-export { createErrorRules, defaultMessages, } from "./popup/errorRules";
-export { fetchJson } from "./net/fetchJson";
-export { useDocumentTitle } from "./net/useDocumentTitle";
+export { default as Modal, openModal, closeModal } from "./components/Modal.js";
+export { default as ColorPicker } from "./components/ColorPicker.js";
+export { default as ConfirmDeleteButton } from "./components/ConfirmDeleteButton.js";
+export { ColorField } from "./components/ColorField.js";
+export { Button } from "./components/Button.js";
+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 { createLocalThemeStore, createHttpThemeStore } from "./theme/store.js";
+export { serializeColors, parseColors, isHexColor, randomHex } from "./theme/clipboard.js";
+export { PopupProvider } from "./popup/PopupProvider.js";
+export { PopupHost } from "./popup/PopupHost.js";
+export { createInterceptedFetch } from "./popup/fetchInterceptor.js";
+export { createErrorRules, defaultMessages, } from "./popup/errorRules.js";
+export { fetchJson } from "./net/fetchJson.js";
+// Réexportés depuis react-hooks : les appelants n'ont pas à connaître le découpage.
+export { useDocumentTitle, useAsync, useElementSize, useClickOutside, useEscapeKey } from "@-reddacted-/react-hooks";

package/dist/popup/PopupProvider.d.ts

@@ -1,5 +1,5 @@
 import type { ReactNode } from "react";
-import type { ErrorRulesOptions } from "./errorRules";
+import type { ErrorRulesOptions } from "./errorRules.js";
 type PopupProviderProps = ErrorRulesOptions & {
     children: ReactNode;
     closeLabel?: string;

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,cAAc,CAAA;AAMjE,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,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"}

package/dist/popup/PopupProvider.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useRef, useState } from "react";
-import { createErrorRules } from "./errorRules";
-import { createInterceptedFetch } from "./fetchInterceptor";
-import { PopupHost } from "./PopupHost";
+import { createErrorRules } from "./errorRules.js";
+import { createInterceptedFetch } from "./fetchInterceptor.js";
+import { PopupHost } from "./PopupHost.js";
 export function PopupProvider({ children, closeLabel, ...ruleOptions }) {
     const [messages, setMessages] = useState([]);
     // Les options arrivent en littéraux : les garder dans un ref évite de réinstaller

package/dist/popup/fetchInterceptor.d.ts

@@ -1,4 +1,4 @@
-import type { ErrorRules } from "./errorRules";
+import type { ErrorRules } from "./errorRules.js";
 export type InterceptorHandlers = {
     onRequestStart: () => void;
     onError: (message: string) => void;

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,cAAc,CAAA;AAE9C,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,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"}

package/dist/theme/ThemeProvider.d.ts

@@ -1,6 +1,6 @@
 import type { ReactNode } from "react";
-import type { ThemeStore } from "./store";
-import type { ThemeColors, ThemeDefinition } from "./types";
+import type { ThemeStore } from "./store.js";
+import type { ThemeColors, ThemeDefinition } from "./types.js";
 type ThemeContextValue = {
     themes: ThemeDefinition[];
     defaultId: string | null;

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

@@ -1 +1 @@
-{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../src/theme/ThemeProvider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGtC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AACzC,OAAO,KAAK,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAI3D,KAAK,iBAAiB,GAAG;IACvB,MAAM,EAAE,eAAe,EAAE,CAAA;IACzB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAA;IACxB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAA;IACxB,aAAa,EAAE,WAAW,CAAA;IAC1B,WAAW,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,WAAW,EAAE,WAAW,CAAA;IACxB,KAAK,EAAE,UAAU,CAAA;IACjB,MAAM,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAA;CAC5B,CAAA;AAID,KAAK,kBAAkB,GAAG;IACxB,QAAQ,EAAE,SAAS,CAAA;IACnB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,CAAA;AAOD,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,MAAM,EACN,KAAK,EACL,WAA4B,EAC5B,YAA4B,GAC7B,EAAE,kBAAkB,+BA6DpB;AAED,wBAAgB,QAAQ,IAAI,iBAAiB,CAI5C"}
+{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../src/theme/ThemeProvider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGtC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,YAAY,CAAA;AAC5C,OAAO,KAAK,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,YAAY,CAAA;AAI9D,KAAK,iBAAiB,GAAG;IACvB,MAAM,EAAE,eAAe,EAAE,CAAA;IACzB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAA;IACxB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAA;IACxB,aAAa,EAAE,WAAW,CAAA;IAC1B,WAAW,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,WAAW,EAAE,WAAW,CAAA;IACxB,KAAK,EAAE,UAAU,CAAA;IACjB,MAAM,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAA;CAC5B,CAAA;AAID,KAAK,kBAAkB,GAAG;IACxB,QAAQ,EAAE,SAAS,CAAA;IACnB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,CAAA;AAOD,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,MAAM,EACN,KAAK,EACL,WAA4B,EAC5B,YAA4B,GAC7B,EAAE,kBAAkB,+BA6DpB;AAED,wBAAgB,QAAQ,IAAI,iBAAiB,CAI5C"}

package/dist/theme/ThemeProvider.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { createContext, useCallback, useContext, useEffect, useMemo, useState } from "react";
-import { defaultPalette } from "./palette";
-import { createHttpThemeStore, createLocalThemeStore } from "./store";
+import { defaultPalette } from "./palette.js";
+import { createHttpThemeStore, createLocalThemeStore } from "./store.js";
 const SELECTION_KEY = "theme-id";
 const ThemeContext = createContext(null);
 function readSelection(key) {

package/dist/theme/ThemeSelect.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useTheme } from "./ThemeProvider";
+import { useTheme } from "./ThemeProvider.js";
 export function ThemeSelect({ ariaLabel = "Theme", className, style }) {
     const { themes, currentId, selectTheme } = useTheme();
     if (themes.length < 2)

package/dist/theme/clipboard.d.ts

@@ -1,4 +1,4 @@
-import type { ThemeColors } from "./types";
+import type { ThemeColors } from "./types.js";
 export declare function serializeColors(colors: ThemeColors): string;
 export declare function parseColors(text: string): ThemeColors;
 export declare function isHexColor(value: string): boolean;

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,SAAS,CAAA;AAI1C,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":"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"}

package/dist/theme/clipboard.js

@@ -1,4 +1,4 @@
-import { themeVariableKeys } from "./palette";
+import { themeVariableKeys } from "./palette.js";
 const HEX = /^#[0-9a-fA-F]{6}$/;
 export function serializeColors(colors) {
     const lines = themeVariableKeys

package/dist/theme/palette.d.ts

@@ -1,4 +1,4 @@
-import type { ThemeColors } from "./types";
+import type { ThemeColors } from "./types.js";
 export declare const defaultPalette: ThemeColors;
 export type ThemeVariableGroup = {
     label: string;

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,SAAS,CAAA;AAE1C,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;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"}

package/dist/theme/store.d.ts

@@ -1,4 +1,4 @@
-import type { ThemeCatalog, ThemeDefinition, ThemeDraft } from "./types";
+import type { ThemeCatalog, ThemeDefinition, ThemeDraft } from "./types.js";
 export type ThemeStore = {
     loadVisible(): Promise<ThemeCatalog>;
     loadAll(): Promise<ThemeCatalog>;

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

@@ -1 +1 @@
-{"version":3,"file":"store.d.ts","sourceRoot":"","sources":["../../src/theme/store.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAExE,MAAM,MAAM,UAAU,GAAG;IACvB,WAAW,IAAI,OAAO,CAAC,YAAY,CAAC,CAAA;IACpC,OAAO,IAAI,OAAO,CAAC,YAAY,CAAC,CAAA;IAChC,MAAM,CAAC,KAAK,EAAE,UAAU,GAAG,OAAO,CAAC,eAAe,CAAC,CAAA;IACnD,MAAM,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IACpD,UAAU,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;CACtC,CAAA;AAYD,wBAAgB,qBAAqB,CAAC,UAAU,GAAE,MAAoB,GAAG,UAAU,CA8ClF;AAmBD,wBAAgB,oBAAoB,CAAC,MAAM,EAAE,MAAM,GAAG,UAAU,CAiB/D"}
+{"version":3,"file":"store.d.ts","sourceRoot":"","sources":["../../src/theme/store.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,YAAY,CAAA;AAE3E,MAAM,MAAM,UAAU,GAAG;IACvB,WAAW,IAAI,OAAO,CAAC,YAAY,CAAC,CAAA;IACpC,OAAO,IAAI,OAAO,CAAC,YAAY,CAAC,CAAA;IAChC,MAAM,CAAC,KAAK,EAAE,UAAU,GAAG,OAAO,CAAC,eAAe,CAAC,CAAA;IACnD,MAAM,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IACpD,UAAU,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;CACtC,CAAA;AAYD,wBAAgB,qBAAqB,CAAC,UAAU,GAAE,MAAoB,GAAG,UAAU,CA8ClF;AAmBD,wBAAgB,oBAAoB,CAAC,MAAM,EAAE,MAAM,GAAG,UAAU,CAiB/D"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@-reddacted-/react-ui",
-  "version": "0.2.0",
+  "version": "0.2.2",
   "description": "Theming system, Modal, Button, ColorPicker, NavBar and fetch error popups for React",
   "type": "module",
   "main": "dist/index.js",
@@ -23,7 +23,8 @@
     "react-dom": ">=18"
   },
   "dependencies": {
-    "react-colorful": "^5.6.1"
+    "react-colorful": "^5.6.1",
+    "@-reddacted-/react-hooks": "^0.2.0"
   },
   "devDependencies": {
     "@types/react": "^18.3.1",