@makeswift/runtime 0.0.0-e0c0445 → 0.0.0-e5fb3bd

package/dist/esm/prop-controllers/introspection.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/prop-controllers/introspection.ts"],"sourcesContent":["import {\n  BackgroundsValue,\n  BorderValue,\n  Descriptor,\n  ElementIDValue,\n  getListPropControllerElementChildren,\n  getListPropControllerFileIds,\n  getListPropControllerPageIds,\n  getListPropControllerSwatchIds,\n  getListPropControllerTypographyIds,\n  getShapePropControllerElementChildren,\n  getShapePropControllerFileIds,\n  getShapePropControllerPageIds,\n  getShapePropControllerSwatchIds,\n  getShapePropControllerTypographyIds,\n  GridValue,\n  ImagesValue,\n  ImageValue,\n  LinkValue,\n  ListValue,\n  NavigationLinksValue,\n  ResponsiveColorValue,\n  RichTextValue,\n  ShadowsValue,\n  ShapeValue,\n  TableValue,\n  Types,\n} from './descriptors'\nimport { Data, Element } from '../state/react-page'\nimport {\n  ColorControlData,\n  ColorControlType,\n  getListElementChildren,\n  getListFileIds,\n  getListPageIds,\n  getListSwatchIds,\n  getListTypographyIds,\n  getShapeElementChildren,\n  getShapeFileIds,\n  getShapePageIds,\n  getShapeSwatchIds,\n  getShapeTypographyIds,\n  getTypographySwatchIds,\n  getTypographyTypographyIds,\n  ImageControlData,\n  ImageControlType,\n  LinkControlData,\n  LinkControlType,\n  ListControlData,\n  ListControlType,\n  RichTextControlData,\n  RichTextControlType,\n  ShapeControlData,\n  ShapeControlType,\n  SlotControlData,\n  SlotControlType,\n  StyleV2ControlData,\n  StyleV2ControlType,\n  TypographyControlData,\n  TypographyControlType,\n} from '../controls'\nimport {\n  getRichTextPageIds,\n  getRichTextSwatchIds,\n  getRichTextTypographyIds,\n} from '../controls/rich-text/introspection'\nimport {\n  getRichTextV2PageIds,\n  getRichTextV2SwatchIds,\n  getRichTextV2TypographyIds,\n} from '../controls/rich-text-v2/introspection'\nimport {\n  RichTextV2ControlType,\n  RichTextV2ControlData,\n  isRichTextV1Data,\n} from '../controls/rich-text-v2/rich-text-v2'\nimport { match, P } from 'ts-pattern'\n\nexport function getElementChildren<T extends Data>(\n  descriptor: Descriptor<T>,\n  prop: T | undefined,\n): Element[] {\n  if (prop == null) return []\n\n  switch (descriptor.type) {\n    case Types.Grid:\n      return (prop as GridValue).elements\n\n    case SlotControlType:\n      return (prop as SlotControlData).elements\n\n    case ListControlType:\n      return (prop as ListControlData).flatMap(({ value }) =>\n        getElementChildren(descriptor.config.type, value),\n      )\n\n    case ShapeControlType: {\n      return getShapeElementChildren(descriptor, prop as ShapeControlData)\n    }\n\n    case ListControlType: {\n      return getListElementChildren(descriptor, prop as ListControlData)\n    }\n\n    case Types.Shape: {\n      return getShapePropControllerElementChildren(descriptor, prop as ShapeValue)\n    }\n\n    case Types.List: {\n      return getListPropControllerElementChildren(descriptor, prop as ListValue)\n    }\n\n    default:\n      return []\n  }\n}\n\nexport function getElementId<T extends Data>(\n  descriptor: Descriptor<T>,\n  prop: T | undefined,\n): string | null {\n  if (prop == null) return null\n\n  switch (descriptor.type) {\n    case Types.ElementID:\n      return prop as ElementIDValue\n\n    default:\n      return null\n  }\n}\n\nexport function getBackgroundsSwatchIds(value: BackgroundsValue | null | undefined): string[] {\n  return (\n    value\n      ?.flatMap(override => override.value)\n      .flatMap(backgroundItem => {\n        switch (backgroundItem.type) {\n          case 'color':\n            return backgroundItem.payload?.swatchId == null ? [] : [backgroundItem.payload.swatchId]\n\n          case 'gradient':\n            return backgroundItem.payload.stops.flatMap(stop =>\n              stop.color == null ? [] : stop.color.swatchId,\n            )\n\n          default:\n            return []\n        }\n      }) ?? []\n  )\n}\n\nexport function getBorderSwatchIds(value: BorderValue | null | undefined): string[] {\n  return (\n    value\n      ?.flatMap(override => override.value)\n      .flatMap(borderValue => {\n        return [\n          borderValue.borderTop?.color?.swatchId,\n          borderValue.borderRight?.color?.swatchId,\n          borderValue.borderBottom?.color?.swatchId,\n          borderValue.borderLeft?.color?.swatchId,\n        ].filter((swatchId): swatchId is NonNullable<typeof swatchId> => swatchId != null)\n      }) ?? []\n  )\n}\n\nexport function getBoxShadowsSwatchIds(value: ShadowsValue | null | undefined): string[] {\n  return (\n    value\n      ?.flatMap(override => override.value)\n      .map(item => item.payload.color?.swatchId)\n      .filter((swatchId): swatchId is NonNullable<typeof swatchId> => swatchId != null) ?? []\n  )\n}\n\nexport function getResponsiveColorSwatchIds(\n  value: ResponsiveColorValue | null | undefined,\n): string[] {\n  return value?.map(override => override.value).map(color => color.swatchId) ?? []\n}\n\nexport function getSwatchIds<T extends Data>(\n  descriptor: Descriptor<T>,\n  prop: T | undefined,\n): string[] {\n  if (prop == null) return []\n  switch (descriptor.type) {\n    case Types.Backgrounds:\n      return getBackgroundsSwatchIds(prop as BackgroundsValue)\n\n    case Types.Border:\n      return getBorderSwatchIds(prop as BorderValue)\n\n    case Types.NavigationLinks: {\n      const value = prop as NavigationLinksValue\n      return (\n        value?.flatMap(item => {\n          switch (item.type) {\n            case 'button':\n            case 'dropdown':\n              return [\n                ...(item.payload.color\n                  ?.map(override => override.value)\n                  .map(color => color.swatchId) ?? []),\n                ...(item.payload.textColor\n                  ?.map(override => override.value)\n                  .map(color => color.swatchId) ?? []),\n              ]\n          }\n        }) ?? []\n      )\n    }\n    case Types.ResponsiveColor:\n      return getResponsiveColorSwatchIds(prop as ResponsiveColorValue)\n\n    case Types.Shadows:\n      return getBoxShadowsSwatchIds(prop as ShadowsValue)\n\n    case RichTextControlType:\n    case Types.RichText: {\n      return getRichTextSwatchIds(prop as RichTextValue)\n    }\n\n    case ColorControlType: {\n      const value = prop as ColorControlData\n      return value?.swatchId == null ? [] : [value.swatchId]\n    }\n\n    case TypographyControlType: {\n      return getTypographySwatchIds(prop as TypographyControlData[number])\n    }\n\n    case StyleV2ControlType: {\n      const value = prop as StyleV2ControlData\n\n      return value?.flatMap(value => getSwatchIds(descriptor.config.type, value.value)) ?? []\n    }\n\n    case RichTextV2ControlType: {\n      const data = prop as RichTextV2ControlData | RichTextControlData\n\n      if (isRichTextV1Data(data)) return getRichTextSwatchIds(data)\n\n      return getRichTextV2SwatchIds(descriptor, data)\n    }\n\n    case ShapeControlType: {\n      return getShapeSwatchIds(descriptor, prop as ShapeControlData)\n    }\n\n    case ListControlType: {\n      return getListSwatchIds(descriptor, prop as ListControlData)\n    }\n\n    case Types.Shape: {\n      return getShapePropControllerSwatchIds(descriptor, prop as ShapeValue)\n    }\n\n    case Types.List: {\n      return getListPropControllerSwatchIds(descriptor, prop as ListValue)\n    }\n\n    default:\n      return []\n  }\n}\n\nexport function getBackgroundsFileIds(value: BackgroundsValue | null | undefined): string[] {\n  return (\n    value\n      ?.flatMap(override => override.value)\n      .flatMap(backgroundItem => {\n        return match(backgroundItem)\n          .with({ type: 'image-v1', payload: { image: { type: 'makeswift-file' } } }, item => [\n            item.payload.image.id,\n          ])\n          .with({ type: 'image', payload: { imageId: P.string } }, item => [item.payload.imageId])\n          .otherwise(() => [])\n      }) ?? []\n  )\n}\n\nexport function getFileIds<T extends Data>(\n  descriptor: Descriptor<T>,\n  prop: T | undefined,\n): string[] {\n  if (prop == null) return []\n\n  switch (descriptor.type) {\n    case Types.Backgrounds:\n      return getBackgroundsFileIds(prop as BackgroundsValue)\n\n    case Types.Image: {\n      return match(prop as ImageValue)\n        .with(P.string, v => [v])\n        .with({ type: 'makeswift-file', version: 1 }, v => [v.id])\n        .with({ type: 'external-file', version: 1 }, () => [])\n        .exhaustive()\n    }\n\n    case Types.Images: {\n      const value = prop as ImagesValue\n      return (\n        value?.flatMap(item =>\n          match(item.props.file)\n            .with(P.string, f => [f])\n            .with({ type: 'makeswift-file', version: 1 }, f => [f.id])\n            .with({ type: 'external-file', version: 1 }, () => [])\n            .with(P.nullish, () => [])\n            .otherwise(() => []),\n        ) ?? []\n      )\n    }\n\n    case ImageControlType: {\n      const value = prop as ImageControlData\n      return match(value)\n        .with(P.string, f => [f])\n        .with({ type: 'makeswift-file' }, f => [f.id])\n        .with({ type: 'external-file' }, () => [])\n        .otherwise(() => [])\n    }\n\n    case ShapeControlType: {\n      return getShapeFileIds(descriptor, prop as ShapeControlData)\n    }\n\n    case ListControlType: {\n      return getListFileIds(descriptor, prop as ListControlData)\n    }\n\n    case Types.Shape: {\n      return getShapePropControllerFileIds(descriptor, prop as ShapeValue)\n    }\n\n    case Types.List: {\n      return getListPropControllerFileIds(descriptor, prop as ListValue)\n    }\n\n    default:\n      return []\n  }\n}\n\nexport function getTypographyIds<T extends Data>(\n  descriptor: Descriptor<T>,\n  prop: T | undefined,\n): string[] {\n  if (prop == null) return []\n\n  switch (descriptor.type) {\n    case TypographyControlType: {\n      return getTypographyTypographyIds(prop as TypographyControlData[number])\n    }\n    case RichTextControlType:\n    case Types.RichText: {\n      return getRichTextTypographyIds(prop as RichTextControlData)\n    }\n\n    case RichTextV2ControlType: {\n      const data = prop as RichTextV2ControlData | RichTextControlData\n\n      if (isRichTextV1Data(data)) return getRichTextTypographyIds(data)\n\n      return getRichTextV2TypographyIds(descriptor, data)\n    }\n\n    case ShapeControlType: {\n      return getShapeTypographyIds(descriptor, prop as ShapeControlData)\n    }\n\n    case ListControlType: {\n      return getListTypographyIds(descriptor, prop as ListControlData)\n    }\n\n    case Types.Shape: {\n      return getShapePropControllerTypographyIds(descriptor, prop as ShapeValue)\n    }\n\n    case Types.List: {\n      return getListPropControllerTypographyIds(descriptor, prop as ListValue)\n    }\n\n    default:\n      return []\n  }\n}\n\nexport function getTableIds<T extends Data>(\n  descriptor: Descriptor<T>,\n  prop: T | undefined,\n): string[] {\n  if (prop == null) return []\n\n  switch (descriptor.type) {\n    case Types.Table: {\n      const value = prop as TableValue\n      return value == null ? [] : [value]\n    }\n\n    default:\n      return []\n  }\n}\n\nexport function getPageIds<T extends Data>(\n  descriptor: Descriptor<T>,\n  prop: T | undefined,\n): string[] {\n  if (prop == null) return []\n\n  switch (descriptor.type) {\n    case Types.Link: {\n      const value = prop as LinkValue\n      if (value == null) return []\n\n      switch (value.type) {\n        case 'OPEN_PAGE':\n          return value.payload.pageId == null ? [] : [value.payload.pageId]\n\n        default:\n          return []\n      }\n    }\n\n    case LinkControlType: {\n      const value = prop as LinkControlData\n\n      if (value == null) return []\n\n      switch (value.type) {\n        case 'OPEN_PAGE':\n          return value.payload.pageId == null ? [] : [value.payload.pageId]\n\n        default:\n          return []\n      }\n    }\n\n    case Types.NavigationLinks: {\n      const value = prop as NavigationLinksValue\n      if (value == null) return []\n\n      return (\n        value?.flatMap(item => {\n          switch (item.type) {\n            case 'button': {\n              if (item.payload.link == null) return []\n\n              switch (item.payload.link.type) {\n                case 'OPEN_PAGE':\n                  return item.payload.link.payload.pageId == null\n                    ? []\n                    : [item.payload.link.payload.pageId]\n\n                default:\n                  return []\n              }\n            }\n\n            case 'dropdown': {\n              return (\n                item.payload.links?.flatMap(link => {\n                  if (link.payload.link == null) return []\n\n                  switch (link.payload.link.type) {\n                    case 'OPEN_PAGE':\n                      return link.payload.link.payload.pageId == null\n                        ? []\n                        : [link.payload.link.payload.pageId]\n\n                    default:\n                      return []\n                  }\n                }) ?? []\n              )\n            }\n          }\n        }) ?? []\n      )\n    }\n\n    case RichTextControlType:\n    case Types.RichText: {\n      return getRichTextPageIds(prop as RichTextControlData)\n    }\n\n    case RichTextV2ControlType: {\n      const data = prop as RichTextV2ControlData | RichTextControlData\n\n      if (isRichTextV1Data(data)) return getRichTextPageIds(data)\n\n      return getRichTextV2PageIds(descriptor, data)\n    }\n\n    case ShapeControlType: {\n      return getShapePageIds(descriptor, prop as ShapeControlData)\n    }\n\n    case ListControlType: {\n      return getListPageIds(descriptor, prop as ListControlData)\n    }\n\n    case Types.Shape: {\n      return getShapePropControllerPageIds(descriptor, prop as ShapeValue)\n    }\n\n    case Types.List: {\n      return getListPropControllerPageIds(descriptor, prop as ListValue)\n    }\n    default:\n      return []\n  }\n}\n"],"mappings":"AAAA;AAAA,EAKE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAYA;AAAA,OACK;AAEP;AAAA,EAEE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,EAEA;AAAA,EAEA;AAAA,EAEA;AAAA,EAEA;AAAA,EAEA;AAAA,EAEA;AAAA,EAEA;AAAA,OACK;AACP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP;AAAA,EACE;AAAA,EAEA;AAAA,OACK;AACP,SAAS,OAAO,SAAS;AAElB,SAAS,mBACd,YACA,MACW;AACX,MAAI,QAAQ;AAAM,WAAO,CAAC;AAE1B,UAAQ,WAAW,MAAM;AAAA,IACvB,KAAK,MAAM;AACT,aAAQ,KAAmB;AAAA,IAE7B,KAAK;AACH,aAAQ,KAAyB;AAAA,IAEnC,KAAK;AACH,aAAQ,KAAyB;AAAA,QAAQ,CAAC,EAAE,MAAM,MAChD,mBAAmB,WAAW,OAAO,MAAM,KAAK;AAAA,MAClD;AAAA,IAEF,KAAK,kBAAkB;AACrB,aAAO,wBAAwB,YAAY,IAAwB;AAAA,IACrE;AAAA,IAEA,KAAK,iBAAiB;AACpB,aAAO,uBAAuB,YAAY,IAAuB;AAAA,IACnE;AAAA,IAEA,KAAK,MAAM,OAAO;AAChB,aAAO,sCAAsC,YAAY,IAAkB;AAAA,IAC7E;AAAA,IAEA,KAAK,MAAM,MAAM;AACf,aAAO,qCAAqC,YAAY,IAAiB;AAAA,IAC3E;AAAA,IAEA;AACE,aAAO,CAAC;AAAA,EACZ;AACF;AAEO,SAAS,aACd,YACA,MACe;AACf,MAAI,QAAQ;AAAM,WAAO;AAEzB,UAAQ,WAAW,MAAM;AAAA,IACvB,KAAK,MAAM;AACT,aAAO;AAAA,IAET;AACE,aAAO;AAAA,EACX;AACF;AAEO,SAAS,wBAAwB,OAAsD;AAC5F,SACE,OACI,QAAQ,cAAY,SAAS,KAAK,EACnC,QAAQ,oBAAkB;AACzB,YAAQ,eAAe,MAAM;AAAA,MAC3B,KAAK;AACH,eAAO,eAAe,SAAS,YAAY,OAAO,CAAC,IAAI,CAAC,eAAe,QAAQ,QAAQ;AAAA,MAEzF,KAAK;AACH,eAAO,eAAe,QAAQ,MAAM;AAAA,UAAQ,UAC1C,KAAK,SAAS,OAAO,CAAC,IAAI,KAAK,MAAM;AAAA,QACvC;AAAA,MAEF;AACE,eAAO,CAAC;AAAA,IACZ;AAAA,EACF,CAAC,KAAK,CAAC;AAEb;AAEO,SAAS,mBAAmB,OAAiD;AAClF,SACE,OACI,QAAQ,cAAY,SAAS,KAAK,EACnC,QAAQ,iBAAe;AACtB,WAAO;AAAA,MACL,YAAY,WAAW,OAAO;AAAA,MAC9B,YAAY,aAAa,OAAO;AAAA,MAChC,YAAY,cAAc,OAAO;AAAA,MACjC,YAAY,YAAY,OAAO;AAAA,IACjC,EAAE,OAAO,CAAC,aAAuD,YAAY,IAAI;AAAA,EACnF,CAAC,KAAK,CAAC;AAEb;AAEO,SAAS,uBAAuB,OAAkD;AACvF,SACE,OACI,QAAQ,cAAY,SAAS,KAAK,EACnC,IAAI,UAAQ,KAAK,QAAQ,OAAO,QAAQ,EACxC,OAAO,CAAC,aAAuD,YAAY,IAAI,KAAK,CAAC;AAE5F;AAEO,SAAS,4BACd,OACU;AACV,SAAO,OAAO,IAAI,cAAY,SAAS,KAAK,EAAE,IAAI,WAAS,MAAM,QAAQ,KAAK,CAAC;AACjF;AAEO,SAAS,aACd,YACA,MACU;AACV,MAAI,QAAQ;AAAM,WAAO,CAAC;AAC1B,UAAQ,WAAW,MAAM;AAAA,IACvB,KAAK,MAAM;AACT,aAAO,wBAAwB,IAAwB;AAAA,IAEzD,KAAK,MAAM;AACT,aAAO,mBAAmB,IAAmB;AAAA,IAE/C,KAAK,MAAM,iBAAiB;AAC1B,YAAM,QAAQ;AACd,aACE,OAAO,QAAQ,UAAQ;AACrB,gBAAQ,KAAK,MAAM;AAAA,UACjB,KAAK;AAAA,UACL,KAAK;AACH,mBAAO;AAAA,cACL,GAAI,KAAK,QAAQ,OACb,IAAI,cAAY,SAAS,KAAK,EAC/B,IAAI,WAAS,MAAM,QAAQ,KAAK,CAAC;AAAA,cACpC,GAAI,KAAK,QAAQ,WACb,IAAI,cAAY,SAAS,KAAK,EAC/B,IAAI,WAAS,MAAM,QAAQ,KAAK,CAAC;AAAA,YACtC;AAAA,QACJ;AAAA,MACF,CAAC,KAAK,CAAC;AAAA,IAEX;AAAA,IACA,KAAK,MAAM;AACT,aAAO,4BAA4B,IAA4B;AAAA,IAEjE,KAAK,MAAM;AACT,aAAO,uBAAuB,IAAoB;AAAA,IAEpD,KAAK;AAAA,IACL,KAAK,MAAM,UAAU;AACnB,aAAO,qBAAqB,IAAqB;AAAA,IACnD;AAAA,IAEA,KAAK,kBAAkB;AACrB,YAAM,QAAQ;AACd,aAAO,OAAO,YAAY,OAAO,CAAC,IAAI,CAAC,MAAM,QAAQ;AAAA,IACvD;AAAA,IAEA,KAAK,uBAAuB;AAC1B,aAAO,uBAAuB,IAAqC;AAAA,IACrE;AAAA,IAEA,KAAK,oBAAoB;AACvB,YAAM,QAAQ;AAEd,aAAO,OAAO,QAAQ,CAAAA,WAAS,aAAa,WAAW,OAAO,MAAMA,OAAM,KAAK,CAAC,KAAK,CAAC;AAAA,IACxF;AAAA,IAEA,KAAK,uBAAuB;AAC1B,YAAM,OAAO;AAEb,UAAI,iBAAiB,IAAI;AAAG,eAAO,qBAAqB,IAAI;AAE5D,aAAO,uBAAuB,YAAY,IAAI;AAAA,IAChD;AAAA,IAEA,KAAK,kBAAkB;AACrB,aAAO,kBAAkB,YAAY,IAAwB;AAAA,IAC/D;AAAA,IAEA,KAAK,iBAAiB;AACpB,aAAO,iBAAiB,YAAY,IAAuB;AAAA,IAC7D;AAAA,IAEA,KAAK,MAAM,OAAO;AAChB,aAAO,gCAAgC,YAAY,IAAkB;AAAA,IACvE;AAAA,IAEA,KAAK,MAAM,MAAM;AACf,aAAO,+BAA+B,YAAY,IAAiB;AAAA,IACrE;AAAA,IAEA;AACE,aAAO,CAAC;AAAA,EACZ;AACF;AAEO,SAAS,sBAAsB,OAAsD;AAC1F,SACE,OACI,QAAQ,cAAY,SAAS,KAAK,EACnC,QAAQ,oBAAkB;AACzB,WAAO,MAAM,cAAc,EACxB,KAAK,EAAE,MAAM,YAAY,SAAS,EAAE,OAAO,EAAE,MAAM,iBAAiB,EAAE,EAAE,GAAG,UAAQ;AAAA,MAClF,KAAK,QAAQ,MAAM;AAAA,IACrB,CAAC,EACA,KAAK,EAAE,MAAM,SAAS,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,UAAQ,CAAC,KAAK,QAAQ,OAAO,CAAC,EACtF,UAAU,MAAM,CAAC,CAAC;AAAA,EACvB,CAAC,KAAK,CAAC;AAEb;AAEO,SAAS,WACd,YACA,MACU;AACV,MAAI,QAAQ;AAAM,WAAO,CAAC;AAE1B,UAAQ,WAAW,MAAM;AAAA,IACvB,KAAK,MAAM;AACT,aAAO,sBAAsB,IAAwB;AAAA,IAEvD,KAAK,MAAM,OAAO;AAChB,aAAO,MAAM,IAAkB,EAC5B,KAAK,EAAE,QAAQ,OAAK,CAAC,CAAC,CAAC,EACvB,KAAK,EAAE,MAAM,kBAAkB,SAAS,EAAE,GAAG,OAAK,CAAC,EAAE,EAAE,CAAC,EACxD,KAAK,EAAE,MAAM,iBAAiB,SAAS,EAAE,GAAG,MAAM,CAAC,CAAC,EACpD,WAAW;AAAA,IAChB;AAAA,IAEA,KAAK,MAAM,QAAQ;AACjB,YAAM,QAAQ;AACd,aACE,OAAO;AAAA,QAAQ,UACb,MAAM,KAAK,MAAM,IAAI,EAClB,KAAK,EAAE,QAAQ,OAAK,CAAC,CAAC,CAAC,EACvB,KAAK,EAAE,MAAM,kBAAkB,SAAS,EAAE,GAAG,OAAK,CAAC,EAAE,EAAE,CAAC,EACxD,KAAK,EAAE,MAAM,iBAAiB,SAAS,EAAE,GAAG,MAAM,CAAC,CAAC,EACpD,KAAK,EAAE,SAAS,MAAM,CAAC,CAAC,EACxB,UAAU,MAAM,CAAC,CAAC;AAAA,MACvB,KAAK,CAAC;AAAA,IAEV;AAAA,IAEA,KAAK,kBAAkB;AACrB,YAAM,QAAQ;AACd,aAAO,MAAM,KAAK,EACf,KAAK,EAAE,QAAQ,OAAK,CAAC,CAAC,CAAC,EACvB,KAAK,EAAE,MAAM,iBAAiB,GAAG,OAAK,CAAC,EAAE,EAAE,CAAC,EAC5C,KAAK,EAAE,MAAM,gBAAgB,GAAG,MAAM,CAAC,CAAC,EACxC,UAAU,MAAM,CAAC,CAAC;AAAA,IACvB;AAAA,IAEA,KAAK,kBAAkB;AACrB,aAAO,gBAAgB,YAAY,IAAwB;AAAA,IAC7D;AAAA,IAEA,KAAK,iBAAiB;AACpB,aAAO,eAAe,YAAY,IAAuB;AAAA,IAC3D;AAAA,IAEA,KAAK,MAAM,OAAO;AAChB,aAAO,8BAA8B,YAAY,IAAkB;AAAA,IACrE;AAAA,IAEA,KAAK,MAAM,MAAM;AACf,aAAO,6BAA6B,YAAY,IAAiB;AAAA,IACnE;AAAA,IAEA;AACE,aAAO,CAAC;AAAA,EACZ;AACF;AAEO,SAAS,iBACd,YACA,MACU;AACV,MAAI,QAAQ;AAAM,WAAO,CAAC;AAE1B,UAAQ,WAAW,MAAM;AAAA,IACvB,KAAK,uBAAuB;AAC1B,aAAO,2BAA2B,IAAqC;AAAA,IACzE;AAAA,IACA,KAAK;AAAA,IACL,KAAK,MAAM,UAAU;AACnB,aAAO,yBAAyB,IAA2B;AAAA,IAC7D;AAAA,IAEA,KAAK,uBAAuB;AAC1B,YAAM,OAAO;AAEb,UAAI,iBAAiB,IAAI;AAAG,eAAO,yBAAyB,IAAI;AAEhE,aAAO,2BAA2B,YAAY,IAAI;AAAA,IACpD;AAAA,IAEA,KAAK,kBAAkB;AACrB,aAAO,sBAAsB,YAAY,IAAwB;AAAA,IACnE;AAAA,IAEA,KAAK,iBAAiB;AACpB,aAAO,qBAAqB,YAAY,IAAuB;AAAA,IACjE;AAAA,IAEA,KAAK,MAAM,OAAO;AAChB,aAAO,oCAAoC,YAAY,IAAkB;AAAA,IAC3E;AAAA,IAEA,KAAK,MAAM,MAAM;AACf,aAAO,mCAAmC,YAAY,IAAiB;AAAA,IACzE;AAAA,IAEA;AACE,aAAO,CAAC;AAAA,EACZ;AACF;AAEO,SAAS,YACd,YACA,MACU;AACV,MAAI,QAAQ;AAAM,WAAO,CAAC;AAE1B,UAAQ,WAAW,MAAM;AAAA,IACvB,KAAK,MAAM,OAAO;AAChB,YAAM,QAAQ;AACd,aAAO,SAAS,OAAO,CAAC,IAAI,CAAC,KAAK;AAAA,IACpC;AAAA,IAEA;AACE,aAAO,CAAC;AAAA,EACZ;AACF;AAEO,SAAS,WACd,YACA,MACU;AACV,MAAI,QAAQ;AAAM,WAAO,CAAC;AAE1B,UAAQ,WAAW,MAAM;AAAA,IACvB,KAAK,MAAM,MAAM;AACf,YAAM,QAAQ;AACd,UAAI,SAAS;AAAM,eAAO,CAAC;AAE3B,cAAQ,MAAM,MAAM;AAAA,QAClB,KAAK;AACH,iBAAO,MAAM,QAAQ,UAAU,OAAO,CAAC,IAAI,CAAC,MAAM,QAAQ,MAAM;AAAA,QAElE;AACE,iBAAO,CAAC;AAAA,MACZ;AAAA,IACF;AAAA,IAEA,KAAK,iBAAiB;AACpB,YAAM,QAAQ;AAEd,UAAI,SAAS;AAAM,eAAO,CAAC;AAE3B,cAAQ,MAAM,MAAM;AAAA,QAClB,KAAK;AACH,iBAAO,MAAM,QAAQ,UAAU,OAAO,CAAC,IAAI,CAAC,MAAM,QAAQ,MAAM;AAAA,QAElE;AACE,iBAAO,CAAC;AAAA,MACZ;AAAA,IACF;AAAA,IAEA,KAAK,MAAM,iBAAiB;AAC1B,YAAM,QAAQ;AACd,UAAI,SAAS;AAAM,eAAO,CAAC;AAE3B,aACE,OAAO,QAAQ,UAAQ;AACrB,gBAAQ,KAAK,MAAM;AAAA,UACjB,KAAK,UAAU;AACb,gBAAI,KAAK,QAAQ,QAAQ;AAAM,qBAAO,CAAC;AAEvC,oBAAQ,KAAK,QAAQ,KAAK,MAAM;AAAA,cAC9B,KAAK;AACH,uBAAO,KAAK,QAAQ,KAAK,QAAQ,UAAU,OACvC,CAAC,IACD,CAAC,KAAK,QAAQ,KAAK,QAAQ,MAAM;AAAA,cAEvC;AACE,uBAAO,CAAC;AAAA,YACZ;AAAA,UACF;AAAA,UAEA,KAAK,YAAY;AACf,mBACE,KAAK,QAAQ,OAAO,QAAQ,UAAQ;AAClC,kBAAI,KAAK,QAAQ,QAAQ;AAAM,uBAAO,CAAC;AAEvC,sBAAQ,KAAK,QAAQ,KAAK,MAAM;AAAA,gBAC9B,KAAK;AACH,yBAAO,KAAK,QAAQ,KAAK,QAAQ,UAAU,OACvC,CAAC,IACD,CAAC,KAAK,QAAQ,KAAK,QAAQ,MAAM;AAAA,gBAEvC;AACE,yBAAO,CAAC;AAAA,cACZ;AAAA,YACF,CAAC,KAAK,CAAC;AAAA,UAEX;AAAA,QACF;AAAA,MACF,CAAC,KAAK,CAAC;AAAA,IAEX;AAAA,IAEA,KAAK;AAAA,IACL,KAAK,MAAM,UAAU;AACnB,aAAO,mBAAmB,IAA2B;AAAA,IACvD;AAAA,IAEA,KAAK,uBAAuB;AAC1B,YAAM,OAAO;AAEb,UAAI,iBAAiB,IAAI;AAAG,eAAO,mBAAmB,IAAI;AAE1D,aAAO,qBAAqB,YAAY,IAAI;AAAA,IAC9C;AAAA,IAEA,KAAK,kBAAkB;AACrB,aAAO,gBAAgB,YAAY,IAAwB;AAAA,IAC7D;AAAA,IAEA,KAAK,iBAAiB;AACpB,aAAO,eAAe,YAAY,IAAuB;AAAA,IAC3D;AAAA,IAEA,KAAK,MAAM,OAAO;AAChB,aAAO,8BAA8B,YAAY,IAAkB;AAAA,IACrE;AAAA,IAEA,KAAK,MAAM,MAAM;AACf,aAAO,6BAA6B,YAAY,IAAiB;AAAA,IACnE;AAAA,IACA;AACE,aAAO,CAAC;AAAA,EACZ;AACF;","names":["value"]}

