@sk-web-gui/core 3.9.1 → 3.11.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 (287) hide show
  1. package/dist/cjs/aria-plugin.js +98 -43
  2. package/dist/cjs/aria-plugin.js.map +1 -1
  3. package/dist/cjs/base.js +55 -48
  4. package/dist/cjs/base.js.map +1 -1
  5. package/dist/cjs/colors.js +676 -599
  6. package/dist/cjs/colors.js.map +1 -1
  7. package/dist/cjs/components/accordion.js +203 -196
  8. package/dist/cjs/components/accordion.js.map +1 -1
  9. package/dist/cjs/components/ai/ai-corner-module.js +335 -278
  10. package/dist/cjs/components/ai/ai-corner-module.js.map +1 -1
  11. package/dist/cjs/components/ai/ai-feed.js +70 -63
  12. package/dist/cjs/components/ai/ai-feed.js.map +1 -1
  13. package/dist/cjs/components/ai/ai-service-module.js +218 -160
  14. package/dist/cjs/components/ai/ai-service-module.js.map +1 -1
  15. package/dist/cjs/components/ai/assistant-presentation.js +62 -55
  16. package/dist/cjs/components/ai/assistant-presentation.js.map +1 -1
  17. package/dist/cjs/components/ai/assistant-switch.js +54 -47
  18. package/dist/cjs/components/ai/assistant-switch.js.map +1 -1
  19. package/dist/cjs/components/ai/bubble.js +123 -66
  20. package/dist/cjs/components/ai/bubble.js.map +1 -1
  21. package/dist/cjs/components/ai/feedback.js +37 -30
  22. package/dist/cjs/components/ai/feedback.js.map +1 -1
  23. package/dist/cjs/components/ai/input-section.js +31 -24
  24. package/dist/cjs/components/ai/input-section.js.map +1 -1
  25. package/dist/cjs/components/ai/markdown-rendered.js +30 -23
  26. package/dist/cjs/components/ai/markdown-rendered.js.map +1 -1
  27. package/dist/cjs/components/ai/new-session-button.js +26 -19
  28. package/dist/cjs/components/ai/new-session-button.js.map +1 -1
  29. package/dist/cjs/components/ai/typing-bubble.js +28 -21
  30. package/dist/cjs/components/ai/typing-bubble.js.map +1 -1
  31. package/dist/cjs/components/ai/typing-sequence.js +87 -30
  32. package/dist/cjs/components/ai/typing-sequence.js.map +1 -1
  33. package/dist/cjs/components/avatar.js +101 -43
  34. package/dist/cjs/components/avatar.js.map +1 -1
  35. package/dist/cjs/components/badge.js +90 -32
  36. package/dist/cjs/components/badge.js.map +1 -1
  37. package/dist/cjs/components/breadcrumb.js +47 -27
  38. package/dist/cjs/components/breadcrumb.js.map +1 -1
  39. package/dist/cjs/components/button-group.js +35 -28
  40. package/dist/cjs/components/button-group.js.map +1 -1
  41. package/dist/cjs/components/button.js +290 -237
  42. package/dist/cjs/components/button.js.map +1 -1
  43. package/dist/cjs/components/callout.js +92 -35
  44. package/dist/cjs/components/callout.js.map +1 -1
  45. package/dist/cjs/components/card.js +273 -209
  46. package/dist/cjs/components/card.js.map +1 -1
  47. package/dist/cjs/components/checkbox.js +137 -113
  48. package/dist/cjs/components/checkbox.js.map +1 -1
  49. package/dist/cjs/components/chip.js +47 -40
  50. package/dist/cjs/components/chip.js.map +1 -1
  51. package/dist/cjs/components/code.js +19 -12
  52. package/dist/cjs/components/code.js.map +1 -1
  53. package/dist/cjs/components/combobox.js +97 -91
  54. package/dist/cjs/components/combobox.js.map +1 -1
  55. package/dist/cjs/components/cookie-consent.js +51 -46
  56. package/dist/cjs/components/cookie-consent.js.map +1 -1
  57. package/dist/cjs/components/dialog.js +78 -21
  58. package/dist/cjs/components/dialog.js.map +1 -1
  59. package/dist/cjs/components/divider.js +60 -53
  60. package/dist/cjs/components/divider.js.map +1 -1
  61. package/dist/cjs/components/dot.js +111 -56
  62. package/dist/cjs/components/dot.js.map +1 -1
  63. package/dist/cjs/components/file-upload.js +221 -214
  64. package/dist/cjs/components/file-upload.js.map +1 -1
  65. package/dist/cjs/components/filter.js +24 -17
  66. package/dist/cjs/components/filter.js.map +1 -1
  67. package/dist/cjs/components/footer.js +41 -34
  68. package/dist/cjs/components/footer.js.map +1 -1
  69. package/dist/cjs/components/forms.js +34 -27
  70. package/dist/cjs/components/forms.js.map +1 -1
  71. package/dist/cjs/components/header.js +38 -31
  72. package/dist/cjs/components/header.js.map +1 -1
  73. package/dist/cjs/components/icon.js +113 -55
  74. package/dist/cjs/components/icon.js.map +1 -1
  75. package/dist/cjs/components/input.js +285 -219
  76. package/dist/cjs/components/input.js.map +1 -1
  77. package/dist/cjs/components/kbd.js +17 -12
  78. package/dist/cjs/components/kbd.js.map +1 -1
  79. package/dist/cjs/components/label.js +93 -35
  80. package/dist/cjs/components/label.js.map +1 -1
  81. package/dist/cjs/components/link.js +59 -52
  82. package/dist/cjs/components/link.js.map +1 -1
  83. package/dist/cjs/components/list.js +63 -56
  84. package/dist/cjs/components/list.js.map +1 -1
  85. package/dist/cjs/components/logo.js +58 -51
  86. package/dist/cjs/components/logo.js.map +1 -1
  87. package/dist/cjs/components/menu-vertical.js +243 -204
  88. package/dist/cjs/components/menu-vertical.js.map +1 -1
  89. package/dist/cjs/components/menubar.js +100 -42
  90. package/dist/cjs/components/menubar.js.map +1 -1
  91. package/dist/cjs/components/modal.js +58 -51
  92. package/dist/cjs/components/modal.js.map +1 -1
  93. package/dist/cjs/components/pagination.js +108 -101
  94. package/dist/cjs/components/pagination.js.map +1 -1
  95. package/dist/cjs/components/popup-menu.js +148 -144
  96. package/dist/cjs/components/popup-menu.js.map +1 -1
  97. package/dist/cjs/components/progress-bar.js +80 -24
  98. package/dist/cjs/components/progress-bar.js.map +1 -1
  99. package/dist/cjs/components/progress-stepper.js +80 -73
  100. package/dist/cjs/components/progress-stepper.js.map +1 -1
  101. package/dist/cjs/components/radio.js +140 -134
  102. package/dist/cjs/components/radio.js.map +1 -1
  103. package/dist/cjs/components/search-field.js +44 -37
  104. package/dist/cjs/components/search-field.js.map +1 -1
  105. package/dist/cjs/components/select.js +256 -182
  106. package/dist/cjs/components/select.js.map +1 -1
  107. package/dist/cjs/components/snackbar.js +40 -33
  108. package/dist/cjs/components/snackbar.js.map +1 -1
  109. package/dist/cjs/components/spinner.js +80 -23
  110. package/dist/cjs/components/spinner.js.map +1 -1
  111. package/dist/cjs/components/switch.js +89 -66
  112. package/dist/cjs/components/switch.js.map +1 -1
  113. package/dist/cjs/components/table.js +297 -236
  114. package/dist/cjs/components/table.js.map +1 -1
  115. package/dist/cjs/components/tabs.js +124 -16
  116. package/dist/cjs/components/tabs.js.map +1 -1
  117. package/dist/cjs/components/tooltip.js +68 -61
  118. package/dist/cjs/components/tooltip.js.map +1 -1
  119. package/dist/cjs/components/user-menu.js +24 -17
  120. package/dist/cjs/components/user-menu.js.map +1 -1
  121. package/dist/cjs/components.js +377 -177
  122. package/dist/cjs/components.js.map +1 -1
  123. package/dist/cjs/data-plugin.js +64 -26
  124. package/dist/cjs/data-plugin.js.map +1 -1
  125. package/dist/cjs/fonts.js +17 -10
  126. package/dist/cjs/fonts.js.map +1 -1
  127. package/dist/cjs/index.js +36 -12
  128. package/dist/cjs/index.js.map +1 -1
  129. package/dist/cjs/plugin.js +136 -54
  130. package/dist/cjs/plugin.js.map +1 -1
  131. package/dist/cjs/preset.js +161 -25
  132. package/dist/cjs/preset.js.map +1 -1
  133. package/dist/cjs/theme.js +198 -137
  134. package/dist/cjs/theme.js.map +1 -1
  135. package/dist/cjs/units.js +412 -288
  136. package/dist/cjs/units.js.map +1 -1
  137. package/dist/cjs/with-opacity.js +16 -9
  138. package/dist/cjs/with-opacity.js.map +1 -1
  139. package/dist/esm/aria-plugin.js +83 -38
  140. package/dist/esm/aria-plugin.js.map +1 -1
  141. package/dist/esm/base.js +45 -44
  142. package/dist/esm/base.js.map +1 -1
  143. package/dist/esm/colors.js +667 -596
  144. package/dist/esm/colors.js.map +1 -1
  145. package/dist/esm/components/accordion.js +198 -195
  146. package/dist/esm/components/accordion.js.map +1 -1
  147. package/dist/esm/components/ai/ai-corner-module.js +327 -275
  148. package/dist/esm/components/ai/ai-corner-module.js.map +1 -1
  149. package/dist/esm/components/ai/ai-feed.js +63 -60
  150. package/dist/esm/components/ai/ai-feed.js.map +1 -1
  151. package/dist/esm/components/ai/ai-service-module.js +211 -167
  152. package/dist/esm/components/ai/ai-service-module.js.map +1 -1
  153. package/dist/esm/components/ai/assistant-presentation.js +54 -51
  154. package/dist/esm/components/ai/assistant-presentation.js.map +1 -1
  155. package/dist/esm/components/ai/assistant-switch.js +47 -44
  156. package/dist/esm/components/ai/assistant-switch.js.map +1 -1
  157. package/dist/esm/components/ai/bubble.js +112 -82
  158. package/dist/esm/components/ai/bubble.js.map +1 -1
  159. package/dist/esm/components/ai/feedback.js +29 -26
  160. package/dist/esm/components/ai/feedback.js.map +1 -1
  161. package/dist/esm/components/ai/input-section.js +24 -21
  162. package/dist/esm/components/ai/input-section.js.map +1 -1
  163. package/dist/esm/components/ai/markdown-rendered.js +23 -20
  164. package/dist/esm/components/ai/markdown-rendered.js.map +1 -1
  165. package/dist/esm/components/ai/new-session-button.js +19 -16
  166. package/dist/esm/components/ai/new-session-button.js.map +1 -1
  167. package/dist/esm/components/ai/typing-bubble.js +21 -18
  168. package/dist/esm/components/ai/typing-bubble.js.map +1 -1
  169. package/dist/esm/components/ai/typing-sequence.js +80 -32
  170. package/dist/esm/components/ai/typing-sequence.js.map +1 -1
  171. package/dist/esm/components/avatar.js +91 -41
  172. package/dist/esm/components/avatar.js.map +1 -1
  173. package/dist/esm/components/badge.js +80 -29
  174. package/dist/esm/components/badge.js.map +1 -1
  175. package/dist/esm/components/breadcrumb.js +38 -27
  176. package/dist/esm/components/breadcrumb.js.map +1 -1
  177. package/dist/esm/components/button-group.js +28 -25
  178. package/dist/esm/components/button-group.js.map +1 -1
  179. package/dist/esm/components/button.js +283 -255
  180. package/dist/esm/components/button.js.map +1 -1
  181. package/dist/esm/components/callout.js +82 -31
  182. package/dist/esm/components/callout.js.map +1 -1
  183. package/dist/esm/components/card.js +262 -235
  184. package/dist/esm/components/card.js.map +1 -1
  185. package/dist/esm/components/checkbox.js +130 -110
  186. package/dist/esm/components/checkbox.js.map +1 -1
  187. package/dist/esm/components/chip.js +40 -37
  188. package/dist/esm/components/chip.js.map +1 -1
  189. package/dist/esm/components/code.js +12 -9
  190. package/dist/esm/components/code.js.map +1 -1
  191. package/dist/esm/components/combobox.js +89 -87
  192. package/dist/esm/components/combobox.js.map +1 -1
  193. package/dist/esm/components/cookie-consent.js +43 -42
  194. package/dist/esm/components/cookie-consent.js.map +1 -1
  195. package/dist/esm/components/dialog.js +70 -18
  196. package/dist/esm/components/dialog.js.map +1 -1
  197. package/dist/esm/components/divider.js +52 -49
  198. package/dist/esm/components/divider.js.map +1 -1
  199. package/dist/esm/components/dot.js +104 -56
  200. package/dist/esm/components/dot.js.map +1 -1
  201. package/dist/esm/components/file-upload.js +214 -211
  202. package/dist/esm/components/file-upload.js.map +1 -1
  203. package/dist/esm/components/filter.js +17 -14
  204. package/dist/esm/components/filter.js.map +1 -1
  205. package/dist/esm/components/footer.js +33 -30
  206. package/dist/esm/components/footer.js.map +1 -1
  207. package/dist/esm/components/forms.js +27 -24
  208. package/dist/esm/components/forms.js.map +1 -1
  209. package/dist/esm/components/header.js +31 -28
  210. package/dist/esm/components/header.js.map +1 -1
  211. package/dist/esm/components/icon.js +103 -54
  212. package/dist/esm/components/icon.js.map +1 -1
  213. package/dist/esm/components/input.js +278 -216
  214. package/dist/esm/components/input.js.map +1 -1
  215. package/dist/esm/components/kbd.js +10 -9
  216. package/dist/esm/components/kbd.js.map +1 -1
  217. package/dist/esm/components/label.js +83 -35
  218. package/dist/esm/components/label.js.map +1 -1
  219. package/dist/esm/components/link.js +52 -49
  220. package/dist/esm/components/link.js.map +1 -1
  221. package/dist/esm/components/list.js +55 -52
  222. package/dist/esm/components/list.js.map +1 -1
  223. package/dist/esm/components/logo.js +51 -48
  224. package/dist/esm/components/logo.js.map +1 -1
  225. package/dist/esm/components/menu-vertical.js +233 -199
  226. package/dist/esm/components/menu-vertical.js.map +1 -1
  227. package/dist/esm/components/menubar.js +92 -45
  228. package/dist/esm/components/menubar.js.map +1 -1
  229. package/dist/esm/components/modal.js +50 -47
  230. package/dist/esm/components/modal.js.map +1 -1
  231. package/dist/esm/components/pagination.js +101 -98
  232. package/dist/esm/components/pagination.js.map +1 -1
  233. package/dist/esm/components/popup-menu.js +142 -142
  234. package/dist/esm/components/popup-menu.js.map +1 -1
  235. package/dist/esm/components/progress-bar.js +69 -21
  236. package/dist/esm/components/progress-bar.js.map +1 -1
  237. package/dist/esm/components/progress-stepper.js +72 -69
  238. package/dist/esm/components/progress-stepper.js.map +1 -1
  239. package/dist/esm/components/radio.js +132 -130
  240. package/dist/esm/components/radio.js.map +1 -1
  241. package/dist/esm/components/search-field.js +37 -34
  242. package/dist/esm/components/search-field.js.map +1 -1
  243. package/dist/esm/components/select.js +250 -180
  244. package/dist/esm/components/select.js.map +1 -1
  245. package/dist/esm/components/snackbar.js +33 -30
  246. package/dist/esm/components/snackbar.js.map +1 -1
  247. package/dist/esm/components/spinner.js +70 -18
  248. package/dist/esm/components/spinner.js.map +1 -1
  249. package/dist/esm/components/switch.js +80 -70
  250. package/dist/esm/components/switch.js.map +1 -1
  251. package/dist/esm/components/table.js +292 -236
  252. package/dist/esm/components/table.js.map +1 -1
  253. package/dist/esm/components/tabs.js +118 -14
  254. package/dist/esm/components/tabs.js.map +1 -1
  255. package/dist/esm/components/tooltip.js +61 -58
  256. package/dist/esm/components/tooltip.js.map +1 -1
  257. package/dist/esm/components/user-menu.js +17 -14
  258. package/dist/esm/components/user-menu.js.map +1 -1
  259. package/dist/esm/components.js +404 -206
  260. package/dist/esm/components.js.map +1 -1
  261. package/dist/esm/data-plugin.js +49 -23
  262. package/dist/esm/data-plugin.js.map +1 -1
  263. package/dist/esm/fonts.js +7 -6
  264. package/dist/esm/fonts.js.map +1 -1
  265. package/dist/esm/index.js +5 -4
  266. package/dist/esm/index.js.map +1 -1
  267. package/dist/esm/plugin.js +114 -46
  268. package/dist/esm/plugin.js.map +1 -1
  269. package/dist/esm/preset.js +104 -17
  270. package/dist/esm/preset.js.map +1 -1
  271. package/dist/esm/theme.js +187 -139
  272. package/dist/esm/theme.js.map +1 -1
  273. package/dist/esm/units.js +402 -284
  274. package/dist/esm/units.js.map +1 -1
  275. package/dist/esm/with-opacity.js +6 -7
  276. package/dist/esm/with-opacity.js.map +1 -1
  277. package/dist/types/colors.d.ts +70 -0
  278. package/dist/types/components/checkbox.d.ts +23 -7
  279. package/dist/types/components/combobox.d.ts +1 -2
  280. package/dist/types/components/input.d.ts +29 -34
  281. package/dist/types/components/popup-menu.d.ts +3 -6
  282. package/dist/types/components/radio.d.ts +27 -29
  283. package/dist/types/components/select.d.ts +24 -23
  284. package/dist/types/components/switch.d.ts +9 -8
  285. package/dist/types/components/tabs.d.ts +45 -3
  286. package/dist/types/preset.d.ts +1 -1
  287. package/package.json +17 -14
