@digigov/ui 1.2.0-a7ffb5dc → 2.0.0-7d9a8d86

package/cjs/app/hooks/useHighlightLinks.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/app/hooks/useHighlightLinks.ts"],
+  "sourcesContent": ["import { useState, useEffect } from 'react';\n\nexport type HighlightLinksOptions = 'default' | 'highlight';\nexport type StoredHighlightLinksOptions = HighlightLinksOptions | null;\n\nexport type UseHighlightLinksResult = [\n  HighlightLinksOptions,\n  (selectedHighlightLinks: HighlightLinksOptions) => void\n];\n\nexport const useHighlightLinks = (): UseHighlightLinksResult => {\n  const storedHighlightLinks = localStorage.getItem(\n    '--theme-highlight-links'\n  ) as StoredHighlightLinksOptions;\n\n  const [highlightLinks, changeHighlightLinks] = useState<\n    HighlightLinksOptions\n  >(storedHighlightLinks || 'default');\n\n  useEffect(() => {\n    if (highlightLinks === 'highlight') {\n      document.documentElement.classList.add(`ds-highlight-links`);\n    } else {\n      document.documentElement.classList.remove(`ds-highlight-links`);\n    }\n    localStorage.setItem('--theme-highlight-links', highlightLinks);\n  }, [highlightLinks]);\n\n  useEffect(() => {\n    const beforePrintListener = () => {\n      document.documentElement.classList.remove(`ds-highlight-links`);\n    };\n    const afterPrintListener = () => {\n      document.documentElement.classList.add(\n        localStorage.getItem('--theme-highlight-links') === 'highlight'\n          ? `ds-highlight-links`\n          : ''\n      );\n    };\n    window.addEventListener('beforeprint', beforePrintListener);\n    window.addEventListener('afterprint', afterPrintListener);\n    return () => {\n      window.removeEventListener('beforeprint', beforePrintListener);\n      window.removeEventListener('afterprint', afterPrintListener);\n    };\n  }, []);\n\n  return [highlightLinks, changeHighlightLinks];\n};\n\nexport default useHighlightLinks;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAoC;AAU7B,MAAM,oBAAoB,MAA+B;AAC9D,QAAM,uBAAuB,aAAa,QACxC;AAGF,QAAM,CAAC,gBAAgB,wBAAwB,2BAE7C,wBAAwB;AAE1B,8BAAU,MAAM;AACd,QAAI,mBAAmB,aAAa;AAClC,eAAS,gBAAgB,UAAU,IAAI;AAAA,WAClC;AACL,eAAS,gBAAgB,UAAU,OAAO;AAAA;AAE5C,iBAAa,QAAQ,2BAA2B;AAAA,KAC/C,CAAC;AAEJ,8BAAU,MAAM;AACd,UAAM,sBAAsB,MAAM;AAChC,eAAS,gBAAgB,UAAU,OAAO;AAAA;AAE5C,UAAM,qBAAqB,MAAM;AAC/B,eAAS,gBAAgB,UAAU,IACjC,aAAa,QAAQ,+BAA+B,cAChD,uBACA;AAAA;AAGR,WAAO,iBAAiB,eAAe;AACvC,WAAO,iBAAiB,cAAc;AACtC,WAAO,MAAM;AACX,aAAO,oBAAoB,eAAe;AAC1C,aAAO,oBAAoB,cAAc;AAAA;AAAA,KAE1C;AAEH,SAAO,CAAC,gBAAgB;AAAA;AAG1B,IAAO,4BAAQ;",
+  "names": []
+}

package/cjs/app/hooks/useLetterSpacing/index.js

@@ -1,17 +1,47 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __markAsModule = (target) => __defProp(target, "__esModule", {value: true});
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, {get: all[name], enumerable: true});
+};
+var __reExport = (target, module2, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && key !== "default")
+        __defProp(target, key, {get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable});
+  }
+  return target;
+};
+var __toModule = (module2) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? {get: () => module2.default, enumerable: true} : {value: module2, enumerable: true})), module2);
+};
+__markAsModule(exports);
+__export(exports, {
+  default: () => useLetterSpacing_default,
+  useLetterSpacing: () => useLetterSpacing
 });
