@astral/ui 0.48.4 → 1.0.0-test.1670422830

package/esm/Tab/index.js

@@ -0,0 +1 @@
+export * from './Tab';

package/esm/Table/Table.d.ts

@@ -1,3 +1,5 @@
 /// <reference types="react" />
-import { TableProps } from '@mui/material';
+import { TableProps as MuiTableProps } from '@mui/material';
+import { WithoutEmotionSpecific } from '../types';
+export type TableProps = WithoutEmotionSpecific<MuiTableProps>;
 export declare const Table: ({ size, ...props }: TableProps) => JSX.Element;

package/esm/Table/Table.js

@@ -1,14 +1,3 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -22,7 +11,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Table as MuiTable } from '@mui/material';
-export var Table = function (_a) {
-    var _b = _a.size, size = _b === void 0 ? 'small' : _b, props = __rest(_a, ["size"]);
-    return _jsx(MuiTable, __assign({ size: size }, props));
+export const Table = (_a) => {
+    var { size = 'small' } = _a, props = __rest(_a, ["size"]);
+    return _jsx(MuiTable, Object.assign({ size: size }, props));
 };

package/esm/Table/TableBody/TableBody.d.ts

@@ -1,3 +1,5 @@
-import { TableBody, TableBodyProps } from '@mui/material';
-export { TableBody };
-export type { TableBodyProps };
+/// <reference types="react" />
+import { TableBodyProps as MuiTableBodyProps } from '@mui/material';
+import { WithoutEmotionSpecific } from '../../types';
+export type TableBodyProps = WithoutEmotionSpecific<MuiTableBodyProps>;
+export declare const TableBody: (props: TableBodyProps) => JSX.Element;

package/esm/Table/TableBody/TableBody.js

@@ -1,2 +1,3 @@
-import { TableBody } from '@mui/material';
-export { TableBody };
+import { jsx as _jsx } from "react/jsx-runtime";
+import { TableBody as MuiTableBody, } from '@mui/material';
+export const TableBody = (props) => _jsx(MuiTableBody, Object.assign({}, props));

package/esm/Table/TableCell/TableCell.d.ts

@@ -1,3 +1,5 @@
-import { TableCell, TableCellProps } from '@mui/material';
-export { TableCell };
-export type { TableCellProps };
+/// <reference types="react" />
+import { TableCellProps as MuiTableCellProps } from '@mui/material';
+import { WithoutEmotionSpecific } from '../../types';
+export type TableCellProps = WithoutEmotionSpecific<MuiTableCellProps>;
+export declare const TableCell: (props: TableCellProps) => JSX.Element;

package/esm/Table/TableCell/TableCell.js

@@ -1,2 +1,3 @@
-import { TableCell } from '@mui/material';
-export { TableCell };
+import { jsx as _jsx } from "react/jsx-runtime";
+import { TableCell as MuiTableCell, } from '@mui/material';
+export const TableCell = (props) => _jsx(MuiTableCell, Object.assign({}, props));

package/esm/Table/TableContainer/TableContainer.d.ts

@@ -1,3 +1,5 @@
-import { TableContainer, TableContainerProps } from '@mui/material';
-export { TableContainer };
-export type { TableContainerProps };
+/// <reference types="react" />
+import { TableContainerProps as MuiTableContainerProps } from '@mui/material';
+import { WithoutEmotionSpecific } from '../../types';
+export type TableContainerProps = WithoutEmotionSpecific<MuiTableContainerProps>;
+export declare const TableContainer: (props: TableContainerProps) => JSX.Element;

package/esm/Table/TableContainer/TableContainer.js

@@ -1,2 +1,3 @@
-import { TableContainer } from '@mui/material';
-export { TableContainer };
+import { jsx as _jsx } from "react/jsx-runtime";
+import { TableContainer as MuiTableContainer, } from '@mui/material';
+export const TableContainer = (props) => (_jsx(MuiTableContainer, Object.assign({}, props)));

package/esm/Table/TableFooter/TableFooter.d.ts

@@ -1,3 +1,5 @@
-import { TableFooter, TableFooterProps } from '@mui/material';
-export { TableFooter };
-export type { TableFooterProps };
+/// <reference types="react" />
+import { TableFooterProps as MuiTableFooterProps } from '@mui/material';
+import { WithoutEmotionSpecific } from '../../types';
+export type TableFooterProps = WithoutEmotionSpecific<MuiTableFooterProps>;
+export declare const TableFooter: (props: TableFooterProps) => JSX.Element;

package/esm/Table/TableFooter/TableFooter.js

@@ -1,2 +1,3 @@
-import { TableFooter } from '@mui/material';
-export { TableFooter };
+import { jsx as _jsx } from "react/jsx-runtime";
+import { TableFooter as MuiTableFooter, } from '@mui/material';
+export const TableFooter = (props) => (_jsx(MuiTableFooter, Object.assign({}, props)));

package/esm/Table/TableHead/TableHead.d.ts

@@ -1,3 +1,5 @@
-import { TableHead, TableHeadProps } from '@mui/material';
-export { TableHead };
-export type { TableHeadProps };
+/// <reference types="react" />
+import { TableHeadProps as MuiTableHeadProps } from '@mui/material';
+import { WithoutEmotionSpecific } from '../../types';
+export type TableHeadProps = WithoutEmotionSpecific<MuiTableHeadProps>;
+export declare const TableHead: (props: TableHeadProps) => JSX.Element;

package/esm/Table/TableHead/TableHead.js

@@ -1,2 +1,3 @@
-import { TableHead } from '@mui/material';
-export { TableHead };
+import { jsx as _jsx } from "react/jsx-runtime";
+import { TableHead as MuiTableHead, } from '@mui/material';
+export const TableHead = (props) => _jsx(MuiTableHead, Object.assign({}, props));

package/esm/Table/TableRow/TableRow.d.ts

@@ -1,3 +1,5 @@
-import { TableRow, TableRowProps } from '@mui/material';
-export { TableRow };
-export type { TableRowProps };
+/// <reference types="react" />
+import { TableRowProps as MuiTableRowProps } from '@mui/material';
+import { WithoutEmotionSpecific } from '../../types';
+export type TableRowProps = WithoutEmotionSpecific<MuiTableRowProps>;
+export declare const TableRow: (props: TableRowProps) => JSX.Element;

package/esm/Table/TableRow/TableRow.js

@@ -1,2 +1,3 @@
-import { TableRow } from '@mui/material';
-export { TableRow };
+import { jsx as _jsx } from "react/jsx-runtime";
+import { TableRow as MuiTableRow, } from '@mui/material';
+export const TableRow = (props) => _jsx(MuiTableRow, Object.assign({}, props));

package/esm/Table/TableSortLabel/TableSortLabel.d.ts

@@ -1,3 +1,5 @@
-import { TableSortLabel, TableSortLabelProps } from '@mui/material';
-export { TableSortLabel };
-export type { TableSortLabelProps };
+/// <reference types="react" />
+import { TableSortLabelProps as MuiTableSortLabelProps } from '@mui/material';
+import { WithoutEmotionSpecific } from '../../types';
+export type TableSortLabelProps = WithoutEmotionSpecific<MuiTableSortLabelProps>;
+export declare const TableSortLabel: (props: TableSortLabelProps) => JSX.Element;

package/esm/Table/TableSortLabel/TableSortLabel.js

@@ -1,2 +1,3 @@
-import { TableSortLabel } from '@mui/material';
-export { TableSortLabel };
+import { jsx as _jsx } from "react/jsx-runtime";
+import { TableSortLabel as MuiTableSortLabel, } from '@mui/material';
+export const TableSortLabel = (props) => (_jsx(MuiTableSortLabel, Object.assign({}, props)));

package/esm/Tabs/Tabs.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { TabsProps as MuiTabsProps } from '@mui/material';
+import { WithoutEmotionSpecific } from '../types';
+export type TabsProps = WithoutEmotionSpecific<MuiTabsProps>;
+export declare const Tabs: (props: TabsProps) => JSX.Element;

package/esm/Tabs/Tabs.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Tabs as MuiTabs } from '@mui/material';
+export const Tabs = (props) => _jsx(MuiTabs, Object.assign({}, props));

