@aws-amplify/ui-react 5.3.1 → 6.0.0

package/dist/esm/primitives/Fieldset/Fieldset.mjs

@@ -1 +1,33 @@
-import{__rest as e}from"tslib";import*as s from"react";import i from"classnames";import{ComponentClassNames as d}from"../shared/constants.mjs";import{classNameModifier as t}from"@aws-amplify/ui";import{Flex as l}from"../Flex/Flex.mjs";import{View as a}from"../View/View.mjs";import{VisuallyHidden as r}from"../VisuallyHidden/VisuallyHidden.mjs";import{useFieldset as m,FieldsetContext as n}from"./useFieldset.mjs";const o=s.forwardRef(((o,c)=>{var{children:f,className:p,isDisabled:F,legend:u,legendHidden:g,size:b,testId:j,variation:v="outlined"}=o,y=e(o,["children","className","isDisabled","legend","legendHidden","size","testId","variation"]);const{isFieldsetDisabled:H}=m(),N=H||F,V=s.useMemo((()=>({isFieldsetDisabled:N})),[N]),h=i(d.Fieldset,t(d.Fieldset,v),t(d.Fieldset,b),p),w=i(d.FieldsetLegend,t(d.FieldsetLegend,b),p,{[d.VisuallyHidden]:g});return s.createElement(n.Provider,{value:V},s.createElement(l,Object.assign({as:"fieldset",className:h,ref:c,disabled:N,testId:j},y),s.createElement(r,{as:"legend"},u),s.createElement(a,{as:"div","aria-hidden":"true",className:w},u),f))}));o.displayName="Fieldset";export{o as Fieldset};
+import * as React from 'react';
+import { classNames, ComponentClassName, classNameModifier } from '@aws-amplify/ui';
+import { primitiveWithForwardRef } from '../utils/primitiveWithForwardRef.mjs';
+import { Flex } from '../Flex/Flex.mjs';
+import { View } from '../View/View.mjs';
+import { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden.mjs';
+import { useFieldset, FieldsetContext } from './useFieldset.mjs';
+
+const FieldsetPrimitive = ({ children, className, isDisabled, legend, legendHidden, size, testId, variation = 'plain', ...rest }, ref) => {
+    const { isFieldsetDisabled } = useFieldset();
+    // Fieldsets that are nested within a disabled Fieldset should
+    // also be disabled.
+    const shouldBeDisabled = isFieldsetDisabled ? isFieldsetDisabled : isDisabled;
+    const value = React.useMemo(() => ({
+        isFieldsetDisabled: shouldBeDisabled,
+    }), [shouldBeDisabled]);
+    const fieldsetClasses = classNames(ComponentClassName.Fieldset, classNameModifier(ComponentClassName.Fieldset, variation), classNameModifier(ComponentClassName.Fieldset, size), className);
+    const legendClasses = classNames(ComponentClassName.FieldsetLegend, classNameModifier(ComponentClassName.FieldsetLegend, size), {
+        [ComponentClassName.VisuallyHidden]: legendHidden,
+    });
+    return (React.createElement(FieldsetContext.Provider, { value: value },
+        React.createElement(Flex, { as: "fieldset", className: fieldsetClasses, ref: ref, disabled: shouldBeDisabled, testId: testId, ...rest },
+            React.createElement(VisuallyHidden, { as: "legend" }, legend),
+            React.createElement(View, { as: "div", "aria-hidden": "true", className: legendClasses }, legend),
+            children)));
+};
+/**
+ * [📖 Docs](https://ui.docs.amplify.aws/react/components/fieldset)
+ */
+const Fieldset = primitiveWithForwardRef(FieldsetPrimitive);
+Fieldset.displayName = 'Fieldset';
+
+export { Fieldset };

package/dist/esm/primitives/Fieldset/useFieldset.mjs

@@ -1 +1,13 @@
-import*as e from"react";const t=e.createContext({isFieldsetDisabled:!1}),o=()=>e.useContext(t);export{t as FieldsetContext,o as useFieldset};
+import * as React from 'react';
+
+const FieldsetContext = React.createContext({
+    isFieldsetDisabled: false,
+});
+/**
+ * @description Fieldsets in HTML can be disabled, which disables all child
+ * fieldsets and input controls. `useFieldset` passes the disabled state down
+ * via context.
+ */
+const useFieldset = () => React.useContext(FieldsetContext);
+
+export { FieldsetContext, useFieldset };

package/dist/esm/primitives/Flex/Flex.mjs

@@ -1 +1,13 @@
-import{__rest as e}from"tslib";import*as r from"react";import s from"classnames";import{ComponentClassNames as a}from"../shared/constants.mjs";import{View as m}from"../View/View.mjs";const t=r.forwardRef(((t,o)=>{var{className:i,children:c}=t,l=e(t,["className","children"]);return r.createElement(m,Object.assign({className:s(a.Flex,i),ref:o},l),c)}));t.displayName="Flex";export{t as Flex};
+import * as React from 'react';
+import { classNames, ComponentClassName } from '@aws-amplify/ui';
+import { View } from '../View/View.mjs';
+import { primitiveWithForwardRef } from '../utils/primitiveWithForwardRef.mjs';
+
+const FlexPrimitive = ({ className, children, ...rest }, ref) => (React.createElement(View, { className: classNames(ComponentClassName.Flex, className), ref: ref, ...rest }, children));
+/**
+ * [📖 Docs](https://ui.docs.amplify.aws/react/components/flex)
+ */
+const Flex = primitiveWithForwardRef(FlexPrimitive);
+Flex.displayName = 'Flex';
+
+export { Flex };

package/dist/esm/primitives/Grid/Grid.mjs

@@ -1 +1,13 @@
-import{__rest as r}from"tslib";import*as e from"react";import s from"classnames";import{ComponentClassNames as a}from"../shared/constants.mjs";import{View as m}from"../View/View.mjs";const t=e.forwardRef(((t,i)=>{var{className:o,children:c}=t,l=r(t,["className","children"]);return e.createElement(m,Object.assign({className:s(a.Grid,o),ref:i},l),c)}));t.displayName="Grid";export{t as Grid};
+import * as React from 'react';
+import { classNames, ComponentClassName } from '@aws-amplify/ui';
+import { View } from '../View/View.mjs';
+import { primitiveWithForwardRef } from '../utils/primitiveWithForwardRef.mjs';
+
+const GridPrimitive = ({ className, children, ...rest }, ref) => (React.createElement(View, { className: classNames(ComponentClassName.Grid, className), ref: ref, ...rest }, children));
+/**
+ * [📖 Docs](https://ui.docs.amplify.aws/react/components/grid)
+ */
+const Grid = primitiveWithForwardRef(GridPrimitive);
+Grid.displayName = 'Grid';
+
+export { Grid };

package/dist/esm/primitives/Heading/Heading.mjs

@@ -1 +1,21 @@
-import{__rest as e}from"tslib";import*as a from"react";import r from"classnames";import{classNameModifier as s,classNameModifierByFlag as i}from"@aws-amplify/ui";import{ComponentClassNames as m}from"../shared/constants.mjs";import{View as t}from"../View/View.mjs";const n={1:"h1",2:"h2",3:"h3",4:"h4",5:"h5",6:"h6"},o=a.forwardRef(((o,c)=>{var{className:l,children:d,isTruncated:f,level:h=6}=o,p=e(o,["className","children","isTruncated","level"]);return a.createElement(t,Object.assign({as:n[h],className:r(m.Heading,s(m.Heading,h),i(m.Heading,"truncated",f),l),ref:c},p),d)}));o.displayName="Heading";export{o as Heading};
+import * as React from 'react';
+import { classNames, ComponentClassName, classNameModifier, classNameModifierByFlag } from '@aws-amplify/ui';
+import { View } from '../View/View.mjs';
+import { primitiveWithForwardRef } from '../utils/primitiveWithForwardRef.mjs';
+
+const headingLevels = {
+    1: 'h1',
+    2: 'h2',
+    3: 'h3',
+    4: 'h4',
+    5: 'h5',
+    6: 'h6',
+};
+const HeadingPrimitive = ({ className, children, isTruncated, level = 6, ...rest }, ref) => (React.createElement(View, { as: headingLevels[level], className: classNames(ComponentClassName.Heading, classNameModifier(ComponentClassName.Heading, level), classNameModifierByFlag(ComponentClassName.Heading, 'truncated', isTruncated), className), ref: ref, ...rest }, children));
+/**
+ * [📖 Docs](https://ui.docs.amplify.aws/react/components/heading)
+ */
+const Heading = primitiveWithForwardRef(HeadingPrimitive);
+Heading.displayName = 'Heading';
+
+export { Heading };

package/dist/esm/primitives/HighlightMatch/HighlightMatch.mjs

@@ -1 +1,28 @@
-import{__rest as t}from"tslib";import e from"classnames";import*as s from"react";import{View as r}from"../View/View.mjs";import{strHasLength as a}from"../shared/utils.mjs";import{getTestId as i}from"../utils/getTestId.mjs";import{ComponentClassNames as o}from"../shared/constants.mjs";const m=(m,l)=>{var{children:n,className:c,query:h,testId:d}=m,g=t(m,["children","className","query","testId"]);const f=i(d,"match"),p=null==n?void 0:n.toLocaleLowerCase().indexOf(null==h?void 0:h.toLocaleLowerCase());if(a(h)&&-1!==p){const t=n.substring(p,p+h.length);return s.createElement(r,Object.assign({as:"span",className:e(c,o.HighlightMatch),testId:d,ref:l},g),n.substring(0,p),s.createElement(r,{as:"strong",className:o.HighlightMatchHighlighted,testId:f},t),n.substring(p+h.length))}return s.createElement(r,{as:"span",testId:d},n)},l=s.forwardRef(m);l.displayName="HighlightMatch";export{l as HighlightMatch,m as HighlightMatchPrimitive};
+import { classNames, ComponentClassName } from '@aws-amplify/ui';
+import * as React from 'react';
+import { View } from '../View/View.mjs';
+import { strHasLength } from '../shared/utils.mjs';
+import { getTestId } from '../utils/getTestId.mjs';
+import { primitiveWithForwardRef } from '../utils/primitiveWithForwardRef.mjs';
+
+const HighlightMatchPrimitive = ({ children, className, query, testId, ...rest }, ref) => {
+    const matchTestId = getTestId(testId, 'match');
+    const startIndex = children
+        ?.toLocaleLowerCase()
+        .indexOf(query?.toLocaleLowerCase());
+    if (strHasLength(query) && startIndex !== -1) {
+        const match = children.substring(startIndex, startIndex + query.length);
+        return (React.createElement(View, { as: "span", className: classNames(className, ComponentClassName.HighlightMatch), testId: testId, ref: ref, ...rest },
+            children.substring(0, startIndex),
+            React.createElement(View, { as: "strong", className: ComponentClassName.HighlightMatchHighlighted, testId: matchTestId }, match),
+            children.substring(startIndex + query.length)));
+    }
+    return (React.createElement(View, { as: "span", testId: testId }, children));
+};
+/**
+ * [📖 Docs](https://ui.docs.amplify.aws/react/components/highlightmatch)
+ */
+const HighlightMatch = primitiveWithForwardRef(HighlightMatchPrimitive);
+HighlightMatch.displayName = 'HighlightMatch';
+
+export { HighlightMatch, HighlightMatchPrimitive };

package/dist/esm/primitives/Icon/Icon.mjs

@@ -1 +1,36 @@
-import{__rest as e}from"tslib";import*as t from"react";import a from"classnames";import{ComponentClassNames as i}from"../shared/constants.mjs";import{View as m}from"../View/View.mjs";const s={minX:0,minY:0,width:24,height:24},r=t.forwardRef(((r,n)=>{var{className:o,as:h="svg",fill:l="currentColor",pathData:c,viewBox:p=s,children:f,paths:d}=r,w=e(r,["className","as","fill","pathData","viewBox","children","paths"]);const g=p.minX?p.minX:s.minX,v=p.minY?p.minY:s.minY,j=p.width?p.width:s.width,x=p.height?p.height:s.height;let N;return f&&(N=f),d&&(N=d.map(((e,a)=>t.createElement("path",Object.assign({},e,{key:a}))))),c&&(N=t.createElement("path",{d:c,fill:l})),t.createElement(m,Object.assign({as:h,className:a(i.Icon,o),ref:n,viewBox:`${g} ${v} ${j} ${x}`},w),N)}));r.displayName="Icon";export{r as Icon};
+import * as React from 'react';
+import { classNames, ComponentClassName } from '@aws-amplify/ui';
+import { View } from '../View/View.mjs';
+import { primitiveWithForwardRef } from '../utils/primitiveWithForwardRef.mjs';
+
+const defaultViewBox = { minX: 0, minY: 0, width: 24, height: 24 };
+const IconPrimitive = ({ className, 
+// as can be used to render other icon react components too
+as = 'svg', fill = 'currentColor', pathData, viewBox = defaultViewBox, children, paths, ...rest }, ref) => {
+    const minX = viewBox.minX ? viewBox.minX : defaultViewBox.minX;
+    const minY = viewBox.minY ? viewBox.minY : defaultViewBox.minY;
+    const width = viewBox.width ? viewBox.width : defaultViewBox.width;
+    const height = viewBox.height ? viewBox.height : defaultViewBox.height;
+    // An icon can be drawn in 3 ways:
+    // 1. Pass it children which should be valid SVG elements
+    // 2. Pass an array of path-like objects to `paths` prop
+    // 3. Supply `pathData` for a simple icons
+    let _children;
+    if (children) {
+        _children = children;
+    }
+    if (paths) {
+        _children = paths.map((path, index) => React.createElement("path", { ...path, key: index }));
+    }
+    if (pathData) {
+        _children = React.createElement("path", { d: pathData, fill: fill });
+    }
+    return (React.createElement(View, { as: as, className: classNames(ComponentClassName.Icon, className), ref: ref, viewBox: `${minX} ${minY} ${width} ${height}`, ...rest }, _children));
+};
+/**
+ * [📖 Docs](https://ui.docs.amplify.aws/react/components/icon)
+ */
+const Icon = primitiveWithForwardRef(IconPrimitive);
+Icon.displayName = 'Icon';
+
+export { Icon };

package/dist/esm/primitives/Icon/context/IconsContext.mjs

@@ -1 +1,5 @@
-import*as t from"react";const e=t.createContext({});export{e as IconsContext};
+import * as React from 'react';
+
+const IconsContext = React.createContext({});
+
+export { IconsContext };

package/dist/esm/primitives/Icon/context/IconsProvider.mjs

@@ -1 +1,8 @@
-import*as r from"react";import{IconsContext as e}from"./IconsContext.mjs";function o({children:o,icons:t}){return r.createElement(e.Provider,{value:t},o)}export{o as IconsProvider};
+import * as React from 'react';
+import { IconsContext } from './IconsContext.mjs';
+
+function IconsProvider({ children, icons, }) {
+    return (React.createElement(IconsContext.Provider, { value: icons }, children));
+}
+
+export { IconsProvider };

package/dist/esm/primitives/Icon/context/useIcons.mjs

@@ -1 +1,12 @@
-import*as t from"react";import{IconsContext as o}from"./IconsContext.mjs";function r(r){const n=t.useContext(o);if(r&&n)return n[r]}export{r as useIcons};
+import * as React from 'react';
+import { IconsContext } from './IconsContext.mjs';
+
+function useIcons(component) {
+    const context = React.useContext(IconsContext);
+    if (component && context) {
+        return context[component];
+    }
+    return undefined;
+}
+
+export { useIcons };

package/dist/esm/primitives/Icon/icons/IconAdd.mjs

@@ -1 +1,15 @@
-import{__rest as e}from"tslib";import*as t from"react";import s from"classnames";import{ComponentClassNames as m}from"../../shared/constants.mjs";import{View as r}from"../../View/View.mjs";const o=o=>{const{className:a}=o,i=e(o,["className"]);return t.createElement(r,Object.assign({as:"span",width:"1em",height:"1em",className:s(m.Icon,a)},i),t.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t.createElement("path",{d:"M19 13H13V19H11V13H5V11H11V5H13V11H19V13Z",fill:"currentColor"})))};export{o as IconAdd};
+import * as React from 'react';
+import { classNames, ComponentClassName } from '@aws-amplify/ui';
+import { View } from '../../View/View.mjs';
+
+/**
+ * @internal For internal Amplify UI use only. May be removed in a future release.
+ */
+const IconAdd = (props) => {
+    const { className, ...rest } = props;
+    return (React.createElement(View, { as: "span", width: "1em", height: "1em", className: classNames(ComponentClassName.Icon, className), ...rest },
+        React.createElement("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+            React.createElement("path", { d: "M19 13H13V19H11V13H5V11H11V5H13V11H19V13Z", fill: "currentColor" }))));
+};
+
+export { IconAdd };

package/dist/esm/primitives/Icon/icons/IconCheck.mjs

@@ -1 +1,15 @@
-import{__rest as e}from"tslib";import*as t from"react";import s from"classnames";import{ComponentClassNames as m}from"../../shared/constants.mjs";import{View as r}from"../../View/View.mjs";const o=o=>{const{className:a}=o,i=e(o,["className"]);return t.createElement(r,Object.assign({as:"span",width:"1em",height:"1em",className:s(m.Icon,a)},i),t.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t.createElement("path",{d:"M9.00016 16.1698L4.83016 11.9998L3.41016 13.4098L9.00016 18.9998L21.0002 6.99984L19.5902 5.58984L9.00016 16.1698Z",fill:"currentColor"})))};export{o as IconCheck};
+import * as React from 'react';
+import { classNames, ComponentClassName } from '@aws-amplify/ui';
+import { View } from '../../View/View.mjs';
+
+/**
+ * @internal For internal Amplify UI use only. May be removed in a future release.
+ */
+const IconCheck = (props) => {
+    const { className, ...rest } = props;
+    return (React.createElement(View, { as: "span", width: "1em", height: "1em", className: classNames(ComponentClassName.Icon, className), ...rest },
+        React.createElement("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+            React.createElement("path", { d: "M9.00016 16.1698L4.83016 11.9998L3.41016 13.4098L9.00016 18.9998L21.0002 6.99984L19.5902 5.58984L9.00016 16.1698Z", fill: "currentColor" }))));
+};
+
+export { IconCheck };

package/dist/esm/primitives/Icon/icons/IconCheckCircle.mjs

@@ -1 +1,15 @@
-import{__rest as e}from"tslib";import*as t from"react";import s from"classnames";import{ComponentClassNames as m}from"../../shared/constants.mjs";import{View as r}from"../../View/View.mjs";const o=o=>{const{className:a}=o,i=e(o,["className"]);return t.createElement(r,Object.assign({as:"span",width:"1em",height:"1em",className:s(m.Icon,a)},i),t.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t.createElement("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 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 20ZM16.59 7.58L10 14.17L7.41 11.59L6 13L10 17L18 9L16.59 7.58Z",fill:"currentColor"})))};export{o as IconCheckCircle};
+import * as React from 'react';
+import { classNames, ComponentClassName } from '@aws-amplify/ui';
+import { View } from '../../View/View.mjs';
+
+/**
+ * @internal For internal Amplify UI use only. May be removed in a future release.
+ */
+const IconCheckCircle = (props) => {
+    const { className, ...rest } = props;
+    return (React.createElement(View, { as: "span", width: "1em", height: "1em", className: classNames(ComponentClassName.Icon, className), ...rest },
+        React.createElement("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+            React.createElement("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 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 20ZM16.59 7.58L10 14.17L7.41 11.59L6 13L10 17L18 9L16.59 7.58Z", fill: "currentColor" }))));
+};
+
+export { IconCheckCircle };

package/dist/esm/primitives/Icon/icons/IconCheckCircleOutline.mjs

@@ -1 +1,13 @@
-import{__rest as s}from"tslib";import m from"classnames";import*as e from"react";import{ComponentClassNames as t}from"../../shared/constants.mjs";import{View as a}from"../../View/View.mjs";const r=r=>{const{className:o}=r,c=s(r,["className"]);return e.createElement(a,Object.assign({as:"span",width:"1em",height:"1em",className:m(t.Icon,o)},c))};export{r as IconCheckCircleOutline};
+import { classNames, ComponentClassName } from '@aws-amplify/ui';
+import * as React from 'react';
+import { View } from '../../View/View.mjs';
+
+/**
+ * @internal For internal Amplify UI use only. May be removed in a future release.
+ */
+const IconCheckCircleOutline = (props) => {
+    const { className, ...rest } = props;
+    return (React.createElement(View, { as: "span", width: "1em", height: "1em", className: classNames(ComponentClassName.Icon, className), ...rest }));
+};
+
+export { IconCheckCircleOutline };

package/dist/esm/primitives/Icon/icons/IconChevronLeft.mjs

@@ -1 +1,15 @@
-import{__rest as e}from"tslib";import t from"classnames";import*as s from"react";import{ComponentClassNames as m}from"../../shared/constants.mjs";import{View as r}from"../../View/View.mjs";const o=o=>{const{className:a}=o,i=e(o,["className"]);return s.createElement(r,Object.assign({as:"span",width:"1em",height:"1em",className:t(m.Icon,a)},i),s.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},s.createElement("path",{d:"M15.41 7.41L14 6L8 12L14 18L15.41 16.59L10.83 12L15.41 7.41Z",fill:"currentColor"})))};export{o as IconChevronLeft};
+import { classNames, ComponentClassName } from '@aws-amplify/ui';
+import * as React from 'react';
+import { View } from '../../View/View.mjs';
+
+/**
+ * @internal For internal Amplify UI use only. May be removed in a future release.
+ */
+const IconChevronLeft = (props) => {
+    const { className, ...rest } = props;
+    return (React.createElement(View, { as: "span", width: "1em", height: "1em", className: classNames(ComponentClassName.Icon, className), ...rest },
+        React.createElement("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+            React.createElement("path", { d: "M15.41 7.41L14 6L8 12L14 18L15.41 16.59L10.83 12L15.41 7.41Z", fill: "currentColor" }))));
+};
+
+export { IconChevronLeft };

package/dist/esm/primitives/Icon/icons/IconChevronRight.mjs

@@ -1 +1,15 @@
-import{__rest as e}from"tslib";import t from"classnames";import*as s from"react";import{ComponentClassNames as m}from"../../shared/constants.mjs";import{View as r}from"../../View/View.mjs";const o=o=>{const{className:a}=o,i=e(o,["className"]);return s.createElement(r,Object.assign({as:"span",width:"1em",height:"1em",className:t(m.Icon,a)},i),s.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},s.createElement("path",{d:"M9.99984 6L8.58984 7.41L13.1698 12L8.58984 16.59L9.99984 18L15.9998 12L9.99984 6Z",fill:"currentColor"})))};export{o as IconChevronRight};
+import { classNames, ComponentClassName } from '@aws-amplify/ui';
+import * as React from 'react';
+import { View } from '../../View/View.mjs';
+
+/**
+ * @internal For internal Amplify UI use only. May be removed in a future release.
+ */
+const IconChevronRight = (props) => {
+    const { className, ...rest } = props;
+    return (React.createElement(View, { as: "span", width: "1em", height: "1em", className: classNames(ComponentClassName.Icon, className), ...rest },
+        React.createElement("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+            React.createElement("path", { d: "M9.99984 6L8.58984 7.41L13.1698 12L8.58984 16.59L9.99984 18L15.9998 12L9.99984 6Z", fill: "currentColor" }))));
+};
+
+export { IconChevronRight };

package/dist/esm/primitives/Icon/icons/IconClose.mjs

@@ -1 +1,15 @@
-import{__rest as e}from"tslib";import t from"classnames";import*as s from"react";import{ComponentClassNames as m}from"../../shared/constants.mjs";import{View as r}from"../../View/View.mjs";const i=i=>{const{className:o,size:a}=i,l=e(i,["className","size"]);return s.createElement(r,Object.assign({as:"span",width:null!=a?a:"1em",height:null!=a?a:"1em",className:t(m.Icon,o)},l),s.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:a?{width:a,height:a}:void 0},s.createElement("path",{d:"M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12L19 6.41Z",fill:"currentColor"})))};export{i as IconClose};
+import { classNames, ComponentClassName } from '@aws-amplify/ui';
+import * as React from 'react';
+import { View } from '../../View/View.mjs';
+
+/**
+ * @internal For internal Amplify UI use only. May be removed in a future release.
+ */
+const IconClose = (props) => {
+    const { className, size, ...rest } = props;
+    return (React.createElement(View, { as: "span", width: size ?? '1em', height: size ?? '1em', className: classNames(ComponentClassName.Icon, className), ...rest },
+        React.createElement("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", style: size ? { width: size, height: size } : undefined },
+            React.createElement("path", { d: "M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12L19 6.41Z", fill: "currentColor" }))));
+};
+
+export { IconClose };

package/dist/esm/primitives/Icon/icons/IconEdit.mjs

@@ -1 +1,15 @@
-import{__rest as e}from"tslib";import t from"classnames";import*as s from"react";import{ComponentClassNames as m}from"../../shared/constants.mjs";import{View as r}from"../../View/View.mjs";const a=a=>{const{className:o}=a,l=e(a,["className"]);return s.createElement(r,Object.assign({as:"span",width:"1em",height:"1em",className:t(m.Icon,o)},l),s.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},s.createElement("path",{d:"M3 21h3.75L17.81 9.94l-3.75-3.75L3 17.25V21zm2-2.92l9.06-9.06.92.92L5.92 19H5v-.92zM18.37 3.29a.996.996 0 00-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83a.996.996 0 000-1.41l-2.34-2.34z",fill:"currentColor"})))};export{a as IconEdit};
+import { classNames, ComponentClassName } from '@aws-amplify/ui';
+import * as React from 'react';
+import { View } from '../../View/View.mjs';
+
+/**
+ * @internal For internal Amplify UI use only. May be removed in a future release.
+ */
+const IconEdit = (props) => {
+    const { className, ...rest } = props;
+    return (React.createElement(View, { as: "span", width: "1em", height: "1em", className: classNames(ComponentClassName.Icon, className), ...rest },
+        React.createElement("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+            React.createElement("path", { d: "M3 21h3.75L17.81 9.94l-3.75-3.75L3 17.25V21zm2-2.92l9.06-9.06.92.92L5.92 19H5v-.92zM18.37 3.29a.996.996 0 00-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83a.996.996 0 000-1.41l-2.34-2.34z", fill: "currentColor" }))));
+};
+
+export { IconEdit };

package/dist/esm/primitives/Icon/icons/IconError.mjs

@@ -1 +1,15 @@
-import{__rest as e}from"tslib";import t from"classnames";import*as s from"react";import{ComponentClassNames as m}from"../../shared/constants.mjs";import{View as r}from"../../View/View.mjs";const o=o=>{const{className:a}=o,i=e(o,["className"]);return s.createElement(r,Object.assign({as:"span",width:"1em",height:"1em",className:t(m.Icon,a)},i),s.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},s.createElement("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 2ZM13 17H11V15H13V17ZM13 13H11V7H13V13Z",fill:"currentColor"})))};export{o as IconError};
+import { classNames, ComponentClassName } from '@aws-amplify/ui';
+import * as React from 'react';
+import { View } from '../../View/View.mjs';
+
+/**
+ * @internal For internal Amplify UI use only. May be removed in a future release.
+ */
+const IconError = (props) => {
+    const { className, ...rest } = props;
+    return (React.createElement(View, { as: "span", width: "1em", height: "1em", className: classNames(ComponentClassName.Icon, className), ...rest },
+        React.createElement("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+            React.createElement("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 2ZM13 17H11V15H13V17ZM13 13H11V7H13V13Z", fill: "currentColor" }))));
+};
+
+export { IconError };

package/dist/esm/primitives/Icon/icons/IconExpandMore.mjs

@@ -1 +1,15 @@
-import{__rest as e}from"tslib";import t from"classnames";import*as s from"react";import{ComponentClassNames as m}from"../../shared/constants.mjs";import{View as r}from"../../View/View.mjs";const o=o=>{const{className:a}=o,i=e(o,["className"]);return s.createElement(r,Object.assign({as:"span",width:"1em",height:"1em",className:t(m.Icon,a)},i),s.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},s.createElement("path",{d:"M16.59 8.58984L12 13.1698L7.41 8.58984L6 9.99984L12 15.9998L18 9.99984L16.59 8.58984Z",fill:"currentColor"})))};export{o as IconExpandMore};
+import { classNames, ComponentClassName } from '@aws-amplify/ui';
+import * as React from 'react';
+import { View } from '../../View/View.mjs';
+
+/**
+ * @internal For internal Amplify UI use only. May be removed in a future release.
+ */
+const IconExpandMore = (props) => {
+    const { className, ...rest } = props;
+    return (React.createElement(View, { as: "span", width: "1em", height: "1em", className: classNames(ComponentClassName.Icon, className), ...rest },
+        React.createElement("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+            React.createElement("path", { d: "M16.59 8.58984L12 13.1698L7.41 8.58984L6 9.99984L12 15.9998L18 9.99984L16.59 8.58984Z", fill: "currentColor" }))));
+};
+
+export { IconExpandMore };

package/dist/esm/primitives/Icon/icons/IconFile.mjs

@@ -1 +1,15 @@
-import{__rest as e}from"tslib";import t from"classnames";import*as s from"react";import{ComponentClassNames as m}from"../../shared/constants.mjs";import{View as r}from"../../View/View.mjs";const o=o=>{const{className:a}=o,c=e(o,["className"]);return s.createElement(r,Object.assign({as:"span",width:"1em",height:"1em",className:t(m.Icon,a)},c),s.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},s.createElement("path",{d:"M6 2c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6H6zm7 7V3.5L18.5 9H13z",fill:"currentColor"})))};export{o as IconFile};
+import { classNames, ComponentClassName } from '@aws-amplify/ui';
+import * as React from 'react';
+import { View } from '../../View/View.mjs';
+
+/**
+ * @internal For internal Amplify UI use only. May be removed in a future release.
+ */
+const IconFile = (props) => {
+    const { className, ...rest } = props;
+    return (React.createElement(View, { as: "span", width: "1em", height: "1em", className: classNames(ComponentClassName.Icon, className), ...rest },
+        React.createElement("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+            React.createElement("path", { d: "M6 2c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6H6zm7 7V3.5L18.5 9H13z", fill: "currentColor" }))));
+};
+
+export { IconFile };

package/dist/esm/primitives/Icon/icons/IconIndeterminate.mjs

@@ -1 +1,15 @@
-import{__rest as e}from"tslib";import t from"classnames";import*as s from"react";import{ComponentClassNames as r}from"../../shared/constants.mjs";import{View as m}from"../../View/View.mjs";const o=o=>{const{className:a}=o,i=e(o,["className"]);return s.createElement(m,Object.assign({as:"span",width:"1em",height:"1em",className:t(r.Icon,a)},i),s.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",height:"24",width:"24",viewBox:"0 0 24 24"},s.createElement("line",{x1:"4",x2:"20",y1:"12",y2:"12",stroke:"currentColor",strokeWidth:"3"})))};export{o as IconIndeterminate};
+import { classNames, ComponentClassName } from '@aws-amplify/ui';
+import * as React from 'react';
+import { View } from '../../View/View.mjs';
+
+/**
+ * @internal For internal Amplify UI use only. May be removed in a future release.
+ */
+const IconIndeterminate = (props) => {
+    const { className, ...rest } = props;
+    return (React.createElement(View, { as: "span", width: "1em", height: "1em", className: classNames(ComponentClassName.Icon, className), ...rest },
+        React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24", width: "24", viewBox: "0 0 24 24" },
+            React.createElement("line", { x1: "4", x2: "20", y1: "12", y2: "12", stroke: "currentColor", strokeWidth: "3" }))));
+};
+
+export { IconIndeterminate };

package/dist/esm/primitives/Icon/icons/IconInfo.mjs

@@ -1 +1,15 @@
-import{__rest as e}from"tslib";import t from"classnames";import*as s from"react";import{ComponentClassNames as m}from"../../shared/constants.mjs";import{View as r}from"../../View/View.mjs";const o=o=>{const{className:a}=o,i=e(o,["className"]);return s.createElement(r,Object.assign({as:"span",width:"1em",height:"1em",className:t(m.Icon,a)},i),s.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},s.createElement("path",{d:"M11 7H13V9H11V7ZM11 11H13V17H11V11ZM12 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{o as IconInfo};
+import { classNames, ComponentClassName } from '@aws-amplify/ui';
+import * as React from 'react';
+import { View } from '../../View/View.mjs';
+
+/**
+ * @internal For internal Amplify UI use only. May be removed in a future release.
+ */
+const IconInfo = (props) => {
+    const { className, ...rest } = props;
+    return (React.createElement(View, { as: "span", width: "1em", height: "1em", className: classNames(ComponentClassName.Icon, className), ...rest },
+        React.createElement("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+            React.createElement("path", { d: "M11 7H13V9H11V7ZM11 11H13V17H11V11ZM12 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 { IconInfo };

package/dist/esm/primitives/Icon/icons/IconMenu.mjs

@@ -1 +1,15 @@
-import{__rest as e}from"tslib";import t from"classnames";import*as s from"react";import{ComponentClassNames as m}from"../../shared/constants.mjs";import{View as r}from"../../View/View.mjs";const o=o=>{const{className:a}=o,i=e(o,["className"]);return s.createElement(r,Object.assign({as:"span",width:"1em",height:"1em",className:t(m.Icon,a)},i),s.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},s.createElement("path",{d:"M3 18H21V16H3V18ZM3 13H21V11H3V13ZM3 6V8H21V6H3Z",fill:"currentColor"})))};export{o as IconMenu};
+import { classNames, ComponentClassName } from '@aws-amplify/ui';
+import * as React from 'react';
+import { View } from '../../View/View.mjs';
+
+/**
+ * @internal For internal Amplify UI use only. May be removed in a future release.
+ */
+const IconMenu = (props) => {
+    const { className, ...rest } = props;
+    return (React.createElement(View, { as: "span", width: "1em", height: "1em", className: classNames(ComponentClassName.Icon, className), ...rest },
+        React.createElement("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+            React.createElement("path", { d: "M3 18H21V16H3V18ZM3 13H21V11H3V13ZM3 6V8H21V6H3Z", fill: "currentColor" }))));
+};
+
+export { IconMenu };

package/dist/esm/primitives/Icon/icons/IconRemove.mjs

@@ -1 +1,15 @@
-import{__rest as e}from"tslib";import t from"classnames";import*as s from"react";import{ComponentClassNames as m}from"../../shared/constants.mjs";import{View as r}from"../../View/View.mjs";const o=o=>{const{className:a}=o,i=e(o,["className"]);return s.createElement(r,Object.assign({as:"span",width:"1em",height:"1em",className:t(m.Icon,a)},i),s.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},s.createElement("path",{d:"M19 13H5V11H19V13Z",fill:"currentColor"})))};export{o as IconRemove};
+import { classNames, ComponentClassName } from '@aws-amplify/ui';
+import * as React from 'react';
+import { View } from '../../View/View.mjs';
+
+/**
+ * @internal For internal Amplify UI use only. May be removed in a future release.
+ */
+const IconRemove = (props) => {
+    const { className, ...rest } = props;
+    return (React.createElement(View, { as: "span", width: "1em", height: "1em", className: classNames(ComponentClassName.Icon, className), ...rest },
+        React.createElement("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+            React.createElement("path", { d: "M19 13H5V11H19V13Z", fill: "currentColor" }))));
+};
+
+export { IconRemove };

package/dist/esm/primitives/Icon/icons/IconSearch.mjs

@@ -1 +1,15 @@
-import{__rest as e}from"tslib";import*as t from"react";import s from"classnames";import{ComponentClassNames as m}from"../../shared/constants.mjs";import{View as r}from"../../View/View.mjs";const o=o=>{const{className:a}=o,i=e(o,["className"]);return t.createElement(r,Object.assign({as:"span",width:"1em",height:"1em",className:s(m.Icon,a)},i),t.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t.createElement("path",{d:"M15.5 14H14.71L14.43 13.73C15.41 12.59 16 11.11 16 9.5C16 5.91 13.09 3 9.5 3C5.91 3 3 5.91 3 9.5C3 13.09 5.91 16 9.5 16C11.11 16 12.59 15.41 13.73 14.43L14 14.71V15.5L19 20.49L20.49 19L15.5 14V14ZM9.5 14C7.01 14 5 11.99 5 9.5C5 7.01 7.01 5 9.5 5C11.99 5 14 7.01 14 9.5C14 11.99 11.99 14 9.5 14Z",fill:"currentColor"})))};export{o as IconSearch};
+import * as React from 'react';
+import { classNames, ComponentClassName } from '@aws-amplify/ui';
+import { View } from '../../View/View.mjs';
+
+/**
+ * @internal For internal Amplify UI use only. May be removed in a future release.
+ */
+const IconSearch = (props) => {
+    const { className, ...rest } = props;
+    return (React.createElement(View, { as: "span", width: "1em", height: "1em", className: classNames(ComponentClassName.Icon, className), ...rest },
+        React.createElement("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+            React.createElement("path", { d: "M15.5 14H14.71L14.43 13.73C15.41 12.59 16 11.11 16 9.5C16 5.91 13.09 3 9.5 3C5.91 3 3 5.91 3 9.5C3 13.09 5.91 16 9.5 16C11.11 16 12.59 15.41 13.73 14.43L14 14.71V15.5L19 20.49L20.49 19L15.5 14V14ZM9.5 14C7.01 14 5 11.99 5 9.5C5 7.01 7.01 5 9.5 5C11.99 5 14 7.01 14 9.5C14 11.99 11.99 14 9.5 14Z", fill: "currentColor" }))));
+};
+
+export { IconSearch };

package/dist/esm/primitives/Icon/icons/IconStar.mjs

@@ -1 +1,15 @@
-import{__rest as e}from"tslib";import t from"classnames";import*as s from"react";import{ComponentClassNames as m}from"../../shared/constants.mjs";import{View as r}from"../../View/View.mjs";const o=o=>{const{className:a}=o,i=e(o,["className"]);return s.createElement(r,Object.assign({as:"span",width:"1em",height:"1em",className:t(m.Icon,a)},i),s.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},s.createElement("path",{d:"M12 17.27L18.18 21L16.54 13.97L22 9.24L14.81 8.63L12 2L9.19 8.63L2 9.24L7.46 13.97L5.82 21L12 17.27Z",fill:"currentColor"})))};export{o as IconStar};
+import { classNames, ComponentClassName } from '@aws-amplify/ui';
+import * as React from 'react';
+import { View } from '../../View/View.mjs';
+
+/**
+ * @internal For internal Amplify UI use only. May be removed in a future release.
+ */
+const IconStar = (props) => {
+    const { className, ...rest } = props;
+    return (React.createElement(View, { as: "span", width: "1em", height: "1em", className: classNames(ComponentClassName.Icon, className), ...rest },
+        React.createElement("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+            React.createElement("path", { d: "M12 17.27L18.18 21L16.54 13.97L22 9.24L14.81 8.63L12 2L9.19 8.63L2 9.24L7.46 13.97L5.82 21L12 17.27Z", fill: "currentColor" }))));
+};
+
+export { IconStar };

package/dist/esm/primitives/Icon/icons/IconUpload.mjs

@@ -1 +1,15 @@
-import{__rest as e}from"tslib";import t from"classnames";import*as s from"react";import{ComponentClassNames as m}from"../../shared/constants.mjs";import{View as r}from"../../View/View.mjs";const o=o=>{const{className:a}=o,c=e(o,["className"]);return s.createElement(r,Object.assign({as:"span",width:"1em",height:"1em",className:t(m.Icon,a)},c),s.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},s.createElement("path",{d:"M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm4 18H6V4h7v5h5v11zM8 15.01l1.41 1.41L11 14.84V19h2v-4.16l1.59 1.59L16 15.01 12.01 11 8 15.01z",fill:"currentColor"})))};export{o as IconUpload};
+import { classNames, ComponentClassName } from '@aws-amplify/ui';
+import * as React from 'react';
+import { View } from '../../View/View.mjs';
+
+/**
+ * @internal For internal Amplify UI use only. May be removed in a future release.
+ */
+const IconUpload = (props) => {
+    const { className, ...rest } = props;
+    return (React.createElement(View, { as: "span", width: "1em", height: "1em", className: classNames(ComponentClassName.Icon, className), ...rest },
+        React.createElement("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+            React.createElement("path", { d: "M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm4 18H6V4h7v5h5v11zM8 15.01l1.41 1.41L11 14.84V19h2v-4.16l1.59 1.59L16 15.01 12.01 11 8 15.01z", fill: "currentColor" }))));
+};
+
+export { IconUpload };

package/dist/esm/primitives/Icon/icons/IconVisibility.mjs

@@ -1 +1,15 @@
-import{__rest as e}from"tslib";import t from"classnames";import*as s from"react";import{ComponentClassNames as m}from"../../shared/constants.mjs";import{View as r}from"../../View/View.mjs";const o=o=>{const{className:a}=o,C=e(o,["className"]);return s.createElement(r,Object.assign({as:"span",width:"1em",height:"1em",className:t(m.Icon,a)},C),s.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},s.createElement("path",{d:"M12 6C15.79 6 19.17 8.13 20.82 11.5C19.17 14.87 15.79 17 12 17C8.21 17 4.83 14.87 3.18 11.5C4.83 8.13 8.21 6 12 6ZM12 4C7 4 2.73 7.11 1 11.5C2.73 15.89 7 19 12 19C17 19 21.27 15.89 23 11.5C21.27 7.11 17 4 12 4ZM12 9C13.38 9 14.5 10.12 14.5 11.5C14.5 12.88 13.38 14 12 14C10.62 14 9.5 12.88 9.5 11.5C9.5 10.12 10.62 9 12 9ZM12 7C9.52 7 7.5 9.02 7.5 11.5C7.5 13.98 9.52 16 12 16C14.48 16 16.5 13.98 16.5 11.5C16.5 9.02 14.48 7 12 7Z",fill:"currentColor"})))};export{o as IconVisibility};
+import { classNames, ComponentClassName } from '@aws-amplify/ui';
+import * as React from 'react';
+import { View } from '../../View/View.mjs';
+
+/**
+ * @internal For internal Amplify UI use only. May be removed in a future release.
+ */
+const IconVisibility = (props) => {
+    const { className, ...rest } = props;
+    return (React.createElement(View, { as: "span", width: "1em", height: "1em", className: classNames(ComponentClassName.Icon, className), ...rest },
+        React.createElement("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+            React.createElement("path", { d: "M12 6C15.79 6 19.17 8.13 20.82 11.5C19.17 14.87 15.79 17 12 17C8.21 17 4.83 14.87 3.18 11.5C4.83 8.13 8.21 6 12 6ZM12 4C7 4 2.73 7.11 1 11.5C2.73 15.89 7 19 12 19C17 19 21.27 15.89 23 11.5C21.27 7.11 17 4 12 4ZM12 9C13.38 9 14.5 10.12 14.5 11.5C14.5 12.88 13.38 14 12 14C10.62 14 9.5 12.88 9.5 11.5C9.5 10.12 10.62 9 12 9ZM12 7C9.52 7 7.5 9.02 7.5 11.5C7.5 13.98 9.52 16 12 16C14.48 16 16.5 13.98 16.5 11.5C16.5 9.02 14.48 7 12 7Z", fill: "currentColor" }))));
+};
+
+export { IconVisibility };