@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
package/README.md
CHANGED
|
@@ -6,7 +6,7 @@ Custom React components and blocks for the Kuat Design System.
|
|
|
6
6
|
|
|
7
7
|
## Architecture
|
|
8
8
|
|
|
9
|
-
This package provides **custom components** and **blocks** that are unique to Kuat. For
|
|
9
|
+
This package provides **custom components** and **blocks** that are unique to Kuat. It also provides a localized **Button** component. For other UI components (e.g. Dialog), install them via shadcn CLI with kuat-core theming.
|
|
10
10
|
|
|
11
11
|
```
|
|
12
12
|
┌─────────────────────────────────────────────────────┐
|
|
@@ -53,6 +53,7 @@ Components unique to Kuat, not available in shadcn:
|
|
|
53
53
|
|
|
54
54
|
| Component | Description |
|
|
55
55
|
|-----------|-------------|
|
|
56
|
+
| `Button` | Primary actions with variant (primary, secondary, outline, ghost, ghost-muted, destructive) and color |
|
|
56
57
|
| `ButtonGroup` | Groups buttons together with proper styling |
|
|
57
58
|
| `ButtonGroupText` | Text element within a button group |
|
|
58
59
|
| `ButtonGroupSeparator` | Separator between button group items |
|
|
@@ -104,10 +105,12 @@ export default {
|
|
|
104
105
|
### Step 3: Import Styles
|
|
105
106
|
|
|
106
107
|
```typescript
|
|
107
|
-
// main.tsx
|
|
108
|
+
// main.tsx – design tokens (required once per app)
|
|
108
109
|
import '@equal-experts/kuat-core/variables.css';
|
|
109
110
|
```
|
|
110
111
|
|
|
112
|
+
Each Kuat component (e.g. `KuatRadialProgress`) includes its own CSS when you import it. To load only a specific component and its CSS, use a subpath: `import { KuatRadialProgress } from '@equal-experts/kuat-react/kuat-radial-progress'`.
|
|
113
|
+
|
|
111
114
|
### Step 4: Install shadcn Components
|
|
112
115
|
|
|
113
116
|
```bash
|
|
@@ -119,10 +122,9 @@ npx shadcn@latest add button dialog dropdown-menu
|
|
|
119
122
|
|
|
120
123
|
```tsx
|
|
121
124
|
// Kuat custom components from this package
|
|
122
|
-
import { ButtonGroup, ButtonGroupText } from '@equal-experts/kuat-react';
|
|
125
|
+
import { ButtonGroup, ButtonGroupText, Button } from '@equal-experts/kuat-react';
|
|
123
126
|
|
|
124
|
-
// shadcn components from your local installation
|
|
125
|
-
import { Button } from '@/components/ui/button';
|
|
127
|
+
// Other shadcn components from your local installation if needed
|
|
126
128
|
|
|
127
129
|
function Example() {
|
|
128
130
|
return (
|
|
@@ -144,8 +146,7 @@ function Example() {
|
|
|
144
146
|
Groups buttons together with seamless borders:
|
|
145
147
|
|
|
146
148
|
```tsx
|
|
147
|
-
import { ButtonGroup } from '@equal-experts/kuat-react';
|
|
148
|
-
import { Button } from '@/components/ui/button';
|
|
149
|
+
import { ButtonGroup, Button } from '@equal-experts/kuat-react';
|
|
149
150
|
|
|
150
151
|
// Horizontal (default)
|
|
151
152
|
<ButtonGroup>
|
|
@@ -199,7 +200,7 @@ If you were importing standard components from this package, migrate to direct s
|
|
|
199
200
|
### Before (Deprecated)
|
|
200
201
|
|
|
201
202
|
```tsx
|
|
202
|
-
import { Button, Dialog
|
|
203
|
+
import { Button, Dialog } from '@equal-experts/kuat-react';
|
|
203
204
|
```
|
|
204
205
|
|
|
205
206
|
### After (Recommended)
|
|
@@ -208,34 +209,18 @@ import { Button, Dialog, Badge } from '@equal-experts/kuat-react';
|
|
|
208
209
|
// Standard components from your local shadcn installation
|
|
209
210
|
import { Button } from '@/components/ui/button';
|
|
210
211
|
import { Dialog } from '@/components/ui/dialog';
|
|
211
|
-
import { Badge } from '@/components/ui/badge';
|
|
212
212
|
|
|
213
|
-
// Kuat-specific components from this package
|
|
214
|
-
import { ButtonGroup } from '@equal-experts/kuat-react';
|
|
213
|
+
// Kuat-specific components from this package (including Badge)
|
|
214
|
+
import { ButtonGroup, Badge } from '@equal-experts/kuat-react';
|
|
215
215
|
```
|
|
216
216
|
|
|
217
217
|
### Migration Steps
|
|
218
218
|
|
|
219
219
|
1. Ensure `@equal-experts/kuat-core` is installed
|
|
220
220
|
2. Initialize shadcn: `npx shadcn@latest init`
|
|
221
|
-
3. Install needed components: `npx shadcn@latest add button dialog
|
|
221
|
+
3. Install needed components: `npx shadcn@latest add button dialog`
|
|
222
222
|
4. Update imports to use local components
|
|
223
|
-
5. Keep imports for Kuat-specific components (ButtonGroup, etc.)
|
|
224
|
-
|
|
225
|
-
---
|
|
226
|
-
|
|
227
|
-
## Deprecated Exports
|
|
228
|
-
|
|
229
|
-
The following exports are deprecated and will be removed in the next major version. Install them directly via shadcn CLI instead:
|
|
230
|
-
|
|
231
|
-
| Component | Replacement |
|
|
232
|
-
|-----------|-------------|
|
|
233
|
-
| `Button` | `npx shadcn@latest add button` |
|
|
234
|
-
| `Accordion` | `npx shadcn@latest add accordion` |
|
|
235
|
-
| `AlertDialog` | `npx shadcn@latest add alert-dialog` |
|
|
236
|
-
| `Badge` | `npx shadcn@latest add badge` |
|
|
237
|
-
|
|
238
|
-
These components are still exported for backward compatibility but will be themed correctly only when using kuat-core.
|
|
223
|
+
5. Keep imports for Kuat-specific components (Button, ButtonGroup, Badge, etc.)
|
|
239
224
|
|
|
240
225
|
---
|
|
241
226
|
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import { jsx as e, jsxs as t } from "react/jsx-runtime";
|
|
2
|
+
import * as n from "react";
|
|
3
|
+
import * as o from "@radix-ui/react-accordion";
|
|
4
|
+
import { ChevronDown as d } from "lucide-react";
|
|
5
|
+
import { c as s } from "./utils-DLUjLwnh.js";
|
|
6
|
+
const A = o.Root, m = n.forwardRef(({ className: r, ...c }, a) => /* @__PURE__ */ e(
|
|
7
|
+
o.Item,
|
|
8
|
+
{
|
|
9
|
+
ref: a,
|
|
10
|
+
className: s("accordion-item", r),
|
|
11
|
+
...c
|
|
12
|
+
}
|
|
13
|
+
));
|
|
14
|
+
m.displayName = "AccordionItem";
|
|
15
|
+
const l = n.forwardRef(({ className: r, children: c, ...a }, i) => /* @__PURE__ */ e(o.Header, { className: "accordion-trigger-wrapper", children: /* @__PURE__ */ t(
|
|
16
|
+
o.Trigger,
|
|
17
|
+
{
|
|
18
|
+
ref: i,
|
|
19
|
+
className: s("accordion-trigger", r),
|
|
20
|
+
...a,
|
|
21
|
+
children: [
|
|
22
|
+
c,
|
|
23
|
+
/* @__PURE__ */ e(d, { className: "accordion-trigger__icon" })
|
|
24
|
+
]
|
|
25
|
+
}
|
|
26
|
+
) }));
|
|
27
|
+
l.displayName = o.Trigger.displayName;
|
|
28
|
+
const p = n.forwardRef(({ className: r, children: c, ...a }, i) => /* @__PURE__ */ e(
|
|
29
|
+
o.Content,
|
|
30
|
+
{
|
|
31
|
+
ref: i,
|
|
32
|
+
className: "accordion-content",
|
|
33
|
+
...a,
|
|
34
|
+
children: /* @__PURE__ */ e("div", { className: s("accordion-content__body", r), children: c })
|
|
35
|
+
}
|
|
36
|
+
));
|
|
37
|
+
p.displayName = o.Content.displayName;
|
|
38
|
+
export {
|
|
39
|
+
A,
|
|
40
|
+
m as a,
|
|
41
|
+
l as b,
|
|
42
|
+
p as c
|
|
43
|
+
};
|
|
@@ -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-border-style:solid;--tw-font-weight:initial;--tw-leading:initial}}}.accordion-item{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--border)}.accordion-trigger-wrapper{display:flex}.accordion-trigger{padding-block:calc(var(--spacing,.25rem)*4);--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));transition-duration:.15s;transition-timing-function:default;flex:1;justify-content:space-between;align-items:center;display:flex}.accordion-trigger:hover{text-decoration-line:underline}.accordion-trigger[data-state=open]>svg,.accordion-trigger[data-state=open] .accordion-trigger__icon{rotate:180deg}.accordion-trigger svg,.accordion-trigger__icon{width:calc(var(--spacing,.25rem)*4);height:calc(var(--spacing,.25rem)*4);transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));flex-shrink:0;transition-duration:.2s}.accordion-content{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);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));transition-duration:.15s;transition-timing-function:default;overflow:hidden}.accordion-content[data-state=closed]{animation:.2s ease-out accordion-up}.accordion-content[data-state=open]{animation:.2s ease-out accordion-down}.accordion-content__body{padding-top:calc(var(--spacing,.25rem)*0);padding-bottom:calc(var(--spacing,.25rem)*4)}@keyframes accordion-down{0%{height:0}to{height:var(--radix-accordion-content-height)}}@keyframes accordion-up{0%{height:var(--radix-accordion-content-height)}to{height:0}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-leading{syntax:"*";inherits:false}
|
package/dist/accordion.js
CHANGED
|
@@ -1,9 +1,10 @@
|
|
|
1
|
-
import { c as
|
|
2
|
-
|
|
1
|
+
import { c as n } from "./utils-DLUjLwnh.js";
|
|
2
|
+
/* empty css */
|
|
3
|
+
import { A as i, c as t, a as e, b as s } from "./accordion-DwQCxX_5.js";
|
|
3
4
|
export {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
5
|
+
i as Accordion,
|
|
6
|
+
t as AccordionContent,
|
|
7
|
+
e as AccordionItem,
|
|
7
8
|
s as AccordionTrigger,
|
|
8
|
-
|
|
9
|
+
n as cn
|
|
9
10
|
};
|
|
@@ -0,0 +1,96 @@
|
|
|
1
|
+
import { jsx as t, jsxs as c } from "react/jsx-runtime";
|
|
2
|
+
import * as r from "react";
|
|
3
|
+
import * as l from "@radix-ui/react-alert-dialog";
|
|
4
|
+
import { c as i } from "./utils-DLUjLwnh.js";
|
|
5
|
+
const R = l.Root, v = l.Trigger, d = l.Portal, s = r.forwardRef(({ className: a, ...e }, o) => /* @__PURE__ */ t(
|
|
6
|
+
l.Overlay,
|
|
7
|
+
{
|
|
8
|
+
className: i("alert-dialog-overlay", a),
|
|
9
|
+
ref: o,
|
|
10
|
+
...e
|
|
11
|
+
}
|
|
12
|
+
));
|
|
13
|
+
s.displayName = l.Overlay.displayName;
|
|
14
|
+
const n = r.forwardRef(({ className: a, ...e }, o) => /* @__PURE__ */ c(d, { children: [
|
|
15
|
+
/* @__PURE__ */ t(s, {}),
|
|
16
|
+
/* @__PURE__ */ t(
|
|
17
|
+
l.Content,
|
|
18
|
+
{
|
|
19
|
+
ref: o,
|
|
20
|
+
className: i("alert-dialog-content", a),
|
|
21
|
+
...e
|
|
22
|
+
}
|
|
23
|
+
)
|
|
24
|
+
] }));
|
|
25
|
+
n.displayName = l.Content.displayName;
|
|
26
|
+
const m = ({
|
|
27
|
+
className: a,
|
|
28
|
+
...e
|
|
29
|
+
}) => /* @__PURE__ */ t(
|
|
30
|
+
"div",
|
|
31
|
+
{
|
|
32
|
+
className: i("alert-dialog-header", a),
|
|
33
|
+
...e
|
|
34
|
+
}
|
|
35
|
+
);
|
|
36
|
+
m.displayName = "AlertDialogHeader";
|
|
37
|
+
const g = ({
|
|
38
|
+
className: a,
|
|
39
|
+
...e
|
|
40
|
+
}) => /* @__PURE__ */ t(
|
|
41
|
+
"div",
|
|
42
|
+
{
|
|
43
|
+
className: i("alert-dialog-footer", a),
|
|
44
|
+
...e
|
|
45
|
+
}
|
|
46
|
+
);
|
|
47
|
+
g.displayName = "AlertDialogFooter";
|
|
48
|
+
const p = r.forwardRef(({ className: a, ...e }, o) => /* @__PURE__ */ t(
|
|
49
|
+
l.Title,
|
|
50
|
+
{
|
|
51
|
+
ref: o,
|
|
52
|
+
className: i("alert-dialog-title", a),
|
|
53
|
+
...e
|
|
54
|
+
}
|
|
55
|
+
));
|
|
56
|
+
p.displayName = l.Title.displayName;
|
|
57
|
+
const N = r.forwardRef(({ className: a, ...e }, o) => /* @__PURE__ */ t(
|
|
58
|
+
l.Description,
|
|
59
|
+
{
|
|
60
|
+
ref: o,
|
|
61
|
+
className: i("alert-dialog-description", a),
|
|
62
|
+
...e
|
|
63
|
+
}
|
|
64
|
+
));
|
|
65
|
+
N.displayName = l.Description.displayName;
|
|
66
|
+
const f = r.forwardRef(({ className: a, ...e }, o) => /* @__PURE__ */ t(
|
|
67
|
+
l.Action,
|
|
68
|
+
{
|
|
69
|
+
ref: o,
|
|
70
|
+
className: i("alert-dialog-action", a),
|
|
71
|
+
...e
|
|
72
|
+
}
|
|
73
|
+
));
|
|
74
|
+
f.displayName = l.Action.displayName;
|
|
75
|
+
const y = r.forwardRef(({ className: a, ...e }, o) => /* @__PURE__ */ t(
|
|
76
|
+
l.Cancel,
|
|
77
|
+
{
|
|
78
|
+
ref: o,
|
|
79
|
+
className: i("alert-dialog-cancel", a),
|
|
80
|
+
...e
|
|
81
|
+
}
|
|
82
|
+
));
|
|
83
|
+
y.displayName = l.Cancel.displayName;
|
|
84
|
+
export {
|
|
85
|
+
R as A,
|
|
86
|
+
d as a,
|
|
87
|
+
s as b,
|
|
88
|
+
v as c,
|
|
89
|
+
n as d,
|
|
90
|
+
m as e,
|
|
91
|
+
g as f,
|
|
92
|
+
p as g,
|
|
93
|
+
N as h,
|
|
94
|
+
f as i,
|
|
95
|
+
y as j
|
|
96
|
+
};
|
|
@@ -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-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}.alert-dialog-overlay{inset:calc(var(--spacing,.25rem)*0);z-index:50;background-color:#000c;position:fixed}.alert-dialog-overlay[data-state=open]{animation:.15s ease-out alert-dialog-fade-in}.alert-dialog-overlay[data-state=closed]{animation:.15s ease-out alert-dialog-fade-out}.alert-dialog-content{z-index:50;width:100%;max-width:var(--container-xl,36rem);--tw-translate-x: -50% ;--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y);gap:calc(var(--spacing,.25rem)*4);border-style:var(--tw-border-style);border-width:1px;border-color:var(--border);background-color:var(--background);padding:calc(var(--spacing,.25rem)*6);transition-property:.2s;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));display:grid;position:fixed;top:50%;left:50%;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.alert-dialog-content[data-state=open]{animation:.2s ease-out alert-dialog-content-in}.alert-dialog-content[data-state=closed]{animation:.2s ease-out alert-dialog-content-out}@media (min-width:640px){.alert-dialog-content{border-radius:var(--radius)}}.alert-dialog-header{gap:calc(var(--spacing,.25rem)*2);text-align:center;flex-direction:column;display:flex}@media (min-width:640px){.alert-dialog-header{text-align:left}}.alert-dialog-footer{gap:calc(var(--spacing,.25rem)*2);flex-direction:column-reverse;display:flex}@media (min-width:640px){.alert-dialog-footer{flex-direction:row;justify-content:flex-end}}.alert-dialog-title{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);--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600)}.alert-dialog-description{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);color:var(--muted-foreground)}.alert-dialog-action{height:calc(var(--spacing,.25rem)*10);cursor:pointer;justify-content:center;align-items:center;gap:calc(var(--spacing,.25rem)*2);border-radius:calc(var(--radius) - 2px);border-style:var(--tw-border-style);background-color:var(--primary);padding-inline:calc(var(--spacing,.25rem)*4);padding-block:calc(var(--spacing,.25rem)*2);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);--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);white-space:nowrap;color:var(--primary-foreground);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-outline-style:none;border-width:0;outline-style:none;transition-duration:.15s;display:inline-flex}.alert-dialog-action:hover{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.alert-dialog-action:hover{background-color:color-mix(in srgb,var(--primary)90%,transparent)}}.alert-dialog-action:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--ring);--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);--tw-ring-offset-color:var(--background);--tw-outline-style:none;outline-style:none}.alert-dialog-cancel{margin-top:calc(var(--spacing,.25rem)*2);height:calc(var(--spacing,.25rem)*10);cursor:pointer;justify-content:center;align-items:center;gap:calc(var(--spacing,.25rem)*2);border-radius:calc(var(--radius) - 2px);border-style:var(--tw-border-style);border-width:1px;border-color:var(--input);background-color:var(--background);padding-inline:calc(var(--spacing,.25rem)*4);padding-block:calc(var(--spacing,.25rem)*2);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);--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);white-space:nowrap;color:var(--foreground);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-outline-style:none;outline-style:none;transition-duration:.15s;display:inline-flex}.alert-dialog-cancel:hover{background-color:var(--accent);color:var(--accent-foreground)}.alert-dialog-cancel:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--ring);--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);--tw-ring-offset-color:var(--background);--tw-outline-style:none;outline-style:none}@media (min-width:640px){.alert-dialog-cancel{margin-top:calc(var(--spacing,.25rem)*0)}}@keyframes alert-dialog-fade-in{0%{opacity:0}to{opacity:1}}@keyframes alert-dialog-fade-out{0%{opacity:1}to{opacity:0}}@keyframes alert-dialog-content-in{0%{opacity:0;transform:translate(-50%,-50%)scale(.95)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes alert-dialog-content-out{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(.95)}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
|
package/dist/alert-dialog.js
CHANGED
|
@@ -1,16 +1,17 @@
|
|
|
1
|
-
import { c as
|
|
2
|
-
|
|
1
|
+
import { c as r } from "./utils-DLUjLwnh.js";
|
|
2
|
+
/* empty css */
|
|
3
|
+
import { A as t, i, j as g, d as s, h as A, f as D, e as c, b as n, a as p, g as f, c as m } from "./alert-dialog-CT9DCCMH.js";
|
|
3
4
|
export {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
5
|
+
t as AlertDialog,
|
|
6
|
+
i as AlertDialogAction,
|
|
7
|
+
g as AlertDialogCancel,
|
|
8
|
+
s as AlertDialogContent,
|
|
9
|
+
A as AlertDialogDescription,
|
|
10
|
+
D as AlertDialogFooter,
|
|
11
|
+
c as AlertDialogHeader,
|
|
12
|
+
n as AlertDialogOverlay,
|
|
13
|
+
p as AlertDialogPortal,
|
|
13
14
|
f as AlertDialogTitle,
|
|
14
|
-
|
|
15
|
-
|
|
15
|
+
m as AlertDialogTrigger,
|
|
16
|
+
r as cn
|
|
16
17
|
};
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { jsx as t } from "react/jsx-runtime";
|
|
2
|
+
import { c as r } from "./utils-DLUjLwnh.js";
|
|
3
|
+
const c = ["default", "secondary", "destructive", "outline", "ghost"], f = ["default", "round"];
|
|
4
|
+
function g({ className: a, variant: e = "default", roundness: d = "default", ...u }) {
|
|
5
|
+
return /* @__PURE__ */ t(
|
|
6
|
+
"div",
|
|
7
|
+
{
|
|
8
|
+
className: r("badge", `badge--${e}`, `badge--roundness-${d}`, a),
|
|
9
|
+
...u
|
|
10
|
+
}
|
|
11
|
+
);
|
|
12
|
+
}
|
|
13
|
+
function b(a) {
|
|
14
|
+
const e = (a == null ? void 0 : a.variant) ?? "default", d = (a == null ? void 0 : a.roundness) ?? "default";
|
|
15
|
+
return r("badge", `badge--${e}`, `badge--roundness-${d}`);
|
|
16
|
+
}
|
|
17
|
+
export {
|
|
18
|
+
g as B,
|
|
19
|
+
c as a,
|
|
20
|
+
b,
|
|
21
|
+
f as c
|
|
22
|
+
};
|
package/dist/badge.css
ADDED
|
@@ -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-border-style:solid;--tw-leading:initial;--tw-font-weight:initial}}}.badge{border-style:var(--tw-border-style);padding-inline:calc(var(--spacing,.25rem)*2.5);padding-block:calc(var(--spacing,.25rem)*.5);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);--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));border-width:1px;align-items:center;display:inline-flex}.badge--roundness-default{border-radius:0}.badge--roundness-round{border-radius:3.40282e38px}.badge--default{background-color:var(--primary);color:var(--primary-foreground);border-color:#0000}.badge--secondary{background-color:var(--secondary);color:var(--secondary-foreground);border-color:#0000}.badge--destructive{background-color:var(--destructive);color:var(--destructive-foreground);border-color:#0000}.badge--outline{color:var(--foreground)}.badge--ghost{color:var(--foreground);background-color:#0000;border-color:#0000}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}
|
package/dist/badge.js
CHANGED
|
@@ -1,7 +1,8 @@
|
|
|
1
|
-
import { c as e } from "./utils-
|
|
2
|
-
|
|
1
|
+
import { c as e } from "./utils-DLUjLwnh.js";
|
|
2
|
+
/* empty css */
|
|
3
|
+
import { B as t, b as m } from "./badge-Yftb6Tdy.js";
|
|
3
4
|
export {
|
|
4
|
-
|
|
5
|
-
|
|
5
|
+
t as Badge,
|
|
6
|
+
m as badgeVariants,
|
|
6
7
|
e as cn
|
|
7
8
|
};
|
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
import { jsx as d } from "react/jsx-runtime";
|
|
2
|
+
import * as v from "react";
|
|
3
|
+
import { Slot as y } from "@radix-ui/react-slot";
|
|
4
|
+
import { c as s } from "./utils-DLUjLwnh.js";
|
|
5
|
+
const $ = [
|
|
6
|
+
"primary",
|
|
7
|
+
"secondary",
|
|
8
|
+
"outline",
|
|
9
|
+
"ghost",
|
|
10
|
+
"ghost-muted",
|
|
11
|
+
"destructive"
|
|
12
|
+
], g = ["mini", "small", "default", "large", "icon"], h = [
|
|
13
|
+
"ee-blue",
|
|
14
|
+
"tech-blue",
|
|
15
|
+
"byte-white",
|
|
16
|
+
"the-cloud",
|
|
17
|
+
"dark-data",
|
|
18
|
+
"transform-teal",
|
|
19
|
+
"equal-ember"
|
|
20
|
+
];
|
|
21
|
+
function l(t) {
|
|
22
|
+
return t === "default" ? "primary" : t ?? "primary";
|
|
23
|
+
}
|
|
24
|
+
function o(t) {
|
|
25
|
+
return t === "sm" ? "small" : t === "lg" ? "large" : t ?? "default";
|
|
26
|
+
}
|
|
27
|
+
const T = v.forwardRef(
|
|
28
|
+
({
|
|
29
|
+
className: t,
|
|
30
|
+
variant: e = "primary",
|
|
31
|
+
size: r = "default",
|
|
32
|
+
color: a = "ee-blue",
|
|
33
|
+
asChild: c = !1,
|
|
34
|
+
...u
|
|
35
|
+
}, i) => {
|
|
36
|
+
const m = c ? y : "button", n = l(e), f = o(r), b = n === "destructive" ? void 0 : `button--color-${a}`;
|
|
37
|
+
return /* @__PURE__ */ d(
|
|
38
|
+
m,
|
|
39
|
+
{
|
|
40
|
+
ref: i,
|
|
41
|
+
className: s(
|
|
42
|
+
"button",
|
|
43
|
+
`button--variant-${n}`,
|
|
44
|
+
b,
|
|
45
|
+
`button--size-${f}`,
|
|
46
|
+
t
|
|
47
|
+
),
|
|
48
|
+
...u
|
|
49
|
+
}
|
|
50
|
+
);
|
|
51
|
+
}
|
|
52
|
+
);
|
|
53
|
+
T.displayName = "Button";
|
|
54
|
+
function O(t) {
|
|
55
|
+
const e = l((t == null ? void 0 : t.variant) ?? "primary"), r = o((t == null ? void 0 : t.size) ?? "default"), a = (t == null ? void 0 : t.color) ?? "ee-blue", u = e === "destructive" ? "" : `button--color-${a}`;
|
|
56
|
+
return s(
|
|
57
|
+
"button",
|
|
58
|
+
`button--variant-${e}`,
|
|
59
|
+
u,
|
|
60
|
+
`button--size-${r}`
|
|
61
|
+
);
|
|
62
|
+
}
|
|
63
|
+
export {
|
|
64
|
+
T as B,
|
|
65
|
+
$ as a,
|
|
66
|
+
O as b,
|
|
67
|
+
g as c,
|
|
68
|
+
h as d
|
|
69
|
+
};
|
|
@@ -0,0 +1,80 @@
|
|
|
1
|
+
import { jsx as e } from "react/jsx-runtime";
|
|
2
|
+
import * as p from "react";
|
|
3
|
+
import { Slot as m } from "@radix-ui/react-slot";
|
|
4
|
+
import { c as n } from "./utils-DLUjLwnh.js";
|
|
5
|
+
import * as s from "@radix-ui/react-separator";
|
|
6
|
+
const i = p.forwardRef(
|
|
7
|
+
({ className: o, orientation: t = "horizontal", decorative: r = !0, ...a }, u) => /* @__PURE__ */ e(
|
|
8
|
+
s.Root,
|
|
9
|
+
{
|
|
10
|
+
ref: u,
|
|
11
|
+
decorative: r,
|
|
12
|
+
orientation: t,
|
|
13
|
+
className: n(
|
|
14
|
+
"separator",
|
|
15
|
+
`separator--${t}`,
|
|
16
|
+
o
|
|
17
|
+
),
|
|
18
|
+
...a
|
|
19
|
+
}
|
|
20
|
+
)
|
|
21
|
+
);
|
|
22
|
+
i.displayName = s.Root.displayName;
|
|
23
|
+
const b = ["horizontal", "vertical"], c = p.forwardRef(
|
|
24
|
+
function({ className: t, orientation: r = "horizontal", ...a }, u) {
|
|
25
|
+
return /* @__PURE__ */ e(
|
|
26
|
+
"div",
|
|
27
|
+
{
|
|
28
|
+
ref: u,
|
|
29
|
+
role: "group",
|
|
30
|
+
"data-slot": "button-group",
|
|
31
|
+
"data-orientation": r,
|
|
32
|
+
className: n(
|
|
33
|
+
"button-group",
|
|
34
|
+
`button-group--${r}`,
|
|
35
|
+
t
|
|
36
|
+
),
|
|
37
|
+
...a
|
|
38
|
+
}
|
|
39
|
+
);
|
|
40
|
+
}
|
|
41
|
+
);
|
|
42
|
+
c.displayName = "ButtonGroup";
|
|
43
|
+
const l = p.forwardRef(
|
|
44
|
+
function({ className: t, asChild: r = !1, ...a }, u) {
|
|
45
|
+
return /* @__PURE__ */ e(
|
|
46
|
+
r ? m : "div",
|
|
47
|
+
{
|
|
48
|
+
ref: u,
|
|
49
|
+
className: n("button-group-text", t),
|
|
50
|
+
...a
|
|
51
|
+
}
|
|
52
|
+
);
|
|
53
|
+
}
|
|
54
|
+
);
|
|
55
|
+
l.displayName = "ButtonGroupText";
|
|
56
|
+
const f = p.forwardRef(function({ className: t, orientation: r = "vertical", ...a }, u) {
|
|
57
|
+
return /* @__PURE__ */ e(
|
|
58
|
+
i,
|
|
59
|
+
{
|
|
60
|
+
ref: u,
|
|
61
|
+
"data-slot": "button-group-separator",
|
|
62
|
+
orientation: r,
|
|
63
|
+
className: n("button-group-separator", t),
|
|
64
|
+
...a
|
|
65
|
+
}
|
|
66
|
+
);
|
|
67
|
+
});
|
|
68
|
+
f.displayName = "ButtonGroupSeparator";
|
|
69
|
+
function g(o) {
|
|
70
|
+
const t = (o == null ? void 0 : o.orientation) ?? "horizontal";
|
|
71
|
+
return n("button-group", `button-group--${t}`);
|
|
72
|
+
}
|
|
73
|
+
export {
|
|
74
|
+
c as B,
|
|
75
|
+
i as S,
|
|
76
|
+
f as a,
|
|
77
|
+
l as b,
|
|
78
|
+
g as c,
|
|
79
|
+
b as d
|
|
80
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.separator{background-color:var(--border);flex-shrink:0}.separator--horizontal{width:100%;height:1px}.separator--vertical{width:1px;height:100%}/*! 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-border-style:solid;--tw-leading:initial;--tw-font-weight:initial}}}.button-group{align-items:stretch;width:fit-content;display:flex}.button-group:has(>[data-slot=button-group]){gap:calc(var(--spacing,.25rem)*2)}.button-group>:focus-visible{z-index:10;position:relative}.button-group:has(select[aria-hidden=true]:last-child)>[data-slot=select-trigger]:last-of-type{border-top-left-radius:calc(var(--radius) - 2px);border-top-right-radius:calc(var(--radius) - 2px);border-bottom-right-radius:calc(var(--radius) - 2px);border-bottom-left-radius:calc(var(--radius) - 2px)}.button-group [data-slot=select-trigger]:not([class*=w-]){width:fit-content}.button-group>input{flex:1}.button-group--horizontal>:not(:first-child){border-left-style:var(--tw-border-style);border-left-width:0;border-radius:0}.button-group--horizontal>:not(:last-child){border-radius:0}.button-group--vertical{flex-direction:column}.button-group--vertical>:not(:first-child){border-top-style:var(--tw-border-style);border-top-width:0;border-radius:0}.button-group--vertical>:not(:last-child){border-radius:0}.button-group-text{align-items:center;gap:calc(var(--spacing,.25rem)*2);border-radius:calc(var(--radius) - 2px);border-style:var(--tw-border-style);border-width:1px;border-color:var(--border);padding-inline:calc(var(--spacing,.25rem)*4);padding-block:calc(var(--spacing,.25rem)*2);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);--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);background-color:var(--muted);display:flex;box-shadow:0 1px 2px #0000000d}.button-group-text svg:not([class*=size-]){width:calc(var(--spacing,.25rem)*4);height:calc(var(--spacing,.25rem)*4)}.button-group-text svg{pointer-events:none}.button-group-separator{margin:calc(var(--spacing,.25rem)*0);align-self:stretch}.button-group-separator[data-orientation=vertical]{height:auto}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}
|
package/dist/button-group.js
CHANGED
|
@@ -1,9 +1,10 @@
|
|
|
1
|
-
import { c as
|
|
2
|
-
|
|
1
|
+
import { c as a } from "./utils-DLUjLwnh.js";
|
|
2
|
+
/* empty css */
|
|
3
|
+
import { B as u, a as n, b as s, c as e } from "./button-group-BNfxHMty.js";
|
|
3
4
|
export {
|
|
4
5
|
u as ButtonGroup,
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
6
|
+
n as ButtonGroupSeparator,
|
|
7
|
+
s as ButtonGroupText,
|
|
8
|
+
e as buttonGroupVariants,
|
|
9
|
+
a as cn
|
|
9
10
|
};
|
package/dist/button.css
ADDED
|
@@ -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-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}.button{justify-content:center;align-items:center;gap:calc(var(--spacing,.25rem)*2);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);white-space:nowrap;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-outline-style:none;box-shadow:none;--btn-bg:transparent;--btn-fg:currentColor;--btn-bg-hover:var(--btn-bg);--btn-bg-active:var(--btn-bg);--btn-bg-focus:var(--btn-bg);--btn-bg-disabled:var(--slate-200);--btn-fg-disabled:var(--slate-500);background:var(--btn-bg);color:var(--btn-fg);border:1px solid #0000;border-radius:6px;outline-style:none;transition-duration:.15s;transition-timing-function:ease;display:inline-flex}.button:hover{background:var(--btn-bg-hover);color:var(--btn-fg-hover,var(--btn-fg));border-color:var(--btn-border-hover,transparent)}.button:active{background:var(--btn-bg-active);color:var(--btn-fg-active,var(--btn-fg));border-color:var(--btn-border-active,transparent)}.button:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--ring);--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);--tw-ring-offset-color:var(--background);--tw-outline-style:none;background:var(--btn-bg-focus);color:var(--btn-fg-focus,var(--btn-fg));border-color:var(--btn-border-focus,transparent);outline-style:none}.button:disabled{pointer-events:none;background:var(--btn-bg-disabled);color:var(--btn-fg-disabled);border-color:var(--btn-border-disabled,transparent)}.button [data-slot=icon],.button svg{pointer-events:none;width:calc(var(--spacing,.25rem)*4);height:calc(var(--spacing,.25rem)*4);flex-shrink:0}.button--variant-destructive{--btn-bg:var(--red-600);--btn-fg:var(--brand-byte-white);--btn-bg-hover:var(--red-600);--btn-bg-active:var(--red-600);--btn-bg-focus:var(--red-600);--btn-bg-disabled:var(--slate-200);--btn-fg-disabled:var(--slate-500)}.button--color-ee-blue.button--variant-primary{--btn-bg:var(--kuat-button-ee-blue-primary-background);--btn-fg:var(--kuat-button-ee-blue-primary-foreground);--btn-bg-hover:var(--kuat-button-ee-blue-primary-background--hover);--btn-bg-active:var(--kuat-button-ee-blue-primary-background--active);--btn-bg-focus:var(--kuat-button-ee-blue-primary-background--focus);--btn-bg-disabled:var(--kuat-button-ee-blue-primary-background--disabled);--btn-fg-disabled:var(--kuat-button-ee-blue-primary-foreground--disabled)}.button--color-ee-blue.button--variant-secondary{--btn-bg:var(--kuat-button-ee-blue-secondary-background);--btn-fg:var(--kuat-button-ee-blue-secondary-foreground);--btn-bg-hover:var(--kuat-button-ee-blue-secondary-background--hover);--btn-bg-active:var(--kuat-button-ee-blue-secondary-background--active);--btn-bg-focus:var(--kuat-button-ee-blue-secondary-background--focus);--btn-bg-disabled:var(--kuat-button-ee-blue-secondary-background--disabled);--btn-fg-disabled:var(--kuat-button-ee-blue-secondary-foreground--disabled)}.button--color-ee-blue.button--variant-outline{--btn-bg:var(--kuat-button-ee-blue-outline-background);--btn-fg:var(--kuat-button-ee-blue-outline-foreground);--btn-bg-hover:var(--kuat-button-ee-blue-outline-background--hover);--btn-bg-active:var(--kuat-button-ee-blue-outline-background--active);--btn-bg-focus:var(--kuat-button-ee-blue-outline-background--focus);--btn-bg-disabled:var(--kuat-button-ee-blue-outline-background--disabled);--btn-fg-disabled:var(--kuat-button-ee-blue-outline-foreground--disabled);--btn-border:var(--kuat-button-ee-blue-outline-border);--btn-border-hover:var(--kuat-button-ee-blue-outline-border--hover);--btn-border-focus:var(--kuat-button-ee-blue-outline-border--focus);--btn-border-disabled:var(--kuat-button-ee-blue-outline-border--disabled);border-color:var(--btn-border)}.button--color-ee-blue.button--variant-ghost{--btn-bg:var(--kuat-button-ee-blue-ghost-background);--btn-fg:var(--kuat-button-ee-blue-ghost-foreground);--btn-bg-hover:var(--kuat-button-ee-blue-ghost-background--hover);--btn-bg-active:var(--kuat-button-ee-blue-ghost-background--active);--btn-bg-focus:var(--kuat-button-ee-blue-ghost-background--focus);--btn-bg-disabled:var(--kuat-button-ee-blue-ghost-background--disabled);--btn-fg-disabled:var(--kuat-button-ee-blue-ghost-foreground--disabled)}.button--color-ee-blue.button--variant-ghost-muted{--btn-bg:var(--kuat-button-ee-blue-ghost-muted-background);--btn-fg:var(--kuat-button-ee-blue-ghost-muted-foreground);--btn-bg-hover:var(--kuat-button-ee-blue-ghost-muted-background--hover);--btn-bg-active:var(--kuat-button-ee-blue-ghost-muted-background--active);--btn-bg-focus:var(--kuat-button-ee-blue-ghost-muted-background--focus);--btn-bg-disabled:var(--kuat-button-ee-blue-ghost-muted-background--disabled);--btn-fg-disabled:var(--kuat-button-ee-blue-ghost-muted-foreground--disabled)}.button--color-tech-blue.button--variant-primary{--btn-bg:var(--kuat-button-tech-blue-primary-background);--btn-fg:var(--kuat-button-tech-blue-primary-foreground);--btn-bg-hover:var(--kuat-button-tech-blue-primary-background--hover);--btn-bg-active:var(--kuat-button-tech-blue-primary-background--active);--btn-bg-focus:var(--kuat-button-tech-blue-primary-background--focus);--btn-bg-disabled:var(--kuat-button-tech-blue-primary-background--disabled);--btn-fg-disabled:var(--kuat-button-tech-blue-primary-foreground--disabled)}.button--color-tech-blue.button--variant-secondary{--btn-bg:var(--kuat-button-tech-blue-secondary-background);--btn-fg:var(--kuat-button-tech-blue-secondary-foreground);--btn-bg-hover:var(--kuat-button-tech-blue-secondary-background--hover);--btn-bg-active:var(--kuat-button-tech-blue-secondary-background--active);--btn-bg-focus:var(--kuat-button-tech-blue-secondary-background--focus);--btn-bg-disabled:var(--kuat-button-tech-blue-secondary-background--disabled);--btn-fg-disabled:var(--kuat-button-tech-blue-secondary-foreground--disabled)}.button--color-tech-blue.button--variant-outline{--btn-bg:var(--kuat-button-tech-blue-outline-background);--btn-fg:var(--kuat-button-tech-blue-outline-foreground);--btn-bg-hover:var(--kuat-button-tech-blue-outline-background--hover);--btn-bg-active:var(--kuat-button-tech-blue-outline-background--active);--btn-bg-focus:var(--kuat-button-tech-blue-outline-background--focus);--btn-bg-disabled:var(--kuat-button-tech-blue-outline-background--disabled);--btn-fg-disabled:var(--kuat-button-tech-blue-outline-foreground--disabled);--btn-border:var(--kuat-button-tech-blue-outline-border);--btn-border-hover:var(--kuat-button-tech-blue-outline-border--hover);--btn-border-focus:var(--kuat-button-tech-blue-outline-border--focus);--btn-border-disabled:var(--kuat-button-tech-blue-outline-border--disabled);border-color:var(--btn-border)}.button--color-tech-blue.button--variant-ghost{--btn-bg:var(--kuat-button-tech-blue-ghost-background);--btn-fg:var(--kuat-button-tech-blue-ghost-foreground);--btn-bg-hover:var(--kuat-button-tech-blue-ghost-background--hover);--btn-bg-active:var(--kuat-button-tech-blue-ghost-background--active);--btn-bg-focus:var(--kuat-button-tech-blue-ghost-background--focus);--btn-bg-disabled:var(--kuat-button-tech-blue-ghost-background--disabled);--btn-fg-disabled:var(--kuat-button-tech-blue-ghost-foreground--disabled)}.button--color-tech-blue.button--variant-ghost-muted{--btn-bg:var(--kuat-button-tech-blue-ghost-muted-background);--btn-fg:var(--kuat-button-tech-blue-ghost-muted-foreground);--btn-bg-hover:var(--kuat-button-tech-blue-ghost-muted-background--hover);--btn-bg-active:var(--kuat-button-tech-blue-ghost-muted-background--active);--btn-bg-focus:var(--kuat-button-tech-blue-ghost-muted-background--focus);--btn-bg-disabled:var(--kuat-button-tech-blue-ghost-muted-background--disabled);--btn-fg-disabled:var(--kuat-button-tech-blue-ghost-muted-foreground--disabled)}.button--color-byte-white.button--variant-primary{--btn-bg:var(--kuat-button-byte-white-primary-background);--btn-fg:var(--kuat-button-byte-white-primary-foreground);--btn-bg-hover:var(--kuat-button-byte-white-primary-background--hover);--btn-bg-active:var(--kuat-button-byte-white-primary-background--active);--btn-bg-focus:var(--kuat-button-byte-white-primary-background--focus);--btn-bg-disabled:var(--kuat-button-byte-white-primary-background--disabled);--btn-fg-disabled:var(--kuat-button-byte-white-primary-foreground--disabled)}.button--color-byte-white.button--variant-secondary{--btn-bg:var(--kuat-button-byte-white-secondary-background);--btn-fg:var(--kuat-button-byte-white-secondary-foreground);--btn-bg-hover:var(--kuat-button-byte-white-secondary-background--hover);--btn-bg-active:var(--kuat-button-byte-white-secondary-background--active);--btn-bg-focus:var(--kuat-button-byte-white-secondary-background--focus);--btn-bg-disabled:var(--kuat-button-byte-white-secondary-background--disabled);--btn-fg-disabled:var(--kuat-button-byte-white-secondary-foreground--disabled)}.button--color-byte-white.button--variant-outline{--btn-bg:var(--kuat-button-byte-white-outline-background);--btn-fg:var(--kuat-button-byte-white-outline-foreground);--btn-bg-hover:var(--kuat-button-byte-white-outline-background--hover);--btn-bg-active:var(--kuat-button-byte-white-outline-background--active);--btn-bg-focus:var(--kuat-button-byte-white-outline-background--focus);--btn-bg-disabled:var(--kuat-button-byte-white-outline-background--disabled);--btn-fg-disabled:var(--kuat-button-byte-white-outline-foreground--disabled);--btn-border:var(--kuat-button-byte-white-outline-border);--btn-border-hover:var(--kuat-button-byte-white-outline-border--hover);--btn-border-focus:var(--kuat-button-byte-white-outline-border--focus);--btn-border-disabled:var(--kuat-button-byte-white-outline-border--disabled);border-color:var(--btn-border)}.button--color-byte-white.button--variant-ghost{--btn-bg:var(--kuat-button-byte-white-ghost-background);--btn-fg:var(--kuat-button-byte-white-ghost-foreground);--btn-bg-hover:var(--kuat-button-byte-white-ghost-background--hover);--btn-bg-active:var(--kuat-button-byte-white-ghost-background--active);--btn-bg-focus:var(--kuat-button-byte-white-ghost-background--focus);--btn-bg-disabled:var(--kuat-button-byte-white-ghost-background--disabled);--btn-fg-disabled:var(--kuat-button-byte-white-ghost-foreground--disabled)}.button--color-byte-white.button--variant-ghost-muted{--btn-bg:var(--kuat-button-byte-white-ghost-muted-background);--btn-fg:var(--kuat-button-byte-white-ghost-muted-foreground);--btn-bg-hover:var(--kuat-button-byte-white-ghost-muted-background--hover);--btn-bg-active:var(--kuat-button-byte-white-ghost-muted-background--active);--btn-bg-focus:var(--kuat-button-byte-white-ghost-muted-background--focus);--btn-bg-disabled:var(--kuat-button-byte-white-ghost-muted-background--disabled);--btn-fg-disabled:var(--kuat-button-byte-white-ghost-muted-foreground--disabled)}.button--color-the-cloud.button--variant-primary{--btn-bg:var(--kuat-button-the-cloud-primary-background);--btn-fg:var(--kuat-button-the-cloud-primary-foreground);--btn-bg-hover:var(--kuat-button-the-cloud-primary-background--hover);--btn-bg-active:var(--kuat-button-the-cloud-primary-background--active);--btn-bg-focus:var(--kuat-button-the-cloud-primary-background--focus);--btn-bg-disabled:var(--kuat-button-the-cloud-primary-background--disabled);--btn-fg-disabled:var(--kuat-button-the-cloud-primary-foreground--disabled)}.button--color-the-cloud.button--variant-secondary{--btn-bg:var(--kuat-button-the-cloud-secondary-background);--btn-fg:var(--kuat-button-the-cloud-secondary-foreground);--btn-bg-hover:var(--kuat-button-the-cloud-secondary-background--hover);--btn-bg-active:var(--kuat-button-the-cloud-secondary-background--active);--btn-bg-focus:var(--kuat-button-the-cloud-secondary-background--focus);--btn-bg-disabled:var(--kuat-button-the-cloud-secondary-background--disabled);--btn-fg-disabled:var(--kuat-button-the-cloud-secondary-foreground--disabled)}.button--color-the-cloud.button--variant-outline{--btn-bg:var(--kuat-button-the-cloud-outline-background);--btn-fg:var(--kuat-button-the-cloud-outline-foreground);--btn-bg-hover:var(--kuat-button-the-cloud-outline-background--hover);--btn-bg-active:var(--kuat-button-the-cloud-outline-background--active);--btn-bg-focus:var(--kuat-button-the-cloud-outline-background--focus);--btn-bg-disabled:var(--kuat-button-the-cloud-outline-background--disabled);--btn-fg-disabled:var(--kuat-button-the-cloud-outline-foreground--disabled);--btn-border:var(--kuat-button-the-cloud-outline-border);--btn-border-hover:var(--kuat-button-the-cloud-outline-border--hover);--btn-border-focus:var(--kuat-button-the-cloud-outline-border--focus);--btn-border-disabled:var(--kuat-button-the-cloud-outline-border--disabled);border-color:var(--btn-border)}.button--color-the-cloud.button--variant-ghost{--btn-bg:var(--kuat-button-the-cloud-ghost-background);--btn-fg:var(--kuat-button-the-cloud-ghost-foreground);--btn-bg-hover:var(--kuat-button-the-cloud-ghost-background--hover);--btn-bg-active:var(--kuat-button-the-cloud-ghost-background--active);--btn-bg-focus:var(--kuat-button-the-cloud-ghost-background--focus);--btn-bg-disabled:var(--kuat-button-the-cloud-ghost-background--disabled);--btn-fg-disabled:var(--kuat-button-the-cloud-ghost-foreground--disabled)}.button--color-the-cloud.button--variant-ghost-muted{--btn-bg:var(--kuat-button-the-cloud-ghost-muted-background);--btn-fg:var(--kuat-button-the-cloud-ghost-muted-foreground);--btn-bg-hover:var(--kuat-button-the-cloud-ghost-muted-background--hover);--btn-bg-active:var(--kuat-button-the-cloud-ghost-muted-background--active);--btn-bg-focus:var(--kuat-button-the-cloud-ghost-muted-background--focus);--btn-bg-disabled:var(--kuat-button-the-cloud-ghost-muted-background--disabled);--btn-fg-disabled:var(--kuat-button-the-cloud-ghost-muted-foreground--disabled)}.button--color-dark-data.button--variant-primary{--btn-bg:var(--kuat-button-dark-data-primary-background);--btn-fg:var(--kuat-button-dark-data-primary-foreground);--btn-bg-hover:var(--kuat-button-dark-data-primary-background--hover);--btn-bg-active:var(--kuat-button-dark-data-primary-background--active);--btn-bg-focus:var(--kuat-button-dark-data-primary-background--focus);--btn-bg-disabled:var(--kuat-button-dark-data-primary-background--disabled);--btn-fg-disabled:var(--kuat-button-dark-data-primary-foreground--disabled)}.button--color-dark-data.button--variant-secondary{--btn-bg:var(--kuat-button-dark-data-secondary-background);--btn-fg:var(--kuat-button-dark-data-secondary-foreground);--btn-bg-hover:var(--kuat-button-dark-data-secondary-background--hover);--btn-bg-active:var(--kuat-button-dark-data-secondary-background--active);--btn-bg-focus:var(--kuat-button-dark-data-secondary-background--focus);--btn-bg-disabled:var(--kuat-button-dark-data-secondary-background--disabled);--btn-fg-disabled:var(--kuat-button-dark-data-secondary-foreground--disabled)}.button--color-dark-data.button--variant-outline{--btn-bg:var(--kuat-button-dark-data-outline-background);--btn-fg:var(--kuat-button-dark-data-outline-foreground);--btn-bg-hover:var(--kuat-button-dark-data-outline-background--hover);--btn-bg-active:var(--kuat-button-dark-data-outline-background--active);--btn-bg-focus:var(--kuat-button-dark-data-outline-background--focus);--btn-bg-disabled:var(--kuat-button-dark-data-outline-background--disabled);--btn-fg-disabled:var(--kuat-button-dark-data-outline-foreground--disabled);--btn-border:var(--kuat-button-dark-data-outline-border);--btn-border-hover:var(--kuat-button-dark-data-outline-border--hover);--btn-border-focus:var(--kuat-button-dark-data-outline-border--focus);--btn-border-disabled:var(--kuat-button-dark-data-outline-border--disabled);border-color:var(--btn-border)}.button--color-dark-data.button--variant-ghost{--btn-bg:var(--kuat-button-dark-data-ghost-background);--btn-fg:var(--kuat-button-dark-data-ghost-foreground);--btn-bg-hover:var(--kuat-button-dark-data-ghost-background--hover);--btn-bg-active:var(--kuat-button-dark-data-ghost-background--active);--btn-bg-focus:var(--kuat-button-dark-data-ghost-background--focus);--btn-bg-disabled:var(--kuat-button-dark-data-ghost-background--disabled);--btn-fg-disabled:var(--kuat-button-dark-data-ghost-foreground--disabled)}.button--color-dark-data.button--variant-ghost-muted{--btn-bg:var(--kuat-button-dark-data-ghost-muted-background);--btn-fg:var(--kuat-button-dark-data-ghost-muted-foreground);--btn-bg-hover:var(--kuat-button-dark-data-ghost-muted-background--hover);--btn-bg-active:var(--kuat-button-dark-data-ghost-muted-background--active);--btn-bg-focus:var(--kuat-button-dark-data-ghost-muted-background--focus);--btn-bg-disabled:var(--kuat-button-dark-data-ghost-muted-background--disabled);--btn-fg-disabled:var(--kuat-button-dark-data-ghost-muted-foreground--disabled)}.button--color-transform-teal.button--variant-primary{--btn-bg:var(--kuat-button-transform-teal-primary-background);--btn-fg:var(--kuat-button-transform-teal-primary-foreground);--btn-bg-hover:var(--kuat-button-transform-teal-primary-background--hover);--btn-bg-active:var(--kuat-button-transform-teal-primary-background--active);--btn-bg-focus:var(--kuat-button-transform-teal-primary-background--focus);--btn-bg-disabled:var(--kuat-button-transform-teal-primary-background--disabled);--btn-fg-disabled:var(--kuat-button-transform-teal-primary-foreground--disabled)}.button--color-transform-teal.button--variant-secondary{--btn-bg:var(--kuat-button-transform-teal-secondary-background);--btn-fg:var(--kuat-button-transform-teal-secondary-foreground);--btn-bg-hover:var(--kuat-button-transform-teal-secondary-background--hover);--btn-bg-active:var(--kuat-button-transform-teal-secondary-background--active);--btn-bg-focus:var(--kuat-button-transform-teal-secondary-background--focus);--btn-bg-disabled:var(--kuat-button-transform-teal-secondary-background--disabled);--btn-fg-disabled:var(--kuat-button-transform-teal-secondary-foreground--disabled)}.button--color-transform-teal.button--variant-outline{--btn-bg:var(--kuat-button-transform-teal-outline-background);--btn-fg:var(--kuat-button-transform-teal-outline-foreground);--btn-bg-hover:var(--kuat-button-transform-teal-outline-background--hover);--btn-bg-active:var(--kuat-button-transform-teal-outline-background--active);--btn-bg-focus:var(--kuat-button-transform-teal-outline-background--focus);--btn-bg-disabled:var(--kuat-button-transform-teal-outline-background--disabled);--btn-fg-disabled:var(--kuat-button-transform-teal-outline-foreground--disabled);--btn-border:var(--kuat-button-transform-teal-outline-border);--btn-border-hover:var(--kuat-button-transform-teal-outline-border--hover);--btn-border-focus:var(--kuat-button-transform-teal-outline-border--focus);--btn-border-disabled:var(--kuat-button-transform-teal-outline-border--disabled);border-color:var(--btn-border)}.button--color-transform-teal.button--variant-ghost{--btn-bg:var(--kuat-button-transform-teal-ghost-background);--btn-fg:var(--kuat-button-transform-teal-ghost-foreground);--btn-bg-hover:var(--kuat-button-transform-teal-ghost-background--hover);--btn-bg-active:var(--kuat-button-transform-teal-ghost-background--active);--btn-bg-focus:var(--kuat-button-transform-teal-ghost-background--focus);--btn-bg-disabled:var(--kuat-button-transform-teal-ghost-background--disabled);--btn-fg-disabled:var(--kuat-button-transform-teal-ghost-foreground--disabled)}.button--color-transform-teal.button--variant-ghost-muted{--btn-bg:var(--kuat-button-transform-teal-ghost-muted-background);--btn-fg:var(--kuat-button-transform-teal-ghost-muted-foreground);--btn-bg-hover:var(--kuat-button-transform-teal-ghost-muted-background--hover);--btn-bg-active:var(--kuat-button-transform-teal-ghost-muted-background--active);--btn-bg-focus:var(--kuat-button-transform-teal-ghost-muted-background--focus);--btn-bg-disabled:var(--kuat-button-transform-teal-ghost-muted-background--disabled);--btn-fg-disabled:var(--kuat-button-transform-teal-ghost-muted-foreground--disabled)}.button--color-equal-ember.button--variant-primary{--btn-bg:var(--kuat-button-equal-ember-primary-background);--btn-fg:var(--kuat-button-equal-ember-primary-foreground);--btn-bg-hover:var(--kuat-button-equal-ember-primary-background--hover);--btn-bg-active:var(--kuat-button-equal-ember-primary-background--active);--btn-bg-focus:var(--kuat-button-equal-ember-primary-background--focus);--btn-bg-disabled:var(--kuat-button-equal-ember-primary-background--disabled);--btn-fg-disabled:var(--kuat-button-equal-ember-primary-foreground--disabled)}.button--color-equal-ember.button--variant-secondary{--btn-bg:var(--kuat-button-equal-ember-secondary-background);--btn-fg:var(--kuat-button-equal-ember-secondary-foreground);--btn-bg-hover:var(--kuat-button-equal-ember-secondary-background--hover);--btn-bg-active:var(--kuat-button-equal-ember-secondary-background--active);--btn-bg-focus:var(--kuat-button-equal-ember-secondary-background--focus);--btn-bg-disabled:var(--kuat-button-equal-ember-secondary-background--disabled);--btn-fg-disabled:var(--kuat-button-equal-ember-secondary-foreground--disabled)}.button--color-equal-ember.button--variant-outline{--btn-bg:var(--kuat-button-equal-ember-outline-background);--btn-fg:var(--kuat-button-equal-ember-outline-foreground);--btn-bg-hover:var(--kuat-button-equal-ember-outline-background--hover);--btn-bg-active:var(--kuat-button-equal-ember-outline-background--active);--btn-bg-focus:var(--kuat-button-equal-ember-outline-background--focus);--btn-bg-disabled:var(--kuat-button-equal-ember-outline-background--disabled);--btn-fg-disabled:var(--kuat-button-equal-ember-outline-foreground--disabled);--btn-border:var(--kuat-button-equal-ember-outline-border);--btn-border-hover:var(--kuat-button-equal-ember-outline-border--hover);--btn-border-focus:var(--kuat-button-equal-ember-outline-border--focus);--btn-border-disabled:var(--kuat-button-equal-ember-outline-border--disabled);border-color:var(--btn-border)}.button--color-equal-ember.button--variant-ghost{--btn-bg:var(--kuat-button-equal-ember-ghost-background);--btn-fg:var(--kuat-button-equal-ember-ghost-foreground);--btn-bg-hover:var(--kuat-button-equal-ember-ghost-background--hover);--btn-bg-active:var(--kuat-button-equal-ember-ghost-background--active);--btn-bg-focus:var(--kuat-button-equal-ember-ghost-background--focus);--btn-bg-disabled:var(--kuat-button-equal-ember-ghost-background--disabled);--btn-fg-disabled:var(--kuat-button-equal-ember-ghost-foreground--disabled)}.button--color-equal-ember.button--variant-ghost-muted{--btn-bg:var(--kuat-button-equal-ember-ghost-muted-background);--btn-fg:var(--kuat-button-equal-ember-ghost-muted-foreground);--btn-bg-hover:var(--kuat-button-equal-ember-ghost-muted-background--hover);--btn-bg-active:var(--kuat-button-equal-ember-ghost-muted-background--active);--btn-bg-focus:var(--kuat-button-equal-ember-ghost-muted-background--focus);--btn-bg-disabled:var(--kuat-button-equal-ember-ghost-muted-background--disabled);--btn-fg-disabled:var(--kuat-button-equal-ember-ghost-muted-foreground--disabled)}.button--size-mini{height:calc(var(--spacing,.25rem)*8);padding-inline:calc(var(--spacing,.25rem)*2.5);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)))}.button--size-small{height:calc(var(--spacing,.25rem)*9);padding-inline:calc(var(--spacing,.25rem)*3)}.button--size-default{height:calc(var(--spacing,.25rem)*10);padding-inline:calc(var(--spacing,.25rem)*4);padding-block:calc(var(--spacing,.25rem)*2)}.button--size-large{height:calc(var(--spacing,.25rem)*11);padding-inline:calc(var(--spacing,.25rem)*8)}.button--size-icon{width:calc(var(--spacing,.25rem)*10);height:calc(var(--spacing,.25rem)*10);padding:calc(var(--spacing,.25rem)*0)}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
|
package/dist/button.js
CHANGED
|
@@ -1,7 +1,8 @@
|
|
|
1
|
-
import { c as a } from "./utils-
|
|
2
|
-
|
|
1
|
+
import { c as a } from "./utils-DLUjLwnh.js";
|
|
2
|
+
/* empty css */
|
|
3
|
+
import { B as s, b as m } from "./button-DqdoNQqx.js";
|
|
3
4
|
export {
|
|
4
|
-
|
|
5
|
-
|
|
5
|
+
s as Button,
|
|
6
|
+
m as buttonVariants,
|
|
6
7
|
a as cn
|
|
7
8
|
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Accordion, AccordionItem, AccordionTrigger, AccordionContent, } from './accordion';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { AlertDialog, AlertDialogPortal, AlertDialogOverlay, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel, } from './alert-dialog';
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
export declare const BADGE_VARIANTS: readonly ["default", "secondary", "destructive", "outline", "ghost"];
|
|
3
|
+
export type BadgeVariant = (typeof BADGE_VARIANTS)[number];
|
|
4
|
+
export declare const BADGE_ROUNDNESS: readonly ["default", "round"];
|
|
5
|
+
export type BadgeRoundness = (typeof BADGE_ROUNDNESS)[number];
|
|
6
|
+
export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
7
|
+
variant?: BadgeVariant;
|
|
8
|
+
roundness?: BadgeRoundness;
|
|
9
|
+
}
|
|
10
|
+
declare function Badge({ className, variant, roundness, ...props }: BadgeProps): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
/** Returns class string for badge variant (backward compatibility). */
|
|
12
|
+
export declare function badgeVariants(options: {
|
|
13
|
+
variant?: BadgeVariant;
|
|
14
|
+
roundness?: BadgeRoundness;
|
|
15
|
+
}): string;
|
|
16
|
+
export { Badge };
|