@makeswift/runtime 0.0.0-d8554fe → 0.0.0-e5fb3bd

package/dist/types/prop-controllers/descriptors.d.ts

@@ -1,43 +1,67 @@
-import type * as Slate from 'slate';
-import type { Element, Data } from '../state/react-page';
-export declare type IndexSignatureHack<T> = T extends Record<string, any> ? {
+import { ResolveBorderControlValue, ResolveBorderRadiusControlValue, ResolveMarginControlValue, ResolvePaddingControlValue, ResolveShadowsControlValue, ResolveWidthControlValue } from '../runtimes/react/controls';
+import { StyleControlFormattedValue } from '../runtimes/react/controls/style';
+import type { Element, Data, MergeTranslatableDataContext } from '../state/react-page';
+import type { ResponsiveColor } from '../runtimes/react/controls';
+import { NumberControlDefinition } from '../controls/number';
+import { NumberControlValue } from '../runtimes/react/controls/number';
+import { CheckboxControlDefinition, ColorControlDefinition, ComboboxControlDefinition, ImageControlDefinition, LinkControlDefinition, ListControlDefinition, SelectControlDefinition, ShapeControlDefinition, SlotControlDefinition, TextAreaControlDefinition, TextInputControlDefinition, StyleControlDefinition, RichTextV2ControlDefinition, StyleV2ControlDefinition, TypographyControlDefinition } from '../controls';
+import { TextInputControlValue } from '../runtimes/react/controls/text-input';
+import { TextAreaControlValue } from '../runtimes/react/controls/text-area';
+import { ColorControlValue } from '../runtimes/react/controls/color';
+import { SelectControlValue } from '../runtimes/react/controls/select';
+import { CheckboxControlValue } from '../runtimes/react/controls/checkbox';
+import { ResolveImageControlValue } from '../runtimes/react/controls/image';
+import { ShapeControlValue } from '../runtimes/react/controls/shape';
+import { ListControlValue } from '../runtimes/react/controls/list';
+import { ComboboxControlValue } from '../runtimes/react/controls/combobox';
+import { LinkControlValue } from '../runtimes/react/controls/link';
+import { SlotControlValue } from '../runtimes/react/controls/slot';
+import { RichTextControlDefinition, RichTextDTO } from '../controls/rich-text';
+import { RichTextControlValue } from '../runtimes/react/controls/rich-text/rich-text';
+import { RichTextV2ControlValue } from '../runtimes/react/controls/rich-text-v2';
+import { StyleV2ControlFormattedValue } from '../runtimes/react/controls/style-v2';
+import { IconRadioGroupControlDefinition } from '../controls/icon-radio-group';
+import { IconRadioGroupControlValue } from '../runtimes/react/controls/icon-radio-group';
+import { TypographyControlValue } from '../runtimes/react/controls/typography';
+export type { Data };
+export type IndexSignatureHack<T> = T extends Record<string, any> ? {
     [K in keyof T]: IndexSignatureHack<T[K]>;
 } : T;
-export declare type Device = 'desktop' | 'tablet' | 'mobile';
-export declare type DeviceOverride<T> = {
+export type Device = string;
+export type DeviceOverride<T> = {
     deviceId: Device;
     value: T;
 };
-export declare type ResponsiveValue<T> = DeviceOverride<T>[];
-export declare type ResponsiveValueType<T> = T extends ResponsiveValue<infer U> ? U : never;
-declare type Color = {
+export type ResponsiveValue<T> = DeviceOverride<T>[];
+export type ResponsiveValueType<T> = T extends ResponsiveValue<infer U> ? U : never;
+type Color = {
     swatchId: string;
     alpha: number;
 };
-declare type IconName = 'HeightAuto16' | 'HeightMatch16' | 'VerticalAlignStart16' | 'VerticalAlignMiddle16' | 'VerticalAlignEnd16' | 'VerticalAlignSpaceBetween16' | 'ButtonPill16' | 'ButtonRounded16' | 'ButtonSquare16' | 'SizeSmall16' | 'SizeMedium16' | 'SizeLarge16' | 'ArrowInside16' | 'ArrowCenter16' | 'ArrowOutside16' | 'CountdownSolid16' | 'CountdownSolidSplit16' | 'CountdownOutline16' | 'CountdownOutlineSplit16' | 'CountdownNaked16' | 'Sun16' | 'Moon16' | 'AlignLeft16' | 'AlignCenter16' | 'AlignRight16' | 'Star16' | 'StarCircle16' | 'StarRoundedSquare16' | 'StarSquare16';
-declare type Gap = {
+type IconName = 'HeightAuto16' | 'HeightMatch16' | 'VerticalAlignStart16' | 'VerticalAlignMiddle16' | 'VerticalAlignEnd16' | 'VerticalAlignSpaceBetween16' | 'ButtonPill16' | 'ButtonRounded16' | 'ButtonSquare16' | 'SizeSmall16' | 'SizeMedium16' | 'SizeLarge16' | 'ArrowInside16' | 'ArrowCenter16' | 'ArrowOutside16' | 'CountdownSolid16' | 'CountdownSolidSplit16' | 'CountdownOutline16' | 'CountdownOutlineSplit16' | 'CountdownNaked16' | 'Sun16' | 'Moon16' | 'AlignLeft16' | 'AlignCenter16' | 'AlignRight16' | 'Star16' | 'StarCircle16' | 'StarRoundedSquare16' | 'StarSquare16';
+export type Gap = {
     value: number;
     unit: 'px';
 };
-export declare type Length = {
+export type Length = {
     value: number;
     unit: 'px' | '%';
 };
-declare type OpenPageLink = {
+type OpenPageLink = {
     type: 'OPEN_PAGE';
     payload: {
         pageId: string | null | undefined;
         openInNewTab: boolean;
     };
 };
-declare type OpenURLLink = {
+type OpenURLLink = {
     type: 'OPEN_URL';
     payload: {
         url: string;
         openInNewTab: boolean;
     };
 };
-declare type SendEmailLink = {
+type SendEmailLink = {
     type: 'SEND_EMAIL';
     payload: {
         to: string;
@@ -45,13 +69,13 @@ declare type SendEmailLink = {
         body?: string;
     };
 };
-declare type CallPhoneLink = {
+type CallPhoneLink = {
     type: 'CALL_PHONE';
     payload: {
         phoneNumber: string;
     };
 };
-declare type ScrollToElementLink = {
+type ScrollToElementLink = {
     type: 'SCROLL_TO_ELEMENT';
     payload: {
         elementIdConfig: {
@@ -61,8 +85,8 @@ declare type ScrollToElementLink = {
         block: 'start' | 'center' | 'end';
     };
 };
-declare type Link = OpenPageLink | OpenURLLink | SendEmailLink | CallPhoneLink | ScrollToElementLink;
-declare type TextStyle = {
+type Link = OpenPageLink | OpenURLLink | SendEmailLink | CallPhoneLink | ScrollToElementLink;
+type TextStyle = {
     fontFamily?: string | null | undefined;
     letterSpacing: number | null | undefined;
     fontSize: {
@@ -104,54 +128,75 @@ export declare const Types: {
     readonly SocialLinks: "SocialLinks";
     readonly Table: "Table";
     readonly TableFormFields: "TableFormFields";
+    readonly Typeahead: "Typeahead";
     readonly TextArea: "TextArea";
     readonly TextInput: "TextInput";
     readonly TextStyle: "TextStyle";
     readonly Video: "Video";
     readonly Width: "Width";
+    readonly Style: "makeswift::controls::style";
 };
-declare type Options<T> = T | ((props: Record<string, unknown>, decideMode: Device) => T);
-declare type ColorBackground = {
+type Options<T> = T | ((props: Record<string, unknown>, deviceMode: Device) => T);
+export type ResolveOptions<T extends Options<unknown>> = T extends Options<infer U> ? U : never;
+type ColorBackground = {
     type: 'color';
     id: string;
     payload: Color | null;
 };
-declare type GradientStop = {
+type GradientStop = {
     id: string;
     location: number;
     color: Color | null;
 };
-declare type Gradient = {
+type Gradient = {
     angle?: number;
     isRadial?: boolean;
     stops: GradientStop[];
 };
-declare type GradientBackground = {
+type GradientBackground = {
     type: 'gradient';
     id: string;
     payload: Gradient;
 };
-declare type BackgroundImagePosition = {
+type BackgroundImagePosition = {
     x: number;
     y: number;
 };
-declare type BackgroundImageSize = 'cover' | 'contain' | 'auto';
-declare type BackgroundImageRepeat = 'no-repeat' | 'repeat-x' | 'repeat-y' | 'repeat';
-declare type BackgroundImage = {
-    imageId: string;
+type BackgroundImageSize = 'cover' | 'contain' | 'auto';
+type BackgroundImageRepeat = 'no-repeat' | 'repeat-x' | 'repeat-y' | 'repeat';
+type BackgroundImageV0 = {
+    imageId: ImageValueV0;
     position: BackgroundImagePosition;
     size?: BackgroundImageSize;
     repeat?: BackgroundImageRepeat;
     opacity?: number;
     parallax?: number;
+    priority?: boolean;
 };
-declare type ImageBackground = {
+type BackgroundImageV1 = {
+    version: 1;
+    image: ImageValueV1;
+    position: BackgroundImagePosition;
+    size?: BackgroundImageSize;
+    repeat?: BackgroundImageRepeat;
+    opacity?: number;
+    parallax?: number;
+    priority?: boolean;
+};
+export type BackgroundImage = BackgroundImageV0 | BackgroundImageV1;
+type ImageBackgroundV0 = {
     type: 'image';
     id: string;
-    payload: BackgroundImage;
+    payload: BackgroundImageV0;
+};
+type ImageBackgroundV1 = {
+    type: 'image-v1';
+    id: string;
+    payload: BackgroundImageV1;
 };
-declare type BackgroundVideoAspectRatio = 'wide' | 'standard';
-declare type BackgroundVideo = {
+export type ImageBackground = ImageBackgroundV0 | ImageBackgroundV1;
+type BackgroundVideoAspectRatio = 'wide' | 'standard';
+type BackgroundVideo = {
     url?: string;
     maskColor?: Color | null;
     opacity?: number;
@@ -159,84 +204,111 @@ declare type BackgroundVideo = {
     aspectRatio?: BackgroundVideoAspectRatio;
     parallax?: number;
 };
-declare type VideoBackground = {
+type VideoBackground = {
     type: 'video';
     id: string;
     payload: BackgroundVideo;
 };
-declare type Background = ColorBackground | GradientBackground | ImageBackground | VideoBackground;
-export declare type BackgroundsValue = ResponsiveValue<Background[]>;
-declare type BackgroundsOptions = Options<Record<string, never>>;
-declare type BackgroundsDescriptor<_T = BackgroundsValue> = {
+type Background = ColorBackground | GradientBackground | ImageBackground | VideoBackground;
+export type BackgroundsValue = ResponsiveValue<Background[]>;
+type BackgroundsOptions = Options<Record<string, never>>;
+export type BackgroundsDescriptor<_T = BackgroundsValue> = {
     type: typeof Types.Backgrounds;
+    version?: 1;
     options: BackgroundsOptions;
 };
 export declare function Backgrounds(options?: BackgroundsOptions): BackgroundsDescriptor;
-declare type BorderSideStyle = 'dashed' | 'dotted' | 'solid';
-declare type BorderSide = {
+type BorderSideStyle = 'dashed' | 'dotted' | 'solid';
+export type BorderSide = {
     width: number | null | undefined;
     style: BorderSideStyle;
     color?: Color | null;
 };
-declare type Border = {
+type Border = {
     [K in 'top' | 'right' | 'bottom' | 'left' as `border${Capitalize<K>}`]: BorderSide | null | undefined;
 };
-export declare type BorderValue = ResponsiveValue<Border>;
-declare type BorderOptions = Options<Record<string, never>>;
-declare type BorderDescriptor<_T = BorderValue> = {
+export type BorderValue = ResponsiveValue<Border>;
+export declare const BorderPropControllerFormat: {
+    readonly ClassName: "makeswift::prop-controllers::border::format::class-name";
+    readonly ResponsiveValue: "makeswift::prop-controllers:border::format::responsive-value";
+};
+export type BorderPropControllerFormat = typeof BorderPropControllerFormat[keyof typeof BorderPropControllerFormat];
+type BorderOptions = {
+    format?: BorderPropControllerFormat;
+};
+export type BorderDescriptor<_T = BorderValue, U extends BorderOptions = BorderOptions> = {
     type: typeof Types.Border;
-    options: BorderOptions;
+    options: U;
 };
-export declare function Border(options?: BorderOptions): BorderDescriptor;
-declare type BorderRadius = {
+export declare function Border<T extends BorderOptions>(options?: T & BorderOptions): BorderDescriptor<BorderValue, T>;
+export declare namespace Border {
+    var Format: {
+        readonly ClassName: "makeswift::prop-controllers::border::format::class-name";
+        readonly ResponsiveValue: "makeswift::prop-controllers:border::format::responsive-value";
+    };
+}
+type BorderRadius = {
     [K in 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight' as `border${Capitalize<K>}Radius`]: Length | null | undefined;
 };
-export declare type BorderRadiusValue = ResponsiveValue<BorderRadius>;
-declare type BorderRadiusOptions = Options<Record<string, never>>;
-declare type BorderRadiusDescriptor<_T = BorderRadiusValue> = {
+export type BorderRadiusValue = ResponsiveValue<BorderRadius>;
+export declare const BorderRadiusPropControllerFormat: {
+    readonly ClassName: "makeswift::prop-controllers::border-radius::format::class-name";
+    readonly ResponsiveValue: "makeswift::prop-controllers::border-radius::format::responsive-value";
+};
+export type BorderRadiusPropControllerFormat = typeof BorderRadiusPropControllerFormat[keyof typeof BorderRadiusPropControllerFormat];
+type BorderRadiusOptions = {
+    format?: BorderRadiusPropControllerFormat;
+};
+export type BorderRadiusDescriptor<_T = BorderRadiusValue, U extends BorderRadiusOptions = BorderRadiusOptions> = {
     type: typeof Types.BorderRadius;
-    options: BorderRadiusOptions;
+    options: U;
 };
-export declare function BorderRadius(options?: BorderRadiusOptions): BorderRadiusDescriptor;
-export declare type CheckboxValue = boolean;
-declare type CheckboxOptions = Options<{
+export declare function BorderRadius<T extends BorderRadiusOptions>(options?: T & BorderRadiusOptions): BorderRadiusDescriptor<BorderRadiusValue, T>;
+export declare namespace BorderRadius {
+    var Format: {
+        readonly ClassName: "makeswift::prop-controllers::border-radius::format::class-name";
+        readonly ResponsiveValue: "makeswift::prop-controllers::border-radius::format::responsive-value";
+    };
+}
+export type CheckboxValue = boolean;
+export type CheckboxOptions = Options<{
     preset?: CheckboxValue;
     label: string;
     hidden?: boolean;
 }>;
-declare type CheckboxDescriptor<_T = CheckboxValue> = {
+export type CheckboxDescriptor<_T = CheckboxValue> = {
     type: typeof Types.Checkbox;
     options: CheckboxOptions;
 };
 export declare function Checkbox(options: CheckboxOptions): CheckboxDescriptor;
-export declare type DateValue = string;
-declare type DateOptions = Options<{
+export type DateValue = string;
+export type DateOptions = Options<{
     preset?: DateValue;
 }>;
-declare type DateDescriptor<_T = DateValue> = {
+export type DateDescriptor<_T = DateValue> = {
     type: typeof Types.Date;
     options: DateOptions;
 };
 export declare function Date(options?: DateOptions): DateDescriptor;
-export declare type ElementIDValue = string;
-declare type ElementIDOptions = Options<Record<string, never>>;
-declare type ElementIDDescriptor<_T = ElementIDValue> = {
+export type ElementIDValue = string;
+type ElementIDOptions = Options<Record<string, never>>;
+type ElementIDDescriptor<_T = ElementIDValue> = {
     type: typeof Types.ElementID;
     options: ElementIDOptions;
 };
 export declare function ElementID(options?: ElementIDOptions): ElementIDDescriptor;
-export declare type FontValue = ResponsiveValue<string>;
-declare type FontOptions = Options<{
+export type FontValue = ResponsiveValue<string>;
+type FontOptions = Options<{
     preset?: FontValue;
     label?: string;
 }>;
-declare type FontDescriptor<_T = FontValue> = {
+type FontDescriptor<_T = FontValue> = {
     type: typeof Types.Font;
     options: FontOptions;
 };
 export declare function Font(options?: FontOptions): FontDescriptor;
-export declare type GapXValue = ResponsiveValue<Gap>;
-declare type GapXOptions = Options<{
+export type GapXValue = ResponsiveValue<Gap>;
+export type GapXOptions = Options<{
     preset?: GapXValue;
     label?: string;
     defaultValue?: Gap;
@@ -245,13 +317,13 @@ declare type GapXOptions = Options<{
     step?: number;
     hidden?: boolean;
 }>;
-declare type GapXDescriptor<_T = GapXValue> = {
+export type GapXDescriptor<_T = GapXValue> = {
     type: typeof Types.GapX;
     options: GapXOptions;
 };
 export declare function GapX(options?: GapXOptions): GapXDescriptor;
-export declare type GapYValue = ResponsiveValue<Gap>;
-declare type GapYOptions = Options<{
+export type GapYValue = ResponsiveValue<Gap>;
+export type GapYOptions = Options<{
     preset?: GapYValue;
     label?: string;
     defaultValue?: Gap;
@@ -260,53 +332,84 @@ declare type GapYOptions = Options<{
     max?: number;
     hidden?: boolean;
 }>;
-declare type GapYDescriptor<_T = GapYValue> = {
+export type GapYDescriptor<_T = GapYValue> = {
     type: typeof Types.GapY;
     options: GapYOptions;
 };
 export declare function GapY(options?: GapYOptions): GapYDescriptor;
-declare type GridColumn = {
+type GridColumn = {
     count: number;
     spans: number[][];
 };
-export declare type GridValue = {
+export type GridValue = {
     elements: Element[];
     columns: ResponsiveValue<GridColumn>;
 };
-declare type GridOptions = Options<Record<string, never>>;
-declare type GridDescriptor<_T = GridValue> = {
+type GridOptions = Options<Record<string, never>>;
+type GridDescriptor<_T = GridValue> = {
     type: typeof Types.Grid;
     options: GridOptions;
 };
 export declare function Grid(options?: GridOptions): GridDescriptor;
-export declare type ImageValue = string;
-declare type ImageOptions = Options<{
+export declare function mergeGridPropControllerTranslatedData(data: GridValue, context: MergeTranslatableDataContext): {
+    elements: Element[];
+    columns: ResponsiveValue<GridColumn>;
+};
+export type ImageValueV0 = string;
+type ImageValueV1MakeswiftFile = {
+    version: 1;
+    type: 'makeswift-file';
+    id: string;
+};
+type ImageValueV1ExternalFile = {
+    version: 1;
+    type: 'external-file';
+    url: string;
+    width?: number | null;
+    height?: number | null;
+};
+export type ImageValueV1 = ImageValueV1MakeswiftFile | ImageValueV1ExternalFile;
+export type ImageValue = ImageValueV0 | ImageValueV1;
+export type ImageOptions = Options<{
     label?: string;
     hidden?: boolean;
 }>;
-declare type ImageDescriptor<_T = ImageValue> = {
+export type ImageDescriptor<_T = ImageValue> = {
     type: typeof Types.Image;
+    version?: 1;
     options: ImageOptions;
 };
 export declare function Image(options?: ImageOptions): ImageDescriptor;
-export declare type ImagesValue = {
+export type ImagesValueV0Item = {
     key: string;
     props: {
         link?: Link;
-        file?: string;
+        file?: ImageValueV0;
         altText?: string;
     };
-}[];
-declare type ImagesOptions = Options<{
+};
+export type ImagesValueV1Item = {
+    key: string;
+    version: 1;
+    props: {
+        link?: Link;
+        file?: ImageValueV1;
+        altText?: string;
+    };
+};
+export type ImagesValueItem = ImagesValueV0Item | ImagesValueV1Item;
+export type ImagesValue = ImagesValueItem[];
+type ImagesOptions = Options<{
     preset?: ImagesValue;
 }>;
-declare type ImagesDescriptor<_T = ImagesValue> = {
+export type ImagesDescriptor<_T = ImagesValue> = {
     type: typeof Types.Images;
+    version?: 1;
     options: ImagesOptions;
 };
 export declare function Images(options?: ImagesOptions): ImagesDescriptor;
-export declare type LinkValue = Link;
-declare type LinkOptions = Options<{
+export type LinkValue = Link;
+export type LinkOptions = Options<{
     preset?: LinkValue;
     label?: string;
     defaultValue?: Link;
@@ -316,47 +419,66 @@ declare type LinkOptions = Options<{
     }[];
     hidden?: boolean;
 }>;
-declare type LinkDescriptor<_T = LinkValue> = {
+export type LinkDescriptor<_T = LinkValue> = {
     type: typeof Types.Link;
     options: LinkOptions;
 };
 export declare function Link(options?: LinkOptions): LinkDescriptor;
-declare type ListValueItem<T extends Data> = {
+type ListValueItem<T extends Data> = {
     id: string;
     value?: T;
 };
-declare type ListValue<T extends Data = Data> = ListValueItem<T>[];
-declare type ListOptions<T extends Data> = Options<{
+export type ListValue<T extends Data = Data> = ListValueItem<T>[];
+export type ListOptions<T extends Data> = {
     type: PanelDescriptor<T>;
     label?: string;
+    getItemLabel?: ((value: T | undefined) => string) | ((value: T | undefined) => Promise<string>);
     preset?: ListValue<T>;
     defaultValue?: ListValue<T>;
-}>;
-declare type ListDescriptor<T extends ListValue> = {
+};
+export type ListDescriptor<T extends ListValue = ListValue> = {
     type: typeof Types.List;
-    options: ListOptions<T[number]['value']>;
+    options: ListOptions<T extends ListValue<infer U> ? U : never>;
 };
 export declare function List<T extends Data>(options: ListOptions<T>): ListDescriptor<ListValue<T>>;
-declare type MarginSide = {
+export declare function introspectListPropControllerData<T>(descriptor: ListDescriptor, value: ListValue | undefined, func: (definition: Descriptor, data: Data) => T[]): T[];
+export declare function getListPropControllerElementChildren<T>(descriptor: ListDescriptor<T extends ListValue<Data> ? T : ListValue<Data>>, value: ListValue | undefined): Element[];
+export declare function getListPropControllerSwatchIds<T>(descriptor: ListDescriptor<T extends ListValue<Data> ? T : ListValue<Data>>, value: ListValue | undefined): string[];
+export declare function getListPropControllerFileIds<T>(descriptor: ListDescriptor<T extends ListValue<Data> ? T : ListValue<Data>>, value: ListValue | undefined): string[];
+export declare function getListPropControllerTypographyIds<T>(descriptor: ListDescriptor<T extends ListValue<Data> ? T : ListValue<Data>>, value: ListValue | undefined): string[];
+export declare function getListPropControllerPageIds<T>(descriptor: ListDescriptor<T extends ListValue<Data> ? T : ListValue<Data>>, value: ListValue | undefined): string[];
+type MarginSide = {
     value: number;
     unit: 'px';
 } | 'auto';
-declare type Margin = {
+type Margin = {
     [K in 'top' | 'right' | 'bottom' | 'left' as `margin${Capitalize<K>}`]: MarginSide | null | undefined;
 };
-export declare type MarginValue = ResponsiveValue<Margin>;
-declare type MarginOptions = Options<{
+export type MarginValue = ResponsiveValue<Margin>;
+export declare const MarginPropControllerFormat: {
+    readonly ClassName: "makeswift::prop-controllers::margin::format::class-name";
+    readonly ResponsiveValue: "makeswift::prop-controllers::margin::format::responsive-value";
+};
+export type MarginPropControllerFormat = typeof MarginPropControllerFormat[keyof typeof MarginPropControllerFormat];
+type MarginOptions = {
     preset?: MarginValue;
-}>;
-declare type MarginDescriptor<_T = MarginValue> = {
+    format?: MarginPropControllerFormat;
+};
+export type MarginDescriptor<_T = MarginValue, U extends MarginOptions = MarginOptions> = {
     type: typeof Types.Margin;
-    options: MarginOptions;
+    options: U;
 };
-export declare function Margin(options?: MarginOptions): MarginDescriptor;
-declare type ButtonVariant = 'flat' | 'outline' | 'shadow' | 'clear' | 'blocky' | 'bubbly' | 'skewed';
-declare type ButtonShape = 'pill' | 'rounded' | 'square';
-declare type ButtonSize = 'small' | 'medium' | 'large';
-declare type NavigationButton = {
+export declare function Margin<T extends MarginOptions>(options?: T & MarginOptions): MarginDescriptor<MarginValue, T>;
+export declare namespace Margin {
+    var Format: {
+        readonly ClassName: "makeswift::prop-controllers::margin::format::class-name";
+        readonly ResponsiveValue: "makeswift::prop-controllers::margin::format::responsive-value";
+    };
+}
+type ButtonVariant = 'flat' | 'outline' | 'shadow' | 'clear' | 'blocky' | 'bubbly' | 'skewed';
+type ButtonShape = 'pill' | 'rounded' | 'square';
+type ButtonSize = 'small' | 'medium' | 'large';
+export type NavigationButton = {
     id: string;
     type: 'button';
     payload: {
@@ -370,8 +492,8 @@ declare type NavigationButton = {
         textStyle?: ResponsiveValue<TextStyle>;
     };
 };
-declare type NavigationDropdownCaretType = 'caret' | 'plus' | 'arrow-down' | 'chevron-down';
-declare type NavigationDropdownLink = {
+type NavigationDropdownCaretType = 'caret' | 'plus' | 'arrow-down' | 'chevron-down';
+type NavigationDropdownLink = {
     id: string;
     payload: {
         label: string;
@@ -380,7 +502,7 @@ declare type NavigationDropdownLink = {
         textStyle?: ResponsiveValue<TextStyle>;
     };
 };
-declare type NavigationDropdown = {
+type NavigationDropdown = {
     id: string;
     type: 'dropdown';
     payload: {
@@ -395,15 +517,15 @@ declare type NavigationDropdown = {
         textStyle?: ResponsiveValue<TextStyle>;
     };
 };
-export declare type NavigationLinksValue = (NavigationButton | NavigationDropdown)[];
-declare type NavigationLinksOptions = Options<Record<string, never>>;
-declare type NavigationLinksDescriptor<_T = NavigationLinksValue> = {
+export type NavigationLinksValue = (NavigationButton | NavigationDropdown)[];
+type NavigationLinksOptions = Options<Record<string, never>>;
+type NavigationLinksDescriptor<_T = NavigationLinksValue> = {
     type: typeof Types.NavigationLinks;
     options: NavigationLinksOptions;
 };
 export declare function NavigationLinks(options?: NavigationLinksOptions): NavigationLinksDescriptor;
-export declare type NumberValue = number;
-declare type NumberOptions = Options<{
+export type NumberValue = number;
+export type NumberOptions = Options<{
     preset?: NumberValue;
     label?: string;
     defaultValue?: number;
@@ -413,57 +535,69 @@ declare type NumberOptions = Options<{
     suffix?: string;
     hidden?: boolean;
 }>;
-declare type NumberDescriptor<_T = NumberValue> = {
+export type NumberDescriptor<_T = NumberValue> = {
     type: typeof Types.Number;
     options: NumberOptions;
 };
 export declare function Number(options?: NumberOptions): NumberDescriptor;
-declare type PaddingSide = {
+type PaddingSide = {
     value: number;
     unit: 'px';
 };
-declare type Padding = {
+type Padding = {
     [K in 'top' | 'right' | 'bottom' | 'left' as `padding${Capitalize<K>}`]: PaddingSide | null | undefined;
 };
-export declare type PaddingValue = ResponsiveValue<Padding>;
-declare type PaddingOptions = Options<{
+export type PaddingValue = ResponsiveValue<Padding>;
+export declare const PaddingPropControllerFormat: {
+    readonly ClassName: "makeswift::prop-controllers::padding::format::class-name";
+    readonly ResponsiveValue: "makeswift::prop-controllers::padding::format::responsive-value";
+};
+export type PaddingPropControllerFormat = typeof PaddingPropControllerFormat[keyof typeof PaddingPropControllerFormat];
+type PaddingOptions = {
     preset?: PaddingValue;
-}>;
-declare type PaddingDescriptor<_T = PaddingValue> = {
+    format?: PaddingPropControllerFormat;
+};
+export type PaddingDescriptor<_T = PaddingValue, U extends PaddingOptions = PaddingOptions> = {
     type: typeof Types.Padding;
-    options: PaddingOptions;
+    options: U;
 };
-export declare function Padding(options?: PaddingOptions): PaddingDescriptor;
-export declare type ResponsiveColorValue = ResponsiveValue<Color>;
-declare type ResponsiveColorOptions = Options<{
+export declare function Padding<T extends PaddingOptions>(options?: T & PaddingOptions): PaddingDescriptor<PaddingValue, T>;
+export declare namespace Padding {
+    var Format: {
+        readonly ClassName: "makeswift::prop-controllers::padding::format::class-name";
+        readonly ResponsiveValue: "makeswift::prop-controllers::padding::format::responsive-value";
+    };
+}
+export type ResponsiveColorValue = ResponsiveValue<Color>;
+type ResponsiveColorOptions = Options<{
     label?: string;
     placeholder?: string;
     hidden?: boolean;
 }>;
-declare type ResponsiveColorDescriptor<_T = ResponsiveColorValue> = {
+export type ResponsiveColorDescriptor<_T = ResponsiveColorValue> = {
     type: typeof Types.ResponsiveColor;
     options: ResponsiveColorOptions;
 };
 export declare function ResponsiveColor(options?: ResponsiveColorOptions): ResponsiveColorDescriptor;
-declare type IconRadioGroupOption<T extends string> = {
+export type IconRadioGroupOption<T extends string> = {
     value: T;
     label: string;
     icon: IconName;
 };
-export declare type ResponsiveIconRadioGroupValue<T extends string> = ResponsiveValue<T>;
-declare type ResponsiveIconRadioGroupOptions<T extends string, U extends T = T> = Options<{
+export type ResponsiveIconRadioGroupValue<T extends string = string> = ResponsiveValue<T>;
+export type ResponsiveIconRadioGroupOptions<T extends string = string, U extends T = T> = Options<{
     label?: string;
     options: IconRadioGroupOption<T>[];
     defaultValue?: U;
     hidden?: boolean;
 }>;
-declare type ResponsiveIconRadioGroupDescriptor<T extends ResponsiveIconRadioGroupValue<string>> = {
+export type ResponsiveIconRadioGroupDescriptor<T extends ResponsiveIconRadioGroupValue<string> = ResponsiveIconRadioGroupValue<string>> = {
     type: typeof Types.ResponsiveIconRadioGroup;
     options: ResponsiveIconRadioGroupOptions<ResponsiveValueType<T>>;
 };
 export declare function ResponsiveIconRadioGroup<_T extends string, T extends _T, U extends T>(options: ResponsiveIconRadioGroupOptions<T, U>): ResponsiveIconRadioGroupDescriptor<ResponsiveIconRadioGroupValue<T>>;
-export declare type ResponsiveLengthValue = ResponsiveValue<Length>;
-declare type LengthOption = {
+export type ResponsiveLengthValue = ResponsiveValue<Length>;
+export type LengthOption = {
     value: 'px';
     label: 'Pixels';
     icon: 'Px16';
@@ -472,19 +606,19 @@ declare type LengthOption = {
     label: 'Percentage';
     icon: 'Percent16';
 };
-declare type ResponsiveLengthOptions = Options<{
+export type ResponsiveLengthOptions = Options<{
     label?: string;
     options?: LengthOption[];
     defaultValue?: Length;
     hidden?: boolean;
 }>;
-declare type ResponsiveLengthDescriptor<_T = ResponsiveLengthValue> = {
+export type ResponsiveLengthDescriptor<_T = ResponsiveLengthValue> = {
     type: typeof Types.ResponsiveLength;
     options: ResponsiveLengthOptions;
 };
 export declare function ResponsiveLength(options?: ResponsiveLengthOptions): ResponsiveLengthDescriptor;
-export declare type ResponsiveNumberValue = ResponsiveValue<number>;
-declare type ResponsiveNumberOptions = Options<{
+export type ResponsiveNumberValue = ResponsiveValue<number>;
+export type ResponsiveNumberOptions = Options<{
     label?: string;
     defaultValue?: number;
     min?: number;
@@ -493,46 +627,46 @@ declare type ResponsiveNumberOptions = Options<{
     suffix?: string;
     hidden?: boolean;
 }>;
-declare type ResponsiveNumberDescriptor<_T = ResponsiveNumberValue> = {
+export type ResponsiveNumberDescriptor<_T = ResponsiveNumberValue> = {
     type: typeof Types.ResponsiveNumber;
     options: ResponsiveNumberOptions;
 };
 export declare function ResponsiveNumber(options?: ResponsiveNumberOptions): ResponsiveNumberDescriptor;
-export declare type ResponsiveOpacityValue = ResponsiveValue<number>;
-declare type ResponsiveOpacityOptions = Options<Record<string, never>>;
-declare type ResponsiveOpacityDescriptor<_T = ResponsiveOpacityValue> = {
+export type ResponsiveOpacityValue = ResponsiveValue<number>;
+type ResponsiveOpacityOptions = Options<Record<string, never>>;
+type ResponsiveOpacityDescriptor<_T = ResponsiveOpacityValue> = {
     type: typeof Types.ResponsiveOpacity;
     options: ResponsiveOpacityOptions;
 };
 export declare function ResponsiveOpacity(options?: ResponsiveOpacityOptions): ResponsiveOpacityDescriptor;
-export declare type ResponsiveSelectValue<T extends string> = ResponsiveValue<T>;
-declare type SelectLabelOrientation = 'vertical' | 'horizontal';
-declare type SelectOption<T extends string> = {
+export type ResponsiveSelectValue<T extends string = string> = ResponsiveValue<T>;
+export type SelectLabelOrientation = 'vertical' | 'horizontal';
+export type SelectOption<T extends string> = {
     value: T;
     label: string;
 };
-declare type ResponsiveSelectOptions<T extends string, U extends T = T> = Options<{
+export type ResponsiveSelectOptions<T extends string = string, U extends T = T> = Options<{
     label?: string;
     labelOrientation?: SelectLabelOrientation;
     options: SelectOption<T>[];
     defaultValue?: U;
     hidden?: boolean;
 }>;
-declare type ResponsiveSelectDescriptor<T extends ResponsiveSelectValue<string>> = {
+export type ResponsiveSelectDescriptor<T extends ResponsiveSelectValue<string> = ResponsiveSelectValue<string>> = {
     type: typeof Types.ResponsiveSelect;
     options: ResponsiveSelectOptions<ResponsiveValueType<T>>;
 };
 export declare function ResponsiveSelect<_T extends string, T extends _T, U extends T>(options: ResponsiveSelectOptions<T, U>): ResponsiveSelectDescriptor<ResponsiveSelectValue<T>>;
-export declare type RichTextValue = IndexSignatureHack<Slate.ValueJSON>;
-declare type RichTextOptions = Options<{
+export type RichTextValue = IndexSignatureHack<RichTextDTO>;
+export type RichTextOptions = Options<{
     preset?: RichTextValue;
 }>;
-export declare type RichTextDescriptor<_T extends Data = RichTextValue> = {
+export type RichTextDescriptor<_T extends Data = RichTextValue> = {
     type: typeof Types.RichText;
     options: RichTextOptions;
 };
 export declare function RichText(options?: RichTextOptions): RichTextDescriptor;
-declare type Shadow = {
+type Shadow = {
     color?: Color | null;
     blurRadius?: number;
     spreadRadius?: number;
@@ -540,62 +674,81 @@ declare type Shadow = {
     offsetY?: number;
     inset?: boolean;
 };
-declare type Shadows = {
+type Shadows = {
     id: string;
     payload: Shadow;
 }[];
-export declare type ShadowsValue = ResponsiveValue<Shadows>;
-declare type ShadowsOptions = Options<Record<string, never>>;
-declare type ShadowsDescriptor<_T = ShadowsValue> = {
+export type ShadowsValue = ResponsiveValue<Shadows>;
+export declare const ShadowsPropControllerFormat: {
+    readonly ClassName: "makeswift::prop-controllers::shadows::format::class-name";
+    readonly ResponsiveValue: "makeswift::prop-controllers::shadows::format::responsive-value";
+};
+export type ShadowsPropControllerFormat = typeof ShadowsPropControllerFormat[keyof typeof ShadowsPropControllerFormat];
+type ShadowsOptions = {
+    format?: ShadowsPropControllerFormat;
+};
+export type ShadowsDescriptor<_T = ShadowsValue, U extends ShadowsOptions = ShadowsOptions> = {
     type: typeof Types.Shadows;
-    options: ShadowsOptions;
+    options: U;
 };
-export declare function Shadows(options?: ShadowsOptions): ShadowsDescriptor;
-export declare type ShapeValue<T extends Data = Data> = Record<string, T>;
-declare type ShapeOptions<T extends Record<string, Descriptor>> = {
+export declare function Shadows<T extends ShadowsOptions>(options?: T & ShadowsOptions): ShadowsDescriptor<ShadowsValue, T>;
+export declare namespace Shadows {
+    var Format: {
+        readonly ClassName: "makeswift::prop-controllers::shadows::format::class-name";
+        readonly ResponsiveValue: "makeswift::prop-controllers::shadows::format::responsive-value";
+    };
+}
+export type ShapeValue<T extends Data = Data> = Record<string, T>;
+type ShapeOptions<T extends Record<string, PanelDescriptor>> = {
     type: T;
     preset?: {
         [K in keyof T]?: DescriptorValueType<T[K]>;
     };
 };
-declare type ShapeDescriptor<_T extends Record<string, Data>, U extends Record<string, Descriptor>> = {
+export type ShapeDescriptor<_T extends Record<string, Data>, U extends Record<string, PanelDescriptor>> = {
     type: typeof Types.Shape;
     options: ShapeOptions<U>;
 };
-export declare function Shape<T extends Record<string, Descriptor>>(options: ShapeOptions<T>): ShapeDescriptor<{
+export declare function Shape<T extends Record<string, PanelDescriptor>>(options: ShapeOptions<T>): ShapeDescriptor<{
     [K in keyof T]?: DescriptorValueType<T[K]>;
 }, T>;
-declare type SocialLinkType = 'angellist' | 'codepen' | 'dribbble' | 'facebook' | 'github' | 'instagram' | 'linkedin' | 'medium' | 'pinterest' | 'reddit' | 'rss' | 'snapchat' | 'soundcloud' | 'spotify' | 'telegram' | 'tumblr' | 'twitch' | 'twitter' | 'vimeo' | 'whatsapp' | 'yelp' | 'youtube';
-declare type SocialLink = {
+export declare function introspectShapePropControllerData<T>(descriptor: ShapeDescriptor<Record<string, Data>, Record<string, PanelDescriptor>>, value: ShapeValue | undefined, func: (definition: Descriptor, data: Data) => T[]): T[];
+export declare function getShapePropControllerElementChildren(descriptor: ShapeDescriptor<Record<string, Data>, Record<string, PanelDescriptor>>, value: ShapeValue | undefined): Element[];
+export declare function getShapePropControllerFileIds(descriptor: ShapeDescriptor<Record<string, Data>, Record<string, PanelDescriptor>>, value: ShapeValue | undefined): string[];
+export declare function getShapePropControllerTypographyIds(descriptor: ShapeDescriptor<Record<string, Data>, Record<string, PanelDescriptor>>, value: ShapeValue | undefined): string[];
+export declare function getShapePropControllerPageIds(descriptor: ShapeDescriptor<Record<string, Data>, Record<string, PanelDescriptor>>, value: ShapeValue | undefined): string[];
+export declare function getShapePropControllerSwatchIds(descriptor: ShapeDescriptor<Record<string, Data>, Record<string, PanelDescriptor>>, value: ShapeValue | undefined): string[];
+type SocialLinkType = 'angellist' | 'codepen' | 'discord' | 'dribbble' | 'facebook' | 'github' | 'instagram' | 'linkedin' | 'medium' | 'pinterest' | 'reddit' | 'rss' | 'snapchat' | 'soundcloud' | 'spotify' | 'telegram' | 'tumblr' | 'twitch' | 'twitter' | 'vimeo' | 'whatsapp' | 'yelp' | 'youtube';
+type SocialLink = {
     type: SocialLinkType;
     url: string;
 };
-declare type SocialLinksLink = {
+type SocialLinksLink = {
     id: string;
     payload: SocialLink;
 };
-export declare type SocialLinksValue = {
+export type SocialLinksValue = {
     links: SocialLinksLink[];
     openInNewTab: boolean;
 };
-declare type SocialLinksOptions = Options<{
+type SocialLinksOptions = Options<{
     preset?: SocialLinksValue;
 }>;
-declare type SocialLinksDescriptor<_T = SocialLinksValue> = {
+type SocialLinksDescriptor<_T = SocialLinksValue> = {
     type: typeof Types.SocialLinks;
     options: SocialLinksOptions;
 };
 export declare function SocialLinks(options?: SocialLinksOptions): SocialLinksDescriptor;
-export declare type TableValue = string;
-declare type TableOptions = Options<{
+export type TableValue = string;
+type TableOptions = Options<{
     preset?: TableValue;
 }>;
-declare type TableDescriptor<_T = TableValue> = {
+type TableDescriptor<_T = TableValue> = {
     type: typeof Types.Table;
     options: TableOptions;
 };
 export declare function Table(options?: TableOptions): TableDescriptor;
-declare type TableFormField = {
+type TableFormField = {
     id: string;
     tableColumnId: string;
     label?: string;
@@ -607,86 +760,114 @@ declare type TableFormField = {
     hideLabel?: boolean;
     autofill?: boolean;
 };
-declare type Grid = {
+type Grid = {
     count: number;
     spans: number[][];
 };
-export declare type TableFormFieldsValue = {
+export type TableFormFieldsValue = {
     fields: TableFormField[];
     grid: ResponsiveValue<Grid>;
 };
-declare type TableFormFieldsOptions = Options<{
+type TableFormFieldsOptions = Options<{
     preset?: TableFormFieldsValue;
 }>;
-declare type TableFormFieldsDescriptor<_T = TableFormFieldsValue> = {
+export type TableFormFieldsDescriptor<_T = TableFormFieldsValue> = {
     type: typeof Types.TableFormFields;
     options: TableFormFieldsOptions;
 };
 export declare function TableFormFields(options?: TableFormFieldsOptions): TableFormFieldsDescriptor;
-export declare type TextAreaValue = string;
-declare type TextAreaOptions = Options<{
+export type TypeaheadValue<T extends Data = Data> = {
+    id: string;
+    label: string;
+    value: T;
+};
+export type TypeaheadOptions<T extends Data> = {
+    getItems: (query: string) => Promise<TypeaheadValue<T>[]>;
+    label?: string;
+    preset?: TypeaheadValue<T>;
+    defaultValue?: TypeaheadValue<T>;
+};
+export type TypeaheadDescriptor<T extends TypeaheadValue = TypeaheadValue> = {
+    type: typeof Types.Typeahead;
+    options: TypeaheadOptions<T extends TypeaheadValue<infer U> ? U : never>;
+};
+export declare function Typeahead<T extends Data>(options: TypeaheadOptions<T>): TypeaheadDescriptor<TypeaheadValue<T>>;
+export type TextAreaValue = string;
+type TextAreaOptions = Options<{
     preset?: TextAreaValue;
     label?: string;
     rows?: number;
 }>;
-declare type TextAreaDescriptor<_T = TextAreaValue> = {
+type TextAreaDescriptor<_T = TextAreaValue> = {
     type: typeof Types.TextArea;
     options: TextAreaOptions;
 };
 export declare function TextArea(options?: TextAreaOptions): TextAreaDescriptor;
-export declare type TextInputValue = string;
-declare type TextInputOptions = Options<{
+export type TextInputValue = string;
+export type TextInputOptions = Options<{
     label?: string;
     placeholder?: string;
     hidden?: boolean;
 }>;
-declare type TextInputDescriptor<_T = TextInputValue> = {
+export type TextInputDescriptor<_T = TextInputValue> = {
     type: typeof Types.TextInput;
     options: TextInputOptions;
 };
 export declare function TextInput(options?: TextInputOptions): TextInputDescriptor;
-export declare type TextStyleValue = ResponsiveValue<TextStyle>;
-declare type TextStyleOptions = Options<{
+export type TextStyleValue = ResponsiveValue<TextStyle>;
+export type TextStyleOptions = Options<{
     preset?: TextStyleValue;
     label?: string;
     hidden?: boolean;
 }>;
-declare type TextStyleDescriptor<_T = TextStyleValue> = {
+export type TextStyleDescriptor<_T = TextStyleValue> = {
     type: typeof Types.TextStyle;
     options: TextStyleOptions;
 };
 export declare function TextStyle(options?: TextStyleOptions): TextStyleDescriptor;
-declare type Video = {
+type Video = {
     url?: string;
     muted?: boolean;
     playing?: boolean;
     loop?: boolean;
     controls?: boolean;
 };
-export declare type VideoValue = Video;
-declare type VideoOptions = Options<{
+export type VideoValue = Video;
+type VideoOptions = Options<{
     preset?: VideoValue;
 }>;
-declare type VideoDescriptor<_T = VideoValue> = {
+type VideoDescriptor<_T = VideoValue> = {
     type: typeof Types.Video;
     options: VideoOptions;
 };
 export declare function Video(options?: VideoOptions): VideoDescriptor;
-export declare type WidthValue = ResponsiveValue<Length>;
-declare type WidthOptions = Options<{
+export type WidthValue = ResponsiveValue<Length>;
+export declare const WidthPropControllerFormat: {
+    readonly ClassName: "makeswift::prop-controllers::width::format::class-name";
+    readonly ResponsiveValue: "makeswift::prop-controllers::width::format::responsive-value";
+};
+type WidthControlValueFormat = typeof WidthPropControllerFormat[keyof typeof WidthPropControllerFormat];
+type WidthOptions = {
     preset?: WidthValue;
     defaultValue?: Length;
-}>;
-declare type WidthDescriptor<_T = WidthValue> = {
+    format?: WidthControlValueFormat;
+};
+export type WidthDescriptor<_T = WidthValue, U extends WidthOptions = WidthOptions> = {
     type: typeof Types.Width;
-    options: WidthOptions;
+    options: U;
 };
-export declare function Width(options?: WidthOptions): WidthDescriptor;
-export declare type Descriptor<T extends Data = Data> = BackgroundsDescriptor<T> | BorderDescriptor<T> | BorderRadiusDescriptor<T> | CheckboxDescriptor<T> | DateDescriptor<T> | ElementIDDescriptor<T> | FontDescriptor<T> | GapXDescriptor<T> | GapYDescriptor<T> | GridDescriptor<T> | ImageDescriptor<T> | ImagesDescriptor<T> | LinkDescriptor<T> | ListDescriptor<T extends ListValue ? T : ListValue> | MarginDescriptor<T> | NavigationLinksDescriptor<T> | NumberDescriptor<T> | PaddingDescriptor<T> | ResponsiveColorDescriptor<T> | ResponsiveIconRadioGroupDescriptor<T extends ResponsiveIconRadioGroupValue<string> ? T : ResponsiveIconRadioGroupValue<string>> | ResponsiveLengthDescriptor<T> | ResponsiveNumberDescriptor<T> | ResponsiveOpacityDescriptor<T> | ResponsiveSelectDescriptor<T extends ResponsiveSelectValue<string> ? T : ResponsiveSelectValue<string>> | RichTextDescriptor<T> | ShadowsDescriptor<T> | ShapeDescriptor<T extends ShapeValue ? T : ShapeValue, any> | SocialLinksDescriptor<T> | TableDescriptor<T> | TableFormFieldsDescriptor<T> | TextAreaDescriptor<T> | TextInputDescriptor<T> | TextStyleDescriptor<T> | VideoDescriptor<T> | WidthDescriptor<T>;
-declare type PanelDescriptorType = typeof Types.Backgrounds | typeof Types.ResponsiveIconRadioGroup | typeof Types.Margin | typeof Types.Padding | typeof Types.Border | typeof Types.Shadows | typeof Types.GapY | typeof Types.GapX | typeof Types.BorderRadius | typeof Types.Checkbox | typeof Types.TextInput | typeof Types.Link | typeof Types.List | typeof Types.Shape | typeof Types.ResponsiveSelect | typeof Types.ResponsiveColor | typeof Types.TextStyle | typeof Types.Images | typeof Types.ResponsiveNumber | typeof Types.Number | typeof Types.Date | typeof Types.Font | typeof Types.TextArea | typeof Types.Table | typeof Types.RichText | typeof Types.Image | typeof Types.ResponsiveOpacity | typeof Types.SocialLinks | typeof Types.Video | typeof Types.NavigationLinks;
-export declare type PanelDescriptor<T extends Data = Data> = Extract<Descriptor<T>, {
+export declare function Width<T extends WidthOptions>(options?: T & WidthOptions): WidthDescriptor<WidthValue, T>;
+export declare namespace Width {
+    var Format: {
+        readonly ClassName: "makeswift::prop-controllers::width::format::class-name";
+        readonly ResponsiveValue: "makeswift::prop-controllers::width::format::responsive-value";
+    };
+}
+export type Descriptor<T extends Data = Data> = BackgroundsDescriptor<T> | BorderDescriptor<T> | BorderRadiusDescriptor<T> | CheckboxDescriptor<T> | DateDescriptor<T> | ElementIDDescriptor<T> | FontDescriptor<T> | GapXDescriptor<T> | GapYDescriptor<T> | GridDescriptor<T> | ImageDescriptor<T> | ImagesDescriptor<T> | LinkDescriptor<T> | ListDescriptor<T extends ListValue ? T : ListValue> | MarginDescriptor<T> | NavigationLinksDescriptor<T> | NumberDescriptor<T> | PaddingDescriptor<T> | ResponsiveColorDescriptor<T> | ResponsiveIconRadioGroupDescriptor<T extends ResponsiveIconRadioGroupValue<string> ? T : ResponsiveIconRadioGroupValue<string>> | ResponsiveLengthDescriptor<T> | ResponsiveNumberDescriptor<T> | ResponsiveOpacityDescriptor<T> | ResponsiveSelectDescriptor<T extends ResponsiveSelectValue<string> ? T : ResponsiveSelectValue<string>> | RichTextDescriptor<T> | ShadowsDescriptor<T> | ShapeDescriptor<T extends ShapeValue ? T : ShapeValue, any> | SocialLinksDescriptor<T> | TableDescriptor<T> | TableFormFieldsDescriptor<T> | TypeaheadDescriptor<T extends TypeaheadValue ? T : TypeaheadValue> | TextAreaDescriptor<T> | TextInputDescriptor<T> | TextStyleDescriptor<T> | VideoDescriptor<T> | WidthDescriptor<T> | StyleControlDefinition | StyleV2ControlDefinition | NumberControlDefinition | CheckboxControlDefinition | TextInputControlDefinition | TextAreaControlDefinition | SelectControlDefinition | ColorControlDefinition | IconRadioGroupControlDefinition | ImageControlDefinition | ComboboxControlDefinition | ShapeControlDefinition | ListControlDefinition | LinkControlDefinition | SlotControlDefinition | RichTextControlDefinition | RichTextV2ControlDefinition | TypographyControlDefinition;
+export type PanelDescriptorType = typeof Types.Backgrounds | typeof Types.ResponsiveIconRadioGroup | typeof Types.Margin | typeof Types.Padding | typeof Types.Border | typeof Types.Shadows | typeof Types.GapY | typeof Types.GapX | typeof Types.BorderRadius | typeof Types.Checkbox | typeof Types.TextInput | typeof Types.Link | typeof Types.List | typeof Types.Shape | typeof Types.ResponsiveSelect | typeof Types.ResponsiveColor | typeof Types.TextStyle | typeof Types.Images | typeof Types.ResponsiveNumber | typeof Types.Number | typeof Types.Date | typeof Types.Font | typeof Types.TextArea | typeof Types.Table | typeof Types.Typeahead | typeof Types.RichText | typeof Types.Image | typeof Types.ResponsiveOpacity | typeof Types.SocialLinks | typeof Types.Video | typeof Types.NavigationLinks;
+export type PanelDescriptor<T extends Data = Data> = Extract<Descriptor<T>, {
     type: PanelDescriptorType;
 }>;
-export declare type DescriptorValueType<T extends Descriptor> = T extends Descriptor<infer U> ? U : never;
-export {};
+export type DescriptorValueType<T extends Descriptor> = T extends NumberControlDefinition ? NumberControlValue<T> : T extends CheckboxControlDefinition ? CheckboxControlValue<T> : T extends TextInputControlDefinition ? TextInputControlValue<T> : T extends TextAreaControlDefinition ? TextAreaControlValue<T> : T extends SelectControlDefinition ? SelectControlValue<T> : T extends ColorControlDefinition ? ColorControlValue<T> : T extends StyleControlDefinition ? StyleControlFormattedValue : T extends StyleV2ControlDefinition ? StyleV2ControlFormattedValue : T extends IconRadioGroupControlDefinition ? IconRadioGroupControlValue<T> : T extends ImageControlDefinition ? ResolveImageControlValue<T> : T extends ComboboxControlDefinition ? ComboboxControlValue<T> : T extends ShapeControlDefinition ? ShapeControlValue<T> : T extends ListControlDefinition ? ListControlValue<T> : T extends LinkControlDefinition ? LinkControlValue<T> : T extends SlotControlDefinition ? SlotControlValue : T extends RichTextControlDefinition ? RichTextControlValue : T extends RichTextV2ControlDefinition ? RichTextV2ControlValue : T extends StyleV2ControlDefinition ? StyleV2ControlFormattedValue : T extends TypographyControlDefinition ? TypographyControlValue : T['type'] extends typeof Types.ResponsiveColor ? ResponsiveColor | null | undefined : T['type'] extends typeof Types.Width ? ResolveWidthControlValue<T> : T['type'] extends typeof Types.Padding ? ResolvePaddingControlValue<T> : T['type'] extends typeof Types.Margin ? ResolveMarginControlValue<T> : T['type'] extends typeof Types.BorderRadius ? ResolveBorderRadiusControlValue<T> : T['type'] extends typeof Types.Shadows ? ResolveShadowsControlValue<T> : T['type'] extends typeof Types.Border ? ResolveBorderControlValue<T> : T extends Descriptor<infer U> ? U | undefined : never;
+export type PanelDescriptorValueType<T extends PanelDescriptor> = T extends PanelDescriptor<infer U> ? U : never;
 //# sourceMappingURL=descriptors.d.ts.map