@yahoo/uds 3.156.0 → 3.156.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 (24) hide show
  1. package/dist/automated-config/dist/utils/getPaginationControlWidthPx.cjs +1 -1
  2. package/dist/automated-config/dist/utils/getPaginationControlWidthPx.js +1 -1
  3. package/dist/components/client/Toast/UDSToastConfigProvider.d.cts +1 -1
  4. package/dist/components/client/Toast/UDSToastConfigProvider.d.ts +1 -1
  5. package/dist/config/dist/index.cjs +1 -1
  6. package/dist/config/dist/index.js +1 -1
  7. package/dist/css/dist/packages/config/dist/index.cjs +1 -1
  8. package/dist/css/dist/packages/config/dist/index.js +1 -1
  9. package/dist/styles/styler.d.cts +52 -52
  10. package/dist/styles/styler.d.ts +52 -52
  11. package/dist/tailwind-internal/dist/packages/config/dist/index.cjs +1 -1
  12. package/dist/tailwind-internal/dist/packages/config/dist/index.js +1 -1
  13. package/dist/tailwind-internal/dist/utils/getShadowStyles.d.cts +2 -2
  14. package/dist/tailwind-internal/dist/utils/getShadowStyles.d.ts +2 -2
  15. package/dist/uds/generated/componentData.cjs +519 -519
  16. package/dist/uds/generated/componentData.js +519 -519
  17. package/dist/uds/generated/migrationSchemaVersion.cjs +1 -1
  18. package/dist/uds/generated/migrationSchemaVersion.js +1 -1
  19. package/dist/uds/generated/tailwindPurge.cjs +89 -89
  20. package/dist/uds/generated/tailwindPurge.js +89 -89
  21. package/generated/componentData.json +1621 -1621
  22. package/generated/migrationSchemaVersion.ts +1 -1
  23. package/generated/tailwindPurge.ts +1 -1
  24. package/package.json +1 -1
package/generated/componentData.json CHANGED
@@ -491,108 +491,6 @@
491
491
  "runtimeConfigInternalComponentProps": {},
492
492
  "motionVarPrefixes": []
493
493
  },
