@yahoo/uds 3.152.1 → 3.153.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 (139) hide show
  1. package/dist/automated-config/dist/generated/autoVariants.cjs +25 -0
  2. package/dist/automated-config/dist/generated/autoVariants.d.cts +6 -0
  3. package/dist/automated-config/dist/generated/autoVariants.d.ts +6 -0
  4. package/dist/automated-config/dist/generated/autoVariants.js +25 -0
  5. package/dist/automated-config/dist/generated/generatedConfigs.cjs +1368 -0
  6. package/dist/automated-config/dist/generated/generatedConfigs.d.cts +169 -1
  7. package/dist/automated-config/dist/generated/generatedConfigs.d.ts +169 -1
  8. package/dist/automated-config/dist/generated/generatedConfigs.js +1368 -1
  9. package/dist/automated-config/dist/generated/universalTokensConfigAuto.cjs +198 -0
  10. package/dist/automated-config/dist/generated/universalTokensConfigAuto.d.cts +2 -1
  11. package/dist/automated-config/dist/generated/universalTokensConfigAuto.d.ts +2 -1
  12. package/dist/automated-config/dist/generated/universalTokensConfigAuto.js +198 -0
  13. package/dist/automated-config/dist/types/ComponentConfig.d.cts +2 -0
  14. package/dist/automated-config/dist/types/ComponentConfig.d.ts +2 -0
  15. package/dist/automated-config/dist/utils/buildConfigSchema.cjs +13 -20
  16. package/dist/automated-config/dist/utils/buildConfigSchema.d.cts +14 -2
  17. package/dist/automated-config/dist/utils/buildConfigSchema.d.ts +14 -2
  18. package/dist/automated-config/dist/utils/buildConfigSchema.js +13 -20
  19. package/dist/automated-config/dist/utils/componentStatePseudoStates.cjs +15 -0
  20. package/dist/automated-config/dist/utils/componentStatePseudoStates.js +14 -0
  21. package/dist/automated-config/dist/utils/getConfigVariantPseudoStates.cjs +4 -2
  22. package/dist/automated-config/dist/utils/getConfigVariantPseudoStates.d.cts +1 -1
  23. package/dist/automated-config/dist/utils/getConfigVariantPseudoStates.d.ts +1 -1
  24. package/dist/automated-config/dist/utils/getConfigVariantPseudoStates.js +4 -2
  25. package/dist/automated-config/dist/utils/index.cjs +114 -48
  26. package/dist/automated-config/dist/utils/index.d.cts +25 -2
  27. package/dist/automated-config/dist/utils/index.d.ts +25 -2
  28. package/dist/automated-config/dist/utils/index.js +114 -49
  29. package/dist/components/client/Menu/Menu.ItemCheckbox.d.cts +1 -1
  30. package/dist/components/client/Menu/Menu.ItemCheckbox.d.ts +1 -1
  31. package/dist/components/client/Pagination/Pagination.cjs +62 -0
  32. package/dist/components/client/Pagination/Pagination.d.cts +28 -0
  33. package/dist/components/client/Pagination/Pagination.d.ts +29 -0
  34. package/dist/components/client/Pagination/Pagination.js +60 -0
  35. package/dist/components/client/Pagination/PaginationEllipsis.cjs +24 -0
  36. package/dist/components/client/Pagination/PaginationEllipsis.d.cts +10 -0
  37. package/dist/components/client/Pagination/PaginationEllipsis.d.ts +11 -0
  38. package/dist/components/client/Pagination/PaginationEllipsis.js +22 -0
  39. package/dist/components/client/Pagination/PaginationItem.cjs +52 -0
  40. package/dist/components/client/Pagination/PaginationItem.d.cts +10 -0
  41. package/dist/components/client/Pagination/PaginationItem.d.ts +11 -0
  42. package/dist/components/client/Pagination/PaginationItem.js +50 -0
  43. package/dist/components/client/Pagination/PaginationLink.cjs +53 -0
  44. package/dist/components/client/Pagination/PaginationLink.d.cts +9 -0
  45. package/dist/components/client/Pagination/PaginationLink.d.ts +10 -0
  46. package/dist/components/client/Pagination/PaginationLink.js +51 -0
  47. package/dist/components/client/Pagination/PaginationNext.cjs +56 -0
  48. package/dist/components/client/Pagination/PaginationNext.d.cts +9 -0
  49. package/dist/components/client/Pagination/PaginationNext.d.ts +10 -0
  50. package/dist/components/client/Pagination/PaginationNext.js +54 -0
  51. package/dist/components/client/Pagination/PaginationNumbers.cjs +52 -0
  52. package/dist/components/client/Pagination/PaginationNumbers.d.cts +9 -0
  53. package/dist/components/client/Pagination/PaginationNumbers.d.ts +10 -0
  54. package/dist/components/client/Pagination/PaginationNumbers.js +50 -0
  55. package/dist/components/client/Pagination/PaginationPrev.cjs +56 -0
  56. package/dist/components/client/Pagination/PaginationPrev.d.cts +9 -0
  57. package/dist/components/client/Pagination/PaginationPrev.d.ts +10 -0
  58. package/dist/components/client/Pagination/PaginationPrev.js +54 -0
  59. package/dist/components/client/Pagination/computeVisiblePages.cjs +22 -0
  60. package/dist/components/client/Pagination/computeVisiblePages.d.cts +18 -0
  61. package/dist/components/client/Pagination/computeVisiblePages.d.ts +19 -0
  62. package/dist/components/client/Pagination/computeVisiblePages.js +21 -0
  63. package/dist/components/client/Pagination/ellipsisDefault.cjs +33 -0
  64. package/dist/components/client/Pagination/ellipsisDefault.d.cts +10 -0
  65. package/dist/components/client/Pagination/ellipsisDefault.d.ts +11 -0
  66. package/dist/components/client/Pagination/ellipsisDefault.js +32 -0
  67. package/dist/components/client/Pagination/ellipsisNone.cjs +29 -0
  68. package/dist/components/client/Pagination/ellipsisNone.d.cts +10 -0
  69. package/dist/components/client/Pagination/ellipsisNone.d.ts +11 -0
  70. package/dist/components/client/Pagination/ellipsisNone.js +28 -0
  71. package/dist/components/client/Pagination/index.cjs +19 -0
  72. package/dist/components/client/Pagination/index.d.cts +10 -0
  73. package/dist/components/client/Pagination/index.d.ts +11 -0
  74. package/dist/components/client/Pagination/index.js +11 -0
  75. package/dist/components/client/Pagination/paginationContext.cjs +44 -0
  76. package/dist/components/client/Pagination/paginationContext.d.cts +34 -0
  77. package/dist/components/client/Pagination/paginationContext.d.ts +35 -0
  78. package/dist/components/client/Pagination/paginationContext.js +38 -0
  79. package/dist/components/client/Pagination/paginationStyles.cjs +72 -0
  80. package/dist/components/client/Pagination/paginationStyles.d.cts +14 -0
  81. package/dist/components/client/Pagination/paginationStyles.d.ts +15 -0
  82. package/dist/components/client/Pagination/paginationStyles.js +63 -0
  83. package/dist/components/client/index.cjs +14 -0
  84. package/dist/components/client/index.d.cts +8 -1
  85. package/dist/components/client/index.d.ts +8 -1
  86. package/dist/components/client/index.js +8 -1
  87. package/dist/components/index.cjs +14 -0
  88. package/dist/components/index.d.cts +8 -1
  89. package/dist/components/index.d.ts +8 -1
  90. package/dist/components/index.js +8 -1
  91. package/dist/config/dist/index.cjs +272 -2
  92. package/dist/config/dist/index.js +272 -2
  93. package/dist/css/dist/css/utils.cjs +5 -1
  94. package/dist/css/dist/css/utils.js +5 -1
  95. package/dist/css/dist/packages/config/dist/index.cjs +272 -2
  96. package/dist/css/dist/packages/config/dist/index.js +272 -2
  97. package/dist/index.cjs +16 -0
  98. package/dist/index.d.cts +11 -4
  99. package/dist/index.d.ts +11 -4
  100. package/dist/index.js +10 -3
  101. package/dist/styles/styler.d.cts +28 -22
  102. package/dist/styles/styler.d.ts +28 -22
  103. package/dist/styles/variants.d.cts +27 -0
  104. package/dist/styles/variants.d.ts +27 -0
  105. package/dist/tailwind-internal/dist/packages/automated-config/dist/generated/generatedConfigs.cjs +1368 -0
  106. package/dist/tailwind-internal/dist/packages/automated-config/dist/generated/generatedConfigs.js +1368 -1
  107. package/dist/tailwind-internal/dist/packages/automated-config/dist/utils/componentStatePseudoStates.cjs +16 -0
  108. package/dist/tailwind-internal/dist/packages/automated-config/dist/utils/componentStatePseudoStates.js +15 -0
  109. package/dist/tailwind-internal/dist/packages/automated-config/dist/utils/index.cjs +113 -48
  110. package/dist/tailwind-internal/dist/packages/automated-config/dist/utils/index.js +113 -48
  111. package/dist/tailwind-internal/dist/packages/config/dist/index.cjs +272 -2
  112. package/dist/tailwind-internal/dist/packages/config/dist/index.js +272 -2
  113. package/dist/tailwind-internal/dist/plugins/components.cjs +1 -0
  114. package/dist/tailwind-internal/dist/plugins/components.js +2 -1
  115. package/dist/tailwind-internal/dist/utils/getShadowStyles.d.cts +2 -2
  116. package/dist/tailwind-internal/dist/utils/getShadowStyles.d.ts +2 -2
  117. package/dist/tokens/automation/configs/index.cjs +1 -0
  118. package/dist/tokens/automation/configs/index.d.cts +2 -2
  119. package/dist/tokens/automation/configs/index.d.ts +2 -2
  120. package/dist/tokens/automation/configs/index.js +2 -2
  121. package/dist/tokens/automation/index.cjs +2 -0
  122. package/dist/tokens/automation/index.d.cts +3 -3
  123. package/dist/tokens/automation/index.d.ts +3 -3
  124. package/dist/tokens/automation/index.js +3 -3
  125. package/dist/tokens/index.cjs +2 -0
  126. package/dist/tokens/index.d.cts +4 -4
  127. package/dist/tokens/index.d.ts +4 -4
  128. package/dist/tokens/index.js +3 -3
  129. package/dist/tokens/types.d.cts +2 -2
  130. package/dist/tokens/types.d.ts +2 -2
  131. package/dist/types/dist/index.d.cts +83 -1
  132. package/dist/types/dist/index.d.ts +83 -1
  133. package/dist/uds/generated/componentData.cjs +1238 -858
  134. package/dist/uds/generated/componentData.js +1238 -858
  135. package/dist/uds/generated/tailwindPurge.cjs +31 -0
  136. package/dist/uds/generated/tailwindPurge.js +31 -0
  137. package/generated/componentData.json +2127 -1667
  138. package/generated/tailwindPurge.ts +4 -4
  139. package/package.json +1 -1
@@ -427,6 +427,74 @@ var componentData_default = {
427
427
  "runtimeConfigInternalComponentProps": {},
428
428
  "motionVarPrefixes": []
429
429
  },
