builder-settings-types 0.0.462 → 0.0.464

package/dist/settings/color-settings/colorSettings.d.ts

@@ -6,16 +6,40 @@ export interface ColorSettingProps extends StringSettingsProps {
 export declare class ColorSetting extends StringSetting {
     inputType: InputTypes;
     detectChange?: (value: string | undefined) => void;
+    private static openInstance;
     private element;
-    private colorInputEl;
+    private previewEl;
     private textInputEl;
+    private unlinkButton;
+    private popoverEl;
+    private backdropEl;
+    private isPopoverOpen;
+    private popoverPosition;
+    private linkedGlobalVariable;
+    private currentMode;
+    private globalLayoutMode;
+    private globalSearchQuery;
+    private boundHandleWindowBlur;
     constructor(props: ColorSettingProps);
     private static normalizeColorValue;
     private static normalizeHexValue;
     private static rgbToHexStatic;
     setValue(newValue: string | undefined): void;
     private hexToRgb;
+    private resolveGlobalVarColor;
+    private setLinkedGlobalVariableFrom;
+    private isBoundToGlobal;
+    private updateUnlinkButtonVisibility;
+    private breakGlobalBinding;
+    private updatePreview;
     draw(): HTMLElement;
+    private createPopover;
+    private updatePopoverContent;
+    private openPopover;
+    private onBackgroundClick;
+    private handleWindowBlur;
+    private handlePopoverKeydown;
+    private closePopover;
     getElement(): HTMLElement | null;
     getNormalizedValue(): string;
     isValidHex(): boolean;

package/dist/settings/gradient-settings/GradientSetting.d.ts

@@ -52,7 +52,6 @@ export declare class GradientSetting extends Setting<GradientValue, SettingProps
     private createTypeTabs;
     private switchType;
     private updatePopoverContent;
-    private renderGlobalColors;
     private renderSolid;
     private renderGradient;
     private updateDegreeVisibility;

package/dist/settings/gradient-settings/components/GlobalColorsDisplay.d.ts

@@ -0,0 +1,23 @@
+export interface GlobalColorsDisplayOptions {
+    globalVariables: Record<string, string>;
+    selectedVariable: string | null;
+    onSelect: (variableValue: string) => void;
+    resolveColor: (color: string) => string;
+    initialLayoutMode?: "list" | "grid";
+    initialSearchQuery?: string;
+    onLayoutModeChange?: (mode: "list" | "grid") => void;
+    onSearchChange?: (query: string) => void;
+    getSelectedVariable?: () => string | null;
+}
+export declare class GlobalColorsDisplay {
+    private element;
+    private listContainer;
+    private options;
+    private layoutMode;
+    private searchQuery;
+    constructor(options: GlobalColorsDisplayOptions);
+    private getSelectedVariable;
+    private build;
+    private renderList;
+    getElement(): HTMLElement;
+}

package/dist/settings/gradient-settings/utils/types.d.ts

@@ -1,3 +1,4 @@
+import { SettingAction } from '../../../components/actions/actionsCollection';
 export interface GradientStop {
     color: string;
     position: number;
@@ -25,4 +26,6 @@ export interface GradientSettingProps {
     includeGetJson?: boolean;
     variant?: "default" | "global";
     hideGlobalsTab?: boolean;
+    actions?: SettingAction[];
+    isAdditional?: boolean;
 }

package/dist/settings/multi-settings/multiSettings.d.ts

@@ -1,31 +1,24 @@
-import { IChangable, IDrawable } from '../../base/drawable';
 import { MultiConfig, MultiPresetDefaultKey } from './utils/enum';
+import { Setting, SettingProps, InputTypes, Primitive } from '../../base/settings';
 export type MultiSettingsValue<K extends string = string> = Record<K, number>;
-export interface MultiSettingsProps<K extends string = MultiPresetDefaultKey> {
+export interface MultiSettingsProps<K extends string = MultiPresetDefaultKey> extends Omit<SettingProps<MultiSettingsValue<K>>, 'default'> {
     default?: Partial<MultiSettingsValue<K>> | number;
-    title?: string;
-    placeholder?: string;
     collapsed?: boolean;
-    id?: string;
-    includeGetJson?: boolean;
     config?: MultiConfig<K>;
 }
-export declare class MultiSettings<K extends string = MultiPresetDefaultKey> implements IDrawable, IChangable<MultiSettingsValue<K>> {
-    id: string;
-    value: MultiSettingsValue<K>;
-    onChange?: (value: MultiSettingsValue<K>) => void;
-    includeGetJson: boolean;
-    private props;
+type MultiSettingsPropsCompat<K extends string> = MultiSettingsProps<K> & {
+    default?: MultiSettingsValue<K>;
+};
+export declare class MultiSettings<K extends string = MultiPresetDefaultKey> extends Setting<MultiSettingsValue<K>, MultiSettingsPropsCompat<K>> {
+    inputType: MultiSettingsValue<K> extends Primitive ? InputTypes : Record<keyof MultiSettingsValue<K>, InputTypes>;
     private config;
     private isCollapsed;
     private elementRef;
     private mainInput;
     private inputs;
-    private dataPropsPath;
     private defaultValue;
     constructor(props?: MultiSettingsProps<K>);
     setOnChange(onChange: (value: MultiSettingsValue<K>) => void): MultiSettings<K>;
-    setDataPropsPath(path: string): void;
     setComponentPath(_path: string): void;
     setValue(newValue: Partial<MultiSettingsValue<K>>): void;
     getValue(): MultiSettingsValue<K>;
@@ -39,3 +32,4 @@ export declare class MultiSettings<K extends string = MultiPresetDefaultKey> imp
     private createInputWithIcon;
     draw(): HTMLElement;
 }
+export {};

package/dist/settings/number-settings/numberSettings.d.ts

@@ -10,6 +10,7 @@ export interface NumberSettingsProps extends SettingProps<number> {
     suffix?: NumberSuffix;
     mobile?: number;
     onBlur?: () => void;
+    debounceMs?: number;
 }
 export declare class NumberSetting extends Setting<number, NumberSettingsProps> {
     inputType: InputTypes;

package/dist/settings/select-api/select-api.d.ts

@@ -14,6 +14,9 @@ export interface SelectApiSettingProps<T = SettingsMap> extends SettingProps<T>
     onChange?: (value: T) => void;
     detectChange?: (value: T | undefined) => void;
     getConfirmOptions?: (currentValue: T | undefined, nextValue: T) => ConfirmationOptions | undefined | null;
+    /** When true, if setValue() receives a value that doesn't match any available option,
+     *  automatically fall back to the first option (or undefined if no options exist). */
+    fallbackToFirstOption?: boolean;
 }
 export declare class SelectApiSettings<T = SettingsMap> extends Setting<T, SelectApiSettingProps<T>> {
     inputType: T extends Primitive ? InputTypes : Record<keyof T, InputTypes>;

package/dist/settings/select-settings/selectSettings.d.ts

@@ -1,9 +1,7 @@
 import { Setting, SettingProps, InputTypes, Primitive } from '../../base/settings';
+import { SelectOption } from '../../components/select/select';
 import { SettingsMap } from '../../types';
-export interface SelectOption {
-    name: string;
-    value: string | object;
-}
+export type { SelectOption };
 export interface SelectSettingProps<T = SettingsMap> extends SettingProps<T> {
     options?: SelectOption[];
     getOptions?: () => SelectOption[];
@@ -13,27 +11,9 @@ export interface SelectSettingProps<T = SettingsMap> extends SettingProps<T> {
 }
 export declare class SelectSetting<T = SettingsMap> 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;
-    private scrollListener;
+    private selectComponent;
     constructor(props?: SelectSettingProps<T>);
     setValue(newValue: T): void;
-    private createOption;
     draw(): HTMLElement;
-    private showDropdown;
-    private hideDropdown;
-    private checkDropdownPosition;
-    private selectOption;
-    private cleanupDropdownPosition;
-    private updateOptionsList;
-    private updateButtonText;
     destroy(): void;
 }

package/dist/types/index.d.ts

@@ -1,10 +1,11 @@
-import { PendingSettingsGroup } from '../base/pendingSettingsGroup';
 import { Setting, SettingProps } from '../base/settings';
 import { RootSettingGroup, SettingGroup, TabSettingGroup } from '../base/settings-group/settingsGroup';
 import { HeaderTypographySettingSet } from '../groups/headerTypographySettingsSet';
 import { AlignValue } from '../settings/align-settings/alignSettings';
 import { GradientSetting } from '../settings/gradient-settings';
 import { MultiSettings } from '../settings/multi-settings';
+export { isRepeatingSetting } from '../base/additional-settings/repeatingSetting';
+export type { RepeatingSettingProps } from '../base/additional-settings/repeatingSetting';
 export type SettingValue = string | number | boolean | null | undefined;
 export type ComplexSettingValue = SettingValue | Record<string, SettingValue> | Array<SettingValue> | Date;
 type StripUndefined<T> = [T] extends [undefined] ? undefined : Exclude<T, undefined>;
@@ -72,16 +73,6 @@ export type SettingsToProps<T> = T extends TabSettingGroup<infer S> ? {
     } ? V : undefined;
 } & {
     activeTabId: string;
-} : T extends PendingSettingsGroup<infer S> ? {
-    [K in keyof S]: S[K] extends GradientSetting ? GradientSettingValue<S[K]> : S[K] extends Setting<infer V, infer P> ? V : S[K] extends HeaderTypographySettingSet ? HeaderTypographyValue<S[K]> : S[K] extends SettingGroup<infer U> ? SettingsToProps<S[K]> : S[K] extends {
-        value: infer V;
-    } ? StripUndefined<V> : S[K] extends {
-        setValue(value: infer V | undefined): void;
-    } ? V : undefined;
-} & {
-    $id: string;
-    isRootNode?: boolean;
-    isInitialized?: boolean;
 } : T extends SettingGroup<infer S> ? {
     [K in keyof S]: S[K] extends GradientSetting ? GradientSettingValue<S[K]> : S[K] extends Setting<infer V, infer P> ? V : S[K] extends HeaderTypographySettingSet ? HeaderTypographyValue<S[K]> : S[K] extends SettingGroup<infer U> ? SettingsToProps<S[K]> : S[K] extends {
         value: infer V;

package/dist/utils/calculatePopupPosition.d.ts

@@ -0,0 +1,4 @@
+export declare const calculatePopupPosition: (popupEl: HTMLElement, anchorEl: HTMLElement, positionX: "left" | "right", positionY: "top" | "bottom" | "center", margin?: number) => {
+    x: number;
+    y: number;
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "builder-settings-types",
   "description": "builder settings",
-  "version": "0.0.462",
+  "version": "0.0.464",
   "type": "module",
   "main": "dist/builder-settings-types.cjs.js",
   "module": "dist/builder-settings-types.es.js",