@yahoo/uds 3.171.1 → 3.172.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 (26) hide show
  1. package/dist/automated-config/dist/utils/getConfigVariantProperties.d.cts +2 -2
  2. package/dist/automated-config/dist/utils/getConfigVariantProperties.d.ts +2 -2
  3. package/dist/components/client/Popover/UDSPopoverConfigProvider.d.cts +1 -1
  4. package/dist/components/client/Popover/UDSPopoverConfigProvider.d.ts +1 -1
  5. package/dist/css/dist/purger/optimized/ast/expressions.cjs +278 -278
  6. package/dist/css/dist/purger/optimized/ast/expressions.js +278 -278
  7. package/dist/css/dist/purger/optimized/ast/jsx.cjs +67 -36
  8. package/dist/css/dist/purger/optimized/ast/jsx.js +67 -35
  9. package/dist/css/dist/purger/optimized/ast/oxc.cjs +265 -0
  10. package/dist/css/dist/purger/optimized/ast/oxc.js +253 -0
  11. package/dist/css/dist/purger/optimized/ast/props.cjs +21 -15
  12. package/dist/css/dist/purger/optimized/ast/props.js +21 -14
  13. package/dist/css/dist/purger/optimized/ast/spread.cjs +19 -19
  14. package/dist/css/dist/purger/optimized/ast/spread.js +19 -18
  15. package/dist/css/dist/purger/optimized/purgeFromCode.cjs +86 -101
  16. package/dist/css/dist/purger/optimized/purgeFromCode.js +86 -100
  17. package/dist/tailwind-internal/dist/utils/getShadowStyles.d.cts +2 -2
  18. package/dist/tailwind-internal/dist/utils/getShadowStyles.d.ts +2 -2
  19. package/dist/tailwind-v3/dist/purger/legacy/purgeCSS.cjs +1 -1
  20. package/dist/tailwind-v3/dist/purger/legacy/purgeCSS.js +1 -1
  21. package/dist/uds/generated/componentData.cjs +450 -450
  22. package/dist/uds/generated/componentData.js +450 -450
  23. package/dist/uds/package.cjs +2 -0
  24. package/dist/uds/package.js +2 -0
  25. package/generated/componentData.json +1049 -1049
  26. package/package.json +3 -1
package/dist/uds/generated/componentData.cjs CHANGED
@@ -589,97 +589,6 @@ var componentData_default = {
589
589
  "runtimeConfigInternalComponentProps": {},
590
590
  "motionVarPrefixes": []
591
591
  },
