@sc-360-v2/storefront-cms-library 0.0.3 → 0.0.5

package/dist/types/builder/tools/element-edit/tabs.d.ts

@@ -0,0 +1,166 @@
+import { CMSElementEditTypes } from "../../enums";
+import { CMSIBCommonInterface } from "../../interfaces/global";
+import { CMSElementEditPopupInterface } from "./common";
+export interface SectionEditPopupInterface extends CMSElementEditPopupInterface {
+}
+export interface TabControlInterface {
+    tabPosition: CMSIBCommonInterface;
+    tabLayout: CMSIBCommonInterface;
+    tabAlignment: CMSIBCommonInterface;
+    tabSpacing: CMSIBCommonInterface;
+    tabContainer: CMSIBCommonInterface;
+    horizontalPadding: CMSIBCommonInterface;
+    verticalPadding: CMSIBCommonInterface;
+    overflowTabs: CMSIBCommonInterface;
+    spacingBetweenRows: CMSIBCommonInterface;
+}
+export declare const getDefaultData: () => {
+    layout: {
+        adjustment: CMSIBCommonInterface | undefined;
+        width: {
+            [key: string]: any;
+        } | undefined;
+        height: import("../../interfaces/global").CMSIBSizeInterface | undefined;
+        margin: import("../../interfaces/global").CSSPaddingValues | undefined;
+        padding: import("../../interfaces/global").CSSPaddingValues | undefined;
+        overflowContent: CMSIBCommonInterface | undefined;
+        scrollDirection: CMSIBCommonInterface | undefined;
+        displayScrollbar: CMSIBCommonInterface | undefined;
+        positionType: CMSIBCommonInterface | undefined;
+        pinTo: CMSIBCommonInterface | undefined;
+        tabPosition: {
+            value: string;
+            property: string;
+            propertyType: CMSElementEditTypes;
+        };
+        tabLayout: {
+            value: string;
+            property: string;
+            propertyType: CMSElementEditTypes;
+        };
+        tabAlignment: {
+            value: string;
+            property: string;
+            propertyType: CMSElementEditTypes;
+        };
+        tabSpacing: {
+            value: number;
+            property: string;
+            propertyType: CMSElementEditTypes;
+        };
+        tabContainer: {
+            value: number;
+            property: string;
+            propertyType: CMSElementEditTypes;
+        };
+        horizontalPadding: {
+            value: number;
+            property: string;
+            propertyType: CMSElementEditTypes;
+        };
+        verticalPadding: {
+            value: number;
+            property: string;
+            propertyType: CMSElementEditTypes;
+        };
+        overflowTabs: {
+            value: string;
+            property: string;
+            propertyType: CMSElementEditTypes;
+        };
+        spacingBetweenRows: {
+            value: number;
+            property: string;
+            propertyType: CMSElementEditTypes;
+        };
+    };
+    design: {
+        tabContainer: {
+            borderColor: CMSIBCommonInterface;
+            borderStyle: CMSIBCommonInterface;
+            borderPerSlide: import("../../interfaces/global").CSSPaddingValues;
+            showBorder: CMSIBCommonInterface;
+            backgroundColor: CMSIBCommonInterface;
+            showShadow: CMSIBCommonInterface;
+            shadowColor: CMSIBCommonInterface;
+            blur: import("../../interfaces/global").CMSIBSizeInterface;
+            spread: import("../../interfaces/global").CMSIBSizeInterface;
+            angle: import("../../interfaces/global").CMSIBSizeInterface;
+            borderRadius: import("../../interfaces/global").CSSPaddingValues;
+            exposure: import("../../interfaces/global").CMSIBSizeInterface;
+            contrast: import("../../interfaces/global").CMSIBSizeInterface;
+            saturation: import("../../interfaces/global").CMSIBSizeInterface;
+            temperature: import("../../interfaces/global").CMSIBSizeInterface;
+            tint: import("../../interfaces/global").CMSIBSizeInterface;
+            highlights: import("../../interfaces/global").CMSIBSizeInterface;
+            shadows: import("../../interfaces/global").CMSIBSizeInterface;
+        };
+        tabs: {
+            borderColor: CMSIBCommonInterface;
+            borderStyle: CMSIBCommonInterface;
+            borderPerSlide: import("../../interfaces/global").CSSPaddingValues;
+            showBorder: CMSIBCommonInterface;
+            backgroundColor: CMSIBCommonInterface;
+            showShadow: CMSIBCommonInterface;
+            shadowColor: CMSIBCommonInterface;
+            blur: import("../../interfaces/global").CMSIBSizeInterface;
+            spread: import("../../interfaces/global").CMSIBSizeInterface;
+            angle: import("../../interfaces/global").CMSIBSizeInterface;
+            borderRadius: import("../../interfaces/global").CSSPaddingValues;
+            exposure: import("../../interfaces/global").CMSIBSizeInterface;
+            contrast: import("../../interfaces/global").CMSIBSizeInterface;
+            saturation: import("../../interfaces/global").CMSIBSizeInterface;
+            temperature: import("../../interfaces/global").CMSIBSizeInterface;
+            tint: import("../../interfaces/global").CMSIBSizeInterface;
+            highlights: import("../../interfaces/global").CMSIBSizeInterface;
+            shadows: import("../../interfaces/global").CMSIBSizeInterface;
+        };
+        tabContentContainer: {
+            borderColor: CMSIBCommonInterface;
+            borderStyle: CMSIBCommonInterface;
+            borderPerSlide: import("../../interfaces/global").CSSPaddingValues;
+            showBorder: CMSIBCommonInterface;
+            backgroundColor: CMSIBCommonInterface;
+            showShadow: CMSIBCommonInterface;
+            shadowColor: CMSIBCommonInterface;
+            blur: import("../../interfaces/global").CMSIBSizeInterface;
+            spread: import("../../interfaces/global").CMSIBSizeInterface;
+            angle: import("../../interfaces/global").CMSIBSizeInterface;
+            borderRadius: import("../../interfaces/global").CSSPaddingValues;
+            exposure: import("../../interfaces/global").CMSIBSizeInterface;
+            contrast: import("../../interfaces/global").CMSIBSizeInterface;
+            saturation: import("../../interfaces/global").CMSIBSizeInterface;
+            temperature: import("../../interfaces/global").CMSIBSizeInterface;
+            tint: import("../../interfaces/global").CMSIBSizeInterface;
+            highlights: import("../../interfaces/global").CMSIBSizeInterface;
+            shadows: import("../../interfaces/global").CMSIBSizeInterface;
+        };
+        arrows: {
+            borderColor: CMSIBCommonInterface;
+            borderStyle: CMSIBCommonInterface;
+            borderPerSlide: import("../../interfaces/global").CSSPaddingValues;
+            showBorder: CMSIBCommonInterface;
+            backgroundColor: CMSIBCommonInterface;
+            showShadow: CMSIBCommonInterface;
+            shadowColor: CMSIBCommonInterface;
+            blur: import("../../interfaces/global").CMSIBSizeInterface;
+            spread: import("../../interfaces/global").CMSIBSizeInterface;
+            angle: import("../../interfaces/global").CMSIBSizeInterface;
+            borderRadius: import("../../interfaces/global").CSSPaddingValues;
+            exposure: import("../../interfaces/global").CMSIBSizeInterface;
+            contrast: import("../../interfaces/global").CMSIBSizeInterface;
+            saturation: import("../../interfaces/global").CMSIBSizeInterface;
+            temperature: import("../../interfaces/global").CMSIBSizeInterface;
+            tint: import("../../interfaces/global").CMSIBSizeInterface;
+            highlights: import("../../interfaces/global").CMSIBSizeInterface;
+            shadows: import("../../interfaces/global").CMSIBSizeInterface;
+        };
+    };
+    content: {
+        tabContent: {
+            value: string[];
+            property: string;
+            propertyType: CMSElementEditTypes;
+        };
+    };
+};

