@veeqo/ui 11.3.1 → 11.3.2

package/dist/components/SelectDropdown/ListItem/components/RadioIndicator.js

@@ -1,12 +0,0 @@
-import React__default from 'react';
-import { ActiveRadioIcon } from '../../../../icons/custom/components/ActiveRadioIcon.js';
-import { InactiveRadioIcon } from '../../../../icons/custom/components/InactiveRadioIcon.js';
-
-const RadioIndicator = ({ checked, ...otherProps }) => {
-    if (checked)
-        return React__default.createElement(ActiveRadioIcon, { ...otherProps });
-    return React__default.createElement(InactiveRadioIcon, { ...otherProps });
-};
-
-export { RadioIndicator };
-//# sourceMappingURL=RadioIndicator.js.map

package/dist/components/SelectDropdown/ListItem/components/RadioIndicator.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RadioIndicator.js","sources":["../../../../../src/components/SelectDropdown/ListItem/components/RadioIndicator.tsx"],"sourcesContent":["import React from 'react';\nimport { ActiveRadioIcon, InactiveRadioIcon } from '../../../../icons';\n\nexport const RadioIndicator = ({ checked, ...otherProps }: any) => {\n  if (checked) return <ActiveRadioIcon {...otherProps} />;\n\n  return <InactiveRadioIcon {...otherProps} />;\n};\n"],"names":["React"],"mappings":";;;;AAGO,MAAM,cAAc,GAAG,CAAC,EAAE,OAAO,EAAE,GAAG,UAAU,EAAO,KAAI;AAChE,IAAA,IAAI,OAAO;AAAE,QAAA,OAAOA,cAAC,CAAA,aAAA,CAAA,eAAe,EAAK,EAAA,GAAA,UAAU,GAAI;AAEvD,IAAA,OAAOA,cAAC,CAAA,aAAA,CAAA,iBAAiB,EAAK,EAAA,GAAA,UAAU,GAAI;AAC9C;;;;"}

package/dist/components/SelectDropdown/ListItem/styled.cjs

@@ -1,42 +0,0 @@
-'use strict';
-
-var styled = require('styled-components');
-var index = require('../../../theme/index.cjs');
-var reactAriaComponents = require('react-aria-components');
-require('react');
-var ArrowUpIcon = require('../../../icons/design-system/components/ArrowUpIcon.cjs');
-var Stack = require('../../Stack/Stack.cjs');
-require('../../Stack/types.cjs');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
-
-const colourStatesMap = {
-    hovered: '#F0F7FC',
-    pressed: '#E3F0FA',
-    disabled: index.theme.colors.neutral.grey.light,
-};
-const StyledListItem = styled__default.default(reactAriaComponents.ListBoxItem).withConfig({ displayName: "vui--StyledListItem", componentId: "vui--16fm0j" }) `border-radius:${index.theme.radius.base};cursor:pointer;background-color:${({ appearance = 'primary' }) => appearance === 'primary' ? 'white' : index.theme.colors.neutral.grey.lightest};text-decoration:none;&[data-hovered] > div{background-color:${colourStatesMap.hovered};}&[data-pressed] > div{background-color:${colourStatesMap.pressed};}&[data-focused]{outline:0;}&[data-focus-visible] > div{outline:solid ${index.theme.sizes.xs} ${index.theme.colors.secondary.blue.light};z-index:1;position:relative;}&[data-dragging]{background-color:${index.theme.colors.neutral.grey.base};border-color:${index.theme.colors.secondary.blue.base};}&[data-drop-target]{background-color:${index.theme.colors.secondary.green.base};border-color:${index.theme.colors.secondary.green.base};}&[data-disabled]{cursor:not-allowed;background-color:${colourStatesMap.disabled};opacity:0.75;}& > div{padding:${index.theme.sizes.sm};border-radius:${index.theme.radius.base};}`;
-styled__default.default(reactAriaComponents.ListBox).withConfig({ displayName: "vui--StyledListBox", componentId: "vui--6npxd" }) `.react-aria-DropIndicator[data-drop-target]{outline:2px solid ${index.theme.colors.secondary.blue.base};}width:100%;`;
-const LinkIcon = styled__default.default(ArrowUpIcon.ReactComponent).attrs({
-    width: index.theme.sizes.md,
-    height: index.theme.sizes.md,
-}).withConfig({ displayName: "vui--LinkIcon", componentId: "vui--14ybt8l" }) `transform:rotate(90deg);color:${index.theme.colors.neutral.ink.base};`;
-const HorizontalContainer = styled__default.default(Stack.Stack).attrs({
-    direction: 'horizontal',
-    alignY: 'center',
-}).withConfig({ displayName: "vui--HorizontalContainer", componentId: "vui--11udtca" }) `width:100%;`;
-const VerticalContainer = styled__default.default(Stack.Stack).attrs({
-    spacing: 'xs',
-}).withConfig({ displayName: "vui--VerticalContainer", componentId: "vui--1tl5q7x" }) `width:100%;`;
-const InfoContainer = styled__default.default.div.withConfig({ displayName: "vui--InfoContainer", componentId: "vui--i2xz7h" }) `display:grid;grid-template-columns:${({ hasItemInfoSlot, hasEndInfoSlot }) => hasItemInfoSlot && hasEndInfoSlot ? 'auto 1fr 1fr' : 'auto 1fr'};gap:${index.theme.sizes.sm};width:100%;align-items:center;min-width:0;flex:1;> *:last-child{justify-self:${({ hasEndInfoSlot }) => (hasEndInfoSlot ? 'end' : 'start')};}`;
-const ItemInfoContainer = styled__default.default.div.withConfig({ displayName: "vui--ItemInfoContainer", componentId: "vui--1gj2fqj" }) `display:flex;flex-direction:row;gap:8px;align-items:center;`;
-
-exports.HorizontalContainer = HorizontalContainer;
-exports.InfoContainer = InfoContainer;
-exports.ItemInfoContainer = ItemInfoContainer;
-exports.LinkIcon = LinkIcon;
-exports.StyledListItem = StyledListItem;
-exports.VerticalContainer = VerticalContainer;
-//# sourceMappingURL=styled.cjs.map

