@kakadu/components 0.1.4 → 1.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (272) hide show
  1. package/build/aria-text.d.ts +5 -1
  2. package/build/aria-text.js +1 -0
  3. package/build/aria-text.mjs +15 -0
  4. package/build/atom.d.ts +10 -2
  5. package/build/atom.js +1 -1
  6. package/build/atom.mjs +10 -3
  7. package/build/bankid-logo.d.ts +2 -0
  8. package/build/bankid-logo.js +1 -0
  9. package/build/bankid-logo.mjs +43 -0
  10. package/build/box.d.ts +4 -1
  11. package/build/box.js +1 -1
  12. package/build/box.mjs +11 -2
  13. package/build/build/aria-text.d.ts +8 -0
  14. package/build/build/atom.d.ts +9 -0
  15. package/build/build/bankid-logo.d.ts +5 -0
  16. package/build/build/box.d.ts +6 -0
  17. package/build/build/button-tooltip.d.ts +5 -0
  18. package/build/build/button.d.ts +23 -0
  19. package/build/build/card.d.ts +11 -0
  20. package/build/build/click-ripples.d.ts +6 -0
  21. package/build/build/datum.d.ts +6 -0
  22. package/build/build/dnb-logo.d.ts +5 -0
  23. package/build/build/dot.d.ts +4 -0
  24. package/build/build/flex.d.ts +12 -0
  25. package/build/build/footer.d.ts +4 -0
  26. package/build/build/gauge.d.ts +6 -0
  27. package/build/build/gjensidige-logo.d.ts +5 -0
  28. package/build/build/hooks/use-media-query.d.ts +2 -0
  29. package/build/build/hover-gradient.d.ts +8 -0
  30. package/build/build/icon-button.d.ts +10 -0
  31. package/build/build/icon.d.ts +8 -0
  32. package/build/build/icons/arrow-down.d.ts +5 -0
  33. package/build/build/icons/caret-down.d.ts +5 -0
  34. package/build/build/icons/caret-right.d.ts +5 -0
  35. package/build/build/icons/check.d.ts +5 -0
  36. package/build/build/icons/chevron-down.d.ts +5 -0
  37. package/build/build/icons/chevron-up.d.ts +5 -0
  38. package/build/build/icons/chrome-browser-logo.d.ts +5 -0
  39. package/build/build/icons/copy.d.ts +5 -0
  40. package/build/build/icons/edge-browser-logo.d.ts +5 -0
  41. package/build/build/icons/edit.d.ts +5 -0
  42. package/build/build/icons/exclamation-triangle.d.ts +5 -0
  43. package/build/build/icons/kakadu-guide-glyph.d.ts +5 -0
  44. package/build/build/icons/kakadu-guide.d.ts +5 -0
  45. package/build/build/icons/menu.d.ts +5 -0
  46. package/build/build/icons/plus.d.ts +5 -0
  47. package/build/build/icons/test.d.ts +5 -0
  48. package/build/build/icons/times.d.ts +5 -0
  49. package/build/build/jsx-runtime-BB_1_6y_.d.ts +2 -0
  50. package/build/build/kakadu-guide-icon.d.ts +4 -0
  51. package/build/build/kakadu-guide-logo.d.ts +11 -0
  52. package/build/build/kakadu-index-logo.d.ts +5 -0
  53. package/build/build/kakadu-logo.d.ts +5 -0
  54. package/build/build/modal.d.ts +22 -0
  55. package/build/build/moving-gradients.d.ts +8 -0
  56. package/build/build/moving-stars.d.ts +11 -0
  57. package/build/build/notice.d.ts +10 -0
  58. package/build/build/notification.d.ts +15 -0
  59. package/build/build/revealer.d.ts +24 -0
  60. package/build/build/separator.d.ts +10 -0
  61. package/build/build/skeleton.d.ts +16 -0
  62. package/build/build/sparebank1-logo.d.ts +5 -0
  63. package/build/build/spinner.d.ts +11 -0
  64. package/build/build/sto-logo.d.ts +5 -0
  65. package/build/build/storebrand-logo.d.ts +5 -0
  66. package/build/build/text-button.d.ts +12 -0
  67. package/build/build/text.d.ts +30 -0
  68. package/build/build/theme-setter.d.ts +9 -0
  69. package/build/build/theme.d.ts +22 -0
  70. package/build/build/utilities/copy-to-clipboard.d.ts +2 -0
  71. package/build/build/utilities/generate-random-id.d.ts +2 -0
  72. package/build/build/utilities/scale.d.ts +11 -0
  73. package/build/build/veil.d.ts +4 -0
  74. package/build/button-tooltip.d.ts +4 -0
  75. package/build/button-tooltip.js +1 -0
  76. package/build/button-tooltip.mjs +11 -0
  77. package/build/button.d.ts +32 -0
  78. package/build/button.js +1 -0
  79. package/build/button.mjs +69 -0
  80. package/build/card.d.ts +8 -0
  81. package/build/card.js +1 -0
  82. package/build/card.mjs +36 -0
  83. package/build/click-ripples.d.ts +2 -0
  84. package/build/click-ripples.js +1 -0
  85. package/build/click-ripples.mjs +60 -0
  86. package/build/components.css +1 -1
  87. package/build/datum.d.ts +5 -0
  88. package/build/datum.js +1 -0
  89. package/build/datum.mjs +27 -0
  90. package/build/dnb-logo.d.ts +2 -0
  91. package/build/dnb-logo.js +1 -0
  92. package/build/dnb-logo.mjs +31 -0
  93. package/build/dot.d.ts +2 -0
  94. package/build/dot.js +1 -0
  95. package/build/dot.mjs +10 -0
  96. package/build/flex.d.ts +14 -1
  97. package/build/flex.js +1 -1
  98. package/build/flex.mjs +17 -2
  99. package/build/footer.d.ts +3 -0
  100. package/build/footer.js +1 -0
  101. package/build/footer.mjs +65 -0
  102. package/build/gauge.d.ts +6 -1
  103. package/build/gauge.js +1 -1
  104. package/build/gauge.mjs +39 -2
  105. package/build/gjensidige-logo.d.ts +2 -0
  106. package/build/gjensidige-logo.js +1 -0
  107. package/build/gjensidige-logo.mjs +30 -0
  108. package/build/hooks/use-media-query.d.ts +1 -0
  109. package/build/hooks/use-media-query.js +1 -0
  110. package/build/hooks/use-media-query.mjs +20 -0
  111. package/build/hover-gradient.d.ts +5 -0
  112. package/build/hover-gradient.js +1 -0
  113. package/build/hover-gradient.mjs +48 -0
  114. package/build/icon-button.d.ts +13 -0
  115. package/build/icon-button.js +1 -0
  116. package/build/icon-button.mjs +45 -0
  117. package/build/icon.js +1 -0
  118. package/build/icon.mjs +50 -0
  119. package/build/icons/arrow-down.d.ts +2 -0
  120. package/build/icons/arrow-down.js +1 -0
  121. package/build/icons/arrow-down.mjs +24 -0
  122. package/build/icons/caret-down.d.ts +2 -0
  123. package/build/icons/caret-down.js +1 -0
  124. package/build/icons/caret-down.mjs +27 -0
  125. package/build/icons/caret-right.d.ts +2 -0
  126. package/build/icons/caret-right.js +1 -0
  127. package/build/icons/caret-right.mjs +27 -0
  128. package/build/icons/check.d.ts +2 -0
  129. package/build/icons/check.js +1 -0
  130. package/build/icons/check.mjs +27 -0
  131. package/build/icons/chevron-down.d.ts +2 -0
  132. package/build/icons/chevron-down.js +1 -0
  133. package/build/icons/chevron-down.mjs +27 -0
  134. package/build/icons/chevron-up.d.ts +2 -0
  135. package/build/icons/chevron-up.js +1 -0
  136. package/build/icons/chevron-up.mjs +27 -0
  137. package/build/icons/chrome-browser-logo.d.ts +2 -0
  138. package/build/icons/chrome-browser-logo.js +1 -0
  139. package/build/icons/chrome-browser-logo.mjs +24 -0
  140. package/build/icons/copy.d.ts +2 -0
  141. package/build/icons/copy.js +1 -0
  142. package/build/icons/copy.mjs +29 -0
  143. package/build/icons/edge-browser-logo.d.ts +2 -0
  144. package/build/icons/edge-browser-logo.js +1 -0
  145. package/build/icons/edge-browser-logo.mjs +24 -0
  146. package/build/icons/edit.d.ts +2 -0
  147. package/build/icons/edit.js +1 -0
  148. package/build/icons/edit.mjs +27 -0
  149. package/build/icons/exclamation-triangle.d.ts +2 -0
  150. package/build/icons/exclamation-triangle.js +1 -0
  151. package/build/icons/exclamation-triangle.mjs +29 -0
  152. package/build/icons/icon.d.ts +25 -0
  153. package/build/icons/kakadu-guide-glyph.d.ts +2 -0
  154. package/build/icons/kakadu-guide-glyph.js +1 -0
  155. package/build/icons/kakadu-guide-glyph.mjs +24 -0
  156. package/build/icons/kakadu-guide.d.ts +2 -0
  157. package/build/icons/kakadu-guide.js +1 -0
  158. package/build/icons/kakadu-guide.mjs +27 -0
  159. package/build/icons/menu.d.ts +2 -0
  160. package/build/icons/menu.js +1 -0
  161. package/build/icons/menu.mjs +25 -0
  162. package/build/icons/plus.d.ts +2 -0
  163. package/build/icons/plus.js +1 -0
  164. package/build/icons/plus.mjs +27 -0
  165. package/build/icons/test.d.ts +2 -0
  166. package/build/icons/test.js +1 -0
  167. package/build/icons/test.mjs +29 -0
  168. package/build/icons/times.d.ts +2 -0
  169. package/build/icons/times.js +1 -0
  170. package/build/icons/times.mjs +27 -0
  171. package/build/index.html +0 -0
  172. package/build/kakadu-guide-icon.d.ts +3 -0
  173. package/build/kakadu-guide-icon.js +1 -0
  174. package/build/kakadu-guide-icon.mjs +14 -0
  175. package/build/kakadu-guide-logo.d.ts +10 -0
  176. package/build/kakadu-guide-logo.js +1 -0
  177. package/build/kakadu-guide-logo.mjs +59 -0
  178. package/build/kakadu-index-logo.d.ts +2 -0
  179. package/build/kakadu-index-logo.js +1 -0
  180. package/build/kakadu-index-logo.mjs +66 -0
  181. package/build/kakadu-logo.d.ts +2 -0
  182. package/build/kakadu-logo.js +1 -0
  183. package/build/kakadu-logo.mjs +44 -0
  184. package/build/modal.d.ts +28 -0
  185. package/build/modal.js +9 -0
  186. package/build/modal.mjs +1246 -0
  187. package/build/moving-gradients.d.ts +9 -0
  188. package/build/moving-gradients.js +1 -0
  189. package/build/moving-gradients.mjs +86 -0
  190. package/build/moving-stars.d.ts +12 -0
  191. package/build/moving-stars.js +1 -0
  192. package/build/moving-stars.mjs +90 -0
  193. package/build/notice.d.ts +12 -0
  194. package/build/notice.js +1 -0
  195. package/build/notice.mjs +22 -0
  196. package/build/notification.d.ts +17 -0
  197. package/build/notification.js +1 -0
  198. package/build/notification.mjs +84 -0
  199. package/build/revealer.d.ts +20 -0
  200. package/build/revealer.js +1 -0
  201. package/build/revealer.mjs +76 -0
  202. package/build/separator.d.ts +5 -0
  203. package/build/separator.js +1 -0
  204. package/build/separator.mjs +24 -0
  205. package/build/skeleton.d.ts +15 -1
  206. package/build/skeleton.js +1 -1
  207. package/build/skeleton.mjs +38 -3
  208. package/build/sparebank1-logo.d.ts +2 -0
  209. package/build/sparebank1-logo.js +1 -0
  210. package/build/sparebank1-logo.mjs +61 -0
  211. package/build/spinner.d.ts +10 -1
  212. package/build/spinner.js +1 -1
  213. package/build/spinner.mjs +31 -3
  214. package/build/sto-logo.d.ts +2 -0
  215. package/build/sto-logo.js +1 -0
  216. package/build/sto-logo.mjs +53 -0
  217. package/build/storebrand-logo.d.ts +2 -0
  218. package/build/storebrand-logo.js +1 -0
  219. package/build/storebrand-logo.mjs +46 -0
  220. package/build/text-button.d.ts +19 -0
  221. package/build/text-button.js +1 -0
  222. package/build/text-button.mjs +36 -0
  223. package/build/text.d.ts +11 -1
  224. package/build/text.js +1 -1
  225. package/build/text.mjs +49 -5
  226. package/build/theme-setter.d.ts +11 -0
  227. package/build/theme-setter.js +20 -0
  228. package/build/theme-setter.mjs +79 -0
  229. package/build/theme.d.ts +5 -0
  230. package/build/theme.js +1 -1
  231. package/build/theme.mjs +25 -8
  232. package/build/utilities/copy-to-clipboard.d.ts +1 -0
  233. package/build/utilities/copy-to-clipboard.js +1 -0
  234. package/build/utilities/copy-to-clipboard.mjs +26 -0
  235. package/build/utilities/generate-random-id.d.ts +1 -0
  236. package/build/utilities/generate-random-id.js +1 -0
  237. package/build/utilities/generate-random-id.mjs +14 -0
  238. package/build/utilities/scale.d.ts +11 -0
  239. package/build/utilities/scale.js +1 -0
  240. package/build/utilities/scale.mjs +13 -0
  241. package/build/veil.d.ts +3 -0
  242. package/build/veil.js +1 -0
  243. package/build/veil.mjs +17 -0
  244. package/index.d.ts +60 -0
  245. package/package.json +278 -18
  246. package/readme.md +3 -1
  247. package/theme.tsx +151 -27
  248. package/build/atom-B-bW2QKm.js +0 -1
  249. package/build/atom-CqxGy6PS.mjs +0 -12
  250. package/build/box-4_-REPb0.js +0 -1
  251. package/build/box-Cf22bdCb.mjs +0 -13
  252. package/build/components/aria-text.d.ts +0 -5
  253. package/build/components/atom.d.ts +0 -10
  254. package/build/components/box.d.ts +0 -4
  255. package/build/components/flex.d.ts +0 -7
  256. package/build/components/gauge.d.ts +0 -6
  257. package/build/components/skeleton.d.ts +0 -13
  258. package/build/components/spinner.d.ts +0 -10
  259. package/build/components/text.d.ts +0 -7
  260. package/build/flex-C4bEYrMM.mjs +0 -16
  261. package/build/flex-JFSv9GFG.js +0 -1
  262. package/build/gauge-C1CypvvD.mjs +0 -41
  263. package/build/gauge-mog6SjVx.js +0 -1
  264. package/build/index.d.ts +0 -10
  265. package/build/index.js +0 -1
  266. package/build/index.mjs +0 -39
  267. package/build/skeleton-B5bJ732_.js +0 -1
  268. package/build/skeleton-C593Afco.mjs +0 -48
  269. package/build/spinner-DE_Y3sKH.mjs +0 -33
  270. package/build/spinner-DFfE6tSd.js +0 -1
  271. package/build/text-BO7Qt7Lj.js +0 -1
  272. package/build/text-ZYVNxqac.mjs +0 -39
