@yahoo/uds 3.121.0 → 3.122.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (15) hide show
  1. package/dist/components/client/Menu/Menu.ItemCheckbox.d.cts +1 -1
  2. package/dist/components/client/Menu/Menu.ItemCheckbox.d.ts +1 -1
  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/fixtures/dist/index.cjs +1 -2
  6. package/dist/fixtures/dist/index.js +1 -2
  7. package/dist/styles/styler.d.cts +38 -38
  8. package/dist/styles/styler.d.ts +38 -38
  9. package/dist/tailwind/dist/fixtures/dist/index.js.map +1 -1
  10. package/dist/uds/generated/componentData.cjs +1105 -1105
  11. package/dist/uds/generated/componentData.js +1105 -1105
  12. package/dist/uds/package.cjs +3 -3
  13. package/dist/uds/package.js +3 -3
  14. package/generated/componentData.json +1387 -1387
  15. package/package.json +4 -4
package/dist/uds/generated/componentData.cjs CHANGED
@@ -293,6 +293,74 @@ var DividerInternal = {
293
293
  "runtimeConfigInternalComponentProps": {},
294
294
  "motionVarPrefixes": []
295
295
  };
296
+ var Spinner = {
297
+ "name": "Spinner",
298
+ "defaultProps": {
299
+ "color": "primary",
300
+ "size": "lg"
301
+ },
302
+ "getStylesLiterals": {},
303
+ "cxLiterals": [
304
+ "self-center",
305
+ "relative",
306
+ "sr-only"
307
+ ],
308
+ "internalComponents": ["Icon"],
309
+ "internalComponentProps": { "Icon": {
310
+ "role": ["img"],
311
+ "className": ["animate-spin"],
312
+ "aria-hidden": ["true"]
313
+ } },
314
+ "propToVariantKeys": {},
315
+ "runtimeConfigDefaultProps": {},
316
+ "runtimeConfigGetStyles": {},
317
+ "runtimeConfigInternalComponentProps": {},
318
+ "motionVarPrefixes": []
319
+ };
320
+ var Table_mocks = {
321
+ "name": "Table.mocks",
322
+ "defaultProps": {},
323
+ "getStylesLiterals": {},
324
+ "cxLiterals": [],
325
+ "internalComponents": [],
326
+ "internalComponentProps": {},
327
+ "propToVariantKeys": {},
328
+ "runtimeConfigDefaultProps": {},
329
+ "runtimeConfigGetStyles": {},
330
+ "runtimeConfigInternalComponentProps": {},
331
+ "motionVarPrefixes": []
332
+ };
333
+ var Table = {
334
+ "name": "Table",
335
+ "defaultProps": {
336
+ "display": "table-cell",
337
+ "overflow": "hidden",
338
+ "borderColor": "muted",
339
+ "borderRadius": "md",
340
+ "spacing": "3",
341
+ "borderBottomColor": "muted",
342
+ "borderBottomWidth": "thin",
343
+ "color": "primary"
344
+ },
345
+ "getStylesLiterals": { "textAlign": "start" },
346
+ "cxLiterals": [],
347
+ "internalComponents": [
348
+ "CellComponent",
349
+ "Box",
350
+ "Text",
351
+ "Table.Root",
352
+ "Table.Header",
353
+ "Table.Row",
354
+ "Table.Cell",
355
+ "Table.Body"
356
+ ],
357
+ "internalComponentProps": { "Table.Cell": { "asHeaderCell": ["column"] } },
358
+ "propToVariantKeys": {},
359
+ "runtimeConfigDefaultProps": {},
360
+ "runtimeConfigGetStyles": {},
361
+ "runtimeConfigInternalComponentProps": {},
362
+ "motionVarPrefixes": []
363
+ };
296
364
  var AnimateHeightChange = {
297
365
  "name": "AnimateHeightChange",
298
366
  "defaultProps": {},
@@ -630,32 +698,59 @@ var Switch = {
630
698
  "runtimeConfigInternalComponentProps": {},
631
699
  "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
632
700
  };
633
- var Spinner = {
634
- "name": "Spinner",
701
+ var Accordion = {
702
+ "name": "Accordion",
635
703
  "defaultProps": {
636
- "color": "primary",
637
- "size": "lg"
704
+ "spacingHorizontal": "4",
705
+ "spacingVertical": "4"
638
706
  },
639
707
  "getStylesLiterals": {},
640
- "cxLiterals": [
641
- "self-center",
642
- "relative",
643
- "sr-only"
708
+ "cxLiterals": ["hover:bg-secondary/80", "w-full"],
709
+ "internalComponents": [
710
+ "Icon",
711
+ "SpringMotionConfig",
712
+ "Pressable",
713
+ "Text",
714
+ "HStack",
715
+ "AnimatePresence",
716
+ "VStack"
644
717
  ],
645
- "internalComponents": ["Icon"],
646
- "internalComponentProps": { "Icon": {
647
- "role": ["img"],
648
- "className": ["animate-spin"],
649
- "aria-hidden": ["true"]
650
- } },
718
+ "internalComponentProps": {
719
+ "Icon": {
720
+ "variant": ["fill"],
721
+ "size": ["sm"],
722
+ "color": ["primary"]
723
+ },
724
+ "SpringMotionConfig": {
725
+ "layoutVariant": ["smooth"],
726
+ "layoutSpeed": ["3"]
727
+ },
728
+ "Pressable": {
729
+ "display": ["flex"],
730
+ "flexDirection": ["row"],
731
+ "alignItems": ["center"],
732
+ "justifyContent": ["space-between"],
733
+ "borderRadius": ["md"]
734
+ },
735
+ "Text": {
736
+ "variant": ["title4"],
737
+ "color": ["primary"]
738
+ },
739
+ "HStack": {
740
+ "display": ["flex"],
741
+ "alignItems": ["center"],
742
+ "justifyContent": ["space-between"],
743
+ "columnGap": ["2.5"]
744
+ }
745
+ },
651
746
  "propToVariantKeys": {},
652
747
  "runtimeConfigDefaultProps": {},
653
748
  "runtimeConfigGetStyles": {},
654
749
  "runtimeConfigInternalComponentProps": {},
655
- "motionVarPrefixes": []
750
+ "motionVarPrefixes": ["--uds-motion-smooth-3-"]
656
751
  };
657
- var Table_mocks = {
658
- "name": "Table.mocks",
752
+ var AvoidMotionLibraryProvider = {
753
+ "name": "AvoidMotionLibraryProvider",
659
754
  "defaultProps": {},
660
755
  "getStylesLiterals": {},
661
756
  "cxLiterals": [],
@@ -667,208 +762,394 @@ var Table_mocks = {
667
762
  "runtimeConfigInternalComponentProps": {},
668
763
  "motionVarPrefixes": []
669
764
  };
670
- var Table = {
671
- "name": "Table",
672
- "defaultProps": {
673
- "display": "table-cell",
674
- "overflow": "hidden",
675
- "borderColor": "muted",
676
- "borderRadius": "md",
677
- "spacing": "3",
678
- "borderBottomColor": "muted",
679
- "borderBottomWidth": "thin",
680
- "color": "primary"
681
- },
682
- "getStylesLiterals": { "textAlign": "start" },
765
+ var ExperimentalPopover = {
766
+ "name": "ExperimentalPopover",
767
+ "defaultProps": {},
768
+ "getStylesLiterals": {},
683
769
  "cxLiterals": [],
684
770
  "internalComponents": [
685
- "CellComponent",
686
- "Box",
771
+ "HStack",
687
772
  "Text",
688
- "Table.Root",
689
- "Table.Header",
690
- "Table.Row",
691
- "Table.Cell",
692
- "Table.Body"
773
+ "ExperimentalPopoverHeadingBase"
693
774
  ],
694
- "internalComponentProps": { "Table.Cell": { "asHeaderCell": ["column"] } },
775
+ "internalComponentProps": { "Text": {
776
+ "variant": ["headline1"],
777
+ "color": ["primary"]
778
+ } },
695
779
  "propToVariantKeys": {},
696
780
  "runtimeConfigDefaultProps": {},
697
781
  "runtimeConfigGetStyles": {},
698
782
  "runtimeConfigInternalComponentProps": {},
699
783
  "motionVarPrefixes": []
700
784
  };
701
- var Avatar = {
702
- "name": "Avatar",
785
+ var Modal = {
786
+ "name": "Modal",
703
787
  "defaultProps": {},
704
788
  "getStylesLiterals": {},
705
- "cxLiterals": [],
706
- "internalComponents": ["AvatarImage"],
707
- "internalComponentProps": {},
708
- "propToVariantKeys": {},
789
+ "cxLiterals": [
790
+ "inset-8",
791
+ "top-[250px]",
792
+ "z-50",
793
+ "mx-auto",
794
+ "h-fit",
795
+ "w-[600px]",
796
+ "origin-center",
797
+ "scale-95",
798
+ "opacity-0",
799
+ "transition",
800
+ "duration-150",
801
+ "data-[enter]:scale-100",
802
+ "data-[enter]:opacity-100",
803
+ "data-[enter]:bg-primary",
804
+ "backdrop-blur-0",
805
+ "data-[enter]:opacity-60",
806
+ "data-[enter]:backdrop-blur-sm"
807
+ ],
808
+ "internalComponents": [
809
+ "IconButton",
810
+ "Dialog",
811
+ "HStack",
812
+ "Text",
813
+ "VStack"
814
+ ],
815
+ "internalComponentProps": {
816
+ "IconButton": {
817
+ "aria-label": ["Close"],
818
+ "size": ["sm"],
819
+ "variant": ["tertiary"]
820
+ },
821
+ "HStack": {
822
+ "alignItems": ["center"],
823
+ "justifyContent": ["space-between"]
824
+ },
825
+ "Text": {
826
+ "variant": ["headline1"],
827
+ "color": ["primary"]
828
+ },
829
+ "VStack": {
830
+ "borderRadius": ["md"],
831
+ "position": ["fixed"],
832
+ "backgroundColor": ["primary"],
833
+ "dropShadow": ["md"],
834
+ "spacing": ["8"],
835
+ "overflow": ["hidden"]
836
+ }
837
+ },
838
+ "propToVariantKeys": { "handleClose": ["onClick"] },
709
839
  "runtimeConfigDefaultProps": {},
710
840
  "runtimeConfigGetStyles": {},
711
841
  "runtimeConfigInternalComponentProps": {},
712
842
  "motionVarPrefixes": []
713
843
  };
714
- var AvatarIcon = {
715
- "name": "AvatarIcon",
716
- "defaultProps": {
717
- "size": "md",
718
- "variant": "primary"
844
+ var SegmentedControl = {
845
+ "name": "SegmentedControl",
846
+ "defaultProps": { "textVariant": "label2" },
847
+ "getStylesLiterals": {
848
+ "display": "flex",
849
+ "alignItems": "center",
850
+ "backgroundColor": "primary",
851
+ "spacingVertical": "1",
852
+ "spacingHorizontal": "3",
853
+ "columnGap": "1.5",
854
+ "borderWidth": "thin",
855
+ "borderRadius": "full",
856
+ "borderColor": "muted",
857
+ "borderColor:1": "transparent",
858
+ "color": "primary",
859
+ "color:1": "tertiary",
860
+ "color:2": "muted"
719
861
  },
720
- "getStylesLiterals": {},
721
862
  "cxLiterals": [
722
- "overflow-hidden",
723
- "w-full",
724
- "h-full",
725
- "shrink-0",
726
- "text-center",
727
- "inline-flex",
728
- "justify-center",
729
- "items-center"
863
+ "uds-ring",
864
+ "cursor-not-allowed",
865
+ "opacity-50",
866
+ "pointer-events-none",
867
+ "hover:bg-primary"
730
868
  ],
731
- "internalComponents": ["IconSlot", "Box"],
732
- "internalComponentProps": {},
733
- "propToVariantKeys": { "size": ["avatarSizeIcon"] },
869
+ "internalComponents": [
870
+ "TextVariant",
871
+ "Radio",
872
+ "Icon",
873
+ "RadioProvider",
874
+ "HStack",
875
+ "RadioGroup",
876
+ "Pressable",
877
+ "Text"
878
+ ],
879
+ "internalComponentProps": {
880
+ "Icon": {
881
+ "size": ["sm"],
882
+ "color": ["current"],
883
+ "aria-hidden": ["true"]
884
+ },
885
+ "HStack": {
886
+ "spacing": ["1"],
887
+ "gap": ["1"],
888
+ "backgroundColor": ["secondary"],
889
+ "borderRadius": ["full"],
890
+ "display": ["inline-flex"]
891
+ },
892
+ "Text": { "color": ["current"] }
893
+ },
894
+ "propToVariantKeys": {
895
+ "value": ["key"],
896
+ "label": ["aria-label"],
897
+ "textVariant": ["variant"]
898
+ },
734
899
  "runtimeConfigDefaultProps": {},
735
900
  "runtimeConfigGetStyles": {},
736
901
  "runtimeConfigInternalComponentProps": {},
737
902
  "motionVarPrefixes": []
738
903
  };
739
- var AvatarImage = {
740
- "name": "AvatarImage",
904
+ var SwitchV2 = {
905
+ "name": "SwitchV2",
741
906
  "defaultProps": {
742
- "size": "md",
743
- "variant": "primary"
907
+ "labelPosition": "start",
908
+ "size": "md"
909
+ },
910
+ "getStylesLiterals": {
911
+ "switchVariantRoot": "default",
912
+ "switchVariantActiveRoot": "on",
913
+ "switchVariantActiveRoot:1": "off",
914
+ "switchVariantSwitch": "default",
915
+ "switchVariantActiveSwitch": "on",
916
+ "switchVariantActiveSwitch:1": "off",
917
+ "switchVariantActiveHandle": "on",
918
+ "switchVariantActiveHandle:1": "off",
919
+ "switchVariantHandle": "default",
920
+ "switchVariantHandleIcon": "default",
921
+ "switchVariantActiveHandleIcon": "on",
922
+ "switchVariantActiveHandleIcon:1": "off"
744
923
  },
745
- "getStylesLiterals": {},
746
924
  "cxLiterals": [
747
- "overflow-hidden",
925
+ "group",
926
+ "flex",
927
+ "items-center",
928
+ "flex-row",
929
+ "flex-row-reverse",
930
+ "uds-ring",
931
+ "uds-ring-within",
932
+ "relative",
933
+ "uds-border-radius-full",
934
+ "transition-[background-color,box-shadow]",
935
+ "pointer-events-none",
748
936
  "w-full",
749
937
  "h-full",
750
- "shrink-0",
751
- "text-center",
752
- "inline-flex",
753
- "justify-center",
754
- "items-center",
755
- "object-cover"
938
+ "absolute",
939
+ "top-0",
940
+ "bottom-0",
941
+ "right-0",
942
+ "left-0",
943
+ "overflow-hidden",
944
+ "group-hover:scale-105",
945
+ "opacity-95",
946
+ "group-hover:opacity-100",
947
+ "transition-[transform,opacity]",
948
+ "opacity-0",
949
+ "top-1/2",
950
+ "left-1/2",
951
+ "transform",
952
+ "translate-x-[-50%]",
953
+ "translate-y-[-50%]",
954
+ "transition-opacity",
955
+ "cursor-[inherit]",
956
+ "w-[calc(100%+2px)]",
957
+ "h-[calc(100%+2px)]",
958
+ "text-start",
959
+ "text-end",
960
+ "opacity-100"
756
961
  ],
757
962
  "internalComponents": [
758
- "UDSImage",
759
- "AvatarText",
760
- "AvatarIcon",
761
- "Box"
963
+ "IconSlot",
964
+ "Box",
965
+ "FormLabel",
966
+ "SpringMotionConfig",
967
+ "RootElement",
968
+ "MotionBox"
762
969
  ],
763
- "internalComponentProps": {},
970
+ "internalComponentProps": {
971
+ "IconSlot": { "data-testid": ["on-icon", "off-icon"] },
972
+ "FormLabel": {
973
+ "as": ["div"],
974
+ "variant": ["inherit"],
975
+ "color": ["inherit"]
976
+ },
977
+ "SpringMotionConfig": {
978
+ "layoutVariant": ["bouncy"],
979
+ "layoutSpeed": ["4"]
980
+ },
981
+ "RootElement": { "data-testid": ["switch-root"] },
982
+ "MotionBox": { "layout": ["position"] }
983
+ },
764
984
  "propToVariantKeys": {
765
- "alt": ["name"],
766
- "fallback": ["initials"]
985
+ "size": [
986
+ "switchSizeRoot",
987
+ "switchSizeSwitch",
988
+ "switchSizeHandle",
989
+ "switchSizeHandleIcon"
990
+ ],
991
+ "onIcon": ["icon"],
992
+ "offIcon": ["icon"],
993
+ "reduceMotion": ["reducedMotion"],
994
+ "isOn": ["layoutDependency"]
767
995
  },
768
996
  "runtimeConfigDefaultProps": {},
769
997
  "runtimeConfigGetStyles": {},
770
998
  "runtimeConfigInternalComponentProps": {},
771
- "motionVarPrefixes": []
999
+ "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
772
1000
  };
773
- var AvatarText = {
774
- "name": "AvatarText",
775
- "defaultProps": {
776
- "size": "md",
777
- "variant": "primary"
1001
+ var Tabs = {
1002
+ "name": "Tabs",
1003
+ "defaultProps": {},
1004
+ "getStylesLiterals": {
1005
+ "display": "flex",
1006
+ "flexDirection": "row",
1007
+ "columnGap": "6"
778
1008
  },
779
- "getStylesLiterals": {},
780
1009
  "cxLiterals": [
781
- "overflow-hidden",
782
- "truncate",
783
- "w-full",
784
- "h-full",
785
- "shrink-0",
786
- "text-center",
787
- "inline-flex",
788
- "justify-center",
789
- "items-center"
1010
+ "text-tertiary",
1011
+ "border-b-transparent",
1012
+ "aria-selected:border-b-brand",
1013
+ "aria-selected:text-secondary"
790
1014
  ],
791
- "internalComponents": ["Box", "Text"],
792
- "internalComponentProps": { "Text": {
793
- "color": ["inherit"],
794
- "variant": ["inherit"]
795
- } },
1015
+ "internalComponents": [
1016
+ "TabProvider",
1017
+ "OriginalTabList",
1018
+ "OriginalTab",
1019
+ "Icon",
1020
+ "OriginalTabPanel",
1021
+ "Pressable",
1022
+ "Comp",
1023
+ "Text"
1024
+ ],
1025
+ "internalComponentProps": {
1026
+ "Icon": {
1027
+ "className": ["text-current"],
1028
+ "size": ["md"]
1029
+ },
1030
+ "Pressable": {
1031
+ "borderBottomWidth": ["medium"],
1032
+ "spacingBottom": ["1"],
1033
+ "spacingTop": ["4"]
1034
+ },
1035
+ "Text": {
1036
+ "className": ["text-current"],
1037
+ "variant": ["headline1"],
1038
+ "as": ["span"]
1039
+ }
1040
+ },
796
1041
  "propToVariantKeys": {},
797
1042
  "runtimeConfigDefaultProps": {},
798
1043
  "runtimeConfigGetStyles": {},
799
1044
  "runtimeConfigInternalComponentProps": {},
800
1045
  "motionVarPrefixes": []
801
1046
  };
802
- var BottomSheet = {
803
- "name": "BottomSheet",
804
- "defaultProps": { "variant": "default" },
805
- "getStylesLiterals": {},
1047
+ var Radio = {
1048
+ "name": "Radio",
1049
+ "defaultProps": {
1050
+ "labelPosition": "start",
1051
+ "variant": "primary",
1052
+ "size": "md",
1053
+ "value": ""
1054
+ },
1055
+ "getStylesLiterals": {
1056
+ "radioVariantValueRoot": "checked",
1057
+ "radioVariantValueRoot:1": "unchecked",
1058
+ "display": "flex",
1059
+ "flexDirection": "row",
1060
+ "flexDirection:1": "row-reverse",
1061
+ "alignItems": "center",
1062
+ "radioVariantValueRadio": "checked",
1063
+ "radioVariantValueRadio:1": "unchecked",
1064
+ "radioVariantValueRadioCircle": "checked",
1065
+ "radioVariantValueRadioCircle:1": "unchecked"
1066
+ },
806
1067
  "cxLiterals": [
807
- "fixed",
808
- "overflow-hidden",
809
- "inset-x-0",
810
- "bottom-0",
811
- "z-50",
812
- "[will-change:transform]",
813
- "touch-none",
814
- "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
815
- "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
816
- "transition-transform",
817
- "duration-500",
818
- "ease-[cubic-bezier(0.32,0.72,0,1)]",
819
- "motion-reduce:transition-none",
820
- "top-[-4px]",
821
- "z-[1]",
822
- "touch-pan-y"
1068
+ "cursor-pointer",
1069
+ "cursor-default",
1070
+ "opacity-50",
1071
+ "border",
1072
+ "uds-ring",
1073
+ "uds-ring-within",
1074
+ "transition-[background-color,border-color]",
1075
+ "transition-shadow",
1076
+ "pointer-events-none",
1077
+ "w-[8px]",
1078
+ "h-[8px]",
1079
+ "transition-opacity",
1080
+ "cursor-[inherit]",
1081
+ "absolute",
1082
+ "opacity-0",
1083
+ "top-1/2",
1084
+ "left-1/2",
1085
+ "w-[calc(100%+2px)]",
1086
+ "h-[calc(100%+2px)]",
1087
+ "transform",
1088
+ "translate-x-[-50%]",
1089
+ "translate-y-[-50%]",
1090
+ "text-start",
1091
+ "text-end"
823
1092
  ],
824
1093
  "internalComponents": [
825
- "Scrim",
826
- "BottomSheetHandle",
827
- "Dialog",
828
1094
  "Box",
829
- "BottomSheetInternalContext.Provider"
1095
+ "FormLabel",
1096
+ "SpringMotionConfig",
1097
+ "RootElement",
1098
+ "MotionBox"
830
1099
  ],
831
1100
  "internalComponentProps": {
832
- "BottomSheetHandle": { "ariaLabel": ["Resize sheet"] },
833
- "Dialog": { "data-testid": ["bottom-sheet"] },
834
- "Box": {
835
- "display": ["block", "flex"],
836
- "position": ["absolute"],
837
- "flexDirection": ["column"],
838
- "className": ["absolute inset-0 min-h-0 p-[inherit]"]
1101
+ "Box": { "borderRadius": ["full"] },
1102
+ "FormLabel": {
1103
+ "as": ["div"],
1104
+ "variant": ["inherit"],
1105
+ "color": ["inherit"]
1106
+ },
1107
+ "RootElement": { "data-testid": ["container"] },
1108
+ "MotionBox": {
1109
+ "position": ["relative"],
1110
+ "borderRadius": ["full"],
1111
+ "alignItems": ["center"],
1112
+ "justifyContent": ["center"],
1113
+ "flex": ["none"]
839
1114
  }
840
1115
  },
841
- "propToVariantKeys": { "variant": ["bottomsheetVariantRoot"] },
1116
+ "propToVariantKeys": {
1117
+ "size": ["radioSizeRoot", "radioSizeRadio"],
1118
+ "variant": [
1119
+ "radioVariantRoot",
1120
+ "radioVariantRadio",
1121
+ "radioVariantRadioCircle"
1122
+ ],
1123
+ "reduceMotion": ["reducedMotion"]
1124
+ },
842
1125
  "runtimeConfigDefaultProps": {},
843
1126
  "runtimeConfigGetStyles": {},
844
1127
  "runtimeConfigInternalComponentProps": {},
845
- "motionVarPrefixes": []
1128
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
846
1129
  };
847
- var BottomSheetContent = {
848
- "name": "BottomSheetContent",
1130
+ var RadioGroupProvider = {
1131
+ "name": "RadioGroupProvider",
849
1132
  "defaultProps": {},
850
1133
  "getStylesLiterals": {},
851
- "cxLiterals": ["min-h-0", "touch-pan-y"],
852
- "internalComponents": ["Box", "VStack"],
853
- "internalComponentProps": {
854
- "Box": {
855
- "display": ["block"],
856
- "flex": ["1"]
857
- },
858
- "VStack": { "className": ["pb-[calc(env(safe-area-inset-bottom))]"] }
859
- },
1134
+ "cxLiterals": [],
1135
+ "internalComponents": [
1136
+ "DivProps",
1137
+ "Comp",
1138
+ "RadioGroupContext.Provider"
1139
+ ],
1140
+ "internalComponentProps": { "Comp": { "role": ["radiogroup"] } },
860
1141
  "propToVariantKeys": {},
861
1142
  "runtimeConfigDefaultProps": {},
862
1143
  "runtimeConfigGetStyles": {},
863
1144
  "runtimeConfigInternalComponentProps": {},
864
1145
  "motionVarPrefixes": []
865
1146
  };
866
- var BottomSheetDismiss = {
867
- "name": "BottomSheetDismiss",
1147
+ var RadioGroupStore = {
1148
+ "name": "RadioGroupStore",
868
1149
  "defaultProps": {},
869
1150
  "getStylesLiterals": {},
870
1151
  "cxLiterals": [],
871
- "internalComponents": ["AriakitDialogDismiss"],
1152
+ "internalComponents": [],
872
1153
  "internalComponentProps": {},
873
1154
  "propToVariantKeys": {},
874
1155
  "runtimeConfigDefaultProps": {},
@@ -876,70 +1157,93 @@ var BottomSheetDismiss = {
876
1157
  "runtimeConfigInternalComponentProps": {},
877
1158
  "motionVarPrefixes": []
878
1159
  };
879
- var BottomSheetHandle = {
880
- "name": "BottomSheetHandle",
881
- "defaultProps": { "variant": "default" },
1160
+ var Popover = {
1161
+ "name": "Popover",
1162
+ "defaultProps": {},
882
1163
  "getStylesLiterals": {},
883
- "cxLiterals": [
884
- "relative",
885
- "h-5",
886
- "w-16",
887
- "outline-none",
888
- "focus-visible:outline-none",
889
- "[touch-action:pan-y]",
890
- "absolute",
891
- "left-1/2",
892
- "top-1/2",
893
- "-translate-x-1/2",
894
- "-translate-y-1/2",
895
- "h-1",
896
- "w-8",
897
- "rounded-full"
898
- ],
899
- "internalComponents": ["Box"],
900
- "internalComponentProps": { "Box": {
901
- "display": ["block", "flex"],
902
- "justifyContent": ["center"]
903
- } },
904
- "propToVariantKeys": { "variant": ["bottomsheetVariantHandleIndicator"] },
905
- "runtimeConfigDefaultProps": {},
1164
+ "cxLiterals": [],
1165
+ "internalComponents": ["PopoverInternalContext.Provider", "PopoverProvider"],
1166
+ "internalComponentProps": {},
1167
+ "propToVariantKeys": {},
1168
+ "runtimeConfigDefaultProps": {
1169
+ "size": "popover.defaultSize",
1170
+ "variant": "popover.defaultVariant"
1171
+ },
906
1172
  "runtimeConfigGetStyles": {},
907
1173
  "runtimeConfigInternalComponentProps": {},
908
1174
  "motionVarPrefixes": []
909
1175
  };
910
- var BottomSheetHeader = {
911
- "name": "BottomSheetHeader",
912
- "defaultProps": { "variant": "default" },
913
- "getStylesLiterals": {},
1176
+ var PopoverContent = {
1177
+ "name": "PopoverContent",
1178
+ "defaultProps": {},
1179
+ "getStylesLiterals": {
1180
+ "popoverSizeRoot": "default",
1181
+ "popoverVariantRoot": "default",
1182
+ "display": "flex",
1183
+ "position": "absolute",
1184
+ "spacingTop": "0",
1185
+ "spacingStart": "0",
1186
+ "spacingBottom": "0",
1187
+ "spacingEnd": "0",
1188
+ "popoverSizeSvgBase": "default",
1189
+ "popoverVariantSvgBase": "default",
1190
+ "popoverSizeSvgBorder": "default",
1191
+ "popoverVariantSvgBorder": "default",
1192
+ "popoverVariantBlur": "default",
1193
+ "width": "full",
1194
+ "height": "full",
1195
+ "flexShrink": "0",
1196
+ "borderRadius": "full",
1197
+ "alignItems": "center",
1198
+ "justifyContent": "center",
1199
+ "popoverVariantCloseIcon": "default",
1200
+ "popoverSizeCloseIcon": "default"
1201
+ },
914
1202
  "cxLiterals": [
915
- "grid-cols-[40px_1fr_40px]",
916
- "items-center",
917
- "w-full",
918
- "min-h-10",
919
- "mt-2"
1203
+ "z-[9999]",
1204
+ "outline-none",
1205
+ "focus-visible:outline-none",
1206
+ "uds-bgBlurFillFallback",
1207
+ "uds-bgBlurFallback",
1208
+ "top-0",
1209
+ "left-0",
1210
+ "z-[1]",
1211
+ "duration-0",
1212
+ "duration-120",
1213
+ "transition-[background-color]",
1214
+ "bg-carbon-15/0",
1215
+ "hover:bg-carbon-15/10",
1216
+ "active:bg-carbon-15/15",
1217
+ "uds-ring",
1218
+ "absolute",
1219
+ "z-[4]"
1220
+ ],
1221
+ "internalComponents": [
1222
+ "PopoverDismiss",
1223
+ "IconSlot",
1224
+ "PopoverArrow",
1225
+ "Popover",
1226
+ "SvgFloatingOverlay",
1227
+ "Box",
1228
+ "Pressable"
920
1229
  ],
921
- "internalComponents": ["Box", "Text"],
922
- "internalComponentProps": {
923
- "Box": {
924
- "className": ["h-10 w-10 opacity-0 pointer-events-none"],
925
- "display": ["grid", "flex"],
926
- "justifyContent": ["flex-start", "flex-end"]
927
- },
928
- "Text": {
929
- "variant": ["inherit"],
930
- "color": ["inherit"],
931
- "textAlign": ["center"],
932
- "className": ["w-full"]
933
- }
1230
+ "internalComponentProps": {},
1231
+ "propToVariantKeys": { "closeIcon": ["icon"] },
1232
+ "runtimeConfigDefaultProps": {
1233
+ "size": "popover.defaultSize",
1234
+ "variant": "popover.defaultVariant"
934
1235
  },
935
- "propToVariantKeys": { "variant": ["bottomsheetVariantHeader"] },
936
- "runtimeConfigDefaultProps": {},
937
- "runtimeConfigGetStyles": {},
938
- "runtimeConfigInternalComponentProps": {},
1236
+ "runtimeConfigGetStyles": {
1237
+ "spacingTop": ["popover.spacingVertical.${size}"],
1238
+ "spacingStart": ["popover.spacingHorizontal.${size}"],
1239
+ "spacingBottom": ["popover.spacingVertical.${size}"],
1240
+ "spacingEnd": ["popover.spacingHorizontal.${size}"]
1241
+ },
1242
+ "runtimeConfigInternalComponentProps": { "SvgFloatingOverlay": { "borderRadius": ["popover.borderRadius.${size}"] } },
939
1243
  "motionVarPrefixes": []
940
1244
  };
941
- var BottomSheetInternalContext = {
942
- "name": "BottomSheetInternalContext",
1245
+ var PopoverContext = {
1246
+ "name": "PopoverContext",
943
1247
  "defaultProps": {},
944
1248
  "getStylesLiterals": {},
945
1249
  "cxLiterals": [],
@@ -951,25 +1255,25 @@ var BottomSheetInternalContext = {
951
1255
  "runtimeConfigInternalComponentProps": {},
952
1256
  "motionVarPrefixes": []
953
1257
  };
954
- var BottomSheetProvider = {
955
- "name": "BottomSheetProvider",
1258
+ var PopoverTrigger = {
1259
+ "name": "PopoverTrigger",
956
1260
  "defaultProps": {},
957
1261
  "getStylesLiterals": {},
958
1262
  "cxLiterals": [],
959
- "internalComponents": ["AriakitDialogProvider"],
960
- "internalComponentProps": {},
961
- "propToVariantKeys": {},
1263
+ "internalComponents": ["PopoverDisclosure"],
1264
+ "internalComponentProps": { "PopoverDisclosure": { "className": ["inline"] } },
1265
+ "propToVariantKeys": { "children": ["render"] },
962
1266
  "runtimeConfigDefaultProps": {},
963
1267
  "runtimeConfigGetStyles": {},
964
1268
  "runtimeConfigInternalComponentProps": {},
965
1269
  "motionVarPrefixes": []
966
1270
  };
967
- var BottomSheetTrigger = {
968
- "name": "BottomSheetTrigger",
1271
+ var UDSPopoverConfigProvider = {
1272
+ "name": "UDSPopoverConfigProvider",
969
1273
  "defaultProps": {},
970
1274
  "getStylesLiterals": {},
971
1275
  "cxLiterals": [],
972
- "internalComponents": ["AriakitDialogDisclosure"],
1276
+ "internalComponents": ["PopoverContext.Provider"],
973
1277
  "internalComponentProps": {},
974
1278
  "propToVariantKeys": {},
975
1279
  "runtimeConfigDefaultProps": {},
@@ -977,30 +1281,79 @@ var BottomSheetTrigger = {
977
1281
  "runtimeConfigInternalComponentProps": {},
978
1282
  "motionVarPrefixes": []
979
1283
  };
980
- var UDSBottomSheetConfigProvider = {
981
- "name": "UDSBottomSheetConfigProvider",
982
- "defaultProps": {},
1284
+ var Menu_Content = {
1285
+ "name": "Menu.Content",
1286
+ "defaultProps": {
1287
+ "size": "default",
1288
+ "variant": "default",
1289
+ "gutter": "1"
1290
+ },
983
1291
  "getStylesLiterals": {},
984
- "cxLiterals": [],
985
- "internalComponents": ["BottomSheetContext.Provider"],
1292
+ "cxLiterals": [
1293
+ "uds-menu-content",
1294
+ "transition-shadow",
1295
+ "duration-200",
1296
+ "ease-in-out",
1297
+ "min-w-60",
1298
+ "max-w-lg",
1299
+ "max-h-96",
1300
+ "overflow-auto",
1301
+ "uds-ring",
1302
+ "z-10",
1303
+ "group"
1304
+ ],
1305
+ "internalComponents": [
1306
+ "AriakitMenu",
1307
+ "AnimatePresence",
1308
+ "MotionVStack"
1309
+ ],
986
1310
  "internalComponentProps": {},
1311
+ "propToVariantKeys": {
1312
+ "size": ["menucontentSizeRoot"],
1313
+ "variant": ["menucontentVariantRoot"]
1314
+ },
1315
+ "runtimeConfigDefaultProps": {},
1316
+ "runtimeConfigGetStyles": {},
1317
+ "runtimeConfigInternalComponentProps": {},
1318
+ "motionVarPrefixes": []
1319
+ };
1320
+ var Menu_Divider = {
1321
+ "name": "Menu.Divider",
1322
+ "defaultProps": {
1323
+ "role": "separator",
1324
+ "contentPosition": "start",
1325
+ "gap": "4"
1326
+ },
1327
+ "getStylesLiterals": {
1328
+ "menuitemDividerVariantRoot": "default",
1329
+ "menuitemDividerVariantText": "default",
1330
+ "menuitemDividerVariantLine": "default"
1331
+ },
1332
+ "cxLiterals": [],
1333
+ "internalComponents": ["DividerInternal"],
1334
+ "internalComponentProps": { "DividerInternal": { "variant": ["inherit"] } },
987
1335
  "propToVariantKeys": {},
988
1336
  "runtimeConfigDefaultProps": {},
989
1337
  "runtimeConfigGetStyles": {},
990
1338
  "runtimeConfigInternalComponentProps": {},
991
1339
  "motionVarPrefixes": []
992
1340
  };
993
- var Chip = {
994
- "name": "Chip",
1341
+ var Menu_Item = {
1342
+ "name": "Menu.Item",
995
1343
  "defaultProps": {},
996
- "getStylesLiterals": {},
1344
+ "getStylesLiterals": {
1345
+ "menuitemItemVariantRoot": "default",
1346
+ "menuitemItemVariantActiveRoot": "on",
1347
+ "menuitemItemVariantActiveRoot:1": "off",
1348
+ "menuitemItemVariantText": "default",
1349
+ "menuitemItemVariantActiveText": "on",
1350
+ "menuitemItemVariantActiveText:1": "off",
1351
+ "menuitemItemVariantIcon": "default",
1352
+ "menuitemItemVariantActiveIcon": "on",
1353
+ "menuitemItemVariantActiveIcon:1": "off"
1354
+ },
997
1355
  "cxLiterals": [],
998
- "internalComponents": [
999
- "ChipDismissible",
1000
- "ChipToggle",
1001
- "ChipLink",
1002
- "ChipButton"
1003
- ],
1356
+ "internalComponents": ["MenuItemBase"],
1004
1357
  "internalComponentProps": {},
1005
1358
  "propToVariantKeys": {},
1006
1359
  "runtimeConfigDefaultProps": {},
@@ -1008,111 +1361,137 @@ var Chip = {
1008
1361
  "runtimeConfigInternalComponentProps": {},
1009
1362
  "motionVarPrefixes": []
1010
1363
  };
1011
- var ChipBase = {
1012
- "name": "ChipBase",
1364
+ var Menu_ItemBase = {
1365
+ "name": "Menu.ItemBase",
1013
1366
  "defaultProps": {
1014
- "size": "md",
1015
- "as": "div"
1367
+ "spacing": "0",
1368
+ "spacingHorizontal": "4",
1369
+ "spacingVertical": "3.5",
1370
+ "columnGap": "2",
1371
+ "alignItems": "center",
1372
+ "justifyContent": "space-between"
1373
+ },
1374
+ "getStylesLiterals": {
1375
+ "textAlign": "start",
1376
+ "menuitemSizeRoot": "default",
1377
+ "flexDirection": "row",
1378
+ "menuitemSizeStartIcon": "default",
1379
+ "menuitemSizeEndIcon": "default"
1016
1380
  },
1017
- "getStylesLiterals": {},
1018
1381
  "cxLiterals": [
1019
- "pointer-events-none",
1020
- "cursor-default",
1021
- "opacity-50",
1022
- "inline-flex",
1023
- "items-center",
1024
- "transition-[background-color,outline-color,box-shadow]",
1025
- "truncate",
1026
- "whitespace-nowrap",
1027
- "text-center",
1028
- "flex-1"
1382
+ "flex",
1383
+ "focus-visible:text-brand",
1384
+ "focus-visible:bg-brand-secondary",
1385
+ "focus-visible:z-10",
1386
+ "uds-ring",
1387
+ "!-outline-offset-2",
1388
+ "[&:not([aria-checked])]:cursor-default",
1389
+ "opacity-25",
1390
+ "cursor-not-allowed",
1391
+ "duration-20",
1392
+ "transition-[font-variation-settings]",
1393
+ "ease-in-out",
1394
+ "z-0",
1395
+ "uds-start-icon",
1396
+ "uds-end-icon"
1029
1397
  ],
1030
1398
  "internalComponents": [
1399
+ "Pressable",
1031
1400
  "IconSlot",
1401
+ "RootComponent",
1032
1402
  "HStack",
1033
- "As",
1034
- "Text"
1403
+ "AnimatePresence"
1035
1404
  ],
1036
- "internalComponentProps": { "Text": {
1037
- "as": ["span"],
1038
- "color": ["current"],
1039
- "variant": ["inherit"]
1040
- } },
1405
+ "internalComponentProps": {
1406
+ "HStack": {
1407
+ "alignItems": ["center"],
1408
+ "width": ["full"]
1409
+ },
1410
+ "AnimatePresence": { "mode": ["popLayout"] }
1411
+ },
1041
1412
  "propToVariantKeys": {
1042
- "size": ["chipSizeRoot", "chipSizeIcon"],
1043
1413
  "startIcon": ["icon"],
1044
- "endIcon": ["icon"]
1414
+ "endIcon": ["icon"],
1415
+ "columnGap": ["gap"]
1045
1416
  },
1046
1417
  "runtimeConfigDefaultProps": {},
1047
1418
  "runtimeConfigGetStyles": {},
1048
1419
  "runtimeConfigInternalComponentProps": {},
1049
1420
  "motionVarPrefixes": []
1050
1421
  };
1051
- var ChipButton = {
1052
- "name": "ChipButton",
1053
- "defaultProps": { "variant": "primary" },
1054
- "getStylesLiterals": {},
1055
- "cxLiterals": ["uds-ring"],
1056
- "internalComponents": ["ChipBase"],
1057
- "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1058
- "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1422
+ var Menu_ItemCheckbox = {
1423
+ "name": "Menu.ItemCheckbox",
1424
+ "defaultProps": {},
1425
+ "getStylesLiterals": {
1426
+ "menuitemItemCheckboxVariantRoot": "default",
1427
+ "menuitemItemCheckboxVariantActiveRoot": "on",
1428
+ "menuitemItemCheckboxVariantActiveRoot:1": "off",
1429
+ "menuitemItemCheckboxVariantText": "default",
1430
+ "menuitemItemCheckboxVariantActiveText": "on",
1431
+ "menuitemItemCheckboxVariantActiveText:1": "off",
1432
+ "menuitemItemCheckboxVariantStartIcon": "default",
1433
+ "menuitemItemCheckboxVariantActiveStartIcon": "on",
1434
+ "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
1435
+ "menuitemItemCheckboxVariantEndIcon": "default",
1436
+ "menuitemItemCheckboxVariantActiveEndIcon": "on",
1437
+ "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
1438
+ },
1439
+ "cxLiterals": ["uds-menu-item-checkbox"],
1440
+ "internalComponents": ["MenuItemBase"],
1441
+ "internalComponentProps": {},
1442
+ "propToVariantKeys": {},
1059
1443
  "runtimeConfigDefaultProps": {},
1060
1444
  "runtimeConfigGetStyles": {},
1061
1445
  "runtimeConfigInternalComponentProps": {},
1062
1446
  "motionVarPrefixes": []
1063
1447
  };
1064
- var ChipDismissible = {
1065
- "name": "ChipDismissible",
1066
- "defaultProps": { "variant": "primary" },
1448
+ var Menu_Provider = {
1449
+ "name": "Menu.Provider",
1450
+ "defaultProps": {},
1067
1451
  "getStylesLiterals": {},
1068
- "cxLiterals": [
1069
- "uds-chip-dismissible-button",
1070
- "uds-hit-target",
1071
- "uds-ring",
1072
- "rounded-full"
1073
- ],
1074
- "internalComponents": [
1075
- "ChipBase",
1076
- "IconSlot",
1077
- "Pressable"
1078
- ],
1452
+ "cxLiterals": [],
1453
+ "internalComponents": ["AriakitMenuProvider", "SpringMotionConfig"],
1079
1454
  "internalComponentProps": {},
1080
- "propToVariantKeys": {
1081
- "variant": ["chipDismissibleVariantRoot", "chipDismissibleVariantIcon"],
1082
- "dismissButtonAriaLabel": ["aria-label"]
1083
- },
1455
+ "propToVariantKeys": {},
1456
+ "runtimeConfigDefaultProps": {},
1457
+ "runtimeConfigGetStyles": {},
1458
+ "runtimeConfigInternalComponentProps": {},
1459
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1460
+ };
1461
+ var Menu_Trigger = {
1462
+ "name": "Menu.Trigger",
1463
+ "defaultProps": {},
1464
+ "getStylesLiterals": {},
1465
+ "cxLiterals": ["uds-menu-trigger"],
1466
+ "internalComponents": ["AriakitMenuTrigger", "Box"],
1467
+ "internalComponentProps": { "Box": { "className": ["uds-ring h-fit w-fit"] } },
1468
+ "propToVariantKeys": {},
1084
1469
  "runtimeConfigDefaultProps": {},
1085
1470
  "runtimeConfigGetStyles": {},
1086
1471
  "runtimeConfigInternalComponentProps": {},
1087
1472
  "motionVarPrefixes": []
1088
1473
  };
1089
- var ChipLink = {
1090
- "name": "ChipLink",
1091
- "defaultProps": { "variant": "primary" },
1474
+ var Menu_index = {
1475
+ "name": "Menu.index",
1476
+ "defaultProps": {},
1092
1477
  "getStylesLiterals": {},
1093
- "cxLiterals": ["uds-ring"],
1094
- "internalComponents": ["ChipBase"],
1095
- "internalComponentProps": { "ChipBase": { "as": ["a"] } },
1096
- "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1478
+ "cxLiterals": [],
1479
+ "internalComponents": [],
1480
+ "internalComponentProps": {},
1481
+ "propToVariantKeys": {},
1097
1482
  "runtimeConfigDefaultProps": {},
1098
1483
  "runtimeConfigGetStyles": {},
1099
1484
  "runtimeConfigInternalComponentProps": {},
1100
1485
  "motionVarPrefixes": []
1101
1486
  };
1102
- var ChipToggle = {
1103
- "name": "ChipToggle",
1104
- "defaultProps": {
1105
- "variant": "primary",
1106
- "role": "checkbox"
1107
- },
1108
- "getStylesLiterals": {
1109
- "chipToggleVariantActiveRoot": "on",
1110
- "chipToggleVariantActiveRoot:1": "off"
1111
- },
1112
- "cxLiterals": ["uds-ring"],
1113
- "internalComponents": ["ChipBase"],
1114
- "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1115
- "propToVariantKeys": { "variant": ["chipToggleVariantRoot", "chipToggleVariantIcon"] },
1487
+ var Menu = {
1488
+ "name": "Menu",
1489
+ "defaultProps": {},
1490
+ "getStylesLiterals": {},
1491
+ "cxLiterals": [],
1492
+ "internalComponents": [],
1493
+ "internalComponentProps": {},
1494
+ "propToVariantKeys": {},
1116
1495
  "runtimeConfigDefaultProps": {},
1117
1496
  "runtimeConfigGetStyles": {},
1118
1497
  "runtimeConfigInternalComponentProps": {},
@@ -1247,123 +1626,204 @@ var InputHelpTextInternal = {
1247
1626
  "runtimeConfigInternalComponentProps": {},
1248
1627
  "motionVarPrefixes": []
1249
1628
  };
1250
- var Popover = {
1251
- "name": "Popover",
1629
+ var Chip = {
1630
+ "name": "Chip",
1252
1631
  "defaultProps": {},
1253
1632
  "getStylesLiterals": {},
1254
1633
  "cxLiterals": [],
1255
- "internalComponents": ["PopoverInternalContext.Provider", "PopoverProvider"],
1634
+ "internalComponents": [
1635
+ "ChipDismissible",
1636
+ "ChipToggle",
1637
+ "ChipLink",
1638
+ "ChipButton"
1639
+ ],
1256
1640
  "internalComponentProps": {},
1257
1641
  "propToVariantKeys": {},
1258
- "runtimeConfigDefaultProps": {
1259
- "size": "popover.defaultSize",
1260
- "variant": "popover.defaultVariant"
1261
- },
1642
+ "runtimeConfigDefaultProps": {},
1262
1643
  "runtimeConfigGetStyles": {},
1263
1644
  "runtimeConfigInternalComponentProps": {},
1264
1645
  "motionVarPrefixes": []
1265
1646
  };
1266
- var PopoverContent = {
1267
- "name": "PopoverContent",
1268
- "defaultProps": {},
1269
- "getStylesLiterals": {
1270
- "popoverSizeRoot": "default",
1271
- "popoverVariantRoot": "default",
1272
- "display": "flex",
1273
- "position": "absolute",
1274
- "spacingTop": "0",
1275
- "spacingStart": "0",
1276
- "spacingBottom": "0",
1277
- "spacingEnd": "0",
1278
- "popoverSizeSvgBase": "default",
1279
- "popoverVariantSvgBase": "default",
1280
- "popoverSizeSvgBorder": "default",
1281
- "popoverVariantSvgBorder": "default",
1282
- "popoverVariantBlur": "default",
1283
- "width": "full",
1284
- "height": "full",
1285
- "flexShrink": "0",
1286
- "borderRadius": "full",
1287
- "alignItems": "center",
1288
- "justifyContent": "center",
1289
- "popoverVariantCloseIcon": "default",
1290
- "popoverSizeCloseIcon": "default"
1647
+ var ChipBase = {
1648
+ "name": "ChipBase",
1649
+ "defaultProps": {
1650
+ "size": "md",
1651
+ "as": "div"
1291
1652
  },
1653
+ "getStylesLiterals": {},
1292
1654
  "cxLiterals": [
1293
- "z-[9999]",
1294
- "outline-none",
1295
- "focus-visible:outline-none",
1296
- "uds-bgBlurFillFallback",
1297
- "uds-bgBlurFallback",
1298
- "top-0",
1299
- "left-0",
1300
- "z-[1]",
1301
- "duration-0",
1302
- "duration-120",
1303
- "transition-[background-color]",
1304
- "bg-carbon-15/0",
1305
- "hover:bg-carbon-15/10",
1306
- "active:bg-carbon-15/15",
1655
+ "pointer-events-none",
1656
+ "cursor-default",
1657
+ "opacity-50",
1658
+ "inline-flex",
1659
+ "items-center",
1660
+ "transition-[background-color,outline-color,box-shadow]",
1661
+ "truncate",
1662
+ "whitespace-nowrap",
1663
+ "text-center",
1664
+ "flex-1"
1665
+ ],
1666
+ "internalComponents": [
1667
+ "IconSlot",
1668
+ "HStack",
1669
+ "As",
1670
+ "Text"
1671
+ ],
1672
+ "internalComponentProps": { "Text": {
1673
+ "as": ["span"],
1674
+ "color": ["current"],
1675
+ "variant": ["inherit"]
1676
+ } },
1677
+ "propToVariantKeys": {
1678
+ "size": ["chipSizeRoot", "chipSizeIcon"],
1679
+ "startIcon": ["icon"],
1680
+ "endIcon": ["icon"]
1681
+ },
1682
+ "runtimeConfigDefaultProps": {},
1683
+ "runtimeConfigGetStyles": {},
1684
+ "runtimeConfigInternalComponentProps": {},
1685
+ "motionVarPrefixes": []
1686
+ };
1687
+ var ChipButton = {
1688
+ "name": "ChipButton",
1689
+ "defaultProps": { "variant": "primary" },
1690
+ "getStylesLiterals": {},
1691
+ "cxLiterals": ["uds-ring"],
1692
+ "internalComponents": ["ChipBase"],
1693
+ "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1694
+ "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1695
+ "runtimeConfigDefaultProps": {},
1696
+ "runtimeConfigGetStyles": {},
1697
+ "runtimeConfigInternalComponentProps": {},
1698
+ "motionVarPrefixes": []
1699
+ };
1700
+ var ChipDismissible = {
1701
+ "name": "ChipDismissible",
1702
+ "defaultProps": { "variant": "primary" },
1703
+ "getStylesLiterals": {},
1704
+ "cxLiterals": [
1705
+ "uds-chip-dismissible-button",
1706
+ "uds-hit-target",
1307
1707
  "uds-ring",
1308
- "absolute",
1309
- "z-[4]"
1708
+ "rounded-full"
1310
1709
  ],
1311
1710
  "internalComponents": [
1312
- "PopoverDismiss",
1711
+ "ChipBase",
1313
1712
  "IconSlot",
1314
- "PopoverArrow",
1315
- "Popover",
1316
- "SvgFloatingOverlay",
1317
- "Box",
1318
1713
  "Pressable"
1319
1714
  ],
1320
1715
  "internalComponentProps": {},
1321
- "propToVariantKeys": { "closeIcon": ["icon"] },
1322
- "runtimeConfigDefaultProps": {
1323
- "size": "popover.defaultSize",
1324
- "variant": "popover.defaultVariant"
1716
+ "propToVariantKeys": {
1717
+ "variant": ["chipDismissibleVariantRoot", "chipDismissibleVariantIcon"],
1718
+ "dismissButtonAriaLabel": ["aria-label"]
1325
1719
  },
1326
- "runtimeConfigGetStyles": {
1327
- "spacingTop": ["popover.spacingVertical.${size}"],
1328
- "spacingStart": ["popover.spacingHorizontal.${size}"],
1329
- "spacingBottom": ["popover.spacingVertical.${size}"],
1330
- "spacingEnd": ["popover.spacingHorizontal.${size}"]
1720
+ "runtimeConfigDefaultProps": {},
1721
+ "runtimeConfigGetStyles": {},
1722
+ "runtimeConfigInternalComponentProps": {},
1723
+ "motionVarPrefixes": []
1724
+ };
1725
+ var ChipLink = {
1726
+ "name": "ChipLink",
1727
+ "defaultProps": { "variant": "primary" },
1728
+ "getStylesLiterals": {},
1729
+ "cxLiterals": ["uds-ring"],
1730
+ "internalComponents": ["ChipBase"],
1731
+ "internalComponentProps": { "ChipBase": { "as": ["a"] } },
1732
+ "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1733
+ "runtimeConfigDefaultProps": {},
1734
+ "runtimeConfigGetStyles": {},
1735
+ "runtimeConfigInternalComponentProps": {},
1736
+ "motionVarPrefixes": []
1737
+ };
1738
+ var ChipToggle = {
1739
+ "name": "ChipToggle",
1740
+ "defaultProps": {
1741
+ "variant": "primary",
1742
+ "role": "checkbox"
1331
1743
  },
1332
- "runtimeConfigInternalComponentProps": { "SvgFloatingOverlay": { "borderRadius": ["popover.borderRadius.${size}"] } },
1744
+ "getStylesLiterals": {
1745
+ "chipToggleVariantActiveRoot": "on",
1746
+ "chipToggleVariantActiveRoot:1": "off"
1747
+ },
1748
+ "cxLiterals": ["uds-ring"],
1749
+ "internalComponents": ["ChipBase"],
1750
+ "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1751
+ "propToVariantKeys": { "variant": ["chipToggleVariantRoot", "chipToggleVariantIcon"] },
1752
+ "runtimeConfigDefaultProps": {},
1753
+ "runtimeConfigGetStyles": {},
1754
+ "runtimeConfigInternalComponentProps": {},
1333
1755
  "motionVarPrefixes": []
1334
1756
  };
1335
- var PopoverContext = {
1336
- "name": "PopoverContext",
1337
- "defaultProps": {},
1757
+ var BottomSheet = {
1758
+ "name": "BottomSheet",
1759
+ "defaultProps": { "variant": "default" },
1338
1760
  "getStylesLiterals": {},
1339
- "cxLiterals": [],
1340
- "internalComponents": [],
1341
- "internalComponentProps": {},
1342
- "propToVariantKeys": {},
1761
+ "cxLiterals": [
1762
+ "fixed",
1763
+ "overflow-hidden",
1764
+ "inset-x-0",
1765
+ "bottom-0",
1766
+ "z-50",
1767
+ "[will-change:transform]",
1768
+ "touch-none",
1769
+ "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
1770
+ "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
1771
+ "transition-transform",
1772
+ "duration-500",
1773
+ "ease-[cubic-bezier(0.32,0.72,0,1)]",
1774
+ "motion-reduce:transition-none",
1775
+ "top-[-4px]",
1776
+ "z-[1]",
1777
+ "touch-pan-y"
1778
+ ],
1779
+ "internalComponents": [
1780
+ "Scrim",
1781
+ "BottomSheetHandle",
1782
+ "Dialog",
1783
+ "Box",
1784
+ "BottomSheetInternalContext.Provider"
1785
+ ],
1786
+ "internalComponentProps": {
1787
+ "BottomSheetHandle": { "ariaLabel": ["Resize sheet"] },
1788
+ "Dialog": { "data-testid": ["bottom-sheet"] },
1789
+ "Box": {
1790
+ "display": ["block", "flex"],
1791
+ "position": ["absolute"],
1792
+ "flexDirection": ["column"],
1793
+ "className": ["absolute inset-0 min-h-0 p-[inherit]"]
1794
+ }
1795
+ },
1796
+ "propToVariantKeys": { "variant": ["bottomsheetVariantRoot"] },
1343
1797
  "runtimeConfigDefaultProps": {},
1344
1798
  "runtimeConfigGetStyles": {},
1345
1799
  "runtimeConfigInternalComponentProps": {},
1346
1800
  "motionVarPrefixes": []
1347
1801
  };
1348
- var PopoverTrigger = {
1349
- "name": "PopoverTrigger",
1802
+ var BottomSheetContent = {
1803
+ "name": "BottomSheetContent",
1350
1804
  "defaultProps": {},
1351
1805
  "getStylesLiterals": {},
1352
- "cxLiterals": [],
1353
- "internalComponents": ["PopoverDisclosure"],
1354
- "internalComponentProps": { "PopoverDisclosure": { "className": ["inline"] } },
1355
- "propToVariantKeys": { "children": ["render"] },
1806
+ "cxLiterals": ["min-h-0", "touch-pan-y"],
1807
+ "internalComponents": ["Box", "VStack"],
1808
+ "internalComponentProps": {
1809
+ "Box": {
1810
+ "display": ["block"],
1811
+ "flex": ["1"]
1812
+ },
1813
+ "VStack": { "className": ["pb-[calc(env(safe-area-inset-bottom))]"] }
1814
+ },
1815
+ "propToVariantKeys": {},
1356
1816
  "runtimeConfigDefaultProps": {},
1357
1817
  "runtimeConfigGetStyles": {},
1358
1818
  "runtimeConfigInternalComponentProps": {},
1359
1819
  "motionVarPrefixes": []
1360
1820
  };
1361
- var UDSPopoverConfigProvider = {
1362
- "name": "UDSPopoverConfigProvider",
1821
+ var BottomSheetDismiss = {
1822
+ "name": "BottomSheetDismiss",
1363
1823
  "defaultProps": {},
1364
1824
  "getStylesLiterals": {},
1365
1825
  "cxLiterals": [],
1366
- "internalComponents": ["PopoverContext.Provider"],
1826
+ "internalComponents": ["AriakitDialogDismiss"],
1367
1827
  "internalComponentProps": {},
1368
1828
  "propToVariantKeys": {},
1369
1829
  "runtimeConfigDefaultProps": {},
@@ -1371,79 +1831,74 @@ var UDSPopoverConfigProvider = {
1371
1831
  "runtimeConfigInternalComponentProps": {},
1372
1832
  "motionVarPrefixes": []
1373
1833
  };
1374
- var Menu_Content = {
1375
- "name": "Menu.Content",
1376
- "defaultProps": {
1377
- "size": "default",
1378
- "variant": "default",
1379
- "gutter": "1"
1380
- },
1834
+ var BottomSheetHandle = {
1835
+ "name": "BottomSheetHandle",
1836
+ "defaultProps": { "variant": "default" },
1381
1837
  "getStylesLiterals": {},
1382
1838
  "cxLiterals": [
1383
- "uds-menu-content",
1384
- "transition-shadow",
1385
- "duration-200",
1386
- "ease-in-out",
1387
- "min-w-60",
1388
- "max-w-lg",
1389
- "max-h-96",
1390
- "overflow-auto",
1391
- "uds-ring",
1392
- "z-10",
1393
- "group"
1394
- ],
1395
- "internalComponents": [
1396
- "AriakitMenu",
1397
- "AnimatePresence",
1398
- "MotionVStack"
1839
+ "relative",
1840
+ "h-5",
1841
+ "w-16",
1842
+ "outline-none",
1843
+ "focus-visible:outline-none",
1844
+ "[touch-action:pan-y]",
1845
+ "absolute",
1846
+ "left-1/2",
1847
+ "top-1/2",
1848
+ "-translate-x-1/2",
1849
+ "-translate-y-1/2",
1850
+ "h-1",
1851
+ "w-8",
1852
+ "rounded-full"
1399
1853
  ],
1400
- "internalComponentProps": {},
1401
- "propToVariantKeys": {
1402
- "size": ["menucontentSizeRoot"],
1403
- "variant": ["menucontentVariantRoot"]
1404
- },
1854
+ "internalComponents": ["Box"],
1855
+ "internalComponentProps": { "Box": {
1856
+ "display": ["block", "flex"],
1857
+ "justifyContent": ["center"]
1858
+ } },
1859
+ "propToVariantKeys": { "variant": ["bottomsheetVariantHandleIndicator"] },
1405
1860
  "runtimeConfigDefaultProps": {},
1406
1861
  "runtimeConfigGetStyles": {},
1407
1862
  "runtimeConfigInternalComponentProps": {},
1408
1863
  "motionVarPrefixes": []
1409
1864
  };
1410
- var Menu_Divider = {
1411
- "name": "Menu.Divider",
1412
- "defaultProps": {
1413
- "role": "separator",
1414
- "contentPosition": "start",
1415
- "gap": "4"
1416
- },
1417
- "getStylesLiterals": {
1418
- "menuitemDividerVariantRoot": "default",
1419
- "menuitemDividerVariantText": "default",
1420
- "menuitemDividerVariantLine": "default"
1865
+ var BottomSheetHeader = {
1866
+ "name": "BottomSheetHeader",
1867
+ "defaultProps": { "variant": "default" },
1868
+ "getStylesLiterals": {},
1869
+ "cxLiterals": [
1870
+ "grid-cols-[40px_1fr_40px]",
1871
+ "items-center",
1872
+ "w-full",
1873
+ "min-h-10",
1874
+ "mt-2"
1875
+ ],
1876
+ "internalComponents": ["Box", "Text"],
1877
+ "internalComponentProps": {
1878
+ "Box": {
1879
+ "className": ["h-10 w-10 opacity-0 pointer-events-none"],
1880
+ "display": ["grid", "flex"],
1881
+ "justifyContent": ["flex-start", "flex-end"]
1882
+ },
1883
+ "Text": {
1884
+ "variant": ["inherit"],
1885
+ "color": ["inherit"],
1886
+ "textAlign": ["center"],
1887
+ "className": ["w-full"]
1888
+ }
1421
1889
  },
1422
- "cxLiterals": [],
1423
- "internalComponents": ["DividerInternal"],
1424
- "internalComponentProps": { "DividerInternal": { "variant": ["inherit"] } },
1425
- "propToVariantKeys": {},
1890
+ "propToVariantKeys": { "variant": ["bottomsheetVariantHeader"] },
1426
1891
  "runtimeConfigDefaultProps": {},
1427
1892
  "runtimeConfigGetStyles": {},
1428
1893
  "runtimeConfigInternalComponentProps": {},
1429
1894
  "motionVarPrefixes": []
1430
1895
  };
1431
- var Menu_Item = {
1432
- "name": "Menu.Item",
1896
+ var BottomSheetInternalContext = {
1897
+ "name": "BottomSheetInternalContext",
1433
1898
  "defaultProps": {},
1434
- "getStylesLiterals": {
1435
- "menuitemItemVariantRoot": "default",
1436
- "menuitemItemVariantActiveRoot": "on",
1437
- "menuitemItemVariantActiveRoot:1": "off",
1438
- "menuitemItemVariantText": "default",
1439
- "menuitemItemVariantActiveText": "on",
1440
- "menuitemItemVariantActiveText:1": "off",
1441
- "menuitemItemVariantIcon": "default",
1442
- "menuitemItemVariantActiveIcon": "on",
1443
- "menuitemItemVariantActiveIcon:1": "off"
1444
- },
1899
+ "getStylesLiterals": {},
1445
1900
  "cxLiterals": [],
1446
- "internalComponents": ["MenuItemBase"],
1901
+ "internalComponents": [],
1447
1902
  "internalComponentProps": {},
1448
1903
  "propToVariantKeys": {},
1449
1904
  "runtimeConfigDefaultProps": {},
@@ -1451,83 +1906,12 @@ var Menu_Item = {
1451
1906
  "runtimeConfigInternalComponentProps": {},
1452
1907
  "motionVarPrefixes": []
1453
1908
  };
1454
- var Menu_ItemBase = {
1455
- "name": "Menu.ItemBase",
1456
- "defaultProps": {
1457
- "spacing": "0",
1458
- "spacingHorizontal": "4",
1459
- "spacingVertical": "3.5",
1460
- "columnGap": "2",
1461
- "alignItems": "center",
1462
- "justifyContent": "space-between"
1463
- },
1464
- "getStylesLiterals": {
1465
- "textAlign": "start",
1466
- "menuitemSizeRoot": "default",
1467
- "flexDirection": "row",
1468
- "menuitemSizeStartIcon": "default",
1469
- "menuitemSizeEndIcon": "default"
1470
- },
1471
- "cxLiterals": [
1472
- "flex",
1473
- "focus-visible:text-brand",
1474
- "focus-visible:bg-brand-secondary",
1475
- "focus-visible:z-10",
1476
- "uds-ring",
1477
- "!-outline-offset-2",
1478
- "[&:not([aria-checked])]:cursor-default",
1479
- "opacity-25",
1480
- "cursor-not-allowed",
1481
- "duration-20",
1482
- "transition-[font-variation-settings]",
1483
- "ease-in-out",
1484
- "z-0",
1485
- "uds-start-icon",
1486
- "uds-end-icon"
1487
- ],
1488
- "internalComponents": [
1489
- "Pressable",
1490
- "IconSlot",
1491
- "RootComponent",
1492
- "HStack",
1493
- "AnimatePresence"
1494
- ],
1495
- "internalComponentProps": {
1496
- "HStack": {
1497
- "alignItems": ["center"],
1498
- "width": ["full"]
1499
- },
1500
- "AnimatePresence": { "mode": ["popLayout"] }
1501
- },
1502
- "propToVariantKeys": {
1503
- "startIcon": ["icon"],
1504
- "endIcon": ["icon"],
1505
- "columnGap": ["gap"]
1506
- },
1507
- "runtimeConfigDefaultProps": {},
1508
- "runtimeConfigGetStyles": {},
1509
- "runtimeConfigInternalComponentProps": {},
1510
- "motionVarPrefixes": []
1511
- };
1512
- var Menu_ItemCheckbox = {
1513
- "name": "Menu.ItemCheckbox",
1909
+ var BottomSheetProvider = {
1910
+ "name": "BottomSheetProvider",
1514
1911
  "defaultProps": {},
1515
- "getStylesLiterals": {
1516
- "menuitemItemCheckboxVariantRoot": "default",
1517
- "menuitemItemCheckboxVariantActiveRoot": "on",
1518
- "menuitemItemCheckboxVariantActiveRoot:1": "off",
1519
- "menuitemItemCheckboxVariantText": "default",
1520
- "menuitemItemCheckboxVariantActiveText": "on",
1521
- "menuitemItemCheckboxVariantActiveText:1": "off",
1522
- "menuitemItemCheckboxVariantStartIcon": "default",
1523
- "menuitemItemCheckboxVariantActiveStartIcon": "on",
1524
- "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
1525
- "menuitemItemCheckboxVariantEndIcon": "default",
1526
- "menuitemItemCheckboxVariantActiveEndIcon": "on",
1527
- "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
1528
- },
1529
- "cxLiterals": ["uds-menu-item-checkbox"],
1530
- "internalComponents": ["MenuItemBase"],
1912
+ "getStylesLiterals": {},
1913
+ "cxLiterals": [],
1914
+ "internalComponents": ["AriakitDialogProvider"],
1531
1915
  "internalComponentProps": {},
1532
1916
  "propToVariantKeys": {},
1533
1917
  "runtimeConfigDefaultProps": {},
@@ -1535,38 +1919,38 @@ var Menu_ItemCheckbox = {
1535
1919
  "runtimeConfigInternalComponentProps": {},
1536
1920
  "motionVarPrefixes": []
1537
1921
  };
1538
- var Menu_Provider = {
1539
- "name": "Menu.Provider",
1922
+ var BottomSheetTrigger = {
1923
+ "name": "BottomSheetTrigger",
1540
1924
  "defaultProps": {},
1541
1925
  "getStylesLiterals": {},
1542
1926
  "cxLiterals": [],
1543
- "internalComponents": ["AriakitMenuProvider", "SpringMotionConfig"],
1927
+ "internalComponents": ["AriakitDialogDisclosure"],
1544
1928
  "internalComponentProps": {},
1545
1929
  "propToVariantKeys": {},
1546
1930
  "runtimeConfigDefaultProps": {},
1547
1931
  "runtimeConfigGetStyles": {},
1548
1932
  "runtimeConfigInternalComponentProps": {},
1549
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1933
+ "motionVarPrefixes": []
1550
1934
  };
1551
- var Menu_Trigger = {
1552
- "name": "Menu.Trigger",
1935
+ var UDSBottomSheetConfigProvider = {
1936
+ "name": "UDSBottomSheetConfigProvider",
1553
1937
  "defaultProps": {},
1554
1938
  "getStylesLiterals": {},
1555
- "cxLiterals": ["uds-menu-trigger"],
1556
- "internalComponents": ["AriakitMenuTrigger", "Box"],
1557
- "internalComponentProps": { "Box": { "className": ["uds-ring h-fit w-fit"] } },
1939
+ "cxLiterals": [],
1940
+ "internalComponents": ["BottomSheetContext.Provider"],
1941
+ "internalComponentProps": {},
1558
1942
  "propToVariantKeys": {},
1559
1943
  "runtimeConfigDefaultProps": {},
1560
1944
  "runtimeConfigGetStyles": {},
1561
1945
  "runtimeConfigInternalComponentProps": {},
1562
1946
  "motionVarPrefixes": []
1563
1947
  };
1564
- var Menu_index = {
1565
- "name": "Menu.index",
1948
+ var Avatar = {
1949
+ "name": "Avatar",
1566
1950
  "defaultProps": {},
1567
1951
  "getStylesLiterals": {},
1568
1952
  "cxLiterals": [],
1569
- "internalComponents": [],
1953
+ "internalComponents": ["AvatarImage"],
1570
1954
  "internalComponentProps": {},
1571
1955
  "propToVariantKeys": {},
1572
1956
  "runtimeConfigDefaultProps": {},
@@ -1574,126 +1958,88 @@ var Menu_index = {
1574
1958
  "runtimeConfigInternalComponentProps": {},
1575
1959
  "motionVarPrefixes": []
1576
1960
  };
1577
- var Menu = {
1578
- "name": "Menu",
1579
- "defaultProps": {},
1961
+ var AvatarIcon = {
1962
+ "name": "AvatarIcon",
1963
+ "defaultProps": {
1964
+ "size": "md",
1965
+ "variant": "primary"
1966
+ },
1580
1967
  "getStylesLiterals": {},
1581
- "cxLiterals": [],
1582
- "internalComponents": [],
1968
+ "cxLiterals": [
1969
+ "overflow-hidden",
1970
+ "w-full",
1971
+ "h-full",
1972
+ "shrink-0",
1973
+ "text-center",
1974
+ "inline-flex",
1975
+ "justify-center",
1976
+ "items-center"
1977
+ ],
1978
+ "internalComponents": ["IconSlot", "Box"],
1583
1979
  "internalComponentProps": {},
1584
- "propToVariantKeys": {},
1980
+ "propToVariantKeys": { "size": ["avatarSizeIcon"] },
1585
1981
  "runtimeConfigDefaultProps": {},
1586
1982
  "runtimeConfigGetStyles": {},
1587
1983
  "runtimeConfigInternalComponentProps": {},
1588
1984
  "motionVarPrefixes": []
1589
1985
  };
1590
- var Radio = {
1591
- "name": "Radio",
1986
+ var AvatarImage = {
1987
+ "name": "AvatarImage",
1592
1988
  "defaultProps": {
1593
- "labelPosition": "start",
1594
- "variant": "primary",
1595
1989
  "size": "md",
1596
- "value": ""
1597
- },
1598
- "getStylesLiterals": {
1599
- "radioVariantValueRoot": "checked",
1600
- "radioVariantValueRoot:1": "unchecked",
1601
- "display": "flex",
1602
- "flexDirection": "row",
1603
- "flexDirection:1": "row-reverse",
1604
- "alignItems": "center",
1605
- "radioVariantValueRadio": "checked",
1606
- "radioVariantValueRadio:1": "unchecked",
1607
- "radioVariantValueRadioCircle": "checked",
1608
- "radioVariantValueRadioCircle:1": "unchecked"
1990
+ "variant": "primary"
1609
1991
  },
1992
+ "getStylesLiterals": {},
1610
1993
  "cxLiterals": [
1611
- "cursor-pointer",
1612
- "cursor-default",
1613
- "opacity-50",
1614
- "border",
1615
- "uds-ring",
1616
- "uds-ring-within",
1617
- "transition-[background-color,border-color]",
1618
- "transition-shadow",
1619
- "pointer-events-none",
1620
- "w-[8px]",
1621
- "h-[8px]",
1622
- "transition-opacity",
1623
- "cursor-[inherit]",
1624
- "absolute",
1625
- "opacity-0",
1626
- "top-1/2",
1627
- "left-1/2",
1628
- "w-[calc(100%+2px)]",
1629
- "h-[calc(100%+2px)]",
1630
- "transform",
1631
- "translate-x-[-50%]",
1632
- "translate-y-[-50%]",
1633
- "text-start",
1634
- "text-end"
1994
+ "overflow-hidden",
1995
+ "w-full",
1996
+ "h-full",
1997
+ "shrink-0",
1998
+ "text-center",
1999
+ "inline-flex",
2000
+ "justify-center",
2001
+ "items-center",
2002
+ "object-cover"
1635
2003
  ],
1636
2004
  "internalComponents": [
1637
- "Box",
1638
- "FormLabel",
1639
- "SpringMotionConfig",
1640
- "RootElement",
1641
- "MotionBox"
2005
+ "UDSImage",
2006
+ "AvatarText",
2007
+ "AvatarIcon",
2008
+ "Box"
1642
2009
  ],
1643
- "internalComponentProps": {
1644
- "Box": { "borderRadius": ["full"] },
1645
- "FormLabel": {
1646
- "as": ["div"],
1647
- "variant": ["inherit"],
1648
- "color": ["inherit"]
1649
- },
1650
- "RootElement": { "data-testid": ["container"] },
1651
- "MotionBox": {
1652
- "position": ["relative"],
1653
- "borderRadius": ["full"],
1654
- "alignItems": ["center"],
1655
- "justifyContent": ["center"],
1656
- "flex": ["none"]
1657
- }
1658
- },
2010
+ "internalComponentProps": {},
1659
2011
  "propToVariantKeys": {
1660
- "size": ["radioSizeRoot", "radioSizeRadio"],
1661
- "variant": [
1662
- "radioVariantRoot",
1663
- "radioVariantRadio",
1664
- "radioVariantRadioCircle"
1665
- ],
1666
- "reduceMotion": ["reducedMotion"]
2012
+ "alt": ["name"],
2013
+ "fallback": ["initials"]
1667
2014
  },
1668
2015
  "runtimeConfigDefaultProps": {},
1669
2016
  "runtimeConfigGetStyles": {},
1670
2017
  "runtimeConfigInternalComponentProps": {},
1671
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1672
- };
1673
- var RadioGroupProvider = {
1674
- "name": "RadioGroupProvider",
1675
- "defaultProps": {},
1676
- "getStylesLiterals": {},
1677
- "cxLiterals": [],
1678
- "internalComponents": [
1679
- "DivProps",
1680
- "Comp",
1681
- "RadioGroupContext.Provider"
1682
- ],
1683
- "internalComponentProps": { "Comp": { "role": ["radiogroup"] } },
1684
- "propToVariantKeys": {},
1685
- "runtimeConfigDefaultProps": {},
1686
- "runtimeConfigGetStyles": {},
1687
- "runtimeConfigInternalComponentProps": {},
1688
2018
  "motionVarPrefixes": []
1689
2019
  };
1690
- var RadioGroupStore = {
1691
- "name": "RadioGroupStore",
1692
- "defaultProps": {},
2020
+ var AvatarText = {
2021
+ "name": "AvatarText",
2022
+ "defaultProps": {
2023
+ "size": "md",
2024
+ "variant": "primary"
2025
+ },
1693
2026
  "getStylesLiterals": {},
1694
- "cxLiterals": [],
1695
- "internalComponents": [],
1696
- "internalComponentProps": {},
2027
+ "cxLiterals": [
2028
+ "overflow-hidden",
2029
+ "truncate",
2030
+ "w-full",
2031
+ "h-full",
2032
+ "shrink-0",
2033
+ "text-center",
2034
+ "inline-flex",
2035
+ "justify-center",
2036
+ "items-center"
2037
+ ],
2038
+ "internalComponents": ["Box", "Text"],
2039
+ "internalComponentProps": { "Text": {
2040
+ "color": ["inherit"],
2041
+ "variant": ["inherit"]
2042
+ } },
1697
2043
  "propToVariantKeys": {},
1698
2044
  "runtimeConfigDefaultProps": {},
1699
2045
  "runtimeConfigGetStyles": {},
@@ -1773,146 +2119,56 @@ var ToastContainer = {
1773
2119
  "name": "ToastContainer",
1774
2120
  "defaultProps": {},
1775
2121
  "getStylesLiterals": {
1776
- "position": "relative",
1777
- "alignItems": "center",
1778
- "display": "flex",
1779
- "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
1780
- },
1781
- "cxLiterals": ["w-full"],
1782
- "internalComponents": ["HStack"],
1783
- "internalComponentProps": { "HStack": {
1784
- "alignItems": ["center"],
1785
- "justifyContent": ["space-between"],
1786
- "overflow": ["hidden"],
1787
- "position": ["relative"]
1788
- } },
1789
- "propToVariantKeys": {
1790
- "variant": ["toastVariantRoot"],
1791
- "size": ["toastSizeRoot"]
1792
- },
1793
- "runtimeConfigDefaultProps": {
1794
- "size": "toast.defaultSize",
1795
- "variant": "toast.defaultVariant"
1796
- },
1797
- "runtimeConfigGetStyles": {
1798
- "toastVariantRoot": ["toast.defaultVariant"],
1799
- "toastSizeRoot": ["toast.defaultSize"]
1800
- },
1801
- "runtimeConfigInternalComponentProps": { "HStack": { "backgroundColor": ["toast.backgroundColor.${variant}"] } },
1802
- "motionVarPrefixes": []
1803
- };
1804
- var ToastPortal = {
1805
- "name": "ToastPortal",
1806
- "defaultProps": {},
1807
- "getStylesLiterals": {},
1808
- "cxLiterals": [],
1809
- "internalComponents": ["ReactToastifyToastContainer"],
1810
- "internalComponentProps": {},
1811
- "propToVariantKeys": {},
1812
- "runtimeConfigDefaultProps": {
1813
- "size": "toast.defaultSize",
1814
- "variant": "toast.defaultVariant"
1815
- },
1816
- "runtimeConfigGetStyles": {},
1817
- "runtimeConfigInternalComponentProps": { "ReactToastifyToastContainer": { "autoClose": ["toast.autoClose"] } },
1818
- "motionVarPrefixes": []
1819
- };
1820
- var UDSToastConfigProvider = {
1821
- "name": "UDSToastConfigProvider",
1822
- "defaultProps": {},
1823
- "getStylesLiterals": {},
1824
- "cxLiterals": [],
1825
- "internalComponents": ["ToastContext.Provider"],
1826
- "internalComponentProps": {},
1827
- "propToVariantKeys": {},
1828
- "runtimeConfigDefaultProps": {},
1829
- "runtimeConfigGetStyles": {},
1830
- "runtimeConfigInternalComponentProps": {},
1831
- "motionVarPrefixes": []
1832
- };
1833
- var Tooltip = {
1834
- "name": "Tooltip",
1835
- "defaultProps": {},
1836
- "getStylesLiterals": {},
1837
- "cxLiterals": [],
1838
- "internalComponents": ["TooltipInternalContext.Provider", "TooltipProvider"],
1839
- "internalComponentProps": {},
1840
- "propToVariantKeys": {},
1841
- "runtimeConfigDefaultProps": {},
1842
- "runtimeConfigGetStyles": {},
1843
- "runtimeConfigInternalComponentProps": { "TooltipProvider": { "animated": ["tooltip.animationDuration"] } },
1844
- "motionVarPrefixes": []
1845
- };
1846
- var TooltipContent = {
1847
- "name": "TooltipContent",
1848
- "defaultProps": {},
1849
- "getStylesLiterals": {
1850
- "tooltipSizeRoot": "default",
1851
- "tooltipVariantRoot": "default",
1852
- "tooltipSizeSvg": "default",
1853
- "tooltipVariantSvg": "default",
1854
- "tooltipVariantBlur": "default",
1855
- "position": "absolute",
1856
- "width": "full",
1857
- "height": "full",
1858
- "tooltipSizeTitle": "default",
1859
- "tooltipSizeBody": "default",
1860
- "tooltipSizeEndContent": "default",
1861
- "tooltipSizeIcon": "default",
1862
- "tooltipVariantIcon": "default"
1863
- },
1864
- "cxLiterals": [
1865
- "max-w-lg",
1866
- "flex",
1867
- "z-[9999]",
1868
- "uds-bgBlurFillFallback",
1869
- "uds-bgBlurFallback",
1870
- "top-0",
1871
- "left-0",
1872
- "z-[1]"
1873
- ],
1874
- "internalComponents": [
1875
- "IconSlot",
1876
- "TooltipArrow",
1877
- "Tooltip",
1878
- "SvgFloatingOverlay",
1879
- "VStack",
1880
- "Box",
1881
- "Text"
1882
- ],
1883
- "internalComponentProps": {
1884
- "VStack": { "className": ["gap-[inherit]"] },
1885
- "Box": {
1886
- "alignItems": ["center"],
1887
- "columnGap": ["1", "1.5"]
1888
- },
1889
- "Text": { "color": ["inherit"] }
2122
+ "position": "relative",
2123
+ "alignItems": "center",
2124
+ "display": "flex",
2125
+ "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
1890
2126
  },
1891
- "propToVariantKeys": { "startTitleIcon": ["icon"] },
1892
- "runtimeConfigDefaultProps": {},
1893
- "runtimeConfigGetStyles": {},
1894
- "runtimeConfigInternalComponentProps": {},
2127
+ "cxLiterals": ["w-full"],
2128
+ "internalComponents": ["HStack"],
2129
+ "internalComponentProps": { "HStack": {
2130
+ "alignItems": ["center"],
2131
+ "justifyContent": ["space-between"],
2132
+ "overflow": ["hidden"],
2133
+ "position": ["relative"]
2134
+ } },
2135
+ "propToVariantKeys": {
2136
+ "variant": ["toastVariantRoot"],
2137
+ "size": ["toastSizeRoot"]
2138
+ },
2139
+ "runtimeConfigDefaultProps": {
2140
+ "size": "toast.defaultSize",
2141
+ "variant": "toast.defaultVariant"
2142
+ },
2143
+ "runtimeConfigGetStyles": {
2144
+ "toastVariantRoot": ["toast.defaultVariant"],
2145
+ "toastSizeRoot": ["toast.defaultSize"]
2146
+ },
2147
+ "runtimeConfigInternalComponentProps": { "HStack": { "backgroundColor": ["toast.backgroundColor.${variant}"] } },
1895
2148
  "motionVarPrefixes": []
1896
2149
  };
1897
- var TooltipTrigger = {
1898
- "name": "TooltipTrigger",
2150
+ var ToastPortal = {
2151
+ "name": "ToastPortal",
1899
2152
  "defaultProps": {},
1900
2153
  "getStylesLiterals": {},
1901
2154
  "cxLiterals": [],
1902
- "internalComponents": ["TooltipAnchor"],
1903
- "internalComponentProps": { "TooltipAnchor": { "className": ["inline"] } },
1904
- "propToVariantKeys": { "children": ["render"] },
1905
- "runtimeConfigDefaultProps": {},
2155
+ "internalComponents": ["ReactToastifyToastContainer"],
2156
+ "internalComponentProps": {},
2157
+ "propToVariantKeys": {},
2158
+ "runtimeConfigDefaultProps": {
2159
+ "size": "toast.defaultSize",
2160
+ "variant": "toast.defaultVariant"
2161
+ },
1906
2162
  "runtimeConfigGetStyles": {},
1907
- "runtimeConfigInternalComponentProps": {},
2163
+ "runtimeConfigInternalComponentProps": { "ReactToastifyToastContainer": { "autoClose": ["toast.autoClose"] } },
1908
2164
  "motionVarPrefixes": []
1909
2165
  };
1910
- var UDSTooltipConfigProvider = {
1911
- "name": "UDSTooltipConfigProvider",
2166
+ var UDSToastConfigProvider = {
2167
+ "name": "UDSToastConfigProvider",
1912
2168
  "defaultProps": {},
1913
2169
  "getStylesLiterals": {},
1914
2170
  "cxLiterals": [],
1915
- "internalComponents": ["TooltipContext.Provider"],
2171
+ "internalComponents": ["ToastContext.Provider"],
1916
2172
  "internalComponentProps": {},
1917
2173
  "propToVariantKeys": {},
1918
2174
  "runtimeConfigDefaultProps": {},
@@ -1946,352 +2202,96 @@ var UDSConfigProvider = {
1946
2202
  "UDSPopoverConfigProvider"
1947
2203
  ],
1948
2204
  "internalComponentProps": {},
1949
- "propToVariantKeys": {},
1950
- "runtimeConfigDefaultProps": {},
1951
- "runtimeConfigGetStyles": {},
1952
- "runtimeConfigInternalComponentProps": {},
1953
- "motionVarPrefixes": []
1954
- };
1955
- var Accordion = {
1956
- "name": "Accordion",
1957
- "defaultProps": {
1958
- "spacingHorizontal": "4",
1959
- "spacingVertical": "4"
1960
- },
1961
- "getStylesLiterals": {},
1962
- "cxLiterals": ["hover:bg-secondary/80", "w-full"],
1963
- "internalComponents": [
1964
- "Icon",
1965
- "SpringMotionConfig",
1966
- "Pressable",
1967
- "Text",
1968
- "HStack",
1969
- "AnimatePresence",
1970
- "VStack"
1971
- ],
1972
- "internalComponentProps": {
1973
- "Icon": {
1974
- "variant": ["fill"],
1975
- "size": ["sm"],
1976
- "color": ["primary"]
1977
- },
1978
- "SpringMotionConfig": {
1979
- "layoutVariant": ["smooth"],
1980
- "layoutSpeed": ["3"]
1981
- },
1982
- "Pressable": {
1983
- "display": ["flex"],
1984
- "flexDirection": ["row"],
1985
- "alignItems": ["center"],
1986
- "justifyContent": ["space-between"],
1987
- "borderRadius": ["md"]
1988
- },
1989
- "Text": {
1990
- "variant": ["title4"],
1991
- "color": ["primary"]
1992
- },
1993
- "HStack": {
1994
- "display": ["flex"],
1995
- "alignItems": ["center"],
1996
- "justifyContent": ["space-between"],
1997
- "columnGap": ["2.5"]
1998
- }
1999
- },
2000
- "propToVariantKeys": {},
2001
- "runtimeConfigDefaultProps": {},
2002
- "runtimeConfigGetStyles": {},
2003
- "runtimeConfigInternalComponentProps": {},
2004
- "motionVarPrefixes": ["--uds-motion-smooth-3-"]
2005
- };
2006
- var AvoidMotionLibraryProvider = {
2007
- "name": "AvoidMotionLibraryProvider",
2008
- "defaultProps": {},
2009
- "getStylesLiterals": {},
2010
- "cxLiterals": [],
2011
- "internalComponents": [],
2012
- "internalComponentProps": {},
2013
- "propToVariantKeys": {},
2014
- "runtimeConfigDefaultProps": {},
2015
- "runtimeConfigGetStyles": {},
2016
- "runtimeConfigInternalComponentProps": {},
2017
- "motionVarPrefixes": []
2018
- };
2019
- var ExperimentalPopover = {
2020
- "name": "ExperimentalPopover",
2021
- "defaultProps": {},
2022
- "getStylesLiterals": {},
2023
- "cxLiterals": [],
2024
- "internalComponents": [
2025
- "HStack",
2026
- "Text",
2027
- "ExperimentalPopoverHeadingBase"
2028
- ],
2029
- "internalComponentProps": { "Text": {
2030
- "variant": ["headline1"],
2031
- "color": ["primary"]
2032
- } },
2033
- "propToVariantKeys": {},
2034
- "runtimeConfigDefaultProps": {},
2035
- "runtimeConfigGetStyles": {},
2036
- "runtimeConfigInternalComponentProps": {},
2037
- "motionVarPrefixes": []
2038
- };
2039
- var Modal = {
2040
- "name": "Modal",
2041
- "defaultProps": {},
2042
- "getStylesLiterals": {},
2043
- "cxLiterals": [
2044
- "inset-8",
2045
- "top-[250px]",
2046
- "z-50",
2047
- "mx-auto",
2048
- "h-fit",
2049
- "w-[600px]",
2050
- "origin-center",
2051
- "scale-95",
2052
- "opacity-0",
2053
- "transition",
2054
- "duration-150",
2055
- "data-[enter]:scale-100",
2056
- "data-[enter]:opacity-100",
2057
- "data-[enter]:bg-primary",
2058
- "backdrop-blur-0",
2059
- "data-[enter]:opacity-60",
2060
- "data-[enter]:backdrop-blur-sm"
2061
- ],
2062
- "internalComponents": [
2063
- "IconButton",
2064
- "Dialog",
2065
- "HStack",
2066
- "Text",
2067
- "VStack"
2068
- ],
2069
- "internalComponentProps": {
2070
- "IconButton": {
2071
- "aria-label": ["Close"],
2072
- "size": ["sm"],
2073
- "variant": ["tertiary"]
2074
- },
2075
- "HStack": {
2076
- "alignItems": ["center"],
2077
- "justifyContent": ["space-between"]
2078
- },
2079
- "Text": {
2080
- "variant": ["headline1"],
2081
- "color": ["primary"]
2082
- },
2083
- "VStack": {
2084
- "borderRadius": ["md"],
2085
- "position": ["fixed"],
2086
- "backgroundColor": ["primary"],
2087
- "dropShadow": ["md"],
2088
- "spacing": ["8"],
2089
- "overflow": ["hidden"]
2090
- }
2091
- },
2092
- "propToVariantKeys": { "handleClose": ["onClick"] },
2093
- "runtimeConfigDefaultProps": {},
2094
- "runtimeConfigGetStyles": {},
2095
- "runtimeConfigInternalComponentProps": {},
2096
- "motionVarPrefixes": []
2097
- };
2098
- var SegmentedControl = {
2099
- "name": "SegmentedControl",
2100
- "defaultProps": { "textVariant": "label2" },
2101
- "getStylesLiterals": {
2102
- "display": "flex",
2103
- "alignItems": "center",
2104
- "backgroundColor": "primary",
2105
- "spacingVertical": "1",
2106
- "spacingHorizontal": "3",
2107
- "columnGap": "1.5",
2108
- "borderWidth": "thin",
2109
- "borderRadius": "full",
2110
- "borderColor": "muted",
2111
- "borderColor:1": "transparent",
2112
- "color": "primary",
2113
- "color:1": "tertiary",
2114
- "color:2": "muted"
2115
- },
2116
- "cxLiterals": [
2117
- "uds-ring",
2118
- "cursor-not-allowed",
2119
- "opacity-50",
2120
- "pointer-events-none",
2121
- "hover:bg-primary"
2122
- ],
2123
- "internalComponents": [
2124
- "TextVariant",
2125
- "Radio",
2126
- "Icon",
2127
- "RadioProvider",
2128
- "HStack",
2129
- "RadioGroup",
2130
- "Pressable",
2131
- "Text"
2132
- ],
2133
- "internalComponentProps": {
2134
- "Icon": {
2135
- "size": ["sm"],
2136
- "color": ["current"],
2137
- "aria-hidden": ["true"]
2138
- },
2139
- "HStack": {
2140
- "spacing": ["1"],
2141
- "gap": ["1"],
2142
- "backgroundColor": ["secondary"],
2143
- "borderRadius": ["full"],
2144
- "display": ["inline-flex"]
2145
- },
2146
- "Text": { "color": ["current"] }
2147
- },
2148
- "propToVariantKeys": {
2149
- "value": ["key"],
2150
- "label": ["aria-label"],
2151
- "textVariant": ["variant"]
2152
- },
2205
+ "propToVariantKeys": {},
2153
2206
  "runtimeConfigDefaultProps": {},
2154
2207
  "runtimeConfigGetStyles": {},
2155
2208
  "runtimeConfigInternalComponentProps": {},
2156
2209
  "motionVarPrefixes": []
2157
2210
  };
2158
- var SwitchV2 = {
2159
- "name": "SwitchV2",
2160
- "defaultProps": {
2161
- "labelPosition": "start",
2162
- "size": "md"
2163
- },
2211
+ var Tooltip = {
2212
+ "name": "Tooltip",
2213
+ "defaultProps": {},
2214
+ "getStylesLiterals": {},
2215
+ "cxLiterals": [],
2216
+ "internalComponents": ["TooltipInternalContext.Provider", "TooltipProvider"],
2217
+ "internalComponentProps": {},
2218
+ "propToVariantKeys": {},
2219
+ "runtimeConfigDefaultProps": {},
2220
+ "runtimeConfigGetStyles": {},
2221
+ "runtimeConfigInternalComponentProps": { "TooltipProvider": { "animated": ["tooltip.animationDuration"] } },
2222
+ "motionVarPrefixes": []
2223
+ };
2224
+ var TooltipContent = {
2225
+ "name": "TooltipContent",
2226
+ "defaultProps": {},
2164
2227
  "getStylesLiterals": {
2165
- "switchVariantRoot": "default",
2166
- "switchVariantActiveRoot": "on",
2167
- "switchVariantActiveRoot:1": "off",
2168
- "switchVariantSwitch": "default",
2169
- "switchVariantActiveSwitch": "on",
2170
- "switchVariantActiveSwitch:1": "off",
2171
- "switchVariantActiveHandle": "on",
2172
- "switchVariantActiveHandle:1": "off",
2173
- "switchVariantHandle": "default",
2174
- "switchVariantHandleIcon": "default",
2175
- "switchVariantActiveHandleIcon": "on",
2176
- "switchVariantActiveHandleIcon:1": "off"
2228
+ "tooltipSizeRoot": "default",
2229
+ "tooltipVariantRoot": "default",
2230
+ "tooltipSizeSvg": "default",
2231
+ "tooltipVariantSvg": "default",
2232
+ "tooltipVariantBlur": "default",
2233
+ "position": "absolute",
2234
+ "width": "full",
2235
+ "height": "full",
2236
+ "tooltipSizeTitle": "default",
2237
+ "tooltipSizeBody": "default",
2238
+ "tooltipSizeEndContent": "default",
2239
+ "tooltipSizeIcon": "default",
2240
+ "tooltipVariantIcon": "default"
2177
2241
  },
2178
2242
  "cxLiterals": [
2179
- "group",
2243
+ "max-w-lg",
2180
2244
  "flex",
2181
- "items-center",
2182
- "flex-row",
2183
- "flex-row-reverse",
2184
- "uds-ring",
2185
- "uds-ring-within",
2186
- "relative",
2187
- "uds-border-radius-full",
2188
- "transition-[background-color,box-shadow]",
2189
- "pointer-events-none",
2190
- "w-full",
2191
- "h-full",
2192
- "absolute",
2245
+ "z-[9999]",
2246
+ "uds-bgBlurFillFallback",
2247
+ "uds-bgBlurFallback",
2193
2248
  "top-0",
2194
- "bottom-0",
2195
- "right-0",
2196
2249
  "left-0",
2197
- "overflow-hidden",
2198
- "group-hover:scale-105",
2199
- "opacity-95",
2200
- "group-hover:opacity-100",
2201
- "transition-[transform,opacity]",
2202
- "opacity-0",
2203
- "top-1/2",
2204
- "left-1/2",
2205
- "transform",
2206
- "translate-x-[-50%]",
2207
- "translate-y-[-50%]",
2208
- "transition-opacity",
2209
- "cursor-[inherit]",
2210
- "w-[calc(100%+2px)]",
2211
- "h-[calc(100%+2px)]",
2212
- "text-start",
2213
- "text-end",
2214
- "opacity-100"
2250
+ "z-[1]"
2215
2251
  ],
2216
2252
  "internalComponents": [
2217
2253
  "IconSlot",
2254
+ "TooltipArrow",
2255
+ "Tooltip",
2256
+ "SvgFloatingOverlay",
2257
+ "VStack",
2218
2258
  "Box",
2219
- "FormLabel",
2220
- "SpringMotionConfig",
2221
- "RootElement",
2222
- "MotionBox"
2259
+ "Text"
2223
2260
  ],
2224
2261
  "internalComponentProps": {
2225
- "IconSlot": { "data-testid": ["on-icon", "off-icon"] },
2226
- "FormLabel": {
2227
- "as": ["div"],
2228
- "variant": ["inherit"],
2229
- "color": ["inherit"]
2230
- },
2231
- "SpringMotionConfig": {
2232
- "layoutVariant": ["bouncy"],
2233
- "layoutSpeed": ["4"]
2262
+ "VStack": { "className": ["gap-[inherit]"] },
2263
+ "Box": {
2264
+ "alignItems": ["center"],
2265
+ "columnGap": ["1", "1.5"]
2234
2266
  },
2235
- "RootElement": { "data-testid": ["switch-root"] },
2236
- "MotionBox": { "layout": ["position"] }
2237
- },
2238
- "propToVariantKeys": {
2239
- "size": [
2240
- "switchSizeRoot",
2241
- "switchSizeSwitch",
2242
- "switchSizeHandle",
2243
- "switchSizeHandleIcon"
2244
- ],
2245
- "onIcon": ["icon"],
2246
- "offIcon": ["icon"],
2247
- "reduceMotion": ["reducedMotion"],
2248
- "isOn": ["layoutDependency"]
2267
+ "Text": { "color": ["inherit"] }
2249
2268
  },
2269
+ "propToVariantKeys": { "startTitleIcon": ["icon"] },
2250
2270
  "runtimeConfigDefaultProps": {},
2251
2271
  "runtimeConfigGetStyles": {},
2252
2272
  "runtimeConfigInternalComponentProps": {},
2253
- "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
2273
+ "motionVarPrefixes": []
2254
2274
  };
2255
- var Tabs = {
2256
- "name": "Tabs",
2275
+ var TooltipTrigger = {
2276
+ "name": "TooltipTrigger",
2257
2277
  "defaultProps": {},
2258
- "getStylesLiterals": {
2259
- "display": "flex",
2260
- "flexDirection": "row",
2261
- "columnGap": "6"
2262
- },
2263
- "cxLiterals": [
2264
- "text-tertiary",
2265
- "border-b-transparent",
2266
- "aria-selected:border-b-brand",
2267
- "aria-selected:text-secondary"
2268
- ],
2269
- "internalComponents": [
2270
- "TabProvider",
2271
- "OriginalTabList",
2272
- "OriginalTab",
2273
- "Icon",
2274
- "OriginalTabPanel",
2275
- "Pressable",
2276
- "Comp",
2277
- "Text"
2278
- ],
2279
- "internalComponentProps": {
2280
- "Icon": {
2281
- "className": ["text-current"],
2282
- "size": ["md"]
2283
- },
2284
- "Pressable": {
2285
- "borderBottomWidth": ["medium"],
2286
- "spacingBottom": ["1"],
2287
- "spacingTop": ["4"]
2288
- },
2289
- "Text": {
2290
- "className": ["text-current"],
2291
- "variant": ["headline1"],
2292
- "as": ["span"]
2293
- }
2294
- },
2278
+ "getStylesLiterals": {},
2279
+ "cxLiterals": [],
2280
+ "internalComponents": ["TooltipAnchor"],
2281
+ "internalComponentProps": { "TooltipAnchor": { "className": ["inline"] } },
2282
+ "propToVariantKeys": { "children": ["render"] },
2283
+ "runtimeConfigDefaultProps": {},
2284
+ "runtimeConfigGetStyles": {},
2285
+ "runtimeConfigInternalComponentProps": {},
2286
+ "motionVarPrefixes": []
2287
+ };
2288
+ var UDSTooltipConfigProvider = {
2289
+ "name": "UDSTooltipConfigProvider",
2290
+ "defaultProps": {},
2291
+ "getStylesLiterals": {},
2292
+ "cxLiterals": [],
2293
+ "internalComponents": ["TooltipContext.Provider"],
2294
+ "internalComponentProps": {},
2295
2295
  "propToVariantKeys": {},
2296
2296
  "runtimeConfigDefaultProps": {},
2297
2297
  "runtimeConfigGetStyles": {},
@@ -2313,6 +2313,9 @@ var componentData_default = {
2313
2313
  Divider,
2314
2314
  DividerCore,
2315
2315
  DividerInternal,
2316
+ Spinner,
2317
+ "Table.mocks": Table_mocks,
2318
+ Table,
2316
2319
  AnimateHeightChange,
2317
2320
  Badge,
2318
2321
  Button,
@@ -2321,31 +2324,16 @@ var componentData_default = {
2321
2324
  Pressable,
2322
2325
  SpringMotionConfig,
2323
2326
  Switch,
2324
- Spinner,
2325
- "Table.mocks": Table_mocks,
2326
- Table,
2327
- Avatar,
2328
- AvatarIcon,
2329
- AvatarImage,
2330
- AvatarText,
2331
- BottomSheet,
2332
- BottomSheetContent,
2333
- BottomSheetDismiss,
2334
- BottomSheetHandle,
2335
- BottomSheetHeader,
2336
- BottomSheetInternalContext,
2337
- BottomSheetProvider,
2338
- BottomSheetTrigger,
2339
- UDSBottomSheetConfigProvider,
2340
- Chip,
2341
- ChipBase,
2342
- ChipButton,
2343
- ChipDismissible,
2344
- ChipLink,
2345
- ChipToggle,
2346
- Input,
2347
- InputHelpText,
2348
- InputHelpTextInternal,
2327
+ Accordion,
2328
+ AvoidMotionLibraryProvider,
2329
+ ExperimentalPopover,
2330
+ Modal,
2331
+ SegmentedControl,
2332
+ SwitchV2,
2333
+ Tabs,
2334
+ Radio,
2335
+ RadioGroupProvider,
2336
+ RadioGroupStore,
2349
2337
  Popover,
2350
2338
  PopoverContent,
2351
2339
  PopoverContext,
@@ -2360,26 +2348,38 @@ var componentData_default = {
2360
2348
  "Menu.Trigger": Menu_Trigger,
2361
2349
  "Menu.index": Menu_index,
2362
2350
  Menu,
2363
- Radio,
2364
- RadioGroupProvider,
2365
- RadioGroupStore,
2351
+ Input,
2352
+ InputHelpText,
2353
+ InputHelpTextInternal,
2354
+ Chip,
2355
+ ChipBase,
2356
+ ChipButton,
2357
+ ChipDismissible,
2358
+ ChipLink,
2359
+ ChipToggle,
2360
+ BottomSheet,
2361
+ BottomSheetContent,
2362
+ BottomSheetDismiss,
2363
+ BottomSheetHandle,
2364
+ BottomSheetHeader,
2365
+ BottomSheetInternalContext,
2366
+ BottomSheetProvider,
2367
+ BottomSheetTrigger,
2368
+ UDSBottomSheetConfigProvider,
2369
+ Avatar,
2370
+ AvatarIcon,
2371
+ AvatarImage,
2372
+ AvatarText,
2366
2373
  Toast,
2367
2374
  ToastContainer,
2368
2375
  ToastPortal,
2369
2376
  UDSToastConfigProvider,
2377
+ UDSBreakpointsConfigProvider,
2378
+ UDSConfigProvider,
2370
2379
  Tooltip,
2371
2380
  TooltipContent,
2372
2381
  TooltipTrigger,
2373
- UDSTooltipConfigProvider,
2374
- UDSBreakpointsConfigProvider,
2375
- UDSConfigProvider,
2376
- Accordion,
2377
- AvoidMotionLibraryProvider,
2378
- ExperimentalPopover,
2379
- Modal,
2380
- SegmentedControl,
2381
- SwitchV2,
2382
- Tabs
2382
+ UDSTooltipConfigProvider
2383
2383
  };
2384
2384
 
2385
2385
  //#endregion