@webflow/designer-extension-typings 2.0.26 → 2.0.29

package/api.d.ts

@@ -96,7 +96,59 @@ interface WebflowApi {
    */
   getElementSnapshot(element: AnyElement): Promise<null | string>;
 
+  /**
+   * Renders the specified element to WHTML format.
+   * @param element - The element to render
+   * @returns A promise that resolves to an object containing the WHTML string and shortIdMap, or null
+   * @example
+   * ```ts
+   * const selectedElement = await webflow.getSelectedElement();
+   * if (selectedElement) {
+   *   const result = await webflow.getWHTML(selectedElement);
+   *   if (result) {
+   *     console.log('WHTML:', result.whtml);
+   *     console.log('Short ID Map:', result.shortIdMap);
+   *   }
+   * }
+   * ```
+   */
+  getWHTML?(
+    element: AnyElement
+  ): Promise<null | {whtml: string; shortIdMap: Record<string, string[]>}>;
+
   elementBuilder(elementPreset: ElementPreset<AnyElement>): BuilderElement;
+
+  /**
+   * Parse a WHTML string and insert the resulting element as a child of the anchor element.
+   * The newly created element will be appended to the end of the anchor's children.
+   * @param whtml - The WHTML string to parse into an element
+   * @param anchor - The parent element to append the parsed WHTML element to
+   * @param position - The position relative to the anchor element where the new element will be inserted.
+   *   - 'before': Insert as a sibling before the anchor element
+   *   - 'after': Insert as a sibling after the anchor element
+   *   - 'append': Insert as the last child of the anchor element (default)
+   *   - 'prepend': Insert as the first child of the anchor element
+   *   - 'replace': Replace the anchor element with the new element
+   * @returns A Promise that resolves to the newly inserted AnyElement
+   * @example
+   * ```ts
+   * const whtml = '<ul><li>Item 1</li><li>Item 2</li></ul>';
+   * const body = await allElements.find((el) => el.type === 'Body');
+   * // Append as last child (default)
+   * const element = await webflow.insertElementFromWHTML(whtml, body);
+   * // Or insert before an existing element
+   * const existingElement = await webflow.getSelectedElement();
+   * const newElement = await webflow.insertElementFromWHTML(whtml, existingElement, 'before');
+   * // Or replace an existing element
+   * const replacedElement = await webflow.insertElementFromWHTML(whtml, existingElement, 'replace');
+   * ```
+   */
+  insertElementFromWHTML?(
+    whtml: string,
+    anchor: AnyElement,
+    position?: 'before' | 'after' | 'append' | 'prepend' | 'replace'
+  ): Promise<AnyElement>;
+
   /**
    * Get the current media query breakpoint ID.
    * @returns A Promise that resolves to a BreakpointId which is a string representing the current media query
@@ -123,7 +175,7 @@ interface WebflowApi {
   /**
    * Create a component by promoting a Root Element.
    * @param name - The name of the component.
-   * @param rootElement - An Element that will become the Root Element of the Component.
+   * @param root - An Element that will become the Root Element of the Component.
    * @returns A Promise resolving to an object containing the newly created Component - with the id property.
    * @example
    * ```ts
@@ -138,6 +190,23 @@ interface WebflowApi {
     name: string,
     root: AnyElement | ElementPreset<AnyElement> | Component
   ): Promise<Component>;
+  /**
+   * Create a blank component.
+   * @param options - Options for creating the blank component.
+   * @returns A Promise resolving to an object containing the newly created Component - with the id property.
+   * @example
+   * ```ts
+   * const component = await webflow.registerComponent({name: 'Hero Section'})
+   *
+   * // With optional group and description
+   * const grouped = await webflow.registerComponent({
+   *   name: 'Hero Section',
+   *   group: 'Sections',
+   *   description: 'A hero section component',
+   * })
+   * ```
+   */
+  registerComponent(options: ComponentOptions): Promise<Component>;
   /**
    * Delete a component from the Designer. If there are any instances of the Component within the site, they will
    * be converted to regular Elements.
@@ -226,7 +295,7 @@ interface WebflowApi {
   /**
    * Creates a new style with the provided name.
    * @param name - The name for the new style
-   * @param opts - Options for the new style. An object containing the following properties:
+   * @param options - Options for the new style. An object containing the following properties:
    * - parent: A Style object representing the parent style block. Used for creating a combo class.
    * @returns a Promise that resolves to the Style object representing the newly created style.
    * @example

package/components.d.ts

@@ -32,6 +32,30 @@ interface Component {
    */
   setName(name: string): Promise<null>;
   getRootElement(): Promise<null | AnyElement>;
+  /**
+   * Get the number of instances of this component across the site.
+   * Returns the same instance count displayed in the Components panel.
+   * @returns A Promise resolving to the number of instances.
+   * @example
+   * ```ts
+   * const component = (await webflow.getAllComponents())[0];
+   * const count = await component.getInstanceCount();
+   * console.log(`This component is used ${count} times`);
+   * ```
+   */
+  getInstanceCount(): Promise<number>;
 }
 
 type ComponentId = string;
+
+/**
+ * Options for creating a blank component.
+ */
+interface ComponentOptions {
+  /** The name of the component (required) */
+  name: string;
+  /** The group/folder to place the component in (optional) */
+  group?: string;
+  /** A description for the component (optional) */
+  description?: string;
+}

package/element-presets-generated.d.ts

