@yahoo/uds 3.122.0 → 3.122.2

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