@yahoo/uds 3.157.1 → 3.158.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (184) hide show
  1. package/dist/automated-config/dist/generated/autoVariants.cjs +26 -0
  2. package/dist/automated-config/dist/generated/autoVariants.d.cts +17 -0
  3. package/dist/automated-config/dist/generated/autoVariants.d.ts +17 -0
  4. package/dist/automated-config/dist/generated/autoVariants.js +26 -0
  5. package/dist/automated-config/dist/generated/generatedConfigs.cjs +3220 -545
  6. package/dist/automated-config/dist/generated/generatedConfigs.d.cts +335 -11
  7. package/dist/automated-config/dist/generated/generatedConfigs.d.ts +335 -11
  8. package/dist/automated-config/dist/generated/generatedConfigs.js +3218 -546
  9. package/dist/automated-config/dist/generated/universalTokensConfigAuto.cjs +275 -44
  10. package/dist/automated-config/dist/generated/universalTokensConfigAuto.d.cts +4 -1
  11. package/dist/automated-config/dist/generated/universalTokensConfigAuto.d.ts +4 -1
  12. package/dist/automated-config/dist/generated/universalTokensConfigAuto.js +275 -44
  13. package/dist/automated-config/dist/types/ComponentConfig.d.cts +3 -1
  14. package/dist/automated-config/dist/types/ComponentConfig.d.ts +3 -1
  15. package/dist/automated-config/dist/utils/buildConfigSchema.cjs +43 -35
  16. package/dist/automated-config/dist/utils/buildConfigSchema.d.cts +4 -1
  17. package/dist/automated-config/dist/utils/buildConfigSchema.d.ts +4 -1
  18. package/dist/automated-config/dist/utils/buildConfigSchema.js +44 -36
  19. package/dist/automated-config/dist/utils/componentStatePseudoStates.cjs +4 -0
  20. package/dist/automated-config/dist/utils/componentStatePseudoStates.js +4 -1
  21. package/dist/automated-config/dist/utils/getConfigVariantPseudoStates.cjs +5 -2
  22. package/dist/automated-config/dist/utils/getConfigVariantPseudoStates.js +6 -3
  23. package/dist/automated-config/dist/utils/index.cjs +21 -5
  24. package/dist/automated-config/dist/utils/index.d.cts +1 -0
  25. package/dist/automated-config/dist/utils/index.d.ts +1 -0
  26. package/dist/automated-config/dist/utils/index.js +22 -6
  27. package/dist/automated-config/dist/utils/pseudoStateSelectors.cjs +6 -3
  28. package/dist/automated-config/dist/utils/pseudoStateSelectors.d.cts +1 -1
  29. package/dist/automated-config/dist/utils/pseudoStateSelectors.d.ts +1 -1
  30. package/dist/automated-config/dist/utils/pseudoStateSelectors.js +6 -3
  31. package/dist/components/client/Input/Input.cjs +1 -1
  32. package/dist/components/client/Input/Input.js +1 -1
  33. package/dist/components/client/Menu/Menu.Item.cjs +1 -0
  34. package/dist/components/client/Menu/Menu.Item.js +1 -0
  35. package/dist/components/client/Menu/Menu.ItemCheckbox.d.cts +1 -1
  36. package/dist/components/client/Menu/Menu.ItemCheckbox.d.ts +1 -1
  37. package/dist/components/client/Select/Select.cjs +179 -0
  38. package/dist/components/client/Select/Select.d.cts +55 -0
  39. package/dist/components/client/Select/Select.d.ts +56 -0
  40. package/dist/components/client/Select/Select.js +176 -0
  41. package/dist/components/client/Select/SelectContent.cjs +75 -0
  42. package/dist/components/client/Select/SelectContent.d.cts +44 -0
  43. package/dist/components/client/Select/SelectContent.d.ts +45 -0
  44. package/dist/components/client/Select/SelectContent.js +73 -0
  45. package/dist/components/client/Select/SelectDivider.cjs +63 -0
  46. package/dist/components/client/Select/SelectDivider.d.cts +44 -0
  47. package/dist/components/client/Select/SelectDivider.d.ts +45 -0
  48. package/dist/components/client/Select/SelectDivider.js +61 -0
  49. package/dist/components/client/Select/SelectHelpText.cjs +51 -0
  50. package/dist/components/client/Select/SelectHelpText.d.cts +27 -0
  51. package/dist/components/client/Select/SelectHelpText.d.ts +28 -0
  52. package/dist/components/client/Select/SelectHelpText.js +48 -0
  53. package/dist/components/client/Select/SelectItem.cjs +172 -0
  54. package/dist/components/client/Select/SelectItem.d.cts +29 -0
  55. package/dist/components/client/Select/SelectItem.d.ts +30 -0
  56. package/dist/components/client/Select/SelectItem.js +170 -0
  57. package/dist/components/client/Select/SelectTrigger.cjs +138 -0
  58. package/dist/components/client/Select/SelectTrigger.d.cts +27 -0
  59. package/dist/components/client/Select/SelectTrigger.d.ts +28 -0
  60. package/dist/components/client/Select/SelectTrigger.js +136 -0
  61. package/dist/components/client/Select/SelectValue.cjs +28 -0
  62. package/dist/components/client/Select/SelectValue.d.cts +19 -0
  63. package/dist/components/client/Select/SelectValue.d.ts +20 -0
  64. package/dist/components/client/Select/SelectValue.js +26 -0
  65. package/dist/components/client/Select/index.cjs +11 -0
  66. package/dist/components/client/Select/index.d.cts +6 -0
  67. package/dist/components/client/Select/index.d.ts +7 -0
  68. package/dist/components/client/Select/index.js +7 -0
  69. package/dist/components/client/Select/selectContext.cjs +20 -0
  70. package/dist/components/client/Select/selectContext.d.cts +23 -0
  71. package/dist/components/client/Select/selectContext.d.ts +24 -0
  72. package/dist/components/client/Select/selectContext.js +16 -0
  73. package/dist/components/client/Select/selectFieldStyles.cjs +85 -0
  74. package/dist/components/client/Select/selectFieldStyles.d.cts +37 -0
  75. package/dist/components/client/Select/selectFieldStyles.d.ts +38 -0
  76. package/dist/components/client/Select/selectFieldStyles.js +75 -0
  77. package/dist/components/client/index.cjs +8 -0
  78. package/dist/components/client/index.d.cts +5 -1
  79. package/dist/components/client/index.d.ts +5 -1
  80. package/dist/components/client/index.js +5 -1
  81. package/dist/components/index.cjs +8 -0
  82. package/dist/components/index.d.cts +5 -1
  83. package/dist/components/index.d.ts +5 -1
  84. package/dist/components/index.js +5 -1
  85. package/dist/config/dist/index.cjs +380 -70
  86. package/dist/config/dist/index.js +380 -70
  87. package/dist/css/dist/css/utils.cjs +3 -0
  88. package/dist/css/dist/css/utils.js +3 -0
  89. package/dist/css/dist/packages/config/dist/index.cjs +380 -70
  90. package/dist/css/dist/packages/config/dist/index.js +380 -70
  91. package/dist/index.cjs +11 -0
  92. package/dist/index.d.cts +7 -3
  93. package/dist/index.d.ts +7 -3
  94. package/dist/index.js +6 -2
  95. package/dist/styles/styler.d.cts +42 -25
  96. package/dist/styles/styler.d.ts +42 -25
  97. package/dist/styles/variants.d.cts +54 -0
  98. package/dist/styles/variants.d.ts +54 -0
  99. package/dist/tailwind/utils/index.cjs +3 -0
  100. package/dist/tailwind/utils/index.d.cts +2 -1
  101. package/dist/tailwind/utils/index.d.ts +2 -1
  102. package/dist/tailwind/utils/index.js +2 -1
  103. package/dist/tailwind-internal/dist/base/addColorModeVars.cjs +1 -1
  104. package/dist/tailwind-internal/dist/base/addColorModeVars.js +1 -1
  105. package/dist/tailwind-internal/dist/base/addColorModeVarsV2.cjs +1 -1
  106. package/dist/tailwind-internal/dist/base/addColorModeVarsV2.js +1 -1
  107. package/dist/tailwind-internal/dist/components/getFocusRingStyles.cjs +74 -6
  108. package/dist/tailwind-internal/dist/components/getFocusRingStyles.d.cts +14 -0
  109. package/dist/tailwind-internal/dist/components/getFocusRingStyles.d.ts +14 -0
  110. package/dist/tailwind-internal/dist/components/getFocusRingStyles.js +74 -7
  111. package/dist/tailwind-internal/dist/components/getResponsiveTextStyles.cjs +1 -1
  112. package/dist/tailwind-internal/dist/components/getResponsiveTextStyles.js +1 -1
  113. package/dist/tailwind-internal/dist/index.d.cts +1 -0
  114. package/dist/tailwind-internal/dist/index.d.ts +1 -0
  115. package/dist/tailwind-internal/dist/packages/automated-config/dist/generated/generatedConfigs.cjs +3220 -545
  116. package/dist/tailwind-internal/dist/packages/automated-config/dist/generated/generatedConfigs.js +3218 -546
  117. package/dist/tailwind-internal/dist/packages/automated-config/dist/utils/componentStatePseudoStates.cjs +4 -0
  118. package/dist/tailwind-internal/dist/packages/automated-config/dist/utils/componentStatePseudoStates.js +4 -1
  119. package/dist/tailwind-internal/dist/packages/automated-config/dist/utils/index.cjs +21 -5
  120. package/dist/tailwind-internal/dist/packages/automated-config/dist/utils/index.js +22 -6
  121. package/dist/tailwind-internal/dist/packages/automated-config/dist/utils/pseudoStateSelectors.cjs +6 -3
  122. package/dist/tailwind-internal/dist/packages/automated-config/dist/utils/pseudoStateSelectors.js +6 -3
  123. package/dist/tailwind-internal/dist/packages/config/dist/index.cjs +380 -70
  124. package/dist/tailwind-internal/dist/packages/config/dist/index.js +380 -70
  125. package/dist/tailwind-internal/dist/packages/css-tokens/dist/index.cjs +10 -10
  126. package/dist/tailwind-internal/dist/packages/css-tokens/dist/index.js +1 -1
  127. package/dist/tailwind-internal/dist/plugins/a11y.cjs +6 -2
  128. package/dist/tailwind-internal/dist/plugins/a11y.js +6 -2
  129. package/dist/tailwind-internal/dist/plugins/blurBgFallback.cjs +1 -1
  130. package/dist/tailwind-internal/dist/plugins/blurBgFallback.js +1 -1
  131. package/dist/tailwind-internal/dist/plugins/borderRadius.cjs +1 -1
  132. package/dist/tailwind-internal/dist/plugins/borderRadius.js +1 -1
  133. package/dist/tailwind-internal/dist/plugins/borderWidth.cjs +1 -1
  134. package/dist/tailwind-internal/dist/plugins/borderWidth.js +1 -1
  135. package/dist/tailwind-internal/dist/plugins/colors.cjs +2 -2
  136. package/dist/tailwind-internal/dist/plugins/colors.js +2 -2
  137. package/dist/tailwind-internal/dist/plugins/components.cjs +30 -26
  138. package/dist/tailwind-internal/dist/plugins/components.js +6 -2
  139. package/dist/tailwind-internal/dist/plugins/elevation.cjs +1 -1
  140. package/dist/tailwind-internal/dist/plugins/elevation.js +1 -1
  141. package/dist/tailwind-internal/dist/plugins/shadows.cjs +1 -1
  142. package/dist/tailwind-internal/dist/plugins/shadows.js +1 -1
  143. package/dist/tailwind-internal/dist/plugins/typography.cjs +2 -2
  144. package/dist/tailwind-internal/dist/plugins/typography.js +2 -2
  145. package/dist/tailwind-internal/dist/utils/getElevationStyles.cjs +1 -1
  146. package/dist/tailwind-internal/dist/utils/getElevationStyles.js +1 -1
  147. package/dist/tailwind-internal/dist/utils/getFontStyles.cjs +1 -1
  148. package/dist/tailwind-internal/dist/utils/getFontStyles.js +1 -1
  149. package/dist/tailwind-internal/dist/utils/getMotionStyles.cjs +1 -1
  150. package/dist/tailwind-internal/dist/utils/getMotionStyles.js +1 -1
  151. package/dist/tailwind-internal/dist/utils/getShadowPresetValues.cjs +1 -1
  152. package/dist/tailwind-internal/dist/utils/getShadowPresetValues.js +1 -1
  153. package/dist/tailwind-internal/dist/utils/getShadowStyles.cjs +1 -1
  154. package/dist/tailwind-internal/dist/utils/getShadowStyles.d.cts +2 -2
  155. package/dist/tailwind-internal/dist/utils/getShadowStyles.d.ts +2 -2
  156. package/dist/tailwind-internal/dist/utils/getShadowStyles.js +1 -1
  157. package/dist/tailwind-internal/dist/utils/parseTokens.cjs +2 -2
  158. package/dist/tailwind-internal/dist/utils/parseTokens.js +2 -2
  159. package/dist/tokens/automation/configs/index.cjs +3 -0
  160. package/dist/tokens/automation/configs/index.d.cts +2 -2
  161. package/dist/tokens/automation/configs/index.d.ts +2 -2
  162. package/dist/tokens/automation/configs/index.js +2 -2
  163. package/dist/tokens/automation/index.cjs +3 -0
  164. package/dist/tokens/automation/index.d.cts +2 -2
  165. package/dist/tokens/automation/index.d.ts +2 -2
  166. package/dist/tokens/automation/index.js +2 -2
  167. package/dist/tokens/index.cjs +3 -0
  168. package/dist/tokens/index.d.cts +3 -3
  169. package/dist/tokens/index.d.ts +3 -3
  170. package/dist/tokens/index.js +2 -2
  171. package/dist/tokens/types.d.cts +2 -2
  172. package/dist/tokens/types.d.ts +2 -2
  173. package/dist/types/dist/index.d.cts +36 -1
  174. package/dist/types/dist/index.d.ts +36 -1
  175. package/dist/uds/generated/componentData.cjs +528 -121
  176. package/dist/uds/generated/componentData.js +528 -121
  177. package/dist/uds/generated/migrationSchemaVersion.cjs +1 -1
  178. package/dist/uds/generated/migrationSchemaVersion.js +1 -1
  179. package/dist/uds/generated/tailwindPurge.cjs +1501 -315
  180. package/dist/uds/generated/tailwindPurge.js +1501 -315
  181. package/generated/componentData.json +630 -134
  182. package/generated/migrationSchemaVersion.ts +1 -1
  183. package/generated/tailwindPurge.ts +4 -4
  184. package/package.json +1 -1
