@yahoo/uds 3.171.1 → 3.172.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (26) hide show
  1. package/dist/automated-config/dist/utils/getConfigVariantProperties.d.cts +2 -2
  2. package/dist/automated-config/dist/utils/getConfigVariantProperties.d.ts +2 -2
  3. package/dist/components/client/Popover/UDSPopoverConfigProvider.d.cts +1 -1
  4. package/dist/components/client/Popover/UDSPopoverConfigProvider.d.ts +1 -1
  5. package/dist/css/dist/purger/optimized/ast/expressions.cjs +278 -278
  6. package/dist/css/dist/purger/optimized/ast/expressions.js +278 -278
  7. package/dist/css/dist/purger/optimized/ast/jsx.cjs +67 -36
  8. package/dist/css/dist/purger/optimized/ast/jsx.js +67 -35
  9. package/dist/css/dist/purger/optimized/ast/oxc.cjs +265 -0
  10. package/dist/css/dist/purger/optimized/ast/oxc.js +253 -0
  11. package/dist/css/dist/purger/optimized/ast/props.cjs +21 -15
  12. package/dist/css/dist/purger/optimized/ast/props.js +21 -14
  13. package/dist/css/dist/purger/optimized/ast/spread.cjs +19 -19
  14. package/dist/css/dist/purger/optimized/ast/spread.js +19 -18
  15. package/dist/css/dist/purger/optimized/purgeFromCode.cjs +86 -101
  16. package/dist/css/dist/purger/optimized/purgeFromCode.js +86 -100
  17. package/dist/tailwind-internal/dist/utils/getShadowStyles.d.cts +2 -2
  18. package/dist/tailwind-internal/dist/utils/getShadowStyles.d.ts +2 -2
  19. package/dist/tailwind-v3/dist/purger/legacy/purgeCSS.cjs +1 -1
  20. package/dist/tailwind-v3/dist/purger/legacy/purgeCSS.js +1 -1
  21. package/dist/uds/generated/componentData.cjs +450 -450
  22. package/dist/uds/generated/componentData.js +450 -450
  23. package/dist/uds/package.cjs +2 -0
  24. package/dist/uds/package.js +2 -0
  25. package/generated/componentData.json +1049 -1049
  26. package/package.json +3 -1
@@ -823,141 +823,6 @@
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
- },
961
826
  "Accordion": {
962
827
  "name": "Accordion",
963
828
  "defaultProps": {
@@ -1133,57 +998,192 @@
1133
998
  "runtimeConfigInternalComponentProps": {},
1134
999
  "motionVarPrefixes": []
1135
1000
  },
1136
- "SelectDivider": {
1137
- "name": "SelectDivider",
1138
- "defaultProps": {
1139
- "contentPosition": "start",
1140
- "gap": "4"
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
+ }
1141
1020
  },
1021
+ "motionVarPrefixes": []
1022
+ },
1023
+ "TooltipContent": {
1024
+ "name": "TooltipContent",
1025
+ "defaultProps": {},
1142
1026
  "getStylesLiterals": {
1143
- "selectitemDividerVariantRoot": "default",
1144
- "selectitemDividerVariantText": "default",
1145
- "selectitemDividerVariantLine": "default"
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"
1146
1040
  },
1147
- "cxLiterals": [],
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
+ ],
1148
1051
  "internalComponents": [
1149
- "Divider"
1052
+ "IconSlot",
1053
+ "TooltipArrow",
1054
+ "Tooltip",
1055
+ "SvgFloatingOverlay",
1056
+ "VStack",
1057
+ "Box",
1058
+ "Text"
1150
1059
  ],
1151
1060
  "internalComponentProps": {
1152
- "Divider": {
1153
- "variant": [
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": [
1154
1082
  "inherit"
1155
1083
  ]
1156
1084
  }
1157
1085
  },
1158
- "propToVariantKeys": {},
1086
+ "propToVariantKeys": {
1087
+ "startTitleIcon": [
1088
+ "icon"
1089
+ ]
1090
+ },
1159
1091
  "runtimeConfigDefaultProps": {},
1160
1092
  "runtimeConfigGetStyles": {},
1161
1093
  "runtimeConfigInternalComponentProps": {},
1162
1094
  "motionVarPrefixes": []
1163
1095
  },
1164
- "SelectValue": {
1165
- "name": "SelectValue",
1096
+ "TooltipTrigger": {
1097
+ "name": "TooltipTrigger",
1166
1098
  "defaultProps": {},
1167
1099
  "getStylesLiterals": {},
1168
1100
  "cxLiterals": [],
1169
1101
  "internalComponents": [
1170
- "AriakitSelectValue"
1102
+ "TooltipAnchor"
1171
1103
  ],
1172
- "internalComponentProps": {},
1173
- "propToVariantKeys": {},
1104
+ "internalComponentProps": {
1105
+ "TooltipAnchor": {
1106
+ "className": [
1107
+ "inline"
1108
+ ]
1109
+ }
1110
+ },
1111
+ "propToVariantKeys": {
1112
+ "children": [
1113
+ "render"
1114
+ ]
1115
+ },
1174
1116
  "runtimeConfigDefaultProps": {},
1175
1117
  "runtimeConfigGetStyles": {},
1176
1118
  "runtimeConfigInternalComponentProps": {},
1177
1119
  "motionVarPrefixes": []
1178
1120
  },
1179
- "UDSSelectItemConfigProvider": {
1180
- "name": "UDSSelectItemConfigProvider",
1121
+ "UDSTooltipConfigProvider": {
1122
+ "name": "UDSTooltipConfigProvider",
1181
1123
  "defaultProps": {},
1182
1124
  "getStylesLiterals": {},
1183
- "cxLiterals": [
1184
- "sm"
1185
- ],
1186
- "internalComponents": [],
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",
1181
+ "defaultProps": {},
1182
+ "getStylesLiterals": {},
1183
+ "cxLiterals": [
1184
+ "sm"
1185
+ ],
1186
+ "internalComponents": [],
1187
1187
  "internalComponentProps": {},
1188
1188
  "propToVariantKeys": {},
1189
1189
  "runtimeConfigDefaultProps": {},
@@ -1643,6 +1643,52 @@
1643
1643
  "--uds-motion-smooth-3-"
1644
1644
  ]
1645
1645
  },
1646
+ "UDSConfigProvider": {
1647
+ "name": "UDSConfigProvider",
1648
+ "defaultProps": {},
1649
+ "getStylesLiterals": {},
1650
+ "cxLiterals": [],
1651
+ "internalComponents": [
1652
+ "UDSBreakpointsConfigProvider",
1653
+ "UDSAvatarConfigProvider",
1654
+ "UDSBadgeConfigProvider",
1655
+ "UDSBottomSheetConfigProvider",
1656
+ "UDSButtonConfigProvider",
1657
+ "UDSChipConfigProvider",
1658
+ "UDSIconButtonConfigProvider",
1659
+ "UDSInputConfigProvider",
1660
+ "UDSMenuItemConfigProvider",
1661
+ "UDSPaddleNavConfigProvider",
1662
+ "UDSPaginationConfigProvider",
1663
+ "UDSSelectItemConfigProvider",
1664
+ "UDSTabConfigProvider",
1665
+ "UDSToastConfigProvider",
1666
+ "UDSTooltipConfigProvider",
1667
+ "UDSPopoverConfigProvider",
1668
+ "UDSModalConfigProvider"
1669
+ ],
1670
+ "internalComponentProps": {},
1671
+ "propToVariantKeys": {},
1672
+ "runtimeConfigDefaultProps": {},
1673
+ "runtimeConfigGetStyles": {},
1674
+ "runtimeConfigInternalComponentProps": {},
1675
+ "motionVarPrefixes": []
1676
+ },
1677
+ "UDSBreakpointsConfigProvider": {
1678
+ "name": "UDSBreakpointsConfigProvider",
1679
+ "defaultProps": {},
1680
+ "getStylesLiterals": {},
1681
+ "cxLiterals": [],
1682
+ "internalComponents": [
1683
+ "UDSBreakpointsConfigContext.Provider"
1684
+ ],
1685
+ "internalComponentProps": {},
1686
+ "propToVariantKeys": {},
1687
+ "runtimeConfigDefaultProps": {},
1688
+ "runtimeConfigGetStyles": {},
1689
+ "runtimeConfigInternalComponentProps": {},
1690
+ "motionVarPrefixes": []
1691
+ },
1646
1692
  "Menu.Trigger": {
1647
1693
  "name": "Menu.Trigger",
1648
1694
  "defaultProps": {},
@@ -1934,52 +1980,6 @@
1934
1980
  "--uds-motion-smooth-3-"
1935
1981
  ]
1936
1982
  },
