@makeswift/runtime 0.0.22 → 0.1.0-next.0

package/dist/types/components/builtin/Image/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/builtin/Image/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/builtin/Image/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA"}

package/dist/types/components/builtin/Image/register.d.ts

@@ -0,0 +1,3 @@
+import { ReactRuntime } from '../../../runtimes/react';
+export declare function registerComponent(runtime: ReactRuntime): () => void;
+//# sourceMappingURL=register.d.ts.map

package/dist/types/components/builtin/Image/register.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"register.d.ts","sourceRoot":"","sources":["../../../../../src/components/builtin/Image/register.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAA;AAEtD,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,YAAY,cAqBtD"}

package/dist/types/components/builtin/Navigation/Navigation.d.ts

@@ -1,7 +1,5 @@
 /// <reference types="react" />
 import { CheckboxValue, ElementIDValue, GapXValue, ImageValue, LinkValue, MarginValue, NavigationLinksValue, ResponsiveIconRadioGroupValue, ResponsiveLengthValue, ResponsiveSelectValue, TextInputValue, TextStyleValue } from '../../../prop-controllers/descriptors';
-import { ReactRuntime } from '../../../react';
-import { Props } from '../../../prop-controllers';
 import { ResponsiveColor } from '../../../runtimes/react/controls';
 declare type Props = {
     id?: ElementIDValue;
@@ -23,5 +21,4 @@ declare type Props = {
 };
 declare const Navigation: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<HTMLDivElement>>;
 export default Navigation;
-export declare function registerComponent(runtime: ReactRuntime): () => void;
 //# sourceMappingURL=Navigation.d.ts.map

package/dist/types/components/builtin/Navigation/Navigation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Navigation.d.ts","sourceRoot":"","sources":["../../../../../src/components/builtin/Navigation/Navigation.tsx"],"names":[],"mappings":";AAYA,OAAO,EAEL,aAAa,EACb,cAAc,EACd,SAAS,EACT,UAAU,EACV,SAAS,EACT,WAAW,EACX,oBAAoB,EACpB,6BAA6B,EAC7B,qBAAqB,EACrB,qBAAqB,EACrB,cAAc,EACd,cAAc,EAEf,MAAM,uCAAuC,CAAA;AAI9C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAA;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAA;AAIlE,aAAK,KAAK,GAAG;IACX,EAAE,CAAC,EAAE,cAAc,CAAA;IACnB,KAAK,CAAC,EAAE,oBAAoB,CAAA;IAC5B,aAAa,CAAC,EAAE,cAAc,CAAA;IAC9B,QAAQ,CAAC,EAAE,aAAa,CAAA;IACxB,QAAQ,CAAC,EAAE,UAAU,CAAA;IACrB,SAAS,CAAC,EAAE,qBAAqB,CAAA;IACjC,WAAW,CAAC,EAAE,cAAc,CAAA;IAC5B,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,SAAS,CAAC,EAAE,6BAA6B,CAAC,YAAY,GAAG,QAAQ,GAAG,UAAU,CAAC,CAAA;IAC/E,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,mBAAmB,CAAC,EAAE,qBAAqB,CAAC,YAAY,GAAG,WAAW,CAAC,CAAA;IACvE,uBAAuB,CAAC,EAAE,eAAe,GAAG,IAAI,CAAA;IAChD,wBAAwB,CAAC,EAAE,eAAe,GAAG,IAAI,CAAA;IACjD,yBAAyB,CAAC,EAAE,eAAe,GAAG,IAAI,CAAA;IAClD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,WAAW,CAAA;CACrB,CAAA;AAwFD,QAAA,MAAM,UAAU,kGAiFd,CAAA;AAEF,eAAe,UAAU,CAAA;AAEzB,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,YAAY,cAmGtD"}
+{"version":3,"file":"Navigation.d.ts","sourceRoot":"","sources":["../../../../../src/components/builtin/Navigation/Navigation.tsx"],"names":[],"mappings":";AAYA,OAAO,EAEL,aAAa,EACb,cAAc,EACd,SAAS,EACT,UAAU,EACV,SAAS,EACT,WAAW,EACX,oBAAoB,EACpB,6BAA6B,EAC7B,qBAAqB,EACrB,qBAAqB,EACrB,cAAc,EACd,cAAc,EAEf,MAAM,uCAAuC,CAAA;AAI9C,OAAO,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAA;AAGlE,aAAK,KAAK,GAAG;IACX,EAAE,CAAC,EAAE,cAAc,CAAA;IACnB,KAAK,CAAC,EAAE,oBAAoB,CAAA;IAC5B,aAAa,CAAC,EAAE,cAAc,CAAA;IAC9B,QAAQ,CAAC,EAAE,aAAa,CAAA;IACxB,QAAQ,CAAC,EAAE,UAAU,CAAA;IACrB,SAAS,CAAC,EAAE,qBAAqB,CAAA;IACjC,WAAW,CAAC,EAAE,cAAc,CAAA;IAC5B,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,SAAS,CAAC,EAAE,6BAA6B,CAAC,YAAY,GAAG,QAAQ,GAAG,UAAU,CAAC,CAAA;IAC/E,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,mBAAmB,CAAC,EAAE,qBAAqB,CAAC,YAAY,GAAG,WAAW,CAAC,CAAA;IACvE,uBAAuB,CAAC,EAAE,eAAe,GAAG,IAAI,CAAA;IAChD,wBAAwB,CAAC,EAAE,eAAe,GAAG,IAAI,CAAA;IACjD,yBAAyB,CAAC,EAAE,eAAe,GAAG,IAAI,CAAA;IAClD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,WAAW,CAAA;CACrB,CAAA;AAwFD,QAAA,MAAM,UAAU,kGAiFd,CAAA;AAEF,eAAe,UAAU,CAAA"}

package/dist/types/components/builtin/Navigation/index.d.ts

@@ -1,2 +1,2 @@
-export { default, registerComponent } from './Navigation';
+export { default } from './Navigation';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/components/builtin/Navigation/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/builtin/Navigation/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/builtin/Navigation/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA"}

package/dist/types/components/builtin/Navigation/register.d.ts

@@ -0,0 +1,3 @@
+import { ReactRuntime } from '../../../runtimes/react';
+export declare function registerComponent(runtime: ReactRuntime): () => void;
+//# sourceMappingURL=register.d.ts.map

package/dist/types/components/builtin/Navigation/register.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"register.d.ts","sourceRoot":"","sources":["../../../../../src/components/builtin/Navigation/register.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAA;AAGtD,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,YAAY,cAsGtD"}

package/dist/types/components/builtin/Root/Root.d.ts

@@ -1,6 +1,5 @@
 /// <reference types="react" />
 import { GridValue, BackgroundsValue, GapXValue, GapYValue } from '../../../prop-controllers/descriptors';
-import { ReactRuntime } from '../../../react';
 import { Props } from '../../../prop-controllers';
 declare type Props = {
     children?: GridValue;
@@ -10,5 +9,4 @@ declare type Props = {
 };
 declare const Root: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<HTMLDivElement>>;
 export default Root;
-export declare function registerComponent(runtime: ReactRuntime): () => void;
 //# sourceMappingURL=Root.d.ts.map

package/dist/types/components/builtin/Root/Root.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Root.d.ts","sourceRoot":"","sources":["../../../../../src/components/builtin/Root/Root.tsx"],"names":[],"mappings":";AAKA,OAAO,EACL,SAAS,EACT,gBAAgB,EAChB,SAAS,EACT,SAAS,EACV,MAAM,uCAAuC,CAAA;AAC9C,OAAO,EAAW,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAGtD,OAAO,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAA;AA4BjD,aAAK,KAAK,GAAG;IACX,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,WAAW,CAAC,EAAE,gBAAgB,CAAA;IAC9B,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,SAAS,CAAC,EAAE,SAAS,CAAA;CACtB,CAAA;AAED,QAAA,MAAM,IAAI,kGA4BR,CAAA;AAEF,eAAe,IAAI,CAAA;AAEnB,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,YAAY,cAYtD"}
+{"version":3,"file":"Root.d.ts","sourceRoot":"","sources":["../../../../../src/components/builtin/Root/Root.tsx"],"names":[],"mappings":";AAKA,OAAO,EACL,SAAS,EACT,gBAAgB,EAChB,SAAS,EACT,SAAS,EACV,MAAM,uCAAuC,CAAA;AAI9C,OAAO,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAA;AA4BjD,aAAK,KAAK,GAAG;IACX,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,WAAW,CAAC,EAAE,gBAAgB,CAAA;IAC9B,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,SAAS,CAAC,EAAE,SAAS,CAAA;CACtB,CAAA;AAED,QAAA,MAAM,IAAI,kGA4BR,CAAA;AAEF,eAAe,IAAI,CAAA"}

package/dist/types/components/builtin/Root/index.d.ts

@@ -1,2 +1,2 @@
-export { default, registerComponent } from './Root';
+export { default } from './Root';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/components/builtin/Root/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/builtin/Root/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,iBAAiB,EAAE,MAAM,QAAQ,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/builtin/Root/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAA"}

package/dist/types/components/builtin/Root/register.d.ts

@@ -0,0 +1,3 @@
+import { ReactRuntime } from '../../../react';
+export declare function registerComponent(runtime: ReactRuntime): () => void;
+//# sourceMappingURL=register.d.ts.map

package/dist/types/components/builtin/Root/register.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"register.d.ts","sourceRoot":"","sources":["../../../../../src/components/builtin/Root/register.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAE7C,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,YAAY,cAetD"}

package/dist/types/components/builtin/SocialLinks/SocialLinks.d.ts

@@ -1,7 +1,5 @@
 /// <reference types="react" />
 import { ElementIDValue, SocialLinksValue, ResponsiveIconRadioGroupValue, ResponsiveSelectValue, GapXValue, MarginValue } from '../../../prop-controllers/descriptors';
-import { ReactRuntime } from '../../../react';
-import { Props } from '../../../prop-controllers';
 import { ResponsiveColor } from '../../../runtimes/react/controls';
 declare type Props = {
     id?: ElementIDValue;
@@ -18,5 +16,4 @@ declare type Props = {
 };
 declare const SocialLinks: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<HTMLDivElement>>;
 export default SocialLinks;
-export declare function registerComponent(runtime: ReactRuntime): () => void;
 //# sourceMappingURL=SocialLinks.d.ts.map

package/dist/types/components/builtin/SocialLinks/SocialLinks.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SocialLinks.d.ts","sourceRoot":"","sources":["../../../../../src/components/builtin/SocialLinks/SocialLinks.tsx"],"names":[],"mappings":";AAWA,OAAO,EAEL,cAAc,EACd,gBAAgB,EAChB,6BAA6B,EAC7B,qBAAqB,EACrB,SAAS,EACT,WAAW,EACZ,MAAM,uCAAuC,CAAA;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAA;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAA;AAElE,aAAK,KAAK,GAAG;IACX,EAAE,CAAC,EAAE,cAAc,CAAA;IACnB,KAAK,CAAC,EAAE,gBAAgB,CAAA;IACxB,KAAK,CAAC,EAAE,6BAA6B,CAAC,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,QAAQ,CAAC,CAAA;IAChF,IAAI,CAAC,EAAE,6BAA6B,CAAC,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC,CAAA;IAClE,UAAU,CAAC,EAAE,qBAAqB,CAAC,MAAM,GAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAC,CAAA;IACvE,IAAI,CAAC,EAAE,eAAe,GAAG,IAAI,CAAA;IAC7B,eAAe,CAAC,EAAE,eAAe,GAAG,IAAI,CAAA;IACxC,SAAS,CAAC,EAAE,6BAA6B,CAAC,YAAY,GAAG,QAAQ,GAAG,UAAU,CAAC,CAAA;IAC/E,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,WAAW,CAAA;CACrB,CAAA;AAkFD,QAAA,MAAM,WAAW,kGAkDf,CAAA;AAEF,eAAe,WAAW,CAAA;AAE1B,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,YAAY,cA8HtD"}
+{"version":3,"file":"SocialLinks.d.ts","sourceRoot":"","sources":["../../../../../src/components/builtin/SocialLinks/SocialLinks.tsx"],"names":[],"mappings":";AAWA,OAAO,EAEL,cAAc,EACd,gBAAgB,EAChB,6BAA6B,EAC7B,qBAAqB,EACrB,SAAS,EACT,WAAW,EACZ,MAAM,uCAAuC,CAAA;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAA;AAElE,aAAK,KAAK,GAAG;IACX,EAAE,CAAC,EAAE,cAAc,CAAA;IACnB,KAAK,CAAC,EAAE,gBAAgB,CAAA;IACxB,KAAK,CAAC,EAAE,6BAA6B,CAAC,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,QAAQ,CAAC,CAAA;IAChF,IAAI,CAAC,EAAE,6BAA6B,CAAC,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC,CAAA;IAClE,UAAU,CAAC,EAAE,qBAAqB,CAAC,MAAM,GAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAC,CAAA;IACvE,IAAI,CAAC,EAAE,eAAe,GAAG,IAAI,CAAA;IAC7B,eAAe,CAAC,EAAE,eAAe,GAAG,IAAI,CAAA;IACxC,SAAS,CAAC,EAAE,6BAA6B,CAAC,YAAY,GAAG,QAAQ,GAAG,UAAU,CAAC,CAAA;IAC/E,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,WAAW,CAAA;CACrB,CAAA;AAkFD,QAAA,MAAM,WAAW,kGAkDf,CAAA;AAEF,eAAe,WAAW,CAAA"}

package/dist/types/components/builtin/SocialLinks/index.d.ts

@@ -1,2 +1,2 @@
-export { default, registerComponent } from './SocialLinks';
+export { default } from './SocialLinks';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/components/builtin/SocialLinks/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/builtin/SocialLinks/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/builtin/SocialLinks/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA"}

package/dist/types/components/builtin/SocialLinks/register.d.ts

@@ -0,0 +1,3 @@
+import { ReactRuntime } from '../../../runtimes/react';
+export declare function registerComponent(runtime: ReactRuntime): () => void;
+//# sourceMappingURL=register.d.ts.map

package/dist/types/components/builtin/SocialLinks/register.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"register.d.ts","sourceRoot":"","sources":["../../../../../src/components/builtin/SocialLinks/register.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAA;AAEtD,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,YAAY,cAiItD"}

package/dist/types/components/builtin/Text/Text.d.ts

@@ -2,8 +2,6 @@
 import { ElementIDValue, MarginValue, RichTextDescriptor, RichTextValue } from '../../../prop-controllers/descriptors';
 import { BoxModelHandle } from '../../../box-model';
 import { PropControllersHandle } from '../../../state/modules/prop-controller-handles';
-import { ReactRuntime } from '../../../react';
-import { Props } from '../../../prop-controllers';
 declare type Props = {
     id?: ElementIDValue;
     text?: RichTextValue;
@@ -15,5 +13,4 @@ declare type Descriptors = {
 };
 declare const Text: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<BoxModelHandle & PropControllersHandle<Descriptors>>>;
 export default Text;
-export declare function registerComponent(runtime: ReactRuntime): () => void;
 //# sourceMappingURL=Text.d.ts.map

package/dist/types/components/builtin/Text/Text.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../../../src/components/builtin/Text/Text.tsx"],"names":[],"mappings":";AAoBA,OAAO,EACL,cAAc,EACd,WAAW,EACX,kBAAkB,EAClB,aAAa,EACd,MAAM,uCAAuC,CAAA;AAE9C,OAAO,EAAE,cAAc,EAAU,MAAM,oBAAoB,CAAA;AAC3D,OAAO,EAAE,qBAAqB,EAAE,MAAM,gDAAgD,CAAA;AAEtF,OAAO,EAAE,YAAY,EAAkB,MAAM,gBAAgB,CAAA;AAE7D,OAAO,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAA;AAEjD,aAAK,KAAK,GAAG;IACX,EAAE,CAAC,EAAE,cAAc,CAAA;IACnB,IAAI,CAAC,EAAE,aAAa,CAAA;IACpB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,WAAW,CAAA;CACrB,CAAA;AAeD,aAAK,WAAW,GAAG;IAAE,IAAI,CAAC,EAAE,kBAAkB,CAAA;CAAE,CAAA;AAEhD,QAAA,MAAM,IAAI,uIAsIR,CAAA;AAEF,eAAe,IAAI,CAAA;AAEnB,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,YAAY,cAqEtD"}
+{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../../../src/components/builtin/Text/Text.tsx"],"names":[],"mappings":";AAmBA,OAAO,EACL,cAAc,EACd,WAAW,EACX,kBAAkB,EAClB,aAAa,EACd,MAAM,uCAAuC,CAAA;AAE9C,OAAO,EAAE,cAAc,EAAU,MAAM,oBAAoB,CAAA;AAC3D,OAAO,EAAE,qBAAqB,EAAE,MAAM,gDAAgD,CAAA;AAKtF,aAAK,KAAK,GAAG;IACX,EAAE,CAAC,EAAE,cAAc,CAAA;IACnB,IAAI,CAAC,EAAE,aAAa,CAAA;IACpB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,WAAW,CAAA;CACrB,CAAA;AAeD,aAAK,WAAW,GAAG;IAAE,IAAI,CAAC,EAAE,kBAAkB,CAAA;CAAE,CAAA;AAEhD,QAAA,MAAM,IAAI,uIA8IR,CAAA;AAEF,eAAe,IAAI,CAAA"}

package/dist/types/components/builtin/Text/index.d.ts

@@ -1,2 +1,2 @@
-export { default, registerComponent } from './Text';
+export { default } from './Text';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/components/builtin/Text/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/builtin/Text/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,iBAAiB,EAAE,MAAM,QAAQ,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/builtin/Text/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAA"}

package/dist/types/components/builtin/Text/register.d.ts

@@ -0,0 +1,3 @@
+import { ReactRuntime } from '../../../runtimes/react';
+export declare function registerComponent(runtime: ReactRuntime): () => void;
+//# sourceMappingURL=register.d.ts.map

package/dist/types/components/builtin/Text/register.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"register.d.ts","sourceRoot":"","sources":["../../../../../src/components/builtin/Text/register.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAA;AAEtD,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,YAAY,cAwEtD"}

package/dist/types/components/builtin/Video/Video.d.ts

@@ -1,7 +1,5 @@
 /// <reference types="react" />
 import { BorderRadiusValue, ElementIDValue, MarginValue, VideoValue } from '../../../prop-controllers/descriptors';
-import { ReactRuntime } from '../../../react';
-import { Props } from '../../../prop-controllers';
 declare type Props = {
     id?: ElementIDValue;
     video?: VideoValue;
@@ -11,5 +9,4 @@ declare type Props = {
 };
 declare const Video: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<HTMLDivElement>>;
 export default Video;
-export declare function registerComponent(runtime: ReactRuntime): () => void;
 //# sourceMappingURL=Video.d.ts.map

package/dist/types/components/builtin/Video/Video.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Video.d.ts","sourceRoot":"","sources":["../../../../../src/components/builtin/Video/Video.tsx"],"names":[],"mappings":";AAKA,OAAO,EACL,iBAAiB,EACjB,cAAc,EACd,WAAW,EACX,UAAU,EACX,MAAM,uCAAuC,CAAA;AAG9C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAA;AAEjD,aAAK,KAAK,GAAG;IACX,EAAE,CAAC,EAAE,cAAc,CAAA;IACnB,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,WAAW,CAAA;IACpB,YAAY,CAAC,EAAE,iBAAiB,CAAA;CACjC,CAAA;AAcD,QAAA,MAAM,KAAK,kGA+BT,CAAA;AAEF,eAAe,KAAK,CAAA;AAEpB,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,YAAY,cAgBtD"}
+{"version":3,"file":"Video.d.ts","sourceRoot":"","sources":["../../../../../src/components/builtin/Video/Video.tsx"],"names":[],"mappings":";AAKA,OAAO,EACL,iBAAiB,EACjB,cAAc,EACd,WAAW,EACX,UAAU,EACX,MAAM,uCAAuC,CAAA;AAI9C,aAAK,KAAK,GAAG;IACX,EAAE,CAAC,EAAE,cAAc,CAAA;IACnB,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,WAAW,CAAA;IACpB,YAAY,CAAC,EAAE,iBAAiB,CAAA;CACjC,CAAA;AAcD,QAAA,MAAM,KAAK,kGA+BT,CAAA;AAEF,eAAe,KAAK,CAAA"}

package/dist/types/components/builtin/Video/index.d.ts

@@ -1,2 +1,2 @@
-export * from './Video';
+export { default } from './Video';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/components/builtin/Video/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/builtin/Video/index.tsx"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/builtin/Video/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA"}

package/dist/types/components/builtin/Video/register.d.ts

@@ -0,0 +1,3 @@
+import { ReactRuntime } from '../../../runtimes/react';
+export declare function registerComponent(runtime: ReactRuntime): () => void;
+//# sourceMappingURL=register.d.ts.map

package/dist/types/components/builtin/Video/register.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"register.d.ts","sourceRoot":"","sources":["../../../../../src/components/builtin/Video/register.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAA;AAEtD,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,YAAY,cAmBtD"}

package/dist/types/components/builtin/index.d.ts

@@ -11,6 +11,5 @@ export { default as Navigation } from './Navigation';
 export { default as Root } from './Root';
 export { default as SocialLinks } from './SocialLinks';
 export { default as Text } from './Text';
-import { ReactRuntime } from '../../react';
-export declare function registerBuiltinComponents(runtime: ReactRuntime): () => void;
+export { default as Video } from './Video';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/components/builtin/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/builtin/index.ts"],"names":[],"mappings":"AAAA,cAAc,OAAO,CAAA;AACrB,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAA;AAC5C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAA;AAChD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAA;AAClD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAA;AAC9C,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAA;AACxC,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAA;AACxC,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAA;AAExC,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAe1C,wBAAgB,yBAAyB,CAAC,OAAO,EAAE,YAAY,cA+B9D"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/builtin/index.ts"],"names":[],"mappings":"AAAA,cAAc,OAAO,CAAA;AACrB,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAA;AAC5C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAA;AAChD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAA;AAClD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAA;AAC9C,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAA;AACxC,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAA;AACxC,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAA;AACxC,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAA"}

package/dist/types/components/builtin/register.d.ts

@@ -0,0 +1,3 @@
+import { ReactRuntime } from '../../runtimes/react';
+export declare function registerBuiltinComponents(runtime: ReactRuntime): () => void;
+//# sourceMappingURL=register.d.ts.map

package/dist/types/components/builtin/register.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"register.d.ts","sourceRoot":"","sources":["../../../../src/components/builtin/register.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAenD,wBAAgB,yBAAyB,CAAC,OAAO,EAAE,YAAY,cA+B9D"}

package/dist/types/dynamic.d.ts

@@ -0,0 +1,2 @@
+export default function Dynamic(): JSX.Element;
+//# sourceMappingURL=dynamic.d.ts.map

package/dist/types/dynamic.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dynamic.d.ts","sourceRoot":"","sources":["../../src/dynamic.tsx"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,UAAU,OAAO,gBAE9B"}

package/dist/types/next/plugin.d.ts

@@ -0,0 +1,3 @@
+declare const _exports: typeof import("@makeswift/next-plugin");
+export = _exports;
+//# sourceMappingURL=plugin.d.ts.map

package/dist/types/next/plugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"plugin.d.ts","sourceRoot":"","sources":["../../../src/next/plugin.js"],"names":[],"mappings":""}

package/dist/types/next.d.ts

@@ -1,10 +1,10 @@
-/// <reference types="react" />
 import { NormalizedCacheObject } from '@apollo/client';
 import { GetServerSidePropsContext, GetServerSidePropsResult, GetStaticPathsResult, GetStaticPropsContext, GetStaticPropsResult } from 'next';
 import NextDocument, { DocumentContext, DocumentInitialProps } from 'next/document';
+import { ComponentType, ForwardRefExoticComponent, ForwardedRef, PropsWithoutRef, RefAttributes } from 'react';
 import { MakeswiftClient } from './api/react';
 import { Element } from './state/react-page';
-import { PageData } from './components';
+import { PageData } from './components/page';
 export { MakeswiftClient };
 export declare class Document extends NextDocument {
     static getInitialProps(ctx: DocumentContext): Promise<DocumentInitialProps>;
@@ -22,4 +22,14 @@ export declare function getStaticProps({ params, }: GetStaticPropsContext<{
 }>): Promise<GetStaticPropsResult<PageProps>>;
 export declare function getStaticPaths(): Promise<GetStaticPathsResult>;
 export declare function Page({ page, rootElement, makeswiftApiEndpoint, cacheData, preview }: PageProps): JSX.Element;
+declare const FORWARDED_NEXT_DYNAMIC_REF_KEY = "__forwarded_next_dynamic_ref__";
+declare type WithSavedForwardedRef<P, T> = P & {
+    [FORWARDED_NEXT_DYNAMIC_REF_KEY]: ForwardedRef<T>;
+};
+declare type LoaderComponent<P> = Promise<ComponentType<P> | {
+    default: ComponentType<P>;
+}>;
+declare type PatchedLoaderComponent<P, T> = LoaderComponent<WithSavedForwardedRef<P, T>>;
+declare type PatchLoaderComponent = <P, T>(loaderComponent: LoaderComponent<P>) => PatchedLoaderComponent<P, T>;
+export declare function forwardNextDynamicRef<T, P>(nextDynamicThunk: (patch: PatchLoaderComponent) => ComponentType<WithSavedForwardedRef<P, T>>): ForwardRefExoticComponent<PropsWithoutRef<P> & RefAttributes<T>>;
 //# sourceMappingURL=next.d.ts.map

package/dist/types/next.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"next.d.ts","sourceRoot":"","sources":["../../src/next.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAA;AACtD,OAAO,EACL,yBAAyB,EACzB,wBAAwB,EACxB,oBAAoB,EACpB,qBAAqB,EACrB,oBAAoB,EACrB,MAAM,MAAM,CAAA;AACb,OAAO,YAAY,EAAE,EAAE,eAAe,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAA;AAOnF,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAA;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAA;AAE5C,OAAO,EAAoB,QAAQ,EAAE,MAAM,cAAc,CAAA;AAEzD,OAAO,EAAE,eAAe,EAAE,CAAA;AAE1B,qBAAa,QAAS,SAAQ,YAAY;WAC3B,eAAe,CAAC,GAAG,EAAE,eAAe,GAAG,OAAO,CAAC,oBAAoB,CAAC;CAkClF;AAID,oBAAY,SAAS,GAAG;IACtB,IAAI,EAAE,QAAQ,CAAA;IACd,WAAW,EAAE,OAAO,CAAA;IACpB,oBAAoB,EAAE,MAAM,CAAA;IAC5B,SAAS,EAAE,qBAAqB,CAAA;IAChC,OAAO,EAAE,OAAO,CAAA;CACjB,CAAA;AAMD,wBAAsB,kBAAkB,CAAC,EACvC,KAAK,EAAE,EAAE,MAAM,EAAE,GAClB,EAAE,yBAAyB,GAAG,OAAO,CAAC,wBAAwB,CAAC,SAAS,CAAC,CAAC,CA6B1E;AAED,wBAAsB,cAAc,CAAC,EACnC,MAAM,GACP,EAAE,qBAAqB,CAAC;IAAE,IAAI,EAAE,MAAM,EAAE,CAAA;CAAE,CAAC,GAAG,OAAO,CAAC,oBAAoB,CAAC,SAAS,CAAC,CAAC,CAiCtF;AAED,wBAAsB,cAAc,IAAI,OAAO,CAAC,oBAAoB,CAAC,CAEpE;AAED,wBAAgB,IAAI,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,oBAAoB,EAAE,SAAS,EAAE,OAAO,EAAE,EAAE,SAAS,eAY9F"}
+{"version":3,"file":"next.d.ts","sourceRoot":"","sources":["../../src/next.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAA;AACtD,OAAO,EACL,yBAAyB,EACzB,wBAAwB,EACxB,oBAAoB,EACpB,qBAAqB,EACrB,oBAAoB,EACrB,MAAM,MAAM,CAAA;AAEb,OAAO,YAAY,EAAE,EAAE,eAAe,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAA;AACnF,OAAO,EACL,aAAa,EACb,yBAAyB,EACzB,YAAY,EACZ,eAAe,EACf,aAAa,EAKd,MAAM,OAAO,CAAA;AAMd,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAA;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAA;AAE5C,OAAO,EAAoB,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAE9D,OAAO,EAAE,eAAe,EAAE,CAAA;AAE1B,qBAAa,QAAS,SAAQ,YAAY;WAC3B,eAAe,CAAC,GAAG,EAAE,eAAe,GAAG,OAAO,CAAC,oBAAoB,CAAC;CAkClF;AAID,oBAAY,SAAS,GAAG;IACtB,IAAI,EAAE,QAAQ,CAAA;IACd,WAAW,EAAE,OAAO,CAAA;IACpB,oBAAoB,EAAE,MAAM,CAAA;IAC5B,SAAS,EAAE,qBAAqB,CAAA;IAChC,OAAO,EAAE,OAAO,CAAA;CACjB,CAAA;AAMD,wBAAsB,kBAAkB,CAAC,EACvC,KAAK,EAAE,EAAE,MAAM,EAAE,GAClB,EAAE,yBAAyB,GAAG,OAAO,CAAC,wBAAwB,CAAC,SAAS,CAAC,CAAC,CA6B1E;AAED,wBAAsB,cAAc,CAAC,EACnC,MAAM,GACP,EAAE,qBAAqB,CAAC;IAAE,IAAI,EAAE,MAAM,EAAE,CAAA;CAAE,CAAC,GAAG,OAAO,CAAC,oBAAoB,CAAC,SAAS,CAAC,CAAC,CAiCtF;AAED,wBAAsB,cAAc,IAAI,OAAO,CAAC,oBAAoB,CAAC,CAEpE;AAED,wBAAgB,IAAI,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,oBAAoB,EAAE,SAAS,EAAE,OAAO,EAAE,EAAE,SAAS,eAY9F;AAED,QAAA,MAAM,8BAA8B,mCAAmC,CAAA;AAEvE,aAAK,qBAAqB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACrC,CAAC,8BAA8B,CAAC,EAAE,YAAY,CAAC,CAAC,CAAC,CAAA;CAClD,CAAA;AAiBD,aAAK,eAAe,CAAC,CAAC,IAAI,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC,GAAG;IAAE,OAAO,EAAE,aAAa,CAAC,CAAC,CAAC,CAAA;CAAE,CAAC,CAAA;AAMnF,aAAK,sBAAsB,CAAC,CAAC,EAAE,CAAC,IAAI,eAAe,CAAC,qBAAqB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAA;AAEhF,aAAK,oBAAoB,GAAG,CAAC,CAAC,EAAE,CAAC,EAC/B,eAAe,EAAE,eAAe,CAAC,CAAC,CAAC,KAChC,sBAAsB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;AAEjC,wBAAgB,qBAAqB,CAAC,CAAC,EAAE,CAAC,EACxC,gBAAgB,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,aAAa,CAAC,qBAAqB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAC5F,yBAAyB,CAAC,eAAe,CAAC,CAAC,CAAC,GAAG,aAAa,CAAC,CAAC,CAAC,CAAC,CASlE"}

package/dist/useBackgrounds.cjs.js

@@ -0,0 +1,124 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var React = require("react");
+var next = require("./index.cjs.js");
+function useBackgrounds(value) {
+  const fileIds = value == null ? [] : value.map(({ value: backgrounds }) => backgrounds.map((background) => background.type === "image" && background.payload != null ? background.payload.imageId : null).filter(next.isNonNullable).reduce((a, b) => a.concat(b), [])).reduce((a, b) => a.concat(b), []);
+  const swatchIds = value == null ? [] : value.map(({ value: backgrounds }) => backgrounds.map((background) => {
+    if (background.type === "color" && background.payload != null) {
+      return [background.payload.swatchId];
+    }
+    if (background.type === "gradient" && background.payload != null) {
+      return background.payload.stops.map((stop) => stop.color && stop.color.swatchId).filter(next.isNonNullable);
+    }
+    if (background.type === "video" && background.payload != null) {
+      return [background.payload.maskColor && background.payload.maskColor.swatchId];
+    }
+    return null;
+  }).filter(next.isNonNullable).reduce((a, b) => a.concat(b), [])).reduce((a, b) => a.concat(b), []).filter(next.isNonNullable);
+  const skip = value == null;
+  const filesResult = next.useQuery(next.FILES_BY_ID, {
+    skip: skip || fileIds.length === 0,
+    variables: { ids: fileIds }
+  });
+  const swatchesResult = next.useQuery(next.SWATCHES_BY_ID, {
+    skip: skip || swatchIds.length === 0,
+    variables: { ids: swatchIds }
+  });
+  return React.useMemo(() => {
+    const { data: filesData = {} } = filesResult;
+    const { data: swatchesData = {} } = swatchesResult;
+    if (value == null || filesResult.error != null || swatchesResult.error != null) {
+      return null;
+    }
+    const { files = [] } = filesData;
+    const { swatches = [] } = swatchesData;
+    return value.map((_a) => {
+      var _b = _a, { value: backgrounds } = _b, restOfValue = __objRest(_b, ["value"]);
+      return __spreadProps(__spreadValues({}, restOfValue), {
+        value: backgrounds.map((bg) => {
+          if (bg.type === "image" && bg.payload != null && bg.payload.imageId != null) {
+            const _a2 = bg.payload, { imageId } = _a2, restOfPayload = __objRest(_a2, ["imageId"]);
+            const file = files.find((f) => f && f.id === imageId);
+            return file && {
+              id: bg.id,
+              type: "image",
+              payload: __spreadProps(__spreadValues({}, restOfPayload), {
+                publicUrl: file.publicUrl,
+                dimensions: file.dimensions
+              })
+            };
+          }
+          if (bg.type === "color" && bg.payload != null) {
+            const { swatchId, alpha } = bg.payload;
+            const swatch = swatches.find((s) => s && s.id === swatchId);
+            return { id: bg.id, type: "color", payload: { swatch, alpha } };
+          }
+          if (bg.type === "gradient" && bg.payload != null && bg.payload.stops.length > 0) {
+            return {
+              id: bg.id,
+              type: "gradient",
+              payload: {
+                angle: bg.payload.angle,
+                isRadial: bg.payload.isRadial,
+                stops: bg.payload.stops.map((_b2) => {
+                  var _c = _b2, { color } = _c, restOfStop = __objRest(_c, ["color"]);
+                  return __spreadProps(__spreadValues({}, restOfStop), {
+                    color: color && {
+                      swatch: swatches.find((s) => s && s.id === color.swatchId),
+                      alpha: color.alpha
+                    }
+                  });
+                })
+              }
+            };
+          }
+          if (bg.type === "video" && bg.payload != null) {
+            const _d = bg.payload, { maskColor } = _d, restOfPayload = __objRest(_d, ["maskColor"]);
+            const swatch = maskColor && swatches.find((s) => s && s.id === maskColor.swatchId);
+            return {
+              id: bg.id,
+              type: "video",
+              payload: __spreadProps(__spreadValues({}, restOfPayload), {
+                maskColor: swatch && maskColor && { swatch, alpha: maskColor.alpha }
+              })
+            };
+          }
+          return null;
+        }).filter(Boolean)
+      });
+    });
+  }, [filesResult, swatchesResult, value]);
+}
+exports.useBackgrounds = useBackgrounds;
+//# sourceMappingURL=useBackgrounds.cjs.js.map

package/dist/useBackgrounds.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBackgrounds.cjs.js","sources":["../src/components/hooks/useBackgrounds.ts"],"sourcesContent":["import { useMemo } from 'react'\n\nimport { ColorValue as Color } from '../utils/types'\nimport { ResponsiveValue } from '../../prop-controllers'\nimport { FILES_BY_ID, SWATCHES_BY_ID } from '../utils/queries'\nimport { isNonNullable } from '../utils/isNonNullable'\nimport { BackgroundsValue as ResponsiveBackgroundsValue } from '../../prop-controllers/descriptors'\nimport { useQuery } from '../../api/react'\n\ntype BackgroundColorData = Color\n\ntype BackgroundGradientStopData = {\n  id: string\n  location: number\n  color: Color | null | undefined\n}\n\ntype BackgroundGradientData = {\n  angle: number\n  isRadial: boolean\n  stops: Array<BackgroundGradientStopData>\n}\n\ntype BackgroundImageData = {\n  publicUrl?: string\n  dimensions: { width: number; height: number } | null\n  position: {\n    x: number\n    y: number\n  }\n  size: 'cover' | 'contain' | 'auto'\n  repeat: 'no-repeat' | 'repeat-x' | 'repeat-y' | 'repeat'\n  opacity?: number\n  parallax?: number\n}\n\ntype BackgroundVideoData = {\n  url: string\n  maskColor: Color | null | undefined\n  aspectRatio: 'wide' | 'standard'\n  opacity: number\n  zoom: number\n  parallax: number\n}\n\ntype BackgroundData =\n  | { id: string; type: 'color'; payload: BackgroundColorData | null | undefined }\n  | { id: string; type: 'image'; payload: BackgroundImageData | null | undefined }\n  | { id: string; type: 'gradient'; payload: BackgroundGradientData | null | undefined }\n  | { id: string; type: 'video'; payload: BackgroundVideoData | null | undefined }\n\ntype BackgroundsData = Array<BackgroundData>\n\nexport type BackgroundsPropControllerData = ResponsiveValue<BackgroundsData>\n\nexport function useBackgrounds(\n  value: ResponsiveBackgroundsValue | null | undefined,\n): BackgroundsPropControllerData | null | undefined {\n  const fileIds =\n    value == null\n      ? []\n      : value\n          .map(({ value: backgrounds }) =>\n            backgrounds\n              .map(background =>\n                background.type === 'image' && background.payload != null\n                  ? background.payload.imageId\n                  : null,\n              )\n              .filter(isNonNullable)\n              .reduce((a, b) => a.concat(b), [] as string[]),\n          )\n          .reduce((a, b) => a.concat(b), [])\n  const swatchIds =\n    value == null\n      ? []\n      : value\n          .map(({ value: backgrounds }) =>\n            backgrounds\n              .map(background => {\n                if (background.type === 'color' && background.payload != null) {\n                  return [background.payload.swatchId]\n                }\n\n                if (background.type === 'gradient' && background.payload != null) {\n                  return background.payload.stops\n                    .map(stop => stop.color && stop.color.swatchId)\n                    .filter(isNonNullable)\n                }\n\n                if (background.type === 'video' && background.payload != null) {\n                  return [background.payload.maskColor && background.payload.maskColor.swatchId]\n                }\n\n                return null\n              })\n              .filter(isNonNullable)\n              .reduce((a, b) => a.concat(b), []),\n          )\n          .reduce((a, b) => a.concat(b), [])\n          .filter(isNonNullable)\n  const skip = value == null\n  const filesResult = useQuery(FILES_BY_ID, {\n    skip: skip || fileIds.length === 0,\n    variables: { ids: fileIds },\n  })\n  const swatchesResult = useQuery(SWATCHES_BY_ID, {\n    skip: skip || swatchIds.length === 0,\n    variables: { ids: swatchIds },\n  })\n\n  return useMemo(() => {\n    const { data: filesData = {} } = filesResult\n    const { data: swatchesData = {} } = swatchesResult\n\n    if (value == null || filesResult.error != null || swatchesResult.error != null) {\n      return null\n    }\n\n    const { files = [] } = filesData\n    const { swatches = [] } = swatchesData\n\n    return value.map(({ value: backgrounds, ...restOfValue }) => ({\n      ...restOfValue,\n      value: backgrounds\n        .map(bg => {\n          if (bg.type === 'image' && bg.payload != null && bg.payload.imageId != null) {\n            const { imageId, ...restOfPayload } = bg.payload\n            const file = files.find((f: any) => f && f.id === imageId)\n\n            return (\n              file && {\n                id: bg.id,\n                type: 'image',\n                payload: {\n                  ...restOfPayload,\n                  publicUrl: file.publicUrl,\n                  dimensions: file.dimensions,\n                },\n              }\n            )\n          }\n\n          if (bg.type === 'color' && bg.payload != null) {\n            const { swatchId, alpha } = bg.payload\n            const swatch = swatches.find((s: any) => s && s.id === swatchId)\n\n            return { id: bg.id, type: 'color', payload: { swatch, alpha } }\n          }\n\n          if (bg.type === 'gradient' && bg.payload != null && bg.payload.stops.length > 0) {\n            return {\n              id: bg.id,\n              type: 'gradient',\n              payload: {\n                angle: bg.payload.angle,\n                isRadial: bg.payload.isRadial,\n                stops: bg.payload.stops.map(({ color, ...restOfStop }) => ({\n                  ...restOfStop,\n                  color: color && {\n                    swatch: swatches.find((s: any) => s && s.id === color.swatchId),\n                    alpha: color.alpha,\n                  },\n                })),\n              },\n            }\n          }\n\n          if (bg.type === 'video' && bg.payload != null) {\n            const { maskColor, ...restOfPayload } = bg.payload\n            const swatch = maskColor && swatches.find((s: any) => s && s.id === maskColor.swatchId)\n\n            return {\n              id: bg.id,\n              type: 'video',\n              payload: {\n                ...restOfPayload,\n                maskColor: swatch && maskColor && { swatch, alpha: maskColor.alpha },\n              },\n            }\n          }\n\n          return null\n        })\n        .filter(Boolean),\n    }))\n  }, [filesResult, swatchesResult, value])\n}\n"],"names":["isNonNullable","useQuery","FILES_BY_ID","SWATCHES_BY_ID","useMemo"],"mappings":"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"}

package/dist/useBackgrounds.es.js

@@ -0,0 +1,123 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import { useMemo } from "react";
+import { i as isNonNullable, c as useQuery, F as FILES_BY_ID, S as SWATCHES_BY_ID } from "./index.es.js";
+function useBackgrounds(value) {
+  const fileIds = value == null ? [] : value.map(({ value: backgrounds }) => backgrounds.map((background) => background.type === "image" && background.payload != null ? background.payload.imageId : null).filter(isNonNullable).reduce((a, b) => a.concat(b), [])).reduce((a, b) => a.concat(b), []);
+  const swatchIds = value == null ? [] : value.map(({ value: backgrounds }) => backgrounds.map((background) => {
+    if (background.type === "color" && background.payload != null) {
+      return [background.payload.swatchId];
+    }
+    if (background.type === "gradient" && background.payload != null) {
+      return background.payload.stops.map((stop) => stop.color && stop.color.swatchId).filter(isNonNullable);
+    }
+    if (background.type === "video" && background.payload != null) {
+      return [background.payload.maskColor && background.payload.maskColor.swatchId];
+    }
+    return null;
+  }).filter(isNonNullable).reduce((a, b) => a.concat(b), [])).reduce((a, b) => a.concat(b), []).filter(isNonNullable);
+  const skip = value == null;
+  const filesResult = useQuery(FILES_BY_ID, {
+    skip: skip || fileIds.length === 0,
+    variables: { ids: fileIds }
+  });
+  const swatchesResult = useQuery(SWATCHES_BY_ID, {
+    skip: skip || swatchIds.length === 0,
+    variables: { ids: swatchIds }
+  });
+  return useMemo(() => {
+    const { data: filesData = {} } = filesResult;
+    const { data: swatchesData = {} } = swatchesResult;
+    if (value == null || filesResult.error != null || swatchesResult.error != null) {
+      return null;
+    }
+    const { files = [] } = filesData;
+    const { swatches = [] } = swatchesData;
+    return value.map((_a) => {
+      var _b = _a, { value: backgrounds } = _b, restOfValue = __objRest(_b, ["value"]);
+      return __spreadProps(__spreadValues({}, restOfValue), {
+        value: backgrounds.map((bg) => {
+          if (bg.type === "image" && bg.payload != null && bg.payload.imageId != null) {
+            const _a2 = bg.payload, { imageId } = _a2, restOfPayload = __objRest(_a2, ["imageId"]);
+            const file = files.find((f) => f && f.id === imageId);
+            return file && {
+              id: bg.id,
+              type: "image",
+              payload: __spreadProps(__spreadValues({}, restOfPayload), {
+                publicUrl: file.publicUrl,
+                dimensions: file.dimensions
+              })
+            };
+          }
+          if (bg.type === "color" && bg.payload != null) {
+            const { swatchId, alpha } = bg.payload;
+            const swatch = swatches.find((s) => s && s.id === swatchId);
+            return { id: bg.id, type: "color", payload: { swatch, alpha } };
+          }
+          if (bg.type === "gradient" && bg.payload != null && bg.payload.stops.length > 0) {
+            return {
+              id: bg.id,
+              type: "gradient",
+              payload: {
+                angle: bg.payload.angle,
+                isRadial: bg.payload.isRadial,
+                stops: bg.payload.stops.map((_b2) => {
+                  var _c = _b2, { color } = _c, restOfStop = __objRest(_c, ["color"]);
+                  return __spreadProps(__spreadValues({}, restOfStop), {
+                    color: color && {
+                      swatch: swatches.find((s) => s && s.id === color.swatchId),
+                      alpha: color.alpha
+                    }
+                  });
+                })
+              }
+            };
+          }
+          if (bg.type === "video" && bg.payload != null) {
+            const _d = bg.payload, { maskColor } = _d, restOfPayload = __objRest(_d, ["maskColor"]);
+            const swatch = maskColor && swatches.find((s) => s && s.id === maskColor.swatchId);
+            return {
+              id: bg.id,
+              type: "video",
+              payload: __spreadProps(__spreadValues({}, restOfPayload), {
+                maskColor: swatch && maskColor && { swatch, alpha: maskColor.alpha }
+              })
+            };
+          }
+          return null;
+        }).filter(Boolean)
+      });
+    });
+  }, [filesResult, swatchesResult, value]);
+}
+export { useBackgrounds as u };
+//# sourceMappingURL=useBackgrounds.es.js.map

package/dist/useBackgrounds.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBackgrounds.es.js","sources":["../src/components/hooks/useBackgrounds.ts"],"sourcesContent":["import { useMemo } from 'react'\n\nimport { ColorValue as Color } from '../utils/types'\nimport { ResponsiveValue } from '../../prop-controllers'\nimport { FILES_BY_ID, SWATCHES_BY_ID } from '../utils/queries'\nimport { isNonNullable } from '../utils/isNonNullable'\nimport { BackgroundsValue as ResponsiveBackgroundsValue } from '../../prop-controllers/descriptors'\nimport { useQuery } from '../../api/react'\n\ntype BackgroundColorData = Color\n\ntype BackgroundGradientStopData = {\n  id: string\n  location: number\n  color: Color | null | undefined\n}\n\ntype BackgroundGradientData = {\n  angle: number\n  isRadial: boolean\n  stops: Array<BackgroundGradientStopData>\n}\n\ntype BackgroundImageData = {\n  publicUrl?: string\n  dimensions: { width: number; height: number } | null\n  position: {\n    x: number\n    y: number\n  }\n  size: 'cover' | 'contain' | 'auto'\n  repeat: 'no-repeat' | 'repeat-x' | 'repeat-y' | 'repeat'\n  opacity?: number\n  parallax?: number\n}\n\ntype BackgroundVideoData = {\n  url: string\n  maskColor: Color | null | undefined\n  aspectRatio: 'wide' | 'standard'\n  opacity: number\n  zoom: number\n  parallax: number\n}\n\ntype BackgroundData =\n  | { id: string; type: 'color'; payload: BackgroundColorData | null | undefined }\n  | { id: string; type: 'image'; payload: BackgroundImageData | null | undefined }\n  | { id: string; type: 'gradient'; payload: BackgroundGradientData | null | undefined }\n  | { id: string; type: 'video'; payload: BackgroundVideoData | null | undefined }\n\ntype BackgroundsData = Array<BackgroundData>\n\nexport type BackgroundsPropControllerData = ResponsiveValue<BackgroundsData>\n\nexport function useBackgrounds(\n  value: ResponsiveBackgroundsValue | null | undefined,\n): BackgroundsPropControllerData | null | undefined {\n  const fileIds =\n    value == null\n      ? []\n      : value\n          .map(({ value: backgrounds }) =>\n            backgrounds\n              .map(background =>\n                background.type === 'image' && background.payload != null\n                  ? background.payload.imageId\n                  : null,\n              )\n              .filter(isNonNullable)\n              .reduce((a, b) => a.concat(b), [] as string[]),\n          )\n          .reduce((a, b) => a.concat(b), [])\n  const swatchIds =\n    value == null\n      ? []\n      : value\n          .map(({ value: backgrounds }) =>\n            backgrounds\n              .map(background => {\n                if (background.type === 'color' && background.payload != null) {\n                  return [background.payload.swatchId]\n                }\n\n                if (background.type === 'gradient' && background.payload != null) {\n                  return background.payload.stops\n                    .map(stop => stop.color && stop.color.swatchId)\n                    .filter(isNonNullable)\n                }\n\n                if (background.type === 'video' && background.payload != null) {\n                  return [background.payload.maskColor && background.payload.maskColor.swatchId]\n                }\n\n                return null\n              })\n              .filter(isNonNullable)\n              .reduce((a, b) => a.concat(b), []),\n          )\n          .reduce((a, b) => a.concat(b), [])\n          .filter(isNonNullable)\n  const skip = value == null\n  const filesResult = useQuery(FILES_BY_ID, {\n    skip: skip || fileIds.length === 0,\n    variables: { ids: fileIds },\n  })\n  const swatchesResult = useQuery(SWATCHES_BY_ID, {\n    skip: skip || swatchIds.length === 0,\n    variables: { ids: swatchIds },\n  })\n\n  return useMemo(() => {\n    const { data: filesData = {} } = filesResult\n    const { data: swatchesData = {} } = swatchesResult\n\n    if (value == null || filesResult.error != null || swatchesResult.error != null) {\n      return null\n    }\n\n    const { files = [] } = filesData\n    const { swatches = [] } = swatchesData\n\n    return value.map(({ value: backgrounds, ...restOfValue }) => ({\n      ...restOfValue,\n      value: backgrounds\n        .map(bg => {\n          if (bg.type === 'image' && bg.payload != null && bg.payload.imageId != null) {\n            const { imageId, ...restOfPayload } = bg.payload\n            const file = files.find((f: any) => f && f.id === imageId)\n\n            return (\n              file && {\n                id: bg.id,\n                type: 'image',\n                payload: {\n                  ...restOfPayload,\n                  publicUrl: file.publicUrl,\n                  dimensions: file.dimensions,\n                },\n              }\n            )\n          }\n\n          if (bg.type === 'color' && bg.payload != null) {\n            const { swatchId, alpha } = bg.payload\n            const swatch = swatches.find((s: any) => s && s.id === swatchId)\n\n            return { id: bg.id, type: 'color', payload: { swatch, alpha } }\n          }\n\n          if (bg.type === 'gradient' && bg.payload != null && bg.payload.stops.length > 0) {\n            return {\n              id: bg.id,\n              type: 'gradient',\n              payload: {\n                angle: bg.payload.angle,\n                isRadial: bg.payload.isRadial,\n                stops: bg.payload.stops.map(({ color, ...restOfStop }) => ({\n                  ...restOfStop,\n                  color: color && {\n                    swatch: swatches.find((s: any) => s && s.id === color.swatchId),\n                    alpha: color.alpha,\n                  },\n                })),\n              },\n            }\n          }\n\n          if (bg.type === 'video' && bg.payload != null) {\n            const { maskColor, ...restOfPayload } = bg.payload\n            const swatch = maskColor && swatches.find((s: any) => s && s.id === maskColor.swatchId)\n\n            return {\n              id: bg.id,\n              type: 'video',\n              payload: {\n                ...restOfPayload,\n                maskColor: swatch && maskColor && { swatch, alpha: maskColor.alpha },\n              },\n            }\n          }\n\n          return null\n        })\n        .filter(Boolean),\n    }))\n  }, [filesResult, swatchesResult, value])\n}\n"],"names":[],"mappings":"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"}