UNPKG

@pmndrs/uikit

Version:

Build performant 3D user interfaces with Three.js and yoga.

808 lines (807 loc) 30.3 kB
import { Node as ConversionNode, HTMLElement } from 'node-html-parser'; import { ConversionColorMap, ConversionPropertyTypes } from './properties.js'; import { MeshPhongMaterial, MeshPhysicalMaterial } from 'three'; export type ConversionGenerateComponent<T> = (element: ConversionNode | undefined, renderAs: string, custom: boolean, properties: Record<string, unknown>, index: number, children?: Array<T | string>) => T | string; export type ConversionComponentData = { defaultProperties?: Record<string, unknown>; skipIfEmpty?: boolean; propertyTypes: ConversionPropertyTypes; renderAs: string; children?: 'none' | 'text'; }; export { Node as ConversionNode, HTMLElement as ConversionHtmlNode } from 'node-html-parser'; export type ConversionComponentMap = Record<string, ConversionComponentData>; export declare function convertHtml<T>(text: string, generate: ConversionGenerateComponent<T>, colorMap?: ConversionColorMap, componentMap?: ConversionComponentMap): T | string | undefined; export declare class PlasticMaterial extends MeshPhongMaterial { constructor(); } export declare class GlassMaterial extends MeshPhysicalMaterial { constructor(); } export declare class MetalMaterial extends MeshPhysicalMaterial { constructor(); } export declare function parseHtml(text: string, colorMap?: ConversionColorMap): { element: HTMLElement; classes: Map<string, any>; }; export declare function convertParsedHtml<T>(element: ConversionNode, classes: Map<string, any>, generate: ConversionGenerateComponent<T>, colorMap?: ConversionColorMap, componentMap?: ConversionComponentMap): string | T | undefined; export declare const conversionPropertyTypes: { Inheriting: { textAlign: string[][]; verticalAlign: string[][]; color: string[]; opacity: string[]; letterSpacing: string[]; lineHeight: string[]; fontSize: string[]; wordBreak: string[][]; fontFamily: string[]; fontWeight: (string | string[])[]; scrollbarOpacity: string[]; scrollbarColor: string[]; scrollbarZIndexOffset: string[]; scrollbarWidth: string[]; scrollbarBorderRightWidth: string[]; scrollbarBorderTopWidth: string[]; scrollbarBorderLeftWidth: string[]; scrollbarBorderBottomWidth: string[]; scrollbarBorderTopLeftRadius: string[]; scrollbarBorderTopRightRadius: string[]; scrollbarBorderBottomLeftRadius: string[]; scrollbarBorderBottomRightRadius: string[]; scrollbarBorderColor: string[]; scrollbarBorderBend: string[]; scrollbarBorderOpacity: string[]; scrollbarBorderRadius: string[]; scrollbarBorderTopRadius: string[]; scrollbarBorderLeftRadius: string[]; scrollbarBorderRightRadius: string[]; scrollbarBorderBottomRadius: string[]; scrollbarBorderWidth: string[]; scrollbarBorderXWidth: string[]; scrollbarBorderYWidth: string[]; caretOpacity: string[]; caretColor: string[]; caretWidth: string[]; caretBorderRightWidth: string[]; caretBorderTopWidth: string[]; caretBorderLeftWidth: string[]; caretBorderBottomWidth: string[]; caretBorderTopLeftRadius: string[]; caretBorderTopRightRadius: string[]; caretBorderBottomLeftRadius: string[]; caretBorderBottomRightRadius: string[]; caretBorderColor: string[]; caretBorderBend: string[]; caretBorderOpacity: string[]; selectionOpacity: string[]; selectionColor: string[]; selectionBorderRightWidth: string[]; selectionBorderTopWidth: string[]; selectionBorderLeftWidth: string[]; selectionBorderBottomWidth: string[]; selectionBorderTopLeftRadius: string[]; selectionBorderTopRightRadius: string[]; selectionBorderBottomLeftRadius: string[]; selectionBorderBottomRightRadius: string[]; selectionBorderColor: string[]; selectionBorderBend: string[]; selectionBorderOpacity: string[]; caretBorderRadius: string[]; caretBorderTopRadius: string[]; caretBorderLeftRadius: string[]; caretBorderRightRadius: string[]; caretBorderBottomRadius: string[]; caretBorderWidth: string[]; caretBorderXWidth: string[]; caretBorderYWidth: string[]; selectionBorderRadius: string[]; selectionBorderTopRadius: string[]; selectionBorderLeftRadius: string[]; selectionBorderRightRadius: string[]; selectionBorderBottomRadius: string[]; selectionBorderWidth: string[]; selectionBorderXWidth: string[]; selectionBorderYWidth: string[]; }; Container: {}[]; Icon: {}[]; Image: ({ textAlign: string[][]; verticalAlign: string[][]; color: string[]; opacity: string[]; letterSpacing: string[]; lineHeight: string[]; fontSize: string[]; wordBreak: string[][]; fontFamily: string[]; fontWeight: (string | string[])[]; scrollbarOpacity: string[]; scrollbarColor: string[]; scrollbarZIndexOffset: string[]; scrollbarWidth: string[]; scrollbarBorderRightWidth: string[]; scrollbarBorderTopWidth: string[]; scrollbarBorderLeftWidth: string[]; scrollbarBorderBottomWidth: string[]; scrollbarBorderTopLeftRadius: string[]; scrollbarBorderTopRightRadius: string[]; scrollbarBorderBottomLeftRadius: string[]; scrollbarBorderBottomRightRadius: string[]; scrollbarBorderColor: string[]; scrollbarBorderBend: string[]; scrollbarBorderOpacity: string[]; scrollbarBorderRadius: string[]; scrollbarBorderTopRadius: string[]; scrollbarBorderLeftRadius: string[]; scrollbarBorderRightRadius: string[]; scrollbarBorderBottomRadius: string[]; scrollbarBorderWidth: string[]; scrollbarBorderXWidth: string[]; scrollbarBorderYWidth: string[]; caretOpacity: string[]; caretColor: string[]; caretWidth: string[]; caretBorderRightWidth: string[]; caretBorderTopWidth: string[]; caretBorderLeftWidth: string[]; caretBorderBottomWidth: string[]; caretBorderTopLeftRadius: string[]; caretBorderTopRightRadius: string[]; caretBorderBottomLeftRadius: string[]; caretBorderBottomRightRadius: string[]; caretBorderColor: string[]; caretBorderBend: string[]; caretBorderOpacity: string[]; selectionOpacity: string[]; selectionColor: string[]; selectionBorderRightWidth: string[]; selectionBorderTopWidth: string[]; selectionBorderLeftWidth: string[]; selectionBorderBottomWidth: string[]; selectionBorderTopLeftRadius: string[]; selectionBorderTopRightRadius: string[]; selectionBorderBottomLeftRadius: string[]; selectionBorderBottomRightRadius: string[]; selectionBorderColor: string[]; selectionBorderBend: string[]; selectionBorderOpacity: string[]; caretBorderRadius: string[]; caretBorderTopRadius: string[]; caretBorderLeftRadius: string[]; caretBorderRightRadius: string[]; caretBorderBottomRadius: string[]; caretBorderWidth: string[]; caretBorderXWidth: string[]; caretBorderYWidth: string[]; selectionBorderRadius: string[]; selectionBorderTopRadius: string[]; selectionBorderLeftRadius: string[]; selectionBorderRightRadius: string[]; selectionBorderBottomRadius: string[]; selectionBorderWidth: string[]; selectionBorderXWidth: string[]; selectionBorderYWidth: string[]; } | { positionType: string[][]; positionTop: (string | string[])[]; positionLeft: (string | string[])[]; positionRight: (string | string[])[]; positionBottom: (string | string[])[]; alignContent: string[][]; alignItems: string[][]; alignSelf: string[][]; flexDirection: string[][]; flexWrap: string[][]; justifyContent: string[][]; marginTop: (string | string[])[]; marginLeft: (string | string[])[]; marginRight: (string | string[])[]; marginBottom: (string | string[])[]; flexBasis: (string | string[])[]; flexGrow: string[]; flexShrink: string[]; width: (string | string[])[]; height: (string | string[])[]; minWidth: string[]; minHeight: string[]; maxWidth: string[]; maxHeight: string[]; boxSizing: string[]; aspectRatio: string[]; borderTopWidth: string[]; borderLeftWidth: string[]; borderRightWidth: string[]; borderBottomWidth: string[]; overflow: string[][]; display: string[][]; paddingTop: string[]; paddingLeft: string[]; paddingRight: string[]; paddingBottom: string[]; gapRow: string[]; gapColumn: string[]; direction: string[]; borderTopLeftRadius: string[]; borderTopRightRadius: string[]; borderBottomLeftRadius: string[]; borderBottomRightRadius: string[]; backgroundOpacity: string[]; backgroundColor: string[]; borderColor: string[]; borderBend: string[]; borderOpacity: string[]; zIndexOffset: string[]; transformTranslateX: string[]; transformTranslateY: string[]; transformTranslateZ: string[]; transformRotateX: string[]; transformRotateY: string[]; transformRotateZ: string[]; transformScaleX: string[]; transformScaleY: string[]; transformScaleZ: string[]; transformOriginX: string[][]; transformOriginY: string[][]; receiveShadow: string[]; castShadow: string[]; depthWrite: string[]; depthTest: string[]; renderOrder: string[]; visibility: string[][]; updateMatrixWorld: string[]; pointerEvents: string[][]; pointerEventsType: string[][]; pointerEventsOrder: string[]; inset: (string | string[])[]; padding: string[]; paddingX: string[]; paddingY: string[]; margin: (string | string[])[]; marginX: (string | string[])[]; marginY: (string | string[])[]; gap: string[]; borderWidth: string[]; borderXWidth: string[]; borderYWidth: string[]; borderRadius: string[]; borderTopRadius: string[]; borderLeftRadius: string[]; borderRightRadius: string[]; borderBottomRadius: string[]; transformScale: string[]; cursor: string[]; } | { keepAspectRatio: string[]; objectFit: string[][]; src: string[]; })[]; Input: ({ textAlign: string[][]; verticalAlign: string[][]; color: string[]; opacity: string[]; letterSpacing: string[]; lineHeight: string[]; fontSize: string[]; wordBreak: string[][]; fontFamily: string[]; fontWeight: (string | string[])[]; scrollbarOpacity: string[]; scrollbarColor: string[]; scrollbarZIndexOffset: string[]; scrollbarWidth: string[]; scrollbarBorderRightWidth: string[]; scrollbarBorderTopWidth: string[]; scrollbarBorderLeftWidth: string[]; scrollbarBorderBottomWidth: string[]; scrollbarBorderTopLeftRadius: string[]; scrollbarBorderTopRightRadius: string[]; scrollbarBorderBottomLeftRadius: string[]; scrollbarBorderBottomRightRadius: string[]; scrollbarBorderColor: string[]; scrollbarBorderBend: string[]; scrollbarBorderOpacity: string[]; scrollbarBorderRadius: string[]; scrollbarBorderTopRadius: string[]; scrollbarBorderLeftRadius: string[]; scrollbarBorderRightRadius: string[]; scrollbarBorderBottomRadius: string[]; scrollbarBorderWidth: string[]; scrollbarBorderXWidth: string[]; scrollbarBorderYWidth: string[]; caretOpacity: string[]; caretColor: string[]; caretWidth: string[]; caretBorderRightWidth: string[]; caretBorderTopWidth: string[]; caretBorderLeftWidth: string[]; caretBorderBottomWidth: string[]; caretBorderTopLeftRadius: string[]; caretBorderTopRightRadius: string[]; caretBorderBottomLeftRadius: string[]; caretBorderBottomRightRadius: string[]; caretBorderColor: string[]; caretBorderBend: string[]; caretBorderOpacity: string[]; selectionOpacity: string[]; selectionColor: string[]; selectionBorderRightWidth: string[]; selectionBorderTopWidth: string[]; selectionBorderLeftWidth: string[]; selectionBorderBottomWidth: string[]; selectionBorderTopLeftRadius: string[]; selectionBorderTopRightRadius: string[]; selectionBorderBottomLeftRadius: string[]; selectionBorderBottomRightRadius: string[]; selectionBorderColor: string[]; selectionBorderBend: string[]; selectionBorderOpacity: string[]; caretBorderRadius: string[]; caretBorderTopRadius: string[]; caretBorderLeftRadius: string[]; caretBorderRightRadius: string[]; caretBorderBottomRadius: string[]; caretBorderWidth: string[]; caretBorderXWidth: string[]; caretBorderYWidth: string[]; selectionBorderRadius: string[]; selectionBorderTopRadius: string[]; selectionBorderLeftRadius: string[]; selectionBorderRightRadius: string[]; selectionBorderBottomRadius: string[]; selectionBorderWidth: string[]; selectionBorderXWidth: string[]; selectionBorderYWidth: string[]; } | { positionType: string[][]; positionTop: (string | string[])[]; positionLeft: (string | string[])[]; positionRight: (string | string[])[]; positionBottom: (string | string[])[]; alignContent: string[][]; alignItems: string[][]; alignSelf: string[][]; flexDirection: string[][]; flexWrap: string[][]; justifyContent: string[][]; marginTop: (string | string[])[]; marginLeft: (string | string[])[]; marginRight: (string | string[])[]; marginBottom: (string | string[])[]; flexBasis: (string | string[])[]; flexGrow: string[]; flexShrink: string[]; width: (string | string[])[]; height: (string | string[])[]; minWidth: string[]; minHeight: string[]; maxWidth: string[]; maxHeight: string[]; boxSizing: string[]; aspectRatio: string[]; borderTopWidth: string[]; borderLeftWidth: string[]; borderRightWidth: string[]; borderBottomWidth: string[]; overflow: string[][]; display: string[][]; paddingTop: string[]; paddingLeft: string[]; paddingRight: string[]; paddingBottom: string[]; gapRow: string[]; gapColumn: string[]; direction: string[]; borderTopLeftRadius: string[]; borderTopRightRadius: string[]; borderBottomLeftRadius: string[]; borderBottomRightRadius: string[]; backgroundOpacity: string[]; backgroundColor: string[]; borderColor: string[]; borderBend: string[]; borderOpacity: string[]; zIndexOffset: string[]; transformTranslateX: string[]; transformTranslateY: string[]; transformTranslateZ: string[]; transformRotateX: string[]; transformRotateY: string[]; transformRotateZ: string[]; transformScaleX: string[]; transformScaleY: string[]; transformScaleZ: string[]; transformOriginX: string[][]; transformOriginY: string[][]; receiveShadow: string[]; castShadow: string[]; depthWrite: string[]; depthTest: string[]; renderOrder: string[]; visibility: string[][]; updateMatrixWorld: string[]; pointerEvents: string[][]; pointerEventsType: string[][]; pointerEventsOrder: string[]; inset: (string | string[])[]; padding: string[]; paddingX: string[]; paddingY: string[]; margin: (string | string[])[]; marginX: (string | string[])[]; marginY: (string | string[])[]; gap: string[]; borderWidth: string[]; borderXWidth: string[]; borderYWidth: string[]; borderRadius: string[]; borderTopRadius: string[]; borderLeftRadius: string[]; borderRightRadius: string[]; borderBottomRadius: string[]; transformScale: string[]; cursor: string[]; } | { disabled: string[]; autocomplete: (string | string[])[]; type: string[][]; value: string[]; tabIndex: string[]; multiline: string[]; defaultValue: string[]; })[]; Svg: ({ textAlign: string[][]; verticalAlign: string[][]; color: string[]; opacity: string[]; letterSpacing: string[]; lineHeight: string[]; fontSize: string[]; wordBreak: string[][]; fontFamily: string[]; fontWeight: (string | string[])[]; scrollbarOpacity: string[]; scrollbarColor: string[]; scrollbarZIndexOffset: string[]; scrollbarWidth: string[]; scrollbarBorderRightWidth: string[]; scrollbarBorderTopWidth: string[]; scrollbarBorderLeftWidth: string[]; scrollbarBorderBottomWidth: string[]; scrollbarBorderTopLeftRadius: string[]; scrollbarBorderTopRightRadius: string[]; scrollbarBorderBottomLeftRadius: string[]; scrollbarBorderBottomRightRadius: string[]; scrollbarBorderColor: string[]; scrollbarBorderBend: string[]; scrollbarBorderOpacity: string[]; scrollbarBorderRadius: string[]; scrollbarBorderTopRadius: string[]; scrollbarBorderLeftRadius: string[]; scrollbarBorderRightRadius: string[]; scrollbarBorderBottomRadius: string[]; scrollbarBorderWidth: string[]; scrollbarBorderXWidth: string[]; scrollbarBorderYWidth: string[]; caretOpacity: string[]; caretColor: string[]; caretWidth: string[]; caretBorderRightWidth: string[]; caretBorderTopWidth: string[]; caretBorderLeftWidth: string[]; caretBorderBottomWidth: string[]; caretBorderTopLeftRadius: string[]; caretBorderTopRightRadius: string[]; caretBorderBottomLeftRadius: string[]; caretBorderBottomRightRadius: string[]; caretBorderColor: string[]; caretBorderBend: string[]; caretBorderOpacity: string[]; selectionOpacity: string[]; selectionColor: string[]; selectionBorderRightWidth: string[]; selectionBorderTopWidth: string[]; selectionBorderLeftWidth: string[]; selectionBorderBottomWidth: string[]; selectionBorderTopLeftRadius: string[]; selectionBorderTopRightRadius: string[]; selectionBorderBottomLeftRadius: string[]; selectionBorderBottomRightRadius: string[]; selectionBorderColor: string[]; selectionBorderBend: string[]; selectionBorderOpacity: string[]; caretBorderRadius: string[]; caretBorderTopRadius: string[]; caretBorderLeftRadius: string[]; caretBorderRightRadius: string[]; caretBorderBottomRadius: string[]; caretBorderWidth: string[]; caretBorderXWidth: string[]; caretBorderYWidth: string[]; selectionBorderRadius: string[]; selectionBorderTopRadius: string[]; selectionBorderLeftRadius: string[]; selectionBorderRightRadius: string[]; selectionBorderBottomRadius: string[]; selectionBorderWidth: string[]; selectionBorderXWidth: string[]; selectionBorderYWidth: string[]; } | { positionType: string[][]; positionTop: (string | string[])[]; positionLeft: (string | string[])[]; positionRight: (string | string[])[]; positionBottom: (string | string[])[]; alignContent: string[][]; alignItems: string[][]; alignSelf: string[][]; flexDirection: string[][]; flexWrap: string[][]; justifyContent: string[][]; marginTop: (string | string[])[]; marginLeft: (string | string[])[]; marginRight: (string | string[])[]; marginBottom: (string | string[])[]; flexBasis: (string | string[])[]; flexGrow: string[]; flexShrink: string[]; width: (string | string[])[]; height: (string | string[])[]; minWidth: string[]; minHeight: string[]; maxWidth: string[]; maxHeight: string[]; boxSizing: string[]; aspectRatio: string[]; borderTopWidth: string[]; borderLeftWidth: string[]; borderRightWidth: string[]; borderBottomWidth: string[]; overflow: string[][]; display: string[][]; paddingTop: string[]; paddingLeft: string[]; paddingRight: string[]; paddingBottom: string[]; gapRow: string[]; gapColumn: string[]; direction: string[]; borderTopLeftRadius: string[]; borderTopRightRadius: string[]; borderBottomLeftRadius: string[]; borderBottomRightRadius: string[]; backgroundOpacity: string[]; backgroundColor: string[]; borderColor: string[]; borderBend: string[]; borderOpacity: string[]; zIndexOffset: string[]; transformTranslateX: string[]; transformTranslateY: string[]; transformTranslateZ: string[]; transformRotateX: string[]; transformRotateY: string[]; transformRotateZ: string[]; transformScaleX: string[]; transformScaleY: string[]; transformScaleZ: string[]; transformOriginX: string[][]; transformOriginY: string[][]; receiveShadow: string[]; castShadow: string[]; depthWrite: string[]; depthTest: string[]; renderOrder: string[]; visibility: string[][]; updateMatrixWorld: string[]; pointerEvents: string[][]; pointerEventsType: string[][]; pointerEventsOrder: string[]; inset: (string | string[])[]; padding: string[]; paddingX: string[]; paddingY: string[]; margin: (string | string[])[]; marginX: (string | string[])[]; marginY: (string | string[])[]; gap: string[]; borderWidth: string[]; borderXWidth: string[]; borderYWidth: string[]; borderRadius: string[]; borderTopRadius: string[]; borderLeftRadius: string[]; borderRightRadius: string[]; borderBottomRadius: string[]; transformScale: string[]; cursor: string[]; } | { keepAspectRatio: string[]; src: string[]; })[]; Text: {}[]; Video: ({ textAlign: string[][]; verticalAlign: string[][]; color: string[]; opacity: string[]; letterSpacing: string[]; lineHeight: string[]; fontSize: string[]; wordBreak: string[][]; fontFamily: string[]; fontWeight: (string | string[])[]; scrollbarOpacity: string[]; scrollbarColor: string[]; scrollbarZIndexOffset: string[]; scrollbarWidth: string[]; scrollbarBorderRightWidth: string[]; scrollbarBorderTopWidth: string[]; scrollbarBorderLeftWidth: string[]; scrollbarBorderBottomWidth: string[]; scrollbarBorderTopLeftRadius: string[]; scrollbarBorderTopRightRadius: string[]; scrollbarBorderBottomLeftRadius: string[]; scrollbarBorderBottomRightRadius: string[]; scrollbarBorderColor: string[]; scrollbarBorderBend: string[]; scrollbarBorderOpacity: string[]; scrollbarBorderRadius: string[]; scrollbarBorderTopRadius: string[]; scrollbarBorderLeftRadius: string[]; scrollbarBorderRightRadius: string[]; scrollbarBorderBottomRadius: string[]; scrollbarBorderWidth: string[]; scrollbarBorderXWidth: string[]; scrollbarBorderYWidth: string[]; caretOpacity: string[]; caretColor: string[]; caretWidth: string[]; caretBorderRightWidth: string[]; caretBorderTopWidth: string[]; caretBorderLeftWidth: string[]; caretBorderBottomWidth: string[]; caretBorderTopLeftRadius: string[]; caretBorderTopRightRadius: string[]; caretBorderBottomLeftRadius: string[]; caretBorderBottomRightRadius: string[]; caretBorderColor: string[]; caretBorderBend: string[]; caretBorderOpacity: string[]; selectionOpacity: string[]; selectionColor: string[]; selectionBorderRightWidth: string[]; selectionBorderTopWidth: string[]; selectionBorderLeftWidth: string[]; selectionBorderBottomWidth: string[]; selectionBorderTopLeftRadius: string[]; selectionBorderTopRightRadius: string[]; selectionBorderBottomLeftRadius: string[]; selectionBorderBottomRightRadius: string[]; selectionBorderColor: string[]; selectionBorderBend: string[]; selectionBorderOpacity: string[]; caretBorderRadius: string[]; caretBorderTopRadius: string[]; caretBorderLeftRadius: string[]; caretBorderRightRadius: string[]; caretBorderBottomRadius: string[]; caretBorderWidth: string[]; caretBorderXWidth: string[]; caretBorderYWidth: string[]; selectionBorderRadius: string[]; selectionBorderTopRadius: string[]; selectionBorderLeftRadius: string[]; selectionBorderRightRadius: string[]; selectionBorderBottomRadius: string[]; selectionBorderWidth: string[]; selectionBorderXWidth: string[]; selectionBorderYWidth: string[]; } | { positionType: string[][]; positionTop: (string | string[])[]; positionLeft: (string | string[])[]; positionRight: (string | string[])[]; positionBottom: (string | string[])[]; alignContent: string[][]; alignItems: string[][]; alignSelf: string[][]; flexDirection: string[][]; flexWrap: string[][]; justifyContent: string[][]; marginTop: (string | string[])[]; marginLeft: (string | string[])[]; marginRight: (string | string[])[]; marginBottom: (string | string[])[]; flexBasis: (string | string[])[]; flexGrow: string[]; flexShrink: string[]; width: (string | string[])[]; height: (string | string[])[]; minWidth: string[]; minHeight: string[]; maxWidth: string[]; maxHeight: string[]; boxSizing: string[]; aspectRatio: string[]; borderTopWidth: string[]; borderLeftWidth: string[]; borderRightWidth: string[]; borderBottomWidth: string[]; overflow: string[][]; display: string[][]; paddingTop: string[]; paddingLeft: string[]; paddingRight: string[]; paddingBottom: string[]; gapRow: string[]; gapColumn: string[]; direction: string[]; borderTopLeftRadius: string[]; borderTopRightRadius: string[]; borderBottomLeftRadius: string[]; borderBottomRightRadius: string[]; backgroundOpacity: string[]; backgroundColor: string[]; borderColor: string[]; borderBend: string[]; borderOpacity: string[]; zIndexOffset: string[]; transformTranslateX: string[]; transformTranslateY: string[]; transformTranslateZ: string[]; transformRotateX: string[]; transformRotateY: string[]; transformRotateZ: string[]; transformScaleX: string[]; transformScaleY: string[]; transformScaleZ: string[]; transformOriginX: string[][]; transformOriginY: string[][]; receiveShadow: string[]; castShadow: string[]; depthWrite: string[]; depthTest: string[]; renderOrder: string[]; visibility: string[][]; updateMatrixWorld: string[]; pointerEvents: string[][]; pointerEventsType: string[][]; pointerEventsOrder: string[]; inset: (string | string[])[]; padding: string[]; paddingX: string[]; paddingY: string[]; margin: (string | string[])[]; marginX: (string | string[])[]; marginY: (string | string[])[]; gap: string[]; borderWidth: string[]; borderXWidth: string[]; borderYWidth: string[]; borderRadius: string[]; borderTopRadius: string[]; borderLeftRadius: string[]; borderRightRadius: string[]; borderBottomRadius: string[]; transformScale: string[]; cursor: string[]; } | { keepAspectRatio: string[]; objectFit: string[][]; src: string[]; volume: string[]; preservesPitch: string[]; playbackRate: string[]; muted: string[]; loop: string[]; autoplay: string[]; crossOrigin: string[]; })[]; }; export declare function kebabToCamelCase(name: string): string; export * from './properties.js';