package/dist/esm/react.js

@@ -0,0 +1,22 @@
+import { ActionTypes, changeDocument } from "./state/actions";
+import {
+  Element,
+  RuntimeProvider,
+  ReactRuntime,
+  useIsInBuilder,
+  DocumentReference,
+  PageProvider,
+  usePageId
+} from "./runtimes/react";
+export {
+  ActionTypes,
+  DocumentReference,
+  Element,
+  PageProvider,
+  ReactRuntime,
+  RuntimeProvider,
+  changeDocument,
+  useIsInBuilder,
+  usePageId
+};
+//# sourceMappingURL=react.js.map

package/dist/esm/react.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/react.ts"],"sourcesContent":["export type { Action } from './state/actions'\nexport { ActionTypes, changeDocument } from './state/actions'\nexport {\n  Element,\n  RuntimeProvider,\n  ReactRuntime,\n  useIsInBuilder,\n  DocumentReference,\n  PageProvider,\n  usePageId,\n} from './runtimes/react'\n"],"mappings":"AACA,SAAS,aAAa,sBAAsB;AAC5C;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;","names":[]}

package/dist/esm/runtimes/react/components/Document.js

@@ -0,0 +1,13 @@
+import { jsx } from "react/jsx-runtime";
+import { forwardRef, memo } from "react";
+import { DocumentContext } from "../hooks/use-document-key";
+import { Element } from "./Element";
+const Document = memo(
+  forwardRef(function Document2({ document }, ref) {
+    return /* @__PURE__ */ jsx(DocumentContext.Provider, { value: document.key, children: /* @__PURE__ */ jsx(Element, { ref, element: document.rootElement }) });
+  })
+);
+export {
+  Document
+};
+//# sourceMappingURL=Document.js.map

