@veeqo/ui 14.9.1 → 14.10.0-beta-2

package/dist/components/LegacyDataTable/SpecificState/styled.cjs

@@ -1,21 +0,0 @@
-'use strict';
-
-var styled = require('styled-components');
-var index = require('../../../theme/index.cjs');
-var BaseContainer = require('../../BaseContainer/BaseContainer.cjs');
-var Text = require('../../Text/Text.cjs');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
-
-const SpecificStateContainer = styled__default.default(BaseContainer.BaseContainer).withConfig({ displayName: "vui--SpecificStateContainer", componentId: "vui--991hgo" }) `display:flex;flex-direction:column;justify-content:center;align-items:center;height:${(props) => props.height}px;background:white;`;
-const EllipseContainer = styled__default.default(BaseContainer.BaseContainer).withConfig({ displayName: "vui--EllipseContainer", componentId: "vui--1oi4ebm" }) `display:flex;justify-content:center;align-items:center;width:120px;height:120px;border-radius:100px;background:${index.theme.colors.neutral.grey.base};svg{width:64px !important;height:64px !important;}`;
-const TitleText = styled__default.default(Text.Text).withConfig({ displayName: "vui--TitleText", componentId: "vui--pj8i0k" }) `margin-top:24px;`;
-const SubTitleText = styled__default.default(Text.Text).withConfig({ displayName: "vui--SubTitleText", componentId: "vui--19x6udv" }) `margin-top:8px;`;
-
-exports.EllipseContainer = EllipseContainer;
-exports.SpecificStateContainer = SpecificStateContainer;
-exports.SubTitleText = SubTitleText;
-exports.TitleText = TitleText;
-//# sourceMappingURL=styled.cjs.map

package/dist/components/LegacyDataTable/SpecificState/styled.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"styled.cjs","sources":["../../../../src/components/LegacyDataTable/SpecificState/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { theme } from '../../../theme';\nimport { BaseContainer } from '../../BaseContainer';\nimport { Text } from '../../Text';\n\ntype SpecificStateContainerPropTypes = {\n  height: number;\n};\n\nconst SpecificStateContainer = styled(BaseContainer)<SpecificStateContainerPropTypes>`\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  height: ${(props) => props.height}px;\n  background: white;\n`;\n\nconst EllipseContainer = styled(BaseContainer)`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 120px;\n  height: 120px;\n  border-radius: 100px;\n  background: ${theme.colors.neutral.grey.base};\n\n  svg {\n    width: 64px !important;\n    height: 64px !important;\n  }\n`;\n\nconst TitleText = styled(Text)`\n  margin-top: 24px;\n`;\n\nconst SubTitleText = styled(Text)`\n  margin-top: 8px;\n`;\n\nexport { SpecificStateContainer, EllipseContainer, TitleText, SubTitleText };\n"],"names":["styled","BaseContainer","theme","Text"],"mappings":";;;;;;;;;;;AASA,MAAM,sBAAsB,GAAGA,uBAAM,CAACC,2BAAa,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,6BAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,oFAAA,EAKxC,CAAC,KAAK,KAAK,KAAK,CAAC,MAAM;AAInC,MAAM,gBAAgB,GAAGD,uBAAM,CAACC,2BAAa,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,uBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,+GAAA,EAO9BC,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI;AAQ9C,MAAM,SAAS,GAAGF,uBAAM,CAACG,SAAI,CAAC;AAI9B,MAAM,YAAY,GAAGH,uBAAM,CAACG,SAAI,CAAC;;;;;;;"}

package/dist/components/LegacyDataTable/SpecificState/styled.d.ts

@@ -1,17 +0,0 @@
-/// <reference types="react" />
-type SpecificStateContainerPropTypes = {
-    height: number;
-};
-declare const SpecificStateContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../BaseContainer").BaseContainerProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>, any, SpecificStateContainerPropTypes, never>;
-declare const EllipseContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../BaseContainer").BaseContainerProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
-declare const TitleText: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<{
-    as?: import("../../Text").ValidTextTag | undefined;
-    muted?: boolean | undefined;
-    variant?: "body" | "button" | "link" | "placeholder" | "headingXXL" | "headingXL" | "headingLarge" | "headingMedium" | "headingSmall" | "headingTable" | "subheadingLarge" | "subheadingMedium" | "subheadingSmall" | "subheadingSmallBold" | "bodySmall" | "bodyBold" | "bodyBoldDark" | "bodySmallBold" | "inputLabel" | "inputLabelSmall" | "hintText" | "placeholderSmall" | "placeholderCode" | "placeholderCodeSmall" | "error" | "errorSmall" | "successSmall" | "buttonSmall" | "linkLarge" | "linkMedium" | "linkSmall" | undefined;
-} & import("react").HTMLAttributes<HTMLElement> & import("react").LabelHTMLAttributes<HTMLLabelElement> & import("react").RefAttributes<HTMLElement>>, any, {}, never>;
-declare const SubTitleText: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<{
-    as?: import("../../Text").ValidTextTag | undefined;
-    muted?: boolean | undefined;
-    variant?: "body" | "button" | "link" | "placeholder" | "headingXXL" | "headingXL" | "headingLarge" | "headingMedium" | "headingSmall" | "headingTable" | "subheadingLarge" | "subheadingMedium" | "subheadingSmall" | "subheadingSmallBold" | "bodySmall" | "bodyBold" | "bodyBoldDark" | "bodySmallBold" | "inputLabel" | "inputLabelSmall" | "hintText" | "placeholderSmall" | "placeholderCode" | "placeholderCodeSmall" | "error" | "errorSmall" | "successSmall" | "buttonSmall" | "linkLarge" | "linkMedium" | "linkSmall" | undefined;
-} & import("react").HTMLAttributes<HTMLElement> & import("react").LabelHTMLAttributes<HTMLLabelElement> & import("react").RefAttributes<HTMLElement>>, any, {}, never>;
-export { SpecificStateContainer, EllipseContainer, TitleText, SubTitleText };

package/dist/components/LegacyDataTable/SpecificState/styled.js

@@ -1,12 +0,0 @@
-import styled from 'styled-components';
-import { theme } from '../../../theme/index.js';
-import { BaseContainer } from '../../BaseContainer/BaseContainer.js';
-import { Text } from '../../Text/Text.js';
-
-const SpecificStateContainer = styled(BaseContainer).withConfig({ displayName: "vui--SpecificStateContainer", componentId: "vui--991hgo" }) `display:flex;flex-direction:column;justify-content:center;align-items:center;height:${(props) => props.height}px;background:white;`;
-const EllipseContainer = styled(BaseContainer).withConfig({ displayName: "vui--EllipseContainer", componentId: "vui--1oi4ebm" }) `display:flex;justify-content:center;align-items:center;width:120px;height:120px;border-radius:100px;background:${theme.colors.neutral.grey.base};svg{width:64px !important;height:64px !important;}`;
-const TitleText = styled(Text).withConfig({ displayName: "vui--TitleText", componentId: "vui--pj8i0k" }) `margin-top:24px;`;
-const SubTitleText = styled(Text).withConfig({ displayName: "vui--SubTitleText", componentId: "vui--19x6udv" }) `margin-top:8px;`;
-
-export { EllipseContainer, SpecificStateContainer, SubTitleText, TitleText };
-//# sourceMappingURL=styled.js.map