@@ -104,11 +104,4 @@ type ElementPresets = {
   LayoutFooterDark: ElementPreset<SectionElement>;
   LayoutFooterLight: ElementPreset<SectionElement>;
   LayoutFooterSubscribe: ElementPreset<SectionElement>;
-  UserAccountSubscriptionList: ElementPreset<UserAccountSubscriptionListWrapperElement>;
-  UserLogOutLogIn: ElementPreset<UserLogOutLogInElement>;
-  SignUp: ElementPreset<UserSignUpFormWrapperElement>;
-  LogIn: ElementPreset<UserLogInFormWrapperElement>;
-  UserAccount: ElementPreset<UserAccountWrapperElement>;
-  ResetPassword: ElementPreset<UserResetPasswordFormWrapperElement>;
-  UpdatePassword: ElementPreset<UserUpdatePasswordFormWrapperElement>;
 };

package/elements-generated.d.ts

@@ -120,6 +120,7 @@ interface ComponentElement
   readonly type: 'ComponentInstance';
   readonly plugin: '';
   getComponent(): Promise<Component>;
+  getSlots(): Promise<Array<SlotInstanceElement>>;
 }
 
 interface UnknownElement
@@ -3029,19 +3030,6 @@ interface FormFileUploadErrorMsgElement
   readonly plugin: 'Form';
 }
 
-interface UserFormUploadErrorMsgElement
-  extends WebflowElement,
-    CustomAttributes,
-    DomId,
-    Styles,
-    NoChildren,
-    NoTextContent,
-    NoAppConnections {
-  readonly id: FullElementId;
-  readonly type: 'UserFormUploadErrorMsg';
-  readonly plugin: 'Form';
-}
-
 interface FormFileUploadInputElement
   extends WebflowElement,
     CustomAttributes,
@@ -3718,254 +3706,7 @@ interface GooglePlusElement
   readonly plugin: 'Widget';
 }
 
-interface UserAccountWrapperElement
-  extends WebflowElement,
-    CustomAttributes,
-    DomId,
-    Styles,
-    Children,
-    NoTextContent,
-    NoAppConnections {
-  readonly id: FullElementId;
-  readonly type: 'UserAccountWrapper';
-  readonly plugin: 'Users';
-}
-
-interface UserAccountFormWrapperElement
-  extends WebflowElement,
-    CustomAttributes,
-    DomId,
-    Styles,
-    Children,
-    NoTextContent,
-    NoAppConnections {
-  readonly id: FullElementId;
-  readonly type: 'UserAccountFormWrapper';
-  readonly plugin: 'Users';
-}
-
-interface UserAccountFormElement
-  extends WebflowElement,
-    CustomAttributes,
-    DomId,
-    Styles,
-    Children,
-    NoTextContent,
-    NoAppConnections {
-  readonly id: FullElementId;
-  readonly type: 'UserAccountForm';
-  readonly plugin: 'Users';
-}
-
-interface UserAccountFormSaveButtonElement
-  extends WebflowElement,
-    CustomAttributes,
-    NoDomId,
-    Styles,
-    NoChildren,
-    NoTextContent,
-    NoAppConnections {
-  readonly id: FullElementId;
-  readonly type: 'UserAccountFormSaveButton';
-  readonly plugin: 'Users';
-}
-
-interface UserAccountFormCancelButtonElement
-  extends WebflowElement,
-    CustomAttributes,
-    NoDomId,
-    Styles,
-    NoChildren,
-    NoTextContent,
-    NoAppConnections {
-  readonly id: FullElementId;
-  readonly type: 'UserAccountFormCancelButton';
-  readonly plugin: 'Users';
-}
-
-interface UserAccountSubscriptionListWrapperElement
-  extends WebflowElement,
-    CustomAttributes,
-    DomId,
-    Styles,
-    Children,
-    NoTextContent,
-    NoAppConnections {
-  readonly id: FullElementId;
-  readonly type: 'UserAccountSubscriptionListWrapper';
-  readonly plugin: 'Users';
-}
-
-interface UserAccountSubscriptionListEmptyElement
-  extends WebflowElement,
-    CustomAttributes,
-    DomId,
-    Styles,
-    Children,
-    NoTextContent,
-    NoAppConnections {
-  readonly id: FullElementId;
-  readonly type: 'UserAccountSubscriptionListEmpty';
-  readonly plugin: 'Users';
-}
-
-interface UserAccountSubscriptionListElement
-  extends WebflowElement,
-    CustomAttributes,
-    DomId,
-    Styles,
-    Children,
-    NoTextContent,
-    NoAppConnections {
-  readonly id: FullElementId;
-  readonly type: 'UserAccountSubscriptionList';
-  readonly plugin: 'Users';
-}
-
-interface UserAccountSubscriptionListItemElement
-  extends WebflowElement,
-    CustomAttributes,
-    DomId,
-    Styles,
-    Children,
-    NoTextContent,
-    NoAppConnections {
-  readonly id: FullElementId;
-  readonly type: 'UserAccountSubscriptionListItem';
-  readonly plugin: 'Users';
-}
-
-interface UserAccountSubscriptionListItemInfoElement
-  extends WebflowElement,
-    CustomAttributes,
-    DomId,
-    Styles,
-    Children,
-    NoTextContent,
-    NoAppConnections {
-  readonly id: FullElementId;
-  readonly type: 'UserAccountSubscriptionListItemInfo';
-  readonly plugin: 'Users';
-}
-
-interface UserAccountSubscriptionCancelButtonElement
-  extends WebflowElement,
-    CustomAttributes,
-    DomId,
-    Styles,
-    NoChildren,
-    NoTextContent,
-    NoAppConnections {
-  readonly id: FullElementId;
-  readonly type: 'UserAccountSubscriptionCancelButton';
-  readonly plugin: 'Users';
-}
-
-interface UserSignUpFormWrapperElement
-  extends WebflowElement,
-    CustomAttributes,
-    DomId,
-    Styles,
-    Children,
-    NoTextContent,
-    NoAppConnections {
-  readonly id: FullElementId;
-  readonly type: 'UserSignUpFormWrapper';
-  readonly plugin: 'Users';
-}
-
-interface UserSignUpFormElement
-  extends WebflowElement,
-    CustomAttributes,
-    DomId,
-    Styles,
-    Children,
-    NoTextContent,
-    NoAppConnections {
-  readonly id: FullElementId;
-  readonly type: 'UserSignUpForm';
-  readonly plugin: 'Users';
-}
-
-interface UserSignUpVerificationMessageElement
-  extends WebflowElement,
-    CustomAttributes,
-    NoDomId,
-    Styles,
-    Children,
-    NoTextContent,
-    NoAppConnections {
-  readonly id: FullElementId;
-  readonly type: 'UserSignUpVerificationMessage';
-  readonly plugin: 'Users';
-}
-
-interface UserSignUpRedirectWrapperElement
-  extends WebflowElement,
-    CustomAttributes,
-    NoDomId,
-    Styles,
-    Children,
-    NoTextContent,
-    NoAppConnections {
-  readonly id: FullElementId;
-  readonly type: 'UserSignUpRedirectWrapper';
-  readonly plugin: 'Users';
-}
-
-interface UserSignUpTermsOfServiceWrapperElement
-  extends WebflowElement,
-    CustomAttributes,
-    DomId,
-    Styles,
-    Children,
-    NoTextContent,
-    NoAppConnections {
-  readonly id: FullElementId;
-  readonly type: 'UserSignUpTermsOfServiceWrapper';
-  readonly plugin: 'Users';
-}
-
-interface UserSignUpTermsOfServiceCheckboxInputElement
-  extends WebflowElement,
-    CustomAttributes,
-    DomId,
-    Styles,
-    NoChildren,
-    NoTextContent,
-    NoAppConnections {
-  readonly id: FullElementId;
-  readonly type: 'UserSignUpTermsOfServiceCheckboxInput';
-  readonly plugin: 'Users';
-}
-
-interface UserLogInFormWrapperElement
-  extends WebflowElement,
-    CustomAttributes,
-    DomId,
-    Styles,
-    Children,
-    NoTextContent,
-    NoAppConnections {
-  readonly id: FullElementId;
-  readonly type: 'UserLogInFormWrapper';
-  readonly plugin: 'Users';
-}
-
-interface UserLogInFormElement
-  extends WebflowElement,
-    CustomAttributes,
-    DomId,
-    Styles,
-    Children,
-    NoTextContent,
-    NoAppConnections {
-  readonly id: FullElementId;
-  readonly type: 'UserLogInForm';
-  readonly plugin: 'Users';
-}
-
-interface UserUpdatePasswordFormWrapperElement
+interface BlockContentElement
   extends WebflowElement,
     CustomAttributes,
     DomId,
