@equal-experts/kuat-react 0.4.1 → 0.4.2

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 (68) hide show
  1. package/README.md +13 -28
  2. package/dist/accordion-DwQCxX_5.js +43 -0
  3. package/dist/accordion.css +1 -0
  4. package/dist/accordion.js +7 -6
  5. package/dist/alert-dialog-CT9DCCMH.js +96 -0
  6. package/dist/alert-dialog.css +1 -0
  7. package/dist/alert-dialog.js +14 -13
  8. package/dist/badge-Yftb6Tdy.js +22 -0
  9. package/dist/badge.css +1 -0
  10. package/dist/badge.js +5 -4
  11. package/dist/button-DqdoNQqx.js +69 -0
  12. package/dist/button-group-BNfxHMty.js +80 -0
  13. package/dist/button-group.css +1 -0
  14. package/dist/button-group.js +7 -6
  15. package/dist/button.css +1 -0
  16. package/dist/button.js +5 -4
  17. package/dist/components/ui/accordion/index.d.ts +1 -0
  18. package/dist/components/ui/alert-dialog/index.d.ts +1 -0
  19. package/dist/components/ui/badge/badge.d.ts +16 -0
  20. package/dist/components/ui/badge/index.d.ts +2 -0
  21. package/dist/components/ui/breadcrumb/Breadcrumb.d.ts +29 -0
  22. package/dist/components/ui/breadcrumb/breadcrumb-primitives.d.ts +19 -0
  23. package/dist/components/ui/breadcrumb/index.d.ts +4 -0
  24. package/dist/components/ui/button/button.d.ts +27 -0
  25. package/dist/components/ui/button/index.d.ts +2 -0
  26. package/dist/components/ui/button-group/button-group.d.ts +23 -0
  27. package/dist/components/ui/button-group/index.d.ts +2 -0
  28. package/dist/components/ui/content-card/content-card.d.ts +25 -0
  29. package/dist/components/ui/content-card/index.d.ts +2 -0
  30. package/dist/components/ui/dropdown-menu/dropdown-menu.d.ts +27 -0
  31. package/dist/components/ui/dropdown-menu/index.d.ts +1 -0
  32. package/dist/components/ui/ee-logo-icon/ee-logo-icon.d.ts +11 -0
  33. package/dist/components/ui/ee-logo-icon/index.d.ts +2 -0
  34. package/dist/components/ui/kuat-carousel/index.d.ts +2 -0
  35. package/dist/components/ui/kuat-carousel/kuat-carousel.d.ts +32 -0
  36. package/dist/components/ui/kuat-header/index.d.ts +2 -0
  37. package/dist/components/ui/kuat-header/kuat-header.d.ts +38 -0
  38. package/dist/components/ui/kuat-logo-lockup/index.d.ts +2 -0
  39. package/dist/components/ui/kuat-logo-lockup/kuat-logo-lockup.d.ts +17 -0
  40. package/dist/components/ui/kuat-radial-progress/index.d.ts +2 -0
  41. package/dist/components/ui/kuat-radial-progress/kuat-radial-progress.d.ts +16 -0
  42. package/dist/components/ui/separator/index.d.ts +2 -0
  43. package/dist/components/ui/separator/separator.d.ts +9 -0
  44. package/dist/index.css +1 -0
  45. package/dist/index.d.ts +32 -23
  46. package/dist/index.js +2000 -30
  47. package/dist/kuat-radial-progress-B3nQqPFW.js +105 -0
  48. package/dist/kuat-radial-progress.css +1 -0
  49. package/dist/kuat-radial-progress.d.ts +7 -0
  50. package/dist/kuat-radial-progress.js +6 -0
  51. package/dist/lib/react-node-compat.d.ts +7 -0
  52. package/dist/styles.css +1 -0
  53. package/dist/test/setup.d.ts +1 -0
  54. package/dist/{utils-qaFjX9_3.js → utils-DLUjLwnh.js} +0 -1
  55. package/package.json +21 -9
  56. package/dist/accordion-CQDgmmJ5.js +0 -46
  57. package/dist/alert-dialog-CzXLOFRG.js +0 -113
  58. package/dist/badge-DRUd-ban.js +0 -26
  59. package/dist/button-CPn6T5-L.js +0 -44
  60. package/dist/button-group-DUSbG9lE.js +0 -93
  61. package/dist/components/ui/badge.d.ts +0 -9
  62. package/dist/components/ui/button-group.d.ts +0 -12
  63. package/dist/components/ui/button.d.ts +0 -11
  64. package/dist/components/ui/separator.d.ts +0 -4
  65. package/dist/index-DACAHwoB.js +0 -34
  66. package/dist/style.css +0 -1
  67. /package/dist/components/ui/{accordion.d.ts → accordion/accordion.d.ts} +0 -0
  68. /package/dist/components/ui/{alert-dialog.d.ts → alert-dialog/alert-dialog.d.ts} +0 -0
