@traefik-labs/faency 12.2.1 → 12.2.3

package/dist/components/Tooltip/Tooltip.themes.cjs

@@ -1,14 +1,21 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-exports.Theme = void 0;
-((Theme2) => {
-  Theme2.getLight = () => ({
-    tooltipContentBg: "$primary",
-    tooltipText: "white"
-  });
-  Theme2.getDark = () => ({
-    tooltipContentBg: "$primary",
-    tooltipText: "$deepBlue2"
-  });
-})(exports.Theme || (exports.Theme = {}));
-//# sourceMappingURL=Tooltip.themes.cjs.map
+//#region components/Tooltip/Tooltip.themes.ts
+var Theme;
+(function(_Theme) {
+	_Theme.getLight = () => ({
+		tooltipContentBg: "$primary",
+		tooltipText: "white"
+	});
+	_Theme.getDark = () => ({
+		tooltipContentBg: "$primary",
+		tooltipText: "$deepBlue2"
+	});
+})(Theme || (Theme = {}));
+//#endregion
+Object.defineProperty(exports, "Theme", {
+	enumerable: true,
+	get: function() {
+		return Theme;
+	}
+});
+
+//# sourceMappingURL=Tooltip.themes.cjs.map

package/dist/components/Tooltip/Tooltip.themes.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.themes.cjs","sources":["../../../components/Tooltip/Tooltip.themes.ts"],"sourcesContent":["import { Property } from '@stitches/react/types/css';\n\nimport { ColorInfo } from '../../utils/getPrimaryColorInfo';\n\nexport namespace Theme {\n  type Colors = {\n    tooltipContentBg: Property.Color;\n    tooltipText: Property.Color;\n  };\n\n  type Factory = (primaryColor: ColorInfo) => Colors;\n\n  export const getLight: Factory = () => ({\n    tooltipContentBg: '$primary',\n    tooltipText: 'white',\n  });\n\n  export const getDark: Factory = () => ({\n    tooltipContentBg: '$primary',\n    tooltipText: '$deepBlue2',\n  });\n}\n"],"names":["Theme"],"mappings":";;AAIiBA,QAAAA,QAAAA;AAAAA,CAAV,CAAUA,WAAV;AAQQA,SAAA,WAAoB,OAAO;AAAA,IACtC,kBAAkB;AAAA,IAClB,aAAa;AAAA,EAAA;AAGFA,SAAA,UAAmB,OAAO;AAAA,IACrC,kBAAkB;AAAA,IAClB,aAAa;AAAA,EAAA;AACf,GAhBeA,QAAAA,UAAAA,gBAAA,CAAA,EAAA;"}
+{"version":3,"file":"Tooltip.themes.cjs","names":[],"sources":["../../../components/Tooltip/Tooltip.themes.ts"],"sourcesContent":["import { Property } from '@stitches/react/types/css';\n\nimport { ColorInfo } from '../../utils/getPrimaryColorInfo';\n\nexport namespace Theme {\n  type Colors = {\n    tooltipContentBg: Property.Color;\n    tooltipText: Property.Color;\n  };\n\n  type Factory = (primaryColor: ColorInfo) => Colors;\n\n  export const getLight: Factory = () => ({\n    tooltipContentBg: '$primary',\n    tooltipText: 'white',\n  });\n\n  export const getDark: Factory = () => ({\n    tooltipContentBg: '$primary',\n    tooltipText: '$deepBlue2',\n  });\n}\n"],"mappings":";AAIO,IAAA;;AAQQ,QAAA,kBAA2B;EACtC,kBAAkB;EAClB,aAAa;EACd;AAEY,QAAA,iBAA0B;EACrC,kBAAkB;EAClB,aAAa;EACd;yBACF"}

package/dist/components/Tooltip/Tooltip.themes.js

@@ -1,15 +1,16 @@
+//#region components/Tooltip/Tooltip.themes.ts
 var Theme;
