@aws-amplify/ui-react 6.1.12 → 6.1.14

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.
@@ -32,8 +32,8 @@ function ConfirmSignUp({ className, variation, }) {
32
32
  React__default.createElement(Text, { className: "amplify-authenticator__subtitle" }, getDeliveryMessageText(codeDeliveryDetails)),
33
33
  React__default.createElement(FormFields, null),
34
34
  React__default.createElement(RemoteErrorMessage, null),
35
- React__default.createElement(Button, { variation: "primary", isDisabled: isPending, type: "submit", loadingText: getConfirmingText(), isLoading: isPending, fontWeight: "normal" }, getConfirmText()),
36
- React__default.createElement(Button, { onClick: resendCode, type: "button", fontWeight: "normal" }, getResendCodeText())),
35
+ React__default.createElement(Button, { variation: "primary", isDisabled: isPending, type: "submit", loadingText: getConfirmingText(), isLoading: isPending }, getConfirmText()),
36
+ React__default.createElement(Button, { onClick: resendCode, type: "button" }, getResendCodeText())),
37
37
  React__default.createElement(Footer, null)))));
38
38
  }
39
39
  const DefaultHeader = () => {
@@ -46,7 +46,7 @@ const FederatedSignInButton = (props) => {
46
46
  else if (icon === 'apple') {
47
47
  iconComponent = React__default.createElement(AppleIcon, null);
48
48
  }
49
- return (React__default.createElement(Button, { onClick: handleClick, className: "federated-sign-in-button", fontWeight: "normal", gap: "1rem" },
49
+ return (React__default.createElement(Button, { onClick: handleClick, className: "federated-sign-in-button", gap: "1rem" },
50
50
  iconComponent,
51
51
  React__default.createElement(Text, { as: "span" }, text)));
52
52
  };
@@ -26,8 +26,8 @@ const ForceNewPassword = ({ className, variation, }) => {
26
26
  React__default.createElement(Header, null),
27
27
  React__default.createElement(FormFields, null),
28
28
  React__default.createElement(RemoteErrorMessage, null),
29
- React__default.createElement(Button, { isDisabled: isPending, type: "submit", variation: "primary", isLoading: isPending, loadingText: getChangingText(), fontWeight: "normal" }, getChangePasswordText()),
30
- React__default.createElement(Button, { onClick: toSignIn, type: "button", fontWeight: "normal", variation: "link", size: "small" }, getBackToSignInText()),
29
+ React__default.createElement(Button, { isDisabled: isPending, type: "submit", variation: "primary", isLoading: isPending, loadingText: getChangingText() }, getChangePasswordText()),
30
+ React__default.createElement(Button, { onClick: toSignIn, type: "button", variation: "link", size: "small" }, getBackToSignInText()),
31
31
  React__default.createElement(Footer, null)))));
32
32
  };
33
33
  ForceNewPassword.FormFields = function FormFields$1() {
@@ -28,15 +28,15 @@ function SignIn() {
28
28
  React__default.createElement("legend", null, getSignInText())),
29
29
  React__default.createElement(FormFields, null)),
30
30
  React__default.createElement(RemoteErrorMessage, null),
31
- React__default.createElement(Button, { isDisabled: isPending, isFullWidth: true, type: "submit", variation: "primary", isLoading: isPending, loadingText: getSigningInText() }, getSignInText()))),
32
- React__default.createElement(Footer, null)));
31
+ React__default.createElement(Button, { isDisabled: isPending, type: "submit", variation: "primary", isLoading: isPending, loadingText: getSigningInText() }, getSignInText()),
32
+ React__default.createElement(Footer, null)))));
33
33
  }
34
34
  const DefaultFooter = () => {
35
35
  const { toForgotPassword } = useAuthenticator((context) => [
36
36
  context.toForgotPassword,
37
37
  ]);
38
38
  return (React__default.createElement(View, { "data-amplify-footer": "" },
39
- React__default.createElement(Button, { fontWeight: "normal", onClick: toForgotPassword, size: "small", variation: "link" }, getForgotPasswordText())));
39
+ React__default.createElement(Button, { onClick: toForgotPassword, size: "small", variation: "link" }, getForgotPasswordText())));
40
40
  };
41
41
  SignIn.Footer = DefaultFooter;
