npm - @makeswift/runtime - Versions diffs - 0.28.10-canary.8 → 0.29.0-canary.19 - Mend

@makeswift/runtime 0.28.10-canary.8 → 0.29.0-canary.19

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (711) hide show

package/dist/cjs/runtimes/react/css-runtime/utils.js ADDED Viewed

@@ -0,0 +1,53 @@
+"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 utils_exports = {};
+__export(utils_exports, {
+  createMakeswiftStylesRegistry: () => createMakeswiftStylesRegistry,
+  generateClassName: () => generateClassName,
+  getControlledStylePrecedence: () => getControlledStylePrecedence,
+  styleTagHtml: () => styleTagHtml
+});
+module.exports = __toCommonJS(utils_exports);
+var import_murmurhash_js = require("murmurhash-js");
+var import_constants = require("./constants");
+var import_styles_registry = require("./styles-registry");
+function generateClassName({
+  data,
+  classNamePrefix
+}) {
+  const prefix = classNamePrefix ?? import_constants.DEFAULT_CSS_CLASS_NAME_PREFIX;
+  return `${prefix}-${(0, import_murmurhash_js.murmur3)(data).toString(36)}`;
+}
+function createMakeswiftStylesRegistry() {
+  return new import_styles_registry.StylesRegistry();
+}
+function styleTagHtml({ href, precedence, css }) {
+  return `<style data-href="${href}" data-precedence="${precedence ?? import_constants.DEFAULT_CSS_PRECEDENCE}">${css}</style>`;
+}
+function getControlledStylePrecedence(styleData) {
+  return styleData.className;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  createMakeswiftStylesRegistry,
+  generateClassName,
+  getControlledStylePrecedence,
+  styleTagHtml
+});
+//# sourceMappingURL=utils.js.map

package/dist/cjs/runtimes/react/css-runtime/utils.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["../../../../../src/runtimes/react/css-runtime/utils.ts"],"sourcesContent":["import { murmur3 } from 'murmurhash-js'\nimport { DEFAULT_CSS_CLASS_NAME_PREFIX, DEFAULT_CSS_PRECEDENCE } from './constants'\nimport { StylesRegistry } from './styles-registry'\nimport { MakeswiftStyle } from './components/makeswift-style'\nimport { ComponentProps } from 'react'\nimport { ControlledStyleData } from './types'\n\nexport function generateClassName({\n data,\n classNamePrefix,\n}: {\n data: string\n classNamePrefix?: string\n}): string {\n const prefix = classNamePrefix ?? DEFAULT_CSS_CLASS_NAME_PREFIX\n return `${prefix}-${murmur3(data).toString(36)}`\n}\n\nexport function createMakeswiftStylesRegistry(): StylesRegistry {\n return new StylesRegistry()\n}\n\n/**\n * Creates an html string of a style element in the format that React's hoisting mechanism\n * would create.\n *\n * If that format is not matched, then client-side React will not recognize\n * the `<style>` elements derived from the string returned below, and will hoist new\n * (duplicate) `<style>` elements during hydration.\n */\nexport function styleTagHtml({ href, precedence, css }: ComponentProps<typeof MakeswiftStyle>) {\n return `<style data-href=\"${href}\" data-precedence=\"${precedence ?? DEFAULT_CSS_PRECEDENCE}\">${css}</style>`\n}\n\nexport function getControlledStylePrecedence(styleData: ControlledStyleData): string {\n return styleData.className\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2BAAwB;AACxB,uBAAsE;AACtE,6BAA+B;AAKxB,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA;AACF,GAGW;AACT,QAAM,SAAS,mBAAmB;AAClC,SAAO,GAAG,MAAM,QAAI,8BAAQ,IAAI,EAAE,SAAS,EAAE,CAAC;AAChD;AAEO,SAAS,gCAAgD;AAC9D,SAAO,IAAI,sCAAe;AAC5B;AAUO,SAAS,aAAa,EAAE,MAAM,YAAY,IAAI,GAA0C;AAC7F,SAAO,qBAAqB,IAAI,sBAAsB,cAAc,uCAAsB,KAAK,GAAG;AACpG;AAEO,SAAS,6BAA6B,WAAwC;AACnF,SAAO,UAAU;AACnB;","names":[]}

package/dist/cjs/runtimes/react/hooks/use-resolved-props.js CHANGED Viewed

@@ -25,14 +25,16 @@ var import_react = require("react");
 var import_controls = require("@makeswift/controls");
 var import_use_resource_resolver = require("./use-resource-resolver");
 var import_prop_error_handling_proxy = require("../utils/prop-error-handling-proxy");
