@aws-amplify/ui-react 2.19.1 → 3.0.1

package/dist/types/primitives/types/textArea.d.ts

@@ -4,46 +4,58 @@ import { Sizes } from './base';
 import { FieldVariations } from './field';
 import { ViewProps } from './view';
 export interface TextAreaStyleProps {
+    /**
+     * @description
+     * Defines if (and how) an element is resizable by the user
+     */
     resize?: Property.Resize;
 }
 export interface TextAreaProps extends TextAreaStyleProps, ViewProps {
     /**
+     * @description
      * Specifies permissions for browser UA to autocomplete field
-     * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete
+     * @see [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete)
      */
     autoComplete?: string;
     /**
+     * @description
      * Use this to provide a default value for an uncontrolled field
      */
     defaultValue?: React.AllHTMLAttributes<'textarea'>['defaultValue'];
     /**
+     * @description
      * Indicates that Field is in error state
      */
     hasError?: boolean;
     /**
+     * @description
      *  Determines whether field should be disabled
      * @default false
      */
     isDisabled?: boolean;
     /**
-     * Determines whether field should be immutable
-     * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-readonly
+     * @description
+     * @see [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-readonly)
      * @default false
      */
     isReadOnly?: boolean;
     /**
+     * @description
      * Whether field should be marked required
      */
     isRequired?: boolean;
     /**
+     * @description
      * Text contents maximum length
      */
     maxLength?: number;
     /**
+     * @description
      * Name of the field. Submitted with the form as part of a name/value pair.
      */
     name?: string;
     /**
+     * @description
      * Placeholder text shown when field is empty
      * Accessibility tip: avoid putting important instructions for
      * filling out the TextField in the placeholder. Use descriptiveText
@@ -51,18 +63,22 @@ export interface TextAreaProps extends TextAreaStyleProps, ViewProps {
      */
     placeholder?: string;
     /**
+     * @description
      * Controls height based on number of rows of text to display
      */
     rows?: number;
     /**
+     * @description
      * Changes the font-size, padding, and height of the field.
      */
     size?: Sizes;
     /**
+     * @description
      * If value is provided, this will be a controlled field
      */
     value?: React.AllHTMLAttributes<'textarea'>['value'];
     /**
+     * @description
      * Variants
      */
     variation?: FieldVariations;

package/dist/types/primitives/types/textField.d.ts

@@ -5,22 +5,27 @@ import { FieldProps } from './field';
 import { TextAreaProps } from './textArea';
 export interface TextFieldOptions extends FieldProps, FlexContainerStyleProps {
     /**
+     * @description
      * Component(s) to show after input
      */
     outerEndComponent?: React.ReactNode;
     /**
+     * @description
      * Component(s) to show before input
      */
     outerStartComponent?: React.ReactNode;
     /**
+     * @description
      * FieldGroupIconButton component to show inside of input at start
      */
     innerStartComponent?: React.ReactNode;
     /**
+     * @description
      * FieldGroupIconButton component to show inside of input at end
      */
     innerEndComponent?: React.ReactNode;
     /**
+     * @description
      * Input field type (only applies when isMultiline = false)
      */
     type?: InputProps['type'];

package/dist/types/primitives/types/theme.d.ts

@@ -0,0 +1,84 @@
+import type { FontSizes, FontWeights, LineHeights, Radii, Shadows, SpaceSizes } from '@aws-amplify/ui';
+/**
+ * Token keys for colors
+ *
+ * Though both 'white' and 'black' are valid CSS values
+ * We still want to define them as keys here and convert them into CSS variable reference afterwards
+ * This will make the default dark mode override work, where we flip these two
+ */
+declare type WhiteKey = 'white';
+declare type BlackKey = 'black';
+declare type RedKeys = 'red.10' | 'red.20' | 'red.40' | 'red.60' | 'red.80' | 'red.90' | 'red.100';
+declare type OrangeKeys = 'orange.10' | 'orange.20' | 'orange.40' | 'orange.60' | 'orange.80' | 'orange.90' | 'orange.100';
+declare type YellowKeys = 'yellow.10' | 'yellow.20' | 'yellow.40' | 'yellow.60' | 'yellow.80' | 'yellow.90' | 'yellow.100';
+declare type GreenKeys = 'green.10' | 'green.20' | 'green.40' | 'green.60' | 'green.80' | 'green.90' | 'green.100';
+declare type TealKeys = 'teal.10' | 'teal.20' | 'teal.40' | 'teal.60' | 'teal.80' | 'teal.90' | 'teal.100';
+declare type BlueKeys = 'blue.10' | 'blue.20' | 'blue.40' | 'blue.60' | 'blue.80' | 'blue.90' | 'blue.100';
+declare type PurpleKeys = 'purple.10' | 'purple.20' | 'purple.40' | 'purple.60' | 'purple.80' | 'purple.90' | 'purple.100';
+declare type PinkKeys = 'pink.10' | 'pink.20' | 'pink.40' | 'pink.60' | 'pink.80' | 'pink.90' | 'pink.100';
+declare type NeutralKeys = 'neutral.10' | 'neutral.20' | 'neutral.40' | 'neutral.60' | 'neutral.80' | 'neutral.90' | 'neutral.100';
+declare type OverlayKeys = 'overlay.10' | 'overlay.20' | 'overlay.30' | 'overlay.40' | 'overlay.50' | 'overlay.60' | 'overlay.70' | 'overlay.80' | 'overlay.90';
+declare type BrandColorKeys = 'brand.primary.10' | 'brand.primary.20' | 'brand.primary.40' | 'brand.primary.60' | 'brand.primary.80' | 'brand.primary.90' | 'brand.primary.100' | 'brand.secondary.10' | 'brand.secondary.20' | 'brand.secondary.40' | 'brand.secondary.60' | 'brand.secondary.80' | 'brand.secondary.90' | 'brand.secondary.100';
+declare type FontColorKeys = 'font.primary' | 'font.secondary' | 'font.tertiary' | 'font.disabled' | 'font.inverse' | 'font.interactive' | 'font.hover' | 'font.focus' | 'font.active' | 'font.success' | 'font.info' | 'font.warning' | 'font.error';
+declare type BackgroundColorKeys = 'background.primary' | 'background.secondary' | 'background.tertiary' | 'background.quaternary' | 'background.disabled' | 'background.success' | 'background.info' | 'background.warning' | 'background.error';
+declare type BorderColorKeys = 'border.primary' | 'border.secondary' | 'border.tertiary' | 'border.disabled' | 'border.focus' | 'border.pressed' | 'border.error';
+declare type ShadowColorKeys = 'shadow.primary' | 'shadow.secondary' | 'shadow.tertiary';
+export declare type ColorKeys<PropertyType> = PropertyType | WhiteKey | BlackKey | RedKeys | OrangeKeys | YellowKeys | GreenKeys | TealKeys | BlueKeys | PurpleKeys | PinkKeys | NeutralKeys | OverlayKeys | BrandColorKeys | FontColorKeys | BackgroundColorKeys | BorderColorKeys | ShadowColorKeys;
+export declare type BoxShadowKeys<PropertyType> = PropertyType | keyof Shadows;
+export declare type FontSizeKeys<PropertyType> = PropertyType | keyof FontSizes;
+export declare type FontWeightKeys<PropertyType> = PropertyType | keyof FontWeights;
+export declare type FontFamilyKeys<PropertyType> = PropertyType | 'default.variable' | 'default.static';
+export declare type LineHeightKeys<PropertyType> = PropertyType | keyof LineHeights;
+export declare type OpacityKeys<PropertyType> = PropertyType | '0' | '10' | '20' | '30' | '40' | '50' | '60' | '70' | '80' | '90' | '100';
+export declare type RadiiKeys<PropertyType> = PropertyType | keyof Radii;
+export declare type SpaceKeys<PropertyType> = PropertyType | keyof SpaceSizes | 'zero' | 'relative.xxxs' | 'relative.xxs' | 'relative.xs' | 'relative.small' | 'relative.medium' | 'relative.large' | 'relative.xl' | 'relative.xxl' | 'relative.xxxl' | 'relative.full';
+export declare type TransformKeys<PropertyType> = PropertyType | 'slideX.small' | 'slideX.medium' | 'slideX.large';
+export declare const stylePropsToThemeKeys: {
+    backgroundColor: string;
+    color: string;
+    borderRadius: string;
+    fontSize: string;
+    fontWeight: string;
+    fontFamily: string;
+    lineHeight: string;
+    opacity: string;
+    boxShadow: string;
+    transform: string;
+    left: string;
+    right: string;
+    top: string;
+    bottom: string;
+    height: string;
+    width: string;
+    letterSpacing: string;
+    margin: string;
+    marginBlock: string;
+    marginBlockEnd: string;
+    marginBlockStart: string;
+    marginInline: string;
+    marginInlineEnd: string;
+    marginInlineStart: string;
+    marginLeft: string;
+    marginRight: string;
+    marginTop: string;
+    marginBottom: string;
+    maxHeight: string;
+    maxWidth: string;
+    minHeight: string;
+    minWidth: string;
+    padding: string;
+    paddingBlock: string;
+    paddingBlockEnd: string;
+    paddingBlockStart: string;
+    paddingInline: string;
+    paddingInlineEnd: string;
+    paddingInlineStart: string;
+    paddingLeft: string;
+    paddingRight: string;
+    paddingTop: string;
+    paddingBottom: string;
+    gap: string;
+    columnGap: string;
+    rowGap: string;
+};
+export {};

package/dist/types/primitives/types/toggleButton.d.ts

@@ -1,7 +1,23 @@
 import { ButtonProps } from './button';
 export interface ToggleButtonProps extends ButtonProps {
+    /**
+     * @description
+     * Controls the selected state of the ToggleButton
+     */
     value?: string;
+    /**
+     * @description
+     * Controls the `isPressed` state of the ToggleButton when using it as a controlled component
+     */
     isPressed?: boolean;
+    /**
+     * @description
+     * When `true`, sets the `isPressed` state of the ToggleButton to `true` on initial render
+     */
     defaultPressed?: boolean;
+    /**
+     * @description
+     * Handles changes to the current value when using the ToggleButton as a controlled component
+     */
     onChange?: (value: string) => void;
 }

package/dist/types/primitives/types/toggleButtonGroup.d.ts

@@ -2,9 +2,29 @@ import * as React from 'react';
 import { FlexProps } from './flex';
 import { ToggleButtonProps } from './toggleButton';
 export interface ToggleButtonGroupProps extends FlexProps, Pick<ToggleButtonProps, 'size' | 'variation'> {
+    /**
+     * @description
+     * Accepts any number of ToggleButton components
+     */
     children: React.ReactNode;
+    /**
+     * @description
+     * When `true`, only allows one ToggleButton to be pressed at a time within a ToggleButtonGroup
+     */
     isExclusive?: boolean;
+    /**
+     * @description
+     * Used when at least one ToggleButton needs to be currently pressed
+     */
     isSelectionRequired?: boolean;
+    /**
+     * @description
+     * Controls which of its ToggleButton children are currently selected
+     */
     value: string | string[];
+    /**
+     * @description
+     * Handles changes to the current value when using the ToggleButtonGroup as a controlled component
+     */
     onChange: (value: string | string[]) => void;
 }

package/dist/types/primitives/types/view.d.ts

@@ -4,26 +4,50 @@ import { BaseStyleProps } from './style';
 declare type MergeProps<A, B> = A & Omit<B, keyof A>;
 export declare type ElementType = React.FC<any> | keyof JSX.IntrinsicElements;
 /**
+ * @description
  * Convert string element type to DOMElement Type
  * e.g. 'button' => HTMLButtonElement
  */
 export declare type HTMLElementType<Element extends ElementType> = Element extends keyof JSX.IntrinsicElements ? React.ElementRef<Element> : HTMLElementTypeFromExoticComponentRef<Element>;
 /**
+ * @description
  * Allows us to extract ElementType from `typeof Root` used in SliderField
  * e.g. React.ForwardRefExoticComponent<SliderProps & React.RefAttributes<HTMLSpanElement>> => HTMLSpanElement
  */
 declare type HTMLElementTypeFromExoticComponentRef<Element extends ElementType> = Element extends React.ForwardRefExoticComponent<React.RefAttributes<infer DOMHTMLElement>> ? DOMHTMLElement : HTMLElement;
 export declare type ElementProps<Element extends ElementType> = Element extends keyof JSX.IntrinsicElements ? JSX.IntrinsicElements[Element] : Element extends React.FC<infer ComponentProps> ? ComponentProps : never;
 export declare type PrimitiveProps<Props extends ViewProps, Element extends ElementType> = MergeProps<Omit<Props, 'as'> & {
+    /**
+     * @description
+     * Changes the type of HTML element rendered
+     */
     as?: Element | Props['as'];
 }, Omit<ElementProps<Element>, 'ref'>>;
 export declare type PrimitivePropsWithRef<Props extends ViewProps, Element extends ElementType> = PrimitiveProps<Props, Element> & {
+    /**
+     * @description
+     * References a DOM element from within a parent component
+     */
     ref?: React.Ref<HTMLElementType<Element>>;
 };
 export declare type Primitive<Props extends ViewProps, Element extends ElementType> = React.ForwardRefRenderFunction<HTMLElementType<Element>, PrimitivePropsWithRef<Props, Element>>;
 export interface ViewProps extends BaseComponentProps, BaseStyleProps, AriaProps {
+    /**
+     * @description
+     * Changes the type of HTML element rendered
+     */
     as?: ElementType;
+    /**
+     * @description
+     * Sets the Boolean `disabled` HTML attribute, which, when present, makes the element not mutable, focusable, or even submitted with the form
+     */
     isDisabled?: boolean;
+    /**
+     * @description
+     * Accepts a JavaScript object with camelCased properties rather than a CSS string.
+     * This is consistent with the DOM style JavaScript property, is more efficient, and prevents XSS security holes.
+     * [React docs]{@link https://reactjs.org/docs/dom-elements.html#style}
+     */
     style?: React.CSSProperties;
 }
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aws-amplify/ui-react",
-  "version": "2.19.1",
+  "version": "3.0.1",
   "main": "dist/index.js",
   "module": "dist/esm/index.js",
   "exports": {
@@ -59,7 +59,7 @@
     "size": "yarn run size-limit"
   },
   "dependencies": {
-    "@aws-amplify/ui": "3.10.0",
+    "@aws-amplify/ui": "3.11.1",
     "@aws-amplify/ui-react-v1": "npm:@aws-amplify/ui-react@1.2.9",
     "@radix-ui/react-accordion": "0.1.6",
     "@radix-ui/react-dropdown-menu": "0.1.6",
@@ -69,7 +69,7 @@
     "classnames": "2.3.1",
     "deepmerge": "4.2.2",
     "lodash": "4.17.21",
-    "mapbox-gl": "npm:empty-npm-package@1.0.0",
+    "mapbox-gl": "1.13.1",
     "maplibre-gl": "1.15.3",
     "maplibre-gl-js-amplify": "1.5.0",
     "qrcode": "1.5.0",
@@ -94,9 +94,9 @@
     "@testing-library/react": "^12.0.0",
     "@testing-library/react-hooks": "^7.0.1",
     "@testing-library/user-event": "^13.2.1",
-    "@types/react": "^17.0.2",
     "@types/jest": "^26.0.23",
     "@types/qrcode": "^1.4.2",
+    "@types/react": "^17.0.2",
     "@types/testing-library__jest-dom": "^5.14.1",
     "@typescript-eslint/eslint-plugin": "^5.20.0",
     "@typescript-eslint/parser": "^5.20.0",

package/dist/esm/primitives/Icon/icons/Icon360.js

@@ -1 +0,0 @@
-import{__rest as e}from"../../../node_modules/tslib/tslib.es6.js";import{jsx as s}from"react/jsx-runtime";import t from"classnames";import{ComponentClassNames as o}from"../../shared/constants.js";import{View as r}from"../../View/View.js";import{useDeprecationWarning as i}from"../../../hooks/useDeprecationWarning.js";const a=a=>{const{className:n}=a,c=e(a,["className"]);return i({shouldWarn:!0,message:"Built-in icons are being deprecated in the next major release. You can use the react-icons (https://react-icons.github.io/react-icons) package with the Material Icon set in place of these icons or any other React Icon library.\nimport { Icon360 } from '@aws-amplify/ui-react'; → import { Md360 } from 'react-icons/md';"}),s(r,Object.assign({as:"span",width:"1em",height:"1em",className:t(o.Icon,n)},c,{children:s("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:s("path",{d:"M12 7C6.48 7 2 9.24 2 12C2 14.24 4.94 16.13 9 16.77V20L13 16L9 12V14.73C5.85 14.17 4 12.83 4 12C4 10.94 7.04 9 12 9C16.96 9 20 10.94 20 12C20 12.73 18.54 13.89 16 14.53V16.58C19.53 15.81 22 14.05 22 12C22 9.24 17.52 7 12 7V7Z",fill:"currentColor"})}))}))};export{a as Icon360};

package/dist/esm/primitives/Icon/icons/Icon3dRotation.js

@@ -1 +0,0 @@
-import{__rest as C}from"../../../node_modules/tslib/tslib.es6.js";import{jsx as e}from"react/jsx-runtime";import t from"classnames";import{ComponentClassNames as o}from"../../shared/constants.js";import{View as s}from"../../View/View.js";import{useDeprecationWarning as i}from"../../../hooks/useDeprecationWarning.js";const r=r=>{const{className:a}=r,n=C(r,["className"]);return i({shouldWarn:!0,message:"Built-in icons are being deprecated in the next major release. You can use the react-icons (https://react-icons.github.io/react-icons) package with the Material Icon set in place of these icons or any other React Icon library.\nimport { Icon3dRotation } from '@aws-amplify/ui-react'; → import { Md3dRotation } from 'react-icons/md';"}),e(s,Object.assign({as:"span",width:"1em",height:"1em",className:t(o.Icon,a)},n,{children:e("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:e("path",{d:"M7.53 21.48C4.26 19.94 1.92 16.76 1.56 13H0.0599995C0.569999 19.16 5.72 24 12.01 24L12.67 23.97L8.86 20.16L7.53 21.48V21.48ZM8.42 14.96C8.23 14.96 8.05 14.93 7.9 14.88C7.74 14.82 7.61 14.75 7.5 14.64C7.39 14.54 7.3 14.42 7.24 14.27C7.18 14.13 7.15 13.97 7.15 13.8H5.85C5.85 14.16 5.92 14.48 6.06 14.75C6.2 15.02 6.39 15.25 6.62 15.44C6.86 15.62 7.13 15.76 7.44 15.85C7.74 15.95 8.06 16 8.4 16C8.77 16 9.12 15.95 9.43 15.85C9.75 15.75 10.03 15.6 10.26 15.41C10.49 15.22 10.68 14.98 10.81 14.69C10.94 14.4 11.01 14.08 11.01 13.72C11.01 13.53 10.99 13.34 10.94 13.16C10.89 12.98 10.82 12.81 10.71 12.65C10.61 12.49 10.47 12.35 10.31 12.22C10.14 12.09 9.94 11.99 9.7 11.91C9.9 11.82 10.07 11.71 10.22 11.58C10.37 11.45 10.49 11.31 10.59 11.16C10.69 11.01 10.76 10.86 10.81 10.7C10.86 10.54 10.88 10.38 10.88 10.22C10.88 9.86 10.82 9.54 10.7 9.26C10.58 8.98 10.41 8.75 10.19 8.57C9.99 8.38 9.72 8.24 9.42 8.14C9.11 8.05 8.77 8 8.4 8C8.04 8 7.71 8.05 7.4 8.16C7.1 8.27 6.83 8.42 6.61 8.61C6.4 8.8 6.23 9.02 6.1 9.28C5.98 9.54 5.92 9.82 5.92 10.13H7.22C7.22 9.96 7.25 9.81 7.31 9.68C7.37 9.55 7.45 9.43 7.56 9.34C7.67 9.25 7.79 9.17 7.94 9.12C8.09 9.07 8.24 9.04 8.42 9.04C8.82 9.04 9.12 9.14 9.31 9.35C9.5 9.55 9.6 9.84 9.6 10.21C9.6 10.39 9.57 10.55 9.52 10.7C9.47 10.85 9.38 10.97 9.27 11.07C9.16 11.17 9.02 11.25 8.86 11.31C8.7 11.37 8.5 11.4 8.28 11.4H7.51V12.43H8.28C8.5 12.43 8.7 12.45 8.88 12.5C9.06 12.55 9.21 12.63 9.33 12.73C9.45 12.84 9.55 12.97 9.62 13.13C9.69 13.29 9.72 13.48 9.72 13.7C9.72 14.11 9.6 14.42 9.37 14.63C9.14 14.86 8.82 14.96 8.42 14.96V14.96ZM16.97 9.04C16.65 8.71 16.27 8.45 15.83 8.27C15.39 8.09 14.9 8 14.36 8H12V16H14.3C14.85 16 15.36 15.91 15.81 15.73C16.26 15.55 16.65 15.3 16.97 14.97C17.29 14.64 17.54 14.24 17.71 13.78C17.88 13.31 17.97 12.79 17.97 12.21V11.81C17.97 11.23 17.88 10.71 17.71 10.24C17.54 9.77 17.29 9.37 16.97 9.04ZM16.58 12.2C16.58 12.62 16.53 12.99 16.44 13.33C16.34 13.66 16.2 13.95 16.01 14.18C15.82 14.41 15.58 14.59 15.3 14.71C15.01 14.83 14.68 14.89 14.31 14.89H13.4V9.12H14.37C15.09 9.12 15.64 9.35 16.01 9.81C16.39 10.27 16.58 10.93 16.58 11.8V12.2V12.2ZM12.01 0L11.35 0.03L15.16 3.84L16.49 2.51C19.76 4.06 22.1 7.23 22.45 10.99H23.95C23.45 4.84 18.3 0 12.01 0Z",fill:"currentColor"})}))}))};export{r as Icon3dRotation};

package/dist/esm/primitives/Icon/icons/Icon4k.js

@@ -1 +0,0 @@
-import{__rest as e}from"../../../node_modules/tslib/tslib.es6.js";import{jsx as s}from"react/jsx-runtime";import t from"classnames";import{ComponentClassNames as o}from"../../shared/constants.js";import{View as r}from"../../View/View.js";import{useDeprecationWarning as i}from"../../../hooks/useDeprecationWarning.js";const a=a=>{const{className:n}=a,c=e(a,["className"]);return i({shouldWarn:!0,message:"Built-in icons are being deprecated in the next major release. You can use the react-icons (https://react-icons.github.io/react-icons) package with the Material Icon set in place of these icons or any other React Icon library.\nimport { Icon4k } from '@aws-amplify/ui-react'; → import { Md4k } from 'react-icons/md';"}),s(r,Object.assign({as:"span",width:"1em",height:"1em",className:t(o.Icon,n)},c,{children:s("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:s("path",{d:"M19 3H5C3.9 3 3 3.9 3 5V19C3 20.1 3.89 21 5 21H19C20.1 21 21 20.1 21 19V5C21 3.9 20.11 3 19 3ZM19 19H5V5H19V19ZM9.5 15H11V13.51H12V12H11V9H9.5V12H8V9H6.5V13.5H9.5V15ZM18.2 15L16.2 12L18.2 9H16.5L14.5 12L16.5 15H18.2ZM14.5 12V9H13V15H14.5V12Z",fill:"currentColor"})}))}))};export{a as Icon4k};

package/dist/esm/primitives/Icon/icons/Icon5g.js

@@ -1 +0,0 @@
-import{__rest as e}from"../../../node_modules/tslib/tslib.es6.js";import{jsx as t,jsxs as s}from"react/jsx-runtime";import o from"classnames";import{ComponentClassNames as i}from"../../shared/constants.js";import{View as r}from"../../View/View.js";import{useDeprecationWarning as a}from"../../../hooks/useDeprecationWarning.js";const n=n=>{const{className:c}=n,m=e(n,["className"]);return a({shouldWarn:!0,message:"Built-in icons are being deprecated in the next major release. You can use the react-icons (https://react-icons.github.io/react-icons) package with the Material Icon set in place of these icons or any other React Icon library.\nimport { Icon5g } from '@aws-amplify/ui-react'; → import { Md5g } from 'react-icons/md';"}),t(r,Object.assign({as:"span",width:"1em",height:"1em",className:o(i.Icon,c)},m,{children:s("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:[t("path",{d:"M16.5 13H19V15H14V9H21C21 7.9 20.1 7 19 7H14C12.9 7 12 7.9 12 9V15C12 16.1 12.9 17 14 17H19C20.1 17 21 16.1 21 15V11H16.5V13Z",fill:"currentColor"}),t("path",{d:"M3 13H8V15H3V17H8C9.1 17 10 16.1 10 15V13C10 11.9 9.1 11 8 11H5V9H10V7H3V13Z",fill:"black"})]}))}))};export{n as Icon5g};

package/dist/esm/primitives/Icon/icons/Icon6FtApart.js

@@ -1 +0,0 @@
-import{__rest as e}from"../../../node_modules/tslib/tslib.es6.js";import{jsx as t}from"react/jsx-runtime";import s from"classnames";import{ComponentClassNames as o}from"../../shared/constants.js";import{View as r}from"../../View/View.js";import{useDeprecationWarning as i}from"../../../hooks/useDeprecationWarning.js";const a=a=>{const{className:n}=a,c=e(a,["className"]);return i({shouldWarn:!0,message:"Built-in icons are being deprecated in the next major release. You can use the react-icons (https://react-icons.github.io/react-icons) package with the Material Icon set in place of these icons or any other React Icon library.\nimport { Icon6FtApart } from '@aws-amplify/ui-react'; → import { Md6FtApart } from 'react-icons/md';"}),t(r,Object.assign({as:"span",width:"1em",height:"1em",className:s(o.Icon,n)},c,{children:t("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:t("path",{d:"M6 6C7.1 6 8 5.1 8 4C8 2.9 7.1 2 6 2C4.9 2 4 2.9 4 4C4 5.1 4.9 6 6 6ZM10 9.43C10 8.62 9.52 7.9 8.78 7.58C7.93 7.21 6.99 7 6 7C5.01 7 4.07 7.21 3.22 7.58C2.48 7.9 2 8.62 2 9.43V10H10V9.43ZM18 6C19.1 6 20 5.1 20 4C20 2.9 19.1 2 18 2C16.9 2 16 2.9 16 4C16 5.1 16.9 6 18 6ZM22 9.43C22 8.62 21.52 7.9 20.78 7.58C19.93 7.21 18.99 7 18 7C17.01 7 16.07 7.21 15.22 7.58C14.48 7.9 14 8.62 14 9.43V10H22V9.43ZM19 17V14.99L5 15V17L2 14L5 11V13.01L19 13V11L22 14L19 17ZM10 19V18H7.5C7.22 18 7 18.22 7 18.5V21.5C7 21.78 7.22 22 7.5 22H9.5C9.78 22 10 21.78 10 21.5V20C10 19.72 9.78 19.5 9.5 19.5H8V19H10ZM9 20.5V21H8V20.5H9ZM17.5 19H16.5V22H15.5V19H14.5V18H17.5V19ZM12.5 19V19.5H13.5V20.5H12.5V22H11.5V18H14V19H12.5Z",fill:"currentColor"})}))}))};export{a as Icon6FtApart};

package/dist/esm/primitives/Icon/icons/IconAcUnit.js

@@ -1 +0,0 @@
-import{__rest as e}from"../../../node_modules/tslib/tslib.es6.js";import{jsx as t}from"react/jsx-runtime";import s from"classnames";import{ComponentClassNames as o}from"../../shared/constants.js";import{View as i}from"../../View/View.js";import{useDeprecationWarning as r}from"../../../hooks/useDeprecationWarning.js";const n=n=>{const{className:a}=n,c=e(n,["className"]);return r({shouldWarn:!0,message:"Built-in icons are being deprecated in the next major release. You can use the react-icons (https://react-icons.github.io/react-icons) package with the Material Icon set in place of these icons or any other React Icon library.\nimport { IconAcUnit } from '@aws-amplify/ui-react'; → import { MdAcUnit } from 'react-icons/md';"}),t(i,Object.assign({as:"span",width:"1em",height:"1em",className:s(o.Icon,a)},c,{children:t("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:t("path",{d:"M22 11H17.83L21.07 7.76L19.66 6.34L15 11H13V9L17.66 4.34L16.24 2.93L13 6.17V2H11V6.17L7.76 2.93L6.34 4.34L11 9V11H9L4.34 6.34L2.93 7.76L6.17 11H2V13H6.17L2.93 16.24L4.34 17.66L9 13H11V15L6.34 19.66L7.76 21.07L11 17.83V22H13V17.83L16.24 21.07L17.66 19.66L13 15V13H15L19.66 17.66L21.07 16.24L17.83 13H22V11Z",fill:"currentColor"})}))}))};export{n as IconAcUnit};

package/dist/esm/primitives/Icon/icons/IconAccessAlarm.js

@@ -1 +0,0 @@
-import{__rest as e}from"../../../node_modules/tslib/tslib.es6.js";import{jsx as s}from"react/jsx-runtime";import t from"classnames";import{ComponentClassNames as o}from"../../shared/constants.js";import{View as r}from"../../View/View.js";import{useDeprecationWarning as i}from"../../../hooks/useDeprecationWarning.js";const a=a=>{const{className:n}=a,c=e(a,["className"]);return i({shouldWarn:!0,message:"Built-in icons are being deprecated in the next major release. You can use the react-icons (https://react-icons.github.io/react-icons) package with the Material Icon set in place of these icons or any other React Icon library.\nimport { IconAccessAlarm } from '@aws-amplify/ui-react'; → import { MdAccessAlarm } from 'react-icons/md';"}),s(r,Object.assign({as:"span",width:"1em",height:"1em",className:t(o.Icon,n)},c,{children:s("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:s("path",{d:"M22 5.71986L17.4 1.85986L16.11 3.38986L20.71 7.24986L22 5.71986ZM7.88 3.38986L6.6 1.85986L2 5.70986L3.29 7.23986L7.88 3.38986ZM12.5 7.99986H11V13.9999L15.75 16.8499L16.5 15.6199L12.5 13.2499V7.99986ZM12 3.99986C7.03 3.99986 3 8.02986 3 12.9999C3 17.9699 7.02 21.9999 12 21.9999C16.97 21.9999 21 17.9699 21 12.9999C21 8.02986 16.97 3.99986 12 3.99986ZM12 19.9999C8.13 19.9999 5 16.8699 5 12.9999C5 9.12986 8.13 5.99986 12 5.99986C15.87 5.99986 19 9.12986 19 12.9999C19 16.8699 15.87 19.9999 12 19.9999Z",fill:"currentColor"})}))}))};export{a as IconAccessAlarm};

package/dist/esm/primitives/Icon/icons/IconAccessAlarms.js

@@ -1 +0,0 @@
-import{__rest as e}from"../../../node_modules/tslib/tslib.es6.js";import{jsx as s}from"react/jsx-runtime";import t from"classnames";import{ComponentClassNames as o}from"../../shared/constants.js";import{View as r}from"../../View/View.js";import{useDeprecationWarning as i}from"../../../hooks/useDeprecationWarning.js";const a=a=>{const{className:n}=a,c=e(a,["className"]);return i({shouldWarn:!0,message:"Built-in icons are being deprecated in the next major release. You can use the react-icons (https://react-icons.github.io/react-icons) package with the Material Icon set in place of these icons or any other React Icon library.\nimport { IconAccessAlarms } from '@aws-amplify/ui-react'; → import { MdAccessAlarms } from 'react-icons/md';"}),s(r,Object.assign({as:"span",width:"1em",height:"1em",className:t(o.Icon,n)},c,{children:s("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:s("path",{d:"M22 5.6998L17.4 1.7998L16.1 3.2998L20.7 7.1998L22 5.6998ZM7.9 3.3998L6.6 1.8998L2 5.6998L3.3 7.1998L7.9 3.3998V3.3998ZM12.5 7.9998H11V13.9998L15.7 16.8998L16.5 15.6998L12.5 13.2998V7.9998ZM12 3.9998C7 3.9998 3 7.9998 3 12.9998C3 17.9998 7 21.9998 12 21.9998C17 21.9998 21 17.9998 21 12.9998C21 7.9998 17 3.9998 12 3.9998ZM12 19.9998C8.1 19.9998 5 16.8998 5 12.9998C5 9.0998 8.1 5.9998 12 5.9998C15.9 5.9998 19 9.0998 19 12.9998C19 16.8998 15.9 19.9998 12 19.9998Z",fill:"currentColor"})}))}))};export{a as IconAccessAlarms};

package/dist/esm/primitives/Icon/icons/IconAccessTime.js

@@ -1 +0,0 @@
-import{__rest as e}from"../../../node_modules/tslib/tslib.es6.js";import{jsx as s}from"react/jsx-runtime";import t from"classnames";import{ComponentClassNames as o}from"../../shared/constants.js";import{View as i}from"../../View/View.js";import{useDeprecationWarning as r}from"../../../hooks/useDeprecationWarning.js";const a=a=>{const{className:n}=a,c=e(a,["className"]);return r({shouldWarn:!0,message:"Built-in icons are being deprecated in the next major release. You can use the react-icons (https://react-icons.github.io/react-icons) package with the Material Icon set in place of these icons or any other React Icon library.\nimport { IconAccessTime } from '@aws-amplify/ui-react'; → import { MdAccessTime } from 'react-icons/md';"}),s(i,Object.assign({as:"span",width:"1em",height:"1em",className:t(o.Icon,n)},c,{children:s("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:s("path",{d:"M11.99 2C6.47 2 2 6.48 2 12C2 17.52 6.47 22 11.99 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 11.99 2ZM12 20C7.58 20 4 16.42 4 12C4 7.58 7.58 4 12 4C16.42 4 20 7.58 20 12C20 16.42 16.42 20 12 20ZM12.5 7H11V13L16.25 16.15L17 14.92L12.5 12.25V7Z",fill:"currentColor"})}))}))};export{a as IconAccessTime};

package/dist/esm/primitives/Icon/icons/IconAccessibility.js

@@ -1 +0,0 @@
-import{__rest as e}from"../../../node_modules/tslib/tslib.es6.js";import{jsx as s}from"react/jsx-runtime";import t from"classnames";import{ComponentClassNames as i}from"../../shared/constants.js";import{View as o}from"../../View/View.js";import{useDeprecationWarning as r}from"../../../hooks/useDeprecationWarning.js";const a=a=>{const{className:n}=a,c=e(a,["className"]);return r({shouldWarn:!0,message:"Built-in icons are being deprecated in the next major release. You can use the react-icons (https://react-icons.github.io/react-icons) package with the Material Icon set in place of these icons or any other React Icon library.\nimport { IconAccessibility } from '@aws-amplify/ui-react'; → import { MdAccessibility } from 'react-icons/md';"}),s(o,Object.assign({as:"span",width:"1em",height:"1em",className:t(i.Icon,n)},c,{children:s("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:s("path",{d:"M12 2C13.1 2 14 2.9 14 4C14 5.1 13.1 6 12 6C10.9 6 10 5.1 10 4C10 2.9 10.9 2 12 2ZM21 9H15V22H13V16H11V22H9V9H3V7H21V9Z",fill:"currentColor"})}))}))};export{a as IconAccessibility};

package/dist/esm/primitives/Icon/icons/IconAccessibilityNew.js

@@ -1 +0,0 @@
-import{__rest as e}from"../../../node_modules/tslib/tslib.es6.js";import{jsx as s}from"react/jsx-runtime";import t from"classnames";import{ComponentClassNames as i}from"../../shared/constants.js";import{View as o}from"../../View/View.js";import{useDeprecationWarning as r}from"../../../hooks/useDeprecationWarning.js";const a=a=>{const{className:n}=a,c=e(a,["className"]);return r({shouldWarn:!0,message:"Built-in icons are being deprecated in the next major release. You can use the react-icons (https://react-icons.github.io/react-icons) package with the Material Icon set in place of these icons or any other React Icon library.\nimport { IconAccessibilityNew } from '@aws-amplify/ui-react'; → import { MdAccessibilityNew } from 'react-icons/md';"}),s(o,Object.assign({as:"span",width:"1em",height:"1em",className:t(i.Icon,n)},c,{children:s("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:s("path",{d:"M20.5 6C17.89 6.7 14.83 7 12 7C9.17 7 6.11 6.7 3.5 6L3 8C4.86 8.5 7 8.83 9 9V22H11V16H13V22H15V9C17 8.83 19.14 8.5 21 8L20.5 6ZM12 6C13.1 6 14 5.1 14 4C14 2.9 13.1 2 12 2C10.9 2 10 2.9 10 4C10 5.1 10.9 6 12 6Z",fill:"currentColor"})}))}))};export{a as IconAccessibilityNew};

package/dist/esm/primitives/Icon/icons/IconAccessible.js

@@ -1 +0,0 @@
-import{__rest as e}from"../../../node_modules/tslib/tslib.es6.js";import{jsx as s,jsxs as t}from"react/jsx-runtime";import i from"classnames";import{ComponentClassNames as o}from"../../shared/constants.js";import{View as r}from"../../View/View.js";import{useDeprecationWarning as a}from"../../../hooks/useDeprecationWarning.js";const c=c=>{const{className:n}=c,m=e(c,["className"]);return a({shouldWarn:!0,message:"Built-in icons are being deprecated in the next major release. You can use the react-icons (https://react-icons.github.io/react-icons) package with the Material Icon set in place of these icons or any other React Icon library.\nimport { IconAccessible } from '@aws-amplify/ui-react'; → import { MdAccessible } from 'react-icons/md';"}),s(r,Object.assign({as:"span",width:"1em",height:"1em",className:i(o.Icon,n)},m,{children:t("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:[s("path",{d:"M12 6C13.1046 6 14 5.10457 14 4C14 2.89543 13.1046 2 12 2C10.8954 2 10 2.89543 10 4C10 5.10457 10.8954 6 12 6Z",fill:"currentColor"}),s("path",{d:"M19 12.9999V10.9999C17.46 11.0199 15.91 10.2499 14.93 9.16992L13.64 7.73992C13.47 7.54992 13.26 7.39992 13.03 7.28992C13.02 7.28992 13.02 7.27992 13.01 7.27992H13C12.65 7.07992 12.25 6.97992 11.81 7.01992C10.76 7.10992 10 8.03992 10 9.08992V14.9999C10 16.0999 10.9 16.9999 12 16.9999H17V21.9999H19V16.4999C19 15.3999 18.1 14.4999 17 14.4999H14V11.0499C15.29 12.1199 17.25 12.9899 19 12.9999ZM10 19.9999C8.34 19.9999 7 18.6599 7 16.9999C7 15.6899 7.84 14.5899 9 14.1699V12.0999C6.72 12.5599 5 14.5799 5 16.9999C5 19.7599 7.24 21.9999 10 21.9999C12.42 21.9999 14.44 20.2799 14.9 17.9999H12.83C12.42 19.1599 11.31 19.9999 10 19.9999Z",fill:"black"})]}))}))};export{c as IconAccessible};

package/dist/esm/primitives/Icon/icons/IconAccessibleForward.js

@@ -1 +0,0 @@
-import{__rest as e}from"../../../node_modules/tslib/tslib.es6.js";import{jsx as s,jsxs as t}from"react/jsx-runtime";import o from"classnames";import{ComponentClassNames as r}from"../../shared/constants.js";import{View as i}from"../../View/View.js";import{useDeprecationWarning as a}from"../../../hooks/useDeprecationWarning.js";const c=c=>{const{className:n}=c,m=e(c,["className"]);return a({shouldWarn:!0,message:"Built-in icons are being deprecated in the next major release. You can use the react-icons (https://react-icons.github.io/react-icons) package with the Material Icon set in place of these icons or any other React Icon library.\nimport { IconAccessibleForward } from '@aws-amplify/ui-react'; → import { MdAccessibleForward } from 'react-icons/md';"}),s(i,Object.assign({as:"span",width:"1em",height:"1em",className:o(r.Icon,n)},m,{children:t("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:[s("path",{d:"M18 6.54004C19.1046 6.54004 20 5.64461 20 4.54004C20 3.43547 19.1046 2.54004 18 2.54004C16.8954 2.54004 16 3.43547 16 4.54004C16 5.64461 16.8954 6.54004 18 6.54004Z",fill:"currentColor"}),s("path",{d:"M15 17H13C13 18.65 11.65 20 10 20C8.35 20 7 18.65 7 17C7 15.35 8.35 14 10 14V12C7.24 12 5 14.24 5 17C5 19.76 7.24 22 10 22C12.76 22 15 19.76 15 17ZM18 13.5H16.14L17.81 9.83C18.42 8.5 17.44 7 15.96 7H10.76C9.95 7 9.22 7.47 8.89 8.2L8.22 10L10.14 10.53L10.79 9H13L11.17 13.1C10.57 14.43 11.56 16 13.02 16H18V21H20V15.5C20 14.4 19.1 13.5 18 13.5Z",fill:"black"})]}))}))};export{c as IconAccessibleForward};

package/dist/esm/primitives/Icon/icons/IconAccountBalance.js

@@ -1 +0,0 @@
-import{__rest as e}from"../../../node_modules/tslib/tslib.es6.js";import{jsx as t}from"react/jsx-runtime";import o from"classnames";import{ComponentClassNames as s}from"../../shared/constants.js";import{View as r}from"../../View/View.js";import{useDeprecationWarning as a}from"../../../hooks/useDeprecationWarning.js";const i=i=>{const{className:n}=i,c=e(i,["className"]);return a({shouldWarn:!0,message:"Built-in icons are being deprecated in the next major release. You can use the react-icons (https://react-icons.github.io/react-icons) package with the Material Icon set in place of these icons or any other React Icon library.\nimport { IconAccountBalance } from '@aws-amplify/ui-react'; → import { MdAccountBalance } from 'react-icons/md';"}),t(r,Object.assign({as:"span",width:"1em",height:"1em",className:o(s.Icon,n)},c,{children:t("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:t("path",{d:"M6.5 10H4.5V17H6.5V10ZM12.5 10H10.5V17H12.5V10ZM21 19H2V21H21V19ZM18.5 10H16.5V17H18.5V10ZM11.5 3.26L16.71 6H6.29L11.5 3.26ZM11.5 1L2 6V8H21V6L11.5 1Z",fill:"currentColor"})}))}))};export{i as IconAccountBalance};

package/dist/esm/primitives/Icon/icons/IconAccountBalanceWallet.js

@@ -1 +0,0 @@
-import{__rest as e}from"../../../node_modules/tslib/tslib.es6.js";import{jsx as t,jsxs as o}from"react/jsx-runtime";import s from"classnames";import{ComponentClassNames as a}from"../../shared/constants.js";import{View as i}from"../../View/View.js";import{useDeprecationWarning as r}from"../../../hooks/useDeprecationWarning.js";const n=n=>{const{className:c}=n,l=e(n,["className"]);return r({shouldWarn:!0,message:"Built-in icons are being deprecated in the next major release. You can use the react-icons (https://react-icons.github.io/react-icons) package with the Material Icon set in place of these icons or any other React Icon library.\nimport { IconAccountBalanceWallet } from '@aws-amplify/ui-react'; → import { MdAccountBalanceWallet } from 'react-icons/md';"}),t(i,Object.assign({as:"span",width:"1em",height:"1em",className:s(a.Icon,c)},l,{children:o("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:[t("path",{d:"M21 7.28V5C21 3.9 20.1 3 19 3H5C3.89 3 3 3.9 3 5V19C3 20.1 3.89 21 5 21H19C20.1 21 21 20.1 21 19V16.72C21.59 16.37 22 15.74 22 15V9C22 8.26 21.59 7.63 21 7.28ZM20 9V15H13V9H20ZM5 19V5H19V7H13C11.9 7 11 7.9 11 9V15C11 16.1 11.9 17 13 17H19V19H5Z",fill:"currentColor"}),t("path",{d:"M16 13.5C16.8284 13.5 17.5 12.8284 17.5 12C17.5 11.1716 16.8284 10.5 16 10.5C15.1716 10.5 14.5 11.1716 14.5 12C14.5 12.8284 15.1716 13.5 16 13.5Z",fill:"black"})]}))}))};export{n as IconAccountBalanceWallet};

package/dist/esm/primitives/Icon/icons/IconAccountBox.js

@@ -1 +0,0 @@
-import{__rest as e}from"../../../node_modules/tslib/tslib.es6.js";import{jsx as o}from"react/jsx-runtime";import t from"classnames";import{ComponentClassNames as s}from"../../shared/constants.js";import{View as r}from"../../View/View.js";import{useDeprecationWarning as i}from"../../../hooks/useDeprecationWarning.js";const n=n=>{const{className:a}=n,c=e(n,["className"]);return i({shouldWarn:!0,message:"Built-in icons are being deprecated in the next major release. You can use the react-icons (https://react-icons.github.io/react-icons) package with the Material Icon set in place of these icons or any other React Icon library.\nimport { IconAccountBox } from '@aws-amplify/ui-react'; → import { MdAccountBox } from 'react-icons/md';"}),o(r,Object.assign({as:"span",width:"1em",height:"1em",className:t(s.Icon,a)},c,{children:o("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:o("path",{d:"M19 5V19H5V5H19ZM19 3H5C3.89 3 3 3.9 3 5V19C3 20.1 3.89 21 5 21H19C20.1 21 21 20.1 21 19V5C21 3.9 20.1 3 19 3ZM12 12C10.35 12 9 10.65 9 9C9 7.35 10.35 6 12 6C13.65 6 15 7.35 15 9C15 10.65 13.65 12 12 12ZM12 8C11.45 8 11 8.45 11 9C11 9.55 11.45 10 12 10C12.55 10 13 9.55 13 9C13 8.45 12.55 8 12 8ZM18 18H6V16.47C6 13.97 9.97 12.89 12 12.89C14.03 12.89 18 13.97 18 16.47V18ZM8.31 16H15.69C15 15.44 13.31 14.88 12 14.88C10.69 14.88 8.99 15.44 8.31 16V16Z",fill:"currentColor"})}))}))};export{n as IconAccountBox};

package/dist/esm/primitives/Icon/icons/IconAccountCircle.js

@@ -1 +0,0 @@
-import{__rest as e}from"../../../node_modules/tslib/tslib.es6.js";import{jsx as t}from"react/jsx-runtime";import o from"classnames";import{ComponentClassNames as s}from"../../shared/constants.js";import{View as r}from"../../View/View.js";import{useDeprecationWarning as i}from"../../../hooks/useDeprecationWarning.js";const n=n=>{const{className:a}=n,c=e(n,["className"]);return i({shouldWarn:!0,message:"Built-in icons are being deprecated in the next major release. You can use the react-icons (https://react-icons.github.io/react-icons) package with the Material Icon set in place of these icons or any other React Icon library.\nimport { IconAccountCircle } from '@aws-amplify/ui-react'; → import { MdAccountCircle } from 'react-icons/md';"}),t(r,Object.assign({as:"span",width:"1em",height:"1em",className:o(s.Icon,a)},c,{children:t("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:t("path",{d:"M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM7.07 18.28C7.5 17.38 10.12 16.5 12 16.5C13.88 16.5 16.51 17.38 16.93 18.28C15.57 19.36 13.86 20 12 20C10.14 20 8.43 19.36 7.07 18.28ZM18.36 16.83C16.93 15.09 13.46 14.5 12 14.5C10.54 14.5 7.07 15.09 5.64 16.83C4.62 15.49 4 13.82 4 12C4 7.59 7.59 4 12 4C16.41 4 20 7.59 20 12C20 13.82 19.38 15.49 18.36 16.83V16.83ZM12 6C10.06 6 8.5 7.56 8.5 9.5C8.5 11.44 10.06 13 12 13C13.94 13 15.5 11.44 15.5 9.5C15.5 7.56 13.94 6 12 6ZM12 11C11.17 11 10.5 10.33 10.5 9.5C10.5 8.67 11.17 8 12 8C12.83 8 13.5 8.67 13.5 9.5C13.5 10.33 12.83 11 12 11Z",fill:"currentColor"})}))}))};export{n as IconAccountCircle};

package/dist/esm/primitives/Icon/icons/IconAccountTree.js

@@ -1 +0,0 @@
-import{__rest as e}from"../../../node_modules/tslib/tslib.es6.js";import{jsx as t}from"react/jsx-runtime";import o from"classnames";import{ComponentClassNames as s}from"../../shared/constants.js";import{View as r}from"../../View/View.js";import{useDeprecationWarning as i}from"../../../hooks/useDeprecationWarning.js";const n=n=>{const{className:a}=n,c=e(n,["className"]);return i({shouldWarn:!0,message:"Built-in icons are being deprecated in the next major release. You can use the react-icons (https://react-icons.github.io/react-icons) package with the Material Icon set in place of these icons or any other React Icon library.\nimport { IconAccountTree } from '@aws-amplify/ui-react'; → import { MdAccountTree } from 'react-icons/md';"}),t(r,Object.assign({as:"span",width:"1em",height:"1em",className:o(s.Icon,a)},c,{children:t("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:t("path",{d:"M22 11V3H15V6H9V3H2V11H9V8H11V18H15V21H22V13H15V16H13V8H15V11H22ZM7 9H4V5H7V9ZM17 15H20V19H17V15ZM17 5H20V9H17V5Z",fill:"currentColor"})}))}))};export{n as IconAccountTree};

package/dist/esm/primitives/Icon/icons/IconAdUnits.js

@@ -1 +0,0 @@
-import{__rest as e}from"../../../node_modules/tslib/tslib.es6.js";import{jsx as t,jsxs as s}from"react/jsx-runtime";import i from"classnames";import{ComponentClassNames as o}from"../../shared/constants.js";import{View as r}from"../../View/View.js";import{useDeprecationWarning as a}from"../../../hooks/useDeprecationWarning.js";const n=n=>{const{className:c}=n,m=e(n,["className"]);return a({shouldWarn:!0,message:"Built-in icons are being deprecated in the next major release. You can use the react-icons (https://react-icons.github.io/react-icons) package with the Material Icon set in place of these icons or any other React Icon library.\nimport { IconAdUnits } from '@aws-amplify/ui-react'; → import { MdAdUnits } from 'react-icons/md';"}),t(r,Object.assign({as:"span",width:"1em",height:"1em",className:i(o.Icon,c)},m,{children:s("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:[t("path",{d:"M17 1H7C5.9 1 5 1.9 5 3V21C5 22.1 5.9 23 7 23H17C18.1 23 19 22.1 19 21V3C19 1.9 18.1 1 17 1ZM7 4V3H17V4H7ZM7 18V6H17V18H7ZM7 21V20H17V21H7Z",fill:"currentColor"}),t("path",{d:"M16 7H8V9H16V7Z",fill:"black"})]}))}))};export{n as IconAdUnits};

package/dist/esm/primitives/Icon/icons/IconAdb.js

@@ -1 +0,0 @@
-import{__rest as e}from"../../../node_modules/tslib/tslib.es6.js";import{jsx as s}from"react/jsx-runtime";import t from"classnames";import{ComponentClassNames as o}from"../../shared/constants.js";import{View as r}from"../../View/View.js";import{useDeprecationWarning as i}from"../../../hooks/useDeprecationWarning.js";const a=a=>{const{className:n}=a,c=e(a,["className"]);return i({shouldWarn:!0,message:"Built-in icons are being deprecated in the next major release. You can use the react-icons (https://react-icons.github.io/react-icons) package with the Material Icon set in place of these icons or any other React Icon library.\nimport { IconAdb } from '@aws-amplify/ui-react'; → import { MdAdb } from 'react-icons/md';"}),s(r,Object.assign({as:"span",width:"1em",height:"1em",className:t(o.Icon,n)},c,{children:s("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:s("path",{d:"M5 15.9999C5 19.8699 8.13 22.9999 12 22.9999C15.87 22.9999 19 19.8699 19 15.9999V11.9999H5V15.9999ZM16.12 4.36994L18.22 2.26994L17.4 1.43994L15.1 3.74994C14.16 3.27994 13.12 2.99994 12 2.99994C10.88 2.99994 9.84 3.27994 8.91 3.74994L6.6 1.43994L5.78 2.26994L7.88 4.36994C6.14 5.63994 5 7.67994 5 9.99994V10.9999H19V9.99994C19 7.67994 17.86 5.63994 16.12 4.36994ZM9 8.99994C8.45 8.99994 8 8.54994 8 7.99994C8 7.44994 8.45 6.99994 9 6.99994C9.55 6.99994 10 7.44994 10 7.99994C10 8.54994 9.55 8.99994 9 8.99994ZM15 8.99994C14.45 8.99994 14 8.54994 14 7.99994C14 7.44994 14.45 6.99994 15 6.99994C15.55 6.99994 16 7.44994 16 7.99994C16 8.54994 15.55 8.99994 15 8.99994Z",fill:"currentColor"})}))}))};export{a as IconAdb};

package/dist/esm/primitives/Icon/icons/IconAddAPhoto.js

@@ -1 +0,0 @@
-import{__rest as e}from"../../../node_modules/tslib/tslib.es6.js";import{jsx as o}from"react/jsx-runtime";import t from"classnames";import{ComponentClassNames as s}from"../../shared/constants.js";import{View as r}from"../../View/View.js";import{useDeprecationWarning as i}from"../../../hooks/useDeprecationWarning.js";const a=a=>{const{className:n}=a,c=e(a,["className"]);return i({shouldWarn:!0,message:"Built-in icons are being deprecated in the next major release. You can use the react-icons (https://react-icons.github.io/react-icons) package with the Material Icon set in place of these icons or any other React Icon library.\nimport { IconAddAPhoto } from '@aws-amplify/ui-react'; → import { MdAddAPhoto } from 'react-icons/md';"}),o(r,Object.assign({as:"span",width:"1em",height:"1em",className:t(s.Icon,n)},c,{children:o("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:o("path",{d:"M21 6H17.83L16 4H10V6H15.12L16.95 8H21V20H5V11H3V20C3 21.1 3.9 22 5 22H21C22.1 22 23 21.1 23 20V8C23 6.9 22.1 6 21 6ZM8 14C8 16.76 10.24 19 13 19C15.76 19 18 16.76 18 14C18 11.24 15.76 9 13 9C10.24 9 8 11.24 8 14ZM13 11C14.65 11 16 12.35 16 14C16 15.65 14.65 17 13 17C11.35 17 10 15.65 10 14C10 12.35 11.35 11 13 11ZM5 6H8V4H5V1H3V4H0V6H3V9H5V6Z",fill:"currentColor"})}))}))};export{a as IconAddAPhoto};

package/dist/esm/primitives/Icon/icons/IconAddAlarm.js

@@ -1 +0,0 @@
-import{__rest as e}from"../../../node_modules/tslib/tslib.es6.js";import{jsx as s}from"react/jsx-runtime";import t from"classnames";import{ComponentClassNames as o}from"../../shared/constants.js";import{View as r}from"../../View/View.js";import{useDeprecationWarning as i}from"../../../hooks/useDeprecationWarning.js";const a=a=>{const{className:n}=a,c=e(a,["className"]);return i({shouldWarn:!0,message:"Built-in icons are being deprecated in the next major release. You can use the react-icons (https://react-icons.github.io/react-icons) package with the Material Icon set in place of these icons or any other React Icon library.\nimport { IconAddAlarm } from '@aws-amplify/ui-react'; → import { MdAddAlarm } from 'react-icons/md';"}),s(r,Object.assign({as:"span",width:"1em",height:"1em",className:t(o.Icon,n)},c,{children:s("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:s("path",{d:"M7.88 3.38986L6.6 1.85986L2 5.70986L3.29 7.23986L7.88 3.38986ZM22 5.71986L17.4 1.85986L16.11 3.38986L20.71 7.24986L22 5.71986ZM12 3.99986C7.03 3.99986 3 8.02986 3 12.9999C3 17.9699 7.02 21.9999 12 21.9999C16.97 21.9999 21 17.9699 21 12.9999C21 8.02986 16.97 3.99986 12 3.99986ZM12 19.9999C8.13 19.9999 5 16.8699 5 12.9999C5 9.12986 8.13 5.99986 12 5.99986C15.87 5.99986 19 9.12986 19 12.9999C19 16.8699 15.87 19.9999 12 19.9999ZM13 8.99986H11V11.9999H8V13.9999H11V16.9999H13V13.9999H16V11.9999H13V8.99986Z",fill:"currentColor"})}))}))};export{a as IconAddAlarm};

package/dist/esm/primitives/Icon/icons/IconAddAlert.js

@@ -1 +0,0 @@
-import{__rest as e}from"../../../node_modules/tslib/tslib.es6.js";import{jsx as t}from"react/jsx-runtime";import s from"classnames";import{ComponentClassNames as o}from"../../shared/constants.js";import{View as r}from"../../View/View.js";import{useDeprecationWarning as i}from"../../../hooks/useDeprecationWarning.js";const a=a=>{const{className:n}=a,c=e(a,["className"]);return i({shouldWarn:!0,message:"Built-in icons are being deprecated in the next major release. You can use the react-icons (https://react-icons.github.io/react-icons) package with the Material Icon set in place of these icons or any other React Icon library.\nimport { IconAddAlert } from '@aws-amplify/ui-react'; → import { MdAddAlert } from 'react-icons/md';"}),t(r,Object.assign({as:"span",width:"1em",height:"1em",className:s(o.Icon,n)},c,{children:t("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:t("path",{d:"M10.01 21.01C10.01 22.11 10.9 23 12 23C13.1 23 13.99 22.11 13.99 21.01H10.01ZM12 6C14.76 6 17 8.24 17 11V18H7V11C7 8.24 9.24 6 12 6ZM12 1.5C11.17 1.5 10.5 2.17 10.5 3V4.17C7.36 4.85 5 7.65 5 11V17L3 19V20H21V19L19 17V11C19 7.65 16.64 4.85 13.5 4.17V3C13.5 2.17 12.83 1.5 12 1.5ZM13 8H11V11H8V13H11V16H13V13H16V11H13V8Z",fill:"currentColor"})}))}))};export{a as IconAddAlert};

package/dist/esm/primitives/Icon/icons/IconAddBox.js

@@ -1 +0,0 @@
-import{__rest as e}from"../../../node_modules/tslib/tslib.es6.js";import{jsx as o}from"react/jsx-runtime";import s from"classnames";import{ComponentClassNames as t}from"../../shared/constants.js";import{View as r}from"../../View/View.js";import{useDeprecationWarning as i}from"../../../hooks/useDeprecationWarning.js";const a=a=>{const{className:n}=a,c=e(a,["className"]);return i({shouldWarn:!0,message:"Built-in icons are being deprecated in the next major release. You can use the react-icons (https://react-icons.github.io/react-icons) package with the Material Icon set in place of these icons or any other React Icon library.\nimport { IconAddBox } from '@aws-amplify/ui-react'; → import { MdAddBox } from 'react-icons/md';"}),o(r,Object.assign({as:"span",width:"1em",height:"1em",className:s(t.Icon,n)},c,{children:o("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:o("path",{d:"M19 3H5C3.89 3 3 3.9 3 5V19C3 20.1 3.89 21 5 21H19C20.1 21 21 20.1 21 19V5C21 3.9 20.1 3 19 3ZM19 19H5V5H19V19ZM11 17H13V13H17V11H13V7H11V11H7V13H11V17Z",fill:"currentColor"})}))}))};export{a as IconAddBox};

package/dist/esm/primitives/Icon/icons/IconAddBusiness.js

@@ -1 +0,0 @@
-import{__rest as e}from"../../../node_modules/tslib/tslib.es6.js";import{jsx as s,jsxs as t}from"react/jsx-runtime";import i from"classnames";import{ComponentClassNames as o}from"../../shared/constants.js";import{View as r}from"../../View/View.js";import{useDeprecationWarning as a}from"../../../hooks/useDeprecationWarning.js";const n=n=>{const{className:c}=n,m=e(n,["className"]);return a({shouldWarn:!0,message:"Built-in icons are being deprecated in the next major release. You can use the react-icons (https://react-icons.github.io/react-icons) package with the Material Icon set in place of these icons or any other React Icon library.\nimport { IconAddBusiness } from '@aws-amplify/ui-react'; → import { MdAddBusiness } from 'react-icons/md';"}),s(r,Object.assign({as:"span",width:"1em",height:"1em",className:i(o.Icon,c)},m,{children:t("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:[s("path",{d:"M17 4H2V6H17V4Z",fill:"currentColor"}),s("path",{d:"M15 17H17V14H18V12L17 7H2L1 12V14H2V20H11V14H15V17ZM9 18H4V14H9V18ZM3.04 12L3.64 9H15.36L15.96 12H3.04Z",fill:"black"}),s("path",{d:"M23 18H20V15H18V18H15V20H18V23H20V20H23V18Z",fill:"black"})]}))}))};export{n as IconAddBusiness};

package/dist/esm/primitives/Icon/icons/IconAddCircle.js

@@ -1 +0,0 @@
-import{__rest as e}from"../../../node_modules/tslib/tslib.es6.js";import{jsx as s}from"react/jsx-runtime";import t from"classnames";import{ComponentClassNames as o}from"../../shared/constants.js";import{View as r}from"../../View/View.js";import{useDeprecationWarning as i}from"../../../hooks/useDeprecationWarning.js";const a=a=>{const{className:n}=a,c=e(a,["className"]);return i({shouldWarn:!0,message:"Built-in icons are being deprecated in the next major release. You can use the react-icons (https://react-icons.github.io/react-icons) package with the Material Icon set in place of these icons or any other React Icon library.\nimport { IconAddCircle } from '@aws-amplify/ui-react'; → import { MdAddCircle } from 'react-icons/md';"}),s(r,Object.assign({as:"span",width:"1em",height:"1em",className:t(o.Icon,n)},c,{children:s("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:s("path",{d:"M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM17 13H13V17H11V13H7V11H11V7H13V11H17V13Z",fill:"currentColor"})}))}))};export{a as IconAddCircle};

package/dist/esm/primitives/Icon/icons/IconAddCircleOutline.js

@@ -1 +0,0 @@
-import{__rest as e}from"../../../node_modules/tslib/tslib.es6.js";import{jsx as t}from"react/jsx-runtime";import s from"classnames";import{ComponentClassNames as i}from"../../shared/constants.js";import{View as o}from"../../View/View.js";import{useDeprecationWarning as r}from"../../../hooks/useDeprecationWarning.js";const n=n=>{const{className:a}=n,c=e(n,["className"]);return r({shouldWarn:!0,message:"Built-in icons are being deprecated in the next major release. You can use the react-icons (https://react-icons.github.io/react-icons) package with the Material Icon set in place of these icons or any other React Icon library.\nimport { IconAddCircleOutline } from '@aws-amplify/ui-react'; → import { MdAddCircleOutline } from 'react-icons/md';"}),t(o,Object.assign({as:"span",width:"1em",height:"1em",className:s(i.Icon,a)},c,{children:t("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:t("path",{d:"M13 7H11V11H7V13H11V17H13V13H17V11H13V7ZM12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM12 20C7.59 20 4 16.41 4 12C4 7.59 7.59 4 12 4C16.41 4 20 7.59 20 12C20 16.41 16.41 20 12 20Z",fill:"currentColor"})}))}))};export{n as IconAddCircleOutline};

package/dist/esm/primitives/Icon/icons/IconAddComment.js

@@ -1 +0,0 @@
-import{__rest as e}from"../../../node_modules/tslib/tslib.es6.js";import{jsx as t}from"react/jsx-runtime";import o from"classnames";import{ComponentClassNames as s}from"../../shared/constants.js";import{View as r}from"../../View/View.js";import{useDeprecationWarning as i}from"../../../hooks/useDeprecationWarning.js";const n=n=>{const{className:a}=n,c=e(n,["className"]);return i({shouldWarn:!0,message:"Built-in icons are being deprecated in the next major release. You can use the react-icons (https://react-icons.github.io/react-icons) package with the Material Icon set in place of these icons or any other React Icon library.\nimport { IconAddComment } from '@aws-amplify/ui-react'; → import { MdAddComment } from 'react-icons/md';"}),t(r,Object.assign({as:"span",width:"1em",height:"1em",className:o(s.Icon,a)},c,{children:t("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:t("path",{d:"M22 4C22 2.9 21.1 2 20 2H4C2.9 2 2 2.9 2 4V16C2 17.1 2.9 18 4 18H18L22 22V4ZM20 17.17L18.83 16H4V4H20V17.17ZM13 5H11V9H7V11H11V15H13V11H17V9H13V5Z",fill:"currentColor"})}))}))};export{n as IconAddComment};

package/dist/esm/primitives/Icon/icons/IconAddIcCall.js

@@ -1 +0,0 @@
-import{__rest as e}from"../../../node_modules/tslib/tslib.es6.js";import{jsx as s}from"react/jsx-runtime";import t from"classnames";import{ComponentClassNames as o}from"../../shared/constants.js";import{View as r}from"../../View/View.js";import{useDeprecationWarning as i}from"../../../hooks/useDeprecationWarning.js";const a=a=>{const{className:n}=a,c=e(a,["className"]);return i({shouldWarn:!0,message:"Built-in icons are being deprecated in the next major release. You can use the react-icons (https://react-icons.github.io/react-icons) package with the Material Icon set in place of these icons or any other React Icon library.\nimport { IconAddIcCall } from '@aws-amplify/ui-react'; → import { MdAddIcCall } from 'react-icons/md';"}),s(r,Object.assign({as:"span",width:"1em",height:"1em",className:t(o.Icon,n)},c,{children:s("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:s("path",{d:"M20 15.4502C18.75 15.4502 17.55 15.2502 16.43 14.8802C16.33 14.8502 16.22 14.8302 16.12 14.8302C15.86 14.8302 15.61 14.9302 15.41 15.1202L13.21 17.3202C10.38 15.8802 8.06 13.5702 6.62 10.7302L8.82 8.5202C9.1 8.2602 9.18 7.8702 9.07 7.5202C8.7 6.4002 8.5 5.2002 8.5 3.9502C8.5 3.4002 8.05 2.9502 7.5 2.9502H4C3.45 2.9502 3 3.4002 3 3.9502C3 13.3402 10.61 20.9502 20 20.9502C20.55 20.9502 21 20.5002 21 19.9502V16.4502C21 15.9002 20.55 15.4502 20 15.4502ZM5.03 4.9502H6.53C6.6 5.8302 6.75 6.7002 6.98 7.5302L5.78 8.7402C5.38 7.5302 5.12 6.2702 5.03 4.9502ZM19 18.9202C17.68 18.8302 16.4 18.5702 15.2 18.1602L16.4 16.9602C17.25 17.2002 18.12 17.3502 19 17.4102V18.9202ZM18 5.9502V2.9502H16V5.9502H13V7.9502H16V10.9502H18V7.9502H21V5.9502H18Z",fill:"currentColor"})}))}))};export{a as IconAddIcCall};

package/dist/esm/primitives/Icon/icons/IconAddLocation.js

@@ -1 +0,0 @@
-import{__rest as e}from"../../../node_modules/tslib/tslib.es6.js";import{jsx as o}from"react/jsx-runtime";import t from"classnames";import{ComponentClassNames as s}from"../../shared/constants.js";import{View as i}from"../../View/View.js";import{useDeprecationWarning as r}from"../../../hooks/useDeprecationWarning.js";const a=a=>{const{className:n}=a,c=e(a,["className"]);return r({shouldWarn:!0,message:"Built-in icons are being deprecated in the next major release. You can use the react-icons (https://react-icons.github.io/react-icons) package with the Material Icon set in place of these icons or any other React Icon library.\nimport { IconAddLocation } from '@aws-amplify/ui-react'; → import { MdAddLocation } from 'react-icons/md';"}),o(i,Object.assign({as:"span",width:"1em",height:"1em",className:t(s.Icon,n)},c,{children:o("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:o("path",{d:"M13 6V9H16V11H13V14H11V11H8V9H11V6H13ZM18 10.2C18 6.57 15.35 4 12 4C8.65 4 6 6.57 6 10.2C6 12.54 7.95 15.64 12 19.34C16.05 15.64 18 12.54 18 10.2ZM12 2C16.2 2 20 5.22 20 10.2C20 13.52 17.33 17.45 12 22C6.67 17.45 4 13.52 4 10.2C4 5.22 7.8 2 12 2Z",fill:"currentColor"})}))}))};export{a as IconAddLocation};

package/dist/esm/primitives/Icon/icons/IconAddLocationAlt.js

@@ -1 +0,0 @@
-import{__rest as e}from"../../../node_modules/tslib/tslib.es6.js";import{jsx as t}from"react/jsx-runtime";import o from"classnames";import{ComponentClassNames as s}from"../../shared/constants.js";import{View as i}from"../../View/View.js";import{useDeprecationWarning as r}from"../../../hooks/useDeprecationWarning.js";const a=a=>{const{className:n}=a,c=e(a,["className"]);return r({shouldWarn:!0,message:"Built-in icons are being deprecated in the next major release. You can use the react-icons (https://react-icons.github.io/react-icons) package with the Material Icon set in place of these icons or any other React Icon library.\nimport { IconAddLocationAlt } from '@aws-amplify/ui-react'; → import { MdAddLocationAlt } from 'react-icons/md';"}),t(i,Object.assign({as:"span",width:"1em",height:"1em",className:o(s.Icon,n)},c,{children:t("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:t("path",{d:"M20 1V4H23V6H20V9H18V6H15V4H18V1H20ZM12 13C10.9 13 10 12.1 10 11C10 9.9 10.9 9 12 9C13.1 9 14 9.9 14 11C14 12.1 13.1 13 12 13ZM13 3.06V5.08C12.6692 5.02773 12.3349 5.00098 12 5C8.65 5 6 7.57 6 11.2C6 13.54 7.95 16.64 12 20.34C16.05 16.64 18 13.55 18 11.2V11H20V11.2C20 14.52 17.33 18.45 12 23C6.67 18.45 4 14.52 4 11.2C4 6.22 7.8 3 12 3C12.34 3 12.67 3.02 13 3.06V3.06Z",fill:"currentColor"})}))}))};export{a as IconAddLocationAlt};

package/dist/esm/primitives/Icon/icons/IconAddPhotoAlternate.js

@@ -1 +0,0 @@
-import{__rest as e}from"../../../node_modules/tslib/tslib.es6.js";import{jsx as t}from"react/jsx-runtime";import o from"classnames";import{ComponentClassNames as s}from"../../shared/constants.js";import{View as r}from"../../View/View.js";import{useDeprecationWarning as i}from"../../../hooks/useDeprecationWarning.js";const a=a=>{const{className:n}=a,c=e(a,["className"]);return i({shouldWarn:!0,message:"Built-in icons are being deprecated in the next major release. You can use the react-icons (https://react-icons.github.io/react-icons) package with the Material Icon set in place of these icons or any other React Icon library.\nimport { IconAddPhotoAlternate } from '@aws-amplify/ui-react'; → import { MdAddPhotoAlternate } from 'react-icons/md';"}),t(r,Object.assign({as:"span",width:"1em",height:"1em",className:o(s.Icon,n)},c,{children:t("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:t("path",{d:"M18 20H4V6H13V4H4C2.9 4 2 4.9 2 6V20C2 21.1 2.9 22 4 22H18C19.1 22 20 21.1 20 20V11H18V20ZM10.21 16.83L8.25 14.47L5.5 18H16.5L12.96 13.29L10.21 16.83ZM20 4V1H18V4H15C15.01 4.01 15 6 15 6H18V8.99C18.01 9 20 8.99 20 8.99V6H23V4H20Z",fill:"currentColor"})}))}))};export{a as IconAddPhotoAlternate};

package/dist/esm/primitives/Icon/icons/IconAddRoad.js

@@ -1 +0,0 @@
-import{__rest as e}from"../../../node_modules/tslib/tslib.es6.js";import{jsx as t,jsxs as a}from"react/jsx-runtime";import i from"classnames";import{ComponentClassNames as o}from"../../shared/constants.js";import{View as s}from"../../View/View.js";import{useDeprecationWarning as r}from"../../../hooks/useDeprecationWarning.js";const c=c=>{const{className:n}=c,l=e(c,["className"]);return r({shouldWarn:!0,message:"Built-in icons are being deprecated in the next major release. You can use the react-icons (https://react-icons.github.io/react-icons) package with the Material Icon set in place of these icons or any other React Icon library.\nimport { IconAddRoad } from '@aws-amplify/ui-react'; → import { MdAddRoad } from 'react-icons/md';"}),t(s,Object.assign({as:"span",width:"1em",height:"1em",className:i(o.Icon,n)},l,{children:a("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:[t("path",{d:"M20 18V15H18V18H15V20H18V23H20V20H23V18H20Z",fill:"currentColor"}),t("path",{d:"M20 4H18V13H20V4Z",fill:"black"}),t("path",{d:"M6 4H4V20H6V4Z",fill:"black"}),t("path",{d:"M13 4H11V8H13V4Z",fill:"black"}),t("path",{d:"M13 10H11V14H13V10Z",fill:"black"}),t("path",{d:"M13 16H11V20H13V16Z",fill:"black"})]}))}))};export{c as IconAddRoad};

package/dist/esm/primitives/Icon/icons/IconAddShoppingCart.js

@@ -1 +0,0 @@
-import{__rest as e}from"../../../node_modules/tslib/tslib.es6.js";import{jsx as t}from"react/jsx-runtime";import o from"classnames";import{ComponentClassNames as s}from"../../shared/constants.js";import{View as r}from"../../View/View.js";import{useDeprecationWarning as i}from"../../../hooks/useDeprecationWarning.js";const a=a=>{const{className:n}=a,c=e(a,["className"]);return i({shouldWarn:!0,message:"Built-in icons are being deprecated in the next major release. You can use the react-icons (https://react-icons.github.io/react-icons) package with the Material Icon set in place of these icons or any other React Icon library.\nimport { IconAddShoppingCart } from '@aws-amplify/ui-react'; → import { MdAddShoppingCart } from 'react-icons/md';"}),t(r,Object.assign({as:"span",width:"1em",height:"1em",className:o(s.Icon,n)},c,{children:t("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:t("path",{d:"M11 9H13V6H16V4H13V1H11V4H8V6H11V9ZM7 18C5.9 18 5.01 18.9 5.01 20C5.01 21.1 5.9 22 7 22C8.1 22 9 21.1 9 20C9 18.9 8.1 18 7 18ZM17 18C15.9 18 15.01 18.9 15.01 20C15.01 21.1 15.9 22 17 22C18.1 22 19 21.1 19 20C19 18.9 18.1 18 17 18ZM8.1 13H15.55C16.3 13 16.96 12.59 17.3 11.97L21.16 4.96L19.42 4L15.55 11H8.53L4.27 2H1V4H3L6.6 11.59L5.25 14.03C4.52 15.37 5.48 17 7 17H19V15H7L8.1 13Z",fill:"currentColor"})}))}))};export{a as IconAddShoppingCart};

package/dist/esm/primitives/Icon/icons/IconAddTask.js

@@ -1 +0,0 @@
-import{__rest as e}from"../../../node_modules/tslib/tslib.es6.js";import{jsx as s}from"react/jsx-runtime";import t from"classnames";import{ComponentClassNames as o}from"../../shared/constants.js";import{View as r}from"../../View/View.js";import{useDeprecationWarning as i}from"../../../hooks/useDeprecationWarning.js";const a=a=>{const{className:n}=a,c=e(a,["className"]);return i({shouldWarn:!0,message:"Built-in icons are being deprecated in the next major release. You can use the react-icons (https://react-icons.github.io/react-icons) package with the Material Icon set in place of these icons or any other React Icon library.\nimport { IconAddTask } from '@aws-amplify/ui-react'; → import { MdAddTask } from 'react-icons/md';"}),s(r,Object.assign({as:"span",width:"1em",height:"1em",className:t(o.Icon,n)},c,{children:s("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:s("path",{d:"M22 5.18L10.59 16.6L6.35 12.36L7.76 10.95L10.59 13.78L20.59 3.78L22 5.18ZM12 20C7.59 20 4 16.41 4 12C4 7.59 7.59 4 12 4C13.57 4 15.04 4.46 16.28 5.25L17.73 3.8C16.1 2.67 14.13 2 12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C13.73 22 15.36 21.56 16.78 20.78L15.28 19.28C14.28 19.74 13.17 20 12 20ZM19 15H16V17H19V20H21V17H24V15H21V12H19V15Z",fill:"currentColor"})}))}))};export{a as IconAddTask};

package/dist/esm/primitives/Icon/icons/IconAddToHomeScreen.js

@@ -1 +0,0 @@
-import{__rest as e}from"../../../node_modules/tslib/tslib.es6.js";import{jsx as o}from"react/jsx-runtime";import s from"classnames";import{ComponentClassNames as t}from"../../shared/constants.js";import{View as r}from"../../View/View.js";import{useDeprecationWarning as i}from"../../../hooks/useDeprecationWarning.js";const n=n=>{const{className:a}=n,c=e(n,["className"]);return i({shouldWarn:!0,message:"Built-in icons are being deprecated in the next major release. You can use the react-icons (https://react-icons.github.io/react-icons) package with the Material Icon set in place of these icons or any other React Icon library.\nimport { IconAddToHomeScreen } from '@aws-amplify/ui-react'; → import { MdAddToHomeScreen } from 'react-icons/md';"}),o(r,Object.assign({as:"span",width:"1em",height:"1em",className:s(t.Icon,a)},c,{children:o("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:o("path",{d:"M18 1.01L8 1C6.9 1 6 1.9 6 3V6H8V5H18V19H8V18H6V21C6 22.1 6.9 23 8 23H18C19.1 23 20 22.1 20 21V3C20 1.9 19.1 1.01 18 1.01ZM10 15H12V8H5V10H8.59L3 15.59L4.41 17L10 11.41V15Z",fill:"currentColor"})}))}))};export{n as IconAddToHomeScreen};

package/dist/esm/primitives/Icon/icons/IconAddToPhotos.js

@@ -1 +0,0 @@
-import{__rest as e}from"../../../node_modules/tslib/tslib.es6.js";import{jsx as o}from"react/jsx-runtime";import s from"classnames";import{ComponentClassNames as t}from"../../shared/constants.js";import{View as r}from"../../View/View.js";import{useDeprecationWarning as i}from"../../../hooks/useDeprecationWarning.js";const a=a=>{const{className:n}=a,c=e(a,["className"]);return i({shouldWarn:!0,message:"Built-in icons are being deprecated in the next major release. You can use the react-icons (https://react-icons.github.io/react-icons) package with the Material Icon set in place of these icons or any other React Icon library.\nimport { IconAddToPhotos } from '@aws-amplify/ui-react'; → import { MdAddToPhotos } from 'react-icons/md';"}),o(r,Object.assign({as:"span",width:"1em",height:"1em",className:s(t.Icon,n)},c,{children:o("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:o("path",{d:"M4 6H2V20C2 21.1 2.9 22 4 22H18V20H4V6ZM20 2H8C6.9 2 6 2.9 6 4V16C6 17.1 6.9 18 8 18H20C21.1 18 22 17.1 22 16V4C22 2.9 21.1 2 20 2ZM20 16H8V4H20V16ZM13 15H15V11H19V9H15V5H13V9H9V11H13V15Z",fill:"currentColor"})}))}))};export{a as IconAddToPhotos};

package/dist/esm/primitives/Icon/icons/IconAddToQueue.js

@@ -1 +0,0 @@
-import{__rest as e}from"../../../node_modules/tslib/tslib.es6.js";import{jsx as o}from"react/jsx-runtime";import s from"classnames";import{ComponentClassNames as t}from"../../shared/constants.js";import{View as r}from"../../View/View.js";import{useDeprecationWarning as i}from"../../../hooks/useDeprecationWarning.js";const a=a=>{const{className:n}=a,c=e(a,["className"]);return i({shouldWarn:!0,message:"Built-in icons are being deprecated in the next major release. You can use the react-icons (https://react-icons.github.io/react-icons) package with the Material Icon set in place of these icons or any other React Icon library.\nimport { IconAddToQueue } from '@aws-amplify/ui-react'; → import { MdAddToQueue } from 'react-icons/md';"}),o(r,Object.assign({as:"span",width:"1em",height:"1em",className:s(t.Icon,n)},c,{children:o("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:o("path",{d:"M11 15H13V12H16V10H13V7H11V10H8V12H11V15ZM21 3H3C1.89 3 1 3.89 1 5V17C1 18.1 1.89 19 3 19H8V21H16V19H21C22.1 19 23 18.1 23 17V5C23 3.89 22.1 3 21 3ZM21 17H3V5H21V17Z",fill:"currentColor"})}))}))};export{a as IconAddToQueue};