@makeswift/runtime 0.13.0 → 0.14.0

package/dist/cjs/state/modules/api-resources.js

@@ -0,0 +1,136 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var api_resources_exports = {};
+__export(api_resources_exports, {
+  getAPIResource: () => getAPIResource,
+  getHasAPIResource: () => getHasAPIResource,
+  getInitialState: () => getInitialState,
+  getSerializedState: () => getSerializedState,
+  reducer: () => reducer
+});
+module.exports = __toCommonJS(api_resources_exports);
+var import_api = require("../../api");
+var import_deepEqual = __toESM(require("../../utils/deepEqual"));
+var import_actions = require("../actions");
+function getInitialState(serializedState = {
+  Swatch: [],
+  File: [],
+  Typography: [],
+  PagePathnameSlice: [],
+  GlobalElement: [],
+  Table: [],
+  Snippet: [],
+  Page: [],
+  Site: [],
+  LocalizedGlobalElement: []
+}) {
+  return new Map(
+    Object.entries(serializedState).map(([apiResourceType, resources]) => [
+      apiResourceType,
+      new Map(resources.map(({ id, value }) => [id, value]))
+    ])
+  );
+}
+function getSerializedState(state) {
+  const resourceMap = {
+    Swatch: [],
+    File: [],
+    Typography: [],
+    PagePathnameSlice: [],
+    GlobalElement: [],
+    Table: [],
+    Snippet: [],
+    Page: [],
+    Site: [],
+    LocalizedGlobalElement: []
+  };
+  Array.from(state.entries()).forEach(([resourceType, resources]) => {
+    const particularResourceMap = [];
+    Array.from(resources.entries()).forEach(([id, value]) => {
+      if (value != null) {
+        particularResourceMap.push({ id, value });
+      }
+    });
+    resourceMap[resourceType] = particularResourceMap;
+  });
+  return resourceMap;
+}
+function getHasAPIResource(state, resourceType, resourceId) {
+  return state.get(resourceType)?.has(resourceId) ?? false;
+}
+function getAPIResource(state, resourceType, resourceId) {
+  const resource = state.get(resourceType)?.get(resourceId);
+  return resource?.__typename === resourceType ? resource : null;
+}
+function reducer(state = getInitialState(), action) {
+  switch (action.type) {
+    case import_actions.ActionTypes.API_RESOURCE_FULFILLED: {
+      const { resourceType, resourceId, resource } = action.payload;
+      return new Map(state).set(
+        resourceType,
+        new Map(state.get(resourceType)).set(resourceId, resource)
+      );
+    }
+    case import_actions.ActionTypes.CHANGE_API_RESOURCE: {
+      const existingApiResource = getAPIResource(
+        state,
+        action.payload.resource.__typename,
+        action.payload.resource.id
+      );
+      if ((0, import_deepEqual.default)(existingApiResource, action.payload.resource))
+        return state;
+      return new Map(state).set(
+        action.payload.resource.__typename,
+        new Map(state.get(action.payload.resource.__typename)).set(
+          action.payload.resource.id,
+          action.payload.resource
+        )
+      );
+    }
+    case import_actions.ActionTypes.EVICT_API_RESOURCE: {
+      const [resourceType, resourceId] = action.payload.id.split(":");
+      if (!(resourceType in import_api.APIResourceType))
+        return state;
+      const resources = new Map(state.get(resourceType));
+      const deleted = resources.delete(resourceId);
+      return deleted ? new Map(state).set(resourceType, resources) : state;
+    }
+    default:
+      return state;
+  }
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  getAPIResource,
+  getHasAPIResource,
+  getInitialState,
+  getSerializedState,
+  reducer
+});
+//# sourceMappingURL=api-resources.js.map

package/dist/cjs/state/modules/api-resources.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/state/modules/api-resources.ts"],"sourcesContent":["import { APIResource, APIResourceType } from '../../api'\nimport deepEqual from '../../utils/deepEqual'\nimport { Action, ActionTypes } from '../actions'\n\ntype State = Map<APIResourceType, Map<string, APIResource | null>>\n\nexport type SerializedState = {\n  [key in APIResourceType]?: {\n    id: string\n    value: Extract<APIResource, { __typename: key }> | null\n  }[]\n}\n\nexport function getInitialState(\n  serializedState: SerializedState = {\n    Swatch: [],\n    File: [],\n    Typography: [],\n    PagePathnameSlice: [],\n    GlobalElement: [],\n    Table: [],\n    Snippet: [],\n    Page: [],\n    Site: [],\n    LocalizedGlobalElement: [],\n  },\n): State {\n  return new Map(\n    Object.entries(serializedState).map(([apiResourceType, resources]) => [\n      apiResourceType,\n      new Map(resources.map(({ id, value }) => [id, value])),\n    ]),\n  ) as State\n}\n\nexport function getSerializedState(state: State): SerializedState {\n  const resourceMap: SerializedState = {\n    Swatch: [],\n    File: [],\n    Typography: [],\n    PagePathnameSlice: [],\n    GlobalElement: [],\n    Table: [],\n    Snippet: [],\n    Page: [],\n    Site: [],\n    LocalizedGlobalElement: [],\n  }\n\n  Array.from(state.entries()).forEach(([resourceType, resources]) => {\n    const particularResourceMap: { id: string; value: any }[] = []\n\n    Array.from(resources.entries()).forEach(([id, value]) => {\n      if (value != null) {\n        particularResourceMap.push({ id, value })\n      }\n    })\n\n    resourceMap[resourceType] = particularResourceMap\n  })\n\n  return resourceMap\n}\n\nexport function getHasAPIResource(\n  state: State,\n  resourceType: APIResourceType,\n  resourceId: string,\n): boolean {\n  return state.get(resourceType)?.has(resourceId) ?? false\n}\n\nexport function getAPIResource<T extends APIResourceType>(\n  state: State,\n  resourceType: T,\n  resourceId: string,\n): Extract<APIResource, { __typename: T }> | null {\n  const resource = state.get(resourceType)?.get(resourceId)\n\n  return resource?.__typename === resourceType\n    ? (resource as Extract<typeof resource, { __typename: T }>)\n    : null\n}\n\nexport function reducer(state: State = getInitialState(), action: Action): State {\n  switch (action.type) {\n    case ActionTypes.API_RESOURCE_FULFILLED: {\n      const { resourceType, resourceId, resource } = action.payload\n\n      return new Map(state).set(\n        resourceType,\n        new Map(state.get(resourceType)!).set(resourceId, resource),\n      )\n    }\n\n    case ActionTypes.CHANGE_API_RESOURCE: {\n      const existingApiResource = getAPIResource(\n        state,\n        action.payload.resource.__typename,\n        action.payload.resource.id,\n      )\n\n      if (deepEqual(existingApiResource, action.payload.resource)) return state\n\n      return new Map(state).set(\n        action.payload.resource.__typename,\n        new Map(state.get(action.payload.resource.__typename)!).set(\n          action.payload.resource.id,\n          action.payload.resource,\n        ),\n      )\n    }\n\n    case ActionTypes.EVICT_API_RESOURCE: {\n      const [resourceType, resourceId] = action.payload.id.split(':')\n\n      if (!(resourceType in APIResourceType)) return state\n\n      const resources = new Map(state.get(resourceType as APIResourceType)!)\n\n      const deleted = resources.delete(resourceId)\n\n      return deleted ? new Map(state).set(resourceType as APIResourceType, resources) : state\n    }\n\n    default:\n      return state\n  }\n}\n"],"mappings":"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","names":["deepEqual"]}

