@casinogate/ui 1.9.1 → 1.9.4

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 (92) hide show
  1. package/dist/assets/css/root.css +75 -1
  2. package/dist/assets/css/theme.css +157 -155
  3. package/dist/components/button/styles.d.ts +18 -0
  4. package/dist/components/button/styles.js +6 -0
  5. package/dist/components/combobox/api/create-collection.d.ts +1 -0
  6. package/dist/components/combobox/api/create-collection.js +2 -0
  7. package/dist/components/combobox/api/index.d.ts +1 -0
  8. package/dist/components/combobox/api/index.js +1 -0
  9. package/dist/components/combobox/combobox.svelte +160 -0
  10. package/dist/components/combobox/combobox.svelte.d.ts +4 -0
  11. package/dist/components/combobox/exports.d.ts +1 -0
  12. package/dist/components/combobox/exports.js +1 -0
  13. package/dist/components/combobox/index.d.ts +3 -0
  14. package/dist/components/combobox/index.js +3 -0
  15. package/dist/components/combobox/styles.d.ts +60 -0
  16. package/dist/components/combobox/styles.js +49 -0
  17. package/dist/components/combobox/types.d.ts +22 -0
  18. package/dist/components/combobox/types.js +1 -0
  19. package/dist/components/command/api/create-collection.d.ts +2 -0
  20. package/dist/components/command/api/create-collection.js +25 -0
  21. package/dist/components/command/api/index.d.ts +1 -0
  22. package/dist/components/command/api/index.js +1 -0
  23. package/dist/components/command/command.svelte +94 -0
  24. package/dist/components/command/command.svelte.d.ts +4 -0
  25. package/dist/components/command/components/command.empty.svelte +15 -0
  26. package/dist/components/command/components/command.empty.svelte.d.ts +4 -0
  27. package/dist/components/command/components/command.group-heading.svelte +10 -0
  28. package/dist/components/command/components/command.group-heading.svelte.d.ts +4 -0
  29. package/dist/components/command/components/command.group-items.svelte +8 -0
  30. package/dist/components/command/components/command.group-items.svelte.d.ts +4 -0
  31. package/dist/components/command/components/command.group.svelte +23 -0
  32. package/dist/components/command/components/command.group.svelte.d.ts +4 -0
  33. package/dist/components/command/components/command.input.svelte +23 -0
  34. package/dist/components/command/components/command.input.svelte.d.ts +4 -0
  35. package/dist/components/command/components/command.item.svelte +10 -0
  36. package/dist/components/command/components/command.item.svelte.d.ts +4 -0
  37. package/dist/components/command/components/command.list.svelte +16 -0
  38. package/dist/components/command/components/command.list.svelte.d.ts +4 -0
  39. package/dist/components/command/components/command.loading.svelte +8 -0
  40. package/dist/components/command/components/command.loading.svelte.d.ts +4 -0
  41. package/dist/components/command/components/command.root.svelte +26 -0
  42. package/dist/components/command/components/command.root.svelte.d.ts +4 -0
  43. package/dist/components/command/components/command.viewport.svelte +8 -0
  44. package/dist/components/command/components/command.viewport.svelte.d.ts +4 -0
  45. package/dist/components/command/exports-primitive.d.ts +12 -0
  46. package/dist/components/command/exports-primitive.js +12 -0
  47. package/dist/components/command/exports.d.ts +1 -0
  48. package/dist/components/command/exports.js +1 -0
  49. package/dist/components/command/index.d.ts +4 -0
  50. package/dist/components/command/index.js +4 -0
  51. package/dist/components/command/styles.d.ts +81 -0
  52. package/dist/components/command/styles.js +69 -0
  53. package/dist/components/command/types.d.ts +64 -0
  54. package/dist/components/command/types.js +1 -0
  55. package/dist/components/icons/exports.d.ts +2 -0
  56. package/dist/components/icons/exports.js +2 -0
  57. package/dist/components/icons/magnifier.svelte +12 -0
  58. package/dist/components/icons/magnifier.svelte.d.ts +3 -0
  59. package/dist/components/icons/plus.svelte +9 -0
  60. package/dist/components/icons/plus.svelte.d.ts +3 -0
  61. package/dist/components/index.d.ts +4 -0
  62. package/dist/components/index.js +4 -0
  63. package/dist/components/kbd/components/kbd.group.svelte +11 -0
  64. package/dist/components/kbd/components/kbd.group.svelte.d.ts +4 -0
  65. package/dist/components/kbd/components/kbd.root.svelte +20 -0
  66. package/dist/components/kbd/components/kbd.root.svelte.d.ts +4 -0
  67. package/dist/components/kbd/exports.d.ts +2 -0
  68. package/dist/components/kbd/exports.js +2 -0
  69. package/dist/components/kbd/index.d.ts +2 -0
  70. package/dist/components/kbd/index.js +2 -0
  71. package/dist/components/kbd/styles.d.ts +5 -0
  72. package/dist/components/kbd/styles.js +12 -0
  73. package/dist/components/kbd/types.d.ts +8 -0
  74. package/dist/components/kbd/types.js +1 -0
  75. package/dist/components/number-input/components/number-input.root.svelte +101 -0
  76. package/dist/components/number-input/components/number-input.root.svelte.d.ts +4 -0
  77. package/dist/components/number-input/exports.d.ts +1 -0
  78. package/dist/components/number-input/exports.js +1 -0
  79. package/dist/components/number-input/index.d.ts +2 -0
  80. package/dist/components/number-input/index.js +2 -0
  81. package/dist/components/number-input/types.d.ts +8 -0
  82. package/dist/components/number-input/types.js +1 -0
  83. package/dist/components/popover/components/popover.content.svelte +0 -1
  84. package/dist/components/popover/index.d.ts +1 -1
  85. package/dist/components/popover/popover.svelte +21 -20
  86. package/dist/components/popover/types.d.ts +1 -0
  87. package/dist/components/select/select.async.svelte +28 -5
  88. package/dist/components/select/select.svelte +7 -2
  89. package/dist/components/select/styles.d.ts +1 -1
  90. package/dist/components/select/styles.js +6 -7
  91. package/dist/components/select/types.d.ts +3 -0
  92. package/package.json +1 -1
