@yahoo/uds 3.133.0 → 3.133.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (28) hide show
  1. package/dist/automated-config/dist/utils/getConfigVariantProperties.d.cts +2 -2
  2. package/dist/automated-config/dist/utils/getConfigVariantProperties.d.ts +2 -2
  3. package/dist/components/client/Popover/UDSPopoverConfigProvider.d.cts +1 -1
  4. package/dist/components/client/Popover/UDSPopoverConfigProvider.d.ts +1 -1
  5. package/dist/components/client/Tabs/Tab.cjs +4 -4
  6. package/dist/components/client/Tabs/Tab.js +4 -4
  7. package/dist/components/client/Tabs/TabList.cjs +10 -10
  8. package/dist/components/client/Tabs/TabList.js +10 -10
  9. package/dist/components/client/Tabs/Tabs.cjs +3 -3
  10. package/dist/components/client/Tabs/Tabs.d.cts +2 -2
  11. package/dist/components/client/Tabs/Tabs.d.ts +2 -2
  12. package/dist/components/client/Tabs/Tabs.js +3 -3
  13. package/dist/components/client/Tabs/tabsContext.cjs +1 -1
  14. package/dist/components/client/Tabs/tabsContext.d.cts +1 -1
  15. package/dist/components/client/Tabs/tabsContext.d.ts +1 -1
  16. package/dist/components/client/Tabs/tabsContext.js +1 -1
  17. package/dist/components/client/Toast/UDSToastConfigProvider.d.cts +5 -5
  18. package/dist/components/client/Toast/UDSToastConfigProvider.d.ts +5 -5
  19. package/dist/styles/styler.d.cts +61 -61
  20. package/dist/styles/styler.d.ts +61 -61
  21. package/dist/tailwind/dist/types/dist/index.d.cts.map +1 -1
  22. package/dist/tailwind/dist/types/dist/index.d.ts.map +1 -1
  23. package/dist/types/dist/index.d.cts +2 -2
  24. package/dist/types/dist/index.d.ts +2 -2
  25. package/dist/uds/generated/componentData.cjs +892 -892
  26. package/dist/uds/generated/componentData.js +892 -892
  27. package/generated/componentData.json +1248 -1248
  28. package/package.json +1 -1
@@ -359,6 +359,68 @@ var BannerTitle = {
359
359
  "runtimeConfigInternalComponentProps": {},
360
360
  "motionVarPrefixes": []
361
361
  };