42
42
  SignIn.Header = function Header() {
@@ -28,8 +28,8 @@ function SignUp() {
28
28
  React__default.createElement(Flex, { direction: "column" },
29
29
  React__default.createElement(FormFields, null),
30
30
  React__default.createElement(RemoteErrorMessage, null)),
31
- React__default.createElement(Button, { isDisabled: hasValidationErrors || isPending, isFullWidth: true, type: "submit", variation: "primary", isLoading: isPending, loadingText: getCreatingAccountText() }, getCreateAccountText()))),
32
- React__default.createElement(Footer, null)));
31
+ React__default.createElement(Button, { isDisabled: hasValidationErrors || isPending, isFullWidth: true, type: "submit", variation: "primary", isLoading: isPending, loadingText: getCreatingAccountText() }, getCreateAccountText()),
32
+ React__default.createElement(Footer, null)))));
33
33
  }
34
34
  SignUp.Header = function Header() {
35
35
  // @ts-ignore
@@ -13,9 +13,9 @@ import { RouteContainer } from '../RouteContainer/RouteContainer.mjs';
13
13
 
14
14
  const { getSkipText, getVerifyText, getVerifyContactText, getAccountRecoveryInfoText, } = authenticatorTextUtil;
15
15
  const generateRadioGroup = (attributes) => {
16
- return Object.entries(attributes).map(([key, value]) => {
16
+ return Object.entries(attributes).map(([key, value], index) => {
17
17
  const verificationType = defaultFormFieldOptions[key].label;
18
- return (React__default.createElement(Radio, { name: "unverifiedAttr", value: key, key: key },
18
+ return (React__default.createElement(Radio, { name: "unverifiedAttr", value: key, key: key, defaultChecked: index === 0 },
19
19
  translate(verificationType),
20
20
  ":",
21
21
  ' ',
@@ -11,8 +11,8 @@ const ConfirmSignInFooter = () => {
11
11
  context.toSignIn,
12
12
  ]);
13
13
  return (React__default.createElement(Flex, { direction: "column" },
14
- React__default.createElement(Button, { isDisabled: isPending, type: "submit", variation: "primary", fontWeight: "normal", isLoading: isPending, loadingText: getConfirmingText() }, getConfirmText()),
15
- React__default.createElement(Button, { onClick: toSignIn, type: "button", variation: "link", fontWeight: "normal", size: "small" }, getBackToSignInText())));
14
+ React__default.createElement(Button, { isDisabled: isPending, type: "submit", variation: "primary", isLoading: isPending, loadingText: getConfirmingText() }, getConfirmText()),
15
+ React__default.createElement(Button, { onClick: toSignIn, type: "button", variation: "link", size: "small" }, getBackToSignInText())));
16
16
  };
17
17
 
18
18
  export { ConfirmSignInFooter };
@@ -28,8 +28,9 @@ const TwoButtonSubmitFooter = (props) => {
28
28
  "\u2026")) : (React__default.createElement(React__default.Fragment, null, getSubmitText()));
29
29
  const submitText = submitButtonText ?? defaultSubmitText;
30
30
  return (React__default.createElement(Flex, { direction: "column" },
31
- React__default.createElement(Button, { fontWeight: "normal", variation: "primary", isDisabled: isPending, type: "submit" }, submitText),
32
- React__default.createElement(Button, { onClick: onClick, type: "button", variation: "link", fontWeight: "normal", size: "small" }, cancelButtonText)));
31
+ React__default.createElement(Button, { variation: "primary", isDisabled: isPending, type: "submit" }, submitText),
32
+ React__default.createElement(Flex, { direction: "column", alignItems: "center" },
33
+ React__default.createElement(Button, { onClick: onClick, type: "button", variation: "link", size: "small" }, cancelButtonText))));
33
34
  };
34
35
 
35
36
  export { TwoButtonSubmitFooter };
@@ -4,7 +4,7 @@ import { View } from '../View/View.mjs';
4
4
 
5
5
  const RatingIcon = ({ icon, fill, className, }) => {
6
6
  return (React.createElement(View, { as: "span", className: ComponentClassName.RatingItem, "aria-hidden": "true" },
7
- React.createElement(View, { as: "span", className: classNames(className), color: fill }, icon)));
7
+ React.createElement(View, { as: "span", className: classNames(ComponentClassName.RatingIcon, className), color: fill }, icon)));
8
8
  };
