@kakadu/components 3.9.0 → 3.10.0

package/build/components/icon-button.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../jsx-runtime-BB_1_6y_.js"),s=require("react"),o=require("@kuma-ui/core"),d=require("../icons/icon.js"),g=require("../theme.js"),D=require("./theme-setter.js"),r=require("./button.js"),M=require("./button-tooltip.js"),z=require("./click-ripples.js"),b=require("./hover-gradient.js"),A=require("./skeleton.js"),C=require("./atom.js");var y=(e=>(e.default="default",e.success="success",e.warning="warning",e.danger="danger",e))(y||{});function P({icon:e,variant:u="default",label:p,tooltipPosition:E,href:f,target:q,rel:w,disabled:_,isLoading:k,isSkeleton:c,isSkeletonAnimated:v=!0,className:N,...I}){const j=s.useId(),T=D.useIsDarkMode(),n=f&&!c,[a,B]=s.useState(e),[h,m]=s.useState(!1),R=s.useRef(e),i=s.useRef(null);s.useEffect(()=>{R.current=e},[e]);const l=s.useCallback(()=>{i.current&&(clearTimeout(i.current),i.current=null)},[]);s.useEffect(()=>{if(a===e){m(S=>S&&!1);return}m(!0),l(),i.current=setTimeout(()=>{m(!1),B(R.current)},370)},[a,e,l]),s.useEffect(()=>()=>{l()},[l]);const x=!!_||!!k||!!c;return t.jsxRuntimeExports.jsxs("div",{className:"kakadu-components-4096632152",children:[t.jsxRuntimeExports.jsxs(C.default,{...I,as:n?"a":"button",type:n?void 0:"button",href:n?f:void 0,target:n?q:void 0,rel:n?w:void 0,"aria-label":p,"aria-describedby":j,disabled:n?void 0:x,inert:n?x:void 0,className:o.cx(g.buttonResetStyles,g.effectStyles,"kakadu-components-2957737620",u==="default"&&o.cx(r.buttonSecondaryStyles,"kakadu-components-1561784812"),u==="success"&&o.cx(r.buttonSuccessStyles,"kakadu-components-1398421429"),u==="warning"&&o.cx(r.buttonWarningStyles,"kakadu-components-1872098090"),u==="danger"&&o.cx(r.buttonDangerStyles,"kakadu-components-2064536093"),c&&"kakadu-components-2662775151",N),children:[t.jsxRuntimeExports.jsxs("span",{"data-theme":u==="default"?T?"dark":"light":"dark",className:"kakadu-components-3040141419",children:[t.jsxRuntimeExports.jsx(d.default,{width:16,height:16,type:a,className:o.cx(d.iconShadowStyles,"kakadu-components-1562914001",h&&"kakadu-components-2360250719")}),a===e?null:t.jsxRuntimeExports.jsx(d.default,{width:16,height:16,type:e,className:o.cx(d.iconShadowStyles,"kakadu-components-1224061930",h&&"kakadu-components-2519520784")})]}),t.jsxRuntimeExports.jsx(r.ButtonLoader,{isLoading:k,size:14}),t.jsxRuntimeExports.jsx(M.default,{id:j,label:p,position:E}),x?null:t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx(z.default,{size:50}),t.jsxRuntimeExports.jsx(b.default,{size:50,className:u==="default"?b.normalBlendStyles:void 0})]})]}),c?t.jsxRuntimeExports.jsx("div",{className:"kakadu-components-3422055155",children:t.jsxRuntimeExports.jsx(A.SkeletonInstance,{width:"100%",height:"100%",isAnimated:v})}):null]})}exports.IconButtonVariant=y;exports.default=P;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../jsx-runtime-BB_1_6y_.js"),s=require("react"),o=require("@kuma-ui/core"),d=require("../icons/icon.js"),g=require("../theme.js"),D=require("./theme-setter.js"),r=require("./button.js"),M=require("./button-tooltip.js"),z=require("./click-ripples.js"),b=require("./hover-gradient.js"),A=require("./skeleton.js"),C=require("./atom.js");var y=(e=>(e.default="default",e.success="success",e.warning="warning",e.danger="danger",e))(y||{});function O({icon:e,variant:u="default",label:p,tooltipPosition:E,href:f,target:q,rel:w,disabled:_,isLoading:k,isSkeleton:c,isSkeletonAnimated:v=!0,className:N,...I}){const j=s.useId(),T=D.useIsDarkMode(),n=f&&!c,[a,B]=s.useState(e),[h,m]=s.useState(!1),R=s.useRef(e),i=s.useRef(null);s.useEffect(()=>{R.current=e},[e]);const l=s.useCallback(()=>{i.current&&(clearTimeout(i.current),i.current=null)},[]);s.useEffect(()=>{if(a===e){m(S=>S&&!1);return}m(!0),l(),i.current=setTimeout(()=>{m(!1),B(R.current)},370)},[a,e,l]),s.useEffect(()=>()=>{l()},[l]);const x=!!_||!!k||!!c;return t.jsxRuntimeExports.jsxs("div",{className:"kakadu-components-4096632152",children:[t.jsxRuntimeExports.jsxs(C.default,{...I,as:n?"a":"button",type:n?void 0:"button",href:n?f:void 0,target:n?q:void 0,rel:n?w:void 0,"aria-label":p,"aria-describedby":j,disabled:n?void 0:x,inert:n?x:void 0,className:o.cx(g.buttonResetStyles,g.effectStyles,"kakadu-components-2957737620",u==="default"&&o.cx(r.buttonSecondaryStyles,"kakadu-components-1561784812"),u==="success"&&o.cx(r.buttonSuccessStyles,"kakadu-components-1398421429"),u==="warning"&&o.cx(r.buttonWarningStyles,"kakadu-components-1872098090"),u==="danger"&&o.cx(r.buttonDangerStyles,"kakadu-components-2064536093"),c&&"kakadu-components-2662775151",N),children:[t.jsxRuntimeExports.jsxs("span",{"data-theme":u==="default"?T?"dark":"light":"dark",className:"kakadu-components-3040141419",children:[t.jsxRuntimeExports.jsx(d.default,{width:16,height:16,type:a,className:o.cx(d.iconShadowStyles,"kakadu-components-1562914001",h&&"kakadu-components-2360250719")}),a===e?null:t.jsxRuntimeExports.jsx(d.default,{width:16,height:16,type:e,className:o.cx(d.iconShadowStyles,"kakadu-components-1224061930",h&&"kakadu-components-2519520784")})]}),t.jsxRuntimeExports.jsx(r.ButtonLoader,{isLoading:k,size:14}),t.jsxRuntimeExports.jsx(M.default,{id:j,label:p,position:E}),x?null:t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx(z.default,{size:50}),t.jsxRuntimeExports.jsx(b.default,{size:50,className:u==="default"?b.normalBlendStyles:void 0})]})]}),c?t.jsxRuntimeExports.jsx("div",{className:"kakadu-components-3422055155",children:t.jsxRuntimeExports.jsx(A.SkeletonInstance,{width:"100%",height:"100%",isAnimated:v})}):null]})}exports.IconButtonVariant=y;exports.default=O;

package/build/components/icon-button.mjs

@@ -1,24 +1,24 @@
 import { j as t } from "../jsx-runtime-B4hRZ52C.mjs";
