@digigov/ui 2.0.0-cbc56209 → 2.0.0-d16ded05

package/app/hooks/useLineHeight/index.js

@@ -1,10 +1,24 @@
-import useVariantVars from '@digigov/ui/app/hooks/useVariantVars';
-export var 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']
+import useVariantVars from "@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 useVariantVars(config);
 };
-export default useLineHeight;
+var useLineHeight_default = useLineHeight;
+export {
+  useLineHeight_default as default,
+  useLineHeight
+};
+//# sourceMappingURL=useLineHeight.js.map

package/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,OAAO,oBAEA;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,IACF;AAAA,IACA,UAAU,CAAC,WAAW,OAAO;AAAA,EAC/B;AACA,SAAO,eAAe,MAAM;AAC9B;AAEA,IAAO,wBAAQ;",
+  "names": []
+}

package/app/hooks/useNotificationArea/index.js

@@ -0,0 +1,76 @@
+import { useCallback, useEffect, useRef } from "react";
+const notificationAreaId = "loader-notification-area";
+const activeSpinnersAttr = "data-active-spinners";
+function generateUniqueId() {
+  return `spinner-${Math.random().toString(36).substring(2, 9)}`;
+}
+const getOrCreateNotificationArea = () => {
+  let element = document.getElementById(notificationAreaId);
+  if (!element) {
+    element = document.createElement("div");
+    element.id = notificationAreaId;
+    element.setAttribute("role", "status");
+    element.setAttribute("aria-live", "polite");
+    element.className = "ds-visually-hidden";
+    document.body.appendChild(element);
+  }
+  return element;
+};
+const useNotificationArea = (loadingText = "\u0393\u03AF\u03BD\u03B5\u03C4\u03B1\u03B9 \u03C6\u03CC\u03C1\u03C4\u03C9\u03C3\u03B7...", finishedText = "\u0397 \u03C6\u03CC\u03C1\u03C4\u03C9\u03C3\u03B7 \u03BF\u03BB\u03BF\u03BA\u03BB\u03B7\u03C1\u03CE\u03B8\u03B7\u03BA\u03B5.") => {
+  const spinnerId = useRef(generateUniqueId());
+  const notificationRef = useRef(null);
+  const getActiveIds = useCallback(() => {
+    const current = notificationRef.current;
+    const value = current?.getAttribute(activeSpinnersAttr) || "";
+    return value.split(",").filter(Boolean);
+  }, [notificationRef]);
+  const setActiveSpinnerId = useCallback(() => {
+    const current = notificationRef.current;
+    if (current) {
+      const ids = new Set(getActiveIds());
+      ids.add(spinnerId.current);
+      current.setAttribute(activeSpinnersAttr, Array.from(ids).join(","));
+    }
+  }, [notificationRef, getActiveIds, spinnerId]);
+  const unsetActiveSpinnerId = useCallback(() => {
+    const current = notificationRef.current;
+    if (current) {
+      const ids = getActiveIds().filter((id) => id !== spinnerId.current);
+      current.setAttribute(activeSpinnersAttr, ids.join(","));
+    }
+  }, [notificationRef, getActiveIds, spinnerId]);
+  const setTextContent = (text) => {
+    if (notificationRef.current) {
+      notificationRef.current.textContent = text;
+    }
+  };
+  useEffect(() => {
+    if (typeof document === "undefined") return;
+    notificationRef.current = getOrCreateNotificationArea();
+    setActiveSpinnerId();
+    setTextContent(loadingText);
+    return () => {
+      unsetActiveSpinnerId();
+      if (getActiveIds().length === 0) {
+        setTextContent(finishedText);
+        setTimeout(() => {
+          const el = notificationRef.current;
+          if (el && getActiveIds().length === 0) {
+            el.removeAttribute(activeSpinnersAttr);
+            el.textContent = "";
+          }
+        }, 1e3);
+      }
+    };
+  }, [
+    loadingText,
+    finishedText,
+    setActiveSpinnerId,
+    unsetActiveSpinnerId,
+    getActiveIds
+  ]);
+};
+export {
+  useNotificationArea
+};
+//# sourceMappingURL=useNotificationArea.js.map

package/app/hooks/useNotificationArea/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../../cjs/app/hooks/useNotificationArea/index.js"
+}

package/app/hooks/useNotificationArea.d.ts

@@ -0,0 +1 @@
+export declare const useNotificationArea: (loadingText?: string, finishedText?: string) => void;

