@makeswift/runtime 0.13.1 → 0.14.1

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/builder/serialization/control-serialization.ts"],"sourcesContent":["import {\n  ComboboxControlDefinition,\n  ComboboxControlType,\n  ListControlDefinition,\n  ListControlType,\n  RichTextV2ControlDefinition,\n  RichTextV2ControlType,\n  ShapeControlDefinition,\n  ShapeControlType,\n  StyleV2ControlDefinition,\n  StyleV2ControlType,\n} from '../../controls'\nimport {\n  CheckboxDescriptor as CheckboxControl,\n  CheckboxValue as CheckboxControlValue,\n  Data,\n  Device,\n  DateDescriptor as DateControl,\n  DateValue as DateControlValue,\n  Gap,\n  GapXDescriptor as GapXControl,\n  GapXValue as GapXControlValue,\n  GapYDescriptor as GapYControl,\n  GapYValue as GapYControlValue,\n  ImageDescriptor as ImageControl,\n  ImageValue as ImageControlValue,\n  LinkDescriptor as LinkControl,\n  LinkValue as LinkControlValue,\n  ListDescriptor as ListControl,\n  ListOptions as ListControlConfig,\n  ListValue as ListControlValue,\n  NumberDescriptor as NumberControl,\n  NumberValue as NumberControlValue,\n  ResponsiveColorDescriptor as ResponsiveColorControl,\n  ResponsiveColorValue as ResponsiveColorControlValue,\n  ResponsiveNumberDescriptor as ResponsiveNumberControl,\n  ResponsiveNumberValue as ResponsiveNumberControlValue,\n  ResponsiveIconRadioGroupDescriptor as ResponsiveIconRadioGroupControl,\n  ResponsiveIconRadioGroupValue as ResponsiveIconRadioGroupControlValue,\n  ResponsiveSelectDescriptor as ResponsiveSelectControl,\n  ResponsiveSelectValue as ResponsiveSelectControlValue,\n  ResponsiveLengthDescriptor as ResponsiveLengthControl,\n  ResponsiveLengthValue as ResponsiveLengthControlValue,\n  RichTextDescriptor as RichTextControl,\n  RichTextValue as RichTextControlValue,\n  ShapeDescriptor as ShapeControl,\n  ShapeValue as ShapeControlValue,\n  TextInputDescriptor as TextInputControl,\n  TextInputValue as TextInputControlValue,\n  TextStyleDescriptor as TextStyleControl,\n  TextStyleValue as TextStyleControlValue,\n  TypeaheadDescriptor as TypeaheadControl,\n  TypeaheadOptions as TypeaheadControlConfig,\n  TypeaheadValue as TypeaheadControlValue,\n  PanelDescriptor as PanelControl,\n  PanelDescriptorType as PanelControlType,\n  PanelDescriptorValueType as PanelControlValueType,\n  PropControllerDescriptor as Control,\n  Props as Controls,\n} from '../../prop-controllers'\nimport {\n  IconRadioGroupOption,\n  LengthOption,\n  SelectLabelOrientation,\n  SelectOption,\n  Length,\n} from '../../prop-controllers/descriptors'\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'\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 Controls.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 Controls.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 Controls.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 Controls.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 Controls.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 Controls.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\ntype DeserializedConfig<T> =\n  | T\n  | DeserializedFunction<(props: Record<string, unknown>, deviceMode: Device) => T>\n\ntype GapXControlConfig = {\n  preset?: GapXControlValue\n  label?: string\n  defaultValue?: Gap\n  min?: number\n  max?: number\n  step?: number\n  hidden?: boolean\n}\n\ntype SerializedGapXControl<_T = GapXControlValue> = {\n  type: typeof Controls.Types.GapX\n  options: SerializedConfig<GapXControlConfig>\n}\n\nfunction serializeGapXControl(control: GapXControl): [SerializedGapXControl, 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 DeserializedGapXControl<_T = GapXControlValue> = {\n  type: typeof Controls.Types.GapX\n  options: DeserializedConfig<GapXControlConfig>\n}\n\nfunction deserializeGapXControl(serializedControl: SerializedGapXControl): DeserializedGapXControl {\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?: GapYControlValue\n  label?: string\n  defaultValue?: Gap\n  min?: number\n  max?: number\n  step?: number\n  hidden?: boolean\n}\n\ntype SerializedGapYControl<_T = GapYControlValue> = {\n  type: typeof Controls.Types.GapY\n  options: SerializedConfig<GapYControlConfig>\n}\n\nfunction serializeGapYControl(control: GapYControl): [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 = GapYControlValue> = {\n  type: typeof Controls.Types.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 ResponsiveNumberControlConfig = {\n  preset?: ResponsiveNumberControlValue\n  label?: string\n  defaultValue?: number\n  min?: number\n  max?: number\n  step?: number\n  hidden?: boolean\n}\n\ntype SerializedResponsiveNumberControl<_T = ResponsiveNumberControlValue> = {\n  type: typeof Controls.Types.ResponsiveNumber\n  options: SerializedConfig<ResponsiveNumberControlConfig>\n}\n\nfunction serializeResponsiveNumberControl(\n  control: ResponsiveNumberControl,\n): [SerializedResponsiveNumberControl, 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 DeserializedResponsiveNumberControl<_T = ResponsiveNumberControlValue> = {\n  type: typeof Controls.Types.ResponsiveNumber\n  options: DeserializedConfig<ResponsiveNumberControlConfig>\n}\n\nfunction deserializeResponsiveNumberControl(\n  serializedControl: SerializedResponsiveNumberControl,\n): DeserializedResponsiveNumberControl {\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?: CheckboxControlValue\n  label: string\n  hidden?: boolean\n}\n\ntype SerializedCheckboxControl<_T = CheckboxControlValue> = {\n  type: typeof Controls.Types.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 = CheckboxControlValue> = {\n  type: typeof Controls.Types.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 = ResponsiveColorControlValue> = {\n  type: typeof Controls.Types.ResponsiveColor\n  options: SerializedConfig<ResponsiveColorControlConfig>\n}\n\nfunction serializeResponsiveColorControl(\n  control: ResponsiveColorControl,\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 = ResponsiveColorControlValue> = {\n  type: typeof Controls.Types.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 NumberControlConfig = {\n  preset?: NumberControlValue\n  label?: string\n  defaultValue?: number\n  min?: number\n  max?: number\n  step?: number\n  suffix?: string\n  hidden?: boolean\n}\n\ntype SerializedNumberControl<_T = NumberControlValue> = {\n  type: typeof Controls.Types.Number\n  options: SerializedConfig<NumberControlConfig>\n}\n\nfunction serializeNumberControl(control: NumberControl): [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 = NumberControlValue> = {\n  type: typeof Controls.Types.Number\n  options: DeserializedConfig<NumberControlConfig>\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}\ntype ResponsiveIconRadioGroupControlConfig<T extends string = string, U extends T = T> = {\n  label?: string\n  options: IconRadioGroupOption<T>[]\n  defaultValue?: U\n  hidden?: boolean\n}\n\ntype SerializedResponsiveIconRadioGroupControl<_T = ResponsiveIconRadioGroupControlValue> = {\n  type: typeof Controls.Types.ResponsiveIconRadioGroup\n  options: SerializedConfig<ResponsiveIconRadioGroupControlConfig>\n}\n\nfunction serializeResponsiveIconRadioGroupControl(\n  control: ResponsiveIconRadioGroupControl,\n): [SerializedResponsiveIconRadioGroupControl, 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 DeserializedResponsiveIconRadioGroupControl<_T = ResponsiveIconRadioGroupControlValue> = {\n  type: typeof Controls.Types.ResponsiveIconRadioGroup\n  options: DeserializedConfig<ResponsiveIconRadioGroupControlConfig>\n}\n\nfunction deserializeResponsiveIconRadioGroupControl(\n  serializedControl: SerializedResponsiveIconRadioGroupControl,\n): DeserializedResponsiveIconRadioGroupControl {\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?: DateControlValue }\n\ntype SerializedDateControl<_T = DateControlValue> = {\n  type: typeof Controls.Types.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 = DateControlValue> = {\n  type: typeof Controls.Types.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?: LinkControlValue\n  label?: string\n  defaultValue?: LinkControlValue\n  options?: { value: LinkControlValue['type']; label: string }[]\n  hidden?: boolean\n}\n\ntype SerializedLinkControl<_T = LinkControlValue> = {\n  type: typeof Controls.Types.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 = LinkControlValue> = {\n  type: typeof Controls.Types.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 SerializedTextInputControl<_T = TextInputControlValue> = {\n  type: typeof Controls.Types.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 Controls.Types.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 SerializedResponsiveSelectControl<_T = ResponsiveSelectControlValue> = {\n  type: typeof Controls.Types.ResponsiveSelect\n  options: SerializedConfig<ResponsiveSelectControlConfig>\n}\n\nfunction serializeResponsiveSelectControl(\n  control: ResponsiveSelectControl,\n): [SerializedResponsiveSelectControl, 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 ResponsiveSelectControlConfig<T extends string = string, U extends T = T> = {\n  label?: string\n  labelOrientation?: SelectLabelOrientation\n  options: SelectOption<T>[]\n  defaultValue?: U\n  hidden?: boolean\n}\n\ntype DeserializedResponsiveSelectControl<_T = ResponsiveSelectControlValue> = {\n  type: typeof Controls.Types.ResponsiveSelect\n  options: DeserializedConfig<ResponsiveSelectControlConfig>\n}\n\nfunction deserializeResponsiveSelectControl(\n  serializedControl: SerializedResponsiveSelectControl,\n): DeserializedResponsiveSelectControl {\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 ResponsiveLengthControlConfig = {\n  label?: string\n  options?: LengthOption[]\n  defaultValue?: Length\n  hidden?: boolean\n}\n\ntype SerializedResponsiveLengthControl<_T = ResponsiveLengthControlValue> = {\n  type: typeof Controls.Types.ResponsiveLength\n  options: SerializedConfig<ResponsiveLengthControlConfig>\n}\n\nfunction serializeResponsiveLengthControl(\n  control: ResponsiveLengthControl,\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 = ResponsiveLengthControlValue> = {\n  type: typeof Controls.Types.ResponsiveLength\n  options: DeserializedConfig<ResponsiveLengthControlConfig>\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 = TextStyleControlValue> = {\n  type: typeof Controls.Types.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?: TextStyleControlValue\n  label?: string\n  hidden?: boolean\n}\n\ntype DeserializedTextStyleControl<_T = TextStyleControlValue> = {\n  type: typeof Controls.Types.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 Controls.Types.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 Controls.Types.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 Controls.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 Controls.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      | GapXControl<T>\n      | GapYControl<T>\n      | ResponsiveNumberControl<T>\n      | CheckboxControl<T>\n      | ResponsiveColorControl<T>\n      | NumberControl<T>\n      | ResponsiveIconRadioGroupControl<\n          T extends ResponsiveIconRadioGroupControlValue ? T : ResponsiveIconRadioGroupControlValue\n        >\n      | ResponsiveSelectControl<\n          T extends ResponsiveSelectControlValue ? T : ResponsiveSelectControlValue\n        >\n      | ResponsiveLengthControl<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  | SerializedGapXControl<T>\n  | SerializedGapYControl<T>\n  | SerializedResponsiveNumberControl<T>\n  | SerializedCheckboxControl<T>\n  | SerializedResponsiveColorControl<T>\n  | SerializedNumberControl<T>\n  | SerializedResponsiveIconRadioGroupControl<T>\n  | SerializedResponsiveSelectControl<T>\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      | GapXControl<T>\n      | GapYControl<T>\n      | ResponsiveNumberControl<T>\n      | CheckboxControl<T>\n      | ResponsiveColorControl<T>\n      | NumberControl<T>\n      | ResponsiveIconRadioGroupControl<\n          T extends ResponsiveIconRadioGroupControlValue ? T : ResponsiveIconRadioGroupControlValue\n        >\n      | ResponsiveSelectControl<\n          T extends ResponsiveSelectControlValue ? T : ResponsiveSelectControlValue\n        >\n      | ResponsiveLengthControl<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  | DeserializedGapXControl<T>\n  | DeserializedGapYControl<T>\n  | DeserializedResponsiveNumberControl<T>\n  | DeserializedCheckboxControl<T>\n  | DeserializedResponsiveColorControl<T>\n  | DeserializedNumberControl<T>\n  | DeserializedResponsiveIconRadioGroupControl<T>\n  | DeserializedResponsiveSelectControl<T>\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 Controls.Types.Checkbox:\n      return serializeCheckboxControl(control)\n\n    case Controls.Types.List:\n      return serializeListControl(control)\n\n    case Controls.Types.Shape:\n      return serializeShapeControl(control)\n\n    case Controls.Types.Typeahead:\n      return serializeTypeaheadControl(control)\n\n    case Controls.Types.GapX:\n      return serializeGapXControl(control)\n\n    case Controls.Types.GapY:\n      return serializeGapYControl(control)\n\n    case Controls.Types.ResponsiveColor:\n      return serializeResponsiveColorControl(control)\n\n    case Controls.Types.ResponsiveNumber:\n      return serializeResponsiveNumberControl(control)\n\n    case Controls.Types.Number:\n      return serializeNumberControl(control)\n\n    case Controls.Types.ResponsiveIconRadioGroup:\n      return serializeResponsiveIconRadioGroupControl(control)\n\n    case Controls.Types.ResponsiveSelect:\n      return serializeResponsiveSelectControl(control)\n\n    case Controls.Types.ResponsiveLength:\n      return serializeResponsiveLengthControl(control)\n\n    case Controls.Types.Date:\n      return serializeDateControl(control)\n\n    case Controls.Types.Link:\n      return serializeLinkControl(control)\n\n    case Controls.Types.TextInput:\n      return serializeTextInputControl(control)\n\n    case Controls.Types.TextStyle:\n      return serializeTextStyleControl(control)\n\n    case Controls.Types.Image:\n      return serializeImageControl(control)\n\n    case Controls.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 Controls.Types.Checkbox:\n      return deserializeCheckboxControl(serializedControl)\n\n    case Controls.Types.List:\n      return deserializeListControl(serializedControl)\n\n    case Controls.Types.Shape:\n      return deserializeShapeControl(serializedControl)\n\n    case Controls.Types.Typeahead:\n      return deserializeTypeaheadControl(serializedControl)\n\n    case Controls.Types.GapX:\n      return deserializeGapXControl(serializedControl)\n\n    case Controls.Types.GapY:\n      return deserializeGapYControl(serializedControl)\n\n    case Controls.Types.ResponsiveColor:\n      return deserializeResponsiveColorControl(serializedControl)\n\n    case Controls.Types.ResponsiveNumber:\n      return deserializeResponsiveNumberControl(serializedControl)\n\n    case Controls.Types.Number:\n      return deserializeNumberControl(serializedControl)\n\n    case Controls.Types.ResponsiveIconRadioGroup:\n      return deserializeResponsiveIconRadioGroupControl(serializedControl)\n\n    case Controls.Types.ResponsiveSelect:\n      return deserializeResponsiveSelectControl(serializedControl)\n\n    case Controls.Types.ResponsiveLength:\n      return deserializeResponsiveLengthControl(serializedControl)\n\n    case Controls.Types.Date:\n      return deserializeDateControl(serializedControl)\n\n    case Controls.Types.Link:\n      return deserializeLinkControl(serializedControl)\n\n    case Controls.Types.TextInput:\n      return deserializeTextInputControl(serializedControl)\n\n    case Controls.Types.TextStyle:\n      return deserializeTextStyleControl(serializedControl)\n\n    case Controls.Types.Image:\n      return deserializeImageControl(serializedControl)\n\n    case Controls.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":["control"]}

