@yahoo/uds 3.136.0 → 3.137.1

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 (25) hide show
  1. package/dist/components/Scrim.cjs +1 -1
  2. package/dist/components/Scrim.js +1 -1
  3. package/dist/components/client/BottomSheet/BottomSheet.cjs +25 -5
  4. package/dist/components/client/BottomSheet/BottomSheet.d.cts +11 -1
  5. package/dist/components/client/BottomSheet/BottomSheet.d.ts +11 -1
  6. package/dist/components/client/BottomSheet/BottomSheet.js +25 -5
  7. package/dist/components/client/BottomSheet/BottomSheetHeader.cjs +11 -5
  8. package/dist/components/client/BottomSheet/BottomSheetHeader.js +11 -5
  9. package/dist/components/client/BottomSheet/getBottomSheetSnapTransition.cjs +13 -0
  10. package/dist/components/client/BottomSheet/getBottomSheetSnapTransition.d.cts +12 -0
  11. package/dist/components/client/BottomSheet/getBottomSheetSnapTransition.d.ts +13 -0
  12. package/dist/components/client/BottomSheet/getBottomSheetSnapTransition.js +12 -0
  13. package/dist/components/client/Menu/Menu.ItemCheckbox.d.cts +1 -1
  14. package/dist/components/client/Menu/Menu.ItemCheckbox.d.ts +1 -1
  15. package/dist/components/client/Toast/UDSToastConfigProvider.d.cts +1 -1
  16. package/dist/components/client/Toast/UDSToastConfigProvider.d.ts +1 -1
  17. package/dist/styles/styler.d.cts +25 -25
  18. package/dist/styles/styler.d.ts +25 -25
  19. package/dist/uds/generated/componentData.cjs +361 -354
  20. package/dist/uds/generated/componentData.js +361 -354
  21. package/dist/uds/generated/tailwindPurge.cjs +6 -6
  22. package/dist/uds/generated/tailwindPurge.js +6 -6
  23. package/generated/componentData.json +420 -410
  24. package/generated/tailwindPurge.ts +1 -1
  25. package/package.json +1 -1
@@ -201,6 +201,7 @@
201
201
  "z-40",
202
202
  "transition-opacity",
203
203
  "duration-150",
204
+ "motion-reduce:transition-none",
204
205
  "data-[enter]:opacity-100",
205
206
  "[&:not([data-enter])]:opacity-0",
206
207
  "opacity-100",
@@ -1464,7 +1465,8 @@
1464
1465
  ],
1465
1466
  "internalComponents": [
1466
1467
  "Box",
1467
- "Text"
1468
+ "Text",
1469
+ "DialogHeading"
1468
1470
  ],
1469
1471
  "internalComponentProps": {
1470
1472
  "Box": {
@@ -1481,6 +1483,9 @@
1481
1483
  ]
1482
1484
  },
1483
1485
  "Text": {
1486
+ "as": [
1487
+ "p"
1488
+ ],
1484
1489
  "variant": [
1485
1490
  "inherit"
1486
1491
  ],
@@ -1491,7 +1496,12 @@
1491
1496
  "center"
1492
1497
  ],
1493
1498
  "className": [
1494
- "w-full"
1499
+ "m-0 w-full"
1500
+ ]
1501
+ },
1502
+ "DialogHeading": {
1503
+ "role": [
1504
+ "heading"
1495
1505
  ]
1496
1506
  }
1497
1507
  },
@@ -1563,6 +1573,192 @@
1563
1573
  "runtimeConfigInternalComponentProps": {},
1564
1574
  "motionVarPrefixes": []
1565
1575
  },