package/dist/cjs/state/modules/box-models.js

@@ -0,0 +1,125 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var box_models_exports = {};
+__export(box_models_exports, {
+  createBox: () => createBox,
+  getBox: () => getBox,
+  getBoxModel: () => getBoxModel,
+  getBoxModels: () => getBoxModels,
+  getInitialState: () => getInitialState,
+  getMeasurables: () => getMeasurables,
+  isMeasurable: () => isMeasurable,
+  measure: () => measure,
+  parse: () => parse,
+  reducer: () => reducer
+});
+module.exports = __toCommonJS(box_models_exports);
+var import_css_box_model = require("css-box-model");
+var import_actions = require("../actions");
+function parse(rawString) {
+  const value = Number(rawString.replace(/px$/, ""));
+  return Number.isFinite(value) ? value : 0;
+}
+function createBox(boxArgs) {
+  return (0, import_css_box_model.withScroll)((0, import_css_box_model.createBox)(boxArgs));
+}
+function getBox(element) {
+  return (0, import_css_box_model.withScroll)((0, import_css_box_model.getBox)(element));
+}
+function isMeasurable(value) {
+  if (value instanceof Element)
+    return true;
+  if (typeof value === "object" && value !== null && "getBoxModel" in value && typeof value.getBoxModel === "function") {
+    return true;
+  }
+  return false;
+}
+function measure(measurable) {
+  if (measurable instanceof Element)
+    return getBox(measurable);
+  return measurable.getBoxModel();
+}
+function getInitialState() {
+  return { measurables: /* @__PURE__ */ new Map(), boxModels: /* @__PURE__ */ new Map() };
+}
+function getMeasurables(state) {
+  return state.measurables;
+}
+function getBoxModels(state) {
+  return state.boxModels;
+}
+function getBoxModel(state, documentKey, elementKey) {
+  return getBoxModels(state).get(documentKey)?.get(elementKey) ?? null;
+}
+function reducer(state = getInitialState(), action) {
+  switch (action.type) {
+    case import_actions.ActionTypes.REGISTER_MEASURABLE: {
+      const { documentKey, elementKey, measurable } = action.payload;
+      return {
+        ...state,
+        measurables: new Map(state.measurables).set(
+          documentKey,
+          new Map(state.measurables.get(documentKey) ?? []).set(elementKey, measurable)
+        )
+      };
+    }
+    case import_actions.ActionTypes.UNREGISTER_MEASURABLE: {
+      const { documentKey, elementKey } = action.payload;
+      const nextMeasurables = new Map(state.measurables.get(documentKey) ?? []);
+      const deleted = nextMeasurables.delete(elementKey);
+      return deleted ? { ...state, measurables: new Map(state.measurables).set(documentKey, nextMeasurables) } : state;
+    }
+    case import_actions.ActionTypes.CHANGE_ELEMENT_BOX_MODELS: {
+      const { changedElementBoxModels } = action.payload;
+      if (changedElementBoxModels.size === 0)
+        return state;
+      const nextBoxModels = new Map(state.boxModels);
+      changedElementBoxModels.forEach((changedBoxModels, documentKey) => {
+        const nextDocumentBoxModels = new Map(nextBoxModels.get(documentKey) ?? []);
+        changedBoxModels.forEach((changedBoxModel, elementKey) => {
+          if (changedBoxModel == null)
+            nextDocumentBoxModels.delete(elementKey);
+          else
+            nextDocumentBoxModels.set(elementKey, changedBoxModel);
+        });
+        if (nextDocumentBoxModels.size > 0)
+          nextBoxModels.set(documentKey, nextDocumentBoxModels);
+        else
+          nextBoxModels.delete(documentKey);
+      });
+      return { ...state, boxModels: nextBoxModels };
+    }
+    default:
+      return state;
+  }
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  createBox,
+  getBox,
+  getBoxModel,
+  getBoxModels,
+  getInitialState,
+  getMeasurables,
+  isMeasurable,
+  measure,
+  parse,
+  reducer
+});
+//# sourceMappingURL=box-models.js.map

