@yahoo/uds 3.133.0 → 3.133.2

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 (28) hide show
  1. package/dist/automated-config/dist/utils/getConfigVariantProperties.d.cts +2 -2
  2. package/dist/automated-config/dist/utils/getConfigVariantProperties.d.ts +2 -2
  3. package/dist/components/client/Popover/UDSPopoverConfigProvider.d.cts +1 -1
  4. package/dist/components/client/Popover/UDSPopoverConfigProvider.d.ts +1 -1
  5. package/dist/components/client/Tabs/Tab.cjs +4 -4
  6. package/dist/components/client/Tabs/Tab.js +4 -4
  7. package/dist/components/client/Tabs/TabList.cjs +10 -10
  8. package/dist/components/client/Tabs/TabList.js +10 -10
  9. package/dist/components/client/Tabs/Tabs.cjs +3 -3
  10. package/dist/components/client/Tabs/Tabs.d.cts +2 -2
  11. package/dist/components/client/Tabs/Tabs.d.ts +2 -2
  12. package/dist/components/client/Tabs/Tabs.js +3 -3
  13. package/dist/components/client/Tabs/tabsContext.cjs +1 -1
  14. package/dist/components/client/Tabs/tabsContext.d.cts +1 -1
  15. package/dist/components/client/Tabs/tabsContext.d.ts +1 -1
  16. package/dist/components/client/Tabs/tabsContext.js +1 -1
  17. package/dist/components/client/Toast/UDSToastConfigProvider.d.cts +5 -5
  18. package/dist/components/client/Toast/UDSToastConfigProvider.d.ts +5 -5
  19. package/dist/styles/styler.d.cts +61 -61
  20. package/dist/styles/styler.d.ts +61 -61
  21. package/dist/tailwind/dist/types/dist/index.d.cts.map +1 -1
  22. package/dist/tailwind/dist/types/dist/index.d.ts.map +1 -1
  23. package/dist/types/dist/index.d.cts +2 -2
  24. package/dist/types/dist/index.d.ts +2 -2
  25. package/dist/uds/generated/componentData.cjs +892 -892
  26. package/dist/uds/generated/componentData.js +892 -892
  27. package/generated/componentData.json +1248 -1248
  28. package/package.json +1 -1
@@ -488,6 +488,95 @@
488
488
  "runtimeConfigInternalComponentProps": {},
489
489
  "motionVarPrefixes": []
490
490
  },
491
+ "Divider": {
492
+ "name": "Divider",
493
+ "defaultProps": {},
494
+ "getStylesLiterals": {},
495
+ "cxLiterals": [],
496
+ "internalComponents": [
497
+ "DividerInternal"
498
+ ],
499
+ "internalComponentProps": {},
500
+ "propToVariantKeys": {},
501
+ "runtimeConfigDefaultProps": {},
502
+ "runtimeConfigGetStyles": {},
503
+ "runtimeConfigInternalComponentProps": {},
504
+ "motionVarPrefixes": []
505
+ },
506
+ "DividerCore": {
507
+ "name": "DividerCore",
508
+ "defaultProps": {
509
+ "contentPosition": "center"
510
+ },
511
+ "getStylesLiterals": {},
512
+ "cxLiterals": [],
513
+ "internalComponents": [
514
+ "Box",
515
+ "Line",
516
+ "InternalComponent",
517
+ "Text"
518
+ ],
519
+ "internalComponentProps": {
520
+ "Box": {
521
+ "flex": [
522
+ "1",
523
+ "none"
524
+ ],
525
+ "display": [
526
+ "flex"
527
+ ]
528
+ },
529
+ "InternalComponent": {
530
+ "flex": [
531
+ "1"
532
+ ],
533
+ "alignItems": [
534
+ "center"
535
+ ]
536
+ },
537
+ "Text": {
538
+ "as": [
539
+ "span"
540
+ ],
541
+ "color": [
542
+ "inherit"
543
+ ],
544
+ "variant": [
545
+ "inherit"
546
+ ]
547
+ }
548
+ },
549
+ "propToVariantKeys": {},
550
+ "runtimeConfigDefaultProps": {},
551
+ "runtimeConfigGetStyles": {},
552
+ "runtimeConfigInternalComponentProps": {},
553
+ "motionVarPrefixes": []
554
+ },
555
+ "DividerInternal": {
556
+ "name": "DividerInternal",
557
+ "defaultProps": {
558
+ "variant": "primary"
559
+ },
560
+ "getStylesLiterals": {},
561
+ "cxLiterals": [
562
+ "inherit"
563
+ ],
564
+ "internalComponents": [
565
+ "DividerCore"
566
+ ],
567
+ "internalComponentProps": {},
568
+ "propToVariantKeys": {
569
+ "variant": [
570
+ "dividerVariantRoot",
571
+ "dividerVariantLabel",
572
+ "dividerVariantLine"
573
+ ]
574
+ },
575
+ "runtimeConfigDefaultProps": {},
576
+ "runtimeConfigGetStyles": {},
577
+ "runtimeConfigInternalComponentProps": {},
578
+ "motionVarPrefixes": []
579
+ },
491
580
  "Spinner": {
492
581
  "name": "Spinner",
493
582
  "defaultProps": {
@@ -1075,95 +1164,6 @@
1075
1164
  "--uds-motion-smooth-3-"
1076
1165
  ]
1077
1166
  },
1078
- "Divider": {
1079
- "name": "Divider",
1080
- "defaultProps": {},
1081
- "getStylesLiterals": {},
1082
- "cxLiterals": [],
1083
- "internalComponents": [
1084
- "DividerInternal"
1085
- ],
1086
- "internalComponentProps": {},
1087
- "propToVariantKeys": {},
1088
- "runtimeConfigDefaultProps": {},
1089
- "runtimeConfigGetStyles": {},
1090
- "runtimeConfigInternalComponentProps": {},
1091
- "motionVarPrefixes": []
1092
- },
1093
- "DividerCore": {
1094
- "name": "DividerCore",
1095
- "defaultProps": {
1096
- "contentPosition": "center"
1097
- },
1098
- "getStylesLiterals": {},
1099
- "cxLiterals": [],
1100
- "internalComponents": [
1101
- "Box",
1102
- "Line",
1103
- "InternalComponent",
1104
- "Text"
1105
- ],
1106
- "internalComponentProps": {
1107
- "Box": {
1108
- "flex": [
1109
- "1",
1110
- "none"
1111
- ],
1112
- "display": [
1113
- "flex"
1114
- ]
1115
- },
1116
- "InternalComponent": {
1117
- "flex": [
1118
- "1"
1119
- ],
1120
- "alignItems": [
1121
- "center"
1122
- ]
1123
- },
1124
- "Text": {
1125
- "as": [
1126
- "span"
1127
- ],
1128
- "color": [
1129
- "inherit"
1130
- ],
1131
- "variant": [
1132
- "inherit"
1133
- ]
1134
- }
1135
- },
1136
- "propToVariantKeys": {},
1137
- "runtimeConfigDefaultProps": {},
1138
- "runtimeConfigGetStyles": {},
1139
- "runtimeConfigInternalComponentProps": {},
1140
- "motionVarPrefixes": []
1141
- },
1142
- "DividerInternal": {
1143
- "name": "DividerInternal",
1144
- "defaultProps": {
1145
- "variant": "primary"
1146
- },
1147
- "getStylesLiterals": {},
1148
- "cxLiterals": [
1149
- "inherit"
1150
- ],
1151
- "internalComponents": [
1152
- "DividerCore"
1153
- ],
1154
- "internalComponentProps": {},
1155
- "propToVariantKeys": {
1156
- "variant": [
1157
- "dividerVariantRoot",
1158
- "dividerVariantLabel",
1159
- "dividerVariantLine"
1160
- ]
1161
- },
1162
- "runtimeConfigDefaultProps": {},
1163
- "runtimeConfigGetStyles": {},
1164
- "runtimeConfigInternalComponentProps": {},
1165
- "motionVarPrefixes": []
1166
- },
1167
1167
  "Accordion": {
1168
1168
  "name": "Accordion",
1169
1169
  "defaultProps": {
@@ -1573,135 +1573,221 @@
1573
1573
  "--uds-motion-smooth-3-"
1574
1574
  ]
1575
1575
  },