package/dist/esm/builder/serialization/controls/combobox.js

@@ -0,0 +1,20 @@
+import { deserializeFunction, serializeFunction } from "../function-serialization";
+function serializeComboboxControlDefinition(definition) {
+  const transferables = [];
+  const getOptions = definition.config.getOptions && serializeFunction(definition.config.getOptions);
+  if (getOptions)
+    transferables.push(getOptions);
+  return [{ ...definition, config: { ...definition.config, getOptions } }, transferables];
+}
+function deserializeComboboxControlDefinition(definition) {
+  const getOptions = definition.config.getOptions && deserializeFunction(definition.config.getOptions);
+  return {
+    ...definition,
+    config: { ...definition.config, getOptions }
+  };
+}
+export {
+  deserializeComboboxControlDefinition,
+  serializeComboboxControlDefinition
+};
+//# sourceMappingURL=combobox.js.map

package/dist/esm/builder/serialization/controls/combobox.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/builder/serialization/controls/combobox.ts"],"sourcesContent":["import { ComboboxControlDefinition } from '../../../controls'\nimport { deserializeFunction, serializeFunction } from '../function-serialization'\nimport { Deserialize, Serialize } from './types'\n\nexport function serializeComboboxControlDefinition(\n  definition: ComboboxControlDefinition,\n): [Serialize<ComboboxControlDefinition>, Transferable[]] {\n  const transferables = []\n  const getOptions = definition.config.getOptions && serializeFunction(definition.config.getOptions)\n\n  if (getOptions) transferables.push(getOptions)\n\n  return [{ ...definition, config: { ...definition.config, getOptions } }, transferables] as [\n    Serialize<ComboboxControlDefinition>,\n    Transferable[],\n  ]\n}\n\nexport function deserializeComboboxControlDefinition(\n  definition: Serialize<ComboboxControlDefinition>,\n): Deserialize<Serialize<ComboboxControlDefinition>> {\n  const getOptions =\n    definition.config.getOptions && deserializeFunction(definition.config.getOptions)\n\n  return {\n    ...definition,\n    config: { ...definition.config, getOptions },\n  } as Deserialize<Serialize<ComboboxControlDefinition>>\n}\n"],"mappings":"AACA,SAAS,qBAAqB,yBAAyB;AAGhD,SAAS,mCACd,YACwD;AACxD,QAAM,gBAAgB,CAAC;AACvB,QAAM,aAAa,WAAW,OAAO,cAAc,kBAAkB,WAAW,OAAO,UAAU;AAEjG,MAAI;AAAY,kBAAc,KAAK,UAAU;AAE7C,SAAO,CAAC,EAAE,GAAG,YAAY,QAAQ,EAAE,GAAG,WAAW,QAAQ,WAAW,EAAE,GAAG,aAAa;AAIxF;AAEO,SAAS,qCACd,YACmD;AACnD,QAAM,aACJ,WAAW,OAAO,cAAc,oBAAoB,WAAW,OAAO,UAAU;AAElF,SAAO;AAAA,IACL,GAAG;AAAA,IACH,QAAQ,EAAE,GAAG,WAAW,QAAQ,WAAW;AAAA,EAC7C;AACF;","names":[]}

