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.
Files changed (49) hide show
  1. package/dist/{Button-Dg89xRSi.js → Button-BZ3ON1Tj.js} +2 -2
  2. package/dist/{Button-Dg89xRSi.js.map → Button-BZ3ON1Tj.js.map} +1 -1
  3. package/dist/ButtonBase-jgu7EolU.js +158 -0
  4. package/dist/ButtonBase-jgu7EolU.js.map +1 -0
  5. package/dist/{FormFooterTemplate-BRrgrxAu.js → FormFooterTemplate-DdNnLu2-.js} +2 -2
  6. package/dist/{FormFooterTemplate-BRrgrxAu.js.map → FormFooterTemplate-DdNnLu2-.js.map} +1 -1
  7. package/dist/{IconButton-DwkpNgn3.js → IconButton-uGJ3cQtk.js} +2 -2
  8. package/dist/{IconButton-DwkpNgn3.js.map → IconButton-uGJ3cQtk.js.map} +1 -1
  9. package/dist/{InputGroup-BcRWP-zL.js → InputGroup-AVAtosX_.js} +2 -2
  10. package/dist/{InputGroup-BcRWP-zL.js.map → InputGroup-AVAtosX_.js.map} +1 -1
  11. package/dist/{Popover-CRVD7AtB.js → Popover-KjZXxxl3.js} +2 -2
  12. package/dist/{Popover-CRVD7AtB.js.map → Popover-KjZXxxl3.js.map} +1 -1
  13. package/dist/{RichButton-DuPTenmS.js → RichButton-B1wjK7Bk.js} +2 -2
  14. package/dist/{RichButton-DuPTenmS.js.map → RichButton-B1wjK7Bk.js.map} +1 -1
  15. package/dist/{TextInput-Db0ylY91.js → TextInput-5BuZtWV6.js} +2 -2
  16. package/dist/{TextInput-Db0ylY91.js.map → TextInput-5BuZtWV6.js.map} +1 -1
  17. package/dist/{TriggerButton-CfDObWP9.js → TriggerButton-Bakr8Boi.js} +2 -2
  18. package/dist/{TriggerButton-CfDObWP9.js.map → TriggerButton-Bakr8Boi.js.map} +1 -1
  19. package/dist/blocks/auth/otp-form.js +2 -2
  20. package/dist/components/alert-dialog.js +1 -1
  21. package/dist/components/alert.js +1 -1
  22. package/dist/components/button.js +5 -5
  23. package/dist/components/calendar.js +1 -1
  24. package/dist/components/card.js +1 -1
  25. package/dist/components/carousel.js +1 -1
  26. package/dist/components/dialog.js +1 -1
  27. package/dist/components/drawer.js +1 -1
  28. package/dist/components/dropdown.js +1 -1
  29. package/dist/components/error-state.js +1 -1
  30. package/dist/components/file-upload.js +2 -2
  31. package/dist/components/form.js +2 -2
  32. package/dist/components/image-preview.js +1 -1
  33. package/dist/components/image-uploader.js +1 -1
  34. package/dist/components/input.js +4 -4
  35. package/dist/components/menu-item.js +3 -3
  36. package/dist/components/page-state.js +1 -1
  37. package/dist/components/popover.js +1 -1
  38. package/dist/components/progress-circle.js +1 -1
  39. package/dist/components/progress.js +1 -1
  40. package/dist/components/search-select.js +1 -1
  41. package/dist/components/sidebar.js +2 -2
  42. package/dist/components/system-state.js +1 -1
  43. package/dist/components/tag-input.js +1 -1
  44. package/dist/components/toast.js +2 -2
  45. package/dist/styles-scoped.css +30 -79
  46. package/dist/styles.css +30 -79
  47. package/package.json +1 -1
  48. package/dist/ButtonBase-e6qyv6mD.js +0 -158
  49. 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,6 +1,6 @@
