@kakadu/components 3.1.5 → 3.2.0

package/build/components/button.d.ts

@@ -1,9 +1,10 @@
 import { type ReactNode, type HTMLProps } from 'react';
 import { type IconType } from '../icons/icon';
 import { type ButtonTooltipPosition } from './button-tooltip';
-export declare function ButtonLoader({ isLoading, size, }: {
+export declare function ButtonLoader({ isLoading, size, className, }: {
     readonly isLoading?: boolean;
     readonly size?: number;
+    readonly className?: string;
 }): import("react/jsx-runtime").JSX.Element;
 export declare enum ButtonVariant {
     primary = "primary",
@@ -22,6 +23,7 @@ type BaseButtonProperties = Omit<HTMLProps<HTMLButtonElement>, 'children'> & {
     readonly iconLeft?: IconType | ReactNode;
     readonly iconRight?: IconType | ReactNode;
     readonly isLoading?: boolean;
+    readonly isSkeleton?: boolean;
     readonly hasMovingGradients?: boolean;
     readonly movingGradientsCount?: number;
     readonly hasMovingStars?: boolean;
@@ -34,5 +36,5 @@ export type ButtonProperties = BaseButtonProperties & ({
     children?: never;
     label: string;
 });
-export default function Button({ type, variant, href, target, rel, disabled, className, children, label, tooltip, tooltipPosition, iconLeft, iconRight, isLoading, hasMovingGradients, movingGradientsCount, hasMovingStars, movingStarsCount, ...properties }: ButtonProperties): import("react/jsx-runtime").JSX.Element;
+export default function Button({ type, variant, href, target, rel, disabled, className, children, label, tooltip, tooltipPosition, iconLeft, iconRight, isLoading, isSkeleton, hasMovingGradients, movingGradientsCount, hasMovingStars, movingStarsCount, ...properties }: ButtonProperties): import("react/jsx-runtime").JSX.Element;
 export {};

package/build/components/button.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../jsx-runtime-BB_1_6y_.js"),j=require("react"),a=require("@kuma-ui/core"),z=require("../theme.js"),W=require("../icons/icon.js"),$=require("./spinner.js"),C=require("./moving-gradients.js"),F=require("./moving-stars.js"),O=require("./theme-setter.js"),P=require("./click-ripples.js"),y=require("./hover-gradient.js"),A=require("./button-tooltip.js"),H=require("./aria-text.js"),J=require("./atom.js");function b({isLoading:s,size:n}){return e.jsxRuntimeExports.jsx("div",{className:a.cx("kakadu-components-3118361790",s&&"kakadu-components-4114685569"),children:e.jsxRuntimeExports.jsx("div",{className:"kakadu-components-2395688468",children:e.jsxRuntimeExports.jsx($.RevealSpinner,{isVisible:s,size:n})})})}var S=(s=>(s.primary="primary",s.secondary="secondary",s.warning="warning",s.danger="danger",s))(S||{});function R({icon:s,variant:n="primary",className:o,...r}){return e.jsxRuntimeExports.jsx("div",{...r,className:a.cx("kakadu-components-2658660333",n==="secondary"&&"kakadu-components-3469662110",o),children:typeof s=="string"?e.jsxRuntimeExports.jsx(W.default,{width:14,height:14,type:s}):s})}const E="kakadu-components-2244098950",K="kakadu-components-3923184173",f="kakadu-components-317965671",q="kakadu-components-1978976872";function Q({type:s,variant:n="primary",href:o,target:r,rel:g,disabled:v,className:_,children:t,label:N,tooltip:u,tooltipPosition:w,iconLeft:c,iconRight:i,isLoading:m,hasMovingGradients:B=!1,movingGradientsCount:d=4,hasMovingStars:M=!1,movingStarsCount:l=10,...D}){const x=j.useId(),p=j.useRef(null),h=O.useIsDarkMode(p),I=s??"button",T=B&&d>0,G=M&&l>0,k=o?!1:!!v||!!m;return e.jsxRuntimeExports.jsxs(J.default,{...D,as:o?"a":"button",type:o?void 0:I,href:o,target:r,rel:g,"aria-describedby":u?x:void 0,disabled:k,className:a.cx(z.effectStyles,"kakadu-components-1897763514",!!c&&"kakadu-components-3652831856",!t&&"kakadu-components-2746167644",n==="secondary"&&E,n==="warning"&&f,n==="danger"&&q,_),children:[c?e.jsxRuntimeExports.jsx(R,{variant:n,icon:c,className:t?"kakadu-components-294089230":void 0}):null,t?e.jsxRuntimeExports.jsx("div",{ref:p,className:"kakadu-components-2618257692",children:t}):e.jsxRuntimeExports.jsx(H.default,{children:N}),i?e.jsxRuntimeExports.jsx(R,{variant:n,icon:i,className:t?"kakadu-components-3127707672":void 0}):null,e.jsxRuntimeExports.jsx(b,{isLoading:m}),T&&e.jsxRuntimeExports.jsx(C.default,{opacity:h?.4:.3,maximumGradientsCount:d,className:a.cx("kakadu-components-1505766785",n==="secondary"&&"kakadu-components-3712045697")}),G&&e.jsxRuntimeExports.jsx(F.default,{maximumStarsCount:l,className:"kakadu-components-2813474662"}),k?null:e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(P.default,{size:t?void 0:50}),e.jsxRuntimeExports.jsx(y.default,{size:t?void 0:50,className:n==="secondary"?y.normalBlendStyles:void 0})]}),u?e.jsxRuntimeExports.jsx(A.default,{id:x,label:u,position:w}):null]})}exports.ButtonLoader=b;exports.ButtonVariant=S;exports.buttonDangerStyles=q;exports.buttonSecondaryStyles=E;exports.buttonSuccessStyles=K;exports.buttonWarningStyles=f;exports.default=Q;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../jsx-runtime-BB_1_6y_.js"),R=require("react"),u=require("@kuma-ui/core"),$=require("../theme.js"),A=require("../icons/icon.js"),C=require("./spinner.js"),F=require("./moving-gradients.js"),O=require("./moving-stars.js"),P=require("./theme-setter.js"),H=require("./click-ripples.js"),E=require("./hover-gradient.js"),J=require("./button-tooltip.js"),K=require("./aria-text.js"),Q=require("./atom.js"),U=require("./skeleton.js");function f({isLoading:s,size:n,className:o}){return e.jsxRuntimeExports.jsx("div",{className:u.cx("kakadu-components-2832510379",s&&"kakadu-components-4114685569",o),children:e.jsxRuntimeExports.jsx("div",{className:"kakadu-components-920467642",children:e.jsxRuntimeExports.jsx(C.RevealSpinner,{isVisible:s,size:n})})})}var v=(s=>(s.primary="primary",s.secondary="secondary",s.warning="warning",s.danger="danger",s))(v||{});function b({icon:s,variant:n="primary",className:o,...c}){return e.jsxRuntimeExports.jsx("div",{...c,className:u.cx("kakadu-components-2658660333",n==="secondary"&&"kakadu-components-3469662110",o),children:typeof s=="string"?e.jsxRuntimeExports.jsx(A.default,{width:14,height:14,type:s}):s})}const S="kakadu-components-2244098950",X="kakadu-components-3923184173",g="kakadu-components-317965671",q="kakadu-components-1978976872";function Y({type:s,variant:n="primary",href:o,target:c,rel:h,disabled:_,className:N,children:t,label:w,tooltip:i,tooltipPosition:B,iconLeft:m,iconRight:d,isLoading:x,isSkeleton:r,hasMovingGradients:M=!1,movingGradientsCount:l=4,hasMovingStars:D=!1,movingStarsCount:p=10,...I}){const k=R.useId(),j=R.useRef(null),T=P.useIsDarkMode(j),G=s??"button",z=M&&l>0,W=D&&p>0,a=o&&!r,y=!!_||!!x||!!r;return e.jsxRuntimeExports.jsxs("div",{className:"kakadu-components-3559664923",children:[e.jsxRuntimeExports.jsxs(Q.default,{...I,as:a?"a":"button",type:a?void 0:G,href:a?o:void 0,target:a?c:void 0,rel:a?h:void 0,"aria-describedby":i?k:void 0,disabled:a?void 0:y,className:u.cx($.effectStyles,"kakadu-components-3709284365",!!m&&"kakadu-components-2735110382",!t&&"kakadu-components-3621693630",n==="secondary"&&S,n==="warning"&&g,n==="danger"&&q,r&&"kakadu-components-2662775151",N),children:[m?e.jsxRuntimeExports.jsx(b,{variant:n,icon:m,className:t?"kakadu-components-136489413":void 0}):null,t?e.jsxRuntimeExports.jsx("div",{ref:j,className:"kakadu-components-207477259",children:t}):e.jsxRuntimeExports.jsx(K.default,{children:w}),d?e.jsxRuntimeExports.jsx(b,{variant:n,icon:d,className:t?"kakadu-components-3631501803":void 0}):null,e.jsxRuntimeExports.jsx(f,{isLoading:x}),z&&e.jsxRuntimeExports.jsx(F.default,{opacity:T?.4:.3,maximumGradientsCount:l,className:u.cx("kakadu-components-2055737617",n==="secondary"&&"kakadu-components-2972748387")}),W&&e.jsxRuntimeExports.jsx(O.default,{maximumStarsCount:p,className:"kakadu-components-1226008615"}),y?null:e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(H.default,{size:t?void 0:50}),e.jsxRuntimeExports.jsx(E.default,{size:t?void 0:50,className:n==="secondary"?E.normalBlendStyles:void 0})]}),i?e.jsxRuntimeExports.jsx(J.default,{id:k,label:i,position:B}):null]}),r?e.jsxRuntimeExports.jsx("div",{className:"kakadu-components-3422055155",children:e.jsxRuntimeExports.jsx(U.SkeletonInstance,{width:"100%",height:"100%"})}):null]})}exports.ButtonLoader=f;exports.ButtonVariant=v;exports.buttonDangerStyles=q;exports.buttonSecondaryStyles=S;exports.buttonSuccessStyles=X;exports.buttonWarningStyles=g;exports.default=Y;

package/build/components/button.mjs

@@ -1,75 +1,81 @@
 import { j as o } from "../jsx-runtime-B4hRZ52C.mjs";
 import { useId as G, useRef as R } from "react";
-import { cx as t } from "@kuma-ui/core";
+import { cx as m } from "@kuma-ui/core";
 import { effectStyles as T } from "../theme.mjs";
 import z from "../icons/icon.mjs";