@@ -0,0 +1,11 @@
1
+ export { x as RevealSpinner };
2
+ export default i;
3
+ declare function x({ isVisible: e, ...o }: {
4
+ [x: string]: any;
5
+ isVisible: any;
6
+ }): any;
7
+ declare function i({ size: e, strokeWidth: o, isAnimated: c }: {
8
+ size?: number | undefined;
9
+ strokeWidth?: number | undefined;
10
+ isAnimated?: boolean | undefined;
11
+ }): any;
@@ -0,0 +1,5 @@
1
+ export default n;
2
+ declare function n({ fill: s, ...e }: {
3
+ [x: string]: any;
4
+ fill: any;
5
+ }): any;
@@ -0,0 +1,5 @@
1
+ export default v;
2
+ declare function v({ fill: h, ...t }: {
3
+ [x: string]: any;
4
+ fill: any;
5
+ }): any;
@@ -0,0 +1,12 @@
1
+ export { u as TextButtonVariant };
2
+ export default f;
3
+ declare var u: any;
4
+ declare function f({ icon: t, variant: i, tooltip: n, className: l, children: s, label: x, ...c }: {
5
+ [x: string]: any;
6
+ icon: any;
7
+ variant?: string | undefined;
8
+ tooltip: any;
9
+ className: any;
10
+ children: any;
11
+ label: any;
12
+ }): any;
@@ -0,0 +1,30 @@
1
+ export default i;
2
+ declare function d({ reference: e, as: t, className: s, ...x }: {
3
+ [x: string]: any;
4
+ reference: any;
5
+ as: any;
6
+ className: any;
7
+ }): any;
8
+ declare function k({ as: e, className: t, ...s }: {
9
+ [x: string]: any;
10
+ as: any;
11
+ className: any;
12
+ }): any;
13
+ declare function m({ as: e, className: t, ...s }: {
14
+ [x: string]: any;
15
+ as: any;
16
+ className: any;
17
+ }): any;
18
+ declare function p({ as: e, className: t, ...s }: {
19
+ [x: string]: any;
20
+ as: any;
21
+ className: any;
22
+ }): any;
23
+ declare function i({ as: e, className: t, ...s }: {
24
+ [x: string]: any;
25
+ as: any;
26
+ className: any;
27
+ }): any;
28
+ declare const r: string;
29
+ declare const u: "kakadu-components-1538322784";
30
+ export { d as Heading, k as Hero, m as Paragraph, p as Span, r as spanStyles, u as textShadowStyles };
@@ -0,0 +1,9 @@
1
+ export default E;
2
+ declare function E(): any;
3
+ declare function d(): string;
4
+ declare function y(e: any): void;
5
+ declare const o: string[];
6
+ declare function g(e: any): boolean;
7
+ declare function l(e: any): boolean;
8
+ declare function u(e: any): string;
9
+ export { d as getThemePreference, y as setThemePreference, o as themePreferences, g as useIsDarkMode, l as useIsLightMode, u as useTheme };
@@ -0,0 +1,22 @@
1
+ export default u;
2
+ declare function i(): any;
3
+ declare const m: "kakadu-components-216224454";
4
+ declare const l: "#0c0d12";
5
+ declare const u: "kakadu-components-2735574809";
6
+ declare const n: "kakadu-components-352310015";
7
+ declare namespace e {
8
+ let family: string;
9
+ let stylesheet: string;
10
+ let preconnect: ({
11
+ url: string;
12
+ crossorigin?: undefined;
13
+ } | {
14
+ url: string;
15
+ crossorigin: boolean;
16
+ })[];
17
+ }
18
+ declare const a: "#4ca486";
19
+ declare const c: "#f8fafc";
20
+ declare const p: string;
21
+ declare const f: "kakadu-components-4178476647";
22
+ export { i as FontFamilyHeadLink, m as buttonResetStyles, l as darkBackgroundColor, n as effectStyles, e as font, a as greenColor, c as lightBackgroundColor, p as nonInteractiveEffectStyles, f as overflowProtectionStyles };
@@ -0,0 +1,2 @@
1
+ export default a;
2
+ declare function a(t: any): Promise<void>;
@@ -0,0 +1,2 @@
1
+ export default n;
2
+ declare function n(): string;
@@ -0,0 +1,11 @@
1
+ export default m;
2
+ declare function m({ originalWidth: u, originalHeight: s, size: n, width: e, height: t }: {
3
+ originalWidth: any;
4
+ originalHeight: any;
5
+ size: any;
6
+ width: any;
7
+ height: any;
8
+ }): {
9
+ width: any;
10
+ height: any;
11
+ };
@@ -0,0 +1,4 @@
1
+ export default a;
2
+ declare function a({ hasMovingStars: r }: {
3
+ hasMovingStars?: boolean | undefined;
4
+ }): any;
@@ -0,0 +1,4 @@
1
+ export default function ButtonTooltip({ label, className, }: {
2
+ readonly label: string;
3
+ readonly className?: string;
4
+ }): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("./jsx-runtime-BB_1_6y_.js"),u=require("@kuma-ui/core");function r({label:e,className:t}){return o.jsxRuntimeExports.jsx("div",{className:u.cx("kakadu-components-379545406",t),children:e})}exports.default=r;
@@ -0,0 +1,11 @@
1
+ import { j as r } from "./jsx-runtime-B4hRZ52C.mjs";
2
+ import { cx as n } from "@kuma-ui/core";
3
+ function e({
4
+ label: o,
5
+ className: t
6
+ }) {
7
+ return /* @__PURE__ */ r.jsx("div", { className: n("kakadu-components-379545406", t), children: o });
8
+ }
9
+ export {
10
+ e as default
11
+ };
@@ -0,0 +1,32 @@
1
+ import React, { type ReactNode, type HTMLProps } from 'react';
2
+ import { type IconType } from '../icons/icon';
3
+ export declare enum ButtonVariant {
4
+ primary = "primary",
5
+ secondary = "secondary",
6
+ warning = "warning",
7
+ danger = "danger"
8
+ }
9
+ export declare const buttonSecondaryStyles: string;
10
+ export declare const buttonSuccessStyles: string;
11
+ export declare const buttonWarningStyles: string;
12
+ export declare const buttonDangerStyles: string;
13
+ type BaseButtonProperties = Omit<HTMLProps<HTMLButtonElement>, 'children'> & {
14
+ readonly variant?: ButtonVariant;
15
+ readonly tooltip?: string;
16
+ readonly iconLeft?: IconType | React.ReactNode;
17
+ readonly iconRight?: IconType | React.ReactNode;
18
+ readonly isLoading?: boolean;
19
+ readonly hasMovingGradients?: boolean;
20
+ readonly movingGradientsCount?: number;
21
+ readonly hasMovingStars?: boolean;
22
+ readonly movingStarsCount?: number;
23
+ };
24
+ type ButtonProperties = BaseButtonProperties & ({
25
+ children: ReactNode;
26
+ label?: string;
27
+ } | {
28
+ children?: never;
29
+ label: string;
30
+ });
31
+ export default function Button({ type, variant, className, children, label, tooltip, iconLeft, iconRight, isLoading, hasMovingGradients, movingGradientsCount, hasMovingStars, movingStarsCount, ...properties }: ButtonProperties): import("react/jsx-runtime").JSX.Element;
32
+ export {};
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./jsx-runtime-BB_1_6y_.js"),h=require("react"),o=require("@kuma-ui/core"),w=require("./theme.js"),M=require("./icon.js"),D=require("./spinner.js"),T=require("./moving-gradients.js"),G=require("./moving-stars.js"),z=require("./theme-setter.js"),B=require("./click-ripples.js"),l=require("./hover-gradient.js"),I=require("./button-tooltip.js"),W=require("./aria-text.js");var k=(s=>(s.primary="primary",s.secondary="secondary",s.warning="warning",s.danger="danger",s))(k||{});function p({icon:s,variant:t="primary",className:a,...n}){return e.jsxRuntimeExports.jsx("div",{...n,className:o.cx("kakadu-components-2658660333",t==="secondary"&&"kakadu-components-3469662110",a),children:typeof s=="string"?e.jsxRuntimeExports.jsx(M.default,{width:14,height:14,type:s}):s})}const j="kakadu-components-2244098950",_="kakadu-components-3923184173",y="kakadu-components-317965671",S="kakadu-components-1978976872";function O({type:s,variant:t="primary",className:a,children:n,label:R,tooltip:c,iconLeft:r,iconRight:i,isLoading:u,hasMovingGradients:b=!1,movingGradientsCount:m=4,hasMovingStars:f=!1,movingStarsCount:d=10,...E}){const x=h.useRef(null),q=z.useIsDarkMode(x),g=s??"button",v=b&&m>0,N=f&&d>0;return e.jsxRuntimeExports.jsxs("button",{...E,type:g,disabled:u,className:o.cx(w.effectStyles,"kakadu-components-2955572310",!!r&&"kakadu-components-3652831856",!n&&"kakadu-components-2746167644",t==="secondary"&&j,t==="warning"&&y,t==="danger"&&S,a),children:[r?e.jsxRuntimeExports.jsx(p,{variant:t,icon:r,className:n?"kakadu-components-294089230":void 0}):null,n?e.jsxRuntimeExports.jsx("div",{ref:x,className:"kakadu-components-2915360555",children:n}):e.jsxRuntimeExports.jsx(W.default,{children:R}),i?e.jsxRuntimeExports.jsx(p,{variant:t,icon:i,className:n?"kakadu-components-3127707672":void 0}):null,e.jsxRuntimeExports.jsx("div",{className:o.cx("kakadu-components-1029011626",u&&"kakadu-components-726496666"),children:e.jsxRuntimeExports.jsx("div",{className:"kakadu-components-772420116",children:e.jsxRuntimeExports.jsx(D.RevealSpinner,{isVisible:u})})}),v&&e.jsxRuntimeExports.jsx(T.default,{opacity:q?.4:.3,maximumGradientsCount:m,className:o.cx("kakadu-components-1505766785",t==="secondary"&&"kakadu-components-3712045697")}),N&&e.jsxRuntimeExports.jsx(G.default,{maximumStarsCount:d,className:"kakadu-components-2813474662"}),e.jsxRuntimeExports.jsx(B.default,{size:n?void 0:50}),e.jsxRuntimeExports.jsx(l.default,{size:n?void 0:50,className:t==="secondary"?l.normalBlendStyles:void 0}),c?e.jsxRuntimeExports.jsx(I.default,{label:c}):null]})}exports.ButtonVariant=k;exports.buttonDangerStyles=S;exports.buttonSecondaryStyles=j;exports.buttonSuccessStyles=_;exports.buttonWarningStyles=y;exports.default=O;
@@ -0,0 +1,69 @@
1
+ import { j as o } from "./jsx-runtime-B4hRZ52C.mjs";
2
+ import { useRef as g } from "react";
3
+ import { cx as a } from "@kuma-ui/core";
4
+ import { effectStyles as v } from "./theme.mjs";
5
+ import w from "./icon.mjs";
6
+ import { RevealSpinner as M } from "./spinner.mjs";
7
+ import h from "./moving-gradients.mjs";
8
+ import D from "./moving-stars.mjs";
9
+ import { useIsDarkMode as G } from "./theme-setter.mjs";
10
+ import I from "./click-ripples.mjs";
11
+ import R, { normalBlendStyles as T } from "./hover-gradient.mjs";
12
+ import z from "./button-tooltip.mjs";
13
+ import B from "./aria-text.mjs";
14
+ var A = /* @__PURE__ */ ((s) => (s.primary = "primary", s.secondary = "secondary", s.warning = "warning", s.danger = "danger", s))(A || {});
15
+ function i({
16
+ icon: s,
17
+ variant: e = "primary",
18
+ className: t,
19
+ ...n
20
+ }) {
21
+ return /* @__PURE__ */ o.jsx("div", { ...n, className: a("kakadu-components-2658660333", e === "secondary" && "kakadu-components-3469662110", t), children: typeof s == "string" ? /* @__PURE__ */ o.jsx(w, { width: 14, height: 14, type: s }) : s });
22
+ }
23
+ const C = "kakadu-components-2244098950", $ = "kakadu-components-3923184173", E = "kakadu-components-317965671", H = "kakadu-components-1978976872";
24
+ function V({
25
+ type: s,
26
+ variant: e = "primary",
27
+ className: t,
28
+ children: n,
29
+ label: l,
30
+ tooltip: c,
31
+ iconLeft: m,
32
+ iconRight: p,
33
+ isLoading: r,
34
+ hasMovingGradients: f = !1,
35
+ movingGradientsCount: d = 4,
36
+ hasMovingStars: x = !1,
37
+ movingStarsCount: u = 10,
38
+ ...y
39
+ }) {
40
+ const k = g(null), j = G(k), S = s ?? "button", b = f && d > 0, N = x && u > 0;
41
+ return /* @__PURE__ */ o.jsxs(
42
+ "button",
43
+ {
44
+ ...y,
45
+ type: S,
46
+ disabled: r,
47
+ className: a(v, "kakadu-components-2955572310", !!m && "kakadu-components-3652831856", !n && "kakadu-components-2746167644", e === "secondary" && C, e === "warning" && E, e === "danger" && H, t),
48
+ children: [
49
+ m ? /* @__PURE__ */ o.jsx(i, { variant: e, icon: m, className: n ? "kakadu-components-294089230" : void 0 }) : null,
50
+ n ? /* @__PURE__ */ o.jsx("div", { ref: k, className: "kakadu-components-2915360555", children: n }) : /* @__PURE__ */ o.jsx(B, { children: l }),
51
+ p ? /* @__PURE__ */ o.jsx(i, { variant: e, icon: p, className: n ? "kakadu-components-3127707672" : void 0 }) : null,
52
+ /* @__PURE__ */ o.jsx("div", { className: a("kakadu-components-1029011626", r && "kakadu-components-726496666"), children: /* @__PURE__ */ o.jsx("div", { className: "kakadu-components-772420116", children: /* @__PURE__ */ o.jsx(M, { isVisible: r }) }) }),
53
+ b && /* @__PURE__ */ o.jsx(h, { opacity: j ? 0.4 : 0.3, maximumGradientsCount: d, className: a("kakadu-components-1505766785", e === "secondary" && "kakadu-components-3712045697") }),
54
+ N && /* @__PURE__ */ o.jsx(D, { maximumStarsCount: u, className: "kakadu-components-2813474662" }),
55
+ /* @__PURE__ */ o.jsx(I, { size: n ? void 0 : 50 }),
56
+ /* @__PURE__ */ o.jsx(R, { size: n ? void 0 : 50, className: e === "secondary" ? T : void 0 }),
57
+ c ? /* @__PURE__ */ o.jsx(z, { label: c }) : null
58
+ ]
59
+ }
60
+ );
61
+ }
62
+ export {
63
+ A as ButtonVariant,
64
+ H as buttonDangerStyles,
65
+ C as buttonSecondaryStyles,
66
+ $ as buttonSuccessStyles,
67
+ E as buttonWarningStyles,
68
+ V as default
69
+ };
@@ -0,0 +1,8 @@
1
+ import { type HTMLProps } from 'react';
2
+ import { type IconType } from '../icons/icon';
3
+ export default function Card({ icon, title, description, action, href, target, rel, ...properties }: {
4
+ readonly icon?: IconType;
5
+ readonly title: string;
6
+ readonly description: string;
7
+ readonly action: string;
8
+ } & HTMLProps<HTMLButtonElement>): import("react/jsx-runtime").JSX.Element;
package/build/card.js ADDED
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./jsx-runtime-BB_1_6y_.js"),o=require("@kuma-ui/core"),p=require("./theme.js"),r=require("./icon.js"),t=require("./flex.js"),n=require("./text.js"),j=require("./click-ripples.js"),i=require("./hover-gradient.js"),k=require("./button.js"),h=require("./atom.js");function R({icon:a,title:u,description:c,action:l,href:s,target:x,rel:d,...m}){return e.jsxRuntimeExports.jsxs(h.default,{...m,as:s?"a":"button",type:s?void 0:"button",href:s,target:x,rel:d,className:o.cx(p.effectStyles,k.buttonSecondaryStyles,"kakadu-components-1956733763"),children:[e.jsxRuntimeExports.jsxs(t.default,{gap:.75,direction:"column",children:[e.jsxRuntimeExports.jsx(n.Span,{className:"kakadu-components-1301774894",children:e.jsxRuntimeExports.jsxs(t.default,{gap:.5,direction:"row",alignment:t.FlexAlignment.start,children:[a?e.jsxRuntimeExports.jsx(r.default,{width:16,height:16,type:a,className:o.cx(r.iconShadowStyles,"kakadu-components-782417605")}):null,u]})}),e.jsxRuntimeExports.jsx(n.Paragraph,{className:"kakadu-components-3061837309",children:c}),e.jsxRuntimeExports.jsx(t.default,{alignment:t.FlexAlignment.end,children:e.jsxRuntimeExports.jsx(n.Span,{className:"kakadu-components-425989064",children:l})})]}),e.jsxRuntimeExports.jsx(j.default,{size:250,className:"kakadu-components-2967167444"}),e.jsxRuntimeExports.jsx(i.default,{size:300,className:i.normalBlendStyles})]})}exports.default=R;
package/build/card.mjs ADDED
@@ -0,0 +1,36 @@
1
+ import { j as o } from "./jsx-runtime-B4hRZ52C.mjs";
2
+ import { cx as a } from "@kuma-ui/core";
3
+ import { effectStyles as x } from "./theme.mjs";
4
+ import u, { iconShadowStyles as k } from "./icon.mjs";
5
+ import s, { FlexAlignment as n } from "./flex.mjs";
6
+ import { Span as m, Paragraph as f } from "./text.mjs";
7
+ import j from "./click-ripples.mjs";
8
+ import h, { normalBlendStyles as g } from "./hover-gradient.mjs";
9
+ import { buttonSecondaryStyles as y } from "./button.mjs";
10
+ import N from "./atom.mjs";
11
+ function E({
12
+ icon: t,
13
+ title: r,
14
+ description: i,
15
+ action: l,
16
+ href: e,
17
+ target: c,
18
+ rel: p,
19
+ ...d
20
+ }) {
21
+ return /* @__PURE__ */ o.jsxs(N, { ...d, as: e ? "a" : "button", type: e ? void 0 : "button", href: e, target: c, rel: p, className: a(x, y, "kakadu-components-1956733763"), children: [
22
+ /* @__PURE__ */ o.jsxs(s, { gap: 0.75, direction: "column", children: [
23
+ /* @__PURE__ */ o.jsx(m, { className: "kakadu-components-1301774894", children: /* @__PURE__ */ o.jsxs(s, { gap: 0.5, direction: "row", alignment: n.start, children: [
24
+ t ? /* @__PURE__ */ o.jsx(u, { width: 16, height: 16, type: t, className: a(k, "kakadu-components-782417605") }) : null,
25
+ r
26
+ ] }) }),
27
+ /* @__PURE__ */ o.jsx(f, { className: "kakadu-components-3061837309", children: i }),
28
+ /* @__PURE__ */ o.jsx(s, { alignment: n.end, children: /* @__PURE__ */ o.jsx(m, { className: "kakadu-components-425989064", children: l }) })
29
+ ] }),
30
+ /* @__PURE__ */ o.jsx(j, { size: 250, className: "kakadu-components-2967167444" }),
31
+ /* @__PURE__ */ o.jsx(h, { size: 300, className: g })
32
+ ] });
33
+ }
34
+ export {
35
+ E as default
36
+ };
@@ -0,0 +1,2 @@
1
+ import { type HTMLProps } from 'react';
2
+ export default function ClickRipples({ size, className, ...properties }: HTMLProps<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("./jsx-runtime-BB_1_6y_.js"),n=require("react"),R=require("@kuma-ui/core");function v({id:s,x:i,y:r,onEnd:t}){return n.useEffect(()=>{const c=setTimeout(()=>{t(s)},370);return()=>{clearTimeout(c)}},[t,s]),d.jsxRuntimeExports.jsx("div",{style:{top:r,left:i},className:"kakadu-components-3828473824"})}function y({size:s=150,className:i,...r}){const t=n.useRef(null),[c,f]=n.useState([]);n.useEffect(()=>{const e=o=>{if(t.current){const u=t.current.getBoundingClientRect(),{clientX:l,clientY:a}=o,{left:m,right:k,top:x,bottom:j}=u;l>m&&l<k&&a>x&&a<j&&f(E=>[...E,{id:Date.now()+Math.random()*1e3,x:l-m,y:a-x}])}};return window.addEventListener("click",e),()=>{window.removeEventListener("click",e)}},[]);const p=n.useCallback(e=>{f(o=>o.filter(u=>u.id!==e))},[]);return d.jsxRuntimeExports.jsx("div",{...r,ref:t,style:{"--size":`${s}px`},className:R.cx("kakadu-components-407202186",i),children:c.map(e=>d.jsxRuntimeExports.jsx(v,{id:e.id,x:e.x,y:e.y,onEnd:p},e.id))})}exports.default=y;
@@ -0,0 +1,60 @@
1
+ import { j as a } from "./jsx-runtime-B4hRZ52C.mjs";
2
+ import { useRef as w, useState as y, useEffect as p, useCallback as E } from "react";
3
+ import { cx as R } from "@kuma-ui/core";
4
+ function h({
5
+ id: n,
6
+ x: s,
7
+ y: i,
8
+ onEnd: t
9
+ }) {
10
+ return p(() => {
11
+ const o = setTimeout(() => {
12
+ t(n);
13
+ }, 370);
14
+ return () => {
15
+ clearTimeout(o);
16
+ };
17
+ }, [t, n]), /* @__PURE__ */ a.jsx("div", { style: {
18
+ top: i,
19
+ left: s
20
+ }, className: "kakadu-components-3828473824" });
21
+ }
22
+ function L({
23
+ size: n = 150,
24
+ className: s,
25
+ ...i
26
+ }) {
27
+ const t = w(null), [o, d] = y([]);
28
+ p(() => {
29
+ const e = (r) => {
30
+ if (t.current) {
31
+ const c = t.current.getBoundingClientRect(), {
32
+ clientX: l,
33
+ clientY: u
34
+ } = r, {
35
+ left: m,
36
+ right: k,
37
+ top: f,
38
+ bottom: j
39
+ } = c;
40
+ l > m && l < k && u > f && u < j && d((v) => [...v, {
41
+ id: Date.now() + Math.random() * 1e3,
42
+ x: l - m,
43
+ y: u - f
44
+ }]);
45
+ }
46
+ };
47
+ return window.addEventListener("click", e), () => {
48
+ window.removeEventListener("click", e);
49
+ };
50
+ }, []);
51
+ const x = E((e) => {
52
+ d((r) => r.filter((c) => c.id !== e));
53
+ }, []);
54
+ return /* @__PURE__ */ a.jsx("div", { ...i, ref: t, style: {
55
+ "--size": `${n}px`
56
+ }, className: R("kakadu-components-407202186", s), children: o.map((e) => /* @__PURE__ */ a.jsx(h, { id: e.id, x: e.x, y: e.y, onEnd: x }, e.id)) });
57
+ }
58
+ export {
59
+ L as default
60
+ };
@@ -1 +1 @@
1
- .kakadu-components-1846349723{background:#fefefe;padding:var(--gap);box-shadow:inset 0 0 0 1px #0003,inset 0 0 0 2px #ffffffbf,inset 0 4px #00000006,0 0 2px 1px #ffffff80,0 1px 1px #00000008,0 3px #00000008;border-radius:12px}.kakadu-components-1168981339{display:flex}.kakadu-components-2635417128{flex-direction:column}.kakadu-components-3787355519{align-items:flex-start;justify-content:flex-start}.kakadu-components-2338096059{align-items:center;justify-content:center}.kakadu-components-3146198284{align-items:space-between;justify-content:space-between}.kakadu-components-1431148762{align-items:flex-end;justify-content:flex-end}.kakadu-components-2276234075{gap:var(--quarter-gap)}.kakadu-components-739568937{gap:var(--third-gap)}.kakadu-components-3438335458{gap:var(--half-gap)}.kakadu-components-3993051137{gap:var(--gap)}.kakadu-components-4186556816{gap:var(--sesquialteral-gap)}.kakadu-components-1435205015{gap:var(--double-gap)}.kakadu-components-417269694{--background-color:#fafcff;--foreground-color:#000;--blue-color:#2f455d;--blue-dark-color:#32445b;--blue-hover-color:#345882;--blue-light-color:#b3c0d4;--blue-pale-color:#e1efff;--green-color:#4ca486;--green-pale-color:#dceeec;--green-dark-color:#3c6957;--grey-color:#c6c6c6;--grey-pale-color:#dfdfdf;--red-color:#ff4d4d;--red-pale-color:#ffe5e5;--red-pale-hover-color:#ffd6d6;--yellow-color:#f5c235;--yellow-dark-color:#9f7605;--flash-color:rgba(255, 216, 57, .5);--font-weight-modifier:50;--accent-font-family:"Inter",-apple-system,helvetica,arial,sans-serif;--font-family:"Inter",-apple-system,helvetica,arial,sans-serif;--gap:16px;--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);--double-gap:calc(var(--gap) * 2);--triple-gap:calc(var(--gap) * 3);--quadruple-gap:calc(var(--gap) * 4);--sidebar-z-index:424242;--modal-z-index:424243;font-family:var(--font-family);font-optical-sizing:auto;line-height:normal;color:var(--foreground-color);--8px:.5rem;--9px:.5625rem;--10px:.625rem;--11px:.6875rem;--12px:.75rem;--13px:.8125rem;--14px:.875rem;--15px:.9375rem;--16px:1rem;--17px:1.0625rem;--18px:1.125rem;--19px:1.1875rem;--20px:1.25rem;--21px:1.3125rem;--22px:1.375rem;--23px:1.4375rem;--24px:1.5rem;--25px:1.5625rem;--26px:1.625rem;--27px:1.6875rem;--28px:1.75rem;--29px:1.8125rem;--30px:1.875rem;--31px:1.9375rem;--32px:2rem;--33px:2.0625rem;--34px:2.125rem;--35px:2.1875rem;--36px:2.25rem;--37px:2.3125rem;--38px:2.375rem;--39px:2.4375rem;--40px:2.5rem;--41px:2.5625rem;--42px:2.625rem;--43px:2.6875rem;--44px:2.75rem;--45px:2.8125rem;--46px:2.875rem;--47px:2.9375rem;--48px:3rem}.kakadu-components-417269694 :where([data-theme=dark]){--font-weight-modifier:0}.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-2934642132{font-family:var(--accent-font-family);font-size:var(--37px);font-weight:650;padding:0;margin:0}.kakadu-components-1010422083{font-family:var(--font-family);font-size:var(--16px)}.kakadu-components-1010422083 b{font-weight:500}.kakadu-components-1010422083 strong{font-weight:600}.kakadu-components-1010422083 a{color:var(--green-dark-color);text-decoration:underline}@media(hover:hover){.kakadu-components-1010422083 a:hover{text-decoration:none}}.kakadu-components-2351087175{font-size:var(--18px);font-weight:425;line-height:1.5em;padding:0;margin:0}.kakadu-components-2351087175 ol{margin:0;margin-top:var(--gap);padding:0;list-style-position:inside}.kakadu-components-2351087175 li::marker{font-weight:600}.kakadu-components-2351087175 pre{background:#00000006;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;margin:var(--gap) 0;box-shadow:inset 0 0 0 1px #0003}.kakadu-components-2608978433{max-width:720px;text-wrap:pretty}.kakadu-components-2608978433 h1:has(+p:last-child){font-size:var(--32px)}.kakadu-components-2608978433 h1+:is(p,ul){margin-top:.75em}.kakadu-components-2608978433 h1+:is(p,ul):last-child{margin-top:.25em}.kakadu-components-2608978433 h1+p:has(+p){font-size:var(--22px);font-weight:275;line-height:1.3em;opacity:.75}.kakadu-components-2608978433 h1+p:has(+p)+p{margin-top:1.25em}.kakadu-components-2608978433 p+:is(p){margin-top:.75em}.kakadu-components-361702174{--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}.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-3185646656{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)}.kakadu-components-257978560{--inner-size:calc(var(--size) - (var(--thickness) * 2));background:#0000002d;width:var(--inner-size);height:var(--inner-size);border-radius:var(--inner-size);box-shadow:0 0 0 1px #00000026,0 0 2px #fff6;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.kakadu-components-586099934{--inner-size:calc(var(--size) - var(--thickness) * 2);background:#fff;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;box-shadow:0 1px 0 var(--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}.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-3027005914{--background-size:300px;--background-negative-size:calc(var(--background-size) * -1);--highlight-color:255,255,255;--border-radius:100px;background:#00000026;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-3311350973{--opacity:.3}.kakadu-components-3311350973: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)}.kakadu-components-3140855657{vertical-align:middle}.kakadu-components-2940817552{display:inline-block;vertical-align:top}.kakadu-components-2073235239{animation:loading-spinner .97s linear infinite}@keyframes loading-spinner{0%{transform:rotate(0)}to{transform:rotate(359.999deg)}}.kakadu-components-833895784{opacity:0;transform:scale(.75);transition:transform .16s,opacity .12s}.kakadu-components-640347989{transform:scale(1);opacity:1}.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}
1
+ .kakadu-components-202187034{--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(--sesquialteral-gap);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}:where([data-theme=dark]) .kakadu-components-202187034{--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-2735574809{--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;--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;--accent-font-family:"Inter",-apple-system,helvetica,arial,sans-serif;--font-family:"Inter",-apple-system,helvetica,arial,sans-serif;--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)));--sidebar-z-index:424242;--modal-z-index:424243;--page-padding:var(--gap);--page-width:calc(1080px + (var(--page-padding) * 2));--text-width:780px;--content-width:620px;font-family:var(--font-family);font-optical-sizing:auto;line-height:normal;color:var(--foreground-color);--8px:.5rem;--9px:.5625rem;--10px:.625rem;--11px:.6875rem;--12px:.75rem;--13px:.8125rem;--14px:.875rem;--15px:.9375rem;--16px:1rem;--17px:1.0625rem;--18px:1.125rem;--19px:1.1875rem;--20px:1.25rem;--21px:1.3125rem;--22px:1.375rem;--23px:1.4375rem;--24px:1.5rem;--25px:1.5625rem;--26px:1.625rem;--27px:1.6875rem;--28px:1.75rem;--29px:1.8125rem;--30px:1.875rem;--31px:1.9375rem;--32px:2rem;--33px:2.0625rem;--34px:2.125rem;--35px:2.1875rem;--36px:2.25rem;--37px:2.3125rem;--38px:2.375rem;--39px:2.4375rem;--40px:2.5rem;--41px:2.5625rem;--42px:2.625rem;--43px:2.6875rem;--44px:2.75rem;--45px:2.8125rem;--46px:2.875rem;--47px:2.9375rem;--48px:3rem}.kakadu-components-2735574809[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}@media(min-width:460px){.kakadu-components-2735574809{--scale-multiplier:.7}}@media(min-width:580px){.kakadu-components-2735574809{--scale-multiplier:.8;--page-padding:var(--double-gap)}}@media(min-width:860px){.kakadu-components-2735574809{--scale-multiplier:1;--page-padding:var(--triple-gap)}}:root{background:var(--background-color);scroll-padding-top:101px}.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-1645965623{--hard-soft-shadow-color:rgba(255, 255, 255, .075);--hard-shadow-color:rgba(255, 255, 255, .25);--blur-shadow-color:rgba(255, 255, 255, .35);filter:drop-shadow(0 1px 0 var(--hard-shadow-color)) drop-shadow(0 0 1px 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-1645965623{--hard-soft-shadow-color:rgba(0, 0, 0, .1);--hard-shadow-color:rgba(0, 0, 0, .35);--blur-shadow-color:rgba(0, 0, 0, .45)}.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-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-3101899972{font-family:var(--accent-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-3101899972 b{font-weight:calc(var(--font-weight) + 50);color:var(--secondary-color-4)}.kakadu-components-3101899972 strong{font-weight:calc(var(--font-weight) + 150);color:var(--secondary-color-4)}.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-2957739157{max-width:var(--text-width);text-wrap:pretty}.kakadu-components-2957739157 :is(h1,h2,h3,h4,h5,h6):is(h1){font-size:var(--32px)}.kakadu-components-2957739157 :is(h1,h2,h3,h4,h5,h6):is(h2){font-size:var(--24px);--font-weight:650}.kakadu-components-2957739157 :is(h1,h2,h3,h4,h5,h6):is(h3){font-size:var(--20px);--font-weight:400;opacity:.9}.kakadu-components-2957739157 :is(h1,h2,h3,h4,h5,h6):is(h4){font-size:var(--17px);--font-weight:500}.kakadu-components-2957739157 h1+h2{margin-top:1.25em}.kakadu-components-2957739157 h2+h3{margin-top:.75em}.kakadu-components-2957739157 :is(h1,h2,h3,h4,h5,h6)+:is(p,ul,ol,aside){margin-top:.9em}.kakadu-components-2957739157 :is(h1,h2)+p:has(+p){font-size:var(--20px);font-weight:400;line-height:1.3em;color:var(--secondary-color-2)}.kakadu-components-2957739157 :is(h1,h2)+p:has(+p)+p{margin-top:1.25em}.kakadu-components-2957739157 p+:is(p){margin-top:.75em}.kakadu-components-2957739157 :is(p,ul,ol,aside)+:is(h1,h2,h3,h4,h5,h6){margin-top:1.5em}.kakadu-components-2957739157 :is(p,ul,ol,aside)+:is(h1,h2,h3,h4,h5,h6):is(h3){margin-top:2em}.kakadu-components-2957739157 :is(p,ul,ol,aside)+:is(h1,h2,h3,h4,h5,h6):is(h4){margin-top:2em}.kakadu-components-2957739157 ul,.kakadu-components-2957739157 ol{margin:0;padding:0;list-style-position:inside}.kakadu-components-2957739157 :is(p,ul,ol)+:is(ul,ol){margin-top:1em}.kakadu-components-2957739157 li+li{margin-top:.25em}.kakadu-components-2957739157 li+:is(ul,ol>li){margin-top:1em}.kakadu-components-2957739157 li::marker{font-weight:600}.kakadu-components-2957739157 :is(ul,ol)>li{font-weight:500}.kakadu-components-2957739157 :is(ul,ol)>li li{font-weight:400}.kakadu-components-2957739157 li a:only-child,.kakadu-components-2957739157 li a:first-child:has(+:is(ul,ol):last-child){text-decoration:none;color:currentColor}@media(hover:hover){.kakadu-components-2957739157 li a:only-child:hover,.kakadu-components-2957739157 li a:first-child:has(+:is(ul,ol):last-child):hover{text-decoration:underline;color:var(--secondary-color)}}.kakadu-components-2957739157 :is(ul,ol) :is(ul,ol){margin-top:var(--half-gap);padding-left:var(--gap)}.kakadu-components-2957739157 :is(p,ul,ol)+hr{margin-top:2em}.kakadu-components-2957739157 code{background:#00000006;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-2957739157 code{background:#ffffff06;box-shadow:inset 0 0 0 1px #fff3}.kakadu-components-2957739157 pre{background:#00000006;max-width:var(--content-width);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;margin:var(--gap) 0;box-shadow:inset 0 0 0 1px #0003}:where([data-theme=dark]) .kakadu-components-2957739157 pre{background:#ffffff06;box-shadow:inset 0 0 0 1px #fff3;color:#ffffffb3}.kakadu-components-2957739157 :is(p,ul,ol,aside)+pre{margin-top:3em}.kakadu-components-2957739157 aside{margin-top:var(--double-gap);max-width:var(--content-width)}.kakadu-components-1516646989.kakadu-components-1516646989{max-width:var(--text-width)}.kakadu-components-1516646989.kakadu-components-1516646989 h1{font-size:var(--38px)}@media(min-width:410px){.kakadu-components-1516646989.kakadu-components-1516646989 h1{font-size:var(--48px)}}.kakadu-components-1516646989.kakadu-components-1516646989 h1+:is(p,ul){margin-top:.9em}.kakadu-components-1516646989.kakadu-components-1516646989 h1+p:has(+p){font-size:var(--20px);line-height:1.4em}@media(min-width:410px){.kakadu-components-1516646989.kakadu-components-1516646989 h1+p:has(+p){font-size:var(--24px)}}.kakadu-components-1516646989.kakadu-components-1516646989 h1+p:has(+p)+p{margin-top:2.1em}.kakadu-components-1516646989.kakadu-components-1516646989 p{font-size:var(--18px);line-height:1.6em}.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-407202186{border-radius:var(--border-radius);overflow:hidden;pointer-events:none;position:absolute;top:0;left:0;right:0;bottom:0}.kakadu-components-2608453841.kakadu-components-2608453841{mix-blend-mode:normal;opacity:.3}.kakadu-components-1001443553{border-radius:var(--border-radius);overflow:hidden;pointer-events:none;position:absolute;top:0;left:0;right:0;bottom: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-1569667551{display:inline-block;vertical-align:top;transform-box:view-box;transform-origin:center;shape-rendering:geometricPrecision}.kakadu-components-1717890504{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)}}.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-1792481071{width:100%;height:100%;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;opacity:var(--opacity);mix-blend-mode:overlay}.kakadu-components-3566333728{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-3566333728{--color:#fff;--opacity:.05;mix-blend-mode:plus-lighter}.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-379545406{background:#fff;font-size:var(--12px);position:absolute;left:50%;bottom:calc(100% + 7px);text-align:center;padding:3px 7px;border-radius:5px;color:#000;pointer-events:none;white-space:nowrap;--box-shadow-outline-color:rgba(255, 255, 255, .7);--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);transform:translate3d(-50%,4px,0) scale(.8);opacity:0;display:none}:where([data-theme=dark]) button .kakadu-components-379545406{background:#141419b3;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)}@media(hover:hover){.kakadu-components-379545406{display:block;transition:transform .1s,opacity .1s}button:hover .kakadu-components-379545406{transform:translate3d(-50%,0,0);opacity:1;transition:transform .3s .2s,opacity .3s .2s}}.kakadu-components-379545406:after{content:"";position:absolute;top:calc(100% - 5px);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:1px 1px 0 var(--box-shadow-color),2px 2px 0 var(--outer-box-shadow-color);z-index:-1}:where([data-theme=dark]) button .kakadu-components-379545406:after{background:#131314;--box-shadow-color:rgb(80, 80, 80);--outer-box-shadow-color:rgba(0, 0, 0, .3)}.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-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-2955572310{--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-shadow:0 0 2px var(--text-shadow-color),0 1px 0 var(--text-shadow-hard-color);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-2955572310:not([disabled]):active{transform:scale(.98);transition-duration:.1s;--bevel-shadow-offset:1px}@media(hover:hover){.kakadu-components-2955572310:not([disabled]):hover{background-color:var(--primary-color-hover);color:#fff;transition-duration:.1s;text-decoration:underline}.kakadu-components-2955572310: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-2915360555{position:relative;z-index:2}.kakadu-components-3127707672{padding-left:2px;right:-4px}.kakadu-components-1029011626{position:absolute;top:2px;right:2px;bottom:2px;left:2px;width:calc(100% - 4px);height:calc(100% - 4px);opacity:0;transition:opacity .1s;border-radius:var(--border-radius);pointer-events:none;z-index:3}.kakadu-components-726496666{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);opacity:1}.kakadu-components-772420116{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%);color:var(--loading-color);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-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-1956733763.kakadu-components-1956733763.kakadu-components-1956733763{background:#fff;text-align:left;padding:var(--sesquialteral-gap);--border-radius:12px;border-radius:var(--border-radius);position:relative;cursor:pointer;border:0;transition:background-color .37s,box-shadow .37s,transform .37s}:where([data-theme=dark]) .kakadu-components-1956733763.kakadu-components-1956733763.kakadu-components-1956733763{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-1956733763.kakadu-components-1956733763.kakadu-components-1956733763:hover{background-color:#1a1c21}}.kakadu-components-1956733763.kakadu-components-1956733763.kakadu-components-1956733763:before{mix-blend-mode:normal}.kakadu-components-1956733763.kakadu-components-1956733763.kakadu-components-1956733763: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-425989064.kakadu-components-425989064{font-size:var(--12px);font-weight:700;text-transform:uppercase;text-decoration:underline;color:#3574b5}:where([data-theme=dark]) .kakadu-components-425989064.kakadu-components-425989064.kakadu-components-425989064.kakadu-components-425989064.kakadu-components-425989064.kakadu-components-425989064{color:#84a3c8}@media(hover:hover){:is(button,a):hover .kakadu-components-425989064.kakadu-components-425989064,.kakadu-components-425989064.kakadu-components-425989064:hover{text-decoration:none;text-decoration:0;text-decoration-color:currentColor}}.kakadu-components-2967167444{opacity:.5}.kakadu-components-3057735296{--border-radius:8px;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-3057735296:not([disabled]):active{transform:scale(.98);transition-duration:.1s;--bevel-shadow-offset:1px}@media(hover:hover){.kakadu-components-3057735296:not([disabled]):active.kakadu-components-3057735296:not([disabled]):active{--outline-width:0px}}@media(hover:hover){.kakadu-components-3057735296: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-3057735296: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-1463468148{--outline-hover-color:color-mix( in srgb, var(--green-color) 37.5%, transparent )}.kakadu-components-2686186037{--outline-hover-color:color-mix( in srgb, var(--yellow-color) 37.5%, transparent )}.kakadu-components-2463905722{--outline-hover-color:color-mix( in srgb, var(--red-color) 37.5%, transparent )}.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-549402494{flex:1}.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-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-2077625773{background:var(--dark-color);padding:var(--page-padding);padding-top:var(--quadruple-gap);position:relative}:where([data-theme=dark]) .kakadu-components-2077625773{background:#0006;box-shadow:inset 0 1px #ffffff14}.kakadu-components-2688329595.kakadu-components-2688329595{align-items:center;width:100%}.kakadu-components-555302578.kakadu-components-555302578{max-width:var(--text-width);width:100%;align-items:flex-start;flex-wrap:wrap}.kakadu-components-1177815273.kakadu-components-1177815273.kakadu-components-1177815273{max-width:var(--page-width)}.kakadu-components-1446644085.kakadu-components-1446644085{flex:1;text-align:right}.kakadu-components-57855717{border:0}.kakadu-components-3273287095{border:0;vertical-align:top}.kakadu-components-1513483626.kakadu-components-1513483626{max-width:var(--text-width);width:100%;align-items:center}.kakadu-components-3103582715.kakadu-components-3103582715{position:relative;top:-2px;vertical-align:top;color:var(--foreground-color)}.kakadu-components-3713786292.kakadu-components-3713786292{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-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-3533634878{transform:translate(2%,3%);filter:drop-shadow(0 1px 0 rgba(0,0,0,.2)) drop-shadow(0 0 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-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-738242177{--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;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);--vertical-offset:-5px}:where([data-theme=dark]) .kakadu-components-738242177{--hover-background-color:rgba(255, 255, 255, .075)}@media(hover:hover){.kakadu-components-738242177:before{content:"";position:absolute;top:var(--vertical-offset);right:var(--right-offset);bottom:var(--vertical-offset);left:var(--horizontal-offset);border-radius:var(--border-radius);transition:background-color .37s}.kakadu-components-738242177:hover:before{background-color:var(--hover-background-color);transition:background-color .05s}}.kakadu-components-738242177:active{transform:scale(.98);transition-duration:.1s}.kakadu-components-463345724{--right-offset:-12px}.kakadu-components-3866032606{--horizontal-offset:-8px}.kakadu-components-3184610208{padding-top:3px;position:relative}.kakadu-components-602380047{right:-1px}.kakadu-components-233407571{padding-left:2px;padding-right:2px}.kakadu-components-331452291{position:relative;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}@media(hover:hover){button:hover .kakadu-components-331452291{text-decoration:none}}.kakadu-components-2754138515{position:absolute;top:var(--vertical-offset);left:var(--horizontal-offset);right:var(--right-offset);bottom:var(--vertical-offset)}.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-2807459246{--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-2807459246{background:#000c}.kakadu-components-1399012551{opacity:1;pointer-events:auto}.kakadu-components-3521538255{width:100%;padding:var(--half-gap);text-align:left;box-sizing:border-box;display:flex;overflow:auto}@media(min-width:480px){.kakadu-components-3521538255{padding:var(--gap)}}@media(min-width:560px){.kakadu-components-3521538255{padding:var(--double-gap)}}.kakadu-components-1982320206{--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-1982320206{--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-1982320206{--modal-padding:var(--double-gap)}}.kakadu-components-3904045733{width:100%}.kakadu-components-3829535111{opacity:1;transform:scale(1)}.kakadu-components-2617708556{display:inline-flex}.kakadu-components-2456791517{--border-radius:6px;--box-shadow-color:rgba(0, 0, 0, .2);--box-shadow-hard-color:#fff;--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 1px 0 var(--box-shadow-hard-color),0 3px #00000008;display:flex;justify-content:flex-start}:where([data-theme=dark]) .kakadu-components-2456791517{background-color:#ffffff09;--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-3146184463{width:34px;padding-left:2px}.kakadu-components-2089877024.kakadu-components-2089877024{font-size:var(--14px);padding:calc(var(--half-gap) + 2px);padding-top:calc(var(--half-gap) - 1px);padding-bottom:calc(var(--half-gap));flex:1}.kakadu-components-3897420184{width:100%;position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;padding-bottom:var(--triple-gap);opacity:0;--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-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-3910508072{width:100%;height:1px;min-height:1px;max-height:1px;background-color:#00000026;border:none;flex:1 0 0}:where([data-theme=dark]) .kakadu-components-3910508072{background-color:#ffffff26}.kakadu-components-1838150430{width:100%;flex:1;text-align:center}.kakadu-components-2444594537{text-transform:uppercase;font-weight:600;font-size:var(--12px);opacity:.8}.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-3311350973{--opacity:.3}.kakadu-components-3311350973: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)}.kakadu-components-3140855657{vertical-align:middle}.kakadu-components-4115326614{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;position:absolute;top:0;left:0;right:0;pointer-events:none}:where([data-theme=dark]) .kakadu-components-4115326614{-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}
@@ -0,0 +1,5 @@
1
+ export default function Datum({ title, value, hasCopyButton, }: {
2
+ readonly title: string;
3
+ readonly value: string;
4
+ readonly hasCopyButton?: boolean;
5
+ }): import("react/jsx-runtime").JSX.Element;
package/build/datum.js ADDED
@@ -0,0 +1 @@
1
+ "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("./icon.js"),t=require("./flex.js"),a=require("./text.js"),o=require("./icon-button.js");function p({title:c,value:l,hasCopyButton:x}){const n=r.useRef(null),[s,i]=r.useState(!1),m=r.useCallback(()=>{i(!0),n.current&&clearTimeout(n.current),n.current=setTimeout(()=>{i(!1)},2e3)},[]);return e.jsxRuntimeExports.jsxs(t.default,{direction:"row",gap:1.5,alignment:t.FlexAlignment.start,children:[e.jsxRuntimeExports.jsxs(t.default,{gap:.375,alignment:t.FlexAlignment.start,className:"kakadu-components-549402494",children:[e.jsxRuntimeExports.jsx(a.Span,{className:"kakadu-components-3772513716",children:c}),e.jsxRuntimeExports.jsx(a.Span,{className:"kakadu-components-2497879239",children:l})]}),x?e.jsxRuntimeExports.jsx("div",{children:e.jsxRuntimeExports.jsx(o.default,{icon:s?u.IconType.check:u.IconType.copy,label:s?"Kopiert!":"Kopier",variant:s?o.IconButtonVariant.success:o.IconButtonVariant.default,onClick:m})}):null]})}exports.default=p;
@@ -0,0 +1,27 @@
1
+ import { j as e } from "./jsx-runtime-B4hRZ52C.mjs";
2
+ import { useRef as d, useState as f, useCallback as x } from "react";
3
+ import { IconType as r } from "./icon.mjs";
4
+ import s, { FlexAlignment as a } from "./flex.mjs";
5
+ import { Span as c } from "./text.mjs";
6
+ import k, { IconButtonVariant as i } from "./icon-button.mjs";
7
+ function N({
8
+ title: l,
9
+ value: m,
10
+ hasCopyButton: u
11
+ }) {
12
+ const t = d(null), [n, o] = f(!1), p = x(() => {
13
+ o(!0), t.current && clearTimeout(t.current), t.current = setTimeout(() => {
14
+ o(!1);
15
+ }, 2e3);
16
+ }, []);
17
+ return /* @__PURE__ */ e.jsxs(s, { direction: "row", gap: 1.5, alignment: a.start, children: [
18
+ /* @__PURE__ */ e.jsxs(s, { gap: 0.375, alignment: a.start, className: "kakadu-components-549402494", children: [
19
+ /* @__PURE__ */ e.jsx(c, { className: "kakadu-components-3772513716", children: l }),
20
+ /* @__PURE__ */ e.jsx(c, { className: "kakadu-components-2497879239", children: m })
21
+ ] }),
22
+ u ? /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsx(k, { icon: n ? r.check : r.copy, label: n ? "Kopiert!" : "Kopier", variant: n ? i.success : i.default, onClick: p }) }) : null
23
+ ] });
24
+ }
25
+ export {
26
+ N as default
27
+ };
@@ -0,0 +1,2 @@
1
+ import { type ComponentPropsWithoutRef } from 'react';
2
+ export default function DnbLogoSvg({ fill, ...properties }: ComponentPropsWithoutRef<'svg'>): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./jsx-runtime-BB_1_6y_.js"),a=require("./utilities/scale.js");function n({fill:l,...e}){const{width:i,height:s}=a.default({originalWidth:93.0362,originalHeight:64,width:e.width,height:e.height});return t.jsxRuntimeExports.jsx("svg",{viewBox:"0 0 93.0362 64",xmlns:"http://www.w3.org/2000/svg",...e,width:i,height:s,children:t.jsxRuntimeExports.jsxs("g",{fill:l??"#007272",fillRule:"evenodd",children:[t.jsxRuntimeExports.jsx("path",{d:"M89.668 31.9442a10.6487 10.6487 0 0 0-1.8465-1.2184l-.178-.0887.1554-.1337a8.7063 8.7063 0 0 0 2.7652-6.848c-.006-3.3331-1.1437-5.82-3.413-7.3936-1.9135-1.3528-4.5588-2.0142-8.092-2.0079l-10.1326.0182a1.081 1.081 0 0 0-1.0645 1.0685l.0597 33.2203a1.0667 1.0667 0 0 0 1.0685 1.0646l11.577-.0208c3.644-.0065 6.5758-.7897 8.684-2.3266a8.6558 8.6558 0 0 0 2.7937-3.4054 11.2675 11.2675 0 0 0 .9913-4.868 8.967 8.967 0 0 0-3.3681-7.0605zM71.1547 17.5795l7.9106-.0142q4.1997-.0076 6.202 1.3885c.8454.5985 2.003 1.752 2.0083 4.7074.0095 5.2883-4.1672 5.7179-5.4338 5.7201l-10.6659.0192zm9.4066 28.7366l-9.355.0168-.0244-13.6438 10.6659-.0191c4.6219-.0083 7.8707 2.6072 7.8774 6.3407.0033 1.8.0131 7.289-9.1639 7.3054z"}),t.jsxRuntimeExports.jsx("path",{d:"M22.4948 19.6221a14.0642 14.0642 0 0 0-5.5848-4.101 16.8443 16.8443 0 0 0-6.2238-1.1443l-9.6215.0173A1.086 1.086 0 0 0 0 15.4853L.0597 48.683a1.0668 1.0668 0 0 0 1.0686 1.0646l9.6214-.0173a16.3939 16.3939 0 0 0 6.2197-1.1667 13.8015 13.8015 0 0 0 5.57-4.0994c3.3924-4.1833 3.894-9.4508 3.889-12.2284-.0043-2.3544-.3927-8.2876-3.9336-12.6136zm-2.5144 22.758a11.615 11.615 0 0 1-9.2366 4.0615l-7.3773.0133-.0516-28.7535 7.3772-.0132a11.5412 11.5412 0 0 1 9.2512 4.0271c2.9396 3.5948 3.1714 8.9716 3.1742 10.5264.0042 2.3338-.3878 6.7559-3.137 10.1384z"}),t.jsxRuntimeExports.jsx("path",{d:"M59.9016 0l.0877 48.7976a.9801.9801 0 0 1-.6872.956.7852.7852 0 0 1-.311.0678 1.011 1.011 0 0 1-.8229-.4217L36.3643 21.7303l.076 42.2638L33.1294 64l-.0879-48.9083a.9989.9989 0 0 1 .7094-.956.706.706 0 0 1 .311-.045 1.0218 1.0218 0 0 1 .8229.3978l21.8038 27.6922L56.6128.0059z"})]})})}exports.default=n;
@@ -0,0 +1,31 @@
1
+ import { j as l } from "./jsx-runtime-B4hRZ52C.mjs";
2
+ import o from "./utilities/scale.mjs";
3
+ function g({
4
+ fill: t,
5
+ ...a
6
+ }) {
7
+ const { width: i, height: h } = o({
8
+ originalWidth: 93.0362,
9
+ originalHeight: 64,
10
+ width: a.width,
11
+ height: a.height
12
+ });
13
+ return /* @__PURE__ */ l.jsx(
14
+ "svg",
15
+ {
16
+ viewBox: "0 0 93.0362 64",
17
+ xmlns: "http://www.w3.org/2000/svg",
18
+ ...a,
19
+ width: i,
20
+ height: h,
21
+ children: /* @__PURE__ */ l.jsxs("g", { fill: t ?? "#007272", fillRule: "evenodd", children: [
22
+ /* @__PURE__ */ l.jsx("path", { d: "M89.668 31.9442a10.6487 10.6487 0 0 0-1.8465-1.2184l-.178-.0887.1554-.1337a8.7063 8.7063 0 0 0 2.7652-6.848c-.006-3.3331-1.1437-5.82-3.413-7.3936-1.9135-1.3528-4.5588-2.0142-8.092-2.0079l-10.1326.0182a1.081 1.081 0 0 0-1.0645 1.0685l.0597 33.2203a1.0667 1.0667 0 0 0 1.0685 1.0646l11.577-.0208c3.644-.0065 6.5758-.7897 8.684-2.3266a8.6558 8.6558 0 0 0 2.7937-3.4054 11.2675 11.2675 0 0 0 .9913-4.868 8.967 8.967 0 0 0-3.3681-7.0605zM71.1547 17.5795l7.9106-.0142q4.1997-.0076 6.202 1.3885c.8454.5985 2.003 1.752 2.0083 4.7074.0095 5.2883-4.1672 5.7179-5.4338 5.7201l-10.6659.0192zm9.4066 28.7366l-9.355.0168-.0244-13.6438 10.6659-.0191c4.6219-.0083 7.8707 2.6072 7.8774 6.3407.0033 1.8.0131 7.289-9.1639 7.3054z" }),
23
+ /* @__PURE__ */ l.jsx("path", { d: "M22.4948 19.6221a14.0642 14.0642 0 0 0-5.5848-4.101 16.8443 16.8443 0 0 0-6.2238-1.1443l-9.6215.0173A1.086 1.086 0 0 0 0 15.4853L.0597 48.683a1.0668 1.0668 0 0 0 1.0686 1.0646l9.6214-.0173a16.3939 16.3939 0 0 0 6.2197-1.1667 13.8015 13.8015 0 0 0 5.57-4.0994c3.3924-4.1833 3.894-9.4508 3.889-12.2284-.0043-2.3544-.3927-8.2876-3.9336-12.6136zm-2.5144 22.758a11.615 11.615 0 0 1-9.2366 4.0615l-7.3773.0133-.0516-28.7535 7.3772-.0132a11.5412 11.5412 0 0 1 9.2512 4.0271c2.9396 3.5948 3.1714 8.9716 3.1742 10.5264.0042 2.3338-.3878 6.7559-3.137 10.1384z" }),
24
+ /* @__PURE__ */ l.jsx("path", { d: "M59.9016 0l.0877 48.7976a.9801.9801 0 0 1-.6872.956.7852.7852 0 0 1-.311.0678 1.011 1.011 0 0 1-.8229-.4217L36.3643 21.7303l.076 42.2638L33.1294 64l-.0879-48.9083a.9989.9989 0 0 1 .7094-.956.706.706 0 0 1 .311-.045 1.0218 1.0218 0 0 1 .8229.3978l21.8038 27.6922L56.6128.0059z" })
25
+ ] })
26
+ }
27
+ );
28
+ }
29
+ export {
30
+ g as default
31
+ };
package/build/dot.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ import { type HTMLProps } from 'react';
2
+ export default function Dot({ className }: HTMLProps<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
package/build/dot.js ADDED
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./jsx-runtime-BB_1_6y_.js"),r=require("@kuma-ui/core");function s({className:e}){return t.jsxRuntimeExports.jsx("span",{className:r.cx("kakadu-components-2022754336",e),children:"•"})}exports.default=s;
package/build/dot.mjs ADDED
@@ -0,0 +1,10 @@
1
+ import { j as t } from "./jsx-runtime-B4hRZ52C.mjs";
2
+ import { cx as r } from "@kuma-ui/core";
3
+ function n({
4
+ className: o
5
+ }) {
6
+ return /* @__PURE__ */ t.jsx("span", { className: r("kakadu-components-2022754336", o), children: "•" });
7
+ }
8
+ export {
9
+ n as default
10
+ };