@makeswift/runtime 0.13.0 → 0.14.0

package/dist/esm/components/builtin/SocialLinks/options.js

@@ -0,0 +1,57 @@
+import { jsx } from "react/jsx-runtime";
+import { LogoAngellist20 } from "../../icons/LogoAngellist20";
+import { LogoCodepen20 } from "../../icons/LogoCodepen20";
+import { LogoDiscord20 } from "../../icons/LogoDiscord20";
+import { LogoDribbble20 } from "../../icons/LogoDribbble20";
+import { LogoFacebook20 } from "../../icons/LogoFacebook20";
+import { LogoGithub20 } from "../../icons/LogoGithub20";
+import { LogoInstagram20 } from "../../icons/LogoInstagram20";
+import { LogoLinkedin20 } from "../../icons/LogoLinkedin20";
+import { LogoMedium20 } from "../../icons/LogoMedium20";
+import { LogoPinterest20 } from "../../icons/LogoPinterest20";
+import { LogoReddit20 } from "../../icons/LogoReddit20";
+import { LogoRss20 } from "../../icons/LogoRss20";
+import { LogoSlack20 } from "../../icons/LogoSlack20";
+import { LogoSnapchat20 } from "../../icons/LogoSnapchat20";
+import { LogoSoundcloud20 } from "../../icons/LogoSoundcloud20";
+import { LogoSpotify20 } from "../../icons/LogoSpotify20";
+import { LogoTelegram20 } from "../../icons/LogoTelegram20";
+import { LogoTumblr20 } from "../../icons/LogoTumblr20";
+import { LogoTwitch20 } from "../../icons/LogoTwitch20";
+import { LogoTwitter20 } from "../../icons/LogoTwitter20";
+import { LogoWhatsapp20 } from "../../icons/LogoWhatsapp20";
+import { LogoVimeo20 } from "../../icons/LogoVimeo20";
+import { LogoX20 } from "../../icons/LogoX20";
+import { LogoYelp20 } from "../../icons/LogoYelp20";
+import { LogoYoutube20 } from "../../icons/LogoYoutube20";
+const SocialLinksOptions = [
+  { type: "angellist", label: "AngelList", icon: /* @__PURE__ */ jsx(LogoAngellist20, {}), brandColor: "black" },
+  { type: "codepen", label: "CodePen", icon: /* @__PURE__ */ jsx(LogoCodepen20, {}), brandColor: "black" },
+  { type: "discord", label: "Discord", icon: /* @__PURE__ */ jsx(LogoDiscord20, {}), brandColor: "#5865F2" },
+  { type: "dribbble", label: "Dribbble", icon: /* @__PURE__ */ jsx(LogoDribbble20, {}), brandColor: "#ea4c89" },
+  { type: "facebook", label: "Facebook", icon: /* @__PURE__ */ jsx(LogoFacebook20, {}), brandColor: "#3b5998" },
+  { type: "github", label: "GitHub", icon: /* @__PURE__ */ jsx(LogoGithub20, {}), brandColor: "black" },
+  { type: "instagram", label: "Instagram", icon: /* @__PURE__ */ jsx(LogoInstagram20, {}), brandColor: "black" },
+  { type: "linkedin", label: "LinkedIn", icon: /* @__PURE__ */ jsx(LogoLinkedin20, {}), brandColor: "#0077b5" },
+  { type: "medium", label: "Medium", icon: /* @__PURE__ */ jsx(LogoMedium20, {}), brandColor: "black" },
+  { type: "pinterest", label: "Pinterest", icon: /* @__PURE__ */ jsx(LogoPinterest20, {}), brandColor: "#bd081c" },
+  { type: "reddit", label: "Reddit", icon: /* @__PURE__ */ jsx(LogoReddit20, {}), brandColor: "#ff4500" },
+  { type: "rss", label: "RSS", icon: /* @__PURE__ */ jsx(LogoRss20, {}), brandColor: "black" },
+  { type: "slack", label: "Slack", icon: /* @__PURE__ */ jsx(LogoSlack20, {}), brandColor: "#fffc00" },
+  { type: "snapchat", label: "Snapchat", icon: /* @__PURE__ */ jsx(LogoSnapchat20, {}), brandColor: "#fffc00" },
+  { type: "soundcloud", label: "SoundCloud", icon: /* @__PURE__ */ jsx(LogoSoundcloud20, {}), brandColor: "#ff3300" },
+  { type: "spotify", label: "Spotify", icon: /* @__PURE__ */ jsx(LogoSpotify20, {}), brandColor: "#1db954" },
+  { type: "telegram", label: "Telegram", icon: /* @__PURE__ */ jsx(LogoTelegram20, {}), brandColor: "#0088cc" },
+  { type: "tumblr", label: "Tumblr", icon: /* @__PURE__ */ jsx(LogoTumblr20, {}), brandColor: "#35465c" },
+  { type: "twitch", label: "Twitch", icon: /* @__PURE__ */ jsx(LogoTwitch20, {}), brandColor: "#6441A4" },
+  { type: "twitter", label: "Twitter", icon: /* @__PURE__ */ jsx(LogoTwitter20, {}), brandColor: "#1da1f2" },
+  { type: "whatsapp", label: "WhatsApp", icon: /* @__PURE__ */ jsx(LogoWhatsapp20, {}), brandColor: "#25d366" },
+  { type: "vimeo", label: "Vimeo", icon: /* @__PURE__ */ jsx(LogoVimeo20, {}), brandColor: "#1ab7ea" },
+  { type: "x", label: "X", icon: /* @__PURE__ */ jsx(LogoX20, {}), brandColor: "black" },
+  { type: "yelp", label: "Yelp", icon: /* @__PURE__ */ jsx(LogoYelp20, {}), brandColor: "#af0606" },
+  { type: "youtube", label: "YouTube", icon: /* @__PURE__ */ jsx(LogoYoutube20, {}), brandColor: "#ff0000" }
+];
+export {
+  SocialLinksOptions
+};
+//# sourceMappingURL=options.js.map