package/dist/components/LegacyDataTable/SpecificState/styled.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styled.js","sources":["../../../../src/components/LegacyDataTable/SpecificState/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { theme } from '../../../theme';\nimport { BaseContainer } from '../../BaseContainer';\nimport { Text } from '../../Text';\n\ntype SpecificStateContainerPropTypes = {\n  height: number;\n};\n\nconst SpecificStateContainer = styled(BaseContainer)<SpecificStateContainerPropTypes>`\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  height: ${(props) => props.height}px;\n  background: white;\n`;\n\nconst EllipseContainer = styled(BaseContainer)`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 120px;\n  height: 120px;\n  border-radius: 100px;\n  background: ${theme.colors.neutral.grey.base};\n\n  svg {\n    width: 64px !important;\n    height: 64px !important;\n  }\n`;\n\nconst TitleText = styled(Text)`\n  margin-top: 24px;\n`;\n\nconst SubTitleText = styled(Text)`\n  margin-top: 8px;\n`;\n\nexport { SpecificStateContainer, EllipseContainer, TitleText, SubTitleText };\n"],"names":[],"mappings":";;;;;AASA,MAAM,sBAAsB,GAAG,MAAM,CAAC,aAAa,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,6BAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,oFAAA,EAKxC,CAAC,KAAK,KAAK,KAAK,CAAC,MAAM;AAInC,MAAM,gBAAgB,GAAG,MAAM,CAAC,aAAa,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,uBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,+GAAA,EAO9B,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI;AAQ9C,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC;AAI9B,MAAM,YAAY,GAAG,MAAM,CAAC,IAAI,CAAC;;;;"}

package/dist/components/LegacyDataTable/cells/styled.cjs

@@ -1,14 +0,0 @@
-'use strict';
-
-var styled = require('styled-components');
-var index = require('../../../theme/index.cjs');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
-
-/* eslint-disable import/prefer-default-export */
-const CellButton = styled__default.default.button.withConfig({ displayName: "vui--CellButton", componentId: "vui--1w0np52" }) `appearance:none;border:0;background-color:transparent;font:inherit;display:inline-block;box-sizing:border-box;width:calc(100% + 1.5rem);margin:-0.75rem -0.75rem;padding:0.75rem 0.75rem;text-align:inherit;line-height:${index.theme.sizes.base};border-radius:${index.theme.radius.base};&:hover{cursor:pointer;background-color:${index.theme.colors.secondary.blue.lightest};}`;
-
-exports.CellButton = CellButton;
-//# sourceMappingURL=styled.cjs.map

package/dist/components/LegacyDataTable/cells/styled.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"styled.cjs","sources":["../../../../src/components/LegacyDataTable/cells/styled.ts"],"sourcesContent":["/* eslint-disable import/prefer-default-export */\n\nimport styled from 'styled-components';\nimport { theme } from '../../../theme';\n\nexport const CellButton = styled.button`\n  appearance: none;\n  border: 0;\n  background-color: transparent;\n  font: inherit;\n\n  display: inline-block;\n  box-sizing: border-box;\n  width: calc(100% + 1.5rem);\n  margin: -0.75rem -0.75rem;\n  padding: 0.75rem 0.75rem;\n  text-align: inherit;\n  line-height: ${theme.sizes.base};\n  border-radius: ${theme.radius.base};\n\n  &:hover {\n    cursor: pointer;\n    background-color: ${theme.colors.secondary.blue.lightest};\n  }\n`;\n"],"names":["styled","theme"],"mappings":";;;;;;;;;AAAA;AAKO,MAAM,UAAU,GAAGA,uBAAM,CAAC,MAAM,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,wNAAA,EAYtBC,WAAK,CAAC,KAAK,CAAC,IAAI,CAAA,eAAA,EACdA,WAAK,CAAC,MAAM,CAAC,IAAI,CAAA,yCAAA,EAIZA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ;;;;"}

package/dist/components/LegacyDataTable/cells/styled.d.ts

@@ -1 +0,0 @@
-export declare const CellButton: import("styled-components").StyledComponent<"button", any, {}, never>;

package/dist/components/LegacyDataTable/cells/styled.js

@@ -1,8 +0,0 @@
-import styled from 'styled-components';
-import { theme } from '../../../theme/index.js';
-
-/* eslint-disable import/prefer-default-export */
-const CellButton = styled.button.withConfig({ displayName: "vui--CellButton", componentId: "vui--1w0np52" }) `appearance:none;border:0;background-color:transparent;font:inherit;display:inline-block;box-sizing:border-box;width:calc(100% + 1.5rem);margin:-0.75rem -0.75rem;padding:0.75rem 0.75rem;text-align:inherit;line-height:${theme.sizes.base};border-radius:${theme.radius.base};&:hover{cursor:pointer;background-color:${theme.colors.secondary.blue.lightest};}`;
-
-export { CellButton };
-//# sourceMappingURL=styled.js.map

package/dist/components/LegacyDataTable/cells/styled.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styled.js","sources":["../../../../src/components/LegacyDataTable/cells/styled.ts"],"sourcesContent":["/* eslint-disable import/prefer-default-export */\n\nimport styled from 'styled-components';\nimport { theme } from '../../../theme';\n\nexport const CellButton = styled.button`\n  appearance: none;\n  border: 0;\n  background-color: transparent;\n  font: inherit;\n\n  display: inline-block;\n  box-sizing: border-box;\n  width: calc(100% + 1.5rem);\n  margin: -0.75rem -0.75rem;\n  padding: 0.75rem 0.75rem;\n  text-align: inherit;\n  line-height: ${theme.sizes.base};\n  border-radius: ${theme.radius.base};\n\n  &:hover {\n    cursor: pointer;\n    background-color: ${theme.colors.secondary.blue.lightest};\n  }\n`;\n"],"names":[],"mappings":";;;AAAA;AAKO,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,wNAAA,EAYtB,KAAK,CAAC,KAAK,CAAC,IAAI,CAAA,eAAA,EACd,KAAK,CAAC,MAAM,CAAC,IAAI,CAAA,yCAAA,EAIZ,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ;;;;"}

package/dist/components/Search/styled.cjs

@@ -1,45 +0,0 @@
-'use strict';
-
-var styled = require('styled-components');
-var index = require('../TextField/index.cjs');
-var BaseContainer = require('../BaseContainer/BaseContainer.cjs');
-require('react');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
-
-const Input = styled__default.default(index.TextField).withConfig({ displayName: "vui--Input", componentId: "vui--je6y84" }) `flex-grow:2;margin-top:0;margin-bottom:0;`;
-const IconContainer = styled__default.default.div.withConfig({ displayName: "vui--IconContainer", componentId: "vui--113gfe8" }) `position:absolute;`;
-const Container = styled__default.default(BaseContainer.BaseContainer).withConfig({
-    shouldForwardProp: (prop) => !['iconPosition'].includes(prop),
-}) `
-  position: relative;
-  display: flex;
-  justify-content: flex-start;
-  align-items: center;
-  border-radius: 0.25rem;
-
-  ${({ iconPosition }) => {
-    let padding = 'padding-right: 2.5rem;';
-    let position = 'right: 0.5rem;';
-    if (iconPosition === 'left') {
-        padding = 'padding-left: 2.5rem';
-        position = 'left: 0.5rem;';
-    }
-    return `
-      & ${Input} {
-        ${padding}
-      }
-
-      & ${IconContainer} {
-        ${position}
-      }
-    `;
-}}
-`;
-
-exports.Container = Container;
-exports.IconContainer = IconContainer;
-exports.Input = Input;
-//# sourceMappingURL=styled.cjs.map

