@makeswift/runtime 0.13.1 → 0.14.0

package/dist/cjs/components/builtin/Root/components/Placeholder/index.js

@@ -0,0 +1,65 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Placeholder_exports = {};
+__export(Placeholder_exports, {
+  default: () => Placeholder_default
+});
+module.exports = __toCommonJS(Placeholder_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_use_style = require("../../../../../runtimes/react/use-style");
+var Placeholder_default = (0, import_react.forwardRef)(function Placeholder(_props, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      ref,
+      className: (0, import_use_style.useStyle)({
+        width: "100%",
+        background: "rgba(161, 168, 194, 0.18)",
+        height: 80,
+        padding: 8
+      }),
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "svg",
+        {
+          xmlns: "http://www.w3.org/2000/svg",
+          width: "100%",
+          height: "100%",
+          style: { overflow: "visible" },
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "rect",
+            {
+              x: 0,
+              y: 0,
+              width: "100%",
+              height: "100%",
+              strokeWidth: 2,
+              strokeDasharray: "4 2",
+              fill: "none",
+              stroke: "rgba(161, 168, 194, 0.40)",
+              rx: "4",
+              ry: "4"
+            }
+          )
+        }
+      )
+    }
+  );
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/builtin/Root/components/Placeholder/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../src/components/builtin/Root/components/Placeholder/index.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { useStyle } from '../../../../../runtimes/react/use-style'\n\nexport default forwardRef<HTMLDivElement>(function Placeholder(_props, ref) {\n  return (\n    <div\n      ref={ref}\n      className={useStyle({\n        width: '100%',\n        background: 'rgba(161, 168, 194, 0.18)',\n        height: 80,\n        padding: 8,\n      })}\n    >\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"100%\"\n        height=\"100%\"\n        style={{ overflow: 'visible' }}\n      >\n        <rect\n          x={0}\n          y={0}\n          width=\"100%\"\n          height=\"100%\"\n          strokeWidth={2}\n          strokeDasharray=\"4 2\"\n          fill=\"none\"\n          stroke=\"rgba(161, 168, 194, 0.40)\"\n          rx=\"4\"\n          ry=\"4\"\n        />\n      </svg>\n    </div>\n  )\n})\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAoBQ;AApBR,mBAA2B;AAC3B,uBAAyB;AAEzB,IAAO,0BAAQ,yBAA2B,SAAS,YAAY,QAAQ,KAAK;AAC1E,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,eAAW,2BAAS;AAAA,QAClB,OAAO;AAAA,QACP,YAAY;AAAA,QACZ,QAAQ;AAAA,QACR,SAAS;AAAA,MACX,CAAC;AAAA,MAED;AAAA,QAAC;AAAA;AAAA,UACC,OAAM;AAAA,UACN,OAAM;AAAA,UACN,QAAO;AAAA,UACP,OAAO,EAAE,UAAU,UAAU;AAAA,UAE7B;AAAA,YAAC;AAAA;AAAA,cACC,GAAG;AAAA,cACH,GAAG;AAAA,cACH,OAAM;AAAA,cACN,QAAO;AAAA,cACP,aAAa;AAAA,cACb,iBAAgB;AAAA,cAChB,MAAK;AAAA,cACL,QAAO;AAAA,cACP,IAAG;AAAA,cACH,IAAG;AAAA;AAAA,UACL;AAAA;AAAA,MACF;AAAA;AAAA,EACF;AAEJ,CAAC;","names":[]}

package/dist/cjs/components/builtin/Root/index.js

@@ -0,0 +1,35 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Root_exports = {};
+__export(Root_exports, {
+  default: () => import_Root.default
+});
+module.exports = __toCommonJS(Root_exports);
+var import_Root = __toESM(require("./Root"));
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/builtin/Root/index.js.map

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

package/dist/cjs/components/builtin/Root/register.js

@@ -0,0 +1,58 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var register_exports = {};
+__export(register_exports, {
+  registerComponent: () => registerComponent
+});
+module.exports = __toCommonJS(register_exports);
+var import_dynamic = __toESM(require("next/dynamic"));
+var import_dynamic2 = require("../../../next/dynamic");
+var import_prop_controllers = require("../../../prop-controllers");
+var import_constants = require("../constants");
+function registerComponent(runtime) {
+  return runtime.registerComponent(
+    (0, import_dynamic2.forwardNextDynamicRef)((patch) => (0, import_dynamic.default)(() => patch(import("./Root")))),
+    {
+      type: import_constants.MakeswiftComponentType.Root,
+      label: "Page",
+      hidden: true,
+      props: {
+        children: import_prop_controllers.Props.Grid(),
+        backgrounds: import_prop_controllers.Props.Backgrounds(),
+        rowGap: import_prop_controllers.Props.GapY(),
+        columnGap: import_prop_controllers.Props.GapX()
+      }
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  registerComponent
+});
+//# sourceMappingURL=register.js.map

package/dist/cjs/components/builtin/Root/register.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/builtin/Root/register.ts"],"sourcesContent":["import dynamic from 'next/dynamic'\n\nimport { forwardNextDynamicRef } from '../../../next/dynamic'\nimport { Props } from '../../../prop-controllers'\nimport { ReactRuntime } from '../../../react'\nimport { MakeswiftComponentType } from '../constants'\n\nexport function registerComponent(runtime: ReactRuntime) {\n  return runtime.registerComponent(\n    forwardNextDynamicRef(patch => dynamic(() => patch(import('./Root')))),\n    {\n      type: MakeswiftComponentType.Root,\n      label: 'Page',\n      hidden: true,\n      props: {\n        children: Props.Grid(),\n        backgrounds: Props.Backgrounds(),\n        rowGap: Props.GapY(),\n        columnGap: Props.GapX(),\n      },\n    },\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAAoB;AAEpB,IAAAA,kBAAsC;AACtC,8BAAsB;AAEtB,uBAAuC;AAEhC,SAAS,kBAAkB,SAAuB;AACvD,SAAO,QAAQ;AAAA,QACb,uCAAsB,eAAS,eAAAC,SAAQ,MAAM,MAAM,OAAO,QAAQ,CAAC,CAAC,CAAC;AAAA,IACrE;AAAA,MACE,MAAM,wCAAuB;AAAA,MAC7B,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,OAAO;AAAA,QACL,UAAU,8BAAM,KAAK;AAAA,QACrB,aAAa,8BAAM,YAAY;AAAA,QAC/B,QAAQ,8BAAM,KAAK;AAAA,QACnB,WAAW,8BAAM,KAAK;AAAA,MACxB;AAAA,IACF;AAAA,EACF;AACF;","names":["import_dynamic","dynamic"]}

package/dist/cjs/components/builtin/SocialLinks/SocialLinks.js

@@ -0,0 +1,150 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var SocialLinks_exports = {};
+__export(SocialLinks_exports, {
+  default: () => SocialLinks_default
+});
+module.exports = __toCommonJS(SocialLinks_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_Link = require("../../shared/Link");
+var import_colorToString = require("../../utils/colorToString");
+var import_options = require("./options");
+var import_GutterContainer = __toESM(require("../../shared/GutterContainer"));
+var import_SocialLinksPlaceholder = __toESM(require("./components/SocialLinksPlaceholder"));
+var import_css = require("@emotion/css");
+var import_use_style = require("../../../runtimes/react/use-style");
+var import_responsive_style = require("../../utils/responsive-style");
+const SocialLinks = (0, import_react.forwardRef)(function SocialLinks2({
+  id,
+  links: { links, openInNewTab } = { links: [], openInNewTab: false },
+  shape,
+  size,
+  hoverStyle,
+  fill,
+  backgroundColor,
+  alignment,
+  gutter,
+  width,
+  margin
+}, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      ref,
+      id,
+      className: (0, import_css.cx)(
+        (0, import_use_style.useStyle)({ display: "flex", flexDirection: "row", flexWrap: "wrap" }),
+        width,
+        margin,
+        (0, import_use_style.useStyle)(
+          (0, import_responsive_style.useResponsiveStyle)([alignment], ([alignment2 = "center"]) => ({
+            justifyContent: alignment2
+          }))
+        )
+      ),
+      children: links.length > 0 ? links.map((link, i) => {
+        const option = import_options.SocialLinksOptions.find((o) => o.type === link.payload.type);
+        if (!option)
+          throw new Error(`Invalid link payload type ${link.payload.type}`);
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_GutterContainer.default,
+          {
+            gutter,
+            first: i === 0,
+            last: i === links.length - 1,
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              StyledLink,
+              {
+                backgroundColor,
+                brandColor: option.brandColor,
+                fill,
+                hoverStyle,
+                link: { type: "OPEN_URL", payload: { url: link.payload.url, openInNewTab } },
+                shape,
+                size,
+                children: option == null ? null : option.icon
+              }
+            )
+          },
+          link.id
+        );
+      }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_SocialLinksPlaceholder.default, { gutter })
+    }
+  );
+});
+var SocialLinks_default = SocialLinks;
+function StyledLink({
+  className,
+  brandColor,
+  shape,
+  size,
+  hoverStyle,
+  fill,
+  backgroundColor,
+  ...restOfProps
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_Link.Link,
+    {
+      ...restOfProps,
+      className: (0, import_css.cx)(
+        (0, import_use_style.useStyle)({
+          display: "block",
+          color: brandColor,
+          transition: "transform, opacity 0.18s",
+          svg: { display: "block" }
+        }),
+        (0, import_use_style.useStyle)(
+          (0, import_responsive_style.useResponsiveStyle)(
+            [shape, size, hoverStyle, fill, backgroundColor],
+            ([shape2 = "naked", size2 = "medium", hoverStyle2 = "none", fill2, backgroundColor2]) => ({
+              padding: shape2 === "naked" ? 0 : { small: 10, medium: 12, large: 14 }[size2],
+              borderRadius: { circle: "50%", rounded: "8px", naked: 0, square: 0 }[shape2],
+              background: shape2 === "naked" ? "transparent" : backgroundColor2 == null ? "currentColor" : (0, import_colorToString.colorToString)(backgroundColor2),
+              ":hover": {
+                none: {},
+                grow: { transform: "scale(1.1)" },
+                shrink: { transform: "scale(0.9)" },
+                fade: { opacity: 0.65 }
+              }[hoverStyle2],
+              svg: {
+                fill: fill2 == null ? shape2 === "naked" || backgroundColor2 != null ? "currentColor" : "white" : (0, import_colorToString.colorToString)(fill2),
+                width: { small: 16, medium: 20, large: 24 }[size2],
+                height: { small: 16, medium: 20, large: 24 }[size2]
+              }
+            })
+          )
+        ),
+        className
+      )
+    }
+  );
+}
+//# sourceMappingURL=SocialLinks.js.map

package/dist/cjs/components/builtin/SocialLinks/SocialLinks.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/builtin/SocialLinks/SocialLinks.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef, forwardRef, Ref } from 'react'\n\nimport { Link } from '../../shared/Link'\nimport { colorToString } from '../../utils/colorToString'\nimport { ColorValue as Color } from '../../utils/types'\nimport { SocialLinksOptions, SocialLinksOptionType } from './options'\nimport GutterContainer from '../../shared/GutterContainer'\nimport SocialLinksPlaceholder from './components/SocialLinksPlaceholder'\nimport {\n  ResponsiveValue,\n  ElementIDValue,\n  ResponsiveIconRadioGroupValue,\n  ResponsiveSelectValue,\n  GapXValue,\n} from '../../../prop-controllers/descriptors'\nimport { ResponsiveColor } from '../../../runtimes/react/controls'\nimport { cx } from '@emotion/css'\nimport { useStyle } from '../../../runtimes/react/use-style'\nimport { useResponsiveStyle } from '../../utils/responsive-style'\n\ntype Props = {\n  id?: ElementIDValue\n  links?: {\n    links: { id: string; payload: { type: SocialLinksOptionType; url: string } }[]\n    openInNewTab: boolean\n  }\n  shape?: ResponsiveIconRadioGroupValue<'naked' | 'circle' | 'rounded' | 'square'>\n  size?: ResponsiveIconRadioGroupValue<'small' | 'medium' | 'large'>\n  hoverStyle?: ResponsiveSelectValue<'none' | 'grow' | 'shrink' | 'fade'>\n  fill?: ResponsiveColor | null\n  backgroundColor?: ResponsiveColor | null\n  alignment?: ResponsiveIconRadioGroupValue<'flex-start' | 'center' | 'flex-end'>\n  gutter?: GapXValue\n  width?: string\n  margin?: string\n}\n\nconst SocialLinks = forwardRef(function SocialLinks(\n  {\n    id,\n    links: { links, openInNewTab } = { links: [], openInNewTab: false },\n    shape,\n    size,\n    hoverStyle,\n    fill,\n    backgroundColor,\n    alignment,\n    gutter,\n    width,\n    margin,\n  }: Props,\n  ref: Ref<HTMLDivElement>,\n) {\n  return (\n    <div\n      ref={ref}\n      id={id}\n      className={cx(\n        useStyle({ display: 'flex', flexDirection: 'row', flexWrap: 'wrap' }),\n        width,\n        margin,\n        useStyle(\n          useResponsiveStyle([alignment] as const, ([alignment = 'center']) => ({\n            justifyContent: alignment,\n          })),\n        ),\n      )}\n    >\n      {links.length > 0 ? (\n        links.map((link, i) => {\n          const option = SocialLinksOptions.find(o => o.type === link.payload.type)\n\n          if (!option) throw new Error(`Invalid link payload type ${link.payload.type}`)\n\n          return (\n            <GutterContainer\n              key={link.id}\n              gutter={gutter}\n              first={i === 0}\n              last={i === links.length - 1}\n            >\n              <StyledLink\n                backgroundColor={backgroundColor}\n                brandColor={option.brandColor}\n                fill={fill}\n                hoverStyle={hoverStyle}\n                link={{ type: 'OPEN_URL', payload: { url: link.payload.url, openInNewTab } }}\n                shape={shape}\n                size={size}\n              >\n                {option == null ? null : option.icon}\n              </StyledLink>\n            </GutterContainer>\n          )\n        })\n      ) : (\n        <SocialLinksPlaceholder gutter={gutter} />\n      )}\n    </div>\n  )\n})\n\nexport default SocialLinks\n\ntype StyledLinkProps = ComponentPropsWithoutRef<typeof Link> & {\n  brandColor: string\n  shape: Props['shape']\n  size: Props['size']\n  hoverStyle: Props['hoverStyle']\n  fill: ResponsiveValue<Color> | null | undefined\n  backgroundColor: ResponsiveValue<Color> | null | undefined\n}\n\nfunction StyledLink({\n  className,\n  brandColor,\n  shape,\n  size,\n  hoverStyle,\n  fill,\n  backgroundColor,\n  ...restOfProps\n}: StyledLinkProps) {\n  return (\n    <Link\n      {...restOfProps}\n      className={cx(\n        useStyle({\n          display: 'block',\n          color: brandColor,\n          transition: 'transform, opacity 0.18s',\n          svg: { display: 'block' },\n        }),\n        useStyle(\n          useResponsiveStyle(\n            [shape, size, hoverStyle, fill, backgroundColor] as const,\n            ([shape = 'naked', size = 'medium', hoverStyle = 'none', fill, backgroundColor]) => ({\n              padding: shape === 'naked' ? 0 : { small: 10, medium: 12, large: 14 }[size],\n              borderRadius: { circle: '50%', rounded: '8px', naked: 0, square: 0 }[shape],\n              background:\n                shape === 'naked'\n                  ? 'transparent'\n                  : backgroundColor == null\n                  ? 'currentColor'\n                  : colorToString(backgroundColor),\n\n              ':hover': {\n                none: {},\n                grow: { transform: 'scale(1.1)' },\n                shrink: { transform: 'scale(0.9)' },\n                fade: { opacity: 0.65 },\n              }[hoverStyle],\n\n              svg: {\n                fill:\n                  fill == null\n                    ? shape === 'naked' || backgroundColor != null\n                      ? 'currentColor'\n                      : 'white'\n                    : colorToString(fill),\n                width: { small: 16, medium: 20, large: 24 }[size],\n                height: { small: 16, medium: 20, large: 24 }[size],\n              },\n            }),\n          ),\n        ),\n        className,\n      )}\n    />\n  )\n}\n"],"mappings":"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","names":["SocialLinks","alignment","GutterContainer","SocialLinksPlaceholder","shape","size","hoverStyle","fill","backgroundColor"]}

package/dist/cjs/components/builtin/SocialLinks/components/SocialLinksPlaceholder/index.js

@@ -0,0 +1,63 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var SocialLinksPlaceholder_exports = {};
+__export(SocialLinksPlaceholder_exports, {
+  default: () => SocialLinksPlaceholder
+});
+module.exports = __toCommonJS(SocialLinksPlaceholder_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_use_style = require("../../../../../runtimes/react/use-style");
+var import_GutterContainer = __toESM(require("../../../../shared/GutterContainer"));
+const links = [{ id: "1" }, { id: "2" }, { id: "3" }];
+function SocialLinksPlaceholder({ gutter }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: links.map((link, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_GutterContainer.default,
+    {
+      gutter,
+      first: i === 0,
+      last: i === links.length - 1,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PlaceholderLink, {})
+    },
+    link.id
+  )) });
+}
+function PlaceholderLink() {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      className: (0, import_use_style.useStyle)({
+        width: 44,
+        height: 44,
+        borderRadius: "50%",
+        backgroundColor: "rgba(161, 168, 194, 0.4)"
+      })
+    }
+  );
+}
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/builtin/SocialLinks/components/SocialLinksPlaceholder/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../src/components/builtin/SocialLinks/components/SocialLinksPlaceholder/index.tsx"],"sourcesContent":["import { ResponsiveValue, Length } from '../../../../../prop-controllers/descriptors'\nimport { useStyle } from '../../../../../runtimes/react/use-style'\n\nimport GutterContainer from '../../../../shared/GutterContainer'\n\nconst links = [{ id: '1' }, { id: '2' }, { id: '3' }]\n\ntype Props = { gutter?: ResponsiveValue<Length> }\n\nexport default function SocialLinksPlaceholder({ gutter }: Props): JSX.Element {\n  return (\n    <>\n      {links.map((link, i) => (\n        <GutterContainer\n          key={link.id}\n          gutter={gutter}\n          first={i === 0}\n          last={i === links.length - 1}\n        >\n          <PlaceholderLink />\n        </GutterContainer>\n      ))}\n    </>\n  )\n}\n\nfunction PlaceholderLink() {\n  return (\n    <div\n      className={useStyle({\n        width: 44,\n        height: 44,\n        borderRadius: '50%',\n        backgroundColor: 'rgba(161, 168, 194, 0.4)',\n      })}\n    />\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAWI;AAVJ,uBAAyB;AAEzB,6BAA4B;AAE5B,MAAM,QAAQ,CAAC,EAAE,IAAI,IAAI,GAAG,EAAE,IAAI,IAAI,GAAG,EAAE,IAAI,IAAI,CAAC;AAIrC,SAAR,uBAAwC,EAAE,OAAO,GAAuB;AAC7E,SACE,2EACG,gBAAM,IAAI,CAAC,MAAM,MAChB;AAAA,IAAC,uBAAAA;AAAA,IAAA;AAAA,MAEC;AAAA,MACA,OAAO,MAAM;AAAA,MACb,MAAM,MAAM,MAAM,SAAS;AAAA,MAE3B,sDAAC,mBAAgB;AAAA;AAAA,IALZ,KAAK;AAAA,EAMZ,CACD,GACH;AAEJ;AAEA,SAAS,kBAAkB;AACzB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAW,2BAAS;AAAA,QAClB,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,cAAc;AAAA,QACd,iBAAiB;AAAA,MACnB,CAAC;AAAA;AAAA,EACH;AAEJ;","names":["GutterContainer"]}

package/dist/cjs/components/builtin/SocialLinks/index.js

@@ -0,0 +1,35 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var SocialLinks_exports = {};
+__export(SocialLinks_exports, {
+  default: () => import_SocialLinks.default
+});
+module.exports = __toCommonJS(SocialLinks_exports);
+var import_SocialLinks = __toESM(require("./SocialLinks"));
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/builtin/SocialLinks/index.js.map

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

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

@@ -0,0 +1,81 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var options_exports = {};
+__export(options_exports, {
+  SocialLinksOptions: () => SocialLinksOptions
+});
+module.exports = __toCommonJS(options_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_LogoAngellist20 = require("../../icons/LogoAngellist20");
+var import_LogoCodepen20 = require("../../icons/LogoCodepen20");
+var import_LogoDiscord20 = require("../../icons/LogoDiscord20");
+var import_LogoDribbble20 = require("../../icons/LogoDribbble20");
+var import_LogoFacebook20 = require("../../icons/LogoFacebook20");
+var import_LogoGithub20 = require("../../icons/LogoGithub20");
+var import_LogoInstagram20 = require("../../icons/LogoInstagram20");
+var import_LogoLinkedin20 = require("../../icons/LogoLinkedin20");
+var import_LogoMedium20 = require("../../icons/LogoMedium20");
+var import_LogoPinterest20 = require("../../icons/LogoPinterest20");
+var import_LogoReddit20 = require("../../icons/LogoReddit20");
+var import_LogoRss20 = require("../../icons/LogoRss20");
+var import_LogoSlack20 = require("../../icons/LogoSlack20");
+var import_LogoSnapchat20 = require("../../icons/LogoSnapchat20");
+var import_LogoSoundcloud20 = require("../../icons/LogoSoundcloud20");
+var import_LogoSpotify20 = require("../../icons/LogoSpotify20");
+var import_LogoTelegram20 = require("../../icons/LogoTelegram20");
+var import_LogoTumblr20 = require("../../icons/LogoTumblr20");
+var import_LogoTwitch20 = require("../../icons/LogoTwitch20");
+var import_LogoTwitter20 = require("../../icons/LogoTwitter20");
+var import_LogoWhatsapp20 = require("../../icons/LogoWhatsapp20");
+var import_LogoVimeo20 = require("../../icons/LogoVimeo20");
+var import_LogoX20 = require("../../icons/LogoX20");
+var import_LogoYelp20 = require("../../icons/LogoYelp20");
+var import_LogoYoutube20 = require("../../icons/LogoYoutube20");
+const SocialLinksOptions = [
+  { type: "angellist", label: "AngelList", icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_LogoAngellist20.LogoAngellist20, {}), brandColor: "black" },
+  { type: "codepen", label: "CodePen", icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_LogoCodepen20.LogoCodepen20, {}), brandColor: "black" },
+  { type: "discord", label: "Discord", icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_LogoDiscord20.LogoDiscord20, {}), brandColor: "#5865F2" },
+  { type: "dribbble", label: "Dribbble", icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_LogoDribbble20.LogoDribbble20, {}), brandColor: "#ea4c89" },
+  { type: "facebook", label: "Facebook", icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_LogoFacebook20.LogoFacebook20, {}), brandColor: "#3b5998" },
+  { type: "github", label: "GitHub", icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_LogoGithub20.LogoGithub20, {}), brandColor: "black" },
+  { type: "instagram", label: "Instagram", icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_LogoInstagram20.LogoInstagram20, {}), brandColor: "black" },
+  { type: "linkedin", label: "LinkedIn", icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_LogoLinkedin20.LogoLinkedin20, {}), brandColor: "#0077b5" },
+  { type: "medium", label: "Medium", icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_LogoMedium20.LogoMedium20, {}), brandColor: "black" },
+  { type: "pinterest", label: "Pinterest", icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_LogoPinterest20.LogoPinterest20, {}), brandColor: "#bd081c" },
+  { type: "reddit", label: "Reddit", icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_LogoReddit20.LogoReddit20, {}), brandColor: "#ff4500" },
+  { type: "rss", label: "RSS", icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_LogoRss20.LogoRss20, {}), brandColor: "black" },
+  { type: "slack", label: "Slack", icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_LogoSlack20.LogoSlack20, {}), brandColor: "#fffc00" },
+  { type: "snapchat", label: "Snapchat", icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_LogoSnapchat20.LogoSnapchat20, {}), brandColor: "#fffc00" },
+  { type: "soundcloud", label: "SoundCloud", icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_LogoSoundcloud20.LogoSoundcloud20, {}), brandColor: "#ff3300" },
+  { type: "spotify", label: "Spotify", icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_LogoSpotify20.LogoSpotify20, {}), brandColor: "#1db954" },
+  { type: "telegram", label: "Telegram", icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_LogoTelegram20.LogoTelegram20, {}), brandColor: "#0088cc" },
+  { type: "tumblr", label: "Tumblr", icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_LogoTumblr20.LogoTumblr20, {}), brandColor: "#35465c" },
+  { type: "twitch", label: "Twitch", icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_LogoTwitch20.LogoTwitch20, {}), brandColor: "#6441A4" },
+  { type: "twitter", label: "Twitter", icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_LogoTwitter20.LogoTwitter20, {}), brandColor: "#1da1f2" },
+  { type: "whatsapp", label: "WhatsApp", icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_LogoWhatsapp20.LogoWhatsapp20, {}), brandColor: "#25d366" },
+  { type: "vimeo", label: "Vimeo", icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_LogoVimeo20.LogoVimeo20, {}), brandColor: "#1ab7ea" },
+  { type: "x", label: "X", icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_LogoX20.LogoX20, {}), brandColor: "black" },
+  { type: "yelp", label: "Yelp", icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_LogoYelp20.LogoYelp20, {}), brandColor: "#af0606" },
+  { type: "youtube", label: "YouTube", icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_LogoYoutube20.LogoYoutube20, {}), brandColor: "#ff0000" }
+];
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SocialLinksOptions
+});
+//# sourceMappingURL=options.js.map

package/dist/cjs/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":[]}