@yahoo/uds 3.125.1 → 3.127.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 (203) hide show
  1. package/dist/automated-config/dist/generated/autoVariants.cjs +60 -0
  2. package/dist/automated-config/dist/generated/autoVariants.d.cts +14 -0
  3. package/dist/automated-config/dist/generated/autoVariants.d.ts +14 -0
  4. package/dist/automated-config/dist/generated/autoVariants.js +60 -0
  5. package/dist/automated-config/dist/generated/generatedConfigs.cjs +5169 -495
  6. package/dist/automated-config/dist/generated/generatedConfigs.d.cts +526 -1
  7. package/dist/automated-config/dist/generated/generatedConfigs.d.ts +526 -1
  8. package/dist/automated-config/dist/generated/generatedConfigs.js +5167 -496
  9. package/dist/automated-config/dist/generated/universalTokensConfigAuto.cjs +2558 -1490
  10. package/dist/automated-config/dist/generated/universalTokensConfigAuto.d.cts +4 -1
  11. package/dist/automated-config/dist/generated/universalTokensConfigAuto.d.ts +4 -1
  12. package/dist/automated-config/dist/generated/universalTokensConfigAuto.js +2558 -1490
  13. package/dist/automated-config/dist/properties.cjs +12 -0
  14. package/dist/automated-config/dist/properties.d.cts +4 -0
  15. package/dist/automated-config/dist/properties.d.ts +4 -0
  16. package/dist/automated-config/dist/properties.js +12 -0
  17. package/dist/automated-config/dist/utils/getConfigVariantProperties.d.cts +2 -2
  18. package/dist/automated-config/dist/utils/getConfigVariantProperties.d.ts +2 -2
  19. package/dist/automated-config/dist/utils/index.cjs +103 -6
  20. package/dist/automated-config/dist/utils/index.js +103 -6
  21. package/dist/components/Banner/Banner.cjs +167 -0
  22. package/dist/components/Banner/Banner.d.cts +56 -0
  23. package/dist/components/Banner/Banner.d.ts +56 -0
  24. package/dist/components/Banner/Banner.js +165 -0
  25. package/dist/components/Banner/BannerContent.cjs +20 -0
  26. package/dist/components/Banner/BannerContent.d.cts +13 -0
  27. package/dist/components/Banner/BannerContent.d.ts +13 -0
  28. package/dist/components/Banner/BannerContent.js +18 -0
  29. package/dist/components/Banner/BannerDescription.cjs +47 -0
  30. package/dist/components/Banner/BannerDescription.d.cts +36 -0
  31. package/dist/components/Banner/BannerDescription.d.ts +36 -0
  32. package/dist/components/Banner/BannerDescription.js +45 -0
  33. package/dist/components/Banner/BannerTitle.cjs +42 -0
  34. package/dist/components/Banner/BannerTitle.d.cts +34 -0
  35. package/dist/components/Banner/BannerTitle.d.ts +34 -0
  36. package/dist/components/Banner/BannerTitle.js +40 -0
  37. package/dist/components/Banner/index.cjs +11 -0
  38. package/dist/components/Banner/index.d.cts +6 -0
  39. package/dist/components/Banner/index.d.ts +6 -0
  40. package/dist/components/Banner/index.js +7 -0
  41. package/dist/components/Banner/utils.cjs +56 -0
  42. package/dist/components/Banner/utils.d.cts +26 -0
  43. package/dist/components/Banner/utils.d.ts +26 -0
  44. package/dist/components/Banner/utils.js +52 -0
  45. package/dist/components/Divider/DividerCore.cjs +1 -1
  46. package/dist/components/Divider/DividerCore.js +1 -1
  47. package/dist/components/client/Avatar/AvatarIcon.cjs +2 -2
  48. package/dist/components/client/Avatar/AvatarIcon.js +2 -2
  49. package/dist/components/client/Avatar/AvatarText.cjs +1 -1
  50. package/dist/components/client/Avatar/AvatarText.js +1 -1
  51. package/dist/components/client/Badge.cjs +1 -1
  52. package/dist/components/client/Badge.js +1 -1
  53. package/dist/components/client/BottomSheet/BottomSheetHeader.cjs +1 -1
  54. package/dist/components/client/BottomSheet/BottomSheetHeader.js +1 -1
  55. package/dist/components/client/Button.cjs +1 -1
  56. package/dist/components/client/Button.js +1 -1
  57. package/dist/components/client/Checkbox.cjs +2 -2
  58. package/dist/components/client/Checkbox.js +2 -2
  59. package/dist/components/client/Chip/ChipBase.cjs +2 -2
  60. package/dist/components/client/Chip/ChipBase.js +2 -2
  61. package/dist/components/client/Chip/ChipDismissible.cjs +2 -2
  62. package/dist/components/client/Chip/ChipDismissible.js +2 -2
  63. package/dist/components/client/IconButton.cjs +1 -1
  64. package/dist/components/client/IconButton.js +1 -1
  65. package/dist/components/client/Input/Input.cjs +1 -1
  66. package/dist/components/client/Input/Input.js +1 -1
  67. package/dist/components/client/Input/InputHelpTextInternal.cjs +1 -1
  68. package/dist/components/client/Input/InputHelpTextInternal.js +1 -1
  69. package/dist/components/client/Menu/Menu.ItemBase.cjs +2 -2
  70. package/dist/components/client/Menu/Menu.ItemBase.js +2 -2
  71. package/dist/components/client/Menu/Menu.ItemCheckbox.cjs +1 -1
  72. package/dist/components/client/Menu/Menu.ItemCheckbox.d.cts +1 -1
  73. package/dist/components/client/Menu/Menu.ItemCheckbox.d.ts +1 -1
  74. package/dist/components/client/Menu/Menu.ItemCheckbox.js +1 -1
  75. package/dist/components/client/Popover/PopoverContent.cjs +3 -3
  76. package/dist/components/client/Popover/PopoverContent.js +3 -3
  77. package/dist/components/client/Popover/UDSPopoverConfigProvider.d.cts +1 -1
  78. package/dist/components/client/Popover/UDSPopoverConfigProvider.d.ts +1 -1
  79. package/dist/components/client/Switch.cjs +1 -1
  80. package/dist/components/client/Switch.js +1 -1
  81. package/dist/components/client/Tabs/Tab.cjs +80 -0
  82. package/dist/components/client/Tabs/Tab.d.cts +20 -0
  83. package/dist/components/client/Tabs/Tab.d.ts +21 -0
  84. package/dist/components/client/Tabs/Tab.js +78 -0
  85. package/dist/components/client/Tabs/TabList.cjs +132 -0
  86. package/dist/components/client/Tabs/TabList.d.cts +9 -0
  87. package/dist/components/client/Tabs/TabList.d.ts +10 -0
  88. package/dist/components/client/Tabs/TabList.js +130 -0
  89. package/dist/components/client/Tabs/TabPanel.cjs +22 -0
  90. package/dist/components/client/Tabs/TabPanel.d.cts +9 -0
  91. package/dist/components/client/Tabs/TabPanel.d.ts +10 -0
  92. package/dist/components/client/Tabs/TabPanel.js +20 -0
  93. package/dist/components/client/Tabs/Tabs.cjs +53 -0
  94. package/dist/components/client/Tabs/Tabs.d.cts +45 -0
  95. package/dist/components/client/Tabs/Tabs.d.ts +46 -0
  96. package/dist/components/client/Tabs/Tabs.js +51 -0
  97. package/dist/components/client/Tabs/index.cjs +12 -0
  98. package/dist/components/client/Tabs/index.d.cts +7 -0
  99. package/dist/components/client/Tabs/index.d.ts +8 -0
  100. package/dist/components/client/Tabs/index.js +8 -0
  101. package/dist/components/client/Tabs/tabsContext.cjs +18 -0
  102. package/dist/components/client/Tabs/tabsContext.d.cts +15 -0
  103. package/dist/components/client/Tabs/tabsContext.d.ts +16 -0
  104. package/dist/components/client/Tabs/tabsContext.js +15 -0
  105. package/dist/components/client/Toast/Toast.cjs +3 -3
  106. package/dist/components/client/Toast/Toast.js +3 -3
  107. package/dist/components/client/Toast/UDSToastConfigProvider.d.cts +5 -5
  108. package/dist/components/client/Toast/UDSToastConfigProvider.d.ts +5 -5
  109. package/dist/components/client/Tooltip/TooltipContent.cjs +2 -2
  110. package/dist/components/client/Tooltip/TooltipContent.js +2 -2
  111. package/dist/components/client/index.cjs +9 -1
  112. package/dist/components/client/index.d.cts +7 -1
  113. package/dist/components/client/index.d.ts +7 -1
  114. package/dist/components/client/index.js +6 -2
  115. package/dist/components/experimental/Spinner.cjs +1 -1
  116. package/dist/components/experimental/Spinner.js +1 -1
  117. package/dist/components/experimental/Table.cjs +1 -1
  118. package/dist/components/experimental/Table.js +1 -1
  119. package/dist/components/experimental/client/Accordion.cjs +4 -4
  120. package/dist/components/experimental/client/Accordion.js +4 -4
  121. package/dist/components/experimental/client/Modal.cjs +2 -2
  122. package/dist/components/experimental/client/Modal.js +2 -2
  123. package/dist/components/experimental/client/SegmentedControl.cjs +3 -3
  124. package/dist/components/experimental/client/SegmentedControl.js +3 -3
  125. package/dist/components/experimental/client/SwitchV2.cjs +1 -1
  126. package/dist/components/experimental/client/SwitchV2.js +1 -1
  127. package/dist/components/experimental/client/index.cjs +0 -5
  128. package/dist/components/experimental/client/index.d.cts +1 -2
  129. package/dist/components/experimental/client/index.d.ts +1 -2
  130. package/dist/components/experimental/client/index.js +1 -2
  131. package/dist/components/experimental/index.cjs +0 -9
  132. package/dist/components/experimental/index.d.cts +1 -2
  133. package/dist/components/experimental/index.d.ts +1 -2
  134. package/dist/components/experimental/index.js +1 -6
  135. package/dist/components/index.cjs +27 -3
  136. package/dist/components/index.d.cts +11 -1
  137. package/dist/components/index.d.ts +11 -1
  138. package/dist/components/index.js +20 -4
  139. package/dist/config/dist/index.cjs +1496 -339
  140. package/dist/config/dist/index.js +1496 -339
  141. package/dist/index.cjs +22 -3
  142. package/dist/index.d.cts +12 -3
  143. package/dist/index.d.ts +12 -3
  144. package/dist/index.js +13 -5
  145. package/dist/styles/styler.d.cts +107 -93
  146. package/dist/styles/styler.d.ts +107 -93
  147. package/dist/styles/variants.d.cts +74 -0
  148. package/dist/styles/variants.d.ts +74 -0
  149. package/dist/tailwind/dist/automated-config/dist/generated/autoVariants.cjs +60 -0
  150. package/dist/tailwind/dist/automated-config/dist/generated/autoVariants.js +60 -0
  151. package/dist/tailwind/dist/automated-config/dist/generated/autoVariants.js.map +1 -1
  152. package/dist/tailwind/dist/automated-config/dist/generated/generatedConfigs.cjs +5169 -495
  153. package/dist/tailwind/dist/automated-config/dist/generated/generatedConfigs.js +5167 -496
  154. package/dist/tailwind/dist/automated-config/dist/generated/generatedConfigs.js.map +1 -1
  155. package/dist/tailwind/dist/automated-config/dist/properties.cjs +12 -0
  156. package/dist/tailwind/dist/automated-config/dist/properties.js +12 -0
  157. package/dist/tailwind/dist/automated-config/dist/properties.js.map +1 -1
  158. package/dist/tailwind/dist/automated-config/dist/utils/index.cjs +103 -6
  159. package/dist/tailwind/dist/automated-config/dist/utils/index.js +103 -6
  160. package/dist/tailwind/dist/automated-config/dist/utils/index.js.map +1 -1
  161. package/dist/tailwind/dist/config/dist/index.cjs +1496 -339
  162. package/dist/tailwind/dist/config/dist/index.js +1496 -339
  163. package/dist/tailwind/dist/config/dist/index.js.map +1 -1
  164. package/dist/tailwind/dist/css/utils.cjs +3 -1
  165. package/dist/tailwind/dist/css/utils.js +3 -1
  166. package/dist/tailwind/dist/css/utils.js.map +1 -1
  167. package/dist/tailwind/dist/purger/optimized/utils/componentAnalyzer.cjs +36 -2
  168. package/dist/tailwind/dist/purger/optimized/utils/componentAnalyzer.js +36 -2
  169. package/dist/tailwind/dist/purger/optimized/utils/componentAnalyzer.js.map +1 -1
  170. package/dist/tailwind/dist/tailwind/plugins/components.cjs +3 -0
  171. package/dist/tailwind/dist/tailwind/plugins/components.js +4 -1
  172. package/dist/tailwind/dist/tailwind/plugins/components.js.map +1 -1
  173. package/dist/tailwind/dist/tailwind/utils/getShadowStyles.d.cts +4 -4
  174. package/dist/tailwind/dist/tailwind/utils/getShadowStyles.d.ts +4 -4
  175. package/dist/tailwind/dist/types/dist/index.d.cts.map +1 -1
  176. package/dist/tailwind/dist/types/dist/index.d.ts.map +1 -1
  177. package/dist/tokens/automation/configs/index.cjs +3 -0
  178. package/dist/tokens/automation/configs/index.d.cts +2 -2
  179. package/dist/tokens/automation/configs/index.d.ts +2 -2
  180. package/dist/tokens/automation/configs/index.js +2 -2
  181. package/dist/tokens/automation/index.cjs +3 -0
  182. package/dist/tokens/automation/index.d.cts +2 -2
  183. package/dist/tokens/automation/index.d.ts +2 -2
  184. package/dist/tokens/automation/index.js +2 -2
  185. package/dist/tokens/index.cjs +3 -0
  186. package/dist/tokens/index.d.cts +3 -3
  187. package/dist/tokens/index.d.ts +3 -3
  188. package/dist/tokens/index.js +2 -2
  189. package/dist/tokens/types.d.cts +2 -2
  190. package/dist/tokens/types.d.ts +2 -2
  191. package/dist/types/dist/index.d.cts +70 -1
  192. package/dist/types/dist/index.d.ts +70 -1
  193. package/dist/uds/generated/componentData.cjs +1030 -774
  194. package/dist/uds/generated/componentData.js +893 -679
  195. package/dist/uds/generated/tailwindPurge.cjs +41 -43
  196. package/dist/uds/generated/tailwindPurge.js +41 -43
  197. package/generated/componentData.json +1693 -1432
  198. package/generated/tailwindPurge.ts +4 -4
  199. package/package.json +1 -1
  200. package/dist/components/experimental/client/Tabs.cjs +0 -76
  201. package/dist/components/experimental/client/Tabs.d.cts +0 -31
  202. package/dist/components/experimental/client/Tabs.d.ts +0 -32
  203. package/dist/components/experimental/client/Tabs.js +0 -71