package/dist/esm/components/builtin/SocialLinks/options.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/builtin/SocialLinks/options.tsx"],"sourcesContent":["import { LogoAngellist20 } from '../../icons/LogoAngellist20'\nimport { LogoCodepen20 } from '../../icons/LogoCodepen20'\nimport { LogoDiscord20 } from '../../icons/LogoDiscord20'\nimport { LogoDribbble20 } from '../../icons/LogoDribbble20'\nimport { LogoFacebook20 } from '../../icons/LogoFacebook20'\nimport { LogoGithub20 } from '../../icons/LogoGithub20'\nimport { LogoInstagram20 } from '../../icons/LogoInstagram20'\nimport { LogoLinkedin20 } from '../../icons/LogoLinkedin20'\nimport { LogoMedium20 } from '../../icons/LogoMedium20'\nimport { LogoPinterest20 } from '../../icons/LogoPinterest20'\nimport { LogoReddit20 } from '../../icons/LogoReddit20'\nimport { LogoRss20 } from '../../icons/LogoRss20'\nimport { LogoSlack20 } from '../../icons/LogoSlack20'\nimport { LogoSnapchat20 } from '../../icons/LogoSnapchat20'\nimport { LogoSoundcloud20 } from '../../icons/LogoSoundcloud20'\nimport { LogoSpotify20 } from '../../icons/LogoSpotify20'\nimport { LogoTelegram20 } from '../../icons/LogoTelegram20'\nimport { LogoTumblr20 } from '../../icons/LogoTumblr20'\nimport { LogoTwitch20 } from '../../icons/LogoTwitch20'\nimport { LogoTwitter20 } from '../../icons/LogoTwitter20'\nimport { LogoWhatsapp20 } from '../../icons/LogoWhatsapp20'\nimport { LogoVimeo20 } from '../../icons/LogoVimeo20'\nimport { LogoX20 } from '../../icons/LogoX20'\nimport { LogoYelp20 } from '../../icons/LogoYelp20'\nimport { LogoYoutube20 } from '../../icons/LogoYoutube20'\n\nexport const SocialLinksOptions = [\n  { type: 'angellist', label: 'AngelList', icon: <LogoAngellist20 />, brandColor: 'black' },\n  { type: 'codepen', label: 'CodePen', icon: <LogoCodepen20 />, brandColor: 'black' },\n  { type: 'discord', label: 'Discord', icon: <LogoDiscord20 />, brandColor: '#5865F2' },\n  { type: 'dribbble', label: 'Dribbble', icon: <LogoDribbble20 />, brandColor: '#ea4c89' },\n  { type: 'facebook', label: 'Facebook', icon: <LogoFacebook20 />, brandColor: '#3b5998' },\n  { type: 'github', label: 'GitHub', icon: <LogoGithub20 />, brandColor: 'black' },\n  { type: 'instagram', label: 'Instagram', icon: <LogoInstagram20 />, brandColor: 'black' },\n  { type: 'linkedin', label: 'LinkedIn', icon: <LogoLinkedin20 />, brandColor: '#0077b5' },\n  { type: 'medium', label: 'Medium', icon: <LogoMedium20 />, brandColor: 'black' },\n  { type: 'pinterest', label: 'Pinterest', icon: <LogoPinterest20 />, brandColor: '#bd081c' },\n  { type: 'reddit', label: 'Reddit', icon: <LogoReddit20 />, brandColor: '#ff4500' },\n  { type: 'rss', label: 'RSS', icon: <LogoRss20 />, brandColor: 'black' },\n  { type: 'slack', label: 'Slack', icon: <LogoSlack20 />, brandColor: '#fffc00' },\n  { type: 'snapchat', label: 'Snapchat', icon: <LogoSnapchat20 />, brandColor: '#fffc00' },\n  { type: 'soundcloud', label: 'SoundCloud', icon: <LogoSoundcloud20 />, brandColor: '#ff3300' },\n  { type: 'spotify', label: 'Spotify', icon: <LogoSpotify20 />, brandColor: '#1db954' },\n  { type: 'telegram', label: 'Telegram', icon: <LogoTelegram20 />, brandColor: '#0088cc' },\n  { type: 'tumblr', label: 'Tumblr', icon: <LogoTumblr20 />, brandColor: '#35465c' },\n  { type: 'twitch', label: 'Twitch', icon: <LogoTwitch20 />, brandColor: '#6441A4' },\n  { type: 'twitter', label: 'Twitter', icon: <LogoTwitter20 />, brandColor: '#1da1f2' },\n  { type: 'whatsapp', label: 'WhatsApp', icon: <LogoWhatsapp20 />, brandColor: '#25d366' },\n  { type: 'vimeo', label: 'Vimeo', icon: <LogoVimeo20 />, brandColor: '#1ab7ea' },\n  { type: 'x', label: 'X', icon: <LogoX20 />, brandColor: 'black' },\n  { type: 'yelp', label: 'Yelp', icon: <LogoYelp20 />, brandColor: '#af0606' },\n  { type: 'youtube', label: 'YouTube', icon: <LogoYoutube20 />, brandColor: '#ff0000' },\n] as const\n\nexport type SocialLinksOptionType = typeof SocialLinksOptions[number]['type']\n"],"mappings":"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","names":[]}

package/dist/esm/components/builtin/SocialLinks/register.js