package/dist/components/Search/styled.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"styled.cjs","sources":["../../../src/components/Search/styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { TextField } from '../TextField';\nimport { BaseContainer } from '../BaseContainer';\nimport { Loader } from '../Loader';\n\nconst Input = styled(TextField)`\n  flex-grow: 2;\n  margin-top: 0;\n  margin-bottom: 0;\n`;\n\nconst IconContainer = styled.div`\n  position: absolute;\n`;\n\nconst Container = styled(BaseContainer).withConfig({\n  shouldForwardProp: (prop) => !['iconPosition'].includes(prop),\n})<{ iconPosition: 'left' | 'right' }>`\n  position: relative;\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n  border-radius: 0.25rem;\n\n  ${({ iconPosition }) => {\n    let padding = 'padding-right: 2.5rem;';\n    let position = 'right: 0.5rem;';\n\n    if (iconPosition === 'left') {\n      padding = 'padding-left: 2.5rem';\n      position = 'left: 0.5rem;';\n    }\n\n    return `\n      & ${Input} {\n        ${padding}\n      }\n\n      & ${IconContainer} {\n        ${position}\n      }\n    `;\n  }}\n`;\n\nexport { Container, Input, IconContainer, Loader };\n"],"names":["styled","TextField","BaseContainer"],"mappings":";;;;;;;;;;;AAMA,MAAM,KAAK,GAAGA,uBAAM,CAACC,eAAS,CAAC;AAM/B,MAAM,aAAa,GAAGD,uBAAM,CAAC,GAAG;AAIhC,MAAM,SAAS,GAAGA,uBAAM,CAACE,2BAAa,CAAC,CAAC,UAAU,CAAC;AACjD,IAAA,iBAAiB,EAAE,CAAC,IAAI,KAAK,CAAC,CAAC,cAAc,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC;AAC9D,CAAA,CAAC,CAAoC;;;;;;;AAOlC,EAAA,EAAA,CAAC,EAAE,YAAY,EAAE,KAAI;IACrB,IAAI,OAAO,GAAG,wBAAwB;IACtC,IAAI,QAAQ,GAAG,gBAAgB;IAE/B,IAAI,YAAY,KAAK,MAAM,EAAE;QAC3B,OAAO,GAAG,sBAAsB;QAChC,QAAQ,GAAG,eAAe;AAC3B,IAAA;IAED,OAAO;UACD,KAAK,CAAA;UACL,OAAO;;;UAGP,aAAa,CAAA;UACb,QAAQ;;KAEb;AACH,CAAC;;;;;;;"}

package/dist/components/Search/styled.d.ts

