@yahoo/uds 3.161.0 → 3.162.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (115) hide show
  1. package/dist/cli/commands/purge.cjs +8 -1
  2. package/dist/cli/commands/purge.helpers.cjs +7 -0
  3. package/dist/cli/commands/purge.helpers.d.cts +3 -0
  4. package/dist/cli/commands/purge.helpers.d.ts +3 -0
  5. package/dist/cli/commands/purge.helpers.js +7 -0
  6. package/dist/cli/commands/purge.js +8 -1
  7. package/dist/components/client/Checkbox/Checkbox.cjs +118 -0
  8. package/dist/components/client/{Checkbox.d.cts → Checkbox/Checkbox.d.cts} +5 -18
  9. package/dist/components/client/{Checkbox.d.ts → Checkbox/Checkbox.d.ts} +5 -18
  10. package/dist/components/client/Checkbox/Checkbox.js +113 -0
  11. package/dist/components/client/Checkbox/CheckboxBase.cjs +141 -0
  12. package/dist/components/client/Checkbox/CheckboxBase.d.cts +48 -0
  13. package/dist/components/client/Checkbox/CheckboxBase.d.ts +49 -0
  14. package/dist/components/client/Checkbox/CheckboxBase.js +138 -0
  15. package/dist/components/client/Checkbox/checkboxConstants.cjs +23 -0
  16. package/dist/components/client/Checkbox/checkboxConstants.d.cts +25 -0
  17. package/dist/components/client/Checkbox/checkboxConstants.d.ts +26 -0
  18. package/dist/components/client/Checkbox/checkboxConstants.js +17 -0
  19. package/dist/components/client/Checkbox/index.cjs +10 -0
  20. package/dist/components/client/Checkbox/index.d.cts +6 -0
  21. package/dist/components/client/Checkbox/index.d.ts +7 -0
  22. package/dist/components/client/Checkbox/index.js +6 -0
  23. package/dist/components/client/Checkbox/types.cjs +2 -0
  24. package/dist/components/client/Checkbox/types.d.cts +22 -0
  25. package/dist/components/client/Checkbox/types.d.ts +23 -0
  26. package/dist/components/client/Checkbox/types.js +2 -0
  27. package/dist/components/client/Popover/UDSPopoverConfigProvider.d.cts +1 -1
  28. package/dist/components/client/Popover/UDSPopoverConfigProvider.d.ts +1 -1
  29. package/dist/components/client/Radio/Radio.cjs +67 -164
  30. package/dist/components/client/Radio/Radio.d.cts +4 -17
  31. package/dist/components/client/Radio/Radio.d.ts +4 -17
  32. package/dist/components/client/Radio/Radio.js +66 -163
  33. package/dist/components/client/Radio/RadioBase.cjs +133 -0
  34. package/dist/components/client/Radio/RadioBase.d.cts +45 -0
  35. package/dist/components/client/Radio/RadioBase.d.ts +46 -0
  36. package/dist/components/client/Radio/RadioBase.js +130 -0
  37. package/dist/components/client/Radio/radioConstants.cjs +14 -0
  38. package/dist/components/client/Radio/radioConstants.d.cts +8 -0
  39. package/dist/components/client/Radio/radioConstants.d.ts +9 -0
  40. package/dist/components/client/Radio/radioConstants.js +11 -0
  41. package/dist/components/client/Radio/types.cjs +2 -0
  42. package/dist/components/client/Radio/types.d.cts +20 -0
  43. package/dist/components/client/Radio/types.d.ts +21 -0
  44. package/dist/components/client/Radio/types.js +2 -0
  45. package/dist/components/client/Toast/UDSToastConfigProvider.d.cts +1 -1
  46. package/dist/components/client/Toast/UDSToastConfigProvider.d.ts +1 -1
  47. package/dist/components/client/index.cjs +2 -2
  48. package/dist/components/client/index.d.cts +1 -1
  49. package/dist/components/client/index.d.ts +1 -1
  50. package/dist/components/client/index.js +1 -1
  51. package/dist/components/index.cjs +2 -2
  52. package/dist/components/index.d.cts +1 -1
  53. package/dist/components/index.d.ts +1 -1
  54. package/dist/components/index.js +1 -1
  55. package/dist/css/dist/commands/css.cjs +2 -0
  56. package/dist/css/dist/commands/css.helpers.cjs +2 -0
  57. package/dist/css/dist/commands/css.helpers.js +2 -0
  58. package/dist/css/dist/commands/css.js +2 -0
  59. package/dist/css/dist/css/nodeUtils.cjs +28 -11
  60. package/dist/css/dist/css/nodeUtils.js +29 -12
  61. package/dist/css/dist/css/runner.cjs +8 -3
  62. package/dist/css/dist/css/runner.js +8 -3
  63. package/dist/css/dist/css/theme.d.cts +16 -0
  64. package/dist/css/dist/css/theme.d.ts +16 -0
  65. package/dist/css/dist/css/workerPool.cjs +2 -1
  66. package/dist/css/dist/css/workerPool.js +2 -1
  67. package/dist/css/dist/purger/optimized/ast/expressions.cjs +104 -11
  68. package/dist/css/dist/purger/optimized/ast/expressions.js +104 -11
  69. package/dist/css/dist/purger/optimized/ast/jsx.cjs +74 -0
  70. package/dist/css/dist/purger/optimized/ast/jsx.js +73 -0
  71. package/dist/css/dist/purger/optimized/ast/props.cjs +47 -0
  72. package/dist/css/dist/purger/optimized/ast/props.js +46 -0
  73. package/dist/css/dist/purger/optimized/ast/spread.cjs +87 -0
  74. package/dist/css/dist/purger/optimized/ast/spread.js +86 -0
  75. package/dist/css/dist/purger/optimized/purge.cjs +14 -8
  76. package/dist/css/dist/purger/optimized/purge.js +15 -9
  77. package/dist/css/dist/purger/optimized/purgeFromCode.cjs +176 -18
  78. package/dist/css/dist/purger/optimized/purgeFromCode.js +176 -19
  79. package/dist/css/dist/purger/optimized/utils/files.cjs +22 -2
  80. package/dist/css/dist/purger/optimized/utils/files.js +21 -3
  81. package/dist/css-animation/Checkbox/Checkbox.cjs +75 -0
  82. package/dist/css-animation/Checkbox/Checkbox.d.cts +22 -0
  83. package/dist/css-animation/Checkbox/Checkbox.d.ts +23 -0
  84. package/dist/css-animation/Checkbox/Checkbox.js +72 -0
  85. package/dist/css-animation/Checkbox/index.cjs +5 -0
  86. package/dist/css-animation/Checkbox/index.d.cts +3 -0
  87. package/dist/css-animation/Checkbox/index.d.ts +4 -0
  88. package/dist/css-animation/Checkbox/index.js +4 -0
  89. package/dist/css-animation/Radio/Radio.cjs +92 -0
  90. package/dist/css-animation/Radio/Radio.d.cts +22 -0
  91. package/dist/css-animation/Radio/Radio.d.ts +23 -0
  92. package/dist/css-animation/Radio/Radio.js +89 -0
  93. package/dist/css-animation/Radio/index.cjs +5 -0
  94. package/dist/css-animation/Radio/index.d.cts +3 -0
  95. package/dist/css-animation/Radio/index.d.ts +4 -0
  96. package/dist/css-animation/Radio/index.js +4 -0
  97. package/dist/css-animation/index.cjs +4 -0
  98. package/dist/css-animation/index.d.cts +3 -1
  99. package/dist/css-animation/index.d.ts +3 -1
  100. package/dist/css-animation/index.js +3 -1
  101. package/dist/index.cjs +2 -2
  102. package/dist/index.d.cts +1 -1
  103. package/dist/index.d.ts +1 -1
  104. package/dist/index.js +1 -1
  105. package/dist/styles/styler.d.cts +26 -26
  106. package/dist/styles/styler.d.ts +26 -26
  107. package/dist/uds/generated/componentData.cjs +343 -293
  108. package/dist/uds/generated/componentData.js +343 -293
  109. package/dist/uds/generated/tailwindPurge.cjs +12 -12
  110. package/dist/uds/generated/tailwindPurge.js +12 -12
  111. package/generated/componentData.json +471 -382
  112. package/generated/tailwindPurge.ts +2 -2
  113. package/package.json +1 -1
  114. package/dist/components/client/Checkbox.cjs +0 -224
  115. package/dist/components/client/Checkbox.js +0 -219