494
- "Divider": {
495
- "name": "Divider",
496
- "defaultProps": {
497
- "variant": "primary",
498
- "contentPosition": "center"
499
- },
500
- "getStylesLiterals": {},
501
- "cxLiterals": [
502
- "inherit"
503
- ],
504
- "internalComponents": [
505
- "DividerLine",
506
- "DividerLabel",
507
- "InternalComponent",
508
- "Box"
509
- ],
510
- "internalComponentProps": {
511
- "InternalComponent": {
512
- "alignItems": [
513
- "center"
514
- ],
515
- "flex": [
516
- "1"
517
- ]
518
- },
519
- "Box": {
520
- "display": [
521
- "flex"
522
- ],
523
- "flex": [
524
- "none"
525
- ]
526
- }
527
- },
528
- "propToVariantKeys": {
529
- "variant": [
530
- "dividerVariantRoot"
531
- ]
532
- },
533
- "runtimeConfigDefaultProps": {},
534
- "runtimeConfigGetStyles": {},
535
- "runtimeConfigInternalComponentProps": {},
536
- "motionVarPrefixes": []
537
- },
538
- "DividerLabel": {
539
- "name": "DividerLabel",
540
- "defaultProps": {
541
- "variant": "primary",
542
- "textVariant": "inherit",
543
- "color": "inherit",
544
- "as": "span"
545
- },
546
- "getStylesLiterals": {},
547
- "cxLiterals": [
548
- "inherit"
549
- ],
550
- "internalComponents": [
551
- "Text"
552
- ],
553
- "internalComponentProps": {},
554
- "propToVariantKeys": {
555
- "variant": [
556
- "dividerVariantLabel"
557
- ],
558
- "textVariant": [
559
- "variant"
560
- ]
561
- },
562
- "runtimeConfigDefaultProps": {},
563
- "runtimeConfigGetStyles": {},
564
- "runtimeConfigInternalComponentProps": {},
565
- "motionVarPrefixes": []
566
- },
567
- "DividerLine": {
568
- "name": "DividerLine",
569
- "defaultProps": {
570
- "variant": "primary"
571
- },
572
- "getStylesLiterals": {},
573
- "cxLiterals": [
574
- "inherit"
575
- ],
576
- "internalComponents": [
577
- "Box"
578
- ],
579
- "internalComponentProps": {
580
- "Box": {
581
- "flex": [
582
- "1"
583
- ]
584
- }
585
- },
586
- "propToVariantKeys": {
587
- "variant": [
588
- "dividerVariantLine"
589
- ]
590
- },
591
- "runtimeConfigDefaultProps": {},
592
- "runtimeConfigGetStyles": {},
593
- "runtimeConfigInternalComponentProps": {},
594
- "motionVarPrefixes": []
595
- },
596
494
  "Spinner": {
597
495
  "name": "Spinner",
598
496
  "defaultProps": {
@@ -1643,6 +1541,108 @@
1643
1541
  "runtimeConfigInternalComponentProps": {},
1644
1542
  "motionVarPrefixes": []
1645
1543
  },
1544
+ "Divider": {
1545
+ "name": "Divider",
1546
+ "defaultProps": {
1547
+ "variant": "primary",
1548
+ "contentPosition": "center"
1549
+ },
1550
+ "getStylesLiterals": {},
1551
+ "cxLiterals": [
1552
+ "inherit"
1553
+ ],
1554
+ "internalComponents": [
1555
+ "DividerLine",
1556
+ "DividerLabel",
1557
+ "InternalComponent",
1558
+ "Box"
1559
+ ],
1560
+ "internalComponentProps": {
1561
+ "InternalComponent": {
1562
+ "alignItems": [
1563
+ "center"
1564
+ ],
1565
+ "flex": [
1566
+ "1"
1567
+ ]
1568
+ },
1569
+ "Box": {
1570
+ "display": [
1571
+ "flex"
1572
+ ],
1573
+ "flex": [
1574
+ "none"
1575
+ ]
1576
+ }
1577
+ },
1578
+ "propToVariantKeys": {
1579
+ "variant": [
1580
+ "dividerVariantRoot"
1581
+ ]
1582
+ },
1583
+ "runtimeConfigDefaultProps": {},
1584
+ "runtimeConfigGetStyles": {},
1585
+ "runtimeConfigInternalComponentProps": {},
1586
+ "motionVarPrefixes": []
1587
+ },
1588
+ "DividerLabel": {
1589
+ "name": "DividerLabel",
1590
+ "defaultProps": {
1591
+ "variant": "primary",
1592
+ "textVariant": "inherit",
1593
+ "color": "inherit",
1594
+ "as": "span"
1595
+ },
1596
+ "getStylesLiterals": {},
1597
+ "cxLiterals": [
1598
+ "inherit"
1599
+ ],
1600
+ "internalComponents": [
1601
+ "Text"
1602
+ ],
1603
+ "internalComponentProps": {},
1604
+ "propToVariantKeys": {
1605
+ "variant": [
1606
+ "dividerVariantLabel"
1607
+ ],
1608
+ "textVariant": [
1609
+ "variant"
1610
+ ]
1611
+ },
1612
+ "runtimeConfigDefaultProps": {},
1613
+ "runtimeConfigGetStyles": {},
1614
+ "runtimeConfigInternalComponentProps": {},
1615
+ "motionVarPrefixes": []
1616
+ },
1617
+ "DividerLine": {
1618
+ "name": "DividerLine",
1619
+ "defaultProps": {
1620
+ "variant": "primary"
1621
+ },
1622
+ "getStylesLiterals": {},
1623
+ "cxLiterals": [
1624
+ "inherit"
1625
+ ],
1626
+ "internalComponents": [
1627
+ "Box"
1628
+ ],
1629
+ "internalComponentProps": {
1630
+ "Box": {
1631
+ "flex": [
1632
+ "1"
1633
+ ]
1634
+ }
1635
+ },
1636
+ "propToVariantKeys": {
1637
+ "variant": [
1638
+ "dividerVariantLine"
1639
+ ]
1640
+ },
1641
+ "runtimeConfigDefaultProps": {},
1642
+ "runtimeConfigGetStyles": {},
1643
+ "runtimeConfigInternalComponentProps": {},
1644
+ "motionVarPrefixes": []
1645
+ },
1646
1646
  "BottomSheet": {
1647
1647
  "name": "BottomSheet",
1648
1648
  "defaultProps": {
@@ -1928,147 +1928,104 @@
1928
1928
  "runtimeConfigInternalComponentProps": {},
1929
1929
  "motionVarPrefixes": []
1930
1930
  },
1931
- "Popover": {
1932
- "name": "Popover",
1931
+ "Chip": {
1932
+ "name": "Chip",
1933
1933
  "defaultProps": {},
1934
1934
  "getStylesLiterals": {},
1935
- "cxLiterals": [
1936
- "uds:popover-open"
1937
- ],
1935
+ "cxLiterals": [],
1938
1936
  "internalComponents": [
1939
- "PopoverInternalContext.Provider",
1940
- "PopoverProvider"
1937
+ "ChipDismissible",
1938
+ "ChipToggle",
1939
+ "ChipLink",
1940
+ "ChipButton"
1941
1941
  ],
1942
1942
  "internalComponentProps": {},
1943
1943
  "propToVariantKeys": {},
1944
- "runtimeConfigDefaultProps": {
1945
- "size": "popover.defaultSize",
1946
- "variant": "popover.defaultVariant"
1947
- },
1944
+ "runtimeConfigDefaultProps": {},
1948
1945
  "runtimeConfigGetStyles": {},
1949
1946
  "runtimeConfigInternalComponentProps": {},
1950
1947
  "motionVarPrefixes": []
1951
1948
  },
1952
- "PopoverContent": {
1953
- "name": "PopoverContent",
1954
- "defaultProps": {},
1955
- "getStylesLiterals": {
1956
- "popoverSizeRoot": "default",
1957
- "popoverVariantRoot": "default",
1958
- "display": "flex",
1959
- "position": "relative",
1960
- "display:1": "block",
1961
- "spacingTop": "0",
1962
- "spacingStart": "0",
1963
- "spacingBottom": "0",
1964
- "spacingEnd": "0",
1965
- "popoverSizeSvgBase": "default",
1966
- "popoverVariantSvgBase": "default",
1967
- "popoverSizeSvgBorder": "default",
1968
- "popoverVariantSvgBorder": "default",
1969
- "popoverVariantBlur": "default",
1970
- "position:1": "absolute",
1971
- "width": "full",
1972
- "height": "full",
1973
- "flexShrink": "0",
1974
- "borderRadius": "full",
1975
- "alignItems": "center",
1976
- "justifyContent": "center",
1977
- "popoverVariantCloseIcon": "default",
1978
- "popoverSizeCloseIcon": "default"
1949
+ "ChipBase": {
1950
+ "name": "ChipBase",
1951
+ "defaultProps": {
1952
+ "size": "md",
1953
+ "as": "div"
1979
1954
  },
1955
+ "getStylesLiterals": {},
1980
1956
  "cxLiterals": [
1981
- "z-[9999]",
1982
- "outline-none",
1983
- "focus-visible:outline-none",
1984
- "uds-bgBlurFillFallback",
1985
- "uds-bgBlurFallback",
1986
- "top-0",
1987
- "left-0",
1988
- "z-[1]",
1989
- "duration-0",
1990
- "duration-120",
1991
- "transition-[background-color]",
1992
- "bg-carbon-15/0",
1993
- "hover:bg-carbon-15/10",
1994
- "active:bg-carbon-15/15",
1995
- "uds-ring",
1996
- "absolute",
1997
- "z-[4]"
1957
+ "pointer-events-none",
1958
+ "cursor-default",
1959
+ "opacity-50",
1960
+ "inline-flex",
1961
+ "items-center",
1962
+ "transition-[background-color,outline-color,box-shadow]",
1963
+ "truncate",
1964
+ "whitespace-nowrap",
1965
+ "text-center",
1966
+ "flex-1",
1967
+ "md",
1968
+ "primary"
1998
1969
  ],
1999
1970
  "internalComponents": [
2000
- "PopoverDismiss",
2001
1971
  "IconSlot",
2002
- "PopoverArrow",
2003
- "Popover",
2004
- "SvgFloatingOverlay",
2005
- "Box",
2006
- "Pressable"
1972
+ "HStack",
1973
+ "As",
1974
+ "Text"
2007
1975
  ],
2008
- "internalComponentProps": {},
2009
- "propToVariantKeys": {
2010
- "closeIcon": [
2011
- "icon"
2012
- ]
2013
- },
2014
- "runtimeConfigDefaultProps": {
2015
- "size": "popover.defaultSize",
2016
- "variant": "popover.defaultVariant"
1976
+ "internalComponentProps": {
1977
+ "Text": {
1978
+ "as": [
1979
+ "span"
1980
+ ],
1981
+ "color": [
1982
+ "current"
1983
+ ],
1984
+ "variant": [
1985
+ "inherit"
1986
+ ]
1987
+ }
2017
1988
  },
2018
- "runtimeConfigGetStyles": {
2019
- "spacingTop": [
2020
- "popover.spacingVertical.${size}"
2021
- ],
2022
- "spacingStart": [
2023
- "popover.spacingHorizontal.${size}"
1989
+ "propToVariantKeys": {
1990
+ "size": [
1991
+ "chipSizeRoot",
1992
+ "chipSizeIcon"
2024
1993
  ],
2025
- "spacingBottom": [
2026
- "popover.spacingVertical.${size}"
1994
+ "startIcon": [
1995
+ "icon"
2027
1996
  ],
2028
- "spacingEnd": [
2029
- "popover.spacingHorizontal.${size}"
1997
+ "endIcon": [
1998
+ "icon"
2030
1999
  ]
2031
2000
  },
2032
- "runtimeConfigInternalComponentProps": {
2033
- "SvgFloatingOverlay": {
2034
- "borderRadius": [
2035
- "popover.borderRadius.${size}"
2036
- ]
2037
- }
2038
- },
2039
- "motionVarPrefixes": []
2040
- },
2041
- "PopoverContext": {
2042
- "name": "PopoverContext",
2043
- "defaultProps": {},
2044
- "getStylesLiterals": {},
2045
- "cxLiterals": [],
2046
- "internalComponents": [],
2047
- "internalComponentProps": {},
2048
- "propToVariantKeys": {},
2049
2001
  "runtimeConfigDefaultProps": {},
2050
2002
  "runtimeConfigGetStyles": {},
2051
2003
  "runtimeConfigInternalComponentProps": {},
2052
2004
  "motionVarPrefixes": []
2053
2005
  },
2054
- "PopoverTrigger": {
2055
- "name": "PopoverTrigger",
2056
- "defaultProps": {},
2006
+ "ChipButton": {
2007
+ "name": "ChipButton",
2008
+ "defaultProps": {
2009
+ "variant": "primary"
2010
+ },
2057
2011
  "getStylesLiterals": {},
2058
- "cxLiterals": [],
2012
+ "cxLiterals": [
2013
+ "uds-ring"
2014
+ ],
2059
2015
  "internalComponents": [
2060
- "PopoverDisclosure"
2016
+ "ChipBase"
2061
2017
  ],
2062
2018
  "internalComponentProps": {
2063
- "PopoverDisclosure": {
2064
- "className": [
2065
- "inline"
2019
+ "ChipBase": {
2020
+ "as": [
2021
+ "button"
2066
2022
  ]
2067
2023
  }
2068
2024
  },
2069
2025
  "propToVariantKeys": {
2070
- "children": [
2071
- "render"
2026
+ "variant": [
2027
+ "chipLinkVariantRoot",
2028
+ "chipLinkVariantIcon"
2072
2029
  ]
2073
2030
  },
2074
2031
  "runtimeConfigDefaultProps": {},
@@ -2076,77 +2033,31 @@
2076
2033
  "runtimeConfigInternalComponentProps": {},
2077
2034
  "motionVarPrefixes": []
2078
2035
  },
2079
- "UDSPopoverConfigProvider": {
2080
- "name": "UDSPopoverConfigProvider",
2081
- "defaultProps": {},
2082
- "getStylesLiterals": {},
2083
- "cxLiterals": [],
2084
- "internalComponents": [
2085
- "PopoverContext.Provider"
2086
- ],
2087
- "internalComponentProps": {},
2088
- "propToVariantKeys": {},
2089
- "runtimeConfigDefaultProps": {},
2090
- "runtimeConfigGetStyles": {},
2091
- "runtimeConfigInternalComponentProps": {},
2092
- "motionVarPrefixes": []
2093
- },
2094
- "Pagination": {
2095
- "name": "Pagination",
2036
+ "ChipDismissible": {
2037
+ "name": "ChipDismissible",
2096
2038
  "defaultProps": {
2097
- "ellipsisPlacement": "default",
2098
- "size": "md",
2099
- "variant": "default",
2100
- "'aria-label'": "Pagination"
2101
- },
2102
- "getStylesLiterals": {
2103
- "paginationVariantActiveRoot": "off"
2039
+ "variant": "primary"
2104
2040
  },
2041
+ "getStylesLiterals": {},
2105
2042
  "cxLiterals": [
2106
- "inline-flex",
2107
- "items-center",
2108
- "justify-center",
2109
- "relative",
2110
- "m-0",
2111
- "border-solid",
2112
- "inline-grid",
2113
- "shrink-0",
2114
- "place-items-center",
2115
- "place-content-center",
2116
- "rounded-full",
2117
- "box-border",
2118
- "w-[var(--uds-pagination-control-size)]",
2119
- "appearance-none",
2043
+ "uds-chip-dismissible-button",
2044
+ "uds-hit-target",
2120
2045
  "uds-ring",
2121
- "cursor-pointer",
2122
- "select-none",
2123
- "pointer-events-none",
2124
- "auto-cols-max",
2125
- "grid-flow-col",
2126
- "gap-1",
2127
- "block",
2128
- "tabular-nums",
2129
- "!leading-none",
2130
- "[text-box-trim:trim-both]",
2131
- "[text-box-edge:cap_alphabetic]",
2132
- "h-[var(--uds-pagination-control-size)]"
2046
+ "rounded-full"
2133
2047
  ],
2134
2048
  "internalComponents": [
2135
- "PaginationProvider"
2049
+ "ChipBase",
2050
+ "IconSlot",
2051
+ "Pressable"
2136
2052
  ],
2137
2053
  "internalComponentProps": {},
2138
2054
  "propToVariantKeys": {
2139
- "size": [
2140
- "paginationSizeRoot",
2141
- "paginationSizeItem",
2142
- "paginationSizeIcon",
2143
- "paginationSizeText"
2144
- ],
2145
2055
  "variant": [
2146
- "paginationVariantRoot"
2056
+ "chipDismissibleVariantRoot",
2057
+ "chipDismissibleVariantIcon"
2147
2058
  ],
2148
- "activeState": [
2149
- "paginationVariantActiveRoot"
2059
+ "dismissButtonAriaLabel": [
2060
+ "aria-label"
2150
2061
  ]
2151
2062
  },
2152
2063
  "runtimeConfigDefaultProps": {},
@@ -2154,55 +2065,29 @@
2154
2065
  "runtimeConfigInternalComponentProps": {},
2155
2066
  "motionVarPrefixes": []
2156
2067
  },
2157
- "PaginationEllipsis": {
2158
- "name": "PaginationEllipsis",
2159
- "defaultProps": {},
2160
- "getStylesLiterals": {
2161
- "paginationVariantActiveRoot": "off"
2068
+ "ChipLink": {
2069
+ "name": "ChipLink",
2070
+ "defaultProps": {
2071
+ "variant": "primary"
2162
2072
  },
2073
+ "getStylesLiterals": {},
2163
2074
  "cxLiterals": [
2164
- "inline-flex",
2165
- "items-center",
2166
- "justify-center",
2167
- "relative",
2168
- "m-0",
2169
- "border-solid",
2170
- "inline-grid",
2171
- "shrink-0",
2172
- "place-items-center",
2173
- "place-content-center",
2174
- "rounded-full",
2175
- "box-border",
2176
- "w-[var(--uds-pagination-control-size)]",
2177
- "appearance-none",
2178
- "uds-ring",
2179
- "cursor-pointer",
2180
- "select-none",
2181
- "pointer-events-none",
2182
- "auto-cols-max",
2183
- "grid-flow-col",
2184
- "gap-1",
2185
- "block",
2186
- "tabular-nums",
2187
- "!leading-none",
2188
- "[text-box-trim:trim-both]",
2189
- "[text-box-edge:cap_alphabetic]",
2190
- "h-[var(--uds-pagination-control-size)]"
2075
+ "uds-ring"
2191
2076
  ],
2192
- "internalComponents": [],
2193
- "internalComponentProps": {},
2077
+ "internalComponents": [
2078
+ "ChipBase"
2079
+ ],
2080
+ "internalComponentProps": {
2081
+ "ChipBase": {
2082
+ "as": [
2083
+ "a"
2084
+ ]
2085
+ }
2086
+ },
2194
2087
  "propToVariantKeys": {
2195
- "size": [
2196
- "paginationSizeRoot",
2197
- "paginationSizeItem",
2198
- "paginationSizeIcon",
2199
- "paginationSizeText"
2200
- ],
2201
2088
  "variant": [
2202
- "paginationVariantRoot"
2203
- ],
2204
- "activeState": [
2205
- "paginationVariantActiveRoot"
2089
+ "chipLinkVariantRoot",
2090
+ "chipLinkVariantIcon"
2206
2091
  ]
2207
2092
  },
2208
2093
  "runtimeConfigDefaultProps": {},
@@ -2210,121 +2095,33 @@
2210
2095
  "runtimeConfigInternalComponentProps": {},
2211
2096
  "motionVarPrefixes": []
2212
2097
  },
2213
- "PaginationItem": {
2214
- "name": "PaginationItem",
2215
- "defaultProps": {},
2098
+ "ChipToggle": {
2099
+ "name": "ChipToggle",
2100
+ "defaultProps": {
2101
+ "variant": "primary",
2102
+ "role": "checkbox"
2103
+ },
2216
2104
  "getStylesLiterals": {
2217
- "paginationVariantActiveRoot": "off"
2105
+ "chipToggleVariantActiveRoot": "on",
2106
+ "chipToggleVariantActiveRoot:1": "off"
2218
2107
  },
2219
2108
  "cxLiterals": [
2220
- "inline-flex",
2221
- "items-center",
2222
- "justify-center",
2223
- "relative",
2224
- "m-0",
2225
- "border-solid",
2226
- "inline-grid",
2227
- "shrink-0",
2228
- "place-items-center",
2229
- "place-content-center",
2230
- "rounded-full",
2231
- "box-border",
2232
- "w-[var(--uds-pagination-control-size)]",
2233
- "appearance-none",
2234
- "uds-ring",
2235
- "cursor-pointer",
2236
- "select-none",
2237
- "pointer-events-none",
2238
- "auto-cols-max",
2239
- "grid-flow-col",
2240
- "gap-1",
2241
- "block",
2242
- "tabular-nums",
2243
- "!leading-none",
2244
- "[text-box-trim:trim-both]",
2245
- "[text-box-edge:cap_alphabetic]",
2246
- "h-[var(--uds-pagination-control-size)]"
2109
+ "uds-ring"
2247
2110
  ],
2248
2111
  "internalComponents": [
2249
- "Comp"
2112
+ "ChipBase"
2250
2113
  ],
2251
2114
  "internalComponentProps": {
2252
- "Comp": {
2253
- "type": [
2115
+ "ChipBase": {
2116
+ "as": [
2254
2117
  "button"
2255
2118
  ]
2256
2119
  }
2257
2120
  },
2258
2121
  "propToVariantKeys": {
2259
- "size": [
2260
- "paginationSizeRoot",
2261
- "paginationSizeItem",
2262
- "paginationSizeIcon",
2263
- "paginationSizeText"
2264
- ],
2265
- "variant": [
2266
- "paginationVariantRoot"
2267
- ],
2268
- "activeState": [
2269
- "paginationVariantActiveRoot"
2270
- ]
2271
- },
2272
- "runtimeConfigDefaultProps": {},
2273
- "runtimeConfigGetStyles": {},
2274
- "runtimeConfigInternalComponentProps": {},
2275
- "motionVarPrefixes": []
2276
- },
2277
- "PaginationLink": {
2278
- "name": "PaginationLink",
2279
- "defaultProps": {},
2280
- "getStylesLiterals": {
2281
- "paginationVariantActiveRoot": "off"
2282
- },
2283
- "cxLiterals": [
2284
- "inline-flex",
2285
- "items-center",
2286
- "justify-center",
2287
- "relative",
2288
- "m-0",
2289
- "border-solid",
2290
- "inline-grid",
2291
- "shrink-0",
2292
- "place-items-center",
2293
- "place-content-center",
2294
- "rounded-full",
2295
- "box-border",
2296
- "w-[var(--uds-pagination-control-size)]",
2297
- "appearance-none",
2298
- "uds-ring",
2299
- "cursor-pointer",
2300
- "select-none",
2301
- "pointer-events-none",
2302
- "auto-cols-max",
2303
- "grid-flow-col",
2304
- "gap-1",
2305
- "block",
2306
- "tabular-nums",
2307
- "!leading-none",
2308
- "[text-box-trim:trim-both]",
2309
- "[text-box-edge:cap_alphabetic]",
2310
- "h-[var(--uds-pagination-control-size)]"
2311
- ],
2312
- "internalComponents": [
2313
- "Comp"
2314
- ],
2315
- "internalComponentProps": {},
2316
- "propToVariantKeys": {
2317
- "size": [
2318
- "paginationSizeRoot",
2319
- "paginationSizeItem",
2320
- "paginationSizeIcon",
2321
- "paginationSizeText"
2322
- ],
2323
2122
  "variant": [
2324
- "paginationVariantRoot"
2325
- ],
2326
- "activeState": [
2327
- "paginationVariantActiveRoot"
2123
+ "chipToggleVariantRoot",
2124
+ "chipToggleVariantIcon"
2328
2125
  ]
2329
2126
  },
2330
2127
  "runtimeConfigDefaultProps": {},
@@ -2332,99 +2129,339 @@
2332
2129
  "runtimeConfigInternalComponentProps": {},
2333
2130
  "motionVarPrefixes": []
2334
2131
  },
2335
- "PaginationNext": {
2336
- "name": "PaginationNext",
2132
+ "Radio": {
2133
+ "name": "Radio",
2337
2134
  "defaultProps": {
2338
- "label": "Next"
2135
+ "labelPosition": "start",
2136
+ "variant": "primary",
2137
+ "size": "md",
2138
+ "value": ""
2339
2139
  },
2340
2140
  "getStylesLiterals": {
2341
- "paginationVariantActiveRoot": "off"
2141
+ "radioVariantValueRoot": "checked",
2142
+ "radioVariantValueRoot:1": "unchecked",
2143
+ "display": "flex",
2144
+ "flexDirection": "row",
2145
+ "flexDirection:1": "row-reverse",
2146
+ "alignItems": "center",
2147
+ "radioVariantValueRadio": "checked",
2148
+ "radioVariantValueRadio:1": "unchecked",
2149
+ "radioVariantValueRadioCircle": "checked",
2150
+ "radioVariantValueRadioCircle:1": "unchecked"
2342
2151
  },
2343
2152
  "cxLiterals": [
2344
- "inline-flex",
2345
- "items-center",
2346
- "justify-center",
2347
- "relative",
2348
- "m-0",
2349
- "border-solid",
2350
- "inline-grid",
2351
- "shrink-0",
2352
- "place-items-center",
2353
- "place-content-center",
2354
- "rounded-full",
2355
- "box-border",
2356
- "w-[var(--uds-pagination-control-size)]",
2357
- "appearance-none",
2358
- "uds-ring",
2359
2153
  "cursor-pointer",
2360
- "select-none",
2154
+ "cursor-default",
2155
+ "opacity-50",
2156
+ "border",
2157
+ "uds-ring",
2158
+ "uds-ring-within",
2159
+ "transition-[background-color,border-color]",
2160
+ "transition-shadow",
2361
2161
  "pointer-events-none",
2362
- "auto-cols-max",
2363
- "grid-flow-col",
2364
- "gap-1",
2365
- "block",
2366
- "tabular-nums",
2367
- "!leading-none",
2368
- "[text-box-trim:trim-both]",
2369
- "[text-box-edge:cap_alphabetic]",
2370
- "h-[var(--uds-pagination-control-size)]"
2162
+ "w-[8px]",
2163
+ "h-[8px]",
2164
+ "opacity-55",
2165
+ "opacity-100",
2166
+ "opacity-0",
2167
+ "transition-opacity",
2168
+ "cursor-[inherit]",
2169
+ "absolute",
2170
+ "top-1/2",
2171
+ "left-1/2",
2172
+ "w-[calc(100%+2px)]",
2173
+ "h-[calc(100%+2px)]",
2174
+ "transform",
2175
+ "translate-x-[-50%]",
2176
+ "translate-y-[-50%]",
2177
+ "text-start",
2178
+ "text-end"
2371
2179
  ],
2372
2180
  "internalComponents": [
2373
- "Icon",
2374
- "Comp"
2181
+ "Box",
2182
+ "FormLabel",
2183
+ "SpringMotionConfig",
2184
+ "RootElement",
2185
+ "MotionBox"
2375
2186
  ],
2376
2187
  "internalComponentProps": {
2377
- "Icon": {
2378
- "size": [
2379
- "sm"
2188
+ "Box": {
2189
+ "borderRadius": [
2190
+ "full"
2191
+ ]
2192
+ },
2193
+ "FormLabel": {
2194
+ "as": [
2195
+ "div"
2196
+ ],
2197
+ "variant": [
2198
+ "inherit"
2380
2199
  ],
2381
2200
  "color": [
2382
- "current"
2201
+ "inherit"
2383
2202
  ]
2384
2203
  },
2385
- "Comp": {
2386
- "type": [
2387
- "button"
2204
+ "RootElement": {
2205
+ "data-testid": [
2206
+ "container"
2207
+ ]
2208
+ },
2209
+ "MotionBox": {
2210
+ "position": [
2211
+ "relative"
2388
2212
  ],
2389
- "aria-label": [
2390
- "Go to next page"
2213
+ "borderRadius": [
2214
+ "full"
2215
+ ],
2216
+ "alignItems": [
2217
+ "center"
2218
+ ],
2219
+ "justifyContent": [
2220
+ "center"
2221
+ ],
2222
+ "flex": [
2223
+ "none"
2391
2224
  ]
2392
2225
  }
2393
2226
  },
2394
2227
  "propToVariantKeys": {
2395
2228
  "size": [
2396
- "paginationSizeRoot",
2397
- "paginationSizeItem",
2398
- "paginationSizeIcon",
2399
- "paginationSizeText"
2229
+ "radioSizeRoot",
2230
+ "radioSizeRadio"
2400
2231
  ],
2401
2232
  "variant": [
2402
- "paginationVariantRoot"
2233
+ "radioVariantRoot",
2234
+ "radioVariantRadio",
2235
+ "radioVariantRadioCircle"
2403
2236
  ],
2404
- "activeState": [
2405
- "paginationVariantActiveRoot"
2237
+ "reduceMotion": [
2238
+ "reducedMotion"
2406
2239
  ]
2407
2240
  },
2408
2241
  "runtimeConfigDefaultProps": {},
2409
2242
  "runtimeConfigGetStyles": {},
2410
2243
  "runtimeConfigInternalComponentProps": {},
2411
- "motionVarPrefixes": []
2244
+ "motionVarPrefixes": [
2245
+ "--uds-motion-subtle-3-",
2246
+ "--uds-motion-smooth-3-"
2247
+ ]
2412
2248
  },
2413
- "PaginationNumbers": {
2414
- "name": "PaginationNumbers",
2249
+ "RadioGroupProvider": {
2250
+ "name": "RadioGroupProvider",
2415
2251
  "defaultProps": {},
2416
- "getStylesLiterals": {
2417
- "paginationVariantActiveRoot": "off"
2252
+ "getStylesLiterals": {},
2253
+ "cxLiterals": [],
2254
+ "internalComponents": [
2255
+ "DivProps",
2256
+ "Comp",
2257
+ "RadioGroupContext.Provider"
2258
+ ],
2259
+ "internalComponentProps": {
2260
+ "Comp": {
2261
+ "role": [
2262
+ "radiogroup"
2263
+ ]
2264
+ }
2265
+ },
2266
+ "propToVariantKeys": {},
2267
+ "runtimeConfigDefaultProps": {},
2268
+ "runtimeConfigGetStyles": {},
2269
+ "runtimeConfigInternalComponentProps": {},
2270
+ "motionVarPrefixes": []
2271
+ },
2272
+ "RadioGroupStore": {
2273
+ "name": "RadioGroupStore",
2274
+ "defaultProps": {},
2275
+ "getStylesLiterals": {},
2276
+ "cxLiterals": [],
2277
+ "internalComponents": [],
2278
+ "internalComponentProps": {},
2279
+ "propToVariantKeys": {},
2280
+ "runtimeConfigDefaultProps": {},
2281
+ "runtimeConfigGetStyles": {},
2282
+ "runtimeConfigInternalComponentProps": {},
2283
+ "motionVarPrefixes": []
2284
+ },
2285
+ "Popover": {
2286
+ "name": "Popover",
2287
+ "defaultProps": {},
2288
+ "getStylesLiterals": {},
2289
+ "cxLiterals": [
2290
+ "uds:popover-open"
2291
+ ],
2292
+ "internalComponents": [
2293
+ "PopoverInternalContext.Provider",
2294
+ "PopoverProvider"
2295
+ ],
2296
+ "internalComponentProps": {},
2297
+ "propToVariantKeys": {},
2298
+ "runtimeConfigDefaultProps": {
2299
+ "size": "popover.defaultSize",
2300
+ "variant": "popover.defaultVariant"
2301
+ },
2302
+ "runtimeConfigGetStyles": {},
2303
+ "runtimeConfigInternalComponentProps": {},
2304
+ "motionVarPrefixes": []
2305
+ },
2306
+ "PopoverContent": {
2307
+ "name": "PopoverContent",
2308
+ "defaultProps": {},
2309
+ "getStylesLiterals": {
2310
+ "popoverSizeRoot": "default",
2311
+ "popoverVariantRoot": "default",
2312
+ "display": "flex",
2313
+ "position": "relative",
2314
+ "display:1": "block",
2315
+ "spacingTop": "0",
2316
+ "spacingStart": "0",
2317
+ "spacingBottom": "0",
2318
+ "spacingEnd": "0",
2319
+ "popoverSizeSvgBase": "default",
2320
+ "popoverVariantSvgBase": "default",
2321
+ "popoverSizeSvgBorder": "default",
2322
+ "popoverVariantSvgBorder": "default",
2323
+ "popoverVariantBlur": "default",
2324
+ "position:1": "absolute",
2325
+ "width": "full",
2326
+ "height": "full",
2327
+ "flexShrink": "0",
2328
+ "borderRadius": "full",
2329
+ "alignItems": "center",
2330
+ "justifyContent": "center",
2331
+ "popoverVariantCloseIcon": "default",
2332
+ "popoverSizeCloseIcon": "default"
2333
+ },
2334
+ "cxLiterals": [
2335
+ "z-[9999]",
2336
+ "outline-none",
2337
+ "focus-visible:outline-none",
2338
+ "uds-bgBlurFillFallback",
2339
+ "uds-bgBlurFallback",
2340
+ "top-0",
2341
+ "left-0",
2342
+ "z-[1]",
2343
+ "duration-0",
2344
+ "duration-120",
2345
+ "transition-[background-color]",
2346
+ "bg-carbon-15/0",
2347
+ "hover:bg-carbon-15/10",
2348
+ "active:bg-carbon-15/15",
2349
+ "uds-ring",
2350
+ "absolute",
2351
+ "z-[4]"
2352
+ ],
2353
+ "internalComponents": [
2354
+ "PopoverDismiss",
2355
+ "IconSlot",
2356
+ "PopoverArrow",
2357
+ "Popover",
2358
+ "SvgFloatingOverlay",
2359
+ "Box",
2360
+ "Pressable"
2361
+ ],
2362
+ "internalComponentProps": {},
2363
+ "propToVariantKeys": {
2364
+ "closeIcon": [
2365
+ "icon"
2366
+ ]
2367
+ },
2368
+ "runtimeConfigDefaultProps": {
2369
+ "size": "popover.defaultSize",
2370
+ "variant": "popover.defaultVariant"
2371
+ },
2372
+ "runtimeConfigGetStyles": {
2373
+ "spacingTop": [
2374
+ "popover.spacingVertical.${size}"
2375
+ ],
2376
+ "spacingStart": [
2377
+ "popover.spacingHorizontal.${size}"
2378
+ ],
2379
+ "spacingBottom": [
2380
+ "popover.spacingVertical.${size}"
2381
+ ],
2382
+ "spacingEnd": [
2383
+ "popover.spacingHorizontal.${size}"
2384
+ ]
2385
+ },
2386
+ "runtimeConfigInternalComponentProps": {
2387
+ "SvgFloatingOverlay": {
2388
+ "borderRadius": [
2389
+ "popover.borderRadius.${size}"
2390
+ ]
2391
+ }
2392
+ },
2393
+ "motionVarPrefixes": []
2394
+ },
2395
+ "PopoverContext": {
2396
+ "name": "PopoverContext",
2397
+ "defaultProps": {},
2398
+ "getStylesLiterals": {},
2399
+ "cxLiterals": [],
2400
+ "internalComponents": [],
2401
+ "internalComponentProps": {},
2402
+ "propToVariantKeys": {},
2403
+ "runtimeConfigDefaultProps": {},
2404
+ "runtimeConfigGetStyles": {},
2405
+ "runtimeConfigInternalComponentProps": {},
2406
+ "motionVarPrefixes": []
2407
+ },
2408
+ "PopoverTrigger": {
2409
+ "name": "PopoverTrigger",
2410
+ "defaultProps": {},
2411
+ "getStylesLiterals": {},
2412
+ "cxLiterals": [],
2413
+ "internalComponents": [
2414
+ "PopoverDisclosure"
2415
+ ],
2416
+ "internalComponentProps": {
2417
+ "PopoverDisclosure": {
2418
+ "className": [
2419
+ "inline"
2420
+ ]
2421
+ }
2422
+ },
2423
+ "propToVariantKeys": {
2424
+ "children": [
2425
+ "render"
2426
+ ]
2427
+ },
2428
+ "runtimeConfigDefaultProps": {},
2429
+ "runtimeConfigGetStyles": {},
2430
+ "runtimeConfigInternalComponentProps": {},
2431
+ "motionVarPrefixes": []
2432
+ },
2433
+ "UDSPopoverConfigProvider": {
2434
+ "name": "UDSPopoverConfigProvider",
2435
+ "defaultProps": {},
2436
+ "getStylesLiterals": {},
2437
+ "cxLiterals": [],
2438
+ "internalComponents": [
2439
+ "PopoverContext.Provider"
2440
+ ],
2441
+ "internalComponentProps": {},
2442
+ "propToVariantKeys": {},
2443
+ "runtimeConfigDefaultProps": {},
2444
+ "runtimeConfigGetStyles": {},
2445
+ "runtimeConfigInternalComponentProps": {},
2446
+ "motionVarPrefixes": []
2447
+ },
2448
+ "Pagination": {
2449
+ "name": "Pagination",
2450
+ "defaultProps": {
2451
+ "ellipsisPlacement": "default",
2452
+ "size": "md",
2453
+ "variant": "default",
2454
+ "'aria-label'": "Pagination"
2455
+ },
2456
+ "getStylesLiterals": {
2457
+ "paginationVariantActiveRoot": "off"
2418
2458
  },
2419
2459
  "cxLiterals": [
2420
- "m-0",
2421
2460
  "inline-flex",
2422
- "list-none",
2423
2461
  "items-center",
2424
- "self-center",
2425
- "p-0",
2426
2462
  "justify-center",
2427
2463
  "relative",
2464
+ "m-0",
2428
2465
  "border-solid",
2429
2466
  "inline-grid",
2430
2467
  "shrink-0",
@@ -2449,9 +2486,7 @@
2449
2486
  "h-[var(--uds-pagination-control-size)]"
2450
2487
  ],
2451
2488
  "internalComponents": [
2452
- "PaginationEllipsis",
2453
- "PaginationLink",
2454
- "PaginationItem"
2489
+ "PaginationProvider"
2455
2490
  ],
2456
2491
  "internalComponentProps": {},
2457
2492
  "propToVariantKeys": {
@@ -2473,11 +2508,9 @@
2473
2508
  "runtimeConfigInternalComponentProps": {},
2474
2509
  "motionVarPrefixes": []
2475
2510
  },
2476
- "PaginationPrev": {
2477
- "name": "PaginationPrev",
2478
- "defaultProps": {
2479
- "label": "Previous"
2480
- },
2511
+ "PaginationEllipsis": {
2512
+ "name": "PaginationEllipsis",
2513
+ "defaultProps": {},
2481
2514
  "getStylesLiterals": {
2482
2515
  "paginationVariantActiveRoot": "off"
2483
2516
  },
@@ -2510,28 +2543,8 @@
2510
2543
  "[text-box-edge:cap_alphabetic]",
2511
2544
  "h-[var(--uds-pagination-control-size)]"
2512
2545
  ],
2513
- "internalComponents": [
2514
- "Icon",
2515
- "Comp"
2516
- ],
2517
- "internalComponentProps": {
2518
- "Icon": {
2519
- "size": [
2520
- "sm"
2521
- ],
2522
- "color": [
2523
- "current"
2524
- ]
2525
- },
2526
- "Comp": {
2527
- "type": [
2528
- "button"
2529
- ],
2530
- "aria-label": [
2531
- "Go to previous page"
2532
- ]
2533
- }
2534
- },
2546
+ "internalComponents": [],
2547
+ "internalComponentProps": {},
2535
2548
  "propToVariantKeys": {
2536
2549
  "size": [
2537
2550
  "paginationSizeRoot",
@@ -2551,57 +2564,63 @@
2551
2564
  "runtimeConfigInternalComponentProps": {},
2552
2565
  "motionVarPrefixes": []
2553
2566
  },
2554
- "PaddleButton": {
2555
- "name": "PaddleButton",
2567
+ "PaginationItem": {
2568
+ "name": "PaginationItem",
2556
2569
  "defaultProps": {},
2557
- "getStylesLiterals": {},
2570
+ "getStylesLiterals": {
2571
+ "paginationVariantActiveRoot": "off"
2572
+ },
2558
2573
  "cxLiterals": [
2559
- "relative",
2560
2574
  "inline-flex",
2561
2575
  "items-center",
2562
2576
  "justify-center",
2563
- "box-border",
2564
- "overflow-hidden",
2577
+ "relative",
2578
+ "m-0",
2565
2579
  "border-solid",
2566
- "select-none",
2567
- "uds-nested-radius",
2568
- "transition-[color,border-color,box-shadow]",
2569
- "duration-[180ms]",
2570
- "ease-[cubic-bezier(0,0,0.2,1)]",
2580
+ "inline-grid",
2581
+ "shrink-0",
2582
+ "place-items-center",
2583
+ "place-content-center",
2584
+ "rounded-full",
2585
+ "box-border",
2586
+ "w-[var(--uds-pagination-control-size)]",
2587
+ "appearance-none",
2571
2588
  "uds-ring",
2572
2589
  "cursor-pointer",
2573
- "cursor-not-allowed",
2574
- "opacity-50",
2590
+ "select-none",
2575
2591
  "pointer-events-none",
2576
- "hidden",
2577
- "absolute",
2578
- "inset-0",
2579
- "-z-10",
2580
- "rounded-[var(--uds-nested-radius)]",
2581
- "transition-[background-color,opacity]"
2592
+ "auto-cols-max",
2593
+ "grid-flow-col",
2594
+ "gap-1",
2595
+ "block",
2596
+ "tabular-nums",
2597
+ "!leading-none",
2598
+ "[text-box-trim:trim-both]",
2599
+ "[text-box-edge:cap_alphabetic]",
2600
+ "h-[var(--uds-pagination-control-size)]"
2582
2601
  ],
2583
2602
  "internalComponents": [
2584
- "Icon"
2603
+ "Comp"
2585
2604
  ],
2586
2605
  "internalComponentProps": {
2587
- "Icon": {
2588
- "size": [
2589
- "md"
2590
- ],
2591
- "color": [
2592
- "current"
2606
+ "Comp": {
2607
+ "type": [
2608
+ "button"
2593
2609
  ]
2594
2610
  }
2595
2611
  },
2596
2612
  "propToVariantKeys": {
2597
2613
  "size": [
2598
- "paddlenavSizeRoot",
2599
- "paddlenavSizeIcon"
2614
+ "paginationSizeRoot",
2615
+ "paginationSizeItem",
2616
+ "paginationSizeIcon",
2617
+ "paginationSizeText"
2600
2618
  ],
2601
2619
  "variant": [
2602
- "paddlenavVariantRoot",
2603
- "paddlenavVariantBackground",
2604
- "paddlenavVariantIcon"
2620
+ "paginationVariantRoot"
2621
+ ],
2622
+ "activeState": [
2623
+ "paginationVariantActiveRoot"
2605
2624
  ]
2606
2625
  },
2607
2626
  "runtimeConfigDefaultProps": {},
@@ -2609,107 +2628,135 @@
2609
2628
  "runtimeConfigInternalComponentProps": {},
2610
2629
  "motionVarPrefixes": []
2611
2630
  },
2612
- "PaddleButtonNext": {
2613
- "name": "PaddleButtonNext",
2631
+ "PaginationLink": {
2632
+ "name": "PaginationLink",
2614
2633
  "defaultProps": {},
2615
- "getStylesLiterals": {},
2616
- "cxLiterals": [],
2617
- "internalComponents": [
2618
- "PaddleButton"
2619
- ],
2620
- "internalComponentProps": {
2621
- "PaddleButton": {
2622
- "paddleRole": [
2623
- "next"
2624
- ]
2625
- }
2634
+ "getStylesLiterals": {
2635
+ "paginationVariantActiveRoot": "off"
2626
2636
  },
2627
- "propToVariantKeys": {},
2628
- "runtimeConfigDefaultProps": {},
2629
- "runtimeConfigGetStyles": {},
2630
- "runtimeConfigInternalComponentProps": {},
2631
- "motionVarPrefixes": []
2632
- },
2633
- "PaddleButtonPrevious": {
2634
- "name": "PaddleButtonPrevious",
2635
- "defaultProps": {},
2636
- "getStylesLiterals": {},
2637
- "cxLiterals": [],
2637
+ "cxLiterals": [
2638
+ "inline-flex",
2639
+ "items-center",
2640
+ "justify-center",
2641
+ "relative",
2642
+ "m-0",
2643
+ "border-solid",
2644
+ "inline-grid",
2645
+ "shrink-0",
2646
+ "place-items-center",
2647
+ "place-content-center",
2648
+ "rounded-full",
2649
+ "box-border",
2650
+ "w-[var(--uds-pagination-control-size)]",
2651
+ "appearance-none",
2652
+ "uds-ring",
2653
+ "cursor-pointer",
2654
+ "select-none",
2655
+ "pointer-events-none",
2656
+ "auto-cols-max",
2657
+ "grid-flow-col",
2658
+ "gap-1",
2659
+ "block",
2660
+ "tabular-nums",
2661
+ "!leading-none",
2662
+ "[text-box-trim:trim-both]",
2663
+ "[text-box-edge:cap_alphabetic]",
2664
+ "h-[var(--uds-pagination-control-size)]"
2665
+ ],
2638
2666
  "internalComponents": [
2639
- "PaddleButton"
2667
+ "Comp"
2640
2668
  ],
2641
- "internalComponentProps": {
2642
- "PaddleButton": {
2643
- "paddleRole": [
2644
- "previous"
2645
- ]
2646
- }
2669
+ "internalComponentProps": {},
2670
+ "propToVariantKeys": {
2671
+ "size": [
2672
+ "paginationSizeRoot",
2673
+ "paginationSizeItem",
2674
+ "paginationSizeIcon",
2675
+ "paginationSizeText"
2676
+ ],
2677
+ "variant": [
2678
+ "paginationVariantRoot"
2679
+ ],
2680
+ "activeState": [
2681
+ "paginationVariantActiveRoot"
2682
+ ]
2647
2683
  },
2648
- "propToVariantKeys": {},
2649
2684
  "runtimeConfigDefaultProps": {},
2650
2685
  "runtimeConfigGetStyles": {},
2651
2686
  "runtimeConfigInternalComponentProps": {},
2652
2687
  "motionVarPrefixes": []
2653
2688
  },
2654
- "PaddleNav": {
2655
- "name": "PaddleNav",
2689
+ "PaginationNext": {
2690
+ "name": "PaginationNext",
2656
2691
  "defaultProps": {
2657
- "orientation": "horizontal",
2658
- "variant": "primary",
2659
- "size": "md"
2692
+ "label": "Next"
2693
+ },
2694
+ "getStylesLiterals": {
2695
+ "paginationVariantActiveRoot": "off"
2660
2696
  },
2661
- "getStylesLiterals": {},
2662
2697
  "cxLiterals": [
2663
- "pointer-events-none",
2664
2698
  "inline-flex",
2665
- "flex-row",
2666
- "gap-2",
2667
2699
  "items-center",
2668
- "pointer-events-auto",
2669
- "flex-col",
2700
+ "justify-center",
2670
2701
  "relative",
2671
- "min-w-0",
2672
- "min-h-0",
2673
- "flex-1",
2674
- "inline-block",
2675
- "absolute",
2676
- "z-10",
2677
- "top-2",
2678
- "left-1/2",
2679
- "-translate-x-1/2",
2680
- "left-2",
2681
- "top-1/2",
2682
- "-translate-y-1/2",
2683
- "bottom-2",
2684
- "right-2",
2685
- "-top-12",
2686
- "left-0",
2687
- "right-0",
2688
- "-bottom-12"
2702
+ "m-0",
2703
+ "border-solid",
2704
+ "inline-grid",
2705
+ "shrink-0",
2706
+ "place-items-center",
2707
+ "place-content-center",
2708
+ "rounded-full",
2709
+ "box-border",
2710
+ "w-[var(--uds-pagination-control-size)]",
2711
+ "appearance-none",
2712
+ "uds-ring",
2713
+ "cursor-pointer",
2714
+ "select-none",
2715
+ "pointer-events-none",
2716
+ "auto-cols-max",
2717
+ "grid-flow-col",
2718
+ "gap-1",
2719
+ "block",
2720
+ "tabular-nums",
2721
+ "!leading-none",
2722
+ "[text-box-trim:trim-both]",
2723
+ "[text-box-edge:cap_alphabetic]",
2724
+ "h-[var(--uds-pagination-control-size)]"
2689
2725
  ],
2690
2726
  "internalComponents": [
2691
- "PaddleNavContext.Provider",
2692
- "Box"
2727
+ "Icon",
2728
+ "Comp"
2693
2729
  ],
2694
2730
  "internalComponentProps": {
2695
- "Box": {
2696
- "display": [
2697
- "inline-flex"
2698
- ],
2699
- "alignItems": [
2700
- "center"
2731
+ "Icon": {
2732
+ "size": [
2733
+ "sm"
2701
2734
  ],
2702
- "justifyContent": [
2703
- "center"
2735
+ "color": [
2736
+ "current"
2737
+ ]
2738
+ },
2739
+ "Comp": {
2740
+ "type": [
2741
+ "button"
2704
2742
  ],
2705
- "data-paddle-nav-outside": [
2706
- "true"
2743
+ "aria-label": [
2744
+ "Go to next page"
2707
2745
  ]
2708
2746
  }
2709
2747
  },
2710
2748
  "propToVariantKeys": {
2711
- "orientation": [
2712
- "data-paddle-nav-orientation"
2749
+ "size": [
2750
+ "paginationSizeRoot",
2751
+ "paginationSizeItem",
2752
+ "paginationSizeIcon",
2753
+ "paginationSizeText"
2754
+ ],
2755
+ "variant": [
2756
+ "paginationVariantRoot"
2757
+ ],
2758
+ "activeState": [
2759
+ "paginationVariantActiveRoot"
2713
2760
  ]
2714
2761
  },
2715
2762
  "runtimeConfigDefaultProps": {},
@@ -2717,392 +2764,306 @@
2717
2764
  "runtimeConfigInternalComponentProps": {},
2718
2765
  "motionVarPrefixes": []
2719
2766
  },
2720
- "PaddleNavContent": {
2721
- "name": "PaddleNavContent",
2767
+ "PaginationNumbers": {
2768
+ "name": "PaginationNumbers",
2722
2769
  "defaultProps": {},
2723
- "getStylesLiterals": {},
2770
+ "getStylesLiterals": {
2771
+ "paginationVariantActiveRoot": "off"
2772
+ },
2724
2773
  "cxLiterals": [
2725
- "min-w-0",
2726
- "min-h-0",
2727
- "relative"
2728
- ],
2729
- "internalComponents": [],
2730
- "internalComponentProps": {},
2731
- "propToVariantKeys": {},
2732
- "runtimeConfigDefaultProps": {},
2733
- "runtimeConfigGetStyles": {},
2734
- "runtimeConfigInternalComponentProps": {},
2735
- "motionVarPrefixes": []
2736
- },
2737
- "ManagedModal": {
2738
- "name": "ManagedModal",
2739
- "defaultProps": {},
2740
- "getStylesLiterals": {},
2741
- "cxLiterals": [],
2774
+ "m-0",
2775
+ "inline-flex",
2776
+ "list-none",
2777
+ "items-center",
2778
+ "self-center",
2779
+ "p-0",
2780
+ "justify-center",
2781
+ "relative",
2782
+ "border-solid",
2783
+ "inline-grid",
2784
+ "shrink-0",
2785
+ "place-items-center",
2786
+ "place-content-center",
2787
+ "rounded-full",
2788
+ "box-border",
2789
+ "w-[var(--uds-pagination-control-size)]",
2790
+ "appearance-none",
2791
+ "uds-ring",
2792
+ "cursor-pointer",
2793
+ "select-none",
2794
+ "pointer-events-none",
2795
+ "auto-cols-max",
2796
+ "grid-flow-col",
2797
+ "gap-1",
2798
+ "block",
2799
+ "tabular-nums",
2800
+ "!leading-none",
2801
+ "[text-box-trim:trim-both]",
2802
+ "[text-box-edge:cap_alphabetic]",
2803
+ "h-[var(--uds-pagination-control-size)]"
2804
+ ],
2742
2805
  "internalComponents": [
2743
- "Modal",
2744
- "ModalTitle",
2745
- "ModalDescription",
2746
- "ModalContent",
2747
- "ModalActions"
2806
+ "PaginationEllipsis",
2807
+ "PaginationLink",
2808
+ "PaginationItem"
2748
2809
  ],
2749
2810
  "internalComponentProps": {},
2750
- "propToVariantKeys": {},
2751
- "runtimeConfigDefaultProps": {
2752
- "size": "modal.defaultSize",
2753
- "variant": "modal.defaultVariant"
2811
+ "propToVariantKeys": {
2812
+ "size": [
2813
+ "paginationSizeRoot",
2814
+ "paginationSizeItem",
2815
+ "paginationSizeIcon",
2816
+ "paginationSizeText"
2817
+ ],
2818
+ "variant": [
2819
+ "paginationVariantRoot"
2820
+ ],
2821
+ "activeState": [
2822
+ "paginationVariantActiveRoot"
2823
+ ]
2754
2824
  },
2825
+ "runtimeConfigDefaultProps": {},
2755
2826
  "runtimeConfigGetStyles": {},
2756
2827
  "runtimeConfigInternalComponentProps": {},
2757
2828
  "motionVarPrefixes": []
2758
2829
  },
2759
- "Modal": {
2760
- "name": "Modal",
2830
+ "PaginationPrev": {
2831
+ "name": "PaginationPrev",
2761
2832
  "defaultProps": {
2762
- "closeAriaLabel": "Close",
2763
- "maxWidth": "auto",
2764
- "maxHeight": "auto",
2765
- "scrollBehavior": "outside"
2833
+ "label": "Previous"
2766
2834
  },
2767
2835
  "getStylesLiterals": {
2768
- "flexDirection": "row-reverse",
2769
- "justifyContent": "space-between",
2770
- "alignItems": "flex-end",
2771
- "alignItems:1": "flex-start",
2772
- "borderRadius": "full"
2836
+ "paginationVariantActiveRoot": "off"
2773
2837
  },
2774
2838
  "cxLiterals": [
2775
- "fixed",
2776
- "inset-0",
2777
- "z-40",
2778
- "overflow-y-auto",
2779
- "overflow-hidden",
2780
- "transition-[opacity,visibility]",
2781
- "visible",
2782
- "opacity-100",
2783
- "invisible",
2784
- "opacity-0",
2785
- "pointer-events-none",
2786
- "uds-bgBlurFallback",
2787
- "w-full",
2788
- "w-fit",
2789
- "h-full",
2790
- "h-fit",
2791
- "m-auto",
2792
- "pointer-events-auto",
2793
- "inside",
2794
- "max-h-full",
2795
- "transition-transform",
2796
- "duration-0",
2797
- "duration-120",
2798
- "transition-[background-color]",
2799
- "bg-carbon-15/0",
2800
- "hover:bg-carbon-15/10",
2801
- "active:bg-carbon-15/15",
2839
+ "inline-flex",
2840
+ "items-center",
2841
+ "justify-center",
2842
+ "relative",
2843
+ "m-0",
2844
+ "border-solid",
2845
+ "inline-grid",
2846
+ "shrink-0",
2847
+ "place-items-center",
2848
+ "place-content-center",
2849
+ "rounded-full",
2850
+ "box-border",
2851
+ "w-[var(--uds-pagination-control-size)]",
2852
+ "appearance-none",
2802
2853
  "uds-ring",
2803
- "[translate:50%_-50%]"
2854
+ "cursor-pointer",
2855
+ "select-none",
2856
+ "pointer-events-none",
2857
+ "auto-cols-max",
2858
+ "grid-flow-col",
2859
+ "gap-1",
2860
+ "block",
2861
+ "tabular-nums",
2862
+ "!leading-none",
2863
+ "[text-box-trim:trim-both]",
2864
+ "[text-box-edge:cap_alphabetic]",
2865
+ "h-[var(--uds-pagination-control-size)]"
2804
2866
  ],
2805
2867
  "internalComponents": [
2806
- "Scrim",
2807
- "VStack",
2808
- "Pressable",
2809
- "IconSlot",
2810
- "Box",
2811
- "Dialog",
2812
- "ModalContext.Provider",
2813
- "HStack",
2814
- "DialogDismiss",
2815
- "ModalTitle",
2816
- "ModalDescription",
2817
- "ModalContent",
2818
- "ModalActions"
2868
+ "Icon",
2869
+ "Comp"
2819
2870
  ],
2820
2871
  "internalComponentProps": {
2821
- "Box": {
2822
- "flexGrow": [
2823
- "1"
2872
+ "Icon": {
2873
+ "size": [
2874
+ "sm"
2875
+ ],
2876
+ "color": [
2877
+ "current"
2878
+ ]
2879
+ },
2880
+ "Comp": {
2881
+ "type": [
2882
+ "button"
2883
+ ],
2884
+ "aria-label": [
2885
+ "Go to previous page"
2824
2886
  ]
2825
2887
  }
2826
2888
  },
2827
2889
  "propToVariantKeys": {
2828
- "gutter": [
2829
- "spacing"
2830
- ],
2831
2890
  "size": [
2832
- "modalSizeRoot",
2833
- "modalSizeSpacingHorizontal",
2834
- "modalSizeHeader",
2835
- "modalSizeTitleDescriptionWrapper",
2836
- "modalSizeCloseIconContainer",
2837
- "modalSizeCloseIcon"
2891
+ "paginationSizeRoot",
2892
+ "paginationSizeItem",
2893
+ "paginationSizeIcon",
2894
+ "paginationSizeText"
2838
2895
  ],
2839
2896
  "variant": [
2840
- "modalVariantRoot",
2841
- "modalVariantCloseIcon"
2842
- ],
2843
- "closeAriaLabel": [
2844
- "aria-label"
2845
- ],
2846
- "closeIcon": [
2847
- "icon"
2848
- ]
2849
- },
2850
- "runtimeConfigDefaultProps": {
2851
- "size": "modal.defaultSize",
2852
- "variant": "modal.defaultVariant"
2853
- },
2854
- "runtimeConfigGetStyles": {
2855
- "spacing": [
2856
- "modal.gutter.${size}"
2857
- ],
2858
- "modalSizeRoot": [
2859
- "modal.defaultSize"
2860
- ],
2861
- "modalVariantRoot": [
2862
- "modal.defaultVariant"
2863
- ],
2864
- "modalSizeSpacingHorizontal": [
2865
- "modal.defaultSize"
2866
- ],
2867
- "modalSizeHeader": [
2868
- "modal.defaultSize"
2869
- ],
2870
- "modalSizeTitleDescriptionWrapper": [
2871
- "modal.defaultSize"
2872
- ],
2873
- "modalSizeCloseIconContainer": [
2874
- "modal.defaultSize"
2875
- ],
2876
- "modalSizeCloseIcon": [
2877
- "modal.defaultSize"
2878
- ],
2879
- "modalVariantCloseIcon": [
2880
- "modal.defaultVariant"
2881
- ]
2882
- },
2883
- "runtimeConfigInternalComponentProps": {},
2884
- "motionVarPrefixes": []
2885
- },
2886
- "ModalActions": {
2887
- "name": "ModalActions",
2888
- "defaultProps": {},
2889
- "getStylesLiterals": {
2890
- "flexDirection": "row-reverse",
2891
- "justifyContent": "space-between",
2892
- "alignItems": "center"
2893
- },
2894
- "cxLiterals": [
2895
- "gap-[inherit]"
2896
- ],
2897
- "internalComponents": [
2898
- "HStack"
2899
- ],
2900
- "internalComponentProps": {},
2901
- "propToVariantKeys": {
2902
- "size": [
2903
- "modalSizeSpacingHorizontal",
2904
- "modalSizeActions"
2905
- ]
2906
- },
2907
- "runtimeConfigDefaultProps": {
2908
- "size": "modal.defaultSize",
2909
- "variant": "modal.defaultVariant"
2910
- },
2911
- "runtimeConfigGetStyles": {
2912
- "modalSizeSpacingHorizontal": [
2913
- "modal.defaultSize"
2897
+ "paginationVariantRoot"
2914
2898
  ],
2915
- "modalSizeActions": [
2916
- "modal.defaultSize"
2917
- ]
2918
- },
2919
- "runtimeConfigInternalComponentProps": {},
2920
- "motionVarPrefixes": []
2921
- },
2922
- "ModalContent": {
2923
- "name": "ModalContent",
2924
- "defaultProps": {},
2925
- "getStylesLiterals": {
2926
- "overflowY": "auto",
2927
- "display": "block",
2928
- "flexGrow": "1"
2929
- },
2930
- "cxLiterals": [],
2931
- "internalComponents": [
2932
- "Box"
2933
- ],
2934
- "internalComponentProps": {},
2935
- "propToVariantKeys": {
2936
- "size": [
2937
- "modalSizeSpacingHorizontal"
2938
- ]
2939
- },
2940
- "runtimeConfigDefaultProps": {
2941
- "size": "modal.defaultSize",
2942
- "variant": "modal.defaultVariant"
2943
- },
2944
- "runtimeConfigGetStyles": {
2945
- "modalSizeSpacingHorizontal": [
2946
- "modal.defaultSize"
2899
+ "activeState": [
2900
+ "paginationVariantActiveRoot"
2947
2901
  ]
2948
2902
  },
2949
- "runtimeConfigInternalComponentProps": {},
2950
- "motionVarPrefixes": []
2951
- },
2952
- "ModalContext": {
2953
- "name": "ModalContext",
2954
- "defaultProps": {},
2955
- "getStylesLiterals": {},
2956
- "cxLiterals": [],
2957
- "internalComponents": [],
2958
- "internalComponentProps": {},
2959
- "propToVariantKeys": {},
2960
2903
  "runtimeConfigDefaultProps": {},
2961
2904
  "runtimeConfigGetStyles": {},
2962
2905
  "runtimeConfigInternalComponentProps": {},
2963
2906
  "motionVarPrefixes": []
2964
2907
  },
2965
- "ModalDescription": {
2966
- "name": "ModalDescription",
2908
+ "PaddleButton": {
2909
+ "name": "PaddleButton",
2967
2910
  "defaultProps": {},
2968
2911
  "getStylesLiterals": {},
2969
- "cxLiterals": [],
2912
+ "cxLiterals": [
2913
+ "relative",
2914
+ "inline-flex",
2915
+ "items-center",
2916
+ "justify-center",
2917
+ "box-border",
2918
+ "overflow-hidden",
2919
+ "border-solid",
2920
+ "select-none",
2921
+ "uds-nested-radius",
2922
+ "transition-[color,border-color,box-shadow]",
2923
+ "duration-[180ms]",
2924
+ "ease-[cubic-bezier(0,0,0.2,1)]",
2925
+ "uds-ring",
2926
+ "cursor-pointer",
2927
+ "cursor-not-allowed",
2928
+ "opacity-50",
2929
+ "pointer-events-none",
2930
+ "hidden",
2931
+ "absolute",
2932
+ "inset-0",
2933
+ "-z-10",
2934
+ "rounded-[var(--uds-nested-radius)]",
2935
+ "transition-[background-color,opacity]"
2936
+ ],
2970
2937
  "internalComponents": [
2971
- "Text",
2972
- "DialogDescription"
2938
+ "Icon"
2973
2939
  ],
2974
2940
  "internalComponentProps": {
2975
- "Text": {
2976
- "as": [
2977
- "span"
2941
+ "Icon": {
2942
+ "size": [
2943
+ "md"
2944
+ ],
2945
+ "color": [
2946
+ "current"
2978
2947
  ]
2979
2948
  }
2980
2949
  },
2981
2950
  "propToVariantKeys": {
2982
2951
  "size": [
2983
- "modalSizeDescription"
2952
+ "paddlenavSizeRoot",
2953
+ "paddlenavSizeIcon"
2984
2954
  ],
2985
2955
  "variant": [
2986
- "modalVariantDescription"
2987
- ]
2988
- },
2989
- "runtimeConfigDefaultProps": {
2990
- "size": "modal.defaultSize",
2991
- "variant": "modal.defaultVariant"
2992
- },
2993
- "runtimeConfigGetStyles": {
2994
- "modalSizeDescription": [
2995
- "modal.defaultSize"
2996
- ],
2997
- "modalVariantDescription": [
2998
- "modal.defaultVariant"
2956
+ "paddlenavVariantRoot",
2957
+ "paddlenavVariantBackground",
2958
+ "paddlenavVariantIcon"
2999
2959
  ]
3000
2960
  },
2961
+ "runtimeConfigDefaultProps": {},
2962
+ "runtimeConfigGetStyles": {},
3001
2963
  "runtimeConfigInternalComponentProps": {},
3002
2964
  "motionVarPrefixes": []
3003
2965
  },
3004
- "ModalPortal": {
3005
- "name": "ModalPortal",
2966
+ "PaddleButtonNext": {
2967
+ "name": "PaddleButtonNext",
3006
2968
  "defaultProps": {},
3007
2969
  "getStylesLiterals": {},
3008
2970
  "cxLiterals": [],
3009
2971
  "internalComponents": [
3010
- "ManagedModal"
2972
+ "PaddleButton"
3011
2973
  ],
3012
- "internalComponentProps": {},
2974
+ "internalComponentProps": {
2975
+ "PaddleButton": {
2976
+ "paddleRole": [
2977
+ "next"
2978
+ ]
2979
+ }
2980
+ },
3013
2981
  "propToVariantKeys": {},
3014
2982
  "runtimeConfigDefaultProps": {},
3015
2983
  "runtimeConfigGetStyles": {},
3016
2984
  "runtimeConfigInternalComponentProps": {},
3017
2985
  "motionVarPrefixes": []
3018
2986
  },
3019
- "ModalTitle": {
3020
- "name": "ModalTitle",
2987
+ "PaddleButtonPrevious": {
2988
+ "name": "PaddleButtonPrevious",
3021
2989
  "defaultProps": {},
3022
2990
  "getStylesLiterals": {},
3023
2991
  "cxLiterals": [],
3024
2992
  "internalComponents": [
3025
- "Text",
3026
- "DialogHeading"
2993
+ "PaddleButton"
3027
2994
  ],
3028
2995
  "internalComponentProps": {
3029
- "Text": {
3030
- "as": [
3031
- "span"
2996
+ "PaddleButton": {
2997
+ "paddleRole": [
2998
+ "previous"
3032
2999
  ]
3033
3000
  }
3034
3001
  },
3035
- "propToVariantKeys": {
3036
- "size": [
3037
- "modalSizeTitle"
3038
- ],
3039
- "variant": [
3040
- "modalVariantTitle"
3041
- ]
3042
- },
3043
- "runtimeConfigDefaultProps": {
3044
- "size": "modal.defaultSize",
3045
- "variant": "modal.defaultVariant"
3046
- },
3047
- "runtimeConfigGetStyles": {
3048
- "modalSizeTitle": [
3049
- "modal.defaultSize"
3050
- ],
3051
- "modalVariantTitle": [
3052
- "modal.defaultVariant"
3053
- ]
3054
- },
3055
- "runtimeConfigInternalComponentProps": {},
3056
- "motionVarPrefixes": []
3057
- },
3058
- "UDSModalConfigProvider": {
3059
- "name": "UDSModalConfigProvider",
3060
- "defaultProps": {},
3061
- "getStylesLiterals": {},
3062
- "cxLiterals": [],
3063
- "internalComponents": [
3064
- "ModalContext.Provider"
3065
- ],
3066
- "internalComponentProps": {},
3067
3002
  "propToVariantKeys": {},
3068
3003
  "runtimeConfigDefaultProps": {},
3069
3004
  "runtimeConfigGetStyles": {},
3070
3005
  "runtimeConfigInternalComponentProps": {},
3071
3006
  "motionVarPrefixes": []
3072
3007
  },
3073
- "Menu.Content": {
3074
- "name": "Menu.Content",
3075
- "defaultProps": {
3076
- "size": "default",
3077
- "variant": "default",
3078
- "gutter": "1"
3008
+ "PaddleNav": {
3009
+ "name": "PaddleNav",
3010
+ "defaultProps": {
3011
+ "orientation": "horizontal",
3012
+ "variant": "primary",
3013
+ "size": "md"
3079
3014
  },
3080
3015
  "getStylesLiterals": {},
3081
3016
  "cxLiterals": [
3082
- "uds-menu-content",
3083
- "transition-shadow",
3084
- "duration-200",
3085
- "ease-in-out",
3086
- "min-w-60",
3087
- "max-w-lg",
3088
- "max-h-96",
3089
- "overflow-auto",
3090
- "uds-ring",
3017
+ "pointer-events-none",
3018
+ "inline-flex",
3019
+ "flex-row",
3020
+ "gap-2",
3021
+ "items-center",
3022
+ "pointer-events-auto",
3023
+ "flex-col",
3024
+ "relative",
3025
+ "min-w-0",
3026
+ "min-h-0",
3027
+ "flex-1",
3028
+ "inline-block",
3029
+ "absolute",
3091
3030
  "z-10",
3092
- "group"
3031
+ "top-2",
3032
+ "left-1/2",
3033
+ "-translate-x-1/2",
3034
+ "left-2",
3035
+ "top-1/2",
3036
+ "-translate-y-1/2",
3037
+ "bottom-2",
3038
+ "right-2",
3039
+ "-top-12",
3040
+ "left-0",
3041
+ "right-0",
3042
+ "-bottom-12"
3093
3043
  ],
3094
3044
  "internalComponents": [
3095
- "AriakitMenu",
3096
- "AnimatePresence",
3097
- "MotionVStack"
3045
+ "PaddleNavContext.Provider",
3046
+ "Box"
3098
3047
  ],
3099
- "internalComponentProps": {},
3048
+ "internalComponentProps": {
3049
+ "Box": {
3050
+ "display": [
3051
+ "inline-flex"
3052
+ ],
3053
+ "alignItems": [
3054
+ "center"
3055
+ ],
3056
+ "justifyContent": [
3057
+ "center"
3058
+ ],
3059
+ "data-paddle-nav-outside": [
3060
+ "true"
3061
+ ]
3062
+ }
3063
+ },
3100
3064
  "propToVariantKeys": {
3101
- "size": [
3102
- "menucontentSizeRoot"
3103
- ],
3104
- "variant": [
3105
- "menucontentVariantRoot"
3065
+ "orientation": [
3066
+ "data-paddle-nav-orientation"
3106
3067
  ]
3107
3068
  },
3108
3069
  "runtimeConfigDefaultProps": {},
@@ -3110,215 +3071,240 @@
3110
3071
  "runtimeConfigInternalComponentProps": {},
3111
3072
  "motionVarPrefixes": []
3112
3073
  },
3113
- "Menu.Divider": {
3114
- "name": "Menu.Divider",
3115
- "defaultProps": {
3116
- "role": "separator",
3117
- "contentPosition": "start",
3118
- "gap": "4"
3119
- },
3120
- "getStylesLiterals": {
3121
- "menuitemDividerVariantRoot": "default",
3122
- "menuitemDividerVariantText": "default",
3123
- "menuitemDividerVariantLine": "default"
3124
- },
3125
- "cxLiterals": [],
3126
- "internalComponents": [
3127
- "Divider"
3074
+ "PaddleNavContent": {
3075
+ "name": "PaddleNavContent",
3076
+ "defaultProps": {},
3077
+ "getStylesLiterals": {},
3078
+ "cxLiterals": [
3079
+ "min-w-0",
3080
+ "min-h-0",
3081
+ "relative"
3128
3082
  ],
3129
- "internalComponentProps": {
3130
- "Divider": {
3131
- "variant": [
3132
- "inherit"
3133
- ]
3134
- }
3135
- },
3083
+ "internalComponents": [],
3084
+ "internalComponentProps": {},
3136
3085
  "propToVariantKeys": {},
3137
3086
  "runtimeConfigDefaultProps": {},
3138
3087
  "runtimeConfigGetStyles": {},
3139
3088
  "runtimeConfigInternalComponentProps": {},
3140
3089
  "motionVarPrefixes": []
3141
3090
  },
3142
- "Menu.Item": {
3143
- "name": "Menu.Item",
3091
+ "ManagedModal": {
3092
+ "name": "ManagedModal",
3144
3093
  "defaultProps": {},
3145
- "getStylesLiterals": {
3146
- "menuitemItemVariantRoot": "default",
3147
- "menuitemItemVariantActiveRoot": "on",
3148
- "menuitemItemVariantActiveRoot:1": "off",
3149
- "menuitemItemVariantText": "default",
3150
- "menuitemItemVariantActiveText": "on",
3151
- "menuitemItemVariantActiveText:1": "off",
3152
- "menuitemItemVariantIcon": "default",
3153
- "menuitemItemVariantActiveIcon": "on",
3154
- "menuitemItemVariantActiveIcon:1": "off"
3155
- },
3094
+ "getStylesLiterals": {},
3156
3095
  "cxLiterals": [],
3157
3096
  "internalComponents": [
3158
- "MenuItemBase"
3097
+ "Modal",
3098
+ "ModalTitle",
3099
+ "ModalDescription",
3100
+ "ModalContent",
3101
+ "ModalActions"
3159
3102
  ],
3160
3103
  "internalComponentProps": {},
3161
3104
  "propToVariantKeys": {},
3162
- "runtimeConfigDefaultProps": {},
3105
+ "runtimeConfigDefaultProps": {
3106
+ "size": "modal.defaultSize",
3107
+ "variant": "modal.defaultVariant"
3108
+ },
3163
3109
  "runtimeConfigGetStyles": {},
3164
3110
  "runtimeConfigInternalComponentProps": {},
3165
3111
  "motionVarPrefixes": []
3166
3112
  },
3167
- "Menu.ItemBase": {
3168
- "name": "Menu.ItemBase",
3113
+ "Modal": {
3114
+ "name": "Modal",
3169
3115
  "defaultProps": {
3170
- "spacing": "0",
3171
- "spacingHorizontal": "4",
3172
- "spacingVertical": "3.5",
3173
- "columnGap": "2",
3174
- "alignItems": "center",
3175
- "justifyContent": "space-between"
3116
+ "closeAriaLabel": "Close",
3117
+ "maxWidth": "auto",
3118
+ "maxHeight": "auto",
3119
+ "scrollBehavior": "outside"
3176
3120
  },
3177
3121
  "getStylesLiterals": {
3178
- "textAlign": "start",
3179
- "menuitemSizeRoot": "default",
3180
- "flexDirection": "row",
3181
- "menuitemSizeStartIcon": "default",
3182
- "menuitemSizeEndIcon": "default"
3122
+ "flexDirection": "row-reverse",
3123
+ "justifyContent": "space-between",
3124
+ "alignItems": "flex-end",
3125
+ "alignItems:1": "flex-start",
3126
+ "borderRadius": "full"
3183
3127
  },
3184
3128
  "cxLiterals": [
3185
- "uds-menu-item",
3186
- "flex",
3187
- "focus-visible:text-brand",
3188
- "focus-visible:bg-brand-secondary",
3189
- "focus-visible:z-10",
3129
+ "fixed",
3130
+ "inset-0",
3131
+ "z-40",
3132
+ "overflow-y-auto",
3133
+ "overflow-hidden",
3134
+ "transition-[opacity,visibility]",
3135
+ "visible",
3136
+ "opacity-100",
3137
+ "invisible",
3138
+ "opacity-0",
3139
+ "pointer-events-none",
3140
+ "uds-bgBlurFallback",
3141
+ "w-full",
3142
+ "w-fit",
3143
+ "h-full",
3144
+ "h-fit",
3145
+ "m-auto",
3146
+ "pointer-events-auto",
3147
+ "inside",
3148
+ "max-h-full",
3149
+ "transition-transform",
3150
+ "duration-0",
3151
+ "duration-120",
3152
+ "transition-[background-color]",
3153
+ "bg-carbon-15/0",
3154
+ "hover:bg-carbon-15/10",
3155
+ "active:bg-carbon-15/15",
3190
3156
  "uds-ring",
3191
- "!-outline-offset-2",
3192
- "[&:not([aria-checked])]:cursor-default",
3193
- "opacity-25",
3194
- "cursor-not-allowed",
3195
- "duration-20",
3196
- "transition-[font-variation-settings]",
3197
- "ease-in-out",
3198
- "z-0",
3199
- "truncate",
3200
- "uds-start-icon",
3201
- "uds-end-icon"
3157
+ "[translate:50%_-50%]"
3202
3158
  ],
3203
3159
  "internalComponents": [
3160
+ "Scrim",
3161
+ "VStack",
3204
3162
  "Pressable",
3205
3163
  "IconSlot",
3206
- "RootComponent",
3164
+ "Box",
3165
+ "Dialog",
3166
+ "ModalContext.Provider",
3207
3167
  "HStack",
3208
- "AnimatePresence"
3168
+ "DialogDismiss",
3169
+ "ModalTitle",
3170
+ "ModalDescription",
3171
+ "ModalContent",
3172
+ "ModalActions"
3209
3173
  ],
3210
3174
  "internalComponentProps": {
3211
- "HStack": {
3212
- "alignItems": [
3213
- "center"
3214
- ],
3215
- "width": [
3216
- "full"
3217
- ]
3218
- },
3219
- "AnimatePresence": {
3220
- "mode": [
3221
- "popLayout"
3175
+ "Box": {
3176
+ "flexGrow": [
3177
+ "1"
3222
3178
  ]
3223
3179
  }
3224
3180
  },
3225
3181
  "propToVariantKeys": {
3226
- "startIconClassName": [
3227
- "className"
3182
+ "gutter": [
3183
+ "spacing"
3184
+ ],
3185
+ "size": [
3186
+ "modalSizeRoot",
3187
+ "modalSizeSpacingHorizontal",
3188
+ "modalSizeHeader",
3189
+ "modalSizeTitleDescriptionWrapper",
3190
+ "modalSizeCloseIconContainer",
3191
+ "modalSizeCloseIcon"
3192
+ ],
3193
+ "variant": [
3194
+ "modalVariantRoot",
3195
+ "modalVariantCloseIcon"
3196
+ ],
3197
+ "closeAriaLabel": [
3198
+ "aria-label"
3199
+ ],
3200
+ "closeIcon": [
3201
+ "icon"
3202
+ ]
3203
+ },
3204
+ "runtimeConfigDefaultProps": {
3205
+ "size": "modal.defaultSize",
3206
+ "variant": "modal.defaultVariant"
3207
+ },
3208
+ "runtimeConfigGetStyles": {
3209
+ "spacing": [
3210
+ "modal.gutter.${size}"
3211
+ ],
3212
+ "modalSizeRoot": [
3213
+ "modal.defaultSize"
3228
3214
  ],
3229
- "endIconClassName": [
3230
- "className"
3215
+ "modalVariantRoot": [
3216
+ "modal.defaultVariant"
3231
3217
  ],
3232
- "startIcon": [
3233
- "icon"
3218
+ "modalSizeSpacingHorizontal": [
3219
+ "modal.defaultSize"
3234
3220
  ],
3235
- "endIcon": [
3236
- "icon"
3221
+ "modalSizeHeader": [
3222
+ "modal.defaultSize"
3237
3223
  ],
3238
- "columnGap": [
3239
- "gap"
3224
+ "modalSizeTitleDescriptionWrapper": [
3225
+ "modal.defaultSize"
3226
+ ],
3227
+ "modalSizeCloseIconContainer": [
3228
+ "modal.defaultSize"
3229
+ ],
3230
+ "modalSizeCloseIcon": [
3231
+ "modal.defaultSize"
3232
+ ],
3233
+ "modalVariantCloseIcon": [
3234
+ "modal.defaultVariant"
3240
3235
  ]
3241
3236
  },
3242
- "runtimeConfigDefaultProps": {},
3243
- "runtimeConfigGetStyles": {},
3244
3237
  "runtimeConfigInternalComponentProps": {},
3245
3238
  "motionVarPrefixes": []
3246
3239
  },
3247
- "Menu.ItemCheckbox": {
3248
- "name": "Menu.ItemCheckbox",
3240
+ "ModalActions": {
3241
+ "name": "ModalActions",
3249
3242
  "defaultProps": {},
3250
3243
  "getStylesLiterals": {
3251
- "menuitemItemCheckboxVariantRoot": "default",
3252
- "menuitemItemCheckboxVariantActiveRoot": "on",
3253
- "menuitemItemCheckboxVariantActiveRoot:1": "off",
3254
- "menuitemItemCheckboxVariantText": "default",
3255
- "menuitemItemCheckboxVariantActiveText": "on",
3256
- "menuitemItemCheckboxVariantActiveText:1": "off",
3257
- "menuitemItemCheckboxVariantStartIcon": "default",
3258
- "menuitemItemCheckboxVariantActiveStartIcon": "on",
3259
- "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
3260
- "menuitemItemCheckboxVariantEndIcon": "default",
3261
- "menuitemItemCheckboxVariantActiveEndIcon": "on",
3262
- "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
3244
+ "flexDirection": "row-reverse",
3245
+ "justifyContent": "space-between",
3246
+ "alignItems": "center"
3263
3247
  },
3264
3248
  "cxLiterals": [
3265
- "uds-menu-item-checkbox"
3249
+ "gap-[inherit]"
3266
3250
  ],
3267
3251
  "internalComponents": [
3268
- "MenuItemBase"
3252
+ "HStack"
3269
3253
  ],
3270
3254
  "internalComponentProps": {},
3271
- "propToVariantKeys": {},
3272
- "runtimeConfigDefaultProps": {},
3273
- "runtimeConfigGetStyles": {},
3255
+ "propToVariantKeys": {
3256
+ "size": [
3257
+ "modalSizeSpacingHorizontal",
3258
+ "modalSizeActions"
3259
+ ]
3260
+ },
3261
+ "runtimeConfigDefaultProps": {
3262
+ "size": "modal.defaultSize",
3263
+ "variant": "modal.defaultVariant"
3264
+ },
3265
+ "runtimeConfigGetStyles": {
3266
+ "modalSizeSpacingHorizontal": [
3267
+ "modal.defaultSize"
3268
+ ],
3269
+ "modalSizeActions": [
3270
+ "modal.defaultSize"
3271
+ ]
3272
+ },
3274
3273
  "runtimeConfigInternalComponentProps": {},
3275
3274
  "motionVarPrefixes": []
3276
3275
  },
3277
- "Menu.Provider": {
3278
- "name": "Menu.Provider",
3276
+ "ModalContent": {
3277
+ "name": "ModalContent",
3279
3278
  "defaultProps": {},
3280
- "getStylesLiterals": {},
3279
+ "getStylesLiterals": {
3280
+ "overflowY": "auto",
3281
+ "display": "block",
3282
+ "flexGrow": "1"
3283
+ },
3281
3284
  "cxLiterals": [],
3282
3285
  "internalComponents": [
3283
- "AriakitMenuProvider",
3284
- "SpringMotionConfig"
3285
- ],
3286
- "internalComponentProps": {},
3287
- "propToVariantKeys": {},
3288
- "runtimeConfigDefaultProps": {},
3289
- "runtimeConfigGetStyles": {},
3290
- "runtimeConfigInternalComponentProps": {},
3291
- "motionVarPrefixes": [
3292
- "--uds-motion-subtle-3-",
3293
- "--uds-motion-smooth-3-"
3294
- ]
3295
- },
3296
- "Menu.Trigger": {
3297
- "name": "Menu.Trigger",
3298
- "defaultProps": {},
3299
- "getStylesLiterals": {},
3300
- "cxLiterals": [
3301
- "uds-menu-trigger"
3302
- ],
3303
- "internalComponents": [
3304
- "AriakitMenuTrigger",
3305
3286
  "Box"
3306
3287
  ],
3307
- "internalComponentProps": {
3308
- "Box": {
3309
- "className": [
3310
- "uds-ring h-fit w-fit"
3311
- ]
3312
- }
3288
+ "internalComponentProps": {},
3289
+ "propToVariantKeys": {
3290
+ "size": [
3291
+ "modalSizeSpacingHorizontal"
3292
+ ]
3293
+ },
3294
+ "runtimeConfigDefaultProps": {
3295
+ "size": "modal.defaultSize",
3296
+ "variant": "modal.defaultVariant"
3297
+ },
3298
+ "runtimeConfigGetStyles": {
3299
+ "modalSizeSpacingHorizontal": [
3300
+ "modal.defaultSize"
3301
+ ]
3313
3302
  },
3314
- "propToVariantKeys": {},
3315
- "runtimeConfigDefaultProps": {},
3316
- "runtimeConfigGetStyles": {},
3317
3303
  "runtimeConfigInternalComponentProps": {},
3318
3304
  "motionVarPrefixes": []
3319
3305
  },
3320
- "Menu.index": {
3321
- "name": "Menu.index",
3306
+ "ModalContext": {
3307
+ "name": "ModalContext",
3322
3308
  "defaultProps": {},
3323
3309
  "getStylesLiterals": {},
3324
3310
  "cxLiterals": [],
@@ -3330,155 +3316,147 @@
3330
3316
  "runtimeConfigInternalComponentProps": {},
3331
3317
  "motionVarPrefixes": []
3332
3318
  },
3333
- "Menu": {
3334
- "name": "Menu",
3319
+ "ModalDescription": {
3320
+ "name": "ModalDescription",
3335
3321
  "defaultProps": {},
3336
3322
  "getStylesLiterals": {},
3337
3323
  "cxLiterals": [],
3338
- "internalComponents": [],
3339
- "internalComponentProps": {},
3340
- "propToVariantKeys": {},
3341
- "runtimeConfigDefaultProps": {},
3342
- "runtimeConfigGetStyles": {},
3343
- "runtimeConfigInternalComponentProps": {},
3344
- "motionVarPrefixes": []
3345
- },
3346
- "Input": {
3347
- "name": "Input",
3348
- "defaultProps": {
3349
- "type": "text",
3350
- "size": "md",
3351
- "width": "full"
3352
- },
3353
- "getStylesLiterals": {
3354
- "inputVariantRoot": "default",
3355
- "inputVariantValueRoot": "empty",
3356
- "inputVariantValueRoot:1": "filled",
3357
- "inputVariantInputWrapper": "default",
3358
- "inputVariantValueInputWrapper": "empty",
3359
- "inputVariantValueInputWrapper:1": "filled",
3360
- "inputVariantInput": "default",
3361
- "inputVariantValueInput": "empty",
3362
- "inputVariantValueInput:1": "filled",
3363
- "inputVariantInputPlaceholder": "default",
3364
- "inputVariantValueInputPlaceholder": "empty",
3365
- "inputVariantValueInputPlaceholder:1": "filled",
3366
- "inputVariantLabel": "default",
3367
- "inputVariantValueLabel": "empty",
3368
- "inputVariantValueLabel:1": "filled",
3369
- "inputVariantLabelRequired": "default",
3370
- "inputVariantValueLabelRequired": "empty",
3371
- "inputVariantValueLabelRequired:1": "filled",
3372
- "inputVariantStartIcon": "default",
3373
- "inputVariantValueStartIcon": "empty",
3374
- "inputVariantValueStartIcon:1": "filled",
3375
- "inputVariantEndIcon": "default",
3376
- "inputVariantValueEndIcon": "empty",
3377
- "inputVariantValueEndIcon:1": "filled"
3378
- },
3379
- "cxLiterals": [
3380
- "opacity-50",
3381
- "min-w-[200px]",
3382
- "grow",
3383
- "uds-hit-target",
3384
- "bg-clip-text",
3385
- "focus:outline-none",
3386
- "cursor-text",
3387
- "cursor-not-allowed"
3388
- ],
3389
3324
  "internalComponents": [
3390
- "IconSlot",
3391
- "StartIcon",
3392
- "EndIcon",
3393
- "HelpTextContent",
3394
- "Box",
3395
- "InputHelpTextInternal",
3396
- "VStack",
3397
- "HStack",
3398
- "AnimateHeightChange"
3325
+ "Text",
3326
+ "DialogDescription"
3399
3327
  ],
3400
3328
  "internalComponentProps": {
3401
- "HelpTextContent": {
3402
- "spacingTop": [
3403
- "2"
3404
- ]
3405
- },
3406
- "Box": {
3407
- "spacingBottom": [
3408
- "2"
3409
- ],
3410
- "columnGap": [
3411
- "0.5"
3412
- ],
3413
- "alignItems": [
3414
- "flex-end",
3415
- "center"
3416
- ],
3417
- "position": [
3418
- "relative"
3329
+ "Text": {
3330
+ "as": [
3331
+ "span"
3419
3332
  ]
3420
- },
3421
- "HStack": {
3422
- "alignItems": [
3423
- "center"
3424
- ],
3425
- "gap": [
3426
- "1"
3333
+ }
3334
+ },
3335
+ "propToVariantKeys": {
3336
+ "size": [
3337
+ "modalSizeDescription"
3338
+ ],
3339
+ "variant": [
3340
+ "modalVariantDescription"
3341
+ ]
3342
+ },
3343
+ "runtimeConfigDefaultProps": {
3344
+ "size": "modal.defaultSize",
3345
+ "variant": "modal.defaultVariant"
3346
+ },
3347
+ "runtimeConfigGetStyles": {
3348
+ "modalSizeDescription": [
3349
+ "modal.defaultSize"
3350
+ ],
3351
+ "modalVariantDescription": [
3352
+ "modal.defaultVariant"
3353
+ ]
3354
+ },
3355
+ "runtimeConfigInternalComponentProps": {},
3356
+ "motionVarPrefixes": []
3357
+ },
3358
+ "ModalPortal": {
3359
+ "name": "ModalPortal",
3360
+ "defaultProps": {},
3361
+ "getStylesLiterals": {},
3362
+ "cxLiterals": [],
3363
+ "internalComponents": [
3364
+ "ManagedModal"
3365
+ ],
3366
+ "internalComponentProps": {},
3367
+ "propToVariantKeys": {},
3368
+ "runtimeConfigDefaultProps": {},
3369
+ "runtimeConfigGetStyles": {},
3370
+ "runtimeConfigInternalComponentProps": {},
3371
+ "motionVarPrefixes": []
3372
+ },
3373
+ "ModalTitle": {
3374
+ "name": "ModalTitle",
3375
+ "defaultProps": {},
3376
+ "getStylesLiterals": {},
3377
+ "cxLiterals": [],
3378
+ "internalComponents": [
3379
+ "Text",
3380
+ "DialogHeading"
3381
+ ],
3382
+ "internalComponentProps": {
3383
+ "Text": {
3384
+ "as": [
3385
+ "span"
3427
3386
  ]
3428
3387
  }
3429
3388
  },
3430
3389
  "propToVariantKeys": {
3431
3390
  "size": [
3432
- "inputSizeRoot",
3433
- "inputSizeInputWrapper",
3434
- "inputSizeInput",
3435
- "inputSizeLabel",
3436
- "inputSizeStartIcon",
3437
- "inputSizeEndIcon"
3438
- ],
3439
- "startIcon": [
3440
- "icon"
3441
- ],
3442
- "endIcon": [
3443
- "icon"
3391
+ "modalSizeTitle"
3444
3392
  ],
3445
- "slotProps": [
3446
- "helperTextSlotProps"
3393
+ "variant": [
3394
+ "modalVariantTitle"
3395
+ ]
3396
+ },
3397
+ "runtimeConfigDefaultProps": {
3398
+ "size": "modal.defaultSize",
3399
+ "variant": "modal.defaultVariant"
3400
+ },
3401
+ "runtimeConfigGetStyles": {
3402
+ "modalSizeTitle": [
3403
+ "modal.defaultSize"
3447
3404
  ],
3448
- "helperTextIcon": [
3449
- "startIcon"
3405
+ "modalVariantTitle": [
3406
+ "modal.defaultVariant"
3450
3407
  ]
3451
3408
  },
3409
+ "runtimeConfigInternalComponentProps": {},
3410
+ "motionVarPrefixes": []
3411
+ },
3412
+ "UDSModalConfigProvider": {
3413
+ "name": "UDSModalConfigProvider",
3414
+ "defaultProps": {},
3415
+ "getStylesLiterals": {},
3416
+ "cxLiterals": [],
3417
+ "internalComponents": [
3418
+ "ModalContext.Provider"
3419
+ ],
3420
+ "internalComponentProps": {},
3421
+ "propToVariantKeys": {},
3452
3422
  "runtimeConfigDefaultProps": {},
3453
3423
  "runtimeConfigGetStyles": {},
3454
3424
  "runtimeConfigInternalComponentProps": {},
3455
3425
  "motionVarPrefixes": []
3456
3426
  },
3457
- "InputHelpText": {
3458
- "name": "InputHelpText",
3427
+ "Menu.Content": {
3428
+ "name": "Menu.Content",
3459
3429
  "defaultProps": {
3460
- "size": "md"
3461
- },
3462
- "getStylesLiterals": {
3463
- "inputVariantRoot": "default",
3464
- "inputVariantValueRoot": "empty",
3465
- "inputVariantValueRoot:1": "filled"
3430
+ "size": "default",
3431
+ "variant": "default",
3432
+ "gutter": "1"
3466
3433
  },
3467
- "cxLiterals": [],
3434
+ "getStylesLiterals": {},
3435
+ "cxLiterals": [
3436
+ "uds-menu-content",
3437
+ "transition-shadow",
3438
+ "duration-200",
3439
+ "ease-in-out",
3440
+ "min-w-60",
3441
+ "max-w-lg",
3442
+ "max-h-96",
3443
+ "overflow-auto",
3444
+ "uds-ring",
3445
+ "z-10",
3446
+ "group"
3447
+ ],
3468
3448
  "internalComponents": [
3469
- "InputHelpTextInternal",
3470
- "Box"
3449
+ "AriakitMenu",
3450
+ "AnimatePresence",
3451
+ "MotionVStack"
3471
3452
  ],
3472
- "internalComponentProps": {
3473
- "Box": {
3474
- "spacingTop": [
3475
- "2"
3476
- ]
3477
- }
3478
- },
3453
+ "internalComponentProps": {},
3479
3454
  "propToVariantKeys": {
3480
3455
  "size": [
3481
- "inputSizeRoot"
3456
+ "menucontentSizeRoot"
3457
+ ],
3458
+ "variant": [
3459
+ "menucontentVariantRoot"
3482
3460
  ]
3483
3461
  },
3484
3462
  "runtimeConfigDefaultProps": {},
@@ -3486,59 +3464,52 @@
3486
3464
  "runtimeConfigInternalComponentProps": {},
3487
3465
  "motionVarPrefixes": []
3488
3466
  },
3489
- "InputHelpTextInternal": {
3490
- "name": "InputHelpTextInternal",
3491
- "defaultProps": {},
3467
+ "Menu.Divider": {
3468
+ "name": "Menu.Divider",
3469
+ "defaultProps": {
3470
+ "role": "separator",
3471
+ "contentPosition": "start",
3472
+ "gap": "4"
3473
+ },
3492
3474
  "getStylesLiterals": {
3493
- "inputVariantHelperText": "default",
3494
- "inputVariantValueHelperText": "empty",
3495
- "inputVariantValueHelperText:1": "filled",
3496
- "inputVariantHelperIcon": "default",
3497
- "inputVariantValueHelperIcon": "empty",
3498
- "inputVariantValueHelperIcon:1": "filled"
3475
+ "menuitemDividerVariantRoot": "default",
3476
+ "menuitemDividerVariantText": "default",
3477
+ "menuitemDividerVariantLine": "default"
3499
3478
  },
3500
3479
  "cxLiterals": [],
3501
3480
  "internalComponents": [
3502
- "IconSlot",
3503
- "HStack"
3481
+ "Divider"
3504
3482
  ],
3505
3483
  "internalComponentProps": {
3506
- "HStack": {
3507
- "gap": [
3508
- "1"
3509
- ],
3510
- "alignItems": [
3511
- "center"
3484
+ "Divider": {
3485
+ "variant": [
3486
+ "inherit"
3512
3487
  ]
3513
3488
  }
3514
3489
  },
3515
- "propToVariantKeys": {
3516
- "size": [
3517
- "inputSizeHelperText",
3518
- "inputSizeHelperIcon"
3519
- ],
3520
- "startIcon": [
3521
- "icon"
3522
- ],
3523
- "endIcon": [
3524
- "icon"
3525
- ]
3526
- },
3490
+ "propToVariantKeys": {},
3527
3491
  "runtimeConfigDefaultProps": {},
3528
3492
  "runtimeConfigGetStyles": {},
3529
3493
  "runtimeConfigInternalComponentProps": {},
3530
3494
  "motionVarPrefixes": []
3531
3495
  },
3532
- "Chip": {
3533
- "name": "Chip",
3496
+ "Menu.Item": {
3497
+ "name": "Menu.Item",
3534
3498
  "defaultProps": {},
3535
- "getStylesLiterals": {},
3499
+ "getStylesLiterals": {
3500
+ "menuitemItemVariantRoot": "default",
3501
+ "menuitemItemVariantActiveRoot": "on",
3502
+ "menuitemItemVariantActiveRoot:1": "off",
3503
+ "menuitemItemVariantText": "default",
3504
+ "menuitemItemVariantActiveText": "on",
3505
+ "menuitemItemVariantActiveText:1": "off",
3506
+ "menuitemItemVariantIcon": "default",
3507
+ "menuitemItemVariantActiveIcon": "on",
3508
+ "menuitemItemVariantActiveIcon:1": "off"
3509
+ },
3536
3510
  "cxLiterals": [],
3537
3511
  "internalComponents": [
3538
- "ChipDismissible",
3539
- "ChipToggle",
3540
- "ChipLink",
3541
- "ChipButton"
3512
+ "MenuItemBase"
3542
3513
  ],
3543
3514
  "internalComponentProps": {},
3544
3515
  "propToVariantKeys": {},
@@ -3547,56 +3518,79 @@
3547
3518
  "runtimeConfigInternalComponentProps": {},
3548
3519
  "motionVarPrefixes": []
3549
3520
  },
3550
- "ChipBase": {
3551
- "name": "ChipBase",
3521
+ "Menu.ItemBase": {
3522
+ "name": "Menu.ItemBase",
3552
3523
  "defaultProps": {
3553
- "size": "md",
3554
- "as": "div"
3524
+ "spacing": "0",
3525
+ "spacingHorizontal": "4",
3526
+ "spacingVertical": "3.5",
3527
+ "columnGap": "2",
3528
+ "alignItems": "center",
3529
+ "justifyContent": "space-between"
3530
+ },
3531
+ "getStylesLiterals": {
3532
+ "textAlign": "start",
3533
+ "menuitemSizeRoot": "default",
3534
+ "flexDirection": "row",
3535
+ "menuitemSizeStartIcon": "default",
3536
+ "menuitemSizeEndIcon": "default"
3555
3537
  },
3556
- "getStylesLiterals": {},
3557
3538
  "cxLiterals": [
3558
- "pointer-events-none",
3559
- "cursor-default",
3560
- "opacity-50",
3561
- "inline-flex",
3562
- "items-center",
3563
- "transition-[background-color,outline-color,box-shadow]",
3539
+ "uds-menu-item",
3540
+ "flex",
3541
+ "focus-visible:text-brand",
3542
+ "focus-visible:bg-brand-secondary",
3543
+ "focus-visible:z-10",
3544
+ "uds-ring",
3545
+ "!-outline-offset-2",
3546
+ "[&:not([aria-checked])]:cursor-default",
3547
+ "opacity-25",
3548
+ "cursor-not-allowed",
3549
+ "duration-20",
3550
+ "transition-[font-variation-settings]",
3551
+ "ease-in-out",
3552
+ "z-0",
3564
3553
  "truncate",
3565
- "whitespace-nowrap",
3566
- "text-center",
3567
- "flex-1",
3568
- "md",
3569
- "primary"
3554
+ "uds-start-icon",
3555
+ "uds-end-icon"
3570
3556
  ],
3571
3557
  "internalComponents": [
3558
+ "Pressable",
3572
3559
  "IconSlot",
3560
+ "RootComponent",
3573
3561
  "HStack",
3574
- "As",
3575
- "Text"
3562
+ "AnimatePresence"
3576
3563
  ],
3577
3564
  "internalComponentProps": {
3578
- "Text": {
3579
- "as": [
3580
- "span"
3581
- ],
3582
- "color": [
3583
- "current"
3565
+ "HStack": {
3566
+ "alignItems": [
3567
+ "center"
3584
3568
  ],
3585
- "variant": [
3586
- "inherit"
3569
+ "width": [
3570
+ "full"
3571
+ ]
3572
+ },
3573
+ "AnimatePresence": {
3574
+ "mode": [
3575
+ "popLayout"
3587
3576
  ]
3588
3577
  }
3589
3578
  },
3590
3579
  "propToVariantKeys": {
3591
- "size": [
3592
- "chipSizeRoot",
3593
- "chipSizeIcon"
3580
+ "startIconClassName": [
3581
+ "className"
3582
+ ],
3583
+ "endIconClassName": [
3584
+ "className"
3594
3585
  ],
3595
3586
  "startIcon": [
3596
3587
  "icon"
3597
3588
  ],
3598
3589
  "endIcon": [
3599
3590
  "icon"
3591
+ ],
3592
+ "columnGap": [
3593
+ "gap"
3600
3594
  ]
3601
3595
  },
3602
3596
  "runtimeConfigDefaultProps": {},
@@ -3604,280 +3598,286 @@
3604
3598
  "runtimeConfigInternalComponentProps": {},
3605
3599
  "motionVarPrefixes": []
3606
3600
  },
3607
- "ChipButton": {
3608
- "name": "ChipButton",
3609
- "defaultProps": {
3610
- "variant": "primary"
3601
+ "Menu.ItemCheckbox": {
3602
+ "name": "Menu.ItemCheckbox",
3603
+ "defaultProps": {},
3604
+ "getStylesLiterals": {
3605
+ "menuitemItemCheckboxVariantRoot": "default",
3606
+ "menuitemItemCheckboxVariantActiveRoot": "on",
3607
+ "menuitemItemCheckboxVariantActiveRoot:1": "off",
3608
+ "menuitemItemCheckboxVariantText": "default",
3609
+ "menuitemItemCheckboxVariantActiveText": "on",
3610
+ "menuitemItemCheckboxVariantActiveText:1": "off",
3611
+ "menuitemItemCheckboxVariantStartIcon": "default",
3612
+ "menuitemItemCheckboxVariantActiveStartIcon": "on",
3613
+ "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
3614
+ "menuitemItemCheckboxVariantEndIcon": "default",
3615
+ "menuitemItemCheckboxVariantActiveEndIcon": "on",
3616
+ "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
3611
3617
  },
3612
- "getStylesLiterals": {},
3613
3618
  "cxLiterals": [
3614
- "uds-ring"
3619
+ "uds-menu-item-checkbox"
3615
3620
  ],
3616
3621
  "internalComponents": [
3617
- "ChipBase"
3622
+ "MenuItemBase"
3618
3623
  ],
3619
- "internalComponentProps": {
3620
- "ChipBase": {
3621
- "as": [
3622
- "button"
3623
- ]
3624
- }
3625
- },
3626
- "propToVariantKeys": {
3627
- "variant": [
3628
- "chipLinkVariantRoot",
3629
- "chipLinkVariantIcon"
3630
- ]
3631
- },
3624
+ "internalComponentProps": {},
3625
+ "propToVariantKeys": {},
3632
3626
  "runtimeConfigDefaultProps": {},
3633
3627
  "runtimeConfigGetStyles": {},
3634
3628
  "runtimeConfigInternalComponentProps": {},
3635
3629
  "motionVarPrefixes": []
3636
3630
  },
3637
- "ChipDismissible": {
3638
- "name": "ChipDismissible",
3639
- "defaultProps": {
3640
- "variant": "primary"
3641
- },
3631
+ "Menu.Provider": {
3632
+ "name": "Menu.Provider",
3633
+ "defaultProps": {},
3642
3634
  "getStylesLiterals": {},
3643
- "cxLiterals": [
3644
- "uds-chip-dismissible-button",
3645
- "uds-hit-target",
3646
- "uds-ring",
3647
- "rounded-full"
3648
- ],
3635
+ "cxLiterals": [],
3649
3636
  "internalComponents": [
3650
- "ChipBase",
3651
- "IconSlot",
3652
- "Pressable"
3637
+ "AriakitMenuProvider",
3638
+ "SpringMotionConfig"
3653
3639
  ],
3654
3640
  "internalComponentProps": {},
3655
- "propToVariantKeys": {
3656
- "variant": [
3657
- "chipDismissibleVariantRoot",
3658
- "chipDismissibleVariantIcon"
3659
- ],
3660
- "dismissButtonAriaLabel": [
3661
- "aria-label"
3662
- ]
3663
- },
3641
+ "propToVariantKeys": {},
3664
3642
  "runtimeConfigDefaultProps": {},
3665
3643
  "runtimeConfigGetStyles": {},
3666
3644
  "runtimeConfigInternalComponentProps": {},
3667
- "motionVarPrefixes": []
3645
+ "motionVarPrefixes": [
3646
+ "--uds-motion-subtle-3-",
3647
+ "--uds-motion-smooth-3-"
3648
+ ]
3668
3649
  },
3669
- "ChipLink": {
3670
- "name": "ChipLink",
3671
- "defaultProps": {
3672
- "variant": "primary"
3673
- },
3650
+ "Menu.Trigger": {
3651
+ "name": "Menu.Trigger",
3652
+ "defaultProps": {},
3674
3653
  "getStylesLiterals": {},
3675
3654
  "cxLiterals": [
3676
- "uds-ring"
3655
+ "uds-menu-trigger"
3677
3656
  ],
3678
3657
  "internalComponents": [
3679
- "ChipBase"
3658
+ "AriakitMenuTrigger",
3659
+ "Box"
3680
3660
  ],
3681
3661
  "internalComponentProps": {
3682
- "ChipBase": {
3683
- "as": [
3684
- "a"
3662
+ "Box": {
3663
+ "className": [
3664
+ "uds-ring h-fit w-fit"
3685
3665
  ]
3686
3666
  }
3687
3667
  },
3688
- "propToVariantKeys": {
3689
- "variant": [
3690
- "chipLinkVariantRoot",
3691
- "chipLinkVariantIcon"
3692
- ]
3693
- },
3668
+ "propToVariantKeys": {},
3694
3669
  "runtimeConfigDefaultProps": {},
3695
3670
  "runtimeConfigGetStyles": {},
3696
3671
  "runtimeConfigInternalComponentProps": {},
3697
3672
  "motionVarPrefixes": []
3698
3673
  },
3699
- "ChipToggle": {
3700
- "name": "ChipToggle",
3701
- "defaultProps": {
3702
- "variant": "primary",
3703
- "role": "checkbox"
3704
- },
3705
- "getStylesLiterals": {
3706
- "chipToggleVariantActiveRoot": "on",
3707
- "chipToggleVariantActiveRoot:1": "off"
3708
- },
3709
- "cxLiterals": [
3710
- "uds-ring"
3711
- ],
3712
- "internalComponents": [
3713
- "ChipBase"
3714
- ],
3715
- "internalComponentProps": {
3716
- "ChipBase": {
3717
- "as": [
3718
- "button"
3719
- ]
3720
- }
3721
- },
3722
- "propToVariantKeys": {
3723
- "variant": [
3724
- "chipToggleVariantRoot",
3725
- "chipToggleVariantIcon"
3726
- ]
3727
- },
3674
+ "Menu.index": {
3675
+ "name": "Menu.index",
3676
+ "defaultProps": {},
3677
+ "getStylesLiterals": {},
3678
+ "cxLiterals": [],
3679
+ "internalComponents": [],
3680
+ "internalComponentProps": {},
3681
+ "propToVariantKeys": {},
3728
3682
  "runtimeConfigDefaultProps": {},
3729
3683
  "runtimeConfigGetStyles": {},
3730
3684
  "runtimeConfigInternalComponentProps": {},
3731
3685
  "motionVarPrefixes": []
3732
3686
  },
3733
- "Radio": {
3734
- "name": "Radio",
3687
+ "Menu": {
3688
+ "name": "Menu",
3689
+ "defaultProps": {},
3690
+ "getStylesLiterals": {},
3691
+ "cxLiterals": [],
3692
+ "internalComponents": [],
3693
+ "internalComponentProps": {},
3694
+ "propToVariantKeys": {},
3695
+ "runtimeConfigDefaultProps": {},
3696
+ "runtimeConfigGetStyles": {},
3697
+ "runtimeConfigInternalComponentProps": {},
3698
+ "motionVarPrefixes": []
3699
+ },
3700
+ "Input": {
3701
+ "name": "Input",
3735
3702
  "defaultProps": {
3736
- "labelPosition": "start",
3737
- "variant": "primary",
3703
+ "type": "text",
3738
3704
  "size": "md",
3739
- "value": ""
3705
+ "width": "full"
3740
3706
  },
3741
3707
  "getStylesLiterals": {
3742
- "radioVariantValueRoot": "checked",
3743
- "radioVariantValueRoot:1": "unchecked",
3744
- "display": "flex",
3745
- "flexDirection": "row",
3746
- "flexDirection:1": "row-reverse",
3747
- "alignItems": "center",
3748
- "radioVariantValueRadio": "checked",
3749
- "radioVariantValueRadio:1": "unchecked",
3750
- "radioVariantValueRadioCircle": "checked",
3751
- "radioVariantValueRadioCircle:1": "unchecked"
3708
+ "inputVariantRoot": "default",
3709
+ "inputVariantValueRoot": "empty",
3710
+ "inputVariantValueRoot:1": "filled",
3711
+ "inputVariantInputWrapper": "default",
3712
+ "inputVariantValueInputWrapper": "empty",
3713
+ "inputVariantValueInputWrapper:1": "filled",
3714
+ "inputVariantInput": "default",
3715
+ "inputVariantValueInput": "empty",
3716
+ "inputVariantValueInput:1": "filled",
3717
+ "inputVariantInputPlaceholder": "default",
3718
+ "inputVariantValueInputPlaceholder": "empty",
3719
+ "inputVariantValueInputPlaceholder:1": "filled",
3720
+ "inputVariantLabel": "default",
3721
+ "inputVariantValueLabel": "empty",
3722
+ "inputVariantValueLabel:1": "filled",
3723
+ "inputVariantLabelRequired": "default",
3724
+ "inputVariantValueLabelRequired": "empty",
3725
+ "inputVariantValueLabelRequired:1": "filled",
3726
+ "inputVariantStartIcon": "default",
3727
+ "inputVariantValueStartIcon": "empty",
3728
+ "inputVariantValueStartIcon:1": "filled",
3729
+ "inputVariantEndIcon": "default",
3730
+ "inputVariantValueEndIcon": "empty",
3731
+ "inputVariantValueEndIcon:1": "filled"
3752
3732
  },
3753
3733
  "cxLiterals": [
3754
- "cursor-pointer",
3755
- "cursor-default",
3756
3734
  "opacity-50",
3757
- "border",
3758
- "uds-ring",
3759
- "uds-ring-within",
3760
- "transition-[background-color,border-color]",
3761
- "transition-shadow",
3762
- "pointer-events-none",
3763
- "w-[8px]",
3764
- "h-[8px]",
3765
- "opacity-55",
3766
- "opacity-100",
3767
- "opacity-0",
3768
- "transition-opacity",
3769
- "cursor-[inherit]",
3770
- "absolute",
3771
- "top-1/2",
3772
- "left-1/2",
3773
- "w-[calc(100%+2px)]",
3774
- "h-[calc(100%+2px)]",
3775
- "transform",
3776
- "translate-x-[-50%]",
3777
- "translate-y-[-50%]",
3778
- "text-start",
3779
- "text-end"
3735
+ "min-w-[200px]",
3736
+ "grow",
3737
+ "uds-hit-target",
3738
+ "bg-clip-text",
3739
+ "focus:outline-none",
3740
+ "cursor-text",
3741
+ "cursor-not-allowed"
3780
3742
  ],
3781
3743
  "internalComponents": [
3744
+ "IconSlot",
3745
+ "StartIcon",
3746
+ "EndIcon",
3747
+ "HelpTextContent",
3782
3748
  "Box",
3783
- "FormLabel",
3784
- "SpringMotionConfig",
3785
- "RootElement",
3786
- "MotionBox"
3787
- ],
3788
- "internalComponentProps": {
3789
- "Box": {
3790
- "borderRadius": [
3791
- "full"
3792
- ]
3793
- },
3794
- "FormLabel": {
3795
- "as": [
3796
- "div"
3797
- ],
3798
- "variant": [
3799
- "inherit"
3800
- ],
3801
- "color": [
3802
- "inherit"
3803
- ]
3804
- },
3805
- "RootElement": {
3806
- "data-testid": [
3807
- "container"
3749
+ "InputHelpTextInternal",
3750
+ "VStack",
3751
+ "HStack",
3752
+ "AnimateHeightChange"
3753
+ ],
3754
+ "internalComponentProps": {
3755
+ "HelpTextContent": {
3756
+ "spacingTop": [
3757
+ "2"
3808
3758
  ]
3809
3759
  },
3810
- "MotionBox": {
3811
- "position": [
3812
- "relative"
3760
+ "Box": {
3761
+ "spacingBottom": [
3762
+ "2"
3813
3763
  ],
3814
- "borderRadius": [
3815
- "full"
3764
+ "columnGap": [
3765
+ "0.5"
3816
3766
  ],
3817
3767
  "alignItems": [
3768
+ "flex-end",
3818
3769
  "center"
3819
3770
  ],
3820
- "justifyContent": [
3771
+ "position": [
3772
+ "relative"
3773
+ ]
3774
+ },
3775
+ "HStack": {
3776
+ "alignItems": [
3821
3777
  "center"
3822
3778
  ],
3823
- "flex": [
3824
- "none"
3779
+ "gap": [
3780
+ "1"
3825
3781
  ]
3826
3782
  }
3827
3783
  },
3828
3784
  "propToVariantKeys": {
3829
3785
  "size": [
3830
- "radioSizeRoot",
3831
- "radioSizeRadio"
3786
+ "inputSizeRoot",
3787
+ "inputSizeInputWrapper",
3788
+ "inputSizeInput",
3789
+ "inputSizeLabel",
3790
+ "inputSizeStartIcon",
3791
+ "inputSizeEndIcon"
3832
3792
  ],
3833
- "variant": [
3834
- "radioVariantRoot",
3835
- "radioVariantRadio",
3836
- "radioVariantRadioCircle"
3793
+ "startIcon": [
3794
+ "icon"
3837
3795
  ],
3838
- "reduceMotion": [
3839
- "reducedMotion"
3796
+ "endIcon": [
3797
+ "icon"
3798
+ ],
3799
+ "slotProps": [
3800
+ "helperTextSlotProps"
3801
+ ],
3802
+ "helperTextIcon": [
3803
+ "startIcon"
3840
3804
  ]
3841
3805
  },
3842
3806
  "runtimeConfigDefaultProps": {},
3843
3807
  "runtimeConfigGetStyles": {},
3844
3808
  "runtimeConfigInternalComponentProps": {},
3845
- "motionVarPrefixes": [
3846
- "--uds-motion-subtle-3-",
3847
- "--uds-motion-smooth-3-"
3848
- ]
3809
+ "motionVarPrefixes": []
3849
3810
  },
3850
- "RadioGroupProvider": {
3851
- "name": "RadioGroupProvider",
3852
- "defaultProps": {},
3853
- "getStylesLiterals": {},
3811
+ "InputHelpText": {
3812
+ "name": "InputHelpText",
3813
+ "defaultProps": {
3814
+ "size": "md"
3815
+ },
3816
+ "getStylesLiterals": {
3817
+ "inputVariantRoot": "default",
3818
+ "inputVariantValueRoot": "empty",
3819
+ "inputVariantValueRoot:1": "filled"
3820
+ },
3854
3821
  "cxLiterals": [],
3855
3822
  "internalComponents": [
3856
- "DivProps",
3857
- "Comp",
3858
- "RadioGroupContext.Provider"
3823
+ "InputHelpTextInternal",
3824
+ "Box"
3859
3825
  ],
3860
3826
  "internalComponentProps": {
3861
- "Comp": {
3862
- "role": [
3863
- "radiogroup"
3827
+ "Box": {
3828
+ "spacingTop": [
3829
+ "2"
3864
3830
  ]
3865
3831
  }
3866
3832
  },
3867
- "propToVariantKeys": {},
3833
+ "propToVariantKeys": {
3834
+ "size": [
3835
+ "inputSizeRoot"
3836
+ ]
3837
+ },
3868
3838
  "runtimeConfigDefaultProps": {},
3869
3839
  "runtimeConfigGetStyles": {},
3870
3840
  "runtimeConfigInternalComponentProps": {},
3871
3841
  "motionVarPrefixes": []
3872
3842
  },
3873
- "RadioGroupStore": {
3874
- "name": "RadioGroupStore",
3843
+ "InputHelpTextInternal": {
3844
+ "name": "InputHelpTextInternal",
3875
3845
  "defaultProps": {},
3876
- "getStylesLiterals": {},
3846
+ "getStylesLiterals": {
3847
+ "inputVariantHelperText": "default",
3848
+ "inputVariantValueHelperText": "empty",
3849
+ "inputVariantValueHelperText:1": "filled",
3850
+ "inputVariantHelperIcon": "default",
3851
+ "inputVariantValueHelperIcon": "empty",
3852
+ "inputVariantValueHelperIcon:1": "filled"
3853
+ },
3877
3854
  "cxLiterals": [],
3878
- "internalComponents": [],
3879
- "internalComponentProps": {},
3880
- "propToVariantKeys": {},
3855
+ "internalComponents": [
3856
+ "IconSlot",
3857
+ "HStack"
3858
+ ],
3859
+ "internalComponentProps": {
3860
+ "HStack": {
3861
+ "gap": [
3862
+ "1"
3863
+ ],
3864
+ "alignItems": [
3865
+ "center"
3866
+ ]
3867
+ }
3868
+ },
3869
+ "propToVariantKeys": {
3870
+ "size": [
3871
+ "inputSizeHelperText",
3872
+ "inputSizeHelperIcon"
3873
+ ],
3874
+ "startIcon": [
3875
+ "icon"
3876
+ ],
3877
+ "endIcon": [
3878
+ "icon"
3879
+ ]
3880
+ },
3881
3881
  "runtimeConfigDefaultProps": {},
3882
3882
  "runtimeConfigGetStyles": {},
3883
3883
  "runtimeConfigInternalComponentProps": {},
@@ -4011,13 +4011,170 @@
4011
4011
  "--uds-tab-underline-width"
4012
4012
  ],
4013
4013
  "internalComponents": [
4014
- "AriakitTabList"
4014
+ "AriakitTabList"
4015
+ ],
4016
+ "internalComponentProps": {},
4017
+ "propToVariantKeys": {
4018
+ "variant": [
4019
+ "tabsVariantRoot",
4020
+ "tabVariantRoot"
4021
+ ]
4022
+ },
4023
+ "runtimeConfigDefaultProps": {},
4024
+ "runtimeConfigGetStyles": {},
4025
+ "runtimeConfigInternalComponentProps": {},
4026
+ "motionVarPrefixes": []
4027
+ },
4028
+ "TabPanel": {
4029
+ "name": "TabPanel",
4030
+ "defaultProps": {},
4031
+ "getStylesLiterals": {},
4032
+ "cxLiterals": [],
4033
+ "internalComponents": [
4034
+ "AriakitTabPanel"
4035
+ ],
4036
+ "internalComponentProps": {},
4037
+ "propToVariantKeys": {},
4038
+ "runtimeConfigDefaultProps": {},
4039
+ "runtimeConfigGetStyles": {},
4040
+ "runtimeConfigInternalComponentProps": {},
4041
+ "motionVarPrefixes": []
4042
+ },
4043
+ "Tabs": {
4044
+ "name": "Tabs",
4045
+ "defaultProps": {
4046
+ "variant": "primary"
4047
+ },
4048
+ "getStylesLiterals": {},
4049
+ "cxLiterals": [],
4050
+ "internalComponents": [
4051
+ "TabsContext.Provider",
4052
+ "TabProvider"
4053
+ ],
4054
+ "internalComponentProps": {},
4055
+ "propToVariantKeys": {
4056
+ "onSelectionChange": [
4057
+ "setSelectedId"
4058
+ ]
4059
+ },
4060
+ "runtimeConfigDefaultProps": {},
4061
+ "runtimeConfigGetStyles": {},
4062
+ "runtimeConfigInternalComponentProps": {},
4063
+ "motionVarPrefixes": []
4064
+ },
4065
+ "Tooltip": {
4066
+ "name": "Tooltip",
4067
+ "defaultProps": {},
4068
+ "getStylesLiterals": {},
4069
+ "cxLiterals": [],
4070
+ "internalComponents": [
4071
+ "TooltipInternalContext.Provider",
4072
+ "TooltipProvider"
4073
+ ],
4074
+ "internalComponentProps": {},
4075
+ "propToVariantKeys": {},
4076
+ "runtimeConfigDefaultProps": {},
4077
+ "runtimeConfigGetStyles": {},
4078
+ "runtimeConfigInternalComponentProps": {
4079
+ "TooltipProvider": {
4080
+ "animated": [
4081
+ "tooltip.animationDuration"
4082
+ ]
4083
+ }
4084
+ },
4085
+ "motionVarPrefixes": []
4086
+ },
4087
+ "TooltipContent": {
4088
+ "name": "TooltipContent",
4089
+ "defaultProps": {},
4090
+ "getStylesLiterals": {
4091
+ "tooltipSizeRoot": "default",
4092
+ "tooltipVariantRoot": "default",
4093
+ "tooltipSizeSvg": "default",
4094
+ "tooltipVariantSvg": "default",
4095
+ "tooltipVariantBlur": "default",
4096
+ "position": "absolute",
4097
+ "width": "full",
4098
+ "height": "full",
4099
+ "tooltipSizeTitle": "default",
4100
+ "tooltipSizeBody": "default",
4101
+ "tooltipSizeEndContent": "default",
4102
+ "tooltipSizeIcon": "default",
4103
+ "tooltipVariantIcon": "default"
4104
+ },
4105
+ "cxLiterals": [
4106
+ "max-w-lg",
4107
+ "flex",
4108
+ "z-[9999]",
4109
+ "uds-bgBlurFillFallback",
4110
+ "uds-bgBlurFallback",
4111
+ "top-0",
4112
+ "left-0",
4113
+ "z-[1]"
4114
+ ],
4115
+ "internalComponents": [
4116
+ "IconSlot",
4117
+ "TooltipArrow",
4118
+ "Tooltip",
4119
+ "SvgFloatingOverlay",
4120
+ "VStack",
4121
+ "Box",
4122
+ "Text"
4123
+ ],
4124
+ "internalComponentProps": {
4125
+ "SvgFloatingOverlay": {
4126
+ "contentOverflow": [
4127
+ "visible"
4128
+ ]
4129
+ },
4130
+ "VStack": {
4131
+ "className": [
4132
+ "gap-[inherit]"
4133
+ ]
4134
+ },
4135
+ "Box": {
4136
+ "alignItems": [
4137
+ "center"
4138
+ ],
4139
+ "columnGap": [
4140
+ "1",
4141
+ "1.5"
4142
+ ]
4143
+ },
4144
+ "Text": {
4145
+ "color": [
4146
+ "inherit"
4147
+ ]
4148
+ }
4149
+ },
4150
+ "propToVariantKeys": {
4151
+ "startTitleIcon": [
4152
+ "icon"
4153
+ ]
4154
+ },
4155
+ "runtimeConfigDefaultProps": {},
4156
+ "runtimeConfigGetStyles": {},
4157
+ "runtimeConfigInternalComponentProps": {},
4158
+ "motionVarPrefixes": []
4159
+ },
4160
+ "TooltipTrigger": {
4161
+ "name": "TooltipTrigger",
4162
+ "defaultProps": {},
4163
+ "getStylesLiterals": {},
4164
+ "cxLiterals": [],
4165
+ "internalComponents": [
4166
+ "TooltipAnchor"
4015
4167
  ],
4016
- "internalComponentProps": {},
4168
+ "internalComponentProps": {
4169
+ "TooltipAnchor": {
4170
+ "className": [
4171
+ "inline"
4172
+ ]
4173
+ }
4174
+ },
4017
4175
  "propToVariantKeys": {
4018
- "variant": [
4019
- "tabsVariantRoot",
4020
- "tabVariantRoot"
4176
+ "children": [
4177
+ "render"
4021
4178
  ]
4022
4179
  },
4023
4180
  "runtimeConfigDefaultProps": {},
@@ -4025,13 +4182,13 @@
4025
4182
  "runtimeConfigInternalComponentProps": {},
4026
4183
  "motionVarPrefixes": []
4027
4184
  },
4028
- "TabPanel": {
4029
- "name": "TabPanel",
4185
+ "UDSTooltipConfigProvider": {
4186
+ "name": "UDSTooltipConfigProvider",
4030
4187
  "defaultProps": {},
4031
4188
  "getStylesLiterals": {},
4032
4189
  "cxLiterals": [],
4033
4190
  "internalComponents": [
4034
- "AriakitTabPanel"
4191
+ "TooltipContext.Provider"
4035
4192
  ],
4036
4193
  "internalComponentProps": {},
4037
4194
  "propToVariantKeys": {},
@@ -4040,23 +4197,36 @@
4040
4197
  "runtimeConfigInternalComponentProps": {},
4041
4198
  "motionVarPrefixes": []
4042
4199
  },
4043
- "Tabs": {
4044
- "name": "Tabs",
4045
- "defaultProps": {
4046
- "variant": "primary"
4047
- },
4200
+ "UDSBreakpointsConfigProvider": {
4201
+ "name": "UDSBreakpointsConfigProvider",
4202
+ "defaultProps": {},
4048
4203
  "getStylesLiterals": {},
4049
4204
  "cxLiterals": [],
4050
4205
  "internalComponents": [
4051
- "TabsContext.Provider",
4052
- "TabProvider"
4206
+ "UDSBreakpointsConfigContext.Provider"
4053
4207
  ],
4054
4208
  "internalComponentProps": {},
4055
- "propToVariantKeys": {
4056
- "onSelectionChange": [
4057
- "setSelectedId"
4058
- ]
4059
- },
4209
+ "propToVariantKeys": {},
4210
+ "runtimeConfigDefaultProps": {},
4211
+ "runtimeConfigGetStyles": {},
4212
+ "runtimeConfigInternalComponentProps": {},
4213
+ "motionVarPrefixes": []
4214
+ },
4215
+ "UDSConfigProvider": {
4216
+ "name": "UDSConfigProvider",
4217
+ "defaultProps": {},
4218
+ "getStylesLiterals": {},
4219
+ "cxLiterals": [],
4220
+ "internalComponents": [
4221
+ "UDSBreakpointsConfigProvider",
4222
+ "UDSBottomSheetConfigProvider",
4223
+ "UDSToastConfigProvider",
4224
+ "UDSTooltipConfigProvider",
4225
+ "UDSPopoverConfigProvider",
4226
+ "UDSModalConfigProvider"
4227
+ ],
4228
+ "internalComponentProps": {},
4229
+ "propToVariantKeys": {},
4060
4230
  "runtimeConfigDefaultProps": {},
4061
4231
  "runtimeConfigGetStyles": {},
4062
4232
  "runtimeConfigInternalComponentProps": {},
@@ -4260,175 +4430,5 @@
4260
4430
  "runtimeConfigGetStyles": {},
4261
4431
  "runtimeConfigInternalComponentProps": {},
4262
4432
  "motionVarPrefixes": []
4263
- },
4264
- "Tooltip": {
4265
- "name": "Tooltip",
4266
- "defaultProps": {},
4267
- "getStylesLiterals": {},
4268
- "cxLiterals": [],
4269
- "internalComponents": [
4270
- "TooltipInternalContext.Provider",
4271
- "TooltipProvider"
4272
- ],
4273
- "internalComponentProps": {},
4274
- "propToVariantKeys": {},
4275
- "runtimeConfigDefaultProps": {},
4276
- "runtimeConfigGetStyles": {},
4277
- "runtimeConfigInternalComponentProps": {
4278
- "TooltipProvider": {
4279
- "animated": [
4280
- "tooltip.animationDuration"
4281
- ]
4282
- }
4283
- },
4284
- "motionVarPrefixes": []
4285
- },
4286
- "TooltipContent": {
4287
- "name": "TooltipContent",
4288
- "defaultProps": {},
4289
- "getStylesLiterals": {
4290
- "tooltipSizeRoot": "default",
4291
- "tooltipVariantRoot": "default",
4292
- "tooltipSizeSvg": "default",
4293
- "tooltipVariantSvg": "default",
4294
- "tooltipVariantBlur": "default",
4295
- "position": "absolute",
4296
- "width": "full",
4297
- "height": "full",
4298
- "tooltipSizeTitle": "default",
4299
- "tooltipSizeBody": "default",
4300
- "tooltipSizeEndContent": "default",
4301
- "tooltipSizeIcon": "default",
4302
- "tooltipVariantIcon": "default"
4303
- },
4304
- "cxLiterals": [
4305
- "max-w-lg",
4306
- "flex",
4307
- "z-[9999]",
4308
- "uds-bgBlurFillFallback",
4309
- "uds-bgBlurFallback",
4310
- "top-0",
4311
- "left-0",
4312
- "z-[1]"
4313
- ],
4314
- "internalComponents": [
4315
- "IconSlot",
4316
- "TooltipArrow",
4317
- "Tooltip",
4318
- "SvgFloatingOverlay",
4319
- "VStack",
4320
- "Box",
4321
- "Text"
4322
- ],
4323
- "internalComponentProps": {
4324
- "SvgFloatingOverlay": {
4325
- "contentOverflow": [
4326
- "visible"
4327
- ]
4328
- },
4329
- "VStack": {
4330
- "className": [
4331
- "gap-[inherit]"
4332
- ]
4333
- },
4334
- "Box": {
4335
- "alignItems": [
4336
- "center"
4337
- ],
4338
- "columnGap": [
4339
- "1",
4340
- "1.5"
4341
- ]
4342
- },
4343
- "Text": {
4344
- "color": [
4345
- "inherit"
4346
- ]
4347
- }
4348
- },
4349
- "propToVariantKeys": {
4350
- "startTitleIcon": [
4351
- "icon"
4352
- ]
4353
- },
4354
- "runtimeConfigDefaultProps": {},
4355
- "runtimeConfigGetStyles": {},
4356
- "runtimeConfigInternalComponentProps": {},
4357
- "motionVarPrefixes": []
4358
- },
4359
- "TooltipTrigger": {
4360
- "name": "TooltipTrigger",
4361
- "defaultProps": {},
4362
- "getStylesLiterals": {},
4363
- "cxLiterals": [],
4364
- "internalComponents": [
4365
- "TooltipAnchor"
4366
- ],
4367
- "internalComponentProps": {
4368
- "TooltipAnchor": {
4369
- "className": [
4370
- "inline"
4371
- ]
4372
- }
4373
- },
4374
- "propToVariantKeys": {
4375
- "children": [
4376
- "render"
4377
- ]
4378
- },
4379
- "runtimeConfigDefaultProps": {},
4380
- "runtimeConfigGetStyles": {},
4381
- "runtimeConfigInternalComponentProps": {},
4382
- "motionVarPrefixes": []
4383
- },
4384
- "UDSTooltipConfigProvider": {
4385
- "name": "UDSTooltipConfigProvider",
4386
- "defaultProps": {},
4387
- "getStylesLiterals": {},
4388
- "cxLiterals": [],
4389
- "internalComponents": [
4390
- "TooltipContext.Provider"
4391
- ],
4392
- "internalComponentProps": {},
4393
- "propToVariantKeys": {},
4394
- "runtimeConfigDefaultProps": {},
4395
- "runtimeConfigGetStyles": {},
4396
- "runtimeConfigInternalComponentProps": {},
4397
- "motionVarPrefixes": []
4398
- },
4399
- "UDSBreakpointsConfigProvider": {
4400
- "name": "UDSBreakpointsConfigProvider",
4401
- "defaultProps": {},
4402
- "getStylesLiterals": {},
4403
- "cxLiterals": [],
4404
- "internalComponents": [
4405
- "UDSBreakpointsConfigContext.Provider"
4406
- ],
4407
- "internalComponentProps": {},
4408
- "propToVariantKeys": {},
4409
- "runtimeConfigDefaultProps": {},
4410
- "runtimeConfigGetStyles": {},
4411
- "runtimeConfigInternalComponentProps": {},
4412
- "motionVarPrefixes": []
4413
- },
4414
- "UDSConfigProvider": {
4415
- "name": "UDSConfigProvider",
4416
- "defaultProps": {},
4417
- "getStylesLiterals": {},
4418
- "cxLiterals": [],
4419
- "internalComponents": [
4420
- "UDSBreakpointsConfigProvider",
4421
- "UDSBottomSheetConfigProvider",
4422
- "UDSToastConfigProvider",
4423
- "UDSTooltipConfigProvider",
4424
- "UDSPopoverConfigProvider",
4425
- "UDSModalConfigProvider"
4426
- ],
4427
- "internalComponentProps": {},
4428
- "propToVariantKeys": {},
4429
- "runtimeConfigDefaultProps": {},
4430
- "runtimeConfigGetStyles": {},
4431
- "runtimeConfigInternalComponentProps": {},
4432
- "motionVarPrefixes": []
4433
4433
  }
4434
4434
  }