@@ -1,308 +0,0 @@
-/// <reference types="react" />
-import { Loader } from '../Loader';
-declare const Input: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Omit<{
-    rel?: string | undefined;
-    form?: string | undefined;
-    slot?: string | undefined;
-    style?: import("react").CSSProperties | undefined;
-    title?: string | undefined;
-    pattern?: string | undefined;
-    className?: string | undefined;
-    children?: import("react").ReactNode;
-    defaultChecked?: boolean | undefined;
-    defaultValue?: string | number | readonly string[] | undefined;
-    suppressContentEditableWarning?: boolean | undefined;
-    suppressHydrationWarning?: boolean | undefined;
-    accessKey?: string | undefined;
-    autoFocus?: boolean | undefined;
-    contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
-    contextMenu?: string | undefined;
-    dir?: string | undefined;
-    draggable?: (boolean | "true" | "false") | undefined;
-    hidden?: boolean | undefined;
-    id?: string | undefined;
-    lang?: string | undefined;
-    nonce?: string | undefined;
-    placeholder?: string | undefined;
-    spellCheck?: (boolean | "true" | "false") | undefined;
-    tabIndex?: number | undefined;
-    translate?: "no" | "yes" | undefined;
-    radioGroup?: string | undefined;
-    role?: import("react").AriaRole | undefined;
-    about?: string | undefined;
-    content?: string | undefined;
-    datatype?: string | undefined;
-    inlist?: any;
-    prefix?: string | undefined;
-    property?: string | undefined;
-    resource?: string | undefined;
-    rev?: string | undefined;
-    typeof?: string | undefined;
-    vocab?: string | undefined;
-    autoCapitalize?: string | undefined;
-    autoCorrect?: string | undefined;
-    autoSave?: string | undefined;
-    color?: string | undefined;
-    itemProp?: string | undefined;
-    itemScope?: boolean | undefined;
-    itemType?: string | undefined;
-    itemID?: string | undefined;
-    itemRef?: string | undefined;
-    results?: number | undefined;
-    security?: string | undefined;
-    unselectable?: "on" | "off" | undefined;
-    inputMode?: "text" | "none" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
-    is?: string | undefined;
-    'aria-activedescendant'?: string | undefined;
-    'aria-atomic'?: (boolean | "true" | "false") | undefined;
-    'aria-autocomplete'?: "list" | "none" | "inline" | "both" | undefined;
-    'aria-busy'?: (boolean | "true" | "false") | undefined;
-    'aria-checked'?: boolean | "true" | "false" | "mixed" | undefined;
-    'aria-colcount'?: number | undefined;
-    'aria-colindex'?: number | undefined;
-    'aria-colspan'?: number | undefined;
-    'aria-controls'?: string | undefined;
-    'aria-current'?: boolean | "time" | "true" | "false" | "step" | "date" | "page" | "location" | undefined;
-    'aria-describedby'?: string | undefined;
-    'aria-details'?: string | undefined;
-    'aria-disabled'?: (boolean | "true" | "false") | undefined;
-    'aria-dropeffect'?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
-    'aria-errormessage'?: string | undefined;
-    'aria-expanded'?: (boolean | "true" | "false") | undefined;
-    'aria-flowto'?: string | undefined;
-    'aria-grabbed'?: (boolean | "true" | "false") | undefined;
-    'aria-haspopup'?: boolean | "dialog" | "menu" | "grid" | "listbox" | "tree" | "true" | "false" | undefined;
-    'aria-hidden'?: (boolean | "true" | "false") | undefined;
-    'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
-    'aria-keyshortcuts'?: string | undefined;
-    'aria-label'?: string | undefined;
-    'aria-labelledby'?: string | undefined;
-    'aria-level'?: number | undefined;
-    'aria-live'?: "off" | "assertive" | "polite" | undefined;
-    'aria-modal'?: (boolean | "true" | "false") | undefined;
-    'aria-multiline'?: (boolean | "true" | "false") | undefined;
-    'aria-multiselectable'?: (boolean | "true" | "false") | undefined;
-    'aria-orientation'?: "horizontal" | "vertical" | undefined;
-    'aria-owns'?: string | undefined;
-    'aria-placeholder'?: string | undefined;
-    'aria-posinset'?: number | undefined;
-    'aria-pressed'?: boolean | "true" | "false" | "mixed" | undefined;
-    'aria-readonly'?: (boolean | "true" | "false") | undefined;
-    'aria-relevant'?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
-    'aria-required'?: (boolean | "true" | "false") | undefined;
-    'aria-roledescription'?: string | undefined;
-    'aria-rowcount'?: number | undefined;
-    'aria-rowindex'?: number | undefined;
-    'aria-rowspan'?: number | undefined;
-    'aria-selected'?: (boolean | "true" | "false") | undefined;
-    'aria-setsize'?: number | undefined;
-    'aria-sort'?: "other" | "none" | "ascending" | "descending" | undefined;
-    'aria-valuemax'?: number | undefined;
-    'aria-valuemin'?: number | undefined;
-    'aria-valuenow'?: number | undefined;
-    'aria-valuetext'?: string | undefined;
-    dangerouslySetInnerHTML?: {
-        __html: string | TrustedHTML;
-    } | undefined;
-    onCopy?: (import("react").ClipboardEventHandler<HTMLInputElement> & import("react").ClipboardEventHandler<HTMLTextAreaElement>) | undefined;
-    onCopyCapture?: (import("react").ClipboardEventHandler<HTMLInputElement> & import("react").ClipboardEventHandler<HTMLTextAreaElement>) | undefined;
-    onCut?: (import("react").ClipboardEventHandler<HTMLInputElement> & import("react").ClipboardEventHandler<HTMLTextAreaElement>) | undefined;
-    onCutCapture?: (import("react").ClipboardEventHandler<HTMLInputElement> & import("react").ClipboardEventHandler<HTMLTextAreaElement>) | undefined;
-    onPaste?: (import("react").ClipboardEventHandler<HTMLInputElement> & import("react").ClipboardEventHandler<HTMLTextAreaElement>) | undefined;
-    onPasteCapture?: (import("react").ClipboardEventHandler<HTMLInputElement> & import("react").ClipboardEventHandler<HTMLTextAreaElement>) | undefined;
-    onCompositionEnd?: (import("react").CompositionEventHandler<HTMLInputElement> & import("react").CompositionEventHandler<HTMLTextAreaElement>) | undefined;
-    onCompositionEndCapture?: (import("react").CompositionEventHandler<HTMLInputElement> & import("react").CompositionEventHandler<HTMLTextAreaElement>) | undefined;
-    onCompositionStart?: (import("react").CompositionEventHandler<HTMLInputElement> & import("react").CompositionEventHandler<HTMLTextAreaElement>) | undefined;
-    onCompositionStartCapture?: (import("react").CompositionEventHandler<HTMLInputElement> & import("react").CompositionEventHandler<HTMLTextAreaElement>) | undefined;
-    onCompositionUpdate?: (import("react").CompositionEventHandler<HTMLInputElement> & import("react").CompositionEventHandler<HTMLTextAreaElement>) | undefined;
-    onCompositionUpdateCapture?: (import("react").CompositionEventHandler<HTMLInputElement> & import("react").CompositionEventHandler<HTMLTextAreaElement>) | undefined;
-    onFocus?: (import("react").FocusEventHandler<HTMLInputElement> & import("react").FocusEventHandler<HTMLTextAreaElement>) | undefined;
-    onFocusCapture?: (import("react").FocusEventHandler<HTMLInputElement> & import("react").FocusEventHandler<HTMLTextAreaElement>) | undefined;
-    onBlur?: (import("react").FocusEventHandler<HTMLInputElement> & import("react").FocusEventHandler<HTMLTextAreaElement>) | undefined;
-    onBlurCapture?: (import("react").FocusEventHandler<HTMLInputElement> & import("react").FocusEventHandler<HTMLTextAreaElement>) | undefined;
-    onChangeCapture?: (import("react").FormEventHandler<HTMLInputElement> & import("react").FormEventHandler<HTMLTextAreaElement>) | undefined;
-    onBeforeInput?: (import("react").FormEventHandler<HTMLInputElement> & import("react").FormEventHandler<HTMLTextAreaElement>) | undefined;
-    onBeforeInputCapture?: (import("react").FormEventHandler<HTMLInputElement> & import("react").FormEventHandler<HTMLTextAreaElement>) | undefined;
-    onInput?: (import("react").FormEventHandler<HTMLInputElement> & import("react").FormEventHandler<HTMLTextAreaElement>) | undefined;
-    onInputCapture?: (import("react").FormEventHandler<HTMLInputElement> & import("react").FormEventHandler<HTMLTextAreaElement>) | undefined;
-    onReset?: (import("react").FormEventHandler<HTMLInputElement> & import("react").FormEventHandler<HTMLTextAreaElement>) | undefined;
-    onResetCapture?: (import("react").FormEventHandler<HTMLInputElement> & import("react").FormEventHandler<HTMLTextAreaElement>) | undefined;
-    onSubmit?: (import("react").FormEventHandler<HTMLInputElement> & import("react").FormEventHandler<HTMLTextAreaElement>) | undefined;
-    onSubmitCapture?: (import("react").FormEventHandler<HTMLInputElement> & import("react").FormEventHandler<HTMLTextAreaElement>) | undefined;
-    onInvalid?: (import("react").FormEventHandler<HTMLInputElement> & import("react").FormEventHandler<HTMLTextAreaElement>) | undefined;
-    onInvalidCapture?: (import("react").FormEventHandler<HTMLInputElement> & import("react").FormEventHandler<HTMLTextAreaElement>) | undefined;
-    onLoad?: (import("react").ReactEventHandler<HTMLInputElement> & import("react").ReactEventHandler<HTMLTextAreaElement>) | undefined;
-    onLoadCapture?: (import("react").ReactEventHandler<HTMLInputElement> & import("react").ReactEventHandler<HTMLTextAreaElement>) | undefined;
-    onError?: (import("react").ReactEventHandler<HTMLInputElement> & import("react").ReactEventHandler<HTMLTextAreaElement>) | undefined;
-    onErrorCapture?: (import("react").ReactEventHandler<HTMLInputElement> & import("react").ReactEventHandler<HTMLTextAreaElement>) | undefined;
-    onKeyDown?: (import("react").KeyboardEventHandler<HTMLInputElement> & import("react").KeyboardEventHandler<HTMLTextAreaElement>) | undefined;
-    onKeyDownCapture?: (import("react").KeyboardEventHandler<HTMLInputElement> & import("react").KeyboardEventHandler<HTMLTextAreaElement>) | undefined;
-    onKeyPress?: (import("react").KeyboardEventHandler<HTMLInputElement> & import("react").KeyboardEventHandler<HTMLTextAreaElement>) | undefined;
-    onKeyPressCapture?: (import("react").KeyboardEventHandler<HTMLInputElement> & import("react").KeyboardEventHandler<HTMLTextAreaElement>) | undefined;
-    onKeyUp?: (import("react").KeyboardEventHandler<HTMLInputElement> & import("react").KeyboardEventHandler<HTMLTextAreaElement>) | undefined;
-    onKeyUpCapture?: (import("react").KeyboardEventHandler<HTMLInputElement> & import("react").KeyboardEventHandler<HTMLTextAreaElement>) | undefined;
-    onAbort?: (import("react").ReactEventHandler<HTMLInputElement> & import("react").ReactEventHandler<HTMLTextAreaElement>) | undefined;
-    onAbortCapture?: (import("react").ReactEventHandler<HTMLInputElement> & import("react").ReactEventHandler<HTMLTextAreaElement>) | undefined;
-    onCanPlay?: (import("react").ReactEventHandler<HTMLInputElement> & import("react").ReactEventHandler<HTMLTextAreaElement>) | undefined;
-    onCanPlayCapture?: (import("react").ReactEventHandler<HTMLInputElement> & import("react").ReactEventHandler<HTMLTextAreaElement>) | undefined;
-    onCanPlayThrough?: (import("react").ReactEventHandler<HTMLInputElement> & import("react").ReactEventHandler<HTMLTextAreaElement>) | undefined;
-    onCanPlayThroughCapture?: (import("react").ReactEventHandler<HTMLInputElement> & import("react").ReactEventHandler<HTMLTextAreaElement>) | undefined;
-    onDurationChange?: (import("react").ReactEventHandler<HTMLInputElement> & import("react").ReactEventHandler<HTMLTextAreaElement>) | undefined;
-    onDurationChangeCapture?: (import("react").ReactEventHandler<HTMLInputElement> & import("react").ReactEventHandler<HTMLTextAreaElement>) | undefined;
-    onEmptied?: (import("react").ReactEventHandler<HTMLInputElement> & import("react").ReactEventHandler<HTMLTextAreaElement>) | undefined;
-    onEmptiedCapture?: (import("react").ReactEventHandler<HTMLInputElement> & import("react").ReactEventHandler<HTMLTextAreaElement>) | undefined;
-    onEncrypted?: (import("react").ReactEventHandler<HTMLInputElement> & import("react").ReactEventHandler<HTMLTextAreaElement>) | undefined;
-    onEncryptedCapture?: (import("react").ReactEventHandler<HTMLInputElement> & import("react").ReactEventHandler<HTMLTextAreaElement>) | undefined;
-    onEnded?: (import("react").ReactEventHandler<HTMLInputElement> & import("react").ReactEventHandler<HTMLTextAreaElement>) | undefined;
-    onEndedCapture?: (import("react").ReactEventHandler<HTMLInputElement> & import("react").ReactEventHandler<HTMLTextAreaElement>) | undefined;
-    onLoadedData?: (import("react").ReactEventHandler<HTMLInputElement> & import("react").ReactEventHandler<HTMLTextAreaElement>) | undefined;
-    onLoadedDataCapture?: (import("react").ReactEventHandler<HTMLInputElement> & import("react").ReactEventHandler<HTMLTextAreaElement>) | undefined;
-    onLoadedMetadata?: (import("react").ReactEventHandler<HTMLInputElement> & import("react").ReactEventHandler<HTMLTextAreaElement>) | undefined;
-    onLoadedMetadataCapture?: (import("react").ReactEventHandler<HTMLInputElement> & import("react").ReactEventHandler<HTMLTextAreaElement>) | undefined;
-    onLoadStart?: (import("react").ReactEventHandler<HTMLInputElement> & import("react").ReactEventHandler<HTMLTextAreaElement>) | undefined;
-    onLoadStartCapture?: (import("react").ReactEventHandler<HTMLInputElement> & import("react").ReactEventHandler<HTMLTextAreaElement>) | undefined;
-    onPause?: (import("react").ReactEventHandler<HTMLInputElement> & import("react").ReactEventHandler<HTMLTextAreaElement>) | undefined;
-    onPauseCapture?: (import("react").ReactEventHandler<HTMLInputElement> & import("react").ReactEventHandler<HTMLTextAreaElement>) | undefined;
-    onPlay?: (import("react").ReactEventHandler<HTMLInputElement> & import("react").ReactEventHandler<HTMLTextAreaElement>) | undefined;
-    onPlayCapture?: (import("react").ReactEventHandler<HTMLInputElement> & import("react").ReactEventHandler<HTMLTextAreaElement>) | undefined;
-    onPlaying?: (import("react").ReactEventHandler<HTMLInputElement> & import("react").ReactEventHandler<HTMLTextAreaElement>) | undefined;
-    onPlayingCapture?: (import("react").ReactEventHandler<HTMLInputElement> & import("react").ReactEventHandler<HTMLTextAreaElement>) | undefined;
-    onProgress?: (import("react").ReactEventHandler<HTMLInputElement> & import("react").ReactEventHandler<HTMLTextAreaElement>) | undefined;
-    onProgressCapture?: (import("react").ReactEventHandler<HTMLInputElement> & import("react").ReactEventHandler<HTMLTextAreaElement>) | undefined;
-    onRateChange?: (import("react").ReactEventHandler<HTMLInputElement> & import("react").ReactEventHandler<HTMLTextAreaElement>) | undefined;
-    onRateChangeCapture?: (import("react").ReactEventHandler<HTMLInputElement> & import("react").ReactEventHandler<HTMLTextAreaElement>) | undefined;
-    onSeeked?: (import("react").ReactEventHandler<HTMLInputElement> & import("react").ReactEventHandler<HTMLTextAreaElement>) | undefined;
-    onSeekedCapture?: (import("react").ReactEventHandler<HTMLInputElement> & import("react").ReactEventHandler<HTMLTextAreaElement>) | undefined;
-    onSeeking?: (import("react").ReactEventHandler<HTMLInputElement> & import("react").ReactEventHandler<HTMLTextAreaElement>) | undefined;
-    onSeekingCapture?: (import("react").ReactEventHandler<HTMLInputElement> & import("react").ReactEventHandler<HTMLTextAreaElement>) | undefined;
-    onStalled?: (import("react").ReactEventHandler<HTMLInputElement> & import("react").ReactEventHandler<HTMLTextAreaElement>) | undefined;
-    onStalledCapture?: (import("react").ReactEventHandler<HTMLInputElement> & import("react").ReactEventHandler<HTMLTextAreaElement>) | undefined;
-    onSuspend?: (import("react").ReactEventHandler<HTMLInputElement> & import("react").ReactEventHandler<HTMLTextAreaElement>) | undefined;
-    onSuspendCapture?: (import("react").ReactEventHandler<HTMLInputElement> & import("react").ReactEventHandler<HTMLTextAreaElement>) | undefined;
-    onTimeUpdate?: (import("react").ReactEventHandler<HTMLInputElement> & import("react").ReactEventHandler<HTMLTextAreaElement>) | undefined;
-    onTimeUpdateCapture?: (import("react").ReactEventHandler<HTMLInputElement> & import("react").ReactEventHandler<HTMLTextAreaElement>) | undefined;
-    onVolumeChange?: (import("react").ReactEventHandler<HTMLInputElement> & import("react").ReactEventHandler<HTMLTextAreaElement>) | undefined;
-    onVolumeChangeCapture?: (import("react").ReactEventHandler<HTMLInputElement> & import("react").ReactEventHandler<HTMLTextAreaElement>) | undefined;
-    onWaiting?: (import("react").ReactEventHandler<HTMLInputElement> & import("react").ReactEventHandler<HTMLTextAreaElement>) | undefined;
-    onWaitingCapture?: (import("react").ReactEventHandler<HTMLInputElement> & import("react").ReactEventHandler<HTMLTextAreaElement>) | undefined;
-    onAuxClick?: (import("react").MouseEventHandler<HTMLInputElement> & import("react").MouseEventHandler<HTMLTextAreaElement>) | undefined;
-    onAuxClickCapture?: (import("react").MouseEventHandler<HTMLInputElement> & import("react").MouseEventHandler<HTMLTextAreaElement>) | undefined;
-    onClick?: (import("react").MouseEventHandler<HTMLInputElement> & import("react").MouseEventHandler<HTMLTextAreaElement>) | undefined;
-    onClickCapture?: (import("react").MouseEventHandler<HTMLInputElement> & import("react").MouseEventHandler<HTMLTextAreaElement>) | undefined;
-    onContextMenu?: (import("react").MouseEventHandler<HTMLInputElement> & import("react").MouseEventHandler<HTMLTextAreaElement>) | undefined;
-    onContextMenuCapture?: (import("react").MouseEventHandler<HTMLInputElement> & import("react").MouseEventHandler<HTMLTextAreaElement>) | undefined;
-    onDoubleClick?: (import("react").MouseEventHandler<HTMLInputElement> & import("react").MouseEventHandler<HTMLTextAreaElement>) | undefined;
-    onDoubleClickCapture?: (import("react").MouseEventHandler<HTMLInputElement> & import("react").MouseEventHandler<HTMLTextAreaElement>) | undefined;
-    onDrag?: (import("react").DragEventHandler<HTMLInputElement> & import("react").DragEventHandler<HTMLTextAreaElement>) | undefined;
-    onDragCapture?: (import("react").DragEventHandler<HTMLInputElement> & import("react").DragEventHandler<HTMLTextAreaElement>) | undefined;
-    onDragEnd?: (import("react").DragEventHandler<HTMLInputElement> & import("react").DragEventHandler<HTMLTextAreaElement>) | undefined;
-    onDragEndCapture?: (import("react").DragEventHandler<HTMLInputElement> & import("react").DragEventHandler<HTMLTextAreaElement>) | undefined;
-    onDragEnter?: (import("react").DragEventHandler<HTMLInputElement> & import("react").DragEventHandler<HTMLTextAreaElement>) | undefined;
-    onDragEnterCapture?: (import("react").DragEventHandler<HTMLInputElement> & import("react").DragEventHandler<HTMLTextAreaElement>) | undefined;
-    onDragExit?: (import("react").DragEventHandler<HTMLInputElement> & import("react").DragEventHandler<HTMLTextAreaElement>) | undefined;
-    onDragExitCapture?: (import("react").DragEventHandler<HTMLInputElement> & import("react").DragEventHandler<HTMLTextAreaElement>) | undefined;
-    onDragLeave?: (import("react").DragEventHandler<HTMLInputElement> & import("react").DragEventHandler<HTMLTextAreaElement>) | undefined;
-    onDragLeaveCapture?: (import("react").DragEventHandler<HTMLInputElement> & import("react").DragEventHandler<HTMLTextAreaElement>) | undefined;
-    onDragOver?: (import("react").DragEventHandler<HTMLInputElement> & import("react").DragEventHandler<HTMLTextAreaElement>) | undefined;
-    onDragOverCapture?: (import("react").DragEventHandler<HTMLInputElement> & import("react").DragEventHandler<HTMLTextAreaElement>) | undefined;
-    onDragStart?: (import("react").DragEventHandler<HTMLInputElement> & import("react").DragEventHandler<HTMLTextAreaElement>) | undefined;
-    onDragStartCapture?: (import("react").DragEventHandler<HTMLInputElement> & import("react").DragEventHandler<HTMLTextAreaElement>) | undefined;
-    onDrop?: (import("react").DragEventHandler<HTMLInputElement> & import("react").DragEventHandler<HTMLTextAreaElement>) | undefined;
-    onDropCapture?: (import("react").DragEventHandler<HTMLInputElement> & import("react").DragEventHandler<HTMLTextAreaElement>) | undefined;
-    onMouseDown?: (import("react").MouseEventHandler<HTMLInputElement> & import("react").MouseEventHandler<HTMLTextAreaElement>) | undefined;
-    onMouseDownCapture?: (import("react").MouseEventHandler<HTMLInputElement> & import("react").MouseEventHandler<HTMLTextAreaElement>) | undefined;
-    onMouseEnter?: (import("react").MouseEventHandler<HTMLInputElement> & import("react").MouseEventHandler<HTMLTextAreaElement>) | undefined;
-    onMouseLeave?: (import("react").MouseEventHandler<HTMLInputElement> & import("react").MouseEventHandler<HTMLTextAreaElement>) | undefined;
-    onMouseMove?: (import("react").MouseEventHandler<HTMLInputElement> & import("react").MouseEventHandler<HTMLTextAreaElement>) | undefined;
-    onMouseMoveCapture?: (import("react").MouseEventHandler<HTMLInputElement> & import("react").MouseEventHandler<HTMLTextAreaElement>) | undefined;
-    onMouseOut?: (import("react").MouseEventHandler<HTMLInputElement> & import("react").MouseEventHandler<HTMLTextAreaElement>) | undefined;
-    onMouseOutCapture?: (import("react").MouseEventHandler<HTMLInputElement> & import("react").MouseEventHandler<HTMLTextAreaElement>) | undefined;
-    onMouseOver?: (import("react").MouseEventHandler<HTMLInputElement> & import("react").MouseEventHandler<HTMLTextAreaElement>) | undefined;
-    onMouseOverCapture?: (import("react").MouseEventHandler<HTMLInputElement> & import("react").MouseEventHandler<HTMLTextAreaElement>) | undefined;
-    onMouseUp?: (import("react").MouseEventHandler<HTMLInputElement> & import("react").MouseEventHandler<HTMLTextAreaElement>) | undefined;
-    onMouseUpCapture?: (import("react").MouseEventHandler<HTMLInputElement> & import("react").MouseEventHandler<HTMLTextAreaElement>) | undefined;
-    onSelect?: (import("react").ReactEventHandler<HTMLInputElement> & import("react").ReactEventHandler<HTMLTextAreaElement>) | undefined;
-    onSelectCapture?: (import("react").ReactEventHandler<HTMLInputElement> & import("react").ReactEventHandler<HTMLTextAreaElement>) | undefined;
-    onTouchCancel?: (import("react").TouchEventHandler<HTMLInputElement> & import("react").TouchEventHandler<HTMLTextAreaElement>) | undefined;
-    onTouchCancelCapture?: (import("react").TouchEventHandler<HTMLInputElement> & import("react").TouchEventHandler<HTMLTextAreaElement>) | undefined;
-    onTouchEnd?: (import("react").TouchEventHandler<HTMLInputElement> & import("react").TouchEventHandler<HTMLTextAreaElement>) | undefined;
-    onTouchEndCapture?: (import("react").TouchEventHandler<HTMLInputElement> & import("react").TouchEventHandler<HTMLTextAreaElement>) | undefined;
-    onTouchMove?: (import("react").TouchEventHandler<HTMLInputElement> & import("react").TouchEventHandler<HTMLTextAreaElement>) | undefined;
-    onTouchMoveCapture?: (import("react").TouchEventHandler<HTMLInputElement> & import("react").TouchEventHandler<HTMLTextAreaElement>) | undefined;
-    onTouchStart?: (import("react").TouchEventHandler<HTMLInputElement> & import("react").TouchEventHandler<HTMLTextAreaElement>) | undefined;
-    onTouchStartCapture?: (import("react").TouchEventHandler<HTMLInputElement> & import("react").TouchEventHandler<HTMLTextAreaElement>) | undefined;
-    onPointerDown?: (import("react").PointerEventHandler<HTMLInputElement> & import("react").PointerEventHandler<HTMLTextAreaElement>) | undefined;
-    onPointerDownCapture?: (import("react").PointerEventHandler<HTMLInputElement> & import("react").PointerEventHandler<HTMLTextAreaElement>) | undefined;
-    onPointerMove?: (import("react").PointerEventHandler<HTMLInputElement> & import("react").PointerEventHandler<HTMLTextAreaElement>) | undefined;
-    onPointerMoveCapture?: (import("react").PointerEventHandler<HTMLInputElement> & import("react").PointerEventHandler<HTMLTextAreaElement>) | undefined;
-    onPointerUp?: (import("react").PointerEventHandler<HTMLInputElement> & import("react").PointerEventHandler<HTMLTextAreaElement>) | undefined;
-    onPointerUpCapture?: (import("react").PointerEventHandler<HTMLInputElement> & import("react").PointerEventHandler<HTMLTextAreaElement>) | undefined;
-    onPointerCancel?: (import("react").PointerEventHandler<HTMLInputElement> & import("react").PointerEventHandler<HTMLTextAreaElement>) | undefined;
-    onPointerCancelCapture?: (import("react").PointerEventHandler<HTMLInputElement> & import("react").PointerEventHandler<HTMLTextAreaElement>) | undefined;
-    onPointerEnter?: (import("react").PointerEventHandler<HTMLInputElement> & import("react").PointerEventHandler<HTMLTextAreaElement>) | undefined;
-    onPointerEnterCapture?: (import("react").PointerEventHandler<HTMLInputElement> & import("react").PointerEventHandler<HTMLTextAreaElement>) | undefined;
-    onPointerLeave?: (import("react").PointerEventHandler<HTMLInputElement> & import("react").PointerEventHandler<HTMLTextAreaElement>) | undefined;
-    onPointerLeaveCapture?: (import("react").PointerEventHandler<HTMLInputElement> & import("react").PointerEventHandler<HTMLTextAreaElement>) | undefined;
-    onPointerOver?: (import("react").PointerEventHandler<HTMLInputElement> & import("react").PointerEventHandler<HTMLTextAreaElement>) | undefined;
-    onPointerOverCapture?: (import("react").PointerEventHandler<HTMLInputElement> & import("react").PointerEventHandler<HTMLTextAreaElement>) | undefined;
-    onPointerOut?: (import("react").PointerEventHandler<HTMLInputElement> & import("react").PointerEventHandler<HTMLTextAreaElement>) | undefined;
-    onPointerOutCapture?: (import("react").PointerEventHandler<HTMLInputElement> & import("react").PointerEventHandler<HTMLTextAreaElement>) | undefined;
-    onGotPointerCapture?: (import("react").PointerEventHandler<HTMLInputElement> & import("react").PointerEventHandler<HTMLTextAreaElement>) | undefined;
-    onGotPointerCaptureCapture?: (import("react").PointerEventHandler<HTMLInputElement> & import("react").PointerEventHandler<HTMLTextAreaElement>) | undefined;
-    onLostPointerCapture?: (import("react").PointerEventHandler<HTMLInputElement> & import("react").PointerEventHandler<HTMLTextAreaElement>) | undefined;
-    onLostPointerCaptureCapture?: (import("react").PointerEventHandler<HTMLInputElement> & import("react").PointerEventHandler<HTMLTextAreaElement>) | undefined;
-    onScroll?: (import("react").UIEventHandler<HTMLInputElement> & import("react").UIEventHandler<HTMLTextAreaElement>) | undefined;
-    onScrollCapture?: (import("react").UIEventHandler<HTMLInputElement> & import("react").UIEventHandler<HTMLTextAreaElement>) | undefined;
-    onWheel?: (import("react").WheelEventHandler<HTMLInputElement> & import("react").WheelEventHandler<HTMLTextAreaElement>) | undefined;
-    onWheelCapture?: (import("react").WheelEventHandler<HTMLInputElement> & import("react").WheelEventHandler<HTMLTextAreaElement>) | undefined;
-    onAnimationStart?: (import("react").AnimationEventHandler<HTMLInputElement> & import("react").AnimationEventHandler<HTMLTextAreaElement>) | undefined;
-    onAnimationStartCapture?: (import("react").AnimationEventHandler<HTMLInputElement> & import("react").AnimationEventHandler<HTMLTextAreaElement>) | undefined;
-    onAnimationEnd?: (import("react").AnimationEventHandler<HTMLInputElement> & import("react").AnimationEventHandler<HTMLTextAreaElement>) | undefined;
-    onAnimationEndCapture?: (import("react").AnimationEventHandler<HTMLInputElement> & import("react").AnimationEventHandler<HTMLTextAreaElement>) | undefined;
-    onAnimationIteration?: (import("react").AnimationEventHandler<HTMLInputElement> & import("react").AnimationEventHandler<HTMLTextAreaElement>) | undefined;
-    onAnimationIterationCapture?: (import("react").AnimationEventHandler<HTMLInputElement> & import("react").AnimationEventHandler<HTMLTextAreaElement>) | undefined;
-    onTransitionEnd?: (import("react").TransitionEventHandler<HTMLInputElement> & import("react").TransitionEventHandler<HTMLTextAreaElement>) | undefined;
-    onTransitionEndCapture?: (import("react").TransitionEventHandler<HTMLInputElement> & import("react").TransitionEventHandler<HTMLTextAreaElement>) | undefined;
-    alt?: string | undefined;
-    disabled?: boolean | undefined;
-    formAction?: string | undefined;
-    formEncType?: string | undefined;
-    formMethod?: string | undefined;
-    formNoValidate?: boolean | undefined;
-    formTarget?: string | undefined;
-    autoComplete?: string | undefined;
-    accept?: string | undefined;
-    capture?: boolean | "user" | "environment" | undefined;
-    checked?: boolean | undefined;
-    enterKeyHint?: "search" | "previous" | "next" | "enter" | "done" | "go" | "send" | undefined;
-    multiple?: boolean | undefined;
-    cols?: number | undefined;
-    dirName?: string | undefined;
-    maxLength?: number | undefined;
-    minLength?: number | undefined;
-    src?: string | undefined;
-    list?: string | undefined;
-    name?: string | undefined;
-    height?: string | number | undefined;
-    max?: string | number | undefined;
-    min?: string | number | undefined;
-    width?: string | number | undefined;
-    readOnly?: boolean | undefined;
-    required?: boolean | undefined;
-    step?: string | number | undefined;
-    rows?: number | undefined;
-    wrap?: string | undefined;
-} & {
-    value?: string | undefined;
-    type?: import("../TextField").TextFieldType | undefined;
-    onChange?: ((value: string) => void) | undefined;
-    hasError?: boolean | undefined;
-    disabledMessage?: import("react").ReactNode;
-    size?: "base" | "sm" | undefined;
-    multiline?: boolean | undefined;
-} & import("react").RefAttributes<HTMLInputElement> & import("../../hoc/withLabels/withLabels").WithLabelsProps, "ref"> & import("react").RefAttributes<unknown>>, any, {}, never>;
-declare const IconContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-declare const Container: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../BaseContainer").BaseContainerProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>, any, {
-    iconPosition: 'left' | 'right';
-}, never>;
-export { Container, Input, IconContainer, Loader };