-import { useId as A, useState as j, useRef as y, useEffect as l, useCallback as C } from "react";
+import { useId as A, useState as j, useRef as y, useEffect as i, useCallback as C } from "react";
 import { cx as o } from "@kuma-ui/core";
 import b, { iconShadowStyles as S } from "../icons/icon.mjs";
 import { buttonResetStyles as E, effectStyles as M } from "../theme.mjs";
 import { useIsDarkMode as F } from "./theme-setter.mjs";
-import { ButtonLoader as G, buttonSecondaryStyles as H, buttonSuccessStyles as P, buttonWarningStyles as W, buttonDangerStyles as q } from "./button.mjs";
+import { ButtonLoader as G, buttonSecondaryStyles as H, buttonSuccessStyles as O, buttonWarningStyles as W, buttonDangerStyles as q } from "./button.mjs";
 import J from "./button-tooltip.mjs";
 import K from "./click-ripples.mjs";
-import L, { normalBlendStyles as O } from "./hover-gradient.mjs";
+import L, { normalBlendStyles as P } from "./hover-gradient.mjs";
 import { SkeletonInstance as Q } from "./skeleton.mjs";
 import U from "./atom.mjs";
 var X = /* @__PURE__ */ ((e) => (e.default = "default", e.success = "success", e.warning = "warning", e.danger = "danger", e))(X || {});