package/dist/components/SelectDropdown/ListItem/styled.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"styled.cjs","sources":["../../../../src/components/SelectDropdown/ListItem/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { theme } from 'Theme';\nimport { ListBox, ListBoxItem } from 'react-aria-components';\nimport { ArrowUpIcon } from '../../../icons';\nimport { Stack } from '../../Stack';\n\nconst colourStatesMap = {\n  hovered: '#F0F7FC',\n  pressed: '#E3F0FA',\n  disabled: theme.colors.neutral.grey.light,\n};\n\nexport const StyledListItem = styled(ListBoxItem)<{\n  appearance?: 'primary' | 'secondary';\n}>`\n  border-radius: ${theme.radius.base};\n  cursor: pointer;\n  background-color: ${({ appearance = 'primary' }) =>\n    appearance === 'primary' ? 'white' : theme.colors.neutral.grey.lightest};\n  text-decoration: none;\n\n  &[data-hovered] > div {\n    background-color: ${colourStatesMap.hovered};\n  }\n\n  &[data-pressed] > div {\n    background-color: ${colourStatesMap.pressed};\n  }\n\n  &[data-focused] {\n    outline: 0;\n  }\n\n  &[data-focus-visible] > div {\n    outline: solid ${theme.sizes.xs} ${theme.colors.secondary.blue.light};\n    z-index: 1;\n    position: relative;\n  }\n\n  &[data-dragging] {\n    background-color: ${theme.colors.neutral.grey.base};\n    border-color: ${theme.colors.secondary.blue.base};\n  }\n  &[data-drop-target] {\n    background-color: ${theme.colors.secondary.green.base};\n    border-color: ${theme.colors.secondary.green.base};\n  }\n\n  &[data-disabled] {\n    cursor: not-allowed;\n    background-color: ${colourStatesMap.disabled};\n    opacity: 0.75;\n  }\n\n  & > div {\n    padding: ${theme.sizes.sm};\n    border-radius: ${theme.radius.base};\n  }\n`;\n\nexport const StyledListBox = styled(ListBox)`\n  .react-aria-DropIndicator[data-drop-target] {\n    outline: 2px solid ${theme.colors.secondary.blue.base};\n  }\n\n  width: 100%;\n`;\n\nexport const LinkIcon = styled(ArrowUpIcon).attrs({\n  width: theme.sizes.md,\n  height: theme.sizes.md,\n})`\n  transform: rotate(90deg);\n  color: ${theme.colors.neutral.ink.base};\n`;\n\nexport const HorizontalContainer = styled(Stack).attrs({\n  direction: 'horizontal',\n  alignY: 'center',\n})`\n  width: 100%;\n`;\n\nexport const VerticalContainer = styled(Stack).attrs({\n  spacing: 'xs',\n})`\n  width: 100%;\n`;\n\nexport const InfoContainer = styled.div<{\n  hasItemInfoSlot: boolean;\n  hasEndInfoSlot: boolean;\n}>`\n  display: grid;\n  grid-template-columns: ${({ hasItemInfoSlot, hasEndInfoSlot }) =>\n    hasItemInfoSlot && hasEndInfoSlot ? 'auto 1fr 1fr' : 'auto 1fr'};\n  gap: ${theme.sizes.sm};\n  width: 100%;\n  align-items: center;\n  min-width: 0;\n  flex: 1;\n\n  > *:last-child {\n    justify-self: ${({ hasEndInfoSlot }) => (hasEndInfoSlot ? 'end' : 'start')};\n  }\n`;\n\nexport const ItemInfoContainer = styled.div`\n  display: flex;\n  flex-direction: row;\n  gap: 8px;\n  align-items: center;\n`;\n"],"names":["theme","styled","ListBoxItem","ListBox","ArrowUpIcon","Stack"],"mappings":";;;;;;;;;;;;;;AAMA,MAAM,eAAe,GAAG;AACtB,IAAA,OAAO,EAAE,SAAS;AAClB,IAAA,OAAO,EAAE,SAAS;IAClB,QAAQ,EAAEA,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK;CAC1C;AAEM,MAAM,cAAc,GAAGC,uBAAM,CAACC,+BAAW,CAAC,CAG9B,UAAA,CAAA,EAAA,WAAA,EAAA,qBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,cAAA,EAAAF,WAAK,CAAC,MAAM,CAAC,IAAI,CAEd,iCAAA,EAAA,CAAC,EAAE,UAAU,GAAG,SAAS,EAAE,KAC7C,UAAU,KAAK,SAAS,GAAG,OAAO,GAAGA,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAA,6DAAA,EAInD,eAAe,CAAC,OAAO,CAAA,yCAAA,EAIvB,eAAe,CAAC,OAAO,CAAA,uEAAA,EAQ1BA,WAAK,CAAC,KAAK,CAAC,EAAE,CAAA,CAAA,EAAIA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAA,gEAAA,EAMhDA,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAA,cAAA,EAClCA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAA,uCAAA,EAG5BA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,CAAA,cAAA,EACrCA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,CAAA,uDAAA,EAK7B,eAAe,CAAC,QAAQ,CAAA,+BAAA,EAKjCA,WAAK,CAAC,KAAK,CAAC,EAAE,CAAA,eAAA,EACRA,WAAK,CAAC,MAAM,CAAC,IAAI,CAAA,EAAA;AAITC,uBAAM,CAACE,2BAAO,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,oBAAA,EAAA,WAAA,EAAA,YAAA,EAAA,CAAA,CAAA,CAAA,8DAAA,EAEnBH,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI;AAM5C,MAAA,QAAQ,GAAGC,uBAAM,CAACG,0BAAW,CAAC,CAAC,KAAK,CAAC;AAChD,IAAA,KAAK,EAAEJ,WAAK,CAAC,KAAK,CAAC,EAAE;AACrB,IAAA,MAAM,EAAEA,WAAK,CAAC,KAAK,CAAC,EAAE;CACvB,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,eAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,8BAAA,EAESA,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAA,CAAA;AAG3B,MAAA,mBAAmB,GAAGC,uBAAM,CAACI,WAAK,CAAC,CAAC,KAAK,CAAC;AACrD,IAAA,SAAS,EAAE,YAAY;AACvB,IAAA,MAAM,EAAE,QAAQ;AACjB,CAAA,CAAC;AAIW,MAAA,iBAAiB,GAAGJ,uBAAM,CAACI,WAAK,CAAC,CAAC,KAAK,CAAC;AACnD,IAAA,OAAO,EAAE,IAAI;AACd,CAAA,CAAC;AAIW,MAAA,aAAa,GAAGJ,uBAAM,CAAC,GAAG,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,oBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,mCAAA,EAKZ,CAAC,EAAE,eAAe,EAAE,cAAc,EAAE,KAC3D,eAAe,IAAI,cAAc,GAAG,cAAc,GAAG,UAAU,CAC1D,KAAA,EAAAD,WAAK,CAAC,KAAK,CAAC,EAAE,iFAOH,CAAC,EAAE,cAAc,EAAE,MAAM,cAAc,GAAG,KAAK,GAAG,OAAO,CAAC,CAAA,EAAA;MAIjE,iBAAiB,GAAGC,uBAAM,CAAC,GAAG;;;;;;;;;"}