package/dist/components/Search/styled.js

@@ -1,37 +0,0 @@
-import styled from 'styled-components';
-import { TextField } from '../TextField/index.js';
-import { BaseContainer } from '../BaseContainer/BaseContainer.js';
-import 'react';
-
-const Input = styled(TextField).withConfig({ displayName: "vui--Input", componentId: "vui--je6y84" }) `flex-grow:2;margin-top:0;margin-bottom:0;`;
-const IconContainer = styled.div.withConfig({ displayName: "vui--IconContainer", componentId: "vui--113gfe8" }) `position:absolute;`;
-const Container = styled(BaseContainer).withConfig({
-    shouldForwardProp: (prop) => !['iconPosition'].includes(prop),
-}) `
-  position: relative;
-  display: flex;
-  justify-content: flex-start;
-  align-items: center;
-  border-radius: 0.25rem;
-
-  ${({ iconPosition }) => {
-    let padding = 'padding-right: 2.5rem;';
-    let position = 'right: 0.5rem;';
-    if (iconPosition === 'left') {
-        padding = 'padding-left: 2.5rem';
-        position = 'left: 0.5rem;';
-    }
-    return `
-      & ${Input} {
-        ${padding}
-      }
-
-      & ${IconContainer} {
-        ${position}
-      }
-    `;
-}}
-`;
-
-export { Container, IconContainer, Input };
-//# sourceMappingURL=styled.js.map