+var import_use_breakpoints = require("./use-breakpoints");
 var import_use_resolvable_record = require("./use-resolvable-record");
 function useResolvedProps({
   elementKey,
   propDefs,
   propData,
   controlInstances,
-  stylesheetFactory
+  getStylesheet
 }) {
+  const breakpoints = (0, import_use_breakpoints.useBreakpoints)();
   const resourceResolver = (0, import_use_resource_resolver.useResourceResolver)();
   const cache = (0, import_react.useRef)({}).current;
   const resolveProp = (0, import_react.useCallback)(
@@ -42,16 +44,16 @@ function useResolvedProps({
       if (cache[propName] != null && data === cache[propName].data && control === cache[propName].control) {
         return cache[propName].resolvedValue;
       }
-      const resolvedValue = def.resolveValue(
-        data,
-        resourceResolver,
-        stylesheetFactory.get(propName),
-        control
-      );
+      const stylesheet = getStylesheet({
+        breakpointsData: breakpoints,
+        elementKey,
+        propPathComponents: [propName]
+      });
+      const resolvedValue = def.resolveValue(data, resourceResolver, stylesheet, control);
       cache[propName] = { data, control, resolvedValue };
       return resolvedValue;
     },
-    [propData, cache, resourceResolver, controlInstances, stylesheetFactory]
+    [propData, cache, resourceResolver, controlInstances, breakpoints, elementKey, getStylesheet]
   );
   const resolvables = (0, import_react.useMemo)(
     () => (0, import_controls.mapValues)(propDefs, (def, propName) => {
@@ -72,7 +74,6 @@ function useResolvedProps({
     });
   }, [props, elementKey]);
   const resolvedProps = (0, import_react.useSyncExternalStore)(props.subscribe, props.readStable, props.readStable);
-  stylesheetFactory.useDefinedStyles();
   return resolvedProps;
 }
 // Annotate the CommonJS export names for ESM import in node:

package/dist/cjs/runtimes/react/hooks/use-resolved-props.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../src/runtimes/react/hooks/use-resolved-props.ts"],"sourcesContent":["import { useMemo, useEffect, useRef, useSyncExternalStore, useCallback } from 'react'\nimport {\n ControlDefinition,\n ControlInstance,\n mapValues,\n type Data,\n type Resolvable,\n} from '@makeswift/controls'\n\nimport { useResourceResolver } from './use-resource-resolver'\n\nimport { ~~type~~ ~~StylesheetFactory~~ } from '../~~stylesheet~~-~~factory~~'\nimport { ~~propErrorHandlingProxy~~ } from '~~../utils/prop~~-~~error-handling-proxy~~'\n\nimport { useResolvableRecord } from './use-resolvable-record'\n\ntype CacheItem = {\n data: Data\n control: ControlInstance \| undefined\n resolvedValue: Resolvable<unknown>\n}\n\n/*\n Client-side prop resolution. See `resolveProps` for server-side counterpart.\n */\nexport function useResolvedProps({\n elementKey,\n propDefs,\n propData,\n controlInstances,\n ~~stylesheetFactory~~,\n}: {\n elementKey: string\n propDefs: Record<string, ControlDefinition>\n propData: Record<string, Data>\n controlInstances: Record<string, ControlInstance> \| null\n ~~stylesheetFactory~~: ~~StylesheetFactory~~\n}): Record<string, unknown> {\n const resourceResolver = useResourceResolver()\n\n const cache = useRef<Record<string, CacheItem>>({}).current\n const resolveProp = useCallback(\n (def: ControlDefinition, propName: string) => {\n const data = propData[propName]\n const control = controlInstances?.[propName]\n\n if (\n cache[propName] != null &&\n data === cache[propName].data &&\n control === cache[propName].control\n ) {\n return cache[propName].resolvedValue\n }\n\n const ~~resolvedValue~~ = ~~def.resolveValue~~(\n ~~data~~,\n ~~resourceResolver~~,\n ~~stylesheetFactory.get(~~propName),\n ~~control,\~~n )\n\n cache[propName] = { data, control, resolvedValue }\n return resolvedValue\n },\n [propData, cache, resourceResolver, controlInstances, ~~stylesheetFactory~~],\n )\n\n const resolvables = useMemo<Record<string, Resolvable<unknown>>>(\n () =>\n mapValues(propDefs, (def, propName) => {\n const defaultValue = (def.config as any)?.defaultValue\n return propErrorHandlingProxy(resolveProp(def, propName), defaultValue, error => {\n console.warn(\n `Error reading value for prop \"${propName}\" of element ${elementKey}, falling back to \\`${defaultValue}\\`.`,\n { control: def, error },\n )\n })\n }),\n [propDefs, resolveProp, elementKey],\n )\n\n const props = useResolvableRecord(resolvables)\n\n // no need to call `triggerResolve` on the server, all the resources should already be in\n // the host API client's cache (populated from the snapshot's cache)\n useEffect(() => {\n props.triggerResolve().catch(err => {\n console.log(`Error while resolving props for element ${elementKey}`, err)\n })\n }, [props, elementKey])\n\n ~~// the order is important here, the styles are defined in the process of the props resolution,\n // calling `useDefinedStyles` before the props are resolved would effectively be a noop\n~~ const resolvedProps = useSyncExternalStore(props.subscribe, props.readStable, props.readStable)\n\n ~~stylesheetFactory.useDefinedStyles()\n\n~~ return resolvedProps\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA8E;AAC9E,sBAMO;AAEP,mCAAoC;~~AAGpC~~,uCAAuC;~~AAEvC~~,mCAAoC;~~AAW7B~~,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAM4B;AAC1B,QAAM,uBAAmB,kDAAoB;AAE7C,QAAM,YAAQ,qBAAkC,CAAC,CAAC,EAAE;AACpD,QAAM,kBAAc;AAAA,IAClB,CAAC,KAAwB,aAAqB;AAC5C,YAAM,OAAO,SAAS,QAAQ;AAC9B,YAAM,UAAU,mBAAmB,QAAQ;AAE3C,UACE,MAAM,QAAQ,KAAK,QACnB,SAAS,MAAM,QAAQ,EAAE,QACzB,YAAY,MAAM,QAAQ,EAAE,SAC5B;AACA,eAAO,MAAM,QAAQ,EAAE;AAAA,MACzB;AAEA,YAAM,~~gBAAgB~~,~~IAAI~~;AAAA,~~QACxB~~;AAAA,~~QACA~~;AAAA,QACA,~~kBAAkB~~,~~IAAI~~,QAAQ;AAAA,~~QAC9B~~;~~AAAA~~,~~MACF~~;~~AAEA~~,YAAM,QAAQ,IAAI,EAAE,MAAM,SAAS,cAAc;AACjD,aAAO;AAAA,IACT;AAAA,IACA,CAAC,UAAU,OAAO,kBAAkB,kBAAkB,~~iBAAiB~~;AAAA,~~EACzE~~;AAEA,QAAM,kBAAc;AAAA,IAClB,UACE,2BAAU,UAAU,CAAC,KAAK,aAAa;AACrC,YAAM,eAAgB,IAAI,QAAgB;AAC1C,iBAAO,yDAAuB,YAAY,KAAK,QAAQ,GAAG,cAAc,WAAS;AAC/E,gBAAQ;AAAA,UACN,iCAAiC,QAAQ,gBAAgB,UAAU,uBAAuB,YAAY;AAAA,UACtG,EAAE,SAAS,KAAK,MAAM;AAAA,QACxB;AAAA,MACF,CAAC;AAAA,IACH,CAAC;AAAA,IACH,CAAC,UAAU,aAAa,UAAU;AAAA,EACpC;AAEA,QAAM,YAAQ,kDAAoB,WAAW;AAI7C,8BAAU,MAAM;AACd,UAAM,eAAe,EAAE,MAAM,SAAO;AAClC,cAAQ,IAAI,2CAA2C,UAAU,IAAI,GAAG;AAAA,IAC1E,CAAC;AAAA,EACH,GAAG,CAAC,OAAO,UAAU,CAAC;~~AAItB~~,QAAM,oBAAgB,mCAAqB,MAAM,WAAW,MAAM,YAAY,MAAM,UAAU;AAE9F,~~oBAAkB,iBAAiB;AAEnC,~~SAAO;AACT;","names":[]}
1	+ {"version":3,"sources":["../../../../../src/runtimes/react/hooks/use-resolved-props.ts"],"sourcesContent":["import { useMemo, useEffect, useRef, useSyncExternalStore, useCallback } from 'react'\nimport {\n ControlDefinition,\n ControlInstance,\n mapValues,\n type Data,\n type Resolvable,\n} from '@makeswift/controls'\n\nimport { useResourceResolver } from './use-resource-resolver'\n\nimport { propErrorHandlingProxy } from '../utils/prop-error-handling-proxy'\nimport { useBreakpoints } from './use-breakpoints'\n\nimport { useResolvableRecord } from './use-resolvable-record'\nimport { GetStylesheet } from '../css-runtime/types'\n\ntype CacheItem = {\n data: Data\n control: ControlInstance \| undefined\n resolvedValue: Resolvable<unknown>\n}\n\n/*\n Client-side prop resolution. See `resolveProps` for server-side counterpart.\n */\nexport function useResolvedProps({\n elementKey,\n propDefs,\n propData,\n controlInstances,\n getStylesheet,\n}: {\n elementKey: string\n propDefs: Record<string, ControlDefinition>\n propData: Record<string, Data>\n controlInstances: Record<string, ControlInstance> \| null\n getStylesheet: GetStylesheet\n}): Record<string, unknown> {\n const breakpoints = useBreakpoints()\n const resourceResolver = useResourceResolver()\n\n const cache = useRef<Record<string, CacheItem>>({}).current\n const resolveProp = useCallback(\n (def: ControlDefinition, propName: string) => {\n const data = propData[propName]\n const control = controlInstances?.[propName]\n\n if (\n cache[propName] != null &&\n data === cache[propName].data &&\n control === cache[propName].control\n ) {\n return cache[propName].resolvedValue\n }\n\n const stylesheet = getStylesheet({\n breakpointsData: breakpoints,\n elementKey,\n propPathComponents: [propName],\n })\n\n const resolvedValue = def.resolveValue(data, resourceResolver, stylesheet, control)\n\n cache[propName] = { data, control, resolvedValue }\n return resolvedValue\n },\n [propData, cache, resourceResolver, controlInstances, breakpoints, elementKey, getStylesheet],\n )\n\n const resolvables = useMemo<Record<string, Resolvable<unknown>>>(\n () =>\n mapValues(propDefs, (def, propName) => {\n const defaultValue = (def.config as any)?.defaultValue\n return propErrorHandlingProxy(resolveProp(def, propName), defaultValue, error => {\n console.warn(\n `Error reading value for prop \"${propName}\" of element ${elementKey}, falling back to \\`${defaultValue}\\`.`,\n { control: def, error },\n )\n })\n }),\n [propDefs, resolveProp, elementKey],\n )\n\n const props = useResolvableRecord(resolvables)\n\n // no need to call `triggerResolve` on the server, all the resources should already be in\n // the host API client's cache (populated from the snapshot's cache)\n useEffect(() => {\n props.triggerResolve().catch(err => {\n console.log(`Error while resolving props for element ${elementKey}`, err)\n })\n }, [props, elementKey])\n\n const resolvedProps = useSyncExternalStore(props.subscribe, props.readStable, props.readStable)\n\n return resolvedProps\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA8E;AAC9E,sBAMO;AAEP,mCAAoC;AAEpC,uCAAuC;AACvC,6BAA+B;AAE/B,mCAAoC;AAY7B,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAM4B;AAC1B,QAAM,kBAAc,uCAAe;AACnC,QAAM,uBAAmB,kDAAoB;AAE7C,QAAM,YAAQ,qBAAkC,CAAC,CAAC,EAAE;AACpD,QAAM,kBAAc;AAAA,IAClB,CAAC,KAAwB,aAAqB;AAC5C,YAAM,OAAO,SAAS,QAAQ;AAC9B,YAAM,UAAU,mBAAmB,QAAQ;AAE3C,UACE,MAAM,QAAQ,KAAK,QACnB,SAAS,MAAM,QAAQ,EAAE,QACzB,YAAY,MAAM,QAAQ,EAAE,SAC5B;AACA,eAAO,MAAM,QAAQ,EAAE;AAAA,MACzB;AAEA,YAAM,aAAa,cAAc;AAAA,QAC/B,iBAAiB;AAAA,QACjB;AAAA,QACA,oBAAoB,CAAC,QAAQ;AAAA,MAC/B,CAAC;AAED,YAAM,gBAAgB,IAAI,aAAa,MAAM,kBAAkB,YAAY,OAAO;AAElF,YAAM,QAAQ,IAAI,EAAE,MAAM,SAAS,cAAc;AACjD,aAAO;AAAA,IACT;AAAA,IACA,CAAC,UAAU,OAAO,kBAAkB,kBAAkB,aAAa,YAAY,aAAa;AAAA,EAC9F;AAEA,QAAM,kBAAc;AAAA,IAClB,UACE,2BAAU,UAAU,CAAC,KAAK,aAAa;AACrC,YAAM,eAAgB,IAAI,QAAgB;AAC1C,iBAAO,yDAAuB,YAAY,KAAK,QAAQ,GAAG,cAAc,WAAS;AAC/E,gBAAQ;AAAA,UACN,iCAAiC,QAAQ,gBAAgB,UAAU,uBAAuB,YAAY;AAAA,UACtG,EAAE,SAAS,KAAK,MAAM;AAAA,QACxB;AAAA,MACF,CAAC;AAAA,IACH,CAAC;AAAA,IACH,CAAC,UAAU,aAAa,UAAU;AAAA,EACpC;AAEA,QAAM,YAAQ,kDAAoB,WAAW;AAI7C,8BAAU,MAAM;AACd,UAAM,eAAe,EAAE,MAAM,SAAO;AAClC,cAAQ,IAAI,2CAA2C,UAAU,IAAI,GAAG;AAAA,IAC1E,CAAC;AAAA,EACH,GAAG,CAAC,OAAO,UAAU,CAAC;AAEtB,QAAM,oBAAgB,mCAAqB,MAAM,WAAW,MAAM,YAAY,MAAM,UAAU;AAE9F,SAAO;AACT;","names":[]}

package/dist/cjs/runtimes/react/hooks/use-resolved-value.js CHANGED Viewed

@@ -24,13 +24,13 @@ module.exports = __toCommonJS(use_resolved_value_exports);
 var import_react = require("react");
 var import_use_resource_resolver = require("./use-resource-resolver");
 var import_prop_error_handling_proxy = require("../utils/prop-error-handling-proxy");
-function useResolvedValue(data, resolver, defaultValue) {
+function useResolvedValue(data, resolver, defaultValue, extraDeps = []) {
   const resourceResolver = (0, import_use_resource_resolver.useResourceResolver)();
   const resolvable = (0, import_react.useMemo)(() => {
     return (0, import_prop_error_handling_proxy.propErrorHandlingProxy)(resolver(data, resourceResolver), defaultValue, (error) => {
       console.warn(`Error resolving data, falling back to \`${defaultValue}\`.`, { error, data });
     });
-  }, [data, resourceResolver, defaultValue]);
+  }, [data, resourceResolver, defaultValue, ...extraDeps]);
   (0, import_react.useEffect)(() => {
     resolvable.triggerResolve();
   }, [resolvable]);

package/dist/cjs/runtimes/react/hooks/use-resolved-value.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../src/runtimes/react/hooks/use-resolved-value.ts"],"sourcesContent":["import { useMemo, useEffect, useSyncExternalStore } from 'react'\nimport { Resolvable, ResourceResolver } from '@makeswift/controls'\n\nimport { useResourceResolver } from './use-resource-resolver'\nimport { propErrorHandlingProxy } from '../utils/prop-error-handling-proxy'\n\nexport function useResolvedValue<D, T>(\n data: D,\n resolver: (data: D, resourceResolver: ResourceResolver) => Resolvable<T>,\n defaultValue?: T,\n): T \| undefined {\n const resourceResolver = useResourceResolver()\n const resolvable = useMemo(() => {\n return propErrorHandlingProxy(resolver(data, resourceResolver), defaultValue, error => {\n console.warn(`Error resolving data, falling back to \\`${defaultValue}\\`.`, { error, data })\n })\n }, [data, resourceResolver, defaultValue])\n\n useEffect(() => {\n resolvable.triggerResolve()\n }, [resolvable])\n\n return useSyncExternalStore(resolvable.subscribe, resolvable.readStable, resolvable.readStable)\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAyD;AAGzD,mCAAoC;AACpC,uCAAuC;AAEhC,SAAS,iBACd,MACA,UACA,~~cACe~~;AACf,QAAM,uBAAmB,kDAAoB;AAC7C,QAAM,iBAAa,sBAAQ,MAAM;AAC/B,eAAO,yDAAuB,SAAS,MAAM,gBAAgB,GAAG,cAAc,WAAS;AACrF,cAAQ,KAAK,2CAA2C,YAAY,OAAO,EAAE,OAAO,KAAK,CAAC;AAAA,IAC5F,CAAC;AAAA,EACH,GAAG,CAAC,MAAM,kBAAkB,~~YAAY~~,CAAC;~~AAEzC~~,8BAAU,MAAM;AACd,eAAW,eAAe;AAAA,EAC5B,GAAG,CAAC,UAAU,CAAC;AAEf,aAAO,mCAAqB,WAAW,WAAW,WAAW,YAAY,WAAW,UAAU;AAChG;","names":[]}
1	+ {"version":3,"sources":["../../../../../src/runtimes/react/hooks/use-resolved-value.ts"],"sourcesContent":["import { useMemo, useEffect, useSyncExternalStore } from 'react'\nimport { Resolvable, ResourceResolver } from '@makeswift/controls'\n\nimport { useResourceResolver } from './use-resource-resolver'\nimport { propErrorHandlingProxy } from '../utils/prop-error-handling-proxy'\n\nexport function useResolvedValue<D, T>(\n data: D,\n resolver: (data: D, resourceResolver: ResourceResolver) => Resolvable<T>,\n defaultValue?: T,\n extraDeps: readonly unknown[] = [],\n): T \| undefined {\n const resourceResolver = useResourceResolver()\n const resolvable = useMemo(() => {\n return propErrorHandlingProxy(resolver(data, resourceResolver), defaultValue, error => {\n console.warn(`Error resolving data, falling back to \\`${defaultValue}\\`.`, { error, data })\n })\n }, [data, resourceResolver, defaultValue, ...extraDeps])\n\n useEffect(() => {\n resolvable.triggerResolve()\n }, [resolvable])\n\n return useSyncExternalStore(resolvable.subscribe, resolvable.readStable, resolvable.readStable)\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAyD;AAGzD,mCAAoC;AACpC,uCAAuC;AAEhC,SAAS,iBACd,MACA,UACA,cACA,YAAgC,CAAC,GAClB;AACf,QAAM,uBAAmB,kDAAoB;AAC7C,QAAM,iBAAa,sBAAQ,MAAM;AAC/B,eAAO,yDAAuB,SAAS,MAAM,gBAAgB,GAAG,cAAc,WAAS;AACrF,cAAQ,KAAK,2CAA2C,YAAY,OAAO,EAAE,OAAO,KAAK,CAAC;AAAA,IAC5F,CAAC;AAAA,EACH,GAAG,CAAC,MAAM,kBAAkB,cAAc,GAAG,SAAS,CAAC;AAEvD,8BAAU,MAAM;AACd,eAAW,eAAe;AAAA,EAC5B,GAAG,CAAC,UAAU,CAAC;AAEf,aAAO,mCAAqB,WAAW,WAAW,WAAW,YAAY,WAAW,UAAU;AAChG;","names":[]}

package/dist/cjs/runtimes/react/legacy-controls.js CHANGED Viewed

@@ -25,7 +25,6 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var import_hooks = require("../../components/hooks");
 var import_responsive_style = require("../../components/utils/responsive-style");
 var import_components = require("./components");
-var import_use_style = require("./use-style");
 var import_prop_controllers = require("@makeswift/prop-controllers");
 var import_useResponsiveLengthPropControllerData = require("../../components/hooks/useResponsiveLengthPropControllerData");
 var import_useNumberPropControllerData = require("../../components/hooks/useNumberPropControllerData");
@@ -42,31 +41,44 @@ var import_useImagePropControllerData = require("../../components/hooks/useImage
 var import_useImagesPropControllerData = require("../../components/hooks/useImagesPropControllerData");
 var import_useBackgroundsPropControllerData = require("../../components/hooks/useBackgroundsPropControllerData");
 var import_useTextInputPropControllerData = require("../../components/hooks/useTextInputPropControllerData");
-function useWidthStyle(data, descriptor) {
+var import_use_legacy_controlled_style = require("./css-runtime/hooks/use-legacy-controlled-style");
+function useWidthStyle(elementKey, propName, data, descriptor) {
   const value = (0, import_prop_controllers.getWidthPropControllerDataResponsiveLengthData)(data);
-  return (0, import_use_style.useStyle)((0, import_responsive_style.useResponsiveWidth)(value, descriptor.options.defaultValue));
+  return (0, import_use_legacy_controlled_style.useLegacyControlledStyle)(
+    (0, import_responsive_style.useResponsiveWidth)(value, descriptor.options.defaultValue),
+    elementKey,
+    propName
+  );
 }
-function usePaddingStyle(data) {
+function usePaddingStyle(elementKey, propName, data) {
   const value = (0, import_prop_controllers.getPaddingPropControllerDataResponsivePaddingData)(data);
-  return (0, import_use_style.useStyle)((0, import_responsive_style.useResponsivePadding)(value));
+  return (0, import_use_legacy_controlled_style.useLegacyControlledStyle)((0, import_responsive_style.useResponsivePadding)(value), elementKey, propName);
 }
-function useMarginStyle(data) {
+function useMarginStyle(elementKey, propName, data) {
   const value = (0, import_prop_controllers.getMarginPropControllerDataResponsiveMarginData)(data);
-  return (0, import_use_style.useStyle)((0, import_responsive_style.useResponsiveMargin)(value));
+  return (0, import_use_legacy_controlled_style.useLegacyControlledStyle)((0, import_responsive_style.useResponsiveMargin)(value), elementKey, propName);
 }
-function useBorderRadiusStyle(data) {
+function useBorderRadiusStyle(elementKey, propName, data) {
   const value = (0, import_prop_controllers.getBorderRadiusPropControllerDataResponsiveBorderRadiusData)(data);
-  return (0, import_use_style.useStyle)((0, import_responsive_style.useResponsiveBorderRadius)(value));
+  return (0, import_use_legacy_controlled_style.useLegacyControlledStyle)((0, import_responsive_style.useResponsiveBorderRadius)(value), elementKey, propName);
 }
-function useShadowsStyle(data) {
-  return (0, import_use_style.useStyle)((0, import_responsive_style.useResponsiveShadow)((0, import_hooks.useBoxShadow)(data) ?? void 0));
+function useShadowsStyle(elementKey, propName, data) {
+  return (0, import_use_legacy_controlled_style.useLegacyControlledStyle)(
+    (0, import_responsive_style.useResponsiveShadow)((0, import_hooks.useBoxShadow)(data) ?? void 0),
+    elementKey,
+    propName
+  );
 }
-function useBorderStyle(data) {
+function useBorderStyle(elementKey, propName, data) {
   const value = (0, import_prop_controllers.getBorderPropControllerDataResponsiveBorderData)(data);
   const borderData = (0, import_hooks.useBorder)(value);
-  return (0, import_use_style.useStyle)((0, import_responsive_style.useResponsiveBorder)(borderData ?? void 0));
+  return (0, import_use_legacy_controlled_style.useLegacyControlledStyle)(
+    (0, import_responsive_style.useResponsiveBorder)(borderData ?? void 0),
+    elementKey,
+    propName
+  );
 }
-function resolveLegacyDescriptorProp(descriptor, propName, propData, props, renderFn) {
+function resolveLegacyDescriptorProp(descriptor, propName, elementKey, propData, props, renderFn) {
   switch (descriptor.type) {
     case import_prop_controllers.Types.Width:
       switch (descriptor.options.format) {
@@ -75,8 +87,11 @@ function resolveLegacyDescriptorProp(descriptor, propName, propData, props, rend
             import_components.RenderHook,
             {
               hook: useWidthStyle,
-              parameters: [propData, descriptor],
-              children: (value) => renderFn({ ...props, [propName]: value })
+              parameters: [elementKey, propName, propData, descriptor],
+              children: ({ className, styleElement }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+                styleElement,
+                renderFn({ ...props, [propName]: className })
+              ] })
             },
             descriptor.type
           );
@@ -90,7 +105,18 @@ function resolveLegacyDescriptorProp(descriptor, propName, propData, props, rend
     case import_prop_controllers.Types.Padding:
       switch (descriptor.options.format) {
         case import_prop_controllers.PaddingPropControllerFormat.ClassName:
-          return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.RenderHook, { hook: usePaddingStyle, parameters: [propData], children: (value) => renderFn({ ...props, [propName]: value }) }, descriptor.type);
+          return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_components.RenderHook,
+            {
+              hook: usePaddingStyle,
+              parameters: [elementKey, propName, propData],
+              children: ({ className, styleElement }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+                styleElement,
+                renderFn({ ...props, [propName]: className })
+              ] })
+            },
+            descriptor.type
+          );
         case import_prop_controllers.PaddingPropControllerFormat.ResponsiveValue:
         default:
           return renderFn({
@@ -101,7 +127,18 @@ function resolveLegacyDescriptorProp(descriptor, propName, propData, props, rend
     case import_prop_controllers.Types.Margin:
       switch (descriptor.options.format) {
         case import_prop_controllers.MarginPropControllerFormat.ClassName:
-          return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.RenderHook, { hook: useMarginStyle, parameters: [propData], children: (value) => renderFn({ ...props, [propName]: value }) }, descriptor.type);
+          return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_components.RenderHook,
+            {
+              hook: useMarginStyle,
+              parameters: [elementKey, propName, propData],
+              children: ({ className, styleElement }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+                styleElement,
+                renderFn({ ...props, [propName]: className })
+              ] })
+            },
+            descriptor.type
+          );
         case import_prop_controllers.MarginPropControllerFormat.ResponsiveValue:
         default:
           return renderFn({
@@ -112,7 +149,18 @@ function resolveLegacyDescriptorProp(descriptor, propName, propData, props, rend
     case import_prop_controllers.Types.BorderRadius:
       switch (descriptor.options.format) {
         case import_prop_controllers.BorderRadiusPropControllerFormat.ClassName:
-          return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.RenderHook, { hook: useBorderRadiusStyle, parameters: [propData], children: (value) => renderFn({ ...props, [propName]: value }) }, descriptor.type);
+          return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_components.RenderHook,
+            {
+              hook: useBorderRadiusStyle,
+              parameters: [elementKey, propName, propData],
+              children: ({ className, styleElement }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+                styleElement,
+                renderFn({ ...props, [propName]: className })
+              ] })
+            },
+            descriptor.type
+          );
         case import_prop_controllers.BorderRadiusPropControllerFormat.ResponsiveValue:
         default:
           return renderFn({
@@ -205,7 +253,18 @@ function resolveLegacyDescriptorProp(descriptor, propName, propData, props, rend
     case import_prop_controllers.Types.Shadows:
       switch (descriptor.options.format) {
         case import_prop_controllers.Shadows.Format.ClassName:
-          return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.RenderHook, { hook: useShadowsStyle, parameters: [propData], children: (value) => renderFn({ ...props, [propName]: value }) }, descriptor.type);
+          return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_components.RenderHook,
+            {
+              hook: useShadowsStyle,
+              parameters: [elementKey, propName, propData],
+              children: ({ className, styleElement }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+                styleElement,
+                renderFn({ ...props, [propName]: className })
+              ] })
+            },
+            descriptor.type
+          );
         case import_prop_controllers.Shadows.Format.ResponsiveValue:
         default:
           return renderFn({
@@ -216,7 +275,18 @@ function resolveLegacyDescriptorProp(descriptor, propName, propData, props, rend
     case import_prop_controllers.Types.Border:
       switch (descriptor.options.format) {
         case import_prop_controllers.BorderPropControllerFormat.ClassName:
-          return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.RenderHook, { hook: useBorderStyle, parameters: [propData], children: (value) => renderFn({ ...props, [propName]: value }) }, descriptor.type);
+          return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_components.RenderHook,
+            {
+              hook: useBorderStyle,
+              parameters: [elementKey, propName, propData],
+              children: ({ className, styleElement }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+                styleElement,
+                renderFn({ ...props, [propName]: className })
+              ] })
+            },
+            descriptor.type
+          );
         case import_prop_controllers.BorderPropControllerFormat.ResponsiveValue:
         default:
           return renderFn({

package/dist/cjs/runtimes/react/legacy-controls.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/runtimes/react/legacy-controls.tsx"],"sourcesContent":["import { ReactNode } from 'react'\nimport {\n useBoxShadow,\n useBorder as useBorderData,\n useLinkPropControllerData,\n useCheckboxPropControllerData,\n useDatePropControllerData,\n useFontPropControllerData,\n useVideoPropControllerData,\n useTablePropControllerData,\n} from '../../components/hooks'\nimport type { ColorValue } from '../../components/utils/types'\nimport {\n useResponsiveBorder,\n useResponsiveBorderRadius,\n useResponsiveMargin,\n useResponsivePadding,\n useResponsiveShadow,\n useResponsiveWidth,\n} from '../../components/utils/responsive-style'\n\nimport { RenderHook } from './components'\nimport { useStyle } from './use-style'\n\nimport {\n Types as PropControllerTypes,\n getShadowsPropControllerDataResponsiveShadowsData,\n ShadowsPropControllerData,\n Shadows,\n ResponsiveValue,\n BorderPropControllerFormat,\n ResponsiveBorderData,\n BorderPropControllerData,\n getBorderPropControllerDataResponsiveBorderData,\n getBorderRadiusPropControllerDataResponsiveBorderRadiusData,\n BorderRadiusPropControllerData,\n BorderRadiusPropControllerFormat,\n MarginPropControllerFormat,\n MarginPropControllerData,\n getMarginPropControllerDataResponsiveMarginData,\n PaddingPropControllerData,\n getPaddingPropControllerDataResponsivePaddingData,\n PaddingPropControllerFormat,\n WidthPropControllerData,\n getWidthPropControllerDataResponsiveLengthData,\n WidthPropControllerFormat,\n WidthDescriptor,\n GapX,\n ResponsiveNumber,\n ResponsiveIconRadioGroup,\n ResponsiveSelect,\n ResponsiveOpacity,\n getSocialLinksPropControllerDataSocialLinksData,\n} from '@makeswift/prop-controllers'\n\nimport { LegacyDescriptor } from '../../prop-controllers/descriptors'\nimport { useResponsiveLengthPropControllerData } from '../../components/hooks/useResponsiveLengthPropControllerData'\nimport { useNumberPropControllerData } from '../../components/hooks/useNumberPropControllerData'\nimport { useResponsiveColorPropControllerData } from '../../components/hooks/useResponsiveColorPropControllerData'\nimport { useTextStylePropControllerData } from '../../components/hooks/useTextStylePropControllerData'\nimport { useNavigationLinksPropControllerData } from '../../components/hooks/useNavigationLinksPropControllerData'\nimport { useTextAreaPropControllerData } from '../../components/hooks/useTextAreaPropControllerData'\nimport { usePropValue } from '../../components/hooks/usePropValue'\nimport { useGapYPropControllerData } from '../../components/hooks/useGapYPropControllerData'\nimport { useElementIDPropControllerData } from '../../components/hooks/useElementIDPropControllerData'\nimport { useTableFormFieldsPropControllerData } from '../../components/hooks/useTableFormFieldsPropControllerData'\nimport { useGridPropControllerData } from '../../components/hooks/useGridPropControllerData'\nimport { useImagePropControllerData } from '../../components/hooks/useImagePropControllerData'\nimport { useImagesPropControllerData } from '../../components/hooks/useImagesPropControllerData'\nimport { useBackgroundsPropControllerData } from '../../components/hooks/useBackgroundsPropControllerData'\nimport { useTextInputPropControllerData } from '../../components/hooks/useTextInputPropControllerData'\n\nexport type ResponsiveColor = ResponsiveValue<ColorValue>\n\nfunction useWidthStyle(\n data: WidthPropControllerData \| undefined,\n descriptor: WidthDescriptor,\n): string {\n const value = getWidthPropControllerDataResponsiveLengthData(data)\n\n return useStyle(useResponsiveWidth(value, descriptor.options.defaultValue))\n}\n\nfunction usePaddingStyle(data: PaddingPropControllerData \| undefined): string {\n const value = getPaddingPropControllerDataResponsivePaddingData(data)\n\n return useStyle(useResponsivePadding(value))\n}\n\nfunction useMarginStyle(data: MarginPropControllerData \| undefined): string {\n const value = getMarginPropControllerDataResponsiveMarginData(data)\n\n return useStyle(useResponsiveMargin(value))\n}\n\nfunction useBorderRadiusStyle(data: BorderRadiusPropControllerData \| undefined): string {\n const value = getBorderRadiusPropControllerDataResponsiveBorderRadiusData(data)\n\n return useStyle(useResponsiveBorderRadius(value))\n}\n\nfunction useShadowsStyle(data: ShadowsPropControllerData \| undefined): string {\n return useStyle(useResponsiveShadow(useBoxShadow(data) ?? undefined))\n}\n\nfunction useBorderStyle(\n data: BorderPropControllerData \| undefined,\n): string \| ResponsiveBorderData \| undefined {\n const value = getBorderPropControllerDataResponsiveBorderData(data)\n const borderData = useBorderData(value)\n\n return useStyle(useResponsiveBorder(borderData ?? undefined))\n}\n\nexport function resolveLegacyDescriptorProp(\n descriptor: LegacyDescriptor,\n propName: string,\n propData: any,\n props: Record<string, any>,\n renderFn: (props: Record<string, unknown>) => ReactNode,\n) {\n switch (descriptor.type) {\n case PropControllerTypes.Width:\n switch (descriptor.options.format) {\n case WidthPropControllerFormat.ClassName:\n return (\n <RenderHook\n key={descriptor.type}\n hook={useWidthStyle}\n parameters={[propData, descriptor]}\n >\n {value => renderFn({ ...props, [propName]: value })}\n </RenderHook>\n )\n\n case WidthPropControllerFormat.ResponsiveValue:\n default:\n return renderFn({\n ...props,\n [propName]: getWidthPropControllerDataResponsiveLengthData(propData),\n })\n }\n\n case PropControllerTypes.Padding:\n switch (descriptor.options.format) {\n case PaddingPropControllerFormat.ClassName:\n return (\n <RenderHook key={descriptor.type} hook={usePaddingStyle} parameters={[propData]}>\n {value => renderFn({ ...props, [propName]: value })}\n </RenderHook>\n )\n\n case PaddingPropControllerFormat.ResponsiveValue:\n default:\n return renderFn({\n ...props,\n [propName]: getPaddingPropControllerDataResponsivePaddingData(propData),\n })\n }\n\n case PropControllerTypes.Margin:\n switch (descriptor.options.format) {\n case MarginPropControllerFormat.ClassName:\n return (\n <RenderHook key={descriptor.type} hook={useMarginStyle} parameters={[propData]}>\n {value => renderFn({ ...props, [propName]: value })}\n </RenderHook>\n )\n\n case MarginPropControllerFormat.ResponsiveValue:\n default:\n return renderFn({\n ...props,\n [propName]: getMarginPropControllerDataResponsiveMarginData(propData),\n })\n }\n\n case PropControllerTypes.BorderRadius:\n switch (descriptor.options.format) {\n case BorderRadiusPropControllerFormat.ClassName:\n return (\n <RenderHook key={descriptor.type} hook={useBorderRadiusStyle} parameters={[propData]}>\n {value => renderFn({ ...props, [propName]: value })}\n </RenderHook>\n )\n\n case BorderRadiusPropControllerFormat.ResponsiveValue:\n default:\n return renderFn({\n ...props,\n [propName]: getBorderRadiusPropControllerDataResponsiveBorderRadiusData(propData),\n })\n }\n\n case PropControllerTypes.Backgrounds:\n return (\n <RenderHook\n key={descriptor.type}\n hook={useBackgroundsPropControllerData}\n parameters={[propData]}\n >\n {value => renderFn({ ...props, [propName]: value })}\n </RenderHook>\n )\n\n case PropControllerTypes.Image:\n return (\n <RenderHook key={descriptor.type} hook={useImagePropControllerData} parameters={[propData]}>\n {value => renderFn({ ...props, [propName]: value })}\n </RenderHook>\n )\n\n case PropControllerTypes.Images:\n return (\n <RenderHook\n key={descriptor.type}\n hook={useImagesPropControllerData}\n parameters={[propData]}\n >\n {value => renderFn({ ...props, [propName]: value })}\n </RenderHook>\n )\n\n case PropControllerTypes.Number:\n return (\n <RenderHook\n key={descriptor.type}\n hook={useNumberPropControllerData}\n parameters={[propData]}\n >\n {value => renderFn({ ...props, [propName]: value })}\n </RenderHook>\n )\n\n case PropControllerTypes.ResponsiveNumber:\n return (\n <RenderHook\n key={descriptor.type}\n hook={data => usePropValue(ResponsiveNumber, data)}\n parameters={[propData]}\n >\n {value => renderFn({ ...props, [propName]: value })}\n </RenderHook>\n )\n\n case PropControllerTypes.ResponsiveIconRadioGroup:\n return (\n <RenderHook\n key={descriptor.type}\n hook={data => usePropValue(ResponsiveIconRadioGroup, data)}\n parameters={[propData]}\n >\n {value => renderFn({ ...props, [propName]: value })}\n </RenderHook>\n )\n\n case PropControllerTypes.ResponsiveSelect:\n return (\n <RenderHook\n key={descriptor.type}\n hook={data => usePropValue(ResponsiveSelect, data)}\n parameters={[propData]}\n >\n {value => renderFn({ ...props, [propName]: value })}\n </RenderHook>\n )\n\n case PropControllerTypes.ResponsiveOpacity:\n return (\n <RenderHook\n key={descriptor.type}\n hook={data => usePropValue(ResponsiveOpacity, data)}\n parameters={[propData]}\n >\n {value => renderFn({ ...props, [propName]: value })}\n </RenderHook>\n )\n\n case PropControllerTypes.ResponsiveLength:\n return (\n <RenderHook\n key={descriptor.type}\n hook={useResponsiveLengthPropControllerData}\n parameters={[propData]}\n >\n {value => renderFn({ ...props, [propName]: value })}\n </RenderHook>\n )\n\n case PropControllerTypes.Shadows:\n switch (descriptor.options.format) {\n case Shadows.Format.ClassName:\n return (\n <RenderHook key={descriptor.type} hook={useShadowsStyle} parameters={[propData]}>\n {value => renderFn({ ...props, [propName]: value })}\n </RenderHook>\n )\n\n case Shadows.Format.ResponsiveValue:\n default:\n return renderFn({\n ...props,\n [propName]: getShadowsPropControllerDataResponsiveShadowsData(propData),\n })\n }\n\n case PropControllerTypes.Border:\n switch (descriptor.options.format) {\n case BorderPropControllerFormat.ClassName:\n return (\n <RenderHook key={descriptor.type} hook={useBorderStyle} parameters={[propData]}>\n {value => renderFn({ ...props, [propName]: value })}\n </RenderHook>\n )\n\n case BorderPropControllerFormat.ResponsiveValue:\n default:\n return renderFn({\n ...props,\n [propName]: getBorderPropControllerDataResponsiveBorderData(propData),\n })\n }\n\n case PropControllerTypes.ResponsiveColor:\n return (\n <RenderHook\n key={descriptor.type}\n hook={useResponsiveColorPropControllerData}\n parameters={[propData]}\n >\n {value => renderFn({ ...props, [propName]: value })}\n </RenderHook>\n )\n\n case PropControllerTypes.Link:\n return (\n <RenderHook key={descriptor.type} hook={useLinkPropControllerData} parameters={[propData]}>\n {value => renderFn({ ...props, [propName]: value })}\n </RenderHook>\n )\n\n case PropControllerTypes.Checkbox:\n return (\n <RenderHook\n key={descriptor.type}\n hook={useCheckboxPropControllerData}\n parameters={[propData]}\n >\n {value => renderFn({ ...props, [propName]: value })}\n </RenderHook>\n )\n\n case PropControllerTypes.Date:\n return (\n <RenderHook key={descriptor.type} hook={useDatePropControllerData} parameters={[propData]}>\n {value => renderFn({ ...props, [propName]: value })}\n </RenderHook>\n )\n\n case PropControllerTypes.Font:\n return (\n <RenderHook key={descriptor.type} hook={useFontPropControllerData} parameters={[propData]}>\n {value => renderFn({ ...props, [propName]: value })}\n </RenderHook>\n )\n\n case PropControllerTypes.Video:\n return (\n <RenderHook key={descriptor.type} hook={useVideoPropControllerData} parameters={[propData]}>\n {value => renderFn({ ...props, [propName]: value })}\n </RenderHook>\n )\n\n case PropControllerTypes.Table:\n return (\n <RenderHook key={descriptor.type} hook={useTablePropControllerData} parameters={[propData]}>\n {value => renderFn({ ...props, [propName]: value })}\n </RenderHook>\n )\n\n case PropControllerTypes.TextStyle:\n return (\n <RenderHook\n key={descriptor.type}\n hook={useTextStylePropControllerData}\n parameters={[propData]}\n >\n {value => renderFn({ ...props, [propName]: value })}\n </RenderHook>\n )\n\n case PropControllerTypes.NavigationLinks:\n return (\n <RenderHook\n key={descriptor.type}\n hook={useNavigationLinksPropControllerData}\n parameters={[propData]}\n >\n {value => renderFn({ ...props, [propName]: value })}\n </RenderHook>\n )\n\n case PropControllerTypes.TextInput:\n return (\n <RenderHook\n key={descriptor.type}\n hook={useTextInputPropControllerData}\n parameters={[propData]}\n >\n {value => renderFn({ ...props, [propName]: value })}\n </RenderHook>\n )\n\n case PropControllerTypes.TextArea:\n return (\n <RenderHook\n key={descriptor.type}\n hook={useTextAreaPropControllerData}\n parameters={[propData]}\n >\n {value => renderFn({ ...props, [propName]: value })}\n </RenderHook>\n )\n\n case PropControllerTypes.GapX:\n return (\n <RenderHook\n key={descriptor.type}\n hook={data => usePropValue(GapX, data)}\n parameters={[propData]}\n >\n {value => renderFn({ ...props, [propName]: value })}\n </RenderHook>\n )\n\n case PropControllerTypes.GapY:\n return (\n <RenderHook key={descriptor.type} hook={useGapYPropControllerData} parameters={[propData]}>\n {value => renderFn({ ...props, [propName]: value })}\n </RenderHook>\n )\n\n case PropControllerTypes.ElementID:\n return (\n <RenderHook\n key={descriptor.type}\n hook={useElementIDPropControllerData}\n parameters={[propData]}\n >\n {value => renderFn({ ...props, [propName]: value })}\n </RenderHook>\n )\n\n case PropControllerTypes.TableFormFields:\n return (\n <RenderHook\n key={descriptor.type}\n hook={useTableFormFieldsPropControllerData}\n parameters={[propData]}\n >\n {value => renderFn({ ...props, [propName]: value })}\n </RenderHook>\n )\n\n case PropControllerTypes.SocialLinks:\n return renderFn({\n ...props,\n [propName]: getSocialLinksPropControllerDataSocialLinksData(propData),\n })\n\n case PropControllerTypes.Grid:\n return (\n <RenderHook key={descriptor.type} hook={useGridPropControllerData} parameters={[propData]}>\n {value => renderFn({ ...props, [propName]: value })}\n </RenderHook>\n )\n\n default:\n return renderFn({ ...props, [propName]: propData })\n }\n}\n"],"mappings":"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","names":["useBorderData","PropControllerTypes"]}
1	+ {"version":3,"sources":["../../../../src/runtimes/react/legacy-controls.tsx"],"sourcesContent":["import { ReactNode } from 'react'\nimport {\n useBoxShadow,\n useBorder as useBorderData,\n useLinkPropControllerData,\n useCheckboxPropControllerData,\n useDatePropControllerData,\n useFontPropControllerData,\n useVideoPropControllerData,\n useTablePropControllerData,\n} from '../../components/hooks'\nimport type { ColorValue } from '../../components/utils/types'\nimport {\n useResponsiveBorder,\n useResponsiveBorderRadius,\n useResponsiveMargin,\n useResponsivePadding,\n useResponsiveShadow,\n useResponsiveWidth,\n} from '../../components/utils/responsive-style'\n\nimport { RenderHook } from './components'\n\nimport {\n Types as PropControllerTypes,\n getShadowsPropControllerDataResponsiveShadowsData,\n ShadowsPropControllerData,\n Shadows,\n ResponsiveValue,\n BorderPropControllerFormat,\n BorderPropControllerData,\n getBorderPropControllerDataResponsiveBorderData,\n getBorderRadiusPropControllerDataResponsiveBorderRadiusData,\n BorderRadiusPropControllerData,\n BorderRadiusPropControllerFormat,\n MarginPropControllerFormat,\n MarginPropControllerData,\n getMarginPropControllerDataResponsiveMarginData,\n PaddingPropControllerData,\n getPaddingPropControllerDataResponsivePaddingData,\n PaddingPropControllerFormat,\n WidthPropControllerData,\n getWidthPropControllerDataResponsiveLengthData,\n WidthPropControllerFormat,\n WidthDescriptor,\n GapX,\n ResponsiveNumber,\n ResponsiveIconRadioGroup,\n ResponsiveSelect,\n ResponsiveOpacity,\n getSocialLinksPropControllerDataSocialLinksData,\n} from '@makeswift/prop-controllers'\n\nimport { LegacyDescriptor } from '../../prop-controllers/descriptors'\nimport { useResponsiveLengthPropControllerData } from '../../components/hooks/useResponsiveLengthPropControllerData'\nimport { useNumberPropControllerData } from '../../components/hooks/useNumberPropControllerData'\nimport { useResponsiveColorPropControllerData } from '../../components/hooks/useResponsiveColorPropControllerData'\nimport { useTextStylePropControllerData } from '../../components/hooks/useTextStylePropControllerData'\nimport { useNavigationLinksPropControllerData } from '../../components/hooks/useNavigationLinksPropControllerData'\nimport { useTextAreaPropControllerData } from '../../components/hooks/useTextAreaPropControllerData'\nimport { usePropValue } from '../../components/hooks/usePropValue'\nimport { useGapYPropControllerData } from '../../components/hooks/useGapYPropControllerData'\nimport { useElementIDPropControllerData } from '../../components/hooks/useElementIDPropControllerData'\nimport { useTableFormFieldsPropControllerData } from '../../components/hooks/useTableFormFieldsPropControllerData'\nimport { useGridPropControllerData } from '../../components/hooks/useGridPropControllerData'\nimport { useImagePropControllerData } from '../../components/hooks/useImagePropControllerData'\nimport { useImagesPropControllerData } from '../../components/hooks/useImagesPropControllerData'\nimport { useBackgroundsPropControllerData } from '../../components/hooks/useBackgroundsPropControllerData'\nimport { useTextInputPropControllerData } from '../../components/hooks/useTextInputPropControllerData'\nimport { useLegacyControlledStyle } from './css-runtime/hooks/use-legacy-controlled-style'\n\nexport type ResponsiveColor = ResponsiveValue<ColorValue>\n\nfunction useWidthStyle(\n elementKey: string,\n propName: string,\n data: WidthPropControllerData \| undefined,\n descriptor: WidthDescriptor,\n): { className: string; styleElement: ReactNode } {\n const value = getWidthPropControllerDataResponsiveLengthData(data)\n\n return useLegacyControlledStyle(\n useResponsiveWidth(value, descriptor.options.defaultValue),\n elementKey,\n propName,\n )\n}\n\nfunction usePaddingStyle(\n elementKey: string,\n propName: string,\n data: PaddingPropControllerData \| undefined,\n): { className: string; styleElement: ReactNode } {\n const value = getPaddingPropControllerDataResponsivePaddingData(data)\n\n return useLegacyControlledStyle(useResponsivePadding(value), elementKey, propName)\n}\n\nfunction useMarginStyle(\n elementKey: string,\n propName: string,\n data: MarginPropControllerData \| undefined,\n): { className: string; styleElement: ReactNode } {\n const value = getMarginPropControllerDataResponsiveMarginData(data)\n\n return useLegacyControlledStyle(useResponsiveMargin(value), elementKey, propName)\n}\n\nfunction useBorderRadiusStyle(\n elementKey: string,\n propName: string,\n data: BorderRadiusPropControllerData \| undefined,\n): { className: string; styleElement: ReactNode } {\n const value = getBorderRadiusPropControllerDataResponsiveBorderRadiusData(data)\n\n return useLegacyControlledStyle(useResponsiveBorderRadius(value), elementKey, propName)\n}\n\nfunction useShadowsStyle(\n elementKey: string,\n propName: string,\n data: ShadowsPropControllerData \| undefined,\n): { className: string; styleElement: ReactNode } {\n return useLegacyControlledStyle(\n useResponsiveShadow(useBoxShadow(data) ?? undefined),\n elementKey,\n propName,\n )\n}\n\nfunction useBorderStyle(\n elementKey: string,\n propName: string,\n data: BorderPropControllerData \| undefined,\n): { className: string; styleElement: ReactNode } {\n const value = getBorderPropControllerDataResponsiveBorderData(data)\n const borderData = useBorderData(value)\n\n return useLegacyControlledStyle(\n useResponsiveBorder(borderData ?? undefined),\n elementKey,\n propName,\n )\n}\n\nexport function resolveLegacyDescriptorProp(\n descriptor: LegacyDescriptor,\n propName: string,\n elementKey: string,\n propData: any,\n props: Record<string, any>,\n renderFn: (props: Record<string, unknown>) => ReactNode,\n) {\n switch (descriptor.type) {\n case PropControllerTypes.Width:\n switch (descriptor.options.format) {\n case WidthPropControllerFormat.ClassName:\n return (\n <RenderHook\n key={descriptor.type}\n hook={useWidthStyle}\n parameters={[elementKey, propName, propData, descriptor]}\n >\n {({ className, styleElement }) => (\n <>\n {styleElement}\n {renderFn({ ...props, [propName]: className })}\n </>\n )}\n </RenderHook>\n )\n\n case WidthPropControllerFormat.ResponsiveValue:\n default:\n return renderFn({\n ...props,\n [propName]: getWidthPropControllerDataResponsiveLengthData(propData),\n })\n }\n\n case PropControllerTypes.Padding:\n switch (descriptor.options.format) {\n case PaddingPropControllerFormat.ClassName:\n return (\n <RenderHook\n key={descriptor.type}\n hook={usePaddingStyle}\n parameters={[elementKey, propName, propData]}\n >\n {({ className, styleElement }) => (\n <>\n {styleElement}\n {renderFn({ ...props, [propName]: className })}\n </>\n )}\n </RenderHook>\n )\n\n case PaddingPropControllerFormat.ResponsiveValue:\n default:\n return renderFn({\n ...props,\n [propName]: getPaddingPropControllerDataResponsivePaddingData(propData),\n })\n }\n\n case PropControllerTypes.Margin:\n switch (descriptor.options.format) {\n case MarginPropControllerFormat.ClassName:\n return (\n <RenderHook\n key={descriptor.type}\n hook={useMarginStyle}\n parameters={[elementKey, propName, propData]}\n >\n {({ className, styleElement }) => (\n <>\n {styleElement}\n {renderFn({ ...props, [propName]: className })}\n </>\n )}\n </RenderHook>\n )\n\n case MarginPropControllerFormat.ResponsiveValue:\n default:\n return renderFn({\n ...props,\n [propName]: getMarginPropControllerDataResponsiveMarginData(propData),\n })\n }\n\n case PropControllerTypes.BorderRadius:\n switch (descriptor.options.format) {\n case BorderRadiusPropControllerFormat.ClassName:\n return (\n <RenderHook\n key={descriptor.type}\n hook={useBorderRadiusStyle}\n parameters={[elementKey, propName, propData]}\n >\n {({ className, styleElement }) => (\n <>\n {styleElement}\n {renderFn({ ...props, [propName]: className })}\n </>\n )}\n </RenderHook>\n )\n\n case BorderRadiusPropControllerFormat.ResponsiveValue:\n default:\n return renderFn({\n ...props,\n [propName]: getBorderRadiusPropControllerDataResponsiveBorderRadiusData(propData),\n })\n }\n\n case PropControllerTypes.Backgrounds:\n return (\n <RenderHook\n key={descriptor.type}\n hook={useBackgroundsPropControllerData}\n parameters={[propData]}\n >\n {value => renderFn({ ...props, [propName]: value })}\n </RenderHook>\n )\n\n case PropControllerTypes.Image:\n return (\n <RenderHook key={descriptor.type} hook={useImagePropControllerData} parameters={[propData]}>\n {value => renderFn({ ...props, [propName]: value })}\n </RenderHook>\n )\n\n case PropControllerTypes.Images:\n return (\n <RenderHook\n key={descriptor.type}\n hook={useImagesPropControllerData}\n parameters={[propData]}\n >\n {value => renderFn({ ...props, [propName]: value })}\n </RenderHook>\n )\n\n case PropControllerTypes.Number:\n return (\n <RenderHook\n key={descriptor.type}\n hook={useNumberPropControllerData}\n parameters={[propData]}\n >\n {value => renderFn({ ...props, [propName]: value })}\n </RenderHook>\n )\n\n case PropControllerTypes.ResponsiveNumber:\n return (\n <RenderHook\n key={descriptor.type}\n hook={data => usePropValue(ResponsiveNumber, data)}\n parameters={[propData]}\n >\n {value => renderFn({ ...props, [propName]: value })}\n </RenderHook>\n )\n\n case PropControllerTypes.ResponsiveIconRadioGroup:\n return (\n <RenderHook\n key={descriptor.type}\n hook={data => usePropValue(ResponsiveIconRadioGroup, data)}\n parameters={[propData]}\n >\n {value => renderFn({ ...props, [propName]: value })}\n </RenderHook>\n )\n\n case PropControllerTypes.ResponsiveSelect:\n return (\n <RenderHook\n key={descriptor.type}\n hook={data => usePropValue(ResponsiveSelect, data)}\n parameters={[propData]}\n >\n {value => renderFn({ ...props, [propName]: value })}\n </RenderHook>\n )\n\n case PropControllerTypes.ResponsiveOpacity:\n return (\n <RenderHook\n key={descriptor.type}\n hook={data => usePropValue(ResponsiveOpacity, data)}\n parameters={[propData]}\n >\n {value => renderFn({ ...props, [propName]: value })}\n </RenderHook>\n )\n\n case PropControllerTypes.ResponsiveLength:\n return (\n <RenderHook\n key={descriptor.type}\n hook={useResponsiveLengthPropControllerData}\n parameters={[propData]}\n >\n {value => renderFn({ ...props, [propName]: value })}\n </RenderHook>\n )\n\n case PropControllerTypes.Shadows:\n switch (descriptor.options.format) {\n case Shadows.Format.ClassName:\n return (\n <RenderHook\n key={descriptor.type}\n hook={useShadowsStyle}\n parameters={[elementKey, propName, propData]}\n >\n {({ className, styleElement }) => (\n <>\n {styleElement}\n {renderFn({ ...props, [propName]: className })}\n </>\n )}\n </RenderHook>\n )\n\n case Shadows.Format.ResponsiveValue:\n default:\n return renderFn({\n ...props,\n [propName]: getShadowsPropControllerDataResponsiveShadowsData(propData),\n })\n }\n\n case PropControllerTypes.Border:\n switch (descriptor.options.format) {\n case BorderPropControllerFormat.ClassName:\n return (\n <RenderHook\n key={descriptor.type}\n hook={useBorderStyle}\n parameters={[elementKey, propName, propData]}\n >\n {({ className, styleElement }) => (\n <>\n {styleElement}\n {renderFn({ ...props, [propName]: className })}\n </>\n )}\n </RenderHook>\n )\n\n case BorderPropControllerFormat.ResponsiveValue:\n default:\n return renderFn({\n ...props,\n [propName]: getBorderPropControllerDataResponsiveBorderData(propData),\n })\n }\n\n case PropControllerTypes.ResponsiveColor:\n return (\n <RenderHook\n key={descriptor.type}\n hook={useResponsiveColorPropControllerData}\n parameters={[propData]}\n >\n {value => renderFn({ ...props, [propName]: value })}\n </RenderHook>\n )\n\n case PropControllerTypes.Link:\n return (\n <RenderHook key={descriptor.type} hook={useLinkPropControllerData} parameters={[propData]}>\n {value => renderFn({ ...props, [propName]: value })}\n </RenderHook>\n )\n\n case PropControllerTypes.Checkbox:\n return (\n <RenderHook\n key={descriptor.type}\n hook={useCheckboxPropControllerData}\n parameters={[propData]}\n >\n {value => renderFn({ ...props, [propName]: value })}\n </RenderHook>\n )\n\n case PropControllerTypes.Date:\n return (\n <RenderHook key={descriptor.type} hook={useDatePropControllerData} parameters={[propData]}>\n {value => renderFn({ ...props, [propName]: value })}\n </RenderHook>\n )\n\n case PropControllerTypes.Font:\n return (\n <RenderHook key={descriptor.type} hook={useFontPropControllerData} parameters={[propData]}>\n {value => renderFn({ ...props, [propName]: value })}\n </RenderHook>\n )\n\n case PropControllerTypes.Video:\n return (\n <RenderHook key={descriptor.type} hook={useVideoPropControllerData} parameters={[propData]}>\n {value => renderFn({ ...props, [propName]: value })}\n </RenderHook>\n )\n\n case PropControllerTypes.Table:\n return (\n <RenderHook key={descriptor.type} hook={useTablePropControllerData} parameters={[propData]}>\n {value => renderFn({ ...props, [propName]: value })}\n </RenderHook>\n )\n\n case PropControllerTypes.TextStyle:\n return (\n <RenderHook\n key={descriptor.type}\n hook={useTextStylePropControllerData}\n parameters={[propData]}\n >\n {value => renderFn({ ...props, [propName]: value })}\n </RenderHook>\n )\n\n case PropControllerTypes.NavigationLinks:\n return (\n <RenderHook\n key={descriptor.type}\n hook={useNavigationLinksPropControllerData}\n parameters={[propData]}\n >\n {value => renderFn({ ...props, [propName]: value })}\n </RenderHook>\n )\n\n case PropControllerTypes.TextInput:\n return (\n <RenderHook\n key={descriptor.type}\n hook={useTextInputPropControllerData}\n parameters={[propData]}\n >\n {value => renderFn({ ...props, [propName]: value })}\n </RenderHook>\n )\n\n case PropControllerTypes.TextArea:\n return (\n <RenderHook\n key={descriptor.type}\n hook={useTextAreaPropControllerData}\n parameters={[propData]}\n >\n {value => renderFn({ ...props, [propName]: value })}\n </RenderHook>\n )\n\n case PropControllerTypes.GapX:\n return (\n <RenderHook\n key={descriptor.type}\n hook={data => usePropValue(GapX, data)}\n parameters={[propData]}\n >\n {value => renderFn({ ...props, [propName]: value })}\n </RenderHook>\n )\n\n case PropControllerTypes.GapY:\n return (\n <RenderHook key={descriptor.type} hook={useGapYPropControllerData} parameters={[propData]}>\n {value => renderFn({ ...props, [propName]: value })}\n </RenderHook>\n )\n\n case PropControllerTypes.ElementID:\n return (\n <RenderHook\n key={descriptor.type}\n hook={useElementIDPropControllerData}\n parameters={[propData]}\n >\n {value => renderFn({ ...props, [propName]: value })}\n </RenderHook>\n )\n\n case PropControllerTypes.TableFormFields:\n return (\n <RenderHook\n key={descriptor.type}\n hook={useTableFormFieldsPropControllerData}\n parameters={[propData]}\n >\n {value => renderFn({ ...props, [propName]: value })}\n </RenderHook>\n )\n\n case PropControllerTypes.SocialLinks:\n return renderFn({\n ...props,\n [propName]: getSocialLinksPropControllerDataSocialLinksData(propData),\n })\n\n case PropControllerTypes.Grid:\n return (\n <RenderHook key={descriptor.type} hook={useGridPropControllerData} parameters={[propData]}>\n {value => renderFn({ ...props, [propName]: value })}\n </RenderHook>\n )\n\n default:\n return renderFn({ ...props, [propName]: propData })\n }\n}\n"],"mappings":"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","names":["useBorderData","PropControllerTypes"]}

package/dist/cjs/runtimes/react/poll-box-model.js CHANGED Viewed

@@ -34,11 +34,12 @@ module.exports = __toCommonJS(poll_box_model_exports);
 var import_box_models = require("../../state/modules/read-write/box-models");
 var import_deepEqual = __toESM(require("../../utils/deepEqual"));
 function pollBoxModel({
-  element,
+  getElement,
   onBoxModelChange
 }) {
   let currentBoxModel = null;
   const handleAnimationFrameRequest = () => {
+    const element = getElement();
     const measuredBoxModel = element == null ? null : (0, import_box_models.getBox)(element);
     if (!(0, import_deepEqual.default)(currentBoxModel, measuredBoxModel)) {
       currentBoxModel = measuredBoxModel;

package/dist/cjs/runtimes/react/poll-box-model.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/runtimes/react/poll-box-model.ts"],"sourcesContent":["import { BoxDisplayModel, getBox } from '../../state/modules/read-write/box-models'\nimport deepEqual from '../../utils/deepEqual'\n\nexport function pollBoxModel({\n ~~element~~,\n onBoxModelChange,\n}: {\n ~~element~~: Element \| null\n onBoxModelChange(boxModel: BoxDisplayModel \| null): void\n}): () => void {\n let currentBoxModel: BoxDisplayModel \| null = null\n\n const handleAnimationFrameRequest = () => {\n const measuredBoxModel = element == null ? null : getBox(element)\n\n if (!deepEqual(currentBoxModel, measuredBoxModel)) {\n currentBoxModel = measuredBoxModel\n\n onBoxModelChange(currentBoxModel)\n }\n\n animationFrameHandle = requestAnimationFrame(handleAnimationFrameRequest)\n }\n\n let animationFrameHandle = requestAnimationFrame(handleAnimationFrameRequest)\n\n return () => {\n cancelAnimationFrame(animationFrameHandle)\n\n onBoxModelChange(null)\n }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAAwC;AACxC,uBAAsB;AAEf,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AACF,GAGe;AACb,MAAI,kBAA0C;AAE9C,QAAM,8BAA8B,MAAM;AACxC,UAAM,mBAAmB,WAAW,OAAO,WAAO,0BAAO,OAAO;AAEhE,QAAI,KAAC,iBAAAA,SAAU,iBAAiB,gBAAgB,GAAG;AACjD,wBAAkB;AAElB,uBAAiB,eAAe;AAAA,IAClC;AAEA,2BAAuB,sBAAsB,2BAA2B;AAAA,EAC1E;AAEA,MAAI,uBAAuB,sBAAsB,2BAA2B;AAE5E,SAAO,MAAM;AACX,yBAAqB,oBAAoB;AAEzC,qBAAiB,IAAI;AAAA,EACvB;AACF;","names":["deepEqual"]}
1	+ {"version":3,"sources":["../../../../src/runtimes/react/poll-box-model.ts"],"sourcesContent":["import { BoxDisplayModel, getBox } from '../../state/modules/read-write/box-models'\nimport deepEqual from '../../utils/deepEqual'\n\nexport function pollBoxModel({\n getElement,\n onBoxModelChange,\n}: {\n getElement: () => Element \| null\n onBoxModelChange(boxModel: BoxDisplayModel \| null): void\n}): () => void {\n let currentBoxModel: BoxDisplayModel \| null = null\n\n const handleAnimationFrameRequest = () => {\n const element = getElement()\n const measuredBoxModel = element == null ? null : getBox(element)\n\n if (!deepEqual(currentBoxModel, measuredBoxModel)) {\n currentBoxModel = measuredBoxModel\n\n onBoxModelChange(currentBoxModel)\n }\n\n animationFrameHandle = requestAnimationFrame(handleAnimationFrameRequest)\n }\n\n let animationFrameHandle = requestAnimationFrame(handleAnimationFrameRequest)\n\n return () => {\n cancelAnimationFrame(animationFrameHandle)\n\n onBoxModelChange(null)\n }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAAwC;AACxC,uBAAsB;AAEf,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AACF,GAGe;AACb,MAAI,kBAA0C;AAE9C,QAAM,8BAA8B,MAAM;AACxC,UAAM,UAAU,WAAW;AAC3B,UAAM,mBAAmB,WAAW,OAAO,WAAO,0BAAO,OAAO;AAEhE,QAAI,KAAC,iBAAAA,SAAU,iBAAiB,gBAAgB,GAAG;AACjD,wBAAkB;AAElB,uBAAiB,eAAe;AAAA,IAClC;AAEA,2BAAuB,sBAAsB,2BAA2B;AAAA,EAC1E;AAEA,MAAI,uBAAuB,sBAAsB,2BAA2B;AAE5E,SAAO,MAAM;AACX,yBAAqB,oBAAoB;AAEzC,qBAAiB,IAAI;AAAA,EACvB;AACF;","names":["deepEqual"]}