package/dist/types/builder/tools/element-edit/video.d.ts

@@ -0,0 +1,73 @@
+import { CMSIBCommonInterface } from "../../interfaces/global";
+import { CMSElementEditPopupInterface, CMSElementEditPopupLayoutInterface } from "./common";
+export interface SectionEditPopupInterface extends CMSElementEditPopupInterface {
+}
+interface ControlInterface {
+    value: string | boolean;
+    propertyType: string;
+}
+export interface VideoControlInterface {
+    selectorKey?: string;
+    autoplay?: CMSIBCommonInterface;
+    showControls?: ControlInterface;
+    positionType?: CMSIBCommonInterface;
+    loopVideo?: CMSIBCommonInterface;
+    loopCount?: CMSIBCommonInterface;
+    videoFile?: CMSIBCommonInterface;
+    pinTo?: CMSIBCommonInterface;
+    showVideoTitle?: CMSIBCommonInterface;
+    videoTitle?: CMSIBCommonInterface;
+    showVideoDescription?: CMSIBCommonInterface;
+    videoDescription?: CMSIBCommonInterface;
+    showCustomVideoThumbnail?: CMSIBCommonInterface;
+    thumbnailImage?: CMSIBCommonInterface;
+    videoPlayerText?: {
+        selectorKey?: string;
+        textPosition?: CMSIBCommonInterface;
+        textPositionOnTheImage?: CMSIBCommonInterface;
+        titleAndDescriptionAndAlignment?: CMSIBCommonInterface;
+    };
+    playPause?: {
+        selectorKey?: string;
+        icon?: CMSIBCommonInterface;
+        iconSize?: CMSIBCommonInterface;
+        iconColor?: CMSIBCommonInterface;
+    };
+    video?: {
+        selectorKey?: string;
+        backgroundColor?: CMSIBCommonInterface;
+        borderColor?: CMSIBCommonInterface;
+        borderStyle?: CMSIBCommonInterface;
+        borderPerSlide?: CMSIBCommonInterface;
+        showBorder?: CMSIBCommonInterface;
+        showShadow?: CMSIBCommonInterface;
+        shadowColor?: CMSIBCommonInterface;
+        blur?: CMSIBCommonInterface;
+        spread?: CMSIBCommonInterface;
+        angle?: CMSIBCommonInterface;
+        borderRadius?: CMSIBCommonInterface;
+    };
+}
+export interface CMSVideoEditPopupInterface<L = VideoControlInterface, C = VideoControlInterface, D = VideoControlInterface> {
+    layout?: L;
+    content?: C;
+    design?: D;
+}
+export declare enum VideoSelectorKeysEnum {
+    LAYOUT = "layout",
+    DESIGN = "design",
+    CONTENT = "content",
+    VIDEO_PLAYER_TEXT = "videoPlayerText",
+    PLAY_PAUSE = "playPause",
+    VIDEO = "video"
+}
+export interface SelectorKeys {
+    LAYOUT: string;
+    DESIGN: string;
+    CONTENT: string;
+    VIDEO_PLAYER_TEXT: string;
+    PLAY_PAUSE: string;
+    VIDEO: string;
+}
+export declare const getDefaultData: () => CMSVideoEditPopupInterface<VideoControlInterface & VideoControlInterface & VideoControlInterface & CMSElementEditPopupLayoutInterface>;
+export {};