-exports.useLetterSpacing = exports["default"] = void 0;
-var _useVariantVars = _interopRequireDefault(require("@digigov/ui/app/hooks/useVariantVars"));
-var useLetterSpacing = exports.useLetterSpacing = function useLetterSpacing() {
-  var config = {
-    name: 'letter-spacing',
-    variables: ['letter-spacing-normal', 'letter-spacing-wide', 'letter-spacing-wider', 'letter-spacing-widest'],
-    variants: ['default', 'extra']
+var import_useVariantVars = __toModule(require("@digigov/ui/app/hooks/useVariantVars"));
+const useLetterSpacing = () => {
+  const config = {
+    name: "letter-spacing",
+    variables: [
+      "letter-spacing-normal",
+      "letter-spacing-wide",
+      "letter-spacing-wider",
+      "letter-spacing-widest"
+    ],
+    variants: ["default", "extra"]
   };
-  return (0, _useVariantVars["default"])(config);
+  return (0, import_useVariantVars.default)(config);
 };
-var _default = exports["default"] = useLetterSpacing;
+var useLetterSpacing_default = useLetterSpacing;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useLetterSpacing
+});
+//# sourceMappingURL=useLetterSpacing.js.map

package/cjs/app/hooks/useLetterSpacing.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/app/hooks/useLetterSpacing.ts"],
+  "sourcesContent": ["import useVariantVars, {\n  UseVariantVarsResult,\n} from '@digigov/ui/app/hooks/useVariantVars';\n\nexport type LetterSpacingOptions = 'default' | 'extra';\nexport type StoredLetterSpacingOptions = LetterSpacingOptions | null;\n\nexport type UseLetterSpacingResult = UseVariantVarsResult<LetterSpacingOptions>;\n\nexport const useLetterSpacing = (): UseLetterSpacingResult => {\n  const config = {\n    name: 'letter-spacing',\n    variables: [\n      'letter-spacing-normal',\n      'letter-spacing-wide',\n      'letter-spacing-wider',\n      'letter-spacing-widest',\n    ],\n    variants: ['default', 'extra'],\n  };\n\n  return useVariantVars(config);\n};\n\nexport default useLetterSpacing;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAEO;AAOA,MAAM,mBAAmB,MAA8B;AAC5D,QAAM,SAAS;AAAA,IACb,MAAM;AAAA,IACN,WAAW;AAAA,MACT;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,IAEF,UAAU,CAAC,WAAW;AAAA;AAGxB,SAAO,mCAAe;AAAA;AAGxB,IAAO,2BAAQ;",
+  "names": []
+}

package/cjs/app/hooks/useLineHeight/index.js

@@ -1,17 +1,51 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __markAsModule = (target) => __defProp(target, "__esModule", {value: true});
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, {get: all[name], enumerable: true});
+};
+var __reExport = (target, module2, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && key !== "default")
+        __defProp(target, key, {get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable});
+  }
+  return target;
+};
+var __toModule = (module2) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? {get: () => module2.default, enumerable: true} : {value: module2, enumerable: true})), module2);
+};
+__markAsModule(exports);
+__export(exports, {
+  default: () => useLineHeight_default,
+  useLineHeight: () => useLineHeight
 });
-exports.useLineHeight = exports["default"] = void 0;
-var _useVariantVars = _interopRequireDefault(require("@digigov/ui/app/hooks/useVariantVars"));
-var useLineHeight = exports.useLineHeight = function useLineHeight() {
-  var config = {
-    name: 'line-height',
-    variables: ['line-h-sm', 'line-h-base', 'line-h-lg', 'line-h-xl', 'line-h-2xl', 'line-h-3xl', 'line-h-4xl', 'line-h-5xl'],
-    variants: ['default', 'large']
+var import_useVariantVars = __toModule(require("@digigov/ui/app/hooks/useVariantVars"));
+const useLineHeight = () => {
+  const config = {
+    name: "line-height",
+    variables: [
+      "line-h-sm",
+      "line-h-base",
+      "line-h-lg",
+      "line-h-xl",
+      "line-h-2xl",
+      "line-h-3xl",
+      "line-h-4xl",
+      "line-h-5xl"
+    ],
+    variants: ["default", "large"]
   };
-  return (0, _useVariantVars["default"])(config);
+  return (0, import_useVariantVars.default)(config);
 };
-var _default = exports["default"] = useLineHeight;
+var useLineHeight_default = useLineHeight;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useLineHeight
+});
+//# sourceMappingURL=useLineHeight.js.map