package/dist/esm/theme.js CHANGED
@@ -1,148 +1,196 @@
1
- function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
2
- import withOpacity from './with-opacity';
3
- import { colors } from './colors';
4
- import { units } from './units';
1
+ function _define_property(obj, key, value) {
2
+ if (key in obj) {
3
+ Object.defineProperty(obj, key, {
4
+ value: value,
5
+ enumerable: true,
6
+ configurable: true,
7
+ writable: true
8
+ });
9
+ } else {
10
+ obj[key] = value;
11
+ }
12
+ return obj;
13
+ }
14
+ function _object_spread(target) {
15
+ for(var i = 1; i < arguments.length; i++){
16
+ var source = arguments[i] != null ? arguments[i] : {};
17
+ var ownKeys = Object.keys(source);
18
+ if (typeof Object.getOwnPropertySymbols === "function") {
19
+ ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
20
+ return Object.getOwnPropertyDescriptor(source, sym).enumerable;
21
+ }));
22
+ }
23
+ ownKeys.forEach(function(key) {
24
+ _define_property(target, key, source[key]);
25
+ });
26
+ }
27
+ return target;
28
+ }
29
+ function ownKeys(object, enumerableOnly) {
30
+ var keys = Object.keys(object);
31
+ if (Object.getOwnPropertySymbols) {
32
+ var symbols = Object.getOwnPropertySymbols(object);
33
+ if (enumerableOnly) {
34
+ symbols = symbols.filter(function(sym) {
35
+ return Object.getOwnPropertyDescriptor(object, sym).enumerable;
36
+ });
37
+ }
38
+ keys.push.apply(keys, symbols);
39
+ }
40
+ return keys;
41
+ }
42
+ function _object_spread_props(target, source) {
43
+ source = source != null ? source : {};
44
+ if (Object.getOwnPropertyDescriptors) {
45
+ Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
46
+ } else {
47
+ ownKeys(Object(source)).forEach(function(key) {
48
+ Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
49
+ });
50
+ }
51
+ return target;
52
+ }
53
+ import withOpacity from './with-opacity.js';
54
+ import { colors } from './colors.js';
55
+ import { units } from './units.js';
5
56
  import { screens } from '@sk-web-gui/theme';
