ics-ui-kit 0.1.18 → 0.1.19
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/dist/{Button-Dg89xRSi.js → Button-BZ3ON1Tj.js} +2 -2
- package/dist/{Button-Dg89xRSi.js.map → Button-BZ3ON1Tj.js.map} +1 -1
- package/dist/ButtonBase-jgu7EolU.js +158 -0
- package/dist/ButtonBase-jgu7EolU.js.map +1 -0
- package/dist/{FormFooterTemplate-BRrgrxAu.js → FormFooterTemplate-DdNnLu2-.js} +2 -2
- package/dist/{FormFooterTemplate-BRrgrxAu.js.map → FormFooterTemplate-DdNnLu2-.js.map} +1 -1
- package/dist/{IconButton-DwkpNgn3.js → IconButton-uGJ3cQtk.js} +2 -2
- package/dist/{IconButton-DwkpNgn3.js.map → IconButton-uGJ3cQtk.js.map} +1 -1
- package/dist/{InputGroup-BcRWP-zL.js → InputGroup-AVAtosX_.js} +2 -2
- package/dist/{InputGroup-BcRWP-zL.js.map → InputGroup-AVAtosX_.js.map} +1 -1
- package/dist/{Popover-CRVD7AtB.js → Popover-KjZXxxl3.js} +2 -2
- package/dist/{Popover-CRVD7AtB.js.map → Popover-KjZXxxl3.js.map} +1 -1
- package/dist/{RichButton-DuPTenmS.js → RichButton-B1wjK7Bk.js} +2 -2
- package/dist/{RichButton-DuPTenmS.js.map → RichButton-B1wjK7Bk.js.map} +1 -1
- package/dist/{TextInput-Db0ylY91.js → TextInput-5BuZtWV6.js} +2 -2
- package/dist/{TextInput-Db0ylY91.js.map → TextInput-5BuZtWV6.js.map} +1 -1
- package/dist/{TriggerButton-CfDObWP9.js → TriggerButton-Bakr8Boi.js} +2 -2
- package/dist/{TriggerButton-CfDObWP9.js.map → TriggerButton-Bakr8Boi.js.map} +1 -1
- package/dist/blocks/auth/otp-form.js +2 -2
- package/dist/components/alert-dialog.js +1 -1
- package/dist/components/alert.js +1 -1
- package/dist/components/button.js +5 -5
- package/dist/components/calendar.js +1 -1
- package/dist/components/card.js +1 -1
- package/dist/components/carousel.js +1 -1
- package/dist/components/dialog.js +1 -1
- package/dist/components/drawer.js +1 -1
- package/dist/components/dropdown.js +1 -1
- package/dist/components/error-state.js +1 -1
- package/dist/components/file-upload.js +2 -2
- package/dist/components/form.js +2 -2
- package/dist/components/image-preview.js +1 -1
- package/dist/components/image-uploader.js +1 -1
- package/dist/components/input.js +4 -4
- package/dist/components/menu-item.js +3 -3
- package/dist/components/page-state.js +1 -1
- package/dist/components/popover.js +1 -1
- package/dist/components/progress-circle.js +1 -1
- package/dist/components/progress.js +1 -1
- package/dist/components/search-select.js +1 -1
- package/dist/components/sidebar.js +2 -2
- package/dist/components/system-state.js +1 -1
- package/dist/components/tag-input.js +1 -1
- package/dist/components/toast.js +2 -2
- package/dist/styles-scoped.css +30 -79
- package/dist/styles.css +30 -79
- package/package.json +1 -1
- package/dist/ButtonBase-e6qyv6mD.js +0 -158
- package/dist/ButtonBase-e6qyv6mD.js.map +0 -1
package/dist/styles.css
CHANGED
|
@@ -4555,9 +4555,18 @@ body {
|
|
|
4555
4555
|
.hover\:border-status-error-secondary-border:hover {
|
|
4556
4556
|
border-color: hsl(var(--status-error-secondary-border));
|
|
4557
4557
|
}
|
|
4558
|
+
.hover\:border-status-info-primary-border:hover {
|
|
4559
|
+
border-color: hsl(var(--status-info-primary-border));
|
|
4560
|
+
}
|
|
4561
|
+
.hover\:border-status-success-primary-border:hover {
|
|
4562
|
+
border-color: hsl(var(--status-success-primary-border));
|
|
4563
|
+
}
|
|
4558
4564
|
.hover\:border-status-success-secondary-border:hover {
|
|
4559
4565
|
border-color: hsl(var(--status-success-secondary-border));
|
|
4560
4566
|
}
|
|
4567
|
+
.hover\:border-status-warning-primary-border:hover {
|
|
4568
|
+
border-color: hsl(var(--status-warning-primary-border));
|
|
4569
|
+
}
|
|
4561
4570
|
.hover\:\!bg-inverse-hover:hover {
|
|
4562
4571
|
background-color: hsl(var(--inverse-hover)) !important;
|
|
4563
4572
|
}
|
|
@@ -4585,6 +4594,9 @@ body {
|
|
|
4585
4594
|
--tw-bg-opacity: 1;
|
|
4586
4595
|
background-color: rgb(255 237 213 / var(--tw-bg-opacity, 1));
|
|
4587
4596
|
}
|
|
4597
|
+
.hover\:bg-primary-accent-hover:hover {
|
|
4598
|
+
background-color: hsl(var(--primary-accent-hover));
|
|
4599
|
+
}
|
|
4588
4600
|
.hover\:bg-primary-bg-hover:hover {
|
|
4589
4601
|
background-color: hsl(var(--primary-bg-hover));
|
|
4590
4602
|
}
|
|
@@ -4606,6 +4618,9 @@ body {
|
|
|
4606
4618
|
.hover\:bg-status-error-hover:hover {
|
|
4607
4619
|
background-color: hsl(var(--status-error-hover));
|
|
4608
4620
|
}
|
|
4621
|
+
.hover\:bg-status-info-bg:hover {
|
|
4622
|
+
background-color: hsl(var(--status-info-bg));
|
|
4623
|
+
}
|
|
4609
4624
|
.hover\:bg-status-info-bg-hover:hover {
|
|
4610
4625
|
background-color: hsl(var(--status-info-bg-hover));
|
|
4611
4626
|
}
|
|
@@ -4618,6 +4633,9 @@ body {
|
|
|
4618
4633
|
.hover\:bg-status-neutral-hover:hover {
|
|
4619
4634
|
background-color: hsl(var(--status-default-hover));
|
|
4620
4635
|
}
|
|
4636
|
+
.hover\:bg-status-success-bg:hover {
|
|
4637
|
+
background-color: hsl(var(--status-success-bg));
|
|
4638
|
+
}
|
|
4621
4639
|
.hover\:bg-status-success-bg-hover:hover {
|
|
4622
4640
|
background-color: hsl(var(--status-success-bg-hover));
|
|
4623
4641
|
}
|
|
@@ -4654,6 +4672,18 @@ body {
|
|
|
4654
4672
|
.hover\:text-secondary-fg:hover {
|
|
4655
4673
|
color: hsl(var(--secondary-fg));
|
|
4656
4674
|
}
|
|
4675
|
+
.hover\:text-status-error-fg:hover {
|
|
4676
|
+
color: hsl(var(--status-error-fg));
|
|
4677
|
+
}
|
|
4678
|
+
.hover\:text-status-info-fg:hover {
|
|
4679
|
+
color: hsl(var(--status-info-fg));
|
|
4680
|
+
}
|
|
4681
|
+
.hover\:text-status-success-fg:hover {
|
|
4682
|
+
color: hsl(var(--status-success-fg));
|
|
4683
|
+
}
|
|
4684
|
+
.hover\:text-status-warning-fg:hover {
|
|
4685
|
+
color: hsl(var(--status-warning-fg));
|
|
4686
|
+
}
|
|
4657
4687
|
.hover\:text-white:hover {
|
|
4658
4688
|
--tw-text-opacity: 1;
|
|
4659
4689
|
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
|
|
@@ -6272,91 +6302,12 @@ body {
|
|
|
6272
6302
|
.lg\:hover\:border-inverse-border:hover {
|
|
6273
6303
|
border-color: hsl(var(--inverse-border));
|
|
6274
6304
|
}
|
|
6275
|
-
.lg\:hover\:border-primary-border:hover {
|
|
6276
|
-
border-color: hsl(var(--primary-border));
|
|
6277
|
-
}
|
|
6278
|
-
.lg\:hover\:border-status-error-primary-border:hover {
|
|
6279
|
-
border-color: hsl(var(--status-error-primary-border));
|
|
6280
|
-
}
|
|
6281
|
-
.lg\:hover\:border-status-info-primary-border:hover {
|
|
6282
|
-
border-color: hsl(var(--status-info-primary-border));
|
|
6283
|
-
}
|
|
6284
|
-
.lg\:hover\:border-status-success-primary-border:hover {
|
|
6285
|
-
border-color: hsl(var(--status-success-primary-border));
|
|
6286
|
-
}
|
|
6287
|
-
.lg\:hover\:border-status-warning-primary-border:hover {
|
|
6288
|
-
border-color: hsl(var(--status-warning-primary-border));
|
|
6289
|
-
}
|
|
6290
6305
|
.lg\:hover\:bg-inverse-hover:hover {
|
|
6291
6306
|
background-color: hsl(var(--inverse-hover));
|
|
6292
6307
|
}
|
|
6293
|
-
.lg\:hover\:bg-primary-accent-hover:hover {
|
|
6294
|
-
background-color: hsl(var(--primary-accent-hover));
|
|
6295
|
-
}
|
|
6296
|
-
.lg\:hover\:bg-primary-bg-hover:hover {
|
|
6297
|
-
background-color: hsl(var(--primary-bg-hover));
|
|
6298
|
-
}
|
|
6299
|
-
.lg\:hover\:bg-secondary-bg-hover:hover {
|
|
6300
|
-
background-color: hsl(var(--secondary-bg-hover));
|
|
6301
|
-
}
|
|
6302
|
-
.lg\:hover\:bg-status-error-bg:hover {
|
|
6303
|
-
background-color: hsl(var(--status-error-bg));
|
|
6304
|
-
}
|
|
6305
|
-
.lg\:hover\:bg-status-error-bg-hover:hover {
|
|
6306
|
-
background-color: hsl(var(--status-error-bg-hover));
|
|
6307
|
-
}
|
|
6308
|
-
.lg\:hover\:bg-status-error-hover:hover {
|
|
6309
|
-
background-color: hsl(var(--status-error-hover));
|
|
6310
|
-
}
|
|
6311
|
-
.lg\:hover\:bg-status-info-bg:hover {
|
|
6312
|
-
background-color: hsl(var(--status-info-bg));
|
|
6313
|
-
}
|
|
6314
|
-
.lg\:hover\:bg-status-info-bg-hover:hover {
|
|
6315
|
-
background-color: hsl(var(--status-info-bg-hover));
|
|
6316
|
-
}
|
|
6317
|
-
.lg\:hover\:bg-status-info-hover:hover {
|
|
6318
|
-
background-color: hsl(var(--status-info-hover));
|
|
6319
|
-
}
|
|
6320
|
-
.lg\:hover\:bg-status-success-bg:hover {
|
|
6321
|
-
background-color: hsl(var(--status-success-bg));
|
|
6322
|
-
}
|
|
6323
|
-
.lg\:hover\:bg-status-success-bg-hover:hover {
|
|
6324
|
-
background-color: hsl(var(--status-success-bg-hover));
|
|
6325
|
-
}
|
|
6326
|
-
.lg\:hover\:bg-status-success-hover:hover {
|
|
6327
|
-
background-color: hsl(var(--status-success-hover));
|
|
6328
|
-
}
|
|
6329
|
-
.lg\:hover\:bg-status-warning-bg:hover {
|
|
6330
|
-
background-color: hsl(var(--status-warning-bg));
|
|
6331
|
-
}
|
|
6332
|
-
.lg\:hover\:bg-status-warning-bg-hover:hover {
|
|
6333
|
-
background-color: hsl(var(--status-warning-bg-hover));
|
|
6334
|
-
}
|
|
6335
|
-
.lg\:hover\:bg-status-warning-hover:hover {
|
|
6336
|
-
background-color: hsl(var(--status-warning-hover));
|
|
6337
|
-
}
|
|
6338
6308
|
.lg\:hover\:text-inverse-primary-fg:hover {
|
|
6339
6309
|
color: hsl(var(--inverse-primary-fg));
|
|
6340
6310
|
}
|
|
6341
|
-
.lg\:hover\:text-primary-fg:hover {
|
|
6342
|
-
color: hsl(var(--primary-fg));
|
|
6343
|
-
}
|
|
6344
|
-
.lg\:hover\:text-status-error-fg:hover {
|
|
6345
|
-
color: hsl(var(--status-error-fg));
|
|
6346
|
-
}
|
|
6347
|
-
.lg\:hover\:text-status-info-fg:hover {
|
|
6348
|
-
color: hsl(var(--status-info-fg));
|
|
6349
|
-
}
|
|
6350
|
-
.lg\:hover\:text-status-success-fg:hover {
|
|
6351
|
-
color: hsl(var(--status-success-fg));
|
|
6352
|
-
}
|
|
6353
|
-
.lg\:hover\:text-status-warning-fg:hover {
|
|
6354
|
-
color: hsl(var(--status-warning-fg));
|
|
6355
|
-
}
|
|
6356
|
-
.lg\:hover\:text-white:hover {
|
|
6357
|
-
--tw-text-opacity: 1;
|
|
6358
|
-
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
|
|
6359
|
-
}
|
|
6360
6311
|
}
|
|
6361
6312
|
.lg\:has-\[\>svg\]\:grid-cols-\[1\.5rem_1fr\]:has(>svg) {
|
|
6362
6313
|
grid-template-columns: 1.5rem 1fr;
|
package/package.json
CHANGED
|
@@ -1,158 +0,0 @@
|
|
|
1
|
-
import { jsx as n } from "react/jsx-runtime";
|
|
2
|
-
import { S as u } from "./index-BtQfgaSF.js";
|
|
3
|
-
import c from "react";
|
|
4
|
-
import { T as b } from "./index-BVqs-uqP.js";
|
|
5
|
-
const v = b({
|
|
6
|
-
base: "inline-flex cursor-pointer select-none items-center justify-center overflow-hidden rounded-lg font-medium text-primary-fg transition-all focus-visible:shadow-focus focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50",
|
|
7
|
-
variants: {
|
|
8
|
-
variant: {
|
|
9
|
-
primary: "bg-primary-accent text-primary-bg shadow-soft-base active:bg-primary-accent-hover lg:hover:bg-primary-accent-hover",
|
|
10
|
-
secondary: "bg-secondary-bg-hover active:bg-primary-bg-hover lg:hover:bg-primary-bg-hover",
|
|
11
|
-
outline: "border border-solid border-secondary-border bg-secondary-bg shadow-soft-sm active:border-primary-border active:bg-secondary-bg-hover lg:hover:border-primary-border lg:hover:bg-secondary-bg-hover",
|
|
12
|
-
ghost: "bg-transparent active:bg-secondary-bg-hover lg:hover:bg-secondary-bg-hover",
|
|
13
|
-
link: "bg-transparent text-muted underline active:text-primary-fg lg:hover:text-primary-fg",
|
|
14
|
-
text: "bg-transparent text-muted active:text-primary-fg lg:hover:text-primary-fg"
|
|
15
|
-
},
|
|
16
|
-
status: {
|
|
17
|
-
default: "",
|
|
18
|
-
info: "text-status-info-fg",
|
|
19
|
-
success: "text-status-success-fg",
|
|
20
|
-
warning: "text-status-warning-fg",
|
|
21
|
-
error: "text-status-error-fg"
|
|
22
|
-
},
|
|
23
|
-
size: {
|
|
24
|
-
xs: "h-7 gap-2 px-2.5 py-1.5 text-xs",
|
|
25
|
-
sm: "h-8 gap-2 px-3 py-2 text-xs",
|
|
26
|
-
md: "h-9 gap-2 px-4 py-2 text-sm",
|
|
27
|
-
lg: "h-10 gap-2 px-5 py-2 text-sm",
|
|
28
|
-
xl: "h-11 gap-3 px-6 py-3 text-base"
|
|
29
|
-
}
|
|
30
|
-
},
|
|
31
|
-
defaultVariants: {
|
|
32
|
-
variant: "primary",
|
|
33
|
-
size: "md",
|
|
34
|
-
status: "default"
|
|
35
|
-
},
|
|
36
|
-
compoundVariants: [
|
|
37
|
-
/*
|
|
38
|
-
* Statuses
|
|
39
|
-
*/
|
|
40
|
-
// Primary
|
|
41
|
-
{
|
|
42
|
-
variant: "primary",
|
|
43
|
-
status: ["info", "success", "warning", "error"],
|
|
44
|
-
class: "text-white active:text-white lg:hover:text-white"
|
|
45
|
-
},
|
|
46
|
-
{
|
|
47
|
-
variant: "primary",
|
|
48
|
-
status: "info",
|
|
49
|
-
class: "bg-status-info active:bg-status-info-hover lg:hover:bg-status-info-hover"
|
|
50
|
-
},
|
|
51
|
-
{
|
|
52
|
-
variant: "primary",
|
|
53
|
-
status: "success",
|
|
54
|
-
class: "bg-status-success active:bg-status-success-hover lg:hover:bg-status-success-hover"
|
|
55
|
-
},
|
|
56
|
-
{
|
|
57
|
-
variant: "primary",
|
|
58
|
-
status: "warning",
|
|
59
|
-
class: "bg-status-warning active:bg-status-warning-hover lg:hover:bg-status-warning-hover"
|
|
60
|
-
},
|
|
61
|
-
{
|
|
62
|
-
variant: "primary",
|
|
63
|
-
status: "error",
|
|
64
|
-
class: "bg-status-error active:bg-status-error-hover lg:hover:bg-status-error-hover"
|
|
65
|
-
},
|
|
66
|
-
// Secondary
|
|
67
|
-
{
|
|
68
|
-
variant: "secondary",
|
|
69
|
-
status: "info",
|
|
70
|
-
class: "bg-status-info-bg active:bg-status-info-bg-hover lg:hover:bg-status-info-bg-hover"
|
|
71
|
-
},
|
|
72
|
-
{
|
|
73
|
-
variant: "secondary",
|
|
74
|
-
status: "success",
|
|
75
|
-
class: "bg-status-success-bg active:bg-status-success-bg-hover lg:hover:bg-status-success-bg-hover"
|
|
76
|
-
},
|
|
77
|
-
{
|
|
78
|
-
variant: "secondary",
|
|
79
|
-
status: "warning",
|
|
80
|
-
class: "bg-status-warning-bg active:bg-status-warning-bg-hover lg:hover:bg-status-warning-bg-hover"
|
|
81
|
-
},
|
|
82
|
-
{
|
|
83
|
-
variant: "secondary",
|
|
84
|
-
status: "error",
|
|
85
|
-
class: "bg-status-error-bg active:bg-status-error-bg-hover lg:hover:bg-status-error-bg-hover"
|
|
86
|
-
},
|
|
87
|
-
// Outline
|
|
88
|
-
{
|
|
89
|
-
variant: "outline",
|
|
90
|
-
status: "info",
|
|
91
|
-
class: "border-status-info-secondary-border active:border-status-info-secondary-border active:bg-status-info-bg lg:hover:border-status-info-primary-border lg:hover:bg-status-info-bg"
|
|
92
|
-
},
|
|
93
|
-
{
|
|
94
|
-
variant: "outline",
|
|
95
|
-
status: "success",
|
|
96
|
-
class: "border-status-success-secondary-border active:border-status-success-secondary-border active:bg-status-success-bg lg:hover:border-status-success-primary-border lg:hover:bg-status-success-bg"
|
|
97
|
-
},
|
|
98
|
-
{
|
|
99
|
-
variant: "outline",
|
|
100
|
-
status: "warning",
|
|
101
|
-
class: "border-status-warning-secondary-border active:border-status-warning-secondary-border active:bg-status-warning-bg lg:hover:border-status-warning-primary-border lg:hover:bg-status-warning-bg"
|
|
102
|
-
},
|
|
103
|
-
{
|
|
104
|
-
variant: "outline",
|
|
105
|
-
status: "error",
|
|
106
|
-
class: "border-status-error-secondary-border active:border-status-error-secondary-border active:bg-status-error-bg lg:hover:border-status-error-primary-border lg:hover:bg-status-error-bg"
|
|
107
|
-
},
|
|
108
|
-
// Ghost
|
|
109
|
-
{
|
|
110
|
-
variant: "ghost",
|
|
111
|
-
status: "info",
|
|
112
|
-
class: "text-status-info-fg active:bg-status-info-bg lg:hover:bg-status-info-bg"
|
|
113
|
-
},
|
|
114
|
-
{
|
|
115
|
-
variant: "ghost",
|
|
116
|
-
status: "success",
|
|
117
|
-
class: "text-status-success-fg active:bg-status-success-bg lg:hover:bg-status-success-bg"
|
|
118
|
-
},
|
|
119
|
-
{
|
|
120
|
-
variant: "ghost",
|
|
121
|
-
status: "warning",
|
|
122
|
-
class: "text-status-warning-fg active:bg-status-warning-bg lg:hover:bg-status-warning-bg"
|
|
123
|
-
},
|
|
124
|
-
{
|
|
125
|
-
variant: "ghost",
|
|
126
|
-
status: "error",
|
|
127
|
-
class: "text-status-error-fg active:bg-status-error-bg lg:hover:bg-status-error-bg"
|
|
128
|
-
},
|
|
129
|
-
// Text & Link
|
|
130
|
-
{
|
|
131
|
-
variant: ["text", "link"],
|
|
132
|
-
status: "info",
|
|
133
|
-
class: "text-status-info-fg/70 active:text-status-info-fg lg:hover:text-status-info-fg"
|
|
134
|
-
},
|
|
135
|
-
{
|
|
136
|
-
variant: ["text", "link"],
|
|
137
|
-
status: "success",
|
|
138
|
-
class: "text-status-success-fg/70 active:text-status-success-fg lg:hover:text-status-success-fg"
|
|
139
|
-
},
|
|
140
|
-
{
|
|
141
|
-
variant: ["text", "link"],
|
|
142
|
-
status: "warning",
|
|
143
|
-
class: "text-status-warning-fg/70 active:text-status-warning-fg lg:hover:text-status-warning-fg"
|
|
144
|
-
},
|
|
145
|
-
{
|
|
146
|
-
variant: ["text", "link"],
|
|
147
|
-
status: "error",
|
|
148
|
-
class: "text-status-error-fg/70 active:text-status-error-fg lg:hover:text-status-error-fg"
|
|
149
|
-
}
|
|
150
|
-
]
|
|
151
|
-
}), l = c.forwardRef(
|
|
152
|
-
({ variant: t, size: s, children: r, status: a, className: e, asChild: o = !1, ...g }, i) => /* @__PURE__ */ n(o ? u : "button", { className: v({ variant: t, size: s, status: a, className: e }), ref: i, ...g, children: r })
|
|
153
|
-
);
|
|
154
|
-
l.displayName = "ButtonBase";
|
|
155
|
-
export {
|
|
156
|
-
l as B
|
|
157
|
-
};
|
|
158
|
-
//# sourceMappingURL=ButtonBase-e6qyv6mD.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonBase-e6qyv6mD.js","sources":["../src/components/button/button-base/ButtonBase.tsx"],"sourcesContent":["import { VariantsConfig } from \"@/lib/utils/variants\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport React, { PropsWithChildren } from \"react\";\nimport { tv } from \"tailwind-variants\";\n\nexport interface ButtonBaseVariants {\n\tvariant?: \"primary\" | \"secondary\" | \"outline\" | \"ghost\" | \"link\" | \"text\";\n\tstatus?: \"default\" | \"info\" | \"success\" | \"warning\" | \"error\";\n\tsize?: \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\n}\n\nconst buttonBaseStyles = tv({\n\tbase: \"inline-flex cursor-pointer select-none items-center justify-center overflow-hidden rounded-lg font-medium text-primary-fg transition-all focus-visible:shadow-focus focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50\",\n\tvariants: {\n\t\tvariant: {\n\t\t\tprimary:\n\t\t\t\t\"bg-primary-accent text-primary-bg shadow-soft-base active:bg-primary-accent-hover lg:hover:bg-primary-accent-hover\",\n\t\t\tsecondary: \"bg-secondary-bg-hover active:bg-primary-bg-hover lg:hover:bg-primary-bg-hover\",\n\t\t\toutline:\n\t\t\t\t\"border border-solid border-secondary-border bg-secondary-bg shadow-soft-sm active:border-primary-border active:bg-secondary-bg-hover lg:hover:border-primary-border lg:hover:bg-secondary-bg-hover\",\n\t\t\tghost: \"bg-transparent active:bg-secondary-bg-hover lg:hover:bg-secondary-bg-hover\",\n\t\t\tlink: \"bg-transparent text-muted underline active:text-primary-fg lg:hover:text-primary-fg\",\n\t\t\ttext: \"bg-transparent text-muted active:text-primary-fg lg:hover:text-primary-fg\"\n\t\t},\n\t\tstatus: {\n\t\t\tdefault: \"\",\n\t\t\tinfo: \"text-status-info-fg\",\n\t\t\tsuccess: \"text-status-success-fg\",\n\t\t\twarning: \"text-status-warning-fg\",\n\t\t\terror: \"text-status-error-fg\"\n\t\t},\n\t\tsize: {\n\t\t\txs: \"h-7 gap-2 px-2.5 py-1.5 text-xs\",\n\t\t\tsm: \"h-8 gap-2 px-3 py-2 text-xs\",\n\t\t\tmd: \"h-9 gap-2 px-4 py-2 text-sm\",\n\t\t\tlg: \"h-10 gap-2 px-5 py-2 text-sm\",\n\t\t\txl: \"h-11 gap-3 px-6 py-3 text-base\"\n\t\t}\n\t} satisfies VariantsConfig<ButtonBaseVariants>,\n\tdefaultVariants: {\n\t\tvariant: \"primary\",\n\t\tsize: \"md\",\n\t\tstatus: \"default\"\n\t},\n\tcompoundVariants: [\n\t\t/*\n\t\t * Statuses\n\t\t */\n\t\t// Primary\n\t\t{\n\t\t\tvariant: \"primary\",\n\t\t\tstatus: [\"info\", \"success\", \"warning\", \"error\"],\n\t\t\tclass: \"text-white active:text-white lg:hover:text-white\"\n\t\t},\n\t\t{\n\t\t\tvariant: \"primary\",\n\t\t\tstatus: \"info\",\n\t\t\tclass: \"bg-status-info active:bg-status-info-hover lg:hover:bg-status-info-hover\"\n\t\t},\n\t\t{\n\t\t\tvariant: \"primary\",\n\t\t\tstatus: \"success\",\n\t\t\tclass: \"bg-status-success active:bg-status-success-hover lg:hover:bg-status-success-hover\"\n\t\t},\n\t\t{\n\t\t\tvariant: \"primary\",\n\t\t\tstatus: \"warning\",\n\t\t\tclass: \"bg-status-warning active:bg-status-warning-hover lg:hover:bg-status-warning-hover\"\n\t\t},\n\t\t{\n\t\t\tvariant: \"primary\",\n\t\t\tstatus: \"error\",\n\t\t\tclass: \"bg-status-error active:bg-status-error-hover lg:hover:bg-status-error-hover\"\n\t\t},\n\t\t// Secondary\n\t\t{\n\t\t\tvariant: \"secondary\",\n\t\t\tstatus: \"info\",\n\t\t\tclass: \"bg-status-info-bg active:bg-status-info-bg-hover lg:hover:bg-status-info-bg-hover\"\n\t\t},\n\t\t{\n\t\t\tvariant: \"secondary\",\n\t\t\tstatus: \"success\",\n\t\t\tclass: \"bg-status-success-bg active:bg-status-success-bg-hover lg:hover:bg-status-success-bg-hover\"\n\t\t},\n\t\t{\n\t\t\tvariant: \"secondary\",\n\t\t\tstatus: \"warning\",\n\t\t\tclass: \"bg-status-warning-bg active:bg-status-warning-bg-hover lg:hover:bg-status-warning-bg-hover\"\n\t\t},\n\t\t{\n\t\t\tvariant: \"secondary\",\n\t\t\tstatus: \"error\",\n\t\t\tclass: \"bg-status-error-bg active:bg-status-error-bg-hover lg:hover:bg-status-error-bg-hover\"\n\t\t},\n\t\t// Outline\n\t\t{\n\t\t\tvariant: \"outline\",\n\t\t\tstatus: \"info\",\n\t\t\tclass: \"border-status-info-secondary-border active:border-status-info-secondary-border active:bg-status-info-bg lg:hover:border-status-info-primary-border lg:hover:bg-status-info-bg\"\n\t\t},\n\t\t{\n\t\t\tvariant: \"outline\",\n\t\t\tstatus: \"success\",\n\t\t\tclass: \"border-status-success-secondary-border active:border-status-success-secondary-border active:bg-status-success-bg lg:hover:border-status-success-primary-border lg:hover:bg-status-success-bg\"\n\t\t},\n\t\t{\n\t\t\tvariant: \"outline\",\n\t\t\tstatus: \"warning\",\n\t\t\tclass: \"border-status-warning-secondary-border active:border-status-warning-secondary-border active:bg-status-warning-bg lg:hover:border-status-warning-primary-border lg:hover:bg-status-warning-bg\"\n\t\t},\n\t\t{\n\t\t\tvariant: \"outline\",\n\t\t\tstatus: \"error\",\n\t\t\tclass: \"border-status-error-secondary-border active:border-status-error-secondary-border active:bg-status-error-bg lg:hover:border-status-error-primary-border lg:hover:bg-status-error-bg\"\n\t\t},\n\t\t// Ghost\n\t\t{\n\t\t\tvariant: \"ghost\",\n\t\t\tstatus: \"info\",\n\t\t\tclass: \"text-status-info-fg active:bg-status-info-bg lg:hover:bg-status-info-bg\"\n\t\t},\n\t\t{\n\t\t\tvariant: \"ghost\",\n\t\t\tstatus: \"success\",\n\t\t\tclass: \"text-status-success-fg active:bg-status-success-bg lg:hover:bg-status-success-bg\"\n\t\t},\n\t\t{\n\t\t\tvariant: \"ghost\",\n\t\t\tstatus: \"warning\",\n\t\t\tclass: \"text-status-warning-fg active:bg-status-warning-bg lg:hover:bg-status-warning-bg\"\n\t\t},\n\t\t{\n\t\t\tvariant: \"ghost\",\n\t\t\tstatus: \"error\",\n\t\t\tclass: \"text-status-error-fg active:bg-status-error-bg lg:hover:bg-status-error-bg\"\n\t\t},\n\t\t// Text & Link\n\t\t{\n\t\t\tvariant: [\"text\", \"link\"],\n\t\t\tstatus: \"info\",\n\t\t\tclass: \"text-status-info-fg/70 active:text-status-info-fg lg:hover:text-status-info-fg\"\n\t\t},\n\t\t{\n\t\t\tvariant: [\"text\", \"link\"],\n\t\t\tstatus: \"success\",\n\t\t\tclass: \"text-status-success-fg/70 active:text-status-success-fg lg:hover:text-status-success-fg\"\n\t\t},\n\t\t{\n\t\t\tvariant: [\"text\", \"link\"],\n\t\t\tstatus: \"warning\",\n\t\t\tclass: \"text-status-warning-fg/70 active:text-status-warning-fg lg:hover:text-status-warning-fg\"\n\t\t},\n\t\t{\n\t\t\tvariant: [\"text\", \"link\"],\n\t\t\tstatus: \"error\",\n\t\t\tclass: \"text-status-error-fg/70 active:text-status-error-fg lg:hover:text-status-error-fg\"\n\t\t}\n\t]\n});\n\nexport type ButtonBaseProps = React.ButtonHTMLAttributes<HTMLButtonElement> &\n\tButtonBaseVariants & {\n\t\tasChild?: boolean;\n\t};\n\nexport const ButtonBase = React.forwardRef<HTMLButtonElement, PropsWithChildren<ButtonBaseProps>>(\n\t({ variant, size, children, status, className, asChild = false, ...props }, ref) => {\n\t\tconst Comp = asChild ? Slot : \"button\";\n\t\treturn (\n\t\t\t<Comp className={buttonBaseStyles({ variant, size, status, className })} ref={ref} {...props}>\n\t\t\t\t{children}\n\t\t\t</Comp>\n\t\t);\n\t}\n);\n\nButtonBase.displayName = \"ButtonBase\";\n"],"names":["buttonBaseStyles","tv","ButtonBase","React","variant","size","children","status","className","asChild","props","ref","jsx","Slot"],"mappings":"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"}
|