package/dist/components/Search/styled.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styled.js","sources":["../../../src/components/Search/styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { TextField } from '../TextField';\nimport { BaseContainer } from '../BaseContainer';\nimport { Loader } from '../Loader';\n\nconst Input = styled(TextField)`\n  flex-grow: 2;\n  margin-top: 0;\n  margin-bottom: 0;\n`;\n\nconst IconContainer = styled.div`\n  position: absolute;\n`;\n\nconst Container = styled(BaseContainer).withConfig({\n  shouldForwardProp: (prop) => !['iconPosition'].includes(prop),\n})<{ iconPosition: 'left' | 'right' }>`\n  position: relative;\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n  border-radius: 0.25rem;\n\n  ${({ iconPosition }) => {\n    let padding = 'padding-right: 2.5rem;';\n    let position = 'right: 0.5rem;';\n\n    if (iconPosition === 'left') {\n      padding = 'padding-left: 2.5rem';\n      position = 'left: 0.5rem;';\n    }\n\n    return `\n      & ${Input} {\n        ${padding}\n      }\n\n      & ${IconContainer} {\n        ${position}\n      }\n    `;\n  }}\n`;\n\nexport { Container, Input, IconContainer, Loader };\n"],"names":[],"mappings":";;;;;AAMA,MAAM,KAAK,GAAG,MAAM,CAAC,SAAS,CAAC;AAM/B,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG;AAIhC,MAAM,SAAS,GAAG,MAAM,CAAC,aAAa,CAAC,CAAC,UAAU,CAAC;AACjD,IAAA,iBAAiB,EAAE,CAAC,IAAI,KAAK,CAAC,CAAC,cAAc,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC;AAC9D,CAAA,CAAC,CAAoC;;;;;;;AAOlC,EAAA,EAAA,CAAC,EAAE,YAAY,EAAE,KAAI;IACrB,IAAI,OAAO,GAAG,wBAAwB;IACtC,IAAI,QAAQ,GAAG,gBAAgB;IAE/B,IAAI,YAAY,KAAK,MAAM,EAAE;QAC3B,OAAO,GAAG,sBAAsB;QAChC,QAAQ,GAAG,eAAe;AAC3B,IAAA;IAED,OAAO;UACD,KAAK,CAAA;UACL,OAAO;;;UAGP,aAAa,CAAA;UACb,QAAQ;;KAEb;AACH,CAAC;;;;;"}