package/app/hooks/useNotificationArea.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/app/hooks/useNotificationArea.tsx"],
+  "sourcesContent": ["import { useCallback, useEffect, useRef } from 'react';\n\n// Unique ID for the aria-live notification area element.\nconst notificationAreaId = 'loader-notification-area';\n// Custom attribute to track active spinners\nconst activeSpinnersAttr = 'data-active-spinners';\n\n// Generates a random unique ID for each spinner instance.\nfunction generateUniqueId() {\n  return `spinner-${Math.random().toString(36).substring(2, 9)}`;\n}\n\n// Finds or creates the notification area element in the DOM.\nconst getOrCreateNotificationArea = (): HTMLElement => {\n  let element = document.getElementById(notificationAreaId);\n\n  // Create and append it to the DOM.\n  if (!element) {\n    element = document.createElement('div');\n    element.id = notificationAreaId;\n    element.setAttribute('role', 'status');\n    element.setAttribute('aria-live', 'polite');\n    element.className = 'ds-visually-hidden';\n    document.body.appendChild(element);\n  }\n\n  return element;\n};\n\nexport const useNotificationArea = (\n  loadingText = '\u0393\u03AF\u03BD\u03B5\u03C4\u03B1\u03B9 \u03C6\u03CC\u03C1\u03C4\u03C9\u03C3\u03B7...',\n  finishedText = '\u0397 \u03C6\u03CC\u03C1\u03C4\u03C9\u03C3\u03B7 \u03BF\u03BB\u03BF\u03BA\u03BB\u03B7\u03C1\u03CE\u03B8\u03B7\u03BA\u03B5.'\n) => {\n  // Unique ID for this spinner.\n  const spinnerId = useRef(generateUniqueId());\n  // Reference to the notification area DOM element.\n  const notificationRef = useRef<HTMLElement | null>(null);\n\n  // Returns an array of active spinner IDs.\n  const getActiveIds = useCallback(() => {\n    const current = notificationRef.current;\n    const value = current?.getAttribute(activeSpinnersAttr) || '';\n    return value.split(',').filter(Boolean);\n  }, [notificationRef]);\n\n  // Adds this spinner's ID to the active list.\n  const setActiveSpinnerId = useCallback(() => {\n    const current = notificationRef.current;\n    if (current) {\n      const ids = new Set(getActiveIds());\n      ids.add(spinnerId.current);\n      current.setAttribute(activeSpinnersAttr, Array.from(ids).join(','));\n    }\n  }, [notificationRef, getActiveIds, spinnerId]);\n\n  // Removes this spinner's ID from the active list.\n  const unsetActiveSpinnerId = useCallback(() => {\n    const current = notificationRef.current;\n    if (current) {\n      const ids = getActiveIds().filter((id) => id !== spinnerId.current);\n      current.setAttribute(activeSpinnersAttr, ids.join(','));\n    }\n  }, [notificationRef, getActiveIds, spinnerId]);\n\n  // Updates the text content of the aria-live region.\n  const setTextContent = (text: string) => {\n    if (notificationRef.current) {\n      notificationRef.current.textContent = text;\n    }\n  };\n\n  useEffect(() => {\n    if (typeof document === 'undefined') return;\n\n    // Set up notification area and mark this spinner as active.\n    notificationRef.current = getOrCreateNotificationArea();\n    setActiveSpinnerId();\n    setTextContent(loadingText);\n\n    // Cleanup when component unmounts.\n    return () => {\n      unsetActiveSpinnerId();\n\n      // If no active spinners remain, announce \"finished\" and clear the text.\n      if (getActiveIds().length === 0) {\n        setTextContent(finishedText);\n\n        // Give screen readers a chance to announce \"finished\" before clearing.\n        setTimeout(() => {\n          const el = notificationRef.current;\n          if (el && getActiveIds().length === 0) {\n            el.removeAttribute(activeSpinnersAttr);\n            el.textContent = '';\n          }\n        }, 1000);\n      }\n    };\n  }, [\n    loadingText,\n    finishedText,\n    setActiveSpinnerId,\n    unsetActiveSpinnerId,\n    getActiveIds,\n  ]);\n};\n"],
+  "mappings": "AAAA,SAAS,aAAa,WAAW,cAAc;AAG/C,MAAM,qBAAqB;AAE3B,MAAM,qBAAqB;AAG3B,SAAS,mBAAmB;AAC1B,SAAO,WAAW,KAAK,OAAO,EAAE,SAAS,EAAE,EAAE,UAAU,GAAG,CAAC,CAAC;AAC9D;AAGA,MAAM,8BAA8B,MAAmB;AACrD,MAAI,UAAU,SAAS,eAAe,kBAAkB;AAGxD,MAAI,CAAC,SAAS;AACZ,cAAU,SAAS,cAAc,KAAK;AACtC,YAAQ,KAAK;AACb,YAAQ,aAAa,QAAQ,QAAQ;AACrC,YAAQ,aAAa,aAAa,QAAQ;AAC1C,YAAQ,YAAY;AACpB,aAAS,KAAK,YAAY,OAAO;AAAA,EACnC;AAEA,SAAO;AACT;AAEO,MAAM,sBAAsB,CACjC,cAAc,4FACd,eAAe,kIACZ;AAEH,QAAM,YAAY,OAAO,iBAAiB,CAAC;AAE3C,QAAM,kBAAkB,OAA2B,IAAI;AAGvD,QAAM,eAAe,YAAY,MAAM;AACrC,UAAM,UAAU,gBAAgB;AAChC,UAAM,QAAQ,SAAS,aAAa,kBAAkB,KAAK;AAC3D,WAAO,MAAM,MAAM,GAAG,EAAE,OAAO,OAAO;AAAA,EACxC,GAAG,CAAC,eAAe,CAAC;AAGpB,QAAM,qBAAqB,YAAY,MAAM;AAC3C,UAAM,UAAU,gBAAgB;AAChC,QAAI,SAAS;AACX,YAAM,MAAM,IAAI,IAAI,aAAa,CAAC;AAClC,UAAI,IAAI,UAAU,OAAO;AACzB,cAAQ,aAAa,oBAAoB,MAAM,KAAK,GAAG,EAAE,KAAK,GAAG,CAAC;AAAA,IACpE;AAAA,EACF,GAAG,CAAC,iBAAiB,cAAc,SAAS,CAAC;AAG7C,QAAM,uBAAuB,YAAY,MAAM;AAC7C,UAAM,UAAU,gBAAgB;AAChC,QAAI,SAAS;AACX,YAAM,MAAM,aAAa,EAAE,OAAO,CAAC,OAAO,OAAO,UAAU,OAAO;AAClE,cAAQ,aAAa,oBAAoB,IAAI,KAAK,GAAG,CAAC;AAAA,IACxD;AAAA,EACF,GAAG,CAAC,iBAAiB,cAAc,SAAS,CAAC;AAG7C,QAAM,iBAAiB,CAAC,SAAiB;AACvC,QAAI,gBAAgB,SAAS;AAC3B,sBAAgB,QAAQ,cAAc;AAAA,IACxC;AAAA,EACF;AAEA,YAAU,MAAM;AACd,QAAI,OAAO,aAAa,YAAa;AAGrC,oBAAgB,UAAU,4BAA4B;AACtD,uBAAmB;AACnB,mBAAe,WAAW;AAG1B,WAAO,MAAM;AACX,2BAAqB;AAGrB,UAAI,aAAa,EAAE,WAAW,GAAG;AAC/B,uBAAe,YAAY;AAG3B,mBAAW,MAAM;AACf,gBAAM,KAAK,gBAAgB;AAC3B,cAAI,MAAM,aAAa,EAAE,WAAW,GAAG;AACrC,eAAG,gBAAgB,kBAAkB;AACrC,eAAG,cAAc;AAAA,UACnB;AAAA,QACF,GAAG,GAAI;AAAA,MACT;AAAA,IACF;AAAA,EACF,GAAG;AAAA,IACD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AACH;",
+  "names": []
+}