1576
- "Radio": {
1577
- "name": "Radio",
1576
+ "Avatar": {
1577
+ "name": "Avatar",
1578
+ "defaultProps": {},
1579
+ "getStylesLiterals": {},
1580
+ "cxLiterals": [],
1581
+ "internalComponents": [
1582
+ "AvatarImage"
1583
+ ],
1584
+ "internalComponentProps": {},
1585
+ "propToVariantKeys": {},
1586
+ "runtimeConfigDefaultProps": {},
1587
+ "runtimeConfigGetStyles": {},
1588
+ "runtimeConfigInternalComponentProps": {},
1589
+ "motionVarPrefixes": []
1590
+ },
1591
+ "AvatarIcon": {
1592
+ "name": "AvatarIcon",
1578
1593
  "defaultProps": {
1579
- "labelPosition": "start",
1580
- "variant": "primary",
1581
1594
  "size": "md",
1582
- "value": ""
1583
- },
1584
- "getStylesLiterals": {
1585
- "radioVariantValueRoot": "checked",
1586
- "radioVariantValueRoot:1": "unchecked",
1587
- "display": "flex",
1588
- "flexDirection": "row",
1589
- "flexDirection:1": "row-reverse",
1590
- "alignItems": "center",
1591
- "radioVariantValueRadio": "checked",
1592
- "radioVariantValueRadio:1": "unchecked",
1593
- "radioVariantValueRadioCircle": "checked",
1594
- "radioVariantValueRadioCircle:1": "unchecked"
1595
+ "variant": "primary"
1595
1596
  },
1597
+ "getStylesLiterals": {},
1596
1598
  "cxLiterals": [
1597
- "cursor-pointer",
1598
- "cursor-default",
1599
- "opacity-50",
1600
- "border",
1601
- "uds-ring",
1602
- "uds-ring-within",
1603
- "transition-[background-color,border-color]",
1604
- "transition-shadow",
1605
- "pointer-events-none",
1606
- "w-[8px]",
1607
- "h-[8px]",
1608
- "transition-opacity",
1609
- "cursor-[inherit]",
1610
- "absolute",
1611
- "opacity-0",
1612
- "top-1/2",
1613
- "left-1/2",
1614
- "w-[calc(100%+2px)]",
1615
- "h-[calc(100%+2px)]",
1616
- "transform",
1617
- "translate-x-[-50%]",
1618
- "translate-y-[-50%]",
1619
- "text-start",
1620
- "text-end"
1599
+ "overflow-hidden",
1600
+ "w-full",
1601
+ "h-full",
1602
+ "shrink-0",
1603
+ "text-center",
1604
+ "inline-flex",
1605
+ "justify-center",
1606
+ "items-center"
1621
1607
  ],
1622
1608
  "internalComponents": [
1623
- "Box",
1624
- "FormLabel",
1625
- "SpringMotionConfig",
1626
- "RootElement",
1627
- "MotionBox"
1609
+ "IconSlot",
1610
+ "Box"
1628
1611
  ],
1629
- "internalComponentProps": {
1630
- "Box": {
1631
- "borderRadius": [
1632
- "full"
1633
- ]
1634
- },
1635
- "FormLabel": {
1636
- "as": [
1637
- "div"
1638
- ],
1639
- "variant": [
1612
+ "internalComponentProps": {},
1613
+ "propToVariantKeys": {
1614
+ "size": [
1615
+ "avatarSizeIcon"
1616
+ ]
1617
+ },
1618
+ "runtimeConfigDefaultProps": {},
1619
+ "runtimeConfigGetStyles": {},
1620
+ "runtimeConfigInternalComponentProps": {},
1621
+ "motionVarPrefixes": []
1622
+ },
1623
+ "AvatarImage": {
1624
+ "name": "AvatarImage",
1625
+ "defaultProps": {
1626
+ "size": "md",
1627
+ "variant": "primary"
1628
+ },
1629
+ "getStylesLiterals": {},
1630
+ "cxLiterals": [
1631
+ "overflow-hidden",
1632
+ "w-full",
1633
+ "h-full",
1634
+ "shrink-0",
1635
+ "text-center",
1636
+ "inline-flex",
1637
+ "justify-center",
1638
+ "items-center",
1639
+ "object-cover"
1640
+ ],
1641
+ "internalComponents": [
1642
+ "UDSImage",
1643
+ "AvatarText",
1644
+ "AvatarIcon",
1645
+ "Box"
1646
+ ],
1647
+ "internalComponentProps": {},
1648
+ "propToVariantKeys": {
1649
+ "alt": [
1650
+ "name"
1651
+ ],
1652
+ "fallback": [
1653
+ "initials"
1654
+ ]
1655
+ },
1656
+ "runtimeConfigDefaultProps": {},
1657
+ "runtimeConfigGetStyles": {},
1658
+ "runtimeConfigInternalComponentProps": {},
1659
+ "motionVarPrefixes": []
1660
+ },
1661
+ "AvatarText": {
1662
+ "name": "AvatarText",
1663
+ "defaultProps": {
1664
+ "size": "md",
1665
+ "variant": "primary"
1666
+ },
1667
+ "getStylesLiterals": {},
1668
+ "cxLiterals": [
1669
+ "overflow-hidden",
1670
+ "truncate",
1671
+ "w-full",
1672
+ "h-full",
1673
+ "shrink-0",
1674
+ "text-center",
1675
+ "inline-flex",
1676
+ "justify-center",
1677
+ "items-center"
1678
+ ],
1679
+ "internalComponents": [
1680
+ "Box",
1681
+ "Text"
1682
+ ],
1683
+ "internalComponentProps": {
1684
+ "Text": {
1685
+ "color": [
1640
1686
  "inherit"
1641
1687
  ],
1642
- "color": [
1688
+ "variant": [
1643
1689
  "inherit"
1644
1690
  ]
1691
+ }
1692
+ },
1693
+ "propToVariantKeys": {},
1694
+ "runtimeConfigDefaultProps": {},
1695
+ "runtimeConfigGetStyles": {},
1696
+ "runtimeConfigInternalComponentProps": {},
1697
+ "motionVarPrefixes": []
1698
+ },
1699
+ "BottomSheet": {
1700
+ "name": "BottomSheet",
1701
+ "defaultProps": {
1702
+ "variant": "default"
1703
+ },
1704
+ "getStylesLiterals": {},
1705
+ "cxLiterals": [
1706
+ "fixed",
1707
+ "overflow-hidden",
1708
+ "inset-x-0",
1709
+ "bottom-0",
1710
+ "z-50",
1711
+ "[will-change:transform]",
1712
+ "touch-none",
1713
+ "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
1714
+ "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
1715
+ "transition-transform",
1716
+ "duration-500",
1717
+ "ease-[cubic-bezier(0.32,0.72,0,1)]",
1718
+ "motion-reduce:transition-none",
1719
+ "top-[-4px]",
1720
+ "z-[1]",
1721
+ "touch-pan-y"
1722
+ ],
1723
+ "internalComponents": [
1724
+ "Scrim",
1725
+ "BottomSheetHandle",
1726
+ "Dialog",
1727
+ "Box",
1728
+ "BottomSheetInternalContext.Provider"
1729
+ ],
1730
+ "internalComponentProps": {
1731
+ "BottomSheetHandle": {
1732
+ "ariaLabel": [
1733
+ "Resize sheet"
1734
+ ]
1645
1735
  },
1646
- "RootElement": {
1736
+ "Dialog": {
1647
1737
  "data-testid": [
1648
- "container"
1738
+ "bottom-sheet"
1649
1739
  ]
1650
1740
  },
1651
- "MotionBox": {
1652
- "position": [
1653
- "relative"
1654
- ],
1655
- "borderRadius": [
1656
- "full"
1741
+ "Box": {
1742
+ "display": [
1743
+ "block",
1744
+ "flex"
1657
1745
  ],
1658
- "alignItems": [
1659
- "center"
1746
+ "position": [
1747
+ "absolute"
1660
1748
  ],
1661
- "justifyContent": [
1662
- "center"
1749
+ "flexDirection": [
1750
+ "column"
1663
1751
  ],
1664
- "flex": [
1665
- "none"
1752
+ "className": [
1753
+ "absolute inset-0 min-h-0 p-[inherit]"
1666
1754
  ]
1667
1755
  }
1668
1756
  },
1669
1757
  "propToVariantKeys": {
1670
- "size": [
1671
- "radioSizeRoot",
1672
- "radioSizeRadio"
1673
- ],
1674
1758
  "variant": [
1675
- "radioVariantRoot",
1676
- "radioVariantRadio",
1677
- "radioVariantRadioCircle"
1678
- ],
1679
- "reduceMotion": [
1680
- "reducedMotion"
1759
+ "bottomsheetVariantRoot"
1681
1760
  ]
1682
1761
  },
1683
1762
  "runtimeConfigDefaultProps": {},
1684
1763
  "runtimeConfigGetStyles": {},
1685
1764
  "runtimeConfigInternalComponentProps": {},
1686
- "motionVarPrefixes": [
1687
- "--uds-motion-subtle-3-",
1688
- "--uds-motion-smooth-3-"
1689
- ]
1765
+ "motionVarPrefixes": []
1690
1766
  },
1691
- "RadioGroupProvider": {
1692
- "name": "RadioGroupProvider",
1767
+ "BottomSheetContent": {
1768
+ "name": "BottomSheetContent",
1693
1769
  "defaultProps": {},
1694
1770
  "getStylesLiterals": {},
1695
- "cxLiterals": [],
1771
+ "cxLiterals": [
1772
+ "min-h-0",
1773
+ "touch-pan-y"
1774
+ ],
1696
1775
  "internalComponents": [
1697
- "DivProps",
1698
- "Comp",
1699
- "RadioGroupContext.Provider"
1776
+ "Box",
1777
+ "VStack"
1700
1778
  ],
1701
1779
  "internalComponentProps": {
1702
- "Comp": {
1703
- "role": [
1704
- "radiogroup"
1780
+ "Box": {
1781
+ "display": [
1782
+ "block"
1783
+ ],
1784
+ "flex": [
1785
+ "1"
1786
+ ]
1787
+ },
1788
+ "VStack": {
1789
+ "className": [
1790
+ "pb-[calc(env(safe-area-inset-bottom))]"
1705
1791
  ]
1706
1792
  }
1707
1793
  },
@@ -1711,12 +1797,14 @@
1711
1797
  "runtimeConfigInternalComponentProps": {},
1712
1798
  "motionVarPrefixes": []
1713
1799
  },
1714
- "RadioGroupStore": {
1715
- "name": "RadioGroupStore",
1800
+ "BottomSheetDismiss": {
1801
+ "name": "BottomSheetDismiss",
1716
1802
  "defaultProps": {},
1717
1803
  "getStylesLiterals": {},
1718
1804
  "cxLiterals": [],
1719
- "internalComponents": [],
1805
+ "internalComponents": [
1806
+ "AriakitDialogDismiss"
1807
+ ],
1720
1808
  "internalComponentProps": {},
1721
1809
  "propToVariantKeys": {},
1722
1810
  "runtimeConfigDefaultProps": {},
@@ -1724,116 +1812,110 @@
1724
1812
  "runtimeConfigInternalComponentProps": {},
1725
1813
  "motionVarPrefixes": []
1726
1814
  },
1727
- "Popover": {
1728
- "name": "Popover",
1729
- "defaultProps": {},
1815
+ "BottomSheetHandle": {
1816
+ "name": "BottomSheetHandle",
1817
+ "defaultProps": {
1818
+ "variant": "default"
1819
+ },
1730
1820
  "getStylesLiterals": {},
1731
- "cxLiterals": [],
1821
+ "cxLiterals": [
1822
+ "relative",
1823
+ "h-5",
1824
+ "w-16",
1825
+ "outline-none",
1826
+ "focus-visible:outline-none",
1827
+ "[touch-action:pan-y]",
1828
+ "absolute",
1829
+ "left-1/2",
1830
+ "top-1/2",
1831
+ "-translate-x-1/2",
1832
+ "-translate-y-1/2",
1833
+ "h-1",
1834
+ "w-8",
1835
+ "rounded-full"
1836
+ ],
1732
1837
  "internalComponents": [
1733
- "PopoverInternalContext.Provider",
1734
- "PopoverProvider"
1838
+ "Box"
1735
1839
  ],
1736
- "internalComponentProps": {},
1737
- "propToVariantKeys": {},
1738
- "runtimeConfigDefaultProps": {
1739
- "size": "popover.defaultSize",
1740
- "variant": "popover.defaultVariant"
1840
+ "internalComponentProps": {
1841
+ "Box": {
1842
+ "display": [
1843
+ "block",
1844
+ "flex"
1845
+ ],
1846
+ "justifyContent": [
1847
+ "center"
1848
+ ]
1849
+ }
1850
+ },
1851
+ "propToVariantKeys": {
1852
+ "variant": [
1853
+ "bottomsheetVariantHandleIndicator"
1854
+ ]
1741
1855
  },
1856
+ "runtimeConfigDefaultProps": {},
1742
1857
  "runtimeConfigGetStyles": {},
1743
1858
  "runtimeConfigInternalComponentProps": {},
1744
1859
  "motionVarPrefixes": []
1745
1860
  },
1746
- "PopoverContent": {
1747
- "name": "PopoverContent",
1748
- "defaultProps": {},
1749
- "getStylesLiterals": {
1750
- "popoverSizeRoot": "default",
1751
- "popoverVariantRoot": "default",
1752
- "display": "flex",
1753
- "position": "relative",
1754
- "display:1": "block",
1755
- "spacingTop": "0",
1756
- "spacingStart": "0",
1757
- "spacingBottom": "0",
1758
- "spacingEnd": "0",
1759
- "popoverSizeSvgBase": "default",
1760
- "popoverVariantSvgBase": "default",
1761
- "popoverSizeSvgBorder": "default",
1762
- "popoverVariantSvgBorder": "default",
1763
- "popoverVariantBlur": "default",
1764
- "position:1": "absolute",
1765
- "width": "full",
1766
- "height": "full",
1767
- "flexShrink": "0",
1768
- "borderRadius": "full",
1769
- "alignItems": "center",
1770
- "justifyContent": "center",
1771
- "popoverVariantCloseIcon": "default",
1772
- "popoverSizeCloseIcon": "default"
1861
+ "BottomSheetHeader": {
1862
+ "name": "BottomSheetHeader",
1863
+ "defaultProps": {
1864
+ "variant": "default"
1773
1865
  },
1866
+ "getStylesLiterals": {},
1774
1867
  "cxLiterals": [
1775
- "z-[9999]",
1776
- "outline-none",
1777
- "focus-visible:outline-none",
1778
- "uds-bgBlurFillFallback",
1779
- "uds-bgBlurFallback",
1780
- "top-0",
1781
- "left-0",
1782
- "z-[1]",
1783
- "duration-0",
1784
- "duration-120",
1785
- "transition-[background-color]",
1786
- "bg-carbon-15/0",
1787
- "hover:bg-carbon-15/10",
1788
- "active:bg-carbon-15/15",
1789
- "uds-ring",
1790
- "absolute",
1791
- "z-[4]"
1868
+ "grid-cols-[40px_1fr_40px]",
1869
+ "items-center",
1870
+ "w-full",
1871
+ "min-h-10",
1872
+ "mt-2"
1792
1873
  ],
1793
1874
  "internalComponents": [
1794
- "PopoverDismiss",
1795
- "IconSlot",
1796
- "PopoverArrow",
1797
- "Popover",
1798
- "SvgFloatingOverlay",
1799
1875
  "Box",
1800
- "Pressable"
1876
+ "Text"
1801
1877
  ],
1802
- "internalComponentProps": {},
1803
- "propToVariantKeys": {
1804
- "closeIcon": [
1805
- "icon"
1806
- ]
1807
- },
1808
- "runtimeConfigDefaultProps": {
1809
- "size": "popover.defaultSize",
1810
- "variant": "popover.defaultVariant"
1811
- },
1812
- "runtimeConfigGetStyles": {
1813
- "spacingTop": [
1814
- "popover.spacingVertical.${size}"
1815
- ],
1816
- "spacingStart": [
1817
- "popover.spacingHorizontal.${size}"
1818
- ],
1819
- "spacingBottom": [
1820
- "popover.spacingVertical.${size}"
1821
- ],
1822
- "spacingEnd": [
1823
- "popover.spacingHorizontal.${size}"
1824
- ]
1825
- },
1826
- "runtimeConfigInternalComponentProps": {
1827
- "SvgFloatingOverlay": {
1828
- "borderRadius": [
1829
- "popover.borderRadius.${size}"
1878
+ "internalComponentProps": {
1879
+ "Box": {
1880
+ "className": [
1881
+ "h-10 w-10 opacity-0 pointer-events-none"
1882
+ ],
1883
+ "display": [
1884
+ "grid",
1885
+ "flex"
1886
+ ],
1887
+ "justifyContent": [
1888
+ "flex-start",
1889
+ "flex-end"
1890
+ ]
1891
+ },
1892
+ "Text": {
1893
+ "variant": [
1894
+ "inherit"
1895
+ ],
1896
+ "color": [
1897
+ "inherit"
1898
+ ],
1899
+ "textAlign": [
1900
+ "center"
1901
+ ],
1902
+ "className": [
1903
+ "w-full"
1830
1904
  ]
1831
1905
  }
1832
1906
  },
1907
+ "propToVariantKeys": {
1908
+ "variant": [
1909
+ "bottomsheetVariantHeader"
1910
+ ]
1911
+ },
1912
+ "runtimeConfigDefaultProps": {},
1913
+ "runtimeConfigGetStyles": {},
1914
+ "runtimeConfigInternalComponentProps": {},
1833
1915
  "motionVarPrefixes": []
1834
1916
  },
1835
- "PopoverContext": {
1836
- "name": "PopoverContext",
1917
+ "BottomSheetInternalContext": {
1918
+ "name": "BottomSheetInternalContext",
1837
1919
  "defaultProps": {},
1838
1920
  "getStylesLiterals": {},
1839
1921
  "cxLiterals": [],
@@ -1845,38 +1927,28 @@
1845
1927
  "runtimeConfigInternalComponentProps": {},
1846
1928
  "motionVarPrefixes": []
1847
1929
  },
1848
- "PopoverTrigger": {
1849
- "name": "PopoverTrigger",
1930
+ "BottomSheetProvider": {
1931
+ "name": "BottomSheetProvider",
1850
1932
  "defaultProps": {},
1851
1933
  "getStylesLiterals": {},
1852
1934
  "cxLiterals": [],
1853
1935
  "internalComponents": [
1854
- "PopoverDisclosure"
1936
+ "AriakitDialogProvider"
1855
1937
  ],
1856
- "internalComponentProps": {
1857
- "PopoverDisclosure": {
1858
- "className": [
1859
- "inline"
1860
- ]
1861
- }
1862
- },
1863
- "propToVariantKeys": {
1864
- "children": [
1865
- "render"
1866
- ]
1867
- },
1938
+ "internalComponentProps": {},
1939
+ "propToVariantKeys": {},
1868
1940
  "runtimeConfigDefaultProps": {},
1869
1941
  "runtimeConfigGetStyles": {},
1870
1942
  "runtimeConfigInternalComponentProps": {},
1871
1943
  "motionVarPrefixes": []
1872
1944
  },
1873
- "UDSPopoverConfigProvider": {
1874
- "name": "UDSPopoverConfigProvider",
1945
+ "BottomSheetTrigger": {
1946
+ "name": "BottomSheetTrigger",
1875
1947
  "defaultProps": {},
1876
1948
  "getStylesLiterals": {},
1877
1949
  "cxLiterals": [],
1878
1950
  "internalComponents": [
1879
- "PopoverContext.Provider"
1951
+ "AriakitDialogDisclosure"
1880
1952
  ],
1881
1953
  "internalComponentProps": {},
1882
1954
  "propToVariantKeys": {},
@@ -1885,92 +1957,31 @@
1885
1957
  "runtimeConfigInternalComponentProps": {},
1886
1958
  "motionVarPrefixes": []
1887
1959
  },
1888
- "Menu.Content": {
1889
- "name": "Menu.Content",
1890
- "defaultProps": {
1891
- "size": "default",
1892
- "variant": "default",
1893
- "gutter": "1"
1894
- },
1960
+ "UDSBottomSheetConfigProvider": {
1961
+ "name": "UDSBottomSheetConfigProvider",
1962
+ "defaultProps": {},
1895
1963
  "getStylesLiterals": {},
1896
- "cxLiterals": [
1897
- "uds-menu-content",
1898
- "transition-shadow",
1899
- "duration-200",
1900
- "ease-in-out",
1901
- "min-w-60",
1902
- "max-w-lg",
1903
- "max-h-96",
1904
- "overflow-auto",
1905
- "uds-ring",
1906
- "z-10",
1907
- "group"
1908
- ],
1909
- "internalComponents": [
1910
- "AriakitMenu",
1911
- "AnimatePresence",
1912
- "MotionVStack"
1913
- ],
1914
- "internalComponentProps": {},
1915
- "propToVariantKeys": {
1916
- "size": [
1917
- "menucontentSizeRoot"
1918
- ],
1919
- "variant": [
1920
- "menucontentVariantRoot"
1921
- ]
1922
- },
1923
- "runtimeConfigDefaultProps": {},
1924
- "runtimeConfigGetStyles": {},
1925
- "runtimeConfigInternalComponentProps": {},
1926
- "motionVarPrefixes": []
1927
- },
1928
- "Menu.Divider": {
1929
- "name": "Menu.Divider",
1930
- "defaultProps": {
1931
- "role": "separator",
1932
- "contentPosition": "start",
1933
- "gap": "4"
1934
- },
1935
- "getStylesLiterals": {
1936
- "menuitemDividerVariantRoot": "default",
1937
- "menuitemDividerVariantText": "default",
1938
- "menuitemDividerVariantLine": "default"
1939
- },
1940
1964
  "cxLiterals": [],
1941
1965
  "internalComponents": [
1942
- "DividerInternal"
1966
+ "BottomSheetContext.Provider"
1943
1967
  ],
1944
- "internalComponentProps": {
1945
- "DividerInternal": {
1946
- "variant": [
1947
- "inherit"
1948
- ]
1949
- }
1950
- },
1968
+ "internalComponentProps": {},
1951
1969
  "propToVariantKeys": {},
1952
1970
  "runtimeConfigDefaultProps": {},
1953
1971
  "runtimeConfigGetStyles": {},
1954
1972
  "runtimeConfigInternalComponentProps": {},
1955
1973
  "motionVarPrefixes": []
1956
1974
  },
1957
- "Menu.Item": {
1958
- "name": "Menu.Item",
1975
+ "Chip": {
1976
+ "name": "Chip",
1959
1977
  "defaultProps": {},
1960
- "getStylesLiterals": {
1961
- "menuitemItemVariantRoot": "default",
1962
- "menuitemItemVariantActiveRoot": "on",
1963
- "menuitemItemVariantActiveRoot:1": "off",
1964
- "menuitemItemVariantText": "default",
1965
- "menuitemItemVariantActiveText": "on",
1966
- "menuitemItemVariantActiveText:1": "off",
1967
- "menuitemItemVariantIcon": "default",
1968
- "menuitemItemVariantActiveIcon": "on",
1969
- "menuitemItemVariantActiveIcon:1": "off"
1970
- },
1978
+ "getStylesLiterals": {},
1971
1979
  "cxLiterals": [],
1972
1980
  "internalComponents": [
1973
- "MenuItemBase"
1981
+ "ChipDismissible",
1982
+ "ChipToggle",
1983
+ "ChipLink",
1984
+ "ChipButton"
1974
1985
  ],
1975
1986
  "internalComponentProps": {},
1976
1987
  "propToVariantKeys": {},
@@ -1979,77 +1990,54 @@
1979
1990
  "runtimeConfigInternalComponentProps": {},
1980
1991
  "motionVarPrefixes": []
1981
1992
  },
1982
- "Menu.ItemBase": {
1983
- "name": "Menu.ItemBase",
1993
+ "ChipBase": {
1994
+ "name": "ChipBase",
1984
1995
  "defaultProps": {
1985
- "spacing": "0",
1986
- "spacingHorizontal": "4",
1987
- "spacingVertical": "3.5",
1988
- "columnGap": "2",
1989
- "alignItems": "center",
1990
- "justifyContent": "space-between"
1991
- },
1992
- "getStylesLiterals": {
1993
- "textAlign": "start",
1994
- "menuitemSizeRoot": "default",
1995
- "flexDirection": "row",
1996
- "menuitemSizeStartIcon": "default",
1997
- "menuitemSizeEndIcon": "default"
1996
+ "size": "md",
1997
+ "as": "div"
1998
1998
  },
1999
+ "getStylesLiterals": {},
1999
2000
  "cxLiterals": [
2000
- "flex",
2001
- "focus-visible:text-brand",
2002
- "focus-visible:bg-brand-secondary",
2003
- "focus-visible:z-10",
2004
- "uds-ring",
2005
- "!-outline-offset-2",
2006
- "[&:not([aria-checked])]:cursor-default",
2007
- "opacity-25",
2008
- "cursor-not-allowed",
2009
- "duration-20",
2010
- "transition-[font-variation-settings]",
2011
- "ease-in-out",
2012
- "z-0",
2013
- "uds-start-icon",
2014
- "uds-end-icon"
2001
+ "pointer-events-none",
2002
+ "cursor-default",
2003
+ "opacity-50",
2004
+ "inline-flex",
2005
+ "items-center",
2006
+ "transition-[background-color,outline-color,box-shadow]",
2007
+ "truncate",
2008
+ "whitespace-nowrap",
2009
+ "text-center",
2010
+ "flex-1"
2015
2011
  ],
2016
2012
  "internalComponents": [
2017
- "Pressable",
2018
2013
  "IconSlot",
2019
- "RootComponent",
2020
2014
  "HStack",
2021
- "AnimatePresence"
2015
+ "As",
2016
+ "Text"
2022
2017
  ],
2023
2018
  "internalComponentProps": {
2024
- "HStack": {
2025
- "alignItems": [
2026
- "center"
2019
+ "Text": {
2020
+ "as": [
2021
+ "span"
2027
2022
  ],
2028
- "width": [
2029
- "full"
2030
- ]
2031
- },
2032
- "AnimatePresence": {
2033
- "mode": [
2034
- "popLayout"
2023
+ "color": [
2024
+ "current"
2025
+ ],
2026
+ "variant": [
2027
+ "inherit"
2035
2028
  ]
2036
2029
  }
2037
2030
  },
2038
2031
  "propToVariantKeys": {
2039
- "startIconClassName": [
2040
- "className"
2041
- ],
2042
- "endIconClassName": [
2043
- "className"
2032
+ "size": [
2033
+ "chipSizeRoot",
2034
+ "chipSizeIcon"
2044
2035
  ],
2045
2036
  "startIcon": [
2046
2037
  "icon"
2047
2038
  ],
2048
2039
  "endIcon": [
2049
2040
  "icon"
2050
- ],
2051
- "columnGap": [
2052
- "gap"
2053
2041
  ]
2054
2042
  },
2055
2043
  "runtimeConfigDefaultProps": {},
@@ -2057,166 +2045,125 @@
2057
2045
  "runtimeConfigInternalComponentProps": {},
2058
2046
  "motionVarPrefixes": []
2059
2047
  },
2060
- "Menu.ItemCheckbox": {
2061
- "name": "Menu.ItemCheckbox",
2062
- "defaultProps": {},
2063
- "getStylesLiterals": {
2064
- "menuitemItemCheckboxVariantRoot": "default",
2065
- "menuitemItemCheckboxVariantActiveRoot": "on",
2066
- "menuitemItemCheckboxVariantActiveRoot:1": "off",
2067
- "menuitemItemCheckboxVariantText": "default",
2068
- "menuitemItemCheckboxVariantActiveText": "on",
2069
- "menuitemItemCheckboxVariantActiveText:1": "off",
2070
- "menuitemItemCheckboxVariantStartIcon": "default",
2071
- "menuitemItemCheckboxVariantActiveStartIcon": "on",
2072
- "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
2073
- "menuitemItemCheckboxVariantEndIcon": "default",
2074
- "menuitemItemCheckboxVariantActiveEndIcon": "on",
2075
- "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
2048
+ "ChipButton": {
2049
+ "name": "ChipButton",
2050
+ "defaultProps": {
2051
+ "variant": "primary"
2076
2052
  },
2053
+ "getStylesLiterals": {},
2077
2054
  "cxLiterals": [
2078
- "uds-menu-item-checkbox"
2055
+ "uds-ring"
2079
2056
  ],
2080
2057
  "internalComponents": [
2081
- "MenuItemBase"
2058
+ "ChipBase"
2082
2059
  ],
2083
- "internalComponentProps": {},
2084
- "propToVariantKeys": {},
2060
+ "internalComponentProps": {
2061
+ "ChipBase": {
2062
+ "as": [
2063
+ "button"
2064
+ ]
2065
+ }
2066
+ },
2067
+ "propToVariantKeys": {
2068
+ "variant": [
2069
+ "chipLinkVariantRoot",
2070
+ "chipLinkVariantIcon"
2071
+ ]
2072
+ },
2085
2073
  "runtimeConfigDefaultProps": {},
2086
2074
  "runtimeConfigGetStyles": {},
2087
2075
  "runtimeConfigInternalComponentProps": {},
2088
2076
  "motionVarPrefixes": []
2089
2077
  },
2090
- "Menu.Provider": {
2091
- "name": "Menu.Provider",
2092
- "defaultProps": {},
2078
+ "ChipDismissible": {
2079
+ "name": "ChipDismissible",
2080
+ "defaultProps": {
2081
+ "variant": "primary"
2082
+ },
2093
2083
  "getStylesLiterals": {},
2094
- "cxLiterals": [],
2084
+ "cxLiterals": [
2085
+ "uds-chip-dismissible-button",
2086
+ "uds-hit-target",
2087
+ "uds-ring",
2088
+ "rounded-full"
2089
+ ],
2095
2090
  "internalComponents": [
2096
- "AriakitMenuProvider",
2097
- "SpringMotionConfig"
2091
+ "ChipBase",
2092
+ "IconSlot",
2093
+ "Pressable"
2098
2094
  ],
2099
2095
  "internalComponentProps": {},
2100
- "propToVariantKeys": {},
2096
+ "propToVariantKeys": {
2097
+ "variant": [
2098
+ "chipDismissibleVariantRoot",
2099
+ "chipDismissibleVariantIcon"
2100
+ ],
2101
+ "dismissButtonAriaLabel": [
2102
+ "aria-label"
2103
+ ]
2104
+ },
2101
2105
  "runtimeConfigDefaultProps": {},
2102
2106
  "runtimeConfigGetStyles": {},
2103
2107
  "runtimeConfigInternalComponentProps": {},
2104
- "motionVarPrefixes": [
2105
- "--uds-motion-subtle-3-",
2106
- "--uds-motion-smooth-3-"
2107
- ]
2108
+ "motionVarPrefixes": []
2108
2109
  },
2109
- "Menu.Trigger": {
2110
- "name": "Menu.Trigger",
2111
- "defaultProps": {},
2110
+ "ChipLink": {
2111
+ "name": "ChipLink",
2112
+ "defaultProps": {
2113
+ "variant": "primary"
2114
+ },
2112
2115
  "getStylesLiterals": {},
2113
2116
  "cxLiterals": [
2114
- "uds-menu-trigger"
2117
+ "uds-ring"
2115
2118
  ],
2116
2119
  "internalComponents": [
2117
- "AriakitMenuTrigger",
2118
- "Box"
2120
+ "ChipBase"
2119
2121
  ],
2120
2122
  "internalComponentProps": {
2121
- "Box": {
2122
- "className": [
2123
- "uds-ring h-fit w-fit"
2123
+ "ChipBase": {
2124
+ "as": [
2125
+ "a"
2124
2126
  ]
2125
2127
  }
2126
2128
  },
2127
- "propToVariantKeys": {},
2128
- "runtimeConfigDefaultProps": {},
2129
- "runtimeConfigGetStyles": {},
2130
- "runtimeConfigInternalComponentProps": {},
2131
- "motionVarPrefixes": []
2132
- },
2133
- "Menu.index": {
2134
- "name": "Menu.index",
2135
- "defaultProps": {},
2136
- "getStylesLiterals": {},
2137
- "cxLiterals": [],
2138
- "internalComponents": [],
2139
- "internalComponentProps": {},
2140
- "propToVariantKeys": {},
2141
- "runtimeConfigDefaultProps": {},
2142
- "runtimeConfigGetStyles": {},
2143
- "runtimeConfigInternalComponentProps": {},
2144
- "motionVarPrefixes": []
2145
- },
2146
- "Menu": {
2147
- "name": "Menu",
2148
- "defaultProps": {},
2149
- "getStylesLiterals": {},
2150
- "cxLiterals": [],
2151
- "internalComponents": [],
2152
- "internalComponentProps": {},
2153
- "propToVariantKeys": {},
2129
+ "propToVariantKeys": {
2130
+ "variant": [
2131
+ "chipLinkVariantRoot",
2132
+ "chipLinkVariantIcon"
2133
+ ]
2134
+ },
2154
2135
  "runtimeConfigDefaultProps": {},
2155
2136
  "runtimeConfigGetStyles": {},
2156
2137
  "runtimeConfigInternalComponentProps": {},
2157
2138
  "motionVarPrefixes": []
2158
2139
  },
2159
- "BottomSheet": {
2160
- "name": "BottomSheet",
2140
+ "ChipToggle": {
2141
+ "name": "ChipToggle",
2161
2142
  "defaultProps": {
2162
- "variant": "default"
2143
+ "variant": "primary",
2144
+ "role": "checkbox"
2145
+ },
2146
+ "getStylesLiterals": {
2147
+ "chipToggleVariantActiveRoot": "on",
2148
+ "chipToggleVariantActiveRoot:1": "off"
2163
2149
  },
2164
- "getStylesLiterals": {},
2165
2150
  "cxLiterals": [
2166
- "fixed",
2167
- "overflow-hidden",
2168
- "inset-x-0",
2169
- "bottom-0",
2170
- "z-50",
2171
- "[will-change:transform]",
2172
- "touch-none",
2173
- "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
2174
- "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
2175
- "transition-transform",
2176
- "duration-500",
2177
- "ease-[cubic-bezier(0.32,0.72,0,1)]",
2178
- "motion-reduce:transition-none",
2179
- "top-[-4px]",
2180
- "z-[1]",
2181
- "touch-pan-y"
2151
+ "uds-ring"
2182
2152
  ],
2183
2153
  "internalComponents": [
2184
- "Scrim",
2185
- "BottomSheetHandle",
2186
- "Dialog",
2187
- "Box",
2188
- "BottomSheetInternalContext.Provider"
2154
+ "ChipBase"
2189
2155
  ],
2190
2156
  "internalComponentProps": {
2191
- "BottomSheetHandle": {
2192
- "ariaLabel": [
2193
- "Resize sheet"
2194
- ]
2195
- },
2196
- "Dialog": {
2197
- "data-testid": [
2198
- "bottom-sheet"
2199
- ]
2200
- },
2201
- "Box": {
2202
- "display": [
2203
- "block",
2204
- "flex"
2205
- ],
2206
- "position": [
2207
- "absolute"
2208
- ],
2209
- "flexDirection": [
2210
- "column"
2211
- ],
2212
- "className": [
2213
- "absolute inset-0 min-h-0 p-[inherit]"
2157
+ "ChipBase": {
2158
+ "as": [
2159
+ "button"
2214
2160
  ]
2215
2161
  }
2216
2162
  },
2217
2163
  "propToVariantKeys": {
2218
2164
  "variant": [
2219
- "bottomsheetVariantRoot"
2165
+ "chipToggleVariantRoot",
2166
+ "chipToggleVariantIcon"
2220
2167
  ]
2221
2168
  },
2222
2169
  "runtimeConfigDefaultProps": {},
@@ -2224,93 +2171,142 @@
2224
2171
  "runtimeConfigInternalComponentProps": {},
2225
2172
  "motionVarPrefixes": []
2226
2173
  },
2227
- "BottomSheetContent": {
2228
- "name": "BottomSheetContent",
2229
- "defaultProps": {},
2230
- "getStylesLiterals": {},
2231
- "cxLiterals": [
2232
- "min-h-0",
2233
- "touch-pan-y"
2174
+ "Input": {
2175
+ "name": "Input",
2176
+ "defaultProps": {
2177
+ "type": "text",
2178
+ "size": "md",
2179
+ "width": "full"
2180
+ },
2181
+ "getStylesLiterals": {
2182
+ "inputVariantRoot": "default",
2183
+ "inputVariantValueRoot": "empty",
2184
+ "inputVariantValueRoot:1": "filled",
2185
+ "inputVariantInputWrapper": "default",
2186
+ "inputVariantValueInputWrapper": "empty",
2187
+ "inputVariantValueInputWrapper:1": "filled",
2188
+ "inputVariantInput": "default",
2189
+ "inputVariantValueInput": "empty",
2190
+ "inputVariantValueInput:1": "filled",
2191
+ "inputVariantInputPlaceholder": "default",
2192
+ "inputVariantValueInputPlaceholder": "empty",
2193
+ "inputVariantValueInputPlaceholder:1": "filled",
2194
+ "inputVariantLabel": "default",
2195
+ "inputVariantValueLabel": "empty",
2196
+ "inputVariantValueLabel:1": "filled",
2197
+ "inputVariantLabelRequired": "default",
2198
+ "inputVariantValueLabelRequired": "empty",
2199
+ "inputVariantValueLabelRequired:1": "filled",
2200
+ "inputVariantStartIcon": "default",
2201
+ "inputVariantValueStartIcon": "empty",
2202
+ "inputVariantValueStartIcon:1": "filled",
2203
+ "inputVariantEndIcon": "default",
2204
+ "inputVariantValueEndIcon": "empty",
2205
+ "inputVariantValueEndIcon:1": "filled"
2206
+ },
2207
+ "cxLiterals": [
2208
+ "opacity-50",
2209
+ "min-w-[200px]",
2210
+ "grow",
2211
+ "uds-hit-target",
2212
+ "bg-clip-text",
2213
+ "focus:outline-none",
2214
+ "cursor-text",
2215
+ "cursor-not-allowed"
2234
2216
  ],
2235
2217
  "internalComponents": [
2218
+ "IconSlot",
2219
+ "StartIcon",
2220
+ "EndIcon",
2221
+ "HelpTextContent",
2236
2222
  "Box",
2237
- "VStack"
2223
+ "InputHelpTextInternal",
2224
+ "VStack",
2225
+ "HStack",
2226
+ "AnimateHeightChange"
2238
2227
  ],
2239
2228
  "internalComponentProps": {
2229
+ "HelpTextContent": {
2230
+ "spacingTop": [
2231
+ "2"
2232
+ ]
2233
+ },
2240
2234
  "Box": {
2241
- "display": [
2242
- "block"
2235
+ "spacingBottom": [
2236
+ "2"
2243
2237
  ],
2244
- "flex": [
2245
- "1"
2238
+ "columnGap": [
2239
+ "0.5"
2240
+ ],
2241
+ "alignItems": [
2242
+ "flex-end",
2243
+ "center"
2244
+ ],
2245
+ "position": [
2246
+ "relative"
2246
2247
  ]
2247
2248
  },
2248
- "VStack": {
2249
- "className": [
2250
- "pb-[calc(env(safe-area-inset-bottom))]"
2249
+ "HStack": {
2250
+ "alignItems": [
2251
+ "center"
2252
+ ],
2253
+ "gap": [
2254
+ "1"
2251
2255
  ]
2252
2256
  }
2253
2257
  },
2254
- "propToVariantKeys": {},
2255
- "runtimeConfigDefaultProps": {},
2256
- "runtimeConfigGetStyles": {},
2257
- "runtimeConfigInternalComponentProps": {},
2258
- "motionVarPrefixes": []
2259
- },
2260
- "BottomSheetDismiss": {
2261
- "name": "BottomSheetDismiss",
2262
- "defaultProps": {},
2263
- "getStylesLiterals": {},
2264
- "cxLiterals": [],
2265
- "internalComponents": [
2266
- "AriakitDialogDismiss"
2267
- ],
2268
- "internalComponentProps": {},
2269
- "propToVariantKeys": {},
2258
+ "propToVariantKeys": {
2259
+ "size": [
2260
+ "inputSizeRoot",
2261
+ "inputSizeInputWrapper",
2262
+ "inputSizeInput",
2263
+ "inputSizeLabel",
2264
+ "inputSizeStartIcon",
2265
+ "inputSizeEndIcon"
2266
+ ],
2267
+ "startIcon": [
2268
+ "icon"
2269
+ ],
2270
+ "endIcon": [
2271
+ "icon"
2272
+ ],
2273
+ "slotProps": [
2274
+ "helperTextSlotProps"
2275
+ ],
2276
+ "helperTextIcon": [
2277
+ "startIcon"
2278
+ ]
2279
+ },
2270
2280
  "runtimeConfigDefaultProps": {},
2271
2281
  "runtimeConfigGetStyles": {},
2272
2282
  "runtimeConfigInternalComponentProps": {},
2273
2283
  "motionVarPrefixes": []
2274
2284
  },
2275
- "BottomSheetHandle": {
2276
- "name": "BottomSheetHandle",
2285
+ "InputHelpText": {
2286
+ "name": "InputHelpText",
2277
2287
  "defaultProps": {
2278
- "variant": "default"
2288
+ "size": "md"
2279
2289
  },
2280
- "getStylesLiterals": {},
2281
- "cxLiterals": [
2282
- "relative",
2283
- "h-5",
2284
- "w-16",
2285
- "outline-none",
2286
- "focus-visible:outline-none",
2287
- "[touch-action:pan-y]",
2288
- "absolute",
2289
- "left-1/2",
2290
- "top-1/2",
2291
- "-translate-x-1/2",
2292
- "-translate-y-1/2",
2293
- "h-1",
2294
- "w-8",
2295
- "rounded-full"
2296
- ],
2290
+ "getStylesLiterals": {
2291
+ "inputVariantRoot": "default",
2292
+ "inputVariantValueRoot": "empty",
2293
+ "inputVariantValueRoot:1": "filled"
2294
+ },
2295
+ "cxLiterals": [],
2297
2296
  "internalComponents": [
2297
+ "InputHelpTextInternal",
2298
2298
  "Box"
2299
2299
  ],
2300
2300
  "internalComponentProps": {
2301
2301
  "Box": {
2302
- "display": [
2303
- "block",
2304
- "flex"
2305
- ],
2306
- "justifyContent": [
2307
- "center"
2302
+ "spacingTop": [
2303
+ "2"
2308
2304
  ]
2309
2305
  }
2310
2306
  },
2311
2307
  "propToVariantKeys": {
2312
- "variant": [
2313
- "bottomsheetVariantHandleIndicator"
2308
+ "size": [
2309
+ "inputSizeRoot"
2314
2310
  ]
2315
2311
  },
2316
2312
  "runtimeConfigDefaultProps": {},
@@ -2318,55 +2314,42 @@
2318
2314
  "runtimeConfigInternalComponentProps": {},
2319
2315
  "motionVarPrefixes": []
2320
2316
  },
2321
- "BottomSheetHeader": {
2322
- "name": "BottomSheetHeader",
2323
- "defaultProps": {
2324
- "variant": "default"
2317
+ "InputHelpTextInternal": {
2318
+ "name": "InputHelpTextInternal",
2319
+ "defaultProps": {},
2320
+ "getStylesLiterals": {
2321
+ "inputVariantHelperText": "default",
2322
+ "inputVariantValueHelperText": "empty",
2323
+ "inputVariantValueHelperText:1": "filled",
2324
+ "inputVariantHelperIcon": "default",
2325
+ "inputVariantValueHelperIcon": "empty",
2326
+ "inputVariantValueHelperIcon:1": "filled"
2325
2327
  },
2326
- "getStylesLiterals": {},
2327
- "cxLiterals": [
2328
- "grid-cols-[40px_1fr_40px]",
2329
- "items-center",
2330
- "w-full",
2331
- "min-h-10",
2332
- "mt-2"
2333
- ],
2328
+ "cxLiterals": [],
2334
2329
  "internalComponents": [
2335
- "Box",
2336
- "Text"
2330
+ "IconSlot",
2331
+ "HStack"
2337
2332
  ],
2338
2333
  "internalComponentProps": {
2339
- "Box": {
2340
- "className": [
2341
- "h-10 w-10 opacity-0 pointer-events-none"
2342
- ],
2343
- "display": [
2344
- "grid",
2345
- "flex"
2346
- ],
2347
- "justifyContent": [
2348
- "flex-start",
2349
- "flex-end"
2350
- ]
2351
- },
2352
- "Text": {
2353
- "variant": [
2354
- "inherit"
2355
- ],
2356
- "color": [
2357
- "inherit"
2334
+ "HStack": {
2335
+ "gap": [
2336
+ "1"
2358
2337
  ],
2359
- "textAlign": [
2338
+ "alignItems": [
2360
2339
  "center"
2361
- ],
2362
- "className": [
2363
- "w-full"
2364
2340
  ]
2365
2341
  }
2366
2342
  },
2367
2343
  "propToVariantKeys": {
2368
- "variant": [
2369
- "bottomsheetVariantHeader"
2344
+ "size": [
2345
+ "inputSizeHelperText",
2346
+ "inputSizeHelperIcon"
2347
+ ],
2348
+ "startIcon": [
2349
+ "icon"
2350
+ ],
2351
+ "endIcon": [
2352
+ "icon"
2370
2353
  ]
2371
2354
  },
2372
2355
  "runtimeConfigDefaultProps": {},
@@ -2374,57 +2357,120 @@
2374
2357
  "runtimeConfigInternalComponentProps": {},
2375
2358
  "motionVarPrefixes": []
2376
2359
  },
2377
- "BottomSheetInternalContext": {
2378
- "name": "BottomSheetInternalContext",
2379
- "defaultProps": {},
2380
- "getStylesLiterals": {},
2381
- "cxLiterals": [],
2382
- "internalComponents": [],
2383
- "internalComponentProps": {},
2384
- "propToVariantKeys": {},
2385
- "runtimeConfigDefaultProps": {},
2386
- "runtimeConfigGetStyles": {},
2387
- "runtimeConfigInternalComponentProps": {},
2388
- "motionVarPrefixes": []
2389
- },
2390
- "BottomSheetProvider": {
2391
- "name": "BottomSheetProvider",
2360
+ "Popover": {
2361
+ "name": "Popover",
2392
2362
  "defaultProps": {},
2393
2363
  "getStylesLiterals": {},
2394
2364
  "cxLiterals": [],
2395
2365
  "internalComponents": [
2396
- "AriakitDialogProvider"
2366
+ "PopoverInternalContext.Provider",
2367
+ "PopoverProvider"
2397
2368
  ],
2398
2369
  "internalComponentProps": {},
2399
2370
  "propToVariantKeys": {},
2400
- "runtimeConfigDefaultProps": {},
2371
+ "runtimeConfigDefaultProps": {
2372
+ "size": "popover.defaultSize",
2373
+ "variant": "popover.defaultVariant"
2374
+ },
2401
2375
  "runtimeConfigGetStyles": {},
2402
2376
  "runtimeConfigInternalComponentProps": {},
2403
2377
  "motionVarPrefixes": []
2404
2378
  },
2405
- "BottomSheetTrigger": {
2406
- "name": "BottomSheetTrigger",
2379
+ "PopoverContent": {
2380
+ "name": "PopoverContent",
2407
2381
  "defaultProps": {},
2408
- "getStylesLiterals": {},
2409
- "cxLiterals": [],
2382
+ "getStylesLiterals": {
2383
+ "popoverSizeRoot": "default",
2384
+ "popoverVariantRoot": "default",
2385
+ "display": "flex",
2386
+ "position": "relative",
2387
+ "display:1": "block",
2388
+ "spacingTop": "0",
2389
+ "spacingStart": "0",
2390
+ "spacingBottom": "0",
2391
+ "spacingEnd": "0",
2392
+ "popoverSizeSvgBase": "default",
2393
+ "popoverVariantSvgBase": "default",
2394
+ "popoverSizeSvgBorder": "default",
2395
+ "popoverVariantSvgBorder": "default",
2396
+ "popoverVariantBlur": "default",
2397
+ "position:1": "absolute",
2398
+ "width": "full",
2399
+ "height": "full",
2400
+ "flexShrink": "0",
2401
+ "borderRadius": "full",
2402
+ "alignItems": "center",
2403
+ "justifyContent": "center",
2404
+ "popoverVariantCloseIcon": "default",
2405
+ "popoverSizeCloseIcon": "default"
2406
+ },
2407
+ "cxLiterals": [
2408
+ "z-[9999]",
2409
+ "outline-none",
2410
+ "focus-visible:outline-none",
2411
+ "uds-bgBlurFillFallback",
2412
+ "uds-bgBlurFallback",
2413
+ "top-0",
2414
+ "left-0",
2415
+ "z-[1]",
2416
+ "duration-0",
2417
+ "duration-120",
2418
+ "transition-[background-color]",
2419
+ "bg-carbon-15/0",
2420
+ "hover:bg-carbon-15/10",
2421
+ "active:bg-carbon-15/15",
2422
+ "uds-ring",
2423
+ "absolute",
2424
+ "z-[4]"
2425
+ ],
2410
2426
  "internalComponents": [
2411
- "AriakitDialogDisclosure"
2427
+ "PopoverDismiss",
2428
+ "IconSlot",
2429
+ "PopoverArrow",
2430
+ "Popover",
2431
+ "SvgFloatingOverlay",
2432
+ "Box",
2433
+ "Pressable"
2412
2434
  ],
2413
2435
  "internalComponentProps": {},
2414
- "propToVariantKeys": {},
2415
- "runtimeConfigDefaultProps": {},
2416
- "runtimeConfigGetStyles": {},
2417
- "runtimeConfigInternalComponentProps": {},
2436
+ "propToVariantKeys": {
2437
+ "closeIcon": [
2438
+ "icon"
2439
+ ]
2440
+ },
2441
+ "runtimeConfigDefaultProps": {
2442
+ "size": "popover.defaultSize",
2443
+ "variant": "popover.defaultVariant"
2444
+ },
2445
+ "runtimeConfigGetStyles": {
2446
+ "spacingTop": [
2447
+ "popover.spacingVertical.${size}"
2448
+ ],
2449
+ "spacingStart": [
2450
+ "popover.spacingHorizontal.${size}"
2451
+ ],
2452
+ "spacingBottom": [
2453
+ "popover.spacingVertical.${size}"
2454
+ ],
2455
+ "spacingEnd": [
2456
+ "popover.spacingHorizontal.${size}"
2457
+ ]
2458
+ },
2459
+ "runtimeConfigInternalComponentProps": {
2460
+ "SvgFloatingOverlay": {
2461
+ "borderRadius": [
2462
+ "popover.borderRadius.${size}"
2463
+ ]
2464
+ }
2465
+ },
2418
2466
  "motionVarPrefixes": []
2419
2467
  },
2420
- "UDSBottomSheetConfigProvider": {
2421
- "name": "UDSBottomSheetConfigProvider",
2468
+ "PopoverContext": {
2469
+ "name": "PopoverContext",
2422
2470
  "defaultProps": {},
2423
2471
  "getStylesLiterals": {},
2424
2472
  "cxLiterals": [],
2425
- "internalComponents": [
2426
- "BottomSheetContext.Provider"
2427
- ],
2473
+ "internalComponents": [],
2428
2474
  "internalComponentProps": {},
2429
2475
  "propToVariantKeys": {},
2430
2476
  "runtimeConfigDefaultProps": {},
@@ -2432,84 +2478,79 @@
2432
2478
  "runtimeConfigInternalComponentProps": {},
2433
2479
  "motionVarPrefixes": []
2434
2480
  },
2435
- "Avatar": {
2436
- "name": "Avatar",
2481
+ "PopoverTrigger": {
2482
+ "name": "PopoverTrigger",
2437
2483
  "defaultProps": {},
2438
2484
  "getStylesLiterals": {},
2439
2485
  "cxLiterals": [],
2440
2486
  "internalComponents": [
2441
- "AvatarImage"
2487
+ "PopoverDisclosure"
2442
2488
  ],
2443
- "internalComponentProps": {},
2444
- "propToVariantKeys": {},
2489
+ "internalComponentProps": {
2490
+ "PopoverDisclosure": {
2491
+ "className": [
2492
+ "inline"
2493
+ ]
2494
+ }
2495
+ },
2496
+ "propToVariantKeys": {
2497
+ "children": [
2498
+ "render"
2499
+ ]
2500
+ },
2445
2501
  "runtimeConfigDefaultProps": {},
2446
2502
  "runtimeConfigGetStyles": {},
2447
2503
  "runtimeConfigInternalComponentProps": {},
2448
2504
  "motionVarPrefixes": []
2449
2505
  },
2450
- "AvatarIcon": {
2451
- "name": "AvatarIcon",
2452
- "defaultProps": {
2453
- "size": "md",
2454
- "variant": "primary"
2455
- },
2506
+ "UDSPopoverConfigProvider": {
2507
+ "name": "UDSPopoverConfigProvider",
2508
+ "defaultProps": {},
2456
2509
  "getStylesLiterals": {},
2457
- "cxLiterals": [
2458
- "overflow-hidden",
2459
- "w-full",
2460
- "h-full",
2461
- "shrink-0",
2462
- "text-center",
2463
- "inline-flex",
2464
- "justify-center",
2465
- "items-center"
2466
- ],
2510
+ "cxLiterals": [],
2467
2511
  "internalComponents": [
2468
- "IconSlot",
2469
- "Box"
2512
+ "PopoverContext.Provider"
2470
2513
  ],
2471
2514
  "internalComponentProps": {},
2472
- "propToVariantKeys": {
2473
- "size": [
2474
- "avatarSizeIcon"
2475
- ]
2476
- },
2515
+ "propToVariantKeys": {},
2477
2516
  "runtimeConfigDefaultProps": {},
2478
2517
  "runtimeConfigGetStyles": {},
2479
2518
  "runtimeConfigInternalComponentProps": {},
2480
2519
  "motionVarPrefixes": []
2481
2520
  },
2482
- "AvatarImage": {
2483
- "name": "AvatarImage",
2521
+ "Menu.Content": {
2522
+ "name": "Menu.Content",
2484
2523
  "defaultProps": {
2485
- "size": "md",
2486
- "variant": "primary"
2524
+ "size": "default",
2525
+ "variant": "default",
2526
+ "gutter": "1"
2487
2527
  },
2488
2528
  "getStylesLiterals": {},
2489
2529
  "cxLiterals": [
2490
- "overflow-hidden",
2491
- "w-full",
2492
- "h-full",
2493
- "shrink-0",
2494
- "text-center",
2495
- "inline-flex",
2496
- "justify-center",
2497
- "items-center",
2498
- "object-cover"
2530
+ "uds-menu-content",
2531
+ "transition-shadow",
2532
+ "duration-200",
2533
+ "ease-in-out",
2534
+ "min-w-60",
2535
+ "max-w-lg",
2536
+ "max-h-96",
2537
+ "overflow-auto",
2538
+ "uds-ring",
2539
+ "z-10",
2540
+ "group"
2499
2541
  ],
2500
2542
  "internalComponents": [
2501
- "UDSImage",
2502
- "AvatarText",
2503
- "AvatarIcon",
2504
- "Box"
2543
+ "AriakitMenu",
2544
+ "AnimatePresence",
2545
+ "MotionVStack"
2505
2546
  ],
2506
2547
  "internalComponentProps": {},
2507
2548
  "propToVariantKeys": {
2508
- "alt": [
2509
- "name"
2549
+ "size": [
2550
+ "menucontentSizeRoot"
2510
2551
  ],
2511
- "fallback": [
2512
- "initials"
2552
+ "variant": [
2553
+ "menucontentVariantRoot"
2513
2554
  ]
2514
2555
  },
2515
2556
  "runtimeConfigDefaultProps": {},
@@ -2517,33 +2558,24 @@
2517
2558
  "runtimeConfigInternalComponentProps": {},
2518
2559
  "motionVarPrefixes": []
2519
2560
  },
2520
- "AvatarText": {
2521
- "name": "AvatarText",
2561
+ "Menu.Divider": {
2562
+ "name": "Menu.Divider",
2522
2563
  "defaultProps": {
2523
- "size": "md",
2524
- "variant": "primary"
2564
+ "role": "separator",
2565
+ "contentPosition": "start",
2566
+ "gap": "4"
2525
2567
  },
2526
- "getStylesLiterals": {},
2527
- "cxLiterals": [
2528
- "overflow-hidden",
2529
- "truncate",
2530
- "w-full",
2531
- "h-full",
2532
- "shrink-0",
2533
- "text-center",
2534
- "inline-flex",
2535
- "justify-center",
2536
- "items-center"
2537
- ],
2568
+ "getStylesLiterals": {
2569
+ "menuitemDividerVariantRoot": "default",
2570
+ "menuitemDividerVariantText": "default",
2571
+ "menuitemDividerVariantLine": "default"
2572
+ },
2573
+ "cxLiterals": [],
2538
2574
  "internalComponents": [
2539
- "Box",
2540
- "Text"
2575
+ "DividerInternal"
2541
2576
  ],
2542
2577
  "internalComponentProps": {
2543
- "Text": {
2544
- "color": [
2545
- "inherit"
2546
- ],
2578
+ "DividerInternal": {
2547
2579
  "variant": [
2548
2580
  "inherit"
2549
2581
  ]
@@ -2555,98 +2587,93 @@
2555
2587
  "runtimeConfigInternalComponentProps": {},
2556
2588
  "motionVarPrefixes": []
2557
2589
  },
2558
- "Input": {
2559
- "name": "Input",
2560
- "defaultProps": {
2561
- "type": "text",
2562
- "size": "md",
2563
- "width": "full"
2564
- },
2590
+ "Menu.Item": {
2591
+ "name": "Menu.Item",
2592
+ "defaultProps": {},
2565
2593
  "getStylesLiterals": {
2566
- "inputVariantRoot": "default",
2567
- "inputVariantValueRoot": "empty",
2568
- "inputVariantValueRoot:1": "filled",
2569
- "inputVariantInputWrapper": "default",
2570
- "inputVariantValueInputWrapper": "empty",
2571
- "inputVariantValueInputWrapper:1": "filled",
2572
- "inputVariantInput": "default",
2573
- "inputVariantValueInput": "empty",
2574
- "inputVariantValueInput:1": "filled",
2575
- "inputVariantInputPlaceholder": "default",
2576
- "inputVariantValueInputPlaceholder": "empty",
2577
- "inputVariantValueInputPlaceholder:1": "filled",
2578
- "inputVariantLabel": "default",
2579
- "inputVariantValueLabel": "empty",
2580
- "inputVariantValueLabel:1": "filled",
2581
- "inputVariantLabelRequired": "default",
2582
- "inputVariantValueLabelRequired": "empty",
2583
- "inputVariantValueLabelRequired:1": "filled",
2584
- "inputVariantStartIcon": "default",
2585
- "inputVariantValueStartIcon": "empty",
2586
- "inputVariantValueStartIcon:1": "filled",
2587
- "inputVariantEndIcon": "default",
2588
- "inputVariantValueEndIcon": "empty",
2589
- "inputVariantValueEndIcon:1": "filled"
2594
+ "menuitemItemVariantRoot": "default",
2595
+ "menuitemItemVariantActiveRoot": "on",
2596
+ "menuitemItemVariantActiveRoot:1": "off",
2597
+ "menuitemItemVariantText": "default",
2598
+ "menuitemItemVariantActiveText": "on",
2599
+ "menuitemItemVariantActiveText:1": "off",
2600
+ "menuitemItemVariantIcon": "default",
2601
+ "menuitemItemVariantActiveIcon": "on",
2602
+ "menuitemItemVariantActiveIcon:1": "off"
2603
+ },
2604
+ "cxLiterals": [],
2605
+ "internalComponents": [
2606
+ "MenuItemBase"
2607
+ ],
2608
+ "internalComponentProps": {},
2609
+ "propToVariantKeys": {},
2610
+ "runtimeConfigDefaultProps": {},
2611
+ "runtimeConfigGetStyles": {},
2612
+ "runtimeConfigInternalComponentProps": {},
2613
+ "motionVarPrefixes": []
2614
+ },
2615
+ "Menu.ItemBase": {
2616
+ "name": "Menu.ItemBase",
2617
+ "defaultProps": {
2618
+ "spacing": "0",
2619
+ "spacingHorizontal": "4",
2620
+ "spacingVertical": "3.5",
2621
+ "columnGap": "2",
2622
+ "alignItems": "center",
2623
+ "justifyContent": "space-between"
2624
+ },
2625
+ "getStylesLiterals": {
2626
+ "textAlign": "start",
2627
+ "menuitemSizeRoot": "default",
2628
+ "flexDirection": "row",
2629
+ "menuitemSizeStartIcon": "default",
2630
+ "menuitemSizeEndIcon": "default"
2590
2631
  },
2591
2632
  "cxLiterals": [
2592
- "opacity-50",
2593
- "min-w-[200px]",
2594
- "grow",
2595
- "uds-hit-target",
2596
- "bg-clip-text",
2597
- "focus:outline-none",
2598
- "cursor-text",
2599
- "cursor-not-allowed"
2633
+ "flex",
2634
+ "focus-visible:text-brand",
2635
+ "focus-visible:bg-brand-secondary",
2636
+ "focus-visible:z-10",
2637
+ "uds-ring",
2638
+ "!-outline-offset-2",
2639
+ "[&:not([aria-checked])]:cursor-default",
2640
+ "opacity-25",
2641
+ "cursor-not-allowed",
2642
+ "duration-20",
2643
+ "transition-[font-variation-settings]",
2644
+ "ease-in-out",
2645
+ "z-0",
2646
+ "uds-start-icon",
2647
+ "uds-end-icon"
2600
2648
  ],
2601
2649
  "internalComponents": [
2650
+ "Pressable",
2602
2651
  "IconSlot",
2603
- "StartIcon",
2604
- "EndIcon",
2605
- "HelpTextContent",
2606
- "Box",
2607
- "InputHelpTextInternal",
2608
- "VStack",
2652
+ "RootComponent",
2609
2653
  "HStack",
2610
- "AnimateHeightChange"
2654
+ "AnimatePresence"
2611
2655
  ],
2612
2656
  "internalComponentProps": {
2613
- "HelpTextContent": {
2614
- "spacingTop": [
2615
- "2"
2616
- ]
2617
- },
2618
- "Box": {
2619
- "spacingBottom": [
2620
- "2"
2621
- ],
2622
- "columnGap": [
2623
- "0.5"
2624
- ],
2657
+ "HStack": {
2625
2658
  "alignItems": [
2626
- "flex-end",
2627
2659
  "center"
2628
2660
  ],
2629
- "position": [
2630
- "relative"
2661
+ "width": [
2662
+ "full"
2631
2663
  ]
2632
2664
  },
2633
- "HStack": {
2634
- "alignItems": [
2635
- "center"
2636
- ],
2637
- "gap": [
2638
- "1"
2665
+ "AnimatePresence": {
2666
+ "mode": [
2667
+ "popLayout"
2639
2668
  ]
2640
2669
  }
2641
2670
  },
2642
2671
  "propToVariantKeys": {
2643
- "size": [
2644
- "inputSizeRoot",
2645
- "inputSizeInputWrapper",
2646
- "inputSizeInput",
2647
- "inputSizeLabel",
2648
- "inputSizeStartIcon",
2649
- "inputSizeEndIcon"
2672
+ "startIconClassName": [
2673
+ "className"
2674
+ ],
2675
+ "endIconClassName": [
2676
+ "className"
2650
2677
  ],
2651
2678
  "startIcon": [
2652
2679
  "icon"
@@ -2654,11 +2681,8 @@
2654
2681
  "endIcon": [
2655
2682
  "icon"
2656
2683
  ],
2657
- "slotProps": [
2658
- "helperTextSlotProps"
2659
- ],
2660
- "helperTextIcon": [
2661
- "startIcon"
2684
+ "columnGap": [
2685
+ "gap"
2662
2686
  ]
2663
2687
  },
2664
2688
  "runtimeConfigDefaultProps": {},
@@ -2666,92 +2690,98 @@
2666
2690
  "runtimeConfigInternalComponentProps": {},
2667
2691
  "motionVarPrefixes": []
2668
2692
  },
2669
- "InputHelpText": {
2670
- "name": "InputHelpText",
2671
- "defaultProps": {
2672
- "size": "md"
2673
- },
2693
+ "Menu.ItemCheckbox": {
2694
+ "name": "Menu.ItemCheckbox",
2695
+ "defaultProps": {},
2674
2696
  "getStylesLiterals": {
2675
- "inputVariantRoot": "default",
2676
- "inputVariantValueRoot": "empty",
2677
- "inputVariantValueRoot:1": "filled"
2697
+ "menuitemItemCheckboxVariantRoot": "default",
2698
+ "menuitemItemCheckboxVariantActiveRoot": "on",
2699
+ "menuitemItemCheckboxVariantActiveRoot:1": "off",
2700
+ "menuitemItemCheckboxVariantText": "default",
2701
+ "menuitemItemCheckboxVariantActiveText": "on",
2702
+ "menuitemItemCheckboxVariantActiveText:1": "off",
2703
+ "menuitemItemCheckboxVariantStartIcon": "default",
2704
+ "menuitemItemCheckboxVariantActiveStartIcon": "on",
2705
+ "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
2706
+ "menuitemItemCheckboxVariantEndIcon": "default",
2707
+ "menuitemItemCheckboxVariantActiveEndIcon": "on",
2708
+ "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
2678
2709
  },
2710
+ "cxLiterals": [
2711
+ "uds-menu-item-checkbox"
2712
+ ],
2713
+ "internalComponents": [
2714
+ "MenuItemBase"
2715
+ ],
2716
+ "internalComponentProps": {},
2717
+ "propToVariantKeys": {},
2718
+ "runtimeConfigDefaultProps": {},
2719
+ "runtimeConfigGetStyles": {},
2720
+ "runtimeConfigInternalComponentProps": {},
2721
+ "motionVarPrefixes": []
2722
+ },
2723
+ "Menu.Provider": {
2724
+ "name": "Menu.Provider",
2725
+ "defaultProps": {},
2726
+ "getStylesLiterals": {},
2679
2727
  "cxLiterals": [],
2680
2728
  "internalComponents": [
2681
- "InputHelpTextInternal",
2729
+ "AriakitMenuProvider",
2730
+ "SpringMotionConfig"
2731
+ ],
2732
+ "internalComponentProps": {},
2733
+ "propToVariantKeys": {},
2734
+ "runtimeConfigDefaultProps": {},
2735
+ "runtimeConfigGetStyles": {},
2736
+ "runtimeConfigInternalComponentProps": {},
2737
+ "motionVarPrefixes": [
2738
+ "--uds-motion-subtle-3-",
2739
+ "--uds-motion-smooth-3-"
2740
+ ]
2741
+ },
2742
+ "Menu.Trigger": {
2743
+ "name": "Menu.Trigger",
2744
+ "defaultProps": {},
2745
+ "getStylesLiterals": {},
2746
+ "cxLiterals": [
2747
+ "uds-menu-trigger"
2748
+ ],
2749
+ "internalComponents": [
2750
+ "AriakitMenuTrigger",
2682
2751
  "Box"
2683
2752
  ],
2684
2753
  "internalComponentProps": {
2685
2754
  "Box": {
2686
- "spacingTop": [
2687
- "2"
2755
+ "className": [
2756
+ "uds-ring h-fit w-fit"
2688
2757
  ]
2689
2758
  }
2690
2759
  },
2691
- "propToVariantKeys": {
2692
- "size": [
2693
- "inputSizeRoot"
2694
- ]
2695
- },
2760
+ "propToVariantKeys": {},
2696
2761
  "runtimeConfigDefaultProps": {},
2697
2762
  "runtimeConfigGetStyles": {},
2698
2763
  "runtimeConfigInternalComponentProps": {},
2699
2764
  "motionVarPrefixes": []
2700
2765
  },
2701
- "InputHelpTextInternal": {
2702
- "name": "InputHelpTextInternal",
2766
+ "Menu.index": {
2767
+ "name": "Menu.index",
2703
2768
  "defaultProps": {},
2704
- "getStylesLiterals": {
2705
- "inputVariantHelperText": "default",
2706
- "inputVariantValueHelperText": "empty",
2707
- "inputVariantValueHelperText:1": "filled",
2708
- "inputVariantHelperIcon": "default",
2709
- "inputVariantValueHelperIcon": "empty",
2710
- "inputVariantValueHelperIcon:1": "filled"
2711
- },
2769
+ "getStylesLiterals": {},
2712
2770
  "cxLiterals": [],
2713
- "internalComponents": [
2714
- "IconSlot",
2715
- "HStack"
2716
- ],
2717
- "internalComponentProps": {
2718
- "HStack": {
2719
- "gap": [
2720
- "1"
2721
- ],
2722
- "alignItems": [
2723
- "center"
2724
- ]
2725
- }
2726
- },
2727
- "propToVariantKeys": {
2728
- "size": [
2729
- "inputSizeHelperText",
2730
- "inputSizeHelperIcon"
2731
- ],
2732
- "startIcon": [
2733
- "icon"
2734
- ],
2735
- "endIcon": [
2736
- "icon"
2737
- ]
2738
- },
2771
+ "internalComponents": [],
2772
+ "internalComponentProps": {},
2773
+ "propToVariantKeys": {},
2739
2774
  "runtimeConfigDefaultProps": {},
2740
2775
  "runtimeConfigGetStyles": {},
2741
2776
  "runtimeConfigInternalComponentProps": {},
2742
2777
  "motionVarPrefixes": []
2743
2778
  },
2744
- "Chip": {
2745
- "name": "Chip",
2779
+ "Menu": {
2780
+ "name": "Menu",
2746
2781
  "defaultProps": {},
2747
2782
  "getStylesLiterals": {},
2748
2783
  "cxLiterals": [],
2749
- "internalComponents": [
2750
- "ChipDismissible",
2751
- "ChipToggle",
2752
- "ChipLink",
2753
- "ChipButton"
2754
- ],
2784
+ "internalComponents": [],
2755
2785
  "internalComponentProps": {},
2756
2786
  "propToVariantKeys": {},
2757
2787
  "runtimeConfigDefaultProps": {},
@@ -2759,182 +2789,152 @@
2759
2789
  "runtimeConfigInternalComponentProps": {},
2760
2790
  "motionVarPrefixes": []
2761
2791
  },
2762
- "ChipBase": {
2763
- "name": "ChipBase",
2792
+ "Radio": {
2793
+ "name": "Radio",
2764
2794
  "defaultProps": {
2795
+ "labelPosition": "start",
2796
+ "variant": "primary",
2765
2797
  "size": "md",
2766
- "as": "div"
2798
+ "value": ""
2767
2799
  },
2768
- "getStylesLiterals": {},
2769
- "cxLiterals": [
2770
- "pointer-events-none",
2771
- "cursor-default",
2800
+ "getStylesLiterals": {
2801
+ "radioVariantValueRoot": "checked",
2802
+ "radioVariantValueRoot:1": "unchecked",
2803
+ "display": "flex",
2804
+ "flexDirection": "row",
2805
+ "flexDirection:1": "row-reverse",
2806
+ "alignItems": "center",
2807
+ "radioVariantValueRadio": "checked",
2808
+ "radioVariantValueRadio:1": "unchecked",
2809
+ "radioVariantValueRadioCircle": "checked",
2810
+ "radioVariantValueRadioCircle:1": "unchecked"
2811
+ },
2812
+ "cxLiterals": [
2813
+ "cursor-pointer",
2814
+ "cursor-default",
2772
2815
  "opacity-50",
2773
- "inline-flex",
2774
- "items-center",
2775
- "transition-[background-color,outline-color,box-shadow]",
2776
- "truncate",
2777
- "whitespace-nowrap",
2778
- "text-center",
2779
- "flex-1"
2816
+ "border",
2817
+ "uds-ring",
2818
+ "uds-ring-within",
2819
+ "transition-[background-color,border-color]",
2820
+ "transition-shadow",
2821
+ "pointer-events-none",
2822
+ "w-[8px]",
2823
+ "h-[8px]",
2824
+ "transition-opacity",
2825
+ "cursor-[inherit]",
2826
+ "absolute",
2827
+ "opacity-0",
2828
+ "top-1/2",
2829
+ "left-1/2",
2830
+ "w-[calc(100%+2px)]",
2831
+ "h-[calc(100%+2px)]",
2832
+ "transform",
2833
+ "translate-x-[-50%]",
2834
+ "translate-y-[-50%]",
2835
+ "text-start",
2836
+ "text-end"
2780
2837
  ],
2781
2838
  "internalComponents": [
2782
- "IconSlot",
2783
- "HStack",
2784
- "As",
2785
- "Text"
2839
+ "Box",
2840
+ "FormLabel",
2841
+ "SpringMotionConfig",
2842
+ "RootElement",
2843
+ "MotionBox"
2786
2844
  ],
2787
2845
  "internalComponentProps": {
2788
- "Text": {
2846
+ "Box": {
2847
+ "borderRadius": [
2848
+ "full"
2849
+ ]
2850
+ },
2851
+ "FormLabel": {
2789
2852
  "as": [
2790
- "span"
2791
- ],
2792
- "color": [
2793
- "current"
2853
+ "div"
2794
2854
  ],
2795
2855
  "variant": [
2796
2856
  "inherit"
2857
+ ],
2858
+ "color": [
2859
+ "inherit"
2860
+ ]
2861
+ },
2862
+ "RootElement": {
2863
+ "data-testid": [
2864
+ "container"
2865
+ ]
2866
+ },
2867
+ "MotionBox": {
2868
+ "position": [
2869
+ "relative"
2870
+ ],
2871
+ "borderRadius": [
2872
+ "full"
2873
+ ],
2874
+ "alignItems": [
2875
+ "center"
2876
+ ],
2877
+ "justifyContent": [
2878
+ "center"
2879
+ ],
2880
+ "flex": [
2881
+ "none"
2797
2882
  ]
2798
2883
  }
2799
2884
  },
2800
2885
  "propToVariantKeys": {
2801
2886
  "size": [
2802
- "chipSizeRoot",
2803
- "chipSizeIcon"
2887
+ "radioSizeRoot",
2888
+ "radioSizeRadio"
2804
2889
  ],
2805
- "startIcon": [
2806
- "icon"
2890
+ "variant": [
2891
+ "radioVariantRoot",
2892
+ "radioVariantRadio",
2893
+ "radioVariantRadioCircle"
2807
2894
  ],
2808
- "endIcon": [
2809
- "icon"
2895
+ "reduceMotion": [
2896
+ "reducedMotion"
2810
2897
  ]
2811
2898
  },
2812
2899
  "runtimeConfigDefaultProps": {},
2813
2900
  "runtimeConfigGetStyles": {},
2814
2901
  "runtimeConfigInternalComponentProps": {},
2815
- "motionVarPrefixes": []
2902
+ "motionVarPrefixes": [
2903
+ "--uds-motion-subtle-3-",
2904
+ "--uds-motion-smooth-3-"
2905
+ ]
2816
2906
  },
2817
- "ChipButton": {
2818
- "name": "ChipButton",
2819
- "defaultProps": {
2820
- "variant": "primary"
2821
- },
2907
+ "RadioGroupProvider": {
2908
+ "name": "RadioGroupProvider",
2909
+ "defaultProps": {},
2822
2910
  "getStylesLiterals": {},
2823
- "cxLiterals": [
2824
- "uds-ring"
2825
- ],
2911
+ "cxLiterals": [],
2826
2912
  "internalComponents": [
2827
- "ChipBase"
2913
+ "DivProps",
2914
+ "Comp",
2915
+ "RadioGroupContext.Provider"
2828
2916
  ],
2829
2917
  "internalComponentProps": {
2830
- "ChipBase": {
2831
- "as": [
2832
- "button"
2918
+ "Comp": {
2919
+ "role": [
2920
+ "radiogroup"
2833
2921
  ]
2834
2922
  }
2835
2923
  },
2836
- "propToVariantKeys": {
2837
- "variant": [
2838
- "chipLinkVariantRoot",
2839
- "chipLinkVariantIcon"
2840
- ]
2841
- },
2924
+ "propToVariantKeys": {},
2842
2925
  "runtimeConfigDefaultProps": {},
2843
2926
  "runtimeConfigGetStyles": {},
2844
2927
  "runtimeConfigInternalComponentProps": {},
2845
2928
  "motionVarPrefixes": []
2846
2929
  },
2847
- "ChipDismissible": {
2848
- "name": "ChipDismissible",
2849
- "defaultProps": {
2850
- "variant": "primary"
2851
- },
2930
+ "RadioGroupStore": {
2931
+ "name": "RadioGroupStore",
2932
+ "defaultProps": {},
2852
2933
  "getStylesLiterals": {},
2853
- "cxLiterals": [
2854
- "uds-chip-dismissible-button",
2855
- "uds-hit-target",
2856
- "uds-ring",
2857
- "rounded-full"
2858
- ],
2859
- "internalComponents": [
2860
- "ChipBase",
2861
- "IconSlot",
2862
- "Pressable"
2863
- ],
2934
+ "cxLiterals": [],
2935
+ "internalComponents": [],
2864
2936
  "internalComponentProps": {},
2865
- "propToVariantKeys": {
2866
- "variant": [
2867
- "chipDismissibleVariantRoot",
2868
- "chipDismissibleVariantIcon"
2869
- ],
2870
- "dismissButtonAriaLabel": [
2871
- "aria-label"
2872
- ]
2873
- },
2874
- "runtimeConfigDefaultProps": {},
2875
- "runtimeConfigGetStyles": {},
2876
- "runtimeConfigInternalComponentProps": {},
2877
- "motionVarPrefixes": []
2878
- },
2879
- "ChipLink": {
2880
- "name": "ChipLink",
2881
- "defaultProps": {
2882
- "variant": "primary"
2883
- },
2884
- "getStylesLiterals": {},
2885
- "cxLiterals": [
2886
- "uds-ring"
2887
- ],
2888
- "internalComponents": [
2889
- "ChipBase"
2890
- ],
2891
- "internalComponentProps": {
2892
- "ChipBase": {
2893
- "as": [
2894
- "a"
2895
- ]
2896
- }
2897
- },
2898
- "propToVariantKeys": {
2899
- "variant": [
2900
- "chipLinkVariantRoot",
2901
- "chipLinkVariantIcon"
2902
- ]
2903
- },
2904
- "runtimeConfigDefaultProps": {},
2905
- "runtimeConfigGetStyles": {},
2906
- "runtimeConfigInternalComponentProps": {},
2907
- "motionVarPrefixes": []
2908
- },
2909
- "ChipToggle": {
2910
- "name": "ChipToggle",
2911
- "defaultProps": {
2912
- "variant": "primary",
2913
- "role": "checkbox"
2914
- },
2915
- "getStylesLiterals": {
2916
- "chipToggleVariantActiveRoot": "on",
2917
- "chipToggleVariantActiveRoot:1": "off"
2918
- },
2919
- "cxLiterals": [
2920
- "uds-ring"
2921
- ],
2922
- "internalComponents": [
2923
- "ChipBase"
2924
- ],
2925
- "internalComponentProps": {
2926
- "ChipBase": {
2927
- "as": [
2928
- "button"
2929
- ]
2930
- }
2931
- },
2932
- "propToVariantKeys": {
2933
- "variant": [
2934
- "chipToggleVariantRoot",
2935
- "chipToggleVariantIcon"
2936
- ]
2937
- },
2937
+ "propToVariantKeys": {},
2938
2938
  "runtimeConfigDefaultProps": {},
2939
2939
  "runtimeConfigGetStyles": {},
2940
2940
  "runtimeConfigInternalComponentProps": {},
@@ -2971,230 +2971,45 @@
2971
2971
  "relative",
2972
2972
  "z-[1]",
2973
2973
  "cursor-pointer",
2974
- "select-none",
2975
- "whitespace-nowrap",
2976
- "uds-ring",
2977
- "opacity-50",
2978
- "cursor-default",
2979
- "border-solid",
2980
- "border-b-solid",
2981
- "transition-colors"
2982
- ],
2983
- "internalComponents": [
2984
- "IconSlot",
2985
- "AriakitTab",
2986
- "Text"
2987
- ],
2988
- "internalComponentProps": {
2989
- "Text": {
2990
- "variant": [
2991
- "inherit"
2992
- ],
2993
- "as": [
2994
- "span"
2995
- ],
2996
- "color": [
2997
- "current"
2998
- ]
2999
- }
3000
- },
3001
- "propToVariantKeys": {
3002
- "variant": [
3003
- "tabVariantRoot",
3004
- "tabVariantIcon"
3005
- ],
3006
- "activeState": [
3007
- "tabVariantActiveIcon"
3008
- ],
3009
- "startIcon": [
3010
- "icon"
3011
- ],
3012
- "endIcon": [
3013
- "icon"
3014
- ]
3015
- },
3016
- "runtimeConfigDefaultProps": {},
3017
- "runtimeConfigGetStyles": {},
3018
- "runtimeConfigInternalComponentProps": {},
3019
- "motionVarPrefixes": []
3020
- },
3021
- "TabList": {
3022
- "name": "TabList",
3023
- "defaultProps": {
3024
- "variant": "primary"
3025
- },
3026
- "getStylesLiterals": {
3027
- "tabSizeRoot": "default",
3028
- "tabVariantActiveRoot": "on"
3029
- },
3030
- "cxLiterals": [
3031
- "pointer-events-none",
3032
- "absolute",
3033
- "bottom-0",
3034
- "left-0",
3035
- "right-0",
3036
- "h-[var(--uds-tab-underline-width,0px)]",
3037
- "bg-[var(--uds-tab-underline-color,transparent)]",
3038
- "transition-[height,background-color]",
3039
- "duration-[240ms]",
3040
- "ease-[cubic-bezier(0.2,0,0,1)]",
3041
- "!m-0",
3042
- "!p-0",
3043
- "!gap-0",
3044
- "box-border",
3045
- "z-0",
3046
- "min-w-0",
3047
- "min-h-0",
3048
- "flex",
3049
- "flex-row",
3050
- "items-center",
3051
- "overflow-x-auto",
3052
- "overflow-y-clip",
3053
- "scrollbar-none",
3054
- "[overflow-clip-margin:6px]",
3055
- "overflow-clip",
3056
- "[overflow-clip-margin:8px]",
3057
- "relative"
3058
- ],
3059
- "internalComponents": [
3060
- "AriakitTabList"
3061
- ],
3062
- "internalComponentProps": {},
3063
- "propToVariantKeys": {
3064
- "variant": [
3065
- "tabsVariantRoot",
3066
- "tabVariantRoot"
3067
- ]
3068
- },
3069
- "runtimeConfigDefaultProps": {},
3070
- "runtimeConfigGetStyles": {},
3071
- "runtimeConfigInternalComponentProps": {},
3072
- "motionVarPrefixes": []
3073
- },
3074
- "TabPanel": {
3075
- "name": "TabPanel",
3076
- "defaultProps": {},
3077
- "getStylesLiterals": {},
3078
- "cxLiterals": [],
3079
- "internalComponents": [
3080
- "AriakitTabPanel"
3081
- ],
3082
- "internalComponentProps": {},
3083
- "propToVariantKeys": {},
3084
- "runtimeConfigDefaultProps": {},
3085
- "runtimeConfigGetStyles": {},
3086
- "runtimeConfigInternalComponentProps": {},
3087
- "motionVarPrefixes": []
3088
- },
3089
- "Tabs": {
3090
- "name": "Tabs",
3091
- "defaultProps": {
3092
- "variant": "primary"
3093
- },
3094
- "getStylesLiterals": {},
3095
- "cxLiterals": [],
3096
- "internalComponents": [
3097
- "TabsContext.Provider",
3098
- "TabProvider"
3099
- ],
3100
- "internalComponentProps": {},
3101
- "propToVariantKeys": {
3102
- "onSelectionChange": [
3103
- "setSelectedId"
3104
- ]
3105
- },
3106
- "runtimeConfigDefaultProps": {},
3107
- "runtimeConfigGetStyles": {},
3108
- "runtimeConfigInternalComponentProps": {},
3109
- "motionVarPrefixes": []
3110
- },
3111
- "Tooltip": {
3112
- "name": "Tooltip",
3113
- "defaultProps": {},
3114
- "getStylesLiterals": {},
3115
- "cxLiterals": [],
3116
- "internalComponents": [
3117
- "TooltipInternalContext.Provider",
3118
- "TooltipProvider"
3119
- ],
3120
- "internalComponentProps": {},
3121
- "propToVariantKeys": {},
3122
- "runtimeConfigDefaultProps": {},
3123
- "runtimeConfigGetStyles": {},
3124
- "runtimeConfigInternalComponentProps": {
3125
- "TooltipProvider": {
3126
- "animated": [
3127
- "tooltip.animationDuration"
3128
- ]
3129
- }
3130
- },
3131
- "motionVarPrefixes": []
3132
- },
3133
- "TooltipContent": {
3134
- "name": "TooltipContent",
3135
- "defaultProps": {},
3136
- "getStylesLiterals": {
3137
- "tooltipSizeRoot": "default",
3138
- "tooltipVariantRoot": "default",
3139
- "tooltipSizeSvg": "default",
3140
- "tooltipVariantSvg": "default",
3141
- "tooltipVariantBlur": "default",
3142
- "position": "absolute",
3143
- "width": "full",
3144
- "height": "full",
3145
- "tooltipSizeTitle": "default",
3146
- "tooltipSizeBody": "default",
3147
- "tooltipSizeEndContent": "default",
3148
- "tooltipSizeIcon": "default",
3149
- "tooltipVariantIcon": "default"
3150
- },
3151
- "cxLiterals": [
3152
- "max-w-lg",
3153
- "flex",
3154
- "z-[9999]",
3155
- "uds-bgBlurFillFallback",
3156
- "uds-bgBlurFallback",
3157
- "top-0",
3158
- "left-0",
3159
- "z-[1]"
3160
- ],
3161
- "internalComponents": [
3162
- "IconSlot",
3163
- "TooltipArrow",
3164
- "Tooltip",
3165
- "SvgFloatingOverlay",
3166
- "VStack",
3167
- "Box",
3168
- "Text"
3169
- ],
3170
- "internalComponentProps": {
3171
- "SvgFloatingOverlay": {
3172
- "contentOverflow": [
3173
- "visible"
3174
- ]
3175
- },
3176
- "VStack": {
3177
- "className": [
3178
- "gap-[inherit]"
3179
- ]
3180
- },
3181
- "Box": {
3182
- "alignItems": [
3183
- "center"
3184
- ],
3185
- "columnGap": [
3186
- "1",
3187
- "1.5"
3188
- ]
3189
- },
2974
+ "select-none",
2975
+ "whitespace-nowrap",
2976
+ "uds-ring",
2977
+ "opacity-50",
2978
+ "cursor-default",
2979
+ "border-solid",
2980
+ "border-b-solid",
2981
+ "transition-colors"
2982
+ ],
2983
+ "internalComponents": [
2984
+ "IconSlot",
2985
+ "AriakitTab",
2986
+ "Text"
2987
+ ],
2988
+ "internalComponentProps": {
3190
2989
  "Text": {
3191
- "color": [
2990
+ "variant": [
3192
2991
  "inherit"
2992
+ ],
2993
+ "as": [
2994
+ "span"
2995
+ ],
2996
+ "color": [
2997
+ "current"
3193
2998
  ]
3194
2999
  }
3195
3000
  },
3196
3001
  "propToVariantKeys": {
3197
- "startTitleIcon": [
3002
+ "variant": [
3003
+ "tabVariantRoot",
3004
+ "tabVariantIcon"
3005
+ ],
3006
+ "activeState": [
3007
+ "tabVariantActiveIcon"
3008
+ ],
3009
+ "startIcon": [
3010
+ "icon"
3011
+ ],
3012
+ "endIcon": [
3198
3013
  "icon"
3199
3014
  ]
3200
3015
  },
@@ -3203,24 +3018,52 @@
3203
3018
  "runtimeConfigInternalComponentProps": {},
3204
3019
  "motionVarPrefixes": []
3205
3020
  },
3206
- "TooltipTrigger": {
3207
- "name": "TooltipTrigger",
3208
- "defaultProps": {},
3209
- "getStylesLiterals": {},
3210
- "cxLiterals": [],
3021
+ "TabList": {
3022
+ "name": "TabList",
3023
+ "defaultProps": {
3024
+ "variant": "primary"
3025
+ },
3026
+ "getStylesLiterals": {
3027
+ "tabSizeRoot": "default",
3028
+ "tabVariantActiveRoot": "on"
3029
+ },
3030
+ "cxLiterals": [
3031
+ "pointer-events-none",
3032
+ "absolute",
3033
+ "bottom-0",
3034
+ "left-0",
3035
+ "right-0",
3036
+ "h-[var(--uds-tab-underline-width,0px)]",
3037
+ "bg-[var(--uds-tab-underline-color,transparent)]",
3038
+ "transition-[height,background-color]",
3039
+ "duration-[240ms]",
3040
+ "ease-[cubic-bezier(0.2,0,0,1)]",
3041
+ "!m-0",
3042
+ "!p-0",
3043
+ "!gap-0",
3044
+ "box-border",
3045
+ "z-0",
3046
+ "min-w-0",
3047
+ "min-h-0",
3048
+ "flex",
3049
+ "flex-row",
3050
+ "items-center",
3051
+ "overflow-x-auto",
3052
+ "overflow-y-clip",
3053
+ "scrollbar-none",
3054
+ "[overflow-clip-margin:6px]",
3055
+ "overflow-clip",
3056
+ "[overflow-clip-margin:8px]",
3057
+ "relative"
3058
+ ],
3211
3059
  "internalComponents": [
3212
- "TooltipAnchor"
3060
+ "AriakitTabList"
3213
3061
  ],
3214
- "internalComponentProps": {
3215
- "TooltipAnchor": {
3216
- "className": [
3217
- "inline"
3218
- ]
3219
- }
3220
- },
3062
+ "internalComponentProps": {},
3221
3063
  "propToVariantKeys": {
3222
- "children": [
3223
- "render"
3064
+ "variant": [
3065
+ "tabsVariantRoot",
3066
+ "tabVariantRoot"
3224
3067
  ]
3225
3068
  },
3226
3069
  "runtimeConfigDefaultProps": {},
@@ -3228,13 +3071,13 @@
3228
3071
  "runtimeConfigInternalComponentProps": {},
3229
3072
  "motionVarPrefixes": []
3230
3073
  },
3231
- "UDSTooltipConfigProvider": {
3232
- "name": "UDSTooltipConfigProvider",
3074
+ "TabPanel": {
3075
+ "name": "TabPanel",
3233
3076
  "defaultProps": {},
3234
3077
  "getStylesLiterals": {},
3235
3078
  "cxLiterals": [],
3236
3079
  "internalComponents": [
3237
- "TooltipContext.Provider"
3080
+ "AriakitTabPanel"
3238
3081
  ],
3239
3082
  "internalComponentProps": {},
3240
3083
  "propToVariantKeys": {},
@@ -3243,6 +3086,28 @@
3243
3086
  "runtimeConfigInternalComponentProps": {},
3244
3087
  "motionVarPrefixes": []
3245
3088
  },
3089
+ "Tabs": {
3090
+ "name": "Tabs",
3091
+ "defaultProps": {
3092
+ "variant": "primary"
3093
+ },
3094
+ "getStylesLiterals": {},
3095
+ "cxLiterals": [],
3096
+ "internalComponents": [
3097
+ "TabsContext.Provider",
3098
+ "TabProvider"
3099
+ ],
3100
+ "internalComponentProps": {},
3101
+ "propToVariantKeys": {
3102
+ "onSelectionChange": [
3103
+ "setSelectedId"
3104
+ ]
3105
+ },
3106
+ "runtimeConfigDefaultProps": {},
3107
+ "runtimeConfigGetStyles": {},
3108
+ "runtimeConfigInternalComponentProps": {},
3109
+ "motionVarPrefixes": []
3110
+ },
3246
3111
  "Toast": {
3247
3112
  "name": "Toast",
3248
3113
  "defaultProps": {},
@@ -3442,6 +3307,141 @@
3442
3307
  "runtimeConfigInternalComponentProps": {},
3443
3308
  "motionVarPrefixes": []
3444
3309
  },
3310
+ "Tooltip": {
3311
+ "name": "Tooltip",
3312
+ "defaultProps": {},
3313
+ "getStylesLiterals": {},
3314
+ "cxLiterals": [],
3315
+ "internalComponents": [
3316
+ "TooltipInternalContext.Provider",
3317
+ "TooltipProvider"
3318
+ ],
3319
+ "internalComponentProps": {},
3320
+ "propToVariantKeys": {},
3321
+ "runtimeConfigDefaultProps": {},
3322
+ "runtimeConfigGetStyles": {},
3323
+ "runtimeConfigInternalComponentProps": {
3324
+ "TooltipProvider": {
3325
+ "animated": [
3326
+ "tooltip.animationDuration"
3327
+ ]
3328
+ }
3329
+ },
3330
+ "motionVarPrefixes": []
3331
+ },
3332
+ "TooltipContent": {
3333
+ "name": "TooltipContent",
3334
+ "defaultProps": {},
3335
+ "getStylesLiterals": {
3336
+ "tooltipSizeRoot": "default",
3337
+ "tooltipVariantRoot": "default",
3338
+ "tooltipSizeSvg": "default",
3339
+ "tooltipVariantSvg": "default",
3340
+ "tooltipVariantBlur": "default",
3341
+ "position": "absolute",
3342
+ "width": "full",
3343
+ "height": "full",
3344
+ "tooltipSizeTitle": "default",
3345
+ "tooltipSizeBody": "default",
3346
+ "tooltipSizeEndContent": "default",
3347
+ "tooltipSizeIcon": "default",
3348
+ "tooltipVariantIcon": "default"
3349
+ },
3350
+ "cxLiterals": [
3351
+ "max-w-lg",
3352
+ "flex",
3353
+ "z-[9999]",
3354
+ "uds-bgBlurFillFallback",
3355
+ "uds-bgBlurFallback",
3356
+ "top-0",
3357
+ "left-0",
3358
+ "z-[1]"
3359
+ ],
3360
+ "internalComponents": [
3361
+ "IconSlot",
3362
+ "TooltipArrow",
3363
+ "Tooltip",
3364
+ "SvgFloatingOverlay",
3365
+ "VStack",
3366
+ "Box",
3367
+ "Text"
3368
+ ],
3369
+ "internalComponentProps": {
3370
+ "SvgFloatingOverlay": {
3371
+ "contentOverflow": [
3372
+ "visible"
3373
+ ]
3374
+ },
3375
+ "VStack": {
3376
+ "className": [
3377
+ "gap-[inherit]"
3378
+ ]
3379
+ },
3380
+ "Box": {
3381
+ "alignItems": [
3382
+ "center"
3383
+ ],
3384
+ "columnGap": [
3385
+ "1",
3386
+ "1.5"
3387
+ ]
3388
+ },
3389
+ "Text": {
3390
+ "color": [
3391
+ "inherit"
3392
+ ]
3393
+ }
3394
+ },
3395
+ "propToVariantKeys": {
3396
+ "startTitleIcon": [
3397
+ "icon"
3398
+ ]
3399
+ },
3400
+ "runtimeConfigDefaultProps": {},
3401
+ "runtimeConfigGetStyles": {},
3402
+ "runtimeConfigInternalComponentProps": {},
3403
+ "motionVarPrefixes": []
3404
+ },
3405
+ "TooltipTrigger": {
3406
+ "name": "TooltipTrigger",
3407
+ "defaultProps": {},
3408
+ "getStylesLiterals": {},
3409
+ "cxLiterals": [],
3410
+ "internalComponents": [
3411
+ "TooltipAnchor"
3412
+ ],
3413
+ "internalComponentProps": {
3414
+ "TooltipAnchor": {
3415
+ "className": [
3416
+ "inline"
3417
+ ]
3418
+ }
3419
+ },
3420
+ "propToVariantKeys": {
3421
+ "children": [
3422
+ "render"
3423
+ ]
3424
+ },
3425
+ "runtimeConfigDefaultProps": {},
3426
+ "runtimeConfigGetStyles": {},
3427
+ "runtimeConfigInternalComponentProps": {},
3428
+ "motionVarPrefixes": []
3429
+ },
3430
+ "UDSTooltipConfigProvider": {
3431
+ "name": "UDSTooltipConfigProvider",
3432
+ "defaultProps": {},
3433
+ "getStylesLiterals": {},
3434
+ "cxLiterals": [],
3435
+ "internalComponents": [
3436
+ "TooltipContext.Provider"
3437
+ ],
3438
+ "internalComponentProps": {},
3439
+ "propToVariantKeys": {},
3440
+ "runtimeConfigDefaultProps": {},
3441
+ "runtimeConfigGetStyles": {},
3442
+ "runtimeConfigInternalComponentProps": {},
3443
+ "motionVarPrefixes": []
3444
+ },
3445
3445
  "UDSBreakpointsConfigProvider": {
3446
3446
  "name": "UDSBreakpointsConfigProvider",
3447
3447
  "defaultProps": {},