@makeswift/runtime 0.19.4 → 0.20.0

package/builder/rich-text/package.json

@@ -0,0 +1,5 @@
+{
+  "main": "../../dist/cjs/builder/rich-text/index.js",
+  "module": "../../dist/esm/builder/rich-text/index.js",
+  "types": "../../dist/types/builder/rich-text/index.d.ts"
+}

package/core/package.json

@@ -0,0 +1,5 @@
+{
+  "main": "../dist/cjs/core/index.js",
+  "module": "../dist/esm/core/index.js",
+  "types": "../dist/types/core/index.d.ts"
+}

package/dist/cjs/api/graphql/generated/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/api/graphql/generated/types.ts"],"sourcesContent":["export type Maybe<T> = T | null\nexport type InputMaybe<T> = Maybe<T>\nexport type Exact<T extends { [key: string]: unknown }> = { [K in keyof T]: T[K] }\n\ntype Json = null | boolean | number | string | Json[] | { [key: string]: Json }\n\ntype Scalars = {\n  ID: string\n  JSON: Json\n  Locale: string\n}\n\nexport type CreateTableRecordInput = {\n  data: CreateTableRecordInputData\n}\n\nexport type CreateTableRecordInputData = {\n  columns: Array<CreateTableRecordInputDataColumn>\n  tableId?: InputMaybe<Scalars['ID']>\n}\n\nexport type CreateTableRecordInputDataColumn = {\n  columnId: Scalars['ID']\n  data: Scalars['JSON']\n}\n\nexport const SnippetLocation = {\n  Body: 'BODY',\n  Head: 'HEAD',\n} as const\n\nexport type SnippetLocation = typeof SnippetLocation[keyof typeof SnippetLocation]\n\nexport type SwatchFragment = {\n  __typename: 'Swatch'\n  id: string\n  hue: number\n  saturation: number\n  lightness: number\n}\n\nexport type FileFragment = {\n  __typename: 'File'\n  id: string\n  name: string\n  extension: string | null\n  publicUrl: string\n  dimensions: { width: number; height: number } | null\n}\n\nexport type TypographyFragment = {\n  __typename: 'Typography'\n  id: string\n  name: string\n  style: Array<{\n    deviceId: string\n    value: {\n      fontFamily: string | null\n      lineHeight: number | null\n      letterSpacing: number | null\n      fontWeight: number | null\n      textAlign: string | null\n      uppercase: boolean | null\n      underline: boolean | null\n      strikethrough: boolean | null\n      italic: boolean | null\n      fontSize: { value: number | null; unit: string | null } | null\n      color: { swatchId: string | null; alpha: number | null } | null\n    }\n  }>\n}\n\nexport type PagePathnameSliceFragment = {\n  __typename: 'PagePathnameSlice'\n  id: string\n  pathname: string\n}\n\nexport type GlobalElementFragment = { __typename: 'GlobalElement'; id: string; data: Json }\n\nexport type LocalizedGlobalElementFragment = {\n  __typename: 'LocalizedGlobalElement'\n  id: string\n  data: Json\n}\n\nexport type TableFragment = {\n  __typename: 'Table'\n  id: string\n  name: string\n  columns: Array<\n    | { __typename: 'CheckboxTableColumn'; id: string; name: string }\n    | { __typename: 'EmailTableColumn'; id: string; name: string }\n    | { __typename: 'LongTextTableColumn'; id: string; name: string }\n    | {\n        __typename: 'MultipleSelectTableColumn'\n        id: string\n        name: string\n        options: Array<{ id: string; name: string }>\n      }\n    | { __typename: 'NumberTableColumn'; id: string; name: string }\n    | { __typename: 'PhoneNumberTableColumn'; id: string; name: string }\n    | { __typename: 'SingleLineTextTableColumn'; id: string; name: string }\n    | {\n        __typename: 'SingleSelectTableColumn'\n        id: string\n        name: string\n        options: Array<{ id: string; name: string }>\n      }\n    | { __typename: 'URLTableColumn'; id: string; name: string }\n  >\n}\n\nexport type SnippetFragment = {\n  __typename: 'Snippet'\n  id: string\n  name: string\n  code: string\n  cleanup: string | null\n  location: SnippetLocation\n  shouldAddToNewPages: boolean\n  liveEnabled: boolean\n  builderEnabled: boolean\n}\n\nexport type PageFragment = {\n  __typename: 'Page'\n  id: string\n  snippets: Array<{\n    __typename: 'Snippet'\n    id: string\n    name: string\n    code: string\n    cleanup: string | null\n    location: SnippetLocation\n    shouldAddToNewPages: boolean\n    liveEnabled: boolean\n    builderEnabled: boolean\n  }>\n}\n\nexport type SiteFragment = {\n  __typename: 'Site'\n  id: string\n  googleFonts: {\n    edges: Array<{\n      activeVariants: Array<{ specifier: string }>\n      node: { family: string; variants: Array<{ specifier: string }> }\n    } | null>\n  }\n}\n\nexport type IntrospectedResourcesQueryVariables = Exact<{\n  fileIds: Array<Scalars['ID']> | Scalars['ID']\n  tableIds: Array<Scalars['ID']> | Scalars['ID']\n}>\n\nexport type IntrospectedResourcesQueryResult = {\n  files: Array<{\n    __typename: 'File'\n    id: string\n    name: string\n    extension: string | null\n    publicUrl: string\n    dimensions: { width: number; height: number } | null\n  } | null>\n  tables: Array<{\n    __typename: 'Table'\n    id: string\n    name: string\n    columns: Array<\n      | { __typename: 'CheckboxTableColumn'; id: string; name: string }\n      | { __typename: 'EmailTableColumn'; id: string; name: string }\n      | { __typename: 'LongTextTableColumn'; id: string; name: string }\n      | {\n          __typename: 'MultipleSelectTableColumn'\n          id: string\n          name: string\n          options: Array<{ id: string; name: string }>\n        }\n      | { __typename: 'NumberTableColumn'; id: string; name: string }\n      | { __typename: 'PhoneNumberTableColumn'; id: string; name: string }\n      | { __typename: 'SingleLineTextTableColumn'; id: string; name: string }\n      | {\n          __typename: 'SingleSelectTableColumn'\n          id: string\n          name: string\n          options: Array<{ id: string; name: string }>\n        }\n      | { __typename: 'URLTableColumn'; id: string; name: string }\n    >\n  } | null>\n}\n\nexport type SwatchQueryVariables = Exact<{\n  swatchId: Scalars['ID']\n}>\n\nexport type SwatchQueryResult = {\n  swatch: {\n    __typename: 'Swatch'\n    id: string\n    hue: number\n    saturation: number\n    lightness: number\n  } | null\n}\n\nexport type FileQueryVariables = Exact<{\n  fileId: Scalars['ID']\n}>\n\nexport type FileQueryResult = {\n  file: {\n    __typename: 'File'\n    id: string\n    name: string\n    extension: string | null\n    publicUrl: string\n    dimensions: { width: number; height: number } | null\n  } | null\n}\n\nexport type TypographyQueryVariables = Exact<{\n  typographyId: Scalars['ID']\n}>\n\nexport type TypographyQueryResult = {\n  typography: {\n    __typename: 'Typography'\n    id: string\n    name: string\n    style: Array<{\n      deviceId: string\n      value: {\n        fontFamily: string | null\n        lineHeight: number | null\n        letterSpacing: number | null\n        fontWeight: number | null\n        textAlign: string | null\n        uppercase: boolean | null\n        underline: boolean | null\n        strikethrough: boolean | null\n        italic: boolean | null\n        fontSize: { value: number | null; unit: string | null } | null\n        color: { swatchId: string | null; alpha: number | null } | null\n      }\n    }>\n  } | null\n}\n\nexport type TableQueryVariables = Exact<{\n  tableId: Scalars['ID']\n}>\n\nexport type TableQueryResult = {\n  table: {\n    __typename: 'Table'\n    id: string\n    name: string\n    columns: Array<\n      | { __typename: 'CheckboxTableColumn'; id: string; name: string }\n      | { __typename: 'EmailTableColumn'; id: string; name: string }\n      | { __typename: 'LongTextTableColumn'; id: string; name: string }\n      | {\n          __typename: 'MultipleSelectTableColumn'\n          id: string\n          name: string\n          options: Array<{ id: string; name: string }>\n        }\n      | { __typename: 'NumberTableColumn'; id: string; name: string }\n      | { __typename: 'PhoneNumberTableColumn'; id: string; name: string }\n      | { __typename: 'SingleLineTextTableColumn'; id: string; name: string }\n      | {\n          __typename: 'SingleSelectTableColumn'\n          id: string\n          name: string\n          options: Array<{ id: string; name: string }>\n        }\n      | { __typename: 'URLTableColumn'; id: string; name: string }\n    >\n  } | null\n}\n\nexport type TypographiesQueryVariables = Exact<{\n  typographyIds: Array<Scalars['ID']> | Scalars['ID']\n}>\n\nexport type TypographiesQueryResult = {\n  typographies: Array<{\n    __typename: 'Typography'\n    id: string\n    name: string\n    style: Array<{\n      deviceId: string\n      value: {\n        fontFamily: string | null\n        lineHeight: number | null\n        letterSpacing: number | null\n        fontWeight: number | null\n        textAlign: string | null\n        uppercase: boolean | null\n        underline: boolean | null\n        strikethrough: boolean | null\n        italic: boolean | null\n        fontSize: { value: number | null; unit: string | null } | null\n        color: { swatchId: string | null; alpha: number | null } | null\n      }\n    }>\n  } | null>\n}\n\nexport type GlobalElementQueryVariables = Exact<{\n  globalElementId: Scalars['ID']\n}>\n\nexport type GlobalElementQueryResult = {\n  globalElement: { __typename: 'GlobalElement'; id: string; data: Json } | null\n}\n\nexport type CreateTableRecordMutationVariables = Exact<{\n  input: CreateTableRecordInput\n}>\n\nexport type CreateTableRecordMutationResult = { createTableRecord: { tableRecord: { id: string } } }\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA0BO,MAAM,kBAAkB;AAAA,EAC7B,MAAM;AAAA,EACN,MAAM;AACR;","names":[]}
+{"version":3,"sources":["../../../../../src/api/graphql/generated/types.ts"],"sourcesContent":["export type Maybe<T> = T | null\nexport type InputMaybe<T> = Maybe<T>\nexport type Exact<T extends { [key: string]: unknown }> = { [K in keyof T]: T[K] }\n\ntype Json = null | boolean | number | string | Json[] | { [key: string]: Json }\n\ntype Scalars = {\n  ID: string\n  JSON: Json\n  Locale: string\n}\n\nexport type CreateTableRecordInput = {\n  data: CreateTableRecordInputData\n}\n\nexport type CreateTableRecordInputData = {\n  columns: Array<CreateTableRecordInputDataColumn>\n  tableId?: InputMaybe<Scalars['ID']>\n}\n\nexport type CreateTableRecordInputDataColumn = {\n  columnId: Scalars['ID']\n  data: Scalars['JSON']\n}\n\nexport const SnippetLocation = {\n  Body: 'BODY',\n  Head: 'HEAD',\n} as const\n\nexport type SnippetLocation = (typeof SnippetLocation)[keyof typeof SnippetLocation]\n\nexport type SwatchFragment = {\n  __typename: 'Swatch'\n  id: string\n  hue: number\n  saturation: number\n  lightness: number\n}\n\nexport type FileFragment = {\n  __typename: 'File'\n  id: string\n  name: string\n  extension: string | null\n  publicUrl: string\n  dimensions: { width: number; height: number } | null\n}\n\nexport type TypographyFragment = {\n  __typename: 'Typography'\n  id: string\n  name: string\n  style: Array<{\n    deviceId: string\n    value: {\n      fontFamily: string | null\n      lineHeight: number | null\n      letterSpacing: number | null\n      fontWeight: number | null\n      textAlign: string | null\n      uppercase: boolean | null\n      underline: boolean | null\n      strikethrough: boolean | null\n      italic: boolean | null\n      fontSize: { value: number | null; unit: string | null } | null\n      color: { swatchId: string | null; alpha: number | null } | null\n    }\n  }>\n}\n\nexport type PagePathnameSliceFragment = {\n  __typename: 'PagePathnameSlice'\n  id: string\n  pathname: string\n}\n\nexport type GlobalElementFragment = { __typename: 'GlobalElement'; id: string; data: Json }\n\nexport type LocalizedGlobalElementFragment = {\n  __typename: 'LocalizedGlobalElement'\n  id: string\n  data: Json\n}\n\nexport type TableFragment = {\n  __typename: 'Table'\n  id: string\n  name: string\n  columns: Array<\n    | { __typename: 'CheckboxTableColumn'; id: string; name: string }\n    | { __typename: 'EmailTableColumn'; id: string; name: string }\n    | { __typename: 'LongTextTableColumn'; id: string; name: string }\n    | {\n        __typename: 'MultipleSelectTableColumn'\n        id: string\n        name: string\n        options: Array<{ id: string; name: string }>\n      }\n    | { __typename: 'NumberTableColumn'; id: string; name: string }\n    | { __typename: 'PhoneNumberTableColumn'; id: string; name: string }\n    | { __typename: 'SingleLineTextTableColumn'; id: string; name: string }\n    | {\n        __typename: 'SingleSelectTableColumn'\n        id: string\n        name: string\n        options: Array<{ id: string; name: string }>\n      }\n    | { __typename: 'URLTableColumn'; id: string; name: string }\n  >\n}\n\nexport type SnippetFragment = {\n  __typename: 'Snippet'\n  id: string\n  name: string\n  code: string\n  cleanup: string | null\n  location: SnippetLocation\n  shouldAddToNewPages: boolean\n  liveEnabled: boolean\n  builderEnabled: boolean\n}\n\nexport type PageFragment = {\n  __typename: 'Page'\n  id: string\n  snippets: Array<{\n    __typename: 'Snippet'\n    id: string\n    name: string\n    code: string\n    cleanup: string | null\n    location: SnippetLocation\n    shouldAddToNewPages: boolean\n    liveEnabled: boolean\n    builderEnabled: boolean\n  }>\n}\n\nexport type SiteFragment = {\n  __typename: 'Site'\n  id: string\n  googleFonts: {\n    edges: Array<{\n      activeVariants: Array<{ specifier: string }>\n      node: { family: string; variants: Array<{ specifier: string }> }\n    } | null>\n  }\n}\n\nexport type IntrospectedResourcesQueryVariables = Exact<{\n  fileIds: Array<Scalars['ID']> | Scalars['ID']\n  tableIds: Array<Scalars['ID']> | Scalars['ID']\n}>\n\nexport type IntrospectedResourcesQueryResult = {\n  files: Array<{\n    __typename: 'File'\n    id: string\n    name: string\n    extension: string | null\n    publicUrl: string\n    dimensions: { width: number; height: number } | null\n  } | null>\n  tables: Array<{\n    __typename: 'Table'\n    id: string\n    name: string\n    columns: Array<\n      | { __typename: 'CheckboxTableColumn'; id: string; name: string }\n      | { __typename: 'EmailTableColumn'; id: string; name: string }\n      | { __typename: 'LongTextTableColumn'; id: string; name: string }\n      | {\n          __typename: 'MultipleSelectTableColumn'\n          id: string\n          name: string\n          options: Array<{ id: string; name: string }>\n        }\n      | { __typename: 'NumberTableColumn'; id: string; name: string }\n      | { __typename: 'PhoneNumberTableColumn'; id: string; name: string }\n      | { __typename: 'SingleLineTextTableColumn'; id: string; name: string }\n      | {\n          __typename: 'SingleSelectTableColumn'\n          id: string\n          name: string\n          options: Array<{ id: string; name: string }>\n        }\n      | { __typename: 'URLTableColumn'; id: string; name: string }\n    >\n  } | null>\n}\n\nexport type SwatchQueryVariables = Exact<{\n  swatchId: Scalars['ID']\n}>\n\nexport type SwatchQueryResult = {\n  swatch: {\n    __typename: 'Swatch'\n    id: string\n    hue: number\n    saturation: number\n    lightness: number\n  } | null\n}\n\nexport type FileQueryVariables = Exact<{\n  fileId: Scalars['ID']\n}>\n\nexport type FileQueryResult = {\n  file: {\n    __typename: 'File'\n    id: string\n    name: string\n    extension: string | null\n    publicUrl: string\n    dimensions: { width: number; height: number } | null\n  } | null\n}\n\nexport type TypographyQueryVariables = Exact<{\n  typographyId: Scalars['ID']\n}>\n\nexport type TypographyQueryResult = {\n  typography: {\n    __typename: 'Typography'\n    id: string\n    name: string\n    style: Array<{\n      deviceId: string\n      value: {\n        fontFamily: string | null\n        lineHeight: number | null\n        letterSpacing: number | null\n        fontWeight: number | null\n        textAlign: string | null\n        uppercase: boolean | null\n        underline: boolean | null\n        strikethrough: boolean | null\n        italic: boolean | null\n        fontSize: { value: number | null; unit: string | null } | null\n        color: { swatchId: string | null; alpha: number | null } | null\n      }\n    }>\n  } | null\n}\n\nexport type TableQueryVariables = Exact<{\n  tableId: Scalars['ID']\n}>\n\nexport type TableQueryResult = {\n  table: {\n    __typename: 'Table'\n    id: string\n    name: string\n    columns: Array<\n      | { __typename: 'CheckboxTableColumn'; id: string; name: string }\n      | { __typename: 'EmailTableColumn'; id: string; name: string }\n      | { __typename: 'LongTextTableColumn'; id: string; name: string }\n      | {\n          __typename: 'MultipleSelectTableColumn'\n          id: string\n          name: string\n          options: Array<{ id: string; name: string }>\n        }\n      | { __typename: 'NumberTableColumn'; id: string; name: string }\n      | { __typename: 'PhoneNumberTableColumn'; id: string; name: string }\n      | { __typename: 'SingleLineTextTableColumn'; id: string; name: string }\n      | {\n          __typename: 'SingleSelectTableColumn'\n          id: string\n          name: string\n          options: Array<{ id: string; name: string }>\n        }\n      | { __typename: 'URLTableColumn'; id: string; name: string }\n    >\n  } | null\n}\n\nexport type TypographiesQueryVariables = Exact<{\n  typographyIds: Array<Scalars['ID']> | Scalars['ID']\n}>\n\nexport type TypographiesQueryResult = {\n  typographies: Array<{\n    __typename: 'Typography'\n    id: string\n    name: string\n    style: Array<{\n      deviceId: string\n      value: {\n        fontFamily: string | null\n        lineHeight: number | null\n        letterSpacing: number | null\n        fontWeight: number | null\n        textAlign: string | null\n        uppercase: boolean | null\n        underline: boolean | null\n        strikethrough: boolean | null\n        italic: boolean | null\n        fontSize: { value: number | null; unit: string | null } | null\n        color: { swatchId: string | null; alpha: number | null } | null\n      }\n    }>\n  } | null>\n}\n\nexport type GlobalElementQueryVariables = Exact<{\n  globalElementId: Scalars['ID']\n}>\n\nexport type GlobalElementQueryResult = {\n  globalElement: { __typename: 'GlobalElement'; id: string; data: Json } | null\n}\n\nexport type CreateTableRecordMutationVariables = Exact<{\n  input: CreateTableRecordInput\n}>\n\nexport type CreateTableRecordMutationResult = { createTableRecord: { tableRecord: { id: string } } }\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA0BO,MAAM,kBAAkB;AAAA,EAC7B,MAAM;AAAA,EACN,MAAM;AACR;","names":[]}

package/dist/cjs/api/react.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/api/react.ts"],"sourcesContent":["import * as MakeswiftApiClient from '../state/makeswift-api-client'\nimport {\n  APIResourceType,\n  File,\n  GlobalElement,\n  LocalizedGlobalElement,\n  Page,\n  PagePathnameSlice,\n  Site,\n  Snippet,\n  Swatch,\n  Table,\n  Typography,\n} from './graphql/types'\nimport { GraphQLClient } from './graphql/client'\nimport { CreateTableRecordMutation } from './graphql/documents'\nimport {\n  CreateTableRecordMutationResult,\n  CreateTableRecordMutationVariables,\n} from './graphql/generated/types'\n\nexport type SerializedLocalizedResourcesMap = {\n  [resourceId: string]: string | null\n}\n\ntype LocalizedResourcesMap = Map<string, string | null>\n\nexport type CacheData = MakeswiftApiClient.SerializedState\n\nexport type MakeswiftClientOptions = {\n  uri: string\n  cacheData?: CacheData\n  localizedResourcesMap?: SerializedLocalizedResourcesMap\n  locale?: Intl.Locale\n}\n\n/**\n * NOTE(miguel): This \"client\" is used to fetch Makeswift API resources needed for the host. For\n * example, swatches, files, typographies, etc. Ideally it's internal to the runtime and is only\n * used by controls to transform API references to API resources.\n *\n * Moreover, it's use should be reserved for the builder only, since for live pages all Makeswift\n * API resources should be embedded in the \"page snapshot\". In the builder, this client serves the\n * purpose of sending requests for API resources and keeping a cache so that changes that happen in\n * the builder, like modifying a swatch, can be sent via `postMessage` to the host and the cache can\n * immediately update the value and re-render.\n *\n * Furthermore, the API resources requested shouldn't be requested directly from the Makeswift API\n * as that would require those resources to not be authenticated since the requests come from the\n * browser when running the host. Instead, the requests should go to the host directly, at the\n * Makeswift API endpoint (i.g., `/api/makeswift/[...makeswift]` dynamic route) where the host's\n * API key can be used, securely, in the server. For this reason, this client should really be a\n * client of the host's API, not Makeswift's, intended to build and continuously maintain a realtime\n * snapshot for use in the builder, not the lives pages.\n */\nexport class MakeswiftHostApiClient {\n  graphqlClient: GraphQLClient\n  makeswiftApiClient: MakeswiftApiClient.Store\n  subscribe: MakeswiftApiClient.Store['subscribe']\n  private localizedResourcesMap: LocalizedResourcesMap\n  private locale: Intl.Locale | undefined\n\n  constructor({ uri, cacheData, localizedResourcesMap = {}, locale }: MakeswiftClientOptions) {\n    this.graphqlClient = new GraphQLClient(uri)\n    this.makeswiftApiClient = MakeswiftApiClient.configureStore({ serializedState: cacheData })\n    this.subscribe = this.makeswiftApiClient.subscribe\n    this.localizedResourcesMap = new Map(Object.entries(localizedResourcesMap))\n    this.locale = locale\n  }\n\n  readSwatch(swatchId: string): Swatch | null {\n    return MakeswiftApiClient.getAPIResource(\n      this.makeswiftApiClient.getState(),\n      APIResourceType.Swatch,\n      swatchId,\n    )\n  }\n\n  async fetchSwatch(swatchId: string): Promise<Swatch | null> {\n    return await this.makeswiftApiClient.dispatch(\n      MakeswiftApiClient.fetchAPIResource(APIResourceType.Swatch, swatchId),\n    )\n  }\n\n  readFile(fileId: string): File | null {\n    return MakeswiftApiClient.getAPIResource(\n      this.makeswiftApiClient.getState(),\n      APIResourceType.File,\n      fileId,\n    )\n  }\n\n  async fetchFile(fileId: string): Promise<File | null> {\n    return await this.makeswiftApiClient.dispatch(\n      MakeswiftApiClient.fetchAPIResource(APIResourceType.File, fileId),\n    )\n  }\n\n  readTypography(typographyId: string): Typography | null {\n    return MakeswiftApiClient.getAPIResource(\n      this.makeswiftApiClient.getState(),\n      APIResourceType.Typography,\n      typographyId,\n    )\n  }\n\n  async fetchTypography(typographyId: string): Promise<Typography | null> {\n    return await this.makeswiftApiClient.dispatch(\n      MakeswiftApiClient.fetchAPIResource(APIResourceType.Typography, typographyId),\n    )\n  }\n\n  readGlobalElement(globalElementId: string): GlobalElement | null {\n    return MakeswiftApiClient.getAPIResource(\n      this.makeswiftApiClient.getState(),\n      APIResourceType.GlobalElement,\n      globalElementId,\n    )\n  }\n\n  async fetchGlobalElement(globalElementId: string): Promise<GlobalElement | null> {\n    return await this.makeswiftApiClient.dispatch(\n      MakeswiftApiClient.fetchAPIResource(APIResourceType.GlobalElement, globalElementId),\n    )\n  }\n\n  readLocalizedGlobalElement(globalElementId: string): LocalizedGlobalElement | null {\n    const localizedGlobalElementId = this.getLocalizedResourceId(globalElementId)\n\n    if (localizedGlobalElementId == null) return null\n\n    return MakeswiftApiClient.getAPIResource(\n      this.makeswiftApiClient.getState(),\n      APIResourceType.LocalizedGlobalElement,\n      localizedGlobalElementId,\n    )\n  }\n\n  async fetchLocalizedGlobalElement(\n    globalElementId: string,\n  ): Promise<LocalizedGlobalElement | null> {\n    const locale = this.locale\n\n    if (locale == null) return null\n\n    // If getLocalizedResourceId returns null, it means we have tried to fetch the resource,\n    // but the resource is not available. If we haven't fetched it yet, it'll return undefined.\n    const noLocalizedResource = this.getLocalizedResourceId(globalElementId) === null\n\n    if (noLocalizedResource) return null\n\n    // TODO(fikri): We're checking the cache here because the cache hit will fail on fetchAPIResource.\n    // This is because in the cache we're saving the ID of the localizedGlobalElementId,\n    // but we're reading the cache using the globalElementId.\n    // This is very confusing and it can lead to more bugs. We need to refactor how we handle\n    // localized global element.\n    const cacheResult = this.readLocalizedGlobalElement(globalElementId)\n\n    if (cacheResult) return cacheResult\n\n    const result = await this.makeswiftApiClient.dispatch(\n      MakeswiftApiClient.fetchAPIResource(\n        APIResourceType.LocalizedGlobalElement,\n        globalElementId,\n        locale,\n      ),\n    )\n\n    this.setLocalizedResourceId({\n      resourceId: globalElementId,\n      localizedResourceId: result?.id ?? null,\n    })\n\n    return result\n  }\n\n  readPagePathnameSlice(pageId: string): PagePathnameSlice | null {\n    return MakeswiftApiClient.getAPIResource(\n      this.makeswiftApiClient.getState(),\n      APIResourceType.PagePathnameSlice,\n      pageId,\n    )\n  }\n\n  async fetchPagePathnameSlice(pageId: string): Promise<PagePathnameSlice | null> {\n    return await this.makeswiftApiClient.dispatch(\n      MakeswiftApiClient.fetchAPIResource(APIResourceType.PagePathnameSlice, pageId, this.locale),\n    )\n  }\n\n  readTable(tableId: string): Table | null {\n    return MakeswiftApiClient.getAPIResource(\n      this.makeswiftApiClient.getState(),\n      APIResourceType.Table,\n      tableId,\n    )\n  }\n\n  async fetchTable(tableId: string): Promise<Table | null> {\n    return await this.makeswiftApiClient.dispatch(\n      MakeswiftApiClient.fetchAPIResource(APIResourceType.Table, tableId),\n    )\n  }\n\n  async createTableRecord(tableId: string, columns: any): Promise<void> {\n    await this.graphqlClient.request<\n      CreateTableRecordMutationResult,\n      CreateTableRecordMutationVariables\n    >(CreateTableRecordMutation, { input: { data: { tableId, columns } } })\n  }\n\n  readSite(siteId: string): Site | null {\n    return MakeswiftApiClient.getAPIResource(\n      this.makeswiftApiClient.getState(),\n      APIResourceType.Site,\n      siteId,\n    )\n  }\n\n  readPage(pageId: string): Page | null {\n    return MakeswiftApiClient.getAPIResource(\n      this.makeswiftApiClient.getState(),\n      APIResourceType.Page,\n      pageId,\n    )\n  }\n\n  readSnippet(snippetId: string): Snippet | null {\n    return MakeswiftApiClient.getAPIResource(\n      this.makeswiftApiClient.getState(),\n      APIResourceType.Snippet,\n      snippetId,\n    )\n  }\n\n  private getLocalizedResourceId(resourceId: string): string | undefined | null {\n    return this.localizedResourcesMap?.get(resourceId)\n  }\n\n  setLocalizedResourceId({\n    resourceId,\n    localizedResourceId,\n  }: {\n    resourceId: string\n    localizedResourceId: string | null\n  }): void {\n    this.localizedResourcesMap.set(resourceId, localizedResourceId)\n  }\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/api/react.ts"],"sourcesContent":["import * as MakeswiftApiClient from '../state/makeswift-api-client'\nimport {\n  APIResourceType,\n  File,\n  GlobalElement,\n  LocalizedGlobalElement,\n  Page,\n  PagePathnameSlice,\n  Site,\n  Snippet,\n  Swatch,\n  Table,\n  Typography,\n} from './graphql/types'\nimport { GraphQLClient } from './graphql/client'\nimport { CreateTableRecordMutation } from './graphql/documents'\nimport {\n  CreateTableRecordMutationResult,\n  CreateTableRecordMutationVariables,\n} from './graphql/generated/types'\n\nexport type SerializedLocalizedResourcesMap = {\n  [resourceId: string]: string | null\n}\n\ntype LocalizedResourcesMap = Map<string, string | null>\n\nexport type CacheData = MakeswiftApiClient.SerializedState\n\nexport type MakeswiftClientOptions = {\n  uri: string\n  cacheData?: CacheData\n  localizedResourcesMap?: SerializedLocalizedResourcesMap\n  locale?: Intl.Locale\n}\n\n/**\n * NOTE(miguel): This \"client\" is used to fetch Makeswift API resources needed for the host. For\n * example, swatches, files, typographies, etc. Ideally it's internal to the runtime and is only\n * used by controls to transform API references to API resources.\n *\n * Moreover, its use should be reserved for the builder only, since for live pages all Makeswift\n * API resources should be embedded in the \"page snapshot\". In the builder, this client serves the\n * purpose of sending requests for API resources and keeping a cache so that changes that happen in\n * the builder, like modifying a swatch, can be sent via `postMessage` to the host and the cache can\n * immediately update the value and re-render.\n *\n * Furthermore, the API resources requested shouldn't be requested directly from the Makeswift API\n * as that would require those resources to not be authenticated since the requests come from the\n * browser when running the host. Instead, the requests should go to the host directly, at the\n * Makeswift API endpoint (i.g., `/api/makeswift/[...makeswift]` dynamic route) where the host's\n * API key can be used, securely, in the server. For this reason, this client should really be a\n * client of the host's API, not Makeswift's, intended to build and continuously maintain a realtime\n * snapshot for use in the builder, not the lives pages.\n */\nexport class MakeswiftHostApiClient {\n  graphqlClient: GraphQLClient\n  makeswiftApiClient: MakeswiftApiClient.Store\n  subscribe: MakeswiftApiClient.Store['subscribe']\n  private localizedResourcesMap: LocalizedResourcesMap\n  private locale: Intl.Locale | undefined\n\n  constructor({ uri, cacheData, localizedResourcesMap = {}, locale }: MakeswiftClientOptions) {\n    this.graphqlClient = new GraphQLClient(uri)\n    this.makeswiftApiClient = MakeswiftApiClient.configureStore({ serializedState: cacheData })\n    this.subscribe = this.makeswiftApiClient.subscribe\n    this.localizedResourcesMap = new Map(Object.entries(localizedResourcesMap))\n    this.locale = locale\n  }\n\n  readSwatch(swatchId: string): Swatch | null {\n    return MakeswiftApiClient.getAPIResource(\n      this.makeswiftApiClient.getState(),\n      APIResourceType.Swatch,\n      swatchId,\n    )\n  }\n\n  async fetchSwatch(swatchId: string): Promise<Swatch | null> {\n    return await this.makeswiftApiClient.dispatch(\n      MakeswiftApiClient.fetchAPIResource(APIResourceType.Swatch, swatchId),\n    )\n  }\n\n  readFile(fileId: string): File | null {\n    return MakeswiftApiClient.getAPIResource(\n      this.makeswiftApiClient.getState(),\n      APIResourceType.File,\n      fileId,\n    )\n  }\n\n  async fetchFile(fileId: string): Promise<File | null> {\n    return await this.makeswiftApiClient.dispatch(\n      MakeswiftApiClient.fetchAPIResource(APIResourceType.File, fileId),\n    )\n  }\n\n  readTypography(typographyId: string): Typography | null {\n    return MakeswiftApiClient.getAPIResource(\n      this.makeswiftApiClient.getState(),\n      APIResourceType.Typography,\n      typographyId,\n    )\n  }\n\n  async fetchTypography(typographyId: string): Promise<Typography | null> {\n    return await this.makeswiftApiClient.dispatch(\n      MakeswiftApiClient.fetchAPIResource(APIResourceType.Typography, typographyId),\n    )\n  }\n\n  readGlobalElement(globalElementId: string): GlobalElement | null {\n    return MakeswiftApiClient.getAPIResource(\n      this.makeswiftApiClient.getState(),\n      APIResourceType.GlobalElement,\n      globalElementId,\n    )\n  }\n\n  async fetchGlobalElement(globalElementId: string): Promise<GlobalElement | null> {\n    return await this.makeswiftApiClient.dispatch(\n      MakeswiftApiClient.fetchAPIResource(APIResourceType.GlobalElement, globalElementId),\n    )\n  }\n\n  readLocalizedGlobalElement(globalElementId: string): LocalizedGlobalElement | null {\n    const localizedGlobalElementId = this.getLocalizedResourceId(globalElementId)\n\n    if (localizedGlobalElementId == null) return null\n\n    return MakeswiftApiClient.getAPIResource(\n      this.makeswiftApiClient.getState(),\n      APIResourceType.LocalizedGlobalElement,\n      localizedGlobalElementId,\n    )\n  }\n\n  async fetchLocalizedGlobalElement(\n    globalElementId: string,\n  ): Promise<LocalizedGlobalElement | null> {\n    const locale = this.locale\n\n    if (locale == null) return null\n\n    // If getLocalizedResourceId returns null, it means we have tried to fetch the resource,\n    // but the resource is not available. If we haven't fetched it yet, it'll return undefined.\n    const noLocalizedResource = this.getLocalizedResourceId(globalElementId) === null\n\n    if (noLocalizedResource) return null\n\n    // TODO(fikri): We're checking the cache here because the cache hit will fail on fetchAPIResource.\n    // This is because in the cache we're saving the ID of the localizedGlobalElementId,\n    // but we're reading the cache using the globalElementId.\n    // This is very confusing and it can lead to more bugs. We need to refactor how we handle\n    // localized global element.\n    const cacheResult = this.readLocalizedGlobalElement(globalElementId)\n\n    if (cacheResult) return cacheResult\n\n    const result = await this.makeswiftApiClient.dispatch(\n      MakeswiftApiClient.fetchAPIResource(\n        APIResourceType.LocalizedGlobalElement,\n        globalElementId,\n        locale,\n      ),\n    )\n\n    this.setLocalizedResourceId({\n      resourceId: globalElementId,\n      localizedResourceId: result?.id ?? null,\n    })\n\n    return result\n  }\n\n  readPagePathnameSlice(pageId: string): PagePathnameSlice | null {\n    return MakeswiftApiClient.getAPIResource(\n      this.makeswiftApiClient.getState(),\n      APIResourceType.PagePathnameSlice,\n      pageId,\n    )\n  }\n\n  async fetchPagePathnameSlice(pageId: string): Promise<PagePathnameSlice | null> {\n    return await this.makeswiftApiClient.dispatch(\n      MakeswiftApiClient.fetchAPIResource(APIResourceType.PagePathnameSlice, pageId, this.locale),\n    )\n  }\n\n  readTable(tableId: string): Table | null {\n    return MakeswiftApiClient.getAPIResource(\n      this.makeswiftApiClient.getState(),\n      APIResourceType.Table,\n      tableId,\n    )\n  }\n\n  async fetchTable(tableId: string): Promise<Table | null> {\n    return await this.makeswiftApiClient.dispatch(\n      MakeswiftApiClient.fetchAPIResource(APIResourceType.Table, tableId),\n    )\n  }\n\n  async createTableRecord(tableId: string, columns: any): Promise<void> {\n    await this.graphqlClient.request<\n      CreateTableRecordMutationResult,\n      CreateTableRecordMutationVariables\n    >(CreateTableRecordMutation, { input: { data: { tableId, columns } } })\n  }\n\n  readSite(siteId: string): Site | null {\n    return MakeswiftApiClient.getAPIResource(\n      this.makeswiftApiClient.getState(),\n      APIResourceType.Site,\n      siteId,\n    )\n  }\n\n  readPage(pageId: string): Page | null {\n    return MakeswiftApiClient.getAPIResource(\n      this.makeswiftApiClient.getState(),\n      APIResourceType.Page,\n      pageId,\n    )\n  }\n\n  readSnippet(snippetId: string): Snippet | null {\n    return MakeswiftApiClient.getAPIResource(\n      this.makeswiftApiClient.getState(),\n      APIResourceType.Snippet,\n      snippetId,\n    )\n  }\n\n  private getLocalizedResourceId(resourceId: string): string | undefined | null {\n    return this.localizedResourcesMap?.get(resourceId)\n  }\n\n  setLocalizedResourceId({\n    resourceId,\n    localizedResourceId,\n  }: {\n    resourceId: string\n    localizedResourceId: string | null\n  }): void {\n    this.localizedResourcesMap.set(resourceId, localizedResourceId)\n  }\n}\n"],"mappings":"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","names":[]}

package/dist/cjs/{prop-controllers/base.js → builder/rich-text/index.js}

@@ -16,19 +16,14 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var base_exports = {};
-__export(base_exports, {
-  PropController: () => PropController
+var rich_text_exports = {};
+__export(rich_text_exports, {
+  RichTextCore: () => import_controls.Slate
 });
-module.exports = __toCommonJS(base_exports);
-class PropController {
-  send;
-  constructor(send) {
-    this.send = send;
-  }
-}
+module.exports = __toCommonJS(rich_text_exports);
+var import_controls = require("@makeswift/controls");
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  PropController
+  RichTextCore
 });
-//# sourceMappingURL=base.js.map
+//# sourceMappingURL=index.js.map

package/dist/cjs/builder/rich-text/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/builder/rich-text/index.ts"],"sourcesContent":["export { Slate as RichTextCore, type RichTextTypography } from '@makeswift/controls'\nexport { type RichTextV2Plugin } from '../../controls/rich-text-v2/plugin'\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAA+D;","names":[]}

package/dist/cjs/builder/serialization/control-serialization.js

@@ -20,19 +20,18 @@ var control_serialization_exports = {};
 __export(control_serialization_exports, {
   deserializeControl: () => deserializeControl,
   deserializeControls: () => deserializeControls,
+  deserializeLegacyControl: () => deserializeLegacyControl,
+  deserializeUnifiedControlDef: () => deserializeUnifiedControlDef,
   serializeControl: () => serializeControl,
   serializeControls: () => serializeControls
 });
 module.exports = __toCommonJS(control_serialization_exports);
-var import_controls = require("../../controls");
+var import_controls2 = require("../../controls");
 var import_deleted = require("../../prop-controllers/deleted");
-var import_combobox = require("./controls/combobox");
-var import_list = require("./controls/list");
-var import_rich_text_v2 = require("./controls/rich-text-v2");
-var import_shape = require("./controls/shape");
-var import_style_v2 = require("./controls/style-v2");
 var import_function_serialization = require("./function-serialization");
 var import_prop_controllers3 = require("@makeswift/prop-controllers");
+var import_descriptors = require("../../prop-controllers/descriptors");
+var import_controls3 = require("@makeswift/controls");
 function serializeShapeControl(control) {
   const { type } = control.options;
   const transferables = [];
@@ -272,6 +271,13 @@ function deserializeRichTextControl(serializedControl) {
   return { ...serializedControl, options: deserializedOptions };
 }
 function serializeControl(control) {
+  if ((0, import_descriptors.isLegacyDescriptor)(control)) {
+    return serializeLegacyControl(control);
+  }
+  const [serializedControl, transferables] = control.serialize();
+  return [serializedControl, transferables];
+}
+function serializeLegacyControl(control) {
   switch (control.type) {
     case import_prop_controllers3.Types.Checkbox:
       return serializeCheckboxControl(control);
@@ -309,21 +315,14 @@ function serializeControl(control) {
       return serializeImageControl(control);
     case import_deleted.DELETED_PROP_CONTROLLER_TYPES.RichText:
       return serializeRichTextControl(control);
-    case import_controls.RichTextV2ControlType:
-      return (0, import_rich_text_v2.serializeRichTextControlV2)(control);
-    case import_controls.StyleV2ControlType:
-      return (0, import_style_v2.serializeStyleV2Control)(control);
-    case import_controls.ComboboxControlType:
-      return (0, import_combobox.serializeComboboxControlDefinition)(control);
-    case import_controls.ShapeControlType:
-      return (0, import_shape.serializeShapeControlDefinition)(control);
-    case import_controls.ListControlType:
-      return (0, import_list.serializeListControlDefinition)(control);
     default:
       return [control, []];
   }
 }
-function deserializeControl(serializedControl) {
+function isSerializedLegacyControl(control) {
+  return "options" in control;
+}
+function deserializeLegacyControl(serializedControl) {
   switch (serializedControl.type) {
     case import_prop_controllers3.Types.Checkbox:
       return deserializeCheckboxControl(serializedControl);
@@ -361,20 +360,43 @@ function deserializeControl(serializedControl) {
       return deserializeImageControl(serializedControl);
     case import_deleted.DELETED_PROP_CONTROLLER_TYPES.RichText:
       return deserializeRichTextControl(serializedControl);
-    case import_controls.RichTextV2ControlType:
-      return (0, import_rich_text_v2.deserializeRichTextControlV2)(serializedControl);
-    case import_controls.StyleV2ControlType:
-      return (0, import_style_v2.deserializeStyleV2Control)(serializedControl);
-    case import_controls.ComboboxControlType:
-      return (0, import_combobox.deserializeComboboxControlDefinition)(serializedControl);
-    case import_controls.ShapeControlType:
-      return (0, import_shape.deserializeShapeControlDefinition)(serializedControl);
-    case import_controls.ListControlType:
-      return (0, import_list.deserializeListControlDefinition)(serializedControl);
     default:
       return serializedControl;
   }
 }
+function deserializeControl(serializedControl) {
+  if (isSerializedLegacyControl(serializedControl)) {
+    return deserializeLegacyControl(serializedControl);
+  }
+  return deserializeUnifiedControlDef((0, import_controls3.deserializeRecord)(serializedControl));
+}
+function deserializeUnifiedControlDef(record) {
+  const deserializeMethod = {
+    [import_controls2.CheckboxDefinition.type]: import_controls2.CheckboxDefinition.deserialize,
+    [import_controls2.ColorDefinition.type]: import_controls2.ColorDefinition.deserialize,
+    [import_controls2.NumberDefinition.type]: import_controls2.NumberDefinition.deserialize,
+    [import_controls2.SelectDefinition.type]: import_controls2.SelectDefinition.deserialize,
+    [import_controls2.ComboboxDefinition.type]: import_controls2.ComboboxDefinition.deserialize,
+    [import_controls2.ImageDefinition.type]: import_controls2.ImageDefinition.deserialize,
+    [import_controls2.SlotDefinition.type]: import_controls2.SlotDefinition.deserialize,
+    [import_controls2.TextAreaDefinition.type]: import_controls2.TextAreaDefinition.deserialize,
+    [import_controls2.TextInputDefinition.type]: import_controls2.TextInputDefinition.deserialize,
+    [import_controls2.IconRadioGroupDefinition.type]: import_controls2.IconRadioGroupDefinition.deserialize,
+    [import_controls2.LinkDefinition.type]: import_controls2.LinkDefinition.deserialize,
+    [import_controls2.StyleDefinition.type]: import_controls2.StyleDefinition.deserialize,
+    [import_controls2.ListDefinition.type]: (record2) => import_controls2.ListDefinition.deserialize(record2, deserializeUnifiedControlDef),
+    [import_controls2.ShapeDefinition.type]: (record2) => import_controls2.ShapeDefinition.deserialize(record2, deserializeUnifiedControlDef),
+    [import_controls2.StyleV2Definition.type]: (record2) => import_controls2.StyleV2Definition.deserialize(record2, deserializeUnifiedControlDef),
+    [import_controls2.RichTextV1Definition.type]: import_controls2.RichTextV1Definition.deserialize,
+    [import_controls2.RichTextV2Definition.type]: (record2) => import_controls2.RichTextV2Definition.deserialize(record2, deserializeUnifiedControlDef),
+    [import_controls2.unstable_TypographyDefinition.type]: import_controls2.unstable_TypographyDefinition.deserialize
+  };
+  const deserialize = deserializeMethod[record.type] ?? null;
+  if (deserialize == null) {
+    throw new Error(`Unknown control type: ${record.type}`);
+  }
+  return deserialize(record);
+}
 function serializeControls(controls) {
   return Object.entries(controls).reduce(
     ([accControls, accTransferables], [key, control]) => {
@@ -396,6 +418,8 @@ function deserializeControls(serializedControls) {
 0 && (module.exports = {
   deserializeControl,
   deserializeControls,
+  deserializeLegacyControl,
+  deserializeUnifiedControlDef,
   serializeControl,
   serializeControls
 });

package/dist/cjs/builder/serialization/control-serialization.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/builder/serialization/control-serialization.ts"],"sourcesContent":["import {\n  GapData,\n  GapX,\n  GapYDescriptor,\n  GapYPropControllerData,\n  ResponsiveLengthOptions,\n  ResponsiveLengthPropControllerData,\n  ResponsiveIconRadioGroup,\n  ResponsiveNumber,\n  ResponsiveSelect,\n  type Descriptor,\n  type PropDef,\n  type OptionsType,\n} from '@makeswift/prop-controllers'\nimport {\n  ComboboxControlDefinition,\n  ComboboxControlType,\n  ListControlDefinition,\n  ListControlType,\n  RichTextV2ControlDefinition,\n  RichTextV2ControlType,\n  ShapeControlDefinition,\n  ShapeControlType,\n  StyleV2ControlDefinition,\n  StyleV2ControlType,\n  RichTextValue as RichTextControlValue,\n} from '../../controls'\nimport {\n  Data,\n  Device,\n  PanelDescriptor as PanelControl,\n  PanelDescriptorType as PanelControlType,\n  PanelDescriptorValueType as PanelControlValueType,\n  PropControllerDescriptor as Control,\n} from '../../prop-controllers'\nimport {\n  DELETED_PROP_CONTROLLER_TYPES,\n  ListDescriptor as ListControl,\n  ListOptions as ListControlConfig,\n  ListValue as ListControlValue,\n  ShapeDescriptor as ShapeControl,\n  ShapeValue as ShapeControlValue,\n  TypeaheadDescriptor as TypeaheadControl,\n  TypeaheadOptions as TypeaheadControlConfig,\n  TypeaheadValue as TypeaheadControlValue,\n  RichTextDescriptor as RichTextControl,\n} from '../../prop-controllers/deleted'\nimport {\n  deserializeComboboxControlDefinition,\n  serializeComboboxControlDefinition,\n} from './controls/combobox'\nimport { deserializeListControlDefinition, serializeListControlDefinition } from './controls/list'\nimport { deserializeRichTextControlV2, serializeRichTextControlV2 } from './controls/rich-text-v2'\nimport {\n  deserializeShapeControlDefinition,\n  serializeShapeControlDefinition,\n} from './controls/shape'\nimport { deserializeStyleV2Control, serializeStyleV2Control } from './controls/style-v2'\nimport { Deserialize, Serialize } from './controls/types'\nimport {\n  DeserializedFunction,\n  deserializeFunction,\n  isSerializedFunction,\n  SerializedFunction,\n  serializeFunction,\n} from './function-serialization'\nimport {\n  LinkData,\n  DateDescriptor as DateControl,\n  DatePropControllerData,\n  Types as PropControllerTypes,\n  ImageDescriptor as ImageControl,\n  ImageData as ImageControlValue,\n  LinkDescriptor as LinkControl,\n  LinkPropControllerData,\n  ResponsiveLengthDescriptor,\n  NumberOptions,\n  NumberPropControllerData,\n  NumberDescriptor,\n  ResponsiveColorPropControllerData,\n  ResponsiveColorDescriptor,\n  CheckboxPropControllerData,\n  CheckboxDescriptor as CheckboxControl,\n  TextStyleDescriptor as TextStyleControl,\n  TextStylePropControllerData,\n  TextInputDescriptor as TextInputControl,\n} from '@makeswift/prop-controllers'\n\ntype SerializedShapeControlConfig<T extends Record<string, SerializedPanelControl>> = {\n  type: T\n  preset?: { [K in keyof T]?: SerializedPanelControlValueType<T[K]> }\n}\n\ntype SerializedShapeControl<\n  _T extends Record<string, Data>,\n  U extends Record<string, SerializedPanelControl>,\n> = {\n  type: typeof DELETED_PROP_CONTROLLER_TYPES.Shape\n  options: SerializedShapeControlConfig<U>\n}\n\nfunction serializeShapeControl<\n  T extends Record<string, Data>,\n  U extends Record<string, PanelControl>,\n>(\n  control: ShapeControl<T, U>,\n): [\n  SerializedShapeControl<\n    T,\n    { [K in keyof U]: SerializedPanelControl<PanelControlValueType<U[K]>> }\n  >,\n  Transferable[],\n] {\n  const { type } = control.options\n  const transferables: Transferable[] = []\n  const serializedType = {} as {\n    [K in keyof U]: SerializedPanelControl<PanelControlValueType<U[K]>>\n  }\n\n  Object.entries(type).forEach(([key, control]) => {\n    const [serializedControl, serializedControlTransferables] = serializeControl(control)\n\n    serializedType[key as keyof typeof type] = serializedControl as SerializedPanelControl\n    transferables.push(...serializedControlTransferables)\n  })\n\n  // @ts-expect-error: preset types are incompatible\n  return [{ ...control, options: { ...control.options, type: serializedType } }, transferables]\n}\n\ntype DeserializedShapeControlConfig<T extends Record<string, DeserializedPanelControl>> = {\n  type: T\n  preset?: { [K in keyof T]?: DeserializedPanelControlValueType<T[K]> }\n}\n\ntype DeserializedShapeControl<\n  _T extends Record<string, Data>,\n  U extends Record<string, DeserializedPanelControl>,\n> = {\n  type: typeof DELETED_PROP_CONTROLLER_TYPES.Shape\n  options: DeserializedShapeControlConfig<U>\n}\n\nfunction deserializeShapeControl<\n  T extends Record<string, Data>,\n  U extends Record<string, SerializedPanelControl>,\n>(\n  control: SerializedShapeControl<T, U>,\n): DeserializedShapeControl<\n  T,\n  { [K in keyof U]: DeserializedPanelControl<SerializedPanelControlValueType<U[K]>> }\n> {\n  const { type } = control.options\n  const deserializedType = {} as {\n    [K in keyof U]: DeserializedPanelControl<SerializedPanelControlValueType<U[K]>>\n  }\n\n  Object.entries(type).forEach(([key, control]) => {\n    deserializedType[key as keyof typeof type] = deserializeControl(\n      control,\n    ) as DeserializedPanelControl\n  })\n\n  // @ts-expect-error: preset types are incompatible\n  return { ...control, options: { ...control.options, type: deserializedType } }\n}\n\ntype SerializedListControlConfig<T extends Data> = {\n  type: SerializedPanelControl<T>\n  label?: string\n  getItemLabel?: SerializedFunction<Exclude<ListControlConfig<T>['getItemLabel'], undefined>>\n  preset?: ListControlValue<T>\n  defaultValue?: ListControlValue<T>\n}\n\ntype SerializedListControl<T extends ListControlValue = ListControlValue> = {\n  type: typeof DELETED_PROP_CONTROLLER_TYPES.List\n  options: SerializedListControlConfig<T extends ListControlValue<infer U> ? U : never>\n}\n\nfunction serializeListControl<T extends Data>(\n  control: ListControl<ListControlValue<T>>,\n): [SerializedListControl<ListControlValue<T>>, Transferable[]] {\n  const { type, getItemLabel } = control.options\n  const transferables: Transferable[] = []\n\n  const [serializedType, serializedTypeTransferables] = serializeControl(type)\n  const serializedGetItemLabel = getItemLabel && serializeFunction(getItemLabel)\n\n  transferables.push(...serializedTypeTransferables)\n  if (serializedGetItemLabel != null) transferables.push(serializedGetItemLabel)\n\n  return [\n    {\n      ...control,\n      options: {\n        ...control.options,\n        type: serializedType as SerializedPanelControl,\n        getItemLabel: serializedGetItemLabel,\n      },\n    },\n    transferables,\n  ]\n}\n\ntype DeserializedListControlConfig<T extends Data> = {\n  type: DeserializedPanelControl<T>\n  label?: string\n  getItemLabel?: DeserializedFunction<Exclude<ListControlConfig<T>['getItemLabel'], undefined>>\n  preset?: ListControlValue<T>\n  defaultValue?: ListControlValue<T>\n}\n\ntype DeserializedListControl<T extends ListControlValue = ListControlValue> = {\n  type: typeof DELETED_PROP_CONTROLLER_TYPES.List\n  options: DeserializedListControlConfig<T extends ListControlValue<infer U> ? U : never>\n}\n\nfunction deserializeListControl<T extends Data>(\n  serializedControl: SerializedListControl<ListControlValue<T>>,\n): DeserializedListControl<ListControlValue<T>> {\n  const { type, getItemLabel } = serializedControl.options\n\n  const deserializedType = deserializeControl(type) as DeserializedPanelControl\n  const deserializedGetItemLabel = getItemLabel && deserializeFunction(getItemLabel)\n\n  return {\n    ...serializedControl,\n    options: {\n      ...serializedControl.options,\n      type: deserializedType,\n      getItemLabel: deserializedGetItemLabel,\n    },\n  }\n}\n\ntype SerializedTypeaheadControlConfig<T extends Data> = {\n  getItems: SerializedFunction<TypeaheadControlConfig<T>['getItems']>\n  label?: string\n  preset?: TypeaheadControlValue<T>\n  defaultValue?: TypeaheadControlValue<T>\n}\n\ntype SerializedTypeaheadControl<T extends TypeaheadControlValue = TypeaheadControlValue> = {\n  type: typeof DELETED_PROP_CONTROLLER_TYPES.Typeahead\n  options: SerializedTypeaheadControlConfig<T['value']>\n}\n\nfunction serializeTypeaheadControl<T extends Data>(\n  control: TypeaheadControl<TypeaheadControlValue<T>>,\n): [SerializedTypeaheadControl<TypeaheadControlValue<T>>, Transferable[]] {\n  const { getItems } = control.options\n\n  const serializedGetItems = getItems && serializeFunction(getItems)\n\n  return [\n    { ...control, options: { ...control.options, getItems: serializedGetItems } },\n    serializedGetItems == null ? [] : [serializedGetItems],\n  ]\n}\n\ntype DeserializedTypeaheadControlConfig<T extends Data> = {\n  getItems: DeserializedFunction<TypeaheadControlConfig<T>['getItems']>\n  label?: string\n  preset?: TypeaheadControlValue<T>\n  defaultValue?: TypeaheadControlValue<T>\n}\n\ntype DeserializedTypeaheadControl<T extends TypeaheadControlValue = TypeaheadControlValue> = {\n  type: typeof DELETED_PROP_CONTROLLER_TYPES.Typeahead\n  options: DeserializedTypeaheadControlConfig<T['value']>\n}\n\nfunction deserializeTypeaheadControl<T extends Data>(\n  serializedControl: SerializedTypeaheadControl<TypeaheadControlValue<T>>,\n): DeserializedTypeaheadControl<TypeaheadControlValue<T>> {\n  const { getItems } = serializedControl.options\n\n  const deserializedGetItems = getItems && deserializeFunction(getItems)\n\n  return {\n    ...serializedControl,\n    options: { ...serializedControl.options, getItems: deserializedGetItems },\n  }\n}\n\ntype SerializedConfig<T> =\n  | T\n  | SerializedFunction<(props: Record<string, unknown>, deviceMode: Device) => T>\n\nexport type DeserializedConfig<T> =\n  | T\n  | DeserializedFunction<(props: Record<string, unknown>, deviceMode: Device) => T>\n\ntype SerializedControlDef<P extends PropDef> = Descriptor<P> & {\n  options: SerializedConfig<OptionsType<P>>\n}\n\nfunction serializeControlDef<P extends PropDef>(\n  control: Descriptor<P>,\n): [SerializedControlDef<P>, Transferable[]] {\n  const { options } = control\n\n  if (typeof options !== 'function') return [{ ...control, options }, []]\n\n  const serializedOptions = serializeFunction(options)\n\n  return [{ ...control, options: serializedOptions }, [serializedOptions]]\n}\n\nexport type DeserializedControlDef<P extends PropDef> = Descriptor<P> & {\n  options: DeserializedConfig<OptionsType<P>>\n}\n\nfunction deserializeControlDef<P extends PropDef>(\n  serializedControl: SerializedControlDef<P>,\n): DeserializedControlDef<P> {\n  const { options } = serializedControl\n\n  if (!isSerializedFunction(options)) return { ...serializedControl, options }\n\n  const deserializedOptions = deserializeFunction(options)\n\n  return { ...serializedControl, options: deserializedOptions }\n}\n\ntype GapYControlConfig = {\n  preset?: GapYPropControllerData\n  label?: string\n  defaultValue?: GapData\n  min?: number\n  max?: number\n  step?: number\n  hidden?: boolean\n}\n\ntype SerializedGapYControl<_T = GapYPropControllerData> = {\n  type: typeof PropControllerTypes.GapY\n  options: SerializedConfig<GapYControlConfig>\n}\n\nfunction serializeGapYControl(control: GapYDescriptor): [SerializedGapYControl, Transferable[]] {\n  const { options } = control\n\n  if (typeof options !== 'function') return [{ ...control, options }, []]\n\n  const serializedOptions = serializeFunction(options)\n\n  return [{ ...control, options: serializedOptions }, [serializedOptions]]\n}\n\ntype DeserializedGapYControl<_T = GapYPropControllerData> = {\n  type: typeof PropControllerTypes.GapY\n  options: DeserializedConfig<GapYControlConfig>\n}\n\nfunction deserializeGapYControl(serializedControl: SerializedGapYControl): DeserializedGapYControl {\n  const { options } = serializedControl\n\n  if (!isSerializedFunction(options)) return { ...serializedControl, options }\n\n  const deserializedOptions = deserializeFunction(options)\n\n  return { ...serializedControl, options: deserializedOptions }\n}\n\ntype CheckboxControlConfig = {\n  preset?: CheckboxPropControllerData\n  label: string\n  hidden?: boolean\n}\n\ntype SerializedCheckboxControl<_T = CheckboxPropControllerData> = {\n  type: typeof PropControllerTypes.Checkbox\n  options: SerializedConfig<CheckboxControlConfig>\n}\n\nfunction serializeCheckboxControl(\n  control: CheckboxControl,\n): [SerializedCheckboxControl, Transferable[]] {\n  const { options } = control\n\n  if (typeof options !== 'function') return [{ ...control, options }, []]\n\n  const serializedOptions = serializeFunction(options)\n\n  return [{ ...control, options: serializedOptions }, [serializedOptions]]\n}\n\ntype DeserializedCheckboxControl<_T = CheckboxPropControllerData> = {\n  type: typeof PropControllerTypes.Checkbox\n  options: DeserializedConfig<CheckboxControlConfig>\n}\n\nfunction deserializeCheckboxControl(\n  serializedControl: SerializedCheckboxControl,\n): DeserializedCheckboxControl {\n  const { options } = serializedControl\n\n  if (!isSerializedFunction(options)) return { ...serializedControl, options }\n\n  const deserializedOptions = deserializeFunction(options)\n\n  return { ...serializedControl, options: deserializedOptions }\n}\n\ntype ResponsiveColorControlConfig = { label?: string; placeholder?: string; hidden?: boolean }\n\ntype SerializedResponsiveColorControl<_T = ResponsiveColorPropControllerData> = {\n  type: typeof PropControllerTypes.ResponsiveColor\n  options: SerializedConfig<ResponsiveColorControlConfig>\n}\n\nfunction serializeResponsiveColorControl(\n  control: ResponsiveColorDescriptor,\n): [SerializedResponsiveColorControl, Transferable[]] {\n  const { options } = control\n\n  if (typeof options !== 'function') return [{ ...control, options }, []]\n\n  const serializedOptions = serializeFunction(options)\n\n  return [{ ...control, options: serializedOptions }, [serializedOptions]]\n}\n\ntype DeserializedResponsiveColorControl<_T = ResponsiveColorPropControllerData> = {\n  type: typeof PropControllerTypes.ResponsiveColor\n  options: DeserializedConfig<ResponsiveColorControlConfig>\n}\n\nfunction deserializeResponsiveColorControl(\n  serializedControl: SerializedResponsiveColorControl,\n): DeserializedResponsiveColorControl {\n  const { options } = serializedControl\n\n  if (!isSerializedFunction(options)) return { ...serializedControl, options }\n\n  const deserializedOptions = deserializeFunction(options)\n\n  return { ...serializedControl, options: deserializedOptions }\n}\ntype SerializedNumberControl<_T = NumberPropControllerData> = {\n  type: typeof PropControllerTypes.Number\n  options: SerializedConfig<NumberOptions>\n}\n\nfunction serializeNumberControl(\n  control: NumberDescriptor,\n): [SerializedNumberControl, Transferable[]] {\n  const { options } = control\n\n  if (typeof options !== 'function') return [{ ...control, options }, []]\n\n  const serializedOptions = serializeFunction(options)\n\n  return [{ ...control, options: serializedOptions }, [serializedOptions]]\n}\n\ntype DeserializedNumberControl<_T = NumberPropControllerData> = {\n  type: typeof PropControllerTypes.Number\n  options: DeserializedConfig<NumberOptions>\n}\n\nfunction deserializeNumberControl(\n  serializedControl: SerializedNumberControl,\n): DeserializedNumberControl {\n  const { options } = serializedControl\n\n  if (!isSerializedFunction(options)) return { ...serializedControl, options }\n\n  const deserializedOptions = deserializeFunction(options)\n\n  return { ...serializedControl, options: deserializedOptions }\n}\n\ntype DateControlConfig = { preset?: DatePropControllerData }\n\ntype SerializedDateControl<_T = DatePropControllerData> = {\n  type: typeof PropControllerTypes.Date\n  options: SerializedConfig<DateControlConfig>\n}\n\nfunction serializeDateControl(control: DateControl): [SerializedDateControl, Transferable[]] {\n  const { options } = control\n\n  if (typeof options !== 'function') return [{ ...control, options }, []]\n\n  const serializedOptions = serializeFunction(options)\n\n  return [{ ...control, options: serializedOptions }, [serializedOptions]]\n}\n\ntype DeserializedDateControl<_T = DatePropControllerData> = {\n  type: typeof PropControllerTypes.Date\n  options: DeserializedConfig<DateControlConfig>\n}\n\nfunction deserializeDateControl(serializedControl: SerializedDateControl): DeserializedDateControl {\n  const { options } = serializedControl\n\n  if (!isSerializedFunction(options)) return { ...serializedControl, options }\n\n  const deserializedOptions = deserializeFunction(options)\n\n  return { ...serializedControl, options: deserializedOptions }\n}\n\ntype LinkControlConfig = {\n  preset?: LinkPropControllerData\n  label?: string\n  defaultValue?: LinkPropControllerData\n  options?: { value: LinkData['type']; label: string }[]\n  hidden?: boolean\n}\n\ntype SerializedLinkControl<_T = LinkPropControllerData> = {\n  type: typeof PropControllerTypes.Link\n  options: SerializedConfig<LinkControlConfig>\n}\n\nfunction serializeLinkControl(control: LinkControl): [SerializedLinkControl, Transferable[]] {\n  const { options } = control\n\n  if (typeof options !== 'function') return [{ ...control, options }, []]\n\n  const serializedOptions = serializeFunction(options)\n\n  return [{ ...control, options: serializedOptions }, [serializedOptions]]\n}\n\ntype DeserializedLinkControl<_T = LinkPropControllerData> = {\n  type: typeof PropControllerTypes.Link\n  options: DeserializedConfig<LinkControlConfig>\n}\n\nfunction deserializeLinkControl(serializedControl: SerializedLinkControl): DeserializedLinkControl {\n  const { options } = serializedControl\n\n  if (!isSerializedFunction(options)) return { ...serializedControl, options }\n\n  const deserializedOptions = deserializeFunction(options)\n\n  return { ...serializedControl, options: deserializedOptions }\n}\n\ntype TextInputControlConfig = { label?: string; placeholder?: string; hidden?: boolean }\n\ntype TextInputControlValue = string\n\ntype SerializedTextInputControl<_T = TextInputControlValue> = {\n  type: typeof PropControllerTypes.TextInput\n  options: SerializedConfig<TextInputControlConfig>\n}\n\nfunction serializeTextInputControl(\n  control: TextInputControl,\n): [SerializedTextInputControl, Transferable[]] {\n  const { options } = control\n\n  if (typeof options !== 'function') return [{ ...control, options }, []]\n\n  const serializedOptions = serializeFunction(options)\n\n  return [{ ...control, options: serializedOptions }, [serializedOptions]]\n}\n\ntype DeserializedTextInputControl<_T = TextInputControlValue> = {\n  type: typeof PropControllerTypes.TextInput\n  options: DeserializedConfig<TextInputControlConfig>\n}\n\nfunction deserializeTextInputControl(\n  serializedControl: SerializedTextInputControl,\n): DeserializedTextInputControl {\n  const { options } = serializedControl\n\n  if (!isSerializedFunction(options)) return { ...serializedControl, options }\n\n  const deserializedOptions = deserializeFunction(options)\n\n  return { ...serializedControl, options: deserializedOptions }\n}\n\ntype SerializedResponsiveLengthControl<_T = ResponsiveLengthPropControllerData> = {\n  type: typeof PropControllerTypes.ResponsiveLength\n  options: SerializedConfig<ResponsiveLengthOptions>\n}\n\nfunction serializeResponsiveLengthControl(\n  control: ResponsiveLengthDescriptor,\n): [SerializedResponsiveLengthControl, Transferable[]] {\n  const { options } = control\n\n  if (typeof options !== 'function') return [{ ...control, options }, []]\n\n  const serializedOptions = serializeFunction(options)\n\n  return [{ ...control, options: serializedOptions }, [serializedOptions]]\n}\n\ntype DeserializedResponsiveLengthControl<_T = ResponsiveLengthPropControllerData> = {\n  type: typeof PropControllerTypes.ResponsiveLength\n  options: DeserializedConfig<ResponsiveLengthOptions>\n}\n\nfunction deserializeResponsiveLengthControl(\n  serializedControl: SerializedResponsiveLengthControl,\n): DeserializedResponsiveLengthControl {\n  const { options } = serializedControl\n\n  if (!isSerializedFunction(options)) return { ...serializedControl, options }\n\n  const deserializedOptions = deserializeFunction(options)\n\n  return { ...serializedControl, options: deserializedOptions }\n}\n\ntype SerializedTextStyleControl<_T = TextStylePropControllerData> = {\n  type: typeof PropControllerTypes.TextStyle\n  options: SerializedConfig<TextStyleControlConfig>\n}\n\nfunction serializeTextStyleControl(\n  control: TextStyleControl,\n): [SerializedTextStyleControl, Transferable[]] {\n  const { options } = control\n\n  if (typeof options !== 'function') return [{ ...control, options }, []]\n\n  const serializedOptions = serializeFunction(options)\n\n  return [{ ...control, options: serializedOptions }, [serializedOptions]]\n}\n\ntype TextStyleControlConfig = {\n  preset?: TextStylePropControllerData\n  label?: string\n  hidden?: boolean\n}\n\ntype DeserializedTextStyleControl<_T = TextStylePropControllerData> = {\n  type: typeof PropControllerTypes.TextStyle\n  options: DeserializedConfig<TextStyleControlConfig>\n}\n\nfunction deserializeTextStyleControl(\n  serializedControl: SerializedTextStyleControl,\n): DeserializedTextStyleControl {\n  const { options } = serializedControl\n\n  if (!isSerializedFunction(options)) return { ...serializedControl, options }\n\n  const deserializedOptions = deserializeFunction(options)\n\n  return { ...serializedControl, options: deserializedOptions }\n}\n\ntype ImageControlConfig = { label?: string; hidden?: boolean }\n\ntype SerializedImageControl<_T = ImageControlValue> = {\n  type: typeof PropControllerTypes.Image\n  options: SerializedConfig<ImageControlConfig>\n}\n\nfunction serializeImageControl(control: ImageControl): [SerializedImageControl, Transferable[]] {\n  const { options } = control\n\n  if (typeof options !== 'function') return [{ ...control, options }, []]\n\n  const serializedOptions = serializeFunction(options)\n\n  return [{ ...control, options: serializedOptions }, [serializedOptions]]\n}\n\ntype DeserializedImageControl<_T = ImageControlValue> = {\n  type: typeof PropControllerTypes.Image\n  options: DeserializedConfig<ImageControlConfig>\n}\n\nfunction deserializeImageControl(\n  serializedControl: SerializedImageControl,\n): DeserializedImageControl {\n  const { options } = serializedControl\n\n  if (!isSerializedFunction(options)) return { ...serializedControl, options }\n\n  const deserializedOptions = deserializeFunction(options)\n\n  return { ...serializedControl, options: deserializedOptions }\n}\n\ntype RichTextControlConfig = { preset?: RichTextControlValue }\n\ntype SerializedRichTextControl<_T = RichTextControlValue> = {\n  type: typeof DELETED_PROP_CONTROLLER_TYPES.RichText\n  options: SerializedConfig<RichTextControlConfig>\n}\n\nfunction serializeRichTextControl(\n  control: RichTextControl,\n): [SerializedRichTextControl, Transferable[]] {\n  const { options } = control\n\n  if (typeof options !== 'function') return [{ ...control, options }, []]\n\n  const serializedOptions = serializeFunction(options)\n\n  return [{ ...control, options: serializedOptions }, [serializedOptions]]\n}\n\ntype DeserializedRichTextControl<_T = RichTextControlValue> = {\n  type: typeof DELETED_PROP_CONTROLLER_TYPES.RichText\n  options: DeserializedConfig<RichTextControlConfig>\n}\n\nfunction deserializeRichTextControl(\n  serializedControl: SerializedRichTextControl,\n): DeserializedRichTextControl {\n  const { options } = serializedControl\n\n  if (!isSerializedFunction(options)) return { ...serializedControl, options }\n\n  const deserializedOptions = deserializeFunction(options)\n\n  return { ...serializedControl, options: deserializedOptions }\n}\n\nexport type SerializedControl<T extends Data = Data> =\n  | Exclude<\n      Control<T>,\n      | ListControl<T extends ListControlValue ? T : ListControlValue>\n      | ShapeControl<T extends ShapeControlValue ? T : ShapeControlValue, any>\n      | TypeaheadControl<T extends TypeaheadControlValue ? T : TypeaheadControlValue>\n      | Descriptor<typeof GapX>\n      | GapYDescriptor<T>\n      | Descriptor<typeof ResponsiveNumber>\n      | CheckboxControl<T>\n      | ResponsiveColorDescriptor<T>\n      | NumberDescriptor<T>\n      | Descriptor<typeof ResponsiveIconRadioGroup>\n      | Descriptor<typeof ResponsiveSelect>\n      | ResponsiveLengthDescriptor<T>\n      | DateControl<T>\n      | LinkControl<T>\n      | TextInputControl<T>\n      | TextStyleControl<T>\n      | ImageControl<T>\n      | RichTextControl<T>\n      | RichTextV2ControlDefinition\n      | ComboboxControlDefinition\n      | ShapeControlDefinition\n      | ListControlDefinition\n      | StyleV2ControlDefinition\n    >\n  | SerializedListControl<T extends ListControlValue ? T : ListControlValue>\n  | SerializedShapeControl<T extends ShapeControlValue ? T : ShapeControlValue, any>\n  | SerializedTypeaheadControl<T extends TypeaheadControlValue ? T : TypeaheadControlValue>\n  | SerializedControlDef<typeof GapX>\n  | SerializedGapYControl<T>\n  | SerializedControlDef<typeof ResponsiveNumber>\n  | SerializedCheckboxControl<T>\n  | SerializedResponsiveColorControl<T>\n  | SerializedNumberControl<T>\n  | SerializedControlDef<typeof ResponsiveIconRadioGroup>\n  | SerializedControlDef<typeof ResponsiveSelect>\n  | SerializedResponsiveLengthControl<T>\n  | SerializedDateControl<T>\n  | SerializedLinkControl<T>\n  | SerializedTextInputControl<T>\n  | SerializedTextStyleControl<T>\n  | SerializedImageControl<T>\n  | SerializedRichTextControl<T>\n  | Serialize<RichTextV2ControlDefinition>\n  | Serialize<ComboboxControlDefinition>\n  | Serialize<ShapeControlDefinition>\n  | Serialize<ListControlDefinition>\n  | Serialize<StyleV2ControlDefinition>\n\ntype SerializedPanelControl<T extends Data = Data> = Extract<\n  SerializedControl<T>,\n  { type: PanelControlType }\n>\n\ntype SerializedPanelControlValueType<T extends SerializedPanelControl> =\n  T extends SerializedPanelControl<infer U> ? U : never\n\nexport type DeserializedControl<T extends Data = Data> =\n  | Exclude<\n      Control<T>,\n      | ListControl<T extends ListControlValue ? T : ListControlValue>\n      | ShapeControl<T extends ShapeControlValue ? T : ShapeControlValue, any>\n      | TypeaheadControl<T extends TypeaheadControlValue ? T : TypeaheadControlValue>\n      | Descriptor<typeof GapX>\n      | GapYDescriptor<T>\n      | Descriptor<typeof ResponsiveNumber>\n      | CheckboxControl<T>\n      | ResponsiveColorDescriptor<T>\n      | NumberDescriptor<T>\n      | Descriptor<typeof ResponsiveIconRadioGroup>\n      | Descriptor<typeof ResponsiveSelect>\n      | ResponsiveLengthDescriptor<T>\n      | DateControl<T>\n      | LinkControl<T>\n      | TextInputControl<T>\n      | TextStyleControl<T>\n      | ImageControl<T>\n      | RichTextControl<T>\n      | RichTextV2ControlDefinition\n      | ComboboxControlDefinition\n      | ShapeControlDefinition\n      | ListControlDefinition\n      | StyleV2ControlDefinition\n    >\n  | DeserializedListControl<T extends ListControlValue ? T : ListControlValue>\n  | DeserializedShapeControl<T extends ShapeControlValue ? T : ShapeControlValue, any>\n  | DeserializedTypeaheadControl<T extends TypeaheadControlValue ? T : TypeaheadControlValue>\n  | DeserializedControlDef<typeof GapX>\n  | DeserializedGapYControl<T>\n  | DeserializedControlDef<typeof ResponsiveNumber>\n  | DeserializedCheckboxControl<T>\n  | DeserializedResponsiveColorControl<T>\n  | DeserializedNumberControl<T>\n  | DeserializedControlDef<typeof ResponsiveIconRadioGroup>\n  | DeserializedControlDef<typeof ResponsiveSelect>\n  | DeserializedResponsiveLengthControl<T>\n  | DeserializedDateControl<T>\n  | DeserializedLinkControl<T>\n  | DeserializedTextInputControl<T>\n  | DeserializedTextStyleControl<T>\n  | DeserializedImageControl<T>\n  | DeserializedRichTextControl<T>\n  | Deserialize<Serialize<RichTextV2ControlDefinition>>\n  | Deserialize<Serialize<ComboboxControlDefinition>>\n  | Deserialize<Serialize<ShapeControlDefinition>>\n  | Deserialize<Serialize<ListControlDefinition>>\n  | Deserialize<Serialize<StyleV2ControlDefinition>>\n\nexport type DeserializedPanelControl<T extends Data = Data> = Extract<\n  DeserializedControl<T>,\n  { type: PanelControlType }\n>\n\ntype DeserializedPanelControlValueType<T extends DeserializedPanelControl> =\n  T extends DeserializedPanelControl<infer U> ? U : never\n\nexport function serializeControl<T extends Data>(\n  control: Control<T>,\n): [SerializedControl<T>, Transferable[]] {\n  switch (control.type) {\n    case PropControllerTypes.Checkbox:\n      return serializeCheckboxControl(control)\n\n    case DELETED_PROP_CONTROLLER_TYPES.List:\n      return serializeListControl(control)\n\n    case DELETED_PROP_CONTROLLER_TYPES.Shape:\n      return serializeShapeControl(control)\n\n    case DELETED_PROP_CONTROLLER_TYPES.Typeahead:\n      return serializeTypeaheadControl(control)\n\n    case PropControllerTypes.GapX:\n      return serializeControlDef<typeof GapX>(control)\n\n    case PropControllerTypes.GapY:\n      return serializeGapYControl(control)\n\n    case PropControllerTypes.ResponsiveColor:\n      return serializeResponsiveColorControl(control)\n\n    case PropControllerTypes.ResponsiveNumber:\n      return serializeControlDef<typeof ResponsiveNumber>(control)\n\n    case PropControllerTypes.Number:\n      return serializeNumberControl(control)\n\n    case PropControllerTypes.ResponsiveIconRadioGroup:\n      return serializeControlDef<typeof ResponsiveIconRadioGroup>(control)\n\n    case PropControllerTypes.ResponsiveSelect:\n      return serializeControlDef<typeof ResponsiveSelect>(control)\n\n    case PropControllerTypes.ResponsiveLength:\n      return serializeResponsiveLengthControl(control)\n\n    case PropControllerTypes.Date:\n      return serializeDateControl(control)\n\n    case PropControllerTypes.Link:\n      return serializeLinkControl(control)\n\n    case PropControllerTypes.TextInput:\n      return serializeTextInputControl(control)\n\n    case PropControllerTypes.TextStyle:\n      return serializeTextStyleControl(control)\n\n    case PropControllerTypes.Image:\n      return serializeImageControl(control)\n\n    case DELETED_PROP_CONTROLLER_TYPES.RichText:\n      return serializeRichTextControl(control)\n\n    case RichTextV2ControlType:\n      return serializeRichTextControlV2(control)\n\n    case StyleV2ControlType:\n      return serializeStyleV2Control(control)\n\n    case ComboboxControlType:\n      return serializeComboboxControlDefinition(control)\n\n    case ShapeControlType:\n      return serializeShapeControlDefinition(control)\n\n    case ListControlType:\n      return serializeListControlDefinition(control)\n\n    default:\n      return [control, []]\n  }\n}\n\nexport function deserializeControl<T extends Data>(\n  serializedControl: SerializedControl<T>,\n): DeserializedControl<T> {\n  switch (serializedControl.type) {\n    case PropControllerTypes.Checkbox:\n      return deserializeCheckboxControl(serializedControl)\n\n    case DELETED_PROP_CONTROLLER_TYPES.List:\n      return deserializeListControl(serializedControl)\n\n    case DELETED_PROP_CONTROLLER_TYPES.Shape:\n      return deserializeShapeControl(serializedControl)\n\n    case DELETED_PROP_CONTROLLER_TYPES.Typeahead:\n      return deserializeTypeaheadControl(serializedControl)\n\n    case PropControllerTypes.GapX:\n      return deserializeControlDef<typeof GapX>(serializedControl)\n\n    case PropControllerTypes.GapY:\n      return deserializeGapYControl(serializedControl)\n\n    case PropControllerTypes.ResponsiveColor:\n      return deserializeResponsiveColorControl(serializedControl)\n\n    case PropControllerTypes.ResponsiveNumber:\n      return deserializeControlDef<typeof ResponsiveNumber>(serializedControl)\n\n    case PropControllerTypes.Number:\n      return deserializeNumberControl(serializedControl)\n\n    case PropControllerTypes.ResponsiveIconRadioGroup:\n      return deserializeControlDef<typeof ResponsiveIconRadioGroup>(serializedControl)\n\n    case PropControllerTypes.ResponsiveSelect:\n      return deserializeControlDef<typeof ResponsiveSelect>(serializedControl)\n\n    case PropControllerTypes.ResponsiveLength:\n      return deserializeResponsiveLengthControl(serializedControl)\n\n    case PropControllerTypes.Date:\n      return deserializeDateControl(serializedControl)\n\n    case PropControllerTypes.Link:\n      return deserializeLinkControl(serializedControl)\n\n    case PropControllerTypes.TextInput:\n      return deserializeTextInputControl(serializedControl)\n\n    case PropControllerTypes.TextStyle:\n      return deserializeTextStyleControl(serializedControl)\n\n    case PropControllerTypes.Image:\n      return deserializeImageControl(serializedControl)\n\n    case DELETED_PROP_CONTROLLER_TYPES.RichText:\n      return deserializeRichTextControl(serializedControl)\n\n    case RichTextV2ControlType:\n      return deserializeRichTextControlV2(serializedControl)\n\n    case StyleV2ControlType:\n      return deserializeStyleV2Control(serializedControl)\n\n    case ComboboxControlType:\n      return deserializeComboboxControlDefinition(serializedControl)\n\n    case ShapeControlType:\n      return deserializeShapeControlDefinition(serializedControl)\n\n    case ListControlType:\n      return deserializeListControlDefinition(serializedControl)\n\n    default:\n      return serializedControl\n  }\n}\n\nexport function serializeControls(\n  controls: Record<string, Control>,\n): [Record<string, SerializedControl>, Transferable[]] {\n  return Object.entries(controls).reduce(\n    ([accControls, accTransferables], [key, control]) => {\n      const [serializedControl, transferables] = serializeControl(control)\n\n      return [{ ...accControls, [key]: serializedControl }, [...accTransferables, ...transferables]]\n    },\n    [{}, []] as [Record<string, SerializedControl>, Transferable[]],\n  )\n}\n\nexport function deserializeControls(\n  serializedControls: Record<string, SerializedControl>,\n): Record<string, DeserializedControl> {\n  return Object.entries(serializedControls).reduce(\n    (deserializedControls, [key, serializedControl]) => {\n      return { ...deserializedControls, [key]: deserializeControl(serializedControl) }\n    },\n    {} as Record<string, DeserializedControl>,\n  )\n}\n"],"mappings":"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","names":["import_prop_controllers","control","PropControllerTypes"]}
+{"version":3,"sources":["../../../../src/builder/serialization/control-serialization.ts"],"sourcesContent":["import {\n  GapData,\n  GapX,\n  GapYDescriptor,\n  GapYPropControllerData,\n  ResponsiveLengthOptions,\n  ResponsiveLengthPropControllerData,\n  ResponsiveIconRadioGroup,\n  ResponsiveNumber,\n  ResponsiveSelect,\n  type Descriptor,\n  type PropDef,\n  type OptionsType,\n} from '@makeswift/prop-controllers'\n\nimport {\n  ControlDefinition as UnifiedControlDefinition,\n  type SerializedRecord,\n  type RichTextValue as RichTextControlValue,\n} from '@makeswift/controls'\n\nimport {\n  CheckboxDefinition,\n  ColorDefinition,\n  ComboboxDefinition,\n  ImageDefinition,\n  IconRadioGroupDefinition,\n  ListDefinition,\n  LinkDefinition,\n  NumberDefinition,\n  RichTextV1Definition,\n  RichTextV2Definition,\n  SelectDefinition,\n  ShapeDefinition,\n  SlotDefinition,\n  StyleDefinition,\n  StyleV2Definition,\n  TextAreaDefinition,\n  TextInputDefinition,\n  unstable_TypographyDefinition,\n} from '../../controls'\n\nimport {\n  Data,\n  Device,\n  PanelDescriptor as PanelControl,\n  PanelDescriptorType as PanelControlType,\n  PanelDescriptorValueType as PanelControlValueType,\n  PropControllerDescriptor as ControlDefinition,\n} from '../../prop-controllers'\n\nimport {\n  DELETED_PROP_CONTROLLER_TYPES,\n  ListDescriptor as ListControl,\n  ListOptions as ListControlConfig,\n  ListValue as ListControlValue,\n  ShapeDescriptor as ShapeControl,\n  ShapeValue as ShapeControlValue,\n  TypeaheadDescriptor as TypeaheadControl,\n  TypeaheadOptions as TypeaheadControlConfig,\n  TypeaheadValue as TypeaheadControlValue,\n  RichTextDescriptor as RichTextControl,\n} from '../../prop-controllers/deleted'\n\nimport {\n  DeserializedFunction,\n  deserializeFunction,\n  isSerializedFunction,\n  SerializedFunction,\n  serializeFunction,\n} from './function-serialization'\n\nimport {\n  LinkData,\n  DateDescriptor as DateControl,\n  DatePropControllerData,\n  Types as PropControllerTypes,\n  ImageDescriptor as ImageControl,\n  ImageData as ImageControlValue,\n  LinkDescriptor as LinkControl,\n  LinkPropControllerData,\n  ResponsiveLengthDescriptor,\n  NumberOptions,\n  NumberPropControllerData,\n  NumberDescriptor,\n  ResponsiveColorPropControllerData,\n  ResponsiveColorDescriptor,\n  CheckboxPropControllerData,\n  CheckboxDescriptor as CheckboxControl,\n  TextStyleDescriptor as TextStyleControl,\n  TextStylePropControllerData,\n  TextInputDescriptor as TextInputControl,\n} from '@makeswift/prop-controllers'\n\nimport { type LegacyDescriptor, isLegacyDescriptor } from '../../prop-controllers/descriptors'\nimport { deserializeRecord, type DeserializedRecord } from '@makeswift/controls'\n\ntype SerializedShapeControlConfig<T extends Record<string, SerializedPanelControl>> = {\n  type: T\n  preset?: { [K in keyof T]?: SerializedPanelControlValueType<T[K]> }\n}\n\ntype SerializedShapeControl<\n  _T extends Record<string, Data>,\n  U extends Record<string, SerializedPanelControl>,\n> = {\n  type: typeof DELETED_PROP_CONTROLLER_TYPES.Shape\n  options: SerializedShapeControlConfig<U>\n}\n\nfunction serializeShapeControl<\n  T extends Record<string, Data>,\n  U extends Record<string, PanelControl>,\n>(\n  control: ShapeControl<T, U>,\n): [\n  SerializedShapeControl<\n    T,\n    { [K in keyof U]: SerializedPanelControl<PanelControlValueType<U[K]>> }\n  >,\n  Transferable[],\n] {\n  const { type } = control.options\n  const transferables: Transferable[] = []\n  const serializedType = {} as {\n    [K in keyof U]: SerializedPanelControl<PanelControlValueType<U[K]>>\n  }\n\n  Object.entries(type).forEach(([key, control]) => {\n    const [serializedControl, serializedControlTransferables] = serializeControl(control)\n\n    serializedType[key as keyof typeof type] = serializedControl as SerializedPanelControl\n    transferables.push(...serializedControlTransferables)\n  })\n\n  // @ts-expect-error: preset types are incompatible\n  return [{ ...control, options: { ...control.options, type: serializedType } }, transferables]\n}\n\ntype DeserializedShapeControlConfig<T extends Record<string, DeserializedPanelControl>> = {\n  type: T\n  preset?: { [K in keyof T]?: DeserializedPanelControlValueType<T[K]> }\n}\n\ntype DeserializedShapeControl<\n  _T extends Record<string, Data>,\n  U extends Record<string, DeserializedPanelControl>,\n> = {\n  type: typeof DELETED_PROP_CONTROLLER_TYPES.Shape\n  options: DeserializedShapeControlConfig<U>\n}\n\nfunction deserializeShapeControl<\n  T extends Record<string, Data>,\n  U extends Record<string, SerializedPanelControl>,\n>(\n  control: SerializedShapeControl<T, U>,\n): DeserializedShapeControl<\n  T,\n  { [K in keyof U]: DeserializedPanelControl<SerializedPanelControlValueType<U[K]>> }\n> {\n  const { type } = control.options\n  const deserializedType = {} as {\n    [K in keyof U]: DeserializedPanelControl<SerializedPanelControlValueType<U[K]>>\n  }\n\n  Object.entries(type).forEach(([key, control]) => {\n    deserializedType[key as keyof typeof type] = deserializeControl(\n      control,\n    ) as DeserializedPanelControl\n  })\n\n  // @ts-expect-error: preset types are incompatible\n  return { ...control, options: { ...control.options, type: deserializedType } }\n}\n\ntype SerializedListControlConfig<T extends Data> = {\n  type: SerializedPanelControl<T>\n  label?: string\n  getItemLabel?: SerializedFunction<Exclude<ListControlConfig<T>['getItemLabel'], undefined>>\n  preset?: ListControlValue<T>\n  defaultValue?: ListControlValue<T>\n}\n\ntype SerializedListControl<T extends ListControlValue = ListControlValue> = {\n  type: typeof DELETED_PROP_CONTROLLER_TYPES.List\n  options: SerializedListControlConfig<T extends ListControlValue<infer U> ? U : never>\n}\n\nfunction serializeListControl<T extends Data>(\n  control: ListControl<ListControlValue<T>>,\n): [SerializedListControl<ListControlValue<T>>, Transferable[]] {\n  const { type, getItemLabel } = control.options\n  const transferables: Transferable[] = []\n\n  const [serializedType, serializedTypeTransferables] = serializeControl(type)\n  const serializedGetItemLabel = getItemLabel && serializeFunction(getItemLabel)\n\n  transferables.push(...serializedTypeTransferables)\n  if (serializedGetItemLabel != null) transferables.push(serializedGetItemLabel)\n\n  return [\n    {\n      ...control,\n      options: {\n        ...control.options,\n        type: serializedType as SerializedPanelControl,\n        getItemLabel: serializedGetItemLabel,\n      },\n    },\n    transferables,\n  ]\n}\n\ntype DeserializedListControlConfig<T extends Data> = {\n  type: DeserializedPanelControl<T>\n  label?: string\n  getItemLabel?: DeserializedFunction<Exclude<ListControlConfig<T>['getItemLabel'], undefined>>\n  preset?: ListControlValue<T>\n  defaultValue?: ListControlValue<T>\n}\n\ntype DeserializedListControl<T extends ListControlValue = ListControlValue> = {\n  type: typeof DELETED_PROP_CONTROLLER_TYPES.List\n  options: DeserializedListControlConfig<T extends ListControlValue<infer U> ? U : never>\n}\n\nfunction deserializeListControl<T extends Data>(\n  serializedControl: SerializedListControl<ListControlValue<T>>,\n): DeserializedListControl<ListControlValue<T>> {\n  const { type, getItemLabel } = serializedControl.options\n\n  const deserializedType = deserializeControl(type) as DeserializedPanelControl\n  const deserializedGetItemLabel = getItemLabel && deserializeFunction(getItemLabel)\n\n  return {\n    ...serializedControl,\n    options: {\n      ...serializedControl.options,\n      type: deserializedType,\n      getItemLabel: deserializedGetItemLabel,\n    },\n  }\n}\n\ntype SerializedTypeaheadControlConfig<T extends Data> = {\n  getItems: SerializedFunction<TypeaheadControlConfig<T>['getItems']>\n  label?: string\n  preset?: TypeaheadControlValue<T>\n  defaultValue?: TypeaheadControlValue<T>\n}\n\ntype SerializedTypeaheadControl<T extends TypeaheadControlValue = TypeaheadControlValue> = {\n  type: typeof DELETED_PROP_CONTROLLER_TYPES.Typeahead\n  options: SerializedTypeaheadControlConfig<T['value']>\n}\n\nfunction serializeTypeaheadControl<T extends Data>(\n  control: TypeaheadControl<TypeaheadControlValue<T>>,\n): [SerializedTypeaheadControl<TypeaheadControlValue<T>>, Transferable[]] {\n  const { getItems } = control.options\n\n  const serializedGetItems = getItems && serializeFunction(getItems)\n\n  return [\n    { ...control, options: { ...control.options, getItems: serializedGetItems } },\n    serializedGetItems == null ? [] : [serializedGetItems],\n  ]\n}\n\ntype DeserializedTypeaheadControlConfig<T extends Data> = {\n  getItems: DeserializedFunction<TypeaheadControlConfig<T>['getItems']>\n  label?: string\n  preset?: TypeaheadControlValue<T>\n  defaultValue?: TypeaheadControlValue<T>\n}\n\ntype DeserializedTypeaheadControl<T extends TypeaheadControlValue = TypeaheadControlValue> = {\n  type: typeof DELETED_PROP_CONTROLLER_TYPES.Typeahead\n  options: DeserializedTypeaheadControlConfig<T['value']>\n}\n\nfunction deserializeTypeaheadControl<T extends Data>(\n  serializedControl: SerializedTypeaheadControl<TypeaheadControlValue<T>>,\n): DeserializedTypeaheadControl<TypeaheadControlValue<T>> {\n  const { getItems } = serializedControl.options\n\n  const deserializedGetItems = getItems && deserializeFunction(getItems)\n\n  return {\n    ...serializedControl,\n    options: { ...serializedControl.options, getItems: deserializedGetItems },\n  }\n}\n\ntype SerializedConfig<T> =\n  | T\n  | SerializedFunction<(props: Record<string, unknown>, deviceMode: Device) => T>\n\nexport type DeserializedConfig<T> =\n  | T\n  | DeserializedFunction<(props: Record<string, unknown>, deviceMode: Device) => T>\n\ntype SerializedControlDef<P extends PropDef> = Descriptor<P> & {\n  options: SerializedConfig<OptionsType<P>>\n}\n\nfunction serializeControlDef<P extends PropDef>(\n  control: Descriptor<P>,\n): [SerializedControlDef<P>, Transferable[]] {\n  const { options } = control\n\n  if (typeof options !== 'function') return [{ ...control, options }, []]\n\n  const serializedOptions = serializeFunction(options)\n\n  return [{ ...control, options: serializedOptions }, [serializedOptions]]\n}\n\nexport type DeserializedControlDef<P extends PropDef> = Descriptor<P> & {\n  options: DeserializedConfig<OptionsType<P>>\n}\n\nfunction deserializeControlDef<P extends PropDef>(\n  serializedControl: SerializedControlDef<P>,\n): DeserializedControlDef<P> {\n  const { options } = serializedControl\n\n  if (!isSerializedFunction(options)) return { ...serializedControl, options }\n\n  const deserializedOptions = deserializeFunction(options)\n\n  return { ...serializedControl, options: deserializedOptions }\n}\n\ntype GapYControlConfig = {\n  preset?: GapYPropControllerData\n  label?: string\n  defaultValue?: GapData\n  min?: number\n  max?: number\n  step?: number\n  hidden?: boolean\n}\n\ntype SerializedGapYControl<_T = GapYPropControllerData> = {\n  type: typeof PropControllerTypes.GapY\n  options: SerializedConfig<GapYControlConfig>\n}\n\nfunction serializeGapYControl(control: GapYDescriptor): [SerializedGapYControl, Transferable[]] {\n  const { options } = control\n\n  if (typeof options !== 'function') return [{ ...control, options }, []]\n\n  const serializedOptions = serializeFunction(options)\n\n  return [{ ...control, options: serializedOptions }, [serializedOptions]]\n}\n\ntype DeserializedGapYControl<_T = GapYPropControllerData> = {\n  type: typeof PropControllerTypes.GapY\n  options: DeserializedConfig<GapYControlConfig>\n}\n\nfunction deserializeGapYControl(serializedControl: SerializedGapYControl): DeserializedGapYControl {\n  const { options } = serializedControl\n\n  if (!isSerializedFunction(options)) return { ...serializedControl, options }\n\n  const deserializedOptions = deserializeFunction(options)\n\n  return { ...serializedControl, options: deserializedOptions }\n}\n\ntype CheckboxControlConfig = {\n  preset?: CheckboxPropControllerData\n  label: string\n  hidden?: boolean\n}\n\ntype SerializedCheckboxControl<_T = CheckboxPropControllerData> = {\n  type: typeof PropControllerTypes.Checkbox\n  options: SerializedConfig<CheckboxControlConfig>\n}\n\nfunction serializeCheckboxControl(\n  control: CheckboxControl,\n): [SerializedCheckboxControl, Transferable[]] {\n  const { options } = control\n\n  if (typeof options !== 'function') return [{ ...control, options }, []]\n\n  const serializedOptions = serializeFunction(options)\n\n  return [{ ...control, options: serializedOptions }, [serializedOptions]]\n}\n\ntype DeserializedCheckboxControl<_T = CheckboxPropControllerData> = {\n  type: typeof PropControllerTypes.Checkbox\n  options: DeserializedConfig<CheckboxControlConfig>\n}\n\nfunction deserializeCheckboxControl(\n  serializedControl: SerializedCheckboxControl,\n): DeserializedCheckboxControl {\n  const { options } = serializedControl\n\n  if (!isSerializedFunction(options)) return { ...serializedControl, options }\n\n  const deserializedOptions = deserializeFunction(options)\n\n  return { ...serializedControl, options: deserializedOptions }\n}\n\ntype ResponsiveColorControlConfig = { label?: string; placeholder?: string; hidden?: boolean }\n\ntype SerializedResponsiveColorControl<_T = ResponsiveColorPropControllerData> = {\n  type: typeof PropControllerTypes.ResponsiveColor\n  options: SerializedConfig<ResponsiveColorControlConfig>\n}\n\nfunction serializeResponsiveColorControl(\n  control: ResponsiveColorDescriptor,\n): [SerializedResponsiveColorControl, Transferable[]] {\n  const { options } = control\n\n  if (typeof options !== 'function') return [{ ...control, options }, []]\n\n  const serializedOptions = serializeFunction(options)\n\n  return [{ ...control, options: serializedOptions }, [serializedOptions]]\n}\n\ntype DeserializedResponsiveColorControl<_T = ResponsiveColorPropControllerData> = {\n  type: typeof PropControllerTypes.ResponsiveColor\n  options: DeserializedConfig<ResponsiveColorControlConfig>\n}\n\nfunction deserializeResponsiveColorControl(\n  serializedControl: SerializedResponsiveColorControl,\n): DeserializedResponsiveColorControl {\n  const { options } = serializedControl\n\n  if (!isSerializedFunction(options)) return { ...serializedControl, options }\n\n  const deserializedOptions = deserializeFunction(options)\n\n  return { ...serializedControl, options: deserializedOptions }\n}\ntype SerializedNumberControl<_T = NumberPropControllerData> = {\n  type: typeof PropControllerTypes.Number\n  options: SerializedConfig<NumberOptions>\n}\n\nfunction serializeNumberControl(\n  control: NumberDescriptor,\n): [SerializedNumberControl, Transferable[]] {\n  const { options } = control\n\n  if (typeof options !== 'function') return [{ ...control, options }, []]\n\n  const serializedOptions = serializeFunction(options)\n\n  return [{ ...control, options: serializedOptions }, [serializedOptions]]\n}\n\ntype DeserializedNumberControl<_T = NumberPropControllerData> = {\n  type: typeof PropControllerTypes.Number\n  options: DeserializedConfig<NumberOptions>\n}\n\nfunction deserializeNumberControl(\n  serializedControl: SerializedNumberControl,\n): DeserializedNumberControl {\n  const { options } = serializedControl\n\n  if (!isSerializedFunction(options)) return { ...serializedControl, options }\n\n  const deserializedOptions = deserializeFunction(options)\n\n  return { ...serializedControl, options: deserializedOptions }\n}\n\ntype DateControlConfig = { preset?: DatePropControllerData }\n\ntype SerializedDateControl<_T = DatePropControllerData> = {\n  type: typeof PropControllerTypes.Date\n  options: SerializedConfig<DateControlConfig>\n}\n\nfunction serializeDateControl(control: DateControl): [SerializedDateControl, Transferable[]] {\n  const { options } = control\n\n  if (typeof options !== 'function') return [{ ...control, options }, []]\n\n  const serializedOptions = serializeFunction(options)\n\n  return [{ ...control, options: serializedOptions }, [serializedOptions]]\n}\n\ntype DeserializedDateControl<_T = DatePropControllerData> = {\n  type: typeof PropControllerTypes.Date\n  options: DeserializedConfig<DateControlConfig>\n}\n\nfunction deserializeDateControl(serializedControl: SerializedDateControl): DeserializedDateControl {\n  const { options } = serializedControl\n\n  if (!isSerializedFunction(options)) return { ...serializedControl, options }\n\n  const deserializedOptions = deserializeFunction(options)\n\n  return { ...serializedControl, options: deserializedOptions }\n}\n\ntype LinkControlConfig = {\n  preset?: LinkPropControllerData\n  label?: string\n  defaultValue?: LinkPropControllerData\n  options?: { value: LinkData['type']; label: string }[]\n  hidden?: boolean\n}\n\ntype SerializedLinkControl<_T = LinkPropControllerData> = {\n  type: typeof PropControllerTypes.Link\n  options: SerializedConfig<LinkControlConfig>\n}\n\nfunction serializeLinkControl(control: LinkControl): [SerializedLinkControl, Transferable[]] {\n  const { options } = control\n\n  if (typeof options !== 'function') return [{ ...control, options }, []]\n\n  const serializedOptions = serializeFunction(options)\n\n  return [{ ...control, options: serializedOptions }, [serializedOptions]]\n}\n\ntype DeserializedLinkControl<_T = LinkPropControllerData> = {\n  type: typeof PropControllerTypes.Link\n  options: DeserializedConfig<LinkControlConfig>\n}\n\nfunction deserializeLinkControl(serializedControl: SerializedLinkControl): DeserializedLinkControl {\n  const { options } = serializedControl\n\n  if (!isSerializedFunction(options)) return { ...serializedControl, options }\n\n  const deserializedOptions = deserializeFunction(options)\n\n  return { ...serializedControl, options: deserializedOptions }\n}\n\ntype TextInputControlConfig = { label?: string; placeholder?: string; hidden?: boolean }\n\ntype TextInputControlValue = string\n\ntype SerializedTextInputControl<_T = TextInputControlValue> = {\n  type: typeof PropControllerTypes.TextInput\n  options: SerializedConfig<TextInputControlConfig>\n}\n\nfunction serializeTextInputControl(\n  control: TextInputControl,\n): [SerializedTextInputControl, Transferable[]] {\n  const { options } = control\n\n  if (typeof options !== 'function') return [{ ...control, options }, []]\n\n  const serializedOptions = serializeFunction(options)\n\n  return [{ ...control, options: serializedOptions }, [serializedOptions]]\n}\n\ntype DeserializedTextInputControl<_T = TextInputControlValue> = {\n  type: typeof PropControllerTypes.TextInput\n  options: DeserializedConfig<TextInputControlConfig>\n}\n\nfunction deserializeTextInputControl(\n  serializedControl: SerializedTextInputControl,\n): DeserializedTextInputControl {\n  const { options } = serializedControl\n\n  if (!isSerializedFunction(options)) return { ...serializedControl, options }\n\n  const deserializedOptions = deserializeFunction(options)\n\n  return { ...serializedControl, options: deserializedOptions }\n}\n\ntype SerializedResponsiveLengthControl<_T = ResponsiveLengthPropControllerData> = {\n  type: typeof PropControllerTypes.ResponsiveLength\n  options: SerializedConfig<ResponsiveLengthOptions>\n}\n\nfunction serializeResponsiveLengthControl(\n  control: ResponsiveLengthDescriptor,\n): [SerializedResponsiveLengthControl, Transferable[]] {\n  const { options } = control\n\n  if (typeof options !== 'function') return [{ ...control, options }, []]\n\n  const serializedOptions = serializeFunction(options)\n\n  return [{ ...control, options: serializedOptions }, [serializedOptions]]\n}\n\ntype DeserializedResponsiveLengthControl<_T = ResponsiveLengthPropControllerData> = {\n  type: typeof PropControllerTypes.ResponsiveLength\n  options: DeserializedConfig<ResponsiveLengthOptions>\n}\n\nfunction deserializeResponsiveLengthControl(\n  serializedControl: SerializedResponsiveLengthControl,\n): DeserializedResponsiveLengthControl {\n  const { options } = serializedControl\n\n  if (!isSerializedFunction(options)) return { ...serializedControl, options }\n\n  const deserializedOptions = deserializeFunction(options)\n\n  return { ...serializedControl, options: deserializedOptions }\n}\n\ntype SerializedTextStyleControl<_T = TextStylePropControllerData> = {\n  type: typeof PropControllerTypes.TextStyle\n  options: SerializedConfig<TextStyleControlConfig>\n}\n\nfunction serializeTextStyleControl(\n  control: TextStyleControl,\n): [SerializedTextStyleControl, Transferable[]] {\n  const { options } = control\n\n  if (typeof options !== 'function') return [{ ...control, options }, []]\n\n  const serializedOptions = serializeFunction(options)\n\n  return [{ ...control, options: serializedOptions }, [serializedOptions]]\n}\n\ntype TextStyleControlConfig = {\n  preset?: TextStylePropControllerData\n  label?: string\n  hidden?: boolean\n}\n\ntype DeserializedTextStyleControl<_T = TextStylePropControllerData> = {\n  type: typeof PropControllerTypes.TextStyle\n  options: DeserializedConfig<TextStyleControlConfig>\n}\n\nfunction deserializeTextStyleControl(\n  serializedControl: SerializedTextStyleControl,\n): DeserializedTextStyleControl {\n  const { options } = serializedControl\n\n  if (!isSerializedFunction(options)) return { ...serializedControl, options }\n\n  const deserializedOptions = deserializeFunction(options)\n\n  return { ...serializedControl, options: deserializedOptions }\n}\n\ntype ImageControlConfig = { label?: string; hidden?: boolean }\n\ntype SerializedImageControl<_T = ImageControlValue> = {\n  type: typeof PropControllerTypes.Image\n  options: SerializedConfig<ImageControlConfig>\n}\n\nfunction serializeImageControl(control: ImageControl): [SerializedImageControl, Transferable[]] {\n  const { options } = control\n\n  if (typeof options !== 'function') return [{ ...control, options }, []]\n\n  const serializedOptions = serializeFunction(options)\n\n  return [{ ...control, options: serializedOptions }, [serializedOptions]]\n}\n\ntype DeserializedImageControl<_T = ImageControlValue> = {\n  type: typeof PropControllerTypes.Image\n  options: DeserializedConfig<ImageControlConfig>\n}\n\nfunction deserializeImageControl(\n  serializedControl: SerializedImageControl,\n): DeserializedImageControl {\n  const { options } = serializedControl\n\n  if (!isSerializedFunction(options)) return { ...serializedControl, options }\n\n  const deserializedOptions = deserializeFunction(options)\n\n  return { ...serializedControl, options: deserializedOptions }\n}\n\ntype RichTextControlConfig = { preset?: RichTextControlValue }\n\ntype SerializedRichTextControl<_T = RichTextControlValue> = {\n  type: typeof DELETED_PROP_CONTROLLER_TYPES.RichText\n  options: SerializedConfig<RichTextControlConfig>\n}\n\nfunction serializeRichTextControl(\n  control: RichTextControl,\n): [SerializedRichTextControl, Transferable[]] {\n  const { options } = control\n\n  if (typeof options !== 'function') return [{ ...control, options }, []]\n\n  const serializedOptions = serializeFunction(options)\n\n  return [{ ...control, options: serializedOptions }, [serializedOptions]]\n}\n\ntype DeserializedRichTextControl<_T = RichTextControlValue> = {\n  type: typeof DELETED_PROP_CONTROLLER_TYPES.RichText\n  options: DeserializedConfig<RichTextControlConfig>\n}\n\nfunction deserializeRichTextControl(\n  serializedControl: SerializedRichTextControl,\n): DeserializedRichTextControl {\n  const { options } = serializedControl\n\n  if (!isSerializedFunction(options)) return { ...serializedControl, options }\n\n  const deserializedOptions = deserializeFunction(options)\n\n  return { ...serializedControl, options: deserializedOptions }\n}\n\nexport type SerializedLegacyControl<T extends Data = Data> =\n  | Exclude<\n      LegacyDescriptor<T>,\n      | ListControl<T extends ListControlValue ? T : ListControlValue>\n      | ShapeControl<T extends ShapeControlValue ? T : ShapeControlValue, any>\n      | TypeaheadControl<T extends TypeaheadControlValue ? T : TypeaheadControlValue>\n      | Descriptor<typeof GapX>\n      | GapYDescriptor<T>\n      | Descriptor<typeof ResponsiveNumber>\n      | CheckboxControl<T>\n      | ResponsiveColorDescriptor<T>\n      | NumberDescriptor<T>\n      | Descriptor<typeof ResponsiveIconRadioGroup>\n      | Descriptor<typeof ResponsiveSelect>\n      | ResponsiveLengthDescriptor<T>\n      | DateControl<T>\n      | LinkControl<T>\n      | TextInputControl<T>\n      | TextStyleControl<T>\n      | ImageControl<T>\n      | RichTextControl<T>\n    >\n  | SerializedListControl<T extends ListControlValue ? T : ListControlValue>\n  | SerializedShapeControl<T extends ShapeControlValue ? T : ShapeControlValue, any>\n  | SerializedTypeaheadControl<T extends TypeaheadControlValue ? T : TypeaheadControlValue>\n  | SerializedControlDef<typeof GapX>\n  | SerializedGapYControl<T>\n  | SerializedControlDef<typeof ResponsiveNumber>\n  | SerializedCheckboxControl<T>\n  | SerializedResponsiveColorControl<T>\n  | SerializedNumberControl<T>\n  | SerializedControlDef<typeof ResponsiveIconRadioGroup>\n  | SerializedControlDef<typeof ResponsiveSelect>\n  | SerializedResponsiveLengthControl<T>\n  | SerializedDateControl<T>\n  | SerializedLinkControl<T>\n  | SerializedTextInputControl<T>\n  | SerializedTextStyleControl<T>\n  | SerializedImageControl<T>\n  | SerializedRichTextControl<T>\n\nexport type SerializedControl<T extends Data = Data> = SerializedLegacyControl<T> | SerializedRecord\n\ntype SerializedPanelControl<T extends Data = Data> = Extract<\n  SerializedControl<T>,\n  { type: PanelControlType }\n>\n\ntype SerializedPanelControlValueType<T extends SerializedPanelControl> =\n  T extends SerializedPanelControl<infer U> ? U : never\n\nexport type DeserializedLegacyControl<T extends Data = Data> =\n  | Exclude<\n      LegacyDescriptor<T>,\n      | ListControl<T extends ListControlValue ? T : ListControlValue>\n      | ShapeControl<T extends ShapeControlValue ? T : ShapeControlValue, any>\n      | TypeaheadControl<T extends TypeaheadControlValue ? T : TypeaheadControlValue>\n      | Descriptor<typeof GapX>\n      | GapYDescriptor<T>\n      | Descriptor<typeof ResponsiveNumber>\n      | CheckboxControl<T>\n      | ResponsiveColorDescriptor<T>\n      | NumberDescriptor<T>\n      | Descriptor<typeof ResponsiveIconRadioGroup>\n      | Descriptor<typeof ResponsiveSelect>\n      | ResponsiveLengthDescriptor<T>\n      | DateControl<T>\n      | LinkControl<T>\n      | TextInputControl<T>\n      | TextStyleControl<T>\n      | ImageControl<T>\n      | RichTextControl<T>\n    >\n  | DeserializedListControl<T extends ListControlValue ? T : ListControlValue>\n  | DeserializedShapeControl<T extends ShapeControlValue ? T : ShapeControlValue, any>\n  | DeserializedTypeaheadControl<T extends TypeaheadControlValue ? T : TypeaheadControlValue>\n  | DeserializedControlDef<typeof GapX>\n  | DeserializedGapYControl<T>\n  | DeserializedControlDef<typeof ResponsiveNumber>\n  | DeserializedCheckboxControl<T>\n  | DeserializedResponsiveColorControl<T>\n  | DeserializedNumberControl<T>\n  | DeserializedControlDef<typeof ResponsiveIconRadioGroup>\n  | DeserializedControlDef<typeof ResponsiveSelect>\n  | DeserializedResponsiveLengthControl<T>\n  | DeserializedDateControl<T>\n  | DeserializedLinkControl<T>\n  | DeserializedTextInputControl<T>\n  | DeserializedTextStyleControl<T>\n  | DeserializedImageControl<T>\n  | DeserializedRichTextControl<T>\n\nexport type DeserializedControl<T extends Data = Data> =\n  | DeserializedLegacyControl<T>\n  | UnifiedControlDefinition\n\nexport type DeserializedPanelControl<T extends Data = Data> = Extract<\n  DeserializedControl<T>,\n  { type: PanelControlType }\n>\n\ntype DeserializedPanelControlValueType<T extends DeserializedPanelControl> =\n  T extends DeserializedPanelControl<infer U> ? U : never\n\nexport function serializeControl<T extends Data>(\n  control: ControlDefinition<T>,\n): [SerializedControl<T>, Transferable[]] {\n  if (isLegacyDescriptor(control)) {\n    return serializeLegacyControl(control)\n  }\n\n  const [serializedControl, transferables] = control.serialize()\n  return [serializedControl, transferables]\n}\n\nfunction serializeLegacyControl<T extends Data>(\n  control: LegacyDescriptor<T>,\n): [SerializedControl<T>, Transferable[]] {\n  switch (control.type) {\n    case PropControllerTypes.Checkbox:\n      return serializeCheckboxControl(control)\n\n    case DELETED_PROP_CONTROLLER_TYPES.List:\n      return serializeListControl(control)\n\n    case DELETED_PROP_CONTROLLER_TYPES.Shape:\n      return serializeShapeControl(control)\n\n    case DELETED_PROP_CONTROLLER_TYPES.Typeahead:\n      return serializeTypeaheadControl(control) as [SerializedControl<T>, Transferable[]]\n\n    case PropControllerTypes.GapX:\n      return serializeControlDef<typeof GapX>(control)\n\n    case PropControllerTypes.GapY:\n      return serializeGapYControl(control)\n\n    case PropControllerTypes.ResponsiveColor:\n      return serializeResponsiveColorControl(control)\n\n    case PropControllerTypes.ResponsiveNumber:\n      return serializeControlDef<typeof ResponsiveNumber>(control)\n\n    case PropControllerTypes.Number:\n      return serializeNumberControl(control)\n\n    case PropControllerTypes.ResponsiveIconRadioGroup:\n      return serializeControlDef<typeof ResponsiveIconRadioGroup>(control)\n\n    case PropControllerTypes.ResponsiveSelect:\n      return serializeControlDef<typeof ResponsiveSelect>(control)\n\n    case PropControllerTypes.ResponsiveLength:\n      return serializeResponsiveLengthControl(control)\n\n    case PropControllerTypes.Date:\n      return serializeDateControl(control)\n\n    case PropControllerTypes.Link:\n      return serializeLinkControl(control)\n\n    case PropControllerTypes.TextInput:\n      return serializeTextInputControl(control)\n\n    case PropControllerTypes.TextStyle:\n      return serializeTextStyleControl(control)\n\n    case PropControllerTypes.Image:\n      return serializeImageControl(control)\n\n    case DELETED_PROP_CONTROLLER_TYPES.RichText:\n      return serializeRichTextControl(control)\n\n    default:\n      return [control, []]\n  }\n}\n\nfunction isSerializedLegacyControl<T extends Data>(\n  control: SerializedControl<T>,\n): control is SerializedLegacyControl<T> {\n  return 'options' in control\n}\n\nexport function deserializeLegacyControl<T extends Data>(\n  serializedControl: SerializedLegacyControl<T>,\n): DeserializedControl<T> {\n  switch (serializedControl.type) {\n    case PropControllerTypes.Checkbox:\n      return deserializeCheckboxControl(serializedControl)\n\n    case DELETED_PROP_CONTROLLER_TYPES.List:\n      return deserializeListControl(serializedControl)\n\n    case DELETED_PROP_CONTROLLER_TYPES.Shape:\n      return deserializeShapeControl(serializedControl)\n\n    case DELETED_PROP_CONTROLLER_TYPES.Typeahead:\n      return deserializeTypeaheadControl(serializedControl)\n\n    case PropControllerTypes.GapX:\n      return deserializeControlDef<typeof GapX>(serializedControl)\n\n    case PropControllerTypes.GapY:\n      return deserializeGapYControl(serializedControl)\n\n    case PropControllerTypes.ResponsiveColor:\n      return deserializeResponsiveColorControl(serializedControl)\n\n    case PropControllerTypes.ResponsiveNumber:\n      return deserializeControlDef<typeof ResponsiveNumber>(serializedControl)\n\n    case PropControllerTypes.Number:\n      return deserializeNumberControl(serializedControl)\n\n    case PropControllerTypes.ResponsiveIconRadioGroup:\n      return deserializeControlDef<typeof ResponsiveIconRadioGroup>(serializedControl)\n\n    case PropControllerTypes.ResponsiveSelect:\n      return deserializeControlDef<typeof ResponsiveSelect>(serializedControl)\n\n    case PropControllerTypes.ResponsiveLength:\n      return deserializeResponsiveLengthControl(serializedControl)\n\n    case PropControllerTypes.Date:\n      return deserializeDateControl(serializedControl)\n\n    case PropControllerTypes.Link:\n      return deserializeLinkControl(serializedControl)\n\n    case PropControllerTypes.TextInput:\n      return deserializeTextInputControl(serializedControl)\n\n    case PropControllerTypes.TextStyle:\n      return deserializeTextStyleControl(serializedControl)\n\n    case PropControllerTypes.Image:\n      return deserializeImageControl(serializedControl)\n\n    case DELETED_PROP_CONTROLLER_TYPES.RichText:\n      return deserializeRichTextControl(serializedControl)\n\n    default:\n      return serializedControl\n  }\n}\n\nexport function deserializeControl<T extends Data>(\n  serializedControl: SerializedControl<T>,\n): DeserializedControl<T> {\n  if (isSerializedLegacyControl(serializedControl)) {\n    return deserializeLegacyControl(serializedControl)\n  }\n\n  return deserializeUnifiedControlDef(deserializeRecord(serializedControl))\n}\n\nexport function deserializeUnifiedControlDef(record: DeserializedRecord): UnifiedControlDefinition {\n  type DeserializeMethod = (data: DeserializedRecord) => UnifiedControlDefinition\n  const deserializeMethod: Record<string, DeserializeMethod> = {\n    [CheckboxDefinition.type]: CheckboxDefinition.deserialize,\n    [ColorDefinition.type]: ColorDefinition.deserialize,\n    [NumberDefinition.type]: NumberDefinition.deserialize,\n    [SelectDefinition.type]: SelectDefinition.deserialize,\n    [ComboboxDefinition.type]: ComboboxDefinition.deserialize,\n    [ImageDefinition.type]: ImageDefinition.deserialize,\n    [SlotDefinition.type]: SlotDefinition.deserialize,\n    [TextAreaDefinition.type]: TextAreaDefinition.deserialize,\n    [TextInputDefinition.type]: TextInputDefinition.deserialize,\n    [IconRadioGroupDefinition.type]: IconRadioGroupDefinition.deserialize,\n    [LinkDefinition.type]: LinkDefinition.deserialize,\n    [StyleDefinition.type]: StyleDefinition.deserialize,\n    [ListDefinition.type]: (record: DeserializedRecord) =>\n      ListDefinition.deserialize(record, deserializeUnifiedControlDef),\n    [ShapeDefinition.type]: (record: DeserializedRecord) =>\n      ShapeDefinition.deserialize(record, deserializeUnifiedControlDef),\n    [StyleV2Definition.type]: (record: DeserializedRecord) =>\n      StyleV2Definition.deserialize(record, deserializeUnifiedControlDef),\n    [RichTextV1Definition.type]: RichTextV1Definition.deserialize,\n    [RichTextV2Definition.type]: (record: DeserializedRecord) =>\n      RichTextV2Definition.deserialize(record, deserializeUnifiedControlDef),\n    [unstable_TypographyDefinition.type]: unstable_TypographyDefinition.deserialize,\n  } as const\n\n  const deserialize = deserializeMethod[record.type] ?? null\n  if (deserialize == null) {\n    throw new Error(`Unknown control type: ${record.type}`)\n  }\n\n  return deserialize(record)\n}\n\nexport function serializeControls(\n  controls: Record<string, ControlDefinition>,\n): [Record<string, SerializedControl>, Transferable[]] {\n  return Object.entries(controls).reduce(\n    ([accControls, accTransferables], [key, control]) => {\n      const [serializedControl, transferables] = serializeControl(control)\n\n      return [{ ...accControls, [key]: serializedControl }, [...accTransferables, ...transferables]]\n    },\n    [{}, []] as [Record<string, SerializedControl>, Transferable[]],\n  )\n}\n\nexport function deserializeControls(\n  serializedControls: Record<string, SerializedControl>,\n): Record<string, DeserializedControl> {\n  return Object.entries(serializedControls).reduce(\n    (deserializedControls, [key, serializedControl]) => {\n      return { ...deserializedControls, [key]: deserializeControl(serializedControl) }\n    },\n    {} as Record<string, DeserializedControl>,\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAqBA,IAAAA,mBAmBO;AAWP,qBAWO;AAEP,oCAMO;AAEP,IAAAC,2BAoBO;AAEP,yBAA0D;AAC1D,IAAAD,mBAA2D;AAe3D,SAAS,sBAIP,SAOA;AACA,QAAM,EAAE,KAAK,IAAI,QAAQ;AACzB,QAAM,gBAAgC,CAAC;AACvC,QAAM,iBAAiB,CAAC;AAIxB,SAAO,QAAQ,IAAI,EAAE,QAAQ,CAAC,CAAC,KAAKE,QAAO,MAAM;AAC/C,UAAM,CAAC,mBAAmB,8BAA8B,IAAI,iBAAiBA,QAAO;AAEpF,mBAAe,GAAwB,IAAI;AAC3C,kBAAc,KAAK,GAAG,8BAA8B;AAAA,EACtD,CAAC;AAGD,SAAO,CAAC,EAAE,GAAG,SAAS,SAAS,EAAE,GAAG,QAAQ,SAAS,MAAM,eAAe,EAAE,GAAG,aAAa;AAC9F;AAeA,SAAS,wBAIP,SAIA;AACA,QAAM,EAAE,KAAK,IAAI,QAAQ;AACzB,QAAM,mBAAmB,CAAC;AAI1B,SAAO,QAAQ,IAAI,EAAE,QAAQ,CAAC,CAAC,KAAKA,QAAO,MAAM;AAC/C,qBAAiB,GAAwB,IAAI;AAAA,MAC3CA;AAAA,IACF;AAAA,EACF,CAAC;AAGD,SAAO,EAAE,GAAG,SAAS,SAAS,EAAE,GAAG,QAAQ,SAAS,MAAM,iBAAiB,EAAE;AAC/E;AAeA,SAAS,qBACP,SAC8D;AAC9D,QAAM,EAAE,MAAM,aAAa,IAAI,QAAQ;AACvC,QAAM,gBAAgC,CAAC;AAEvC,QAAM,CAAC,gBAAgB,2BAA2B,IAAI,iBAAiB,IAAI;AAC3E,QAAM,yBAAyB,oBAAgB,iDAAkB,YAAY;AAE7E,gBAAc,KAAK,GAAG,2BAA2B;AACjD,MAAI,0BAA0B;AAAM,kBAAc,KAAK,sBAAsB;AAE7E,SAAO;AAAA,IACL;AAAA,MACE,GAAG;AAAA,MACH,SAAS;AAAA,QACP,GAAG,QAAQ;AAAA,QACX,MAAM;AAAA,QACN,cAAc;AAAA,MAChB;AAAA,IACF;AAAA,IACA;AAAA,EACF;AACF;AAeA,SAAS,uBACP,mBAC8C;AAC9C,QAAM,EAAE,MAAM,aAAa,IAAI,kBAAkB;AAEjD,QAAM,mBAAmB,mBAAmB,IAAI;AAChD,QAAM,2BAA2B,oBAAgB,mDAAoB,YAAY;AAEjF,SAAO;AAAA,IACL,GAAG;AAAA,IACH,SAAS;AAAA,MACP,GAAG,kBAAkB;AAAA,MACrB,MAAM;AAAA,MACN,cAAc;AAAA,IAChB;AAAA,EACF;AACF;AAcA,SAAS,0BACP,SACwE;AACxE,QAAM,EAAE,SAAS,IAAI,QAAQ;AAE7B,QAAM,qBAAqB,gBAAY,iDAAkB,QAAQ;AAEjE,SAAO;AAAA,IACL,EAAE,GAAG,SAAS,SAAS,EAAE,GAAG,QAAQ,SAAS,UAAU,mBAAmB,EAAE;AAAA,IAC5E,sBAAsB,OAAO,CAAC,IAAI,CAAC,kBAAkB;AAAA,EACvD;AACF;AAcA,SAAS,4BACP,mBACwD;AACxD,QAAM,EAAE,SAAS,IAAI,kBAAkB;AAEvC,QAAM,uBAAuB,gBAAY,mDAAoB,QAAQ;AAErE,SAAO;AAAA,IACL,GAAG;AAAA,IACH,SAAS,EAAE,GAAG,kBAAkB,SAAS,UAAU,qBAAqB;AAAA,EAC1E;AACF;AAcA,SAAS,oBACP,SAC2C;AAC3C,QAAM,EAAE,QAAQ,IAAI;AAEpB,MAAI,OAAO,YAAY;AAAY,WAAO,CAAC,EAAE,GAAG,SAAS,QAAQ,GAAG,CAAC,CAAC;AAEtE,QAAM,wBAAoB,iDAAkB,OAAO;AAEnD,SAAO,CAAC,EAAE,GAAG,SAAS,SAAS,kBAAkB,GAAG,CAAC,iBAAiB,CAAC;AACzE;AAMA,SAAS,sBACP,mBAC2B;AAC3B,QAAM,EAAE,QAAQ,IAAI;AAEpB,MAAI,KAAC,oDAAqB,OAAO;AAAG,WAAO,EAAE,GAAG,mBAAmB,QAAQ;AAE3E,QAAM,0BAAsB,mDAAoB,OAAO;AAEvD,SAAO,EAAE,GAAG,mBAAmB,SAAS,oBAAoB;AAC9D;AAiBA,SAAS,qBAAqB,SAAkE;AAC9F,QAAM,EAAE,QAAQ,IAAI;AAEpB,MAAI,OAAO,YAAY;AAAY,WAAO,CAAC,EAAE,GAAG,SAAS,QAAQ,GAAG,CAAC,CAAC;AAEtE,QAAM,wBAAoB,iDAAkB,OAAO;AAEnD,SAAO,CAAC,EAAE,GAAG,SAAS,SAAS,kBAAkB,GAAG,CAAC,iBAAiB,CAAC;AACzE;AAOA,SAAS,uBAAuB,mBAAmE;AACjG,QAAM,EAAE,QAAQ,IAAI;AAEpB,MAAI,KAAC,oDAAqB,OAAO;AAAG,WAAO,EAAE,GAAG,mBAAmB,QAAQ;AAE3E,QAAM,0BAAsB,mDAAoB,OAAO;AAEvD,SAAO,EAAE,GAAG,mBAAmB,SAAS,oBAAoB;AAC9D;AAaA,SAAS,yBACP,SAC6C;AAC7C,QAAM,EAAE,QAAQ,IAAI;AAEpB,MAAI,OAAO,YAAY;AAAY,WAAO,CAAC,EAAE,GAAG,SAAS,QAAQ,GAAG,CAAC,CAAC;AAEtE,QAAM,wBAAoB,iDAAkB,OAAO;AAEnD,SAAO,CAAC,EAAE,GAAG,SAAS,SAAS,kBAAkB,GAAG,CAAC,iBAAiB,CAAC;AACzE;AAOA,SAAS,2BACP,mBAC6B;AAC7B,QAAM,EAAE,QAAQ,IAAI;AAEpB,MAAI,KAAC,oDAAqB,OAAO;AAAG,WAAO,EAAE,GAAG,mBAAmB,QAAQ;AAE3E,QAAM,0BAAsB,mDAAoB,OAAO;AAEvD,SAAO,EAAE,GAAG,mBAAmB,SAAS,oBAAoB;AAC9D;AASA,SAAS,gCACP,SACoD;AACpD,QAAM,EAAE,QAAQ,IAAI;AAEpB,MAAI,OAAO,YAAY;AAAY,WAAO,CAAC,EAAE,GAAG,SAAS,QAAQ,GAAG,CAAC,CAAC;AAEtE,QAAM,wBAAoB,iDAAkB,OAAO;AAEnD,SAAO,CAAC,EAAE,GAAG,SAAS,SAAS,kBAAkB,GAAG,CAAC,iBAAiB,CAAC;AACzE;AAOA,SAAS,kCACP,mBACoC;AACpC,QAAM,EAAE,QAAQ,IAAI;AAEpB,MAAI,KAAC,oDAAqB,OAAO;AAAG,WAAO,EAAE,GAAG,mBAAmB,QAAQ;AAE3E,QAAM,0BAAsB,mDAAoB,OAAO;AAEvD,SAAO,EAAE,GAAG,mBAAmB,SAAS,oBAAoB;AAC9D;AAMA,SAAS,uBACP,SAC2C;AAC3C,QAAM,EAAE,QAAQ,IAAI;AAEpB,MAAI,OAAO,YAAY;AAAY,WAAO,CAAC,EAAE,GAAG,SAAS,QAAQ,GAAG,CAAC,CAAC;AAEtE,QAAM,wBAAoB,iDAAkB,OAAO;AAEnD,SAAO,CAAC,EAAE,GAAG,SAAS,SAAS,kBAAkB,GAAG,CAAC,iBAAiB,CAAC;AACzE;AAOA,SAAS,yBACP,mBAC2B;AAC3B,QAAM,EAAE,QAAQ,IAAI;AAEpB,MAAI,KAAC,oDAAqB,OAAO;AAAG,WAAO,EAAE,GAAG,mBAAmB,QAAQ;AAE3E,QAAM,0BAAsB,mDAAoB,OAAO;AAEvD,SAAO,EAAE,GAAG,mBAAmB,SAAS,oBAAoB;AAC9D;AASA,SAAS,qBAAqB,SAA+D;AAC3F,QAAM,EAAE,QAAQ,IAAI;AAEpB,MAAI,OAAO,YAAY;AAAY,WAAO,CAAC,EAAE,GAAG,SAAS,QAAQ,GAAG,CAAC,CAAC;AAEtE,QAAM,wBAAoB,iDAAkB,OAAO;AAEnD,SAAO,CAAC,EAAE,GAAG,SAAS,SAAS,kBAAkB,GAAG,CAAC,iBAAiB,CAAC;AACzE;AAOA,SAAS,uBAAuB,mBAAmE;AACjG,QAAM,EAAE,QAAQ,IAAI;AAEpB,MAAI,KAAC,oDAAqB,OAAO;AAAG,WAAO,EAAE,GAAG,mBAAmB,QAAQ;AAE3E,QAAM,0BAAsB,mDAAoB,OAAO;AAEvD,SAAO,EAAE,GAAG,mBAAmB,SAAS,oBAAoB;AAC9D;AAeA,SAAS,qBAAqB,SAA+D;AAC3F,QAAM,EAAE,QAAQ,IAAI;AAEpB,MAAI,OAAO,YAAY;AAAY,WAAO,CAAC,EAAE,GAAG,SAAS,QAAQ,GAAG,CAAC,CAAC;AAEtE,QAAM,wBAAoB,iDAAkB,OAAO;AAEnD,SAAO,CAAC,EAAE,GAAG,SAAS,SAAS,kBAAkB,GAAG,CAAC,iBAAiB,CAAC;AACzE;AAOA,SAAS,uBAAuB,mBAAmE;AACjG,QAAM,EAAE,QAAQ,IAAI;AAEpB,MAAI,KAAC,oDAAqB,OAAO;AAAG,WAAO,EAAE,GAAG,mBAAmB,QAAQ;AAE3E,QAAM,0BAAsB,mDAAoB,OAAO;AAEvD,SAAO,EAAE,GAAG,mBAAmB,SAAS,oBAAoB;AAC9D;AAWA,SAAS,0BACP,SAC8C;AAC9C,QAAM,EAAE,QAAQ,IAAI;AAEpB,MAAI,OAAO,YAAY;AAAY,WAAO,CAAC,EAAE,GAAG,SAAS,QAAQ,GAAG,CAAC,CAAC;AAEtE,QAAM,wBAAoB,iDAAkB,OAAO;AAEnD,SAAO,CAAC,EAAE,GAAG,SAAS,SAAS,kBAAkB,GAAG,CAAC,iBAAiB,CAAC;AACzE;AAOA,SAAS,4BACP,mBAC8B;AAC9B,QAAM,EAAE,QAAQ,IAAI;AAEpB,MAAI,KAAC,oDAAqB,OAAO;AAAG,WAAO,EAAE,GAAG,mBAAmB,QAAQ;AAE3E,QAAM,0BAAsB,mDAAoB,OAAO;AAEvD,SAAO,EAAE,GAAG,mBAAmB,SAAS,oBAAoB;AAC9D;AAOA,SAAS,iCACP,SACqD;AACrD,QAAM,EAAE,QAAQ,IAAI;AAEpB,MAAI,OAAO,YAAY;AAAY,WAAO,CAAC,EAAE,GAAG,SAAS,QAAQ,GAAG,CAAC,CAAC;AAEtE,QAAM,wBAAoB,iDAAkB,OAAO;AAEnD,SAAO,CAAC,EAAE,GAAG,SAAS,SAAS,kBAAkB,GAAG,CAAC,iBAAiB,CAAC;AACzE;AAOA,SAAS,mCACP,mBACqC;AACrC,QAAM,EAAE,QAAQ,IAAI;AAEpB,MAAI,KAAC,oDAAqB,OAAO;AAAG,WAAO,EAAE,GAAG,mBAAmB,QAAQ;AAE3E,QAAM,0BAAsB,mDAAoB,OAAO;AAEvD,SAAO,EAAE,GAAG,mBAAmB,SAAS,oBAAoB;AAC9D;AAOA,SAAS,0BACP,SAC8C;AAC9C,QAAM,EAAE,QAAQ,IAAI;AAEpB,MAAI,OAAO,YAAY;AAAY,WAAO,CAAC,EAAE,GAAG,SAAS,QAAQ,GAAG,CAAC,CAAC;AAEtE,QAAM,wBAAoB,iDAAkB,OAAO;AAEnD,SAAO,CAAC,EAAE,GAAG,SAAS,SAAS,kBAAkB,GAAG,CAAC,iBAAiB,CAAC;AACzE;AAaA,SAAS,4BACP,mBAC8B;AAC9B,QAAM,EAAE,QAAQ,IAAI;AAEpB,MAAI,KAAC,oDAAqB,OAAO;AAAG,WAAO,EAAE,GAAG,mBAAmB,QAAQ;AAE3E,QAAM,0BAAsB,mDAAoB,OAAO;AAEvD,SAAO,EAAE,GAAG,mBAAmB,SAAS,oBAAoB;AAC9D;AASA,SAAS,sBAAsB,SAAiE;AAC9F,QAAM,EAAE,QAAQ,IAAI;AAEpB,MAAI,OAAO,YAAY;AAAY,WAAO,CAAC,EAAE,GAAG,SAAS,QAAQ,GAAG,CAAC,CAAC;AAEtE,QAAM,wBAAoB,iDAAkB,OAAO;AAEnD,SAAO,CAAC,EAAE,GAAG,SAAS,SAAS,kBAAkB,GAAG,CAAC,iBAAiB,CAAC;AACzE;AAOA,SAAS,wBACP,mBAC0B;AAC1B,QAAM,EAAE,QAAQ,IAAI;AAEpB,MAAI,KAAC,oDAAqB,OAAO;AAAG,WAAO,EAAE,GAAG,mBAAmB,QAAQ;AAE3E,QAAM,0BAAsB,mDAAoB,OAAO;AAEvD,SAAO,EAAE,GAAG,mBAAmB,SAAS,oBAAoB;AAC9D;AASA,SAAS,yBACP,SAC6C;AAC7C,QAAM,EAAE,QAAQ,IAAI;AAEpB,MAAI,OAAO,YAAY;AAAY,WAAO,CAAC,EAAE,GAAG,SAAS,QAAQ,GAAG,CAAC,CAAC;AAEtE,QAAM,wBAAoB,iDAAkB,OAAO;AAEnD,SAAO,CAAC,EAAE,GAAG,SAAS,SAAS,kBAAkB,GAAG,CAAC,iBAAiB,CAAC;AACzE;AAOA,SAAS,2BACP,mBAC6B;AAC7B,QAAM,EAAE,QAAQ,IAAI;AAEpB,MAAI,KAAC,oDAAqB,OAAO;AAAG,WAAO,EAAE,GAAG,mBAAmB,QAAQ;AAE3E,QAAM,0BAAsB,mDAAoB,OAAO;AAEvD,SAAO,EAAE,GAAG,mBAAmB,SAAS,oBAAoB;AAC9D;AA0GO,SAAS,iBACd,SACwC;AACxC,UAAI,uCAAmB,OAAO,GAAG;AAC/B,WAAO,uBAAuB,OAAO;AAAA,EACvC;AAEA,QAAM,CAAC,mBAAmB,aAAa,IAAI,QAAQ,UAAU;AAC7D,SAAO,CAAC,mBAAmB,aAAa;AAC1C;AAEA,SAAS,uBACP,SACwC;AACxC,UAAQ,QAAQ,MAAM;AAAA,IACpB,KAAK,yBAAAC,MAAoB;AACvB,aAAO,yBAAyB,OAAO;AAAA,IAEzC,KAAK,6CAA8B;AACjC,aAAO,qBAAqB,OAAO;AAAA,IAErC,KAAK,6CAA8B;AACjC,aAAO,sBAAsB,OAAO;AAAA,IAEtC,KAAK,6CAA8B;AACjC,aAAO,0BAA0B,OAAO;AAAA,IAE1C,KAAK,yBAAAA,MAAoB;AACvB,aAAO,oBAAiC,OAAO;AAAA,IAEjD,KAAK,yBAAAA,MAAoB;AACvB,aAAO,qBAAqB,OAAO;AAAA,IAErC,KAAK,yBAAAA,MAAoB;AACvB,aAAO,gCAAgC,OAAO;AAAA,IAEhD,KAAK,yBAAAA,MAAoB;AACvB,aAAO,oBAA6C,OAAO;AAAA,IAE7D,KAAK,yBAAAA,MAAoB;AACvB,aAAO,uBAAuB,OAAO;AAAA,IAEvC,KAAK,yBAAAA,MAAoB;AACvB,aAAO,oBAAqD,OAAO;AAAA,IAErE,KAAK,yBAAAA,MAAoB;AACvB,aAAO,oBAA6C,OAAO;AAAA,IAE7D,KAAK,yBAAAA,MAAoB;AACvB,aAAO,iCAAiC,OAAO;AAAA,IAEjD,KAAK,yBAAAA,MAAoB;AACvB,aAAO,qBAAqB,OAAO;AAAA,IAErC,KAAK,yBAAAA,MAAoB;AACvB,aAAO,qBAAqB,OAAO;AAAA,IAErC,KAAK,yBAAAA,MAAoB;AACvB,aAAO,0BAA0B,OAAO;AAAA,IAE1C,KAAK,yBAAAA,MAAoB;AACvB,aAAO,0BAA0B,OAAO;AAAA,IAE1C,KAAK,yBAAAA,MAAoB;AACvB,aAAO,sBAAsB,OAAO;AAAA,IAEtC,KAAK,6CAA8B;AACjC,aAAO,yBAAyB,OAAO;AAAA,IAEzC;AACE,aAAO,CAAC,SAAS,CAAC,CAAC;AAAA,EACvB;AACF;AAEA,SAAS,0BACP,SACuC;AACvC,SAAO,aAAa;AACtB;AAEO,SAAS,yBACd,mBACwB;AACxB,UAAQ,kBAAkB,MAAM;AAAA,IAC9B,KAAK,yBAAAA,MAAoB;AACvB,aAAO,2BAA2B,iBAAiB;AAAA,IAErD,KAAK,6CAA8B;AACjC,aAAO,uBAAuB,iBAAiB;AAAA,IAEjD,KAAK,6CAA8B;AACjC,aAAO,wBAAwB,iBAAiB;AAAA,IAElD,KAAK,6CAA8B;AACjC,aAAO,4BAA4B,iBAAiB;AAAA,IAEtD,KAAK,yBAAAA,MAAoB;AACvB,aAAO,sBAAmC,iBAAiB;AAAA,IAE7D,KAAK,yBAAAA,MAAoB;AACvB,aAAO,uBAAuB,iBAAiB;AAAA,IAEjD,KAAK,yBAAAA,MAAoB;AACvB,aAAO,kCAAkC,iBAAiB;AAAA,IAE5D,KAAK,yBAAAA,MAAoB;AACvB,aAAO,sBAA+C,iBAAiB;AAAA,IAEzE,KAAK,yBAAAA,MAAoB;AACvB,aAAO,yBAAyB,iBAAiB;AAAA,IAEnD,KAAK,yBAAAA,MAAoB;AACvB,aAAO,sBAAuD,iBAAiB;AAAA,IAEjF,KAAK,yBAAAA,MAAoB;AACvB,aAAO,sBAA+C,iBAAiB;AAAA,IAEzE,KAAK,yBAAAA,MAAoB;AACvB,aAAO,mCAAmC,iBAAiB;AAAA,IAE7D,KAAK,yBAAAA,MAAoB;AACvB,aAAO,uBAAuB,iBAAiB;AAAA,IAEjD,KAAK,yBAAAA,MAAoB;AACvB,aAAO,uBAAuB,iBAAiB;AAAA,IAEjD,KAAK,yBAAAA,MAAoB;AACvB,aAAO,4BAA4B,iBAAiB;AAAA,IAEtD,KAAK,yBAAAA,MAAoB;AACvB,aAAO,4BAA4B,iBAAiB;AAAA,IAEtD,KAAK,yBAAAA,MAAoB;AACvB,aAAO,wBAAwB,iBAAiB;AAAA,IAElD,KAAK,6CAA8B;AACjC,aAAO,2BAA2B,iBAAiB;AAAA,IAErD;AACE,aAAO;AAAA,EACX;AACF;AAEO,SAAS,mBACd,mBACwB;AACxB,MAAI,0BAA0B,iBAAiB,GAAG;AAChD,WAAO,yBAAyB,iBAAiB;AAAA,EACnD;AAEA,SAAO,iCAA6B,oCAAkB,iBAAiB,CAAC;AAC1E;AAEO,SAAS,6BAA6B,QAAsD;AAEjG,QAAM,oBAAuD;AAAA,IAC3D,CAAC,oCAAmB,IAAI,GAAG,oCAAmB;AAAA,IAC9C,CAAC,iCAAgB,IAAI,GAAG,iCAAgB;AAAA,IACxC,CAAC,kCAAiB,IAAI,GAAG,kCAAiB;AAAA,IAC1C,CAAC,kCAAiB,IAAI,GAAG,kCAAiB;AAAA,IAC1C,CAAC,oCAAmB,IAAI,GAAG,oCAAmB;AAAA,IAC9C,CAAC,iCAAgB,IAAI,GAAG,iCAAgB;AAAA,IACxC,CAAC,gCAAe,IAAI,GAAG,gCAAe;AAAA,IACtC,CAAC,oCAAmB,IAAI,GAAG,oCAAmB;AAAA,IAC9C,CAAC,qCAAoB,IAAI,GAAG,qCAAoB;AAAA,IAChD,CAAC,0CAAyB,IAAI,GAAG,0CAAyB;AAAA,IAC1D,CAAC,gCAAe,IAAI,GAAG,gCAAe;AAAA,IACtC,CAAC,iCAAgB,IAAI,GAAG,iCAAgB;AAAA,IACxC,CAAC,gCAAe,IAAI,GAAG,CAACC,YACtB,gCAAe,YAAYA,SAAQ,4BAA4B;AAAA,IACjE,CAAC,iCAAgB,IAAI,GAAG,CAACA,YACvB,iCAAgB,YAAYA,SAAQ,4BAA4B;AAAA,IAClE,CAAC,mCAAkB,IAAI,GAAG,CAACA,YACzB,mCAAkB,YAAYA,SAAQ,4BAA4B;AAAA,IACpE,CAAC,sCAAqB,IAAI,GAAG,sCAAqB;AAAA,IAClD,CAAC,sCAAqB,IAAI,GAAG,CAACA,YAC5B,sCAAqB,YAAYA,SAAQ,4BAA4B;AAAA,IACvE,CAAC,+CAA8B,IAAI,GAAG,+CAA8B;AAAA,EACtE;AAEA,QAAM,cAAc,kBAAkB,OAAO,IAAI,KAAK;AACtD,MAAI,eAAe,MAAM;AACvB,UAAM,IAAI,MAAM,yBAAyB,OAAO,IAAI,EAAE;AAAA,EACxD;AAEA,SAAO,YAAY,MAAM;AAC3B;AAEO,SAAS,kBACd,UACqD;AACrD,SAAO,OAAO,QAAQ,QAAQ,EAAE;AAAA,IAC9B,CAAC,CAAC,aAAa,gBAAgB,GAAG,CAAC,KAAK,OAAO,MAAM;AACnD,YAAM,CAAC,mBAAmB,aAAa,IAAI,iBAAiB,OAAO;AAEnE,aAAO,CAAC,EAAE,GAAG,aAAa,CAAC,GAAG,GAAG,kBAAkB,GAAG,CAAC,GAAG,kBAAkB,GAAG,aAAa,CAAC;AAAA,IAC/F;AAAA,IACA,CAAC,CAAC,GAAG,CAAC,CAAC;AAAA,EACT;AACF;AAEO,SAAS,oBACd,oBACqC;AACrC,SAAO,OAAO,QAAQ,kBAAkB,EAAE;AAAA,IACxC,CAAC,sBAAsB,CAAC,KAAK,iBAAiB,MAAM;AAClD,aAAO,EAAE,GAAG,sBAAsB,CAAC,GAAG,GAAG,mBAAmB,iBAAiB,EAAE;AAAA,IACjF;AAAA,IACA,CAAC;AAAA,EACH;AACF;","names":["import_controls","import_prop_controllers","control","PropControllerTypes","record"]}

package/dist/cjs/components/builtin/Button/Button.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/builtin/Button/Button.tsx"],"sourcesContent":["import {\n  ComponentPropsWithoutRef,\n  ElementRef,\n  ElementType,\n  ForwardedRef,\n  forwardRef,\n  ReactNode,\n} from 'react'\nimport ColorHelper from 'color'\n\nimport { colorToString } from '../../utils/colorToString'\nimport { Link } from '../../shared/Link'\nimport { ResponsiveColor } from '../../../runtimes/react/controls'\nimport { ButtonVariant } from './contants'\nimport { useStyle } from '../../../runtimes/react/use-style'\nimport {\n  useResponsiveStyle,\n  useResponsiveTextStyle,\n  useResponsiveWidth,\n} from '../../utils/responsive-style'\nimport { cx } from '@emotion/css'\nimport {\n  type LinkData,\n  type ResponsiveLengthData,\n  type ResponsiveTextStyleData,\n  type ResponsiveSelectValue,\n  type ResponsiveIconRadioGroupValue,\n} from '@makeswift/prop-controllers'\n\ntype BaseProps<T extends ElementType> = {\n  as?: T\n  id?: string\n  children?: ReactNode\n  link?: LinkData\n  variant?: ResponsiveSelectValue<ButtonVariant>\n  shape?: ResponsiveIconRadioGroupValue<'pill' | 'rounded' | 'square'>\n  size?: ResponsiveIconRadioGroupValue<'small' | 'medium' | 'large'>\n  color?: ResponsiveColor | null\n  textColor?: ResponsiveColor | null\n  textStyle?: ResponsiveTextStyleData\n  width?: ResponsiveLengthData\n  margin?: string\n}\n\ntype Props<T extends ElementType> = BaseProps<T> &\n  Omit<ComponentPropsWithoutRef<typeof Link>, keyof BaseProps<T>>\n\nconst Button = forwardRef(function Button<T extends ElementType = 'button'>(\n  {\n    as,\n    id,\n    children,\n    link,\n    variant,\n    shape,\n    size,\n    textColor,\n    color,\n    textStyle,\n    width,\n    margin,\n    className,\n    ...restOfProps\n  }: Props<T>,\n  ref: ForwardedRef<ElementRef<T>>,\n) {\n  const Component = as ?? Link\n\n  return (\n    // @ts-ignore: `ref` prop doesn't match between `Link` and `T`.\n    <Component\n      {...restOfProps}\n      ref={ref}\n      id={id}\n      className={cx(\n        useStyle({\n          display: 'table',\n          border: 0,\n          outline: 0,\n          userSelect: 'none',\n          cursor: 'pointer',\n          fontFamily: 'inherit',\n          textDecoration: 'none',\n          textAlign: 'center',\n        }),\n        useStyle(useResponsiveWidth(width, 'auto')),\n        margin,\n        useStyle(\n          useResponsiveStyle(\n            [variant, shape, size, textColor, color] as const,\n            ([\n              variant = 'flat',\n              shape = 'rounded',\n              size = 'medium',\n              textColor = { swatch: { hue: 0, saturation: 0, lightness: 100 }, alpha: 1 },\n              color = { swatch: { hue: 0, saturation: 0, lightness: 0 }, alpha: 1 },\n            ]) => {\n              const fontSize = {\n                value: { small: 12, medium: 14, large: 18 }[size],\n                unit: 'px',\n              }\n\n              return {\n                color: colorToString(textColor),\n                borderRadius: `${{ square: 0, rounded: 4, pill: 500 }[shape]}px`,\n                padding: `${{ small: '8px 12px', medium: '12px 16px', large: '16px 20px' }[size]}`,\n                fontSize: `${fontSize.value}${fontSize.unit}`,\n                ...{\n                  flat: {\n                    background: colorToString(color),\n                    border: 'none',\n                    transition: ['color', 'background', 'border', 'box-shadow']\n                      .map(property => `${property} 0.15s ease-in-out`)\n                      .join(', '),\n\n                    ':hover': {\n                      background: ColorHelper(colorToString(color)).darken(0.1).hex(),\n                    },\n\n                    ':active': {\n                      background: ColorHelper(colorToString(color)).darken(0.15).hex(),\n                    },\n                  },\n                  outline: {\n                    background: 'transparent',\n                    boxShadow: `inset 0 0 0 2px ${colorToString(color)}`,\n                    transition: ['color', 'background', 'box-shadow']\n                      .map(property => `${property} 0.15s ease-in-out`)\n                      .join(', '),\n\n                    ':hover': {\n                      boxShadow: `inset 0 0 0 2px ${ColorHelper(colorToString(color))\n                        .darken(0.1)\n                        .hex()}`,\n                      color: ColorHelper(colorToString(color)).darken(0.1).hex(),\n                    },\n\n                    ':active': {\n                      boxShadow: `inset 0 0 0 2px ${ColorHelper(colorToString(color))\n                        .darken(0.15)\n                        .hex()}`,\n                      color: ColorHelper(colorToString(color)).darken(0.15).hex(),\n                    },\n                  },\n                  shadow: {\n                    background: colorToString(color),\n                    boxShadow: '0 2px 4px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.2)',\n                    transition: ['transform', 'box-shadow']\n                      .map(property => `${property} 0.18s`)\n                      .join(', '),\n\n                    ':hover': {\n                      boxShadow:\n                        '0 10px 25px rgba(0, 0, 0, 0.15), 0 8px 10px -6px rgba(0, 0, 0, 0.3)',\n                      transform: 'translateY(-1px)',\n                    },\n\n                    ':active': {\n                      boxShadow:\n                        '0 4px 12px rgba(0, 0, 0, 0.15), 0 4px 6px -3px rgba(0, 0, 0, 0.3)',\n                      transform: 'translateY(0px)',\n                    },\n                  },\n                  clear: {\n                    background: 'transparent',\n                    border: 'none',\n\n                    ':hover': {\n                      color: ColorHelper(colorToString(textColor)).alpha(0.5).toString(),\n                    },\n\n                    ':active': {\n                      color: ColorHelper(colorToString(textColor)).alpha(0.6).toString(),\n                    },\n                  },\n                  blocky: {\n                    background: colorToString(color),\n                    borderWidth: 1,\n                    borderStyle: 'solid',\n                    borderColor: ColorHelper(colorToString(color)).darken(0.25).hex(),\n                    boxShadow: `0 4px ${ColorHelper(colorToString(color)).darken(0.25).hex()}`,\n                    transition: ['transform', 'box-shadow']\n                      .map(property => `${property} 0.1s`)\n                      .join(', '),\n\n                    ':hover': {\n                      transform: 'translateY(2px)',\n                      boxShadow: `0 2px ${ColorHelper(colorToString(color)).darken(0.25).hex()}`,\n                    },\n\n                    ':active': {\n                      transform: 'translateY(4px)',\n                      boxShadow: `0 0 ${ColorHelper(colorToString(color)).darken(0.25).hex()}`,\n                    },\n                  },\n                  bubbly: {\n                    background: `linear-gradient(\n                      180deg,\n                      ${ColorHelper(colorToString(color)).lighten(0.05).hex()},\n                      ${ColorHelper(colorToString(color)).darken(0.3).saturate(0.05).hex()}\n                    )`,\n                    position: 'relative',\n                    zIndex: '0',\n\n                    ':before': {\n                      position: 'absolute',\n                      content: '\"\"',\n                      top: 0,\n                      right: 0,\n                      bottom: 0,\n                      left: 0,\n                      zIndex: '-1',\n                      borderRadius: 'inherit',\n                      background: `linear-gradient(\n                        180deg,\n                        ${ColorHelper(colorToString(color)).lighten(0.2).hex()},\n                        ${ColorHelper(colorToString(color)).darken(0.2).saturate(0.05).hex()}\n                      )`,\n                      opacity: '0',\n                      transition: 'opacity 0.15s',\n                    },\n\n                    ':hover': {\n                      ':before': {\n                        opacity: '1',\n                      },\n                    },\n\n                    ':active': {\n                      ':before': {\n                        opacity: '0.25',\n                      },\n                    },\n                  } as const,\n                  skewed: {\n                    position: 'relative',\n                    zIndex: '0',\n\n                    ':before': {\n                      position: 'absolute',\n                      content: '\"\"',\n                      top: 0,\n                      right: 0,\n                      bottom: 0,\n                      left: 0,\n                      zIndex: '-1',\n                      background: colorToString(color),\n                      transform: 'skewX(-12deg)',\n                      borderRadius: 'inherit',\n                      transition: 'transform 0.2s cubic-bezier(0.25, 0, 0.25, 1.75)',\n                    },\n\n                    ':hover:before': {\n                      transform: 'skew(0deg)',\n                    },\n\n                    ':active:before': {\n                      transform: 'skew(-8deg)',\n                    },\n                  } as const,\n                }[variant],\n              }\n            },\n          ),\n        ),\n        useStyle(useResponsiveTextStyle(textStyle)),\n        className,\n      )}\n      link={link}\n    >\n      {children == null ? 'Button Text' : children}\n    </Component>\n  )\n})\n\nexport default Button\n"],"mappings":"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","names":["Button","variant","shape","size","textColor","color","ColorHelper"]}
+{"version":3,"sources":["../../../../../src/components/builtin/Button/Button.tsx"],"sourcesContent":["import {\n  ComponentPropsWithoutRef,\n  ElementRef,\n  ElementType,\n  ForwardedRef,\n  forwardRef,\n  ReactNode,\n} from 'react'\nimport ColorHelper from 'color'\n\nimport { type ResponsiveColor } from '../../utils/types'\nimport { colorToString } from '../../utils/colorToString'\nimport { Link } from '../../shared/Link'\nimport { ButtonVariant } from './contants'\nimport { useStyle } from '../../../runtimes/react/use-style'\nimport {\n  useResponsiveStyle,\n  useResponsiveTextStyle,\n  useResponsiveWidth,\n} from '../../utils/responsive-style'\nimport { cx } from '@emotion/css'\nimport {\n  type LinkData,\n  type ResponsiveLengthData,\n  type ResponsiveTextStyleData,\n  type ResponsiveSelectValue,\n  type ResponsiveIconRadioGroupValue,\n} from '@makeswift/prop-controllers'\n\ntype BaseProps<T extends ElementType> = {\n  as?: T\n  id?: string\n  children?: ReactNode\n  link?: LinkData\n  variant?: ResponsiveSelectValue<ButtonVariant>\n  shape?: ResponsiveIconRadioGroupValue<'pill' | 'rounded' | 'square'>\n  size?: ResponsiveIconRadioGroupValue<'small' | 'medium' | 'large'>\n  color?: ResponsiveColor | null\n  textColor?: ResponsiveColor | null\n  textStyle?: ResponsiveTextStyleData\n  width?: ResponsiveLengthData\n  margin?: string\n}\n\ntype Props<T extends ElementType> = BaseProps<T> &\n  Omit<ComponentPropsWithoutRef<typeof Link>, keyof BaseProps<T>>\n\nconst Button = forwardRef(function Button<T extends ElementType = 'button'>(\n  {\n    as,\n    id,\n    children,\n    link,\n    variant,\n    shape,\n    size,\n    textColor,\n    color,\n    textStyle,\n    width,\n    margin,\n    className,\n    ...restOfProps\n  }: Props<T>,\n  ref: ForwardedRef<ElementRef<T>>,\n) {\n  const Component = as ?? Link\n\n  return (\n    // @ts-ignore: `ref` prop doesn't match between `Link` and `T`.\n    <Component\n      {...restOfProps}\n      ref={ref}\n      id={id}\n      className={cx(\n        useStyle({\n          display: 'table',\n          border: 0,\n          outline: 0,\n          userSelect: 'none',\n          cursor: 'pointer',\n          fontFamily: 'inherit',\n          textDecoration: 'none',\n          textAlign: 'center',\n        }),\n        useStyle(useResponsiveWidth(width, 'auto')),\n        margin,\n        useStyle(\n          useResponsiveStyle(\n            [variant, shape, size, textColor, color] as const,\n            ([\n              variant = 'flat',\n              shape = 'rounded',\n              size = 'medium',\n              textColor = { swatch: { hue: 0, saturation: 0, lightness: 100 }, alpha: 1 },\n              color = { swatch: { hue: 0, saturation: 0, lightness: 0 }, alpha: 1 },\n            ]) => {\n              const fontSize = {\n                value: { small: 12, medium: 14, large: 18 }[size],\n                unit: 'px',\n              }\n\n              return {\n                color: colorToString(textColor),\n                borderRadius: `${{ square: 0, rounded: 4, pill: 500 }[shape]}px`,\n                padding: `${{ small: '8px 12px', medium: '12px 16px', large: '16px 20px' }[size]}`,\n                fontSize: `${fontSize.value}${fontSize.unit}`,\n                ...{\n                  flat: {\n                    background: colorToString(color),\n                    border: 'none',\n                    transition: ['color', 'background', 'border', 'box-shadow']\n                      .map(property => `${property} 0.15s ease-in-out`)\n                      .join(', '),\n\n                    ':hover': {\n                      background: ColorHelper(colorToString(color)).darken(0.1).hex(),\n                    },\n\n                    ':active': {\n                      background: ColorHelper(colorToString(color)).darken(0.15).hex(),\n                    },\n                  },\n                  outline: {\n                    background: 'transparent',\n                    boxShadow: `inset 0 0 0 2px ${colorToString(color)}`,\n                    transition: ['color', 'background', 'box-shadow']\n                      .map(property => `${property} 0.15s ease-in-out`)\n                      .join(', '),\n\n                    ':hover': {\n                      boxShadow: `inset 0 0 0 2px ${ColorHelper(colorToString(color))\n                        .darken(0.1)\n                        .hex()}`,\n                      color: ColorHelper(colorToString(color)).darken(0.1).hex(),\n                    },\n\n                    ':active': {\n                      boxShadow: `inset 0 0 0 2px ${ColorHelper(colorToString(color))\n                        .darken(0.15)\n                        .hex()}`,\n                      color: ColorHelper(colorToString(color)).darken(0.15).hex(),\n                    },\n                  },\n                  shadow: {\n                    background: colorToString(color),\n                    boxShadow: '0 2px 4px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.2)',\n                    transition: ['transform', 'box-shadow']\n                      .map(property => `${property} 0.18s`)\n                      .join(', '),\n\n                    ':hover': {\n                      boxShadow:\n                        '0 10px 25px rgba(0, 0, 0, 0.15), 0 8px 10px -6px rgba(0, 0, 0, 0.3)',\n                      transform: 'translateY(-1px)',\n                    },\n\n                    ':active': {\n                      boxShadow:\n                        '0 4px 12px rgba(0, 0, 0, 0.15), 0 4px 6px -3px rgba(0, 0, 0, 0.3)',\n                      transform: 'translateY(0px)',\n                    },\n                  },\n                  clear: {\n                    background: 'transparent',\n                    border: 'none',\n\n                    ':hover': {\n                      color: ColorHelper(colorToString(textColor)).alpha(0.5).toString(),\n                    },\n\n                    ':active': {\n                      color: ColorHelper(colorToString(textColor)).alpha(0.6).toString(),\n                    },\n                  },\n                  blocky: {\n                    background: colorToString(color),\n                    borderWidth: 1,\n                    borderStyle: 'solid',\n                    borderColor: ColorHelper(colorToString(color)).darken(0.25).hex(),\n                    boxShadow: `0 4px ${ColorHelper(colorToString(color)).darken(0.25).hex()}`,\n                    transition: ['transform', 'box-shadow']\n                      .map(property => `${property} 0.1s`)\n                      .join(', '),\n\n                    ':hover': {\n                      transform: 'translateY(2px)',\n                      boxShadow: `0 2px ${ColorHelper(colorToString(color)).darken(0.25).hex()}`,\n                    },\n\n                    ':active': {\n                      transform: 'translateY(4px)',\n                      boxShadow: `0 0 ${ColorHelper(colorToString(color)).darken(0.25).hex()}`,\n                    },\n                  },\n                  bubbly: {\n                    background: `linear-gradient(\n                      180deg,\n                      ${ColorHelper(colorToString(color)).lighten(0.05).hex()},\n                      ${ColorHelper(colorToString(color)).darken(0.3).saturate(0.05).hex()}\n                    )`,\n                    position: 'relative',\n                    zIndex: '0',\n\n                    ':before': {\n                      position: 'absolute',\n                      content: '\"\"',\n                      top: 0,\n                      right: 0,\n                      bottom: 0,\n                      left: 0,\n                      zIndex: '-1',\n                      borderRadius: 'inherit',\n                      background: `linear-gradient(\n                        180deg,\n                        ${ColorHelper(colorToString(color)).lighten(0.2).hex()},\n                        ${ColorHelper(colorToString(color)).darken(0.2).saturate(0.05).hex()}\n                      )`,\n                      opacity: '0',\n                      transition: 'opacity 0.15s',\n                    },\n\n                    ':hover': {\n                      ':before': {\n                        opacity: '1',\n                      },\n                    },\n\n                    ':active': {\n                      ':before': {\n                        opacity: '0.25',\n                      },\n                    },\n                  } as const,\n                  skewed: {\n                    position: 'relative',\n                    zIndex: '0',\n\n                    ':before': {\n                      position: 'absolute',\n                      content: '\"\"',\n                      top: 0,\n                      right: 0,\n                      bottom: 0,\n                      left: 0,\n                      zIndex: '-1',\n                      background: colorToString(color),\n                      transform: 'skewX(-12deg)',\n                      borderRadius: 'inherit',\n                      transition: 'transform 0.2s cubic-bezier(0.25, 0, 0.25, 1.75)',\n                    },\n\n                    ':hover:before': {\n                      transform: 'skew(0deg)',\n                    },\n\n                    ':active:before': {\n                      transform: 'skew(-8deg)',\n                    },\n                  } as const,\n                }[variant],\n              }\n            },\n          ),\n        ),\n        useStyle(useResponsiveTextStyle(textStyle)),\n        className,\n      )}\n      link={link}\n    >\n      {children == null ? 'Button Text' : children}\n    </Component>\n  )\n})\n\nexport default Button\n"],"mappings":"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","names":["Button","variant","shape","size","textColor","color","ColorHelper"]}

package/dist/cjs/components/builtin/Carousel/Carousel.js

@@ -44,7 +44,7 @@ var import_use_style = require("../../../runtimes/react/use-style");
 var import_css = require("@emotion/css");
 var import_responsive_style = require("../../utils/responsive-style");
 var import_breakpoints = require("../../../state/modules/breakpoints");
-var import_react3 = require("../../../runtimes/react");
+var import_use_breakpoints = require("../../../runtimes/react/hooks/use-breakpoints");
 const LeftChevron = () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "10", height: "14", viewBox: "0 0 10 14", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
   "path",
   {
@@ -86,7 +86,7 @@ const Carousel = (0, import_react.forwardRef)(function Carousel2({
   slideBorder,
   slideBorderRadius
 }, ref) {
-  const breakpoints = (0, import_react3.useBreakpoints)();
+  const breakpoints = (0, import_use_breakpoints.useBreakpoints)();
   const [index, setIndex] = (0, import_react.useState)(0);
   const swipe = (0, import_react.useRef)(0);
   const startIndex = (0, import_popcorn.wrap)(0, images.length, index);