package/dist/esm/builder/serialization/controls/list.js

@@ -0,0 +1,25 @@
+import { deserializeControl, serializeControl } from "../control-serialization";
+import { deserializeFunction, serializeFunction } from "../function-serialization";
+function serializeListControlDefinition(definition) {
+  const [type, transferables] = serializeControl(definition.config.type);
+  const getItemLabel = definition.config.getItemLabel && serializeFunction(definition.config.getItemLabel);
+  if (getItemLabel)
+    transferables.push(getItemLabel);
+  return [
+    { ...definition, config: { ...definition.config, type, getItemLabel } },
+    transferables
+  ];
+}
+function deserializeListControlDefinition(definition) {
+  const type = deserializeControl(definition.config.type);
+  const getItemLabel = definition.config.getItemLabel && deserializeFunction(definition.config.getItemLabel);
+  return {
+    ...definition,
+    config: { ...definition.config, type, getItemLabel }
+  };
+}
+export {
+  deserializeListControlDefinition,
+  serializeListControlDefinition
+};
+//# sourceMappingURL=list.js.map

package/dist/esm/builder/serialization/controls/list.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/builder/serialization/controls/list.ts"],"sourcesContent":["import { ListControlDefinition } from '../../../controls'\nimport { deserializeControl, serializeControl } from '../control-serialization'\nimport { deserializeFunction, serializeFunction } from '../function-serialization'\nimport { Deserialize, Serialize } from './types'\n\nexport function serializeListControlDefinition(\n  definition: ListControlDefinition,\n): [Serialize<ListControlDefinition>, Transferable[]] {\n  const [type, transferables] = serializeControl(definition.config.type)\n  const getItemLabel =\n    definition.config.getItemLabel && serializeFunction(definition.config.getItemLabel)\n\n  if (getItemLabel) transferables.push(getItemLabel)\n\n  return [\n    { ...definition, config: { ...definition.config, type, getItemLabel } },\n    transferables,\n  ] as [Serialize<ListControlDefinition>, Transferable[]]\n}\n\nexport function deserializeListControlDefinition(\n  definition: Serialize<ListControlDefinition>,\n): Deserialize<Serialize<ListControlDefinition>> {\n  const type = deserializeControl(definition.config.type)\n  const getItemLabel =\n    definition.config.getItemLabel && deserializeFunction(definition.config.getItemLabel)\n\n  return {\n    ...definition,\n    config: { ...definition.config, type, getItemLabel },\n  } as Deserialize<Serialize<ListControlDefinition>>\n}\n"],"mappings":"AACA,SAAS,oBAAoB,wBAAwB;AACrD,SAAS,qBAAqB,yBAAyB;AAGhD,SAAS,+BACd,YACoD;AACpD,QAAM,CAAC,MAAM,aAAa,IAAI,iBAAiB,WAAW,OAAO,IAAI;AACrE,QAAM,eACJ,WAAW,OAAO,gBAAgB,kBAAkB,WAAW,OAAO,YAAY;AAEpF,MAAI;AAAc,kBAAc,KAAK,YAAY;AAEjD,SAAO;AAAA,IACL,EAAE,GAAG,YAAY,QAAQ,EAAE,GAAG,WAAW,QAAQ,MAAM,aAAa,EAAE;AAAA,IACtE;AAAA,EACF;AACF;AAEO,SAAS,iCACd,YAC+C;AAC/C,QAAM,OAAO,mBAAmB,WAAW,OAAO,IAAI;AACtD,QAAM,eACJ,WAAW,OAAO,gBAAgB,oBAAoB,WAAW,OAAO,YAAY;AAEtF,SAAO;AAAA,IACL,GAAG;AAAA,IACH,QAAQ,EAAE,GAAG,WAAW,QAAQ,MAAM,aAAa;AAAA,EACrD;AACF;","names":[]}