@@ -1530,6 +1530,7 @@
1530
1530
  "menuitemItemVariantRoot": "default",
1531
1531
  "menuitemItemVariantActiveRoot": "on",
1532
1532
  "menuitemItemVariantActiveRoot:1": "off",
1533
+ "menuitemSizeText": "default",
1533
1534
  "menuitemItemVariantText": "default",
1534
1535
  "menuitemItemVariantActiveText": "on",
1535
1536
  "menuitemItemVariantActiveText:1": "off",
@@ -2256,98 +2257,243 @@
2256
2257
  "runtimeConfigInternalComponentProps": {},
2257
2258
  "motionVarPrefixes": []
2258
2259
  },
2259
- "UDSConfigProvider": {
2260
- "name": "UDSConfigProvider",
2261
- "defaultProps": {},
2262
- "getStylesLiterals": {},
2263
- "cxLiterals": [],
2260
+ "Select": {
2261
+ "name": "Select",
2262
+ "defaultProps": {
2263
+ "size": "md",
2264
+ "width": "full",
2265
+ "defaultValue": ""
2266
+ },
2267
+ "getStylesLiterals": {
2268
+ "inputVariantRoot": "default",
2269
+ "inputVariantValueRoot": "empty",
2270
+ "inputVariantValueRoot:1": "filled",
2271
+ "inputVariantLabel": "default",
2272
+ "inputVariantValueLabel": "empty",
2273
+ "inputVariantValueLabel:1": "filled",
2274
+ "inputVariantLabelRequired": "default",
2275
+ "inputVariantValueLabelRequired": "empty",
2276
+ "inputVariantValueLabelRequired:1": "filled",
2277
+ "inputVariantInputWrapper": "default",
2278
+ "inputVariantValueInputWrapper": "empty",
2279
+ "inputVariantValueInputWrapper:1": "filled",
2280
+ "inputVariantInput": "default",
2281
+ "inputVariantValueInput": "empty",
2282
+ "inputVariantValueInput:1": "filled",
2283
+ "inputVariantInputPlaceholder": "default",
2284
+ "inputVariantValueInputPlaceholder": "empty",
2285
+ "inputVariantValueInputPlaceholder:1": "filled",
2286
+ "inputVariantStartIcon": "default",
2287
+ "inputVariantValueStartIcon": "empty",
2288
+ "inputVariantValueStartIcon:1": "filled",
2289
+ "inputVariantEndIcon": "default",
2290
+ "inputVariantValueEndIcon": "empty",
2291
+ "inputVariantValueEndIcon:1": "filled",
2292
+ "inputVariantHelperText": "default",
2293
+ "inputVariantValueHelperText": "empty",
2294
+ "inputVariantValueHelperText:1": "filled",
2295
+ "inputVariantHelperIcon": "default",
2296
+ "inputVariantValueHelperIcon": "empty",
2297
+ "inputVariantValueHelperIcon:1": "filled"
2298
+ },
2299
+ "cxLiterals": [
2300
+ "opacity-50",
2301
+ "flex",
2302
+ "w-full",
2303
+ "items-center",
2304
+ "min-w-[200px]",
2305
+ "uds-ring-shadow",
2306
+ "uds-ring-within",
2307
+ "uds-select-field-trigger",
2308
+ "grow",
2309
+ "bg-transparent",
2310
+ "bg-clip-text",
2311
+ "text-left",
2312
+ "focus-visible:outline-none",
2313
+ "cursor-not-allowed",
2314
+ "cursor-pointer",
2315
+ "text-muted"
2316
+ ],
2264
2317
  "internalComponents": [
2265
- "UDSBreakpointsConfigProvider",
2266
- "UDSBottomSheetConfigProvider",
2267
- "UDSToastConfigProvider",
2268
- "UDSTooltipConfigProvider",
2269
- "UDSPopoverConfigProvider",
2270
- "UDSModalConfigProvider"
2318
+ "SelectTrigger",
2319
+ "SelectHelpText",
2320
+ "SelectFieldContext.Provider",
2321
+ "VStack",
2322
+ "Box",
2323
+ "SpringMotionConfig",
2324
+ "AriakitSelectProvider",
2325
+ "SelectRoot"
2271
2326
  ],
2272
- "internalComponentProps": {},
2273
- "propToVariantKeys": {},
2327
+ "internalComponentProps": {
2328
+ "Box": {
2329
+ "spacingBottom": [
2330
+ "2"
2331
+ ],
2332
+ "columnGap": [
2333
+ "0.5"
2334
+ ],
2335
+ "alignItems": [
2336
+ "flex-end"
2337
+ ]
2338
+ },
2339
+ "SpringMotionConfig": {
2340
+ "reducedMotion": [
2341
+ "user"
2342
+ ]
2343
+ }
2344
+ },
2345
+ "propToVariantKeys": {
2346
+ "size": [
2347
+ "inputSizeRoot",
2348
+ "inputSizeLabel",
2349
+ "inputSizeInputWrapperStatic",
2350
+ "inputSizeInputWrapperDynamic",
2351
+ "inputSizeInput",
2352
+ "inputSizeStartIcon",
2353
+ "inputSizeEndIcon",
2354
+ "inputSizeHelperText",
2355
+ "inputSizeHelperIcon"
2356
+ ]
2357
+ },
2274
2358
  "runtimeConfigDefaultProps": {},
2275
2359
  "runtimeConfigGetStyles": {},
2276
2360
  "runtimeConfigInternalComponentProps": {},
2277
- "motionVarPrefixes": []
2361
+ "motionVarPrefixes": [
2362
+ "--uds-motion-subtle-3-",
2363
+ "--uds-motion-smooth-3-"
2364
+ ]
2278
2365
  },
2279
- "UDSBreakpointsConfigProvider": {
2280
- "name": "UDSBreakpointsConfigProvider",
2281
- "defaultProps": {},
2366
+ "SelectContent": {
2367
+ "name": "SelectContent",
2368
+ "defaultProps": {
2369
+ "size": "default",
2370
+ "variant": "default"
2371
+ },
2282
2372
  "getStylesLiterals": {},
2283
- "cxLiterals": [],
2373
+ "cxLiterals": [
2374
+ "z-50",
2375
+ "focus:outline-none"
2376
+ ],
2284
2377
  "internalComponents": [
2285
- "UDSBreakpointsConfigContext.Provider"
2378
+ "SelectPopover",
2379
+ "VStack"
2286
2380
  ],
2287
- "internalComponentProps": {},
2288
- "propToVariantKeys": {},
2381
+ "internalComponentProps": {
2382
+ "VStack": {
2383
+ "elevation": [
2384
+ "3"
2385
+ ],
2386
+ "overflow": [
2387
+ "auto"
2388
+ ],
2389
+ "borderRadius": [
2390
+ "md"
2391
+ ]
2392
+ }
2393
+ },
2394
+ "propToVariantKeys": {
2395
+ "size": [
2396
+ "selectcontentSizeRoot"
2397
+ ],
2398
+ "variant": [
2399
+ "selectcontentVariantRoot"
2400
+ ]
2401
+ },
2289
2402
  "runtimeConfigDefaultProps": {},
2290
2403
  "runtimeConfigGetStyles": {},
2291
2404
  "runtimeConfigInternalComponentProps": {},
2292
2405
  "motionVarPrefixes": []
2293
2406
  },
2294
- "TabList": {
2295
- "name": "TabList",
2296
- "defaultProps": {
2297
- "variant": "primary"
2298
- },
2407
+ "SelectHelpText": {
2408
+ "name": "SelectHelpText",
2409
+ "defaultProps": {},
2299
2410
  "getStylesLiterals": {
2300
- "tabSizeRoot": "default",
2301
- "tabVariantActiveRoot": "on"
2411
+ "inputVariantRoot": "default",
2412
+ "inputVariantValueRoot": "empty",
2413
+ "inputVariantValueRoot:1": "filled",
2414
+ "inputVariantLabel": "default",
2415
+ "inputVariantValueLabel": "empty",
2416
+ "inputVariantValueLabel:1": "filled",
2417
+ "inputVariantLabelRequired": "default",
2418
+ "inputVariantValueLabelRequired": "empty",
2419
+ "inputVariantValueLabelRequired:1": "filled",
2420
+ "inputVariantInputWrapper": "default",
2421
+ "inputVariantValueInputWrapper": "empty",
2422
+ "inputVariantValueInputWrapper:1": "filled",
2423
+ "inputVariantInput": "default",
2424
+ "inputVariantValueInput": "empty",
2425
+ "inputVariantValueInput:1": "filled",
2426
+ "inputVariantInputPlaceholder": "default",
2427
+ "inputVariantValueInputPlaceholder": "empty",
2428
+ "inputVariantValueInputPlaceholder:1": "filled",
2429
+ "inputVariantStartIcon": "default",
2430
+ "inputVariantValueStartIcon": "empty",
2431
+ "inputVariantValueStartIcon:1": "filled",
2432
+ "inputVariantEndIcon": "default",
2433
+ "inputVariantValueEndIcon": "empty",
2434
+ "inputVariantValueEndIcon:1": "filled",
2435
+ "inputVariantHelperText": "default",
2436
+ "inputVariantValueHelperText": "empty",
2437
+ "inputVariantValueHelperText:1": "filled",
2438
+ "inputVariantHelperIcon": "default",
2439
+ "inputVariantValueHelperIcon": "empty",
2440
+ "inputVariantValueHelperIcon:1": "filled"
2302
2441
  },
2303
2442
  "cxLiterals": [
2304
- "pointer-events-none",
2305
- "absolute",
2306
- "bottom-0",
2307
- "left-0",
2308
- "right-0",
2309
- "h-[var(--uds-tab-underline-width,0px)]",
2310
- "bg-[var(--uds-tab-underline-color,transparent)]",
2311
- "transition-[height,background-color]",
2312
- "duration-[240ms]",
2313
- "ease-[cubic-bezier(0.2,0,0,1)]",
2314
- "!m-0",
2315
- "!p-0",
2316
- "!gap-0",
2317
- "box-border",
2318
- "z-0",
2319
- "min-w-0",
2320
- "min-h-0",
2443
+ "opacity-50",
2321
2444
  "flex",
2322
- "flex-row",
2445
+ "w-full",
2323
2446
  "items-center",
2324
- "overflow-x-auto",
2325
- "overflow-y-clip",
2326
- "scrollbar-none",
2327
- "[overflow-clip-margin:6px]",
2328
- "overflow-clip",
2329
- "[overflow-clip-margin:8px]",
2330
- "relative",
2331
- "left",
2332
- "240ms",
2333
- "cubic-bezier(0.2,",
2334
- "0,",
2335
- "1),",
2336
- "top",
2337
- "width",
2338
- "height",
2339
- "1)",
2340
- "--uds-tab-underline-color",
2341
- "--uds-tab-underline-width"
2447
+ "min-w-[200px]",
2448
+ "uds-ring-shadow",
2449
+ "uds-ring-within",
2450
+ "uds-select-field-trigger",
2451
+ "grow",
2452
+ "bg-transparent",
2453
+ "bg-clip-text",
2454
+ "text-left",
2455
+ "focus-visible:outline-none",
2456
+ "cursor-not-allowed",
2457
+ "cursor-pointer",
2458
+ "text-muted"
2342
2459
  ],
2343
2460
  "internalComponents": [
2344
- "AriakitTabList"
2461
+ "IconSlot",
2462
+ "AnimateHeightChange",
2463
+ "HStack"
2345
2464
  ],
2346
- "internalComponentProps": {},
2465
+ "internalComponentProps": {
2466
+ "AnimateHeightChange": {
2467
+ "layoutVariant": [
2468
+ "bouncy"
2469
+ ]
2470
+ },
2471
+ "HStack": {
2472
+ "gap": [
2473
+ "1"
2474
+ ],
2475
+ "alignItems": [
2476
+ "center"
2477
+ ],
2478
+ "spacingTop": [
2479
+ "2"
2480
+ ]
2481
+ }
2482
+ },
2347
2483
  "propToVariantKeys": {
2348
- "variant": [
2349
- "tabsVariantRoot",
2350
- "tabVariantRoot"
2484
+ "size": [
2485
+ "inputSizeRoot",
2486
+ "inputSizeLabel",
2487
+ "inputSizeInputWrapperStatic",
2488
+ "inputSizeInputWrapperDynamic",
2489
+ "inputSizeInput",
2490
+ "inputSizeStartIcon",
2491
+ "inputSizeEndIcon",
2492
+ "inputSizeHelperText",
2493
+ "inputSizeHelperIcon"
2494
+ ],
2495
+ "helperTextIcon": [
2496
+ "icon"
2351
2497
  ]
2352
2498
  },
2353
2499
  "runtimeConfigDefaultProps": {},
@@ -2355,21 +2501,138 @@
2355
2501
  "runtimeConfigInternalComponentProps": {},
2356
2502
  "motionVarPrefixes": []
2357
2503
  },
2358
- "Tabs": {
2359
- "name": "Tabs",
2360
- "defaultProps": {
2361
- "variant": "primary"
2362
- },
2504
+ "SelectValue": {
2505
+ "name": "SelectValue",
2506
+ "defaultProps": {},
2363
2507
  "getStylesLiterals": {},
2364
2508
  "cxLiterals": [],
2365
2509
  "internalComponents": [
2366
- "TabsContext.Provider",
2367
- "TabProvider"
2510
+ "AriakitSelectValue"
2368
2511
  ],
2369
2512
  "internalComponentProps": {},
2513
+ "propToVariantKeys": {},
2514
+ "runtimeConfigDefaultProps": {},
2515
+ "runtimeConfigGetStyles": {},
2516
+ "runtimeConfigInternalComponentProps": {},
2517
+ "motionVarPrefixes": []
2518
+ },
2519
+ "SelectTrigger": {
2520
+ "name": "SelectTrigger",
2521
+ "defaultProps": {},
2522
+ "getStylesLiterals": {
2523
+ "inputVariantRoot": "default",
2524
+ "inputVariantValueRoot": "empty",
2525
+ "inputVariantValueRoot:1": "filled",
2526
+ "inputVariantLabel": "default",
2527
+ "inputVariantValueLabel": "empty",
2528
+ "inputVariantValueLabel:1": "filled",
2529
+ "inputVariantLabelRequired": "default",
2530
+ "inputVariantValueLabelRequired": "empty",
2531
+ "inputVariantValueLabelRequired:1": "filled",
2532
+ "inputVariantInputWrapper": "default",
2533
+ "inputVariantValueInputWrapper": "empty",
2534
+ "inputVariantValueInputWrapper:1": "filled",
2535
+ "inputVariantInput": "default",
2536
+ "inputVariantValueInput": "empty",
2537
+ "inputVariantValueInput:1": "filled",
2538
+ "inputVariantInputPlaceholder": "default",
2539
+ "inputVariantValueInputPlaceholder": "empty",
2540
+ "inputVariantValueInputPlaceholder:1": "filled",
2541
+ "inputVariantStartIcon": "default",
2542
+ "inputVariantValueStartIcon": "empty",
2543
+ "inputVariantValueStartIcon:1": "filled",
2544
+ "inputVariantEndIcon": "default",
2545
+ "inputVariantValueEndIcon": "empty",
2546
+ "inputVariantValueEndIcon:1": "filled",
2547
+ "inputVariantHelperText": "default",
2548
+ "inputVariantValueHelperText": "empty",
2549
+ "inputVariantValueHelperText:1": "filled",
2550
+ "inputVariantHelperIcon": "default",
2551
+ "inputVariantValueHelperIcon": "empty",
2552
+ "inputVariantValueHelperIcon:1": "filled"
2553
+ },
2554
+ "cxLiterals": [
2555
+ "flex",
2556
+ "w-full",
2557
+ "min-w-0",
2558
+ "items-center",
2559
+ "border-0",
2560
+ "bg-transparent",
2561
+ "rounded-[inherit]",
2562
+ "outline-none",
2563
+ "shadow-none",
2564
+ "uds-hit-target",
2565
+ "cursor-not-allowed",
2566
+ "cursor-pointer",
2567
+ "self-stretch",
2568
+ "truncate",
2569
+ "text-left",
2570
+ "opacity-50",
2571
+ "min-w-[200px]",
2572
+ "uds-ring-shadow",
2573
+ "uds-ring-within",
2574
+ "uds-select-field-trigger",
2575
+ "grow",
2576
+ "bg-clip-text",
2577
+ "focus-visible:outline-none",
2578
+ "text-muted"
2579
+ ],
2580
+ "internalComponents": [
2581
+ "IconSlot",
2582
+ "StartIcon",
2583
+ "SelectValue",
2584
+ "EndIcon",
2585
+ "Box",
2586
+ "AriakitSelect",
2587
+ "HStack"
2588
+ ],
2589
+ "internalComponentProps": {
2590
+ "Box": {
2591
+ "position": [
2592
+ "relative"
2593
+ ],
2594
+ "display": [
2595
+ "flex"
2596
+ ],
2597
+ "alignItems": [
2598
+ "center"
2599
+ ],
2600
+ "width": [
2601
+ "full"
2602
+ ]
2603
+ },
2604
+ "HStack": {
2605
+ "alignItems": [
2606
+ "center"
2607
+ ],
2608
+ "gap": [
2609
+ "1"
2610
+ ],
2611
+ "className": [
2612
+ "shrink-0"
2613
+ ]
2614
+ }
2615
+ },
2370
2616
  "propToVariantKeys": {
2371
- "onSelectionChange": [
2372
- "setSelectedId"
2617
+ "size": [
2618
+ "inputSizeRoot",
2619
+ "inputSizeLabel",
2620
+ "inputSizeInputWrapperStatic",
2621
+ "inputSizeInputWrapperDynamic",
2622
+ "inputSizeInput",
2623
+ "inputSizeStartIcon",
2624
+ "inputSizeEndIcon",
2625
+ "inputSizeHelperText",
2626
+ "inputSizeHelperIcon"
2627
+ ],
2628
+ "startIcon": [
2629
+ "icon"
2630
+ ],
2631
+ "placeholder": [
2632
+ "fallback"
2633
+ ],
2634
+ "endIcon": [
2635
+ "icon"
2373
2636
  ]
2374
2637
  },
2375
2638
  "runtimeConfigDefaultProps": {},
@@ -2377,77 +2640,81 @@
2377
2640
  "runtimeConfigInternalComponentProps": {},
2378
2641
  "motionVarPrefixes": []
2379
2642
  },
2380
- "Tab": {
2381
- "name": "Tab",
2382
- "defaultProps": {
2383
- "variant": "primary"
2384
- },
2643
+ "SelectItem": {
2644
+ "name": "SelectItem",
2645
+ "defaultProps": {},
2385
2646
  "getStylesLiterals": {
2386
- "tabSizeRoot": "default",
2387
- "tabVariantActiveRoot": "off",
2388
- "tabVariantActiveRoot:1": "on",
2389
- "tabSizeIcon": "default"
2647
+ "selectitemItemVariantRoot": "default",
2648
+ "selectitemItemVariantActiveRoot": "on",
2649
+ "selectitemItemVariantActiveRoot:1": "off",
2650
+ "selectitemSizeText": "default",
2651
+ "selectitemItemVariantText": "default",
2652
+ "selectitemItemVariantActiveText": "on",
2653
+ "selectitemItemVariantActiveText:1": "off",
2654
+ "selectitemItemVariantIcon": "default",
2655
+ "selectitemItemVariantActiveIcon": "on",
2656
+ "selectitemItemVariantActiveIcon:1": "off",
2657
+ "textAlign": "start",
2658
+ "selectitemSizeRoot": "default",
2659
+ "flexDirection": "row",
2660
+ "spacing": "0",
2661
+ "spacingHorizontal": "4",
2662
+ "spacingVertical": "3.5",
2663
+ "columnGap": "2",
2664
+ "alignItems": "center",
2665
+ "justifyContent": "space-between",
2666
+ "width": "full",
2667
+ "selectitemSizeStartIcon": "default",
2668
+ "selectitemSizeEndIcon": "default"
2390
2669
  },
2391
2670
  "cxLiterals": [
2392
- "pointer-events-none",
2393
- "absolute",
2394
- "bottom-0",
2395
- "left-0",
2396
- "right-0",
2397
- "h-[var(--uds-tab-underline-width,0px)]",
2398
- "bg-[var(--uds-tab-underline-color,transparent)]",
2399
- "transition-[height,background-color]",
2400
- "duration-[240ms]",
2401
- "ease-[cubic-bezier(0.2,0,0,1)]",
2402
- "!bg-transparent",
2403
- "!shadow-none",
2404
- "inline-flex",
2405
- "items-center",
2406
- "shrink-0",
2407
- "box-border",
2408
- "relative",
2409
- "z-[1]",
2671
+ "uds-select-item",
2672
+ "flex",
2410
2673
  "cursor-pointer",
2411
- "select-none",
2412
- "whitespace-nowrap",
2674
+ "outline-none",
2675
+ "data-[active-item]:z-10",
2413
2676
  "uds-ring",
2677
+ "!-outline-offset-2",
2678
+ "duration-20",
2679
+ "transition-[font-variation-settings]",
2680
+ "ease-in-out",
2681
+ "z-0",
2414
2682
  "opacity-50",
2415
- "cursor-default",
2416
- "border-solid",
2417
- "border-b-solid",
2418
- "transition-colors"
2683
+ "cursor-not-allowed",
2684
+ "truncate",
2685
+ "uds-start-icon",
2686
+ "inline-flex",
2687
+ "shrink-0",
2688
+ "items-center",
2689
+ "uds-end-icon"
2419
2690
  ],
2420
2691
  "internalComponents": [
2421
2692
  "IconSlot",
2422
- "AriakitTab",
2423
- "Text"
2693
+ "AriakitSelectItem",
2694
+ "HStack",
2695
+ "AnimatePresence"
2424
2696
  ],
2425
- "internalComponentProps": {
2426
- "Text": {
2427
- "variant": [
2428
- "inherit"
2697
+ "internalComponentProps": {
2698
+ "HStack": {
2699
+ "gap": [
2700
+ "2"
2429
2701
  ],
2430
- "as": [
2431
- "span"
2702
+ "alignItems": [
2703
+ "center"
2432
2704
  ],
2433
- "color": [
2434
- "current"
2705
+ "width": [
2706
+ "full"
2707
+ ]
2708
+ },
2709
+ "AnimatePresence": {
2710
+ "mode": [
2711
+ "popLayout"
2435
2712
  ]
2436
2713
  }
2437
2714
  },
2438
2715
  "propToVariantKeys": {
2439
- "variant": [
2440
- "tabVariantRoot",
2441
- "tabVariantIcon"
2442
- ],
2443
- "activeState": [
2444
- "tabVariantActiveIcon"
2445
- ],
2446
2716
  "startIcon": [
2447
2717
  "icon"
2448
- ],
2449
- "endIcon": [
2450
- "icon"
2451
2718
  ]
2452
2719
  },
2453
2720
  "runtimeConfigDefaultProps": {},
@@ -2455,13 +2722,61 @@
2455
2722
  "runtimeConfigInternalComponentProps": {},
2456
2723
  "motionVarPrefixes": []
2457
2724
  },
2458
- "TabPanel": {
2459
- "name": "TabPanel",
2725
+ "SelectDivider": {
2726
+ "name": "SelectDivider",
2727
+ "defaultProps": {
2728
+ "contentPosition": "start",
2729
+ "gap": "4"
2730
+ },
2731
+ "getStylesLiterals": {
2732
+ "selectitemDividerVariantRoot": "default",
2733
+ "selectitemDividerVariantText": "default",
2734
+ "selectitemDividerVariantLine": "default"
2735
+ },
2736
+ "cxLiterals": [],
2737
+ "internalComponents": [
2738
+ "Divider"
2739
+ ],
2740
+ "internalComponentProps": {
2741
+ "Divider": {
2742
+ "variant": [
2743
+ "inherit"
2744
+ ]
2745
+ }
2746
+ },
2747
+ "propToVariantKeys": {},
2748
+ "runtimeConfigDefaultProps": {},
2749
+ "runtimeConfigGetStyles": {},
2750
+ "runtimeConfigInternalComponentProps": {},
2751
+ "motionVarPrefixes": []
2752
+ },
2753
+ "UDSConfigProvider": {
2754
+ "name": "UDSConfigProvider",
2460
2755
  "defaultProps": {},
2461
2756
  "getStylesLiterals": {},
2462
2757
  "cxLiterals": [],
2463
2758
  "internalComponents": [
2464
- "AriakitTabPanel"
2759
+ "UDSBreakpointsConfigProvider",
2760
+ "UDSBottomSheetConfigProvider",
2761
+ "UDSToastConfigProvider",
2762
+ "UDSTooltipConfigProvider",
2763
+ "UDSPopoverConfigProvider",
2764
+ "UDSModalConfigProvider"
2765
+ ],
2766
+ "internalComponentProps": {},
2767
+ "propToVariantKeys": {},
2768
+ "runtimeConfigDefaultProps": {},
2769
+ "runtimeConfigGetStyles": {},
2770
+ "runtimeConfigInternalComponentProps": {},
2771
+ "motionVarPrefixes": []
2772
+ },
2773
+ "UDSBreakpointsConfigProvider": {
2774
+ "name": "UDSBreakpointsConfigProvider",
2775
+ "defaultProps": {},
2776
+ "getStylesLiterals": {},
2777
+ "cxLiterals": [],
2778
+ "internalComponents": [
2779
+ "UDSBreakpointsConfigContext.Provider"
2465
2780
  ],
2466
2781
  "internalComponentProps": {},
2467
2782
  "propToVariantKeys": {},
@@ -2669,6 +2984,185 @@
2669
2984
  },
2670
2985
  "motionVarPrefixes": []
2671
2986
  },
2987
+ "TabList": {
2988
+ "name": "TabList",
2989
+ "defaultProps": {
2990
+ "variant": "primary"
2991
+ },
2992
+ "getStylesLiterals": {
2993
+ "tabSizeRoot": "default",
2994
+ "tabVariantActiveRoot": "on"
2995
+ },
2996
+ "cxLiterals": [
2997
+ "pointer-events-none",
2998
+ "absolute",
2999
+ "bottom-0",
3000
+ "left-0",
3001
+ "right-0",
3002
+ "h-[var(--uds-tab-underline-width,0px)]",
3003
+ "bg-[var(--uds-tab-underline-color,transparent)]",
3004
+ "transition-[height,background-color]",
3005
+ "duration-[240ms]",
3006
+ "ease-[cubic-bezier(0.2,0,0,1)]",
3007
+ "!m-0",
3008
+ "!p-0",
3009
+ "!gap-0",
3010
+ "box-border",
3011
+ "z-0",
3012
+ "min-w-0",
3013
+ "min-h-0",
3014
+ "flex",
3015
+ "flex-row",
3016
+ "items-center",
3017
+ "overflow-x-auto",
3018
+ "overflow-y-clip",
3019
+ "scrollbar-none",
3020
+ "[overflow-clip-margin:6px]",
3021
+ "overflow-clip",
3022
+ "[overflow-clip-margin:8px]",
3023
+ "relative",
3024
+ "left",
3025
+ "240ms",
3026
+ "cubic-bezier(0.2,",
3027
+ "0,",
3028
+ "1),",
3029
+ "top",
3030
+ "width",
3031
+ "height",
3032
+ "1)",
3033
+ "--uds-tab-underline-color",
3034
+ "--uds-tab-underline-width"
3035
+ ],
3036
+ "internalComponents": [
3037
+ "AriakitTabList"
3038
+ ],
3039
+ "internalComponentProps": {},
3040
+ "propToVariantKeys": {
3041
+ "variant": [
3042
+ "tabsVariantRoot",
3043
+ "tabVariantRoot"
3044
+ ]
3045
+ },
3046
+ "runtimeConfigDefaultProps": {},
3047
+ "runtimeConfigGetStyles": {},
3048
+ "runtimeConfigInternalComponentProps": {},
3049
+ "motionVarPrefixes": []
3050
+ },
3051
+ "Tabs": {
3052
+ "name": "Tabs",
3053
+ "defaultProps": {
3054
+ "variant": "primary"
3055
+ },
3056
+ "getStylesLiterals": {},
3057
+ "cxLiterals": [],
3058
+ "internalComponents": [
3059
+ "TabsContext.Provider",
3060
+ "TabProvider"
3061
+ ],
3062
+ "internalComponentProps": {},
3063
+ "propToVariantKeys": {
3064
+ "onSelectionChange": [
3065
+ "setSelectedId"
3066
+ ]
3067
+ },
3068
+ "runtimeConfigDefaultProps": {},
3069
+ "runtimeConfigGetStyles": {},
3070
+ "runtimeConfigInternalComponentProps": {},
3071
+ "motionVarPrefixes": []
3072
+ },
3073
+ "Tab": {
3074
+ "name": "Tab",
3075
+ "defaultProps": {
3076
+ "variant": "primary"
3077
+ },
3078
+ "getStylesLiterals": {
3079
+ "tabSizeRoot": "default",
3080
+ "tabVariantActiveRoot": "off",
3081
+ "tabVariantActiveRoot:1": "on",
3082
+ "tabSizeIcon": "default"
3083
+ },
3084
+ "cxLiterals": [
3085
+ "pointer-events-none",
3086
+ "absolute",
3087
+ "bottom-0",
3088
+ "left-0",
3089
+ "right-0",
3090
+ "h-[var(--uds-tab-underline-width,0px)]",
3091
+ "bg-[var(--uds-tab-underline-color,transparent)]",
3092
+ "transition-[height,background-color]",
3093
+ "duration-[240ms]",
3094
+ "ease-[cubic-bezier(0.2,0,0,1)]",
3095
+ "!bg-transparent",
3096
+ "!shadow-none",
3097
+ "inline-flex",
3098
+ "items-center",
3099
+ "shrink-0",
3100
+ "box-border",
3101
+ "relative",
3102
+ "z-[1]",
3103
+ "cursor-pointer",
3104
+ "select-none",
3105
+ "whitespace-nowrap",
3106
+ "uds-ring",
3107
+ "opacity-50",
3108
+ "cursor-default",
3109
+ "border-solid",
3110
+ "border-b-solid",
3111
+ "transition-colors"
3112
+ ],
3113
+ "internalComponents": [
3114
+ "IconSlot",
3115
+ "AriakitTab",
3116
+ "Text"
3117
+ ],
3118
+ "internalComponentProps": {
3119
+ "Text": {
3120
+ "variant": [
3121
+ "inherit"
3122
+ ],
3123
+ "as": [
3124
+ "span"
3125
+ ],
3126
+ "color": [
3127
+ "current"
3128
+ ]
3129
+ }
3130
+ },
3131
+ "propToVariantKeys": {
3132
+ "variant": [
3133
+ "tabVariantRoot",
3134
+ "tabVariantIcon"
3135
+ ],
3136
+ "activeState": [
3137
+ "tabVariantActiveIcon"
3138
+ ],
3139
+ "startIcon": [
3140
+ "icon"
3141
+ ],
3142
+ "endIcon": [
3143
+ "icon"
3144
+ ]
3145
+ },
3146
+ "runtimeConfigDefaultProps": {},
3147
+ "runtimeConfigGetStyles": {},
3148
+ "runtimeConfigInternalComponentProps": {},
3149
+ "motionVarPrefixes": []
3150
+ },
3151
+ "TabPanel": {
3152
+ "name": "TabPanel",
3153
+ "defaultProps": {},
3154
+ "getStylesLiterals": {},
3155
+ "cxLiterals": [],
3156
+ "internalComponents": [
3157
+ "AriakitTabPanel"
3158
+ ],
3159
+ "internalComponentProps": {},
3160
+ "propToVariantKeys": {},
3161
+ "runtimeConfigDefaultProps": {},
3162
+ "runtimeConfigGetStyles": {},
3163
+ "runtimeConfigInternalComponentProps": {},
3164
+ "motionVarPrefixes": []
3165
+ },
2672
3166
  "UDSTooltipConfigProvider": {
2673
3167
  "name": "UDSTooltipConfigProvider",
2674
3168
  "defaultProps": {},
@@ -3236,6 +3730,8 @@
3236
3730
  "cxLiterals": [
3237
3731
  "opacity-50",
3238
3732
  "min-w-[200px]",
3733
+ "uds-ring-shadow",
3734
+ "uds-ring-within",
3239
3735
  "grow",
3240
3736
  "uds-hit-target",
3241
3737
  "bg-transparent",