package/dist/components/Stepper/styled.cjs

@@ -1,33 +0,0 @@
-'use strict';
-
-var styled = require('styled-components');
-var index = require('../../theme/index.cjs');
-var inputStyles = require('../../utils/forms/inputStyles.cjs');
-var Stack = require('../Stack/Stack.cjs');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
-
-const { colors: { neutral, secondary }, radius, } = index.theme;
-const ContainerStack = styled__default.default(Stack.Stack).withConfig({
-    shouldForwardProp: (prop) => !['hasError', 'compact'].includes(prop),
-}) `
-  --background-color: ${({ disabled }) => (disabled ? neutral.grey.light : 'white')};
-  --border-color: ${({ hasError }) => (hasError ? secondary.red.base : neutral.ink.lightest)};
-
-  box-sizing: border-box;
-  display: inline-flex;
-  background-color: var(--background-color);
-  border: ${index.theme.sizes.line} solid var(--border-color);
-  border-radius: ${radius.base};
-
-  height: ${({ compact }) => (compact ? index.theme.sizes[8] : index.theme.sizes[10])};
-`;
-const StepButton = styled__default.default.button.withConfig({ displayName: "vui--StepButton", componentId: "vui--1j6prbe" }) `appearance:none;border:0;background-color:transparent;border-radius:${radius.base};cursor:pointer;height:100%;aspect-ratio:1;&:hover{background-color:${neutral.grey.light};}${inputStyles.inputFocusStyles}`;
-const StepperDivider = styled__default.default.div.withConfig({ displayName: "vui--StepperDivider", componentId: "vui--19ho080" }) `width:${index.theme.sizes.line};background-color:${neutral.ink.lightest};height:${({ compact }) => (compact ? index.theme.sizes[4] : index.theme.sizes[6])};`;
-
-exports.ContainerStack = ContainerStack;
-exports.StepButton = StepButton;
-exports.StepperDivider = StepperDivider;
-//# sourceMappingURL=styled.cjs.map

