diff --git a/packages/twenty-eslint-rules/index.ts b/packages/twenty-eslint-rules/index.ts
index e752c66ec0..e95e43de18 100644
--- a/packages/twenty-eslint-rules/index.ts
+++ b/packages/twenty-eslint-rules/index.ts
@@ -6,10 +6,6 @@ import {
rule as effectComponents,
RULE_NAME as effectComponentsName,
} from './rules/effect-components';
-import {
- rule as exportComponentProps,
- RULE_NAME as exportComponentPropsName,
-} from './rules/export-component-props';
import {
rule as explicitBooleanPredicatesInIf,
RULE_NAME as explicitBooleanPredicatesInIfName,
@@ -99,7 +95,6 @@ module.exports = {
rules: {
[componentPropsNamingName]: componentPropsNaming,
[effectComponentsName]: effectComponents,
- [exportComponentPropsName]: exportComponentProps,
[matchingStateVariableName]: matchingStateVariable,
[noHardcodedColorsName]: noHardcodedColors,
[noStateUserefName]: noStateUseref,
diff --git a/packages/twenty-eslint-rules/rules/export-component-props.spec.ts b/packages/twenty-eslint-rules/rules/export-component-props.spec.ts
deleted file mode 100644
index 45fe93570e..0000000000
--- a/packages/twenty-eslint-rules/rules/export-component-props.spec.ts
+++ /dev/null
@@ -1,119 +0,0 @@
-/**
- * @jest-environment node
- */
-import { RuleTester } from 'eslint';
-
-import { rule, RULE_NAME } from './export-component-props';
-
-const typescriptParser = require('@typescript-eslint/parser');
-
-const ruleTester = new RuleTester({
- languageOptions: {
- parser: typescriptParser,
- parserOptions: {
- ecmaFeatures: {
- jsx: true,
- },
- },
- },
-});
-
-ruleTester.run(RULE_NAME, rule as any, {
- valid: [
- {
- name: 'Props type is already exported',
- code: `
- export type MyComponentProps = { label: string };
- `,
- },
- {
- name: 'Props interface is already exported',
- code: `
- export interface MyComponentProps { label: string }
- `,
- },
- {
- name: 'Type that doesn\'t end with Props is ignored',
- code: `
- type MyComponentOptions = { flag: boolean };
- `,
- },
- {
- name: 'Interface that doesn\'t end with Props is ignored',
- code: `
- interface MyComponentConfig { flag: boolean }
- `,
- },
- {
- name: 'Props re-exported via export { FooProps } is treated as exported',
- code: `
- type MyComponentProps = { label: string };
- export { MyComponentProps };
- `,
- },
- {
- name: 'Non-Props type is not required to be exported',
- code: `
- type InternalState = { count: number };
- `,
- },
- ],
- invalid: [
- {
- name: 'Unexported Props type alias',
- code: `
- type MyComponentProps = { label: string };
- `,
- errors: [{ messageId: 'mustExportProps' }],
- output: `
- export type MyComponentProps = { label: string };
- `,
- },
- {
- name: 'Unexported Props interface',
- code: `
- interface MyComponentProps { label: string }
- `,
- errors: [{ messageId: 'mustExportProps' }],
- output: `
- export interface MyComponentProps { label: string }
- `,
- },
- {
- name: 'Unexported Props type used in a component',
- code: `
- type MyComponentProps = { label: string };
- export const MyComponent = ({ label }: MyComponentProps) => {label}
;
- `,
- errors: [{ messageId: 'mustExportProps' }],
- output: `
- export type MyComponentProps = { label: string };
- export const MyComponent = ({ label }: MyComponentProps) => {label}
;
- `,
- },
- {
- name: 'Unexported Props type with non-exported component',
- code: `
- type MyComponentProps = { label: string };
- const MyComponent = ({ label }: MyComponentProps) => {label}
;
- `,
- errors: [{ messageId: 'mustExportProps' }],
- output: `
- export type MyComponentProps = { label: string };
- const MyComponent = ({ label }: MyComponentProps) => {label}
;
- `,
- },
- {
- name: 'Unexported Props type defined after the component',
- code: `
- export const MyComponent = ({ label }: MyComponentProps) => {label}
;
- type MyComponentProps = { label: string };
- `,
- errors: [{ messageId: 'mustExportProps' }],
- output: `
- export const MyComponent = ({ label }: MyComponentProps) => {label}
;
- export type MyComponentProps = { label: string };
- `,
- },
- ],
-});
diff --git a/packages/twenty-eslint-rules/rules/export-component-props.ts b/packages/twenty-eslint-rules/rules/export-component-props.ts
deleted file mode 100644
index ce76abd192..0000000000
--- a/packages/twenty-eslint-rules/rules/export-component-props.ts
+++ /dev/null
@@ -1,99 +0,0 @@
-import { ESLintUtils, TSESTree } from '@typescript-eslint/utils';
-import { isIdentifier } from '@typescript-eslint/utils/ast-utils';
-
-export const RULE_NAME = 'export-component-props';
-
-// NOTE: The rule will be available in ESLint configs as "@nx/workspace-export-component-props"
-export const rule = ESLintUtils.RuleCreator(() => __filename)({
- name: RULE_NAME,
- meta: {
- type: 'problem',
- docs: {
- description:
- 'Ensure types/interfaces ending with "Props" are exported',
- },
- fixable: 'code',
- schema: [],
- messages: {
- mustExportProps:
- "Props type '{{ typeName }}' must be exported.",
- },
- },
- defaultOptions: [],
- create: (context) => {
- const reExportedNames = new Set();
- const unexportedPropsNodes = new Map<
- string,
- | TSESTree.TSTypeAliasDeclaration
- | TSESTree.TSInterfaceDeclaration
- >();
-
- const collectUnexportedProps = (
- node:
- | TSESTree.TSTypeAliasDeclaration
- | TSESTree.TSInterfaceDeclaration,
- ) => {
- const typeName = node.id.name;
-
- if (!typeName.endsWith('Props')) {
- return;
- }
-
- const isExported =
- node.parent?.type ===
- TSESTree.AST_NODE_TYPES.ExportNamedDeclaration;
-
- if (!isExported) {
- unexportedPropsNodes.set(typeName, node);
- }
- };
-
- return {
- TSTypeAliasDeclaration: collectUnexportedProps,
- TSInterfaceDeclaration: collectUnexportedProps,
-
- ExportNamedDeclaration: (
- node: TSESTree.ExportNamedDeclaration,
- ) => {
- for (const specifier of node.specifiers) {
- if (
- specifier.type ===
- TSESTree.AST_NODE_TYPES.ExportSpecifier &&
- isIdentifier(specifier.local)
- ) {
- const name = specifier.local.name;
-
- if (name.endsWith('Props')) {
- reExportedNames.add(name);
- }
- }
- }
- },
-
- 'Program:exit': () => {
- for (const [typeName, node] of unexportedPropsNodes) {
- if (reExportedNames.has(typeName)) {
- continue;
- }
-
- context.report({
- node: node.id,
- messageId: 'mustExportProps',
- data: { typeName },
- fix: (fixer) => {
- const sourceCode = context.sourceCode;
- const firstToken = sourceCode.getFirstToken(node);
- const target = firstToken ?? node;
-
- if (firstToken?.value === 'export') {
- return null;
- }
-
- return fixer.insertTextBefore(target, 'export ');
- },
- });
- }
- },
- };
- },
-});
diff --git a/packages/twenty-sdk/.storybook/main.ts b/packages/twenty-sdk/.storybook/main.ts
index 6001c8d2d0..b8425730f7 100644
--- a/packages/twenty-sdk/.storybook/main.ts
+++ b/packages/twenty-sdk/.storybook/main.ts
@@ -11,12 +11,18 @@ const dirname =
const sdkRoot = path.resolve(dirname, '..');
const config: StorybookConfig = {
- stories: ['../src/**/*.stories.@(js|jsx|ts|tsx)'],
+ stories: [
+ '../src/front-component-renderer/**/*.stories.@(js|jsx|ts|tsx)',
+ ],
addons: ['@storybook/addon-vitest'],
framework: '@storybook/react-vite',
+ refs: {
+ '@chakra-ui/react': { disable: true },
+ },
+
staticDirs: [
{
from: '../src/front-component-renderer/__stories__/example-sources-built',
diff --git a/packages/twenty-sdk/project.json b/packages/twenty-sdk/project.json
index f4e001a0e9..26882e7d43 100644
--- a/packages/twenty-sdk/project.json
+++ b/packages/twenty-sdk/project.json
@@ -171,7 +171,7 @@
"storybook:serve:dev": {
"executor": "nx:run-commands",
"options": {
- "command": "echo 'storybook:serve:dev is disabled for twenty-sdk, use storybook:serve:static instead'"
+ "port": 6008
}
},
"storybook:serve:static": {
diff --git a/packages/twenty-sdk/scripts/remote-dom/generate-remote-dom-elements.ts b/packages/twenty-sdk/scripts/remote-dom/generate-remote-dom-elements.ts
index be7a53a737..3907fb163b 100644
--- a/packages/twenty-sdk/scripts/remote-dom/generate-remote-dom-elements.ts
+++ b/packages/twenty-sdk/scripts/remote-dom/generate-remote-dom-elements.ts
@@ -18,7 +18,6 @@ import {
HtmlElementConfigArrayZ,
OUTPUT_FILES,
} from './generators';
-import { extractAllComponentsFromTwentyUi } from './twenty-ui-extractor';
import {
logCount,
logDetail,
@@ -77,25 +76,6 @@ const getHtmlElementSchemas = (): ComponentSchema[] => {
}));
};
-const getUiComponentSchemas = (): ComponentSchema[] => {
- const discoveredComponents = extractAllComponentsFromTwentyUi();
-
- return discoveredComponents.map((component) => ({
- name: component.name,
- tagName: component.name,
- customElementName: component.tag,
- properties: component.properties,
- slots: component.slots,
- events: component.events,
- isHtmlElement: false,
- htmlTag: undefined,
- componentImport: component.componentImport,
- componentPath: component.componentPath,
- propsTypeName: component.propsTypeName,
- supportsRefForwarding: component.supportsRefForwarding,
- }));
-};
-
const createProject = (): Project => {
return new Project({
manipulationSettings: {
@@ -139,11 +119,9 @@ const main = (): void => {
logTitle('Remote DOM Elements Generator');
let htmlElements: ComponentSchema[];
- let uiComponents: ComponentSchema[];
try {
htmlElements = getHtmlElementSchemas();
- uiComponents = getUiComponentSchemas();
} catch (error) {
logError('Validation failed:', error);
process.exit(1);
@@ -158,13 +136,7 @@ const main = (): void => {
);
logDetail(`Events: ${COMMON_HTML_EVENTS.length} common events per element`);
- logEmpty();
- logCount('UI Components', uiComponents.length, 'component', 'components');
- logDetail(
- `Tags: ${uiComponents.map((component) => component.customElementName).join(', ')}`,
- );
-
- const allComponents = [...htmlElements, ...uiComponents];
+ const allComponents = [...htmlElements];
ensureDirectoriesExist();
diff --git a/packages/twenty-sdk/scripts/remote-dom/generators/host-registry.generator.ts b/packages/twenty-sdk/scripts/remote-dom/generators/host-registry.generator.ts
index 09300ec941..d100a7813e 100644
--- a/packages/twenty-sdk/scripts/remote-dom/generators/host-registry.generator.ts
+++ b/packages/twenty-sdk/scripts/remote-dom/generators/host-registry.generator.ts
@@ -1,7 +1,6 @@
import type { Project, SourceFile } from 'ts-morph';
-import { EVENT_TO_REACT } from '@/sdk/front-component-api/constants/EventToReact';
-import { isDefined, isNonEmptyArray } from 'twenty-shared/utils';
+import { isDefined } from 'twenty-shared/utils';
import { CUSTOM_ELEMENT_NAMES } from './constants';
import { type ComponentSchema } from './schemas';
import { addFileHeader, addStatement } from './utils';
@@ -99,7 +98,7 @@ const wrapEventHandler = (handler: (detail: SerializedEventData) => void) => {
};
};
-const filterHtmlProps = (props: T): T => {
+const filterProps = (props: T): T => {
const filtered: Record = {};
for (const [key, value] of Object.entries(props)) {
if (INTERNAL_PROPS.has(key) || value === undefined) continue;
@@ -116,22 +115,6 @@ const filterHtmlProps = (props: T): T => {
}
}
return filtered as T;
-};
-
-const filterUiProps = (props: T, eventPropNames?: Set): T => {
- const filtered: Record = {};
- for (const [key, value] of Object.entries(props)) {
- if (INTERNAL_PROPS.has(key) || value === undefined) continue;
-
- if (key === 'style') {
- filtered.style = parseStyle(value as string | undefined);
- } else if (eventPropNames?.has(key) && typeof value === 'function') {
- filtered[key] = wrapEventHandler(value as (detail: SerializedEventData) => void);
- } else {
- filtered[key] = value;
- }
- }
- return filtered as T;
};`;
};
@@ -153,47 +136,24 @@ const VOID_ELEMENTS = new Set([
'wbr',
]);
-const generateHtmlWrapperComponent = (component: ComponentSchema): string => {
+const generateWrapperComponent = (component: ComponentSchema): string => {
const isVoidElement = VOID_ELEMENTS.has(component.htmlTag ?? '');
if (isVoidElement) {
- return `const ${component.name}Wrapper = React.forwardRef>(({ children: _children, ...props }, ref) => {
- return React.createElement('${component.htmlTag}', { ...filterHtmlProps(props), ref });
-});`;
- }
-
- return `const ${component.name}Wrapper = React.forwardRef>(({ children, ...props }, ref) => {
- return React.createElement('${component.htmlTag}', { ...filterHtmlProps(props), ref }, children);
-});`;
-};
-
-const generateUiWrapperComponent = (component: ComponentSchema): string => {
- const propsType = isDefined(component.propsTypeName)
- ? `${component.propsTypeName} & { children?: React.ReactNode }`
- : '{ children?: React.ReactNode } & Record';
-
- const hasEvents = isNonEmptyArray(component.events);
-
- const filterCall = hasEvents
- ? `filterUiProps(props, new Set([${component.events.map((event) => `'${EVENT_TO_REACT[event]}'`).join(', ')}]))`
- : 'filterUiProps(props)';
-
- if (component.supportsRefForwarding) {
- return `const ${component.name}Wrapper = React.forwardRef((props, ref) => {
- return React.createElement(${component.componentImport} as React.ElementType, { ...${filterCall}, ref });
-});`;
- }
-
- return `const ${component.name}Wrapper = (props: ${propsType}) => {
- return React.createElement(${component.componentImport}, ${filterCall});
+ return `const ${component.name}Wrapper = ({ children: _children, ...props }: { children?: React.ReactNode } & Record) => {
+ return React.createElement('${component.htmlTag}', filterProps(props));
};`;
-};
-
-const generateWrapperComponent = (component: ComponentSchema): string => {
- if (component.isHtmlElement) {
- return generateHtmlWrapperComponent(component);
}
- return generateUiWrapperComponent(component);
+
+ if (component.isHtmlElement) {
+ return `const ${component.name}Wrapper = ({ children, ...props }: { children?: React.ReactNode } & Record) => {
+ return React.createElement('${component.htmlTag}', filterProps(props), children);
+};`;
+ }
+
+ return `const ${component.name}Wrapper = ({ children, ...props }: { children?: React.ReactNode } & Record) => {
+ return React.createElement(${component.componentImport}, filterProps(props), children);
+};`;
};
const generateRegistryMap = (components: ComponentSchema[]): string => {
@@ -214,45 +174,6 @@ ${entries}
]);`;
};
-type ImportGroup = {
- namedImports: string[];
- typeImports: string[];
-};
-
-const groupImportsByPath = (
- components: ComponentSchema[],
-): Map => {
- const importsByPath = new Map();
-
- for (const component of components) {
- if (
- !component.isHtmlElement &&
- isDefined(component.componentPath) &&
- isDefined(component.componentImport)
- ) {
- const existing = importsByPath.get(component.componentPath) ?? {
- namedImports: [],
- typeImports: [],
- };
-
- if (!existing.namedImports.includes(component.componentImport)) {
- existing.namedImports.push(component.componentImport);
- }
-
- if (
- isDefined(component.propsTypeName) &&
- !existing.typeImports.includes(component.propsTypeName)
- ) {
- existing.typeImports.push(component.propsTypeName);
- }
-
- importsByPath.set(component.componentPath, existing);
- }
- }
-
- return importsByPath;
-};
-
export const generateHostRegistry = (
project: Project,
components: ComponentSchema[],
@@ -279,21 +200,17 @@ export const generateHostRegistry = (
namedImports: [{ name: 'SerializedEventData', isTypeOnly: true }],
});
- const uiImports = groupImportsByPath(components);
-
- for (const [modulePath, importGroup] of uiImports) {
- const allImports = [
- ...importGroup.namedImports,
- ...importGroup.typeImports.map((typeName) => ({
- name: typeName,
- isTypeOnly: true,
- })),
- ];
-
- sourceFile.addImportDeclaration({
- moduleSpecifier: modulePath,
- namedImports: allImports,
- });
+ for (const component of components) {
+ if (
+ !component.isHtmlElement &&
+ isDefined(component.componentPath) &&
+ isDefined(component.componentImport)
+ ) {
+ sourceFile.addImportDeclaration({
+ moduleSpecifier: component.componentPath,
+ namedImports: [component.componentImport],
+ });
+ }
}
addStatement(sourceFile, generateRuntimeUtilities(eventToReactMapping));
diff --git a/packages/twenty-sdk/scripts/remote-dom/generators/remote-elements.generator.ts b/packages/twenty-sdk/scripts/remote-dom/generators/remote-elements.generator.ts
index d791796d08..88ab4aba2f 100644
--- a/packages/twenty-sdk/scripts/remote-dom/generators/remote-elements.generator.ts
+++ b/packages/twenty-sdk/scripts/remote-dom/generators/remote-elements.generator.ts
@@ -180,7 +180,6 @@ const generateElementDefinition = (
const hasEvents = component.events.length > 0;
const hasSpecificProps = Object.keys(specificProperties).length > 0;
const hasProps = Object.keys(component.properties).length > 0;
- const hasSlots = (component.slots ?? []).length > 0;
const propsType = hasSpecificProps
? `${component.name}Properties`
@@ -188,9 +187,7 @@ const generateElementDefinition = (
? TYPE_NAMES.COMMON_PROPERTIES
: TYPE_NAMES.EMPTY_RECORD;
- const slotsType = hasSlots
- ? `{ ${(component.slots ?? []).map((slot) => `'${slot}': true`).join('; ')} }`
- : TYPE_NAMES.EMPTY_RECORD;
+ const slotsType = TYPE_NAMES.EMPTY_RECORD;
const eventsType = hasEvents
? useSharedEvents
@@ -216,7 +213,7 @@ const generateElementDefinition = (
writer.newLine();
writer.write('>');
- const hasConfig = hasProps || hasEvents || hasSlots;
+ const hasConfig = hasProps || hasEvents;
if (!hasConfig) {
writer.write('({})');
return;
@@ -224,12 +221,6 @@ const generateElementDefinition = (
writer.write('(');
writer.block(() => {
- if (hasSlots) {
- writer.write(
- `slots: [${(component.slots ?? []).map((slot) => `'${slot}'`).join(', ')}],`,
- );
- writer.newLine();
- }
if (hasProps) {
if (hasSpecificProps && component.isHtmlElement) {
writer.write('properties: ');
diff --git a/packages/twenty-sdk/scripts/remote-dom/generators/schemas.ts b/packages/twenty-sdk/scripts/remote-dom/generators/schemas.ts
index d7b8bd7ce8..7f8e003d84 100644
--- a/packages/twenty-sdk/scripts/remote-dom/generators/schemas.ts
+++ b/packages/twenty-sdk/scripts/remote-dom/generators/schemas.ts
@@ -1,7 +1,7 @@
import { z } from 'zod';
export const PropertySchemaZ = z.object({
- type: z.enum(['string', 'number', 'boolean', 'array', 'object', 'function']),
+ type: z.enum(['string', 'number', 'boolean']),
optional: z.boolean(),
});
@@ -20,14 +20,11 @@ export const ComponentSchemaZ = z.object({
tagName: z.string().min(1),
customElementName: z.string().min(1),
properties: z.record(z.string(), PropertySchemaZ),
- slots: z.array(z.string()).optional(),
events: z.array(z.string()).readonly(),
isHtmlElement: z.boolean(),
htmlTag: z.string().optional(),
componentImport: z.string().optional(),
componentPath: z.string().optional(),
- propsTypeName: z.string().optional(),
- supportsRefForwarding: z.boolean().optional(),
});
export type PropertySchema = z.infer;
diff --git a/packages/twenty-sdk/scripts/remote-dom/generators/utils/schema-type-to-constructor.ts b/packages/twenty-sdk/scripts/remote-dom/generators/utils/schema-type-to-constructor.ts
index 33981b858f..e45f273602 100644
--- a/packages/twenty-sdk/scripts/remote-dom/generators/utils/schema-type-to-constructor.ts
+++ b/packages/twenty-sdk/scripts/remote-dom/generators/utils/schema-type-to-constructor.ts
@@ -4,9 +4,6 @@ const SCHEMA_TYPE_TO_CONSTRUCTOR: Record = {
boolean: 'Boolean',
number: 'Number',
string: 'String',
- array: 'Array',
- object: 'Object',
- function: 'Function',
};
export const schemaTypeToConstructor = (type: PropertySchema['type']): string =>
diff --git a/packages/twenty-sdk/scripts/remote-dom/generators/utils/schema-type-to-ts.ts b/packages/twenty-sdk/scripts/remote-dom/generators/utils/schema-type-to-ts.ts
index 529ebb4a1b..6dfca2cf77 100644
--- a/packages/twenty-sdk/scripts/remote-dom/generators/utils/schema-type-to-ts.ts
+++ b/packages/twenty-sdk/scripts/remote-dom/generators/utils/schema-type-to-ts.ts
@@ -4,9 +4,6 @@ const SCHEMA_TYPE_TO_TS: Record = {
boolean: 'boolean',
number: 'number',
string: 'string',
- array: 'unknown[]',
- object: 'Record',
- function: '(...args: unknown[]) => unknown',
};
export const schemaTypeToTs = (type: PropertySchema['type']): string =>
diff --git a/packages/twenty-sdk/scripts/remote-dom/twenty-ui-extractor/constants/ReactPropToDomEvent.ts b/packages/twenty-sdk/scripts/remote-dom/twenty-ui-extractor/constants/ReactPropToDomEvent.ts
deleted file mode 100644
index 9fbe060ded..0000000000
--- a/packages/twenty-sdk/scripts/remote-dom/twenty-ui-extractor/constants/ReactPropToDomEvent.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { EVENT_TO_REACT } from '@/sdk/front-component-api/constants/EventToReact';
-
-export const REACT_PROP_TO_DOM_EVENT: Record =
- Object.fromEntries(
- Object.entries(EVENT_TO_REACT).map(([domEvent, reactProp]) => [
- reactProp,
- domEvent,
- ]),
- );
diff --git a/packages/twenty-sdk/scripts/remote-dom/twenty-ui-extractor/constants/TwentyUiComponentCategoriesToScan.ts b/packages/twenty-sdk/scripts/remote-dom/twenty-ui-extractor/constants/TwentyUiComponentCategoriesToScan.ts
deleted file mode 100644
index e9a5e44996..0000000000
--- a/packages/twenty-sdk/scripts/remote-dom/twenty-ui-extractor/constants/TwentyUiComponentCategoriesToScan.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-export const TWENTY_UI_COMPONENT_CATEGORIES_TO_SCAN = [
- 'input',
- 'components',
- 'display',
- 'feedback',
- 'layout',
- 'navigation',
- 'accessibility',
-];
diff --git a/packages/twenty-sdk/scripts/remote-dom/twenty-ui-extractor/constants/TwentyUiRootPath.ts b/packages/twenty-sdk/scripts/remote-dom/twenty-ui-extractor/constants/TwentyUiRootPath.ts
deleted file mode 100644
index 797bb8118a..0000000000
--- a/packages/twenty-sdk/scripts/remote-dom/twenty-ui-extractor/constants/TwentyUiRootPath.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-import * as path from 'path';
-import { fileURLToPath } from 'url';
-
-const SCRIPT_DIR = path.dirname(fileURLToPath(import.meta.url));
-const WORKSPACE_ROOT = path.resolve(SCRIPT_DIR, '../../../../../../');
-const TWENTY_UI_ROOT = path.join(WORKSPACE_ROOT, 'packages/twenty-ui');
-
-export const TWENTY_UI_ROOT_PATH = TWENTY_UI_ROOT;
diff --git a/packages/twenty-sdk/scripts/remote-dom/twenty-ui-extractor/constants/index.ts b/packages/twenty-sdk/scripts/remote-dom/twenty-ui-extractor/constants/index.ts
deleted file mode 100644
index eb05367cd8..0000000000
--- a/packages/twenty-sdk/scripts/remote-dom/twenty-ui-extractor/constants/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-export { REACT_PROP_TO_DOM_EVENT } from './ReactPropToDomEvent';
-export { TWENTY_UI_COMPONENT_CATEGORIES_TO_SCAN } from './TwentyUiComponentCategoriesToScan';
-export { TWENTY_UI_ROOT_PATH } from './TwentyUiRootPath';
diff --git a/packages/twenty-sdk/scripts/remote-dom/twenty-ui-extractor/extract-all-components-from-twenty-ui.ts b/packages/twenty-sdk/scripts/remote-dom/twenty-ui-extractor/extract-all-components-from-twenty-ui.ts
deleted file mode 100644
index 86138d42b5..0000000000
--- a/packages/twenty-sdk/scripts/remote-dom/twenty-ui-extractor/extract-all-components-from-twenty-ui.ts
+++ /dev/null
@@ -1,153 +0,0 @@
-import * as path from 'path';
-import { type ExportSpecifier, Project } from 'ts-morph';
-import { isDefined, pascalToKebab } from 'twenty-shared/utils';
-
-import { type PropertySchema } from '@/front-component-renderer/types/PropertySchema';
-
-import {
- logCategory,
- logCountInline,
- logDimText,
- logEmpty,
- logLine,
- logWarning,
-} from '../utils/logger';
-import {
- TWENTY_UI_COMPONENT_CATEGORIES_TO_SCAN,
- TWENTY_UI_ROOT_PATH,
-} from './constants';
-import { classifyComponentPropsForRemoteDomGeneration } from './utils/classify-component-props-for-remote-dom-generation';
-import { doesComponentSupportRefForwarding } from './utils/does-component-support-ref-forwarding';
-import { getTwentyUiComponentCategoryIndexPath } from './utils/get-twenty-ui-component-category-index-path';
-import { isReactComponentExport } from './utils/is-react-component-export';
-import { logDiscoveredComponents } from './utils/log-discovered-components';
-import { shouldSkipExport } from './utils/should-skip-export';
-
-export type DiscoveredComponent = {
- tag: string;
- name: string;
- properties: Record;
- events: string[];
- slots: string[];
- supportsRefForwarding: boolean;
- componentImport: string;
- componentPath: string;
- propsTypeName: string;
-};
-
-const extractComponentsFromCategory = (
- project: Project,
- category: string,
-): DiscoveredComponent[] => {
- const indexPath = getTwentyUiComponentCategoryIndexPath(category);
- const sourceFile = project.getSourceFile(indexPath);
-
- if (!isDefined(sourceFile)) {
- logWarning(`Could not find barrel file at ${indexPath}`);
-
- return [];
- }
-
- const allNamedExports = sourceFile
- .getExportDeclarations()
- .flatMap((declaration) => declaration.getNamedExports());
-
- const propsTypeExportsByName = new Map();
- const componentExports: ExportSpecifier[] = [];
-
- for (const namedExport of allNamedExports) {
- if (namedExport.getName().endsWith('Props')) {
- propsTypeExportsByName.set(namedExport.getName(), namedExport);
- continue;
- }
-
- if (!isReactComponentExport(namedExport)) {
- continue;
- }
-
- componentExports.push(namedExport);
- }
-
- const discoveredComponents: DiscoveredComponent[] = [];
-
- for (const namedExport of componentExports) {
- const exportName = namedExport.getName();
-
- if (shouldSkipExport(exportName)) {
- continue;
- }
-
- const expectedPropsTypeName = `${exportName}Props`;
- const propsTypeExport = propsTypeExportsByName.get(expectedPropsTypeName);
-
- if (!isDefined(propsTypeExport)) {
- continue;
- }
-
- const propsType = propsTypeExport.getNameNode().getType();
-
- const { properties, events, slots } =
- classifyComponentPropsForRemoteDomGeneration(propsType);
-
- const supportsRefForwarding =
- doesComponentSupportRefForwarding(namedExport);
- const kebabName = pascalToKebab(exportName);
-
- discoveredComponents.push({
- tag: `twenty-ui-${kebabName}`,
- name: `TwentyUi${exportName}`,
- properties,
- events,
- slots,
- supportsRefForwarding,
- componentImport: exportName,
- componentPath: `twenty-ui/${category}`,
- propsTypeName: expectedPropsTypeName,
- });
- }
-
- return discoveredComponents;
-};
-
-export const extractAllComponentsFromTwentyUi = (): DiscoveredComponent[] => {
- logDimText(' Loading twenty-ui TypeScript project...');
-
- const project = new Project({
- tsConfigFilePath: path.join(TWENTY_UI_ROOT_PATH, 'tsconfig.json'),
- skipAddingFilesFromTsConfig: false,
- });
-
- logLine(
- ' ' +
- logCountInline(
- project.getSourceFiles().length,
- 'source file loaded from twenty-ui',
- 'source files loaded from twenty-ui',
- ),
- );
- logEmpty();
-
- const allDiscoveredComponents: DiscoveredComponent[] = [];
-
- for (const [
- index,
- category,
- ] of TWENTY_UI_COMPONENT_CATEGORIES_TO_SCAN.entries()) {
- if (index > 0) {
- logEmpty();
- }
-
- logCategory(category);
-
- const discoveredComponents = extractComponentsFromCategory(
- project,
- category,
- );
-
- logDiscoveredComponents(discoveredComponents);
-
- allDiscoveredComponents.push(...discoveredComponents);
- }
-
- return allDiscoveredComponents;
-};
diff --git a/packages/twenty-sdk/scripts/remote-dom/twenty-ui-extractor/index.ts b/packages/twenty-sdk/scripts/remote-dom/twenty-ui-extractor/index.ts
deleted file mode 100644
index 7f98d20740..0000000000
--- a/packages/twenty-sdk/scripts/remote-dom/twenty-ui-extractor/index.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-export {
- extractAllComponentsFromTwentyUi,
- type DiscoveredComponent,
-} from './extract-all-components-from-twenty-ui';
diff --git a/packages/twenty-sdk/scripts/remote-dom/twenty-ui-extractor/utils/classify-component-props-for-remote-dom-generation.ts b/packages/twenty-sdk/scripts/remote-dom/twenty-ui-extractor/utils/classify-component-props-for-remote-dom-generation.ts
deleted file mode 100644
index e2e1816cab..0000000000
--- a/packages/twenty-sdk/scripts/remote-dom/twenty-ui-extractor/utils/classify-component-props-for-remote-dom-generation.ts
+++ /dev/null
@@ -1,65 +0,0 @@
-import { type Type } from 'ts-morph';
-
-import { type PropertySchema } from '@/front-component-renderer/types/PropertySchema';
-import { isDefined, isNonEmptyArray } from 'twenty-shared/utils';
-import { REACT_PROP_TO_DOM_EVENT } from '../constants/ReactPropToDomEvent';
-import { mapTypeToPropertySchema } from './map-type-to-property-schema';
-import { isDomEventHandler } from './is-dom-event-handler';
-import { isReactElementType } from './is-react-element-type';
-
-export type ClassifiedComponentProps = {
- properties: Record;
- events: string[];
- slots: string[];
-};
-
-export const classifyComponentPropsForRemoteDomGeneration = (
- propsType: Type,
-): ClassifiedComponentProps => {
- const properties: Record = {};
- const events: string[] = [];
- const slots: string[] = [];
- const propsTypeProperties = propsType.getProperties();
-
- for (const propertySymbol of propsTypeProperties) {
- const propertyName = propertySymbol.getName();
-
- const propertyDeclarations = propertySymbol.getDeclarations();
-
- if (!isNonEmptyArray(propertyDeclarations)) {
- continue;
- }
-
- const firstDeclaration = propertyDeclarations[0];
- const propertyType = firstDeclaration.getType();
-
- const correspondingDomEvent = REACT_PROP_TO_DOM_EVENT[propertyName];
-
- if (isDefined(correspondingDomEvent) && isDomEventHandler(propertyType)) {
- events.push(correspondingDomEvent);
-
- continue;
- }
-
- const isOptional =
- propertySymbol.isOptional() ||
- propertyType.isNullable() ||
- propertyType.isUndefined();
-
- if (isReactElementType(propertyType)) {
- slots.push(propertyName);
- continue;
- }
-
- const classifiedType = mapTypeToPropertySchema(propertyType);
-
- if (isDefined(classifiedType)) {
- properties[propertyName] = {
- type: classifiedType,
- optional: isOptional,
- };
- }
- }
-
- return { properties, events, slots };
-};
diff --git a/packages/twenty-sdk/scripts/remote-dom/twenty-ui-extractor/utils/does-component-support-ref-forwarding.ts b/packages/twenty-sdk/scripts/remote-dom/twenty-ui-extractor/utils/does-component-support-ref-forwarding.ts
deleted file mode 100644
index 6dcc64364a..0000000000
--- a/packages/twenty-sdk/scripts/remote-dom/twenty-ui-extractor/utils/does-component-support-ref-forwarding.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-import { type ExportSpecifier } from 'ts-morph';
-
-const REF_FORWARDING_TYPE_MARKERS = [
- 'StyledComponent',
- 'ForwardRefExoticComponent',
-];
-
-export const doesComponentSupportRefForwarding = (
- namedExport: ExportSpecifier,
-): boolean => {
- const typeText = namedExport.getNameNode().getType().getText();
-
- return REF_FORWARDING_TYPE_MARKERS.some((marker) =>
- typeText.includes(marker),
- );
-};
diff --git a/packages/twenty-sdk/scripts/remote-dom/twenty-ui-extractor/utils/get-twenty-ui-component-category-index-path.ts b/packages/twenty-sdk/scripts/remote-dom/twenty-ui-extractor/utils/get-twenty-ui-component-category-index-path.ts
deleted file mode 100644
index 3c60848b8d..0000000000
--- a/packages/twenty-sdk/scripts/remote-dom/twenty-ui-extractor/utils/get-twenty-ui-component-category-index-path.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import * as path from 'path';
-
-import { TWENTY_UI_ROOT_PATH } from '../constants/TwentyUiRootPath';
-
-const TWENTY_UI_SRC_PATH = path.join(TWENTY_UI_ROOT_PATH, 'src');
-
-export const getTwentyUiComponentCategoryIndexPath = (
- category: string,
-): string => path.join(TWENTY_UI_SRC_PATH, `${category}/index.ts`);
diff --git a/packages/twenty-sdk/scripts/remote-dom/twenty-ui-extractor/utils/index.ts b/packages/twenty-sdk/scripts/remote-dom/twenty-ui-extractor/utils/index.ts
deleted file mode 100644
index 5a6e0717b8..0000000000
--- a/packages/twenty-sdk/scripts/remote-dom/twenty-ui-extractor/utils/index.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-export * from './does-component-support-ref-forwarding';
-export * from './map-type-to-property-schema';
-export * from './classify-component-props-for-remote-dom-generation';
-export * from './is-react-element-type';
-export * from './log-discovered-components';
-export * from './should-skip-export';
diff --git a/packages/twenty-sdk/scripts/remote-dom/twenty-ui-extractor/utils/is-dom-event-handler.ts b/packages/twenty-sdk/scripts/remote-dom/twenty-ui-extractor/utils/is-dom-event-handler.ts
deleted file mode 100644
index 364886dd9a..0000000000
--- a/packages/twenty-sdk/scripts/remote-dom/twenty-ui-extractor/utils/is-dom-event-handler.ts
+++ /dev/null
@@ -1,57 +0,0 @@
-import { type Type } from 'ts-morph';
-import { isDefined, isNonEmptyArray } from 'twenty-shared/utils';
-
-const DOM_EVENT_TYPE_NAMES = new Set([
- 'Event',
- 'UIEvent',
- 'MouseEvent',
- 'KeyboardEvent',
- 'FocusEvent',
- 'ChangeEvent',
- 'FormEvent',
- 'DragEvent',
- 'WheelEvent',
- 'ClipboardEvent',
- 'TouchEvent',
- 'PointerEvent',
- 'AnimationEvent',
- 'TransitionEvent',
- 'SyntheticEvent',
- 'BaseSyntheticEvent',
-]);
-
-const isEventType = (type: Type): boolean => {
- const symbol = type.getSymbol() ?? type.getAliasSymbol();
-
- if (isDefined(symbol) && DOM_EVENT_TYPE_NAMES.has(symbol.getName())) {
- return true;
- }
-
- return type.getBaseTypes().some(isEventType);
-};
-
-export const isDomEventHandler = (propertyType: Type): boolean => {
- const nonNullableType = propertyType.getNonNullableType();
-
- const callSignatures = nonNullableType.getCallSignatures();
-
- if (!isNonEmptyArray(callSignatures)) {
- return false;
- }
-
- return callSignatures.some((signature) => {
- const firstParam = signature.getParameters()[0];
-
- if (!isDefined(firstParam)) {
- return false;
- }
-
- const paramType = firstParam.getValueDeclaration()?.getType();
-
- if (!isDefined(paramType)) {
- return false;
- }
-
- return isEventType(paramType);
- });
-};
diff --git a/packages/twenty-sdk/scripts/remote-dom/twenty-ui-extractor/utils/is-react-component-export.ts b/packages/twenty-sdk/scripts/remote-dom/twenty-ui-extractor/utils/is-react-component-export.ts
deleted file mode 100644
index 25892f37bc..0000000000
--- a/packages/twenty-sdk/scripts/remote-dom/twenty-ui-extractor/utils/is-react-component-export.ts
+++ /dev/null
@@ -1,28 +0,0 @@
-import { type ExportSpecifier } from 'ts-morph';
-import { isNonEmptyArray } from 'twenty-shared/utils';
-
-import { typeSymbolMatchesAnyName } from './type-symbol-matches-any-name';
-
-const REACT_RETURN_TYPE_NAMES = new Set([
- 'ReactNode',
- 'ReactElement',
- 'Element',
-]);
-
-export const isReactComponentExport = (
- namedExport: ExportSpecifier,
-): boolean => {
- const exportType = namedExport.getNameNode().getType();
- const callSignatures = exportType.getCallSignatures();
-
- if (!isNonEmptyArray(callSignatures)) {
- return false;
- }
-
- return callSignatures.some((signature) =>
- typeSymbolMatchesAnyName(
- signature.getReturnType(),
- REACT_RETURN_TYPE_NAMES,
- ),
- );
-};
diff --git a/packages/twenty-sdk/scripts/remote-dom/twenty-ui-extractor/utils/is-react-element-type.ts b/packages/twenty-sdk/scripts/remote-dom/twenty-ui-extractor/utils/is-react-element-type.ts
deleted file mode 100644
index 24ca173d90..0000000000
--- a/packages/twenty-sdk/scripts/remote-dom/twenty-ui-extractor/utils/is-react-element-type.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-import { type Type } from 'ts-morph';
-
-import { typeSymbolMatchesAnyName } from './type-symbol-matches-any-name';
-
-const REACT_ELEMENT_TYPE_NAMES = new Set([
- 'ReactNode',
- 'ReactElement',
- 'Element',
-]);
-
-const REACT_COMPONENT_TYPE_NAMES = new Set([
- 'FunctionComponent',
- 'ComponentType',
- 'IconComponent',
-]);
-
-const ALL_REACT_TYPE_NAMES = new Set([
- ...REACT_ELEMENT_TYPE_NAMES,
- ...REACT_COMPONENT_TYPE_NAMES,
-]);
-
-export const isReactElementType = (propertyType: Type): boolean => {
- return typeSymbolMatchesAnyName(propertyType, ALL_REACT_TYPE_NAMES);
-};
diff --git a/packages/twenty-sdk/scripts/remote-dom/twenty-ui-extractor/utils/log-discovered-components.ts b/packages/twenty-sdk/scripts/remote-dom/twenty-ui-extractor/utils/log-discovered-components.ts
deleted file mode 100644
index 9f4e164e40..0000000000
--- a/packages/twenty-sdk/scripts/remote-dom/twenty-ui-extractor/utils/log-discovered-components.ts
+++ /dev/null
@@ -1,63 +0,0 @@
-import chalk from 'chalk';
-
-import {
- formatEvents,
- formatProps,
- formatSlots,
- logCountInline,
- logDimText,
- logLine,
-} from '../../utils/logger';
-
-type ComponentSummary = {
- tag: string;
- componentImport: string;
- properties: Record;
- events: string[];
- slots: string[];
-};
-
-export const logDiscoveredComponents = (
- discoveredComponents: ComponentSummary[],
-): void => {
- if (discoveredComponents.length === 0) {
- logDimText(' No components found');
-
- return;
- }
-
- logLine(
- ' ' +
- logCountInline(
- discoveredComponents.length,
- 'component found',
- 'components found',
- ),
- );
-
- for (const discoveredComponent of discoveredComponents) {
- const propertyCount = Object.keys(discoveredComponent.properties).length;
- const eventCount = discoveredComponent.events.length;
- const slotCount = discoveredComponent.slots.length;
-
- const parts: string[] = [formatProps(propertyCount)];
-
- if (eventCount > 0) {
- parts.push(formatEvents(eventCount, discoveredComponent.events));
- }
-
- if (slotCount > 0) {
- parts.push(formatSlots(slotCount, discoveredComponent.slots));
- }
-
- logLine(
- chalk.green(' ยท ') +
- chalk.green(discoveredComponent.componentImport) +
- chalk.gray(' -> ') +
- chalk.white(discoveredComponent.tag) +
- chalk.gray(' (') +
- parts.join(chalk.green(', ')) +
- chalk.gray(')'),
- );
- }
-};
diff --git a/packages/twenty-sdk/scripts/remote-dom/twenty-ui-extractor/utils/map-type-to-property-schema.ts b/packages/twenty-sdk/scripts/remote-dom/twenty-ui-extractor/utils/map-type-to-property-schema.ts
deleted file mode 100644
index 4adb895df0..0000000000
--- a/packages/twenty-sdk/scripts/remote-dom/twenty-ui-extractor/utils/map-type-to-property-schema.ts
+++ /dev/null
@@ -1,75 +0,0 @@
-import { type Type } from 'ts-morph';
-
-import { type PropertySchema } from '@/front-component-renderer/types/PropertySchema';
-import { isNonEmptyArray } from 'twenty-shared/utils';
-
-type PropertyType = PropertySchema['type'];
-
-export const mapTypeToPropertySchema = (
- propertyType: Type,
-): PropertyType | null => {
- if (propertyType.isString() || propertyType.isStringLiteral()) {
- return 'string';
- }
-
- if (propertyType.isNumber() || propertyType.isNumberLiteral()) {
- return 'number';
- }
-
- if (propertyType.isBoolean() || propertyType.isBooleanLiteral()) {
- return 'boolean';
- }
-
- if (propertyType.isArray()) {
- return 'array';
- }
-
- if (propertyType.isTuple()) {
- return 'array';
- }
-
- const callSignatures = propertyType.getCallSignatures();
-
- if (isNonEmptyArray(callSignatures)) {
- return 'function';
- }
-
- if (propertyType.isUnion()) {
- const unionMemberTypes = propertyType.getUnionTypes();
-
- const nonNullableTypes = unionMemberTypes.filter(
- (memberType) => !memberType.isUndefined() && !memberType.isNull(),
- );
-
- if (!isNonEmptyArray(nonNullableTypes)) {
- return null;
- }
-
- const classifiedTypeSet = new Set(
- nonNullableTypes.map((memberType) => mapTypeToPropertySchema(memberType)),
- );
-
- if (classifiedTypeSet.size === 1) {
- return classifiedTypeSet.values().next().value ?? null;
- }
-
- const primitiveTypes = new Set(['string', 'number', 'boolean']);
- const allPrimitive = [...classifiedTypeSet].every(
- (type) => type !== null && primitiveTypes.has(type),
- );
-
- if (allPrimitive && classifiedTypeSet.size > 0) {
- return 'string';
- }
- }
-
- if (propertyType.isEnum() || propertyType.isEnumLiteral()) {
- return 'string';
- }
-
- if (propertyType.isObject() && !propertyType.isArray()) {
- return 'object';
- }
-
- return null;
-};
diff --git a/packages/twenty-sdk/scripts/remote-dom/twenty-ui-extractor/utils/should-skip-export.ts b/packages/twenty-sdk/scripts/remote-dom/twenty-ui-extractor/utils/should-skip-export.ts
deleted file mode 100644
index a6de6a775d..0000000000
--- a/packages/twenty-sdk/scripts/remote-dom/twenty-ui-extractor/utils/should-skip-export.ts
+++ /dev/null
@@ -1,31 +0,0 @@
-const SCREAMING_SNAKE_CASE_REGEX = /^[A-Z][A-Z_0-9]+$/;
-
-const SKIP_PREFIXES = [
- 'Styled',
- 'use',
- 'Icon',
- 'Illustration',
- 'base',
- 'BASE',
- 'get',
-] as const;
-
-const SKIP_SUFFIXES = ['Provider', 'State', 'state'] as const;
-
-const NEVER_SKIP = new Set(['Icon']);
-
-export const shouldSkipExport = (exportName: string): boolean => {
- if (NEVER_SKIP.has(exportName)) {
- return false;
- }
-
- const hasSkipPrefix = SKIP_PREFIXES.some((prefix) =>
- exportName.startsWith(prefix),
- );
- const hasSkipSuffix = SKIP_SUFFIXES.some((suffix) =>
- exportName.endsWith(suffix),
- );
- const isScreamingSnakeCase = SCREAMING_SNAKE_CASE_REGEX.test(exportName);
-
- return hasSkipPrefix || hasSkipSuffix || isScreamingSnakeCase;
-};
diff --git a/packages/twenty-sdk/scripts/remote-dom/twenty-ui-extractor/utils/type-symbol-matches-any-name.ts b/packages/twenty-sdk/scripts/remote-dom/twenty-ui-extractor/utils/type-symbol-matches-any-name.ts
deleted file mode 100644
index 8915af894e..0000000000
--- a/packages/twenty-sdk/scripts/remote-dom/twenty-ui-extractor/utils/type-symbol-matches-any-name.ts
+++ /dev/null
@@ -1,27 +0,0 @@
-import { type Type } from 'ts-morph';
-
-import { isDefined } from 'twenty-shared/utils';
-
-const getTypeSymbolName = (type: Type): string | undefined => {
- return (type.getSymbol() ?? type.getAliasSymbol())?.getName();
-};
-
-export const typeSymbolMatchesAnyName = (
- type: Type,
- names: Set,
-): boolean => {
- const symbolName = getTypeSymbolName(type);
-
- if (isDefined(symbolName) && names.has(symbolName)) {
- return true;
- }
-
- if (type.isUnion()) {
- return type
- .getUnionTypes()
- .filter((memberType) => !memberType.isUndefined() && !memberType.isNull())
- .some((memberType) => typeSymbolMatchesAnyName(memberType, names));
- }
-
- return false;
-};
diff --git a/packages/twenty-sdk/src/front-component-renderer/host/generated/host-component-registry.ts b/packages/twenty-sdk/src/front-component-renderer/host/generated/host-component-registry.ts
index a76ac149bc..4401aa98d2 100644
--- a/packages/twenty-sdk/src/front-component-renderer/host/generated/host-component-registry.ts
+++ b/packages/twenty-sdk/src/front-component-renderer/host/generated/host-component-registry.ts
@@ -13,190 +13,6 @@ import {
createRemoteComponentRenderer,
} from '@remote-dom/react/host';
import { type SerializedEventData } from '../../../sdk/front-component-api/constants/SerializedEventData';
-import {
- AnimatedButton,
- AnimatedLightIconButton,
- Button,
- ButtonGroup,
- ColorPickerButton,
- FloatingButton,
- FloatingButtonGroup,
- FloatingIconButton,
- FloatingIconButtonGroup,
- InsideButton,
- LightButton,
- LightIconButton,
- LightIconButtonGroup,
- MainButton,
- RoundedIconButton,
- TabContent,
- TabButton,
- CodeEditor,
- CoreEditorHeader,
- ColorSchemeCard,
- ColorSchemePicker,
- CardPicker,
- Checkbox,
- Radio,
- RadioGroup,
- SearchInput,
- Toggle,
- type AnimatedButtonProps,
- type AnimatedLightIconButtonProps,
- type ButtonProps,
- type ButtonGroupProps,
- type ColorPickerButtonProps,
- type FloatingButtonProps,
- type FloatingButtonGroupProps,
- type FloatingIconButtonProps,
- type FloatingIconButtonGroupProps,
- type InsideButtonProps,
- type LightButtonProps,
- type LightIconButtonProps,
- type LightIconButtonGroupProps,
- type MainButtonProps,
- type RoundedIconButtonProps,
- type TabContentProps,
- type TabButtonProps,
- type CodeEditorProps,
- type CoreEditorHeaderProps,
- type ColorSchemeCardProps,
- type ColorSchemePickerProps,
- type CardPickerProps,
- type CheckboxProps,
- type RadioProps,
- type RadioGroupProps,
- type SearchInputProps,
- type ToggleProps,
-} from 'twenty-ui/input';
-import {
- AvatarChip,
- MultipleAvatarChip,
- Chip,
- LinkChip,
- Pill,
- Tag,
- type AvatarChipProps,
- type MultipleAvatarChipProps,
- type ChipProps,
- type LinkChipProps,
- type PillProps,
- type TagProps,
-} from 'twenty-ui/components';
-import {
- Avatar,
- AvatarGroup,
- Banner,
- SidePanelInformationBanner,
- Callout,
- AnimatedCheckmark,
- Checkmark,
- ColorSample,
- CommandBlock,
- Icon,
- Info,
- Status,
- HorizontalSeparator,
- AppTooltip,
- OverflowingTextWithTooltip,
- H1Title,
- H2Title,
- H3Title,
- type AvatarProps,
- type AvatarGroupProps,
- type BannerProps,
- type SidePanelInformationBannerProps,
- type CalloutProps,
- type AnimatedCheckmarkProps,
- type CheckmarkProps,
- type ColorSampleProps,
- type CommandBlockProps,
- type IconProps,
- type InfoProps,
- type StatusProps,
- type HorizontalSeparatorProps,
- type AppTooltipProps,
- type OverflowingTextWithTooltipProps,
- type H1TitleProps,
- type H2TitleProps,
- type H3TitleProps,
-} from 'twenty-ui/display';
-import {
- Loader,
- CircularProgressBar,
- ProgressBar,
- type LoaderProps,
- type CircularProgressBarProps,
- type ProgressBarProps,
-} from 'twenty-ui/feedback';
-import {
- AnimatedExpandableContainer,
- AnimatedPlaceholder,
- Section,
- type AnimatedExpandableContainerProps,
- type AnimatedPlaceholderProps,
- type SectionProps,
-} from 'twenty-ui/layout';
-import {
- AdvancedSettingsToggle,
- ClickToActionLink,
- ContactLink,
- GithubVersionLink,
- RawLink,
- RoundedLink,
- SocialLink,
- UndecoratedLink,
- MenuPicker,
- MenuItem,
- MenuItemAvatar,
- MenuItemDraggable,
- MenuItemHotKeys,
- MenuItemMultiSelect,
- MenuItemMultiSelectAvatar,
- MenuItemMultiSelectTag,
- MenuItemNavigate,
- MenuItemSelect,
- MenuItemSelectAvatar,
- MenuItemSelectColor,
- MenuItemSelectTag,
- MenuItemSuggestion,
- MenuItemToggle,
- MenuItemIcon,
- MenuItemIconWithGripSwap,
- MenuItemLeftContent,
- NavigationBar,
- NavigationBarItem,
- NotificationCounter,
- type AdvancedSettingsToggleProps,
- type ClickToActionLinkProps,
- type ContactLinkProps,
- type GithubVersionLinkProps,
- type RawLinkProps,
- type RoundedLinkProps,
- type SocialLinkProps,
- type UndecoratedLinkProps,
- type MenuPickerProps,
- type MenuItemProps,
- type MenuItemAvatarProps,
- type MenuItemDraggableProps,
- type MenuItemHotKeysProps,
- type MenuItemMultiSelectProps,
- type MenuItemMultiSelectAvatarProps,
- type MenuItemMultiSelectTagProps,
- type MenuItemNavigateProps,
- type MenuItemSelectProps,
- type MenuItemSelectAvatarProps,
- type MenuItemSelectColorProps,
- type MenuItemSelectTagProps,
- type MenuItemSuggestionProps,
- type MenuItemToggleProps,
- type MenuItemIconProps,
- type MenuItemIconWithGripSwapProps,
- type MenuItemLeftContentProps,
- type NavigationBarProps,
- type NavigationBarItemProps,
- type NotificationCounterProps,
-} from 'twenty-ui/navigation';
const INTERNAL_PROPS = new Set(['element', 'receiver', 'components']);
const EVENT_NAME_MAP: Record = {
@@ -308,7 +124,7 @@ const wrapEventHandler = (handler: (detail: SerializedEventData) => void) => {
};
};
-const filterHtmlProps = (props: T): T => {
+const filterProps = (props: T): T => {
const filtered: Record = {};
for (const [key, value] of Object.entries(props)) {
if (INTERNAL_PROPS.has(key) || value === undefined) continue;
@@ -328,923 +144,263 @@ const filterHtmlProps = (props: T): T => {
}
return filtered as T;
};
-
-const filterUiProps = (
- props: T,
- eventPropNames?: Set,
-): T => {
- const filtered: Record = {};
- for (const [key, value] of Object.entries(props)) {
- if (INTERNAL_PROPS.has(key) || value === undefined) continue;
-
- if (key === 'style') {
- filtered.style = parseStyle(value as string | undefined);
- } else if (eventPropNames?.has(key) && typeof value === 'function') {
- filtered[key] = wrapEventHandler(
- value as (detail: SerializedEventData) => void,
- );
- } else {
- filtered[key] = value;
- }
- }
- return filtered as T;
-};
-const HtmlDivWrapper = React.forwardRef<
- HTMLElement,
- { children?: React.ReactNode } & Record
->(({ children, ...props }, ref) => {
- return React.createElement(
- 'div',
- { ...filterHtmlProps(props), ref },
- children,
- );
-});
-const HtmlSpanWrapper = React.forwardRef<
- HTMLElement,
- { children?: React.ReactNode } & Record
->(({ children, ...props }, ref) => {
- return React.createElement(
- 'span',
- { ...filterHtmlProps(props), ref },
- children,
- );
-});
-const HtmlSectionWrapper = React.forwardRef<
- HTMLElement,
- { children?: React.ReactNode } & Record
->(({ children, ...props }, ref) => {
- return React.createElement(
- 'section',
- { ...filterHtmlProps(props), ref },
- children,
- );
-});
-const HtmlArticleWrapper = React.forwardRef<
- HTMLElement,
- { children?: React.ReactNode } & Record
->(({ children, ...props }, ref) => {
- return React.createElement(
- 'article',
- { ...filterHtmlProps(props), ref },
- children,
- );
-});
-const HtmlHeaderWrapper = React.forwardRef<
- HTMLElement,
- { children?: React.ReactNode } & Record
->(({ children, ...props }, ref) => {
- return React.createElement(
- 'header',
- { ...filterHtmlProps(props), ref },
- children,
- );
-});
-const HtmlFooterWrapper = React.forwardRef<
- HTMLElement,
- { children?: React.ReactNode } & Record
->(({ children, ...props }, ref) => {
- return React.createElement(
- 'footer',
- { ...filterHtmlProps(props), ref },
- children,
- );
-});
-const HtmlMainWrapper = React.forwardRef<
- HTMLElement,
- { children?: React.ReactNode } & Record
->(({ children, ...props }, ref) => {
- return React.createElement(
- 'main',
- { ...filterHtmlProps(props), ref },
- children,
- );
-});
-const HtmlNavWrapper = React.forwardRef<
- HTMLElement,
- { children?: React.ReactNode } & Record
->(({ children, ...props }, ref) => {
- return React.createElement(
- 'nav',
- { ...filterHtmlProps(props), ref },
- children,
- );
-});
-const HtmlAsideWrapper = React.forwardRef<
- HTMLElement,
- { children?: React.ReactNode } & Record
->(({ children, ...props }, ref) => {
- return React.createElement(
- 'aside',
- { ...filterHtmlProps(props), ref },
- children,
- );
-});
-const HtmlPWrapper = React.forwardRef<
- HTMLElement,
- { children?: React.ReactNode } & Record
->(({ children, ...props }, ref) => {
- return React.createElement('p', { ...filterHtmlProps(props), ref }, children);
-});
-const HtmlH1Wrapper = React.forwardRef<
- HTMLElement,
- { children?: React.ReactNode } & Record
->(({ children, ...props }, ref) => {
- return React.createElement(
- 'h1',
- { ...filterHtmlProps(props), ref },
- children,
- );
-});
-const HtmlH2Wrapper = React.forwardRef<
- HTMLElement,
- { children?: React.ReactNode } & Record
->(({ children, ...props }, ref) => {
- return React.createElement(
- 'h2',
- { ...filterHtmlProps(props), ref },
- children,
- );
-});
-const HtmlH3Wrapper = React.forwardRef<
- HTMLElement,
- { children?: React.ReactNode } & Record
->(({ children, ...props }, ref) => {
- return React.createElement(
- 'h3',
- { ...filterHtmlProps(props), ref },
- children,
- );
-});
-const HtmlH4Wrapper = React.forwardRef<
- HTMLElement,
- { children?: React.ReactNode } & Record
->(({ children, ...props }, ref) => {
- return React.createElement(
- 'h4',
- { ...filterHtmlProps(props), ref },
- children,
- );
-});
-const HtmlH5Wrapper = React.forwardRef<
- HTMLElement,
- { children?: React.ReactNode } & Record
->(({ children, ...props }, ref) => {
- return React.createElement(
- 'h5',
- { ...filterHtmlProps(props), ref },
- children,
- );
-});
-const HtmlH6Wrapper = React.forwardRef<
- HTMLElement,
- { children?: React.ReactNode } & Record
->(({ children, ...props }, ref) => {
- return React.createElement(
- 'h6',
- { ...filterHtmlProps(props), ref },
- children,
- );
-});
-const HtmlStrongWrapper = React.forwardRef<
- HTMLElement,
- { children?: React.ReactNode } & Record
->(({ children, ...props }, ref) => {
- return React.createElement(
- 'strong',
- { ...filterHtmlProps(props), ref },
- children,
- );
-});
-const HtmlEmWrapper = React.forwardRef<
- HTMLElement,
- { children?: React.ReactNode } & Record
->(({ children, ...props }, ref) => {
- return React.createElement(
- 'em',
- { ...filterHtmlProps(props), ref },
- children,
- );
-});
-const HtmlSmallWrapper = React.forwardRef<
- HTMLElement,
- { children?: React.ReactNode } & Record
->(({ children, ...props }, ref) => {
- return React.createElement(
- 'small',
- { ...filterHtmlProps(props), ref },
- children,
- );
-});
-const HtmlCodeWrapper = React.forwardRef<
- HTMLElement,
- { children?: React.ReactNode } & Record
->(({ children, ...props }, ref) => {
- return React.createElement(
- 'code',
- { ...filterHtmlProps(props), ref },
- children,
- );
-});
-const HtmlPreWrapper = React.forwardRef<
- HTMLElement,
- { children?: React.ReactNode } & Record
->(({ children, ...props }, ref) => {
- return React.createElement(
- 'pre',
- { ...filterHtmlProps(props), ref },
- children,
- );
-});
-const HtmlBlockquoteWrapper = React.forwardRef<
- HTMLElement,
- { children?: React.ReactNode } & Record
->(({ children, ...props }, ref) => {
- return React.createElement(
- 'blockquote',
- { ...filterHtmlProps(props), ref },
- children,
- );
-});
-const HtmlAWrapper = React.forwardRef<
- HTMLElement,
- { children?: React.ReactNode } & Record
->(({ children, ...props }, ref) => {
- return React.createElement('a', { ...filterHtmlProps(props), ref }, children);
-});
-const HtmlImgWrapper = React.forwardRef<
- HTMLElement,
- { children?: React.ReactNode } & Record
->(({ children: _children, ...props }, ref) => {
- return React.createElement('img', { ...filterHtmlProps(props), ref });
-});
-const HtmlUlWrapper = React.forwardRef<
- HTMLElement,
- { children?: React.ReactNode } & Record
->(({ children, ...props }, ref) => {
- return React.createElement(
- 'ul',
- { ...filterHtmlProps(props), ref },
- children,
- );
-});
-const HtmlOlWrapper = React.forwardRef<
- HTMLElement,
- { children?: React.ReactNode } & Record
->(({ children, ...props }, ref) => {
- return React.createElement(
- 'ol',
- { ...filterHtmlProps(props), ref },
- children,
- );
-});
-const HtmlLiWrapper = React.forwardRef<
- HTMLElement,
- { children?: React.ReactNode } & Record
->(({ children, ...props }, ref) => {
- return React.createElement(
- 'li',
- { ...filterHtmlProps(props), ref },
- children,
- );
-});
-const HtmlFormWrapper = React.forwardRef<
- HTMLElement,
- { children?: React.ReactNode } & Record
->(({ children, ...props }, ref) => {
- return React.createElement(
- 'form',
- { ...filterHtmlProps(props), ref },
- children,
- );
-});
-const HtmlLabelWrapper = React.forwardRef<
- HTMLElement,
- { children?: React.ReactNode } & Record
->(({ children, ...props }, ref) => {
- return React.createElement(
- 'label',
- { ...filterHtmlProps(props), ref },
- children,
- );
-});
-const HtmlInputWrapper = React.forwardRef<
- HTMLElement,
- { children?: React.ReactNode } & Record
->(({ children: _children, ...props }, ref) => {
- return React.createElement('input', { ...filterHtmlProps(props), ref });
-});
-const HtmlTextareaWrapper = React.forwardRef<
- HTMLElement,
- { children?: React.ReactNode } & Record
->(({ children, ...props }, ref) => {
- return React.createElement(
- 'textarea',
- { ...filterHtmlProps(props), ref },
- children,
- );
-});
-const HtmlSelectWrapper = React.forwardRef<
- HTMLElement,
- { children?: React.ReactNode } & Record
->(({ children, ...props }, ref) => {
- return React.createElement(
- 'select',
- { ...filterHtmlProps(props), ref },
- children,
- );
-});
-const HtmlOptionWrapper = React.forwardRef<
- HTMLElement,
- { children?: React.ReactNode } & Record
->(({ children, ...props }, ref) => {
- return React.createElement(
- 'option',
- { ...filterHtmlProps(props), ref },
- children,
- );
-});
-const HtmlButtonWrapper = React.forwardRef<
- HTMLElement,
- { children?: React.ReactNode } & Record
->(({ children, ...props }, ref) => {
- return React.createElement(
- 'button',
- { ...filterHtmlProps(props), ref },
- children,
- );
-});
-const HtmlTableWrapper = React.forwardRef<
- HTMLElement,
- { children?: React.ReactNode } & Record
->(({ children, ...props }, ref) => {
- return React.createElement(
- 'table',
- { ...filterHtmlProps(props), ref },
- children,
- );
-});
-const HtmlTheadWrapper = React.forwardRef<
- HTMLElement,
- { children?: React.ReactNode } & Record
->(({ children, ...props }, ref) => {
- return React.createElement(
- 'thead',
- { ...filterHtmlProps(props), ref },
- children,
- );
-});
-const HtmlTbodyWrapper = React.forwardRef<
- HTMLElement,
- { children?: React.ReactNode } & Record
->(({ children, ...props }, ref) => {
- return React.createElement(
- 'tbody',
- { ...filterHtmlProps(props), ref },
- children,
- );
-});
-const HtmlTfootWrapper = React.forwardRef<
- HTMLElement,
- { children?: React.ReactNode } & Record
->(({ children, ...props }, ref) => {
- return React.createElement(
- 'tfoot',
- { ...filterHtmlProps(props), ref },
- children,
- );
-});
-const HtmlTrWrapper = React.forwardRef<
- HTMLElement,
- { children?: React.ReactNode } & Record
->(({ children, ...props }, ref) => {
- return React.createElement(
- 'tr',
- { ...filterHtmlProps(props), ref },
- children,
- );
-});
-const HtmlThWrapper = React.forwardRef<
- HTMLElement,
- { children?: React.ReactNode } & Record
->(({ children, ...props }, ref) => {
- return React.createElement(
- 'th',
- { ...filterHtmlProps(props), ref },
- children,
- );
-});
-const HtmlTdWrapper = React.forwardRef<
- HTMLElement,
- { children?: React.ReactNode } & Record
->(({ children, ...props }, ref) => {
- return React.createElement(
- 'td',
- { ...filterHtmlProps(props), ref },
- children,
- );
-});
-const HtmlBrWrapper = React.forwardRef<
- HTMLElement,
- { children?: React.ReactNode } & Record
->(({ children: _children, ...props }, ref) => {
- return React.createElement('br', { ...filterHtmlProps(props), ref });
-});
-const HtmlHrWrapper = React.forwardRef<
- HTMLElement,
- { children?: React.ReactNode } & Record
->(({ children: _children, ...props }, ref) => {
- return React.createElement('hr', { ...filterHtmlProps(props), ref });
-});
-const TwentyUiAnimatedButtonWrapper = (
- props: AnimatedButtonProps & { children?: React.ReactNode },
-) => {
- return React.createElement(
- AnimatedButton,
- filterUiProps(props, new Set(['onClick'])),
- );
-};
-const TwentyUiAnimatedLightIconButtonWrapper = (
- props: AnimatedLightIconButtonProps & { children?: React.ReactNode },
-) => {
- return React.createElement(
- AnimatedLightIconButton,
- filterUiProps(props, new Set(['onClick'])),
- );
-};
-const TwentyUiButtonWrapper = (
- props: ButtonProps & { children?: React.ReactNode },
-) => {
- return React.createElement(
- Button,
- filterUiProps(props, new Set(['onClick'])),
- );
-};
-const TwentyUiButtonGroupWrapper = (
- props: ButtonGroupProps & { children?: React.ReactNode },
-) => {
- return React.createElement(ButtonGroup, filterUiProps(props));
-};
-const TwentyUiColorPickerButtonWrapper = (
- props: ColorPickerButtonProps & { children?: React.ReactNode },
-) => {
- return React.createElement(
- ColorPickerButton,
- filterUiProps(props, new Set(['onClick'])),
- );
-};
-const TwentyUiFloatingButtonWrapper = (
- props: FloatingButtonProps & { children?: React.ReactNode },
-) => {
- return React.createElement(FloatingButton, filterUiProps(props));
-};
-const TwentyUiFloatingButtonGroupWrapper = (
- props: FloatingButtonGroupProps & { children?: React.ReactNode },
-) => {
- return React.createElement(FloatingButtonGroup, filterUiProps(props));
-};
-const TwentyUiFloatingIconButtonWrapper = (
- props: FloatingIconButtonProps & { children?: React.ReactNode },
-) => {
- return React.createElement(
- FloatingIconButton,
- filterUiProps(props, new Set(['onClick'])),
- );
-};
-const TwentyUiFloatingIconButtonGroupWrapper = (
- props: FloatingIconButtonGroupProps & { children?: React.ReactNode },
-) => {
- return React.createElement(FloatingIconButtonGroup, filterUiProps(props));
-};
-const TwentyUiInsideButtonWrapper = (
- props: InsideButtonProps & { children?: React.ReactNode },
-) => {
- return React.createElement(
- InsideButton,
- filterUiProps(props, new Set(['onClick'])),
- );
-};
-const TwentyUiLightButtonWrapper = (
- props: LightButtonProps & { children?: React.ReactNode },
-) => {
- return React.createElement(
- LightButton,
- filterUiProps(props, new Set(['onClick'])),
- );
-};
-const TwentyUiLightIconButtonWrapper = (
- props: LightIconButtonProps & { children?: React.ReactNode },
-) => {
- return React.createElement(
- LightIconButton,
- filterUiProps(props, new Set(['onClick'])),
- );
-};
-const TwentyUiLightIconButtonGroupWrapper = (
- props: LightIconButtonGroupProps & { children?: React.ReactNode },
-) => {
- return React.createElement(LightIconButtonGroup, filterUiProps(props));
-};
-const TwentyUiMainButtonWrapper = (
- props: MainButtonProps & { children?: React.ReactNode },
-) => {
- return React.createElement(MainButton, filterUiProps(props));
-};
-const TwentyUiRoundedIconButtonWrapper = (
- props: RoundedIconButtonProps & { children?: React.ReactNode },
-) => {
- return React.createElement(RoundedIconButton, filterUiProps(props));
-};
-const TwentyUiTabContentWrapper = (
- props: TabContentProps & { children?: React.ReactNode },
-) => {
- return React.createElement(TabContent, filterUiProps(props));
-};
-const TwentyUiTabButtonWrapper = (
- props: TabButtonProps & { children?: React.ReactNode },
-) => {
- return React.createElement(TabButton, filterUiProps(props));
-};
-const TwentyUiCodeEditorWrapper = (
- props: CodeEditorProps & { children?: React.ReactNode },
-) => {
- return React.createElement(CodeEditor, filterUiProps(props));
-};
-const TwentyUiCoreEditorHeaderWrapper = (
- props: CoreEditorHeaderProps & { children?: React.ReactNode },
-) => {
- return React.createElement(CoreEditorHeader, filterUiProps(props));
-};
-const TwentyUiColorSchemeCardWrapper = (
- props: ColorSchemeCardProps & { children?: React.ReactNode },
-) => {
- return React.createElement(ColorSchemeCard, filterUiProps(props));
-};
-const TwentyUiColorSchemePickerWrapper = (
- props: ColorSchemePickerProps & { children?: React.ReactNode },
-) => {
- return React.createElement(ColorSchemePicker, filterUiProps(props));
-};
-const TwentyUiCardPickerWrapper = (
- props: CardPickerProps & { children?: React.ReactNode },
-) => {
- return React.createElement(CardPicker, filterUiProps(props));
-};
-const TwentyUiCheckboxWrapper = (
- props: CheckboxProps & { children?: React.ReactNode },
-) => {
- return React.createElement(
- Checkbox,
- filterUiProps(props, new Set(['onChange'])),
- );
-};
-const TwentyUiRadioWrapper = (
- props: RadioProps & { children?: React.ReactNode },
-) => {
- return React.createElement(
- Radio,
- filterUiProps(props, new Set(['onChange'])),
- );
-};
-const TwentyUiRadioGroupWrapper = (
- props: RadioGroupProps & { children?: React.ReactNode },
-) => {
- return React.createElement(
- RadioGroup,
- filterUiProps(props, new Set(['onChange'])),
- );
-};
-const TwentyUiSearchInputWrapper = (
- props: SearchInputProps & { children?: React.ReactNode },
-) => {
- return React.createElement(SearchInput, filterUiProps(props));
-};
-const TwentyUiToggleWrapper = (
- props: ToggleProps & { children?: React.ReactNode },
-) => {
- return React.createElement(Toggle, filterUiProps(props));
-};
-const TwentyUiAvatarChipWrapper = (
- props: AvatarChipProps & { children?: React.ReactNode },
-) => {
- return React.createElement(AvatarChip, filterUiProps(props));
-};
-const TwentyUiMultipleAvatarChipWrapper = (
- props: MultipleAvatarChipProps & { children?: React.ReactNode },
-) => {
- return React.createElement(MultipleAvatarChip, filterUiProps(props));
-};
-const TwentyUiChipWrapper = (
- props: ChipProps & { children?: React.ReactNode },
-) => {
- return React.createElement(Chip, filterUiProps(props));
-};
-const TwentyUiLinkChipWrapper = (
- props: LinkChipProps & { children?: React.ReactNode },
-) => {
- return React.createElement(
- LinkChip,
- filterUiProps(props, new Set(['onClick', 'onMouseDown'])),
- );
-};
-const TwentyUiPillWrapper = (
- props: PillProps & { children?: React.ReactNode },
-) => {
- return React.createElement(Pill, filterUiProps(props));
-};
-const TwentyUiTagWrapper = (
- props: TagProps & { children?: React.ReactNode },
-) => {
- return React.createElement(Tag, filterUiProps(props));
-};
-const TwentyUiAvatarWrapper = (
- props: AvatarProps & { children?: React.ReactNode },
-) => {
- return React.createElement(Avatar, filterUiProps(props));
-};
-const TwentyUiAvatarGroupWrapper = (
- props: AvatarGroupProps & { children?: React.ReactNode },
-) => {
- return React.createElement(AvatarGroup, filterUiProps(props));
-};
-const TwentyUiBannerWrapper = (
- props: BannerProps & { children?: React.ReactNode },
-) => {
- return React.createElement(Banner, filterUiProps(props));
-};
-const TwentyUiSidePanelInformationBannerWrapper = (
- props: SidePanelInformationBannerProps & { children?: React.ReactNode },
-) => {
- return React.createElement(SidePanelInformationBanner, filterUiProps(props));
-};
-const TwentyUiCalloutWrapper = (
- props: CalloutProps & { children?: React.ReactNode },
-) => {
- return React.createElement(Callout, filterUiProps(props));
-};
-const TwentyUiAnimatedCheckmarkWrapper = (
- props: AnimatedCheckmarkProps & { children?: React.ReactNode },
-) => {
- return React.createElement(AnimatedCheckmark, filterUiProps(props));
-};
-const TwentyUiCheckmarkWrapper = (
- props: CheckmarkProps & { children?: React.ReactNode },
-) => {
- return React.createElement(Checkmark, filterUiProps(props));
-};
-const TwentyUiColorSampleWrapper = React.forwardRef<
- unknown,
- ColorSampleProps & { children?: React.ReactNode }
->((props, ref) => {
- return React.createElement(ColorSample as React.ElementType, {
- ...filterUiProps(props),
- ref,
- });
-});
-const TwentyUiCommandBlockWrapper = (
- props: CommandBlockProps & { children?: React.ReactNode },
-) => {
- return React.createElement(CommandBlock, filterUiProps(props));
-};
-const TwentyUiIconWrapper = (
- props: IconProps & { children?: React.ReactNode },
-) => {
- return React.createElement(Icon, filterUiProps(props));
-};
-const TwentyUiInfoWrapper = (
- props: InfoProps & { children?: React.ReactNode },
-) => {
- return React.createElement(Info, filterUiProps(props, new Set(['onClick'])));
-};
-const TwentyUiStatusWrapper = (
- props: StatusProps & { children?: React.ReactNode },
-) => {
- return React.createElement(Status, filterUiProps(props));
-};
-const TwentyUiHorizontalSeparatorWrapper = (
- props: HorizontalSeparatorProps & { children?: React.ReactNode },
-) => {
- return React.createElement(HorizontalSeparator, filterUiProps(props));
-};
-const TwentyUiAppTooltipWrapper = (
- props: AppTooltipProps & { children?: React.ReactNode },
-) => {
- return React.createElement(AppTooltip, filterUiProps(props));
-};
-const TwentyUiOverflowingTextWithTooltipWrapper = (
- props: OverflowingTextWithTooltipProps & { children?: React.ReactNode },
-) => {
- return React.createElement(OverflowingTextWithTooltip, filterUiProps(props));
-};
-const TwentyUiH1TitleWrapper = (
- props: H1TitleProps & { children?: React.ReactNode },
-) => {
- return React.createElement(H1Title, filterUiProps(props));
-};
-const TwentyUiH2TitleWrapper = (
- props: H2TitleProps & { children?: React.ReactNode },
-) => {
- return React.createElement(H2Title, filterUiProps(props));
-};
-const TwentyUiH3TitleWrapper = (
- props: H3TitleProps & { children?: React.ReactNode },
-) => {
- return React.createElement(H3Title, filterUiProps(props));
-};
-const TwentyUiLoaderWrapper = (
- props: LoaderProps & { children?: React.ReactNode },
-) => {
- return React.createElement(Loader, filterUiProps(props));
-};
-const TwentyUiCircularProgressBarWrapper = (
- props: CircularProgressBarProps & { children?: React.ReactNode },
-) => {
- return React.createElement(CircularProgressBar, filterUiProps(props));
-};
-const TwentyUiProgressBarWrapper = (
- props: ProgressBarProps & { children?: React.ReactNode },
-) => {
- return React.createElement(ProgressBar, filterUiProps(props));
-};
-const TwentyUiAnimatedExpandableContainerWrapper = (
- props: AnimatedExpandableContainerProps & { children?: React.ReactNode },
-) => {
- return React.createElement(AnimatedExpandableContainer, filterUiProps(props));
-};
-const TwentyUiAnimatedPlaceholderWrapper = (
- props: AnimatedPlaceholderProps & { children?: React.ReactNode },
-) => {
- return React.createElement(AnimatedPlaceholder, filterUiProps(props));
-};
-const TwentyUiSectionWrapper = (
- props: SectionProps & { children?: React.ReactNode },
-) => {
- return React.createElement(Section, filterUiProps(props));
-};
-const TwentyUiAdvancedSettingsToggleWrapper = (
- props: AdvancedSettingsToggleProps & { children?: React.ReactNode },
-) => {
- return React.createElement(AdvancedSettingsToggle, filterUiProps(props));
-};
-const TwentyUiClickToActionLinkWrapper = (
- props: ClickToActionLinkProps & { children?: React.ReactNode },
-) => {
- return React.createElement(ClickToActionLink, filterUiProps(props));
-};
-const TwentyUiContactLinkWrapper = (
- props: ContactLinkProps & { children?: React.ReactNode },
-) => {
- return React.createElement(
- ContactLink,
- filterUiProps(props, new Set(['onClick'])),
- );
-};
-const TwentyUiGithubVersionLinkWrapper = (
- props: GithubVersionLinkProps & { children?: React.ReactNode },
-) => {
- return React.createElement(GithubVersionLink, filterUiProps(props));
-};
-const TwentyUiRawLinkWrapper = (
- props: RawLinkProps & { children?: React.ReactNode },
-) => {
- return React.createElement(
- RawLink,
- filterUiProps(props, new Set(['onClick'])),
- );
-};
-const TwentyUiRoundedLinkWrapper = (
- props: RoundedLinkProps & { children?: React.ReactNode },
-) => {
- return React.createElement(
- RoundedLink,
- filterUiProps(props, new Set(['onClick'])),
- );
-};
-const TwentyUiSocialLinkWrapper = (
- props: SocialLinkProps & { children?: React.ReactNode },
-) => {
- return React.createElement(
- SocialLink,
- filterUiProps(props, new Set(['onClick'])),
- );
-};
-const TwentyUiUndecoratedLinkWrapper = (
- props: UndecoratedLinkProps & { children?: React.ReactNode },
-) => {
- return React.createElement(UndecoratedLink, filterUiProps(props));
-};
-const TwentyUiMenuPickerWrapper = (
- props: MenuPickerProps & { children?: React.ReactNode },
-) => {
- return React.createElement(MenuPicker, filterUiProps(props));
-};
-const TwentyUiMenuItemWrapper = (
- props: MenuItemProps & { children?: React.ReactNode },
-) => {
- return React.createElement(
- MenuItem,
- filterUiProps(props, new Set(['onClick', 'onMouseEnter', 'onMouseLeave'])),
- );
-};
-const TwentyUiMenuItemAvatarWrapper = (
- props: MenuItemAvatarProps & { children?: React.ReactNode },
-) => {
- return React.createElement(
- MenuItemAvatar,
- filterUiProps(props, new Set(['onClick', 'onMouseEnter', 'onMouseLeave'])),
- );
-};
-const TwentyUiMenuItemDraggableWrapper = (
- props: MenuItemDraggableProps & { children?: React.ReactNode },
-) => {
- return React.createElement(MenuItemDraggable, filterUiProps(props));
-};
-const TwentyUiMenuItemHotKeysWrapper = (
- props: MenuItemHotKeysProps & { children?: React.ReactNode },
-) => {
- return React.createElement(MenuItemHotKeys, filterUiProps(props));
-};
-const TwentyUiMenuItemMultiSelectWrapper = (
- props: MenuItemMultiSelectProps & { children?: React.ReactNode },
-) => {
- return React.createElement(MenuItemMultiSelect, filterUiProps(props));
-};
-const TwentyUiMenuItemMultiSelectAvatarWrapper = (
- props: MenuItemMultiSelectAvatarProps & { children?: React.ReactNode },
-) => {
- return React.createElement(MenuItemMultiSelectAvatar, filterUiProps(props));
-};
-const TwentyUiMenuItemMultiSelectTagWrapper = (
- props: MenuItemMultiSelectTagProps & { children?: React.ReactNode },
-) => {
- return React.createElement(MenuItemMultiSelectTag, filterUiProps(props));
-};
-const TwentyUiMenuItemNavigateWrapper = (
- props: MenuItemNavigateProps & { children?: React.ReactNode },
-) => {
- return React.createElement(MenuItemNavigate, filterUiProps(props));
-};
-const TwentyUiMenuItemSelectWrapper = (
- props: MenuItemSelectProps & { children?: React.ReactNode },
-) => {
- return React.createElement(MenuItemSelect, filterUiProps(props));
-};
-const TwentyUiMenuItemSelectAvatarWrapper = (
- props: MenuItemSelectAvatarProps & { children?: React.ReactNode },
-) => {
- return React.createElement(MenuItemSelectAvatar, filterUiProps(props));
-};
-const TwentyUiMenuItemSelectColorWrapper = (
- props: MenuItemSelectColorProps & { children?: React.ReactNode },
-) => {
- return React.createElement(MenuItemSelectColor, filterUiProps(props));
-};
-const TwentyUiMenuItemSelectTagWrapper = (
- props: MenuItemSelectTagProps & { children?: React.ReactNode },
-) => {
- return React.createElement(MenuItemSelectTag, filterUiProps(props));
-};
-const TwentyUiMenuItemSuggestionWrapper = (
- props: MenuItemSuggestionProps & { children?: React.ReactNode },
-) => {
- return React.createElement(
- MenuItemSuggestion,
- filterUiProps(props, new Set(['onClick'])),
- );
-};
-const TwentyUiMenuItemToggleWrapper = (
- props: MenuItemToggleProps & { children?: React.ReactNode },
-) => {
- return React.createElement(MenuItemToggle, filterUiProps(props));
-};
-const TwentyUiMenuItemIconWrapper = (
- props: MenuItemIconProps & { children?: React.ReactNode },
-) => {
- return React.createElement(MenuItemIcon, filterUiProps(props));
-};
-const TwentyUiMenuItemIconWithGripSwapWrapper = (
- props: MenuItemIconWithGripSwapProps & { children?: React.ReactNode },
-) => {
- return React.createElement(MenuItemIconWithGripSwap, filterUiProps(props));
-};
-const TwentyUiMenuItemLeftContentWrapper = (
- props: MenuItemLeftContentProps & { children?: React.ReactNode },
-) => {
- return React.createElement(MenuItemLeftContent, filterUiProps(props));
-};
-const TwentyUiNavigationBarWrapper = (
- props: NavigationBarProps & { children?: React.ReactNode },
-) => {
- return React.createElement(NavigationBar, filterUiProps(props));
-};
-const TwentyUiNavigationBarItemWrapper = (
- props: NavigationBarItemProps & { children?: React.ReactNode },
-) => {
- return React.createElement(NavigationBarItem, filterUiProps(props));
-};
-const TwentyUiNotificationCounterWrapper = (
- props: NotificationCounterProps & { children?: React.ReactNode },
-) => {
- return React.createElement(NotificationCounter, filterUiProps(props));
+const HtmlDivWrapper = ({
+ children,
+ ...props
+}: { children?: React.ReactNode } & Record) => {
+ return React.createElement('div', filterProps(props), children);
+};
+const HtmlSpanWrapper = ({
+ children,
+ ...props
+}: { children?: React.ReactNode } & Record) => {
+ return React.createElement('span', filterProps(props), children);
+};
+const HtmlSectionWrapper = ({
+ children,
+ ...props
+}: { children?: React.ReactNode } & Record) => {
+ return React.createElement('section', filterProps(props), children);
+};
+const HtmlArticleWrapper = ({
+ children,
+ ...props
+}: { children?: React.ReactNode } & Record) => {
+ return React.createElement('article', filterProps(props), children);
+};
+const HtmlHeaderWrapper = ({
+ children,
+ ...props
+}: { children?: React.ReactNode } & Record) => {
+ return React.createElement('header', filterProps(props), children);
+};
+const HtmlFooterWrapper = ({
+ children,
+ ...props
+}: { children?: React.ReactNode } & Record) => {
+ return React.createElement('footer', filterProps(props), children);
+};
+const HtmlMainWrapper = ({
+ children,
+ ...props
+}: { children?: React.ReactNode } & Record) => {
+ return React.createElement('main', filterProps(props), children);
+};
+const HtmlNavWrapper = ({
+ children,
+ ...props
+}: { children?: React.ReactNode } & Record) => {
+ return React.createElement('nav', filterProps(props), children);
+};
+const HtmlAsideWrapper = ({
+ children,
+ ...props
+}: { children?: React.ReactNode } & Record) => {
+ return React.createElement('aside', filterProps(props), children);
+};
+const HtmlPWrapper = ({
+ children,
+ ...props
+}: { children?: React.ReactNode } & Record) => {
+ return React.createElement('p', filterProps(props), children);
+};
+const HtmlH1Wrapper = ({
+ children,
+ ...props
+}: { children?: React.ReactNode } & Record) => {
+ return React.createElement('h1', filterProps(props), children);
+};
+const HtmlH2Wrapper = ({
+ children,
+ ...props
+}: { children?: React.ReactNode } & Record) => {
+ return React.createElement('h2', filterProps(props), children);
+};
+const HtmlH3Wrapper = ({
+ children,
+ ...props
+}: { children?: React.ReactNode } & Record) => {
+ return React.createElement('h3', filterProps(props), children);
+};
+const HtmlH4Wrapper = ({
+ children,
+ ...props
+}: { children?: React.ReactNode } & Record) => {
+ return React.createElement('h4', filterProps(props), children);
+};
+const HtmlH5Wrapper = ({
+ children,
+ ...props
+}: { children?: React.ReactNode } & Record) => {
+ return React.createElement('h5', filterProps(props), children);
+};
+const HtmlH6Wrapper = ({
+ children,
+ ...props
+}: { children?: React.ReactNode } & Record) => {
+ return React.createElement('h6', filterProps(props), children);
+};
+const HtmlStrongWrapper = ({
+ children,
+ ...props
+}: { children?: React.ReactNode } & Record) => {
+ return React.createElement('strong', filterProps(props), children);
+};
+const HtmlEmWrapper = ({
+ children,
+ ...props
+}: { children?: React.ReactNode } & Record) => {
+ return React.createElement('em', filterProps(props), children);
+};
+const HtmlSmallWrapper = ({
+ children,
+ ...props
+}: { children?: React.ReactNode } & Record) => {
+ return React.createElement('small', filterProps(props), children);
+};
+const HtmlCodeWrapper = ({
+ children,
+ ...props
+}: { children?: React.ReactNode } & Record) => {
+ return React.createElement('code', filterProps(props), children);
+};
+const HtmlPreWrapper = ({
+ children,
+ ...props
+}: { children?: React.ReactNode } & Record) => {
+ return React.createElement('pre', filterProps(props), children);
+};
+const HtmlBlockquoteWrapper = ({
+ children,
+ ...props
+}: { children?: React.ReactNode } & Record) => {
+ return React.createElement('blockquote', filterProps(props), children);
+};
+const HtmlAWrapper = ({
+ children,
+ ...props
+}: { children?: React.ReactNode } & Record) => {
+ return React.createElement('a', filterProps(props), children);
+};
+const HtmlImgWrapper = ({
+ children: _children,
+ ...props
+}: { children?: React.ReactNode } & Record) => {
+ return React.createElement('img', filterProps(props));
+};
+const HtmlUlWrapper = ({
+ children,
+ ...props
+}: { children?: React.ReactNode } & Record) => {
+ return React.createElement('ul', filterProps(props), children);
+};
+const HtmlOlWrapper = ({
+ children,
+ ...props
+}: { children?: React.ReactNode } & Record) => {
+ return React.createElement('ol', filterProps(props), children);
+};
+const HtmlLiWrapper = ({
+ children,
+ ...props
+}: { children?: React.ReactNode } & Record) => {
+ return React.createElement('li', filterProps(props), children);
+};
+const HtmlFormWrapper = ({
+ children,
+ ...props
+}: { children?: React.ReactNode } & Record) => {
+ return React.createElement('form', filterProps(props), children);
+};
+const HtmlLabelWrapper = ({
+ children,
+ ...props
+}: { children?: React.ReactNode } & Record) => {
+ return React.createElement('label', filterProps(props), children);
+};
+const HtmlInputWrapper = ({
+ children: _children,
+ ...props
+}: { children?: React.ReactNode } & Record) => {
+ return React.createElement('input', filterProps(props));
+};
+const HtmlTextareaWrapper = ({
+ children,
+ ...props
+}: { children?: React.ReactNode } & Record) => {
+ return React.createElement('textarea', filterProps(props), children);
+};
+const HtmlSelectWrapper = ({
+ children,
+ ...props
+}: { children?: React.ReactNode } & Record) => {
+ return React.createElement('select', filterProps(props), children);
+};
+const HtmlOptionWrapper = ({
+ children,
+ ...props
+}: { children?: React.ReactNode } & Record) => {
+ return React.createElement('option', filterProps(props), children);
+};
+const HtmlButtonWrapper = ({
+ children,
+ ...props
+}: { children?: React.ReactNode } & Record) => {
+ return React.createElement('button', filterProps(props), children);
+};
+const HtmlTableWrapper = ({
+ children,
+ ...props
+}: { children?: React.ReactNode } & Record) => {
+ return React.createElement('table', filterProps(props), children);
+};
+const HtmlTheadWrapper = ({
+ children,
+ ...props
+}: { children?: React.ReactNode } & Record) => {
+ return React.createElement('thead', filterProps(props), children);
+};
+const HtmlTbodyWrapper = ({
+ children,
+ ...props
+}: { children?: React.ReactNode } & Record) => {
+ return React.createElement('tbody', filterProps(props), children);
+};
+const HtmlTfootWrapper = ({
+ children,
+ ...props
+}: { children?: React.ReactNode } & Record) => {
+ return React.createElement('tfoot', filterProps(props), children);
+};
+const HtmlTrWrapper = ({
+ children,
+ ...props
+}: { children?: React.ReactNode } & Record) => {
+ return React.createElement('tr', filterProps(props), children);
+};
+const HtmlThWrapper = ({
+ children,
+ ...props
+}: { children?: React.ReactNode } & Record) => {
+ return React.createElement('th', filterProps(props), children);
+};
+const HtmlTdWrapper = ({
+ children,
+ ...props
+}: { children?: React.ReactNode } & Record) => {
+ return React.createElement('td', filterProps(props), children);
+};
+const HtmlBrWrapper = ({
+ children: _children,
+ ...props
+}: { children?: React.ReactNode } & Record) => {
+ return React.createElement('br', filterProps(props));
+};
+const HtmlHrWrapper = ({
+ children: _children,
+ ...props
+}: { children?: React.ReactNode } & Record) => {
+ return React.createElement('hr', filterProps(props));
};
type ComponentRegistryValue =
| ReturnType
@@ -1294,295 +450,5 @@ export const componentRegistry: Map = new Map([
['html-td', createRemoteComponentRenderer(HtmlTdWrapper)],
['html-br', createRemoteComponentRenderer(HtmlBrWrapper)],
['html-hr', createRemoteComponentRenderer(HtmlHrWrapper)],
- [
- 'twenty-ui-animated-button',
- createRemoteComponentRenderer(TwentyUiAnimatedButtonWrapper),
- ],
- [
- 'twenty-ui-animated-light-icon-button',
- createRemoteComponentRenderer(TwentyUiAnimatedLightIconButtonWrapper),
- ],
- ['twenty-ui-button', createRemoteComponentRenderer(TwentyUiButtonWrapper)],
- [
- 'twenty-ui-button-group',
- createRemoteComponentRenderer(TwentyUiButtonGroupWrapper),
- ],
- [
- 'twenty-ui-color-picker-button',
- createRemoteComponentRenderer(TwentyUiColorPickerButtonWrapper),
- ],
- [
- 'twenty-ui-floating-button',
- createRemoteComponentRenderer(TwentyUiFloatingButtonWrapper),
- ],
- [
- 'twenty-ui-floating-button-group',
- createRemoteComponentRenderer(TwentyUiFloatingButtonGroupWrapper),
- ],
- [
- 'twenty-ui-floating-icon-button',
- createRemoteComponentRenderer(TwentyUiFloatingIconButtonWrapper),
- ],
- [
- 'twenty-ui-floating-icon-button-group',
- createRemoteComponentRenderer(TwentyUiFloatingIconButtonGroupWrapper),
- ],
- [
- 'twenty-ui-inside-button',
- createRemoteComponentRenderer(TwentyUiInsideButtonWrapper),
- ],
- [
- 'twenty-ui-light-button',
- createRemoteComponentRenderer(TwentyUiLightButtonWrapper),
- ],
- [
- 'twenty-ui-light-icon-button',
- createRemoteComponentRenderer(TwentyUiLightIconButtonWrapper),
- ],
- [
- 'twenty-ui-light-icon-button-group',
- createRemoteComponentRenderer(TwentyUiLightIconButtonGroupWrapper),
- ],
- [
- 'twenty-ui-main-button',
- createRemoteComponentRenderer(TwentyUiMainButtonWrapper),
- ],
- [
- 'twenty-ui-rounded-icon-button',
- createRemoteComponentRenderer(TwentyUiRoundedIconButtonWrapper),
- ],
- [
- 'twenty-ui-tab-content',
- createRemoteComponentRenderer(TwentyUiTabContentWrapper),
- ],
- [
- 'twenty-ui-tab-button',
- createRemoteComponentRenderer(TwentyUiTabButtonWrapper),
- ],
- [
- 'twenty-ui-code-editor',
- createRemoteComponentRenderer(TwentyUiCodeEditorWrapper),
- ],
- [
- 'twenty-ui-core-editor-header',
- createRemoteComponentRenderer(TwentyUiCoreEditorHeaderWrapper),
- ],
- [
- 'twenty-ui-color-scheme-card',
- createRemoteComponentRenderer(TwentyUiColorSchemeCardWrapper),
- ],
- [
- 'twenty-ui-color-scheme-picker',
- createRemoteComponentRenderer(TwentyUiColorSchemePickerWrapper),
- ],
- [
- 'twenty-ui-card-picker',
- createRemoteComponentRenderer(TwentyUiCardPickerWrapper),
- ],
- [
- 'twenty-ui-checkbox',
- createRemoteComponentRenderer(TwentyUiCheckboxWrapper),
- ],
- ['twenty-ui-radio', createRemoteComponentRenderer(TwentyUiRadioWrapper)],
- [
- 'twenty-ui-radio-group',
- createRemoteComponentRenderer(TwentyUiRadioGroupWrapper),
- ],
- [
- 'twenty-ui-search-input',
- createRemoteComponentRenderer(TwentyUiSearchInputWrapper),
- ],
- ['twenty-ui-toggle', createRemoteComponentRenderer(TwentyUiToggleWrapper)],
- [
- 'twenty-ui-avatar-chip',
- createRemoteComponentRenderer(TwentyUiAvatarChipWrapper),
- ],
- [
- 'twenty-ui-multiple-avatar-chip',
- createRemoteComponentRenderer(TwentyUiMultipleAvatarChipWrapper),
- ],
- ['twenty-ui-chip', createRemoteComponentRenderer(TwentyUiChipWrapper)],
- [
- 'twenty-ui-link-chip',
- createRemoteComponentRenderer(TwentyUiLinkChipWrapper),
- ],
- ['twenty-ui-pill', createRemoteComponentRenderer(TwentyUiPillWrapper)],
- ['twenty-ui-tag', createRemoteComponentRenderer(TwentyUiTagWrapper)],
- ['twenty-ui-avatar', createRemoteComponentRenderer(TwentyUiAvatarWrapper)],
- [
- 'twenty-ui-avatar-group',
- createRemoteComponentRenderer(TwentyUiAvatarGroupWrapper),
- ],
- ['twenty-ui-banner', createRemoteComponentRenderer(TwentyUiBannerWrapper)],
- [
- 'twenty-ui-side-panel-information-banner',
- createRemoteComponentRenderer(TwentyUiSidePanelInformationBannerWrapper),
- ],
- ['twenty-ui-callout', createRemoteComponentRenderer(TwentyUiCalloutWrapper)],
- [
- 'twenty-ui-animated-checkmark',
- createRemoteComponentRenderer(TwentyUiAnimatedCheckmarkWrapper),
- ],
- [
- 'twenty-ui-checkmark',
- createRemoteComponentRenderer(TwentyUiCheckmarkWrapper),
- ],
- [
- 'twenty-ui-color-sample',
- createRemoteComponentRenderer(TwentyUiColorSampleWrapper),
- ],
- [
- 'twenty-ui-command-block',
- createRemoteComponentRenderer(TwentyUiCommandBlockWrapper),
- ],
- ['twenty-ui-icon', createRemoteComponentRenderer(TwentyUiIconWrapper)],
- ['twenty-ui-info', createRemoteComponentRenderer(TwentyUiInfoWrapper)],
- ['twenty-ui-status', createRemoteComponentRenderer(TwentyUiStatusWrapper)],
- [
- 'twenty-ui-horizontal-separator',
- createRemoteComponentRenderer(TwentyUiHorizontalSeparatorWrapper),
- ],
- [
- 'twenty-ui-app-tooltip',
- createRemoteComponentRenderer(TwentyUiAppTooltipWrapper),
- ],
- [
- 'twenty-ui-overflowing-text-with-tooltip',
- createRemoteComponentRenderer(TwentyUiOverflowingTextWithTooltipWrapper),
- ],
- ['twenty-ui-h1-title', createRemoteComponentRenderer(TwentyUiH1TitleWrapper)],
- ['twenty-ui-h2-title', createRemoteComponentRenderer(TwentyUiH2TitleWrapper)],
- ['twenty-ui-h3-title', createRemoteComponentRenderer(TwentyUiH3TitleWrapper)],
- ['twenty-ui-loader', createRemoteComponentRenderer(TwentyUiLoaderWrapper)],
- [
- 'twenty-ui-circular-progress-bar',
- createRemoteComponentRenderer(TwentyUiCircularProgressBarWrapper),
- ],
- [
- 'twenty-ui-progress-bar',
- createRemoteComponentRenderer(TwentyUiProgressBarWrapper),
- ],
- [
- 'twenty-ui-animated-expandable-container',
- createRemoteComponentRenderer(TwentyUiAnimatedExpandableContainerWrapper),
- ],
- [
- 'twenty-ui-animated-placeholder',
- createRemoteComponentRenderer(TwentyUiAnimatedPlaceholderWrapper),
- ],
- ['twenty-ui-section', createRemoteComponentRenderer(TwentyUiSectionWrapper)],
- [
- 'twenty-ui-advanced-settings-toggle',
- createRemoteComponentRenderer(TwentyUiAdvancedSettingsToggleWrapper),
- ],
- [
- 'twenty-ui-click-to-action-link',
- createRemoteComponentRenderer(TwentyUiClickToActionLinkWrapper),
- ],
- [
- 'twenty-ui-contact-link',
- createRemoteComponentRenderer(TwentyUiContactLinkWrapper),
- ],
- [
- 'twenty-ui-github-version-link',
- createRemoteComponentRenderer(TwentyUiGithubVersionLinkWrapper),
- ],
- ['twenty-ui-raw-link', createRemoteComponentRenderer(TwentyUiRawLinkWrapper)],
- [
- 'twenty-ui-rounded-link',
- createRemoteComponentRenderer(TwentyUiRoundedLinkWrapper),
- ],
- [
- 'twenty-ui-social-link',
- createRemoteComponentRenderer(TwentyUiSocialLinkWrapper),
- ],
- [
- 'twenty-ui-undecorated-link',
- createRemoteComponentRenderer(TwentyUiUndecoratedLinkWrapper),
- ],
- [
- 'twenty-ui-menu-picker',
- createRemoteComponentRenderer(TwentyUiMenuPickerWrapper),
- ],
- [
- 'twenty-ui-menu-item',
- createRemoteComponentRenderer(TwentyUiMenuItemWrapper),
- ],
- [
- 'twenty-ui-menu-item-avatar',
- createRemoteComponentRenderer(TwentyUiMenuItemAvatarWrapper),
- ],
- [
- 'twenty-ui-menu-item-draggable',
- createRemoteComponentRenderer(TwentyUiMenuItemDraggableWrapper),
- ],
- [
- 'twenty-ui-menu-item-hot-keys',
- createRemoteComponentRenderer(TwentyUiMenuItemHotKeysWrapper),
- ],
- [
- 'twenty-ui-menu-item-multi-select',
- createRemoteComponentRenderer(TwentyUiMenuItemMultiSelectWrapper),
- ],
- [
- 'twenty-ui-menu-item-multi-select-avatar',
- createRemoteComponentRenderer(TwentyUiMenuItemMultiSelectAvatarWrapper),
- ],
- [
- 'twenty-ui-menu-item-multi-select-tag',
- createRemoteComponentRenderer(TwentyUiMenuItemMultiSelectTagWrapper),
- ],
- [
- 'twenty-ui-menu-item-navigate',
- createRemoteComponentRenderer(TwentyUiMenuItemNavigateWrapper),
- ],
- [
- 'twenty-ui-menu-item-select',
- createRemoteComponentRenderer(TwentyUiMenuItemSelectWrapper),
- ],
- [
- 'twenty-ui-menu-item-select-avatar',
- createRemoteComponentRenderer(TwentyUiMenuItemSelectAvatarWrapper),
- ],
- [
- 'twenty-ui-menu-item-select-color',
- createRemoteComponentRenderer(TwentyUiMenuItemSelectColorWrapper),
- ],
- [
- 'twenty-ui-menu-item-select-tag',
- createRemoteComponentRenderer(TwentyUiMenuItemSelectTagWrapper),
- ],
- [
- 'twenty-ui-menu-item-suggestion',
- createRemoteComponentRenderer(TwentyUiMenuItemSuggestionWrapper),
- ],
- [
- 'twenty-ui-menu-item-toggle',
- createRemoteComponentRenderer(TwentyUiMenuItemToggleWrapper),
- ],
- [
- 'twenty-ui-menu-item-icon',
- createRemoteComponentRenderer(TwentyUiMenuItemIconWrapper),
- ],
- [
- 'twenty-ui-menu-item-icon-with-grip-swap',
- createRemoteComponentRenderer(TwentyUiMenuItemIconWithGripSwapWrapper),
- ],
- [
- 'twenty-ui-menu-item-left-content',
- createRemoteComponentRenderer(TwentyUiMenuItemLeftContentWrapper),
- ],
- [
- 'twenty-ui-navigation-bar',
- createRemoteComponentRenderer(TwentyUiNavigationBarWrapper),
- ],
- [
- 'twenty-ui-navigation-bar-item',
- createRemoteComponentRenderer(TwentyUiNavigationBarItemWrapper),
- ],
- [
- 'twenty-ui-notification-counter',
- createRemoteComponentRenderer(TwentyUiNotificationCounterWrapper),
- ],
['remote-fragment', RemoteFragmentRenderer],
]);
diff --git a/packages/twenty-sdk/src/front-component-renderer/index.ts b/packages/twenty-sdk/src/front-component-renderer/index.ts
index 040fece227..51ae96b73e 100644
--- a/packages/twenty-sdk/src/front-component-renderer/index.ts
+++ b/packages/twenty-sdk/src/front-component-renderer/index.ts
@@ -48,7 +48,6 @@ export {
HtmlThead,
HtmlTr,
HtmlUl,
- TwentyUiButton,
} from './remote/generated/remote-components';
export {
HtmlAElement,
@@ -96,7 +95,6 @@ export {
HtmlUlElement,
RemoteFragmentElement,
RemoteRootElement,
- TwentyUiButtonElement,
} from './remote/generated/remote-elements';
export type {
HtmlAProperties,
@@ -112,7 +110,6 @@ export type {
HtmlTdProperties,
HtmlTextareaProperties,
HtmlThProperties,
- TwentyUiButtonProperties,
} from './remote/generated/remote-elements';
export { createRemoteWorker } from './remote/worker/utils/createRemoteWorker';
export type { FrontComponentExecutionContext } from './types/FrontComponentExecutionContext';
diff --git a/packages/twenty-sdk/src/front-component-renderer/remote/generated/remote-components.ts b/packages/twenty-sdk/src/front-component-renderer/remote/generated/remote-components.ts
index cdfd740496..e535cb0b7d 100644
--- a/packages/twenty-sdk/src/front-component-renderer/remote/generated/remote-components.ts
+++ b/packages/twenty-sdk/src/front-component-renderer/remote/generated/remote-components.ts
@@ -52,92 +52,6 @@ import {
HtmlTdElement,
HtmlBrElement,
HtmlHrElement,
- TwentyUiAnimatedButtonElement,
- TwentyUiAnimatedLightIconButtonElement,
- TwentyUiButtonElement,
- TwentyUiButtonGroupElement,
- TwentyUiColorPickerButtonElement,
- TwentyUiFloatingButtonElement,
- TwentyUiFloatingButtonGroupElement,
- TwentyUiFloatingIconButtonElement,
- TwentyUiFloatingIconButtonGroupElement,
- TwentyUiInsideButtonElement,
- TwentyUiLightButtonElement,
- TwentyUiLightIconButtonElement,
- TwentyUiLightIconButtonGroupElement,
- TwentyUiMainButtonElement,
- TwentyUiRoundedIconButtonElement,
- TwentyUiTabContentElement,
- TwentyUiTabButtonElement,
- TwentyUiCodeEditorElement,
- TwentyUiCoreEditorHeaderElement,
- TwentyUiColorSchemeCardElement,
- TwentyUiColorSchemePickerElement,
- TwentyUiCardPickerElement,
- TwentyUiCheckboxElement,
- TwentyUiRadioElement,
- TwentyUiRadioGroupElement,
- TwentyUiSearchInputElement,
- TwentyUiToggleElement,
- TwentyUiAvatarChipElement,
- TwentyUiMultipleAvatarChipElement,
- TwentyUiChipElement,
- TwentyUiLinkChipElement,
- TwentyUiPillElement,
- TwentyUiTagElement,
- TwentyUiAvatarElement,
- TwentyUiAvatarGroupElement,
- TwentyUiBannerElement,
- TwentyUiSidePanelInformationBannerElement,
- TwentyUiCalloutElement,
- TwentyUiAnimatedCheckmarkElement,
- TwentyUiCheckmarkElement,
- TwentyUiColorSampleElement,
- TwentyUiCommandBlockElement,
- TwentyUiIconElement,
- TwentyUiInfoElement,
- TwentyUiStatusElement,
- TwentyUiHorizontalSeparatorElement,
- TwentyUiAppTooltipElement,
- TwentyUiOverflowingTextWithTooltipElement,
- TwentyUiH1TitleElement,
- TwentyUiH2TitleElement,
- TwentyUiH3TitleElement,
- TwentyUiLoaderElement,
- TwentyUiCircularProgressBarElement,
- TwentyUiProgressBarElement,
- TwentyUiAnimatedExpandableContainerElement,
- TwentyUiAnimatedPlaceholderElement,
- TwentyUiSectionElement,
- TwentyUiAdvancedSettingsToggleElement,
- TwentyUiClickToActionLinkElement,
- TwentyUiContactLinkElement,
- TwentyUiGithubVersionLinkElement,
- TwentyUiRawLinkElement,
- TwentyUiRoundedLinkElement,
- TwentyUiSocialLinkElement,
- TwentyUiUndecoratedLinkElement,
- TwentyUiMenuPickerElement,
- TwentyUiMenuItemElement,
- TwentyUiMenuItemAvatarElement,
- TwentyUiMenuItemDraggableElement,
- TwentyUiMenuItemHotKeysElement,
- TwentyUiMenuItemMultiSelectElement,
- TwentyUiMenuItemMultiSelectAvatarElement,
- TwentyUiMenuItemMultiSelectTagElement,
- TwentyUiMenuItemNavigateElement,
- TwentyUiMenuItemSelectElement,
- TwentyUiMenuItemSelectAvatarElement,
- TwentyUiMenuItemSelectColorElement,
- TwentyUiMenuItemSelectTagElement,
- TwentyUiMenuItemSuggestionElement,
- TwentyUiMenuItemToggleElement,
- TwentyUiMenuItemIconElement,
- TwentyUiMenuItemIconWithGripSwapElement,
- TwentyUiMenuItemLeftContentElement,
- TwentyUiNavigationBarElement,
- TwentyUiNavigationBarItemElement,
- TwentyUiNotificationCounterElement,
} from './remote-elements';
export const HtmlDiv = createRemoteComponent('html-div', HtmlDivElement, {
@@ -1212,452 +1126,3 @@ export const HtmlHr = createRemoteComponent('html-hr', HtmlHrElement, {
onDrag: { event: 'drag' },
},
});
-export const TwentyUiAnimatedButton = createRemoteComponent(
- 'twenty-ui-animated-button',
- TwentyUiAnimatedButtonElement,
- {
- eventProps: {
- onClick: { event: 'click' },
- },
- },
-);
-export const TwentyUiAnimatedLightIconButton = createRemoteComponent(
- 'twenty-ui-animated-light-icon-button',
- TwentyUiAnimatedLightIconButtonElement,
- {
- eventProps: {
- onClick: { event: 'click' },
- },
- },
-);
-export const TwentyUiButton = createRemoteComponent(
- 'twenty-ui-button',
- TwentyUiButtonElement,
- {
- eventProps: {
- onClick: { event: 'click' },
- },
- },
-);
-export const TwentyUiButtonGroup = createRemoteComponent(
- 'twenty-ui-button-group',
- TwentyUiButtonGroupElement,
-);
-export const TwentyUiColorPickerButton = createRemoteComponent(
- 'twenty-ui-color-picker-button',
- TwentyUiColorPickerButtonElement,
- {
- eventProps: {
- onClick: { event: 'click' },
- },
- },
-);
-export const TwentyUiFloatingButton = createRemoteComponent(
- 'twenty-ui-floating-button',
- TwentyUiFloatingButtonElement,
-);
-export const TwentyUiFloatingButtonGroup = createRemoteComponent(
- 'twenty-ui-floating-button-group',
- TwentyUiFloatingButtonGroupElement,
-);
-export const TwentyUiFloatingIconButton = createRemoteComponent(
- 'twenty-ui-floating-icon-button',
- TwentyUiFloatingIconButtonElement,
- {
- eventProps: {
- onClick: { event: 'click' },
- },
- },
-);
-export const TwentyUiFloatingIconButtonGroup = createRemoteComponent(
- 'twenty-ui-floating-icon-button-group',
- TwentyUiFloatingIconButtonGroupElement,
-);
-export const TwentyUiInsideButton = createRemoteComponent(
- 'twenty-ui-inside-button',
- TwentyUiInsideButtonElement,
- {
- eventProps: {
- onClick: { event: 'click' },
- },
- },
-);
-export const TwentyUiLightButton = createRemoteComponent(
- 'twenty-ui-light-button',
- TwentyUiLightButtonElement,
- {
- eventProps: {
- onClick: { event: 'click' },
- },
- },
-);
-export const TwentyUiLightIconButton = createRemoteComponent(
- 'twenty-ui-light-icon-button',
- TwentyUiLightIconButtonElement,
- {
- eventProps: {
- onClick: { event: 'click' },
- },
- },
-);
-export const TwentyUiLightIconButtonGroup = createRemoteComponent(
- 'twenty-ui-light-icon-button-group',
- TwentyUiLightIconButtonGroupElement,
-);
-export const TwentyUiMainButton = createRemoteComponent(
- 'twenty-ui-main-button',
- TwentyUiMainButtonElement,
-);
-export const TwentyUiRoundedIconButton = createRemoteComponent(
- 'twenty-ui-rounded-icon-button',
- TwentyUiRoundedIconButtonElement,
-);
-export const TwentyUiTabContent = createRemoteComponent(
- 'twenty-ui-tab-content',
- TwentyUiTabContentElement,
-);
-export const TwentyUiTabButton = createRemoteComponent(
- 'twenty-ui-tab-button',
- TwentyUiTabButtonElement,
-);
-export const TwentyUiCodeEditor = createRemoteComponent(
- 'twenty-ui-code-editor',
- TwentyUiCodeEditorElement,
-);
-export const TwentyUiCoreEditorHeader = createRemoteComponent(
- 'twenty-ui-core-editor-header',
- TwentyUiCoreEditorHeaderElement,
-);
-export const TwentyUiColorSchemeCard = createRemoteComponent(
- 'twenty-ui-color-scheme-card',
- TwentyUiColorSchemeCardElement,
-);
-export const TwentyUiColorSchemePicker = createRemoteComponent(
- 'twenty-ui-color-scheme-picker',
- TwentyUiColorSchemePickerElement,
-);
-export const TwentyUiCardPicker = createRemoteComponent(
- 'twenty-ui-card-picker',
- TwentyUiCardPickerElement,
-);
-export const TwentyUiCheckbox = createRemoteComponent(
- 'twenty-ui-checkbox',
- TwentyUiCheckboxElement,
- {
- eventProps: {
- onChange: { event: 'change' },
- },
- },
-);
-export const TwentyUiRadio = createRemoteComponent(
- 'twenty-ui-radio',
- TwentyUiRadioElement,
- {
- eventProps: {
- onChange: { event: 'change' },
- },
- },
-);
-export const TwentyUiRadioGroup = createRemoteComponent(
- 'twenty-ui-radio-group',
- TwentyUiRadioGroupElement,
- {
- eventProps: {
- onChange: { event: 'change' },
- },
- },
-);
-export const TwentyUiSearchInput = createRemoteComponent(
- 'twenty-ui-search-input',
- TwentyUiSearchInputElement,
-);
-export const TwentyUiToggle = createRemoteComponent(
- 'twenty-ui-toggle',
- TwentyUiToggleElement,
-);
-export const TwentyUiAvatarChip = createRemoteComponent(
- 'twenty-ui-avatar-chip',
- TwentyUiAvatarChipElement,
-);
-export const TwentyUiMultipleAvatarChip = createRemoteComponent(
- 'twenty-ui-multiple-avatar-chip',
- TwentyUiMultipleAvatarChipElement,
-);
-export const TwentyUiChip = createRemoteComponent(
- 'twenty-ui-chip',
- TwentyUiChipElement,
-);
-export const TwentyUiLinkChip = createRemoteComponent(
- 'twenty-ui-link-chip',
- TwentyUiLinkChipElement,
- {
- eventProps: {
- onClick: { event: 'click' },
- onMouseDown: { event: 'mousedown' },
- },
- },
-);
-export const TwentyUiPill = createRemoteComponent(
- 'twenty-ui-pill',
- TwentyUiPillElement,
-);
-export const TwentyUiTag = createRemoteComponent(
- 'twenty-ui-tag',
- TwentyUiTagElement,
-);
-export const TwentyUiAvatar = createRemoteComponent(
- 'twenty-ui-avatar',
- TwentyUiAvatarElement,
-);
-export const TwentyUiAvatarGroup = createRemoteComponent(
- 'twenty-ui-avatar-group',
- TwentyUiAvatarGroupElement,
-);
-export const TwentyUiBanner = createRemoteComponent(
- 'twenty-ui-banner',
- TwentyUiBannerElement,
-);
-export const TwentyUiSidePanelInformationBanner = createRemoteComponent(
- 'twenty-ui-side-panel-information-banner',
- TwentyUiSidePanelInformationBannerElement,
-);
-export const TwentyUiCallout = createRemoteComponent(
- 'twenty-ui-callout',
- TwentyUiCalloutElement,
-);
-export const TwentyUiAnimatedCheckmark = createRemoteComponent(
- 'twenty-ui-animated-checkmark',
- TwentyUiAnimatedCheckmarkElement,
-);
-export const TwentyUiCheckmark = createRemoteComponent(
- 'twenty-ui-checkmark',
- TwentyUiCheckmarkElement,
-);
-export const TwentyUiColorSample = createRemoteComponent(
- 'twenty-ui-color-sample',
- TwentyUiColorSampleElement,
-);
-export const TwentyUiCommandBlock = createRemoteComponent(
- 'twenty-ui-command-block',
- TwentyUiCommandBlockElement,
-);
-export const TwentyUiIcon = createRemoteComponent(
- 'twenty-ui-icon',
- TwentyUiIconElement,
-);
-export const TwentyUiInfo = createRemoteComponent(
- 'twenty-ui-info',
- TwentyUiInfoElement,
- {
- eventProps: {
- onClick: { event: 'click' },
- },
- },
-);
-export const TwentyUiStatus = createRemoteComponent(
- 'twenty-ui-status',
- TwentyUiStatusElement,
-);
-export const TwentyUiHorizontalSeparator = createRemoteComponent(
- 'twenty-ui-horizontal-separator',
- TwentyUiHorizontalSeparatorElement,
-);
-export const TwentyUiAppTooltip = createRemoteComponent(
- 'twenty-ui-app-tooltip',
- TwentyUiAppTooltipElement,
-);
-export const TwentyUiOverflowingTextWithTooltip = createRemoteComponent(
- 'twenty-ui-overflowing-text-with-tooltip',
- TwentyUiOverflowingTextWithTooltipElement,
-);
-export const TwentyUiH1Title = createRemoteComponent(
- 'twenty-ui-h1-title',
- TwentyUiH1TitleElement,
-);
-export const TwentyUiH2Title = createRemoteComponent(
- 'twenty-ui-h2-title',
- TwentyUiH2TitleElement,
-);
-export const TwentyUiH3Title = createRemoteComponent(
- 'twenty-ui-h3-title',
- TwentyUiH3TitleElement,
-);
-export const TwentyUiLoader = createRemoteComponent(
- 'twenty-ui-loader',
- TwentyUiLoaderElement,
-);
-export const TwentyUiCircularProgressBar = createRemoteComponent(
- 'twenty-ui-circular-progress-bar',
- TwentyUiCircularProgressBarElement,
-);
-export const TwentyUiProgressBar = createRemoteComponent(
- 'twenty-ui-progress-bar',
- TwentyUiProgressBarElement,
-);
-export const TwentyUiAnimatedExpandableContainer = createRemoteComponent(
- 'twenty-ui-animated-expandable-container',
- TwentyUiAnimatedExpandableContainerElement,
-);
-export const TwentyUiAnimatedPlaceholder = createRemoteComponent(
- 'twenty-ui-animated-placeholder',
- TwentyUiAnimatedPlaceholderElement,
-);
-export const TwentyUiSection = createRemoteComponent(
- 'twenty-ui-section',
- TwentyUiSectionElement,
-);
-export const TwentyUiAdvancedSettingsToggle = createRemoteComponent(
- 'twenty-ui-advanced-settings-toggle',
- TwentyUiAdvancedSettingsToggleElement,
-);
-export const TwentyUiClickToActionLink = createRemoteComponent(
- 'twenty-ui-click-to-action-link',
- TwentyUiClickToActionLinkElement,
-);
-export const TwentyUiContactLink = createRemoteComponent(
- 'twenty-ui-contact-link',
- TwentyUiContactLinkElement,
- {
- eventProps: {
- onClick: { event: 'click' },
- },
- },
-);
-export const TwentyUiGithubVersionLink = createRemoteComponent(
- 'twenty-ui-github-version-link',
- TwentyUiGithubVersionLinkElement,
-);
-export const TwentyUiRawLink = createRemoteComponent(
- 'twenty-ui-raw-link',
- TwentyUiRawLinkElement,
- {
- eventProps: {
- onClick: { event: 'click' },
- },
- },
-);
-export const TwentyUiRoundedLink = createRemoteComponent(
- 'twenty-ui-rounded-link',
- TwentyUiRoundedLinkElement,
- {
- eventProps: {
- onClick: { event: 'click' },
- },
- },
-);
-export const TwentyUiSocialLink = createRemoteComponent(
- 'twenty-ui-social-link',
- TwentyUiSocialLinkElement,
- {
- eventProps: {
- onClick: { event: 'click' },
- },
- },
-);
-export const TwentyUiUndecoratedLink = createRemoteComponent(
- 'twenty-ui-undecorated-link',
- TwentyUiUndecoratedLinkElement,
-);
-export const TwentyUiMenuPicker = createRemoteComponent(
- 'twenty-ui-menu-picker',
- TwentyUiMenuPickerElement,
-);
-export const TwentyUiMenuItem = createRemoteComponent(
- 'twenty-ui-menu-item',
- TwentyUiMenuItemElement,
- {
- eventProps: {
- onClick: { event: 'click' },
- onMouseEnter: { event: 'mouseenter' },
- onMouseLeave: { event: 'mouseleave' },
- },
- },
-);
-export const TwentyUiMenuItemAvatar = createRemoteComponent(
- 'twenty-ui-menu-item-avatar',
- TwentyUiMenuItemAvatarElement,
- {
- eventProps: {
- onClick: { event: 'click' },
- onMouseEnter: { event: 'mouseenter' },
- onMouseLeave: { event: 'mouseleave' },
- },
- },
-);
-export const TwentyUiMenuItemDraggable = createRemoteComponent(
- 'twenty-ui-menu-item-draggable',
- TwentyUiMenuItemDraggableElement,
-);
-export const TwentyUiMenuItemHotKeys = createRemoteComponent(
- 'twenty-ui-menu-item-hot-keys',
- TwentyUiMenuItemHotKeysElement,
-);
-export const TwentyUiMenuItemMultiSelect = createRemoteComponent(
- 'twenty-ui-menu-item-multi-select',
- TwentyUiMenuItemMultiSelectElement,
-);
-export const TwentyUiMenuItemMultiSelectAvatar = createRemoteComponent(
- 'twenty-ui-menu-item-multi-select-avatar',
- TwentyUiMenuItemMultiSelectAvatarElement,
-);
-export const TwentyUiMenuItemMultiSelectTag = createRemoteComponent(
- 'twenty-ui-menu-item-multi-select-tag',
- TwentyUiMenuItemMultiSelectTagElement,
-);
-export const TwentyUiMenuItemNavigate = createRemoteComponent(
- 'twenty-ui-menu-item-navigate',
- TwentyUiMenuItemNavigateElement,
-);
-export const TwentyUiMenuItemSelect = createRemoteComponent(
- 'twenty-ui-menu-item-select',
- TwentyUiMenuItemSelectElement,
-);
-export const TwentyUiMenuItemSelectAvatar = createRemoteComponent(
- 'twenty-ui-menu-item-select-avatar',
- TwentyUiMenuItemSelectAvatarElement,
-);
-export const TwentyUiMenuItemSelectColor = createRemoteComponent(
- 'twenty-ui-menu-item-select-color',
- TwentyUiMenuItemSelectColorElement,
-);
-export const TwentyUiMenuItemSelectTag = createRemoteComponent(
- 'twenty-ui-menu-item-select-tag',
- TwentyUiMenuItemSelectTagElement,
-);
-export const TwentyUiMenuItemSuggestion = createRemoteComponent(
- 'twenty-ui-menu-item-suggestion',
- TwentyUiMenuItemSuggestionElement,
- {
- eventProps: {
- onClick: { event: 'click' },
- },
- },
-);
-export const TwentyUiMenuItemToggle = createRemoteComponent(
- 'twenty-ui-menu-item-toggle',
- TwentyUiMenuItemToggleElement,
-);
-export const TwentyUiMenuItemIcon = createRemoteComponent(
- 'twenty-ui-menu-item-icon',
- TwentyUiMenuItemIconElement,
-);
-export const TwentyUiMenuItemIconWithGripSwap = createRemoteComponent(
- 'twenty-ui-menu-item-icon-with-grip-swap',
- TwentyUiMenuItemIconWithGripSwapElement,
-);
-export const TwentyUiMenuItemLeftContent = createRemoteComponent(
- 'twenty-ui-menu-item-left-content',
- TwentyUiMenuItemLeftContentElement,
-);
-export const TwentyUiNavigationBar = createRemoteComponent(
- 'twenty-ui-navigation-bar',
- TwentyUiNavigationBarElement,
-);
-export const TwentyUiNavigationBarItem = createRemoteComponent(
- 'twenty-ui-navigation-bar-item',
- TwentyUiNavigationBarItemElement,
-);
-export const TwentyUiNotificationCounter = createRemoteComponent(
- 'twenty-ui-notification-counter',
- TwentyUiNotificationCounterElement,
-);
diff --git a/packages/twenty-sdk/src/front-component-renderer/remote/generated/remote-elements.ts b/packages/twenty-sdk/src/front-component-renderer/remote/generated/remote-elements.ts
index 8a363f5b6b..51f38b985e 100644
--- a/packages/twenty-sdk/src/front-component-renderer/remote/generated/remote-elements.ts
+++ b/packages/twenty-sdk/src/front-component-renderer/remote/generated/remote-elements.ts
@@ -609,6512 +609,6 @@ export const HtmlHrElement = createRemoteElement<
properties: HTML_COMMON_PROPERTIES_CONFIG,
events: [...HTML_COMMON_EVENTS_ARRAY],
});
-
-export type TwentyUiAnimatedButtonProperties = {
- className?: string;
- title?: string;
- fullWidth?: boolean;
- variant?: string;
- inverted?: boolean;
- size?: string;
- position?: string;
- accent?: string;
- soon?: boolean;
- justify?: string;
- disabled?: boolean;
- focus?: boolean;
- to?: string;
- target?: string;
- dataTestId?: string;
- hotkeys?: unknown[];
- ariaLabel?: string;
- isLoading?: boolean;
- type?: string;
- dataClickOutsideId?: string;
- dataGloballyPreventClickOutside?: boolean;
- soonLabel?: string;
-};
-
-export const TwentyUiAnimatedButtonElement = createRemoteElement<
- TwentyUiAnimatedButtonProperties,
- Record,
- { Icon: true; animatedSvg: true },
- { click(event: RemoteEvent): void }
->({
- slots: ['Icon', 'animatedSvg'],
- properties: {
- className: { type: String },
- title: { type: String },
- fullWidth: { type: Boolean },
- variant: { type: String },
- inverted: { type: Boolean },
- size: { type: String },
- position: { type: String },
- accent: { type: String },
- soon: { type: Boolean },
- justify: { type: String },
- disabled: { type: Boolean },
- focus: { type: Boolean },
- to: { type: String },
- target: { type: String },
- dataTestId: { type: String },
- hotkeys: { type: Array },
- ariaLabel: { type: String },
- isLoading: { type: Boolean },
- type: { type: String },
- dataClickOutsideId: { type: String },
- dataGloballyPreventClickOutside: { type: Boolean },
- soonLabel: { type: String },
- },
- events: ['click'],
-});
-
-export type TwentyUiAnimatedLightIconButtonProperties = {
- className?: string;
- testId?: string;
- title?: string;
- size?: string;
- accent?: string;
- active?: boolean;
- disabled?: boolean;
- focus?: boolean;
- 'aria-label'?: string;
-};
-
-export const TwentyUiAnimatedLightIconButtonElement = createRemoteElement<
- TwentyUiAnimatedLightIconButtonProperties,
- Record,
- { Icon: true },
- { click(event: RemoteEvent): void }
->({
- slots: ['Icon'],
- properties: {
- className: { type: String },
- testId: { type: String },
- title: { type: String },
- size: { type: String },
- accent: { type: String },
- active: { type: Boolean },
- disabled: { type: Boolean },
- focus: { type: Boolean },
- 'aria-label': { type: String },
- },
- events: ['click'],
-});
-
-export type TwentyUiButtonProperties = {
- className?: string;
- title?: string;
- fullWidth?: boolean;
- variant?: string;
- inverted?: boolean;
- size?: string;
- position?: string;
- accent?: string;
- soon?: boolean;
- justify?: string;
- disabled?: boolean;
- focus?: boolean;
- to?: string;
- target?: string;
- dataTestId?: string;
- hotkeys?: unknown[];
- ariaLabel?: string;
- isLoading?: boolean;
- type?: string;
- dataClickOutsideId?: string;
- dataGloballyPreventClickOutside?: boolean;
-};
-
-export const TwentyUiButtonElement = createRemoteElement<
- TwentyUiButtonProperties,
- Record,
- { Icon: true },
- { click(event: RemoteEvent): void }
->({
- slots: ['Icon'],
- properties: {
- className: { type: String },
- title: { type: String },
- fullWidth: { type: Boolean },
- variant: { type: String },
- inverted: { type: Boolean },
- size: { type: String },
- position: { type: String },
- accent: { type: String },
- soon: { type: Boolean },
- justify: { type: String },
- disabled: { type: Boolean },
- focus: { type: Boolean },
- to: { type: String },
- target: { type: String },
- dataTestId: { type: String },
- hotkeys: { type: Array },
- ariaLabel: { type: String },
- isLoading: { type: Boolean },
- type: { type: String },
- dataClickOutsideId: { type: String },
- dataGloballyPreventClickOutside: { type: Boolean },
- },
- events: ['click'],
-});
-
-export type TwentyUiButtonGroupProperties = {
- variant?: string;
- size?: string;
- accent?: string;
- className?: string;
- children: unknown[];
-};
-
-export const TwentyUiButtonGroupElement = createRemoteElement<
- TwentyUiButtonGroupProperties,
- Record,
- Record,
- Record
->({
- properties: {
- variant: { type: String },
- size: { type: String },
- accent: { type: String },
- className: { type: String },
- children: { type: Array },
- },
-});
-
-export type TwentyUiColorPickerButtonProperties = {
- colorName: string;
- isSelected?: boolean;
-};
-
-export const TwentyUiColorPickerButtonElement = createRemoteElement<
- TwentyUiColorPickerButtonProperties,
- Record,
- Record,
- { click(event: RemoteEvent): void }
->({
- properties: {
- colorName: { type: String },
- isSelected: { type: Boolean },
- },
- events: ['click'],
-});
-
-export type TwentyUiFloatingButtonProperties = {
- className?: string;
- title?: string;
- size?: string;
- position?: string;
- applyShadow?: boolean;
- applyBlur?: boolean;
- disabled?: boolean;
- focus?: boolean;
- to?: string;
-};
-
-export const TwentyUiFloatingButtonElement = createRemoteElement<
- TwentyUiFloatingButtonProperties,
- Record,
- { Icon: true },
- Record
->({
- slots: ['Icon'],
- properties: {
- className: { type: String },
- title: { type: String },
- size: { type: String },
- position: { type: String },
- applyShadow: { type: Boolean },
- applyBlur: { type: Boolean },
- disabled: { type: Boolean },
- focus: { type: Boolean },
- to: { type: String },
- },
-});
-
-export type TwentyUiFloatingButtonGroupProperties = {
- size?: string;
- children: unknown[];
- className?: string;
-};
-
-export const TwentyUiFloatingButtonGroupElement = createRemoteElement<
- TwentyUiFloatingButtonGroupProperties,
- Record,
- Record,
- Record
->({
- properties: {
- size: { type: String },
- children: { type: Array },
- className: { type: String },
- },
-});
-
-export type TwentyUiFloatingIconButtonProperties = {
- className?: string;
- size?: string;
- position?: string;
- applyShadow?: boolean;
- applyBlur?: boolean;
- disabled?: boolean;
- focus?: boolean;
- isActive?: boolean;
-};
-
-export const TwentyUiFloatingIconButtonElement = createRemoteElement<
- TwentyUiFloatingIconButtonProperties,
- Record,
- { Icon: true },
- { click(event: RemoteEvent): void }
->({
- slots: ['Icon'],
- properties: {
- className: { type: String },
- size: { type: String },
- position: { type: String },
- applyShadow: { type: Boolean },
- applyBlur: { type: Boolean },
- disabled: { type: Boolean },
- focus: { type: Boolean },
- isActive: { type: Boolean },
- },
- events: ['click'],
-});
-
-export type TwentyUiFloatingIconButtonGroupProperties = {
- className?: string;
- size?: string;
- iconButtons: unknown[];
-};
-
-export const TwentyUiFloatingIconButtonGroupElement = createRemoteElement<
- TwentyUiFloatingIconButtonGroupProperties,
- Record,
- Record,
- Record
->({
- properties: {
- className: { type: String },
- size: { type: String },
- iconButtons: { type: Array },
- },
-});
-
-export type TwentyUiInsideButtonProperties = {
- className?: string;
- disabled?: boolean;
-};
-
-export const TwentyUiInsideButtonElement = createRemoteElement<
- TwentyUiInsideButtonProperties,
- Record,
- { Icon: true },
- { click(event: RemoteEvent): void }
->({
- slots: ['Icon'],
- properties: {
- className: { type: String },
- disabled: { type: Boolean },
- },
- events: ['click'],
-});
-
-export type TwentyUiLightButtonProperties = {
- className?: string;
- title?: string;
- accent?: string;
- active?: boolean;
- disabled?: boolean;
- focus?: boolean;
- type?: string;
-};
-
-export const TwentyUiLightButtonElement = createRemoteElement<
- TwentyUiLightButtonProperties,
- Record,
- { Icon: true },
- { click(event: RemoteEvent): void }
->({
- slots: ['Icon'],
- properties: {
- className: { type: String },
- title: { type: String },
- accent: { type: String },
- active: { type: Boolean },
- disabled: { type: Boolean },
- focus: { type: Boolean },
- type: { type: String },
- },
- events: ['click'],
-});
-
-export type TwentyUiLightIconButtonProperties = {
- className?: string;
- testId?: string;
- title?: string;
- size?: string;
- accent?: string;
- active?: boolean;
- disabled?: boolean;
- focus?: boolean;
- 'aria-label'?: string;
-};
-
-export const TwentyUiLightIconButtonElement = createRemoteElement<
- TwentyUiLightIconButtonProperties,
- Record,
- { Icon: true },
- { click(event: RemoteEvent): void }
->({
- slots: ['Icon'],
- properties: {
- className: { type: String },
- testId: { type: String },
- title: { type: String },
- size: { type: String },
- accent: { type: String },
- active: { type: Boolean },
- disabled: { type: Boolean },
- focus: { type: Boolean },
- 'aria-label': { type: String },
- },
- events: ['click'],
-});
-
-export type TwentyUiLightIconButtonGroupProperties = {
- className?: string;
- size?: string;
- iconButtons: unknown[];
-};
-
-export const TwentyUiLightIconButtonGroupElement = createRemoteElement<
- TwentyUiLightIconButtonGroupProperties,
- Record,
- Record,
- Record
->({
- properties: {
- className: { type: String },
- size: { type: String },
- iconButtons: { type: Array },
- },
-});
-
-export type TwentyUiMainButtonProperties = {
- title: string;
- fullWidth?: boolean;
- width?: number;
- variant?: string;
- soon?: boolean;
- disabled?: boolean;
- form?: string;
- formAction?: string;
- formEncType?: string;
- formMethod?: string;
- formNoValidate?: boolean;
- formTarget?: string;
- name?: string;
- type?: string;
- defaultChecked?: boolean;
- suppressContentEditableWarning?: boolean;
- suppressHydrationWarning?: boolean;
- accessKey?: string;
- autoFocus?: boolean;
- className?: string;
- contentEditable?: string;
- contextMenu?: string;
- dir?: string;
- draggable?: string;
- hidden?: boolean;
- id?: string;
- lang?: string;
- nonce?: string;
- slot?: string;
- spellCheck?: string;
- style?: Record;
- tabIndex?: number;
- translate?: string;
- radioGroup?: string;
- about?: string;
- content?: string;
- datatype?: string;
- prefix?: string;
- property?: string;
- rel?: string;
- resource?: string;
- rev?: string;
- typeof?: string;
- vocab?: string;
- autoCapitalize?: string;
- autoCorrect?: string;
- autoSave?: string;
- color?: string;
- itemProp?: string;
- itemScope?: boolean;
- itemType?: string;
- itemID?: string;
- itemRef?: string;
- results?: number;
- security?: string;
- unselectable?: string;
- inputMode?: string;
- is?: string;
- 'data-tooltip-id'?: string;
- 'data-tooltip-place'?: string;
- 'data-tooltip-content'?: string;
- 'data-tooltip-html'?: string;
- 'data-tooltip-variant'?: string;
- 'data-tooltip-offset'?: number;
- 'data-tooltip-events'?: unknown[];
- 'data-tooltip-position-strategy'?: string;
- 'data-tooltip-delay-show'?: number;
- 'data-tooltip-delay-hide'?: number;
- 'data-tooltip-float'?: boolean;
- 'data-tooltip-hidden'?: boolean;
- 'data-tooltip-class-name'?: string;
- 'aria-activedescendant'?: string;
- 'aria-atomic'?: string;
- 'aria-autocomplete'?: string;
- 'aria-braillelabel'?: string;
- 'aria-brailleroledescription'?: string;
- 'aria-busy'?: string;
- 'aria-checked'?: string;
- 'aria-colcount'?: number;
- 'aria-colindex'?: number;
- 'aria-colindextext'?: string;
- 'aria-colspan'?: number;
- 'aria-controls'?: string;
- 'aria-current'?: string;
- 'aria-describedby'?: string;
- 'aria-description'?: string;
- 'aria-details'?: string;
- 'aria-disabled'?: string;
- 'aria-dropeffect'?: string;
- 'aria-errormessage'?: string;
- 'aria-expanded'?: string;
- 'aria-flowto'?: string;
- 'aria-grabbed'?: string;
- 'aria-haspopup'?: string;
- 'aria-hidden'?: string;
- 'aria-invalid'?: string;
- 'aria-keyshortcuts'?: string;
- 'aria-label'?: string;
- 'aria-labelledby'?: string;
- 'aria-level'?: number;
- 'aria-live'?: string;
- 'aria-modal'?: string;
- 'aria-multiline'?: string;
- 'aria-multiselectable'?: string;
- 'aria-orientation'?: string;
- 'aria-owns'?: string;
- 'aria-placeholder'?: string;
- 'aria-posinset'?: number;
- 'aria-pressed'?: string;
- 'aria-readonly'?: string;
- 'aria-relevant'?: string;
- 'aria-required'?: string;
- 'aria-roledescription'?: string;
- 'aria-rowcount'?: number;
- 'aria-rowindex'?: number;
- 'aria-rowindextext'?: string;
- 'aria-rowspan'?: number;
- 'aria-selected'?: string;
- 'aria-setsize'?: number;
- 'aria-sort'?: string;
- 'aria-valuemax'?: number;
- 'aria-valuemin'?: number;
- 'aria-valuenow'?: number;
- 'aria-valuetext'?: string;
- dangerouslySetInnerHTML?: Record;
- onCopy?: (...args: unknown[]) => unknown;
- onCopyCapture?: (...args: unknown[]) => unknown;
- onCut?: (...args: unknown[]) => unknown;
- onCutCapture?: (...args: unknown[]) => unknown;
- onPaste?: (...args: unknown[]) => unknown;
- onPasteCapture?: (...args: unknown[]) => unknown;
- onCompositionEnd?: (...args: unknown[]) => unknown;
- onCompositionEndCapture?: (...args: unknown[]) => unknown;
- onCompositionStart?: (...args: unknown[]) => unknown;
- onCompositionStartCapture?: (...args: unknown[]) => unknown;
- onCompositionUpdate?: (...args: unknown[]) => unknown;
- onCompositionUpdateCapture?: (...args: unknown[]) => unknown;
- onFocus?: (...args: unknown[]) => unknown;
- onFocusCapture?: (...args: unknown[]) => unknown;
- onBlur?: (...args: unknown[]) => unknown;
- onBlurCapture?: (...args: unknown[]) => unknown;
- onChange?: (...args: unknown[]) => unknown;
- onChangeCapture?: (...args: unknown[]) => unknown;
- onBeforeInput?: (...args: unknown[]) => unknown;
- onBeforeInputCapture?: (...args: unknown[]) => unknown;
- onInput?: (...args: unknown[]) => unknown;
- onInputCapture?: (...args: unknown[]) => unknown;
- onReset?: (...args: unknown[]) => unknown;
- onResetCapture?: (...args: unknown[]) => unknown;
- onSubmit?: (...args: unknown[]) => unknown;
- onSubmitCapture?: (...args: unknown[]) => unknown;
- onInvalid?: (...args: unknown[]) => unknown;
- onInvalidCapture?: (...args: unknown[]) => unknown;
- onLoad?: (...args: unknown[]) => unknown;
- onLoadCapture?: (...args: unknown[]) => unknown;
- onError?: (...args: unknown[]) => unknown;
- onErrorCapture?: (...args: unknown[]) => unknown;
- onKeyDown?: (...args: unknown[]) => unknown;
- onKeyDownCapture?: (...args: unknown[]) => unknown;
- onKeyPress?: (...args: unknown[]) => unknown;
- onKeyPressCapture?: (...args: unknown[]) => unknown;
- onKeyUp?: (...args: unknown[]) => unknown;
- onKeyUpCapture?: (...args: unknown[]) => unknown;
- onAbort?: (...args: unknown[]) => unknown;
- onAbortCapture?: (...args: unknown[]) => unknown;
- onCanPlay?: (...args: unknown[]) => unknown;
- onCanPlayCapture?: (...args: unknown[]) => unknown;
- onCanPlayThrough?: (...args: unknown[]) => unknown;
- onCanPlayThroughCapture?: (...args: unknown[]) => unknown;
- onDurationChange?: (...args: unknown[]) => unknown;
- onDurationChangeCapture?: (...args: unknown[]) => unknown;
- onEmptied?: (...args: unknown[]) => unknown;
- onEmptiedCapture?: (...args: unknown[]) => unknown;
- onEncrypted?: (...args: unknown[]) => unknown;
- onEncryptedCapture?: (...args: unknown[]) => unknown;
- onEnded?: (...args: unknown[]) => unknown;
- onEndedCapture?: (...args: unknown[]) => unknown;
- onLoadedData?: (...args: unknown[]) => unknown;
- onLoadedDataCapture?: (...args: unknown[]) => unknown;
- onLoadedMetadata?: (...args: unknown[]) => unknown;
- onLoadedMetadataCapture?: (...args: unknown[]) => unknown;
- onLoadStart?: (...args: unknown[]) => unknown;
- onLoadStartCapture?: (...args: unknown[]) => unknown;
- onPause?: (...args: unknown[]) => unknown;
- onPauseCapture?: (...args: unknown[]) => unknown;
- onPlay?: (...args: unknown[]) => unknown;
- onPlayCapture?: (...args: unknown[]) => unknown;
- onPlaying?: (...args: unknown[]) => unknown;
- onPlayingCapture?: (...args: unknown[]) => unknown;
- onProgress?: (...args: unknown[]) => unknown;
- onProgressCapture?: (...args: unknown[]) => unknown;
- onRateChange?: (...args: unknown[]) => unknown;
- onRateChangeCapture?: (...args: unknown[]) => unknown;
- onResize?: (...args: unknown[]) => unknown;
- onResizeCapture?: (...args: unknown[]) => unknown;
- onSeeked?: (...args: unknown[]) => unknown;
- onSeekedCapture?: (...args: unknown[]) => unknown;
- onSeeking?: (...args: unknown[]) => unknown;
- onSeekingCapture?: (...args: unknown[]) => unknown;
- onStalled?: (...args: unknown[]) => unknown;
- onStalledCapture?: (...args: unknown[]) => unknown;
- onSuspend?: (...args: unknown[]) => unknown;
- onSuspendCapture?: (...args: unknown[]) => unknown;
- onTimeUpdate?: (...args: unknown[]) => unknown;
- onTimeUpdateCapture?: (...args: unknown[]) => unknown;
- onVolumeChange?: (...args: unknown[]) => unknown;
- onVolumeChangeCapture?: (...args: unknown[]) => unknown;
- onWaiting?: (...args: unknown[]) => unknown;
- onWaitingCapture?: (...args: unknown[]) => unknown;
- onAuxClick?: (...args: unknown[]) => unknown;
- onAuxClickCapture?: (...args: unknown[]) => unknown;
- onClick?: (...args: unknown[]) => unknown;
- onClickCapture?: (...args: unknown[]) => unknown;
- onContextMenu?: (...args: unknown[]) => unknown;
- onContextMenuCapture?: (...args: unknown[]) => unknown;
- onDoubleClick?: (...args: unknown[]) => unknown;
- onDoubleClickCapture?: (...args: unknown[]) => unknown;
- onDrag?: (...args: unknown[]) => unknown;
- onDragCapture?: (...args: unknown[]) => unknown;
- onDragEnd?: (...args: unknown[]) => unknown;
- onDragEndCapture?: (...args: unknown[]) => unknown;
- onDragEnter?: (...args: unknown[]) => unknown;
- onDragEnterCapture?: (...args: unknown[]) => unknown;
- onDragExit?: (...args: unknown[]) => unknown;
- onDragExitCapture?: (...args: unknown[]) => unknown;
- onDragLeave?: (...args: unknown[]) => unknown;
- onDragLeaveCapture?: (...args: unknown[]) => unknown;
- onDragOver?: (...args: unknown[]) => unknown;
- onDragOverCapture?: (...args: unknown[]) => unknown;
- onDragStart?: (...args: unknown[]) => unknown;
- onDragStartCapture?: (...args: unknown[]) => unknown;
- onDrop?: (...args: unknown[]) => unknown;
- onDropCapture?: (...args: unknown[]) => unknown;
- onMouseDown?: (...args: unknown[]) => unknown;
- onMouseDownCapture?: (...args: unknown[]) => unknown;
- onMouseEnter?: (...args: unknown[]) => unknown;
- onMouseLeave?: (...args: unknown[]) => unknown;
- onMouseMove?: (...args: unknown[]) => unknown;
- onMouseMoveCapture?: (...args: unknown[]) => unknown;
- onMouseOut?: (...args: unknown[]) => unknown;
- onMouseOutCapture?: (...args: unknown[]) => unknown;
- onMouseOver?: (...args: unknown[]) => unknown;
- onMouseOverCapture?: (...args: unknown[]) => unknown;
- onMouseUp?: (...args: unknown[]) => unknown;
- onMouseUpCapture?: (...args: unknown[]) => unknown;
- onSelect?: (...args: unknown[]) => unknown;
- onSelectCapture?: (...args: unknown[]) => unknown;
- onTouchCancel?: (...args: unknown[]) => unknown;
- onTouchCancelCapture?: (...args: unknown[]) => unknown;
- onTouchEnd?: (...args: unknown[]) => unknown;
- onTouchEndCapture?: (...args: unknown[]) => unknown;
- onTouchMove?: (...args: unknown[]) => unknown;
- onTouchMoveCapture?: (...args: unknown[]) => unknown;
- onTouchStart?: (...args: unknown[]) => unknown;
- onTouchStartCapture?: (...args: unknown[]) => unknown;
- onPointerDown?: (...args: unknown[]) => unknown;
- onPointerDownCapture?: (...args: unknown[]) => unknown;
- onPointerMove?: (...args: unknown[]) => unknown;
- onPointerMoveCapture?: (...args: unknown[]) => unknown;
- onPointerUp?: (...args: unknown[]) => unknown;
- onPointerUpCapture?: (...args: unknown[]) => unknown;
- onPointerCancel?: (...args: unknown[]) => unknown;
- onPointerCancelCapture?: (...args: unknown[]) => unknown;
- onPointerEnter?: (...args: unknown[]) => unknown;
- onPointerLeave?: (...args: unknown[]) => unknown;
- onPointerOver?: (...args: unknown[]) => unknown;
- onPointerOverCapture?: (...args: unknown[]) => unknown;
- onPointerOut?: (...args: unknown[]) => unknown;
- onPointerOutCapture?: (...args: unknown[]) => unknown;
- onGotPointerCapture?: (...args: unknown[]) => unknown;
- onGotPointerCaptureCapture?: (...args: unknown[]) => unknown;
- onLostPointerCapture?: (...args: unknown[]) => unknown;
- onLostPointerCaptureCapture?: (...args: unknown[]) => unknown;
- onScroll?: (...args: unknown[]) => unknown;
- onScrollCapture?: (...args: unknown[]) => unknown;
- onWheel?: (...args: unknown[]) => unknown;
- onWheelCapture?: (...args: unknown[]) => unknown;
- onAnimationStart?: (...args: unknown[]) => unknown;
- onAnimationStartCapture?: (...args: unknown[]) => unknown;
- onAnimationEnd?: (...args: unknown[]) => unknown;
- onAnimationEndCapture?: (...args: unknown[]) => unknown;
- onAnimationIteration?: (...args: unknown[]) => unknown;
- onAnimationIterationCapture?: (...args: unknown[]) => unknown;
- onTransitionEnd?: (...args: unknown[]) => unknown;
- onTransitionEndCapture?: (...args: unknown[]) => unknown;
-};
-
-export const TwentyUiMainButtonElement = createRemoteElement<
- TwentyUiMainButtonProperties,
- Record,
- { 'data-tooltip-wrapper': true; children: true; Icon: true },
- Record
->({
- slots: ['data-tooltip-wrapper', 'children', 'Icon'],
- properties: {
- title: { type: String },
- fullWidth: { type: Boolean },
- width: { type: Number },
- variant: { type: String },
- soon: { type: Boolean },
- disabled: { type: Boolean },
- form: { type: String },
- formAction: { type: String },
- formEncType: { type: String },
- formMethod: { type: String },
- formNoValidate: { type: Boolean },
- formTarget: { type: String },
- name: { type: String },
- type: { type: String },
- defaultChecked: { type: Boolean },
- suppressContentEditableWarning: { type: Boolean },
- suppressHydrationWarning: { type: Boolean },
- accessKey: { type: String },
- autoFocus: { type: Boolean },
- className: { type: String },
- contentEditable: { type: String },
- contextMenu: { type: String },
- dir: { type: String },
- draggable: { type: String },
- hidden: { type: Boolean },
- id: { type: String },
- lang: { type: String },
- nonce: { type: String },
- slot: { type: String },
- spellCheck: { type: String },
- style: { type: Object },
- tabIndex: { type: Number },
- translate: { type: String },
- radioGroup: { type: String },
- about: { type: String },
- content: { type: String },
- datatype: { type: String },
- prefix: { type: String },
- property: { type: String },
- rel: { type: String },
- resource: { type: String },
- rev: { type: String },
- typeof: { type: String },
- vocab: { type: String },
- autoCapitalize: { type: String },
- autoCorrect: { type: String },
- autoSave: { type: String },
- color: { type: String },
- itemProp: { type: String },
- itemScope: { type: Boolean },
- itemType: { type: String },
- itemID: { type: String },
- itemRef: { type: String },
- results: { type: Number },
- security: { type: String },
- unselectable: { type: String },
- inputMode: { type: String },
- is: { type: String },
- 'data-tooltip-id': { type: String },
- 'data-tooltip-place': { type: String },
- 'data-tooltip-content': { type: String },
- 'data-tooltip-html': { type: String },
- 'data-tooltip-variant': { type: String },
- 'data-tooltip-offset': { type: Number },
- 'data-tooltip-events': { type: Array },
- 'data-tooltip-position-strategy': { type: String },
- 'data-tooltip-delay-show': { type: Number },
- 'data-tooltip-delay-hide': { type: Number },
- 'data-tooltip-float': { type: Boolean },
- 'data-tooltip-hidden': { type: Boolean },
- 'data-tooltip-class-name': { type: String },
- 'aria-activedescendant': { type: String },
- 'aria-atomic': { type: String },
- 'aria-autocomplete': { type: String },
- 'aria-braillelabel': { type: String },
- 'aria-brailleroledescription': { type: String },
- 'aria-busy': { type: String },
- 'aria-checked': { type: String },
- 'aria-colcount': { type: Number },
- 'aria-colindex': { type: Number },
- 'aria-colindextext': { type: String },
- 'aria-colspan': { type: Number },
- 'aria-controls': { type: String },
- 'aria-current': { type: String },
- 'aria-describedby': { type: String },
- 'aria-description': { type: String },
- 'aria-details': { type: String },
- 'aria-disabled': { type: String },
- 'aria-dropeffect': { type: String },
- 'aria-errormessage': { type: String },
- 'aria-expanded': { type: String },
- 'aria-flowto': { type: String },
- 'aria-grabbed': { type: String },
- 'aria-haspopup': { type: String },
- 'aria-hidden': { type: String },
- 'aria-invalid': { type: String },
- 'aria-keyshortcuts': { type: String },
- 'aria-label': { type: String },
- 'aria-labelledby': { type: String },
- 'aria-level': { type: Number },
- 'aria-live': { type: String },
- 'aria-modal': { type: String },
- 'aria-multiline': { type: String },
- 'aria-multiselectable': { type: String },
- 'aria-orientation': { type: String },
- 'aria-owns': { type: String },
- 'aria-placeholder': { type: String },
- 'aria-posinset': { type: Number },
- 'aria-pressed': { type: String },
- 'aria-readonly': { type: String },
- 'aria-relevant': { type: String },
- 'aria-required': { type: String },
- 'aria-roledescription': { type: String },
- 'aria-rowcount': { type: Number },
- 'aria-rowindex': { type: Number },
- 'aria-rowindextext': { type: String },
- 'aria-rowspan': { type: Number },
- 'aria-selected': { type: String },
- 'aria-setsize': { type: Number },
- 'aria-sort': { type: String },
- 'aria-valuemax': { type: Number },
- 'aria-valuemin': { type: Number },
- 'aria-valuenow': { type: Number },
- 'aria-valuetext': { type: String },
- dangerouslySetInnerHTML: { type: Object },
- onCopy: { type: Function },
- onCopyCapture: { type: Function },
- onCut: { type: Function },
- onCutCapture: { type: Function },
- onPaste: { type: Function },
- onPasteCapture: { type: Function },
- onCompositionEnd: { type: Function },
- onCompositionEndCapture: { type: Function },
- onCompositionStart: { type: Function },
- onCompositionStartCapture: { type: Function },
- onCompositionUpdate: { type: Function },
- onCompositionUpdateCapture: { type: Function },
- onFocus: { type: Function },
- onFocusCapture: { type: Function },
- onBlur: { type: Function },
- onBlurCapture: { type: Function },
- onChange: { type: Function },
- onChangeCapture: { type: Function },
- onBeforeInput: { type: Function },
- onBeforeInputCapture: { type: Function },
- onInput: { type: Function },
- onInputCapture: { type: Function },
- onReset: { type: Function },
- onResetCapture: { type: Function },
- onSubmit: { type: Function },
- onSubmitCapture: { type: Function },
- onInvalid: { type: Function },
- onInvalidCapture: { type: Function },
- onLoad: { type: Function },
- onLoadCapture: { type: Function },
- onError: { type: Function },
- onErrorCapture: { type: Function },
- onKeyDown: { type: Function },
- onKeyDownCapture: { type: Function },
- onKeyPress: { type: Function },
- onKeyPressCapture: { type: Function },
- onKeyUp: { type: Function },
- onKeyUpCapture: { type: Function },
- onAbort: { type: Function },
- onAbortCapture: { type: Function },
- onCanPlay: { type: Function },
- onCanPlayCapture: { type: Function },
- onCanPlayThrough: { type: Function },
- onCanPlayThroughCapture: { type: Function },
- onDurationChange: { type: Function },
- onDurationChangeCapture: { type: Function },
- onEmptied: { type: Function },
- onEmptiedCapture: { type: Function },
- onEncrypted: { type: Function },
- onEncryptedCapture: { type: Function },
- onEnded: { type: Function },
- onEndedCapture: { type: Function },
- onLoadedData: { type: Function },
- onLoadedDataCapture: { type: Function },
- onLoadedMetadata: { type: Function },
- onLoadedMetadataCapture: { type: Function },
- onLoadStart: { type: Function },
- onLoadStartCapture: { type: Function },
- onPause: { type: Function },
- onPauseCapture: { type: Function },
- onPlay: { type: Function },
- onPlayCapture: { type: Function },
- onPlaying: { type: Function },
- onPlayingCapture: { type: Function },
- onProgress: { type: Function },
- onProgressCapture: { type: Function },
- onRateChange: { type: Function },
- onRateChangeCapture: { type: Function },
- onResize: { type: Function },
- onResizeCapture: { type: Function },
- onSeeked: { type: Function },
- onSeekedCapture: { type: Function },
- onSeeking: { type: Function },
- onSeekingCapture: { type: Function },
- onStalled: { type: Function },
- onStalledCapture: { type: Function },
- onSuspend: { type: Function },
- onSuspendCapture: { type: Function },
- onTimeUpdate: { type: Function },
- onTimeUpdateCapture: { type: Function },
- onVolumeChange: { type: Function },
- onVolumeChangeCapture: { type: Function },
- onWaiting: { type: Function },
- onWaitingCapture: { type: Function },
- onAuxClick: { type: Function },
- onAuxClickCapture: { type: Function },
- onClick: { type: Function },
- onClickCapture: { type: Function },
- onContextMenu: { type: Function },
- onContextMenuCapture: { type: Function },
- onDoubleClick: { type: Function },
- onDoubleClickCapture: { type: Function },
- onDrag: { type: Function },
- onDragCapture: { type: Function },
- onDragEnd: { type: Function },
- onDragEndCapture: { type: Function },
- onDragEnter: { type: Function },
- onDragEnterCapture: { type: Function },
- onDragExit: { type: Function },
- onDragExitCapture: { type: Function },
- onDragLeave: { type: Function },
- onDragLeaveCapture: { type: Function },
- onDragOver: { type: Function },
- onDragOverCapture: { type: Function },
- onDragStart: { type: Function },
- onDragStartCapture: { type: Function },
- onDrop: { type: Function },
- onDropCapture: { type: Function },
- onMouseDown: { type: Function },
- onMouseDownCapture: { type: Function },
- onMouseEnter: { type: Function },
- onMouseLeave: { type: Function },
- onMouseMove: { type: Function },
- onMouseMoveCapture: { type: Function },
- onMouseOut: { type: Function },
- onMouseOutCapture: { type: Function },
- onMouseOver: { type: Function },
- onMouseOverCapture: { type: Function },
- onMouseUp: { type: Function },
- onMouseUpCapture: { type: Function },
- onSelect: { type: Function },
- onSelectCapture: { type: Function },
- onTouchCancel: { type: Function },
- onTouchCancelCapture: { type: Function },
- onTouchEnd: { type: Function },
- onTouchEndCapture: { type: Function },
- onTouchMove: { type: Function },
- onTouchMoveCapture: { type: Function },
- onTouchStart: { type: Function },
- onTouchStartCapture: { type: Function },
- onPointerDown: { type: Function },
- onPointerDownCapture: { type: Function },
- onPointerMove: { type: Function },
- onPointerMoveCapture: { type: Function },
- onPointerUp: { type: Function },
- onPointerUpCapture: { type: Function },
- onPointerCancel: { type: Function },
- onPointerCancelCapture: { type: Function },
- onPointerEnter: { type: Function },
- onPointerLeave: { type: Function },
- onPointerOver: { type: Function },
- onPointerOverCapture: { type: Function },
- onPointerOut: { type: Function },
- onPointerOutCapture: { type: Function },
- onGotPointerCapture: { type: Function },
- onGotPointerCaptureCapture: { type: Function },
- onLostPointerCapture: { type: Function },
- onLostPointerCaptureCapture: { type: Function },
- onScroll: { type: Function },
- onScrollCapture: { type: Function },
- onWheel: { type: Function },
- onWheelCapture: { type: Function },
- onAnimationStart: { type: Function },
- onAnimationStartCapture: { type: Function },
- onAnimationEnd: { type: Function },
- onAnimationEndCapture: { type: Function },
- onAnimationIteration: { type: Function },
- onAnimationIterationCapture: { type: Function },
- onTransitionEnd: { type: Function },
- onTransitionEndCapture: { type: Function },
- },
-});
-
-export type TwentyUiRoundedIconButtonProperties = {
- size?: string;
- disabled?: boolean;
- form?: string;
- formAction?: string;
- formEncType?: string;
- formMethod?: string;
- formNoValidate?: boolean;
- formTarget?: string;
- name?: string;
- type?: string;
- defaultChecked?: boolean;
- suppressContentEditableWarning?: boolean;
- suppressHydrationWarning?: boolean;
- accessKey?: string;
- autoFocus?: boolean;
- className?: string;
- contentEditable?: string;
- contextMenu?: string;
- dir?: string;
- draggable?: string;
- hidden?: boolean;
- id?: string;
- lang?: string;
- nonce?: string;
- slot?: string;
- spellCheck?: string;
- style?: Record;
- tabIndex?: number;
- title?: string;
- translate?: string;
- radioGroup?: string;
- about?: string;
- content?: string;
- datatype?: string;
- prefix?: string;
- property?: string;
- rel?: string;
- resource?: string;
- rev?: string;
- typeof?: string;
- vocab?: string;
- autoCapitalize?: string;
- autoCorrect?: string;
- autoSave?: string;
- color?: string;
- itemProp?: string;
- itemScope?: boolean;
- itemType?: string;
- itemID?: string;
- itemRef?: string;
- results?: number;
- security?: string;
- unselectable?: string;
- inputMode?: string;
- is?: string;
- 'data-tooltip-id'?: string;
- 'data-tooltip-place'?: string;
- 'data-tooltip-content'?: string;
- 'data-tooltip-html'?: string;
- 'data-tooltip-variant'?: string;
- 'data-tooltip-offset'?: number;
- 'data-tooltip-events'?: unknown[];
- 'data-tooltip-position-strategy'?: string;
- 'data-tooltip-delay-show'?: number;
- 'data-tooltip-delay-hide'?: number;
- 'data-tooltip-float'?: boolean;
- 'data-tooltip-hidden'?: boolean;
- 'data-tooltip-class-name'?: string;
- 'aria-activedescendant'?: string;
- 'aria-atomic'?: string;
- 'aria-autocomplete'?: string;
- 'aria-braillelabel'?: string;
- 'aria-brailleroledescription'?: string;
- 'aria-busy'?: string;
- 'aria-checked'?: string;
- 'aria-colcount'?: number;
- 'aria-colindex'?: number;
- 'aria-colindextext'?: string;
- 'aria-colspan'?: number;
- 'aria-controls'?: string;
- 'aria-current'?: string;
- 'aria-describedby'?: string;
- 'aria-description'?: string;
- 'aria-details'?: string;
- 'aria-disabled'?: string;
- 'aria-dropeffect'?: string;
- 'aria-errormessage'?: string;
- 'aria-expanded'?: string;
- 'aria-flowto'?: string;
- 'aria-grabbed'?: string;
- 'aria-haspopup'?: string;
- 'aria-hidden'?: string;
- 'aria-invalid'?: string;
- 'aria-keyshortcuts'?: string;
- 'aria-label'?: string;
- 'aria-labelledby'?: string;
- 'aria-level'?: number;
- 'aria-live'?: string;
- 'aria-modal'?: string;
- 'aria-multiline'?: string;
- 'aria-multiselectable'?: string;
- 'aria-orientation'?: string;
- 'aria-owns'?: string;
- 'aria-placeholder'?: string;
- 'aria-posinset'?: number;
- 'aria-pressed'?: string;
- 'aria-readonly'?: string;
- 'aria-relevant'?: string;
- 'aria-required'?: string;
- 'aria-roledescription'?: string;
- 'aria-rowcount'?: number;
- 'aria-rowindex'?: number;
- 'aria-rowindextext'?: string;
- 'aria-rowspan'?: number;
- 'aria-selected'?: string;
- 'aria-setsize'?: number;
- 'aria-sort'?: string;
- 'aria-valuemax'?: number;
- 'aria-valuemin'?: number;
- 'aria-valuenow'?: number;
- 'aria-valuetext'?: string;
- dangerouslySetInnerHTML?: Record;
- onCopy?: (...args: unknown[]) => unknown;
- onCopyCapture?: (...args: unknown[]) => unknown;
- onCut?: (...args: unknown[]) => unknown;
- onCutCapture?: (...args: unknown[]) => unknown;
- onPaste?: (...args: unknown[]) => unknown;
- onPasteCapture?: (...args: unknown[]) => unknown;
- onCompositionEnd?: (...args: unknown[]) => unknown;
- onCompositionEndCapture?: (...args: unknown[]) => unknown;
- onCompositionStart?: (...args: unknown[]) => unknown;
- onCompositionStartCapture?: (...args: unknown[]) => unknown;
- onCompositionUpdate?: (...args: unknown[]) => unknown;
- onCompositionUpdateCapture?: (...args: unknown[]) => unknown;
- onFocus?: (...args: unknown[]) => unknown;
- onFocusCapture?: (...args: unknown[]) => unknown;
- onBlur?: (...args: unknown[]) => unknown;
- onBlurCapture?: (...args: unknown[]) => unknown;
- onChange?: (...args: unknown[]) => unknown;
- onChangeCapture?: (...args: unknown[]) => unknown;
- onBeforeInput?: (...args: unknown[]) => unknown;
- onBeforeInputCapture?: (...args: unknown[]) => unknown;
- onInput?: (...args: unknown[]) => unknown;
- onInputCapture?: (...args: unknown[]) => unknown;
- onReset?: (...args: unknown[]) => unknown;
- onResetCapture?: (...args: unknown[]) => unknown;
- onSubmit?: (...args: unknown[]) => unknown;
- onSubmitCapture?: (...args: unknown[]) => unknown;
- onInvalid?: (...args: unknown[]) => unknown;
- onInvalidCapture?: (...args: unknown[]) => unknown;
- onLoad?: (...args: unknown[]) => unknown;
- onLoadCapture?: (...args: unknown[]) => unknown;
- onError?: (...args: unknown[]) => unknown;
- onErrorCapture?: (...args: unknown[]) => unknown;
- onKeyDown?: (...args: unknown[]) => unknown;
- onKeyDownCapture?: (...args: unknown[]) => unknown;
- onKeyPress?: (...args: unknown[]) => unknown;
- onKeyPressCapture?: (...args: unknown[]) => unknown;
- onKeyUp?: (...args: unknown[]) => unknown;
- onKeyUpCapture?: (...args: unknown[]) => unknown;
- onAbort?: (...args: unknown[]) => unknown;
- onAbortCapture?: (...args: unknown[]) => unknown;
- onCanPlay?: (...args: unknown[]) => unknown;
- onCanPlayCapture?: (...args: unknown[]) => unknown;
- onCanPlayThrough?: (...args: unknown[]) => unknown;
- onCanPlayThroughCapture?: (...args: unknown[]) => unknown;
- onDurationChange?: (...args: unknown[]) => unknown;
- onDurationChangeCapture?: (...args: unknown[]) => unknown;
- onEmptied?: (...args: unknown[]) => unknown;
- onEmptiedCapture?: (...args: unknown[]) => unknown;
- onEncrypted?: (...args: unknown[]) => unknown;
- onEncryptedCapture?: (...args: unknown[]) => unknown;
- onEnded?: (...args: unknown[]) => unknown;
- onEndedCapture?: (...args: unknown[]) => unknown;
- onLoadedData?: (...args: unknown[]) => unknown;
- onLoadedDataCapture?: (...args: unknown[]) => unknown;
- onLoadedMetadata?: (...args: unknown[]) => unknown;
- onLoadedMetadataCapture?: (...args: unknown[]) => unknown;
- onLoadStart?: (...args: unknown[]) => unknown;
- onLoadStartCapture?: (...args: unknown[]) => unknown;
- onPause?: (...args: unknown[]) => unknown;
- onPauseCapture?: (...args: unknown[]) => unknown;
- onPlay?: (...args: unknown[]) => unknown;
- onPlayCapture?: (...args: unknown[]) => unknown;
- onPlaying?: (...args: unknown[]) => unknown;
- onPlayingCapture?: (...args: unknown[]) => unknown;
- onProgress?: (...args: unknown[]) => unknown;
- onProgressCapture?: (...args: unknown[]) => unknown;
- onRateChange?: (...args: unknown[]) => unknown;
- onRateChangeCapture?: (...args: unknown[]) => unknown;
- onResize?: (...args: unknown[]) => unknown;
- onResizeCapture?: (...args: unknown[]) => unknown;
- onSeeked?: (...args: unknown[]) => unknown;
- onSeekedCapture?: (...args: unknown[]) => unknown;
- onSeeking?: (...args: unknown[]) => unknown;
- onSeekingCapture?: (...args: unknown[]) => unknown;
- onStalled?: (...args: unknown[]) => unknown;
- onStalledCapture?: (...args: unknown[]) => unknown;
- onSuspend?: (...args: unknown[]) => unknown;
- onSuspendCapture?: (...args: unknown[]) => unknown;
- onTimeUpdate?: (...args: unknown[]) => unknown;
- onTimeUpdateCapture?: (...args: unknown[]) => unknown;
- onVolumeChange?: (...args: unknown[]) => unknown;
- onVolumeChangeCapture?: (...args: unknown[]) => unknown;
- onWaiting?: (...args: unknown[]) => unknown;
- onWaitingCapture?: (...args: unknown[]) => unknown;
- onAuxClick?: (...args: unknown[]) => unknown;
- onAuxClickCapture?: (...args: unknown[]) => unknown;
- onClick?: (...args: unknown[]) => unknown;
- onClickCapture?: (...args: unknown[]) => unknown;
- onContextMenu?: (...args: unknown[]) => unknown;
- onContextMenuCapture?: (...args: unknown[]) => unknown;
- onDoubleClick?: (...args: unknown[]) => unknown;
- onDoubleClickCapture?: (...args: unknown[]) => unknown;
- onDrag?: (...args: unknown[]) => unknown;
- onDragCapture?: (...args: unknown[]) => unknown;
- onDragEnd?: (...args: unknown[]) => unknown;
- onDragEndCapture?: (...args: unknown[]) => unknown;
- onDragEnter?: (...args: unknown[]) => unknown;
- onDragEnterCapture?: (...args: unknown[]) => unknown;
- onDragExit?: (...args: unknown[]) => unknown;
- onDragExitCapture?: (...args: unknown[]) => unknown;
- onDragLeave?: (...args: unknown[]) => unknown;
- onDragLeaveCapture?: (...args: unknown[]) => unknown;
- onDragOver?: (...args: unknown[]) => unknown;
- onDragOverCapture?: (...args: unknown[]) => unknown;
- onDragStart?: (...args: unknown[]) => unknown;
- onDragStartCapture?: (...args: unknown[]) => unknown;
- onDrop?: (...args: unknown[]) => unknown;
- onDropCapture?: (...args: unknown[]) => unknown;
- onMouseDown?: (...args: unknown[]) => unknown;
- onMouseDownCapture?: (...args: unknown[]) => unknown;
- onMouseEnter?: (...args: unknown[]) => unknown;
- onMouseLeave?: (...args: unknown[]) => unknown;
- onMouseMove?: (...args: unknown[]) => unknown;
- onMouseMoveCapture?: (...args: unknown[]) => unknown;
- onMouseOut?: (...args: unknown[]) => unknown;
- onMouseOutCapture?: (...args: unknown[]) => unknown;
- onMouseOver?: (...args: unknown[]) => unknown;
- onMouseOverCapture?: (...args: unknown[]) => unknown;
- onMouseUp?: (...args: unknown[]) => unknown;
- onMouseUpCapture?: (...args: unknown[]) => unknown;
- onSelect?: (...args: unknown[]) => unknown;
- onSelectCapture?: (...args: unknown[]) => unknown;
- onTouchCancel?: (...args: unknown[]) => unknown;
- onTouchCancelCapture?: (...args: unknown[]) => unknown;
- onTouchEnd?: (...args: unknown[]) => unknown;
- onTouchEndCapture?: (...args: unknown[]) => unknown;
- onTouchMove?: (...args: unknown[]) => unknown;
- onTouchMoveCapture?: (...args: unknown[]) => unknown;
- onTouchStart?: (...args: unknown[]) => unknown;
- onTouchStartCapture?: (...args: unknown[]) => unknown;
- onPointerDown?: (...args: unknown[]) => unknown;
- onPointerDownCapture?: (...args: unknown[]) => unknown;
- onPointerMove?: (...args: unknown[]) => unknown;
- onPointerMoveCapture?: (...args: unknown[]) => unknown;
- onPointerUp?: (...args: unknown[]) => unknown;
- onPointerUpCapture?: (...args: unknown[]) => unknown;
- onPointerCancel?: (...args: unknown[]) => unknown;
- onPointerCancelCapture?: (...args: unknown[]) => unknown;
- onPointerEnter?: (...args: unknown[]) => unknown;
- onPointerLeave?: (...args: unknown[]) => unknown;
- onPointerOver?: (...args: unknown[]) => unknown;
- onPointerOverCapture?: (...args: unknown[]) => unknown;
- onPointerOut?: (...args: unknown[]) => unknown;
- onPointerOutCapture?: (...args: unknown[]) => unknown;
- onGotPointerCapture?: (...args: unknown[]) => unknown;
- onGotPointerCaptureCapture?: (...args: unknown[]) => unknown;
- onLostPointerCapture?: (...args: unknown[]) => unknown;
- onLostPointerCaptureCapture?: (...args: unknown[]) => unknown;
- onScroll?: (...args: unknown[]) => unknown;
- onScrollCapture?: (...args: unknown[]) => unknown;
- onWheel?: (...args: unknown[]) => unknown;
- onWheelCapture?: (...args: unknown[]) => unknown;
- onAnimationStart?: (...args: unknown[]) => unknown;
- onAnimationStartCapture?: (...args: unknown[]) => unknown;
- onAnimationEnd?: (...args: unknown[]) => unknown;
- onAnimationEndCapture?: (...args: unknown[]) => unknown;
- onAnimationIteration?: (...args: unknown[]) => unknown;
- onAnimationIterationCapture?: (...args: unknown[]) => unknown;
- onTransitionEnd?: (...args: unknown[]) => unknown;
- onTransitionEndCapture?: (...args: unknown[]) => unknown;
-};
-
-export const TwentyUiRoundedIconButtonElement = createRemoteElement<
- TwentyUiRoundedIconButtonProperties,
- Record,
- { Icon: true; 'data-tooltip-wrapper': true; children: true },
- Record
->({
- slots: ['Icon', 'data-tooltip-wrapper', 'children'],
- properties: {
- size: { type: String },
- disabled: { type: Boolean },
- form: { type: String },
- formAction: { type: String },
- formEncType: { type: String },
- formMethod: { type: String },
- formNoValidate: { type: Boolean },
- formTarget: { type: String },
- name: { type: String },
- type: { type: String },
- defaultChecked: { type: Boolean },
- suppressContentEditableWarning: { type: Boolean },
- suppressHydrationWarning: { type: Boolean },
- accessKey: { type: String },
- autoFocus: { type: Boolean },
- className: { type: String },
- contentEditable: { type: String },
- contextMenu: { type: String },
- dir: { type: String },
- draggable: { type: String },
- hidden: { type: Boolean },
- id: { type: String },
- lang: { type: String },
- nonce: { type: String },
- slot: { type: String },
- spellCheck: { type: String },
- style: { type: Object },
- tabIndex: { type: Number },
- title: { type: String },
- translate: { type: String },
- radioGroup: { type: String },
- about: { type: String },
- content: { type: String },
- datatype: { type: String },
- prefix: { type: String },
- property: { type: String },
- rel: { type: String },
- resource: { type: String },
- rev: { type: String },
- typeof: { type: String },
- vocab: { type: String },
- autoCapitalize: { type: String },
- autoCorrect: { type: String },
- autoSave: { type: String },
- color: { type: String },
- itemProp: { type: String },
- itemScope: { type: Boolean },
- itemType: { type: String },
- itemID: { type: String },
- itemRef: { type: String },
- results: { type: Number },
- security: { type: String },
- unselectable: { type: String },
- inputMode: { type: String },
- is: { type: String },
- 'data-tooltip-id': { type: String },
- 'data-tooltip-place': { type: String },
- 'data-tooltip-content': { type: String },
- 'data-tooltip-html': { type: String },
- 'data-tooltip-variant': { type: String },
- 'data-tooltip-offset': { type: Number },
- 'data-tooltip-events': { type: Array },
- 'data-tooltip-position-strategy': { type: String },
- 'data-tooltip-delay-show': { type: Number },
- 'data-tooltip-delay-hide': { type: Number },
- 'data-tooltip-float': { type: Boolean },
- 'data-tooltip-hidden': { type: Boolean },
- 'data-tooltip-class-name': { type: String },
- 'aria-activedescendant': { type: String },
- 'aria-atomic': { type: String },
- 'aria-autocomplete': { type: String },
- 'aria-braillelabel': { type: String },
- 'aria-brailleroledescription': { type: String },
- 'aria-busy': { type: String },
- 'aria-checked': { type: String },
- 'aria-colcount': { type: Number },
- 'aria-colindex': { type: Number },
- 'aria-colindextext': { type: String },
- 'aria-colspan': { type: Number },
- 'aria-controls': { type: String },
- 'aria-current': { type: String },
- 'aria-describedby': { type: String },
- 'aria-description': { type: String },
- 'aria-details': { type: String },
- 'aria-disabled': { type: String },
- 'aria-dropeffect': { type: String },
- 'aria-errormessage': { type: String },
- 'aria-expanded': { type: String },
- 'aria-flowto': { type: String },
- 'aria-grabbed': { type: String },
- 'aria-haspopup': { type: String },
- 'aria-hidden': { type: String },
- 'aria-invalid': { type: String },
- 'aria-keyshortcuts': { type: String },
- 'aria-label': { type: String },
- 'aria-labelledby': { type: String },
- 'aria-level': { type: Number },
- 'aria-live': { type: String },
- 'aria-modal': { type: String },
- 'aria-multiline': { type: String },
- 'aria-multiselectable': { type: String },
- 'aria-orientation': { type: String },
- 'aria-owns': { type: String },
- 'aria-placeholder': { type: String },
- 'aria-posinset': { type: Number },
- 'aria-pressed': { type: String },
- 'aria-readonly': { type: String },
- 'aria-relevant': { type: String },
- 'aria-required': { type: String },
- 'aria-roledescription': { type: String },
- 'aria-rowcount': { type: Number },
- 'aria-rowindex': { type: Number },
- 'aria-rowindextext': { type: String },
- 'aria-rowspan': { type: Number },
- 'aria-selected': { type: String },
- 'aria-setsize': { type: Number },
- 'aria-sort': { type: String },
- 'aria-valuemax': { type: Number },
- 'aria-valuemin': { type: Number },
- 'aria-valuenow': { type: Number },
- 'aria-valuetext': { type: String },
- dangerouslySetInnerHTML: { type: Object },
- onCopy: { type: Function },
- onCopyCapture: { type: Function },
- onCut: { type: Function },
- onCutCapture: { type: Function },
- onPaste: { type: Function },
- onPasteCapture: { type: Function },
- onCompositionEnd: { type: Function },
- onCompositionEndCapture: { type: Function },
- onCompositionStart: { type: Function },
- onCompositionStartCapture: { type: Function },
- onCompositionUpdate: { type: Function },
- onCompositionUpdateCapture: { type: Function },
- onFocus: { type: Function },
- onFocusCapture: { type: Function },
- onBlur: { type: Function },
- onBlurCapture: { type: Function },
- onChange: { type: Function },
- onChangeCapture: { type: Function },
- onBeforeInput: { type: Function },
- onBeforeInputCapture: { type: Function },
- onInput: { type: Function },
- onInputCapture: { type: Function },
- onReset: { type: Function },
- onResetCapture: { type: Function },
- onSubmit: { type: Function },
- onSubmitCapture: { type: Function },
- onInvalid: { type: Function },
- onInvalidCapture: { type: Function },
- onLoad: { type: Function },
- onLoadCapture: { type: Function },
- onError: { type: Function },
- onErrorCapture: { type: Function },
- onKeyDown: { type: Function },
- onKeyDownCapture: { type: Function },
- onKeyPress: { type: Function },
- onKeyPressCapture: { type: Function },
- onKeyUp: { type: Function },
- onKeyUpCapture: { type: Function },
- onAbort: { type: Function },
- onAbortCapture: { type: Function },
- onCanPlay: { type: Function },
- onCanPlayCapture: { type: Function },
- onCanPlayThrough: { type: Function },
- onCanPlayThroughCapture: { type: Function },
- onDurationChange: { type: Function },
- onDurationChangeCapture: { type: Function },
- onEmptied: { type: Function },
- onEmptiedCapture: { type: Function },
- onEncrypted: { type: Function },
- onEncryptedCapture: { type: Function },
- onEnded: { type: Function },
- onEndedCapture: { type: Function },
- onLoadedData: { type: Function },
- onLoadedDataCapture: { type: Function },
- onLoadedMetadata: { type: Function },
- onLoadedMetadataCapture: { type: Function },
- onLoadStart: { type: Function },
- onLoadStartCapture: { type: Function },
- onPause: { type: Function },
- onPauseCapture: { type: Function },
- onPlay: { type: Function },
- onPlayCapture: { type: Function },
- onPlaying: { type: Function },
- onPlayingCapture: { type: Function },
- onProgress: { type: Function },
- onProgressCapture: { type: Function },
- onRateChange: { type: Function },
- onRateChangeCapture: { type: Function },
- onResize: { type: Function },
- onResizeCapture: { type: Function },
- onSeeked: { type: Function },
- onSeekedCapture: { type: Function },
- onSeeking: { type: Function },
- onSeekingCapture: { type: Function },
- onStalled: { type: Function },
- onStalledCapture: { type: Function },
- onSuspend: { type: Function },
- onSuspendCapture: { type: Function },
- onTimeUpdate: { type: Function },
- onTimeUpdateCapture: { type: Function },
- onVolumeChange: { type: Function },
- onVolumeChangeCapture: { type: Function },
- onWaiting: { type: Function },
- onWaitingCapture: { type: Function },
- onAuxClick: { type: Function },
- onAuxClickCapture: { type: Function },
- onClick: { type: Function },
- onClickCapture: { type: Function },
- onContextMenu: { type: Function },
- onContextMenuCapture: { type: Function },
- onDoubleClick: { type: Function },
- onDoubleClickCapture: { type: Function },
- onDrag: { type: Function },
- onDragCapture: { type: Function },
- onDragEnd: { type: Function },
- onDragEndCapture: { type: Function },
- onDragEnter: { type: Function },
- onDragEnterCapture: { type: Function },
- onDragExit: { type: Function },
- onDragExitCapture: { type: Function },
- onDragLeave: { type: Function },
- onDragLeaveCapture: { type: Function },
- onDragOver: { type: Function },
- onDragOverCapture: { type: Function },
- onDragStart: { type: Function },
- onDragStartCapture: { type: Function },
- onDrop: { type: Function },
- onDropCapture: { type: Function },
- onMouseDown: { type: Function },
- onMouseDownCapture: { type: Function },
- onMouseEnter: { type: Function },
- onMouseLeave: { type: Function },
- onMouseMove: { type: Function },
- onMouseMoveCapture: { type: Function },
- onMouseOut: { type: Function },
- onMouseOutCapture: { type: Function },
- onMouseOver: { type: Function },
- onMouseOverCapture: { type: Function },
- onMouseUp: { type: Function },
- onMouseUpCapture: { type: Function },
- onSelect: { type: Function },
- onSelectCapture: { type: Function },
- onTouchCancel: { type: Function },
- onTouchCancelCapture: { type: Function },
- onTouchEnd: { type: Function },
- onTouchEndCapture: { type: Function },
- onTouchMove: { type: Function },
- onTouchMoveCapture: { type: Function },
- onTouchStart: { type: Function },
- onTouchStartCapture: { type: Function },
- onPointerDown: { type: Function },
- onPointerDownCapture: { type: Function },
- onPointerMove: { type: Function },
- onPointerMoveCapture: { type: Function },
- onPointerUp: { type: Function },
- onPointerUpCapture: { type: Function },
- onPointerCancel: { type: Function },
- onPointerCancelCapture: { type: Function },
- onPointerEnter: { type: Function },
- onPointerLeave: { type: Function },
- onPointerOver: { type: Function },
- onPointerOverCapture: { type: Function },
- onPointerOut: { type: Function },
- onPointerOutCapture: { type: Function },
- onGotPointerCapture: { type: Function },
- onGotPointerCaptureCapture: { type: Function },
- onLostPointerCapture: { type: Function },
- onLostPointerCaptureCapture: { type: Function },
- onScroll: { type: Function },
- onScrollCapture: { type: Function },
- onWheel: { type: Function },
- onWheelCapture: { type: Function },
- onAnimationStart: { type: Function },
- onAnimationStartCapture: { type: Function },
- onAnimationEnd: { type: Function },
- onAnimationEndCapture: { type: Function },
- onAnimationIteration: { type: Function },
- onAnimationIterationCapture: { type: Function },
- onTransitionEnd: { type: Function },
- onTransitionEndCapture: { type: Function },
- },
-});
-
-export type TwentyUiTabContentProperties = {
- id: string;
- active?: boolean;
- disabled?: boolean;
- title?: string;
- logo?: string;
- contentSize?: string;
- className?: string;
-};
-
-export const TwentyUiTabContentElement = createRemoteElement<
- TwentyUiTabContentProperties,
- Record,
- { LeftIcon: true; RightIcon: true; pill: true },
- Record
->({
- slots: ['LeftIcon', 'RightIcon', 'pill'],
- properties: {
- id: { type: String },
- active: { type: Boolean },
- disabled: { type: Boolean },
- title: { type: String },
- logo: { type: String },
- contentSize: { type: String },
- className: { type: String },
- },
-});
-
-export type TwentyUiTabButtonProperties = {
- id: string;
- active?: boolean;
- disabled?: boolean;
- to?: string;
- className?: string;
- title?: string;
- onClick?: (...args: unknown[]) => unknown;
- logo?: string;
- contentSize?: string;
- disableTestId?: boolean;
-};
-
-export const TwentyUiTabButtonElement = createRemoteElement<
- TwentyUiTabButtonProperties,
- Record,
- { LeftIcon: true; RightIcon: true; pill: true },
- Record
->({
- slots: ['LeftIcon', 'RightIcon', 'pill'],
- properties: {
- id: { type: String },
- active: { type: Boolean },
- disabled: { type: Boolean },
- to: { type: String },
- className: { type: String },
- title: { type: String },
- onClick: { type: Function },
- logo: { type: String },
- contentSize: { type: String },
- disableTestId: { type: Boolean },
- },
-});
-
-export type TwentyUiCodeEditorProperties = {
- height?: string;
- value?: string;
- language?: string;
- onMount?: (...args: unknown[]) => unknown;
- onValidate?: (...args: unknown[]) => unknown;
- options?: Record;
- onChange?: (...args: unknown[]) => unknown;
- setMarkers?: (...args: unknown[]) => unknown;
- variant?: string;
- isLoading?: boolean;
- transparentBackground?: boolean;
-};
-
-export const TwentyUiCodeEditorElement = createRemoteElement<
- TwentyUiCodeEditorProperties,
- Record,
- Record,
- Record
->({
- properties: {
- height: { type: String },
- value: { type: String },
- language: { type: String },
- onMount: { type: Function },
- onValidate: { type: Function },
- options: { type: Object },
- onChange: { type: Function },
- setMarkers: { type: Function },
- variant: { type: String },
- isLoading: { type: Boolean },
- transparentBackground: { type: Boolean },
- },
-});
-
-export type TwentyUiCoreEditorHeaderProperties = {
- title?: string;
- leftNodes?: unknown[];
- rightNodes?: unknown[];
-};
-
-export const TwentyUiCoreEditorHeaderElement = createRemoteElement<
- TwentyUiCoreEditorHeaderProperties,
- Record,
- Record,
- Record
->({
- properties: {
- title: { type: String },
- leftNodes: { type: Array },
- rightNodes: { type: Array },
- },
-});
-
-export type TwentyUiColorSchemeCardProperties = {
- variant: string;
- selected?: boolean;
- slot?: string;
- style?: Record;
- title?: string;
- className?: string;
- onClick?: (...args: unknown[]) => unknown;
- color?: string;
- content?: string;
- translate?: string;
- hidden?: boolean;
- 'aria-label'?: string;
- defaultChecked?: boolean;
- suppressContentEditableWarning?: boolean;
- suppressHydrationWarning?: boolean;
- accessKey?: string;
- autoFocus?: boolean;
- contentEditable?: string;
- contextMenu?: string;
- dir?: string;
- draggable?: string;
- id?: string;
- lang?: string;
- nonce?: string;
- spellCheck?: string;
- tabIndex?: number;
- radioGroup?: string;
- about?: string;
- datatype?: string;
- prefix?: string;
- property?: string;
- rel?: string;
- resource?: string;
- rev?: string;
- typeof?: string;
- vocab?: string;
- autoCapitalize?: string;
- autoCorrect?: string;
- autoSave?: string;
- itemProp?: string;
- itemScope?: boolean;
- itemType?: string;
- itemID?: string;
- itemRef?: string;
- results?: number;
- security?: string;
- unselectable?: string;
- inputMode?: string;
- is?: string;
- 'data-tooltip-id'?: string;
- 'data-tooltip-place'?: string;
- 'data-tooltip-content'?: string;
- 'data-tooltip-html'?: string;
- 'data-tooltip-variant'?: string;
- 'data-tooltip-offset'?: number;
- 'data-tooltip-events'?: unknown[];
- 'data-tooltip-position-strategy'?: string;
- 'data-tooltip-delay-show'?: number;
- 'data-tooltip-delay-hide'?: number;
- 'data-tooltip-float'?: boolean;
- 'data-tooltip-hidden'?: boolean;
- 'data-tooltip-class-name'?: string;
- 'aria-activedescendant'?: string;
- 'aria-atomic'?: string;
- 'aria-autocomplete'?: string;
- 'aria-braillelabel'?: string;
- 'aria-brailleroledescription'?: string;
- 'aria-busy'?: string;
- 'aria-checked'?: string;
- 'aria-colcount'?: number;
- 'aria-colindex'?: number;
- 'aria-colindextext'?: string;
- 'aria-colspan'?: number;
- 'aria-controls'?: string;
- 'aria-current'?: string;
- 'aria-describedby'?: string;
- 'aria-description'?: string;
- 'aria-details'?: string;
- 'aria-disabled'?: string;
- 'aria-dropeffect'?: string;
- 'aria-errormessage'?: string;
- 'aria-expanded'?: string;
- 'aria-flowto'?: string;
- 'aria-grabbed'?: string;
- 'aria-haspopup'?: string;
- 'aria-hidden'?: string;
- 'aria-invalid'?: string;
- 'aria-keyshortcuts'?: string;
- 'aria-labelledby'?: string;
- 'aria-level'?: number;
- 'aria-live'?: string;
- 'aria-modal'?: string;
- 'aria-multiline'?: string;
- 'aria-multiselectable'?: string;
- 'aria-orientation'?: string;
- 'aria-owns'?: string;
- 'aria-placeholder'?: string;
- 'aria-posinset'?: number;
- 'aria-pressed'?: string;
- 'aria-readonly'?: string;
- 'aria-relevant'?: string;
- 'aria-required'?: string;
- 'aria-roledescription'?: string;
- 'aria-rowcount'?: number;
- 'aria-rowindex'?: number;
- 'aria-rowindextext'?: string;
- 'aria-rowspan'?: number;
- 'aria-selected'?: string;
- 'aria-setsize'?: number;
- 'aria-sort'?: string;
- 'aria-valuemax'?: number;
- 'aria-valuemin'?: number;
- 'aria-valuenow'?: number;
- 'aria-valuetext'?: string;
- dangerouslySetInnerHTML?: Record;
- onCopy?: (...args: unknown[]) => unknown;
- onCopyCapture?: (...args: unknown[]) => unknown;
- onCut?: (...args: unknown[]) => unknown;
- onCutCapture?: (...args: unknown[]) => unknown;
- onPaste?: (...args: unknown[]) => unknown;
- onPasteCapture?: (...args: unknown[]) => unknown;
- onCompositionEnd?: (...args: unknown[]) => unknown;
- onCompositionEndCapture?: (...args: unknown[]) => unknown;
- onCompositionStart?: (...args: unknown[]) => unknown;
- onCompositionStartCapture?: (...args: unknown[]) => unknown;
- onCompositionUpdate?: (...args: unknown[]) => unknown;
- onCompositionUpdateCapture?: (...args: unknown[]) => unknown;
- onFocus?: (...args: unknown[]) => unknown;
- onFocusCapture?: (...args: unknown[]) => unknown;
- onBlur?: (...args: unknown[]) => unknown;
- onBlurCapture?: (...args: unknown[]) => unknown;
- onChange?: (...args: unknown[]) => unknown;
- onChangeCapture?: (...args: unknown[]) => unknown;
- onBeforeInput?: (...args: unknown[]) => unknown;
- onBeforeInputCapture?: (...args: unknown[]) => unknown;
- onInput?: (...args: unknown[]) => unknown;
- onInputCapture?: (...args: unknown[]) => unknown;
- onReset?: (...args: unknown[]) => unknown;
- onResetCapture?: (...args: unknown[]) => unknown;
- onSubmit?: (...args: unknown[]) => unknown;
- onSubmitCapture?: (...args: unknown[]) => unknown;
- onInvalid?: (...args: unknown[]) => unknown;
- onInvalidCapture?: (...args: unknown[]) => unknown;
- onLoad?: (...args: unknown[]) => unknown;
- onLoadCapture?: (...args: unknown[]) => unknown;
- onError?: (...args: unknown[]) => unknown;
- onErrorCapture?: (...args: unknown[]) => unknown;
- onKeyDown?: (...args: unknown[]) => unknown;
- onKeyDownCapture?: (...args: unknown[]) => unknown;
- onKeyPress?: (...args: unknown[]) => unknown;
- onKeyPressCapture?: (...args: unknown[]) => unknown;
- onKeyUp?: (...args: unknown[]) => unknown;
- onKeyUpCapture?: (...args: unknown[]) => unknown;
- onAbort?: (...args: unknown[]) => unknown;
- onAbortCapture?: (...args: unknown[]) => unknown;
- onCanPlay?: (...args: unknown[]) => unknown;
- onCanPlayCapture?: (...args: unknown[]) => unknown;
- onCanPlayThrough?: (...args: unknown[]) => unknown;
- onCanPlayThroughCapture?: (...args: unknown[]) => unknown;
- onDurationChange?: (...args: unknown[]) => unknown;
- onDurationChangeCapture?: (...args: unknown[]) => unknown;
- onEmptied?: (...args: unknown[]) => unknown;
- onEmptiedCapture?: (...args: unknown[]) => unknown;
- onEncrypted?: (...args: unknown[]) => unknown;
- onEncryptedCapture?: (...args: unknown[]) => unknown;
- onEnded?: (...args: unknown[]) => unknown;
- onEndedCapture?: (...args: unknown[]) => unknown;
- onLoadedData?: (...args: unknown[]) => unknown;
- onLoadedDataCapture?: (...args: unknown[]) => unknown;
- onLoadedMetadata?: (...args: unknown[]) => unknown;
- onLoadedMetadataCapture?: (...args: unknown[]) => unknown;
- onLoadStart?: (...args: unknown[]) => unknown;
- onLoadStartCapture?: (...args: unknown[]) => unknown;
- onPause?: (...args: unknown[]) => unknown;
- onPauseCapture?: (...args: unknown[]) => unknown;
- onPlay?: (...args: unknown[]) => unknown;
- onPlayCapture?: (...args: unknown[]) => unknown;
- onPlaying?: (...args: unknown[]) => unknown;
- onPlayingCapture?: (...args: unknown[]) => unknown;
- onProgress?: (...args: unknown[]) => unknown;
- onProgressCapture?: (...args: unknown[]) => unknown;
- onRateChange?: (...args: unknown[]) => unknown;
- onRateChangeCapture?: (...args: unknown[]) => unknown;
- onResize?: (...args: unknown[]) => unknown;
- onResizeCapture?: (...args: unknown[]) => unknown;
- onSeeked?: (...args: unknown[]) => unknown;
- onSeekedCapture?: (...args: unknown[]) => unknown;
- onSeeking?: (...args: unknown[]) => unknown;
- onSeekingCapture?: (...args: unknown[]) => unknown;
- onStalled?: (...args: unknown[]) => unknown;
- onStalledCapture?: (...args: unknown[]) => unknown;
- onSuspend?: (...args: unknown[]) => unknown;
- onSuspendCapture?: (...args: unknown[]) => unknown;
- onTimeUpdate?: (...args: unknown[]) => unknown;
- onTimeUpdateCapture?: (...args: unknown[]) => unknown;
- onVolumeChange?: (...args: unknown[]) => unknown;
- onVolumeChangeCapture?: (...args: unknown[]) => unknown;
- onWaiting?: (...args: unknown[]) => unknown;
- onWaitingCapture?: (...args: unknown[]) => unknown;
- onAuxClick?: (...args: unknown[]) => unknown;
- onAuxClickCapture?: (...args: unknown[]) => unknown;
- onClickCapture?: (...args: unknown[]) => unknown;
- onContextMenu?: (...args: unknown[]) => unknown;
- onContextMenuCapture?: (...args: unknown[]) => unknown;
- onDoubleClick?: (...args: unknown[]) => unknown;
- onDoubleClickCapture?: (...args: unknown[]) => unknown;
- onDrag?: (...args: unknown[]) => unknown;
- onDragCapture?: (...args: unknown[]) => unknown;
- onDragEnd?: (...args: unknown[]) => unknown;
- onDragEndCapture?: (...args: unknown[]) => unknown;
- onDragEnter?: (...args: unknown[]) => unknown;
- onDragEnterCapture?: (...args: unknown[]) => unknown;
- onDragExit?: (...args: unknown[]) => unknown;
- onDragExitCapture?: (...args: unknown[]) => unknown;
- onDragLeave?: (...args: unknown[]) => unknown;
- onDragLeaveCapture?: (...args: unknown[]) => unknown;
- onDragOver?: (...args: unknown[]) => unknown;
- onDragOverCapture?: (...args: unknown[]) => unknown;
- onDragStart?: (...args: unknown[]) => unknown;
- onDragStartCapture?: (...args: unknown[]) => unknown;
- onDrop?: (...args: unknown[]) => unknown;
- onDropCapture?: (...args: unknown[]) => unknown;
- onMouseDown?: (...args: unknown[]) => unknown;
- onMouseDownCapture?: (...args: unknown[]) => unknown;
- onMouseEnter?: (...args: unknown[]) => unknown;
- onMouseLeave?: (...args: unknown[]) => unknown;
- onMouseMove?: (...args: unknown[]) => unknown;
- onMouseMoveCapture?: (...args: unknown[]) => unknown;
- onMouseOut?: (...args: unknown[]) => unknown;
- onMouseOutCapture?: (...args: unknown[]) => unknown;
- onMouseOver?: (...args: unknown[]) => unknown;
- onMouseOverCapture?: (...args: unknown[]) => unknown;
- onMouseUp?: (...args: unknown[]) => unknown;
- onMouseUpCapture?: (...args: unknown[]) => unknown;
- onSelect?: (...args: unknown[]) => unknown;
- onSelectCapture?: (...args: unknown[]) => unknown;
- onTouchCancel?: (...args: unknown[]) => unknown;
- onTouchCancelCapture?: (...args: unknown[]) => unknown;
- onTouchEnd?: (...args: unknown[]) => unknown;
- onTouchEndCapture?: (...args: unknown[]) => unknown;
- onTouchMove?: (...args: unknown[]) => unknown;
- onTouchMoveCapture?: (...args: unknown[]) => unknown;
- onTouchStart?: (...args: unknown[]) => unknown;
- onTouchStartCapture?: (...args: unknown[]) => unknown;
- onPointerDown?: (...args: unknown[]) => unknown;
- onPointerDownCapture?: (...args: unknown[]) => unknown;
- onPointerMove?: (...args: unknown[]) => unknown;
- onPointerMoveCapture?: (...args: unknown[]) => unknown;
- onPointerUp?: (...args: unknown[]) => unknown;
- onPointerUpCapture?: (...args: unknown[]) => unknown;
- onPointerCancel?: (...args: unknown[]) => unknown;
- onPointerCancelCapture?: (...args: unknown[]) => unknown;
- onPointerEnter?: (...args: unknown[]) => unknown;
- onPointerLeave?: (...args: unknown[]) => unknown;
- onPointerOver?: (...args: unknown[]) => unknown;
- onPointerOverCapture?: (...args: unknown[]) => unknown;
- onPointerOut?: (...args: unknown[]) => unknown;
- onPointerOutCapture?: (...args: unknown[]) => unknown;
- onGotPointerCapture?: (...args: unknown[]) => unknown;
- onGotPointerCaptureCapture?: (...args: unknown[]) => unknown;
- onLostPointerCapture?: (...args: unknown[]) => unknown;
- onLostPointerCaptureCapture?: (...args: unknown[]) => unknown;
- onScroll?: (...args: unknown[]) => unknown;
- onScrollCapture?: (...args: unknown[]) => unknown;
- onWheel?: (...args: unknown[]) => unknown;
- onWheelCapture?: (...args: unknown[]) => unknown;
- onAnimationStart?: (...args: unknown[]) => unknown;
- onAnimationStartCapture?: (...args: unknown[]) => unknown;
- onAnimationEnd?: (...args: unknown[]) => unknown;
- onAnimationEndCapture?: (...args: unknown[]) => unknown;
- onAnimationIteration?: (...args: unknown[]) => unknown;
- onAnimationIterationCapture?: (...args: unknown[]) => unknown;
- onTransitionEnd?: (...args: unknown[]) => unknown;
- onTransitionEndCapture?: (...args: unknown[]) => unknown;
-};
-
-export const TwentyUiColorSchemeCardElement = createRemoteElement<
- TwentyUiColorSchemeCardProperties,
- Record,
- { children: true; 'data-tooltip-wrapper': true },
- Record
->({
- slots: ['children', 'data-tooltip-wrapper'],
- properties: {
- variant: { type: String },
- selected: { type: Boolean },
- slot: { type: String },
- style: { type: Object },
- title: { type: String },
- className: { type: String },
- onClick: { type: Function },
- color: { type: String },
- content: { type: String },
- translate: { type: String },
- hidden: { type: Boolean },
- 'aria-label': { type: String },
- defaultChecked: { type: Boolean },
- suppressContentEditableWarning: { type: Boolean },
- suppressHydrationWarning: { type: Boolean },
- accessKey: { type: String },
- autoFocus: { type: Boolean },
- contentEditable: { type: String },
- contextMenu: { type: String },
- dir: { type: String },
- draggable: { type: String },
- id: { type: String },
- lang: { type: String },
- nonce: { type: String },
- spellCheck: { type: String },
- tabIndex: { type: Number },
- radioGroup: { type: String },
- about: { type: String },
- datatype: { type: String },
- prefix: { type: String },
- property: { type: String },
- rel: { type: String },
- resource: { type: String },
- rev: { type: String },
- typeof: { type: String },
- vocab: { type: String },
- autoCapitalize: { type: String },
- autoCorrect: { type: String },
- autoSave: { type: String },
- itemProp: { type: String },
- itemScope: { type: Boolean },
- itemType: { type: String },
- itemID: { type: String },
- itemRef: { type: String },
- results: { type: Number },
- security: { type: String },
- unselectable: { type: String },
- inputMode: { type: String },
- is: { type: String },
- 'data-tooltip-id': { type: String },
- 'data-tooltip-place': { type: String },
- 'data-tooltip-content': { type: String },
- 'data-tooltip-html': { type: String },
- 'data-tooltip-variant': { type: String },
- 'data-tooltip-offset': { type: Number },
- 'data-tooltip-events': { type: Array },
- 'data-tooltip-position-strategy': { type: String },
- 'data-tooltip-delay-show': { type: Number },
- 'data-tooltip-delay-hide': { type: Number },
- 'data-tooltip-float': { type: Boolean },
- 'data-tooltip-hidden': { type: Boolean },
- 'data-tooltip-class-name': { type: String },
- 'aria-activedescendant': { type: String },
- 'aria-atomic': { type: String },
- 'aria-autocomplete': { type: String },
- 'aria-braillelabel': { type: String },
- 'aria-brailleroledescription': { type: String },
- 'aria-busy': { type: String },
- 'aria-checked': { type: String },
- 'aria-colcount': { type: Number },
- 'aria-colindex': { type: Number },
- 'aria-colindextext': { type: String },
- 'aria-colspan': { type: Number },
- 'aria-controls': { type: String },
- 'aria-current': { type: String },
- 'aria-describedby': { type: String },
- 'aria-description': { type: String },
- 'aria-details': { type: String },
- 'aria-disabled': { type: String },
- 'aria-dropeffect': { type: String },
- 'aria-errormessage': { type: String },
- 'aria-expanded': { type: String },
- 'aria-flowto': { type: String },
- 'aria-grabbed': { type: String },
- 'aria-haspopup': { type: String },
- 'aria-hidden': { type: String },
- 'aria-invalid': { type: String },
- 'aria-keyshortcuts': { type: String },
- 'aria-labelledby': { type: String },
- 'aria-level': { type: Number },
- 'aria-live': { type: String },
- 'aria-modal': { type: String },
- 'aria-multiline': { type: String },
- 'aria-multiselectable': { type: String },
- 'aria-orientation': { type: String },
- 'aria-owns': { type: String },
- 'aria-placeholder': { type: String },
- 'aria-posinset': { type: Number },
- 'aria-pressed': { type: String },
- 'aria-readonly': { type: String },
- 'aria-relevant': { type: String },
- 'aria-required': { type: String },
- 'aria-roledescription': { type: String },
- 'aria-rowcount': { type: Number },
- 'aria-rowindex': { type: Number },
- 'aria-rowindextext': { type: String },
- 'aria-rowspan': { type: Number },
- 'aria-selected': { type: String },
- 'aria-setsize': { type: Number },
- 'aria-sort': { type: String },
- 'aria-valuemax': { type: Number },
- 'aria-valuemin': { type: Number },
- 'aria-valuenow': { type: Number },
- 'aria-valuetext': { type: String },
- dangerouslySetInnerHTML: { type: Object },
- onCopy: { type: Function },
- onCopyCapture: { type: Function },
- onCut: { type: Function },
- onCutCapture: { type: Function },
- onPaste: { type: Function },
- onPasteCapture: { type: Function },
- onCompositionEnd: { type: Function },
- onCompositionEndCapture: { type: Function },
- onCompositionStart: { type: Function },
- onCompositionStartCapture: { type: Function },
- onCompositionUpdate: { type: Function },
- onCompositionUpdateCapture: { type: Function },
- onFocus: { type: Function },
- onFocusCapture: { type: Function },
- onBlur: { type: Function },
- onBlurCapture: { type: Function },
- onChange: { type: Function },
- onChangeCapture: { type: Function },
- onBeforeInput: { type: Function },
- onBeforeInputCapture: { type: Function },
- onInput: { type: Function },
- onInputCapture: { type: Function },
- onReset: { type: Function },
- onResetCapture: { type: Function },
- onSubmit: { type: Function },
- onSubmitCapture: { type: Function },
- onInvalid: { type: Function },
- onInvalidCapture: { type: Function },
- onLoad: { type: Function },
- onLoadCapture: { type: Function },
- onError: { type: Function },
- onErrorCapture: { type: Function },
- onKeyDown: { type: Function },
- onKeyDownCapture: { type: Function },
- onKeyPress: { type: Function },
- onKeyPressCapture: { type: Function },
- onKeyUp: { type: Function },
- onKeyUpCapture: { type: Function },
- onAbort: { type: Function },
- onAbortCapture: { type: Function },
- onCanPlay: { type: Function },
- onCanPlayCapture: { type: Function },
- onCanPlayThrough: { type: Function },
- onCanPlayThroughCapture: { type: Function },
- onDurationChange: { type: Function },
- onDurationChangeCapture: { type: Function },
- onEmptied: { type: Function },
- onEmptiedCapture: { type: Function },
- onEncrypted: { type: Function },
- onEncryptedCapture: { type: Function },
- onEnded: { type: Function },
- onEndedCapture: { type: Function },
- onLoadedData: { type: Function },
- onLoadedDataCapture: { type: Function },
- onLoadedMetadata: { type: Function },
- onLoadedMetadataCapture: { type: Function },
- onLoadStart: { type: Function },
- onLoadStartCapture: { type: Function },
- onPause: { type: Function },
- onPauseCapture: { type: Function },
- onPlay: { type: Function },
- onPlayCapture: { type: Function },
- onPlaying: { type: Function },
- onPlayingCapture: { type: Function },
- onProgress: { type: Function },
- onProgressCapture: { type: Function },
- onRateChange: { type: Function },
- onRateChangeCapture: { type: Function },
- onResize: { type: Function },
- onResizeCapture: { type: Function },
- onSeeked: { type: Function },
- onSeekedCapture: { type: Function },
- onSeeking: { type: Function },
- onSeekingCapture: { type: Function },
- onStalled: { type: Function },
- onStalledCapture: { type: Function },
- onSuspend: { type: Function },
- onSuspendCapture: { type: Function },
- onTimeUpdate: { type: Function },
- onTimeUpdateCapture: { type: Function },
- onVolumeChange: { type: Function },
- onVolumeChangeCapture: { type: Function },
- onWaiting: { type: Function },
- onWaitingCapture: { type: Function },
- onAuxClick: { type: Function },
- onAuxClickCapture: { type: Function },
- onClickCapture: { type: Function },
- onContextMenu: { type: Function },
- onContextMenuCapture: { type: Function },
- onDoubleClick: { type: Function },
- onDoubleClickCapture: { type: Function },
- onDrag: { type: Function },
- onDragCapture: { type: Function },
- onDragEnd: { type: Function },
- onDragEndCapture: { type: Function },
- onDragEnter: { type: Function },
- onDragEnterCapture: { type: Function },
- onDragExit: { type: Function },
- onDragExitCapture: { type: Function },
- onDragLeave: { type: Function },
- onDragLeaveCapture: { type: Function },
- onDragOver: { type: Function },
- onDragOverCapture: { type: Function },
- onDragStart: { type: Function },
- onDragStartCapture: { type: Function },
- onDrop: { type: Function },
- onDropCapture: { type: Function },
- onMouseDown: { type: Function },
- onMouseDownCapture: { type: Function },
- onMouseEnter: { type: Function },
- onMouseLeave: { type: Function },
- onMouseMove: { type: Function },
- onMouseMoveCapture: { type: Function },
- onMouseOut: { type: Function },
- onMouseOutCapture: { type: Function },
- onMouseOver: { type: Function },
- onMouseOverCapture: { type: Function },
- onMouseUp: { type: Function },
- onMouseUpCapture: { type: Function },
- onSelect: { type: Function },
- onSelectCapture: { type: Function },
- onTouchCancel: { type: Function },
- onTouchCancelCapture: { type: Function },
- onTouchEnd: { type: Function },
- onTouchEndCapture: { type: Function },
- onTouchMove: { type: Function },
- onTouchMoveCapture: { type: Function },
- onTouchStart: { type: Function },
- onTouchStartCapture: { type: Function },
- onPointerDown: { type: Function },
- onPointerDownCapture: { type: Function },
- onPointerMove: { type: Function },
- onPointerMoveCapture: { type: Function },
- onPointerUp: { type: Function },
- onPointerUpCapture: { type: Function },
- onPointerCancel: { type: Function },
- onPointerCancelCapture: { type: Function },
- onPointerEnter: { type: Function },
- onPointerLeave: { type: Function },
- onPointerOver: { type: Function },
- onPointerOverCapture: { type: Function },
- onPointerOut: { type: Function },
- onPointerOutCapture: { type: Function },
- onGotPointerCapture: { type: Function },
- onGotPointerCaptureCapture: { type: Function },
- onLostPointerCapture: { type: Function },
- onLostPointerCaptureCapture: { type: Function },
- onScroll: { type: Function },
- onScrollCapture: { type: Function },
- onWheel: { type: Function },
- onWheelCapture: { type: Function },
- onAnimationStart: { type: Function },
- onAnimationStartCapture: { type: Function },
- onAnimationEnd: { type: Function },
- onAnimationEndCapture: { type: Function },
- onAnimationIteration: { type: Function },
- onAnimationIterationCapture: { type: Function },
- onTransitionEnd: { type: Function },
- onTransitionEndCapture: { type: Function },
- },
-});
-
-export type TwentyUiColorSchemePickerProperties = {
- value: string;
- className?: string;
- onChange: (...args: unknown[]) => unknown;
- lightLabel: string;
- darkLabel: string;
- systemLabel: string;
-};
-
-export const TwentyUiColorSchemePickerElement = createRemoteElement<
- TwentyUiColorSchemePickerProperties,
- Record,
- Record,
- Record
->({
- properties: {
- value: { type: String },
- className: { type: String },
- onChange: { type: Function },
- lightLabel: { type: String },
- darkLabel: { type: String },
- systemLabel: { type: String },
- },
-});
-
-export type TwentyUiCardPickerProperties = {
- handleChange?: (...args: unknown[]) => unknown;
- checked?: boolean;
-};
-
-export const TwentyUiCardPickerElement = createRemoteElement<
- TwentyUiCardPickerProperties,
- Record,
- { children: true },
- Record
->({
- slots: ['children'],
- properties: {
- handleChange: { type: Function },
- checked: { type: Boolean },
- },
-});
-
-export type TwentyUiCheckboxProperties = {
- checked: boolean;
- indeterminate?: boolean;
- hoverable?: boolean;
- onCheckedChange?: (...args: unknown[]) => unknown;
- variant?: string;
- size?: string;
- shape?: string;
- className?: string;
- disabled?: boolean;
- accent?: string;
-};
-
-export const TwentyUiCheckboxElement = createRemoteElement<
- TwentyUiCheckboxProperties,
- Record,
- Record,
- { change(event: RemoteEvent): void }
->({
- properties: {
- checked: { type: Boolean },
- indeterminate: { type: Boolean },
- hoverable: { type: Boolean },
- onCheckedChange: { type: Function },
- variant: { type: String },
- size: { type: String },
- shape: { type: String },
- className: { type: String },
- disabled: { type: Boolean },
- accent: { type: String },
- },
- events: ['change'],
-});
-
-export type TwentyUiRadioProperties = {
- checked?: boolean;
- className?: string;
- name?: string;
- disabled?: boolean;
- label?: string;
- labelPosition?: string;
- onCheckedChange?: (...args: unknown[]) => unknown;
- size?: string;
- style?: Record;
- value?: string;
-};
-
-export const TwentyUiRadioElement = createRemoteElement<
- TwentyUiRadioProperties,
- Record,
- Record,
- { change(event: RemoteEvent): void }
->({
- properties: {
- checked: { type: Boolean },
- className: { type: String },
- name: { type: String },
- disabled: { type: Boolean },
- label: { type: String },
- labelPosition: { type: String },
- onCheckedChange: { type: Function },
- size: { type: String },
- style: { type: Object },
- value: { type: String },
- },
- events: ['change'],
-});
-
-export type TwentyUiRadioGroupProperties = {
- value?: string;
- onValueChange?: (...args: unknown[]) => unknown;
-};
-
-export const TwentyUiRadioGroupElement = createRemoteElement<
- TwentyUiRadioGroupProperties,
- Record,
- { children: true },
- { change(event: RemoteEvent): void }
->({
- slots: ['children'],
- properties: {
- value: { type: String },
- onValueChange: { type: Function },
- },
- events: ['change'],
-});
-
-export type TwentyUiSearchInputProperties = {
- value: string;
- onChange: (...args: unknown[]) => unknown;
- placeholder?: string;
- filterDropdown?: (...args: unknown[]) => unknown;
- autoFocus?: boolean;
- disabled?: boolean;
- className?: string;
-};
-
-export const TwentyUiSearchInputElement = createRemoteElement<
- TwentyUiSearchInputProperties,
- Record,
- Record,
- Record
->({
- properties: {
- value: { type: String },
- onChange: { type: Function },
- placeholder: { type: String },
- filterDropdown: { type: Function },
- autoFocus: { type: Boolean },
- disabled: { type: Boolean },
- className: { type: String },
- },
-});
-
-export type TwentyUiToggleProperties = {
- id?: string;
- value?: boolean;
- onChange?: (...args: unknown[]) => unknown;
- color?: string;
- toggleSize?: string;
- className?: string;
- disabled?: boolean;
-};
-
-export const TwentyUiToggleElement = createRemoteElement<
- TwentyUiToggleProperties,
- Record,
- Record,
- Record
->({
- properties: {
- id: { type: String },
- value: { type: Boolean },
- onChange: { type: Function },
- color: { type: String },
- toggleSize: { type: String },
- className: { type: String },
- disabled: { type: Boolean },
- },
-});
-
-export type TwentyUiAvatarChipProperties = {
- placeholder?: string;
- avatarUrl?: string;
- avatarType?: string;
- IconColor?: string;
- IconBackgroundColor?: string;
- isIconInverted?: boolean;
- placeholderColorSeed?: string;
- divider?: string;
- onClick?: (...args: unknown[]) => unknown;
-};
-
-export const TwentyUiAvatarChipElement = createRemoteElement<
- TwentyUiAvatarChipProperties,
- Record,
- { Icon: true },
- Record
->({
- slots: ['Icon'],
- properties: {
- placeholder: { type: String },
- avatarUrl: { type: String },
- avatarType: { type: String },
- IconColor: { type: String },
- IconBackgroundColor: { type: String },
- isIconInverted: { type: Boolean },
- placeholderColorSeed: { type: String },
- divider: { type: String },
- onClick: { type: Function },
- },
-});
-
-export type TwentyUiMultipleAvatarChipProperties = {
- Icons: unknown[];
- text?: string;
- onClick?: (...args: unknown[]) => unknown;
- testId?: string;
- maxWidth?: number;
- forceEmptyText?: boolean;
- variant?: string;
- emptyLabel?: string;
-};
-
-export const TwentyUiMultipleAvatarChipElement = createRemoteElement<
- TwentyUiMultipleAvatarChipProperties,
- Record,
- { rightComponent: true },
- Record
->({
- slots: ['rightComponent'],
- properties: {
- Icons: { type: Array },
- text: { type: String },
- onClick: { type: Function },
- testId: { type: String },
- maxWidth: { type: Number },
- forceEmptyText: { type: Boolean },
- variant: { type: String },
- emptyLabel: { type: String },
- },
-});
-
-export type TwentyUiChipProperties = {
- size?: string;
- disabled?: boolean;
- clickable?: boolean;
- label: string;
- isLabelHidden?: boolean;
- maxWidth?: number;
- variant?: string;
- accent?: string;
- className?: string;
- forceEmptyText?: boolean;
- emptyLabel?: string;
-};
-
-export const TwentyUiChipElement = createRemoteElement<
- TwentyUiChipProperties,
- Record,
- { leftComponent: true; rightComponent: true },
- Record
->({
- slots: ['leftComponent', 'rightComponent'],
- properties: {
- size: { type: String },
- disabled: { type: Boolean },
- clickable: { type: Boolean },
- label: { type: String },
- isLabelHidden: { type: Boolean },
- maxWidth: { type: Number },
- variant: { type: String },
- accent: { type: String },
- className: { type: String },
- forceEmptyText: { type: Boolean },
- emptyLabel: { type: String },
- },
-});
-
-export type TwentyUiLinkChipProperties = {
- label: string;
- className?: string;
- variant?: string;
- size?: string;
- accent?: string;
- maxWidth?: number;
- forceEmptyText?: boolean;
- emptyLabel?: string;
- isLabelHidden?: boolean;
- to: string;
- triggerEvent?: string;
- target?: string;
-};
-
-export const TwentyUiLinkChipElement = createRemoteElement<
- TwentyUiLinkChipProperties,
- Record,
- { rightComponent: true; leftComponent: true },
- {
- click(event: RemoteEvent): void;
- mousedown(event: RemoteEvent): void;
- }
->({
- slots: ['rightComponent', 'leftComponent'],
- properties: {
- label: { type: String },
- className: { type: String },
- variant: { type: String },
- size: { type: String },
- accent: { type: String },
- maxWidth: { type: Number },
- forceEmptyText: { type: Boolean },
- emptyLabel: { type: String },
- isLabelHidden: { type: Boolean },
- to: { type: String },
- triggerEvent: { type: String },
- target: { type: String },
- },
- events: ['click', 'mousedown'],
-});
-
-export type TwentyUiPillProperties = {
- className?: string;
- label?: string;
-};
-
-export const TwentyUiPillElement = createRemoteElement<
- TwentyUiPillProperties,
- Record,
- { Icon: true },
- Record
->({
- slots: ['Icon'],
- properties: {
- className: { type: String },
- label: { type: String },
- },
-});
-
-export type TwentyUiTagProperties = {
- className?: string;
- color: string;
- text: string;
- onClick?: (...args: unknown[]) => unknown;
- weight?: string;
- variant?: string;
- preventShrink?: boolean;
- preventPadding?: boolean;
-};
-
-export const TwentyUiTagElement = createRemoteElement<
- TwentyUiTagProperties,
- Record,
- { Icon: true },
- Record
->({
- slots: ['Icon'],
- properties: {
- className: { type: String },
- color: { type: String },
- text: { type: String },
- onClick: { type: Function },
- weight: { type: String },
- variant: { type: String },
- preventShrink: { type: Boolean },
- preventPadding: { type: Boolean },
- },
-});
-
-export type TwentyUiAvatarProperties = {
- avatarUrl?: string;
- className?: string;
- size?: string;
- placeholder?: string;
- placeholderColorSeed?: string;
- iconColor?: string;
- type?: string;
- color?: string;
- backgroundColor?: string;
- onClick?: (...args: unknown[]) => unknown;
-};
-
-export const TwentyUiAvatarElement = createRemoteElement<
- TwentyUiAvatarProperties,
- Record,
- { Icon: true },
- Record
->({
- slots: ['Icon'],
- properties: {
- avatarUrl: { type: String },
- className: { type: String },
- size: { type: String },
- placeholder: { type: String },
- placeholderColorSeed: { type: String },
- iconColor: { type: String },
- type: { type: String },
- color: { type: String },
- backgroundColor: { type: String },
- onClick: { type: Function },
- },
-});
-
-export type TwentyUiAvatarGroupProperties = {
- avatars: unknown[];
-};
-
-export const TwentyUiAvatarGroupElement = createRemoteElement<
- TwentyUiAvatarGroupProperties,
- Record,
- Record,
- Record
->({
- properties: {
- avatars: { type: Array },
- },
-});
-
-export type TwentyUiBannerProperties = {
- variant?: string;
- className?: string;
- defaultChecked?: boolean;
- suppressContentEditableWarning?: boolean;
- suppressHydrationWarning?: boolean;
- accessKey?: string;
- autoFocus?: boolean;
- contentEditable?: string;
- contextMenu?: string;
- dir?: string;
- draggable?: string;
- hidden?: boolean;
- id?: string;
- lang?: string;
- nonce?: string;
- slot?: string;
- spellCheck?: string;
- style?: Record;
- tabIndex?: number;
- title?: string;
- translate?: string;
- radioGroup?: string;
- about?: string;
- content?: string;
- datatype?: string;
- prefix?: string;
- property?: string;
- rel?: string;
- resource?: string;
- rev?: string;
- typeof?: string;
- vocab?: string;
- autoCapitalize?: string;
- autoCorrect?: string;
- autoSave?: string;
- color?: string;
- itemProp?: string;
- itemScope?: boolean;
- itemType?: string;
- itemID?: string;
- itemRef?: string;
- results?: number;
- security?: string;
- unselectable?: string;
- inputMode?: string;
- is?: string;
- 'data-tooltip-id'?: string;
- 'data-tooltip-place'?: string;
- 'data-tooltip-content'?: string;
- 'data-tooltip-html'?: string;
- 'data-tooltip-variant'?: string;
- 'data-tooltip-offset'?: number;
- 'data-tooltip-events'?: unknown[];
- 'data-tooltip-position-strategy'?: string;
- 'data-tooltip-delay-show'?: number;
- 'data-tooltip-delay-hide'?: number;
- 'data-tooltip-float'?: boolean;
- 'data-tooltip-hidden'?: boolean;
- 'data-tooltip-class-name'?: string;
- 'aria-activedescendant'?: string;
- 'aria-atomic'?: string;
- 'aria-autocomplete'?: string;
- 'aria-braillelabel'?: string;
- 'aria-brailleroledescription'?: string;
- 'aria-busy'?: string;
- 'aria-checked'?: string;
- 'aria-colcount'?: number;
- 'aria-colindex'?: number;
- 'aria-colindextext'?: string;
- 'aria-colspan'?: number;
- 'aria-controls'?: string;
- 'aria-current'?: string;
- 'aria-describedby'?: string;
- 'aria-description'?: string;
- 'aria-details'?: string;
- 'aria-disabled'?: string;
- 'aria-dropeffect'?: string;
- 'aria-errormessage'?: string;
- 'aria-expanded'?: string;
- 'aria-flowto'?: string;
- 'aria-grabbed'?: string;
- 'aria-haspopup'?: string;
- 'aria-hidden'?: string;
- 'aria-invalid'?: string;
- 'aria-keyshortcuts'?: string;
- 'aria-label'?: string;
- 'aria-labelledby'?: string;
- 'aria-level'?: number;
- 'aria-live'?: string;
- 'aria-modal'?: string;
- 'aria-multiline'?: string;
- 'aria-multiselectable'?: string;
- 'aria-orientation'?: string;
- 'aria-owns'?: string;
- 'aria-placeholder'?: string;
- 'aria-posinset'?: number;
- 'aria-pressed'?: string;
- 'aria-readonly'?: string;
- 'aria-relevant'?: string;
- 'aria-required'?: string;
- 'aria-roledescription'?: string;
- 'aria-rowcount'?: number;
- 'aria-rowindex'?: number;
- 'aria-rowindextext'?: string;
- 'aria-rowspan'?: number;
- 'aria-selected'?: string;
- 'aria-setsize'?: number;
- 'aria-sort'?: string;
- 'aria-valuemax'?: number;
- 'aria-valuemin'?: number;
- 'aria-valuenow'?: number;
- 'aria-valuetext'?: string;
- dangerouslySetInnerHTML?: Record;
- onCopy?: (...args: unknown[]) => unknown;
- onCopyCapture?: (...args: unknown[]) => unknown;
- onCut?: (...args: unknown[]) => unknown;
- onCutCapture?: (...args: unknown[]) => unknown;
- onPaste?: (...args: unknown[]) => unknown;
- onPasteCapture?: (...args: unknown[]) => unknown;
- onCompositionEnd?: (...args: unknown[]) => unknown;
- onCompositionEndCapture?: (...args: unknown[]) => unknown;
- onCompositionStart?: (...args: unknown[]) => unknown;
- onCompositionStartCapture?: (...args: unknown[]) => unknown;
- onCompositionUpdate?: (...args: unknown[]) => unknown;
- onCompositionUpdateCapture?: (...args: unknown[]) => unknown;
- onFocus?: (...args: unknown[]) => unknown;
- onFocusCapture?: (...args: unknown[]) => unknown;
- onBlur?: (...args: unknown[]) => unknown;
- onBlurCapture?: (...args: unknown[]) => unknown;
- onChange?: (...args: unknown[]) => unknown;
- onChangeCapture?: (...args: unknown[]) => unknown;
- onBeforeInput?: (...args: unknown[]) => unknown;
- onBeforeInputCapture?: (...args: unknown[]) => unknown;
- onInput?: (...args: unknown[]) => unknown;
- onInputCapture?: (...args: unknown[]) => unknown;
- onReset?: (...args: unknown[]) => unknown;
- onResetCapture?: (...args: unknown[]) => unknown;
- onSubmit?: (...args: unknown[]) => unknown;
- onSubmitCapture?: (...args: unknown[]) => unknown;
- onInvalid?: (...args: unknown[]) => unknown;
- onInvalidCapture?: (...args: unknown[]) => unknown;
- onLoad?: (...args: unknown[]) => unknown;
- onLoadCapture?: (...args: unknown[]) => unknown;
- onError?: (...args: unknown[]) => unknown;
- onErrorCapture?: (...args: unknown[]) => unknown;
- onKeyDown?: (...args: unknown[]) => unknown;
- onKeyDownCapture?: (...args: unknown[]) => unknown;
- onKeyPress?: (...args: unknown[]) => unknown;
- onKeyPressCapture?: (...args: unknown[]) => unknown;
- onKeyUp?: (...args: unknown[]) => unknown;
- onKeyUpCapture?: (...args: unknown[]) => unknown;
- onAbort?: (...args: unknown[]) => unknown;
- onAbortCapture?: (...args: unknown[]) => unknown;
- onCanPlay?: (...args: unknown[]) => unknown;
- onCanPlayCapture?: (...args: unknown[]) => unknown;
- onCanPlayThrough?: (...args: unknown[]) => unknown;
- onCanPlayThroughCapture?: (...args: unknown[]) => unknown;
- onDurationChange?: (...args: unknown[]) => unknown;
- onDurationChangeCapture?: (...args: unknown[]) => unknown;
- onEmptied?: (...args: unknown[]) => unknown;
- onEmptiedCapture?: (...args: unknown[]) => unknown;
- onEncrypted?: (...args: unknown[]) => unknown;
- onEncryptedCapture?: (...args: unknown[]) => unknown;
- onEnded?: (...args: unknown[]) => unknown;
- onEndedCapture?: (...args: unknown[]) => unknown;
- onLoadedData?: (...args: unknown[]) => unknown;
- onLoadedDataCapture?: (...args: unknown[]) => unknown;
- onLoadedMetadata?: (...args: unknown[]) => unknown;
- onLoadedMetadataCapture?: (...args: unknown[]) => unknown;
- onLoadStart?: (...args: unknown[]) => unknown;
- onLoadStartCapture?: (...args: unknown[]) => unknown;
- onPause?: (...args: unknown[]) => unknown;
- onPauseCapture?: (...args: unknown[]) => unknown;
- onPlay?: (...args: unknown[]) => unknown;
- onPlayCapture?: (...args: unknown[]) => unknown;
- onPlaying?: (...args: unknown[]) => unknown;
- onPlayingCapture?: (...args: unknown[]) => unknown;
- onProgress?: (...args: unknown[]) => unknown;
- onProgressCapture?: (...args: unknown[]) => unknown;
- onRateChange?: (...args: unknown[]) => unknown;
- onRateChangeCapture?: (...args: unknown[]) => unknown;
- onResize?: (...args: unknown[]) => unknown;
- onResizeCapture?: (...args: unknown[]) => unknown;
- onSeeked?: (...args: unknown[]) => unknown;
- onSeekedCapture?: (...args: unknown[]) => unknown;
- onSeeking?: (...args: unknown[]) => unknown;
- onSeekingCapture?: (...args: unknown[]) => unknown;
- onStalled?: (...args: unknown[]) => unknown;
- onStalledCapture?: (...args: unknown[]) => unknown;
- onSuspend?: (...args: unknown[]) => unknown;
- onSuspendCapture?: (...args: unknown[]) => unknown;
- onTimeUpdate?: (...args: unknown[]) => unknown;
- onTimeUpdateCapture?: (...args: unknown[]) => unknown;
- onVolumeChange?: (...args: unknown[]) => unknown;
- onVolumeChangeCapture?: (...args: unknown[]) => unknown;
- onWaiting?: (...args: unknown[]) => unknown;
- onWaitingCapture?: (...args: unknown[]) => unknown;
- onAuxClick?: (...args: unknown[]) => unknown;
- onAuxClickCapture?: (...args: unknown[]) => unknown;
- onClick?: (...args: unknown[]) => unknown;
- onClickCapture?: (...args: unknown[]) => unknown;
- onContextMenu?: (...args: unknown[]) => unknown;
- onContextMenuCapture?: (...args: unknown[]) => unknown;
- onDoubleClick?: (...args: unknown[]) => unknown;
- onDoubleClickCapture?: (...args: unknown[]) => unknown;
- onDrag?: (...args: unknown[]) => unknown;
- onDragCapture?: (...args: unknown[]) => unknown;
- onDragEnd?: (...args: unknown[]) => unknown;
- onDragEndCapture?: (...args: unknown[]) => unknown;
- onDragEnter?: (...args: unknown[]) => unknown;
- onDragEnterCapture?: (...args: unknown[]) => unknown;
- onDragExit?: (...args: unknown[]) => unknown;
- onDragExitCapture?: (...args: unknown[]) => unknown;
- onDragLeave?: (...args: unknown[]) => unknown;
- onDragLeaveCapture?: (...args: unknown[]) => unknown;
- onDragOver?: (...args: unknown[]) => unknown;
- onDragOverCapture?: (...args: unknown[]) => unknown;
- onDragStart?: (...args: unknown[]) => unknown;
- onDragStartCapture?: (...args: unknown[]) => unknown;
- onDrop?: (...args: unknown[]) => unknown;
- onDropCapture?: (...args: unknown[]) => unknown;
- onMouseDown?: (...args: unknown[]) => unknown;
- onMouseDownCapture?: (...args: unknown[]) => unknown;
- onMouseEnter?: (...args: unknown[]) => unknown;
- onMouseLeave?: (...args: unknown[]) => unknown;
- onMouseMove?: (...args: unknown[]) => unknown;
- onMouseMoveCapture?: (...args: unknown[]) => unknown;
- onMouseOut?: (...args: unknown[]) => unknown;
- onMouseOutCapture?: (...args: unknown[]) => unknown;
- onMouseOver?: (...args: unknown[]) => unknown;
- onMouseOverCapture?: (...args: unknown[]) => unknown;
- onMouseUp?: (...args: unknown[]) => unknown;
- onMouseUpCapture?: (...args: unknown[]) => unknown;
- onSelect?: (...args: unknown[]) => unknown;
- onSelectCapture?: (...args: unknown[]) => unknown;
- onTouchCancel?: (...args: unknown[]) => unknown;
- onTouchCancelCapture?: (...args: unknown[]) => unknown;
- onTouchEnd?: (...args: unknown[]) => unknown;
- onTouchEndCapture?: (...args: unknown[]) => unknown;
- onTouchMove?: (...args: unknown[]) => unknown;
- onTouchMoveCapture?: (...args: unknown[]) => unknown;
- onTouchStart?: (...args: unknown[]) => unknown;
- onTouchStartCapture?: (...args: unknown[]) => unknown;
- onPointerDown?: (...args: unknown[]) => unknown;
- onPointerDownCapture?: (...args: unknown[]) => unknown;
- onPointerMove?: (...args: unknown[]) => unknown;
- onPointerMoveCapture?: (...args: unknown[]) => unknown;
- onPointerUp?: (...args: unknown[]) => unknown;
- onPointerUpCapture?: (...args: unknown[]) => unknown;
- onPointerCancel?: (...args: unknown[]) => unknown;
- onPointerCancelCapture?: (...args: unknown[]) => unknown;
- onPointerEnter?: (...args: unknown[]) => unknown;
- onPointerLeave?: (...args: unknown[]) => unknown;
- onPointerOver?: (...args: unknown[]) => unknown;
- onPointerOverCapture?: (...args: unknown[]) => unknown;
- onPointerOut?: (...args: unknown[]) => unknown;
- onPointerOutCapture?: (...args: unknown[]) => unknown;
- onGotPointerCapture?: (...args: unknown[]) => unknown;
- onGotPointerCaptureCapture?: (...args: unknown[]) => unknown;
- onLostPointerCapture?: (...args: unknown[]) => unknown;
- onLostPointerCaptureCapture?: (...args: unknown[]) => unknown;
- onScroll?: (...args: unknown[]) => unknown;
- onScrollCapture?: (...args: unknown[]) => unknown;
- onWheel?: (...args: unknown[]) => unknown;
- onWheelCapture?: (...args: unknown[]) => unknown;
- onAnimationStart?: (...args: unknown[]) => unknown;
- onAnimationStartCapture?: (...args: unknown[]) => unknown;
- onAnimationEnd?: (...args: unknown[]) => unknown;
- onAnimationEndCapture?: (...args: unknown[]) => unknown;
- onAnimationIteration?: (...args: unknown[]) => unknown;
- onAnimationIterationCapture?: (...args: unknown[]) => unknown;
- onTransitionEnd?: (...args: unknown[]) => unknown;
- onTransitionEndCapture?: (...args: unknown[]) => unknown;
-};
-
-export const TwentyUiBannerElement = createRemoteElement<
- TwentyUiBannerProperties,
- Record,
- { children: true; 'data-tooltip-wrapper': true },
- Record
->({
- slots: ['children', 'data-tooltip-wrapper'],
- properties: {
- variant: { type: String },
- className: { type: String },
- defaultChecked: { type: Boolean },
- suppressContentEditableWarning: { type: Boolean },
- suppressHydrationWarning: { type: Boolean },
- accessKey: { type: String },
- autoFocus: { type: Boolean },
- contentEditable: { type: String },
- contextMenu: { type: String },
- dir: { type: String },
- draggable: { type: String },
- hidden: { type: Boolean },
- id: { type: String },
- lang: { type: String },
- nonce: { type: String },
- slot: { type: String },
- spellCheck: { type: String },
- style: { type: Object },
- tabIndex: { type: Number },
- title: { type: String },
- translate: { type: String },
- radioGroup: { type: String },
- about: { type: String },
- content: { type: String },
- datatype: { type: String },
- prefix: { type: String },
- property: { type: String },
- rel: { type: String },
- resource: { type: String },
- rev: { type: String },
- typeof: { type: String },
- vocab: { type: String },
- autoCapitalize: { type: String },
- autoCorrect: { type: String },
- autoSave: { type: String },
- color: { type: String },
- itemProp: { type: String },
- itemScope: { type: Boolean },
- itemType: { type: String },
- itemID: { type: String },
- itemRef: { type: String },
- results: { type: Number },
- security: { type: String },
- unselectable: { type: String },
- inputMode: { type: String },
- is: { type: String },
- 'data-tooltip-id': { type: String },
- 'data-tooltip-place': { type: String },
- 'data-tooltip-content': { type: String },
- 'data-tooltip-html': { type: String },
- 'data-tooltip-variant': { type: String },
- 'data-tooltip-offset': { type: Number },
- 'data-tooltip-events': { type: Array },
- 'data-tooltip-position-strategy': { type: String },
- 'data-tooltip-delay-show': { type: Number },
- 'data-tooltip-delay-hide': { type: Number },
- 'data-tooltip-float': { type: Boolean },
- 'data-tooltip-hidden': { type: Boolean },
- 'data-tooltip-class-name': { type: String },
- 'aria-activedescendant': { type: String },
- 'aria-atomic': { type: String },
- 'aria-autocomplete': { type: String },
- 'aria-braillelabel': { type: String },
- 'aria-brailleroledescription': { type: String },
- 'aria-busy': { type: String },
- 'aria-checked': { type: String },
- 'aria-colcount': { type: Number },
- 'aria-colindex': { type: Number },
- 'aria-colindextext': { type: String },
- 'aria-colspan': { type: Number },
- 'aria-controls': { type: String },
- 'aria-current': { type: String },
- 'aria-describedby': { type: String },
- 'aria-description': { type: String },
- 'aria-details': { type: String },
- 'aria-disabled': { type: String },
- 'aria-dropeffect': { type: String },
- 'aria-errormessage': { type: String },
- 'aria-expanded': { type: String },
- 'aria-flowto': { type: String },
- 'aria-grabbed': { type: String },
- 'aria-haspopup': { type: String },
- 'aria-hidden': { type: String },
- 'aria-invalid': { type: String },
- 'aria-keyshortcuts': { type: String },
- 'aria-label': { type: String },
- 'aria-labelledby': { type: String },
- 'aria-level': { type: Number },
- 'aria-live': { type: String },
- 'aria-modal': { type: String },
- 'aria-multiline': { type: String },
- 'aria-multiselectable': { type: String },
- 'aria-orientation': { type: String },
- 'aria-owns': { type: String },
- 'aria-placeholder': { type: String },
- 'aria-posinset': { type: Number },
- 'aria-pressed': { type: String },
- 'aria-readonly': { type: String },
- 'aria-relevant': { type: String },
- 'aria-required': { type: String },
- 'aria-roledescription': { type: String },
- 'aria-rowcount': { type: Number },
- 'aria-rowindex': { type: Number },
- 'aria-rowindextext': { type: String },
- 'aria-rowspan': { type: Number },
- 'aria-selected': { type: String },
- 'aria-setsize': { type: Number },
- 'aria-sort': { type: String },
- 'aria-valuemax': { type: Number },
- 'aria-valuemin': { type: Number },
- 'aria-valuenow': { type: Number },
- 'aria-valuetext': { type: String },
- dangerouslySetInnerHTML: { type: Object },
- onCopy: { type: Function },
- onCopyCapture: { type: Function },
- onCut: { type: Function },
- onCutCapture: { type: Function },
- onPaste: { type: Function },
- onPasteCapture: { type: Function },
- onCompositionEnd: { type: Function },
- onCompositionEndCapture: { type: Function },
- onCompositionStart: { type: Function },
- onCompositionStartCapture: { type: Function },
- onCompositionUpdate: { type: Function },
- onCompositionUpdateCapture: { type: Function },
- onFocus: { type: Function },
- onFocusCapture: { type: Function },
- onBlur: { type: Function },
- onBlurCapture: { type: Function },
- onChange: { type: Function },
- onChangeCapture: { type: Function },
- onBeforeInput: { type: Function },
- onBeforeInputCapture: { type: Function },
- onInput: { type: Function },
- onInputCapture: { type: Function },
- onReset: { type: Function },
- onResetCapture: { type: Function },
- onSubmit: { type: Function },
- onSubmitCapture: { type: Function },
- onInvalid: { type: Function },
- onInvalidCapture: { type: Function },
- onLoad: { type: Function },
- onLoadCapture: { type: Function },
- onError: { type: Function },
- onErrorCapture: { type: Function },
- onKeyDown: { type: Function },
- onKeyDownCapture: { type: Function },
- onKeyPress: { type: Function },
- onKeyPressCapture: { type: Function },
- onKeyUp: { type: Function },
- onKeyUpCapture: { type: Function },
- onAbort: { type: Function },
- onAbortCapture: { type: Function },
- onCanPlay: { type: Function },
- onCanPlayCapture: { type: Function },
- onCanPlayThrough: { type: Function },
- onCanPlayThroughCapture: { type: Function },
- onDurationChange: { type: Function },
- onDurationChangeCapture: { type: Function },
- onEmptied: { type: Function },
- onEmptiedCapture: { type: Function },
- onEncrypted: { type: Function },
- onEncryptedCapture: { type: Function },
- onEnded: { type: Function },
- onEndedCapture: { type: Function },
- onLoadedData: { type: Function },
- onLoadedDataCapture: { type: Function },
- onLoadedMetadata: { type: Function },
- onLoadedMetadataCapture: { type: Function },
- onLoadStart: { type: Function },
- onLoadStartCapture: { type: Function },
- onPause: { type: Function },
- onPauseCapture: { type: Function },
- onPlay: { type: Function },
- onPlayCapture: { type: Function },
- onPlaying: { type: Function },
- onPlayingCapture: { type: Function },
- onProgress: { type: Function },
- onProgressCapture: { type: Function },
- onRateChange: { type: Function },
- onRateChangeCapture: { type: Function },
- onResize: { type: Function },
- onResizeCapture: { type: Function },
- onSeeked: { type: Function },
- onSeekedCapture: { type: Function },
- onSeeking: { type: Function },
- onSeekingCapture: { type: Function },
- onStalled: { type: Function },
- onStalledCapture: { type: Function },
- onSuspend: { type: Function },
- onSuspendCapture: { type: Function },
- onTimeUpdate: { type: Function },
- onTimeUpdateCapture: { type: Function },
- onVolumeChange: { type: Function },
- onVolumeChangeCapture: { type: Function },
- onWaiting: { type: Function },
- onWaitingCapture: { type: Function },
- onAuxClick: { type: Function },
- onAuxClickCapture: { type: Function },
- onClick: { type: Function },
- onClickCapture: { type: Function },
- onContextMenu: { type: Function },
- onContextMenuCapture: { type: Function },
- onDoubleClick: { type: Function },
- onDoubleClickCapture: { type: Function },
- onDrag: { type: Function },
- onDragCapture: { type: Function },
- onDragEnd: { type: Function },
- onDragEndCapture: { type: Function },
- onDragEnter: { type: Function },
- onDragEnterCapture: { type: Function },
- onDragExit: { type: Function },
- onDragExitCapture: { type: Function },
- onDragLeave: { type: Function },
- onDragLeaveCapture: { type: Function },
- onDragOver: { type: Function },
- onDragOverCapture: { type: Function },
- onDragStart: { type: Function },
- onDragStartCapture: { type: Function },
- onDrop: { type: Function },
- onDropCapture: { type: Function },
- onMouseDown: { type: Function },
- onMouseDownCapture: { type: Function },
- onMouseEnter: { type: Function },
- onMouseLeave: { type: Function },
- onMouseMove: { type: Function },
- onMouseMoveCapture: { type: Function },
- onMouseOut: { type: Function },
- onMouseOutCapture: { type: Function },
- onMouseOver: { type: Function },
- onMouseOverCapture: { type: Function },
- onMouseUp: { type: Function },
- onMouseUpCapture: { type: Function },
- onSelect: { type: Function },
- onSelectCapture: { type: Function },
- onTouchCancel: { type: Function },
- onTouchCancelCapture: { type: Function },
- onTouchEnd: { type: Function },
- onTouchEndCapture: { type: Function },
- onTouchMove: { type: Function },
- onTouchMoveCapture: { type: Function },
- onTouchStart: { type: Function },
- onTouchStartCapture: { type: Function },
- onPointerDown: { type: Function },
- onPointerDownCapture: { type: Function },
- onPointerMove: { type: Function },
- onPointerMoveCapture: { type: Function },
- onPointerUp: { type: Function },
- onPointerUpCapture: { type: Function },
- onPointerCancel: { type: Function },
- onPointerCancelCapture: { type: Function },
- onPointerEnter: { type: Function },
- onPointerLeave: { type: Function },
- onPointerOver: { type: Function },
- onPointerOverCapture: { type: Function },
- onPointerOut: { type: Function },
- onPointerOutCapture: { type: Function },
- onGotPointerCapture: { type: Function },
- onGotPointerCaptureCapture: { type: Function },
- onLostPointerCapture: { type: Function },
- onLostPointerCaptureCapture: { type: Function },
- onScroll: { type: Function },
- onScrollCapture: { type: Function },
- onWheel: { type: Function },
- onWheelCapture: { type: Function },
- onAnimationStart: { type: Function },
- onAnimationStartCapture: { type: Function },
- onAnimationEnd: { type: Function },
- onAnimationEndCapture: { type: Function },
- onAnimationIteration: { type: Function },
- onAnimationIterationCapture: { type: Function },
- onTransitionEnd: { type: Function },
- onTransitionEndCapture: { type: Function },
- },
-});
-
-export type TwentyUiSidePanelInformationBannerProperties = {
- message: string;
- className?: string;
- variant?: string;
- tooltipMessage?: string;
-};
-
-export const TwentyUiSidePanelInformationBannerElement = createRemoteElement<
- TwentyUiSidePanelInformationBannerProperties,
- Record,
- Record,
- Record
->({
- properties: {
- message: { type: String },
- className: { type: String },
- variant: { type: String },
- tooltipMessage: { type: String },
- },
-});
-
-export type TwentyUiCalloutProperties = {
- variant: string;
- title: string;
- description: string;
- learnMoreText: string;
- learnMoreUrl: string;
- onClose: (...args: unknown[]) => unknown;
-};
-
-export const TwentyUiCalloutElement = createRemoteElement<
- TwentyUiCalloutProperties,
- Record,
- Record,
- Record
->({
- properties: {
- variant: { type: String },
- title: { type: String },
- description: { type: String },
- learnMoreText: { type: String },
- learnMoreUrl: { type: String },
- onClose: { type: Function },
- },
-});
-
-export type TwentyUiAnimatedCheckmarkProperties = {
- string?: string;
- clipPath?: string;
- filter?: string;
- mask?: string;
- path?: string;
- type?: string;
- className?: string;
- onClick?: (...args: unknown[]) => unknown;
- to?: string;
- target?: string;
- rotate?: string;
- scale?: string;
- color?: string;
- cursor?: string;
- direction?: string;
- display?: string;
- fontFamily?: string;
- fontSize?: string;
- fontSizeAdjust?: string;
- fontStretch?: string;
- fontStyle?: string;
- fontVariant?: string;
- fontWeight?: string;
- height?: string;
- imageRendering?: string;
- letterSpacing?: string;
- opacity?: string;
- order?: string;
- paintOrder?: string;
- pointerEvents?: string;
- textRendering?: string;
- transform?: string;
- unicodeBidi?: string;
- visibility?: string;
- width?: string;
- wordSpacing?: string;
- writingMode?: string;
- offset?: string;
- overflow?: string;
- textDecoration?: string;
- azimuth?: string;
- clip?: string;
- alignmentBaseline?: string;
- baselineShift?: string;
- clipRule?: string;
- colorInterpolation?: string;
- colorRendering?: string;
- dominantBaseline?: string;
- fill?: string;
- fillOpacity?: string;
- fillRule?: string;
- floodColor?: string;
- floodOpacity?: string;
- glyphOrientationVertical?: string;
- lightingColor?: string;
- markerEnd?: string;
- markerMid?: string;
- markerStart?: string;
- shapeRendering?: string;
- stopColor?: string;
- stopOpacity?: string;
- stroke?: string;
- strokeDasharray?: string;
- strokeDashoffset?: string;
- strokeLinecap?: string;
- strokeLinejoin?: string;
- strokeMiterlimit?: string;
- strokeOpacity?: string;
- strokeWidth?: string;
- textAnchor?: string;
- vectorEffect?: string;
- alphabetic?: string;
- hanging?: string;
- ideographic?: string;
- mathematical?: string;
- end?: string;
- 'aria-label'?: string;
- name?: string;
- suppressHydrationWarning?: boolean;
- id?: string;
- lang?: string;
- tabIndex?: number;
- 'aria-activedescendant'?: string;
- 'aria-atomic'?: string;
- 'aria-autocomplete'?: string;
- 'aria-braillelabel'?: string;
- 'aria-brailleroledescription'?: string;
- 'aria-busy'?: string;
- 'aria-checked'?: string;
- 'aria-colcount'?: number;
- 'aria-colindex'?: number;
- 'aria-colindextext'?: string;
- 'aria-colspan'?: number;
- 'aria-controls'?: string;
- 'aria-current'?: string;
- 'aria-describedby'?: string;
- 'aria-description'?: string;
- 'aria-details'?: string;
- 'aria-disabled'?: string;
- 'aria-dropeffect'?: string;
- 'aria-errormessage'?: string;
- 'aria-expanded'?: string;
- 'aria-flowto'?: string;
- 'aria-grabbed'?: string;
- 'aria-haspopup'?: string;
- 'aria-hidden'?: string;
- 'aria-invalid'?: string;
- 'aria-keyshortcuts'?: string;
- 'aria-labelledby'?: string;
- 'aria-level'?: number;
- 'aria-live'?: string;
- 'aria-modal'?: string;
- 'aria-multiline'?: string;
- 'aria-multiselectable'?: string;
- 'aria-orientation'?: string;
- 'aria-owns'?: string;
- 'aria-placeholder'?: string;
- 'aria-posinset'?: number;
- 'aria-pressed'?: string;
- 'aria-readonly'?: string;
- 'aria-relevant'?: string;
- 'aria-required'?: string;
- 'aria-roledescription'?: string;
- 'aria-rowcount'?: number;
- 'aria-rowindex'?: number;
- 'aria-rowindextext'?: string;
- 'aria-rowspan'?: number;
- 'aria-selected'?: string;
- 'aria-setsize'?: number;
- 'aria-sort'?: string;
- 'aria-valuemax'?: number;
- 'aria-valuemin'?: number;
- 'aria-valuenow'?: number;
- 'aria-valuetext'?: string;
- dangerouslySetInnerHTML?: Record;
- onCopy?: (...args: unknown[]) => unknown;
- onCopyCapture?: (...args: unknown[]) => unknown;
- onCut?: (...args: unknown[]) => unknown;
- onCutCapture?: (...args: unknown[]) => unknown;
- onPaste?: (...args: unknown[]) => unknown;
- onPasteCapture?: (...args: unknown[]) => unknown;
- onCompositionEnd?: (...args: unknown[]) => unknown;
- onCompositionEndCapture?: (...args: unknown[]) => unknown;
- onCompositionStart?: (...args: unknown[]) => unknown;
- onCompositionStartCapture?: (...args: unknown[]) => unknown;
- onCompositionUpdate?: (...args: unknown[]) => unknown;
- onCompositionUpdateCapture?: (...args: unknown[]) => unknown;
- onFocus?: (...args: unknown[]) => unknown;
- onFocusCapture?: (...args: unknown[]) => unknown;
- onBlur?: (...args: unknown[]) => unknown;
- onBlurCapture?: (...args: unknown[]) => unknown;
- onChange?: (...args: unknown[]) => unknown;
- onChangeCapture?: (...args: unknown[]) => unknown;
- onBeforeInput?: (...args: unknown[]) => unknown;
- onBeforeInputCapture?: (...args: unknown[]) => unknown;
- onInput?: (...args: unknown[]) => unknown;
- onInputCapture?: (...args: unknown[]) => unknown;
- onReset?: (...args: unknown[]) => unknown;
- onResetCapture?: (...args: unknown[]) => unknown;
- onSubmit?: (...args: unknown[]) => unknown;
- onSubmitCapture?: (...args: unknown[]) => unknown;
- onInvalid?: (...args: unknown[]) => unknown;
- onInvalidCapture?: (...args: unknown[]) => unknown;
- onLoad?: (...args: unknown[]) => unknown;
- onLoadCapture?: (...args: unknown[]) => unknown;
- onError?: (...args: unknown[]) => unknown;
- onErrorCapture?: (...args: unknown[]) => unknown;
- onKeyDown?: (...args: unknown[]) => unknown;
- onKeyDownCapture?: (...args: unknown[]) => unknown;
- onKeyPress?: (...args: unknown[]) => unknown;
- onKeyPressCapture?: (...args: unknown[]) => unknown;
- onKeyUp?: (...args: unknown[]) => unknown;
- onKeyUpCapture?: (...args: unknown[]) => unknown;
- onAbort?: (...args: unknown[]) => unknown;
- onAbortCapture?: (...args: unknown[]) => unknown;
- onCanPlay?: (...args: unknown[]) => unknown;
- onCanPlayCapture?: (...args: unknown[]) => unknown;
- onCanPlayThrough?: (...args: unknown[]) => unknown;
- onCanPlayThroughCapture?: (...args: unknown[]) => unknown;
- onDurationChange?: (...args: unknown[]) => unknown;
- onDurationChangeCapture?: (...args: unknown[]) => unknown;
- onEmptied?: (...args: unknown[]) => unknown;
- onEmptiedCapture?: (...args: unknown[]) => unknown;
- onEncrypted?: (...args: unknown[]) => unknown;
- onEncryptedCapture?: (...args: unknown[]) => unknown;
- onEnded?: (...args: unknown[]) => unknown;
- onEndedCapture?: (...args: unknown[]) => unknown;
- onLoadedData?: (...args: unknown[]) => unknown;
- onLoadedDataCapture?: (...args: unknown[]) => unknown;
- onLoadedMetadata?: (...args: unknown[]) => unknown;
- onLoadedMetadataCapture?: (...args: unknown[]) => unknown;
- onLoadStart?: (...args: unknown[]) => unknown;
- onLoadStartCapture?: (...args: unknown[]) => unknown;
- onPause?: (...args: unknown[]) => unknown;
- onPauseCapture?: (...args: unknown[]) => unknown;
- onPlay?: (...args: unknown[]) => unknown;
- onPlayCapture?: (...args: unknown[]) => unknown;
- onPlaying?: (...args: unknown[]) => unknown;
- onPlayingCapture?: (...args: unknown[]) => unknown;
- onProgress?: (...args: unknown[]) => unknown;
- onProgressCapture?: (...args: unknown[]) => unknown;
- onRateChange?: (...args: unknown[]) => unknown;
- onRateChangeCapture?: (...args: unknown[]) => unknown;
- onResize?: (...args: unknown[]) => unknown;
- onResizeCapture?: (...args: unknown[]) => unknown;
- onSeeked?: (...args: unknown[]) => unknown;
- onSeekedCapture?: (...args: unknown[]) => unknown;
- onSeeking?: (...args: unknown[]) => unknown;
- onSeekingCapture?: (...args: unknown[]) => unknown;
- onStalled?: (...args: unknown[]) => unknown;
- onStalledCapture?: (...args: unknown[]) => unknown;
- onSuspend?: (...args: unknown[]) => unknown;
- onSuspendCapture?: (...args: unknown[]) => unknown;
- onTimeUpdate?: (...args: unknown[]) => unknown;
- onTimeUpdateCapture?: (...args: unknown[]) => unknown;
- onVolumeChange?: (...args: unknown[]) => unknown;
- onVolumeChangeCapture?: (...args: unknown[]) => unknown;
- onWaiting?: (...args: unknown[]) => unknown;
- onWaitingCapture?: (...args: unknown[]) => unknown;
- onAuxClick?: (...args: unknown[]) => unknown;
- onAuxClickCapture?: (...args: unknown[]) => unknown;
- onClickCapture?: (...args: unknown[]) => unknown;
- onContextMenu?: (...args: unknown[]) => unknown;
- onContextMenuCapture?: (...args: unknown[]) => unknown;
- onDoubleClick?: (...args: unknown[]) => unknown;
- onDoubleClickCapture?: (...args: unknown[]) => unknown;
- onDragCapture?: (...args: unknown[]) => unknown;
- onDragEndCapture?: (...args: unknown[]) => unknown;
- onDragEnter?: (...args: unknown[]) => unknown;
- onDragEnterCapture?: (...args: unknown[]) => unknown;
- onDragExit?: (...args: unknown[]) => unknown;
- onDragExitCapture?: (...args: unknown[]) => unknown;
- onDragLeave?: (...args: unknown[]) => unknown;
- onDragLeaveCapture?: (...args: unknown[]) => unknown;
- onDragOver?: (...args: unknown[]) => unknown;
- onDragOverCapture?: (...args: unknown[]) => unknown;
- onDragStartCapture?: (...args: unknown[]) => unknown;
- onDrop?: (...args: unknown[]) => unknown;
- onDropCapture?: (...args: unknown[]) => unknown;
- onMouseDown?: (...args: unknown[]) => unknown;
- onMouseDownCapture?: (...args: unknown[]) => unknown;
- onMouseEnter?: (...args: unknown[]) => unknown;
- onMouseLeave?: (...args: unknown[]) => unknown;
- onMouseMove?: (...args: unknown[]) => unknown;
- onMouseMoveCapture?: (...args: unknown[]) => unknown;
- onMouseOut?: (...args: unknown[]) => unknown;
- onMouseOutCapture?: (...args: unknown[]) => unknown;
- onMouseOver?: (...args: unknown[]) => unknown;
- onMouseOverCapture?: (...args: unknown[]) => unknown;
- onMouseUp?: (...args: unknown[]) => unknown;
- onMouseUpCapture?: (...args: unknown[]) => unknown;
- onSelect?: (...args: unknown[]) => unknown;
- onSelectCapture?: (...args: unknown[]) => unknown;
- onTouchCancel?: (...args: unknown[]) => unknown;
- onTouchCancelCapture?: (...args: unknown[]) => unknown;
- onTouchEnd?: (...args: unknown[]) => unknown;
- onTouchEndCapture?: (...args: unknown[]) => unknown;
- onTouchMove?: (...args: unknown[]) => unknown;
- onTouchMoveCapture?: (...args: unknown[]) => unknown;
- onTouchStart?: (...args: unknown[]) => unknown;
- onTouchStartCapture?: (...args: unknown[]) => unknown;
- onPointerDown?: (...args: unknown[]) => unknown;
- onPointerDownCapture?: (...args: unknown[]) => unknown;
- onPointerMove?: (...args: unknown[]) => unknown;
- onPointerMoveCapture?: (...args: unknown[]) => unknown;
- onPointerUp?: (...args: unknown[]) => unknown;
- onPointerUpCapture?: (...args: unknown[]) => unknown;
- onPointerCancel?: (...args: unknown[]) => unknown;
- onPointerCancelCapture?: (...args: unknown[]) => unknown;
- onPointerEnter?: (...args: unknown[]) => unknown;
- onPointerLeave?: (...args: unknown[]) => unknown;
- onPointerOver?: (...args: unknown[]) => unknown;
- onPointerOverCapture?: (...args: unknown[]) => unknown;
- onPointerOut?: (...args: unknown[]) => unknown;
- onPointerOutCapture?: (...args: unknown[]) => unknown;
- onGotPointerCapture?: (...args: unknown[]) => unknown;
- onGotPointerCaptureCapture?: (...args: unknown[]) => unknown;
- onLostPointerCapture?: (...args: unknown[]) => unknown;
- onLostPointerCaptureCapture?: (...args: unknown[]) => unknown;
- onScroll?: (...args: unknown[]) => unknown;
- onScrollCapture?: (...args: unknown[]) => unknown;
- onWheel?: (...args: unknown[]) => unknown;
- onWheelCapture?: (...args: unknown[]) => unknown;
- onAnimationStartCapture?: (...args: unknown[]) => unknown;
- onAnimationEnd?: (...args: unknown[]) => unknown;
- onAnimationEndCapture?: (...args: unknown[]) => unknown;
- onAnimationIteration?: (...args: unknown[]) => unknown;
- onAnimationIterationCapture?: (...args: unknown[]) => unknown;
- onTransitionEnd?: (...args: unknown[]) => unknown;
- onTransitionEndCapture?: (...args: unknown[]) => unknown;
- max?: string;
- media?: string;
- method?: string;
- min?: string;
- crossOrigin?: string;
- accentHeight?: string;
- accumulate?: string;
- additive?: string;
- allowReorder?: string;
- amplitude?: string;
- arabicForm?: string;
- ascent?: string;
- attributeName?: string;
- attributeType?: string;
- autoReverse?: string;
- baseFrequency?: string;
- baseProfile?: string;
- bbox?: string;
- begin?: string;
- bias?: string;
- by?: string;
- calcMode?: string;
- capHeight?: string;
- clipPathUnits?: string;
- colorInterpolationFilters?: string;
- colorProfile?: string;
- contentScriptType?: string;
- contentStyleType?: string;
- cx?: string;
- cy?: string;
- d?: string;
- decelerate?: string;
- descent?: string;
- diffuseConstant?: string;
- divisor?: string;
- dur?: string;
- dx?: string;
- dy?: string;
- edgeMode?: string;
- elevation?: string;
- enableBackground?: string;
- exponent?: string;
- externalResourcesRequired?: string;
- filterRes?: string;
- filterUnits?: string;
- focusable?: string;
- format?: string;
- fr?: string;
- from?: string;
- fx?: string;
- fy?: string;
- g1?: string;
- g2?: string;
- glyphName?: string;
- glyphOrientationHorizontal?: string;
- glyphRef?: string;
- gradientTransform?: string;
- gradientUnits?: string;
- horizAdvX?: string;
- horizOriginX?: string;
- href?: string;
- in2?: string;
- in?: string;
- intercept?: string;
- k1?: string;
- k2?: string;
- k3?: string;
- k4?: string;
- k?: string;
- kernelMatrix?: string;
- kernelUnitLength?: string;
- kerning?: string;
- keyPoints?: string;
- keySplines?: string;
- keyTimes?: string;
- lengthAdjust?: string;
- limitingConeAngle?: string;
- local?: string;
- markerHeight?: string;
- markerUnits?: string;
- markerWidth?: string;
- maskContentUnits?: string;
- maskUnits?: string;
- mode?: string;
- numOctaves?: string;
- operator?: string;
- orient?: string;
- orientation?: string;
- origin?: string;
- overlinePosition?: string;
- overlineThickness?: string;
- panose1?: string;
- pathLength?: string;
- patternContentUnits?: string;
- patternTransform?: string;
- patternUnits?: string;
- points?: string;
- pointsAtX?: string;
- pointsAtY?: string;
- pointsAtZ?: string;
- preserveAlpha?: string;
- preserveAspectRatio?: string;
- primitiveUnits?: string;
- r?: string;
- radius?: string;
- refX?: string;
- refY?: string;
- renderingIntent?: string;
- repeatCount?: string;
- repeatDur?: string;
- requiredExtensions?: string;
- requiredFeatures?: string;
- restart?: string;
- result?: string;
- rx?: string;
- ry?: string;
- seed?: string;
- slope?: string;
- spacing?: string;
- specularConstant?: string;
- specularExponent?: string;
- speed?: string;
- spreadMethod?: string;
- startOffset?: string;
- stdDeviation?: string;
- stemh?: string;
- stemv?: string;
- stitchTiles?: string;
- strikethroughPosition?: string;
- strikethroughThickness?: string;
- surfaceScale?: string;
- systemLanguage?: string;
- tableValues?: string;
- targetX?: string;
- targetY?: string;
- textLength?: string;
- u1?: string;
- u2?: string;
- underlinePosition?: string;
- underlineThickness?: string;
- unicode?: string;
- unicodeRange?: string;
- unitsPerEm?: string;
- vAlphabetic?: string;
- values?: string;
- version?: string;
- vertAdvY?: string;
- vertOriginX?: string;
- vertOriginY?: string;
- vHanging?: string;
- vIdeographic?: string;
- viewBox?: string;
- viewTarget?: string;
- vMathematical?: string;
- widths?: string;
- x1?: string;
- x2?: string;
- x?: string;
- xChannelSelector?: string;
- xHeight?: string;
- xlinkActuate?: string;
- xlinkArcrole?: string;
- xlinkHref?: string;
- xlinkRole?: string;
- xlinkShow?: string;
- xlinkTitle?: string;
- xlinkType?: string;
- xmlBase?: string;
- xmlLang?: string;
- xmlns?: string;
- xmlnsXlink?: string;
- xmlSpace?: string;
- y1?: string;
- y2?: string;
- y?: string;
- yChannelSelector?: string;
- z?: string;
- zoomAndPan?: string;
- transformTemplate?: (...args: unknown[]) => unknown;
- 'data-framer-appear-id'?: string;
- variants?: Record;
- onBeforeLayoutMeasure?: (...args: unknown[]) => unknown;
- onLayoutMeasure?: (...args: unknown[]) => unknown;
- onUpdate?: (...args: unknown[]) => unknown;
- onAnimationStart?: (...args: unknown[]) => unknown;
- onAnimationComplete?: (...args: unknown[]) => unknown;
- onPan?: (...args: unknown[]) => unknown;
- onPanStart?: (...args: unknown[]) => unknown;
- onPanSessionStart?: (...args: unknown[]) => unknown;
- onPanEnd?: (...args: unknown[]) => unknown;
- onTap?: (...args: unknown[]) => unknown;
- onTapStart?: (...args: unknown[]) => unknown;
- onTapCancel?: (...args: unknown[]) => unknown;
- globalTapTarget?: boolean;
- onHoverStart?: (...args: unknown[]) => unknown;
- onHoverEnd?: (...args: unknown[]) => unknown;
- onViewportEnter?: (...args: unknown[]) => unknown;
- onViewportLeave?: (...args: unknown[]) => unknown;
- viewport?: Record;
- drag?: string;
- dragDirectionLock?: boolean;
- dragPropagation?: boolean;
- dragMomentum?: boolean;
- dragTransition?: Record;
- dragControls?: Record;
- dragSnapToOrigin?: boolean;
- dragListener?: boolean;
- onMeasureDragConstraints?: (...args: unknown[]) => unknown;
- _dragX?: Record;
- _dragY?: Record;
- onDragStart?: (...args: unknown[]) => unknown;
- onDragEnd?: (...args: unknown[]) => unknown;
- onDrag?: (...args: unknown[]) => unknown;
- onDirectionLock?: (...args: unknown[]) => unknown;
- onDragTransitionEnd?: (...args: unknown[]) => unknown;
- layout?: string;
- layoutId?: string;
- onLayoutAnimationStart?: (...args: unknown[]) => unknown;
- onLayoutAnimationComplete?: (...args: unknown[]) => unknown;
- layoutScroll?: boolean;
- layoutRoot?: boolean;
- 'data-framer-portal-id'?: string;
- inherit?: boolean;
- ignoreStrict?: boolean;
- isAnimating?: boolean;
- duration?: number;
- size?: number;
-};
-
-export const TwentyUiAnimatedCheckmarkElement = createRemoteElement<
- TwentyUiAnimatedCheckmarkProperties,
- Record,
- { children: true },
- Record
->({
- slots: ['children'],
- properties: {
- string: { type: String },
- clipPath: { type: String },
- filter: { type: String },
- mask: { type: String },
- path: { type: String },
- type: { type: String },
- className: { type: String },
- onClick: { type: Function },
- to: { type: String },
- target: { type: String },
- rotate: { type: String },
- scale: { type: String },
- color: { type: String },
- cursor: { type: String },
- direction: { type: String },
- display: { type: String },
- fontFamily: { type: String },
- fontSize: { type: String },
- fontSizeAdjust: { type: String },
- fontStretch: { type: String },
- fontStyle: { type: String },
- fontVariant: { type: String },
- fontWeight: { type: String },
- height: { type: String },
- imageRendering: { type: String },
- letterSpacing: { type: String },
- opacity: { type: String },
- order: { type: String },
- paintOrder: { type: String },
- pointerEvents: { type: String },
- textRendering: { type: String },
- transform: { type: String },
- unicodeBidi: { type: String },
- visibility: { type: String },
- width: { type: String },
- wordSpacing: { type: String },
- writingMode: { type: String },
- offset: { type: String },
- overflow: { type: String },
- textDecoration: { type: String },
- azimuth: { type: String },
- clip: { type: String },
- alignmentBaseline: { type: String },
- baselineShift: { type: String },
- clipRule: { type: String },
- colorInterpolation: { type: String },
- colorRendering: { type: String },
- dominantBaseline: { type: String },
- fill: { type: String },
- fillOpacity: { type: String },
- fillRule: { type: String },
- floodColor: { type: String },
- floodOpacity: { type: String },
- glyphOrientationVertical: { type: String },
- lightingColor: { type: String },
- markerEnd: { type: String },
- markerMid: { type: String },
- markerStart: { type: String },
- shapeRendering: { type: String },
- stopColor: { type: String },
- stopOpacity: { type: String },
- stroke: { type: String },
- strokeDasharray: { type: String },
- strokeDashoffset: { type: String },
- strokeLinecap: { type: String },
- strokeLinejoin: { type: String },
- strokeMiterlimit: { type: String },
- strokeOpacity: { type: String },
- strokeWidth: { type: String },
- textAnchor: { type: String },
- vectorEffect: { type: String },
- alphabetic: { type: String },
- hanging: { type: String },
- ideographic: { type: String },
- mathematical: { type: String },
- end: { type: String },
- 'aria-label': { type: String },
- name: { type: String },
- suppressHydrationWarning: { type: Boolean },
- id: { type: String },
- lang: { type: String },
- tabIndex: { type: Number },
- 'aria-activedescendant': { type: String },
- 'aria-atomic': { type: String },
- 'aria-autocomplete': { type: String },
- 'aria-braillelabel': { type: String },
- 'aria-brailleroledescription': { type: String },
- 'aria-busy': { type: String },
- 'aria-checked': { type: String },
- 'aria-colcount': { type: Number },
- 'aria-colindex': { type: Number },
- 'aria-colindextext': { type: String },
- 'aria-colspan': { type: Number },
- 'aria-controls': { type: String },
- 'aria-current': { type: String },
- 'aria-describedby': { type: String },
- 'aria-description': { type: String },
- 'aria-details': { type: String },
- 'aria-disabled': { type: String },
- 'aria-dropeffect': { type: String },
- 'aria-errormessage': { type: String },
- 'aria-expanded': { type: String },
- 'aria-flowto': { type: String },
- 'aria-grabbed': { type: String },
- 'aria-haspopup': { type: String },
- 'aria-hidden': { type: String },
- 'aria-invalid': { type: String },
- 'aria-keyshortcuts': { type: String },
- 'aria-labelledby': { type: String },
- 'aria-level': { type: Number },
- 'aria-live': { type: String },
- 'aria-modal': { type: String },
- 'aria-multiline': { type: String },
- 'aria-multiselectable': { type: String },
- 'aria-orientation': { type: String },
- 'aria-owns': { type: String },
- 'aria-placeholder': { type: String },
- 'aria-posinset': { type: Number },
- 'aria-pressed': { type: String },
- 'aria-readonly': { type: String },
- 'aria-relevant': { type: String },
- 'aria-required': { type: String },
- 'aria-roledescription': { type: String },
- 'aria-rowcount': { type: Number },
- 'aria-rowindex': { type: Number },
- 'aria-rowindextext': { type: String },
- 'aria-rowspan': { type: Number },
- 'aria-selected': { type: String },
- 'aria-setsize': { type: Number },
- 'aria-sort': { type: String },
- 'aria-valuemax': { type: Number },
- 'aria-valuemin': { type: Number },
- 'aria-valuenow': { type: Number },
- 'aria-valuetext': { type: String },
- dangerouslySetInnerHTML: { type: Object },
- onCopy: { type: Function },
- onCopyCapture: { type: Function },
- onCut: { type: Function },
- onCutCapture: { type: Function },
- onPaste: { type: Function },
- onPasteCapture: { type: Function },
- onCompositionEnd: { type: Function },
- onCompositionEndCapture: { type: Function },
- onCompositionStart: { type: Function },
- onCompositionStartCapture: { type: Function },
- onCompositionUpdate: { type: Function },
- onCompositionUpdateCapture: { type: Function },
- onFocus: { type: Function },
- onFocusCapture: { type: Function },
- onBlur: { type: Function },
- onBlurCapture: { type: Function },
- onChange: { type: Function },
- onChangeCapture: { type: Function },
- onBeforeInput: { type: Function },
- onBeforeInputCapture: { type: Function },
- onInput: { type: Function },
- onInputCapture: { type: Function },
- onReset: { type: Function },
- onResetCapture: { type: Function },
- onSubmit: { type: Function },
- onSubmitCapture: { type: Function },
- onInvalid: { type: Function },
- onInvalidCapture: { type: Function },
- onLoad: { type: Function },
- onLoadCapture: { type: Function },
- onError: { type: Function },
- onErrorCapture: { type: Function },
- onKeyDown: { type: Function },
- onKeyDownCapture: { type: Function },
- onKeyPress: { type: Function },
- onKeyPressCapture: { type: Function },
- onKeyUp: { type: Function },
- onKeyUpCapture: { type: Function },
- onAbort: { type: Function },
- onAbortCapture: { type: Function },
- onCanPlay: { type: Function },
- onCanPlayCapture: { type: Function },
- onCanPlayThrough: { type: Function },
- onCanPlayThroughCapture: { type: Function },
- onDurationChange: { type: Function },
- onDurationChangeCapture: { type: Function },
- onEmptied: { type: Function },
- onEmptiedCapture: { type: Function },
- onEncrypted: { type: Function },
- onEncryptedCapture: { type: Function },
- onEnded: { type: Function },
- onEndedCapture: { type: Function },
- onLoadedData: { type: Function },
- onLoadedDataCapture: { type: Function },
- onLoadedMetadata: { type: Function },
- onLoadedMetadataCapture: { type: Function },
- onLoadStart: { type: Function },
- onLoadStartCapture: { type: Function },
- onPause: { type: Function },
- onPauseCapture: { type: Function },
- onPlay: { type: Function },
- onPlayCapture: { type: Function },
- onPlaying: { type: Function },
- onPlayingCapture: { type: Function },
- onProgress: { type: Function },
- onProgressCapture: { type: Function },
- onRateChange: { type: Function },
- onRateChangeCapture: { type: Function },
- onResize: { type: Function },
- onResizeCapture: { type: Function },
- onSeeked: { type: Function },
- onSeekedCapture: { type: Function },
- onSeeking: { type: Function },
- onSeekingCapture: { type: Function },
- onStalled: { type: Function },
- onStalledCapture: { type: Function },
- onSuspend: { type: Function },
- onSuspendCapture: { type: Function },
- onTimeUpdate: { type: Function },
- onTimeUpdateCapture: { type: Function },
- onVolumeChange: { type: Function },
- onVolumeChangeCapture: { type: Function },
- onWaiting: { type: Function },
- onWaitingCapture: { type: Function },
- onAuxClick: { type: Function },
- onAuxClickCapture: { type: Function },
- onClickCapture: { type: Function },
- onContextMenu: { type: Function },
- onContextMenuCapture: { type: Function },
- onDoubleClick: { type: Function },
- onDoubleClickCapture: { type: Function },
- onDragCapture: { type: Function },
- onDragEndCapture: { type: Function },
- onDragEnter: { type: Function },
- onDragEnterCapture: { type: Function },
- onDragExit: { type: Function },
- onDragExitCapture: { type: Function },
- onDragLeave: { type: Function },
- onDragLeaveCapture: { type: Function },
- onDragOver: { type: Function },
- onDragOverCapture: { type: Function },
- onDragStartCapture: { type: Function },
- onDrop: { type: Function },
- onDropCapture: { type: Function },
- onMouseDown: { type: Function },
- onMouseDownCapture: { type: Function },
- onMouseEnter: { type: Function },
- onMouseLeave: { type: Function },
- onMouseMove: { type: Function },
- onMouseMoveCapture: { type: Function },
- onMouseOut: { type: Function },
- onMouseOutCapture: { type: Function },
- onMouseOver: { type: Function },
- onMouseOverCapture: { type: Function },
- onMouseUp: { type: Function },
- onMouseUpCapture: { type: Function },
- onSelect: { type: Function },
- onSelectCapture: { type: Function },
- onTouchCancel: { type: Function },
- onTouchCancelCapture: { type: Function },
- onTouchEnd: { type: Function },
- onTouchEndCapture: { type: Function },
- onTouchMove: { type: Function },
- onTouchMoveCapture: { type: Function },
- onTouchStart: { type: Function },
- onTouchStartCapture: { type: Function },
- onPointerDown: { type: Function },
- onPointerDownCapture: { type: Function },
- onPointerMove: { type: Function },
- onPointerMoveCapture: { type: Function },
- onPointerUp: { type: Function },
- onPointerUpCapture: { type: Function },
- onPointerCancel: { type: Function },
- onPointerCancelCapture: { type: Function },
- onPointerEnter: { type: Function },
- onPointerLeave: { type: Function },
- onPointerOver: { type: Function },
- onPointerOverCapture: { type: Function },
- onPointerOut: { type: Function },
- onPointerOutCapture: { type: Function },
- onGotPointerCapture: { type: Function },
- onGotPointerCaptureCapture: { type: Function },
- onLostPointerCapture: { type: Function },
- onLostPointerCaptureCapture: { type: Function },
- onScroll: { type: Function },
- onScrollCapture: { type: Function },
- onWheel: { type: Function },
- onWheelCapture: { type: Function },
- onAnimationStartCapture: { type: Function },
- onAnimationEnd: { type: Function },
- onAnimationEndCapture: { type: Function },
- onAnimationIteration: { type: Function },
- onAnimationIterationCapture: { type: Function },
- onTransitionEnd: { type: Function },
- onTransitionEndCapture: { type: Function },
- max: { type: String },
- media: { type: String },
- method: { type: String },
- min: { type: String },
- crossOrigin: { type: String },
- accentHeight: { type: String },
- accumulate: { type: String },
- additive: { type: String },
- allowReorder: { type: String },
- amplitude: { type: String },
- arabicForm: { type: String },
- ascent: { type: String },
- attributeName: { type: String },
- attributeType: { type: String },
- autoReverse: { type: String },
- baseFrequency: { type: String },
- baseProfile: { type: String },
- bbox: { type: String },
- begin: { type: String },
- bias: { type: String },
- by: { type: String },
- calcMode: { type: String },
- capHeight: { type: String },
- clipPathUnits: { type: String },
- colorInterpolationFilters: { type: String },
- colorProfile: { type: String },
- contentScriptType: { type: String },
- contentStyleType: { type: String },
- cx: { type: String },
- cy: { type: String },
- d: { type: String },
- decelerate: { type: String },
- descent: { type: String },
- diffuseConstant: { type: String },
- divisor: { type: String },
- dur: { type: String },
- dx: { type: String },
- dy: { type: String },
- edgeMode: { type: String },
- elevation: { type: String },
- enableBackground: { type: String },
- exponent: { type: String },
- externalResourcesRequired: { type: String },
- filterRes: { type: String },
- filterUnits: { type: String },
- focusable: { type: String },
- format: { type: String },
- fr: { type: String },
- from: { type: String },
- fx: { type: String },
- fy: { type: String },
- g1: { type: String },
- g2: { type: String },
- glyphName: { type: String },
- glyphOrientationHorizontal: { type: String },
- glyphRef: { type: String },
- gradientTransform: { type: String },
- gradientUnits: { type: String },
- horizAdvX: { type: String },
- horizOriginX: { type: String },
- href: { type: String },
- in2: { type: String },
- in: { type: String },
- intercept: { type: String },
- k1: { type: String },
- k2: { type: String },
- k3: { type: String },
- k4: { type: String },
- k: { type: String },
- kernelMatrix: { type: String },
- kernelUnitLength: { type: String },
- kerning: { type: String },
- keyPoints: { type: String },
- keySplines: { type: String },
- keyTimes: { type: String },
- lengthAdjust: { type: String },
- limitingConeAngle: { type: String },
- local: { type: String },
- markerHeight: { type: String },
- markerUnits: { type: String },
- markerWidth: { type: String },
- maskContentUnits: { type: String },
- maskUnits: { type: String },
- mode: { type: String },
- numOctaves: { type: String },
- operator: { type: String },
- orient: { type: String },
- orientation: { type: String },
- origin: { type: String },
- overlinePosition: { type: String },
- overlineThickness: { type: String },
- panose1: { type: String },
- pathLength: { type: String },
- patternContentUnits: { type: String },
- patternTransform: { type: String },
- patternUnits: { type: String },
- points: { type: String },
- pointsAtX: { type: String },
- pointsAtY: { type: String },
- pointsAtZ: { type: String },
- preserveAlpha: { type: String },
- preserveAspectRatio: { type: String },
- primitiveUnits: { type: String },
- r: { type: String },
- radius: { type: String },
- refX: { type: String },
- refY: { type: String },
- renderingIntent: { type: String },
- repeatCount: { type: String },
- repeatDur: { type: String },
- requiredExtensions: { type: String },
- requiredFeatures: { type: String },
- restart: { type: String },
- result: { type: String },
- rx: { type: String },
- ry: { type: String },
- seed: { type: String },
- slope: { type: String },
- spacing: { type: String },
- specularConstant: { type: String },
- specularExponent: { type: String },
- speed: { type: String },
- spreadMethod: { type: String },
- startOffset: { type: String },
- stdDeviation: { type: String },
- stemh: { type: String },
- stemv: { type: String },
- stitchTiles: { type: String },
- strikethroughPosition: { type: String },
- strikethroughThickness: { type: String },
- surfaceScale: { type: String },
- systemLanguage: { type: String },
- tableValues: { type: String },
- targetX: { type: String },
- targetY: { type: String },
- textLength: { type: String },
- u1: { type: String },
- u2: { type: String },
- underlinePosition: { type: String },
- underlineThickness: { type: String },
- unicode: { type: String },
- unicodeRange: { type: String },
- unitsPerEm: { type: String },
- vAlphabetic: { type: String },
- values: { type: String },
- version: { type: String },
- vertAdvY: { type: String },
- vertOriginX: { type: String },
- vertOriginY: { type: String },
- vHanging: { type: String },
- vIdeographic: { type: String },
- viewBox: { type: String },
- viewTarget: { type: String },
- vMathematical: { type: String },
- widths: { type: String },
- x1: { type: String },
- x2: { type: String },
- x: { type: String },
- xChannelSelector: { type: String },
- xHeight: { type: String },
- xlinkActuate: { type: String },
- xlinkArcrole: { type: String },
- xlinkHref: { type: String },
- xlinkRole: { type: String },
- xlinkShow: { type: String },
- xlinkTitle: { type: String },
- xlinkType: { type: String },
- xmlBase: { type: String },
- xmlLang: { type: String },
- xmlns: { type: String },
- xmlnsXlink: { type: String },
- xmlSpace: { type: String },
- y1: { type: String },
- y2: { type: String },
- y: { type: String },
- yChannelSelector: { type: String },
- z: { type: String },
- zoomAndPan: { type: String },
- transformTemplate: { type: Function },
- 'data-framer-appear-id': { type: String },
- variants: { type: Object },
- onBeforeLayoutMeasure: { type: Function },
- onLayoutMeasure: { type: Function },
- onUpdate: { type: Function },
- onAnimationStart: { type: Function },
- onAnimationComplete: { type: Function },
- onPan: { type: Function },
- onPanStart: { type: Function },
- onPanSessionStart: { type: Function },
- onPanEnd: { type: Function },
- onTap: { type: Function },
- onTapStart: { type: Function },
- onTapCancel: { type: Function },
- globalTapTarget: { type: Boolean },
- onHoverStart: { type: Function },
- onHoverEnd: { type: Function },
- onViewportEnter: { type: Function },
- onViewportLeave: { type: Function },
- viewport: { type: Object },
- drag: { type: String },
- dragDirectionLock: { type: Boolean },
- dragPropagation: { type: Boolean },
- dragMomentum: { type: Boolean },
- dragTransition: { type: Object },
- dragControls: { type: Object },
- dragSnapToOrigin: { type: Boolean },
- dragListener: { type: Boolean },
- onMeasureDragConstraints: { type: Function },
- _dragX: { type: Object },
- _dragY: { type: Object },
- onDragStart: { type: Function },
- onDragEnd: { type: Function },
- onDrag: { type: Function },
- onDirectionLock: { type: Function },
- onDragTransitionEnd: { type: Function },
- layout: { type: String },
- layoutId: { type: String },
- onLayoutAnimationStart: { type: Function },
- onLayoutAnimationComplete: { type: Function },
- layoutScroll: { type: Boolean },
- layoutRoot: { type: Boolean },
- 'data-framer-portal-id': { type: String },
- inherit: { type: Boolean },
- ignoreStrict: { type: Boolean },
- isAnimating: { type: Boolean },
- duration: { type: Number },
- size: { type: Number },
- },
-});
-
-export type TwentyUiCheckmarkProperties = {
- slot?: string;
- style?: Record;
- title?: string;
- className?: string;
- onClick?: (...args: unknown[]) => unknown;
- color?: string;
- content?: string;
- translate?: string;
- hidden?: boolean;
- 'aria-label'?: string;
- defaultChecked?: boolean;
- suppressContentEditableWarning?: boolean;
- suppressHydrationWarning?: boolean;
- accessKey?: string;
- autoFocus?: boolean;
- contentEditable?: string;
- contextMenu?: string;
- dir?: string;
- draggable?: string;
- id?: string;
- lang?: string;
- nonce?: string;
- spellCheck?: string;
- tabIndex?: number;
- radioGroup?: string;
- about?: string;
- datatype?: string;
- prefix?: string;
- property?: string;
- rel?: string;
- resource?: string;
- rev?: string;
- typeof?: string;
- vocab?: string;
- autoCapitalize?: string;
- autoCorrect?: string;
- autoSave?: string;
- itemProp?: string;
- itemScope?: boolean;
- itemType?: string;
- itemID?: string;
- itemRef?: string;
- results?: number;
- security?: string;
- unselectable?: string;
- inputMode?: string;
- is?: string;
- 'data-tooltip-id'?: string;
- 'data-tooltip-place'?: string;
- 'data-tooltip-content'?: string;
- 'data-tooltip-html'?: string;
- 'data-tooltip-variant'?: string;
- 'data-tooltip-offset'?: number;
- 'data-tooltip-events'?: unknown[];
- 'data-tooltip-position-strategy'?: string;
- 'data-tooltip-delay-show'?: number;
- 'data-tooltip-delay-hide'?: number;
- 'data-tooltip-float'?: boolean;
- 'data-tooltip-hidden'?: boolean;
- 'data-tooltip-class-name'?: string;
- 'aria-activedescendant'?: string;
- 'aria-atomic'?: string;
- 'aria-autocomplete'?: string;
- 'aria-braillelabel'?: string;
- 'aria-brailleroledescription'?: string;
- 'aria-busy'?: string;
- 'aria-checked'?: string;
- 'aria-colcount'?: number;
- 'aria-colindex'?: number;
- 'aria-colindextext'?: string;
- 'aria-colspan'?: number;
- 'aria-controls'?: string;
- 'aria-current'?: string;
- 'aria-describedby'?: string;
- 'aria-description'?: string;
- 'aria-details'?: string;
- 'aria-disabled'?: string;
- 'aria-dropeffect'?: string;
- 'aria-errormessage'?: string;
- 'aria-expanded'?: string;
- 'aria-flowto'?: string;
- 'aria-grabbed'?: string;
- 'aria-haspopup'?: string;
- 'aria-hidden'?: string;
- 'aria-invalid'?: string;
- 'aria-keyshortcuts'?: string;
- 'aria-labelledby'?: string;
- 'aria-level'?: number;
- 'aria-live'?: string;
- 'aria-modal'?: string;
- 'aria-multiline'?: string;
- 'aria-multiselectable'?: string;
- 'aria-orientation'?: string;
- 'aria-owns'?: string;
- 'aria-placeholder'?: string;
- 'aria-posinset'?: number;
- 'aria-pressed'?: string;
- 'aria-readonly'?: string;
- 'aria-relevant'?: string;
- 'aria-required'?: string;
- 'aria-roledescription'?: string;
- 'aria-rowcount'?: number;
- 'aria-rowindex'?: number;
- 'aria-rowindextext'?: string;
- 'aria-rowspan'?: number;
- 'aria-selected'?: string;
- 'aria-setsize'?: number;
- 'aria-sort'?: string;
- 'aria-valuemax'?: number;
- 'aria-valuemin'?: number;
- 'aria-valuenow'?: number;
- 'aria-valuetext'?: string;
- dangerouslySetInnerHTML?: Record;
- onCopy?: (...args: unknown[]) => unknown;
- onCopyCapture?: (...args: unknown[]) => unknown;
- onCut?: (...args: unknown[]) => unknown;
- onCutCapture?: (...args: unknown[]) => unknown;
- onPaste?: (...args: unknown[]) => unknown;
- onPasteCapture?: (...args: unknown[]) => unknown;
- onCompositionEnd?: (...args: unknown[]) => unknown;
- onCompositionEndCapture?: (...args: unknown[]) => unknown;
- onCompositionStart?: (...args: unknown[]) => unknown;
- onCompositionStartCapture?: (...args: unknown[]) => unknown;
- onCompositionUpdate?: (...args: unknown[]) => unknown;
- onCompositionUpdateCapture?: (...args: unknown[]) => unknown;
- onFocus?: (...args: unknown[]) => unknown;
- onFocusCapture?: (...args: unknown[]) => unknown;
- onBlur?: (...args: unknown[]) => unknown;
- onBlurCapture?: (...args: unknown[]) => unknown;
- onChange?: (...args: unknown[]) => unknown;
- onChangeCapture?: (...args: unknown[]) => unknown;
- onBeforeInput?: (...args: unknown[]) => unknown;
- onBeforeInputCapture?: (...args: unknown[]) => unknown;
- onInput?: (...args: unknown[]) => unknown;
- onInputCapture?: (...args: unknown[]) => unknown;
- onReset?: (...args: unknown[]) => unknown;
- onResetCapture?: (...args: unknown[]) => unknown;
- onSubmit?: (...args: unknown[]) => unknown;
- onSubmitCapture?: (...args: unknown[]) => unknown;
- onInvalid?: (...args: unknown[]) => unknown;
- onInvalidCapture?: (...args: unknown[]) => unknown;
- onLoad?: (...args: unknown[]) => unknown;
- onLoadCapture?: (...args: unknown[]) => unknown;
- onError?: (...args: unknown[]) => unknown;
- onErrorCapture?: (...args: unknown[]) => unknown;
- onKeyDown?: (...args: unknown[]) => unknown;
- onKeyDownCapture?: (...args: unknown[]) => unknown;
- onKeyPress?: (...args: unknown[]) => unknown;
- onKeyPressCapture?: (...args: unknown[]) => unknown;
- onKeyUp?: (...args: unknown[]) => unknown;
- onKeyUpCapture?: (...args: unknown[]) => unknown;
- onAbort?: (...args: unknown[]) => unknown;
- onAbortCapture?: (...args: unknown[]) => unknown;
- onCanPlay?: (...args: unknown[]) => unknown;
- onCanPlayCapture?: (...args: unknown[]) => unknown;
- onCanPlayThrough?: (...args: unknown[]) => unknown;
- onCanPlayThroughCapture?: (...args: unknown[]) => unknown;
- onDurationChange?: (...args: unknown[]) => unknown;
- onDurationChangeCapture?: (...args: unknown[]) => unknown;
- onEmptied?: (...args: unknown[]) => unknown;
- onEmptiedCapture?: (...args: unknown[]) => unknown;
- onEncrypted?: (...args: unknown[]) => unknown;
- onEncryptedCapture?: (...args: unknown[]) => unknown;
- onEnded?: (...args: unknown[]) => unknown;
- onEndedCapture?: (...args: unknown[]) => unknown;
- onLoadedData?: (...args: unknown[]) => unknown;
- onLoadedDataCapture?: (...args: unknown[]) => unknown;
- onLoadedMetadata?: (...args: unknown[]) => unknown;
- onLoadedMetadataCapture?: (...args: unknown[]) => unknown;
- onLoadStart?: (...args: unknown[]) => unknown;
- onLoadStartCapture?: (...args: unknown[]) => unknown;
- onPause?: (...args: unknown[]) => unknown;
- onPauseCapture?: (...args: unknown[]) => unknown;
- onPlay?: (...args: unknown[]) => unknown;
- onPlayCapture?: (...args: unknown[]) => unknown;
- onPlaying?: (...args: unknown[]) => unknown;
- onPlayingCapture?: (...args: unknown[]) => unknown;
- onProgress?: (...args: unknown[]) => unknown;
- onProgressCapture?: (...args: unknown[]) => unknown;
- onRateChange?: (...args: unknown[]) => unknown;
- onRateChangeCapture?: (...args: unknown[]) => unknown;
- onResize?: (...args: unknown[]) => unknown;
- onResizeCapture?: (...args: unknown[]) => unknown;
- onSeeked?: (...args: unknown[]) => unknown;
- onSeekedCapture?: (...args: unknown[]) => unknown;
- onSeeking?: (...args: unknown[]) => unknown;
- onSeekingCapture?: (...args: unknown[]) => unknown;
- onStalled?: (...args: unknown[]) => unknown;
- onStalledCapture?: (...args: unknown[]) => unknown;
- onSuspend?: (...args: unknown[]) => unknown;
- onSuspendCapture?: (...args: unknown[]) => unknown;
- onTimeUpdate?: (...args: unknown[]) => unknown;
- onTimeUpdateCapture?: (...args: unknown[]) => unknown;
- onVolumeChange?: (...args: unknown[]) => unknown;
- onVolumeChangeCapture?: (...args: unknown[]) => unknown;
- onWaiting?: (...args: unknown[]) => unknown;
- onWaitingCapture?: (...args: unknown[]) => unknown;
- onAuxClick?: (...args: unknown[]) => unknown;
- onAuxClickCapture?: (...args: unknown[]) => unknown;
- onClickCapture?: (...args: unknown[]) => unknown;
- onContextMenu?: (...args: unknown[]) => unknown;
- onContextMenuCapture?: (...args: unknown[]) => unknown;
- onDoubleClick?: (...args: unknown[]) => unknown;
- onDoubleClickCapture?: (...args: unknown[]) => unknown;
- onDrag?: (...args: unknown[]) => unknown;
- onDragCapture?: (...args: unknown[]) => unknown;
- onDragEnd?: (...args: unknown[]) => unknown;
- onDragEndCapture?: (...args: unknown[]) => unknown;
- onDragEnter?: (...args: unknown[]) => unknown;
- onDragEnterCapture?: (...args: unknown[]) => unknown;
- onDragExit?: (...args: unknown[]) => unknown;
- onDragExitCapture?: (...args: unknown[]) => unknown;
- onDragLeave?: (...args: unknown[]) => unknown;
- onDragLeaveCapture?: (...args: unknown[]) => unknown;
- onDragOver?: (...args: unknown[]) => unknown;
- onDragOverCapture?: (...args: unknown[]) => unknown;
- onDragStart?: (...args: unknown[]) => unknown;
- onDragStartCapture?: (...args: unknown[]) => unknown;
- onDrop?: (...args: unknown[]) => unknown;
- onDropCapture?: (...args: unknown[]) => unknown;
- onMouseDown?: (...args: unknown[]) => unknown;
- onMouseDownCapture?: (...args: unknown[]) => unknown;
- onMouseEnter?: (...args: unknown[]) => unknown;
- onMouseLeave?: (...args: unknown[]) => unknown;
- onMouseMove?: (...args: unknown[]) => unknown;
- onMouseMoveCapture?: (...args: unknown[]) => unknown;
- onMouseOut?: (...args: unknown[]) => unknown;
- onMouseOutCapture?: (...args: unknown[]) => unknown;
- onMouseOver?: (...args: unknown[]) => unknown;
- onMouseOverCapture?: (...args: unknown[]) => unknown;
- onMouseUp?: (...args: unknown[]) => unknown;
- onMouseUpCapture?: (...args: unknown[]) => unknown;
- onSelect?: (...args: unknown[]) => unknown;
- onSelectCapture?: (...args: unknown[]) => unknown;
- onTouchCancel?: (...args: unknown[]) => unknown;
- onTouchCancelCapture?: (...args: unknown[]) => unknown;
- onTouchEnd?: (...args: unknown[]) => unknown;
- onTouchEndCapture?: (...args: unknown[]) => unknown;
- onTouchMove?: (...args: unknown[]) => unknown;
- onTouchMoveCapture?: (...args: unknown[]) => unknown;
- onTouchStart?: (...args: unknown[]) => unknown;
- onTouchStartCapture?: (...args: unknown[]) => unknown;
- onPointerDown?: (...args: unknown[]) => unknown;
- onPointerDownCapture?: (...args: unknown[]) => unknown;
- onPointerMove?: (...args: unknown[]) => unknown;
- onPointerMoveCapture?: (...args: unknown[]) => unknown;
- onPointerUp?: (...args: unknown[]) => unknown;
- onPointerUpCapture?: (...args: unknown[]) => unknown;
- onPointerCancel?: (...args: unknown[]) => unknown;
- onPointerCancelCapture?: (...args: unknown[]) => unknown;
- onPointerEnter?: (...args: unknown[]) => unknown;
- onPointerLeave?: (...args: unknown[]) => unknown;
- onPointerOver?: (...args: unknown[]) => unknown;
- onPointerOverCapture?: (...args: unknown[]) => unknown;
- onPointerOut?: (...args: unknown[]) => unknown;
- onPointerOutCapture?: (...args: unknown[]) => unknown;
- onGotPointerCapture?: (...args: unknown[]) => unknown;
- onGotPointerCaptureCapture?: (...args: unknown[]) => unknown;
- onLostPointerCapture?: (...args: unknown[]) => unknown;
- onLostPointerCaptureCapture?: (...args: unknown[]) => unknown;
- onScroll?: (...args: unknown[]) => unknown;
- onScrollCapture?: (...args: unknown[]) => unknown;
- onWheel?: (...args: unknown[]) => unknown;
- onWheelCapture?: (...args: unknown[]) => unknown;
- onAnimationStart?: (...args: unknown[]) => unknown;
- onAnimationStartCapture?: (...args: unknown[]) => unknown;
- onAnimationEnd?: (...args: unknown[]) => unknown;
- onAnimationEndCapture?: (...args: unknown[]) => unknown;
- onAnimationIteration?: (...args: unknown[]) => unknown;
- onAnimationIterationCapture?: (...args: unknown[]) => unknown;
- onTransitionEnd?: (...args: unknown[]) => unknown;
- onTransitionEndCapture?: (...args: unknown[]) => unknown;
-};
-
-export const TwentyUiCheckmarkElement = createRemoteElement<
- TwentyUiCheckmarkProperties,
- Record,
- { children: true; 'data-tooltip-wrapper': true },
- Record
->({
- slots: ['children', 'data-tooltip-wrapper'],
- properties: {
- slot: { type: String },
- style: { type: Object },
- title: { type: String },
- className: { type: String },
- onClick: { type: Function },
- color: { type: String },
- content: { type: String },
- translate: { type: String },
- hidden: { type: Boolean },
- 'aria-label': { type: String },
- defaultChecked: { type: Boolean },
- suppressContentEditableWarning: { type: Boolean },
- suppressHydrationWarning: { type: Boolean },
- accessKey: { type: String },
- autoFocus: { type: Boolean },
- contentEditable: { type: String },
- contextMenu: { type: String },
- dir: { type: String },
- draggable: { type: String },
- id: { type: String },
- lang: { type: String },
- nonce: { type: String },
- spellCheck: { type: String },
- tabIndex: { type: Number },
- radioGroup: { type: String },
- about: { type: String },
- datatype: { type: String },
- prefix: { type: String },
- property: { type: String },
- rel: { type: String },
- resource: { type: String },
- rev: { type: String },
- typeof: { type: String },
- vocab: { type: String },
- autoCapitalize: { type: String },
- autoCorrect: { type: String },
- autoSave: { type: String },
- itemProp: { type: String },
- itemScope: { type: Boolean },
- itemType: { type: String },
- itemID: { type: String },
- itemRef: { type: String },
- results: { type: Number },
- security: { type: String },
- unselectable: { type: String },
- inputMode: { type: String },
- is: { type: String },
- 'data-tooltip-id': { type: String },
- 'data-tooltip-place': { type: String },
- 'data-tooltip-content': { type: String },
- 'data-tooltip-html': { type: String },
- 'data-tooltip-variant': { type: String },
- 'data-tooltip-offset': { type: Number },
- 'data-tooltip-events': { type: Array },
- 'data-tooltip-position-strategy': { type: String },
- 'data-tooltip-delay-show': { type: Number },
- 'data-tooltip-delay-hide': { type: Number },
- 'data-tooltip-float': { type: Boolean },
- 'data-tooltip-hidden': { type: Boolean },
- 'data-tooltip-class-name': { type: String },
- 'aria-activedescendant': { type: String },
- 'aria-atomic': { type: String },
- 'aria-autocomplete': { type: String },
- 'aria-braillelabel': { type: String },
- 'aria-brailleroledescription': { type: String },
- 'aria-busy': { type: String },
- 'aria-checked': { type: String },
- 'aria-colcount': { type: Number },
- 'aria-colindex': { type: Number },
- 'aria-colindextext': { type: String },
- 'aria-colspan': { type: Number },
- 'aria-controls': { type: String },
- 'aria-current': { type: String },
- 'aria-describedby': { type: String },
- 'aria-description': { type: String },
- 'aria-details': { type: String },
- 'aria-disabled': { type: String },
- 'aria-dropeffect': { type: String },
- 'aria-errormessage': { type: String },
- 'aria-expanded': { type: String },
- 'aria-flowto': { type: String },
- 'aria-grabbed': { type: String },
- 'aria-haspopup': { type: String },
- 'aria-hidden': { type: String },
- 'aria-invalid': { type: String },
- 'aria-keyshortcuts': { type: String },
- 'aria-labelledby': { type: String },
- 'aria-level': { type: Number },
- 'aria-live': { type: String },
- 'aria-modal': { type: String },
- 'aria-multiline': { type: String },
- 'aria-multiselectable': { type: String },
- 'aria-orientation': { type: String },
- 'aria-owns': { type: String },
- 'aria-placeholder': { type: String },
- 'aria-posinset': { type: Number },
- 'aria-pressed': { type: String },
- 'aria-readonly': { type: String },
- 'aria-relevant': { type: String },
- 'aria-required': { type: String },
- 'aria-roledescription': { type: String },
- 'aria-rowcount': { type: Number },
- 'aria-rowindex': { type: Number },
- 'aria-rowindextext': { type: String },
- 'aria-rowspan': { type: Number },
- 'aria-selected': { type: String },
- 'aria-setsize': { type: Number },
- 'aria-sort': { type: String },
- 'aria-valuemax': { type: Number },
- 'aria-valuemin': { type: Number },
- 'aria-valuenow': { type: Number },
- 'aria-valuetext': { type: String },
- dangerouslySetInnerHTML: { type: Object },
- onCopy: { type: Function },
- onCopyCapture: { type: Function },
- onCut: { type: Function },
- onCutCapture: { type: Function },
- onPaste: { type: Function },
- onPasteCapture: { type: Function },
- onCompositionEnd: { type: Function },
- onCompositionEndCapture: { type: Function },
- onCompositionStart: { type: Function },
- onCompositionStartCapture: { type: Function },
- onCompositionUpdate: { type: Function },
- onCompositionUpdateCapture: { type: Function },
- onFocus: { type: Function },
- onFocusCapture: { type: Function },
- onBlur: { type: Function },
- onBlurCapture: { type: Function },
- onChange: { type: Function },
- onChangeCapture: { type: Function },
- onBeforeInput: { type: Function },
- onBeforeInputCapture: { type: Function },
- onInput: { type: Function },
- onInputCapture: { type: Function },
- onReset: { type: Function },
- onResetCapture: { type: Function },
- onSubmit: { type: Function },
- onSubmitCapture: { type: Function },
- onInvalid: { type: Function },
- onInvalidCapture: { type: Function },
- onLoad: { type: Function },
- onLoadCapture: { type: Function },
- onError: { type: Function },
- onErrorCapture: { type: Function },
- onKeyDown: { type: Function },
- onKeyDownCapture: { type: Function },
- onKeyPress: { type: Function },
- onKeyPressCapture: { type: Function },
- onKeyUp: { type: Function },
- onKeyUpCapture: { type: Function },
- onAbort: { type: Function },
- onAbortCapture: { type: Function },
- onCanPlay: { type: Function },
- onCanPlayCapture: { type: Function },
- onCanPlayThrough: { type: Function },
- onCanPlayThroughCapture: { type: Function },
- onDurationChange: { type: Function },
- onDurationChangeCapture: { type: Function },
- onEmptied: { type: Function },
- onEmptiedCapture: { type: Function },
- onEncrypted: { type: Function },
- onEncryptedCapture: { type: Function },
- onEnded: { type: Function },
- onEndedCapture: { type: Function },
- onLoadedData: { type: Function },
- onLoadedDataCapture: { type: Function },
- onLoadedMetadata: { type: Function },
- onLoadedMetadataCapture: { type: Function },
- onLoadStart: { type: Function },
- onLoadStartCapture: { type: Function },
- onPause: { type: Function },
- onPauseCapture: { type: Function },
- onPlay: { type: Function },
- onPlayCapture: { type: Function },
- onPlaying: { type: Function },
- onPlayingCapture: { type: Function },
- onProgress: { type: Function },
- onProgressCapture: { type: Function },
- onRateChange: { type: Function },
- onRateChangeCapture: { type: Function },
- onResize: { type: Function },
- onResizeCapture: { type: Function },
- onSeeked: { type: Function },
- onSeekedCapture: { type: Function },
- onSeeking: { type: Function },
- onSeekingCapture: { type: Function },
- onStalled: { type: Function },
- onStalledCapture: { type: Function },
- onSuspend: { type: Function },
- onSuspendCapture: { type: Function },
- onTimeUpdate: { type: Function },
- onTimeUpdateCapture: { type: Function },
- onVolumeChange: { type: Function },
- onVolumeChangeCapture: { type: Function },
- onWaiting: { type: Function },
- onWaitingCapture: { type: Function },
- onAuxClick: { type: Function },
- onAuxClickCapture: { type: Function },
- onClickCapture: { type: Function },
- onContextMenu: { type: Function },
- onContextMenuCapture: { type: Function },
- onDoubleClick: { type: Function },
- onDoubleClickCapture: { type: Function },
- onDrag: { type: Function },
- onDragCapture: { type: Function },
- onDragEnd: { type: Function },
- onDragEndCapture: { type: Function },
- onDragEnter: { type: Function },
- onDragEnterCapture: { type: Function },
- onDragExit: { type: Function },
- onDragExitCapture: { type: Function },
- onDragLeave: { type: Function },
- onDragLeaveCapture: { type: Function },
- onDragOver: { type: Function },
- onDragOverCapture: { type: Function },
- onDragStart: { type: Function },
- onDragStartCapture: { type: Function },
- onDrop: { type: Function },
- onDropCapture: { type: Function },
- onMouseDown: { type: Function },
- onMouseDownCapture: { type: Function },
- onMouseEnter: { type: Function },
- onMouseLeave: { type: Function },
- onMouseMove: { type: Function },
- onMouseMoveCapture: { type: Function },
- onMouseOut: { type: Function },
- onMouseOutCapture: { type: Function },
- onMouseOver: { type: Function },
- onMouseOverCapture: { type: Function },
- onMouseUp: { type: Function },
- onMouseUpCapture: { type: Function },
- onSelect: { type: Function },
- onSelectCapture: { type: Function },
- onTouchCancel: { type: Function },
- onTouchCancelCapture: { type: Function },
- onTouchEnd: { type: Function },
- onTouchEndCapture: { type: Function },
- onTouchMove: { type: Function },
- onTouchMoveCapture: { type: Function },
- onTouchStart: { type: Function },
- onTouchStartCapture: { type: Function },
- onPointerDown: { type: Function },
- onPointerDownCapture: { type: Function },
- onPointerMove: { type: Function },
- onPointerMoveCapture: { type: Function },
- onPointerUp: { type: Function },
- onPointerUpCapture: { type: Function },
- onPointerCancel: { type: Function },
- onPointerCancelCapture: { type: Function },
- onPointerEnter: { type: Function },
- onPointerLeave: { type: Function },
- onPointerOver: { type: Function },
- onPointerOverCapture: { type: Function },
- onPointerOut: { type: Function },
- onPointerOutCapture: { type: Function },
- onGotPointerCapture: { type: Function },
- onGotPointerCaptureCapture: { type: Function },
- onLostPointerCapture: { type: Function },
- onLostPointerCaptureCapture: { type: Function },
- onScroll: { type: Function },
- onScrollCapture: { type: Function },
- onWheel: { type: Function },
- onWheelCapture: { type: Function },
- onAnimationStart: { type: Function },
- onAnimationStartCapture: { type: Function },
- onAnimationEnd: { type: Function },
- onAnimationEndCapture: { type: Function },
- onAnimationIteration: { type: Function },
- onAnimationIterationCapture: { type: Function },
- onTransitionEnd: { type: Function },
- onTransitionEndCapture: { type: Function },
- },
-});
-
-export type TwentyUiColorSampleProperties = {
- colorName: string;
- color?: string;
- variant?: string;
-};
-
-export const TwentyUiColorSampleElement = createRemoteElement<
- TwentyUiColorSampleProperties,
- Record,
- Record,
- Record
->({
- properties: {
- colorName: { type: String },
- color: { type: String },
- variant: { type: String },
- },
-});
-
-export type TwentyUiCommandBlockProperties = {
- commands: unknown[];
-};
-
-export const TwentyUiCommandBlockElement = createRemoteElement<
- TwentyUiCommandBlockProperties,
- Record,
- { button: true },
- Record
->({
- slots: ['button'],
- properties: {
- commands: { type: Array },
- },
-});
-
-export type TwentyUiIconProperties = {
- className?: string;
- style?: Record;
- size?: string;
- stroke?: string;
- color?: string;
- name: string;
-};
-
-export const TwentyUiIconElement = createRemoteElement<
- TwentyUiIconProperties,
- Record,
- Record,
- Record
->({
- properties: {
- className: { type: String },
- style: { type: Object },
- size: { type: String },
- stroke: { type: String },
- color: { type: String },
- name: { type: String },
- },
-});
-
-export type TwentyUiInfoProperties = {
- accent?: string;
- text: string;
- buttonTitle?: string;
- to?: string;
-};
-
-export const TwentyUiInfoElement = createRemoteElement<
- TwentyUiInfoProperties,
- Record,
- Record,
- { click(event: RemoteEvent): void }
->({
- properties: {
- accent: { type: String },
- text: { type: String },
- buttonTitle: { type: String },
- to: { type: String },
- },
- events: ['click'],
-});
-
-export type TwentyUiStatusProperties = {
- className?: string;
- color: string;
- isLoaderVisible?: boolean;
- text: string;
- onClick?: (...args: unknown[]) => unknown;
- weight?: string;
-};
-
-export const TwentyUiStatusElement = createRemoteElement<
- TwentyUiStatusProperties,
- Record,
- Record,
- Record