package/dist/esm/runtimes/react/components/Document.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/runtimes/react/components/Document.tsx"],"sourcesContent":["import { Ref, forwardRef, memo } from 'react'\nimport { Document as ReactPageDocument } from '../../../state/react-page'\nimport { ElementImperativeHandle } from '../element-imperative-handle'\nimport { DocumentContext } from '../hooks/use-document-key'\nimport { Element } from './Element'\n\ntype DocumentProps = {\n  document: ReactPageDocument\n}\n\nexport const Document = memo(\n  forwardRef(function Document(\n    { document }: DocumentProps,\n    ref: Ref<ElementImperativeHandle>,\n  ): JSX.Element {\n    return (\n      <DocumentContext.Provider value={document.key}>\n        <Element ref={ref} element={document.rootElement} />\n      </DocumentContext.Provider>\n    )\n  }),\n)\n"],"mappings":"AAiBQ;AAjBR,SAAc,YAAY,YAAY;AAGtC,SAAS,uBAAuB;AAChC,SAAS,eAAe;AAMjB,MAAM,WAAW;AAAA,EACtB,WAAW,SAASA,UAClB,EAAE,SAAS,GACX,KACa;AACb,WACE,oBAAC,gBAAgB,UAAhB,EAAyB,OAAO,SAAS,KACxC,8BAAC,WAAQ,KAAU,SAAS,SAAS,aAAa,GACpD;AAAA,EAEJ,CAAC;AACH;","names":["Document"]}