@@ -3974,11 +3715,11 @@ interface UserUpdatePasswordFormWrapperElement
     NoTextContent,
     NoAppConnections {
   readonly id: FullElementId;
-  readonly type: 'UserUpdatePasswordFormWrapper';
+  readonly type: 'BlockContent';
   readonly plugin: 'Users';
 }
 
-interface UserUpdatePasswordFormElement
+interface BlockHeaderElement
   extends WebflowElement,
     CustomAttributes,
     DomId,
@@ -3987,11 +3728,11 @@ interface UserUpdatePasswordFormElement
     NoTextContent,
     NoAppConnections {
   readonly id: FullElementId;
-  readonly type: 'UserUpdatePasswordForm';
+  readonly type: 'BlockHeader';
   readonly plugin: 'Users';
 }
 
-interface UserResetPasswordFormWrapperElement
+interface FlexColumnElement
   extends WebflowElement,
     CustomAttributes,
     DomId,
@@ -4000,258 +3741,11 @@ interface UserResetPasswordFormWrapperElement
     NoTextContent,
     NoAppConnections {
   readonly id: FullElementId;
-  readonly type: 'UserResetPasswordFormWrapper';
+  readonly type: 'FlexColumn';
   readonly plugin: 'Users';
 }
 
-interface UserResetPasswordFormElement
-  extends WebflowElement,
-    CustomAttributes,
-    DomId,
-    Styles,
-    Children,
-    NoTextContent,
-    NoAppConnections {
-  readonly id: FullElementId;
-  readonly type: 'UserResetPasswordForm';
-  readonly plugin: 'Users';
-}
-
-interface UserLogOutLogInElement
-  extends WebflowElement,
-    CustomAttributes,
-    DomId,
-    Styles,
-    NoChildren,
-    NoTextContent,
-    NoAppConnections {
-  readonly id: FullElementId;
-  readonly type: 'UserLogOutLogIn';
-  readonly plugin: 'Users';
-}
-
-interface UserFormBlockLabelElement
-  extends WebflowElement,
-    CustomAttributes,
-    NoDomId,
-    Styles,
-    Children,
-    TextContent,
-    NoAppConnections {
-  readonly id: FullElementId;
-  readonly type: 'UserFormBlockLabel';
-  readonly plugin: 'Users';
-}
-
-interface UserFormButtonElement
-  extends WebflowElement,
-    CustomAttributes,
-    NoDomId,
-    Styles,
-    NoChildren,
-    NoTextContent,
-    NoAppConnections {
-  readonly id: FullElementId;
-  readonly type: 'UserFormButton';
-  readonly plugin: 'Users';
-}
-
-interface UserFormCheckboxInputElement
-  extends WebflowElement,
-    CustomAttributes,
-    NoDomId,
-    Styles,
-    NoChildren,
-    NoTextContent,
-    NoAppConnections {
-  readonly id: FullElementId;
-  readonly type: 'UserFormCheckboxInput';
-  readonly plugin: 'Users';
-}
-
-interface UserFormTextInputElement
-  extends WebflowElement,
-    CustomAttributes,
-    NoDomId,
-    Styles,
-    NoChildren,
-    NoTextContent,
-    NoAppConnections {
-  readonly id: FullElementId;
-  readonly type: 'UserFormTextInput';
-  readonly plugin: 'Users';
-}
-
-interface UserFormEmailInputElement
-  extends WebflowElement,
-    CustomAttributes,
-    NoDomId,
-    Styles,
-    NoChildren,
-    NoTextContent,
-    NoAppConnections {
-  readonly id: FullElementId;
-  readonly type: 'UserFormEmailInput';
-  readonly plugin: 'Users';
-}
-
-interface UserFormNameInputElement
-  extends WebflowElement,
-    CustomAttributes,
-    NoDomId,
-    Styles,
-    NoChildren,
-    NoTextContent,
-    NoAppConnections {
-  readonly id: FullElementId;
-  readonly type: 'UserFormNameInput';
-  readonly plugin: 'Users';
-}
-
-interface UserFormPasswordInputElement
-  extends WebflowElement,
-    CustomAttributes,
-    NoDomId,
-    Styles,
-    NoChildren,
-    NoTextContent,
-    NoAppConnections {
-  readonly id: FullElementId;
-  readonly type: 'UserFormPasswordInput';
-  readonly plugin: 'Users';
-}
-
-interface UserFormSelectElement
-  extends WebflowElement,
-    CustomAttributes,
-    NoDomId,
-    Styles,
-    NoChildren,
-    NoTextContent,
-    NoAppConnections {
-  readonly id: FullElementId;
-  readonly type: 'UserFormSelect';
-  readonly plugin: 'Users';
-}
-
-interface UserFormNumberInputElement
-  extends WebflowElement,
-    CustomAttributes,
-    NoDomId,
-    Styles,
-    NoChildren,
-    NoTextContent,
-    NoAppConnections {
-  readonly id: FullElementId;
-  readonly type: 'UserFormNumberInput';
-  readonly plugin: 'Users';
-}
-
-interface UserFormFileUploadInputElement
-  extends WebflowElement,
-    CustomAttributes,
-    NoDomId,
-    Styles,
-    NoChildren,
-    NoTextContent,
-    NoAppConnections {
-  readonly id: FullElementId;
-  readonly type: 'UserFormFileUploadInput';
-  readonly plugin: 'Users';
-}
-
-interface UserFormUploadNameElement
-  extends WebflowElement,
-    CustomAttributes,
-    DomId,
-    Styles,
-    Children,
-    NoTextContent,
-    NoAppConnections {
-  readonly id: FullElementId;
-  readonly type: 'UserFormUploadName';
-  readonly plugin: 'Users';
-}
-
-interface UserFormHeaderElement
-  extends WebflowElement,
-    CustomAttributes,
-    DomId,
-    Styles,
-    Children,
-    NoTextContent,
-    NoAppConnections {
-  readonly id: FullElementId;
-  readonly type: 'UserFormHeader';
-  readonly plugin: 'Users';
-}
-
-interface UserFormFooterElement
-  extends WebflowElement,
-    CustomAttributes,
-    DomId,
-    Styles,
-    Children,
-    NoTextContent,
-    NoAppConnections {
-  readonly id: FullElementId;
-  readonly type: 'UserFormFooter';
-  readonly plugin: 'Users';
-}
-
-interface UserFormPageWrapElement
-  extends WebflowElement,
-    CustomAttributes,
-    DomId,
-    Styles,
-    Children,
-    NoTextContent,
-    NoAppConnections {
-  readonly id: FullElementId;
-  readonly type: 'UserFormPageWrap';
-  readonly plugin: 'Users';
-}
-
-interface BlockContentElement
-  extends WebflowElement,
-    CustomAttributes,
-    DomId,
-    Styles,
-    Children,
-    NoTextContent,
-    NoAppConnections {
-  readonly id: FullElementId;
-  readonly type: 'BlockContent';
-  readonly plugin: 'Users';
-}
-
-interface BlockHeaderElement
-  extends WebflowElement,
-    CustomAttributes,
-    DomId,
-    Styles,
-    Children,
-    NoTextContent,
-    NoAppConnections {
-  readonly id: FullElementId;
-  readonly type: 'BlockHeader';
-  readonly plugin: 'Users';
-}
-
-interface FlexColumnElement
-  extends WebflowElement,
-    CustomAttributes,
-    DomId,
-    Styles,
-    Children,
-    NoTextContent,
-    NoAppConnections {
-  readonly id: FullElementId;
-  readonly type: 'FlexColumn';
-  readonly plugin: 'Users';
-}
-
-interface GridRowElement
+interface GridRowElement
   extends WebflowElement,
     CustomAttributes,
     DomId,