1576
+ "Input": {
1577
+ "name": "Input",
1578
+ "defaultProps": {
1579
+ "type": "text",
1580
+ "size": "md",
1581
+ "width": "full"
1582
+ },
1583
+ "getStylesLiterals": {
1584
+ "inputVariantRoot": "default",
1585
+ "inputVariantValueRoot": "empty",
1586
+ "inputVariantValueRoot:1": "filled",
1587
+ "inputVariantInputWrapper": "default",
1588
+ "inputVariantValueInputWrapper": "empty",
1589
+ "inputVariantValueInputWrapper:1": "filled",
1590
+ "inputVariantInput": "default",
1591
+ "inputVariantValueInput": "empty",
1592
+ "inputVariantValueInput:1": "filled",
1593
+ "inputVariantInputPlaceholder": "default",
1594
+ "inputVariantValueInputPlaceholder": "empty",
1595
+ "inputVariantValueInputPlaceholder:1": "filled",
1596
+ "inputVariantLabel": "default",
1597
+ "inputVariantValueLabel": "empty",
1598
+ "inputVariantValueLabel:1": "filled",
1599
+ "inputVariantLabelRequired": "default",
1600
+ "inputVariantValueLabelRequired": "empty",
1601
+ "inputVariantValueLabelRequired:1": "filled",
1602
+ "inputVariantStartIcon": "default",
1603
+ "inputVariantValueStartIcon": "empty",
1604
+ "inputVariantValueStartIcon:1": "filled",
1605
+ "inputVariantEndIcon": "default",
1606
+ "inputVariantValueEndIcon": "empty",
1607
+ "inputVariantValueEndIcon:1": "filled"
1608
+ },
1609
+ "cxLiterals": [
1610
+ "opacity-50",
1611
+ "min-w-[200px]",
1612
+ "grow",
1613
+ "uds-hit-target",
1614
+ "bg-clip-text",
1615
+ "focus:outline-none",
1616
+ "cursor-text",
1617
+ "cursor-not-allowed"
1618
+ ],
1619
+ "internalComponents": [
1620
+ "IconSlot",
1621
+ "StartIcon",
1622
+ "EndIcon",
1623
+ "HelpTextContent",
1624
+ "Box",
1625
+ "InputHelpTextInternal",
1626
+ "VStack",
1627
+ "HStack",
1628
+ "AnimateHeightChange"
1629
+ ],
1630
+ "internalComponentProps": {
1631
+ "HelpTextContent": {
1632
+ "spacingTop": [
1633
+ "2"
1634
+ ]
1635
+ },
1636
+ "Box": {
1637
+ "spacingBottom": [
1638
+ "2"
1639
+ ],
1640
+ "columnGap": [
1641
+ "0.5"
1642
+ ],
1643
+ "alignItems": [
1644
+ "flex-end",
1645
+ "center"
1646
+ ],
1647
+ "position": [
1648
+ "relative"
1649
+ ]
1650
+ },
1651
+ "HStack": {
1652
+ "alignItems": [
1653
+ "center"
1654
+ ],
1655
+ "gap": [
1656
+ "1"
1657
+ ]
1658
+ }
1659
+ },
1660
+ "propToVariantKeys": {
1661
+ "size": [
1662
+ "inputSizeRoot",
1663
+ "inputSizeInputWrapper",
1664
+ "inputSizeInput",
1665
+ "inputSizeLabel",
1666
+ "inputSizeStartIcon",
1667
+ "inputSizeEndIcon"
1668
+ ],
1669
+ "startIcon": [
1670
+ "icon"
1671
+ ],
1672
+ "endIcon": [
1673
+ "icon"
1674
+ ],
1675
+ "slotProps": [
1676
+ "helperTextSlotProps"
1677
+ ],
1678
+ "helperTextIcon": [
1679
+ "startIcon"
1680
+ ]
1681
+ },
1682
+ "runtimeConfigDefaultProps": {},
1683
+ "runtimeConfigGetStyles": {},
1684
+ "runtimeConfigInternalComponentProps": {},
1685
+ "motionVarPrefixes": []
1686
+ },
1687
+ "InputHelpText": {
1688
+ "name": "InputHelpText",
1689
+ "defaultProps": {
1690
+ "size": "md"
1691
+ },
1692
+ "getStylesLiterals": {
1693
+ "inputVariantRoot": "default",
1694
+ "inputVariantValueRoot": "empty",
1695
+ "inputVariantValueRoot:1": "filled"
1696
+ },
1697
+ "cxLiterals": [],
1698
+ "internalComponents": [
1699
+ "InputHelpTextInternal",
1700
+ "Box"
1701
+ ],
1702
+ "internalComponentProps": {
1703
+ "Box": {
1704
+ "spacingTop": [
1705
+ "2"
1706
+ ]
1707
+ }
1708
+ },
1709
+ "propToVariantKeys": {
1710
+ "size": [
1711
+ "inputSizeRoot"
1712
+ ]
1713
+ },
1714
+ "runtimeConfigDefaultProps": {},
1715
+ "runtimeConfigGetStyles": {},
1716
+ "runtimeConfigInternalComponentProps": {},
1717
+ "motionVarPrefixes": []
1718
+ },
1719
+ "InputHelpTextInternal": {
1720
+ "name": "InputHelpTextInternal",
1721
+ "defaultProps": {},
1722
+ "getStylesLiterals": {
1723
+ "inputVariantHelperText": "default",
1724
+ "inputVariantValueHelperText": "empty",
1725
+ "inputVariantValueHelperText:1": "filled",
1726
+ "inputVariantHelperIcon": "default",
1727
+ "inputVariantValueHelperIcon": "empty",
1728
+ "inputVariantValueHelperIcon:1": "filled"
1729
+ },
1730
+ "cxLiterals": [],
1731
+ "internalComponents": [
1732
+ "IconSlot",
1733
+ "HStack"
1734
+ ],
1735
+ "internalComponentProps": {
1736
+ "HStack": {
1737
+ "gap": [
1738
+ "1"
1739
+ ],
1740
+ "alignItems": [
1741
+ "center"
1742
+ ]
1743
+ }
1744
+ },
1745
+ "propToVariantKeys": {
1746
+ "size": [
1747
+ "inputSizeHelperText",
1748
+ "inputSizeHelperIcon"
1749
+ ],
1750
+ "startIcon": [
1751
+ "icon"
1752
+ ],
1753
+ "endIcon": [
1754
+ "icon"
1755
+ ]
1756
+ },
1757
+ "runtimeConfigDefaultProps": {},
1758
+ "runtimeConfigGetStyles": {},
1759
+ "runtimeConfigInternalComponentProps": {},
1760
+ "motionVarPrefixes": []
1761
+ },
1566
1762
  "Chip": {
1567
1763
  "name": "Chip",
1568
1764
  "defaultProps": {},
@@ -2033,206 +2229,20 @@
2033
2229
  "runtimeConfigInternalComponentProps": {},
2034
2230
  "motionVarPrefixes": []
2035
2231
  },
