@jointhedots/ui 2.0.20

package/types.d.ts

@@ -0,0 +1,1862 @@
+declare module '@jointhedots/ui/src/computeEdgeBox' {
+     const positionsMap: {
+        "down-left": number;
+        "down-right": number;
+        "up-left": number;
+        "up-right": number;
+        "left-up": number;
+        "left-down": number;
+        "right-up": number;
+        "right-down": number;
+    };
+    export type PositionType = keyof typeof positionsMap;
+    export function computeEdgeBox(position: string, element: HTMLElement, tracked: ClientRect | DOMRect, host: ClientRect | DOMRect): Object;
+    export function computeEdgeBoxDOM(position: string, element: HTMLElement, trackedElement: Element, hostElement?: HTMLElement): Object;
+    export {};
+}
+
+declare module '@jointhedots/ui/src/globals' {
+     module '*.jpg'; module '*.jpeg'; module '*.gif'; module '*.png'; module '*.svg'; module 'prismjs/components/prism-*'; module '*.txt' {
+        const content: string;
+        export default content;
+    }
+}
+
+declare module '@jointhedots/ui/src/Layouts/Panels/StackedDock' {
+    import { type Panel, type PanelDock } from 'src/Layouts/Panels';
+    export interface StackedOverlay {
+        node: HTMLElement;
+        close(): any;
+    }
+    export const overlays_stack: StackedOverlay[];
+    export function getStackZIndex(stackIndex: number): string;
+    export abstract class StackedDock implements PanelDock {
+        stack: Panel[];
+        main: Panel;
+        appendPanel(panel: Panel): void;
+        removePanel(panel: Panel): void;
+        refresh(panel: Panel): void;
+        abstract updateStack(previousMain: Panel): any;
+    }
+    export type OutsideEventID = "mouse" | "open";
+    export type OutsideHandler = (type: OutsideEventID, target: HTMLElement) => void;
+    export function dispatchOutsideEvent(type: OutsideEventID, target: HTMLElement): void;
+    export function addOutsideEventListener(handler: OutsideHandler): void;
+    export function removeOutsideEventListener(handler: OutsideHandler): void;
+}
+
+declare module '@jointhedots/ui/src/Layouts/Panels/DrawerDock' {
+    import ReactDOM from 'react-dom/client';
+    import React from 'react';
+    import { StackedDock } from '@jointhedots/ui/src/Layouts/Panels/StackedDock';
+    import 'src/Layouts/Panels/style.scss'; const ResizableDrawer: (props: {
+        open: boolean;
+        width: number;
+        defaultWidth: number;
+        minWidth: number;
+        maxWidth: number;
+        anchor: "right" | "left";
+        children: React.ReactNode;
+        setWidth: (width: number) => void;
+    }) => import( 'react/jsx-runtime').JSX.Element;
+    type Side = 'right' | 'left';
+    export class DrawerDock extends StackedDock {
+        readonly side: Side;
+        node: HTMLDivElement;
+        root: ReactDOM.Root;
+        width: number;
+        constructor(side: Side);
+        setWidth: (width: number) => void;
+        updateStack(): void;
+    }
+    export default ResizableDrawer;
+}
+
+declare module '@jointhedots/ui/src/Layouts/Panels/ModalDock' {
+    import ReactDOMClient from 'react-dom/client';
+    import { StackedDock } from '@jointhedots/ui/src/Layouts/Panels/StackedDock';
+    import 'src/Layouts/Panels/style.scss';
+    export class ModalDock extends StackedDock {
+        node: HTMLElement;
+        root: ReactDOMClient.Root;
+        constructor(height?: string);
+        show(): void;
+        hide(): void;
+        unstack: () => void;
+        updateStack(previous: any): void;
+    }
+}
+
+declare module 'src/Layouts/Panels' {
+    import { Async } from '@jointhedots/core';
+    import { ToolingProps } from '@jointhedots/ui/Items';
+    export type PanelDisplay = {
+        icon?: string;
+        title?: string;
+        content: React.ReactNode;
+        tooling?: ToolingProps[];
+        closable?: boolean;
+        height?: number | string;
+        onClose?: () => void;
+    };
+    export interface Panel<Data = unknown> {
+        readonly isOpen: boolean;
+        readonly dock: PanelDock;
+        readonly displayed: PanelDisplay;
+        readonly data: Data;
+        open(dock: string | PanelDock): any;
+        display(displayed: PanelDisplay): any;
+        close(): any;
+    }
+    export interface PanelDock {
+        appendPanel(panel: Panel): any;
+        removePanel(panel: Panel): any;
+        refresh(panel: Panel): any;
+    }
+    export class PanelInstance<Data = unknown> implements Panel<Data> {
+        dock: PanelDock;
+        displayed: PanelDisplay;
+        data: Data;
+        get isOpen(): boolean;
+        open(dock?: string | PanelDock): void;
+        close(): void;
+        display(displayed: PanelDisplay): void;
+    }
+    export function getPanelDockFrom(dock?: string | PanelDock): PanelDock;
+    export function createPanel<T = unknown>(displayed?: PanelDisplay): Panel;
+    export function usePanel<T>(render: (panel: Panel<T>) => Async<PanelDisplay>, deps?: any[]): Panel;
+}
+
+declare module '@jointhedots/ui/src/Layouts/Panels/FloatingDock' {
+    import React from 'react';
+    import ReactDOMClient from 'react-dom/client';
+    import { Panel, PanelDisplay, PanelDock } from 'src/Layouts/Panels';
+    import { PositionType } from '@jointhedots/ui/src/computeEdgeBox';
+    import 'src/Layouts/Panels/style.scss';
+    export type StyleType = {
+        [key: string]: string;
+    };
+    export type FloatingTarget = UIEvent | Element | React.Component | React.SyntheticEvent<Element, Event>;
+    export type FloatingDockOptions = {
+        position?: PositionType;
+        variant?: "menu" | "popup";
+        className?: string;
+        noAutoClose?: boolean;
+    }; class FloatingDock implements PanelDock {
+        readonly opts: FloatingDockOptions;
+        node: HTMLElement;
+        root: ReactDOMClient.Root;
+        tracked: Element;
+        main: Panel;
+        stackIndex: number;
+        resolve?: (data: any) => void;
+        constructor(opts: FloatingDockOptions);
+        stick(target: FloatingTarget): this;
+        popup(displayed: PanelDisplay): void;
+        private show;
+        private _handleClickOutside;
+        private hide;
+        private close;
+        appendPanel(panel: Panel): void;
+        removePanel(panel: Panel): void;
+        refresh(panel: Panel): void;
+    }
+    export function createFloatingDock(target: FloatingTarget, options?: FloatingDockOptions): FloatingDock;
+    export {};
+}
+
+declare module '@jointhedots/ui/src/Inputs/getProps' {
+    export function getHtmlProps(props: any): {};
+}
+
+declare module '@jointhedots/ui/theme' {
+    import React from 'react';
+    import '@salesforce-ux/design-system/assets/styles/salesforce-lightning-design-system.css';
+    import 'src/theme/theme-dark.scss';
+    import 'src/theme/theme-light.scss';
+    import 'src/theme/theme.scss';
+    export enum ThemeLighting {
+        Dark = 0,
+        Light = 1
+    }
+    export class ThemeProvider {
+        readonly lighting: ThemeLighting;
+        static globalTheme: ThemeProvider;
+        contrastTheme: ThemeProvider;
+        constructor(lighting: ThemeLighting);
+        get isLight(): boolean;
+        get isDark(): boolean;
+    }
+    export function LocalTheme(props: {
+        theme: ThemeProvider;
+        children: any;
+    }): import( 'react/jsx-runtime').JSX.Element;
+    export const LightTheme: ThemeProvider;
+    export const DarkTheme: ThemeProvider;
+    export const ThemeContext: React.Context<ThemeProvider>;
+    export function getGlobalTheme(): ThemeProvider;
+}
+
+declare module '@jointhedots/ui/src/Icon/collections/url' {
+    import { IconCollection, IconElement } from '@jointhedots/ui/src/Icon/Icon';
+    export class IconUrlCollection implements IconCollection {
+        readonly baseUrl: string;
+        constructor(baseUrl: string);
+        setup(element: IconElement): void;
+        draw(element: IconElement): import( 'react/jsx-runtime').JSX.Element;
+    }
+}
+
+declare module '@jointhedots/ui/src/Icon/collections/defaults' {
+    import { IconCollection, IconElement } from '@jointhedots/ui/src/Icon/Icon';
+    export class IconError implements IconCollection {
+        setup(element: IconElement): void;
+        draw(element: IconElement): import( 'react/jsx-runtime').JSX.Element;
+    }
+    export class IconBlank implements IconCollection {
+        setup(element: IconElement): void;
+        draw(element: IconElement): import( 'react/jsx-runtime').JSX.Element;
+    }
+}
+
+declare module '@jointhedots/ui/src/Icon/Icon' {
+    import React from 'react';
+    import { ThemeProvider } from '@jointhedots/ui/theme';
+    import { MapLike } from '@jointhedots/core';
+    export interface IconStyle {
+        className?: string;
+        style?: MapLike<string | number>;
+    }
+    export interface IconElement extends IconStyle {
+        collection: IconCollection;
+        name: string;
+        [key: string]: any;
+    }
+    export interface IconComposed extends IconStyle {
+        elements: IconElement[];
+    }
+    export interface IconCollection {
+        setup(element: IconElement): any;
+        draw(element: IconElement, theme: ThemeProvider): React.ReactElement;
+    }
+    export enum IconSize {
+        xs = "0.8em",
+        sm = "1.0em",
+        md = "1.5em",
+        lg = "2.0em"
+    }
+    export type IconProps = {
+        name: string;
+        size?: IconSize | string;
+        inverse?: boolean;
+        title?: string;
+        className?: string;
+        style?: React.CSSProperties;
+        onClick?: (evt: any) => void;
+    };
+    export function registerIconCollection(namespace: string, collection: IconCollection): void;
+    export function getIconName(icon: string, name: string): string;
+    export function Icon(props: IconProps): React.DetailedReactHTMLElement<{
+        name: any;
+        inversed: any;
+        className: string;
+        style: {
+            accentColor?: import( 'csstype').Property.AccentColor | undefined;
+            alignContent?: import( 'csstype').Property.AlignContent | undefined;
+            alignItems?: import( 'csstype').Property.AlignItems | undefined;
+            alignSelf?: import( 'csstype').Property.AlignSelf | undefined;
+            alignTracks?: import( 'csstype').Property.AlignTracks | undefined;
+            alignmentBaseline?: import( 'csstype').Property.AlignmentBaseline | undefined;
+            anchorName?: import( 'csstype').Property.AnchorName | undefined;
+            anchorScope?: import( 'csstype').Property.AnchorScope | undefined;
+            animationComposition?: import( 'csstype').Property.AnimationComposition | undefined;
+            animationDelay?: import( 'csstype').Property.AnimationDelay<string & {}>;
+            animationDirection?: import( 'csstype').Property.AnimationDirection | undefined;
+            animationDuration?: import( 'csstype').Property.AnimationDuration<string & {}>;
+            animationFillMode?: import( 'csstype').Property.AnimationFillMode | undefined;
+            animationIterationCount?: import( 'csstype').Property.AnimationIterationCount | undefined;
+            animationName?: import( 'csstype').Property.AnimationName | undefined;
+            animationPlayState?: import( 'csstype').Property.AnimationPlayState | undefined;
+            animationRangeEnd?: import( 'csstype').Property.AnimationRangeEnd<string | number>;
+            animationRangeStart?: import( 'csstype').Property.AnimationRangeStart<string | number>;
+            animationTimeline?: import( 'csstype').Property.AnimationTimeline | undefined;
+            animationTimingFunction?: import( 'csstype').Property.AnimationTimingFunction | undefined;
+            appearance?: import( 'csstype').Property.Appearance | undefined;
+            aspectRatio?: import( 'csstype').Property.AspectRatio | undefined;
+            backdropFilter?: import( 'csstype').Property.BackdropFilter | undefined;
+            backfaceVisibility?: import( 'csstype').Property.BackfaceVisibility | undefined;
+            backgroundAttachment?: import( 'csstype').Property.BackgroundAttachment | undefined;
+            backgroundBlendMode?: import( 'csstype').Property.BackgroundBlendMode | undefined;
+            backgroundClip?: import( 'csstype').Property.BackgroundClip | undefined;
+            backgroundColor?: import( 'csstype').Property.BackgroundColor | undefined;
+            backgroundImage?: import( 'csstype').Property.BackgroundImage | undefined;
+            backgroundOrigin?: import( 'csstype').Property.BackgroundOrigin | undefined;
+            backgroundPositionX?: import( 'csstype').Property.BackgroundPositionX<string | number>;
+            backgroundPositionY?: import( 'csstype').Property.BackgroundPositionY<string | number>;
+            backgroundRepeat?: import( 'csstype').Property.BackgroundRepeat | undefined;
+            backgroundSize?: import( 'csstype').Property.BackgroundSize<string | number>;
+            baselineShift?: import( 'csstype').Property.BaselineShift<string | number>;
+            blockSize?: import( 'csstype').Property.BlockSize<string | number>;
+            borderBlockEndColor?: import( 'csstype').Property.BorderBlockEndColor | undefined;
+            borderBlockEndStyle?: import( 'csstype').Property.BorderBlockEndStyle | undefined;
+            borderBlockEndWidth?: import( 'csstype').Property.BorderBlockEndWidth<string | number>;
+            borderBlockStartColor?: import( 'csstype').Property.BorderBlockStartColor | undefined;
+            borderBlockStartStyle?: import( 'csstype').Property.BorderBlockStartStyle | undefined;
+            borderBlockStartWidth?: import( 'csstype').Property.BorderBlockStartWidth<string | number>;
+            borderBottomColor?: import( 'csstype').Property.BorderBottomColor | undefined;
+            borderBottomLeftRadius?: import( 'csstype').Property.BorderBottomLeftRadius<string | number>;
+            borderBottomRightRadius?: import( 'csstype').Property.BorderBottomRightRadius<string | number>;
+            borderBottomStyle?: import( 'csstype').Property.BorderBottomStyle | undefined;
+            borderBottomWidth?: import( 'csstype').Property.BorderBottomWidth<string | number>;
+            borderCollapse?: import( 'csstype').Property.BorderCollapse | undefined;
+            borderEndEndRadius?: import( 'csstype').Property.BorderEndEndRadius<string | number>;
+            borderEndStartRadius?: import( 'csstype').Property.BorderEndStartRadius<string | number>;
+            borderImageOutset?: import( 'csstype').Property.BorderImageOutset<string | number>;
+            borderImageRepeat?: import( 'csstype').Property.BorderImageRepeat | undefined;
+            borderImageSlice?: import( 'csstype').Property.BorderImageSlice | undefined;
+            borderImageSource?: import( 'csstype').Property.BorderImageSource | undefined;
+            borderImageWidth?: import( 'csstype').Property.BorderImageWidth<string | number>;
+            borderInlineEndColor?: import( 'csstype').Property.BorderInlineEndColor | undefined;
+            borderInlineEndStyle?: import( 'csstype').Property.BorderInlineEndStyle | undefined;
+            borderInlineEndWidth?: import( 'csstype').Property.BorderInlineEndWidth<string | number>;
+            borderInlineStartColor?: import( 'csstype').Property.BorderInlineStartColor | undefined;
+            borderInlineStartStyle?: import( 'csstype').Property.BorderInlineStartStyle | undefined;
+            borderInlineStartWidth?: import( 'csstype').Property.BorderInlineStartWidth<string | number>;
+            borderLeftColor?: import( 'csstype').Property.BorderLeftColor | undefined;
+            borderLeftStyle?: import( 'csstype').Property.BorderLeftStyle | undefined;
+            borderLeftWidth?: import( 'csstype').Property.BorderLeftWidth<string | number>;
+            borderRightColor?: import( 'csstype').Property.BorderRightColor | undefined;
+            borderRightStyle?: import( 'csstype').Property.BorderRightStyle | undefined;
+            borderRightWidth?: import( 'csstype').Property.BorderRightWidth<string | number>;
+            borderSpacing?: import( 'csstype').Property.BorderSpacing<string | number>;
+            borderStartEndRadius?: import( 'csstype').Property.BorderStartEndRadius<string | number>;
+            borderStartStartRadius?: import( 'csstype').Property.BorderStartStartRadius<string | number>;
+            borderTopColor?: import( 'csstype').Property.BorderTopColor | undefined;
+            borderTopLeftRadius?: import( 'csstype').Property.BorderTopLeftRadius<string | number>;
+            borderTopRightRadius?: import( 'csstype').Property.BorderTopRightRadius<string | number>;
+            borderTopStyle?: import( 'csstype').Property.BorderTopStyle | undefined;
+            borderTopWidth?: import( 'csstype').Property.BorderTopWidth<string | number>;
+            bottom?: import( 'csstype').Property.Bottom<string | number>;
+            boxDecorationBreak?: import( 'csstype').Property.BoxDecorationBreak | undefined;
+            boxShadow?: import( 'csstype').Property.BoxShadow | undefined;
+            boxSizing?: import( 'csstype').Property.BoxSizing | undefined;
+            breakAfter?: import( 'csstype').Property.BreakAfter | undefined;
+            breakBefore?: import( 'csstype').Property.BreakBefore | undefined;
+            breakInside?: import( 'csstype').Property.BreakInside | undefined;
+            captionSide?: import( 'csstype').Property.CaptionSide | undefined;
+            caretColor?: import( 'csstype').Property.CaretColor | undefined;
+            caretShape?: import( 'csstype').Property.CaretShape | undefined;
+            clear?: import( 'csstype').Property.Clear | undefined;
+            clipPath?: import( 'csstype').Property.ClipPath | undefined;
+            clipRule?: import( 'csstype').Property.ClipRule | undefined;
+            color?: import( 'csstype').Property.Color | undefined;
+            colorAdjust?: import( 'csstype').Property.PrintColorAdjust | undefined;
+            colorInterpolationFilters?: import( 'csstype').Property.ColorInterpolationFilters | undefined;
+            colorScheme?: import( 'csstype').Property.ColorScheme | undefined;
+            columnCount?: import( 'csstype').Property.ColumnCount | undefined;
+            columnFill?: import( 'csstype').Property.ColumnFill | undefined;
+            columnGap?: import( 'csstype').Property.ColumnGap<string | number>;
+            columnRuleColor?: import( 'csstype').Property.ColumnRuleColor | undefined;
+            columnRuleStyle?: import( 'csstype').Property.ColumnRuleStyle | undefined;
+            columnRuleWidth?: import( 'csstype').Property.ColumnRuleWidth<string | number>;
+            columnSpan?: import( 'csstype').Property.ColumnSpan | undefined;
+            columnWidth?: import( 'csstype').Property.ColumnWidth<string | number>;
+            contain?: import( 'csstype').Property.Contain | undefined;
+            containIntrinsicBlockSize?: import( 'csstype').Property.ContainIntrinsicBlockSize<string | number>;
+            containIntrinsicHeight?: import( 'csstype').Property.ContainIntrinsicHeight<string | number>;
+            containIntrinsicInlineSize?: import( 'csstype').Property.ContainIntrinsicInlineSize<string | number>;
+            containIntrinsicWidth?: import( 'csstype').Property.ContainIntrinsicWidth<string | number>;
+            containerName?: import( 'csstype').Property.ContainerName | undefined;
+            containerType?: import( 'csstype').Property.ContainerType | undefined;
+            content?: import( 'csstype').Property.Content | undefined;
+            contentVisibility?: import( 'csstype').Property.ContentVisibility | undefined;
+            counterIncrement?: import( 'csstype').Property.CounterIncrement | undefined;
+            counterReset?: import( 'csstype').Property.CounterReset | undefined;
+            counterSet?: import( 'csstype').Property.CounterSet | undefined;
+            cursor?: import( 'csstype').Property.Cursor | undefined;
+            cx?: import( 'csstype').Property.Cx<string | number>;
+            cy?: import( 'csstype').Property.Cy<string | number>;
+            d?: import( 'csstype').Property.D | undefined;
+            direction?: import( 'csstype').Property.Direction | undefined;
+            display?: import( 'csstype').Property.Display | undefined;
+            dominantBaseline?: import( 'csstype').Property.DominantBaseline | undefined;
+            emptyCells?: import( 'csstype').Property.EmptyCells | undefined;
+            fieldSizing?: import( 'csstype').Property.FieldSizing | undefined;
+            fill?: import( 'csstype').Property.Fill | undefined;
+            fillOpacity?: import( 'csstype').Property.FillOpacity | undefined;
+            fillRule?: import( 'csstype').Property.FillRule | undefined;
+            filter?: import( 'csstype').Property.Filter | undefined;
+            flexBasis?: import( 'csstype').Property.FlexBasis<string | number>;
+            flexDirection?: import( 'csstype').Property.FlexDirection | undefined;
+            flexGrow?: import( 'csstype').Property.FlexGrow | undefined;
+            flexShrink?: import( 'csstype').Property.FlexShrink | undefined;
+            flexWrap?: import( 'csstype').Property.FlexWrap | undefined;
+            float?: import( 'csstype').Property.Float | undefined;
+            floodColor?: import( 'csstype').Property.FloodColor | undefined;
+            floodOpacity?: import( 'csstype').Property.FloodOpacity | undefined;
+            fontFamily?: import( 'csstype').Property.FontFamily | undefined;
+            fontFeatureSettings?: import( 'csstype').Property.FontFeatureSettings | undefined;
+            fontKerning?: import( 'csstype').Property.FontKerning | undefined;
+            fontLanguageOverride?: import( 'csstype').Property.FontLanguageOverride | undefined;
+            fontOpticalSizing?: import( 'csstype').Property.FontOpticalSizing | undefined;
+            fontPalette?: import( 'csstype').Property.FontPalette | undefined;
+            fontSize: any;
+            fontSizeAdjust?: import( 'csstype').Property.FontSizeAdjust | undefined;
+            fontSmooth?: import( 'csstype').Property.FontSmooth<string | number>;
+            fontStyle?: import( 'csstype').Property.FontStyle | undefined;
+            fontSynthesis?: import( 'csstype').Property.FontSynthesis | undefined;
+            fontSynthesisPosition?: import( 'csstype').Property.FontSynthesisPosition | undefined;
+            fontSynthesisSmallCaps?: import( 'csstype').Property.FontSynthesisSmallCaps | undefined;
+            fontSynthesisStyle?: import( 'csstype').Property.FontSynthesisStyle | undefined;
+            fontSynthesisWeight?: import( 'csstype').Property.FontSynthesisWeight | undefined;
+            fontVariant?: import( 'csstype').Property.FontVariant | undefined;
+            fontVariantAlternates?: import( 'csstype').Property.FontVariantAlternates | undefined;
+            fontVariantCaps?: import( 'csstype').Property.FontVariantCaps | undefined;
+            fontVariantEastAsian?: import( 'csstype').Property.FontVariantEastAsian | undefined;
+            fontVariantEmoji?: import( 'csstype').Property.FontVariantEmoji | undefined;
+            fontVariantLigatures?: import( 'csstype').Property.FontVariantLigatures | undefined;
+            fontVariantNumeric?: import( 'csstype').Property.FontVariantNumeric | undefined;
+            fontVariantPosition?: import( 'csstype').Property.FontVariantPosition | undefined;
+            fontVariationSettings?: import( 'csstype').Property.FontVariationSettings | undefined;
+            fontWeight?: import( 'csstype').Property.FontWeight | undefined;
+            fontWidth?: import( 'csstype').Property.FontWidth | undefined;
+            forcedColorAdjust?: import( 'csstype').Property.ForcedColorAdjust | undefined;
+            gridAutoColumns?: import( 'csstype').Property.GridAutoColumns<string | number>;
+            gridAutoFlow?: import( 'csstype').Property.GridAutoFlow | undefined;
+            gridAutoRows?: import( 'csstype').Property.GridAutoRows<string | number>;
+            gridColumnEnd?: import( 'csstype').Property.GridColumnEnd | undefined;
+            gridColumnStart?: import( 'csstype').Property.GridColumnStart | undefined;
+            gridRowEnd?: import( 'csstype').Property.GridRowEnd | undefined;
+            gridRowStart?: import( 'csstype').Property.GridRowStart | undefined;
+            gridTemplateAreas?: import( 'csstype').Property.GridTemplateAreas | undefined;
+            gridTemplateColumns?: import( 'csstype').Property.GridTemplateColumns<string | number>;
+            gridTemplateRows?: import( 'csstype').Property.GridTemplateRows<string | number>;
+            hangingPunctuation?: import( 'csstype').Property.HangingPunctuation | undefined;
+            height?: import( 'csstype').Property.Height<string | number>;
+            hyphenateCharacter?: import( 'csstype').Property.HyphenateCharacter | undefined;
+            hyphenateLimitChars?: import( 'csstype').Property.HyphenateLimitChars | undefined;
+            hyphens?: import( 'csstype').Property.Hyphens | undefined;
+            imageOrientation?: import( 'csstype').Property.ImageOrientation | undefined;
+            imageRendering?: import( 'csstype').Property.ImageRendering | undefined;
+            imageResolution?: import( 'csstype').Property.ImageResolution | undefined;
+            initialLetter?: import( 'csstype').Property.InitialLetter | undefined;
+            initialLetterAlign?: import( 'csstype').Property.InitialLetterAlign | undefined;
+            inlineSize?: import( 'csstype').Property.InlineSize<string | number>;
+            insetBlockEnd?: import( 'csstype').Property.InsetBlockEnd<string | number>;
+            insetBlockStart?: import( 'csstype').Property.InsetBlockStart<string | number>;
+            insetInlineEnd?: import( 'csstype').Property.InsetInlineEnd<string | number>;
+            insetInlineStart?: import( 'csstype').Property.InsetInlineStart<string | number>;
+            interpolateSize?: import( 'csstype').Property.InterpolateSize | undefined;
+            isolation?: import( 'csstype').Property.Isolation | undefined;
+            justifyContent?: import( 'csstype').Property.JustifyContent | undefined;
+            justifyItems?: import( 'csstype').Property.JustifyItems | undefined;
+            justifySelf?: import( 'csstype').Property.JustifySelf | undefined;
+            justifyTracks?: import( 'csstype').Property.JustifyTracks | undefined;
+            left?: import( 'csstype').Property.Left<string | number>;
+            letterSpacing?: import( 'csstype').Property.LetterSpacing<string | number>;
+            lightingColor?: import( 'csstype').Property.LightingColor | undefined;
+            lineBreak?: import( 'csstype').Property.LineBreak | undefined;
+            lineHeight?: import( 'csstype').Property.LineHeight<string | number>;
+            lineHeightStep?: import( 'csstype').Property.LineHeightStep<string | number>;
+            listStyleImage?: import( 'csstype').Property.ListStyleImage | undefined;
+            listStylePosition?: import( 'csstype').Property.ListStylePosition | undefined;
+            listStyleType?: import( 'csstype').Property.ListStyleType | undefined;
+            marginBlockEnd?: import( 'csstype').Property.MarginBlockEnd<string | number>;
+            marginBlockStart?: import( 'csstype').Property.MarginBlockStart<string | number>;
+            marginBottom?: import( 'csstype').Property.MarginBottom<string | number>;
+            marginInlineEnd?: import( 'csstype').Property.MarginInlineEnd<string | number>;
+            marginInlineStart?: import( 'csstype').Property.MarginInlineStart<string | number>;
+            marginLeft?: import( 'csstype').Property.MarginLeft<string | number>;
+            marginRight?: import( 'csstype').Property.MarginRight<string | number>;
+            marginTop?: import( 'csstype').Property.MarginTop<string | number>;
+            marginTrim?: import( 'csstype').Property.MarginTrim | undefined;
+            marker?: import( 'csstype').Property.Marker | undefined;
+            markerEnd?: import( 'csstype').Property.MarkerEnd | undefined;
+            markerMid?: import( 'csstype').Property.MarkerMid | undefined;
+            markerStart?: import( 'csstype').Property.MarkerStart | undefined;
+            maskBorderMode?: import( 'csstype').Property.MaskBorderMode | undefined;
+            maskBorderOutset?: import( 'csstype').Property.MaskBorderOutset<string | number>;
+            maskBorderRepeat?: import( 'csstype').Property.MaskBorderRepeat | undefined;
+            maskBorderSlice?: import( 'csstype').Property.MaskBorderSlice | undefined;
+            maskBorderSource?: import( 'csstype').Property.MaskBorderSource | undefined;
+            maskBorderWidth?: import( 'csstype').Property.MaskBorderWidth<string | number>;
+            maskClip?: import( 'csstype').Property.MaskClip | undefined;
+            maskComposite?: import( 'csstype').Property.MaskComposite | undefined;
+            maskImage?: import( 'csstype').Property.MaskImage | undefined;
+            maskMode?: import( 'csstype').Property.MaskMode | undefined;
+            maskOrigin?: import( 'csstype').Property.MaskOrigin | undefined;
+            maskPosition?: import( 'csstype').Property.MaskPosition<string | number>;
+            maskRepeat?: import( 'csstype').Property.MaskRepeat | undefined;
+            maskSize?: import( 'csstype').Property.MaskSize<string | number>;
+            maskType?: import( 'csstype').Property.MaskType | undefined;
+            masonryAutoFlow?: import( 'csstype').Property.MasonryAutoFlow | undefined;
+            mathDepth?: import( 'csstype').Property.MathDepth | undefined;
+            mathShift?: import( 'csstype').Property.MathShift | undefined;
+            mathStyle?: import( 'csstype').Property.MathStyle | undefined;
+            maxBlockSize?: import( 'csstype').Property.MaxBlockSize<string | number>;
+            maxHeight?: import( 'csstype').Property.MaxHeight<string | number>;
+            maxInlineSize?: import( 'csstype').Property.MaxInlineSize<string | number>;
+            maxLines?: import( 'csstype').Property.MaxLines | undefined;
+            maxWidth?: import( 'csstype').Property.MaxWidth<string | number>;
+            minBlockSize?: import( 'csstype').Property.MinBlockSize<string | number>;
+            minHeight?: import( 'csstype').Property.MinHeight<string | number>;
+            minInlineSize?: import( 'csstype').Property.MinInlineSize<string | number>;
+            minWidth?: import( 'csstype').Property.MinWidth<string | number>;
+            mixBlendMode?: import( 'csstype').Property.MixBlendMode | undefined;
+            motionDistance?: import( 'csstype').Property.OffsetDistance<string | number>;
+            motionPath?: import( 'csstype').Property.OffsetPath | undefined;
+            motionRotation?: import( 'csstype').Property.OffsetRotate | undefined;
+            objectFit?: import( 'csstype').Property.ObjectFit | undefined;
+            objectPosition?: import( 'csstype').Property.ObjectPosition<string | number>;
+            objectViewBox?: import( 'csstype').Property.ObjectViewBox | undefined;
+            offsetAnchor?: import( 'csstype').Property.OffsetAnchor<string | number>;
+            offsetDistance?: import( 'csstype').Property.OffsetDistance<string | number>;
+            offsetPath?: import( 'csstype').Property.OffsetPath | undefined;
+            offsetPosition?: import( 'csstype').Property.OffsetPosition<string | number>;
+            offsetRotate?: import( 'csstype').Property.OffsetRotate | undefined;
+            offsetRotation?: import( 'csstype').Property.OffsetRotate | undefined;
+            opacity?: import( 'csstype').Property.Opacity | undefined;
+            order?: import( 'csstype').Property.Order | undefined;
+            orphans?: import( 'csstype').Property.Orphans | undefined;
+            outlineColor?: import( 'csstype').Property.OutlineColor | undefined;
+            outlineOffset?: import( 'csstype').Property.OutlineOffset<string | number>;
+            outlineStyle?: import( 'csstype').Property.OutlineStyle | undefined;
+            outlineWidth?: import( 'csstype').Property.OutlineWidth<string | number>;
+            overflowAnchor?: import( 'csstype').Property.OverflowAnchor | undefined;
+            overflowBlock?: import( 'csstype').Property.OverflowBlock | undefined;
+            overflowClipBox?: import( 'csstype').Property.OverflowClipBox | undefined;
+            overflowClipMargin?: import( 'csstype').Property.OverflowClipMargin<string | number>;
+            overflowInline?: import( 'csstype').Property.OverflowInline | undefined;
+            overflowWrap?: import( 'csstype').Property.OverflowWrap | undefined;
+            overflowX?: import( 'csstype').Property.OverflowX | undefined;
+            overflowY?: import( 'csstype').Property.OverflowY | undefined;
+            overlay?: import( 'csstype').Property.Overlay | undefined;
+            overscrollBehaviorBlock?: import( 'csstype').Property.OverscrollBehaviorBlock | undefined;
+            overscrollBehaviorInline?: import( 'csstype').Property.OverscrollBehaviorInline | undefined;
+            overscrollBehaviorX?: import( 'csstype').Property.OverscrollBehaviorX | undefined;
+            overscrollBehaviorY?: import( 'csstype').Property.OverscrollBehaviorY | undefined;
+            paddingBlockEnd?: import( 'csstype').Property.PaddingBlockEnd<string | number>;
+            paddingBlockStart?: import( 'csstype').Property.PaddingBlockStart<string | number>;
+            paddingBottom?: import( 'csstype').Property.PaddingBottom<string | number>;
+            paddingInlineEnd?: import( 'csstype').Property.PaddingInlineEnd<string | number>;
+            paddingInlineStart?: import( 'csstype').Property.PaddingInlineStart<string | number>;
+            paddingLeft?: import( 'csstype').Property.PaddingLeft<string | number>;
+            paddingRight?: import( 'csstype').Property.PaddingRight<string | number>;
+            paddingTop?: import( 'csstype').Property.PaddingTop<string | number>;
+            page?: import( 'csstype').Property.Page | undefined;
+            paintOrder?: import( 'csstype').Property.PaintOrder | undefined;
+            perspective?: import( 'csstype').Property.Perspective<string | number>;
+            perspectiveOrigin?: import( 'csstype').Property.PerspectiveOrigin<string | number>;
+            pointerEvents?: import( 'csstype').Property.PointerEvents | undefined;
+            position?: import( 'csstype').Property.Position | undefined;
+            positionAnchor?: import( 'csstype').Property.PositionAnchor | undefined;
+            positionArea?: import( 'csstype').Property.PositionArea | undefined;
+            positionTryFallbacks?: import( 'csstype').Property.PositionTryFallbacks | undefined;
+            positionTryOrder?: import( 'csstype').Property.PositionTryOrder | undefined;
+            positionVisibility?: import( 'csstype').Property.PositionVisibility | undefined;
+            printColorAdjust?: import( 'csstype').Property.PrintColorAdjust | undefined;
+            quotes?: import( 'csstype').Property.Quotes | undefined;
+            r?: import( 'csstype').Property.R<string | number>;
+            resize?: import( 'csstype').Property.Resize | undefined;
+            right?: import( 'csstype').Property.Right<string | number>;
+            rotate?: import( 'csstype').Property.Rotate | undefined;
+            rowGap?: import( 'csstype').Property.RowGap<string | number>;
+            rubyAlign?: import( 'csstype').Property.RubyAlign | undefined;
+            rubyMerge?: import( 'csstype').Property.RubyMerge | undefined;
+            rubyOverhang?: import( 'csstype').Property.RubyOverhang | undefined;
+            rubyPosition?: import( 'csstype').Property.RubyPosition | undefined;
+            rx?: import( 'csstype').Property.Rx<string | number>;
+            ry?: import( 'csstype').Property.Ry<string | number>;
+            scale?: import( 'csstype').Property.Scale | undefined;
+            scrollBehavior?: import( 'csstype').Property.ScrollBehavior | undefined;
+            scrollInitialTarget?: import( 'csstype').Property.ScrollInitialTarget | undefined;
+            scrollMarginBlockEnd?: import( 'csstype').Property.ScrollMarginBlockEnd<string | number>;
+            scrollMarginBlockStart?: import( 'csstype').Property.ScrollMarginBlockStart<string | number>;
+            scrollMarginBottom?: import( 'csstype').Property.ScrollMarginBottom<string | number>;
+            scrollMarginInlineEnd?: import( 'csstype').Property.ScrollMarginInlineEnd<string | number>;
+            scrollMarginInlineStart?: import( 'csstype').Property.ScrollMarginInlineStart<string | number>;
+            scrollMarginLeft?: import( 'csstype').Property.ScrollMarginLeft<string | number>;
+            scrollMarginRight?: import( 'csstype').Property.ScrollMarginRight<string | number>;
+            scrollMarginTop?: import( 'csstype').Property.ScrollMarginTop<string | number>;
+            scrollPaddingBlockEnd?: import( 'csstype').Property.ScrollPaddingBlockEnd<string | number>;
+            scrollPaddingBlockStart?: import( 'csstype').Property.ScrollPaddingBlockStart<string | number>;
+            scrollPaddingBottom?: import( 'csstype').Property.ScrollPaddingBottom<string | number>;
+            scrollPaddingInlineEnd?: import( 'csstype').Property.ScrollPaddingInlineEnd<string | number>;
+            scrollPaddingInlineStart?: import( 'csstype').Property.ScrollPaddingInlineStart<string | number>;
+            scrollPaddingLeft?: import( 'csstype').Property.ScrollPaddingLeft<string | number>;
+            scrollPaddingRight?: import( 'csstype').Property.ScrollPaddingRight<string | number>;
+            scrollPaddingTop?: import( 'csstype').Property.ScrollPaddingTop<string | number>;
+            scrollSnapAlign?: import( 'csstype').Property.ScrollSnapAlign | undefined;
+            scrollSnapMarginBottom?: import( 'csstype').Property.ScrollMarginBottom<string | number>;
+            scrollSnapMarginLeft?: import( 'csstype').Property.ScrollMarginLeft<string | number>;
+            scrollSnapMarginRight?: import( 'csstype').Property.ScrollMarginRight<string | number>;
+            scrollSnapMarginTop?: import( 'csstype').Property.ScrollMarginTop<string | number>;
+            scrollSnapStop?: import( 'csstype').Property.ScrollSnapStop | undefined;
+            scrollSnapType?: import( 'csstype').Property.ScrollSnapType | undefined;
+            scrollTimelineAxis?: import( 'csstype').Property.ScrollTimelineAxis | undefined;
+            scrollTimelineName?: import( 'csstype').Property.ScrollTimelineName | undefined;
+            scrollbarColor?: import( 'csstype').Property.ScrollbarColor | undefined;
+            scrollbarGutter?: import( 'csstype').Property.ScrollbarGutter | undefined;
+            scrollbarWidth?: import( 'csstype').Property.ScrollbarWidth | undefined;
+            shapeImageThreshold?: import( 'csstype').Property.ShapeImageThreshold | undefined;
+            shapeMargin?: import( 'csstype').Property.ShapeMargin<string | number>;
+            shapeOutside?: import( 'csstype').Property.ShapeOutside | undefined;
+            shapeRendering?: import( 'csstype').Property.ShapeRendering | undefined;
+            speakAs?: import( 'csstype').Property.SpeakAs | undefined;
+            stopColor?: import( 'csstype').Property.StopColor | undefined;
+            stopOpacity?: import( 'csstype').Property.StopOpacity | undefined;
+            stroke?: import( 'csstype').Property.Stroke | undefined;
+            strokeColor?: import( 'csstype').Property.StrokeColor | undefined;
+            strokeDasharray?: import( 'csstype').Property.StrokeDasharray<string | number>;
+            strokeDashoffset?: import( 'csstype').Property.StrokeDashoffset<string | number>;
+            strokeLinecap?: import( 'csstype').Property.StrokeLinecap | undefined;
+            strokeLinejoin?: import( 'csstype').Property.StrokeLinejoin | undefined;
+            strokeMiterlimit?: import( 'csstype').Property.StrokeMiterlimit | undefined;
+            strokeOpacity?: import( 'csstype').Property.StrokeOpacity | undefined;
+            strokeWidth?: import( 'csstype').Property.StrokeWidth<string | number>;
+            tabSize?: import( 'csstype').Property.TabSize<string | number>;
+            tableLayout?: import( 'csstype').Property.TableLayout | undefined;
+            textAlign?: import( 'csstype').Property.TextAlign | undefined;
+            textAlignLast?: import( 'csstype').Property.TextAlignLast | undefined;
+            textAnchor?: import( 'csstype').Property.TextAnchor | undefined;
+            textAutospace?: import( 'csstype').Property.TextAutospace | undefined;
+            textBox?: import( 'csstype').Property.TextBox | undefined;
+            textBoxEdge?: import( 'csstype').Property.TextBoxEdge | undefined;
+            textBoxTrim?: import( 'csstype').Property.TextBoxTrim | undefined;
+            textCombineUpright?: import( 'csstype').Property.TextCombineUpright | undefined;
+            textDecorationColor?: import( 'csstype').Property.TextDecorationColor | undefined;
+            textDecorationLine?: import( 'csstype').Property.TextDecorationLine | undefined;
+            textDecorationSkip?: import( 'csstype').Property.TextDecorationSkip | undefined;
+            textDecorationSkipInk?: import( 'csstype').Property.TextDecorationSkipInk | undefined;
+            textDecorationStyle?: import( 'csstype').Property.TextDecorationStyle | undefined;
+            textDecorationThickness?: import( 'csstype').Property.TextDecorationThickness<string | number>;
+            textEmphasisColor?: import( 'csstype').Property.TextEmphasisColor | undefined;
+            textEmphasisPosition?: import( 'csstype').Property.TextEmphasisPosition | undefined;
+            textEmphasisStyle?: import( 'csstype').Property.TextEmphasisStyle | undefined;
+            textIndent?: import( 'csstype').Property.TextIndent<string | number>;
+            textJustify?: import( 'csstype').Property.TextJustify | undefined;
+            textOrientation?: import( 'csstype').Property.TextOrientation | undefined;
+            textOverflow?: import( 'csstype').Property.TextOverflow | undefined;
+            textRendering?: import( 'csstype').Property.TextRendering | undefined;
+            textShadow?: import( 'csstype').Property.TextShadow | undefined;
+            textSizeAdjust?: import( 'csstype').Property.TextSizeAdjust | undefined;
+            textSpacingTrim?: import( 'csstype').Property.TextSpacingTrim | undefined;
+            textTransform?: import( 'csstype').Property.TextTransform | undefined;
+            textUnderlineOffset?: import( 'csstype').Property.TextUnderlineOffset<string | number>;
+            textUnderlinePosition?: import( 'csstype').Property.TextUnderlinePosition | undefined;
+            textWrapMode?: import( 'csstype').Property.TextWrapMode | undefined;
+            textWrapStyle?: import( 'csstype').Property.TextWrapStyle | undefined;
+            timelineScope?: import( 'csstype').Property.TimelineScope | undefined;
+            top?: import( 'csstype').Property.Top<string | number>;
+            touchAction?: import( 'csstype').Property.TouchAction | undefined;
+            transform?: import( 'csstype').Property.Transform | undefined;
+            transformBox?: import( 'csstype').Property.TransformBox | undefined;
+            transformOrigin?: import( 'csstype').Property.TransformOrigin<string | number>;
+            transformStyle?: import( 'csstype').Property.TransformStyle | undefined;
+            transitionBehavior?: import( 'csstype').Property.TransitionBehavior | undefined;
+            transitionDelay?: import( 'csstype').Property.TransitionDelay<string & {}>;
+            transitionDuration?: import( 'csstype').Property.TransitionDuration<string & {}>;
+            transitionProperty?: import( 'csstype').Property.TransitionProperty | undefined;
+            transitionTimingFunction?: import( 'csstype').Property.TransitionTimingFunction | undefined;
+            translate?: import( 'csstype').Property.Translate<string | number>;
+            unicodeBidi?: import( 'csstype').Property.UnicodeBidi | undefined;
+            userSelect?: import( 'csstype').Property.UserSelect | undefined;
+            vectorEffect?: import( 'csstype').Property.VectorEffect | undefined;
+            verticalAlign?: import( 'csstype').Property.VerticalAlign<string | number>;
+            viewTimelineAxis?: import( 'csstype').Property.ViewTimelineAxis | undefined;
+            viewTimelineInset?: import( 'csstype').Property.ViewTimelineInset<string | number>;
+            viewTimelineName?: import( 'csstype').Property.ViewTimelineName | undefined;
+            viewTransitionClass?: import( 'csstype').Property.ViewTransitionClass | undefined;
+            viewTransitionName?: import( 'csstype').Property.ViewTransitionName | undefined;
+            visibility?: import( 'csstype').Property.Visibility | undefined;
+            whiteSpace?: import( 'csstype').Property.WhiteSpace | undefined;
+            whiteSpaceCollapse?: import( 'csstype').Property.WhiteSpaceCollapse | undefined;
+            widows?: import( 'csstype').Property.Widows | undefined;
+            width?: import( 'csstype').Property.Width<string | number>;
+            willChange?: import( 'csstype').Property.WillChange | undefined;
+            wordBreak?: import( 'csstype').Property.WordBreak | undefined;
+            wordSpacing?: import( 'csstype').Property.WordSpacing<string | number>;
+            wordWrap?: import( 'csstype').Property.WordWrap | undefined;
+            writingMode?: import( 'csstype').Property.WritingMode | undefined;
+            x?: import( 'csstype').Property.X<string | number>;
+            y?: import( 'csstype').Property.Y<string | number>;
+            zIndex?: import( 'csstype').Property.ZIndex | undefined;
+            zoom?: import( 'csstype').Property.Zoom | undefined;
+            all?: import( 'csstype').Property.All | undefined;
+            animation?: import( 'csstype').Property.Animation<string & {}>;
+            animationRange?: import( 'csstype').Property.AnimationRange<string | number>;
+            background?: import( 'csstype').Property.Background<string | number>;
+            backgroundPosition?: import( 'csstype').Property.BackgroundPosition<string | number>;
+            border?: import( 'csstype').Property.Border<string | number>;
+            borderBlock?: import( 'csstype').Property.BorderBlock<string | number>;
+            borderBlockColor?: import( 'csstype').Property.BorderBlockColor | undefined;
+            borderBlockEnd?: import( 'csstype').Property.BorderBlockEnd<string | number>;
+            borderBlockStart?: import( 'csstype').Property.BorderBlockStart<string | number>;
+            borderBlockStyle?: import( 'csstype').Property.BorderBlockStyle | undefined;
+            borderBlockWidth?: import( 'csstype').Property.BorderBlockWidth<string | number>;
+            borderBottom?: import( 'csstype').Property.BorderBottom<string | number>;
+            borderColor?: import( 'csstype').Property.BorderColor | undefined;
+            borderImage?: import( 'csstype').Property.BorderImage | undefined;
+            borderInline?: import( 'csstype').Property.BorderInline<string | number>;
+            borderInlineColor?: import( 'csstype').Property.BorderInlineColor | undefined;
+            borderInlineEnd?: import( 'csstype').Property.BorderInlineEnd<string | number>;
+            borderInlineStart?: import( 'csstype').Property.BorderInlineStart<string | number>;
+            borderInlineStyle?: import( 'csstype').Property.BorderInlineStyle | undefined;
+            borderInlineWidth?: import( 'csstype').Property.BorderInlineWidth<string | number>;
+            borderLeft?: import( 'csstype').Property.BorderLeft<string | number>;
+            borderRadius?: import( 'csstype').Property.BorderRadius<string | number>;
+            borderRight?: import( 'csstype').Property.BorderRight<string | number>;
+            borderStyle?: import( 'csstype').Property.BorderStyle | undefined;
+            borderTop?: import( 'csstype').Property.BorderTop<string | number>;
+            borderWidth?: import( 'csstype').Property.BorderWidth<string | number>;
+            caret?: import( 'csstype').Property.Caret | undefined;
+            columnRule?: import( 'csstype').Property.ColumnRule<string | number>;
+            columns?: import( 'csstype').Property.Columns<string | number>;
+            containIntrinsicSize?: import( 'csstype').Property.ContainIntrinsicSize<string | number>;
+            container?: import( 'csstype').Property.Container | undefined;
+            flex?: import( 'csstype').Property.Flex<string | number>;
+            flexFlow?: import( 'csstype').Property.FlexFlow | undefined;
+            font?: import( 'csstype').Property.Font | undefined;
+            gap?: import( 'csstype').Property.Gap<string | number>;
+            grid?: import( 'csstype').Property.Grid | undefined;
+            gridArea?: import( 'csstype').Property.GridArea | undefined;
+            gridColumn?: import( 'csstype').Property.GridColumn | undefined;
+            gridRow?: import( 'csstype').Property.GridRow | undefined;
+            gridTemplate?: import( 'csstype').Property.GridTemplate | undefined;
+            inset?: import( 'csstype').Property.Inset<string | number>;
+            insetBlock?: import( 'csstype').Property.InsetBlock<string | number>;
+            insetInline?: import( 'csstype').Property.InsetInline<string | number>;
+            lineClamp?: import( 'csstype').Property.LineClamp | undefined;
+            listStyle?: import( 'csstype').Property.ListStyle | undefined;
+            margin?: import( 'csstype').Property.Margin<string | number>;
+            marginBlock?: import( 'csstype').Property.MarginBlock<string | number>;
+            marginInline?: import( 'csstype').Property.MarginInline<string | number>;
+            mask?: import( 'csstype').Property.Mask<string | number>;
+            maskBorder?: import( 'csstype').Property.MaskBorder | undefined;
+            motion?: import( 'csstype').Property.Offset<string | number>;
+            offset?: import( 'csstype').Property.Offset<string | number>;
+            outline?: import( 'csstype').Property.Outline<string | number>;
+            overflow?: import( 'csstype').Property.Overflow | undefined;
+            overscrollBehavior?: import( 'csstype').Property.OverscrollBehavior | undefined;
+            padding?: import( 'csstype').Property.Padding<string | number>;
+            paddingBlock?: import( 'csstype').Property.PaddingBlock<string | number>;
+            paddingInline?: import( 'csstype').Property.PaddingInline<string | number>;
+            placeContent?: import( 'csstype').Property.PlaceContent | undefined;
+            placeItems?: import( 'csstype').Property.PlaceItems | undefined;
+            placeSelf?: import( 'csstype').Property.PlaceSelf | undefined;
+            positionTry?: import( 'csstype').Property.PositionTry | undefined;
+            scrollMargin?: import( 'csstype').Property.ScrollMargin<string | number>;
+            scrollMarginBlock?: import( 'csstype').Property.ScrollMarginBlock<string | number>;
+            scrollMarginInline?: import( 'csstype').Property.ScrollMarginInline<string | number>;
+            scrollPadding?: import( 'csstype').Property.ScrollPadding<string | number>;
+            scrollPaddingBlock?: import( 'csstype').Property.ScrollPaddingBlock<string | number>;
+            scrollPaddingInline?: import( 'csstype').Property.ScrollPaddingInline<string | number>;
+            scrollSnapMargin?: import( 'csstype').Property.ScrollMargin<string | number>;
+            scrollTimeline?: import( 'csstype').Property.ScrollTimeline | undefined;
+            textDecoration?: import( 'csstype').Property.TextDecoration<string | number>;
+            textEmphasis?: import( 'csstype').Property.TextEmphasis | undefined;
+            textWrap?: import( 'csstype').Property.TextWrap | undefined;
+            transition?: import( 'csstype').Property.Transition<string & {}>;
+            viewTimeline?: import( 'csstype').Property.ViewTimeline | undefined;
+            MozAnimationDelay?: import( 'csstype').Property.AnimationDelay<string & {}>;
+            MozAnimationDirection?: import( 'csstype').Property.AnimationDirection | undefined;
+            MozAnimationDuration?: import( 'csstype').Property.AnimationDuration<string & {}>;
+            MozAnimationFillMode?: import( 'csstype').Property.AnimationFillMode | undefined;
+            MozAnimationIterationCount?: import( 'csstype').Property.AnimationIterationCount | undefined;
+            MozAnimationName?: import( 'csstype').Property.AnimationName | undefined;
+            MozAnimationPlayState?: import( 'csstype').Property.AnimationPlayState | undefined;
+            MozAnimationTimingFunction?: import( 'csstype').Property.AnimationTimingFunction | undefined;
+            MozAppearance?: import( 'csstype').Property.MozAppearance | undefined;
+            MozBackfaceVisibility?: import( 'csstype').Property.BackfaceVisibility | undefined;
+            MozBinding?: import( 'csstype').Property.MozBinding | undefined;
+            MozBorderBottomColors?: import( 'csstype').Property.MozBorderBottomColors | undefined;
+            MozBorderEndColor?: import( 'csstype').Property.BorderInlineEndColor | undefined;
+            MozBorderEndStyle?: import( 'csstype').Property.BorderInlineEndStyle | undefined;
+            MozBorderEndWidth?: import( 'csstype').Property.BorderInlineEndWidth<string | number>;
+            MozBorderLeftColors?: import( 'csstype').Property.MozBorderLeftColors | undefined;
+            MozBorderRightColors?: import( 'csstype').Property.MozBorderRightColors | undefined;
+            MozBorderStartColor?: import( 'csstype').Property.BorderInlineStartColor | undefined;
+            MozBorderStartStyle?: import( 'csstype').Property.BorderInlineStartStyle | undefined;
+            MozBorderTopColors?: import( 'csstype').Property.MozBorderTopColors | undefined;
+            MozBoxSizing?: import( 'csstype').Property.BoxSizing | undefined;
+            MozColumnRuleColor?: import( 'csstype').Property.ColumnRuleColor | undefined;
+            MozColumnRuleStyle?: import( 'csstype').Property.ColumnRuleStyle | undefined;
+            MozColumnRuleWidth?: import( 'csstype').Property.ColumnRuleWidth<string | number>;
+            MozColumnWidth?: import( 'csstype').Property.ColumnWidth<string | number>;
+            MozContextProperties?: import( 'csstype').Property.MozContextProperties | undefined;
+            MozFontFeatureSettings?: import( 'csstype').Property.FontFeatureSettings | undefined;
+            MozFontLanguageOverride?: import( 'csstype').Property.FontLanguageOverride | undefined;
+            MozHyphens?: import( 'csstype').Property.Hyphens | undefined;
+            MozMarginEnd?: import( 'csstype').Property.MarginInlineEnd<string | number>;
+            MozMarginStart?: import( 'csstype').Property.MarginInlineStart<string | number>;
+            MozOrient?: import( 'csstype').Property.MozOrient | undefined;
+            MozOsxFontSmoothing?: import( 'csstype').Property.FontSmooth<string | number>;
+            MozOutlineRadiusBottomleft?: import( 'csstype').Property.MozOutlineRadiusBottomleft<string | number>;
+            MozOutlineRadiusBottomright?: import( 'csstype').Property.MozOutlineRadiusBottomright<string | number>;
+            MozOutlineRadiusTopleft?: import( 'csstype').Property.MozOutlineRadiusTopleft<string | number>;
+            MozOutlineRadiusTopright?: import( 'csstype').Property.MozOutlineRadiusTopright<string | number>;
+            MozPaddingEnd?: import( 'csstype').Property.PaddingInlineEnd<string | number>;
+            MozPaddingStart?: import( 'csstype').Property.PaddingInlineStart<string | number>;
+            MozPerspective?: import( 'csstype').Property.Perspective<string | number>;
+            MozPerspectiveOrigin?: import( 'csstype').Property.PerspectiveOrigin<string | number>;
+            MozStackSizing?: import( 'csstype').Property.MozStackSizing | undefined;
+            MozTabSize?: import( 'csstype').Property.TabSize<string | number>;
+            MozTextBlink?: import( 'csstype').Property.MozTextBlink | undefined;
+            MozTextSizeAdjust?: import( 'csstype').Property.TextSizeAdjust | undefined;
+            MozTransform?: import( 'csstype').Property.Transform | undefined;
+            MozTransformOrigin?: import( 'csstype').Property.TransformOrigin<string | number>;
+            MozTransformStyle?: import( 'csstype').Property.TransformStyle | undefined;
+            MozUserModify?: import( 'csstype').Property.MozUserModify | undefined;
+            MozUserSelect?: import( 'csstype').Property.UserSelect | undefined;
+            MozWindowDragging?: import( 'csstype').Property.MozWindowDragging | undefined;
+            MozWindowShadow?: import( 'csstype').Property.MozWindowShadow | undefined;
+            msAccelerator?: import( 'csstype').Property.MsAccelerator | undefined;
+            msBlockProgression?: import( 'csstype').Property.MsBlockProgression | undefined;
+            msContentZoomChaining?: import( 'csstype').Property.MsContentZoomChaining | undefined;
+            msContentZoomLimitMax?: import( 'csstype').Property.MsContentZoomLimitMax | undefined;
+            msContentZoomLimitMin?: import( 'csstype').Property.MsContentZoomLimitMin | undefined;
+            msContentZoomSnapPoints?: import( 'csstype').Property.MsContentZoomSnapPoints | undefined;
+            msContentZoomSnapType?: import( 'csstype').Property.MsContentZoomSnapType | undefined;
+            msContentZooming?: import( 'csstype').Property.MsContentZooming | undefined;
+            msFilter?: import( 'csstype').Property.MsFilter | undefined;
+            msFlexDirection?: import( 'csstype').Property.FlexDirection | undefined;
+            msFlexPositive?: import( 'csstype').Property.FlexGrow | undefined;
+            msFlowFrom?: import( 'csstype').Property.MsFlowFrom | undefined;
+            msFlowInto?: import( 'csstype').Property.MsFlowInto | undefined;
+            msGridColumns?: import( 'csstype').Property.MsGridColumns<string | number>;
+            msGridRows?: import( 'csstype').Property.MsGridRows<string | number>;
+            msHighContrastAdjust?: import( 'csstype').Property.MsHighContrastAdjust | undefined;
+            msHyphenateLimitChars?: import( 'csstype').Property.MsHyphenateLimitChars | undefined;
+            msHyphenateLimitLines?: import( 'csstype').Property.MsHyphenateLimitLines | undefined;
+            msHyphenateLimitZone?: import( 'csstype').Property.MsHyphenateLimitZone<string | number>;
+            msHyphens?: import( 'csstype').Property.Hyphens | undefined;
+            msImeAlign?: import( 'csstype').Property.MsImeAlign | undefined;
+            msLineBreak?: import( 'csstype').Property.LineBreak | undefined;
+            msOrder?: import( 'csstype').Property.Order | undefined;
+            msOverflowStyle?: import( 'csstype').Property.MsOverflowStyle | undefined;
+            msOverflowX?: import( 'csstype').Property.OverflowX | undefined;
+            msOverflowY?: import( 'csstype').Property.OverflowY | undefined;
+            msScrollChaining?: import( 'csstype').Property.MsScrollChaining | undefined;
+            msScrollLimitXMax?: import( 'csstype').Property.MsScrollLimitXMax<string | number>;
+            msScrollLimitXMin?: import( 'csstype').Property.MsScrollLimitXMin<string | number>;
+            msScrollLimitYMax?: import( 'csstype').Property.MsScrollLimitYMax<string | number>;
+            msScrollLimitYMin?: import( 'csstype').Property.MsScrollLimitYMin<string | number>;
+            msScrollRails?: import( 'csstype').Property.MsScrollRails | undefined;
+            msScrollSnapPointsX?: import( 'csstype').Property.MsScrollSnapPointsX | undefined;
+            msScrollSnapPointsY?: import( 'csstype').Property.MsScrollSnapPointsY | undefined;
+            msScrollSnapType?: import( 'csstype').Property.MsScrollSnapType | undefined;
+            msScrollTranslation?: import( 'csstype').Property.MsScrollTranslation | undefined;
+            msScrollbar3dlightColor?: import( 'csstype').Property.MsScrollbar3dlightColor | undefined;
+            msScrollbarArrowColor?: import( 'csstype').Property.MsScrollbarArrowColor | undefined;
+            msScrollbarBaseColor?: import( 'csstype').Property.MsScrollbarBaseColor | undefined;
+            msScrollbarDarkshadowColor?: import( 'csstype').Property.MsScrollbarDarkshadowColor | undefined;
+            msScrollbarFaceColor?: import( 'csstype').Property.MsScrollbarFaceColor | undefined;
+            msScrollbarHighlightColor?: import( 'csstype').Property.MsScrollbarHighlightColor | undefined;
+            msScrollbarShadowColor?: import( 'csstype').Property.MsScrollbarShadowColor | undefined;
+            msScrollbarTrackColor?: import( 'csstype').Property.MsScrollbarTrackColor | undefined;
+            msTextAutospace?: import( 'csstype').Property.MsTextAutospace | undefined;
+            msTextCombineHorizontal?: import( 'csstype').Property.TextCombineUpright | undefined;
+            msTextOverflow?: import( 'csstype').Property.TextOverflow | undefined;
+            msTouchAction?: import( 'csstype').Property.TouchAction | undefined;
+            msTouchSelect?: import( 'csstype').Property.MsTouchSelect | undefined;
+            msTransform?: import( 'csstype').Property.Transform | undefined;
+            msTransformOrigin?: import( 'csstype').Property.TransformOrigin<string | number>;
+            msTransitionDelay?: import( 'csstype').Property.TransitionDelay<string & {}>;
+            msTransitionDuration?: import( 'csstype').Property.TransitionDuration<string & {}>;
+            msTransitionProperty?: import( 'csstype').Property.TransitionProperty | undefined;
+            msTransitionTimingFunction?: import( 'csstype').Property.TransitionTimingFunction | undefined;
+            msUserSelect?: import( 'csstype').Property.MsUserSelect | undefined;
+            msWordBreak?: import( 'csstype').Property.WordBreak | undefined;
+            msWrapFlow?: import( 'csstype').Property.MsWrapFlow | undefined;
+            msWrapMargin?: import( 'csstype').Property.MsWrapMargin<string | number>;
+            msWrapThrough?: import( 'csstype').Property.MsWrapThrough | undefined;
+            msWritingMode?: import( 'csstype').Property.WritingMode | undefined;
+            WebkitAlignContent?: import( 'csstype').Property.AlignContent | undefined;
+            WebkitAlignItems?: import( 'csstype').Property.AlignItems | undefined;
+            WebkitAlignSelf?: import( 'csstype').Property.AlignSelf | undefined;
+            WebkitAnimationDelay?: import( 'csstype').Property.AnimationDelay<string & {}>;
+            WebkitAnimationDirection?: import( 'csstype').Property.AnimationDirection | undefined;
+            WebkitAnimationDuration?: import( 'csstype').Property.AnimationDuration<string & {}>;
+            WebkitAnimationFillMode?: import( 'csstype').Property.AnimationFillMode | undefined;
+            WebkitAnimationIterationCount?: import( 'csstype').Property.AnimationIterationCount | undefined;
+            WebkitAnimationName?: import( 'csstype').Property.AnimationName | undefined;
+            WebkitAnimationPlayState?: import( 'csstype').Property.AnimationPlayState | undefined;
+            WebkitAnimationTimingFunction?: import( 'csstype').Property.AnimationTimingFunction | undefined;
+            WebkitAppearance?: import( 'csstype').Property.WebkitAppearance | undefined;
+            WebkitBackdropFilter?: import( 'csstype').Property.BackdropFilter | undefined;
+            WebkitBackfaceVisibility?: import( 'csstype').Property.BackfaceVisibility | undefined;
+            WebkitBackgroundClip?: import( 'csstype').Property.BackgroundClip | undefined;
+            WebkitBackgroundOrigin?: import( 'csstype').Property.BackgroundOrigin | undefined;
+            WebkitBackgroundSize?: import( 'csstype').Property.BackgroundSize<string | number>;
+            WebkitBorderBeforeColor?: import( 'csstype').Property.WebkitBorderBeforeColor | undefined;
+            WebkitBorderBeforeStyle?: import( 'csstype').Property.WebkitBorderBeforeStyle | undefined;
+            WebkitBorderBeforeWidth?: import( 'csstype').Property.WebkitBorderBeforeWidth<string | number>;
+            WebkitBorderBottomLeftRadius?: import( 'csstype').Property.BorderBottomLeftRadius<string | number>;
+            WebkitBorderBottomRightRadius?: import( 'csstype').Property.BorderBottomRightRadius<string | number>;
+            WebkitBorderImageSlice?: import( 'csstype').Property.BorderImageSlice | undefined;
+            WebkitBorderTopLeftRadius?: import( 'csstype').Property.BorderTopLeftRadius<string | number>;
+            WebkitBorderTopRightRadius?: import( 'csstype').Property.BorderTopRightRadius<string | number>;
+            WebkitBoxDecorationBreak?: import( 'csstype').Property.BoxDecorationBreak | undefined;
+            WebkitBoxReflect?: import( 'csstype').Property.WebkitBoxReflect<string | number>;
+            WebkitBoxShadow?: import( 'csstype').Property.BoxShadow | undefined;
+            WebkitBoxSizing?: import( 'csstype').Property.BoxSizing | undefined;
+            WebkitClipPath?: import( 'csstype').Property.ClipPath | undefined;
+            WebkitColumnCount?: import( 'csstype').Property.ColumnCount | undefined;
+            WebkitColumnFill?: import( 'csstype').Property.ColumnFill | undefined;
+            WebkitColumnRuleColor?: import( 'csstype').Property.ColumnRuleColor | undefined;
+            WebkitColumnRuleStyle?: import( 'csstype').Property.ColumnRuleStyle | undefined;
+            WebkitColumnRuleWidth?: import( 'csstype').Property.ColumnRuleWidth<string | number>;
+            WebkitColumnSpan?: import( 'csstype').Property.ColumnSpan | undefined;
+            WebkitColumnWidth?: import( 'csstype').Property.ColumnWidth<string | number>;
+            WebkitFilter?: import( 'csstype').Property.Filter | undefined;
+            WebkitFlexBasis?: import( 'csstype').Property.FlexBasis<string | number>;
+            WebkitFlexDirection?: import( 'csstype').Property.FlexDirection | undefined;
+            WebkitFlexGrow?: import( 'csstype').Property.FlexGrow | undefined;
+            WebkitFlexShrink?: import( 'csstype').Property.FlexShrink | undefined;
+            WebkitFlexWrap?: import( 'csstype').Property.FlexWrap | undefined;
+            WebkitFontFeatureSettings?: import( 'csstype').Property.FontFeatureSettings | undefined;
+            WebkitFontKerning?: import( 'csstype').Property.FontKerning | undefined;
+            WebkitFontSmoothing?: import( 'csstype').Property.FontSmooth<string | number>;
+            WebkitFontVariantLigatures?: import( 'csstype').Property.FontVariantLigatures | undefined;
+            WebkitHyphenateCharacter?: import( 'csstype').Property.HyphenateCharacter | undefined;
+            WebkitHyphens?: import( 'csstype').Property.Hyphens | undefined;
+            WebkitInitialLetter?: import( 'csstype').Property.InitialLetter | undefined;
+            WebkitJustifyContent?: import( 'csstype').Property.JustifyContent | undefined;
+            WebkitLineBreak?: import( 'csstype').Property.LineBreak | undefined;
+            WebkitLineClamp?: import( 'csstype').Property.WebkitLineClamp | undefined;
+            WebkitLogicalHeight?: import( 'csstype').Property.BlockSize<string | number>;
+            WebkitLogicalWidth?: import( 'csstype').Property.InlineSize<string | number>;
+            WebkitMarginEnd?: import( 'csstype').Property.MarginInlineEnd<string | number>;
+            WebkitMarginStart?: import( 'csstype').Property.MarginInlineStart<string | number>;
+            WebkitMaskAttachment?: import( 'csstype').Property.WebkitMaskAttachment | undefined;
+            WebkitMaskBoxImageOutset?: import( 'csstype').Property.MaskBorderOutset<string | number>;
+            WebkitMaskBoxImageRepeat?: import( 'csstype').Property.MaskBorderRepeat | undefined;
+            WebkitMaskBoxImageSlice?: import( 'csstype').Property.MaskBorderSlice | undefined;
+            WebkitMaskBoxImageSource?: import( 'csstype').Property.MaskBorderSource | undefined;
+            WebkitMaskBoxImageWidth?: import( 'csstype').Property.MaskBorderWidth<string | number>;
+            WebkitMaskClip?: import( 'csstype').Property.WebkitMaskClip | undefined;
+            WebkitMaskComposite?: import( 'csstype').Property.WebkitMaskComposite | undefined;
+            WebkitMaskImage?: import( 'csstype').Property.WebkitMaskImage | undefined;
+            WebkitMaskOrigin?: import( 'csstype').Property.WebkitMaskOrigin | undefined;
+            WebkitMaskPosition?: import( 'csstype').Property.WebkitMaskPosition<string | number>;
+            WebkitMaskPositionX?: import( 'csstype').Property.WebkitMaskPositionX<string | number>;
+            WebkitMaskPositionY?: import( 'csstype').Property.WebkitMaskPositionY<string | number>;
+            WebkitMaskRepeat?: import( 'csstype').Property.WebkitMaskRepeat | undefined;
+            WebkitMaskRepeatX?: import( 'csstype').Property.WebkitMaskRepeatX | undefined;
+            WebkitMaskRepeatY?: import( 'csstype').Property.WebkitMaskRepeatY | undefined;
+            WebkitMaskSize?: import( 'csstype').Property.WebkitMaskSize<string | number>;
+            WebkitMaxInlineSize?: import( 'csstype').Property.MaxInlineSize<string | number>;
+            WebkitOrder?: import( 'csstype').Property.Order | undefined;
+            WebkitOverflowScrolling?: import( 'csstype').Property.WebkitOverflowScrolling | undefined;
+            WebkitPaddingEnd?: import( 'csstype').Property.PaddingInlineEnd<string | number>;
+            WebkitPaddingStart?: import( 'csstype').Property.PaddingInlineStart<string | number>;
+            WebkitPerspective?: import( 'csstype').Property.Perspective<string | number>;
+            WebkitPerspectiveOrigin?: import( 'csstype').Property.PerspectiveOrigin<string | number>;
+            WebkitPrintColorAdjust?: import( 'csstype').Property.PrintColorAdjust | undefined;
+            WebkitRubyPosition?: import( 'csstype').Property.RubyPosition | undefined;
+            WebkitScrollSnapType?: import( 'csstype').Property.ScrollSnapType | undefined;
+            WebkitShapeMargin?: import( 'csstype').Property.ShapeMargin<string | number>;
+            WebkitTapHighlightColor?: import( 'csstype').Property.WebkitTapHighlightColor | undefined;
+            WebkitTextCombine?: import( 'csstype').Property.TextCombineUpright | undefined;
+            WebkitTextDecorationColor?: import( 'csstype').Property.TextDecorationColor | undefined;
+            WebkitTextDecorationLine?: import( 'csstype').Property.TextDecorationLine | undefined;
+            WebkitTextDecorationSkip?: import( 'csstype').Property.TextDecorationSkip | undefined;
+            WebkitTextDecorationStyle?: import( 'csstype').Property.TextDecorationStyle | undefined;
+            WebkitTextEmphasisColor?: import( 'csstype').Property.TextEmphasisColor | undefined;
+            WebkitTextEmphasisPosition?: import( 'csstype').Property.TextEmphasisPosition | undefined;
+            WebkitTextEmphasisStyle?: import( 'csstype').Property.TextEmphasisStyle | undefined;
+            WebkitTextFillColor?: import( 'csstype').Property.WebkitTextFillColor | undefined;
+            WebkitTextOrientation?: import( 'csstype').Property.TextOrientation | undefined;
+            WebkitTextSizeAdjust?: import( 'csstype').Property.TextSizeAdjust | undefined;
+            WebkitTextStrokeColor?: import( 'csstype').Property.WebkitTextStrokeColor | undefined;
+            WebkitTextStrokeWidth?: import( 'csstype').Property.WebkitTextStrokeWidth<string | number>;
+            WebkitTextUnderlinePosition?: import( 'csstype').Property.TextUnderlinePosition | undefined;
+            WebkitTouchCallout?: import( 'csstype').Property.WebkitTouchCallout | undefined;
+            WebkitTransform?: import( 'csstype').Property.Transform | undefined;
+            WebkitTransformOrigin?: import( 'csstype').Property.TransformOrigin<string | number>;
+            WebkitTransformStyle?: import( 'csstype').Property.TransformStyle | undefined;
+            WebkitTransitionDelay?: import( 'csstype').Property.TransitionDelay<string & {}>;
+            WebkitTransitionDuration?: import( 'csstype').Property.TransitionDuration<string & {}>;
+            WebkitTransitionProperty?: import( 'csstype').Property.TransitionProperty | undefined;
+            WebkitTransitionTimingFunction?: import( 'csstype').Property.TransitionTimingFunction | undefined;
+            WebkitUserModify?: import( 'csstype').Property.WebkitUserModify | undefined;
+            WebkitUserSelect?: import( 'csstype').Property.WebkitUserSelect | undefined;
+            WebkitWritingMode?: import( 'csstype').Property.WritingMode | undefined;
+            MozAnimation?: import( 'csstype').Property.Animation<string & {}>;
+            MozBorderImage?: import( 'csstype').Property.BorderImage | undefined;
+            MozColumnRule?: import( 'csstype').Property.ColumnRule<string | number>;
+            MozColumns?: import( 'csstype').Property.Columns<string | number>;
+            MozOutlineRadius?: import( 'csstype').Property.MozOutlineRadius<string | number>;
+            MozTransition?: import( 'csstype').Property.Transition<string & {}>;
+            msContentZoomLimit?: import( 'csstype').Property.MsContentZoomLimit | undefined;
+            msContentZoomSnap?: import( 'csstype').Property.MsContentZoomSnap | undefined;
+            msFlex?: import( 'csstype').Property.Flex<string | number>;
+            msScrollLimit?: import( 'csstype').Property.MsScrollLimit | undefined;
+            msScrollSnapX?: import( 'csstype').Property.MsScrollSnapX | undefined;
+            msScrollSnapY?: import( 'csstype').Property.MsScrollSnapY | undefined;
+            msTransition?: import( 'csstype').Property.Transition<string & {}>;
+            WebkitAnimation?: import( 'csstype').Property.Animation<string & {}>;
+            WebkitBorderBefore?: import( 'csstype').Property.WebkitBorderBefore<string | number>;
+            WebkitBorderImage?: import( 'csstype').Property.BorderImage | undefined;
+            WebkitBorderRadius?: import( 'csstype').Property.BorderRadius<string | number>;
+            WebkitColumnRule?: import( 'csstype').Property.ColumnRule<string | number>;
+            WebkitColumns?: import( 'csstype').Property.Columns<string | number>;
+            WebkitFlex?: import( 'csstype').Property.Flex<string | number>;
+            WebkitFlexFlow?: import( 'csstype').Property.FlexFlow | undefined;
+            WebkitMask?: import( 'csstype').Property.WebkitMask<string | number>;
+            WebkitMaskBoxImage?: import( 'csstype').Property.MaskBorder | undefined;
+            WebkitTextEmphasis?: import( 'csstype').Property.TextEmphasis | undefined;
+            WebkitTextStroke?: import( 'csstype').Property.WebkitTextStroke<string | number>;
+            WebkitTransition?: import( 'csstype').Property.Transition<string & {}>;
+            boxAlign?: import( 'csstype').Property.BoxAlign | undefined;
+            boxDirection?: import( 'csstype').Property.BoxDirection | undefined;
+            boxFlex?: import( 'csstype').Property.BoxFlex | undefined;
+            boxFlexGroup?: import( 'csstype').Property.BoxFlexGroup | undefined;
+            boxLines?: import( 'csstype').Property.BoxLines | undefined;
+            boxOrdinalGroup?: import( 'csstype').Property.BoxOrdinalGroup | undefined;
+            boxOrient?: import( 'csstype').Property.BoxOrient | undefined;
+            boxPack?: import( 'csstype').Property.BoxPack | undefined;
+            clip?: import( 'csstype').Property.Clip | undefined;
+            fontStretch?: import( 'csstype').Property.FontStretch | undefined;
+            gridColumnGap?: import( 'csstype').Property.GridColumnGap<string | number>;
+            gridGap?: import( 'csstype').Property.GridGap<string | number>;
+            gridRowGap?: import( 'csstype').Property.GridRowGap<string | number>;
+            imeMode?: import( 'csstype').Property.ImeMode | undefined;
+            insetArea?: import( 'csstype').Property.PositionArea | undefined;
+            offsetBlock?: import( 'csstype').Property.InsetBlock<string | number>;
+            offsetBlockEnd?: import( 'csstype').Property.InsetBlockEnd<string | number>;
+            offsetBlockStart?: import( 'csstype').Property.InsetBlockStart<string | number>;
+            offsetInline?: import( 'csstype').Property.InsetInline<string | number>;
+            offsetInlineEnd?: import( 'csstype').Property.InsetInlineEnd<string | number>;
+            offsetInlineStart?: import( 'csstype').Property.InsetInlineStart<string | number>;
+            pageBreakAfter?: import( 'csstype').Property.PageBreakAfter | undefined;
+            pageBreakBefore?: import( 'csstype').Property.PageBreakBefore | undefined;
+            pageBreakInside?: import( 'csstype').Property.PageBreakInside | undefined;
+            positionTryOptions?: import( 'csstype').Property.PositionTryFallbacks | undefined;
+            scrollSnapCoordinate?: import( 'csstype').Property.ScrollSnapCoordinate<string | number>;
+            scrollSnapDestination?: import( 'csstype').Property.ScrollSnapDestination<string | number>;
+            scrollSnapPointsX?: import( 'csstype').Property.ScrollSnapPointsX | undefined;
+            scrollSnapPointsY?: import( 'csstype').Property.ScrollSnapPointsY | undefined;
+            scrollSnapTypeX?: import( 'csstype').Property.ScrollSnapTypeX | undefined;
+            scrollSnapTypeY?: import( 'csstype').Property.ScrollSnapTypeY | undefined;
+            KhtmlBoxAlign?: import( 'csstype').Property.BoxAlign | undefined;
+            KhtmlBoxDirection?: import( 'csstype').Property.BoxDirection | undefined;
+            KhtmlBoxFlex?: import( 'csstype').Property.BoxFlex | undefined;
+            KhtmlBoxFlexGroup?: import( 'csstype').Property.BoxFlexGroup | undefined;
+            KhtmlBoxLines?: import( 'csstype').Property.BoxLines | undefined;
+            KhtmlBoxOrdinalGroup?: import( 'csstype').Property.BoxOrdinalGroup | undefined;
+            KhtmlBoxOrient?: import( 'csstype').Property.BoxOrient | undefined;
+            KhtmlBoxPack?: import( 'csstype').Property.BoxPack | undefined;
+            KhtmlLineBreak?: import( 'csstype').Property.LineBreak | undefined;
+            KhtmlOpacity?: import( 'csstype').Property.Opacity | undefined;
+            KhtmlUserSelect?: import( 'csstype').Property.UserSelect | undefined;
+            MozBackgroundClip?: import( 'csstype').Property.BackgroundClip | undefined;
+            MozBackgroundOrigin?: import( 'csstype').Property.BackgroundOrigin | undefined;
+            MozBackgroundSize?: import( 'csstype').Property.BackgroundSize<string | number>;
+            MozBorderRadius?: import( 'csstype').Property.BorderRadius<string | number>;
+            MozBorderRadiusBottomleft?: import( 'csstype').Property.BorderBottomLeftRadius<string | number>;
+            MozBorderRadiusBottomright?: import( 'csstype').Property.BorderBottomRightRadius<string | number>;
+            MozBorderRadiusTopleft?: import( 'csstype').Property.BorderTopLeftRadius<string | number>;
+            MozBorderRadiusTopright?: import( 'csstype').Property.BorderTopRightRadius<string | number>;
+            MozBoxAlign?: import( 'csstype').Property.BoxAlign | undefined;
+            MozBoxDirection?: import( 'csstype').Property.BoxDirection | undefined;
+            MozBoxFlex?: import( 'csstype').Property.BoxFlex | undefined;
+            MozBoxOrdinalGroup?: import( 'csstype').Property.BoxOrdinalGroup | undefined;
+            MozBoxOrient?: import( 'csstype').Property.BoxOrient | undefined;
+            MozBoxPack?: import( 'csstype').Property.BoxPack | undefined;
+            MozBoxShadow?: import( 'csstype').Property.BoxShadow | undefined;
+            MozColumnCount?: import( 'csstype').Property.ColumnCount | undefined;
+            MozColumnFill?: import( 'csstype').Property.ColumnFill | undefined;
+            MozFloatEdge?: import( 'csstype').Property.MozFloatEdge | undefined;
+            MozForceBrokenImageIcon?: import( 'csstype').Property.MozForceBrokenImageIcon | undefined;
+            MozOpacity?: import( 'csstype').Property.Opacity | undefined;
+            MozOutline?: import( 'csstype').Property.Outline<string | number>;
+            MozOutlineColor?: import( 'csstype').Property.OutlineColor | undefined;
+            MozOutlineStyle?: import( 'csstype').Property.OutlineStyle | undefined;
+            MozOutlineWidth?: import( 'csstype').Property.OutlineWidth<string | number>;
+            MozTextAlignLast?: import( 'csstype').Property.TextAlignLast | undefined;
+            MozTextDecorationColor?: import( 'csstype').Property.TextDecorationColor | undefined;
+            MozTextDecorationLine?: import( 'csstype').Property.TextDecorationLine | undefined;
+            MozTextDecorationStyle?: import( 'csstype').Property.TextDecorationStyle | undefined;
+            MozTransitionDelay?: import( 'csstype').Property.TransitionDelay<string & {}>;
+            MozTransitionDuration?: import( 'csstype').Property.TransitionDuration<string & {}>;
+            MozTransitionProperty?: import( 'csstype').Property.TransitionProperty | undefined;
+            MozTransitionTimingFunction?: import( 'csstype').Property.TransitionTimingFunction | undefined;
+            MozUserFocus?: import( 'csstype').Property.MozUserFocus | undefined;
+            MozUserInput?: import( 'csstype').Property.MozUserInput | undefined;
+            msImeMode?: import( 'csstype').Property.ImeMode | undefined;
+            OAnimation?: import( 'csstype').Property.Animation<string & {}>;
+            OAnimationDelay?: import( 'csstype').Property.AnimationDelay<string & {}>;
+            OAnimationDirection?: import( 'csstype').Property.AnimationDirection | undefined;
+            OAnimationDuration?: import( 'csstype').Property.AnimationDuration<string & {}>;
+            OAnimationFillMode?: import( 'csstype').Property.AnimationFillMode | undefined;
+            OAnimationIterationCount?: import( 'csstype').Property.AnimationIterationCount | undefined;
+            OAnimationName?: import( 'csstype').Property.AnimationName | undefined;
+            OAnimationPlayState?: import( 'csstype').Property.AnimationPlayState | undefined;
+            OAnimationTimingFunction?: import( 'csstype').Property.AnimationTimingFunction | undefined;
+            OBackgroundSize?: import( 'csstype').Property.BackgroundSize<string | number>;
+            OBorderImage?: import( 'csstype').Property.BorderImage | undefined;
+            OObjectFit?: import( 'csstype').Property.ObjectFit | undefined;
+            OObjectPosition?: import( 'csstype').Property.ObjectPosition<string | number>;
+            OTabSize?: import( 'csstype').Property.TabSize<string | number>;
+            OTextOverflow?: import( 'csstype').Property.TextOverflow | undefined;
+            OTransform?: import( 'csstype').Property.Transform | undefined;
+            OTransformOrigin?: import( 'csstype').Property.TransformOrigin<string | number>;
+            OTransition?: import( 'csstype').Property.Transition<string & {}>;
+            OTransitionDelay?: import( 'csstype').Property.TransitionDelay<string & {}>;
+            OTransitionDuration?: import( 'csstype').Property.TransitionDuration<string & {}>;
+            OTransitionProperty?: import( 'csstype').Property.TransitionProperty | undefined;
+            OTransitionTimingFunction?: import( 'csstype').Property.TransitionTimingFunction | undefined;
+            WebkitBoxAlign?: import( 'csstype').Property.BoxAlign | undefined;
+            WebkitBoxDirection?: import( 'csstype').Property.BoxDirection | undefined;
+            WebkitBoxFlex?: import( 'csstype').Property.BoxFlex | undefined;
+            WebkitBoxFlexGroup?: import( 'csstype').Property.BoxFlexGroup | undefined;
+            WebkitBoxLines?: import( 'csstype').Property.BoxLines | undefined;
+            WebkitBoxOrdinalGroup?: import( 'csstype').Property.BoxOrdinalGroup | undefined;
+            WebkitBoxOrient?: import( 'csstype').Property.BoxOrient | undefined;
+            WebkitBoxPack?: import( 'csstype').Property.BoxPack | undefined;
+            colorInterpolation?: import( 'csstype').Property.ColorInterpolation | undefined;
+            colorRendering?: import( 'csstype').Property.ColorRendering | undefined;
+            glyphOrientationVertical?: import( 'csstype').Property.GlyphOrientationVertical | undefined;
+        };
+        size?: IconSize | string;
+        inverse?: boolean;
+        title?: string;
+        onClick?: (evt: any) => void;
+    }, HTMLElement>;
+}
+
+declare module '@jointhedots/ui/src/Icon/collections/avatar' {
+    import { IconCollection, IconElement } from '@jointhedots/ui/src/Icon/Icon';
+    export class IconAvatarCollection implements IconCollection {
+        setup(element: IconElement): void;
+        draw(element: IconElement): import( 'react/jsx-runtime').JSX.Element;
+    }
+}
+
+declare module '@jointhedots/ui/src/Icon/collections/font' {
+    import { IconCollection, IconElement } from '@jointhedots/ui/src/Icon/Icon';
+    export class IconFontCollection implements IconCollection {
+        classPrefix: string;
+        constructor(classPrefix: string);
+        setup(element: IconElement): void;
+        draw(element: IconElement): import( 'react/jsx-runtime').JSX.Element;
+    }
+}
+
+declare module '@jointhedots/ui/src/Icon/collections/svg' {
+    import { IconCollection, IconElement } from '@jointhedots/ui/src/Icon/Icon';
+    import { ThemeProvider } from '@jointhedots/ui/theme';
+    export class IconSVGCollection implements IconCollection {
+        defaultIcon: string;
+        lights: {
+            [name: string]: string;
+        };
+        darks: {
+            [name: string]: string;
+        };
+        constructor(defaultIcon: string);
+        addIcon(name: string, light_icon: URL, dark_icon: URL): void;
+        setup(element: IconElement): void;
+        draw(element: IconElement, theme: ThemeProvider): import( 'react/jsx-runtime').JSX.Element;
+    }
+}
+
+declare module '@jointhedots/ui/src/Icon/collections/svg-inner' {
+    import { IconCollection, IconElement } from '@jointhedots/ui/src/Icon/Icon';
+    import { ThemeProvider } from '@jointhedots/ui/theme';
+    export class IconSVGInnerCollection implements IconCollection {
+        readonly light_url: URL | string;
+        readonly dark_url: URL | string;
+        readonly classNamer?: (element: IconElement) => string;
+        lightRef: string;
+        darkRef: string;
+        constructor(light_url: URL | string, dark_url: URL | string, classNamer?: (element: IconElement) => string);
+        setup(element: IconElement): void;
+        draw(element: IconElement, theme: ThemeProvider): import( 'react/jsx-runtime').JSX.Element;
+    }
+}
+
+declare module '@jointhedots/ui/Icon' {
+    import { Icon } from '@jointhedots/ui/src/Icon/Icon';
+    import 'src/Icon/style.scss';
+    export * from '@jointhedots/ui/src/Icon/Icon';
+    export * from '@jointhedots/ui/src/Icon/collections/avatar';
+    export * from '@jointhedots/ui/src/Icon/collections/font';
+    export * from '@jointhedots/ui/src/Icon/collections/svg';
+    export * from '@jointhedots/ui/src/Icon/collections/svg-inner';
+    export * from '@jointhedots/ui/src/Icon/collections/url';
+    export default Icon;
+}
+
+declare module '@jointhedots/ui/src/Inputs/Button' {
+    import React from 'react';
+    import { IconSize } from '@jointhedots/ui/Icon';
+    import '@salesforce-ux/design-system/assets/styles/salesforce-lightning-design-system.min.css';
+    import 'src/Inputs/Button.scss';
+    interface ButtonProps {
+        assistiveText?: string;
+        className?: string | object | any[];
+        disabled?: boolean;
+        hint?: boolean;
+        icon?: string;
+        iconPosition?: 'left' | 'right';
+        iconSize?: 'xs' | 'sm' | 'md' | 'lg';
+        iconVariant?: 'bare' | 'container' | 'border' | 'border-filled' | 'brand' | 'more' | 'global-header';
+        id?: string;
+        inverse?: boolean;
+        label?: string | React.ReactNode;
+        onBlur?: (event: React.FocusEvent<HTMLButtonElement>) => void;
+        onClick?: (event: React.MouseEvent<HTMLButtonElement>, data: {}) => void;
+        onFocus?: (event: React.FocusEvent<HTMLButtonElement>) => void;
+        onKeyDown?: (event: React.KeyboardEvent<HTMLButtonElement>) => void;
+        onKeyPress?: (event: React.KeyboardEvent<HTMLButtonElement>) => void;
+        onKeyUp?: (event: React.KeyboardEvent<HTMLButtonElement>) => void;
+        onMouseDown?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+        onMouseEnter?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+        onMouseLeave?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+        onMouseUp?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+        onRequestFocus?: (component: HTMLButtonElement) => void;
+        buttonRef?: (component: HTMLButtonElement | null) => void;
+        requestFocus?: boolean;
+        responsive?: boolean;
+        tabIndex?: string;
+        type?: 'reset' | 'submit' | 'button';
+        title?: string;
+        tooltip?: React.ReactNode;
+        variant?: 'base' | 'link' | 'neutral' | 'brand' | 'outline-brand' | 'destructive' | 'success' | 'text-destructive' | 'icon';
+        style?: React.CSSProperties;
+        children?: React.ReactNode;
+    }
+    export class Button extends React.Component<ButtonProps> {
+        static defaultProps: Partial<ButtonProps>;
+        getClassName: () => string;
+        handleClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
+        renderIcon: (name: string) => React.ReactNode;
+        renderLabel: () => React.ReactNode;
+        renderButton: () => React.ReactElement;
+        renderTooltip: () => React.ReactElement;
+        render(): React.ReactElement;
+    }
+    export type ButtonIconProps = {
+        icon: string;
+        hoveredIcon?: string;
+        size?: IconSize | string;
+        title?: string;
+        inversed?: boolean;
+        variant?: "primary" | "secondary" | "watermark";
+        className?: string;
+        style?: React.CSSProperties;
+        onClick?: React.MouseEventHandler;
+    };
+    export function ButtonIcon(props: ButtonIconProps): import( 'react/jsx-runtime').JSX.Element;
+    export {};
+}
+
+declare module '@jointhedots/ui/src/Inputs/InputData' {
+    import React from 'react';
+    import { JSONSchema } from '@jointhedots/core';
+    export type Tooling = {
+        onClick: () => void;
+        icon: string;
+    };
+    type InputProps = {
+        label?: React.ReactNode;
+        icon?: string;
+        tooling?: Tooling[];
+        value: any;
+        schema: JSONSchema;
+        onChange: (value: any) => void;
+    };
+    export const InputData: React.FC<InputProps>;
+    export {};
+}
+
+declare module '@jointhedots/ui/Inputs' {
+    export * from '@jointhedots/ui/src/Inputs/Button';
+    export * from '@jointhedots/ui/src/Inputs/InputData';
+}
+
+declare module 'src/Layouts/Stack' {
+    import React from 'react'; function FlexDock(props: React.HTMLAttributes<HTMLDivElement> & {
+        weight?: number;
+        width?: number;
+        children?: React.ReactNode;
+    }): import( 'react/jsx-runtime').JSX.Element; function FixedDock(props: React.HTMLAttributes<HTMLDivElement> & {
+        width?: number;
+        children?: React.ReactNode;
+    }): import( 'react/jsx-runtime').JSX.Element;
+    export interface StackProps extends React.HTMLAttributes<HTMLDivElement> {
+        gap?: number;
+        padding?: number;
+        vertical?: boolean;
+        children?: React.ReactNode;
+    }
+    export class Stack extends React.Component<StackProps> {
+        static FlexDock: typeof FlexDock;
+        static FixedDock: typeof FixedDock;
+        render(): React.ReactElement;
+    }
+    export interface OverflowStackProps extends StackProps {
+        overflow?: (props: {
+            children: React.ReactNode;
+        }) => React.ReactNode;
+    }
+    export class OverflowStack extends React.Component<OverflowStackProps, {
+        visibleCount: number;
+    }> {
+        containerRef: React.RefObject<HTMLDivElement>;
+        resizeObserver: ResizeObserver | null;
+        constructor(props: OverflowStackProps);
+        componentDidMount(): void;
+        componentDidUpdate(prevProps: OverflowStackProps): void;
+        componentWillUnmount(): void;
+        updateLayout: () => void;
+        render(): import( 'react/jsx-runtime').JSX.Element;
+    }
+    export {};
+}
+
+declare module '@jointhedots/ui/src/Layouts/open' {
+    import { FloatingDockOptions, FloatingTarget } from '@jointhedots/ui/src/Layouts/Panels/FloatingDock';
+    export class PopupCancel extends Error {
+    }
+    export function openDialog<T>(renderer: (resolve: (data: T) => void) => React.ReactNode, height?: string): Promise<T>;
+    export function openContextualMenu<T>(target: FloatingTarget, renderer: (close: (value?: T) => void) => React.ReactNode | Promise<React.ReactNode>, options?: FloatingDockOptions): Promise<T>;
+}
+
+declare module '@jointhedots/ui/Layouts' {
+    export * from 'src/Layouts/Panels';
+    export * from '@jointhedots/ui/src/Layouts/Panels/FloatingDock';
+    export * from 'src/Layouts/Menu';
+    export * from 'src/Layouts/Stack';
+    export * from '@jointhedots/ui/src/Layouts/open';
+}
+
+declare module 'src/Layouts/Menu' {
+    import React from 'react';
+    import { ItemProps } from '@jointhedots/ui/Items';
+    import 'src/Layouts/Menu/style.scss';
+    export type MenuIcon = string;
+    type MenuItemProps = ItemProps & {
+        children?: React.ReactNode;
+        onClick?: (event: React.SyntheticEvent) => void;
+        onMouseEnter?: (event: React.SyntheticEvent) => void;
+        onElementRef?: (element: HTMLElement) => void;
+    };
+    type AnchorProps = {
+        children?: React.ReactNode;
+        onClick?: (event: React.SyntheticEvent) => void;
+    };
+    export const Menu: {
+        Anchor(props: AnchorProps): import( 'react/jsx-runtime').JSX.Element;
+        Item(props: MenuItemProps): import( 'react/jsx-runtime').JSX.Element;
+        LargeItem(props: MenuItemProps): import( 'react/jsx-runtime').JSX.Element;
+        Separator(): import( 'react/jsx-runtime').JSX.Element;
+        Section(props: {
+            title?: string;
+            children?: React.ReactNode;
+        }): import( 'react/jsx-runtime').JSX.Element;
+    };
+    export {};
+}
+
+declare module '@jointhedots/ui/Items' {
+    import React from 'react';
+    import 'src/Items/style.scss';
+    import { PanelDock } from '@jointhedots/ui/Layouts';
+    export type ShapeDecoration = {
+        type: "shape";
+        color: string;
+    };
+    export type BadgeDecoration = {
+        type: "badge";
+        name: string;
+    };
+    export type LabelDecoration = ShapeDecoration | BadgeDecoration;
+    export type LabelProps<T = any> = {
+        name: string;
+        icon?: string;
+        decorations?: LabelDecoration[];
+        tooling?: ToolingProps[];
+        summary?: React.ReactNode;
+        tooltip?: DisplayProps;
+        content?: DisplayProps;
+        data?: T;
+        onActivate?: (label: LabelProps, dock: PanelDock) => void;
+    };
+    export enum LabelSelected {
+        None = 0,
+        Enabled = 1,
+        Disabled = 2,
+        Editable = 4,
+        EnabledEditable = 5,
+        DisabledEditable = 6
+    }
+    export type ToolingProps = LabelProps & {
+        optional?: boolean;
+    };
+    export type ItemProps<T = any> = LabelProps<T> & {
+        tags?: TagProps[];
+        selected?: LabelSelected;
+        onSelect?: (item: ItemProps) => void;
+    };
+    export type DisplayProps = React.ReactNode | ((props: LabelProps) => React.ReactElement);
+    export type TagProps = string | React.ReactElement | LabelProps;
+    export function DrawToolingWidgets(tooling: ToolingProps[]): React.ReactNode;
+    export function LabelButton(label: LabelProps): import( 'react/jsx-runtime').JSX.Element;
+    export function ItemIcon(item: LabelProps): import( 'react/jsx-runtime').JSX.Element;
+    export function ItemRowShort(item: ItemProps): import( 'react/jsx-runtime').JSX.Element;
+    export function ItemRowRich(item: ItemProps): import( 'react/jsx-runtime').JSX.Element;
+}
+
+declare module '@jointhedots/ui/src/ApplicationBoard/Utils' {
+    export function SLDSPage({ children, icon, title, onClose, legend, buttons, info, minHeight }: {
+        children: any;
+        icon?: any;
+        title: string;
+        legend?: string;
+        onClose?: Function;
+        buttons?: any;
+        info?: string;
+        minHeight?: string;
+    }): import( 'react/jsx-runtime').JSX.Element;
+    export function isMobile(): boolean;
+    export function NavigationBeacon({ children, component_id }: {
+        children: any;
+        component_id: any;
+    }): import( 'react/jsx-runtime').JSX.Element;
+    export function Box(props: {
+        children?: any;
+        className?: string;
+        sx?: any;
+    }): import( 'react/jsx-runtime').JSX.Element;
+    export function Typography(props: {
+        children?: any;
+        variant?: any;
+        className?: string;
+        sx?: any;
+    }): import( 'react/jsx-runtime').JSX.Element;
+    export function Grid(props: {
+        spacing?: any;
+        md?: any;
+        item?: boolean;
+        container?: boolean;
+        children: any;
+        className?: string;
+        sx?: any;
+    }): import( 'react/jsx-runtime').JSX.Element;
+}
+
+declare module '@jointhedots/ui/CodeEditor' {
+    import React from 'react';
+    import * as Monaco from 'monaco-editor';
+    import { editor as Editor, languages as Lang, Uri } from 'monaco-editor';
+    import 'src/CodeEditor/index.scss';
+    export interface CodeLanguageProvider<T> {
+        readonly language: string;
+        readonly uri?: Uri;
+        getContext(model: Editor.ITextModel): T;
+        attachContext(model: Editor.ITextModel, context: T): any;
+        dettachContext(model: Editor.ITextModel): any;
+        checkModel(model: Editor.ITextModel): Promise<Editor.IMarkerData[]>;
+    }
+    export type CodePropsType<T = any> = {
+        value: string;
+        context?: T;
+        className?: string;
+        adjustHeightMax?: number;
+        uri?: Uri;
+        onInit?: (editor: Editor.IStandaloneCodeEditor) => void;
+        onChange?: (model: Editor.ITextModel) => void;
+    };
+    export class StandardLanguageProvider<T> implements CodeLanguageProvider<T> {
+        readonly language: string;
+        readonly uri?: Uri;
+        protected contexts: WeakMap<Monaco.editor.ITextModel, T>;
+        constructor(language: string, uri?: Uri);
+        getContext(model: Editor.ITextModel): T;
+        attachContext(model: Editor.ITextModel, context: T): void;
+        dettachContext(model: Editor.ITextModel): void;
+        checkModel(model: Editor.ITextModel): Promise<Editor.IMarkerData[]>;
+    }
+    export function CodeEditorHOC<T>(provider: CodeLanguageProvider<T>): {
+        new (props: any): {
+            element: HTMLDivElement;
+            editor: Editor.IStandaloneCodeEditor;
+            model: Editor.ITextModel;
+            setting: boolean;
+            getSnapshotBeforeUpdate(_prevProps: any): any;
+            componentDidUpdate(): void;
+            componentWillUnmount(): void;
+            setValue(value: string): void;
+            setDocument(model: Editor.ITextModel): void;
+            useElement: (element: HTMLDivElement) => void;
+            mountEditor(element: HTMLDivElement): void;
+            unmountEditor(): void;
+            adjustHeight(): void;
+            onModelChange: (e: any) => Promise<void>;
+            onContentChange: (e: any) => Promise<void>;
+            render(): import( 'react/jsx-runtime').JSX.Element;
+            context: unknown;
+            setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<CodePropsType<T>>) => {} | Pick<{}, K>) | Pick<{}, K>, callback?: () => void): void;
+            forceUpdate(callback?: () => void): void;
+            readonly props: Readonly<CodePropsType<T>>;
+            state: Readonly<{}>;
+            refs: {
+                [key: string]: React.ReactInstance;
+            };
+            componentDidMount?(): void;
+            shouldComponentUpdate?(nextProps: Readonly<CodePropsType<T>>, nextState: Readonly<{}>, nextContext: any): boolean;
+            componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+            componentWillMount?(): void;
+            UNSAFE_componentWillMount?(): void;
+            componentWillReceiveProps?(nextProps: Readonly<CodePropsType<T>>, nextContext: any): void;
+            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<CodePropsType<T>>, nextContext: any): void;
+            componentWillUpdate?(nextProps: Readonly<CodePropsType<T>>, nextState: Readonly<{}>, nextContext: any): void;
+            UNSAFE_componentWillUpdate?(nextProps: Readonly<CodePropsType<T>>, nextState: Readonly<{}>, nextContext: any): void;
+        };
+        contextType?: React.Context<any> | undefined;
+    };
+    export function GetLanguageInfos(langId: string): Promise<{
+        conf: Lang.LanguageConfiguration;
+        language: Lang.IMonarchLanguage;
+    }>;
+}
+
+declare module '@jointhedots/ui/src/utils/TextInput' {
+    import { HTMLInputTypeAttribute } from 'react';
+    import 'src/utils/Input.scss';
+    export function TextInput({ label, value, onChange, placeholder, type, }: {
+        label: string;
+        onChange: (val: string) => void;
+        placeholder?: string;
+        value: string;
+        type?: HTMLInputTypeAttribute;
+    }): JSX.Element;
+}
+
+declare module '@jointhedots/ui/Dialog' {
+    import { JSONSchema } from '@jointhedots/core';
+    export function askQuestion(question: string): Promise<boolean>;
+    export function askData(question: string, schema: JSONSchema, data?: any): Promise<any>;
+}
+
+declare module 'src/EmptyListPlaceholder' {
+    import React from 'react';
+    import 'src/EmptyListPlaceholder/style.scss';
+    export interface EmptyListPlaceholderProps {
+        /**
+         * The message to display when the list is empty
+         */
+        message: string;
+        /**
+         * Optional icon name to display above the message
+         * Uses the Icon component from the project
+         */
+        icon?: string;
+        /**
+         * Optional additional className for styling
+         */
+        className?: string;
+        /**
+         * Optional additional inline styles
+         */
+        style?: React.CSSProperties;
+    }
+    /**
+     * EmptyListPlaceholder component
+     *
+     * A reusable component to display a placeholder when a list is empty.
+     * It shows a message and optionally an icon.
+     */
+    export const EmptyListPlaceholder: React.FC<EmptyListPlaceholderProps>;
+    export default EmptyListPlaceholder;
+}
+
+declare module '@jointhedots/ui/Notifications' {
+    import { LogInfos, LogObject, QueryLogResult } from '@jointhedots/core';
+    import 'src/Notifications/style.scss';
+    export function useNotificationObjects(count: number, subject_uri?: string): QueryLogResult;
+    export function useNotificationInfos(): LogInfos;
+    export function useNotifications<T>(evaluate: (object?: LogObject) => T, deps?: any[]): T;
+    export function NotificationsBell(): import( 'react/jsx-runtime').JSX.Element;
+    export function NotificationsList(props: {
+        subject_uri?: string;
+    }): import( 'react/jsx-runtime').JSX.Element;
+    export function Notification(props: {
+        object: LogObject;
+    }): import( 'react/jsx-runtime').JSX.Element;
+}
+
+declare module '@jointhedots/ui/src/ComponentsLibrary/ComponentsInfos' {
+    import { ComponentPublication } from '@jointhedots/core';
+    export function ComponentCard(props: {
+        entry: ComponentPublication;
+    }): import( 'react/jsx-runtime').JSX.Element;
+    export function ComponentInfos(props: {
+        entry: ComponentPublication;
+    }): import( 'react/jsx-runtime').JSX.Element;
+}
+
+declare module '@jointhedots/ui/src/ComponentsLibrary/ComponentsBrowser' {
+    import { ComponentPublication, IComponentProvider, MapLike, ComponentFilter, ComponentManifest } from '@jointhedots/core';
+    import { LabelSelected } from '@jointhedots/ui/Items';
+    import 'src/ComponentsLibrary/index.scss';
+    export function getComponentGroupName(id: string): string;
+    export function getComponentSmallName(id: string): string;
+    export function groupComponentPublications(items: ComponentPublication[]): MapLike<ComponentPublication[]>;
+    export type ComponentItemDisplay = {
+        grouped?: boolean;
+        small?: boolean;
+        allowEdit?: boolean;
+        allowDelete?: boolean;
+    };
+    export function getComponentIcon(entry: ComponentPublication | ComponentManifest): string;
+    export function ComponentLink(props: {
+        id: string;
+    }): import( 'react/jsx-runtime').JSX.Element;
+    export function ComponentItem(props: {
+        entry: ComponentPublication;
+        display?: ComponentItemDisplay;
+        selected?: LabelSelected;
+        onSelect?: (item: ComponentPublication) => void;
+        onActivate?: (item: ComponentPublication) => void;
+    }): import( 'react/jsx-runtime').JSX.Element;
+    export function ComponentsList(props: {
+        entries: ComponentPublication[];
+        display?: ComponentItemDisplay;
+        onSelect?: (infos: ComponentPublication) => void;
+        onActivate?: (infos: ComponentPublication) => void;
+    }): import( 'react/jsx-runtime').JSX.Element | import( 'react/jsx-runtime').JSX.Element[];
+    export function ComponentsFilteredList(props: {
+        filter?: ComponentFilter;
+        provider?: IComponentProvider;
+        display?: ComponentItemDisplay;
+        onSelect?: (infos: ComponentPublication) => void;
+        onActivate?: (infos: ComponentPublication) => void;
+    }): import( 'react/jsx-runtime').JSX.Element;
+    export function ComponentBrowser(props: {
+        filter?: Partial<ComponentFilter>;
+        provider?: IComponentProvider;
+        onSelect?: (infos: ComponentPublication) => void;
+        onActivate?: (infos: ComponentPublication) => void;
+    }): import( 'react/jsx-runtime').JSX.Element;
+}
+
+declare module '@jointhedots/ui/src/ComponentsLibrary/ComponentsEditor' {
+    import { ComponentManifest, ComponentEntry, ComponentController, ComponentEditor } from '@jointhedots/core';
+    export function initComponentManifest(driver: ComponentManifest): ComponentManifest;
+    export function createComponent(driver: ComponentEntry, service?: string): Promise<ComponentEntry>;
+    export function editComponent(component: ComponentEntry): Promise<void>;
+    export function ComponentManifestEditor(props: {
+        driver: ComponentEntry;
+        controller: ComponentController;
+        editor?: ComponentEditor;
+        manifest: ComponentManifest;
+        created: boolean;
+        onValidate: (manifest: ComponentManifest) => void;
+        onCancel?: () => void;
+    }): import( 'react/jsx-runtime').JSX.Element;
+}
+
+declare module '@jointhedots/ui/src/ComponentsLibrary/ComponentsConfigurator' {
+    import { ComponentFilter, ComponentPublication } from '@jointhedots/core';
+    export function CreateComponentSelector(props: {
+        entries?: ComponentPublication[];
+        service?: string;
+        onCreate?: (pub: ComponentPublication) => void;
+    }): import( 'react/jsx-runtime').JSX.Element;
+    export function NewComponentButton(props: {
+        service?: string;
+        label?: string;
+        onCreate?: (pub: ComponentPublication) => void;
+    }): import( 'react/jsx-runtime').JSX.Element;
+    export function ComponentsConfigurator(props: {
+        title: string;
+        filter?: ComponentFilter;
+    }): import( 'react/jsx-runtime').JSX.Element;
+}
+
+declare module '@jointhedots/ui/ComponentsLibrary' {
+    export * from '@jointhedots/ui/src/ComponentsLibrary/ComponentsEditor';
+    export * from '@jointhedots/ui/src/ComponentsLibrary/ComponentsConfigurator';
+    export * from '@jointhedots/ui/src/ComponentsLibrary/ComponentsBrowser';
+}
+
+declare module 'src/Layouts/Popup' {
+    export function Popup<D = unknown>(props: {
+        content: React.ReactNode | ((data: D) => Promise<React.ReactNode> | React.ReactNode);
+        data?: D;
+        children: React.ReactNode;
+    }): import( 'react/jsx-runtime').JSX.Element;
+}
+
+declare module '@jointhedots/ui/src/ServicePoint/internal' {
+    import { ServicePointSetting, ServicePoint, ComponentPublication } from '@jointhedots/core';
+    import { LabelSelected } from '@jointhedots/ui/Items';
+    export function ServiceConnexionItem(props: {
+        cnx: ComponentPublication;
+        selected?: LabelSelected;
+        selectable?: boolean;
+        onSelect?: (cnx: ComponentPublication) => void;
+        onActivate?: (cnx: ComponentPublication) => void;
+    }): import( 'react/jsx-runtime').JSX.Element;
+    export function switchServiceConnexion(service: ServicePointSetting, multiple: boolean, id: string): ServicePointSetting;
+    export function selectServiceConnexion(service: ServicePointSetting, multiple: boolean, id: string): ServicePointSetting;
+    export function ServiceConnexionSelector(props: {
+        servicePoint: ServicePointSetting;
+        multiple: boolean;
+        colormap?: any[];
+        hasSelectMode?: boolean;
+        onChange: (service: ServicePointSetting, completed: boolean) => void;
+    }): import( 'react/jsx-runtime').JSX.Element;
+    export function ServicePointEditable(props: {
+        servicePoint: ServicePointSetting;
+        providers: ComponentPublication[];
+        colormap?: any[];
+        compact?: boolean;
+        hasSelectMode?: boolean;
+        onChange: (service: ServicePointSetting) => void;
+    }): import( 'react/jsx-runtime').JSX.Element;
+    export function useServiceDescriptor(servicePoint: ServicePoint): ServicePointSetting;
+}
+
+declare module '@jointhedots/ui/src/ServicePoint/configurator' {
+    import { ServicePointSetting, ServicePoint } from '@jointhedots/core';
+    export const DefaultColorsMap: ("#00c853" | "#c51162" | "#2962ff" | "#00b8d4" | "#dd2c00" | "#aa00ff" | "#6200ea" | "#ff6d00")[];
+    export function ServicePointStatus(props: {
+        servicePoint: ServicePoint;
+    }): import( 'react/jsx-runtime').JSX.Element;
+    export function ServicePointInput(props: {
+        value: ServicePointSetting;
+        label?: string;
+        type?: string;
+        errorMessage?: string;
+        required?: boolean;
+        disabled?: boolean;
+        onChange: (value: ServicePointSetting) => void;
+    }): import( 'react/jsx-runtime').JSX.Element;
+    export function ServicePointsConfigurator(props: {
+        showAll?: boolean;
+    }): import( 'react/jsx-runtime').JSX.Element;
+}
+
+declare module '@jointhedots/ui/src/ServicePoint/boundary' {
+    import React from 'react';
+    import { ServicePoint } from '@jointhedots/core';
+    import { MissingServiceError } from '@jointhedots/core/react';
+    export function DefaultServiceConfigurator(props: {
+        services: ServicePoint[];
+        onApply?: () => void;
+    }): import( 'react/jsx-runtime').JSX.Element;
+    export class ServiceRequirementBoundary extends React.Component<{
+        children: React.ReactNode;
+    }> {
+        state: {
+            error?: MissingServiceError;
+        };
+        componentDidCatch(error: Error): void;
+        render(): import( 'react/jsx-runtime').JSX.Element;
+    }
+    export function registerMissingServiceDisplayer(): void;
+}
+
+declare module '@jointhedots/ui/ServicePoint' {
+    export * from '@jointhedots/ui/src/ServicePoint/configurator';
+    export * from '@jointhedots/ui/src/ServicePoint/boundary';
+}
+
+declare module '@jointhedots/ui/src/ApplicationBoard/Settings' {
+    export function ApplicationSettings(): React.ReactElement;
+}
+
+declare module '@jointhedots/ui/ApplicationBoard' {
+    import { MapLike } from '@jointhedots/core';
+    import { ViewRequirements } from '@jointhedots/core/react';
+    import '@salesforce-ux/design-system/assets/styles/salesforce-lightning-design-system.min.css';
+    import { ViewInfos } from '@jointhedots/core/view';
+    export type AppPage = {
+        icon?: string;
+        view?: string | ViewInfos;
+        description?: string;
+        pages?: MapLike<AppPage>;
+    };
+    export type BaseTooling = {
+        type: string;
+        anchor: "status" | "menu";
+        icon?: string;
+    };
+    export type ServicePointTooling = BaseTooling & {
+        type: "servicePoint";
+        id: string;
+    };
+    export type LinkTooling = BaseTooling & {
+        type: "link";
+        title?: string;
+        url?: string;
+        view?: string | ViewInfos;
+    };
+    export type NotificationsTooling = BaseTooling & {
+        type: "notifications";
+    };
+    export type AppTooling = ServicePointTooling | LinkTooling | NotificationsTooling;
+    export type AppDescriptor = {
+        title?: string;
+        pages?: MapLike<AppPage>;
+        landingPage?: AppPage;
+        toolings?: AppTooling[];
+        requirements?: ViewRequirements;
+    };
+    export function ApplicationPage(props: {
+        title?: string;
+        page: AppPage;
+        origin: ViewInfos;
+    }): import( 'react/jsx-runtime').JSX.Element;
+    export function ApplicationBoard(props: {
+        descriptor: AppDescriptor;
+        placeholder?: React.ReactNode;
+    }): import( 'react/jsx-runtime').JSX.Element;
+    export function ApplicationSelector(): import( 'react/jsx-runtime').JSX.Element;
+}
+
+declare module '@jointhedots/ui/src/ApplicationBoard/NavBar' {
+    import { AppDescriptor, AppPage, AppTooling } from '@jointhedots/ui/ApplicationBoard';
+    import { ViewInfos } from '@jointhedots/core/view';
+    export const useOutsideClick: (callback: () => void) => import( 'react').MutableRefObject<HTMLDivElement>;
+    export function PageMenu(props: {
+        title?: string;
+        entry: AppPage;
+        active: string;
+        onGoto: (entry: AppPage) => void;
+    }): import( 'react/jsx-runtime').JSX.Element;
+    export function ApplicationMenu(props: {
+        toolings: AppTooling[];
+        origin: ViewInfos;
+        onClose: () => void;
+    }): import( 'react/jsx-runtime').JSX.Element;
+    export function NavBar(props: {
+        descriptor: AppDescriptor;
+        panel?: boolean;
+        active: string;
+        origin: ViewInfos;
+    }): import( 'react/jsx-runtime').JSX.Element;
+}
+
+declare module '@jointhedots/ui/src/ApplicationBoard/component' {
+    import { ComponentEntry, ComponentManifest, ComponentController } from '@jointhedots/core';
+    import { AppDescriptor } from '@jointhedots/ui/ApplicationBoard';
+    export type ApplicationBoardManifest = ComponentManifest & AppDescriptor;
+    export const ApplicationBoardDriver: ComponentController;
+    export function GetApplicationView(component: ComponentEntry): () => import( 'react/jsx-runtime').JSX.Element;
+}
+
+declare module '@jointhedots/ui/src/EmptyListPlaceholder/example' {
+    import React from 'react';
+    /**
+     * Example usage of the EmptyListPlaceholder component
+     */
+    export const EmptyListPlaceholderExamples: React.FC;
+    export default EmptyListPlaceholderExamples;
+}
+