@@ -1,4 +1,4 @@
1
- /*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
1
+ /*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
2
2
  @layer properties;
3
3
  @layer theme, base, components, utilities;
4
4
  @layer theme {
@@ -425,6 +425,15 @@
425
425
  .cgui\:max-h-\(--bits-select-content-available-height\) {
426
426
  max-height: var(--bits-select-content-available-height);
427
427
  }
428
+ .cgui\:max-h-\(--max-content-height\) {
429
+ max-height: var(--max-content-height);
430
+ }
431
+ .cgui\:max-h-50 {
432
+ max-height: calc(var(--cgui-spacing) * 50);
433
+ }
434
+ .cgui\:max-h-75 {
435
+ max-height: calc(var(--cgui-spacing) * 75);
436
+ }
428
437
  .cgui\:min-h-7\.5 {
429
438
  min-height: calc(var(--cgui-spacing) * 7.5);
430
439
  }
@@ -536,6 +545,9 @@
536
545
  .cgui\:min-w-0 {
537
546
  min-width: calc(var(--cgui-spacing) * 0);
538
547
  }
548
+ .cgui\:min-w-5 {
549
+ min-width: calc(var(--cgui-spacing) * 5);
550
+ }
539
551
  .cgui\:min-w-35 {
540
552
  min-width: calc(var(--cgui-spacing) * 35);
541
553
  }
@@ -614,6 +626,9 @@
614
626
  .cgui\:scroll-my-1 {
615
627
  scroll-margin-block: calc(var(--cgui-spacing) * 1);
616
628
  }
629
+ .cgui\:scroll-py-1 {
630
+ scroll-padding-block: calc(var(--cgui-spacing) * 1);
631
+ }
617
632
  .cgui\:flex-col {
618
633
  flex-direction: column;
619
634
  }
@@ -762,10 +777,18 @@
762
777
  border-right-style: var(--tw-border-style);
763
778
  border-right-width: 1px;
764
779
  }
780
+ .cgui\:border-r-0 {
781
+ border-right-style: var(--tw-border-style);
782
+ border-right-width: 0px;
783
+ }
765
784
  .cgui\:border-b {
766
785
  border-bottom-style: var(--tw-border-style);
767
786
  border-bottom-width: 1px;
768
787
  }
788
+ .cgui\:border-l\! {
789
+ border-left-style: var(--tw-border-style) !important;
790
+ border-left-width: 1px !important;
791
+ }
769
792
  .cgui\:border-dashed {
770
793
  --tw-border-style: dashed;
771
794
  border-style: dashed;
@@ -933,6 +956,12 @@
933
956
  .cgui\:p-4 {
934
957
  padding: calc(var(--cgui-spacing) * 4);
935
958
  }
959
+ .cgui\:p-8 {
960
+ padding: calc(var(--cgui-spacing) * 8);
961
+ }
962
+ .cgui\:px-0 {
963
+ padding-inline: calc(var(--cgui-spacing) * 0);
964
+ }
936
965
  .cgui\:px-1 {
937
966
  padding-inline: calc(var(--cgui-spacing) * 1);
938
967
  }
@@ -978,6 +1007,15 @@
978
1007
  .cgui\:py-5 {
979
1008
  padding-block: calc(var(--cgui-spacing) * 5);
980
1009
  }
1010
+ .cgui\:py-6 {
1011
+ padding-block: calc(var(--cgui-spacing) * 6);
1012
+ }
1013
+ .cgui\:ps-3 {
1014
+ padding-inline-start: calc(var(--cgui-spacing) * 3);
1015
+ }
1016
+ .cgui\:pe-8 {
1017
+ padding-inline-end: calc(var(--cgui-spacing) * 8);
1018
+ }
981
1019
  .cgui\:pt-2 {
982
1020
  padding-top: calc(var(--cgui-spacing) * 2);
983
1021
  }
@@ -1020,6 +1058,9 @@
1020
1058
  .cgui\:align-middle {
1021
1059
  vertical-align: middle;
1022
1060
  }
1061
+ .cgui\:font-sans {
1062
+ font-family: var(--cgui-font-sans);
1063
+ }
1023
1064
  .cgui\:text-base {
1024
1065
  font-size: var(--cgui-text-base);
1025
1066
  line-height: var(--tw-leading, var(--cgui-text-base--line-height));
@@ -1451,11 +1492,23 @@
1451
1492
  border-color: var(--cg-ui-color-stroke-focus);
1452
1493
  }
1453
1494
  }
1495
+ .cgui\:focus-visible\:ring-0 {
1496
+ &:focus-visible {
1497
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1498
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1499
+ }
1500
+ }
1454
1501
  .cgui\:focus-visible\:ring-stroke-focus {
1455
1502
  &:focus-visible {
1456
1503
  --tw-ring-color: var(--cg-ui-color-stroke-focus);
1457
1504
  }
1458
1505
  }
1506
+ .cgui\:focus-visible\:ring-offset-0 {
1507
+ &:focus-visible {
1508
+ --tw-ring-offset-width: 0px;
1509
+ --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1510
+ }
1511
+ }
1459
1512
  .cgui\:active\:scale-95 {
1460
1513
  &:active {
1461
1514
  --tw-scale-x: 95%;
@@ -1509,6 +1562,16 @@
1509
1562
  --tw-ring-color: var(--cg-ui-color-stroke-error);
1510
1563
  }
1511
1564
  }
1565
+ .cgui\:aria-selected\:bg-surface-lightest {
1566
+ &[aria-selected="true"] {
1567
+ background-color: var(--cg-ui-color-surface-lightest);
1568
+ }
1569
+ }
1570
+ .cgui\:aria-selected\:text-fg-primary {
1571
+ &[aria-selected="true"] {
1572
+ color: var(--cg-ui-color-fg-primary);
1573
+ }
1574
+ }
1512
1575
  .cgui\:data-highlighted\:bg-surface-lightest {
1513
1576
  &[data-highlighted] {
1514
1577
  background-color: var(--cg-ui-color-surface-lightest);
@@ -1901,6 +1964,11 @@
1901
1964
  }
1902
1965
  }
1903
1966
  }
1967
+ .cgui\:\[\&_kbd\]\:ml-auto {
1968
+ & kbd {
1969
+ margin-left: auto;
1970
+ }
1971
+ }
1904
1972
  .cgui\:active\:\[\&_span\]\:w-2\/3 {
1905
1973
  &:active {
1906
1974
  & span {
@@ -1945,6 +2013,12 @@
1945
2013
  color: var(--cg-ui-color-icon-regular);
1946
2014
  }
1947
2015
  }
2016
+ .cgui\:\[\&_svg\:not\(\[class\*\=\"size-\"\]\)\]\:size-3 {
2017
+ & svg:not([class*="size-"]) {
2018
+ width: calc(var(--cgui-spacing) * 3);
2019
+ height: calc(var(--cgui-spacing) * 3);
2020
+ }
2021
+ }
1948
2022
  .cgui\:\[\&_svg\:not\(\[class\*\=\"size-\"\]\)\]\:size-4 {
1949
2023
  & svg:not([class*="size-"]) {
1950
2024
  width: calc(var(--cgui-spacing) * 4);
@@ -1,158 +1,3 @@
1
- @theme inline {
2
- --color-*: initial;
3
-
4
- /* Primary colors */
5
- --color-primary-100: var(--cg-ui-palette-primary-100);
6
- --color-primary-80: var(--cg-ui-palette-primary-80);
7
- --color-primary-60: var(--cg-ui-palette-primary-60);
8
- --color-primary-40: var(--cg-ui-palette-primary-40);
9
- --color-primary-10: var(--cg-ui-palette-primary-10);
10
-
11
- /* Neutral colors */
12
- --color-neutral-100: var(--cg-ui-palette-neutral-100);
13
- --color-neutral-80: var(--cg-ui-palette-neutral-80);
14
- --color-neutral-60: var(--cg-ui-palette-neutral-60);
15
- --color-neutral-50: var(--cg-ui-palette-neutral-50);
16
- --color-neutral-40: var(--cg-ui-palette-neutral-40);
17
- --color-neutral-20: var(--cg-ui-palette-neutral-20);
18
- --color-neutral-10: var(--cg-ui-palette-neutral-10);
19
- --color-neutral-0: var(--cg-ui-palette-neutral-0);
20
-
21
- /* System colors */
22
- --color-system-error-100: var(--cg-ui-palette-system-error-100);
23
- --color-system-error-10: var(--cg-ui-palette-system-error-10);
24
- --color-system-warning-100: var(--cg-ui-palette-system-warning-100);
25
- --color-system-warning-10: var(--cg-ui-palette-system-warning-10);
26
- --color-system-success-100: var(--cg-ui-palette-system-success-100);
27
- --color-system-success-10: var(--cg-ui-palette-system-success-10);
28
- --color-system-info-100: var(--cg-ui-palette-system-info-100);
29
- --color-system-info-10: var(--cg-ui-palette-system-info-10);
30
-
31
- /* Surface */
32
- --color-surface-primary: var(--cg-ui-palette-primary-80);
33
- --color-surface-primary-active: var(--cg-ui-palette-primary-60);
34
- --color-surface-primary-light: var(--cg-ui-palette-primary-40);
35
- --color-surface-primary-light-active: var(--cg-ui-palette-primary-10);
36
- --color-surface-darkest: var(--cg-ui-palette-neutral-100);
37
- --color-surface-dark: var(--cg-ui-palette-neutral-80);
38
- --color-surface-regular: var(--cg-ui-palette-neutral-50);
39
- --color-surface-semilight: var(--cg-ui-palette-neutral-40);
40
- --color-surface-light: var(--cg-ui-palette-neutral-20);
41
- --color-surface-lightest: var(--cg-ui-palette-neutral-10);
42
- --color-surface-white: var(--cg-ui-palette-neutral-0);
43
- --color-surface-hover: var(--cg-ui-palette-neutral-01);
44
-
45
- /* Background */
46
- --color-bg-white: var(--cg-ui-palette-neutral-0);
47
- --color-bg-main: var(--cg-ui-color-bg-main);
48
- --color-bg-dark: var(--cg-ui-palette-neutral-100);
49
-
50
- /* Foreground */
51
- --color-fg-darkest: var(--cg-ui-color-fg-darkest);
52
- --color-fg-dark: var(--cg-ui-color-fg-dark);
53
- --color-fg-medium: var(--cg-ui-color-fg-medium);
54
- --color-fg-regular: var(--cg-ui-color-fg-regular);
55
- --color-fg-semilight: var(--cg-ui-color-fg-semilight);
56
- --color-fg-primary: var(--cg-ui-color-fg-primary);
57
- --color-fg-white: var(--cg-ui-color-fg-white);
58
- --color-fg-error: var(--cg-ui-palette-system-error-100);
59
- --color-fg-success: var(--cg-ui-palette-system-success-100);
60
- --color-fg-warning: var(--cg-ui-palette-system-warning-100);
61
-
62
- /* Stroke */
63
- --color-stroke-default: var(--cg-ui-palette-neutral-40);
64
- --color-stroke-minimum: var(--cg-ui-palette-neutral-10);
65
- --color-stroke-focus: var(--cg-ui-palette-primary-60);
66
- --color-stroke-primary: var(--cg-ui-palette-primary-80);
67
- --color-stroke-divider: var(--cg-ui-palette-neutral-20);
68
- --color-stroke-error: var(--cg-ui-palette-system-error-100);
69
-
70
- /* Icon */
71
- --color-icon-regular: var(--cg-ui-palette-neutral-50);
72
- --color-icon-default: var(--cg-ui-palette-neutral-40);
73
- --color-icon-primary: var(--cg-ui-palette-primary-80);
74
- --color-icon-focus: var(--cg-ui-palette-primary-60);
75
- --color-icon-white: var(--cg-ui-palette-neutral-0);
76
-
77
- /* States */
78
- --color-state-error: var(--cg-ui-palette-system-error-100);
79
- --color-state-error-light: var(--cg-ui-palette-system-error-10);
80
- --color-state-warning: var(--cg-ui-palette-system-warning-100);
81
- --color-state-warning-light: var(--cg-ui-palette-system-warning-10);
82
- --color-state-success: var(--cg-ui-palette-system-success-100);
83
- --color-state-success-light: var(--cg-ui-palette-system-success-10);
84
- --color-state-info: var(--cg-ui-palette-system-info-100);
85
- --color-state-info-light: var(--cg-ui-palette-system-info-10);
86
-
87
- /* Breakpoints */
88
- --breakpoint-phone-sm: 320px;
89
- --breakpoint-phone: 375px;
90
- --breakpoint-phone-lg: 425px;
91
- --breakpoint-tablet-sm: 640px;
92
- --breakpoint-tablet: 768px;
93
- --breakpoint-tablet-lg: 1024px;
94
- --breakpoint-desktop-sm: 1280px;
95
- --breakpoint-desktop: 1440px;
96
- --breakpoint-desktop-lg: 1920px;
97
-
98
- /* Blur Effects */
99
- --blur-*: initial;
100
-
101
- --blur-xxs: var(--cg-ui-number-xxs) * 1px;
102
- --blur-xs: calc(var(--cg-ui-number-xs) * 1px);
103
- --blur-sm: calc(var(--cg-ui-number-sm) * 1px);
104
- --blur-md: calc(var(--cg-ui-number-md) * 1px);
105
- --blur-lg: calc(var(--cg-ui-number-lg) * 1px);
106
- --blur-xl: calc(var(--cg-ui-number-xl) * 1px);
107
- --blur-2xl: calc(var(--cg-ui-number-2xl) * 1px);
108
-
109
- /* Radius */
110
- --radius-*: initial;
111
-
112
- --radius-null: calc(var(--cg-ui-number-null) * 1px);
113
- --radius-xxxs: calc(var(--cg-ui-number-xxxs) * 1px);
114
- --radius-xxs: calc(var(--cg-ui-number-xxs) * 1px);
115
- --radius-xs: calc(var(--cg-ui-number-xs) * 1px);
116
- --radius-sm: calc(var(--cg-ui-number-sm) * 1px);
117
- --radius-md: calc(var(--cg-ui-number-md) * 1px);
118
- --radius-lg: calc(var(--cg-ui-number-lg) * 1px);
119
- --radius-xl: calc(var(--cg-ui-number-xl) * 1px);
120
- --radius-2xl: calc(var(--cg-ui-number-2xl) * 1px);
121
- --radius-xxl: calc(var(--cg-ui-number-xxl) * 1px);
122
- --radius-2xxl: calc(var(--cg-ui-number-2xxl) * 1px);
123
- --radius-max: calc(var(--cg-ui-number-max) * 1px);
124
-
125
- /* Shadows */
126
- --shadow-*: initial;
127
-
128
- --shadow-toast: var(--cg-ui-shadow-toast);
129
- --shadow-switch-thumb: var(--cg-ui-shadow-switch-thumb);
130
- --shadow-segment-thumb: var(--cg-ui-shadow-segment-item);
131
- --shadow-popover: var(--cg-ui-shadow-popover);
132
- --shadow-select: var(--cg-ui-shadow-select);
133
- --shadow-dialog: var(--cg-ui-shadow-dialog);
134
- --shadow-dropdown: var(--cg-ui-shadow-dropdown);
135
-
136
- /* Font sizes, Line heights */
137
- --text-heading: var(--cg-ui-fz-heading);
138
- --text-heading--line-height: var(--cg-ui-lh-heading);
139
-
140
- --text-heading-2: var(--cg-ui-fz-heading-2);
141
- --text-heading-2--line-height: var(--cg-ui-lh-heading-2);
142
-
143
- --text-body: var(--cg-ui-fz-body);
144
- --text-body--line-height: var(--cg-ui-lh-body);
145
-
146
- --text-body-2: var(--cg-ui-fz-body-2);
147
- --text-body-2--line-height: var(--cg-ui-lh-body-2);
148
-
149
- --text-caption: var(--cg-ui-fz-caption);
150
- --text-caption--line-height: var(--cg-ui-lh-caption);
151
-
152
- --text-caption-2: var(--cg-ui-fz-caption-2);
153
- --text-caption-2--line-height: var(--cg-ui-lh-caption-2);
154
- }
155
-
156
1
  :root {
157
2
  /* Primary colors */
158
3
  --cg-ui-primary-hue: 220;
@@ -215,6 +60,7 @@
215
60
  --cg-ui-shadow-popover: var(--cg-ui-shadow-base);
216
61
  --cg-ui-shadow-dropdown: var(--cg-ui-shadow-base);
217
62
  --cg-ui-shadow-select: var(--cg-ui-shadow-base);
63
+ --cg-ui-shadow-command: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
218
64
  --cg-ui-shadow-dialog: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
219
65
 
220
66
  /* Font sizes, Line heights */
@@ -329,3 +175,159 @@
329
175
  --cg-ui-color-fg-semilight: var(--cg-ui-palette-neutral-40);
330
176
  --cg-ui-color-fg-white: var(--cg-ui-palette-neutral-10);
331
177
  }