package/dist/components/Stepper/styled.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"styled.cjs","sources":["../../../src/components/Stepper/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { theme } from '../../theme';\nimport { inputFocusStyles } from '../../utils/forms/inputStyles';\nimport { Stack } from '../Stack';\nimport { FormComponentProps } from '../types';\n\nconst {\n  colors: { neutral, secondary },\n  radius,\n} = theme;\n\nexport const ContainerStack = styled(Stack).withConfig({\n  shouldForwardProp: (prop) => !['hasError', 'compact'].includes(prop),\n})<FormComponentProps>`\n  --background-color: ${({ disabled }) => (disabled ? neutral.grey.light : 'white')};\n  --border-color: ${({ hasError }) => (hasError ? secondary.red.base : neutral.ink.lightest)};\n\n  box-sizing: border-box;\n  display: inline-flex;\n  background-color: var(--background-color);\n  border: ${theme.sizes.line} solid var(--border-color);\n  border-radius: ${radius.base};\n\n  height: ${({ compact }) => (compact ? theme.sizes[8] : theme.sizes[10])};\n`;\n\nexport const StepButton = styled.button`\n  appearance: none;\n  border: 0;\n  background-color: transparent;\n  border-radius: ${radius.base};\n  cursor: pointer;\n\n  height: 100%;\n  aspect-ratio: 1;\n\n  &:hover {\n    background-color: ${neutral.grey.light};\n  }\n\n  ${inputFocusStyles}\n`;\n\nexport const StepperDivider = styled.div<Pick<FormComponentProps, 'compact'>>`\n  width: ${theme.sizes.line};\n  background-color: ${neutral.ink.lightest};\n  height: ${({ compact }) => (compact ? theme.sizes[4] : theme.sizes[6])};\n`;\n"],"names":["theme","styled","Stack","inputFocusStyles"],"mappings":";;;;;;;;;;;AAMA,MAAM,EACJ,MAAM,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,EAC9B,MAAM,GACP,GAAGA,WAAK;AAEF,MAAM,cAAc,GAAGC,uBAAM,CAACC,WAAK,CAAC,CAAC,UAAU,CAAC;AACrD,IAAA,iBAAiB,EAAE,CAAC,IAAI,KAAK,CAAC,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC;AACrE,CAAA,CAAC,CAAoB;wBACE,CAAC,EAAE,QAAQ,EAAE,MAAM,QAAQ,GAAG,OAAO,CAAC,IAAI,CAAC,KAAK,GAAG,OAAO,CAAC,CAAA;oBAC/D,CAAC,EAAE,QAAQ,EAAE,MAAM,QAAQ,GAAG,SAAS,CAAC,GAAG,CAAC,IAAI,GAAG,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAA;;;;;YAKhFF,WAAK,CAAC,KAAK,CAAC,IAAI,CAAA;AACT,iBAAA,EAAA,MAAM,CAAC,IAAI,CAAA;;YAElB,CAAC,EAAE,OAAO,EAAE,MAAM,OAAO,GAAGA,WAAK,CAAC,KAAK,CAAC,CAAC,CAAC,GAAGA,WAAK,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAA;;MAG5D,UAAU,GAAGC,uBAAM,CAAC,MAAM,oJAIpB,MAAM,CAAC,IAAI,CAAA,oEAAA,EAON,OAAO,CAAC,IAAI,CAAC,KAAK,CAAA,EAAA,EAGtCE,4BAAgB;MAGP,cAAc,GAAGF,uBAAM,CAAC,GAAG,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,qBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,MAAA,EAC7BD,WAAK,CAAC,KAAK,CAAC,IAAI,CAAA,kBAAA,EACL,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAA,QAAA,EAC9B,CAAC,EAAE,OAAO,EAAE,MAAM,OAAO,GAAGA,WAAK,CAAC,KAAK,CAAC,CAAC,CAAC,GAAGA,WAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAA,CAAA;;;;;;"}

package/dist/components/Stepper/styled.d.ts

@@ -1,12 +0,0 @@
-/// <reference types="react" />
-import { FormComponentProps } from '../types';
-export declare const ContainerStack: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<{
-    direction?: "horizontal" | "vertical" | undefined;
-    alignX?: "start" | "end" | "center" | "stretch" | "between" | "around" | undefined;
-    alignY?: "start" | "end" | "center" | "stretch" | "between" | "around" | undefined;
-    spacing?: keyof import("../Stack").SizeScale | undefined;
-    as?: import("react").ElementType<any> | undefined;
-    forwardedAs?: import("react").ElementType<any> | undefined;
-} & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>, any, FormComponentProps, never>;
-export declare const StepButton: import("styled-components").StyledComponent<"button", any, FormComponentProps, never>;
-export declare const StepperDivider: import("styled-components").StyledComponent<"div", any, Pick<FormComponentProps, "compact">, never>;