1
1
  {
2
2
  "name": "ics-ui-kit",
3
- "version": "0.1.18",
3
+ "version": "0.1.19",
4
4
  "packageManager": "pnpm@10.17.1",
5
5
  "repository": {
6
6
  "type": "git",
@@ -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":";;;;AAWA,MAAMA,IAAmBC,EAAG;AAAA,EAC3B,MAAM;AAAA,EACN,UAAU;AAAA,IACT,SAAS;AAAA,MACR,SACC;AAAA,MACD,WAAW;AAAA,MACX,SACC;AAAA,MACD,OAAO;AAAA,MACP,MAAM;AAAA,MACN,MAAM;AAAA,IACP;AAAA,IACA,QAAQ;AAAA,MACP,SAAS;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,MACT,SAAS;AAAA,MACT,OAAO;AAAA,IACR;AAAA,IACA,MAAM;AAAA,MACL,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA;AAAA,EAEN;AAAA,EACA,iBAAiB;AAAA,IAChB,SAAS;AAAA,IACT,MAAM;AAAA,IACN,QAAQ;AAAA,EACT;AAAA,EACA,kBAAkB;AAAA;AAAA;AAAA;AAAA;AAAA,IAKjB;AAAA,MACC,SAAS;AAAA,MACT,QAAQ,CAAC,QAAQ,WAAW,WAAW,OAAO;AAAA,MAC9C,OAAO;AAAA,IACR;AAAA,IACA;AAAA,MACC,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,OAAO;AAAA,IACR;AAAA,IACA;AAAA,MACC,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,OAAO;AAAA,IACR;AAAA,IACA;AAAA,MACC,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,OAAO;AAAA,IACR;AAAA,IACA;AAAA,MACC,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,OAAO;AAAA,IACR;AAAA;AAAA,IAEA;AAAA,MACC,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,OAAO;AAAA,IACR;AAAA,IACA;AAAA,MACC,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,OAAO;AAAA,IACR;AAAA,IACA;AAAA,MACC,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,OAAO;AAAA,IACR;AAAA,IACA;AAAA,MACC,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,OAAO;AAAA,IACR;AAAA;AAAA,IAEA;AAAA,MACC,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,OAAO;AAAA,IACR;AAAA,IACA;AAAA,MACC,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,OAAO;AAAA,IACR;AAAA,IACA;AAAA,MACC,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,OAAO;AAAA,IACR;AAAA,IACA;AAAA,MACC,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,OAAO;AAAA,IACR;AAAA;AAAA,IAEA;AAAA,MACC,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,OAAO;AAAA,IACR;AAAA,IACA;AAAA,MACC,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,OAAO;AAAA,IACR;AAAA,IACA;AAAA,MACC,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,OAAO;AAAA,IACR;AAAA,IACA;AAAA,MACC,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,OAAO;AAAA,IACR;AAAA;AAAA,IAEA;AAAA,MACC,SAAS,CAAC,QAAQ,MAAM;AAAA,MACxB,QAAQ;AAAA,MACR,OAAO;AAAA,IACR;AAAA,IACA;AAAA,MACC,SAAS,CAAC,QAAQ,MAAM;AAAA,MACxB,QAAQ;AAAA,MACR,OAAO;AAAA,IACR;AAAA,IACA;AAAA,MACC,SAAS,CAAC,QAAQ,MAAM;AAAA,MACxB,QAAQ;AAAA,MACR,OAAO;AAAA,IACR;AAAA,IACA;AAAA,MACC,SAAS,CAAC,QAAQ,MAAM;AAAA,MACxB,QAAQ;AAAA,MACR,OAAO;AAAA,IAAA;AAAA,EACR;AAEF,CAAC,GAOYC,IAAaC,EAAM;AAAA,EAC/B,CAAC,EAAE,SAAAC,GAAS,MAAAC,GAAM,UAAAC,GAAU,QAAAC,GAAQ,WAAAC,GAAW,SAAAC,IAAU,IAAO,GAAGC,EAAM,GAAGC,MAGzE,gBAAAC,EAFWH,IAAUI,IAAO,UAE5B,EAAK,WAAWb,EAAiB,EAAE,SAAAI,GAAS,MAAAC,GAAM,QAAAE,GAAQ,WAAAC,EAAW,CAAA,GAAG,KAAAG,GAAW,GAAGD,GACrF,UAAAJ,EACF,CAAA;AAGH;AAEAJ,EAAW,cAAc;"}