6
- import { fonts } from './fonts';
57
+ import { fonts } from './fonts.js';
7
58
  var theme = {
8
- extend: {
9
- containers: Object.keys(screens).reduce((containers, screenKey, index) => _extends({}, containers, {
10
- ["screen-" + screenKey]: Object.values(screens)[index]
11
- }), {}),
12
- fontSize: _extends({}, units.fontSizes, {
13
- tiny: 'var(--sk-spacing-10)',
14
- xs: 'var(--sk-spacing-12)',
15
- xl: units.fontSizes['h4'],
16
- '2xl': units.fontSizes['h3'],
17
- '3xl': units.fontSizes['h2'],
18
- '4xl': units.fontSizes['h1'],
19
- '5xl': units.fontSizes['h3']
20
- }),
21
- fontFamily: _extends({}, fonts),
22
- screens,
23
- borderRadius: _extends({}, units.radius, {
24
- base: 'var(--sk-spacing-0)'
25
- }),
26
- backgroundPosition: _extends({}, Object.keys(units.spacing).reduce((positions, spaceKey) => _extends({}, positions, {
27
- ["top-" + spaceKey]: "center top " + units.spacing[spaceKey],
28
- ["right-" + spaceKey]: "center right " + units.spacing[spaceKey],
29
- ["bottom-" + spaceKey]: "center bottom " + units.spacing[spaceKey],
30
- ["left-" + spaceKey]: "center left " + units.spacing[spaceKey]
31
- }), {})),
32
- boxShadow: {
33
- '50': "\n 0 0 3px 0 rgba(10, 12, 15, 0.08),\n 0 1px 8px 0 rgba(10, 12, 15, 0.13)\n ",
34
- '100': "\n 0 6px 16px 0 rgba(13,13,14, 0.07),\n 0 1.81px 12px 0 rgba(13,13,14, 0.15),\n 0 0.75px 2px 0 rgba(13,13,14, 0.085),\n 0 0.27px 0.72px 0 rgba(13,13,14, 0.0583)\n ",
35
- '200': "\n 0 0 2px 0 rgba(13,13,14, 0.15),\n 0 15px 27px 0 rgba(13,13,14, 0.1),\n 0 4.52px 8.14px 0 rgba(13,13,14, 0.06),\n 0 1.88px 3.38px 0 rgba(13,13,14, 0.03),\n 0 0.68px 1.22px 0 rgba(13,13,14, 0.02)\n ",
36
- insetring: "0 0 0 0.25rem " + colors.ring + " inset"
37
- },
38
- ringColor: _extends({
39
- DEFAULT: colors.ring
40
- }, colors),
41
- ringOffsetWidth: _extends({
42
- DEFAULT: 'var(--sk-spacing-2)'
43
- }, units.spacing),
44
- ringWidth: {
45
- DEFAULT: 'var(--sk-spacing-3)',
46
- 0: '0px'
47
- },
48
- ringOpacity: {
49
- DEFAULT: '1'
50
- },
51
- colors: _extends({}, colors, {
52
- current: 'currentColor',
53
- gray: _extends({
54
- DEFAULT: colors.primitives.gray[600],
55
- stroke: colors.divider,
56
- middle: colors.primitives.gray[600],
57
- light: colors.primitives.gray[300],
58
- lighter: colors.primitives.gray[200]
59
- }, colors.primitives.gray),
60
- hover: colors.primitives.gray[600],
61
- background: _extends({}, colors.background, {
62
- one: colors.background[100],
63
- two: colors.background[200]
64
- })
65
- }),
66
- cursor: {
67
- base: 'var(--tw-cursor)'
68
- },
69
- spacing: _extends({}, units.spacing, Object.keys(units.spacing).reduce((smallerSpacings, spacingkey) => _extends({}, smallerSpacings, {
70
- [spacingkey + "-1"]: "calc(" + units.spacing[spacingkey] + " - var(--sk-spacing-1))",
71
- [spacingkey + "-2"]: "calc(" + units.spacing[spacingkey] + " - var(--sk-spacing-2))",
72
- [spacingkey + "+1"]: "calc(" + units.spacing[spacingkey] + " + var(--sk-spacing-1))",
73
- [spacingkey + "+2"]: "calc(" + units.spacing[spacingkey] + " + var(--sk-spacing-2))"
74
- }), {}), {
75
- xs: units.spacing[4],
76
- sm: units.spacing[8],
77
- md: units.spacing[16],
78
- lg: units.spacing[24],
79
- xl: units.spacing[48]
80
- }),
81
- maxWidth: {
82
- content: screens['desktop-max']
83
- },
84
- lineHeight: _extends({}, units.lineHeights, units.spacing, {
85
- xs: 'var(-sk-spacing-16)',
86
- xl: units.lineHeights['h4'],
87
- '2xl': units.lineHeights['h3'],
88
- '3xl': units.lineHeights['h2'],
89
- '4xl': units.lineHeights['h1'],
90
- '5xl': units.lineHeights['display-3']
91
- }),
92
- opacity: {
93
- '15': '0.15'
94
- },
95
- borderWidth: _extends({
96
- DEFAULT: 'var(--sk-spacing-2)'
97
- }, units.spacing),
98
- backgroundColor: {
99
- base: withOpacity('--sk-colors-primary-surface'),
100
- fill: withOpacity('--sk-colors-bg-fill')
101
- },
102
- textColor: {
103
- foreground: withOpacity('--sk-colors-primary-DEFAULT'),
104
- muted: withOpacity('--sk-colors-xt-muted')
105
- },
106
- zIndex: {
107
- hide: '-1',
108
- none: '0',
109
- base: '1',
110
- docked: '10',
111
- dropdown: '1000',
112
- sticky: '1100',
113
- banner: '1200',
114
- overlay: '1300',
115
- modal: '1400',
116
- popover: '1500',
117
- skipLink: '1600',
118
- toast: '1700',
119
- tooltip: '1800'
120
- },
121
- keyframes: {
122
- 'reset-overflow': {
123
- 'from, to': {
124
- overflow: 'hidden'
125
- }
126
- },
127
- typingbounce: {
128
- '0%': {
129
- transform: 'translateY(0)'
59
+ extend: {
60
+ containers: Object.keys(screens).reduce(function(containers, screenKey, index) {
61
+ return _object_spread_props(_object_spread({}, containers), _define_property({}, "screen-".concat(screenKey), Object.values(screens)[index]));
62
+ }, {}),
63
+ fontSize: _object_spread_props(_object_spread({}, units.fontSizes), {
64
+ tiny: 'var(--sk-spacing-10)',
65
+ xs: 'var(--sk-spacing-12)',
66
+ xl: units.fontSizes['h4'],
67
+ '2xl': units.fontSizes['h3'],
68
+ '3xl': units.fontSizes['h2'],
69
+ '4xl': units.fontSizes['h1'],
70
+ '5xl': units.fontSizes['h3']
71
+ }),
72
+ fontFamily: _object_spread({}, fonts),
73
+ screens: screens,
74
+ borderRadius: _object_spread_props(_object_spread({}, units.radius), {
75
+ base: 'var(--sk-spacing-0)'
76
+ }),
77
+ backgroundPosition: _object_spread({}, Object.keys(units.spacing).reduce(function(positions, spaceKey) {
78
+ var _obj;
79
+ return _object_spread_props(_object_spread({}, positions), (_obj = {}, _define_property(_obj, "top-".concat(spaceKey), "center top ".concat(units.spacing[spaceKey])), _define_property(_obj, "right-".concat(spaceKey), "center right ".concat(units.spacing[spaceKey])), _define_property(_obj, "bottom-".concat(spaceKey), "center bottom ".concat(units.spacing[spaceKey])), _define_property(_obj, "left-".concat(spaceKey), "center left ".concat(units.spacing[spaceKey])), _obj));
80
+ }, {})),
81
+ boxShadow: {
82
+ '50': "\n 0 0 3px 0 rgba(10, 12, 15, 0.08),\n 0 1px 8px 0 rgba(10, 12, 15, 0.13)\n ",
83
+ '100': "\n 0 6px 16px 0 rgba(13,13,14, 0.07),\n 0 1.81px 12px 0 rgba(13,13,14, 0.15),\n 0 0.75px 2px 0 rgba(13,13,14, 0.085),\n 0 0.27px 0.72px 0 rgba(13,13,14, 0.0583)\n ",
84
+ '200': "\n 0 0 2px 0 rgba(13,13,14, 0.15),\n 0 15px 27px 0 rgba(13,13,14, 0.1),\n 0 4.52px 8.14px 0 rgba(13,13,14, 0.06),\n 0 1.88px 3.38px 0 rgba(13,13,14, 0.03),\n 0 0.68px 1.22px 0 rgba(13,13,14, 0.02)\n ",
85
+ insetring: "0 0 0 0.25rem ".concat(colors.ring, " inset")
86
+ },
87
+ ringColor: _object_spread({
88
+ DEFAULT: colors.ring
89
+ }, colors),
90
+ ringOffsetWidth: _object_spread({
91
+ DEFAULT: 'var(--sk-spacing-2)'
92
+ }, units.spacing),
93
+ ringWidth: {
94
+ DEFAULT: 'var(--sk-spacing-3)',
95
+ 0: '0px'
96
+ },
97
+ ringOpacity: {
98
+ DEFAULT: '1'
99
+ },
100
+ colors: _object_spread_props(_object_spread({}, colors), {
101
+ current: 'currentColor',
102
+ gray: _object_spread({
103
+ DEFAULT: colors.primitives.gray[600],
104
+ stroke: colors.divider,
105
+ middle: colors.primitives.gray[600],
106
+ light: colors.primitives.gray[300],
107
+ lighter: colors.primitives.gray[200]
108
+ }, colors.primitives.gray),
109
+ hover: colors.primitives.gray[600],
110
+ background: _object_spread_props(_object_spread({}, colors.background), {
111
+ one: colors.background[100],
112
+ two: colors.background[200]
113
+ })
114
+ }),
115
+ cursor: {
116
+ base: 'var(--tw-cursor)'
117
+ },
118
+ spacing: _object_spread_props(_object_spread({}, units.spacing, Object.keys(units.spacing).reduce(function(smallerSpacings, spacingkey) {
119
+ var _obj;
120
+ return _object_spread_props(_object_spread({}, smallerSpacings), (_obj = {}, _define_property(_obj, "".concat(spacingkey, "-1"), "calc(".concat(units.spacing[spacingkey], " - var(--sk-spacing-1))")), _define_property(_obj, "".concat(spacingkey, "-2"), "calc(".concat(units.spacing[spacingkey], " - var(--sk-spacing-2))")), _define_property(_obj, "".concat(spacingkey, "+1"), "calc(".concat(units.spacing[spacingkey], " + var(--sk-spacing-1))")), _define_property(_obj, "".concat(spacingkey, "+2"), "calc(".concat(units.spacing[spacingkey], " + var(--sk-spacing-2))")), _obj));
121
+ }, {})), {
122
+ xs: units.spacing[4],
123
+ sm: units.spacing[8],
124
+ md: units.spacing[16],
125
+ lg: units.spacing[24],
126
+ xl: units.spacing[48]
127
+ }),
128
+ maxWidth: {
129
+ content: screens['desktop-max']
130
+ },
131
+ lineHeight: _object_spread_props(_object_spread({}, units.lineHeights, units.spacing), {
132
+ xs: 'var(-sk-spacing-16)',
133
+ xl: units.lineHeights['h4'],
134
+ '2xl': units.lineHeights['h3'],
135
+ '3xl': units.lineHeights['h2'],
136
+ '4xl': units.lineHeights['h1'],
137
+ '5xl': units.lineHeights['display-3']
138
+ }),
139
+ opacity: {
140
+ '15': '0.15'
141
+ },
142
+ borderWidth: _object_spread({
143
+ DEFAULT: 'var(--sk-spacing-2)'
144
+ }, units.spacing),
145
+ backgroundColor: {
146
+ base: withOpacity('--sk-colors-primary-surface'),
147
+ fill: withOpacity('--sk-colors-bg-fill')
148
+ },
149
+ textColor: {
150
+ foreground: withOpacity('--sk-colors-primary-DEFAULT'),
151
+ muted: withOpacity('--sk-colors-xt-muted')
152
+ },
153
+ zIndex: {
154
+ hide: '-1',
155
+ none: '0',
156
+ base: '1',
157
+ docked: '10',
158
+ dropdown: '1000',
159
+ sticky: '1100',
160
+ banner: '1200',
161
+ overlay: '1300',
162
+ modal: '1400',
163
+ popover: '1500',
164
+ skipLink: '1600',
165
+ toast: '1700',
166
+ tooltip: '1800'
130
167
  },
131
- '10%': {
132
- transform: 'translateY(-0.8rem)'
168
+ keyframes: {
169
+ 'reset-overflow': {
170
+ 'from, to': {
171
+ overflow: 'hidden'
172
+ }
173
+ },
174
+ typingbounce: {
175
+ '0%': {
176
+ transform: 'translateY(0)'
177
+ },
178
+ '10%': {
179
+ transform: 'translateY(-0.8rem)'
180
+ },
181
+ '20%, 100%': {
182
+ transform: 'translateY(0rem)'
183
+ }
184
+ }
133
185
  },
134
- '20%, 100%': {
135
- transform: 'translateY(0rem)'
186
+ animation: {
187
+ 'reset-overflow': 'reset-overflow 180ms backwards',
188
+ 'typing-bounce-1': 'typingbounce 1.5s ease-in-out 600ms infinite',
189
+ 'typing-bounce-2': 'typingbounce 1.5s ease-in-out 800ms infinite',
190
+ 'typing-bounce-3': 'typingbounce 1.5s ease-in-out 1s infinite'
136
191
  }
137
- }
138
- },
139
- animation: {
140
- 'reset-overflow': 'reset-overflow 180ms backwards',
141
- 'typing-bounce-1': 'typingbounce 1.5s ease-in-out 600ms infinite',
142
- 'typing-bounce-2': 'typingbounce 1.5s ease-in-out 800ms infinite',
143
- 'typing-bounce-3': 'typingbounce 1.5s ease-in-out 1s infinite'
144
192
  }
145
- }
146
193
  };
147
194
  export { theme };
195
+
148
196
  //# sourceMappingURL=theme.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"theme.js","names":["withOpacity","colors","units","screens","fonts","theme","extend","containers","Object","keys","reduce","screenKey","index","_extends","values","fontSize","fontSizes","tiny","xs","xl","fontFamily","borderRadius","radius","base","backgroundPosition","spacing","positions","spaceKey","boxShadow","insetring","ring","ringColor","DEFAULT","ringOffsetWidth","ringWidth","ringOpacity","current","gray","primitives","stroke","divider","middle","light","lighter","hover","background","one","two","cursor","smallerSpacings","spacingkey","sm","md","lg","maxWidth","content","lineHeight","lineHeights","opacity","borderWidth","backgroundColor","fill","textColor","foreground","muted","zIndex","hide","none","docked","dropdown","sticky","banner","overlay","modal","popover","skipLink","toast","tooltip","keyframes","overflow","typingbounce","transform","animation"],"sources":["../../src/theme.ts"],"sourcesContent":["import withOpacity from './with-opacity';\r\nimport { colors } from './colors';\r\nimport { units } from './units';\r\nimport { RecursiveObject, screens } from '@sk-web-gui/theme';\r\nimport { Config } from 'tailwindcss/types/config';\r\nimport { fonts } from './fonts';\r\n\r\nconst theme: RecursiveObject<Config['theme'] | string | string[]> = {\r\n extend: {\r\n containers: Object.keys(screens).reduce(\r\n (containers, screenKey, index) => ({ ...containers, [`screen-${screenKey}`]: Object.values(screens)[index] }),\r\n {}\r\n ),\r\n fontSize: {\r\n ...units.fontSizes,\r\n\r\n tiny: 'var(--sk-spacing-10)',\r\n xs: 'var(--sk-spacing-12)',\r\n xl: units.fontSizes['h4'],\r\n '2xl': units.fontSizes['h3'],\r\n '3xl': units.fontSizes['h2'],\r\n '4xl': units.fontSizes['h1'],\r\n '5xl': units.fontSizes['h3'],\r\n },\r\n fontFamily: {\r\n ...fonts,\r\n },\r\n screens,\r\n borderRadius: {\r\n ...units.radius,\r\n base: 'var(--sk-spacing-0)',\r\n },\r\n backgroundPosition: {\r\n ...(Object.keys(units.spacing) as Array<keyof typeof units.spacing>).reduce(\r\n (positions, spaceKey) => ({\r\n ...positions,\r\n [`top-${spaceKey}`]: `center top ${units.spacing[spaceKey]}`,\r\n [`right-${spaceKey}`]: `center right ${units.spacing[spaceKey]}`,\r\n [`bottom-${spaceKey}`]: `center bottom ${units.spacing[spaceKey]}`,\r\n [`left-${spaceKey}`]: `center left ${units.spacing[spaceKey]}`,\r\n }),\r\n {}\r\n ),\r\n },\r\n boxShadow: {\r\n '50': `\r\n 0 0 3px 0 rgba(10, 12, 15, 0.08),\r\n 0 1px 8px 0 rgba(10, 12, 15, 0.13)\r\n `,\r\n '100': `\r\n 0 6px 16px 0 rgba(13,13,14, 0.07),\r\n 0 1.81px 12px 0 rgba(13,13,14, 0.15),\r\n 0 0.75px 2px 0 rgba(13,13,14, 0.085),\r\n 0 0.27px 0.72px 0 rgba(13,13,14, 0.0583)\r\n `,\r\n '200': `\r\n 0 0 2px 0 rgba(13,13,14, 0.15),\r\n 0 15px 27px 0 rgba(13,13,14, 0.1),\r\n 0 4.52px 8.14px 0 rgba(13,13,14, 0.06),\r\n 0 1.88px 3.38px 0 rgba(13,13,14, 0.03),\r\n 0 0.68px 1.22px 0 rgba(13,13,14, 0.02)\r\n `,\r\n insetring: `0 0 0 0.25rem ${colors.ring} inset`,\r\n },\r\n ringColor: {\r\n DEFAULT: colors.ring,\r\n ...colors,\r\n },\r\n ringOffsetWidth: {\r\n DEFAULT: 'var(--sk-spacing-2)',\r\n ...units.spacing,\r\n },\r\n ringWidth: {\r\n DEFAULT: 'var(--sk-spacing-3)',\r\n 0: '0px',\r\n },\r\n ringOpacity: {\r\n DEFAULT: '1',\r\n },\r\n colors: {\r\n ...colors,\r\n current: 'currentColor',\r\n gray: {\r\n DEFAULT: colors.primitives.gray[600],\r\n stroke: colors.divider,\r\n middle: colors.primitives.gray[600],\r\n light: colors.primitives.gray[300],\r\n lighter: colors.primitives.gray[200],\r\n ...colors.primitives.gray,\r\n },\r\n hover: colors.primitives.gray[600],\r\n background: {\r\n ...colors.background,\r\n one: colors.background[100],\r\n two: colors.background[200],\r\n },\r\n },\r\n cursor: {\r\n base: 'var(--tw-cursor)',\r\n },\r\n spacing: {\r\n ...units.spacing,\r\n ...(Object.keys(units.spacing) as Array<keyof typeof units.spacing>).reduce(\r\n (smallerSpacings, spacingkey) => ({\r\n ...smallerSpacings,\r\n [`${spacingkey}-1`]: `calc(${units.spacing[spacingkey]} - var(--sk-spacing-1))`,\r\n [`${spacingkey}-2`]: `calc(${units.spacing[spacingkey]} - var(--sk-spacing-2))`,\r\n [`${spacingkey}+1`]: `calc(${units.spacing[spacingkey]} + var(--sk-spacing-1))`,\r\n [`${spacingkey}+2`]: `calc(${units.spacing[spacingkey]} + var(--sk-spacing-2))`,\r\n }),\r\n {}\r\n ),\r\n xs: units.spacing[4],\r\n sm: units.spacing[8],\r\n md: units.spacing[16],\r\n lg: units.spacing[24],\r\n xl: units.spacing[48],\r\n },\r\n maxWidth: {\r\n content: screens['desktop-max'],\r\n },\r\n lineHeight: {\r\n ...units.lineHeights,\r\n ...units.spacing,\r\n xs: 'var(-sk-spacing-16)',\r\n xl: units.lineHeights['h4'],\r\n '2xl': units.lineHeights['h3'],\r\n '3xl': units.lineHeights['h2'],\r\n '4xl': units.lineHeights['h1'],\r\n '5xl': units.lineHeights['display-3'],\r\n },\r\n opacity: {\r\n '15': '0.15',\r\n },\r\n borderWidth: {\r\n DEFAULT: 'var(--sk-spacing-2)',\r\n ...units.spacing,\r\n },\r\n backgroundColor: {\r\n base: withOpacity('--sk-colors-primary-surface'),\r\n fill: withOpacity('--sk-colors-bg-fill'),\r\n },\r\n textColor: {\r\n foreground: withOpacity('--sk-colors-primary-DEFAULT'),\r\n muted: withOpacity('--sk-colors-xt-muted'),\r\n },\r\n\r\n zIndex: {\r\n hide: '-1',\r\n none: '0',\r\n base: '1',\r\n docked: '10',\r\n dropdown: '1000',\r\n sticky: '1100',\r\n banner: '1200',\r\n overlay: '1300',\r\n modal: '1400',\r\n popover: '1500',\r\n skipLink: '1600',\r\n toast: '1700',\r\n tooltip: '1800',\r\n },\r\n keyframes: {\r\n 'reset-overflow': {\r\n 'from, to': {\r\n overflow: 'hidden',\r\n },\r\n },\r\n typingbounce: {\r\n '0%': { transform: 'translateY(0)' },\r\n '10%': { transform: 'translateY(-0.8rem)' },\r\n '20%, 100%': { transform: 'translateY(0rem)' },\r\n },\r\n },\r\n animation: {\r\n 'reset-overflow': 'reset-overflow 180ms backwards',\r\n 'typing-bounce-1': 'typingbounce 1.5s ease-in-out 600ms infinite',\r\n 'typing-bounce-2': 'typingbounce 1.5s ease-in-out 800ms infinite',\r\n 'typing-bounce-3': 'typingbounce 1.5s ease-in-out 1s infinite',\r\n },\r\n },\r\n};\r\nexport { theme };\r\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"sources":["../../src/theme.ts"],"sourcesContent":["import withOpacity from './with-opacity';\nimport { colors } from './colors';\nimport { units } from './units';\nimport { RecursiveObject, screens } from '@sk-web-gui/theme';\nimport { Config } from 'tailwindcss/types/config';\nimport { fonts } from './fonts';\n\nconst theme: RecursiveObject<Config['theme'] | string | string[]> = {\n extend: {\n containers: Object.keys(screens).reduce(\n (containers, screenKey, index) => ({ ...containers, [`screen-${screenKey}`]: Object.values(screens)[index] }),\n {}\n ),\n fontSize: {\n ...units.fontSizes,\n\n tiny: 'var(--sk-spacing-10)',\n xs: 'var(--sk-spacing-12)',\n xl: units.fontSizes['h4'],\n '2xl': units.fontSizes['h3'],\n '3xl': units.fontSizes['h2'],\n '4xl': units.fontSizes['h1'],\n '5xl': units.fontSizes['h3'],\n },\n fontFamily: {\n ...fonts,\n },\n screens,\n borderRadius: {\n ...units.radius,\n base: 'var(--sk-spacing-0)',\n },\n backgroundPosition: {\n ...(Object.keys(units.spacing) as Array<keyof typeof units.spacing>).reduce(\n (positions, spaceKey) => ({\n ...positions,\n [`top-${spaceKey}`]: `center top ${units.spacing[spaceKey]}`,\n [`right-${spaceKey}`]: `center right ${units.spacing[spaceKey]}`,\n [`bottom-${spaceKey}`]: `center bottom ${units.spacing[spaceKey]}`,\n [`left-${spaceKey}`]: `center left ${units.spacing[spaceKey]}`,\n }),\n {}\n ),\n },\n boxShadow: {\n '50': `\n 0 0 3px 0 rgba(10, 12, 15, 0.08),\n 0 1px 8px 0 rgba(10, 12, 15, 0.13)\n `,\n '100': `\n 0 6px 16px 0 rgba(13,13,14, 0.07),\n 0 1.81px 12px 0 rgba(13,13,14, 0.15),\n 0 0.75px 2px 0 rgba(13,13,14, 0.085),\n 0 0.27px 0.72px 0 rgba(13,13,14, 0.0583)\n `,\n '200': `\n 0 0 2px 0 rgba(13,13,14, 0.15),\n 0 15px 27px 0 rgba(13,13,14, 0.1),\n 0 4.52px 8.14px 0 rgba(13,13,14, 0.06),\n 0 1.88px 3.38px 0 rgba(13,13,14, 0.03),\n 0 0.68px 1.22px 0 rgba(13,13,14, 0.02)\n `,\n insetring: `0 0 0 0.25rem ${colors.ring} inset`,\n },\n ringColor: {\n DEFAULT: colors.ring,\n ...colors,\n },\n ringOffsetWidth: {\n DEFAULT: 'var(--sk-spacing-2)',\n ...units.spacing,\n },\n ringWidth: {\n DEFAULT: 'var(--sk-spacing-3)',\n 0: '0px',\n },\n ringOpacity: {\n DEFAULT: '1',\n },\n colors: {\n ...colors,\n current: 'currentColor',\n gray: {\n DEFAULT: colors.primitives.gray[600],\n stroke: colors.divider,\n middle: colors.primitives.gray[600],\n light: colors.primitives.gray[300],\n lighter: colors.primitives.gray[200],\n ...colors.primitives.gray,\n },\n hover: colors.primitives.gray[600],\n background: {\n ...colors.background,\n one: colors.background[100],\n two: colors.background[200],\n },\n },\n cursor: {\n base: 'var(--tw-cursor)',\n },\n spacing: {\n ...units.spacing,\n ...(Object.keys(units.spacing) as Array<keyof typeof units.spacing>).reduce(\n (smallerSpacings, spacingkey) => ({\n ...smallerSpacings,\n [`${spacingkey}-1`]: `calc(${units.spacing[spacingkey]} - var(--sk-spacing-1))`,\n [`${spacingkey}-2`]: `calc(${units.spacing[spacingkey]} - var(--sk-spacing-2))`,\n [`${spacingkey}+1`]: `calc(${units.spacing[spacingkey]} + var(--sk-spacing-1))`,\n [`${spacingkey}+2`]: `calc(${units.spacing[spacingkey]} + var(--sk-spacing-2))`,\n }),\n {}\n ),\n xs: units.spacing[4],\n sm: units.spacing[8],\n md: units.spacing[16],\n lg: units.spacing[24],\n xl: units.spacing[48],\n },\n maxWidth: {\n content: screens['desktop-max'],\n },\n lineHeight: {\n ...units.lineHeights,\n ...units.spacing,\n xs: 'var(-sk-spacing-16)',\n xl: units.lineHeights['h4'],\n '2xl': units.lineHeights['h3'],\n '3xl': units.lineHeights['h2'],\n '4xl': units.lineHeights['h1'],\n '5xl': units.lineHeights['display-3'],\n },\n opacity: {\n '15': '0.15',\n },\n borderWidth: {\n DEFAULT: 'var(--sk-spacing-2)',\n ...units.spacing,\n },\n backgroundColor: {\n base: withOpacity('--sk-colors-primary-surface'),\n fill: withOpacity('--sk-colors-bg-fill'),\n },\n textColor: {\n foreground: withOpacity('--sk-colors-primary-DEFAULT'),\n muted: withOpacity('--sk-colors-xt-muted'),\n },\n\n zIndex: {\n hide: '-1',\n none: '0',\n base: '1',\n docked: '10',\n dropdown: '1000',\n sticky: '1100',\n banner: '1200',\n overlay: '1300',\n modal: '1400',\n popover: '1500',\n skipLink: '1600',\n toast: '1700',\n tooltip: '1800',\n },\n keyframes: {\n 'reset-overflow': {\n 'from, to': {\n overflow: 'hidden',\n },\n },\n typingbounce: {\n '0%': { transform: 'translateY(0)' },\n '10%': { transform: 'translateY(-0.8rem)' },\n '20%, 100%': { transform: 'translateY(0rem)' },\n },\n },\n animation: {\n 'reset-overflow': 'reset-overflow 180ms backwards',\n 'typing-bounce-1': 'typingbounce 1.5s ease-in-out 600ms infinite',\n 'typing-bounce-2': 'typingbounce 1.5s ease-in-out 800ms infinite',\n 'typing-bounce-3': 'typingbounce 1.5s ease-in-out 1s infinite',\n },\n },\n};\nexport { theme };\n"],"names":["withOpacity","colors","units","screens","fonts","theme","extend","containers","Object","keys","reduce","screenKey","index","values","fontSize","fontSizes","tiny","xs","xl","fontFamily","borderRadius","radius","base","backgroundPosition","spacing","positions","spaceKey","boxShadow","insetring","ring","ringColor","DEFAULT","ringOffsetWidth","ringWidth","ringOpacity","current","gray","primitives","stroke","divider","middle","light","lighter","hover","background","one","two","cursor","smallerSpacings","spacingkey","sm","md","lg","maxWidth","content","lineHeight","lineHeights","opacity","borderWidth","backgroundColor","fill","textColor","foreground","muted","zIndex","hide","none","docked","dropdown","sticky","banner","overlay","modal","popover","skipLink","toast","tooltip","keyframes","overflow","typingbounce","transform","animation"],"mappings":"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"}