@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.
- package/README.md +13 -28
- package/dist/accordion-DwQCxX_5.js +43 -0
- package/dist/accordion.css +1 -0
- package/dist/accordion.js +7 -6
- package/dist/alert-dialog-CT9DCCMH.js +96 -0
- package/dist/alert-dialog.css +1 -0
- package/dist/alert-dialog.js +14 -13
- package/dist/badge-Yftb6Tdy.js +22 -0
- package/dist/badge.css +1 -0
- package/dist/badge.js +5 -4
- package/dist/button-DqdoNQqx.js +69 -0
- package/dist/button-group-BNfxHMty.js +80 -0
- package/dist/button-group.css +1 -0
- package/dist/button-group.js +7 -6
- package/dist/button.css +1 -0
- package/dist/button.js +5 -4
- package/dist/components/ui/accordion/index.d.ts +1 -0
- package/dist/components/ui/alert-dialog/index.d.ts +1 -0
- package/dist/components/ui/badge/badge.d.ts +16 -0
- package/dist/components/ui/badge/index.d.ts +2 -0
- package/dist/components/ui/breadcrumb/Breadcrumb.d.ts +29 -0
- package/dist/components/ui/breadcrumb/breadcrumb-primitives.d.ts +19 -0
- package/dist/components/ui/breadcrumb/index.d.ts +4 -0
- package/dist/components/ui/button/button.d.ts +27 -0
- package/dist/components/ui/button/index.d.ts +2 -0
- package/dist/components/ui/button-group/button-group.d.ts +23 -0
- package/dist/components/ui/button-group/index.d.ts +2 -0
- package/dist/components/ui/content-card/content-card.d.ts +25 -0
- package/dist/components/ui/content-card/index.d.ts +2 -0
- package/dist/components/ui/dropdown-menu/dropdown-menu.d.ts +27 -0
- package/dist/components/ui/dropdown-menu/index.d.ts +1 -0
- package/dist/components/ui/ee-logo-icon/ee-logo-icon.d.ts +11 -0
- package/dist/components/ui/ee-logo-icon/index.d.ts +2 -0
- package/dist/components/ui/kuat-carousel/index.d.ts +2 -0
- package/dist/components/ui/kuat-carousel/kuat-carousel.d.ts +32 -0
- package/dist/components/ui/kuat-header/index.d.ts +2 -0
- package/dist/components/ui/kuat-header/kuat-header.d.ts +38 -0
- package/dist/components/ui/kuat-logo-lockup/index.d.ts +2 -0
- package/dist/components/ui/kuat-logo-lockup/kuat-logo-lockup.d.ts +17 -0
- package/dist/components/ui/kuat-radial-progress/index.d.ts +2 -0
- package/dist/components/ui/kuat-radial-progress/kuat-radial-progress.d.ts +16 -0
- package/dist/components/ui/separator/index.d.ts +2 -0
- package/dist/components/ui/separator/separator.d.ts +9 -0
- package/dist/index.css +1 -0
- package/dist/index.d.ts +32 -23
- package/dist/index.js +2000 -30
- package/dist/kuat-radial-progress-B3nQqPFW.js +105 -0
- package/dist/kuat-radial-progress.css +1 -0
- package/dist/kuat-radial-progress.d.ts +7 -0
- package/dist/kuat-radial-progress.js +6 -0
- package/dist/lib/react-node-compat.d.ts +7 -0
- package/dist/styles.css +1 -0
- package/dist/test/setup.d.ts +1 -0
- package/dist/{utils-qaFjX9_3.js → utils-DLUjLwnh.js} +0 -1
- package/package.json +21 -9
- package/dist/accordion-CQDgmmJ5.js +0 -46
- package/dist/alert-dialog-CzXLOFRG.js +0 -113
- package/dist/badge-DRUd-ban.js +0 -26
- package/dist/button-CPn6T5-L.js +0 -44
- package/dist/button-group-DUSbG9lE.js +0 -93
- package/dist/components/ui/badge.d.ts +0 -9
- package/dist/components/ui/button-group.d.ts +0 -12
- package/dist/components/ui/button.d.ts +0 -11
- package/dist/components/ui/separator.d.ts +0 -4
- package/dist/index-DACAHwoB.js +0 -34
- package/dist/style.css +0 -1
- /package/dist/components/ui/{accordion.d.ts → accordion/accordion.d.ts} +0 -0
- /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,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>;
|
package/dist/styles.css
ADDED
|
@@ -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 {};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@equal-experts/kuat-react",
|
|
3
|
-
"version": "0.4.
|
|
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
|
-
};
|
package/dist/badge-DRUd-ban.js
DELETED
|
@@ -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
|
-
};
|
package/dist/button-CPn6T5-L.js
DELETED
|
@@ -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
|
-
};
|