178
+
179
+ @theme inline {
180
+ --color-*: initial;
181
+
182
+ /* Primary colors */
183
+ --color-primary-100: var(--cg-ui-palette-primary-100);
184
+ --color-primary-80: var(--cg-ui-palette-primary-80);
185
+ --color-primary-60: var(--cg-ui-palette-primary-60);
186
+ --color-primary-40: var(--cg-ui-palette-primary-40);
187
+ --color-primary-10: var(--cg-ui-palette-primary-10);
188
+
189
+ /* Neutral colors */
190
+ --color-neutral-100: var(--cg-ui-palette-neutral-100);
191
+ --color-neutral-80: var(--cg-ui-palette-neutral-80);
192
+ --color-neutral-60: var(--cg-ui-palette-neutral-60);
193
+ --color-neutral-50: var(--cg-ui-palette-neutral-50);
194
+ --color-neutral-40: var(--cg-ui-palette-neutral-40);
195
+ --color-neutral-20: var(--cg-ui-palette-neutral-20);
196
+ --color-neutral-10: var(--cg-ui-palette-neutral-10);
197
+ --color-neutral-0: var(--cg-ui-palette-neutral-0);
198
+
199
+ /* System colors */
200
+ --color-system-error-100: var(--cg-ui-palette-system-error-100);
201
+ --color-system-error-10: var(--cg-ui-palette-system-error-10);
202
+ --color-system-warning-100: var(--cg-ui-palette-system-warning-100);
203
+ --color-system-warning-10: var(--cg-ui-palette-system-warning-10);
204
+ --color-system-success-100: var(--cg-ui-palette-system-success-100);
205
+ --color-system-success-10: var(--cg-ui-palette-system-success-10);
206
+ --color-system-info-100: var(--cg-ui-palette-system-info-100);
207
+ --color-system-info-10: var(--cg-ui-palette-system-info-10);
208
+
209
+ /* Surface */
210
+ --color-surface-primary: var(--cg-ui-palette-primary-80);
211
+ --color-surface-primary-active: var(--cg-ui-palette-primary-60);
212
+ --color-surface-primary-light: var(--cg-ui-palette-primary-40);
213
+ --color-surface-primary-light-active: var(--cg-ui-palette-primary-10);
214
+ --color-surface-darkest: var(--cg-ui-palette-neutral-100);
215
+ --color-surface-dark: var(--cg-ui-palette-neutral-80);
216
+ --color-surface-regular: var(--cg-ui-palette-neutral-50);
217
+ --color-surface-semilight: var(--cg-ui-palette-neutral-40);
218
+ --color-surface-light: var(--cg-ui-palette-neutral-20);
219
+ --color-surface-lightest: var(--cg-ui-palette-neutral-10);
220
+ --color-surface-white: var(--cg-ui-palette-neutral-0);
221
+ --color-surface-hover: var(--cg-ui-palette-neutral-01);
222
+
223
+ /* Background */
224
+ --color-bg-white: var(--cg-ui-palette-neutral-0);
225
+ --color-bg-main: var(--cg-ui-color-bg-main);
226
+ --color-bg-dark: var(--cg-ui-palette-neutral-100);
227
+
228
+ /* Foreground */
229
+ --color-fg-darkest: var(--cg-ui-color-fg-darkest);
230
+ --color-fg-dark: var(--cg-ui-color-fg-dark);
231
+ --color-fg-medium: var(--cg-ui-color-fg-medium);
232
+ --color-fg-regular: var(--cg-ui-color-fg-regular);
233
+ --color-fg-semilight: var(--cg-ui-color-fg-semilight);
234
+ --color-fg-primary: var(--cg-ui-color-fg-primary);
235
+ --color-fg-white: var(--cg-ui-color-fg-white);
236
+ --color-fg-error: var(--cg-ui-palette-system-error-100);
237
+ --color-fg-success: var(--cg-ui-palette-system-success-100);
238
+ --color-fg-warning: var(--cg-ui-palette-system-warning-100);
239
+
240
+ /* Stroke */
241
+ --color-stroke-default: var(--cg-ui-palette-neutral-40);
242
+ --color-stroke-minimum: var(--cg-ui-palette-neutral-10);
243
+ --color-stroke-focus: var(--cg-ui-palette-primary-60);
244
+ --color-stroke-primary: var(--cg-ui-palette-primary-80);
245
+ --color-stroke-divider: var(--cg-ui-palette-neutral-20);
246
+ --color-stroke-error: var(--cg-ui-palette-system-error-100);
247
+
248
+ /* Icon */
249
+ --color-icon-regular: var(--cg-ui-palette-neutral-50);
250
+ --color-icon-default: var(--cg-ui-palette-neutral-40);
251
+ --color-icon-primary: var(--cg-ui-palette-primary-80);
252
+ --color-icon-focus: var(--cg-ui-palette-primary-60);
253
+ --color-icon-white: var(--cg-ui-palette-neutral-0);
254
+
255
+ /* States */
256
+ --color-state-error: var(--cg-ui-palette-system-error-100);
257
+ --color-state-error-light: var(--cg-ui-palette-system-error-10);
258
+ --color-state-warning: var(--cg-ui-palette-system-warning-100);
259
+ --color-state-warning-light: var(--cg-ui-palette-system-warning-10);
260
+ --color-state-success: var(--cg-ui-palette-system-success-100);
261
+ --color-state-success-light: var(--cg-ui-palette-system-success-10);
262
+ --color-state-info: var(--cg-ui-palette-system-info-100);
263
+ --color-state-info-light: var(--cg-ui-palette-system-info-10);
264
+
265
+ /* Breakpoints */
266
+ --breakpoint-phone-sm: 320px;
267
+ --breakpoint-phone: 375px;
268
+ --breakpoint-phone-lg: 425px;
269
+ --breakpoint-tablet-sm: 640px;
270
+ --breakpoint-tablet: 768px;
271
+ --breakpoint-tablet-lg: 1024px;
272
+ --breakpoint-desktop-sm: 1280px;
273
+ --breakpoint-desktop: 1440px;
274
+ --breakpoint-desktop-lg: 1920px;
275
+
276
+ /* Blur Effects */
277
+ --blur-*: initial;
278
+
279
+ --blur-xxs: var(--cg-ui-number-xxs) * 1px;
280
+ --blur-xs: calc(var(--cg-ui-number-xs) * 1px);
281
+ --blur-sm: calc(var(--cg-ui-number-sm) * 1px);
282
+ --blur-md: calc(var(--cg-ui-number-md) * 1px);
283
+ --blur-lg: calc(var(--cg-ui-number-lg) * 1px);
284
+ --blur-xl: calc(var(--cg-ui-number-xl) * 1px);
285
+ --blur-2xl: calc(var(--cg-ui-number-2xl) * 1px);
286
+
287
+ /* Radius */
288
+ --radius-*: initial;
289
+
290
+ --radius-null: calc(var(--cg-ui-number-null) * 1px);
291
+ --radius-xxxs: calc(var(--cg-ui-number-xxxs) * 1px);
292
+ --radius-xxs: calc(var(--cg-ui-number-xxs) * 1px);
293
+ --radius-xs: calc(var(--cg-ui-number-xs) * 1px);
294
+ --radius-sm: calc(var(--cg-ui-number-sm) * 1px);
295
+ --radius-md: calc(var(--cg-ui-number-md) * 1px);
296
+ --radius-lg: calc(var(--cg-ui-number-lg) * 1px);
297
+ --radius-xl: calc(var(--cg-ui-number-xl) * 1px);
298
+ --radius-2xl: calc(var(--cg-ui-number-2xl) * 1px);
299
+ --radius-xxl: calc(var(--cg-ui-number-xxl) * 1px);
300
+ --radius-2xxl: calc(var(--cg-ui-number-2xxl) * 1px);
301
+ --radius-max: calc(var(--cg-ui-number-max) * 1px);
302
+
303
+ /* Shadows */
304
+ --shadow-*: initial;
305
+
306
+ --shadow-base: var(--cg-ui-shadow-base);
307
+ --shadow-toast: var(--cg-ui-shadow-toast);
308
+ --shadow-switch-thumb: var(--cg-ui-shadow-switch-thumb);
309
+ --shadow-segment-thumb: var(--cg-ui-shadow-segment-item);
310
+ --shadow-popover: var(--cg-ui-shadow-popover);
311
+ --shadow-select: var(--cg-ui-shadow-select);
312
+ --shadow-dialog: var(--cg-ui-shadow-dialog);
313
+ --shadow-dropdown: var(--cg-ui-shadow-dropdown);
314
+
315
+ /* Font sizes, Line heights */
316
+ --text-heading: var(--cg-ui-fz-heading);
317
+ --text-heading--line-height: var(--cg-ui-lh-heading);
318
+
319
+ --text-heading-2: var(--cg-ui-fz-heading-2);
320
+ --text-heading-2--line-height: var(--cg-ui-lh-heading-2);
321
+
322
+ --text-body: var(--cg-ui-fz-body);
323
+ --text-body--line-height: var(--cg-ui-lh-body);
324
+
325
+ --text-body-2: var(--cg-ui-fz-body-2);
326
+ --text-body-2--line-height: var(--cg-ui-lh-body-2);
327
+
328
+ --text-caption: var(--cg-ui-fz-caption);
329
+ --text-caption--line-height: var(--cg-ui-lh-caption);
330
+
331
+ --text-caption-2: var(--cg-ui-fz-caption-2);
332
+ --text-caption-2--line-height: var(--cg-ui-lh-caption-2);
333
+ }
@@ -13,6 +13,9 @@ export declare const buttonVariants: import("tailwind-variants").TVReturnType<{
13
13
  link: {
14
14
  root: string[];
15
15
  };
16
+ clean: {
17
+ root: never[];
18
+ };
16
19
  };