-import { RevealSpinner as A } from "./spinner.mjs";
-import C from "./moving-gradients.mjs";
-import h from "./moving-stars.mjs";
-import { useIsDarkMode as E } from "./theme-setter.mjs";
-import F from "./click-ripples.mjs";
-import H, { normalBlendStyles as W } from "./hover-gradient.mjs";
-import q from "./button-tooltip.mjs";
-import J from "./aria-text.mjs";
-import K from "./atom.mjs";
-function O({
+import { RevealSpinner as C } from "./spinner.mjs";
+import E from "./moving-gradients.mjs";
+import F from "./moving-stars.mjs";
+import { useIsDarkMode as H } from "./theme-setter.mjs";
+import W from "./click-ripples.mjs";
+import q, { normalBlendStyles as J } from "./hover-gradient.mjs";
+import K from "./button-tooltip.mjs";
+import O from "./aria-text.mjs";
+import P from "./atom.mjs";
+import { SkeletonInstance as Q } from "./skeleton.mjs";
+function U({
   isLoading: s,
-  size: n
+  size: n,
+  className: a
 }) {
-  return /* @__PURE__ */ o.jsx("div", { className: t("kakadu-components-3118361790", s && "kakadu-components-4114685569"), children: /* @__PURE__ */ o.jsx("div", { className: "kakadu-components-2395688468", children: /* @__PURE__ */ o.jsx(A, { isVisible: s, size: n }) }) });
+  return /* @__PURE__ */ o.jsx("div", { className: m("kakadu-components-2832510379", s && "kakadu-components-4114685569", a), children: /* @__PURE__ */ o.jsx("div", { className: "kakadu-components-920467642", children: /* @__PURE__ */ o.jsx(C, { isVisible: s, size: n }) }) });
 }
-var P = /* @__PURE__ */ ((s) => (s.primary = "primary", s.secondary = "secondary", s.warning = "warning", s.danger = "danger", s))(P || {});
-function y({
+var X = /* @__PURE__ */ ((s) => (s.primary = "primary", s.secondary = "secondary", s.warning = "warning", s.danger = "danger", s))(X || {});
+function j({
   icon: s,
   variant: n = "primary",
   className: a,
-  ...r
+  ...c
 }) {
-  return /* @__PURE__ */ o.jsx("div", { ...r, className: t("kakadu-components-2658660333", n === "secondary" && "kakadu-components-3469662110", a), children: typeof s == "string" ? /* @__PURE__ */ o.jsx(z, { width: 14, height: 14, type: s }) : s });
+  return /* @__PURE__ */ o.jsx("div", { ...c, className: m("kakadu-components-2658660333", n === "secondary" && "kakadu-components-3469662110", a), children: typeof s == "string" ? /* @__PURE__ */ o.jsx(z, { width: 14, height: 14, type: s }) : s });
 }
-const Q = "kakadu-components-2244098950", co = "kakadu-components-3923184173", U = "kakadu-components-317965671", X = "kakadu-components-1978976872";
-function io({
+const Y = "kakadu-components-2244098950", lo = "kakadu-components-3923184173", Z = "kakadu-components-317965671", _ = "kakadu-components-1978976872";
+function ko({
   type: s,
   variant: n = "primary",
   href: a,
-  target: r,
-  rel: f,
-  disabled: j,
-  className: b,
+  target: c,
+  rel: v,
+  disabled: b,
+  className: g,
   children: e,
-  label: S,
-  tooltip: m,
-  tooltipPosition: g,
-  iconLeft: c,
-  iconRight: d,
-  isLoading: i,
-  hasMovingGradients: v = !1,
-  movingGradientsCount: p = 4,
-  hasMovingStars: N = !1,
-  movingStarsCount: u = 10,
-  ...w
+  label: N,
+  tooltip: d,
+  tooltipPosition: h,
+  iconLeft: i,
+  iconRight: p,
+  isLoading: u,
+  isSkeleton: r,
+  hasMovingGradients: S = !1,
+  movingGradientsCount: l = 4,
+  hasMovingStars: w = !1,
+  movingStarsCount: k = 10,
+  ...B
 }) {
-  const l = G(), k = R(null), M = E(k), B = s ?? "button", I = v && p > 0, D = N && u > 0, x = a ? !1 : !!j || !!i;
-  return /* @__PURE__ */ o.jsxs(K, { ...w, as: a ? "a" : "button", type: a ? void 0 : B, href: a, target: r, rel: f, "aria-describedby": m ? l : void 0, disabled: x, className: t(T, "kakadu-components-1897763514", !!c && "kakadu-components-3652831856", !e && "kakadu-components-2746167644", n === "secondary" && Q, n === "warning" && U, n === "danger" && X, b), children: [
-    c ? /* @__PURE__ */ o.jsx(y, { variant: n, icon: c, className: e ? "kakadu-components-294089230" : void 0 }) : null,
-    e ? /* @__PURE__ */ o.jsx("div", { ref: k, className: "kakadu-components-2618257692", children: e }) : /* @__PURE__ */ o.jsx(J, { children: S }),
-    d ? /* @__PURE__ */ o.jsx(y, { variant: n, icon: d, className: e ? "kakadu-components-3127707672" : void 0 }) : null,
-    /* @__PURE__ */ o.jsx(O, { isLoading: i }),
-    I && /* @__PURE__ */ o.jsx(C, { opacity: M ? 0.4 : 0.3, maximumGradientsCount: p, className: t("kakadu-components-1505766785", n === "secondary" && "kakadu-components-3712045697") }),
-    D && /* @__PURE__ */ o.jsx(h, { maximumStarsCount: u, className: "kakadu-components-2813474662" }),
-    x ? null : /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
-      /* @__PURE__ */ o.jsx(F, { size: e ? void 0 : 50 }),
-      /* @__PURE__ */ o.jsx(H, { size: e ? void 0 : 50, className: n === "secondary" ? W : void 0 })
+  const x = G(), f = R(null), I = H(f), M = s ?? "button", D = S && l > 0, A = w && k > 0, t = a && !r, y = !!b || !!u || !!r;
+  return /* @__PURE__ */ o.jsxs("div", { className: "kakadu-components-3559664923", children: [
+    /* @__PURE__ */ o.jsxs(P, { ...B, as: t ? "a" : "button", type: t ? void 0 : M, href: t ? a : void 0, target: t ? c : void 0, rel: t ? v : void 0, "aria-describedby": d ? x : void 0, disabled: t ? void 0 : y, className: m(T, "kakadu-components-3709284365", !!i && "kakadu-components-2735110382", !e && "kakadu-components-3621693630", n === "secondary" && Y, n === "warning" && Z, n === "danger" && _, r && "kakadu-components-2662775151", g), children: [
+      i ? /* @__PURE__ */ o.jsx(j, { variant: n, icon: i, className: e ? "kakadu-components-136489413" : void 0 }) : null,
+      e ? /* @__PURE__ */ o.jsx("div", { ref: f, className: "kakadu-components-207477259", children: e }) : /* @__PURE__ */ o.jsx(O, { children: N }),
+      p ? /* @__PURE__ */ o.jsx(j, { variant: n, icon: p, className: e ? "kakadu-components-3631501803" : void 0 }) : null,
+      /* @__PURE__ */ o.jsx(U, { isLoading: u }),
+      D && /* @__PURE__ */ o.jsx(E, { opacity: I ? 0.4 : 0.3, maximumGradientsCount: l, className: m("kakadu-components-2055737617", n === "secondary" && "kakadu-components-2972748387") }),
+      A && /* @__PURE__ */ o.jsx(F, { maximumStarsCount: k, className: "kakadu-components-1226008615" }),
+      y ? null : /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
+        /* @__PURE__ */ o.jsx(W, { size: e ? void 0 : 50 }),
+        /* @__PURE__ */ o.jsx(q, { size: e ? void 0 : 50, className: n === "secondary" ? J : void 0 })
+      ] }),
+      d ? /* @__PURE__ */ o.jsx(K, { id: x, label: d, position: h }) : null
     ] }),
-    m ? /* @__PURE__ */ o.jsx(q, { id: l, label: m, position: g }) : null
+    r ? /* @__PURE__ */ o.jsx("div", { className: "kakadu-components-3422055155", children: /* @__PURE__ */ o.jsx(Q, { width: "100%", height: "100%" }) }) : null
   ] });
 }
 export {
-  O as ButtonLoader,
-  P as ButtonVariant,
-  X as buttonDangerStyles,
-  Q as buttonSecondaryStyles,
-  co as buttonSuccessStyles,
-  U as buttonWarningStyles,
-  io as default
+  U as ButtonLoader,
+  X as ButtonVariant,
+  _ as buttonDangerStyles,
+  Y as buttonSecondaryStyles,
+  lo as buttonSuccessStyles,
+  Z as buttonWarningStyles,
+  ko as default
 };

package/build/components/icon-button.d.ts

@@ -13,5 +13,6 @@ export type IconButtonProperties = HTMLProps<HTMLButtonElement> & {
     readonly label: string;
     readonly tooltipPosition?: ButtonTooltipPosition;
     readonly isLoading?: boolean;
+    readonly isSkeleton?: boolean;
 };
-export default function IconButton({ icon, variant, label, tooltipPosition, disabled, isLoading, className, ...properties }: IconButtonProperties): import("react/jsx-runtime").JSX.Element;
+export default function IconButton({ icon, variant, label, tooltipPosition, disabled, isLoading, isSkeleton, className, ...properties }: IconButtonProperties): import("react/jsx-runtime").JSX.Element;

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

package/build/components/icon-button.mjs

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

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-4149648046",n&&"kakadu-components-2124144438",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 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;

package/build/components/skeleton.mjs

@@ -10,7 +10,7 @@ function u({
   isAnimated: a = !0,
   ...c
 }) {
-  return /* @__PURE__ */ e.jsx("span", { ...c, "aria-label": n, className: l("kakadu-components-4149648046", a && "kakadu-components-2124144438", o), style: {
+  return /* @__PURE__ */ e.jsx("span", { ...c, "aria-label": n, className: l("kakadu-components-4254676273", a && "kakadu-components-574297718", o), style: {
     width: t,
     height: r
   }, children: s ?? /* @__PURE__ */ e.jsx(e.Fragment, { children: " " }) });

package/build/components/text-button.d.ts

@@ -10,6 +10,7 @@ type BaseTextButtonProperties = Omit<HTMLProps<HTMLButtonElement>, 'children'> &
     readonly variant?: TextButtonVariant;
     readonly tooltip?: string;
     readonly tooltipPosition?: ButtonTooltipPosition;
+    readonly isSkeleton?: boolean;
 };
 export type TextButtonProperties = BaseTextButtonProperties & ({
     children: ReactNode;
@@ -18,5 +19,5 @@ export type TextButtonProperties = BaseTextButtonProperties & ({
     children?: never;
     label: string;
 });
-export default function TextButton({ iconLeft, iconRight, variant, tooltip, tooltipPosition, href, target, rel, disabled, className, children, label, ...properties }: TextButtonProperties): import("react/jsx-runtime").JSX.Element;
+export default function TextButton({ iconLeft, iconRight, variant, tooltip, tooltipPosition, href, target, rel, disabled, isSkeleton, className, children, label, ...properties }: TextButtonProperties): import("react/jsx-runtime").JSX.Element;
 export {};

package/build/components/text-button.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../jsx-runtime-BB_1_6y_.js"),a=require("@kuma-ui/core"),x=require("../icons/icon.js"),l=require("./flex.js"),R=require("./text.js"),q=require("./click-ripples.js"),m=require("./hover-gradient.js"),v=require("./button-tooltip.js"),_=require("./aria-text.js"),B=require("./atom.js");var p=(t=>(t.primary="primary",t.delete="delete",t))(p||{});const b="kakadu-components-4017654514";function f({iconLeft:t,iconRight:n,variant:i="primary",tooltip:u,tooltipPosition:c,href:o,target:d,rel:j,disabled:r,className:k,children:s,label:E,...y}){return e.jsxRuntimeExports.jsxs(B.default,{...y,as:o?"a":"button",type:o?void 0:"button",href:o,target:d,rel:j,disabled:o?void 0:r,className:a.cx(R.textShadowStyles,"kakadu-components-1202323410",s&&(t||n)?a.cx(!!t&&"kakadu-components-497190725",!!n&&"kakadu-components-3729381008"):"kakadu-components-3866032606",i==="delete"&&b,k),children:[e.jsxRuntimeExports.jsxs(l.default,{direction:"row",gap:.5,alignment:l.FlexAlignment.center,children:[t?e.jsxRuntimeExports.jsx("div",{className:a.cx("kakadu-components-2031441451",s?"kakadu-components-2885581246":"kakadu-components-611756781"),children:typeof t=="string"?e.jsxRuntimeExports.jsx(x.default,{width:14,height:14,type:t}):t}):null,s?e.jsxRuntimeExports.jsx("span",{className:"kakadu-components-2362298521",children:s}):e.jsxRuntimeExports.jsx(_.default,{children:E}),n?e.jsxRuntimeExports.jsx("div",{className:a.cx("kakadu-components-2031441451",s?"kakadu-components-2285425267":"kakadu-components-611756781"),children:typeof n=="string"?e.jsxRuntimeExports.jsx(x.default,{width:14,height:14,type:n}):n}):null]}),e.jsxRuntimeExports.jsxs("span",{className:"kakadu-components-1343580459",children:[r?null:e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(q.default,{size:s?void 0:50}),e.jsxRuntimeExports.jsx(m.default,{size:s?void 0:50,className:m.normalBlendStyles})]}),u?e.jsxRuntimeExports.jsx(v.default,{label:u,position:c}):null]})]})}exports.TextButtonVariant=p;exports.default=f;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../jsx-runtime-BB_1_6y_.js"),a=require("@kuma-ui/core"),i=require("../icons/icon.js"),m=require("./flex.js"),_=require("./text.js"),h=require("./click-ripples.js"),c=require("./hover-gradient.js"),B=require("./button-tooltip.js"),f=require("./aria-text.js"),b=require("./atom.js"),N=require("./skeleton.js");var p=(s=>(s.primary="primary",s.delete="delete",s))(p||{});const g="kakadu-components-4017654514";function w({iconLeft:s,iconRight:n,variant:d="primary",tooltip:u,tooltipPosition:j,href:x,target:k,rel:E,disabled:v,isSkeleton:r,className:R,children:t,label:y,...q}){const l=!!v||!!r,o=x&&!r;return e.jsxRuntimeExports.jsxs("div",{className:a.cx("kakadu-components-1400843519",t&&(s||n)?a.cx(!!s&&"kakadu-components-497190725",!!n&&"kakadu-components-3729381008"):"kakadu-components-3866032606"),children:[e.jsxRuntimeExports.jsxs(b.default,{...q,as:o?"a":"button",type:o?void 0:"button",href:o?x:void 0,target:o?k:void 0,rel:o?E:void 0,disabled:o?void 0:l,className:a.cx(_.textShadowStyles,"kakadu-components-2081390622",d==="delete"&&g,r&&"kakadu-components-2662775151",R),children:[e.jsxRuntimeExports.jsxs(m.default,{direction:"row",gap:.5,alignment:m.FlexAlignment.center,children:[s?e.jsxRuntimeExports.jsx("div",{className:a.cx("kakadu-components-743909038",t?"kakadu-components-1285017646":"kakadu-components-1475172827"),children:typeof s=="string"?e.jsxRuntimeExports.jsx(i.default,{width:14,height:14,type:s}):s}):null,t?e.jsxRuntimeExports.jsx("span",{className:"kakadu-components-3068418250",children:t}):e.jsxRuntimeExports.jsx(f.default,{children:y}),n?e.jsxRuntimeExports.jsx("div",{className:a.cx("kakadu-components-743909038",t?"kakadu-components-2421728947":"kakadu-components-1475172827"),children:typeof n=="string"?e.jsxRuntimeExports.jsx(i.default,{width:14,height:14,type:n}):n}):null]}),e.jsxRuntimeExports.jsxs("span",{className:"kakadu-components-1970948853",children:[l?null:e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(h.default,{size:t?void 0:50}),e.jsxRuntimeExports.jsx(c.default,{size:t?void 0:50,className:c.normalBlendStyles})]}),u?e.jsxRuntimeExports.jsx(B.default,{label:u,position:j}):null]})]}),r?e.jsxRuntimeExports.jsx("div",{className:"kakadu-components-1970948853",children:e.jsxRuntimeExports.jsx(N.SkeletonInstance,{width:"100%",height:"100%"})}):null]})}exports.TextButtonVariant=p;exports.default=w;

package/build/components/text-button.mjs

@@ -1,46 +1,52 @@
 import { j as o } from "../jsx-runtime-B4hRZ52C.mjs";
 import { cx as n } from "@kuma-ui/core";
 import p from "../icons/icon.mjs";
-import j, { FlexAlignment as y } from "./flex.mjs";
-import { textShadowStyles as v } from "./text.mjs";
-import B from "./click-ripples.mjs";
-import f, { normalBlendStyles as N } from "./hover-gradient.mjs";
+import f, { FlexAlignment as B } from "./flex.mjs";
+import { textShadowStyles as h } from "./text.mjs";
+import N from "./click-ripples.mjs";
+import b, { normalBlendStyles as g } from "./hover-gradient.mjs";
 import w from "./button-tooltip.mjs";
-import S from "./aria-text.mjs";
-import b from "./atom.mjs";
-var g = /* @__PURE__ */ ((e) => (e.primary = "primary", e.delete = "delete", e))(g || {});
-const A = "kakadu-components-4017654514";
-function q({
+import A from "./aria-text.mjs";
+import F from "./atom.mjs";
+import { SkeletonInstance as z } from "./skeleton.mjs";
+var C = /* @__PURE__ */ ((e) => (e.primary = "primary", e.delete = "delete", e))(C || {});
+const D = "kakadu-components-4017654514";
+function P({
   iconLeft: e,
   iconRight: s,
-  variant: l = "primary",
-  tooltip: m,
-  tooltipPosition: d,
-  href: t,
-  target: k,
-  rel: u,
-  disabled: r,
-  className: i,
+  variant: i = "primary",
+  tooltip: r,
+  tooltipPosition: k,
+  href: l,
+  target: u,
+  rel: c,
+  disabled: x,
+  isSkeleton: m,
+  className: j,
   children: a,
-  label: x,
-  ...c
+  label: v,
+  ...y
 }) {
-  return /* @__PURE__ */ o.jsxs(b, { ...c, as: t ? "a" : "button", type: t ? void 0 : "button", href: t, target: k, rel: u, disabled: t ? void 0 : r, className: n(v, "kakadu-components-1202323410", a && (e || s) ? n(!!e && "kakadu-components-497190725", !!s && "kakadu-components-3729381008") : "kakadu-components-3866032606", l === "delete" && A, i), children: [
-    /* @__PURE__ */ o.jsxs(j, { direction: "row", gap: 0.5, alignment: y.center, children: [
-      e ? /* @__PURE__ */ o.jsx("div", { className: n("kakadu-components-2031441451", a ? "kakadu-components-2885581246" : "kakadu-components-611756781"), children: typeof e == "string" ? /* @__PURE__ */ o.jsx(p, { width: 14, height: 14, type: e }) : e }) : null,
-      a ? /* @__PURE__ */ o.jsx("span", { className: "kakadu-components-2362298521", children: a }) : /* @__PURE__ */ o.jsx(S, { children: x }),
-      s ? /* @__PURE__ */ o.jsx("div", { className: n("kakadu-components-2031441451", a ? "kakadu-components-2285425267" : "kakadu-components-611756781"), children: typeof s == "string" ? /* @__PURE__ */ o.jsx(p, { width: 14, height: 14, type: s }) : s }) : null
-    ] }),
-    /* @__PURE__ */ o.jsxs("span", { className: "kakadu-components-1343580459", children: [
-      r ? null : /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
-        /* @__PURE__ */ o.jsx(B, { size: a ? void 0 : 50 }),
-        /* @__PURE__ */ o.jsx(f, { size: a ? void 0 : 50, className: N })
+  const d = !!x || !!m, t = l && !m;
+  return /* @__PURE__ */ o.jsxs("div", { className: n("kakadu-components-1400843519", a && (e || s) ? n(!!e && "kakadu-components-497190725", !!s && "kakadu-components-3729381008") : "kakadu-components-3866032606"), children: [
+    /* @__PURE__ */ o.jsxs(F, { ...y, as: t ? "a" : "button", type: t ? void 0 : "button", href: t ? l : void 0, target: t ? u : void 0, rel: t ? c : void 0, disabled: t ? void 0 : d, className: n(h, "kakadu-components-2081390622", i === "delete" && D, m && "kakadu-components-2662775151", j), children: [
+      /* @__PURE__ */ o.jsxs(f, { direction: "row", gap: 0.5, alignment: B.center, children: [
+        e ? /* @__PURE__ */ o.jsx("div", { className: n("kakadu-components-743909038", a ? "kakadu-components-1285017646" : "kakadu-components-1475172827"), children: typeof e == "string" ? /* @__PURE__ */ o.jsx(p, { width: 14, height: 14, type: e }) : e }) : null,
+        a ? /* @__PURE__ */ o.jsx("span", { className: "kakadu-components-3068418250", children: a }) : /* @__PURE__ */ o.jsx(A, { children: v }),
+        s ? /* @__PURE__ */ o.jsx("div", { className: n("kakadu-components-743909038", a ? "kakadu-components-2421728947" : "kakadu-components-1475172827"), children: typeof s == "string" ? /* @__PURE__ */ o.jsx(p, { width: 14, height: 14, type: s }) : s }) : null
       ] }),
-      m ? /* @__PURE__ */ o.jsx(w, { label: m, position: d }) : null
-    ] })
+      /* @__PURE__ */ o.jsxs("span", { className: "kakadu-components-1970948853", children: [
+        d ? null : /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
+          /* @__PURE__ */ o.jsx(N, { size: a ? void 0 : 50 }),
+          /* @__PURE__ */ o.jsx(b, { size: a ? void 0 : 50, className: g })
+        ] }),
+        r ? /* @__PURE__ */ o.jsx(w, { label: r, position: k }) : null
+      ] })
+    ] }),
+    m ? /* @__PURE__ */ o.jsx("div", { className: "kakadu-components-1970948853", children: /* @__PURE__ */ o.jsx(z, { width: "100%", height: "100%" }) }) : null
   ] });
 }
 export {
-  g as TextButtonVariant,
-  q as default
+  C as TextButtonVariant,
+  P as default
 };

package/build/components.css

@@ -1 +1 @@
-.kakadu-components-2310209127{--light-color:#f8fafc;--dark-color:#0c0d12;--background-color:var(--light-color);--foreground-color:var(--dark-color);--red-color:#be354b;--red-color-hover:#c73d56;--red-color-light:#e8687d;--yellow-color:#c9ac56;--yellow-color-hover:#d1b559;--yellow-color-light:#edcd71;--yellow-color-dark:#a4830b;--green-color:#52a14b;--green-color-hover:#5ea957;--green-color-light:#6fb86a;--primary-color:var(--green-color);--primary-color-hover:var(--green-color-hover);--secondary-color:#175694;--secondary-color-hover:#2c6195;--secondary-color-1:#222528;--secondary-color-2:#112a37;--secondary-color-3:#1e2f35;--secondary-color-4:#2c3238;--flash-color:rgba(255, 216, 57, .5);--font-weight-modifier:50;--gap:16px;--scale-multiplier:.6;--quarter-gap:calc(var(--gap) / 4);--third-gap:calc(var(--gap) / 3);--half-gap:calc(var(--gap) / 2);--sesquialteral-gap:calc(var(--gap) * (1.5 * var(--scale-multiplier)));--double-gap:calc(var(--gap) * (2 * var(--scale-multiplier)));--triple-gap:calc(var(--gap) * (3 * var(--scale-multiplier)));--quadruple-gap:calc(var(--gap) * (4 * var(--scale-multiplier)));--content-padding:calc(var(--gap) * 1.1875);--sidebar-z-index:424242;--modal-z-index:424243;--page-padding:var(--gap);--page-width:1080px;--text-width:780px;--content-width:620px;--font-family:"Inter",-apple-system,helvetica,arial,sans-serif;font-family:var(--font-family);font-optical-sizing:auto;line-height:normal;color:var(--foreground-color);--root-font-size:1rem;--8px:calc(var(--root-font-size) * .5);--9px:calc(var(--root-font-size) * .5625);--10px:calc(var(--root-font-size) * .625);--11px:calc(var(--root-font-size) * .6875);--12px:calc(var(--root-font-size) * .75);--13px:calc(var(--root-font-size) * .8125);--14px:calc(var(--root-font-size) * .875);--15px:calc(var(--root-font-size) * .9375);--16px:calc(var(--root-font-size) * 1);--17px:calc(var(--root-font-size) * 1.0625);--18px:calc(var(--root-font-size) * 1.125);--19px:calc(var(--root-font-size) * 1.1875);--20px:calc(var(--root-font-size) * 1.25);--21px:calc(var(--root-font-size) * 1.3125);--22px:calc(var(--root-font-size) * 1.375);--23px:calc(var(--root-font-size) * 1.4375);--24px:calc(var(--root-font-size) * 1.5);--25px:calc(var(--root-font-size) * 1.5625);--26px:calc(var(--root-font-size) * 1.625);--27px:calc(var(--root-font-size) * 1.6875);--28px:calc(var(--root-font-size) * 1.75);--29px:calc(var(--root-font-size) * 1.8125);--30px:calc(var(--root-font-size) * 1.875);--31px:calc(var(--root-font-size) * 1.9375);--32px:calc(var(--root-font-size) * 2);--33px:calc(var(--root-font-size) * 2.0625);--34px:calc(var(--root-font-size) * 2.125);--35px:calc(var(--root-font-size) * 2.1875);--36px:calc(var(--root-font-size) * 2.25);--37px:calc(var(--root-font-size) * 2.3125);--38px:calc(var(--root-font-size) * 2.375);--39px:calc(var(--root-font-size) * 2.4375);--40px:calc(var(--root-font-size) * 2.5);--41px:calc(var(--root-font-size) * 2.5625);--42px:calc(var(--root-font-size) * 2.625);--43px:calc(var(--root-font-size) * 2.6875);--44px:calc(var(--root-font-size) * 2.75);--45px:calc(var(--root-font-size) * 2.8125);--46px:calc(var(--root-font-size) * 2.875);--47px:calc(var(--root-font-size) * 2.9375);--48px:calc(var(--root-font-size) * 3)}:where([data-theme=dark]) .kakadu-components-2310209127,.kakadu-components-2310209127[data-theme=dark]{--font-weight-modifier:0;--background-color:var(--dark-color);--foreground-color:var(--light-color);--secondary-color:#cce0f0;--secondary-color-hover:#fff;--secondary-color-1:#edf0f2;--secondary-color-2:#e2e6eb;--secondary-color-3:#cbcdd0;--secondary-color-4:#fff;--yellow-color-dark:#c9b15d}@media(min-width:460px){.kakadu-components-2310209127{--scale-multiplier:.7}}@media(min-width:580px){.kakadu-components-2310209127{--scale-multiplier:.8;--page-padding:var(--double-gap)}}@media(min-width:860px){.kakadu-components-2310209127{--scale-multiplier:1;--page-padding:var(--triple-gap)}}.kakadu-components-4178476647{overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}.kakadu-components-216224454{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;text-align:left;border:0;margin:0;padding:0;cursor:pointer}[dir=rtl] .kakadu-components-216224454{text-align:right}.kakadu-components-352310015{--soft-shadow-color:rgba(255, 255, 255, .375);--hard-shadow-color:rgba(0, 0, 0, .075);--inset-hard-shadow-color:rgba(0, 0, 0, .2);--box-shadow-outline-color:#fff;--box-shadow-color:rgba(0, 0, 0, .25);--box-shadow-highlight-color:rgba(255, 255, 255, .05);--box-shadow-top-highlight-color:var(--box-shadow-highlight-color);--box-shadow-inset-color:rgba(0, 0, 0, .25);--bevel-shadow-offset:4px;--bevel-shadow-color:rgba(0, 0, 0, .1);--outline-color:rgba(0, 0, 0, 0);--outline-width:0px;box-shadow:0 0 2px var(--soft-shadow-color),0 0 0 1px var(--box-shadow-outline-color),0 var(--bevel-shadow-offset) 0 var(--hard-shadow-color),inset 0 calc(var(--bevel-shadow-offset) * -1) 0 var(--bevel-shadow-color),inset 0 calc((var(--bevel-shadow-offset) + 1px) * -1) 0 var(--box-shadow-highlight-color),0 0 0 var(--outline-width) var(--outline-color)}:where([data-theme=dark]) .kakadu-components-352310015{--soft-shadow-color:rgba(0, 0, 0, .375);--hard-shadow-color:rgba(0, 0, 0, .4)}.kakadu-components-352310015:before{content:"";width:100%;height:100%;position:absolute;border-radius:var(--border-radius);top:0;right:0;bottom:0;left:0;mix-blend-mode:overlay;box-shadow:inset 0 0 0 1px var(--box-shadow-color),inset 0 2px 0 var(--box-shadow-top-highlight-color),inset 0 -2px 0 var(--box-shadow-highlight-color),inset 0 1px 0 var(--box-shadow-inset-color),inset 0 calc(var(--bevel-shadow-offset) * -1) 0 var(--inset-hard-shadow-color);transition:box-shadow .37s}:where([data-theme=dark]) .kakadu-components-1119532724.kakadu-components-1119532724{--box-shadow-outline-color:#07130e;--box-shadow-color:rgba(255, 255, 255, .2)}.kakadu-components-3440084244{width:1px;height:1px;white-space:nowrap;padding:0;margin:-1px;border:0;position:absolute;overflow:hidden;clip:rect(0 0 0 0);clip:rect(0,0,0,0);word-wrap:normal}.kakadu-components-2071660791{--outline-shadow-color:rgba(255, 255, 255, 1);--hard-shadow-color:rgba(0, 0, 0, .03);--inset-inner-shadow-color:rgba(0, 0, 0, .2);--inset-outer-shadow-color:rgba(255, 255, 255, .75);--inset-hard-shadow-color:rgba(0, 0, 0, .025);--soft-shadow-color:rgba(255, 255, 255, .5);background:#fff6;padding:var(--content-padding);box-shadow:0 0 0 1px var(--outline-shadow-color),inset 0 0 0 1px var(--inset-inner-shadow-color),inset 0 0 0 2px var(--inset-outer-shadow-color),inset 0 5px 0 var(--inset-hard-shadow-color),0 0 2px 1px var(--soft-shadow-color),0 1px 1px var(--hard-shadow-color),0 5px 0 var(--hard-shadow-color);--border-radius:12px;border-radius:var(--border-radius)}:where([data-theme=dark]) .kakadu-components-2071660791{--outline-shadow-color:rgba(0, 0, 0, 1);--hard-shadow-color:rgba(0, 0, 0, .3);--inset-inner-shadow-color:rgba(255, 255, 255, .3);--inset-outer-shadow-color:rgba(0, 0, 0, .75);--inset-hard-shadow-color:rgba(0, 0, 0, .1);--soft-shadow-color:rgba(0, 0, 0, .5);background-color:#141419cc}.kakadu-components-2395643287{--hard-soft-shadow-color:rgba(255, 255, 255, .075);--hard-shadow-color:rgba(255, 255, 255, .2);--blur-shadow-color:rgba(255, 255, 255, .25);filter:drop-shadow(0 1px 0 var(--hard-shadow-color)) drop-shadow(0 1px 3px var(--blur-shadow-color)) drop-shadow(0 -1px var(--hard-soft-shadow-color)) drop-shadow(1px 0 var(--hard-soft-shadow-color)) drop-shadow(-1px 0 0 var(--hard-soft-shadow-color))}:where([data-theme=dark]) .kakadu-components-2395643287{--hard-soft-shadow-color:rgba(0, 0, 0, .15);--hard-shadow-color:rgba(0, 0, 0, .3);--blur-shadow-color:rgba(0, 0, 0, .15)}.kakadu-components-1569667551{display:inline-block;vertical-align:top;transform-box:view-box;transform-origin:center;shape-rendering:geometricPrecision}.kakadu-components-2544259022{transform-box:fill-box;transform-origin:center;animation:loading-spinner .97s linear infinite;will-change:transform}@keyframes loading-spinner{0%{transform:rotate(0)}to{transform:rotate(359.999deg)}}@media(prefers-reduced-motion:reduce){.kakadu-components-2544259022{animation:none}}.kakadu-components-3913140600{opacity:0;transform:translate3d(0,1px,0) scale(.75);transition:transform .16s,opacity .12s}.kakadu-components-2895791158{transform:translate3d(0,1px,0) scale(1);opacity:1}.kakadu-components-4131181690{width:100%;height:100%;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;opacity:var(--opacity);mix-blend-mode:overlay}@media(prefers-reduced-motion:reduce){.kakadu-components-4131181690{display:none}}.kakadu-components-3366903902{width:100%;height:100%;color:var(--color, #000);pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;opacity:var(--opacity, .1);mix-blend-mode:plus-darker}:where([data-theme=dark]) .kakadu-components-3366903902{--color:#fff;--opacity:.05;mix-blend-mode:plus-lighter}@media(prefers-reduced-motion:reduce){.kakadu-components-3366903902{display:none}}.kakadu-components-4049648322{-webkit-mask-image:radial-gradient(ellipse,black 0%,black 60%,transparent 75%,transparent 100%);mask-image:radial-gradient(ellipse,black 0%,black 60%,transparent 75%,transparent 100%)}.kakadu-components-3828473824{--translation:translate(-50%, -50%);background:#00000013;width:var(--size);height:var(--size);border-radius:var(--size);position:absolute;top:0;left:0;transform:var(--translation) scale(0);opacity:0;animation:ripple .37s ease-out}@keyframes ripple{0%{transform:var(--translation) scale(0);opacity:0}60%{opacity:1}to{transform:var(--translation) scale(1);opacity:0}}:where([data-theme=dark]) .kakadu-components-3828473824{background-color:#ffffff13}.kakadu-components-4189236582{border-radius:var(--border-radius);overflow:hidden;pointer-events:none;position:absolute;top:var(--offset, 0);left:var(--offset, 0);right:var(--offset, 0);bottom:var(--offset, 0)}.kakadu-components-2608453841.kakadu-components-2608453841{mix-blend-mode:normal;opacity:.3}.kakadu-components-1237006455{border-radius:var(--border-radius);overflow:hidden;pointer-events:none;position:absolute;top:var(--offset, 0);left:var(--offset, 0);right:var(--offset, 0);bottom:var(--offset, 0);mix-blend-mode:overlay}.kakadu-components-611160091{--gradient-start-color:rgba(0, 0, 0, .125);--gradient-end-color:rgba(0, 0, 0, 0);background-image:radial-gradient(circle,var(--gradient-start-color) 0%,var(--gradient-end-color) 60%);position:absolute;width:var(--size);height:var(--size);transform:translate(var(--offset-x),var(--offset-y)) translate(-50%,-50%);opacity:0;transition:opacity .2s}:where([data-theme=dark]) .kakadu-components-611160091{--gradient-start-color:rgba(255, 255, 255, .125);--gradient-end-color:rgba(255, 255, 255, 0)}.kakadu-components-3627966847{opacity:1}.kakadu-components-982005200{position:absolute;left:50%;text-align:center;pointer-events:none;white-space:nowrap;transform:translate(-50%);display:none}@media(hover:hover){.kakadu-components-982005200{display:block}}.kakadu-components-430823771{bottom:calc(100% + 7px)}.kakadu-components-2189175034{top:calc(100% + 7px)}.kakadu-components-3460060923{background:#fff;font-size:var(--12px);padding:3px 7px;border-radius:5px;color:#000;display:inline-block;position:relative;z-index:2;--box-shadow-outline-color:#fff;--box-shadow-color:rgba(0, 0, 0, .15);--box-shadow-inset-color:rgba(0, 0, 0, .2);box-shadow:0 0 0 1px var(--box-shadow-outline-color),0 1px 4px var(--box-shadow-color),inset 0 0 0 1px var(--box-shadow-inset-color);--box-direction-y:1;transform:translate3d(0,calc(var(--box-direction-y) * 4px),0) scale(.8);opacity:0}:where([data-theme=dark]) button .kakadu-components-3460060923{background:#141419;color:#fff;--box-shadow-outline-color:rgba(0, 0, 0, .7);--box-shadow-color:rgba(255, 255, 255, .1);--box-shadow-inset-color:rgba(255, 255, 255, .25)}.kakadu-components-3460060923:after{content:"";position:absolute;left:50%;transform:translate(-50%) rotate(45deg);width:7px;height:7px;background:#fff;--box-shadow-color:rgb(200, 200, 200);--outer-box-shadow-color:rgb(250, 250, 250);box-shadow:calc(var(--box-direction-y) * 1px) calc(var(--box-direction-y) * 1px) 0 var(--box-shadow-color),calc(var(--box-direction-y) * 2px) calc(var(--box-direction-y) * 2px) 0 var(--outer-box-shadow-color);z-index:-1}:where([data-theme=dark]) button .kakadu-components-3460060923:after{background:#131314;--box-shadow-color:rgb(80, 80, 80);--outer-box-shadow-color:rgba(0, 0, 0, .3)}button:focus-visible .kakadu-components-3460060923{transform:translateZ(0) scale(1);opacity:1;transition:transform .1s,opacity .1s}@media(hover:hover){.kakadu-components-3460060923{transition:transform .1s,opacity .1s}button:hover .kakadu-components-3460060923{transform:translateZ(0) scale(1);opacity:1;transition:transform .3s .2s,opacity .3s .2s}}.kakadu-components-2481216458:after{top:calc(100% - 5px)}.kakadu-components-637471806{--box-direction-y:-1}.kakadu-components-637471806:after{bottom:calc(100% - 5px)}.kakadu-components-3118361790{--internal-loader-offset:var(--loader-offset, 2px);position:absolute;top:var(--internal-loader-offset);right:var(--internal-loader-offset);bottom:var(--internal-loader-offset);left:var(--internal-loader-offset);width:calc(100% - var(--internal-loader-offset) * 2);height:calc(100% - var(--internal-loader-offset) * 2);opacity:0;transition:opacity .1s;border-radius:var(--border-radius);pointer-events:none;z-index:3}.kakadu-components-4114685569{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);opacity:1}.kakadu-components-2395688468{background-color:var(--loading-background-color, rgba(0, 0, 0, .1));background-image:radial-gradient(ellipse,var(--loading-background-color-gradient-start, rgba(0, 0, 0, .2)) 0%,var(--loading-background-color-gradient-end, rgba(0, 0, 0, 0)) 75%);display:flex;justify-content:center;align-items:center;border-radius:var(--border-radius);position:absolute;top:0;right:0;bottom:0;left:0}.kakadu-components-2658660333{display:flex;align-items:center;justify-content:center;position:relative;z-index:2;--hard-shadow-color:rgba(0, 0, 0, .25);--blur-shadow-color:rgba(0, 0, 0, .35)}.kakadu-components-2658660333 svg{transform:translateZ(0);filter:drop-shadow(0 1px 0 var(--hard-shadow-color)) drop-shadow(0 0 2px var(--blur-shadow-color))}:where([data-theme=light]) .kakadu-components-3469662110 svg{--hard-shadow-color:rgba(255, 255, 255, .25);--blur-shadow-color:rgba(255, 255, 255, .35)}.kakadu-components-2244098950.kakadu-components-2244098950:before{mix-blend-mode:normal}:where([data-theme=light]) .kakadu-components-2244098950.kakadu-components-2244098950{background-color:#ffffffe6;color:#000c;--text-shadow-color:rgba(255, 255, 255, .35);--text-shadow-hard-color:rgba(255, 255, 255, .25);--box-shadow-color:rgba(0, 0, 0, .15);--box-shadow-highlight-color:rgba(255, 255, 255, .25);--box-shadow-inset-color:rgba(0, 0, 0, .1);--inset-hard-shadow-color:rgba(0, 0, 0, .05);--loading-background-color:rgba(255, 255, 255, .3);--loading-background-color-gradient-start:rgba(255, 255, 255, .6);--loading-background-color-gradient-end:rgba(255, 255, 255, 0)}@media(hover:hover){:where([data-theme=light]) .kakadu-components-2244098950.kakadu-components-2244098950:not([disabled]):hover{background-color:#fff;color:#000}}:where([data-theme=dark]) .kakadu-components-2244098950.kakadu-components-2244098950{background-color:#161619cc;color:#ffffffe6;--text-shadow-color:rgba(0, 0, 0, .35);--text-shadow-hard-color:rgba(0, 0, 0, .25);--box-shadow-color:rgba(255, 255, 255, .2);--box-shadow-highlight-color:rgba(0, 0, 0, .75);--box-shadow-inset-color:rgba(255, 255, 255, .3);--inset-hard-shadow-color:rgba(255, 255, 255, .075);--bevel-shadow-color:rgba(255, 255, 255, .075);--box-shadow-outline-color:var(--background-color);--loading-background-color:rgba(0, 0, 0, .65);--loading-background-color-gradient-start:rgba(0, 0, 0, .2);--loading-background-color-gradient-end:rgba(0, 0, 0, 0)}@media(hover:hover){:where([data-theme=dark]) .kakadu-components-2244098950.kakadu-components-2244098950:not([disabled]):hover{background-color:#1c1c1ecc;color:#fff}}.kakadu-components-3923184173.kakadu-components-3923184173{background-color:var(--green-color)}@media(hover:hover){.kakadu-components-3923184173.kakadu-components-3923184173:not([disabled]):hover{background-color:var(--green-color-hover)}}.kakadu-components-317965671.kakadu-components-317965671{background-color:var(--yellow-color)}@media(hover:hover){.kakadu-components-317965671.kakadu-components-317965671:not([disabled]):hover{background-color:var(--yellow-color-hover)}}.kakadu-components-1978976872.kakadu-components-1978976872{background-color:var(--red-color)}@media(hover:hover){.kakadu-components-1978976872.kakadu-components-1978976872:not([disabled]):hover{background-color:var(--red-color-hover)}}.kakadu-components-1897763514{--text-shadow-color:rgba(0, 0, 0, .35);--text-shadow-hard-color:rgba(0, 0, 0, .25);-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--primary-color);font-family:var(--font-family);font-size:var(--16px);font-weight:550;text-align:center;text-decoration:none;margin:0;padding:calc(var(--gap) * .65) calc(var(--gap) * 1.4);padding-bottom:calc(var(--gap) * .75);cursor:pointer;color:#fff;border:0;--border-radius:30px;border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;position:relative;transition:background-color .37s,box-shadow .37s,transform .37s}.kakadu-components-1897763514:not([disabled]):active{transform:scale(.98);transition-duration:.1s;--bevel-shadow-offset:1px}.kakadu-components-1897763514[disabled]{cursor:not-allowed;opacity:.8}@media(hover:hover){.kakadu-components-1897763514:not([disabled]):hover{background-color:var(--primary-color-hover);color:#fff;transition-duration:.1s;text-decoration:underline}.kakadu-components-1897763514:before{transition-duration:.1s}}.kakadu-components-3652831856{text-align:left}.kakadu-components-2746167644{padding-left:12px;padding-right:12px}.kakadu-components-294089230{padding-right:2px;left:-4px}.kakadu-components-2618257692{position:relative;z-index:2;text-shadow:0 0 2px var(--text-shadow-color),0 1px 0 var(--text-shadow-hard-color)}.kakadu-components-3127707672{padding-left:2px;right:-4px}.kakadu-components-1505766785{border-radius:var(--border-radius)}.kakadu-components-3712045697.kakadu-components-3712045697{mix-blend-mode:hard-light;opacity:.05}.kakadu-components-2813474662.kakadu-components-2813474662{color:#fff;mix-blend-mode:plus-lighter;border-radius:var(--border-radius)}.kakadu-components-563258661{display:flex;align-items:var(--cross-axis-alignment);justify-content:var(--main-axis-alignment)}.kakadu-components-1546485850{flex-direction:column;align-items:var(--main-axis-alignment);justify-content:var(--cross-axis-alignment)}.kakadu-components-223643817{--main-axis-alignment:flex-start;--cross-axis-alignment:center}.kakadu-components-4038850420{--main-axis-alignment:center;--cross-axis-alignment:center}.kakadu-components-317611484{--main-axis-alignment:space-between;--cross-axis-alignment:center}.kakadu-components-2767496155{--main-axis-alignment:flex-end;--cross-axis-alignment:center}.kakadu-components-2276234075{gap:var(--quarter-gap)}.kakadu-components-739568937{gap:var(--third-gap)}.kakadu-components-3438335458{gap:var(--half-gap)}.kakadu-components-3350948469{gap:calc(var(--gap) * .75)}.kakadu-components-3993051137{gap:var(--gap)}.kakadu-components-4186556816{gap:var(--sesquialteral-gap)}.kakadu-components-1435205015{gap:var(--double-gap)}.kakadu-components-4251546321{gap:calc(var(--gap) * 2.25)}.kakadu-components-1168734547{gap:var(--triple-gap)}.kakadu-components-1543861259{gap:var(--quadruple-gap)}.kakadu-components-3545808562{flex-wrap:wrap}.kakadu-components-3911899222{flex:1}.kakadu-components-1538322784{--text-shadow-color-numbers:255,255,255;--text-shadow-multiplier:1;text-shadow:0 1px 0 rgba(var(--text-shadow-color-numbers),calc(.3 * var(--text-shadow-multiplier))),0 3px 0 rgba(var(--text-shadow-color-numbers),calc(.05 * var(--text-shadow-multiplier))),0 0 2px rgba(var(--text-shadow-color-numbers),calc(.4 * var(--text-shadow-multiplier))),0 1px 4px rgba(var(--text-shadow-color-numbers),calc(.2 * var(--text-shadow-multiplier)))}:where([data-theme=dark]) .kakadu-components-1538322784{--text-shadow-color-numbers:0,0,0;--text-shadow-multiplier:1.5}.kakadu-components-739732526 a{color:var(--secondary-color);text-decoration:underline}@media(hover:hover){.kakadu-components-739732526 a:hover{color:var(--secondary-color-hover);text-decoration:none}}.kakadu-components-1669332734{font-family:var(--font-family);font-size:var(--34px);color:var(--secondary-color-1);--font-weight:650;font-weight:var(--font-weight);line-height:1.1em;padding:0;margin:0}.kakadu-components-1669332734 b{font-weight:calc(var(--font-weight) + 50);color:var(--secondary-color-4)}.kakadu-components-1669332734 strong{font-weight:calc(var(--font-weight) + 150);color:var(--secondary-color-4)}.kakadu-components-1038708690.kakadu-components-1038708690{text-decoration:none;color:inherit}@media(hover:hover){.kakadu-components-1038708690.kakadu-components-1038708690:hover{color:inherit;text-decoration:underline}}.kakadu-components-1923397960{font-family:var(--font-family);font-size:var(--16px)}.kakadu-components-1923397960 b{font-weight:450;color:var(--secondary-color-2)}.kakadu-components-1923397960 strong{font-weight:600;color:var(--secondary-color-2)}.kakadu-components-1923397960 code{font-size:.9em}.kakadu-components-621160204{font-size:var(--16px);font-weight:400;color:var(--secondary-color-3);line-height:1.5em;padding:0;margin:0}.kakadu-components-1329768068.kakadu-components-1329768068{text-transform:uppercase;font-weight:600;font-size:var(--12px);opacity:.8}.kakadu-components-1082504586{max-width:var(--text-width);text-wrap:pretty}.kakadu-components-1082504586 :is(h1,h2,h3,h4,h5,h6):is(h1){font-size:var(--32px)}.kakadu-components-1082504586 :is(h1,h2,h3,h4,h5,h6):is(h2){font-size:var(--24px);--font-weight:650}.kakadu-components-1082504586 :is(h1,h2,h3,h4,h5,h6):is(h3){font-size:var(--20px);--font-weight:400;opacity:.9}.kakadu-components-1082504586 :is(h1,h2,h3,h4,h5,h6):is(h4){font-size:var(--17px);--font-weight:500}.kakadu-components-1082504586 h1+h2{margin-top:1.25em}.kakadu-components-1082504586 h2+h3{margin-top:.75em}.kakadu-components-1082504586 h3+h4{margin-top:.9em}.kakadu-components-1082504586 :is(h1,h2,h3,h4,h5,h6)+:is(p,ul,ol,aside){margin-top:.9em}.kakadu-components-1082504586 :is(h1,h2)+p:has(+p){font-size:var(--20px);font-weight:400;line-height:1.3em;color:var(--secondary-color-2)}.kakadu-components-1082504586 :is(h1,h2)+p:has(+p)+p{margin-top:1.25em}.kakadu-components-1082504586 p+:is(p){margin-top:.75em}.kakadu-components-1082504586 :is(p,ul,ol,aside)+:is(h1,h2,h3,h4,h5,h6){margin-top:1.5em}.kakadu-components-1082504586 :is(p,ul,ol,aside)+:is(h1,h2,h3,h4,h5,h6):is(h3){margin-top:2em}.kakadu-components-1082504586 :is(p,ul,ol,aside)+:is(h1,h2,h3,h4,h5,h6):is(h4){margin-top:2em}.kakadu-components-1082504586 :is(div:has(>pre),pre,p,ul,ol,aside,label:has(input,textarea,select))+:is(h3,h4):before{content:"";width:16px;height:1px;background:#00000026;display:block;margin-bottom:2em}:where([data-theme=dark]) .kakadu-components-1082504586 :is(div:has(>pre),pre,p,ul,ol,aside,label:has(input,textarea,select))+:is(h3,h4):before{background-color:#ffffff26}.kakadu-components-1082504586 ul,.kakadu-components-1082504586 ol{margin:0;padding:0;list-style-position:inside}.kakadu-components-1082504586 :is(p,ul,ol)+:is(ul,ol){margin-top:1em}.kakadu-components-1082504586 li+li{margin-top:.25em}.kakadu-components-1082504586 li+:is(ol>li){margin-top:1em}.kakadu-components-1082504586 li:has(:is(ul,ol))+li{margin-top:.65em}.kakadu-components-1082504586 li::marker{font-weight:600}.kakadu-components-1082504586 :is(ul,ol)>li{font-weight:500}.kakadu-components-1082504586 :is(ul,ol)>li li{font-weight:400}.kakadu-components-1082504586 li a:only-child,.kakadu-components-1082504586 li a:first-child:has(+:is(ul,ol):last-child){text-decoration:none;color:currentColor}@media(hover:hover){.kakadu-components-1082504586 li a:only-child:hover,.kakadu-components-1082504586 li a:first-child:has(+:is(ul,ol):last-child):hover{text-decoration:underline;color:var(--secondary-color)}}.kakadu-components-1082504586 :is(ul,ol) :is(ul,ol){margin-top:var(--half-gap);padding-left:var(--gap)}.kakadu-components-1082504586 :is(p,ul,ol)+hr{margin-top:2em}.kakadu-components-1082504586 code:not(pre code){font-family:Source Code Pro,Source Code Pro Fallback,monospace;background:#ffffffe6;box-shadow:inset 0 0 0 1px #0003;display:inline-block;vertical-align:middle;padding:0 6px;border-radius:6px}:where([data-theme=dark]) .kakadu-components-1082504586 code:not(pre code){background:#ffffff06;box-shadow:inset 0 0 0 1px #fff3}.kakadu-components-1082504586 pre{background:#ffffffe6;font-size:var(--12px);line-height:1.5em;color:#000;margin:0;white-space:pre-wrap;overflow:auto;padding:var(--gap);border-radius:var(--half-gap);box-sizing:border-box;box-shadow:inset 0 0 0 1px #0003}:where([data-theme=dark]) .kakadu-components-1082504586 pre{background:#ffffff06;box-shadow:inset 0 0 0 1px #fff3;color:#ffffffb3}.kakadu-components-1082504586 :is(p,ul,ol,aside)+:is(div:has(>pre),pre,label:has(:is(input,textarea,select))),.kakadu-components-1082504586 :is(div:has(>pre),pre,label:has(:is(input,textarea,select)))+:is(p,ul,ol,aside){margin-top:var(--double-gap)}.kakadu-components-1082504586 :is(div:has(>pre),pre,label:has(:is(input,textarea,select)))+:is(h1,h2,h3,h4,h5,h6){margin-top:var(--triple-gap)}.kakadu-components-1082504586 :is(div:has(>pre),pre,label:has(:is(input,textarea,select)))+:is(h1,h2,h3,h4,h5,h6):is(h3,h4){margin-top:2em}.kakadu-components-1082504586 :is(div:has(>pre),pre,label:has(:is(input,textarea,select)))+:is(div:has(>pre),pre,label:has(:is(input,textarea,select))){margin-top:var(--gap)}.kakadu-components-1082504586 aside:not(:is(div:has(>pre),pre,label:has(input,textarea,select))+aside){max-width:var(--content-width)}.kakadu-components-1082504586 :is(p,ul,ol)+aside,.kakadu-components-1082504586 aside+:is(p,ul,ol){margin-top:var(--double-gap)}.kakadu-components-1082504586 :is(div:has(>pre),pre)+aside,.kakadu-components-1082504586 aside+:is(div:has(>pre),pre){margin-top:var(--gap)}.kakadu-components-323682454.kakadu-components-323682454{max-width:var(--text-width)}.kakadu-components-323682454.kakadu-components-323682454 h1{font-size:var(--38px)}@media(min-width:410px){.kakadu-components-323682454.kakadu-components-323682454 h1{font-size:var(--48px)}}.kakadu-components-323682454.kakadu-components-323682454 h1+:is(p,ul){margin-top:.9em}.kakadu-components-323682454.kakadu-components-323682454 h1+p:has(+p),.kakadu-components-323682454.kakadu-components-323682454 h1+p:last-child{font-size:var(--20px);line-height:1.4em}@media(min-width:410px){.kakadu-components-323682454.kakadu-components-323682454 h1+p:has(+p),.kakadu-components-323682454.kakadu-components-323682454 h1+p:last-child{font-size:var(--24px)}}.kakadu-components-323682454.kakadu-components-323682454 h1+p:has(+p)+p,.kakadu-components-323682454.kakadu-components-323682454 h1+p:last-child+p{margin-top:2.1em}.kakadu-components-323682454.kakadu-components-323682454 p{font-size:var(--18px);line-height:1.6em}.kakadu-components-1387630570.kakadu-components-1387630570.kakadu-components-1387630570{background:#fff;text-align:left;padding:var(--content-padding);padding-bottom:calc(var(--content-padding) - 2px);--border-radius:12px;border-radius:var(--border-radius);text-decoration:none;position:relative;cursor:pointer;border:0;transition:background-color .37s,box-shadow .37s,transform .37s}:where([data-theme=dark]) .kakadu-components-1387630570.kakadu-components-1387630570.kakadu-components-1387630570{background-color:#16181c;--box-shadow-color:rgba(255, 255, 255, .15);--inset-hard-shadow-color:rgba(0, 0, 0, .8);--box-shadow-outline-color:rgba(0, 0, 0, .75);--box-shadow-highlight-color:rgba(255, 255, 255, .04);--box-shadow-top-highlight-color:rgba(0, 0, 0, .6)}@media(hover:hover){:where([data-theme=dark]) .kakadu-components-1387630570.kakadu-components-1387630570.kakadu-components-1387630570:hover{background-color:#1a1c21}}.kakadu-components-1387630570.kakadu-components-1387630570.kakadu-components-1387630570:before{mix-blend-mode:normal}.kakadu-components-1387630570.kakadu-components-1387630570.kakadu-components-1387630570:active{transform:scale(.9875);transition-duration:.1s;--bevel-shadow-offset:1px}.kakadu-components-1301774894.kakadu-components-1301774894{font-size:var(--18px);font-weight:500;color:var(--foreground-color);text-decoration:none;text-decoration:0}:is(button,a):hover .kakadu-components-1301774894.kakadu-components-1301774894{text-decoration:underline}.kakadu-components-782417605{position:relative;left:-1px}.kakadu-components-3061837309.kakadu-components-3061837309{font-size:var(--15px);text-decoration:none;text-decoration:0}.kakadu-components-777975485.kakadu-components-777975485{font-size:var(--12px);font-weight:700;text-transform:uppercase;text-decoration:underline;color:#3574b5;padding-top:var(--quarter-gap)}:where([data-theme=dark]) .kakadu-components-777975485.kakadu-components-777975485.kakadu-components-777975485.kakadu-components-777975485.kakadu-components-777975485.kakadu-components-777975485{color:#84a3c8}@media(hover:hover){:is(button,a):hover .kakadu-components-777975485.kakadu-components-777975485,.kakadu-components-777975485.kakadu-components-777975485:hover{text-decoration:none;text-decoration:0;text-decoration-color:currentColor}}.kakadu-components-2967167444{opacity:.5}.kakadu-components-2223449868{transition:height .37s,opacity .37s}.kakadu-components-512418581{pointer-events:none}.kakadu-components-3857562328{position:absolute}.kakadu-components-1150622507{--border-radius:8px;--loader-offset:1px;width:34px;height:34px;padding-bottom:3px;display:flex;align-items:center;justify-content:center;color:#fff;border-radius:var(--border-radius);position:relative;transition:background-color .37s,box-shadow .37s,transform .37s}.kakadu-components-1150622507[disabled]{cursor:not-allowed;opacity:.8}.kakadu-components-1150622507:not([disabled]):active{transform:scale(.98);transition-duration:.1s;--bevel-shadow-offset:1px}@media(hover:hover){.kakadu-components-1150622507:not([disabled]):active.kakadu-components-1150622507:not([disabled]):active{--outline-width:0px}}@media(hover:hover){.kakadu-components-1150622507:not([disabled]):hover{background-color:var(--primary-color-hover);color:#fff;transition-duration:.1s;--outline-width:5px;--outline-color:var(--outline-hover-color)}.kakadu-components-1150622507:before{transition-duration:.1s}}.kakadu-components-2089159949{--outline-hover-color:rgba(0, 0, 0, .1)}:where([data-theme=dark]) .kakadu-components-2089159949{--outline-hover-color:rgba(255, 255, 255, .1)}.kakadu-components-4088931955{--outline-hover-color:oklch( from var(--green-color) l c h / 37.5% )}.kakadu-components-1450399719{--outline-hover-color:oklch( from var(--yellow-color) l c h / 37.5% )}.kakadu-components-3594030066{--outline-hover-color:oklch(from var(--red-color) l c h / 37.5%)}.kakadu-components-2197738751{position:relative;display:flex;align-items:center;justify-content:center}.kakadu-components-1309118222{transform:translateZ(0);position:relative;z-index:2;transition:opacity .1s,transform .1s}.kakadu-components-3602476657{opacity:0;transform:translateZ(0) scale(.8)}.kakadu-components-2883440801{transform:translateZ(0) scale(.8);position:absolute;z-index:2;transition:opacity .2s,transform .2s;top:0;left:0;bottom:0;right:0;opacity:0}.kakadu-components-1406924214{opacity:1;transform:translateZ(0)}.kakadu-components-3772513716.kakadu-components-3772513716{font-size:var(--13px);font-weight:650;text-transform:uppercase}.kakadu-components-2497879239.kakadu-components-2497879239{font-weight:300}.kakadu-components-2022754336{opacity:.3}.kakadu-components-847862034{padding-left:var(--page-padding);padding-right:var(--page-padding)}.kakadu-components-1099799322{width:100%;align-self:center}.kakadu-components-3142729958{max-width:var(--page-width)}.kakadu-components-2670503515{max-width:var(--text-width)}.kakadu-components-259932668{max-width:var(--content-width)}.kakadu-components-975968984.kakadu-components-975968984.kakadu-components-975968984{font-size:var(--14px);list-style:none}.kakadu-components-975968984.kakadu-components-975968984.kakadu-components-975968984 a{--color:#aaa;color:var(--color);text-decoration:none}@media(hover:hover){.kakadu-components-975968984.kakadu-components-975968984.kakadu-components-975968984 a:hover{text-decoration:underline}}.kakadu-components-1574406446{background:var(--dark-color);padding:var(--page-padding);position:relative}:where([data-theme=dark]) .kakadu-components-1574406446{background:#0006;box-shadow:inset 0 1px #ffffff14}.kakadu-components-783629418.kakadu-components-783629418{align-items:flex-start;padding-top:var(--gap)}.kakadu-components-3520395370.kakadu-components-3520395370{text-align:right}.kakadu-components-3521477705{border:0;margin:auto 0 auto auto}.kakadu-components-2329568054{border:0;vertical-align:top}.kakadu-components-2089456404.kakadu-components-2089456404{max-width:var(--text-width);width:100%;align-items:center}.kakadu-components-3695148669.kakadu-components-3695148669{position:relative;top:-2px;vertical-align:top;color:var(--foreground-color)}.kakadu-components-1125118494.kakadu-components-1125118494{font-size:var(--14px);opacity:.3}.kakadu-components-2176404336{--size:80px;--thickness:13px;--font-size:var(--25px);--font-weight:600;--offset:2px;--highlight-color:rgba(255, 255, 255, .2);--shadow-color:rgba(0, 0, 0, .1);--hard-shadow-offset:4px;--hard-shadow-color:rgba(0, 0, 0, .05);background:#f9f9f9;width:var(--size);height:var(--size);box-shadow:0 1px 0 var(--shadow-color),0 var(--hard-shadow-offset) 0 var(--hard-shadow-color),inset 0 1px 0 var(--shadow-color),inset 0 2px 0 var(--highlight-color);border-radius:var(--size);position:relative;display:flex;align-items:center;justify-content:center}:where([data-theme=dark]) .kakadu-components-2176404336{background:#323237}.kakadu-components-3162945807{--size:60px;--thickness:11px;--font-size:var(--18px);--font-weight:600;--offset:2px}.kakadu-components-2977513648{--size:100px;--thickness:17px;--font-size:var(--32px);--offset:3px}.kakadu-components-707327569{background:var(--start-color);width:var(--thickness);height:var(--thickness);border-radius:var(--thickness);position:absolute;top:50%;left:0;transform:translateY(-50%);box-shadow:0 1px 0 var(--shadow-color),0 var(--hard-shadow-offset) 0 var(--hard-shadow-color),inset 0 0 0 1px var(--shadow-color),0 0 2px #fff3}.kakadu-components-2636723344{width:100%;height:100%;background:conic-gradient(from -90deg,var(--gradient));-webkit-mask-image:conic-gradient(from -90deg,#000 0%,#000 var(--percentage),transparent var(--percentage),transparent 100%);mask-image:conic-gradient(from -90deg,#000 0%,#000 var(--percentage),transparent var(--percentage),transparent 100%);border-radius:var(--size);box-shadow:0 1px 0 var(--shadow-color),0 var(--hard-shadow-offset) 0 var(--hard-shadow-color),inset 0 4px #ffffff26,inset 0 0 0 1px var(--shadow-color)}:where([data-theme=dark]) .kakadu-components-2636723344{--shadow-color:rgba(255, 255, 255, .3)}.kakadu-components-2810161405{--inner-size:calc(var(--size) - (var(--thickness) * 2));background:#0000002d;width:var(--inner-size);height:var(--inner-size);border-radius:var(--inner-size);--outline-shadow-color:rgba(0, 0, 0, .15);--soft-shadow-color:rgba(255, 255, 255, .4);box-shadow:0 0 0 1px var(--outline-shadow-color),0 0 2px var(--soft-shadow-color);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}:where([data-theme=dark]) .kakadu-components-2810161405{--outline-shadow-color:rgba(255, 255, 255, .15);--soft-shadow-color:rgba(255, 255, 255, .4)}.kakadu-components-1913523229{--inner-size:calc(var(--size) - var(--thickness) * 2);background:var(--background-color);width:var(--inner-size);height:var(--inner-size);font-size:var(--font-size);font-weight:var(--font-weight);font-variant-numeric:tabular-nums;letter-spacing:-.07em;border-radius:var(--inner-size);display:flex;align-items:center;justify-content:center;--offset-shadow-color:var(--shadow-color);box-shadow:0 1px 0 var(--offset-shadow-color),0 2px 0 var(--highlight-color),inset 0 var(--hard-shadow-offset) 0 var(--hard-shadow-color),inset 0 1px 0 var(--shadow-color);position:absolute}:where([data-theme=dark]) .kakadu-components-1913523229{--offset-shadow-color:rgba(255, 255, 255, .3)}.kakadu-components-967240013{--dial-size:calc(var(--thickness) + (var(--offset) * 2));--radius:calc((var(--size) / 2) - var(--offset));--angle:calc(-180deg + (var(--percentage-factor) * 360deg));background:#fff;width:var(--dial-size);height:var(--dial-size);border-radius:var(--dial-size);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(var(--angle)) translate(calc(var(--radius) - (var(--offset) * 2))) rotate(calc(var(--angle) * -1));box-shadow:0 1px 0 var(--shadow-color),0 var(--hard-shadow-offset) 0 var(--hard-shadow-color),0 0 1px #00000080}.kakadu-components-3225063030{--dial-cutout-size:calc(var(--dial-size) / 2.25);background:var(--end-color);width:var(--dial-cutout-size);height:var(--dial-cutout-size);border-radius:var(--dial-cutout-size);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 1px var(--shadow-color),inset 0 var(--hard-shadow-offset) 0 0 var(--hard-shadow-color)}.kakadu-components-866714386{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;overflow:hidden;top:0;z-index:100;box-shadow:0 1px #0003,0 2px #fff3}:where([data-theme=dark]) .kakadu-components-866714386{background:color-mix(in srgb,var(--background-color),rgba(0,0,0,.6) 20%);box-shadow:0 1px #fff3,0 2px #0003}.kakadu-components-479363365{padding-top:var(--gap);padding-bottom:calc(var(--gap) + 2px)}.kakadu-components-4017654514.kakadu-components-4017654514{color:var(--red-color)}:where([data-theme=dark]) .kakadu-components-4017654514.kakadu-components-4017654514{color:var(--red-color-hover)}.kakadu-components-1202323410{--hover-background-color:rgba(0, 0, 0, .05);background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:auto;font-family:var(--font-family);font-size:var(--16px);font-weight:550;cursor:pointer;color:var(--foreground-color);margin:0;border:0;padding:0;text-align:left;text-decoration:none;display:inline-flex;vertical-align:top;position:relative;transform:translateZ(0);--original-border-radius:6px;--border-radius:var(--original-border-radius) var(--border-top-right-radius, var(--original-border-radius)) var(--original-border-radius) var(--original-border-radius);--horizontal-offset:-9px;--right-offset:var(--horizontal-offset);--left-offset:var(--horizontal-offset);--vertical-offset:-5px}:where([data-theme=dark]) .kakadu-components-1202323410{--hover-background-color:rgba(255, 255, 255, .075)}.kakadu-components-1202323410[disabled]{cursor:not-allowed;opacity:.7}@media(hover:hover){.kakadu-components-1202323410:not([disabled]):before{content:"";position:absolute;top:var(--vertical-offset);right:var(--right-offset);bottom:var(--vertical-offset);left:var(--left-offset);border-radius:var(--border-radius);transition:background-color .37s}.kakadu-components-1202323410:not([disabled]):hover:before{background-color:var(--hover-background-color);transition:background-color .05s}}.kakadu-components-1202323410:not([disabled]):active{transform:scale(.98);transition-duration:.1s}.kakadu-components-497190725{--right-offset:-12px}.kakadu-components-3729381008{--left-offset:-12px}.kakadu-components-3866032606{--horizontal-offset:-8px}.kakadu-components-2031441451{position:relative}.kakadu-components-2885581246{top:1px;right:-1px}.kakadu-components-611756781{padding-top:3px;padding-left:2px;padding-right:2px}.kakadu-components-2362298521{position:relative;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}@media(hover:hover){:is(a,button):not([disabled]):hover .kakadu-components-2362298521{text-decoration:none}}.kakadu-components-2285425267{top:1px;left:-1px}.kakadu-components-1343580459{position:absolute;top:var(--vertical-offset);right:var(--right-offset);bottom:var(--vertical-offset);left:var(--left-offset)}.kakadu-components-925362255{--border-radius:6px;--box-shadow-color:rgba(0, 0, 0, .2);--box-shadow-hard-color:rgba(255, 255, 255, .8);--box-shadow-inner-color:rgba(255, 255, 255, .2);--default-lip-color:#d4d7d9;--lip-color:var(--default-lip-color);background:#fff;border-radius:var(--border-radius);box-shadow:inset 0 0 0 2px var(--box-shadow-inner-color),inset 0 0 0 1px var(--box-shadow-color),0 0 0 1px var(--box-shadow-hard-color),0 3px #00000008;display:flex;justify-content:flex-start}:where([data-theme=dark]) .kakadu-components-925362255{background-color:#15161a;--box-shadow-inner-color:rgba(0, 0, 0, .3);--box-shadow-color:rgba(255, 255, 255, .2);--box-shadow-hard-color:rgba(0, 0, 0, .9);--default-lip-color:#393b3e}.kakadu-components-2945174293{--default-lip-color:#a2a6a8}:where([data-theme=dark]) .kakadu-components-2945174293{--default-lip-color:#1f2022}.kakadu-components-2585123369{--lip-color:var(--green-color)}.kakadu-components-1387450724{--lip-color:var(--green-color-light)}.kakadu-components-3502407303{--lip-color:var(--yellow-color)}.kakadu-components-1612824642{--lip-color:var(--yellow-color-light)}.kakadu-components-314765189{--lip-color:var(--red-color)}.kakadu-components-4209515987{--lip-color:var(--red-color-light)}.kakadu-components-3327291559{--box-shadow-lip-inner-color:rgba(255, 255, 255, .05);background:var(--lip-color);width:6px;box-shadow:inset 0 0 0 1px var(--box-shadow-color),inset 0 0 0 2px var(--box-shadow-lip-inner-color);border-radius:var(--border-radius) 1px 1px var(--border-radius);display:flex;align-items:center;justify-content:center;color:#fff}:where([data-theme=dark]) .kakadu-components-3327291559{--box-shadow-lip-inner-color:rgba(0, 0, 0, .03)}.kakadu-components-3906762683{width:37px;padding-left:1px}.kakadu-components-1969958615.kakadu-components-1969958615{font-size:var(--14px);line-height:1.5em;padding:calc(var(--half-gap) + 2px);padding-top:calc(var(--half-gap) - 1px);padding-bottom:calc(var(--half-gap));flex:1}.kakadu-components-258945758{width:100%;position:fixed;bottom:var(--notification-bottom-offset, 0px);left:0;right:0;display:flex;align-items:center;justify-content:center;padding-bottom:var(--triple-gap);opacity:0;z-index:50;--offset-y:calc(var(--index, 0) * (32px + var(--half-gap)) * -1);transform:translate3d(0,calc(var(--offset-y) + 3px),0) scale(.97);transition:opacity .2s,transform .2s;pointer-events:none}.kakadu-components-3003995416{opacity:1;transform:translate3d(0,var(--offset-y),0)}.kakadu-components-1639448689{position:relative;max-width:300px}.kakadu-components-2751825161{height:calc(var(--border-radius) * 2);width:100%;position:absolute;bottom:0;left:0;border-radius:var(--border-radius);overflow:hidden;pointer-events:none}.kakadu-components-1939222061{background:#00000026;width:100%;height:3px;position:absolute;bottom:0;left:0;animation:progress 6s linear forwards}:where([data-theme=dark]) .kakadu-components-1939222061{background:#ffffff26}@keyframes progress{0%{width:0%}to{width:100%}}.kakadu-components-922159086{--border-radius:8px;--background-color-default:#fff;--background-color:var(--background-color-default);--background-color-hover:rgb(250, 250, 250);--background-color-disabled:#f6f6f6;--text-color:#000;--transition-duration:.2s;display:flex;flex-direction:column;gap:var(--half-padding);padding-top:7px;position:relative}:where([data-theme=dark]) .kakadu-components-922159086{--background-color-default:#0c0d0f;--background-color-hover:#0e0f12;--background-color-disabled:#0e0f12;--text-color:#fff}@media(hover:hover){.kakadu-components-922159086:hover{--background-color:var(--background-color-hover);--transition-duration:37ms}}.kakadu-components-922159086.kakadu-components-922159086:focus-within{--background-color:var(--background-color-default);--transition-duration:37ms}.kakadu-components-922159086.kakadu-components-922159086:has(:is(input,textarea,select)[disabled]){--background-color:var(--background-color-disabled)}.kakadu-components-25448712.kakadu-components-25448712{max-width:calc(100% - var(--gap));font-weight:450;font-size:var(--15px);letter-spacing:.012em;line-height:1em;text-shadow:0 0 2px rgba(255,255,255,1);position:absolute;bottom:100%;left:var(--half-gap);transform:translateY(.5em);z-index:3}:where([data-theme=dark]) .kakadu-components-25448712.kakadu-components-25448712{text-shadow:0 0 2px rgba(0,0,0,1)}.kakadu-components-25448712.kakadu-components-25448712 span{color:var(--text-color);position:relative;--offset:5px;padding-right:var(--offset);padding-left:var(--offset);opacity:.7}label:has(:is(input,textarea,select)[aria-invalid=true]) .kakadu-components-25448712.kakadu-components-25448712 span{color:var(--red-color);opacity:1}label:has(:is(input,textarea,select)[data-warning=true]) .kakadu-components-25448712.kakadu-components-25448712 span{color:var(--yellow-color-dark);opacity:1}.kakadu-components-25448712.kakadu-components-25448712:before{content:"";background:var(--background-color);width:100%;height:50%;position:absolute;top:calc(50% - 1px);transition:background-color var(--transition-duration)}.kakadu-components-1923392328{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--background-color);width:100%;color:var(--text-color);font-family:var(--font-family);font-size:var(--17px);font-weight:400;line-height:1.65em;padding:10px 13px 7px;padding-right:var(--button-padding, 0px);border:0;border-radius:var(--border-radius);--outline-color:rgba(0, 0, 0, .4);--outline-width:1px;--highlight-color-rgb:255,255,255;--shadow-color-rgb:0,0,0;box-shadow:inset 0 0 0 var(--outline-width) var(--outline-color),inset 0 0 0 2px rgba(var(--highlight-color-rgb),.7),inset 0 -4px rgba(var(--shadow-color-rgb),.04),0 0 0 var(--outline-width) rgba(var(--highlight-color-rgb),.7),0 4px rgba(var(--shadow-color-rgb),.04);box-sizing:border-box;display:block;position:relative;z-index:2;white-space:pre-wrap;word-break:break-word;transition:background-color var(--transition-duration),border-color var(--transition-duration),box-shadow var(--transition-duration)}.kakadu-components-1923392328::placeholder{font-style:italic}:where([data-theme=dark]) .kakadu-components-1923392328::placeholder{opacity:.7}:where([data-theme=dark]) .kakadu-components-1923392328{--outline-color:rgba(255, 255, 255, .3);--highlight-color-rgb:0,0,0}@media(hover:hover){label:hover .kakadu-components-1923392328:not([disabled]){--outline-color:rgba(0, 0, 0, .8)}:where([data-theme=dark]) label:hover .kakadu-components-1923392328:not([disabled]){--outline-color:rgba(255, 255, 255, .5)}}.kakadu-components-1923392328.kakadu-components-1923392328.kakadu-components-1923392328:focus{outline:none}.kakadu-components-1923392328.kakadu-components-1923392328.kakadu-components-1923392328:focus:not(select){--outline-color:var(--secondary-color-hover);--outline-width:2px}:where([data-theme=dark]) .kakadu-components-1923392328.kakadu-components-1923392328.kakadu-components-1923392328:focus:not(select){--outline-color:var(--secondary-color)}.kakadu-components-1923392328.kakadu-components-1923392328[aria-invalid=true]{outline:none;--outline-color:var(--red-color)}.kakadu-components-1923392328.kakadu-components-1923392328[data-warning=true]{--outline-color:var(--yellow-color-dark)}.kakadu-components-1923392328.kakadu-components-1923392328[disabled]{--text-color:#666;cursor:not-allowed}.kakadu-components-4056037255.kakadu-components-4056037255{font-size:var(--14px);font-weight:500}.kakadu-components-3245407458.kakadu-components-3245407458{color:var(--red-color)}.kakadu-components-1117160492.kakadu-components-1117160492{color:var(--yellow-color-dark)}.kakadu-components-2261792866.kakadu-components-2261792866{color:var(--secondary-color)}.kakadu-components-520991867.kakadu-components-520991867{--border-radius:5px;font-size:var(--14px);width:calc(100% - 6px);padding:5px 10px 7px;position:relative;z-index:1;box-sizing:border-box;left:3px}.kakadu-components-520991867.kakadu-components-520991867:before{content:"";background:#f8f9fb;--outline-color:rgba(0, 0, 0, .3);--outline-shadow-color:#fff;border-radius:0 0 var(--border-radius) var(--border-radius);box-shadow:inset 0 0 0 1px var(--outline-color),inset 0 0 0 2px var(--outline-shadow-color),0 0 0 1px var(--outline-shadow-color);position:absolute;left:0;top:var(--attachment-offset);right:0;bottom:0;width:100%;height:calc(100% + (var(--attachment-offset) * -1));z-index:-1}:where([data-theme=dark]) .kakadu-components-520991867.kakadu-components-520991867:before{background-color:#121214;--outline-color:rgba(255, 255, 255, .3);--outline-shadow-color:#000}.kakadu-components-3146929190{position:relative}.kakadu-components-3298764637{--attachment-offset:-7px;position:relative;display:flex;flex-direction:column}.kakadu-components-613632806 strong{font-weight:500}.kakadu-components-2927674627{margin-top:var(--half-gap);padding:0 13px}.kakadu-components-4228384787{padding-right:39px;cursor:pointer}.kakadu-components-158931186{z-index:4;pointer-events:none;position:absolute;top:24px;right:13px;transform:translateY(-50%) rotate(180deg)}.kakadu-components-4233741488:before{--box-shadow-color:rgba(0, 0, 0, .2);box-shadow:inset 0 0 0 1px var(--box-shadow-color)}:where([data-theme=dark]) .kakadu-components-4233741488:before{--box-shadow-color:rgba(255, 255, 255, .2)}.kakadu-components-2355856341.kakadu-components-2355856341{--background-color:#e2f5ff;--shadow-color:rgba(18, 71, 98, .6);--outline-color-rgb:255,255,255;--content-shadow-rgb:255,255,255;--arrow-size:7px;background:var(--background-color);padding:10px 13px;box-shadow:inset 0 0 0 1px var(--shadow-color),inset 0 0 0 2px rgba(var(--outline-color-rgb),.5),inset 0 -4px #223a4e0a,0 0 0 1px rgba(var(--outline-color-rgb),.7);border-radius:var(--border-radius);margin-top:var(--gap);cursor:pointer;position:relative;z-index:4;transition:background-color .37s}:where([data-theme=dark]) .kakadu-components-2355856341.kakadu-components-2355856341{--background-color:#181c24;--shadow-color:#3a404e;--content-shadow-rgb:0,0,0;--outline-color-rgb:0,0,0}.kakadu-components-2355856341.kakadu-components-2355856341:before,.kakadu-components-2355856341.kakadu-components-2355856341:after{content:"";--current-arrow-size:var(--arrow-size);--current-arrow-color:var(--shadow-color);width:0;height:0;border-left:var(--current-arrow-size) solid transparent;border-right:var(--current-arrow-size) solid transparent;border-bottom:var(--current-arrow-size) solid var(--current-arrow-color);position:absolute;bottom:calc(100% - 1px);left:20px;transform:translate(-50%);transition:border-bottom-color .37s}.kakadu-components-2355856341.kakadu-components-2355856341:after{--current-arrow-size:calc(var(--arrow-size) - .5px);--current-arrow-color:var(--background-color);bottom:calc(100% - 2px)}@media(hover:hover){.kakadu-components-2355856341.kakadu-components-2355856341:hover{--background-color:#d5f0ff;transition-duration:.1s}:where([data-theme=dark]) .kakadu-components-2355856341.kakadu-components-2355856341:hover{--background-color:#141820}.kakadu-components-2355856341.kakadu-components-2355856341:hover:before,.kakadu-components-2355856341.kakadu-components-2355856341:hover:after{transition-duration:.1s}}.kakadu-components-1021263934{color:#0d3b52;filter:drop-shadow(0 1px 0 rgba(var(--content-shadow-rgb),.7)) drop-shadow(0 0 3px rgba(var(--content-shadow-rgb),.7));position:relative;top:2px;margin-right:4px}:where([data-theme=dark]) .kakadu-components-1021263934{color:#85a5db}.kakadu-components-1585874956.kakadu-components-1585874956{font-size:var(--14px);line-height:1.35em;flex:1;color:#000;text-shadow:0 0 2px rgba(var(--content-shadow-rgb),.7),0 1px 0 rgba(var(--content-shadow-rgb),.5)}:where([data-theme=dark]) .kakadu-components-1585874956.kakadu-components-1585874956{color:#fff}.kakadu-components-3448565402{opacity:.5}.kakadu-components-2033521835{position:absolute;visibility:hidden}.kakadu-components-2119524139{resize:none;overflow:hidden}.kakadu-components-616311160{z-index:2;opacity:.3}.kakadu-components-1962999040{z-index:2}:where([data-theme=light]) .kakadu-components-1962999040{mix-blend-mode:normal;opacity:.25}.kakadu-components-131986363{position:absolute;top:11px;right:14px;display:flex;gap:21px;z-index:2}.kakadu-components-1421861246{background:var(--primary-color);width:var(--size);height:var(--size);position:relative;--half-size:calc(var(--size) / 2);--border-radius:var(--half-size) var(--half-size) 0 var(--half-size);border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center}.kakadu-components-392715920{transform:translate(2%,3%);filter:drop-shadow(0 calc(var(--drop-shadow-offset-multiplier) * 1px) 0 rgba(0,0,0,.2)) drop-shadow(0 0 calc(var(--drop-shadow-offset-multiplier) * 3px) rgba(0,0,0,.2))}.kakadu-components-3861346893{--shadow-color:rgba(255, 255, 255, .8);color:#000000e6;position:relative;top:2px;filter:drop-shadow(0 1px 0 var(--shadow-color)) drop-shadow(0 0 3px var(--shadow-color))}:where([data-theme=dark]) .kakadu-components-3861346893{color:#ffffffe6;--shadow-color:rgba(0, 0, 0, .2)}.kakadu-components-2543813221{width:16px;height:16px;float:right}.kakadu-components-840864829{position:absolute;top:10px;right:13px}.kakadu-components-3855719072{--border-top-right-radius:12px}.kakadu-components-4119461136{--modal-background:var(--background-color);--modal-top-right-offset:calc(32px + var(--half-gap));background:#000000b3;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);position:fixed;pointer-events:none;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:var(--modal-z-index);opacity:0;transition:opacity .2s;overflow:auto;text-align:center;display:flex}:where([data-theme=dark]) .kakadu-components-4119461136{background:#000c}.kakadu-components-2522346797{opacity:1;pointer-events:auto}.kakadu-components-4011815997{width:100%;padding:var(--half-gap);text-align:left;box-sizing:border-box;display:flex;overflow:auto}@media(min-width:480px){.kakadu-components-4011815997{padding:var(--gap)}}@media(min-width:560px){.kakadu-components-4011815997{padding:var(--double-gap)}}.kakadu-components-3324483532{--modal-padding:var(--gap);background:var(--modal-background);min-width:180px;max-width:var(--max-width, 760px);padding:var(--modal-padding);border-radius:var(--gap);--inset-box-shadow-color:rgba(255, 255, 255, .5);--offset-box-shadow-color:rgba(0, 0, 0, .15);--soft-box-shadow-color:rgba(0, 0, 0, .3);box-shadow:inset 0 0 0 1px var(--inset-box-shadow-color),0 0 0 1px var(--offset-box-shadow-color),0 0 8px var(--soft-box-shadow-color);opacity:0;transform:scale(.98);margin:auto;transition:transform .18s .2s,opacity .1s .2s;box-sizing:border-box}:where([data-theme=dark]) .kakadu-components-3324483532{--inset-box-shadow-color:rgba(255, 255, 255, .125);--offset-box-shadow-color:rgba(0, 0, 0, .15);--soft-box-shadow-color:rgba(0, 0, 0, .3)}@media(min-width:560px){.kakadu-components-3324483532{--modal-padding:var(--double-gap)}}.kakadu-components-3799971070{width:100%}.kakadu-components-968755580{opacity:1;transform:scale(1)}.kakadu-components-633990035{display:inline-flex}.kakadu-components-171969824{width:100%}.kakadu-components-2845019685{position:relative;display:inline-block;vertical-align:top}.kakadu-components-3920007758{--arrow-gap:4px;--arrow-size:8px;--popover-background-color:var(--background-color);--border-radius:6px;position:absolute;z-index:1;top:calc(100% + var(--arrow-size) + var(--arrow-gap));left:50%;transform:translate(-50%);pointer-events:none;opacity:0;transition:opacity .2s}.kakadu-components-611400930{left:0;transform:translate(0)}.kakadu-components-944244368{left:auto;right:0;transform:translate(0)}.kakadu-components-1399012551{opacity:1;pointer-events:auto}.kakadu-components-1118152266{opacity:0;transform:translateY(2px) scale(.98);transform-origin:center bottom;transition:transform .2s,opacity .2s}.kakadu-components-231244945{opacity:1;transform:scale(1)}.kakadu-components-1951789226{--shadow-size:calc(var(--arrow-size) * 1.5);width:var(--shadow-size);height:var(--shadow-size);--outline-color:rgba(0, 0, 0, .1);box-shadow:0 0 5px #0003,-1px -1px 0 var(--outline-color);--translate-x:-50%;--translate-y:50%;--transform:translateX(var(--translate-x)) translateY(var(--translate-y)) rotate(45deg);transform:var(--transform) scale(.98);position:absolute;bottom:calc(100% - 1px);left:50%}:where([data-theme=dark]) .kakadu-components-1951789226{--outline-color:rgba(255, 255, 255, .2)}.kakadu-components-1495725644.kakadu-components-1495725644{left:calc(var(--arrow-size) + var(--border-radius))}.kakadu-components-4235689197.kakadu-components-4235689197{left:auto;right:calc(var(--arrow-size) - var(--border-radius))}.kakadu-components-2488426662{background-color:var(--popover-background-color);--inset-box-shadow-color:rgba(255, 255, 255, .5);--offset-box-shadow-color:rgba(0, 0, 0, .15);--soft-box-shadow-color:rgba(0, 0, 0, .2);--hard-box-shadow-color:rgba(0, 0, 0, .03);border-radius:var(--border-radius);box-shadow:inset 0 0 0 1px var(--inset-box-shadow-color),0 4px 0 var(--hard-box-shadow-color),0 0 0 1px var(--offset-box-shadow-color),0 8px 18px var(--soft-box-shadow-color);position:relative}:where([data-theme=dark]) .kakadu-components-2488426662{--inset-box-shadow-color:rgba(255, 255, 255, .15);--offset-box-shadow-color:rgba(0, 0, 0, .15);--soft-box-shadow-color:rgba(0, 0, 0, .3)}.kakadu-components-3252390100{position:absolute;bottom:calc(100% - 1px);left:50%;transform:translate(-50%);width:0;height:0;border-left:var(--arrow-size) solid transparent;border-right:var(--arrow-size) solid transparent;border-bottom:var(--arrow-size) solid var(--popover-background-color)}.kakadu-components-3754561431.kakadu-components-3754561431{left:var(--border-radius);transform:translate(0)}.kakadu-components-2265262600.kakadu-components-2265262600{left:auto;right:var(--border-radius);transform:translate(0)}.kakadu-components-175326694{width:100%;height:1px;min-height:1px;max-height:1px;margin:0;background-color:#00000026;border:none;flex:1 0 0}:where([data-theme=dark]) .kakadu-components-175326694{background-color:#ffffff26}.kakadu-components-3380219127{background:#00000026;width:16px;height:1px;border:none;display:block;margin-left:0}:where([data-theme=dark]) .kakadu-components-3380219127{background-color:#ffffff26}.kakadu-components-1250376591{width:100%;flex:1;text-align:center}.kakadu-components-2653569622{background:#0000001a;width:1px;margin:0;min-width:1px;max-width:1px;border:none}:where([data-theme=dark]) .kakadu-components-2653569622{background-color:#ffffff1a}.kakadu-components-3114599304{white-space:nowrap;text-decoration:none;color:var(--foreground-color);padding:8px;margin:0 var(--popover-menu-gap);--border-radius:4px;border-radius:var(--border-radius);position:relative;outline:none;flex:1;--background-color-hover:rgba(0, 0, 0, .04);transition:background-color .37s}:where([data-theme=dark]) .kakadu-components-3114599304{--background-color-hover:rgba(255, 255, 255, .02)}.kakadu-components-3114599304:focus{background-color:var(--background-color-hover);transition:background-color .05s}.kakadu-components-4096376656:focus{box-shadow:inset 0 0 0 1px #0003,inset 0 0 0 2px var(--background-color);text-decoration:underline;text-underline-offset:2px}@media(hover:hover){.kakadu-components-2554182777:hover{background-color:var(--background-color-hover);transition:background-color .05s;text-decoration:underline;text-underline-offset:2px}}.kakadu-components-1109353535.kakadu-components-1109353535{font-size:var(--15px);font-weight:400;display:flex;color:inherit;align-items:center;justify-content:flex-start;gap:var(--half-gap)}.kakadu-components-913703148{flex:1}.kakadu-components-1861176543.kakadu-components-1861176543{display:flex;flex:1}.kakadu-components-1499037363.kakadu-components-1499037363{font-size:var(--12px);font-weight:500;margin:0 var(--popover-menu-gap);opacity:.65;padding:6px 8px 2px}.kakadu-components-3600436535{--popover-menu-gap:3px;padding-top:var(--popover-menu-gap);padding-bottom:var(--popover-menu-gap);display:flex;flex-direction:column;gap:var(--popover-menu-gap)}.kakadu-components-3009931469{opacity:0;transition:transform var(--duration) var(--animation-delay),opacity var(--duration) var(--animation-delay)}.kakadu-components-3252535480{transform:translate3d(0,var(--distance),0)}@media(prefers-reduced-motion){.kakadu-components-3252535480{transform:translate3d(0,calc(var(--distance) / 3))}}.kakadu-components-358711811{transform:translateZ(0);opacity:1}.kakadu-components-3753263087{width:100%;margin:auto}.kakadu-components-4149648046{--background-size:300px;--background-negative-size:calc(var(--background-size) * -1);--highlight-color:255,255,255;--border-radius:100px;background:color-mix(in srgb,var(--foreground-color) 15%,transparent);width:var(--skeleton-size, 100%);height:var(--skeleton-size);border-radius:var(--border-radius);display:inline-block;vertical-align:top;position:relative}@keyframes skeleton-animation{0%{background-position:var(--background-negative-size) 0%}to{background-position:right var(--background-negative-size) top 0%}}.kakadu-components-2124144438{--opacity:.3}.kakadu-components-2124144438:before{content:"";mix-blend-mode:overlay;background-position:var(--background-negative-size) 0%;background-attachment:fixed;background-size:var(--background-size) 100%;background-repeat:no-repeat;background-image:linear-gradient(90deg,rgba(var(--highlight-color),0),rgba(var(--highlight-color),var(--opacity)),rgba(var(--highlight-color),0));animation:skeleton-animation 1.1s infinite ease-in-out;will-change:background-position;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:var(--border-radius)}@media(prefers-reduced-motion:reduce){.kakadu-components-2124144438:before{animation:none;will-change:none}}.kakadu-components-3140855657{vertical-align:middle}.kakadu-components-560222664{width:100%;height:100%;min-height:200px;--radial-gradient-color:rgba(0, 0, 0, .4);-webkit-mask-image:radial-gradient(circle,var(--radial-gradient-color) 70%,black 100%),linear-gradient(to bottom,black 0%,transparent 100%);mask-image:radial-gradient(circle,var(--radial-gradient-color) 70%,black 100%),linear-gradient(to bottom,black 0%,transparent 100%);-webkit-mask-composite:source-in;mask-composite:intersect;border-radius:var(--border-radius);overflow:hidden;position:absolute;top:0;left:0;right:0;pointer-events:none}:where([data-theme=dark]) .kakadu-components-560222664{-webkit-mask-image:none;mask-image:none;-webkit-mask-image:linear-gradient(to bottom,black 50%,transparent 100%),radial-gradient(circle,black 60%,var(--radial-gradient-color) 100%),linear-gradient(to bottom,transparent 0%,black 100%);mask-image:linear-gradient(to bottom,black 50%,transparent 100%),radial-gradient(circle,black 60%,var(--radial-gradient-color) 100%),linear-gradient(to bottom,transparent 0%,black 100%);-webkit-mask-composite:source-in;mask-composite:intersect}:where([data-theme=light]) .kakadu-components-947991810.kakadu-components-947991810{mix-blend-mode:normal}:where([data-theme=dark]) .kakadu-components-947991810.kakadu-components-947991810{mix-blend-mode:normal}
+.kakadu-components-2310209127{--light-color:#f8fafc;--dark-color:#0c0d12;--background-color:var(--light-color);--foreground-color:var(--dark-color);--red-color:#be354b;--red-color-hover:#c73d56;--red-color-light:#e8687d;--yellow-color:#c9ac56;--yellow-color-hover:#d1b559;--yellow-color-light:#edcd71;--yellow-color-dark:#a4830b;--green-color:#52a14b;--green-color-hover:#5ea957;--green-color-light:#6fb86a;--primary-color:var(--green-color);--primary-color-hover:var(--green-color-hover);--secondary-color:#175694;--secondary-color-hover:#2c6195;--secondary-color-1:#222528;--secondary-color-2:#112a37;--secondary-color-3:#1e2f35;--secondary-color-4:#2c3238;--flash-color:rgba(255, 216, 57, .5);--font-weight-modifier:50;--gap:16px;--scale-multiplier:.6;--quarter-gap:calc(var(--gap) / 4);--third-gap:calc(var(--gap) / 3);--half-gap:calc(var(--gap) / 2);--sesquialteral-gap:calc(var(--gap) * (1.5 * var(--scale-multiplier)));--double-gap:calc(var(--gap) * (2 * var(--scale-multiplier)));--triple-gap:calc(var(--gap) * (3 * var(--scale-multiplier)));--quadruple-gap:calc(var(--gap) * (4 * var(--scale-multiplier)));--content-padding:calc(var(--gap) * 1.1875);--sidebar-z-index:424242;--modal-z-index:424243;--page-padding:var(--gap);--page-width:1080px;--text-width:780px;--content-width:620px;--font-family:"Inter",-apple-system,helvetica,arial,sans-serif;font-family:var(--font-family);font-optical-sizing:auto;line-height:normal;color:var(--foreground-color);--root-font-size:1rem;--8px:calc(var(--root-font-size) * .5);--9px:calc(var(--root-font-size) * .5625);--10px:calc(var(--root-font-size) * .625);--11px:calc(var(--root-font-size) * .6875);--12px:calc(var(--root-font-size) * .75);--13px:calc(var(--root-font-size) * .8125);--14px:calc(var(--root-font-size) * .875);--15px:calc(var(--root-font-size) * .9375);--16px:calc(var(--root-font-size) * 1);--17px:calc(var(--root-font-size) * 1.0625);--18px:calc(var(--root-font-size) * 1.125);--19px:calc(var(--root-font-size) * 1.1875);--20px:calc(var(--root-font-size) * 1.25);--21px:calc(var(--root-font-size) * 1.3125);--22px:calc(var(--root-font-size) * 1.375);--23px:calc(var(--root-font-size) * 1.4375);--24px:calc(var(--root-font-size) * 1.5);--25px:calc(var(--root-font-size) * 1.5625);--26px:calc(var(--root-font-size) * 1.625);--27px:calc(var(--root-font-size) * 1.6875);--28px:calc(var(--root-font-size) * 1.75);--29px:calc(var(--root-font-size) * 1.8125);--30px:calc(var(--root-font-size) * 1.875);--31px:calc(var(--root-font-size) * 1.9375);--32px:calc(var(--root-font-size) * 2);--33px:calc(var(--root-font-size) * 2.0625);--34px:calc(var(--root-font-size) * 2.125);--35px:calc(var(--root-font-size) * 2.1875);--36px:calc(var(--root-font-size) * 2.25);--37px:calc(var(--root-font-size) * 2.3125);--38px:calc(var(--root-font-size) * 2.375);--39px:calc(var(--root-font-size) * 2.4375);--40px:calc(var(--root-font-size) * 2.5);--41px:calc(var(--root-font-size) * 2.5625);--42px:calc(var(--root-font-size) * 2.625);--43px:calc(var(--root-font-size) * 2.6875);--44px:calc(var(--root-font-size) * 2.75);--45px:calc(var(--root-font-size) * 2.8125);--46px:calc(var(--root-font-size) * 2.875);--47px:calc(var(--root-font-size) * 2.9375);--48px:calc(var(--root-font-size) * 3)}:where([data-theme=dark]) .kakadu-components-2310209127,.kakadu-components-2310209127[data-theme=dark]{--font-weight-modifier:0;--background-color:var(--dark-color);--foreground-color:var(--light-color);--secondary-color:#cce0f0;--secondary-color-hover:#fff;--secondary-color-1:#edf0f2;--secondary-color-2:#e2e6eb;--secondary-color-3:#cbcdd0;--secondary-color-4:#fff;--yellow-color-dark:#c9b15d}@media(min-width:460px){.kakadu-components-2310209127{--scale-multiplier:.7}}@media(min-width:580px){.kakadu-components-2310209127{--scale-multiplier:.8;--page-padding:var(--double-gap)}}@media(min-width:860px){.kakadu-components-2310209127{--scale-multiplier:1;--page-padding:var(--triple-gap)}}.kakadu-components-4178476647{overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}.kakadu-components-216224454{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;text-align:left;border:0;margin:0;padding:0;cursor:pointer}[dir=rtl] .kakadu-components-216224454{text-align:right}.kakadu-components-352310015{--soft-shadow-color:rgba(255, 255, 255, .375);--hard-shadow-color:rgba(0, 0, 0, .075);--inset-hard-shadow-color:rgba(0, 0, 0, .2);--box-shadow-outline-color:#fff;--box-shadow-color:rgba(0, 0, 0, .25);--box-shadow-highlight-color:rgba(255, 255, 255, .05);--box-shadow-top-highlight-color:var(--box-shadow-highlight-color);--box-shadow-inset-color:rgba(0, 0, 0, .25);--bevel-shadow-offset:4px;--bevel-shadow-color:rgba(0, 0, 0, .1);--outline-color:rgba(0, 0, 0, 0);--outline-width:0px;box-shadow:0 0 2px var(--soft-shadow-color),0 0 0 1px var(--box-shadow-outline-color),0 var(--bevel-shadow-offset) 0 var(--hard-shadow-color),inset 0 calc(var(--bevel-shadow-offset) * -1) 0 var(--bevel-shadow-color),inset 0 calc((var(--bevel-shadow-offset) + 1px) * -1) 0 var(--box-shadow-highlight-color),0 0 0 var(--outline-width) var(--outline-color)}:where([data-theme=dark]) .kakadu-components-352310015{--soft-shadow-color:rgba(0, 0, 0, .375);--hard-shadow-color:rgba(0, 0, 0, .4)}.kakadu-components-352310015:before{content:"";width:100%;height:100%;position:absolute;border-radius:var(--border-radius);top:0;right:0;bottom:0;left:0;mix-blend-mode:overlay;box-shadow:inset 0 0 0 1px var(--box-shadow-color),inset 0 2px 0 var(--box-shadow-top-highlight-color),inset 0 -2px 0 var(--box-shadow-highlight-color),inset 0 1px 0 var(--box-shadow-inset-color),inset 0 calc(var(--bevel-shadow-offset) * -1) 0 var(--inset-hard-shadow-color);transition:box-shadow .37s}:where([data-theme=dark]) .kakadu-components-1119532724.kakadu-components-1119532724{--box-shadow-outline-color:#07130e;--box-shadow-color:rgba(255, 255, 255, .2)}.kakadu-components-3440084244{width:1px;height:1px;white-space:nowrap;padding:0;margin:-1px;border:0;position:absolute;overflow:hidden;clip:rect(0 0 0 0);clip:rect(0,0,0,0);word-wrap:normal}.kakadu-components-2071660791{--outline-shadow-color:rgba(255, 255, 255, 1);--hard-shadow-color:rgba(0, 0, 0, .03);--inset-inner-shadow-color:rgba(0, 0, 0, .2);--inset-outer-shadow-color:rgba(255, 255, 255, .75);--inset-hard-shadow-color:rgba(0, 0, 0, .025);--soft-shadow-color:rgba(255, 255, 255, .5);background:#fff6;padding:var(--content-padding);box-shadow:0 0 0 1px var(--outline-shadow-color),inset 0 0 0 1px var(--inset-inner-shadow-color),inset 0 0 0 2px var(--inset-outer-shadow-color),inset 0 5px 0 var(--inset-hard-shadow-color),0 0 2px 1px var(--soft-shadow-color),0 1px 1px var(--hard-shadow-color),0 5px 0 var(--hard-shadow-color);--border-radius:12px;border-radius:var(--border-radius)}:where([data-theme=dark]) .kakadu-components-2071660791{--outline-shadow-color:rgba(0, 0, 0, 1);--hard-shadow-color:rgba(0, 0, 0, .3);--inset-inner-shadow-color:rgba(255, 255, 255, .3);--inset-outer-shadow-color:rgba(0, 0, 0, .75);--inset-hard-shadow-color:rgba(0, 0, 0, .1);--soft-shadow-color:rgba(0, 0, 0, .5);background-color:#141419cc}.kakadu-components-2395643287{--hard-soft-shadow-color:rgba(255, 255, 255, .075);--hard-shadow-color:rgba(255, 255, 255, .2);--blur-shadow-color:rgba(255, 255, 255, .25);filter:drop-shadow(0 1px 0 var(--hard-shadow-color)) drop-shadow(0 1px 3px var(--blur-shadow-color)) drop-shadow(0 -1px var(--hard-soft-shadow-color)) drop-shadow(1px 0 var(--hard-soft-shadow-color)) drop-shadow(-1px 0 0 var(--hard-soft-shadow-color))}:where([data-theme=dark]) .kakadu-components-2395643287{--hard-soft-shadow-color:rgba(0, 0, 0, .15);--hard-shadow-color:rgba(0, 0, 0, .3);--blur-shadow-color:rgba(0, 0, 0, .15)}.kakadu-components-1569667551{display:inline-block;vertical-align:top;transform-box:view-box;transform-origin:center;shape-rendering:geometricPrecision}.kakadu-components-2544259022{transform-box:fill-box;transform-origin:center;animation:loading-spinner .97s linear infinite;will-change:transform}@keyframes loading-spinner{0%{transform:rotate(0)}to{transform:rotate(359.999deg)}}@media(prefers-reduced-motion:reduce){.kakadu-components-2544259022{animation:none}}.kakadu-components-3913140600{opacity:0;transform:translate3d(0,1px,0) scale(.75);transition:transform .16s,opacity .12s}.kakadu-components-2895791158{transform:translate3d(0,1px,0) scale(1);opacity:1}.kakadu-components-4131181690{width:100%;height:100%;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;opacity:var(--opacity);mix-blend-mode:overlay}@media(prefers-reduced-motion:reduce){.kakadu-components-4131181690{display:none}}.kakadu-components-3366903902{width:100%;height:100%;color:var(--color, #000);pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;opacity:var(--opacity, .1);mix-blend-mode:plus-darker}:where([data-theme=dark]) .kakadu-components-3366903902{--color:#fff;--opacity:.05;mix-blend-mode:plus-lighter}@media(prefers-reduced-motion:reduce){.kakadu-components-3366903902{display:none}}.kakadu-components-4049648322{-webkit-mask-image:radial-gradient(ellipse,black 0%,black 60%,transparent 75%,transparent 100%);mask-image:radial-gradient(ellipse,black 0%,black 60%,transparent 75%,transparent 100%)}.kakadu-components-3828473824{--translation:translate(-50%, -50%);background:#00000013;width:var(--size);height:var(--size);border-radius:var(--size);position:absolute;top:0;left:0;transform:var(--translation) scale(0);opacity:0;animation:ripple .37s ease-out}@keyframes ripple{0%{transform:var(--translation) scale(0);opacity:0}60%{opacity:1}to{transform:var(--translation) scale(1);opacity:0}}:where([data-theme=dark]) .kakadu-components-3828473824{background-color:#ffffff13}.kakadu-components-4189236582{border-radius:var(--border-radius);overflow:hidden;pointer-events:none;position:absolute;top:var(--offset, 0);left:var(--offset, 0);right:var(--offset, 0);bottom:var(--offset, 0)}.kakadu-components-2608453841.kakadu-components-2608453841{mix-blend-mode:normal;opacity:.3}.kakadu-components-1237006455{border-radius:var(--border-radius);overflow:hidden;pointer-events:none;position:absolute;top:var(--offset, 0);left:var(--offset, 0);right:var(--offset, 0);bottom:var(--offset, 0);mix-blend-mode:overlay}.kakadu-components-611160091{--gradient-start-color:rgba(0, 0, 0, .125);--gradient-end-color:rgba(0, 0, 0, 0);background-image:radial-gradient(circle,var(--gradient-start-color) 0%,var(--gradient-end-color) 60%);position:absolute;width:var(--size);height:var(--size);transform:translate(var(--offset-x),var(--offset-y)) translate(-50%,-50%);opacity:0;transition:opacity .2s}:where([data-theme=dark]) .kakadu-components-611160091{--gradient-start-color:rgba(255, 255, 255, .125);--gradient-end-color:rgba(255, 255, 255, 0)}.kakadu-components-3627966847{opacity:1}.kakadu-components-982005200{position:absolute;left:50%;text-align:center;pointer-events:none;white-space:nowrap;transform:translate(-50%);display:none}@media(hover:hover){.kakadu-components-982005200{display:block}}.kakadu-components-430823771{bottom:calc(100% + 7px)}.kakadu-components-2189175034{top:calc(100% + 7px)}.kakadu-components-3460060923{background:#fff;font-size:var(--12px);padding:3px 7px;border-radius:5px;color:#000;display:inline-block;position:relative;z-index:2;--box-shadow-outline-color:#fff;--box-shadow-color:rgba(0, 0, 0, .15);--box-shadow-inset-color:rgba(0, 0, 0, .2);box-shadow:0 0 0 1px var(--box-shadow-outline-color),0 1px 4px var(--box-shadow-color),inset 0 0 0 1px var(--box-shadow-inset-color);--box-direction-y:1;transform:translate3d(0,calc(var(--box-direction-y) * 4px),0) scale(.8);opacity:0}:where([data-theme=dark]) button .kakadu-components-3460060923{background:#141419;color:#fff;--box-shadow-outline-color:rgba(0, 0, 0, .7);--box-shadow-color:rgba(255, 255, 255, .1);--box-shadow-inset-color:rgba(255, 255, 255, .25)}.kakadu-components-3460060923:after{content:"";position:absolute;left:50%;transform:translate(-50%) rotate(45deg);width:7px;height:7px;background:#fff;--box-shadow-color:rgb(200, 200, 200);--outer-box-shadow-color:rgb(250, 250, 250);box-shadow:calc(var(--box-direction-y) * 1px) calc(var(--box-direction-y) * 1px) 0 var(--box-shadow-color),calc(var(--box-direction-y) * 2px) calc(var(--box-direction-y) * 2px) 0 var(--outer-box-shadow-color);z-index:-1}:where([data-theme=dark]) button .kakadu-components-3460060923:after{background:#131314;--box-shadow-color:rgb(80, 80, 80);--outer-box-shadow-color:rgba(0, 0, 0, .3)}button:focus-visible .kakadu-components-3460060923{transform:translateZ(0) scale(1);opacity:1;transition:transform .1s,opacity .1s}@media(hover:hover){.kakadu-components-3460060923{transition:transform .1s,opacity .1s}button:hover .kakadu-components-3460060923{transform:translateZ(0) scale(1);opacity:1;transition:transform .3s .2s,opacity .3s .2s}}.kakadu-components-2481216458:after{top:calc(100% - 5px)}.kakadu-components-637471806{--box-direction-y:-1}.kakadu-components-637471806:after{bottom:calc(100% - 5px)}.kakadu-components-4254676273{--background-size:300px;--background-negative-size:calc(var(--background-size) * -1);--highlight-color:255,255,255;--internal-border-radius:var(--border-radius, 100px);background:color-mix(in srgb,var(--foreground-color) 15%,transparent);width:var(--skeleton-size, 100%);height:var(--skeleton-size);border-radius:var(--internal-border-radius);display:inline-block;vertical-align:top;position:relative}@keyframes skeleton-animation{0%{background-position:var(--background-negative-size) 0%}to{background-position:right var(--background-negative-size) top 0%}}.kakadu-components-574297718{--opacity:.3}.kakadu-components-574297718:before{content:"";mix-blend-mode:overlay;background-position:var(--background-negative-size) 0%;background-attachment:fixed;background-size:var(--background-size) 100%;background-repeat:no-repeat;background-image:linear-gradient(90deg,rgba(var(--highlight-color),0),rgba(var(--highlight-color),var(--opacity)),rgba(var(--highlight-color),0));animation:skeleton-animation 1.1s infinite ease-in-out;will-change:background-position;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:var(--internal-border-radius)}@media(prefers-reduced-motion:reduce){.kakadu-components-574297718:before{animation:none;will-change:none}}.kakadu-components-3140855657{vertical-align:middle}.kakadu-components-2832510379{--internal-loader-offset:var(--loader-offset, 2px);position:absolute;top:var(--internal-loader-offset);right:var(--internal-loader-offset);bottom:var(--internal-loader-offset);left:var(--internal-loader-offset);width:calc(100% - var(--internal-loader-offset) * 2);height:calc(100% - var(--internal-loader-offset) * 2);opacity:0;transition:opacity .1s;border-radius:var(--border-radius);pointer-events:none;z-index:3}.kakadu-components-4114685569{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);opacity:1}.kakadu-components-920467642{background-color:var(--loading-background-color, rgba(0, 0, 0, .1));background-image:radial-gradient(ellipse,var(--loading-background-color-gradient-start, rgba(0, 0, 0, .2)) 0%,var(--loading-background-color-gradient-end, rgba(0, 0, 0, 0)) 75%);display:flex;justify-content:center;align-items:center;border-radius:var(--border-radius);position:absolute;top:0;right:0;bottom:var(--loader-instance-offset-bottom, 0px);left:0}.kakadu-components-2658660333{display:flex;align-items:center;justify-content:center;position:relative;z-index:2;--hard-shadow-color:rgba(0, 0, 0, .25);--blur-shadow-color:rgba(0, 0, 0, .35)}.kakadu-components-2658660333 svg{transform:translateZ(0);filter:drop-shadow(0 1px 0 var(--hard-shadow-color)) drop-shadow(0 0 2px var(--blur-shadow-color))}:where([data-theme=light]) .kakadu-components-3469662110 svg{--hard-shadow-color:rgba(255, 255, 255, .25);--blur-shadow-color:rgba(255, 255, 255, .35)}.kakadu-components-2244098950.kakadu-components-2244098950:before{mix-blend-mode:normal}:where([data-theme=light]) .kakadu-components-2244098950.kakadu-components-2244098950{background-color:#ffffffe6;color:#000c;--text-shadow-color:rgba(255, 255, 255, .35);--text-shadow-hard-color:rgba(255, 255, 255, .25);--box-shadow-color:rgba(0, 0, 0, .15);--box-shadow-highlight-color:rgba(255, 255, 255, .25);--box-shadow-inset-color:rgba(0, 0, 0, .1);--inset-hard-shadow-color:rgba(0, 0, 0, .05);--loading-background-color:rgba(255, 255, 255, .3);--loading-background-color-gradient-start:rgba(255, 255, 255, .6);--loading-background-color-gradient-end:rgba(255, 255, 255, 0)}@media(hover:hover){:where([data-theme=light]) .kakadu-components-2244098950.kakadu-components-2244098950:not([disabled]):hover{background-color:#fff;color:#000}}:where([data-theme=dark]) .kakadu-components-2244098950.kakadu-components-2244098950{background-color:#161619cc;color:#ffffffe6;--text-shadow-color:rgba(0, 0, 0, .35);--text-shadow-hard-color:rgba(0, 0, 0, .25);--box-shadow-color:rgba(255, 255, 255, .2);--box-shadow-highlight-color:rgba(0, 0, 0, .75);--box-shadow-inset-color:rgba(255, 255, 255, .3);--inset-hard-shadow-color:rgba(255, 255, 255, .075);--bevel-shadow-color:rgba(255, 255, 255, .075);--box-shadow-outline-color:var(--background-color);--loading-background-color:rgba(0, 0, 0, .65);--loading-background-color-gradient-start:rgba(0, 0, 0, .2);--loading-background-color-gradient-end:rgba(0, 0, 0, 0)}@media(hover:hover){:where([data-theme=dark]) .kakadu-components-2244098950.kakadu-components-2244098950:not([disabled]):hover{background-color:#1c1c1ecc;color:#fff}}.kakadu-components-3923184173.kakadu-components-3923184173{background-color:var(--green-color)}@media(hover:hover){.kakadu-components-3923184173.kakadu-components-3923184173:not([disabled]):hover{background-color:var(--green-color-hover)}}.kakadu-components-317965671.kakadu-components-317965671{background-color:var(--yellow-color)}@media(hover:hover){.kakadu-components-317965671.kakadu-components-317965671:not([disabled]):hover{background-color:var(--yellow-color-hover)}}.kakadu-components-1978976872.kakadu-components-1978976872{background-color:var(--red-color)}@media(hover:hover){.kakadu-components-1978976872.kakadu-components-1978976872:not([disabled]):hover{background-color:var(--red-color-hover)}}.kakadu-components-3559664923{position:relative;display:flex}.kakadu-components-3709284365{--text-shadow-color:rgba(0, 0, 0, .35);--text-shadow-hard-color:rgba(0, 0, 0, .25);-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--primary-color);font-family:var(--font-family);font-size:var(--16px);font-weight:550;text-align:center;text-decoration:none;margin:0;padding:calc(var(--gap) * .65) calc(var(--gap) * 1.4);padding-bottom:calc(var(--gap) * .75);cursor:pointer;color:#fff;border:0;--border-radius:30px;border-radius:var(--border-radius);display:flex;flex:1;align-items:center;justify-content:center;position:relative;transition:background-color .37s,box-shadow .37s,transform .37s}.kakadu-components-3709284365:not([disabled]):active{transform:scale(.98);transition-duration:.1s;--bevel-shadow-offset:1px}.kakadu-components-3709284365[disabled]{cursor:not-allowed;opacity:.8}@media(hover:hover){.kakadu-components-3709284365:not([disabled]):hover{background-color:var(--primary-color-hover);color:#fff;transition-duration:.1s;text-decoration:underline}.kakadu-components-3709284365:before{transition-duration:.1s}}.kakadu-components-2735110382{text-align:left}.kakadu-components-3621693630{padding-left:12px;padding-right:12px}.kakadu-components-136489413{padding-right:2px;left:-4px}.kakadu-components-207477259{position:relative;z-index:2;text-shadow:0 0 2px var(--text-shadow-color),0 1px 0 var(--text-shadow-hard-color)}.kakadu-components-3631501803{padding-left:2px;right:-4px}.kakadu-components-2055737617{border-radius:var(--border-radius)}.kakadu-components-2972748387.kakadu-components-2972748387{mix-blend-mode:hard-light;opacity:.05}.kakadu-components-1226008615.kakadu-components-1226008615{color:#fff;mix-blend-mode:plus-lighter;border-radius:var(--border-radius)}.kakadu-components-563258661{display:flex;align-items:var(--cross-axis-alignment);justify-content:var(--main-axis-alignment)}.kakadu-components-1546485850{flex-direction:column;align-items:var(--main-axis-alignment);justify-content:var(--cross-axis-alignment)}.kakadu-components-223643817{--main-axis-alignment:flex-start;--cross-axis-alignment:center}.kakadu-components-4038850420{--main-axis-alignment:center;--cross-axis-alignment:center}.kakadu-components-317611484{--main-axis-alignment:space-between;--cross-axis-alignment:center}.kakadu-components-2767496155{--main-axis-alignment:flex-end;--cross-axis-alignment:center}.kakadu-components-2276234075{gap:var(--quarter-gap)}.kakadu-components-739568937{gap:var(--third-gap)}.kakadu-components-3438335458{gap:var(--half-gap)}.kakadu-components-3350948469{gap:calc(var(--gap) * .75)}.kakadu-components-3993051137{gap:var(--gap)}.kakadu-components-4186556816{gap:var(--sesquialteral-gap)}.kakadu-components-1435205015{gap:var(--double-gap)}.kakadu-components-4251546321{gap:calc(var(--gap) * 2.25)}.kakadu-components-1168734547{gap:var(--triple-gap)}.kakadu-components-1543861259{gap:var(--quadruple-gap)}.kakadu-components-3545808562{flex-wrap:wrap}.kakadu-components-3911899222{flex:1}.kakadu-components-1538322784{--text-shadow-color-numbers:255,255,255;--text-shadow-multiplier:1;text-shadow:0 1px 0 rgba(var(--text-shadow-color-numbers),calc(.3 * var(--text-shadow-multiplier))),0 3px 0 rgba(var(--text-shadow-color-numbers),calc(.05 * var(--text-shadow-multiplier))),0 0 2px rgba(var(--text-shadow-color-numbers),calc(.4 * var(--text-shadow-multiplier))),0 1px 4px rgba(var(--text-shadow-color-numbers),calc(.2 * var(--text-shadow-multiplier)))}:where([data-theme=dark]) .kakadu-components-1538322784{--text-shadow-color-numbers:0,0,0;--text-shadow-multiplier:1.5}.kakadu-components-739732526 a{color:var(--secondary-color);text-decoration:underline}@media(hover:hover){.kakadu-components-739732526 a:hover{color:var(--secondary-color-hover);text-decoration:none}}.kakadu-components-1669332734{font-family:var(--font-family);font-size:var(--34px);color:var(--secondary-color-1);--font-weight:650;font-weight:var(--font-weight);line-height:1.1em;padding:0;margin:0}.kakadu-components-1669332734 b{font-weight:calc(var(--font-weight) + 50);color:var(--secondary-color-4)}.kakadu-components-1669332734 strong{font-weight:calc(var(--font-weight) + 150);color:var(--secondary-color-4)}.kakadu-components-1038708690.kakadu-components-1038708690{text-decoration:none;color:inherit}@media(hover:hover){.kakadu-components-1038708690.kakadu-components-1038708690:hover{color:inherit;text-decoration:underline}}.kakadu-components-1923397960{font-family:var(--font-family);font-size:var(--16px)}.kakadu-components-1923397960 b{font-weight:450;color:var(--secondary-color-2)}.kakadu-components-1923397960 strong{font-weight:600;color:var(--secondary-color-2)}.kakadu-components-1923397960 code{font-size:.9em}.kakadu-components-621160204{font-size:var(--16px);font-weight:400;color:var(--secondary-color-3);line-height:1.5em;padding:0;margin:0}.kakadu-components-1329768068.kakadu-components-1329768068{text-transform:uppercase;font-weight:600;font-size:var(--12px);opacity:.8}.kakadu-components-1082504586{max-width:var(--text-width);text-wrap:pretty}.kakadu-components-1082504586 :is(h1,h2,h3,h4,h5,h6):is(h1){font-size:var(--32px)}.kakadu-components-1082504586 :is(h1,h2,h3,h4,h5,h6):is(h2){font-size:var(--24px);--font-weight:650}.kakadu-components-1082504586 :is(h1,h2,h3,h4,h5,h6):is(h3){font-size:var(--20px);--font-weight:400;opacity:.9}.kakadu-components-1082504586 :is(h1,h2,h3,h4,h5,h6):is(h4){font-size:var(--17px);--font-weight:500}.kakadu-components-1082504586 h1+h2{margin-top:1.25em}.kakadu-components-1082504586 h2+h3{margin-top:.75em}.kakadu-components-1082504586 h3+h4{margin-top:.9em}.kakadu-components-1082504586 :is(h1,h2,h3,h4,h5,h6)+:is(p,ul,ol,aside){margin-top:.9em}.kakadu-components-1082504586 :is(h1,h2)+p:has(+p){font-size:var(--20px);font-weight:400;line-height:1.3em;color:var(--secondary-color-2)}.kakadu-components-1082504586 :is(h1,h2)+p:has(+p)+p{margin-top:1.25em}.kakadu-components-1082504586 p+:is(p){margin-top:.75em}.kakadu-components-1082504586 :is(p,ul,ol,aside)+:is(h1,h2,h3,h4,h5,h6){margin-top:1.5em}.kakadu-components-1082504586 :is(p,ul,ol,aside)+:is(h1,h2,h3,h4,h5,h6):is(h3){margin-top:2em}.kakadu-components-1082504586 :is(p,ul,ol,aside)+:is(h1,h2,h3,h4,h5,h6):is(h4){margin-top:2em}.kakadu-components-1082504586 :is(div:has(>pre),pre,p,ul,ol,aside,label:has(input,textarea,select))+:is(h3,h4):before{content:"";width:16px;height:1px;background:#00000026;display:block;margin-bottom:2em}:where([data-theme=dark]) .kakadu-components-1082504586 :is(div:has(>pre),pre,p,ul,ol,aside,label:has(input,textarea,select))+:is(h3,h4):before{background-color:#ffffff26}.kakadu-components-1082504586 ul,.kakadu-components-1082504586 ol{margin:0;padding:0;list-style-position:inside}.kakadu-components-1082504586 :is(p,ul,ol)+:is(ul,ol){margin-top:1em}.kakadu-components-1082504586 li+li{margin-top:.25em}.kakadu-components-1082504586 li+:is(ol>li){margin-top:1em}.kakadu-components-1082504586 li:has(:is(ul,ol))+li{margin-top:.65em}.kakadu-components-1082504586 li::marker{font-weight:600}.kakadu-components-1082504586 :is(ul,ol)>li{font-weight:500}.kakadu-components-1082504586 :is(ul,ol)>li li{font-weight:400}.kakadu-components-1082504586 li a:only-child,.kakadu-components-1082504586 li a:first-child:has(+:is(ul,ol):last-child){text-decoration:none;color:currentColor}@media(hover:hover){.kakadu-components-1082504586 li a:only-child:hover,.kakadu-components-1082504586 li a:first-child:has(+:is(ul,ol):last-child):hover{text-decoration:underline;color:var(--secondary-color)}}.kakadu-components-1082504586 :is(ul,ol) :is(ul,ol){margin-top:var(--half-gap);padding-left:var(--gap)}.kakadu-components-1082504586 :is(p,ul,ol)+hr{margin-top:2em}.kakadu-components-1082504586 code:not(pre code){font-family:Source Code Pro,Source Code Pro Fallback,monospace;background:#ffffffe6;box-shadow:inset 0 0 0 1px #0003;display:inline-block;vertical-align:middle;padding:0 6px;border-radius:6px}:where([data-theme=dark]) .kakadu-components-1082504586 code:not(pre code){background:#ffffff06;box-shadow:inset 0 0 0 1px #fff3}.kakadu-components-1082504586 pre{background:#ffffffe6;font-size:var(--12px);line-height:1.5em;color:#000;margin:0;white-space:pre-wrap;overflow:auto;padding:var(--gap);border-radius:var(--half-gap);box-sizing:border-box;box-shadow:inset 0 0 0 1px #0003}:where([data-theme=dark]) .kakadu-components-1082504586 pre{background:#ffffff06;box-shadow:inset 0 0 0 1px #fff3;color:#ffffffb3}.kakadu-components-1082504586 :is(p,ul,ol,aside)+:is(div:has(>pre),pre,label:has(:is(input,textarea,select))),.kakadu-components-1082504586 :is(div:has(>pre),pre,label:has(:is(input,textarea,select)))+:is(p,ul,ol,aside){margin-top:var(--double-gap)}.kakadu-components-1082504586 :is(div:has(>pre),pre,label:has(:is(input,textarea,select)))+:is(h1,h2,h3,h4,h5,h6){margin-top:var(--triple-gap)}.kakadu-components-1082504586 :is(div:has(>pre),pre,label:has(:is(input,textarea,select)))+:is(h1,h2,h3,h4,h5,h6):is(h3,h4){margin-top:2em}.kakadu-components-1082504586 :is(div:has(>pre),pre,label:has(:is(input,textarea,select)))+:is(div:has(>pre),pre,label:has(:is(input,textarea,select))){margin-top:var(--gap)}.kakadu-components-1082504586 aside:not(:is(div:has(>pre),pre,label:has(input,textarea,select))+aside){max-width:var(--content-width)}.kakadu-components-1082504586 :is(p,ul,ol)+aside,.kakadu-components-1082504586 aside+:is(p,ul,ol){margin-top:var(--double-gap)}.kakadu-components-1082504586 :is(div:has(>pre),pre)+aside,.kakadu-components-1082504586 aside+:is(div:has(>pre),pre){margin-top:var(--gap)}.kakadu-components-323682454.kakadu-components-323682454{max-width:var(--text-width)}.kakadu-components-323682454.kakadu-components-323682454 h1{font-size:var(--38px)}@media(min-width:410px){.kakadu-components-323682454.kakadu-components-323682454 h1{font-size:var(--48px)}}.kakadu-components-323682454.kakadu-components-323682454 h1+:is(p,ul){margin-top:.9em}.kakadu-components-323682454.kakadu-components-323682454 h1+p:has(+p),.kakadu-components-323682454.kakadu-components-323682454 h1+p:last-child{font-size:var(--20px);line-height:1.4em}@media(min-width:410px){.kakadu-components-323682454.kakadu-components-323682454 h1+p:has(+p),.kakadu-components-323682454.kakadu-components-323682454 h1+p:last-child{font-size:var(--24px)}}.kakadu-components-323682454.kakadu-components-323682454 h1+p:has(+p)+p,.kakadu-components-323682454.kakadu-components-323682454 h1+p:last-child+p{margin-top:2.1em}.kakadu-components-323682454.kakadu-components-323682454 p{font-size:var(--18px);line-height:1.6em}.kakadu-components-1387630570.kakadu-components-1387630570.kakadu-components-1387630570{background:#fff;text-align:left;padding:var(--content-padding);padding-bottom:calc(var(--content-padding) - 2px);--border-radius:12px;border-radius:var(--border-radius);text-decoration:none;position:relative;cursor:pointer;border:0;transition:background-color .37s,box-shadow .37s,transform .37s}:where([data-theme=dark]) .kakadu-components-1387630570.kakadu-components-1387630570.kakadu-components-1387630570{background-color:#16181c;--box-shadow-color:rgba(255, 255, 255, .15);--inset-hard-shadow-color:rgba(0, 0, 0, .8);--box-shadow-outline-color:rgba(0, 0, 0, .75);--box-shadow-highlight-color:rgba(255, 255, 255, .04);--box-shadow-top-highlight-color:rgba(0, 0, 0, .6)}@media(hover:hover){:where([data-theme=dark]) .kakadu-components-1387630570.kakadu-components-1387630570.kakadu-components-1387630570:hover{background-color:#1a1c21}}.kakadu-components-1387630570.kakadu-components-1387630570.kakadu-components-1387630570:before{mix-blend-mode:normal}.kakadu-components-1387630570.kakadu-components-1387630570.kakadu-components-1387630570:active{transform:scale(.9875);transition-duration:.1s;--bevel-shadow-offset:1px}.kakadu-components-1301774894.kakadu-components-1301774894{font-size:var(--18px);font-weight:500;color:var(--foreground-color);text-decoration:none;text-decoration:0}:is(button,a):hover .kakadu-components-1301774894.kakadu-components-1301774894{text-decoration:underline}.kakadu-components-782417605{position:relative;left:-1px}.kakadu-components-3061837309.kakadu-components-3061837309{font-size:var(--15px);text-decoration:none;text-decoration:0}.kakadu-components-777975485.kakadu-components-777975485{font-size:var(--12px);font-weight:700;text-transform:uppercase;text-decoration:underline;color:#3574b5;padding-top:var(--quarter-gap)}:where([data-theme=dark]) .kakadu-components-777975485.kakadu-components-777975485.kakadu-components-777975485.kakadu-components-777975485.kakadu-components-777975485.kakadu-components-777975485{color:#84a3c8}@media(hover:hover){:is(button,a):hover .kakadu-components-777975485.kakadu-components-777975485,.kakadu-components-777975485.kakadu-components-777975485:hover{text-decoration:none;text-decoration:0;text-decoration-color:currentColor}}.kakadu-components-2967167444{opacity:.5}.kakadu-components-2223449868{transition:height .37s,opacity .37s}.kakadu-components-512418581{pointer-events:none}.kakadu-components-3857562328{position:absolute}.kakadu-components-4096632152{--border-radius:8px;position:relative;display:flex}.kakadu-components-1951951921{--loader-offset:1px;--loader-instance-offset-bottom:3px;width:34px;height:34px;padding-bottom:3px;display:flex;flex:1;align-items:center;justify-content:center;color:#fff;border-radius:var(--border-radius);position:relative;transition:background-color .37s,box-shadow .37s,transform .37s}.kakadu-components-1951951921[disabled]{cursor:not-allowed;opacity:.8}.kakadu-components-1951951921:not([disabled]):active{transform:scale(.98);transition-duration:.1s;--bevel-shadow-offset:1px}@media(hover:hover){.kakadu-components-1951951921:not([disabled]):active.kakadu-components-1951951921:not([disabled]):active{--outline-width:0px}}@media(hover:hover){.kakadu-components-1951951921:not([disabled]):hover{background-color:var(--primary-color-hover);color:#fff;transition-duration:.1s;--outline-width:5px;--outline-color:var(--outline-hover-color)}.kakadu-components-1951951921:before{transition-duration:.1s}}.kakadu-components-1561784812{--outline-hover-color:rgba(0, 0, 0, .1)}:where([data-theme=dark]) .kakadu-components-1561784812{--outline-hover-color:rgba(255, 255, 255, .1)}.kakadu-components-1398421429{--outline-hover-color:oklch( from var(--green-color) l c h / 37.5% )}.kakadu-components-1872098090{--outline-hover-color:oklch( from var(--yellow-color) l c h / 37.5% )}.kakadu-components-2064536093{--outline-hover-color:oklch( from var(--red-color) l c h / 37.5% )}.kakadu-components-3040141419{position:relative;display:flex;align-items:center;justify-content:center}.kakadu-components-1562914001{transform:translateZ(0);position:relative;z-index:2;transition:opacity .1s,transform .1s}.kakadu-components-2360250719{opacity:0;transform:translateZ(0) scale(.8)}.kakadu-components-1224061930{transform:translateZ(0) scale(.8);position:absolute;z-index:2;transition:opacity .2s,transform .2s;top:0;left:0;bottom:0;right:0;opacity:0}.kakadu-components-2519520784{opacity:1;transform:translateZ(0)}.kakadu-components-3422055155{position:absolute;top:0;right:0;bottom:0;left:0}.kakadu-components-3772513716.kakadu-components-3772513716{font-size:var(--13px);font-weight:650;text-transform:uppercase}.kakadu-components-2497879239.kakadu-components-2497879239{font-weight:300}.kakadu-components-2022754336{opacity:.3}.kakadu-components-847862034{padding-left:var(--page-padding);padding-right:var(--page-padding)}.kakadu-components-1099799322{width:100%;align-self:center}.kakadu-components-3142729958{max-width:var(--page-width)}.kakadu-components-2670503515{max-width:var(--text-width)}.kakadu-components-259932668{max-width:var(--content-width)}.kakadu-components-975968984.kakadu-components-975968984.kakadu-components-975968984{font-size:var(--14px);list-style:none}.kakadu-components-975968984.kakadu-components-975968984.kakadu-components-975968984 a{--color:#aaa;color:var(--color);text-decoration:none}@media(hover:hover){.kakadu-components-975968984.kakadu-components-975968984.kakadu-components-975968984 a:hover{text-decoration:underline}}.kakadu-components-1574406446{background:var(--dark-color);padding:var(--page-padding);position:relative}:where([data-theme=dark]) .kakadu-components-1574406446{background:#0006;box-shadow:inset 0 1px #ffffff14}.kakadu-components-783629418.kakadu-components-783629418{align-items:flex-start;padding-top:var(--gap)}.kakadu-components-3520395370.kakadu-components-3520395370{text-align:right}.kakadu-components-3521477705{border:0;margin:auto 0 auto auto}.kakadu-components-2329568054{border:0;vertical-align:top}.kakadu-components-2089456404.kakadu-components-2089456404{max-width:var(--text-width);width:100%;align-items:center}.kakadu-components-3695148669.kakadu-components-3695148669{position:relative;top:-2px;vertical-align:top;color:var(--foreground-color)}.kakadu-components-1125118494.kakadu-components-1125118494{font-size:var(--14px);opacity:.3}.kakadu-components-2176404336{--size:80px;--thickness:13px;--font-size:var(--25px);--font-weight:600;--offset:2px;--highlight-color:rgba(255, 255, 255, .2);--shadow-color:rgba(0, 0, 0, .1);--hard-shadow-offset:4px;--hard-shadow-color:rgba(0, 0, 0, .05);background:#f9f9f9;width:var(--size);height:var(--size);box-shadow:0 1px 0 var(--shadow-color),0 var(--hard-shadow-offset) 0 var(--hard-shadow-color),inset 0 1px 0 var(--shadow-color),inset 0 2px 0 var(--highlight-color);border-radius:var(--size);position:relative;display:flex;align-items:center;justify-content:center}:where([data-theme=dark]) .kakadu-components-2176404336{background:#323237}.kakadu-components-3162945807{--size:60px;--thickness:11px;--font-size:var(--18px);--font-weight:600;--offset:2px}.kakadu-components-2977513648{--size:100px;--thickness:17px;--font-size:var(--32px);--offset:3px}.kakadu-components-707327569{background:var(--start-color);width:var(--thickness);height:var(--thickness);border-radius:var(--thickness);position:absolute;top:50%;left:0;transform:translateY(-50%);box-shadow:0 1px 0 var(--shadow-color),0 var(--hard-shadow-offset) 0 var(--hard-shadow-color),inset 0 0 0 1px var(--shadow-color),0 0 2px #fff3}.kakadu-components-2636723344{width:100%;height:100%;background:conic-gradient(from -90deg,var(--gradient));-webkit-mask-image:conic-gradient(from -90deg,#000 0%,#000 var(--percentage),transparent var(--percentage),transparent 100%);mask-image:conic-gradient(from -90deg,#000 0%,#000 var(--percentage),transparent var(--percentage),transparent 100%);border-radius:var(--size);box-shadow:0 1px 0 var(--shadow-color),0 var(--hard-shadow-offset) 0 var(--hard-shadow-color),inset 0 4px #ffffff26,inset 0 0 0 1px var(--shadow-color)}:where([data-theme=dark]) .kakadu-components-2636723344{--shadow-color:rgba(255, 255, 255, .3)}.kakadu-components-2810161405{--inner-size:calc(var(--size) - (var(--thickness) * 2));background:#0000002d;width:var(--inner-size);height:var(--inner-size);border-radius:var(--inner-size);--outline-shadow-color:rgba(0, 0, 0, .15);--soft-shadow-color:rgba(255, 255, 255, .4);box-shadow:0 0 0 1px var(--outline-shadow-color),0 0 2px var(--soft-shadow-color);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}:where([data-theme=dark]) .kakadu-components-2810161405{--outline-shadow-color:rgba(255, 255, 255, .15);--soft-shadow-color:rgba(255, 255, 255, .4)}.kakadu-components-1913523229{--inner-size:calc(var(--size) - var(--thickness) * 2);background:var(--background-color);width:var(--inner-size);height:var(--inner-size);font-size:var(--font-size);font-weight:var(--font-weight);font-variant-numeric:tabular-nums;letter-spacing:-.07em;border-radius:var(--inner-size);display:flex;align-items:center;justify-content:center;--offset-shadow-color:var(--shadow-color);box-shadow:0 1px 0 var(--offset-shadow-color),0 2px 0 var(--highlight-color),inset 0 var(--hard-shadow-offset) 0 var(--hard-shadow-color),inset 0 1px 0 var(--shadow-color);position:absolute}:where([data-theme=dark]) .kakadu-components-1913523229{--offset-shadow-color:rgba(255, 255, 255, .3)}.kakadu-components-967240013{--dial-size:calc(var(--thickness) + (var(--offset) * 2));--radius:calc((var(--size) / 2) - var(--offset));--angle:calc(-180deg + (var(--percentage-factor) * 360deg));background:#fff;width:var(--dial-size);height:var(--dial-size);border-radius:var(--dial-size);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(var(--angle)) translate(calc(var(--radius) - (var(--offset) * 2))) rotate(calc(var(--angle) * -1));box-shadow:0 1px 0 var(--shadow-color),0 var(--hard-shadow-offset) 0 var(--hard-shadow-color),0 0 1px #00000080}.kakadu-components-3225063030{--dial-cutout-size:calc(var(--dial-size) / 2.25);background:var(--end-color);width:var(--dial-cutout-size);height:var(--dial-cutout-size);border-radius:var(--dial-cutout-size);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 1px var(--shadow-color),inset 0 var(--hard-shadow-offset) 0 0 var(--hard-shadow-color)}.kakadu-components-866714386{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;overflow:hidden;top:0;z-index:100;box-shadow:0 1px #0003,0 2px #fff3}:where([data-theme=dark]) .kakadu-components-866714386{background:color-mix(in srgb,var(--background-color),rgba(0,0,0,.6) 20%);box-shadow:0 1px #fff3,0 2px #0003}.kakadu-components-479363365{padding-top:var(--gap);padding-bottom:calc(var(--gap) + 2px)}.kakadu-components-4017654514.kakadu-components-4017654514{color:var(--red-color)}:where([data-theme=dark]) .kakadu-components-4017654514.kakadu-components-4017654514{color:var(--red-color-hover)}.kakadu-components-1400843519{--original-border-radius:6px;--border-radius:var(--original-border-radius) var(--border-top-right-radius, var(--original-border-radius)) var(--original-border-radius) var(--original-border-radius);--horizontal-offset:-9px;--right-offset:var(--horizontal-offset);--left-offset:var(--horizontal-offset);--vertical-offset:-5px;position:relative;display:inline-flex}.kakadu-components-497190725{--right-offset:-12px}.kakadu-components-3729381008{--left-offset:-12px}.kakadu-components-3866032606{--horizontal-offset:-8px}.kakadu-components-2081390622{--hover-background-color:rgba(0, 0, 0, .05);background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:auto;font-family:var(--font-family);font-size:var(--16px);font-weight:550;cursor:pointer;color:var(--foreground-color);margin:0;border:0;padding:0;text-align:left;text-decoration:none;display:inline-flex;vertical-align:top;position:relative;transform:translateZ(0);flex:1}:where([data-theme=dark]) .kakadu-components-2081390622{--hover-background-color:rgba(255, 255, 255, .075)}.kakadu-components-2081390622[disabled]{cursor:not-allowed;opacity:.7}@media(hover:hover){.kakadu-components-2081390622:not([disabled]):before{content:"";position:absolute;top:var(--vertical-offset);right:var(--right-offset);bottom:var(--vertical-offset);left:var(--left-offset);border-radius:var(--border-radius);transition:background-color .37s}.kakadu-components-2081390622:not([disabled]):hover:before{background-color:var(--hover-background-color);transition:background-color .05s}}.kakadu-components-2081390622:not([disabled]):active{transform:scale(.98);transition-duration:.1s}.kakadu-components-2662775151{opacity:0;visibility:hidden}.kakadu-components-743909038{position:relative}.kakadu-components-1285017646{top:1px;right:-1px}.kakadu-components-1475172827{padding-top:3px;padding-left:2px;padding-right:2px}.kakadu-components-3068418250{position:relative;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}@media(hover:hover){:is(a,button):not([disabled]):hover .kakadu-components-3068418250{text-decoration:none}}.kakadu-components-2421728947{top:1px;left:-1px}.kakadu-components-1970948853{position:absolute;top:var(--vertical-offset);right:var(--right-offset);bottom:var(--vertical-offset);left:var(--left-offset)}.kakadu-components-925362255{--border-radius:6px;--box-shadow-color:rgba(0, 0, 0, .2);--box-shadow-hard-color:rgba(255, 255, 255, .8);--box-shadow-inner-color:rgba(255, 255, 255, .2);--default-lip-color:#d4d7d9;--lip-color:var(--default-lip-color);background:#fff;border-radius:var(--border-radius);box-shadow:inset 0 0 0 2px var(--box-shadow-inner-color),inset 0 0 0 1px var(--box-shadow-color),0 0 0 1px var(--box-shadow-hard-color),0 3px #00000008;display:flex;justify-content:flex-start}:where([data-theme=dark]) .kakadu-components-925362255{background-color:#15161a;--box-shadow-inner-color:rgba(0, 0, 0, .3);--box-shadow-color:rgba(255, 255, 255, .2);--box-shadow-hard-color:rgba(0, 0, 0, .9);--default-lip-color:#393b3e}.kakadu-components-2945174293{--default-lip-color:#a2a6a8}:where([data-theme=dark]) .kakadu-components-2945174293{--default-lip-color:#1f2022}.kakadu-components-2585123369{--lip-color:var(--green-color)}.kakadu-components-1387450724{--lip-color:var(--green-color-light)}.kakadu-components-3502407303{--lip-color:var(--yellow-color)}.kakadu-components-1612824642{--lip-color:var(--yellow-color-light)}.kakadu-components-314765189{--lip-color:var(--red-color)}.kakadu-components-4209515987{--lip-color:var(--red-color-light)}.kakadu-components-3327291559{--box-shadow-lip-inner-color:rgba(255, 255, 255, .05);background:var(--lip-color);width:6px;box-shadow:inset 0 0 0 1px var(--box-shadow-color),inset 0 0 0 2px var(--box-shadow-lip-inner-color);border-radius:var(--border-radius) 1px 1px var(--border-radius);display:flex;align-items:center;justify-content:center;color:#fff}:where([data-theme=dark]) .kakadu-components-3327291559{--box-shadow-lip-inner-color:rgba(0, 0, 0, .03)}.kakadu-components-3906762683{width:37px;padding-left:1px}.kakadu-components-1969958615.kakadu-components-1969958615{font-size:var(--14px);line-height:1.5em;padding:calc(var(--half-gap) + 2px);padding-top:calc(var(--half-gap) - 1px);padding-bottom:calc(var(--half-gap));flex:1}.kakadu-components-258945758{width:100%;position:fixed;bottom:var(--notification-bottom-offset, 0px);left:0;right:0;display:flex;align-items:center;justify-content:center;padding-bottom:var(--triple-gap);opacity:0;z-index:50;--offset-y:calc(var(--index, 0) * (32px + var(--half-gap)) * -1);transform:translate3d(0,calc(var(--offset-y) + 3px),0) scale(.97);transition:opacity .2s,transform .2s;pointer-events:none}.kakadu-components-3003995416{opacity:1;transform:translate3d(0,var(--offset-y),0)}.kakadu-components-1639448689{position:relative;max-width:300px}.kakadu-components-2751825161{height:calc(var(--border-radius) * 2);width:100%;position:absolute;bottom:0;left:0;border-radius:var(--border-radius);overflow:hidden;pointer-events:none}.kakadu-components-1939222061{background:#00000026;width:100%;height:3px;position:absolute;bottom:0;left:0;animation:progress 6s linear forwards}:where([data-theme=dark]) .kakadu-components-1939222061{background:#ffffff26}@keyframes progress{0%{width:0%}to{width:100%}}.kakadu-components-922159086{--border-radius:8px;--background-color-default:#fff;--background-color:var(--background-color-default);--background-color-hover:rgb(250, 250, 250);--background-color-disabled:#f6f6f6;--text-color:#000;--transition-duration:.2s;display:flex;flex-direction:column;gap:var(--half-padding);padding-top:7px;position:relative}:where([data-theme=dark]) .kakadu-components-922159086{--background-color-default:#0c0d0f;--background-color-hover:#0e0f12;--background-color-disabled:#0e0f12;--text-color:#fff}@media(hover:hover){.kakadu-components-922159086:hover{--background-color:var(--background-color-hover);--transition-duration:37ms}}.kakadu-components-922159086.kakadu-components-922159086:focus-within{--background-color:var(--background-color-default);--transition-duration:37ms}.kakadu-components-922159086.kakadu-components-922159086:has(:is(input,textarea,select)[disabled]){--background-color:var(--background-color-disabled)}.kakadu-components-25448712.kakadu-components-25448712{max-width:calc(100% - var(--gap));font-weight:450;font-size:var(--15px);letter-spacing:.012em;line-height:1em;text-shadow:0 0 2px rgba(255,255,255,1);position:absolute;bottom:100%;left:var(--half-gap);transform:translateY(.5em);z-index:3}:where([data-theme=dark]) .kakadu-components-25448712.kakadu-components-25448712{text-shadow:0 0 2px rgba(0,0,0,1)}.kakadu-components-25448712.kakadu-components-25448712 span{color:var(--text-color);position:relative;--offset:5px;padding-right:var(--offset);padding-left:var(--offset);opacity:.7}label:has(:is(input,textarea,select)[aria-invalid=true]) .kakadu-components-25448712.kakadu-components-25448712 span{color:var(--red-color);opacity:1}label:has(:is(input,textarea,select)[data-warning=true]) .kakadu-components-25448712.kakadu-components-25448712 span{color:var(--yellow-color-dark);opacity:1}.kakadu-components-25448712.kakadu-components-25448712:before{content:"";background:var(--background-color);width:100%;height:50%;position:absolute;top:calc(50% - 1px);transition:background-color var(--transition-duration)}.kakadu-components-1923392328{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--background-color);width:100%;color:var(--text-color);font-family:var(--font-family);font-size:var(--17px);font-weight:400;line-height:1.65em;padding:10px 13px 7px;padding-right:var(--button-padding, 0px);border:0;border-radius:var(--border-radius);--outline-color:rgba(0, 0, 0, .4);--outline-width:1px;--highlight-color-rgb:255,255,255;--shadow-color-rgb:0,0,0;box-shadow:inset 0 0 0 var(--outline-width) var(--outline-color),inset 0 0 0 2px rgba(var(--highlight-color-rgb),.7),inset 0 -4px rgba(var(--shadow-color-rgb),.04),0 0 0 var(--outline-width) rgba(var(--highlight-color-rgb),.7),0 4px rgba(var(--shadow-color-rgb),.04);box-sizing:border-box;display:block;position:relative;z-index:2;white-space:pre-wrap;word-break:break-word;transition:background-color var(--transition-duration),border-color var(--transition-duration),box-shadow var(--transition-duration)}.kakadu-components-1923392328::placeholder{font-style:italic}:where([data-theme=dark]) .kakadu-components-1923392328::placeholder{opacity:.7}:where([data-theme=dark]) .kakadu-components-1923392328{--outline-color:rgba(255, 255, 255, .3);--highlight-color-rgb:0,0,0}@media(hover:hover){label:hover .kakadu-components-1923392328:not([disabled]){--outline-color:rgba(0, 0, 0, .8)}:where([data-theme=dark]) label:hover .kakadu-components-1923392328:not([disabled]){--outline-color:rgba(255, 255, 255, .5)}}.kakadu-components-1923392328.kakadu-components-1923392328.kakadu-components-1923392328:focus{outline:none}.kakadu-components-1923392328.kakadu-components-1923392328.kakadu-components-1923392328:focus:not(select){--outline-color:var(--secondary-color-hover);--outline-width:2px}:where([data-theme=dark]) .kakadu-components-1923392328.kakadu-components-1923392328.kakadu-components-1923392328:focus:not(select){--outline-color:var(--secondary-color)}.kakadu-components-1923392328.kakadu-components-1923392328[aria-invalid=true]{outline:none;--outline-color:var(--red-color)}.kakadu-components-1923392328.kakadu-components-1923392328[data-warning=true]{--outline-color:var(--yellow-color-dark)}.kakadu-components-1923392328.kakadu-components-1923392328[disabled]{--text-color:#666;cursor:not-allowed}.kakadu-components-4056037255.kakadu-components-4056037255{font-size:var(--14px);font-weight:500}.kakadu-components-3245407458.kakadu-components-3245407458{color:var(--red-color)}.kakadu-components-1117160492.kakadu-components-1117160492{color:var(--yellow-color-dark)}.kakadu-components-2261792866.kakadu-components-2261792866{color:var(--secondary-color)}.kakadu-components-520991867.kakadu-components-520991867{--border-radius:5px;font-size:var(--14px);width:calc(100% - 6px);padding:5px 10px 7px;position:relative;z-index:1;box-sizing:border-box;left:3px}.kakadu-components-520991867.kakadu-components-520991867:before{content:"";background:#f8f9fb;--outline-color:rgba(0, 0, 0, .3);--outline-shadow-color:#fff;border-radius:0 0 var(--border-radius) var(--border-radius);box-shadow:inset 0 0 0 1px var(--outline-color),inset 0 0 0 2px var(--outline-shadow-color),0 0 0 1px var(--outline-shadow-color);position:absolute;left:0;top:var(--attachment-offset);right:0;bottom:0;width:100%;height:calc(100% + (var(--attachment-offset) * -1));z-index:-1}:where([data-theme=dark]) .kakadu-components-520991867.kakadu-components-520991867:before{background-color:#121214;--outline-color:rgba(255, 255, 255, .3);--outline-shadow-color:#000}.kakadu-components-3146929190{position:relative}.kakadu-components-3298764637{--attachment-offset:-7px;position:relative;display:flex;flex-direction:column}.kakadu-components-613632806 strong{font-weight:500}.kakadu-components-2927674627{margin-top:var(--half-gap);padding:0 13px}.kakadu-components-4228384787{padding-right:39px;cursor:pointer}.kakadu-components-158931186{z-index:4;pointer-events:none;position:absolute;top:24px;right:13px;transform:translateY(-50%) rotate(180deg)}.kakadu-components-4233741488:before{--box-shadow-color:rgba(0, 0, 0, .2);box-shadow:inset 0 0 0 1px var(--box-shadow-color)}:where([data-theme=dark]) .kakadu-components-4233741488:before{--box-shadow-color:rgba(255, 255, 255, .2)}.kakadu-components-2355856341.kakadu-components-2355856341{--background-color:#e2f5ff;--shadow-color:rgba(18, 71, 98, .6);--outline-color-rgb:255,255,255;--content-shadow-rgb:255,255,255;--arrow-size:7px;background:var(--background-color);padding:10px 13px;box-shadow:inset 0 0 0 1px var(--shadow-color),inset 0 0 0 2px rgba(var(--outline-color-rgb),.5),inset 0 -4px #223a4e0a,0 0 0 1px rgba(var(--outline-color-rgb),.7);border-radius:var(--border-radius);margin-top:var(--gap);cursor:pointer;position:relative;z-index:4;transition:background-color .37s}:where([data-theme=dark]) .kakadu-components-2355856341.kakadu-components-2355856341{--background-color:#181c24;--shadow-color:#3a404e;--content-shadow-rgb:0,0,0;--outline-color-rgb:0,0,0}.kakadu-components-2355856341.kakadu-components-2355856341:before,.kakadu-components-2355856341.kakadu-components-2355856341:after{content:"";--current-arrow-size:var(--arrow-size);--current-arrow-color:var(--shadow-color);width:0;height:0;border-left:var(--current-arrow-size) solid transparent;border-right:var(--current-arrow-size) solid transparent;border-bottom:var(--current-arrow-size) solid var(--current-arrow-color);position:absolute;bottom:calc(100% - 1px);left:20px;transform:translate(-50%);transition:border-bottom-color .37s}.kakadu-components-2355856341.kakadu-components-2355856341:after{--current-arrow-size:calc(var(--arrow-size) - .5px);--current-arrow-color:var(--background-color);bottom:calc(100% - 2px)}@media(hover:hover){.kakadu-components-2355856341.kakadu-components-2355856341:hover{--background-color:#d5f0ff;transition-duration:.1s}:where([data-theme=dark]) .kakadu-components-2355856341.kakadu-components-2355856341:hover{--background-color:#141820}.kakadu-components-2355856341.kakadu-components-2355856341:hover:before,.kakadu-components-2355856341.kakadu-components-2355856341:hover:after{transition-duration:.1s}}.kakadu-components-1021263934{color:#0d3b52;filter:drop-shadow(0 1px 0 rgba(var(--content-shadow-rgb),.7)) drop-shadow(0 0 3px rgba(var(--content-shadow-rgb),.7));position:relative;top:2px;margin-right:4px}:where([data-theme=dark]) .kakadu-components-1021263934{color:#85a5db}.kakadu-components-1585874956.kakadu-components-1585874956{font-size:var(--14px);line-height:1.35em;flex:1;color:#000;text-shadow:0 0 2px rgba(var(--content-shadow-rgb),.7),0 1px 0 rgba(var(--content-shadow-rgb),.5)}:where([data-theme=dark]) .kakadu-components-1585874956.kakadu-components-1585874956{color:#fff}.kakadu-components-3448565402{opacity:.5}.kakadu-components-2033521835{position:absolute;visibility:hidden}.kakadu-components-2119524139{resize:none;overflow:hidden}.kakadu-components-616311160{z-index:2;opacity:.3}.kakadu-components-1962999040{z-index:2}:where([data-theme=light]) .kakadu-components-1962999040{mix-blend-mode:normal;opacity:.25}.kakadu-components-131986363{position:absolute;top:11px;right:14px;display:flex;gap:21px;z-index:2}.kakadu-components-1421861246{background:var(--primary-color);width:var(--size);height:var(--size);position:relative;--half-size:calc(var(--size) / 2);--border-radius:var(--half-size) var(--half-size) 0 var(--half-size);border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center}.kakadu-components-392715920{transform:translate(2%,3%);filter:drop-shadow(0 calc(var(--drop-shadow-offset-multiplier) * 1px) 0 rgba(0,0,0,.2)) drop-shadow(0 0 calc(var(--drop-shadow-offset-multiplier) * 3px) rgba(0,0,0,.2))}.kakadu-components-3861346893{--shadow-color:rgba(255, 255, 255, .8);color:#000000e6;position:relative;top:2px;filter:drop-shadow(0 1px 0 var(--shadow-color)) drop-shadow(0 0 3px var(--shadow-color))}:where([data-theme=dark]) .kakadu-components-3861346893{color:#ffffffe6;--shadow-color:rgba(0, 0, 0, .2)}.kakadu-components-2543813221{width:16px;height:16px;float:right}.kakadu-components-840864829{position:absolute;top:10px;right:13px}.kakadu-components-3855719072{--border-top-right-radius:12px}.kakadu-components-4119461136{--modal-background:var(--background-color);--modal-top-right-offset:calc(32px + var(--half-gap));background:#000000b3;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);position:fixed;pointer-events:none;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:var(--modal-z-index);opacity:0;transition:opacity .2s;overflow:auto;text-align:center;display:flex}:where([data-theme=dark]) .kakadu-components-4119461136{background:#000c}.kakadu-components-2522346797{opacity:1;pointer-events:auto}.kakadu-components-4011815997{width:100%;padding:var(--half-gap);text-align:left;box-sizing:border-box;display:flex;overflow:auto}@media(min-width:480px){.kakadu-components-4011815997{padding:var(--gap)}}@media(min-width:560px){.kakadu-components-4011815997{padding:var(--double-gap)}}.kakadu-components-3324483532{--modal-padding:var(--gap);background:var(--modal-background);min-width:180px;max-width:var(--max-width, 760px);padding:var(--modal-padding);border-radius:var(--gap);--inset-box-shadow-color:rgba(255, 255, 255, .5);--offset-box-shadow-color:rgba(0, 0, 0, .15);--soft-box-shadow-color:rgba(0, 0, 0, .3);box-shadow:inset 0 0 0 1px var(--inset-box-shadow-color),0 0 0 1px var(--offset-box-shadow-color),0 0 8px var(--soft-box-shadow-color);opacity:0;transform:scale(.98);margin:auto;transition:transform .18s .2s,opacity .1s .2s;box-sizing:border-box}:where([data-theme=dark]) .kakadu-components-3324483532{--inset-box-shadow-color:rgba(255, 255, 255, .125);--offset-box-shadow-color:rgba(0, 0, 0, .15);--soft-box-shadow-color:rgba(0, 0, 0, .3)}@media(min-width:560px){.kakadu-components-3324483532{--modal-padding:var(--double-gap)}}.kakadu-components-3799971070{width:100%}.kakadu-components-968755580{opacity:1;transform:scale(1)}.kakadu-components-633990035{display:inline-flex}.kakadu-components-171969824{width:100%}.kakadu-components-2845019685{position:relative;display:inline-block;vertical-align:top}.kakadu-components-3920007758{--arrow-gap:4px;--arrow-size:8px;--popover-background-color:var(--background-color);--border-radius:6px;position:absolute;z-index:1;top:calc(100% + var(--arrow-size) + var(--arrow-gap));left:50%;transform:translate(-50%);pointer-events:none;opacity:0;transition:opacity .2s}.kakadu-components-611400930{left:0;transform:translate(0)}.kakadu-components-944244368{left:auto;right:0;transform:translate(0)}.kakadu-components-1399012551{opacity:1;pointer-events:auto}.kakadu-components-1118152266{opacity:0;transform:translateY(2px) scale(.98);transform-origin:center bottom;transition:transform .2s,opacity .2s}.kakadu-components-231244945{opacity:1;transform:scale(1)}.kakadu-components-1951789226{--shadow-size:calc(var(--arrow-size) * 1.5);width:var(--shadow-size);height:var(--shadow-size);--outline-color:rgba(0, 0, 0, .1);box-shadow:0 0 5px #0003,-1px -1px 0 var(--outline-color);--translate-x:-50%;--translate-y:50%;--transform:translateX(var(--translate-x)) translateY(var(--translate-y)) rotate(45deg);transform:var(--transform) scale(.98);position:absolute;bottom:calc(100% - 1px);left:50%}:where([data-theme=dark]) .kakadu-components-1951789226{--outline-color:rgba(255, 255, 255, .2)}.kakadu-components-1495725644.kakadu-components-1495725644{left:calc(var(--arrow-size) + var(--border-radius))}.kakadu-components-4235689197.kakadu-components-4235689197{left:auto;right:calc(var(--arrow-size) - var(--border-radius))}.kakadu-components-2488426662{background-color:var(--popover-background-color);--inset-box-shadow-color:rgba(255, 255, 255, .5);--offset-box-shadow-color:rgba(0, 0, 0, .15);--soft-box-shadow-color:rgba(0, 0, 0, .2);--hard-box-shadow-color:rgba(0, 0, 0, .03);border-radius:var(--border-radius);box-shadow:inset 0 0 0 1px var(--inset-box-shadow-color),0 4px 0 var(--hard-box-shadow-color),0 0 0 1px var(--offset-box-shadow-color),0 8px 18px var(--soft-box-shadow-color);position:relative}:where([data-theme=dark]) .kakadu-components-2488426662{--inset-box-shadow-color:rgba(255, 255, 255, .15);--offset-box-shadow-color:rgba(0, 0, 0, .15);--soft-box-shadow-color:rgba(0, 0, 0, .3)}.kakadu-components-3252390100{position:absolute;bottom:calc(100% - 1px);left:50%;transform:translate(-50%);width:0;height:0;border-left:var(--arrow-size) solid transparent;border-right:var(--arrow-size) solid transparent;border-bottom:var(--arrow-size) solid var(--popover-background-color)}.kakadu-components-3754561431.kakadu-components-3754561431{left:var(--border-radius);transform:translate(0)}.kakadu-components-2265262600.kakadu-components-2265262600{left:auto;right:var(--border-radius);transform:translate(0)}.kakadu-components-175326694{width:100%;height:1px;min-height:1px;max-height:1px;margin:0;background-color:#00000026;border:none;flex:1 0 0}:where([data-theme=dark]) .kakadu-components-175326694{background-color:#ffffff26}.kakadu-components-3380219127{background:#00000026;width:16px;height:1px;border:none;display:block;margin-left:0}:where([data-theme=dark]) .kakadu-components-3380219127{background-color:#ffffff26}.kakadu-components-1250376591{width:100%;flex:1;text-align:center}.kakadu-components-2653569622{background:#0000001a;width:1px;margin:0;min-width:1px;max-width:1px;border:none}:where([data-theme=dark]) .kakadu-components-2653569622{background-color:#ffffff1a}.kakadu-components-3114599304{white-space:nowrap;text-decoration:none;color:var(--foreground-color);padding:8px;margin:0 var(--popover-menu-gap);--border-radius:4px;border-radius:var(--border-radius);position:relative;outline:none;flex:1;--background-color-hover:rgba(0, 0, 0, .04);transition:background-color .37s}:where([data-theme=dark]) .kakadu-components-3114599304{--background-color-hover:rgba(255, 255, 255, .02)}.kakadu-components-3114599304:focus{background-color:var(--background-color-hover);transition:background-color .05s}.kakadu-components-4096376656:focus{box-shadow:inset 0 0 0 1px #0003,inset 0 0 0 2px var(--background-color);text-decoration:underline;text-underline-offset:2px}@media(hover:hover){.kakadu-components-2554182777:hover{background-color:var(--background-color-hover);transition:background-color .05s;text-decoration:underline;text-underline-offset:2px}}.kakadu-components-1109353535.kakadu-components-1109353535{font-size:var(--15px);font-weight:400;display:flex;color:inherit;align-items:center;justify-content:flex-start;gap:var(--half-gap)}.kakadu-components-913703148{flex:1}.kakadu-components-1861176543.kakadu-components-1861176543{display:flex;flex:1}.kakadu-components-1499037363.kakadu-components-1499037363{font-size:var(--12px);font-weight:500;margin:0 var(--popover-menu-gap);opacity:.65;padding:6px 8px 2px}.kakadu-components-3600436535{--popover-menu-gap:3px;padding-top:var(--popover-menu-gap);padding-bottom:var(--popover-menu-gap);display:flex;flex-direction:column;gap:var(--popover-menu-gap)}.kakadu-components-3009931469{opacity:0;transition:transform var(--duration) var(--animation-delay),opacity var(--duration) var(--animation-delay)}.kakadu-components-3252535480{transform:translate3d(0,var(--distance),0)}@media(prefers-reduced-motion){.kakadu-components-3252535480{transform:translate3d(0,calc(var(--distance) / 3))}}.kakadu-components-358711811{transform:translateZ(0);opacity:1}.kakadu-components-3753263087{width:100%;margin:auto}.kakadu-components-560222664{width:100%;height:100%;min-height:200px;--radial-gradient-color:rgba(0, 0, 0, .4);-webkit-mask-image:radial-gradient(circle,var(--radial-gradient-color) 70%,black 100%),linear-gradient(to bottom,black 0%,transparent 100%);mask-image:radial-gradient(circle,var(--radial-gradient-color) 70%,black 100%),linear-gradient(to bottom,black 0%,transparent 100%);-webkit-mask-composite:source-in;mask-composite:intersect;border-radius:var(--border-radius);overflow:hidden;position:absolute;top:0;left:0;right:0;pointer-events:none}:where([data-theme=dark]) .kakadu-components-560222664{-webkit-mask-image:none;mask-image:none;-webkit-mask-image:linear-gradient(to bottom,black 50%,transparent 100%),radial-gradient(circle,black 60%,var(--radial-gradient-color) 100%),linear-gradient(to bottom,transparent 0%,black 100%);mask-image:linear-gradient(to bottom,black 50%,transparent 100%),radial-gradient(circle,black 60%,var(--radial-gradient-color) 100%),linear-gradient(to bottom,transparent 0%,black 100%);-webkit-mask-composite:source-in;mask-composite:intersect}:where([data-theme=light]) .kakadu-components-947991810.kakadu-components-947991810{mix-blend-mode:normal}:where([data-theme=dark]) .kakadu-components-947991810.kakadu-components-947991810{mix-blend-mode:normal}

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

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

package/build/hooks/use-fetch.js

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

package/build/hooks/use-fetch.mjs

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

package/package.json

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