package/app/hooks/useTheme/index.js

@@ -1,43 +1,52 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import { useState, useEffect } from 'react';
-export var useTheme = function useTheme() {
-  var prefersDarkScheme = window.matchMedia('(prefers-color-scheme: dark)').matches;
-  var storedTheme = localStorage.getItem('--theme-palette');
-  var _useState = useState(storedTheme || 'auto'),
-    _useState2 = _slicedToArray(_useState, 2),
-    theme = _useState2[0],
-    changeTheme = _useState2[1];
-  useEffect(function () {
-    document.documentElement.classList.remove('dark', 'light', 'auto');
-    if (theme === 'auto') {
-      document.documentElement.classList.add(prefersDarkScheme ? 'dark' : 'light');
+import { useState, useEffect } from "react";
+const useTheme = () => {
+  const prefersDarkScheme = window.matchMedia(
+    "(prefers-color-scheme: dark)"
+  ).matches;
+  const storedTheme = localStorage.getItem(
+    "--theme-palette"
+  );
+  const [theme, changeTheme] = useState(
+    storedTheme || "auto"
+  );
+  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]);
-  useEffect(function () {
-    var beforePrintListener = function beforePrintListener() {
-      document.documentElement.classList.remove('dark');
-      document.documentElement.classList.add('light');
+  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];
 };
-export default useTheme;
+var useTheme_default = useTheme;
+export {
+  useTheme_default as default,
+  useTheme
+};
+//# sourceMappingURL=useTheme.js.map

package/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(\n    '(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,SAAS,UAAU,iBAAiB;AAU7B,MAAM,WAAW,MAAsB;AAC5C,QAAM,oBAAoB,OAAO;AAAA,IAC/B;AAAA,EACF,EAAE;AACF,QAAM,cAAc,aAAa;AAAA,IAC/B;AAAA,EACF;AAEA,QAAM,CAAC,OAAO,WAAW,IAAI;AAAA,IAC3B,eAAe;AAAA,EACjB;AAEA,YAAU,MAAM;AACd,aAAS,gBAAgB,UAAU,OAAO,QAAQ,SAAS,MAAM;AACjE,QAAI,UAAU,QAAQ;AACpB,eAAS,gBAAgB,UAAU;AAAA,QACjC,oBAAoB,SAAS;AAAA,MAC/B;AAAA,IACF,OAAO;AACL,eAAS,gBAAgB,UAAU,IAAI,KAAK;AAAA,IAC9C;AACA,iBAAa,QAAQ,mBAAmB,KAAK;AAAA,EAC/C,GAAG,CAAC,KAAK,CAAC;AAEV,YAAU,MAAM;AACd,UAAM,sBAAsB,MAAM;AAChC,eAAS,gBAAgB,UAAU,OAAO,MAAM;AAChD,eAAS,gBAAgB,UAAU,IAAI,OAAO;AAAA,IAChD;AACA,UAAM,qBAAqB,MAAM;AAC/B,eAAS,gBAAgB,UAAU,OAAO,OAAO;AACjD,UAAI;AACJ,UAAI,aAAa,QAAQ,iBAAiB,MAAM,QAAQ;AACtD,qBAAa,oBAAoB,SAAS;AAAA,MAC5C,OAAO;AACL,qBAAa,aAAa,QAAQ,iBAAiB;AAAA,MACrD;AACA,eAAS,gBAAgB,UAAU,IAAI,cAAc,KAAK;AAAA,IAC5D;AACA,WAAO,iBAAiB,eAAe,mBAAmB;AAC1D,WAAO,iBAAiB,cAAc,kBAAkB;AACxD,WAAO,MAAM;AACX,aAAO,oBAAoB,eAAe,mBAAmB;AAC7D,aAAO,oBAAoB,cAAc,kBAAkB;AAAA,IAC7D;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,SAAO,CAAC,OAAO,WAAW;AAC5B;AAEA,IAAO,mBAAQ;",
+  "names": []
+}

package/app/hooks/useVariantVars/index.js

@@ -1,19 +1,16 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import { useState, useEffect } from '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 = useState(storedValue || variants[0]),
-    _useState2 = _slicedToArray(_useState, 2),
-    value = _useState2[0],
-    setValue = _useState2[1];
-  useEffect(function () {
-    localStorage.setItem("--theme-".concat(name), value);
-    variables.forEach(function (varName) {
-      root.style.setProperty("--".concat(varName), "var(--".concat(varName, "-").concat(value, ")"));
+import { useState, useEffect } from "react";
+function useVariantVars({
+  name,
+  variables,
+  variants
+}) {
+  const root = document.documentElement;
+  const storedValue = localStorage.getItem(`--theme-${name}`);
+  const [value, setValue] = useState(storedValue || variants[0]);
+  useEffect(() => {
+    localStorage.setItem(`--theme-${name}`, value);
+    variables.forEach((varName) => {
+      root.style.setProperty(`--${varName}`, `var(--${varName}-${value})`);
     });
   }, [value]);
   function changeValue(v) {
@@ -21,4 +18,8 @@ function useVariantVars(_ref) {
   }
   return [value, changeValue];
 }
-export default useVariantVars;
+var useVariantVars_default = useVariantVars;
+export {
+  useVariantVars_default as default
+};
+//# sourceMappingURL=useVariantVars.js.map

package/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,SAAS,UAAU,iBAAiB;AAUpC,SAAS,eAAe;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AACF,GAAkD;AAChD,QAAM,OAAO,SAAS;AACtB,QAAM,cAAc,aAAa,QAAQ,WAAW,IAAI,EAAE;AAC1D,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,eAAe,SAAS,CAAC,CAAC;AAE7D,YAAU,MAAM;AACd,iBAAa,QAAQ,WAAW,IAAI,IAAI,KAAK;AAC7C,cAAU,QAAQ,CAAC,YAAY;AAC7B,WAAK,MAAM,YAAY,KAAK,OAAO,IAAI,SAAS,OAAO,IAAI,KAAK,GAAG;AAAA,IACrE,CAAC;AAAA,EACH,GAAG,CAAC,KAAK,CAAC;AACV,WAAS,YAAY,GAAW;AAC9B,aAAS,CAAC;AAAA,EACZ;AACA,SAAO,CAAC,OAAO,WAAW;AAC5B;AAEA,IAAO,yBAAQ;",
+  "names": []
+}

package/app/index.js

@@ -1,16 +1,17 @@
-export * from '@digigov/ui/app/App';
-export * from '@digigov/ui/app/BannerContainer';
-export * from '@digigov/ui/app/BottomInfo';
-export * from '@digigov/ui/app/Panel';
-export * from '@digigov/ui/app/FilterContainer';
-export * from '@digigov/ui/app/Footer';
-export * from '@digigov/ui/app/Header';
-export * from '@digigov/ui/app/Loader';
-export * from '@digigov/ui/app/Masthead';
-export * from '@digigov/ui/app/Modal';
-export * from '@digigov/ui/app/NotFound';
-export * from '@digigov/ui/app/PageTitleContainer';
-export * from '@digigov/ui/app/PhaseBannerHeader';
-export * from '@digigov/ui/app/QrCodeScanner';
-export * from '@digigov/ui/app/QrCodeViewer';
-export * from '@digigov/ui/app/ThemeOptions';
+export * from "@digigov/ui/app/App";
+export * from "@digigov/ui/app/BannerContainer";
+export * from "@digigov/ui/app/BottomInfo";
+export * from "@digigov/ui/app/Panel";
+export * from "@digigov/ui/app/FilterContainer";
+export * from "@digigov/ui/app/Footer";
+export * from "@digigov/ui/app/Header";
+export * from "@digigov/ui/app/Loader";
+export * from "@digigov/ui/app/Masthead";
+export * from "@digigov/ui/app/Modal";
+export * from "@digigov/ui/app/NotFound";
+export * from "@digigov/ui/app/PageTitleContainer";
+export * from "@digigov/ui/app/PhaseBannerHeader";
+export * from "@digigov/ui/app/QrCodeScanner";
+export * from "@digigov/ui/app/QrCodeViewer";
+export * from "@digigov/ui/app/ThemeOptions";
+//# sourceMappingURL=index.js.map

package/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,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;",
+  "names": []
+}

package/cjs/app/App/index.js

@@ -1,21 +1,46 @@
-"use strict";
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var App_exports = {};
+__export(App_exports, {
+  StaticApp: () => StaticApp,
+  default: () => App_default
 });
-exports["default"] = exports.StaticApp = void 0;
-var _react = _interopRequireWildcard(require("react"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-var App = function App(_ref) {
-  var children = _ref.children;
-  return /*#__PURE__*/_react["default"].createElement(_react.Suspense, {
-    fallback: 'loading...'
-  }, children);
+module.exports = __toCommonJS(App_exports);
+var import_react = __toESM(require("react"));
+const App = ({ children }) => {
+  return /* @__PURE__ */ import_react.default.createElement(import_react.Suspense, { fallback: "loading..." }, children);
 };
-var StaticApp = exports.StaticApp = function StaticApp(_ref2) {
-  var children = _ref2.children;
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, children);
+const StaticApp = ({ children }) => {
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, children);
 };
-var _default = exports["default"] = App;
+var App_default = App;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  StaticApp
+});
+//# sourceMappingURL=App.js.map

package/cjs/app/App.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/app/App.tsx"],
+  "sourcesContent": ["import React, { Suspense } from 'react';\n\nexport interface AppProps {\n  children?: React.ReactNode;\n}\n\nconst App: React.FC<AppProps> = ({ children }) => {\n  return <Suspense fallback={'loading...'}>{children}</Suspense>;\n};\n\nexport const StaticApp: React.FC<AppProps> = ({ children }) => {\n  return <>{children}</>;\n};\n\nexport default App;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAgC;AAMhC,MAAM,MAA0B,CAAC,EAAE,SAAS,MAAM;AAChD,SAAO,6BAAAA,QAAA,cAAC,yBAAS,UAAU,gBAAe,QAAS;AACrD;AAEO,MAAM,YAAgC,CAAC,EAAE,SAAS,MAAM;AAC7D,SAAO,6BAAAA,QAAA,2BAAAA,QAAA,gBAAG,QAAS;AACrB;AAEA,IAAO,cAAQ;",
+  "names": ["React"]
+}

package/cjs/app/BannerContainer/index.js

@@ -1,15 +1,40 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "BannerContainer", {
-  enumerable: true,
-  get: function get() {
-    return _BannerContainer["default"];
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var BannerContainer_exports = {};
+__export(BannerContainer_exports, {
+  BannerContainer: () => import_BannerContainer.default,
+  default: () => BannerContainer_default
+});
+module.exports = __toCommonJS(BannerContainer_exports);
+var import_BannerContainer = __toESM(require("@digigov/react-core/BannerContainer"));
+var BannerContainer_default = import_BannerContainer.default;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  BannerContainer
 });
-exports["default"] = void 0;
-var _BannerContainer = _interopRequireDefault(require("@digigov/react-core/cjs/BannerContainer"));
-var _default = exports["default"] = _BannerContainer["default"];
+//# sourceMappingURL=index.js.map

package/cjs/app/BannerContainer/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/app/BannerContainer/index.tsx"],
+  "sourcesContent": ["import BannerContainer from '@digigov/react-core/BannerContainer';\n\nexport default BannerContainer;\nexport { BannerContainer };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,gDAAAA;AAAA,EAAA;AAAA;AAAA;AAAA,6BAA4B;AAE5B,IAAO,0BAAQ,uBAAAA;",
+  "names": ["BannerContainer"]
+}

package/cjs/app/BottomInfo/index.js

@@ -1,42 +1,45 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {
-  BottomInfo: true
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
 };
-Object.defineProperty(exports, "BottomInfo", {
-  enumerable: true,
-  get: function get() {
-    return _BottomInfo["default"];
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var BottomInfo_exports = {};
+__export(BottomInfo_exports, {
+  BottomInfo: () => import_BottomInfo.default,
+  default: () => BottomInfo_default
 });
-exports["default"] = void 0;
-var _BottomInfo = _interopRequireDefault(require("@digigov/react-core/cjs/BottomInfo"));
-var _BottomInfoContent = require("@digigov/react-core/cjs/BottomInfoContent");
-Object.keys(_BottomInfoContent).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _BottomInfoContent[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _BottomInfoContent[key];
-    }
-  });
-});
-var _BottomInfoContainer = require("@digigov/react-core/cjs/BottomInfoContainer");
-Object.keys(_BottomInfoContainer).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _BottomInfoContainer[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _BottomInfoContainer[key];
-    }
-  });
+module.exports = __toCommonJS(BottomInfo_exports);
+var import_BottomInfo = __toESM(require("@digigov/react-core/BottomInfo"));
+__reExport(BottomInfo_exports, require("@digigov/react-core/BottomInfoContent"), module.exports);
+__reExport(BottomInfo_exports, require("@digigov/react-core/BottomInfoContainer"), module.exports);
+var BottomInfo_default = import_BottomInfo.default;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  BottomInfo,
+  ...require("@digigov/react-core/BottomInfoContent"),
+  ...require("@digigov/react-core/BottomInfoContainer")
 });
-var _default = exports["default"] = _BottomInfo["default"];
+//# sourceMappingURL=index.js.map

package/cjs/app/BottomInfo/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/app/BottomInfo/index.tsx"],
+  "sourcesContent": ["import BottomInfo from '@digigov/react-core/BottomInfo';\n\nexport * from '@digigov/react-core/BottomInfoContent';\nexport * from '@digigov/react-core/BottomInfoContainer';\n\nexport default BottomInfo;\nexport { BottomInfo };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,sCAAAA;AAAA,EAAA;AAAA;AAAA;AAAA,wBAAuB;AAEvB,+BAAc,kDAFd;AAGA,+BAAc,oDAHd;AAKA,IAAO,qBAAQ,kBAAAA;",
+  "names": ["BottomInfo"]
+}