package/dist/cjs/state/modules/box-models.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/state/modules/box-models.ts"],"sourcesContent":["import {\n  BoxModel,\n  createBox as createBoxWithoutScroll,\n  CreateBoxArgs,\n  getBox as getBoxWithoutScroll,\n  withScroll,\n} from 'css-box-model'\n\nimport { Action, ActionTypes } from '../actions'\n\nexport type { BoxModel }\n\nexport function parse(rawString: string): number {\n  const value = Number(rawString.replace(/px$/, ''))\n\n  return Number.isFinite(value) ? value : 0\n}\n\nexport function createBox(boxArgs: CreateBoxArgs): BoxModel {\n  return withScroll(createBoxWithoutScroll(boxArgs))\n}\n\nexport function getBox(element: Element): BoxModel {\n  return withScroll(getBoxWithoutScroll(element))\n}\n\nexport interface BoxModelHandle {\n  getBoxModel(): BoxModel | null\n}\n\nexport type Measurable = Element | BoxModelHandle\n\nexport function isMeasurable(value: unknown): value is Measurable {\n  if (value instanceof Element) return true\n\n  if (\n    typeof value === 'object' &&\n    value !== null &&\n    'getBoxModel' in value &&\n    typeof (value as { getBoxModel: unknown }).getBoxModel === 'function'\n  ) {\n    return true\n  }\n\n  return false\n}\n\nexport function measure(measurable: Measurable): BoxModel | null {\n  if (measurable instanceof Element) return getBox(measurable)\n\n  return measurable.getBoxModel()\n}\n\nexport type State = {\n  measurables: Map<string, Map<string, Measurable>>\n  boxModels: Map<string, Map<string, BoxModel>>\n}\n\nexport function getInitialState(): State {\n  return { measurables: new Map(), boxModels: new Map() }\n}\n\nexport function getMeasurables(state: State): Map<string, Map<string, Measurable>> {\n  return state.measurables\n}\n\nexport function getBoxModels(state: State): Map<string, Map<string, BoxModel>> {\n  return state.boxModels\n}\n\nexport function getBoxModel(\n  state: State,\n  documentKey: string,\n  elementKey: string,\n): BoxModel | null {\n  return getBoxModels(state).get(documentKey)?.get(elementKey) ?? null\n}\n\nexport function reducer(state: State = getInitialState(), action: Action) {\n  switch (action.type) {\n    case ActionTypes.REGISTER_MEASURABLE: {\n      const { documentKey, elementKey, measurable } = action.payload\n\n      return {\n        ...state,\n        measurables: new Map(state.measurables).set(\n          documentKey,\n          new Map(state.measurables.get(documentKey) ?? []).set(elementKey, measurable),\n        ),\n      }\n    }\n\n    case ActionTypes.UNREGISTER_MEASURABLE: {\n      const { documentKey, elementKey } = action.payload\n      const nextMeasurables = new Map(state.measurables.get(documentKey) ?? [])\n\n      const deleted = nextMeasurables.delete(elementKey)\n\n      return deleted\n        ? { ...state, measurables: new Map(state.measurables).set(documentKey, nextMeasurables) }\n        : state\n    }\n\n    case ActionTypes.CHANGE_ELEMENT_BOX_MODELS: {\n      const { changedElementBoxModels } = action.payload\n\n      if (changedElementBoxModels.size === 0) return state\n\n      const nextBoxModels = new Map(state.boxModels)\n\n      changedElementBoxModels.forEach((changedBoxModels, documentKey) => {\n        const nextDocumentBoxModels = new Map(nextBoxModels.get(documentKey) ?? [])\n\n        changedBoxModels.forEach((changedBoxModel, elementKey) => {\n          if (changedBoxModel == null) nextDocumentBoxModels.delete(elementKey)\n          else nextDocumentBoxModels.set(elementKey, changedBoxModel)\n        })\n\n        if (nextDocumentBoxModels.size > 0) nextBoxModels.set(documentKey, nextDocumentBoxModels)\n        else nextBoxModels.delete(documentKey)\n      })\n\n      return { ...state, boxModels: nextBoxModels }\n    }\n\n    default:\n      return state\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2BAMO;AAEP,qBAAoC;AAI7B,SAAS,MAAM,WAA2B;AAC/C,QAAM,QAAQ,OAAO,UAAU,QAAQ,OAAO,EAAE,CAAC;AAEjD,SAAO,OAAO,SAAS,KAAK,IAAI,QAAQ;AAC1C;AAEO,SAAS,UAAU,SAAkC;AAC1D,aAAO,qCAAW,qBAAAA,WAAuB,OAAO,CAAC;AACnD;AAEO,SAAS,OAAO,SAA4B;AACjD,aAAO,qCAAW,qBAAAC,QAAoB,OAAO,CAAC;AAChD;AAQO,SAAS,aAAa,OAAqC;AAChE,MAAI,iBAAiB;AAAS,WAAO;AAErC,MACE,OAAO,UAAU,YACjB,UAAU,QACV,iBAAiB,SACjB,OAAQ,MAAmC,gBAAgB,YAC3D;AACA,WAAO;AAAA,EACT;AAEA,SAAO;AACT;AAEO,SAAS,QAAQ,YAAyC;AAC/D,MAAI,sBAAsB;AAAS,WAAO,OAAO,UAAU;AAE3D,SAAO,WAAW,YAAY;AAChC;AAOO,SAAS,kBAAyB;AACvC,SAAO,EAAE,aAAa,oBAAI,IAAI,GAAG,WAAW,oBAAI,IAAI,EAAE;AACxD;AAEO,SAAS,eAAe,OAAoD;AACjF,SAAO,MAAM;AACf;AAEO,SAAS,aAAa,OAAkD;AAC7E,SAAO,MAAM;AACf;AAEO,SAAS,YACd,OACA,aACA,YACiB;AACjB,SAAO,aAAa,KAAK,EAAE,IAAI,WAAW,GAAG,IAAI,UAAU,KAAK;AAClE;AAEO,SAAS,QAAQ,QAAe,gBAAgB,GAAG,QAAgB;AACxE,UAAQ,OAAO,MAAM;AAAA,IACnB,KAAK,2BAAY,qBAAqB;AACpC,YAAM,EAAE,aAAa,YAAY,WAAW,IAAI,OAAO;AAEvD,aAAO;AAAA,QACL,GAAG;AAAA,QACH,aAAa,IAAI,IAAI,MAAM,WAAW,EAAE;AAAA,UACtC;AAAA,UACA,IAAI,IAAI,MAAM,YAAY,IAAI,WAAW,KAAK,CAAC,CAAC,EAAE,IAAI,YAAY,UAAU;AAAA,QAC9E;AAAA,MACF;AAAA,IACF;AAAA,IAEA,KAAK,2BAAY,uBAAuB;AACtC,YAAM,EAAE,aAAa,WAAW,IAAI,OAAO;AAC3C,YAAM,kBAAkB,IAAI,IAAI,MAAM,YAAY,IAAI,WAAW,KAAK,CAAC,CAAC;AAExE,YAAM,UAAU,gBAAgB,OAAO,UAAU;AAEjD,aAAO,UACH,EAAE,GAAG,OAAO,aAAa,IAAI,IAAI,MAAM,WAAW,EAAE,IAAI,aAAa,eAAe,EAAE,IACtF;AAAA,IACN;AAAA,IAEA,KAAK,2BAAY,2BAA2B;AAC1C,YAAM,EAAE,wBAAwB,IAAI,OAAO;AAE3C,UAAI,wBAAwB,SAAS;AAAG,eAAO;AAE/C,YAAM,gBAAgB,IAAI,IAAI,MAAM,SAAS;AAE7C,8BAAwB,QAAQ,CAAC,kBAAkB,gBAAgB;AACjE,cAAM,wBAAwB,IAAI,IAAI,cAAc,IAAI,WAAW,KAAK,CAAC,CAAC;AAE1E,yBAAiB,QAAQ,CAAC,iBAAiB,eAAe;AACxD,cAAI,mBAAmB;AAAM,kCAAsB,OAAO,UAAU;AAAA;AAC/D,kCAAsB,IAAI,YAAY,eAAe;AAAA,QAC5D,CAAC;AAED,YAAI,sBAAsB,OAAO;AAAG,wBAAc,IAAI,aAAa,qBAAqB;AAAA;AACnF,wBAAc,OAAO,WAAW;AAAA,MACvC,CAAC;AAED,aAAO,EAAE,GAAG,OAAO,WAAW,cAAc;AAAA,IAC9C;AAAA,IAEA;AACE,aAAO;AAAA,EACX;AACF;","names":["createBoxWithoutScroll","getBoxWithoutScroll"]}

package/dist/cjs/state/modules/breakpoints.js

@@ -0,0 +1,256 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var breakpoints_exports = {};
+__export(breakpoints_exports, {
+  DEFAULT_BREAKPOINTS: () => DEFAULT_BREAKPOINTS,
+  DefaultBreakpointID: () => DefaultBreakpointID,
+  findBreakpointOverride: () => findBreakpointOverride,
+  findNextFallback: () => findNextFallback,
+  getBaseBreakpoint: () => getBaseBreakpoint,
+  getBreakpoint: () => getBreakpoint,
+  getBreakpointMediaQuery: () => getBreakpointMediaQuery,
+  getInitialState: () => getInitialState,
+  getViewportStyle: () => getViewportStyle,
+  join: () => join,
+  mergeOrCoalesceFallbacks: () => mergeOrCoalesceFallbacks,
+  mergeResponsiveValues: () => mergeResponsiveValues,
+  parseBreakpointsInput: () => parseBreakpointsInput,
+  reducer: () => reducer,
+  shallowMergeFallbacks: () => shallowMergeFallbacks
+});
+module.exports = __toCommonJS(breakpoints_exports);
+var import_shallowMerge = __toESM(require("../../utils/shallowMerge"));
+var import_actions = require("../actions");
+var import_coalesce = __toESM(require("../../utils/coalesce"));
+const DefaultBreakpointID = {
+  Desktop: "desktop",
+  Tablet: "tablet",
+  Mobile: "mobile"
+};
+const DEFAULT_BREAKPOINTS = [
+  {
+    id: DefaultBreakpointID.Desktop,
+    label: "Desktop",
+    minWidth: 769
+  },
+  {
+    id: DefaultBreakpointID.Tablet,
+    label: "Tablet",
+    minWidth: 576,
+    maxWidth: 768,
+    viewportWidth: 760
+  },
+  {
+    id: DefaultBreakpointID.Mobile,
+    label: "Mobile",
+    maxWidth: 575,
+    viewportWidth: 390
+  }
+];
+function getInitialState(breakpoints = DEFAULT_BREAKPOINTS) {
+  return breakpoints;
+}
+function reducer(state = getInitialState(), action) {
+  switch (action.type) {
+    case import_actions.ActionTypes.SET_BREAKPOINTS: {
+      const breakpoints = action.payload.breakpoints;
+      if (breakpoints.length === 0)
+        throw new Error("Breakpoints cannot be empty.");
+      return breakpoints;
+    }
+    default:
+      return state;
+  }
+}
+function parseBreakpointsInput(input) {
+  validateBreakpointsInput(input);
+  const sorted = Object.entries(input).map(([id, value]) => ({ ...value, id })).sort((a, b) => b.width - a.width);
+  const transformed = sorted.reduce(
+    (prev, curr, index, array) => {
+      const { width, viewport, id, label } = curr;
+      const next = array[index + 1];
+      const breakpoint = {
+        id,
+        ...label && { label },
+        ...next && { minWidth: next.width + 1 },
+        maxWidth: width,
+        viewportWidth: viewport ?? width
+      };
+      return [...prev, breakpoint];
+    },
+    [
+      { id: DefaultBreakpointID.Desktop, label: "Desktop", minWidth: sorted[0].width + 1 }
+    ]
+  );
+  return transformed;
+}
+function validateBreakpointsInput(input) {
+  if (DefaultBreakpointID.Desktop in input) {
+    throw new Error(
+      `Cannot change the base breakpoint. "${DefaultBreakpointID.Desktop}" is reserved as the base breakpoint.`
+    );
+  }
+  if (Object.keys(input).length === 0) {
+    throw new Error(`Breakpoints cannot be empty. You must provide at least one breakpoint.`);
+  }
+  const sorted = Object.entries(input).map(([id, value]) => ({ ...value, id })).sort((a, b) => b.width - a.width);
+  sorted.forEach(({ id, width, viewport }, index, array) => {
+    if (viewport && viewport > width) {
+      throw new Error(
+        `Error on breakpoint "${id}". Viewport cannot be greater than its width.
+        "${id}" has a viewport of ${viewport}px and a width of ${width}px.`
+      );
+    }
+    const next = array[index + 1];
+    if (viewport && next && viewport < next.width) {
+      throw new Error(
+        `Error on breakpoint "${id}". Viewport cannot be smaller than the next breakpoint's width. 
+        "${id}" has a viewport of ${viewport}px and the next breakpoint "${next.id}" has a width of ${next.width}px.`
+      );
+    }
+    if (next && width === next.width) {
+      throw new Error(
+        `Breakpoints cannot have the same width. "${id}" and "${next.id}" have the same width`
+      );
+    }
+  });
+}
+function sortBreakpoints(breakpoints) {
+  return breakpoints.sort((a, b) => (b?.minWidth ?? 0) - (a?.minWidth ?? 0));
+}
+const getBreakpoint = (state, breakpointId) => {
+  const breakpoint = state.find(({ id }) => id === breakpointId);
+  if (breakpoint == null)
+    throw new Error(`Unrecognized breakpoint ID: "${breakpointId}".`);
+  return breakpoint;
+};
+const getBaseBreakpoint = (breakpoints) => {
+  const breakpoint = sortBreakpoints(breakpoints)[0];
+  if (breakpoint == null)
+    throw new Error(`Cannot get base breakpoint.`);
+  return breakpoint;
+};
+function findBreakpointOverride(breakpoints, values = [], deviceId, strategy = defaultStrategy) {
+  const value = values.find(({ deviceId: d }) => d === deviceId);
+  const fallbacks = breakpoints.slice(0, breakpoints.findIndex((d) => d.id === deviceId) + 1).reverse().map((d) => values.find((v) => v.deviceId === d.id)).filter((override) => Boolean(override));
+  return value != null || fallbacks.length > 0 ? strategy(value, fallbacks) : void 0;
+}
+function defaultStrategy(value, fallbacks) {
+  return value || fallbacks[0];
+}
+function shallowMergeFallbacks(value, fallbacks) {
+  return [value, ...fallbacks].filter((override) => Boolean(override)).reduce((a, b) => ({
+    deviceId: a.deviceId || b.deviceId,
+    value: (0, import_shallowMerge.default)(a.value, b.value)
+  }));
+}
+function mergeOrCoalesce(a, b) {
+  if (typeof a === "object" && a !== null && !Array.isArray(a) && typeof b === "object" && b !== null && !Array.isArray(b)) {
+    return (0, import_shallowMerge.default)(a, b);
+  }
+  return (0, import_coalesce.default)(a, b);
+}
+function mergeOrCoalesceFallbacks(value, fallbacks) {
+  return [value, ...fallbacks].filter((override) => Boolean(override)).reduce((a, b) => ({
+    deviceId: a.deviceId || b.deviceId,
+    value: mergeOrCoalesce(a.value, b.value)
+  }));
+}
+function join(breakpoints, responsiveValues, joinFn, strategy) {
+  return breakpoints.map(({ id }) => id).map((deviceId) => {
+    const value = joinFn(
+      responsiveValues.map((responsiveValue) => {
+        const deviceValue = responsiveValue && findBreakpointOverride(breakpoints, responsiveValue, deviceId, strategy);
+        return deviceValue == null ? void 0 : deviceValue.value;
+      })
+    );
+    if (value == null)
+      return null;
+    return { deviceId, value };
+  }).filter((override) => Boolean(override));
+}
+const getBreakpointMediaQuery = (breakpoint) => {
+  const parts = ["@media only screen"];
+  if (breakpoint.minWidth != null) {
+    parts.push(`(min-width: ${breakpoint.minWidth}px)`);
+  }
+  if (breakpoint.maxWidth != null) {
+    parts.push(`(max-width: ${breakpoint.maxWidth}px)`);
+  }
+  return parts.join(" and ");
+};
+const getViewportStyle = (state, deviceId) => {
+  const device = getBreakpoint(state, deviceId);
+  return device && {
+    width: device.viewportWidth != null ? device.viewportWidth : "100%",
+    minWidth: device.minWidth
+  };
+};
+function findNextFallback(breakpoints, value, deviceId, activeDeviceId, fallbackStrategy) {
+  const deviceOverride = findBreakpointOverride(
+    breakpoints,
+    value.filter((v) => v.deviceId !== activeDeviceId),
+    deviceId,
+    fallbackStrategy
+  );
+  return (deviceOverride && getBreakpoint(breakpoints, deviceOverride.deviceId)) ?? null;
+}
+const mergeResponsiveValues = (breakpoints, source, override) => {
+  const devices = [
+    ...new Set(
+      source.map(({ deviceId }) => deviceId).concat(override.map(({ deviceId }) => deviceId))
+    )
+  ];
+  return devices.map((deviceId) => ({
+    deviceId,
+    value: {
+      ...(findBreakpointOverride(breakpoints, source, deviceId) || { value: {} }).value,
+      ...(findBreakpointOverride(breakpoints, override, deviceId, (v) => v) || { value: {} }).value
+    }
+  }));
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DEFAULT_BREAKPOINTS,
+  DefaultBreakpointID,
+  findBreakpointOverride,
+  findNextFallback,
+  getBaseBreakpoint,
+  getBreakpoint,
+  getBreakpointMediaQuery,
+  getInitialState,
+  getViewportStyle,
+  join,
+  mergeOrCoalesceFallbacks,
+  mergeResponsiveValues,
+  parseBreakpointsInput,
+  reducer,
+  shallowMergeFallbacks
+});
+//# sourceMappingURL=breakpoints.js.map

package/dist/cjs/state/modules/breakpoints.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/state/modules/breakpoints.ts"],"sourcesContent":["import { Viewport } from 'csstype'\n\nimport {\n  ResponsiveValue as PropControllerResponsiveValue,\n  DeviceOverride as PropControllerDeviceOverride,\n  Device as DeviceId,\n} from '../../prop-controllers'\nimport shallowMerge from '../../utils/shallowMerge'\nimport { Action, ActionTypes } from '../actions'\nimport coalesce from '../../utils/coalesce'\nimport { Data } from '../../controls/types'\n\nexport type DeviceOverride<T> = PropControllerDeviceOverride<T>\nexport type ResponsiveValue<T> = PropControllerResponsiveValue<T>\nexport type BreakpointId = DeviceId\n\nexport type Breakpoint = {\n  id: BreakpointId\n  label?: string\n  viewportWidth?: number\n  minWidth?: number\n  maxWidth?: number\n}\n\nexport type Breakpoints = Breakpoint[]\n\nexport type State = Breakpoints\n\nexport const DefaultBreakpointID = {\n  Desktop: 'desktop',\n  Tablet: 'tablet',\n  Mobile: 'mobile',\n} as const\n\ntype DefaultBreakpointID = typeof DefaultBreakpointID[keyof typeof DefaultBreakpointID]\n\nexport const DEFAULT_BREAKPOINTS: Breakpoints = [\n  {\n    id: DefaultBreakpointID.Desktop,\n    label: 'Desktop',\n    minWidth: 769,\n  },\n  {\n    id: DefaultBreakpointID.Tablet,\n    label: 'Tablet',\n    minWidth: 576,\n    maxWidth: 768,\n    viewportWidth: 760,\n  },\n  {\n    id: DefaultBreakpointID.Mobile,\n    label: 'Mobile',\n    maxWidth: 575,\n    viewportWidth: 390,\n  },\n]\n\nexport function getInitialState(breakpoints = DEFAULT_BREAKPOINTS): State {\n  return breakpoints\n}\n\nexport function reducer(state: State = getInitialState(), action: Action): State {\n  switch (action.type) {\n    case ActionTypes.SET_BREAKPOINTS: {\n      const breakpoints = action.payload.breakpoints\n\n      if (breakpoints.length === 0) throw new Error('Breakpoints cannot be empty.')\n\n      return breakpoints\n    }\n\n    default:\n      return state\n  }\n}\n\nexport type BreakpointsInput = Record<string, { width: number; label?: string; viewport?: number }>\n\nexport function parseBreakpointsInput(input: BreakpointsInput): Breakpoints {\n  validateBreakpointsInput(input)\n\n  const sorted = Object.entries(input)\n    .map(([id, value]) => ({ ...value, id }))\n    .sort((a, b) => b.width - a.width) // Sort by width in descending order\n\n  const transformed = sorted.reduce(\n    (prev, curr, index, array) => {\n      const { width, viewport, id, label } = curr\n      const next = array[index + 1]\n\n      const breakpoint: Breakpoint = {\n        id,\n        ...(label && { label }),\n        ...(next && { minWidth: next.width + 1 }),\n        maxWidth: width,\n        viewportWidth: viewport ?? width,\n      }\n\n      return [...prev, breakpoint]\n    },\n    [\n      { id: DefaultBreakpointID.Desktop, label: 'Desktop', minWidth: sorted[0].width + 1 },\n    ] as Breakpoints,\n  )\n\n  return transformed\n}\n\nfunction validateBreakpointsInput(input: BreakpointsInput) {\n  if (DefaultBreakpointID.Desktop in input) {\n    throw new Error(\n      `Cannot change the base breakpoint. \"${DefaultBreakpointID.Desktop}\" is reserved as the base breakpoint.`,\n    )\n  }\n\n  if (Object.keys(input).length === 0) {\n    throw new Error(`Breakpoints cannot be empty. You must provide at least one breakpoint.`)\n  }\n\n  const sorted = Object.entries(input)\n    .map(([id, value]) => ({ ...value, id }))\n    .sort((a, b) => b.width - a.width) // Sort by width in descending order\n\n  sorted.forEach(({ id, width, viewport }, index, array) => {\n    // This is only valid for desktop-first. We need to check the inverse for mobile-first.\n    if (viewport && viewport > width) {\n      throw new Error(\n        `Error on breakpoint \"${id}\". Viewport cannot be greater than its width.\n        \"${id}\" has a viewport of ${viewport}px and a width of ${width}px.`,\n      )\n    }\n\n    const next = array[index + 1]\n\n    if (viewport && next && viewport < next.width) {\n      throw new Error(\n        `Error on breakpoint \"${id}\". Viewport cannot be smaller than the next breakpoint's width. \n        \"${id}\" has a viewport of ${viewport}px and the next breakpoint \"${next.id}\" has a width of ${next.width}px.`,\n      )\n    }\n\n    if (next && width === next.width) {\n      throw new Error(\n        `Breakpoints cannot have the same width. \"${id}\" and \"${next.id}\" have the same width`,\n      )\n    }\n  })\n}\n\n// Sort breakpoints by minWidth in descending order\nfunction sortBreakpoints(breakpoints: Breakpoints): Breakpoints {\n  return breakpoints.sort((a, b) => (b?.minWidth ?? 0) - (a?.minWidth ?? 0))\n}\n\nexport const getBreakpoint = (state: State, breakpointId: Breakpoint['id']): Breakpoint => {\n  const breakpoint = state.find(({ id }) => id === breakpointId)\n\n  if (breakpoint == null) throw new Error(`Unrecognized breakpoint ID: \"${breakpointId}\".`)\n\n  return breakpoint\n}\n\nexport const getBaseBreakpoint = (breakpoints: Breakpoints): Breakpoint => {\n  const breakpoint = sortBreakpoints(breakpoints)[0]\n\n  if (breakpoint == null) throw new Error(`Cannot get base breakpoint.`)\n\n  return breakpoint\n}\n\nexport function findBreakpointOverride<S>(\n  breakpoints: Breakpoints,\n  values: ResponsiveValue<S> = [],\n  deviceId: string,\n  strategy: FallbackStrategy<S> = defaultStrategy,\n): DeviceOverride<S> | undefined {\n  const value = values.find(({ deviceId: d }) => d === deviceId)\n  const fallbacks = breakpoints\n    .slice(0, breakpoints.findIndex(d => d.id === deviceId) + 1)\n    .reverse()\n    .map(d => values.find(v => v.deviceId === d.id))\n    .filter((override): override is DeviceOverride<S> => Boolean(override))\n\n  return value != null || fallbacks.length > 0 ? strategy(value, fallbacks) : undefined\n}\n\nexport type FallbackStrategy<V> = (\n  arg0: DeviceOverride<V> | undefined,\n  arg1: ResponsiveValue<V>,\n) => DeviceOverride<V> | undefined\n\nfunction defaultStrategy<V>(\n  value: DeviceOverride<V> | undefined,\n  fallbacks: ResponsiveValue<V>,\n): DeviceOverride<V> | undefined {\n  return value || fallbacks[0]\n}\n\nexport function shallowMergeFallbacks<V extends Record<string, unknown>>(\n  value: DeviceOverride<V> | undefined,\n  fallbacks: ResponsiveValue<V>,\n): DeviceOverride<V> | undefined {\n  return [value, ...fallbacks]\n    .filter((override): override is DeviceOverride<V> => Boolean(override))\n    .reduce((a, b) => ({\n      deviceId: a.deviceId || b.deviceId,\n      value: shallowMerge(a.value, b.value),\n    }))\n}\n\nfunction mergeOrCoalesce<A extends Data>(a: A, b: A): A {\n  if (\n    typeof a === 'object' &&\n    a !== null &&\n    !Array.isArray(a) &&\n    typeof b === 'object' &&\n    b !== null &&\n    !Array.isArray(b)\n  ) {\n    return shallowMerge(a, b) as A\n  }\n  return coalesce(a, b)\n}\n\nexport function mergeOrCoalesceFallbacks<V extends Data>(\n  value: DeviceOverride<V> | undefined,\n  fallbacks: ResponsiveValue<V>,\n): DeviceOverride<V> | undefined {\n  return [value, ...fallbacks]\n    .filter((override): override is DeviceOverride<V> => Boolean(override))\n    .reduce((a, b) => ({\n      deviceId: a.deviceId || b.deviceId,\n      value: mergeOrCoalesce(a.value, b.value),\n    }))\n}\n\nexport type ExtractResponsiveValue<T> = T extends ResponsiveValue<infer V> ? V : never\n\nexport function join<V, A extends ReadonlyArray<ResponsiveValue<V> | null | undefined>, R>(\n  breakpoints: Breakpoints,\n  responsiveValues: A,\n  joinFn: (values: { [I in keyof A]: ExtractResponsiveValue<A[I]> | undefined }) => R,\n  strategy?: FallbackStrategy<V>,\n): ResponsiveValue<R> {\n  return breakpoints\n    .map(({ id }) => id)\n    .map(deviceId => {\n      const value = joinFn(\n        responsiveValues.map(responsiveValue => {\n          const deviceValue =\n            responsiveValue &&\n            findBreakpointOverride(breakpoints, responsiveValue, deviceId, strategy)\n\n          return deviceValue == null ? undefined : deviceValue.value\n        }) as unknown as { [I in keyof A]: ExtractResponsiveValue<A[I] | undefined> },\n      )\n\n      if (value == null) return null\n\n      return { deviceId, value }\n    })\n    .filter((override): override is NonNullable<typeof override> => Boolean(override))\n}\n\nexport const getBreakpointMediaQuery = (breakpoint: Breakpoint): string => {\n  const parts = ['@media only screen']\n\n  if (breakpoint.minWidth != null) {\n    parts.push(`(min-width: ${breakpoint.minWidth}px)`)\n  }\n\n  if (breakpoint.maxWidth != null) {\n    parts.push(`(max-width: ${breakpoint.maxWidth}px)`)\n  }\n\n  return parts.join(' and ')\n}\n\nexport const getViewportStyle = (\n  state: State,\n  deviceId: string,\n): Viewport<string | number> | null | undefined => {\n  const device = getBreakpoint(state, deviceId)\n\n  return (\n    device && {\n      width: device.viewportWidth != null ? device.viewportWidth : '100%',\n      minWidth: device.minWidth,\n    }\n  )\n}\n\nexport function findNextFallback<V>(\n  breakpoints: Breakpoints,\n  value: ResponsiveValue<V>,\n  deviceId: BreakpointId,\n  activeDeviceId: BreakpointId,\n  fallbackStrategy?: FallbackStrategy<V>,\n): Breakpoint | null {\n  const deviceOverride = findBreakpointOverride(\n    breakpoints,\n    value.filter(v => v.deviceId !== activeDeviceId),\n    deviceId,\n    fallbackStrategy,\n  )\n\n  return (deviceOverride && getBreakpoint(breakpoints, deviceOverride.deviceId)) ?? null\n}\n\nexport const mergeResponsiveValues = <A>(\n  breakpoints: Breakpoints,\n  source: DeviceOverride<A>[],\n  override: DeviceOverride<A>[],\n): DeviceOverride<A>[] => {\n  const devices = [\n    ...new Set(\n      source.map(({ deviceId }) => deviceId).concat(override.map(({ deviceId }) => deviceId)),\n    ),\n  ]\n\n  return devices.map(deviceId => ({\n    deviceId,\n    value: {\n      ...(findBreakpointOverride(breakpoints, source, deviceId) || { value: {} }).value,\n      ...(findBreakpointOverride(breakpoints, override, deviceId, v => v) || { value: {} }).value,\n    },\n  })) as DeviceOverride<A>[]\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA,0BAAyB;AACzB,qBAAoC;AACpC,sBAAqB;AAmBd,MAAM,sBAAsB;AAAA,EACjC,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,QAAQ;AACV;AAIO,MAAM,sBAAmC;AAAA,EAC9C;AAAA,IACE,IAAI,oBAAoB;AAAA,IACxB,OAAO;AAAA,IACP,UAAU;AAAA,EACZ;AAAA,EACA;AAAA,IACE,IAAI,oBAAoB;AAAA,IACxB,OAAO;AAAA,IACP,UAAU;AAAA,IACV,UAAU;AAAA,IACV,eAAe;AAAA,EACjB;AAAA,EACA;AAAA,IACE,IAAI,oBAAoB;AAAA,IACxB,OAAO;AAAA,IACP,UAAU;AAAA,IACV,eAAe;AAAA,EACjB;AACF;AAEO,SAAS,gBAAgB,cAAc,qBAA4B;AACxE,SAAO;AACT;AAEO,SAAS,QAAQ,QAAe,gBAAgB,GAAG,QAAuB;AAC/E,UAAQ,OAAO,MAAM;AAAA,IACnB,KAAK,2BAAY,iBAAiB;AAChC,YAAM,cAAc,OAAO,QAAQ;AAEnC,UAAI,YAAY,WAAW;AAAG,cAAM,IAAI,MAAM,8BAA8B;AAE5E,aAAO;AAAA,IACT;AAAA,IAEA;AACE,aAAO;AAAA,EACX;AACF;AAIO,SAAS,sBAAsB,OAAsC;AAC1E,2BAAyB,KAAK;AAE9B,QAAM,SAAS,OAAO,QAAQ,KAAK,EAChC,IAAI,CAAC,CAAC,IAAI,KAAK,OAAO,EAAE,GAAG,OAAO,GAAG,EAAE,EACvC,KAAK,CAAC,GAAG,MAAM,EAAE,QAAQ,EAAE,KAAK;AAEnC,QAAM,cAAc,OAAO;AAAA,IACzB,CAAC,MAAM,MAAM,OAAO,UAAU;AAC5B,YAAM,EAAE,OAAO,UAAU,IAAI,MAAM,IAAI;AACvC,YAAM,OAAO,MAAM,QAAQ,CAAC;AAE5B,YAAM,aAAyB;AAAA,QAC7B;AAAA,QACA,GAAI,SAAS,EAAE,MAAM;AAAA,QACrB,GAAI,QAAQ,EAAE,UAAU,KAAK,QAAQ,EAAE;AAAA,QACvC,UAAU;AAAA,QACV,eAAe,YAAY;AAAA,MAC7B;AAEA,aAAO,CAAC,GAAG,MAAM,UAAU;AAAA,IAC7B;AAAA,IACA;AAAA,MACE,EAAE,IAAI,oBAAoB,SAAS,OAAO,WAAW,UAAU,OAAO,CAAC,EAAE,QAAQ,EAAE;AAAA,IACrF;AAAA,EACF;AAEA,SAAO;AACT;AAEA,SAAS,yBAAyB,OAAyB;AACzD,MAAI,oBAAoB,WAAW,OAAO;AACxC,UAAM,IAAI;AAAA,MACR,uCAAuC,oBAAoB,OAAO;AAAA,IACpE;AAAA,EACF;AAEA,MAAI,OAAO,KAAK,KAAK,EAAE,WAAW,GAAG;AACnC,UAAM,IAAI,MAAM,wEAAwE;AAAA,EAC1F;AAEA,QAAM,SAAS,OAAO,QAAQ,KAAK,EAChC,IAAI,CAAC,CAAC,IAAI,KAAK,OAAO,EAAE,GAAG,OAAO,GAAG,EAAE,EACvC,KAAK,CAAC,GAAG,MAAM,EAAE,QAAQ,EAAE,KAAK;AAEnC,SAAO,QAAQ,CAAC,EAAE,IAAI,OAAO,SAAS,GAAG,OAAO,UAAU;AAExD,QAAI,YAAY,WAAW,OAAO;AAChC,YAAM,IAAI;AAAA,QACR,wBAAwB,EAAE;AAAA,WACvB,EAAE,uBAAuB,QAAQ,qBAAqB,KAAK;AAAA,MAChE;AAAA,IACF;AAEA,UAAM,OAAO,MAAM,QAAQ,CAAC;AAE5B,QAAI,YAAY,QAAQ,WAAW,KAAK,OAAO;AAC7C,YAAM,IAAI;AAAA,QACR,wBAAwB,EAAE;AAAA,WACvB,EAAE,uBAAuB,QAAQ,+BAA+B,KAAK,EAAE,oBAAoB,KAAK,KAAK;AAAA,MAC1G;AAAA,IACF;AAEA,QAAI,QAAQ,UAAU,KAAK,OAAO;AAChC,YAAM,IAAI;AAAA,QACR,4CAA4C,EAAE,UAAU,KAAK,EAAE;AAAA,MACjE;AAAA,IACF;AAAA,EACF,CAAC;AACH;AAGA,SAAS,gBAAgB,aAAuC;AAC9D,SAAO,YAAY,KAAK,CAAC,GAAG,OAAO,GAAG,YAAY,MAAM,GAAG,YAAY,EAAE;AAC3E;AAEO,MAAM,gBAAgB,CAAC,OAAc,iBAA+C;AACzF,QAAM,aAAa,MAAM,KAAK,CAAC,EAAE,GAAG,MAAM,OAAO,YAAY;AAE7D,MAAI,cAAc;AAAM,UAAM,IAAI,MAAM,gCAAgC,YAAY,IAAI;AAExF,SAAO;AACT;AAEO,MAAM,oBAAoB,CAAC,gBAAyC;AACzE,QAAM,aAAa,gBAAgB,WAAW,EAAE,CAAC;AAEjD,MAAI,cAAc;AAAM,UAAM,IAAI,MAAM,6BAA6B;AAErE,SAAO;AACT;AAEO,SAAS,uBACd,aACA,SAA6B,CAAC,GAC9B,UACA,WAAgC,iBACD;AAC/B,QAAM,QAAQ,OAAO,KAAK,CAAC,EAAE,UAAU,EAAE,MAAM,MAAM,QAAQ;AAC7D,QAAM,YAAY,YACf,MAAM,GAAG,YAAY,UAAU,OAAK,EAAE,OAAO,QAAQ,IAAI,CAAC,EAC1D,QAAQ,EACR,IAAI,OAAK,OAAO,KAAK,OAAK,EAAE,aAAa,EAAE,EAAE,CAAC,EAC9C,OAAO,CAAC,aAA4C,QAAQ,QAAQ,CAAC;AAExE,SAAO,SAAS,QAAQ,UAAU,SAAS,IAAI,SAAS,OAAO,SAAS,IAAI;AAC9E;AAOA,SAAS,gBACP,OACA,WAC+B;AAC/B,SAAO,SAAS,UAAU,CAAC;AAC7B;AAEO,SAAS,sBACd,OACA,WAC+B;AAC/B,SAAO,CAAC,OAAO,GAAG,SAAS,EACxB,OAAO,CAAC,aAA4C,QAAQ,QAAQ,CAAC,EACrE,OAAO,CAAC,GAAG,OAAO;AAAA,IACjB,UAAU,EAAE,YAAY,EAAE;AAAA,IAC1B,WAAO,oBAAAA,SAAa,EAAE,OAAO,EAAE,KAAK;AAAA,EACtC,EAAE;AACN;AAEA,SAAS,gBAAgC,GAAM,GAAS;AACtD,MACE,OAAO,MAAM,YACb,MAAM,QACN,CAAC,MAAM,QAAQ,CAAC,KAChB,OAAO,MAAM,YACb,MAAM,QACN,CAAC,MAAM,QAAQ,CAAC,GAChB;AACA,eAAO,oBAAAA,SAAa,GAAG,CAAC;AAAA,EAC1B;AACA,aAAO,gBAAAC,SAAS,GAAG,CAAC;AACtB;AAEO,SAAS,yBACd,OACA,WAC+B;AAC/B,SAAO,CAAC,OAAO,GAAG,SAAS,EACxB,OAAO,CAAC,aAA4C,QAAQ,QAAQ,CAAC,EACrE,OAAO,CAAC,GAAG,OAAO;AAAA,IACjB,UAAU,EAAE,YAAY,EAAE;AAAA,IAC1B,OAAO,gBAAgB,EAAE,OAAO,EAAE,KAAK;AAAA,EACzC,EAAE;AACN;AAIO,SAAS,KACd,aACA,kBACA,QACA,UACoB;AACpB,SAAO,YACJ,IAAI,CAAC,EAAE,GAAG,MAAM,EAAE,EAClB,IAAI,cAAY;AACf,UAAM,QAAQ;AAAA,MACZ,iBAAiB,IAAI,qBAAmB;AACtC,cAAM,cACJ,mBACA,uBAAuB,aAAa,iBAAiB,UAAU,QAAQ;AAEzE,eAAO,eAAe,OAAO,SAAY,YAAY;AAAA,MACvD,CAAC;AAAA,IACH;AAEA,QAAI,SAAS;AAAM,aAAO;AAE1B,WAAO,EAAE,UAAU,MAAM;AAAA,EAC3B,CAAC,EACA,OAAO,CAAC,aAAuD,QAAQ,QAAQ,CAAC;AACrF;AAEO,MAAM,0BAA0B,CAAC,eAAmC;AACzE,QAAM,QAAQ,CAAC,oBAAoB;AAEnC,MAAI,WAAW,YAAY,MAAM;AAC/B,UAAM,KAAK,eAAe,WAAW,QAAQ,KAAK;AAAA,EACpD;AAEA,MAAI,WAAW,YAAY,MAAM;AAC/B,UAAM,KAAK,eAAe,WAAW,QAAQ,KAAK;AAAA,EACpD;AAEA,SAAO,MAAM,KAAK,OAAO;AAC3B;AAEO,MAAM,mBAAmB,CAC9B,OACA,aACiD;AACjD,QAAM,SAAS,cAAc,OAAO,QAAQ;AAE5C,SACE,UAAU;AAAA,IACR,OAAO,OAAO,iBAAiB,OAAO,OAAO,gBAAgB;AAAA,IAC7D,UAAU,OAAO;AAAA,EACnB;AAEJ;AAEO,SAAS,iBACd,aACA,OACA,UACA,gBACA,kBACmB;AACnB,QAAM,iBAAiB;AAAA,IACrB;AAAA,IACA,MAAM,OAAO,OAAK,EAAE,aAAa,cAAc;AAAA,IAC/C;AAAA,IACA;AAAA,EACF;AAEA,UAAQ,kBAAkB,cAAc,aAAa,eAAe,QAAQ,MAAM;AACpF;AAEO,MAAM,wBAAwB,CACnC,aACA,QACA,aACwB;AACxB,QAAM,UAAU;AAAA,IACd,GAAG,IAAI;AAAA,MACL,OAAO,IAAI,CAAC,EAAE,SAAS,MAAM,QAAQ,EAAE,OAAO,SAAS,IAAI,CAAC,EAAE,SAAS,MAAM,QAAQ,CAAC;AAAA,IACxF;AAAA,EACF;AAEA,SAAO,QAAQ,IAAI,eAAa;AAAA,IAC9B;AAAA,IACA,OAAO;AAAA,MACL,IAAI,uBAAuB,aAAa,QAAQ,QAAQ,KAAK,EAAE,OAAO,CAAC,EAAE,GAAG;AAAA,MAC5E,IAAI,uBAAuB,aAAa,UAAU,UAAU,OAAK,CAAC,KAAK,EAAE,OAAO,CAAC,EAAE,GAAG;AAAA,IACxF;AAAA,EACF,EAAE;AACJ;","names":["shallowMerge","coalesce"]}

package/dist/cjs/state/modules/builder-edit-mode.js

@@ -0,0 +1,49 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var builder_edit_mode_exports = {};
+__export(builder_edit_mode_exports, {
+  BuilderEditMode: () => BuilderEditMode,
+  getInitialState: () => getInitialState,
+  reducer: () => reducer
+});
+module.exports = __toCommonJS(builder_edit_mode_exports);
+var import_actions = require("../actions");
+const BuilderEditMode = {
+  BUILD: "build",
+  CONTENT: "content",
+  INTERACT: "interact"
+};
+function getInitialState() {
+  return null;
+}
+function reducer(state = getInitialState(), action) {
+  switch (action.type) {
+    case import_actions.ActionTypes.SET_BUILDER_EDIT_MODE:
+      return action.payload.editMode;
+    default:
+      return state;
+  }
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  BuilderEditMode,
+  getInitialState,
+  reducer
+});
+//# sourceMappingURL=builder-edit-mode.js.map

package/dist/cjs/state/modules/builder-edit-mode.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/state/modules/builder-edit-mode.ts"],"sourcesContent":["import { Action, ActionTypes } from '../actions'\n\nexport const BuilderEditMode = {\n  BUILD: 'build',\n  CONTENT: 'content',\n  INTERACT: 'interact',\n} as const\n\nexport type BuilderEditMode = typeof BuilderEditMode[keyof typeof BuilderEditMode]\n\nexport type State = BuilderEditMode | null\n\nexport function getInitialState(): State {\n  return null\n}\n\nexport function reducer(state: State = getInitialState(), action: Action): State {\n  switch (action.type) {\n    case ActionTypes.SET_BUILDER_EDIT_MODE:\n      return action.payload.editMode\n\n    default:\n      return state\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAAoC;AAE7B,MAAM,kBAAkB;AAAA,EAC7B,OAAO;AAAA,EACP,SAAS;AAAA,EACT,UAAU;AACZ;AAMO,SAAS,kBAAyB;AACvC,SAAO;AACT;AAEO,SAAS,QAAQ,QAAe,gBAAgB,GAAG,QAAuB;AAC/E,UAAQ,OAAO,MAAM;AAAA,IACnB,KAAK,2BAAY;AACf,aAAO,OAAO,QAAQ;AAAA,IAExB;AACE,aAAO;AAAA,EACX;AACF;","names":[]}