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