@economic/taco 2.45.0-alpha.0 → 2.45.0-create.3

package/dist/components/Select2/hooks/useChildren.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import { Select2OptionProps } from '../components/Option';
 import { Select2GroupProps } from '../Select2';
 import { Select2Children, Select2OptionValue, Select2Value } from '../types';
-export declare const isGroup: (child: React.ReactElement<Select2OptionProps> | React.ReactElement<Select2GroupProps>) => child is React.ReactElement<Select2GroupProps, string | ((props: any, deprecatedLegacyContext?: any) => React.ReactElement<any, any> | null) | (new (props: any, deprecatedLegacyContext?: any) => React.Component<any, any, any>)>;
+export declare const isGroup: (child: React.ReactElement<Select2OptionProps> | React.ReactElement<Select2GroupProps>) => child is React.ReactElement<Select2GroupProps, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)>;
 export declare type useChildrenArgs = {
     children: Select2Children;
     emptyValue?: Select2OptionValue;
@@ -12,7 +12,7 @@ export declare type useChildrenArgs = {
     value?: Select2Value;
 };
 export declare const useChildren: ({ children: initialChildren, emptyValue, multiple, open, setValue, value }: useChildrenArgs) => {
-    flattenedChildren: React.ReactElement<Select2OptionProps, string | ((props: any, deprecatedLegacyContext?: any) => React.ReactElement<any, any> | null) | (new (props: any, deprecatedLegacyContext?: any) => React.Component<any, any, any>)>[];
+    flattenedChildren: React.ReactElement<Select2OptionProps, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)>[];
     filteredChildren: Select2Children;
     searchQuery: string;
     setSearchQuery: React.Dispatch<React.SetStateAction<string>>;

package/dist/components/Select2/utilities.d.ts

@@ -1,3 +1,5 @@
+import { Select2OptionProps } from './components/Option';
 export declare const createOptionClassName: (shouldPauseHoverState?: boolean) => string;
 export declare const createCollectionClassName: () => string;
 export declare const getFontSize: (fontSize?: "small" | "medium" | "large" | undefined) => "text-xs" | "text-base" | "text-sm";
+export declare const filterOption: (child: React.ReactElement<Select2OptionProps>, searchQuery: string) => boolean;

package/dist/components/Shortcut/Shortcut.d.ts

@@ -3,4 +3,4 @@ import { KeyDownHandlerOptions } from '../../utils/keyboard';
 export declare type ShortcutProps = Omit<React.HTMLAttributes<HTMLSpanElement>, 'children'> & {
     keys: string | KeyDownHandlerOptions;
 };
-export declare const Shortcut: ({ keys, ...props }: ShortcutProps) => React.JSX.Element;
+export declare const Shortcut: ({ keys, ...props }: ShortcutProps) => JSX.Element;

package/dist/components/Table3/Table3.d.ts

@@ -9,20 +9,8 @@ declare function Group(_: Table3GroupProps): null;
 declare namespace Group {
     var displayName: string;
 }
-export declare const Table3: (<TType = unknown>(props: (import("../..").TableClientProps<TType> & {
-    enableEditing?: boolean | undefined;
-    onEditingChange?: import("./types").Table3EditingChangeHandler<TType> | undefined;
-    onEditingCreate?: import("./types").Table3EditingCreateHandler<TType> | undefined;
-    onEditingSave?: import("./types").Table3EditingSaveHandler<TType> | undefined;
-    validator?: import("./types").Table3EditingValidatorFn<TType> | undefined;
-} & React.RefAttributes<Table3Ref>) | (import("../..").TableServerProps<TType> & {
-    enableEditing?: boolean | undefined;
-    onEditingChange?: import("./types").Table3EditingChangeHandler<TType> | undefined;
-    onEditingCreate?: import("./types").Table3EditingCreateHandler<TType> | undefined;
-    onEditingSave?: import("./types").Table3EditingSaveHandler<TType> | undefined;
-    validator?: import("./types").Table3EditingValidatorFn<TType> | undefined;
-} & React.RefAttributes<Table3Ref>)) => JSX.Element) & {
+export declare const Table3: (<TType = unknown>(props: (import("./types").Table3WithoutEditingWithClientProps<TType> & React.RefAttributes<Table3Ref>) | (import("./types").Table3WithoutEditingWithServerProps<TType> & React.RefAttributes<Table3Ref>) | (import("./types").Table3WithEditingWithClientProps<TType> & React.RefAttributes<Table3Ref>) | (import("./types").Table3WithEditingWithServerProps<TType> & React.RefAttributes<Table3Ref>)) => JSX.Element) & {
     Column: typeof Column;
     Group: typeof Group;
 };
-export type { Table3Props, Table3Ref, Table3ColumnProps, Table3GroupProps, Table3EditingSaveHandler, Table3EditingValidatorFn, Table3FeatureProps, Table3Texts, } from './types';
+export type { Table3Ref, Table3Props, Table3ColumnProps, Table3GroupProps, Table3EditingSaveHandler, Table3EditingValidatorFn, Table3Texts, Table3FeatureProps, Table3CommonProps, Table3WithoutEditingWithClientProps, Table3WithoutEditingWithServerProps, Table3WithEditingProps, Table3WithEditingWithClientProps, Table3WithEditingWithServerProps, Table3EditingChangeHandler, Table3EditingCreateHandler, } from './types';

package/dist/components/Table3/components/Columns/Cell/Cell.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
+/// <reference types="react" />
 import { TableCellRendererProps } from '../../../../../primitives/Table/Core/types';
-export declare function Cell<TType = unknown>(props: TableCellRendererProps<TType>): React.JSX.Element;
+export declare function Cell<TType = unknown>(props: TableCellRendererProps<TType>): JSX.Element;

package/dist/components/Table3/components/Columns/Cell/Editing/RowMoveIndicator.d.ts

@@ -5,5 +5,5 @@ declare type TableRowMoveIndicatorProps<TType = unknown> = {
     cellRef: React.RefObject<HTMLTableCellElement>;
     isActiveRow: boolean;
 };
-export declare function RowMoveIndicator<TType = unknown>(props: TableRowMoveIndicatorProps<TType>): React.JSX.Element | null;
+export declare function RowMoveIndicator<TType = unknown>(props: TableRowMoveIndicatorProps<TType>): JSX.Element | null;
 export {};

package/dist/components/Table3/components/Columns/Cell/EditingControlCell.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
+/// <reference types="react" />
 import { TableCellRendererProps } from '../../../../../primitives/Table/Core/types';
-export declare function EditingControlCell<TType = unknown>(props: TableCellRendererProps<TType>): React.JSX.Element;
+export declare function EditingControlCell<TType = unknown>(props: TableCellRendererProps<TType>): JSX.Element;

package/dist/components/Table3/components/Columns/Internal/EditingActionsMenu.d.ts

@@ -1,11 +1,10 @@
-import React from 'react';
+/// <reference types="react" />
 declare type EditingActionMenuProps = {
     hasChanges: boolean;
     hasErrors: boolean;
-    onClear: () => void;
-    onExit: () => void;
+    onDiscard: () => void;
     onEditingSave: () => Promise<void>;
     isLastRow: boolean;
 };
-export declare function EditingActionMenu(props: EditingActionMenuProps): React.JSX.Element;
+export declare function EditingActionMenu(props: EditingActionMenuProps): JSX.Element;
 export {};

package/dist/components/Table3/components/Editing/Alert.d.ts

@@ -8,5 +8,5 @@ declare type AlertProps<TType = unknown> = Omit<BaseAlertProps, 'children'> & {
     table: ReactTable<TType>;
     tableRef: React.RefObject<TableRef>;
 };
-export declare function Alert<TType = unknown>(props: AlertProps<TType>): React.JSX.Element;
+export declare function Alert<TType = unknown>(props: AlertProps<TType>): JSX.Element;
 export {};

package/dist/components/Table3/components/Editing/DiscardChangesConfirmationDialog.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { DialogProps } from '../../../Dialog/Dialog';
+declare type DiscardChangesConfirmationDialogProps = Partial<DialogProps> & {
+    onDiscard: () => void;
+};
+export declare function DiscardChangesConfirmationDialog(props: DiscardChangesConfirmationDialogProps): JSX.Element;
+export {};

package/dist/components/Table3/components/Row/Editing/CreateNewRow.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';
+import { Table3EditingCreateHandler } from '../../../types';
+import { TableRef } from '../../../../../primitives/Table/types';
+declare type CreateNewRowProps<TType = unknown> = {
+    buttonRef: React.Ref<HTMLButtonElement>;
+    onEditingCreate?: Table3EditingCreateHandler<TType>;
+    table: ReactTable<TType>;
+    tableMeta: ReactTableMeta<TType>;
+    tableRef: React.RefObject<TableRef>;
+};
+export declare function CreateNewRow<TType = unknown>(props: CreateNewRowProps<TType>): JSX.Element;
+export {};

package/dist/components/Table3/components/Row/Editing/SaveStatus.d.ts

@@ -1,8 +1,8 @@
-import React from 'react';
+/// <reference types="react" />
 import { Table as ReactTable } from '@tanstack/react-table';
 declare type SaveStatusProps<TType = unknown> = {
     rowId: string;
     table: ReactTable<TType>;
 };
-export declare function SaveStatus<TType = unknown>(props: SaveStatusProps<TType>): React.JSX.Element;
+export declare function SaveStatus<TType = unknown>(props: SaveStatusProps<TType>): JSX.Element;
 export {};

package/dist/components/Table3/components/Row/Editing/TemporaryRow.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';
+import { TableRef } from '../../../../../primitives/Table/types';
+declare type TemporaryRowProps<TType = unknown> = {
+    buttonRef: React.RefObject<HTMLButtonElement>;
+    rowIdentityAccessor: string;
+    table: ReactTable<TType>;
+    tableMeta: ReactTableMeta<TType>;
+    tableRef: React.RefObject<TableRef>;
+};
+export declare function TemporaryRow<TType = unknown>(props: TemporaryRowProps<TType>): JSX.Element;
+export {};

package/dist/components/Table3/components/Row/Row.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
+/// <reference types="react" />
 import { DisplayRowProps } from '../../../../primitives/Table/Core/components/Row/BuiltIns/DisplayRow';
-export declare function Row<TType = unknown>(props: DisplayRowProps<TType>): React.JSX.Element;
+export declare function Row<TType = unknown>(props: DisplayRowProps<TType>): JSX.Element;

package/dist/components/Table3/components/Toolbar/Editing/Editing.d.ts

@@ -4,5 +4,5 @@ declare type EditingProps<TType = unknown> = React.HTMLAttributes<HTMLButtonElem
     scrollToIndex: any;
     table: ReactTable<TType>;
 };
-export declare function Editing<TType = unknown>(props: EditingProps<TType>): React.JSX.Element;
+export declare function Editing<TType = unknown>(props: EditingProps<TType>): JSX.Element;
 export {};

package/dist/components/Table3/features/useEditingState.d.ts

@@ -0,0 +1,29 @@
+import { Table as ReactTable, Cell as ReactTableCell } from '@tanstack/react-table';
+import { Table3EditingChangeHandler, Table3EditingSaveHandler, Table3EditingValidatorFn } from '../types';
+export declare const TEMPORARY_ROW_ID_PREFIX = "temp-";
+declare type EditingSaveState = 'saving' | 'saved' | 'errored';
+export declare function usePendingChangesState<TType = unknown>(handleSave: Table3EditingSaveHandler<TType> | undefined, handleChange: Table3EditingChangeHandler<TType> | undefined, rowIdentityAccessor: keyof TType, validator: Table3EditingValidatorFn<TType> | undefined): {
+    setRowValue: <T extends TType>(rowId: string, original: T, value: Partial<T>) => Promise<void>;
+    getRowValue: (rowId: string) => any;
+    getRowMoveReason: (rowId: string) => unknown;
+    hasRowErrors: (rowId: string) => boolean;
+    hasRowErrorsShownInAlert: (rowId: string) => boolean;
+    getRowStatus: (rowId: string) => any;
+    setRowStatus: (rowId: string, status: EditingSaveState | undefined) => void;
+    setCellValue: <T_1 extends TType>(cell: ReactTableCell<T_1, unknown>, value: unknown) => void;
+    getCellValue: <T_2 extends TType>(cell: ReactTableCell<T_2, unknown>) => unknown | undefined;
+    getCellError: <T_3 extends TType>(cell: ReactTableCell<T_3, unknown>) => string | undefined;
+    onCellChanged: <T_4 extends TType>(cell: ReactTableCell<T_4, unknown>, rowIndex: number) => Promise<void>;
+    getErrorsShownInAlert: <T_5 extends TType>() => {
+        rowId: string;
+        changes: Partial<T_5>;
+        errors: any;
+    }[];
+    hasChanges: (rowId?: string | undefined) => boolean;
+    saveChanges: <T_6 extends TType>(table: ReactTable<T_6>, rowId?: string | undefined) => Promise<boolean>;
+    discardChanges: <T_7 extends TType>(rowId: string, table: ReactTable<T_7>) => void;
+    hasSaved: () => boolean;
+    createRow: <T_8 extends TType>(data: Partial<T_8>) => Promise<string>;
+    temporaryRows: any;
+};
+export {};

package/dist/components/Table3/features/useTableEditing.d.ts

@@ -1,46 +1,34 @@
 import React from 'react';
-import { Cell as ReactTableCell, Row as ReactTableRow } from '@tanstack/react-table';
+import { Table as ReactTable } from '@tanstack/react-table';
 import { Table3EditingChangeHandler, Table3EditingSaveHandler, Table3EditingValidatorFn } from '../types';
-export declare function useTableEditing<TType = unknown>(isEnabled: boolean | undefined, handleSave: Table3EditingSaveHandler<TType> | undefined, handleChange: Table3EditingChangeHandler<TType> | undefined, validator: Table3EditingValidatorFn<TType> | undefined): {
-    getCellValue: <T extends TType>(cell: ReactTableCell<T, unknown>) => unknown;
-    getCellError: <T_1 extends TType>(cell: ReactTableCell<T_1, unknown>) => string | undefined;
-    setCellValue: <T_2 extends TType>(cell: ReactTableCell<T_2, unknown>, change: unknown, rowIndex: number) => Promise<void>;
-    validateCell: <T_3 extends TType>(cell: ReactTableCell<T_3, unknown>) => Promise<void>;
-    addCreatedRowChangeset: (row: ReactTableRow<unknown>) => Promise<void>;
-    hasChanges: (rowId?: string | undefined) => boolean;
-    hasAlertErrors: () => boolean;
-    getAlertErrors: <T_4 extends TType>() => {
+export declare function useTableEditing<TType = unknown>(isEnabled: boolean | undefined, handleSave: Table3EditingSaveHandler<TType> | undefined, handleChange: Table3EditingChangeHandler<TType> | undefined, rowIdentityAccessor: keyof TType | undefined, validator: Table3EditingValidatorFn<TType> | undefined): {
+    setRowValue: <T extends TType>(rowId: string, original: T, value: Partial<T>) => Promise<void>;
+    getRowValue: (rowId: string) => any;
+    getRowMoveReason: (rowId: string) => unknown;
+    hasRowErrors: (rowId: string) => boolean;
+    hasRowErrorsShownInAlert: (rowId: string) => boolean;
+    getRowStatus: (rowId: string) => any;
+    setRowStatus: (rowId: string, status: "saving" | "saved" | "errored" | undefined) => void;
+    setCellValue: <T_1 extends TType>(cell: import("@tanstack/react-table").Cell<T_1, unknown>, value: unknown) => void;
+    getCellValue: <T_2 extends TType>(cell: import("@tanstack/react-table").Cell<T_2, unknown>) => unknown;
+    getCellError: <T_3 extends TType>(cell: import("@tanstack/react-table").Cell<T_3, unknown>) => string | undefined;
+    onCellChanged: <T_4 extends TType>(cell: import("@tanstack/react-table").Cell<T_4, unknown>, rowIndex: number) => Promise<void>;
+    getErrorsShownInAlert: <T_5 extends TType>() => {
         rowId: string;
-        pendingChange: PendingChange<T_4>;
+        changes: Partial<T_5>;
+        errors: any;
     }[];
-    saveChanges: (rowId?: string | undefined) => Promise<void>;
-    resetChanges: (rowId: string) => void;
-    hasRowErrors: (rowId: string) => boolean;
-    hasRowErrorsSeen: (rowId: string) => boolean;
-    getRowPendingChange: (rowId: string) => Pick<PendingChange<TType>, Exclude<keyof TType, "_meta">> | undefined;
-    getRowSaveStatus: (rowId: string) => false | "pending" | "complete";
-    setRowSaveStatus: (rowId: string, status: "pending" | "complete" | undefined) => void;
-    getRowMoveReason: (rowId: string) => "search" | "sorting" | "filter" | undefined;
-    getCompletedRowsCount: () => number;
+    hasChanges: (rowId?: string | undefined) => boolean;
+    saveChanges: <T_6 extends TType>(table: ReactTable<T_6>, rowId?: string | undefined) => Promise<boolean>;
+    discardChanges: <T_7 extends TType>(rowId: string, table: ReactTable<T_7>) => void;
+    hasSaved: () => boolean;
+    createRow: <T_8 extends TType>(data: Partial<T_8>) => Promise<string>;
+    temporaryRows: any;
     isEnabled: boolean;
     isEditing: boolean;
     isDetailedMode: boolean;
     toggleDetailedMode: React.Dispatch<React.SetStateAction<boolean>>;
-    toggleEditing: React.Dispatch<React.SetStateAction<boolean>>;
+    toggleEditing: <T_9 extends TType>(enabled: React.SetStateAction<boolean>, table: ReactTable<T_9>) => void;
     lastFocusedCellIndex: number | undefined;
-    setLastFocusedCellIndex: (index: number | undefined) => void;
-};
-declare type SaveState = 'pending' | 'complete';
-export declare type PendingChange<TType = unknown> = Partial<TType> & {
-    _meta: {
-        original: TType;
-        moveReason: Record<string, 'search' | 'sorting' | 'filter'>;
-        errors: {
-            row: string;
-            cells: Record<string, string>;
-            shouldShowErrorAlert: boolean;
-        };
-        status?: SaveState;
-    };
+    setLastFocusedCellIndex: React.Dispatch<React.SetStateAction<number | undefined>>;
 };
-export {};

package/dist/components/Table3/types.d.ts

@@ -1,23 +1,36 @@
-import { TableFeatureProps, TableProps, TableRef, TableColumnProps, TableGroupProps } from '../../primitives/Table/types';
+import { TableRef, TableColumnProps, TableGroupProps, TableClientProps, TableServerProps, TableFeatureProps } from '../../primitives/Table/types';
 export declare type Table3Ref = TableRef & {
     instance: {
         toggleEditing: (enabled: boolean | undefined) => void;
     };
 };
 export declare type Table3EditingChangeHandler<TType = unknown> = (accessor: string, value: unknown, row: TType, prevRow: TType) => Promise<Partial<TType>> | undefined;
-export declare type Table3EditingCreateHandler<TType = unknown> = () => (row: Partial<TType>) => boolean;
+export declare type Table3EditingCreateHandler<TType = unknown> = () => Partial<TType>;
 export declare type Table3EditingSaveHandler<TType = unknown> = (row: TType) => Promise<void>;
 export declare type Table3EditingValidatorFn<TType = unknown> = (row: TType) => Promise<Partial<Record<keyof TType, string>> | undefined> | Partial<Record<keyof TType, string>> | undefined;
-export declare type Table3FeatureProps = TableFeatureProps & {
-    enableEditing?: boolean;
-};
-export declare type Table3Props<TType = unknown> = TableProps<TType> & {
+export interface Table3FeatureProps<TType = unknown> extends TableFeatureProps<TType> {
     enableEditing?: boolean;
+}
+export interface Table3CommonProps<TType = unknown> extends Table3FeatureProps<TType> {
     onEditingChange?: Table3EditingChangeHandler<TType>;
     onEditingCreate?: Table3EditingCreateHandler<TType>;
-    onEditingSave?: Table3EditingSaveHandler<TType>;
     validator?: Table3EditingValidatorFn<TType>;
-};
+}
+export interface Table3WithoutEditingWithClientProps<TType = unknown> extends Table3CommonProps<TType>, TableClientProps<TType> {
+    onEditingSave?: never;
+}
+export interface Table3WithoutEditingWithServerProps<TType = unknown> extends Table3CommonProps<TType>, TableServerProps<TType> {
+    onEditingSave?: never;
+}
+export interface Table3WithEditingProps<TType = unknown> extends Table3CommonProps<TType> {
+    onEditingSave: Table3EditingSaveHandler<TType>;
+    rowIdentityAccessor: keyof TType;
+}
+export interface Table3WithEditingWithClientProps<TType = unknown> extends Table3WithEditingProps<TType>, Omit<TableClientProps<TType>, 'rowIdentityAccessor'> {
+}
+export interface Table3WithEditingWithServerProps<TType = unknown> extends Table3WithEditingProps<TType>, Omit<TableServerProps<TType>, 'rowIdentityAccessor'> {
+}
+export declare type Table3Props<TType = unknown> = Table3WithoutEditingWithClientProps<TType> | Table3WithoutEditingWithServerProps<TType> | Table3WithEditingWithClientProps<TType> | Table3WithEditingWithServerProps<TType>;
 export declare type Table3ColumnProps<TType = unknown> = TableColumnProps<TType>;
 export declare type Table3GroupProps = TableGroupProps;
 export declare type Table3Texts = {
@@ -34,6 +47,8 @@ export declare type Table3Texts = {
             };
             create: {
                 label: string;
+                disabled: string;
+                saving: string;
             };
         };
         clearChangesConfirmationDialog: {

package/dist/components/Table3/useTable3.d.ts

@@ -2,6 +2,12 @@ import React from 'react';
 import { RowData } from '@tanstack/react-table';
 import { useTableEditing } from './features/useTableEditing';
 import { Table3Props, Table3Ref } from './types';
+import { Cell } from './components/Columns/Cell/Cell';
+import { Row } from './components/Row/Row';
+export declare const RENDERERS: {
+    row: typeof Row;
+    cell: typeof Cell;
+};
 declare module '@tanstack/table-core' {
     interface TableMeta<TData extends RowData> {
         editing: ReturnType<typeof useTableEditing>;

package/dist/components/Table3/util/editing.d.ts

@@ -1,4 +1,3 @@
 import { Cell as ReactTableCell } from '@tanstack/react-table';
 import { Localization } from '../../Provider/Localization';
 export declare function willRowMove<TType = unknown>(cell: ReactTableCell<TType, unknown>, change: unknown, rowIndex: number, localization: Localization): "search" | "filter" | "sorting" | undefined;
-export declare function animateCreateRow(id: string): void;

package/dist/components/Tag/Tag.d.ts

@@ -9,11 +9,11 @@ export declare type TagProps = Omit<React.HTMLAttributes<HTMLSpanElement>, 'chil
     readOnly?: boolean;
     onDelete?: (event: React.MouseEvent<SVGSVGElement>) => void;
 };
-export declare const Tag: React.ForwardRefExoticComponent<Pick<React.HTMLAttributes<HTMLSpanElement>, "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "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-rowindextext" | "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" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & {
+export declare const Tag: React.ForwardRefExoticComponent<Pick<React.HTMLAttributes<HTMLSpanElement>, "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "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"> & {
     children: string;
     color?: "green" | "yellow" | "red" | "blue" | "purple" | "brown" | "pink" | "orange" | "grey" | "transparent" | undefined;
     disabled?: boolean | undefined;
-    icon?: "id" | React.ReactElement<IconProps, string | ((props: any, deprecatedLegacyContext?: any) => React.ReactElement<any, any> | null) | (new (props: any, deprecatedLegacyContext?: any) => React.Component<any, any, any>)> | "account-preview" | "accounting-year-cancel" | "accounting-year" | "accounting" | "ai-chat-solid" | "ai-stars" | "arrow-bottom" | "arrow-down" | "arrow-end" | "arrow-left" | "arrow-right" | "arrow-start" | "arrow-top" | "arrow-up" | "attach-auto" | "attach-cancel" | "attach-warning" | "attach" | "autotext-insert" | "autotext" | "basic-tabs" | "basic" | "bell-solid" | "book" | "booking" | "budget" | "calendar" | "cash-account" | "cash-reports" | "chart-area" | "chart-bar" | "chart-line" | "chart-pie" | "chart-table" | "chat-solid" | "chat" | "chevron-down-double" | "chevron-down-solid" | "chevron-down" | "chevron-left-double" | "chevron-left-solid" | "chevron-left" | "chevron-right-double" | "chevron-right-solid" | "chevron-right" | "chevron-up-double" | "chevron-up-solid" | "chevron-up" | "circle-close" | "circle-information" | "circle-minus" | "circle-plus" | "circle-questionmark" | "circle-tick" | "circle-warning" | "clamp-open" | "clamp" | "close" | "column-freeze" | "column-unfreeze" | "columns" | "connection-enable" | "connection-revoke" | "contacts" | "copy" | "courses" | "credit" | "delete-permanently" | "delete" | "depecriate" | "developer" | "distribution-template" | "document-approve" | "document-create-entry" | "document-cut" | "document-error" | "document-isolate-page" | "document-merge" | "document-move" | "document-preview" | "document-received" | "document-rejected-request" | "document-signed-solid" | "document-signed" | "document-split" | "document-time" | "document" | "download" | "drag" | "e-copedia" | "edit-simple" | "edit" | "ellipsis-horizontal" | "ellipsis-vertical" | "entries-on-account" | "entries-open" | "entries-warning" | "entry-type-customer-invoice" | "entry-type-customer-payment" | "entry-type-journal-entry" | "entry-type-manual-customer-invoice" | "entry-type-supplier-invoice" | "entry-type-supplier-payment" | "envelope-approved" | "envelope-solid" | "envelope" | "expand-view" | "expenses" | "export-to-excel" | "export-to-pdf" | "export" | "eye-off" | "eye-on" | "filter-solid" | "filter" | "font-size" | "graph-solid" | "hash" | "height-extra-tall" | "height-medium" | "height-short" | "height-tall" | "house-solid" | "house" | "images" | "import" | "inbox-einvoicing" | "inbox-scanning" | "inbox-smart" | "inbox" | "info" | "inventory-matrix" | "inventory" | "journal-pro" | "layout-both" | "layout-first" | "layout-last" | "layout-none" | "layout" | "ledger-card-customer-reminder" | "ledger-card-manual-customer-invoice" | "ledger-card-obsolete-stock" | "ledger-card-opening-entry" | "ledger-card-reserved-entry" | "ledger-card-shrinkage-pilferage" | "ledger-card-stock-adjustment" | "ledger-card-transferred-opening-entry" | "ledger-card" | "lightbulb" | "line" | "link-external" | "list-bulleted" | "list-search" | "list" | "location" | "lock-open" | "lock" | "log-out" | "log" | "market" | "mastercard-os" | "match-amount" | "match-entries" | "menu" | "mileage" | "modal-resize" | "modal-shrink" | "more-solid" | "more" | "move" | "navigation-list" | "note-follow-up" | "note-read" | "note" | "november-first" | "numbers" | "partner-api" | "payment-paid" | "payment-unpaid" | "period" | "person-change" | "person-minus" | "person-plus" | "person-tick" | "phone-solid" | "phone" | "play" | "plus-minus" | "print" | "process-payment" | "product-ledger-card" | "profile" | "project-cards" | "projects" | "question-mark-bold" | "question-mark" | "quicklinks" | "rating-bankruptcy" | "rating-payment-problems" | "reconciled" | "refresh" | "report-solid" | "report" | "restore" | "rotate-left" | "rotate-right" | "sales" | "search-bold" | "search" | "secure-tick" | "secure" | "settings-solid" | "settings" | "shortcuts" | "show-all" | "show-less" | "show-more" | "show-template" | "sliders" | "smartpay" | "sort-by" | "star-solid" | "star" | "subscriptions" | "system-entries" | "tag" | "template-override" | "templates" | "thumb-both" | "thumb-down-solid" | "thumb-down" | "thumb-up-solid" | "thumb-up" | "tick-bold" | "tick" | "time" | "transfer-cancel" | "transfer-locked" | "transfer" | "undo" | "undock" | "unreconciled" | "warning" | "webshop" | "website" | "workflow-template-basic" | "workflow" | "zoom" | undefined;
+    icon?: "id" | React.ReactElement<IconProps, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)> | "account-preview" | "accounting-year-cancel" | "accounting-year" | "accounting" | "ai-chat-solid" | "ai-stars" | "arrow-bottom" | "arrow-down" | "arrow-end" | "arrow-left" | "arrow-right" | "arrow-start" | "arrow-top" | "arrow-up" | "attach-auto" | "attach-cancel" | "attach-warning" | "attach" | "autotext-insert" | "autotext" | "basic-tabs" | "basic" | "bell-solid" | "book" | "booking" | "budget" | "calendar" | "cash-account" | "cash-reports" | "chart-area" | "chart-bar" | "chart-line" | "chart-pie" | "chart-table" | "chat-solid" | "chat" | "chevron-down-double" | "chevron-down-solid" | "chevron-down" | "chevron-left-double" | "chevron-left-solid" | "chevron-left" | "chevron-right-double" | "chevron-right-solid" | "chevron-right" | "chevron-up-double" | "chevron-up-solid" | "chevron-up" | "circle-close" | "circle-information" | "circle-minus" | "circle-plus" | "circle-questionmark" | "circle-tick" | "circle-warning" | "clamp-open" | "clamp" | "close" | "column-freeze" | "column-unfreeze" | "columns" | "connection-enable" | "connection-revoke" | "contacts" | "copy" | "courses" | "credit" | "delete-permanently" | "delete" | "depecriate" | "developer" | "distribution-template" | "document-approve" | "document-create-entry" | "document-cut" | "document-error" | "document-isolate-page" | "document-merge" | "document-move" | "document-preview" | "document-received" | "document-rejected-request" | "document-signed-solid" | "document-signed" | "document-split" | "document-time" | "document" | "download" | "drag" | "e-copedia" | "edit-simple" | "edit" | "ellipsis-horizontal" | "ellipsis-vertical" | "entries-on-account" | "entries-open" | "entries-warning" | "entry-type-customer-invoice" | "entry-type-customer-payment" | "entry-type-journal-entry" | "entry-type-manual-customer-invoice" | "entry-type-supplier-invoice" | "entry-type-supplier-payment" | "envelope-approved" | "envelope-solid" | "envelope" | "expand-view" | "expenses" | "export-to-excel" | "export-to-pdf" | "export" | "eye-off" | "eye-on" | "filter-solid" | "filter" | "font-size" | "graph-solid" | "hash" | "height-extra-tall" | "height-medium" | "height-short" | "height-tall" | "house-solid" | "house" | "images" | "import" | "inbox-einvoicing" | "inbox-scanning" | "inbox-smart" | "inbox" | "info" | "inventory-matrix" | "inventory" | "journal-pro" | "layout-both" | "layout-first" | "layout-last" | "layout-none" | "layout" | "ledger-card-customer-reminder" | "ledger-card-manual-customer-invoice" | "ledger-card-obsolete-stock" | "ledger-card-opening-entry" | "ledger-card-reserved-entry" | "ledger-card-shrinkage-pilferage" | "ledger-card-stock-adjustment" | "ledger-card-transferred-opening-entry" | "ledger-card" | "lightbulb" | "line" | "link-external" | "list-bulleted" | "list-search" | "list" | "location" | "lock-open" | "lock" | "log-out" | "log" | "market" | "mastercard-os" | "match-amount" | "match-entries" | "menu" | "mileage" | "modal-resize" | "modal-shrink" | "more-solid" | "more" | "move" | "navigation-list" | "note-follow-up" | "note-read" | "note" | "november-first" | "numbers" | "partner-api" | "payment-paid" | "payment-unpaid" | "period" | "person-change" | "person-minus" | "person-plus" | "person-tick" | "phone-solid" | "phone" | "play" | "plus-minus" | "print" | "process-payment" | "product-ledger-card" | "profile" | "project-cards" | "projects" | "question-mark-bold" | "question-mark" | "quicklinks" | "rating-bankruptcy" | "rating-payment-problems" | "reconciled" | "refresh" | "report-solid" | "report" | "restore" | "rotate-left" | "rotate-right" | "sales" | "search-bold" | "search" | "secure-tick" | "secure" | "settings-solid" | "settings" | "shortcuts" | "show-all" | "show-less" | "show-more" | "show-template" | "sliders" | "smartpay" | "sort-by" | "star-solid" | "star" | "subscriptions" | "system-entries" | "tag" | "template-override" | "templates" | "thumb-both" | "thumb-down-solid" | "thumb-down" | "thumb-up-solid" | "thumb-up" | "tick-bold" | "tick" | "time" | "transfer-cancel" | "transfer-locked" | "transfer" | "undo" | "undock" | "unreconciled" | "warning" | "webshop" | "website" | "workflow-template-basic" | "workflow" | "zoom" | undefined;
     readOnly?: boolean | undefined;
     onDelete?: ((event: React.MouseEvent<SVGSVGElement>) => void) | undefined;
 } & React.RefAttributes<HTMLSpanElement>>;

package/dist/components/Tooltip/Tooltip.d.ts

@@ -12,7 +12,7 @@ export declare type TooltipProps = Omit<React.HTMLAttributes<HTMLDivElement>, 't
      */
     placement?: 'top' | 'right' | 'bottom' | 'left';
 };
-export declare const Tooltip: React.ForwardRefExoticComponent<Pick<React.HTMLAttributes<HTMLDivElement>, "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "slot" | "spellCheck" | "style" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "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-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "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" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & {
+export declare const Tooltip: React.ForwardRefExoticComponent<Pick<React.HTMLAttributes<HTMLDivElement>, "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "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" | "children" | "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"> & {
     /** The element which activates the tooltip when hovered. Should be a single React/HTML element */
     children: React.ReactElement | any;
     /** Use this value to hide tooltip conditionally */

package/dist/components/Tour/Tour.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import * as Joyride from 'react-joyride';
+import { Placement } from 'react-joyride';
 export declare type TourTexts = {
     /** Text for back action button */
     back: string;
@@ -31,7 +31,7 @@ export declare type TourStepProps = {
     /** Content can be any valid react node, for e.g. a `div` */
     children: React.ReactNode;
     /** Define the position of the tour's popup relative to the element is presenting */
-    position?: Joyride.Placement;
+    position?: Placement;
     /** The css selector of the html element you want to include in a tour */
     selector: string;
     /**
@@ -67,6 +67,6 @@ export declare type TourProps = {
     scrollOffset?: number;
 };
 export declare const Tour: {
-    (props: TourProps): React.JSX.Element;
+    (props: TourProps): JSX.Element;
     Step: (_props: TourStepProps) => null;
 };

package/dist/components/Truncate/Truncate.d.ts

@@ -3,4 +3,4 @@ export declare type TruncateProps = {
     children: React.ReactElement;
     tooltip: string;
 };
-export declare const Truncate: ({ children, tooltip }: TruncateProps) => React.JSX.Element;
+export declare const Truncate: ({ children, tooltip }: TruncateProps) => JSX.Element;

package/dist/esm/index.css

@@ -833,7 +833,7 @@ table[data-taco^='table'][data-table-font-size='small'] td [data-taco='tag'] {
 table[data-taco^='table'][data-table-font-size='small'] td [data-taco='select2-container'],
 table[data-taco^='table'][data-table-font-size='small'] td [data-taco='Select2'],
 table[data-taco^='table'][data-table-font-size='small'] td [data-taco='textarea'] {
-    @apply !-mx-[7px] !-mt-[4px] !min-h-[theme(spacing.6)] !w-[calc(100%_+_14px)] text-xs focus:z-10;
+    @apply !-mx-[7px] !-my-[4px] !min-h-[theme(spacing.6)] !w-[calc(100%_+_14px)] text-xs focus:z-10;
 }
 
 table[data-taco^='table'][data-table-font-size='small'] td [data-taco='input-container']:has([data-taco='input']) {
@@ -923,7 +923,7 @@ table[data-taco^='table'][data-table-font-size='medium'] td [role='combobox'] [d
 table[data-taco^='table'][data-table-font-size='medium'] td [data-taco='select2-container'],
 table[data-taco^='table'][data-table-font-size='medium'] td [data-taco='Select2'],
 table[data-taco^='table'][data-table-font-size='medium'] td [data-taco='textarea'] {
-    @apply !-mx-[9px] !-mt-[6px] !min-h-[theme(spacing.8)] !w-[calc(100%_+_16px)] focus:z-10;
+    @apply !-mx-[9px] !-my-[6px] !min-h-[theme(spacing.8)] !w-[calc(100%_+_16px)] focus:z-10;
 }
 
 table[data-taco^='table'][data-table-font-size='medium'] td [data-taco='input-container']:has([data-taco='input']) {
@@ -1337,3 +1337,7 @@ table[data-taco='table3'] > tbody > tr[data-row-editing-invalid='true']:not([dat
         table[data-taco='table3'][data-table-pause-hover='true'] > tbody > tr[data-row-editing-invalid='true']:not([data-row-active='true']) td [data-taco='Select2'] {
             @apply !bg-transparent;
         }
+
+table[data-taco^='table'][data-table-font-size='medium'] tr[data-row-create] td [data-taco='spinner'] {
+    @apply !h-4 !w-4;
+}