package/dist/uds/generated/componentData.cjs CHANGED
@@ -236,70 +236,6 @@ var componentData_default = {
236
236
  "runtimeConfigInternalComponentProps": {},
237
237
  "motionVarPrefixes": []
238
238
  },
239
- Divider: {
240
- "name": "Divider",
241
- "defaultProps": {
242
- "variant": "primary",
243
- "contentPosition": "center"
244
- },
245
- "getStylesLiterals": {},
246
- "cxLiterals": ["inherit"],
247
- "internalComponents": [
248
- "DividerLine",
249
- "DividerLabel",
250
- "InternalComponent",
251
- "Box"
252
- ],
253
- "internalComponentProps": {
254
- "InternalComponent": {
255
- "alignItems": ["center"],
256
- "flex": ["1"]
257
- },
258
- "Box": {
259
- "display": ["flex"],
260
- "flex": ["none"]
261
- }
262
- },
263
- "propToVariantKeys": { "variant": ["dividerVariantRoot"] },
264
- "runtimeConfigDefaultProps": {},
265
- "runtimeConfigGetStyles": {},
266
- "runtimeConfigInternalComponentProps": {},
267
- "motionVarPrefixes": []
268
- },
269
- DividerLabel: {
270
- "name": "DividerLabel",
271
- "defaultProps": {
272
- "variant": "primary",
273
- "textVariant": "inherit",
274
- "color": "inherit",
275
- "as": "span"
276
- },
277
- "getStylesLiterals": {},
278
- "cxLiterals": ["inherit"],
279
- "internalComponents": ["Text"],
280
- "internalComponentProps": {},
281
- "propToVariantKeys": {
282
- "variant": ["dividerVariantLabel"],
283
- "textVariant": ["variant"]
284
- },
285
- "runtimeConfigDefaultProps": {},
286
- "runtimeConfigGetStyles": {},
287
- "runtimeConfigInternalComponentProps": {},
288
- "motionVarPrefixes": []
289
- },
290
- DividerLine: {
291
- "name": "DividerLine",
292
- "defaultProps": { "variant": "primary" },
293
- "getStylesLiterals": {},
294
- "cxLiterals": ["inherit"],
295
- "internalComponents": ["Box"],
296
- "internalComponentProps": { "Box": { "flex": ["1"] } },
297
- "propToVariantKeys": { "variant": ["dividerVariantLine"] },
298
- "runtimeConfigDefaultProps": {},
299
- "runtimeConfigGetStyles": {},
300
- "runtimeConfigInternalComponentProps": {},
301
- "motionVarPrefixes": []
302
- },
303
239
  "Table.mocks": {
304
240
  "name": "Table.mocks",
305
241
  "defaultProps": {},
@@ -368,6 +304,70 @@ var componentData_default = {
368
304
  "runtimeConfigInternalComponentProps": {},
369
305
  "motionVarPrefixes": []
370
306
  },
307
+ Divider: {
308
+ "name": "Divider",
309
+ "defaultProps": {
310
+ "variant": "primary",
311
+ "contentPosition": "center"
312
+ },
313
+ "getStylesLiterals": {},
314
+ "cxLiterals": ["inherit"],
315
+ "internalComponents": [
316
+ "DividerLine",
317
+ "DividerLabel",
318
+ "InternalComponent",
319
+ "Box"
320
+ ],
321
+ "internalComponentProps": {
322
+ "InternalComponent": {
323
+ "alignItems": ["center"],
324
+ "flex": ["1"]
325
+ },
326
+ "Box": {
327
+ "display": ["flex"],
328
+ "flex": ["none"]
329
+ }
330
+ },
331
+ "propToVariantKeys": { "variant": ["dividerVariantRoot"] },
332
+ "runtimeConfigDefaultProps": {},
333
+ "runtimeConfigGetStyles": {},
334
+ "runtimeConfigInternalComponentProps": {},
335
+ "motionVarPrefixes": []
336
+ },
337
+ DividerLabel: {
338
+ "name": "DividerLabel",
339
+ "defaultProps": {
340
+ "variant": "primary",
341
+ "textVariant": "inherit",
342
+ "color": "inherit",
343
+ "as": "span"
344
+ },
345
+ "getStylesLiterals": {},
346
+ "cxLiterals": ["inherit"],
347
+ "internalComponents": ["Text"],
348
+ "internalComponentProps": {},
349
+ "propToVariantKeys": {
350
+ "variant": ["dividerVariantLabel"],
351
+ "textVariant": ["variant"]
352
+ },
353
+ "runtimeConfigDefaultProps": {},
354
+ "runtimeConfigGetStyles": {},
355
+ "runtimeConfigInternalComponentProps": {},
356
+ "motionVarPrefixes": []
357
+ },
358
+ DividerLine: {
359
+ "name": "DividerLine",
360
+ "defaultProps": { "variant": "primary" },
361
+ "getStylesLiterals": {},
362
+ "cxLiterals": ["inherit"],
363
+ "internalComponents": ["Box"],
364
+ "internalComponentProps": { "Box": { "flex": ["1"] } },
365
+ "propToVariantKeys": { "variant": ["dividerVariantLine"] },
366
+ "runtimeConfigDefaultProps": {},
367
+ "runtimeConfigGetStyles": {},
368
+ "runtimeConfigInternalComponentProps": {},
369
+ "motionVarPrefixes": []
370
+ },
371
371
  BannerContent: {
372
372
  "name": "BannerContent",
373
373
  "defaultProps": {},
@@ -495,84 +495,6 @@ var componentData_default = {
495
495
  "runtimeConfigInternalComponentProps": {},
496
496
  "motionVarPrefixes": []
497
497
  },
498
- Checkbox: {
499
- "name": "Checkbox",
500
- "defaultProps": {
501
- "labelPosition": "start",
502
- "variant": "primary",
503
- "size": "md"
504
- },
505
- "getStylesLiterals": {
506
- "display": "flex",
507
- "flexDirection": "row",
508
- "flexDirection:1": "row-reverse",
509
- "alignItems": "center"
510
- },
511
- "cxLiterals": [
512
- "cursor-pointer",
513
- "cursor-default",
514
- "opacity-50",
515
- "uds-ring",
516
- "uds-ring-within",
517
- "transition-[background-color,border-color,box-shadow]",
518
- "pointer-events-none",
519
- "opacity-0",
520
- "opacity-55",
521
- "opacity-100",
522
- "transition-opacity",
523
- "cursor-[inherit]",
524
- "absolute",
525
- "top-1/2",
526
- "left-1/2",
527
- "w-[calc(100%+2px)]",
528
- "h-[calc(100%+2px)]",
529
- "transform",
530
- "translate-x-[-50%]",
531
- "translate-y-[-50%]",
532
- "text-start",
533
- "text-end"
534
- ],
535
- "internalComponents": [
536
- "Icon",
537
- "FormLabel",
538
- "SpringMotionConfig",
539
- "RootElement",
540
- "MotionBox"
541
- ],
542
- "internalComponentProps": {
543
- "Icon": { "size": ["sm"] },
544
- "FormLabel": {
545
- "as": ["div"],
546
- "variant": ["inherit"],
547
- "color": ["inherit"]
548
- },
549
- "RootElement": { "data-testid": ["container"] },
550
- "MotionBox": {
551
- "position": ["relative"],
552
- "alignItems": ["center"],
553
- "justifyContent": ["center"],
554
- "flex": ["none"]
555
- }
556
- },
557
- "propToVariantKeys": {
558
- "size": ["checkboxSizeRoot", "checkboxSizeCheckbox"],
559
- "variant": [
560
- "checkboxVariantRoot",
561
- "checkboxVariantCheckbox",
562
- "checkboxVariantCheckboxIcon"
563
- ],
564
- "valueState": [
565
- "checkboxVariantValueRoot",
566
- "checkboxVariantValueCheckbox",
567
- "checkboxVariantValueCheckboxIcon"
568
- ],
569
- "reduceMotion": ["reducedMotion"]
570
- },
571
- "runtimeConfigDefaultProps": {},
572
- "runtimeConfigGetStyles": {},
573
- "runtimeConfigInternalComponentProps": {},
574
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
575
- },
576
498
  SpringMotionConfig: {
577
499
  "name": "SpringMotionConfig",
578
500
  "defaultProps": { "reducedMotion": "user" },
@@ -2900,51 +2822,152 @@ var componentData_default = {
2900
2822
  "runtimeConfigInternalComponentProps": {},
2901
2823
  "motionVarPrefixes": []
2902
2824
  },
2903
- BottomSheetDismiss: {
2904
- "name": "BottomSheetDismiss",
2905
- "defaultProps": {},
2906
- "getStylesLiterals": {},
2907
- "cxLiterals": [],
2908
- "internalComponents": ["AriakitDialogDismiss"],
2909
- "internalComponentProps": {},
2910
- "propToVariantKeys": {},
2911
- "runtimeConfigDefaultProps": {},
2912
- "runtimeConfigGetStyles": {},
2913
- "runtimeConfigInternalComponentProps": {},
2914
- "motionVarPrefixes": []
2915
- },
2916
- UDSBottomSheetConfigProvider: {
2917
- "name": "UDSBottomSheetConfigProvider",
2825
+ Checkbox: {
2826
+ "name": "Checkbox",
2918
2827
  "defaultProps": {},
2919
2828
  "getStylesLiterals": {},
2920
- "cxLiterals": [],
2921
- "internalComponents": ["BottomSheetContext.Provider"],
2922
- "internalComponentProps": {},
2923
- "propToVariantKeys": {},
2924
- "runtimeConfigDefaultProps": {},
2925
- "runtimeConfigGetStyles": {},
2926
- "runtimeConfigInternalComponentProps": {},
2927
- "motionVarPrefixes": []
2928
- },
2929
- BottomSheetHeader: {
2930
- "name": "BottomSheetHeader",
2931
- "defaultProps": { "variant": "default" },
2932
- "getStylesLiterals": {},
2933
2829
  "cxLiterals": [
2934
- "grid-cols-[40px_1fr_40px]",
2935
- "items-center",
2936
- "w-full",
2937
- "min-h-10",
2938
- "mt-2"
2830
+ "opacity-0",
2831
+ "opacity-55",
2832
+ "opacity-100",
2833
+ "uds-ring",
2834
+ "uds-ring-within",
2835
+ "transition-[background-color,border-color,box-shadow]",
2836
+ "pointer-events-none",
2837
+ "transition-opacity",
2838
+ "group",
2839
+ "group-hover:scale-110",
2840
+ "group-active:scale-90",
2841
+ "transition-[background-color,border-color,box-shadow,transform]",
2842
+ "group-active:opacity-55"
2939
2843
  ],
2940
2844
  "internalComponents": [
2845
+ "CheckboxBase",
2846
+ "Icon",
2847
+ "SpringMotionConfig",
2848
+ "RootElement",
2849
+ "MotionBox",
2941
2850
  "Box",
2942
- "Text",
2943
- "DialogHeading"
2851
+ "CheckboxProps"
2944
2852
  ],
2945
2853
  "internalComponentProps": {
2854
+ "Icon": { "size": ["sm"] },
2855
+ "RootElement": { "data-testid": ["container"] },
2856
+ "MotionBox": {
2857
+ "position": ["relative"],
2858
+ "alignItems": ["center"],
2859
+ "justifyContent": ["center"],
2860
+ "flex": ["none"]
2861
+ },
2946
2862
  "Box": {
2947
- "className": ["h-10 w-10 opacity-0 pointer-events-none"],
2863
+ "position": ["relative"],
2864
+ "alignItems": ["center"],
2865
+ "justifyContent": ["center"],
2866
+ "flex": ["none"]
2867
+ }
2868
+ },
2869
+ "propToVariantKeys": {
2870
+ "size": ["checkboxSizeCheckbox"],
2871
+ "variant": ["checkboxVariantCheckbox", "checkboxVariantCheckboxIcon"],
2872
+ "valueState": ["checkboxVariantValueCheckbox", "checkboxVariantValueCheckboxIcon"],
2873
+ "reduceMotion": ["reducedMotion"]
2874
+ },
2875
+ "runtimeConfigDefaultProps": {},
2876
+ "runtimeConfigGetStyles": {},
2877
+ "runtimeConfigInternalComponentProps": {},
2878
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
2879
+ },
2880
+ CheckboxBase: {
2881
+ "name": "CheckboxBase",
2882
+ "defaultProps": {
2883
+ "labelPosition": "start",
2884
+ "variant": "primary",
2885
+ "size": "md"
2886
+ },
2887
+ "getStylesLiterals": {
2888
+ "display": "flex",
2889
+ "flexDirection": "row",
2890
+ "flexDirection:1": "row-reverse",
2891
+ "alignItems": "center"
2892
+ },
2893
+ "cxLiterals": [
2894
+ "cursor-pointer",
2895
+ "cursor-default",
2896
+ "opacity-50",
2897
+ "cursor-[inherit]",
2898
+ "absolute",
2899
+ "opacity-0",
2900
+ "top-1/2",
2901
+ "left-1/2",
2902
+ "w-[calc(100%+2px)]",
2903
+ "h-[calc(100%+2px)]",
2904
+ "transform",
2905
+ "translate-x-[-50%]",
2906
+ "translate-y-[-50%]",
2907
+ "text-start",
2908
+ "text-end"
2909
+ ],
2910
+ "internalComponents": ["FormLabel"],
2911
+ "internalComponentProps": { "FormLabel": {
2912
+ "as": ["div"],
2913
+ "variant": ["inherit"],
2914
+ "color": ["inherit"]
2915
+ } },
2916
+ "propToVariantKeys": {
2917
+ "size": ["checkboxSizeRoot"],
2918
+ "variant": ["checkboxVariantRoot"],
2919
+ "valueState": ["checkboxVariantValueRoot"]
2920
+ },
2921
+ "runtimeConfigDefaultProps": {},
2922
+ "runtimeConfigGetStyles": {},
2923
+ "runtimeConfigInternalComponentProps": {},
2924
+ "motionVarPrefixes": []
2925
+ },
2926
+ BottomSheetDismiss: {
2927
+ "name": "BottomSheetDismiss",
2928
+ "defaultProps": {},
2929
+ "getStylesLiterals": {},
2930
+ "cxLiterals": [],
2931
+ "internalComponents": ["AriakitDialogDismiss"],
2932
+ "internalComponentProps": {},
2933
+ "propToVariantKeys": {},
2934
+ "runtimeConfigDefaultProps": {},
2935
+ "runtimeConfigGetStyles": {},
2936
+ "runtimeConfigInternalComponentProps": {},
2937
+ "motionVarPrefixes": []
2938
+ },
2939
+ UDSBottomSheetConfigProvider: {
2940
+ "name": "UDSBottomSheetConfigProvider",
2941
+ "defaultProps": {},
2942
+ "getStylesLiterals": {},
2943
+ "cxLiterals": [],
2944
+ "internalComponents": ["BottomSheetContext.Provider"],
2945
+ "internalComponentProps": {},
2946
+ "propToVariantKeys": {},
2947
+ "runtimeConfigDefaultProps": {},
2948
+ "runtimeConfigGetStyles": {},
2949
+ "runtimeConfigInternalComponentProps": {},
2950
+ "motionVarPrefixes": []
2951
+ },
2952
+ BottomSheetHeader: {
2953
+ "name": "BottomSheetHeader",
2954
+ "defaultProps": { "variant": "default" },
2955
+ "getStylesLiterals": {},
2956
+ "cxLiterals": [
2957
+ "grid-cols-[40px_1fr_40px]",
2958
+ "items-center",
2959
+ "w-full",
2960
+ "min-h-10",
2961
+ "mt-2"
2962
+ ],
2963
+ "internalComponents": [
2964
+ "Box",
2965
+ "Text",
2966
+ "DialogHeading"
2967
+ ],
2968
+ "internalComponentProps": {
2969
+ "Box": {
2970
+ "className": ["h-10 w-10 opacity-0 pointer-events-none"],
2948
2971
  "display": ["grid", "flex"],
2949
2972
  "justifyContent": ["flex-start", "flex-end"]
2950
2973
  },
@@ -3339,6 +3362,148 @@ var componentData_default = {
3339
3362
  "runtimeConfigInternalComponentProps": {},
3340
3363
  "motionVarPrefixes": []
3341
3364
  },
3365
+ RadioBase: {
3366
+ "name": "RadioBase",
3367
+ "defaultProps": {
3368
+ "labelPosition": "start",
3369
+ "variant": "primary",
3370
+ "size": "md",
3371
+ "value": ""
3372
+ },
3373
+ "getStylesLiterals": {
3374
+ "radioVariantValueRoot": "checked",
3375
+ "radioVariantValueRoot:1": "unchecked",
3376
+ "display": "flex",
3377
+ "flexDirection": "row",
3378
+ "flexDirection:1": "row-reverse",
3379
+ "alignItems": "center"
3380
+ },
3381
+ "cxLiterals": [
3382
+ "cursor-pointer",
3383
+ "cursor-default",
3384
+ "opacity-50",
3385
+ "cursor-[inherit]",
3386
+ "absolute",
3387
+ "opacity-0",
3388
+ "top-1/2",
3389
+ "left-1/2",
3390
+ "w-[calc(100%+2px)]",
3391
+ "h-[calc(100%+2px)]",
3392
+ "transform",
3393
+ "translate-x-[-50%]",
3394
+ "translate-y-[-50%]",
3395
+ "text-start",
3396
+ "text-end"
3397
+ ],
3398
+ "internalComponents": ["FormLabel"],
3399
+ "internalComponentProps": { "FormLabel": {
3400
+ "as": ["div"],
3401
+ "variant": ["inherit"],
3402
+ "color": ["inherit"]
3403
+ } },
3404
+ "propToVariantKeys": {
3405
+ "size": ["radioSizeRoot"],
3406
+ "variant": ["radioVariantRoot"]
3407
+ },
3408
+ "runtimeConfigDefaultProps": {},
3409
+ "runtimeConfigGetStyles": {},
3410
+ "runtimeConfigInternalComponentProps": {},
3411
+ "motionVarPrefixes": []
3412
+ },
3413
+ Radio: {
3414
+ "name": "Radio",
3415
+ "defaultProps": {},
3416
+ "getStylesLiterals": {
3417
+ "radioVariantValueRadio": "checked",
3418
+ "radioVariantValueRadio:1": "unchecked",
3419
+ "radioVariantValueRadioCircle": "checked",
3420
+ "radioVariantValueRadioCircle:1": "unchecked"
3421
+ },
3422
+ "cxLiterals": [
3423
+ "opacity-55",
3424
+ "opacity-100",
3425
+ "opacity-0",
3426
+ "border",
3427
+ "uds-ring",
3428
+ "uds-ring-within",
3429
+ "transition-[background-color,border-color]",
3430
+ "transition-shadow",
3431
+ "pointer-events-none",
3432
+ "w-[8px]",
3433
+ "h-[8px]",
3434
+ "transition-opacity",
3435
+ "group",
3436
+ "group-hover:scale-110",
3437
+ "group-active:scale-90",
3438
+ "group-active:uds-inset-shadow-lg-invert",
3439
+ "group-hover:uds-inset-shadow-lg-invert",
3440
+ "transition-[background-color,border-color,transform]"
3441
+ ],
3442
+ "internalComponents": [
3443
+ "RadioBase",
3444
+ "Box",
3445
+ "SpringMotionConfig",
3446
+ "RootElement",
3447
+ "MotionBox",
3448
+ "RadioProps"
3449
+ ],
3450
+ "internalComponentProps": {
3451
+ "Box": {
3452
+ "borderRadius": ["full"],
3453
+ "position": ["relative"],
3454
+ "alignItems": ["center"],
3455
+ "justifyContent": ["center"],
3456
+ "flex": ["none"]
3457
+ },
3458
+ "RootElement": { "data-testid": ["container"] },
3459
+ "MotionBox": {
3460
+ "position": ["relative"],
3461
+ "borderRadius": ["full"],
3462
+ "alignItems": ["center"],
3463
+ "justifyContent": ["center"],
3464
+ "flex": ["none"]
3465
+ }
3466
+ },
3467
+ "propToVariantKeys": {
3468
+ "size": ["radioSizeRadio"],
3469
+ "variant": ["radioVariantRadio", "radioVariantRadioCircle"],
3470
+ "reduceMotion": ["reducedMotion"]
3471
+ },
3472
+ "runtimeConfigDefaultProps": {},
3473
+ "runtimeConfigGetStyles": {},
3474
+ "runtimeConfigInternalComponentProps": {},
3475
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
3476
+ },
3477
+ RadioGroupStore: {
3478
+ "name": "RadioGroupStore",
3479
+ "defaultProps": {},
3480
+ "getStylesLiterals": {},
3481
+ "cxLiterals": [],
3482
+ "internalComponents": [],
3483
+ "internalComponentProps": {},
3484
+ "propToVariantKeys": {},
3485
+ "runtimeConfigDefaultProps": {},
3486
+ "runtimeConfigGetStyles": {},
3487
+ "runtimeConfigInternalComponentProps": {},
3488
+ "motionVarPrefixes": []
3489
+ },
3490
+ RadioGroupProvider: {
3491
+ "name": "RadioGroupProvider",
3492
+ "defaultProps": {},
3493
+ "getStylesLiterals": {},
3494
+ "cxLiterals": [],
3495
+ "internalComponents": [
3496
+ "DivProps",
3497
+ "Comp",
3498
+ "RadioGroupContext.Provider"
3499
+ ],
3500
+ "internalComponentProps": { "Comp": { "role": ["radiogroup"] } },
3501
+ "propToVariantKeys": {},
3502
+ "runtimeConfigDefaultProps": {},
3503
+ "runtimeConfigGetStyles": {},
3504
+ "runtimeConfigInternalComponentProps": {},
3505
+ "motionVarPrefixes": []
3506
+ },
3342
3507
  PaddleButtonPrevious: {
3343
3508
  "name": "PaddleButtonPrevious",
3344
3509
  "defaultProps": {},
@@ -3478,121 +3643,6 @@ var componentData_default = {
3478
3643
  "runtimeConfigInternalComponentProps": {},
3479
3644
  "motionVarPrefixes": []
3480
3645
  },
3481
- Radio: {
3482
- "name": "Radio",
3483
- "defaultProps": {
3484
- "labelPosition": "start",
3485
- "variant": "primary",
3486
- "size": "md",
3487
- "value": ""
3488
- },
3489
- "getStylesLiterals": {
3490
- "radioVariantValueRoot": "checked",
3491
- "radioVariantValueRoot:1": "unchecked",
3492
- "display": "flex",
3493
- "flexDirection": "row",
3494
- "flexDirection:1": "row-reverse",
3495
- "alignItems": "center",
3496
- "radioVariantValueRadio": "checked",
3497
- "radioVariantValueRadio:1": "unchecked",
3498
- "radioVariantValueRadioCircle": "checked",
3499
- "radioVariantValueRadioCircle:1": "unchecked"
3500
- },
3501
- "cxLiterals": [
3502
- "cursor-pointer",
3503
- "cursor-default",
3504
- "opacity-50",
3505
- "border",
3506
- "uds-ring",
3507
- "uds-ring-within",
3508
- "transition-[background-color,border-color]",
3509
- "transition-shadow",
3510
- "pointer-events-none",
3511
- "w-[8px]",
3512
- "h-[8px]",
3513
- "opacity-55",
3514
- "opacity-100",
3515
- "opacity-0",
3516
- "transition-opacity",
3517
- "cursor-[inherit]",
3518
- "absolute",
3519
- "top-1/2",
3520
- "left-1/2",
3521
- "w-[calc(100%+2px)]",
3522
- "h-[calc(100%+2px)]",
3523
- "transform",
3524
- "translate-x-[-50%]",
3525
- "translate-y-[-50%]",
3526
- "text-start",
3527
- "text-end"
3528
- ],
3529
- "internalComponents": [
3530
- "Box",
3531
- "FormLabel",
3532
- "SpringMotionConfig",
3533
- "RootElement",
3534
- "MotionBox"
3535
- ],
3536
- "internalComponentProps": {
3537
- "Box": { "borderRadius": ["full"] },
3538
- "FormLabel": {
3539
- "as": ["div"],
3540
- "variant": ["inherit"],
3541
- "color": ["inherit"]
3542
- },
3543
- "RootElement": { "data-testid": ["container"] },
3544
- "MotionBox": {
3545
- "position": ["relative"],
3546
- "borderRadius": ["full"],
3547
- "alignItems": ["center"],
3548
- "justifyContent": ["center"],
3549
- "flex": ["none"]
3550
- }
3551
- },
3552
- "propToVariantKeys": {
3553
- "size": ["radioSizeRoot", "radioSizeRadio"],
3554
- "variant": [
3555
- "radioVariantRoot",
3556
- "radioVariantRadio",
3557
- "radioVariantRadioCircle"
3558
- ],
3559
- "reduceMotion": ["reducedMotion"]
3560
- },
3561
- "runtimeConfigDefaultProps": {},
3562
- "runtimeConfigGetStyles": {},
3563
- "runtimeConfigInternalComponentProps": {},
3564
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
3565
- },
3566
- RadioGroupStore: {
3567
- "name": "RadioGroupStore",
3568
- "defaultProps": {},
3569
- "getStylesLiterals": {},
3570
- "cxLiterals": [],
3571
- "internalComponents": [],
3572
- "internalComponentProps": {},
3573
- "propToVariantKeys": {},
3574
- "runtimeConfigDefaultProps": {},
3575
- "runtimeConfigGetStyles": {},
3576
- "runtimeConfigInternalComponentProps": {},
3577
- "motionVarPrefixes": []
3578
- },
3579
- RadioGroupProvider: {
3580
- "name": "RadioGroupProvider",
3581
- "defaultProps": {},
3582
- "getStylesLiterals": {},
3583
- "cxLiterals": [],
3584
- "internalComponents": [
3585
- "DivProps",
3586
- "Comp",
3587
- "RadioGroupContext.Provider"
3588
- ],
3589
- "internalComponentProps": { "Comp": { "role": ["radiogroup"] } },
3590
- "propToVariantKeys": {},
3591
- "runtimeConfigDefaultProps": {},
3592
- "runtimeConfigGetStyles": {},
3593
- "runtimeConfigInternalComponentProps": {},
3594
- "motionVarPrefixes": []
3595
- },
3596
3646
  SwitchStaticHandle: {
3597
3647
  "name": "SwitchStaticHandle",
3598
3648
  "defaultProps": {},