package/dist/components/SelectDropdown/ListItem/styled.d.ts

@@ -1,21 +0,0 @@
-/// <reference types="react" />
-export declare const StyledListItem: import("styled-components").StyledComponent<(<T extends object>(props: import("react-aria-components").ListBoxItemProps<T> & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>), any, {
-    appearance?: "primary" | "secondary" | undefined;
-}, never>;
-export declare const StyledListBox: import("styled-components").StyledComponent<(<T extends object>(props: import("react-aria-components").ListBoxProps<T> & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>), any, {}, never>;
-export declare const LinkIcon: import("styled-components").StyledComponent<(props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element, any, {
-    width: string;
-    height: string;
-}, "height" | "width">;
-export declare const HorizontalContainer: import("styled-components").StyledComponent<"div", any, import("../../Stack").StackProps & {
-    direction: string;
-    alignY: string;
-}, "direction" | "alignY">;
-export declare const VerticalContainer: import("styled-components").StyledComponent<"div", any, import("../../Stack").StackProps & {
-    spacing: string;
-}, "spacing">;
-export declare const InfoContainer: import("styled-components").StyledComponent<"div", any, {
-    hasItemInfoSlot: boolean;
-    hasEndInfoSlot: boolean;
-}, never>;
-export declare const ItemInfoContainer: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/components/SelectDropdown/ListItem/styled.js

@@ -1,31 +0,0 @@
-import styled from 'styled-components';
-import { theme } from '../../../theme/index.js';
-import { ListBoxItem, ListBox } from 'react-aria-components';
-import 'react';
-import { ReactComponent as ArrowUpIcon } from '../../../icons/design-system/components/ArrowUpIcon.js';
-import { Stack } from '../../Stack/Stack.js';
-import '../../Stack/types.js';
-
-const colourStatesMap = {
-    hovered: '#F0F7FC',
-    pressed: '#E3F0FA',
-    disabled: theme.colors.neutral.grey.light,
-};
-const StyledListItem = styled(ListBoxItem).withConfig({ displayName: "vui--StyledListItem", componentId: "vui--16fm0j" }) `border-radius:${theme.radius.base};cursor:pointer;background-color:${({ appearance = 'primary' }) => appearance === 'primary' ? 'white' : theme.colors.neutral.grey.lightest};text-decoration:none;&[data-hovered] > div{background-color:${colourStatesMap.hovered};}&[data-pressed] > div{background-color:${colourStatesMap.pressed};}&[data-focused]{outline:0;}&[data-focus-visible] > div{outline:solid ${theme.sizes.xs} ${theme.colors.secondary.blue.light};z-index:1;position:relative;}&[data-dragging]{background-color:${theme.colors.neutral.grey.base};border-color:${theme.colors.secondary.blue.base};}&[data-drop-target]{background-color:${theme.colors.secondary.green.base};border-color:${theme.colors.secondary.green.base};}&[data-disabled]{cursor:not-allowed;background-color:${colourStatesMap.disabled};opacity:0.75;}& > div{padding:${theme.sizes.sm};border-radius:${theme.radius.base};}`;
-styled(ListBox).withConfig({ displayName: "vui--StyledListBox", componentId: "vui--6npxd" }) `.react-aria-DropIndicator[data-drop-target]{outline:2px solid ${theme.colors.secondary.blue.base};}width:100%;`;
-const LinkIcon = styled(ArrowUpIcon).attrs({
-    width: theme.sizes.md,
-    height: theme.sizes.md,
-}).withConfig({ displayName: "vui--LinkIcon", componentId: "vui--14ybt8l" }) `transform:rotate(90deg);color:${theme.colors.neutral.ink.base};`;
-const HorizontalContainer = styled(Stack).attrs({
-    direction: 'horizontal',
-    alignY: 'center',
-}).withConfig({ displayName: "vui--HorizontalContainer", componentId: "vui--11udtca" }) `width:100%;`;
-const VerticalContainer = styled(Stack).attrs({
-    spacing: 'xs',
-}).withConfig({ displayName: "vui--VerticalContainer", componentId: "vui--1tl5q7x" }) `width:100%;`;
-const InfoContainer = styled.div.withConfig({ displayName: "vui--InfoContainer", componentId: "vui--i2xz7h" }) `display:grid;grid-template-columns:${({ hasItemInfoSlot, hasEndInfoSlot }) => hasItemInfoSlot && hasEndInfoSlot ? 'auto 1fr 1fr' : 'auto 1fr'};gap:${theme.sizes.sm};width:100%;align-items:center;min-width:0;flex:1;> *:last-child{justify-self:${({ hasEndInfoSlot }) => (hasEndInfoSlot ? 'end' : 'start')};}`;
-const ItemInfoContainer = styled.div.withConfig({ displayName: "vui--ItemInfoContainer", componentId: "vui--1gj2fqj" }) `display:flex;flex-direction:row;gap:8px;align-items:center;`;
-
-export { HorizontalContainer, InfoContainer, ItemInfoContainer, LinkIcon, StyledListItem, VerticalContainer };
-//# sourceMappingURL=styled.js.map

package/dist/components/SelectDropdown/ListItem/styled.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styled.js","sources":["../../../../src/components/SelectDropdown/ListItem/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { theme } from 'Theme';\nimport { ListBox, ListBoxItem } from 'react-aria-components';\nimport { ArrowUpIcon } from '../../../icons';\nimport { Stack } from '../../Stack';\n\nconst colourStatesMap = {\n  hovered: '#F0F7FC',\n  pressed: '#E3F0FA',\n  disabled: theme.colors.neutral.grey.light,\n};\n\nexport const StyledListItem = styled(ListBoxItem)<{\n  appearance?: 'primary' | 'secondary';\n}>`\n  border-radius: ${theme.radius.base};\n  cursor: pointer;\n  background-color: ${({ appearance = 'primary' }) =>\n    appearance === 'primary' ? 'white' : theme.colors.neutral.grey.lightest};\n  text-decoration: none;\n\n  &[data-hovered] > div {\n    background-color: ${colourStatesMap.hovered};\n  }\n\n  &[data-pressed] > div {\n    background-color: ${colourStatesMap.pressed};\n  }\n\n  &[data-focused] {\n    outline: 0;\n  }\n\n  &[data-focus-visible] > div {\n    outline: solid ${theme.sizes.xs} ${theme.colors.secondary.blue.light};\n    z-index: 1;\n    position: relative;\n  }\n\n  &[data-dragging] {\n    background-color: ${theme.colors.neutral.grey.base};\n    border-color: ${theme.colors.secondary.blue.base};\n  }\n  &[data-drop-target] {\n    background-color: ${theme.colors.secondary.green.base};\n    border-color: ${theme.colors.secondary.green.base};\n  }\n\n  &[data-disabled] {\n    cursor: not-allowed;\n    background-color: ${colourStatesMap.disabled};\n    opacity: 0.75;\n  }\n\n  & > div {\n    padding: ${theme.sizes.sm};\n    border-radius: ${theme.radius.base};\n  }\n`;\n\nexport const StyledListBox = styled(ListBox)`\n  .react-aria-DropIndicator[data-drop-target] {\n    outline: 2px solid ${theme.colors.secondary.blue.base};\n  }\n\n  width: 100%;\n`;\n\nexport const LinkIcon = styled(ArrowUpIcon).attrs({\n  width: theme.sizes.md,\n  height: theme.sizes.md,\n})`\n  transform: rotate(90deg);\n  color: ${theme.colors.neutral.ink.base};\n`;\n\nexport const HorizontalContainer = styled(Stack).attrs({\n  direction: 'horizontal',\n  alignY: 'center',\n})`\n  width: 100%;\n`;\n\nexport const VerticalContainer = styled(Stack).attrs({\n  spacing: 'xs',\n})`\n  width: 100%;\n`;\n\nexport const InfoContainer = styled.div<{\n  hasItemInfoSlot: boolean;\n  hasEndInfoSlot: boolean;\n}>`\n  display: grid;\n  grid-template-columns: ${({ hasItemInfoSlot, hasEndInfoSlot }) =>\n    hasItemInfoSlot && hasEndInfoSlot ? 'auto 1fr 1fr' : 'auto 1fr'};\n  gap: ${theme.sizes.sm};\n  width: 100%;\n  align-items: center;\n  min-width: 0;\n  flex: 1;\n\n  > *:last-child {\n    justify-self: ${({ hasEndInfoSlot }) => (hasEndInfoSlot ? 'end' : 'start')};\n  }\n`;\n\nexport const ItemInfoContainer = styled.div`\n  display: flex;\n  flex-direction: row;\n  gap: 8px;\n  align-items: center;\n`;\n"],"names":[],"mappings":";;;;;;;;AAMA,MAAM,eAAe,GAAG;AACtB,IAAA,OAAO,EAAE,SAAS;AAClB,IAAA,OAAO,EAAE,SAAS;IAClB,QAAQ,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK;CAC1C;AAEM,MAAM,cAAc,GAAG,MAAM,CAAC,WAAW,CAAC,CAG9B,UAAA,CAAA,EAAA,WAAA,EAAA,qBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,cAAA,EAAA,KAAK,CAAC,MAAM,CAAC,IAAI,CAEd,iCAAA,EAAA,CAAC,EAAE,UAAU,GAAG,SAAS,EAAE,KAC7C,UAAU,KAAK,SAAS,GAAG,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAA,6DAAA,EAInD,eAAe,CAAC,OAAO,CAAA,yCAAA,EAIvB,eAAe,CAAC,OAAO,CAAA,uEAAA,EAQ1B,KAAK,CAAC,KAAK,CAAC,EAAE,CAAA,CAAA,EAAI,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAA,gEAAA,EAMhD,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAA,cAAA,EAClC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAA,uCAAA,EAG5B,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,CAAA,cAAA,EACrC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,CAAA,uDAAA,EAK7B,eAAe,CAAC,QAAQ,CAAA,+BAAA,EAKjC,KAAK,CAAC,KAAK,CAAC,EAAE,CAAA,eAAA,EACR,KAAK,CAAC,MAAM,CAAC,IAAI,CAAA,EAAA;AAIT,MAAM,CAAC,OAAO,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,oBAAA,EAAA,WAAA,EAAA,YAAA,EAAA,CAAA,CAAA,CAAA,8DAAA,EAEnB,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI;AAM5C,MAAA,QAAQ,GAAG,MAAM,CAAC,WAAW,CAAC,CAAC,KAAK,CAAC;AAChD,IAAA,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,EAAE;AACrB,IAAA,MAAM,EAAE,KAAK,CAAC,KAAK,CAAC,EAAE;CACvB,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,eAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,8BAAA,EAES,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAA,CAAA;AAG3B,MAAA,mBAAmB,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC;AACrD,IAAA,SAAS,EAAE,YAAY;AACvB,IAAA,MAAM,EAAE,QAAQ;AACjB,CAAA,CAAC;AAIW,MAAA,iBAAiB,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC;AACnD,IAAA,OAAO,EAAE,IAAI;AACd,CAAA,CAAC;AAIW,MAAA,aAAa,GAAG,MAAM,CAAC,GAAG,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,oBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,mCAAA,EAKZ,CAAC,EAAE,eAAe,EAAE,cAAc,EAAE,KAC3D,eAAe,IAAI,cAAc,GAAG,cAAc,GAAG,UAAU,CAC1D,KAAA,EAAA,KAAK,CAAC,KAAK,CAAC,EAAE,iFAOH,CAAC,EAAE,cAAc,EAAE,MAAM,cAAc,GAAG,KAAK,GAAG,OAAO,CAAC,CAAA,EAAA;MAIjE,iBAAiB,GAAG,MAAM,CAAC,GAAG;;;;"}

package/dist/components/SelectDropdown/ListItemSection/styled.cjs

@@ -1,16 +0,0 @@
-'use strict';
-
-var reactAriaComponents = require('react-aria-components');
-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);
-
-const InfoContainer = styled__default.default.div.withConfig({ displayName: "vui--InfoContainer", componentId: "vui--1q1w6zs" }) `display:flex;flex-direction:row;align-items:center;gap:${index.theme.sizes.sm};`;
-const StyledSection = styled__default.default(reactAriaComponents.Section).withConfig({ displayName: "vui--StyledSection", componentId: "vui--6na2yk" }) `border-radius:${index.theme.sizes.base};`;
-
-exports.InfoContainer = InfoContainer;
-exports.StyledSection = StyledSection;
-//# sourceMappingURL=styled.cjs.map

package/dist/components/SelectDropdown/ListItemSection/styled.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"styled.cjs","sources":["../../../../src/components/SelectDropdown/ListItemSection/styled.ts"],"sourcesContent":["import { Section } from 'react-aria-components';\nimport styled from 'styled-components';\nimport { theme } from 'Theme';\n\nexport const InfoContainer = styled.div`\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: ${theme.sizes.sm};\n`;\n\nexport const StyledSection = styled(Section)`\n  border-radius: ${theme.sizes.base};\n`;\n"],"names":["styled","theme","Section"],"mappings":";;;;;;;;;;AAIO,MAAM,aAAa,GAAGA,uBAAM,CAAC,GAAG,CAI9B,UAAA,CAAA,EAAA,WAAA,EAAA,oBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,uDAAA,EAAAC,WAAK,CAAC,KAAK,CAAC,EAAE;AAGhB,MAAM,aAAa,GAAGD,uBAAM,CAACE,2BAAO,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,oBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,cAAA,EACzBD,WAAK,CAAC,KAAK,CAAC,IAAI;;;;;"}

package/dist/components/SelectDropdown/ListItemSection/styled.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-export declare const InfoContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledSection: import("styled-components").StyledComponent<(<T extends object>(props: import("react-aria-components").SectionProps<T> & import("react").RefAttributes<HTMLElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>), any, {}, never>;

package/dist/components/SelectDropdown/ListItemSection/styled.js

@@ -1,9 +0,0 @@
-import { Section } from 'react-aria-components';
-import styled from 'styled-components';
-import { theme } from '../../../theme/index.js';
-
-const InfoContainer = styled.div.withConfig({ displayName: "vui--InfoContainer", componentId: "vui--1q1w6zs" }) `display:flex;flex-direction:row;align-items:center;gap:${theme.sizes.sm};`;
-const StyledSection = styled(Section).withConfig({ displayName: "vui--StyledSection", componentId: "vui--6na2yk" }) `border-radius:${theme.sizes.base};`;
-
-export { InfoContainer, StyledSection };
-//# sourceMappingURL=styled.js.map

package/dist/components/SelectDropdown/ListItemSection/styled.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styled.js","sources":["../../../../src/components/SelectDropdown/ListItemSection/styled.ts"],"sourcesContent":["import { Section } from 'react-aria-components';\nimport styled from 'styled-components';\nimport { theme } from 'Theme';\n\nexport const InfoContainer = styled.div`\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: ${theme.sizes.sm};\n`;\n\nexport const StyledSection = styled(Section)`\n  border-radius: ${theme.sizes.base};\n`;\n"],"names":[],"mappings":";;;;AAIO,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAI9B,UAAA,CAAA,EAAA,WAAA,EAAA,oBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,uDAAA,EAAA,KAAK,CAAC,KAAK,CAAC,EAAE;AAGhB,MAAM,aAAa,GAAG,MAAM,CAAC,OAAO,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,oBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,cAAA,EACzB,KAAK,CAAC,KAAK,CAAC,IAAI;;;;"}

package/dist/components/SelectDropdown/styled.cjs

@@ -1,33 +0,0 @@
-'use strict';
-
-var styled = require('styled-components');
-var reactAriaComponents = require('react-aria-components');
-var index = require('../../theme/index.cjs');
-var inputStyles = require('../../utils/forms/inputStyles.cjs');
-var Button = require('../Button/Button.cjs');
-var Dropdown = require('../Dropdown/Dropdown.cjs');
-var Search = require('../Search/Search.cjs');
-var styled$1 = require('../Select/styled.cjs');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
-
-const StyledListBox = styled__default.default(reactAriaComponents.ListBox).withConfig({ displayName: "vui--StyledListBox", componentId: "vui--1fqdcy1" }) `overflow-y:scroll;max-height:300px;padding:${index.theme.sizes.sm};scroll-padding:${index.theme.sizes.xs} 0;&[data-empty]{display:flex;align-items:center;justify-content:center;}`;
-const StyledDropdown = styled__default.default(Dropdown.Dropdown).withConfig({ displayName: "vui--StyledDropdown", componentId: "vui--to2qbd" }) `padding:0;`;
-// Create a styled button that uses the base input styles and the dropdown indicator styles
-// to replicate the `<Select>` component's appearance.
-const StyledSelectButton = styled__default.default.button.withConfig({ displayName: "vui--StyledSelectButton", componentId: "vui--bwmo8j" }) `${inputStyles.inputFullStyles} ${styled$1.dropdownIndicatorStyles}`;
-const StyledSearch = styled__default.default(Search.Search).withConfig({ displayName: "vui--StyledSearch", componentId: "vui--68uxvn" }) `margin:${index.theme.sizes.sm};`;
-const Separator = styled__default.default.hr.withConfig({ displayName: "vui--Separator", componentId: "vui--1yelizc" }) `height:1px;background:${index.theme.colors.neutral.grey.base};border:none;margin:0 0;width:100%;`;
-const CTAButton = styled__default.default(Button.Button).attrs({
-    variant: 'flat',
-}).withConfig({ displayName: "vui--CTAButton", componentId: "vui--fe7n0c" }) `justify-content:start;padding-left:${index.theme.sizes.xs};margin:${index.theme.sizes.sm} ${index.theme.sizes.xs};border-radius:${index.theme.radius.base};font-size:14px;svg{width:${index.theme.sizes.md};height:${index.theme.sizes.md};}`;
-
-exports.CTAButton = CTAButton;
-exports.Separator = Separator;
-exports.StyledDropdown = StyledDropdown;
-exports.StyledListBox = StyledListBox;
-exports.StyledSearch = StyledSearch;
-exports.StyledSelectButton = StyledSelectButton;
-//# sourceMappingURL=styled.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styled.cjs","sources":["../../../src/components/SelectDropdown/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { ListBox } from 'react-aria-components';\nimport { theme } from '../../theme';\nimport { inputFullStyles } from '../../utils/forms/inputStyles';\nimport { Button } from '../Button';\nimport { Dropdown } from '../Dropdown';\nimport { Search } from '../Search';\nimport { dropdownIndicatorStyles } from '../Select/styled';\n\nexport const StyledListBox = styled(ListBox)`\n  overflow-y: scroll;\n  max-height: 300px;\n  padding: ${theme.sizes.sm};\n  scroll-padding: ${theme.sizes.xs} 0;\n\n  &[data-empty] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n`;\n\nexport const StyledDropdown = styled(Dropdown)`\n  padding: 0;\n`;\n\n// Create a styled button that uses the base input styles and the dropdown indicator styles\n// to replicate the `<Select>` component's appearance.\nexport const StyledSelectButton = styled.button`\n  ${inputFullStyles}\n  ${dropdownIndicatorStyles}\n`;\n\nexport const StyledSearch = styled(Search)`\n  margin: ${theme.sizes.sm};\n`;\n\nexport const Separator = styled.hr`\n  height: 1px;\n  background: ${theme.colors.neutral.grey.base};\n  border: none;\n  margin: 0 0;\n  width: 100%;\n`;\n\nexport const CTAButton = styled(Button).attrs({\n  variant: 'flat',\n})`\n  justify-content: start;\n  padding-left: ${theme.sizes.xs};\n  margin: ${theme.sizes.sm} ${theme.sizes.xs};\n  border-radius: ${theme.radius.base};\n  font-size: 14px;\n  svg {\n    width: ${theme.sizes.md};\n    height: ${theme.sizes.md};\n  }\n`;\n"],"names":["styled","ListBox","theme","Dropdown","inputFullStyles","dropdownIndicatorStyles","Search","Button"],"mappings":";;;;;;;;;;;;;;;MASa,aAAa,GAAGA,uBAAM,CAACC,2BAAO,CAAC,CAG/B,UAAA,CAAA,EAAA,WAAA,EAAA,oBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,2CAAA,EAAAC,WAAK,CAAC,KAAK,CAAC,EAAE,CACP,gBAAA,EAAAA,WAAK,CAAC,KAAK,CAAC,EAAE,CAAA,yEAAA;MASrB,cAAc,GAAGF,uBAAM,CAACG,iBAAQ,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,qBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,UAAA;AAI9C;AACA;AACO,MAAM,kBAAkB,GAAGH,uBAAM,CAAC,MAAM,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,yBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,EAC3CI,2BAAe,CAAA,CAAA,EACfC,gCAAuB,CAAA;AAGpB,MAAM,YAAY,GAAGL,uBAAM,CAACM,aAAM,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,mBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,OAAA,EAC9BJ,WAAK,CAAC,KAAK,CAAC,EAAE;AAGb,MAAA,SAAS,GAAGF,uBAAM,CAAC,EAAE,CAElB,UAAA,CAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,sBAAA,EAAAE,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI;AAMjC,MAAA,SAAS,GAAGF,uBAAM,CAACO,aAAM,CAAC,CAAC,KAAK,CAAC;AAC5C,IAAA,OAAO,EAAE,MAAM;AAChB,CAAA,CAAC,iHAEgBL,WAAK,CAAC,KAAK,CAAC,EAAE,CACpB,QAAA,EAAAA,WAAK,CAAC,KAAK,CAAC,EAAE,CAAA,CAAA,EAAIA,WAAK,CAAC,KAAK,CAAC,EAAE,CACzB,eAAA,EAAAA,WAAK,CAAC,MAAM,CAAC,IAAI,CAAA,0BAAA,EAGvBA,WAAK,CAAC,KAAK,CAAC,EAAE,WACbA,WAAK,CAAC,KAAK,CAAC,EAAE;;;;;;;;;"}

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

@@ -1,321 +0,0 @@
-/// <reference types="react" />
-export declare const StyledListBox: import("styled-components").StyledComponent<(<T extends object>(props: import("react-aria-components").ListBoxProps<T> & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>), any, {}, never>;
-export declare const StyledDropdown: import("styled-components").StyledComponent<({ id, shouldShow, disabled, setShouldShow, ctaIconSlot, ctaProps, renderCta, ...dropdownProps }: import("../Dropdown/types").DropdownProps) => import("react").JSX.Element, any, {}, never>;
-export declare const StyledSelectButton: import("styled-components").StyledComponent<"button", any, import("../types").FormComponentProps, never>;
-export declare const StyledSearch: import("styled-components").StyledComponent<import("react").FC<{
-    form?: string | undefined;
-    slot?: string | undefined;
-    style?: import("react").CSSProperties | undefined;
-    title?: string | undefined;
-    pattern?: string | undefined;
-    placeholder?: string | undefined;
-    name?: string | undefined;
-    defaultChecked?: boolean | undefined;
-    defaultValue?: string | number | readonly string[] | undefined;
-    suppressContentEditableWarning?: boolean | undefined;
-    suppressHydrationWarning?: boolean | undefined;
-    accessKey?: string | undefined;
-    autoFocus?: boolean | undefined;
-    className?: string | 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;
-    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;
-    rel?: 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" | "email" | "tel" | "url" | "numeric" | "decimal" | undefined;
-    is?: string | undefined;
-    'aria-activedescendant'?: string | undefined;
-    'aria-atomic'?: (boolean | "true" | "false") | undefined;
-    'aria-autocomplete'?: "none" | "list" | "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" | "step" | "date" | "true" | "false" | "page" | "location" | undefined;
-    'aria-describedby'?: string | undefined;
-    'aria-details'?: string | undefined;
-    'aria-disabled'?: (boolean | "true" | "false") | undefined;
-    'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "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" | "additions" | "additions removals" | "additions text" | "all" | "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'?: "none" | "ascending" | "descending" | "other" | undefined;
-    'aria-valuemax'?: number | undefined;
-    'aria-valuemin'?: number | undefined;
-    'aria-valuenow'?: number | undefined;
-    'aria-valuetext'?: string | undefined;
-    children?: import("react").ReactNode;
-    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;
-    height?: string | number | undefined;
-    max?: string | number | undefined;
-    min?: string | number | undefined;
-    width?: string | number | undefined;
-    alt?: string | undefined;
-    src?: 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;
-    list?: string | undefined;
-    maxLength?: number | undefined;
-    minLength?: number | undefined;
-    multiple?: boolean | undefined;
-    readOnly?: boolean | undefined;
-    required?: boolean | undefined;
-    step?: string | number | undefined;
-    cols?: number | undefined;
-    dirName?: string | undefined;
-    rows?: number | undefined;
-    wrap?: string | undefined;
-} & {
-    value?: string | undefined;
-    type?: import("../TextField").TextFieldType | undefined;
-    onChange?: ((value: string) => void) | undefined;
-    hasError?: boolean | undefined;
-    size?: "base" | "sm" | undefined;
-    multiline?: boolean | undefined;
-} & {
-    isLoading?: boolean | undefined;
-    fill?: string | undefined;
-    onClearClick?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
-    reversed?: boolean | undefined;
-} & import("../../hoc/withLabels/withLabels").WithLabelsProps>, any, {}, never>;
-export declare const Separator: import("styled-components").StyledComponent<"hr", any, {}, never>;
-export declare const CTAButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
-    children?: import("react").ReactNode;
-    variant?: import("../Button/types").ButtonVariant | undefined;
-    size?: "base" | "sm" | undefined;
-    iconSlot?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
-    dropdown?: boolean | undefined;
-    loading?: boolean | undefined;
-    contentStyles?: import("react").CSSProperties | undefined;
-} & import("react").RefAttributes<HTMLButtonElement>>, any, {
-    variant: "flat";
-}, "variant">;

package/dist/components/SelectDropdown/styled.js

@@ -1,22 +0,0 @@
-import styled from 'styled-components';
-import { ListBox } from 'react-aria-components';
-import { theme } from '../../theme/index.js';
-import { inputFullStyles } from '../../utils/forms/inputStyles.js';
-import { Button } from '../Button/Button.js';
-import { Dropdown } from '../Dropdown/Dropdown.js';
-import { Search } from '../Search/Search.js';
-import { dropdownIndicatorStyles } from '../Select/styled.js';
-
-const StyledListBox = styled(ListBox).withConfig({ displayName: "vui--StyledListBox", componentId: "vui--1fqdcy1" }) `overflow-y:scroll;max-height:300px;padding:${theme.sizes.sm};scroll-padding:${theme.sizes.xs} 0;&[data-empty]{display:flex;align-items:center;justify-content:center;}`;
-const StyledDropdown = styled(Dropdown).withConfig({ displayName: "vui--StyledDropdown", componentId: "vui--to2qbd" }) `padding:0;`;
-// Create a styled button that uses the base input styles and the dropdown indicator styles
-// to replicate the `<Select>` component's appearance.
-const StyledSelectButton = styled.button.withConfig({ displayName: "vui--StyledSelectButton", componentId: "vui--bwmo8j" }) `${inputFullStyles} ${dropdownIndicatorStyles}`;
-const StyledSearch = styled(Search).withConfig({ displayName: "vui--StyledSearch", componentId: "vui--68uxvn" }) `margin:${theme.sizes.sm};`;
-const Separator = styled.hr.withConfig({ displayName: "vui--Separator", componentId: "vui--1yelizc" }) `height:1px;background:${theme.colors.neutral.grey.base};border:none;margin:0 0;width:100%;`;
-const CTAButton = styled(Button).attrs({
-    variant: 'flat',
-}).withConfig({ displayName: "vui--CTAButton", componentId: "vui--fe7n0c" }) `justify-content:start;padding-left:${theme.sizes.xs};margin:${theme.sizes.sm} ${theme.sizes.xs};border-radius:${theme.radius.base};font-size:14px;svg{width:${theme.sizes.md};height:${theme.sizes.md};}`;
-
-export { CTAButton, Separator, StyledDropdown, StyledListBox, StyledSearch, StyledSelectButton };
-//# sourceMappingURL=styled.js.map