1937
- "UDSConfigProvider": {
1938
- "name": "UDSConfigProvider",
1939
- "defaultProps": {},
1940
- "getStylesLiterals": {},
1941
- "cxLiterals": [],
1942
- "internalComponents": [
1943
- "UDSBreakpointsConfigProvider",
1944
- "UDSAvatarConfigProvider",
1945
- "UDSBadgeConfigProvider",
1946
- "UDSBottomSheetConfigProvider",
1947
- "UDSButtonConfigProvider",
1948
- "UDSChipConfigProvider",
1949
- "UDSIconButtonConfigProvider",
1950
- "UDSInputConfigProvider",
1951
- "UDSMenuItemConfigProvider",
1952
- "UDSPaddleNavConfigProvider",
1953
- "UDSPaginationConfigProvider",
1954
- "UDSSelectItemConfigProvider",
1955
- "UDSTabConfigProvider",
1956
- "UDSToastConfigProvider",
1957
- "UDSTooltipConfigProvider",
1958
- "UDSPopoverConfigProvider",
1959
- "UDSModalConfigProvider"
1960
- ],
1961
- "internalComponentProps": {},
1962
- "propToVariantKeys": {},
1963
- "runtimeConfigDefaultProps": {},
1964
- "runtimeConfigGetStyles": {},
1965
- "runtimeConfigInternalComponentProps": {},
1966
- "motionVarPrefixes": []
1967
- },
1968
- "UDSBreakpointsConfigProvider": {
1969
- "name": "UDSBreakpointsConfigProvider",
1970
- "defaultProps": {},
1971
- "getStylesLiterals": {},
1972
- "cxLiterals": [],
1973
- "internalComponents": [
1974
- "UDSBreakpointsConfigContext.Provider"
1975
- ],
1976
- "internalComponentProps": {},
1977
- "propToVariantKeys": {},
1978
- "runtimeConfigDefaultProps": {},
1979
- "runtimeConfigGetStyles": {},
1980
- "runtimeConfigInternalComponentProps": {},
1981
- "motionVarPrefixes": []
1982
- },
1983
1983
  "PaginationNext": {
1984
1984
  "name": "PaginationNext",
1985
1985
  "defaultProps": {
@@ -3111,64 +3111,203 @@
3111
3111
  "runtimeConfigInternalComponentProps": {},
3112
3112
  "motionVarPrefixes": []
3113
3113
  },
3114
- "InputHelpTextInternal": {
3115
- "name": "InputHelpTextInternal",
3116
- "defaultProps": {},
3114
+ "SwitchBase": {
3115
+ "name": "SwitchBase",
3116
+ "defaultProps": {
3117
+ "labelPosition": "start",
3118
+ "size": "md"
3119
+ },
3117
3120
  "getStylesLiterals": {
3118
- "inputVariantHelperText": "default",
3119
- "inputVariantValueHelperText": "empty",
3120
- "inputVariantValueHelperText:1": "filled",
3121
- "inputVariantHelperIcon": "default",
3122
- "inputVariantValueHelperIcon": "empty",
3123
- "inputVariantValueHelperIcon:1": "filled"
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"
3124
3133
  },
3125
- "cxLiterals": [],
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
+ ],
3126
3156
  "internalComponents": [
3127
- "IconSlot",
3128
- "HStack"
3157
+ "FormLabel",
3158
+ "RootElement",
3159
+ "Box"
3129
3160
  ],
3130
3161
  "internalComponentProps": {
3131
- "HStack": {
3132
- "gap": [
3133
- "1"
3162
+ "FormLabel": {
3163
+ "as": [
3164
+ "div"
3134
3165
  ],
3135
- "alignItems": [
3136
- "center"
3166
+ "variant": [
3167
+ "inherit"
3168
+ ],
3169
+ "color": [
3170
+ "inherit"
3171
+ ]
3172
+ },
3173
+ "RootElement": {
3174
+ "data-testid": [
3175
+ "container"
3137
3176
  ]
3138
3177
  }
3139
3178
  },
3140
3179
  "propToVariantKeys": {
3141
3180
  "size": [
3142
- "inputSizeHelperText",
3143
- "inputSizeHelperIcon"
3144
- ],
3145
- "startIcon": [
3146
- "icon"
3147
- ],
3148
- "endIcon": [
3149
- "icon"
3181
+ "switchSizeRoot",
3182
+ "switchSizeSwitch"
3150
3183
  ]
3151
3184
  },
3152
- "runtimeConfigDefaultProps": {
3153
- "size": "input.defaultSize"
3154
- },
3185
+ "runtimeConfigDefaultProps": {},
3155
3186
  "runtimeConfigGetStyles": {},
3156
3187
  "runtimeConfigInternalComponentProps": {},
3157
3188
  "motionVarPrefixes": []
3158
3189
  },
3159
- "Input": {
3160
- "name": "Input",
3161
- "defaultProps": {
3162
- "type": "text",
3163
- "size": "md",
3164
- "width": "full"
3165
- },
3190
+ "Switch": {
3191
+ "name": "Switch",
3192
+ "defaultProps": {},
3166
3193
  "getStylesLiterals": {
3167
- "inputVariantRoot": "default",
3168
- "inputVariantValueRoot": "empty",
3169
- "inputVariantValueRoot:1": "filled",
3170
- "inputVariantInputWrapper": "default",
3171
- "inputVariantValueInputWrapper": "empty",
3194
+ "switchVariantActiveHandle": "on",
3195
+ "switchVariantActiveHandle:1": "off",
3196
+ "switchVariantHandle": "default",
3197
+ "switchVariantHandleIcon": "default",
3198
+ "switchVariantActiveHandleIcon": "on",
3199
+ "switchVariantActiveHandleIcon:1": "off"
3200
+ },
3201
+ "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"
3218
+ ],
3219
+ "internalComponents": [
3220
+ "IconSlot",
3221
+ "SwitchBase",
3222
+ "Box",
3223
+ "SpringMotionConfig",
3224
+ "MotionBox",
3225
+ "SwitchProps",
3226
+ "SwitchStaticHandle"
3227
+ ],
3228
+ "internalComponentProps": {
3229
+ "IconSlot": {
3230
+ "data-testid": [
3231
+ "on-icon",
3232
+ "off-icon"
3233
+ ]
3234
+ }
3235
+ },
3236
+ "propToVariantKeys": {
3237
+ "size": [
3238
+ "switchSizeHandle",
3239
+ "switchSizeHandleIcon"
3240
+ ],
3241
+ "reduceMotion": [
3242
+ "reducedMotion"
3243
+ ]
3244
+ },
3245
+ "runtimeConfigDefaultProps": {},
3246
+ "runtimeConfigGetStyles": {},
3247
+ "runtimeConfigInternalComponentProps": {},
3248
+ "motionVarPrefixes": [
3249
+ "--uds-motion-bouncy-4-",
3250
+ "--uds-motion-smooth-3-"
3251
+ ]
3252
+ },
3253
+ "InputHelpTextInternal": {
3254
+ "name": "InputHelpTextInternal",
3255
+ "defaultProps": {},
3256
+ "getStylesLiterals": {
3257
+ "inputVariantHelperText": "default",
3258
+ "inputVariantValueHelperText": "empty",
3259
+ "inputVariantValueHelperText:1": "filled",
3260
+ "inputVariantHelperIcon": "default",
3261
+ "inputVariantValueHelperIcon": "empty",
3262
+ "inputVariantValueHelperIcon:1": "filled"
3263
+ },
3264
+ "cxLiterals": [],
3265
+ "internalComponents": [
3266
+ "IconSlot",
3267
+ "HStack"
3268
+ ],
3269
+ "internalComponentProps": {
3270
+ "HStack": {
3271
+ "gap": [
3272
+ "1"
3273
+ ],
3274
+ "alignItems": [
3275
+ "center"
3276
+ ]
3277
+ }
3278
+ },
3279
+ "propToVariantKeys": {
3280
+ "size": [
3281
+ "inputSizeHelperText",
3282
+ "inputSizeHelperIcon"
3283
+ ],
3284
+ "startIcon": [
3285
+ "icon"
3286
+ ],
3287
+ "endIcon": [
3288
+ "icon"
3289
+ ]
3290
+ },
3291
+ "runtimeConfigDefaultProps": {
3292
+ "size": "input.defaultSize"
3293
+ },
3294
+ "runtimeConfigGetStyles": {},
3295
+ "runtimeConfigInternalComponentProps": {},
3296
+ "motionVarPrefixes": []
3297
+ },
3298
+ "Input": {
3299
+ "name": "Input",
3300
+ "defaultProps": {
3301
+ "type": "text",
3302
+ "size": "md",
3303
+ "width": "full"
3304
+ },
3305
+ "getStylesLiterals": {
3306
+ "inputVariantRoot": "default",
3307
+ "inputVariantValueRoot": "empty",
3308
+ "inputVariantValueRoot:1": "filled",
3309
+ "inputVariantInputWrapper": "default",
3310
+ "inputVariantValueInputWrapper": "empty",
3172
3311
  "inputVariantValueInputWrapper:1": "filled",
3173
3312
  "inputVariantInput": "default",
3174
3313
  "inputVariantValueInput": "empty",
@@ -3318,145 +3457,6 @@
3318
3457
  "runtimeConfigInternalComponentProps": {},
3319
3458
  "motionVarPrefixes": []
3320
3459
  },
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
- ]
3451
- },
3452
- "runtimeConfigDefaultProps": {},
3453
- "runtimeConfigGetStyles": {},
3454
- "runtimeConfigInternalComponentProps": {},
3455
- "motionVarPrefixes": [
3456
- "--uds-motion-bouncy-4-",
3457
- "--uds-motion-smooth-3-"
3458
- ]
3459
- },
3460
3460
  "ChipBase": {
3461
3461
  "name": "ChipBase",
3462
3462
  "defaultProps": {
@@ -4082,101 +4082,112 @@
4082
4082
  "--uds-motion-smooth-3-"
4083
4083
  ]
4084
4084
  },
4085
- "PaddleButtonNext": {
4086
- "name": "PaddleButtonNext",
4085
+ "BottomSheetDismiss": {
4086
+ "name": "BottomSheetDismiss",
4087
4087
  "defaultProps": {},
4088
4088
  "getStylesLiterals": {},
4089
4089
  "cxLiterals": [],
4090
4090
  "internalComponents": [
4091
- "PaddleButton"
4091
+ "AriakitDialogDismiss"
4092
4092
  ],
4093
- "internalComponentProps": {
4094
- "PaddleButton": {
4095
- "paddleRole": [
4096
- "next"
4097
- ]
4098
- }
4099
- },
4093
+ "internalComponentProps": {},
4100
4094
  "propToVariantKeys": {},
4101
4095
  "runtimeConfigDefaultProps": {},
4102
4096
  "runtimeConfigGetStyles": {},
4103
4097
  "runtimeConfigInternalComponentProps": {},
4104
4098
  "motionVarPrefixes": []
4105
4099
  },
4106
- "UDSPaddleNavConfigProvider": {
4107
- "name": "UDSPaddleNavConfigProvider",
4100
+ "BottomSheetContent": {
4101
+ "name": "BottomSheetContent",
4108
4102
  "defaultProps": {},
4109
4103
  "getStylesLiterals": {},
4110
4104
  "cxLiterals": [
4111
- "md"
4105
+ "min-h-0",
4106
+ "touch-pan-y"
4112
4107
  ],
4113
- "internalComponents": [],
4114
- "internalComponentProps": {},
4108
+ "internalComponents": [
4109
+ "Box",
4110
+ "VStack"
4111
+ ],
4112
+ "internalComponentProps": {
4113
+ "Box": {
4114
+ "display": [
4115
+ "block"
4116
+ ],
4117
+ "flex": [
4118
+ "1"
4119
+ ]
4120
+ },
4121
+ "VStack": {
4122
+ "className": [
4123
+ "pb-[calc(env(safe-area-inset-bottom))]"
4124
+ ]
4125
+ }
4126
+ },
4115
4127
  "propToVariantKeys": {},
4116
4128
  "runtimeConfigDefaultProps": {},
4117
4129
  "runtimeConfigGetStyles": {},
4118
4130
  "runtimeConfigInternalComponentProps": {},
4119
4131
  "motionVarPrefixes": []
4120
4132
  },
4121
- "PaddleNav": {
4122
- "name": "PaddleNav",
4133
+ "BottomSheetHeader": {
4134
+ "name": "BottomSheetHeader",
4123
4135
  "defaultProps": {
4124
- "orientation": "horizontal",
4125
- "variant": "primary",
4126
- "size": "md"
4136
+ "variant": "default"
4127
4137
  },
4128
4138
  "getStylesLiterals": {},
4129
4139
  "cxLiterals": [
4130
- "pointer-events-none",
4131
- "inline-flex",
4132
- "flex-row",
4133
- "gap-2",
4140
+ "grid-cols-[40px_1fr_40px]",
4134
4141
  "items-center",
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"
4142
+ "w-full",
4143
+ "min-h-10",
4144
+ "mt-2"
4156
4145
  ],
4157
4146
  "internalComponents": [
4158
- "PaddleNavContext.Provider",
4159
- "Box"
4147
+ "Box",
4148
+ "Text",
4149
+ "DialogHeading"
4160
4150
  ],
4161
4151
  "internalComponentProps": {
4162
4152
  "Box": {
4163
- "display": [
4164
- "inline-flex"
4153
+ "className": [
4154
+ "h-10 w-10 opacity-0 pointer-events-none"
4165
4155
  ],
4166
- "alignItems": [
4167
- "center"
4156
+ "display": [
4157
+ "grid",
4158
+ "flex"
4168
4159
  ],
4169
4160
  "justifyContent": [
4161
+ "flex-start",
4162
+ "flex-end"
4163
+ ]
4164
+ },
4165
+ "Text": {
4166
+ "as": [
4167
+ "p"
4168
+ ],
4169
+ "variant": [
4170
+ "inherit"
4171
+ ],
4172
+ "color": [
4173
+ "inherit"
4174
+ ],
4175
+ "textAlign": [
4170
4176
  "center"
4171
4177
  ],
4172
- "data-paddle-nav-outside": [
4173
- "true"
4178
+ "className": [
4179
+ "m-0 w-full"
4180
+ ]
4181
+ },
4182
+ "DialogHeading": {
4183
+ "role": [
4184
+ "heading"
4174
4185
  ]
4175
4186
  }
4176
4187
  },
4177
4188
  "propToVariantKeys": {
4178
- "orientation": [
4179
- "data-paddle-nav-orientation"
4189
+ "variant": [
4190
+ "bottomsheetVariantHeader"
4180
4191
  ]
4181
4192
  },
4182
4193
  "runtimeConfigDefaultProps": {},
@@ -4184,16 +4195,14 @@
4184
4195
  "runtimeConfigInternalComponentProps": {},
4185
4196
  "motionVarPrefixes": []
4186
4197
  },
4187
- "PaddleNavContent": {
4188
- "name": "PaddleNavContent",
4198
+ "BottomSheetTrigger": {
4199
+ "name": "BottomSheetTrigger",
4189
4200
  "defaultProps": {},
4190
4201
  "getStylesLiterals": {},
4191
- "cxLiterals": [
4192
- "min-w-0",
4193
- "min-h-0",
4194
- "relative"
4202
+ "cxLiterals": [],
4203
+ "internalComponents": [
4204
+ "AriakitDialogDisclosure"
4195
4205
  ],
4196
- "internalComponents": [],
4197
4206
  "internalComponentProps": {},
4198
4207
  "propToVariantKeys": {},
4199
4208
  "runtimeConfigDefaultProps": {},
@@ -4201,147 +4210,141 @@
4201
4210
  "runtimeConfigInternalComponentProps": {},
4202
4211
  "motionVarPrefixes": []
4203
4212
  },
4204
- "PaddleButtonPrevious": {
4205
- "name": "PaddleButtonPrevious",
4213
+ "UDSBottomSheetConfigProvider": {
4214
+ "name": "UDSBottomSheetConfigProvider",
4206
4215
  "defaultProps": {},
4207
4216
  "getStylesLiterals": {},
4208
4217
  "cxLiterals": [],
4209
4218
  "internalComponents": [
4210
- "PaddleButton"
4219
+ "BottomSheetContext.Provider"
4211
4220
  ],
4212
- "internalComponentProps": {
4213
- "PaddleButton": {
4214
- "paddleRole": [
4215
- "previous"
4216
- ]
4217
- }
4218
- },
4221
+ "internalComponentProps": {},
4219
4222
  "propToVariantKeys": {},
4220
4223
  "runtimeConfigDefaultProps": {},
4221
4224
  "runtimeConfigGetStyles": {},
4222
4225
  "runtimeConfigInternalComponentProps": {},
4223
4226
  "motionVarPrefixes": []
4224
4227
  },
4225
- "PaddleButton": {
4226
- "name": "PaddleButton",
4228
+ "BottomSheetInternalContext": {
4229
+ "name": "BottomSheetInternalContext",
4227
4230
  "defaultProps": {},
4228
4231
  "getStylesLiterals": {},
4232
+ "cxLiterals": [],
4233
+ "internalComponents": [],
4234
+ "internalComponentProps": {},
4235
+ "propToVariantKeys": {},
4236
+ "runtimeConfigDefaultProps": {},
4237
+ "runtimeConfigGetStyles": {},
4238
+ "runtimeConfigInternalComponentProps": {},
4239
+ "motionVarPrefixes": []
4240
+ },
4241
+ "BottomSheet": {
4242
+ "name": "BottomSheet",
4243
+ "defaultProps": {
4244
+ "variant": "default"
4245
+ },
4246
+ "getStylesLiterals": {},
4229
4247
  "cxLiterals": [
4230
- "relative",
4231
- "inline-flex",
4232
- "items-center",
4233
- "justify-center",
4234
- "box-border",
4248
+ "fixed",
4235
4249
  "overflow-hidden",
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]"
4250
+ "inset-x-0",
4251
+ "bottom-0",
4252
+ "z-50",
4253
+ "[will-change:transform]",
4254
+ "touch-none",
4255
+ "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
4256
+ "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
4257
+ "transition-transform",
4258
+ "duration-500",
4259
+ "ease-[cubic-bezier(0.32,0.72,0,1)]",
4260
+ "motion-reduce:transition-none",
4261
+ "top-[-4px]",
4262
+ "z-[1]",
4263
+ "touch-pan-y"
4253
4264
  ],
4254
4265
  "internalComponents": [
4255
- "Icon"
4266
+ "Scrim",
4267
+ "BottomSheetHandle",
4268
+ "Dialog",
4269
+ "Box",
4270
+ "BottomSheetInternalContext.Provider"
4256
4271
  ],
4257
4272
  "internalComponentProps": {
4258
- "Icon": {
4259
- "color": [
4260
- "current"
4273
+ "BottomSheetHandle": {
4274
+ "ariaLabel": [
4275
+ "Resize sheet"
4276
+ ]
4277
+ },
4278
+ "Dialog": {
4279
+ "data-testid": [
4280
+ "bottom-sheet"
4281
+ ]
4282
+ },
4283
+ "Box": {
4284
+ "display": [
4285
+ "block",
4286
+ "flex"
4287
+ ],
4288
+ "position": [
4289
+ "absolute"
4290
+ ],
4291
+ "flexDirection": [
4292
+ "column"
4293
+ ],
4294
+ "className": [
4295
+ "absolute inset-0 min-h-0 p-[inherit]"
4261
4296
  ]
4262
4297
  }
4263
4298
  },
4264
4299
  "propToVariantKeys": {
4265
- "size": [
4266
- "paddlenavSizeRoot",
4267
- "paddlenavSizeIcon"
4268
- ],
4269
4300
  "variant": [
4270
- "paddlenavVariantRoot",
4271
- "paddlenavVariantBackground",
4272
- "paddlenavVariantIcon"
4301
+ "bottomsheetVariantRoot"
4273
4302
  ]
4274
4303
  },
4275
- "runtimeConfigDefaultProps": {
4276
- "size": "paddleNav.defaultSize"
4277
- },
4304
+ "runtimeConfigDefaultProps": {},
4278
4305
  "runtimeConfigGetStyles": {},
4279
- "runtimeConfigInternalComponentProps": {
4280
- "Icon": {
4281
- "size": [
4282
- "paddleNav.iconSize.${size}"
4283
- ]
4284
- }
4285
- },
4306
+ "runtimeConfigInternalComponentProps": {},
4286
4307
  "motionVarPrefixes": []
4287
4308
  },
4288
- "TabList": {
4289
- "name": "TabList",
4309
+ "BottomSheetHandle": {
4310
+ "name": "BottomSheetHandle",
4290
4311
  "defaultProps": {
4291
- "variant": "primary"
4292
- },
4293
- "getStylesLiterals": {
4294
- "tabSizeRoot": "default",
4295
- "tabVariantActiveRoot": "on"
4312
+ "variant": "default"
4296
4313
  },
4314
+ "getStylesLiterals": {},
4297
4315
  "cxLiterals": [
4298
- "pointer-events-none",
4299
- "absolute",
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
4316
  "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"
4317
+ "h-5",
4318
+ "w-16",
4319
+ "outline-none",
4320
+ "focus-visible:outline-none",
4321
+ "[touch-action:pan-y]",
4322
+ "absolute",
4323
+ "left-1/2",
4324
+ "top-1/2",
4325
+ "-translate-x-1/2",
4326
+ "-translate-y-1/2",
4327
+ "h-1",
4328
+ "w-8",
4329
+ "rounded-full"
4336
4330
  ],
4337
4331
  "internalComponents": [
4338
- "AriakitTabList"
4332
+ "Box"
4339
4333
  ],
4340
- "internalComponentProps": {},
4334
+ "internalComponentProps": {
4335
+ "Box": {
4336
+ "display": [
4337
+ "block",
4338
+ "flex"
4339
+ ],
4340
+ "justifyContent": [
4341
+ "center"
4342
+ ]
4343
+ }
4344
+ },
4341
4345
  "propToVariantKeys": {
4342
4346
  "variant": [
4343
- "tabsVariantRoot",
4344
- "tabVariantRoot"
4347
+ "bottomsheetVariantHandleIndicator"
4345
4348
  ]
4346
4349
  },
4347
4350
  "runtimeConfigDefaultProps": {},
@@ -4349,13 +4352,13 @@
4349
4352
  "runtimeConfigInternalComponentProps": {},
4350
4353
  "motionVarPrefixes": []
4351
4354
  },
4352
- "TabPanel": {
4353
- "name": "TabPanel",
4355
+ "BottomSheetProvider": {
4356
+ "name": "BottomSheetProvider",
4354
4357
  "defaultProps": {},
4355
4358
  "getStylesLiterals": {},
4356
4359
  "cxLiterals": [],
4357
4360
  "internalComponents": [
4358
- "AriakitTabPanel"
4361
+ "AriakitDialogProvider"
4359
4362
  ],
4360
4363
  "internalComponentProps": {},
4361
4364
  "propToVariantKeys": {},
@@ -4364,34 +4367,33 @@
4364
4367
  "runtimeConfigInternalComponentProps": {},
4365
4368
  "motionVarPrefixes": []
4366
4369
  },
4367
- "Tabs": {
4368
- "name": "Tabs",
4369
- "defaultProps": {
4370
- "variant": "primary"
4371
- },
4370
+ "PaddleButtonNext": {
4371
+ "name": "PaddleButtonNext",
4372
+ "defaultProps": {},
4372
4373
  "getStylesLiterals": {},
4373
4374
  "cxLiterals": [],
4374
4375
  "internalComponents": [
4375
- "TabsContext.Provider",
4376
- "TabProvider"
4376
+ "PaddleButton"
4377
4377
  ],
4378
- "internalComponentProps": {},
4379
- "propToVariantKeys": {
4380
- "onSelectionChange": [
4381
- "setSelectedId"
4382
- ]
4378
+ "internalComponentProps": {
4379
+ "PaddleButton": {
4380
+ "paddleRole": [
4381
+ "next"
4382
+ ]
4383
+ }
4383
4384
  },
4385
+ "propToVariantKeys": {},
4384
4386
  "runtimeConfigDefaultProps": {},
4385
4387
  "runtimeConfigGetStyles": {},
4386
4388
  "runtimeConfigInternalComponentProps": {},
4387
4389
  "motionVarPrefixes": []
4388
4390
  },
4389
- "UDSTabConfigProvider": {
4390
- "name": "UDSTabConfigProvider",
4391
+ "UDSPaddleNavConfigProvider": {
4392
+ "name": "UDSPaddleNavConfigProvider",
4391
4393
  "defaultProps": {},
4392
4394
  "getStylesLiterals": {},
4393
4395
  "cxLiterals": [
4394
- "sm"
4396
+ "md"
4395
4397
  ],
4396
4398
  "internalComponents": [],
4397
4399
  "internalComponentProps": {},
@@ -4401,94 +4403,82 @@
4401
4403
  "runtimeConfigInternalComponentProps": {},
4402
4404
  "motionVarPrefixes": []
4403
4405
  },
4404
- "Tab": {
4405
- "name": "Tab",
4406
+ "PaddleNav": {
4407
+ "name": "PaddleNav",
4406
4408
  "defaultProps": {
4407
- "variant": "primary"
4408
- },
4409
- "getStylesLiterals": {
4410
- "tabSizeRoot": "default",
4411
- "tabVariantActiveRoot": "off",
4412
- "tabVariantActiveRoot:1": "on",
4413
- "tabSizeIcon": "default"
4409
+ "orientation": "horizontal",
4410
+ "variant": "primary",
4411
+ "size": "md"
4414
4412
  },
4413
+ "getStylesLiterals": {},
4415
4414
  "cxLiterals": [
4416
4415
  "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
4416
  "inline-flex",
4417
+ "flex-row",
4418
+ "gap-2",
4429
4419
  "items-center",
4430
- "shrink-0",
4431
- "box-border",
4420
+ "pointer-events-auto",
4421
+ "flex-col",
4432
4422
  "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"
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"
4443
4441
  ],
4444
4442
  "internalComponents": [
4445
- "IconSlot",
4446
- "AriakitTab",
4447
- "Text"
4443
+ "PaddleNavContext.Provider",
4444
+ "Box"
4448
4445
  ],
4449
4446
  "internalComponentProps": {
4450
- "Text": {
4451
- "variant": [
4452
- "inherit"
4447
+ "Box": {
4448
+ "display": [
4449
+ "inline-flex"
4453
4450
  ],
4454
- "as": [
4455
- "span"
4451
+ "alignItems": [
4452
+ "center"
4456
4453
  ],
4457
- "color": [
4458
- "current"
4454
+ "justifyContent": [
4455
+ "center"
4456
+ ],
4457
+ "data-paddle-nav-outside": [
4458
+ "true"
4459
4459
  ]
4460
4460
  }
4461
4461
  },
4462
4462
  "propToVariantKeys": {
4463
- "variant": [
4464
- "tabVariantRoot",
4465
- "tabVariantIcon"
4466
- ],
4467
- "activeState": [
4468
- "tabVariantActiveIcon"
4469
- ],
4470
- "startIcon": [
4471
- "icon"
4472
- ],
4473
- "endIcon": [
4474
- "icon"
4463
+ "orientation": [
4464
+ "data-paddle-nav-orientation"
4475
4465
  ]
4476
4466
  },
4477
- "runtimeConfigDefaultProps": {
4478
- "size": "tab.defaultSize"
4479
- },
4467
+ "runtimeConfigDefaultProps": {},
4480
4468
  "runtimeConfigGetStyles": {},
4481
4469
  "runtimeConfigInternalComponentProps": {},
4482
4470
  "motionVarPrefixes": []
4483
4471
  },
4484
- "UDSToastConfigProvider": {
4485
- "name": "UDSToastConfigProvider",
4472
+ "PaddleNavContent": {
4473
+ "name": "PaddleNavContent",
4486
4474
  "defaultProps": {},
4487
4475
  "getStylesLiterals": {},
4488
- "cxLiterals": [],
4489
- "internalComponents": [
4490
- "ToastContext.Provider"
4476
+ "cxLiterals": [
4477
+ "min-w-0",
4478
+ "min-h-0",
4479
+ "relative"
4491
4480
  ],
4481
+ "internalComponents": [],
4492
4482
  "internalComponentProps": {},
4493
4483
  "propToVariantKeys": {},
4494
4484
  "runtimeConfigDefaultProps": {},
@@ -4496,34 +4486,329 @@
4496
4486
  "runtimeConfigInternalComponentProps": {},
4497
4487
  "motionVarPrefixes": []
4498
4488
  },
4499
- "ToastContainer": {
4500
- "name": "ToastContainer",
4489
+ "PaddleButtonPrevious": {
4490
+ "name": "PaddleButtonPrevious",
4501
4491
  "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"
4507
- },
4508
- "cxLiterals": [
4509
- "w-full"
4510
- ],
4492
+ "getStylesLiterals": {},
4493
+ "cxLiterals": [],
4511
4494
  "internalComponents": [
4512
- "HStack"
4495
+ "PaddleButton"
4513
4496
  ],
4514
4497
  "internalComponentProps": {
4515
- "HStack": {
4516
- "alignItems": [
4517
- "center"
4518
- ],
4519
- "justifyContent": [
4520
- "space-between"
4521
- ],
4522
- "overflow": [
4523
- "hidden"
4524
- ],
4525
- "position": [
4526
- "relative"
4498
+ "PaddleButton": {
4499
+ "paddleRole": [
4500
+ "previous"
4501
+ ]
4502
+ }
4503
+ },
4504
+ "propToVariantKeys": {},
4505
+ "runtimeConfigDefaultProps": {},
4506
+ "runtimeConfigGetStyles": {},
4507
+ "runtimeConfigInternalComponentProps": {},
4508
+ "motionVarPrefixes": []
4509
+ },
4510
+ "PaddleButton": {
4511
+ "name": "PaddleButton",
4512
+ "defaultProps": {},
4513
+ "getStylesLiterals": {},
4514
+ "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]"
4538
+ ],
4539
+ "internalComponents": [
4540
+ "Icon"
4541
+ ],
4542
+ "internalComponentProps": {
4543
+ "Icon": {
4544
+ "color": [
4545
+ "current"
4546
+ ]
4547
+ }
4548
+ },
4549
+ "propToVariantKeys": {
4550
+ "size": [
4551
+ "paddlenavSizeRoot",
4552
+ "paddlenavSizeIcon"
4553
+ ],
4554
+ "variant": [
4555
+ "paddlenavVariantRoot",
4556
+ "paddlenavVariantBackground",
4557
+ "paddlenavVariantIcon"
4558
+ ]
4559
+ },
4560
+ "runtimeConfigDefaultProps": {
4561
+ "size": "paddleNav.defaultSize"
4562
+ },
4563
+ "runtimeConfigGetStyles": {},
4564
+ "runtimeConfigInternalComponentProps": {
4565
+ "Icon": {
4566
+ "size": [
4567
+ "paddleNav.iconSize.${size}"
4568
+ ]
4569
+ }
4570
+ },
4571
+ "motionVarPrefixes": []
4572
+ },
4573
+ "TabList": {
4574
+ "name": "TabList",
4575
+ "defaultProps": {
4576
+ "variant": "primary"
4577
+ },
4578
+ "getStylesLiterals": {
4579
+ "tabSizeRoot": "default",
4580
+ "tabVariantActiveRoot": "on"
4581
+ },
4582
+ "cxLiterals": [
4583
+ "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"
4624
+ ],
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
+ "internalComponents": [
4643
+ "AriakitTabPanel"
4644
+ ],
4645
+ "internalComponentProps": {},
4646
+ "propToVariantKeys": {},
4647
+ "runtimeConfigDefaultProps": {},
4648
+ "runtimeConfigGetStyles": {},
4649
+ "runtimeConfigInternalComponentProps": {},
4650
+ "motionVarPrefixes": []
4651
+ },
4652
+ "Tabs": {
4653
+ "name": "Tabs",
4654
+ "defaultProps": {
4655
+ "variant": "primary"
4656
+ },
4657
+ "getStylesLiterals": {},
4658
+ "cxLiterals": [],
4659
+ "internalComponents": [
4660
+ "TabsContext.Provider",
4661
+ "TabProvider"
4662
+ ],
4663
+ "internalComponentProps": {},
4664
+ "propToVariantKeys": {
4665
+ "onSelectionChange": [
4666
+ "setSelectedId"
4667
+ ]
4668
+ },
4669
+ "runtimeConfigDefaultProps": {},
4670
+ "runtimeConfigGetStyles": {},
4671
+ "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": []
4688
+ },
4689
+ "Tab": {
4690
+ "name": "Tab",
4691
+ "defaultProps": {
4692
+ "variant": "primary"
4693
+ },
4694
+ "getStylesLiterals": {
4695
+ "tabSizeRoot": "default",
4696
+ "tabVariantActiveRoot": "off",
4697
+ "tabVariantActiveRoot:1": "on",
4698
+ "tabSizeIcon": "default"
4699
+ },
4700
+ "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
+ "cursor-pointer",
4720
+ "select-none",
4721
+ "whitespace-nowrap",
4722
+ "uds-ring",
4723
+ "opacity-50",
4724
+ "cursor-default",
4725
+ "border-solid",
4726
+ "border-b-solid",
4727
+ "transition-colors"
4728
+ ],
4729
+ "internalComponents": [
4730
+ "IconSlot",
4731
+ "AriakitTab",
4732
+ "Text"
4733
+ ],
4734
+ "internalComponentProps": {
4735
+ "Text": {
4736
+ "variant": [
4737
+ "inherit"
4738
+ ],
4739
+ "as": [
4740
+ "span"
4741
+ ],
4742
+ "color": [
4743
+ "current"
4744
+ ]
4745
+ }
4746
+ },
4747
+ "propToVariantKeys": {
4748
+ "variant": [
4749
+ "tabVariantRoot",
4750
+ "tabVariantIcon"
4751
+ ],
4752
+ "activeState": [
4753
+ "tabVariantActiveIcon"
4754
+ ],
4755
+ "startIcon": [
4756
+ "icon"
4757
+ ],
4758
+ "endIcon": [
4759
+ "icon"
4760
+ ]
4761
+ },
4762
+ "runtimeConfigDefaultProps": {
4763
+ "size": "tab.defaultSize"
4764
+ },
4765
+ "runtimeConfigGetStyles": {},
4766
+ "runtimeConfigInternalComponentProps": {},
4767
+ "motionVarPrefixes": []
4768
+ },
4769
+ "UDSToastConfigProvider": {
4770
+ "name": "UDSToastConfigProvider",
4771
+ "defaultProps": {},
4772
+ "getStylesLiterals": {},
4773
+ "cxLiterals": [],
4774
+ "internalComponents": [
4775
+ "ToastContext.Provider"
4776
+ ],
4777
+ "internalComponentProps": {},
4778
+ "propToVariantKeys": {},
4779
+ "runtimeConfigDefaultProps": {},
4780
+ "runtimeConfigGetStyles": {},
4781
+ "runtimeConfigInternalComponentProps": {},
4782
+ "motionVarPrefixes": []
4783
+ },
4784
+ "ToastContainer": {
4785
+ "name": "ToastContainer",
4786
+ "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
+ },
4793
+ "cxLiterals": [
4794
+ "w-full"
4795
+ ],
4796
+ "internalComponents": [
4797
+ "HStack"
4798
+ ],
4799
+ "internalComponentProps": {
4800
+ "HStack": {
4801
+ "alignItems": [
4802
+ "center"
4803
+ ],
4804
+ "justifyContent": [
4805
+ "space-between"
4806
+ ],
4807
+ "overflow": [
4808
+ "hidden"
4809
+ ],
4810
+ "position": [
4811
+ "relative"
4527
4812
  ]
4528
4813
  }
4529
4814
  },
@@ -4658,442 +4943,172 @@
4658
4943
  "toast.defaultSize"
4659
4944
  ],
4660
4945
  "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}"
4678
- ]
4679
- }
4680
- },
4681
- "motionVarPrefixes": []
4682
- },
4683
- "Checkbox": {
4684
- "name": "Checkbox",
4685
- "defaultProps": {},
4686
- "getStylesLiterals": {},
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]",
4694
- "pointer-events-none",
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"
4701
- ],
4702
- "internalComponents": [
4703
- "CheckboxBase",
4704
- "Icon",
4705
- "SpringMotionConfig",
4706
- "RootElement",
4707
- "MotionBox",
4708
- "Box",
4709
- "CheckboxProps"
4710
- ],
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
- }
4750
- },
4751
- "propToVariantKeys": {
4752
- "size": [
4753
- "checkboxSizeCheckbox"
4754
- ],
4755
- "variant": [
4756
- "checkboxVariantCheckbox",
4757
- "checkboxVariantCheckboxIcon"
4758
- ],
4759
- "valueState": [
4760
- "checkboxVariantValueCheckbox",
4761
- "checkboxVariantValueCheckboxIcon"
4762
- ],
4763
- "reduceMotion": [
4764
- "reducedMotion"
4765
- ]
4766
- },
4767
- "runtimeConfigDefaultProps": {},
4768
- "runtimeConfigGetStyles": {},
4769
- "runtimeConfigInternalComponentProps": {},
4770
- "motionVarPrefixes": [
4771
- "--uds-motion-subtle-3-",
4772
- "--uds-motion-smooth-3-"
4773
- ]
4774
- },
4775
- "CheckboxBase": {
4776
- "name": "CheckboxBase",
4777
- "defaultProps": {
4778
- "labelPosition": "start",
4779
- "variant": "primary",
4780
- "size": "md"
4781
- },
4782
- "getStylesLiterals": {
4783
- "display": "flex",
4784
- "flexDirection": "row",
4785
- "flexDirection:1": "row-reverse",
4786
- "alignItems": "center"
4787
- },
4788
- "cxLiterals": [
4789
- "cursor-pointer",
4790
- "cursor-default",
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"
4801
- ],
4802
- "internalComponents": [
4803
- "FormLabel"
4804
- ],
4805
- "internalComponentProps": {
4806
- "FormLabel": {
4807
- "as": [
4808
- "div"
4809
- ],
4810
- "variant": [
4811
- "inherit"
4812
- ],
4813
- "color": [
4814
- "inherit"
4815
- ]
4816
- }
4817
- },
4818
- "propToVariantKeys": {
4819
- "size": [
4820
- "checkboxSizeRoot"
4821
- ],
4822
- "variant": [
4823
- "checkboxVariantRoot"
4824
- ],
4825
- "valueState": [
4826
- "checkboxVariantValueRoot"
4827
- ]
4828
- },
4829
- "runtimeConfigDefaultProps": {},
4830
- "runtimeConfigGetStyles": {},
4831
- "runtimeConfigInternalComponentProps": {},
4832
- "motionVarPrefixes": []
4833
- },
4834
- "BottomSheetDismiss": {
4835
- "name": "BottomSheetDismiss",
4836
- "defaultProps": {},
4837
- "getStylesLiterals": {},
4838
- "cxLiterals": [],
4839
- "internalComponents": [
4840
- "AriakitDialogDismiss"
4841
- ],
4842
- "internalComponentProps": {},
4843
- "propToVariantKeys": {},
4844
- "runtimeConfigDefaultProps": {},
4845
- "runtimeConfigGetStyles": {},
4846
- "runtimeConfigInternalComponentProps": {},
4847
- "motionVarPrefixes": []
4848
- },
4849
- "BottomSheetContent": {
4850
- "name": "BottomSheetContent",
4851
- "defaultProps": {},
4852
- "getStylesLiterals": {},
4853
- "cxLiterals": [
4854
- "min-h-0",
4855
- "touch-pan-y"
4856
- ],
4857
- "internalComponents": [
4858
- "Box",
4859
- "VStack"
4860
- ],
4861
- "internalComponentProps": {
4862
- "Box": {
4863
- "display": [
4864
- "block"
4865
- ],
4866
- "flex": [
4867
- "1"
4868
- ]
4869
- },
4870
- "VStack": {
4871
- "className": [
4872
- "pb-[calc(env(safe-area-inset-bottom))]"
4873
- ]
4874
- }
4875
- },
4876
- "propToVariantKeys": {},
4877
- "runtimeConfigDefaultProps": {},
4878
- "runtimeConfigGetStyles": {},
4879
- "runtimeConfigInternalComponentProps": {},
4880
- "motionVarPrefixes": []
4881
- },
4882
- "BottomSheetHeader": {
4883
- "name": "BottomSheetHeader",
4884
- "defaultProps": {
4885
- "variant": "default"
4886
- },
4887
- "getStylesLiterals": {},
4888
- "cxLiterals": [
4889
- "grid-cols-[40px_1fr_40px]",
4890
- "items-center",
4891
- "w-full",
4892
- "min-h-10",
4893
- "mt-2"
4894
- ],
4895
- "internalComponents": [
4896
- "Box",
4897
- "Text",
4898
- "DialogHeading"
4899
- ],
4900
- "internalComponentProps": {
4901
- "Box": {
4902
- "className": [
4903
- "h-10 w-10 opacity-0 pointer-events-none"
4904
- ],
4905
- "display": [
4906
- "grid",
4907
- "flex"
4908
- ],
4909
- "justifyContent": [
4910
- "flex-start",
4911
- "flex-end"
4946
+ "toast.defaultVariant"
4912
4947
  ]
4913
4948
  },
4914
4949
  "Text": {
4915
- "as": [
4916
- "p"
4917
- ],
4918
4950
  "variant": [
4919
- "inherit"
4951
+ "toast.textVariant.${size}"
4920
4952
  ],
4921
4953
  "color": [
4922
- "inherit"
4923
- ],
4924
- "textAlign": [
4925
- "center"
4926
- ],
4927
- "className": [
4928
- "m-0 w-full"
4954
+ "toast.textColor.${variant}"
4929
4955
  ]
4930
4956
  },
4931
- "DialogHeading": {
4932
- "role": [
4933
- "heading"
4957
+ "Button": {
4958
+ "size": [
4959
+ "toast.buttonSize.${size}"
4960
+ ],
4961
+ "variant": [
4962
+ "toast.buttonVariant.${variant}"
4934
4963
  ]
4935
4964
  }
4936
4965
  },
4937
- "propToVariantKeys": {
4938
- "variant": [
4939
- "bottomsheetVariantHeader"
4940
- ]
4941
- },
4942
- "runtimeConfigDefaultProps": {},
4943
- "runtimeConfigGetStyles": {},
4944
- "runtimeConfigInternalComponentProps": {},
4945
- "motionVarPrefixes": []
4946
- },
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
4966
  "motionVarPrefixes": []
4976
4967
  },
4977
- "BottomSheetInternalContext": {
4978
- "name": "BottomSheetInternalContext",
4968
+ "Checkbox": {
4969
+ "name": "Checkbox",
4979
4970
  "defaultProps": {},
4980
4971
  "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": {},
4996
4972
  "cxLiterals": [
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"
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"
5013
4986
  ],
5014
4987
  "internalComponents": [
5015
- "Scrim",
5016
- "BottomSheetHandle",
5017
- "Dialog",
4988
+ "CheckboxBase",
4989
+ "Icon",
4990
+ "SpringMotionConfig",
4991
+ "RootElement",
4992
+ "MotionBox",
5018
4993
  "Box",
5019
- "BottomSheetInternalContext.Provider"
4994
+ "CheckboxProps"
5020
4995
  ],
5021
4996
  "internalComponentProps": {
5022
- "BottomSheetHandle": {
5023
- "ariaLabel": [
5024
- "Resize sheet"
4997
+ "Icon": {
4998
+ "size": [
4999
+ "sm"
5025
5000
  ]
5026
5001
  },
5027
- "Dialog": {
5002
+ "RootElement": {
5028
5003
  "data-testid": [
5029
- "bottom-sheet"
5004
+ "container"
5030
5005
  ]
5031
5006
  },
5032
- "Box": {
5033
- "display": [
5034
- "block",
5035
- "flex"
5007
+ "MotionBox": {
5008
+ "position": [
5009
+ "relative"
5036
5010
  ],
5011
+ "alignItems": [
5012
+ "center"
5013
+ ],
5014
+ "justifyContent": [
5015
+ "center"
5016
+ ],
5017
+ "flex": [
5018
+ "none"
5019
+ ]
5020
+ },
5021
+ "Box": {
5037
5022
  "position": [
5038
- "absolute"
5023
+ "relative"
5039
5024
  ],
5040
- "flexDirection": [
5041
- "column"
5025
+ "alignItems": [
5026
+ "center"
5042
5027
  ],
5043
- "className": [
5044
- "absolute inset-0 min-h-0 p-[inherit]"
5028
+ "justifyContent": [
5029
+ "center"
5030
+ ],
5031
+ "flex": [
5032
+ "none"
5045
5033
  ]
5046
5034
  }
5047
5035
  },
5048
5036
  "propToVariantKeys": {
5037
+ "size": [
5038
+ "checkboxSizeCheckbox"
5039
+ ],
5049
5040
  "variant": [
5050
- "bottomsheetVariantRoot"
5041
+ "checkboxVariantCheckbox",
5042
+ "checkboxVariantCheckboxIcon"
5043
+ ],
5044
+ "valueState": [
5045
+ "checkboxVariantValueCheckbox",
5046
+ "checkboxVariantValueCheckboxIcon"
5047
+ ],
5048
+ "reduceMotion": [
5049
+ "reducedMotion"
5051
5050
  ]
5052
5051
  },
5053
5052
  "runtimeConfigDefaultProps": {},
5054
5053
  "runtimeConfigGetStyles": {},
5055
5054
  "runtimeConfigInternalComponentProps": {},
5056
- "motionVarPrefixes": []
5055
+ "motionVarPrefixes": [
5056
+ "--uds-motion-subtle-3-",
5057
+ "--uds-motion-smooth-3-"
5058
+ ]
5057
5059
  },
5058
- "BottomSheetHandle": {
5059
- "name": "BottomSheetHandle",
5060
+ "CheckboxBase": {
5061
+ "name": "CheckboxBase",
5060
5062
  "defaultProps": {
5061
- "variant": "default"
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"
5062
5072
  },
5063
- "getStylesLiterals": {},
5064
5073
  "cxLiterals": [
5065
- "relative",
5066
- "h-5",
5067
- "w-16",
5068
- "outline-none",
5069
- "focus-visible:outline-none",
5070
- "[touch-action:pan-y]",
5074
+ "cursor-pointer",
5075
+ "cursor-default",
5076
+ "opacity-50",
5077
+ "cursor-[inherit]",
5071
5078
  "absolute",
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"
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"
5079
5086
  ],
5080
5087
  "internalComponents": [
5081
- "Box"
5088
+ "FormLabel"
5082
5089
  ],
5083
5090
  "internalComponentProps": {
5084
- "Box": {
5085
- "display": [
5086
- "block",
5087
- "flex"
5091
+ "FormLabel": {
5092
+ "as": [
5093
+ "div"
5088
5094
  ],
5089
- "justifyContent": [
5090
- "center"
5095
+ "variant": [
5096
+ "inherit"
5097
+ ],
5098
+ "color": [
5099
+ "inherit"
5091
5100
  ]
5092
5101
  }
5093
5102
  },
5094
5103
  "propToVariantKeys": {
5104
+ "size": [
5105
+ "checkboxSizeRoot"
5106
+ ],
5095
5107
  "variant": [
5096
- "bottomsheetVariantHandleIndicator"
5108
+ "checkboxVariantRoot"
5109
+ ],
5110
+ "valueState": [
5111
+ "checkboxVariantValueRoot"
5097
5112
  ]
5098
5113
  },
5099
5114
  "runtimeConfigDefaultProps": {},
@@ -5101,21 +5116,6 @@
5101
5116
  "runtimeConfigInternalComponentProps": {},
5102
5117
  "motionVarPrefixes": []
5103
5118
  },
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": {},