362
+ var Divider = {
363
+ "name": "Divider",
364
+ "defaultProps": {},
365
+ "getStylesLiterals": {},
366
+ "cxLiterals": [],
367
+ "internalComponents": ["DividerInternal"],
368
+ "internalComponentProps": {},
369
+ "propToVariantKeys": {},
370
+ "runtimeConfigDefaultProps": {},
371
+ "runtimeConfigGetStyles": {},
372
+ "runtimeConfigInternalComponentProps": {},
373
+ "motionVarPrefixes": []
374
+ };
375
+ var DividerCore = {
376
+ "name": "DividerCore",
377
+ "defaultProps": { "contentPosition": "center" },
378
+ "getStylesLiterals": {},
379
+ "cxLiterals": [],
380
+ "internalComponents": [
381
+ "Box",
382
+ "Line",
383
+ "InternalComponent",
384
+ "Text"
385
+ ],
386
+ "internalComponentProps": {
387
+ "Box": {
388
+ "flex": ["1", "none"],
389
+ "display": ["flex"]
390
+ },
391
+ "InternalComponent": {
392
+ "flex": ["1"],
393
+ "alignItems": ["center"]
394
+ },
395
+ "Text": {
396
+ "as": ["span"],
397
+ "color": ["inherit"],
398
+ "variant": ["inherit"]
399
+ }
400
+ },
401
+ "propToVariantKeys": {},
402
+ "runtimeConfigDefaultProps": {},
403
+ "runtimeConfigGetStyles": {},
404
+ "runtimeConfigInternalComponentProps": {},
405
+ "motionVarPrefixes": []
406
+ };
407
+ var DividerInternal = {
408
+ "name": "DividerInternal",
409
+ "defaultProps": { "variant": "primary" },
410
+ "getStylesLiterals": {},
411
+ "cxLiterals": ["inherit"],
412
+ "internalComponents": ["DividerCore"],
413
+ "internalComponentProps": {},
414
+ "propToVariantKeys": { "variant": [
415
+ "dividerVariantRoot",
416
+ "dividerVariantLabel",
417
+ "dividerVariantLine"
418
+ ] },
419
+ "runtimeConfigDefaultProps": {},
420
+ "runtimeConfigGetStyles": {},
421
+ "runtimeConfigInternalComponentProps": {},
422
+ "motionVarPrefixes": []
423
+ };
362
424
  var Spinner = {
363
425
  "name": "Spinner",
364
426
  "defaultProps": {
@@ -764,68 +826,6 @@ var Switch = {
764
826
  "runtimeConfigInternalComponentProps": {},
765
827
  "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
766
828
  };
767
- var Divider = {
768
- "name": "Divider",
769
- "defaultProps": {},
770
- "getStylesLiterals": {},
771
- "cxLiterals": [],
772
- "internalComponents": ["DividerInternal"],
773
- "internalComponentProps": {},
774
- "propToVariantKeys": {},
775
- "runtimeConfigDefaultProps": {},
776
- "runtimeConfigGetStyles": {},
777
- "runtimeConfigInternalComponentProps": {},
778
- "motionVarPrefixes": []
779
- };
780
- var DividerCore = {
781
- "name": "DividerCore",
782
- "defaultProps": { "contentPosition": "center" },
783
- "getStylesLiterals": {},
784
- "cxLiterals": [],
785
- "internalComponents": [
786
- "Box",
787
- "Line",
788
- "InternalComponent",
789
- "Text"
790
- ],
791
- "internalComponentProps": {
792
- "Box": {
793
- "flex": ["1", "none"],
794
- "display": ["flex"]
795
- },
796
- "InternalComponent": {
797
- "flex": ["1"],
798
- "alignItems": ["center"]
799
- },
800
- "Text": {
801
- "as": ["span"],
802
- "color": ["inherit"],
803
- "variant": ["inherit"]
804
- }
805
- },
806
- "propToVariantKeys": {},
807
- "runtimeConfigDefaultProps": {},
808
- "runtimeConfigGetStyles": {},
809
- "runtimeConfigInternalComponentProps": {},
810
- "motionVarPrefixes": []
811
- };
812
- var DividerInternal = {
813
- "name": "DividerInternal",
814
- "defaultProps": { "variant": "primary" },
815
- "getStylesLiterals": {},
816
- "cxLiterals": ["inherit"],
817
- "internalComponents": ["DividerCore"],
818
- "internalComponentProps": {},
819
- "propToVariantKeys": { "variant": [
820
- "dividerVariantRoot",
821
- "dividerVariantLabel",
822
- "dividerVariantLine"
823
- ] },
824
- "runtimeConfigDefaultProps": {},
825
- "runtimeConfigGetStyles": {},
826
- "runtimeConfigInternalComponentProps": {},
827
- "motionVarPrefixes": []
828
- };
829
829
  var Accordion = {
830
830
  "name": "Accordion",
831
831
  "defaultProps": {
@@ -1106,318 +1106,177 @@ var SwitchV2 = {
1106
1106
  "runtimeConfigInternalComponentProps": {},
1107
1107
  "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
1108
1108
  };
1109
- var Radio = {
1110
- "name": "Radio",
1111
- "defaultProps": {
1112
- "labelPosition": "start",
1113
- "variant": "primary",
1114
- "size": "md",
1115
- "value": ""
1116
- },
1117
- "getStylesLiterals": {
1118
- "radioVariantValueRoot": "checked",
1119
- "radioVariantValueRoot:1": "unchecked",
1120
- "display": "flex",
1121
- "flexDirection": "row",
1122
- "flexDirection:1": "row-reverse",
1123
- "alignItems": "center",
1124
- "radioVariantValueRadio": "checked",
1125
- "radioVariantValueRadio:1": "unchecked",
1126
- "radioVariantValueRadioCircle": "checked",
1127
- "radioVariantValueRadioCircle:1": "unchecked"
1128
- },
1129
- "cxLiterals": [
1130
- "cursor-pointer",
1131
- "cursor-default",
1132
- "opacity-50",
1133
- "border",
1134
- "uds-ring",
1135
- "uds-ring-within",
1136
- "transition-[background-color,border-color]",
1137
- "transition-shadow",
1138
- "pointer-events-none",
1139
- "w-[8px]",
1140
- "h-[8px]",
1141
- "transition-opacity",
1142
- "cursor-[inherit]",
1143
- "absolute",
1144
- "opacity-0",
1145
- "top-1/2",
1146
- "left-1/2",
1147
- "w-[calc(100%+2px)]",
1148
- "h-[calc(100%+2px)]",
1149
- "transform",
1150
- "translate-x-[-50%]",
1151
- "translate-y-[-50%]",
1152
- "text-start",
1153
- "text-end"
1154
- ],
1155
- "internalComponents": [
1156
- "Box",
1157
- "FormLabel",
1158
- "SpringMotionConfig",
1159
- "RootElement",
1160
- "MotionBox"
1161
- ],
1162
- "internalComponentProps": {
1163
- "Box": { "borderRadius": ["full"] },
1164
- "FormLabel": {
1165
- "as": ["div"],
1166
- "variant": ["inherit"],
1167
- "color": ["inherit"]
1168
- },
1169
- "RootElement": { "data-testid": ["container"] },
1170
- "MotionBox": {
1171
- "position": ["relative"],
1172
- "borderRadius": ["full"],
1173
- "alignItems": ["center"],
1174
- "justifyContent": ["center"],
1175
- "flex": ["none"]
1176
- }
1177
- },
1178
- "propToVariantKeys": {
1179
- "size": ["radioSizeRoot", "radioSizeRadio"],
1180
- "variant": [
1181
- "radioVariantRoot",
1182
- "radioVariantRadio",
1183
- "radioVariantRadioCircle"
1184
- ],
1185
- "reduceMotion": ["reducedMotion"]
1186
- },
1187
- "runtimeConfigDefaultProps": {},
1188
- "runtimeConfigGetStyles": {},
1189
- "runtimeConfigInternalComponentProps": {},
1190
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1191
- };
1192
- var RadioGroupProvider = {
1193
- "name": "RadioGroupProvider",
1109
+ var Avatar = {
1110
+ "name": "Avatar",
1194
1111
  "defaultProps": {},
1195
1112
  "getStylesLiterals": {},
1196
1113
  "cxLiterals": [],
1197
- "internalComponents": [
1198
- "DivProps",
1199
- "Comp",
1200
- "RadioGroupContext.Provider"
1201
- ],
1202
- "internalComponentProps": { "Comp": { "role": ["radiogroup"] } },
1114
+ "internalComponents": ["AvatarImage"],
1115
+ "internalComponentProps": {},
1203
1116
  "propToVariantKeys": {},
1204
1117
  "runtimeConfigDefaultProps": {},
1205
1118
  "runtimeConfigGetStyles": {},
1206
1119
  "runtimeConfigInternalComponentProps": {},
1207
1120
  "motionVarPrefixes": []
1208
1121
  };
1209
- var RadioGroupStore = {
1210
- "name": "RadioGroupStore",
1211
- "defaultProps": {},
1122
+ var AvatarIcon = {
1123
+ "name": "AvatarIcon",
1124
+ "defaultProps": {
1125
+ "size": "md",
1126
+ "variant": "primary"
1127
+ },
1212
1128
  "getStylesLiterals": {},
1213
- "cxLiterals": [],
1214
- "internalComponents": [],
1129
+ "cxLiterals": [
1130
+ "overflow-hidden",
1131
+ "w-full",
1132
+ "h-full",
1133
+ "shrink-0",
1134
+ "text-center",
1135
+ "inline-flex",
1136
+ "justify-center",
1137
+ "items-center"
1138
+ ],
1139
+ "internalComponents": ["IconSlot", "Box"],
1215
1140
  "internalComponentProps": {},
1216
- "propToVariantKeys": {},
1141
+ "propToVariantKeys": { "size": ["avatarSizeIcon"] },
1217
1142
  "runtimeConfigDefaultProps": {},
1218
1143
  "runtimeConfigGetStyles": {},
1219
1144
  "runtimeConfigInternalComponentProps": {},
1220
1145
  "motionVarPrefixes": []
1221
1146
  };
1222
- var Popover = {
1223
- "name": "Popover",
1224
- "defaultProps": {},
1147
+ var AvatarImage = {
1148
+ "name": "AvatarImage",
1149
+ "defaultProps": {
1150
+ "size": "md",
1151
+ "variant": "primary"
1152
+ },
1225
1153
  "getStylesLiterals": {},
1226
- "cxLiterals": [],
1227
- "internalComponents": ["PopoverInternalContext.Provider", "PopoverProvider"],
1228
- "internalComponentProps": {},
1229
- "propToVariantKeys": {},
1230
- "runtimeConfigDefaultProps": {
1231
- "size": "popover.defaultSize",
1232
- "variant": "popover.defaultVariant"
1233
- },
1234
- "runtimeConfigGetStyles": {},
1235
- "runtimeConfigInternalComponentProps": {},
1236
- "motionVarPrefixes": []
1237
- };
1238
- var PopoverContent = {
1239
- "name": "PopoverContent",
1240
- "defaultProps": {},
1241
- "getStylesLiterals": {
1242
- "popoverSizeRoot": "default",
1243
- "popoverVariantRoot": "default",
1244
- "display": "flex",
1245
- "position": "relative",
1246
- "display:1": "block",
1247
- "spacingTop": "0",
1248
- "spacingStart": "0",
1249
- "spacingBottom": "0",
1250
- "spacingEnd": "0",
1251
- "popoverSizeSvgBase": "default",
1252
- "popoverVariantSvgBase": "default",
1253
- "popoverSizeSvgBorder": "default",
1254
- "popoverVariantSvgBorder": "default",
1255
- "popoverVariantBlur": "default",
1256
- "position:1": "absolute",
1257
- "width": "full",
1258
- "height": "full",
1259
- "flexShrink": "0",
1260
- "borderRadius": "full",
1261
- "alignItems": "center",
1262
- "justifyContent": "center",
1263
- "popoverVariantCloseIcon": "default",
1264
- "popoverSizeCloseIcon": "default"
1265
- },
1266
1154
  "cxLiterals": [
1267
- "z-[9999]",
1268
- "outline-none",
1269
- "focus-visible:outline-none",
1270
- "uds-bgBlurFillFallback",
1271
- "uds-bgBlurFallback",
1272
- "top-0",
1273
- "left-0",
1274
- "z-[1]",
1275
- "duration-0",
1276
- "duration-120",
1277
- "transition-[background-color]",
1278
- "bg-carbon-15/0",
1279
- "hover:bg-carbon-15/10",
1280
- "active:bg-carbon-15/15",
1281
- "uds-ring",
1282
- "absolute",
1283
- "z-[4]"
1155
+ "overflow-hidden",
1156
+ "w-full",
1157
+ "h-full",
1158
+ "shrink-0",
1159
+ "text-center",
1160
+ "inline-flex",
1161
+ "justify-center",
1162
+ "items-center",
1163
+ "object-cover"
1284
1164
  ],
1285
1165
  "internalComponents": [
1286
- "PopoverDismiss",
1287
- "IconSlot",
1288
- "PopoverArrow",
1289
- "Popover",
1290
- "SvgFloatingOverlay",
1291
- "Box",
1292
- "Pressable"
1166
+ "UDSImage",
1167
+ "AvatarText",
1168
+ "AvatarIcon",
1169
+ "Box"
1293
1170
  ],
1294
1171
  "internalComponentProps": {},
1295
- "propToVariantKeys": { "closeIcon": ["icon"] },
1296
- "runtimeConfigDefaultProps": {
1297
- "size": "popover.defaultSize",
1298
- "variant": "popover.defaultVariant"
1299
- },
1300
- "runtimeConfigGetStyles": {
1301
- "spacingTop": ["popover.spacingVertical.${size}"],
1302
- "spacingStart": ["popover.spacingHorizontal.${size}"],
1303
- "spacingBottom": ["popover.spacingVertical.${size}"],
1304
- "spacingEnd": ["popover.spacingHorizontal.${size}"]
1172
+ "propToVariantKeys": {
1173
+ "alt": ["name"],
1174
+ "fallback": ["initials"]
1305
1175
  },
1306
- "runtimeConfigInternalComponentProps": { "SvgFloatingOverlay": { "borderRadius": ["popover.borderRadius.${size}"] } },
1307
- "motionVarPrefixes": []
1308
- };
1309
- var PopoverContext = {
1310
- "name": "PopoverContext",
1311
- "defaultProps": {},
1312
- "getStylesLiterals": {},
1313
- "cxLiterals": [],
1314
- "internalComponents": [],
1315
- "internalComponentProps": {},
1316
- "propToVariantKeys": {},
1317
- "runtimeConfigDefaultProps": {},
1318
- "runtimeConfigGetStyles": {},
1319
- "runtimeConfigInternalComponentProps": {},
1320
- "motionVarPrefixes": []
1321
- };
1322
- var PopoverTrigger = {
1323
- "name": "PopoverTrigger",
1324
- "defaultProps": {},
1325
- "getStylesLiterals": {},
1326
- "cxLiterals": [],
1327
- "internalComponents": ["PopoverDisclosure"],
1328
- "internalComponentProps": { "PopoverDisclosure": { "className": ["inline"] } },
1329
- "propToVariantKeys": { "children": ["render"] },
1330
1176
  "runtimeConfigDefaultProps": {},
1331
1177
  "runtimeConfigGetStyles": {},
1332
1178
  "runtimeConfigInternalComponentProps": {},
1333
1179
  "motionVarPrefixes": []
1334
1180
  };
1335
- var UDSPopoverConfigProvider = {
1336
- "name": "UDSPopoverConfigProvider",
1337
- "defaultProps": {},
1181
+ var AvatarText = {
1182
+ "name": "AvatarText",
1183
+ "defaultProps": {
1184
+ "size": "md",
1185
+ "variant": "primary"
1186
+ },
1338
1187
  "getStylesLiterals": {},
1339
- "cxLiterals": [],
1340
- "internalComponents": ["PopoverContext.Provider"],
1341
- "internalComponentProps": {},
1188
+ "cxLiterals": [
1189
+ "overflow-hidden",
1190
+ "truncate",
1191
+ "w-full",
1192
+ "h-full",
1193
+ "shrink-0",
1194
+ "text-center",
1195
+ "inline-flex",
1196
+ "justify-center",
1197
+ "items-center"
1198
+ ],
1199
+ "internalComponents": ["Box", "Text"],
1200
+ "internalComponentProps": { "Text": {
1201
+ "color": ["inherit"],
1202
+ "variant": ["inherit"]
1203
+ } },
1342
1204
  "propToVariantKeys": {},
1343
1205
  "runtimeConfigDefaultProps": {},
1344
1206
  "runtimeConfigGetStyles": {},
1345
1207
  "runtimeConfigInternalComponentProps": {},
1346
1208
  "motionVarPrefixes": []
1347
1209
  };
1348
- var Menu_Content = {
1349
- "name": "Menu.Content",
1350
- "defaultProps": {
1351
- "size": "default",
1352
- "variant": "default",
1353
- "gutter": "1"
1354
- },
1210
+ var BottomSheet = {
1211
+ "name": "BottomSheet",
1212
+ "defaultProps": { "variant": "default" },
1355
1213
  "getStylesLiterals": {},
1356
1214
  "cxLiterals": [
1357
- "uds-menu-content",
1358
- "transition-shadow",
1359
- "duration-200",
1360
- "ease-in-out",
1361
- "min-w-60",
1362
- "max-w-lg",
1363
- "max-h-96",
1364
- "overflow-auto",
1365
- "uds-ring",
1366
- "z-10",
1367
- "group"
1215
+ "fixed",
1216
+ "overflow-hidden",
1217
+ "inset-x-0",
1218
+ "bottom-0",
1219
+ "z-50",
1220
+ "[will-change:transform]",
1221
+ "touch-none",
1222
+ "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
1223
+ "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
1224
+ "transition-transform",
1225
+ "duration-500",
1226
+ "ease-[cubic-bezier(0.32,0.72,0,1)]",
1227
+ "motion-reduce:transition-none",
1228
+ "top-[-4px]",
1229
+ "z-[1]",
1230
+ "touch-pan-y"
1368
1231
  ],
1369
1232
  "internalComponents": [
1370
- "AriakitMenu",
1371
- "AnimatePresence",
1372
- "MotionVStack"
1233
+ "Scrim",
1234
+ "BottomSheetHandle",
1235
+ "Dialog",
1236
+ "Box",
1237
+ "BottomSheetInternalContext.Provider"
1373
1238
  ],
1374
- "internalComponentProps": {},
1375
- "propToVariantKeys": {
1376
- "size": ["menucontentSizeRoot"],
1377
- "variant": ["menucontentVariantRoot"]
1239
+ "internalComponentProps": {
1240
+ "BottomSheetHandle": { "ariaLabel": ["Resize sheet"] },
1241
+ "Dialog": { "data-testid": ["bottom-sheet"] },
1242
+ "Box": {
1243
+ "display": ["block", "flex"],
1244
+ "position": ["absolute"],
1245
+ "flexDirection": ["column"],
1246
+ "className": ["absolute inset-0 min-h-0 p-[inherit]"]
1247
+ }
1378
1248
  },
1249
+ "propToVariantKeys": { "variant": ["bottomsheetVariantRoot"] },
1379
1250
  "runtimeConfigDefaultProps": {},
1380
1251
  "runtimeConfigGetStyles": {},
1381
1252
  "runtimeConfigInternalComponentProps": {},
1382
1253
  "motionVarPrefixes": []
1383
1254
  };
1384
- var Menu_Divider = {
1385
- "name": "Menu.Divider",
1386
- "defaultProps": {
1387
- "role": "separator",
1388
- "contentPosition": "start",
1389
- "gap": "4"
1390
- },
1391
- "getStylesLiterals": {
1392
- "menuitemDividerVariantRoot": "default",
1393
- "menuitemDividerVariantText": "default",
1394
- "menuitemDividerVariantLine": "default"
1255
+ var BottomSheetContent = {
1256
+ "name": "BottomSheetContent",
1257
+ "defaultProps": {},
1258
+ "getStylesLiterals": {},
1259
+ "cxLiterals": ["min-h-0", "touch-pan-y"],
1260
+ "internalComponents": ["Box", "VStack"],
1261
+ "internalComponentProps": {
1262
+ "Box": {
1263
+ "display": ["block"],
1264
+ "flex": ["1"]
1265
+ },
1266
+ "VStack": { "className": ["pb-[calc(env(safe-area-inset-bottom))]"] }
1395
1267
  },
1396
- "cxLiterals": [],
1397
- "internalComponents": ["DividerInternal"],
1398
- "internalComponentProps": { "DividerInternal": { "variant": ["inherit"] } },
1399
1268
  "propToVariantKeys": {},
1400
1269
  "runtimeConfigDefaultProps": {},
1401
1270
  "runtimeConfigGetStyles": {},
1402
1271
  "runtimeConfigInternalComponentProps": {},
1403
1272
  "motionVarPrefixes": []
1404
1273
  };
1405
- var Menu_Item = {
1406
- "name": "Menu.Item",
1274
+ var BottomSheetDismiss = {
1275
+ "name": "BottomSheetDismiss",
1407
1276
  "defaultProps": {},
1408
- "getStylesLiterals": {
1409
- "menuitemItemVariantRoot": "default",
1410
- "menuitemItemVariantActiveRoot": "on",
1411
- "menuitemItemVariantActiveRoot:1": "off",
1412
- "menuitemItemVariantText": "default",
1413
- "menuitemItemVariantActiveText": "on",
1414
- "menuitemItemVariantActiveText:1": "off",
1415
- "menuitemItemVariantIcon": "default",
1416
- "menuitemItemVariantActiveIcon": "on",
1417
- "menuitemItemVariantActiveIcon:1": "off"
1418
- },
1277
+ "getStylesLiterals": {},
1419
1278
  "cxLiterals": [],
1420
- "internalComponents": ["MenuItemBase"],
1279
+ "internalComponents": ["AriakitDialogDismiss"],
1421
1280
  "internalComponentProps": {},
1422
1281
  "propToVariantKeys": {},
1423
1282
  "runtimeConfigDefaultProps": {},
@@ -1425,85 +1284,74 @@ var Menu_Item = {
1425
1284
  "runtimeConfigInternalComponentProps": {},
1426
1285
  "motionVarPrefixes": []
1427
1286
  };
1428
- var Menu_ItemBase = {
1429
- "name": "Menu.ItemBase",
1430
- "defaultProps": {
1431
- "spacing": "0",
1432
- "spacingHorizontal": "4",
1433
- "spacingVertical": "3.5",
1434
- "columnGap": "2",
1435
- "alignItems": "center",
1436
- "justifyContent": "space-between"
1437
- },
1438
- "getStylesLiterals": {
1439
- "textAlign": "start",
1440
- "menuitemSizeRoot": "default",
1441
- "flexDirection": "row",
1442
- "menuitemSizeStartIcon": "default",
1443
- "menuitemSizeEndIcon": "default"
1444
- },
1287
+ var BottomSheetHandle = {
1288
+ "name": "BottomSheetHandle",
1289
+ "defaultProps": { "variant": "default" },
1290
+ "getStylesLiterals": {},
1445
1291
  "cxLiterals": [
1446
- "flex",
1447
- "focus-visible:text-brand",
1448
- "focus-visible:bg-brand-secondary",
1449
- "focus-visible:z-10",
1450
- "uds-ring",
1451
- "!-outline-offset-2",
1452
- "[&:not([aria-checked])]:cursor-default",
1453
- "opacity-25",
1454
- "cursor-not-allowed",
1455
- "duration-20",
1456
- "transition-[font-variation-settings]",
1457
- "ease-in-out",
1458
- "z-0",
1459
- "uds-start-icon",
1460
- "uds-end-icon"
1292
+ "relative",
1293
+ "h-5",
1294
+ "w-16",
1295
+ "outline-none",
1296
+ "focus-visible:outline-none",
1297
+ "[touch-action:pan-y]",
1298
+ "absolute",
1299
+ "left-1/2",
1300
+ "top-1/2",
1301
+ "-translate-x-1/2",
1302
+ "-translate-y-1/2",
1303
+ "h-1",
1304
+ "w-8",
1305
+ "rounded-full"
1461
1306
  ],
1462
- "internalComponents": [
1463
- "Pressable",
1464
- "IconSlot",
1465
- "RootComponent",
1466
- "HStack",
1467
- "AnimatePresence"
1307
+ "internalComponents": ["Box"],
1308
+ "internalComponentProps": { "Box": {
1309
+ "display": ["block", "flex"],
1310
+ "justifyContent": ["center"]
1311
+ } },
1312
+ "propToVariantKeys": { "variant": ["bottomsheetVariantHandleIndicator"] },
1313
+ "runtimeConfigDefaultProps": {},
1314
+ "runtimeConfigGetStyles": {},
1315
+ "runtimeConfigInternalComponentProps": {},
1316
+ "motionVarPrefixes": []
1317
+ };
1318
+ var BottomSheetHeader = {
1319
+ "name": "BottomSheetHeader",
1320
+ "defaultProps": { "variant": "default" },
1321
+ "getStylesLiterals": {},
1322
+ "cxLiterals": [
1323
+ "grid-cols-[40px_1fr_40px]",
1324
+ "items-center",
1325
+ "w-full",
1326
+ "min-h-10",
1327
+ "mt-2"
1468
1328
  ],
1329
+ "internalComponents": ["Box", "Text"],
1469
1330
  "internalComponentProps": {
1470
- "HStack": {
1471
- "alignItems": ["center"],
1472
- "width": ["full"]
1331
+ "Box": {
1332
+ "className": ["h-10 w-10 opacity-0 pointer-events-none"],
1333
+ "display": ["grid", "flex"],
1334
+ "justifyContent": ["flex-start", "flex-end"]
1473
1335
  },
1474
- "AnimatePresence": { "mode": ["popLayout"] }
1475
- },
1476
- "propToVariantKeys": {
1477
- "startIconClassName": ["className"],
1478
- "endIconClassName": ["className"],
1479
- "startIcon": ["icon"],
1480
- "endIcon": ["icon"],
1481
- "columnGap": ["gap"]
1336
+ "Text": {
1337
+ "variant": ["inherit"],
1338
+ "color": ["inherit"],
1339
+ "textAlign": ["center"],
1340
+ "className": ["w-full"]
1341
+ }
1482
1342
  },
1343
+ "propToVariantKeys": { "variant": ["bottomsheetVariantHeader"] },
1483
1344
  "runtimeConfigDefaultProps": {},
1484
1345
  "runtimeConfigGetStyles": {},
1485
1346
  "runtimeConfigInternalComponentProps": {},
1486
1347
  "motionVarPrefixes": []
1487
1348
  };
1488
- var Menu_ItemCheckbox = {
1489
- "name": "Menu.ItemCheckbox",
1349
+ var BottomSheetInternalContext = {
1350
+ "name": "BottomSheetInternalContext",
1490
1351
  "defaultProps": {},
1491
- "getStylesLiterals": {
1492
- "menuitemItemCheckboxVariantRoot": "default",
1493
- "menuitemItemCheckboxVariantActiveRoot": "on",
1494
- "menuitemItemCheckboxVariantActiveRoot:1": "off",
1495
- "menuitemItemCheckboxVariantText": "default",
1496
- "menuitemItemCheckboxVariantActiveText": "on",
1497
- "menuitemItemCheckboxVariantActiveText:1": "off",
1498
- "menuitemItemCheckboxVariantStartIcon": "default",
1499
- "menuitemItemCheckboxVariantActiveStartIcon": "on",
1500
- "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
1501
- "menuitemItemCheckboxVariantEndIcon": "default",
1502
- "menuitemItemCheckboxVariantActiveEndIcon": "on",
1503
- "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
1504
- },
1505
- "cxLiterals": ["uds-menu-item-checkbox"],
1506
- "internalComponents": ["MenuItemBase"],
1352
+ "getStylesLiterals": {},
1353
+ "cxLiterals": [],
1354
+ "internalComponents": [],
1507
1355
  "internalComponentProps": {},
1508
1356
  "propToVariantKeys": {},
1509
1357
  "runtimeConfigDefaultProps": {},
@@ -1511,38 +1359,38 @@ var Menu_ItemCheckbox = {
1511
1359
  "runtimeConfigInternalComponentProps": {},
1512
1360
  "motionVarPrefixes": []
1513
1361
  };
1514
- var Menu_Provider = {
1515
- "name": "Menu.Provider",
1362
+ var BottomSheetProvider = {
1363
+ "name": "BottomSheetProvider",
1516
1364
  "defaultProps": {},
1517
1365
  "getStylesLiterals": {},
1518
1366
  "cxLiterals": [],
1519
- "internalComponents": ["AriakitMenuProvider", "SpringMotionConfig"],
1367
+ "internalComponents": ["AriakitDialogProvider"],
1520
1368
  "internalComponentProps": {},
1521
1369
  "propToVariantKeys": {},
1522
1370
  "runtimeConfigDefaultProps": {},
1523
1371
  "runtimeConfigGetStyles": {},
1524
1372
  "runtimeConfigInternalComponentProps": {},
1525
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1373
+ "motionVarPrefixes": []
1526
1374
  };
1527
- var Menu_Trigger = {
1528
- "name": "Menu.Trigger",
1375
+ var BottomSheetTrigger = {
1376
+ "name": "BottomSheetTrigger",
1529
1377
  "defaultProps": {},
1530
1378
  "getStylesLiterals": {},
1531
- "cxLiterals": ["uds-menu-trigger"],
1532
- "internalComponents": ["AriakitMenuTrigger", "Box"],
1533
- "internalComponentProps": { "Box": { "className": ["uds-ring h-fit w-fit"] } },
1379
+ "cxLiterals": [],
1380
+ "internalComponents": ["AriakitDialogDisclosure"],
1381
+ "internalComponentProps": {},
1534
1382
  "propToVariantKeys": {},
1535
1383
  "runtimeConfigDefaultProps": {},
1536
1384
  "runtimeConfigGetStyles": {},
1537
1385
  "runtimeConfigInternalComponentProps": {},
1538
1386
  "motionVarPrefixes": []
1539
1387
  };
1540
- var Menu_index = {
1541
- "name": "Menu.index",
1388
+ var UDSBottomSheetConfigProvider = {
1389
+ "name": "UDSBottomSheetConfigProvider",
1542
1390
  "defaultProps": {},
1543
1391
  "getStylesLiterals": {},
1544
1392
  "cxLiterals": [],
1545
- "internalComponents": [],
1393
+ "internalComponents": ["BottomSheetContext.Provider"],
1546
1394
  "internalComponentProps": {},
1547
1395
  "propToVariantKeys": {},
1548
1396
  "runtimeConfigDefaultProps": {},
@@ -1550,12 +1398,17 @@ var Menu_index = {
1550
1398
  "runtimeConfigInternalComponentProps": {},
1551
1399
  "motionVarPrefixes": []
1552
1400
  };
1553
- var Menu = {
1554
- "name": "Menu",
1401
+ var Chip = {
1402
+ "name": "Chip",
1555
1403
  "defaultProps": {},
1556
1404
  "getStylesLiterals": {},
1557
1405
  "cxLiterals": [],
1558
- "internalComponents": [],
1406
+ "internalComponents": [
1407
+ "ChipDismissible",
1408
+ "ChipToggle",
1409
+ "ChipLink",
1410
+ "ChipButton"
1411
+ ],
1559
1412
  "internalComponentProps": {},
1560
1413
  "propToVariantKeys": {},
1561
1414
  "runtimeConfigDefaultProps": {},
@@ -1563,177 +1416,339 @@ var Menu = {
1563
1416
  "runtimeConfigInternalComponentProps": {},
1564
1417
  "motionVarPrefixes": []
1565
1418
  };
1566
- var BottomSheet = {
1567
- "name": "BottomSheet",
1568
- "defaultProps": { "variant": "default" },
1419
+ var ChipBase = {
1420
+ "name": "ChipBase",
1421
+ "defaultProps": {
1422
+ "size": "md",
1423
+ "as": "div"
1424
+ },
1569
1425
  "getStylesLiterals": {},
1570
1426
  "cxLiterals": [
1571
- "fixed",
1572
- "overflow-hidden",
1573
- "inset-x-0",
1574
- "bottom-0",
1575
- "z-50",
1576
- "[will-change:transform]",
1577
- "touch-none",
1578
- "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
1579
- "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
1580
- "transition-transform",
1581
- "duration-500",
1582
- "ease-[cubic-bezier(0.32,0.72,0,1)]",
1583
- "motion-reduce:transition-none",
1584
- "top-[-4px]",
1585
- "z-[1]",
1586
- "touch-pan-y"
1427
+ "pointer-events-none",
1428
+ "cursor-default",
1429
+ "opacity-50",
1430
+ "inline-flex",
1431
+ "items-center",
1432
+ "transition-[background-color,outline-color,box-shadow]",
1433
+ "truncate",
1434
+ "whitespace-nowrap",
1435
+ "text-center",
1436
+ "flex-1"
1587
1437
  ],
1588
1438
  "internalComponents": [
1589
- "Scrim",
1590
- "BottomSheetHandle",
1591
- "Dialog",
1592
- "Box",
1593
- "BottomSheetInternalContext.Provider"
1439
+ "IconSlot",
1440
+ "HStack",
1441
+ "As",
1442
+ "Text"
1594
1443
  ],
1595
- "internalComponentProps": {
1596
- "BottomSheetHandle": { "ariaLabel": ["Resize sheet"] },
1597
- "Dialog": { "data-testid": ["bottom-sheet"] },
1598
- "Box": {
1599
- "display": ["block", "flex"],
1600
- "position": ["absolute"],
1601
- "flexDirection": ["column"],
1602
- "className": ["absolute inset-0 min-h-0 p-[inherit]"]
1603
- }
1444
+ "internalComponentProps": { "Text": {
1445
+ "as": ["span"],
1446
+ "color": ["current"],
1447
+ "variant": ["inherit"]
1448
+ } },
1449
+ "propToVariantKeys": {
1450
+ "size": ["chipSizeRoot", "chipSizeIcon"],
1451
+ "startIcon": ["icon"],
1452
+ "endIcon": ["icon"]
1604
1453
  },
1605
- "propToVariantKeys": { "variant": ["bottomsheetVariantRoot"] },
1606
1454
  "runtimeConfigDefaultProps": {},
1607
1455
  "runtimeConfigGetStyles": {},
1608
1456
  "runtimeConfigInternalComponentProps": {},
1609
1457
  "motionVarPrefixes": []
1610
1458
  };
1611
- var BottomSheetContent = {
1612
- "name": "BottomSheetContent",
1613
- "defaultProps": {},
1459
+ var ChipButton = {
1460
+ "name": "ChipButton",
1461
+ "defaultProps": { "variant": "primary" },
1614
1462
  "getStylesLiterals": {},
1615
- "cxLiterals": ["min-h-0", "touch-pan-y"],
1616
- "internalComponents": ["Box", "VStack"],
1617
- "internalComponentProps": {
1618
- "Box": {
1619
- "display": ["block"],
1620
- "flex": ["1"]
1621
- },
1622
- "VStack": { "className": ["pb-[calc(env(safe-area-inset-bottom))]"] }
1623
- },
1624
- "propToVariantKeys": {},
1463
+ "cxLiterals": ["uds-ring"],
1464
+ "internalComponents": ["ChipBase"],
1465
+ "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1466
+ "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1625
1467
  "runtimeConfigDefaultProps": {},
1626
1468
  "runtimeConfigGetStyles": {},
1627
1469
  "runtimeConfigInternalComponentProps": {},
1628
1470
  "motionVarPrefixes": []
1629
1471
  };
1630
- var BottomSheetDismiss = {
1631
- "name": "BottomSheetDismiss",
1632
- "defaultProps": {},
1472
+ var ChipDismissible = {
1473
+ "name": "ChipDismissible",
1474
+ "defaultProps": { "variant": "primary" },
1633
1475
  "getStylesLiterals": {},
1634
- "cxLiterals": [],
1635
- "internalComponents": ["AriakitDialogDismiss"],
1476
+ "cxLiterals": [
1477
+ "uds-chip-dismissible-button",
1478
+ "uds-hit-target",
1479
+ "uds-ring",
1480
+ "rounded-full"
1481
+ ],
1482
+ "internalComponents": [
1483
+ "ChipBase",
1484
+ "IconSlot",
1485
+ "Pressable"
1486
+ ],
1636
1487
  "internalComponentProps": {},
1637
- "propToVariantKeys": {},
1488
+ "propToVariantKeys": {
1489
+ "variant": ["chipDismissibleVariantRoot", "chipDismissibleVariantIcon"],
1490
+ "dismissButtonAriaLabel": ["aria-label"]
1491
+ },
1638
1492
  "runtimeConfigDefaultProps": {},
1639
1493
  "runtimeConfigGetStyles": {},
1640
1494
  "runtimeConfigInternalComponentProps": {},
1641
1495
  "motionVarPrefixes": []
1642
1496
  };
1643
- var BottomSheetHandle = {
1644
- "name": "BottomSheetHandle",
1645
- "defaultProps": { "variant": "default" },
1497
+ var ChipLink = {
1498
+ "name": "ChipLink",
1499
+ "defaultProps": { "variant": "primary" },
1646
1500
  "getStylesLiterals": {},
1647
- "cxLiterals": [
1648
- "relative",
1649
- "h-5",
1650
- "w-16",
1651
- "outline-none",
1652
- "focus-visible:outline-none",
1653
- "[touch-action:pan-y]",
1654
- "absolute",
1655
- "left-1/2",
1656
- "top-1/2",
1657
- "-translate-x-1/2",
1658
- "-translate-y-1/2",
1659
- "h-1",
1660
- "w-8",
1661
- "rounded-full"
1662
- ],
1663
- "internalComponents": ["Box"],
1664
- "internalComponentProps": { "Box": {
1665
- "display": ["block", "flex"],
1666
- "justifyContent": ["center"]
1667
- } },
1668
- "propToVariantKeys": { "variant": ["bottomsheetVariantHandleIndicator"] },
1501
+ "cxLiterals": ["uds-ring"],
1502
+ "internalComponents": ["ChipBase"],
1503
+ "internalComponentProps": { "ChipBase": { "as": ["a"] } },
1504
+ "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1669
1505
  "runtimeConfigDefaultProps": {},
1670
1506
  "runtimeConfigGetStyles": {},
1671
1507
  "runtimeConfigInternalComponentProps": {},
1672
1508
  "motionVarPrefixes": []
1673
1509
  };
1674
- var BottomSheetHeader = {
1675
- "name": "BottomSheetHeader",
1676
- "defaultProps": { "variant": "default" },
1677
- "getStylesLiterals": {},
1510
+ var ChipToggle = {
1511
+ "name": "ChipToggle",
1512
+ "defaultProps": {
1513
+ "variant": "primary",
1514
+ "role": "checkbox"
1515
+ },
1516
+ "getStylesLiterals": {
1517
+ "chipToggleVariantActiveRoot": "on",
1518
+ "chipToggleVariantActiveRoot:1": "off"
1519
+ },
1520
+ "cxLiterals": ["uds-ring"],
1521
+ "internalComponents": ["ChipBase"],
1522
+ "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1523
+ "propToVariantKeys": { "variant": ["chipToggleVariantRoot", "chipToggleVariantIcon"] },
1524
+ "runtimeConfigDefaultProps": {},
1525
+ "runtimeConfigGetStyles": {},
1526
+ "runtimeConfigInternalComponentProps": {},
1527
+ "motionVarPrefixes": []
1528
+ };
1529
+ var Input = {
1530
+ "name": "Input",
1531
+ "defaultProps": {
1532
+ "type": "text",
1533
+ "size": "md",
1534
+ "width": "full"
1535
+ },
1536
+ "getStylesLiterals": {
1537
+ "inputVariantRoot": "default",
1538
+ "inputVariantValueRoot": "empty",
1539
+ "inputVariantValueRoot:1": "filled",
1540
+ "inputVariantInputWrapper": "default",
1541
+ "inputVariantValueInputWrapper": "empty",
1542
+ "inputVariantValueInputWrapper:1": "filled",
1543
+ "inputVariantInput": "default",
1544
+ "inputVariantValueInput": "empty",
1545
+ "inputVariantValueInput:1": "filled",
1546
+ "inputVariantInputPlaceholder": "default",
1547
+ "inputVariantValueInputPlaceholder": "empty",
1548
+ "inputVariantValueInputPlaceholder:1": "filled",
1549
+ "inputVariantLabel": "default",
1550
+ "inputVariantValueLabel": "empty",
1551
+ "inputVariantValueLabel:1": "filled",
1552
+ "inputVariantLabelRequired": "default",
1553
+ "inputVariantValueLabelRequired": "empty",
1554
+ "inputVariantValueLabelRequired:1": "filled",
1555
+ "inputVariantStartIcon": "default",
1556
+ "inputVariantValueStartIcon": "empty",
1557
+ "inputVariantValueStartIcon:1": "filled",
1558
+ "inputVariantEndIcon": "default",
1559
+ "inputVariantValueEndIcon": "empty",
1560
+ "inputVariantValueEndIcon:1": "filled"
1561
+ },
1678
1562
  "cxLiterals": [
1679
- "grid-cols-[40px_1fr_40px]",
1680
- "items-center",
1681
- "w-full",
1682
- "min-h-10",
1683
- "mt-2"
1563
+ "opacity-50",
1564
+ "min-w-[200px]",
1565
+ "grow",
1566
+ "uds-hit-target",
1567
+ "bg-clip-text",
1568
+ "focus:outline-none",
1569
+ "cursor-text",
1570
+ "cursor-not-allowed"
1571
+ ],
1572
+ "internalComponents": [
1573
+ "IconSlot",
1574
+ "StartIcon",
1575
+ "EndIcon",
1576
+ "HelpTextContent",
1577
+ "Box",
1578
+ "InputHelpTextInternal",
1579
+ "VStack",
1580
+ "HStack",
1581
+ "AnimateHeightChange"
1684
1582
  ],
1685
- "internalComponents": ["Box", "Text"],
1686
1583
  "internalComponentProps": {
1584
+ "HelpTextContent": { "spacingTop": ["2"] },
1687
1585
  "Box": {
1688
- "className": ["h-10 w-10 opacity-0 pointer-events-none"],
1689
- "display": ["grid", "flex"],
1690
- "justifyContent": ["flex-start", "flex-end"]
1586
+ "spacingBottom": ["2"],
1587
+ "columnGap": ["0.5"],
1588
+ "alignItems": ["flex-end", "center"],
1589
+ "position": ["relative"]
1691
1590
  },
1692
- "Text": {
1693
- "variant": ["inherit"],
1694
- "color": ["inherit"],
1695
- "textAlign": ["center"],
1696
- "className": ["w-full"]
1591
+ "HStack": {
1592
+ "alignItems": ["center"],
1593
+ "gap": ["1"]
1697
1594
  }
1698
1595
  },
1699
- "propToVariantKeys": { "variant": ["bottomsheetVariantHeader"] },
1596
+ "propToVariantKeys": {
1597
+ "size": [
1598
+ "inputSizeRoot",
1599
+ "inputSizeInputWrapper",
1600
+ "inputSizeInput",
1601
+ "inputSizeLabel",
1602
+ "inputSizeStartIcon",
1603
+ "inputSizeEndIcon"
1604
+ ],
1605
+ "startIcon": ["icon"],
1606
+ "endIcon": ["icon"],
1607
+ "slotProps": ["helperTextSlotProps"],
1608
+ "helperTextIcon": ["startIcon"]
1609
+ },
1700
1610
  "runtimeConfigDefaultProps": {},
1701
1611
  "runtimeConfigGetStyles": {},
1702
1612
  "runtimeConfigInternalComponentProps": {},
1703
1613
  "motionVarPrefixes": []
1704
1614
  };
1705
- var BottomSheetInternalContext = {
1706
- "name": "BottomSheetInternalContext",
1615
+ var InputHelpText = {
1616
+ "name": "InputHelpText",
1617
+ "defaultProps": { "size": "md" },
1618
+ "getStylesLiterals": {
1619
+ "inputVariantRoot": "default",
1620
+ "inputVariantValueRoot": "empty",
1621
+ "inputVariantValueRoot:1": "filled"
1622
+ },
1623
+ "cxLiterals": [],
1624
+ "internalComponents": ["InputHelpTextInternal", "Box"],
1625
+ "internalComponentProps": { "Box": { "spacingTop": ["2"] } },
1626
+ "propToVariantKeys": { "size": ["inputSizeRoot"] },
1627
+ "runtimeConfigDefaultProps": {},
1628
+ "runtimeConfigGetStyles": {},
1629
+ "runtimeConfigInternalComponentProps": {},
1630
+ "motionVarPrefixes": []
1631
+ };
1632
+ var InputHelpTextInternal = {
1633
+ "name": "InputHelpTextInternal",
1707
1634
  "defaultProps": {},
1708
- "getStylesLiterals": {},
1635
+ "getStylesLiterals": {
1636
+ "inputVariantHelperText": "default",
1637
+ "inputVariantValueHelperText": "empty",
1638
+ "inputVariantValueHelperText:1": "filled",
1639
+ "inputVariantHelperIcon": "default",
1640
+ "inputVariantValueHelperIcon": "empty",
1641
+ "inputVariantValueHelperIcon:1": "filled"
1642
+ },
1709
1643
  "cxLiterals": [],
1710
- "internalComponents": [],
1711
- "internalComponentProps": {},
1712
- "propToVariantKeys": {},
1644
+ "internalComponents": ["IconSlot", "HStack"],
1645
+ "internalComponentProps": { "HStack": {
1646
+ "gap": ["1"],
1647
+ "alignItems": ["center"]
1648
+ } },
1649
+ "propToVariantKeys": {
1650
+ "size": ["inputSizeHelperText", "inputSizeHelperIcon"],
1651
+ "startIcon": ["icon"],
1652
+ "endIcon": ["icon"]
1653
+ },
1713
1654
  "runtimeConfigDefaultProps": {},
1714
1655
  "runtimeConfigGetStyles": {},
1715
1656
  "runtimeConfigInternalComponentProps": {},
1716
1657
  "motionVarPrefixes": []
1717
1658
  };
1718
- var BottomSheetProvider = {
1719
- "name": "BottomSheetProvider",
1659
+ var Popover = {
1660
+ "name": "Popover",
1720
1661
  "defaultProps": {},
1721
1662
  "getStylesLiterals": {},
1722
1663
  "cxLiterals": [],
1723
- "internalComponents": ["AriakitDialogProvider"],
1664
+ "internalComponents": ["PopoverInternalContext.Provider", "PopoverProvider"],
1665
+ "internalComponentProps": {},
1666
+ "propToVariantKeys": {},
1667
+ "runtimeConfigDefaultProps": {
1668
+ "size": "popover.defaultSize",
1669
+ "variant": "popover.defaultVariant"
1670
+ },
1671
+ "runtimeConfigGetStyles": {},
1672
+ "runtimeConfigInternalComponentProps": {},
1673
+ "motionVarPrefixes": []
1674
+ };
1675
+ var PopoverContent = {
1676
+ "name": "PopoverContent",
1677
+ "defaultProps": {},
1678
+ "getStylesLiterals": {
1679
+ "popoverSizeRoot": "default",
1680
+ "popoverVariantRoot": "default",
1681
+ "display": "flex",
1682
+ "position": "relative",
1683
+ "display:1": "block",
1684
+ "spacingTop": "0",
1685
+ "spacingStart": "0",
1686
+ "spacingBottom": "0",
1687
+ "spacingEnd": "0",
1688
+ "popoverSizeSvgBase": "default",
1689
+ "popoverVariantSvgBase": "default",
1690
+ "popoverSizeSvgBorder": "default",
1691
+ "popoverVariantSvgBorder": "default",
1692
+ "popoverVariantBlur": "default",
1693
+ "position:1": "absolute",
1694
+ "width": "full",
1695
+ "height": "full",
1696
+ "flexShrink": "0",
1697
+ "borderRadius": "full",
1698
+ "alignItems": "center",
1699
+ "justifyContent": "center",
1700
+ "popoverVariantCloseIcon": "default",
1701
+ "popoverSizeCloseIcon": "default"
1702
+ },
1703
+ "cxLiterals": [
1704
+ "z-[9999]",
1705
+ "outline-none",
1706
+ "focus-visible:outline-none",
1707
+ "uds-bgBlurFillFallback",
1708
+ "uds-bgBlurFallback",
1709
+ "top-0",
1710
+ "left-0",
1711
+ "z-[1]",
1712
+ "duration-0",
1713
+ "duration-120",
1714
+ "transition-[background-color]",
1715
+ "bg-carbon-15/0",
1716
+ "hover:bg-carbon-15/10",
1717
+ "active:bg-carbon-15/15",
1718
+ "uds-ring",
1719
+ "absolute",
1720
+ "z-[4]"
1721
+ ],
1722
+ "internalComponents": [
1723
+ "PopoverDismiss",
1724
+ "IconSlot",
1725
+ "PopoverArrow",
1726
+ "Popover",
1727
+ "SvgFloatingOverlay",
1728
+ "Box",
1729
+ "Pressable"
1730
+ ],
1724
1731
  "internalComponentProps": {},
1725
- "propToVariantKeys": {},
1726
- "runtimeConfigDefaultProps": {},
1727
- "runtimeConfigGetStyles": {},
1728
- "runtimeConfigInternalComponentProps": {},
1732
+ "propToVariantKeys": { "closeIcon": ["icon"] },
1733
+ "runtimeConfigDefaultProps": {
1734
+ "size": "popover.defaultSize",
1735
+ "variant": "popover.defaultVariant"
1736
+ },
1737
+ "runtimeConfigGetStyles": {
1738
+ "spacingTop": ["popover.spacingVertical.${size}"],
1739
+ "spacingStart": ["popover.spacingHorizontal.${size}"],
1740
+ "spacingBottom": ["popover.spacingVertical.${size}"],
1741
+ "spacingEnd": ["popover.spacingHorizontal.${size}"]
1742
+ },
1743
+ "runtimeConfigInternalComponentProps": { "SvgFloatingOverlay": { "borderRadius": ["popover.borderRadius.${size}"] } },
1729
1744
  "motionVarPrefixes": []
1730
1745
  };
1731
- var BottomSheetTrigger = {
1732
- "name": "BottomSheetTrigger",
1746
+ var PopoverContext = {
1747
+ "name": "PopoverContext",
1733
1748
  "defaultProps": {},
1734
1749
  "getStylesLiterals": {},
1735
1750
  "cxLiterals": [],
1736
- "internalComponents": ["AriakitDialogDisclosure"],
1751
+ "internalComponents": [],
1737
1752
  "internalComponentProps": {},
1738
1753
  "propToVariantKeys": {},
1739
1754
  "runtimeConfigDefaultProps": {},
@@ -1741,25 +1756,25 @@ var BottomSheetTrigger = {
1741
1756
  "runtimeConfigInternalComponentProps": {},
1742
1757
  "motionVarPrefixes": []
1743
1758
  };
1744
- var UDSBottomSheetConfigProvider = {
1745
- "name": "UDSBottomSheetConfigProvider",
1759
+ var PopoverTrigger = {
1760
+ "name": "PopoverTrigger",
1746
1761
  "defaultProps": {},
1747
1762
  "getStylesLiterals": {},
1748
1763
  "cxLiterals": [],
1749
- "internalComponents": ["BottomSheetContext.Provider"],
1750
- "internalComponentProps": {},
1751
- "propToVariantKeys": {},
1764
+ "internalComponents": ["PopoverDisclosure"],
1765
+ "internalComponentProps": { "PopoverDisclosure": { "className": ["inline"] } },
1766
+ "propToVariantKeys": { "children": ["render"] },
1752
1767
  "runtimeConfigDefaultProps": {},
1753
1768
  "runtimeConfigGetStyles": {},
1754
1769
  "runtimeConfigInternalComponentProps": {},
1755
1770
  "motionVarPrefixes": []
1756
1771
  };
1757
- var Avatar = {
1758
- "name": "Avatar",
1772
+ var UDSPopoverConfigProvider = {
1773
+ "name": "UDSPopoverConfigProvider",
1759
1774
  "defaultProps": {},
1760
1775
  "getStylesLiterals": {},
1761
1776
  "cxLiterals": [],
1762
- "internalComponents": ["AvatarImage"],
1777
+ "internalComponents": ["PopoverContext.Provider"],
1763
1778
  "internalComponentProps": {},
1764
1779
  "propToVariantKeys": {},
1765
1780
  "runtimeConfigDefaultProps": {},
@@ -1767,347 +1782,332 @@ var Avatar = {
1767
1782
  "runtimeConfigInternalComponentProps": {},
1768
1783
  "motionVarPrefixes": []
1769
1784
  };
1770
- var AvatarIcon = {
1771
- "name": "AvatarIcon",
1785
+ var Menu_Content = {
1786
+ "name": "Menu.Content",
1772
1787
  "defaultProps": {
1773
- "size": "md",
1774
- "variant": "primary"
1788
+ "size": "default",
1789
+ "variant": "default",
1790
+ "gutter": "1"
1775
1791
  },
1776
1792
  "getStylesLiterals": {},
1777
1793
  "cxLiterals": [
1778
- "overflow-hidden",
1779
- "w-full",
1780
- "h-full",
1781
- "shrink-0",
1782
- "text-center",
1783
- "inline-flex",
1784
- "justify-center",
1785
- "items-center"
1794
+ "uds-menu-content",
1795
+ "transition-shadow",
1796
+ "duration-200",
1797
+ "ease-in-out",
1798
+ "min-w-60",
1799
+ "max-w-lg",
1800
+ "max-h-96",
1801
+ "overflow-auto",
1802
+ "uds-ring",
1803
+ "z-10",
1804
+ "group"
1805
+ ],
1806
+ "internalComponents": [
1807
+ "AriakitMenu",
1808
+ "AnimatePresence",
1809
+ "MotionVStack"
1786
1810
  ],
1787
- "internalComponents": ["IconSlot", "Box"],
1788
1811
  "internalComponentProps": {},
1789
- "propToVariantKeys": { "size": ["avatarSizeIcon"] },
1812
+ "propToVariantKeys": {
1813
+ "size": ["menucontentSizeRoot"],
1814
+ "variant": ["menucontentVariantRoot"]
1815
+ },
1790
1816
  "runtimeConfigDefaultProps": {},
1791
1817
  "runtimeConfigGetStyles": {},
1792
1818
  "runtimeConfigInternalComponentProps": {},
1793
1819
  "motionVarPrefixes": []
1794
1820
  };
1795
- var AvatarImage = {
1796
- "name": "AvatarImage",
1821
+ var Menu_Divider = {
1822
+ "name": "Menu.Divider",
1797
1823
  "defaultProps": {
1798
- "size": "md",
1799
- "variant": "primary"
1824
+ "role": "separator",
1825
+ "contentPosition": "start",
1826
+ "gap": "4"
1800
1827
  },
1801
- "getStylesLiterals": {},
1802
- "cxLiterals": [
1803
- "overflow-hidden",
1804
- "w-full",
1805
- "h-full",
1806
- "shrink-0",
1807
- "text-center",
1808
- "inline-flex",
1809
- "justify-center",
1810
- "items-center",
1811
- "object-cover"
1812
- ],
1813
- "internalComponents": [
1814
- "UDSImage",
1815
- "AvatarText",
1816
- "AvatarIcon",
1817
- "Box"
1818
- ],
1819
- "internalComponentProps": {},
1820
- "propToVariantKeys": {
1821
- "alt": ["name"],
1822
- "fallback": ["initials"]
1828
+ "getStylesLiterals": {
1829
+ "menuitemDividerVariantRoot": "default",
1830
+ "menuitemDividerVariantText": "default",
1831
+ "menuitemDividerVariantLine": "default"
1823
1832
  },
1833
+ "cxLiterals": [],
1834
+ "internalComponents": ["DividerInternal"],
1835
+ "internalComponentProps": { "DividerInternal": { "variant": ["inherit"] } },
1836
+ "propToVariantKeys": {},
1824
1837
  "runtimeConfigDefaultProps": {},
1825
1838
  "runtimeConfigGetStyles": {},
1826
1839
  "runtimeConfigInternalComponentProps": {},
1827
1840
  "motionVarPrefixes": []
1828
1841
  };
1829
- var AvatarText = {
1830
- "name": "AvatarText",
1831
- "defaultProps": {
1832
- "size": "md",
1833
- "variant": "primary"
1842
+ var Menu_Item = {
1843
+ "name": "Menu.Item",
1844
+ "defaultProps": {},
1845
+ "getStylesLiterals": {
1846
+ "menuitemItemVariantRoot": "default",
1847
+ "menuitemItemVariantActiveRoot": "on",
1848
+ "menuitemItemVariantActiveRoot:1": "off",
1849
+ "menuitemItemVariantText": "default",
1850
+ "menuitemItemVariantActiveText": "on",
1851
+ "menuitemItemVariantActiveText:1": "off",
1852
+ "menuitemItemVariantIcon": "default",
1853
+ "menuitemItemVariantActiveIcon": "on",
1854
+ "menuitemItemVariantActiveIcon:1": "off"
1834
1855
  },
1835
- "getStylesLiterals": {},
1836
- "cxLiterals": [
1837
- "overflow-hidden",
1838
- "truncate",
1839
- "w-full",
1840
- "h-full",
1841
- "shrink-0",
1842
- "text-center",
1843
- "inline-flex",
1844
- "justify-center",
1845
- "items-center"
1846
- ],
1847
- "internalComponents": ["Box", "Text"],
1848
- "internalComponentProps": { "Text": {
1849
- "color": ["inherit"],
1850
- "variant": ["inherit"]
1851
- } },
1856
+ "cxLiterals": [],
1857
+ "internalComponents": ["MenuItemBase"],
1858
+ "internalComponentProps": {},
1852
1859
  "propToVariantKeys": {},
1853
1860
  "runtimeConfigDefaultProps": {},
1854
1861
  "runtimeConfigGetStyles": {},
1855
1862
  "runtimeConfigInternalComponentProps": {},
1856
1863
  "motionVarPrefixes": []
1857
1864
  };
1858
- var Input = {
1859
- "name": "Input",
1865
+ var Menu_ItemBase = {
1866
+ "name": "Menu.ItemBase",
1860
1867
  "defaultProps": {
1861
- "type": "text",
1862
- "size": "md",
1863
- "width": "full"
1868
+ "spacing": "0",
1869
+ "spacingHorizontal": "4",
1870
+ "spacingVertical": "3.5",
1871
+ "columnGap": "2",
1872
+ "alignItems": "center",
1873
+ "justifyContent": "space-between"
1864
1874
  },
1865
1875
  "getStylesLiterals": {
1866
- "inputVariantRoot": "default",
1867
- "inputVariantValueRoot": "empty",
1868
- "inputVariantValueRoot:1": "filled",
1869
- "inputVariantInputWrapper": "default",
1870
- "inputVariantValueInputWrapper": "empty",
1871
- "inputVariantValueInputWrapper:1": "filled",
1872
- "inputVariantInput": "default",
1873
- "inputVariantValueInput": "empty",
1874
- "inputVariantValueInput:1": "filled",
1875
- "inputVariantInputPlaceholder": "default",
1876
- "inputVariantValueInputPlaceholder": "empty",
1877
- "inputVariantValueInputPlaceholder:1": "filled",
1878
- "inputVariantLabel": "default",
1879
- "inputVariantValueLabel": "empty",
1880
- "inputVariantValueLabel:1": "filled",
1881
- "inputVariantLabelRequired": "default",
1882
- "inputVariantValueLabelRequired": "empty",
1883
- "inputVariantValueLabelRequired:1": "filled",
1884
- "inputVariantStartIcon": "default",
1885
- "inputVariantValueStartIcon": "empty",
1886
- "inputVariantValueStartIcon:1": "filled",
1887
- "inputVariantEndIcon": "default",
1888
- "inputVariantValueEndIcon": "empty",
1889
- "inputVariantValueEndIcon:1": "filled"
1876
+ "textAlign": "start",
1877
+ "menuitemSizeRoot": "default",
1878
+ "flexDirection": "row",
1879
+ "menuitemSizeStartIcon": "default",
1880
+ "menuitemSizeEndIcon": "default"
1890
1881
  },
1891
1882
  "cxLiterals": [
1892
- "opacity-50",
1893
- "min-w-[200px]",
1894
- "grow",
1895
- "uds-hit-target",
1896
- "bg-clip-text",
1897
- "focus:outline-none",
1898
- "cursor-text",
1899
- "cursor-not-allowed"
1883
+ "flex",
1884
+ "focus-visible:text-brand",
1885
+ "focus-visible:bg-brand-secondary",
1886
+ "focus-visible:z-10",
1887
+ "uds-ring",
1888
+ "!-outline-offset-2",
1889
+ "[&:not([aria-checked])]:cursor-default",
1890
+ "opacity-25",
1891
+ "cursor-not-allowed",
1892
+ "duration-20",
1893
+ "transition-[font-variation-settings]",
1894
+ "ease-in-out",
1895
+ "z-0",
1896
+ "uds-start-icon",
1897
+ "uds-end-icon"
1900
1898
  ],
1901
1899
  "internalComponents": [
1900
+ "Pressable",
1902
1901
  "IconSlot",
1903
- "StartIcon",
1904
- "EndIcon",
1905
- "HelpTextContent",
1906
- "Box",
1907
- "InputHelpTextInternal",
1908
- "VStack",
1902
+ "RootComponent",
1909
1903
  "HStack",
1910
- "AnimateHeightChange"
1904
+ "AnimatePresence"
1911
1905
  ],
1912
1906
  "internalComponentProps": {
1913
- "HelpTextContent": { "spacingTop": ["2"] },
1914
- "Box": {
1915
- "spacingBottom": ["2"],
1916
- "columnGap": ["0.5"],
1917
- "alignItems": ["flex-end", "center"],
1918
- "position": ["relative"]
1919
- },
1920
1907
  "HStack": {
1921
1908
  "alignItems": ["center"],
1922
- "gap": ["1"]
1923
- }
1924
- },
1925
- "propToVariantKeys": {
1926
- "size": [
1927
- "inputSizeRoot",
1928
- "inputSizeInputWrapper",
1929
- "inputSizeInput",
1930
- "inputSizeLabel",
1931
- "inputSizeStartIcon",
1932
- "inputSizeEndIcon"
1933
- ],
1909
+ "width": ["full"]
1910
+ },
1911
+ "AnimatePresence": { "mode": ["popLayout"] }
1912
+ },
1913
+ "propToVariantKeys": {
1914
+ "startIconClassName": ["className"],
1915
+ "endIconClassName": ["className"],
1934
1916
  "startIcon": ["icon"],
1935
1917
  "endIcon": ["icon"],
1936
- "slotProps": ["helperTextSlotProps"],
1937
- "helperTextIcon": ["startIcon"]
1918
+ "columnGap": ["gap"]
1938
1919
  },
1939
1920
  "runtimeConfigDefaultProps": {},
1940
1921
  "runtimeConfigGetStyles": {},
1941
1922
  "runtimeConfigInternalComponentProps": {},
1942
1923
  "motionVarPrefixes": []
1943
1924
  };
1944
- var InputHelpText = {
1945
- "name": "InputHelpText",
1946
- "defaultProps": { "size": "md" },
1925
+ var Menu_ItemCheckbox = {
1926
+ "name": "Menu.ItemCheckbox",
1927
+ "defaultProps": {},
1947
1928
  "getStylesLiterals": {
1948
- "inputVariantRoot": "default",
1949
- "inputVariantValueRoot": "empty",
1950
- "inputVariantValueRoot:1": "filled"
1929
+ "menuitemItemCheckboxVariantRoot": "default",
1930
+ "menuitemItemCheckboxVariantActiveRoot": "on",
1931
+ "menuitemItemCheckboxVariantActiveRoot:1": "off",
1932
+ "menuitemItemCheckboxVariantText": "default",
1933
+ "menuitemItemCheckboxVariantActiveText": "on",
1934
+ "menuitemItemCheckboxVariantActiveText:1": "off",
1935
+ "menuitemItemCheckboxVariantStartIcon": "default",
1936
+ "menuitemItemCheckboxVariantActiveStartIcon": "on",
1937
+ "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
1938
+ "menuitemItemCheckboxVariantEndIcon": "default",
1939
+ "menuitemItemCheckboxVariantActiveEndIcon": "on",
1940
+ "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
1951
1941
  },
1952
- "cxLiterals": [],
1953
- "internalComponents": ["InputHelpTextInternal", "Box"],
1954
- "internalComponentProps": { "Box": { "spacingTop": ["2"] } },
1955
- "propToVariantKeys": { "size": ["inputSizeRoot"] },
1942
+ "cxLiterals": ["uds-menu-item-checkbox"],
1943
+ "internalComponents": ["MenuItemBase"],
1944
+ "internalComponentProps": {},
1945
+ "propToVariantKeys": {},
1956
1946
  "runtimeConfigDefaultProps": {},
1957
1947
  "runtimeConfigGetStyles": {},
1958
1948
  "runtimeConfigInternalComponentProps": {},
1959
1949
  "motionVarPrefixes": []
1960
1950
  };
1961
- var InputHelpTextInternal = {
1962
- "name": "InputHelpTextInternal",
1951
+ var Menu_Provider = {
1952
+ "name": "Menu.Provider",
1963
1953
  "defaultProps": {},
1964
- "getStylesLiterals": {
1965
- "inputVariantHelperText": "default",
1966
- "inputVariantValueHelperText": "empty",
1967
- "inputVariantValueHelperText:1": "filled",
1968
- "inputVariantHelperIcon": "default",
1969
- "inputVariantValueHelperIcon": "empty",
1970
- "inputVariantValueHelperIcon:1": "filled"
1971
- },
1954
+ "getStylesLiterals": {},
1972
1955
  "cxLiterals": [],
1973
- "internalComponents": ["IconSlot", "HStack"],
1974
- "internalComponentProps": { "HStack": {
1975
- "gap": ["1"],
1976
- "alignItems": ["center"]
1977
- } },
1978
- "propToVariantKeys": {
1979
- "size": ["inputSizeHelperText", "inputSizeHelperIcon"],
1980
- "startIcon": ["icon"],
1981
- "endIcon": ["icon"]
1982
- },
1956
+ "internalComponents": ["AriakitMenuProvider", "SpringMotionConfig"],
1957
+ "internalComponentProps": {},
1958
+ "propToVariantKeys": {},
1983
1959
  "runtimeConfigDefaultProps": {},
1984
1960
  "runtimeConfigGetStyles": {},
1985
1961
  "runtimeConfigInternalComponentProps": {},
1986
- "motionVarPrefixes": []
1962
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1987
1963
  };
1988
- var Chip = {
1989
- "name": "Chip",
1964
+ var Menu_Trigger = {
1965
+ "name": "Menu.Trigger",
1990
1966
  "defaultProps": {},
1991
1967
  "getStylesLiterals": {},
1992
- "cxLiterals": [],
1993
- "internalComponents": [
1994
- "ChipDismissible",
1995
- "ChipToggle",
1996
- "ChipLink",
1997
- "ChipButton"
1998
- ],
1999
- "internalComponentProps": {},
1968
+ "cxLiterals": ["uds-menu-trigger"],
1969
+ "internalComponents": ["AriakitMenuTrigger", "Box"],
1970
+ "internalComponentProps": { "Box": { "className": ["uds-ring h-fit w-fit"] } },
2000
1971
  "propToVariantKeys": {},
2001
1972
  "runtimeConfigDefaultProps": {},
2002
1973
  "runtimeConfigGetStyles": {},
2003
1974
  "runtimeConfigInternalComponentProps": {},
2004
1975
  "motionVarPrefixes": []
2005
1976
  };
2006
- var ChipBase = {
2007
- "name": "ChipBase",
2008
- "defaultProps": {
2009
- "size": "md",
2010
- "as": "div"
2011
- },
1977
+ var Menu_index = {
1978
+ "name": "Menu.index",
1979
+ "defaultProps": {},
2012
1980
  "getStylesLiterals": {},
2013
- "cxLiterals": [
2014
- "pointer-events-none",
2015
- "cursor-default",
2016
- "opacity-50",
2017
- "inline-flex",
2018
- "items-center",
2019
- "transition-[background-color,outline-color,box-shadow]",
2020
- "truncate",
2021
- "whitespace-nowrap",
2022
- "text-center",
2023
- "flex-1"
2024
- ],
2025
- "internalComponents": [
2026
- "IconSlot",
2027
- "HStack",
2028
- "As",
2029
- "Text"
2030
- ],
2031
- "internalComponentProps": { "Text": {
2032
- "as": ["span"],
2033
- "color": ["current"],
2034
- "variant": ["inherit"]
2035
- } },
2036
- "propToVariantKeys": {
2037
- "size": ["chipSizeRoot", "chipSizeIcon"],
2038
- "startIcon": ["icon"],
2039
- "endIcon": ["icon"]
2040
- },
1981
+ "cxLiterals": [],
1982
+ "internalComponents": [],
1983
+ "internalComponentProps": {},
1984
+ "propToVariantKeys": {},
2041
1985
  "runtimeConfigDefaultProps": {},
2042
1986
  "runtimeConfigGetStyles": {},
2043
1987
  "runtimeConfigInternalComponentProps": {},
2044
1988
  "motionVarPrefixes": []
2045
1989
  };
2046
- var ChipButton = {
2047
- "name": "ChipButton",
2048
- "defaultProps": { "variant": "primary" },
1990
+ var Menu = {
1991
+ "name": "Menu",
1992
+ "defaultProps": {},
2049
1993
  "getStylesLiterals": {},
2050
- "cxLiterals": ["uds-ring"],
2051
- "internalComponents": ["ChipBase"],
2052
- "internalComponentProps": { "ChipBase": { "as": ["button"] } },
2053
- "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1994
+ "cxLiterals": [],
1995
+ "internalComponents": [],
1996
+ "internalComponentProps": {},
1997
+ "propToVariantKeys": {},
2054
1998
  "runtimeConfigDefaultProps": {},
2055
1999
  "runtimeConfigGetStyles": {},
2056
2000
  "runtimeConfigInternalComponentProps": {},
2057
2001
  "motionVarPrefixes": []
2058
2002
  };
2059
- var ChipDismissible = {
2060
- "name": "ChipDismissible",
2061
- "defaultProps": { "variant": "primary" },
2062
- "getStylesLiterals": {},
2003
+ var Radio = {
2004
+ "name": "Radio",
2005
+ "defaultProps": {
2006
+ "labelPosition": "start",
2007
+ "variant": "primary",
2008
+ "size": "md",
2009
+ "value": ""
2010
+ },
2011
+ "getStylesLiterals": {
2012
+ "radioVariantValueRoot": "checked",
2013
+ "radioVariantValueRoot:1": "unchecked",
2014
+ "display": "flex",
2015
+ "flexDirection": "row",
2016
+ "flexDirection:1": "row-reverse",
2017
+ "alignItems": "center",
2018
+ "radioVariantValueRadio": "checked",
2019
+ "radioVariantValueRadio:1": "unchecked",
2020
+ "radioVariantValueRadioCircle": "checked",
2021
+ "radioVariantValueRadioCircle:1": "unchecked"
2022
+ },
2063
2023
  "cxLiterals": [
2064
- "uds-chip-dismissible-button",
2065
- "uds-hit-target",
2024
+ "cursor-pointer",
2025
+ "cursor-default",
2026
+ "opacity-50",
2027
+ "border",
2066
2028
  "uds-ring",
2067
- "rounded-full"
2029
+ "uds-ring-within",
2030
+ "transition-[background-color,border-color]",
2031
+ "transition-shadow",
2032
+ "pointer-events-none",
2033
+ "w-[8px]",
2034
+ "h-[8px]",
2035
+ "transition-opacity",
2036
+ "cursor-[inherit]",
2037
+ "absolute",
2038
+ "opacity-0",
2039
+ "top-1/2",
2040
+ "left-1/2",
2041
+ "w-[calc(100%+2px)]",
2042
+ "h-[calc(100%+2px)]",
2043
+ "transform",
2044
+ "translate-x-[-50%]",
2045
+ "translate-y-[-50%]",
2046
+ "text-start",
2047
+ "text-end"
2068
2048
  ],
2069
2049
  "internalComponents": [
2070
- "ChipBase",
2071
- "IconSlot",
2072
- "Pressable"
2050
+ "Box",
2051
+ "FormLabel",
2052
+ "SpringMotionConfig",
2053
+ "RootElement",
2054
+ "MotionBox"
2073
2055
  ],
2074
- "internalComponentProps": {},
2056
+ "internalComponentProps": {
2057
+ "Box": { "borderRadius": ["full"] },
2058
+ "FormLabel": {
2059
+ "as": ["div"],
2060
+ "variant": ["inherit"],
2061
+ "color": ["inherit"]
2062
+ },
2063
+ "RootElement": { "data-testid": ["container"] },
2064
+ "MotionBox": {
2065
+ "position": ["relative"],
2066
+ "borderRadius": ["full"],
2067
+ "alignItems": ["center"],
2068
+ "justifyContent": ["center"],
2069
+ "flex": ["none"]
2070
+ }
2071
+ },
2075
2072
  "propToVariantKeys": {
2076
- "variant": ["chipDismissibleVariantRoot", "chipDismissibleVariantIcon"],
2077
- "dismissButtonAriaLabel": ["aria-label"]
2073
+ "size": ["radioSizeRoot", "radioSizeRadio"],
2074
+ "variant": [
2075
+ "radioVariantRoot",
2076
+ "radioVariantRadio",
2077
+ "radioVariantRadioCircle"
2078
+ ],
2079
+ "reduceMotion": ["reducedMotion"]
2078
2080
  },
2079
2081
  "runtimeConfigDefaultProps": {},
2080
2082
  "runtimeConfigGetStyles": {},
2081
2083
  "runtimeConfigInternalComponentProps": {},
2082
- "motionVarPrefixes": []
2084
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
2083
2085
  };
2084
- var ChipLink = {
2085
- "name": "ChipLink",
2086
- "defaultProps": { "variant": "primary" },
2086
+ var RadioGroupProvider = {
2087
+ "name": "RadioGroupProvider",
2088
+ "defaultProps": {},
2087
2089
  "getStylesLiterals": {},
2088
- "cxLiterals": ["uds-ring"],
2089
- "internalComponents": ["ChipBase"],
2090
- "internalComponentProps": { "ChipBase": { "as": ["a"] } },
2091
- "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
2090
+ "cxLiterals": [],
2091
+ "internalComponents": [
2092
+ "DivProps",
2093
+ "Comp",
2094
+ "RadioGroupContext.Provider"
2095
+ ],
2096
+ "internalComponentProps": { "Comp": { "role": ["radiogroup"] } },
2097
+ "propToVariantKeys": {},
2092
2098
  "runtimeConfigDefaultProps": {},
2093
- "runtimeConfigGetStyles": {},
2094
- "runtimeConfigInternalComponentProps": {},
2095
- "motionVarPrefixes": []
2096
- };
2097
- var ChipToggle = {
2098
- "name": "ChipToggle",
2099
- "defaultProps": {
2100
- "variant": "primary",
2101
- "role": "checkbox"
2102
- },
2103
- "getStylesLiterals": {
2104
- "chipToggleVariantActiveRoot": "on",
2105
- "chipToggleVariantActiveRoot:1": "off"
2106
- },
2107
- "cxLiterals": ["uds-ring"],
2108
- "internalComponents": ["ChipBase"],
2109
- "internalComponentProps": { "ChipBase": { "as": ["button"] } },
2110
- "propToVariantKeys": { "variant": ["chipToggleVariantRoot", "chipToggleVariantIcon"] },
2099
+ "runtimeConfigGetStyles": {},
2100
+ "runtimeConfigInternalComponentProps": {},
2101
+ "motionVarPrefixes": []
2102
+ };
2103
+ var RadioGroupStore = {
2104
+ "name": "RadioGroupStore",
2105
+ "defaultProps": {},
2106
+ "getStylesLiterals": {},
2107
+ "cxLiterals": [],
2108
+ "internalComponents": [],
2109
+ "internalComponentProps": {},
2110
+ "propToVariantKeys": {},
2111
2111
  "runtimeConfigDefaultProps": {},
2112
2112
  "runtimeConfigGetStyles": {},
2113
2113
  "runtimeConfigInternalComponentProps": {},
@@ -2242,97 +2242,6 @@ var Tabs = {
2242
2242
  "runtimeConfigInternalComponentProps": {},
2243
2243
  "motionVarPrefixes": []
2244
2244
  };
2245
- var Tooltip = {
2246
- "name": "Tooltip",
2247
- "defaultProps": {},
2248
- "getStylesLiterals": {},
2249
- "cxLiterals": [],
2250
- "internalComponents": ["TooltipInternalContext.Provider", "TooltipProvider"],
2251
- "internalComponentProps": {},
2252
- "propToVariantKeys": {},
2253
- "runtimeConfigDefaultProps": {},
2254
- "runtimeConfigGetStyles": {},
2255
- "runtimeConfigInternalComponentProps": { "TooltipProvider": { "animated": ["tooltip.animationDuration"] } },
2256
- "motionVarPrefixes": []
2257
- };
2258
- var TooltipContent = {
2259
- "name": "TooltipContent",
2260
- "defaultProps": {},
2261
- "getStylesLiterals": {
2262
- "tooltipSizeRoot": "default",
2263
- "tooltipVariantRoot": "default",
2264
- "tooltipSizeSvg": "default",
2265
- "tooltipVariantSvg": "default",
2266
- "tooltipVariantBlur": "default",
2267
- "position": "absolute",
2268
- "width": "full",
2269
- "height": "full",
2270
- "tooltipSizeTitle": "default",
2271
- "tooltipSizeBody": "default",
2272
- "tooltipSizeEndContent": "default",
2273
- "tooltipSizeIcon": "default",
2274
- "tooltipVariantIcon": "default"
2275
- },
2276
- "cxLiterals": [
2277
- "max-w-lg",
2278
- "flex",
2279
- "z-[9999]",
2280
- "uds-bgBlurFillFallback",
2281
- "uds-bgBlurFallback",
2282
- "top-0",
2283
- "left-0",
2284
- "z-[1]"
2285
- ],
2286
- "internalComponents": [
2287
- "IconSlot",
2288
- "TooltipArrow",
2289
- "Tooltip",
2290
- "SvgFloatingOverlay",
2291
- "VStack",
2292
- "Box",
2293
- "Text"
2294
- ],
2295
- "internalComponentProps": {
2296
- "SvgFloatingOverlay": { "contentOverflow": ["visible"] },
2297
- "VStack": { "className": ["gap-[inherit]"] },
2298
- "Box": {
2299
- "alignItems": ["center"],
2300
- "columnGap": ["1", "1.5"]
2301
- },
2302
- "Text": { "color": ["inherit"] }
2303
- },
2304
- "propToVariantKeys": { "startTitleIcon": ["icon"] },
2305
- "runtimeConfigDefaultProps": {},
2306
- "runtimeConfigGetStyles": {},
2307
- "runtimeConfigInternalComponentProps": {},
2308
- "motionVarPrefixes": []
2309
- };
2310
- var TooltipTrigger = {
2311
- "name": "TooltipTrigger",
2312
- "defaultProps": {},
2313
- "getStylesLiterals": {},
2314
- "cxLiterals": [],
2315
- "internalComponents": ["TooltipAnchor"],
2316
- "internalComponentProps": { "TooltipAnchor": { "className": ["inline"] } },
2317
- "propToVariantKeys": { "children": ["render"] },
2318
- "runtimeConfigDefaultProps": {},
2319
- "runtimeConfigGetStyles": {},
2320
- "runtimeConfigInternalComponentProps": {},
2321
- "motionVarPrefixes": []
2322
- };
2323
- var UDSTooltipConfigProvider = {
2324
- "name": "UDSTooltipConfigProvider",
2325
- "defaultProps": {},
2326
- "getStylesLiterals": {},
2327
- "cxLiterals": [],
2328
- "internalComponents": ["TooltipContext.Provider"],
2329
- "internalComponentProps": {},
2330
- "propToVariantKeys": {},
2331
- "runtimeConfigDefaultProps": {},
2332
- "runtimeConfigGetStyles": {},
2333
- "runtimeConfigInternalComponentProps": {},
2334
- "motionVarPrefixes": []
2335
- };
2336
2245
  var Toast = {
2337
2246
  "name": "Toast",
2338
2247
  "defaultProps": {},
@@ -2464,6 +2373,97 @@ var UDSToastConfigProvider = {
2464
2373
  "runtimeConfigInternalComponentProps": {},
2465
2374
  "motionVarPrefixes": []
2466
2375
  };
2376
+ var Tooltip = {
2377
+ "name": "Tooltip",
2378
+ "defaultProps": {},
2379
+ "getStylesLiterals": {},
2380
+ "cxLiterals": [],
2381
+ "internalComponents": ["TooltipInternalContext.Provider", "TooltipProvider"],
2382
+ "internalComponentProps": {},
2383
+ "propToVariantKeys": {},
2384
+ "runtimeConfigDefaultProps": {},
2385
+ "runtimeConfigGetStyles": {},
2386
+ "runtimeConfigInternalComponentProps": { "TooltipProvider": { "animated": ["tooltip.animationDuration"] } },
2387
+ "motionVarPrefixes": []
2388
+ };
2389
+ var TooltipContent = {
2390
+ "name": "TooltipContent",
2391
+ "defaultProps": {},
2392
+ "getStylesLiterals": {
2393
+ "tooltipSizeRoot": "default",
2394
+ "tooltipVariantRoot": "default",
2395
+ "tooltipSizeSvg": "default",
2396
+ "tooltipVariantSvg": "default",
2397
+ "tooltipVariantBlur": "default",
2398
+ "position": "absolute",
2399
+ "width": "full",
2400
+ "height": "full",
2401
+ "tooltipSizeTitle": "default",
2402
+ "tooltipSizeBody": "default",
2403
+ "tooltipSizeEndContent": "default",
2404
+ "tooltipSizeIcon": "default",
2405
+ "tooltipVariantIcon": "default"
2406
+ },
2407
+ "cxLiterals": [
2408
+ "max-w-lg",
2409
+ "flex",
2410
+ "z-[9999]",
2411
+ "uds-bgBlurFillFallback",
2412
+ "uds-bgBlurFallback",
2413
+ "top-0",
2414
+ "left-0",
2415
+ "z-[1]"
2416
+ ],
2417
+ "internalComponents": [
2418
+ "IconSlot",
2419
+ "TooltipArrow",
2420
+ "Tooltip",
2421
+ "SvgFloatingOverlay",
2422
+ "VStack",
2423
+ "Box",
2424
+ "Text"
2425
+ ],
2426
+ "internalComponentProps": {
2427
+ "SvgFloatingOverlay": { "contentOverflow": ["visible"] },
2428
+ "VStack": { "className": ["gap-[inherit]"] },
2429
+ "Box": {
2430
+ "alignItems": ["center"],
2431
+ "columnGap": ["1", "1.5"]
2432
+ },
2433
+ "Text": { "color": ["inherit"] }
2434
+ },
2435
+ "propToVariantKeys": { "startTitleIcon": ["icon"] },
2436
+ "runtimeConfigDefaultProps": {},
2437
+ "runtimeConfigGetStyles": {},
2438
+ "runtimeConfigInternalComponentProps": {},
2439
+ "motionVarPrefixes": []
2440
+ };
2441
+ var TooltipTrigger = {
2442
+ "name": "TooltipTrigger",
2443
+ "defaultProps": {},
2444
+ "getStylesLiterals": {},
2445
+ "cxLiterals": [],
2446
+ "internalComponents": ["TooltipAnchor"],
2447
+ "internalComponentProps": { "TooltipAnchor": { "className": ["inline"] } },
2448
+ "propToVariantKeys": { "children": ["render"] },
2449
+ "runtimeConfigDefaultProps": {},
2450
+ "runtimeConfigGetStyles": {},
2451
+ "runtimeConfigInternalComponentProps": {},
2452
+ "motionVarPrefixes": []
2453
+ };
2454
+ var UDSTooltipConfigProvider = {
2455
+ "name": "UDSTooltipConfigProvider",
2456
+ "defaultProps": {},
2457
+ "getStylesLiterals": {},
2458
+ "cxLiterals": [],
2459
+ "internalComponents": ["TooltipContext.Provider"],
2460
+ "internalComponentProps": {},
2461
+ "propToVariantKeys": {},
2462
+ "runtimeConfigDefaultProps": {},
2463
+ "runtimeConfigGetStyles": {},
2464
+ "runtimeConfigInternalComponentProps": {},
2465
+ "motionVarPrefixes": []
2466
+ };
2467
2467
  var UDSBreakpointsConfigProvider = {
2468
2468
  "name": "UDSBreakpointsConfigProvider",
2469
2469
  "defaultProps": {},
@@ -2512,6 +2512,9 @@ var componentData_default = {
2512
2512
  BannerContent,
2513
2513
  BannerDescription,
2514
2514
  BannerTitle,
2515
+ Divider,
2516
+ DividerCore,
2517
+ DividerInternal,
2515
2518
  Spinner,
2516
2519
  "Table.mocks": Table_mocks,
2517
2520
  Table,
@@ -2523,31 +2526,15 @@ var componentData_default = {
2523
2526
  Pressable,
2524
2527
  SpringMotionConfig,
2525
2528
  Switch,
2526
- Divider,
2527
- DividerCore,
2528
- DividerInternal,
2529
2529
  Accordion,
2530
2530
  AvoidMotionLibraryProvider,
2531
2531
  Modal,
2532
2532
  SegmentedControl,
2533
2533
  SwitchV2,
2534
- Radio,
2535
- RadioGroupProvider,
2536
- RadioGroupStore,
2537
- Popover,
2538
- PopoverContent,
2539
- PopoverContext,
2540
- PopoverTrigger,
2541
- UDSPopoverConfigProvider,
2542
- "Menu.Content": Menu_Content,
2543
- "Menu.Divider": Menu_Divider,
2544
- "Menu.Item": Menu_Item,
2545
- "Menu.ItemBase": Menu_ItemBase,
2546
- "Menu.ItemCheckbox": Menu_ItemCheckbox,
2547
- "Menu.Provider": Menu_Provider,
2548
- "Menu.Trigger": Menu_Trigger,
2549
- "Menu.index": Menu_index,
2550
- Menu,
2534
+ Avatar,
2535
+ AvatarIcon,
2536
+ AvatarImage,
2537
+ AvatarText,
2551
2538
  BottomSheet,
2552
2539
  BottomSheetContent,
2553
2540
  BottomSheetDismiss,
@@ -2557,31 +2544,44 @@ var componentData_default = {
2557
2544
  BottomSheetProvider,
2558
2545
  BottomSheetTrigger,
2559
2546
  UDSBottomSheetConfigProvider,
2560
- Avatar,
2561
- AvatarIcon,
2562
- AvatarImage,
2563
- AvatarText,
2564
- Input,
2565
- InputHelpText,
2566
- InputHelpTextInternal,
2567
2547
  Chip,
2568
2548
  ChipBase,
2569
2549
  ChipButton,
2570
2550
  ChipDismissible,
2571
2551
  ChipLink,
2572
2552
  ChipToggle,
2553
+ Input,
2554
+ InputHelpText,
2555
+ InputHelpTextInternal,
2556
+ Popover,
2557
+ PopoverContent,
2558
+ PopoverContext,
2559
+ PopoverTrigger,
2560
+ UDSPopoverConfigProvider,
2561
+ "Menu.Content": Menu_Content,
2562
+ "Menu.Divider": Menu_Divider,
2563
+ "Menu.Item": Menu_Item,
2564
+ "Menu.ItemBase": Menu_ItemBase,
2565
+ "Menu.ItemCheckbox": Menu_ItemCheckbox,
2566
+ "Menu.Provider": Menu_Provider,
2567
+ "Menu.Trigger": Menu_Trigger,
2568
+ "Menu.index": Menu_index,
2569
+ Menu,
2570
+ Radio,
2571
+ RadioGroupProvider,
2572
+ RadioGroupStore,
2573
2573
  Tab,
2574
2574
  TabList,
2575
2575
  TabPanel,
2576
2576
  Tabs,
2577
- Tooltip,
2578
- TooltipContent,
2579
- TooltipTrigger,
2580
- UDSTooltipConfigProvider,
2581
2577
  Toast,
2582
2578
  ToastContainer,
2583
2579
  ToastPortal,
2584
2580
  UDSToastConfigProvider,
2581
+ Tooltip,
2582
+ TooltipContent,
2583
+ TooltipTrigger,
2584
+ UDSTooltipConfigProvider,
2585
2585
  UDSBreakpointsConfigProvider,
2586
2586
  UDSConfigProvider
2587
2587
  };