@equal-experts/kuat-react 0.4.1 → 0.4.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (68) hide show
  1. package/README.md +13 -28
  2. package/dist/accordion-DwQCxX_5.js +43 -0
  3. package/dist/accordion.css +1 -0
  4. package/dist/accordion.js +7 -6
  5. package/dist/alert-dialog-CT9DCCMH.js +96 -0
  6. package/dist/alert-dialog.css +1 -0
  7. package/dist/alert-dialog.js +14 -13
  8. package/dist/badge-Yftb6Tdy.js +22 -0
  9. package/dist/badge.css +1 -0
  10. package/dist/badge.js +5 -4
  11. package/dist/button-DqdoNQqx.js +69 -0
  12. package/dist/button-group-BNfxHMty.js +80 -0
  13. package/dist/button-group.css +1 -0
  14. package/dist/button-group.js +7 -6
  15. package/dist/button.css +1 -0
  16. package/dist/button.js +5 -4
  17. package/dist/components/ui/accordion/index.d.ts +1 -0
  18. package/dist/components/ui/alert-dialog/index.d.ts +1 -0
  19. package/dist/components/ui/badge/badge.d.ts +16 -0
  20. package/dist/components/ui/badge/index.d.ts +2 -0
  21. package/dist/components/ui/breadcrumb/Breadcrumb.d.ts +29 -0
  22. package/dist/components/ui/breadcrumb/breadcrumb-primitives.d.ts +19 -0
  23. package/dist/components/ui/breadcrumb/index.d.ts +4 -0
  24. package/dist/components/ui/button/button.d.ts +27 -0
  25. package/dist/components/ui/button/index.d.ts +2 -0
  26. package/dist/components/ui/button-group/button-group.d.ts +23 -0
  27. package/dist/components/ui/button-group/index.d.ts +2 -0
  28. package/dist/components/ui/content-card/content-card.d.ts +25 -0
  29. package/dist/components/ui/content-card/index.d.ts +2 -0
  30. package/dist/components/ui/dropdown-menu/dropdown-menu.d.ts +27 -0
  31. package/dist/components/ui/dropdown-menu/index.d.ts +1 -0
  32. package/dist/components/ui/ee-logo-icon/ee-logo-icon.d.ts +11 -0
  33. package/dist/components/ui/ee-logo-icon/index.d.ts +2 -0
  34. package/dist/components/ui/kuat-carousel/index.d.ts +2 -0
  35. package/dist/components/ui/kuat-carousel/kuat-carousel.d.ts +32 -0
  36. package/dist/components/ui/kuat-header/index.d.ts +2 -0
  37. package/dist/components/ui/kuat-header/kuat-header.d.ts +38 -0
  38. package/dist/components/ui/kuat-logo-lockup/index.d.ts +2 -0
  39. package/dist/components/ui/kuat-logo-lockup/kuat-logo-lockup.d.ts +17 -0
  40. package/dist/components/ui/kuat-radial-progress/index.d.ts +2 -0
  41. package/dist/components/ui/kuat-radial-progress/kuat-radial-progress.d.ts +16 -0
  42. package/dist/components/ui/separator/index.d.ts +2 -0
  43. package/dist/components/ui/separator/separator.d.ts +9 -0
  44. package/dist/index.css +1 -0
  45. package/dist/index.d.ts +32 -23
  46. package/dist/index.js +2000 -30
  47. package/dist/kuat-radial-progress-B3nQqPFW.js +105 -0
  48. package/dist/kuat-radial-progress.css +1 -0
  49. package/dist/kuat-radial-progress.d.ts +7 -0
  50. package/dist/kuat-radial-progress.js +6 -0
  51. package/dist/lib/react-node-compat.d.ts +7 -0
  52. package/dist/styles.css +1 -0
  53. package/dist/test/setup.d.ts +1 -0
  54. package/dist/{utils-qaFjX9_3.js → utils-DLUjLwnh.js} +0 -1
  55. package/package.json +21 -9
  56. package/dist/accordion-CQDgmmJ5.js +0 -46
  57. package/dist/alert-dialog-CzXLOFRG.js +0 -113
  58. package/dist/badge-DRUd-ban.js +0 -26
  59. package/dist/button-CPn6T5-L.js +0 -44
  60. package/dist/button-group-DUSbG9lE.js +0 -93
  61. package/dist/components/ui/badge.d.ts +0 -9
  62. package/dist/components/ui/button-group.d.ts +0 -12
  63. package/dist/components/ui/button.d.ts +0 -11
  64. package/dist/components/ui/separator.d.ts +0 -4
  65. package/dist/index-DACAHwoB.js +0 -34
  66. package/dist/style.css +0 -1
  67. /package/dist/components/ui/{accordion.d.ts → accordion/accordion.d.ts} +0 -0
  68. /package/dist/components/ui/{alert-dialog.d.ts → alert-dialog/alert-dialog.d.ts} +0 -0
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 standard UI components (Button, Dialog, etc.), install them directly via shadcn CLI with kuat-core theming.
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, Badge } from '@equal-experts/kuat-react';
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 badge`
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 r } from "./utils-qaFjX9_3.js";
2
- import { A as a, c as e, a as i, b as s } from "./accordion-CQDgmmJ5.js";
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
- a as Accordion,
5
- e as AccordionContent,
6
- i as AccordionItem,
5
+ i as Accordion,
6
+ t as AccordionContent,
7
+ e as AccordionItem,
7
8
  s as AccordionTrigger,
8
- r as cn
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}
@@ -1,16 +1,17 @@
1
- import { c as e } from "./utils-qaFjX9_3.js";
2
- import { A as o, i as t, j as i, d as g, h as s, f as A, e as D, b as c, a as n, g as f, c as p } from "./alert-dialog-CzXLOFRG.js";
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
- o as AlertDialog,
5
- t as AlertDialogAction,
6
- i as AlertDialogCancel,
7
- g as AlertDialogContent,
8
- s as AlertDialogDescription,
9
- A as AlertDialogFooter,
10
- D as AlertDialogHeader,
11
- c as AlertDialogOverlay,
12
- n as AlertDialogPortal,
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
- p as AlertDialogTrigger,
15
- e as cn
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-qaFjX9_3.js";
2
- import { B as s, b as t } from "./badge-DRUd-ban.js";
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
- s as Badge,
5
- t as badgeVariants,
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}
@@ -1,9 +1,10 @@
1
- import { c as r } from "./utils-qaFjX9_3.js";
2
- import { B as u, a as p, b as n, c as s } from "./button-group-DUSbG9lE.js";
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
- p as ButtonGroupSeparator,
6
- n as ButtonGroupText,
7
- s as buttonGroupVariants,
8
- r as cn
6
+ n as ButtonGroupSeparator,
7
+ s as ButtonGroupText,
8
+ e as buttonGroupVariants,
9
+ a as cn
9
10
  };
@@ -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-qaFjX9_3.js";
2
- import { B as n, b as s } from "./button-CPn6T5-L.js";
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
- n as Button,
5
- s as buttonVariants,
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 };
@@ -0,0 +1,2 @@
1
+ export { Badge, badgeVariants, BADGE_VARIANTS, BADGE_ROUNDNESS } from './badge';
2
+ export type { BadgeProps, BadgeVariant, BadgeRoundness } from './badge';