-((Theme2) => {
-  Theme2.getLight = () => ({
-    tooltipContentBg: "$primary",
-    tooltipText: "white"
-  });
-  Theme2.getDark = () => ({
-    tooltipContentBg: "$primary",
-    tooltipText: "$deepBlue2"
-  });
+(function(_Theme) {
+	_Theme.getLight = () => ({
+		tooltipContentBg: "$primary",
+		tooltipText: "white"
+	});
+	_Theme.getDark = () => ({
+		tooltipContentBg: "$primary",
+		tooltipText: "$deepBlue2"
+	});
 })(Theme || (Theme = {}));
-export {
-  Theme
-};
-//# sourceMappingURL=Tooltip.themes.js.map
+//#endregion
+export { Theme };
+
+//# sourceMappingURL=Tooltip.themes.js.map

package/dist/components/Tooltip/Tooltip.themes.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.themes.js","sources":["../../../components/Tooltip/Tooltip.themes.ts"],"sourcesContent":["import { Property } from '@stitches/react/types/css';\n\nimport { ColorInfo } from '../../utils/getPrimaryColorInfo';\n\nexport namespace Theme {\n  type Colors = {\n    tooltipContentBg: Property.Color;\n    tooltipText: Property.Color;\n  };\n\n  type Factory = (primaryColor: ColorInfo) => Colors;\n\n  export const getLight: Factory = () => ({\n    tooltipContentBg: '$primary',\n    tooltipText: 'white',\n  });\n\n  export const getDark: Factory = () => ({\n    tooltipContentBg: '$primary',\n    tooltipText: '$deepBlue2',\n  });\n}\n"],"names":["Theme"],"mappings":"AAIO,IAAU;AAAA,CAAV,CAAUA,WAAV;AAQQA,SAAA,WAAoB,OAAO;AAAA,IACtC,kBAAkB;AAAA,IAClB,aAAa;AAAA,EAAA;AAGFA,SAAA,UAAmB,OAAO;AAAA,IACrC,kBAAkB;AAAA,IAClB,aAAa;AAAA,EAAA;AACf,GAhBe,UAAA,QAAA,CAAA,EAAA;"}
+{"version":3,"file":"Tooltip.themes.js","names":[],"sources":["../../../components/Tooltip/Tooltip.themes.ts"],"sourcesContent":["import { Property } from '@stitches/react/types/css';\n\nimport { ColorInfo } from '../../utils/getPrimaryColorInfo';\n\nexport namespace Theme {\n  type Colors = {\n    tooltipContentBg: Property.Color;\n    tooltipText: Property.Color;\n  };\n\n  type Factory = (primaryColor: ColorInfo) => Colors;\n\n  export const getLight: Factory = () => ({\n    tooltipContentBg: '$primary',\n    tooltipText: 'white',\n  });\n\n  export const getDark: Factory = () => ({\n    tooltipContentBg: '$primary',\n    tooltipText: '$deepBlue2',\n  });\n}\n"],"mappings":";AAIO,IAAA;;AAQQ,QAAA,kBAA2B;EACtC,kBAAkB;EAClB,aAAa;EACd;AAEY,QAAA,iBAA0B;EACrC,kBAAkB;EAClB,aAAa;EACd;yBACF"}

package/dist/components/VisuallyHidden/VisuallyHidden.cjs

@@ -1,23 +1,9 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const VisuallyHiddenPrimitive = require("@radix-ui/react-visually-hidden");
-function _interopNamespaceDefault(e) {
-  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
-  if (e) {
-    for (const k in e) {
-      if (k !== "default") {
-        const d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: () => e[k]
-        });
-      }
-    }
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-const VisuallyHiddenPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(VisuallyHiddenPrimitive);
-const VisuallyHidden = VisuallyHiddenPrimitive__namespace.Root;
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+let _radix_ui_react_visually_hidden = require("@radix-ui/react-visually-hidden");
+_radix_ui_react_visually_hidden = require_runtime.__toESM(_radix_ui_react_visually_hidden, 1);
+//#region components/VisuallyHidden/VisuallyHidden.tsx
+var VisuallyHidden = _radix_ui_react_visually_hidden.Root;
+//#endregion
 exports.VisuallyHidden = VisuallyHidden;
-//# sourceMappingURL=VisuallyHidden.cjs.map
+
+//# sourceMappingURL=VisuallyHidden.cjs.map

package/dist/components/VisuallyHidden/VisuallyHidden.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"VisuallyHidden.cjs","sources":["../../../components/VisuallyHidden/VisuallyHidden.tsx"],"sourcesContent":["import * as VisuallyHiddenPrimitive from '@radix-ui/react-visually-hidden';\n\nexport const VisuallyHidden = VisuallyHiddenPrimitive.Root;\n"],"names":["VisuallyHiddenPrimitive"],"mappings":";;;;;;;;;;;;;;;;;;;;AAEO,MAAM,iBAAiBA,mCAAwB;;"}
+{"version":3,"file":"VisuallyHidden.cjs","names":[],"sources":["../../../components/VisuallyHidden/VisuallyHidden.tsx"],"sourcesContent":["import * as VisuallyHiddenPrimitive from '@radix-ui/react-visually-hidden';\n\nexport const VisuallyHidden = VisuallyHiddenPrimitive.Root;\n"],"mappings":";;;;AAEA,IAAa,iBAAiB,gCAAwB"}

package/dist/components/VisuallyHidden/VisuallyHidden.js

@@ -1,6 +1,7 @@
 import * as VisuallyHiddenPrimitive from "@radix-ui/react-visually-hidden";
-const VisuallyHidden = VisuallyHiddenPrimitive.Root;
-export {
-  VisuallyHidden
-};
-//# sourceMappingURL=VisuallyHidden.js.map
+//#region components/VisuallyHidden/VisuallyHidden.tsx
+var VisuallyHidden$1 = VisuallyHiddenPrimitive.Root;
+//#endregion
+export { VisuallyHidden$1 as VisuallyHidden };
+
+//# sourceMappingURL=VisuallyHidden.js.map

package/dist/components/VisuallyHidden/VisuallyHidden.js.map

@@ -1 +1 @@
-{"version":3,"file":"VisuallyHidden.js","sources":["../../../components/VisuallyHidden/VisuallyHidden.tsx"],"sourcesContent":["import * as VisuallyHiddenPrimitive from '@radix-ui/react-visually-hidden';\n\nexport const VisuallyHidden = VisuallyHiddenPrimitive.Root;\n"],"names":[],"mappings":";AAEO,MAAM,iBAAiB,wBAAwB;"}
+{"version":3,"file":"VisuallyHidden.js","names":[],"sources":["../../../components/VisuallyHidden/VisuallyHidden.tsx"],"sourcesContent":["import * as VisuallyHiddenPrimitive from '@radix-ui/react-visually-hidden';\n\nexport const VisuallyHidden = VisuallyHiddenPrimitive.Root;\n"],"mappings":";;AAEA,IAAa,mBAAiB,wBAAwB"}

package/dist/components/colorSchemeContext.cjs

@@ -1,45 +1,51 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const React = require("react");
+const require_runtime = require("../_virtual/_rolldown/runtime.cjs");
+let react = require("react");
+react = require_runtime.__toESM(react, 1);
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region components/colorSchemeContext.tsx
 function readDocumentTheme() {
-  const el = document.documentElement;
-  if (el.classList.contains("dark")) return "dark";
-  if (el.classList.contains("light")) return "light";
-  const attr = el.dataset.theme;
-  if (attr === "dark" || attr === "light") return attr;
-  return null;
+	const el = document.documentElement;
+	if (el.classList.contains("dark")) return "dark";
+	if (el.classList.contains("light")) return "light";
+	const attr = el.dataset.theme;
+	if (attr === "dark" || attr === "light") return attr;
+	return null;
 }
-const ColorSchemeContext = React.createContext("light");
+var ColorSchemeContext = (0, react.createContext)("light");
 function ColorSchemeProvider({ children }) {
-  const [scheme, setScheme] = React.useState(() => {
-    if (typeof window === "undefined") return "light";
-    return readDocumentTheme() ?? (window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light");
-  });
-  React.useEffect(() => {
-    const observer = new MutationObserver(() => {
-      const docTheme = readDocumentTheme();
-      if (docTheme) setScheme(docTheme);
-    });
-    observer.observe(document.documentElement, {
-      attributes: true,
-      attributeFilter: ["class", "data-theme"]
-    });
-    const mq = window.matchMedia("(prefers-color-scheme: dark)");
-    const mqHandler = (e) => {
-      if (!readDocumentTheme()) setScheme(e.matches ? "dark" : "light");
-    };
-    mq.addEventListener("change", mqHandler);
-    return () => {
-      observer.disconnect();
-      mq.removeEventListener("change", mqHandler);
-    };
-  }, []);
-  return /* @__PURE__ */ jsxRuntime.jsx(ColorSchemeContext.Provider, { value: scheme, children });
+	const [scheme, setScheme] = (0, react.useState)(() => {
+		if (typeof window === "undefined") return "light";
+		return readDocumentTheme() ?? (window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light");
+	});
+	(0, react.useEffect)(() => {
+		const observer = new MutationObserver(() => {
+			const docTheme = readDocumentTheme();
+			if (docTheme) setScheme(docTheme);
+		});
+		observer.observe(document.documentElement, {
+			attributes: true,
+			attributeFilter: ["class", "data-theme"]
+		});
+		const mq = window.matchMedia("(prefers-color-scheme: dark)");
+		const mqHandler = (e) => {
+			if (!readDocumentTheme()) setScheme(e.matches ? "dark" : "light");
+		};
+		mq.addEventListener("change", mqHandler);
+		return () => {
+			observer.disconnect();
+			mq.removeEventListener("change", mqHandler);
+		};
+	}, []);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ColorSchemeContext.Provider, {
+		value: scheme,
+		children
+	});
 }
 function useColorScheme() {
-  return React.useContext(ColorSchemeContext);
+	return (0, react.useContext)(ColorSchemeContext);
 }
+//#endregion
 exports.ColorSchemeProvider = ColorSchemeProvider;
 exports.useColorScheme = useColorScheme;
-//# sourceMappingURL=colorSchemeContext.cjs.map
+
+//# sourceMappingURL=colorSchemeContext.cjs.map

package/dist/components/colorSchemeContext.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"colorSchemeContext.cjs","sources":["../../components/colorSchemeContext.tsx"],"sourcesContent":["import React, { createContext, useContext, useEffect, useState } from 'react';\n\nexport type ColorScheme = 'light' | 'dark';\n\nfunction readDocumentTheme(): ColorScheme | null {\n  const el = document.documentElement;\n  if (el.classList.contains('dark')) return 'dark';\n  if (el.classList.contains('light')) return 'light';\n  const attr = el.dataset.theme;\n  if (attr === 'dark' || attr === 'light') return attr;\n  return null;\n}\n\nconst ColorSchemeContext = createContext<ColorScheme>('light');\n\nexport function ColorSchemeProvider({ children }: { children: React.ReactNode }) {\n  const [scheme, setScheme] = useState<ColorScheme>(() => {\n    if (typeof window === 'undefined') return 'light';\n    return (\n      readDocumentTheme() ??\n      (window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light')\n    );\n  });\n\n  useEffect(() => {\n    const observer = new MutationObserver(() => {\n      const docTheme = readDocumentTheme();\n      if (docTheme) setScheme(docTheme);\n    });\n    observer.observe(document.documentElement, {\n      attributes: true,\n      attributeFilter: ['class', 'data-theme'],\n    });\n\n    const mq = window.matchMedia('(prefers-color-scheme: dark)');\n    const mqHandler = (e: MediaQueryListEvent) => {\n      if (!readDocumentTheme()) setScheme(e.matches ? 'dark' : 'light');\n    };\n    mq.addEventListener('change', mqHandler);\n\n    return () => {\n      observer.disconnect();\n      mq.removeEventListener('change', mqHandler);\n    };\n  }, []);\n\n  return <ColorSchemeContext.Provider value={scheme}>{children}</ColorSchemeContext.Provider>;\n}\n\nexport function useColorScheme(): ColorScheme {\n  return useContext(ColorSchemeContext);\n}\n"],"names":["createContext","useState","useEffect","useContext"],"mappings":";;;;AAIA,SAAS,oBAAwC;AAC/C,QAAM,KAAK,SAAS;AACpB,MAAI,GAAG,UAAU,SAAS,MAAM,EAAG,QAAO;AAC1C,MAAI,GAAG,UAAU,SAAS,OAAO,EAAG,QAAO;AAC3C,QAAM,OAAO,GAAG,QAAQ;AACxB,MAAI,SAAS,UAAU,SAAS,QAAS,QAAO;AAChD,SAAO;AACT;AAEA,MAAM,qBAAqBA,MAAAA,cAA2B,OAAO;AAEtD,SAAS,oBAAoB,EAAE,YAA2C;AAC/E,QAAM,CAAC,QAAQ,SAAS,IAAIC,MAAAA,SAAsB,MAAM;AACtD,QAAI,OAAO,WAAW,YAAa,QAAO;AAC1C,WACE,wBACC,OAAO,WAAW,8BAA8B,EAAE,UAAU,SAAS;AAAA,EAE1E,CAAC;AAEDC,QAAAA,UAAU,MAAM;AACd,UAAM,WAAW,IAAI,iBAAiB,MAAM;AAC1C,YAAM,WAAW,kBAAA;AACjB,UAAI,oBAAoB,QAAQ;AAAA,IAClC,CAAC;AACD,aAAS,QAAQ,SAAS,iBAAiB;AAAA,MACzC,YAAY;AAAA,MACZ,iBAAiB,CAAC,SAAS,YAAY;AAAA,IAAA,CACxC;AAED,UAAM,KAAK,OAAO,WAAW,8BAA8B;AAC3D,UAAM,YAAY,CAAC,MAA2B;AAC5C,UAAI,CAAC,kBAAA,aAA+B,EAAE,UAAU,SAAS,OAAO;AAAA,IAClE;AACA,OAAG,iBAAiB,UAAU,SAAS;AAEvC,WAAO,MAAM;AACX,eAAS,WAAA;AACT,SAAG,oBAAoB,UAAU,SAAS;AAAA,IAC5C;AAAA,EACF,GAAG,CAAA,CAAE;AAEL,wCAAQ,mBAAmB,UAAnB,EAA4B,OAAO,QAAS,UAAS;AAC/D;AAEO,SAAS,iBAA8B;AAC5C,SAAOC,MAAAA,WAAW,kBAAkB;AACtC;;;"}
+{"version":3,"file":"colorSchemeContext.cjs","names":[],"sources":["../../components/colorSchemeContext.tsx"],"sourcesContent":["import React, { createContext, useContext, useEffect, useState } from 'react';\n\nexport type ColorScheme = 'light' | 'dark';\n\nfunction readDocumentTheme(): ColorScheme | null {\n  const el = document.documentElement;\n  if (el.classList.contains('dark')) return 'dark';\n  if (el.classList.contains('light')) return 'light';\n  const attr = el.dataset.theme;\n  if (attr === 'dark' || attr === 'light') return attr;\n  return null;\n}\n\nconst ColorSchemeContext = createContext<ColorScheme>('light');\n\nexport function ColorSchemeProvider({ children }: { children: React.ReactNode }) {\n  const [scheme, setScheme] = useState<ColorScheme>(() => {\n    if (typeof window === 'undefined') return 'light';\n    return (\n      readDocumentTheme() ??\n      (window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light')\n    );\n  });\n\n  useEffect(() => {\n    const observer = new MutationObserver(() => {\n      const docTheme = readDocumentTheme();\n      if (docTheme) setScheme(docTheme);\n    });\n    observer.observe(document.documentElement, {\n      attributes: true,\n      attributeFilter: ['class', 'data-theme'],\n    });\n\n    const mq = window.matchMedia('(prefers-color-scheme: dark)');\n    const mqHandler = (e: MediaQueryListEvent) => {\n      if (!readDocumentTheme()) setScheme(e.matches ? 'dark' : 'light');\n    };\n    mq.addEventListener('change', mqHandler);\n\n    return () => {\n      observer.disconnect();\n      mq.removeEventListener('change', mqHandler);\n    };\n  }, []);\n\n  return <ColorSchemeContext.Provider value={scheme}>{children}</ColorSchemeContext.Provider>;\n}\n\nexport function useColorScheme(): ColorScheme {\n  return useContext(ColorSchemeContext);\n}\n"],"mappings":";;;;;AAIA,SAAS,oBAAwC;CAC/C,MAAM,KAAK,SAAS;AACpB,KAAI,GAAG,UAAU,SAAS,OAAO,CAAE,QAAO;AAC1C,KAAI,GAAG,UAAU,SAAS,QAAQ,CAAE,QAAO;CAC3C,MAAM,OAAO,GAAG,QAAQ;AACxB,KAAI,SAAS,UAAU,SAAS,QAAS,QAAO;AAChD,QAAO;;AAGT,IAAM,sBAAA,GAAA,MAAA,eAAgD,QAAQ;AAE9D,SAAgB,oBAAoB,EAAE,YAA2C;CAC/E,MAAM,CAAC,QAAQ,cAAA,GAAA,MAAA,gBAAyC;AACtD,MAAI,OAAO,WAAW,YAAa,QAAO;AAC1C,SACE,mBAAmB,KAClB,OAAO,WAAW,+BAA+B,CAAC,UAAU,SAAS;GAExE;AAEF,EAAA,GAAA,MAAA,iBAAgB;EACd,MAAM,WAAW,IAAI,uBAAuB;GAC1C,MAAM,WAAW,mBAAmB;AACpC,OAAI,SAAU,WAAU,SAAS;IACjC;AACF,WAAS,QAAQ,SAAS,iBAAiB;GACzC,YAAY;GACZ,iBAAiB,CAAC,SAAS,aAAa;GACzC,CAAC;EAEF,MAAM,KAAK,OAAO,WAAW,+BAA+B;EAC5D,MAAM,aAAa,MAA2B;AAC5C,OAAI,CAAC,mBAAmB,CAAE,WAAU,EAAE,UAAU,SAAS,QAAQ;;AAEnE,KAAG,iBAAiB,UAAU,UAAU;AAExC,eAAa;AACX,YAAS,YAAY;AACrB,MAAG,oBAAoB,UAAU,UAAU;;IAE5C,EAAE,CAAC;AAEN,QAAO,iBAAA,GAAA,kBAAA,KAAC,mBAAmB,UAApB;EAA6B,OAAO;EAAS;EAAuC,CAAA;;AAG7F,SAAgB,iBAA8B;AAC5C,SAAA,GAAA,MAAA,YAAkB,mBAAmB"}

package/dist/components/colorSchemeContext.js

@@ -1,45 +1,48 @@
+import { createContext, useContext, useEffect, useState } from "react";
 import { jsx } from "react/jsx-runtime";
-import { useContext, createContext, useState, useEffect } from "react";
+//#region components/colorSchemeContext.tsx
 function readDocumentTheme() {
-  const el = document.documentElement;
-  if (el.classList.contains("dark")) return "dark";
-  if (el.classList.contains("light")) return "light";
-  const attr = el.dataset.theme;
-  if (attr === "dark" || attr === "light") return attr;
-  return null;
+	const el = document.documentElement;
+	if (el.classList.contains("dark")) return "dark";
+	if (el.classList.contains("light")) return "light";
+	const attr = el.dataset.theme;
+	if (attr === "dark" || attr === "light") return attr;
+	return null;
 }
-const ColorSchemeContext = createContext("light");
+var ColorSchemeContext = createContext("light");
 function ColorSchemeProvider({ children }) {
-  const [scheme, setScheme] = useState(() => {
-    if (typeof window === "undefined") return "light";
-    return readDocumentTheme() ?? (window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light");
-  });
-  useEffect(() => {
-    const observer = new MutationObserver(() => {
-      const docTheme = readDocumentTheme();
-      if (docTheme) setScheme(docTheme);
-    });
-    observer.observe(document.documentElement, {
-      attributes: true,
-      attributeFilter: ["class", "data-theme"]
-    });
-    const mq = window.matchMedia("(prefers-color-scheme: dark)");
-    const mqHandler = (e) => {
-      if (!readDocumentTheme()) setScheme(e.matches ? "dark" : "light");
-    };
-    mq.addEventListener("change", mqHandler);
-    return () => {
-      observer.disconnect();
-      mq.removeEventListener("change", mqHandler);
-    };
-  }, []);
-  return /* @__PURE__ */ jsx(ColorSchemeContext.Provider, { value: scheme, children });
+	const [scheme, setScheme] = useState(() => {
+		if (typeof window === "undefined") return "light";
+		return readDocumentTheme() ?? (window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light");
+	});
+	useEffect(() => {
+		const observer = new MutationObserver(() => {
+			const docTheme = readDocumentTheme();
+			if (docTheme) setScheme(docTheme);
+		});
+		observer.observe(document.documentElement, {
+			attributes: true,
+			attributeFilter: ["class", "data-theme"]
+		});
+		const mq = window.matchMedia("(prefers-color-scheme: dark)");
+		const mqHandler = (e) => {
+			if (!readDocumentTheme()) setScheme(e.matches ? "dark" : "light");
+		};
+		mq.addEventListener("change", mqHandler);
+		return () => {
+			observer.disconnect();
+			mq.removeEventListener("change", mqHandler);
+		};
+	}, []);
+	return /* @__PURE__ */ jsx(ColorSchemeContext.Provider, {
+		value: scheme,
+		children
+	});
 }
 function useColorScheme() {
-  return useContext(ColorSchemeContext);
+	return useContext(ColorSchemeContext);
 }
-export {
-  ColorSchemeProvider,
-  useColorScheme
-};
-//# sourceMappingURL=colorSchemeContext.js.map
+//#endregion
+export { ColorSchemeProvider, useColorScheme };
+
+//# sourceMappingURL=colorSchemeContext.js.map

package/dist/components/colorSchemeContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"colorSchemeContext.js","sources":["../../components/colorSchemeContext.tsx"],"sourcesContent":["import React, { createContext, useContext, useEffect, useState } from 'react';\n\nexport type ColorScheme = 'light' | 'dark';\n\nfunction readDocumentTheme(): ColorScheme | null {\n  const el = document.documentElement;\n  if (el.classList.contains('dark')) return 'dark';\n  if (el.classList.contains('light')) return 'light';\n  const attr = el.dataset.theme;\n  if (attr === 'dark' || attr === 'light') return attr;\n  return null;\n}\n\nconst ColorSchemeContext = createContext<ColorScheme>('light');\n\nexport function ColorSchemeProvider({ children }: { children: React.ReactNode }) {\n  const [scheme, setScheme] = useState<ColorScheme>(() => {\n    if (typeof window === 'undefined') return 'light';\n    return (\n      readDocumentTheme() ??\n      (window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light')\n    );\n  });\n\n  useEffect(() => {\n    const observer = new MutationObserver(() => {\n      const docTheme = readDocumentTheme();\n      if (docTheme) setScheme(docTheme);\n    });\n    observer.observe(document.documentElement, {\n      attributes: true,\n      attributeFilter: ['class', 'data-theme'],\n    });\n\n    const mq = window.matchMedia('(prefers-color-scheme: dark)');\n    const mqHandler = (e: MediaQueryListEvent) => {\n      if (!readDocumentTheme()) setScheme(e.matches ? 'dark' : 'light');\n    };\n    mq.addEventListener('change', mqHandler);\n\n    return () => {\n      observer.disconnect();\n      mq.removeEventListener('change', mqHandler);\n    };\n  }, []);\n\n  return <ColorSchemeContext.Provider value={scheme}>{children}</ColorSchemeContext.Provider>;\n}\n\nexport function useColorScheme(): ColorScheme {\n  return useContext(ColorSchemeContext);\n}\n"],"names":[],"mappings":";;AAIA,SAAS,oBAAwC;AAC/C,QAAM,KAAK,SAAS;AACpB,MAAI,GAAG,UAAU,SAAS,MAAM,EAAG,QAAO;AAC1C,MAAI,GAAG,UAAU,SAAS,OAAO,EAAG,QAAO;AAC3C,QAAM,OAAO,GAAG,QAAQ;AACxB,MAAI,SAAS,UAAU,SAAS,QAAS,QAAO;AAChD,SAAO;AACT;AAEA,MAAM,qBAAqB,cAA2B,OAAO;AAEtD,SAAS,oBAAoB,EAAE,YAA2C;AAC/E,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAsB,MAAM;AACtD,QAAI,OAAO,WAAW,YAAa,QAAO;AAC1C,WACE,wBACC,OAAO,WAAW,8BAA8B,EAAE,UAAU,SAAS;AAAA,EAE1E,CAAC;AAED,YAAU,MAAM;AACd,UAAM,WAAW,IAAI,iBAAiB,MAAM;AAC1C,YAAM,WAAW,kBAAA;AACjB,UAAI,oBAAoB,QAAQ;AAAA,IAClC,CAAC;AACD,aAAS,QAAQ,SAAS,iBAAiB;AAAA,MACzC,YAAY;AAAA,MACZ,iBAAiB,CAAC,SAAS,YAAY;AAAA,IAAA,CACxC;AAED,UAAM,KAAK,OAAO,WAAW,8BAA8B;AAC3D,UAAM,YAAY,CAAC,MAA2B;AAC5C,UAAI,CAAC,kBAAA,aAA+B,EAAE,UAAU,SAAS,OAAO;AAAA,IAClE;AACA,OAAG,iBAAiB,UAAU,SAAS;AAEvC,WAAO,MAAM;AACX,eAAS,WAAA;AACT,SAAG,oBAAoB,UAAU,SAAS;AAAA,IAC5C;AAAA,EACF,GAAG,CAAA,CAAE;AAEL,6BAAQ,mBAAmB,UAAnB,EAA4B,OAAO,QAAS,UAAS;AAC/D;AAEO,SAAS,iBAA8B;AAC5C,SAAO,WAAW,kBAAkB;AACtC;"}
+{"version":3,"file":"colorSchemeContext.js","names":[],"sources":["../../components/colorSchemeContext.tsx"],"sourcesContent":["import React, { createContext, useContext, useEffect, useState } from 'react';\n\nexport type ColorScheme = 'light' | 'dark';\n\nfunction readDocumentTheme(): ColorScheme | null {\n  const el = document.documentElement;\n  if (el.classList.contains('dark')) return 'dark';\n  if (el.classList.contains('light')) return 'light';\n  const attr = el.dataset.theme;\n  if (attr === 'dark' || attr === 'light') return attr;\n  return null;\n}\n\nconst ColorSchemeContext = createContext<ColorScheme>('light');\n\nexport function ColorSchemeProvider({ children }: { children: React.ReactNode }) {\n  const [scheme, setScheme] = useState<ColorScheme>(() => {\n    if (typeof window === 'undefined') return 'light';\n    return (\n      readDocumentTheme() ??\n      (window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light')\n    );\n  });\n\n  useEffect(() => {\n    const observer = new MutationObserver(() => {\n      const docTheme = readDocumentTheme();\n      if (docTheme) setScheme(docTheme);\n    });\n    observer.observe(document.documentElement, {\n      attributes: true,\n      attributeFilter: ['class', 'data-theme'],\n    });\n\n    const mq = window.matchMedia('(prefers-color-scheme: dark)');\n    const mqHandler = (e: MediaQueryListEvent) => {\n      if (!readDocumentTheme()) setScheme(e.matches ? 'dark' : 'light');\n    };\n    mq.addEventListener('change', mqHandler);\n\n    return () => {\n      observer.disconnect();\n      mq.removeEventListener('change', mqHandler);\n    };\n  }, []);\n\n  return <ColorSchemeContext.Provider value={scheme}>{children}</ColorSchemeContext.Provider>;\n}\n\nexport function useColorScheme(): ColorScheme {\n  return useContext(ColorSchemeContext);\n}\n"],"mappings":";;;AAIA,SAAS,oBAAwC;CAC/C,MAAM,KAAK,SAAS;AACpB,KAAI,GAAG,UAAU,SAAS,OAAO,CAAE,QAAO;AAC1C,KAAI,GAAG,UAAU,SAAS,QAAQ,CAAE,QAAO;CAC3C,MAAM,OAAO,GAAG,QAAQ;AACxB,KAAI,SAAS,UAAU,SAAS,QAAS,QAAO;AAChD,QAAO;;AAGT,IAAM,qBAAqB,cAA2B,QAAQ;AAE9D,SAAgB,oBAAoB,EAAE,YAA2C;CAC/E,MAAM,CAAC,QAAQ,aAAa,eAA4B;AACtD,MAAI,OAAO,WAAW,YAAa,QAAO;AAC1C,SACE,mBAAmB,KAClB,OAAO,WAAW,+BAA+B,CAAC,UAAU,SAAS;GAExE;AAEF,iBAAgB;EACd,MAAM,WAAW,IAAI,uBAAuB;GAC1C,MAAM,WAAW,mBAAmB;AACpC,OAAI,SAAU,WAAU,SAAS;IACjC;AACF,WAAS,QAAQ,SAAS,iBAAiB;GACzC,YAAY;GACZ,iBAAiB,CAAC,SAAS,aAAa;GACzC,CAAC;EAEF,MAAM,KAAK,OAAO,WAAW,+BAA+B;EAC5D,MAAM,aAAa,MAA2B;AAC5C,OAAI,CAAC,mBAAmB,CAAE,WAAU,EAAE,UAAU,SAAS,QAAQ;;AAEnE,KAAG,iBAAiB,UAAU,UAAU;AAExC,eAAa;AACX,YAAS,YAAY;AACrB,MAAG,oBAAoB,UAAU,UAAU;;IAE5C,EAAE,CAAC;AAEN,QAAO,oBAAC,mBAAmB,UAApB;EAA6B,OAAO;EAAS;EAAuC,CAAA;;AAG7F,SAAgB,iBAA8B;AAC5C,QAAO,WAAW,mBAAmB"}