package/esm/Tabs/index.d.ts

@@ -0,0 +1 @@
+export * from './Tabs';

package/esm/Tabs/index.js

@@ -0,0 +1 @@
+export * from './Tabs';

package/esm/Tag/Tag.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
 import { TagProps } from './types';
-export declare const Tag: ({ color, variant, deleteIcon, ...props }: TagProps) => JSX.Element;
+export declare const Tag: import("react").ForwardRefExoticComponent<Pick<TagProps, "disabled" | "icon" | "color" | "translate" | "tabIndex" | "children" | "label" | "slot" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "variant" | keyof import("@mui/material/OverridableComponent").CommonProps | "rounded" | "avatar" | "clickable" | "deleteIcon" | "onDelete" | "skipFocusWhenDisabled"> & import("react").RefAttributes<HTMLDivElement>>;

package/esm/Tag/Tag.js

@@ -1,14 +1,3 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -21,9 +10,10 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
 import { CrossSmOutlineSm } from '@astral/icons';
 import { StyledTag } from './styled';
-export var Tag = function (_a) {
-    var color = _a.color, variant = _a.variant, deleteIcon = _a.deleteIcon, props = __rest(_a, ["color", "variant", "deleteIcon"]);
-    return (_jsx(StyledTag, __assign({ customColor: color, customVariant: variant }, props, { deleteIcon: deleteIcon ? deleteIcon : _jsx(CrossSmOutlineSm, {}) })));
-};
+export const Tag = forwardRef((_a, ref) => {
+    var { color, variant, deleteIcon } = _a, props = __rest(_a, ["color", "variant", "deleteIcon"]);
+    return (_jsx(StyledTag, Object.assign({ ref: ref, customColor: color, customVariant: variant }, props, { deleteIcon: deleteIcon ? deleteIcon : _jsx(CrossSmOutlineSm, {}) })));
+});