package/dist/esm/runtimes/react/components/DocumentReference.js

@@ -0,0 +1,18 @@
+import { jsx } from "react/jsx-runtime";
+import { forwardRef, memo } from "react";
+import { useDocument } from "../hooks/use-document";
+import { FallbackComponent } from "../../../components/shared/FallbackComponent";
+import { Document } from "./Document";
+const DocumentReference = memo(
+  forwardRef(function DocumentReference2({ documentReference }, ref) {
+    const document = useDocument(documentReference.key);
+    if (document == null) {
+      return /* @__PURE__ */ jsx(FallbackComponent, { ref, text: "Document not found" });
+    }
+    return /* @__PURE__ */ jsx(Document, { ref, document });
+  })
+);
+export {
+  DocumentReference
+};
+//# sourceMappingURL=DocumentReference.js.map

package/dist/esm/runtimes/react/components/DocumentReference.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/runtimes/react/components/DocumentReference.tsx"],"sourcesContent":["import { Ref, forwardRef, memo } from 'react'\nimport { DocumentReference as ReactPageDocumentReference } from '../../../state/react-page'\nimport { ElementImperativeHandle } from '../element-imperative-handle'\nimport { useDocument } from '../hooks/use-document'\nimport { FallbackComponent } from '../../../components/shared/FallbackComponent'\nimport { Document } from './Document'\n\ntype DocumentReferenceProps = {\n  documentReference: ReactPageDocumentReference\n}\n\nexport const DocumentReference = memo(\n  forwardRef(function DocumentReference(\n    { documentReference }: DocumentReferenceProps,\n    ref: Ref<ElementImperativeHandle>,\n  ): JSX.Element {\n    const document = useDocument(documentReference.key)\n\n    if (document == null) {\n      return <FallbackComponent ref={ref as Ref<HTMLDivElement>} text=\"Document not found\" />\n    }\n\n    return <Document ref={ref} document={document} />\n  }),\n)\n"],"mappings":"AAmBa;AAnBb,SAAc,YAAY,YAAY;AAGtC,SAAS,mBAAmB;AAC5B,SAAS,yBAAyB;AAClC,SAAS,gBAAgB;AAMlB,MAAM,oBAAoB;AAAA,EAC/B,WAAW,SAASA,mBAClB,EAAE,kBAAkB,GACpB,KACa;AACb,UAAM,WAAW,YAAY,kBAAkB,GAAG;AAElD,QAAI,YAAY,MAAM;AACpB,aAAO,oBAAC,qBAAkB,KAAiC,MAAK,sBAAqB;AAAA,IACvF;AAEA,WAAO,oBAAC,YAAS,KAAU,UAAoB;AAAA,EACjD,CAAC;AACH;","names":["DocumentReference"]}

package/dist/esm/runtimes/react/components/Element.js

@@ -0,0 +1,49 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { forwardRef, memo, useCallback, useEffect, useImperativeHandle, useRef } from "react";
+import { isElementReference } from "../../../state/react-page";
+import { ElementImperativeHandle } from "../element-imperative-handle";
+import { useDispatch } from "../hooks/use-dispatch";
+import { useDocumentKey } from "../hooks/use-document-key";
+import { useDisableRegisterElement } from "../hooks/use-disable-register-element";
+import { mountComponentEffect, registerComponentHandleEffect } from "../../../state/actions";
+import { ElementReference } from "./ElementReference";
+import { ElementData } from "./ElementData";
+import { FindDomNode } from "../find-dom-node";
+const Element = memo(
+  forwardRef(function Element2({ element }, ref) {
+    const elementKey = element.key;
+    const dispatch = useDispatch();
+    const documentKey = useDocumentKey();
+    const useFindDomNodeRef = useRef(true);
+    const imperativeHandleRef = useRef(new ElementImperativeHandle());
+    const findDomNodeCallbackRef = useCallback((current) => {
+      if (useFindDomNodeRef.current === true) {
+        imperativeHandleRef.current.callback(() => current?.() ?? null);
+      }
+    }, []);
+    const elementCallbackRef = useCallback((current) => {
+      useFindDomNodeRef.current = false;
+      imperativeHandleRef.current.callback(() => current);
+    }, []);
+    const isRegisterElementDisabled = useDisableRegisterElement();
+    useImperativeHandle(ref, () => imperativeHandleRef.current, []);
+    useEffect(() => {
+      if (documentKey == null || isRegisterElementDisabled)
+        return;
+      return dispatch(
+        registerComponentHandleEffect(documentKey, elementKey, imperativeHandleRef.current)
+      );
+    }, [dispatch, documentKey, elementKey, isRegisterElementDisabled]);
+    useEffect(() => {
+      if (documentKey == null || isRegisterElementDisabled)
+        return;
+      return dispatch(mountComponentEffect(documentKey, elementKey));
+    }, [dispatch, documentKey, elementKey, isRegisterElementDisabled]);
+    return /* @__PURE__ */ jsx(FindDomNode, { ref: findDomNodeCallbackRef, children: isElementReference(element) ? /* @__PURE__ */ jsx(ElementReference, { ref: elementCallbackRef, elementReference: element }, elementKey) : /* @__PURE__ */ jsx(ElementData, { ref: elementCallbackRef, elementData: element }, elementKey) });
+  })
+);
+export {
+  Element
+};
+//# sourceMappingURL=Element.js.map

package/dist/esm/runtimes/react/components/Element.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/runtimes/react/components/Element.tsx"],"sourcesContent":["'use client'\n\nimport { Ref, forwardRef, memo, useCallback, useEffect, useImperativeHandle, useRef } from 'react'\nimport { Element as ReactPageElement, isElementReference } from '../../../state/react-page'\nimport { ElementImperativeHandle } from '../element-imperative-handle'\nimport { useDispatch } from '../hooks/use-dispatch'\nimport { useDocumentKey } from '../hooks/use-document-key'\nimport { useDisableRegisterElement } from '../hooks/use-disable-register-element'\nimport { mountComponentEffect, registerComponentHandleEffect } from '../../../state/actions'\nimport { ElementReference } from './ElementReference'\nimport { ElementData } from './ElementData'\nimport { FindDomNode } from '../find-dom-node'\n\ntype ElementProps = {\n  element: ReactPageElement\n}\n\nexport const Element = memo(\n  forwardRef(function Element(\n    { element }: ElementProps,\n    ref: Ref<ElementImperativeHandle>,\n  ): JSX.Element {\n    const elementKey = element.key\n    const dispatch = useDispatch()\n    const documentKey = useDocumentKey()\n    const useFindDomNodeRef = useRef(true)\n    const imperativeHandleRef = useRef(new ElementImperativeHandle())\n    const findDomNodeCallbackRef = useCallback((current: (() => Element | Text | null) | null) => {\n      if (useFindDomNodeRef.current === true) {\n        imperativeHandleRef.current.callback(() => current?.() ?? null)\n      }\n    }, [])\n    const elementCallbackRef = useCallback((current: unknown | null) => {\n      useFindDomNodeRef.current = false\n\n      imperativeHandleRef.current.callback(() => current)\n    }, [])\n    const isRegisterElementDisabled = useDisableRegisterElement()\n\n    useImperativeHandle(ref, () => imperativeHandleRef.current, [])\n\n    useEffect(() => {\n      if (documentKey == null || isRegisterElementDisabled) return\n\n      return dispatch(\n        registerComponentHandleEffect(documentKey, elementKey, imperativeHandleRef.current),\n      )\n    }, [dispatch, documentKey, elementKey, isRegisterElementDisabled])\n\n    useEffect(() => {\n      if (documentKey == null || isRegisterElementDisabled) return\n\n      return dispatch(mountComponentEffect(documentKey, elementKey))\n    }, [dispatch, documentKey, elementKey, isRegisterElementDisabled])\n\n    return (\n      <FindDomNode ref={findDomNodeCallbackRef}>\n        {isElementReference(element) ? (\n          <ElementReference key={elementKey} ref={elementCallbackRef} elementReference={element} />\n        ) : (\n          <ElementData key={elementKey} ref={elementCallbackRef} elementData={element} />\n        )}\n      </FindDomNode>\n    )\n  }),\n)\n"],"mappings":";AA0DU;AAxDV,SAAc,YAAY,MAAM,aAAa,WAAW,qBAAqB,cAAc;AAC3F,SAAsC,0BAA0B;AAChE,SAAS,+BAA+B;AACxC,SAAS,mBAAmB;AAC5B,SAAS,sBAAsB;AAC/B,SAAS,iCAAiC;AAC1C,SAAS,sBAAsB,qCAAqC;AACpE,SAAS,wBAAwB;AACjC,SAAS,mBAAmB;AAC5B,SAAS,mBAAmB;AAMrB,MAAM,UAAU;AAAA,EACrB,WAAW,SAASA,SAClB,EAAE,QAAQ,GACV,KACa;AACb,UAAM,aAAa,QAAQ;AAC3B,UAAM,WAAW,YAAY;AAC7B,UAAM,cAAc,eAAe;AACnC,UAAM,oBAAoB,OAAO,IAAI;AACrC,UAAM,sBAAsB,OAAO,IAAI,wBAAwB,CAAC;AAChE,UAAM,yBAAyB,YAAY,CAAC,YAAkD;AAC5F,UAAI,kBAAkB,YAAY,MAAM;AACtC,4BAAoB,QAAQ,SAAS,MAAM,UAAU,KAAK,IAAI;AAAA,MAChE;AAAA,IACF,GAAG,CAAC,CAAC;AACL,UAAM,qBAAqB,YAAY,CAAC,YAA4B;AAClE,wBAAkB,UAAU;AAE5B,0BAAoB,QAAQ,SAAS,MAAM,OAAO;AAAA,IACpD,GAAG,CAAC,CAAC;AACL,UAAM,4BAA4B,0BAA0B;AAE5D,wBAAoB,KAAK,MAAM,oBAAoB,SAAS,CAAC,CAAC;AAE9D,cAAU,MAAM;AACd,UAAI,eAAe,QAAQ;AAA2B;AAEtD,aAAO;AAAA,QACL,8BAA8B,aAAa,YAAY,oBAAoB,OAAO;AAAA,MACpF;AAAA,IACF,GAAG,CAAC,UAAU,aAAa,YAAY,yBAAyB,CAAC;AAEjE,cAAU,MAAM;AACd,UAAI,eAAe,QAAQ;AAA2B;AAEtD,aAAO,SAAS,qBAAqB,aAAa,UAAU,CAAC;AAAA,IAC/D,GAAG,CAAC,UAAU,aAAa,YAAY,yBAAyB,CAAC;AAEjE,WACE,oBAAC,eAAY,KAAK,wBACf,6BAAmB,OAAO,IACzB,oBAAC,oBAAkC,KAAK,oBAAoB,kBAAkB,WAAvD,UAAgE,IAEvF,oBAAC,eAA6B,KAAK,oBAAoB,aAAa,WAAlD,UAA2D,GAEjF;AAAA,EAEJ,CAAC;AACH;","names":["Element"]}

package/dist/esm/runtimes/react/components/ElementData.js

@@ -0,0 +1,21 @@
+import { jsx } from "react/jsx-runtime";
+import { createElement } from "react";
+import { Suspense, forwardRef, memo } from "react";
+import { useComponent } from "../hooks/use-component";
+import { suppressRefWarning } from "../utils/suppress-ref-warning";
+import { FallbackComponent } from "../../../components/shared/FallbackComponent";
+import { PropsValue } from "../controls";
+const ElementData = memo(
+  forwardRef(function ElementData2({ elementData }, ref) {
+    const Component = useComponent(elementData.type);
+    suppressRefWarning(`\`ForwardRef(${ElementData2.name})\``);
+    if (Component == null) {
+      return /* @__PURE__ */ jsx(FallbackComponent, { ref, text: "Component not found" });
+    }
+    return /* @__PURE__ */ jsx(Suspense, { children: /* @__PURE__ */ jsx(PropsValue, { element: elementData, children: (props) => /* @__PURE__ */ createElement(Component, { ...props, key: elementData.key, ref }) }) });
+  })
+);
+export {
+  ElementData
+};
+//# sourceMappingURL=ElementData.js.map

package/dist/esm/runtimes/react/components/ElementData.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/runtimes/react/components/ElementData.tsx"],"sourcesContent":["import { Ref, Suspense, forwardRef, memo } from 'react'\nimport { ElementData as ReactPageElementData } from '../../../state/react-page'\nimport { useComponent } from '../hooks/use-component'\nimport { suppressRefWarning } from '../utils/suppress-ref-warning'\nimport { FallbackComponent } from '../../../components/shared/FallbackComponent'\nimport { PropsValue } from '../controls'\n\ntype ElementDataProps = {\n  elementData: ReactPageElementData\n}\n\nexport const ElementData = memo(\n  forwardRef(function ElementData(\n    { elementData }: ElementDataProps,\n    ref: Ref<unknown>,\n  ): JSX.Element {\n    const Component = useComponent(elementData.type)\n\n    suppressRefWarning(`\\`ForwardRef(${ElementData.name})\\``)\n\n    if (Component == null) {\n      return <FallbackComponent ref={ref as Ref<HTMLDivElement>} text=\"Component not found\" />\n    }\n\n    return (\n      <Suspense>\n        <PropsValue element={elementData}>\n          {props => <Component {...props} key={elementData.key} ref={ref} />}\n        </PropsValue>\n      </Suspense>\n    )\n  }),\n)\n"],"mappings":"AAqBa;AAMO;AA3BpB,SAAc,UAAU,YAAY,YAAY;AAEhD,SAAS,oBAAoB;AAC7B,SAAS,0BAA0B;AACnC,SAAS,yBAAyB;AAClC,SAAS,kBAAkB;AAMpB,MAAM,cAAc;AAAA,EACzB,WAAW,SAASA,aAClB,EAAE,YAAY,GACd,KACa;AACb,UAAM,YAAY,aAAa,YAAY,IAAI;AAE/C,uBAAmB,gBAAgBA,aAAY,IAAI,KAAK;AAExD,QAAI,aAAa,MAAM;AACrB,aAAO,oBAAC,qBAAkB,KAAiC,MAAK,uBAAsB;AAAA,IACxF;AAEA,WACE,oBAAC,YACC,8BAAC,cAAW,SAAS,aAClB,qBAAS,8BAAC,aAAW,GAAG,OAAO,KAAK,YAAY,KAAK,KAAU,GAClE,GACF;AAAA,EAEJ,CAAC;AACH;","names":["ElementData"]}

package/dist/esm/runtimes/react/components/ElementReference.js

@@ -0,0 +1,46 @@
+import { jsx } from "react/jsx-runtime";
+import { forwardRef, memo, useMemo } from "react";
+import { useGlobalElement, useLocalizedGlobalElement } from "../hooks/makeswift-api";
+import { useDocument } from "../hooks/use-document";
+import { DocumentCyclesContext, useDocumentCycles } from "../hooks/use-document-cycles";
+import { FallbackComponent } from "../../../components/shared/FallbackComponent";
+import { ElementData } from "./ElementData";
+import { Document } from "./Document";
+import { DisableRegisterElement } from "../hooks/use-disable-register-element";
+const ElementReference = memo(
+  forwardRef(function ElementReference2({ elementReference }, ref) {
+    const globalElement = useGlobalElement(elementReference.value);
+    const localizedGlobalElement = useLocalizedGlobalElement(elementReference.value);
+    const globalElementData = localizedGlobalElement?.data ?? globalElement?.data;
+    const elementReferenceDocument = useDocument(elementReference.key);
+    const documentKey = elementReference.key;
+    const documentKeys = useDocumentCycles();
+    const providedDocumentKeys = useMemo(
+      () => [...documentKeys, documentKey],
+      [documentKeys, documentKey]
+    );
+    if (globalElementData == null) {
+      return /* @__PURE__ */ jsx(
+        FallbackComponent,
+        {
+          ref,
+          text: "This global component doesn't exist"
+        }
+      );
+    }
+    if (documentKeys.includes(documentKey)) {
+      return /* @__PURE__ */ jsx(
+        FallbackComponent,
+        {
+          ref,
+          text: "This global component contains itself!"
+        }
+      );
+    }
+    return /* @__PURE__ */ jsx(DocumentCyclesContext.Provider, { value: providedDocumentKeys, children: elementReferenceDocument != null ? /* @__PURE__ */ jsx(Document, { document: elementReferenceDocument, ref }) : /* @__PURE__ */ jsx(DisableRegisterElement.Provider, { value: true, children: /* @__PURE__ */ jsx(ElementData, { elementData: globalElementData, ref }) }) });
+  })
+);
+export {
+  ElementReference
+};
+//# sourceMappingURL=ElementReference.js.map

package/dist/esm/runtimes/react/components/ElementReference.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/runtimes/react/components/ElementReference.tsx"],"sourcesContent":["import { Ref, forwardRef, memo, useMemo } from 'react'\nimport { ElementImperativeHandle } from '../element-imperative-handle'\nimport { useGlobalElement, useLocalizedGlobalElement } from '../hooks/makeswift-api'\nimport { useDocument } from '../hooks/use-document'\nimport { DocumentCyclesContext, useDocumentCycles } from '../hooks/use-document-cycles'\nimport {\n  ElementData as ReactPageElementData,\n  ElementReference as ReactPageElementReference,\n} from '../../../state/react-page'\nimport { FallbackComponent } from '../../../components/shared/FallbackComponent'\nimport { ElementData } from './ElementData'\nimport { Document } from './Document'\nimport { DisableRegisterElement } from '../hooks/use-disable-register-element'\n\ntype ElementRefereceProps = {\n  elementReference: ReactPageElementReference\n}\n\nexport const ElementReference = memo(\n  forwardRef(function ElementReference(\n    { elementReference }: ElementRefereceProps,\n    ref: Ref<ElementImperativeHandle>,\n  ): JSX.Element {\n    const globalElement = useGlobalElement(elementReference.value)\n    // Update the logic here when we can merge element trees\n    const localizedGlobalElement = useLocalizedGlobalElement(elementReference.value)\n    const globalElementData = (localizedGlobalElement?.data ?? globalElement?.data) as\n      | ReactPageElementData\n      | undefined\n    const elementReferenceDocument = useDocument(elementReference.key)\n    const documentKey = elementReference.key\n    const documentKeys = useDocumentCycles()\n    const providedDocumentKeys = useMemo(\n      () => [...documentKeys, documentKey],\n      [documentKeys, documentKey],\n    )\n\n    if (globalElementData == null) {\n      return (\n        <FallbackComponent\n          ref={ref as Ref<HTMLDivElement>}\n          text=\"This global component doesn't exist\"\n        />\n      )\n    }\n\n    if (documentKeys.includes(documentKey)) {\n      return (\n        <FallbackComponent\n          ref={ref as Ref<HTMLDivElement>}\n          text=\"This global component contains itself!\"\n        />\n      )\n    }\n\n    return (\n      <DocumentCyclesContext.Provider value={providedDocumentKeys}>\n        {elementReferenceDocument != null ? (\n          <Document document={elementReferenceDocument} ref={ref} />\n        ) : (\n          <DisableRegisterElement.Provider value={true}>\n            <ElementData elementData={globalElementData} ref={ref} />\n          </DisableRegisterElement.Provider>\n        )}\n      </DocumentCyclesContext.Provider>\n    )\n  }),\n)\n"],"mappings":"AAuCQ;AAvCR,SAAc,YAAY,MAAM,eAAe;AAE/C,SAAS,kBAAkB,iCAAiC;AAC5D,SAAS,mBAAmB;AAC5B,SAAS,uBAAuB,yBAAyB;AAKzD,SAAS,yBAAyB;AAClC,SAAS,mBAAmB;AAC5B,SAAS,gBAAgB;AACzB,SAAS,8BAA8B;AAMhC,MAAM,mBAAmB;AAAA,EAC9B,WAAW,SAASA,kBAClB,EAAE,iBAAiB,GACnB,KACa;AACb,UAAM,gBAAgB,iBAAiB,iBAAiB,KAAK;AAE7D,UAAM,yBAAyB,0BAA0B,iBAAiB,KAAK;AAC/E,UAAM,oBAAqB,wBAAwB,QAAQ,eAAe;AAG1E,UAAM,2BAA2B,YAAY,iBAAiB,GAAG;AACjE,UAAM,cAAc,iBAAiB;AACrC,UAAM,eAAe,kBAAkB;AACvC,UAAM,uBAAuB;AAAA,MAC3B,MAAM,CAAC,GAAG,cAAc,WAAW;AAAA,MACnC,CAAC,cAAc,WAAW;AAAA,IAC5B;AAEA,QAAI,qBAAqB,MAAM;AAC7B,aACE;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,MAAK;AAAA;AAAA,MACP;AAAA,IAEJ;AAEA,QAAI,aAAa,SAAS,WAAW,GAAG;AACtC,aACE;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,MAAK;AAAA;AAAA,MACP;AAAA,IAEJ;AAEA,WACE,oBAAC,sBAAsB,UAAtB,EAA+B,OAAO,sBACpC,sCAA4B,OAC3B,oBAAC,YAAS,UAAU,0BAA0B,KAAU,IAExD,oBAAC,uBAAuB,UAAvB,EAAgC,OAAO,MACtC,8BAAC,eAAY,aAAa,mBAAmB,KAAU,GACzD,GAEJ;AAAA,EAEJ,CAAC;AACH;","names":["ElementReference"]}

package/dist/esm/runtimes/react/components/LiveProvider.js

@@ -0,0 +1,18 @@
+import { jsx } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { StoreContext } from "../hooks/use-store";
+import * as ReactPage from "../../../state/react-page";
+import { useReactRuntime } from "../../../next/context/react-runtime";
+import { MakeswiftHostApiClientProvider } from "../../../next/context/makeswift-host-api-client";
+function LiveProvider({ client, children, rootElements }) {
+  const runtime = useReactRuntime();
+  const store = useMemo(
+    () => ReactPage.configureStore({ preloadedState: runtime.store.getState(), rootElements }),
+    [rootElements, runtime]
+  );
+  return /* @__PURE__ */ jsx(StoreContext.Provider, { value: store, children: /* @__PURE__ */ jsx(MakeswiftHostApiClientProvider, { client, children }) });
+}
+export {
+  LiveProvider as default
+};
+//# sourceMappingURL=LiveProvider.js.map

package/dist/esm/runtimes/react/components/LiveProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/runtimes/react/components/LiveProvider.tsx"],"sourcesContent":["import { ReactNode, useMemo } from 'react'\n\nimport { StoreContext } from '../hooks/use-store'\nimport * as ReactPage from '../../../state/react-page'\nimport { MakeswiftHostApiClient } from '../../../api/react'\nimport { useReactRuntime } from '../../../next/context/react-runtime'\nimport { MakeswiftHostApiClientProvider } from '../../../next/context/makeswift-host-api-client'\n\ntype Props = {\n  client: MakeswiftHostApiClient\n  rootElements?: Map<string, ReactPage.Element>\n  children?: ReactNode\n}\n\nexport default function LiveProvider({ client, children, rootElements }: Props): JSX.Element {\n  const runtime = useReactRuntime()\n  const store = useMemo(\n    () => ReactPage.configureStore({ preloadedState: runtime.store.getState(), rootElements }),\n    [rootElements, runtime],\n  )\n\n  return (\n    <StoreContext.Provider value={store}>\n      <MakeswiftHostApiClientProvider client={client}>{children}</MakeswiftHostApiClientProvider>\n    </StoreContext.Provider>\n  )\n}\n"],"mappings":"AAuBM;AAvBN,SAAoB,eAAe;AAEnC,SAAS,oBAAoB;AAC7B,YAAY,eAAe;AAE3B,SAAS,uBAAuB;AAChC,SAAS,sCAAsC;AAQhC,SAAR,aAA8B,EAAE,QAAQ,UAAU,aAAa,GAAuB;AAC3F,QAAM,UAAU,gBAAgB;AAChC,QAAM,QAAQ;AAAA,IACZ,MAAM,UAAU,eAAe,EAAE,gBAAgB,QAAQ,MAAM,SAAS,GAAG,aAAa,CAAC;AAAA,IACzF,CAAC,cAAc,OAAO;AAAA,EACxB;AAEA,SACE,oBAAC,aAAa,UAAb,EAAsB,OAAO,OAC5B,8BAAC,kCAA+B,QAAiB,UAAS,GAC5D;AAEJ;","names":[]}

package/dist/esm/runtimes/react/components/PageProvider.js

@@ -0,0 +1,9 @@
+import { jsx } from "react/jsx-runtime";
+import { PageContext } from "../hooks/use-page-id";
+function PageProvider({ id, children }) {
+  return /* @__PURE__ */ jsx(PageContext.Provider, { value: id, children });
+}
+export {
+  PageProvider
+};
+//# sourceMappingURL=PageProvider.js.map

package/dist/esm/runtimes/react/components/PageProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/runtimes/react/components/PageProvider.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef } from 'react'\nimport { PageContext } from '../hooks/use-page-id'\n\ntype PageProviderProps = {\n  id: string\n  children: ComponentPropsWithoutRef<typeof PageContext['Provider']>['children']\n}\n\nexport function PageProvider({ id, children }: PageProviderProps) {\n  return <PageContext.Provider value={id}>{children}</PageContext.Provider>\n}\n"],"mappings":"AASS;AART,SAAS,mBAAmB;AAOrB,SAAS,aAAa,EAAE,IAAI,SAAS,GAAsB;AAChE,SAAO,oBAAC,YAAY,UAAZ,EAAqB,OAAO,IAAK,UAAS;AACpD;","names":[]}

package/dist/esm/runtimes/react/components/PreviewProvider.js

@@ -0,0 +1,36 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { useEffect, useMemo } from "react";
+import { ReactRuntime } from "../react-runtime";
+import { StoreContext } from "../hooks/use-store";
+import * as ReactBuilderPreview from "../../../state/react-builder-preview";
+import * as ReactPage from "../../../state/react-page";
+import { registerDocumentEffect } from "../../../state/actions";
+import { useReactRuntime } from "../../../next/context/react-runtime";
+import { MakeswiftHostApiClientProvider } from "../../../next/context/makeswift-host-api-client";
+function PreviewProvider({ client, children, rootElements }) {
+  const runtime = useReactRuntime();
+  const store = useMemo(
+    () => ReactBuilderPreview.configureStore({
+      preloadedState: runtime ? runtime.store.getState() : ReactRuntime.store.getState(),
+      rootElements,
+      client
+    }),
+    [client, rootElements, runtime]
+  );
+  useEffect(() => {
+    const unregisterDocuments = Array.from(rootElements?.entries() ?? []).map(
+      ([documentKey, rootElement]) => store.dispatch(registerDocumentEffect(ReactPage.createDocument(documentKey, rootElement)))
+    );
+    return () => {
+      unregisterDocuments.forEach((unregisterDocument) => {
+        unregisterDocument();
+      });
+    };
+  }, [store, rootElements]);
+  return /* @__PURE__ */ jsx(StoreContext.Provider, { value: store, children: /* @__PURE__ */ jsx(MakeswiftHostApiClientProvider, { client, children }) });
+}
+export {
+  PreviewProvider as default
+};
+//# sourceMappingURL=PreviewProvider.js.map

package/dist/esm/runtimes/react/components/PreviewProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/runtimes/react/components/PreviewProvider.tsx"],"sourcesContent":["'use client'\n\nimport { ReactNode, useEffect, useMemo } from 'react'\n\nimport { ReactRuntime } from '../react-runtime'\nimport { StoreContext } from '../hooks/use-store'\nimport * as ReactBuilderPreview from '../../../state/react-builder-preview'\nimport * as ReactPage from '../../../state/react-page'\nimport { MakeswiftHostApiClient } from '../../../api/react'\nimport { registerDocumentEffect } from '../../../state/actions'\nimport { useReactRuntime } from '../../../next/context/react-runtime'\nimport { MakeswiftHostApiClientProvider } from '../../../next/context/makeswift-host-api-client'\n\ntype Props = {\n  client: MakeswiftHostApiClient\n  rootElements?: Map<string, ReactPage.Element>\n  children?: ReactNode\n}\n\nexport default function PreviewProvider({ client, children, rootElements }: Props): JSX.Element {\n  const runtime = useReactRuntime()\n  const store = useMemo(\n    () =>\n      ReactBuilderPreview.configureStore({\n        preloadedState: runtime ? runtime.store.getState() : ReactRuntime.store.getState(),\n        rootElements,\n        client,\n      }),\n    [client, rootElements, runtime],\n  )\n\n  useEffect(() => {\n    const unregisterDocuments = Array.from(rootElements?.entries() ?? []).map(\n      ([documentKey, rootElement]) =>\n        store.dispatch(registerDocumentEffect(ReactPage.createDocument(documentKey, rootElement))),\n    )\n\n    return () => {\n      unregisterDocuments.forEach(unregisterDocument => {\n        unregisterDocument()\n      })\n    }\n  }, [store, rootElements])\n\n  return (\n    <StoreContext.Provider value={store}>\n      <MakeswiftHostApiClientProvider client={client}>{children}</MakeswiftHostApiClientProvider>\n    </StoreContext.Provider>\n  )\n}\n"],"mappings":";AA8CM;AA5CN,SAAoB,WAAW,eAAe;AAE9C,SAAS,oBAAoB;AAC7B,SAAS,oBAAoB;AAC7B,YAAY,yBAAyB;AACrC,YAAY,eAAe;AAE3B,SAAS,8BAA8B;AACvC,SAAS,uBAAuB;AAChC,SAAS,sCAAsC;AAQhC,SAAR,gBAAiC,EAAE,QAAQ,UAAU,aAAa,GAAuB;AAC9F,QAAM,UAAU,gBAAgB;AAChC,QAAM,QAAQ;AAAA,IACZ,MACE,oBAAoB,eAAe;AAAA,MACjC,gBAAgB,UAAU,QAAQ,MAAM,SAAS,IAAI,aAAa,MAAM,SAAS;AAAA,MACjF;AAAA,MACA;AAAA,IACF,CAAC;AAAA,IACH,CAAC,QAAQ,cAAc,OAAO;AAAA,EAChC;AAEA,YAAU,MAAM;AACd,UAAM,sBAAsB,MAAM,KAAK,cAAc,QAAQ,KAAK,CAAC,CAAC,EAAE;AAAA,MACpE,CAAC,CAAC,aAAa,WAAW,MACxB,MAAM,SAAS,uBAAuB,UAAU,eAAe,aAAa,WAAW,CAAC,CAAC;AAAA,IAC7F;AAEA,WAAO,MAAM;AACX,0BAAoB,QAAQ,wBAAsB;AAChD,2BAAmB;AAAA,MACrB,CAAC;AAAA,IACH;AAAA,EACF,GAAG,CAAC,OAAO,YAAY,CAAC;AAExB,SACE,oBAAC,aAAa,UAAb,EAAsB,OAAO,OAC5B,8BAAC,kCAA+B,QAAiB,UAAS,GAC5D;AAEJ;","names":[]}

package/dist/esm/runtimes/react/components/RuntimeProvider.js

@@ -0,0 +1,11 @@
+import { jsx } from "react/jsx-runtime";
+import { lazy } from "react";
+const PreviewProvider = lazy(() => import("./PreviewProvider"));
+const LiveProvider = lazy(() => import("./LiveProvider"));
+function RuntimeProvider({ preview, ...props }) {
+  return preview ? /* @__PURE__ */ jsx(PreviewProvider, { ...props }) : /* @__PURE__ */ jsx(LiveProvider, { ...props });
+}
+export {
+  RuntimeProvider
+};
+//# sourceMappingURL=RuntimeProvider.js.map

package/dist/esm/runtimes/react/components/RuntimeProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/runtimes/react/components/RuntimeProvider.tsx"],"sourcesContent":["import { ReactNode, lazy } from 'react'\nimport { MakeswiftHostApiClient } from '../../../api/react'\nimport { Element as ReactPageElement } from '../../../state/react-page'\nimport { ReactRuntime } from '../react-runtime'\n\ntype RuntimeProviderProps = {\n  client: MakeswiftHostApiClient\n  preview: boolean\n  rootElements?: Map<string, ReactPageElement>\n  children?: ReactNode\n  runtime?: ReactRuntime\n}\n\nconst PreviewProvider = lazy(() => import('./PreviewProvider'))\nconst LiveProvider = lazy(() => import('./LiveProvider'))\n\nexport function RuntimeProvider({ preview, ...props }: RuntimeProviderProps): JSX.Element {\n  return preview ? <PreviewProvider {...props} /> : <LiveProvider {...props} />\n}\n"],"mappings":"AAiBmB;AAjBnB,SAAoB,YAAY;AAahC,MAAM,kBAAkB,KAAK,MAAM,OAAO,mBAAmB,CAAC;AAC9D,MAAM,eAAe,KAAK,MAAM,OAAO,gBAAgB,CAAC;AAEjD,SAAS,gBAAgB,EAAE,SAAS,GAAG,MAAM,GAAsC;AACxF,SAAO,UAAU,oBAAC,mBAAiB,GAAG,OAAO,IAAK,oBAAC,gBAAc,GAAG,OAAO;AAC7E;","names":[]}

package/dist/esm/runtimes/react/components/index.js

@@ -0,0 +1,2 @@
+export * from "./render-hook";
+//# sourceMappingURL=index.js.map

package/dist/esm/runtimes/react/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/runtimes/react/components/index.ts"],"sourcesContent":["export * from './render-hook'\n"],"mappings":"AAAA,cAAc;","names":[]}

package/dist/esm/runtimes/react/components/render-hook.js

@@ -0,0 +1,11 @@
+function RenderHook({
+  hook: useHook,
+  parameters,
+  children
+}) {
+  return children(useHook(...parameters));
+}
+export {
+  RenderHook
+};
+//# sourceMappingURL=render-hook.js.map

package/dist/esm/runtimes/react/components/render-hook.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/runtimes/react/components/render-hook.ts"],"sourcesContent":["type Props<H extends (...args: any[]) => any> = {\n  /**\n   * `<RenderHook>` requires key that changes whenever the `hook` prop changes to ensure the rules of\n   * hooks are followed.\n   */\n  key: string\n\n  hook: H\n  parameters: Parameters<H>\n  children(result: ReturnType<H>): JSX.Element\n}\n\nexport function RenderHook<H extends (...args: any[]) => any>({\n  hook: useHook,\n  parameters,\n  children,\n}: Props<H>) {\n  return children(useHook(...parameters))\n}\n"],"mappings":"AAYO,SAAS,WAA8C;AAAA,EAC5D,MAAM;AAAA,EACN;AAAA,EACA;AACF,GAAa;AACX,SAAO,SAAS,QAAQ,GAAG,UAAU,CAAC;AACxC;","names":[]}

package/dist/esm/runtimes/react/controls/checkbox.js

@@ -0,0 +1,13 @@
+import { match } from "ts-pattern";
+import {
+  CheckboxControlDataTypeKey,
+  CheckboxControlDataTypeValueV1
+} from "../../../controls";
+function useCheckboxControlValue(data, definition) {
+  const value = match(data).with({ [CheckboxControlDataTypeKey]: CheckboxControlDataTypeValueV1 }, (val) => val.value).otherwise((val) => val) ?? definition.config.defaultValue;
+  return value;
+}
+export {
+  useCheckboxControlValue
+};
+//# sourceMappingURL=checkbox.js.map

package/dist/esm/runtimes/react/controls/checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/runtimes/react/controls/checkbox.ts"],"sourcesContent":["import { match } from 'ts-pattern'\nimport {\n  CheckboxControlData,\n  CheckboxControlDataTypeKey,\n  CheckboxControlDataTypeValueV1,\n  CheckboxControlDefinition,\n} from '../../../controls'\n\nexport type CheckboxControlValue<T extends CheckboxControlDefinition> =\n  undefined extends T['config']['defaultValue'] ? boolean | undefined : boolean\n\nexport function useCheckboxControlValue<T extends CheckboxControlDefinition>(\n  data: CheckboxControlData | undefined,\n  definition: T,\n): CheckboxControlValue<T> {\n  const value: boolean | undefined =\n    match(data)\n      .with({ [CheckboxControlDataTypeKey]: CheckboxControlDataTypeValueV1 }, val => val.value)\n      .otherwise(val => val) ?? definition.config.defaultValue\n\n  return value as CheckboxControlValue<T>\n}\n"],"mappings":"AAAA,SAAS,aAAa;AACtB;AAAA,EAEE;AAAA,EACA;AAAA,OAEK;AAKA,SAAS,wBACd,MACA,YACyB;AACzB,QAAM,QACJ,MAAM,IAAI,EACP,KAAK,EAAE,CAAC,0BAA0B,GAAG,+BAA+B,GAAG,SAAO,IAAI,KAAK,EACvF,UAAU,SAAO,GAAG,KAAK,WAAW,OAAO;AAEhD,SAAO;AACT;","names":[]}

package/dist/esm/runtimes/react/controls/color.js

@@ -0,0 +1,24 @@
+import Color from "color";
+import { useSwatch } from "../hooks/makeswift-api";
+function useColorValue(data, definition) {
+  const swatchId = data?.swatchId ?? null;
+  const swatch = useSwatch(swatchId);
+  const alpha = data?.alpha ?? 1;
+  if (swatch == null) {
+    const { defaultValue } = definition.config;
+    if (defaultValue === void 0)
+      return void 0;
+    let defaultColor;
+    try {
+      defaultColor = Color(definition.config.defaultValue);
+    } catch {
+      defaultColor = Color();
+    }
+    return defaultColor.rgb().string();
+  }
+  return Color({ h: swatch.hue, s: swatch.saturation, l: swatch.lightness }).alpha(alpha).rgb().string();
+}
+export {
+  useColorValue
+};
+//# sourceMappingURL=color.js.map

package/dist/esm/runtimes/react/controls/color.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/runtimes/react/controls/color.ts"],"sourcesContent":["import Color from 'color'\nimport { ColorControlData, ColorControlDefinition } from '../../../controls/color'\nimport { useSwatch } from '../hooks/makeswift-api'\n\nexport type ColorControlValue<T extends ColorControlDefinition> =\n  undefined extends T['config']['defaultValue'] ? string | undefined : string\n\nexport function useColorValue<T extends ColorControlDefinition>(\n  data: ColorControlData | undefined,\n  definition: T,\n): ColorControlValue<any> {\n  const swatchId = data?.swatchId ?? null\n  const swatch = useSwatch(swatchId)\n  const alpha = data?.alpha ?? 1\n\n  if (swatch == null) {\n    const { defaultValue } = definition.config\n\n    if (defaultValue === undefined) return undefined as ColorControlValue<T>\n\n    let defaultColor\n    try {\n      defaultColor = Color(definition.config.defaultValue)\n    } catch {\n      defaultColor = Color()\n    }\n\n    return defaultColor.rgb().string()\n  }\n\n  return Color({ h: swatch.hue, s: swatch.saturation, l: swatch.lightness })\n    .alpha(alpha)\n    .rgb()\n    .string()\n}\n"],"mappings":"AAAA,OAAO,WAAW;AAElB,SAAS,iBAAiB;AAKnB,SAAS,cACd,MACA,YACwB;AACxB,QAAM,WAAW,MAAM,YAAY;AACnC,QAAM,SAAS,UAAU,QAAQ;AACjC,QAAM,QAAQ,MAAM,SAAS;AAE7B,MAAI,UAAU,MAAM;AAClB,UAAM,EAAE,aAAa,IAAI,WAAW;AAEpC,QAAI,iBAAiB;AAAW,aAAO;AAEvC,QAAI;AACJ,QAAI;AACF,qBAAe,MAAM,WAAW,OAAO,YAAY;AAAA,IACrD,QAAQ;AACN,qBAAe,MAAM;AAAA,IACvB;AAEA,WAAO,aAAa,IAAI,EAAE,OAAO;AAAA,EACnC;AAEA,SAAO,MAAM,EAAE,GAAG,OAAO,KAAK,GAAG,OAAO,YAAY,GAAG,OAAO,UAAU,CAAC,EACtE,MAAM,KAAK,EACX,IAAI,EACJ,OAAO;AACZ;","names":[]}

package/dist/esm/runtimes/react/controls/combobox.js

@@ -0,0 +1,7 @@
+function useComboboxControlValue(data) {
+  return data?.value;
+}
+export {
+  useComboboxControlValue
+};
+//# sourceMappingURL=combobox.js.map

package/dist/esm/runtimes/react/controls/combobox.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/runtimes/react/controls/combobox.ts"],"sourcesContent":["import {\n  ComboboxControlData,\n  ComboboxControlDefinition,\n  ComboboxControlDefinitionOption,\n} from '../../../controls'\n\nexport type ComboboxControlValue<T extends ComboboxControlDefinition> =\n  | ComboboxControlDefinitionOption<T>\n  | undefined\n\nexport function useComboboxControlValue<T extends ComboboxControlDefinition>(\n  data: ComboboxControlData<T> | undefined,\n): ComboboxControlValue<T> {\n  return data?.value\n}\n"],"mappings":"AAUO,SAAS,wBACd,MACyB;AACzB,SAAO,MAAM;AACf;","names":[]}