package/dist/esm/builder/serialization/controls/rich-text-v2.js

@@ -0,0 +1,81 @@
+import { deserializeControl, serializeControl } from "../control-serialization";
+import { deserializeFunction, serializeFunction } from "../function-serialization";
+function serializeRichTextControlV2(definition) {
+  const { plugins, ...config } = definition.config;
+  const transferables = [];
+  return [
+    {
+      ...definition,
+      config: {
+        ...config,
+        plugins: plugins?.map((plugin) => {
+          const onKeyDown = plugin.onKeyDown && serializeFunction(plugin.onKeyDown);
+          if (onKeyDown)
+            transferables.push(onKeyDown);
+          const withPlugin = plugin.withPlugin && serializeFunction(plugin.withPlugin);
+          if (withPlugin)
+            transferables.push(withPlugin);
+          if (plugin.control) {
+            const [definition2, pluginTransferables] = serializeControl(plugin.control.definition);
+            transferables.push(...pluginTransferables);
+            const getValue = serializeFunction(plugin.control.getValue);
+            if (getValue)
+              transferables.push(getValue);
+            const onChange = serializeFunction(plugin.control.onChange);
+            if (onChange)
+              transferables.push(onChange);
+            return {
+              control: {
+                definition: definition2,
+                onChange,
+                getValue
+              },
+              onKeyDown,
+              withPlugin
+            };
+          }
+          return {
+            onKeyDown,
+            withPlugin
+          };
+        }) ?? []
+      }
+    },
+    transferables
+  ];
+}
+function deserializeRichTextControlV2(definition) {
+  return {
+    ...definition,
+    config: {
+      ...definition.config,
+      plugins: definition.config.plugins?.map((plugin) => {
+        const onKeyDown = plugin.onKeyDown && deserializeFunction(plugin.onKeyDown);
+        const withPlugin = plugin.withPlugin && deserializeFunction(plugin.withPlugin);
+        if (plugin.control) {
+          const definition2 = deserializeControl(plugin.control.definition);
+          const getValue = deserializeFunction(plugin.control.getValue);
+          const onChange = deserializeFunction(plugin.control.onChange);
+          return {
+            control: {
+              definition: definition2,
+              onChange,
+              getValue
+            },
+            onKeyDown,
+            withPlugin
+          };
+        }
+        return {
+          onKeyDown,
+          withPlugin
+        };
+      }) ?? []
+    }
+  };
+}
+export {
+  deserializeRichTextControlV2,
+  serializeRichTextControlV2
+};
+//# sourceMappingURL=rich-text-v2.js.map