-function ue({
+function ce({
   icon: e,
   variant: n = "default",
   label: m,
   tooltipPosition: w,
   href: p,
-  target: v,
-  rel: N,
+  target: N,
+  rel: v,
   disabled: R,
   isLoading: f,
   isSkeleton: r,
@@ -26,36 +26,36 @@ function ue({
   className: B,
   ...D
 }) {
-  const k = A(), T = F(), s = p && !r, [a, z] = j(e), [h, d] = j(!1), x = y(e), u = y(null);
-  l(() => {
+  const k = A(), T = F(), s = p && !r, [a, z] = j(e), [h, d] = j(!1), x = y(e), c = y(null);
+  i(() => {
     x.current = e;
   }, [e]);
-  const c = C(() => {
-    u.current && (clearTimeout(u.current), u.current = null);
+  const u = C(() => {
+    c.current && (clearTimeout(c.current), c.current = null);
   }, []);
-  l(() => {
+  i(() => {
     if (a === e) {
       d((g) => g && !1);
       return;
     }
-    d(!0), c(), u.current = setTimeout(() => {
+    d(!0), u(), c.current = setTimeout(() => {
       d(!1), z(x.current);
     }, 370);
-  }, [a, e, c]), l(() => () => {
-    c();
-  }, [c]);
-  const i = !!R || !!f || !!r;
+  }, [a, e, u]), i(() => () => {
+    u();
+  }, [u]);
+  const l = !!R || !!f || !!r;
   return /* @__PURE__ */ t.jsxs("div", { className: "kakadu-components-4096632152", children: [
-    /* @__PURE__ */ t.jsxs(U, { ...D, as: s ? "a" : "button", type: s ? void 0 : "button", href: s ? p : void 0, target: s ? v : void 0, rel: s ? N : void 0, "aria-label": m, "aria-describedby": k, disabled: s ? void 0 : i, inert: s ? i : void 0, className: o(E, M, "kakadu-components-2957737620", n === "default" && o(H, "kakadu-components-1561784812"), n === "success" && o(P, "kakadu-components-1398421429"), n === "warning" && o(W, "kakadu-components-1872098090"), n === "danger" && o(q, "kakadu-components-2064536093"), r && "kakadu-components-2662775151", B), children: [
+    /* @__PURE__ */ t.jsxs(U, { ...D, as: s ? "a" : "button", type: s ? void 0 : "button", href: s ? p : void 0, target: s ? N : void 0, rel: s ? v : void 0, "aria-label": m, "aria-describedby": k, disabled: s ? void 0 : l, inert: s ? l : void 0, className: o(E, M, "kakadu-components-2957737620", n === "default" && o(H, "kakadu-components-1561784812"), n === "success" && o(O, "kakadu-components-1398421429"), n === "warning" && o(W, "kakadu-components-1872098090"), n === "danger" && o(q, "kakadu-components-2064536093"), r && "kakadu-components-2662775151", B), children: [
       /* @__PURE__ */ t.jsxs("span", { "data-theme": n === "default" ? T ? "dark" : "light" : "dark", className: "kakadu-components-3040141419", children: [
         /* @__PURE__ */ t.jsx(b, { width: 16, height: 16, type: a, className: o(S, "kakadu-components-1562914001", h && "kakadu-components-2360250719") }),
         a === e ? null : /* @__PURE__ */ t.jsx(b, { width: 16, height: 16, type: e, className: o(S, "kakadu-components-1224061930", h && "kakadu-components-2519520784") })
       ] }),
       /* @__PURE__ */ t.jsx(G, { isLoading: f, size: 14 }),
       /* @__PURE__ */ t.jsx(J, { id: k, label: m, position: w }),
-      i ? null : /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+      l ? null : /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
         /* @__PURE__ */ t.jsx(K, { size: 50 }),
-        /* @__PURE__ */ t.jsx(L, { size: 50, className: n === "default" ? O : void 0 })
+        /* @__PURE__ */ t.jsx(L, { size: 50, className: n === "default" ? P : void 0 })
       ] })
     ] }),
     r ? /* @__PURE__ */ t.jsx("div", { className: "kakadu-components-3422055155", children: /* @__PURE__ */ t.jsx(Q, { width: "100%", height: "100%", isAnimated: I }) }) : null
@@ -63,5 +63,5 @@ function ue({
 }
 export {
   X as IconButtonVariant,
-  ue as default
+  ce as default
 };

package/build/components/popover-menu.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../jsx-runtime-BB_1_6y_.js"),I=require("@kuma-ui/core"),a=require("react"),N=require("../theme.js"),b=require("../icons/icon.js"),j=require("./popover.js"),S=require("./atom.js"),w=require("./text.js"),y=require("./hover-gradient.js"),_=require("./click-ripples.js"),C=require("./separator.js"),K=require("./decorators.js"),k=new Set;function M(){const[e,n]=a.useState(!1),u=a.useCallback(s=>{n(s);for(const o of k)o(s)},[]);return a.useEffect(()=>{const s=o=>{n(o)};return k.add(s),()=>{k.delete(s)}},[]),a.useMemo(()=>({isKeyboardNavigating:e,setIsKeyboardNavigating:u}),[e,u])}function F({label:e,iconLeft:n,iconRight:u,href:s,shouldCloseOnClick:o=!0,decorators:v=[],submenu:m,className:i,onClick:r,...f}){const{isVisible:p,isPreparingFocus:l,isFocused:c,close:x}=j.usePopoverContext(),{isKeyboardNavigating:d}=M(),E=a.useRef(!0),R=a.useCallback(()=>{E.current=c},[c]),g=a.useCallback(q=>{!d&&!E.current||c&&(r==null||r(q),m?m.show():o&&(x==null||x()))},[d,c,r,m,o,x]),h=a.useMemo(()=>t.jsxRuntimeExports.jsxs(S.default,{as:s?"a":"button",...f,type:s?void 0:"button",role:"menuitem",href:s,inert:!p&&!l,disabled:s?void 0:!p&&!l,className:I.cx(N.buttonResetStyles,"kakadu-components-4075327442",c&&"kakadu-components-3160069815",d?"kakadu-components-2043829669":c&&"kakadu-components-2862719809",i),onClick:g,onPointerDownCapture:R,children:[t.jsxRuntimeExports.jsxs(w.Span,{className:"kakadu-components-1109353535",children:[n?t.jsxRuntimeExports.jsx(b.default,{width:12,height:12,type:n}):null,t.jsxRuntimeExports.jsx("span",{className:"kakadu-components-913703148",children:e}),u?t.jsxRuntimeExports.jsx(b.default,{width:12,height:12,type:u}):null]}),d?null:t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx(_.default,{isActive:c,size:100}),t.jsxRuntimeExports.jsx(y.default,{isActive:c,size:150,className:y.normalBlendStyles})]})]}),[s,f,p,l,d,i,g,R,n,e,u,c]);return t.jsxRuntimeExports.jsx(K.default,{decorators:v,children:m?t.jsxRuntimeExports.jsx(P,{menu:m.popoverMenu,className:"kakadu-components-1861176543",children:h}):h})}function A(e){if("type"in e){if(e.type==="separator")return t.jsxRuntimeExports.jsx(C.default,{});if(e.type==="group")return t.jsxRuntimeExports.jsx(w.Span,{className:"kakadu-components-1499037363",children:e.label})}return t.jsxRuntimeExports.jsx(F,{...e})}function D({items:e}){const{isFocused:n}=j.usePopoverContext(),[u,s]=a.useState([]),{setIsKeyboardNavigating:o}=M(),v=a.useCallback(i=>{i&&s(r=>r.includes(i)?r:[...r,i])},[]),m=a.useCallback(i=>{n&&(i.currentTarget.focus(),o(!1))},[n,o]);return a.useEffect(()=>{if(!n)return;const i=r=>{const f=u.filter(d=>d.isConnected),p=f.length;if(p===0)return;let l;const c=document.activeElement;let x=c?f.indexOf(c):-1;switch(x===-1&&(x=0),r.key){case"ArrowDown":{l=(x+1)%p;break}case"ArrowUp":{l=(x-1+p)%p;break}case"Home":{l=0;break}case"End":{l=p-1;break}case"Tab":{o(!0);return}}if(l!==void 0){r.preventDefault(),r.stopPropagation();const d=f[l];d&&(d.focus(),o(!0))}};return window.addEventListener("keydown",i,{capture:!0}),()=>{window.removeEventListener("keydown",i,{capture:!0})}},[n,u,o]),t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{children:e.map((i,r)=>t.jsxRuntimeExports.jsx(A,{...i,reference:v,onMouseEnter:m},r))})}function T({items:e,...n}){return t.jsxRuntimeExports.jsx(j.default,{...n,as:"nav",role:"menu",innerClassName:"kakadu-components-3600436535",children:t.jsxRuntimeExports.jsx(D,{items:e})})}function z(e){const n=a.useMemo(()=>({items:e}),[e]),{show:u,close:s,popover:o}=j.usePopover(T,n);return a.useMemo(()=>({show:u,close:s,popoverMenu:o}),[u,s,o])}function P({menu:e,className:n,children:u}){return t.jsxRuntimeExports.jsxs(j.PopoverContainer,{className:n,children:[u,e]})}exports.default=P;exports.usePopoverMenu=z;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../jsx-runtime-BB_1_6y_.js"),I=require("@kuma-ui/core"),a=require("react"),N=require("../theme.js"),b=require("../icons/icon.js"),j=require("./popover.js"),S=require("./atom.js"),w=require("./text.js"),y=require("./hover-gradient.js"),_=require("./click-ripples.js"),C=require("./separator.js"),K=require("./decorators.js"),k=new Set;function M(){const[e,n]=a.useState(!1),u=a.useCallback(s=>{n(s);for(const o of k)o(s)},[]);return a.useEffect(()=>{const s=o=>{n(o)};return k.add(s),()=>{k.delete(s)}},[]),a.useMemo(()=>({isKeyboardNavigating:e,setIsKeyboardNavigating:u}),[e,u])}function F({label:e,iconLeft:n,iconRight:u,href:s,shouldCloseOnClick:o=!0,decorators:v=[],submenu:m,className:i,onClick:r,...f}){const{isVisible:d,isPreparingFocus:l,isFocused:c,close:x}=j.usePopoverContext(),{isKeyboardNavigating:p}=M(),E=a.useRef(!0),R=a.useCallback(()=>{E.current=c},[c]),g=a.useCallback(q=>{!p&&!E.current||c&&(r==null||r(q),m?m.show():o&&(x==null||x()))},[p,c,r,m,o,x]),h=a.useMemo(()=>t.jsxRuntimeExports.jsxs(S.default,{as:s?"a":"button",...f,type:s?void 0:"button",role:"menuitem",href:s,inert:!d&&!l,disabled:s?void 0:!d&&!l,className:I.cx(N.buttonResetStyles,"kakadu-components-4075327442",c&&"kakadu-components-3160069815",p?"kakadu-components-2043829669":c&&"kakadu-components-2862719809",i),onClick:g,onPointerDownCapture:R,children:[t.jsxRuntimeExports.jsxs(w.Span,{className:"kakadu-components-1109353535",children:[n?t.jsxRuntimeExports.jsx(b.default,{width:12,height:12,type:n}):null,t.jsxRuntimeExports.jsx("span",{className:"kakadu-components-913703148",children:e}),u?t.jsxRuntimeExports.jsx(b.default,{width:12,height:12,type:u}):null]}),p?null:t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx(_.default,{isActive:c,size:100}),t.jsxRuntimeExports.jsx(y.default,{isActive:c,size:150,className:y.normalBlendStyles})]})]}),[s,f,d,l,p,i,g,R,n,e,u,c]);return t.jsxRuntimeExports.jsx(K.default,{decorators:v,children:m?t.jsxRuntimeExports.jsx(P,{menu:m.popoverMenu,className:"kakadu-components-1861176543",children:h}):h})}function A(e){if("type"in e){if(e.type==="separator")return t.jsxRuntimeExports.jsx(C.default,{});if(e.type==="group")return t.jsxRuntimeExports.jsx(w.Span,{className:"kakadu-components-1499037363",children:e.label})}return t.jsxRuntimeExports.jsx(F,{...e})}function D({items:e}){const{isFocused:n}=j.usePopoverContext(),[u,s]=a.useState([]),{setIsKeyboardNavigating:o}=M(),v=a.useCallback(i=>{i&&s(r=>r.includes(i)?r:[...r,i])},[]),m=a.useCallback(i=>{n&&(i.currentTarget.focus(),o(!1))},[n,o]);return a.useEffect(()=>{if(!n)return;const i=r=>{const f=u.filter(p=>p.isConnected),d=f.length;if(d===0)return;let l;const c=document.activeElement;let x=c?f.indexOf(c):-1;switch(x===-1&&(x=0),r.key){case"ArrowDown":{l=(x+1)%d;break}case"ArrowUp":{l=(x-1+d)%d;break}case"Home":{l=0;break}case"End":{l=d-1;break}case"Tab":{o(!0);return}}if(l!==void 0){r.preventDefault(),r.stopPropagation();const p=f[l];p&&(p.focus(),o(!0))}};return window.addEventListener("keydown",i,{capture:!0}),()=>{window.removeEventListener("keydown",i,{capture:!0})}},[n,u,o]),t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{children:e.map((i,r)=>t.jsxRuntimeExports.jsx(A,{...i,reference:v,onMouseEnter:m},r))})}function T({items:e,...n}){return t.jsxRuntimeExports.jsx(j.default,{...n,as:"nav",role:"menu",innerClassName:"kakadu-components-3600436535",children:t.jsxRuntimeExports.jsx(D,{items:e})})}function z(e){const n=a.useMemo(()=>({items:e}),[e]),{show:u,close:s,popover:o}=j.usePopover(T,n);return a.useMemo(()=>({show:u,close:s,popoverMenu:o}),[u,s,o])}function P({menu:e,className:n,children:u}){return t.jsxRuntimeExports.jsxs(j.PopoverContainer,{className:n,children:[u,e]})}exports.default=P;exports.usePopoverMenu=z;

package/build/components/popover-menu.mjs

@@ -42,17 +42,17 @@ function G({
   ...f
 }) {
   const {
-    isVisible: l,
+    isVisible: m,
     isPreparingFocus: u,
     isFocused: c,
-    close: m
+    close: l
   } = N(), {
     isKeyboardNavigating: d
   } = E(), j = A(!0), h = v(() => {
     j.current = c;
   }, [c]), w = v((S) => {
-    !d && !j.current || c && (s == null || s(S), p ? p.show() : r && (m == null || m()));
-  }, [d, c, s, p, r, m]), y = x(() => /* @__PURE__ */ n.jsxs(R, { as: o ? "a" : "button", ...f, type: o ? void 0 : "button", role: "menuitem", href: o, inert: !l && !u, disabled: o ? void 0 : !l && !u, className: K(C, "kakadu-components-4075327442", c && "kakadu-components-3160069815", d ? "kakadu-components-2043829669" : c && "kakadu-components-2862719809", i), onClick: w, onPointerDownCapture: h, children: [
+    !d && !j.current || c && (s == null || s(S), p ? p.show() : r && (l == null || l()));
+  }, [d, c, s, p, r, l]), y = x(() => /* @__PURE__ */ n.jsxs(R, { as: o ? "a" : "button", ...f, type: o ? void 0 : "button", role: "menuitem", href: o, inert: !m && !u, disabled: o ? void 0 : !m && !u, className: K(C, "kakadu-components-4075327442", c && "kakadu-components-3160069815", d ? "kakadu-components-2043829669" : c && "kakadu-components-2862719809", i), onClick: w, onPointerDownCapture: h, children: [
     /* @__PURE__ */ n.jsxs(M, { className: "kakadu-components-1109353535", children: [
       t ? /* @__PURE__ */ n.jsx(P, { width: 12, height: 12, type: t }) : null,
       /* @__PURE__ */ n.jsx("span", { className: "kakadu-components-913703148", children: e }),
@@ -62,7 +62,7 @@ function G({
       /* @__PURE__ */ n.jsx(T, { isActive: c, size: 100 }),
       /* @__PURE__ */ n.jsx(z, { isActive: c, size: 150, className: L })
     ] })
-  ] }), [o, f, l, u, d, i, w, h, t, e, a, c]);
+  ] }), [o, f, m, u, d, i, w, h, t, e, a, c]);
   return /* @__PURE__ */ n.jsx(B, { decorators: k, children: p ? /* @__PURE__ */ n.jsx(O, { menu: p.popoverMenu, className: "kakadu-components-1861176543", children: y }) : y });
 }
 function U(e) {
@@ -90,19 +90,19 @@ function q({
     if (!t)
       return;
     const i = (s) => {
-      const f = a.filter((d) => d.isConnected), l = f.length;
-      if (l === 0)
+      const f = a.filter((d) => d.isConnected), m = f.length;
+      if (m === 0)
         return;
       let u;
       const c = document.activeElement;
-      let m = c ? f.indexOf(c) : -1;
-      switch (m === -1 && (m = 0), s.key) {
+      let l = c ? f.indexOf(c) : -1;
+      switch (l === -1 && (l = 0), s.key) {
         case "ArrowDown": {
-          u = (m + 1) % l;
+          u = (l + 1) % m;
           break;
         }
         case "ArrowUp": {
-          u = (m - 1 + l) % l;
+          u = (l - 1 + m) % m;
           break;
         }
         case "Home": {
@@ -110,7 +110,7 @@ function q({
           break;
         }
         case "End": {
-          u = l - 1;
+          u = m - 1;
           break;
         }
         case "Tab": {

package/build/components/popover.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("../jsx-runtime-BB_1_6y_.js"),f=require("@kuma-ui/core"),e=require("react"),K=require("../focus-trap-react-CcpTuiJi.js"),w=require("./atom.js"),$=e.createContext({isVisible:!1,isPreparingFocus:!1,isFocused:!1}),{Provider:Q}=$;function X(){return e.useContext($)}function Y({as:i,className:s,...o}){return n.jsxRuntimeExports.jsx(w.default,{as:i??w.defaultAtomElementType,...o,className:f.cx("kakadu-components-2845019685",s)})}function Z({as:i,isVisible:s,label:o,shouldCloseOnOutsideClick:d=!0,shouldCloseOnEscapePress:a=!0,children:p,className:u,innerClassName:x,onClose:r,...v}){const I=e.useRef(null),S=e.useRef(null),[q,h]=e.useState(!1),[A,k]=e.useState(!1),[C,H]=e.useState(!1),[c,g]=e.useState(!1),[U,j]=e.useState(!1),M=e.useCallback(t=>{I.current=t,g(!1)},[]),E=e.useRef(null),N=e.useCallback(t=>{t&&(E.current=t)},[]),G=e.useMemo(()=>({initialFocus:()=>E.current??void 0,onPostActivate(){var t;k(!0),h(!1),(t=E.current)==null||t.focus()},clickOutsideDeactivates:d,escapeDeactivates:a,onPostUnpause(){k(!0)},onPause(){k(!1)},onDeactivate(){j(!1),g(!1),k(!1)}}),[d,a]),[L,O]=e.useState(s??!1),J=e.useMemo(()=>({isVisible:L,isPreparingFocus:q,isFocused:A,setInitialFocus:N,close:M}),[L,q,A,N,M]),[l,y]=e.useState("center");return e.useEffect(()=>{const t=S.current;if(t){const P=()=>{const D=t.offsetParent,F=D instanceof HTMLElement?D.getBoundingClientRect():null,V=t.getBoundingClientRect();if(!F){y("center");return}const T=16,_=window.innerWidth-T,b=F.left+F.width/2-V.width/2,z=b+V.width,B=b<T,W=z>_;let m="center";if(B&&W){const R=T-b;m=z-_>R?"right":"left"}else W?m="right":B&&(m="left");y(R=>R===m?R:m)};return P(),window.addEventListener("resize",P),()=>{window.removeEventListener("resize",P)}}},[]),e.useEffect(()=>{s&&(H(!0),O(!0))},[s]),e.useEffect(()=>{if(s){const t=setTimeout(()=>{g(!0)},100);return()=>{clearTimeout(t)}}g(!1)},[s]),e.useEffect(()=>{if(!c){j(!1),h(!1);return}h(!0);const t=window.requestAnimationFrame(()=>{j(!0)});return()=>{window.cancelAnimationFrame(t)}},[c]),e.useEffect(()=>{if(C&&!c){const t=setTimeout(()=>{r==null||r(I.current??void 0),O(!1)},370);return()=>{clearTimeout(t)}}},[C,c,r]),n.jsxRuntimeExports.jsx(w.default,{reference:S,as:i??w.defaultAtomElementType,role:"dialog","aria-hidden":!c,"aria-label":o??"Popover",...v,className:f.cx("kakadu-components-3920007758",l==="left"&&"kakadu-components-611400930",l==="right"&&"kakadu-components-944244368",c&&"kakadu-components-1399012551",u),children:n.jsxRuntimeExports.jsxs("div",{className:f.cx("kakadu-components-1118152266",c&&"kakadu-components-231244945"),children:[n.jsxRuntimeExports.jsx("div",{className:f.cx("kakadu-components-1951789226",l==="left"&&"kakadu-components-1495725644",l==="right"&&"kakadu-components-4235689197")}),n.jsxRuntimeExports.jsx(K.focusTrapReactExports.FocusTrap,{active:U,focusTrapOptions:G,children:n.jsxRuntimeExports.jsxs("div",{className:f.cx("kakadu-components-2488426662",x),children:[n.jsxRuntimeExports.jsx(Q,{value:J,children:p}),n.jsxRuntimeExports.jsx("div",{className:f.cx("kakadu-components-3252390100",l==="left"&&"kakadu-components-3754561431",l==="right"&&"kakadu-components-2265262600")})]})})]})})}function ee(i,s){const[o,d]=e.useState(!1),a=e.useRef(void 0),p=e.useCallback(async()=>(d(!0),new Promise(r=>{a.current=r})),[]),u=e.useCallback(r=>{var v;d(!1),(v=a.current)==null||v.call(a,r),a.current=void 0},[]),x=e.useMemo(()=>n.jsxRuntimeExports.jsx(i,{...s,isVisible:o,onClose:u}),[i,s,o,u]);return e.useMemo(()=>({isVisible:o,show:p,close:u,popover:x}),[o,p,u,x])}exports.PopoverContainer=Y;exports.default=Z;exports.usePopover=ee;exports.usePopoverContext=X;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("../jsx-runtime-BB_1_6y_.js"),f=require("@kuma-ui/core"),e=require("react"),K=require("../focus-trap-react-CcpTuiJi.js"),R=require("./atom.js"),$=e.createContext({isVisible:!1,isPreparingFocus:!1,isFocused:!1}),{Provider:Q}=$;function X(){return e.useContext($)}function Y({as:i,className:s,...o}){return n.jsxRuntimeExports.jsx(R.default,{as:i??R.defaultAtomElementType,...o,className:f.cx("kakadu-components-2845019685",s)})}function Z({as:i,isVisible:s,label:o,shouldCloseOnOutsideClick:d=!0,shouldCloseOnEscapePress:a=!0,children:p,className:u,innerClassName:x,onClose:r,...v}){const I=e.useRef(null),S=e.useRef(null),[q,h]=e.useState(!1),[A,k]=e.useState(!1),[C,H]=e.useState(!1),[c,g]=e.useState(!1),[U,j]=e.useState(!1),M=e.useCallback(t=>{I.current=t,g(!1)},[]),E=e.useRef(null),N=e.useCallback(t=>{t&&(E.current=t)},[]),G=e.useMemo(()=>({initialFocus:()=>E.current??void 0,onPostActivate(){var t;k(!0),h(!1),(t=E.current)==null||t.focus()},clickOutsideDeactivates:d,escapeDeactivates:a,onPostUnpause(){k(!0)},onPause(){k(!1)},onDeactivate(){j(!1),g(!1),k(!1)}}),[d,a]),[L,O]=e.useState(s??!1),J=e.useMemo(()=>({isVisible:L,isPreparingFocus:q,isFocused:A,setInitialFocus:N,close:M}),[L,q,A,N,M]),[l,y]=e.useState("center");return e.useEffect(()=>{const t=S.current;if(t){const P=()=>{const D=t.offsetParent,F=D instanceof HTMLElement?D.getBoundingClientRect():null,V=t.getBoundingClientRect();if(!F){y("center");return}const T=16,_=window.innerWidth-T,b=F.left+F.width/2-V.width/2,z=b+V.width,B=b<T,W=z>_;let m="center";if(B&&W){const w=T-b;m=z-_>w?"right":"left"}else W?m="right":B&&(m="left");y(w=>w===m?w:m)};return P(),window.addEventListener("resize",P),()=>{window.removeEventListener("resize",P)}}},[]),e.useEffect(()=>{s&&(H(!0),O(!0))},[s]),e.useEffect(()=>{if(s){const t=setTimeout(()=>{g(!0)},100);return()=>{clearTimeout(t)}}g(!1)},[s]),e.useEffect(()=>{if(!c){j(!1),h(!1);return}h(!0);const t=window.requestAnimationFrame(()=>{j(!0)});return()=>{window.cancelAnimationFrame(t)}},[c]),e.useEffect(()=>{if(C&&!c){const t=setTimeout(()=>{r==null||r(I.current??void 0),O(!1)},370);return()=>{clearTimeout(t)}}},[C,c,r]),n.jsxRuntimeExports.jsx(R.default,{reference:S,as:i??R.defaultAtomElementType,role:"dialog","aria-hidden":!c,"aria-label":o??"Popover",...v,className:f.cx("kakadu-components-3920007758",l==="left"&&"kakadu-components-611400930",l==="right"&&"kakadu-components-944244368",c&&"kakadu-components-1399012551",u),children:n.jsxRuntimeExports.jsxs("div",{className:f.cx("kakadu-components-1118152266",c&&"kakadu-components-231244945"),children:[n.jsxRuntimeExports.jsx("div",{className:f.cx("kakadu-components-1951789226",l==="left"&&"kakadu-components-1495725644",l==="right"&&"kakadu-components-4235689197")}),n.jsxRuntimeExports.jsx(K.focusTrapReactExports.FocusTrap,{active:U,focusTrapOptions:G,children:n.jsxRuntimeExports.jsxs("div",{className:f.cx("kakadu-components-2488426662",x),children:[n.jsxRuntimeExports.jsx(Q,{value:J,children:p}),n.jsxRuntimeExports.jsx("div",{className:f.cx("kakadu-components-3252390100",l==="left"&&"kakadu-components-3754561431",l==="right"&&"kakadu-components-2265262600")})]})})]})})}function ee(i,s){const[o,d]=e.useState(!1),a=e.useRef(void 0),p=e.useCallback(async()=>(d(!0),new Promise(r=>{a.current=r})),[]),u=e.useCallback(r=>{var v;d(!1),(v=a.current)==null||v.call(a,r),a.current=void 0},[]),x=e.useMemo(()=>n.jsxRuntimeExports.jsx(i,{...s,isVisible:o,onClose:u}),[i,s,o,u]);return e.useMemo(()=>({isVisible:o,show:p,close:u,popover:x}),[o,p,u,x])}exports.PopoverContainer=Y;exports.default=Z;exports.usePopover=ee;exports.usePopoverContext=X;

package/build/components/skeleton.d.ts

@@ -1,4 +1,8 @@
 import { type HTMLAttributes } from 'react';
+export declare function getDeterministicSkeletonWidth(a: number, b: number, { minimum, maximum }: {
+    readonly minimum: number;
+    readonly maximum: number;
+}): number;
 type SkeletonProperties = {
     readonly label?: string;
     readonly width?: string | number;

package/build/components/skeleton.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../jsx-runtime-BB_1_6y_.js"),x=require("react"),l=require("@kuma-ui/core");function o({label:u,width:t,height:s,className:a,children:r,isAnimated:n=!0,...c}){return e.jsxRuntimeExports.jsx("span",{...c,"aria-label":u,className:l.cx("kakadu-components-4254676273",n&&"kakadu-components-574297718",a),style:{width:t,height:s},children:r??e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:" "})})}const i="kakadu-components-3140855657";function m({label:u,lines:t=1,isAnimated:s=!0}){const a=x.useMemo(()=>{const r=[];if(t<=1)return r;for(let n=1;n<t;n+=1)r.push(e.jsxRuntimeExports.jsx(o,{"aria-hidden":!0,width:"100%",height:"1em",isAnimated:s,className:i},n));return r},[t,s]);return t<1?null:t===1?e.jsxRuntimeExports.jsx(o,{"aria-busy":!0,label:u,width:"100%",height:"1em",isAnimated:s,role:"status",className:i}):e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[a,e.jsxRuntimeExports.jsx(o,{"aria-busy":!0,label:u,width:"60%",height:"1em",isAnimated:s,role:"status",className:i})]})}exports.SkeletonInstance=o;exports.default=m;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("../jsx-runtime-BB_1_6y_.js"),l=require("react"),x=require("@kuma-ui/core");function h(u,e,{minimum:t,maximum:o}){const n=u*374761393+e*668265263+2147483647,r=Math.imul(n,1274126177),a=o-t+1;return t+Math.abs(r)%a}function i({label:u,width:e,height:t,className:o,children:n,isAnimated:r=!0,...a}){return s.jsxRuntimeExports.jsx("span",{...a,"aria-label":u,className:x.cx("kakadu-components-4254676273",r&&"kakadu-components-574297718",o),style:{width:e,height:t},children:n??s.jsxRuntimeExports.jsx(s.jsxRuntimeExports.Fragment,{children:" "})})}const c="kakadu-components-3140855657";function m({label:u,lines:e=1,isAnimated:t=!0}){const o=l.useMemo(()=>{const n=[];if(e<=1)return n;for(let r=1;r<e;r+=1)n.push(s.jsxRuntimeExports.jsx(i,{"aria-hidden":!0,width:"100%",height:"1em",isAnimated:t,className:c},r));return n},[e,t]);return e<1?null:e===1?s.jsxRuntimeExports.jsx(i,{"aria-busy":!0,label:u,width:"100%",height:"1em",isAnimated:t,role:"status",className:c}):s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[o,s.jsxRuntimeExports.jsx(i,{"aria-busy":!0,label:u,width:"60%",height:"1em",isAnimated:t,role:"status",className:c})]})}exports.SkeletonInstance=i;exports.default=m;exports.getDeterministicSkeletonWidth=h;

package/build/components/skeleton.mjs

@@ -1,40 +1,48 @@
-import { j as e } from "../jsx-runtime-B4hRZ52C.mjs";
-import { useMemo as i } from "react";
+import { j as s } from "../jsx-runtime-B4hRZ52C.mjs";
+import { useMemo as h } from "react";
 import { cx as l } from "@kuma-ui/core";
-function u({
-  label: n,
+function k(a, t, {
+  minimum: e,
+  maximum: o
+}) {
+  const r = a * 374761393 + t * 668265263 + 2147483647, n = Math.imul(r, 1274126177), u = o - e + 1;
+  return e + Math.abs(n) % u;
+}
+function c({
+  label: a,
   width: t,
-  height: r,
+  height: e,
   className: o,
-  children: s,
-  isAnimated: a = !0,
-  ...c
+  children: r,
+  isAnimated: n = !0,
+  ...u
 }) {
-  return /* @__PURE__ */ e.jsx("span", { ...c, "aria-label": n, className: l("kakadu-components-4254676273", a && "kakadu-components-574297718", o), style: {
+  return /* @__PURE__ */ s.jsx("span", { ...u, "aria-label": a, className: l("kakadu-components-4254676273", n && "kakadu-components-574297718", o), style: {
     width: t,
-    height: r
-  }, children: s ?? /* @__PURE__ */ e.jsx(e.Fragment, { children: " " }) });
+    height: e
+  }, children: r ?? /* @__PURE__ */ s.jsx(s.Fragment, { children: " " }) });
 }
-const m = "kakadu-components-3140855657";
+const i = "kakadu-components-3140855657";
 function p({
-  label: n,
+  label: a,
   lines: t = 1,
-  isAnimated: r = !0
+  isAnimated: e = !0
 }) {
-  const o = i(() => {
-    const s = [];
+  const o = h(() => {
+    const r = [];
     if (t <= 1)
-      return s;
-    for (let a = 1; a < t; a += 1)
-      s.push(/* @__PURE__ */ e.jsx(u, { "aria-hidden": !0, width: "100%", height: "1em", isAnimated: r, className: m }, a));
-    return s;
-  }, [t, r]);
-  return t < 1 ? null : t === 1 ? /* @__PURE__ */ e.jsx(u, { "aria-busy": !0, label: n, width: "100%", height: "1em", isAnimated: r, role: "status", className: m }) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+      return r;
+    for (let n = 1; n < t; n += 1)
+      r.push(/* @__PURE__ */ s.jsx(c, { "aria-hidden": !0, width: "100%", height: "1em", isAnimated: e, className: i }, n));
+    return r;
+  }, [t, e]);
+  return t < 1 ? null : t === 1 ? /* @__PURE__ */ s.jsx(c, { "aria-busy": !0, label: a, width: "100%", height: "1em", isAnimated: e, role: "status", className: i }) : /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
     o,
-    /* @__PURE__ */ e.jsx(u, { "aria-busy": !0, label: n, width: "60%", height: "1em", isAnimated: r, role: "status", className: m })
+    /* @__PURE__ */ s.jsx(c, { "aria-busy": !0, label: a, width: "60%", height: "1em", isAnimated: e, role: "status", className: i })
   ] });
 }
 export {
-  u as SkeletonInstance,
-  p as default
+  c as SkeletonInstance,
+  p as default,
+  k as getDeterministicSkeletonWidth
 };

package/build/icons/drag.d.ts

@@ -0,0 +1,2 @@
+import { type ComponentPropsWithoutRef } from 'react';
+export default function DragSvg({ fill, ...properties }: ComponentPropsWithoutRef<'svg'>): import("react/jsx-runtime").JSX.Element;

package/build/icons/drag.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("../jsx-runtime-BB_1_6y_.js");function x({fill:t,...e}){return s.jsxRuntimeExports.jsx("svg",{fill:"none",height:"512",viewBox:"0 0 512 512",width:"512",xmlns:"http://www.w3.org/2000/svg",...e,children:s.jsxRuntimeExports.jsxs("g",{fill:t??"currentColor",children:[s.jsxRuntimeExports.jsx("path",{d:"m162 312c-30.928 0-56-25.072-56-56s25.072-56 56-56 56 25.072 56 56-25.072 56-56 56z"}),s.jsxRuntimeExports.jsx("path",{d:"m162 134c-30.928 0-56-25.072-56-56 0-30.9279 25.072-56 56-56s56 25.0721 56 56c0 30.928-25.072 56-56 56z"}),s.jsxRuntimeExports.jsx("path",{d:"m162 490c-30.928 0-56-25.072-56-56s25.072-56 56-56 56 25.072 56 56-25.072 56-56 56z"}),s.jsxRuntimeExports.jsx("path",{d:"m350 312c-30.928 0-56-25.072-56-56s25.072-56 56-56 56 25.072 56 56-25.072 56-56 56z"}),s.jsxRuntimeExports.jsx("path",{d:"m350 134c-30.928 0-56-25.072-56-56 0-30.9279 25.072-56 56-56s56 25.0721 56 56c0 30.928-25.072 56-56 56z"}),s.jsxRuntimeExports.jsx("path",{d:"m350 490c-30.928 0-56-25.072-56-56s25.072-56 56-56 56 25.072 56 56-25.072 56-56 56z"})]})})}exports.default=x;

package/build/icons/drag.mjs

@@ -0,0 +1,28 @@
+import { j as s } from "../jsx-runtime-B4hRZ52C.mjs";
+function c({
+  fill: t,
+  ...r
+}) {
+  return /* @__PURE__ */ s.jsx(
+    "svg",
+    {
+      fill: "none",
+      height: "512",
+      viewBox: "0 0 512 512",
+      width: "512",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...r,
+      children: /* @__PURE__ */ s.jsxs("g", { fill: t ?? "currentColor", children: [
+        /* @__PURE__ */ s.jsx("path", { d: "m162 312c-30.928 0-56-25.072-56-56s25.072-56 56-56 56 25.072 56 56-25.072 56-56 56z" }),
+        /* @__PURE__ */ s.jsx("path", { d: "m162 134c-30.928 0-56-25.072-56-56 0-30.9279 25.072-56 56-56s56 25.0721 56 56c0 30.928-25.072 56-56 56z" }),
+        /* @__PURE__ */ s.jsx("path", { d: "m162 490c-30.928 0-56-25.072-56-56s25.072-56 56-56 56 25.072 56 56-25.072 56-56 56z" }),
+        /* @__PURE__ */ s.jsx("path", { d: "m350 312c-30.928 0-56-25.072-56-56s25.072-56 56-56 56 25.072 56 56-25.072 56-56 56z" }),
+        /* @__PURE__ */ s.jsx("path", { d: "m350 134c-30.928 0-56-25.072-56-56 0-30.9279 25.072-56 56-56s56 25.0721 56 56c0 30.928-25.072 56-56 56z" }),
+        /* @__PURE__ */ s.jsx("path", { d: "m350 490c-30.928 0-56-25.072-56-56s25.072-56 56-56 56 25.072 56 56-25.072 56-56 56z" })
+      ] })
+    }
+  );
+}
+export {
+  c as default
+};

package/build/icons/icon.d.ts

@@ -27,6 +27,7 @@ export declare enum IconType {
     cog = "cog",
     copy = "copy",
     document = "document",
+    drag = "drag",
     select = "select",
     test = "test",
     share = "share",

package/build/icons/icon.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("../jsx-runtime-BB_1_6y_.js"),s=require("./kakadu-guide-icon.js"),c=require("./kakadu-guide-glyph.js"),n=require("./dots.js"),i=require("./menu.js"),u=require("./check.js"),d=require("./plus.js"),l=require("./times.js"),h=require("./chevron-up.js"),f=require("./chevron-right.js"),w=require("./chevron-down.js"),_=require("./chevron-left.js"),g=require("./caret-up.js"),q=require("./caret-right.js"),k=require("./caret-down.js"),m=require("./caret-left.js"),L=require("./arrow-up.js"),U=require("./arrow-right.js"),v=require("./arrow-down.js"),D=require("./arrow-left.js"),R=require("./anchor-up.js"),x=require("./anchor-down.js"),G=require("./trend-up.js"),p=require("./eye.js"),B=require("./edit.js"),S=require("./cog.js"),j=require("./copy.js"),b=require("./select.js"),M=require("./test.js"),C=require("./share.js"),E=require("./external.js"),O=require("./exclamation-triangle.js"),P=require("./sparkle.js"),z=require("./trash.js"),A=require("./chrome-browser-logo.js"),F=require("./edge-browser-logo.js"),H=require("./document.js"),J=require("./package.js");var t=(e=>(e.kakaduGuide="kakaduGuide",e.kakaduGuideGlyph="kakaduGuideGlyph",e.dots="dots",e.menu="menu",e.check="check",e.plus="plus",e.times="times",e.chevronUp="chevronUp",e.chevronRight="chevronRight",e.chevronDown="chevronDown",e.chevronLeft="chevronLeft",e.caretUp="caretUp",e.caretRight="caretRight",e.caretDown="caretDown",e.caretLeft="caretLeft",e.arrowUp="arrowUp",e.arrowRight="arrowRight",e.arrowDown="arrowDown",e.arrowLeft="arrowLeft",e.anchorUp="anchorUp",e.anchorDown="anchorDown",e.trendUp="trendUp",e.eye="eye",e.edit="edit",e.cog="cog",e.copy="copy",e.document="document",e.select="select",e.test="test",e.share="share",e.package="package",e.external="external",e.exclamationTriangle="exclamationTriangle",e.sparkle="sparkle",e.trash="trash",e.chromeBrowserLogo="chromeBrowserLogo",e.edgeBrowserLogo="edgeBrowserLogo",e))(t||{});const K={kakaduGuide:s.default,kakaduGuideGlyph:c.default,dots:n.default,menu:i.default,check:u.default,plus:d.default,times:l.default,chevronUp:h.default,chevronRight:f.default,chevronDown:w.default,chevronLeft:_.default,caretUp:g.default,caretRight:q.default,caretDown:k.default,caretLeft:m.default,arrowUp:L.default,arrowRight:U.default,arrowDown:v.default,arrowLeft:D.default,anchorUp:R.default,anchorDown:x.default,trendUp:G.default,eye:p.default,edit:B.default,cog:S.default,copy:j.default,document:H.default,select:b.default,test:M.default,share:C.default,package:J.default,external:E.default,exclamationTriangle:O.default,sparkle:P.default,trash:z.default,chromeBrowserLogo:A.default,edgeBrowserLogo:F.default},N="kakadu-components-2395643287";function Q({type:e,...o}){const r=K[e];return r?a.jsxRuntimeExports.jsx(r,{...o,"aria-hidden":"true"}):null}exports.IconType=t;exports.default=Q;exports.iconShadowStyles=N;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("../jsx-runtime-BB_1_6y_.js"),s=require("./kakadu-guide-icon.js"),c=require("./kakadu-guide-glyph.js"),n=require("./dots.js"),i=require("./menu.js"),u=require("./check.js"),d=require("./plus.js"),l=require("./times.js"),h=require("./chevron-up.js"),f=require("./chevron-right.js"),g=require("./chevron-down.js"),w=require("./chevron-left.js"),_=require("./caret-up.js"),q=require("./caret-right.js"),k=require("./caret-down.js"),m=require("./caret-left.js"),L=require("./arrow-up.js"),U=require("./arrow-right.js"),v=require("./arrow-down.js"),D=require("./arrow-left.js"),R=require("./anchor-up.js"),x=require("./anchor-down.js"),G=require("./trend-up.js"),p=require("./eye.js"),B=require("./edit.js"),S=require("./cog.js"),j=require("./copy.js"),b=require("./document.js"),M=require("./drag.js"),C=require("./select.js"),E=require("./test.js"),O=require("./share.js"),P=require("./external.js"),z=require("./exclamation-triangle.js"),A=require("./sparkle.js"),F=require("./trash.js"),H=require("./chrome-browser-logo.js"),J=require("./edge-browser-logo.js"),K=require("./package.js");var t=(e=>(e.kakaduGuide="kakaduGuide",e.kakaduGuideGlyph="kakaduGuideGlyph",e.dots="dots",e.menu="menu",e.check="check",e.plus="plus",e.times="times",e.chevronUp="chevronUp",e.chevronRight="chevronRight",e.chevronDown="chevronDown",e.chevronLeft="chevronLeft",e.caretUp="caretUp",e.caretRight="caretRight",e.caretDown="caretDown",e.caretLeft="caretLeft",e.arrowUp="arrowUp",e.arrowRight="arrowRight",e.arrowDown="arrowDown",e.arrowLeft="arrowLeft",e.anchorUp="anchorUp",e.anchorDown="anchorDown",e.trendUp="trendUp",e.eye="eye",e.edit="edit",e.cog="cog",e.copy="copy",e.document="document",e.drag="drag",e.select="select",e.test="test",e.share="share",e.package="package",e.external="external",e.exclamationTriangle="exclamationTriangle",e.sparkle="sparkle",e.trash="trash",e.chromeBrowserLogo="chromeBrowserLogo",e.edgeBrowserLogo="edgeBrowserLogo",e))(t||{});const N={kakaduGuide:s.default,kakaduGuideGlyph:c.default,dots:n.default,menu:i.default,check:u.default,plus:d.default,times:l.default,chevronUp:h.default,chevronRight:f.default,chevronDown:g.default,chevronLeft:w.default,caretUp:_.default,caretRight:q.default,caretDown:k.default,caretLeft:m.default,arrowUp:L.default,arrowRight:U.default,arrowDown:v.default,arrowLeft:D.default,anchorUp:R.default,anchorDown:x.default,trendUp:G.default,eye:p.default,edit:B.default,cog:S.default,copy:j.default,document:b.default,drag:M.default,select:C.default,test:E.default,share:O.default,package:K.default,external:P.default,exclamationTriangle:z.default,sparkle:A.default,trash:F.default,chromeBrowserLogo:H.default,edgeBrowserLogo:J.default},Q="kakadu-components-2395643287";function V({type:e,...o}){const r=N[e];return r?a.jsxRuntimeExports.jsx(r,{...o,"aria-hidden":"true"}):null}exports.IconType=t;exports.default=V;exports.iconShadowStyles=Q;

package/build/icons/icon.mjs

@@ -10,8 +10,8 @@ import s from "./chevron-up.mjs";
 import n from "./chevron-right.mjs";
 import p from "./chevron-down.mjs";
 import S from "./chevron-left.mjs";
-import w from "./caret-up.mjs";
-import d from "./caret-right.mjs";
+import d from "./caret-up.mjs";
+import w from "./caret-right.mjs";
 import c from "./caret-down.mjs";
 import u from "./caret-left.mjs";
 import l from "./arrow-up.mjs";
@@ -25,19 +25,20 @@ import x from "./eye.mjs";
 import G from "./edit.mjs";
 import B from "./cog.mjs";
 import A from "./copy.mjs";
-import E from "./select.mjs";
-import j from "./test.mjs";
-import K from "./share.mjs";
-import P from "./external.mjs";
-import M from "./exclamation-triangle.mjs";
-import b from "./sparkle.mjs";
-import q from "./trash.mjs";
-import z from "./chrome-browser-logo.mjs";
-import F from "./edge-browser-logo.mjs";
-import H from "./document.mjs";
-import J from "./package.mjs";
-var N = /* @__PURE__ */ ((r) => (r.kakaduGuide = "kakaduGuide", r.kakaduGuideGlyph = "kakaduGuideGlyph", r.dots = "dots", r.menu = "menu", r.check = "check", r.plus = "plus", r.times = "times", r.chevronUp = "chevronUp", r.chevronRight = "chevronRight", r.chevronDown = "chevronDown", r.chevronLeft = "chevronLeft", r.caretUp = "caretUp", r.caretRight = "caretRight", r.caretDown = "caretDown", r.caretLeft = "caretLeft", r.arrowUp = "arrowUp", r.arrowRight = "arrowRight", r.arrowDown = "arrowDown", r.arrowLeft = "arrowLeft", r.anchorUp = "anchorUp", r.anchorDown = "anchorDown", r.trendUp = "trendUp", r.eye = "eye", r.edit = "edit", r.cog = "cog", r.copy = "copy", r.document = "document", r.select = "select", r.test = "test", r.share = "share", r.package = "package", r.external = "external", r.exclamationTriangle = "exclamationTriangle", r.sparkle = "sparkle", r.trash = "trash", r.chromeBrowserLogo = "chromeBrowserLogo", r.edgeBrowserLogo = "edgeBrowserLogo", r))(N || {});
-const O = {
+import E from "./document.mjs";
+import j from "./drag.mjs";
+import K from "./select.mjs";
+import P from "./test.mjs";
+import M from "./share.mjs";
+import b from "./external.mjs";
+import q from "./exclamation-triangle.mjs";
+import z from "./sparkle.mjs";
+import F from "./trash.mjs";
+import H from "./chrome-browser-logo.mjs";
+import J from "./edge-browser-logo.mjs";
+import N from "./package.mjs";
+var O = /* @__PURE__ */ ((r) => (r.kakaduGuide = "kakaduGuide", r.kakaduGuideGlyph = "kakaduGuideGlyph", r.dots = "dots", r.menu = "menu", r.check = "check", r.plus = "plus", r.times = "times", r.chevronUp = "chevronUp", r.chevronRight = "chevronRight", r.chevronDown = "chevronDown", r.chevronLeft = "chevronLeft", r.caretUp = "caretUp", r.caretRight = "caretRight", r.caretDown = "caretDown", r.caretLeft = "caretLeft", r.arrowUp = "arrowUp", r.arrowRight = "arrowRight", r.arrowDown = "arrowDown", r.arrowLeft = "arrowLeft", r.anchorUp = "anchorUp", r.anchorDown = "anchorDown", r.trendUp = "trendUp", r.eye = "eye", r.edit = "edit", r.cog = "cog", r.copy = "copy", r.document = "document", r.drag = "drag", r.select = "select", r.test = "test", r.share = "share", r.package = "package", r.external = "external", r.exclamationTriangle = "exclamationTriangle", r.sparkle = "sparkle", r.trash = "trash", r.chromeBrowserLogo = "chromeBrowserLogo", r.edgeBrowserLogo = "edgeBrowserLogo", r))(O || {});
+const Q = {
   kakaduGuide: m,
   kakaduGuideGlyph: a,
   dots: i,
@@ -49,8 +50,8 @@ const O = {
   chevronRight: n,
   chevronDown: p,
   chevronLeft: S,
-  caretUp: w,
-  caretRight: d,
+  caretUp: d,
+  caretRight: w,
   caretDown: c,
   caretLeft: u,
   arrowUp: l,
@@ -64,27 +65,28 @@ const O = {
   edit: G,
   cog: B,
   copy: A,
-  document: H,
-  select: E,
-  test: j,
-  share: K,
-  package: J,
-  external: P,
-  exclamationTriangle: M,
-  sparkle: b,
-  trash: q,
-  chromeBrowserLogo: z,
-  edgeBrowserLogo: F
-}, Gr = "kakadu-components-2395643287";
-function Br({
+  document: E,
+  drag: j,
+  select: K,
+  test: P,
+  share: M,
+  package: N,
+  external: b,
+  exclamationTriangle: q,
+  sparkle: z,
+  trash: F,
+  chromeBrowserLogo: H,
+  edgeBrowserLogo: J
+}, Ar = "kakadu-components-2395643287";
+function Er({
   type: r,
   ...t
 }) {
-  const o = O[r];
+  const o = Q[r];
   return o ? /* @__PURE__ */ e.jsx(o, { ...t, "aria-hidden": "true" }) : null;
 }
 export {
-  N as IconType,
-  Br as default,
-  Gr as iconShadowStyles
+  O as IconType,
+  Er as default,
+  Ar as iconShadowStyles
 };

package/build/index.d.ts

@@ -148,6 +148,8 @@ export * from './icons/copy';
 export { default as CopySvg } from './icons/copy';
 export * from './icons/document';
 export { default as DocumentSvg } from './icons/document';
+export * from './icons/drag';
+export { default as DragSvg } from './icons/drag';
 export * from './icons/select';
 export { default as SelectSvg } from './icons/select';
 export * from './icons/test';

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

package/package.json

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