@@ -4264,110 +3758,6 @@ interface GridRowElement
   readonly plugin: 'Users';
 }
 
-interface UserFormSuccessStateElement
-  extends WebflowElement,
-    CustomAttributes,
-    NoDomId,
-    Styles,
-    Children,
-    NoTextContent,
-    NoAppConnections {
-  readonly id: FullElementId;
-  readonly type: 'UserFormSuccessState';
-  readonly plugin: 'Users';
-}
-
-interface UserFormErrorStateElement
-  extends WebflowElement,
-    CustomAttributes,
-    DomId,
-    Styles,
-    Children,
-    NoTextContent,
-    NoAppConnections {
-  readonly id: FullElementId;
-  readonly type: 'UserFormErrorState';
-  readonly plugin: 'Users';
-}
-
-interface UserFormErrorStateStyleVariant1Element
-  extends WebflowElement,
-    CustomAttributes,
-    DomId,
-    Styles,
-    Children,
-    NoTextContent,
-    NoAppConnections {
-  readonly id: FullElementId;
-  readonly type: 'UserFormErrorStateStyleVariant1';
-  readonly plugin: 'Users';
-}
-
-interface UserLogInErrorMsgElement
-  extends WebflowElement,
-    NoCustomAttributes,
-    NoDomId,
-    NoStyles,
-    NoChildren,
-    NoTextContent,
-    NoAppConnections {
-  readonly id: FullElementId;
-  readonly type: 'UserLogInErrorMsg';
-  readonly plugin: 'Users';
-}
-
-interface UserSignUpErrorMsgElement
-  extends WebflowElement,
-    NoCustomAttributes,
-    NoDomId,
-    NoStyles,
-    NoChildren,
-    NoTextContent,
-    NoAppConnections {
-  readonly id: FullElementId;
-  readonly type: 'UserSignUpErrorMsg';
-  readonly plugin: 'Users';
-}
-
-interface UserResetPasswordErrorMsgElement
-  extends WebflowElement,
-    NoCustomAttributes,
-    NoDomId,
-    NoStyles,
-    NoChildren,
-    NoTextContent,
-    NoAppConnections {
-  readonly id: FullElementId;
-  readonly type: 'UserResetPasswordErrorMsg';
-  readonly plugin: 'Users';
-}
-
-interface UserUpdatePasswordErrorMsgElement
-  extends WebflowElement,
-    NoCustomAttributes,
-    NoDomId,
-    NoStyles,
-    NoChildren,
-    NoTextContent,
-    NoAppConnections {
-  readonly id: FullElementId;
-  readonly type: 'UserUpdatePasswordErrorMsg';
-  readonly plugin: 'Users';
-}
-
-interface UserErrorMsgElement
-  extends WebflowElement,
-    CustomAttributes,
-    DomId,
-    Styles,
-    NoChildren,
-    NoTextContent,
-    NoAppConnections {
-  readonly id: FullElementId;
-  readonly type: 'UserErrorMsg';
-  readonly plugin: 'Users';
-}
-
 interface FrameElement
   extends WebflowElement,
     CustomAttributes,