9
9
  RatingIcon.displayName = 'RatingIcon';
10
10
 
@@ -27,7 +27,7 @@ const SearchFieldPrimitive = ({ autoComplete = 'off', className, isDisabled, cle
27
27
  const SearchButton = hasSearchButton ? (React.createElement(SearchFieldButton, { isDisabled: isDisabled, onClick: onClick, ref: searchButtonRef, size: size })) : undefined;
28
28
  const SearchIcon = hasSearchIcon ? (React.createElement(FieldGroupIcon, null,
29
29
  React.createElement(IconSearch, null))) : undefined;
30
- return (React.createElement(TextField, { autoComplete: autoComplete, className: classNames(ComponentClassName.SearchField, className), labelHidden: labelHidden, innerStartComponent: SearchIcon, innerEndComponent: React.createElement(FieldClearButton, { ariaLabel: clearButtonLabel, excludeFromTabOrder: true, isVisible: !isDisabled && strHasLength(composedValue), onClick: onClearHandler, size: size, variation: "link" }), isDisabled: isDisabled, name: name, onChange: handleOnChange, onKeyDown: onKeyDown, outerEndComponent: SearchButton, ref: composedRefs, size: size, value: composedValue, ...rest }));
30
+ return (React.createElement(TextField, { autoComplete: autoComplete, className: classNames(ComponentClassName.SearchField, className), labelHidden: labelHidden, innerStartComponent: SearchIcon, innerEndComponent: React.createElement(FieldClearButton, { ariaLabel: clearButtonLabel, isVisible: !isDisabled && strHasLength(composedValue), onClick: onClearHandler, size: size, variation: "link" }), isDisabled: isDisabled, name: name, onChange: handleOnChange, onKeyDown: onKeyDown, outerEndComponent: SearchButton, ref: composedRefs, size: size, value: composedValue, ...rest }));
31
31
  };
32
32
  /**
33
33
  * [📖 Docs](https://ui.docs.amplify.aws/react/components/searchfield)
@@ -1,3 +1,3 @@
1
- const VERSION = '6.1.12';
1
+ const VERSION = '6.1.14';
2
2
 
3
3
  export { VERSION };
package/dist/index.js CHANGED
@@ -553,7 +553,7 @@ const SearchFieldPrimitive = ({ autoComplete = 'off', className, isDisabled, cle
553
553
  const SearchButton = hasSearchButton ? (React__namespace.createElement(SearchFieldButton, { isDisabled: isDisabled, onClick: onClick, ref: searchButtonRef, size: size })) : undefined;
554
554
  const SearchIcon = hasSearchIcon ? (React__namespace.createElement(Field.FieldGroupIcon, null,
555
555
  React__namespace.createElement(Field.IconSearch, null))) : undefined;
556
- return (React__namespace.createElement(TextField, { autoComplete: autoComplete, className: ui.classNames(ui.ComponentClassName.SearchField, className), labelHidden: labelHidden, innerStartComponent: SearchIcon, innerEndComponent: React__namespace.createElement(Field.FieldClearButton, { ariaLabel: clearButtonLabel, excludeFromTabOrder: true, isVisible: !isDisabled && Field.strHasLength(composedValue), onClick: onClearHandler, size: size, variation: "link" }), isDisabled: isDisabled, name: name, onChange: handleOnChange, onKeyDown: onKeyDown, outerEndComponent: SearchButton, ref: composedRefs, size: size, value: composedValue, ...rest }));
556
+ return (React__namespace.createElement(TextField, { autoComplete: autoComplete, className: ui.classNames(ui.ComponentClassName.SearchField, className), labelHidden: labelHidden, innerStartComponent: SearchIcon, innerEndComponent: React__namespace.createElement(Field.FieldClearButton, { ariaLabel: clearButtonLabel, isVisible: !isDisabled && Field.strHasLength(composedValue), onClick: onClearHandler, size: size, variation: "link" }), isDisabled: isDisabled, name: name, onChange: handleOnChange, onKeyDown: onKeyDown, outerEndComponent: SearchButton, ref: composedRefs, size: size, value: composedValue, ...rest }));
557
557
  };
558
558
  /**
559
559
  * [📖 Docs](https://ui.docs.amplify.aws/react/components/searchfield)
@@ -1656,7 +1656,7 @@ const isIconMixed = (currentIconIndex, ratingValue) => {
1656
1656
 
1657
1657
  const RatingIcon = ({ icon, fill, className, }) => {
1658
1658
  return (React__namespace.createElement(Field.View, { as: "span", className: ui.ComponentClassName.RatingItem, "aria-hidden": "true" },
1659
- React__namespace.createElement(Field.View, { as: "span", className: ui.classNames(className), color: fill }, icon)));
1659
+ React__namespace.createElement(Field.View, { as: "span", className: ui.classNames(ui.ComponentClassName.RatingIcon, className), color: fill }, icon)));
1660
1660
  };
1661
1661
  RatingIcon.displayName = 'RatingIcon';
1662
1662
 
@@ -2383,7 +2383,7 @@ const defaultDeleteUserDisplayText = {
2383
2383
  warningText: 'Deleting your account is not reversible. You will lose access to your account and all data associated with it.',
2384
2384
  };
2385
2385
 
2386
- const VERSION = '6.1.12';
2386
+ const VERSION = '6.1.14';
2387
2387
 
2388
2388
  const logger$2 = ui.getLogger('AccountSettings');
2389
2389
  const getIsDisabled = (formValues, validationError) => {
@@ -2744,8 +2744,8 @@ function ConfirmSignUp({ className, variation, }) {
2744
2744
  React__default["default"].createElement(Field.Text, { className: "amplify-authenticator__subtitle" }, getDeliveryMessageText(codeDeliveryDetails)),
2745
2745
  React__default["default"].createElement(FormFields, null),
2746
2746
  React__default["default"].createElement(RemoteErrorMessage, null),
2747
- React__default["default"].createElement(Field.Button, { variation: "primary", isDisabled: isPending, type: "submit", loadingText: getConfirmingText$1(), isLoading: isPending, fontWeight: "normal" }, getConfirmText$1()),
2748
- React__default["default"].createElement(Field.Button, { onClick: resendCode, type: "button", fontWeight: "normal" }, getResendCodeText$1())),
2747
+ React__default["default"].createElement(Field.Button, { variation: "primary", isDisabled: isPending, type: "submit", loadingText: getConfirmingText$1(), isLoading: isPending }, getConfirmText$1()),
2748
+ React__default["default"].createElement(Field.Button, { onClick: resendCode, type: "button" }, getResendCodeText$1())),
2749
2749
  React__default["default"].createElement(Footer, null)))));
2750
2750
  }
2751
2751
  const DefaultHeader = () => {
@@ -2776,8 +2776,8 @@ const ForceNewPassword = ({ className, variation, }) => {
2776
2776
  React__default["default"].createElement(Header, null),
2777
2777
  React__default["default"].createElement(FormFields, null),
2778
2778
  React__default["default"].createElement(RemoteErrorMessage, null),
2779
- React__default["default"].createElement(Field.Button, { isDisabled: isPending, type: "submit", variation: "primary", isLoading: isPending, loadingText: getChangingText(), fontWeight: "normal" }, getChangePasswordText()),
2780
- React__default["default"].createElement(Field.Button, { onClick: toSignIn, type: "button", fontWeight: "normal", variation: "link", size: "small" }, getBackToSignInText$2()),
2779
+ React__default["default"].createElement(Field.Button, { isDisabled: isPending, type: "submit", variation: "primary", isLoading: isPending, loadingText: getChangingText() }, getChangePasswordText()),
2780
+ React__default["default"].createElement(Field.Button, { onClick: toSignIn, type: "button", variation: "link", size: "small" }, getBackToSignInText$2()),
2781
2781
  React__default["default"].createElement(Footer, null)))));
2782
2782
  };
2783
2783
  ForceNewPassword.FormFields = function FormFields$1() {
@@ -2797,8 +2797,8 @@ const ConfirmSignInFooter = () => {
2797
2797
  context.toSignIn,
2798
2798
  ]);
2799
2799
  return (React__default["default"].createElement(Field.Flex, { direction: "column" },
2800
- React__default["default"].createElement(Field.Button, { isDisabled: isPending, type: "submit", variation: "primary", fontWeight: "normal", isLoading: isPending, loadingText: getConfirmingText() }, getConfirmText()),
2801
- React__default["default"].createElement(Field.Button, { onClick: toSignIn, type: "button", variation: "link", fontWeight: "normal", size: "small" }, getBackToSignInText$1())));
2800
+ React__default["default"].createElement(Field.Button, { isDisabled: isPending, type: "submit", variation: "primary", isLoading: isPending, loadingText: getConfirmingText() }, getConfirmText()),
2801
+ React__default["default"].createElement(Field.Button, { onClick: toSignIn, type: "button", variation: "link", size: "small" }, getBackToSignInText$1())));
2802
2802
  };
2803
2803
 
2804
2804
  const logger = new utils.ConsoleLogger('SetupTotp-logger');
@@ -2886,8 +2886,9 @@ const TwoButtonSubmitFooter = (props) => {
2886
2886
  "\u2026")) : (React__default["default"].createElement(React__default["default"].Fragment, null, getSubmitText()));
2887
2887
  const submitText = submitButtonText ?? defaultSubmitText;
2888
2888
  return (React__default["default"].createElement(Field.Flex, { direction: "column" },
2889
- React__default["default"].createElement(Field.Button, { fontWeight: "normal", variation: "primary", isDisabled: isPending, type: "submit" }, submitText),
2890
- React__default["default"].createElement(Field.Button, { onClick: onClick, type: "button", variation: "link", fontWeight: "normal", size: "small" }, cancelButtonText)));
2889
+ React__default["default"].createElement(Field.Button, { variation: "primary", isDisabled: isPending, type: "submit" }, submitText),
2890
+ React__default["default"].createElement(Field.Flex, { direction: "column", alignItems: "center" },
2891
+ React__default["default"].createElement(Field.Button, { onClick: onClick, type: "button", variation: "link", size: "small" }, cancelButtonText))));
2891
2892
  };
2892
2893
 
2893
2894
  const AppleIcon = () => {
@@ -2929,7 +2930,7 @@ const FederatedSignInButton = (props) => {
2929
2930
  else if (icon === 'apple') {
2930
2931
  iconComponent = React__default["default"].createElement(AppleIcon, null);
2931
2932
  }
2932
- return (React__default["default"].createElement(Field.Button, { onClick: handleClick, className: "federated-sign-in-button", fontWeight: "normal", gap: "1rem" },
2933
+ return (React__default["default"].createElement(Field.Button, { onClick: handleClick, className: "federated-sign-in-button", gap: "1rem" },
2933
2934
  iconComponent,
2934
2935
  React__default["default"].createElement(Field.Text, { as: "span" }, text)));
2935
2936
  };
@@ -2977,15 +2978,15 @@ function SignIn() {
2977
2978
  React__default["default"].createElement("legend", null, getSignInText())),
2978
2979
  React__default["default"].createElement(FormFields, null)),
2979
2980
  React__default["default"].createElement(RemoteErrorMessage, null),
2980
- React__default["default"].createElement(Field.Button, { isDisabled: isPending, isFullWidth: true, type: "submit", variation: "primary", isLoading: isPending, loadingText: getSigningInText() }, getSignInText()))),
2981
- React__default["default"].createElement(Footer, null)));
2981
+ React__default["default"].createElement(Field.Button, { isDisabled: isPending, type: "submit", variation: "primary", isLoading: isPending, loadingText: getSigningInText() }, getSignInText()),
2982
+ React__default["default"].createElement(Footer, null)))));
2982
2983
  }
2983
2984
  const DefaultFooter = () => {
2984
2985
  const { toForgotPassword } = uiReactCore.useAuthenticator((context) => [
2985
2986
  context.toForgotPassword,
2986
2987
  ]);
2987
2988
  return (React__default["default"].createElement(Field.View, { "data-amplify-footer": "" },
2988
- React__default["default"].createElement(Field.Button, { fontWeight: "normal", onClick: toForgotPassword, size: "small", variation: "link" }, getForgotPasswordText())));
2989
+ React__default["default"].createElement(Field.Button, { onClick: toForgotPassword, size: "small", variation: "link" }, getForgotPasswordText())));
2989
2990
  };
2990
2991
  SignIn.Footer = DefaultFooter;
2991
2992
  SignIn.Header = function Header() {
@@ -3011,8 +3012,8 @@ function SignUp() {
3011
3012
  React__default["default"].createElement(Field.Flex, { direction: "column" },
3012
3013
  React__default["default"].createElement(FormFields, null),
3013
3014
  React__default["default"].createElement(RemoteErrorMessage, null)),
3014
- React__default["default"].createElement(Field.Button, { isDisabled: hasValidationErrors || isPending, isFullWidth: true, type: "submit", variation: "primary", isLoading: isPending, loadingText: getCreatingAccountText() }, getCreateAccountText()))),
3015
- React__default["default"].createElement(Footer, null)));
3015
+ React__default["default"].createElement(Field.Button, { isDisabled: hasValidationErrors || isPending, isFullWidth: true, type: "submit", variation: "primary", isLoading: isPending, loadingText: getCreatingAccountText() }, getCreateAccountText()),
3016
+ React__default["default"].createElement(Footer, null)))));
3016
3017
  }
3017
3018
  SignUp.Header = function Header() {
3018
3019
  // @ts-ignore
@@ -3069,9 +3070,9 @@ ConfirmVerifyUser.Footer = function Footer() {
3069
3070
 
3070
3071
  const { getSkipText, getVerifyText, getVerifyContactText, getAccountRecoveryInfoText, } = ui.authenticatorTextUtil;
3071
3072
  const generateRadioGroup = (attributes) => {
3072
- return Object.entries(attributes).map(([key, value]) => {
3073
+ return Object.entries(attributes).map(([key, value], index) => {
3073
3074
  const verificationType = ui.defaultFormFieldOptions[key].label;
3074
- return (React__default["default"].createElement(Radio, { name: "unverifiedAttr", value: key, key: key },
3075
+ return (React__default["default"].createElement(Radio, { name: "unverifiedAttr", value: key, key: key, defaultChecked: index === 0 },
3075
3076
  ui.translate(verificationType),
3076
3077
  ":",
3077
3078
  ' ',
@@ -1,5 +1,5 @@
1
1
  .amplify-rating {
2
- display: inline-flex;
2
+ display: flex;
3
3
  position: relative;
4
4
  text-align: left;
5
5
  font-size: var(--amplify-components-rating-default-size);
@@ -1,6 +1,6 @@
1
1
  @layer amplify.components {
2
2
  .amplify-rating {
3
- display: inline-flex;
3
+ display: flex;
4
4
  position: relative;
5
5
  text-align: left;
6
6
  font-size: var(--amplify-components-rating-default-size);
package/dist/styles.css CHANGED
@@ -4682,7 +4682,7 @@ html[dir=rtl] .amplify-field-group__inner-start {
4682
4682
  }
4683
4683
 
4684
4684
  .amplify-rating {
4685
- display: inline-flex;
4685
+ display: flex;
4686
4686
  position: relative;
4687
4687
  text-align: left;
4688
4688
  font-size: var(--amplify-components-rating-default-size);
@@ -4683,7 +4683,7 @@ html[dir=rtl] .amplify-field-group__inner-start {
4683
4683
  }
4684
4684
 
4685
4685
  .amplify-rating {
4686
- display: inline-flex;
4686
+ display: flex;
4687
4687
  position: relative;
4688
4688
  text-align: left;
4689
4689
  font-size: var(--amplify-components-rating-default-size);
@@ -1 +1 @@
1
- export declare const VERSION = "6.1.12";
1
+ export declare const VERSION = "6.1.14";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@aws-amplify/ui-react",
3
- "version": "6.1.12",
3
+ "version": "6.1.14",
4
4
  "main": "dist/index.js",
5
5
  "module": "dist/esm/index.mjs",
6
6
  "exports": {
@@ -49,8 +49,8 @@
49
49
  "typecheck": "tsc --noEmit"
50
50
  },
51
51
  "dependencies": {
52
- "@aws-amplify/ui": "6.0.16",
53
- "@aws-amplify/ui-react-core": "3.0.16",
52
+ "@aws-amplify/ui": "6.0.17",
53
+ "@aws-amplify/ui-react-core": "3.0.17",
54
54
  "@radix-ui/react-direction": "1.0.0",
55
55
  "@radix-ui/react-dropdown-menu": "1.0.0",
56
56
  "@radix-ui/react-slider": "1.0.0",