package/dist/types/builder/utilities/global.d.ts

@@ -0,0 +1,4 @@
+import { CSSUnitOption } from "../interfaces/global";
+export declare const CSSUnits: CSSUnitOption[];
+declare const commonFunctions: any;
+export default commonFunctions;

package/dist/types/css/cssVariables.d.ts

@@ -0,0 +1,7 @@
+export declare function convertCamelCaseToCssProperties(inputString: string): string;
+export declare function getCSSVariable(cssProperty: string): string;
+declare const cssFunctions: {
+    getCSSVariable: typeof getCSSVariable;
+    convertCamelCaseToCssProperties: typeof convertCamelCaseToCssProperties;
+};
+export default cssFunctions;

package/dist/types/export.d.ts

@@ -0,0 +1,3 @@
+export { default as HTMLElements } from "./html-elements/elements";
+export { default as cssFunctions } from "./css/cssVariables";
+export { default as CMSSvgIcons } from "./icons/cms-svg-icons";

package/dist/types/global/attributes.d.ts

@@ -0,0 +1,125 @@
+/// <reference types="react" />
+export interface CMSHTMLAttributes {
+    accept?: string;
+    acceptCharset?: string;
+    accessKey?: string;
+    action?: string;
+    allowFullScreen?: boolean;
+    allowTransparency?: boolean;
+    alt?: string;
+    async?: boolean;
+    autoComplete?: string;
+    autoFocus?: boolean;
+    autoPlay?: boolean;
+    capture?: boolean | string;
+    cellPadding?: number | string;
+    cellSpacing?: number | string;
+    charSet?: string;
+    challenge?: string;
+    checked?: boolean;
+    cite?: string;
+    classID?: string;
+    className?: string;
+    cols?: number;
+    colSpan?: number;
+    content?: string;
+    contentEditable?: boolean;
+    contextMenu?: string;
+    controls?: boolean;
+    coords?: string;
+    crossOrigin?: string;
+    data?: string;
+    dateTime?: string;
+    default?: boolean;
+    defer?: boolean;
+    dir?: string;
+    disabled?: boolean;
+    download?: any;
+    draggable?: boolean;
+    encType?: string;
+    form?: string;
+    formAction?: string;
+    formEncType?: string;
+    formMethod?: string;
+    formNoValidate?: boolean;
+    formTarget?: string;
+    frameBorder?: number | string;
+    headers?: any;
+    height?: number | string;
+    hidden?: boolean;
+    high?: number;
+    href?: string;
+    hrefLang?: string;
+    htmlFor?: string;
+    httpEquiv?: string;
+    icon?: string;
+    id?: string;
+    inputMode?: string;
+    integrity?: string;
+    is?: string;
+    keyParams?: string;
+    keyType?: string;
+    kind?: string;
+    label?: string;
+    lang?: string;
+    list?: string;
+    loop?: boolean;
+    low?: number;
+    manifest?: string;
+    marginHeight?: number;
+    marginWidth?: number;
+    max?: number | string;
+    maxLength?: number;
+    media?: string;
+    mediaGroup?: string;
+    method?: string;
+    min?: number | string;
+    minLength?: number;
+    multiple?: boolean;
+    muted?: boolean;
+    name?: string;
+    nonce?: string;
+    noValidate?: boolean;
+    open?: boolean;
+    optimum?: number;
+    pattern?: string;
+    placeholder?: string;
+    playsInline?: boolean;
+    poster?: string;
+    preload?: string;
+    readOnly?: boolean;
+    rel?: string;
+    required?: boolean;
+    reversed?: boolean;
+    rows?: any;
+    rowSpan?: number;
+    sandbox?: string;
+    scope?: string;
+    scoped?: boolean;
+    scrolling?: string;
+    seamless?: boolean;
+    selected?: boolean;
+    shape?: string;
+    size?: number;
+    sizes?: string;
+    span?: number;
+    spellCheck?: boolean;
+    src?: string;
+    srcDoc?: string;
+    srcLang?: string;
+    srcSet?: string;
+    start?: number;
+    step?: number | string;
+    style?: React.CSSProperties;
+    summary?: string;
+    tabIndex?: number;
+    target?: string;
+    title?: string;
+    type?: string;
+    useMap?: string;
+    value?: string | string[] | number;
+    width?: number | string;
+    wmode?: string;
+    wrap?: string;
+    [key: string]: any;
+}