package/cjs/app/hooks/useLineHeight.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/app/hooks/useLineHeight.ts"],
+  "sourcesContent": ["import useVariantVars, {\n  UseVariantVarsResult,\n} from '@digigov/ui/app/hooks/useVariantVars';\n\nexport type LineHeightOptions = 'default' | 'large';\nexport type StoredLineHeightOptions = LineHeightOptions | null;\n\nexport type UseLineHeightResult = UseVariantVarsResult<LineHeightOptions>;\n\nexport const useLineHeight = (): UseLineHeightResult => {\n  const config = {\n    name: 'line-height',\n    variables: [\n      'line-h-sm',\n      'line-h-base',\n      'line-h-lg',\n      'line-h-xl',\n      'line-h-2xl',\n      'line-h-3xl',\n      'line-h-4xl',\n      'line-h-5xl',\n    ],\n    variants: ['default', 'large'],\n  };\n  return useVariantVars(config);\n};\n\nexport default useLineHeight;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAEO;AAOA,MAAM,gBAAgB,MAA2B;AACtD,QAAM,SAAS;AAAA,IACb,MAAM;AAAA,IACN,WAAW;AAAA,MACT;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,IAEF,UAAU,CAAC,WAAW;AAAA;AAExB,SAAO,mCAAe;AAAA;AAGxB,IAAO,wBAAQ;",
+  "names": []
+}

package/cjs/app/hooks/useTheme/index.js

@@ -1,50 +1,71 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __markAsModule = (target) => __defProp(target, "__esModule", {value: true});
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, {get: all[name], enumerable: true});
+};
+var __reExport = (target, module2, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && key !== "default")
+        __defProp(target, key, {get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable});
+  }
+  return target;
+};
+var __toModule = (module2) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? {get: () => module2.default, enumerable: true} : {value: module2, enumerable: true})), module2);
+};
+__markAsModule(exports);
+__export(exports, {
+  default: () => useTheme_default,
+  useTheme: () => useTheme
 });