package/esm/Tag/styled.d.ts

@@ -5,21 +5,23 @@ export declare const StyledTag: import("@emotion/styled").StyledComponent<{
     children?: null | undefined;
     classes?: Partial<import("@mui/material").ChipClasses> | undefined;
     clickable?: boolean | undefined;
-    color?: "primary" | "secondary" | "default" | "error" | "success" | "warning" | "info" | undefined;
+    color?: "primary" | "secondary" | "default" | "error" | "warning" | "info" | "success" | undefined;
     deleteIcon?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
     disabled?: boolean | undefined;
     icon?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
     label?: import("react").ReactNode;
     onDelete?: ((event: any) => void) | undefined;
     size?: "medium" | "small" | undefined;
+    skipFocusWhenDisabled?: boolean | undefined;
     sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
-    variant?: "outlined" | "filled" | undefined;
-} & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | "css" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
+    tabIndex?: number | undefined;
+    variant?: "filled" | "outlined" | undefined;
+} & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "css" | "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, "disabled" | "children" | "label" | "color" | "variant" | "size" | keyof import("@mui/material/OverridableComponent").CommonProps | "sx" | "icon" | "avatar" | "clickable" | "deleteIcon" | "onDelete"> & {
+}, "disabled" | "icon" | "color" | "sx" | "tabIndex" | "children" | "label" | "variant" | "size" | keyof import("@mui/material/OverridableComponent").CommonProps | "avatar" | "clickable" | "deleteIcon" | "onDelete" | "skipFocusWhenDisabled"> & {
     theme?: import("@emotion/react").Theme | undefined;
 } & Omit<TagProps, "color"> & {
-    customColor?: "primary" | "default" | "error" | "success" | "warning" | "grey" | undefined;
+    customColor?: "primary" | "default" | "grey" | "error" | "warning" | "success" | undefined;
     customVariant?: "light" | "contained" | undefined;
     rounded?: boolean | undefined;
 }, {}, {}>;

package/esm/Tag/styled.js

@@ -1,44 +1,26 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 import { Chip } from '@mui/material';
 import { styled } from '../styles';
 import { TagColors, TagStates } from './constants';