430
+ Spinner: {
431
+ "name": "Spinner",
432
+ "defaultProps": {
433
+ "color": "primary",
434
+ "size": "lg"
435
+ },
436
+ "getStylesLiterals": {},
437
+ "cxLiterals": [
438
+ "self-center",
439
+ "relative",
440
+ "sr-only"
441
+ ],
442
+ "internalComponents": ["Icon"],
443
+ "internalComponentProps": { "Icon": {
444
+ "role": ["img"],
445
+ "className": ["animate-spin"],
446
+ "aria-hidden": ["true"]
447
+ } },
448
+ "propToVariantKeys": {},
449
+ "runtimeConfigDefaultProps": {},
450
+ "runtimeConfigGetStyles": {},
451
+ "runtimeConfigInternalComponentProps": {},
452
+ "motionVarPrefixes": []
453
+ },
454
+ "Table.mocks": {
455
+ "name": "Table.mocks",
456
+ "defaultProps": {},
457
+ "getStylesLiterals": {},
458
+ "cxLiterals": [],
459
+ "internalComponents": [],
460
+ "internalComponentProps": {},
461
+ "propToVariantKeys": {},
462
+ "runtimeConfigDefaultProps": {},
463
+ "runtimeConfigGetStyles": {},
464
+ "runtimeConfigInternalComponentProps": {},
465
+ "motionVarPrefixes": []
466
+ },
467
+ Table: {
468
+ "name": "Table",
469
+ "defaultProps": {
470
+ "display": "table-cell",
471
+ "overflow": "hidden",
472
+ "borderColor": "muted",
473
+ "borderRadius": "md",
474
+ "spacing": "3",
475
+ "borderBottomColor": "muted",
476
+ "borderBottomWidth": "thin",
477
+ "color": "primary"
478
+ },
479
+ "getStylesLiterals": { "textAlign": "start" },
480
+ "cxLiterals": [],
481
+ "internalComponents": [
482
+ "CellComponent",
483
+ "Box",
484
+ "Text",
485
+ "Table.Root",
486
+ "Table.Header",
487
+ "Table.Row",
488
+ "Table.Cell",
489
+ "Table.Body"
490
+ ],
491
+ "internalComponentProps": { "Table.Cell": { "asHeaderCell": ["column"] } },
492
+ "propToVariantKeys": {},
493
+ "runtimeConfigDefaultProps": {},
494
+ "runtimeConfigGetStyles": {},
495
+ "runtimeConfigInternalComponentProps": {},
496
+ "motionVarPrefixes": []
497
+ },
430
498
  AnimateHeightChange: {
431
499
  "name": "AnimateHeightChange",
432
500
  "defaultProps": {},
@@ -780,32 +848,59 @@ var componentData_default = {
780
848
  "runtimeConfigInternalComponentProps": {},
781
849
  "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
782
850
  },
783
- Spinner: {
784
- "name": "Spinner",
851
+ Accordion: {
852
+ "name": "Accordion",
785
853
  "defaultProps": {
786
- "color": "primary",
787
- "size": "lg"
854
+ "spacingHorizontal": "4",
855
+ "spacingVertical": "4"
788
856
  },
789
857
  "getStylesLiterals": {},
790
- "cxLiterals": [
791
- "self-center",
792
- "relative",
793
- "sr-only"
858
+ "cxLiterals": ["hover:bg-secondary/80", "w-full"],
859
+ "internalComponents": [
860
+ "Icon",
861
+ "SpringMotionConfig",
862
+ "Pressable",
863
+ "Text",
864
+ "HStack",
865
+ "AnimatePresence",
866
+ "VStack"
794
867
  ],
795
- "internalComponents": ["Icon"],
796
- "internalComponentProps": { "Icon": {
797
- "role": ["img"],
798
- "className": ["animate-spin"],
799
- "aria-hidden": ["true"]
800
- } },
868
+ "internalComponentProps": {
869
+ "Icon": {
870
+ "variant": ["fill"],
871
+ "size": ["sm"],
872
+ "color": ["primary"]
873
+ },
874
+ "SpringMotionConfig": {
875
+ "layoutVariant": ["smooth"],
876
+ "layoutSpeed": ["3"]
877
+ },
878
+ "Pressable": {
879
+ "display": ["flex"],
880
+ "flexDirection": ["row"],
881
+ "alignItems": ["center"],
882
+ "justifyContent": ["space-between"],
883
+ "borderRadius": ["md"]
884
+ },
885
+ "Text": {
886
+ "variant": ["title4"],
887
+ "color": ["primary"]
888
+ },
889
+ "HStack": {
890
+ "display": ["flex"],
891
+ "alignItems": ["center"],
892
+ "justifyContent": ["space-between"],
893
+ "columnGap": ["2.5"]
894
+ }
895
+ },
801
896
  "propToVariantKeys": {},
802
897
  "runtimeConfigDefaultProps": {},
803
898
  "runtimeConfigGetStyles": {},
804
899
  "runtimeConfigInternalComponentProps": {},
805
- "motionVarPrefixes": []
900
+ "motionVarPrefixes": ["--uds-motion-smooth-3-"]
806
901
  },
807
- "Table.mocks": {
808
- "name": "Table.mocks",
902
+ AvoidMotionLibraryProvider: {
903
+ "name": "AvoidMotionLibraryProvider",
809
904
  "defaultProps": {},
810
905
  "getStylesLiterals": {},
811
906
  "cxLiterals": [],
@@ -817,68 +912,193 @@ var componentData_default = {
817
912
  "runtimeConfigInternalComponentProps": {},
818
913
  "motionVarPrefixes": []
819
914
  },
820
- Table: {
821
- "name": "Table",
822
- "defaultProps": {
823
- "display": "table-cell",
824
- "overflow": "hidden",
915
+ SegmentedControl: {
916
+ "name": "SegmentedControl",
917
+ "defaultProps": { "textVariant": "label2" },
918
+ "getStylesLiterals": {
919
+ "display": "flex",
920
+ "alignItems": "center",
921
+ "backgroundColor": "primary",
922
+ "spacingVertical": "1",
923
+ "spacingHorizontal": "3",
924
+ "columnGap": "1.5",
925
+ "borderWidth": "thin",
926
+ "borderRadius": "full",
825
927
  "borderColor": "muted",
826
- "borderRadius": "md",
827
- "spacing": "3",
828
- "borderBottomColor": "muted",
829
- "borderBottomWidth": "thin",
830
- "color": "primary"
928
+ "borderColor:1": "transparent",
929
+ "color": "primary",
930
+ "color:1": "tertiary",
931
+ "color:2": "muted"
831
932
  },
832
- "getStylesLiterals": { "textAlign": "start" },
833
- "cxLiterals": [],
933
+ "cxLiterals": [
934
+ "uds-ring",
935
+ "cursor-not-allowed",
936
+ "opacity-50",
937
+ "pointer-events-none",
938
+ "hover:bg-primary"
939
+ ],
834
940
  "internalComponents": [
835
- "CellComponent",
836
- "Box",
837
- "Text",
838
- "Table.Root",
839
- "Table.Header",
840
- "Table.Row",
841
- "Table.Cell",
842
- "Table.Body"
941
+ "Radio",
942
+ "Icon",
943
+ "RadioProvider",
944
+ "HStack",
945
+ "RadioGroup",
946
+ "Pressable",
947
+ "Text"
843
948
  ],
844
- "internalComponentProps": { "Table.Cell": { "asHeaderCell": ["column"] } },
845
- "propToVariantKeys": {},
846
- "runtimeConfigDefaultProps": {},
847
- "runtimeConfigGetStyles": {},
848
- "runtimeConfigInternalComponentProps": {},
849
- "motionVarPrefixes": []
850
- },
851
- Avatar: {
852
- "name": "Avatar",
853
- "defaultProps": {},
854
- "getStylesLiterals": {},
855
- "cxLiterals": [],
856
- "internalComponents": ["AvatarImage"],
857
- "internalComponentProps": {},
858
- "propToVariantKeys": {},
949
+ "internalComponentProps": {
950
+ "Icon": {
951
+ "size": ["sm"],
952
+ "color": ["current"],
953
+ "aria-hidden": ["true"]
954
+ },
955
+ "HStack": {
956
+ "spacing": ["1"],
957
+ "gap": ["1"],
958
+ "backgroundColor": ["secondary"],
959
+ "borderRadius": ["full"],
960
+ "display": ["inline-flex"]
961
+ },
962
+ "Text": { "color": ["current"] }
963
+ },
964
+ "propToVariantKeys": {
965
+ "value": ["key"],
966
+ "label": ["aria-label"],
967
+ "textVariant": ["variant"]
968
+ },
859
969
  "runtimeConfigDefaultProps": {},
860
970
  "runtimeConfigGetStyles": {},
861
971
  "runtimeConfigInternalComponentProps": {},
862
972
  "motionVarPrefixes": []
863
973
  },
864
- AvatarIcon: {
865
- "name": "AvatarIcon",
974
+ SwitchV2: {
975
+ "name": "SwitchV2",
866
976
  "defaultProps": {
867
- "size": "md",
868
- "variant": "primary"
977
+ "labelPosition": "start",
978
+ "size": "md"
979
+ },
980
+ "getStylesLiterals": {
981
+ "switchVariantRoot": "default",
982
+ "switchVariantActiveRoot": "on",
983
+ "switchVariantActiveRoot:1": "off",
984
+ "switchVariantSwitch": "default",
985
+ "switchVariantActiveSwitch": "on",
986
+ "switchVariantActiveSwitch:1": "off",
987
+ "switchVariantActiveHandle": "on",
988
+ "switchVariantActiveHandle:1": "off",
989
+ "switchVariantHandle": "default",
990
+ "switchVariantHandleIcon": "default",
991
+ "switchVariantActiveHandleIcon": "on",
992
+ "switchVariantActiveHandleIcon:1": "off"
869
993
  },
870
- "getStylesLiterals": {},
871
994
  "cxLiterals": [
872
- "overflow-hidden",
995
+ "group",
996
+ "flex",
997
+ "items-center",
998
+ "flex-row",
999
+ "flex-row-reverse",
1000
+ "uds-ring",
1001
+ "uds-ring-within",
1002
+ "relative",
1003
+ "uds-border-radius-full",
1004
+ "transition-[background-color,box-shadow]",
1005
+ "pointer-events-none",
873
1006
  "w-full",
874
1007
  "h-full",
875
- "shrink-0",
876
- "text-center",
877
- "inline-flex",
878
- "justify-center",
879
- "items-center"
880
- ],
881
- "internalComponents": ["IconSlot", "Box"],
1008
+ "absolute",
1009
+ "top-0",
1010
+ "bottom-0",
1011
+ "right-0",
1012
+ "left-0",
1013
+ "overflow-hidden",
1014
+ "group-hover:scale-105",
1015
+ "opacity-95",
1016
+ "group-hover:opacity-100",
1017
+ "transition-[transform,opacity]",
1018
+ "opacity-0",
1019
+ "top-1/2",
1020
+ "left-1/2",
1021
+ "transform",
1022
+ "translate-x-[-50%]",
1023
+ "translate-y-[-50%]",
1024
+ "transition-opacity",
1025
+ "cursor-[inherit]",
1026
+ "w-[calc(100%+2px)]",
1027
+ "h-[calc(100%+2px)]",
1028
+ "text-start",
1029
+ "text-end",
1030
+ "opacity-100"
1031
+ ],
1032
+ "internalComponents": [
1033
+ "IconSlot",
1034
+ "Box",
1035
+ "FormLabel",
1036
+ "SpringMotionConfig",
1037
+ "RootElement",
1038
+ "MotionBox"
1039
+ ],
1040
+ "internalComponentProps": {
1041
+ "IconSlot": { "data-testid": ["on-icon", "off-icon"] },
1042
+ "FormLabel": {
1043
+ "as": ["div"],
1044
+ "variant": ["inherit"],
1045
+ "color": ["inherit"]
1046
+ },
1047
+ "SpringMotionConfig": {
1048
+ "layoutVariant": ["bouncy"],
1049
+ "layoutSpeed": ["4"]
1050
+ },
1051
+ "RootElement": { "data-testid": ["switch-root"] },
1052
+ "MotionBox": { "layout": ["position"] }
1053
+ },
1054
+ "propToVariantKeys": {
1055
+ "size": [
1056
+ "switchSizeRoot",
1057
+ "switchSizeSwitch",
1058
+ "switchSizeHandle",
1059
+ "switchSizeHandleIcon"
1060
+ ],
1061
+ "onIcon": ["icon"],
1062
+ "offIcon": ["icon"],
1063
+ "reduceMotion": ["reducedMotion"],
1064
+ "isOn": ["layoutDependency"]
1065
+ },
1066
+ "runtimeConfigDefaultProps": {},
1067
+ "runtimeConfigGetStyles": {},
1068
+ "runtimeConfigInternalComponentProps": {},
1069
+ "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
1070
+ },
1071
+ Avatar: {
1072
+ "name": "Avatar",
1073
+ "defaultProps": {},
1074
+ "getStylesLiterals": {},
1075
+ "cxLiterals": [],
1076
+ "internalComponents": ["AvatarImage"],
1077
+ "internalComponentProps": {},
1078
+ "propToVariantKeys": {},
1079
+ "runtimeConfigDefaultProps": {},
1080
+ "runtimeConfigGetStyles": {},
1081
+ "runtimeConfigInternalComponentProps": {},
1082
+ "motionVarPrefixes": []
1083
+ },
1084
+ AvatarIcon: {
1085
+ "name": "AvatarIcon",
1086
+ "defaultProps": {
1087
+ "size": "md",
1088
+ "variant": "primary"
1089
+ },
1090
+ "getStylesLiterals": {},
1091
+ "cxLiterals": [
1092
+ "overflow-hidden",
1093
+ "w-full",
1094
+ "h-full",
1095
+ "shrink-0",
1096
+ "text-center",
1097
+ "inline-flex",
1098
+ "justify-center",
1099
+ "items-center"
1100
+ ],
1101
+ "internalComponents": ["IconSlot", "Box"],
882
1102
  "internalComponentProps": {},
883
1103
  "propToVariantKeys": { "size": ["avatarSizeIcon"] },
884
1104
  "runtimeConfigDefaultProps": {},
@@ -949,79 +1169,76 @@ var componentData_default = {
949
1169
  "runtimeConfigInternalComponentProps": {},
950
1170
  "motionVarPrefixes": []
951
1171
  },
952
- "Menu.Content": {
953
- "name": "Menu.Content",
954
- "defaultProps": {
955
- "size": "default",
956
- "variant": "default",
957
- "gutter": "1"
958
- },
1172
+ BottomSheet: {
1173
+ "name": "BottomSheet",
1174
+ "defaultProps": { "variant": "default" },
959
1175
  "getStylesLiterals": {},
960
1176
  "cxLiterals": [
961
- "uds-menu-content",
962
- "transition-shadow",
963
- "duration-200",
964
- "ease-in-out",
965
- "min-w-60",
966
- "max-w-lg",
967
- "max-h-96",
968
- "overflow-auto",
969
- "uds-ring",
970
- "z-10",
971
- "group"
1177
+ "fixed",
1178
+ "overflow-hidden",
1179
+ "inset-x-0",
1180
+ "bottom-0",
1181
+ "z-50",
1182
+ "[will-change:transform]",
1183
+ "touch-none",
1184
+ "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
1185
+ "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
1186
+ "transition-transform",
1187
+ "duration-500",
1188
+ "ease-[cubic-bezier(0.32,0.72,0,1)]",
1189
+ "motion-reduce:transition-none",
1190
+ "top-[-4px]",
1191
+ "z-[1]",
1192
+ "touch-pan-y"
972
1193
  ],
973
1194
  "internalComponents": [
974
- "AriakitMenu",
975
- "AnimatePresence",
976
- "MotionVStack"
1195
+ "Scrim",
1196
+ "BottomSheetHandle",
1197
+ "Dialog",
1198
+ "Box",
1199
+ "BottomSheetInternalContext.Provider"
977
1200
  ],
978
- "internalComponentProps": {},
979
- "propToVariantKeys": {
980
- "size": ["menucontentSizeRoot"],
981
- "variant": ["menucontentVariantRoot"]
1201
+ "internalComponentProps": {
1202
+ "BottomSheetHandle": { "ariaLabel": ["Resize sheet"] },
1203
+ "Dialog": { "data-testid": ["bottom-sheet"] },
1204
+ "Box": {
1205
+ "display": ["block", "flex"],
1206
+ "position": ["absolute"],
1207
+ "flexDirection": ["column"],
1208
+ "className": ["absolute inset-0 min-h-0 p-[inherit]"]
1209
+ }
982
1210
  },
1211
+ "propToVariantKeys": { "variant": ["bottomsheetVariantRoot"] },
983
1212
  "runtimeConfigDefaultProps": {},
984
1213
  "runtimeConfigGetStyles": {},
985
1214
  "runtimeConfigInternalComponentProps": {},
986
1215
  "motionVarPrefixes": []
987
1216
  },
988
- "Menu.Divider": {
989
- "name": "Menu.Divider",
990
- "defaultProps": {
991
- "role": "separator",
992
- "contentPosition": "start",
993
- "gap": "4"
994
- },
995
- "getStylesLiterals": {
996
- "menuitemDividerVariantRoot": "default",
997
- "menuitemDividerVariantText": "default",
998
- "menuitemDividerVariantLine": "default"
1217
+ BottomSheetContent: {
1218
+ "name": "BottomSheetContent",
1219
+ "defaultProps": {},
1220
+ "getStylesLiterals": {},
1221
+ "cxLiterals": ["min-h-0", "touch-pan-y"],
1222
+ "internalComponents": ["Box", "VStack"],
1223
+ "internalComponentProps": {
1224
+ "Box": {
1225
+ "display": ["block"],
1226
+ "flex": ["1"]
1227
+ },
1228
+ "VStack": { "className": ["pb-[calc(env(safe-area-inset-bottom))]"] }
999
1229
  },
1000
- "cxLiterals": [],
1001
- "internalComponents": ["Divider"],
1002
- "internalComponentProps": { "Divider": { "variant": ["inherit"] } },
1003
1230
  "propToVariantKeys": {},
1004
1231
  "runtimeConfigDefaultProps": {},
1005
1232
  "runtimeConfigGetStyles": {},
1006
1233
  "runtimeConfigInternalComponentProps": {},
1007
1234
  "motionVarPrefixes": []
1008
1235
  },
1009
- "Menu.Item": {
1010
- "name": "Menu.Item",
1236
+ BottomSheetDismiss: {
1237
+ "name": "BottomSheetDismiss",
1011
1238
  "defaultProps": {},
1012
- "getStylesLiterals": {
1013
- "menuitemItemVariantRoot": "default",
1014
- "menuitemItemVariantActiveRoot": "on",
1015
- "menuitemItemVariantActiveRoot:1": "off",
1016
- "menuitemItemVariantText": "default",
1017
- "menuitemItemVariantActiveText": "on",
1018
- "menuitemItemVariantActiveText:1": "off",
1019
- "menuitemItemVariantIcon": "default",
1020
- "menuitemItemVariantActiveIcon": "on",
1021
- "menuitemItemVariantActiveIcon:1": "off"
1022
- },
1239
+ "getStylesLiterals": {},
1023
1240
  "cxLiterals": [],
1024
- "internalComponents": ["MenuItemBase"],
1241
+ "internalComponents": ["AriakitDialogDismiss"],
1025
1242
  "internalComponentProps": {},
1026
1243
  "propToVariantKeys": {},
1027
1244
  "runtimeConfigDefaultProps": {},
@@ -1029,126 +1246,106 @@ var componentData_default = {
1029
1246
  "runtimeConfigInternalComponentProps": {},
1030
1247
  "motionVarPrefixes": []
1031
1248
  },
1032
- "Menu.ItemBase": {
1033
- "name": "Menu.ItemBase",
1034
- "defaultProps": {
1035
- "spacing": "0",
1036
- "spacingHorizontal": "4",
1037
- "spacingVertical": "3.5",
1038
- "columnGap": "2",
1039
- "alignItems": "center",
1040
- "justifyContent": "space-between"
1041
- },
1042
- "getStylesLiterals": {
1043
- "textAlign": "start",
1044
- "menuitemSizeRoot": "default",
1045
- "flexDirection": "row",
1046
- "menuitemSizeStartIcon": "default",
1047
- "menuitemSizeEndIcon": "default"
1048
- },
1249
+ BottomSheetHandle: {
1250
+ "name": "BottomSheetHandle",
1251
+ "defaultProps": { "variant": "default" },
1252
+ "getStylesLiterals": {},
1049
1253
  "cxLiterals": [
1050
- "uds-menu-item",
1051
- "flex",
1052
- "focus-visible:text-brand",
1053
- "focus-visible:bg-brand-secondary",
1054
- "focus-visible:z-10",
1055
- "uds-ring",
1056
- "!-outline-offset-2",
1057
- "[&:not([aria-checked])]:cursor-default",
1058
- "opacity-25",
1059
- "cursor-not-allowed",
1060
- "duration-20",
1061
- "transition-[font-variation-settings]",
1062
- "ease-in-out",
1063
- "z-0",
1064
- "truncate",
1065
- "uds-start-icon",
1066
- "uds-end-icon"
1067
- ],
1068
- "internalComponents": [
1069
- "Pressable",
1070
- "IconSlot",
1071
- "RootComponent",
1072
- "HStack",
1073
- "AnimatePresence"
1254
+ "relative",
1255
+ "h-5",
1256
+ "w-16",
1257
+ "outline-none",
1258
+ "focus-visible:outline-none",
1259
+ "[touch-action:pan-y]",
1260
+ "absolute",
1261
+ "left-1/2",
1262
+ "top-1/2",
1263
+ "-translate-x-1/2",
1264
+ "-translate-y-1/2",
1265
+ "h-1",
1266
+ "w-8",
1267
+ "rounded-full"
1074
1268
  ],
1075
- "internalComponentProps": {
1076
- "HStack": {
1077
- "alignItems": ["center"],
1078
- "width": ["full"]
1079
- },
1080
- "AnimatePresence": { "mode": ["popLayout"] }
1081
- },
1082
- "propToVariantKeys": {
1083
- "startIconClassName": ["className"],
1084
- "endIconClassName": ["className"],
1085
- "startIcon": ["icon"],
1086
- "endIcon": ["icon"],
1087
- "columnGap": ["gap"]
1088
- },
1269
+ "internalComponents": ["Box"],
1270
+ "internalComponentProps": { "Box": {
1271
+ "display": ["block", "flex"],
1272
+ "justifyContent": ["center"]
1273
+ } },
1274
+ "propToVariantKeys": { "variant": ["bottomsheetVariantHandleIndicator"] },
1089
1275
  "runtimeConfigDefaultProps": {},
1090
1276
  "runtimeConfigGetStyles": {},
1091
1277
  "runtimeConfigInternalComponentProps": {},
1092
1278
  "motionVarPrefixes": []
1093
1279
  },
1094
- "Menu.ItemCheckbox": {
1095
- "name": "Menu.ItemCheckbox",
1096
- "defaultProps": {},
1097
- "getStylesLiterals": {
1098
- "menuitemItemCheckboxVariantRoot": "default",
1099
- "menuitemItemCheckboxVariantActiveRoot": "on",
1100
- "menuitemItemCheckboxVariantActiveRoot:1": "off",
1101
- "menuitemItemCheckboxVariantText": "default",
1102
- "menuitemItemCheckboxVariantActiveText": "on",
1103
- "menuitemItemCheckboxVariantActiveText:1": "off",
1104
- "menuitemItemCheckboxVariantStartIcon": "default",
1105
- "menuitemItemCheckboxVariantActiveStartIcon": "on",
1106
- "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
1107
- "menuitemItemCheckboxVariantEndIcon": "default",
1108
- "menuitemItemCheckboxVariantActiveEndIcon": "on",
1109
- "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
1280
+ BottomSheetHeader: {
1281
+ "name": "BottomSheetHeader",
1282
+ "defaultProps": { "variant": "default" },
1283
+ "getStylesLiterals": {},
1284
+ "cxLiterals": [
1285
+ "grid-cols-[40px_1fr_40px]",
1286
+ "items-center",
1287
+ "w-full",
1288
+ "min-h-10",
1289
+ "mt-2"
1290
+ ],
1291
+ "internalComponents": [
1292
+ "Box",
1293
+ "Text",
1294
+ "DialogHeading"
1295
+ ],
1296
+ "internalComponentProps": {
1297
+ "Box": {
1298
+ "className": ["h-10 w-10 opacity-0 pointer-events-none"],
1299
+ "display": ["grid", "flex"],
1300
+ "justifyContent": ["flex-start", "flex-end"]
1301
+ },
1302
+ "Text": {
1303
+ "as": ["p"],
1304
+ "variant": ["inherit"],
1305
+ "color": ["inherit"],
1306
+ "textAlign": ["center"],
1307
+ "className": ["m-0 w-full"]
1308
+ },
1309
+ "DialogHeading": { "role": ["heading"] }
1110
1310
  },
1111
- "cxLiterals": ["uds-menu-item-checkbox"],
1112
- "internalComponents": ["MenuItemBase"],
1113
- "internalComponentProps": {},
1114
- "propToVariantKeys": {},
1311
+ "propToVariantKeys": { "variant": ["bottomsheetVariantHeader"] },
1115
1312
  "runtimeConfigDefaultProps": {},
1116
1313
  "runtimeConfigGetStyles": {},
1117
1314
  "runtimeConfigInternalComponentProps": {},
1118
1315
  "motionVarPrefixes": []
1119
1316
  },
1120
- "Menu.Provider": {
1121
- "name": "Menu.Provider",
1317
+ BottomSheetInternalContext: {
1318
+ "name": "BottomSheetInternalContext",
1122
1319
  "defaultProps": {},
1123
1320
  "getStylesLiterals": {},
1124
1321
  "cxLiterals": [],
1125
- "internalComponents": ["AriakitMenuProvider", "SpringMotionConfig"],
1322
+ "internalComponents": [],
1126
1323
  "internalComponentProps": {},
1127
1324
  "propToVariantKeys": {},
1128
1325
  "runtimeConfigDefaultProps": {},
1129
1326
  "runtimeConfigGetStyles": {},
1130
1327
  "runtimeConfigInternalComponentProps": {},
1131
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1328
+ "motionVarPrefixes": []
1132
1329
  },
1133
- "Menu.Trigger": {
1134
- "name": "Menu.Trigger",
1330
+ BottomSheetProvider: {
1331
+ "name": "BottomSheetProvider",
1135
1332
  "defaultProps": {},
1136
1333
  "getStylesLiterals": {},
1137
- "cxLiterals": ["uds-menu-trigger"],
1138
- "internalComponents": ["AriakitMenuTrigger", "Box"],
1139
- "internalComponentProps": { "Box": { "className": ["uds-ring h-fit w-fit"] } },
1334
+ "cxLiterals": [],
1335
+ "internalComponents": ["AriakitDialogProvider"],
1336
+ "internalComponentProps": {},
1140
1337
  "propToVariantKeys": {},
1141
1338
  "runtimeConfigDefaultProps": {},
1142
1339
  "runtimeConfigGetStyles": {},
1143
1340
  "runtimeConfigInternalComponentProps": {},
1144
1341
  "motionVarPrefixes": []
1145
1342
  },
1146
- "Menu.index": {
1147
- "name": "Menu.index",
1343
+ BottomSheetTrigger: {
1344
+ "name": "BottomSheetTrigger",
1148
1345
  "defaultProps": {},
1149
1346
  "getStylesLiterals": {},
1150
1347
  "cxLiterals": [],
1151
- "internalComponents": [],
1348
+ "internalComponents": ["AriakitDialogDisclosure"],
1152
1349
  "internalComponentProps": {},
1153
1350
  "propToVariantKeys": {},
1154
1351
  "runtimeConfigDefaultProps": {},
@@ -1156,12 +1353,12 @@ var componentData_default = {
1156
1353
  "runtimeConfigInternalComponentProps": {},
1157
1354
  "motionVarPrefixes": []
1158
1355
  },
1159
- Menu: {
1160
- "name": "Menu",
1356
+ UDSBottomSheetConfigProvider: {
1357
+ "name": "UDSBottomSheetConfigProvider",
1161
1358
  "defaultProps": {},
1162
1359
  "getStylesLiterals": {},
1163
1360
  "cxLiterals": [],
1164
- "internalComponents": [],
1361
+ "internalComponents": ["BottomSheetContext.Provider"],
1165
1362
  "internalComponentProps": {},
1166
1363
  "propToVariantKeys": {},
1167
1364
  "runtimeConfigDefaultProps": {},
@@ -1299,132 +1496,6 @@ var componentData_default = {
1299
1496
  "runtimeConfigInternalComponentProps": {},
1300
1497
  "motionVarPrefixes": []
1301
1498
  },
1302
- Popover: {
1303
- "name": "Popover",
1304
- "defaultProps": {},
1305
- "getStylesLiterals": {},
1306
- "cxLiterals": ["uds:popover-open"],
1307
- "internalComponents": ["PopoverInternalContext.Provider", "PopoverProvider"],
1308
- "internalComponentProps": {},
1309
- "propToVariantKeys": {},
1310
- "runtimeConfigDefaultProps": {
1311
- "size": "popover.defaultSize",
1312
- "variant": "popover.defaultVariant"
1313
- },
1314
- "runtimeConfigGetStyles": {},
1315
- "runtimeConfigInternalComponentProps": {},
1316
- "motionVarPrefixes": []
1317
- },
1318
- PopoverContent: {
1319
- "name": "PopoverContent",
1320
- "defaultProps": {},
1321
- "getStylesLiterals": {
1322
- "popoverSizeRoot": "default",
1323
- "popoverVariantRoot": "default",
1324
- "display": "flex",
1325
- "position": "relative",
1326
- "display:1": "block",
1327
- "spacingTop": "0",
1328
- "spacingStart": "0",
1329
- "spacingBottom": "0",
1330
- "spacingEnd": "0",
1331
- "popoverSizeSvgBase": "default",
1332
- "popoverVariantSvgBase": "default",
1333
- "popoverSizeSvgBorder": "default",
1334
- "popoverVariantSvgBorder": "default",
1335
- "popoverVariantBlur": "default",
1336
- "position:1": "absolute",
1337
- "width": "full",
1338
- "height": "full",
1339
- "flexShrink": "0",
1340
- "borderRadius": "full",
1341
- "alignItems": "center",
1342
- "justifyContent": "center",
1343
- "popoverVariantCloseIcon": "default",
1344
- "popoverSizeCloseIcon": "default"
1345
- },
1346
- "cxLiterals": [
1347
- "z-[9999]",
1348
- "outline-none",
1349
- "focus-visible:outline-none",
1350
- "uds-bgBlurFillFallback",
1351
- "uds-bgBlurFallback",
1352
- "top-0",
1353
- "left-0",
1354
- "z-[1]",
1355
- "duration-0",
1356
- "duration-120",
1357
- "transition-[background-color]",
1358
- "bg-carbon-15/0",
1359
- "hover:bg-carbon-15/10",
1360
- "active:bg-carbon-15/15",
1361
- "uds-ring",
1362
- "absolute",
1363
- "z-[4]"
1364
- ],
1365
- "internalComponents": [
1366
- "PopoverDismiss",
1367
- "IconSlot",
1368
- "PopoverArrow",
1369
- "Popover",
1370
- "SvgFloatingOverlay",
1371
- "Box",
1372
- "Pressable"
1373
- ],
1374
- "internalComponentProps": {},
1375
- "propToVariantKeys": { "closeIcon": ["icon"] },
1376
- "runtimeConfigDefaultProps": {
1377
- "size": "popover.defaultSize",
1378
- "variant": "popover.defaultVariant"
1379
- },
1380
- "runtimeConfigGetStyles": {
1381
- "spacingTop": ["popover.spacingVertical.${size}"],
1382
- "spacingStart": ["popover.spacingHorizontal.${size}"],
1383
- "spacingBottom": ["popover.spacingVertical.${size}"],
1384
- "spacingEnd": ["popover.spacingHorizontal.${size}"]
1385
- },
1386
- "runtimeConfigInternalComponentProps": { "SvgFloatingOverlay": { "borderRadius": ["popover.borderRadius.${size}"] } },
1387
- "motionVarPrefixes": []
1388
- },
1389
- PopoverContext: {
1390
- "name": "PopoverContext",
1391
- "defaultProps": {},
1392
- "getStylesLiterals": {},
1393
- "cxLiterals": [],
1394
- "internalComponents": [],
1395
- "internalComponentProps": {},
1396
- "propToVariantKeys": {},
1397
- "runtimeConfigDefaultProps": {},
1398
- "runtimeConfigGetStyles": {},
1399
- "runtimeConfigInternalComponentProps": {},
1400
- "motionVarPrefixes": []
1401
- },
1402
- PopoverTrigger: {
1403
- "name": "PopoverTrigger",
1404
- "defaultProps": {},
1405
- "getStylesLiterals": {},
1406
- "cxLiterals": [],
1407
- "internalComponents": ["PopoverDisclosure"],
1408
- "internalComponentProps": { "PopoverDisclosure": { "className": ["inline"] } },
1409
- "propToVariantKeys": { "children": ["render"] },
1410
- "runtimeConfigDefaultProps": {},
1411
- "runtimeConfigGetStyles": {},
1412
- "runtimeConfigInternalComponentProps": {},
1413
- "motionVarPrefixes": []
1414
- },
1415
- UDSPopoverConfigProvider: {
1416
- "name": "UDSPopoverConfigProvider",
1417
- "defaultProps": {},
1418
- "getStylesLiterals": {},
1419
- "cxLiterals": [],
1420
- "internalComponents": ["PopoverContext.Provider"],
1421
- "internalComponentProps": {},
1422
- "propToVariantKeys": {},
1423
- "runtimeConfigDefaultProps": {},
1424
- "runtimeConfigGetStyles": {},
1425
- "runtimeConfigInternalComponentProps": {},
1426
- "motionVarPrefixes": []
1427
- },
1428
1499
  Input: {
1429
1500
  "name": "Input",
1430
1501
  "defaultProps": {
@@ -1555,76 +1626,241 @@ var componentData_default = {
1555
1626
  "runtimeConfigInternalComponentProps": {},
1556
1627
  "motionVarPrefixes": []
1557
1628
  },
1558
- BottomSheet: {
1559
- "name": "BottomSheet",
1560
- "defaultProps": { "variant": "default" },
1629
+ ManagedModal: {
1630
+ "name": "ManagedModal",
1631
+ "defaultProps": {},
1561
1632
  "getStylesLiterals": {},
1562
- "cxLiterals": [
1563
- "fixed",
1564
- "overflow-hidden",
1565
- "inset-x-0",
1566
- "bottom-0",
1567
- "z-50",
1568
- "[will-change:transform]",
1569
- "touch-none",
1570
- "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
1571
- "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
1572
- "transition-transform",
1573
- "duration-500",
1574
- "ease-[cubic-bezier(0.32,0.72,0,1)]",
1575
- "motion-reduce:transition-none",
1576
- "top-[-4px]",
1577
- "z-[1]",
1578
- "touch-pan-y"
1579
- ],
1633
+ "cxLiterals": [],
1580
1634
  "internalComponents": [
1581
- "Scrim",
1582
- "BottomSheetHandle",
1583
- "Dialog",
1584
- "Box",
1585
- "BottomSheetInternalContext.Provider"
1635
+ "Modal",
1636
+ "ModalTitle",
1637
+ "ModalDescription",
1638
+ "ModalContent",
1639
+ "ModalActions"
1586
1640
  ],
1587
- "internalComponentProps": {
1588
- "BottomSheetHandle": { "ariaLabel": ["Resize sheet"] },
1589
- "Dialog": { "data-testid": ["bottom-sheet"] },
1590
- "Box": {
1591
- "display": ["block", "flex"],
1592
- "position": ["absolute"],
1593
- "flexDirection": ["column"],
1594
- "className": ["absolute inset-0 min-h-0 p-[inherit]"]
1595
- }
1641
+ "internalComponentProps": {},
1642
+ "propToVariantKeys": {},
1643
+ "runtimeConfigDefaultProps": {
1644
+ "size": "modal.defaultSize",
1645
+ "variant": "modal.defaultVariant"
1596
1646
  },
1597
- "propToVariantKeys": { "variant": ["bottomsheetVariantRoot"] },
1647
+ "runtimeConfigGetStyles": {},
1648
+ "runtimeConfigInternalComponentProps": {},
1649
+ "motionVarPrefixes": []
1650
+ },
1651
+ Modal: {
1652
+ "name": "Modal",
1653
+ "defaultProps": {
1654
+ "closeAriaLabel": "Close",
1655
+ "maxWidth": "auto",
1656
+ "maxHeight": "auto",
1657
+ "scrollBehavior": "outside"
1658
+ },
1659
+ "getStylesLiterals": {
1660
+ "flexDirection": "row-reverse",
1661
+ "justifyContent": "space-between",
1662
+ "alignItems": "flex-end",
1663
+ "alignItems:1": "flex-start",
1664
+ "borderRadius": "full"
1665
+ },
1666
+ "cxLiterals": [
1667
+ "fixed",
1668
+ "inset-0",
1669
+ "z-40",
1670
+ "overflow-y-auto",
1671
+ "overflow-hidden",
1672
+ "transition-[opacity,visibility]",
1673
+ "visible",
1674
+ "opacity-100",
1675
+ "invisible",
1676
+ "opacity-0",
1677
+ "pointer-events-none",
1678
+ "uds-bgBlurFallback",
1679
+ "w-full",
1680
+ "w-fit",
1681
+ "h-full",
1682
+ "h-fit",
1683
+ "m-auto",
1684
+ "pointer-events-auto",
1685
+ "inside",
1686
+ "max-h-full",
1687
+ "transition-transform",
1688
+ "duration-0",
1689
+ "duration-120",
1690
+ "transition-[background-color]",
1691
+ "bg-carbon-15/0",
1692
+ "hover:bg-carbon-15/10",
1693
+ "active:bg-carbon-15/15",
1694
+ "uds-ring",
1695
+ "[translate:50%_-50%]"
1696
+ ],
1697
+ "internalComponents": [
1698
+ "Scrim",
1699
+ "VStack",
1700
+ "Pressable",
1701
+ "IconSlot",
1702
+ "Box",
1703
+ "Dialog",
1704
+ "ModalContext.Provider",
1705
+ "HStack",
1706
+ "DialogDismiss",
1707
+ "ModalTitle",
1708
+ "ModalDescription",
1709
+ "ModalContent",
1710
+ "ModalActions"
1711
+ ],
1712
+ "internalComponentProps": { "Box": { "flexGrow": ["1"] } },
1713
+ "propToVariantKeys": {
1714
+ "gutter": ["spacing"],
1715
+ "size": [
1716
+ "modalSizeRoot",
1717
+ "modalSizeSpacingHorizontal",
1718
+ "modalSizeHeader",
1719
+ "modalSizeTitleDescriptionWrapper",
1720
+ "modalSizeCloseIconContainer",
1721
+ "modalSizeCloseIcon"
1722
+ ],
1723
+ "variant": ["modalVariantRoot", "modalVariantCloseIcon"],
1724
+ "closeAriaLabel": ["aria-label"],
1725
+ "closeIcon": ["icon"]
1726
+ },
1727
+ "runtimeConfigDefaultProps": {
1728
+ "size": "modal.defaultSize",
1729
+ "variant": "modal.defaultVariant"
1730
+ },
1731
+ "runtimeConfigGetStyles": {
1732
+ "spacing": ["modal.gutter.${size}"],
1733
+ "modalSizeRoot": ["modal.defaultSize"],
1734
+ "modalVariantRoot": ["modal.defaultVariant"],
1735
+ "modalSizeSpacingHorizontal": ["modal.defaultSize"],
1736
+ "modalSizeHeader": ["modal.defaultSize"],
1737
+ "modalSizeTitleDescriptionWrapper": ["modal.defaultSize"],
1738
+ "modalSizeCloseIconContainer": ["modal.defaultSize"],
1739
+ "modalSizeCloseIcon": ["modal.defaultSize"],
1740
+ "modalVariantCloseIcon": ["modal.defaultVariant"]
1741
+ },
1742
+ "runtimeConfigInternalComponentProps": {},
1743
+ "motionVarPrefixes": []
1744
+ },
1745
+ ModalActions: {
1746
+ "name": "ModalActions",
1747
+ "defaultProps": {},
1748
+ "getStylesLiterals": {
1749
+ "flexDirection": "row-reverse",
1750
+ "justifyContent": "space-between",
1751
+ "alignItems": "center"
1752
+ },
1753
+ "cxLiterals": ["gap-[inherit]"],
1754
+ "internalComponents": ["HStack"],
1755
+ "internalComponentProps": {},
1756
+ "propToVariantKeys": { "size": ["modalSizeSpacingHorizontal", "modalSizeActions"] },
1757
+ "runtimeConfigDefaultProps": {
1758
+ "size": "modal.defaultSize",
1759
+ "variant": "modal.defaultVariant"
1760
+ },
1761
+ "runtimeConfigGetStyles": {
1762
+ "modalSizeSpacingHorizontal": ["modal.defaultSize"],
1763
+ "modalSizeActions": ["modal.defaultSize"]
1764
+ },
1765
+ "runtimeConfigInternalComponentProps": {},
1766
+ "motionVarPrefixes": []
1767
+ },
1768
+ ModalContent: {
1769
+ "name": "ModalContent",
1770
+ "defaultProps": {},
1771
+ "getStylesLiterals": {
1772
+ "overflowY": "auto",
1773
+ "display": "block",
1774
+ "flexGrow": "1"
1775
+ },
1776
+ "cxLiterals": [],
1777
+ "internalComponents": ["Box"],
1778
+ "internalComponentProps": {},
1779
+ "propToVariantKeys": { "size": ["modalSizeSpacingHorizontal"] },
1780
+ "runtimeConfigDefaultProps": {
1781
+ "size": "modal.defaultSize",
1782
+ "variant": "modal.defaultVariant"
1783
+ },
1784
+ "runtimeConfigGetStyles": { "modalSizeSpacingHorizontal": ["modal.defaultSize"] },
1785
+ "runtimeConfigInternalComponentProps": {},
1786
+ "motionVarPrefixes": []
1787
+ },
1788
+ ModalContext: {
1789
+ "name": "ModalContext",
1790
+ "defaultProps": {},
1791
+ "getStylesLiterals": {},
1792
+ "cxLiterals": [],
1793
+ "internalComponents": [],
1794
+ "internalComponentProps": {},
1795
+ "propToVariantKeys": {},
1598
1796
  "runtimeConfigDefaultProps": {},
1599
1797
  "runtimeConfigGetStyles": {},
1600
1798
  "runtimeConfigInternalComponentProps": {},
1601
1799
  "motionVarPrefixes": []
1602
1800
  },
1603
- BottomSheetContent: {
1604
- "name": "BottomSheetContent",
1801
+ ModalDescription: {
1802
+ "name": "ModalDescription",
1605
1803
  "defaultProps": {},
1606
1804
  "getStylesLiterals": {},
1607
- "cxLiterals": ["min-h-0", "touch-pan-y"],
1608
- "internalComponents": ["Box", "VStack"],
1609
- "internalComponentProps": {
1610
- "Box": {
1611
- "display": ["block"],
1612
- "flex": ["1"]
1613
- },
1614
- "VStack": { "className": ["pb-[calc(env(safe-area-inset-bottom))]"] }
1805
+ "cxLiterals": [],
1806
+ "internalComponents": ["Text", "DialogDescription"],
1807
+ "internalComponentProps": { "Text": { "as": ["span"] } },
1808
+ "propToVariantKeys": {
1809
+ "size": ["modalSizeDescription"],
1810
+ "variant": ["modalVariantDescription"]
1615
1811
  },
1812
+ "runtimeConfigDefaultProps": {
1813
+ "size": "modal.defaultSize",
1814
+ "variant": "modal.defaultVariant"
1815
+ },
1816
+ "runtimeConfigGetStyles": {
1817
+ "modalSizeDescription": ["modal.defaultSize"],
1818
+ "modalVariantDescription": ["modal.defaultVariant"]
1819
+ },
1820
+ "runtimeConfigInternalComponentProps": {},
1821
+ "motionVarPrefixes": []
1822
+ },
1823
+ ModalPortal: {
1824
+ "name": "ModalPortal",
1825
+ "defaultProps": {},
1826
+ "getStylesLiterals": {},
1827
+ "cxLiterals": [],
1828
+ "internalComponents": ["ManagedModal"],
1829
+ "internalComponentProps": {},
1616
1830
  "propToVariantKeys": {},
1617
1831
  "runtimeConfigDefaultProps": {},
1618
1832
  "runtimeConfigGetStyles": {},
1619
1833
  "runtimeConfigInternalComponentProps": {},
1620
1834
  "motionVarPrefixes": []
1621
1835
  },
1622
- BottomSheetDismiss: {
1623
- "name": "BottomSheetDismiss",
1836
+ ModalTitle: {
1837
+ "name": "ModalTitle",
1624
1838
  "defaultProps": {},
1625
1839
  "getStylesLiterals": {},
1626
1840
  "cxLiterals": [],
1627
- "internalComponents": ["AriakitDialogDismiss"],
1841
+ "internalComponents": ["Text", "DialogHeading"],
1842
+ "internalComponentProps": { "Text": { "as": ["span"] } },
1843
+ "propToVariantKeys": {
1844
+ "size": ["modalSizeTitle"],
1845
+ "variant": ["modalVariantTitle"]
1846
+ },
1847
+ "runtimeConfigDefaultProps": {
1848
+ "size": "modal.defaultSize",
1849
+ "variant": "modal.defaultVariant"
1850
+ },
1851
+ "runtimeConfigGetStyles": {
1852
+ "modalSizeTitle": ["modal.defaultSize"],
1853
+ "modalVariantTitle": ["modal.defaultVariant"]
1854
+ },
1855
+ "runtimeConfigInternalComponentProps": {},
1856
+ "motionVarPrefixes": []
1857
+ },
1858
+ UDSModalConfigProvider: {
1859
+ "name": "UDSModalConfigProvider",
1860
+ "defaultProps": {},
1861
+ "getStylesLiterals": {},
1862
+ "cxLiterals": [],
1863
+ "internalComponents": ["ModalContext.Provider"],
1628
1864
  "internalComponentProps": {},
1629
1865
  "propToVariantKeys": {},
1630
1866
  "runtimeConfigDefaultProps": {},
@@ -1632,80 +1868,167 @@ var componentData_default = {
1632
1868
  "runtimeConfigInternalComponentProps": {},
1633
1869
  "motionVarPrefixes": []
1634
1870
  },
1635
- BottomSheetHandle: {
1636
- "name": "BottomSheetHandle",
1637
- "defaultProps": { "variant": "default" },
1871
+ "Menu.Content": {
1872
+ "name": "Menu.Content",
1873
+ "defaultProps": {
1874
+ "size": "default",
1875
+ "variant": "default",
1876
+ "gutter": "1"
1877
+ },
1638
1878
  "getStylesLiterals": {},
1639
1879
  "cxLiterals": [
1640
- "relative",
1641
- "h-5",
1642
- "w-16",
1643
- "outline-none",
1644
- "focus-visible:outline-none",
1645
- "[touch-action:pan-y]",
1646
- "absolute",
1647
- "left-1/2",
1648
- "top-1/2",
1649
- "-translate-x-1/2",
1650
- "-translate-y-1/2",
1651
- "h-1",
1652
- "w-8",
1653
- "rounded-full"
1880
+ "uds-menu-content",
1881
+ "transition-shadow",
1882
+ "duration-200",
1883
+ "ease-in-out",
1884
+ "min-w-60",
1885
+ "max-w-lg",
1886
+ "max-h-96",
1887
+ "overflow-auto",
1888
+ "uds-ring",
1889
+ "z-10",
1890
+ "group"
1654
1891
  ],
1655
- "internalComponents": ["Box"],
1656
- "internalComponentProps": { "Box": {
1657
- "display": ["block", "flex"],
1658
- "justifyContent": ["center"]
1659
- } },
1660
- "propToVariantKeys": { "variant": ["bottomsheetVariantHandleIndicator"] },
1892
+ "internalComponents": [
1893
+ "AriakitMenu",
1894
+ "AnimatePresence",
1895
+ "MotionVStack"
1896
+ ],
1897
+ "internalComponentProps": {},
1898
+ "propToVariantKeys": {
1899
+ "size": ["menucontentSizeRoot"],
1900
+ "variant": ["menucontentVariantRoot"]
1901
+ },
1661
1902
  "runtimeConfigDefaultProps": {},
1662
1903
  "runtimeConfigGetStyles": {},
1663
1904
  "runtimeConfigInternalComponentProps": {},
1664
1905
  "motionVarPrefixes": []
1665
1906
  },
1666
- BottomSheetHeader: {
1667
- "name": "BottomSheetHeader",
1668
- "defaultProps": { "variant": "default" },
1669
- "getStylesLiterals": {},
1907
+ "Menu.Divider": {
1908
+ "name": "Menu.Divider",
1909
+ "defaultProps": {
1910
+ "role": "separator",
1911
+ "contentPosition": "start",
1912
+ "gap": "4"
1913
+ },
1914
+ "getStylesLiterals": {
1915
+ "menuitemDividerVariantRoot": "default",
1916
+ "menuitemDividerVariantText": "default",
1917
+ "menuitemDividerVariantLine": "default"
1918
+ },
1919
+ "cxLiterals": [],
1920
+ "internalComponents": ["Divider"],
1921
+ "internalComponentProps": { "Divider": { "variant": ["inherit"] } },
1922
+ "propToVariantKeys": {},
1923
+ "runtimeConfigDefaultProps": {},
1924
+ "runtimeConfigGetStyles": {},
1925
+ "runtimeConfigInternalComponentProps": {},
1926
+ "motionVarPrefixes": []
1927
+ },
1928
+ "Menu.Item": {
1929
+ "name": "Menu.Item",
1930
+ "defaultProps": {},
1931
+ "getStylesLiterals": {
1932
+ "menuitemItemVariantRoot": "default",
1933
+ "menuitemItemVariantActiveRoot": "on",
1934
+ "menuitemItemVariantActiveRoot:1": "off",
1935
+ "menuitemItemVariantText": "default",
1936
+ "menuitemItemVariantActiveText": "on",
1937
+ "menuitemItemVariantActiveText:1": "off",
1938
+ "menuitemItemVariantIcon": "default",
1939
+ "menuitemItemVariantActiveIcon": "on",
1940
+ "menuitemItemVariantActiveIcon:1": "off"
1941
+ },
1942
+ "cxLiterals": [],
1943
+ "internalComponents": ["MenuItemBase"],
1944
+ "internalComponentProps": {},
1945
+ "propToVariantKeys": {},
1946
+ "runtimeConfigDefaultProps": {},
1947
+ "runtimeConfigGetStyles": {},
1948
+ "runtimeConfigInternalComponentProps": {},
1949
+ "motionVarPrefixes": []
1950
+ },
1951
+ "Menu.ItemBase": {
1952
+ "name": "Menu.ItemBase",
1953
+ "defaultProps": {
1954
+ "spacing": "0",
1955
+ "spacingHorizontal": "4",
1956
+ "spacingVertical": "3.5",
1957
+ "columnGap": "2",
1958
+ "alignItems": "center",
1959
+ "justifyContent": "space-between"
1960
+ },
1961
+ "getStylesLiterals": {
1962
+ "textAlign": "start",
1963
+ "menuitemSizeRoot": "default",
1964
+ "flexDirection": "row",
1965
+ "menuitemSizeStartIcon": "default",
1966
+ "menuitemSizeEndIcon": "default"
1967
+ },
1670
1968
  "cxLiterals": [
1671
- "grid-cols-[40px_1fr_40px]",
1672
- "items-center",
1673
- "w-full",
1674
- "min-h-10",
1675
- "mt-2"
1969
+ "uds-menu-item",
1970
+ "flex",
1971
+ "focus-visible:text-brand",
1972
+ "focus-visible:bg-brand-secondary",
1973
+ "focus-visible:z-10",
1974
+ "uds-ring",
1975
+ "!-outline-offset-2",
1976
+ "[&:not([aria-checked])]:cursor-default",
1977
+ "opacity-25",
1978
+ "cursor-not-allowed",
1979
+ "duration-20",
1980
+ "transition-[font-variation-settings]",
1981
+ "ease-in-out",
1982
+ "z-0",
1983
+ "truncate",
1984
+ "uds-start-icon",
1985
+ "uds-end-icon"
1676
1986
  ],
1677
1987
  "internalComponents": [
1678
- "Box",
1679
- "Text",
1680
- "DialogHeading"
1988
+ "Pressable",
1989
+ "IconSlot",
1990
+ "RootComponent",
1991
+ "HStack",
1992
+ "AnimatePresence"
1681
1993
  ],
1682
1994
  "internalComponentProps": {
1683
- "Box": {
1684
- "className": ["h-10 w-10 opacity-0 pointer-events-none"],
1685
- "display": ["grid", "flex"],
1686
- "justifyContent": ["flex-start", "flex-end"]
1687
- },
1688
- "Text": {
1689
- "as": ["p"],
1690
- "variant": ["inherit"],
1691
- "color": ["inherit"],
1692
- "textAlign": ["center"],
1693
- "className": ["m-0 w-full"]
1995
+ "HStack": {
1996
+ "alignItems": ["center"],
1997
+ "width": ["full"]
1694
1998
  },
1695
- "DialogHeading": { "role": ["heading"] }
1999
+ "AnimatePresence": { "mode": ["popLayout"] }
2000
+ },
2001
+ "propToVariantKeys": {
2002
+ "startIconClassName": ["className"],
2003
+ "endIconClassName": ["className"],
2004
+ "startIcon": ["icon"],
2005
+ "endIcon": ["icon"],
2006
+ "columnGap": ["gap"]
1696
2007
  },
1697
- "propToVariantKeys": { "variant": ["bottomsheetVariantHeader"] },
1698
2008
  "runtimeConfigDefaultProps": {},
1699
2009
  "runtimeConfigGetStyles": {},
1700
2010
  "runtimeConfigInternalComponentProps": {},
1701
2011
  "motionVarPrefixes": []
1702
2012
  },
1703
- BottomSheetInternalContext: {
1704
- "name": "BottomSheetInternalContext",
2013
+ "Menu.ItemCheckbox": {
2014
+ "name": "Menu.ItemCheckbox",
1705
2015
  "defaultProps": {},
1706
- "getStylesLiterals": {},
1707
- "cxLiterals": [],
1708
- "internalComponents": [],
2016
+ "getStylesLiterals": {
2017
+ "menuitemItemCheckboxVariantRoot": "default",
2018
+ "menuitemItemCheckboxVariantActiveRoot": "on",
2019
+ "menuitemItemCheckboxVariantActiveRoot:1": "off",
2020
+ "menuitemItemCheckboxVariantText": "default",
2021
+ "menuitemItemCheckboxVariantActiveText": "on",
2022
+ "menuitemItemCheckboxVariantActiveText:1": "off",
2023
+ "menuitemItemCheckboxVariantStartIcon": "default",
2024
+ "menuitemItemCheckboxVariantActiveStartIcon": "on",
2025
+ "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
2026
+ "menuitemItemCheckboxVariantEndIcon": "default",
2027
+ "menuitemItemCheckboxVariantActiveEndIcon": "on",
2028
+ "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
2029
+ },
2030
+ "cxLiterals": ["uds-menu-item-checkbox"],
2031
+ "internalComponents": ["MenuItemBase"],
1709
2032
  "internalComponentProps": {},
1710
2033
  "propToVariantKeys": {},
1711
2034
  "runtimeConfigDefaultProps": {},
@@ -1713,25 +2036,38 @@ var componentData_default = {
1713
2036
  "runtimeConfigInternalComponentProps": {},
1714
2037
  "motionVarPrefixes": []
1715
2038
  },
1716
- BottomSheetProvider: {
1717
- "name": "BottomSheetProvider",
2039
+ "Menu.Provider": {
2040
+ "name": "Menu.Provider",
1718
2041
  "defaultProps": {},
1719
2042
  "getStylesLiterals": {},
1720
2043
  "cxLiterals": [],
1721
- "internalComponents": ["AriakitDialogProvider"],
2044
+ "internalComponents": ["AriakitMenuProvider", "SpringMotionConfig"],
1722
2045
  "internalComponentProps": {},
1723
2046
  "propToVariantKeys": {},
1724
2047
  "runtimeConfigDefaultProps": {},
1725
2048
  "runtimeConfigGetStyles": {},
1726
2049
  "runtimeConfigInternalComponentProps": {},
2050
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
2051
+ },
2052
+ "Menu.Trigger": {
2053
+ "name": "Menu.Trigger",
2054
+ "defaultProps": {},
2055
+ "getStylesLiterals": {},
2056
+ "cxLiterals": ["uds-menu-trigger"],
2057
+ "internalComponents": ["AriakitMenuTrigger", "Box"],
2058
+ "internalComponentProps": { "Box": { "className": ["uds-ring h-fit w-fit"] } },
2059
+ "propToVariantKeys": {},
2060
+ "runtimeConfigDefaultProps": {},
2061
+ "runtimeConfigGetStyles": {},
2062
+ "runtimeConfigInternalComponentProps": {},
1727
2063
  "motionVarPrefixes": []
1728
2064
  },
1729
- BottomSheetTrigger: {
1730
- "name": "BottomSheetTrigger",
2065
+ "Menu.index": {
2066
+ "name": "Menu.index",
1731
2067
  "defaultProps": {},
1732
2068
  "getStylesLiterals": {},
1733
2069
  "cxLiterals": [],
1734
- "internalComponents": ["AriakitDialogDisclosure"],
2070
+ "internalComponents": [],
1735
2071
  "internalComponentProps": {},
1736
2072
  "propToVariantKeys": {},
1737
2073
  "runtimeConfigDefaultProps": {},
@@ -1739,12 +2075,12 @@ var componentData_default = {
1739
2075
  "runtimeConfigInternalComponentProps": {},
1740
2076
  "motionVarPrefixes": []
1741
2077
  },
1742
- UDSBottomSheetConfigProvider: {
1743
- "name": "UDSBottomSheetConfigProvider",
2078
+ Menu: {
2079
+ "name": "Menu",
1744
2080
  "defaultProps": {},
1745
2081
  "getStylesLiterals": {},
1746
2082
  "cxLiterals": [],
1747
- "internalComponents": ["BottomSheetContext.Provider"],
2083
+ "internalComponents": [],
1748
2084
  "internalComponentProps": {},
1749
2085
  "propToVariantKeys": {},
1750
2086
  "runtimeConfigDefaultProps": {},
@@ -1874,82 +2210,456 @@ var componentData_default = {
1874
2210
  "runtimeConfigInternalComponentProps": {},
1875
2211
  "motionVarPrefixes": []
1876
2212
  },
1877
- PaddleNavContent: {
1878
- "name": "PaddleNavContent",
1879
- "defaultProps": {},
1880
- "getStylesLiterals": {},
2213
+ PaddleNavContent: {
2214
+ "name": "PaddleNavContent",
2215
+ "defaultProps": {},
2216
+ "getStylesLiterals": {},
2217
+ "cxLiterals": [
2218
+ "min-w-0",
2219
+ "min-h-0",
2220
+ "relative"
2221
+ ],
2222
+ "internalComponents": [],
2223
+ "internalComponentProps": {},
2224
+ "propToVariantKeys": {},
2225
+ "runtimeConfigDefaultProps": {},
2226
+ "runtimeConfigGetStyles": {},
2227
+ "runtimeConfigInternalComponentProps": {},
2228
+ "motionVarPrefixes": []
2229
+ },
2230
+ Pagination: {
2231
+ "name": "Pagination",
2232
+ "defaultProps": {
2233
+ "ellipsisPlacement": "default",
2234
+ "size": "md",
2235
+ "variant": "default",
2236
+ "'aria-label'": "Pagination"
2237
+ },
2238
+ "getStylesLiterals": { "paginationVariantActiveRoot": "off" },
2239
+ "cxLiterals": [
2240
+ "inline-flex",
2241
+ "items-center",
2242
+ "justify-center",
2243
+ "relative",
2244
+ "m-0",
2245
+ "border-solid",
2246
+ "inline-grid",
2247
+ "shrink-0",
2248
+ "place-items-center",
2249
+ "place-content-center",
2250
+ "rounded-full",
2251
+ "box-border",
2252
+ "w-[var(--uds-pagination-control-size)]",
2253
+ "appearance-none",
2254
+ "uds-ring",
2255
+ "cursor-pointer",
2256
+ "select-none",
2257
+ "pointer-events-none",
2258
+ "auto-cols-max",
2259
+ "grid-flow-col",
2260
+ "gap-1",
2261
+ "block",
2262
+ "tabular-nums",
2263
+ "!leading-none",
2264
+ "[text-box-trim:trim-both]",
2265
+ "[text-box-edge:cap_alphabetic]",
2266
+ "h-[var(--uds-pagination-control-size)]"
2267
+ ],
2268
+ "internalComponents": ["PaginationProvider"],
2269
+ "internalComponentProps": {},
2270
+ "propToVariantKeys": {
2271
+ "size": [
2272
+ "paginationSizeRoot",
2273
+ "paginationSizeItem",
2274
+ "paginationSizeIcon",
2275
+ "paginationSizeText"
2276
+ ],
2277
+ "variant": ["paginationVariantRoot"],
2278
+ "activeState": ["paginationVariantActiveRoot"]
2279
+ },
2280
+ "runtimeConfigDefaultProps": {},
2281
+ "runtimeConfigGetStyles": {},
2282
+ "runtimeConfigInternalComponentProps": {},
2283
+ "motionVarPrefixes": []
2284
+ },
2285
+ PaginationEllipsis: {
2286
+ "name": "PaginationEllipsis",
2287
+ "defaultProps": {},
2288
+ "getStylesLiterals": { "paginationVariantActiveRoot": "off" },
2289
+ "cxLiterals": [
2290
+ "inline-flex",
2291
+ "items-center",
2292
+ "justify-center",
2293
+ "relative",
2294
+ "m-0",
2295
+ "border-solid",
2296
+ "inline-grid",
2297
+ "shrink-0",
2298
+ "place-items-center",
2299
+ "place-content-center",
2300
+ "rounded-full",
2301
+ "box-border",
2302
+ "w-[var(--uds-pagination-control-size)]",
2303
+ "appearance-none",
2304
+ "uds-ring",
2305
+ "cursor-pointer",
2306
+ "select-none",
2307
+ "pointer-events-none",
2308
+ "auto-cols-max",
2309
+ "grid-flow-col",
2310
+ "gap-1",
2311
+ "block",
2312
+ "tabular-nums",
2313
+ "!leading-none",
2314
+ "[text-box-trim:trim-both]",
2315
+ "[text-box-edge:cap_alphabetic]",
2316
+ "h-[var(--uds-pagination-control-size)]"
2317
+ ],
2318
+ "internalComponents": [],
2319
+ "internalComponentProps": {},
2320
+ "propToVariantKeys": {
2321
+ "size": [
2322
+ "paginationSizeRoot",
2323
+ "paginationSizeItem",
2324
+ "paginationSizeIcon",
2325
+ "paginationSizeText"
2326
+ ],
2327
+ "variant": ["paginationVariantRoot"],
2328
+ "activeState": ["paginationVariantActiveRoot"]
2329
+ },
2330
+ "runtimeConfigDefaultProps": {},
2331
+ "runtimeConfigGetStyles": {},
2332
+ "runtimeConfigInternalComponentProps": {},
2333
+ "motionVarPrefixes": []
2334
+ },
2335
+ PaginationItem: {
2336
+ "name": "PaginationItem",
2337
+ "defaultProps": {},
2338
+ "getStylesLiterals": { "paginationVariantActiveRoot": "off" },
2339
+ "cxLiterals": [
2340
+ "inline-flex",
2341
+ "items-center",
2342
+ "justify-center",
2343
+ "relative",
2344
+ "m-0",
2345
+ "border-solid",
2346
+ "inline-grid",
2347
+ "shrink-0",
2348
+ "place-items-center",
2349
+ "place-content-center",
2350
+ "rounded-full",
2351
+ "box-border",
2352
+ "w-[var(--uds-pagination-control-size)]",
2353
+ "appearance-none",
2354
+ "uds-ring",
2355
+ "cursor-pointer",
2356
+ "select-none",
2357
+ "pointer-events-none",
2358
+ "auto-cols-max",
2359
+ "grid-flow-col",
2360
+ "gap-1",
2361
+ "block",
2362
+ "tabular-nums",
2363
+ "!leading-none",
2364
+ "[text-box-trim:trim-both]",
2365
+ "[text-box-edge:cap_alphabetic]",
2366
+ "h-[var(--uds-pagination-control-size)]"
2367
+ ],
2368
+ "internalComponents": ["Comp"],
2369
+ "internalComponentProps": { "Comp": { "type": ["button"] } },
2370
+ "propToVariantKeys": {
2371
+ "size": [
2372
+ "paginationSizeRoot",
2373
+ "paginationSizeItem",
2374
+ "paginationSizeIcon",
2375
+ "paginationSizeText"
2376
+ ],
2377
+ "variant": ["paginationVariantRoot"],
2378
+ "activeState": ["paginationVariantActiveRoot"]
2379
+ },
2380
+ "runtimeConfigDefaultProps": {},
2381
+ "runtimeConfigGetStyles": {},
2382
+ "runtimeConfigInternalComponentProps": {},
2383
+ "motionVarPrefixes": []
2384
+ },
2385
+ PaginationLink: {
2386
+ "name": "PaginationLink",
2387
+ "defaultProps": {},
2388
+ "getStylesLiterals": { "paginationVariantActiveRoot": "off" },
2389
+ "cxLiterals": [
2390
+ "inline-flex",
2391
+ "items-center",
2392
+ "justify-center",
2393
+ "relative",
2394
+ "m-0",
2395
+ "border-solid",
2396
+ "inline-grid",
2397
+ "shrink-0",
2398
+ "place-items-center",
2399
+ "place-content-center",
2400
+ "rounded-full",
2401
+ "box-border",
2402
+ "w-[var(--uds-pagination-control-size)]",
2403
+ "appearance-none",
2404
+ "uds-ring",
2405
+ "cursor-pointer",
2406
+ "select-none",
2407
+ "pointer-events-none",
2408
+ "auto-cols-max",
2409
+ "grid-flow-col",
2410
+ "gap-1",
2411
+ "block",
2412
+ "tabular-nums",
2413
+ "!leading-none",
2414
+ "[text-box-trim:trim-both]",
2415
+ "[text-box-edge:cap_alphabetic]",
2416
+ "h-[var(--uds-pagination-control-size)]"
2417
+ ],
2418
+ "internalComponents": ["Comp"],
2419
+ "internalComponentProps": {},
2420
+ "propToVariantKeys": {
2421
+ "size": [
2422
+ "paginationSizeRoot",
2423
+ "paginationSizeItem",
2424
+ "paginationSizeIcon",
2425
+ "paginationSizeText"
2426
+ ],
2427
+ "variant": ["paginationVariantRoot"],
2428
+ "activeState": ["paginationVariantActiveRoot"]
2429
+ },
2430
+ "runtimeConfigDefaultProps": {},
2431
+ "runtimeConfigGetStyles": {},
2432
+ "runtimeConfigInternalComponentProps": {},
2433
+ "motionVarPrefixes": []
2434
+ },
2435
+ PaginationNext: {
2436
+ "name": "PaginationNext",
2437
+ "defaultProps": { "label": "Next" },
2438
+ "getStylesLiterals": { "paginationVariantActiveRoot": "off" },
2439
+ "cxLiterals": [
2440
+ "inline-flex",
2441
+ "items-center",
2442
+ "justify-center",
2443
+ "relative",
2444
+ "m-0",
2445
+ "border-solid",
2446
+ "inline-grid",
2447
+ "shrink-0",
2448
+ "place-items-center",
2449
+ "place-content-center",
2450
+ "rounded-full",
2451
+ "box-border",
2452
+ "w-[var(--uds-pagination-control-size)]",
2453
+ "appearance-none",
2454
+ "uds-ring",
2455
+ "cursor-pointer",
2456
+ "select-none",
2457
+ "pointer-events-none",
2458
+ "auto-cols-max",
2459
+ "grid-flow-col",
2460
+ "gap-1",
2461
+ "block",
2462
+ "tabular-nums",
2463
+ "!leading-none",
2464
+ "[text-box-trim:trim-both]",
2465
+ "[text-box-edge:cap_alphabetic]",
2466
+ "h-[var(--uds-pagination-control-size)]"
2467
+ ],
2468
+ "internalComponents": ["Icon", "Comp"],
2469
+ "internalComponentProps": {
2470
+ "Icon": {
2471
+ "size": ["sm"],
2472
+ "color": ["current"]
2473
+ },
2474
+ "Comp": {
2475
+ "type": ["button"],
2476
+ "aria-label": ["Go to next page"]
2477
+ }
2478
+ },
2479
+ "propToVariantKeys": {
2480
+ "size": [
2481
+ "paginationSizeRoot",
2482
+ "paginationSizeItem",
2483
+ "paginationSizeIcon",
2484
+ "paginationSizeText"
2485
+ ],
2486
+ "variant": ["paginationVariantRoot"],
2487
+ "activeState": ["paginationVariantActiveRoot"]
2488
+ },
2489
+ "runtimeConfigDefaultProps": {},
2490
+ "runtimeConfigGetStyles": {},
2491
+ "runtimeConfigInternalComponentProps": {},
2492
+ "motionVarPrefixes": []
2493
+ },
2494
+ PaginationNumbers: {
2495
+ "name": "PaginationNumbers",
2496
+ "defaultProps": {},
2497
+ "getStylesLiterals": { "paginationVariantActiveRoot": "off" },
2498
+ "cxLiterals": [
2499
+ "m-0",
2500
+ "inline-flex",
2501
+ "list-none",
2502
+ "items-center",
2503
+ "self-center",
2504
+ "p-0",
2505
+ "justify-center",
2506
+ "relative",
2507
+ "border-solid",
2508
+ "inline-grid",
2509
+ "shrink-0",
2510
+ "place-items-center",
2511
+ "place-content-center",
2512
+ "rounded-full",
2513
+ "box-border",
2514
+ "w-[var(--uds-pagination-control-size)]",
2515
+ "appearance-none",
2516
+ "uds-ring",
2517
+ "cursor-pointer",
2518
+ "select-none",
2519
+ "pointer-events-none",
2520
+ "auto-cols-max",
2521
+ "grid-flow-col",
2522
+ "gap-1",
2523
+ "block",
2524
+ "tabular-nums",
2525
+ "!leading-none",
2526
+ "[text-box-trim:trim-both]",
2527
+ "[text-box-edge:cap_alphabetic]",
2528
+ "h-[var(--uds-pagination-control-size)]"
2529
+ ],
2530
+ "internalComponents": [
2531
+ "PaginationEllipsis",
2532
+ "PaginationLink",
2533
+ "PaginationItem"
2534
+ ],
2535
+ "internalComponentProps": {},
2536
+ "propToVariantKeys": {
2537
+ "size": [
2538
+ "paginationSizeRoot",
2539
+ "paginationSizeItem",
2540
+ "paginationSizeIcon",
2541
+ "paginationSizeText"
2542
+ ],
2543
+ "variant": ["paginationVariantRoot"],
2544
+ "activeState": ["paginationVariantActiveRoot"]
2545
+ },
2546
+ "runtimeConfigDefaultProps": {},
2547
+ "runtimeConfigGetStyles": {},
2548
+ "runtimeConfigInternalComponentProps": {},
2549
+ "motionVarPrefixes": []
2550
+ },
2551
+ PaginationPrev: {
2552
+ "name": "PaginationPrev",
2553
+ "defaultProps": { "label": "Previous" },
2554
+ "getStylesLiterals": { "paginationVariantActiveRoot": "off" },
1881
2555
  "cxLiterals": [
1882
- "min-w-0",
1883
- "min-h-0",
1884
- "relative"
2556
+ "inline-flex",
2557
+ "items-center",
2558
+ "justify-center",
2559
+ "relative",
2560
+ "m-0",
2561
+ "border-solid",
2562
+ "inline-grid",
2563
+ "shrink-0",
2564
+ "place-items-center",
2565
+ "place-content-center",
2566
+ "rounded-full",
2567
+ "box-border",
2568
+ "w-[var(--uds-pagination-control-size)]",
2569
+ "appearance-none",
2570
+ "uds-ring",
2571
+ "cursor-pointer",
2572
+ "select-none",
2573
+ "pointer-events-none",
2574
+ "auto-cols-max",
2575
+ "grid-flow-col",
2576
+ "gap-1",
2577
+ "block",
2578
+ "tabular-nums",
2579
+ "!leading-none",
2580
+ "[text-box-trim:trim-both]",
2581
+ "[text-box-edge:cap_alphabetic]",
2582
+ "h-[var(--uds-pagination-control-size)]"
1885
2583
  ],
1886
- "internalComponents": [],
1887
- "internalComponentProps": {},
1888
- "propToVariantKeys": {},
2584
+ "internalComponents": ["Icon", "Comp"],
2585
+ "internalComponentProps": {
2586
+ "Icon": {
2587
+ "size": ["sm"],
2588
+ "color": ["current"]
2589
+ },
2590
+ "Comp": {
2591
+ "type": ["button"],
2592
+ "aria-label": ["Go to previous page"]
2593
+ }
2594
+ },
2595
+ "propToVariantKeys": {
2596
+ "size": [
2597
+ "paginationSizeRoot",
2598
+ "paginationSizeItem",
2599
+ "paginationSizeIcon",
2600
+ "paginationSizeText"
2601
+ ],
2602
+ "variant": ["paginationVariantRoot"],
2603
+ "activeState": ["paginationVariantActiveRoot"]
2604
+ },
1889
2605
  "runtimeConfigDefaultProps": {},
1890
2606
  "runtimeConfigGetStyles": {},
1891
2607
  "runtimeConfigInternalComponentProps": {},
1892
2608
  "motionVarPrefixes": []
1893
2609
  },
1894
- ManagedModal: {
1895
- "name": "ManagedModal",
2610
+ Popover: {
2611
+ "name": "Popover",
1896
2612
  "defaultProps": {},
1897
2613
  "getStylesLiterals": {},
1898
- "cxLiterals": [],
1899
- "internalComponents": [
1900
- "Modal",
1901
- "ModalTitle",
1902
- "ModalDescription",
1903
- "ModalContent",
1904
- "ModalActions"
1905
- ],
2614
+ "cxLiterals": ["uds:popover-open"],
2615
+ "internalComponents": ["PopoverInternalContext.Provider", "PopoverProvider"],
1906
2616
  "internalComponentProps": {},
1907
2617
  "propToVariantKeys": {},
1908
2618
  "runtimeConfigDefaultProps": {
1909
- "size": "modal.defaultSize",
1910
- "variant": "modal.defaultVariant"
2619
+ "size": "popover.defaultSize",
2620
+ "variant": "popover.defaultVariant"
1911
2621
  },
1912
2622
  "runtimeConfigGetStyles": {},
1913
2623
  "runtimeConfigInternalComponentProps": {},
1914
2624
  "motionVarPrefixes": []
1915
2625
  },
1916
- Modal: {
1917
- "name": "Modal",
1918
- "defaultProps": {
1919
- "closeAriaLabel": "Close",
1920
- "maxWidth": "auto",
1921
- "maxHeight": "auto",
1922
- "scrollBehavior": "outside"
1923
- },
2626
+ PopoverContent: {
2627
+ "name": "PopoverContent",
2628
+ "defaultProps": {},
1924
2629
  "getStylesLiterals": {
1925
- "flexDirection": "row-reverse",
1926
- "justifyContent": "space-between",
1927
- "alignItems": "flex-end",
1928
- "alignItems:1": "flex-start",
1929
- "borderRadius": "full"
2630
+ "popoverSizeRoot": "default",
2631
+ "popoverVariantRoot": "default",
2632
+ "display": "flex",
2633
+ "position": "relative",
2634
+ "display:1": "block",
2635
+ "spacingTop": "0",
2636
+ "spacingStart": "0",
2637
+ "spacingBottom": "0",
2638
+ "spacingEnd": "0",
2639
+ "popoverSizeSvgBase": "default",
2640
+ "popoverVariantSvgBase": "default",
2641
+ "popoverSizeSvgBorder": "default",
2642
+ "popoverVariantSvgBorder": "default",
2643
+ "popoverVariantBlur": "default",
2644
+ "position:1": "absolute",
2645
+ "width": "full",
2646
+ "height": "full",
2647
+ "flexShrink": "0",
2648
+ "borderRadius": "full",
2649
+ "alignItems": "center",
2650
+ "justifyContent": "center",
2651
+ "popoverVariantCloseIcon": "default",
2652
+ "popoverSizeCloseIcon": "default"
1930
2653
  },
1931
2654
  "cxLiterals": [
1932
- "fixed",
1933
- "inset-0",
1934
- "z-40",
1935
- "overflow-y-auto",
1936
- "overflow-hidden",
1937
- "transition-[opacity,visibility]",
1938
- "visible",
1939
- "opacity-100",
1940
- "invisible",
1941
- "opacity-0",
1942
- "pointer-events-none",
2655
+ "z-[9999]",
2656
+ "outline-none",
2657
+ "focus-visible:outline-none",
2658
+ "uds-bgBlurFillFallback",
1943
2659
  "uds-bgBlurFallback",
1944
- "w-full",
1945
- "w-fit",
1946
- "h-full",
1947
- "h-fit",
1948
- "m-auto",
1949
- "pointer-events-auto",
1950
- "inside",
1951
- "max-h-full",
1952
- "transition-transform",
2660
+ "top-0",
2661
+ "left-0",
2662
+ "z-[1]",
1953
2663
  "duration-0",
1954
2664
  "duration-120",
1955
2665
  "transition-[background-color]",
@@ -1957,140 +2667,39 @@ var componentData_default = {
1957
2667
  "hover:bg-carbon-15/10",
1958
2668
  "active:bg-carbon-15/15",
1959
2669
  "uds-ring",
1960
- "[translate:50%_-50%]"
2670
+ "absolute",
2671
+ "z-[4]"
1961
2672
  ],
1962
2673
  "internalComponents": [
1963
- "Scrim",
1964
- "VStack",
1965
- "Pressable",
2674
+ "PopoverDismiss",
1966
2675
  "IconSlot",
2676
+ "PopoverArrow",
2677
+ "Popover",
2678
+ "SvgFloatingOverlay",
1967
2679
  "Box",
1968
- "Dialog",
1969
- "ModalContext.Provider",
1970
- "HStack",
1971
- "DialogDismiss",
1972
- "ModalTitle",
1973
- "ModalDescription",
1974
- "ModalContent",
1975
- "ModalActions"
2680
+ "Pressable"
1976
2681
  ],
1977
- "internalComponentProps": { "Box": { "flexGrow": ["1"] } },
1978
- "propToVariantKeys": {
1979
- "gutter": ["spacing"],
1980
- "size": [
1981
- "modalSizeRoot",
1982
- "modalSizeSpacingHorizontal",
1983
- "modalSizeHeader",
1984
- "modalSizeTitleDescriptionWrapper",
1985
- "modalSizeCloseIconContainer",
1986
- "modalSizeCloseIcon"
1987
- ],
1988
- "variant": ["modalVariantRoot", "modalVariantCloseIcon"],
1989
- "closeAriaLabel": ["aria-label"],
1990
- "closeIcon": ["icon"]
1991
- },
1992
- "runtimeConfigDefaultProps": {
1993
- "size": "modal.defaultSize",
1994
- "variant": "modal.defaultVariant"
1995
- },
1996
- "runtimeConfigGetStyles": {
1997
- "spacing": ["modal.gutter.${size}"],
1998
- "modalSizeRoot": ["modal.defaultSize"],
1999
- "modalVariantRoot": ["modal.defaultVariant"],
2000
- "modalSizeSpacingHorizontal": ["modal.defaultSize"],
2001
- "modalSizeHeader": ["modal.defaultSize"],
2002
- "modalSizeTitleDescriptionWrapper": ["modal.defaultSize"],
2003
- "modalSizeCloseIconContainer": ["modal.defaultSize"],
2004
- "modalSizeCloseIcon": ["modal.defaultSize"],
2005
- "modalVariantCloseIcon": ["modal.defaultVariant"]
2006
- },
2007
- "runtimeConfigInternalComponentProps": {},
2008
- "motionVarPrefixes": []
2009
- },
2010
- ModalActions: {
2011
- "name": "ModalActions",
2012
- "defaultProps": {},
2013
- "getStylesLiterals": {
2014
- "flexDirection": "row-reverse",
2015
- "justifyContent": "space-between",
2016
- "alignItems": "center"
2017
- },
2018
- "cxLiterals": ["gap-[inherit]"],
2019
- "internalComponents": ["HStack"],
2020
- "internalComponentProps": {},
2021
- "propToVariantKeys": { "size": ["modalSizeSpacingHorizontal", "modalSizeActions"] },
2022
- "runtimeConfigDefaultProps": {
2023
- "size": "modal.defaultSize",
2024
- "variant": "modal.defaultVariant"
2025
- },
2026
- "runtimeConfigGetStyles": {
2027
- "modalSizeSpacingHorizontal": ["modal.defaultSize"],
2028
- "modalSizeActions": ["modal.defaultSize"]
2029
- },
2030
- "runtimeConfigInternalComponentProps": {},
2031
- "motionVarPrefixes": []
2032
- },
2033
- ModalContent: {
2034
- "name": "ModalContent",
2035
- "defaultProps": {},
2036
- "getStylesLiterals": {
2037
- "overflowY": "auto",
2038
- "display": "block",
2039
- "flexGrow": "1"
2040
- },
2041
- "cxLiterals": [],
2042
- "internalComponents": ["Box"],
2043
- "internalComponentProps": {},
2044
- "propToVariantKeys": { "size": ["modalSizeSpacingHorizontal"] },
2045
- "runtimeConfigDefaultProps": {
2046
- "size": "modal.defaultSize",
2047
- "variant": "modal.defaultVariant"
2048
- },
2049
- "runtimeConfigGetStyles": { "modalSizeSpacingHorizontal": ["modal.defaultSize"] },
2050
- "runtimeConfigInternalComponentProps": {},
2051
- "motionVarPrefixes": []
2052
- },
2053
- ModalContext: {
2054
- "name": "ModalContext",
2055
- "defaultProps": {},
2056
- "getStylesLiterals": {},
2057
- "cxLiterals": [],
2058
- "internalComponents": [],
2059
2682
  "internalComponentProps": {},
2060
- "propToVariantKeys": {},
2061
- "runtimeConfigDefaultProps": {},
2062
- "runtimeConfigGetStyles": {},
2063
- "runtimeConfigInternalComponentProps": {},
2064
- "motionVarPrefixes": []
2065
- },
2066
- ModalDescription: {
2067
- "name": "ModalDescription",
2068
- "defaultProps": {},
2069
- "getStylesLiterals": {},
2070
- "cxLiterals": [],
2071
- "internalComponents": ["Text", "DialogDescription"],
2072
- "internalComponentProps": { "Text": { "as": ["span"] } },
2073
- "propToVariantKeys": {
2074
- "size": ["modalSizeDescription"],
2075
- "variant": ["modalVariantDescription"]
2076
- },
2683
+ "propToVariantKeys": { "closeIcon": ["icon"] },
2077
2684
  "runtimeConfigDefaultProps": {
2078
- "size": "modal.defaultSize",
2079
- "variant": "modal.defaultVariant"
2685
+ "size": "popover.defaultSize",
2686
+ "variant": "popover.defaultVariant"
2080
2687
  },
2081
2688
  "runtimeConfigGetStyles": {
2082
- "modalSizeDescription": ["modal.defaultSize"],
2083
- "modalVariantDescription": ["modal.defaultVariant"]
2689
+ "spacingTop": ["popover.spacingVertical.${size}"],
2690
+ "spacingStart": ["popover.spacingHorizontal.${size}"],
2691
+ "spacingBottom": ["popover.spacingVertical.${size}"],
2692
+ "spacingEnd": ["popover.spacingHorizontal.${size}"]
2084
2693
  },
2085
- "runtimeConfigInternalComponentProps": {},
2694
+ "runtimeConfigInternalComponentProps": { "SvgFloatingOverlay": { "borderRadius": ["popover.borderRadius.${size}"] } },
2086
2695
  "motionVarPrefixes": []
2087
2696
  },
2088
- ModalPortal: {
2089
- "name": "ModalPortal",
2697
+ PopoverContext: {
2698
+ "name": "PopoverContext",
2090
2699
  "defaultProps": {},
2091
2700
  "getStylesLiterals": {},
2092
2701
  "cxLiterals": [],
2093
- "internalComponents": ["ManagedModal"],
2702
+ "internalComponents": [],
2094
2703
  "internalComponentProps": {},
2095
2704
  "propToVariantKeys": {},
2096
2705
  "runtimeConfigDefaultProps": {},
@@ -2098,34 +2707,25 @@ var componentData_default = {
2098
2707
  "runtimeConfigInternalComponentProps": {},
2099
2708
  "motionVarPrefixes": []
2100
2709
  },
2101
- ModalTitle: {
2102
- "name": "ModalTitle",
2710
+ PopoverTrigger: {
2711
+ "name": "PopoverTrigger",
2103
2712
  "defaultProps": {},
2104
2713
  "getStylesLiterals": {},
2105
2714
  "cxLiterals": [],
2106
- "internalComponents": ["Text", "DialogHeading"],
2107
- "internalComponentProps": { "Text": { "as": ["span"] } },
2108
- "propToVariantKeys": {
2109
- "size": ["modalSizeTitle"],
2110
- "variant": ["modalVariantTitle"]
2111
- },
2112
- "runtimeConfigDefaultProps": {
2113
- "size": "modal.defaultSize",
2114
- "variant": "modal.defaultVariant"
2115
- },
2116
- "runtimeConfigGetStyles": {
2117
- "modalSizeTitle": ["modal.defaultSize"],
2118
- "modalVariantTitle": ["modal.defaultVariant"]
2119
- },
2715
+ "internalComponents": ["PopoverDisclosure"],
2716
+ "internalComponentProps": { "PopoverDisclosure": { "className": ["inline"] } },
2717
+ "propToVariantKeys": { "children": ["render"] },
2718
+ "runtimeConfigDefaultProps": {},
2719
+ "runtimeConfigGetStyles": {},
2120
2720
  "runtimeConfigInternalComponentProps": {},
2121
2721
  "motionVarPrefixes": []
2122
2722
  },
2123
- UDSModalConfigProvider: {
2124
- "name": "UDSModalConfigProvider",
2723
+ UDSPopoverConfigProvider: {
2724
+ "name": "UDSPopoverConfigProvider",
2125
2725
  "defaultProps": {},
2126
2726
  "getStylesLiterals": {},
2127
2727
  "cxLiterals": [],
2128
- "internalComponents": ["ModalContext.Provider"],
2728
+ "internalComponents": ["PopoverContext.Provider"],
2129
2729
  "internalComponentProps": {},
2130
2730
  "propToVariantKeys": {},
2131
2731
  "runtimeConfigDefaultProps": {},
@@ -2642,226 +3242,6 @@ var componentData_default = {
2642
3242
  "runtimeConfigGetStyles": {},
2643
3243
  "runtimeConfigInternalComponentProps": {},
2644
3244
  "motionVarPrefixes": []
2645
- },
2646
- Accordion: {
2647
- "name": "Accordion",
2648
- "defaultProps": {
2649
- "spacingHorizontal": "4",
2650
- "spacingVertical": "4"
2651
- },
2652
- "getStylesLiterals": {},
2653
- "cxLiterals": ["hover:bg-secondary/80", "w-full"],
2654
- "internalComponents": [
2655
- "Icon",
2656
- "SpringMotionConfig",
2657
- "Pressable",
2658
- "Text",
2659
- "HStack",
2660
- "AnimatePresence",
2661
- "VStack"
2662
- ],
2663
- "internalComponentProps": {
2664
- "Icon": {
2665
- "variant": ["fill"],
2666
- "size": ["sm"],
2667
- "color": ["primary"]
2668
- },
2669
- "SpringMotionConfig": {
2670
- "layoutVariant": ["smooth"],
2671
- "layoutSpeed": ["3"]
2672
- },
2673
- "Pressable": {
2674
- "display": ["flex"],
2675
- "flexDirection": ["row"],
2676
- "alignItems": ["center"],
2677
- "justifyContent": ["space-between"],
2678
- "borderRadius": ["md"]
2679
- },
2680
- "Text": {
2681
- "variant": ["title4"],
2682
- "color": ["primary"]
2683
- },
2684
- "HStack": {
2685
- "display": ["flex"],
2686
- "alignItems": ["center"],
2687
- "justifyContent": ["space-between"],
2688
- "columnGap": ["2.5"]
2689
- }
2690
- },
2691
- "propToVariantKeys": {},
2692
- "runtimeConfigDefaultProps": {},
2693
- "runtimeConfigGetStyles": {},
2694
- "runtimeConfigInternalComponentProps": {},
2695
- "motionVarPrefixes": ["--uds-motion-smooth-3-"]
2696
- },
2697
- AvoidMotionLibraryProvider: {
2698
- "name": "AvoidMotionLibraryProvider",
2699
- "defaultProps": {},
2700
- "getStylesLiterals": {},
2701
- "cxLiterals": [],
2702
- "internalComponents": [],
2703
- "internalComponentProps": {},
2704
- "propToVariantKeys": {},
2705
- "runtimeConfigDefaultProps": {},
2706
- "runtimeConfigGetStyles": {},
2707
- "runtimeConfigInternalComponentProps": {},
2708
- "motionVarPrefixes": []
2709
- },
2710
- SegmentedControl: {
2711
- "name": "SegmentedControl",
2712
- "defaultProps": { "textVariant": "label2" },
2713
- "getStylesLiterals": {
2714
- "display": "flex",
2715
- "alignItems": "center",
2716
- "backgroundColor": "primary",
2717
- "spacingVertical": "1",
2718
- "spacingHorizontal": "3",
2719
- "columnGap": "1.5",
2720
- "borderWidth": "thin",
2721
- "borderRadius": "full",
2722
- "borderColor": "muted",
2723
- "borderColor:1": "transparent",
2724
- "color": "primary",
2725
- "color:1": "tertiary",
2726
- "color:2": "muted"
2727
- },
2728
- "cxLiterals": [
2729
- "uds-ring",
2730
- "cursor-not-allowed",
2731
- "opacity-50",
2732
- "pointer-events-none",
2733
- "hover:bg-primary"
2734
- ],
2735
- "internalComponents": [
2736
- "Radio",
2737
- "Icon",
2738
- "RadioProvider",
2739
- "HStack",
2740
- "RadioGroup",
2741
- "Pressable",
2742
- "Text"
2743
- ],
2744
- "internalComponentProps": {
2745
- "Icon": {
2746
- "size": ["sm"],
2747
- "color": ["current"],
2748
- "aria-hidden": ["true"]
2749
- },
2750
- "HStack": {
2751
- "spacing": ["1"],
2752
- "gap": ["1"],
2753
- "backgroundColor": ["secondary"],
2754
- "borderRadius": ["full"],
2755
- "display": ["inline-flex"]
2756
- },
2757
- "Text": { "color": ["current"] }
2758
- },
2759
- "propToVariantKeys": {
2760
- "value": ["key"],
2761
- "label": ["aria-label"],
2762
- "textVariant": ["variant"]
2763
- },
2764
- "runtimeConfigDefaultProps": {},
2765
- "runtimeConfigGetStyles": {},
2766
- "runtimeConfigInternalComponentProps": {},
2767
- "motionVarPrefixes": []
2768
- },
2769
- SwitchV2: {
2770
- "name": "SwitchV2",
2771
- "defaultProps": {
2772
- "labelPosition": "start",
2773
- "size": "md"
2774
- },
2775
- "getStylesLiterals": {
2776
- "switchVariantRoot": "default",
2777
- "switchVariantActiveRoot": "on",
2778
- "switchVariantActiveRoot:1": "off",
2779
- "switchVariantSwitch": "default",
2780
- "switchVariantActiveSwitch": "on",
2781
- "switchVariantActiveSwitch:1": "off",
2782
- "switchVariantActiveHandle": "on",
2783
- "switchVariantActiveHandle:1": "off",
2784
- "switchVariantHandle": "default",
2785
- "switchVariantHandleIcon": "default",
2786
- "switchVariantActiveHandleIcon": "on",
2787
- "switchVariantActiveHandleIcon:1": "off"
2788
- },
2789
- "cxLiterals": [
2790
- "group",
2791
- "flex",
2792
- "items-center",
2793
- "flex-row",
2794
- "flex-row-reverse",
2795
- "uds-ring",
2796
- "uds-ring-within",
2797
- "relative",
2798
- "uds-border-radius-full",
2799
- "transition-[background-color,box-shadow]",
2800
- "pointer-events-none",
2801
- "w-full",
2802
- "h-full",
2803
- "absolute",
2804
- "top-0",
2805
- "bottom-0",
2806
- "right-0",
2807
- "left-0",
2808
- "overflow-hidden",
2809
- "group-hover:scale-105",
2810
- "opacity-95",
2811
- "group-hover:opacity-100",
2812
- "transition-[transform,opacity]",
2813
- "opacity-0",
2814
- "top-1/2",
2815
- "left-1/2",
2816
- "transform",
2817
- "translate-x-[-50%]",
2818
- "translate-y-[-50%]",
2819
- "transition-opacity",
2820
- "cursor-[inherit]",
2821
- "w-[calc(100%+2px)]",
2822
- "h-[calc(100%+2px)]",
2823
- "text-start",
2824
- "text-end",
2825
- "opacity-100"
2826
- ],
2827
- "internalComponents": [
2828
- "IconSlot",
2829
- "Box",
2830
- "FormLabel",
2831
- "SpringMotionConfig",
2832
- "RootElement",
2833
- "MotionBox"
2834
- ],
2835
- "internalComponentProps": {
2836
- "IconSlot": { "data-testid": ["on-icon", "off-icon"] },
2837
- "FormLabel": {
2838
- "as": ["div"],
2839
- "variant": ["inherit"],
2840
- "color": ["inherit"]
2841
- },
2842
- "SpringMotionConfig": {
2843
- "layoutVariant": ["bouncy"],
2844
- "layoutSpeed": ["4"]
2845
- },
2846
- "RootElement": { "data-testid": ["switch-root"] },
2847
- "MotionBox": { "layout": ["position"] }
2848
- },
2849
- "propToVariantKeys": {
2850
- "size": [
2851
- "switchSizeRoot",
2852
- "switchSizeSwitch",
2853
- "switchSizeHandle",
2854
- "switchSizeHandleIcon"
2855
- ],
2856
- "onIcon": ["icon"],
2857
- "offIcon": ["icon"],
2858
- "reduceMotion": ["reducedMotion"],
2859
- "isOn": ["layoutDependency"]
2860
- },
2861
- "runtimeConfigDefaultProps": {},
2862
- "runtimeConfigGetStyles": {},
2863
- "runtimeConfigInternalComponentProps": {},
2864
- "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
2865
3245
  }
2866
3246
  };
2867
3247
  //#endregion