@@ -0,0 +1,141 @@
+import dynamic from "next/dynamic";
+import { forwardNextDynamicRef } from "../../../next/dynamic";
+import { Props } from "../../../prop-controllers";
+import { getBaseBreakpoint } from "../../../state/modules/breakpoints";
+import { MakeswiftComponentType } from "../constants";
+import { ComponentIcon } from "../../../state/modules/components-meta";
+function registerComponent(runtime) {
+  return runtime.registerComponent(
+    forwardNextDynamicRef((patch) => dynamic(() => patch(import("./SocialLinks")))),
+    {
+      type: MakeswiftComponentType.SocialLinks,
+      label: "Social Links",
+      icon: ComponentIcon.SocialLinks,
+      props: {
+        id: Props.ElementID(),
+        links: Props.SocialLinks({
+          preset: {
+            links: [
+              {
+                id: "facebook",
+                payload: { type: "facebook", url: "https://www.facebook.com" }
+              },
+              {
+                id: "instagram",
+                payload: { type: "instagram", url: "https://www.instagram.com" }
+              },
+              {
+                id: "twitter",
+                payload: { type: "twitter", url: "https://www.twitter.com" }
+              }
+            ],
+            openInNewTab: false
+          }
+        }),
+        shape: Props.ResponsiveIconRadioGroup((props) => {
+          const links = props.links;
+          return {
+            label: "Shape",
+            options: [
+              { label: "Naked", value: "naked", icon: "Star16" },
+              { label: "Circle", value: "circle", icon: "StarCircle16" },
+              { label: "Rounded", value: "rounded", icon: "StarRoundedSquare16" },
+              { label: "Square", value: "square", icon: "StarSquare16" }
+            ],
+            defaultValue: "naked",
+            hidden: links == null || links.links.length === 0
+          };
+        }),
+        size: Props.ResponsiveIconRadioGroup((props) => {
+          const links = props.links;
+          return {
+            label: "Size",
+            options: [
+              { label: "Small", value: "small", icon: "SizeSmall16" },
+              { label: "Medium", value: "medium", icon: "SizeMedium16" },
+              { label: "Large", value: "large", icon: "SizeLarge16" }
+            ],
+            defaultValue: "medium",
+            hidden: links == null || links.links.length === 0
+          };
+        }),
+        hoverStyle: Props.ResponsiveSelect((props) => {
+          const links = props.links;
+          const hidden = links == null || links.links.length === 0;
+          return {
+            label: "On hover",
+            options: [
+              { value: "none", label: "None" },
+              { value: "grow", label: "Grow" },
+              { value: "shrink", label: "Shrink" },
+              { value: "fade", label: "Fade" }
+            ],
+            defaultValue: "none",
+            labelOrientation: "horizontal",
+            hidden
+          };
+        }),
+        fill: Props.ResponsiveColor((props) => {
+          const links = props.links;
+          const hidden = links == null || links.links.length === 0;
+          return {
+            label: "Icon color",
+            hidden
+          };
+        }),
+        backgroundColor: Props.ResponsiveColor((props) => {
+          const links = props.links;
+          const hidden = links == null || links.links.length === 0;
+          return {
+            label: "Shape color",
+            hidden
+          };
+        }),
+        alignment: Props.ResponsiveIconRadioGroup({
+          label: "Alignment",
+          options: [
+            { label: "flex-start", value: "flex-start", icon: "AlignLeft16" },
+            { label: "center", value: "center", icon: "AlignCenter16" },
+            { label: "flex-end", value: "flex-end", icon: "AlignRight16" }
+          ],
+          defaultValue: "center"
+        }),
+        gutter: Props.GapX({
+          preset: [
+            {
+              deviceId: getBaseBreakpoint(runtime.getBreakpoints()).id,
+              value: { value: 10, unit: "px" }
+            }
+          ],
+          label: "Link gap",
+          min: 0,
+          max: 100,
+          step: 1,
+          defaultValue: { value: 0, unit: "px" }
+        }),
+        width: Props.Width({
+          format: Props.Width.Format.ClassName,
+          defaultValue: { value: 100, unit: "%" }
+        }),
+        margin: Props.Margin({
+          format: Props.Margin.Format.ClassName,
+          preset: [
+            {
+              deviceId: getBaseBreakpoint(runtime.getBreakpoints()).id,
+              value: {
+                marginTop: { value: 10, unit: "px" },
+                marginRight: "auto",
+                marginBottom: { value: 10, unit: "px" },
+                marginLeft: "auto"
+              }
+            }
+          ]
+        })
+      }
+    }
+  );
+}
+export {
+  registerComponent
+};
+//# sourceMappingURL=register.js.map

package/dist/esm/components/builtin/SocialLinks/register.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/builtin/SocialLinks/register.ts"],"sourcesContent":["import dynamic from 'next/dynamic'\n\nimport { forwardNextDynamicRef } from '../../../next/dynamic'\nimport { Props } from '../../../prop-controllers'\nimport { SocialLinksValue } from '../../../prop-controllers/descriptors'\nimport { ReactRuntime } from '../../../runtimes/react'\nimport { getBaseBreakpoint } from '../../../state/modules/breakpoints'\nimport { MakeswiftComponentType } from '../constants'\nimport { ComponentIcon } from '../../../state/modules/components-meta'\n\nexport function registerComponent(runtime: ReactRuntime) {\n  return runtime.registerComponent(\n    forwardNextDynamicRef(patch => dynamic(() => patch(import('./SocialLinks')))),\n    {\n      type: MakeswiftComponentType.SocialLinks,\n      label: 'Social Links',\n      icon: ComponentIcon.SocialLinks,\n      props: {\n        id: Props.ElementID(),\n        links: Props.SocialLinks({\n          preset: {\n            links: [\n              {\n                id: 'facebook',\n                payload: { type: 'facebook', url: 'https://www.facebook.com' },\n              },\n              {\n                id: 'instagram',\n                payload: { type: 'instagram', url: 'https://www.instagram.com' },\n              },\n              {\n                id: 'twitter',\n                payload: { type: 'twitter', url: 'https://www.twitter.com' },\n              },\n            ],\n            openInNewTab: false,\n          },\n        }),\n        shape: Props.ResponsiveIconRadioGroup(props => {\n          const links = props.links as SocialLinksValue\n\n          return {\n            label: 'Shape',\n            options: [\n              { label: 'Naked', value: 'naked', icon: 'Star16' },\n              { label: 'Circle', value: 'circle', icon: 'StarCircle16' },\n              { label: 'Rounded', value: 'rounded', icon: 'StarRoundedSquare16' },\n              { label: 'Square', value: 'square', icon: 'StarSquare16' },\n            ],\n            defaultValue: 'naked',\n            hidden: links == null || links.links.length === 0,\n          }\n        }),\n        size: Props.ResponsiveIconRadioGroup(props => {\n          const links = props.links as SocialLinksValue\n\n          return {\n            label: 'Size',\n            options: [\n              { label: 'Small', value: 'small', icon: 'SizeSmall16' },\n              { label: 'Medium', value: 'medium', icon: 'SizeMedium16' },\n              { label: 'Large', value: 'large', icon: 'SizeLarge16' },\n            ],\n            defaultValue: 'medium',\n            hidden: links == null || links.links.length === 0,\n          }\n        }),\n        hoverStyle: Props.ResponsiveSelect(props => {\n          const links = props.links as SocialLinksValue\n          const hidden = links == null || links.links.length === 0\n\n          return {\n            label: 'On hover',\n            options: [\n              { value: 'none', label: 'None' },\n              { value: 'grow', label: 'Grow' },\n              { value: 'shrink', label: 'Shrink' },\n              { value: 'fade', label: 'Fade' },\n            ],\n            defaultValue: 'none',\n            labelOrientation: 'horizontal',\n            hidden,\n          }\n        }),\n        fill: Props.ResponsiveColor(props => {\n          const links = props.links as SocialLinksValue\n          const hidden = links == null || links.links.length === 0\n\n          return {\n            label: 'Icon color',\n            hidden,\n          }\n        }),\n        backgroundColor: Props.ResponsiveColor(props => {\n          const links = props.links as SocialLinksValue\n          const hidden = links == null || links.links.length === 0\n\n          return {\n            label: 'Shape color',\n            hidden,\n          }\n        }),\n        alignment: Props.ResponsiveIconRadioGroup({\n          label: 'Alignment',\n          options: [\n            { label: 'flex-start', value: 'flex-start', icon: 'AlignLeft16' },\n            { label: 'center', value: 'center', icon: 'AlignCenter16' },\n            { label: 'flex-end', value: 'flex-end', icon: 'AlignRight16' },\n          ],\n          defaultValue: 'center',\n        }),\n        gutter: Props.GapX({\n          preset: [\n            {\n              deviceId: getBaseBreakpoint(runtime.getBreakpoints()).id,\n              value: { value: 10, unit: 'px' },\n            },\n          ],\n          label: 'Link gap',\n          min: 0,\n          max: 100,\n          step: 1,\n          defaultValue: { value: 0, unit: 'px' },\n        }),\n        width: Props.Width({\n          format: Props.Width.Format.ClassName,\n          defaultValue: { value: 100, unit: '%' },\n        }),\n        margin: Props.Margin({\n          format: Props.Margin.Format.ClassName,\n          preset: [\n            {\n              deviceId: getBaseBreakpoint(runtime.getBreakpoints()).id,\n              value: {\n                marginTop: { value: 10, unit: 'px' },\n                marginRight: 'auto',\n                marginBottom: { value: 10, unit: 'px' },\n                marginLeft: 'auto',\n              },\n            },\n          ],\n        }),\n      },\n    },\n  )\n}\n"],"mappings":"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","names":[]}

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