-var getShape = function (_a) {
-    var theme = _a.theme, rounded = _a.rounded;
+const getShape = ({ theme, rounded }) => {
     if (rounded) {
         return '100px';
     }
     return theme.shape.small;
 };
-var getDeleteIconBorderRadius = function (_a) {
-    var theme = _a.theme, rounded = _a.rounded;
+const getDeleteIconBorderRadius = ({ theme, rounded, }) => {
     if (rounded) {
         return '100px';
     }
-    return "0  ".concat(theme.shape.small, "  ").concat(theme.shape.small, " 0");
+    return `0  ${theme.shape.small}  ${theme.shape.small} 0`;
 };
-var getBgColor = function (_a) {
-    var theme = _a.theme, customColor = _a.customColor, customVariant = _a.customVariant, onDelete = _a.onDelete;
+const getBgColor = ({ theme, customColor, customVariant, onDelete, }) => {
     if (onDelete) {
         return theme.palette.grey[100];
     }
     if (customColor === TagColors.GREY) {
         return theme.palette.grey[100];
     }
-    var backgroundColorVariants = {
+    const backgroundColorVariants = {
         contained: {
             primary: theme.palette.primary.main,
             error: theme.palette.red[800],
@@ -62,12 +44,11 @@ var getBgColor = function (_a) {
     }
     return theme.palette.background.element;
 };
-var getColor = function (_a) {
-    var theme = _a.theme, customColor = _a.customColor, customVariant = _a.customVariant, onDelete = _a.onDelete;
+const getColor = ({ theme, customColor, customVariant, onDelete, }) => {
     if (onDelete) {
         return theme.palette.grey[900];
     }
-    var textColorVariants = {
+    const textColorVariants = {
         contained: {
             primary: theme.palette.primary.contrastText,
             error: theme.palette.error.contrastText,
@@ -91,16 +72,14 @@ var getColor = function (_a) {
     }
     return theme.palette.text.primary;
 };
-var getTagLabelPadding = function (_a) {
-    var theme = _a.theme, rounded = _a.rounded;
+const getTagLabelPadding = ({ theme, rounded, }) => {
     if (rounded) {
         return theme.spacing(0, 2);
     }
     return theme.spacing(0, 1);
 };
-var getDeleteIconBgColor = function (_a) {
-    var theme = _a.theme, iconState = _a.iconState;
-    var bgColorDeleteIcon = {
+const getDeleteIconBgColor = ({ theme, iconState, }) => {
+    const bgColorDeleteIcon = {
         default: 'transparent',
         hover: theme.palette.red[100],
         active: theme.palette.red[200],
@@ -110,30 +89,75 @@ var getDeleteIconBgColor = function (_a) {
     }
     return 'transparent';
 };
-export var StyledTag = styled(Chip, {
-    shouldForwardProp: function (prop) {
-        return prop !== 'customColor' && prop !== 'customVariant' && prop !== 'rounded';
-    },
-})(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  height: 20px;\n\n  font-size: 14px;\n\n  background-color: ", ";\n  border-radius: ", ";\n\n  user-select: none;\n\n  &:hover {\n    color: ", ";\n\n    background-color: ", ";\n  }\n\n  &:active {\n    color: ", ";\n\n    background-color: ", ";\n  }\n\n  .MuiChip-label {\n    padding: ", ";\n\n    color: ", ";\n\n    &:hover {\n      color: ", ";\n    }\n\n    &:active {\n      color: ", ";\n    }\n  }\n\n  .MuiChip-deleteIcon {\n    width: 20px;\n    height: 20px;\n    margin: 0;\n\n    color: ", ";\n\n    background: ", ";\n    border-radius: ", ";\n\n    &:hover {\n      color: ", ";\n\n      background: ", ";\n    }\n\n    &:active {\n      color: ", ";\n\n      background: ", ";\n    }\n  }\n\n  .MuiChip-avatar {\n    width: 16px;\n    height: 16px;\n    margin: 2px;\n  }\n\n  .MuiChip-icon {\n    width: 16px;\n    height: 16px;\n  }\n"], ["\n  height: 20px;\n\n  font-size: 14px;\n\n  background-color: ", ";\n  border-radius: ", ";\n\n  user-select: none;\n\n  &:hover {\n    color: ", ";\n\n    background-color: ", ";\n  }\n\n  &:active {\n    color: ", ";\n\n    background-color: ", ";\n  }\n\n  .MuiChip-label {\n    padding: ", ";\n\n    color: ", ";\n\n    &:hover {\n      color: ", ";\n    }\n\n    &:active {\n      color: ", ";\n    }\n  }\n\n  .MuiChip-deleteIcon {\n    width: 20px;\n    height: 20px;\n    margin: 0;\n\n    color: ", ";\n\n    background: ", ";\n    border-radius: ", ";\n\n    &:hover {\n      color: ", ";\n\n      background: ", ";\n    }\n\n    &:active {\n      color: ", ";\n\n      background: ", ";\n    }\n  }\n\n  .MuiChip-avatar {\n    width: 16px;\n    height: 16px;\n    margin: 2px;\n  }\n\n  .MuiChip-icon {\n    width: 16px;\n    height: 16px;\n  }\n"])), function (props) {
-    return getBgColor(__assign(__assign({}, props), { tagState: TagStates.DEFAULT }));
-}, function (props) { return getShape(__assign({}, props)); }, function (props) { return getColor(__assign(__assign({}, props), { tagState: TagStates.HOVER })); }, function (props) {
-    return getBgColor(__assign(__assign({}, props), { tagState: TagStates.HOVER }));
-}, function (props) { return getColor(__assign(__assign({}, props), { tagState: TagStates.ACTIVE })); }, function (props) {
-    return getBgColor(__assign(__assign({}, props), { tagState: TagStates.ACTIVE }));
-}, function (props) { return getTagLabelPadding(__assign({}, props)); }, function (props) { return getColor(__assign(__assign({}, props), { tagState: TagStates.DEFAULT })); }, function (props) { return getColor(__assign(__assign({}, props), { tagState: TagStates.HOVER })); }, function (props) { return getColor(__assign(__assign({}, props), { tagState: TagStates.ACTIVE })); }, function (_a) {
-    var theme = _a.theme;
-    return theme.palette.grey[800];
-}, function (props) {
-    return getDeleteIconBgColor(__assign(__assign({}, props), { iconState: TagStates.DEFAULT }));
-}, function (props) { return getDeleteIconBorderRadius(__assign({}, props)); }, function (_a) {
-    var theme = _a.theme;
-    return theme.palette.grey[800];
-}, function (props) {
-    return getDeleteIconBgColor(__assign(__assign({}, props), { iconState: TagStates.HOVER }));
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.palette.grey[800];
-}, function (props) {
-    return getDeleteIconBgColor(__assign(__assign({}, props), { iconState: TagStates.ACTIVE }));
-});
-var templateObject_1;
+export const StyledTag = styled(Chip, {
+    shouldForwardProp: (prop) => prop !== 'customColor' && prop !== 'customVariant' && prop !== 'rounded',
+}) `
+  height: 20px;
+
+  font-size: 14px;
+
+  background-color: ${(props) => getBgColor(Object.assign(Object.assign({}, props), { tagState: TagStates.DEFAULT }))};
+  border-radius: ${(props) => getShape(Object.assign({}, props))};
+
+  user-select: none;
+
+  &:hover {
+    color: ${(props) => getColor(Object.assign(Object.assign({}, props), { tagState: TagStates.HOVER }))};
+
+    background-color: ${(props) => getBgColor(Object.assign(Object.assign({}, props), { tagState: TagStates.HOVER }))};
+  }
+
+  &:active {
+    color: ${(props) => getColor(Object.assign(Object.assign({}, props), { tagState: TagStates.ACTIVE }))};
+
+    background-color: ${(props) => getBgColor(Object.assign(Object.assign({}, props), { tagState: TagStates.ACTIVE }))};
+  }
+
+  .MuiChip-label {
+    padding: ${(props) => getTagLabelPadding(Object.assign({}, props))};
+
+    color: ${(props) => getColor(Object.assign(Object.assign({}, props), { tagState: TagStates.DEFAULT }))};
+
+    &:hover {
+      color: ${(props) => getColor(Object.assign(Object.assign({}, props), { tagState: TagStates.HOVER }))};
+    }
+
+    &:active {
+      color: ${(props) => getColor(Object.assign(Object.assign({}, props), { tagState: TagStates.ACTIVE }))};
+    }
+  }
+
+  .MuiChip-deleteIcon {
+    width: 20px;
+    height: 20px;
+    margin: 0;
+
+    color: ${({ theme }) => theme.palette.grey[800]};
+
+    background: ${(props) => getDeleteIconBgColor(Object.assign(Object.assign({}, props), { iconState: TagStates.DEFAULT }))};
+    border-radius: ${(props) => getDeleteIconBorderRadius(Object.assign({}, props))};
+
+    &:hover {
+      color: ${({ theme }) => theme.palette.grey[800]};
+
+      background: ${(props) => getDeleteIconBgColor(Object.assign(Object.assign({}, props), { iconState: TagStates.HOVER }))};
+    }
+
+    &:active {
+      color: ${({ theme }) => theme.palette.grey[800]};
+
+      background: ${(props) => getDeleteIconBgColor(Object.assign(Object.assign({}, props), { iconState: TagStates.ACTIVE }))};
+    }
+  }
+
+  .MuiChip-avatar {
+    width: 16px;
+    height: 16px;
+    margin: 2px;
+  }
+
+  .MuiChip-icon {
+    width: 16px;
+    height: 16px;
+  }
+`;

package/esm/Tag/types.d.ts

@@ -1,9 +1,10 @@
 import { ChipProps as MuiTagProps } from '@mui/material/Chip/Chip';
+import { WithoutEmotionSpecific } from '../types';
 import { TagColors, TagStates, TagVariants } from './constants';
-export declare type TagColor = `${TagColors}`;
-export declare type TagVariant = `${TagVariants}`;
-export declare type TagState = `${TagStates}`;
-export declare type TagProps = Omit<MuiTagProps, 'color' | 'variant' | 'size'> & {
+export type TagColor = `${TagColors}`;
+export type TagVariant = `${TagVariants}`;
+export type TagState = `${TagStates}`;
+export type TagProps = Omit<WithoutEmotionSpecific<MuiTagProps>, 'color' | 'variant' | 'size'> & {
     color?: TagColor;
     variant?: TagVariant;
     rounded?: boolean;

package/esm/TextArea/TextArea.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
 import { TextAreaProps } from './types';
-export declare const TextArea: import("react").ForwardRefExoticComponent<Pick<TextAreaProps, "disabled" | "error" | "success" | "tabIndex" | "type" | "children" | "className" | "label" | "slot" | "select" | "style" | "title" | "key" | "css" | "autoFocus" | "name" | "value" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "variant" | "size" | "margin" | "classes" | "sx" | "fullWidth" | "focused" | "hiddenLabel" | "required" | "autoComplete" | "inputProps" | "inputRef" | "rows" | "maxRows" | "minRows" | "SelectProps" | "InputProps" | "FormHelperTextProps" | "helperText" | "InputLabelProps"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const TextArea: import("react").ForwardRefExoticComponent<Pick<TextAreaProps, "disabled" | "color" | "translate" | "margin" | "error" | "success" | "tabIndex" | "type" | "children" | "className" | "label" | "slot" | "select" | "style" | "title" | "key" | "autoFocus" | "name" | "value" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "variant" | "size" | "classes" | "fullWidth" | "focused" | "required" | "autoComplete" | "inputProps" | "inputRef" | "rows" | "maxRows" | "minRows" | "hiddenLabel" | "SelectProps" | "InputProps" | "FormHelperTextProps" | "helperText" | "InputLabelProps"> & import("react").RefAttributes<HTMLDivElement>>;

package/esm/TextArea/TextArea.js

@@ -1,14 +1,3 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -23,7 +12,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
 import { TextField } from '../TextField';
-export var TextArea = forwardRef(function (_a, ref) {
-    var _b = _a.rows, rows = _b === void 0 ? 7 : _b, props = __rest(_a, ["rows"]);
-    return _jsx(TextField, __assign({ ref: ref, multiline: true, rows: rows }, props));
+export const TextArea = forwardRef((_a, ref) => {
+    var { rows = 7 } = _a, props = __rest(_a, ["rows"]);
+    return _jsx(TextField, Object.assign({ ref: ref, multiline: true, rows: rows }, props));
 });

package/esm/TextArea/types.d.ts

@@ -1,2 +1,2 @@
 import { TextFieldProps } from '../TextField';
-export declare type TextAreaProps = Omit<TextFieldProps, 'multiline'>;
+export type TextAreaProps = Omit<TextFieldProps, 'multiline'>;

package/esm/TextField/TextField.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { TextFieldProps } from './types';
-export declare const TextField: import("react").ForwardRefExoticComponent<Pick<TextFieldProps, "disabled" | "error" | "success" | "tabIndex" | "type" | "children" | "className" | "label" | "slot" | "select" | "style" | "title" | "key" | "css" | "autoFocus" | "name" | "value" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "variant" | "size" | "margin" | "classes" | "sx" | "fullWidth" | "focused" | "multiline" | "hiddenLabel" | "required" | "autoComplete" | "inputProps" | "inputRef" | "rows" | "maxRows" | "minRows" | "SelectProps" | "InputProps" | "FormHelperTextProps" | "helperText" | "InputLabelProps"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const TextField: import("react").ForwardRefExoticComponent<Pick<TextFieldProps, "disabled" | "color" | "translate" | "margin" | "error" | "success" | "tabIndex" | "type" | "children" | "className" | "label" | "slot" | "select" | "style" | "title" | "key" | "autoFocus" | "name" | "value" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "variant" | "size" | "classes" | "fullWidth" | "focused" | "required" | "autoComplete" | "inputProps" | "inputRef" | "multiline" | "rows" | "maxRows" | "minRows" | "hiddenLabel" | "SelectProps" | "InputProps" | "FormHelperTextProps" | "helperText" | "InputLabelProps"> & import("react").RefAttributes<HTMLDivElement>>;
 export default TextField;