-exports.useTheme = exports["default"] = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = require("react");
-var useTheme = exports.useTheme = function useTheme() {
-  var prefersDarkScheme = window.matchMedia('(prefers-color-scheme: dark)').matches;
-  var storedTheme = localStorage.getItem('--theme-palette');
-  var _useState = (0, _react.useState)(storedTheme || 'auto'),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-    theme = _useState2[0],
-    changeTheme = _useState2[1];
-  (0, _react.useEffect)(function () {
-    document.documentElement.classList.remove('dark', 'light', 'auto');
-    if (theme === 'auto') {
-      document.documentElement.classList.add(prefersDarkScheme ? 'dark' : 'light');
+var import_react = __toModule(require("react"));
+const useTheme = () => {
+  const prefersDarkScheme = window.matchMedia("(prefers-color-scheme: dark)").matches;
+  const storedTheme = localStorage.getItem("--theme-palette");
+  const [theme, changeTheme] = (0, import_react.useState)(storedTheme || "auto");
+  (0, import_react.useEffect)(() => {
+    document.documentElement.classList.remove("dark", "light", "auto");
+    if (theme === "auto") {
+      document.documentElement.classList.add(prefersDarkScheme ? "dark" : "light");
     } else {
       document.documentElement.classList.add(theme);
     }
-    localStorage.setItem('--theme-palette', theme);
+    localStorage.setItem("--theme-palette", theme);
   }, [theme]);
-  (0, _react.useEffect)(function () {
-    var beforePrintListener = function beforePrintListener() {
-      document.documentElement.classList.remove('dark');
-      document.documentElement.classList.add('light');
+  (0, import_react.useEffect)(() => {
+    const beforePrintListener = () => {
+      document.documentElement.classList.remove("dark");
+      document.documentElement.classList.add("light");
     };
-    var afterPrintListener = function afterPrintListener() {
-      document.documentElement.classList.remove('light');
-      var localtheme;
-      if (localStorage.getItem('--theme-palette') === 'auto') {
-        localtheme = prefersDarkScheme ? 'dark' : 'light';
+    const afterPrintListener = () => {
+      document.documentElement.classList.remove("light");
+      let localtheme;
+      if (localStorage.getItem("--theme-palette") === "auto") {
+        localtheme = prefersDarkScheme ? "dark" : "light";
       } else {
-        localtheme = localStorage.getItem('--theme-palette');
+        localtheme = localStorage.getItem("--theme-palette");
       }
       document.documentElement.classList.add(localtheme || theme);
     };
-    window.addEventListener('beforeprint', beforePrintListener);
-    window.addEventListener('afterprint', afterPrintListener);
-    return function () {
-      window.removeEventListener('beforeprint', beforePrintListener);
-      window.removeEventListener('afterprint', afterPrintListener);
+    window.addEventListener("beforeprint", beforePrintListener);
+    window.addEventListener("afterprint", afterPrintListener);
+    return () => {
+      window.removeEventListener("beforeprint", beforePrintListener);
+      window.removeEventListener("afterprint", afterPrintListener);
     };
   }, []);
   return [theme, changeTheme];
 };
-var _default = exports["default"] = useTheme;
+var useTheme_default = useTheme;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useTheme
+});
+//# sourceMappingURL=useTheme.js.map

package/cjs/app/hooks/useTheme.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/app/hooks/useTheme.ts"],
+  "sourcesContent": ["import { useState, useEffect } from 'react';\n\nexport type ThemeSelectOptions = 'light' | 'dark' | 'auto';\nexport type StoredThemeOptions = ThemeSelectOptions | null;\n\nexport type UseThemeResult = [\n  ThemeSelectOptions,\n  (selectedTheme: ThemeSelectOptions) => void\n];\n\nexport const useTheme = (): UseThemeResult => {\n  const prefersDarkScheme = window.matchMedia('(prefers-color-scheme: dark)')\n    .matches;\n  const storedTheme = localStorage.getItem(\n    '--theme-palette'\n  ) as StoredThemeOptions;\n\n  const [theme, changeTheme] = useState<ThemeSelectOptions>(\n    storedTheme || 'auto'\n  );\n\n  useEffect(() => {\n    document.documentElement.classList.remove('dark', 'light', 'auto');\n    if (theme === 'auto') {\n      document.documentElement.classList.add(\n        prefersDarkScheme ? 'dark' : 'light'\n      );\n    } else {\n      document.documentElement.classList.add(theme);\n    }\n    localStorage.setItem('--theme-palette', theme);\n  }, [theme]);\n\n  useEffect(() => {\n    const beforePrintListener = () => {\n      document.documentElement.classList.remove('dark');\n      document.documentElement.classList.add('light');\n    };\n    const afterPrintListener = () => {\n      document.documentElement.classList.remove('light');\n      let localtheme;\n      if (localStorage.getItem('--theme-palette') === 'auto') {\n        localtheme = prefersDarkScheme ? 'dark' : 'light';\n      } else {\n        localtheme = localStorage.getItem('--theme-palette');\n      }\n      document.documentElement.classList.add(localtheme || theme);\n    };\n    window.addEventListener('beforeprint', beforePrintListener);\n    window.addEventListener('afterprint', afterPrintListener);\n    return () => {\n      window.removeEventListener('beforeprint', beforePrintListener);\n      window.removeEventListener('afterprint', afterPrintListener);\n    };\n  }, []);\n\n  return [theme, changeTheme];\n};\n\nexport default useTheme;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAoC;AAU7B,MAAM,WAAW,MAAsB;AAC5C,QAAM,oBAAoB,OAAO,WAAW,gCACzC;AACH,QAAM,cAAc,aAAa,QAC/B;AAGF,QAAM,CAAC,OAAO,eAAe,2BAC3B,eAAe;AAGjB,8BAAU,MAAM;AACd,aAAS,gBAAgB,UAAU,OAAO,QAAQ,SAAS;AAC3D,QAAI,UAAU,QAAQ;AACpB,eAAS,gBAAgB,UAAU,IACjC,oBAAoB,SAAS;AAAA,WAE1B;AACL,eAAS,gBAAgB,UAAU,IAAI;AAAA;AAEzC,iBAAa,QAAQ,mBAAmB;AAAA,KACvC,CAAC;AAEJ,8BAAU,MAAM;AACd,UAAM,sBAAsB,MAAM;AAChC,eAAS,gBAAgB,UAAU,OAAO;AAC1C,eAAS,gBAAgB,UAAU,IAAI;AAAA;AAEzC,UAAM,qBAAqB,MAAM;AAC/B,eAAS,gBAAgB,UAAU,OAAO;AAC1C,UAAI;AACJ,UAAI,aAAa,QAAQ,uBAAuB,QAAQ;AACtD,qBAAa,oBAAoB,SAAS;AAAA,aACrC;AACL,qBAAa,aAAa,QAAQ;AAAA;AAEpC,eAAS,gBAAgB,UAAU,IAAI,cAAc;AAAA;AAEvD,WAAO,iBAAiB,eAAe;AACvC,WAAO,iBAAiB,cAAc;AACtC,WAAO,MAAM;AACX,aAAO,oBAAoB,eAAe;AAC1C,aAAO,oBAAoB,cAAc;AAAA;AAAA,KAE1C;AAEH,SAAO,CAAC,OAAO;AAAA;AAGjB,IAAO,mBAAQ;",
+  "names": []
+}

package/cjs/app/hooks/useVariantVars/index.js

@@ -1,26 +1,42 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __markAsModule = (target) => __defProp(target, "__esModule", {value: true});
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, {get: all[name], enumerable: true});
+};
+var __reExport = (target, module2, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && key !== "default")
+        __defProp(target, key, {get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable});
+  }
+  return target;
+};
+var __toModule = (module2) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? {get: () => module2.default, enumerable: true} : {value: module2, enumerable: true})), module2);
+};
+__markAsModule(exports);
+__export(exports, {
+  default: () => useVariantVars_default
 });