@@ -4602,7 +3992,6 @@ type AnyElement =
   | FormFileUploadRemoveLinkElement
   | FormFileUploadErrorElement
   | FormFileUploadErrorMsgElement
-  | UserFormUploadErrorMsgElement
   | FormFileUploadInputElement
   | FormFileUploadLabelElement
   | FormFileUploadInfoElement
@@ -4655,54 +4044,8 @@ type AnyElement =
   | MapWidgetElement
   | TwitterElement
   | GooglePlusElement
-  | UserAccountWrapperElement
-  | UserAccountFormWrapperElement
-  | UserAccountFormElement
-  | UserAccountFormSaveButtonElement
-  | UserAccountFormCancelButtonElement
-  | UserAccountSubscriptionListWrapperElement
-  | UserAccountSubscriptionListEmptyElement
-  | UserAccountSubscriptionListElement
-  | UserAccountSubscriptionListItemElement
-  | UserAccountSubscriptionListItemInfoElement
-  | UserAccountSubscriptionCancelButtonElement
-  | UserSignUpFormWrapperElement
-  | UserSignUpFormElement
-  | UserSignUpVerificationMessageElement
-  | UserSignUpRedirectWrapperElement
-  | UserSignUpTermsOfServiceWrapperElement
-  | UserSignUpTermsOfServiceCheckboxInputElement
-  | UserLogInFormWrapperElement
-  | UserLogInFormElement
-  | UserUpdatePasswordFormWrapperElement
-  | UserUpdatePasswordFormElement
-  | UserResetPasswordFormWrapperElement
-  | UserResetPasswordFormElement
-  | UserLogOutLogInElement
-  | UserFormBlockLabelElement
-  | UserFormButtonElement
-  | UserFormCheckboxInputElement
-  | UserFormTextInputElement
-  | UserFormEmailInputElement
-  | UserFormNameInputElement
-  | UserFormPasswordInputElement
-  | UserFormSelectElement
-  | UserFormNumberInputElement
-  | UserFormFileUploadInputElement
-  | UserFormUploadNameElement
-  | UserFormHeaderElement
-  | UserFormFooterElement
-  | UserFormPageWrapElement
   | BlockContentElement
   | BlockHeaderElement
   | FlexColumnElement
   | GridRowElement
-  | UserFormSuccessStateElement
-  | UserFormErrorStateElement
-  | UserFormErrorStateStyleVariant1Element
-  | UserLogInErrorMsgElement
-  | UserSignUpErrorMsgElement
-  | UserResetPasswordErrorMsgElement
-  | UserUpdatePasswordErrorMsgElement
-  | UserErrorMsgElement
   | FrameElement;

