@kakadu/components 3.8.0 → 3.9.0

package/build/components/modal.d.ts

@@ -13,6 +13,7 @@ type ModalProviderProperties<Data = any> = {
 export declare function useModalContext<Data = any>(): ModalProviderProperties<Data>;
 export declare function ModalContent<Type extends AtomElementType = DefaultAtomElementType>(properties: FlexProperties<Type>): import("react/jsx-runtime").JSX.Element;
 export declare function ModalHeading<Type extends AtomElementType = DefaultHeadingElementType>({ as, className, ...properties }: AtomProperties<Type>): import("react/jsx-runtime").JSX.Element;
+export declare function ModalActions<Type extends AtomElementType = DefaultAtomElementType>({ as, ...properties }: FlexProperties<Type>): import("react/jsx-runtime").JSX.Element;
 export type ModalProperties<Data = any> = {
     readonly root?: HTMLElement | ShadowRoot;
     readonly outerDecorators?: DecoratorType[];

package/build/components/modal.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("../jsx-runtime-BB_1_6y_.js"),e=require("react"),j=require("@kuma-ui/core"),P=require("react-dom"),$=require("../focus-trap-react-CcpTuiJi.js"),B=require("../icons/icon.js"),A=require("./text-button.js"),g=require("./decorators.js"),D=require("./flex.js"),w=require("./text.js"),C=e.createContext({isVisible:!1,isInteractive:!1}),{Provider:z}=C;function y(){return e.useContext(C)}function G(){const{isInteractive:o,close:a}=y(),r=e.useCallback(()=>{a==null||a()},[a]);return s.jsxRuntimeExports.jsx("div",{className:"kakadu-components-2566044647",children:s.jsxRuntimeExports.jsx(A.default,{iconLeft:B.IconType.times,label:"Close",disabled:!o,onClick:r})})}function J(o){return s.jsxRuntimeExports.jsx(D.default,{gap:2,...o})}function K({as:o,className:a,...r}){return s.jsxRuntimeExports.jsx(w.Heading,{...r,as:o??w.defaultHeadingElementType,className:j.cx("kakadu-components-4275938488",a)})}function Q({root:o,outerDecorators:a=[],innerDecorators:r=[],label:f,maxWidth:c,className:m,isVisible:n,isFullWidth:l=!1,shouldCloseOnOutsideClick:i=!0,shouldCloseOnEscapePress:d=!0,showCloseButton:_=!0,onClose:p,children:L}){const E=e.useRef(null),R=e.useRef(null),[M,N]=e.useState(!1),[u,x]=e.useState(!1),b=e.useCallback(t=>{E.current=t,x(!1)},[]),v=e.useRef(null),h=e.useCallback(t=>{t&&(v.current=t)},[]),[q,I]=e.useState(n??!1),S=e.useMemo(()=>({isVisible:q,isInteractive:u,setInitialFocus:h,close:b}),[q,u,h,b]);e.useEffect(()=>{n&&(N(!0),I(!0))},[n]),e.useEffect(()=>{if(n){const t=setTimeout(()=>{x(!0)},100);return()=>{clearTimeout(t)}}x(!1)},[n]),e.useEffect(()=>{if(M&&!u){const t=setTimeout(()=>{p==null||p(E.current??void 0),I(!1)},370);return()=>{clearTimeout(t)}}},[M,u,p]),e.useEffect(()=>{const t=R.current;if(n&&i&&t){const k=H=>{t===H.target&&x(!1)};return t.addEventListener("click",k),()=>{t.removeEventListener("click",k)}}},[n,i]),e.useEffect(()=>{if(!n||!d)return;const t=k=>{k.key==="Escape"&&x(!1)};return window.addEventListener("keydown",t),()=>{window.removeEventListener("keydown",t)}},[n,d]);const F=e.useMemo(()=>({initialFocus:()=>v.current??void 0,onActivate:()=>{var t;return(t=v.current)==null?void 0:t.focus()}}),[]),T=s.jsxRuntimeExports.jsx(g.default,{decorators:a,children:s.jsxRuntimeExports.jsx("div",{"aria-hidden":!u,style:{"--max-width":c?`${c}px`:void 0},className:j.cx("kakadu-components-4119461136",u&&"kakadu-components-2522346797",m),children:s.jsxRuntimeExports.jsx(g.default,{decorators:r,children:s.jsxRuntimeExports.jsx($.focusTrapReactExports.FocusTrap,{active:u,focusTrapOptions:F,children:s.jsxRuntimeExports.jsx("div",{ref:R,className:"kakadu-components-4011815997",children:s.jsxRuntimeExports.jsx("div",{role:"dialog","aria-modal":"true","aria-label":f??"Modal",className:j.cx("kakadu-components-3324483532",l&&"kakadu-components-3799971070",u&&"kakadu-components-968755580"),children:s.jsxRuntimeExports.jsxs(z,{value:S,children:[_?s.jsxRuntimeExports.jsx(G,{}):null,s.jsxRuntimeExports.jsx("div",{className:j.cx("kakadu-components-633990035",l&&"kakadu-components-171969824"),children:L})]})})})})})})});return o?P.createPortal(T,o):T}function U(o,a){const[r,f]=e.useState(!1),c=e.useRef(void 0),m=e.useCallback(async()=>(f(!0),new Promise(i=>{c.current=i})),[]),n=e.useCallback(i=>{var d;f(!1),(d=c.current)==null||d.call(c,i),c.current=void 0},[]),l=e.useMemo(()=>s.jsxRuntimeExports.jsx(o,{...a,isVisible:r,onClose:n}),[o,a,r,n]);return e.useMemo(()=>({isVisible:r,show:m,modal:l}),[r,m,l])}exports.ModalContent=J;exports.ModalHeading=K;exports.default=Q;exports.useModal=U;exports.useModalContext=y;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("../jsx-runtime-BB_1_6y_.js"),e=require("react"),k=require("@kuma-ui/core"),P=require("react-dom"),$=require("../focus-trap-react-CcpTuiJi.js"),B=require("../icons/icon.js"),D=require("./text-button.js"),I=require("./decorators.js"),v=require("./flex.js"),z=require("./atom.js"),C=require("./text.js"),y=e.createContext({isVisible:!1,isInteractive:!1}),{Provider:G}=y;function _(){return e.useContext(y)}function J(){const{isInteractive:s,close:o}=_(),r=e.useCallback(()=>{o==null||o()},[o]);return n.jsxRuntimeExports.jsx("div",{className:"kakadu-components-2566044647",children:n.jsxRuntimeExports.jsx(D.default,{iconLeft:B.IconType.times,label:"Close",disabled:!s,onClick:r})})}function K(s){return n.jsxRuntimeExports.jsx(v.default,{gap:2,...s})}function Q({as:s,className:o,...r}){return n.jsxRuntimeExports.jsx(C.Heading,{...r,as:s??C.defaultHeadingElementType,className:k.cx("kakadu-components-4275938488",o)})}function U({as:s,...o}){return n.jsxRuntimeExports.jsx(v.default,{direction:"row",gap:1,alignment:v.FlexAlignment.end,...o,as:s??z.defaultAtomElementType})}function V({root:s,outerDecorators:o=[],innerDecorators:r=[],label:m,maxWidth:c,className:f,isVisible:a,isFullWidth:l=!1,shouldCloseOnOutsideClick:i=!0,shouldCloseOnEscapePress:d=!0,showCloseButton:L=!0,onClose:p,children:N}){const R=e.useRef(null),M=e.useRef(null),[g,S]=e.useState(!1),[u,x]=e.useState(!1),q=e.useCallback(t=>{R.current=t,x(!1)},[]),E=e.useRef(null),T=e.useCallback(t=>{t&&(E.current=t)},[]),[b,h]=e.useState(a??!1),A=e.useMemo(()=>({isVisible:b,isInteractive:u,setInitialFocus:T,close:q}),[b,u,T,q]);e.useEffect(()=>{a&&(S(!0),h(!0))},[a]),e.useEffect(()=>{if(a){const t=setTimeout(()=>{x(!0)},100);return()=>{clearTimeout(t)}}x(!1)},[a]),e.useEffect(()=>{if(g&&!u){const t=setTimeout(()=>{p==null||p(R.current??void 0),h(!1)},370);return()=>{clearTimeout(t)}}},[g,u,p]),e.useEffect(()=>{const t=M.current;if(a&&i&&t){const j=H=>{t===H.target&&x(!1)};return t.addEventListener("click",j),()=>{t.removeEventListener("click",j)}}},[a,i]),e.useEffect(()=>{if(!a||!d)return;const t=j=>{j.key==="Escape"&&x(!1)};return window.addEventListener("keydown",t),()=>{window.removeEventListener("keydown",t)}},[a,d]);const F=e.useMemo(()=>({initialFocus:()=>E.current??void 0,onActivate:()=>{var t;return(t=E.current)==null?void 0:t.focus()}}),[]),w=n.jsxRuntimeExports.jsx(I.default,{decorators:o,children:n.jsxRuntimeExports.jsx("div",{"aria-hidden":!u,style:{"--max-width":c?`${c}px`:void 0},className:k.cx("kakadu-components-4119461136",u&&"kakadu-components-2522346797",f),children:n.jsxRuntimeExports.jsx(I.default,{decorators:r,children:n.jsxRuntimeExports.jsx($.focusTrapReactExports.FocusTrap,{active:u,focusTrapOptions:F,children:n.jsxRuntimeExports.jsx("div",{ref:M,className:"kakadu-components-4011815997",children:n.jsxRuntimeExports.jsx("div",{role:"dialog","aria-modal":"true","aria-label":m??"Modal",className:k.cx("kakadu-components-3324483532",l&&"kakadu-components-3799971070",u&&"kakadu-components-968755580"),children:n.jsxRuntimeExports.jsxs(G,{value:A,children:[L?n.jsxRuntimeExports.jsx(J,{}):null,n.jsxRuntimeExports.jsx("div",{className:k.cx("kakadu-components-633990035",l&&"kakadu-components-171969824"),children:N})]})})})})})})});return s?P.createPortal(w,s):w}function X(s,o){const[r,m]=e.useState(!1),c=e.useRef(void 0),f=e.useCallback(async()=>(m(!0),new Promise(i=>{c.current=i})),[]),a=e.useCallback(i=>{var d;m(!1),(d=c.current)==null||d.call(c,i),c.current=void 0},[]),l=e.useMemo(()=>n.jsxRuntimeExports.jsx(s,{...o,isVisible:r,onClose:a}),[s,o,r,a]);return e.useMemo(()=>({isVisible:r,show:f,modal:l}),[r,f,l])}exports.ModalActions=U;exports.ModalContent=K;exports.ModalHeading=Q;exports.default=V;exports.useModal=X;exports.useModalContext=_;

package/build/components/modal.mjs

@@ -1,70 +1,77 @@
 import { j as t } from "../jsx-runtime-B4hRZ52C.mjs";
-import { createContext as $, useRef as j, useState as h, useCallback as f, useMemo as w, useEffect as m, useContext as q } from "react";
-import { cx as I } from "@kuma-ui/core";
-import { createPortal as z } from "react-dom";
-import { f as G } from "../focus-trap-react-DYXrtbDH.mjs";
-import { IconType as J } from "../icons/icon.mjs";
-import K from "./text-button.mjs";
-import F from "./decorators.mjs";
-import Q from "./flex.mjs";
-import { Heading as U, defaultHeadingElementType as V } from "./text.mjs";
-const C = $({
+import { createContext as q, useRef as j, useState as h, useCallback as f, useMemo as I, useEffect as m, useContext as z } from "react";
+import { cx as w } from "@kuma-ui/core";
+import { createPortal as G } from "react-dom";
+import { f as J } from "../focus-trap-react-DYXrtbDH.mjs";
+import { IconType as K } from "../icons/icon.mjs";
+import Q from "./text-button.mjs";
+import b from "./decorators.mjs";
+import A, { FlexAlignment as U } from "./flex.mjs";
+import { defaultAtomElementType as V } from "./atom.mjs";
+import { Heading as X, defaultHeadingElementType as Y } from "./text.mjs";
+const C = q({
   isVisible: !1,
   isInteractive: !1
 }), {
-  Provider: X
+  Provider: Z
 } = C;
-function Y() {
-  return q(C);
+function _() {
+  return z(C);
 }
-function Z() {
+function W() {
   const {
-    isInteractive: o,
-    close: s
-  } = Y(), r = f(() => {
-    s == null || s();
-  }, [s]);
-  return /* @__PURE__ */ t.jsx("div", { className: "kakadu-components-2566044647", children: /* @__PURE__ */ t.jsx(K, { iconLeft: J.times, label: "Close", disabled: !o, onClick: r }) });
+    isInteractive: n,
+    close: o
+  } = _(), s = f(() => {
+    o == null || o();
+  }, [o]);
+  return /* @__PURE__ */ t.jsx("div", { className: "kakadu-components-2566044647", children: /* @__PURE__ */ t.jsx(Q, { iconLeft: K.times, label: "Close", disabled: !n, onClick: s }) });
 }
-function ce(o) {
-  return /* @__PURE__ */ t.jsx(Q, { gap: 2, ...o });
+function ue(n) {
+  return /* @__PURE__ */ t.jsx(A, { gap: 2, ...n });
 }
-function ie({
-  as: o,
-  className: s,
-  ...r
+function de({
+  as: n,
+  className: o,
+  ...s
 }) {
-  return /* @__PURE__ */ t.jsx(U, { ...r, as: o ?? V, className: I("kakadu-components-4275938488", s) });
+  return /* @__PURE__ */ t.jsx(X, { ...s, as: n ?? Y, className: w("kakadu-components-4275938488", o) });
 }
-function ue({
-  root: o,
-  outerDecorators: s = [],
-  innerDecorators: r = [],
+function me({
+  as: n,
+  ...o
+}) {
+  return /* @__PURE__ */ t.jsx(A, { direction: "row", gap: 1, alignment: U.end, ...o, as: n ?? V });
+}
+function fe({
+  root: n,
+  outerDecorators: o = [],
+  innerDecorators: s = [],
   label: p,
   maxWidth: a,
-  className: k,
-  isVisible: n,
-  isFullWidth: u = !1,
+  className: x,
+  isVisible: r,
+  isFullWidth: l = !1,
   shouldCloseOnOutsideClick: i = !0,
-  shouldCloseOnEscapePress: l = !0,
+  shouldCloseOnEscapePress: u = !0,
   showCloseButton: H = !0,
-  onClose: x,
+  onClose: k,
   children: B
 }) {
-  const E = j(null), M = j(null), [g, P] = h(!1), [c, d] = h(!1), y = f((e) => {
-    E.current = e, d(!1);
-  }, []), T = j(null), L = f((e) => {
+  const g = j(null), E = j(null), [M, P] = h(!1), [c, d] = h(!1), y = f((e) => {
+    g.current = e, d(!1);
+  }, []), T = j(null), F = f((e) => {
     e && (T.current = e);
-  }, []), [N, R] = h(n ?? !1), A = w(() => ({
-    isVisible: N,
+  }, []), [L, N] = h(r ?? !1), D = I(() => ({
+    isVisible: L,
     isInteractive: c,
-    setInitialFocus: L,
+    setInitialFocus: F,
     close: y
-  }), [N, c, L, y]);
+  }), [L, c, F, y]);
   m(() => {
-    n && (P(!0), R(!0));
-  }, [n]), m(() => {
-    if (n) {
+    r && (P(!0), N(!0));
+  }, [r]), m(() => {
+    if (r) {
       const e = setTimeout(() => {
         d(!0);
       }, 100);
@@ -73,27 +80,27 @@ function ue({
       };
     }
     d(!1);
-  }, [n]), m(() => {
-    if (g && !c) {
+  }, [r]), m(() => {
+    if (M && !c) {
       const e = setTimeout(() => {
-        x == null || x(E.current ?? void 0), R(!1);
+        k == null || k(g.current ?? void 0), N(!1);
       }, 370);
       return () => {
         clearTimeout(e);
       };
     }
-  }, [g, c, x]), m(() => {
-    const e = M.current;
-    if (n && i && e) {
-      const v = (S) => {
-        e === S.target && d(!1);
+  }, [M, c, k]), m(() => {
+    const e = E.current;
+    if (r && i && e) {
+      const v = ($) => {
+        e === $.target && d(!1);
       };
       return e.addEventListener("click", v), () => {
         e.removeEventListener("click", v);
       };
     }
-  }, [n, i]), m(() => {
-    if (!n || !l)
+  }, [r, i]), m(() => {
+    if (!r || !u)
       return;
     const e = (v) => {
       v.key === "Escape" && d(!1);
@@ -101,38 +108,39 @@ function ue({
     return window.addEventListener("keydown", e), () => {
       window.removeEventListener("keydown", e);
     };
-  }, [n, l]);
-  const D = w(() => ({
+  }, [r, u]);
+  const S = I(() => ({
     initialFocus: () => T.current ?? void 0,
     onActivate: () => {
       var e;
       return (e = T.current) == null ? void 0 : e.focus();
     }
-  }), []), b = /* @__PURE__ */ t.jsx(F, { decorators: s, children: /* @__PURE__ */ t.jsx("div", { "aria-hidden": !c, style: {
+  }), []), R = /* @__PURE__ */ t.jsx(b, { decorators: o, children: /* @__PURE__ */ t.jsx("div", { "aria-hidden": !c, style: {
     "--max-width": a ? `${a}px` : void 0
-  }, className: I("kakadu-components-4119461136", c && "kakadu-components-2522346797", k), children: /* @__PURE__ */ t.jsx(F, { decorators: r, children: /* @__PURE__ */ t.jsx(G.FocusTrap, { active: c, focusTrapOptions: D, children: /* @__PURE__ */ t.jsx("div", { ref: M, className: "kakadu-components-4011815997", children: /* @__PURE__ */ t.jsx("div", { role: "dialog", "aria-modal": "true", "aria-label": p ?? "Modal", className: I("kakadu-components-3324483532", u && "kakadu-components-3799971070", c && "kakadu-components-968755580"), children: /* @__PURE__ */ t.jsxs(X, { value: A, children: [
-    H ? /* @__PURE__ */ t.jsx(Z, {}) : null,
-    /* @__PURE__ */ t.jsx("div", { className: I("kakadu-components-633990035", u && "kakadu-components-171969824"), children: B })
+  }, className: w("kakadu-components-4119461136", c && "kakadu-components-2522346797", x), children: /* @__PURE__ */ t.jsx(b, { decorators: s, children: /* @__PURE__ */ t.jsx(J.FocusTrap, { active: c, focusTrapOptions: S, children: /* @__PURE__ */ t.jsx("div", { ref: E, className: "kakadu-components-4011815997", children: /* @__PURE__ */ t.jsx("div", { role: "dialog", "aria-modal": "true", "aria-label": p ?? "Modal", className: w("kakadu-components-3324483532", l && "kakadu-components-3799971070", c && "kakadu-components-968755580"), children: /* @__PURE__ */ t.jsxs(Z, { value: D, children: [
+    H ? /* @__PURE__ */ t.jsx(W, {}) : null,
+    /* @__PURE__ */ t.jsx("div", { className: w("kakadu-components-633990035", l && "kakadu-components-171969824"), children: B })
   ] }) }) }) }) }) }) });
-  return o ? z(b, o) : b;
+  return n ? G(R, n) : R;
 }
-function le(o, s) {
-  const [r, p] = h(!1), a = j(void 0), k = f(async () => (p(!0), new Promise((i) => {
+function pe(n, o) {
+  const [s, p] = h(!1), a = j(void 0), x = f(async () => (p(!0), new Promise((i) => {
     a.current = i;
-  })), []), n = f((i) => {
-    var l;
-    p(!1), (l = a.current) == null || l.call(a, i), a.current = void 0;
-  }, []), u = w(() => /* @__PURE__ */ t.jsx(o, { ...s, isVisible: r, onClose: n }), [o, s, r, n]);
-  return w(() => ({
-    isVisible: r,
-    show: k,
-    modal: u
-  }), [r, k, u]);
+  })), []), r = f((i) => {
+    var u;
+    p(!1), (u = a.current) == null || u.call(a, i), a.current = void 0;
+  }, []), l = I(() => /* @__PURE__ */ t.jsx(n, { ...o, isVisible: s, onClose: r }), [n, o, s, r]);
+  return I(() => ({
+    isVisible: s,
+    show: x,
+    modal: l
+  }), [s, x, l]);
 }
 export {
-  ce as ModalContent,
-  ie as ModalHeading,
-  ue as default,
-  le as useModal,
-  Y as useModalContext
+  me as ModalActions,
+  ue as ModalContent,
+  de as ModalHeading,
+  fe as default,
+  pe as useModal,
+  _ as useModalContext
 };

package/build/hooks/use-fetch.d.ts

@@ -13,17 +13,20 @@ export declare function useJsonFetcher<Type = unknown>(handler?: (json: unknown)
 };
 type FetchParameters = {
     cacheLifetime?: number;
+    shouldFetch?: boolean;
 };
 export default function useFetch<Type>(url?: string, options?: RequestInit, handler?: (response: Response) => PromiseOrValue<Type | undefined>, parameters?: FetchParameters): {
     isReady: boolean;
     isLoading: boolean;
     response: Type | undefined;
     error: Error | undefined;
+    purge: () => void;
 };
 export declare function useJsonFetch<Type = unknown>(url?: string, options?: RequestInit, handler?: (json: unknown) => PromiseOrValue<Type | undefined>, parameters?: FetchParameters): {
     isReady: boolean;
     isLoading: boolean;
     response: Type | undefined;
     error: Error | undefined;
+    purge: () => void;
 };
 export {};

package/build/hooks/use-fetch.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react"),b=new Map,L=new Map,C=new Map;function q(e,s){let t=C.get(e);return t||(t=new Set,C.set(e,t)),t.add(s),()=>{t==null||t.delete(s),t&&t.size===0&&C.delete(e)}}function J(e,s){L.set(e,{timestamp:Date.now(),response:s});const t=C.get(e);if(t)for(const r of t)r(s)}function p(e){const[s,t]=o.useState(!1),[r,v]=o.useState(),[f,d]=o.useState(),m=o.useCallback(async(E,S)=>{try{d(void 0),t(!0);const a=await fetch(E,S),n=e?await e(a):a;return v(n),n}catch(a){const n=a instanceof Error?a:new Error("Unknown error");throw d(n),n}finally{t(!1)}},[e]);return o.useMemo(()=>({isLoading:s,fetch:m,response:r,error:f}),[s,m,r,f])}function R(e){const s=o.useCallback(async t=>{const r=await t.json();return e?e(r):r},[e]);return p(s)}function j(e,s,t,r){const{cacheLifetime:v=1e3*30}=r??{},[f,d]=o.useState(0),[m,E]=o.useState(()=>!!e),[S,a]=o.useState(()=>!!e),n=o.useMemo(()=>e?JSON.stringify({url:e,options:s}):"",[e,s]),w=o.useCallback(()=>{if(!n)return;const c=L.get(n);if(c){if(Date.now()-c.timestamp>v){L.delete(n);return}return c.response}},[n,v]),[M,g]=o.useState(()=>w()),[F,h]=o.useState(),y=o.useMemo(()=>{var c;return((c=s==null?void 0:s.method)==null?void 0:c.toUpperCase())??"GET"},[s]);return o.useEffect(()=>{if(y!=="GET")return;let c;const i=()=>{clearTimeout(c),!document.hidden&&(c=setTimeout(()=>{d(l=>l+1)},0))};return document.addEventListener("visibilitychange",i),window.addEventListener("focus",i),()=>{document.removeEventListener("visibilitychange",i),window.removeEventListener("focus",i),clearTimeout(c)}},[y]),o.useEffect(()=>{if(!e||!n){E(!1),g(void 0);return}const c=w();E(!0),c===void 0?(g(void 0),h(void 0)):(g(c),h(void 0));const i=q(n,l=>{g(l),h(void 0)});return()=>{i()}},[e,n,w]),o.useEffect(()=>{if(!e||!n){a(!1);return}if(f<0)return;const c=y==="GET";if(c&&w()!==void 0){a(!1);return}let i=!0;h(void 0),a(!0);let l=c&&b.has(n)?b.get(n):void 0;if(!l){const u=fetch(e,s);b.set(n,u),u.then(()=>{b.delete(n)}),l=u}return l.then(async u=>{if(i){const T=t?await t(u):u;c&&J(n,T),g(T),h(void 0)}}).catch(u=>{i&&h(u)}).finally(()=>{i&&a(!1)}),()=>{i=!1}},[e,n,f,y,w,s,t]),o.useMemo(()=>({isReady:m,isLoading:S,response:M,error:F}),[m,S,M,F])}function k(e,s,t,r){const v=o.useCallback(async f=>{const d=await f.json();return t?t(d):d},[t]);return j(e,s,v,r)}exports.default=j;exports.useFetcher=p;exports.useJsonFetch=k;exports.useJsonFetcher=R;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react"),C=new Map,M=new Map,L=new Map,p=new Map;function R(t,s){let e=L.get(t);return e||(e=new Set,L.set(t,e)),e.add(s),()=>{e==null||e.delete(s),e&&e.size===0&&L.delete(t)}}function I(t,s){M.set(t,{timestamp:Date.now(),response:s});const e=L.get(t);if(e)for(const a of e)a(s)}function G(t,s){let e=p.get(t);return e||(e=new Set,p.set(t,e)),e.add(s),()=>{e==null||e.delete(s),e&&e.size===0&&p.delete(t)}}function U(t){M.delete(t);const s=p.get(t);if(s)for(const e of s)e()}function q(t){const[s,e]=n.useState(!1),[a,v]=n.useState(),[f,d]=n.useState(),g=n.useCallback(async(b,S)=>{try{d(void 0),e(!0);const l=await fetch(b,S),u=t?await t(l):l;return v(u),u}catch(l){const u=l instanceof Error?l:new Error("Unknown error");throw d(u),u}finally{e(!1)}},[t]);return n.useMemo(()=>({isLoading:s,fetch:g,response:a,error:f}),[s,g,a,f])}function k(t){const s=n.useCallback(async e=>{const a=await e.json();return t?t(a):a},[t]);return q(s)}function J(t,s,e,a){const{cacheLifetime:v=1e3*30,shouldFetch:f=!0}=a??{},[d,g]=n.useState(0),[b,S]=n.useState(()=>!!t),[l,u]=n.useState(()=>!!t&&f),o=n.useMemo(()=>t?JSON.stringify({url:t,options:s}):"",[t,s]),w=n.useCallback(()=>{if(!o)return;const c=M.get(o);if(c){if(Date.now()-c.timestamp>v){M.delete(o);return}return c.response}},[o,v]),[F,E]=n.useState(()=>w()),[y,m]=n.useState(),h=n.useMemo(()=>{var c;return((c=s==null?void 0:s.method)==null?void 0:c.toUpperCase())??"GET"},[s])==="GET";n.useEffect(()=>{if(!h)return;let c;const i=()=>{clearTimeout(c),!document.hidden&&(c=setTimeout(()=>{g(r=>r+1)},0))};return document.addEventListener("visibilitychange",i),window.addEventListener("focus",i),()=>{document.removeEventListener("visibilitychange",i),window.removeEventListener("focus",i),clearTimeout(c)}},[h]),n.useEffect(()=>{if(!t||!o){S(!1),E(void 0);return}const c=w();S(!0),c===void 0?(E(void 0),m(void 0)):(E(c),m(void 0));const i=R(o,r=>{E(r),m(void 0)});return()=>{i()}},[t,o,w]),n.useEffect(()=>{if(!t||!o)return;const c=G(o,()=>{g(i=>i+1)});return()=>{c()}},[t,o]),n.useEffect(()=>{if(!t||!o||d<0||!f){u(!1);return}if(h&&w()!==void 0){u(!1);return}let c=!0;m(void 0),u(!0);let i=h&&C.has(o)?C.get(o):void 0;if(!i){const r=fetch(t,s);C.set(o,r),r.then(()=>{C.delete(o)}),i=r}return i.then(async r=>{if(c){const j=e?await e(r):r;h&&I(o,j),E(j),m(void 0)}}).catch(r=>{c&&m(r)}).finally(()=>{c&&u(!1)}),()=>{c=!1}},[t,o,d,f,h,w,s,e]);const T=n.useCallback(()=>{h&&o&&U(o)},[o,h]);return n.useMemo(()=>({isReady:b,isLoading:l,response:F,error:y,purge:T}),[b,l,F,y,T])}function z(t,s,e,a){const v=n.useCallback(async f=>{const d=await f.json();return e?e(d):d},[e]);return J(t,s,v,a)}exports.default=J;exports.useFetcher=q;exports.useJsonFetch=z;exports.useJsonFetcher=k;

package/build/hooks/use-fetch.mjs

@@ -1,147 +1,170 @@
-import { useState as u, useMemo as C, useCallback as b, useEffect as F } from "react";
-const p = /* @__PURE__ */ new Map(), R = /* @__PURE__ */ new Map(), T = /* @__PURE__ */ new Map();
-function M(e, n) {
-  let t = T.get(e);
-  return t || (t = /* @__PURE__ */ new Set(), T.set(e, t)), t.add(n), () => {
-    t == null || t.delete(n), t && t.size === 0 && T.delete(e);
+import { useState as v, useMemo as F, useCallback as p, useEffect as b } from "react";
+const y = /* @__PURE__ */ new Map(), T = /* @__PURE__ */ new Map(), M = /* @__PURE__ */ new Map(), R = /* @__PURE__ */ new Map();
+function G(t, n) {
+  let e = M.get(t);
+  return e || (e = /* @__PURE__ */ new Set(), M.set(t, e)), e.add(n), () => {
+    e == null || e.delete(n), e && e.size === 0 && M.delete(t);
   };
 }
-function q(e, n) {
-  R.set(e, { timestamp: Date.now(), response: n });
-  const t = T.get(e);
-  if (t)
-    for (const r of t)
-      r(n);
+function J(t, n) {
+  T.set(t, { timestamp: Date.now(), response: n });
+  const e = M.get(t);
+  if (e)
+    for (const i of e)
+      i(n);
 }
-function J(e) {
-  const [n, t] = u(!1), [r, h] = u(), [f, d] = u(), w = b(
-    async (E, y) => {
+function U(t, n) {
+  let e = R.get(t);
+  return e || (e = /* @__PURE__ */ new Set(), R.set(t, e)), e.add(n), () => {
+    e == null || e.delete(n), e && e.size === 0 && R.delete(t);
+  };
+}
+function z(t) {
+  T.delete(t);
+  const n = R.get(t);
+  if (n)
+    for (const e of n)
+      e();
+}
+function B(t) {
+  const [n, e] = v(!1), [i, m] = v(), [u, f] = v(), g = p(
+    async (L, C) => {
       try {
-        d(void 0), t(!0);
-        const i = await fetch(E, y), s = e ? await e(i) : i;
-        return h(s), s;
-      } catch (i) {
-        const s = i instanceof Error ? i : new Error("Unknown error");
-        throw d(s), s;
+        f(void 0), e(!0);
+        const d = await fetch(L, C), a = t ? await t(d) : d;
+        return m(a), a;
+      } catch (d) {
+        const a = d instanceof Error ? d : new Error("Unknown error");
+        throw f(a), a;
       } finally {
-        t(!1);
+        e(!1);
       }
     },
-    [e]
+    [t]
   );
-  return C(
-    () => ({ isLoading: n, fetch: w, response: r, error: f }),
-    [n, w, r, f]
+  return F(
+    () => ({ isLoading: n, fetch: g, response: i, error: u }),
+    [n, g, i, u]
   );
 }
-function B(e) {
-  const n = b(
-    async (t) => {
-      const r = await t.json();
-      return e ? e(r) : r;
+function N(t) {
+  const n = p(
+    async (e) => {
+      const i = await e.json();
+      return t ? t(i) : i;
     },
-    [e]
+    [t]
   );
-  return J(n);
+  return B(n);
 }
-function S(e, n, t, r) {
-  const { cacheLifetime: h = 1e3 * 30 } = r ?? {}, [f, d] = u(0), [w, E] = u(() => !!e), [y, i] = u(() => !!e), s = C(
-    () => e ? JSON.stringify({ url: e, options: n }) : "",
-    [e, n]
-  ), l = b(() => {
+function D(t, n, e, i) {
+  const { cacheLifetime: m = 1e3 * 30, shouldFetch: u = !0 } = i ?? {}, [f, g] = v(0), [L, C] = v(() => !!t), [d, a] = v(() => !!t && u), s = F(
+    () => t ? JSON.stringify({ url: t, options: n }) : "",
+    [t, n]
+  ), l = p(() => {
     if (!s)
       return;
-    const o = R.get(s);
+    const o = T.get(s);
     if (o) {
-      if (Date.now() - o.timestamp > h) {
-        R.delete(s);
+      if (Date.now() - o.timestamp > m) {
+        T.delete(s);
         return;
       }
       return o.response;
     }
-  }, [s, h]), [j, g] = u(() => l()), [G, m] = u(), L = C(
+  }, [s, m]), [j, E] = v(() => l()), [I, w] = v(), h = F(
     () => {
       var o;
       return ((o = n == null ? void 0 : n.method) == null ? void 0 : o.toUpperCase()) ?? "GET";
     },
     [n]
-  );
-  return F(() => {
-    if (L !== "GET")
+  ) === "GET";
+  b(() => {
+    if (!h)
       return;
     let o;
     const c = () => {
       clearTimeout(o), !document.hidden && (o = setTimeout(() => {
-        d((v) => v + 1);
+        g((r) => r + 1);
       }, 0));
     };
     return document.addEventListener("visibilitychange", c), window.addEventListener("focus", c), () => {
       document.removeEventListener("visibilitychange", c), window.removeEventListener("focus", c), clearTimeout(o);
     };
-  }, [L]), F(() => {
-    if (!e || !s) {
-      E(!1), g(void 0);
+  }, [h]), b(() => {
+    if (!t || !s) {
+      C(!1), E(void 0);
       return;
     }
     const o = l();
-    E(!0), o === void 0 ? (g(void 0), m(void 0)) : (g(o), m(void 0));
-    const c = M(s, (v) => {
-      g(v), m(void 0);
+    C(!0), o === void 0 ? (E(void 0), w(void 0)) : (E(o), w(void 0));
+    const c = G(s, (r) => {
+      E(r), w(void 0);
     });
     return () => {
       c();
     };
-  }, [e, s, l]), F(() => {
-    if (!e || !s) {
-      i(!1);
+  }, [t, s, l]), b(() => {
+    if (!t || !s)
       return;
-    }
-    if (f < 0)
+    const o = U(s, () => {
+      g((c) => c + 1);
+    });
+    return () => {
+      o();
+    };
+  }, [t, s]), b(() => {
+    if (!t || !s || f < 0 || !u) {
+      a(!1);
       return;
-    const o = L === "GET";
-    if (o && l() !== void 0) {
-      i(!1);
+    }
+    if (h && l() !== void 0) {
+      a(!1);
       return;
     }
-    let c = !0;
-    m(void 0), i(!0);
-    let v = o && p.has(s) ? p.get(s) : void 0;
-    if (!v) {
-      const a = fetch(e, n);
-      p.set(s, a), a.then(() => {
-        p.delete(s);
-      }), v = a;
+    let o = !0;
+    w(void 0), a(!0);
+    let c = h && y.has(s) ? y.get(s) : void 0;
+    if (!c) {
+      const r = fetch(t, n);
+      y.set(s, r), r.then(() => {
+        y.delete(s);
+      }), c = r;
     }
-    return v.then(async (a) => {
-      if (c) {
-        const I = t ? await t(a) : a;
-        o && q(s, I), g(I), m(void 0);
+    return c.then(async (r) => {
+      if (o) {
+        const q = e ? await e(r) : r;
+        h && J(s, q), E(q), w(void 0);
       }
-    }).catch((a) => {
-      c && m(a);
+    }).catch((r) => {
+      o && w(r);
     }).finally(() => {
-      c && i(!1);
+      o && a(!1);
     }), () => {
-      c = !1;
+      o = !1;
     };
-  }, [e, s, f, L, l, n, t]), C(
-    () => ({ isReady: w, isLoading: y, response: j, error: G }),
-    [w, y, j, G]
+  }, [t, s, f, u, h, l, n, e]);
+  const S = p(() => {
+    h && s && z(s);
+  }, [s, h]);
+  return F(
+    () => ({ isReady: L, isLoading: d, response: j, error: I, purge: S }),
+    [L, d, j, I, S]
   );
 }
-function D(e, n, t, r) {
-  const h = b(
-    async (f) => {
-      const d = await f.json();
-      return t ? t(d) : d;
+function O(t, n, e, i) {
+  const m = p(
+    async (u) => {
+      const f = await u.json();
+      return e ? e(f) : f;
     },
-    [t]
+    [e]
   );
-  return S(e, n, h, r);
+  return D(t, n, m, i);
 }
 export {
-  S as default,
-  J as useFetcher,
-  D as useJsonFetch,
-  B as useJsonFetcher
+  D as default,
+  B as useFetcher,
+  O as useJsonFetch,
+  N as useJsonFetcher
 };

package/build/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./theme.js"),f=require("./components/aria-text.js"),g=require("./components/atom.js"),b=require("./components/bankid-logo.js"),B=require("./components/box.js"),t=require("./components/button.js"),S=require("./components/button-tooltip.js"),P=require("./components/card.js"),x=require("./components/click-ripples.js"),w=require("./components/collapsible.js"),I=require("./components/copy-icon-button.js"),M=require("./components/datum.js"),G=require("./components/decorators.js"),D=require("./components/dnb-logo.js"),F=require("./components/dot.js"),m=require("./components/flex.js"),q=require("./components/footer.js"),R=require("./components/gauge.js"),A=require("./components/gjensidige-logo.js"),H=require("./components/header.js"),_=require("./components/hover-gradient.js"),v=require("./components/icon-button.js"),c=require("./components/input.js"),E=require("./components/kakadu-guide-icon.js"),i=require("./components/kakadu-guide-logo.js"),K=require("./components/kakadu-index-logo.js"),V=require("./components/kakadu-academy-logo.js"),N=require("./components/kakadu-logo.js"),r=require("./components/modal.js"),U=require("./components/moving-gradients.js"),W=require("./components/moving-stars.js"),l=require("./components/notice.js"),d=require("./components/notification.js"),h=require("./components/popover-menu.js"),a=require("./components/popover.js"),y=require("./components/revealer.js"),u=require("./components/separator.js"),k=require("./components/skeleton.js"),J=require("./components/sparebank1-logo.js"),L=require("./components/spinner.js"),j=require("./components/sto-logo.js"),Q=require("./components/storebrand-logo.js"),e=require("./components/text.js"),T=require("./components/text-button.js"),n=require("./components/theme-setter.js"),O=require("./components/veil.js"),C=require("./components/wrapper.js"),p=require("./icons/icon.js"),z=require("./icons/kakadu-guide-icon.js"),X=require("./icons/kakadu-guide-glyph.js"),Y=require("./icons/dots.js"),Z=require("./icons/menu.js"),$=require("./icons/check.js"),ee=require("./icons/plus.js"),oe=require("./icons/times.js"),te=require("./icons/chevron-up.js"),ne=require("./icons/chevron-right.js"),re=require("./icons/chevron-down.js"),ae=require("./icons/chevron-left.js"),ue=require("./icons/caret-up.js"),se=require("./icons/caret-right.js"),ce=require("./icons/caret-down.js"),ie=require("./icons/caret-left.js"),le=require("./icons/arrow-up.js"),de=require("./icons/arrow-right.js"),pe=require("./icons/arrow-down.js"),fe=require("./icons/arrow-left.js"),ge=require("./icons/anchor-up.js"),Se=require("./icons/anchor-down.js"),me=require("./icons/trend-up.js"),qe=require("./icons/eye.js"),_e=require("./icons/edit.js"),ve=require("./icons/cog.js"),he=require("./icons/copy.js"),ye=require("./icons/document.js"),ke=require("./icons/select.js"),Le=require("./icons/test.js"),Te=require("./icons/share.js"),Ce=require("./icons/package.js"),be=require("./icons/external.js"),Be=require("./icons/exclamation-triangle.js"),Pe=require("./icons/sparkle.js"),xe=require("./icons/trash.js"),we=require("./icons/chrome-browser-logo.js"),Ie=require("./icons/edge-browser-logo.js"),Me=require("./hooks/use-media-query.js"),s=require("./hooks/use-fetch.js"),Ge=require("./utilities/copy-to-clipboard.js"),De=require("./utilities/generate-random-id.js"),Fe=require("./utilities/scale.js");exports.FontFamilyHead=o.FontFamilyHead;exports.buttonResetStyles=o.buttonResetStyles;exports.darkBackgroundColor=o.darkBackgroundColor;exports.effectStyles=o.effectStyles;exports.font=o.font;exports.lightBackgroundColor=o.lightBackgroundColor;exports.nonInteractiveEffectStyles=o.nonInteractiveEffectStyles;exports.overflowProtectionStyles=o.overflowProtectionStyles;exports.theme=o.default;exports.AriaText=f.default;exports.ariaTextStyles=f.ariaTextStyles;exports.Atom=g.default;exports.defaultAtomElementType=g.defaultAtomElementType;exports.BankidLogo=b.default;exports.Box=B.default;exports.Button=t.default;exports.ButtonLoader=t.ButtonLoader;exports.ButtonVariant=t.ButtonVariant;exports.buttonDangerStyles=t.buttonDangerStyles;exports.buttonSecondaryStyles=t.buttonSecondaryStyles;exports.buttonSuccessStyles=t.buttonSuccessStyles;exports.buttonWarningStyles=t.buttonWarningStyles;exports.ButtonTooltip=S.default;exports.ButtonTooltipPosition=S.ButtonTooltipPosition;exports.Card=P.default;exports.ClickRipples=x.default;exports.Collapsible=w.default;exports.CopyIconButton=I.default;exports.Datum=M.default;exports.Decorators=G.default;exports.DnbLogo=D.default;exports.Dot=F.default;exports.Flex=m.default;exports.FlexAlignment=m.FlexAlignment;exports.Footer=q.default;exports.FooterLinkItem=q.FooterLinkItem;exports.Gauge=R.default;exports.GjensidigeLogo=A.default;exports.Header=H.default;exports.HoverGradient=_.default;exports.normalBlendStyles=_.normalBlendStyles;exports.IconButton=v.default;exports.IconButtonVariant=v.IconButtonVariant;exports.Input=c.default;exports.Select=c.Select;exports.errorParagraph=c.errorParagraph;exports.KakaduGuideIcon=E.default;exports.KakaduGuideLogo=i.default;exports.KakaduGuideLogoSvg=i.KakaduGuideLogoSvg;exports.KakaduGuideLogoVariant=i.KakaduGuideLogoVariant;exports.KakaduIndexLogo=K.default;exports.KakaduAcademyLogo=V.default;exports.KakaduLogo=N.default;exports.Modal=r.default;exports.ModalContent=r.ModalContent;exports.ModalHeading=r.ModalHeading;exports.useModal=r.useModal;exports.useModalContext=r.useModalContext;exports.MovingGradients=U.default;exports.MovingStars=W.default;exports.Notice=l.default;exports.NoticeType=l.NoticeType;exports.NotificationType=l.NoticeType;exports.Notification=d.default;exports.NotificationProvider=d.NotificationProvider;exports.useCreateNotification=d.useCreateNotification;exports.PopoverMenu=h.default;exports.usePopoverMenu=h.usePopoverMenu;exports.Popover=a.default;exports.PopoverContainer=a.PopoverContainer;exports.usePopover=a.usePopover;exports.usePopoverContext=a.usePopoverContext;exports.Revealer=y.default;exports.useRevealer=y.useRevealer;exports.Separator=u.default;exports.SeparatorLabel=u.SeparatorLabel;exports.SmallSeparator=u.SmallSeparator;exports.VerticalSeparator=u.VerticalSeparator;exports.Skeleton=k.default;exports.SkeletonInstance=k.SkeletonInstance;exports.Sparebank1Logo=J.default;exports.RevealSpinner=L.RevealSpinner;exports.Spinner=L.default;exports.StoLogo=j.default;exports.StorebrandLogo=Q.default;exports.AnchorHeading=e.AnchorHeading;exports.Heading=e.Heading;exports.Hero=e.Hero;exports.Label=e.Label;exports.Paragraph=e.Paragraph;exports.Span=e.Span;exports.Text=e.default;exports.defaultHeadingElementType=e.defaultHeadingElementType;exports.spanStyles=e.spanStyles;exports.textShadowStyles=e.textShadowStyles;exports.TextButton=T.default;exports.TextButtonVariant=T.TextButtonVariant;exports.ThemeSetter=n.default;exports.getThemePreference=n.getThemePreference;exports.setThemePreference=n.setThemePreference;exports.themePreferences=n.themePreferences;exports.useIsDarkMode=n.useIsDarkMode;exports.useIsLightMode=n.useIsLightMode;exports.useTheme=n.useTheme;exports.Veil=O.default;exports.Wrapper=C.default;exports.WrapperWidth=C.WrapperWidth;exports.Icon=p.default;exports.IconType=p.IconType;exports.iconShadowStyles=p.iconShadowStyles;exports.KakaduGuideIconSvg=z.default;exports.KakaduGuideGlyphSvg=X.default;exports.DotsSvg=Y.default;exports.MenuSvg=Z.default;exports.CheckSvg=$.default;exports.PlusSvg=ee.default;exports.TimesSvg=oe.default;exports.ChevronUpSvg=te.default;exports.ChevronRightSvg=ne.default;exports.ChevronDownSvg=re.default;exports.ChevronLeftSvg=ae.default;exports.CaretUpSvg=ue.default;exports.CaretRightSvg=se.default;exports.CaretDownSvg=ce.default;exports.CaretLeftSvg=ie.default;exports.ArrowUpSvg=le.default;exports.ArrowRightSvg=de.default;exports.ArrowDownSvg=pe.default;exports.ArrowLeftSvg=fe.default;exports.AnchorUpSvg=ge.default;exports.AnchorDownSvg=Se.default;exports.TrendUpSvg=me.default;exports.EyeSvg=qe.default;exports.EditSvg=_e.default;exports.CogSvg=ve.default;exports.CopySvg=he.default;exports.DocumentSvg=ye.default;exports.SelectSvg=ke.default;exports.TestSvg=Le.default;exports.ShareSvg=Te.default;exports.PackageSvg=Ce.default;exports.ExternalSvg=be.default;exports.ExclamationTriangleSvg=Be.default;exports.SparkleSvg=Pe.default;exports.TrashSvg=xe.default;exports.ChromeBrowserLogoSvg=we.default;exports.EdgeBrowserLogoSvg=Ie.default;exports.useMediaQuery=Me.default;exports.useFetch=s.default;exports.useFetcher=s.useFetcher;exports.useJsonFetch=s.useJsonFetch;exports.useJsonFetcher=s.useJsonFetcher;exports.copyToClipboard=Ge.default;exports.generateRandomId=De.default;exports.scale=Fe.default;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./theme.js"),f=require("./components/aria-text.js"),g=require("./components/atom.js"),b=require("./components/bankid-logo.js"),B=require("./components/box.js"),t=require("./components/button.js"),S=require("./components/button-tooltip.js"),P=require("./components/card.js"),x=require("./components/click-ripples.js"),w=require("./components/collapsible.js"),I=require("./components/copy-icon-button.js"),M=require("./components/datum.js"),G=require("./components/decorators.js"),A=require("./components/dnb-logo.js"),D=require("./components/dot.js"),m=require("./components/flex.js"),q=require("./components/footer.js"),F=require("./components/gauge.js"),R=require("./components/gjensidige-logo.js"),H=require("./components/header.js"),_=require("./components/hover-gradient.js"),v=require("./components/icon-button.js"),c=require("./components/input.js"),E=require("./components/kakadu-guide-icon.js"),i=require("./components/kakadu-guide-logo.js"),K=require("./components/kakadu-index-logo.js"),V=require("./components/kakadu-academy-logo.js"),N=require("./components/kakadu-logo.js"),r=require("./components/modal.js"),U=require("./components/moving-gradients.js"),W=require("./components/moving-stars.js"),l=require("./components/notice.js"),d=require("./components/notification.js"),h=require("./components/popover-menu.js"),a=require("./components/popover.js"),y=require("./components/revealer.js"),u=require("./components/separator.js"),k=require("./components/skeleton.js"),J=require("./components/sparebank1-logo.js"),L=require("./components/spinner.js"),j=require("./components/sto-logo.js"),Q=require("./components/storebrand-logo.js"),e=require("./components/text.js"),T=require("./components/text-button.js"),n=require("./components/theme-setter.js"),O=require("./components/veil.js"),C=require("./components/wrapper.js"),p=require("./icons/icon.js"),z=require("./icons/kakadu-guide-icon.js"),X=require("./icons/kakadu-guide-glyph.js"),Y=require("./icons/dots.js"),Z=require("./icons/menu.js"),$=require("./icons/check.js"),ee=require("./icons/plus.js"),oe=require("./icons/times.js"),te=require("./icons/chevron-up.js"),ne=require("./icons/chevron-right.js"),re=require("./icons/chevron-down.js"),ae=require("./icons/chevron-left.js"),ue=require("./icons/caret-up.js"),se=require("./icons/caret-right.js"),ce=require("./icons/caret-down.js"),ie=require("./icons/caret-left.js"),le=require("./icons/arrow-up.js"),de=require("./icons/arrow-right.js"),pe=require("./icons/arrow-down.js"),fe=require("./icons/arrow-left.js"),ge=require("./icons/anchor-up.js"),Se=require("./icons/anchor-down.js"),me=require("./icons/trend-up.js"),qe=require("./icons/eye.js"),_e=require("./icons/edit.js"),ve=require("./icons/cog.js"),he=require("./icons/copy.js"),ye=require("./icons/document.js"),ke=require("./icons/select.js"),Le=require("./icons/test.js"),Te=require("./icons/share.js"),Ce=require("./icons/package.js"),be=require("./icons/external.js"),Be=require("./icons/exclamation-triangle.js"),Pe=require("./icons/sparkle.js"),xe=require("./icons/trash.js"),we=require("./icons/chrome-browser-logo.js"),Ie=require("./icons/edge-browser-logo.js"),Me=require("./hooks/use-media-query.js"),s=require("./hooks/use-fetch.js"),Ge=require("./utilities/copy-to-clipboard.js"),Ae=require("./utilities/generate-random-id.js"),De=require("./utilities/scale.js");exports.FontFamilyHead=o.FontFamilyHead;exports.buttonResetStyles=o.buttonResetStyles;exports.darkBackgroundColor=o.darkBackgroundColor;exports.effectStyles=o.effectStyles;exports.font=o.font;exports.lightBackgroundColor=o.lightBackgroundColor;exports.nonInteractiveEffectStyles=o.nonInteractiveEffectStyles;exports.overflowProtectionStyles=o.overflowProtectionStyles;exports.theme=o.default;exports.AriaText=f.default;exports.ariaTextStyles=f.ariaTextStyles;exports.Atom=g.default;exports.defaultAtomElementType=g.defaultAtomElementType;exports.BankidLogo=b.default;exports.Box=B.default;exports.Button=t.default;exports.ButtonLoader=t.ButtonLoader;exports.ButtonVariant=t.ButtonVariant;exports.buttonDangerStyles=t.buttonDangerStyles;exports.buttonSecondaryStyles=t.buttonSecondaryStyles;exports.buttonSuccessStyles=t.buttonSuccessStyles;exports.buttonWarningStyles=t.buttonWarningStyles;exports.ButtonTooltip=S.default;exports.ButtonTooltipPosition=S.ButtonTooltipPosition;exports.Card=P.default;exports.ClickRipples=x.default;exports.Collapsible=w.default;exports.CopyIconButton=I.default;exports.Datum=M.default;exports.Decorators=G.default;exports.DnbLogo=A.default;exports.Dot=D.default;exports.Flex=m.default;exports.FlexAlignment=m.FlexAlignment;exports.Footer=q.default;exports.FooterLinkItem=q.FooterLinkItem;exports.Gauge=F.default;exports.GjensidigeLogo=R.default;exports.Header=H.default;exports.HoverGradient=_.default;exports.normalBlendStyles=_.normalBlendStyles;exports.IconButton=v.default;exports.IconButtonVariant=v.IconButtonVariant;exports.Input=c.default;exports.Select=c.Select;exports.errorParagraph=c.errorParagraph;exports.KakaduGuideIcon=E.default;exports.KakaduGuideLogo=i.default;exports.KakaduGuideLogoSvg=i.KakaduGuideLogoSvg;exports.KakaduGuideLogoVariant=i.KakaduGuideLogoVariant;exports.KakaduIndexLogo=K.default;exports.KakaduAcademyLogo=V.default;exports.KakaduLogo=N.default;exports.Modal=r.default;exports.ModalActions=r.ModalActions;exports.ModalContent=r.ModalContent;exports.ModalHeading=r.ModalHeading;exports.useModal=r.useModal;exports.useModalContext=r.useModalContext;exports.MovingGradients=U.default;exports.MovingStars=W.default;exports.Notice=l.default;exports.NoticeType=l.NoticeType;exports.NotificationType=l.NoticeType;exports.Notification=d.default;exports.NotificationProvider=d.NotificationProvider;exports.useCreateNotification=d.useCreateNotification;exports.PopoverMenu=h.default;exports.usePopoverMenu=h.usePopoverMenu;exports.Popover=a.default;exports.PopoverContainer=a.PopoverContainer;exports.usePopover=a.usePopover;exports.usePopoverContext=a.usePopoverContext;exports.Revealer=y.default;exports.useRevealer=y.useRevealer;exports.Separator=u.default;exports.SeparatorLabel=u.SeparatorLabel;exports.SmallSeparator=u.SmallSeparator;exports.VerticalSeparator=u.VerticalSeparator;exports.Skeleton=k.default;exports.SkeletonInstance=k.SkeletonInstance;exports.Sparebank1Logo=J.default;exports.RevealSpinner=L.RevealSpinner;exports.Spinner=L.default;exports.StoLogo=j.default;exports.StorebrandLogo=Q.default;exports.AnchorHeading=e.AnchorHeading;exports.Heading=e.Heading;exports.Hero=e.Hero;exports.Label=e.Label;exports.Paragraph=e.Paragraph;exports.Span=e.Span;exports.Text=e.default;exports.defaultHeadingElementType=e.defaultHeadingElementType;exports.spanStyles=e.spanStyles;exports.textShadowStyles=e.textShadowStyles;exports.TextButton=T.default;exports.TextButtonVariant=T.TextButtonVariant;exports.ThemeSetter=n.default;exports.getThemePreference=n.getThemePreference;exports.setThemePreference=n.setThemePreference;exports.themePreferences=n.themePreferences;exports.useIsDarkMode=n.useIsDarkMode;exports.useIsLightMode=n.useIsLightMode;exports.useTheme=n.useTheme;exports.Veil=O.default;exports.Wrapper=C.default;exports.WrapperWidth=C.WrapperWidth;exports.Icon=p.default;exports.IconType=p.IconType;exports.iconShadowStyles=p.iconShadowStyles;exports.KakaduGuideIconSvg=z.default;exports.KakaduGuideGlyphSvg=X.default;exports.DotsSvg=Y.default;exports.MenuSvg=Z.default;exports.CheckSvg=$.default;exports.PlusSvg=ee.default;exports.TimesSvg=oe.default;exports.ChevronUpSvg=te.default;exports.ChevronRightSvg=ne.default;exports.ChevronDownSvg=re.default;exports.ChevronLeftSvg=ae.default;exports.CaretUpSvg=ue.default;exports.CaretRightSvg=se.default;exports.CaretDownSvg=ce.default;exports.CaretLeftSvg=ie.default;exports.ArrowUpSvg=le.default;exports.ArrowRightSvg=de.default;exports.ArrowDownSvg=pe.default;exports.ArrowLeftSvg=fe.default;exports.AnchorUpSvg=ge.default;exports.AnchorDownSvg=Se.default;exports.TrendUpSvg=me.default;exports.EyeSvg=qe.default;exports.EditSvg=_e.default;exports.CogSvg=ve.default;exports.CopySvg=he.default;exports.DocumentSvg=ye.default;exports.SelectSvg=ke.default;exports.TestSvg=Le.default;exports.ShareSvg=Te.default;exports.PackageSvg=Ce.default;exports.ExternalSvg=be.default;exports.ExclamationTriangleSvg=Be.default;exports.SparkleSvg=Pe.default;exports.TrashSvg=xe.default;exports.ChromeBrowserLogoSvg=we.default;exports.EdgeBrowserLogoSvg=Ie.default;exports.useMediaQuery=Me.default;exports.useFetch=s.default;exports.useFetcher=s.useFetcher;exports.useJsonFetch=s.useJsonFetch;exports.useJsonFetcher=s.useJsonFetcher;exports.copyToClipboard=Ge.default;exports.generateRandomId=Ae.default;exports.scale=De.default;

package/build/index.mjs

@@ -3,8 +3,8 @@ import { default as n, ariaTextStyles as x } from "./components/aria-text.mjs";
 import { default as S, defaultAtomElementType as i } from "./components/atom.mjs";
 import { default as c } from "./components/bankid-logo.mjs";
 import { default as y } from "./components/box.mjs";
-import { default as T, ButtonLoader as k, ButtonVariant as L, buttonDangerStyles as B, buttonSecondaryStyles as P, buttonSuccessStyles as I, buttonWarningStyles as w } from "./components/button.mjs";
-import { default as b, ButtonTooltipPosition as A } from "./components/button-tooltip.mjs";
+import { default as T, ButtonLoader as k, ButtonVariant as L, buttonDangerStyles as B, buttonSecondaryStyles as P, buttonSuccessStyles as I, buttonWarningStyles as M } from "./components/button.mjs";
+import { default as A, ButtonTooltipPosition as b } from "./components/button-tooltip.mjs";
 import { default as G } from "./components/card.mjs";
 import { default as K } from "./components/click-ripples.mjs";
 import { default as E } from "./components/collapsible.mjs";
@@ -26,112 +26,112 @@ import { default as he, KakaduGuideLogoSvg as ye, KakaduGuideLogoVariant as Ce }
 import { default as ke } from "./components/kakadu-index-logo.mjs";
 import { default as Be } from "./components/kakadu-academy-logo.mjs";
 import { default as Ie } from "./components/kakadu-logo.mjs";
-import { default as Me, ModalContent as be, ModalHeading as Ae, useModal as De, useModalContext as Ge } from "./components/modal.mjs";
-import { default as Ke } from "./components/moving-gradients.mjs";
-import { default as Ee } from "./components/moving-stars.mjs";
-import { default as Ne, NoticeType as Ve, NoticeType as Ue } from "./components/notice.mjs";
-import { default as Je, NotificationProvider as je, useCreateNotification as Qe } from "./components/notification.mjs";
-import { default as ze, usePopoverMenu as Oe } from "./components/popover-menu.mjs";
-import { default as Ye, PopoverContainer as Ze, usePopover as _e, usePopoverContext as $e } from "./components/popover.mjs";
-import { default as oo, useRevealer as to } from "./components/revealer.mjs";
-import { default as ro, SeparatorLabel as fo, SmallSeparator as lo, VerticalSeparator as uo } from "./components/separator.mjs";
-import { default as po, SkeletonInstance as mo } from "./components/skeleton.mjs";
-import { default as xo } from "./components/sparebank1-logo.mjs";
-import { RevealSpinner as So, default as io } from "./components/spinner.mjs";
-import { default as co } from "./components/sto-logo.mjs";
-import { default as yo } from "./components/storebrand-logo.mjs";
-import { AnchorHeading as To, Heading as ko, Hero as Lo, Label as Bo, Paragraph as Po, Span as Io, default as wo, defaultHeadingElementType as Mo, spanStyles as bo, textShadowStyles as Ao } from "./components/text.mjs";
-import { default as Go, TextButtonVariant as Fo } from "./components/text-button.mjs";
-import { default as Ro, getThemePreference as Eo, setThemePreference as Ho, themePreferences as No, useIsDarkMode as Vo, useIsLightMode as Uo, useTheme as Wo } from "./components/theme-setter.mjs";
-import { default as jo } from "./components/veil.mjs";
-import { default as qo, WrapperWidth as zo } from "./components/wrapper.mjs";
-import { default as Xo, IconType as Yo, iconShadowStyles as Zo } from "./icons/icon.mjs";
-import { default as $o } from "./icons/kakadu-guide-icon.mjs";
-import { default as ot } from "./icons/kakadu-guide-glyph.mjs";
-import { default as at } from "./icons/dots.mjs";
-import { default as ft } from "./icons/menu.mjs";
-import { default as ut } from "./icons/check.mjs";
-import { default as st } from "./icons/plus.mjs";
-import { default as mt } from "./icons/times.mjs";
-import { default as xt } from "./icons/chevron-up.mjs";
-import { default as St } from "./icons/chevron-right.mjs";
-import { default as vt } from "./icons/chevron-down.mjs";
-import { default as ht } from "./icons/chevron-left.mjs";
-import { default as Ct } from "./icons/caret-up.mjs";
-import { default as kt } from "./icons/caret-right.mjs";
-import { default as Bt } from "./icons/caret-down.mjs";
-import { default as It } from "./icons/caret-left.mjs";
-import { default as Mt } from "./icons/arrow-up.mjs";
-import { default as At } from "./icons/arrow-right.mjs";
-import { default as Gt } from "./icons/arrow-down.mjs";
-import { default as Kt } from "./icons/arrow-left.mjs";
-import { default as Et } from "./icons/anchor-up.mjs";
-import { default as Nt } from "./icons/anchor-down.mjs";
-import { default as Ut } from "./icons/trend-up.mjs";
-import { default as Jt } from "./icons/eye.mjs";
-import { default as Qt } from "./icons/edit.mjs";
-import { default as zt } from "./icons/cog.mjs";
-import { default as Xt } from "./icons/copy.mjs";
-import { default as Zt } from "./icons/document.mjs";
-import { default as $t } from "./icons/select.mjs";
-import { default as oa } from "./icons/test.mjs";
-import { default as aa } from "./icons/share.mjs";
-import { default as fa } from "./icons/package.mjs";
-import { default as ua } from "./icons/external.mjs";
-import { default as sa } from "./icons/exclamation-triangle.mjs";
-import { default as ma } from "./icons/sparkle.mjs";
-import { default as xa } from "./icons/trash.mjs";
-import { default as Sa } from "./icons/chrome-browser-logo.mjs";
-import { default as va } from "./icons/edge-browser-logo.mjs";
-import { default as ha } from "./hooks/use-media-query.mjs";
-import { default as Ca, useFetcher as Ta, useJsonFetch as ka, useJsonFetcher as La } from "./hooks/use-fetch.mjs";
-import { default as Pa } from "./utilities/copy-to-clipboard.mjs";
+import { default as we, ModalActions as Ae, ModalContent as be, ModalHeading as De, useModal as Ge, useModalContext as Fe } from "./components/modal.mjs";
+import { default as Re } from "./components/moving-gradients.mjs";
+import { default as He } from "./components/moving-stars.mjs";
+import { default as Ve, NoticeType as Ue, NoticeType as We } from "./components/notice.mjs";
+import { default as je, NotificationProvider as Qe, useCreateNotification as qe } from "./components/notification.mjs";
+import { default as Oe, usePopoverMenu as Xe } from "./components/popover-menu.mjs";
+import { default as Ze, PopoverContainer as _e, usePopover as $e, usePopoverContext as eo } from "./components/popover.mjs";
+import { default as to, useRevealer as ao } from "./components/revealer.mjs";
+import { default as fo, SeparatorLabel as lo, SmallSeparator as uo, VerticalSeparator as so } from "./components/separator.mjs";
+import { default as mo, SkeletonInstance as no } from "./components/skeleton.mjs";
+import { default as go } from "./components/sparebank1-logo.mjs";
+import { RevealSpinner as io, default as vo } from "./components/spinner.mjs";
+import { default as ho } from "./components/sto-logo.mjs";
+import { default as Co } from "./components/storebrand-logo.mjs";
+import { AnchorHeading as ko, Heading as Lo, Hero as Bo, Label as Po, Paragraph as Io, Span as Mo, default as wo, defaultHeadingElementType as Ao, spanStyles as bo, textShadowStyles as Do } from "./components/text.mjs";
+import { default as Fo, TextButtonVariant as Ko } from "./components/text-button.mjs";
+import { default as Eo, getThemePreference as Ho, setThemePreference as No, themePreferences as Vo, useIsDarkMode as Uo, useIsLightMode as Wo, useTheme as Jo } from "./components/theme-setter.mjs";
+import { default as Qo } from "./components/veil.mjs";
+import { default as zo, WrapperWidth as Oo } from "./components/wrapper.mjs";
+import { default as Yo, IconType as Zo, iconShadowStyles as _o } from "./icons/icon.mjs";
+import { default as et } from "./icons/kakadu-guide-icon.mjs";
+import { default as tt } from "./icons/kakadu-guide-glyph.mjs";
+import { default as rt } from "./icons/dots.mjs";
+import { default as lt } from "./icons/menu.mjs";
+import { default as dt } from "./icons/check.mjs";
+import { default as pt } from "./icons/plus.mjs";
+import { default as nt } from "./icons/times.mjs";
+import { default as gt } from "./icons/chevron-up.mjs";
+import { default as it } from "./icons/chevron-right.mjs";
+import { default as ct } from "./icons/chevron-down.mjs";
+import { default as yt } from "./icons/chevron-left.mjs";
+import { default as Tt } from "./icons/caret-up.mjs";
+import { default as Lt } from "./icons/caret-right.mjs";
+import { default as Pt } from "./icons/caret-down.mjs";
+import { default as Mt } from "./icons/caret-left.mjs";
+import { default as At } from "./icons/arrow-up.mjs";
+import { default as Dt } from "./icons/arrow-right.mjs";
+import { default as Ft } from "./icons/arrow-down.mjs";
+import { default as Rt } from "./icons/arrow-left.mjs";
+import { default as Ht } from "./icons/anchor-up.mjs";
+import { default as Vt } from "./icons/anchor-down.mjs";
+import { default as Wt } from "./icons/trend-up.mjs";
+import { default as jt } from "./icons/eye.mjs";
+import { default as qt } from "./icons/edit.mjs";
+import { default as Ot } from "./icons/cog.mjs";
+import { default as Yt } from "./icons/copy.mjs";
+import { default as _t } from "./icons/document.mjs";
+import { default as ea } from "./icons/select.mjs";
+import { default as ta } from "./icons/test.mjs";
+import { default as ra } from "./icons/share.mjs";
+import { default as la } from "./icons/package.mjs";
+import { default as da } from "./icons/external.mjs";
+import { default as pa } from "./icons/exclamation-triangle.mjs";
+import { default as na } from "./icons/sparkle.mjs";
+import { default as ga } from "./icons/trash.mjs";
+import { default as ia } from "./icons/chrome-browser-logo.mjs";
+import { default as ca } from "./icons/edge-browser-logo.mjs";
+import { default as ya } from "./hooks/use-media-query.mjs";
+import { default as Ta, useFetcher as ka, useJsonFetch as La, useJsonFetcher as Ba } from "./hooks/use-fetch.mjs";
+import { default as Ia } from "./utilities/copy-to-clipboard.mjs";
 import { default as wa } from "./utilities/generate-random-id.mjs";
 import { default as ba } from "./utilities/scale.mjs";
 export {
-  Nt as AnchorDownSvg,
-  To as AnchorHeading,
-  Et as AnchorUpSvg,
+  Vt as AnchorDownSvg,
+  ko as AnchorHeading,
+  Ht as AnchorUpSvg,
   n as AriaText,
-  Gt as ArrowDownSvg,
-  Kt as ArrowLeftSvg,
-  At as ArrowRightSvg,
-  Mt as ArrowUpSvg,
+  Ft as ArrowDownSvg,
+  Rt as ArrowLeftSvg,
+  Dt as ArrowRightSvg,
+  At as ArrowUpSvg,
   S as Atom,
   c as BankidLogo,
   y as Box,
   T as Button,
   k as ButtonLoader,
-  b as ButtonTooltip,
-  A as ButtonTooltipPosition,
+  A as ButtonTooltip,
+  b as ButtonTooltipPosition,
   L as ButtonVariant,
   G as Card,
-  Bt as CaretDownSvg,
-  It as CaretLeftSvg,
-  kt as CaretRightSvg,
-  Ct as CaretUpSvg,
-  ut as CheckSvg,
-  vt as ChevronDownSvg,
-  ht as ChevronLeftSvg,
-  St as ChevronRightSvg,
-  xt as ChevronUpSvg,
-  Sa as ChromeBrowserLogoSvg,
+  Pt as CaretDownSvg,
+  Mt as CaretLeftSvg,
+  Lt as CaretRightSvg,
+  Tt as CaretUpSvg,
+  dt as CheckSvg,
+  ct as ChevronDownSvg,
+  yt as ChevronLeftSvg,
+  it as ChevronRightSvg,
+  gt as ChevronUpSvg,
+  ia as ChromeBrowserLogoSvg,
   K as ClickRipples,
-  zt as CogSvg,
+  Ot as CogSvg,
   E as Collapsible,
   N as CopyIconButton,
-  Xt as CopySvg,
+  Yt as CopySvg,
   U as Datum,
   J as Decorators,
   Q as DnbLogo,
-  Zt as DocumentSvg,
+  _t as DocumentSvg,
   z as Dot,
-  at as DotsSvg,
-  va as EdgeBrowserLogoSvg,
-  Qt as EditSvg,
-  sa as ExclamationTriangleSvg,
-  ua as ExternalSvg,
-  Jt as EyeSvg,
+  rt as DotsSvg,
+  ca as EdgeBrowserLogoSvg,
+  qt as EditSvg,
+  pa as ExclamationTriangleSvg,
+  da as ExternalSvg,
+  jt as EyeSvg,
   X as Flex,
   Y as FlexAlignment,
   t as FontFamilyHead,
@@ -140,108 +140,109 @@ export {
   oe as Gauge,
   ae as GjensidigeLogo,
   fe as Header,
-  ko as Heading,
-  Lo as Hero,
+  Lo as Heading,
+  Bo as Hero,
   ue as HoverGradient,
-  Xo as Icon,
+  Yo as Icon,
   pe as IconButton,
   me as IconButtonVariant,
-  Yo as IconType,
+  Zo as IconType,
   xe as Input,
   Be as KakaduAcademyLogo,
-  ot as KakaduGuideGlyphSvg,
+  tt as KakaduGuideGlyphSvg,
   ve as KakaduGuideIcon,
-  $o as KakaduGuideIconSvg,
+  et as KakaduGuideIconSvg,
   he as KakaduGuideLogo,
   ye as KakaduGuideLogoSvg,
   Ce as KakaduGuideLogoVariant,
   ke as KakaduIndexLogo,
   Ie as KakaduLogo,
-  Bo as Label,
-  ft as MenuSvg,
-  Me as Modal,
+  Po as Label,
+  lt as MenuSvg,
+  we as Modal,
+  Ae as ModalActions,
   be as ModalContent,
-  Ae as ModalHeading,
-  Ke as MovingGradients,
-  Ee as MovingStars,
-  Ne as Notice,
-  Ve as NoticeType,
-  Je as Notification,
-  je as NotificationProvider,
-  Ue as NotificationType,
-  fa as PackageSvg,
-  Po as Paragraph,
-  st as PlusSvg,
-  Ye as Popover,
-  Ze as PopoverContainer,
-  ze as PopoverMenu,
-  So as RevealSpinner,
-  oo as Revealer,
+  De as ModalHeading,
+  Re as MovingGradients,
+  He as MovingStars,
+  Ve as Notice,
+  Ue as NoticeType,
+  je as Notification,
+  Qe as NotificationProvider,
+  We as NotificationType,
+  la as PackageSvg,
+  Io as Paragraph,
+  pt as PlusSvg,
+  Ze as Popover,
+  _e as PopoverContainer,
+  Oe as PopoverMenu,
+  io as RevealSpinner,
+  to as Revealer,
   ge as Select,
-  $t as SelectSvg,
-  ro as Separator,
-  fo as SeparatorLabel,
-  aa as ShareSvg,
-  po as Skeleton,
-  mo as SkeletonInstance,
-  lo as SmallSeparator,
-  Io as Span,
-  xo as Sparebank1Logo,
-  ma as SparkleSvg,
-  io as Spinner,
-  co as StoLogo,
-  yo as StorebrandLogo,
-  oa as TestSvg,
+  ea as SelectSvg,
+  fo as Separator,
+  lo as SeparatorLabel,
+  ra as ShareSvg,
+  mo as Skeleton,
+  no as SkeletonInstance,
+  uo as SmallSeparator,
+  Mo as Span,
+  go as Sparebank1Logo,
+  na as SparkleSvg,
+  vo as Spinner,
+  ho as StoLogo,
+  Co as StorebrandLogo,
+  ta as TestSvg,
   wo as Text,
-  Go as TextButton,
-  Fo as TextButtonVariant,
-  Ro as ThemeSetter,
-  mt as TimesSvg,
-  xa as TrashSvg,
-  Ut as TrendUpSvg,
-  jo as Veil,
-  uo as VerticalSeparator,
-  qo as Wrapper,
-  zo as WrapperWidth,
+  Fo as TextButton,
+  Ko as TextButtonVariant,
+  Eo as ThemeSetter,
+  nt as TimesSvg,
+  ga as TrashSvg,
+  Wt as TrendUpSvg,
+  Qo as Veil,
+  so as VerticalSeparator,
+  zo as Wrapper,
+  Oo as WrapperWidth,
   x as ariaTextStyles,
   B as buttonDangerStyles,
   a as buttonResetStyles,
   P as buttonSecondaryStyles,
   I as buttonSuccessStyles,
-  w as buttonWarningStyles,
-  Pa as copyToClipboard,
+  M as buttonWarningStyles,
+  Ia as copyToClipboard,
   r as darkBackgroundColor,
   i as defaultAtomElementType,
-  Mo as defaultHeadingElementType,
+  Ao as defaultHeadingElementType,
   f as effectStyles,
   Se as errorParagraph,
   l as font,
   wa as generateRandomId,
-  Eo as getThemePreference,
-  Zo as iconShadowStyles,
+  Ho as getThemePreference,
+  _o as iconShadowStyles,
   u as lightBackgroundColor,
   d as nonInteractiveEffectStyles,
   de as normalBlendStyles,
   s as overflowProtectionStyles,
   ba as scale,
-  Ho as setThemePreference,
+  No as setThemePreference,
   bo as spanStyles,
-  Ao as textShadowStyles,
+  Do as textShadowStyles,
   p as theme,
-  No as themePreferences,
-  Qe as useCreateNotification,
-  Ca as useFetch,
-  Ta as useFetcher,
-  Vo as useIsDarkMode,
-  Uo as useIsLightMode,
-  ka as useJsonFetch,
-  La as useJsonFetcher,
-  ha as useMediaQuery,
-  De as useModal,
-  Ge as useModalContext,
-  _e as usePopover,
-  $e as usePopoverContext,
-  Oe as usePopoverMenu,
-  to as useRevealer,
-  Wo as useTheme
+  Vo as themePreferences,
+  qe as useCreateNotification,
+  Ta as useFetch,
+  ka as useFetcher,
+  Uo as useIsDarkMode,
+  Wo as useIsLightMode,
+  La as useJsonFetch,
+  Ba as useJsonFetcher,
+  ya as useMediaQuery,
+  Ge as useModal,
+  Fe as useModalContext,
+  $e as usePopover,
+  eo as usePopoverContext,
+  Xe as usePopoverMenu,
+  ao as useRevealer,
+  Jo as useTheme
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kakadu/components",
-  "version": "3.8.0",
+  "version": "3.9.0",
   "description": "Kakadu components library",
   "license": "MIT",
   "main": "./build/index.js",