2036
- "Input": {
2037
- "name": "Input",
2232
+ "Modal": {
2233
+ "name": "Modal",
2038
2234
  "defaultProps": {
2039
- "type": "text",
2040
- "size": "md",
2041
- "width": "full"
2235
+ "closeAriaLabel": "Close",
2236
+ "maxWidth": "auto",
2237
+ "maxHeight": "auto",
2238
+ "scrollBehavior": "outside"
2042
2239
  },
2043
2240
  "getStylesLiterals": {
2044
- "inputVariantRoot": "default",
2045
- "inputVariantValueRoot": "empty",
2046
- "inputVariantValueRoot:1": "filled",
2047
- "inputVariantInputWrapper": "default",
2048
- "inputVariantValueInputWrapper": "empty",
2049
- "inputVariantValueInputWrapper:1": "filled",
2050
- "inputVariantInput": "default",
2051
- "inputVariantValueInput": "empty",
2052
- "inputVariantValueInput:1": "filled",
2053
- "inputVariantInputPlaceholder": "default",
2054
- "inputVariantValueInputPlaceholder": "empty",
2055
- "inputVariantValueInputPlaceholder:1": "filled",
2056
- "inputVariantLabel": "default",
2057
- "inputVariantValueLabel": "empty",
2058
- "inputVariantValueLabel:1": "filled",
2059
- "inputVariantLabelRequired": "default",
2060
- "inputVariantValueLabelRequired": "empty",
2061
- "inputVariantValueLabelRequired:1": "filled",
2062
- "inputVariantStartIcon": "default",
2063
- "inputVariantValueStartIcon": "empty",
2064
- "inputVariantValueStartIcon:1": "filled",
2065
- "inputVariantEndIcon": "default",
2066
- "inputVariantValueEndIcon": "empty",
2067
- "inputVariantValueEndIcon:1": "filled"
2068
- },
2069
- "cxLiterals": [
2070
- "opacity-50",
2071
- "min-w-[200px]",
2072
- "grow",
2073
- "uds-hit-target",
2074
- "bg-clip-text",
2075
- "focus:outline-none",
2076
- "cursor-text",
2077
- "cursor-not-allowed"
2078
- ],
2079
- "internalComponents": [
2080
- "IconSlot",
2081
- "StartIcon",
2082
- "EndIcon",
2083
- "HelpTextContent",
2084
- "Box",
2085
- "InputHelpTextInternal",
2086
- "VStack",
2087
- "HStack",
2088
- "AnimateHeightChange"
2089
- ],
2090
- "internalComponentProps": {
2091
- "HelpTextContent": {
2092
- "spacingTop": [
2093
- "2"
2094
- ]
2095
- },
2096
- "Box": {
2097
- "spacingBottom": [
2098
- "2"
2099
- ],
2100
- "columnGap": [
2101
- "0.5"
2102
- ],
2103
- "alignItems": [
2104
- "flex-end",
2105
- "center"
2106
- ],
2107
- "position": [
2108
- "relative"
2109
- ]
2110
- },
2111
- "HStack": {
2112
- "alignItems": [
2113
- "center"
2114
- ],
2115
- "gap": [
2116
- "1"
2117
- ]
2118
- }
2119
- },
2120
- "propToVariantKeys": {
2121
- "size": [
2122
- "inputSizeRoot",
2123
- "inputSizeInputWrapper",
2124
- "inputSizeInput",
2125
- "inputSizeLabel",
2126
- "inputSizeStartIcon",
2127
- "inputSizeEndIcon"
2128
- ],
2129
- "startIcon": [
2130
- "icon"
2131
- ],
2132
- "endIcon": [
2133
- "icon"
2134
- ],
2135
- "slotProps": [
2136
- "helperTextSlotProps"
2137
- ],
2138
- "helperTextIcon": [
2139
- "startIcon"
2140
- ]
2141
- },
2142
- "runtimeConfigDefaultProps": {},
2143
- "runtimeConfigGetStyles": {},
2144
- "runtimeConfigInternalComponentProps": {},
2145
- "motionVarPrefixes": []
2146
- },
2147
- "InputHelpText": {
2148
- "name": "InputHelpText",
2149
- "defaultProps": {
2150
- "size": "md"
2151
- },
2152
- "getStylesLiterals": {
2153
- "inputVariantRoot": "default",
2154
- "inputVariantValueRoot": "empty",
2155
- "inputVariantValueRoot:1": "filled"
2156
- },
2157
- "cxLiterals": [],
2158
- "internalComponents": [
2159
- "InputHelpTextInternal",
2160
- "Box"
2161
- ],
2162
- "internalComponentProps": {
2163
- "Box": {
2164
- "spacingTop": [
2165
- "2"
2166
- ]
2167
- }
2168
- },
2169
- "propToVariantKeys": {
2170
- "size": [
2171
- "inputSizeRoot"
2172
- ]
2173
- },
2174
- "runtimeConfigDefaultProps": {},
2175
- "runtimeConfigGetStyles": {},
2176
- "runtimeConfigInternalComponentProps": {},
2177
- "motionVarPrefixes": []
2178
- },
2179
- "InputHelpTextInternal": {
2180
- "name": "InputHelpTextInternal",
2181
- "defaultProps": {},
2182
- "getStylesLiterals": {
2183
- "inputVariantHelperText": "default",
2184
- "inputVariantValueHelperText": "empty",
2185
- "inputVariantValueHelperText:1": "filled",
2186
- "inputVariantHelperIcon": "default",
2187
- "inputVariantValueHelperIcon": "empty",
2188
- "inputVariantValueHelperIcon:1": "filled"
2189
- },
2190
- "cxLiterals": [],
2191
- "internalComponents": [
2192
- "IconSlot",
2193
- "HStack"
2194
- ],
2195
- "internalComponentProps": {
2196
- "HStack": {
2197
- "gap": [
2198
- "1"
2199
- ],
2200
- "alignItems": [
2201
- "center"
2202
- ]
2203
- }
2204
- },
2205
- "propToVariantKeys": {
2206
- "size": [
2207
- "inputSizeHelperText",
2208
- "inputSizeHelperIcon"
2209
- ],
2210
- "startIcon": [
2211
- "icon"
2212
- ],
2213
- "endIcon": [
2214
- "icon"
2215
- ]
2216
- },
2217
- "runtimeConfigDefaultProps": {},
2218
- "runtimeConfigGetStyles": {},
2219
- "runtimeConfigInternalComponentProps": {},
2220
- "motionVarPrefixes": []
2221
- },
2222
- "Modal": {
2223
- "name": "Modal",
2224
- "defaultProps": {
2225
- "closeAriaLabel": "Close",
2226
- "maxWidth": "auto",
2227
- "maxHeight": "auto",
2228
- "scrollBehavior": "outside"
2229
- },
2230
- "getStylesLiterals": {
2231
- "flexDirection": "row-reverse",
2232
- "justifyContent": "space-between",
2233
- "alignItems": "flex-end",
2234
- "alignItems:1": "flex-start",
2235
- "borderRadius": "full"
2241
+ "flexDirection": "row-reverse",
2242
+ "justifyContent": "space-between",
2243
+ "alignItems": "flex-end",
2244
+ "alignItems:1": "flex-start",
2245
+ "borderRadius": "full"
2236
2246
  },
2237
2247
  "cxLiterals": [
2238
2248
  "fixed",
@@ -2830,76 +2840,93 @@
2830
2840
  "runtimeConfigInternalComponentProps": {},
2831
2841
  "motionVarPrefixes": []
2832
2842
  },
2833
- "Tab": {
2834
- "name": "Tab",
2835
- "defaultProps": {
2836
- "variant": "primary"
2843
+ "Tooltip": {
2844
+ "name": "Tooltip",
2845
+ "defaultProps": {},
2846
+ "getStylesLiterals": {},
2847
+ "cxLiterals": [],
2848
+ "internalComponents": [
2849
+ "TooltipInternalContext.Provider",
2850
+ "TooltipProvider"
2851
+ ],
2852
+ "internalComponentProps": {},
2853
+ "propToVariantKeys": {},
2854
+ "runtimeConfigDefaultProps": {},
2855
+ "runtimeConfigGetStyles": {},
2856
+ "runtimeConfigInternalComponentProps": {
2857
+ "TooltipProvider": {
2858
+ "animated": [
2859
+ "tooltip.animationDuration"
2860
+ ]
2861
+ }
2837
2862
  },
2863
+ "motionVarPrefixes": []
2864
+ },
2865
+ "TooltipContent": {
2866
+ "name": "TooltipContent",
2867
+ "defaultProps": {},
2838
2868
  "getStylesLiterals": {
2839
- "tabSizeRoot": "default",
2840
- "tabVariantActiveRoot": "off",
2841
- "tabVariantActiveRoot:1": "on",
2842
- "tabSizeIcon": "default"
2869
+ "tooltipSizeRoot": "default",
2870
+ "tooltipVariantRoot": "default",
2871
+ "tooltipSizeSvg": "default",
2872
+ "tooltipVariantSvg": "default",
2873
+ "tooltipVariantBlur": "default",
2874
+ "position": "absolute",
2875
+ "width": "full",
2876
+ "height": "full",
2877
+ "tooltipSizeTitle": "default",
2878
+ "tooltipSizeBody": "default",
2879
+ "tooltipSizeEndContent": "default",
2880
+ "tooltipSizeIcon": "default",
2881
+ "tooltipVariantIcon": "default"
2843
2882
  },
2844
2883
  "cxLiterals": [
2845
- "pointer-events-none",
2846
- "absolute",
2847
- "bottom-0",
2884
+ "max-w-lg",
2885
+ "flex",
2886
+ "z-[9999]",
2887
+ "uds-bgBlurFillFallback",
2888
+ "uds-bgBlurFallback",
2889
+ "top-0",
2848
2890
  "left-0",
2849
- "right-0",
2850
- "h-[var(--uds-tab-underline-width,0px)]",
2851
- "bg-[var(--uds-tab-underline-color,transparent)]",
2852
- "transition-[height,background-color]",
2853
- "duration-[240ms]",
2854
- "ease-[cubic-bezier(0.2,0,0,1)]",
2855
- "!bg-transparent",
2856
- "!shadow-none",
2857
- "inline-flex",
2858
- "items-center",
2859
- "shrink-0",
2860
- "box-border",
2861
- "relative",
2862
- "z-[1]",
2863
- "cursor-pointer",
2864
- "select-none",
2865
- "whitespace-nowrap",
2866
- "uds-ring",
2867
- "opacity-50",
2868
- "cursor-default",
2869
- "border-solid",
2870
- "border-b-solid",
2871
- "transition-colors"
2891
+ "z-[1]"
2872
2892
  ],
2873
2893
  "internalComponents": [
2874
2894
  "IconSlot",
2875
- "AriakitTab",
2895
+ "TooltipArrow",
2896
+ "Tooltip",
2897
+ "SvgFloatingOverlay",
2898
+ "VStack",
2899
+ "Box",
2876
2900
  "Text"
2877
2901
  ],
2878
2902
  "internalComponentProps": {
2879
- "Text": {
2880
- "variant": [
2881
- "inherit"
2882
- ],
2883
- "as": [
2884
- "span"
2903
+ "SvgFloatingOverlay": {
2904
+ "contentOverflow": [
2905
+ "visible"
2906
+ ]
2907
+ },
2908
+ "VStack": {
2909
+ "className": [
2910
+ "gap-[inherit]"
2911
+ ]
2912
+ },
2913
+ "Box": {
2914
+ "alignItems": [
2915
+ "center"
2885
2916
  ],
2886
- "color": [
2887
- "current"
2917
+ "columnGap": [
2918
+ "1",
2919
+ "1.5"
2888
2920
  ]
2889
- }
2921
+ },
2922
+ "Text": {
2923
+ "color": [
2924
+ "inherit"
2925
+ ]
2926
+ }
2890
2927
  },
2891
2928
  "propToVariantKeys": {
2892
- "variant": [
2893
- "tabVariantRoot",
2894
- "tabVariantIcon"
2895
- ],
2896
- "activeState": [
2897
- "tabVariantActiveIcon"
2898
- ],
2899
- "startIcon": [
2900
- "icon"
2901
- ],
2902
- "endIcon": [
2929
+ "startTitleIcon": [
2903
2930
  "icon"
2904
2931
  ]
2905
2932
  },
@@ -2908,52 +2935,24 @@
2908
2935
  "runtimeConfigInternalComponentProps": {},
2909
2936
  "motionVarPrefixes": []
2910
2937
  },
2911
- "TabList": {
2912
- "name": "TabList",
2913
- "defaultProps": {
2914
- "variant": "primary"
2915
- },
2916
- "getStylesLiterals": {
2917
- "tabSizeRoot": "default",
2918
- "tabVariantActiveRoot": "on"
2919
- },
2920
- "cxLiterals": [
2921
- "pointer-events-none",
2922
- "absolute",
2923
- "bottom-0",
2924
- "left-0",
2925
- "right-0",
2926
- "h-[var(--uds-tab-underline-width,0px)]",
2927
- "bg-[var(--uds-tab-underline-color,transparent)]",
2928
- "transition-[height,background-color]",
2929
- "duration-[240ms]",
2930
- "ease-[cubic-bezier(0.2,0,0,1)]",
2931
- "!m-0",
2932
- "!p-0",
2933
- "!gap-0",
2934
- "box-border",
2935
- "z-0",
2936
- "min-w-0",
2937
- "min-h-0",
2938
- "flex",
2939
- "flex-row",
2940
- "items-center",
2941
- "overflow-x-auto",
2942
- "overflow-y-clip",
2943
- "scrollbar-none",
2944
- "[overflow-clip-margin:6px]",
2945
- "overflow-clip",
2946
- "[overflow-clip-margin:8px]",
2947
- "relative"
2948
- ],
2938
+ "TooltipTrigger": {
2939
+ "name": "TooltipTrigger",
2940
+ "defaultProps": {},
2941
+ "getStylesLiterals": {},
2942
+ "cxLiterals": [],
2949
2943
  "internalComponents": [
2950
- "AriakitTabList"
2944
+ "TooltipAnchor"
2951
2945
  ],
2952
- "internalComponentProps": {},
2946
+ "internalComponentProps": {
2947
+ "TooltipAnchor": {
2948
+ "className": [
2949
+ "inline"
2950
+ ]
2951
+ }
2952
+ },
2953
2953
  "propToVariantKeys": {
2954
- "variant": [
2955
- "tabsVariantRoot",
2956
- "tabVariantRoot"
2954
+ "children": [
2955
+ "render"
2957
2956
  ]
2958
2957
  },
2959
2958
  "runtimeConfigDefaultProps": {},
@@ -2961,13 +2960,13 @@
2961
2960
  "runtimeConfigInternalComponentProps": {},
2962
2961
  "motionVarPrefixes": []
2963
2962
  },
2964
- "TabPanel": {
2965
- "name": "TabPanel",
2963
+ "UDSTooltipConfigProvider": {
2964
+ "name": "UDSTooltipConfigProvider",
2966
2965
  "defaultProps": {},
2967
2966
  "getStylesLiterals": {},
2968
2967
  "cxLiterals": [],
2969
2968
  "internalComponents": [
2970
- "AriakitTabPanel"
2969
+ "TooltipContext.Provider"
2971
2970
  ],
2972
2971
  "internalComponentProps": {},
2973
2972
  "propToVariantKeys": {},
@@ -2976,28 +2975,6 @@
2976
2975
  "runtimeConfigInternalComponentProps": {},
2977
2976
  "motionVarPrefixes": []
2978
2977
  },
2979
- "Tabs": {
2980
- "name": "Tabs",
2981
- "defaultProps": {
2982
- "variant": "primary"
2983
- },
2984
- "getStylesLiterals": {},
2985
- "cxLiterals": [],
2986
- "internalComponents": [
2987
- "TabsContext.Provider",
2988
- "TabProvider"
2989
- ],
2990
- "internalComponentProps": {},
2991
- "propToVariantKeys": {
2992
- "onSelectionChange": [
2993
- "setSelectedId"
2994
- ]
2995
- },
2996
- "runtimeConfigDefaultProps": {},
2997
- "runtimeConfigGetStyles": {},
2998
- "runtimeConfigInternalComponentProps": {},
2999
- "motionVarPrefixes": []
3000
- },
3001
2978
  "Toast": {
3002
2979
  "name": "Toast",
3003
2980
  "defaultProps": {},
@@ -3197,93 +3174,76 @@
3197
3174
  "runtimeConfigInternalComponentProps": {},
3198
3175
  "motionVarPrefixes": []
3199
3176
  },
3200
- "Tooltip": {
3201
- "name": "Tooltip",
3202
- "defaultProps": {},
3203
- "getStylesLiterals": {},
3204
- "cxLiterals": [],
3205
- "internalComponents": [
3206
- "TooltipInternalContext.Provider",
3207
- "TooltipProvider"
3208
- ],
3209
- "internalComponentProps": {},
3210
- "propToVariantKeys": {},
3211
- "runtimeConfigDefaultProps": {},
3212
- "runtimeConfigGetStyles": {},
3213
- "runtimeConfigInternalComponentProps": {
3214
- "TooltipProvider": {
3215
- "animated": [
3216
- "tooltip.animationDuration"
3217
- ]
3218
- }
3177
+ "Tab": {
3178
+ "name": "Tab",
3179
+ "defaultProps": {
3180
+ "variant": "primary"
3219
3181
  },
3220
- "motionVarPrefixes": []
3221
- },
3222
- "TooltipContent": {
3223
- "name": "TooltipContent",
3224
- "defaultProps": {},
3225
3182
  "getStylesLiterals": {
3226
- "tooltipSizeRoot": "default",
3227
- "tooltipVariantRoot": "default",
3228
- "tooltipSizeSvg": "default",
3229
- "tooltipVariantSvg": "default",
3230
- "tooltipVariantBlur": "default",
3231
- "position": "absolute",
3232
- "width": "full",
3233
- "height": "full",
3234
- "tooltipSizeTitle": "default",
3235
- "tooltipSizeBody": "default",
3236
- "tooltipSizeEndContent": "default",
3237
- "tooltipSizeIcon": "default",
3238
- "tooltipVariantIcon": "default"
3183
+ "tabSizeRoot": "default",
3184
+ "tabVariantActiveRoot": "off",
3185
+ "tabVariantActiveRoot:1": "on",
3186
+ "tabSizeIcon": "default"
3239
3187
  },
3240
3188
  "cxLiterals": [
3241
- "max-w-lg",
3242
- "flex",
3243
- "z-[9999]",
3244
- "uds-bgBlurFillFallback",
3245
- "uds-bgBlurFallback",
3246
- "top-0",
3189
+ "pointer-events-none",
3190
+ "absolute",
3191
+ "bottom-0",
3247
3192
  "left-0",
3248
- "z-[1]"
3193
+ "right-0",
3194
+ "h-[var(--uds-tab-underline-width,0px)]",
3195
+ "bg-[var(--uds-tab-underline-color,transparent)]",
3196
+ "transition-[height,background-color]",
3197
+ "duration-[240ms]",
3198
+ "ease-[cubic-bezier(0.2,0,0,1)]",
3199
+ "!bg-transparent",
3200
+ "!shadow-none",
3201
+ "inline-flex",
3202
+ "items-center",
3203
+ "shrink-0",
3204
+ "box-border",
3205
+ "relative",
3206
+ "z-[1]",
3207
+ "cursor-pointer",
3208
+ "select-none",
3209
+ "whitespace-nowrap",
3210
+ "uds-ring",
3211
+ "opacity-50",
3212
+ "cursor-default",
3213
+ "border-solid",
3214
+ "border-b-solid",
3215
+ "transition-colors"
3249
3216
  ],
3250
3217
  "internalComponents": [
3251
3218
  "IconSlot",
3252
- "TooltipArrow",
3253
- "Tooltip",
3254
- "SvgFloatingOverlay",
3255
- "VStack",
3256
- "Box",
3219
+ "AriakitTab",
3257
3220
  "Text"
3258
3221
  ],
3259
3222
  "internalComponentProps": {
3260
- "SvgFloatingOverlay": {
3261
- "contentOverflow": [
3262
- "visible"
3263
- ]
3264
- },
3265
- "VStack": {
3266
- "className": [
3267
- "gap-[inherit]"
3268
- ]
3269
- },
3270
- "Box": {
3271
- "alignItems": [
3272
- "center"
3273
- ],
3274
- "columnGap": [
3275
- "1",
3276
- "1.5"
3277
- ]
3278
- },
3279
3223
  "Text": {
3280
- "color": [
3224
+ "variant": [
3281
3225
  "inherit"
3226
+ ],
3227
+ "as": [
3228
+ "span"
3229
+ ],
3230
+ "color": [
3231
+ "current"
3282
3232
  ]
3283
3233
  }
3284
3234
  },
3285
3235
  "propToVariantKeys": {
3286
- "startTitleIcon": [
3236
+ "variant": [
3237
+ "tabVariantRoot",
3238
+ "tabVariantIcon"
3239
+ ],
3240
+ "activeState": [
3241
+ "tabVariantActiveIcon"
3242
+ ],
3243
+ "startIcon": [
3244
+ "icon"
3245
+ ],
3246
+ "endIcon": [
3287
3247
  "icon"
3288
3248
  ]
3289
3249
  },
@@ -3292,24 +3252,52 @@
3292
3252
  "runtimeConfigInternalComponentProps": {},
3293
3253
  "motionVarPrefixes": []
3294
3254
  },
3295
- "TooltipTrigger": {
3296
- "name": "TooltipTrigger",
3297
- "defaultProps": {},
3298
- "getStylesLiterals": {},
3299
- "cxLiterals": [],
3255
+ "TabList": {
3256
+ "name": "TabList",
3257
+ "defaultProps": {
3258
+ "variant": "primary"
3259
+ },
3260
+ "getStylesLiterals": {
3261
+ "tabSizeRoot": "default",
3262
+ "tabVariantActiveRoot": "on"
3263
+ },
3264
+ "cxLiterals": [
3265
+ "pointer-events-none",
3266
+ "absolute",
3267
+ "bottom-0",
3268
+ "left-0",
3269
+ "right-0",
3270
+ "h-[var(--uds-tab-underline-width,0px)]",
3271
+ "bg-[var(--uds-tab-underline-color,transparent)]",
3272
+ "transition-[height,background-color]",
3273
+ "duration-[240ms]",
3274
+ "ease-[cubic-bezier(0.2,0,0,1)]",
3275
+ "!m-0",
3276
+ "!p-0",
3277
+ "!gap-0",
3278
+ "box-border",
3279
+ "z-0",
3280
+ "min-w-0",
3281
+ "min-h-0",
3282
+ "flex",
3283
+ "flex-row",
3284
+ "items-center",
3285
+ "overflow-x-auto",
3286
+ "overflow-y-clip",
3287
+ "scrollbar-none",
3288
+ "[overflow-clip-margin:6px]",
3289
+ "overflow-clip",
3290
+ "[overflow-clip-margin:8px]",
3291
+ "relative"
3292
+ ],
3300
3293
  "internalComponents": [
3301
- "TooltipAnchor"
3294
+ "AriakitTabList"
3302
3295
  ],
3303
- "internalComponentProps": {
3304
- "TooltipAnchor": {
3305
- "className": [
3306
- "inline"
3307
- ]
3308
- }
3309
- },
3296
+ "internalComponentProps": {},
3310
3297
  "propToVariantKeys": {
3311
- "children": [
3312
- "render"
3298
+ "variant": [
3299
+ "tabsVariantRoot",
3300
+ "tabVariantRoot"
3313
3301
  ]
3314
3302
  },
3315
3303
  "runtimeConfigDefaultProps": {},
@@ -3317,13 +3305,13 @@
3317
3305
  "runtimeConfigInternalComponentProps": {},
3318
3306
  "motionVarPrefixes": []
3319
3307
  },
3320
- "UDSTooltipConfigProvider": {
3321
- "name": "UDSTooltipConfigProvider",
3308
+ "TabPanel": {
3309
+ "name": "TabPanel",
3322
3310
  "defaultProps": {},
3323
3311
  "getStylesLiterals": {},
3324
3312
  "cxLiterals": [],
3325
3313
  "internalComponents": [
3326
- "TooltipContext.Provider"
3314
+ "AriakitTabPanel"
3327
3315
  ],
3328
3316
  "internalComponentProps": {},
3329
3317
  "propToVariantKeys": {},
@@ -3332,6 +3320,28 @@
3332
3320
  "runtimeConfigInternalComponentProps": {},
3333
3321
  "motionVarPrefixes": []
3334
3322
  },
3323
+ "Tabs": {
3324
+ "name": "Tabs",
3325
+ "defaultProps": {
3326
+ "variant": "primary"
3327
+ },
3328
+ "getStylesLiterals": {},
3329
+ "cxLiterals": [],
3330
+ "internalComponents": [
3331
+ "TabsContext.Provider",
3332
+ "TabProvider"
3333
+ ],
3334
+ "internalComponentProps": {},
3335
+ "propToVariantKeys": {
3336
+ "onSelectionChange": [
3337
+ "setSelectedId"
3338
+ ]
3339
+ },
3340
+ "runtimeConfigDefaultProps": {},
3341
+ "runtimeConfigGetStyles": {},
3342
+ "runtimeConfigInternalComponentProps": {},
3343
+ "motionVarPrefixes": []
3344
+ },
3335
3345
  "UDSBreakpointsConfigProvider": {
3336
3346
  "name": "UDSBreakpointsConfigProvider",
3337
3347
  "defaultProps": {},