@yahoo/uds 3.169.1 → 3.171.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (67) hide show
  1. package/dist/automated-config/dist/generated/autoVariantTemplates.cjs +218 -0
  2. package/dist/automated-config/dist/generated/autoVariantTemplates.js +218 -0
  3. package/dist/components/IconSlot.cjs +1 -1
  4. package/dist/components/IconSlot.js +1 -1
  5. package/dist/components/client/Button/Button.cjs +1 -1
  6. package/dist/components/client/Button/Button.js +1 -1
  7. package/dist/components/client/IconButton/IconButton.cjs +1 -1
  8. package/dist/components/client/IconButton/IconButton.js +1 -1
  9. package/dist/components/client/Menu/Menu.Content.cjs +1 -1
  10. package/dist/components/client/Menu/Menu.Content.d.cts +6 -0
  11. package/dist/components/client/Menu/Menu.Content.d.ts +6 -0
  12. package/dist/components/client/Menu/Menu.Content.js +1 -1
  13. package/dist/components/client/Modal/Modal.cjs +5 -5
  14. package/dist/components/client/Modal/Modal.d.cts +1 -0
  15. package/dist/components/client/Modal/Modal.d.ts +1 -0
  16. package/dist/components/client/Modal/Modal.js +6 -6
  17. package/dist/components/client/Popover/Popover.cjs +3 -2
  18. package/dist/components/client/Popover/Popover.d.cts +2 -1
  19. package/dist/components/client/Popover/Popover.d.ts +2 -1
  20. package/dist/components/client/Popover/Popover.js +3 -2
  21. package/dist/components/client/Popover/PopoverContent.cjs +2 -1
  22. package/dist/components/client/Popover/PopoverContent.js +2 -1
  23. package/dist/components/client/Popover/PopoverContext.d.cts +1 -0
  24. package/dist/components/client/Popover/PopoverContext.d.ts +1 -0
  25. package/dist/components/client/Popover/PopoverTrigger.cjs +9 -2
  26. package/dist/components/client/Popover/PopoverTrigger.js +10 -3
  27. package/dist/components/client/Tooltip/Tooltip.cjs +6 -2
  28. package/dist/components/client/Tooltip/Tooltip.d.cts +5 -1
  29. package/dist/components/client/Tooltip/Tooltip.d.ts +5 -1
  30. package/dist/components/client/Tooltip/Tooltip.js +6 -2
  31. package/dist/components/client/Tooltip/TooltipContent.cjs +3 -2
  32. package/dist/components/client/Tooltip/TooltipContent.js +3 -2
  33. package/dist/components/client/Tooltip/tooltipContext.d.cts +2 -0
  34. package/dist/components/client/Tooltip/tooltipContext.d.ts +2 -0
  35. package/dist/index.cjs +3 -3
  36. package/dist/index.js +3 -3
  37. package/dist/styles/styleVariantTemplates.cjs +146 -0
  38. package/dist/styles/styleVariantTemplates.d.cts +161 -0
  39. package/dist/styles/styleVariantTemplates.d.ts +161 -0
  40. package/dist/styles/styleVariantTemplates.js +145 -0
  41. package/dist/styles/styler.cjs +27 -32
  42. package/dist/styles/styler.d.cts +13 -289
  43. package/dist/styles/styler.d.ts +13 -289
  44. package/dist/styles/styler.js +27 -32
  45. package/dist/styles/stylerTypes.d.cts +1 -1
  46. package/dist/styles/stylerTypes.d.ts +1 -1
  47. package/dist/styles/udsTailwindMerge.cjs +522 -0
  48. package/dist/styles/udsTailwindMerge.d.cts +7 -0
  49. package/dist/styles/udsTailwindMerge.d.ts +7 -0
  50. package/dist/styles/udsTailwindMerge.js +520 -0
  51. package/dist/styles/variantClass.cjs +31 -0
  52. package/dist/styles/variantClass.d.cts +12 -0
  53. package/dist/styles/variantClass.d.ts +12 -0
  54. package/dist/styles/variantClass.js +30 -0
  55. package/dist/styles/variants.cjs +3 -2
  56. package/dist/styles/variants.js +1 -1
  57. package/dist/tokens/index.cjs +1 -1
  58. package/dist/tokens/index.js +1 -1
  59. package/dist/types/dist/index.d.cts +12 -0
  60. package/dist/types/dist/index.d.ts +12 -0
  61. package/dist/uds/generated/componentData.cjs +376 -376
  62. package/dist/uds/generated/componentData.js +376 -376
  63. package/dist/uds/generated/tailwindPurge.cjs +79 -79
  64. package/dist/uds/generated/tailwindPurge.js +79 -79
  65. package/generated/componentData.json +507 -507
  66. package/generated/tailwindPurge.ts +1 -1
  67. package/package.json +1 -1
@@ -2339,153 +2339,6 @@ var componentData_default = {
2339
2339
  "runtimeConfigInternalComponentProps": {},
2340
2340
  "motionVarPrefixes": []
2341
2341
  },