@@ -0,0 +1,105 @@
1
+ import { jsxs as o, jsx as l } from "react/jsx-runtime";
2
+ import * as s from "react";
3
+ import { c as v } from "./utils-DLUjLwnh.js";
4
+ const t = 100, E = 4, i = (t - E) / 2, d = 2 * Math.PI * i, e = t / 2, x = ["mini", "small", "medium", "large"], y = [
5
+ "default",
6
+ "primary",
7
+ "ee-blue",
8
+ "tech-blue",
9
+ "transform-teal",
10
+ "equal-ember"
11
+ ], _ = s.forwardRef(
12
+ ({
13
+ className: c,
14
+ size: n = "medium",
15
+ color: p = "default",
16
+ value: f,
17
+ animate: r = !1,
18
+ ...k
19
+ }, m) => {
20
+ const a = Math.min(100, Math.max(0, f)), [g, u] = s.useState(r ? 0 : a);
21
+ s.useEffect(() => {
22
+ r && u(a);
23
+ }, [r, a]), s.useEffect(() => {
24
+ r || u(a);
25
+ }, [r, a]);
26
+ const h = d * (1 - g / 100), R = v(
27
+ "kuat-radial-progress",
28
+ `kuat-radial-progress--${n}`,
29
+ `kuat-radial-progress--${p}`,
30
+ c
31
+ );
32
+ return /* @__PURE__ */ o(
33
+ "div",
34
+ {
35
+ ref: m,
36
+ role: "progressbar",
37
+ "aria-valuenow": a,
38
+ "aria-valuemin": 0,
39
+ "aria-valuemax": 100,
40
+ "aria-valuetext": `${Math.round(a)}%`,
41
+ className: R,
42
+ ...k,
43
+ children: [
44
+ /* @__PURE__ */ l(
45
+ "svg",
46
+ {
47
+ className: "kuat-radial-progress__svg",
48
+ viewBox: `0 0 ${t} ${t}`,
49
+ "aria-hidden": !0,
50
+ children: /* @__PURE__ */ o("g", { transform: `rotate(-90 ${e} ${e})`, children: [
51
+ /* @__PURE__ */ l(
52
+ "circle",
53
+ {
54
+ "data-kuat-radial-progress-track": !0,
55
+ cx: e,
56
+ cy: e,
57
+ r: i,
58
+ fill: "none",
59
+ stroke: "var(--kuat-radial-progress-background-bar, var(--muted, #e5e7eb))",
60
+ style: { strokeWidth: "var(--kuat-radial-progress-stroke, 4)" }
61
+ }
62
+ ),
63
+ /* @__PURE__ */ l(
64
+ "circle",
65
+ {
66
+ "data-kuat-radial-progress-arc": !0,
67
+ cx: e,
68
+ cy: e,
69
+ r: i,
70
+ fill: "none",
71
+ strokeDasharray: d,
72
+ strokeDashoffset: h,
73
+ strokeLinecap: "butt",
74
+ style: {
75
+ strokeWidth: "var(--kuat-radial-progress-stroke, 4)",
76
+ transition: r ? "stroke-dashoffset 0.6s ease-out" : void 0
77
+ }
78
+ }
79
+ )
80
+ ] })
81
+ }
82
+ ),
83
+ /* @__PURE__ */ o(
84
+ "span",
85
+ {
86
+ className: "kuat-radial-progress__label",
87
+ "aria-hidden": !0,
88
+ "data-kuat-radial-progress-label": !0,
89
+ children: [
90
+ Math.round(a),
91
+ "%"
92
+ ]
93
+ }
94
+ )
95
+ ]
96
+ }
97
+ );
98
+ }
99
+ );
100
+ _.displayName = "KuatRadialProgress";
101
+ export {
102
+ _ as K,
103
+ x as a,
104
+ y as b
105
+ };
@@ -0,0 +1 @@
1
+ /*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-leading:initial;--tw-font-weight:initial}}}.kuat-radial-progress{display:inline-block;position:relative}.kuat-radial-progress--mini{width:var(--kuat-radial-progress-size-mini,48px);height:var(--kuat-radial-progress-size-mini,48px);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));--tw-leading:calc(var(--spacing,.25rem)*4);line-height:calc(var(--spacing,.25rem)*4)}.kuat-radial-progress--small{width:var(--kuat-radial-progress-size-small,64px);height:var(--kuat-radial-progress-size-small,64px);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));--tw-leading:calc(var(--spacing,.25rem)*5);line-height:calc(var(--spacing,.25rem)*5)}.kuat-radial-progress--medium{width:var(--kuat-radial-progress-size-medium,96px);height:var(--kuat-radial-progress-size-medium,96px);font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height, 1.5 ));--tw-leading:calc(var(--spacing,.25rem)*6);line-height:calc(var(--spacing,.25rem)*6)}.kuat-radial-progress--large{width:var(--kuat-radial-progress-size-large,128px);height:var(--kuat-radial-progress-size-large,128px);font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75/1.125)));--tw-leading:calc(var(--spacing,.25rem)*7);line-height:calc(var(--spacing,.25rem)*7)}.kuat-radial-progress [data-kuat-radial-progress-track]{stroke:var(--kuat-radial-progress-background-bar,var(--muted,#e5e7eb))}.kuat-radial-progress__svg{inset:calc(var(--spacing,.25rem)*0);width:100%;height:100%;position:absolute}.kuat-radial-progress__label{inset:calc(var(--spacing,.25rem)*0);--tw-leading:calc(var(--spacing,.25rem)*4);line-height:calc(var(--spacing,.25rem)*4);--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:var(--foreground);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;display:flex;position:absolute}.kuat-radial-progress--default [data-kuat-radial-progress-arc]{stroke:var(--ee-blue-500,#06c)}.kuat-radial-progress--primary [data-kuat-radial-progress-arc]{stroke:var(--primary)}.kuat-radial-progress--ee-blue [data-kuat-radial-progress-arc]{stroke:var(--ee-blue-500)}.kuat-radial-progress--tech-blue [data-kuat-radial-progress-arc]{stroke:var(--tech-blue-500)}.kuat-radial-progress--transform-teal [data-kuat-radial-progress-arc]{stroke:var(--transform-teal-500)}.kuat-radial-progress--equal-ember [data-kuat-radial-progress-arc]{stroke:var(--equal-ember-500)}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}
@@ -0,0 +1,7 @@
1
+ /**
2
+ * Subpath entry for Kuat Radial Progress. Import from
3
+ * "@equal-experts/kuat-react/kuat-radial-progress" to load only this
4
+ * component and its CSS.
5
+ */
6
+ export { KuatRadialProgress, KUAT_RADIAL_PROGRESS_SIZES, KUAT_RADIAL_PROGRESS_COLORS, } from './components/ui/kuat-radial-progress';
7
+ export type { KuatRadialProgressProps, KuatRadialProgressSize, KuatRadialProgressColor, } from './components/ui/kuat-radial-progress';
@@ -0,0 +1,6 @@
1
+ import { b as S, a as A, K as _ } from "./kuat-radial-progress-B3nQqPFW.js";
2
+ export {
3
+ S as KUAT_RADIAL_PROGRESS_COLORS,
4
+ A as KUAT_RADIAL_PROGRESS_SIZES,
5
+ _ as KuatRadialProgress
6
+ };
@@ -0,0 +1,7 @@
1
+ import * as React from "react";
2
+ /**
3
+ * React 19's `ReactNode` includes `bigint`, while React 18 does not. Kuat packages
4
+ * may be typechecked against React 19 while consumers use React 18; narrowing
5
+ * children/slot props avoids `ForwardRefExoticComponent` JSX incompatibilities.
6
+ */
7
+ export type KuatSlotContent = React.ReactElement | React.ReactPortal | string | number | boolean | null | undefined | ReadonlyArray<KuatSlotContent>;
@@ -0,0 +1 @@
1
+ @import"https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap";/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-font-weight:initial;--tw-outline-style:solid;--tw-ease:initial}}}:root{--font-sans:Lexend,ui-sans-serif,sans-serif,system-ui;--font-serif:Lora,serif;--font-mono:"JetBrains Mono",ui-monospace,monospace;--kuat-radial-progress-size-mini:48px;--kuat-radial-progress-size-small:64px;--kuat-radial-progress-size-medium:96px;--kuat-radial-progress-size-large:128px;--kuat-radial-progress-stroke:4}@layer base{:root{--kuat-button-ee-blue-primary-background:var(--brand-ee-blue);--kuat-button-ee-blue-primary-background--hover:var(--ee-blue-600);--kuat-button-ee-blue-primary-background--active:var(--ee-blue-700);--kuat-button-ee-blue-primary-background--focus:var(--brand-ee-blue);--kuat-button-ee-blue-primary-background--disabled:var(--slate-200);--kuat-button-ee-blue-primary-foreground:var(--brand-byte-white);--kuat-button-ee-blue-primary-foreground--disabled:var(--slate-500);--kuat-button-ee-blue-secondary-background:var(--ee-blue-100);--kuat-button-ee-blue-secondary-background--hover:var(--ee-blue-200);--kuat-button-ee-blue-secondary-background--active:var(--ee-blue-300);--kuat-button-ee-blue-secondary-background--focus:var(--ee-blue-100);--kuat-button-ee-blue-secondary-background--disabled:var(--slate-100);--kuat-button-ee-blue-secondary-foreground:var(--brand-ee-blue);--kuat-button-ee-blue-secondary-foreground--disabled:var(--slate-500);--kuat-button-ee-blue-outline-background:transparent;--kuat-button-ee-blue-outline-background--hover:var(--ee-blue-50);--kuat-button-ee-blue-outline-background--active:var(--ee-blue-100);--kuat-button-ee-blue-outline-background--focus:transparent;--kuat-button-ee-blue-outline-background--disabled:transparent;--kuat-button-ee-blue-outline-foreground:var(--brand-ee-blue);--kuat-button-ee-blue-outline-foreground--disabled:var(--slate-500);--kuat-button-ee-blue-outline-border:var(--brand-ee-blue);--kuat-button-ee-blue-outline-border--hover:var(--ee-blue-600);--kuat-button-ee-blue-outline-border--focus:var(--brand-ee-blue);--kuat-button-ee-blue-outline-border--disabled:var(--slate-300);--kuat-button-ee-blue-ghost-background:transparent;--kuat-button-ee-blue-ghost-background--hover:var(--ee-blue-50);--kuat-button-ee-blue-ghost-background--active:var(--ee-blue-100);--kuat-button-ee-blue-ghost-background--focus:transparent;--kuat-button-ee-blue-ghost-background--disabled:transparent;--kuat-button-ee-blue-ghost-foreground:var(--brand-ee-blue);--kuat-button-ee-blue-ghost-foreground--disabled:var(--slate-500);--kuat-button-ee-blue-ghost-muted-background:transparent;--kuat-button-ee-blue-ghost-muted-background--hover:var(--slate-100);--kuat-button-ee-blue-ghost-muted-background--active:var(--slate-200);--kuat-button-ee-blue-ghost-muted-background--focus:transparent;--kuat-button-ee-blue-ghost-muted-background--disabled:transparent;--kuat-button-ee-blue-ghost-muted-foreground:var(--slate-700);--kuat-button-ee-blue-ghost-muted-foreground--disabled:var(--slate-500);--kuat-button-ee-blue-destructive-background:var(--red-600);--kuat-button-ee-blue-destructive-background--hover:var(--red-600);--kuat-button-ee-blue-destructive-background--active:var(--red-600);--kuat-button-ee-blue-destructive-background--focus:var(--red-600);--kuat-button-ee-blue-destructive-background--disabled:var(--slate-200);--kuat-button-ee-blue-destructive-foreground:var(--brand-byte-white);--kuat-button-ee-blue-destructive-foreground--disabled:var(--slate-500);--kuat-button-tech-blue-primary-background:var(--brand-tech-blue);--kuat-button-tech-blue-primary-background--hover:var(--tech-blue-600);--kuat-button-tech-blue-primary-background--active:var(--tech-blue-700);--kuat-button-tech-blue-primary-background--focus:var(--brand-tech-blue);--kuat-button-tech-blue-primary-background--disabled:var(--slate-200);--kuat-button-tech-blue-primary-foreground:var(--brand-byte-white);--kuat-button-tech-blue-primary-foreground--disabled:var(--slate-500);--kuat-button-tech-blue-secondary-background:var(--tech-blue-100);--kuat-button-tech-blue-secondary-background--hover:var(--tech-blue-200);--kuat-button-tech-blue-secondary-background--active:var(--tech-blue-300);--kuat-button-tech-blue-secondary-background--focus:var(--tech-blue-100);--kuat-button-tech-blue-secondary-background--disabled:var(--slate-100);--kuat-button-tech-blue-secondary-foreground:var(--brand-tech-blue);--kuat-button-tech-blue-secondary-foreground--disabled:var(--slate-500);--kuat-button-tech-blue-outline-background:transparent;--kuat-button-tech-blue-outline-background--hover:var(--tech-blue-50);--kuat-button-tech-blue-outline-background--active:var(--tech-blue-100);--kuat-button-tech-blue-outline-background--focus:transparent;--kuat-button-tech-blue-outline-background--disabled:transparent;--kuat-button-tech-blue-outline-foreground:var(--brand-tech-blue);--kuat-button-tech-blue-outline-foreground--disabled:var(--slate-500);--kuat-button-tech-blue-outline-border:var(--brand-tech-blue);--kuat-button-tech-blue-outline-border--hover:var(--tech-blue-600);--kuat-button-tech-blue-outline-border--focus:var(--brand-tech-blue);--kuat-button-tech-blue-outline-border--disabled:var(--slate-300);--kuat-button-tech-blue-ghost-background:transparent;--kuat-button-tech-blue-ghost-background--hover:var(--tech-blue-50);--kuat-button-tech-blue-ghost-background--active:var(--tech-blue-100);--kuat-button-tech-blue-ghost-background--focus:transparent;--kuat-button-tech-blue-ghost-background--disabled:transparent;--kuat-button-tech-blue-ghost-foreground:var(--brand-tech-blue);--kuat-button-tech-blue-ghost-foreground--disabled:var(--slate-500);--kuat-button-tech-blue-ghost-muted-background:transparent;--kuat-button-tech-blue-ghost-muted-background--hover:var(--slate-100);--kuat-button-tech-blue-ghost-muted-background--active:var(--slate-200);--kuat-button-tech-blue-ghost-muted-background--focus:transparent;--kuat-button-tech-blue-ghost-muted-background--disabled:transparent;--kuat-button-tech-blue-ghost-muted-foreground:var(--slate-700);--kuat-button-tech-blue-ghost-muted-foreground--disabled:var(--slate-500);--kuat-button-tech-blue-destructive-background:var(--red-600);--kuat-button-tech-blue-destructive-background--hover:var(--red-600);--kuat-button-tech-blue-destructive-background--active:var(--red-600);--kuat-button-tech-blue-destructive-background--focus:var(--red-600);--kuat-button-tech-blue-destructive-background--disabled:var(--slate-200);--kuat-button-tech-blue-destructive-foreground:var(--brand-byte-white);--kuat-button-tech-blue-destructive-foreground--disabled:var(--slate-500);--kuat-button-byte-white-primary-background:var(--brand-byte-white);--kuat-button-byte-white-primary-background--hover:var(--slate-100);--kuat-button-byte-white-primary-background--active:var(--slate-200);--kuat-button-byte-white-primary-background--focus:var(--brand-byte-white);--kuat-button-byte-white-primary-background--disabled:var(--slate-100);--kuat-button-byte-white-primary-foreground:var(--slate-950);--kuat-button-byte-white-primary-foreground--disabled:var(--slate-500);--kuat-button-byte-white-secondary-background:var(--slate-100);--kuat-button-byte-white-secondary-background--hover:var(--slate-200);--kuat-button-byte-white-secondary-background--active:var(--slate-300);--kuat-button-byte-white-secondary-background--focus:var(--slate-100);--kuat-button-byte-white-secondary-background--disabled:var(--slate-100);--kuat-button-byte-white-secondary-foreground:var(--slate-950);--kuat-button-byte-white-secondary-foreground--disabled:var(--slate-500);--kuat-button-byte-white-outline-background:transparent;--kuat-button-byte-white-outline-background--hover:var(--slate-100);--kuat-button-byte-white-outline-background--active:var(--slate-200);--kuat-button-byte-white-outline-background--focus:transparent;--kuat-button-byte-white-outline-background--disabled:transparent;--kuat-button-byte-white-outline-foreground:var(--slate-950);--kuat-button-byte-white-outline-foreground--disabled:var(--slate-500);--kuat-button-byte-white-outline-border:var(--slate-300);--kuat-button-byte-white-outline-border--hover:var(--slate-400);--kuat-button-byte-white-outline-border--focus:var(--slate-300);--kuat-button-byte-white-outline-border--disabled:var(--slate-200);--kuat-button-byte-white-ghost-background:transparent;--kuat-button-byte-white-ghost-background--hover:var(--slate-100);--kuat-button-byte-white-ghost-background--active:var(--slate-200);--kuat-button-byte-white-ghost-background--focus:transparent;--kuat-button-byte-white-ghost-background--disabled:transparent;--kuat-button-byte-white-ghost-foreground:var(--slate-950);--kuat-button-byte-white-ghost-foreground--disabled:var(--slate-500);--kuat-button-byte-white-ghost-muted-background:transparent;--kuat-button-byte-white-ghost-muted-background--hover:var(--slate-100);--kuat-button-byte-white-ghost-muted-background--active:var(--slate-200);--kuat-button-byte-white-ghost-muted-background--focus:transparent;--kuat-button-byte-white-ghost-muted-background--disabled:transparent;--kuat-button-byte-white-ghost-muted-foreground:var(--slate-700);--kuat-button-byte-white-ghost-muted-foreground--disabled:var(--slate-500);--kuat-button-byte-white-destructive-background:var(--red-600);--kuat-button-byte-white-destructive-background--hover:var(--red-600);--kuat-button-byte-white-destructive-background--active:var(--red-600);--kuat-button-byte-white-destructive-background--focus:var(--red-600);--kuat-button-byte-white-destructive-background--disabled:var(--slate-200);--kuat-button-byte-white-destructive-foreground:var(--brand-byte-white);--kuat-button-byte-white-destructive-foreground--disabled:var(--slate-500);--kuat-button-the-cloud-primary-background:var(--brand-the-cloud);--kuat-button-the-cloud-primary-background--hover:var(--slate-200);--kuat-button-the-cloud-primary-background--active:var(--slate-300);--kuat-button-the-cloud-primary-background--focus:var(--brand-the-cloud);--kuat-button-the-cloud-primary-background--disabled:var(--slate-100);--kuat-button-the-cloud-primary-foreground:var(--slate-950);--kuat-button-the-cloud-primary-foreground--disabled:var(--slate-500);--kuat-button-the-cloud-secondary-background:var(--slate-200);--kuat-button-the-cloud-secondary-background--hover:var(--slate-300);--kuat-button-the-cloud-secondary-background--active:var(--slate-400);--kuat-button-the-cloud-secondary-background--focus:var(--slate-200);--kuat-button-the-cloud-secondary-background--disabled:var(--slate-100);--kuat-button-the-cloud-secondary-foreground:var(--slate-950);--kuat-button-the-cloud-secondary-foreground--disabled:var(--slate-500);--kuat-button-the-cloud-outline-background:transparent;--kuat-button-the-cloud-outline-background--hover:var(--slate-100);--kuat-button-the-cloud-outline-background--active:var(--slate-200);--kuat-button-the-cloud-outline-background--focus:transparent;--kuat-button-the-cloud-outline-background--disabled:transparent;--kuat-button-the-cloud-outline-foreground:var(--slate-950);--kuat-button-the-cloud-outline-foreground--disabled:var(--slate-500);--kuat-button-the-cloud-outline-border:var(--slate-300);--kuat-button-the-cloud-outline-border--hover:var(--slate-400);--kuat-button-the-cloud-outline-border--focus:var(--slate-300);--kuat-button-the-cloud-outline-border--disabled:var(--slate-200);--kuat-button-the-cloud-ghost-background:transparent;--kuat-button-the-cloud-ghost-background--hover:var(--slate-100);--kuat-button-the-cloud-ghost-background--active:var(--slate-200);--kuat-button-the-cloud-ghost-background--focus:transparent;--kuat-button-the-cloud-ghost-background--disabled:transparent;--kuat-button-the-cloud-ghost-foreground:var(--slate-950);--kuat-button-the-cloud-ghost-foreground--disabled:var(--slate-500);--kuat-button-the-cloud-ghost-muted-background:transparent;--kuat-button-the-cloud-ghost-muted-background--hover:var(--slate-200);--kuat-button-the-cloud-ghost-muted-background--active:var(--slate-300);--kuat-button-the-cloud-ghost-muted-background--focus:transparent;--kuat-button-the-cloud-ghost-muted-background--disabled:transparent;--kuat-button-the-cloud-ghost-muted-foreground:var(--slate-700);--kuat-button-the-cloud-ghost-muted-foreground--disabled:var(--slate-500);--kuat-button-the-cloud-destructive-background:var(--red-600);--kuat-button-the-cloud-destructive-background--hover:var(--red-600);--kuat-button-the-cloud-destructive-background--active:var(--red-600);--kuat-button-the-cloud-destructive-background--focus:var(--red-600);--kuat-button-the-cloud-destructive-background--disabled:var(--slate-200);--kuat-button-the-cloud-destructive-foreground:var(--brand-byte-white);--kuat-button-the-cloud-destructive-foreground--disabled:var(--slate-500);--kuat-button-dark-data-primary-background:var(--brand-dark-data);--kuat-button-dark-data-primary-background--hover:var(--slate-800);--kuat-button-dark-data-primary-background--active:var(--slate-900);--kuat-button-dark-data-primary-background--focus:var(--brand-dark-data);--kuat-button-dark-data-primary-background--disabled:var(--slate-700);--kuat-button-dark-data-primary-foreground:var(--brand-byte-white);--kuat-button-dark-data-primary-foreground--disabled:var(--slate-500);--kuat-button-dark-data-secondary-background:var(--slate-700);--kuat-button-dark-data-secondary-background--hover:var(--slate-600);--kuat-button-dark-data-secondary-background--active:var(--slate-500);--kuat-button-dark-data-secondary-background--focus:var(--slate-700);--kuat-button-dark-data-secondary-background--disabled:var(--slate-800);--kuat-button-dark-data-secondary-foreground:var(--slate-100);--kuat-button-dark-data-secondary-foreground--disabled:var(--slate-500);--kuat-button-dark-data-outline-background:transparent;--kuat-button-dark-data-outline-background--hover:var(--slate-800);--kuat-button-dark-data-outline-background--active:var(--slate-700);--kuat-button-dark-data-outline-background--focus:transparent;--kuat-button-dark-data-outline-background--disabled:transparent;--kuat-button-dark-data-outline-foreground:var(--brand-byte-white);--kuat-button-dark-data-outline-foreground--disabled:var(--slate-500);--kuat-button-dark-data-outline-border:var(--slate-600);--kuat-button-dark-data-outline-border--hover:var(--slate-500);--kuat-button-dark-data-outline-border--focus:var(--slate-600);--kuat-button-dark-data-outline-border--disabled:var(--slate-700);--kuat-button-dark-data-ghost-background:transparent;--kuat-button-dark-data-ghost-background--hover:var(--slate-800);--kuat-button-dark-data-ghost-background--active:var(--slate-700);--kuat-button-dark-data-ghost-background--focus:transparent;--kuat-button-dark-data-ghost-background--disabled:transparent;--kuat-button-dark-data-ghost-foreground:var(--brand-byte-white);--kuat-button-dark-data-ghost-foreground--disabled:var(--slate-500);--kuat-button-dark-data-ghost-muted-background:transparent;--kuat-button-dark-data-ghost-muted-background--hover:var(--slate-800);--kuat-button-dark-data-ghost-muted-background--active:var(--slate-700);--kuat-button-dark-data-ghost-muted-background--focus:transparent;--kuat-button-dark-data-ghost-muted-background--disabled:transparent;--kuat-button-dark-data-ghost-muted-foreground:var(--slate-300);--kuat-button-dark-data-ghost-muted-foreground--disabled:var(--slate-500);--kuat-button-dark-data-destructive-background:var(--red-600);--kuat-button-dark-data-destructive-background--hover:var(--red-600);--kuat-button-dark-data-destructive-background--active:var(--red-600);--kuat-button-dark-data-destructive-background--focus:var(--red-600);--kuat-button-dark-data-destructive-background--disabled:var(--slate-700);--kuat-button-dark-data-destructive-foreground:var(--brand-byte-white);--kuat-button-dark-data-destructive-foreground--disabled:var(--slate-500);--kuat-button-transform-teal-primary-background:var(--brand-transform-teal);--kuat-button-transform-teal-primary-background--hover:var(--transform-teal-600);--kuat-button-transform-teal-primary-background--active:var(--transform-teal-700);--kuat-button-transform-teal-primary-background--focus:var(--brand-transform-teal);--kuat-button-transform-teal-primary-background--disabled:var(--slate-200);--kuat-button-transform-teal-primary-foreground:var(--brand-byte-white);--kuat-button-transform-teal-primary-foreground--disabled:var(--slate-500);--kuat-button-transform-teal-secondary-background:var(--transform-teal-100);--kuat-button-transform-teal-secondary-background--hover:var(--transform-teal-200);--kuat-button-transform-teal-secondary-background--active:var(--transform-teal-300);--kuat-button-transform-teal-secondary-background--focus:var(--transform-teal-100);--kuat-button-transform-teal-secondary-background--disabled:var(--slate-100);--kuat-button-transform-teal-secondary-foreground:var(--brand-transform-teal);--kuat-button-transform-teal-secondary-foreground--disabled:var(--slate-500);--kuat-button-transform-teal-outline-background:transparent;--kuat-button-transform-teal-outline-background--hover:var(--transform-teal-50);--kuat-button-transform-teal-outline-background--active:var(--transform-teal-100);--kuat-button-transform-teal-outline-background--focus:transparent;--kuat-button-transform-teal-outline-background--disabled:transparent;--kuat-button-transform-teal-outline-foreground:var(--brand-transform-teal);--kuat-button-transform-teal-outline-foreground--disabled:var(--slate-500);--kuat-button-transform-teal-outline-border:var(--brand-transform-teal);--kuat-button-transform-teal-outline-border--hover:var(--transform-teal-600);--kuat-button-transform-teal-outline-border--focus:var(--brand-transform-teal);--kuat-button-transform-teal-outline-border--disabled:var(--slate-300);--kuat-button-transform-teal-ghost-background:transparent;--kuat-button-transform-teal-ghost-background--hover:var(--transform-teal-50);--kuat-button-transform-teal-ghost-background--active:var(--transform-teal-100);--kuat-button-transform-teal-ghost-background--focus:transparent;--kuat-button-transform-teal-ghost-background--disabled:transparent;--kuat-button-transform-teal-ghost-foreground:var(--brand-transform-teal);--kuat-button-transform-teal-ghost-foreground--disabled:var(--slate-500);--kuat-button-transform-teal-ghost-muted-background:transparent;--kuat-button-transform-teal-ghost-muted-background--hover:var(--slate-100);--kuat-button-transform-teal-ghost-muted-background--active:var(--slate-200);--kuat-button-transform-teal-ghost-muted-background--focus:transparent;--kuat-button-transform-teal-ghost-muted-background--disabled:transparent;--kuat-button-transform-teal-ghost-muted-foreground:var(--slate-700);--kuat-button-transform-teal-ghost-muted-foreground--disabled:var(--slate-500);--kuat-button-transform-teal-destructive-background:var(--red-600);--kuat-button-transform-teal-destructive-background--hover:var(--red-600);--kuat-button-transform-teal-destructive-background--active:var(--red-600);--kuat-button-transform-teal-destructive-background--focus:var(--red-600);--kuat-button-transform-teal-destructive-background--disabled:var(--slate-200);--kuat-button-transform-teal-destructive-foreground:var(--brand-byte-white);--kuat-button-transform-teal-destructive-foreground--disabled:var(--slate-500);--kuat-button-equal-ember-primary-background:var(--brand-equal-ember);--kuat-button-equal-ember-primary-background--hover:var(--equal-ember-600);--kuat-button-equal-ember-primary-background--active:var(--equal-ember-700);--kuat-button-equal-ember-primary-background--focus:var(--brand-equal-ember);--kuat-button-equal-ember-primary-background--disabled:var(--slate-200);--kuat-button-equal-ember-primary-foreground:var(--brand-byte-white);--kuat-button-equal-ember-primary-foreground--disabled:var(--slate-500);--kuat-button-equal-ember-secondary-background:var(--equal-ember-100);--kuat-button-equal-ember-secondary-background--hover:var(--equal-ember-200);--kuat-button-equal-ember-secondary-background--active:var(--equal-ember-300);--kuat-button-equal-ember-secondary-background--focus:var(--equal-ember-100);--kuat-button-equal-ember-secondary-background--disabled:var(--slate-100);--kuat-button-equal-ember-secondary-foreground:var(--brand-equal-ember);--kuat-button-equal-ember-secondary-foreground--disabled:var(--slate-500);--kuat-button-equal-ember-outline-background:transparent;--kuat-button-equal-ember-outline-background--hover:var(--equal-ember-50);--kuat-button-equal-ember-outline-background--active:var(--equal-ember-100);--kuat-button-equal-ember-outline-background--focus:transparent;--kuat-button-equal-ember-outline-background--disabled:transparent;--kuat-button-equal-ember-outline-foreground:var(--brand-equal-ember);--kuat-button-equal-ember-outline-foreground--disabled:var(--slate-500);--kuat-button-equal-ember-outline-border:var(--brand-equal-ember);--kuat-button-equal-ember-outline-border--hover:var(--equal-ember-600);--kuat-button-equal-ember-outline-border--focus:var(--brand-equal-ember);--kuat-button-equal-ember-outline-border--disabled:var(--slate-300);--kuat-button-equal-ember-ghost-background:transparent;--kuat-button-equal-ember-ghost-background--hover:var(--equal-ember-50);--kuat-button-equal-ember-ghost-background--active:var(--equal-ember-100);--kuat-button-equal-ember-ghost-background--focus:transparent;--kuat-button-equal-ember-ghost-background--disabled:transparent;--kuat-button-equal-ember-ghost-foreground:var(--brand-equal-ember);--kuat-button-equal-ember-ghost-foreground--disabled:var(--slate-500);--kuat-button-equal-ember-ghost-muted-background:transparent;--kuat-button-equal-ember-ghost-muted-background--hover:var(--slate-100);--kuat-button-equal-ember-ghost-muted-background--active:var(--slate-200);--kuat-button-equal-ember-ghost-muted-background--focus:transparent;--kuat-button-equal-ember-ghost-muted-background--disabled:transparent;--kuat-button-equal-ember-ghost-muted-foreground:var(--slate-700);--kuat-button-equal-ember-ghost-muted-foreground--disabled:var(--slate-500);--kuat-button-equal-ember-destructive-background:var(--red-600);--kuat-button-equal-ember-destructive-background--hover:var(--red-600);--kuat-button-equal-ember-destructive-background--active:var(--red-600);--kuat-button-equal-ember-destructive-background--focus:var(--red-600);--kuat-button-equal-ember-destructive-background--disabled:var(--slate-200);--kuat-button-equal-ember-destructive-foreground:var(--brand-byte-white);--kuat-button-equal-ember-destructive-foreground--disabled:var(--slate-500);--radius:.3rem;--tracking-normal:.01em;--spacing:.25rem;--slate-50:oklch(97.8% .005 240);--slate-100:oklch(93.6% .01 240);--slate-200:oklch(92.9% .013 255.5);--slate-300:oklch(87% .022 255.5);--slate-500:oklch(55.4% .046 257.4);--slate-600:oklch(47.5% .04 257.4);--slate-700:oklch(39.5% .035 257.4);--slate-800:oklch(29.5% .03 257.4);--slate-900:oklch(17.6% .033 244.5);--slate-950:oklch(12.9% .042 264.7);--red-300:oklch(85% .08 25);--red-600:oklch(57.7% .245 27.3);--black:oklch(0% 0 0);--white:oklch(100% 0 0);--ee-blue-50:oklch(94.5% .028 237.5);--ee-blue-100:oklch(88.5% .055 237.5);--ee-blue-200:oklch(82.5% .082 237.5);--ee-blue-300:oklch(76.5% .109 237.5);--ee-blue-400:oklch(70.5% .136 237.5);--ee-blue-500:oklch(64.5% .163 237.5);--ee-blue-600:oklch(58.5% .145 237.5);--ee-blue-700:oklch(52.5% .127 237.5);--ee-blue-800:oklch(36.5% .109 237.5);--ee-blue-900:oklch(24.5% .082 237.5);--ee-blue-950:oklch(14.5% .055 237.5);--tech-blue-50:oklch(93.5% .015 240);--tech-blue-100:oklch(83.5% .03 240);--tech-blue-200:oklch(73.5% .045 240);--tech-blue-300:oklch(63.5% .06 240);--tech-blue-400:oklch(53.5% .075 240);--tech-blue-500:oklch(43.5% .09 240);--tech-blue-600:oklch(36.5% .08 240);--tech-blue-700:oklch(29.5% .07 240);--tech-blue-800:oklch(20.5% .06 240);--tech-blue-900:oklch(12.5% .04 240);--tech-blue-950:oklch(7.5% .025 240);--transform-teal-50:oklch(94.5% .02 185);--transform-teal-100:oklch(88.5% .04 185);--transform-teal-200:oklch(82.5% .06 185);--transform-teal-300:oklch(76.5% .08 185);--transform-teal-400:oklch(70.5% .1 185);--transform-teal-500:oklch(64.5% .12 185);--transform-teal-600:oklch(54.5% .105 185);--transform-teal-700:oklch(44.5% .09 185);--transform-teal-800:oklch(30.5% .075 185);--transform-teal-900:oklch(18.5% .055 185);--transform-teal-950:oklch(10.5% .035 185);--equal-ember-50:oklch(97.5% .035 65);--equal-ember-100:oklch(92.5% .07 65);--equal-ember-200:oklch(87.5% .105 65);--equal-ember-300:oklch(82.5% .14 65);--equal-ember-400:oklch(77.5% .175 65);--equal-ember-500:oklch(62.5% .2 65);--equal-ember-600:oklch(52.5% .18 65);--equal-ember-700:oklch(42.5% .16 65);--equal-ember-800:oklch(32.5% .14 65);--equal-ember-900:oklch(22.5% .12 65);--equal-ember-950:oklch(12.5% .1 65);--brand-ee-blue:var(--ee-blue-500);--brand-tech-blue:var(--tech-blue-500);--brand-transform-teal:var(--transform-teal-500);--brand-equal-ember:var(--equal-ember-500);--brand-dark-data:oklch(20.8% .01 240);--brand-the-cloud:var(--slate-100);--brand-byte-white:var(--white);--brand-ee-blue-accent:var(--ee-blue-50);--background:var(--brand-byte-white);--foreground:var(--slate-950);--primary:var(--brand-ee-blue);--primary-foreground:var(--brand-byte-white);--secondary:var(--brand-transform-teal);--secondary-foreground:var(--brand-byte-white);--muted:var(--slate-100);--muted-foreground:var(--slate-500);--accent:var(--brand-ee-blue-accent);--accent-foreground:var(--slate-950);--destructive:var(--red-600);--destructive-foreground:var(--brand-byte-white);--border:var(--slate-200);--input:var(--brand-byte-white);--ring:var(--slate-300);--card:var(--brand-byte-white);--card-foreground:var(--slate-950);--popover:var(--black);--popover-foreground:var(--brand-byte-white);--chart-1:#1f77b4;--chart-2:#ff7f0e;--chart-3:#2ca02c;--chart-4:#d62728;--chart-5:#9467bd;--sidebar:var(--brand-tech-blue);--sidebar-foreground:var(--brand-byte-white);--sidebar-primary:var(--brand-ee-blue);--sidebar-primary-foreground:var(--brand-ee-blue-accent);--sidebar-accent:var(--slate-200);--sidebar-accent-foreground:var(--brand-tech-blue);--sidebar-border:var(--slate-200);--sidebar-ring:var(--slate-100);--kuat-header-default-background:var(--white);--kuat-header-default-foreground:var(--slate-700);--kuat-header-default-foreground-secondary:var(--slate-500);--kuat-header-bold-background:var(--tech-blue-500);--kuat-header-bold-foreground:var(--slate-100);--kuat-header-bold-foreground-secondary:var(--slate-300);--kuat-radial-progress-background-bar:var(--muted);--kuat-radial-progress-foreground-bar:var(--ee-blue-500);--shadow-x:0px;--shadow-y:4px;--shadow-blur:8px;--shadow-spread:-1px;--shadow-opacity:.1;--shadow-color:oklch(20.8% .042 265.755);--shadow-2xs:0px 4px 8px -1px #0f172b0d;--shadow-xs:0px 4px 8px -1px #0f172b0d;--shadow-sm:0px 4px 8px -1px #0f172b1a,0px 1px 2px -2px #0f172b1a;--shadow:0px 4px 8px -1px #0f172b1a,0px 1px 2px -2px #0f172b1a;--shadow-md:0px 4px 8px -1px #0f172b1a,0px 2px 4px -2px #0f172b1a;--shadow-lg:0px 4px 8px -1px #0f172b1a,0px 4px 6px -2px #0f172b1a;--shadow-xl:0px 4px 8px -1px #0f172b1a,0px 8px 10px -2px #0f172b1a;--shadow-2xl:0px 4px 8px -1px #0f172b40}.dark{--background:var(--slate-900);--foreground:var(--brand-byte-white);--primary:var(--brand-ee-blue);--primary-foreground:var(--brand-byte-white);--secondary:var(--brand-transform-teal);--secondary-foreground:var(--brand-byte-white);--muted:var(--slate-100);--muted-foreground:var(--slate-300);--accent:var(--ee-blue-800);--accent-foreground:var(--slate-950);--destructive:var(--red-600);--destructive-foreground:var(--brand-byte-white);--border:var(--slate-700);--input:var(--slate-600);--ring:var(--slate-300);--card:var(--tech-blue-800);--card-foreground:var(--slate-950);--popover:var(--black);--popover-foreground:var(--brand-byte-white);--chart-1:#1f77b4;--chart-2:#ff7f0e;--chart-3:#2ca02c;--chart-4:#d62728;--chart-5:#9467bd;--sidebar:var(--tech-blue-700);--sidebar-foreground:var(--brand-byte-white);--sidebar-primary:var(--brand-ee-blue);--sidebar-primary-foreground:var(--brand-ee-blue-accent);--sidebar-accent:var(--ee-blue-700);--sidebar-accent-foreground:var(--brand-tech-blue);--sidebar-border:var(--slate-200);--sidebar-ring:var(--slate-100);--kuat-header-default-background:var(--slate-900);--kuat-header-default-foreground:var(--slate-100);--kuat-header-default-foreground-secondary:var(--slate-400);--kuat-radial-progress-background-bar:var(--slate-700);--kuat-radial-progress-foreground-bar:var(--ee-blue-400);--font-sans:Lexend,ui-sans-serif,sans-serif,system-ui;--font-serif:Lora,serif;--font-mono:"JetBrains Mono",ui-monospace,monospace;--radius:.3rem;--tracking-normal:.01em;--spacing:.25rem;--shadow-x:0px;--shadow-y:4px;--shadow-blur:8px;--shadow-spread:-1px;--shadow-opacity:.1;--shadow-color:#000;--shadow-2xs:0px 4px 8px -1px #0000000d;--shadow-xs:0px 4px 8px -1px #0000000d;--shadow-sm:0px 4px 8px -1px #0000001a,0px 1px 2px -2px #0000001a;--shadow:0px 4px 8px -1px #0000001a,0px 1px 2px -2px #0000001a;--shadow-md:0px 4px 8px -1px #0000001a,0px 2px 4px -2px #0000001a;--shadow-lg:0px 4px 8px -1px #0000001a,0px 4px 6px -2px #0000001a;--shadow-xl:0px 4px 8px -1px #0000001a,0px 8px 10px -2px #0000001a;--shadow-2xl:0px 4px 8px -1px #00000040}:root,:host{--kuat-radial-progress-size-mini:48px;--kuat-radial-progress-size-small:64px;--kuat-radial-progress-size-medium:96px;--kuat-radial-progress-size-large:128px;--shadow-2xs:var(--shadow-2xs);--shadow-xs:var(--shadow-xs);--shadow-sm:var(--shadow-sm);--shadow:var(--shadow);--shadow-md:var(--shadow-md);--shadow-lg:var(--shadow-lg);--shadow-xl:var(--shadow-xl);--shadow-2xl:var(--shadow-2xl);--tracking-tight:calc(var(--tracking-normal) - .025em);--tracking-normal:var(--tracking-normal);--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--spacing:.25rem;--font-weight-medium:500;--ease-out:cubic-bezier(0,0,.2,1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}body{letter-spacing:var(--tracking-normal)}*{border-color:var(--border)}body{background-color:var(--background);color:var(--foreground)}:root{--kuat-button-ee-blue-primary-background:var(--brand-ee-blue);--kuat-button-ee-blue-primary-background--hover:var(--ee-blue-600);--kuat-button-ee-blue-primary-background--active:var(--ee-blue-700);--kuat-button-ee-blue-primary-background--focus:var(--brand-ee-blue);--kuat-button-ee-blue-primary-background--disabled:var(--slate-200);--kuat-button-ee-blue-primary-foreground:var(--brand-byte-white);--kuat-button-ee-blue-primary-foreground--disabled:var(--slate-500);--kuat-button-ee-blue-secondary-background:var(--ee-blue-100);--kuat-button-ee-blue-secondary-background--hover:var(--ee-blue-200);--kuat-button-ee-blue-secondary-background--active:var(--ee-blue-300);--kuat-button-ee-blue-secondary-background--focus:var(--ee-blue-100);--kuat-button-ee-blue-secondary-background--disabled:var(--slate-100);--kuat-button-ee-blue-secondary-foreground:var(--brand-ee-blue);--kuat-button-ee-blue-secondary-foreground--disabled:var(--slate-500);--kuat-button-ee-blue-outline-background:transparent;--kuat-button-ee-blue-outline-background--hover:var(--ee-blue-50);--kuat-button-ee-blue-outline-background--active:var(--ee-blue-100);--kuat-button-ee-blue-outline-background--focus:transparent;--kuat-button-ee-blue-outline-background--disabled:transparent;--kuat-button-ee-blue-outline-foreground:var(--brand-ee-blue);--kuat-button-ee-blue-outline-foreground--disabled:var(--slate-500);--kuat-button-ee-blue-outline-border:var(--brand-ee-blue);--kuat-button-ee-blue-outline-border--hover:var(--ee-blue-600);--kuat-button-ee-blue-outline-border--focus:var(--brand-ee-blue);--kuat-button-ee-blue-outline-border--disabled:var(--slate-300);--kuat-button-ee-blue-ghost-background:transparent;--kuat-button-ee-blue-ghost-background--hover:var(--ee-blue-50);--kuat-button-ee-blue-ghost-background--active:var(--ee-blue-100);--kuat-button-ee-blue-ghost-background--focus:transparent;--kuat-button-ee-blue-ghost-background--disabled:transparent;--kuat-button-ee-blue-ghost-foreground:var(--brand-ee-blue);--kuat-button-ee-blue-ghost-foreground--disabled:var(--slate-500);--kuat-button-ee-blue-ghost-muted-background:transparent;--kuat-button-ee-blue-ghost-muted-background--hover:var(--slate-100);--kuat-button-ee-blue-ghost-muted-background--active:var(--slate-200);--kuat-button-ee-blue-ghost-muted-background--focus:transparent;--kuat-button-ee-blue-ghost-muted-background--disabled:transparent;--kuat-button-ee-blue-ghost-muted-foreground:var(--slate-700);--kuat-button-ee-blue-ghost-muted-foreground--disabled:var(--slate-500);--kuat-button-ee-blue-destructive-background:var(--red-600);--kuat-button-ee-blue-destructive-background--hover:var(--red-600);--kuat-button-ee-blue-destructive-background--active:var(--red-600);--kuat-button-ee-blue-destructive-background--focus:var(--red-600);--kuat-button-ee-blue-destructive-background--disabled:var(--slate-200);--kuat-button-ee-blue-destructive-foreground:var(--brand-byte-white);--kuat-button-ee-blue-destructive-foreground--disabled:var(--slate-500);--kuat-button-tech-blue-primary-background:var(--brand-tech-blue);--kuat-button-tech-blue-primary-background--hover:var(--tech-blue-600);--kuat-button-tech-blue-primary-background--active:var(--tech-blue-700);--kuat-button-tech-blue-primary-background--focus:var(--brand-tech-blue);--kuat-button-tech-blue-primary-background--disabled:var(--slate-200);--kuat-button-tech-blue-primary-foreground:var(--brand-byte-white);--kuat-button-tech-blue-primary-foreground--disabled:var(--slate-500);--kuat-button-tech-blue-secondary-background:var(--tech-blue-100);--kuat-button-tech-blue-secondary-background--hover:var(--tech-blue-200);--kuat-button-tech-blue-secondary-background--active:var(--tech-blue-300);--kuat-button-tech-blue-secondary-background--focus:var(--tech-blue-100);--kuat-button-tech-blue-secondary-background--disabled:var(--slate-100);--kuat-button-tech-blue-secondary-foreground:var(--brand-tech-blue);--kuat-button-tech-blue-secondary-foreground--disabled:var(--slate-500);--kuat-button-tech-blue-outline-background:transparent;--kuat-button-tech-blue-outline-background--hover:var(--tech-blue-50);--kuat-button-tech-blue-outline-background--active:var(--tech-blue-100);--kuat-button-tech-blue-outline-background--focus:transparent;--kuat-button-tech-blue-outline-background--disabled:transparent;--kuat-button-tech-blue-outline-foreground:var(--brand-tech-blue);--kuat-button-tech-blue-outline-foreground--disabled:var(--slate-500);--kuat-button-tech-blue-outline-border:var(--brand-tech-blue);--kuat-button-tech-blue-outline-border--hover:var(--tech-blue-600);--kuat-button-tech-blue-outline-border--focus:var(--brand-tech-blue);--kuat-button-tech-blue-outline-border--disabled:var(--slate-300);--kuat-button-tech-blue-ghost-background:transparent;--kuat-button-tech-blue-ghost-background--hover:var(--tech-blue-50);--kuat-button-tech-blue-ghost-background--active:var(--tech-blue-100);--kuat-button-tech-blue-ghost-background--focus:transparent;--kuat-button-tech-blue-ghost-background--disabled:transparent;--kuat-button-tech-blue-ghost-foreground:var(--brand-tech-blue);--kuat-button-tech-blue-ghost-foreground--disabled:var(--slate-500);--kuat-button-tech-blue-ghost-muted-background:transparent;--kuat-button-tech-blue-ghost-muted-background--hover:var(--slate-100);--kuat-button-tech-blue-ghost-muted-background--active:var(--slate-200);--kuat-button-tech-blue-ghost-muted-background--focus:transparent;--kuat-button-tech-blue-ghost-muted-background--disabled:transparent;--kuat-button-tech-blue-ghost-muted-foreground:var(--slate-700);--kuat-button-tech-blue-ghost-muted-foreground--disabled:var(--slate-500);--kuat-button-tech-blue-destructive-background:var(--red-600);--kuat-button-tech-blue-destructive-background--hover:var(--red-600);--kuat-button-tech-blue-destructive-background--active:var(--red-600);--kuat-button-tech-blue-destructive-background--focus:var(--red-600);--kuat-button-tech-blue-destructive-background--disabled:var(--slate-200);--kuat-button-tech-blue-destructive-foreground:var(--brand-byte-white);--kuat-button-tech-blue-destructive-foreground--disabled:var(--slate-500);--kuat-button-byte-white-primary-background:var(--brand-byte-white);--kuat-button-byte-white-primary-background--hover:var(--slate-100);--kuat-button-byte-white-primary-background--active:var(--slate-200);--kuat-button-byte-white-primary-background--focus:var(--brand-byte-white);--kuat-button-byte-white-primary-background--disabled:var(--slate-100);--kuat-button-byte-white-primary-foreground:var(--slate-950);--kuat-button-byte-white-primary-foreground--disabled:var(--slate-500);--kuat-button-byte-white-secondary-background:var(--slate-100);--kuat-button-byte-white-secondary-background--hover:var(--slate-200);--kuat-button-byte-white-secondary-background--active:var(--slate-300);--kuat-button-byte-white-secondary-background--focus:var(--slate-100);--kuat-button-byte-white-secondary-background--disabled:var(--slate-100);--kuat-button-byte-white-secondary-foreground:var(--slate-950);--kuat-button-byte-white-secondary-foreground--disabled:var(--slate-500);--kuat-button-byte-white-outline-background:transparent;--kuat-button-byte-white-outline-background--hover:var(--slate-100);--kuat-button-byte-white-outline-background--active:var(--slate-200);--kuat-button-byte-white-outline-background--focus:transparent;--kuat-button-byte-white-outline-background--disabled:transparent;--kuat-button-byte-white-outline-foreground:var(--slate-950);--kuat-button-byte-white-outline-foreground--disabled:var(--slate-500);--kuat-button-byte-white-outline-border:var(--slate-300);--kuat-button-byte-white-outline-border--hover:var(--slate-400);--kuat-button-byte-white-outline-border--focus:var(--slate-300);--kuat-button-byte-white-outline-border--disabled:var(--slate-200);--kuat-button-byte-white-ghost-background:transparent;--kuat-button-byte-white-ghost-background--hover:var(--slate-100);--kuat-button-byte-white-ghost-background--active:var(--slate-200);--kuat-button-byte-white-ghost-background--focus:transparent;--kuat-button-byte-white-ghost-background--disabled:transparent;--kuat-button-byte-white-ghost-foreground:var(--slate-950);--kuat-button-byte-white-ghost-foreground--disabled:var(--slate-500);--kuat-button-byte-white-ghost-muted-background:transparent;--kuat-button-byte-white-ghost-muted-background--hover:var(--slate-100);--kuat-button-byte-white-ghost-muted-background--active:var(--slate-200);--kuat-button-byte-white-ghost-muted-background--focus:transparent;--kuat-button-byte-white-ghost-muted-background--disabled:transparent;--kuat-button-byte-white-ghost-muted-foreground:var(--slate-700);--kuat-button-byte-white-ghost-muted-foreground--disabled:var(--slate-500);--kuat-button-byte-white-destructive-background:var(--red-600);--kuat-button-byte-white-destructive-background--hover:var(--red-600);--kuat-button-byte-white-destructive-background--active:var(--red-600);--kuat-button-byte-white-destructive-background--focus:var(--red-600);--kuat-button-byte-white-destructive-background--disabled:var(--slate-200);--kuat-button-byte-white-destructive-foreground:var(--brand-byte-white);--kuat-button-byte-white-destructive-foreground--disabled:var(--slate-500);--kuat-button-the-cloud-primary-background:var(--brand-the-cloud);--kuat-button-the-cloud-primary-background--hover:var(--slate-200);--kuat-button-the-cloud-primary-background--active:var(--slate-300);--kuat-button-the-cloud-primary-background--focus:var(--brand-the-cloud);--kuat-button-the-cloud-primary-background--disabled:var(--slate-100);--kuat-button-the-cloud-primary-foreground:var(--slate-950);--kuat-button-the-cloud-primary-foreground--disabled:var(--slate-500);--kuat-button-the-cloud-secondary-background:var(--slate-200);--kuat-button-the-cloud-secondary-background--hover:var(--slate-300);--kuat-button-the-cloud-secondary-background--active:var(--slate-400);--kuat-button-the-cloud-secondary-background--focus:var(--slate-200);--kuat-button-the-cloud-secondary-background--disabled:var(--slate-100);--kuat-button-the-cloud-secondary-foreground:var(--slate-950);--kuat-button-the-cloud-secondary-foreground--disabled:var(--slate-500);--kuat-button-the-cloud-outline-background:transparent;--kuat-button-the-cloud-outline-background--hover:var(--slate-100);--kuat-button-the-cloud-outline-background--active:var(--slate-200);--kuat-button-the-cloud-outline-background--focus:transparent;--kuat-button-the-cloud-outline-background--disabled:transparent;--kuat-button-the-cloud-outline-foreground:var(--slate-950);--kuat-button-the-cloud-outline-foreground--disabled:var(--slate-500);--kuat-button-the-cloud-outline-border:var(--slate-300);--kuat-button-the-cloud-outline-border--hover:var(--slate-400);--kuat-button-the-cloud-outline-border--focus:var(--slate-300);--kuat-button-the-cloud-outline-border--disabled:var(--slate-200);--kuat-button-the-cloud-ghost-background:transparent;--kuat-button-the-cloud-ghost-background--hover:var(--slate-100);--kuat-button-the-cloud-ghost-background--active:var(--slate-200);--kuat-button-the-cloud-ghost-background--focus:transparent;--kuat-button-the-cloud-ghost-background--disabled:transparent;--kuat-button-the-cloud-ghost-foreground:var(--slate-950);--kuat-button-the-cloud-ghost-foreground--disabled:var(--slate-500);--kuat-button-the-cloud-ghost-muted-background:transparent;--kuat-button-the-cloud-ghost-muted-background--hover:var(--slate-200);--kuat-button-the-cloud-ghost-muted-background--active:var(--slate-300);--kuat-button-the-cloud-ghost-muted-background--focus:transparent;--kuat-button-the-cloud-ghost-muted-background--disabled:transparent;--kuat-button-the-cloud-ghost-muted-foreground:var(--slate-700);--kuat-button-the-cloud-ghost-muted-foreground--disabled:var(--slate-500);--kuat-button-the-cloud-destructive-background:var(--red-600);--kuat-button-the-cloud-destructive-background--hover:var(--red-600);--kuat-button-the-cloud-destructive-background--active:var(--red-600);--kuat-button-the-cloud-destructive-background--focus:var(--red-600);--kuat-button-the-cloud-destructive-background--disabled:var(--slate-200);--kuat-button-the-cloud-destructive-foreground:var(--brand-byte-white);--kuat-button-the-cloud-destructive-foreground--disabled:var(--slate-500);--kuat-button-dark-data-primary-background:var(--brand-dark-data);--kuat-button-dark-data-primary-background--hover:var(--slate-800);--kuat-button-dark-data-primary-background--active:var(--slate-900);--kuat-button-dark-data-primary-background--focus:var(--brand-dark-data);--kuat-button-dark-data-primary-background--disabled:var(--slate-700);--kuat-button-dark-data-primary-foreground:var(--brand-byte-white);--kuat-button-dark-data-primary-foreground--disabled:var(--slate-500);--kuat-button-dark-data-secondary-background:var(--slate-700);--kuat-button-dark-data-secondary-background--hover:var(--slate-600);--kuat-button-dark-data-secondary-background--active:var(--slate-500);--kuat-button-dark-data-secondary-background--focus:var(--slate-700);--kuat-button-dark-data-secondary-background--disabled:var(--slate-800);--kuat-button-dark-data-secondary-foreground:var(--slate-100);--kuat-button-dark-data-secondary-foreground--disabled:var(--slate-500);--kuat-button-dark-data-outline-background:transparent;--kuat-button-dark-data-outline-background--hover:var(--slate-800);--kuat-button-dark-data-outline-background--active:var(--slate-700);--kuat-button-dark-data-outline-background--focus:transparent;--kuat-button-dark-data-outline-background--disabled:transparent;--kuat-button-dark-data-outline-foreground:var(--brand-byte-white);--kuat-button-dark-data-outline-foreground--disabled:var(--slate-500);--kuat-button-dark-data-outline-border:var(--slate-600);--kuat-button-dark-data-outline-border--hover:var(--slate-500);--kuat-button-dark-data-outline-border--focus:var(--slate-600);--kuat-button-dark-data-outline-border--disabled:var(--slate-700);--kuat-button-dark-data-ghost-background:transparent;--kuat-button-dark-data-ghost-background--hover:var(--slate-800);--kuat-button-dark-data-ghost-background--active:var(--slate-700);--kuat-button-dark-data-ghost-background--focus:transparent;--kuat-button-dark-data-ghost-background--disabled:transparent;--kuat-button-dark-data-ghost-foreground:var(--brand-byte-white);--kuat-button-dark-data-ghost-foreground--disabled:var(--slate-500);--kuat-button-dark-data-ghost-muted-background:transparent;--kuat-button-dark-data-ghost-muted-background--hover:var(--slate-800);--kuat-button-dark-data-ghost-muted-background--active:var(--slate-700);--kuat-button-dark-data-ghost-muted-background--focus:transparent;--kuat-button-dark-data-ghost-muted-background--disabled:transparent;--kuat-button-dark-data-ghost-muted-foreground:var(--slate-300);--kuat-button-dark-data-ghost-muted-foreground--disabled:var(--slate-500);--kuat-button-dark-data-destructive-background:var(--red-600);--kuat-button-dark-data-destructive-background--hover:var(--red-600);--kuat-button-dark-data-destructive-background--active:var(--red-600);--kuat-button-dark-data-destructive-background--focus:var(--red-600);--kuat-button-dark-data-destructive-background--disabled:var(--slate-700);--kuat-button-dark-data-destructive-foreground:var(--brand-byte-white);--kuat-button-dark-data-destructive-foreground--disabled:var(--slate-500);--kuat-button-transform-teal-primary-background:var(--brand-transform-teal);--kuat-button-transform-teal-primary-background--hover:var(--transform-teal-600);--kuat-button-transform-teal-primary-background--active:var(--transform-teal-700);--kuat-button-transform-teal-primary-background--focus:var(--brand-transform-teal);--kuat-button-transform-teal-primary-background--disabled:var(--slate-200);--kuat-button-transform-teal-primary-foreground:var(--brand-byte-white);--kuat-button-transform-teal-primary-foreground--disabled:var(--slate-500);--kuat-button-transform-teal-secondary-background:var(--transform-teal-100);--kuat-button-transform-teal-secondary-background--hover:var(--transform-teal-200);--kuat-button-transform-teal-secondary-background--active:var(--transform-teal-300);--kuat-button-transform-teal-secondary-background--focus:var(--transform-teal-100);--kuat-button-transform-teal-secondary-background--disabled:var(--slate-100);--kuat-button-transform-teal-secondary-foreground:var(--brand-transform-teal);--kuat-button-transform-teal-secondary-foreground--disabled:var(--slate-500);--kuat-button-transform-teal-outline-background:transparent;--kuat-button-transform-teal-outline-background--hover:var(--transform-teal-50);--kuat-button-transform-teal-outline-background--active:var(--transform-teal-100);--kuat-button-transform-teal-outline-background--focus:transparent;--kuat-button-transform-teal-outline-background--disabled:transparent;--kuat-button-transform-teal-outline-foreground:var(--brand-transform-teal);--kuat-button-transform-teal-outline-foreground--disabled:var(--slate-500);--kuat-button-transform-teal-outline-border:var(--brand-transform-teal);--kuat-button-transform-teal-outline-border--hover:var(--transform-teal-600);--kuat-button-transform-teal-outline-border--focus:var(--brand-transform-teal);--kuat-button-transform-teal-outline-border--disabled:var(--slate-300);--kuat-button-transform-teal-ghost-background:transparent;--kuat-button-transform-teal-ghost-background--hover:var(--transform-teal-50);--kuat-button-transform-teal-ghost-background--active:var(--transform-teal-100);--kuat-button-transform-teal-ghost-background--focus:transparent;--kuat-button-transform-teal-ghost-background--disabled:transparent;--kuat-button-transform-teal-ghost-foreground:var(--brand-transform-teal);--kuat-button-transform-teal-ghost-foreground--disabled:var(--slate-500);--kuat-button-transform-teal-ghost-muted-background:transparent;--kuat-button-transform-teal-ghost-muted-background--hover:var(--slate-100);--kuat-button-transform-teal-ghost-muted-background--active:var(--slate-200);--kuat-button-transform-teal-ghost-muted-background--focus:transparent;--kuat-button-transform-teal-ghost-muted-background--disabled:transparent;--kuat-button-transform-teal-ghost-muted-foreground:var(--slate-700);--kuat-button-transform-teal-ghost-muted-foreground--disabled:var(--slate-500);--kuat-button-transform-teal-destructive-background:var(--red-600);--kuat-button-transform-teal-destructive-background--hover:var(--red-600);--kuat-button-transform-teal-destructive-background--active:var(--red-600);--kuat-button-transform-teal-destructive-background--focus:var(--red-600);--kuat-button-transform-teal-destructive-background--disabled:var(--slate-200);--kuat-button-transform-teal-destructive-foreground:var(--brand-byte-white);--kuat-button-transform-teal-destructive-foreground--disabled:var(--slate-500);--kuat-button-equal-ember-primary-background:var(--brand-equal-ember);--kuat-button-equal-ember-primary-background--hover:var(--equal-ember-600);--kuat-button-equal-ember-primary-background--active:var(--equal-ember-700);--kuat-button-equal-ember-primary-background--focus:var(--brand-equal-ember);--kuat-button-equal-ember-primary-background--disabled:var(--slate-200);--kuat-button-equal-ember-primary-foreground:var(--brand-byte-white);--kuat-button-equal-ember-primary-foreground--disabled:var(--slate-500);--kuat-button-equal-ember-secondary-background:var(--equal-ember-100);--kuat-button-equal-ember-secondary-background--hover:var(--equal-ember-200);--kuat-button-equal-ember-secondary-background--active:var(--equal-ember-300);--kuat-button-equal-ember-secondary-background--focus:var(--equal-ember-100);--kuat-button-equal-ember-secondary-background--disabled:var(--slate-100);--kuat-button-equal-ember-secondary-foreground:var(--brand-equal-ember);--kuat-button-equal-ember-secondary-foreground--disabled:var(--slate-500);--kuat-button-equal-ember-outline-background:transparent;--kuat-button-equal-ember-outline-background--hover:var(--equal-ember-50);--kuat-button-equal-ember-outline-background--active:var(--equal-ember-100);--kuat-button-equal-ember-outline-background--focus:transparent;--kuat-button-equal-ember-outline-background--disabled:transparent;--kuat-button-equal-ember-outline-foreground:var(--brand-equal-ember);--kuat-button-equal-ember-outline-foreground--disabled:var(--slate-500);--kuat-button-equal-ember-outline-border:var(--brand-equal-ember);--kuat-button-equal-ember-outline-border--hover:var(--equal-ember-600);--kuat-button-equal-ember-outline-border--focus:var(--brand-equal-ember);--kuat-button-equal-ember-outline-border--disabled:var(--slate-300);--kuat-button-equal-ember-ghost-background:transparent;--kuat-button-equal-ember-ghost-background--hover:var(--equal-ember-50);--kuat-button-equal-ember-ghost-background--active:var(--equal-ember-100);--kuat-button-equal-ember-ghost-background--focus:transparent;--kuat-button-equal-ember-ghost-background--disabled:transparent;--kuat-button-equal-ember-ghost-foreground:var(--brand-equal-ember);--kuat-button-equal-ember-ghost-foreground--disabled:var(--slate-500);--kuat-button-equal-ember-ghost-muted-background:transparent;--kuat-button-equal-ember-ghost-muted-background--hover:var(--slate-100);--kuat-button-equal-ember-ghost-muted-background--active:var(--slate-200);--kuat-button-equal-ember-ghost-muted-background--focus:transparent;--kuat-button-equal-ember-ghost-muted-background--disabled:transparent;--kuat-button-equal-ember-ghost-muted-foreground:var(--slate-700);--kuat-button-equal-ember-ghost-muted-foreground--disabled:var(--slate-500);--kuat-button-equal-ember-destructive-background:var(--red-600);--kuat-button-equal-ember-destructive-background--hover:var(--red-600);--kuat-button-equal-ember-destructive-background--active:var(--red-600);--kuat-button-equal-ember-destructive-background--focus:var(--red-600);--kuat-button-equal-ember-destructive-background--disabled:var(--slate-200);--kuat-button-equal-ember-destructive-foreground:var(--brand-byte-white);--kuat-button-equal-ember-destructive-foreground--disabled:var(--slate-500)}*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}:root{--kuat-radial-progress-size-mini:48px;--kuat-radial-progress-size-small:64px;--kuat-radial-progress-size-medium:96px;--kuat-radial-progress-size-large:128px}@layer theme,components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.flex{display:flex}.hidden{display:none}.inline-flex{display:inline-flex}.h-4{height:calc(var(--spacing)*4)}.w-4{width:calc(var(--spacing)*4)}.shrink-0{flex-shrink:0}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.items-center{align-items:center}.gap-1{gap:calc(var(--spacing)*1)}.gap-2{gap:calc(var(--spacing)*2)}.border{border-style:var(--tw-border-style);border-width:1px}.bg-background{background-color:var(--background)}.p-4{padding:calc(var(--spacing)*4)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.text-foreground{color:var(--foreground)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-ease{syntax:"*";inherits:false}
@@ -0,0 +1 @@
1
+ export {};
@@ -2273,6 +2273,5 @@ function We(...e) {
2273
2273
  return Le(ne(e));
2274
2274
  }
2275
2275
  export {
2276
- ne as a,
2277
2276
  We as c
2278
2277
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@equal-experts/kuat-react",
3
- "version": "0.4.1",
3
+ "version": "0.4.2",
4
4
  "type": "module",
5
5
  "main": "./dist/index.js",
6
6
  "module": "./dist/index.js",
@@ -30,6 +30,10 @@
30
30
  "import": "./dist/button-group.js",
31
31
  "types": "./dist/button-group.d.ts"
32
32
  },
33
+ "./kuat-radial-progress": {
34
+ "import": "./dist/kuat-radial-progress.js",
35
+ "types": "./dist/kuat-radial-progress.d.ts"
36
+ },
33
37
  "./styles": "./dist/style.css"
34
38
  },
35
39
  "files": [
@@ -50,28 +54,29 @@
50
54
  "url": "https://github.com/your-org/kuat-mono.git",
51
55
  "directory": "packages/kuat-react"
52
56
  },
53
- "scripts": {
54
- "build": "vite build",
55
- "dev": "vite build --watch",
56
- "lint": "eslint . --max-warnings 0"
57
- },
58
57
  "dependencies": {
59
58
  "class-variance-authority": "^0.7.0",
60
59
  "clsx": "^2.1.0",
60
+ "embla-carousel-react": "^8.0.0",
61
61
  "tailwind-merge": "^2.2.1"
62
62
  },
63
63
  "devDependencies": {
64
- "@equal-experts/kuat-core": "^0.3.0",
65
64
  "@tailwindcss/vite": "^4.0.0",
65
+ "@testing-library/jest-dom": "^6.6.0",
66
+ "@testing-library/react": "^16.0.0",
67
+ "@testing-library/user-event": "^14.5.0",
66
68
  "@types/react": "^19.0.0",
67
69
  "@types/react-dom": "^19.0.0",
68
70
  "@vitejs/plugin-react": "^4.2.1",
69
71
  "autoprefixer": "^10.4.17",
72
+ "jsdom": "^24.0.0",
70
73
  "postcss": "^8.4.33",
71
74
  "tailwindcss": "^4.0.0",
72
75
  "typescript": "^5.3.3",
73
76
  "vite": "^5.1.0",
74
- "vite-plugin-dts": "^3.6.4"
77
+ "vite-plugin-dts": "^3.6.4",
78
+ "vitest": "^2.0.0",
79
+ "@equal-experts/kuat-core": "0.4.2"
75
80
  },
76
81
  "peerDependencies": {
77
82
  "react": "^18.2.0 || ^19.0.0",
@@ -103,5 +108,12 @@
103
108
  "@radix-ui/react-toggle-group": "^1.0.3",
104
109
  "@radix-ui/react-tooltip": "^1.0.7",
105
110
  "lucide-react": "^0.344.0 || >=0.400.0"
111
+ },
112
+ "scripts": {
113
+ "build": "vite build",
114
+ "dev": "vite build --watch",
115
+ "lint": "eslint . --max-warnings 0",
116
+ "test": "vitest",
117
+ "test:run": "vitest run"
106
118
  }
107
- }
119
+ }
@@ -1,46 +0,0 @@
1
- import { jsx as t, jsxs as c } from "react/jsx-runtime";
2
- import * as s from "react";
3
- import * as a from "@radix-ui/react-accordion";
4
- import { ChevronDown as d } from "lucide-react";
5
- import { c as i } from "./utils-qaFjX9_3.js";
6
- const w = a.Root, m = s.forwardRef(({ className: e, ...o }, r) => /* @__PURE__ */ t(
7
- a.Item,
8
- {
9
- ref: r,
10
- className: i("border-b", e),
11
- ...o
12
- }
13
- ));
14
- m.displayName = "AccordionItem";
15
- const l = s.forwardRef(({ className: e, children: o, ...r }, n) => /* @__PURE__ */ t(a.Header, { className: "flex", children: /* @__PURE__ */ c(
16
- a.Trigger,
17
- {
18
- ref: n,
19
- className: i(
20
- "flex flex-1 items-center justify-between py-4 font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180 ",
21
- e
22
- ),
23
- ...r,
24
- children: [
25
- o,
26
- /* @__PURE__ */ t(d, { className: "h-4 w-4 shrink-0 transition-transform duration-200" })
27
- ]
28
- }
29
- ) }));
30
- l.displayName = a.Trigger.displayName;
31
- const f = s.forwardRef(({ className: e, children: o, ...r }, n) => /* @__PURE__ */ t(
32
- a.Content,
33
- {
34
- ref: n,
35
- className: "overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
36
- ...r,
37
- children: /* @__PURE__ */ t("div", { className: i("pb-4 pt-0", e), children: o })
38
- }
39
- ));
40
- f.displayName = a.Content.displayName;
41
- export {
42
- w as A,
43
- m as a,
44
- l as b,
45
- f as c
46
- };
@@ -1,113 +0,0 @@
1
- import { jsx as s, jsxs as n } from "react/jsx-runtime";
2
- import * as i from "react";
3
- import * as t from "@radix-ui/react-alert-dialog";
4
- import { c as l } from "./utils-qaFjX9_3.js";
5
- import { b as r } from "./button-CPn6T5-L.js";
6
- const w = t.Root, b = t.Trigger, m = t.Portal, d = i.forwardRef(({ className: a, ...e }, o) => /* @__PURE__ */ s(
7
- t.Overlay,
8
- {
9
- className: l(
10
- "fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
11
- a
12
- ),
13
- ...e,
14
- ref: o
15
- }
16
- ));
17
- d.displayName = t.Overlay.displayName;
18
- const c = i.forwardRef(({ className: a, ...e }, o) => /* @__PURE__ */ n(m, { children: [
19
- /* @__PURE__ */ s(d, {}),
20
- /* @__PURE__ */ s(
21
- t.Content,
22
- {
23
- ref: o,
24
- className: l(
25
- "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
26
- a
27
- ),
28
- ...e
29
- }
30
- )
31
- ] }));
32
- c.displayName = t.Content.displayName;
33
- const f = ({
34
- className: a,
35
- ...e
36
- }) => /* @__PURE__ */ s(
37
- "div",
38
- {
39
- className: l(
40
- "flex flex-col space-y-2 text-center sm:text-left",
41
- a
42
- ),
43
- ...e
44
- }
45
- );
46
- f.displayName = "AlertDialogHeader";
47
- const p = ({
48
- className: a,
49
- ...e
50
- }) => /* @__PURE__ */ s(
51
- "div",
52
- {
53
- className: l(
54
- "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
55
- a
56
- ),
57
- ...e
58
- }
59
- );
60
- p.displayName = "AlertDialogFooter";
61
- const g = i.forwardRef(({ className: a, ...e }, o) => /* @__PURE__ */ s(
62
- t.Title,
63
- {
64
- ref: o,
65
- className: l("text-lg font-semibold", a),
66
- ...e
67
- }
68
- ));
69
- g.displayName = t.Title.displayName;
70
- const N = i.forwardRef(({ className: a, ...e }, o) => /* @__PURE__ */ s(
71
- t.Description,
72
- {
73
- ref: o,
74
- className: l("text-sm text-muted-foreground", a),
75
- ...e
76
- }
77
- ));
78
- N.displayName = t.Description.displayName;
79
- const y = i.forwardRef(({ className: a, ...e }, o) => /* @__PURE__ */ s(
80
- t.Action,
81
- {
82
- ref: o,
83
- className: l(r(), a),
84
- ...e
85
- }
86
- ));
87
- y.displayName = t.Action.displayName;
88
- const x = i.forwardRef(({ className: a, ...e }, o) => /* @__PURE__ */ s(
89
- t.Cancel,
90
- {
91
- ref: o,
92
- className: l(
93
- r({ variant: "outline" }),
94
- "mt-2 sm:mt-0",
95
- a
96
- ),
97
- ...e
98
- }
99
- ));
100
- x.displayName = t.Cancel.displayName;
101
- export {
102
- w as A,
103
- m as a,
104
- d as b,
105
- b as c,
106
- c as d,
107
- f as e,
108
- p as f,
109
- g,
110
- N as h,
111
- y as i,
112
- x as j
113
- };
@@ -1,26 +0,0 @@
1
- import { jsx as n } from "react/jsx-runtime";
2
- import { c as o } from "./index-DACAHwoB.js";
3
- import { c as a } from "./utils-qaFjX9_3.js";
4
- const s = o(
5
- "inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
6
- {
7
- variants: {
8
- variant: {
9
- default: "border-transparent bg-primary text-primary-foreground",
10
- secondary: "border-transparent bg-secondary text-secondary-foreground",
11
- destructive: "border-transparent bg-destructive text-destructive-foreground",
12
- outline: "text-foreground"
13
- }
14
- },
15
- defaultVariants: {
16
- variant: "default"
17
- }
18
- }
19
- );
20
- function u({ className: r, variant: t, ...e }) {
21
- return /* @__PURE__ */ n("div", { className: a(s({ variant: t }), r), ...e });
22
- }
23
- export {
24
- u as B,
25
- s as b
26
- };
@@ -1,44 +0,0 @@
1
- import { jsx as s } from "react/jsx-runtime";
2
- import * as a from "react";
3
- import { Slot as d } from "@radix-ui/react-slot";
4
- import { c } from "./index-DACAHwoB.js";
5
- import { c as u } from "./utils-qaFjX9_3.js";
6
- const f = c(
7
- "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
8
- {
9
- variants: {
10
- variant: {
11
- default: "bg-primary text-primary-foreground hover:bg-primary/90",
12
- destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
13
- outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
14
- secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
15
- ghost: "hover:bg-accent hover:text-accent-foreground",
16
- link: "text-primary underline-offset-4 hover:underline"
17
- },
18
- size: {
19
- default: "h-10 px-4 py-2",
20
- sm: "h-9 rounded-md px-3",
21
- lg: "h-11 rounded-md px-8",
22
- icon: "h-10 w-10"
23
- }
24
- },
25
- defaultVariants: {
26
- variant: "default",
27
- size: "default"
28
- }
29
- }
30
- ), g = a.forwardRef(
31
- ({ className: e, variant: r, size: t, asChild: o = !1, ...n }, i) => /* @__PURE__ */ s(
32
- o ? d : "button",
33
- {
34
- className: u(f({ variant: r, size: t, className: e })),
35
- ref: i,
36
- ...n
37
- }
38
- )
39
- );
40
- g.displayName = "Button";
41
- export {
42
- g as B,
43
- f as b
44
- };