@@ -0,0 +1,10 @@
+import { jsx } from "react/jsx-runtime";
+import { cx } from "@emotion/css";
+function Text({ id, text, width, margin }) {
+  return /* @__PURE__ */ jsx("div", { id, className: cx(width, margin), children: text });
+}
+var Text_default = Text;
+export {
+  Text_default as default
+};
+//# sourceMappingURL=Text.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/builtin/Text/Text.tsx"],"sourcesContent":["import { cx } from '@emotion/css'\nimport { ElementIDValue } from '../../../prop-controllers/descriptors'\nimport { RichTextV2ControlValue } from '../../../runtimes/react/controls/rich-text-v2'\n\ntype Props = {\n  id?: ElementIDValue\n  text?: RichTextV2ControlValue\n  width?: string\n  margin?: string\n}\n\nfunction Text({ id, text, width, margin }: Props) {\n  return (\n    <div id={id} className={cx(width, margin)}>\n      {text}\n    </div>\n  )\n}\n\nexport default Text\n"],"mappings":"AAaI;AAbJ,SAAS,UAAU;AAWnB,SAAS,KAAK,EAAE,IAAI,MAAM,OAAO,OAAO,GAAU;AAChD,SACE,oBAAC,SAAI,IAAQ,WAAW,GAAG,OAAO,MAAM,GACrC,gBACH;AAEJ;AAEA,IAAO,eAAQ;","names":[]}

package/dist/esm/components/builtin/Text/index.js