package/dist/types/global/style-properties.d.ts

@@ -0,0 +1,49 @@
+import { AlignItemsValue, AlignSelfValue, BackgroundRepeatValue, BackgroundSizeValue, CursorValue, DisplayValue, FlexDirectionValue, FlexWrapValue, FontWeightValue, JustifyContentValue, JustifySelfValue, MarginValue, ObjectFitValue, ObjectPositionValue, OverflowValue, PositionValue, TextAlignValue, VisibilityValue } from "./types";
+export interface CommonStyleProperties {
+    color?: string;
+    fontSize?: string;
+    fontWeight?: FontWeightValue;
+    lineHeight?: string | number;
+    fontFamily?: string;
+    textAlign?: TextAlignValue;
+    textDecoration?: string;
+    letterSpacing?: string;
+    backgroundColor?: string;
+    backgroundImage?: string;
+    backgroundSize?: BackgroundSizeValue;
+    backgroundRepeat?: BackgroundRepeatValue;
+    backgroundPosition?: string;
+    display?: DisplayValue;
+    width?: string | number;
+    height?: string | number;
+    margin?: string | number;
+    padding?: string | number;
+    border?: string;
+    borderRadius?: string | number;
+    overflow?: OverflowValue;
+    marginLeft?: MarginValue;
+    marginTop?: MarginValue;
+    marginBottom?: MarginValue;
+    marginRight?: MarginValue;
+    flexDirection?: FlexDirectionValue;
+    justifyContent?: JustifyContentValue;
+    alignItems?: AlignItemsValue;
+    flexWrap?: FlexWrapValue;
+    flex?: string | number;
+    justifySelf?: JustifySelfValue;
+    alignSelf?: AlignSelfValue;
+    position?: PositionValue;
+    top?: string | number;
+    right?: string | number;
+    bottom?: string | number;
+    left?: string | number;
+    zIndex?: number;
+    opacity?: number;
+    boxShadow?: string;
+    cursor?: CursorValue;
+    transition?: string;
+    transform?: string;
+    visibility?: VisibilityValue;
+    objectFit?: ObjectFitValue;
+    objectPosition?: ObjectPositionValue;
+}

