@accelint/design-toolkit 2.4.2 → 2.5.0

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 (252) hide show
  1. package/dist/components/accordion/index.d.ts +1 -1
  2. package/dist/components/accordion/index.js +1 -1
  3. package/dist/components/accordion/index.js.map +1 -1
  4. package/dist/components/accordion/styles.d.ts +1 -5
  5. package/dist/components/accordion/styles.js +1 -1
  6. package/dist/components/accordion/styles.js.map +1 -1
  7. package/dist/components/accordion/types.d.ts +9 -10
  8. package/dist/components/avatar/index.d.ts +4 -2
  9. package/dist/components/avatar/index.js +1 -1
  10. package/dist/components/avatar/index.js.map +1 -1
  11. package/dist/components/avatar/styles.d.ts +16 -15
  12. package/dist/components/avatar/styles.js +1 -1
  13. package/dist/components/avatar/styles.js.map +1 -1
  14. package/dist/components/avatar/types.d.ts +7 -7
  15. package/dist/components/badge/index.d.ts +3 -2
  16. package/dist/components/badge/index.js +1 -1
  17. package/dist/components/badge/index.js.map +1 -1
  18. package/dist/components/badge/styles.js +1 -1
  19. package/dist/components/badge/styles.js.map +1 -1
  20. package/dist/components/badge/types.d.ts +3 -4
  21. package/dist/components/box/index.js +1 -1
  22. package/dist/components/box/index.js.map +1 -1
  23. package/dist/components/button/index.d.ts +6 -4
  24. package/dist/components/button/index.js +1 -1
  25. package/dist/components/button/index.js.map +1 -1
  26. package/dist/components/button/styles.d.ts +25 -24
  27. package/dist/components/button/styles.js +1 -1
  28. package/dist/components/button/styles.js.map +1 -1
  29. package/dist/components/button/types.d.ts +3 -5
  30. package/dist/components/checkbox/index.js +1 -1
  31. package/dist/components/checkbox/index.js.map +1 -1
  32. package/dist/components/checkbox/styles.d.ts +19 -18
  33. package/dist/components/checkbox/styles.js +1 -1
  34. package/dist/components/checkbox/styles.js.map +1 -1
  35. package/dist/components/chip/index.d.ts +4 -2
  36. package/dist/components/chip/index.js +1 -1
  37. package/dist/components/chip/index.js.map +1 -1
  38. package/dist/components/chip/styles.d.ts +70 -69
  39. package/dist/components/chip/styles.js +1 -1
  40. package/dist/components/chip/styles.js.map +1 -1
  41. package/dist/components/chip/types.d.ts +5 -5
  42. package/dist/components/classification-badge/index.d.ts +3 -2
  43. package/dist/components/classification-badge/index.js +1 -1
  44. package/dist/components/classification-badge/index.js.map +1 -1
  45. package/dist/components/classification-badge/styles.js +1 -1
  46. package/dist/components/classification-badge/styles.js.map +1 -1
  47. package/dist/components/classification-badge/types.d.ts +3 -4
  48. package/dist/components/classification-banner/index.d.ts +3 -2
  49. package/dist/components/classification-banner/index.js +1 -1
  50. package/dist/components/classification-banner/index.js.map +1 -1
  51. package/dist/components/classification-banner/styles.js +1 -1
  52. package/dist/components/classification-banner/styles.js.map +1 -1
  53. package/dist/components/classification-banner/types.d.ts +3 -4
  54. package/dist/components/color-picker/index.d.ts +45 -15
  55. package/dist/components/color-picker/index.js +1 -1
  56. package/dist/components/color-picker/index.js.map +1 -1
  57. package/dist/components/color-picker/styles.d.ts +42 -0
  58. package/dist/components/color-picker/styles.js +2 -0
  59. package/dist/components/color-picker/styles.js.map +1 -0
  60. package/dist/components/color-picker/types.d.ts +13 -0
  61. package/dist/components/color-picker/types.js +2 -0
  62. package/dist/components/color-picker/types.js.map +1 -0
  63. package/dist/components/combobox/index.d.ts +9 -14
  64. package/dist/components/combobox/index.js +1 -1
  65. package/dist/components/combobox/index.js.map +1 -1
  66. package/dist/components/date-field/index.d.ts +8 -24
  67. package/dist/components/date-field/index.js +1 -1
  68. package/dist/components/date-field/index.js.map +1 -1
  69. package/dist/components/date-field/styles.d.ts +69 -0
  70. package/dist/components/date-field/styles.js +2 -0
  71. package/dist/components/date-field/styles.js.map +1 -0
  72. package/dist/components/date-field/types.d.ts +29 -0
  73. package/dist/components/date-field/types.js +2 -0
  74. package/dist/components/date-field/types.js.map +1 -0
  75. package/dist/components/details-list/index.d.ts +59 -0
  76. package/dist/components/details-list/index.js +2 -0
  77. package/dist/components/details-list/index.js.map +1 -0
  78. package/dist/components/details-list/styles.d.ts +65 -0
  79. package/dist/components/details-list/styles.js +2 -0
  80. package/dist/components/details-list/styles.js.map +1 -0
  81. package/dist/components/details-list/types.d.ts +16 -0
  82. package/dist/components/details-list/types.js +2 -0
  83. package/dist/components/details-list/types.js.map +1 -0
  84. package/dist/components/dialog/index.d.ts +1 -0
  85. package/dist/components/dialog/index.js +1 -1
  86. package/dist/components/dialog/index.js.map +1 -1
  87. package/dist/components/drawer/context.d.ts +13 -0
  88. package/dist/components/drawer/context.js +2 -0
  89. package/dist/components/drawer/context.js.map +1 -0
  90. package/dist/components/drawer/index.d.ts +48 -0
  91. package/dist/components/drawer/index.js +2 -0
  92. package/dist/components/drawer/index.js.map +1 -0
  93. package/dist/components/drawer/state.d.ts +26 -0
  94. package/dist/components/drawer/state.js +2 -0
  95. package/dist/components/drawer/state.js.map +1 -0
  96. package/dist/components/drawer/styles.d.ts +118 -0
  97. package/dist/components/drawer/styles.js +2 -0
  98. package/dist/components/drawer/styles.js.map +1 -0
  99. package/dist/components/drawer/types.d.ts +279 -0
  100. package/dist/components/drawer/types.js +2 -0
  101. package/dist/components/drawer/types.js.map +1 -0
  102. package/dist/components/hero/index.d.ts +45 -0
  103. package/dist/components/hero/index.js +2 -0
  104. package/dist/components/hero/index.js.map +1 -0
  105. package/dist/components/hero/styles.d.ts +48 -0
  106. package/dist/components/hero/styles.js +2 -0
  107. package/dist/components/hero/styles.js.map +1 -0
  108. package/dist/components/hero/types.d.ts +13 -0
  109. package/dist/components/hero/types.js +2 -0
  110. package/dist/components/hero/types.js.map +1 -0
  111. package/dist/components/icon/index.d.ts +3 -2
  112. package/dist/components/icon/index.js +1 -1
  113. package/dist/components/icon/index.js.map +1 -1
  114. package/dist/components/icon/styles.js +1 -1
  115. package/dist/components/icon/styles.js.map +1 -1
  116. package/dist/components/icon/types.d.ts +4 -5
  117. package/dist/components/input/index.d.ts +1 -0
  118. package/dist/components/input/index.js +1 -1
  119. package/dist/components/input/index.js.map +1 -1
  120. package/dist/components/input/styles.js +1 -1
  121. package/dist/components/input/styles.js.map +1 -1
  122. package/dist/components/input/types.d.ts +1 -0
  123. package/dist/components/label/index.d.ts +3 -2
  124. package/dist/components/label/index.js +1 -1
  125. package/dist/components/label/index.js.map +1 -1
  126. package/dist/components/label/styles.js +1 -1
  127. package/dist/components/label/styles.js.map +1 -1
  128. package/dist/components/label/types.d.ts +2 -3
  129. package/dist/components/menu/index.d.ts +16 -21
  130. package/dist/components/menu/index.js +1 -1
  131. package/dist/components/menu/index.js.map +1 -1
  132. package/dist/components/menu/styles.js +1 -1
  133. package/dist/components/menu/styles.js.map +1 -1
  134. package/dist/components/navigation-stack/index.d.ts +20 -0
  135. package/dist/components/navigation-stack/index.js +2 -0
  136. package/dist/components/navigation-stack/index.js.map +1 -0
  137. package/dist/components/navigation-stack/types.d.ts +31 -0
  138. package/dist/components/navigation-stack/types.js +2 -0
  139. package/dist/components/navigation-stack/types.js.map +1 -0
  140. package/dist/components/options/index.d.ts +28 -22
  141. package/dist/components/options/index.js +1 -1
  142. package/dist/components/options/index.js.map +1 -1
  143. package/dist/components/options/styles.d.ts +72 -0
  144. package/dist/components/options/styles.js +2 -0
  145. package/dist/components/options/styles.js.map +1 -0
  146. package/dist/components/options/types.d.ts +29 -0
  147. package/dist/components/options/types.js +2 -0
  148. package/dist/components/options/types.js.map +1 -0
  149. package/dist/components/popover/index.js +1 -1
  150. package/dist/components/popover/index.js.map +1 -1
  151. package/dist/components/popover/styles.d.ts +16 -15
  152. package/dist/components/popover/styles.js +1 -1
  153. package/dist/components/popover/styles.js.map +1 -1
  154. package/dist/components/query-builder/action-element.js +1 -1
  155. package/dist/components/query-builder/action-element.js.map +1 -1
  156. package/dist/components/query-builder/constants.js +1 -1
  157. package/dist/components/query-builder/constants.js.map +1 -1
  158. package/dist/components/query-builder/group.js +1 -1
  159. package/dist/components/query-builder/group.js.map +1 -1
  160. package/dist/components/query-builder/index.d.ts +5 -20
  161. package/dist/components/query-builder/index.js +1 -1
  162. package/dist/components/query-builder/index.js.map +1 -1
  163. package/dist/components/query-builder/rule.js +1 -1
  164. package/dist/components/query-builder/rule.js.map +1 -1
  165. package/dist/components/query-builder/types.d.ts +22 -0
  166. package/dist/components/query-builder/types.js +2 -0
  167. package/dist/components/query-builder/types.js.map +1 -0
  168. package/dist/components/query-builder/utils.js +1 -1
  169. package/dist/components/query-builder/utils.js.map +1 -1
  170. package/dist/components/query-builder/value-editor.js +1 -1
  171. package/dist/components/query-builder/value-editor.js.map +1 -1
  172. package/dist/components/query-builder/value-selector.js +1 -1
  173. package/dist/components/query-builder/value-selector.js.map +1 -1
  174. package/dist/components/radio/index.js +1 -1
  175. package/dist/components/radio/index.js.map +1 -1
  176. package/dist/components/radio/styles.d.ts +19 -18
  177. package/dist/components/radio/styles.js +1 -1
  178. package/dist/components/radio/styles.js.map +1 -1
  179. package/dist/components/radio/types.d.ts +2 -3
  180. package/dist/components/search-field/index.d.ts +56 -15
  181. package/dist/components/search-field/index.js +1 -1
  182. package/dist/components/search-field/index.js.map +1 -1
  183. package/dist/components/search-field/styles.d.ts +53 -0
  184. package/dist/components/search-field/styles.js +2 -0
  185. package/dist/components/search-field/styles.js.map +1 -0
  186. package/dist/components/search-field/types.d.ts +25 -0
  187. package/dist/components/search-field/types.js +2 -0
  188. package/dist/components/search-field/types.js.map +1 -0
  189. package/dist/components/skeleton/index.d.ts +42 -0
  190. package/dist/components/skeleton/index.js +2 -0
  191. package/dist/components/skeleton/index.js.map +1 -0
  192. package/dist/components/skeleton/styles.d.ts +23 -0
  193. package/dist/components/skeleton/styles.js +2 -0
  194. package/dist/components/skeleton/styles.js.map +1 -0
  195. package/dist/components/skeleton/types.d.ts +8 -0
  196. package/dist/components/skeleton/types.js +2 -0
  197. package/dist/components/skeleton/types.js.map +1 -0
  198. package/dist/components/slider/index.js +1 -1
  199. package/dist/components/slider/index.js.map +1 -1
  200. package/dist/components/switch/index.d.ts +3 -2
  201. package/dist/components/switch/index.js +1 -1
  202. package/dist/components/switch/index.js.map +1 -1
  203. package/dist/components/switch/styles.d.ts +13 -12
  204. package/dist/components/switch/styles.js +1 -1
  205. package/dist/components/switch/styles.js.map +1 -1
  206. package/dist/components/switch/types.d.ts +2 -3
  207. package/dist/components/tabs/index.js +1 -1
  208. package/dist/components/tabs/index.js.map +1 -1
  209. package/dist/components/text-area-field/index.d.ts +4 -3
  210. package/dist/components/text-area-field/index.js +1 -1
  211. package/dist/components/text-area-field/index.js.map +1 -1
  212. package/dist/components/text-area-field/styles.d.ts +19 -18
  213. package/dist/components/text-area-field/styles.js +1 -1
  214. package/dist/components/text-area-field/styles.js.map +1 -1
  215. package/dist/components/text-area-field/types.d.ts +2 -3
  216. package/dist/components/text-field/index.d.ts +4 -2
  217. package/dist/components/text-field/index.js +1 -1
  218. package/dist/components/text-field/index.js.map +1 -1
  219. package/dist/components/text-field/styles.d.ts +19 -18
  220. package/dist/components/text-field/styles.js +1 -1
  221. package/dist/components/text-field/styles.js.map +1 -1
  222. package/dist/components/text-field/types.d.ts +4 -4
  223. package/dist/components/tooltip/index.d.ts +14 -28
  224. package/dist/components/tooltip/index.js +1 -1
  225. package/dist/components/tooltip/index.js.map +1 -1
  226. package/dist/components/tooltip/styles.d.ts +5 -0
  227. package/dist/components/tooltip/styles.js +2 -0
  228. package/dist/components/tooltip/styles.js.map +1 -0
  229. package/dist/components/tooltip/types.d.ts +8 -0
  230. package/dist/components/tooltip/types.js +2 -0
  231. package/dist/components/tooltip/types.js.map +1 -0
  232. package/dist/icons/catalog.js +1 -1
  233. package/dist/index.d.ts +54 -28
  234. package/dist/index.js +1 -1
  235. package/dist/lib/react.d.ts +13 -12
  236. package/dist/lib/react.js +4 -4
  237. package/dist/lib/react.js.map +1 -1
  238. package/dist/lib/types.d.ts +6 -2
  239. package/dist/lib/utils.js +1 -1
  240. package/dist/lib/utils.js.map +1 -1
  241. package/dist/metafile-esm.json +1 -1
  242. package/dist/styles.css +1341 -278
  243. package/dist/tokens/index.js +1 -1
  244. package/dist/tokens/index.js.map +1 -1
  245. package/dist/variants/variants.css +6 -0
  246. package/package.json +81 -58
  247. package/dist/components/options-item/index.d.ts +0 -30
  248. package/dist/components/options-item/index.js +0 -2
  249. package/dist/components/options-item/index.js.map +0 -1
  250. package/dist/components/query-builder/example-configuration.d.ts +0 -30
  251. package/dist/components/query-builder/example-configuration.js +0 -2
  252. package/dist/components/query-builder/example-configuration.js.map +0 -1
