@yahoo/uds 3.171.0 → 3.171.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 (11) hide show
  1. package/dist/components/client/Popover/UDSPopoverConfigProvider.d.cts +1 -1
  2. package/dist/components/client/Popover/UDSPopoverConfigProvider.d.ts +1 -1
  3. package/dist/css/dist/css/purgeWorker.js +50 -0
  4. package/dist/css/dist/css/runner.cjs +3 -1
  5. package/dist/css/dist/css/runner.js +3 -1
  6. package/dist/css/dist/css/workerPool.cjs +18 -2
  7. package/dist/css/dist/css/workerPool.js +16 -1
  8. package/dist/uds/generated/componentData.cjs +551 -551
  9. package/dist/uds/generated/componentData.js +551 -551
  10. package/generated/componentData.json +1274 -1274
  11. package/package.json +1 -1
package/generated/componentData.json CHANGED
@@ -823,6 +823,141 @@
823
823
  "runtimeConfigInternalComponentProps": {},
824
824
  "motionVarPrefixes": []
825
825
  },
826
+ "Tooltip": {
827
+ "name": "Tooltip",
828
+ "defaultProps": {},
829
+ "getStylesLiterals": {},
830
+ "cxLiterals": [],
831
+ "internalComponents": [
832
+ "TooltipInternalContext.Provider",
833
+ "TooltipProvider"
834
+ ],
835
+ "internalComponentProps": {},
836
+ "propToVariantKeys": {},
837
+ "runtimeConfigDefaultProps": {},
838
+ "runtimeConfigGetStyles": {},
839
+ "runtimeConfigInternalComponentProps": {
840
+ "TooltipProvider": {
841
+ "animated": [
842
+ "tooltip.animationDuration"
843
+ ]
844
+ }
845
+ },
846
+ "motionVarPrefixes": []
847
+ },
848
+ "TooltipContent": {
849
+ "name": "TooltipContent",
850
+ "defaultProps": {},
851
+ "getStylesLiterals": {
852
+ "tooltipSizeRoot": "default",
853
+ "tooltipVariantRoot": "default",
854
+ "tooltipSizeSvg": "default",
855
+ "tooltipVariantSvg": "default",
856
+ "tooltipVariantBlur": "default",
857
+ "position": "absolute",
858
+ "width": "full",
859
+ "height": "full",
860
+ "tooltipSizeTitle": "default",
861
+ "tooltipSizeBody": "default",
862
+ "tooltipSizeEndContent": "default",
863
+ "tooltipSizeIcon": "default",
864
+ "tooltipVariantIcon": "default"
865
+ },
866
+ "cxLiterals": [
867
+ "max-w-lg",
868
+ "flex",
869
+ "z-[9999]",
870
+ "uds-bgBlurFillFallback",
871
+ "uds-bgBlurFallback",
872
+ "top-0",
873
+ "left-0",
874
+ "z-[1]"
875
+ ],
876
+ "internalComponents": [
877
+ "IconSlot",
878
+ "TooltipArrow",
879
+ "Tooltip",
880
+ "SvgFloatingOverlay",
881
+ "VStack",
882
+ "Box",
883
+ "Text"
884
+ ],
885
+ "internalComponentProps": {
886
+ "SvgFloatingOverlay": {
887
+ "contentOverflow": [
888
+ "visible"
889
+ ]
890
+ },
891
+ "VStack": {
892
+ "className": [
893
+ "gap-[inherit]"
894
+ ]
895
+ },
896
+ "Box": {
897
+ "alignItems": [
898
+ "center"
899
+ ],
900
+ "columnGap": [
901
+ "1",
902
+ "1.5"
903
+ ]
904
+ },
905
+ "Text": {
906
+ "color": [
907
+ "inherit"
908
+ ]
909
+ }
910
+ },
911
+ "propToVariantKeys": {
912
+ "startTitleIcon": [
913
+ "icon"
914
+ ]
915
+ },
916
+ "runtimeConfigDefaultProps": {},
917
+ "runtimeConfigGetStyles": {},
918
+ "runtimeConfigInternalComponentProps": {},
919
+ "motionVarPrefixes": []
920
+ },
921
+ "TooltipTrigger": {
922
+ "name": "TooltipTrigger",
923
+ "defaultProps": {},
924
+ "getStylesLiterals": {},
925
+ "cxLiterals": [],
926
+ "internalComponents": [
927
+ "TooltipAnchor"
928
+ ],
929
+ "internalComponentProps": {
930
+ "TooltipAnchor": {
931
+ "className": [
932
+ "inline"
933
+ ]
934
+ }
935
+ },
936
+ "propToVariantKeys": {
937
+ "children": [
938
+ "render"
939
+ ]
940
+ },
941
+ "runtimeConfigDefaultProps": {},
942
+ "runtimeConfigGetStyles": {},
943
+ "runtimeConfigInternalComponentProps": {},
944
+ "motionVarPrefixes": []
945
+ },
946
+ "UDSTooltipConfigProvider": {
947
+ "name": "UDSTooltipConfigProvider",
948
+ "defaultProps": {},
949
+ "getStylesLiterals": {},
950
+ "cxLiterals": [],
951
+ "internalComponents": [
952
+ "TooltipContext.Provider"
953
+ ],
954
+ "internalComponentProps": {},
955
+ "propToVariantKeys": {},
956
+ "runtimeConfigDefaultProps": {},
957
+ "runtimeConfigGetStyles": {},
958
+ "runtimeConfigInternalComponentProps": {},
959
+ "motionVarPrefixes": []
960
+ },
826
961
  "Accordion": {
827
962
  "name": "Accordion",
828
963
  "defaultProps": {
@@ -998,186 +1133,51 @@
998
1133
  "runtimeConfigInternalComponentProps": {},
999
1134
  "motionVarPrefixes": []
1000
1135
  },
1001
- "Tooltip": {
1002
- "name": "Tooltip",
1003
- "defaultProps": {},
1004
- "getStylesLiterals": {},
1005
- "cxLiterals": [],
1006
- "internalComponents": [
1007
- "TooltipInternalContext.Provider",
1008
- "TooltipProvider"
1009
- ],
1010
- "internalComponentProps": {},
1011
- "propToVariantKeys": {},
1012
- "runtimeConfigDefaultProps": {},
1013
- "runtimeConfigGetStyles": {},
1014
- "runtimeConfigInternalComponentProps": {
1015
- "TooltipProvider": {
1016
- "animated": [
1017
- "tooltip.animationDuration"
1018
- ]
1019
- }
1136
+ "SelectDivider": {
1137
+ "name": "SelectDivider",
1138
+ "defaultProps": {
1139
+ "contentPosition": "start",
1140
+ "gap": "4"
1020
1141
  },
1021
- "motionVarPrefixes": []
1022
- },
1023
- "TooltipContent": {
1024
- "name": "TooltipContent",
1025
- "defaultProps": {},
1026
1142
  "getStylesLiterals": {
1027
- "tooltipSizeRoot": "default",
1028
- "tooltipVariantRoot": "default",
1029
- "tooltipSizeSvg": "default",
1030
- "tooltipVariantSvg": "default",
1031
- "tooltipVariantBlur": "default",
1032
- "position": "absolute",
1033
- "width": "full",
1034
- "height": "full",
1035
- "tooltipSizeTitle": "default",
1036
- "tooltipSizeBody": "default",
1037
- "tooltipSizeEndContent": "default",
1038
- "tooltipSizeIcon": "default",
1039
- "tooltipVariantIcon": "default"
1143
+ "selectitemDividerVariantRoot": "default",
1144
+ "selectitemDividerVariantText": "default",
1145
+ "selectitemDividerVariantLine": "default"
1040
1146
  },
1041
- "cxLiterals": [
1042
- "max-w-lg",
1043
- "flex",
1044
- "z-[9999]",
1045
- "uds-bgBlurFillFallback",
1046
- "uds-bgBlurFallback",
1047
- "top-0",
1048
- "left-0",
1049
- "z-[1]"
1050
- ],
1147
+ "cxLiterals": [],
1051
1148
  "internalComponents": [
1052
- "IconSlot",
1053
- "TooltipArrow",
1054
- "Tooltip",
1055
- "SvgFloatingOverlay",
1056
- "VStack",
1057
- "Box",
1058
- "Text"
1149
+ "Divider"
1059
1150
  ],
1060
1151
  "internalComponentProps": {
1061
- "SvgFloatingOverlay": {
1062
- "contentOverflow": [
1063
- "visible"
1064
- ]
1065
- },
1066
- "VStack": {
1067
- "className": [
1068
- "gap-[inherit]"
1069
- ]
1070
- },
1071
- "Box": {
1072
- "alignItems": [
1073
- "center"
1074
- ],
1075
- "columnGap": [
1076
- "1",
1077
- "1.5"
1078
- ]
1079
- },
1080
- "Text": {
1081
- "color": [
1152
+ "Divider": {
1153
+ "variant": [
1082
1154
  "inherit"
1083
1155
  ]
1084
1156
  }
1085
1157
  },
1086
- "propToVariantKeys": {
1087
- "startTitleIcon": [
1088
- "icon"
1089
- ]
1090
- },
1158
+ "propToVariantKeys": {},
1091
1159
  "runtimeConfigDefaultProps": {},
1092
1160
  "runtimeConfigGetStyles": {},
1093
1161
  "runtimeConfigInternalComponentProps": {},
1094
1162
  "motionVarPrefixes": []
1095
1163
  },
1096
- "TooltipTrigger": {
1097
- "name": "TooltipTrigger",
1164
+ "SelectValue": {
1165
+ "name": "SelectValue",
1098
1166
  "defaultProps": {},
1099
1167
  "getStylesLiterals": {},
1100
1168
  "cxLiterals": [],
1101
1169
  "internalComponents": [
1102
- "TooltipAnchor"
1170
+ "AriakitSelectValue"
1103
1171
  ],
1104
- "internalComponentProps": {
1105
- "TooltipAnchor": {
1106
- "className": [
1107
- "inline"
1108
- ]
1109
- }
1110
- },
1111
- "propToVariantKeys": {
1112
- "children": [
1113
- "render"
1114
- ]
1115
- },
1172
+ "internalComponentProps": {},
1173
+ "propToVariantKeys": {},
1116
1174
  "runtimeConfigDefaultProps": {},
1117
1175
  "runtimeConfigGetStyles": {},
1118
1176
  "runtimeConfigInternalComponentProps": {},
1119
1177
  "motionVarPrefixes": []
1120
1178
  },
1121
- "UDSTooltipConfigProvider": {
1122
- "name": "UDSTooltipConfigProvider",
1123
- "defaultProps": {},
1124
- "getStylesLiterals": {},
1125
- "cxLiterals": [],
1126
- "internalComponents": [
1127
- "TooltipContext.Provider"
1128
- ],
1129
- "internalComponentProps": {},
1130
- "propToVariantKeys": {},
1131
- "runtimeConfigDefaultProps": {},
1132
- "runtimeConfigGetStyles": {},
1133
- "runtimeConfigInternalComponentProps": {},
1134
- "motionVarPrefixes": []
1135
- },
1136
- "SelectDivider": {
1137
- "name": "SelectDivider",
1138
- "defaultProps": {
1139
- "contentPosition": "start",
1140
- "gap": "4"
1141
- },
1142
- "getStylesLiterals": {
1143
- "selectitemDividerVariantRoot": "default",
1144
- "selectitemDividerVariantText": "default",
1145
- "selectitemDividerVariantLine": "default"
1146
- },
1147
- "cxLiterals": [],
1148
- "internalComponents": [
1149
- "Divider"
1150
- ],
1151
- "internalComponentProps": {
1152
- "Divider": {
1153
- "variant": [
1154
- "inherit"
1155
- ]
1156
- }
1157
- },
1158
- "propToVariantKeys": {},
1159
- "runtimeConfigDefaultProps": {},
1160
- "runtimeConfigGetStyles": {},
1161
- "runtimeConfigInternalComponentProps": {},
1162
- "motionVarPrefixes": []
1163
- },
1164
- "SelectValue": {
1165
- "name": "SelectValue",
1166
- "defaultProps": {},
1167
- "getStylesLiterals": {},
1168
- "cxLiterals": [],
1169
- "internalComponents": [
1170
- "AriakitSelectValue"
1171
- ],
1172
- "internalComponentProps": {},
1173
- "propToVariantKeys": {},
1174
- "runtimeConfigDefaultProps": {},
1175
- "runtimeConfigGetStyles": {},
1176
- "runtimeConfigInternalComponentProps": {},
1177
- "motionVarPrefixes": []
1178
- },
1179
- "UDSSelectItemConfigProvider": {
1180
- "name": "UDSSelectItemConfigProvider",
1179
+ "UDSSelectItemConfigProvider": {
1180
+ "name": "UDSSelectItemConfigProvider",
1181
1181
  "defaultProps": {},
1182
1182
  "getStylesLiterals": {},
1183
1183
  "cxLiterals": [
@@ -3111,136 +3111,343 @@
3111
3111
  "runtimeConfigInternalComponentProps": {},
3112
3112
  "motionVarPrefixes": []
3113
3113
  },
3114
- "SwitchBase": {
3115
- "name": "SwitchBase",
3116
- "defaultProps": {
3117
- "labelPosition": "start",
3118
- "size": "md"
3119
- },
3114
+ "InputHelpTextInternal": {
3115
+ "name": "InputHelpTextInternal",
3116
+ "defaultProps": {},
3120
3117
  "getStylesLiterals": {
3121
- "switchVariantRoot": "default",
3122
- "switchVariantActiveRoot": "on",
3123
- "switchVariantActiveRoot:1": "off",
3124
- "display": "flex",
3125
- "flexDirection": "row",
3126
- "flexDirection:1": "row-reverse",
3127
- "alignItems": "center",
3128
- "switchVariantSwitch": "default",
3129
- "switchVariantActiveSwitch": "on",
3130
- "switchVariantActiveSwitch:1": "off",
3131
- "borderRadius": "full",
3132
- "position": "relative"
3118
+ "inputVariantHelperText": "default",
3119
+ "inputVariantValueHelperText": "empty",
3120
+ "inputVariantValueHelperText:1": "filled",
3121
+ "inputVariantHelperIcon": "default",
3122
+ "inputVariantValueHelperIcon": "empty",
3123
+ "inputVariantValueHelperIcon:1": "filled"
3133
3124
  },
3134
- "cxLiterals": [
3135
- "group",
3136
- "cursor-pointer",
3137
- "cursor-default",
3138
- "opacity-50",
3139
- "uds-ring",
3140
- "uds-ring-within",
3141
- "transition-[background-color,box-shadow]",
3142
- "cursor-[inherit]",
3143
- "absolute",
3144
- "opacity-0",
3145
- "top-[-1px]",
3146
- "left-[-1px]",
3147
- "w-[calc(100%+2px)]",
3148
- "h-[calc(100%+2px)]",
3149
- "text-start",
3150
- "text-end",
3151
- "translate-x-[1.25rem]",
3152
- "rtl:translate-x-[-1.25rem]",
3153
- "translate-x-[0.75rem]",
3154
- "rtl:translate-x-[-0.75rem]"
3155
- ],
3125
+ "cxLiterals": [],
3156
3126
  "internalComponents": [
3157
- "FormLabel",
3158
- "RootElement",
3159
- "Box"
3127
+ "IconSlot",
3128
+ "HStack"
3160
3129
  ],
3161
3130
  "internalComponentProps": {
3162
- "FormLabel": {
3163
- "as": [
3164
- "div"
3165
- ],
3166
- "variant": [
3167
- "inherit"
3131
+ "HStack": {
3132
+ "gap": [
3133
+ "1"
3168
3134
  ],
3169
- "color": [
3170
- "inherit"
3171
- ]
3172
- },
3173
- "RootElement": {
3174
- "data-testid": [
3175
- "container"
3135
+ "alignItems": [
3136
+ "center"
3176
3137
  ]
3177
3138
  }
3178
3139
  },
3179
3140
  "propToVariantKeys": {
3180
3141
  "size": [
3181
- "switchSizeRoot",
3182
- "switchSizeSwitch"
3142
+ "inputSizeHelperText",
3143
+ "inputSizeHelperIcon"
3144
+ ],
3145
+ "startIcon": [
3146
+ "icon"
3147
+ ],
3148
+ "endIcon": [
3149
+ "icon"
3183
3150
  ]
3184
3151
  },
3185
- "runtimeConfigDefaultProps": {},
3152
+ "runtimeConfigDefaultProps": {
3153
+ "size": "input.defaultSize"
3154
+ },
3186
3155
  "runtimeConfigGetStyles": {},
3187
3156
  "runtimeConfigInternalComponentProps": {},
3188
3157
  "motionVarPrefixes": []
3189
3158
  },
3190
- "Switch": {
3191
- "name": "Switch",
3192
- "defaultProps": {},
3159
+ "Input": {
3160
+ "name": "Input",
3161
+ "defaultProps": {
3162
+ "type": "text",
3163
+ "size": "md",
3164
+ "width": "full"
3165
+ },
3193
3166
  "getStylesLiterals": {
3194
- "switchVariantActiveHandle": "on",
3195
- "switchVariantActiveHandle:1": "off",
3196
- "switchVariantHandle": "default",
3197
- "switchVariantHandleIcon": "default",
3198
- "switchVariantActiveHandleIcon": "on",
3199
- "switchVariantActiveHandleIcon:1": "off"
3167
+ "inputVariantRoot": "default",
3168
+ "inputVariantValueRoot": "empty",
3169
+ "inputVariantValueRoot:1": "filled",
3170
+ "inputVariantInputWrapper": "default",
3171
+ "inputVariantValueInputWrapper": "empty",
3172
+ "inputVariantValueInputWrapper:1": "filled",
3173
+ "inputVariantInput": "default",
3174
+ "inputVariantValueInput": "empty",
3175
+ "inputVariantValueInput:1": "filled",
3176
+ "inputVariantInputPlaceholder": "default",
3177
+ "inputVariantValueInputPlaceholder": "empty",
3178
+ "inputVariantValueInputPlaceholder:1": "filled",
3179
+ "inputVariantLabel": "default",
3180
+ "inputVariantValueLabel": "empty",
3181
+ "inputVariantValueLabel:1": "filled",
3182
+ "inputVariantLabelRequired": "default",
3183
+ "inputVariantValueLabelRequired": "empty",
3184
+ "inputVariantValueLabelRequired:1": "filled",
3185
+ "inputVariantStartIcon": "default",
3186
+ "inputVariantValueStartIcon": "empty",
3187
+ "inputVariantValueStartIcon:1": "filled",
3188
+ "inputVariantEndIcon": "default",
3189
+ "inputVariantValueEndIcon": "empty",
3190
+ "inputVariantValueEndIcon:1": "filled"
3200
3191
  },
3201
3192
  "cxLiterals": [
3202
- "relative",
3203
- "pointer-events-none",
3204
- "uds-border-radius-full",
3205
- "overflow-hidden",
3206
- "absolute",
3207
- "top-0",
3208
- "left-0",
3209
- "right-0",
3210
- "bottom-0",
3211
- "opacity-95",
3212
- "group-hover:opacity-100",
3213
- "transition-[background-color,box-shadow,opacity]",
3214
- "opacity-0",
3215
- "m-auto",
3216
- "transition-opacity",
3217
- "opacity-100"
3193
+ "opacity-50",
3194
+ "min-w-[200px]",
3195
+ "uds-ring-shadow",
3196
+ "uds-ring-within",
3197
+ "grow",
3198
+ "uds-hit-target",
3199
+ "bg-transparent",
3200
+ "bg-clip-text",
3201
+ "focus-visible:outline-none",
3202
+ "cursor-text",
3203
+ "cursor-not-allowed"
3218
3204
  ],
3219
3205
  "internalComponents": [
3220
3206
  "IconSlot",
3221
- "SwitchBase",
3207
+ "StartIcon",
3208
+ "EndIcon",
3209
+ "HelpTextContent",
3222
3210
  "Box",
3223
- "SpringMotionConfig",
3224
- "MotionBox",
3225
- "SwitchProps",
3226
- "SwitchStaticHandle"
3211
+ "InputHelpTextInternal",
3212
+ "VStack",
3213
+ "HStack",
3214
+ "AnimateHeightChange"
3227
3215
  ],
3228
3216
  "internalComponentProps": {
3229
- "IconSlot": {
3230
- "data-testid": [
3231
- "on-icon",
3232
- "off-icon"
3217
+ "HelpTextContent": {
3218
+ "spacingTop": [
3219
+ "2"
3220
+ ]
3221
+ },
3222
+ "Box": {
3223
+ "spacingBottom": [
3224
+ "2"
3225
+ ],
3226
+ "columnGap": [
3227
+ "0.5"
3228
+ ],
3229
+ "alignItems": [
3230
+ "flex-end",
3231
+ "center"
3232
+ ],
3233
+ "position": [
3234
+ "relative"
3235
+ ]
3236
+ },
3237
+ "HStack": {
3238
+ "alignItems": [
3239
+ "center"
3240
+ ],
3241
+ "gap": [
3242
+ "1"
3233
3243
  ]
3234
3244
  }
3235
3245
  },
3236
3246
  "propToVariantKeys": {
3237
3247
  "size": [
3238
- "switchSizeHandle",
3239
- "switchSizeHandleIcon"
3240
- ],
3241
- "reduceMotion": [
3242
- "reducedMotion"
3243
- ]
3248
+ "inputSizeRoot",
3249
+ "inputSizeInputWrapperStatic",
3250
+ "inputSizeInputWrapperDynamic",
3251
+ "inputSizeInput",
3252
+ "inputSizeLabel",
3253
+ "inputSizeStartIcon",
3254
+ "inputSizeEndIcon"
3255
+ ],
3256
+ "startIcon": [
3257
+ "icon"
3258
+ ],
3259
+ "endIcon": [
3260
+ "icon"
3261
+ ],
3262
+ "slotProps": [
3263
+ "helperTextSlotProps"
3264
+ ],
3265
+ "helperTextIcon": [
3266
+ "startIcon"
3267
+ ]
3268
+ },
3269
+ "runtimeConfigDefaultProps": {
3270
+ "size": "input.defaultSize"
3271
+ },
3272
+ "runtimeConfigGetStyles": {},
3273
+ "runtimeConfigInternalComponentProps": {},
3274
+ "motionVarPrefixes": []
3275
+ },
3276
+ "UDSInputConfigProvider": {
3277
+ "name": "UDSInputConfigProvider",
3278
+ "defaultProps": {},
3279
+ "getStylesLiterals": {},
3280
+ "cxLiterals": [],
3281
+ "internalComponents": [],
3282
+ "internalComponentProps": {},
3283
+ "propToVariantKeys": {},
3284
+ "runtimeConfigDefaultProps": {},
3285
+ "runtimeConfigGetStyles": {},
3286
+ "runtimeConfigInternalComponentProps": {},
3287
+ "motionVarPrefixes": []
3288
+ },
3289
+ "InputHelpText": {
3290
+ "name": "InputHelpText",
3291
+ "defaultProps": {
3292
+ "size": "md"
3293
+ },
3294
+ "getStylesLiterals": {
3295
+ "inputVariantRoot": "default",
3296
+ "inputVariantValueRoot": "empty",
3297
+ "inputVariantValueRoot:1": "filled"
3298
+ },
3299
+ "cxLiterals": [],
3300
+ "internalComponents": [
3301
+ "InputHelpTextInternal",
3302
+ "Box"
3303
+ ],
3304
+ "internalComponentProps": {
3305
+ "Box": {
3306
+ "spacingTop": [
3307
+ "2"
3308
+ ]
3309
+ }
3310
+ },
3311
+ "propToVariantKeys": {
3312
+ "size": [
3313
+ "inputSizeRoot"
3314
+ ]
3315
+ },
3316
+ "runtimeConfigDefaultProps": {},
3317
+ "runtimeConfigGetStyles": {},
3318
+ "runtimeConfigInternalComponentProps": {},
3319
+ "motionVarPrefixes": []
3320
+ },
3321
+ "SwitchBase": {
3322
+ "name": "SwitchBase",
3323
+ "defaultProps": {
3324
+ "labelPosition": "start",
3325
+ "size": "md"
3326
+ },
3327
+ "getStylesLiterals": {
3328
+ "switchVariantRoot": "default",
3329
+ "switchVariantActiveRoot": "on",
3330
+ "switchVariantActiveRoot:1": "off",
3331
+ "display": "flex",
3332
+ "flexDirection": "row",
3333
+ "flexDirection:1": "row-reverse",
3334
+ "alignItems": "center",
3335
+ "switchVariantSwitch": "default",
3336
+ "switchVariantActiveSwitch": "on",
3337
+ "switchVariantActiveSwitch:1": "off",
3338
+ "borderRadius": "full",
3339
+ "position": "relative"
3340
+ },
3341
+ "cxLiterals": [
3342
+ "group",
3343
+ "cursor-pointer",
3344
+ "cursor-default",
3345
+ "opacity-50",
3346
+ "uds-ring",
3347
+ "uds-ring-within",
3348
+ "transition-[background-color,box-shadow]",
3349
+ "cursor-[inherit]",
3350
+ "absolute",
3351
+ "opacity-0",
3352
+ "top-[-1px]",
3353
+ "left-[-1px]",
3354
+ "w-[calc(100%+2px)]",
3355
+ "h-[calc(100%+2px)]",
3356
+ "text-start",
3357
+ "text-end",
3358
+ "translate-x-[1.25rem]",
3359
+ "rtl:translate-x-[-1.25rem]",
3360
+ "translate-x-[0.75rem]",
3361
+ "rtl:translate-x-[-0.75rem]"
3362
+ ],
3363
+ "internalComponents": [
3364
+ "FormLabel",
3365
+ "RootElement",
3366
+ "Box"
3367
+ ],
3368
+ "internalComponentProps": {
3369
+ "FormLabel": {
3370
+ "as": [
3371
+ "div"
3372
+ ],
3373
+ "variant": [
3374
+ "inherit"
3375
+ ],
3376
+ "color": [
3377
+ "inherit"
3378
+ ]
3379
+ },
3380
+ "RootElement": {
3381
+ "data-testid": [
3382
+ "container"
3383
+ ]
3384
+ }
3385
+ },
3386
+ "propToVariantKeys": {
3387
+ "size": [
3388
+ "switchSizeRoot",
3389
+ "switchSizeSwitch"
3390
+ ]
3391
+ },
3392
+ "runtimeConfigDefaultProps": {},
3393
+ "runtimeConfigGetStyles": {},
3394
+ "runtimeConfigInternalComponentProps": {},
3395
+ "motionVarPrefixes": []
3396
+ },
3397
+ "Switch": {
3398
+ "name": "Switch",
3399
+ "defaultProps": {},
3400
+ "getStylesLiterals": {
3401
+ "switchVariantActiveHandle": "on",
3402
+ "switchVariantActiveHandle:1": "off",
3403
+ "switchVariantHandle": "default",
3404
+ "switchVariantHandleIcon": "default",
3405
+ "switchVariantActiveHandleIcon": "on",
3406
+ "switchVariantActiveHandleIcon:1": "off"
3407
+ },
3408
+ "cxLiterals": [
3409
+ "relative",
3410
+ "pointer-events-none",
3411
+ "uds-border-radius-full",
3412
+ "overflow-hidden",
3413
+ "absolute",
3414
+ "top-0",
3415
+ "left-0",
3416
+ "right-0",
3417
+ "bottom-0",
3418
+ "opacity-95",
3419
+ "group-hover:opacity-100",
3420
+ "transition-[background-color,box-shadow,opacity]",
3421
+ "opacity-0",
3422
+ "m-auto",
3423
+ "transition-opacity",
3424
+ "opacity-100"
3425
+ ],
3426
+ "internalComponents": [
3427
+ "IconSlot",
3428
+ "SwitchBase",
3429
+ "Box",
3430
+ "SpringMotionConfig",
3431
+ "MotionBox",
3432
+ "SwitchProps",
3433
+ "SwitchStaticHandle"
3434
+ ],
3435
+ "internalComponentProps": {
3436
+ "IconSlot": {
3437
+ "data-testid": [
3438
+ "on-icon",
3439
+ "off-icon"
3440
+ ]
3441
+ }
3442
+ },
3443
+ "propToVariantKeys": {
3444
+ "size": [
3445
+ "switchSizeHandle",
3446
+ "switchSizeHandleIcon"
3447
+ ],
3448
+ "reduceMotion": [
3449
+ "reducedMotion"
3450
+ ]
3244
3451
  },
3245
3452
  "runtimeConfigDefaultProps": {},
3246
3453
  "runtimeConfigGetStyles": {},
@@ -3466,242 +3673,35 @@
3466
3673
  "runtimeConfigInternalComponentProps": {},
3467
3674
  "motionVarPrefixes": []
3468
3675
  },
3469
- "InputHelpTextInternal": {
3470
- "name": "InputHelpTextInternal",
3471
- "defaultProps": {},
3472
- "getStylesLiterals": {
3473
- "inputVariantHelperText": "default",
3474
- "inputVariantValueHelperText": "empty",
3475
- "inputVariantValueHelperText:1": "filled",
3476
- "inputVariantHelperIcon": "default",
3477
- "inputVariantValueHelperIcon": "empty",
3478
- "inputVariantValueHelperIcon:1": "filled"
3676
+ "AvatarIcon": {
3677
+ "name": "AvatarIcon",
3678
+ "defaultProps": {
3679
+ "size": "md",
3680
+ "variant": "primary"
3479
3681
  },
3480
- "cxLiterals": [],
3682
+ "getStylesLiterals": {},
3683
+ "cxLiterals": [
3684
+ "overflow-hidden",
3685
+ "w-full",
3686
+ "h-full",
3687
+ "shrink-0",
3688
+ "text-center",
3689
+ "inline-flex",
3690
+ "justify-center",
3691
+ "items-center"
3692
+ ],
3481
3693
  "internalComponents": [
3482
3694
  "IconSlot",
3483
- "HStack"
3695
+ "Box"
3484
3696
  ],
3485
- "internalComponentProps": {
3486
- "HStack": {
3487
- "gap": [
3488
- "1"
3489
- ],
3490
- "alignItems": [
3491
- "center"
3492
- ]
3493
- }
3494
- },
3697
+ "internalComponentProps": {},
3495
3698
  "propToVariantKeys": {
3496
3699
  "size": [
3497
- "inputSizeHelperText",
3498
- "inputSizeHelperIcon"
3499
- ],
3500
- "startIcon": [
3501
- "icon"
3502
- ],
3503
- "endIcon": [
3504
- "icon"
3700
+ "avatarSizeIcon"
3505
3701
  ]
3506
3702
  },
3507
3703
  "runtimeConfigDefaultProps": {
3508
- "size": "input.defaultSize"
3509
- },
3510
- "runtimeConfigGetStyles": {},
3511
- "runtimeConfigInternalComponentProps": {},
3512
- "motionVarPrefixes": []
3513
- },
3514
- "Input": {
3515
- "name": "Input",
3516
- "defaultProps": {
3517
- "type": "text",
3518
- "size": "md",
3519
- "width": "full"
3520
- },
3521
- "getStylesLiterals": {
3522
- "inputVariantRoot": "default",
3523
- "inputVariantValueRoot": "empty",
3524
- "inputVariantValueRoot:1": "filled",
3525
- "inputVariantInputWrapper": "default",
3526
- "inputVariantValueInputWrapper": "empty",
3527
- "inputVariantValueInputWrapper:1": "filled",
3528
- "inputVariantInput": "default",
3529
- "inputVariantValueInput": "empty",
3530
- "inputVariantValueInput:1": "filled",
3531
- "inputVariantInputPlaceholder": "default",
3532
- "inputVariantValueInputPlaceholder": "empty",
3533
- "inputVariantValueInputPlaceholder:1": "filled",
3534
- "inputVariantLabel": "default",
3535
- "inputVariantValueLabel": "empty",
3536
- "inputVariantValueLabel:1": "filled",
3537
- "inputVariantLabelRequired": "default",
3538
- "inputVariantValueLabelRequired": "empty",
3539
- "inputVariantValueLabelRequired:1": "filled",
3540
- "inputVariantStartIcon": "default",
3541
- "inputVariantValueStartIcon": "empty",
3542
- "inputVariantValueStartIcon:1": "filled",
3543
- "inputVariantEndIcon": "default",
3544
- "inputVariantValueEndIcon": "empty",
3545
- "inputVariantValueEndIcon:1": "filled"
3546
- },
3547
- "cxLiterals": [
3548
- "opacity-50",
3549
- "min-w-[200px]",
3550
- "uds-ring-shadow",
3551
- "uds-ring-within",
3552
- "grow",
3553
- "uds-hit-target",
3554
- "bg-transparent",
3555
- "bg-clip-text",
3556
- "focus-visible:outline-none",
3557
- "cursor-text",
3558
- "cursor-not-allowed"
3559
- ],
3560
- "internalComponents": [
3561
- "IconSlot",
3562
- "StartIcon",
3563
- "EndIcon",
3564
- "HelpTextContent",
3565
- "Box",
3566
- "InputHelpTextInternal",
3567
- "VStack",
3568
- "HStack",
3569
- "AnimateHeightChange"
3570
- ],
3571
- "internalComponentProps": {
3572
- "HelpTextContent": {
3573
- "spacingTop": [
3574
- "2"
3575
- ]
3576
- },
3577
- "Box": {
3578
- "spacingBottom": [
3579
- "2"
3580
- ],
3581
- "columnGap": [
3582
- "0.5"
3583
- ],
3584
- "alignItems": [
3585
- "flex-end",
3586
- "center"
3587
- ],
3588
- "position": [
3589
- "relative"
3590
- ]
3591
- },
3592
- "HStack": {
3593
- "alignItems": [
3594
- "center"
3595
- ],
3596
- "gap": [
3597
- "1"
3598
- ]
3599
- }
3600
- },
3601
- "propToVariantKeys": {
3602
- "size": [
3603
- "inputSizeRoot",
3604
- "inputSizeInputWrapperStatic",
3605
- "inputSizeInputWrapperDynamic",
3606
- "inputSizeInput",
3607
- "inputSizeLabel",
3608
- "inputSizeStartIcon",
3609
- "inputSizeEndIcon"
3610
- ],
3611
- "startIcon": [
3612
- "icon"
3613
- ],
3614
- "endIcon": [
3615
- "icon"
3616
- ],
3617
- "slotProps": [
3618
- "helperTextSlotProps"
3619
- ],
3620
- "helperTextIcon": [
3621
- "startIcon"
3622
- ]
3623
- },
3624
- "runtimeConfigDefaultProps": {
3625
- "size": "input.defaultSize"
3626
- },
3627
- "runtimeConfigGetStyles": {},
3628
- "runtimeConfigInternalComponentProps": {},
3629
- "motionVarPrefixes": []
3630
- },
3631
- "UDSInputConfigProvider": {
3632
- "name": "UDSInputConfigProvider",
3633
- "defaultProps": {},
3634
- "getStylesLiterals": {},
3635
- "cxLiterals": [],
3636
- "internalComponents": [],
3637
- "internalComponentProps": {},
3638
- "propToVariantKeys": {},
3639
- "runtimeConfigDefaultProps": {},
3640
- "runtimeConfigGetStyles": {},
3641
- "runtimeConfigInternalComponentProps": {},
3642
- "motionVarPrefixes": []
3643
- },
3644
- "InputHelpText": {
3645
- "name": "InputHelpText",
3646
- "defaultProps": {
3647
- "size": "md"
3648
- },
3649
- "getStylesLiterals": {
3650
- "inputVariantRoot": "default",
3651
- "inputVariantValueRoot": "empty",
3652
- "inputVariantValueRoot:1": "filled"
3653
- },
3654
- "cxLiterals": [],
3655
- "internalComponents": [
3656
- "InputHelpTextInternal",
3657
- "Box"
3658
- ],
3659
- "internalComponentProps": {
3660
- "Box": {
3661
- "spacingTop": [
3662
- "2"
3663
- ]
3664
- }
3665
- },
3666
- "propToVariantKeys": {
3667
- "size": [
3668
- "inputSizeRoot"
3669
- ]
3670
- },
3671
- "runtimeConfigDefaultProps": {},
3672
- "runtimeConfigGetStyles": {},
3673
- "runtimeConfigInternalComponentProps": {},
3674
- "motionVarPrefixes": []
3675
- },
3676
- "AvatarIcon": {
3677
- "name": "AvatarIcon",
3678
- "defaultProps": {
3679
- "size": "md",
3680
- "variant": "primary"
3681
- },
3682
- "getStylesLiterals": {},
3683
- "cxLiterals": [
3684
- "overflow-hidden",
3685
- "w-full",
3686
- "h-full",
3687
- "shrink-0",
3688
- "text-center",
3689
- "inline-flex",
3690
- "justify-center",
3691
- "items-center"
3692
- ],
3693
- "internalComponents": [
3694
- "IconSlot",
3695
- "Box"
3696
- ],
3697
- "internalComponentProps": {},
3698
- "propToVariantKeys": {
3699
- "size": [
3700
- "avatarSizeIcon"
3701
- ]
3702
- },
3703
- "runtimeConfigDefaultProps": {
3704
- "size": "avatar.defaultSize"
3704
+ "size": "avatar.defaultSize"
3705
3705
  },
3706
3706
  "runtimeConfigGetStyles": {},
3707
3707
  "runtimeConfigInternalComponentProps": {},
@@ -3974,13 +3974,55 @@
3974
3974
  "runtimeConfigInternalComponentProps": {},
3975
3975
  "motionVarPrefixes": []
3976
3976
  },
3977
- "BottomSheetDismiss": {
3978
- "name": "BottomSheetDismiss",
3977
+ "IconButtonBase": {
3978
+ "name": "IconButtonBase",
3979
+ "defaultProps": {
3980
+ "type": "button"
3981
+ },
3982
+ "getStylesLiterals": {},
3983
+ "cxLiterals": [
3984
+ "uds-ring",
3985
+ "uds-hit-target",
3986
+ "inline-flex",
3987
+ "overflow-hidden",
3988
+ "justify-center",
3989
+ "items-center",
3990
+ "[transform-origin:center]",
3991
+ "[backface-visibility:hidden]",
3992
+ "[transition-property:color,background-color,border-color,box-shadow,text-decoration-color,fill,stroke]",
3993
+ "[transition-timing-function:cubic-bezier(0,0,0.2,1)]",
3994
+ "[transition-duration:220ms]",
3995
+ "cursor-not-allowed",
3996
+ "uds-button-loading",
3997
+ "uds-button-without-effects",
3998
+ "animate-spin"
3999
+ ],
4000
+ "internalComponents": [],
4001
+ "internalComponentProps": {},
4002
+ "propToVariantKeys": {
4003
+ "size": [
4004
+ "iconbuttonSizeRoot",
4005
+ "iconbuttonSizeIcon"
4006
+ ],
4007
+ "variant": [
4008
+ "buttonVariantRoot",
4009
+ "buttonVariantIcon"
4010
+ ]
4011
+ },
4012
+ "runtimeConfigDefaultProps": {
4013
+ "size": "iconButton.defaultSize"
4014
+ },
4015
+ "runtimeConfigGetStyles": {},
4016
+ "runtimeConfigInternalComponentProps": {},
4017
+ "motionVarPrefixes": []
4018
+ },
4019
+ "UDSIconButtonConfigProvider": {
4020
+ "name": "UDSIconButtonConfigProvider",
3979
4021
  "defaultProps": {},
3980
4022
  "getStylesLiterals": {},
3981
4023
  "cxLiterals": [],
3982
4024
  "internalComponents": [
3983
- "AriakitDialogDismiss"
4025
+ "IconButtonContext.Provider"
3984
4026
  ],
3985
4027
  "internalComponentProps": {},
3986
4028
  "propToVariantKeys": {},
@@ -3989,30 +4031,69 @@
3989
4031
  "runtimeConfigInternalComponentProps": {},
3990
4032
  "motionVarPrefixes": []
3991
4033
  },
3992
- "BottomSheetContent": {
3993
- "name": "BottomSheetContent",
4034
+ "IconButton": {
4035
+ "name": "IconButton",
3994
4036
  "defaultProps": {},
3995
4037
  "getStylesLiterals": {},
3996
- "cxLiterals": [
3997
- "min-h-0",
3998
- "touch-pan-y"
3999
- ],
4038
+ "cxLiterals": [],
4000
4039
  "internalComponents": [
4001
- "Box",
4002
- "VStack"
4003
- ],
4004
- "internalComponentProps": {
4005
- "Box": {
4006
- "display": [
4007
- "block"
4008
- ],
4009
- "flex": [
4010
- "1"
4040
+ "IconButtonBase",
4041
+ "Icon",
4042
+ "AnimatePresence",
4043
+ "SpringMotionConfig",
4044
+ "MotionSlot",
4045
+ "IconButtonProps",
4046
+ "Slot"
4047
+ ],
4048
+ "internalComponentProps": {
4049
+ "Icon": {
4050
+ "color": [
4051
+ "current"
4011
4052
  ]
4012
4053
  },
4013
- "VStack": {
4014
- "className": [
4015
- "pb-[calc(env(safe-area-inset-bottom))]"
4054
+ "AnimatePresence": {
4055
+ "mode": [
4056
+ "popLayout"
4057
+ ]
4058
+ },
4059
+ "SpringMotionConfig": {
4060
+ "layoutSpeed": [
4061
+ "3"
4062
+ ]
4063
+ },
4064
+ "MotionSlot": {
4065
+ "initial": [
4066
+ "icon"
4067
+ ],
4068
+ "whileHover": [
4069
+ "hover"
4070
+ ],
4071
+ "whileTap": [
4072
+ "pressed"
4073
+ ]
4074
+ }
4075
+ },
4076
+ "propToVariantKeys": {},
4077
+ "runtimeConfigDefaultProps": {},
4078
+ "runtimeConfigGetStyles": {},
4079
+ "runtimeConfigInternalComponentProps": {},
4080
+ "motionVarPrefixes": [
4081
+ "--uds-motion-subtle-3-",
4082
+ "--uds-motion-smooth-3-"
4083
+ ]
4084
+ },
4085
+ "PaddleButtonNext": {
4086
+ "name": "PaddleButtonNext",
4087
+ "defaultProps": {},
4088
+ "getStylesLiterals": {},
4089
+ "cxLiterals": [],
4090
+ "internalComponents": [
4091
+ "PaddleButton"
4092
+ ],
4093
+ "internalComponentProps": {
4094
+ "PaddleButton": {
4095
+ "paddleRole": [
4096
+ "next"
4016
4097
  ]
4017
4098
  }
4018
4099
  },
@@ -4022,64 +4103,80 @@
4022
4103
  "runtimeConfigInternalComponentProps": {},
4023
4104
  "motionVarPrefixes": []
4024
4105
  },
4025
- "BottomSheetHeader": {
4026
- "name": "BottomSheetHeader",
4106
+ "UDSPaddleNavConfigProvider": {
4107
+ "name": "UDSPaddleNavConfigProvider",
4108
+ "defaultProps": {},
4109
+ "getStylesLiterals": {},
4110
+ "cxLiterals": [
4111
+ "md"
4112
+ ],
4113
+ "internalComponents": [],
4114
+ "internalComponentProps": {},
4115
+ "propToVariantKeys": {},
4116
+ "runtimeConfigDefaultProps": {},
4117
+ "runtimeConfigGetStyles": {},
4118
+ "runtimeConfigInternalComponentProps": {},
4119
+ "motionVarPrefixes": []
4120
+ },
4121
+ "PaddleNav": {
4122
+ "name": "PaddleNav",
4027
4123
  "defaultProps": {
4028
- "variant": "default"
4124
+ "orientation": "horizontal",
4125
+ "variant": "primary",
4126
+ "size": "md"
4029
4127
  },
4030
4128
  "getStylesLiterals": {},
4031
4129
  "cxLiterals": [
4032
- "grid-cols-[40px_1fr_40px]",
4130
+ "pointer-events-none",
4131
+ "inline-flex",
4132
+ "flex-row",
4133
+ "gap-2",
4033
4134
  "items-center",
4034
- "w-full",
4035
- "min-h-10",
4036
- "mt-2"
4135
+ "pointer-events-auto",
4136
+ "flex-col",
4137
+ "relative",
4138
+ "min-w-0",
4139
+ "min-h-0",
4140
+ "flex-1",
4141
+ "inline-block",
4142
+ "absolute",
4143
+ "z-10",
4144
+ "top-2",
4145
+ "left-1/2",
4146
+ "-translate-x-1/2",
4147
+ "left-2",
4148
+ "top-1/2",
4149
+ "-translate-y-1/2",
4150
+ "bottom-2",
4151
+ "right-2",
4152
+ "-top-12",
4153
+ "left-0",
4154
+ "right-0",
4155
+ "-bottom-12"
4037
4156
  ],
4038
4157
  "internalComponents": [
4039
- "Box",
4040
- "Text",
4041
- "DialogHeading"
4158
+ "PaddleNavContext.Provider",
4159
+ "Box"
4042
4160
  ],
4043
4161
  "internalComponentProps": {
4044
4162
  "Box": {
4045
- "className": [
4046
- "h-10 w-10 opacity-0 pointer-events-none"
4047
- ],
4048
4163
  "display": [
4049
- "grid",
4050
- "flex"
4051
- ],
4052
- "justifyContent": [
4053
- "flex-start",
4054
- "flex-end"
4055
- ]
4056
- },
4057
- "Text": {
4058
- "as": [
4059
- "p"
4060
- ],
4061
- "variant": [
4062
- "inherit"
4164
+ "inline-flex"
4063
4165
  ],
4064
- "color": [
4065
- "inherit"
4166
+ "alignItems": [
4167
+ "center"
4066
4168
  ],
4067
- "textAlign": [
4169
+ "justifyContent": [
4068
4170
  "center"
4069
4171
  ],
4070
- "className": [
4071
- "m-0 w-full"
4072
- ]
4073
- },
4074
- "DialogHeading": {
4075
- "role": [
4076
- "heading"
4172
+ "data-paddle-nav-outside": [
4173
+ "true"
4077
4174
  ]
4078
4175
  }
4079
4176
  },
4080
4177
  "propToVariantKeys": {
4081
- "variant": [
4082
- "bottomsheetVariantHeader"
4178
+ "orientation": [
4179
+ "data-paddle-nav-orientation"
4083
4180
  ]
4084
4181
  },
4085
4182
  "runtimeConfigDefaultProps": {},
@@ -4087,14 +4184,16 @@
4087
4184
  "runtimeConfigInternalComponentProps": {},
4088
4185
  "motionVarPrefixes": []
4089
4186
  },
4090
- "BottomSheetTrigger": {
4091
- "name": "BottomSheetTrigger",
4187
+ "PaddleNavContent": {
4188
+ "name": "PaddleNavContent",
4092
4189
  "defaultProps": {},
4093
4190
  "getStylesLiterals": {},
4094
- "cxLiterals": [],
4095
- "internalComponents": [
4096
- "AriakitDialogDisclosure"
4191
+ "cxLiterals": [
4192
+ "min-w-0",
4193
+ "min-h-0",
4194
+ "relative"
4097
4195
  ],
4196
+ "internalComponents": [],
4098
4197
  "internalComponentProps": {},
4099
4198
  "propToVariantKeys": {},
4100
4199
  "runtimeConfigDefaultProps": {},
@@ -4102,141 +4201,147 @@
4102
4201
  "runtimeConfigInternalComponentProps": {},
4103
4202
  "motionVarPrefixes": []
4104
4203
  },
4105
- "UDSBottomSheetConfigProvider": {
4106
- "name": "UDSBottomSheetConfigProvider",
4204
+ "PaddleButtonPrevious": {
4205
+ "name": "PaddleButtonPrevious",
4107
4206
  "defaultProps": {},
4108
4207
  "getStylesLiterals": {},
4109
4208
  "cxLiterals": [],
4110
4209
  "internalComponents": [
4111
- "BottomSheetContext.Provider"
4210
+ "PaddleButton"
4112
4211
  ],
4113
- "internalComponentProps": {},
4212
+ "internalComponentProps": {
4213
+ "PaddleButton": {
4214
+ "paddleRole": [
4215
+ "previous"
4216
+ ]
4217
+ }
4218
+ },
4114
4219
  "propToVariantKeys": {},
4115
4220
  "runtimeConfigDefaultProps": {},
4116
4221
  "runtimeConfigGetStyles": {},
4117
4222
  "runtimeConfigInternalComponentProps": {},
4118
4223
  "motionVarPrefixes": []
4119
4224
  },
4120
- "BottomSheetInternalContext": {
4121
- "name": "BottomSheetInternalContext",
4225
+ "PaddleButton": {
4226
+ "name": "PaddleButton",
4122
4227
  "defaultProps": {},
4123
4228
  "getStylesLiterals": {},
4124
- "cxLiterals": [],
4125
- "internalComponents": [],
4126
- "internalComponentProps": {},
4127
- "propToVariantKeys": {},
4128
- "runtimeConfigDefaultProps": {},
4129
- "runtimeConfigGetStyles": {},
4130
- "runtimeConfigInternalComponentProps": {},
4131
- "motionVarPrefixes": []
4132
- },
4133
- "BottomSheet": {
4134
- "name": "BottomSheet",
4135
- "defaultProps": {
4136
- "variant": "default"
4137
- },
4138
- "getStylesLiterals": {},
4139
4229
  "cxLiterals": [
4140
- "fixed",
4230
+ "relative",
4231
+ "inline-flex",
4232
+ "items-center",
4233
+ "justify-center",
4234
+ "box-border",
4141
4235
  "overflow-hidden",
4142
- "inset-x-0",
4143
- "bottom-0",
4144
- "z-50",
4145
- "[will-change:transform]",
4146
- "touch-none",
4147
- "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
4148
- "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
4149
- "transition-transform",
4150
- "duration-500",
4151
- "ease-[cubic-bezier(0.32,0.72,0,1)]",
4152
- "motion-reduce:transition-none",
4153
- "top-[-4px]",
4154
- "z-[1]",
4155
- "touch-pan-y"
4236
+ "border-solid",
4237
+ "select-none",
4238
+ "uds-nested-radius",
4239
+ "transition-[color,border-color,box-shadow]",
4240
+ "duration-[180ms]",
4241
+ "ease-[cubic-bezier(0,0,0.2,1)]",
4242
+ "uds-ring",
4243
+ "cursor-pointer",
4244
+ "cursor-not-allowed",
4245
+ "opacity-50",
4246
+ "pointer-events-none",
4247
+ "hidden",
4248
+ "absolute",
4249
+ "inset-0",
4250
+ "-z-10",
4251
+ "rounded-[var(--uds-nested-radius)]",
4252
+ "transition-[background-color,opacity]"
4156
4253
  ],
4157
4254
  "internalComponents": [
4158
- "Scrim",
4159
- "BottomSheetHandle",
4160
- "Dialog",
4161
- "Box",
4162
- "BottomSheetInternalContext.Provider"
4255
+ "Icon"
4163
4256
  ],
4164
4257
  "internalComponentProps": {
4165
- "BottomSheetHandle": {
4166
- "ariaLabel": [
4167
- "Resize sheet"
4168
- ]
4169
- },
4170
- "Dialog": {
4171
- "data-testid": [
4172
- "bottom-sheet"
4173
- ]
4174
- },
4175
- "Box": {
4176
- "display": [
4177
- "block",
4178
- "flex"
4179
- ],
4180
- "position": [
4181
- "absolute"
4182
- ],
4183
- "flexDirection": [
4184
- "column"
4185
- ],
4186
- "className": [
4187
- "absolute inset-0 min-h-0 p-[inherit]"
4258
+ "Icon": {
4259
+ "color": [
4260
+ "current"
4188
4261
  ]
4189
4262
  }
4190
4263
  },
4191
4264
  "propToVariantKeys": {
4265
+ "size": [
4266
+ "paddlenavSizeRoot",
4267
+ "paddlenavSizeIcon"
4268
+ ],
4192
4269
  "variant": [
4193
- "bottomsheetVariantRoot"
4270
+ "paddlenavVariantRoot",
4271
+ "paddlenavVariantBackground",
4272
+ "paddlenavVariantIcon"
4194
4273
  ]
4195
4274
  },
4196
- "runtimeConfigDefaultProps": {},
4275
+ "runtimeConfigDefaultProps": {
4276
+ "size": "paddleNav.defaultSize"
4277
+ },
4197
4278
  "runtimeConfigGetStyles": {},
4198
- "runtimeConfigInternalComponentProps": {},
4279
+ "runtimeConfigInternalComponentProps": {
4280
+ "Icon": {
4281
+ "size": [
4282
+ "paddleNav.iconSize.${size}"
4283
+ ]
4284
+ }
4285
+ },
4199
4286
  "motionVarPrefixes": []
4200
4287
  },
4201
- "BottomSheetHandle": {
4202
- "name": "BottomSheetHandle",
4288
+ "TabList": {
4289
+ "name": "TabList",
4203
4290
  "defaultProps": {
4204
- "variant": "default"
4291
+ "variant": "primary"
4292
+ },
4293
+ "getStylesLiterals": {
4294
+ "tabSizeRoot": "default",
4295
+ "tabVariantActiveRoot": "on"
4205
4296
  },
4206
- "getStylesLiterals": {},
4207
4297
  "cxLiterals": [
4208
- "relative",
4209
- "h-5",
4210
- "w-16",
4211
- "outline-none",
4212
- "focus-visible:outline-none",
4213
- "[touch-action:pan-y]",
4298
+ "pointer-events-none",
4214
4299
  "absolute",
4215
- "left-1/2",
4216
- "top-1/2",
4217
- "-translate-x-1/2",
4218
- "-translate-y-1/2",
4219
- "h-1",
4220
- "w-8",
4221
- "rounded-full"
4300
+ "bottom-0",
4301
+ "left-0",
4302
+ "right-0",
4303
+ "h-[var(--uds-tab-underline-width,0px)]",
4304
+ "bg-[var(--uds-tab-underline-color,transparent)]",
4305
+ "transition-[height,background-color]",
4306
+ "duration-[240ms]",
4307
+ "ease-[cubic-bezier(0.2,0,0,1)]",
4308
+ "!m-0",
4309
+ "!p-0",
4310
+ "!gap-0",
4311
+ "box-border",
4312
+ "z-0",
4313
+ "min-w-0",
4314
+ "min-h-0",
4315
+ "flex",
4316
+ "flex-row",
4317
+ "items-center",
4318
+ "overflow-x-auto",
4319
+ "overflow-y-clip",
4320
+ "scrollbar-none",
4321
+ "[overflow-clip-margin:6px]",
4322
+ "overflow-clip",
4323
+ "[overflow-clip-margin:8px]",
4324
+ "relative",
4325
+ "left",
4326
+ "240ms",
4327
+ "cubic-bezier(0.2,",
4328
+ "0,",
4329
+ "1),",
4330
+ "top",
4331
+ "width",
4332
+ "height",
4333
+ "1)",
4334
+ "--uds-tab-underline-color",
4335
+ "--uds-tab-underline-width"
4222
4336
  ],
4223
4337
  "internalComponents": [
4224
- "Box"
4338
+ "AriakitTabList"
4225
4339
  ],
4226
- "internalComponentProps": {
4227
- "Box": {
4228
- "display": [
4229
- "block",
4230
- "flex"
4231
- ],
4232
- "justifyContent": [
4233
- "center"
4234
- ]
4235
- }
4236
- },
4340
+ "internalComponentProps": {},
4237
4341
  "propToVariantKeys": {
4238
4342
  "variant": [
4239
- "bottomsheetVariantHandleIndicator"
4343
+ "tabsVariantRoot",
4344
+ "tabVariantRoot"
4240
4345
  ]
4241
4346
  },
4242
4347
  "runtimeConfigDefaultProps": {},
@@ -4244,13 +4349,13 @@
4244
4349
  "runtimeConfigInternalComponentProps": {},
4245
4350
  "motionVarPrefixes": []
4246
4351
  },
4247
- "BottomSheetProvider": {
4248
- "name": "BottomSheetProvider",
4352
+ "TabPanel": {
4353
+ "name": "TabPanel",
4249
4354
  "defaultProps": {},
4250
4355
  "getStylesLiterals": {},
4251
4356
  "cxLiterals": [],
4252
4357
  "internalComponents": [
4253
- "AriakitDialogProvider"
4358
+ "AriakitTabPanel"
4254
4359
  ],
4255
4360
  "internalComponentProps": {},
4256
4361
  "propToVariantKeys": {},
@@ -4259,56 +4364,36 @@
4259
4364
  "runtimeConfigInternalComponentProps": {},
4260
4365
  "motionVarPrefixes": []
4261
4366
  },
4262
- "IconButtonBase": {
4263
- "name": "IconButtonBase",
4367
+ "Tabs": {
4368
+ "name": "Tabs",
4264
4369
  "defaultProps": {
4265
- "type": "button"
4370
+ "variant": "primary"
4266
4371
  },
4267
4372
  "getStylesLiterals": {},
4268
- "cxLiterals": [
4269
- "uds-ring",
4270
- "uds-hit-target",
4271
- "inline-flex",
4272
- "overflow-hidden",
4273
- "justify-center",
4274
- "items-center",
4275
- "[transform-origin:center]",
4276
- "[backface-visibility:hidden]",
4277
- "[transition-property:color,background-color,border-color,box-shadow,text-decoration-color,fill,stroke]",
4278
- "[transition-timing-function:cubic-bezier(0,0,0.2,1)]",
4279
- "[transition-duration:220ms]",
4280
- "cursor-not-allowed",
4281
- "uds-button-loading",
4282
- "uds-button-without-effects",
4283
- "animate-spin"
4373
+ "cxLiterals": [],
4374
+ "internalComponents": [
4375
+ "TabsContext.Provider",
4376
+ "TabProvider"
4284
4377
  ],
4285
- "internalComponents": [],
4286
4378
  "internalComponentProps": {},
4287
4379
  "propToVariantKeys": {
4288
- "size": [
4289
- "iconbuttonSizeRoot",
4290
- "iconbuttonSizeIcon"
4291
- ],
4292
- "variant": [
4293
- "buttonVariantRoot",
4294
- "buttonVariantIcon"
4380
+ "onSelectionChange": [
4381
+ "setSelectedId"
4295
4382
  ]
4296
4383
  },
4297
- "runtimeConfigDefaultProps": {
4298
- "size": "iconButton.defaultSize"
4299
- },
4384
+ "runtimeConfigDefaultProps": {},
4300
4385
  "runtimeConfigGetStyles": {},
4301
4386
  "runtimeConfigInternalComponentProps": {},
4302
4387
  "motionVarPrefixes": []
4303
4388
  },
4304
- "UDSIconButtonConfigProvider": {
4305
- "name": "UDSIconButtonConfigProvider",
4389
+ "UDSTabConfigProvider": {
4390
+ "name": "UDSTabConfigProvider",
4306
4391
  "defaultProps": {},
4307
4392
  "getStylesLiterals": {},
4308
- "cxLiterals": [],
4309
- "internalComponents": [
4310
- "IconButtonContext.Provider"
4393
+ "cxLiterals": [
4394
+ "sm"
4311
4395
  ],
4396
+ "internalComponents": [],
4312
4397
  "internalComponentProps": {},
4313
4398
  "propToVariantKeys": {},
4314
4399
  "runtimeConfigDefaultProps": {},
@@ -4316,86 +4401,94 @@
4316
4401
  "runtimeConfigInternalComponentProps": {},
4317
4402
  "motionVarPrefixes": []
4318
4403
  },
4319
- "IconButton": {
4320
- "name": "IconButton",
4321
- "defaultProps": {},
4322
- "getStylesLiterals": {},
4323
- "cxLiterals": [],
4404
+ "Tab": {
4405
+ "name": "Tab",
4406
+ "defaultProps": {
4407
+ "variant": "primary"
4408
+ },
4409
+ "getStylesLiterals": {
4410
+ "tabSizeRoot": "default",
4411
+ "tabVariantActiveRoot": "off",
4412
+ "tabVariantActiveRoot:1": "on",
4413
+ "tabSizeIcon": "default"
4414
+ },
4415
+ "cxLiterals": [
4416
+ "pointer-events-none",
4417
+ "absolute",
4418
+ "bottom-0",
4419
+ "left-0",
4420
+ "right-0",
4421
+ "h-[var(--uds-tab-underline-width,0px)]",
4422
+ "bg-[var(--uds-tab-underline-color,transparent)]",
4423
+ "transition-[height,background-color]",
4424
+ "duration-[240ms]",
4425
+ "ease-[cubic-bezier(0.2,0,0,1)]",
4426
+ "!bg-transparent",
4427
+ "!shadow-none",
4428
+ "inline-flex",
4429
+ "items-center",
4430
+ "shrink-0",
4431
+ "box-border",
4432
+ "relative",
4433
+ "z-[1]",
4434
+ "cursor-pointer",
4435
+ "select-none",
4436
+ "whitespace-nowrap",
4437
+ "uds-ring",
4438
+ "opacity-50",
4439
+ "cursor-default",
4440
+ "border-solid",
4441
+ "border-b-solid",
4442
+ "transition-colors"
4443
+ ],
4324
4444
  "internalComponents": [
4325
- "IconButtonBase",
4326
- "Icon",
4327
- "AnimatePresence",
4328
- "SpringMotionConfig",
4329
- "MotionSlot",
4330
- "IconButtonProps",
4331
- "Slot"
4445
+ "IconSlot",
4446
+ "AriakitTab",
4447
+ "Text"
4332
4448
  ],
4333
4449
  "internalComponentProps": {
4334
- "Icon": {
4335
- "color": [
4336
- "current"
4337
- ]
4338
- },
4339
- "AnimatePresence": {
4340
- "mode": [
4341
- "popLayout"
4342
- ]
4343
- },
4344
- "SpringMotionConfig": {
4345
- "layoutSpeed": [
4346
- "3"
4347
- ]
4348
- },
4349
- "MotionSlot": {
4350
- "initial": [
4351
- "icon"
4450
+ "Text": {
4451
+ "variant": [
4452
+ "inherit"
4352
4453
  ],
4353
- "whileHover": [
4354
- "hover"
4454
+ "as": [
4455
+ "span"
4355
4456
  ],
4356
- "whileTap": [
4357
- "pressed"
4457
+ "color": [
4458
+ "current"
4358
4459
  ]
4359
4460
  }
4360
4461
  },
4361
- "propToVariantKeys": {},
4362
- "runtimeConfigDefaultProps": {},
4363
- "runtimeConfigGetStyles": {},
4364
- "runtimeConfigInternalComponentProps": {},
4365
- "motionVarPrefixes": [
4366
- "--uds-motion-subtle-3-",
4367
- "--uds-motion-smooth-3-"
4368
- ]
4369
- },
4370
- "PaddleButtonNext": {
4371
- "name": "PaddleButtonNext",
4372
- "defaultProps": {},
4373
- "getStylesLiterals": {},
4374
- "cxLiterals": [],
4375
- "internalComponents": [
4376
- "PaddleButton"
4377
- ],
4378
- "internalComponentProps": {
4379
- "PaddleButton": {
4380
- "paddleRole": [
4381
- "next"
4382
- ]
4383
- }
4462
+ "propToVariantKeys": {
4463
+ "variant": [
4464
+ "tabVariantRoot",
4465
+ "tabVariantIcon"
4466
+ ],
4467
+ "activeState": [
4468
+ "tabVariantActiveIcon"
4469
+ ],
4470
+ "startIcon": [
4471
+ "icon"
4472
+ ],
4473
+ "endIcon": [
4474
+ "icon"
4475
+ ]
4476
+ },
4477
+ "runtimeConfigDefaultProps": {
4478
+ "size": "tab.defaultSize"
4384
4479
  },
4385
- "propToVariantKeys": {},
4386
- "runtimeConfigDefaultProps": {},
4387
4480
  "runtimeConfigGetStyles": {},
4388
4481
  "runtimeConfigInternalComponentProps": {},
4389
4482
  "motionVarPrefixes": []
4390
4483
  },
4391
- "UDSPaddleNavConfigProvider": {
4392
- "name": "UDSPaddleNavConfigProvider",
4484
+ "UDSToastConfigProvider": {
4485
+ "name": "UDSToastConfigProvider",
4393
4486
  "defaultProps": {},
4394
4487
  "getStylesLiterals": {},
4395
- "cxLiterals": [
4396
- "md"
4488
+ "cxLiterals": [],
4489
+ "internalComponents": [
4490
+ "ToastContext.Provider"
4397
4491
  ],
4398
- "internalComponents": [],
4399
4492
  "internalComponentProps": {},
4400
4493
  "propToVariantKeys": {},
4401
4494
  "runtimeConfigDefaultProps": {},
@@ -4403,376 +4496,348 @@
4403
4496
  "runtimeConfigInternalComponentProps": {},
4404
4497
  "motionVarPrefixes": []
4405
4498
  },
4406
- "PaddleNav": {
4407
- "name": "PaddleNav",
4408
- "defaultProps": {
4409
- "orientation": "horizontal",
4410
- "variant": "primary",
4411
- "size": "md"
4499
+ "ToastContainer": {
4500
+ "name": "ToastContainer",
4501
+ "defaultProps": {},
4502
+ "getStylesLiterals": {
4503
+ "position": "relative",
4504
+ "alignItems": "center",
4505
+ "display": "flex",
4506
+ "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
4412
4507
  },
4413
- "getStylesLiterals": {},
4414
4508
  "cxLiterals": [
4415
- "pointer-events-none",
4416
- "inline-flex",
4417
- "flex-row",
4418
- "gap-2",
4419
- "items-center",
4420
- "pointer-events-auto",
4421
- "flex-col",
4422
- "relative",
4423
- "min-w-0",
4424
- "min-h-0",
4425
- "flex-1",
4426
- "inline-block",
4427
- "absolute",
4428
- "z-10",
4429
- "top-2",
4430
- "left-1/2",
4431
- "-translate-x-1/2",
4432
- "left-2",
4433
- "top-1/2",
4434
- "-translate-y-1/2",
4435
- "bottom-2",
4436
- "right-2",
4437
- "-top-12",
4438
- "left-0",
4439
- "right-0",
4440
- "-bottom-12"
4509
+ "w-full"
4441
4510
  ],
4442
4511
  "internalComponents": [
4443
- "PaddleNavContext.Provider",
4444
- "Box"
4512
+ "HStack"
4445
4513
  ],
4446
4514
  "internalComponentProps": {
4447
- "Box": {
4448
- "display": [
4449
- "inline-flex"
4450
- ],
4515
+ "HStack": {
4451
4516
  "alignItems": [
4452
4517
  "center"
4453
4518
  ],
4454
4519
  "justifyContent": [
4455
- "center"
4520
+ "space-between"
4456
4521
  ],
4457
- "data-paddle-nav-outside": [
4458
- "true"
4522
+ "overflow": [
4523
+ "hidden"
4524
+ ],
4525
+ "position": [
4526
+ "relative"
4459
4527
  ]
4460
4528
  }
4461
4529
  },
4462
4530
  "propToVariantKeys": {
4463
- "orientation": [
4464
- "data-paddle-nav-orientation"
4531
+ "variant": [
4532
+ "toastVariantRoot"
4533
+ ],
4534
+ "size": [
4535
+ "toastSizeRoot"
4465
4536
  ]
4466
4537
  },
4467
- "runtimeConfigDefaultProps": {},
4468
- "runtimeConfigGetStyles": {},
4469
- "runtimeConfigInternalComponentProps": {},
4538
+ "runtimeConfigDefaultProps": {
4539
+ "size": "toast.defaultSize",
4540
+ "variant": "toast.defaultVariant"
4541
+ },
4542
+ "runtimeConfigGetStyles": {
4543
+ "toastVariantRoot": [
4544
+ "toast.defaultVariant"
4545
+ ],
4546
+ "toastSizeRoot": [
4547
+ "toast.defaultSize"
4548
+ ]
4549
+ },
4550
+ "runtimeConfigInternalComponentProps": {
4551
+ "HStack": {
4552
+ "backgroundColor": [
4553
+ "toast.backgroundColor.${variant}"
4554
+ ]
4555
+ }
4556
+ },
4470
4557
  "motionVarPrefixes": []
4471
4558
  },
4472
- "PaddleNavContent": {
4473
- "name": "PaddleNavContent",
4559
+ "ToastPortal": {
4560
+ "name": "ToastPortal",
4474
4561
  "defaultProps": {},
4475
4562
  "getStylesLiterals": {},
4476
- "cxLiterals": [
4477
- "min-w-0",
4478
- "min-h-0",
4479
- "relative"
4563
+ "cxLiterals": [],
4564
+ "internalComponents": [
4565
+ "ReactToastifyToastContainer"
4480
4566
  ],
4481
- "internalComponents": [],
4482
4567
  "internalComponentProps": {},
4483
4568
  "propToVariantKeys": {},
4484
- "runtimeConfigDefaultProps": {},
4569
+ "runtimeConfigDefaultProps": {
4570
+ "size": "toast.defaultSize",
4571
+ "variant": "toast.defaultVariant"
4572
+ },
4485
4573
  "runtimeConfigGetStyles": {},
4486
- "runtimeConfigInternalComponentProps": {},
4487
- "motionVarPrefixes": []
4488
- },
4489
- "PaddleButtonPrevious": {
4490
- "name": "PaddleButtonPrevious",
4491
- "defaultProps": {},
4492
- "getStylesLiterals": {},
4493
- "cxLiterals": [],
4494
- "internalComponents": [
4495
- "PaddleButton"
4496
- ],
4497
- "internalComponentProps": {
4498
- "PaddleButton": {
4499
- "paddleRole": [
4500
- "previous"
4574
+ "runtimeConfigInternalComponentProps": {
4575
+ "ReactToastifyToastContainer": {
4576
+ "autoClose": [
4577
+ "toast.autoClose"
4501
4578
  ]
4502
4579
  }
4503
4580
  },
4504
- "propToVariantKeys": {},
4505
- "runtimeConfigDefaultProps": {},
4506
- "runtimeConfigGetStyles": {},
4507
- "runtimeConfigInternalComponentProps": {},
4508
4581
  "motionVarPrefixes": []
4509
4582
  },
4510
- "PaddleButton": {
4511
- "name": "PaddleButton",
4583
+ "Toast": {
4584
+ "name": "Toast",
4512
4585
  "defaultProps": {},
4513
- "getStylesLiterals": {},
4586
+ "getStylesLiterals": {
4587
+ "className": "animate-spin",
4588
+ "className:1": "flex-none",
4589
+ "spacing": "2",
4590
+ "borderRadius": "full"
4591
+ },
4514
4592
  "cxLiterals": [
4515
- "relative",
4516
- "inline-flex",
4517
- "items-center",
4518
- "justify-center",
4519
- "box-border",
4520
- "overflow-hidden",
4521
- "border-solid",
4522
- "select-none",
4523
- "uds-nested-radius",
4524
- "transition-[color,border-color,box-shadow]",
4525
- "duration-[180ms]",
4526
- "ease-[cubic-bezier(0,0,0.2,1)]",
4527
- "uds-ring",
4528
- "cursor-pointer",
4529
- "cursor-not-allowed",
4530
- "opacity-50",
4531
- "pointer-events-none",
4532
- "hidden",
4533
- "absolute",
4534
- "inset-0",
4535
- "-z-10",
4536
- "rounded-[var(--uds-nested-radius)]",
4537
- "transition-[background-color,opacity]"
4593
+ "duration-0",
4594
+ "duration-120",
4595
+ "transition-[background-color]",
4596
+ "bg-carbon-15/0",
4597
+ "hover:bg-carbon-15/10",
4598
+ "active:bg-carbon-15/15",
4599
+ "uds-ring"
4538
4600
  ],
4539
4601
  "internalComponents": [
4540
- "Icon"
4602
+ "IconSlot",
4603
+ "ToastContainer",
4604
+ "Text",
4605
+ "Button",
4606
+ "Pressable"
4541
4607
  ],
4542
- "internalComponentProps": {
4543
- "Icon": {
4544
- "color": [
4545
- "current"
4546
- ]
4547
- }
4548
- },
4608
+ "internalComponentProps": {},
4549
4609
  "propToVariantKeys": {
4550
4610
  "size": [
4551
- "paddlenavSizeRoot",
4552
- "paddlenavSizeIcon"
4611
+ "toastSizeLabel",
4612
+ "toastSizeIcon",
4613
+ "toastSizeActionButton",
4614
+ "toastSizeCloseIcon"
4553
4615
  ],
4554
4616
  "variant": [
4555
- "paddlenavVariantRoot",
4556
- "paddlenavVariantBackground",
4557
- "paddlenavVariantIcon"
4617
+ "toastVariantIcon",
4618
+ "toastVariantActionButton",
4619
+ "toastVariantCloseIcon"
4620
+ ],
4621
+ "closeIcon": [
4622
+ "icon"
4623
+ ],
4624
+ "onClickActionButton": [
4625
+ "onClick"
4558
4626
  ]
4559
4627
  },
4560
4628
  "runtimeConfigDefaultProps": {
4561
- "size": "paddleNav.defaultSize"
4629
+ "size": "toast.defaultSize",
4630
+ "variant": "toast.defaultVariant"
4562
4631
  },
4563
- "runtimeConfigGetStyles": {},
4564
- "runtimeConfigInternalComponentProps": {
4565
- "Icon": {
4632
+ "runtimeConfigGetStyles": {
4633
+ "toastSizeLabel": [
4634
+ "toast.defaultSize"
4635
+ ],
4636
+ "toastVariantIcon": [
4637
+ "toast.defaultVariant"
4638
+ ],
4639
+ "toastSizeIcon": [
4640
+ "toast.defaultSize"
4641
+ ],
4642
+ "toastSizeActionButton": [
4643
+ "toast.defaultSize"
4644
+ ],
4645
+ "toastVariantActionButton": [
4646
+ "toast.defaultVariant"
4647
+ ],
4648
+ "toastVariantCloseIcon": [
4649
+ "toast.defaultVariant"
4650
+ ],
4651
+ "toastSizeCloseIcon": [
4652
+ "toast.defaultSize"
4653
+ ]
4654
+ },
4655
+ "runtimeConfigInternalComponentProps": {
4656
+ "ToastContainer": {
4566
4657
  "size": [
4567
- "paddleNav.iconSize.${size}"
4658
+ "toast.defaultSize"
4659
+ ],
4660
+ "variant": [
4661
+ "toast.defaultVariant"
4662
+ ]
4663
+ },
4664
+ "Text": {
4665
+ "variant": [
4666
+ "toast.textVariant.${size}"
4667
+ ],
4668
+ "color": [
4669
+ "toast.textColor.${variant}"
4670
+ ]
4671
+ },
4672
+ "Button": {
4673
+ "size": [
4674
+ "toast.buttonSize.${size}"
4675
+ ],
4676
+ "variant": [
4677
+ "toast.buttonVariant.${variant}"
4568
4678
  ]
4569
4679
  }
4570
4680
  },
4571
4681
  "motionVarPrefixes": []
4572
4682
  },
4573
- "TabList": {
4574
- "name": "TabList",
4575
- "defaultProps": {
4576
- "variant": "primary"
4577
- },
4578
- "getStylesLiterals": {
4579
- "tabSizeRoot": "default",
4580
- "tabVariantActiveRoot": "on"
4581
- },
4683
+ "Checkbox": {
4684
+ "name": "Checkbox",
4685
+ "defaultProps": {},
4686
+ "getStylesLiterals": {},
4582
4687
  "cxLiterals": [
4688
+ "opacity-0",
4689
+ "opacity-55",
4690
+ "opacity-100",
4691
+ "uds-ring",
4692
+ "uds-ring-within",
4693
+ "transition-[background-color,border-color,box-shadow]",
4583
4694
  "pointer-events-none",
4584
- "absolute",
4585
- "bottom-0",
4586
- "left-0",
4587
- "right-0",
4588
- "h-[var(--uds-tab-underline-width,0px)]",
4589
- "bg-[var(--uds-tab-underline-color,transparent)]",
4590
- "transition-[height,background-color]",
4591
- "duration-[240ms]",
4592
- "ease-[cubic-bezier(0.2,0,0,1)]",
4593
- "!m-0",
4594
- "!p-0",
4595
- "!gap-0",
4596
- "box-border",
4597
- "z-0",
4598
- "min-w-0",
4599
- "min-h-0",
4600
- "flex",
4601
- "flex-row",
4602
- "items-center",
4603
- "overflow-x-auto",
4604
- "overflow-y-clip",
4605
- "scrollbar-none",
4606
- "[overflow-clip-margin:6px]",
4607
- "overflow-clip",
4608
- "[overflow-clip-margin:8px]",
4609
- "relative",
4610
- "left",
4611
- "240ms",
4612
- "cubic-bezier(0.2,",
4613
- "0,",
4614
- "1),",
4615
- "top",
4616
- "width",
4617
- "height",
4618
- "1)",
4619
- "--uds-tab-underline-color",
4620
- "--uds-tab-underline-width"
4621
- ],
4622
- "internalComponents": [
4623
- "AriakitTabList"
4695
+ "transition-opacity",
4696
+ "group",
4697
+ "group-hover:scale-110",
4698
+ "group-active:scale-90",
4699
+ "transition-[background-color,border-color,box-shadow,transform]",
4700
+ "group-active:opacity-55"
4624
4701
  ],
4625
- "internalComponentProps": {},
4626
- "propToVariantKeys": {
4627
- "variant": [
4628
- "tabsVariantRoot",
4629
- "tabVariantRoot"
4630
- ]
4631
- },
4632
- "runtimeConfigDefaultProps": {},
4633
- "runtimeConfigGetStyles": {},
4634
- "runtimeConfigInternalComponentProps": {},
4635
- "motionVarPrefixes": []
4636
- },
4637
- "TabPanel": {
4638
- "name": "TabPanel",
4639
- "defaultProps": {},
4640
- "getStylesLiterals": {},
4641
- "cxLiterals": [],
4642
4702
  "internalComponents": [
4643
- "AriakitTabPanel"
4703
+ "CheckboxBase",
4704
+ "Icon",
4705
+ "SpringMotionConfig",
4706
+ "RootElement",
4707
+ "MotionBox",
4708
+ "Box",
4709
+ "CheckboxProps"
4644
4710
  ],
4645
- "internalComponentProps": {},
4646
- "propToVariantKeys": {},
4647
- "runtimeConfigDefaultProps": {},
4648
- "runtimeConfigGetStyles": {},
4649
- "runtimeConfigInternalComponentProps": {},
4650
- "motionVarPrefixes": []
4651
- },
4652
- "Tabs": {
4653
- "name": "Tabs",
4654
- "defaultProps": {
4655
- "variant": "primary"
4711
+ "internalComponentProps": {
4712
+ "Icon": {
4713
+ "size": [
4714
+ "sm"
4715
+ ]
4716
+ },
4717
+ "RootElement": {
4718
+ "data-testid": [
4719
+ "container"
4720
+ ]
4721
+ },
4722
+ "MotionBox": {
4723
+ "position": [
4724
+ "relative"
4725
+ ],
4726
+ "alignItems": [
4727
+ "center"
4728
+ ],
4729
+ "justifyContent": [
4730
+ "center"
4731
+ ],
4732
+ "flex": [
4733
+ "none"
4734
+ ]
4735
+ },
4736
+ "Box": {
4737
+ "position": [
4738
+ "relative"
4739
+ ],
4740
+ "alignItems": [
4741
+ "center"
4742
+ ],
4743
+ "justifyContent": [
4744
+ "center"
4745
+ ],
4746
+ "flex": [
4747
+ "none"
4748
+ ]
4749
+ }
4656
4750
  },
4657
- "getStylesLiterals": {},
4658
- "cxLiterals": [],
4659
- "internalComponents": [
4660
- "TabsContext.Provider",
4661
- "TabProvider"
4662
- ],
4663
- "internalComponentProps": {},
4664
4751
  "propToVariantKeys": {
4665
- "onSelectionChange": [
4666
- "setSelectedId"
4752
+ "size": [
4753
+ "checkboxSizeCheckbox"
4754
+ ],
4755
+ "variant": [
4756
+ "checkboxVariantCheckbox",
4757
+ "checkboxVariantCheckboxIcon"
4758
+ ],
4759
+ "valueState": [
4760
+ "checkboxVariantValueCheckbox",
4761
+ "checkboxVariantValueCheckboxIcon"
4762
+ ],
4763
+ "reduceMotion": [
4764
+ "reducedMotion"
4667
4765
  ]
4668
4766
  },
4669
4767
  "runtimeConfigDefaultProps": {},
4670
4768
  "runtimeConfigGetStyles": {},
4671
4769
  "runtimeConfigInternalComponentProps": {},
4672
- "motionVarPrefixes": []
4673
- },
4674
- "UDSTabConfigProvider": {
4675
- "name": "UDSTabConfigProvider",
4676
- "defaultProps": {},
4677
- "getStylesLiterals": {},
4678
- "cxLiterals": [
4679
- "sm"
4680
- ],
4681
- "internalComponents": [],
4682
- "internalComponentProps": {},
4683
- "propToVariantKeys": {},
4684
- "runtimeConfigDefaultProps": {},
4685
- "runtimeConfigGetStyles": {},
4686
- "runtimeConfigInternalComponentProps": {},
4687
- "motionVarPrefixes": []
4770
+ "motionVarPrefixes": [
4771
+ "--uds-motion-subtle-3-",
4772
+ "--uds-motion-smooth-3-"
4773
+ ]
4688
4774
  },
4689
- "Tab": {
4690
- "name": "Tab",
4775
+ "CheckboxBase": {
4776
+ "name": "CheckboxBase",
4691
4777
  "defaultProps": {
4692
- "variant": "primary"
4778
+ "labelPosition": "start",
4779
+ "variant": "primary",
4780
+ "size": "md"
4693
4781
  },
4694
4782
  "getStylesLiterals": {
4695
- "tabSizeRoot": "default",
4696
- "tabVariantActiveRoot": "off",
4697
- "tabVariantActiveRoot:1": "on",
4698
- "tabSizeIcon": "default"
4783
+ "display": "flex",
4784
+ "flexDirection": "row",
4785
+ "flexDirection:1": "row-reverse",
4786
+ "alignItems": "center"
4699
4787
  },
4700
4788
  "cxLiterals": [
4701
- "pointer-events-none",
4702
- "absolute",
4703
- "bottom-0",
4704
- "left-0",
4705
- "right-0",
4706
- "h-[var(--uds-tab-underline-width,0px)]",
4707
- "bg-[var(--uds-tab-underline-color,transparent)]",
4708
- "transition-[height,background-color]",
4709
- "duration-[240ms]",
4710
- "ease-[cubic-bezier(0.2,0,0,1)]",
4711
- "!bg-transparent",
4712
- "!shadow-none",
4713
- "inline-flex",
4714
- "items-center",
4715
- "shrink-0",
4716
- "box-border",
4717
- "relative",
4718
- "z-[1]",
4719
4789
  "cursor-pointer",
4720
- "select-none",
4721
- "whitespace-nowrap",
4722
- "uds-ring",
4723
- "opacity-50",
4724
4790
  "cursor-default",
4725
- "border-solid",
4726
- "border-b-solid",
4727
- "transition-colors"
4791
+ "opacity-50",
4792
+ "cursor-[inherit]",
4793
+ "absolute",
4794
+ "opacity-0",
4795
+ "top-[-1px]",
4796
+ "left-[-1px]",
4797
+ "w-[calc(100%+2px)]",
4798
+ "h-[calc(100%+2px)]",
4799
+ "text-start",
4800
+ "text-end"
4728
4801
  ],
4729
4802
  "internalComponents": [
4730
- "IconSlot",
4731
- "AriakitTab",
4732
- "Text"
4803
+ "FormLabel"
4733
4804
  ],
4734
4805
  "internalComponentProps": {
4735
- "Text": {
4806
+ "FormLabel": {
4807
+ "as": [
4808
+ "div"
4809
+ ],
4736
4810
  "variant": [
4737
4811
  "inherit"
4738
4812
  ],
4739
- "as": [
4740
- "span"
4741
- ],
4742
4813
  "color": [
4743
- "current"
4814
+ "inherit"
4744
4815
  ]
4745
4816
  }
4746
4817
  },
4747
4818
  "propToVariantKeys": {
4748
- "variant": [
4749
- "tabVariantRoot",
4750
- "tabVariantIcon"
4751
- ],
4752
- "activeState": [
4753
- "tabVariantActiveIcon"
4819
+ "size": [
4820
+ "checkboxSizeRoot"
4754
4821
  ],
4755
- "startIcon": [
4756
- "icon"
4822
+ "variant": [
4823
+ "checkboxVariantRoot"
4757
4824
  ],
4758
- "endIcon": [
4759
- "icon"
4825
+ "valueState": [
4826
+ "checkboxVariantValueRoot"
4760
4827
  ]
4761
4828
  },
4762
- "runtimeConfigDefaultProps": {
4763
- "size": "tab.defaultSize"
4764
- },
4829
+ "runtimeConfigDefaultProps": {},
4765
4830
  "runtimeConfigGetStyles": {},
4766
4831
  "runtimeConfigInternalComponentProps": {},
4767
4832
  "motionVarPrefixes": []
4768
4833
  },
4769
- "UDSToastConfigProvider": {
4770
- "name": "UDSToastConfigProvider",
4834
+ "BottomSheetDismiss": {
4835
+ "name": "BottomSheetDismiss",
4771
4836
  "defaultProps": {},
4772
4837
  "getStylesLiterals": {},
4773
4838
  "cxLiterals": [],
4774
4839
  "internalComponents": [
4775
- "ToastContext.Provider"
4840
+ "AriakitDialogDismiss"
4776
4841
  ],
4777
4842
  "internalComponentProps": {},
4778
4843
  "propToVariantKeys": {},
@@ -4781,334 +4846,254 @@
4781
4846
  "runtimeConfigInternalComponentProps": {},
4782
4847
  "motionVarPrefixes": []
4783
4848
  },
4784
- "ToastContainer": {
4785
- "name": "ToastContainer",
4849
+ "BottomSheetContent": {
4850
+ "name": "BottomSheetContent",
4786
4851
  "defaultProps": {},
4787
- "getStylesLiterals": {
4788
- "position": "relative",
4789
- "alignItems": "center",
4790
- "display": "flex",
4791
- "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
4792
- },
4852
+ "getStylesLiterals": {},
4793
4853
  "cxLiterals": [
4794
- "w-full"
4854
+ "min-h-0",
4855
+ "touch-pan-y"
4795
4856
  ],
4796
4857
  "internalComponents": [
4797
- "HStack"
4858
+ "Box",
4859
+ "VStack"
4798
4860
  ],
4799
4861
  "internalComponentProps": {
4800
- "HStack": {
4801
- "alignItems": [
4802
- "center"
4803
- ],
4804
- "justifyContent": [
4805
- "space-between"
4806
- ],
4807
- "overflow": [
4808
- "hidden"
4862
+ "Box": {
4863
+ "display": [
4864
+ "block"
4809
4865
  ],
4810
- "position": [
4811
- "relative"
4866
+ "flex": [
4867
+ "1"
4812
4868
  ]
4813
- }
4814
- },
4815
- "propToVariantKeys": {
4816
- "variant": [
4817
- "toastVariantRoot"
4818
- ],
4819
- "size": [
4820
- "toastSizeRoot"
4821
- ]
4822
- },
4823
- "runtimeConfigDefaultProps": {
4824
- "size": "toast.defaultSize",
4825
- "variant": "toast.defaultVariant"
4826
- },
4827
- "runtimeConfigGetStyles": {
4828
- "toastVariantRoot": [
4829
- "toast.defaultVariant"
4830
- ],
4831
- "toastSizeRoot": [
4832
- "toast.defaultSize"
4833
- ]
4834
- },
4835
- "runtimeConfigInternalComponentProps": {
4836
- "HStack": {
4837
- "backgroundColor": [
4838
- "toast.backgroundColor.${variant}"
4869
+ },
4870
+ "VStack": {
4871
+ "className": [
4872
+ "pb-[calc(env(safe-area-inset-bottom))]"
4839
4873
  ]
4840
4874
  }
4841
4875
  },
4842
- "motionVarPrefixes": []
4843
- },
4844
- "ToastPortal": {
4845
- "name": "ToastPortal",
4846
- "defaultProps": {},
4847
- "getStylesLiterals": {},
4848
- "cxLiterals": [],
4849
- "internalComponents": [
4850
- "ReactToastifyToastContainer"
4851
- ],
4852
- "internalComponentProps": {},
4853
4876
  "propToVariantKeys": {},
4854
- "runtimeConfigDefaultProps": {
4855
- "size": "toast.defaultSize",
4856
- "variant": "toast.defaultVariant"
4857
- },
4877
+ "runtimeConfigDefaultProps": {},
4858
4878
  "runtimeConfigGetStyles": {},
4859
- "runtimeConfigInternalComponentProps": {
4860
- "ReactToastifyToastContainer": {
4861
- "autoClose": [
4862
- "toast.autoClose"
4863
- ]
4864
- }
4865
- },
4879
+ "runtimeConfigInternalComponentProps": {},
4866
4880
  "motionVarPrefixes": []
4867
4881
  },
4868
- "Toast": {
4869
- "name": "Toast",
4870
- "defaultProps": {},
4871
- "getStylesLiterals": {
4872
- "className": "animate-spin",
4873
- "className:1": "flex-none",
4874
- "spacing": "2",
4875
- "borderRadius": "full"
4882
+ "BottomSheetHeader": {
4883
+ "name": "BottomSheetHeader",
4884
+ "defaultProps": {
4885
+ "variant": "default"
4876
4886
  },
4887
+ "getStylesLiterals": {},
4877
4888
  "cxLiterals": [
4878
- "duration-0",
4879
- "duration-120",
4880
- "transition-[background-color]",
4881
- "bg-carbon-15/0",
4882
- "hover:bg-carbon-15/10",
4883
- "active:bg-carbon-15/15",
4884
- "uds-ring"
4889
+ "grid-cols-[40px_1fr_40px]",
4890
+ "items-center",
4891
+ "w-full",
4892
+ "min-h-10",
4893
+ "mt-2"
4885
4894
  ],
4886
4895
  "internalComponents": [
4887
- "IconSlot",
4888
- "ToastContainer",
4896
+ "Box",
4889
4897
  "Text",
4890
- "Button",
4891
- "Pressable"
4898
+ "DialogHeading"
4892
4899
  ],
4893
- "internalComponentProps": {},
4894
- "propToVariantKeys": {
4895
- "size": [
4896
- "toastSizeLabel",
4897
- "toastSizeIcon",
4898
- "toastSizeActionButton",
4899
- "toastSizeCloseIcon"
4900
- ],
4901
- "variant": [
4902
- "toastVariantIcon",
4903
- "toastVariantActionButton",
4904
- "toastVariantCloseIcon"
4905
- ],
4906
- "closeIcon": [
4907
- "icon"
4908
- ],
4909
- "onClickActionButton": [
4910
- "onClick"
4911
- ]
4912
- },
4913
- "runtimeConfigDefaultProps": {
4914
- "size": "toast.defaultSize",
4915
- "variant": "toast.defaultVariant"
4916
- },
4917
- "runtimeConfigGetStyles": {
4918
- "toastSizeLabel": [
4919
- "toast.defaultSize"
4920
- ],
4921
- "toastVariantIcon": [
4922
- "toast.defaultVariant"
4923
- ],
4924
- "toastSizeIcon": [
4925
- "toast.defaultSize"
4926
- ],
4927
- "toastSizeActionButton": [
4928
- "toast.defaultSize"
4929
- ],
4930
- "toastVariantActionButton": [
4931
- "toast.defaultVariant"
4932
- ],
4933
- "toastVariantCloseIcon": [
4934
- "toast.defaultVariant"
4935
- ],
4936
- "toastSizeCloseIcon": [
4937
- "toast.defaultSize"
4938
- ]
4939
- },
4940
- "runtimeConfigInternalComponentProps": {
4941
- "ToastContainer": {
4942
- "size": [
4943
- "toast.defaultSize"
4900
+ "internalComponentProps": {
4901
+ "Box": {
4902
+ "className": [
4903
+ "h-10 w-10 opacity-0 pointer-events-none"
4944
4904
  ],
4945
- "variant": [
4946
- "toast.defaultVariant"
4905
+ "display": [
4906
+ "grid",
4907
+ "flex"
4908
+ ],
4909
+ "justifyContent": [
4910
+ "flex-start",
4911
+ "flex-end"
4947
4912
  ]
4948
4913
  },
4949
4914
  "Text": {
4915
+ "as": [
4916
+ "p"
4917
+ ],
4950
4918
  "variant": [
4951
- "toast.textVariant.${size}"
4919
+ "inherit"
4952
4920
  ],
4953
4921
  "color": [
4954
- "toast.textColor.${variant}"
4922
+ "inherit"
4923
+ ],
4924
+ "textAlign": [
4925
+ "center"
4926
+ ],
4927
+ "className": [
4928
+ "m-0 w-full"
4955
4929
  ]
4956
4930
  },
4957
- "Button": {
4958
- "size": [
4959
- "toast.buttonSize.${size}"
4960
- ],
4961
- "variant": [
4962
- "toast.buttonVariant.${variant}"
4931
+ "DialogHeading": {
4932
+ "role": [
4933
+ "heading"
4963
4934
  ]
4964
4935
  }
4965
4936
  },
4937
+ "propToVariantKeys": {
4938
+ "variant": [
4939
+ "bottomsheetVariantHeader"
4940
+ ]
4941
+ },
4942
+ "runtimeConfigDefaultProps": {},
4943
+ "runtimeConfigGetStyles": {},
4944
+ "runtimeConfigInternalComponentProps": {},
4966
4945
  "motionVarPrefixes": []
4967
4946
  },
4968
- "Checkbox": {
4969
- "name": "Checkbox",
4947
+ "BottomSheetTrigger": {
4948
+ "name": "BottomSheetTrigger",
4949
+ "defaultProps": {},
4950
+ "getStylesLiterals": {},
4951
+ "cxLiterals": [],
4952
+ "internalComponents": [
4953
+ "AriakitDialogDisclosure"
4954
+ ],
4955
+ "internalComponentProps": {},
4956
+ "propToVariantKeys": {},
4957
+ "runtimeConfigDefaultProps": {},
4958
+ "runtimeConfigGetStyles": {},
4959
+ "runtimeConfigInternalComponentProps": {},
4960
+ "motionVarPrefixes": []
4961
+ },
4962
+ "UDSBottomSheetConfigProvider": {
4963
+ "name": "UDSBottomSheetConfigProvider",
4964
+ "defaultProps": {},
4965
+ "getStylesLiterals": {},
4966
+ "cxLiterals": [],
4967
+ "internalComponents": [
4968
+ "BottomSheetContext.Provider"
4969
+ ],
4970
+ "internalComponentProps": {},
4971
+ "propToVariantKeys": {},
4972
+ "runtimeConfigDefaultProps": {},
4973
+ "runtimeConfigGetStyles": {},
4974
+ "runtimeConfigInternalComponentProps": {},
4975
+ "motionVarPrefixes": []
4976
+ },
4977
+ "BottomSheetInternalContext": {
4978
+ "name": "BottomSheetInternalContext",
4970
4979
  "defaultProps": {},
4971
4980
  "getStylesLiterals": {},
4981
+ "cxLiterals": [],
4982
+ "internalComponents": [],
4983
+ "internalComponentProps": {},
4984
+ "propToVariantKeys": {},
4985
+ "runtimeConfigDefaultProps": {},
4986
+ "runtimeConfigGetStyles": {},
4987
+ "runtimeConfigInternalComponentProps": {},
4988
+ "motionVarPrefixes": []
4989
+ },
4990
+ "BottomSheet": {
4991
+ "name": "BottomSheet",
4992
+ "defaultProps": {
4993
+ "variant": "default"
4994
+ },
4995
+ "getStylesLiterals": {},
4972
4996
  "cxLiterals": [
4973
- "opacity-0",
4974
- "opacity-55",
4975
- "opacity-100",
4976
- "uds-ring",
4977
- "uds-ring-within",
4978
- "transition-[background-color,border-color,box-shadow]",
4979
- "pointer-events-none",
4980
- "transition-opacity",
4981
- "group",
4982
- "group-hover:scale-110",
4983
- "group-active:scale-90",
4984
- "transition-[background-color,border-color,box-shadow,transform]",
4985
- "group-active:opacity-55"
4997
+ "fixed",
4998
+ "overflow-hidden",
4999
+ "inset-x-0",
5000
+ "bottom-0",
5001
+ "z-50",
5002
+ "[will-change:transform]",
5003
+ "touch-none",
5004
+ "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
5005
+ "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
5006
+ "transition-transform",
5007
+ "duration-500",
5008
+ "ease-[cubic-bezier(0.32,0.72,0,1)]",
5009
+ "motion-reduce:transition-none",
5010
+ "top-[-4px]",
5011
+ "z-[1]",
5012
+ "touch-pan-y"
4986
5013
  ],
4987
5014
  "internalComponents": [
4988
- "CheckboxBase",
4989
- "Icon",
4990
- "SpringMotionConfig",
4991
- "RootElement",
4992
- "MotionBox",
5015
+ "Scrim",
5016
+ "BottomSheetHandle",
5017
+ "Dialog",
4993
5018
  "Box",
4994
- "CheckboxProps"
5019
+ "BottomSheetInternalContext.Provider"
4995
5020
  ],
4996
5021
  "internalComponentProps": {
4997
- "Icon": {
4998
- "size": [
4999
- "sm"
5022
+ "BottomSheetHandle": {
5023
+ "ariaLabel": [
5024
+ "Resize sheet"
5000
5025
  ]
5001
5026
  },
5002
- "RootElement": {
5027
+ "Dialog": {
5003
5028
  "data-testid": [
5004
- "container"
5005
- ]
5006
- },
5007
- "MotionBox": {
5008
- "position": [
5009
- "relative"
5010
- ],
5011
- "alignItems": [
5012
- "center"
5013
- ],
5014
- "justifyContent": [
5015
- "center"
5016
- ],
5017
- "flex": [
5018
- "none"
5029
+ "bottom-sheet"
5019
5030
  ]
5020
5031
  },
5021
5032
  "Box": {
5022
- "position": [
5023
- "relative"
5033
+ "display": [
5034
+ "block",
5035
+ "flex"
5024
5036
  ],
5025
- "alignItems": [
5026
- "center"
5037
+ "position": [
5038
+ "absolute"
5027
5039
  ],
5028
- "justifyContent": [
5029
- "center"
5040
+ "flexDirection": [
5041
+ "column"
5030
5042
  ],
5031
- "flex": [
5032
- "none"
5043
+ "className": [
5044
+ "absolute inset-0 min-h-0 p-[inherit]"
5033
5045
  ]
5034
5046
  }
5035
5047
  },
5036
5048
  "propToVariantKeys": {
5037
- "size": [
5038
- "checkboxSizeCheckbox"
5039
- ],
5040
5049
  "variant": [
5041
- "checkboxVariantCheckbox",
5042
- "checkboxVariantCheckboxIcon"
5043
- ],
5044
- "valueState": [
5045
- "checkboxVariantValueCheckbox",
5046
- "checkboxVariantValueCheckboxIcon"
5047
- ],
5048
- "reduceMotion": [
5049
- "reducedMotion"
5050
+ "bottomsheetVariantRoot"
5050
5051
  ]
5051
5052
  },
5052
5053
  "runtimeConfigDefaultProps": {},
5053
5054
  "runtimeConfigGetStyles": {},
5054
5055
  "runtimeConfigInternalComponentProps": {},
5055
- "motionVarPrefixes": [
5056
- "--uds-motion-subtle-3-",
5057
- "--uds-motion-smooth-3-"
5058
- ]
5056
+ "motionVarPrefixes": []
5059
5057
  },
5060
- "CheckboxBase": {
5061
- "name": "CheckboxBase",
5058
+ "BottomSheetHandle": {
5059
+ "name": "BottomSheetHandle",
5062
5060
  "defaultProps": {
5063
- "labelPosition": "start",
5064
- "variant": "primary",
5065
- "size": "md"
5066
- },
5067
- "getStylesLiterals": {
5068
- "display": "flex",
5069
- "flexDirection": "row",
5070
- "flexDirection:1": "row-reverse",
5071
- "alignItems": "center"
5061
+ "variant": "default"
5072
5062
  },
5063
+ "getStylesLiterals": {},
5073
5064
  "cxLiterals": [
5074
- "cursor-pointer",
5075
- "cursor-default",
5076
- "opacity-50",
5077
- "cursor-[inherit]",
5065
+ "relative",
5066
+ "h-5",
5067
+ "w-16",
5068
+ "outline-none",
5069
+ "focus-visible:outline-none",
5070
+ "[touch-action:pan-y]",
5078
5071
  "absolute",
5079
- "opacity-0",
5080
- "top-[-1px]",
5081
- "left-[-1px]",
5082
- "w-[calc(100%+2px)]",
5083
- "h-[calc(100%+2px)]",
5084
- "text-start",
5085
- "text-end"
5072
+ "left-1/2",
5073
+ "top-1/2",
5074
+ "-translate-x-1/2",
5075
+ "-translate-y-1/2",
5076
+ "h-1",
5077
+ "w-8",
5078
+ "rounded-full"
5086
5079
  ],
5087
5080
  "internalComponents": [
5088
- "FormLabel"
5081
+ "Box"
5089
5082
  ],
5090
5083
  "internalComponentProps": {
5091
- "FormLabel": {
5092
- "as": [
5093
- "div"
5094
- ],
5095
- "variant": [
5096
- "inherit"
5084
+ "Box": {
5085
+ "display": [
5086
+ "block",
5087
+ "flex"
5097
5088
  ],
5098
- "color": [
5099
- "inherit"
5089
+ "justifyContent": [
5090
+ "center"
5100
5091
  ]
5101
5092
  }
5102
5093
  },
5103
5094
  "propToVariantKeys": {
5104
- "size": [
5105
- "checkboxSizeRoot"
5106
- ],
5107
5095
  "variant": [
5108
- "checkboxVariantRoot"
5109
- ],
5110
- "valueState": [
5111
- "checkboxVariantValueRoot"
5096
+ "bottomsheetVariantHandleIndicator"
5112
5097
  ]
5113
5098
  },
5114
5099
  "runtimeConfigDefaultProps": {},
@@ -5116,6 +5101,21 @@
5116
5101
  "runtimeConfigInternalComponentProps": {},
5117
5102
  "motionVarPrefixes": []
5118
5103
  },
5104
+ "BottomSheetProvider": {
5105
+ "name": "BottomSheetProvider",
5106
+ "defaultProps": {},
5107
+ "getStylesLiterals": {},
5108
+ "cxLiterals": [],
5109
+ "internalComponents": [
5110
+ "AriakitDialogProvider"
5111
+ ],
5112
+ "internalComponentProps": {},
5113
+ "propToVariantKeys": {},
5114
+ "runtimeConfigDefaultProps": {},
5115
+ "runtimeConfigGetStyles": {},
5116
+ "runtimeConfigInternalComponentProps": {},
5117
+ "motionVarPrefixes": []
5118
+ },
5119
5119
  "SwitchStaticHandle": {
5120
5120
  "name": "SwitchStaticHandle",
5121
5121
  "defaultProps": {},