592
- Tooltip: {
593
- "name": "Tooltip",
594
- "defaultProps": {},
595
- "getStylesLiterals": {},
596
- "cxLiterals": [],
597
- "internalComponents": ["TooltipInternalContext.Provider", "TooltipProvider"],
598
- "internalComponentProps": {},
599
- "propToVariantKeys": {},
600
- "runtimeConfigDefaultProps": {},
601
- "runtimeConfigGetStyles": {},
602
- "runtimeConfigInternalComponentProps": { "TooltipProvider": { "animated": ["tooltip.animationDuration"] } },
603
- "motionVarPrefixes": []
604
- },
605
- TooltipContent: {
606
- "name": "TooltipContent",
607
- "defaultProps": {},
608
- "getStylesLiterals": {
609
- "tooltipSizeRoot": "default",
610
- "tooltipVariantRoot": "default",
611
- "tooltipSizeSvg": "default",
612
- "tooltipVariantSvg": "default",
613
- "tooltipVariantBlur": "default",
614
- "position": "absolute",
615
- "width": "full",
616
- "height": "full",
617
- "tooltipSizeTitle": "default",
618
- "tooltipSizeBody": "default",
619
- "tooltipSizeEndContent": "default",
620
- "tooltipSizeIcon": "default",
621
- "tooltipVariantIcon": "default"
622
- },
623
- "cxLiterals": [
624
- "max-w-lg",
625
- "flex",
626
- "z-[9999]",
627
- "uds-bgBlurFillFallback",
628
- "uds-bgBlurFallback",
629
- "top-0",
630
- "left-0",
631
- "z-[1]"
632
- ],
633
- "internalComponents": [
634
- "IconSlot",
635
- "TooltipArrow",
636
- "Tooltip",
637
- "SvgFloatingOverlay",
638
- "VStack",
639
- "Box",
640
- "Text"
641
- ],
642
- "internalComponentProps": {
643
- "SvgFloatingOverlay": { "contentOverflow": ["visible"] },
644
- "VStack": { "className": ["gap-[inherit]"] },
645
- "Box": {
646
- "alignItems": ["center"],
647
- "columnGap": ["1", "1.5"]
648
- },
649
- "Text": { "color": ["inherit"] }
650
- },
651
- "propToVariantKeys": { "startTitleIcon": ["icon"] },
652
- "runtimeConfigDefaultProps": {},
653
- "runtimeConfigGetStyles": {},
654
- "runtimeConfigInternalComponentProps": {},
655
- "motionVarPrefixes": []
656
- },
657
- TooltipTrigger: {
658
- "name": "TooltipTrigger",
659
- "defaultProps": {},
660
- "getStylesLiterals": {},
661
- "cxLiterals": [],
662
- "internalComponents": ["TooltipAnchor"],
663
- "internalComponentProps": { "TooltipAnchor": { "className": ["inline"] } },
664
- "propToVariantKeys": { "children": ["render"] },
665
- "runtimeConfigDefaultProps": {},
666
- "runtimeConfigGetStyles": {},
667
- "runtimeConfigInternalComponentProps": {},
668
- "motionVarPrefixes": []
669
- },
670
- UDSTooltipConfigProvider: {
671
- "name": "UDSTooltipConfigProvider",
672
- "defaultProps": {},
673
- "getStylesLiterals": {},
674
- "cxLiterals": [],
675
- "internalComponents": ["TooltipContext.Provider"],
676
- "internalComponentProps": {},
677
- "propToVariantKeys": {},
678
- "runtimeConfigDefaultProps": {},
679
- "runtimeConfigGetStyles": {},
680
- "runtimeConfigInternalComponentProps": {},
681
- "motionVarPrefixes": []
682
- },
683
592
  Accordion: {
684
593
  "name": "Accordion",
685
594
  "defaultProps": {
@@ -790,6 +699,97 @@ var componentData_default = {
790
699
  "runtimeConfigInternalComponentProps": {},
791
700
  "motionVarPrefixes": []
792
701
  },
702
+ Tooltip: {
703
+ "name": "Tooltip",
704
+ "defaultProps": {},
705
+ "getStylesLiterals": {},
706
+ "cxLiterals": [],
707
+ "internalComponents": ["TooltipInternalContext.Provider", "TooltipProvider"],
708
+ "internalComponentProps": {},
709
+ "propToVariantKeys": {},
710
+ "runtimeConfigDefaultProps": {},
711
+ "runtimeConfigGetStyles": {},
712
+ "runtimeConfigInternalComponentProps": { "TooltipProvider": { "animated": ["tooltip.animationDuration"] } },
713
+ "motionVarPrefixes": []
714
+ },
715
+ TooltipContent: {
716
+ "name": "TooltipContent",
717
+ "defaultProps": {},
718
+ "getStylesLiterals": {
719
+ "tooltipSizeRoot": "default",
720
+ "tooltipVariantRoot": "default",
721
+ "tooltipSizeSvg": "default",
722
+ "tooltipVariantSvg": "default",
723
+ "tooltipVariantBlur": "default",
724
+ "position": "absolute",
725
+ "width": "full",
726
+ "height": "full",
727
+ "tooltipSizeTitle": "default",
728
+ "tooltipSizeBody": "default",
729
+ "tooltipSizeEndContent": "default",
730
+ "tooltipSizeIcon": "default",
731
+ "tooltipVariantIcon": "default"
732
+ },
733
+ "cxLiterals": [
734
+ "max-w-lg",
735
+ "flex",
736
+ "z-[9999]",
737
+ "uds-bgBlurFillFallback",
738
+ "uds-bgBlurFallback",
739
+ "top-0",
740
+ "left-0",
741
+ "z-[1]"
742
+ ],
743
+ "internalComponents": [
744
+ "IconSlot",
745
+ "TooltipArrow",
746
+ "Tooltip",
747
+ "SvgFloatingOverlay",
748
+ "VStack",
749
+ "Box",
750
+ "Text"
751
+ ],
752
+ "internalComponentProps": {
753
+ "SvgFloatingOverlay": { "contentOverflow": ["visible"] },
754
+ "VStack": { "className": ["gap-[inherit]"] },
755
+ "Box": {
756
+ "alignItems": ["center"],
757
+ "columnGap": ["1", "1.5"]
758
+ },
759
+ "Text": { "color": ["inherit"] }
760
+ },
761
+ "propToVariantKeys": { "startTitleIcon": ["icon"] },
762
+ "runtimeConfigDefaultProps": {},
763
+ "runtimeConfigGetStyles": {},
764
+ "runtimeConfigInternalComponentProps": {},
765
+ "motionVarPrefixes": []
766
+ },
767
+ TooltipTrigger: {
768
+ "name": "TooltipTrigger",
769
+ "defaultProps": {},
770
+ "getStylesLiterals": {},
771
+ "cxLiterals": [],
772
+ "internalComponents": ["TooltipAnchor"],
773
+ "internalComponentProps": { "TooltipAnchor": { "className": ["inline"] } },
774
+ "propToVariantKeys": { "children": ["render"] },
775
+ "runtimeConfigDefaultProps": {},
776
+ "runtimeConfigGetStyles": {},
777
+ "runtimeConfigInternalComponentProps": {},
778
+ "motionVarPrefixes": []
779
+ },
780
+ UDSTooltipConfigProvider: {
781
+ "name": "UDSTooltipConfigProvider",
782
+ "defaultProps": {},
783
+ "getStylesLiterals": {},
784
+ "cxLiterals": [],
785
+ "internalComponents": ["TooltipContext.Provider"],
786
+ "internalComponentProps": {},
787
+ "propToVariantKeys": {},
788
+ "runtimeConfigDefaultProps": {},
789
+ "runtimeConfigGetStyles": {},
790
+ "runtimeConfigInternalComponentProps": {},
791
+ "motionVarPrefixes": []
792
+ },
793
793
  SelectDivider: {
794
794
  "name": "SelectDivider",
795
795
  "defaultProps": {
@@ -1207,6 +1207,50 @@ var componentData_default = {
1207
1207
  "runtimeConfigInternalComponentProps": {},
1208
1208
  "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1209
1209
  },
1210
+ UDSConfigProvider: {
1211
+ "name": "UDSConfigProvider",
1212
+ "defaultProps": {},
1213
+ "getStylesLiterals": {},
1214
+ "cxLiterals": [],
1215
+ "internalComponents": [
1216
+ "UDSBreakpointsConfigProvider",
1217
+ "UDSAvatarConfigProvider",
1218
+ "UDSBadgeConfigProvider",
1219
+ "UDSBottomSheetConfigProvider",
1220
+ "UDSButtonConfigProvider",
1221
+ "UDSChipConfigProvider",
1222
+ "UDSIconButtonConfigProvider",
1223
+ "UDSInputConfigProvider",
1224
+ "UDSMenuItemConfigProvider",
1225
+ "UDSPaddleNavConfigProvider",
1226
+ "UDSPaginationConfigProvider",
1227
+ "UDSSelectItemConfigProvider",
1228
+ "UDSTabConfigProvider",
1229
+ "UDSToastConfigProvider",
1230
+ "UDSTooltipConfigProvider",
1231
+ "UDSPopoverConfigProvider",
1232
+ "UDSModalConfigProvider"
1233
+ ],
1234
+ "internalComponentProps": {},
1235
+ "propToVariantKeys": {},
1236
+ "runtimeConfigDefaultProps": {},
1237
+ "runtimeConfigGetStyles": {},
1238
+ "runtimeConfigInternalComponentProps": {},
1239
+ "motionVarPrefixes": []
1240
+ },
1241
+ UDSBreakpointsConfigProvider: {
1242
+ "name": "UDSBreakpointsConfigProvider",
1243
+ "defaultProps": {},
1244
+ "getStylesLiterals": {},
1245
+ "cxLiterals": [],
1246
+ "internalComponents": ["UDSBreakpointsConfigContext.Provider"],
1247
+ "internalComponentProps": {},
1248
+ "propToVariantKeys": {},
1249
+ "runtimeConfigDefaultProps": {},
1250
+ "runtimeConfigGetStyles": {},
1251
+ "runtimeConfigInternalComponentProps": {},
1252
+ "motionVarPrefixes": []
1253
+ },
1210
1254
  "Menu.Trigger": {
1211
1255
  "name": "Menu.Trigger",
1212
1256
  "defaultProps": {},
@@ -1441,50 +1485,6 @@ var componentData_default = {
1441
1485
  "runtimeConfigInternalComponentProps": {},
1442
1486
  "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1443
1487
  },
1444
- UDSConfigProvider: {
1445
- "name": "UDSConfigProvider",
1446
- "defaultProps": {},
1447
- "getStylesLiterals": {},
1448
- "cxLiterals": [],
1449
- "internalComponents": [
1450
- "UDSBreakpointsConfigProvider",
1451
- "UDSAvatarConfigProvider",
1452
- "UDSBadgeConfigProvider",
1453
- "UDSBottomSheetConfigProvider",
1454
- "UDSButtonConfigProvider",
1455
- "UDSChipConfigProvider",
1456
- "UDSIconButtonConfigProvider",
1457
- "UDSInputConfigProvider",
1458
- "UDSMenuItemConfigProvider",
1459
- "UDSPaddleNavConfigProvider",
1460
- "UDSPaginationConfigProvider",
1461
- "UDSSelectItemConfigProvider",
1462
- "UDSTabConfigProvider",
1463
- "UDSToastConfigProvider",
1464
- "UDSTooltipConfigProvider",
1465
- "UDSPopoverConfigProvider",
1466
- "UDSModalConfigProvider"
1467
- ],
1468
- "internalComponentProps": {},
1469
- "propToVariantKeys": {},
1470
- "runtimeConfigDefaultProps": {},
1471
- "runtimeConfigGetStyles": {},
1472
- "runtimeConfigInternalComponentProps": {},
1473
- "motionVarPrefixes": []
1474
- },
1475
- UDSBreakpointsConfigProvider: {
1476
- "name": "UDSBreakpointsConfigProvider",
1477
- "defaultProps": {},
1478
- "getStylesLiterals": {},
1479
- "cxLiterals": [],
1480
- "internalComponents": ["UDSBreakpointsConfigContext.Provider"],
1481
- "internalComponentProps": {},
1482
- "propToVariantKeys": {},
1483
- "runtimeConfigDefaultProps": {},
1484
- "runtimeConfigGetStyles": {},
1485
- "runtimeConfigInternalComponentProps": {},
1486
- "motionVarPrefixes": []
1487
- },
1488
1488
  PaginationNext: {
1489
1489
  "name": "PaginationNext",
1490
1490
  "defaultProps": { "label": "Next" },
@@ -2339,6 +2339,115 @@ var componentData_default = {
2339
2339
  "runtimeConfigInternalComponentProps": {},
2340
2340
  "motionVarPrefixes": []
2341
2341
  },
2342
+ SwitchBase: {
2343
+ "name": "SwitchBase",
2344
+ "defaultProps": {
2345
+ "labelPosition": "start",
2346
+ "size": "md"
2347
+ },
2348
+ "getStylesLiterals": {
2349
+ "switchVariantRoot": "default",
2350
+ "switchVariantActiveRoot": "on",
2351
+ "switchVariantActiveRoot:1": "off",
2352
+ "display": "flex",
2353
+ "flexDirection": "row",
2354
+ "flexDirection:1": "row-reverse",
2355
+ "alignItems": "center",
2356
+ "switchVariantSwitch": "default",
2357
+ "switchVariantActiveSwitch": "on",
2358
+ "switchVariantActiveSwitch:1": "off",
2359
+ "borderRadius": "full",
2360
+ "position": "relative"
2361
+ },
2362
+ "cxLiterals": [
2363
+ "group",
2364
+ "cursor-pointer",
2365
+ "cursor-default",
2366
+ "opacity-50",
2367
+ "uds-ring",
2368
+ "uds-ring-within",
2369
+ "transition-[background-color,box-shadow]",
2370
+ "cursor-[inherit]",
2371
+ "absolute",
2372
+ "opacity-0",
2373
+ "top-[-1px]",
2374
+ "left-[-1px]",
2375
+ "w-[calc(100%+2px)]",
2376
+ "h-[calc(100%+2px)]",
2377
+ "text-start",
2378
+ "text-end",
2379
+ "translate-x-[1.25rem]",
2380
+ "rtl:translate-x-[-1.25rem]",
2381
+ "translate-x-[0.75rem]",
2382
+ "rtl:translate-x-[-0.75rem]"
2383
+ ],
2384
+ "internalComponents": [
2385
+ "FormLabel",
2386
+ "RootElement",
2387
+ "Box"
2388
+ ],
2389
+ "internalComponentProps": {
2390
+ "FormLabel": {
2391
+ "as": ["div"],
2392
+ "variant": ["inherit"],
2393
+ "color": ["inherit"]
2394
+ },
2395
+ "RootElement": { "data-testid": ["container"] }
2396
+ },
2397
+ "propToVariantKeys": { "size": ["switchSizeRoot", "switchSizeSwitch"] },
2398
+ "runtimeConfigDefaultProps": {},
2399
+ "runtimeConfigGetStyles": {},
2400
+ "runtimeConfigInternalComponentProps": {},
2401
+ "motionVarPrefixes": []
2402
+ },
2403
+ Switch: {
2404
+ "name": "Switch",
2405
+ "defaultProps": {},
2406
+ "getStylesLiterals": {
2407
+ "switchVariantActiveHandle": "on",
2408
+ "switchVariantActiveHandle:1": "off",
2409
+ "switchVariantHandle": "default",
2410
+ "switchVariantHandleIcon": "default",
2411
+ "switchVariantActiveHandleIcon": "on",
2412
+ "switchVariantActiveHandleIcon:1": "off"
2413
+ },
2414
+ "cxLiterals": [
2415
+ "relative",
2416
+ "pointer-events-none",
2417
+ "uds-border-radius-full",
2418
+ "overflow-hidden",
2419
+ "absolute",
2420
+ "top-0",
2421
+ "left-0",
2422
+ "right-0",
2423
+ "bottom-0",
2424
+ "opacity-95",
2425
+ "group-hover:opacity-100",
2426
+ "transition-[background-color,box-shadow,opacity]",
2427
+ "opacity-0",
2428
+ "m-auto",
2429
+ "transition-opacity",
2430
+ "opacity-100"
2431
+ ],
2432
+ "internalComponents": [
2433
+ "IconSlot",
2434
+ "SwitchBase",
2435
+ "Box",
2436
+ "SpringMotionConfig",
2437
+ "MotionBox",
2438
+ "SwitchProps",
2439
+ "SwitchStaticHandle"
2440
+ ],
2441
+ "internalComponentProps": { "IconSlot": { "data-testid": ["on-icon", "off-icon"] } },
2442
+ "propToVariantKeys": {
2443
+ "size": ["switchSizeHandle", "switchSizeHandleIcon"],
2444
+ "reduceMotion": ["reducedMotion"]
2445
+ },
2446
+ "runtimeConfigDefaultProps": {},
2447
+ "runtimeConfigGetStyles": {},
2448
+ "runtimeConfigInternalComponentProps": {},
2449
+ "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
2450
+ },
2342
2451
  InputHelpTextInternal: {
2343
2452
  "name": "InputHelpTextInternal",
2344
2453
  "defaultProps": {},
@@ -2486,115 +2595,6 @@ var componentData_default = {
2486
2595
  "runtimeConfigInternalComponentProps": {},
2487
2596
  "motionVarPrefixes": []
2488
2597
  },
2489
- SwitchBase: {
2490
- "name": "SwitchBase",
2491
- "defaultProps": {
2492
- "labelPosition": "start",
2493
- "size": "md"
2494
- },
2495
- "getStylesLiterals": {
2496
- "switchVariantRoot": "default",
2497
- "switchVariantActiveRoot": "on",
2498
- "switchVariantActiveRoot:1": "off",
2499
- "display": "flex",
2500
- "flexDirection": "row",
2501
- "flexDirection:1": "row-reverse",
2502
- "alignItems": "center",
2503
- "switchVariantSwitch": "default",
2504
- "switchVariantActiveSwitch": "on",
2505
- "switchVariantActiveSwitch:1": "off",
2506
- "borderRadius": "full",
2507
- "position": "relative"
2508
- },
2509
- "cxLiterals": [
2510
- "group",
2511
- "cursor-pointer",
2512
- "cursor-default",
2513
- "opacity-50",
2514
- "uds-ring",
2515
- "uds-ring-within",
2516
- "transition-[background-color,box-shadow]",
2517
- "cursor-[inherit]",
2518
- "absolute",
2519
- "opacity-0",
2520
- "top-[-1px]",
2521
- "left-[-1px]",
2522
- "w-[calc(100%+2px)]",
2523
- "h-[calc(100%+2px)]",
2524
- "text-start",
2525
- "text-end",
2526
- "translate-x-[1.25rem]",
2527
- "rtl:translate-x-[-1.25rem]",
2528
- "translate-x-[0.75rem]",
2529
- "rtl:translate-x-[-0.75rem]"
2530
- ],
2531
- "internalComponents": [
2532
- "FormLabel",
2533
- "RootElement",
2534
- "Box"
2535
- ],
2536
- "internalComponentProps": {
2537
- "FormLabel": {
2538
- "as": ["div"],
2539
- "variant": ["inherit"],
2540
- "color": ["inherit"]
2541
- },
2542
- "RootElement": { "data-testid": ["container"] }
2543
- },
2544
- "propToVariantKeys": { "size": ["switchSizeRoot", "switchSizeSwitch"] },
2545
- "runtimeConfigDefaultProps": {},
2546
- "runtimeConfigGetStyles": {},
2547
- "runtimeConfigInternalComponentProps": {},
2548
- "motionVarPrefixes": []
2549
- },
2550
- Switch: {
2551
- "name": "Switch",
2552
- "defaultProps": {},
2553
- "getStylesLiterals": {
2554
- "switchVariantActiveHandle": "on",
2555
- "switchVariantActiveHandle:1": "off",
2556
- "switchVariantHandle": "default",
2557
- "switchVariantHandleIcon": "default",
2558
- "switchVariantActiveHandleIcon": "on",
2559
- "switchVariantActiveHandleIcon:1": "off"
2560
- },
2561
- "cxLiterals": [
2562
- "relative",
2563
- "pointer-events-none",
2564
- "uds-border-radius-full",
2565
- "overflow-hidden",
2566
- "absolute",
2567
- "top-0",
2568
- "left-0",
2569
- "right-0",
2570
- "bottom-0",
2571
- "opacity-95",
2572
- "group-hover:opacity-100",
2573
- "transition-[background-color,box-shadow,opacity]",
2574
- "opacity-0",
2575
- "m-auto",
2576
- "transition-opacity",
2577
- "opacity-100"
2578
- ],
2579
- "internalComponents": [
2580
- "IconSlot",
2581
- "SwitchBase",
2582
- "Box",
2583
- "SpringMotionConfig",
2584
- "MotionBox",
2585
- "SwitchProps",
2586
- "SwitchStaticHandle"
2587
- ],
2588
- "internalComponentProps": { "IconSlot": { "data-testid": ["on-icon", "off-icon"] } },
2589
- "propToVariantKeys": {
2590
- "size": ["switchSizeHandle", "switchSizeHandleIcon"],
2591
- "reduceMotion": ["reducedMotion"]
2592
- },
2593
- "runtimeConfigDefaultProps": {},
2594
- "runtimeConfigGetStyles": {},
2595
- "runtimeConfigInternalComponentProps": {},
2596
- "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
2597
- },
2598
2598
  ChipBase: {
2599
2599
  "name": "ChipBase",
2600
2600
  "defaultProps": {
@@ -3053,26 +3053,223 @@ var componentData_default = {
3053
3053
  "runtimeConfigInternalComponentProps": {},
3054
3054
  "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
3055
3055
  },
3056
- PaddleButtonNext: {
3057
- "name": "PaddleButtonNext",
3056
+ BottomSheetDismiss: {
3057
+ "name": "BottomSheetDismiss",
3058
3058
  "defaultProps": {},
3059
3059
  "getStylesLiterals": {},
3060
3060
  "cxLiterals": [],
3061
- "internalComponents": ["PaddleButton"],
3062
- "internalComponentProps": { "PaddleButton": { "paddleRole": ["next"] } },
3061
+ "internalComponents": ["AriakitDialogDismiss"],
3062
+ "internalComponentProps": {},
3063
3063
  "propToVariantKeys": {},
3064
3064
  "runtimeConfigDefaultProps": {},
3065
3065
  "runtimeConfigGetStyles": {},
3066
3066
  "runtimeConfigInternalComponentProps": {},
3067
3067
  "motionVarPrefixes": []
3068
3068
  },
3069
- UDSPaddleNavConfigProvider: {
3070
- "name": "UDSPaddleNavConfigProvider",
3069
+ BottomSheetContent: {
3070
+ "name": "BottomSheetContent",
3071
3071
  "defaultProps": {},
3072
3072
  "getStylesLiterals": {},
3073
- "cxLiterals": ["md"],
3074
- "internalComponents": [],
3075
- "internalComponentProps": {},
3073
+ "cxLiterals": ["min-h-0", "touch-pan-y"],
3074
+ "internalComponents": ["Box", "VStack"],
3075
+ "internalComponentProps": {
3076
+ "Box": {
3077
+ "display": ["block"],
3078
+ "flex": ["1"]
3079
+ },
3080
+ "VStack": { "className": ["pb-[calc(env(safe-area-inset-bottom))]"] }
3081
+ },
3082
+ "propToVariantKeys": {},
3083
+ "runtimeConfigDefaultProps": {},
3084
+ "runtimeConfigGetStyles": {},
3085
+ "runtimeConfigInternalComponentProps": {},
3086
+ "motionVarPrefixes": []
3087
+ },
3088
+ BottomSheetHeader: {
3089
+ "name": "BottomSheetHeader",
3090
+ "defaultProps": { "variant": "default" },
3091
+ "getStylesLiterals": {},
3092
+ "cxLiterals": [
3093
+ "grid-cols-[40px_1fr_40px]",
3094
+ "items-center",
3095
+ "w-full",
3096
+ "min-h-10",
3097
+ "mt-2"
3098
+ ],
3099
+ "internalComponents": [
3100
+ "Box",
3101
+ "Text",
3102
+ "DialogHeading"
3103
+ ],
3104
+ "internalComponentProps": {
3105
+ "Box": {
3106
+ "className": ["h-10 w-10 opacity-0 pointer-events-none"],
3107
+ "display": ["grid", "flex"],
3108
+ "justifyContent": ["flex-start", "flex-end"]
3109
+ },
3110
+ "Text": {
3111
+ "as": ["p"],
3112
+ "variant": ["inherit"],
3113
+ "color": ["inherit"],
3114
+ "textAlign": ["center"],
3115
+ "className": ["m-0 w-full"]
3116
+ },
3117
+ "DialogHeading": { "role": ["heading"] }
3118
+ },
3119
+ "propToVariantKeys": { "variant": ["bottomsheetVariantHeader"] },
3120
+ "runtimeConfigDefaultProps": {},
3121
+ "runtimeConfigGetStyles": {},
3122
+ "runtimeConfigInternalComponentProps": {},
3123
+ "motionVarPrefixes": []
3124
+ },
3125
+ BottomSheetTrigger: {
3126
+ "name": "BottomSheetTrigger",
3127
+ "defaultProps": {},
3128
+ "getStylesLiterals": {},
3129
+ "cxLiterals": [],
3130
+ "internalComponents": ["AriakitDialogDisclosure"],
3131
+ "internalComponentProps": {},
3132
+ "propToVariantKeys": {},
3133
+ "runtimeConfigDefaultProps": {},
3134
+ "runtimeConfigGetStyles": {},
3135
+ "runtimeConfigInternalComponentProps": {},
3136
+ "motionVarPrefixes": []
3137
+ },
3138
+ UDSBottomSheetConfigProvider: {
3139
+ "name": "UDSBottomSheetConfigProvider",
3140
+ "defaultProps": {},
3141
+ "getStylesLiterals": {},
3142
+ "cxLiterals": [],
3143
+ "internalComponents": ["BottomSheetContext.Provider"],
3144
+ "internalComponentProps": {},
3145
+ "propToVariantKeys": {},
3146
+ "runtimeConfigDefaultProps": {},
3147
+ "runtimeConfigGetStyles": {},
3148
+ "runtimeConfigInternalComponentProps": {},
3149
+ "motionVarPrefixes": []
3150
+ },
3151
+ BottomSheetInternalContext: {
3152
+ "name": "BottomSheetInternalContext",
3153
+ "defaultProps": {},
3154
+ "getStylesLiterals": {},
3155
+ "cxLiterals": [],
3156
+ "internalComponents": [],
3157
+ "internalComponentProps": {},
3158
+ "propToVariantKeys": {},
3159
+ "runtimeConfigDefaultProps": {},
3160
+ "runtimeConfigGetStyles": {},
3161
+ "runtimeConfigInternalComponentProps": {},
3162
+ "motionVarPrefixes": []
3163
+ },
3164
+ BottomSheet: {
3165
+ "name": "BottomSheet",
3166
+ "defaultProps": { "variant": "default" },
3167
+ "getStylesLiterals": {},
3168
+ "cxLiterals": [
3169
+ "fixed",
3170
+ "overflow-hidden",
3171
+ "inset-x-0",
3172
+ "bottom-0",
3173
+ "z-50",
3174
+ "[will-change:transform]",
3175
+ "touch-none",
3176
+ "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
3177
+ "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
3178
+ "transition-transform",
3179
+ "duration-500",
3180
+ "ease-[cubic-bezier(0.32,0.72,0,1)]",
3181
+ "motion-reduce:transition-none",
3182
+ "top-[-4px]",
3183
+ "z-[1]",
3184
+ "touch-pan-y"
3185
+ ],
3186
+ "internalComponents": [
3187
+ "Scrim",
3188
+ "BottomSheetHandle",
3189
+ "Dialog",
3190
+ "Box",
3191
+ "BottomSheetInternalContext.Provider"
3192
+ ],
3193
+ "internalComponentProps": {
3194
+ "BottomSheetHandle": { "ariaLabel": ["Resize sheet"] },
3195
+ "Dialog": { "data-testid": ["bottom-sheet"] },
3196
+ "Box": {
3197
+ "display": ["block", "flex"],
3198
+ "position": ["absolute"],
3199
+ "flexDirection": ["column"],
3200
+ "className": ["absolute inset-0 min-h-0 p-[inherit]"]
3201
+ }
3202
+ },
3203
+ "propToVariantKeys": { "variant": ["bottomsheetVariantRoot"] },
3204
+ "runtimeConfigDefaultProps": {},
3205
+ "runtimeConfigGetStyles": {},
3206
+ "runtimeConfigInternalComponentProps": {},
3207
+ "motionVarPrefixes": []
3208
+ },
3209
+ BottomSheetHandle: {
3210
+ "name": "BottomSheetHandle",
3211
+ "defaultProps": { "variant": "default" },
3212
+ "getStylesLiterals": {},
3213
+ "cxLiterals": [
3214
+ "relative",
3215
+ "h-5",
3216
+ "w-16",
3217
+ "outline-none",
3218
+ "focus-visible:outline-none",
3219
+ "[touch-action:pan-y]",
3220
+ "absolute",
3221
+ "left-1/2",
3222
+ "top-1/2",
3223
+ "-translate-x-1/2",
3224
+ "-translate-y-1/2",
3225
+ "h-1",
3226
+ "w-8",
3227
+ "rounded-full"
3228
+ ],
3229
+ "internalComponents": ["Box"],
3230
+ "internalComponentProps": { "Box": {
3231
+ "display": ["block", "flex"],
3232
+ "justifyContent": ["center"]
3233
+ } },
3234
+ "propToVariantKeys": { "variant": ["bottomsheetVariantHandleIndicator"] },
3235
+ "runtimeConfigDefaultProps": {},
3236
+ "runtimeConfigGetStyles": {},
3237
+ "runtimeConfigInternalComponentProps": {},
3238
+ "motionVarPrefixes": []
3239
+ },
3240
+ BottomSheetProvider: {
3241
+ "name": "BottomSheetProvider",
3242
+ "defaultProps": {},
3243
+ "getStylesLiterals": {},
3244
+ "cxLiterals": [],
3245
+ "internalComponents": ["AriakitDialogProvider"],
3246
+ "internalComponentProps": {},
3247
+ "propToVariantKeys": {},
3248
+ "runtimeConfigDefaultProps": {},
3249
+ "runtimeConfigGetStyles": {},
3250
+ "runtimeConfigInternalComponentProps": {},
3251
+ "motionVarPrefixes": []
3252
+ },
3253
+ PaddleButtonNext: {
3254
+ "name": "PaddleButtonNext",
3255
+ "defaultProps": {},
3256
+ "getStylesLiterals": {},
3257
+ "cxLiterals": [],
3258
+ "internalComponents": ["PaddleButton"],
3259
+ "internalComponentProps": { "PaddleButton": { "paddleRole": ["next"] } },
3260
+ "propToVariantKeys": {},
3261
+ "runtimeConfigDefaultProps": {},
3262
+ "runtimeConfigGetStyles": {},
3263
+ "runtimeConfigInternalComponentProps": {},
3264
+ "motionVarPrefixes": []
3265
+ },
3266
+ UDSPaddleNavConfigProvider: {
3267
+ "name": "UDSPaddleNavConfigProvider",
3268
+ "defaultProps": {},
3269
+ "getStylesLiterals": {},
3270
+ "cxLiterals": ["md"],
3271
+ "internalComponents": [],
3272
+ "internalComponentProps": {},
3076
3273
  "propToVariantKeys": {},
3077
3274
  "runtimeConfigDefaultProps": {},
3078
3275
  "runtimeConfigGetStyles": {},
@@ -3584,203 +3781,6 @@ var componentData_default = {
3584
3781
  "runtimeConfigInternalComponentProps": {},
3585
3782
  "motionVarPrefixes": []
3586
3783
  },
3587
- BottomSheetDismiss: {
3588
- "name": "BottomSheetDismiss",
3589
- "defaultProps": {},
3590
- "getStylesLiterals": {},
3591
- "cxLiterals": [],
3592
- "internalComponents": ["AriakitDialogDismiss"],
3593
- "internalComponentProps": {},
3594
- "propToVariantKeys": {},
3595
- "runtimeConfigDefaultProps": {},
3596
- "runtimeConfigGetStyles": {},
3597
- "runtimeConfigInternalComponentProps": {},
3598
- "motionVarPrefixes": []
3599
- },
3600
- BottomSheetContent: {
3601
- "name": "BottomSheetContent",
3602
- "defaultProps": {},
3603
- "getStylesLiterals": {},
3604
- "cxLiterals": ["min-h-0", "touch-pan-y"],
3605
- "internalComponents": ["Box", "VStack"],
3606
- "internalComponentProps": {
3607
- "Box": {
3608
- "display": ["block"],
3609
- "flex": ["1"]
3610
- },
3611
- "VStack": { "className": ["pb-[calc(env(safe-area-inset-bottom))]"] }
3612
- },
3613
- "propToVariantKeys": {},
3614
- "runtimeConfigDefaultProps": {},
3615
- "runtimeConfigGetStyles": {},
3616
- "runtimeConfigInternalComponentProps": {},
3617
- "motionVarPrefixes": []
3618
- },
3619
- BottomSheetHeader: {
3620
- "name": "BottomSheetHeader",
3621
- "defaultProps": { "variant": "default" },
3622
- "getStylesLiterals": {},
3623
- "cxLiterals": [
3624
- "grid-cols-[40px_1fr_40px]",
3625
- "items-center",
3626
- "w-full",
3627
- "min-h-10",
3628
- "mt-2"
3629
- ],
3630
- "internalComponents": [
3631
- "Box",
3632
- "Text",
3633
- "DialogHeading"
3634
- ],
3635
- "internalComponentProps": {
3636
- "Box": {
3637
- "className": ["h-10 w-10 opacity-0 pointer-events-none"],
3638
- "display": ["grid", "flex"],
3639
- "justifyContent": ["flex-start", "flex-end"]
3640
- },
3641
- "Text": {
3642
- "as": ["p"],
3643
- "variant": ["inherit"],
3644
- "color": ["inherit"],
3645
- "textAlign": ["center"],
3646
- "className": ["m-0 w-full"]
3647
- },
3648
- "DialogHeading": { "role": ["heading"] }
3649
- },
3650
- "propToVariantKeys": { "variant": ["bottomsheetVariantHeader"] },
3651
- "runtimeConfigDefaultProps": {},
3652
- "runtimeConfigGetStyles": {},
3653
- "runtimeConfigInternalComponentProps": {},
3654
- "motionVarPrefixes": []
3655
- },
3656
- BottomSheetTrigger: {
3657
- "name": "BottomSheetTrigger",
3658
- "defaultProps": {},
3659
- "getStylesLiterals": {},
3660
- "cxLiterals": [],
3661
- "internalComponents": ["AriakitDialogDisclosure"],
3662
- "internalComponentProps": {},
3663
- "propToVariantKeys": {},
3664
- "runtimeConfigDefaultProps": {},
3665
- "runtimeConfigGetStyles": {},
3666
- "runtimeConfigInternalComponentProps": {},
3667
- "motionVarPrefixes": []
3668
- },
3669
- UDSBottomSheetConfigProvider: {
3670
- "name": "UDSBottomSheetConfigProvider",
3671
- "defaultProps": {},
3672
- "getStylesLiterals": {},
3673
- "cxLiterals": [],
3674
- "internalComponents": ["BottomSheetContext.Provider"],
3675
- "internalComponentProps": {},
3676
- "propToVariantKeys": {},
3677
- "runtimeConfigDefaultProps": {},
3678
- "runtimeConfigGetStyles": {},
3679
- "runtimeConfigInternalComponentProps": {},
3680
- "motionVarPrefixes": []
3681
- },
3682
- BottomSheetInternalContext: {
3683
- "name": "BottomSheetInternalContext",
3684
- "defaultProps": {},
3685
- "getStylesLiterals": {},
3686
- "cxLiterals": [],
3687
- "internalComponents": [],
3688
- "internalComponentProps": {},
3689
- "propToVariantKeys": {},
3690
- "runtimeConfigDefaultProps": {},
3691
- "runtimeConfigGetStyles": {},
3692
- "runtimeConfigInternalComponentProps": {},
3693
- "motionVarPrefixes": []
3694
- },
3695
- BottomSheet: {
3696
- "name": "BottomSheet",
3697
- "defaultProps": { "variant": "default" },
3698
- "getStylesLiterals": {},
3699
- "cxLiterals": [
3700
- "fixed",
3701
- "overflow-hidden",
3702
- "inset-x-0",
3703
- "bottom-0",
3704
- "z-50",
3705
- "[will-change:transform]",
3706
- "touch-none",
3707
- "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
3708
- "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
3709
- "transition-transform",
3710
- "duration-500",
3711
- "ease-[cubic-bezier(0.32,0.72,0,1)]",
3712
- "motion-reduce:transition-none",
3713
- "top-[-4px]",
3714
- "z-[1]",
3715
- "touch-pan-y"
3716
- ],
3717
- "internalComponents": [
3718
- "Scrim",
3719
- "BottomSheetHandle",
3720
- "Dialog",
3721
- "Box",
3722
- "BottomSheetInternalContext.Provider"
3723
- ],
3724
- "internalComponentProps": {
3725
- "BottomSheetHandle": { "ariaLabel": ["Resize sheet"] },
3726
- "Dialog": { "data-testid": ["bottom-sheet"] },
3727
- "Box": {
3728
- "display": ["block", "flex"],
3729
- "position": ["absolute"],
3730
- "flexDirection": ["column"],
3731
- "className": ["absolute inset-0 min-h-0 p-[inherit]"]
3732
- }
3733
- },
3734
- "propToVariantKeys": { "variant": ["bottomsheetVariantRoot"] },
3735
- "runtimeConfigDefaultProps": {},
3736
- "runtimeConfigGetStyles": {},
3737
- "runtimeConfigInternalComponentProps": {},
3738
- "motionVarPrefixes": []
3739
- },
3740
- BottomSheetHandle: {
3741
- "name": "BottomSheetHandle",
3742
- "defaultProps": { "variant": "default" },
3743
- "getStylesLiterals": {},
3744
- "cxLiterals": [
3745
- "relative",
3746
- "h-5",
3747
- "w-16",
3748
- "outline-none",
3749
- "focus-visible:outline-none",
3750
- "[touch-action:pan-y]",
3751
- "absolute",
3752
- "left-1/2",
3753
- "top-1/2",
3754
- "-translate-x-1/2",
3755
- "-translate-y-1/2",
3756
- "h-1",
3757
- "w-8",
3758
- "rounded-full"
3759
- ],
3760
- "internalComponents": ["Box"],
3761
- "internalComponentProps": { "Box": {
3762
- "display": ["block", "flex"],
3763
- "justifyContent": ["center"]
3764
- } },
3765
- "propToVariantKeys": { "variant": ["bottomsheetVariantHandleIndicator"] },
3766
- "runtimeConfigDefaultProps": {},
3767
- "runtimeConfigGetStyles": {},
3768
- "runtimeConfigInternalComponentProps": {},
3769
- "motionVarPrefixes": []
3770
- },
3771
- BottomSheetProvider: {
3772
- "name": "BottomSheetProvider",
3773
- "defaultProps": {},
3774
- "getStylesLiterals": {},
3775
- "cxLiterals": [],
3776
- "internalComponents": ["AriakitDialogProvider"],
3777
- "internalComponentProps": {},
3778
- "propToVariantKeys": {},
3779
- "runtimeConfigDefaultProps": {},
3780
- "runtimeConfigGetStyles": {},
3781
- "runtimeConfigInternalComponentProps": {},
3782
- "motionVarPrefixes": []
3783
- },
3784
3784
  SwitchStaticHandle: {
3785
3785
  "name": "SwitchStaticHandle",
3786
3786
  "defaultProps": {},