2342
- InputHelpTextInternal: {
2343
- "name": "InputHelpTextInternal",
2344
- "defaultProps": {},
2345
- "getStylesLiterals": {
2346
- "inputVariantHelperText": "default",
2347
- "inputVariantValueHelperText": "empty",
2348
- "inputVariantValueHelperText:1": "filled",
2349
- "inputVariantHelperIcon": "default",
2350
- "inputVariantValueHelperIcon": "empty",
2351
- "inputVariantValueHelperIcon:1": "filled"
2352
- },
2353
- "cxLiterals": [],
2354
- "internalComponents": ["IconSlot", "HStack"],
2355
- "internalComponentProps": { "HStack": {
2356
- "gap": ["1"],
2357
- "alignItems": ["center"]
2358
- } },
2359
- "propToVariantKeys": {
2360
- "size": ["inputSizeHelperText", "inputSizeHelperIcon"],
2361
- "startIcon": ["icon"],
2362
- "endIcon": ["icon"]
2363
- },
2364
- "runtimeConfigDefaultProps": { "size": "input.defaultSize" },
2365
- "runtimeConfigGetStyles": {},
2366
- "runtimeConfigInternalComponentProps": {},
2367
- "motionVarPrefixes": []
2368
- },
2369
- Input: {
2370
- "name": "Input",
2371
- "defaultProps": {
2372
- "type": "text",
2373
- "size": "md",
2374
- "width": "full"
2375
- },
2376
- "getStylesLiterals": {
2377
- "inputVariantRoot": "default",
2378
- "inputVariantValueRoot": "empty",
2379
- "inputVariantValueRoot:1": "filled",
2380
- "inputVariantInputWrapper": "default",
2381
- "inputVariantValueInputWrapper": "empty",
2382
- "inputVariantValueInputWrapper:1": "filled",
2383
- "inputVariantInput": "default",
2384
- "inputVariantValueInput": "empty",
2385
- "inputVariantValueInput:1": "filled",
2386
- "inputVariantInputPlaceholder": "default",
2387
- "inputVariantValueInputPlaceholder": "empty",
2388
- "inputVariantValueInputPlaceholder:1": "filled",
2389
- "inputVariantLabel": "default",
2390
- "inputVariantValueLabel": "empty",
2391
- "inputVariantValueLabel:1": "filled",
2392
- "inputVariantLabelRequired": "default",
2393
- "inputVariantValueLabelRequired": "empty",
2394
- "inputVariantValueLabelRequired:1": "filled",
2395
- "inputVariantStartIcon": "default",
2396
- "inputVariantValueStartIcon": "empty",
2397
- "inputVariantValueStartIcon:1": "filled",
2398
- "inputVariantEndIcon": "default",
2399
- "inputVariantValueEndIcon": "empty",
2400
- "inputVariantValueEndIcon:1": "filled"
2401
- },
2402
- "cxLiterals": [
2403
- "opacity-50",
2404
- "min-w-[200px]",
2405
- "uds-ring-shadow",
2406
- "uds-ring-within",
2407
- "grow",
2408
- "uds-hit-target",
2409
- "bg-transparent",
2410
- "bg-clip-text",
2411
- "focus-visible:outline-none",
2412
- "cursor-text",
2413
- "cursor-not-allowed"
2414
- ],
2415
- "internalComponents": [
2416
- "IconSlot",
2417
- "StartIcon",
2418
- "EndIcon",
2419
- "HelpTextContent",
2420
- "Box",
2421
- "InputHelpTextInternal",
2422
- "VStack",
2423
- "HStack",
2424
- "AnimateHeightChange"
2425
- ],
2426
- "internalComponentProps": {
2427
- "HelpTextContent": { "spacingTop": ["2"] },
2428
- "Box": {
2429
- "spacingBottom": ["2"],
2430
- "columnGap": ["0.5"],
2431
- "alignItems": ["flex-end", "center"],
2432
- "position": ["relative"]
2433
- },
2434
- "HStack": {
2435
- "alignItems": ["center"],
2436
- "gap": ["1"]
2437
- }
2438
- },
2439
- "propToVariantKeys": {
2440
- "size": [
2441
- "inputSizeRoot",
2442
- "inputSizeInputWrapperStatic",
2443
- "inputSizeInputWrapperDynamic",
2444
- "inputSizeInput",
2445
- "inputSizeLabel",
2446
- "inputSizeStartIcon",
2447
- "inputSizeEndIcon"
2448
- ],
2449
- "startIcon": ["icon"],
2450
- "endIcon": ["icon"],
2451
- "slotProps": ["helperTextSlotProps"],
2452
- "helperTextIcon": ["startIcon"]
2453
- },
2454
- "runtimeConfigDefaultProps": { "size": "input.defaultSize" },
2455
- "runtimeConfigGetStyles": {},
2456
- "runtimeConfigInternalComponentProps": {},
2457
- "motionVarPrefixes": []
2458
- },
2459
- UDSInputConfigProvider: {
2460
- "name": "UDSInputConfigProvider",
2461
- "defaultProps": {},
2462
- "getStylesLiterals": {},
2463
- "cxLiterals": [],
2464
- "internalComponents": [],
2465
- "internalComponentProps": {},
2466
- "propToVariantKeys": {},
2467
- "runtimeConfigDefaultProps": {},
2468
- "runtimeConfigGetStyles": {},
2469
- "runtimeConfigInternalComponentProps": {},
2470
- "motionVarPrefixes": []
2471
- },
2472
- InputHelpText: {
2473
- "name": "InputHelpText",
2474
- "defaultProps": { "size": "md" },
2475
- "getStylesLiterals": {
2476
- "inputVariantRoot": "default",
2477
- "inputVariantValueRoot": "empty",
2478
- "inputVariantValueRoot:1": "filled"
2479
- },
2480
- "cxLiterals": [],
2481
- "internalComponents": ["InputHelpTextInternal", "Box"],
2482
- "internalComponentProps": { "Box": { "spacingTop": ["2"] } },
2483
- "propToVariantKeys": { "size": ["inputSizeRoot"] },
2484
- "runtimeConfigDefaultProps": {},
2485
- "runtimeConfigGetStyles": {},
2486
- "runtimeConfigInternalComponentProps": {},
2487
- "motionVarPrefixes": []
2488
- },
2489
2342
  SwitchBase: {
2490
2343
  "name": "SwitchBase",
2491
2344
  "defaultProps": {
@@ -2595,100 +2448,97 @@ var componentData_default = {
2595
2448
  "runtimeConfigInternalComponentProps": {},
2596
2449
  "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
2597
2450
  },
2598
- AvatarIcon: {
2599
- "name": "AvatarIcon",
2451
+ ChipBase: {
2452
+ "name": "ChipBase",
2600
2453
  "defaultProps": {
2601
2454
  "size": "md",
2602
- "variant": "primary"
2455
+ "as": "div"
2603
2456
  },
2604
2457
  "getStylesLiterals": {},
2605
2458
  "cxLiterals": [
2606
- "overflow-hidden",
2607
- "w-full",
2608
- "h-full",
2609
- "shrink-0",
2610
- "text-center",
2459
+ "pointer-events-none",
2460
+ "cursor-default",
2461
+ "opacity-50",
2611
2462
  "inline-flex",
2612
- "justify-center",
2613
- "items-center"
2463
+ "items-center",
2464
+ "transition-[background-color,outline-color,box-shadow]",
2465
+ "truncate",
2466
+ "whitespace-nowrap",
2467
+ "text-center",
2468
+ "flex-1",
2469
+ "md",
2470
+ "primary"
2614
2471
  ],
2615
- "internalComponents": ["IconSlot", "Box"],
2616
- "internalComponentProps": {},
2617
- "propToVariantKeys": { "size": ["avatarSizeIcon"] },
2618
- "runtimeConfigDefaultProps": { "size": "avatar.defaultSize" },
2472
+ "internalComponents": [
2473
+ "IconSlot",
2474
+ "HStack",
2475
+ "As",
2476
+ "Text"
2477
+ ],
2478
+ "internalComponentProps": { "Text": {
2479
+ "as": ["span"],
2480
+ "color": ["current"],
2481
+ "variant": ["inherit"]
2482
+ } },
2483
+ "propToVariantKeys": {
2484
+ "size": ["chipSizeRoot", "chipSizeIcon"],
2485
+ "startIcon": ["icon"],
2486
+ "endIcon": ["icon"]
2487
+ },
2488
+ "runtimeConfigDefaultProps": { "size": "chip.defaultSize" },
2619
2489
  "runtimeConfigGetStyles": {},
2620
2490
  "runtimeConfigInternalComponentProps": {},
2621
2491
  "motionVarPrefixes": []
2622
2492
  },
2623
- AvatarImage: {
2624
- "name": "AvatarImage",
2625
- "defaultProps": {
2626
- "size": "md",
2627
- "variant": "primary"
2628
- },
2493
+ Chip: {
2494
+ "name": "Chip",
2495
+ "defaultProps": {},
2629
2496
  "getStylesLiterals": {},
2630
- "cxLiterals": [
2631
- "overflow-hidden",
2632
- "w-full",
2633
- "h-full",
2634
- "shrink-0",
2635
- "text-center",
2636
- "inline-flex",
2637
- "justify-center",
2638
- "items-center",
2639
- "object-cover"
2640
- ],
2497
+ "cxLiterals": [],
2641
2498
  "internalComponents": [
2642
- "UDSImage",
2643
- "AvatarText",
2644
- "AvatarIcon",
2645
- "Box"
2499
+ "ChipDismissible",
2500
+ "ChipToggle",
2501
+ "ChipLink",
2502
+ "ChipButton"
2646
2503
  ],
2647
2504
  "internalComponentProps": {},
2648
- "propToVariantKeys": {
2649
- "alt": ["name"],
2650
- "fallback": ["initials"]
2651
- },
2505
+ "propToVariantKeys": {},
2652
2506
  "runtimeConfigDefaultProps": {},
2653
2507
  "runtimeConfigGetStyles": {},
2654
2508
  "runtimeConfigInternalComponentProps": {},
2655
2509
  "motionVarPrefixes": []
2656
2510
  },
2657
- AvatarText: {
2658
- "name": "AvatarText",
2659
- "defaultProps": {
2660
- "size": "md",
2661
- "variant": "primary"
2662
- },
2511
+ ChipDismissible: {
2512
+ "name": "ChipDismissible",
2513
+ "defaultProps": { "variant": "primary" },
2663
2514
  "getStylesLiterals": {},
2664
2515
  "cxLiterals": [
2665
- "overflow-hidden",
2666
- "truncate",
2667
- "w-full",
2668
- "h-full",
2669
- "shrink-0",
2670
- "text-center",
2671
- "inline-flex",
2672
- "justify-center",
2673
- "items-center"
2516
+ "uds-chip-dismissible-button",
2517
+ "uds-hit-target",
2518
+ "uds-ring",
2519
+ "rounded-full"
2674
2520
  ],
2675
- "internalComponents": ["Box", "Text"],
2676
- "internalComponentProps": { "Text": {
2677
- "color": ["inherit"],
2678
- "variant": ["inherit"]
2679
- } },
2680
- "propToVariantKeys": {},
2521
+ "internalComponents": [
2522
+ "ChipBase",
2523
+ "IconSlot",
2524
+ "Pressable"
2525
+ ],
2526
+ "internalComponentProps": {},
2527
+ "propToVariantKeys": {
2528
+ "variant": ["chipDismissibleVariantRoot", "chipDismissibleVariantIcon"],
2529
+ "dismissButtonAriaLabel": ["aria-label"]
2530
+ },
2681
2531
  "runtimeConfigDefaultProps": {},
2682
2532
  "runtimeConfigGetStyles": {},
2683
2533
  "runtimeConfigInternalComponentProps": {},
2684
2534
  "motionVarPrefixes": []
2685
2535
  },
2686
- Avatar: {
2687
- "name": "Avatar",
2536
+ UDSChipConfigProvider: {
2537
+ "name": "UDSChipConfigProvider",
2688
2538
  "defaultProps": {},
2689
2539
  "getStylesLiterals": {},
2690
2540
  "cxLiterals": [],
2691
- "internalComponents": ["AvatarImage"],
2541
+ "internalComponents": [],
2692
2542
  "internalComponentProps": {},
2693
2543
  "propToVariantKeys": {},
2694
2544
  "runtimeConfigDefaultProps": {},
@@ -2696,72 +2546,174 @@ var componentData_default = {
2696
2546
  "runtimeConfigInternalComponentProps": {},
2697
2547
  "motionVarPrefixes": []
2698
2548
  },
2699
- UDSAvatarConfigProvider: {
2700
- "name": "UDSAvatarConfigProvider",
2701
- "defaultProps": {},
2549
+ ChipLink: {
2550
+ "name": "ChipLink",
2551
+ "defaultProps": { "variant": "primary" },
2702
2552
  "getStylesLiterals": {},
2703
- "cxLiterals": [],
2704
- "internalComponents": [],
2705
- "internalComponentProps": {},
2706
- "propToVariantKeys": {},
2553
+ "cxLiterals": ["uds-ring"],
2554
+ "internalComponents": ["ChipBase"],
2555
+ "internalComponentProps": { "ChipBase": { "as": ["a"] } },
2556
+ "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
2707
2557
  "runtimeConfigDefaultProps": {},
2708
2558
  "runtimeConfigGetStyles": {},
2709
2559
  "runtimeConfigInternalComponentProps": {},
2710
2560
  "motionVarPrefixes": []
2711
2561
  },
2712
- ChipBase: {
2713
- "name": "ChipBase",
2562
+ ChipButton: {
2563
+ "name": "ChipButton",
2564
+ "defaultProps": { "variant": "primary" },
2565
+ "getStylesLiterals": {},
2566
+ "cxLiterals": ["uds-ring"],
2567
+ "internalComponents": ["ChipBase"],
2568
+ "internalComponentProps": { "ChipBase": { "as": ["button"] } },
2569
+ "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
2570
+ "runtimeConfigDefaultProps": {},
2571
+ "runtimeConfigGetStyles": {},
2572
+ "runtimeConfigInternalComponentProps": {},
2573
+ "motionVarPrefixes": []
2574
+ },
2575
+ ChipToggle: {
2576
+ "name": "ChipToggle",
2577
+ "defaultProps": {
2578
+ "variant": "primary",
2579
+ "role": "checkbox"
2580
+ },
2581
+ "getStylesLiterals": {
2582
+ "chipToggleVariantActiveRoot": "on",
2583
+ "chipToggleVariantActiveRoot:1": "off"
2584
+ },
2585
+ "cxLiterals": ["uds-ring"],
2586
+ "internalComponents": ["ChipBase"],
2587
+ "internalComponentProps": { "ChipBase": { "as": ["button"] } },
2588
+ "propToVariantKeys": { "variant": ["chipToggleVariantRoot", "chipToggleVariantIcon"] },
2589
+ "runtimeConfigDefaultProps": {},
2590
+ "runtimeConfigGetStyles": {},
2591
+ "runtimeConfigInternalComponentProps": {},
2592
+ "motionVarPrefixes": []
2593
+ },
2594
+ InputHelpTextInternal: {
2595
+ "name": "InputHelpTextInternal",
2596
+ "defaultProps": {},
2597
+ "getStylesLiterals": {
2598
+ "inputVariantHelperText": "default",
2599
+ "inputVariantValueHelperText": "empty",
2600
+ "inputVariantValueHelperText:1": "filled",
2601
+ "inputVariantHelperIcon": "default",
2602
+ "inputVariantValueHelperIcon": "empty",
2603
+ "inputVariantValueHelperIcon:1": "filled"
2604
+ },
2605
+ "cxLiterals": [],
2606
+ "internalComponents": ["IconSlot", "HStack"],
2607
+ "internalComponentProps": { "HStack": {
2608
+ "gap": ["1"],
2609
+ "alignItems": ["center"]
2610
+ } },
2611
+ "propToVariantKeys": {
2612
+ "size": ["inputSizeHelperText", "inputSizeHelperIcon"],
2613
+ "startIcon": ["icon"],
2614
+ "endIcon": ["icon"]
2615
+ },
2616
+ "runtimeConfigDefaultProps": { "size": "input.defaultSize" },
2617
+ "runtimeConfigGetStyles": {},
2618
+ "runtimeConfigInternalComponentProps": {},
2619
+ "motionVarPrefixes": []
2620
+ },
2621
+ Input: {
2622
+ "name": "Input",
2714
2623
  "defaultProps": {
2624
+ "type": "text",
2715
2625
  "size": "md",
2716
- "as": "div"
2626
+ "width": "full"
2627
+ },
2628
+ "getStylesLiterals": {
2629
+ "inputVariantRoot": "default",
2630
+ "inputVariantValueRoot": "empty",
2631
+ "inputVariantValueRoot:1": "filled",
2632
+ "inputVariantInputWrapper": "default",
2633
+ "inputVariantValueInputWrapper": "empty",
2634
+ "inputVariantValueInputWrapper:1": "filled",
2635
+ "inputVariantInput": "default",
2636
+ "inputVariantValueInput": "empty",
2637
+ "inputVariantValueInput:1": "filled",
2638
+ "inputVariantInputPlaceholder": "default",
2639
+ "inputVariantValueInputPlaceholder": "empty",
2640
+ "inputVariantValueInputPlaceholder:1": "filled",
2641
+ "inputVariantLabel": "default",
2642
+ "inputVariantValueLabel": "empty",
2643
+ "inputVariantValueLabel:1": "filled",
2644
+ "inputVariantLabelRequired": "default",
2645
+ "inputVariantValueLabelRequired": "empty",
2646
+ "inputVariantValueLabelRequired:1": "filled",
2647
+ "inputVariantStartIcon": "default",
2648
+ "inputVariantValueStartIcon": "empty",
2649
+ "inputVariantValueStartIcon:1": "filled",
2650
+ "inputVariantEndIcon": "default",
2651
+ "inputVariantValueEndIcon": "empty",
2652
+ "inputVariantValueEndIcon:1": "filled"
2717
2653
  },
2718
- "getStylesLiterals": {},
2719
2654
  "cxLiterals": [
2720
- "pointer-events-none",
2721
- "cursor-default",
2722
2655
  "opacity-50",
2723
- "inline-flex",
2724
- "items-center",
2725
- "transition-[background-color,outline-color,box-shadow]",
2726
- "truncate",
2727
- "whitespace-nowrap",
2728
- "text-center",
2729
- "flex-1",
2730
- "md",
2731
- "primary"
2656
+ "min-w-[200px]",
2657
+ "uds-ring-shadow",
2658
+ "uds-ring-within",
2659
+ "grow",
2660
+ "uds-hit-target",
2661
+ "bg-transparent",
2662
+ "bg-clip-text",
2663
+ "focus-visible:outline-none",
2664
+ "cursor-text",
2665
+ "cursor-not-allowed"
2732
2666
  ],
2733
2667
  "internalComponents": [
2734
2668
  "IconSlot",
2669
+ "StartIcon",
2670
+ "EndIcon",
2671
+ "HelpTextContent",
2672
+ "Box",
2673
+ "InputHelpTextInternal",
2674
+ "VStack",
2735
2675
  "HStack",
2736
- "As",
2737
- "Text"
2676
+ "AnimateHeightChange"
2738
2677
  ],
2739
- "internalComponentProps": { "Text": {
2740
- "as": ["span"],
2741
- "color": ["current"],
2742
- "variant": ["inherit"]
2743
- } },
2678
+ "internalComponentProps": {
2679
+ "HelpTextContent": { "spacingTop": ["2"] },
2680
+ "Box": {
2681
+ "spacingBottom": ["2"],
2682
+ "columnGap": ["0.5"],
2683
+ "alignItems": ["flex-end", "center"],
2684
+ "position": ["relative"]
2685
+ },
2686
+ "HStack": {
2687
+ "alignItems": ["center"],
2688
+ "gap": ["1"]
2689
+ }
2690
+ },
2744
2691
  "propToVariantKeys": {
2745
- "size": ["chipSizeRoot", "chipSizeIcon"],
2692
+ "size": [
2693
+ "inputSizeRoot",
2694
+ "inputSizeInputWrapperStatic",
2695
+ "inputSizeInputWrapperDynamic",
2696
+ "inputSizeInput",
2697
+ "inputSizeLabel",
2698
+ "inputSizeStartIcon",
2699
+ "inputSizeEndIcon"
2700
+ ],
2746
2701
  "startIcon": ["icon"],
2747
- "endIcon": ["icon"]
2702
+ "endIcon": ["icon"],
2703
+ "slotProps": ["helperTextSlotProps"],
2704
+ "helperTextIcon": ["startIcon"]
2748
2705
  },
2749
- "runtimeConfigDefaultProps": { "size": "chip.defaultSize" },
2706
+ "runtimeConfigDefaultProps": { "size": "input.defaultSize" },
2750
2707
  "runtimeConfigGetStyles": {},
2751
2708
  "runtimeConfigInternalComponentProps": {},
2752
2709
  "motionVarPrefixes": []
2753
2710
  },
2754
- Chip: {
2755
- "name": "Chip",
2711
+ UDSInputConfigProvider: {
2712
+ "name": "UDSInputConfigProvider",
2756
2713
  "defaultProps": {},
2757
2714
  "getStylesLiterals": {},
2758
2715
  "cxLiterals": [],
2759
- "internalComponents": [
2760
- "ChipDismissible",
2761
- "ChipToggle",
2762
- "ChipLink",
2763
- "ChipButton"
2764
- ],
2716
+ "internalComponents": [],
2765
2717
  "internalComponentProps": {},
2766
2718
  "propToVariantKeys": {},
2767
2719
  "runtimeConfigDefaultProps": {},
@@ -2769,84 +2721,132 @@ var componentData_default = {
2769
2721
  "runtimeConfigInternalComponentProps": {},
2770
2722
  "motionVarPrefixes": []
2771
2723
  },
2772
- ChipDismissible: {
2773
- "name": "ChipDismissible",
2774
- "defaultProps": { "variant": "primary" },
2724
+ InputHelpText: {
2725
+ "name": "InputHelpText",
2726
+ "defaultProps": { "size": "md" },
2727
+ "getStylesLiterals": {
2728
+ "inputVariantRoot": "default",
2729
+ "inputVariantValueRoot": "empty",
2730
+ "inputVariantValueRoot:1": "filled"
2731
+ },
2732
+ "cxLiterals": [],
2733
+ "internalComponents": ["InputHelpTextInternal", "Box"],
2734
+ "internalComponentProps": { "Box": { "spacingTop": ["2"] } },
2735
+ "propToVariantKeys": { "size": ["inputSizeRoot"] },
2736
+ "runtimeConfigDefaultProps": {},
2737
+ "runtimeConfigGetStyles": {},
2738
+ "runtimeConfigInternalComponentProps": {},
2739
+ "motionVarPrefixes": []
2740
+ },
2741
+ AvatarIcon: {
2742
+ "name": "AvatarIcon",
2743
+ "defaultProps": {
2744
+ "size": "md",
2745
+ "variant": "primary"
2746
+ },
2747
+ "getStylesLiterals": {},
2748
+ "cxLiterals": [
2749
+ "overflow-hidden",
2750
+ "w-full",
2751
+ "h-full",
2752
+ "shrink-0",
2753
+ "text-center",
2754
+ "inline-flex",
2755
+ "justify-center",
2756
+ "items-center"
2757
+ ],
2758
+ "internalComponents": ["IconSlot", "Box"],
2759
+ "internalComponentProps": {},
2760
+ "propToVariantKeys": { "size": ["avatarSizeIcon"] },
2761
+ "runtimeConfigDefaultProps": { "size": "avatar.defaultSize" },
2762
+ "runtimeConfigGetStyles": {},
2763
+ "runtimeConfigInternalComponentProps": {},
2764
+ "motionVarPrefixes": []
2765
+ },
2766
+ AvatarImage: {
2767
+ "name": "AvatarImage",
2768
+ "defaultProps": {
2769
+ "size": "md",
2770
+ "variant": "primary"
2771
+ },
2775
2772
  "getStylesLiterals": {},
2776
2773
  "cxLiterals": [
2777
- "uds-chip-dismissible-button",
2778
- "uds-hit-target",
2779
- "uds-ring",
2780
- "rounded-full"
2774
+ "overflow-hidden",
2775
+ "w-full",
2776
+ "h-full",
2777
+ "shrink-0",
2778
+ "text-center",
2779
+ "inline-flex",
2780
+ "justify-center",
2781
+ "items-center",
2782
+ "object-cover"
2781
2783
  ],
2782
2784
  "internalComponents": [
2783
- "ChipBase",
2784
- "IconSlot",
2785
- "Pressable"
2785
+ "UDSImage",
2786
+ "AvatarText",
2787
+ "AvatarIcon",
2788
+ "Box"
2786
2789
  ],
2787
2790
  "internalComponentProps": {},
2788
2791
  "propToVariantKeys": {
2789
- "variant": ["chipDismissibleVariantRoot", "chipDismissibleVariantIcon"],
2790
- "dismissButtonAriaLabel": ["aria-label"]
2792
+ "alt": ["name"],
2793
+ "fallback": ["initials"]
2791
2794
  },
2792
2795
  "runtimeConfigDefaultProps": {},
2793
2796
  "runtimeConfigGetStyles": {},
2794
2797
  "runtimeConfigInternalComponentProps": {},
2795
2798
  "motionVarPrefixes": []
2796
2799
  },
2797
- UDSChipConfigProvider: {
2798
- "name": "UDSChipConfigProvider",
2799
- "defaultProps": {},
2800
+ AvatarText: {
2801
+ "name": "AvatarText",
2802
+ "defaultProps": {
2803
+ "size": "md",
2804
+ "variant": "primary"
2805
+ },
2800
2806
  "getStylesLiterals": {},
2801
- "cxLiterals": [],
2802
- "internalComponents": [],
2803
- "internalComponentProps": {},
2807
+ "cxLiterals": [
2808
+ "overflow-hidden",
2809
+ "truncate",
2810
+ "w-full",
2811
+ "h-full",
2812
+ "shrink-0",
2813
+ "text-center",
2814
+ "inline-flex",
2815
+ "justify-center",
2816
+ "items-center"
2817
+ ],
2818
+ "internalComponents": ["Box", "Text"],
2819
+ "internalComponentProps": { "Text": {
2820
+ "color": ["inherit"],
2821
+ "variant": ["inherit"]
2822
+ } },
2804
2823
  "propToVariantKeys": {},
2805
2824
  "runtimeConfigDefaultProps": {},
2806
2825
  "runtimeConfigGetStyles": {},
2807
2826
  "runtimeConfigInternalComponentProps": {},
2808
2827
  "motionVarPrefixes": []
2809
2828
  },
2810
- ChipLink: {
2811
- "name": "ChipLink",
2812
- "defaultProps": { "variant": "primary" },
2829
+ Avatar: {
2830
+ "name": "Avatar",
2831
+ "defaultProps": {},
2813
2832
  "getStylesLiterals": {},
2814
- "cxLiterals": ["uds-ring"],
2815
- "internalComponents": ["ChipBase"],
2816
- "internalComponentProps": { "ChipBase": { "as": ["a"] } },
2817
- "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
2833
+ "cxLiterals": [],
2834
+ "internalComponents": ["AvatarImage"],
2835
+ "internalComponentProps": {},
2836
+ "propToVariantKeys": {},
2818
2837
  "runtimeConfigDefaultProps": {},
2819
2838
  "runtimeConfigGetStyles": {},
2820
2839
  "runtimeConfigInternalComponentProps": {},
2821
2840
  "motionVarPrefixes": []
2822
2841
  },
2823
- ChipButton: {
2824
- "name": "ChipButton",
2825
- "defaultProps": { "variant": "primary" },
2842
+ UDSAvatarConfigProvider: {
2843
+ "name": "UDSAvatarConfigProvider",
2844
+ "defaultProps": {},
2826
2845
  "getStylesLiterals": {},
2827
- "cxLiterals": ["uds-ring"],
2828
- "internalComponents": ["ChipBase"],
2829
- "internalComponentProps": { "ChipBase": { "as": ["button"] } },
2830
- "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
2831
- "runtimeConfigDefaultProps": {},
2832
- "runtimeConfigGetStyles": {},
2833
- "runtimeConfigInternalComponentProps": {},
2834
- "motionVarPrefixes": []
2835
- },
2836
- ChipToggle: {
2837
- "name": "ChipToggle",
2838
- "defaultProps": {
2839
- "variant": "primary",
2840
- "role": "checkbox"
2841
- },
2842
- "getStylesLiterals": {
2843
- "chipToggleVariantActiveRoot": "on",
2844
- "chipToggleVariantActiveRoot:1": "off"
2845
- },
2846
- "cxLiterals": ["uds-ring"],
2847
- "internalComponents": ["ChipBase"],
2848
- "internalComponentProps": { "ChipBase": { "as": ["button"] } },
2849
- "propToVariantKeys": { "variant": ["chipToggleVariantRoot", "chipToggleVariantIcon"] },
2846
+ "cxLiterals": [],
2847
+ "internalComponents": [],
2848
+ "internalComponentProps": {},
2849
+ "propToVariantKeys": {},
2850
2850
  "runtimeConfigDefaultProps": {},
2851
2851
  "runtimeConfigGetStyles": {},
2852
2852
  "runtimeConfigInternalComponentProps": {},
@@ -2978,81 +2978,6 @@ var componentData_default = {
2978
2978
  "runtimeConfigInternalComponentProps": {},
2979
2979
  "motionVarPrefixes": []
2980
2980
  },
2981
- IconButtonBase: {
2982
- "name": "IconButtonBase",
2983
- "defaultProps": { "type": "button" },
2984
- "getStylesLiterals": {},
2985
- "cxLiterals": [
2986
- "uds-ring",
2987
- "uds-hit-target",
2988
- "inline-flex",
2989
- "overflow-hidden",
2990
- "justify-center",
2991
- "items-center",
2992
- "[transform-origin:center]",
2993
- "[backface-visibility:hidden]",
2994
- "[transition-property:color,background-color,border-color,box-shadow,text-decoration-color,fill,stroke]",
2995
- "[transition-timing-function:cubic-bezier(0,0,0.2,1)]",
2996
- "[transition-duration:220ms]",
2997
- "cursor-not-allowed",
2998
- "uds-button-loading",
2999
- "uds-button-without-effects",
3000
- "animate-spin"
3001
- ],
3002
- "internalComponents": [],
3003
- "internalComponentProps": {},
3004
- "propToVariantKeys": {
3005
- "size": ["iconbuttonSizeRoot", "iconbuttonSizeIcon"],
3006
- "variant": ["buttonVariantRoot", "buttonVariantIcon"]
3007
- },
3008
- "runtimeConfigDefaultProps": { "size": "iconButton.defaultSize" },
3009
- "runtimeConfigGetStyles": {},
3010
- "runtimeConfigInternalComponentProps": {},
3011
- "motionVarPrefixes": []
3012
- },
3013
- UDSIconButtonConfigProvider: {
3014
- "name": "UDSIconButtonConfigProvider",
3015
- "defaultProps": {},
3016
- "getStylesLiterals": {},
3017
- "cxLiterals": [],
3018
- "internalComponents": ["IconButtonContext.Provider"],
3019
- "internalComponentProps": {},
3020
- "propToVariantKeys": {},
3021
- "runtimeConfigDefaultProps": {},
3022
- "runtimeConfigGetStyles": {},
3023
- "runtimeConfigInternalComponentProps": {},
3024
- "motionVarPrefixes": []
3025
- },
3026
- IconButton: {
3027
- "name": "IconButton",
3028
- "defaultProps": {},
3029
- "getStylesLiterals": {},
3030
- "cxLiterals": [],
3031
- "internalComponents": [
3032
- "IconButtonBase",
3033
- "Icon",
3034
- "AnimatePresence",
3035
- "SpringMotionConfig",
3036
- "MotionSlot",
3037
- "IconButtonProps",
3038
- "Slot"
3039
- ],
3040
- "internalComponentProps": {
3041
- "Icon": { "color": ["current"] },
3042
- "AnimatePresence": { "mode": ["popLayout"] },
3043
- "SpringMotionConfig": { "layoutSpeed": ["3"] },
3044
- "MotionSlot": {
3045
- "initial": ["icon"],
3046
- "whileHover": ["hover"],
3047
- "whileTap": ["pressed"]
3048
- }
3049
- },
3050
- "propToVariantKeys": {},
3051
- "runtimeConfigDefaultProps": {},
3052
- "runtimeConfigGetStyles": {},
3053
- "runtimeConfigInternalComponentProps": {},
3054
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
3055
- },
3056
2981
  BottomSheetDismiss: {
3057
2982
  "name": "BottomSheetDismiss",
3058
2983
  "defaultProps": {},
@@ -3250,6 +3175,81 @@ var componentData_default = {
3250
3175
  "runtimeConfigInternalComponentProps": {},
3251
3176
  "motionVarPrefixes": []
3252
3177
  },
3178
+ IconButtonBase: {
3179
+ "name": "IconButtonBase",
3180
+ "defaultProps": { "type": "button" },
3181
+ "getStylesLiterals": {},
3182
+ "cxLiterals": [
3183
+ "uds-ring",
3184
+ "uds-hit-target",
3185
+ "inline-flex",
3186
+ "overflow-hidden",
3187
+ "justify-center",
3188
+ "items-center",
3189
+ "[transform-origin:center]",
3190
+ "[backface-visibility:hidden]",
3191
+ "[transition-property:color,background-color,border-color,box-shadow,text-decoration-color,fill,stroke]",
3192
+ "[transition-timing-function:cubic-bezier(0,0,0.2,1)]",
3193
+ "[transition-duration:220ms]",
3194
+ "cursor-not-allowed",
3195
+ "uds-button-loading",
3196
+ "uds-button-without-effects",
3197
+ "animate-spin"
3198
+ ],
3199
+ "internalComponents": [],
3200
+ "internalComponentProps": {},
3201
+ "propToVariantKeys": {
3202
+ "size": ["iconbuttonSizeRoot", "iconbuttonSizeIcon"],
3203
+ "variant": ["buttonVariantRoot", "buttonVariantIcon"]
3204
+ },
3205
+ "runtimeConfigDefaultProps": { "size": "iconButton.defaultSize" },
3206
+ "runtimeConfigGetStyles": {},
3207
+ "runtimeConfigInternalComponentProps": {},
3208
+ "motionVarPrefixes": []
3209
+ },
3210
+ UDSIconButtonConfigProvider: {
3211
+ "name": "UDSIconButtonConfigProvider",
3212
+ "defaultProps": {},
3213
+ "getStylesLiterals": {},
3214
+ "cxLiterals": [],
3215
+ "internalComponents": ["IconButtonContext.Provider"],
3216
+ "internalComponentProps": {},
3217
+ "propToVariantKeys": {},
3218
+ "runtimeConfigDefaultProps": {},
3219
+ "runtimeConfigGetStyles": {},
3220
+ "runtimeConfigInternalComponentProps": {},
3221
+ "motionVarPrefixes": []
3222
+ },
3223
+ IconButton: {
3224
+ "name": "IconButton",
3225
+ "defaultProps": {},
3226
+ "getStylesLiterals": {},
3227
+ "cxLiterals": [],
3228
+ "internalComponents": [
3229
+ "IconButtonBase",
3230
+ "Icon",
3231
+ "AnimatePresence",
3232
+ "SpringMotionConfig",
3233
+ "MotionSlot",
3234
+ "IconButtonProps",
3235
+ "Slot"
3236
+ ],
3237
+ "internalComponentProps": {
3238
+ "Icon": { "color": ["current"] },
3239
+ "AnimatePresence": { "mode": ["popLayout"] },
3240
+ "SpringMotionConfig": { "layoutSpeed": ["3"] },
3241
+ "MotionSlot": {
3242
+ "initial": ["icon"],
3243
+ "whileHover": ["hover"],
3244
+ "whileTap": ["pressed"]
3245
+ }
3246
+ },
3247
+ "propToVariantKeys": {},
3248
+ "runtimeConfigDefaultProps": {},
3249
+ "runtimeConfigGetStyles": {},
3250
+ "runtimeConfigInternalComponentProps": {},
3251
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
3252
+ },
3253
3253
  PaddleButtonNext: {
3254
3254
  "name": "PaddleButtonNext",
3255
3255
  "defaultProps": {},