-exports["default"] = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = require("react");
-function useVariantVars(_ref) {
-  var name = _ref.name,
-    variables = _ref.variables,
-    variants = _ref.variants;
-  var root = document.documentElement;
-  var storedValue = localStorage.getItem("--theme-".concat(name));
-  var _useState = (0, _react.useState)(storedValue || variants[0]),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-    value = _useState2[0],
-    setValue = _useState2[1];
-  (0, _react.useEffect)(function () {
-    localStorage.setItem("--theme-".concat(name), value);
-    variables.forEach(function (varName) {
-      root.style.setProperty("--".concat(varName), "var(--".concat(varName, "-").concat(value, ")"));
+var import_react = __toModule(require("react"));
+function useVariantVars({
+  name,
+  variables,
+  variants
+}) {
+  const root = document.documentElement;
+  const storedValue = localStorage.getItem(`--theme-${name}`);
+  const [value, setValue] = (0, import_react.useState)(storedValue || variants[0]);
+  (0, import_react.useEffect)(() => {
+    localStorage.setItem(`--theme-${name}`, value);
+    variables.forEach((varName) => {
+      root.style.setProperty(`--${varName}`, `var(--${varName}-${value})`);
     });
   }, [value]);
   function changeValue(v) {
@@ -28,4 +44,7 @@ function useVariantVars(_ref) {
   }
   return [value, changeValue];
 }
-var _default = exports["default"] = useVariantVars;
+var useVariantVars_default = useVariantVars;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});
+//# sourceMappingURL=useVariantVars.js.map

package/cjs/app/hooks/useVariantVars.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/app/hooks/useVariantVars.ts"],
+  "sourcesContent": ["import { useState, useEffect } from 'react';\n\nexport interface VariantVarsOptions {\n  name: string;\n  variables: string[];\n  variants: string[];\n}\n\nexport type UseVariantVarsResult<T> = [T, (value: T) => void];\n\nfunction useVariantVars({\n  name,\n  variables,\n  variants,\n}: VariantVarsOptions): UseVariantVarsResult<any> {\n  const root = document.documentElement;\n  const storedValue = localStorage.getItem(`--theme-${name}`);\n  const [value, setValue] = useState(storedValue || variants[0]);\n\n  useEffect(() => {\n    localStorage.setItem(`--theme-${name}`, value);\n    variables.forEach((varName) => {\n      root.style.setProperty(`--${varName}`, `var(--${varName}-${value})`);\n    });\n  }, [value]);\n  function changeValue(v: string) {\n    setValue(v);\n  }\n  return [value, changeValue];\n}\n\nexport default useVariantVars;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAoC;AAUpC,wBAAwB;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,GACgD;AAChD,QAAM,OAAO,SAAS;AACtB,QAAM,cAAc,aAAa,QAAQ,WAAW;AACpD,QAAM,CAAC,OAAO,YAAY,2BAAS,eAAe,SAAS;AAE3D,8BAAU,MAAM;AACd,iBAAa,QAAQ,WAAW,QAAQ;AACxC,cAAU,QAAQ,CAAC,YAAY;AAC7B,WAAK,MAAM,YAAY,KAAK,WAAW,SAAS,WAAW;AAAA;AAAA,KAE5D,CAAC;AACJ,uBAAqB,GAAW;AAC9B,aAAS;AAAA;AAEX,SAAO,CAAC,OAAO;AAAA;AAGjB,IAAO,yBAAQ;",
+  "names": []
+}

package/cjs/app/index.js

@@ -1,181 +1,36 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _App = require("@digigov/ui/app/App");
-Object.keys(_App).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _App[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _App[key];
-    }
-  });
-});
-var _BannerContainer = require("@digigov/ui/app/BannerContainer");
-Object.keys(_BannerContainer).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _BannerContainer[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _BannerContainer[key];
-    }
-  });
-});
-var _BottomInfo = require("@digigov/ui/app/BottomInfo");
-Object.keys(_BottomInfo).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _BottomInfo[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _BottomInfo[key];
-    }
-  });
-});
-var _Panel = require("@digigov/ui/app/Panel");
-Object.keys(_Panel).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _Panel[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _Panel[key];
-    }
-  });
-});
-var _FilterContainer = require("@digigov/ui/app/FilterContainer");
-Object.keys(_FilterContainer).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _FilterContainer[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _FilterContainer[key];
-    }
-  });
-});
-var _Footer = require("@digigov/ui/app/Footer");
-Object.keys(_Footer).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _Footer[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _Footer[key];
-    }
-  });
-});
-var _Header = require("@digigov/ui/app/Header");
-Object.keys(_Header).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _Header[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _Header[key];
-    }
-  });
-});
-var _Loader = require("@digigov/ui/app/Loader");
-Object.keys(_Loader).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _Loader[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _Loader[key];
-    }
-  });
-});
-var _Masthead = require("@digigov/ui/app/Masthead");
-Object.keys(_Masthead).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _Masthead[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _Masthead[key];
-    }
-  });
-});
-var _Modal = require("@digigov/ui/app/Modal");
-Object.keys(_Modal).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _Modal[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _Modal[key];
-    }
-  });
-});
-var _NotFound = require("@digigov/ui/app/NotFound");
-Object.keys(_NotFound).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _NotFound[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _NotFound[key];
-    }
-  });
-});
-var _PageTitleContainer = require("@digigov/ui/app/PageTitleContainer");
-Object.keys(_PageTitleContainer).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _PageTitleContainer[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _PageTitleContainer[key];
-    }
-  });
-});
-var _PhaseBannerHeader = require("@digigov/ui/app/PhaseBannerHeader");
-Object.keys(_PhaseBannerHeader).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _PhaseBannerHeader[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _PhaseBannerHeader[key];
-    }
-  });
-});
-var _QrCodeScanner = require("@digigov/ui/app/QrCodeScanner");
-Object.keys(_QrCodeScanner).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _QrCodeScanner[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _QrCodeScanner[key];
-    }
-  });
-});
-var _QrCodeViewer = require("@digigov/ui/app/QrCodeViewer");
-Object.keys(_QrCodeViewer).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _QrCodeViewer[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _QrCodeViewer[key];
-    }
-  });
-});
-var _ThemeOptions = require("@digigov/ui/app/ThemeOptions");
-Object.keys(_ThemeOptions).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _ThemeOptions[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _ThemeOptions[key];
-    }
-  });
-});
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __markAsModule = (target) => __defProp(target, "__esModule", {value: true});
+var __reExport = (target, module2, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && key !== "default")
+        __defProp(target, key, {get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable});
+  }
+  return target;
+};
+var __toModule = (module2) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? {get: () => module2.default, enumerable: true} : {value: module2, enumerable: true})), module2);
+};
+__markAsModule(exports);
+__reExport(exports, __toModule(require("@digigov/ui/app/App")));
+__reExport(exports, __toModule(require("@digigov/ui/app/BannerContainer")));
+__reExport(exports, __toModule(require("@digigov/ui/app/BottomInfo")));
+__reExport(exports, __toModule(require("@digigov/ui/app/Panel")));
+__reExport(exports, __toModule(require("@digigov/ui/app/FilterContainer")));
+__reExport(exports, __toModule(require("@digigov/ui/app/Footer")));
+__reExport(exports, __toModule(require("@digigov/ui/app/Header")));
+__reExport(exports, __toModule(require("@digigov/ui/app/Loader")));
+__reExport(exports, __toModule(require("@digigov/ui/app/Masthead")));
+__reExport(exports, __toModule(require("@digigov/ui/app/Modal")));
+__reExport(exports, __toModule(require("@digigov/ui/app/NotFound")));
+__reExport(exports, __toModule(require("@digigov/ui/app/PageTitleContainer")));
+__reExport(exports, __toModule(require("@digigov/ui/app/PhaseBannerHeader")));
+__reExport(exports, __toModule(require("@digigov/ui/app/QrCodeScanner")));
+__reExport(exports, __toModule(require("@digigov/ui/app/QrCodeViewer")));
+__reExport(exports, __toModule(require("@digigov/ui/app/ThemeOptions")));
+//# sourceMappingURL=index.js.map