package/dist/esm/builder/serialization/controls/rich-text-v2.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/builder/serialization/controls/rich-text-v2.ts"],"sourcesContent":["import { RichTextV2ControlDefinition } from '../../../controls'\nimport { deserializeControl, serializeControl } from '../control-serialization'\nimport { deserializeFunction, serializeFunction } from '../function-serialization'\nimport { Deserialize, Serialize } from './types'\n\nexport function serializeRichTextControlV2(\n  definition: RichTextV2ControlDefinition,\n): [Serialize<RichTextV2ControlDefinition>, Transferable[]] {\n  const { plugins, ...config } = definition.config\n  const transferables: Transferable[] = []\n\n  return [\n    {\n      ...definition,\n      config: {\n        ...config,\n        plugins:\n          plugins?.map(plugin => {\n            const onKeyDown = plugin.onKeyDown && serializeFunction(plugin.onKeyDown)\n            if (onKeyDown) transferables.push(onKeyDown)\n            const withPlugin = plugin.withPlugin && serializeFunction(plugin.withPlugin)\n            if (withPlugin) transferables.push(withPlugin)\n\n            if (plugin.control) {\n              const [definition, pluginTransferables] = serializeControl(plugin.control.definition)\n              transferables.push(...pluginTransferables)\n              const getValue = serializeFunction(plugin.control.getValue)\n              if (getValue) transferables.push(getValue)\n              const onChange = serializeFunction(plugin.control.onChange)\n              if (onChange) transferables.push(onChange)\n\n              return {\n                control: {\n                  definition,\n                  onChange,\n                  getValue,\n                },\n                onKeyDown,\n                withPlugin,\n              }\n            }\n\n            return {\n              onKeyDown,\n              withPlugin,\n            }\n          }) ?? [],\n      },\n    },\n    transferables,\n  ] as [Serialize<RichTextV2ControlDefinition>, Transferable[]]\n}\n\nexport function deserializeRichTextControlV2(\n  definition: Serialize<RichTextV2ControlDefinition>,\n): Deserialize<Serialize<RichTextV2ControlDefinition>> {\n  return {\n    ...definition,\n    config: {\n      ...definition.config,\n      plugins:\n        definition.config.plugins?.map(plugin => {\n          // TODO: you shouldn't need to cast all the functions\n          // There is a type missmatch where functions within the plugin aren't typed as Serialize<T>\n          // This prevents them from being used with `deserializeFunction`\n          const onKeyDown = plugin.onKeyDown && deserializeFunction(plugin.onKeyDown as any)\n          const withPlugin = plugin.withPlugin && deserializeFunction(plugin.withPlugin as any)\n\n          if (plugin.control) {\n            const definition = deserializeControl(plugin.control.definition as any)\n            const getValue = deserializeFunction(plugin.control.getValue as any)\n            const onChange = deserializeFunction(plugin.control.onChange as any)\n\n            return {\n              control: {\n                definition,\n                onChange,\n                getValue,\n              },\n              onKeyDown,\n              withPlugin,\n            }\n          }\n\n          return {\n            onKeyDown,\n            withPlugin,\n          }\n        }) ?? [],\n    },\n  } as Deserialize<Serialize<RichTextV2ControlDefinition>>\n}\n"],"mappings":"AACA,SAAS,oBAAoB,wBAAwB;AACrD,SAAS,qBAAqB,yBAAyB;AAGhD,SAAS,2BACd,YAC0D;AAC1D,QAAM,EAAE,SAAS,GAAG,OAAO,IAAI,WAAW;AAC1C,QAAM,gBAAgC,CAAC;AAEvC,SAAO;AAAA,IACL;AAAA,MACE,GAAG;AAAA,MACH,QAAQ;AAAA,QACN,GAAG;AAAA,QACH,SACE,SAAS,IAAI,YAAU;AACrB,gBAAM,YAAY,OAAO,aAAa,kBAAkB,OAAO,SAAS;AACxE,cAAI;AAAW,0BAAc,KAAK,SAAS;AAC3C,gBAAM,aAAa,OAAO,cAAc,kBAAkB,OAAO,UAAU;AAC3E,cAAI;AAAY,0BAAc,KAAK,UAAU;AAE7C,cAAI,OAAO,SAAS;AAClB,kBAAM,CAACA,aAAY,mBAAmB,IAAI,iBAAiB,OAAO,QAAQ,UAAU;AACpF,0BAAc,KAAK,GAAG,mBAAmB;AACzC,kBAAM,WAAW,kBAAkB,OAAO,QAAQ,QAAQ;AAC1D,gBAAI;AAAU,4BAAc,KAAK,QAAQ;AACzC,kBAAM,WAAW,kBAAkB,OAAO,QAAQ,QAAQ;AAC1D,gBAAI;AAAU,4BAAc,KAAK,QAAQ;AAEzC,mBAAO;AAAA,cACL,SAAS;AAAA,gBACP,YAAAA;AAAA,gBACA;AAAA,gBACA;AAAA,cACF;AAAA,cACA;AAAA,cACA;AAAA,YACF;AAAA,UACF;AAEA,iBAAO;AAAA,YACL;AAAA,YACA;AAAA,UACF;AAAA,QACF,CAAC,KAAK,CAAC;AAAA,MACX;AAAA,IACF;AAAA,IACA;AAAA,EACF;AACF;AAEO,SAAS,6BACd,YACqD;AACrD,SAAO;AAAA,IACL,GAAG;AAAA,IACH,QAAQ;AAAA,MACN,GAAG,WAAW;AAAA,MACd,SACE,WAAW,OAAO,SAAS,IAAI,YAAU;AAIvC,cAAM,YAAY,OAAO,aAAa,oBAAoB,OAAO,SAAgB;AACjF,cAAM,aAAa,OAAO,cAAc,oBAAoB,OAAO,UAAiB;AAEpF,YAAI,OAAO,SAAS;AAClB,gBAAMA,cAAa,mBAAmB,OAAO,QAAQ,UAAiB;AACtE,gBAAM,WAAW,oBAAoB,OAAO,QAAQ,QAAe;AACnE,gBAAM,WAAW,oBAAoB,OAAO,QAAQ,QAAe;AAEnE,iBAAO;AAAA,YACL,SAAS;AAAA,cACP,YAAAA;AAAA,cACA;AAAA,cACA;AAAA,YACF;AAAA,YACA;AAAA,YACA;AAAA,UACF;AAAA,QACF;AAEA,eAAO;AAAA,UACL;AAAA,UACA;AAAA,QACF;AAAA,MACF,CAAC,KAAK,CAAC;AAAA,IACX;AAAA,EACF;AACF;","names":["definition"]}

package/dist/esm/builder/serialization/controls/shape.js

@@ -0,0 +1,32 @@
+import {
+  deserializeControl,
+  serializeControl
+} from "../control-serialization";
+function serializeShapeControlDefinition(definition) {
+  const [type, transferables] = Object.entries(definition.config.type).reduce(
+    ([type2, transferables2], [key, value]) => {
+      const [serializedType, serializedTransferables] = serializeControl(value);
+      type2[key] = serializedType;
+      transferables2.push(...serializedTransferables);
+      return [type2, transferables2];
+    },
+    [{}, []]
+  );
+  return [{ ...definition, config: { ...definition.config, type } }, transferables];
+}
+function deserializeShapeControlDefinition(definition) {
+  const type = Object.entries(definition.config.type).reduce((type2, [key, value]) => {
+    const serializedType = deserializeControl(value);
+    type2[key] = serializedType;
+    return type2;
+  }, {});
+  return {
+    ...definition,
+    config: { ...definition.config, type }
+  };
+}
+export {
+  deserializeShapeControlDefinition,
+  serializeShapeControlDefinition
+};
+//# sourceMappingURL=shape.js.map

package/dist/esm/builder/serialization/controls/shape.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/builder/serialization/controls/shape.ts"],"sourcesContent":["import { ShapeControlDefinition } from '../../../controls'\nimport {\n  deserializeControl,\n  DeserializedControl,\n  serializeControl,\n  SerializedControl,\n} from '../control-serialization'\nimport { Deserialize, Serialize } from './types'\n\nexport function serializeShapeControlDefinition(\n  definition: ShapeControlDefinition,\n): [Serialize<ShapeControlDefinition>, Transferable[]] {\n  const [type, transferables] = Object.entries(definition.config.type).reduce(\n    ([type, transferables], [key, value]) => {\n      const [serializedType, serializedTransferables] = serializeControl(value)\n\n      type[key] = serializedType\n      transferables.push(...serializedTransferables)\n\n      return [type, transferables]\n    },\n    [{} as Record<string, SerializedControl>, [] as Transferable[]],\n  )\n\n  return [{ ...definition, config: { ...definition.config, type } }, transferables] as [\n    Serialize<ShapeControlDefinition>,\n    Transferable[],\n  ]\n}\n\nexport function deserializeShapeControlDefinition(\n  definition: Serialize<ShapeControlDefinition>,\n): Deserialize<Serialize<ShapeControlDefinition>> {\n  const type = Object.entries(definition.config.type).reduce((type, [key, value]) => {\n    const serializedType = deserializeControl(value)\n\n    type[key] = serializedType\n\n    return type\n  }, {} as Record<string, DeserializedControl>)\n\n  return {\n    ...definition,\n    config: { ...definition.config, type },\n  } as Deserialize<Serialize<ShapeControlDefinition>>\n}\n"],"mappings":"AACA;AAAA,EACE;AAAA,EAEA;AAAA,OAEK;AAGA,SAAS,gCACd,YACqD;AACrD,QAAM,CAAC,MAAM,aAAa,IAAI,OAAO,QAAQ,WAAW,OAAO,IAAI,EAAE;AAAA,IACnE,CAAC,CAACA,OAAMC,cAAa,GAAG,CAAC,KAAK,KAAK,MAAM;AACvC,YAAM,CAAC,gBAAgB,uBAAuB,IAAI,iBAAiB,KAAK;AAExE,MAAAD,MAAK,GAAG,IAAI;AACZ,MAAAC,eAAc,KAAK,GAAG,uBAAuB;AAE7C,aAAO,CAACD,OAAMC,cAAa;AAAA,IAC7B;AAAA,IACA,CAAC,CAAC,GAAwC,CAAC,CAAmB;AAAA,EAChE;AAEA,SAAO,CAAC,EAAE,GAAG,YAAY,QAAQ,EAAE,GAAG,WAAW,QAAQ,KAAK,EAAE,GAAG,aAAa;AAIlF;AAEO,SAAS,kCACd,YACgD;AAChD,QAAM,OAAO,OAAO,QAAQ,WAAW,OAAO,IAAI,EAAE,OAAO,CAACD,OAAM,CAAC,KAAK,KAAK,MAAM;AACjF,UAAM,iBAAiB,mBAAmB,KAAK;AAE/C,IAAAA,MAAK,GAAG,IAAI;AAEZ,WAAOA;AAAA,EACT,GAAG,CAAC,CAAwC;AAE5C,SAAO;AAAA,IACL,GAAG;AAAA,IACH,QAAQ,EAAE,GAAG,WAAW,QAAQ,KAAK;AAAA,EACvC;AACF;","names":["type","transferables"]}

package/dist/esm/builder/serialization/controls/style-v2.js

@@ -0,0 +1,37 @@
+import { deserializeControl, serializeControl } from "../control-serialization";
+import { deserializeFunction, serializeFunction } from "../function-serialization";
+function serializeStyleV2Control(definition) {
+  const [type, transferables] = serializeControl(definition.config.type);
+  const getStyle = definition.config.getStyle && serializeFunction(definition.config.getStyle);
+  if (getStyle) {
+    transferables.push(getStyle);
+  }
+  return [
+    {
+      ...definition,
+      config: {
+        ...definition.config,
+        type,
+        getStyle
+      }
+    },
+    transferables
+  ];
+}
+function deserializeStyleV2Control(definition) {
+  const type = deserializeControl(definition.config.type);
+  const getStyle = definition.config.getStyle && deserializeFunction(definition.config.getStyle);
+  return {
+    ...definition,
+    config: {
+      ...definition.config,
+      getStyle,
+      type
+    }
+  };
+}
+export {
+  deserializeStyleV2Control,
+  serializeStyleV2Control
+};
+//# sourceMappingURL=style-v2.js.map

package/dist/esm/builder/serialization/controls/style-v2.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/builder/serialization/controls/style-v2.ts"],"sourcesContent":["import { StyleV2ControlDefinition } from '../../../controls'\nimport { deserializeControl, serializeControl } from '../control-serialization'\nimport { deserializeFunction, serializeFunction } from '../function-serialization'\nimport { Serialize, Deserialize } from './types'\n\nexport function serializeStyleV2Control(\n  definition: StyleV2ControlDefinition,\n): [Serialize<StyleV2ControlDefinition>, Transferable[]] {\n  const [type, transferables] = serializeControl(definition.config.type)\n  const getStyle = definition.config.getStyle && serializeFunction(definition.config.getStyle)\n\n  if (getStyle) {\n    transferables.push(getStyle)\n  }\n\n  return [\n    {\n      ...definition,\n      config: {\n        ...definition.config,\n        type,\n        getStyle,\n      },\n    },\n    transferables,\n  ] as [Serialize<StyleV2ControlDefinition>, Transferable[]]\n}\n\nexport function deserializeStyleV2Control(\n  definition: Serialize<StyleV2ControlDefinition>,\n): Deserialize<Serialize<StyleV2ControlDefinition>> {\n  const type = deserializeControl(definition.config.type)\n  const getStyle = definition.config.getStyle && deserializeFunction(definition.config.getStyle)\n\n  return {\n    ...definition,\n    config: {\n      ...definition.config,\n      getStyle,\n      type,\n    },\n  } as Deserialize<Serialize<StyleV2ControlDefinition>>\n}\n"],"mappings":"AACA,SAAS,oBAAoB,wBAAwB;AACrD,SAAS,qBAAqB,yBAAyB;AAGhD,SAAS,wBACd,YACuD;AACvD,QAAM,CAAC,MAAM,aAAa,IAAI,iBAAiB,WAAW,OAAO,IAAI;AACrE,QAAM,WAAW,WAAW,OAAO,YAAY,kBAAkB,WAAW,OAAO,QAAQ;AAE3F,MAAI,UAAU;AACZ,kBAAc,KAAK,QAAQ;AAAA,EAC7B;AAEA,SAAO;AAAA,IACL;AAAA,MACE,GAAG;AAAA,MACH,QAAQ;AAAA,QACN,GAAG,WAAW;AAAA,QACd;AAAA,QACA;AAAA,MACF;AAAA,IACF;AAAA,IACA;AAAA,EACF;AACF;AAEO,SAAS,0BACd,YACkD;AAClD,QAAM,OAAO,mBAAmB,WAAW,OAAO,IAAI;AACtD,QAAM,WAAW,WAAW,OAAO,YAAY,oBAAoB,WAAW,OAAO,QAAQ;AAE7F,SAAO;AAAA,IACL,GAAG;AAAA,IACH,QAAQ;AAAA,MACN,GAAG,WAAW;AAAA,MACd;AAAA,MACA;AAAA,IACF;AAAA,EACF;AACF;","names":[]}

package/dist/esm/builder/serialization/controls/types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=types.js.map

package/dist/esm/builder/serialization/controls/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/esm/builder/serialization/function-serialization.js

@@ -0,0 +1,31 @@
+function isSerializedFunction(value) {
+  return value instanceof MessagePort;
+}
+function serializeFunction(func) {
+  const messageChannel = new MessageChannel();
+  messageChannel.port1.onmessage = ({ data: [callId, args] }) => {
+    Promise.resolve().then(() => func.apply(null, args)).then((result) => messageChannel.port1.postMessage([callId, result]));
+  };
+  return messageChannel.port2;
+}
+function deserializeFunction(serializedFunction) {
+  let nextCallId = 0;
+  const calls = /* @__PURE__ */ new Map();
+  serializedFunction.onmessage = ({ data: [callId, result] }) => {
+    calls.get(callId)?.(result);
+    calls.delete(callId);
+  };
+  return function deserializedFunction(...args) {
+    return new Promise((resolve) => {
+      const callId = nextCallId++;
+      calls.set(callId, resolve);
+      serializedFunction.postMessage([callId, args]);
+    });
+  };
+}
+export {
+  deserializeFunction,
+  isSerializedFunction,
+  serializeFunction
+};
+//# sourceMappingURL=function-serialization.js.map

package/dist/esm/builder/serialization/function-serialization.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/builder/serialization/function-serialization.ts"],"sourcesContent":["declare const SerializedFunctionTag: unique symbol\n\ntype AnyFunction = (...args: any) => any\n\nexport type SerializedFunction<T extends AnyFunction> = MessagePort & {\n  readonly [SerializedFunctionTag]: T\n}\n\ntype SerializedFunctionReturnType<T extends AnyFunction> = Awaited<ReturnType<T>>\n\nexport type DeserializedFunction<T extends AnyFunction> = (\n  ...args: Parameters<T>\n) => Promise<SerializedFunctionReturnType<T>>\n\nexport function isSerializedFunction(value: any): value is SerializedFunction<AnyFunction> {\n  return value instanceof MessagePort\n}\n\ntype CallID = number\n\nexport function serializeFunction<T extends AnyFunction>(func: T): SerializedFunction<T> {\n  type CallMessageEvent = MessageEvent<[CallID, Parameters<T>]>\n\n  const messageChannel = new MessageChannel()\n\n  messageChannel.port1.onmessage = ({ data: [callId, args] }: CallMessageEvent) => {\n    Promise.resolve()\n      .then(() => func.apply(null, args))\n      .then(result => messageChannel.port1.postMessage([callId, result]))\n  }\n\n  return messageChannel.port2 as SerializedFunction<T>\n}\n\nexport function deserializeFunction<T extends AnyFunction>(\n  serializedFunction: SerializedFunction<T>,\n): DeserializedFunction<T> {\n  type Result = SerializedFunctionReturnType<T>\n  type ResultMessageEvent = MessageEvent<[CallID, Result]>\n  type ResolveCallPromise = (value: Result | PromiseLike<Result>) => void\n\n  let nextCallId = 0\n  const calls = new Map<CallID, ResolveCallPromise>()\n\n  serializedFunction.onmessage = ({ data: [callId, result] }: ResultMessageEvent) => {\n    calls.get(callId)?.(result)\n\n    calls.delete(callId)\n  }\n\n  return function deserializedFunction(...args) {\n    return new Promise(resolve => {\n      const callId = nextCallId++\n\n      calls.set(callId, resolve)\n\n      serializedFunction.postMessage([callId, args])\n    })\n  }\n}\n"],"mappings":"AAcO,SAAS,qBAAqB,OAAsD;AACzF,SAAO,iBAAiB;AAC1B;AAIO,SAAS,kBAAyC,MAAgC;AAGvF,QAAM,iBAAiB,IAAI,eAAe;AAE1C,iBAAe,MAAM,YAAY,CAAC,EAAE,MAAM,CAAC,QAAQ,IAAI,EAAE,MAAwB;AAC/E,YAAQ,QAAQ,EACb,KAAK,MAAM,KAAK,MAAM,MAAM,IAAI,CAAC,EACjC,KAAK,YAAU,eAAe,MAAM,YAAY,CAAC,QAAQ,MAAM,CAAC,CAAC;AAAA,EACtE;AAEA,SAAO,eAAe;AACxB;AAEO,SAAS,oBACd,oBACyB;AAKzB,MAAI,aAAa;AACjB,QAAM,QAAQ,oBAAI,IAAgC;AAElD,qBAAmB,YAAY,CAAC,EAAE,MAAM,CAAC,QAAQ,MAAM,EAAE,MAA0B;AACjF,UAAM,IAAI,MAAM,IAAI,MAAM;AAE1B,UAAM,OAAO,MAAM;AAAA,EACrB;AAEA,SAAO,SAAS,wBAAwB,MAAM;AAC5C,WAAO,IAAI,QAAQ,aAAW;AAC5B,YAAM,SAAS;AAEf,YAAM,IAAI,QAAQ,OAAO;AAEzB,yBAAmB,YAAY,CAAC,QAAQ,IAAI,CAAC;AAAA,IAC/C,CAAC;AAAA,EACH;AACF;","names":[]}

package/dist/esm/builder/serialization/index.js

@@ -0,0 +1,3 @@
+export * from "./control-serialization";
+export * from "./function-serialization";
+//# sourceMappingURL=index.js.map

package/dist/esm/builder/serialization/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/builder/serialization/index.ts"],"sourcesContent":["export * from './control-serialization'\nexport * from './function-serialization'\nexport type { Serialize, Deserialize } from './controls/types'\n"],"mappings":"AAAA,cAAc;AACd,cAAc;","names":[]}

package/dist/esm/components/builtin/Box/Box.js

@@ -0,0 +1,167 @@
+import { jsx } from "react/jsx-runtime";
+import {
+  forwardRef,
+  useCallback,
+  useEffect,
+  useImperativeHandle,
+  useRef,
+  useState
+} from "react";
+import { cx } from "@emotion/css";
+import { v4 as uuid } from "uuid";
+import { Element } from "../../../runtimes/react";
+import Placeholder from "./components/Placeholder";
+import { areBoxAnimationPropsEqual, useBoxAnimation } from "./animations";
+import { parse, createBox } from "../../../box-model";
+import BackgroundsContainer from "../../shared/BackgroundsContainer";
+import { useResponsiveStyle } from "../../utils/responsive-style";
+import { GridItem } from "../../shared/grid-item";
+import { useStyle } from "../../../runtimes/react/use-style";
+const Box = forwardRef(function Box2({
+  id,
+  backgrounds,
+  width,
+  height,
+  margin,
+  padding,
+  border,
+  children,
+  borderRadius,
+  boxShadow,
+  rowGap,
+  columnGap,
+  hidePlaceholder,
+  verticalAlign,
+  boxAnimateType,
+  boxAnimateDuration,
+  boxAnimateDelay,
+  itemAnimateDelay,
+  itemAnimateType,
+  itemAnimateDuration,
+  itemStaggerDuration
+}, ref) {
+  const innerRef = useRef(null);
+  const boxElementObjectRef = useRef(null);
+  const [animationClassName, replayAnimation, setElement] = useBoxAnimation(
+    boxAnimateType,
+    boxAnimateDuration,
+    boxAnimateDelay,
+    itemAnimateType
+  );
+  const boxElementCallbackRef = useCallback((current) => {
+    boxElementObjectRef.current = current;
+    setElement(current);
+  }, []);
+  useImperativeHandle(
+    ref,
+    () => ({
+      getDomNode() {
+        return boxElementObjectRef.current;
+      },
+      getBoxModel() {
+        const paddingBoxElement = innerRef.current;
+        const borderBoxElement = innerRef.current;
+        const marginBoxElement = boxElementObjectRef.current;
+        const borderBox = innerRef.current?.getBoundingClientRect();
+        const paddingBoxComputedStyle = paddingBoxElement?.ownerDocument.defaultView?.getComputedStyle(paddingBoxElement);
+        const borderBoxComputedStyle = borderBoxElement?.ownerDocument.defaultView?.getComputedStyle(borderBoxElement);
+        const marginBoxComputedStyle = marginBoxElement?.ownerDocument.defaultView?.getComputedStyle(marginBoxElement);
+        const padding2 = paddingBoxComputedStyle && {
+          top: parse(paddingBoxComputedStyle.paddingTop),
+          right: parse(paddingBoxComputedStyle.paddingRight),
+          bottom: parse(paddingBoxComputedStyle.paddingBottom),
+          left: parse(paddingBoxComputedStyle.paddingLeft)
+        };
+        const border2 = borderBoxComputedStyle && {
+          top: parse(borderBoxComputedStyle.borderTopWidth),
+          right: parse(borderBoxComputedStyle.borderRightWidth),
+          bottom: parse(borderBoxComputedStyle.borderBottomWidth),
+          left: parse(borderBoxComputedStyle.borderLeftWidth)
+        };
+        const margin2 = marginBoxComputedStyle && {
+          top: parse(marginBoxComputedStyle.marginTop),
+          right: parse(marginBoxComputedStyle.marginRight),
+          bottom: parse(marginBoxComputedStyle.marginBottom),
+          left: parse(marginBoxComputedStyle.marginLeft)
+        };
+        return borderBox ? createBox({ borderBox, padding: padding2, border: border2, margin: margin2 }) : null;
+      }
+    }),
+    []
+  );
+  const gridItemClassName = useStyle(
+    useResponsiveStyle([verticalAlign], ([alignItems = "flex-start"]) => ({ alignItems }))
+  );
+  const [key, setKey] = useState(() => uuid());
+  const animationProps = {
+    boxAnimateType,
+    boxAnimateDuration,
+    boxAnimateDelay,
+    itemAnimateType,
+    itemAnimateDuration,
+    itemAnimateDelay,
+    itemStaggerDuration
+  };
+  const prevAnimationProps = useRef(animationProps);
+  useEffect(() => {
+    if (!areBoxAnimationPropsEqual(prevAnimationProps.current, animationProps)) {
+      replayAnimation();
+      setKey(uuid());
+      prevAnimationProps.current = animationProps;
+    }
+  }, [replayAnimation, animationProps]);
+  return /* @__PURE__ */ jsx(
+    BackgroundsContainer,
+    {
+      ref: boxElementCallbackRef,
+      id,
+      className: cx(
+        width,
+        margin,
+        borderRadius,
+        useStyle({ display: "flex" }),
+        useStyle(useResponsiveStyle([height], ([alignSelf = "auto"]) => ({ alignSelf }))),
+        animationClassName
+      ),
+      backgrounds,
+      children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          ref: innerRef,
+          className: cx(
+            padding,
+            boxShadow,
+            border,
+            useStyle({ display: "flex", flexWrap: "wrap", width: "100%" }),
+            useStyle(
+              useResponsiveStyle([verticalAlign], ([alignContent = "flex-start"]) => ({
+                alignContent
+              }))
+            )
+          ),
+          children: children && children.elements.length > 0 ? children.elements.map((child, index) => /* @__PURE__ */ jsx(
+            GridItem,
+            {
+              className: gridItemClassName,
+              grid: children.columns,
+              index,
+              itemAnimateDuration,
+              itemAnimateDelay,
+              itemStaggerDuration,
+              columnGap,
+              rowGap,
+              children: /* @__PURE__ */ jsx(Element, { element: child })
+            },
+            child.key
+          )) : /* @__PURE__ */ jsx(Placeholder, { hide: hidePlaceholder })
+        },
+        key
+      )
+    }
+  );
+});
+var Box_default = Box;
+export {
+  Box_default as default
+};
+//# sourceMappingURL=Box.js.map

package/dist/esm/components/builtin/Box/Box.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/builtin/Box/Box.tsx"],"sourcesContent":["import {\n  forwardRef,\n  Ref,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useRef,\n  useState,\n} from 'react'\nimport { cx } from '@emotion/css'\nimport { v4 as uuid } from 'uuid'\n\nimport { Element } from '../../../runtimes/react'\nimport Placeholder from './components/Placeholder'\nimport { areBoxAnimationPropsEqual, BoxAnimationProps, useBoxAnimation } from './animations'\nimport {\n  ElementIDValue,\n  ResponsiveIconRadioGroupValue,\n  GridValue,\n  GapYValue,\n  GapXValue,\n  CheckboxValue,\n  BackgroundsValue,\n} from '../../../prop-controllers/descriptors'\nimport { BoxModelHandle, parse, createBox } from '../../../box-model'\nimport BackgroundsContainer from '../../shared/BackgroundsContainer'\nimport { useResponsiveStyle } from '../../utils/responsive-style'\nimport { GridItem } from '../../shared/grid-item'\nimport { useStyle } from '../../../runtimes/react/use-style'\n\ntype Props = {\n  id?: ElementIDValue\n  backgrounds?: BackgroundsValue\n  width?: string\n  height?: ResponsiveIconRadioGroupValue<'auto' | 'stretch'>\n  verticalAlign?: ResponsiveIconRadioGroupValue<\n    'flex-start' | 'center' | 'flex-end' | 'space-between'\n  >\n  margin?: string\n  padding?: string\n  border?: string\n  borderRadius?: string\n  boxShadow?: string\n  rowGap?: GapYValue\n  columnGap?: GapXValue\n  hidePlaceholder?: CheckboxValue\n  children?: GridValue\n} & BoxAnimationProps\n\nconst Box = forwardRef(function Box(\n  {\n    id,\n    backgrounds,\n    width,\n    height,\n    margin,\n    padding,\n    border,\n    children,\n    borderRadius,\n    boxShadow,\n    rowGap,\n    columnGap,\n    hidePlaceholder,\n    verticalAlign,\n    boxAnimateType,\n    boxAnimateDuration,\n    boxAnimateDelay,\n    itemAnimateDelay,\n    itemAnimateType,\n    itemAnimateDuration,\n    itemStaggerDuration,\n  }: Props,\n  ref: Ref<BoxModelHandle>,\n) {\n  const innerRef = useRef<HTMLDivElement | null>(null)\n  const boxElementObjectRef = useRef<HTMLElement | null>(null)\n  const [animationClassName, replayAnimation, setElement] = useBoxAnimation(\n    boxAnimateType,\n    boxAnimateDuration,\n    boxAnimateDelay,\n    itemAnimateType,\n  )\n  const boxElementCallbackRef = useCallback((current: HTMLElement | null) => {\n    boxElementObjectRef.current = current\n\n    setElement(current)\n  }, [])\n\n  useImperativeHandle(\n    ref,\n    () => ({\n      getDomNode() {\n        return boxElementObjectRef.current\n      },\n      getBoxModel() {\n        const paddingBoxElement = innerRef.current\n        const borderBoxElement = innerRef.current\n        const marginBoxElement = boxElementObjectRef.current\n        const borderBox = innerRef.current?.getBoundingClientRect()\n        const paddingBoxComputedStyle =\n          paddingBoxElement?.ownerDocument.defaultView?.getComputedStyle(paddingBoxElement)\n        const borderBoxComputedStyle =\n          borderBoxElement?.ownerDocument.defaultView?.getComputedStyle(borderBoxElement)\n        const marginBoxComputedStyle =\n          marginBoxElement?.ownerDocument.defaultView?.getComputedStyle(marginBoxElement)\n        const padding = paddingBoxComputedStyle && {\n          top: parse(paddingBoxComputedStyle.paddingTop),\n          right: parse(paddingBoxComputedStyle.paddingRight),\n          bottom: parse(paddingBoxComputedStyle.paddingBottom),\n          left: parse(paddingBoxComputedStyle.paddingLeft),\n        }\n        const border = borderBoxComputedStyle && {\n          top: parse(borderBoxComputedStyle.borderTopWidth),\n          right: parse(borderBoxComputedStyle.borderRightWidth),\n          bottom: parse(borderBoxComputedStyle.borderBottomWidth),\n          left: parse(borderBoxComputedStyle.borderLeftWidth),\n        }\n        const margin = marginBoxComputedStyle && {\n          top: parse(marginBoxComputedStyle.marginTop),\n          right: parse(marginBoxComputedStyle.marginRight),\n          bottom: parse(marginBoxComputedStyle.marginBottom),\n          left: parse(marginBoxComputedStyle.marginLeft),\n        }\n\n        return borderBox ? createBox({ borderBox, padding, border, margin }) : null\n      },\n    }),\n    [],\n  )\n\n  const gridItemClassName = useStyle(\n    useResponsiveStyle([verticalAlign], ([alignItems = 'flex-start']) => ({ alignItems })),\n  )\n\n  const [key, setKey] = useState(() => uuid())\n\n  const animationProps = {\n    boxAnimateType,\n    boxAnimateDuration,\n    boxAnimateDelay,\n    itemAnimateType,\n    itemAnimateDuration,\n    itemAnimateDelay,\n    itemStaggerDuration,\n  }\n\n  const prevAnimationProps = useRef(animationProps)\n  useEffect(() => {\n    if (!areBoxAnimationPropsEqual(prevAnimationProps.current, animationProps)) {\n      replayAnimation()\n      setKey(uuid())\n      prevAnimationProps.current = animationProps\n    }\n  }, [replayAnimation, animationProps])\n\n  return (\n    <BackgroundsContainer\n      ref={boxElementCallbackRef}\n      id={id}\n      className={cx(\n        width,\n        margin,\n        borderRadius,\n        useStyle({ display: 'flex' }),\n        useStyle(useResponsiveStyle([height], ([alignSelf = 'auto']) => ({ alignSelf }))),\n        animationClassName,\n      )}\n      backgrounds={backgrounds}\n    >\n      <div\n        ref={innerRef}\n        key={key}\n        className={cx(\n          padding,\n          boxShadow,\n          border,\n          useStyle({ display: 'flex', flexWrap: 'wrap', width: '100%' }),\n          useStyle(\n            useResponsiveStyle([verticalAlign], ([alignContent = 'flex-start']) => ({\n              alignContent,\n            })),\n          ),\n        )}\n      >\n        {children && children.elements.length > 0 ? (\n          children.elements.map((child, index) => (\n            <GridItem\n              key={child.key}\n              className={gridItemClassName}\n              grid={children.columns}\n              index={index}\n              itemAnimateDuration={itemAnimateDuration}\n              itemAnimateDelay={itemAnimateDelay}\n              itemStaggerDuration={itemStaggerDuration}\n              columnGap={columnGap}\n              rowGap={rowGap}\n            >\n              <Element element={child} />\n            </GridItem>\n          ))\n        ) : (\n          <Placeholder hide={hidePlaceholder} />\n        )}\n      </div>\n    </BackgroundsContainer>\n  )\n})\n\nexport default Box\n"],"mappings":"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","names":["Box","padding","border","margin"]}