@@ -0,0 +1,5 @@
+import { default as default2 } from "./Text";
+export {
+  default2 as default
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/components/builtin/Text/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/builtin/Text/index.tsx"],"sourcesContent":["export { default } from './Text'\n"],"mappings":"AAAA,SAAS,WAAAA,gBAAe;","names":["default"]}

package/dist/esm/components/builtin/Text/register.js

@@ -0,0 +1,47 @@
+import { Props } from "../../../prop-controllers";
+import { MakeswiftComponentType } from "../constants";
+import { getBaseBreakpoint } from "../../../state/modules/breakpoints";
+import { RichText } from "../../../controls/rich-text-v2/rich-text-v2";
+import { forwardNextDynamicRef } from "../../../next/dynamic";
+import dynamic from "next/dynamic";
+function registerComponent(runtime) {
+  return runtime.registerComponent(
+    forwardNextDynamicRef((patch) => dynamic(() => patch(import("./Text")))),
+    {
+      type: MakeswiftComponentType.Text,
+      label: "Text",
+      props: {
+        id: Props.ElementID(),
+        text: RichText(),
+        width: Props.Width({
+          format: Props.Width.Format.ClassName,
+          preset: [
+            {
+              deviceId: getBaseBreakpoint(runtime.getBreakpoints()).id,
+              value: { value: 700, unit: "px" }
+            }
+          ],
+          defaultValue: { value: 100, unit: "%" }
+        }),
+        margin: Props.Margin({
+          format: Props.Margin.Format.ClassName,
+          preset: [
+            {
+              deviceId: getBaseBreakpoint(runtime.getBreakpoints()).id,
+              value: {
+                marginTop: null,
+                marginRight: "auto",
+                marginBottom: { value: 20, unit: "px" },
+                marginLeft: "auto"
+              }
+            }
+          ]
+        })
+      }
+    }
+  );
+}
+export {
+  registerComponent
+};
+//# sourceMappingURL=register.js.map

package/dist/esm/components/builtin/Text/register.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/builtin/Text/register.ts"],"sourcesContent":["import { Props } from '../../../prop-controllers'\nimport { ReactRuntime } from '../../../runtimes/react'\nimport { MakeswiftComponentType } from '../constants'\nimport { getBaseBreakpoint } from '../../../state/modules/breakpoints'\nimport { RichText } from '../../../controls/rich-text-v2/rich-text-v2'\nimport { forwardNextDynamicRef } from '../../../next/dynamic'\nimport dynamic from 'next/dynamic'\n\nexport function registerComponent(runtime: ReactRuntime) {\n  return runtime.registerComponent(\n    forwardNextDynamicRef(patch => dynamic(() => patch(import('./Text')))),\n    {\n      type: MakeswiftComponentType.Text,\n      label: 'Text',\n      props: {\n        id: Props.ElementID(),\n        text: RichText(),\n        width: Props.Width({\n          format: Props.Width.Format.ClassName,\n          preset: [\n            {\n              deviceId: getBaseBreakpoint(runtime.getBreakpoints()).id,\n              value: { value: 700, unit: 'px' },\n            },\n          ],\n          defaultValue: { value: 100, unit: '%' },\n        }),\n        margin: Props.Margin({\n          format: Props.Margin.Format.ClassName,\n          preset: [\n            {\n              deviceId: getBaseBreakpoint(runtime.getBreakpoints()).id,\n              value: {\n                marginTop: null,\n                marginRight: 'auto',\n                marginBottom: { value: 20, unit: 'px' },\n                marginLeft: 'auto',\n              },\n            },\n          ],\n        }),\n      },\n    },\n  )\n}\n"],"mappings":"AAAA,SAAS,aAAa;AAEtB,SAAS,8BAA8B;AACvC,SAAS,yBAAyB;AAClC,SAAS,gBAAgB;AACzB,SAAS,6BAA6B;AACtC,OAAO,aAAa;AAEb,SAAS,kBAAkB,SAAuB;AACvD,SAAO,QAAQ;AAAA,IACb,sBAAsB,WAAS,QAAQ,MAAM,MAAM,OAAO,QAAQ,CAAC,CAAC,CAAC;AAAA,IACrE;AAAA,MACE,MAAM,uBAAuB;AAAA,MAC7B,OAAO;AAAA,MACP,OAAO;AAAA,QACL,IAAI,MAAM,UAAU;AAAA,QACpB,MAAM,SAAS;AAAA,QACf,OAAO,MAAM,MAAM;AAAA,UACjB,QAAQ,MAAM,MAAM,OAAO;AAAA,UAC3B,QAAQ;AAAA,YACN;AAAA,cACE,UAAU,kBAAkB,QAAQ,eAAe,CAAC,EAAE;AAAA,cACtD,OAAO,EAAE,OAAO,KAAK,MAAM,KAAK;AAAA,YAClC;AAAA,UACF;AAAA,UACA,cAAc,EAAE,OAAO,KAAK,MAAM,IAAI;AAAA,QACxC,CAAC;AAAA,QACD,QAAQ,MAAM,OAAO;AAAA,UACnB,QAAQ,MAAM,OAAO,OAAO;AAAA,UAC5B,QAAQ;AAAA,YACN;AAAA,cACE,UAAU,kBAAkB,QAAQ,eAAe,CAAC,EAAE;AAAA,cACtD,OAAO;AAAA,gBACL,WAAW;AAAA,gBACX,aAAa;AAAA,gBACb,cAAc,EAAE,OAAO,IAAI,MAAM,KAAK;AAAA,gBACtC,YAAY;AAAA,cACd;AAAA,YACF;AAAA,UACF;AAAA,QACF,CAAC;AAAA,MACH;AAAA,IACF;AAAA,EACF;AACF;","names":[]}

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

@@ -0,0 +1,48 @@
+import { jsx } from "react/jsx-runtime";
+import { cx } from "@emotion/css";
+import { forwardRef, useEffect, useState } from "react";
+import ReactPlayer from "react-player";
+import { useStyle } from "../../../runtimes/react/use-style";
+import { placeholders } from "../../utils/placeholders";
+const ASPECT_RATIO = 16 / 9;
+const Video = forwardRef(function Video2({ id, video, width, margin, borderRadius }, ref) {
+  const canPlayUrl = video && video.url != null && ReactPlayer.canPlay(video.url);
+  const [shouldRenderReactPlayer, setShouldRenderReactPlayer] = useState(false);
+  useEffect(() => {
+    setShouldRenderReactPlayer(true);
+  }, []);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      id,
+      className: cx(
+        useStyle({ display: "flex", flexDirection: "column", overflow: "hidden" }),
+        width,
+        margin,
+        borderRadius
+      ),
+      children: /* @__PURE__ */ jsx("div", { style: { position: "relative", paddingTop: `${100 / ASPECT_RATIO}%` }, children: /* @__PURE__ */ jsx("div", { style: { position: "absolute", top: 0, left: 0, right: 0, bottom: 0 }, children: shouldRenderReactPlayer && canPlayUrl === true ? /* @__PURE__ */ jsx(
+        ReactPlayer,
+        {
+          ...video,
+          width: "100%",
+          height: "100%",
+          config: {
+            vimeo: { playerOptions: { background: video != null && !video.controls } },
+            wistia: {
+              options: {
+                endVideoBehavior: video != null && video.loop === true ? "loop" : "default"
+              }
+            }
+          }
+        }
+      ) : /* @__PURE__ */ jsx("img", { width: "100%", src: placeholders.video.src, alt: "Video Placeholder" }) }) })
+    }
+  );
+});
+var Video_default = Video;
+export {
+  Video_default as default
+};
+//# sourceMappingURL=Video.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/builtin/Video/Video.tsx"],"sourcesContent":["import { cx } from '@emotion/css'\nimport { forwardRef, Ref, useEffect, useState } from 'react'\nimport ReactPlayer from 'react-player'\n\nimport { ElementIDValue, VideoValue } from '../../../prop-controllers/descriptors'\nimport { useStyle } from '../../../runtimes/react/use-style'\nimport { placeholders } from '../../utils/placeholders'\n\ntype Props = {\n  id?: ElementIDValue\n  video?: VideoValue\n  width?: string\n  margin?: string\n  borderRadius?: string\n}\n\nconst ASPECT_RATIO = 16 / 9\n\nconst Video = forwardRef(function Video(\n  { id, video, width, margin, borderRadius }: Props,\n  ref: Ref<HTMLDivElement>,\n) {\n  const canPlayUrl = video && video.url != null && ReactPlayer.canPlay(video.url)\n  /**\n   * @see https://github.com/cookpete/react-player/issues/1428\n   */\n  const [shouldRenderReactPlayer, setShouldRenderReactPlayer] = useState(false)\n\n  useEffect(() => {\n    setShouldRenderReactPlayer(true)\n  }, [])\n\n  return (\n    <div\n      ref={ref}\n      id={id}\n      className={cx(\n        useStyle({ display: 'flex', flexDirection: 'column', overflow: 'hidden' }),\n        width,\n        margin,\n        borderRadius,\n      )}\n    >\n      <div style={{ position: 'relative', paddingTop: `${100 / ASPECT_RATIO}%` }}>\n        <div style={{ position: 'absolute', top: 0, left: 0, right: 0, bottom: 0 }}>\n          {shouldRenderReactPlayer && canPlayUrl === true ? (\n            <ReactPlayer\n              {...video}\n              width=\"100%\"\n              height=\"100%\"\n              config={{\n                vimeo: { playerOptions: { background: video != null && !video.controls } },\n                wistia: {\n                  options: {\n                    endVideoBehavior: video != null && video.loop === true ? 'loop' : 'default',\n                  },\n                },\n              }}\n            />\n          ) : (\n            <img width=\"100%\" src={placeholders.video.src} alt=\"Video Placeholder\" />\n          )}\n        </div>\n      </div>\n    </div>\n  )\n})\n\nexport default Video\n"],"mappings":"AA8CY;AA9CZ,SAAS,UAAU;AACnB,SAAS,YAAiB,WAAW,gBAAgB;AACrD,OAAO,iBAAiB;AAGxB,SAAS,gBAAgB;AACzB,SAAS,oBAAoB;AAU7B,MAAM,eAAe,KAAK;AAE1B,MAAM,QAAQ,WAAW,SAASA,OAChC,EAAE,IAAI,OAAO,OAAO,QAAQ,aAAa,GACzC,KACA;AACA,QAAM,aAAa,SAAS,MAAM,OAAO,QAAQ,YAAY,QAAQ,MAAM,GAAG;AAI9E,QAAM,CAAC,yBAAyB,0BAA0B,IAAI,SAAS,KAAK;AAE5E,YAAU,MAAM;AACd,+BAA2B,IAAI;AAAA,EACjC,GAAG,CAAC,CAAC;AAEL,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,WAAW;AAAA,QACT,SAAS,EAAE,SAAS,QAAQ,eAAe,UAAU,UAAU,SAAS,CAAC;AAAA,QACzE;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MAEA,8BAAC,SAAI,OAAO,EAAE,UAAU,YAAY,YAAY,GAAG,MAAM,YAAY,IAAI,GACvE,8BAAC,SAAI,OAAO,EAAE,UAAU,YAAY,KAAK,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,EAAE,GACtE,qCAA2B,eAAe,OACzC;AAAA,QAAC;AAAA;AAAA,UACE,GAAG;AAAA,UACJ,OAAM;AAAA,UACN,QAAO;AAAA,UACP,QAAQ;AAAA,YACN,OAAO,EAAE,eAAe,EAAE,YAAY,SAAS,QAAQ,CAAC,MAAM,SAAS,EAAE;AAAA,YACzE,QAAQ;AAAA,cACN,SAAS;AAAA,gBACP,kBAAkB,SAAS,QAAQ,MAAM,SAAS,OAAO,SAAS;AAAA,cACpE;AAAA,YACF;AAAA,UACF;AAAA;AAAA,MACF,IAEA,oBAAC,SAAI,OAAM,QAAO,KAAK,aAAa,MAAM,KAAK,KAAI,qBAAoB,GAE3E,GACF;AAAA;AAAA,EACF;AAEJ,CAAC;AAED,IAAO,gBAAQ;","names":["Video"]}