package/dist/types/global/types.d.ts

@@ -0,0 +1,36 @@
+export type AlignItemsValue = "flex-start" | "flex-end" | "center" | "baseline" | "stretch" | "start" | "end" | string;
+export type AlignSelfValue = "auto" | "flex-start" | "flex-end" | "center" | "baseline" | "stretch" | "start" | "end" | string;
+export type BackgroundRepeatValue = "repeat" | "repeat-x" | "repeat-y" | "no-repeat" | "space" | "round" | string;
+export type BackgroundSizeValue = "auto" | "cover" | "contain" | string;
+export type CursorValue = "auto" | "default" | "none" | "pointer" | "wait" | "text" | "move" | "help" | "progress" | "not-allowed" | "context-menu" | "cell" | "crosshair" | "alias" | "copy" | "grab" | "grabbing" | string;
+export type DisplayValue = "block" | "inline" | "inline-block" | "flex" | "grid" | "none" | "list-item" | "run-in" | "table" | "table-caption" | "table-cell" | "table-column" | "table-column-group" | "table-footer-group" | "table-header-group" | "table-row" | "table-row-group" | string;
+export type FlexDirectionValue = "row" | "row-reverse" | "column" | "column-reverse" | string;
+export type FlexWrapValue = "nowrap" | "wrap" | "wrap-reverse" | string;
+export type FontWeightValue = "normal" | "bold" | "bolder" | "lighter" | string;
+export type JustifyContentValue = "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly" | "start" | "end" | "left" | "right" | string;
+export type JustifySelfValue = "auto" | "start" | "end" | "center" | "stretch" | "baseline" | string;
+export type MarginValue = string | string;
+export type OverflowValue = "visible" | "hidden" | "scroll" | "auto" | string;
+export type PositionValue = "static" | "relative" | "absolute" | "fixed" | "sticky" | string;
+export type TextAlignValue = "left" | "right" | "center" | "justify" | "start" | "end" | string;
+export type VisibilityValue = "visible" | "hidden" | "collapse" | string;
+export type MinHeightValue = string | number;
+export type MinWidthValue = string | number;
+export type HeightValue = string | number;
+export type WidthValue = string | number;
+export type MaxHeightValue = string | number;
+export type MaxWidthValue = string | number;
+export type GridAreaValue = string;
+export type BoxSizingValue = "border-box" | "content-box" | string;
+export type PaddingValue = string | number;
+export type ResponsiveBehaviourTypes = "proportional-scaling" | "fixed-height" | "fit-to-screen" | string | number;
+export type SizeTypeValue = "inline" | "block" | string;
+export type GlobalImageAttributes = "src" | "alt" | "width" | "height" | "loading" | "crossOrigin" | "referrerPolicy";
+export type GlobalTextAttributes = "lang" | "dir" | "title" | "aria-label" | "aria-hidden" | "aria-live" | "tabIndex" | "role";
+export type ImageBuilderAttributes = "dataDivType" | "dataType" | "dataElementType" | "dataWidgetType";
+export type CMSEditControlsTypes = "Slider" | "Settings" | string;
+export type GlobalVideoAttributes = "src" | "poster" | "controls" | "autoplay" | "loop" | "muted" | "preload" | "crossOrigin" | "playsInline";
+export type CommonBuilderAttributes = "dataDivType" | "dataType" | "dataElementType" | "dataWidgetType";
+export type GlobalTableAttributes = "cellPadding" | "cellSpacing" | "border" | "width" | "height" | "align" | "bgColor" | "frame" | "headers" | "rows" | "rules";
+export type ObjectFitValue = "fill" | "contain" | "cover" | "none" | "scale-down" | string;
+export type ObjectPositionValue = string;

package/dist/types/helper/helper-functions.d.ts

@@ -0,0 +1 @@
+export declare const dateTimeFormat: (dateString: string | number, isTime?: boolean, formatStr?: string, timeZone?: string, locale?: string) => string | null;

package/dist/types/html-elements/element-types.d.ts

