@yahoo/uds 3.171.1 → 3.172.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 (28) 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/Link.cjs +3 -3
  4. package/dist/components/Link.js +3 -3
  5. package/dist/components/client/Popover/UDSPopoverConfigProvider.d.cts +1 -1
  6. package/dist/components/client/Popover/UDSPopoverConfigProvider.d.ts +1 -1
  7. package/dist/css/dist/purger/optimized/ast/expressions.cjs +278 -278
  8. package/dist/css/dist/purger/optimized/ast/expressions.js +278 -278
  9. package/dist/css/dist/purger/optimized/ast/jsx.cjs +67 -36
  10. package/dist/css/dist/purger/optimized/ast/jsx.js +67 -35
  11. package/dist/css/dist/purger/optimized/ast/oxc.cjs +265 -0
  12. package/dist/css/dist/purger/optimized/ast/oxc.js +253 -0
  13. package/dist/css/dist/purger/optimized/ast/props.cjs +21 -15
  14. package/dist/css/dist/purger/optimized/ast/props.js +21 -14
  15. package/dist/css/dist/purger/optimized/ast/spread.cjs +19 -19
  16. package/dist/css/dist/purger/optimized/ast/spread.js +19 -18
  17. package/dist/css/dist/purger/optimized/purgeFromCode.cjs +86 -101
  18. package/dist/css/dist/purger/optimized/purgeFromCode.js +86 -100
  19. package/dist/tailwind-internal/dist/utils/getShadowStyles.d.cts +2 -2
  20. package/dist/tailwind-internal/dist/utils/getShadowStyles.d.ts +2 -2
  21. package/dist/tailwind-v3/dist/purger/legacy/purgeCSS.cjs +1 -1
  22. package/dist/tailwind-v3/dist/purger/legacy/purgeCSS.js +1 -1
  23. package/dist/uds/generated/componentData.cjs +340 -340
  24. package/dist/uds/generated/componentData.js +340 -340
  25. package/dist/uds/package.cjs +2 -0
  26. package/dist/uds/package.js +2 -0
  27. package/generated/componentData.json +783 -783
  28. package/package.json +3 -1
@@ -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": {
@@ -3053,79 +3053,276 @@ 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
+ },
3076
3082
  "propToVariantKeys": {},
3077
3083
  "runtimeConfigDefaultProps": {},
3078
3084
  "runtimeConfigGetStyles": {},
3079
3085
  "runtimeConfigInternalComponentProps": {},
3080
3086
  "motionVarPrefixes": []
3081
3087
  },
3082
- PaddleNav: {
3083
- "name": "PaddleNav",
3084
- "defaultProps": {
3085
- "orientation": "horizontal",
3086
- "variant": "primary",
3087
- "size": "md"
3088
- },
3088
+ BottomSheetHeader: {
3089
+ "name": "BottomSheetHeader",
3090
+ "defaultProps": { "variant": "default" },
3089
3091
  "getStylesLiterals": {},
3090
3092
  "cxLiterals": [
3091
- "pointer-events-none",
3092
- "inline-flex",
3093
- "flex-row",
3094
- "gap-2",
3093
+ "grid-cols-[40px_1fr_40px]",
3095
3094
  "items-center",
3096
- "pointer-events-auto",
3097
- "flex-col",
3098
- "relative",
3099
- "min-w-0",
3100
- "min-h-0",
3101
- "flex-1",
3102
- "inline-block",
3103
- "absolute",
3104
- "z-10",
3105
- "top-2",
3106
- "left-1/2",
3107
- "-translate-x-1/2",
3108
- "left-2",
3109
- "top-1/2",
3110
- "-translate-y-1/2",
3111
- "bottom-2",
3112
- "right-2",
3113
- "-top-12",
3114
- "left-0",
3115
- "right-0",
3116
- "-bottom-12"
3095
+ "w-full",
3096
+ "min-h-10",
3097
+ "mt-2"
3117
3098
  ],
3118
- "internalComponents": ["PaddleNavContext.Provider", "Box"],
3119
- "internalComponentProps": { "Box": {
3120
- "display": ["inline-flex"],
3121
- "alignItems": ["center"],
3122
- "justifyContent": ["center"],
3123
- "data-paddle-nav-outside": ["true"]
3124
- } },
3125
- "propToVariantKeys": { "orientation": ["data-paddle-nav-orientation"] },
3126
- "runtimeConfigDefaultProps": {},
3127
- "runtimeConfigGetStyles": {},
3128
- "runtimeConfigInternalComponentProps": {},
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": {},
3273
+ "propToVariantKeys": {},
3274
+ "runtimeConfigDefaultProps": {},
3275
+ "runtimeConfigGetStyles": {},
3276
+ "runtimeConfigInternalComponentProps": {},
3277
+ "motionVarPrefixes": []
3278
+ },
3279
+ PaddleNav: {
3280
+ "name": "PaddleNav",
3281
+ "defaultProps": {
3282
+ "orientation": "horizontal",
3283
+ "variant": "primary",
3284
+ "size": "md"
3285
+ },
3286
+ "getStylesLiterals": {},
3287
+ "cxLiterals": [
3288
+ "pointer-events-none",
3289
+ "inline-flex",
3290
+ "flex-row",
3291
+ "gap-2",
3292
+ "items-center",
3293
+ "pointer-events-auto",
3294
+ "flex-col",
3295
+ "relative",
3296
+ "min-w-0",
3297
+ "min-h-0",
3298
+ "flex-1",
3299
+ "inline-block",
3300
+ "absolute",
3301
+ "z-10",
3302
+ "top-2",
3303
+ "left-1/2",
3304
+ "-translate-x-1/2",
3305
+ "left-2",
3306
+ "top-1/2",
3307
+ "-translate-y-1/2",
3308
+ "bottom-2",
3309
+ "right-2",
3310
+ "-top-12",
3311
+ "left-0",
3312
+ "right-0",
3313
+ "-bottom-12"
3314
+ ],
3315
+ "internalComponents": ["PaddleNavContext.Provider", "Box"],
3316
+ "internalComponentProps": { "Box": {
3317
+ "display": ["inline-flex"],
3318
+ "alignItems": ["center"],
3319
+ "justifyContent": ["center"],
3320
+ "data-paddle-nav-outside": ["true"]
3321
+ } },
3322
+ "propToVariantKeys": { "orientation": ["data-paddle-nav-orientation"] },
3323
+ "runtimeConfigDefaultProps": {},
3324
+ "runtimeConfigGetStyles": {},
3325
+ "runtimeConfigInternalComponentProps": {},
3129
3326
  "motionVarPrefixes": []
3130
3327
  },
3131
3328
  PaddleNavContent: {
@@ -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": {},