package/dist/esm/components/builtin/Video/index.js

@@ -0,0 +1,5 @@
+import { default as default2 } from "./Video";
+export {
+  default2 as default
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/components/builtin/Video/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/builtin/Video/index.tsx"],"sourcesContent":["export { default } from './Video'\n"],"mappings":"AAAA,SAAS,WAAAA,gBAAe;","names":["default"]}

package/dist/esm/components/builtin/Video/register.js

@@ -0,0 +1,29 @@
+import dynamic from "next/dynamic";
+import { forwardNextDynamicRef } from "../../../next/dynamic";
+import { Props } from "../../../prop-controllers";
+import { MakeswiftComponentType } from "../constants";
+import { ComponentIcon } from "../../../state/modules/components-meta";
+function registerComponent(runtime) {
+  return runtime.registerComponent(
+    forwardNextDynamicRef((patch) => dynamic(() => patch(import("./Video")))),
+    {
+      type: MakeswiftComponentType.Video,
+      label: "Video",
+      icon: ComponentIcon.Video,
+      props: {
+        id: Props.ElementID(),
+        video: Props.Video({ preset: { controls: true } }),
+        width: Props.Width({
+          format: Props.Width.Format.ClassName,
+          defaultValue: { value: 560, unit: "px" }
+        }),
+        margin: Props.Margin({ format: Props.Margin.Format.ClassName }),
+        borderRadius: Props.BorderRadius({ format: Props.BorderRadius.Format.ClassName })
+      }
+    }
+  );
+}
+export {
+  registerComponent
+};
+//# sourceMappingURL=register.js.map

package/dist/esm/components/builtin/Video/register.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/builtin/Video/register.ts"],"sourcesContent":["import dynamic from 'next/dynamic'\n\nimport { forwardNextDynamicRef } from '../../../next/dynamic'\nimport { Props } from '../../../prop-controllers'\nimport { ReactRuntime } from '../../../runtimes/react'\nimport { MakeswiftComponentType } from '../constants'\nimport { ComponentIcon } from '../../../state/modules/components-meta'\n\nexport function registerComponent(runtime: ReactRuntime) {\n  return runtime.registerComponent(\n    forwardNextDynamicRef(patch => dynamic(() => patch(import('./Video')))),\n    {\n      type: MakeswiftComponentType.Video,\n      label: 'Video',\n      icon: ComponentIcon.Video,\n      props: {\n        id: Props.ElementID(),\n        video: Props.Video({ preset: { controls: true } }),\n        width: Props.Width({\n          format: Props.Width.Format.ClassName,\n          defaultValue: { value: 560, unit: 'px' },\n        }),\n        margin: Props.Margin({ format: Props.Margin.Format.ClassName }),\n        borderRadius: Props.BorderRadius({ format: Props.BorderRadius.Format.ClassName }),\n      },\n    },\n  )\n}\n"],"mappings":"AAAA,OAAO,aAAa;AAEpB,SAAS,6BAA6B;AACtC,SAAS,aAAa;AAEtB,SAAS,8BAA8B;AACvC,SAAS,qBAAqB;AAEvB,SAAS,kBAAkB,SAAuB;AACvD,SAAO,QAAQ;AAAA,IACb,sBAAsB,WAAS,QAAQ,MAAM,MAAM,OAAO,SAAS,CAAC,CAAC,CAAC;AAAA,IACtE;AAAA,MACE,MAAM,uBAAuB;AAAA,MAC7B,OAAO;AAAA,MACP,MAAM,cAAc;AAAA,MACpB,OAAO;AAAA,QACL,IAAI,MAAM,UAAU;AAAA,QACpB,OAAO,MAAM,MAAM,EAAE,QAAQ,EAAE,UAAU,KAAK,EAAE,CAAC;AAAA,QACjD,OAAO,MAAM,MAAM;AAAA,UACjB,QAAQ,MAAM,MAAM,OAAO;AAAA,UAC3B,cAAc,EAAE,OAAO,KAAK,MAAM,KAAK;AAAA,QACzC,CAAC;AAAA,QACD,QAAQ,MAAM,OAAO,EAAE,QAAQ,MAAM,OAAO,OAAO,UAAU,CAAC;AAAA,QAC9D,cAAc,MAAM,aAAa,EAAE,QAAQ,MAAM,aAAa,OAAO,UAAU,CAAC;AAAA,MAClF;AAAA,IACF;AAAA,EACF;AACF;","names":[]}

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

@@ -0,0 +1,19 @@
+const MakeswiftComponentType = {
+  Box: "./components/Box/index.js",
+  Button: "./components/Button/index.js",
+  Carousel: "./components/Carousel/index.js",
+  Countdown: "./components/Countdown/index.js",
+  Divider: "./components/Divider/index.js",
+  Embed: "./components/Embed/index.js",
+  Form: "./components/Form/index.js",
+  Image: "./components/Image/index.js",
+  Navigation: "./components/Navigation/index.js",
+  Root: "./components/Root/index.js",
+  SocialLinks: "./components/SocialLinks/index.js",
+  Text: "./components/Text/index.js",
+  Video: "./components/Video/index.js"
+};
+export {
+  MakeswiftComponentType
+};
+//# sourceMappingURL=constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/builtin/constants.ts"],"sourcesContent":["/**\n * These are the element types that have been used since the beginning of Makeswift and are saved in\n * the database.\n */\nexport const MakeswiftComponentType = {\n  Box: './components/Box/index.js',\n  Button: './components/Button/index.js',\n  Carousel: './components/Carousel/index.js',\n  Countdown: './components/Countdown/index.js',\n  Divider: './components/Divider/index.js',\n  Embed: './components/Embed/index.js',\n  Form: './components/Form/index.js',\n  Image: './components/Image/index.js',\n  Navigation: './components/Navigation/index.js',\n  Root: './components/Root/index.js',\n  SocialLinks: './components/SocialLinks/index.js',\n  Text: './components/Text/index.js',\n  Video: './components/Video/index.js',\n} as const\n"],"mappings":"AAIO,MAAM,yBAAyB;AAAA,EACpC,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,WAAW;AAAA,EACX,SAAS;AAAA,EACT,OAAO;AAAA,EACP,MAAM;AAAA,EACN,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,MAAM;AAAA,EACN,aAAa;AAAA,EACb,MAAM;AAAA,EACN,OAAO;AACT;","names":[]}

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

@@ -0,0 +1,32 @@
+export * from "./Box";
+import { default as default2 } from "./Box";
+import { default as default3 } from "./Button";
+import { default as default4 } from "./Carousel";
+import { default as default5 } from "./Countdown";
+import { default as default6 } from "./Divider";
+import { default as default7 } from "./Embed";
+import { default as default8 } from "./Form";
+import { default as default9 } from "./Image";
+import { default as default10 } from "./Navigation";
+import { default as default11 } from "./Root";
+import { default as default12 } from "./SocialLinks";
+import { default as default13 } from "./Text";
+import { default as default14 } from "./Video";
+import { MakeswiftComponentType } from "./constants";
+export {
+  default2 as Box,
+  default3 as Button,
+  default4 as Carousel,
+  default5 as Countdown,
+  default6 as Divider,
+  default7 as Embed,
+  default8 as Form,
+  default9 as Image,
+  MakeswiftComponentType,
+  default10 as Navigation,
+  default11 as Root,
+  default12 as SocialLinks,
+  default13 as Text,
+  default14 as Video
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/builtin/index.ts"],"sourcesContent":["export * from './Box'\nexport { default as Box } from './Box'\nexport { default as Button } from './Button'\nexport { default as Carousel } from './Carousel'\nexport { default as Countdown } from './Countdown'\nexport { default as Divider } from './Divider'\nexport { default as Embed } from './Embed'\nexport { default as Form } from './Form'\nexport { default as Image } from './Image'\nexport { default as Navigation } from './Navigation'\nexport { default as Root } from './Root'\nexport { default as SocialLinks } from './SocialLinks'\nexport { default as Text } from './Text'\nexport { default as Video } from './Video'\n\nexport { MakeswiftComponentType } from './constants'\n"],"mappings":"AAAA,cAAc;AACd,SAAoB,WAAXA,gBAAsB;AAC/B,SAAoB,WAAXA,gBAAyB;AAClC,SAAoB,WAAXA,gBAA2B;AACpC,SAAoB,WAAXA,gBAA4B;AACrC,SAAoB,WAAXA,gBAA0B;AACnC,SAAoB,WAAXA,gBAAwB;AACjC,SAAoB,WAAXA,gBAAuB;AAChC,SAAoB,WAAXA,gBAAwB;AACjC,SAAoB,WAAXA,iBAA6B;AACtC,SAAoB,WAAXA,iBAAuB;AAChC,SAAoB,WAAXA,iBAA8B;AACvC,SAAoB,WAAXA,iBAAuB;AAChC,SAAoB,WAAXA,iBAAwB;AAEjC,SAAS,8BAA8B;","names":["default"]}

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

@@ -0,0 +1,47 @@
+import { registerComponent as registerBoxComponent } from "./Box/register";
+import { registerComponent as registerButtonComponent } from "./Button/register";
+import { registerComponent as registerCarouselComponent } from "./Carousel/register";
+import { registerComponent as registerCountdownComponent } from "./Countdown/register";
+import { registerComponent as registerDividerComponent } from "./Divider/register";
+import { registerComponent as registerEmbedComponent } from "./Embed/register";
+import { registerComponent as registerFormComponent } from "./Form/register";
+import { registerComponent as registerImageComponent } from "./Image/register";
+import { registerComponent as registerNavigationComponent } from "./Navigation/register";
+import { registerComponent as registerRootComponent } from "./Root/register";
+import { registerComponent as registerSocialLinksComponent } from "./SocialLinks/register";
+import { registerComponent as registerTextComponent } from "./Text/register";
+import { registerComponent as registerVideoComponent } from "./Video/register";
+function registerBuiltinComponents(runtime) {
+  const unregisterBoxComponent = registerBoxComponent(runtime);
+  const unregisterButtonComponent = registerButtonComponent(runtime);
+  const unregisterCarouselComponent = registerCarouselComponent(runtime);
+  const unregisterCountdownComponent = registerCountdownComponent(runtime);
+  const unregisterDividerComponent = registerDividerComponent(runtime);
+  const unregisterEmbedComponent = registerEmbedComponent(runtime);
+  const unregisterFormComponent = registerFormComponent(runtime);
+  const unregisterImageComponent = registerImageComponent(runtime);
+  const unregisterNavigationComponent = registerNavigationComponent(runtime);
+  const unregisterRootComponent = registerRootComponent(runtime);
+  const unregisterSocialLinksComponent = registerSocialLinksComponent(runtime);
+  const unregisterTextComponent = registerTextComponent(runtime);
+  const unregisterVideoComponent = registerVideoComponent(runtime);
+  return () => {
+    unregisterBoxComponent();
+    unregisterButtonComponent();
+    unregisterCarouselComponent();
+    unregisterCountdownComponent();
+    unregisterDividerComponent();
+    unregisterEmbedComponent();
+    unregisterFormComponent();
+    unregisterImageComponent();
+    unregisterNavigationComponent();
+    unregisterRootComponent();
+    unregisterSocialLinksComponent();
+    unregisterTextComponent();
+    unregisterVideoComponent();
+  };
+}
+export {
+  registerBuiltinComponents
+};
+//# sourceMappingURL=register.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/builtin/register.ts"],"sourcesContent":["import { ReactRuntime } from '../../runtimes/react'\nimport { registerComponent as registerBoxComponent } from './Box/register'\nimport { registerComponent as registerButtonComponent } from './Button/register'\nimport { registerComponent as registerCarouselComponent } from './Carousel/register'\nimport { registerComponent as registerCountdownComponent } from './Countdown/register'\nimport { registerComponent as registerDividerComponent } from './Divider/register'\nimport { registerComponent as registerEmbedComponent } from './Embed/register'\nimport { registerComponent as registerFormComponent } from './Form/register'\nimport { registerComponent as registerImageComponent } from './Image/register'\nimport { registerComponent as registerNavigationComponent } from './Navigation/register'\nimport { registerComponent as registerRootComponent } from './Root/register'\nimport { registerComponent as registerSocialLinksComponent } from './SocialLinks/register'\nimport { registerComponent as registerTextComponent } from './Text/register'\nimport { registerComponent as registerVideoComponent } from './Video/register'\n\nexport function registerBuiltinComponents(runtime: ReactRuntime) {\n  const unregisterBoxComponent = registerBoxComponent(runtime)\n  const unregisterButtonComponent = registerButtonComponent(runtime)\n  const unregisterCarouselComponent = registerCarouselComponent(runtime)\n  const unregisterCountdownComponent = registerCountdownComponent(runtime)\n  const unregisterDividerComponent = registerDividerComponent(runtime)\n  const unregisterEmbedComponent = registerEmbedComponent(runtime)\n  const unregisterFormComponent = registerFormComponent(runtime)\n  const unregisterImageComponent = registerImageComponent(runtime)\n  const unregisterNavigationComponent = registerNavigationComponent(runtime)\n  const unregisterRootComponent = registerRootComponent(runtime)\n  const unregisterSocialLinksComponent = registerSocialLinksComponent(runtime)\n  const unregisterTextComponent = registerTextComponent(runtime)\n  const unregisterVideoComponent = registerVideoComponent(runtime)\n\n  return () => {\n    unregisterBoxComponent()\n    unregisterButtonComponent()\n    unregisterCarouselComponent()\n    unregisterCountdownComponent()\n    unregisterDividerComponent()\n    unregisterEmbedComponent()\n    unregisterFormComponent()\n    unregisterImageComponent()\n    unregisterNavigationComponent()\n    unregisterRootComponent()\n    unregisterSocialLinksComponent()\n    unregisterTextComponent()\n    unregisterVideoComponent()\n  }\n}\n"],"mappings":"AACA,SAAS,qBAAqB,4BAA4B;AAC1D,SAAS,qBAAqB,+BAA+B;AAC7D,SAAS,qBAAqB,iCAAiC;AAC/D,SAAS,qBAAqB,kCAAkC;AAChE,SAAS,qBAAqB,gCAAgC;AAC9D,SAAS,qBAAqB,8BAA8B;AAC5D,SAAS,qBAAqB,6BAA6B;AAC3D,SAAS,qBAAqB,8BAA8B;AAC5D,SAAS,qBAAqB,mCAAmC;AACjE,SAAS,qBAAqB,6BAA6B;AAC3D,SAAS,qBAAqB,oCAAoC;AAClE,SAAS,qBAAqB,6BAA6B;AAC3D,SAAS,qBAAqB,8BAA8B;AAErD,SAAS,0BAA0B,SAAuB;AAC/D,QAAM,yBAAyB,qBAAqB,OAAO;AAC3D,QAAM,4BAA4B,wBAAwB,OAAO;AACjE,QAAM,8BAA8B,0BAA0B,OAAO;AACrE,QAAM,+BAA+B,2BAA2B,OAAO;AACvE,QAAM,6BAA6B,yBAAyB,OAAO;AACnE,QAAM,2BAA2B,uBAAuB,OAAO;AAC/D,QAAM,0BAA0B,sBAAsB,OAAO;AAC7D,QAAM,2BAA2B,uBAAuB,OAAO;AAC/D,QAAM,gCAAgC,4BAA4B,OAAO;AACzE,QAAM,0BAA0B,sBAAsB,OAAO;AAC7D,QAAM,iCAAiC,6BAA6B,OAAO;AAC3E,QAAM,0BAA0B,sBAAsB,OAAO;AAC7D,QAAM,2BAA2B,uBAAuB,OAAO;AAE/D,SAAO,MAAM;AACX,2BAAuB;AACvB,8BAA0B;AAC1B,gCAA4B;AAC5B,iCAA6B;AAC7B,+BAA2B;AAC3B,6BAAyB;AACzB,4BAAwB;AACxB,6BAAyB;AACzB,kCAA8B;AAC9B,4BAAwB;AACxB,mCAA+B;AAC/B,4BAAwB;AACxB,6BAAyB;AAAA,EAC3B;AACF;","names":[]}

package/dist/esm/components/hooks/index.js

@@ -0,0 +1,6 @@
+export * from "./useBackgrounds";
+export * from "./useBorder";
+export * from "./useBoxShadow";
+export * from "./useResponsiveColor";
+export * from "./useMediaQuery";
+//# sourceMappingURL=index.js.map

package/dist/esm/components/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/hooks/index.ts"],"sourcesContent":["export * from './useBackgrounds'\nexport * from './useBorder'\nexport * from './useBoxShadow'\nexport * from './useResponsiveColor'\nexport * from './useMediaQuery'\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}