@@ -234,6 +234,127 @@ var VStack = {
234
234
  "runtimeConfigInternalComponentProps": {},
235
235
  "motionVarPrefixes": []
236
236
  };
237
+ var Banner = {
238
+ "name": "Banner",
239
+ "defaultProps": {
240
+ "variant": "primary",
241
+ "size": "default",
242
+ "dismissAriaLabel": "Dismiss"
243
+ },
244
+ "getStylesLiterals": {
245
+ "className": "truncate",
246
+ "className:1": "line-clamp-3",
247
+ "spacing": "2",
248
+ "borderRadius": "full"
249
+ },
250
+ "cxLiterals": [
251
+ "flex",
252
+ "flex-row",
253
+ "items-center",
254
+ "items-start",
255
+ "min-w-[300px]",
256
+ "shadow-[inset_0px_-20px_20px_-10px_rgba(31,31,31,0.05)]",
257
+ "transition-[background-color]",
258
+ "motion-safe:duration-120",
259
+ "bg-carbon-15/0",
260
+ "hover:bg-carbon-15/10",
261
+ "active:bg-carbon-15/15",
262
+ "uds-ring",
263
+ "shrink-0",
264
+ "self-start",
265
+ "flex-1",
266
+ "min-w-0",
267
+ "flex-col",
268
+ "gap-[inherit]",
269
+ "uds-sm:flex-row",
270
+ "uds-sm:items-center",
271
+ "self-stretch",
272
+ "gap-0.5",
273
+ "w-full",
274
+ "truncate",
275
+ "leading-none",
276
+ "line-clamp-3",
277
+ "gap-1.5",
278
+ "uds-sm:self-center",
279
+ "uds-sm:shrink-0"
280
+ ],
281
+ "internalComponents": [
282
+ "IconSlot",
283
+ "Text",
284
+ "Pressable"
285
+ ],
286
+ "internalComponentProps": {
287
+ "IconSlot": { "data-testid": ["banner-start-icon"] },
288
+ "Text": { "data-testid": ["banner-title", "banner-description"] },
289
+ "Pressable": { "data-testid": ["banner-dismiss"] }
290
+ },
291
+ "propToVariantKeys": {
292
+ "variant": ["bannerVariantRoot", "bannerVariantIcon"],
293
+ "size": [
294
+ "bannerSizeRoot",
295
+ "bannerSizeIcon",
296
+ "bannerSizeTitle",
297
+ "bannerSizeDescription",
298
+ "bannerSizeClose"
299
+ ],
300
+ "startIcon": ["icon"],
301
+ "dismissAriaLabel": ["aria-label"],
302
+ "onDismiss": ["onClick"]
303
+ },
304
+ "runtimeConfigDefaultProps": {},
305
+ "runtimeConfigGetStyles": {},
306
+ "runtimeConfigInternalComponentProps": {},
307
+ "motionVarPrefixes": []
308
+ };
309
+ var BannerContent = {
310
+ "name": "BannerContent",
311
+ "defaultProps": {},
312
+ "getStylesLiterals": {},
313
+ "cxLiterals": [
314
+ "flex",
315
+ "flex-col",
316
+ "items-start",
317
+ "self-stretch",
318
+ "flex-1",
319
+ "min-w-0"
320
+ ],
321
+ "internalComponents": [],
322
+ "internalComponentProps": {},
323
+ "propToVariantKeys": {},
324
+ "runtimeConfigDefaultProps": {},
325
+ "runtimeConfigGetStyles": {},
326
+ "runtimeConfigInternalComponentProps": {},
327
+ "motionVarPrefixes": []
328
+ };
329
+ var BannerDescription = {
330
+ "name": "BannerDescription",
331
+ "defaultProps": {},
332
+ "getStylesLiterals": {
333
+ "bannerSizeDescription": "default",
334
+ "className": "w-full line-clamp-3"
335
+ },
336
+ "cxLiterals": [],
337
+ "internalComponents": ["Text"],
338
+ "internalComponentProps": {},
339
+ "propToVariantKeys": {},
340
+ "runtimeConfigDefaultProps": {},
341
+ "runtimeConfigGetStyles": {},
342
+ "runtimeConfigInternalComponentProps": {},
343
+ "motionVarPrefixes": []
344
+ };
345
+ var BannerTitle = {
346
+ "name": "BannerTitle",
347
+ "defaultProps": {},
348
+ "getStylesLiterals": { "bannerSizeTitle": "default" },
349
+ "cxLiterals": ["w-full", "truncate"],
350
+ "internalComponents": ["Text"],
351
+ "internalComponentProps": {},
352
+ "propToVariantKeys": {},
353
+ "runtimeConfigDefaultProps": {},
354
+ "runtimeConfigGetStyles": {},
355
+ "runtimeConfigInternalComponentProps": {},
356
+ "motionVarPrefixes": []
357
+ };
237
358
  var Divider = {
238
359
  "name": "Divider",
239
360
  "defaultProps": {},
@@ -296,6 +417,74 @@ var DividerInternal = {
296
417
  "runtimeConfigInternalComponentProps": {},
297
418
  "motionVarPrefixes": []
298
419
  };
420
+ var Spinner = {
421
+ "name": "Spinner",
422
+ "defaultProps": {
423
+ "color": "primary",
424
+ "size": "lg"
425
+ },
426
+ "getStylesLiterals": {},
427
+ "cxLiterals": [
428
+ "self-center",
429
+ "relative",
430
+ "sr-only"
431
+ ],
432
+ "internalComponents": ["Icon"],
433
+ "internalComponentProps": { "Icon": {
434
+ "role": ["img"],
435
+ "className": ["animate-spin"],
436
+ "aria-hidden": ["true"]
437
+ } },
438
+ "propToVariantKeys": {},
439
+ "runtimeConfigDefaultProps": {},
440
+ "runtimeConfigGetStyles": {},
441
+ "runtimeConfigInternalComponentProps": {},
442
+ "motionVarPrefixes": []
443
+ };
444
+ var Table_mocks = {
445
+ "name": "Table.mocks",
446
+ "defaultProps": {},
447
+ "getStylesLiterals": {},
448
+ "cxLiterals": [],
449
+ "internalComponents": [],
450
+ "internalComponentProps": {},
451
+ "propToVariantKeys": {},
452
+ "runtimeConfigDefaultProps": {},
453
+ "runtimeConfigGetStyles": {},
454
+ "runtimeConfigInternalComponentProps": {},
455
+ "motionVarPrefixes": []
456
+ };
457
+ var Table = {
458
+ "name": "Table",
459
+ "defaultProps": {
460
+ "display": "table-cell",
461
+ "overflow": "hidden",
462
+ "borderColor": "muted",
463
+ "borderRadius": "md",
464
+ "spacing": "3",
465
+ "borderBottomColor": "muted",
466
+ "borderBottomWidth": "thin",
467
+ "color": "primary"
468
+ },
469
+ "getStylesLiterals": { "textAlign": "start" },
470
+ "cxLiterals": [],
471
+ "internalComponents": [
472
+ "CellComponent",
473
+ "Box",
474
+ "Text",
475
+ "Table.Root",
476
+ "Table.Header",
477
+ "Table.Row",
478
+ "Table.Cell",
479
+ "Table.Body"
480
+ ],
481
+ "internalComponentProps": { "Table.Cell": { "asHeaderCell": ["column"] } },
482
+ "propToVariantKeys": {},
483
+ "runtimeConfigDefaultProps": {},
484
+ "runtimeConfigGetStyles": {},
485
+ "runtimeConfigInternalComponentProps": {},
486
+ "motionVarPrefixes": []
487
+ };
299
488
  var AnimateHeightChange = {
300
489
  "name": "AnimateHeightChange",
301
490
  "defaultProps": {},
@@ -633,80 +822,63 @@ var Switch = {
633
822
  "runtimeConfigInternalComponentProps": {},
634
823
  "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
635
824
  };
636
- var Spinner = {
637
- "name": "Spinner",
825
+ var Accordion = {
826
+ "name": "Accordion",
638
827
  "defaultProps": {
639
- "color": "primary",
640
- "size": "lg"
828
+ "spacingHorizontal": "4",
829
+ "spacingVertical": "4"
641
830
  },
642
831
  "getStylesLiterals": {},
643
- "cxLiterals": [
644
- "self-center",
645
- "relative",
646
- "sr-only"
647
- ],
648
- "internalComponents": ["Icon"],
649
- "internalComponentProps": { "Icon": {
650
- "role": ["img"],
651
- "className": ["animate-spin"],
652
- "aria-hidden": ["true"]
653
- } },
654
- "propToVariantKeys": {},
655
- "runtimeConfigDefaultProps": {},
656
- "runtimeConfigGetStyles": {},
657
- "runtimeConfigInternalComponentProps": {},
658
- "motionVarPrefixes": []
659
- };
660
- var Table_mocks = {
661
- "name": "Table.mocks",
662
- "defaultProps": {},
663
- "getStylesLiterals": {},
664
- "cxLiterals": [],
665
- "internalComponents": [],
666
- "internalComponentProps": {},
667
- "propToVariantKeys": {},
668
- "runtimeConfigDefaultProps": {},
669
- "runtimeConfigGetStyles": {},
670
- "runtimeConfigInternalComponentProps": {},
671
- "motionVarPrefixes": []
672
- };
673
- var Table = {
674
- "name": "Table",
675
- "defaultProps": {
676
- "display": "table-cell",
677
- "overflow": "hidden",
678
- "borderColor": "muted",
679
- "borderRadius": "md",
680
- "spacing": "3",
681
- "borderBottomColor": "muted",
682
- "borderBottomWidth": "thin",
683
- "color": "primary"
684
- },
685
- "getStylesLiterals": { "textAlign": "start" },
686
- "cxLiterals": [],
832
+ "cxLiterals": ["hover:bg-secondary/80", "w-full"],
687
833
  "internalComponents": [
688
- "CellComponent",
689
- "Box",
834
+ "Icon",
835
+ "SpringMotionConfig",
836
+ "Pressable",
690
837
  "Text",
691
- "Table.Root",
692
- "Table.Header",
693
- "Table.Row",
694
- "Table.Cell",
695
- "Table.Body"
838
+ "HStack",
839
+ "AnimatePresence",
840
+ "VStack"
696
841
  ],
697
- "internalComponentProps": { "Table.Cell": { "asHeaderCell": ["column"] } },
842
+ "internalComponentProps": {
843
+ "Icon": {
844
+ "variant": ["fill"],
845
+ "size": ["sm"],
846
+ "color": ["primary"]
847
+ },
848
+ "SpringMotionConfig": {
849
+ "layoutVariant": ["smooth"],
850
+ "layoutSpeed": ["3"]
851
+ },
852
+ "Pressable": {
853
+ "display": ["flex"],
854
+ "flexDirection": ["row"],
855
+ "alignItems": ["center"],
856
+ "justifyContent": ["space-between"],
857
+ "borderRadius": ["md"]
858
+ },
859
+ "Text": {
860
+ "variant": ["title4"],
861
+ "color": ["primary"]
862
+ },
863
+ "HStack": {
864
+ "display": ["flex"],
865
+ "alignItems": ["center"],
866
+ "justifyContent": ["space-between"],
867
+ "columnGap": ["2.5"]
868
+ }
869
+ },
698
870
  "propToVariantKeys": {},
699
871
  "runtimeConfigDefaultProps": {},
700
872
  "runtimeConfigGetStyles": {},
701
873
  "runtimeConfigInternalComponentProps": {},
702
- "motionVarPrefixes": []
874
+ "motionVarPrefixes": ["--uds-motion-smooth-3-"]
703
875
  };
704
- var Avatar = {
705
- "name": "Avatar",
876
+ var AvoidMotionLibraryProvider = {
877
+ "name": "AvoidMotionLibraryProvider",
706
878
  "defaultProps": {},
707
879
  "getStylesLiterals": {},
708
880
  "cxLiterals": [],
709
- "internalComponents": ["AvatarImage"],
881
+ "internalComponents": [],
710
882
  "internalComponentProps": {},
711
883
  "propToVariantKeys": {},
712
884
  "runtimeConfigDefaultProps": {},
@@ -714,16 +886,245 @@ var Avatar = {
714
886
  "runtimeConfigInternalComponentProps": {},
715
887
  "motionVarPrefixes": []
716
888
  };
717
- var AvatarIcon = {
718
- "name": "AvatarIcon",
719
- "defaultProps": {
720
- "size": "md",
721
- "variant": "primary"
722
- },
889
+ var Modal = {
890
+ "name": "Modal",
891
+ "defaultProps": {},
723
892
  "getStylesLiterals": {},
724
893
  "cxLiterals": [
725
- "overflow-hidden",
726
- "w-full",
894
+ "inset-8",
895
+ "top-[250px]",
896
+ "z-50",
897
+ "mx-auto",
898
+ "h-fit",
899
+ "w-[600px]",
900
+ "origin-center",
901
+ "scale-95",
902
+ "opacity-0",
903
+ "transition",
904
+ "duration-150",
905
+ "data-[enter]:scale-100",
906
+ "data-[enter]:opacity-100",
907
+ "data-[enter]:bg-primary",
908
+ "backdrop-blur-0",
909
+ "data-[enter]:opacity-60",
910
+ "data-[enter]:backdrop-blur-sm"
911
+ ],
912
+ "internalComponents": [
913
+ "IconButton",
914
+ "Dialog",
915
+ "HStack",
916
+ "Text",
917
+ "VStack"
918
+ ],
919
+ "internalComponentProps": {
920
+ "IconButton": {
921
+ "aria-label": ["Close"],
922
+ "size": ["sm"],
923
+ "variant": ["tertiary"]
924
+ },
925
+ "HStack": {
926
+ "alignItems": ["center"],
927
+ "justifyContent": ["space-between"]
928
+ },
929
+ "Text": {
930
+ "variant": ["headline1"],
931
+ "color": ["primary"]
932
+ },
933
+ "VStack": {
934
+ "borderRadius": ["md"],
935
+ "position": ["fixed"],
936
+ "backgroundColor": ["primary"],
937
+ "dropShadow": ["md"],
938
+ "spacing": ["8"],
939
+ "overflow": ["hidden"]
940
+ }
941
+ },
942
+ "propToVariantKeys": { "handleClose": ["onClick"] },
943
+ "runtimeConfigDefaultProps": {},
944
+ "runtimeConfigGetStyles": {},
945
+ "runtimeConfigInternalComponentProps": {},
946
+ "motionVarPrefixes": []
947
+ };
948
+ var SegmentedControl = {
949
+ "name": "SegmentedControl",
950
+ "defaultProps": { "textVariant": "label2" },
951
+ "getStylesLiterals": {
952
+ "display": "flex",
953
+ "alignItems": "center",
954
+ "backgroundColor": "primary",
955
+ "spacingVertical": "1",
956
+ "spacingHorizontal": "3",
957
+ "columnGap": "1.5",
958
+ "borderWidth": "thin",
959
+ "borderRadius": "full",
960
+ "borderColor": "muted",
961
+ "borderColor:1": "transparent",
962
+ "color": "primary",
963
+ "color:1": "tertiary",
964
+ "color:2": "muted"
965
+ },
966
+ "cxLiterals": [
967
+ "uds-ring",
968
+ "cursor-not-allowed",
969
+ "opacity-50",
970
+ "pointer-events-none",
971
+ "hover:bg-primary"
972
+ ],
973
+ "internalComponents": [
974
+ "TextVariant",
975
+ "Radio",
976
+ "Icon",
977
+ "RadioProvider",
978
+ "HStack",
979
+ "RadioGroup",
980
+ "Pressable",
981
+ "Text"
982
+ ],
983
+ "internalComponentProps": {
984
+ "Icon": {
985
+ "size": ["sm"],
986
+ "color": ["current"],
987
+ "aria-hidden": ["true"]
988
+ },
989
+ "HStack": {
990
+ "spacing": ["1"],
991
+ "gap": ["1"],
992
+ "backgroundColor": ["secondary"],
993
+ "borderRadius": ["full"],
994
+ "display": ["inline-flex"]
995
+ },
996
+ "Text": { "color": ["current"] }
997
+ },
998
+ "propToVariantKeys": {
999
+ "value": ["key"],
1000
+ "label": ["aria-label"],
1001
+ "textVariant": ["variant"]
1002
+ },
1003
+ "runtimeConfigDefaultProps": {},
1004
+ "runtimeConfigGetStyles": {},
1005
+ "runtimeConfigInternalComponentProps": {},
1006
+ "motionVarPrefixes": []
1007
+ };
1008
+ var SwitchV2 = {
1009
+ "name": "SwitchV2",
1010
+ "defaultProps": {
1011
+ "labelPosition": "start",
1012
+ "size": "md"
1013
+ },
1014
+ "getStylesLiterals": {
1015
+ "switchVariantRoot": "default",
1016
+ "switchVariantActiveRoot": "on",
1017
+ "switchVariantActiveRoot:1": "off",
1018
+ "switchVariantSwitch": "default",
1019
+ "switchVariantActiveSwitch": "on",
1020
+ "switchVariantActiveSwitch:1": "off",
1021
+ "switchVariantActiveHandle": "on",
1022
+ "switchVariantActiveHandle:1": "off",
1023
+ "switchVariantHandle": "default",
1024
+ "switchVariantHandleIcon": "default",
1025
+ "switchVariantActiveHandleIcon": "on",
1026
+ "switchVariantActiveHandleIcon:1": "off"
1027
+ },
1028
+ "cxLiterals": [
1029
+ "group",
1030
+ "flex",
1031
+ "items-center",
1032
+ "flex-row",
1033
+ "flex-row-reverse",
1034
+ "uds-ring",
1035
+ "uds-ring-within",
1036
+ "relative",
1037
+ "uds-border-radius-full",
1038
+ "transition-[background-color,box-shadow]",
1039
+ "pointer-events-none",
1040
+ "w-full",
1041
+ "h-full",
1042
+ "absolute",
1043
+ "top-0",
1044
+ "bottom-0",
1045
+ "right-0",
1046
+ "left-0",
1047
+ "overflow-hidden",
1048
+ "group-hover:scale-105",
1049
+ "opacity-95",
1050
+ "group-hover:opacity-100",
1051
+ "transition-[transform,opacity]",
1052
+ "opacity-0",
1053
+ "top-1/2",
1054
+ "left-1/2",
1055
+ "transform",
1056
+ "translate-x-[-50%]",
1057
+ "translate-y-[-50%]",
1058
+ "transition-opacity",
1059
+ "cursor-[inherit]",
1060
+ "w-[calc(100%+2px)]",
1061
+ "h-[calc(100%+2px)]",
1062
+ "text-start",
1063
+ "text-end",
1064
+ "opacity-100"
1065
+ ],
1066
+ "internalComponents": [
1067
+ "IconSlot",
1068
+ "Box",
1069
+ "FormLabel",
1070
+ "SpringMotionConfig",
1071
+ "RootElement",
1072
+ "MotionBox"
1073
+ ],
1074
+ "internalComponentProps": {
1075
+ "IconSlot": { "data-testid": ["on-icon", "off-icon"] },
1076
+ "FormLabel": {
1077
+ "as": ["div"],
1078
+ "variant": ["inherit"],
1079
+ "color": ["inherit"]
1080
+ },
1081
+ "SpringMotionConfig": {
1082
+ "layoutVariant": ["bouncy"],
1083
+ "layoutSpeed": ["4"]
1084
+ },
1085
+ "RootElement": { "data-testid": ["switch-root"] },
1086
+ "MotionBox": { "layout": ["position"] }
1087
+ },
1088
+ "propToVariantKeys": {
1089
+ "size": [
1090
+ "switchSizeRoot",
1091
+ "switchSizeSwitch",
1092
+ "switchSizeHandle",
1093
+ "switchSizeHandleIcon"
1094
+ ],
1095
+ "onIcon": ["icon"],
1096
+ "offIcon": ["icon"],
1097
+ "reduceMotion": ["reducedMotion"],
1098
+ "isOn": ["layoutDependency"]
1099
+ },
1100
+ "runtimeConfigDefaultProps": {},
1101
+ "runtimeConfigGetStyles": {},
1102
+ "runtimeConfigInternalComponentProps": {},
1103
+ "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
1104
+ };
1105
+ var Avatar = {
1106
+ "name": "Avatar",
1107
+ "defaultProps": {},
1108
+ "getStylesLiterals": {},
1109
+ "cxLiterals": [],
1110
+ "internalComponents": ["AvatarImage"],
1111
+ "internalComponentProps": {},
1112
+ "propToVariantKeys": {},
1113
+ "runtimeConfigDefaultProps": {},
1114
+ "runtimeConfigGetStyles": {},
1115
+ "runtimeConfigInternalComponentProps": {},
1116
+ "motionVarPrefixes": []
1117
+ };
1118
+ var AvatarIcon = {
1119
+ "name": "AvatarIcon",
1120
+ "defaultProps": {
1121
+ "size": "md",
1122
+ "variant": "primary"
1123
+ },
1124
+ "getStylesLiterals": {},
1125
+ "cxLiterals": [
1126
+ "overflow-hidden",
1127
+ "w-full",
727
1128
  "h-full",
728
1129
  "shrink-0",
729
1130
  "text-center",
@@ -1121,25 +1522,241 @@ var ChipToggle = {
1121
1522
  "runtimeConfigInternalComponentProps": {},
1122
1523
  "motionVarPrefixes": []
1123
1524
  };
1124
- var Input = {
1125
- "name": "Input",
1525
+ var Menu_Content = {
1526
+ "name": "Menu.Content",
1126
1527
  "defaultProps": {
1127
- "type": "text",
1128
- "size": "md",
1129
- "width": "full"
1528
+ "size": "default",
1529
+ "variant": "default",
1530
+ "gutter": "1"
1130
1531
  },
1131
- "getStylesLiterals": {
1132
- "inputVariantRoot": "default",
1133
- "inputVariantValueRoot": "empty",
1134
- "inputVariantValueRoot:1": "filled",
1135
- "inputVariantInputWrapper": "default",
1136
- "inputVariantValueInputWrapper": "empty",
1137
- "inputVariantValueInputWrapper:1": "filled",
1138
- "inputVariantInput": "default",
1139
- "inputVariantValueInput": "empty",
1140
- "inputVariantValueInput:1": "filled",
1141
- "inputVariantInputPlaceholder": "default",
1142
- "inputVariantValueInputPlaceholder": "empty",
1532
+ "getStylesLiterals": {},
1533
+ "cxLiterals": [
1534
+ "uds-menu-content",
1535
+ "transition-shadow",
1536
+ "duration-200",
1537
+ "ease-in-out",
1538
+ "min-w-60",
1539
+ "max-w-lg",
1540
+ "max-h-96",
1541
+ "overflow-auto",
1542
+ "uds-ring",
1543
+ "z-10",
1544
+ "group"
1545
+ ],
1546
+ "internalComponents": [
1547
+ "AriakitMenu",
1548
+ "AnimatePresence",
1549
+ "MotionVStack"
1550
+ ],
1551
+ "internalComponentProps": {},
1552
+ "propToVariantKeys": {
1553
+ "size": ["menucontentSizeRoot"],
1554
+ "variant": ["menucontentVariantRoot"]
1555
+ },
1556
+ "runtimeConfigDefaultProps": {},
1557
+ "runtimeConfigGetStyles": {},
1558
+ "runtimeConfigInternalComponentProps": {},
1559
+ "motionVarPrefixes": []
1560
+ };
1561
+ var Menu_Divider = {
1562
+ "name": "Menu.Divider",
1563
+ "defaultProps": {
1564
+ "role": "separator",
1565
+ "contentPosition": "start",
1566
+ "gap": "4"
1567
+ },
1568
+ "getStylesLiterals": {
1569
+ "menuitemDividerVariantRoot": "default",
1570
+ "menuitemDividerVariantText": "default",
1571
+ "menuitemDividerVariantLine": "default"
1572
+ },
1573
+ "cxLiterals": [],
1574
+ "internalComponents": ["DividerInternal"],
1575
+ "internalComponentProps": { "DividerInternal": { "variant": ["inherit"] } },
1576
+ "propToVariantKeys": {},
1577
+ "runtimeConfigDefaultProps": {},
1578
+ "runtimeConfigGetStyles": {},
1579
+ "runtimeConfigInternalComponentProps": {},
1580
+ "motionVarPrefixes": []
1581
+ };
1582
+ var Menu_Item = {
1583
+ "name": "Menu.Item",
1584
+ "defaultProps": {},
1585
+ "getStylesLiterals": {
1586
+ "menuitemItemVariantRoot": "default",
1587
+ "menuitemItemVariantActiveRoot": "on",
1588
+ "menuitemItemVariantActiveRoot:1": "off",
1589
+ "menuitemItemVariantText": "default",
1590
+ "menuitemItemVariantActiveText": "on",
1591
+ "menuitemItemVariantActiveText:1": "off",
1592
+ "menuitemItemVariantIcon": "default",
1593
+ "menuitemItemVariantActiveIcon": "on",
1594
+ "menuitemItemVariantActiveIcon:1": "off"
1595
+ },
1596
+ "cxLiterals": [],
1597
+ "internalComponents": ["MenuItemBase"],
1598
+ "internalComponentProps": {},
1599
+ "propToVariantKeys": {},
1600
+ "runtimeConfigDefaultProps": {},
1601
+ "runtimeConfigGetStyles": {},
1602
+ "runtimeConfigInternalComponentProps": {},
1603
+ "motionVarPrefixes": []
1604
+ };
1605
+ var Menu_ItemBase = {
1606
+ "name": "Menu.ItemBase",
1607
+ "defaultProps": {
1608
+ "spacing": "0",
1609
+ "spacingHorizontal": "4",
1610
+ "spacingVertical": "3.5",
1611
+ "columnGap": "2",
1612
+ "alignItems": "center",
1613
+ "justifyContent": "space-between"
1614
+ },
1615
+ "getStylesLiterals": {
1616
+ "textAlign": "start",
1617
+ "menuitemSizeRoot": "default",
1618
+ "flexDirection": "row",
1619
+ "menuitemSizeStartIcon": "default",
1620
+ "menuitemSizeEndIcon": "default"
1621
+ },
1622
+ "cxLiterals": [
1623
+ "flex",
1624
+ "focus-visible:text-brand",
1625
+ "focus-visible:bg-brand-secondary",
1626
+ "focus-visible:z-10",
1627
+ "uds-ring",
1628
+ "!-outline-offset-2",
1629
+ "[&:not([aria-checked])]:cursor-default",
1630
+ "opacity-25",
1631
+ "cursor-not-allowed",
1632
+ "duration-20",
1633
+ "transition-[font-variation-settings]",
1634
+ "ease-in-out",
1635
+ "z-0",
1636
+ "uds-start-icon",
1637
+ "uds-end-icon"
1638
+ ],
1639
+ "internalComponents": [
1640
+ "Pressable",
1641
+ "IconSlot",
1642
+ "RootComponent",
1643
+ "HStack",
1644
+ "AnimatePresence"
1645
+ ],
1646
+ "internalComponentProps": {
1647
+ "HStack": {
1648
+ "alignItems": ["center"],
1649
+ "width": ["full"]
1650
+ },
1651
+ "AnimatePresence": { "mode": ["popLayout"] }
1652
+ },
1653
+ "propToVariantKeys": {
1654
+ "startIcon": ["icon"],
1655
+ "endIcon": ["icon"],
1656
+ "columnGap": ["gap"]
1657
+ },
1658
+ "runtimeConfigDefaultProps": {},
1659
+ "runtimeConfigGetStyles": {},
1660
+ "runtimeConfigInternalComponentProps": {},
1661
+ "motionVarPrefixes": []
1662
+ };
1663
+ var Menu_ItemCheckbox = {
1664
+ "name": "Menu.ItemCheckbox",
1665
+ "defaultProps": {},
1666
+ "getStylesLiterals": {
1667
+ "menuitemItemCheckboxVariantRoot": "default",
1668
+ "menuitemItemCheckboxVariantActiveRoot": "on",
1669
+ "menuitemItemCheckboxVariantActiveRoot:1": "off",
1670
+ "menuitemItemCheckboxVariantText": "default",
1671
+ "menuitemItemCheckboxVariantActiveText": "on",
1672
+ "menuitemItemCheckboxVariantActiveText:1": "off",
1673
+ "menuitemItemCheckboxVariantStartIcon": "default",
1674
+ "menuitemItemCheckboxVariantActiveStartIcon": "on",
1675
+ "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
1676
+ "menuitemItemCheckboxVariantEndIcon": "default",
1677
+ "menuitemItemCheckboxVariantActiveEndIcon": "on",
1678
+ "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
1679
+ },
1680
+ "cxLiterals": ["uds-menu-item-checkbox"],
1681
+ "internalComponents": ["MenuItemBase"],
1682
+ "internalComponentProps": {},
1683
+ "propToVariantKeys": {},
1684
+ "runtimeConfigDefaultProps": {},
1685
+ "runtimeConfigGetStyles": {},
1686
+ "runtimeConfigInternalComponentProps": {},
1687
+ "motionVarPrefixes": []
1688
+ };
1689
+ var Menu_Provider = {
1690
+ "name": "Menu.Provider",
1691
+ "defaultProps": {},
1692
+ "getStylesLiterals": {},
1693
+ "cxLiterals": [],
1694
+ "internalComponents": ["AriakitMenuProvider", "SpringMotionConfig"],
1695
+ "internalComponentProps": {},
1696
+ "propToVariantKeys": {},
1697
+ "runtimeConfigDefaultProps": {},
1698
+ "runtimeConfigGetStyles": {},
1699
+ "runtimeConfigInternalComponentProps": {},
1700
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1701
+ };
1702
+ var Menu_Trigger = {
1703
+ "name": "Menu.Trigger",
1704
+ "defaultProps": {},
1705
+ "getStylesLiterals": {},
1706
+ "cxLiterals": ["uds-menu-trigger"],
1707
+ "internalComponents": ["AriakitMenuTrigger", "Box"],
1708
+ "internalComponentProps": { "Box": { "className": ["uds-ring h-fit w-fit"] } },
1709
+ "propToVariantKeys": {},
1710
+ "runtimeConfigDefaultProps": {},
1711
+ "runtimeConfigGetStyles": {},
1712
+ "runtimeConfigInternalComponentProps": {},
1713
+ "motionVarPrefixes": []
1714
+ };
1715
+ var Menu_index = {
1716
+ "name": "Menu.index",
1717
+ "defaultProps": {},
1718
+ "getStylesLiterals": {},
1719
+ "cxLiterals": [],
1720
+ "internalComponents": [],
1721
+ "internalComponentProps": {},
1722
+ "propToVariantKeys": {},
1723
+ "runtimeConfigDefaultProps": {},
1724
+ "runtimeConfigGetStyles": {},
1725
+ "runtimeConfigInternalComponentProps": {},
1726
+ "motionVarPrefixes": []
1727
+ };
1728
+ var Menu = {
1729
+ "name": "Menu",
1730
+ "defaultProps": {},
1731
+ "getStylesLiterals": {},
1732
+ "cxLiterals": [],
1733
+ "internalComponents": [],
1734
+ "internalComponentProps": {},
1735
+ "propToVariantKeys": {},
1736
+ "runtimeConfigDefaultProps": {},
1737
+ "runtimeConfigGetStyles": {},
1738
+ "runtimeConfigInternalComponentProps": {},
1739
+ "motionVarPrefixes": []
1740
+ };
1741
+ var Input = {
1742
+ "name": "Input",
1743
+ "defaultProps": {
1744
+ "type": "text",
1745
+ "size": "md",
1746
+ "width": "full"
1747
+ },
1748
+ "getStylesLiterals": {
1749
+ "inputVariantRoot": "default",
1750
+ "inputVariantValueRoot": "empty",
1751
+ "inputVariantValueRoot:1": "filled",
1752
+ "inputVariantInputWrapper": "default",
1753
+ "inputVariantValueInputWrapper": "empty",
1754
+ "inputVariantValueInputWrapper:1": "filled",
1755
+ "inputVariantInput": "default",
1756
+ "inputVariantValueInput": "empty",
1757
+ "inputVariantValueInput:1": "filled",
1758
+ "inputVariantInputPlaceholder": "default",
1759
+ "inputVariantValueInputPlaceholder": "empty",
1143
1760
  "inputVariantValueInputPlaceholder:1": "filled",
1144
1761
  "inputVariantLabel": "default",
1145
1762
  "inputVariantValueLabel": "empty",
@@ -1273,7 +1890,8 @@ var PopoverContent = {
1273
1890
  "popoverSizeRoot": "default",
1274
1891
  "popoverVariantRoot": "default",
1275
1892
  "display": "flex",
1276
- "position": "absolute",
1893
+ "position": "relative",
1894
+ "display:1": "block",
1277
1895
  "spacingTop": "0",
1278
1896
  "spacingStart": "0",
1279
1897
  "spacingBottom": "0",
@@ -1283,6 +1901,7 @@ var PopoverContent = {
1283
1901
  "popoverSizeSvgBorder": "default",
1284
1902
  "popoverVariantSvgBorder": "default",
1285
1903
  "popoverVariantBlur": "default",
1904
+ "position:1": "absolute",
1286
1905
  "width": "full",
1287
1906
  "height": "full",
1288
1907
  "flexShrink": "0",
@@ -1374,241 +1993,25 @@ var UDSPopoverConfigProvider = {
1374
1993
  "runtimeConfigInternalComponentProps": {},
1375
1994
  "motionVarPrefixes": []
1376
1995
  };
1377
- var Menu_Content = {
1378
- "name": "Menu.Content",
1996
+ var Radio = {
1997
+ "name": "Radio",
1379
1998
  "defaultProps": {
1380
- "size": "default",
1381
- "variant": "default",
1382
- "gutter": "1"
1383
- },
1384
- "getStylesLiterals": {},
1385
- "cxLiterals": [
1386
- "uds-menu-content",
1387
- "transition-shadow",
1388
- "duration-200",
1389
- "ease-in-out",
1390
- "min-w-60",
1391
- "max-w-lg",
1392
- "max-h-96",
1393
- "overflow-auto",
1394
- "uds-ring",
1395
- "z-10",
1396
- "group"
1397
- ],
1398
- "internalComponents": [
1399
- "AriakitMenu",
1400
- "AnimatePresence",
1401
- "MotionVStack"
1402
- ],
1403
- "internalComponentProps": {},
1404
- "propToVariantKeys": {
1405
- "size": ["menucontentSizeRoot"],
1406
- "variant": ["menucontentVariantRoot"]
1407
- },
1408
- "runtimeConfigDefaultProps": {},
1409
- "runtimeConfigGetStyles": {},
1410
- "runtimeConfigInternalComponentProps": {},
1411
- "motionVarPrefixes": []
1412
- };
1413
- var Menu_Divider = {
1414
- "name": "Menu.Divider",
1415
- "defaultProps": {
1416
- "role": "separator",
1417
- "contentPosition": "start",
1418
- "gap": "4"
1419
- },
1420
- "getStylesLiterals": {
1421
- "menuitemDividerVariantRoot": "default",
1422
- "menuitemDividerVariantText": "default",
1423
- "menuitemDividerVariantLine": "default"
1424
- },
1425
- "cxLiterals": [],
1426
- "internalComponents": ["DividerInternal"],
1427
- "internalComponentProps": { "DividerInternal": { "variant": ["inherit"] } },
1428
- "propToVariantKeys": {},
1429
- "runtimeConfigDefaultProps": {},
1430
- "runtimeConfigGetStyles": {},
1431
- "runtimeConfigInternalComponentProps": {},
1432
- "motionVarPrefixes": []
1433
- };
1434
- var Menu_Item = {
1435
- "name": "Menu.Item",
1436
- "defaultProps": {},
1437
- "getStylesLiterals": {
1438
- "menuitemItemVariantRoot": "default",
1439
- "menuitemItemVariantActiveRoot": "on",
1440
- "menuitemItemVariantActiveRoot:1": "off",
1441
- "menuitemItemVariantText": "default",
1442
- "menuitemItemVariantActiveText": "on",
1443
- "menuitemItemVariantActiveText:1": "off",
1444
- "menuitemItemVariantIcon": "default",
1445
- "menuitemItemVariantActiveIcon": "on",
1446
- "menuitemItemVariantActiveIcon:1": "off"
1447
- },
1448
- "cxLiterals": [],
1449
- "internalComponents": ["MenuItemBase"],
1450
- "internalComponentProps": {},
1451
- "propToVariantKeys": {},
1452
- "runtimeConfigDefaultProps": {},
1453
- "runtimeConfigGetStyles": {},
1454
- "runtimeConfigInternalComponentProps": {},
1455
- "motionVarPrefixes": []
1456
- };
1457
- var Menu_ItemBase = {
1458
- "name": "Menu.ItemBase",
1459
- "defaultProps": {
1460
- "spacing": "0",
1461
- "spacingHorizontal": "4",
1462
- "spacingVertical": "3.5",
1463
- "columnGap": "2",
1464
- "alignItems": "center",
1465
- "justifyContent": "space-between"
1466
- },
1467
- "getStylesLiterals": {
1468
- "textAlign": "start",
1469
- "menuitemSizeRoot": "default",
1470
- "flexDirection": "row",
1471
- "menuitemSizeStartIcon": "default",
1472
- "menuitemSizeEndIcon": "default"
1473
- },
1474
- "cxLiterals": [
1475
- "flex",
1476
- "focus-visible:text-brand",
1477
- "focus-visible:bg-brand-secondary",
1478
- "focus-visible:z-10",
1479
- "uds-ring",
1480
- "!-outline-offset-2",
1481
- "[&:not([aria-checked])]:cursor-default",
1482
- "opacity-25",
1483
- "cursor-not-allowed",
1484
- "duration-20",
1485
- "transition-[font-variation-settings]",
1486
- "ease-in-out",
1487
- "z-0",
1488
- "uds-start-icon",
1489
- "uds-end-icon"
1490
- ],
1491
- "internalComponents": [
1492
- "Pressable",
1493
- "IconSlot",
1494
- "RootComponent",
1495
- "HStack",
1496
- "AnimatePresence"
1497
- ],
1498
- "internalComponentProps": {
1499
- "HStack": {
1500
- "alignItems": ["center"],
1501
- "width": ["full"]
1502
- },
1503
- "AnimatePresence": { "mode": ["popLayout"] }
1504
- },
1505
- "propToVariantKeys": {
1506
- "startIcon": ["icon"],
1507
- "endIcon": ["icon"],
1508
- "columnGap": ["gap"]
1509
- },
1510
- "runtimeConfigDefaultProps": {},
1511
- "runtimeConfigGetStyles": {},
1512
- "runtimeConfigInternalComponentProps": {},
1513
- "motionVarPrefixes": []
1514
- };
1515
- var Menu_ItemCheckbox = {
1516
- "name": "Menu.ItemCheckbox",
1517
- "defaultProps": {},
1518
- "getStylesLiterals": {
1519
- "menuitemItemCheckboxVariantRoot": "default",
1520
- "menuitemItemCheckboxVariantActiveRoot": "on",
1521
- "menuitemItemCheckboxVariantActiveRoot:1": "off",
1522
- "menuitemItemCheckboxVariantText": "default",
1523
- "menuitemItemCheckboxVariantActiveText": "on",
1524
- "menuitemItemCheckboxVariantActiveText:1": "off",
1525
- "menuitemItemCheckboxVariantStartIcon": "default",
1526
- "menuitemItemCheckboxVariantActiveStartIcon": "on",
1527
- "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
1528
- "menuitemItemCheckboxVariantEndIcon": "default",
1529
- "menuitemItemCheckboxVariantActiveEndIcon": "on",
1530
- "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
1531
- },
1532
- "cxLiterals": ["uds-menu-item-checkbox"],
1533
- "internalComponents": ["MenuItemBase"],
1534
- "internalComponentProps": {},
1535
- "propToVariantKeys": {},
1536
- "runtimeConfigDefaultProps": {},
1537
- "runtimeConfigGetStyles": {},
1538
- "runtimeConfigInternalComponentProps": {},
1539
- "motionVarPrefixes": []
1540
- };
1541
- var Menu_Provider = {
1542
- "name": "Menu.Provider",
1543
- "defaultProps": {},
1544
- "getStylesLiterals": {},
1545
- "cxLiterals": [],
1546
- "internalComponents": ["AriakitMenuProvider", "SpringMotionConfig"],
1547
- "internalComponentProps": {},
1548
- "propToVariantKeys": {},
1549
- "runtimeConfigDefaultProps": {},
1550
- "runtimeConfigGetStyles": {},
1551
- "runtimeConfigInternalComponentProps": {},
1552
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1553
- };
1554
- var Menu_Trigger = {
1555
- "name": "Menu.Trigger",
1556
- "defaultProps": {},
1557
- "getStylesLiterals": {},
1558
- "cxLiterals": ["uds-menu-trigger"],
1559
- "internalComponents": ["AriakitMenuTrigger", "Box"],
1560
- "internalComponentProps": { "Box": { "className": ["uds-ring h-fit w-fit"] } },
1561
- "propToVariantKeys": {},
1562
- "runtimeConfigDefaultProps": {},
1563
- "runtimeConfigGetStyles": {},
1564
- "runtimeConfigInternalComponentProps": {},
1565
- "motionVarPrefixes": []
1566
- };
1567
- var Menu_index = {
1568
- "name": "Menu.index",
1569
- "defaultProps": {},
1570
- "getStylesLiterals": {},
1571
- "cxLiterals": [],
1572
- "internalComponents": [],
1573
- "internalComponentProps": {},
1574
- "propToVariantKeys": {},
1575
- "runtimeConfigDefaultProps": {},
1576
- "runtimeConfigGetStyles": {},
1577
- "runtimeConfigInternalComponentProps": {},
1578
- "motionVarPrefixes": []
1579
- };
1580
- var Menu = {
1581
- "name": "Menu",
1582
- "defaultProps": {},
1583
- "getStylesLiterals": {},
1584
- "cxLiterals": [],
1585
- "internalComponents": [],
1586
- "internalComponentProps": {},
1587
- "propToVariantKeys": {},
1588
- "runtimeConfigDefaultProps": {},
1589
- "runtimeConfigGetStyles": {},
1590
- "runtimeConfigInternalComponentProps": {},
1591
- "motionVarPrefixes": []
1592
- };
1593
- var Radio = {
1594
- "name": "Radio",
1595
- "defaultProps": {
1596
- "labelPosition": "start",
1597
- "variant": "primary",
1598
- "size": "md",
1599
- "value": ""
1600
- },
1601
- "getStylesLiterals": {
1602
- "radioVariantValueRoot": "checked",
1603
- "radioVariantValueRoot:1": "unchecked",
1604
- "display": "flex",
1605
- "flexDirection": "row",
1606
- "flexDirection:1": "row-reverse",
1607
- "alignItems": "center",
1608
- "radioVariantValueRadio": "checked",
1609
- "radioVariantValueRadio:1": "unchecked",
1610
- "radioVariantValueRadioCircle": "checked",
1611
- "radioVariantValueRadioCircle:1": "unchecked"
1999
+ "labelPosition": "start",
2000
+ "variant": "primary",
2001
+ "size": "md",
2002
+ "value": ""
2003
+ },
2004
+ "getStylesLiterals": {
2005
+ "radioVariantValueRoot": "checked",
2006
+ "radioVariantValueRoot:1": "unchecked",
2007
+ "display": "flex",
2008
+ "flexDirection": "row",
2009
+ "flexDirection:1": "row-reverse",
2010
+ "alignItems": "center",
2011
+ "radioVariantValueRadio": "checked",
2012
+ "radioVariantValueRadio:1": "unchecked",
2013
+ "radioVariantValueRadioCircle": "checked",
2014
+ "radioVariantValueRadioCircle:1": "unchecked"
1612
2015
  },
1613
2016
  "cxLiterals": [
1614
2017
  "cursor-pointer",
@@ -1703,26 +2106,156 @@ var RadioGroupStore = {
1703
2106
  "runtimeConfigInternalComponentProps": {},
1704
2107
  "motionVarPrefixes": []
1705
2108
  };
1706
- var Toast = {
1707
- "name": "Toast",
1708
- "defaultProps": {},
2109
+ var Tab = {
2110
+ "name": "Tab",
2111
+ "defaultProps": { "variant": "primary" },
1709
2112
  "getStylesLiterals": {
1710
- "className": "flex-none",
1711
- "spacing": "2",
1712
- "borderRadius": "full"
2113
+ "tabSizeRoot": "default",
2114
+ "tabVariantActiveRoot": "off",
2115
+ "tabVariantActiveRoot:1": "on",
2116
+ "tabSizeIcon": "default"
1713
2117
  },
1714
2118
  "cxLiterals": [
1715
- "duration-0",
1716
- "duration-120",
1717
- "transition-[background-color]",
1718
- "bg-carbon-15/0",
1719
- "hover:bg-carbon-15/10",
1720
- "active:bg-carbon-15/15",
1721
- "uds-ring"
2119
+ "pointer-events-none",
2120
+ "absolute",
2121
+ "bottom-0",
2122
+ "left-0",
2123
+ "right-0",
2124
+ "h-[var(--uds-tab-underline-width,0px)]",
2125
+ "bg-[var(--uds-tab-underline-color,transparent)]",
2126
+ "transition-[height,background-color]",
2127
+ "duration-[240ms]",
2128
+ "ease-[cubic-bezier(0.2,0,0,1)]",
2129
+ "!bg-transparent",
2130
+ "!shadow-none",
2131
+ "inline-flex",
2132
+ "items-center",
2133
+ "shrink-0",
2134
+ "box-border",
2135
+ "relative",
2136
+ "z-[1]",
2137
+ "cursor-pointer",
2138
+ "select-none",
2139
+ "whitespace-nowrap",
2140
+ "uds-ring",
2141
+ "opacity-50",
2142
+ "cursor-default",
2143
+ "border-solid",
2144
+ "border-b-solid",
2145
+ "transition-colors"
1722
2146
  ],
1723
2147
  "internalComponents": [
1724
2148
  "IconSlot",
1725
- "ToastContainer",
2149
+ "AriakitTab",
2150
+ "Text"
2151
+ ],
2152
+ "internalComponentProps": { "Text": {
2153
+ "variant": ["inherit"],
2154
+ "as": ["span"],
2155
+ "color": ["current"]
2156
+ } },
2157
+ "propToVariantKeys": {
2158
+ "variant": ["tabVariantRoot", "tabVariantIcon"],
2159
+ "activeState": ["tabVariantActiveIcon"],
2160
+ "startIcon": ["icon"],
2161
+ "endIcon": ["icon"]
2162
+ },
2163
+ "runtimeConfigDefaultProps": {},
2164
+ "runtimeConfigGetStyles": {},
2165
+ "runtimeConfigInternalComponentProps": {},
2166
+ "motionVarPrefixes": []
2167
+ };
2168
+ var TabList = {
2169
+ "name": "TabList",
2170
+ "defaultProps": { "variant": "primary" },
2171
+ "getStylesLiterals": {
2172
+ "tabSizeRoot": "default",
2173
+ "tabVariantActiveRoot": "on"
2174
+ },
2175
+ "cxLiterals": [
2176
+ "pointer-events-none",
2177
+ "absolute",
2178
+ "bottom-0",
2179
+ "left-0",
2180
+ "right-0",
2181
+ "h-[var(--uds-tab-underline-width,0px)]",
2182
+ "bg-[var(--uds-tab-underline-color,transparent)]",
2183
+ "transition-[height,background-color]",
2184
+ "duration-[240ms]",
2185
+ "ease-[cubic-bezier(0.2,0,0,1)]",
2186
+ "!m-0",
2187
+ "!p-0",
2188
+ "!gap-0",
2189
+ "box-border",
2190
+ "z-0",
2191
+ "min-w-0",
2192
+ "min-h-0",
2193
+ "flex",
2194
+ "flex-row",
2195
+ "items-center",
2196
+ "overflow-x-auto",
2197
+ "overflow-y-clip",
2198
+ "scrollbar-none",
2199
+ "[overflow-clip-margin:6px]",
2200
+ "overflow-clip",
2201
+ "[overflow-clip-margin:8px]",
2202
+ "relative"
2203
+ ],
2204
+ "internalComponents": ["AriakitTabList"],
2205
+ "internalComponentProps": {},
2206
+ "propToVariantKeys": { "variant": ["tabsVariantRoot", "tabVariantRoot"] },
2207
+ "runtimeConfigDefaultProps": {},
2208
+ "runtimeConfigGetStyles": {},
2209
+ "runtimeConfigInternalComponentProps": {},
2210
+ "motionVarPrefixes": []
2211
+ };
2212
+ var TabPanel = {
2213
+ "name": "TabPanel",
2214
+ "defaultProps": {},
2215
+ "getStylesLiterals": {},
2216
+ "cxLiterals": [],
2217
+ "internalComponents": ["AriakitTabPanel"],
2218
+ "internalComponentProps": {},
2219
+ "propToVariantKeys": {},
2220
+ "runtimeConfigDefaultProps": {},
2221
+ "runtimeConfigGetStyles": {},
2222
+ "runtimeConfigInternalComponentProps": {},
2223
+ "motionVarPrefixes": []
2224
+ };
2225
+ var Tabs = {
2226
+ "name": "Tabs",
2227
+ "defaultProps": { "variant": "primary" },
2228
+ "getStylesLiterals": {},
2229
+ "cxLiterals": [],
2230
+ "internalComponents": ["TabsContext.Provider", "TabProvider"],
2231
+ "internalComponentProps": {},
2232
+ "propToVariantKeys": { "onSelectionChange": ["setSelectedId"] },
2233
+ "runtimeConfigDefaultProps": {},
2234
+ "runtimeConfigGetStyles": {},
2235
+ "runtimeConfigInternalComponentProps": {},
2236
+ "motionVarPrefixes": []
2237
+ };
2238
+ var Toast = {
2239
+ "name": "Toast",
2240
+ "defaultProps": {},
2241
+ "getStylesLiterals": {
2242
+ "className": "animate-spin",
2243
+ "className:1": "flex-none",
2244
+ "spacing": "2",
2245
+ "borderRadius": "full"
2246
+ },
2247
+ "cxLiterals": [
2248
+ "duration-0",
2249
+ "duration-120",
2250
+ "transition-[background-color]",
2251
+ "bg-carbon-15/0",
2252
+ "hover:bg-carbon-15/10",
2253
+ "active:bg-carbon-15/15",
2254
+ "uds-ring"
2255
+ ],
2256
+ "internalComponents": [
2257
+ "IconSlot",
2258
+ "ToastContainer",
1726
2259
  "Text",
1727
2260
  "Button",
1728
2261
  "Pressable"
@@ -1833,449 +2366,123 @@ var UDSToastConfigProvider = {
1833
2366
  "runtimeConfigInternalComponentProps": {},
1834
2367
  "motionVarPrefixes": []
1835
2368
  };
1836
- var Tooltip = {
1837
- "name": "Tooltip",
1838
- "defaultProps": {},
1839
- "getStylesLiterals": {},
1840
- "cxLiterals": [],
1841
- "internalComponents": ["TooltipInternalContext.Provider", "TooltipProvider"],
1842
- "internalComponentProps": {},
1843
- "propToVariantKeys": {},
1844
- "runtimeConfigDefaultProps": {},
1845
- "runtimeConfigGetStyles": {},
1846
- "runtimeConfigInternalComponentProps": { "TooltipProvider": { "animated": ["tooltip.animationDuration"] } },
1847
- "motionVarPrefixes": []
1848
- };
1849
- var TooltipContent = {
1850
- "name": "TooltipContent",
1851
- "defaultProps": {},
1852
- "getStylesLiterals": {
1853
- "tooltipSizeRoot": "default",
1854
- "tooltipVariantRoot": "default",
1855
- "tooltipSizeSvg": "default",
1856
- "tooltipVariantSvg": "default",
1857
- "tooltipVariantBlur": "default",
1858
- "position": "absolute",
1859
- "width": "full",
1860
- "height": "full",
1861
- "tooltipSizeTitle": "default",
1862
- "tooltipSizeBody": "default",
1863
- "tooltipSizeEndContent": "default",
1864
- "tooltipSizeIcon": "default",
1865
- "tooltipVariantIcon": "default"
1866
- },
1867
- "cxLiterals": [
1868
- "max-w-lg",
1869
- "flex",
1870
- "z-[9999]",
1871
- "uds-bgBlurFillFallback",
1872
- "uds-bgBlurFallback",
1873
- "top-0",
1874
- "left-0",
1875
- "z-[1]"
1876
- ],
1877
- "internalComponents": [
1878
- "IconSlot",
1879
- "TooltipArrow",
1880
- "Tooltip",
1881
- "SvgFloatingOverlay",
1882
- "VStack",
1883
- "Box",
1884
- "Text"
1885
- ],
1886
- "internalComponentProps": {
1887
- "SvgFloatingOverlay": { "contentOverflow": ["visible"] },
1888
- "VStack": { "className": ["gap-[inherit]"] },
1889
- "Box": {
1890
- "alignItems": ["center"],
1891
- "columnGap": ["1", "1.5"]
1892
- },
1893
- "Text": { "color": ["inherit"] }
1894
- },
1895
- "propToVariantKeys": { "startTitleIcon": ["icon"] },
1896
- "runtimeConfigDefaultProps": {},
1897
- "runtimeConfigGetStyles": {},
1898
- "runtimeConfigInternalComponentProps": {},
1899
- "motionVarPrefixes": []
1900
- };
1901
- var TooltipTrigger = {
1902
- "name": "TooltipTrigger",
1903
- "defaultProps": {},
1904
- "getStylesLiterals": {},
1905
- "cxLiterals": [],
1906
- "internalComponents": ["TooltipAnchor"],
1907
- "internalComponentProps": { "TooltipAnchor": { "className": ["inline"] } },
1908
- "propToVariantKeys": { "children": ["render"] },
1909
- "runtimeConfigDefaultProps": {},
1910
- "runtimeConfigGetStyles": {},
1911
- "runtimeConfigInternalComponentProps": {},
1912
- "motionVarPrefixes": []
1913
- };
1914
- var UDSTooltipConfigProvider = {
1915
- "name": "UDSTooltipConfigProvider",
1916
- "defaultProps": {},
1917
- "getStylesLiterals": {},
1918
- "cxLiterals": [],
1919
- "internalComponents": ["TooltipContext.Provider"],
1920
- "internalComponentProps": {},
1921
- "propToVariantKeys": {},
1922
- "runtimeConfigDefaultProps": {},
1923
- "runtimeConfigGetStyles": {},
1924
- "runtimeConfigInternalComponentProps": {},
1925
- "motionVarPrefixes": []
1926
- };
1927
- var UDSBreakpointsConfigProvider = {
1928
- "name": "UDSBreakpointsConfigProvider",
1929
- "defaultProps": {},
1930
- "getStylesLiterals": {},
1931
- "cxLiterals": [],
1932
- "internalComponents": ["UDSBreakpointsConfigContext.Provider"],
1933
- "internalComponentProps": {},
1934
- "propToVariantKeys": {},
1935
- "runtimeConfigDefaultProps": {},
1936
- "runtimeConfigGetStyles": {},
1937
- "runtimeConfigInternalComponentProps": {},
1938
- "motionVarPrefixes": []
1939
- };
1940
- var UDSConfigProvider = {
1941
- "name": "UDSConfigProvider",
1942
- "defaultProps": {},
1943
- "getStylesLiterals": {},
1944
- "cxLiterals": [],
1945
- "internalComponents": [
1946
- "UDSBreakpointsConfigProvider",
1947
- "UDSBottomSheetConfigProvider",
1948
- "UDSToastConfigProvider",
1949
- "UDSTooltipConfigProvider",
1950
- "UDSPopoverConfigProvider"
1951
- ],
1952
- "internalComponentProps": {},
1953
- "propToVariantKeys": {},
1954
- "runtimeConfigDefaultProps": {},
1955
- "runtimeConfigGetStyles": {},
1956
- "runtimeConfigInternalComponentProps": {},
1957
- "motionVarPrefixes": []
1958
- };
1959
- var Accordion = {
1960
- "name": "Accordion",
1961
- "defaultProps": {
1962
- "spacingHorizontal": "4",
1963
- "spacingVertical": "4"
1964
- },
1965
- "getStylesLiterals": {},
1966
- "cxLiterals": ["hover:bg-secondary/80", "w-full"],
1967
- "internalComponents": [
1968
- "Icon",
1969
- "SpringMotionConfig",
1970
- "Pressable",
1971
- "Text",
1972
- "HStack",
1973
- "AnimatePresence",
1974
- "VStack"
1975
- ],
1976
- "internalComponentProps": {
1977
- "Icon": {
1978
- "variant": ["fill"],
1979
- "size": ["sm"],
1980
- "color": ["primary"]
1981
- },
1982
- "SpringMotionConfig": {
1983
- "layoutVariant": ["smooth"],
1984
- "layoutSpeed": ["3"]
1985
- },
1986
- "Pressable": {
1987
- "display": ["flex"],
1988
- "flexDirection": ["row"],
1989
- "alignItems": ["center"],
1990
- "justifyContent": ["space-between"],
1991
- "borderRadius": ["md"]
1992
- },
1993
- "Text": {
1994
- "variant": ["title4"],
1995
- "color": ["primary"]
1996
- },
1997
- "HStack": {
1998
- "display": ["flex"],
1999
- "alignItems": ["center"],
2000
- "justifyContent": ["space-between"],
2001
- "columnGap": ["2.5"]
2002
- }
2003
- },
2004
- "propToVariantKeys": {},
2005
- "runtimeConfigDefaultProps": {},
2006
- "runtimeConfigGetStyles": {},
2007
- "runtimeConfigInternalComponentProps": {},
2008
- "motionVarPrefixes": ["--uds-motion-smooth-3-"]
2009
- };
2010
- var AvoidMotionLibraryProvider = {
2011
- "name": "AvoidMotionLibraryProvider",
2012
- "defaultProps": {},
2013
- "getStylesLiterals": {},
2014
- "cxLiterals": [],
2015
- "internalComponents": [],
2016
- "internalComponentProps": {},
2017
- "propToVariantKeys": {},
2018
- "runtimeConfigDefaultProps": {},
2019
- "runtimeConfigGetStyles": {},
2020
- "runtimeConfigInternalComponentProps": {},
2021
- "motionVarPrefixes": []
2022
- };
2023
- var Modal = {
2024
- "name": "Modal",
2025
- "defaultProps": {},
2026
- "getStylesLiterals": {},
2027
- "cxLiterals": [
2028
- "inset-8",
2029
- "top-[250px]",
2030
- "z-50",
2031
- "mx-auto",
2032
- "h-fit",
2033
- "w-[600px]",
2034
- "origin-center",
2035
- "scale-95",
2036
- "opacity-0",
2037
- "transition",
2038
- "duration-150",
2039
- "data-[enter]:scale-100",
2040
- "data-[enter]:opacity-100",
2041
- "data-[enter]:bg-primary",
2042
- "backdrop-blur-0",
2043
- "data-[enter]:opacity-60",
2044
- "data-[enter]:backdrop-blur-sm"
2045
- ],
2046
- "internalComponents": [
2047
- "IconButton",
2048
- "Dialog",
2049
- "HStack",
2050
- "Text",
2051
- "VStack"
2052
- ],
2053
- "internalComponentProps": {
2054
- "IconButton": {
2055
- "aria-label": ["Close"],
2056
- "size": ["sm"],
2057
- "variant": ["tertiary"]
2058
- },
2059
- "HStack": {
2060
- "alignItems": ["center"],
2061
- "justifyContent": ["space-between"]
2062
- },
2063
- "Text": {
2064
- "variant": ["headline1"],
2065
- "color": ["primary"]
2066
- },
2067
- "VStack": {
2068
- "borderRadius": ["md"],
2069
- "position": ["fixed"],
2070
- "backgroundColor": ["primary"],
2071
- "dropShadow": ["md"],
2072
- "spacing": ["8"],
2073
- "overflow": ["hidden"]
2074
- }
2075
- },
2076
- "propToVariantKeys": { "handleClose": ["onClick"] },
2077
- "runtimeConfigDefaultProps": {},
2078
- "runtimeConfigGetStyles": {},
2079
- "runtimeConfigInternalComponentProps": {},
2080
- "motionVarPrefixes": []
2081
- };
2082
- var SegmentedControl = {
2083
- "name": "SegmentedControl",
2084
- "defaultProps": { "textVariant": "label2" },
2085
- "getStylesLiterals": {
2086
- "display": "flex",
2087
- "alignItems": "center",
2088
- "backgroundColor": "primary",
2089
- "spacingVertical": "1",
2090
- "spacingHorizontal": "3",
2091
- "columnGap": "1.5",
2092
- "borderWidth": "thin",
2093
- "borderRadius": "full",
2094
- "borderColor": "muted",
2095
- "borderColor:1": "transparent",
2096
- "color": "primary",
2097
- "color:1": "tertiary",
2098
- "color:2": "muted"
2099
- },
2100
- "cxLiterals": [
2101
- "uds-ring",
2102
- "cursor-not-allowed",
2103
- "opacity-50",
2104
- "pointer-events-none",
2105
- "hover:bg-primary"
2106
- ],
2107
- "internalComponents": [
2108
- "TextVariant",
2109
- "Radio",
2110
- "Icon",
2111
- "RadioProvider",
2112
- "HStack",
2113
- "RadioGroup",
2114
- "Pressable",
2115
- "Text"
2116
- ],
2117
- "internalComponentProps": {
2118
- "Icon": {
2119
- "size": ["sm"],
2120
- "color": ["current"],
2121
- "aria-hidden": ["true"]
2122
- },
2123
- "HStack": {
2124
- "spacing": ["1"],
2125
- "gap": ["1"],
2126
- "backgroundColor": ["secondary"],
2127
- "borderRadius": ["full"],
2128
- "display": ["inline-flex"]
2129
- },
2130
- "Text": { "color": ["current"] }
2131
- },
2132
- "propToVariantKeys": {
2133
- "value": ["key"],
2134
- "label": ["aria-label"],
2135
- "textVariant": ["variant"]
2136
- },
2137
- "runtimeConfigDefaultProps": {},
2138
- "runtimeConfigGetStyles": {},
2139
- "runtimeConfigInternalComponentProps": {},
2140
- "motionVarPrefixes": []
2141
- };
2142
- var SwitchV2 = {
2143
- "name": "SwitchV2",
2144
- "defaultProps": {
2145
- "labelPosition": "start",
2146
- "size": "md"
2147
- },
2369
+ var Tooltip = {
2370
+ "name": "Tooltip",
2371
+ "defaultProps": {},
2372
+ "getStylesLiterals": {},
2373
+ "cxLiterals": [],
2374
+ "internalComponents": ["TooltipInternalContext.Provider", "TooltipProvider"],
2375
+ "internalComponentProps": {},
2376
+ "propToVariantKeys": {},
2377
+ "runtimeConfigDefaultProps": {},
2378
+ "runtimeConfigGetStyles": {},
2379
+ "runtimeConfigInternalComponentProps": { "TooltipProvider": { "animated": ["tooltip.animationDuration"] } },
2380
+ "motionVarPrefixes": []
2381
+ };
2382
+ var TooltipContent = {
2383
+ "name": "TooltipContent",
2384
+ "defaultProps": {},
2148
2385
  "getStylesLiterals": {
2149
- "switchVariantRoot": "default",
2150
- "switchVariantActiveRoot": "on",
2151
- "switchVariantActiveRoot:1": "off",
2152
- "switchVariantSwitch": "default",
2153
- "switchVariantActiveSwitch": "on",
2154
- "switchVariantActiveSwitch:1": "off",
2155
- "switchVariantActiveHandle": "on",
2156
- "switchVariantActiveHandle:1": "off",
2157
- "switchVariantHandle": "default",
2158
- "switchVariantHandleIcon": "default",
2159
- "switchVariantActiveHandleIcon": "on",
2160
- "switchVariantActiveHandleIcon:1": "off"
2386
+ "tooltipSizeRoot": "default",
2387
+ "tooltipVariantRoot": "default",
2388
+ "tooltipSizeSvg": "default",
2389
+ "tooltipVariantSvg": "default",
2390
+ "tooltipVariantBlur": "default",
2391
+ "position": "absolute",
2392
+ "width": "full",
2393
+ "height": "full",
2394
+ "tooltipSizeTitle": "default",
2395
+ "tooltipSizeBody": "default",
2396
+ "tooltipSizeEndContent": "default",
2397
+ "tooltipSizeIcon": "default",
2398
+ "tooltipVariantIcon": "default"
2161
2399
  },
2162
2400
  "cxLiterals": [
2163
- "group",
2401
+ "max-w-lg",
2164
2402
  "flex",
2165
- "items-center",
2166
- "flex-row",
2167
- "flex-row-reverse",
2168
- "uds-ring",
2169
- "uds-ring-within",
2170
- "relative",
2171
- "uds-border-radius-full",
2172
- "transition-[background-color,box-shadow]",
2173
- "pointer-events-none",
2174
- "w-full",
2175
- "h-full",
2176
- "absolute",
2403
+ "z-[9999]",
2404
+ "uds-bgBlurFillFallback",
2405
+ "uds-bgBlurFallback",
2177
2406
  "top-0",
2178
- "bottom-0",
2179
- "right-0",
2180
2407
  "left-0",
2181
- "overflow-hidden",
2182
- "group-hover:scale-105",
2183
- "opacity-95",
2184
- "group-hover:opacity-100",
2185
- "transition-[transform,opacity]",
2186
- "opacity-0",
2187
- "top-1/2",
2188
- "left-1/2",
2189
- "transform",
2190
- "translate-x-[-50%]",
2191
- "translate-y-[-50%]",
2192
- "transition-opacity",
2193
- "cursor-[inherit]",
2194
- "w-[calc(100%+2px)]",
2195
- "h-[calc(100%+2px)]",
2196
- "text-start",
2197
- "text-end",
2198
- "opacity-100"
2408
+ "z-[1]"
2199
2409
  ],
2200
2410
  "internalComponents": [
2201
2411
  "IconSlot",
2412
+ "TooltipArrow",
2413
+ "Tooltip",
2414
+ "SvgFloatingOverlay",
2415
+ "VStack",
2202
2416
  "Box",
2203
- "FormLabel",
2204
- "SpringMotionConfig",
2205
- "RootElement",
2206
- "MotionBox"
2417
+ "Text"
2207
2418
  ],
2208
2419
  "internalComponentProps": {
2209
- "IconSlot": { "data-testid": ["on-icon", "off-icon"] },
2210
- "FormLabel": {
2211
- "as": ["div"],
2212
- "variant": ["inherit"],
2213
- "color": ["inherit"]
2214
- },
2215
- "SpringMotionConfig": {
2216
- "layoutVariant": ["bouncy"],
2217
- "layoutSpeed": ["4"]
2420
+ "SvgFloatingOverlay": { "contentOverflow": ["visible"] },
2421
+ "VStack": { "className": ["gap-[inherit]"] },
2422
+ "Box": {
2423
+ "alignItems": ["center"],
2424
+ "columnGap": ["1", "1.5"]
2218
2425
  },
2219
- "RootElement": { "data-testid": ["switch-root"] },
2220
- "MotionBox": { "layout": ["position"] }
2221
- },
2222
- "propToVariantKeys": {
2223
- "size": [
2224
- "switchSizeRoot",
2225
- "switchSizeSwitch",
2226
- "switchSizeHandle",
2227
- "switchSizeHandleIcon"
2228
- ],
2229
- "onIcon": ["icon"],
2230
- "offIcon": ["icon"],
2231
- "reduceMotion": ["reducedMotion"],
2232
- "isOn": ["layoutDependency"]
2426
+ "Text": { "color": ["inherit"] }
2233
2427
  },
2428
+ "propToVariantKeys": { "startTitleIcon": ["icon"] },
2234
2429
  "runtimeConfigDefaultProps": {},
2235
2430
  "runtimeConfigGetStyles": {},
2236
2431
  "runtimeConfigInternalComponentProps": {},
2237
- "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
2432
+ "motionVarPrefixes": []
2238
2433
  };
2239
- var Tabs = {
2240
- "name": "Tabs",
2434
+ var TooltipTrigger = {
2435
+ "name": "TooltipTrigger",
2241
2436
  "defaultProps": {},
2242
- "getStylesLiterals": {
2243
- "display": "flex",
2244
- "flexDirection": "row",
2245
- "columnGap": "6"
2246
- },
2247
- "cxLiterals": [
2248
- "text-tertiary",
2249
- "border-b-transparent",
2250
- "aria-selected:border-b-brand",
2251
- "aria-selected:text-secondary"
2252
- ],
2437
+ "getStylesLiterals": {},
2438
+ "cxLiterals": [],
2439
+ "internalComponents": ["TooltipAnchor"],
2440
+ "internalComponentProps": { "TooltipAnchor": { "className": ["inline"] } },
2441
+ "propToVariantKeys": { "children": ["render"] },
2442
+ "runtimeConfigDefaultProps": {},
2443
+ "runtimeConfigGetStyles": {},
2444
+ "runtimeConfigInternalComponentProps": {},
2445
+ "motionVarPrefixes": []
2446
+ };
2447
+ var UDSTooltipConfigProvider = {
2448
+ "name": "UDSTooltipConfigProvider",
2449
+ "defaultProps": {},
2450
+ "getStylesLiterals": {},
2451
+ "cxLiterals": [],
2452
+ "internalComponents": ["TooltipContext.Provider"],
2453
+ "internalComponentProps": {},
2454
+ "propToVariantKeys": {},
2455
+ "runtimeConfigDefaultProps": {},
2456
+ "runtimeConfigGetStyles": {},
2457
+ "runtimeConfigInternalComponentProps": {},
2458
+ "motionVarPrefixes": []
2459
+ };
2460
+ var UDSBreakpointsConfigProvider = {
2461
+ "name": "UDSBreakpointsConfigProvider",
2462
+ "defaultProps": {},
2463
+ "getStylesLiterals": {},
2464
+ "cxLiterals": [],
2465
+ "internalComponents": ["UDSBreakpointsConfigContext.Provider"],
2466
+ "internalComponentProps": {},
2467
+ "propToVariantKeys": {},
2468
+ "runtimeConfigDefaultProps": {},
2469
+ "runtimeConfigGetStyles": {},
2470
+ "runtimeConfigInternalComponentProps": {},
2471
+ "motionVarPrefixes": []
2472
+ };
2473
+ var UDSConfigProvider = {
2474
+ "name": "UDSConfigProvider",
2475
+ "defaultProps": {},
2476
+ "getStylesLiterals": {},
2477
+ "cxLiterals": [],
2253
2478
  "internalComponents": [
2254
- "TabProvider",
2255
- "OriginalTabList",
2256
- "OriginalTab",
2257
- "Icon",
2258
- "OriginalTabPanel",
2259
- "Pressable",
2260
- "Comp",
2261
- "Text"
2479
+ "UDSBreakpointsConfigProvider",
2480
+ "UDSBottomSheetConfigProvider",
2481
+ "UDSToastConfigProvider",
2482
+ "UDSTooltipConfigProvider",
2483
+ "UDSPopoverConfigProvider"
2262
2484
  ],
2263
- "internalComponentProps": {
2264
- "Icon": {
2265
- "className": ["text-current"],
2266
- "size": ["md"]
2267
- },
2268
- "Pressable": {
2269
- "borderBottomWidth": ["medium"],
2270
- "spacingBottom": ["1"],
2271
- "spacingTop": ["4"]
2272
- },
2273
- "Text": {
2274
- "className": ["text-current"],
2275
- "variant": ["headline1"],
2276
- "as": ["span"]
2277
- }
2278
- },
2485
+ "internalComponentProps": {},
2279
2486
  "propToVariantKeys": {},
2280
2487
  "runtimeConfigDefaultProps": {},
2281
2488
  "runtimeConfigGetStyles": {},
@@ -2294,9 +2501,16 @@ var componentData_default = {
2294
2501
  SvgFloatingOverlay,
2295
2502
  Text,
2296
2503
  VStack,
2504
+ Banner,
2505
+ BannerContent,
2506
+ BannerDescription,
2507
+ BannerTitle,
2297
2508
  Divider,
2298
2509
  DividerCore,
2299
2510
  DividerInternal,
2511
+ Spinner,
2512
+ "Table.mocks": Table_mocks,
2513
+ Table,
2300
2514
  AnimateHeightChange,
2301
2515
  Badge,
2302
2516
  Button,
@@ -2305,9 +2519,11 @@ var componentData_default = {
2305
2519
  Pressable,
2306
2520
  SpringMotionConfig,
2307
2521
  Switch,
2308
- Spinner,
2309
- "Table.mocks": Table_mocks,
2310
- Table,
2522
+ Accordion,
2523
+ AvoidMotionLibraryProvider,
2524
+ Modal,
2525
+ SegmentedControl,
2526
+ SwitchV2,
2311
2527
  Avatar,
2312
2528
  AvatarIcon,
2313
2529
  AvatarImage,
@@ -2327,14 +2543,6 @@ var componentData_default = {
2327
2543
  ChipDismissible,
2328
2544
  ChipLink,
2329
2545
  ChipToggle,
2330
- Input,
2331
- InputHelpText,
2332
- InputHelpTextInternal,
2333
- Popover,
2334
- PopoverContent,
2335
- PopoverContext,
2336
- PopoverTrigger,
2337
- UDSPopoverConfigProvider,
2338
2546
  "Menu.Content": Menu_Content,
2339
2547
  "Menu.Divider": Menu_Divider,
2340
2548
  "Menu.Item": Menu_Item,
@@ -2344,9 +2552,21 @@ var componentData_default = {
2344
2552
  "Menu.Trigger": Menu_Trigger,
2345
2553
  "Menu.index": Menu_index,
2346
2554
  Menu,
2555
+ Input,
2556
+ InputHelpText,
2557
+ InputHelpTextInternal,
2558
+ Popover,
2559
+ PopoverContent,
2560
+ PopoverContext,
2561
+ PopoverTrigger,
2562
+ UDSPopoverConfigProvider,
2347
2563
  Radio,
2348
2564
  RadioGroupProvider,
2349
2565
  RadioGroupStore,
2566
+ Tab,
2567
+ TabList,
2568
+ TabPanel,
2569
+ Tabs,
2350
2570
  Toast,
2351
2571
  ToastContainer,
2352
2572
  ToastPortal,
@@ -2356,13 +2576,7 @@ var componentData_default = {
2356
2576
  TooltipTrigger,
2357
2577
  UDSTooltipConfigProvider,
2358
2578
  UDSBreakpointsConfigProvider,
2359
- UDSConfigProvider,
2360
- Accordion,
2361
- AvoidMotionLibraryProvider,
2362
- Modal,
2363
- SegmentedControl,
2364
- SwitchV2,
2365
- Tabs
2579
+ UDSConfigProvider
2366
2580
  };
2367
2581
 
2368
2582
  //#endregion
@@ -2414,6 +2628,30 @@ Object.defineProperty(exports, 'Badge', {
2414
2628
  return Badge;
2415
2629
  }
2416
2630
  });
2631
+ Object.defineProperty(exports, 'Banner', {
2632
+ enumerable: true,
2633
+ get: function () {
2634
+ return Banner;
2635
+ }
2636
+ });
2637
+ Object.defineProperty(exports, 'BannerContent', {
2638
+ enumerable: true,
2639
+ get: function () {
2640
+ return BannerContent;
2641
+ }
2642
+ });
2643
+ Object.defineProperty(exports, 'BannerDescription', {
2644
+ enumerable: true,
2645
+ get: function () {
2646
+ return BannerDescription;
2647
+ }
2648
+ });
2649
+ Object.defineProperty(exports, 'BannerTitle', {
2650
+ enumerable: true,
2651
+ get: function () {
2652
+ return BannerTitle;
2653
+ }
2654
+ });
2417
2655
  Object.defineProperty(exports, 'BottomSheet', {
2418
2656
  enumerable: true,
2419
2657
  get: function () {
@@ -2744,6 +2982,24 @@ Object.defineProperty(exports, 'SwitchV2', {
2744
2982
  return SwitchV2;
2745
2983
  }
2746
2984
  });
2985
+ Object.defineProperty(exports, 'Tab', {
2986
+ enumerable: true,
2987
+ get: function () {
2988
+ return Tab;
2989
+ }
2990
+ });
2991
+ Object.defineProperty(exports, 'TabList', {
2992
+ enumerable: true,
2993
+ get: function () {
2994
+ return TabList;
2995
+ }
2996
+ });
2997
+ Object.defineProperty(exports, 'TabPanel', {
2998
+ enumerable: true,
2999
+ get: function () {
3000
+ return TabPanel;
3001
+ }
3002
+ });
2747
3003
  Object.defineProperty(exports, 'Table', {
2748
3004
  enumerable: true,
2749
3005
  get: function () {