package/elements.d.ts

@@ -1,5 +1,6 @@
 /// <reference path="./styles.d.ts" />
 /// <reference path="./elements-generated.d.ts" />
+/// <reference path="./slots.d.ts" />
 
 type ElementId = string;
 type FullElementId = {component: ComponentId; element: ElementId};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webflow/designer-extension-typings",
-  "version": "2.0.26",
+  "version": "2.0.29",
   "license": "MIT",
   "description": "Typings for the Webflow Designer Extension API",
   "main": "",

package/slots.d.ts

@@ -0,0 +1,16 @@
+/// <reference path="./elements.d.ts" />
+/// <reference path="./components.d.ts" />
+
+interface FullSlotId {
+  readonly component: string;
+  readonly element: string;
+  readonly slot: string;
+}
+
+interface SlotInstanceElement {
+  readonly id: FullSlotId;
+  getDisplayName(): Promise<string | null>;
+  getChildren(): Promise<AnyElement[]>;
+  append(child: Component): Promise<null>;
+  prepend(child: Component): Promise<null>;
+}

package/styles-generated.d.ts

@@ -283,6 +283,225 @@ type PropertyMap = {
   '-webkit-text-fill-color'?: string | ColorVariable;
   '-webkit-text-stroke-color'?: string | ColorVariable;
   '-webkit-text-stroke-width'?: string | SizeVariable;
+  'align-tracks'?: string;
+  all?: string;
+  'anchor-name'?: string;
+  'anchor-scope'?: string;
+  animation?: string;
+  'animation-composition'?: string;
+  'animation-range'?: string;
+  'animation-range-end'?: string;
+  'animation-range-start'?: string;
+  'animation-timeline'?: string;
+  'aspect-ratio'?: string;
+  azimuth?: string;
+  background?: string;
+  border?: string;
+  'border-block'?: string;
+  'border-block-color'?: string;
+  'border-block-style'?: string;
+  'border-block-width'?: string;
+  'border-block-end'?: string;
+  'border-block-start'?: string;
+  'border-bottom'?: string;
+  'border-image'?: string;
+  'border-inline'?: string;
+  'border-inline-end'?: string;
+  'border-inline-color'?: string;
+  'border-inline-style'?: string;
+  'border-inline-width'?: string;
+  'border-inline-start'?: string;
+  'border-left'?: string;
+  'border-right'?: string;
+  'border-spacing'?: string;
+  'border-style'?: string;
+  'border-top'?: string;
+  'box-align'?: string;
+  'box-decoration-break'?: string;
+  'box-direction'?: string;
+  'box-flex'?: string;
+  'box-flex-group'?: string;
+  'box-lines'?: string;
+  'box-ordinal-group'?: string;
+  'box-orient'?: string;
+  'box-pack'?: string;
+  caret?: string;
+  'caret-shape'?: string;
+  'color-scheme'?: string;
+  'column-fill'?: string;
+  'column-rule'?: string;
+  columns?: string;
+  contain?: string;
+  'contain-intrinsic-size'?: string;
+  'contain-intrinsic-block-size'?: string;
+  'contain-intrinsic-height'?: string;
+  'contain-intrinsic-inline-size'?: string;
+  'contain-intrinsic-width'?: string;
+  container?: string;
+  'container-name'?: string;
+  'container-type'?: string;
+  'content-visibility'?: string;
+  'counter-increment'?: string;
+  'counter-reset'?: string;
+  'counter-set'?: string;
+  d?: string;
+  'field-sizing'?: string;
+  flex?: string;
+  'flex-flow'?: string;
+  font?: string;
+  'font-feature-settings'?: string;
+  'font-language-override'?: string;
+  'font-palette'?: string;
+  'font-variation-settings'?: string;
+  'font-size-adjust'?: string;
+  'font-smooth'?: string;
+  'font-synthesis'?: string;
+  'font-synthesis-position'?: string;
+  'font-synthesis-small-caps'?: string;
+  'font-synthesis-style'?: string;
+  'font-synthesis-weight'?: string;
+  'font-variant'?: string;
+  'font-variant-position'?: string;
+  'forced-color-adjust'?: string;
+  gap?: string;
+  grid?: string;
+  'grid-area'?: string;
+  'grid-column'?: string;
+  'grid-gap'?: string;
+  'grid-row'?: string;
+  'grid-template'?: string;
+  'hanging-punctuation'?: string;
+  'hyphenate-character'?: string;
+  'hyphenate-limit-chars'?: string;
+  hyphens?: string;
+  'image-resolution'?: string;
+  'ime-mode'?: string;
+  'initial-letter'?: string;
+  'initial-letter-align'?: string;
+  'input-security'?: string;
+  inset?: string;
+  'inset-block'?: string;
+  'inset-inline'?: string;
+  'interpolate-size'?: string;
+  'justify-tracks'?: string;
+  'line-height-step'?: string;
+  'list-style'?: string;
+  margin?: string;
+  'margin-block'?: string;
+  'margin-inline'?: string;
+  'margin-trim'?: string;
+  marker?: string;
+  mask?: string;
+  'mask-border'?: string;
+  'mask-border-mode'?: string;
+  'mask-border-outset'?: string;
+  'mask-border-repeat'?: string;
+  'mask-border-slice'?: string;
+  'mask-border-source'?: string;
+  'mask-border-width'?: string;
+  'mask-clip'?: string;
+  'mask-composite'?: string;
+  'mask-image'?: string;
+  'mask-mode'?: string;
+  'mask-origin'?: string;
+  'mask-position'?: string;
+  'mask-repeat'?: string;
+  'mask-size'?: string;
+  'masonry-auto-flow'?: string;
+  'math-depth'?: string;
+  'math-shift'?: string;
+  'math-style'?: string;
+  'max-lines'?: string;
+  offset?: string;
+  'offset-position'?: string;
+  orphans?: string;
+  outline?: string;
+  overflow?: string;
+  'overflow-anchor'?: string;
+  'overflow-block'?: string;
+  'overflow-clip-box'?: string;
+  'overflow-clip-margin'?: string;
+  'overflow-inline'?: string;
+  overlay?: string;
+  'overscroll-behavior'?: string;
+  'overscroll-behavior-x'?: string;
+  'overscroll-behavior-y'?: string;
+  padding?: string;
+  'padding-block'?: string;
+  'padding-inline'?: string;
+  page?: string;
+  'page-break-after'?: string;
+  'page-break-before'?: string;
+  'page-break-inside'?: string;
+  'place-content'?: string;
+  'place-items'?: string;
+  'place-self'?: string;
+  'position-anchor'?: string;
+  'position-area'?: string;
+  'position-try'?: string;
+  'position-try-fallbacks'?: string;
+  'position-try-order'?: string;
+  'position-visibility'?: string;
+  'print-color-adjust'?: string;
+  quotes?: string;
+  'ruby-align'?: string;
+  'ruby-merge'?: string;
+  'ruby-position'?: string;
+  'scrollbar-color'?: string;
+  'scrollbar-gutter'?: string;
+  'scrollbar-width'?: string;
+  'scroll-margin'?: string;
+  'scroll-margin-block'?: string;
+  'scroll-margin-bottom'?: string;
+  'scroll-margin-inline'?: string;
+  'scroll-margin-left'?: string;
+  'scroll-margin-right'?: string;
+  'scroll-margin-top'?: string;
+  'scroll-padding'?: string;
+  'scroll-padding-block'?: string;
+  'scroll-padding-bottom'?: string;
+  'scroll-padding-inline'?: string;
+  'scroll-padding-left'?: string;
+  'scroll-padding-right'?: string;
+  'scroll-padding-top'?: string;
+  'scroll-snap-align'?: string;
+  'scroll-snap-coordinate'?: string;
+  'scroll-snap-destination'?: string;
+  'scroll-snap-points-x'?: string;
+  'scroll-snap-points-y'?: string;
+  'scroll-snap-stop'?: string;
+  'scroll-snap-type'?: string;
+  'scroll-snap-type-x'?: string;
+  'scroll-snap-type-y'?: string;
+  'scroll-timeline'?: string;
+  'scroll-timeline-axis'?: string;
+  'scroll-timeline-name'?: string;
+  'text-combine-upright'?: string;
+  'text-decoration-skip'?: string;
+  'text-decoration-thickness'?: string;
+  'text-emphasis'?: string;
+  'text-justify'?: string;
+  'text-orientation'?: string;
+  'text-size-adjust'?: string;
+  'text-spacing-trim'?: string;
+  'text-underline-offset'?: string;
+  'text-wrap'?: string;
+  'text-wrap-mode'?: string;
+  'text-wrap-style'?: string;
+  'timeline-scope'?: string;
+  'transform-box'?: string;
+  transition?: string;
+  'transition-behavior'?: string;
+  'user-select'?: string;
+  'view-timeline'?: string;
+  'view-timeline-axis'?: string;
+  'view-timeline-inset'?: string;
+  'view-timeline-name'?: string;
+  'view-transition-name'?: string;
+  'white-space-collapse'?: string;
+  widows?: string;
+  'word-wrap'?: string;
+  zoom?: string;
 };
 
 type StyleProperty =