@@ -0,0 +1,131 @@
+import { DetailedHTMLProps, HTMLAttributes, ReactNode, InputHTMLAttributes, TextareaHTMLAttributes, ButtonHTMLAttributes, SelectHTMLAttributes, OptionHTMLAttributes, ImgHTMLAttributes, VideoHTMLAttributes } from "react";
+export interface H1Props extends DetailedHTMLProps<HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement> {
+    children?: ReactNode;
+}
+export interface H2Props extends DetailedHTMLProps<HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement> {
+    children?: ReactNode;
+}
+export interface H3Props extends DetailedHTMLProps<HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement> {
+    children?: ReactNode;
+}
+export interface H4Props extends DetailedHTMLProps<HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement> {
+    children?: ReactNode;
+}
+export interface H5Props extends DetailedHTMLProps<HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement> {
+    children?: ReactNode;
+}
+export interface H6Props extends DetailedHTMLProps<HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement> {
+    children?: ReactNode;
+}
+export interface PProps extends DetailedHTMLProps<HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement> {
+    children?: ReactNode;
+}
+export interface SpanProps extends DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement> {
+    children?: ReactNode;
+}
+export interface AProps extends DetailedHTMLProps<HTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement> {
+    children?: ReactNode;
+}
+export interface ButtonProps extends DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> {
+    children?: ReactNode;
+}
+export interface InputProps extends DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement> {
+}
+export interface TextareaProps extends DetailedHTMLProps<TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement> {
+}
+export interface SelectProps extends DetailedHTMLProps<SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement> {
+    children?: ReactNode;
+}
+export interface OptionProps extends DetailedHTMLProps<OptionHTMLAttributes<HTMLOptionElement>, HTMLOptionElement> {
+}
+export interface TableProps extends DetailedHTMLProps<HTMLAttributes<HTMLTableElement>, HTMLTableElement> {
+    children?: ReactNode;
+}
+export interface TableRowProps extends DetailedHTMLProps<HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement> {
+    children?: ReactNode;
+}
+export interface TableHeaderCellProps extends DetailedHTMLProps<HTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement> {
+    children?: ReactNode;
+}
+export interface TableCellProps extends DetailedHTMLProps<HTMLAttributes<HTMLTableCellElement>, HTMLTableCellElement> {
+    children?: ReactNode;
+}
+export interface FormProps extends DetailedHTMLProps<HTMLAttributes<HTMLFormElement>, HTMLFormElement> {
+    children?: ReactNode;
+}
+export interface LabelProps extends DetailedHTMLProps<HTMLAttributes<HTMLLabelElement>, HTMLLabelElement> {
+    children?: ReactNode;
+}
+export interface DetailsProps extends DetailedHTMLProps<HTMLAttributes<HTMLDetailsElement>, HTMLDetailsElement> {
+    children?: ReactNode;
+}
+export interface SummaryProps extends DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement> {
+    children?: ReactNode;
+}
+export interface DialogProps extends DetailedHTMLProps<HTMLAttributes<HTMLDialogElement>, HTMLDialogElement> {
+    children?: ReactNode;
+}
+export interface MainProps extends DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement> {
+    children?: ReactNode;
+}
+export interface SectionProps extends DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement> {
+    children?: ReactNode;
+}
+export interface ArticleProps extends DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement> {
+    children?: ReactNode;
+}
+export interface AsideProps extends DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement> {
+    children?: ReactNode;
+}
+export interface HeaderProps extends DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement> {
+    children?: ReactNode;
+}
+export interface FooterProps extends DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement> {
+    children?: ReactNode;
+}
+export interface NavProps extends DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement> {
+    children?: ReactNode;
+}
+export interface AddressProps extends DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement> {
+    children?: ReactNode;
+}
+export interface CodeProps extends DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement> {
+    children?: ReactNode;
+}
+export interface PreProps extends DetailedHTMLProps<HTMLAttributes<HTMLPreElement>, HTMLPreElement> {
+    children?: ReactNode;
+}
+export interface KbdProps extends DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement> {
+    children?: ReactNode;
+}
+export interface SmallProps extends DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement> {
+    children?: ReactNode;
+}
+export interface StrongProps extends DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement> {
+    children?: ReactNode;
+}
+export interface BProps extends DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement> {
+    children?: ReactNode;
+}
+export interface IProps extends DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement> {
+    children?: ReactNode;
+}
+export interface UProps extends DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement> {
+    children?: ReactNode;
+}
+export interface DivProps extends DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement> {
+    children?: ReactNode;
+}
+export interface ImgProps extends DetailedHTMLProps<ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement> {
+    alt?: string;
+}
+export interface VideoProps extends VideoHTMLAttributes<HTMLVideoElement> {
+    children?: ReactNode;
+    tracks?: Array<{
+        kind: string;
+        srcLang: string;
+        src: string;
+        label?: string;
+        default?: boolean;
+    }>;
+}