package/cjs/app/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/app/index.ts"],
+  "sourcesContent": ["export * from '@digigov/ui/app/App';\nexport * from '@digigov/ui/app/BannerContainer';\nexport * from '@digigov/ui/app/BottomInfo';\nexport * from '@digigov/ui/app/Panel';\nexport * from '@digigov/ui/app/FilterContainer';\nexport * from '@digigov/ui/app/Footer';\nexport * from '@digigov/ui/app/Header';\nexport * from '@digigov/ui/app/Loader';\nexport * from '@digigov/ui/app/Masthead';\nexport * from '@digigov/ui/app/Modal';\nexport * from '@digigov/ui/app/NotFound';\nexport * from '@digigov/ui/app/PageTitleContainer';\nexport * from '@digigov/ui/app/PhaseBannerHeader';\nexport * from '@digigov/ui/app/QrCodeScanner';\nexport * from '@digigov/ui/app/QrCodeViewer';\nexport * from '@digigov/ui/app/ThemeOptions';\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA,oBAAc;AACd,oBAAc;AACd,oBAAc;AACd,oBAAc;AACd,oBAAc;AACd,oBAAc;AACd,oBAAc;AACd,oBAAc;AACd,oBAAc;AACd,oBAAc;AACd,oBAAc;AACd,oBAAc;AACd,oBAAc;AACd,oBAAc;AACd,oBAAc;AACd,oBAAc;",
+  "names": []
+}