@@ -567,7 +786,226 @@ type StyleProperty =
   | '-webkit-line-clamp'
   | '-webkit-text-fill-color'
   | '-webkit-text-stroke-color'
-  | '-webkit-text-stroke-width';
+  | '-webkit-text-stroke-width'
+  | 'align-tracks'
+  | 'all'
+  | 'anchor-name'
+  | 'anchor-scope'
+  | 'animation'
+  | 'animation-composition'
+  | 'animation-range'
+  | 'animation-range-end'
+  | 'animation-range-start'
+  | 'animation-timeline'
+  | 'aspect-ratio'
+  | 'azimuth'
+  | 'background'
+  | 'border'
+  | 'border-block'
+  | 'border-block-color'
+  | 'border-block-style'
+  | 'border-block-width'
+  | 'border-block-end'
+  | 'border-block-start'
+  | 'border-bottom'
+  | 'border-image'
+  | 'border-inline'
+  | 'border-inline-end'
+  | 'border-inline-color'
+  | 'border-inline-style'
+  | 'border-inline-width'
+  | 'border-inline-start'
+  | 'border-left'
+  | 'border-right'
+  | 'border-spacing'
+  | 'border-style'
+  | 'border-top'
+  | 'box-align'
+  | 'box-decoration-break'
+  | 'box-direction'
+  | 'box-flex'
+  | 'box-flex-group'
+  | 'box-lines'
+  | 'box-ordinal-group'
+  | 'box-orient'
+  | 'box-pack'
+  | 'caret'
+  | 'caret-shape'
+  | 'color-scheme'
+  | 'column-fill'
+  | 'column-rule'
+  | 'columns'
+  | 'contain'
+  | 'contain-intrinsic-size'
+  | 'contain-intrinsic-block-size'
+  | 'contain-intrinsic-height'
+  | 'contain-intrinsic-inline-size'
+  | 'contain-intrinsic-width'
+  | 'container'
+  | 'container-name'
+  | 'container-type'
+  | 'content-visibility'
+  | 'counter-increment'
+  | 'counter-reset'
+  | 'counter-set'
+  | 'd'
+  | 'field-sizing'
+  | 'flex'
+  | 'flex-flow'
+  | 'font'
+  | 'font-feature-settings'
+  | 'font-language-override'
+  | 'font-palette'
+  | 'font-variation-settings'
+  | 'font-size-adjust'
+  | 'font-smooth'
+  | 'font-synthesis'
+  | 'font-synthesis-position'
+  | 'font-synthesis-small-caps'
+  | 'font-synthesis-style'
+  | 'font-synthesis-weight'
+  | 'font-variant'
+  | 'font-variant-position'
+  | 'forced-color-adjust'
+  | 'gap'
+  | 'grid'
+  | 'grid-area'
+  | 'grid-column'
+  | 'grid-gap'
+  | 'grid-row'
+  | 'grid-template'
+  | 'hanging-punctuation'
+  | 'hyphenate-character'
+  | 'hyphenate-limit-chars'
+  | 'hyphens'
+  | 'image-resolution'
+  | 'ime-mode'
+  | 'initial-letter'
+  | 'initial-letter-align'
+  | 'input-security'
+  | 'inset'
+  | 'inset-block'
+  | 'inset-inline'
+  | 'interpolate-size'
+  | 'justify-tracks'
+  | 'line-height-step'
+  | 'list-style'
+  | 'margin'
+  | 'margin-block'
+  | 'margin-inline'
+  | 'margin-trim'
+  | 'marker'
+  | 'mask'
+  | 'mask-border'
+  | 'mask-border-mode'
+  | 'mask-border-outset'
+  | 'mask-border-repeat'
+  | 'mask-border-slice'
+  | 'mask-border-source'
+  | 'mask-border-width'
+  | 'mask-clip'
+  | 'mask-composite'
+  | 'mask-image'
+  | 'mask-mode'
+  | 'mask-origin'
+  | 'mask-position'
+  | 'mask-repeat'
+  | 'mask-size'
+  | 'masonry-auto-flow'
+  | 'math-depth'
+  | 'math-shift'
+  | 'math-style'
+  | 'max-lines'
+  | 'offset'
+  | 'offset-position'
+  | 'orphans'
+  | 'outline'
+  | 'overflow'
+  | 'overflow-anchor'
+  | 'overflow-block'
+  | 'overflow-clip-box'
+  | 'overflow-clip-margin'
+  | 'overflow-inline'
+  | 'overlay'
+  | 'overscroll-behavior'
+  | 'overscroll-behavior-x'
+  | 'overscroll-behavior-y'
+  | 'padding'
+  | 'padding-block'
+  | 'padding-inline'
+  | 'page'
+  | 'page-break-after'
+  | 'page-break-before'
+  | 'page-break-inside'
+  | 'place-content'
+  | 'place-items'
+  | 'place-self'
+  | 'position-anchor'
+  | 'position-area'
+  | 'position-try'
+  | 'position-try-fallbacks'
+  | 'position-try-order'
+  | 'position-visibility'
+  | 'print-color-adjust'
+  | 'quotes'
+  | 'ruby-align'
+  | 'ruby-merge'
+  | 'ruby-position'
+  | 'scrollbar-color'
+  | 'scrollbar-gutter'
+  | 'scrollbar-width'
+  | 'scroll-margin'
+  | 'scroll-margin-block'
+  | 'scroll-margin-bottom'
+  | 'scroll-margin-inline'
+  | 'scroll-margin-left'
+  | 'scroll-margin-right'
+  | 'scroll-margin-top'
+  | 'scroll-padding'
+  | 'scroll-padding-block'
+  | 'scroll-padding-bottom'
+  | 'scroll-padding-inline'
+  | 'scroll-padding-left'
+  | 'scroll-padding-right'
+  | 'scroll-padding-top'
+  | 'scroll-snap-align'
+  | 'scroll-snap-coordinate'
+  | 'scroll-snap-destination'
+  | 'scroll-snap-points-x'
+  | 'scroll-snap-points-y'
+  | 'scroll-snap-stop'
+  | 'scroll-snap-type'
+  | 'scroll-snap-type-x'
+  | 'scroll-snap-type-y'
+  | 'scroll-timeline'
+  | 'scroll-timeline-axis'
+  | 'scroll-timeline-name'
+  | 'text-combine-upright'
+  | 'text-decoration-skip'
+  | 'text-decoration-thickness'
+  | 'text-emphasis'
+  | 'text-justify'
+  | 'text-orientation'
+  | 'text-size-adjust'
+  | 'text-spacing-trim'
+  | 'text-underline-offset'
+  | 'text-wrap'
+  | 'text-wrap-mode'
+  | 'text-wrap-style'
+  | 'timeline-scope'
+  | 'transform-box'
+  | 'transition'
+  | 'transition-behavior'
+  | 'user-select'
+  | 'view-timeline'
+  | 'view-timeline-axis'
+  | 'view-timeline-inset'
+  | 'view-timeline-name'
+  | 'view-transition-name'
+  | 'white-space-collapse'
+  | 'widows'
+  | 'word-wrap'
+  | 'zoom';
 
 type PseudoStateKey =
   | 'noPseudo'