builder-settings-types 0.0.227 → 0.0.229

package/dist/index.d.ts

@@ -1,786 +1,30 @@
-export declare type AddItemConfig<TSettings extends SettingsMap> = {
-    buttonLabel?: string;
-    keyPrefix: string;
-    createItem: (index: number) => SettingChild;
-};
-
-declare class AlignSetting_2 extends Setting<AlignValue, AlignSettingProps> {
-    inputType: InputTypes;
-    constructor(props?: AlignSettingProps);
-    draw(): HTMLElement;
-}
-export { AlignSetting_2 as AlignSetting }
-
-export declare interface AlignSettingProps extends SettingProps<AlignValue> {
-}
-
-export declare type AlignValue = "left" | "center" | "right";
-
-export declare class AnimationSetting extends Setting<AnimationValue, AnimationSettingProps> {
-    inputType: InputTypes;
-    private selectSetting;
-    constructor(props?: AnimationSettingProps);
-    draw(): HTMLElement;
-    destroy(): void;
-}
-
-export declare interface AnimationSettingProps extends SettingProps<AnimationValue> {
-    title?: string;
-}
-
-export declare type AnimationValue = "fade" | "slide" | "zoom" | "bounce" | "pulse" | "none";
-
-export declare type AnySettingValue = SettingValue | ComplexSettingValue;
-
-export declare function asSettingGroupWithSettings<TSettings extends SettingsMap>(settingGroup: SettingGroup<TSettings>): SettingGroupWithSettings<TSettings>;
-
-export declare class BackgroundSettingSet extends SettingGroup<{
-    backgroundImage: UploadSetting;
-    opacity: OpacitySetting;
-    backgroundColor: ColorWithOpacitySetting;
-}> {
-    constructor(props?: {
-        backgroundImage?: string;
-        opacity?: number;
-        backgroundColor?: string;
-        uploadProps?: UploadSettingProps;
-        collapsed?: boolean;
-    });
-    draw(): HTMLElement;
-    getCssCode(): string;
-}
-
-/**
- * A SettingGroup for configuring "Border" settings.
- * It includes child settings for color, opacity, radius, and size.
- * You can pass default values to override the internal defaults.
- */
-export declare class BorderSettingSet extends SettingGroup<{
-    color: ColorWithOpacitySetting;
-    radius: NumberSetting;
-    size: NumberSetting;
-}> {
-    constructor(defaults?: {
-        color?: string;
-        radius?: number;
-        size?: number;
-        collapsed?: boolean;
-    });
-    /**
-     * Optional helper to generate CSS from the current settings.
-     */
-    getCssCode(): string;
-}
-
-export declare class ButtonSetting extends Setting<void, ButtonSettingProps> {
-    inputType: InputTypes;
-    constructor(props: ButtonSettingProps);
-    bgWithAlpha: string;
-    draw(): HTMLElement;
-}
-
-export declare interface ButtonSettingProps extends SettingProps<void> {
-    label: string;
-    onClick?: () => void;
-    className?: string;
-    wrapperClassName?: string;
-    backgroundColor?: string;
-    textColor?: string;
-    borderColor?: string;
-}
-
-export declare class ColorSetting extends StringSetting {
-    inputType: InputTypes;
-    detectChange?: (value: string | undefined) => void;
-    private element;
-    private colorInputEl;
-    private textInputEl;
-    constructor(props: ColorSettingProps);
-    private static normalizeColorValue;
-    private static normalizeHexValue;
-    private static rgbToHexStatic;
-    setValue(newValue: string | undefined): void;
-    private hexToRgb;
-    draw(): HTMLElement;
-    getElement(): HTMLElement | null;
-    getNormalizedValue(): string;
-    isValidHex(): boolean;
-    toRgb(): string;
-}
-
-export declare interface ColorSettingProps extends StringSettingsProps {
-    detectChange?: (value: string | undefined) => void;
-}
-
-export declare class ColorWithOpacitySetting extends Setting<string, ColorWithOpacitySettingProps> {
-    inputType: InputTypes;
-    detectChange?: (value: string | undefined) => void;
-    private element;
-    private colorInputEl;
-    private textInputEl;
-    private opacityInputEl;
-    private colorPreviewEl;
-    constructor(props?: ColorWithOpacitySettingProps);
-    private static normalizeHexWithOpacity;
-    private getRgbColor;
-    private getOpacityPercent;
-    private static combineColorOpacity;
-    setValue(newValue: string | undefined): void;
-    private updateInputElements;
-    private updateColorPreview;
-    private handleColorChange;
-    private handleTextInput;
-    private handleOpacityChange;
-    draw(): HTMLElement;
-    getElement(): HTMLElement | null;
-    getValue(): string | undefined;
-    getRgbaValue(): string;
-    getColorAndOpacity(): {
-        color: string;
-        opacity: number;
-    };
-}
-
-export declare interface ColorWithOpacitySettingProps extends SettingProps<string> {
-    detectChange?: (value: string | undefined) => void;
-    wrapperClassName?: string;
-}
-
-export declare type ComplexSettingValue = SettingValue | Record<string, SettingValue> | Array<SettingValue> | Date;
-
-export declare function createSettingGroup<TSettings extends SettingsMap>(groupProps: SettingGroupProps<TSettings>): SettingGroupWithSettings<TSettings>;
-
-export declare function createTabSettingGroup<TSettings extends SettingsMap = SettingsMap>(groupProps: SettingGroupProps<TSettings>): TabSettingGroup<TSettings>;
-
-export declare type DeepPartial<T> = {
-    [P in keyof T]?: T[P] extends object ? DeepPartial<T[P]> : T[P];
-};
-
-export declare type DeleteItemConfig = {
-    keyPrefix?: string;
-    showDeleteButton?: boolean;
-    deleteButtonLabel?: string;
-};
-
-export declare class DimensionSetting extends Setting<DimensionValue, DimensionSettingProps> {
-    inputType: {
-        readonly width: "number";
-        readonly height: "number";
-    };
-    private widthSetting;
-    private heightSetting;
-    private minWidth;
-    private maxWidth?;
-    private minHeight;
-    private maxHeight?;
-    private locked;
-    private aspectRatio;
-    private isUpdating;
-    constructor(props?: DimensionSettingProps);
-    private handleWidthChange;
-    private handleHeightChange;
-    private toggleLock;
-    private getLockSVG;
-    setValue(newValue: DimensionValue): void;
-    draw(): HTMLElement;
-    isLocked(): boolean;
-    setLocked(locked: boolean): void;
-}
-
-export declare interface DimensionSettingProps extends SettingProps<DimensionValue> {
-    locked?: boolean;
-    minWidth?: number;
-    maxWidth?: number;
-    minHeight?: number;
-    maxHeight?: number;
-    width?: number;
-    height?: number;
-}
-
-export declare interface DimensionValue {
-    width: number;
-    height: number;
-}
-
-export declare type ExtractSettingValue<T> = T extends Setting<infer V, any> ? V : never;
-
-export declare type ExtractSettingValues<TSettings extends SettingsMap> = {
-    readonly [K in keyof TSettings]: TSettings[K] extends Setting<infer V, any> ? V : TSettings[K] extends SettingGroup<infer S> ? ExtractSettingValues<S> : unknown;
-};
-
-export declare type ExtractSettingValuesOptional<TSettings extends SettingsMap> = {
-    [K in keyof TSettings]?: TSettings[K] extends Setting<infer V, any> ? V : TSettings[K] extends SettingGroup<infer S> ? ExtractSettingValuesOptional<S> : unknown;
-};
-
-export declare class GapSetting extends Setting<number, GapSettingsProps> {
-    inputType: InputTypes;
-    private inputValues;
-    mobileValue?: number;
-    constructor(props?: GapSettingsProps);
-    draw(): HTMLElement;
-    private createGapInput;
-    private validateValue;
-    getMobileValue(): number | undefined;
-    setMobileValue(value: number | undefined): void;
-}
-
-export declare interface GapSettingsProps extends SettingProps<number> {
-    minValue?: number;
-    maxValue?: number;
-    step?: number;
-    suffix?: GapSuffix;
-    className?: string;
-    inputClassName?: string;
-    wrapperClassName?: string;
-    rowGap?: boolean;
-    columnGap?: boolean;
-    onBlur?: () => void;
-    mobile?: number;
-}
-
-export declare type GapSuffix = "px" | "em" | "rem" | "%" | "vh" | "vw" | "pt" | "none";
-
-export declare interface HeaderTypographySettings {
-    title?: string;
-    colorDefault?: string;
-    showAlign?: boolean;
-    colorOpacityDefault?: number;
-    fontFamilyDefault?: string;
-    fontFamilyOptions?: SelectOption[];
-    fontFamilyGetOptions?: () => SelectOption[];
-    fontFamilyGetOptionsAsync?: () => Promise<SelectOption[]>;
-    fontWeightDefault?: string;
-    fontWeightOptions?: SelectOption[];
-    fontWeightGetOptions?: () => SelectOption[];
-    fontWeightGetOptionsAsync?: () => Promise<SelectOption[]>;
-    fontSizeDefault?: number;
-    alignDefault?: AlignValue;
-    collapsed?: boolean;
-    hideCondition?: () => boolean;
-    fontSizeMobileDefault?: number;
-}
-
-export declare class HeaderTypographySettingSet extends SettingGroup<{
-    color: ColorWithOpacitySetting;
-    fontFamily: SelectSetting<string>;
-    fontWeight: SelectSetting<string>;
-    fontSize: NumberSetting;
-    align?: AlignSetting_2;
-}> {
-    constructor(props?: HeaderTypographySettings);
-    getCssCode(): string;
-}
-
-export declare class HeightSetting extends NumberSetting {
-    inputType: InputTypes;
-    mobileValue?: number;
-    constructor(props?: HeightSettingProps);
-    getMobileValue(): number | undefined;
-    setMobileValue(value: number | undefined): void;
-}
-
-export declare type HeightSettingProps = NumberSettingsProps & {
-    mobile?: number;
-};
-
-export declare class HtmlSetting extends Setting<string, HtmlSettingsProps> {
-    inputType: InputTypes;
-    private textareaEl?;
-    constructor(props?: HtmlSettingsProps);
-    setValue(newValue: string): void;
-    draw(): HTMLElement;
-}
-
-export declare interface HtmlSettingsProps extends SettingProps<string> {
-    maxLength?: number;
-    value?: string;
-    className?: string;
-    textareaClassName?: string;
-    wrapperClassName?: string;
-    rows?: number;
-    placeholder?: string;
-    onChange?: (value: string) => void;
-}
-
-export declare interface IChangable<T> {
-    setOnChange(onChange: (value: T) => void): void;
-}
-
-export declare interface IDrawable {
-    draw(): HTMLElement;
-}
-
-export declare type InferSettingsProps<T> = T extends {
-    getValues(): infer R;
-} ? R : never;
-
-export declare type InputProps = {
-    iconClassName?: string;
-    labelClassName?: string;
-    value: unknown;
-    inputType: InputTypes;
-    title?: string;
-    icon?: string;
-    inputCustomizer?: (input: HTMLInputElement) => void;
-    inputClassName?: string;
-    wrapperClassName?: string;
-    placeholder?: string;
-};
-
-export declare type InputTypes = "number" | "text" | "select" | "color" | "date" | "button";
-
-/** @deprecated Use isSetting from "../../types" instead */
-export declare function isSetting(value: unknown): value is SettingChild;
-
-export declare function isSettingChild(value: unknown): value is SettingChild;
-
-export declare function isSettingGroup(value: unknown): value is SettingChild;
-
-export declare function iterateSettings<TSettings extends SettingsMap>(settings: TSettings, callback: SettingIteratorCallback<TSettings>): void;
-
-export declare class MarginBottomSetting extends NumberSetting {
-    inputType: InputTypes;
-    constructor(props?: MarginBottomSettingsProps);
-}
-
-export declare interface MarginBottomSettingsProps extends NumberSettingsProps {
-}
-
-declare class MarginNumberSetting extends Setting<number | 'auto' | undefined, MarginNumberSettingsProps> {
-    inputType: InputTypes;
-    constructor(props: MarginNumberSettingsProps);
-    draw(): HTMLElement;
-}
-
-declare interface MarginNumberSettingsProps extends SettingProps<number | 'auto'> {
-    minValue?: number;
-    maxValue?: number;
-    className?: string;
-    inputClassName?: string;
-    wrapperClassName?: string;
-    suffix?: NumberSuffix;
-    default: number | 'auto';
-}
-
-export declare class MarginSettingGroup extends SettingGroup<{
-    marginTop: MarginNumberSetting;
-    marginRight: MarginNumberSetting;
-    marginBottom: MarginNumberSetting;
-    marginLeft: MarginNumberSetting;
-}> {
-    constructor(defaults?: {
-        marginTop?: number | "auto";
-        marginRight?: number | "auto";
-        marginBottom?: number | "auto";
-        marginLeft?: number | "auto";
-        collapsed?: boolean;
-    });
-    getCssCode(): string;
-}
-
-export declare class MarginTopSetting extends NumberSetting {
-    inputType: InputTypes;
-    constructor(props?: MarginTopSettingsProps);
-}
-
-export declare interface MarginTopSettingsProps extends NumberSettingsProps {
-}
-
-export declare type MobileSettingValues<TSettings extends SettingsMap> = {
-    [K in keyof TSettings]?: TSettings[K] extends Setting<infer V, any> ? V : TSettings[K] extends SettingGroup<infer S> ? MobileSettingValues<S> : unknown;
-};
-
-export declare class MultiLanguageSetting extends Setting<MultiLanguageValue, MultiLanguageSettingsProps> {
-    inputType: Record<keyof MultiLanguageValue, "text">;
-    private container;
-    private languagesContainer;
-    private addLanguageSelect;
-    private addButton;
-    private defaultLanguages;
-    constructor(props?: MultiLanguageSettingsProps);
-    private get availableLanguages();
-    private get usedLanguageCodes();
-    private get availableLanguageOptions();
-    private updateAddLanguageSelect;
-    private createLanguageRow;
-    private updateLanguageValue;
-    private removeLanguage;
-    private addLanguage;
-    private createAddLanguageSection;
-    draw(): HTMLElement;
-    setValue(value: MultiLanguageValue): void;
-}
-
-export declare interface MultiLanguageSettingsProps extends SettingProps<MultiLanguageValue> {
-    availableLanguages?: Array<{
-        code: string;
-        name: string;
-    }>;
-    maxLanguages?: number;
-    placeholder?: string;
-}
-
-export declare interface MultiLanguageValue {
-    [languageCode: string]: string;
-}
-
-export declare class NumberSetting extends Setting<number, NumberSettingsProps> {
-    inputType: InputTypes;
-    private inputElement;
-    mobileValue?: number;
-    constructor(props: NumberSettingsProps);
-    draw(): HTMLElement;
-    setValue(value: number | undefined): void;
-    private validateValue;
-    getMobileValue(): number | undefined;
-    setMobileValue(value: number | undefined): void;
-    private validateProps;
-}
-
-export declare interface NumberSettingsProps extends SettingProps<number> {
-    minValue?: number;
-    maxValue?: number;
-    step?: number;
-    className?: string;
-    inputClassName?: string;
-    wrapperClassName?: string;
-    suffix?: NumberSuffix;
-    mobile?: number;
-    onBlur?: () => void;
-}
-
-export declare type NumberSuffix = "px" | "em" | "rem" | "%" | "vh" | "vw" | "pt" | "none";
-
-export declare class OpacitySetting extends NumberSetting {
-    inputType: InputTypes;
-    mobileValue?: number;
-    constructor(props?: OpacitySettingProps);
-    getMobileValue(): number | undefined;
-    setMobileValue(value: number | undefined): void;
-}
-
-export declare type OpacitySettingProps = NumberSettingsProps & {
-    mobile?: number;
-};
-
-export declare type Primitive = string | number | boolean | symbol | bigint | null | undefined;
-
-export declare interface SelectApiOption {
-    name: string;
-    value: string | object;
-}
-
-export declare interface SelectApiSettingProps<T = any> extends SettingProps<T> {
-    options?: SelectApiOption[];
-    getOptions?: () => SelectApiOption[];
-    getOptionsAsync?: () => Promise<SelectApiOption[]>;
-    loadingText?: string;
-    errorText?: string;
-    onChange?: (value: T) => void;
-    detectChange?: (value: T | undefined) => void;
-}
-
-export declare class SelectApiSettings<T = any> extends Setting<T, SelectApiSettingProps<T>> {
-    inputType: T extends Primitive ? InputTypes : Record<keyof T, InputTypes>;
-    private _options;
-    private isOpen;
-    private selectedOptionIndex;
-    private optionsListEl;
-    private svgContainer;
-    private buttonEl;
-    private isLoading;
-    private container;
-    private hasInitializedOptions;
-    private detectChangeCallback?;
-    constructor(props?: SelectApiSettingProps<T>);
-    private initializeOptions;
-    private createOption;
-    draw(): HTMLElement;
-    getJson(excludeSelectSettings?: boolean): string;
-    private selectApiOption;
-    private updateOptionsList;
-    private updateButtonText;
-    setDetectChange(callback: (value: T | undefined) => void): void;
-    setValue(value: T): void;
-}
-
-export declare interface SelectOption {
-    name: string;
-    value: string | object;
-}
-
-export declare class SelectSetting<T = any> extends Setting<T, SelectSettingProps<T>> {
-    inputType: T extends Primitive ? InputTypes : Record<keyof T, InputTypes>;
-    private _options;
-    private isOpen;
-    private selectedOptionIndex;
-    private optionsListEl;
-    private svgContainer;
-    private buttonEl;
-    private isLoading;
-    private container;
-    private clickOutsideListener;
-    private resizeListener;
-    constructor(props?: SelectSettingProps<T>);
-    setValue(newValue: T): void;
-    private createOption;
-    draw(): HTMLElement;
-    /**
-     * Check if dropdown should be positioned above the button
-     */
-    private checkDropdownPosition;
-    private selectOption;
-    /**
-     * Clean up dropdown positioning when closed
-     */
-    private cleanupDropdownPosition;
-    private updateOptionsList;
-    private updateButtonText;
-    destroy(): void;
-}
-
-export declare interface SelectSettingProps<T = any> extends SettingProps<T> {
-    options?: SelectOption[];
-    getOptions?: () => SelectOption[];
-    getOptionsAsync?: () => Promise<SelectOption[]>;
-    loadingText?: string;
-    placeholder?: string;
-}
-
-export declare type SerializedSettingValues = Record<string, unknown>;
-
-export declare abstract class Setting<T, P extends SettingProps<T>> implements IDrawable, IChangable<T> {
-    protected props: P;
-    static DefaultUploadUrl: string;
-    static SetUploadUrl(url: string): void;
-    destroy(): void;
-    protected inputEl?: HTMLInputElement;
-    id: string;
-    value: T | undefined;
-    title: string | undefined;
-    desktop: T | undefined;
-    includeGetJson: boolean;
-    abstract inputType: T extends Primitive ? InputTypes : Record<keyof T, InputTypes>;
-    onChange: ((value: T) => void) | undefined;
-    onBlur: ((value: T) => void) | undefined;
-    constructor(props?: P);
-    setOnChange(onChange: (value: T) => void): Setting<T, P>;
-    setOnBlur(onBlur: (value: T) => void): Setting<T, P>;
-    setValue(newValue: T): void;
-    clone(): Setting<T, P>;
-    abstract draw(): HTMLElement;
-    createInput(props: InputProps): HTMLElement;
-    createLabel(title: string, className?: string): HTMLSpanElement;
-    createIcon(icon: string, className?: string): HTMLSpanElement;
-}
-
-export declare type SettingBlurCallback = () => void;
-
-export declare type SettingChangeCallback<T> = (value: T) => void;
-
-export declare type SettingChanges<TSettings extends SettingsMap> = ExtractSettingValuesOptional<TSettings>;
-
-export declare type SettingChild<T extends AnySettingValue = AnySettingValue> = SettingInstance<T> | SettingGroup<any>;
-
-export declare class SettingGroup<TSettings extends SettingsMap> implements IDrawable, IChangable<ExtractSettingValues<TSettings>> {
-    title: string;
-    settings: TSettings;
-    id: string;
-    onChange?: SettingChangeCallback<ExtractSettingValues<TSettings>> | undefined;
-    onBlur?: SettingBlurCallback;
-    private isCollapsed;
-    private isMain;
-    private includeGetJson;
-    private elementRef;
-    private static hiddenElements;
-    private isHidden;
-    private custom;
-    initialValues: ExtractSettingValues<TSettings>;
-    private changeTimeout;
-    private isHandlingChange;
-    private changeHandlers;
-    private blurTimeout;
-    private lastChangeTime;
-    private handleBlur;
-    private pendingBlurHandler;
-    private originalDefaultValues;
-    private nestingLevel;
-    private addItemCfg?;
-    private deleteItemCfg?;
-    constructor(groupProps: SettingGroupProps<TSettings>);
-    private propagateNestingLevel;
-    getNestingLevel(): number;
-    setNestingLevel(level: number): void;
-    private updateNestingStyles;
-    private forceChildUIRefresh;
-    removeSetting(key: string): void;
-    updateVisibility(): void;
-    clone(): SettingGroupWithSettings<TSettings>;
-    resetDefault(): void;
-    setMobileValues(values: MobileSettingValues<TSettings>): void;
-    getMobileValues(): MobileSettingValues<TSettings>;
-    getMobileValues<K extends keyof TSettings>(childKey: K): unknown;
-    setOnChange(onChange: SettingChangeCallback<ExtractSettingValues<TSettings>>): SettingGroup<TSettings>;
-    cleanup(): void;
-    setValue(values: ExtractSettingValuesOptional<TSettings>): void;
-    private wireChild;
-    addSetting(key: string, setting: SettingChild): void;
-    private addDeleteButtonToElement;
-    private showDeleteConfirmation;
-    private getNextIndexFromPrefix;
-    calculateChanges(oldValues: ExtractSettingValues<TSettings>, newValues: ExtractSettingValues<TSettings>): Record<string, {
-        from: unknown;
-        to: unknown;
-    }>;
-    getValues(): ExtractSettingValues<TSettings>;
-    getValues<K extends keyof TSettings>(childKey: K): unknown;
-    private getValuesForJson;
-    getDefaultValues(): ExtractSettingValues<TSettings>;
-    getDefaultValues<K extends keyof TSettings>(childKey: K): unknown;
-    draw(): HTMLElement;
-    collapse(): void;
-    expand(): void;
-    getJson(): string;
-    setJson(jsonString: string): void;
-}
-
-export declare type SettingGroupInstance<TSettings extends SettingsMap = SettingsMap> = SettingGroup<TSettings>;
-
-export declare type SettingGroupProps<TSettings extends SettingsMap> = {
-    id?: string;
-    title: string;
-    settings: TSettings;
-    collapsed?: boolean;
-    main?: boolean;
-    custom?: boolean;
-    includeGetJson?: boolean;
-    addItem?: AddItemConfig<TSettings>;
-    deleteItem?: DeleteItemConfig;
-};
-
-export declare type SettingGroupWithSettings<TSettings extends SettingsMap> = SettingGroup<TSettings> & TSettings;
-
-export declare type SettingInstance<T extends AnySettingValue = AnySettingValue> = Setting<T, SettingProps<T>>;
-
-export declare type SettingIteratorCallback<TSettings extends SettingsMap> = (key: keyof TSettings, setting: TSettings[typeof key]) => void;
-
-export declare interface SettingProps<T> {
-    default?: T;
-    title?: string;
-    placeholder?: string;
-    icon?: string;
-    inputProps?: InputProps;
-    id?: string;
-    detectChange?: (value: T | undefined) => void;
-    includeGetJson?: boolean;
-}
-
-export declare type SettingsMap = Record<string, Setting<any, any> | SettingGroup<any>>;
-
-export declare type SettingsToProps<T> = T extends {
-    getValues(): infer R;
-} ? R : never;
-
-/** @deprecated Use DeepPartial from "../../types" instead */
-export declare type SettingsToPropsOptional<T> = DeepPartial<ExtractSettingValues<T extends SettingsMap ? T : never>>;
-
-export declare type SettingValue = string | number | boolean | null | undefined;
-
-export declare class StringSetting extends Setting<string, StringSettingsProps> {
-    inputType: InputTypes;
-    constructor(props?: StringSettingsProps);
-    draw(): HTMLElement;
-}
-
-export declare interface StringSettingsProps extends SettingProps<string> {
-    maxLength?: number;
-    value?: string;
-    className?: string;
-    inputClassName?: string;
-    wrapperClassName?: string;
-    onChange?: (value: string) => void;
-}
-
-declare class TabSettingGroup<TSettings extends SettingsMap = SettingsMap> extends SettingGroup<TSettings> {
-    private activeTabId;
-    private tabsContainer?;
-    private contentContainers?;
-    constructor(groupProps: SettingGroupProps<TSettings>);
-    getActiveTabId(): string;
-    switchToTab(tabId: string): void;
-    private updateTabUI;
-    draw(): HTMLElement;
-}
-export { TabSettingGroup }
-export { TabSettingGroup as TabsSettingGroup }
-
-export declare type TabSettingsGroupGenericType = Record<string, SettingGroup<SettingsMap>>;
-
-export declare class Toggle extends Setting<string, ToggleSettingProps> {
-    inputType: InputTypes;
-    private detectChangeCallback?;
-    constructor(props: ToggleSettingProps);
-    draw(): HTMLElement;
-    setDetectChange(callback: (value: string | undefined) => void): void;
-}
-
-export declare interface ToggleSettingProps extends SettingProps<string> {
-    title?: string;
-    icon?: string;
-    default?: string;
-    options?: ToggleValue[];
-    activeColor?: string;
-    inactiveColor?: string;
-    detectChange?: (value: string | undefined) => void;
-}
-
-export declare interface ToggleValue {
-    value: string;
-    status: boolean;
-}
-
-export declare class UploadSetting extends Setting<string, UploadSettingProps> {
-    inputType: InputTypes;
-    private previewWrapper;
-    private previewEl;
-    private emptyStateEl;
-    private errorContainer;
-    private messageListener;
-    private loadingSpinner;
-    constructor(props?: UploadSettingProps);
-    private setupMessageListener;
-    private cleanupMessageListener;
-    destroy(): void;
-    private showError;
-    private hideError;
-    private showLoading;
-    private hideLoading;
-    private validateFileSize;
-    private updatePreviewState;
-    draw(): HTMLElement;
-}
-
-export declare interface UploadSettingProps extends SettingProps<string> {
-    defaultUrl?: string;
-    delete?: boolean;
-    uploadUrl?: string;
-    requestMethod?: string;
-    requestHeaders?: Record<string, string>;
-    formFieldName?: string;
-    parseResponse?: (responseData: unknown) => string;
-    maxFileSizeMB?: number;
-}
-
-export declare class WidthSetting extends NumberSetting {
-    inputType: InputTypes;
-    mobileValue?: number;
-    constructor(props?: WidthSettingProps);
-    getMobileValue(): number | undefined;
-    setMobileValue(value: number | undefined): void;
-}
-
-export declare type WidthSettingProps = NumberSettingsProps & {
-    mobile?: number;
-};
-
-export { }
+export * from './base/settings-group/settingsGroup';
+export { TabSettingGroup } from './base/settings-group/settingsGroup';
+export { TabSettingGroup as TabsSettingGroup } from './base/settings-group/settingsGroup';
+export * from './base/drawable';
+export * from './base/settings';
+export * from './settings/color-settings/colorSettings';
+export * from './settings/color-with-opacity-settings/colorWithOpacitySettings';
+export * from './settings/html-settings/htmlSettings';
+export * from './settings/number-settings/numberSettings';
+export * from './settings/string-settings/stringSettings';
+export * from './settings/opacity-settings/opacitySettings';
+export * from './settings/select-settings/selectSettings';
+export * from './settings/align-settings/alignSettings';
+export * from './settings/button-settings/buttonSettings';
+export * from './settings/size-setting/dimensionSettings';
+export * from './settings/upload-image-settings/uploadImageSettings';
+export * from './settings/height-setting/heightSettings';
+export * from './settings/width-setting/widthSettings';
+export * from './settings/select-api/select-api';
+export * from './settings/toggle-settings/toggleSettings';
+export * from './settings/gap-settings/gapSettings';
+export * from './settings/margin-bottom-settings/marginBottomSettings';
+export * from './settings/margin-top-settings/marginTopSettings';
+export * from './settings/multi-language-settings/multiLanguageSettings';
+export * from './settings/animation-settings/animationSettings';
+export * from './groups/borderSettingsSet';
+export * from './groups/headerTypographySettingsSet';
+export * from './groups/margin-setting-group/marginSettingGroup';
+export * from './groups/background-setting-set/backgroundSettingsSet';
+export * from './utils/settingsTypes';