@yahoo/uds 3.176.1 → 3.177.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -322,73 +322,6 @@ var componentData_default = {
322
322
  "motionVarPrefixes": [],
323
323
  "factoryTarget": null
324
324
  },
325
- DividerLabel: {
326
- "name": "DividerLabel",
327
- "defaultProps": {
328
- "variant": "primary",
329
- "textVariant": "inherit",
330
- "color": "inherit",
331
- "as": "span"
332
- },
333
- "getStylesLiterals": {},
334
- "cxLiterals": ["inherit"],
335
- "internalComponents": ["Text"],
336
- "internalComponentProps": {},
337
- "propToVariantKeys": {
338
- "variant": ["dividerVariantLabel"],
339
- "textVariant": ["variant"]
340
- },
341
- "runtimeConfigDefaultProps": {},
342
- "runtimeConfigGetStyles": {},
343
- "runtimeConfigInternalComponentProps": {},
344
- "motionVarPrefixes": [],
345
- "factoryTarget": null
346
- },
347
- Divider: {
348
- "name": "Divider",
349
- "defaultProps": {
350
- "variant": "primary",
351
- "contentPosition": "center"
352
- },
353
- "getStylesLiterals": {},
354
- "cxLiterals": ["inherit"],
355
- "internalComponents": [
356
- "DividerLine",
357
- "DividerLabel",
358
- "InternalComponent",
359
- "Box"
360
- ],
361
- "internalComponentProps": {
362
- "InternalComponent": {
363
- "alignItems": ["center"],
364
- "flex": ["1"]
365
- },
366
- "Box": {
367
- "display": ["flex"],
368
- "flex": ["none"]
369
- }
370
- },
371
- "propToVariantKeys": { "variant": ["dividerVariantRoot"] },
372
- "runtimeConfigDefaultProps": {},
373
- "runtimeConfigGetStyles": {},
374
- "runtimeConfigInternalComponentProps": {},
375
- "motionVarPrefixes": [],
376
- "factoryTarget": null
377
- },
378
- DividerLine: {
379
- "name": "DividerLine",
380
- "defaultProps": { "variant": "primary" },
381
- "getStylesLiterals": {},
382
- "cxLiterals": ["inherit"],
383
- "internalComponents": ["Box"],
384
- "internalComponentProps": { "Box": { "flex": ["1"] } },
385
- "propToVariantKeys": { "variant": ["dividerVariantLine"] },
386
- "runtimeConfigDefaultProps": {},
387
- "runtimeConfigGetStyles": {},
388
- "runtimeConfigInternalComponentProps": {},
389
- "motionVarPrefixes": [],
390
- "factoryTarget": null
391
- },
392
325
  Pressable: {
393
326
  "name": "Pressable",
394
327
  "defaultProps": {},
@@ -484,6 +417,73 @@ var componentData_default = {
484
417
  "motionVarPrefixes": ["--uds-motion-subtle-4-", "--uds-motion-smooth-3-"],
485
418
  "factoryTarget": null
486
419
  },
420
+ DividerLabel: {
421
+ "name": "DividerLabel",
422
+ "defaultProps": {
423
+ "variant": "primary",
424
+ "textVariant": "inherit",
425
+ "color": "inherit",
426
+ "as": "span"
427
+ },
428
+ "getStylesLiterals": {},
429
+ "cxLiterals": ["inherit"],
430
+ "internalComponents": ["Text"],
431
+ "internalComponentProps": {},
432
+ "propToVariantKeys": {
433
+ "variant": ["dividerVariantLabel"],
434
+ "textVariant": ["variant"]
435
+ },
436
+ "runtimeConfigDefaultProps": {},
437
+ "runtimeConfigGetStyles": {},
438
+ "runtimeConfigInternalComponentProps": {},
439
+ "motionVarPrefixes": [],
440
+ "factoryTarget": null
441
+ },
442
+ Divider: {
443
+ "name": "Divider",
444
+ "defaultProps": {
445
+ "variant": "primary",
446
+ "contentPosition": "center"
447
+ },
448
+ "getStylesLiterals": {},
449
+ "cxLiterals": ["inherit"],
450
+ "internalComponents": [
451
+ "DividerLine",
452
+ "DividerLabel",
453
+ "InternalComponent",
454
+ "Box"
455
+ ],
456
+ "internalComponentProps": {
457
+ "InternalComponent": {
458
+ "alignItems": ["center"],
459
+ "flex": ["1"]
460
+ },
461
+ "Box": {
462
+ "display": ["flex"],
463
+ "flex": ["none"]
464
+ }
465
+ },
466
+ "propToVariantKeys": { "variant": ["dividerVariantRoot"] },
467
+ "runtimeConfigDefaultProps": {},
468
+ "runtimeConfigGetStyles": {},
469
+ "runtimeConfigInternalComponentProps": {},
470
+ "motionVarPrefixes": [],
471
+ "factoryTarget": null
472
+ },
473
+ DividerLine: {
474
+ "name": "DividerLine",
475
+ "defaultProps": { "variant": "primary" },
476
+ "getStylesLiterals": {},
477
+ "cxLiterals": ["inherit"],
478
+ "internalComponents": ["Box"],
479
+ "internalComponentProps": { "Box": { "flex": ["1"] } },
480
+ "propToVariantKeys": { "variant": ["dividerVariantLine"] },
481
+ "runtimeConfigDefaultProps": {},
482
+ "runtimeConfigGetStyles": {},
483
+ "runtimeConfigInternalComponentProps": {},
484
+ "motionVarPrefixes": [],
485
+ "factoryTarget": null
486
+ },
487
487
  BannerContent: {
488
488
  "name": "BannerContent",
489
489
  "defaultProps": {},
@@ -615,6 +615,117 @@ var componentData_default = {
615
615
  "motionVarPrefixes": [],
616
616
  "factoryTarget": null
617
617
  },
618
+ Switch: {
619
+ "name": "Switch",
620
+ "defaultProps": {},
621
+ "getStylesLiterals": {
622
+ "switchVariantActiveHandle": "on",
623
+ "switchVariantActiveHandle:1": "off",
624
+ "switchVariantHandle": "default",
625
+ "switchVariantHandleIcon": "default",
626
+ "switchVariantActiveHandleIcon": "on",
627
+ "switchVariantActiveHandleIcon:1": "off"
628
+ },
629
+ "cxLiterals": [
630
+ "relative",
631
+ "pointer-events-none",
632
+ "uds-border-radius-full",
633
+ "overflow-hidden",
634
+ "absolute",
635
+ "top-0",
636
+ "left-0",
637
+ "right-0",
638
+ "bottom-0",
639
+ "opacity-95",
640
+ "group-hover:opacity-100",
641
+ "transition-[background-color,box-shadow,opacity]",
642
+ "opacity-0",
643
+ "m-auto",
644
+ "transition-opacity",
645
+ "opacity-100"
646
+ ],
647
+ "internalComponents": [
648
+ "IconSlot",
649
+ "SwitchBase",
650
+ "Box",
651
+ "SpringMotionConfig",
652
+ "MotionBox",
653
+ "SwitchProps",
654
+ "SwitchStaticHandle"
655
+ ],
656
+ "internalComponentProps": { "IconSlot": { "data-testid": ["on-icon", "off-icon"] } },
657
+ "propToVariantKeys": {
658
+ "size": ["switchSizeHandle", "switchSizeHandleIcon"],
659
+ "reduceMotion": ["reducedMotion"]
660
+ },
661
+ "runtimeConfigDefaultProps": {},
662
+ "runtimeConfigGetStyles": {},
663
+ "runtimeConfigInternalComponentProps": {},
664
+ "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"],
665
+ "factoryTarget": null
666
+ },
667
+ SwitchBase: {
668
+ "name": "SwitchBase",
669
+ "defaultProps": {
670
+ "labelPosition": "start",
671
+ "size": "md"
672
+ },
673
+ "getStylesLiterals": {
674
+ "switchVariantRoot": "default",
675
+ "switchVariantActiveRoot": "on",
676
+ "switchVariantActiveRoot:1": "off",
677
+ "display": "flex",
678
+ "flexDirection": "row",
679
+ "flexDirection:1": "row-reverse",
680
+ "alignItems": "center",
681
+ "switchVariantSwitch": "default",
682
+ "switchVariantActiveSwitch": "on",
683
+ "switchVariantActiveSwitch:1": "off",
684
+ "borderRadius": "full",
685
+ "position": "relative"
686
+ },
687
+ "cxLiterals": [
688
+ "group",
689
+ "cursor-pointer",
690
+ "cursor-default",
691
+ "opacity-50",
692
+ "uds-ring",
693
+ "uds-ring-within",
694
+ "transition-[background-color,box-shadow]",
695
+ "cursor-[inherit]",
696
+ "absolute",
697
+ "opacity-0",
698
+ "top-[-1px]",
699
+ "left-[-1px]",
700
+ "w-[calc(100%+2px)]",
701
+ "h-[calc(100%+2px)]",
702
+ "text-start",
703
+ "text-end",
704
+ "translate-x-[1.25rem]",
705
+ "rtl:translate-x-[-1.25rem]",
706
+ "translate-x-[0.75rem]",
707
+ "rtl:translate-x-[-0.75rem]"
708
+ ],
709
+ "internalComponents": [
710
+ "FormLabel",
711
+ "RootElement",
712
+ "Box"
713
+ ],
714
+ "internalComponentProps": {
715
+ "FormLabel": {
716
+ "as": ["div"],
717
+ "variant": ["inherit"],
718
+ "color": ["inherit"]
719
+ },
720
+ "RootElement": { "data-testid": ["container"] }
721
+ },
722
+ "propToVariantKeys": { "size": ["switchSizeRoot", "switchSizeSwitch"] },
723
+ "runtimeConfigDefaultProps": {},
724
+ "runtimeConfigGetStyles": {},
725
+ "runtimeConfigInternalComponentProps": {},
726
+ "motionVarPrefixes": [],
727
+ "factoryTarget": null
728
+ },
618
729
  SegmentedControl: {
619
730
  "name": "SegmentedControl",
620
731
  "defaultProps": { "textVariant": "label2" },
@@ -727,83 +838,58 @@ var componentData_default = {
727
838
  "motionVarPrefixes": ["--uds-motion-smooth-3-"],
728
839
  "factoryTarget": null
729
840
  },
730
- Switch: {
731
- "name": "Switch",
841
+ RadioGroupStore: {
842
+ "name": "RadioGroupStore",
732
843
  "defaultProps": {},
733
- "getStylesLiterals": {
734
- "switchVariantActiveHandle": "on",
735
- "switchVariantActiveHandle:1": "off",
736
- "switchVariantHandle": "default",
737
- "switchVariantHandleIcon": "default",
738
- "switchVariantActiveHandleIcon": "on",
739
- "switchVariantActiveHandleIcon:1": "off"
740
- },
741
- "cxLiterals": [
742
- "relative",
743
- "pointer-events-none",
744
- "uds-border-radius-full",
745
- "overflow-hidden",
746
- "absolute",
747
- "top-0",
748
- "left-0",
749
- "right-0",
750
- "bottom-0",
751
- "opacity-95",
752
- "group-hover:opacity-100",
753
- "transition-[background-color,box-shadow,opacity]",
754
- "opacity-0",
755
- "m-auto",
756
- "transition-opacity",
757
- "opacity-100"
758
- ],
844
+ "getStylesLiterals": {},
845
+ "cxLiterals": [],
846
+ "internalComponents": [],
847
+ "internalComponentProps": {},
848
+ "propToVariantKeys": {},
849
+ "runtimeConfigDefaultProps": {},
850
+ "runtimeConfigGetStyles": {},
851
+ "runtimeConfigInternalComponentProps": {},
852
+ "motionVarPrefixes": [],
853
+ "factoryTarget": null
854
+ },
855
+ RadioGroupProvider: {
856
+ "name": "RadioGroupProvider",
857
+ "defaultProps": {},
858
+ "getStylesLiterals": {},
859
+ "cxLiterals": [],
759
860
  "internalComponents": [
760
- "IconSlot",
761
- "SwitchBase",
762
- "Box",
763
- "SpringMotionConfig",
764
- "MotionBox",
765
- "SwitchProps",
766
- "SwitchStaticHandle"
861
+ "DivProps",
862
+ "Comp",
863
+ "RadioGroupContext.Provider"
767
864
  ],
768
- "internalComponentProps": { "IconSlot": { "data-testid": ["on-icon", "off-icon"] } },
769
- "propToVariantKeys": {
770
- "size": ["switchSizeHandle", "switchSizeHandleIcon"],
771
- "reduceMotion": ["reducedMotion"]
772
- },
865
+ "internalComponentProps": { "Comp": { "role": ["radiogroup"] } },
866
+ "propToVariantKeys": {},
773
867
  "runtimeConfigDefaultProps": {},
774
868
  "runtimeConfigGetStyles": {},
775
869
  "runtimeConfigInternalComponentProps": {},
776
- "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"],
870
+ "motionVarPrefixes": [],
777
871
  "factoryTarget": null
778
872
  },
779
- SwitchBase: {
780
- "name": "SwitchBase",
873
+ RadioBase: {
874
+ "name": "RadioBase",
781
875
  "defaultProps": {
782
876
  "labelPosition": "start",
783
- "size": "md"
877
+ "variant": "primary",
878
+ "size": "md",
879
+ "value": ""
784
880
  },
785
881
  "getStylesLiterals": {
786
- "switchVariantRoot": "default",
787
- "switchVariantActiveRoot": "on",
788
- "switchVariantActiveRoot:1": "off",
882
+ "radioVariantValueRoot": "checked",
883
+ "radioVariantValueRoot:1": "unchecked",
789
884
  "display": "flex",
790
885
  "flexDirection": "row",
791
886
  "flexDirection:1": "row-reverse",
792
- "alignItems": "center",
793
- "switchVariantSwitch": "default",
794
- "switchVariantActiveSwitch": "on",
795
- "switchVariantActiveSwitch:1": "off",
796
- "borderRadius": "full",
797
- "position": "relative"
887
+ "alignItems": "center"
798
888
  },
799
889
  "cxLiterals": [
800
- "group",
801
890
  "cursor-pointer",
802
891
  "cursor-default",
803
892
  "opacity-50",
804
- "uds-ring",
805
- "uds-ring-within",
806
- "transition-[background-color,box-shadow]",
807
893
  "cursor-[inherit]",
808
894
  "absolute",
809
895
  "opacity-0",
@@ -812,30 +898,87 @@ var componentData_default = {
812
898
  "w-[calc(100%+2px)]",
813
899
  "h-[calc(100%+2px)]",
814
900
  "text-start",
815
- "text-end",
816
- "translate-x-[1.25rem]",
817
- "rtl:translate-x-[-1.25rem]",
818
- "translate-x-[0.75rem]",
819
- "rtl:translate-x-[-0.75rem]"
901
+ "text-end"
902
+ ],
903
+ "internalComponents": ["FormLabel"],
904
+ "internalComponentProps": { "FormLabel": {
905
+ "as": ["div"],
906
+ "variant": ["inherit"],
907
+ "color": ["inherit"]
908
+ } },
909
+ "propToVariantKeys": {
910
+ "size": ["radioSizeRoot"],
911
+ "variant": ["radioVariantRoot"]
912
+ },
913
+ "runtimeConfigDefaultProps": {},
914
+ "runtimeConfigGetStyles": {},
915
+ "runtimeConfigInternalComponentProps": {},
916
+ "motionVarPrefixes": [],
917
+ "factoryTarget": null
918
+ },
919
+ Radio: {
920
+ "name": "Radio",
921
+ "defaultProps": {},
922
+ "getStylesLiterals": {
923
+ "radioVariantValueRadio": "checked",
924
+ "radioVariantValueRadio:1": "unchecked",
925
+ "radioVariantValueRadioCircle": "checked",
926
+ "radioVariantValueRadioCircle:1": "unchecked"
927
+ },
928
+ "cxLiterals": [
929
+ "opacity-55",
930
+ "opacity-100",
931
+ "opacity-0",
932
+ "border",
933
+ "uds-ring",
934
+ "uds-ring-within",
935
+ "transition-[background-color,border-color]",
936
+ "transition-shadow",
937
+ "pointer-events-none",
938
+ "w-[8px]",
939
+ "h-[8px]",
940
+ "transition-opacity",
941
+ "group",
942
+ "group-hover:scale-110",
943
+ "group-active:scale-90",
944
+ "group-active:uds-inset-shadow-lg-invert",
945
+ "group-hover:uds-inset-shadow-lg-invert",
946
+ "transition-[background-color,border-color,transform]"
820
947
  ],
821
948
  "internalComponents": [
822
- "FormLabel",
949
+ "RadioBase",
950
+ "Box",
951
+ "SpringMotionConfig",
823
952
  "RootElement",
824
- "Box"
953
+ "MotionBox",
954
+ "RadioProps"
825
955
  ],
826
956
  "internalComponentProps": {
827
- "FormLabel": {
828
- "as": ["div"],
829
- "variant": ["inherit"],
830
- "color": ["inherit"]
957
+ "Box": {
958
+ "borderRadius": ["full"],
959
+ "position": ["relative"],
960
+ "alignItems": ["center"],
961
+ "justifyContent": ["center"],
962
+ "flex": ["none"]
831
963
  },
832
- "RootElement": { "data-testid": ["container"] }
964
+ "RootElement": { "data-testid": ["container"] },
965
+ "MotionBox": {
966
+ "position": ["relative"],
967
+ "borderRadius": ["full"],
968
+ "alignItems": ["center"],
969
+ "justifyContent": ["center"],
970
+ "flex": ["none"]
971
+ }
972
+ },
973
+ "propToVariantKeys": {
974
+ "size": ["radioSizeRadio"],
975
+ "variant": ["radioVariantRadio", "radioVariantRadioCircle"],
976
+ "reduceMotion": ["reducedMotion"]
833
977
  },
834
- "propToVariantKeys": { "size": ["switchSizeRoot", "switchSizeSwitch"] },
835
978
  "runtimeConfigDefaultProps": {},
836
979
  "runtimeConfigGetStyles": {},
837
980
  "runtimeConfigInternalComponentProps": {},
838
- "motionVarPrefixes": [],
981
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"],
839
982
  "factoryTarget": null
840
983
  },
841
984
  ChipDismissible: {
@@ -988,231 +1131,88 @@ var componentData_default = {
988
1131
  "motionVarPrefixes": [],
989
1132
  "factoryTarget": null
990
1133
  },
991
- RadioGroupStore: {
992
- "name": "RadioGroupStore",
1134
+ Button: {
1135
+ "name": "Button",
993
1136
  "defaultProps": {},
994
1137
  "getStylesLiterals": {},
995
1138
  "cxLiterals": [],
996
- "internalComponents": [],
997
- "internalComponentProps": {},
1139
+ "internalComponents": [
1140
+ "ButtonBase",
1141
+ "Icon",
1142
+ "IconSlot",
1143
+ "AnimatePresence",
1144
+ "SpringMotionConfig",
1145
+ "MotionSlot",
1146
+ "ButtonProps",
1147
+ "Slot"
1148
+ ],
1149
+ "internalComponentProps": {
1150
+ "Icon": { "color": ["current"] },
1151
+ "AnimatePresence": { "mode": ["popLayout"] },
1152
+ "SpringMotionConfig": { "layoutSpeed": ["3"] },
1153
+ "MotionSlot": {
1154
+ "whileHover": ["hover"],
1155
+ "whileTap": ["pressed"]
1156
+ }
1157
+ },
998
1158
  "propToVariantKeys": {},
999
1159
  "runtimeConfigDefaultProps": {},
1000
1160
  "runtimeConfigGetStyles": {},
1001
1161
  "runtimeConfigInternalComponentProps": {},
1162
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"],
1163
+ "factoryTarget": null
1164
+ },
1165
+ ButtonBase: {
1166
+ "name": "ButtonBase",
1167
+ "defaultProps": { "type": "button" },
1168
+ "getStylesLiterals": {},
1169
+ "cxLiterals": [
1170
+ "uds-ring",
1171
+ "uds-hit-target",
1172
+ "inline-flex",
1173
+ "max-w-full",
1174
+ "overflow-hidden",
1175
+ "justify-center",
1176
+ "items-center",
1177
+ "whitespace-nowrap",
1178
+ "select-none",
1179
+ "[transform-origin:center]",
1180
+ "[backface-visibility:hidden]",
1181
+ "[transition-property:color,background-color,border-color,box-shadow,text-decoration-color,fill,stroke]",
1182
+ "[transition-timing-function:cubic-bezier(0,0,0.2,1)]",
1183
+ "[transition-duration:220ms]",
1184
+ "cursor-not-allowed",
1185
+ "uds-button-loading",
1186
+ "uds-button-without-effects",
1187
+ "withIcon",
1188
+ "uds-button-with-gap",
1189
+ "flex",
1190
+ "shrink-0",
1191
+ "overflow-clip",
1192
+ "uds-button-icon-container",
1193
+ "animate-spin",
1194
+ "min-w-0",
1195
+ "truncate"
1196
+ ],
1197
+ "internalComponents": [],
1198
+ "internalComponentProps": {},
1199
+ "propToVariantKeys": {
1200
+ "size": ["buttonSizeRoot", "buttonSizeIcon"],
1201
+ "variant": ["buttonVariantRoot", "buttonVariantIcon"]
1202
+ },
1203
+ "runtimeConfigDefaultProps": { "size": "button.defaultSize" },
1204
+ "runtimeConfigGetStyles": {},
1205
+ "runtimeConfigInternalComponentProps": {},
1002
1206
  "motionVarPrefixes": [],
1003
1207
  "factoryTarget": null
1004
1208
  },
1005
- RadioGroupProvider: {
1006
- "name": "RadioGroupProvider",
1209
+ UDSButtonConfigProvider: {
1210
+ "name": "UDSButtonConfigProvider",
1007
1211
  "defaultProps": {},
1008
1212
  "getStylesLiterals": {},
1009
1213
  "cxLiterals": [],
1010
- "internalComponents": [
1011
- "DivProps",
1012
- "Comp",
1013
- "RadioGroupContext.Provider"
1014
- ],
1015
- "internalComponentProps": { "Comp": { "role": ["radiogroup"] } },
1016
- "propToVariantKeys": {},
1017
- "runtimeConfigDefaultProps": {},
1018
- "runtimeConfigGetStyles": {},
1019
- "runtimeConfigInternalComponentProps": {},
1020
- "motionVarPrefixes": [],
1021
- "factoryTarget": null
1022
- },
1023
- RadioBase: {
1024
- "name": "RadioBase",
1025
- "defaultProps": {
1026
- "labelPosition": "start",
1027
- "variant": "primary",
1028
- "size": "md",
1029
- "value": ""
1030
- },
1031
- "getStylesLiterals": {
1032
- "radioVariantValueRoot": "checked",
1033
- "radioVariantValueRoot:1": "unchecked",
1034
- "display": "flex",
1035
- "flexDirection": "row",
1036
- "flexDirection:1": "row-reverse",
1037
- "alignItems": "center"
1038
- },
1039
- "cxLiterals": [
1040
- "cursor-pointer",
1041
- "cursor-default",
1042
- "opacity-50",
1043
- "cursor-[inherit]",
1044
- "absolute",
1045
- "opacity-0",
1046
- "top-[-1px]",
1047
- "left-[-1px]",
1048
- "w-[calc(100%+2px)]",
1049
- "h-[calc(100%+2px)]",
1050
- "text-start",
1051
- "text-end"
1052
- ],
1053
- "internalComponents": ["FormLabel"],
1054
- "internalComponentProps": { "FormLabel": {
1055
- "as": ["div"],
1056
- "variant": ["inherit"],
1057
- "color": ["inherit"]
1058
- } },
1059
- "propToVariantKeys": {
1060
- "size": ["radioSizeRoot"],
1061
- "variant": ["radioVariantRoot"]
1062
- },
1063
- "runtimeConfigDefaultProps": {},
1064
- "runtimeConfigGetStyles": {},
1065
- "runtimeConfigInternalComponentProps": {},
1066
- "motionVarPrefixes": [],
1067
- "factoryTarget": null
1068
- },
1069
- Radio: {
1070
- "name": "Radio",
1071
- "defaultProps": {},
1072
- "getStylesLiterals": {
1073
- "radioVariantValueRadio": "checked",
1074
- "radioVariantValueRadio:1": "unchecked",
1075
- "radioVariantValueRadioCircle": "checked",
1076
- "radioVariantValueRadioCircle:1": "unchecked"
1077
- },
1078
- "cxLiterals": [
1079
- "opacity-55",
1080
- "opacity-100",
1081
- "opacity-0",
1082
- "border",
1083
- "uds-ring",
1084
- "uds-ring-within",
1085
- "transition-[background-color,border-color]",
1086
- "transition-shadow",
1087
- "pointer-events-none",
1088
- "w-[8px]",
1089
- "h-[8px]",
1090
- "transition-opacity",
1091
- "group",
1092
- "group-hover:scale-110",
1093
- "group-active:scale-90",
1094
- "group-active:uds-inset-shadow-lg-invert",
1095
- "group-hover:uds-inset-shadow-lg-invert",
1096
- "transition-[background-color,border-color,transform]"
1097
- ],
1098
- "internalComponents": [
1099
- "RadioBase",
1100
- "Box",
1101
- "SpringMotionConfig",
1102
- "RootElement",
1103
- "MotionBox",
1104
- "RadioProps"
1105
- ],
1106
- "internalComponentProps": {
1107
- "Box": {
1108
- "borderRadius": ["full"],
1109
- "position": ["relative"],
1110
- "alignItems": ["center"],
1111
- "justifyContent": ["center"],
1112
- "flex": ["none"]
1113
- },
1114
- "RootElement": { "data-testid": ["container"] },
1115
- "MotionBox": {
1116
- "position": ["relative"],
1117
- "borderRadius": ["full"],
1118
- "alignItems": ["center"],
1119
- "justifyContent": ["center"],
1120
- "flex": ["none"]
1121
- }
1122
- },
1123
- "propToVariantKeys": {
1124
- "size": ["radioSizeRadio"],
1125
- "variant": ["radioVariantRadio", "radioVariantRadioCircle"],
1126
- "reduceMotion": ["reducedMotion"]
1127
- },
1128
- "runtimeConfigDefaultProps": {},
1129
- "runtimeConfigGetStyles": {},
1130
- "runtimeConfigInternalComponentProps": {},
1131
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"],
1132
- "factoryTarget": null
1133
- },
1134
- Button: {
1135
- "name": "Button",
1136
- "defaultProps": {},
1137
- "getStylesLiterals": {},
1138
- "cxLiterals": [],
1139
- "internalComponents": [
1140
- "ButtonBase",
1141
- "Icon",
1142
- "IconSlot",
1143
- "AnimatePresence",
1144
- "SpringMotionConfig",
1145
- "MotionSlot",
1146
- "ButtonProps",
1147
- "Slot"
1148
- ],
1149
- "internalComponentProps": {
1150
- "Icon": { "color": ["current"] },
1151
- "AnimatePresence": { "mode": ["popLayout"] },
1152
- "SpringMotionConfig": { "layoutSpeed": ["3"] },
1153
- "MotionSlot": {
1154
- "whileHover": ["hover"],
1155
- "whileTap": ["pressed"]
1156
- }
1157
- },
1158
- "propToVariantKeys": {},
1159
- "runtimeConfigDefaultProps": {},
1160
- "runtimeConfigGetStyles": {},
1161
- "runtimeConfigInternalComponentProps": {},
1162
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"],
1163
- "factoryTarget": null
1164
- },
1165
- ButtonBase: {
1166
- "name": "ButtonBase",
1167
- "defaultProps": { "type": "button" },
1168
- "getStylesLiterals": {},
1169
- "cxLiterals": [
1170
- "uds-ring",
1171
- "uds-hit-target",
1172
- "inline-flex",
1173
- "max-w-full",
1174
- "overflow-hidden",
1175
- "justify-center",
1176
- "items-center",
1177
- "whitespace-nowrap",
1178
- "select-none",
1179
- "[transform-origin:center]",
1180
- "[backface-visibility:hidden]",
1181
- "[transition-property:color,background-color,border-color,box-shadow,text-decoration-color,fill,stroke]",
1182
- "[transition-timing-function:cubic-bezier(0,0,0.2,1)]",
1183
- "[transition-duration:220ms]",
1184
- "cursor-not-allowed",
1185
- "uds-button-loading",
1186
- "uds-button-without-effects",
1187
- "withIcon",
1188
- "uds-button-with-gap",
1189
- "flex",
1190
- "shrink-0",
1191
- "overflow-clip",
1192
- "uds-button-icon-container",
1193
- "animate-spin",
1194
- "min-w-0",
1195
- "truncate"
1196
- ],
1197
- "internalComponents": [],
1198
- "internalComponentProps": {},
1199
- "propToVariantKeys": {
1200
- "size": ["buttonSizeRoot", "buttonSizeIcon"],
1201
- "variant": ["buttonVariantRoot", "buttonVariantIcon"]
1202
- },
1203
- "runtimeConfigDefaultProps": { "size": "button.defaultSize" },
1204
- "runtimeConfigGetStyles": {},
1205
- "runtimeConfigInternalComponentProps": {},
1206
- "motionVarPrefixes": [],
1207
- "factoryTarget": null
1208
- },
1209
- UDSButtonConfigProvider: {
1210
- "name": "UDSButtonConfigProvider",
1211
- "defaultProps": {},
1212
- "getStylesLiterals": {},
1213
- "cxLiterals": [],
1214
- "internalComponents": ["ButtonContext.Provider"],
1215
- "internalComponentProps": {},
1214
+ "internalComponents": ["ButtonContext.Provider"],
1215
+ "internalComponentProps": {},
1216
1216
  "propToVariantKeys": {},
1217
1217
  "runtimeConfigDefaultProps": {},
1218
1218
  "runtimeConfigGetStyles": {},
@@ -2000,142 +2000,73 @@ var componentData_default = {
2000
2000
  "motionVarPrefixes": [],
2001
2001
  "factoryTarget": "Modal"
2002
2002
  },
2003
- Tab: {
2004
- "name": "Tab",
2005
- "defaultProps": { "variant": "primary" },
2006
- "getStylesLiterals": {
2007
- "tabSizeRoot": "default",
2008
- "tabVariantActiveRoot": "off",
2009
- "tabVariantActiveRoot:1": "on",
2010
- "tabSizeIcon": "default"
2011
- },
2003
+ BottomSheet: {
2004
+ "name": "BottomSheet",
2005
+ "defaultProps": { "variant": "default" },
2006
+ "getStylesLiterals": {},
2012
2007
  "cxLiterals": [
2013
- "pointer-events-none",
2014
- "absolute",
2008
+ "fixed",
2009
+ "overflow-hidden",
2010
+ "inset-x-0",
2015
2011
  "bottom-0",
2016
- "left-0",
2017
- "right-0",
2018
- "h-[var(--uds-tab-underline-width,0px)]",
2019
- "bg-[var(--uds-tab-underline-color,transparent)]",
2020
- "transition-[height,background-color]",
2021
- "duration-[240ms]",
2022
- "ease-[cubic-bezier(0.2,0,0,1)]",
2023
- "!bg-transparent",
2024
- "!shadow-none",
2025
- "inline-flex",
2026
- "items-center",
2027
- "shrink-0",
2028
- "box-border",
2029
- "relative",
2012
+ "z-50",
2013
+ "outline-none",
2014
+ "[will-change:transform]",
2015
+ "touch-none",
2016
+ "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
2017
+ "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
2018
+ "transition-transform",
2019
+ "duration-500",
2020
+ "ease-[cubic-bezier(0.32,0.72,0,1)]",
2021
+ "motion-reduce:transition-none",
2022
+ "top-[-4px]",
2030
2023
  "z-[1]",
2031
- "cursor-pointer",
2032
- "select-none",
2033
- "whitespace-nowrap",
2034
- "uds-ring",
2035
- "opacity-50",
2036
- "cursor-default",
2037
- "border-solid",
2038
- "border-b-solid",
2039
- "transition-colors"
2024
+ "touch-pan-y"
2040
2025
  ],
2041
2026
  "internalComponents": [
2042
- "IconSlot",
2043
- "AriakitTab",
2044
- "Text"
2027
+ "Scrim",
2028
+ "BottomSheetHandle",
2029
+ "Dialog",
2030
+ "Box",
2031
+ "BottomSheetInternalContext.Provider"
2045
2032
  ],
2046
- "internalComponentProps": { "Text": {
2047
- "variant": ["inherit"],
2048
- "as": ["span"],
2049
- "color": ["current"]
2050
- } },
2051
- "propToVariantKeys": {
2052
- "variant": ["tabVariantRoot", "tabVariantIcon"],
2053
- "activeState": ["tabVariantActiveIcon"],
2054
- "startIcon": ["icon"],
2055
- "endIcon": ["icon"]
2056
- },
2057
- "runtimeConfigDefaultProps": { "size": "tab.defaultSize" },
2058
- "runtimeConfigGetStyles": {},
2059
- "runtimeConfigInternalComponentProps": {},
2060
- "motionVarPrefixes": [],
2061
- "factoryTarget": null
2062
- },
2063
- TabList: {
2064
- "name": "TabList",
2065
- "defaultProps": { "variant": "primary" },
2066
- "getStylesLiterals": {
2067
- "tabSizeRoot": "default",
2068
- "tabVariantActiveRoot": "on"
2033
+ "internalComponentProps": {
2034
+ "BottomSheetHandle": { "ariaLabel": ["Resize sheet"] },
2035
+ "Dialog": { "data-testid": ["bottom-sheet"] },
2036
+ "Box": {
2037
+ "display": ["block", "flex"],
2038
+ "position": ["absolute"],
2039
+ "flexDirection": ["column"],
2040
+ "className": ["absolute inset-0 min-h-0 p-[inherit]"]
2041
+ }
2069
2042
  },
2070
- "cxLiterals": [
2071
- "pointer-events-none",
2072
- "absolute",
2073
- "bottom-0",
2074
- "left-0",
2075
- "right-0",
2076
- "h-[var(--uds-tab-underline-width,0px)]",
2077
- "bg-[var(--uds-tab-underline-color,transparent)]",
2078
- "transition-[height,background-color]",
2079
- "duration-[240ms]",
2080
- "ease-[cubic-bezier(0.2,0,0,1)]",
2081
- "!m-0",
2082
- "!p-0",
2083
- "!gap-0",
2084
- "box-border",
2085
- "z-0",
2086
- "min-w-0",
2087
- "min-h-0",
2088
- "flex",
2089
- "flex-row",
2090
- "items-center",
2091
- "overflow-x-auto",
2092
- "overflow-y-clip",
2093
- "scrollbar-none",
2094
- "[overflow-clip-margin:6px]",
2095
- "overflow-clip",
2096
- "[overflow-clip-margin:8px]",
2097
- "relative",
2098
- "left",
2099
- "240ms",
2100
- "cubic-bezier(0.2,",
2101
- "0,",
2102
- "1),",
2103
- "top",
2104
- "width",
2105
- "height",
2106
- "1)",
2107
- "--uds-tab-underline-color",
2108
- "--uds-tab-underline-width"
2109
- ],
2110
- "internalComponents": ["AriakitTabList"],
2111
- "internalComponentProps": {},
2112
- "propToVariantKeys": { "variant": ["tabsVariantRoot", "tabVariantRoot"] },
2043
+ "propToVariantKeys": { "variant": ["bottomsheetVariantRoot"] },
2113
2044
  "runtimeConfigDefaultProps": {},
2114
2045
  "runtimeConfigGetStyles": {},
2115
2046
  "runtimeConfigInternalComponentProps": {},
2116
2047
  "motionVarPrefixes": [],
2117
2048
  "factoryTarget": null
2118
2049
  },
2119
- Tabs: {
2120
- "name": "Tabs",
2121
- "defaultProps": { "variant": "primary" },
2050
+ UDSBottomSheetConfigProvider: {
2051
+ "name": "UDSBottomSheetConfigProvider",
2052
+ "defaultProps": {},
2122
2053
  "getStylesLiterals": {},
2123
2054
  "cxLiterals": [],
2124
- "internalComponents": ["TabsContext.Provider", "TabProvider"],
2055
+ "internalComponents": ["BottomSheetContext.Provider"],
2125
2056
  "internalComponentProps": {},
2126
- "propToVariantKeys": { "onSelectionChange": ["setSelectedId"] },
2057
+ "propToVariantKeys": {},
2127
2058
  "runtimeConfigDefaultProps": {},
2128
2059
  "runtimeConfigGetStyles": {},
2129
2060
  "runtimeConfigInternalComponentProps": {},
2130
2061
  "motionVarPrefixes": [],
2131
2062
  "factoryTarget": null
2132
2063
  },
2133
- UDSTabConfigProvider: {
2134
- "name": "UDSTabConfigProvider",
2064
+ BottomSheetTrigger: {
2065
+ "name": "BottomSheetTrigger",
2135
2066
  "defaultProps": {},
2136
2067
  "getStylesLiterals": {},
2137
- "cxLiterals": ["sm"],
2138
- "internalComponents": [],
2068
+ "cxLiterals": [],
2069
+ "internalComponents": ["AriakitDialogDisclosure"],
2139
2070
  "internalComponentProps": {},
2140
2071
  "propToVariantKeys": {},
2141
2072
  "runtimeConfigDefaultProps": {},
@@ -2144,12 +2075,12 @@ var componentData_default = {
2144
2075
  "motionVarPrefixes": [],
2145
2076
  "factoryTarget": null
2146
2077
  },
2147
- TabPanel: {
2148
- "name": "TabPanel",
2078
+ BottomSheetDismiss: {
2079
+ "name": "BottomSheetDismiss",
2149
2080
  "defaultProps": {},
2150
2081
  "getStylesLiterals": {},
2151
2082
  "cxLiterals": [],
2152
- "internalComponents": ["AriakitTabPanel"],
2083
+ "internalComponents": ["AriakitDialogDismiss"],
2153
2084
  "internalComponentProps": {},
2154
2085
  "propToVariantKeys": {},
2155
2086
  "runtimeConfigDefaultProps": {},
@@ -2158,60 +2089,57 @@ var componentData_default = {
2158
2089
  "motionVarPrefixes": [],
2159
2090
  "factoryTarget": null
2160
2091
  },
2161
- BottomSheet: {
2162
- "name": "BottomSheet",
2092
+ BottomSheetHeader: {
2093
+ "name": "BottomSheetHeader",
2163
2094
  "defaultProps": { "variant": "default" },
2164
2095
  "getStylesLiterals": {},
2165
2096
  "cxLiterals": [
2166
- "fixed",
2167
- "overflow-hidden",
2168
- "inset-x-0",
2169
- "bottom-0",
2170
- "z-50",
2171
- "outline-none",
2172
- "[will-change:transform]",
2173
- "touch-none",
2174
- "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
2175
- "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
2176
- "transition-transform",
2177
- "duration-500",
2178
- "ease-[cubic-bezier(0.32,0.72,0,1)]",
2179
- "motion-reduce:transition-none",
2180
- "top-[-4px]",
2181
- "z-[1]",
2182
- "touch-pan-y"
2097
+ "grid-cols-[40px_1fr_40px]",
2098
+ "items-center",
2099
+ "w-full",
2100
+ "min-h-10",
2101
+ "mt-2"
2183
2102
  ],
2184
2103
  "internalComponents": [
2185
- "Scrim",
2186
- "BottomSheetHandle",
2187
- "Dialog",
2188
2104
  "Box",
2189
- "BottomSheetInternalContext.Provider"
2105
+ "Text",
2106
+ "DialogHeading"
2190
2107
  ],
2191
2108
  "internalComponentProps": {
2192
- "BottomSheetHandle": { "ariaLabel": ["Resize sheet"] },
2193
- "Dialog": { "data-testid": ["bottom-sheet"] },
2194
2109
  "Box": {
2195
- "display": ["block", "flex"],
2196
- "position": ["absolute"],
2197
- "flexDirection": ["column"],
2198
- "className": ["absolute inset-0 min-h-0 p-[inherit]"]
2199
- }
2110
+ "className": ["h-10 w-10 opacity-0 pointer-events-none"],
2111
+ "display": ["grid", "flex"],
2112
+ "justifyContent": ["flex-start", "flex-end"]
2113
+ },
2114
+ "Text": {
2115
+ "as": ["p"],
2116
+ "variant": ["inherit"],
2117
+ "color": ["inherit"],
2118
+ "textAlign": ["center"],
2119
+ "className": ["m-0 w-full"]
2120
+ },
2121
+ "DialogHeading": { "role": ["heading"] }
2200
2122
  },
2201
- "propToVariantKeys": { "variant": ["bottomsheetVariantRoot"] },
2123
+ "propToVariantKeys": { "variant": ["bottomsheetVariantHeader"] },
2202
2124
  "runtimeConfigDefaultProps": {},
2203
2125
  "runtimeConfigGetStyles": {},
2204
2126
  "runtimeConfigInternalComponentProps": {},
2205
2127
  "motionVarPrefixes": [],
2206
2128
  "factoryTarget": null
2207
2129
  },
2208
- UDSBottomSheetConfigProvider: {
2209
- "name": "UDSBottomSheetConfigProvider",
2130
+ BottomSheetContent: {
2131
+ "name": "BottomSheetContent",
2210
2132
  "defaultProps": {},
2211
2133
  "getStylesLiterals": {},
2212
- "cxLiterals": [],
2213
- "internalComponents": ["BottomSheetContext.Provider"],
2214
- "internalComponentProps": {},
2134
+ "cxLiterals": ["min-h-0", "touch-pan-y"],
2135
+ "internalComponents": ["Box", "VStack"],
2136
+ "internalComponentProps": {
2137
+ "Box": {
2138
+ "display": ["block"],
2139
+ "flex": ["1"]
2140
+ },
2141
+ "VStack": { "className": ["pb-[calc(env(safe-area-inset-bottom))]"] }
2142
+ },
2215
2143
  "propToVariantKeys": {},
2216
2144
  "runtimeConfigDefaultProps": {},
2217
2145
  "runtimeConfigGetStyles": {},
@@ -2219,12 +2147,12 @@ var componentData_default = {
2219
2147
  "motionVarPrefixes": [],
2220
2148
  "factoryTarget": null
2221
2149
  },
2222
- BottomSheetTrigger: {
2223
- "name": "BottomSheetTrigger",
2150
+ BottomSheetProvider: {
2151
+ "name": "BottomSheetProvider",
2224
2152
  "defaultProps": {},
2225
2153
  "getStylesLiterals": {},
2226
2154
  "cxLiterals": [],
2227
- "internalComponents": ["AriakitDialogDisclosure"],
2155
+ "internalComponents": ["AriakitDialogProvider"],
2228
2156
  "internalComponentProps": {},
2229
2157
  "propToVariantKeys": {},
2230
2158
  "runtimeConfigDefaultProps": {},
@@ -2233,12 +2161,56 @@ var componentData_default = {
2233
2161
  "motionVarPrefixes": [],
2234
2162
  "factoryTarget": null
2235
2163
  },
2236
- BottomSheetDismiss: {
2237
- "name": "BottomSheetDismiss",
2164
+ BottomSheetHandle: {
2165
+ "name": "BottomSheetHandle",
2166
+ "defaultProps": { "variant": "default" },
2167
+ "getStylesLiterals": {},
2168
+ "cxLiterals": [
2169
+ "relative",
2170
+ "h-5",
2171
+ "w-16",
2172
+ "[touch-action:pan-y]",
2173
+ "absolute",
2174
+ "left-1/2",
2175
+ "top-1/2",
2176
+ "-translate-x-1/2",
2177
+ "-translate-y-1/2",
2178
+ "h-1",
2179
+ "w-8",
2180
+ "rounded-full",
2181
+ "uds-ring",
2182
+ "outline-none",
2183
+ "before:absolute",
2184
+ "before:-inset-x-4",
2185
+ "before:-inset-y-2",
2186
+ "before:content-['']"
2187
+ ],
2188
+ "internalComponents": ["Pressable", "Box"],
2189
+ "internalComponentProps": {
2190
+ "Pressable": {
2191
+ "type": ["button"],
2192
+ "display": ["block"]
2193
+ },
2194
+ "Box": {
2195
+ "as": ["span"],
2196
+ "display": ["block", "flex"],
2197
+ "aria-hidden": ["true"],
2198
+ "justifyContent": ["center"]
2199
+ }
2200
+ },
2201
+ "propToVariantKeys": { "variant": ["bottomsheetVariantHandleIndicator"] },
2202
+ "runtimeConfigDefaultProps": {},
2203
+ "runtimeConfigGetStyles": {},
2204
+ "runtimeConfigInternalComponentProps": {},
2205
+ "motionVarPrefixes": [],
2206
+ "factoryTarget": null
2207
+ },
2208
+ BottomSheetInternalContext: {
2209
+ "name": "BottomSheetInternalContext",
2238
2210
  "defaultProps": {},
2239
2211
  "getStylesLiterals": {},
2240
2212
  "cxLiterals": [],
2241
- "internalComponents": ["AriakitDialogDismiss"],
2213
+ "internalComponents": [],
2242
2214
  "internalComponentProps": {},
2243
2215
  "propToVariantKeys": {},
2244
2216
  "runtimeConfigDefaultProps": {},
@@ -2247,70 +2219,142 @@ var componentData_default = {
2247
2219
  "motionVarPrefixes": [],
2248
2220
  "factoryTarget": null
2249
2221
  },
2250
- BottomSheetHeader: {
2251
- "name": "BottomSheetHeader",
2252
- "defaultProps": { "variant": "default" },
2253
- "getStylesLiterals": {},
2222
+ Tab: {
2223
+ "name": "Tab",
2224
+ "defaultProps": { "variant": "primary" },
2225
+ "getStylesLiterals": {
2226
+ "tabSizeRoot": "default",
2227
+ "tabVariantActiveRoot": "off",
2228
+ "tabVariantActiveRoot:1": "on",
2229
+ "tabSizeIcon": "default"
2230
+ },
2254
2231
  "cxLiterals": [
2255
- "grid-cols-[40px_1fr_40px]",
2232
+ "pointer-events-none",
2233
+ "absolute",
2234
+ "bottom-0",
2235
+ "left-0",
2236
+ "right-0",
2237
+ "h-[var(--uds-tab-underline-width,0px)]",
2238
+ "bg-[var(--uds-tab-underline-color,transparent)]",
2239
+ "transition-[height,background-color]",
2240
+ "duration-[240ms]",
2241
+ "ease-[cubic-bezier(0.2,0,0,1)]",
2242
+ "!bg-transparent",
2243
+ "!shadow-none",
2244
+ "inline-flex",
2256
2245
  "items-center",
2257
- "w-full",
2258
- "min-h-10",
2259
- "mt-2"
2246
+ "shrink-0",
2247
+ "box-border",
2248
+ "relative",
2249
+ "z-[1]",
2250
+ "cursor-pointer",
2251
+ "select-none",
2252
+ "whitespace-nowrap",
2253
+ "uds-ring",
2254
+ "opacity-50",
2255
+ "cursor-default",
2256
+ "border-solid",
2257
+ "border-b-solid",
2258
+ "transition-colors"
2260
2259
  ],
2261
2260
  "internalComponents": [
2262
- "Box",
2263
- "Text",
2264
- "DialogHeading"
2261
+ "IconSlot",
2262
+ "AriakitTab",
2263
+ "Text"
2264
+ ],
2265
+ "internalComponentProps": { "Text": {
2266
+ "variant": ["inherit"],
2267
+ "as": ["span"],
2268
+ "color": ["current"]
2269
+ } },
2270
+ "propToVariantKeys": {
2271
+ "variant": ["tabVariantRoot", "tabVariantIcon"],
2272
+ "activeState": ["tabVariantActiveIcon"],
2273
+ "startIcon": ["icon"],
2274
+ "endIcon": ["icon"]
2275
+ },
2276
+ "runtimeConfigDefaultProps": { "size": "tab.defaultSize" },
2277
+ "runtimeConfigGetStyles": {},
2278
+ "runtimeConfigInternalComponentProps": {},
2279
+ "motionVarPrefixes": [],
2280
+ "factoryTarget": null
2281
+ },
2282
+ TabList: {
2283
+ "name": "TabList",
2284
+ "defaultProps": { "variant": "primary" },
2285
+ "getStylesLiterals": {
2286
+ "tabSizeRoot": "default",
2287
+ "tabVariantActiveRoot": "on"
2288
+ },
2289
+ "cxLiterals": [
2290
+ "pointer-events-none",
2291
+ "absolute",
2292
+ "bottom-0",
2293
+ "left-0",
2294
+ "right-0",
2295
+ "h-[var(--uds-tab-underline-width,0px)]",
2296
+ "bg-[var(--uds-tab-underline-color,transparent)]",
2297
+ "transition-[height,background-color]",
2298
+ "duration-[240ms]",
2299
+ "ease-[cubic-bezier(0.2,0,0,1)]",
2300
+ "!m-0",
2301
+ "!p-0",
2302
+ "!gap-0",
2303
+ "box-border",
2304
+ "z-0",
2305
+ "min-w-0",
2306
+ "min-h-0",
2307
+ "flex",
2308
+ "flex-row",
2309
+ "items-center",
2310
+ "overflow-x-auto",
2311
+ "overflow-y-clip",
2312
+ "scrollbar-none",
2313
+ "[overflow-clip-margin:6px]",
2314
+ "overflow-clip",
2315
+ "[overflow-clip-margin:8px]",
2316
+ "relative",
2317
+ "left",
2318
+ "240ms",
2319
+ "cubic-bezier(0.2,",
2320
+ "0,",
2321
+ "1),",
2322
+ "top",
2323
+ "width",
2324
+ "height",
2325
+ "1)",
2326
+ "--uds-tab-underline-color",
2327
+ "--uds-tab-underline-width"
2265
2328
  ],
2266
- "internalComponentProps": {
2267
- "Box": {
2268
- "className": ["h-10 w-10 opacity-0 pointer-events-none"],
2269
- "display": ["grid", "flex"],
2270
- "justifyContent": ["flex-start", "flex-end"]
2271
- },
2272
- "Text": {
2273
- "as": ["p"],
2274
- "variant": ["inherit"],
2275
- "color": ["inherit"],
2276
- "textAlign": ["center"],
2277
- "className": ["m-0 w-full"]
2278
- },
2279
- "DialogHeading": { "role": ["heading"] }
2280
- },
2281
- "propToVariantKeys": { "variant": ["bottomsheetVariantHeader"] },
2329
+ "internalComponents": ["AriakitTabList"],
2330
+ "internalComponentProps": {},
2331
+ "propToVariantKeys": { "variant": ["tabsVariantRoot", "tabVariantRoot"] },
2282
2332
  "runtimeConfigDefaultProps": {},
2283
2333
  "runtimeConfigGetStyles": {},
2284
2334
  "runtimeConfigInternalComponentProps": {},
2285
2335
  "motionVarPrefixes": [],
2286
2336
  "factoryTarget": null
2287
2337
  },
2288
- BottomSheetContent: {
2289
- "name": "BottomSheetContent",
2290
- "defaultProps": {},
2338
+ Tabs: {
2339
+ "name": "Tabs",
2340
+ "defaultProps": { "variant": "primary" },
2291
2341
  "getStylesLiterals": {},
2292
- "cxLiterals": ["min-h-0", "touch-pan-y"],
2293
- "internalComponents": ["Box", "VStack"],
2294
- "internalComponentProps": {
2295
- "Box": {
2296
- "display": ["block"],
2297
- "flex": ["1"]
2298
- },
2299
- "VStack": { "className": ["pb-[calc(env(safe-area-inset-bottom))]"] }
2300
- },
2301
- "propToVariantKeys": {},
2342
+ "cxLiterals": [],
2343
+ "internalComponents": ["TabsContext.Provider", "TabProvider"],
2344
+ "internalComponentProps": {},
2345
+ "propToVariantKeys": { "onSelectionChange": ["setSelectedId"] },
2302
2346
  "runtimeConfigDefaultProps": {},
2303
2347
  "runtimeConfigGetStyles": {},
2304
2348
  "runtimeConfigInternalComponentProps": {},
2305
2349
  "motionVarPrefixes": [],
2306
2350
  "factoryTarget": null
2307
2351
  },
2308
- BottomSheetProvider: {
2309
- "name": "BottomSheetProvider",
2352
+ UDSTabConfigProvider: {
2353
+ "name": "UDSTabConfigProvider",
2310
2354
  "defaultProps": {},
2311
2355
  "getStylesLiterals": {},
2312
- "cxLiterals": [],
2313
- "internalComponents": ["AriakitDialogProvider"],
2356
+ "cxLiterals": ["sm"],
2357
+ "internalComponents": [],
2314
2358
  "internalComponentProps": {},
2315
2359
  "propToVariantKeys": {},
2316
2360
  "runtimeConfigDefaultProps": {},
@@ -2319,56 +2363,12 @@ var componentData_default = {
2319
2363
  "motionVarPrefixes": [],
2320
2364
  "factoryTarget": null
2321
2365
  },
2322
- BottomSheetHandle: {
2323
- "name": "BottomSheetHandle",
2324
- "defaultProps": { "variant": "default" },
2325
- "getStylesLiterals": {},
2326
- "cxLiterals": [
2327
- "relative",
2328
- "h-5",
2329
- "w-16",
2330
- "[touch-action:pan-y]",
2331
- "absolute",
2332
- "left-1/2",
2333
- "top-1/2",
2334
- "-translate-x-1/2",
2335
- "-translate-y-1/2",
2336
- "h-1",
2337
- "w-8",
2338
- "rounded-full",
2339
- "uds-ring",
2340
- "outline-none",
2341
- "before:absolute",
2342
- "before:-inset-x-4",
2343
- "before:-inset-y-2",
2344
- "before:content-['']"
2345
- ],
2346
- "internalComponents": ["Pressable", "Box"],
2347
- "internalComponentProps": {
2348
- "Pressable": {
2349
- "type": ["button"],
2350
- "display": ["block"]
2351
- },
2352
- "Box": {
2353
- "as": ["span"],
2354
- "display": ["block", "flex"],
2355
- "aria-hidden": ["true"],
2356
- "justifyContent": ["center"]
2357
- }
2358
- },
2359
- "propToVariantKeys": { "variant": ["bottomsheetVariantHandleIndicator"] },
2360
- "runtimeConfigDefaultProps": {},
2361
- "runtimeConfigGetStyles": {},
2362
- "runtimeConfigInternalComponentProps": {},
2363
- "motionVarPrefixes": [],
2364
- "factoryTarget": null
2365
- },
2366
- BottomSheetInternalContext: {
2367
- "name": "BottomSheetInternalContext",
2366
+ TabPanel: {
2367
+ "name": "TabPanel",
2368
2368
  "defaultProps": {},
2369
2369
  "getStylesLiterals": {},
2370
2370
  "cxLiterals": [],
2371
- "internalComponents": [],
2371
+ "internalComponents": ["AriakitTabPanel"],
2372
2372
  "internalComponentProps": {},
2373
2373
  "propToVariantKeys": {},
2374
2374
  "runtimeConfigDefaultProps": {},
@@ -3410,224 +3410,67 @@ var componentData_default = {
3410
3410
  "alignItems": ["center"],
3411
3411
  "justifyContent": ["center"],
3412
3412
  "flex": ["none"]
3413
- },
3414
- "Box": {
3415
- "position": ["relative"],
3416
- "alignItems": ["center"],
3417
- "justifyContent": ["center"],
3418
- "flex": ["none"]
3419
- }
3420
- },
3421
- "propToVariantKeys": {
3422
- "size": ["checkboxSizeCheckbox"],
3423
- "variant": ["checkboxVariantCheckbox", "checkboxVariantCheckboxIcon"],
3424
- "valueState": ["checkboxVariantValueCheckbox", "checkboxVariantValueCheckboxIcon"],
3425
- "reduceMotion": ["reducedMotion"]
3426
- },
3427
- "runtimeConfigDefaultProps": {},
3428
- "runtimeConfigGetStyles": {},
3429
- "runtimeConfigInternalComponentProps": {},
3430
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"],
3431
- "factoryTarget": null
3432
- },
3433
- CheckboxBase: {
3434
- "name": "CheckboxBase",
3435
- "defaultProps": {
3436
- "labelPosition": "start",
3437
- "variant": "primary",
3438
- "size": "md"
3439
- },
3440
- "getStylesLiterals": {
3441
- "display": "flex",
3442
- "flexDirection": "row",
3443
- "flexDirection:1": "row-reverse",
3444
- "alignItems": "center"
3445
- },
3446
- "cxLiterals": [
3447
- "cursor-pointer",
3448
- "cursor-default",
3449
- "opacity-50",
3450
- "cursor-[inherit]",
3451
- "absolute",
3452
- "opacity-0",
3453
- "top-[-1px]",
3454
- "left-[-1px]",
3455
- "w-[calc(100%+2px)]",
3456
- "h-[calc(100%+2px)]",
3457
- "text-start",
3458
- "text-end"
3459
- ],
3460
- "internalComponents": ["FormLabel"],
3461
- "internalComponentProps": { "FormLabel": {
3462
- "as": ["div"],
3463
- "variant": ["inherit"],
3464
- "color": ["inherit"]
3465
- } },
3466
- "propToVariantKeys": {
3467
- "size": ["checkboxSizeRoot"],
3468
- "variant": ["checkboxVariantRoot"],
3469
- "valueState": ["checkboxVariantValueRoot"]
3470
- },
3471
- "runtimeConfigDefaultProps": {},
3472
- "runtimeConfigGetStyles": {},
3473
- "runtimeConfigInternalComponentProps": {},
3474
- "motionVarPrefixes": [],
3475
- "factoryTarget": null
3476
- },
3477
- createToast: {
3478
- "name": "createToast",
3479
- "defaultProps": {},
3480
- "getStylesLiterals": {},
3481
- "cxLiterals": [],
3482
- "internalComponents": ["Toast"],
3483
- "internalComponentProps": { "Toast": {
3484
- "variant": [
3485
- "loading",
3486
- "success",
3487
- "error"
3488
- ],
3489
- "message": ["Unknown error occurred"]
3490
- } },
3491
- "propToVariantKeys": {},
3492
- "runtimeConfigDefaultProps": {},
3493
- "runtimeConfigGetStyles": {},
3494
- "runtimeConfigInternalComponentProps": {},
3495
- "motionVarPrefixes": [],
3496
- "factoryTarget": "Toast"
3497
- },
3498
- Toast: {
3499
- "name": "Toast",
3500
- "defaultProps": { "closeAriaLabel": "Close" },
3501
- "getStylesLiterals": {
3502
- "className": "animate-spin",
3503
- "className:1": "flex-none",
3504
- "spacing": "2",
3505
- "borderRadius": "full"
3506
- },
3507
- "cxLiterals": [
3508
- "duration-0",
3509
- "duration-120",
3510
- "transition-[background-color]",
3511
- "bg-carbon-15/0",
3512
- "hover:bg-carbon-15/10",
3513
- "active:bg-carbon-15/15",
3514
- "uds-ring"
3515
- ],
3516
- "internalComponents": [
3517
- "IconSlot",
3518
- "ToastContainer",
3519
- "Text",
3520
- "Button",
3521
- "Pressable"
3522
- ],
3523
- "internalComponentProps": {},
3524
- "propToVariantKeys": {
3525
- "size": [
3526
- "toastSizeLabel",
3527
- "toastSizeIcon",
3528
- "toastSizeActionButton",
3529
- "toastSizeCloseIcon"
3530
- ],
3531
- "variant": [
3532
- "toastVariantIcon",
3533
- "toastVariantActionButton",
3534
- "toastVariantCloseIcon"
3535
- ],
3536
- "closeIcon": ["icon"],
3537
- "onClickActionButton": ["onClick"],
3538
- "closeAriaLabel": ["aria-label"]
3539
- },
3540
- "runtimeConfigDefaultProps": {
3541
- "size": "toast.defaultSize",
3542
- "variant": "toast.defaultVariant"
3543
- },
3544
- "runtimeConfigGetStyles": {
3545
- "toastSizeLabel": ["toast.defaultSize"],
3546
- "toastVariantIcon": ["toast.defaultVariant"],
3547
- "toastSizeIcon": ["toast.defaultSize"],
3548
- "toastSizeActionButton": ["toast.defaultSize"],
3549
- "toastVariantActionButton": ["toast.defaultVariant"],
3550
- "toastVariantCloseIcon": ["toast.defaultVariant"],
3551
- "toastSizeCloseIcon": ["toast.defaultSize"]
3552
- },
3553
- "runtimeConfigInternalComponentProps": {
3554
- "ToastContainer": {
3555
- "size": ["toast.defaultSize"],
3556
- "variant": ["toast.defaultVariant"]
3557
- },
3558
- "Text": {
3559
- "variant": ["toast.textVariant.${size}"],
3560
- "color": ["toast.textColor.${variant}"]
3561
- },
3562
- "Button": {
3563
- "size": ["toast.buttonSize.${size}"],
3564
- "variant": ["toast.buttonVariant.${variant}"]
3413
+ },
3414
+ "Box": {
3415
+ "position": ["relative"],
3416
+ "alignItems": ["center"],
3417
+ "justifyContent": ["center"],
3418
+ "flex": ["none"]
3565
3419
  }
3566
3420
  },
3567
- "motionVarPrefixes": [],
3568
- "factoryTarget": null
3569
- },
3570
- UDSToastConfigProvider: {
3571
- "name": "UDSToastConfigProvider",
3572
- "defaultProps": {},
3573
- "getStylesLiterals": {},
3574
- "cxLiterals": [],
3575
- "internalComponents": ["ToastContext.Provider"],
3576
- "internalComponentProps": {},
3577
- "propToVariantKeys": {},
3421
+ "propToVariantKeys": {
3422
+ "size": ["checkboxSizeCheckbox"],
3423
+ "variant": ["checkboxVariantCheckbox", "checkboxVariantCheckboxIcon"],
3424
+ "valueState": ["checkboxVariantValueCheckbox", "checkboxVariantValueCheckboxIcon"],
3425
+ "reduceMotion": ["reducedMotion"]
3426
+ },
3578
3427
  "runtimeConfigDefaultProps": {},
3579
3428
  "runtimeConfigGetStyles": {},
3580
3429
  "runtimeConfigInternalComponentProps": {},
3581
- "motionVarPrefixes": [],
3430
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"],
3582
3431
  "factoryTarget": null
3583
3432
  },
3584
- ToastPortal: {
3585
- "name": "ToastPortal",
3586
- "defaultProps": {},
3587
- "getStylesLiterals": {},
3588
- "cxLiterals": [],
3589
- "internalComponents": ["ReactToastifyToastContainer"],
3590
- "internalComponentProps": {},
3591
- "propToVariantKeys": {},
3592
- "runtimeConfigDefaultProps": {
3593
- "size": "toast.defaultSize",
3594
- "variant": "toast.defaultVariant"
3433
+ CheckboxBase: {
3434
+ "name": "CheckboxBase",
3435
+ "defaultProps": {
3436
+ "labelPosition": "start",
3437
+ "variant": "primary",
3438
+ "size": "md"
3595
3439
  },
3596
- "runtimeConfigGetStyles": {},
3597
- "runtimeConfigInternalComponentProps": { "ReactToastifyToastContainer": { "autoClose": ["toast.autoClose"] } },
3598
- "motionVarPrefixes": [],
3599
- "factoryTarget": null
3600
- },
3601
- ToastContainer: {
3602
- "name": "ToastContainer",
3603
- "defaultProps": {},
3604
3440
  "getStylesLiterals": {
3605
- "position": "relative",
3606
- "alignItems": "center",
3607
3441
  "display": "flex",
3608
- "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
3442
+ "flexDirection": "row",
3443
+ "flexDirection:1": "row-reverse",
3444
+ "alignItems": "center"
3609
3445
  },
3610
- "cxLiterals": ["w-full"],
3611
- "internalComponents": ["HStack"],
3612
- "internalComponentProps": { "HStack": {
3613
- "alignItems": ["center"],
3614
- "justifyContent": ["space-between"],
3615
- "overflow": ["hidden"],
3616
- "position": ["relative"]
3446
+ "cxLiterals": [
3447
+ "cursor-pointer",
3448
+ "cursor-default",
3449
+ "opacity-50",
3450
+ "cursor-[inherit]",
3451
+ "absolute",
3452
+ "opacity-0",
3453
+ "top-[-1px]",
3454
+ "left-[-1px]",
3455
+ "w-[calc(100%+2px)]",
3456
+ "h-[calc(100%+2px)]",
3457
+ "text-start",
3458
+ "text-end"
3459
+ ],
3460
+ "internalComponents": ["FormLabel"],
3461
+ "internalComponentProps": { "FormLabel": {
3462
+ "as": ["div"],
3463
+ "variant": ["inherit"],
3464
+ "color": ["inherit"]
3617
3465
  } },
3618
3466
  "propToVariantKeys": {
3619
- "variant": ["toastVariantRoot"],
3620
- "size": ["toastSizeRoot"]
3621
- },
3622
- "runtimeConfigDefaultProps": {
3623
- "size": "toast.defaultSize",
3624
- "variant": "toast.defaultVariant"
3625
- },
3626
- "runtimeConfigGetStyles": {
3627
- "toastVariantRoot": ["toast.defaultVariant"],
3628
- "toastSizeRoot": ["toast.defaultSize"]
3467
+ "size": ["checkboxSizeRoot"],
3468
+ "variant": ["checkboxVariantRoot"],
3469
+ "valueState": ["checkboxVariantValueRoot"]
3629
3470
  },
3630
- "runtimeConfigInternalComponentProps": { "HStack": { "backgroundColor": ["toast.backgroundColor.${variant}"] } },
3471
+ "runtimeConfigDefaultProps": {},
3472
+ "runtimeConfigGetStyles": {},
3473
+ "runtimeConfigInternalComponentProps": {},
3631
3474
  "motionVarPrefixes": [],
3632
3475
  "factoryTarget": null
3633
3476
  },
@@ -3875,6 +3718,163 @@ var componentData_default = {
3875
3718
  "motionVarPrefixes": [],
3876
3719
  "factoryTarget": null
3877
3720
  },
3721
+ createToast: {
3722
+ "name": "createToast",
3723
+ "defaultProps": {},
3724
+ "getStylesLiterals": {},
3725
+ "cxLiterals": [],
3726
+ "internalComponents": ["Toast"],
3727
+ "internalComponentProps": { "Toast": {
3728
+ "variant": [
3729
+ "loading",
3730
+ "success",
3731
+ "error"
3732
+ ],
3733
+ "message": ["Unknown error occurred"]
3734
+ } },
3735
+ "propToVariantKeys": {},
3736
+ "runtimeConfigDefaultProps": {},
3737
+ "runtimeConfigGetStyles": {},
3738
+ "runtimeConfigInternalComponentProps": {},
3739
+ "motionVarPrefixes": [],
3740
+ "factoryTarget": "Toast"
3741
+ },
3742
+ Toast: {
3743
+ "name": "Toast",
3744
+ "defaultProps": { "closeAriaLabel": "Close" },
3745
+ "getStylesLiterals": {
3746
+ "className": "animate-spin",
3747
+ "className:1": "flex-none",
3748
+ "spacing": "2",
3749
+ "borderRadius": "full"
3750
+ },
3751
+ "cxLiterals": [
3752
+ "duration-0",
3753
+ "duration-120",
3754
+ "transition-[background-color]",
3755
+ "bg-carbon-15/0",
3756
+ "hover:bg-carbon-15/10",
3757
+ "active:bg-carbon-15/15",
3758
+ "uds-ring"
3759
+ ],
3760
+ "internalComponents": [
3761
+ "IconSlot",
3762
+ "ToastContainer",
3763
+ "Text",
3764
+ "Button",
3765
+ "Pressable"
3766
+ ],
3767
+ "internalComponentProps": {},
3768
+ "propToVariantKeys": {
3769
+ "size": [
3770
+ "toastSizeLabel",
3771
+ "toastSizeIcon",
3772
+ "toastSizeActionButton",
3773
+ "toastSizeCloseIcon"
3774
+ ],
3775
+ "variant": [
3776
+ "toastVariantIcon",
3777
+ "toastVariantActionButton",
3778
+ "toastVariantCloseIcon"
3779
+ ],
3780
+ "closeIcon": ["icon"],
3781
+ "onClickActionButton": ["onClick"],
3782
+ "closeAriaLabel": ["aria-label"]
3783
+ },
3784
+ "runtimeConfigDefaultProps": {
3785
+ "size": "toast.defaultSize",
3786
+ "variant": "toast.defaultVariant"
3787
+ },
3788
+ "runtimeConfigGetStyles": {
3789
+ "toastSizeLabel": ["toast.defaultSize"],
3790
+ "toastVariantIcon": ["toast.defaultVariant"],
3791
+ "toastSizeIcon": ["toast.defaultSize"],
3792
+ "toastSizeActionButton": ["toast.defaultSize"],
3793
+ "toastVariantActionButton": ["toast.defaultVariant"],
3794
+ "toastVariantCloseIcon": ["toast.defaultVariant"],
3795
+ "toastSizeCloseIcon": ["toast.defaultSize"]
3796
+ },
3797
+ "runtimeConfigInternalComponentProps": {
3798
+ "ToastContainer": {
3799
+ "size": ["toast.defaultSize"],
3800
+ "variant": ["toast.defaultVariant"]
3801
+ },
3802
+ "Text": {
3803
+ "variant": ["toast.textVariant.${size}"],
3804
+ "color": ["toast.textColor.${variant}"]
3805
+ },
3806
+ "Button": {
3807
+ "size": ["toast.buttonSize.${size}"],
3808
+ "variant": ["toast.buttonVariant.${variant}"]
3809
+ }
3810
+ },
3811
+ "motionVarPrefixes": [],
3812
+ "factoryTarget": null
3813
+ },
3814
+ UDSToastConfigProvider: {
3815
+ "name": "UDSToastConfigProvider",
3816
+ "defaultProps": {},
3817
+ "getStylesLiterals": {},
3818
+ "cxLiterals": [],
3819
+ "internalComponents": ["ToastContext.Provider"],
3820
+ "internalComponentProps": {},
3821
+ "propToVariantKeys": {},
3822
+ "runtimeConfigDefaultProps": {},
3823
+ "runtimeConfigGetStyles": {},
3824
+ "runtimeConfigInternalComponentProps": {},
3825
+ "motionVarPrefixes": [],
3826
+ "factoryTarget": null
3827
+ },
3828
+ ToastPortal: {
3829
+ "name": "ToastPortal",
3830
+ "defaultProps": {},
3831
+ "getStylesLiterals": {},
3832
+ "cxLiterals": [],
3833
+ "internalComponents": ["ReactToastifyToastContainer"],
3834
+ "internalComponentProps": {},
3835
+ "propToVariantKeys": {},
3836
+ "runtimeConfigDefaultProps": {
3837
+ "size": "toast.defaultSize",
3838
+ "variant": "toast.defaultVariant"
3839
+ },
3840
+ "runtimeConfigGetStyles": {},
3841
+ "runtimeConfigInternalComponentProps": { "ReactToastifyToastContainer": { "autoClose": ["toast.autoClose"] } },
3842
+ "motionVarPrefixes": [],
3843
+ "factoryTarget": null
3844
+ },
3845
+ ToastContainer: {
3846
+ "name": "ToastContainer",
3847
+ "defaultProps": {},
3848
+ "getStylesLiterals": {
3849
+ "position": "relative",
3850
+ "alignItems": "center",
3851
+ "display": "flex",
3852
+ "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
3853
+ },
3854
+ "cxLiterals": ["w-full"],
3855
+ "internalComponents": ["HStack"],
3856
+ "internalComponentProps": { "HStack": {
3857
+ "alignItems": ["center"],
3858
+ "justifyContent": ["space-between"],
3859
+ "overflow": ["hidden"],
3860
+ "position": ["relative"]
3861
+ } },
3862
+ "propToVariantKeys": {
3863
+ "variant": ["toastVariantRoot"],
3864
+ "size": ["toastSizeRoot"]
3865
+ },
3866
+ "runtimeConfigDefaultProps": {
3867
+ "size": "toast.defaultSize",
3868
+ "variant": "toast.defaultVariant"
3869
+ },
3870
+ "runtimeConfigGetStyles": {
3871
+ "toastVariantRoot": ["toast.defaultVariant"],
3872
+ "toastSizeRoot": ["toast.defaultSize"]
3873
+ },
3874
+ "runtimeConfigInternalComponentProps": { "HStack": { "backgroundColor": ["toast.backgroundColor.${variant}"] } },
3875
+ "motionVarPrefixes": [],
3876
+ "factoryTarget": null
3877
+ },
3878
3878
  Tooltip: {
3879
3879
  "name": "Tooltip",
3880
3880
  "defaultProps": {},