17
20
  loading: {
18
21
  true: {
@@ -37,6 +40,9 @@ export declare const buttonVariants: import("tailwind-variants").TVReturnType<{
37
40
  lg: {
38
41
  root: string;
39
42
  };
43
+ clean: {
44
+ root: string;
45
+ };
40
46
  };
41
47
  w: {
42
48
  full: {
@@ -94,6 +100,9 @@ export declare const buttonVariants: import("tailwind-variants").TVReturnType<{
94
100
  link: {
95
101
  root: string[];
96
102
  };
103
+ clean: {
104
+ root: never[];
105
+ };
97
106
  };
98
107
  loading: {
99
108
  true: {
@@ -118,6 +127,9 @@ export declare const buttonVariants: import("tailwind-variants").TVReturnType<{
118
127
  lg: {
119
128
  root: string;
120
129
  };
130
+ clean: {
131
+ root: string;
132
+ };
121
133
  };
122
134
  w: {
123
135
  full: {
@@ -175,6 +187,9 @@ export declare const buttonVariants: import("tailwind-variants").TVReturnType<{
175
187
  link: {
176
188
  root: string[];
177
189
  };
190
+ clean: {
191
+ root: never[];
192
+ };
178
193
  };
179
194
  loading: {
180
195
  true: {
@@ -199,6 +214,9 @@ export declare const buttonVariants: import("tailwind-variants").TVReturnType<{
199
214
  lg: {
200
215
  root: string;
201
216
  };
217
+ clean: {
218
+ root: string;
219
+ };
202
220
  };
203
221
  w: {
204
222
  full: {
@@ -36,6 +36,9 @@ export const buttonVariants = tv({
36
36
  'cgui:underline',
37
37
  ],
38
38
  },
39
+ clean: {
40
+ root: [],
41
+ },
39
42
  },
40
43
  loading: {
41
44
  true: {
@@ -60,6 +63,9 @@ export const buttonVariants = tv({
60
63
  lg: {
61
64
  root: 'cgui:h-10.5 cgui:px-4 cgui:text-heading-2',
62
65
  },
66
+ clean: {
67
+ root: '',
68
+ },
63
69
  },
64
70
  w: {
65
71
  full: {
@@ -0,0 +1 @@
1
+ export declare const createCollection: (opts: import("../../command/types.js").CommandCollectionOptions) => import("../../command/types.js").CommandCollection;
@@ -0,0 +1,2 @@
1
+ import { CommandApi } from '../../command/index.js';
2
+ export const createCollection = CommandApi.createCollection;
@@ -0,0 +1 @@
1
+ export { createCollection } from './create-collection.js';
@@ -0,0 +1 @@
1
+ export { createCollection } from './create-collection.js';