@@ -1,20 +1,21 @@
1
1
  import * as tailwind_variants from 'tailwind-variants';
2
+ import * as tailwind_merge from 'tailwind-merge';
2
3
 
3
4
  declare const ChipStylesDefaults: {
4
5
  readonly variant: "info";
5
6
  };
6
7
  declare const BaseChipStyles: tailwind_variants.TVReturnType<{
7
8
  [key: string]: {
8
- [key: string]: tailwind_variants.ClassValue | {
9
- list?: tailwind_variants.ClassValue;
10
- chip?: tailwind_variants.ClassValue;
9
+ [key: string]: tailwind_merge.ClassNameValue | {
10
+ list?: tailwind_merge.ClassNameValue;
11
+ chip?: tailwind_merge.ClassNameValue;
11
12
  };
12
13
  };
13
14
  } | {
14
15
  [x: string]: {
15
- [x: string]: tailwind_variants.ClassValue | {
16
- list?: tailwind_variants.ClassValue;
17
- chip?: tailwind_variants.ClassValue;
16
+ [x: string]: tailwind_merge.ClassNameValue | {
17
+ list?: tailwind_merge.ClassNameValue;
18
+ chip?: tailwind_merge.ClassNameValue;
18
19
  };
19
20
  };
20
21
  } | {}, {
@@ -22,9 +23,9 @@ declare const BaseChipStyles: tailwind_variants.TVReturnType<{
22
23
  chip: string[];
23
24
  }, undefined, {
24
25
  [key: string]: {
25
- [key: string]: tailwind_variants.ClassValue | {
26
- list?: tailwind_variants.ClassValue;
27
- chip?: tailwind_variants.ClassValue;
26
+ [key: string]: tailwind_merge.ClassNameValue | {
27
+ list?: tailwind_merge.ClassNameValue;
28
+ chip?: tailwind_merge.ClassNameValue;
28
29
  };
29
30
  };
30
31
  } | {}, {
@@ -56,16 +57,16 @@ declare const ChipStyles: tailwind_variants.TVReturnType<{
56
57
  chip: string;
57
58
  }, undefined, {
58
59
  [key: string]: {
59
- [key: string]: tailwind_variants.ClassValue | {
60
- list?: tailwind_variants.ClassValue;
61
- chip?: tailwind_variants.ClassValue;
60
+ [key: string]: tailwind_merge.ClassNameValue | {
61
+ list?: tailwind_merge.ClassNameValue;
62
+ chip?: tailwind_merge.ClassNameValue;
62
63
  };
63
64
  };
64
65
  } | {
65
66
  [x: string]: {
66
- [x: string]: tailwind_variants.ClassValue | {
67
- list?: tailwind_variants.ClassValue;
68
- chip?: tailwind_variants.ClassValue;
67
+ [x: string]: tailwind_merge.ClassNameValue | {
68
+ list?: tailwind_merge.ClassNameValue;
69
+ chip?: tailwind_merge.ClassNameValue;
69
70
  };
70
71
  };
71
72
  } | {}, {
@@ -73,16 +74,16 @@ declare const ChipStyles: tailwind_variants.TVReturnType<{
73
74
  chip: string[];
74
75
  }, tailwind_variants.TVReturnType<{
75
76
  [key: string]: {
76
- [key: string]: tailwind_variants.ClassValue | {
77
- list?: tailwind_variants.ClassValue;
78
- chip?: tailwind_variants.ClassValue;
77
+ [key: string]: tailwind_merge.ClassNameValue | {
78
+ list?: tailwind_merge.ClassNameValue;
79
+ chip?: tailwind_merge.ClassNameValue;
79
80
  };
80
81
  };
81
82
  } | {
82
83
  [x: string]: {
83
- [x: string]: tailwind_variants.ClassValue | {
84
- list?: tailwind_variants.ClassValue;
85
- chip?: tailwind_variants.ClassValue;
84
+ [x: string]: tailwind_merge.ClassNameValue | {
85
+ list?: tailwind_merge.ClassNameValue;
86
+ chip?: tailwind_merge.ClassNameValue;
86
87
  };
87
88
  };
88
89
  } | {}, {
@@ -90,9 +91,9 @@ declare const ChipStyles: tailwind_variants.TVReturnType<{
90
91
  chip: string[];
91
92
  }, undefined, {
92
93
  [key: string]: {
93
- [key: string]: tailwind_variants.ClassValue | {
94
- list?: tailwind_variants.ClassValue;
95
- chip?: tailwind_variants.ClassValue;
94
+ [key: string]: tailwind_merge.ClassNameValue | {
95
+ list?: tailwind_merge.ClassNameValue;
96
+ chip?: tailwind_merge.ClassNameValue;
96
97
  };
97
98
  };
98
99
  } | {}, {
@@ -104,36 +105,36 @@ declare const ChipStyles: tailwind_variants.TVReturnType<{
104
105
  }, undefined, unknown, unknown, undefined>>>;
105
106
  declare const SelectableChipStyles: tailwind_variants.TVReturnType<{
106
107
  [key: string]: {
107
- [key: string]: tailwind_variants.ClassValue | {
108
- chip?: tailwind_variants.ClassValue;
108
+ [key: string]: tailwind_merge.ClassNameValue | {
109
+ chip?: tailwind_merge.ClassNameValue;
109
110
  };
110
111
  };
111
112
  } | {
112
113
  [x: string]: {
113
- [x: string]: tailwind_variants.ClassValue | {
114
- chip?: tailwind_variants.ClassValue;
114
+ [x: string]: tailwind_merge.ClassNameValue | {
115
+ chip?: tailwind_merge.ClassNameValue;
115
116
  };
116
117
  };
117
118
  } | {
118
119
  [x: string]: {
119
- [x: string]: tailwind_variants.ClassValue | {
120
- chip?: tailwind_variants.ClassValue;
120
+ [x: string]: tailwind_merge.ClassNameValue | {
121
+ chip?: tailwind_merge.ClassNameValue;
121
122
  };
122
123
  };
123
124
  } | {}, {
124
125
  chip: string[];
125
126
  }, undefined, {
126
127
  [key: string]: {
127
- [key: string]: tailwind_variants.ClassValue | {
128
- list?: tailwind_variants.ClassValue;
129
- chip?: tailwind_variants.ClassValue;
128
+ [key: string]: tailwind_merge.ClassNameValue | {
129
+ list?: tailwind_merge.ClassNameValue;
130
+ chip?: tailwind_merge.ClassNameValue;
130
131
  };
131
132
  };
132
133
  } | {
133
134
  [x: string]: {
134
- [x: string]: tailwind_variants.ClassValue | {
135
- list?: tailwind_variants.ClassValue;
136
- chip?: tailwind_variants.ClassValue;
135
+ [x: string]: tailwind_merge.ClassNameValue | {
136
+ list?: tailwind_merge.ClassNameValue;
137
+ chip?: tailwind_merge.ClassNameValue;
137
138
  };
138
139
  };
139
140
  } | {}, {
@@ -141,16 +142,16 @@ declare const SelectableChipStyles: tailwind_variants.TVReturnType<{
141
142
  chip: string[];
142
143
  }, tailwind_variants.TVReturnType<{
143
144
  [key: string]: {
144
- [key: string]: tailwind_variants.ClassValue | {
145
- list?: tailwind_variants.ClassValue;
146
- chip?: tailwind_variants.ClassValue;
145
+ [key: string]: tailwind_merge.ClassNameValue | {
146
+ list?: tailwind_merge.ClassNameValue;
147
+ chip?: tailwind_merge.ClassNameValue;
147
148
  };
148
149
  };
149
150
  } | {
150
151
  [x: string]: {
151
- [x: string]: tailwind_variants.ClassValue | {
152
- list?: tailwind_variants.ClassValue;
153
- chip?: tailwind_variants.ClassValue;
152
+ [x: string]: tailwind_merge.ClassNameValue | {
153
+ list?: tailwind_merge.ClassNameValue;
154
+ chip?: tailwind_merge.ClassNameValue;
154
155
  };
155
156
  };
156
157
  } | {}, {
@@ -158,9 +159,9 @@ declare const SelectableChipStyles: tailwind_variants.TVReturnType<{
158
159
  chip: string[];
159
160
  }, undefined, {
160
161
  [key: string]: {
161
- [key: string]: tailwind_variants.ClassValue | {
162
- list?: tailwind_variants.ClassValue;
163
- chip?: tailwind_variants.ClassValue;
162
+ [key: string]: tailwind_merge.ClassNameValue | {
163
+ list?: tailwind_merge.ClassNameValue;
164
+ chip?: tailwind_merge.ClassNameValue;
164
165
  };
165
166
  };
166
167
  } | {}, {
@@ -172,23 +173,23 @@ declare const SelectableChipStyles: tailwind_variants.TVReturnType<{
172
173
  }, undefined, unknown, unknown, undefined>>>;
173
174
  declare const DeletableChipStyles: tailwind_variants.TVReturnType<{
174
175
  [key: string]: {
175
- [key: string]: tailwind_variants.ClassValue | {
176
- chip?: tailwind_variants.ClassValue;
177
- remove?: tailwind_variants.ClassValue;
176
+ [key: string]: tailwind_merge.ClassNameValue | {
177
+ chip?: tailwind_merge.ClassNameValue;
178
+ remove?: tailwind_merge.ClassNameValue;
178
179
  };
179
180
  };
180
181
  } | {
181
182
  [x: string]: {
182
- [x: string]: tailwind_variants.ClassValue | {
183
- chip?: tailwind_variants.ClassValue;
184
- remove?: tailwind_variants.ClassValue;
183
+ [x: string]: tailwind_merge.ClassNameValue | {
184
+ chip?: tailwind_merge.ClassNameValue;
185
+ remove?: tailwind_merge.ClassNameValue;
185
186
  };
186
187
  };
187
188
  } | {
188
189
  [x: string]: {
189
- [x: string]: tailwind_variants.ClassValue | {
190
- chip?: tailwind_variants.ClassValue;
191
- remove?: tailwind_variants.ClassValue;
190
+ [x: string]: tailwind_merge.ClassNameValue | {
191
+ chip?: tailwind_merge.ClassNameValue;
192
+ remove?: tailwind_merge.ClassNameValue;
192
193
  };
193
194
  };
194
195
  } | {}, {
@@ -196,16 +197,16 @@ declare const DeletableChipStyles: tailwind_variants.TVReturnType<{
196
197
  remove: string[];
197
198
  }, undefined, {
198
199
  [key: string]: {
199
- [key: string]: tailwind_variants.ClassValue | {
200
- list?: tailwind_variants.ClassValue;
201
- chip?: tailwind_variants.ClassValue;
200
+ [key: string]: tailwind_merge.ClassNameValue | {
201
+ list?: tailwind_merge.ClassNameValue;
202
+ chip?: tailwind_merge.ClassNameValue;
202
203
  };
203
204
  };
204
205
  } | {
205
206
  [x: string]: {
206
- [x: string]: tailwind_variants.ClassValue | {
207
- list?: tailwind_variants.ClassValue;
208
- chip?: tailwind_variants.ClassValue;
207
+ [x: string]: tailwind_merge.ClassNameValue | {
208
+ list?: tailwind_merge.ClassNameValue;
209
+ chip?: tailwind_merge.ClassNameValue;
209
210
  };
210
211
  };
211
212
  } | {}, {
@@ -213,16 +214,16 @@ declare const DeletableChipStyles: tailwind_variants.TVReturnType<{
213
214
  chip: string[];
214
215
  }, tailwind_variants.TVReturnType<{
215
216
  [key: string]: {
216
- [key: string]: tailwind_variants.ClassValue | {
217
- list?: tailwind_variants.ClassValue;
218
- chip?: tailwind_variants.ClassValue;
217
+ [key: string]: tailwind_merge.ClassNameValue | {
218
+ list?: tailwind_merge.ClassNameValue;
219
+ chip?: tailwind_merge.ClassNameValue;
219
220
  };
220
221
  };
221
222
  } | {
222
223
  [x: string]: {
223
- [x: string]: tailwind_variants.ClassValue | {
224
- list?: tailwind_variants.ClassValue;
225
- chip?: tailwind_variants.ClassValue;
224
+ [x: string]: tailwind_merge.ClassNameValue | {
225
+ list?: tailwind_merge.ClassNameValue;
226
+ chip?: tailwind_merge.ClassNameValue;
226
227
  };
227
228
  };
228
229
  } | {}, {
@@ -230,9 +231,9 @@ declare const DeletableChipStyles: tailwind_variants.TVReturnType<{
230
231
  chip: string[];
231
232
  }, undefined, {
232
233
  [key: string]: {
233
- [key: string]: tailwind_variants.ClassValue | {
234
- list?: tailwind_variants.ClassValue;
235
- chip?: tailwind_variants.ClassValue;
234
+ [key: string]: tailwind_merge.ClassNameValue | {
235
+ list?: tailwind_merge.ClassNameValue;
236
+ chip?: tailwind_merge.ClassNameValue;
236
237
  };
237
238
  };
238
239
  } | {}, {
@@ -1,2 +1,2 @@
1
- import {tv}from'./../../lib/utils.js';var l={variant:"info"},i=tv({slots:{list:"group/chip-list flex w-content flex-wrap gap-xs",chip:["group/chip fg-default-light inline-flex w-content items-center justify-center rounded-full outline","size-medium:px-s size-medium:py-xs size-medium:text-body-s","size-small:px-s size-small:py-xs size-small:text-body-xs"]}}),s=tv({extend:i,slots:{chip:"gap-xxs"},variants:{variant:{advisory:{chip:"bg-advisory-subtle outline-advisory-bold"},critical:{chip:"bg-critical-subtle outline-critical"},serious:{chip:"bg-serious-subtle outline-serious"},normal:{chip:"bg-normal-subtle outline-normal"},info:{chip:"bg-info-subtle outline-info-bold"}}}}),o=tv({extend:i,slots:{chip:["cursor-pointer outline-interactive","enabled:focus:outline-interactive-hover","enabled:hover:outline-interactive-hover","enabled:selected:bg-highlight-subtle enabled:selected:outline-highlight","disabled:fg-disabled disabled:cursor-not-allowed disabled:outline-interactive-disabled","disabled:selected:bg-interactive-disabled"]}}),n=tv({extend:i,slots:{chip:["gap-xs outline-interactive","enabled:focus:outline-interactive-hover","enabled:hover:outline-interactive-hover","disabled:fg-disabled disabled:cursor-not-allowed disabled:outline-interactive-disabled"],remove:["cursor-pointer","disabled:cursor-not-allowed"]}});export{i as BaseChipStyles,s as ChipStyles,l as ChipStylesDefaults,n as DeletableChipStyles,o as SelectableChipStyles};//# sourceMappingURL=styles.js.map
1
+ import {tv}from'./../../lib/utils.js';const t={variant:"info"},i=tv({slots:{list:"group/chip-list flex w-content flex-wrap gap-xs",chip:["group/chip fg-default-light inline-flex w-content items-center justify-center rounded-full outline","size-medium:px-s size-medium:py-xs size-medium:text-body-s","size-small:px-s size-small:py-xs size-small:text-body-xs"]}}),s=tv({extend:i,slots:{chip:"gap-xxs"},variants:{variant:{advisory:{chip:"bg-advisory-subtle outline-advisory-bold"},critical:{chip:"bg-critical-subtle outline-critical"},serious:{chip:"bg-serious-subtle outline-serious"},normal:{chip:"bg-normal-subtle outline-normal"},info:{chip:"bg-info-subtle outline-info-bold"}}},defaultVariants:t}),o=tv({extend:i,slots:{chip:["cursor-pointer outline-interactive","enabled:focus:outline-interactive-hover","enabled:hover:outline-interactive-hover","enabled:selected:bg-highlight-subtle enabled:selected:outline-highlight","disabled:fg-disabled disabled:cursor-not-allowed disabled:outline-interactive-disabled","disabled:selected:bg-interactive-disabled"]}}),n=tv({extend:i,slots:{chip:["gap-xs outline-interactive","enabled:focus:outline-interactive-hover","enabled:hover:outline-interactive-hover","disabled:fg-disabled disabled:cursor-not-allowed disabled:outline-interactive-disabled"],remove:["cursor-pointer","disabled:cursor-not-allowed"]}});export{i as BaseChipStyles,s as ChipStyles,t as ChipStylesDefaults,n as DeletableChipStyles,o as SelectableChipStyles};//# sourceMappingURL=styles.js.map
2
2
  //# sourceMappingURL=styles.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/chip/styles.ts"],"names":["e","tv","BaseChipStyles","SelectableChipStyles"],"mappings":"sCAeE,IAAA,CAAA,CAAA,CAAA,OACF,CAAA,MAGE,CAAA,CAAA,CAAA,CAAAA,EAAA,CAAO,CACL,KAAM,CAAA,CAAA,IAAA,CAAA,iDAEJ,2GACA,CAAA,4DACA,CAAA,0DAKoBC,CAAAA,CAAG,CAC3B,CAAA,CAAA,CAAA,CAAAD,EAAA,CAAA,CAAQE,MACR,CAAA,CAAO,CACL,KAAM,CAAA,CAAA,IAAA,CAAA,SAER,CAAA,CAAA,QACE,CAAA,CAAA,iBACoB,CAAA,CAAA,IAAA,CAAA,0CAClB,CAAA,CAAA,QAAkB,CAAA,CAAA,IAAA,CAAA,qCAClB,CAAA,CAAA,OAAiB,CAAA,CAAA,IAAA,CAAA,mCACjB,CAAA,CAAQ,MAAQ,CAAA,CAAA,IAAA,CAAA,iCACV,CAAE,CAAA,IAAM,CAAA,CAAA,IAAA,CAAA,kCAKPC,CAAuBF,CAAAA,CAAG,CACrC,CAAA,CAAA,CAAA,CAAAD,EAAA,CAAA,CAAQE,MACR,CAAA,CAAO,CACL,KAAM,CACJ,CAAA,IAAA,CAAA,CAAA,oCACA,CAAA,yCACA,CAAA,yCACA,CAAA,kKAEA,CAAA,2CAK6BD,EAAG,CACpC,CAAA,CAAA,CAAA,CAAAD,EAAA,CAAA,CAAQE,MACR,CAAA,CAAO,CACL,KAAM,CACJ,CAAA,IAAA,CAAA,CAAA,4BACA,CAAA,yCACA,CAAA,yCACA,CAAA,wFAEF,CAAA,CAAQ,MAAC,CAAA,CAAA,gBAAkB,CAAA,6BAE9B,CAAA,CAAA,CAAA","file":"styles.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { tv } from '@/lib/utils';\n\nexport const ChipStylesDefaults = {\n variant: 'info',\n} as const;\n\nexport const BaseChipStyles = tv({\n slots: {\n list: 'group/chip-list flex w-content flex-wrap gap-xs',\n chip: [\n 'group/chip fg-default-light inline-flex w-content items-center justify-center rounded-full outline',\n 'size-medium:px-s size-medium:py-xs size-medium:text-body-s',\n 'size-small:px-s size-small:py-xs size-small:text-body-xs',\n ],\n },\n});\n\nexport const ChipStyles = tv({\n extend: BaseChipStyles,\n slots: {\n chip: 'gap-xxs',\n },\n variants: {\n variant: {\n advisory: { chip: 'bg-advisory-subtle outline-advisory-bold' },\n critical: { chip: 'bg-critical-subtle outline-critical' },\n serious: { chip: 'bg-serious-subtle outline-serious' },\n normal: { chip: 'bg-normal-subtle outline-normal' },\n info: { chip: 'bg-info-subtle outline-info-bold' },\n },\n },\n});\n\nexport const SelectableChipStyles = tv({\n extend: BaseChipStyles,\n slots: {\n chip: [\n 'cursor-pointer outline-interactive',\n 'enabled:focus:outline-interactive-hover',\n 'enabled:hover:outline-interactive-hover',\n 'enabled:selected:bg-highlight-subtle enabled:selected:outline-highlight',\n 'disabled:fg-disabled disabled:cursor-not-allowed disabled:outline-interactive-disabled',\n 'disabled:selected:bg-interactive-disabled',\n ],\n },\n});\n\nexport const DeletableChipStyles = tv({\n extend: BaseChipStyles,\n slots: {\n chip: [\n 'gap-xs outline-interactive',\n 'enabled:focus:outline-interactive-hover',\n 'enabled:hover:outline-interactive-hover',\n 'disabled:fg-disabled disabled:cursor-not-allowed disabled:outline-interactive-disabled',\n ],\n remove: ['cursor-pointer', 'disabled:cursor-not-allowed'],\n },\n});\n"]}
1
+ {"version":3,"sources":["../../../src/components/chip/styles.ts"],"names":["BaseChipStyles","tv","e"],"mappings":"sCAeE,MAAA,CAAS,CAAA,CAAA,OAGEA,CAAiBC,SACrB,CACLC,EAAA,CAAA,CAAA,KAAM,CAAA,CAAA,IAAA,CAAA,iDAEJ,CAAA,IAAA,CAAA,CAAA,iKAEA,CAAA,0DAMJ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQF,EAAAA,CACR,CAAA,MACE,CAAA,CAAA,CAAA,WACF,CAAA,SACA,CAAU,CACR,QAAS,CACP,CAAA,OAAA,CAAU,CAAE,QAAM,CAAA,CAAA,IAAA,CAAA,0CAClB,CAAU,CAAE,oDACH,CAAE,CAAA,OAAM,CAAA,CAAA,IAAA,CAAA,mCACP,CAAA,CAAA,MAAM,CAAA,CAAA,IAAA,CAAA,uCACF,CAAA,CAAA,IAAA,CAAA,kCAGlB,CAAA,CAAA,CAAA,CAAA,eAIA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQA,EAAAA,CACR,OACE,CAAA,CAAA,CAAA,KACE,CAAA,CAAA,IAAA,CAAA,CAAA,oCACA,CAAA,yCACA,CAAA,mHAEA,CAAA,wFACA,CAAA,2CAMJ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQA,EAAAA,CACR,CAAA,MACE,QACE,CAAA,CAAA,IAAA,CAAA,CAAA,4BACA,CAAA,yCACA,CAAA,yCACA,CAAA,wFAEO,CAAA,CAAA,MAAA,CAAA,CAAA,gBAAkB,CAAA,6BAE9B,CAAA,CAAA,CAAA","file":"styles.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { tv } from '@/lib/utils';\n\nexport const ChipStylesDefaults = {\n variant: 'info',\n} as const;\n\nexport const BaseChipStyles = tv({\n slots: {\n list: 'group/chip-list flex w-content flex-wrap gap-xs',\n chip: [\n 'group/chip fg-default-light inline-flex w-content items-center justify-center rounded-full outline',\n 'size-medium:px-s size-medium:py-xs size-medium:text-body-s',\n 'size-small:px-s size-small:py-xs size-small:text-body-xs',\n ],\n },\n});\n\nexport const ChipStyles = tv({\n extend: BaseChipStyles,\n slots: {\n chip: 'gap-xxs',\n },\n variants: {\n variant: {\n advisory: { chip: 'bg-advisory-subtle outline-advisory-bold' },\n critical: { chip: 'bg-critical-subtle outline-critical' },\n serious: { chip: 'bg-serious-subtle outline-serious' },\n normal: { chip: 'bg-normal-subtle outline-normal' },\n info: { chip: 'bg-info-subtle outline-info-bold' },\n },\n },\n defaultVariants: ChipStylesDefaults,\n});\n\nexport const SelectableChipStyles = tv({\n extend: BaseChipStyles,\n slots: {\n chip: [\n 'cursor-pointer outline-interactive',\n 'enabled:focus:outline-interactive-hover',\n 'enabled:hover:outline-interactive-hover',\n 'enabled:selected:bg-highlight-subtle enabled:selected:outline-highlight',\n 'disabled:fg-disabled disabled:cursor-not-allowed disabled:outline-interactive-disabled',\n 'disabled:selected:bg-interactive-disabled',\n ],\n },\n});\n\nexport const DeletableChipStyles = tv({\n extend: BaseChipStyles,\n slots: {\n chip: [\n 'gap-xs outline-interactive',\n 'enabled:focus:outline-interactive-hover',\n 'enabled:hover:outline-interactive-hover',\n 'disabled:fg-disabled disabled:cursor-not-allowed disabled:outline-interactive-disabled',\n ],\n remove: ['cursor-pointer', 'disabled:cursor-not-allowed'],\n },\n});\n"]}
@@ -1,15 +1,16 @@
1
- import { HTMLProps, RefAttributes, PropsWithChildren } from 'react';
1
+ import { ComponentPropsWithRef, RefAttributes } from 'react';
2
2
  import { TagGroupProps, TagListProps, TagProps, ButtonProps } from 'react-aria-components';
3
3
  import { VariantProps } from 'tailwind-variants';
4
4
  import { ChipStyles } from './styles.js';
5
+ import 'tailwind-merge';
5
6
 
6
7
  type BaseChipProps = {
7
8
  size?: 'medium' | 'small';
8
9
  };
9
- type ChipProps = VariantProps<typeof ChipStyles> & Omit<HTMLProps<HTMLDivElement>, 'size'> & RefAttributes<HTMLDivElement> & BaseChipProps & {
10
+ type ChipListProps<T> = Omit<TagGroupProps, 'children'> & Pick<TagListProps<T>, 'dependencies' | 'items' | 'children' | 'renderEmptyState'> & RefAttributes<HTMLDivElement> & BaseChipProps;
11
+ type ChipProps = VariantProps<typeof ChipStyles> & Omit<ComponentPropsWithRef<'div'>, 'size' | 'onClick'> & BaseChipProps & {
10
12
  className?: string;
11
13
  };
12
- type ChipListProps<T> = Omit<TagGroupProps, 'children'> & Pick<TagListProps<T>, 'dependencies' | 'items' | 'children' | 'renderEmptyState'> & RefAttributes<HTMLDivElement> & BaseChipProps;
13
14
  type SelectableChipProps = Omit<TagProps, 'isDisabled'> & RefAttributes<HTMLDivElement> & BaseChipProps;
14
15
  type DeletableChipProps = Omit<TagProps, 'className' | 'isDisabled'> & RefAttributes<HTMLDivElement> & BaseChipProps & {
15
16
  classNames?: {
@@ -17,6 +18,5 @@ type DeletableChipProps = Omit<TagProps, 'className' | 'isDisabled'> & RefAttrib
17
18
  remove?: ButtonProps['className'];
18
19
  };
19
20
  };
20
- type ChipProviderProps = PropsWithChildren<BaseChipProps>;
21
21
 
22
- export type { BaseChipProps, ChipListProps, ChipProps, ChipProviderProps, DeletableChipProps, SelectableChipProps };
22
+ export type { BaseChipProps, ChipListProps, ChipProps, DeletableChipProps, SelectableChipProps };
@@ -1,12 +1,13 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
2
  import * as react from 'react';
3
+ import { ProviderProps } from '../../lib/types.js';
3
4
  import { ContextValue } from 'react-aria-components';
4
- import { ClassificationBadgeProps, ClassificationBadgeProviderProps } from './types.js';
5
+ import { ClassificationBadgeProps } from './types.js';
5
6
  import 'tailwind-variants';
6
7
  import './styles.js';
7
8
 
8
9
  declare const ClassificationBadgeContext: react.Context<ContextValue<ClassificationBadgeProps, HTMLSpanElement>>;
9
- declare function ClassificationBadgeProvider({ children, ...props }: ClassificationBadgeProviderProps): react_jsx_runtime.JSX.Element;
10
+ declare function ClassificationBadgeProvider({ children, ...props }: ProviderProps<ClassificationBadgeProps>): react_jsx_runtime.JSX.Element;
10
11
  declare namespace ClassificationBadgeProvider {
11
12
  var displayName: string;
12
13
  }
@@ -1,2 +1,2 @@
1
- import {createContext}from'react';import {useContextProps}from'react-aria-components';import {ClassificationBadgeStylesDefaults,ClassificationBadgeStyles}from'./styles.js';import {jsx}from'react/jsx-runtime';var e=createContext(null);function s({children:i,...a}){return jsx(e.Provider,{value:a,children:i})}s.displayName="ClassificationBadge.Provider";function t({ref:i,...a}){[a,i]=useContextProps(a,i??null,e);let{children:n,className:r,size:l="medium",variant:d=ClassificationBadgeStylesDefaults.variant,...c}=a;return jsx("span",{...c,className:ClassificationBadgeStyles({variant:d,className:r}),"data-size":l,children:n})}t.displayName="ClassificationBadge";t.Provider=s;export{t as ClassificationBadge,e as ClassificationBadgeContext};//# sourceMappingURL=index.js.map
1
+ import {jsx}from'react/jsx-runtime';import {createContext}from'react';import {useContextProps}from'react-aria-components';import {ClassificationBadgeStylesDefaults,ClassificationBadgeStyles}from'./styles.js';const e=createContext(null);function t({children:a,...i}){return jsx(e.Provider,{value:i,children:a})}t.displayName="ClassificationBadge.Provider";function s({ref:a,...i}){[i,a]=useContextProps(i,a??null,e);const{children:r,className:n,size:l="medium",variant:d=ClassificationBadgeStylesDefaults.variant,...p}=i;return jsx("span",{...p,className:ClassificationBadgeStyles({variant:d,className:n}),"data-size":l,children:r})}s.displayName="ClassificationBadge",s.Provider=t;export{s as ClassificationBadge,e as ClassificationBadgeContext};//# sourceMappingURL=index.js.map
2
2
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/classification-badge/index.tsx"],"names":["ClassificationBadgeContext","createContext","ClassificationBadgeProvider","children","props","ref","useContextProps","className","size","variant","ClassificationBadgeStylesDefaults","jsx","rest","ClassificationBadgeStyles","ClassificationBadge"],"mappings":"gNAuBaA,IAAAA,CACXC,cAAuE,CAAA,IAAI,EAE7E,SAASC,CAA4B,CACnC,CAAA,QAAAC,EACA,CAAA,GACF,EAAqC,CACnC,CAAA,UACGH,CAAAA,CAA2B,CAAA,QAA3B,CAAoC,CAAA,KAAOI,CAAAA,CACzC,CAAA,QAAAD,EACH,CAEJ,CACAD,CAAAA,CAA4B,CAAA,WAAc,CAAA,8BAEnC,CAAA,UAA6B,CAClC,CAAA,GAAAG,CAAAA,CACA,CAAA,GACF,CAAA,CAA6B,CAC3B,CAACD,CAAAA,CAAOC,CAAG,CAAA,CAAIC,CAAAA,eACbF,EACAC,CAAAA,CAAAA,EAAO,IACPL,CACF,CAAA,CAEA,CAAA,GACE,SAAAG,CAAAA,CACA,CAAA,SAAAI,CAAAA,CACA,CAAA,IAAAC,CAAAA,CAAO,CAAA,QACP,QAAAC,CAAAA,CAAUC,CAAAA,iCAAkC,CAAA,OAC5C,CAAA,GACF,CAAA,CAAIN,EAEJ,CAAA,OACEO,GAAC,QACE,CAAA,GAAGC,CACJ,UAAWC,CAAAA,yBAA0B,CACnC,CAAA,OAAAJ,CAAAA,CACA,CAAA,SAAAF,CACF,CAAC,CAAA,CACD,CAAA,WAAWC,CAAAA,CAEV,CAAA,QAAAL,CAAAA,CACH,CAEJ,CACAW,CAAAA,CAAoB,CAAA,WAAc,CAAA,qBAClCA,CAAAA,CAAoB,CAAA,QAAWZ,CAAAA,CAAAA","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { createContext } from 'react';\nimport { type ContextValue, useContextProps } from 'react-aria-components';\nimport {\n ClassificationBadgeStyles,\n ClassificationBadgeStylesDefaults,\n} from './styles';\nimport type {\n ClassificationBadgeProps,\n ClassificationBadgeProviderProps,\n} from './types';\n\nexport const ClassificationBadgeContext =\n createContext<ContextValue<ClassificationBadgeProps, HTMLSpanElement>>(null);\n\nfunction ClassificationBadgeProvider({\n children,\n ...props\n}: ClassificationBadgeProviderProps) {\n return (\n <ClassificationBadgeContext.Provider value={props}>\n {children}\n </ClassificationBadgeContext.Provider>\n );\n}\nClassificationBadgeProvider.displayName = 'ClassificationBadge.Provider';\n\nexport function ClassificationBadge({\n ref,\n ...props\n}: ClassificationBadgeProps) {\n [props, ref] = useContextProps(\n props,\n ref ?? null,\n ClassificationBadgeContext,\n );\n\n const {\n children,\n className,\n size = 'medium',\n variant = ClassificationBadgeStylesDefaults.variant,\n ...rest\n } = props;\n\n return (\n <span\n {...rest}\n className={ClassificationBadgeStyles({\n variant,\n className,\n })}\n data-size={size}\n >\n {children}\n </span>\n );\n}\nClassificationBadge.displayName = 'ClassificationBadge';\nClassificationBadge.Provider = ClassificationBadgeProvider;\n"]}
1
+ {"version":3,"sources":["../../../src/components/classification-badge/index.tsx"],"names":["c","props","o","ClassificationBadgeProvider","ref","useContextProps","ClassificationBadgeStylesDefaults","m","rest","C","ClassificationBadge"],"mappings":"sNAsByE,CAAA,CAAAA,aAAA,CAAI,IAE7E,EAAA,SACE,CAAA,CAAA,CAAA,QACA,CAAA,CAAGC,CACL,GACE,CAAA,CAAA,CAAA,CAAA,OAC8BC,GAAA,CAAA,CAAA,CAAA,QAAS,CAAA,CAAA,KAClC,CAAA,CAAA,CAAA,QAGP,CACAC,CAAAA,CAA4B,CAAA,CAAA,CAAA,CAAA,WAAc,CAAA,8BAEnC,CAAA,SACL,CAAA,CAAA,CAAAC,GACA,CAAA,CAAGH,CACL,GACE,CAACA,CAAAA,CAAOG,CAAG,CAAA,CAAIC,CAAAA,CACbJ,EACAG,eAAAA,CAAAA,CAAO,CAAA,CAAA,EAAA,IAIT,CAAA,CAAA,CAAA,CAAA,cAEE,CAAA,CAAA,CAAA,SACA,CAAA,CAAA,CAAA,IAAO,CAAA,CAAA,CAAA,gBACGE,CAAkC,CAAA,CAAAC,iCAAA,CAAA,OACzCC,CACL,IAEA,CAAA,CAAA,CAAA,CAAA,iBAEK,CAAGA,CAAAA,cAEF,CAAAC,yBAAA,CAAA,CAAA,OACA,CAAA,CAAA,CAAA,SACD,CACD,CAAA,CAAA,CAAA,CAAA,WAEC,CAAA,CAAA,CAAA,QAGP,CACAC,CAAAA,CAAoB,CAAA,CAAA,CAAA,CAAA,WAAc,CAAA,qBACd,CAAA,CAAA,CAAA,QAAWP,CAAAA,CAAAA","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport type { ProviderProps } from '@/lib/types';\nimport { createContext } from 'react';\nimport { type ContextValue, useContextProps } from 'react-aria-components';\nimport {\n ClassificationBadgeStyles,\n ClassificationBadgeStylesDefaults,\n} from './styles';\nimport type { ClassificationBadgeProps } from './types';\n\nexport const ClassificationBadgeContext =\n createContext<ContextValue<ClassificationBadgeProps, HTMLSpanElement>>(null);\n\nfunction ClassificationBadgeProvider({\n children,\n ...props\n}: ProviderProps<ClassificationBadgeProps>) {\n return (\n <ClassificationBadgeContext.Provider value={props}>\n {children}\n </ClassificationBadgeContext.Provider>\n );\n}\nClassificationBadgeProvider.displayName = 'ClassificationBadge.Provider';\n\nexport function ClassificationBadge({\n ref,\n ...props\n}: ClassificationBadgeProps) {\n [props, ref] = useContextProps(\n props,\n ref ?? null,\n ClassificationBadgeContext,\n );\n\n const {\n children,\n className,\n size = 'medium',\n variant = ClassificationBadgeStylesDefaults.variant,\n ...rest\n } = props;\n\n return (\n <span\n {...rest}\n className={ClassificationBadgeStyles({\n variant,\n className,\n })}\n data-size={size}\n >\n {children}\n </span>\n );\n}\nClassificationBadge.displayName = 'ClassificationBadge';\nClassificationBadge.Provider = ClassificationBadgeProvider;\n"]}
@@ -1,2 +1,2 @@
1
- import {tv}from'tailwind-variants';var t={variant:"missing"},s=tv({base:["group/classification-badge inline-flex items-center justify-center rounded-full px-s py-xs uppercase","size-medium:text-header-s","size-small:text-header-xs"],variants:{variant:{missing:"fg-critical bg-classification-missing [&:empty]:before:content-['Missing']",unclassified:"fg-default-light bg-classification-unclass [&:empty]:before:content-['Unclassified']",cui:"fg-default-light bg-classification-cui [&:empty]:before:content-['CUI']",confidential:"fg-default-light bg-classification-confidential [&:empty]:before:content-['Confidential']",secret:"fg-default-light bg-classification-secret [&:empty]:before:content-['Secret']","top-secret":"fg-inverse-light bg-classification-top-secret [&:empty]:before:content-['Top_Secret']","ts-sci":"fg-inverse-light bg-classification-ts-sci [&:empty]:before:content-['TS/SCI']"}},defaultVariants:t});export{s as ClassificationBadgeStyles,t as ClassificationBadgeStylesDefaults};//# sourceMappingURL=styles.js.map
1
+ import {tv}from'tailwind-variants';const t={variant:"missing"},s=tv({base:["group/classification-badge inline-flex items-center justify-center rounded-full px-s py-xs uppercase","size-medium:text-header-s","size-small:text-header-xs"],variants:{variant:{missing:"fg-critical bg-classification-missing [&:empty]:before:content-['Missing']",unclassified:"fg-default-light bg-classification-unclass [&:empty]:before:content-['Unclassified']",cui:"fg-default-light bg-classification-cui [&:empty]:before:content-['CUI']",confidential:"fg-default-light bg-classification-confidential [&:empty]:before:content-['Confidential']",secret:"fg-default-light bg-classification-secret [&:empty]:before:content-['Secret']","top-secret":"fg-inverse-light bg-classification-top-secret [&:empty]:before:content-['Top_Secret']","ts-sci":"fg-inverse-light bg-classification-ts-sci [&:empty]:before:content-['TS/SCI']"}},defaultVariants:t});export{s as ClassificationBadgeStyles,t as ClassificationBadgeStylesDefaults};//# sourceMappingURL=styles.js.map
2
2
  //# sourceMappingURL=styles.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/classification-badge/styles.ts"],"names":["ClassificationBadgeStylesDefaults","ClassificationBadgeStyles","tv"],"mappings":"uCAcaA,CAAAA,CAAoC,CAC/C,QAAS,SACX,CAAA,CAEaC,CAAAA,CAA4BC,EAAAA,CAAG,CAC1C,IAAA,CAAM,CACJ,uGACA,2BAAA,CACA,2BACF,EACA,QAAA,CAAU,CACR,OAAA,CAAS,CAEP,QACE,4EAAA,CACF,YAAA,CACE,uFACF,GAAA,CAAK,yEAAA,CACL,aACE,2FAAA,CACF,MAAA,CACE,+EAAA,CACF,YAAA,CACE,wFACF,QAAA,CACE,+EACJ,CACF,CAAA,CACA,eAAA,CAAiBF,CACnB,CAAC","file":"styles.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { tv } from 'tailwind-variants';\n\nexport const ClassificationBadgeStylesDefaults = {\n variant: 'missing',\n} as const;\n\nexport const ClassificationBadgeStyles = tv({\n base: [\n 'group/classification-badge inline-flex items-center justify-center rounded-full px-s py-xs uppercase',\n 'size-medium:text-header-s',\n 'size-small:text-header-xs',\n ],\n variants: {\n variant: {\n // TODO: dont hard code these strings into the styles\n missing:\n \"fg-critical bg-classification-missing [&:empty]:before:content-['Missing']\",\n unclassified:\n \"fg-default-light bg-classification-unclass [&:empty]:before:content-['Unclassified']\",\n cui: \"fg-default-light bg-classification-cui [&:empty]:before:content-['CUI']\",\n confidential:\n \"fg-default-light bg-classification-confidential [&:empty]:before:content-['Confidential']\",\n secret:\n \"fg-default-light bg-classification-secret [&:empty]:before:content-['Secret']\",\n 'top-secret':\n \"fg-inverse-light bg-classification-top-secret [&:empty]:before:content-['Top_Secret']\",\n 'ts-sci':\n \"fg-inverse-light bg-classification-ts-sci [&:empty]:before:content-['TS/SCI']\",\n },\n },\n defaultVariants: ClassificationBadgeStylesDefaults,\n});\n"]}
1
+ {"version":3,"sources":["../../../src/components/classification-badge/styles.ts"],"names":["ClassificationBadgeStylesDefaults","ClassificationBadgeStyles","tv"],"mappings":"yCAcaA,CAAAA,CAAoC,CAC/C,QAAS,SACX,CAAA,CAEaC,CAAAA,CAA4BC,EAAAA,CAAG,CAC1C,IAAA,CAAM,CACJ,uGACA,2BAAA,CACA,2BACF,EACA,QAAA,CAAU,CACR,OAAA,CAAS,CAEP,QACE,4EAAA,CACF,YAAA,CACE,uFACF,GAAA,CAAK,yEAAA,CACL,aACE,2FAAA,CACF,MAAA,CACE,+EAAA,CACF,YAAA,CACE,wFACF,QAAA,CACE,+EACJ,CACF,CAAA,CACA,eAAA,CAAiBF,CACnB,CAAC","file":"styles.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { tv } from 'tailwind-variants';\n\nexport const ClassificationBadgeStylesDefaults = {\n variant: 'missing',\n} as const;\n\nexport const ClassificationBadgeStyles = tv({\n base: [\n 'group/classification-badge inline-flex items-center justify-center rounded-full px-s py-xs uppercase',\n 'size-medium:text-header-s',\n 'size-small:text-header-xs',\n ],\n variants: {\n variant: {\n // TODO: dont hard code these strings into the styles\n missing:\n \"fg-critical bg-classification-missing [&:empty]:before:content-['Missing']\",\n unclassified:\n \"fg-default-light bg-classification-unclass [&:empty]:before:content-['Unclassified']\",\n cui: \"fg-default-light bg-classification-cui [&:empty]:before:content-['CUI']\",\n confidential:\n \"fg-default-light bg-classification-confidential [&:empty]:before:content-['Confidential']\",\n secret:\n \"fg-default-light bg-classification-secret [&:empty]:before:content-['Secret']\",\n 'top-secret':\n \"fg-inverse-light bg-classification-top-secret [&:empty]:before:content-['Top_Secret']\",\n 'ts-sci':\n \"fg-inverse-light bg-classification-ts-sci [&:empty]:before:content-['TS/SCI']\",\n },\n },\n defaultVariants: ClassificationBadgeStylesDefaults,\n});\n"]}
@@ -1,11 +1,10 @@
1
- import { RefAttributes, PropsWithChildren, HTMLAttributes } from 'react';
1
+ import { ComponentPropsWithRef } from 'react';
2
2
  import { VariantProps } from 'tailwind-variants';
3
3
  import { ClassificationBadgeStyles } from './styles.js';
4
4
 
5
5
  type ClassificationBadgeStyleVariants = VariantProps<typeof ClassificationBadgeStyles>;
6
- type ClassificationBadgeProps = ClassificationBadgeStyleVariants & RefAttributes<HTMLSpanElement> & PropsWithChildren<HTMLAttributes<HTMLSpanElement>> & {
6
+ type ClassificationBadgeProps = ClassificationBadgeStyleVariants & ComponentPropsWithRef<'span'> & {
7
7
  size?: 'medium' | 'small';
8
8
  };
9
- type ClassificationBadgeProviderProps = PropsWithChildren<ClassificationBadgeProps>;
10
9
 
11
- export type { ClassificationBadgeProps, ClassificationBadgeProviderProps, ClassificationBadgeStyleVariants };
10
+ export type { ClassificationBadgeProps, ClassificationBadgeStyleVariants };
@@ -1,12 +1,13 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
2
  import * as react from 'react';
3
+ import { ProviderProps } from '../../lib/types.js';
3
4
  import { ContextValue } from 'react-aria-components';
4
- import { ClassificationBannerProps, ClassificationBannerProviderProps } from './types.js';
5
+ import { ClassificationBannerProps } from './types.js';
5
6
  import 'tailwind-variants';
6
7
  import './styles.js';
7
8
 
8
9
  declare const ClassificationBannerContext: react.Context<ContextValue<ClassificationBannerProps, HTMLDivElement>>;
9
- declare function ClassificationBannerProvider({ children, ...props }: ClassificationBannerProviderProps): react_jsx_runtime.JSX.Element;
10
+ declare function ClassificationBannerProvider({ children, ...props }: ProviderProps<ClassificationBannerProps>): react_jsx_runtime.JSX.Element;
10
11
  declare namespace ClassificationBannerProvider {
11
12
  var displayName: string;
12
13
  }
@@ -1,2 +1,2 @@
1
- import {createContext}from'react';import {useContextProps}from'react-aria-components';import {ClassificationBannerStylesDefaults,ClassificationBannerStyles}from'./styles.js';import {jsx}from'react/jsx-runtime';var a=createContext(null);function e({children:n,...i}){return jsx(a.Provider,{value:i,children:n})}e.displayName="ClassificationBanner.Provider";function r({ref:n,...i}){[i,n]=useContextProps(i,n??null,a);let{className:o,variant:s=ClassificationBannerStylesDefaults.variant,children:l,...c}=i;return jsx("div",{...c,className:ClassificationBannerStyles({variant:s,className:o}),children:l})}r.displayName="ClassificationBanner";r.Provider=e;export{r as ClassificationBanner,a as ClassificationBannerContext};//# sourceMappingURL=index.js.map
1
+ import {jsx}from'react/jsx-runtime';import {createContext}from'react';import {useContextProps}from'react-aria-components';import {ClassificationBannerStylesDefaults,ClassificationBannerStyles}from'./styles.js';const a=createContext(null);function r({children:n,...i}){return jsx(a.Provider,{value:i,children:n})}r.displayName="ClassificationBanner.Provider";function e({ref:n,...i}){[i,n]=useContextProps(i,n??null,a);const{className:o,variant:s=ClassificationBannerStylesDefaults.variant,children:l,...c}=i;return jsx("div",{...c,className:ClassificationBannerStyles({variant:s,className:o}),children:l})}e.displayName="ClassificationBanner",e.Provider=r;export{e as ClassificationBanner,a as ClassificationBannerContext};//# sourceMappingURL=index.js.map
2
2
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/classification-banner/index.tsx"],"names":["ClassificationBannerContext","createContext","ClassificationBannerProvider","children","jsx","props","ClassificationBanner","ref","useContextProps","className","variant","ClassificationBannerStylesDefaults","ClassificationBannerStyles"],"mappings":"kNAuBaA,IAAAA,CACXC,CAAAA,aAAuE,CAAA,IAAI,EAE7E,SAASC,CAA6B,CACpC,CAAA,QAAAC,CAAAA,CACA,IACF,CAAA,CAAsC,CACpC,CAAA,OACEC,GAACJ,CAAAA,CAA4B,CAAA,QAA5B,CAAqC,CAAA,KAAOK,EAC1C,CAAA,QAAAF,CAAAA,CACH,CAEJ,CACAD,CAAAA,CAA6B,YAAc,CAAA,+BAEpC,CAAA,SAASI,CAAqB,CACnC,CAAA,GAAAC,CAAAA,CACA,IACF,CAAA,CAA8B,CAC5B,CAACF,CAAAA,CAAOE,CAAG,CAAA,CAAIC,CAAAA,eACbH,CAAAA,CACAE,CAAAA,CAAAA,EAAO,IACPP,CACF,EAEA,CAAA,GACE,UAAAS,CAAAA,CACA,CAAA,OAAAC,EAAUC,CAAAA,kCAAmC,CAAA,OAC7C,CAAA,QAAAR,CAAAA,CACA,CAAA,GACF,EAAIE,CAAAA,CAEJ,CAAA,UACG,CAAA,KAAA,CACE,CAAA,IACD,CAAA,SAAWO,CAAAA,0BAA2B,CACpC,CAAA,OAAAF,CAAAA,CACA,CAAA,SAAAD,CACF,CAAC,CAAA,CAEA,SAAAN,CAAAA,CACH,CAEJ,CACAG,CAAAA,CAAqB,CAAA,WAAc,CAAA,sBACnCA,CAAAA,CAAqB,CAAA,QAAWJ,CAAAA,CAAAA","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { createContext } from 'react';\nimport { type ContextValue, useContextProps } from 'react-aria-components';\nimport {\n ClassificationBannerStyles,\n ClassificationBannerStylesDefaults,\n} from './styles';\nimport type {\n ClassificationBannerProps,\n ClassificationBannerProviderProps,\n} from './types';\n\nexport const ClassificationBannerContext =\n createContext<ContextValue<ClassificationBannerProps, HTMLDivElement>>(null);\n\nfunction ClassificationBannerProvider({\n children,\n ...props\n}: ClassificationBannerProviderProps) {\n return (\n <ClassificationBannerContext.Provider value={props}>\n {children}\n </ClassificationBannerContext.Provider>\n );\n}\nClassificationBannerProvider.displayName = 'ClassificationBanner.Provider';\n\nexport function ClassificationBanner({\n ref,\n ...props\n}: ClassificationBannerProps) {\n [props, ref] = useContextProps(\n props,\n ref ?? null,\n ClassificationBannerContext,\n );\n\n const {\n className,\n variant = ClassificationBannerStylesDefaults.variant,\n children,\n ...rest\n } = props;\n\n return (\n <div\n {...rest}\n className={ClassificationBannerStyles({\n variant,\n className,\n })}\n >\n {children}\n </div>\n );\n}\nClassificationBanner.displayName = 'ClassificationBanner';\nClassificationBanner.Provider = ClassificationBannerProvider;\n"]}
1
+ {"version":3,"sources":["../../../src/components/classification-banner/index.tsx"],"names":["createContext","f","props","t","ClassificationBannerProvider","ref","useContextProps","ClassificationBannerStylesDefaults","m","rest","p","ClassificationBanner"],"mappings":"kNAsBEA,MAAuE,CAAA,CAAAC,aAAA,CAAI,IAE7E,EAAA,SACE,CAAA,CAAA,CAAA,UACGC,CACL,GACE,CAAA,CAAA,CAAA,CAAA,OAC+BC,GAAA,CAAA,CAAA,CAAA,QAAS,CAAA,CAAA,KACnC,CAAA,CAAA,CAAA,QAGP,CACAC,CAAAA,CAA6B,eAAc,CAAA,+BAEpC,CAAA,SACL,CAAA,CAAA,CAAAC,KACGH,CACL,GACE,CAACA,CAAAA,CAAOG,CAAG,CAAA,CAAIC,CAAAA,CACbJ,CAAAA,CACAG,eAAAA,CAAAA,CAAO,CAAA,CAAA,EAAA,IAIT,CAAA,CAAA,CAAA,CAAA,eAEE,CAAA,CAAA,CAAA,OAAUE,CAAmC,CAAA,CAAAC,kCAAA,CAAA,OAC7C,CAAA,QACA,CAAA,CAAGC,CACL,GAAIP,CAEJ,CAAA,CAAA,CAAA,CAAA,OACGC,GAAA,CAAA,KACE,CAAGM,IACJ,CAAA,CAAA,SACE,CAAAC,0BAAA,CAAA,CAAA,OACA,CAAA,CAAA,CAAA,SACD,CAEA,YAGP,CACAC,CAAAA,CAAqB,CAAA,CAAA,CAAA,CAAA,WAAc,CAAA,sBACd,CAAA,CAAA,CAAA,QAAWP,CAAAA,CAAAA","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport type { ProviderProps } from '@/lib/types';\nimport { createContext } from 'react';\nimport { type ContextValue, useContextProps } from 'react-aria-components';\nimport {\n ClassificationBannerStyles,\n ClassificationBannerStylesDefaults,\n} from './styles';\nimport type { ClassificationBannerProps } from './types';\n\nexport const ClassificationBannerContext =\n createContext<ContextValue<ClassificationBannerProps, HTMLDivElement>>(null);\n\nfunction ClassificationBannerProvider({\n children,\n ...props\n}: ProviderProps<ClassificationBannerProps>) {\n return (\n <ClassificationBannerContext.Provider value={props}>\n {children}\n </ClassificationBannerContext.Provider>\n );\n}\nClassificationBannerProvider.displayName = 'ClassificationBanner.Provider';\n\nexport function ClassificationBanner({\n ref,\n ...props\n}: ClassificationBannerProps) {\n [props, ref] = useContextProps(\n props,\n ref ?? null,\n ClassificationBannerContext,\n );\n\n const {\n className,\n variant = ClassificationBannerStylesDefaults.variant,\n children,\n ...rest\n } = props;\n\n return (\n <div\n {...rest}\n className={ClassificationBannerStyles({\n variant,\n className,\n })}\n >\n {children}\n </div>\n );\n}\nClassificationBanner.displayName = 'ClassificationBanner';\nClassificationBanner.Provider = ClassificationBannerProvider;\n"]}
@@ -1,2 +1,2 @@
1
- import {tv}from'tailwind-variants';var t={variant:"missing"},s=tv({base:"flex select-none items-center justify-center font-medium text-header-m uppercase",variants:{variant:{missing:"fg-critical bg-classification-missing [&:empty]:before:content-['Missing']",unclassified:"fg-default-light bg-classification-unclass [&:empty]:before:content-['Unclassified']",cui:"fg-default-light bg-classification-cui [&:empty]:before:content-['CUI']",confidential:"fg-default-light bg-classification-confidential [&:empty]:before:content-['Confidential']",secret:"fg-default-light bg-classification-secret [&:empty]:before:content-['Secret']","top-secret":"fg-inverse-light bg-classification-top-secret [&:empty]:before:content-['Top_Secret']","ts-sci":"fg-inverse-light bg-classification-ts-sci [&:empty]:before:content-['Top_Secret/SCI']"}},defaultVariants:t});export{s as ClassificationBannerStyles,t as ClassificationBannerStylesDefaults};//# sourceMappingURL=styles.js.map
1
+ import {tv}from'tailwind-variants';const t={variant:"missing"},s=tv({base:"flex select-none items-center justify-center font-medium text-header-m uppercase",variants:{variant:{missing:"fg-critical bg-classification-missing [&:empty]:before:content-['Missing']",unclassified:"fg-default-light bg-classification-unclass [&:empty]:before:content-['Unclassified']",cui:"fg-default-light bg-classification-cui [&:empty]:before:content-['CUI']",confidential:"fg-default-light bg-classification-confidential [&:empty]:before:content-['Confidential']",secret:"fg-default-light bg-classification-secret [&:empty]:before:content-['Secret']","top-secret":"fg-inverse-light bg-classification-top-secret [&:empty]:before:content-['Top_Secret']","ts-sci":"fg-inverse-light bg-classification-ts-sci [&:empty]:before:content-['Top_Secret/SCI']"}},defaultVariants:t});export{s as ClassificationBannerStyles,t as ClassificationBannerStylesDefaults};//# sourceMappingURL=styles.js.map
2
2
  //# sourceMappingURL=styles.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/classification-banner/styles.ts"],"names":["ClassificationBannerStylesDefaults","ClassificationBannerStyles","tv"],"mappings":"mCAcO,IAAMA,CAAAA,CAAqC,CAChD,OAAA,CAAS,SACX,CAAA,CAEaC,CAAAA,CAA6BC,GAAG,CAC3C,IAAA,CAAM,kFAAA,CACN,QAAA,CAAU,CACR,OAAA,CAAS,CAEP,OAAA,CACE,4EAAA,CACF,aACE,sFAAA,CACF,GAAA,CAAK,yEAAA,CACL,YAAA,CACE,4FACF,MAAA,CACE,+EAAA,CACF,YAAA,CACE,uFAAA,CACF,SACE,uFACJ,CACF,CAAA,CACA,eAAA,CAAiBF,CACnB,CAAC","file":"styles.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { tv } from 'tailwind-variants';\n\nexport const ClassificationBannerStylesDefaults = {\n variant: 'missing',\n} as const;\n\nexport const ClassificationBannerStyles = tv({\n base: 'flex select-none items-center justify-center font-medium text-header-m uppercase',\n variants: {\n variant: {\n // TODO: dont hard code these strings into the styles\n missing:\n \"fg-critical bg-classification-missing [&:empty]:before:content-['Missing']\",\n unclassified:\n \"fg-default-light bg-classification-unclass [&:empty]:before:content-['Unclassified']\",\n cui: \"fg-default-light bg-classification-cui [&:empty]:before:content-['CUI']\",\n confidential:\n \"fg-default-light bg-classification-confidential [&:empty]:before:content-['Confidential']\",\n secret:\n \"fg-default-light bg-classification-secret [&:empty]:before:content-['Secret']\",\n 'top-secret':\n \"fg-inverse-light bg-classification-top-secret [&:empty]:before:content-['Top_Secret']\",\n 'ts-sci':\n \"fg-inverse-light bg-classification-ts-sci [&:empty]:before:content-['Top_Secret/SCI']\",\n },\n },\n defaultVariants: ClassificationBannerStylesDefaults,\n});\n"]}
1
+ {"version":3,"sources":["../../../src/components/classification-banner/styles.ts"],"names":["ClassificationBannerStylesDefaults","ClassificationBannerStyles","tv"],"mappings":"mCAcO,MAAMA,CAAAA,CAAqC,CAChD,OAAA,CAAS,SACX,CAAA,CAEaC,CAAAA,CAA6BC,GAAG,CAC3C,IAAA,CAAM,kFAAA,CACN,QAAA,CAAU,CACR,OAAA,CAAS,CAEP,OAAA,CACE,4EAAA,CACF,aACE,sFAAA,CACF,GAAA,CAAK,yEAAA,CACL,YAAA,CACE,4FACF,MAAA,CACE,+EAAA,CACF,YAAA,CACE,uFAAA,CACF,SACE,uFACJ,CACF,CAAA,CACA,eAAA,CAAiBF,CACnB,CAAC","file":"styles.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { tv } from 'tailwind-variants';\n\nexport const ClassificationBannerStylesDefaults = {\n variant: 'missing',\n} as const;\n\nexport const ClassificationBannerStyles = tv({\n base: 'flex select-none items-center justify-center font-medium text-header-m uppercase',\n variants: {\n variant: {\n // TODO: dont hard code these strings into the styles\n missing:\n \"fg-critical bg-classification-missing [&:empty]:before:content-['Missing']\",\n unclassified:\n \"fg-default-light bg-classification-unclass [&:empty]:before:content-['Unclassified']\",\n cui: \"fg-default-light bg-classification-cui [&:empty]:before:content-['CUI']\",\n confidential:\n \"fg-default-light bg-classification-confidential [&:empty]:before:content-['Confidential']\",\n secret:\n \"fg-default-light bg-classification-secret [&:empty]:before:content-['Secret']\",\n 'top-secret':\n \"fg-inverse-light bg-classification-top-secret [&:empty]:before:content-['Top_Secret']\",\n 'ts-sci':\n \"fg-inverse-light bg-classification-ts-sci [&:empty]:before:content-['Top_Secret/SCI']\",\n },\n },\n defaultVariants: ClassificationBannerStylesDefaults,\n});\n"]}
@@ -1,9 +1,8 @@
1
- import { RefAttributes, PropsWithChildren, HTMLAttributes } from 'react';
1
+ import { ComponentPropsWithRef } from 'react';
2
2
  import { VariantProps } from 'tailwind-variants';
3
3
  import { ClassificationBannerStyles } from './styles.js';
4
4
 
5
5
  type ClassificationBannerStyleVariants = VariantProps<typeof ClassificationBannerStyles>;
6
- type ClassificationBannerProps = ClassificationBannerStyleVariants & RefAttributes<HTMLDivElement> & PropsWithChildren<HTMLAttributes<HTMLDivElement>>;
7
- type ClassificationBannerProviderProps = PropsWithChildren<ClassificationBannerProps>;
6
+ type ClassificationBannerProps = ClassificationBannerStyleVariants & ComponentPropsWithRef<'div'>;
8
7
 
9
- export type { ClassificationBannerProps, ClassificationBannerProviderProps, ClassificationBannerStyleVariants };
8
+ export type { ClassificationBannerProps, ClassificationBannerStyleVariants };
@@ -1,21 +1,51 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import { ForwardedRef } from 'react';
3
- import { ColorSwatchPickerProps, ColorSwatchPickerItemProps, Color } from 'react-aria-components';
2
+ import { ColorPickerProps } from './types.js';
3
+ import 'react';
4
+ import 'react-aria-components';
4
5
 
5
- interface ColorPickerState {
6
- /** The current color value of the color picker. */
7
- color: Color | null;
8
- /** Sets the current color value of the color picker. */
9
- setColor(color: Color | null): void;
10
- }
11
- declare function useColorPickerState(props: ColorSwatchPickerProps): ColorPickerState;
12
- interface ColorPickerProps extends ColorSwatchPickerProps {
13
- options: ColorSwatchPickerItemProps['color'][];
14
- ref?: ForwardedRef<HTMLDivElement>;
15
- }
16
- declare function ColorPicker({ options, className, ...props }: ColorPickerProps): react_jsx_runtime.JSX.Element;
6
+ /**
7
+ * A color picker component that renders a grid of color swatches for selection.
8
+ *
9
+ * This component provides a simple interface for users to select from a predefined
10
+ * set of colors. It renders each color as an interactive swatch that can be clicked
11
+ * to select that color. The component supports keyboard navigation, accessibility
12
+ * features, and fine-grained styling control through the classNames prop.
13
+ *
14
+ * @param items - Array of color values to display as selectable swatches
15
+ * @param classNames - Object containing CSS class names for fine-grained styling control
16
+ * @param classNames.picker - CSS class name for the main picker container
17
+ * @param classNames.item - CSS class name for individual swatch items
18
+ * @param classNames.swatch - CSS class name for the color swatch elements
19
+ *
20
+ * @example
21
+ * ```tsx
22
+ * const colors = [
23
+ * '#ff0000',
24
+ * '#00ff00',
25
+ * '#0000ff',
26
+ * ];
27
+ *
28
+ * <ColorPicker
29
+ * options={colors}
30
+ * value={'#ff0000'}
31
+ * onChange={(color) => console.log('Selected:', color)}
32
+ * classNames={{
33
+ * picker: 'gap-4',
34
+ * item: 'rounded-lg',
35
+ * swatch: 'w-8 h-8'
36
+ * }}
37
+ * />
38
+ * ```
39
+ *
40
+ * @remarks
41
+ * - Colors can be provided as Color objects or color strings
42
+ * - The component automatically handles color parsing and validation
43
+ * - Supports all accessibility features from react-aria-components
44
+ * - Uses a grid layout by default but can be customized via the layout prop
45
+ */
46
+ declare function ColorPicker({ classNames, items, ...rest }: ColorPickerProps): react_jsx_runtime.JSX.Element;
17
47
  declare namespace ColorPicker {
18
48
  var displayName: string;
19
49
  }
20
50
 
21
- export { ColorPicker, type ColorPickerProps, useColorPickerState };
51
+ export { ColorPicker };
@@ -1,2 +1,2 @@
1
- import {cn}from'./../../lib/utils.js';import {useControlledState}from'@react-stately/utils';import'client-only';import {createContext,useMemo,useContext,useEffect}from'react';import {ColorSwatch,parseColor,useContextProps,ColorSwatchPickerContext,ListBox,useLocale,ListBoxItem,ColorSwatchContext}from'react-aria-components';import {jsx}from'react/jsx-runtime';var C=o=>{if(typeof o=="string")try{return parseColor(o)}catch{return}return o};function A(o){let l=useMemo(()=>C(o.value),[o.value]),r=useMemo(()=>C(o.defaultValue||"#000000"),[o.defaultValue]),[e,t]=useControlledState(l||null,r,o.onChange);return {color:e,setColor(c){t(c);}}}function I({ref:o=null,color:l,...r}){let e=l||"#0000",t=useMemo(()=>typeof e=="string"?parseColor(e):e,[e]),{locale:c}=useLocale(),i=useContext(d);return useEffect(()=>{let s=t.toString("hexa");return i?.set(s,t),()=>{i?.delete(s);}},[t,i]),jsx(ListBoxItem,{...r,ref:o,id:t.toString("hexa"),textValue:t.getColorName(c),className:"w-fit outline-none outline outline-offset-1 hover:outline-interactive-hover hover:outline-solid focus:outline-interactive-hover focus:outline-solid data-selected:outline-highlight data-selected:outline-solid",children:jsx(ColorSwatchContext.Provider,{value:{color:t},children:r.children})})}var d=createContext(null);function L({ref:o=null,className:l,children:r,...e}){[e,o]=useContextProps(e,o,ColorSwatchPickerContext);let t=A(e),c=useMemo(()=>new Map,[]);return jsx(ListBox,{className:cn("flex flex-wrap gap-s",l),style:e.style,layout:e.layout||"grid",selectionMode:"single",selectedKeys:t.color?[t.color.toString("hexa")]:void 0,onSelectionChange:i=>{i!=="all"&&(i.size>0?t.setColor(c.get([...i][0])):t.setColor(null));},...e,children:jsx(d.Provider,{value:c,children:r})})}function M({options:o,className:l,...r}){return jsx(L,{className:cn("flex flex-wrap gap-s",l),...r,children:o.map(e=>jsx(I,{color:e,children:jsx(ColorSwatch,{className:"h-[16px] w-[16px]"})},e.toString()))})}M.displayName="ColorPicker";export{M as ColorPicker,A as useColorPickerState};//# sourceMappingURL=index.js.map
1
+ import {jsx}from'react/jsx-runtime';import'client-only';import {ColorSwatchPicker,composeRenderProps,ColorSwatchPickerItem,ColorSwatch}from'react-aria-components';import {ColorPickerStyles}from'./styles.js';const{picker:P,item:s,swatch:C}=ColorPickerStyles();function h({classNames:r,items:i,...p}){return jsx(ColorSwatchPicker,{...p,className:composeRenderProps(r?.picker,o=>P({className:o})),children:i.map(o=>jsx(ColorSwatchPickerItem,{className:composeRenderProps(r?.item,e=>s({className:e})),color:o,children:jsx(ColorSwatch,{className:composeRenderProps(r?.swatch,e=>C({className:e}))})},o.toString("hexa")))})}h.displayName="ColorPicker";export{h as ColorPicker};//# sourceMappingURL=index.js.map
2
2
  //# sourceMappingURL=index.js.map