@makeswift/runtime 0.1.6 → 0.1.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (104) hide show
  1. package/dist/Box.cjs.js +4 -3
  2. package/dist/Box.cjs.js.map +1 -1
  3. package/dist/Box.es.js +5 -4
  4. package/dist/Box.es.js.map +1 -1
  5. package/dist/Button.cjs.js +5 -3
  6. package/dist/Button.cjs.js.map +1 -1
  7. package/dist/Button.es.js +16 -14
  8. package/dist/Button.es.js.map +1 -1
  9. package/dist/Carousel.cjs.js +4 -3
  10. package/dist/Carousel.cjs.js.map +1 -1
  11. package/dist/Carousel.es.js +5 -4
  12. package/dist/Carousel.es.js.map +1 -1
  13. package/dist/Countdown.cjs.js +4 -3
  14. package/dist/Countdown.cjs.js.map +1 -1
  15. package/dist/Countdown.es.js +5 -4
  16. package/dist/Countdown.es.js.map +1 -1
  17. package/dist/Divider.cjs.js +4 -3
  18. package/dist/Divider.cjs.js.map +1 -1
  19. package/dist/Divider.es.js +5 -4
  20. package/dist/Divider.es.js.map +1 -1
  21. package/dist/Embed.cjs.js +4 -3
  22. package/dist/Embed.cjs.js.map +1 -1
  23. package/dist/Embed.es.js +5 -4
  24. package/dist/Embed.es.js.map +1 -1
  25. package/dist/Form.cjs.js +7 -3
  26. package/dist/Form.cjs.js.map +1 -1
  27. package/dist/Form.es.js +9 -5
  28. package/dist/Form.es.js.map +1 -1
  29. package/dist/Image.cjs2.js +6 -4
  30. package/dist/Image.cjs2.js.map +1 -1
  31. package/dist/Image.es2.js +10 -8
  32. package/dist/Image.es2.js.map +1 -1
  33. package/dist/Navigation.cjs.js +4 -3
  34. package/dist/Navigation.cjs.js.map +1 -1
  35. package/dist/Navigation.es.js +5 -4
  36. package/dist/Navigation.es.js.map +1 -1
  37. package/dist/SocialLinks.cjs.js +3 -2
  38. package/dist/SocialLinks.cjs.js.map +1 -1
  39. package/dist/SocialLinks.es.js +4 -3
  40. package/dist/SocialLinks.es.js.map +1 -1
  41. package/dist/Text.cjs.js +7 -3
  42. package/dist/Text.cjs.js.map +1 -1
  43. package/dist/Text.es.js +9 -5
  44. package/dist/Text.es.js.map +1 -1
  45. package/dist/Video.cjs.js +4 -3
  46. package/dist/Video.cjs.js.map +1 -1
  47. package/dist/Video.es.js +5 -4
  48. package/dist/Video.es.js.map +1 -1
  49. package/dist/components.cjs.js +1 -1
  50. package/dist/components.es.js +1 -1
  51. package/dist/cssMediaRules.es.js +1 -1
  52. package/dist/index.cjs.js +8 -29
  53. package/dist/index.cjs.js.map +1 -1
  54. package/dist/index.cjs3.js +27 -11
  55. package/dist/index.cjs3.js.map +1 -1
  56. package/dist/index.es.js +9 -29
  57. package/dist/index.es.js.map +1 -1
  58. package/dist/index.es2.js +1 -1
  59. package/dist/index.es3.js +28 -12
  60. package/dist/index.es3.js.map +1 -1
  61. package/dist/next.es.js +1 -1
  62. package/dist/react-builder-preview.es.js +1 -1
  63. package/dist/react-page.cjs.js +3 -3
  64. package/dist/react-page.cjs.js.map +1 -1
  65. package/dist/react-page.es.js +3 -3
  66. package/dist/react-page.es.js.map +1 -1
  67. package/dist/types/components/builtin/Box/Box.d.ts +2 -2
  68. package/dist/types/components/builtin/Box/Box.d.ts.map +1 -1
  69. package/dist/types/components/builtin/Button/Button.d.ts +2 -1
  70. package/dist/types/components/builtin/Button/Button.d.ts.map +1 -1
  71. package/dist/types/components/builtin/Carousel/Carousel.d.ts +2 -2
  72. package/dist/types/components/builtin/Carousel/Carousel.d.ts.map +1 -1
  73. package/dist/types/components/builtin/Carousel/register.d.ts.map +1 -1
  74. package/dist/types/components/builtin/Countdown/Countdown.d.ts +2 -2
  75. package/dist/types/components/builtin/Countdown/Countdown.d.ts.map +1 -1
  76. package/dist/types/components/builtin/Countdown/register.d.ts.map +1 -1
  77. package/dist/types/components/builtin/Divider/Divider.d.ts +2 -2
  78. package/dist/types/components/builtin/Divider/Divider.d.ts.map +1 -1
  79. package/dist/types/components/builtin/Divider/register.d.ts.map +1 -1
  80. package/dist/types/components/builtin/Embed/Embed.d.ts +2 -2
  81. package/dist/types/components/builtin/Embed/Embed.d.ts.map +1 -1
  82. package/dist/types/components/builtin/Form/Form.d.ts +2 -2
  83. package/dist/types/components/builtin/Form/Form.d.ts.map +1 -1
  84. package/dist/types/components/builtin/Form/components/Placeholder/index.d.ts +2 -1
  85. package/dist/types/components/builtin/Form/components/Placeholder/index.d.ts.map +1 -1
  86. package/dist/types/components/builtin/Form/register.d.ts.map +1 -1
  87. package/dist/types/components/builtin/Image/Image.d.ts.map +1 -1
  88. package/dist/types/components/builtin/Navigation/Navigation.d.ts +2 -2
  89. package/dist/types/components/builtin/Navigation/Navigation.d.ts.map +1 -1
  90. package/dist/types/components/builtin/Navigation/register.d.ts.map +1 -1
  91. package/dist/types/components/builtin/SocialLinks/SocialLinks.d.ts +2 -2
  92. package/dist/types/components/builtin/SocialLinks/SocialLinks.d.ts.map +1 -1
  93. package/dist/types/components/builtin/SocialLinks/register.d.ts.map +1 -1
  94. package/dist/types/components/builtin/Text/Text.d.ts +2 -2
  95. package/dist/types/components/builtin/Text/Text.d.ts.map +1 -1
  96. package/dist/types/components/builtin/Text/components/RichTextEditor/index.d.ts.map +1 -1
  97. package/dist/types/components/builtin/Text/register.d.ts.map +1 -1
  98. package/dist/types/components/builtin/Video/Video.d.ts +2 -2
  99. package/dist/types/components/builtin/Video/Video.d.ts.map +1 -1
  100. package/dist/types/components/builtin/Video/register.d.ts.map +1 -1
  101. package/dist/types/components/shared/Link/index.d.ts.map +1 -1
  102. package/dist/useBoxShadow.es.js +1 -1
  103. package/dist/useMediaQuery.es.js +1 -1
  104. package/package.json +1 -1
@@ -53,23 +53,28 @@ const Link = React.forwardRef(function Link2(_a, ref) {
53
53
  const page = next.usePage(link && link.type === "OPEN_PAGE" ? link.payload.pageId : null);
54
54
  const elementKey = (link == null ? void 0 : link.type) === "SCROLL_TO_ELEMENT" ? (_a2 = link.payload.elementIdConfig) == null ? void 0 : _a2.elementKey : null;
55
55
  const elementId = next.useElementId(elementKey);
56
- let href = "#";
56
+ let useNextLink;
57
+ let href;
57
58
  let target;
58
59
  let block;
59
60
  if (link) {
60
61
  switch (link.type) {
61
62
  case "OPEN_PAGE": {
62
- if (page)
63
+ if (page) {
64
+ useNextLink = true;
63
65
  href = `/${page.pathname}`;
66
+ }
64
67
  target = link.payload.openInNewTab ? "_blank" : "_self";
65
68
  break;
66
69
  }
67
70
  case "OPEN_URL": {
71
+ useNextLink = true;
68
72
  href = link.payload.url;
69
73
  target = link.payload.openInNewTab ? "_blank" : "_self";
70
74
  break;
71
75
  }
72
76
  case "SEND_EMAIL": {
77
+ useNextLink = false;
73
78
  const {
74
79
  to,
75
80
  subject = "",
@@ -80,10 +85,12 @@ const Link = React.forwardRef(function Link2(_a, ref) {
80
85
  break;
81
86
  }
82
87
  case "CALL_PHONE": {
88
+ useNextLink = false;
83
89
  href = `tel:${link.payload.phoneNumber}`;
84
90
  break;
85
91
  }
86
92
  case "SCROLL_TO_ELEMENT": {
93
+ useNextLink = false;
87
94
  href = `#${elementId != null ? elementId : ""}`;
88
95
  block = link.payload.block;
89
96
  break;
@@ -101,11 +108,12 @@ const Link = React.forwardRef(function Link2(_a, ref) {
101
108
  if (link && link.type === "SCROLL_TO_ELEMENT") {
102
109
  let hash;
103
110
  try {
104
- hash = new URL(`http://www.example.com/${href}`).hash;
111
+ if (href != null)
112
+ hash = new URL(`http://www.example.com/${href}`).hash;
105
113
  } catch (error) {
106
114
  console.error(`Link received invalid href: ${href}`, error);
107
115
  }
108
- if (href != null && href === hash) {
116
+ if (href != null && hash != null && href === hash) {
109
117
  event.preventDefault();
110
118
  const view = event.view;
111
119
  scrollIntoView__default["default"](view.document.querySelector(hash), {
@@ -117,14 +125,22 @@ const Link = React.forwardRef(function Link2(_a, ref) {
117
125
  }
118
126
  }
119
127
  }
120
- return /* @__PURE__ */ jsxRuntime.jsx(NextLink__default["default"], {
128
+ if (useNextLink && href != null) {
129
+ return /* @__PURE__ */ jsxRuntime.jsx(NextLink__default["default"], {
130
+ href,
131
+ children: /* @__PURE__ */ jsxRuntime.jsx("a", __spreadProps(__spreadValues({}, restOfProps), {
132
+ ref,
133
+ target,
134
+ onClick: handleClick
135
+ }))
136
+ });
137
+ }
138
+ return /* @__PURE__ */ jsxRuntime.jsx("a", __spreadProps(__spreadValues({}, restOfProps), {
139
+ ref,
121
140
  href,
122
- children: /* @__PURE__ */ jsxRuntime.jsx("a", __spreadProps(__spreadValues({}, restOfProps), {
123
- ref,
124
- target,
125
- onClick: handleClick
126
- }))
127
- });
141
+ target,
142
+ onClick: handleClick
143
+ }));
128
144
  });
129
145
  exports.Link = Link;
130
146
  //# sourceMappingURL=index.cjs3.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.cjs3.js","sources":["../src/components/shared/Link/index.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef, forwardRef, MouseEvent } from 'react'\nimport scrollIntoView from 'scroll-into-view-if-needed'\nimport NextLink from 'next/link'\n\nimport { LinkValue as LinkPropControllerValue } from '../../../prop-controllers/descriptors'\nimport { usePage } from '../../hooks'\nimport { useElementId } from '../../../runtimes/react'\n\ntype BaseProps = {\n link?: LinkPropControllerValue\n onClick?: (event: MouseEvent<HTMLAnchorElement>) => unknown\n}\n\ntype Props = BaseProps & Omit<ComponentPropsWithoutRef<'a'>, keyof BaseProps>\n\nexport const Link = forwardRef<HTMLAnchorElement, Props>(function Link(\n { link, onClick = () => {}, ...restOfProps }: Props,\n ref,\n) {\n const page = usePage(link && link.type === 'OPEN_PAGE' ? link.payload.pageId : null)\n const elementKey =\n link?.type === 'SCROLL_TO_ELEMENT' ? link.payload.elementIdConfig?.elementKey : null\n const elementId = useElementId(elementKey)\n\n let href = '#'\n let target: '_blank' | '_self' | undefined\n let block: 'start' | 'center' | 'end' | undefined\n\n if (link) {\n switch (link.type) {\n case 'OPEN_PAGE': {\n if (page) href = `/${page.pathname}`\n\n target = link.payload.openInNewTab ? '_blank' : '_self'\n\n break\n }\n\n case 'OPEN_URL': {\n href = link.payload.url\n\n target = link.payload.openInNewTab ? '_blank' : '_self'\n\n break\n }\n\n case 'SEND_EMAIL': {\n const { to, subject = '', body = '' } = link.payload\n\n if (to != null) href = `mailto:${to}?subject=${subject}&body=${body}`\n\n break\n }\n\n case 'CALL_PHONE': {\n href = `tel:${link.payload.phoneNumber}`\n\n break\n }\n\n case 'SCROLL_TO_ELEMENT': {\n href = `#${elementId ?? ''}`\n block = link.payload.block\n\n break\n }\n\n default:\n throw new RangeError(`Invalid link type \"${(link as any).type}.\"`)\n }\n }\n\n function handleClick(event: MouseEvent<HTMLAnchorElement>) {\n onClick(event)\n\n if (event.defaultPrevented) return\n\n /**\n * When we introduced `next/link` instead of just `a` element slate no longer prevented link from navigating within\n * content mode. This is a hack to compensate for what would be expected as slate's default behavior.\n * On upgrade of slate this can be reevaluated.\n */\n if (event.currentTarget.isContentEditable) return event.preventDefault()\n\n if (link && link.type === 'SCROLL_TO_ELEMENT') {\n let hash: string | undefined\n\n try {\n hash = new URL(`http://www.example.com/${href}`).hash\n } catch (error) {\n console.error(`Link received invalid href: ${href}`, error)\n }\n\n if (href != null && href === hash) {\n event.preventDefault()\n const view = event.view as unknown as Window\n\n scrollIntoView(view.document.querySelector(hash)!, {\n behavior: 'smooth',\n block,\n })\n\n if (view.location.hash !== hash) view.history.pushState({}, '', hash)\n }\n }\n }\n\n return (\n <NextLink href={href}>\n {/* eslint-disable-next-line */}\n <a {...restOfProps} ref={ref} target={target} onClick={handleClick} />\n </NextLink>\n )\n})\n"],"names":["Link","forwardRef","ref","link","onClick","restOfProps","page","usePage","type","payload","pageId","elementKey","elementIdConfig","elementId","useElementId","href","target","block","pathname","openInNewTab","url","to","subject","body","phoneNumber","RangeError","handleClick","event","defaultPrevented","currentTarget","isContentEditable","preventDefault","hash","URL","error","view","scrollIntoView","document","querySelector","behavior","location","history","pushState","NextLink"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAeaA,MAAAA,OAAOC,MAAAA,WAAqC,eACvD,IACAC,KACA;AAFA,eAAEC;AAAAA;AAAAA,IAAMC,UAAU,MAAM;AAAA,IAAE;AAAA,MAA1B,IAA+BC,wBAA/B,IAA+BA;AAAAA,IAA7BF;AAAAA,IAAMC;AAAAA;;AAGFE,QAAAA,OAAOC,KAAAA,QAAQJ,QAAQA,KAAKK,SAAS,cAAcL,KAAKM,QAAQC,SAAS,IAA3D;AACpB,QAAMC,aACJR,8BAAMK,UAAS,sBAAsBL,YAAKM,QAAQG,oBAAbT,oBAA8BQ,aAAa;AAC5EE,QAAAA,YAAYC,kBAAaH,UAAD;AAE1BI,MAAAA,OAAO;AACPC,MAAAA;AACAC,MAAAA;AAEJ,MAAId,MAAM;AACAA,YAAAA,KAAKK;AAAAA,WACN,aAAa;AACZF,YAAAA;AAAMS,iBAAQ,IAAGT,KAAKY;AAEjBf,iBAAAA,KAAKM,QAAQU,eAAe,WAAW;AAEhD;AAAA,MACD;AAAA,WAEI,YAAY;AACfJ,eAAOZ,KAAKM,QAAQW;AAEXjB,iBAAAA,KAAKM,QAAQU,eAAe,WAAW;AAEhD;AAAA,MACD;AAAA,WAEI,cAAc;AACX,cAAA;AAAA,UAAEE;AAAAA,UAAIC,UAAU;AAAA,UAAIC,OAAO;AAAA,YAAOpB,KAAKM;AAE7C,YAAIY,MAAM;AAAc,iBAAA,UAASA,cAAcC,gBAAgBC;AAE/D;AAAA,MACD;AAAA,WAEI,cAAc;AACT,eAAA,OAAMpB,KAAKM,QAAQe;AAE3B;AAAA,MACD;AAAA,WAEI,qBAAqB;AACxBT,eAAQ,IAAGF,gCAAa;AACxBI,gBAAQd,KAAKM,QAAQQ;AAErB;AAAA,MACD;AAAA;AAGO,cAAA,IAAIQ,WAAY,sBAAsBtB,KAAaK,QAAnD;AAAA;AAAA,EAEX;AAEQkB,uBAAYC,OAAsC;AACzDvB,YAAQuB,KAAD;AAEHA,QAAAA,MAAMC;AAAkB;AAOxBD,QAAAA,MAAME,cAAcC;AAAmB,aAAOH,MAAMI;AAEpD5B,QAAAA,QAAQA,KAAKK,SAAS,qBAAqB;AACzCwB,UAAAA;AAEA,UAAA;AACFA,eAAO,IAAIC,IAAK,0BAAyBlB,MAAlC,EAA0CiB;AAAAA,eAC1CE;AACCA,gBAAAA,MAAO,+BAA8BnB,QAAQmB,KAArD;AAAA,MACD;AAEGnB,UAAAA,QAAQ,QAAQA,SAASiB,MAAM;AACjCL,cAAMI,eAAN;AACMI,cAAAA,OAAOR,MAAMQ;AAEnBC,gCAAAA,WAAeD,KAAKE,SAASC,cAAcN,IAA5B,GAAoC;AAAA,UACjDO,UAAU;AAAA,UACVtB;AAAAA,QAAAA,CAFY;AAKVkB,YAAAA,KAAKK,SAASR,SAASA;AAAMG,eAAKM,QAAQC,UAAU,IAAI,IAAIV,IAA/B;AAAA,MAClC;AAAA,IACF;AAAA,EACF;AAED,wCACGW,kBAAAA,YAAD;AAAA,IAAU;AAAA,IAAV,+EAEStC;MAAa;AAAA,MAAU;AAAA,MAAgB,SAASqB;AAAAA,IAAAA,EAAvD;AAAA,EAAA,CAHJ;AAMD,CAlG6B;;"}
1
+ {"version":3,"file":"index.cjs3.js","sources":["../src/components/shared/Link/index.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef, forwardRef, MouseEvent } from 'react'\nimport scrollIntoView from 'scroll-into-view-if-needed'\nimport NextLink from 'next/link'\n\nimport { LinkValue as LinkPropControllerValue } from '../../../prop-controllers/descriptors'\nimport { usePage } from '../../hooks'\nimport { useElementId } from '../../../runtimes/react'\n\ntype BaseProps = {\n link?: LinkPropControllerValue\n onClick?: (event: MouseEvent<HTMLAnchorElement>) => unknown\n}\n\ntype Props = BaseProps & Omit<ComponentPropsWithoutRef<'a'>, keyof BaseProps>\n\nexport const Link = forwardRef<HTMLAnchorElement, Props>(function Link(\n { link, onClick = () => {}, ...restOfProps }: Props,\n ref,\n) {\n const page = usePage(link && link.type === 'OPEN_PAGE' ? link.payload.pageId : null)\n const elementKey =\n link?.type === 'SCROLL_TO_ELEMENT' ? link.payload.elementIdConfig?.elementKey : null\n const elementId = useElementId(elementKey)\n\n // We don't want to use `next/link` with relative paths because Next.js will attempt to normalize\n // it and mess up the path.\n let useNextLink: boolean | undefined\n let href: string | undefined\n let target: '_blank' | '_self' | undefined\n let block: 'start' | 'center' | 'end' | undefined\n\n if (link) {\n switch (link.type) {\n case 'OPEN_PAGE': {\n if (page) {\n useNextLink = true\n\n href = `/${page.pathname}`\n }\n\n target = link.payload.openInNewTab ? '_blank' : '_self'\n\n break\n }\n\n case 'OPEN_URL': {\n useNextLink = true\n\n href = link.payload.url\n\n target = link.payload.openInNewTab ? '_blank' : '_self'\n\n break\n }\n\n case 'SEND_EMAIL': {\n useNextLink = false\n\n const { to, subject = '', body = '' } = link.payload\n\n if (to != null) href = `mailto:${to}?subject=${subject}&body=${body}`\n\n break\n }\n\n case 'CALL_PHONE': {\n useNextLink = false\n\n href = `tel:${link.payload.phoneNumber}`\n\n break\n }\n\n case 'SCROLL_TO_ELEMENT': {\n useNextLink = false\n\n href = `#${elementId ?? ''}`\n\n block = link.payload.block\n\n break\n }\n\n default:\n throw new RangeError(`Invalid link type \"${(link as any).type}.\"`)\n }\n }\n\n function handleClick(event: MouseEvent<HTMLAnchorElement>) {\n onClick(event)\n\n if (event.defaultPrevented) return\n\n /**\n * When we introduced `next/link` instead of just `a` element slate no longer prevented link from navigating within\n * content mode. This is a hack to compensate for what would be expected as slate's default behavior.\n * On upgrade of slate this can be reevaluated.\n */\n if (event.currentTarget.isContentEditable) return event.preventDefault()\n\n if (link && link.type === 'SCROLL_TO_ELEMENT') {\n let hash: string | undefined\n\n try {\n if (href != null) hash = new URL(`http://www.example.com/${href}`).hash\n } catch (error) {\n console.error(`Link received invalid href: ${href}`, error)\n }\n\n if (href != null && hash != null && href === hash) {\n event.preventDefault()\n const view = event.view as unknown as Window\n\n scrollIntoView(view.document.querySelector(hash)!, {\n behavior: 'smooth',\n block,\n })\n\n if (view.location.hash !== hash) view.history.pushState({}, '', hash)\n }\n }\n }\n\n if (useNextLink && href != null) {\n return (\n <NextLink href={href}>\n {/* eslint-disable-next-line */}\n <a {...restOfProps} ref={ref} target={target} onClick={handleClick} />\n </NextLink>\n )\n }\n\n // eslint-disable-next-line\n return <a {...restOfProps} ref={ref} href={href} target={target} onClick={handleClick} />\n})\n"],"names":["Link","forwardRef","ref","link","onClick","restOfProps","page","usePage","type","payload","pageId","elementKey","elementIdConfig","elementId","useElementId","useNextLink","href","target","block","pathname","openInNewTab","url","to","subject","body","phoneNumber","RangeError","handleClick","event","defaultPrevented","currentTarget","isContentEditable","preventDefault","hash","URL","error","view","scrollIntoView","document","querySelector","behavior","location","history","pushState","NextLink"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAeaA,MAAAA,OAAOC,MAAAA,WAAqC,eACvD,IACAC,KACA;AAFA,eAAEC;AAAAA;AAAAA,IAAMC,UAAU,MAAM;AAAA,IAAE;AAAA,MAA1B,IAA+BC,wBAA/B,IAA+BA;AAAAA,IAA7BF;AAAAA,IAAMC;AAAAA;;AAGFE,QAAAA,OAAOC,KAAAA,QAAQJ,QAAQA,KAAKK,SAAS,cAAcL,KAAKM,QAAQC,SAAS,IAA3D;AACpB,QAAMC,aACJR,8BAAMK,UAAS,sBAAsBL,YAAKM,QAAQG,oBAAbT,oBAA8BQ,aAAa;AAC5EE,QAAAA,YAAYC,kBAAaH,UAAD;AAI1BI,MAAAA;AACAC,MAAAA;AACAC,MAAAA;AACAC,MAAAA;AAEJ,MAAIf,MAAM;AACAA,YAAAA,KAAKK;AAAAA,WACN,aAAa;AAChB,YAAIF,MAAM;AACM,wBAAA;AAEdU,iBAAQ,IAAGV,KAAKa;AAAAA,QACjB;AAEQhB,iBAAAA,KAAKM,QAAQW,eAAe,WAAW;AAEhD;AAAA,MACD;AAAA,WAEI,YAAY;AACD,sBAAA;AAEdJ,eAAOb,KAAKM,QAAQY;AAEXlB,iBAAAA,KAAKM,QAAQW,eAAe,WAAW;AAEhD;AAAA,MACD;AAAA,WAEI,cAAc;AACH,sBAAA;AAER,cAAA;AAAA,UAAEE;AAAAA,UAAIC,UAAU;AAAA,UAAIC,OAAO;AAAA,YAAOrB,KAAKM;AAE7C,YAAIa,MAAM;AAAc,iBAAA,UAASA,cAAcC,gBAAgBC;AAE/D;AAAA,MACD;AAAA,WAEI,cAAc;AACH,sBAAA;AAEN,eAAA,OAAMrB,KAAKM,QAAQgB;AAE3B;AAAA,MACD;AAAA,WAEI,qBAAqB;AACV,sBAAA;AAEdT,eAAQ,IAAGH,gCAAa;AAExBK,gBAAQf,KAAKM,QAAQS;AAErB;AAAA,MACD;AAAA;AAGO,cAAA,IAAIQ,WAAY,sBAAsBvB,KAAaK,QAAnD;AAAA;AAAA,EAEX;AAEQmB,uBAAYC,OAAsC;AACzDxB,YAAQwB,KAAD;AAEHA,QAAAA,MAAMC;AAAkB;AAOxBD,QAAAA,MAAME,cAAcC;AAAmB,aAAOH,MAAMI;AAEpD7B,QAAAA,QAAQA,KAAKK,SAAS,qBAAqB;AACzCyB,UAAAA;AAEA,UAAA;AACF,YAAIjB,QAAQ;AAAMiB,iBAAO,IAAIC,IAAK,0BAAyBlB,MAAlC,EAA0CiB;AAAAA,eAC5DE;AACCA,gBAAAA,MAAO,+BAA8BnB,QAAQmB,KAArD;AAAA,MACD;AAEGnB,UAAAA,QAAQ,QAAQiB,QAAQ,QAAQjB,SAASiB,MAAM;AACjDL,cAAMI,eAAN;AACMI,cAAAA,OAAOR,MAAMQ;AAEnBC,gCAAAA,WAAeD,KAAKE,SAASC,cAAcN,IAA5B,GAAoC;AAAA,UACjDO,UAAU;AAAA,UACVtB;AAAAA,QAAAA,CAFY;AAKVkB,YAAAA,KAAKK,SAASR,SAASA;AAAMG,eAAKM,QAAQC,UAAU,IAAI,IAAIV,IAA/B;AAAA,MAClC;AAAA,IACF;AAAA,EACF;AAEGlB,MAAAA,eAAeC,QAAQ,MAAM;AAC/B,0CACG4B,kBAAAA,YAAD;AAAA,MAAU;AAAA,MAAV,+EAESvC;QAAa;AAAA,QAAU;AAAA,QAAgB,SAASsB;AAAAA,MAAAA,EAAvD;AAAA,IAAA,CAHJ;AAAA,EAMD;AAGD,8EAActB;IAAa;AAAA,IAAU;AAAA,IAAY;AAAA,IAAgB,SAASsB;AAAAA,EAAAA,EAA1E;AACD,CAvH6B;;"}
package/dist/index.es.js CHANGED
@@ -1093,7 +1093,7 @@ function registerComponent$c(runtime) {
1093
1093
  props: {
1094
1094
  id: ElementID(),
1095
1095
  backgrounds: Backgrounds(),
1096
- width: Width({ format: Width.Formats.ClassName }),
1096
+ width: Width(),
1097
1097
  height: ResponsiveIconRadioGroup({
1098
1098
  label: "Height",
1099
1099
  options: [
@@ -1297,10 +1297,7 @@ function registerComponent$a(runtime) {
1297
1297
  { key: uuid(), props: {} }
1298
1298
  ]
1299
1299
  }),
1300
- width: Width({
1301
- format: Width.Formats.ClassName,
1302
- defaultValue: { value: 400, unit: "px" }
1303
- }),
1300
+ width: Width({ defaultValue: { value: 400, unit: "px" } }),
1304
1301
  margin: Margin(),
1305
1302
  pageSize: ResponsiveNumber((props) => {
1306
1303
  var _a;
@@ -1450,10 +1447,7 @@ function registerComponent$9(runtime) {
1450
1447
  label: "Label color",
1451
1448
  placeholder: "black"
1452
1449
  }),
1453
- width: Width({
1454
- format: Width.Formats.ClassName,
1455
- defaultValue: { value: 560, unit: "px" }
1456
- }),
1450
+ width: Width({ defaultValue: { value: 560, unit: "px" } }),
1457
1451
  margin: Margin(),
1458
1452
  daysLabel: TextInput({ label: "Days label", placeholder: "Days" }),
1459
1453
  hoursLabel: TextInput({ label: "Hours label", placeholder: "Hours" }),
@@ -1492,10 +1486,7 @@ function registerComponent$8(runtime) {
1492
1486
  options: [{ value: "px", label: "Pixels", icon: "Px16" }]
1493
1487
  }),
1494
1488
  color: ResponsiveColor({ placeholder: "black" }),
1495
- width: Width({
1496
- format: Width.Formats.ClassName,
1497
- defaultValue: { value: 100, unit: "%" }
1498
- }),
1489
+ width: Width({ defaultValue: { value: 100, unit: "%" } }),
1499
1490
  margin: Margin()
1500
1491
  }
1501
1492
  });
@@ -1508,7 +1499,7 @@ function registerComponent$7(runtime) {
1508
1499
  props: {
1509
1500
  id: ElementID(),
1510
1501
  html: TextArea({ label: "Code", rows: 20 }),
1511
- width: Width({ format: Width.Formats.ClassName }),
1502
+ width: Width({}),
1512
1503
  margin: Margin()
1513
1504
  }
1514
1505
  });
@@ -1645,7 +1636,6 @@ function registerComponent$6(runtime) {
1645
1636
  hidden: props.tableId == null
1646
1637
  })),
1647
1638
  width: Width({
1648
- format: Width.Formats.ClassName,
1649
1639
  preset: [{ deviceId: "desktop", value: { value: 550, unit: "px" } }],
1650
1640
  defaultValue: { value: 100, unit: "%" }
1651
1641
  }),
@@ -1759,10 +1749,7 @@ function registerComponent$4(runtime) {
1759
1749
  hidden
1760
1750
  };
1761
1751
  }),
1762
- width: Width({
1763
- format: Width.Formats.ClassName,
1764
- defaultValue: { value: 100, unit: "%" }
1765
- }),
1752
+ width: Width({ defaultValue: { value: 100, unit: "%" } }),
1766
1753
  margin: Margin()
1767
1754
  }
1768
1755
  });
@@ -1882,10 +1869,7 @@ function registerComponent$2(runtime) {
1882
1869
  step: 1,
1883
1870
  defaultValue: { value: 0, unit: "px" }
1884
1871
  }),
1885
- width: Width({
1886
- format: Width.Formats.ClassName,
1887
- defaultValue: { value: 100, unit: "%" }
1888
- }),
1872
+ width: Width({ defaultValue: { value: 100, unit: "%" } }),
1889
1873
  margin: Margin({
1890
1874
  preset: [
1891
1875
  {
@@ -1952,7 +1936,6 @@ function registerComponent$1(runtime) {
1952
1936
  }
1953
1937
  })),
1954
1938
  width: Width({
1955
- format: Width.Formats.ClassName,
1956
1939
  preset: [{ deviceId: "desktop", value: { value: 700, unit: "px" } }],
1957
1940
  defaultValue: { value: 100, unit: "%" }
1958
1941
  }),
@@ -1980,10 +1963,7 @@ function registerComponent(runtime) {
1980
1963
  props: {
1981
1964
  id: ElementID(),
1982
1965
  video: Video({ preset: { controls: true } }),
1983
- width: Width({
1984
- format: Width.Formats.ClassName,
1985
- defaultValue: { value: 560, unit: "px" }
1986
- }),
1966
+ width: Width({ defaultValue: { value: 560, unit: "px" } }),
1987
1967
  margin: Margin(),
1988
1968
  borderRadius: BorderRadius()
1989
1969
  }
@@ -3081,5 +3061,5 @@ const DocumentReference = memo(forwardRef(function DocumentReference2({
3081
3061
  document: document2
3082
3062
  });
3083
3063
  }));
3084
- export { Alignments as A, findDeviceOverride as B, Contrasts as C, DocumentReference as D, Element as E, TYPOGRAPHIES_BY_ID as F, SWATCHES_BY_ID as G, shallowMergeFallbacks as H, join as I, getDevice as J, getDeviceMediaQuery as K, isNonNullable as L, FILES_BY_ID as M, useElementId as N, deepEqual as O, PageProvider as P, MakeswiftClient as Q, RuntimeProvider as R, SITE_FONTS_QUERY as S, TABLE_BY_ID as T, Document$1 as U, getServerSideProps as V, getStaticProps as W, getStaticPaths as X, Page as Y, forwardNextDynamicRef as Z, ReactRuntime as a, usePageId as b, DEFAULT_BOX_ANIMATE_TYPE as c, DEFAULT_BOX_ANIMATE_DELAY as d, DEFAULT_BOX_ANIMATE_DURATION as e, DEFAULT_ITEM_ANIMATE_TYPE as f, DEFAULT_ITEM_ANIMATE_DELAY as g, DEFAULT_ITEM_ANIMATE_DURATION as h, DEFAULT_ITEM_STAGGER_DURATION as i, useBorder as j, useResponsiveColor as k, useFile as l, usePage as m, PAGE_SNIPPETS_QUERY as n, Page$1 as o, colorToString as p, useIsomorphicLayoutEffect as q, responsiveWidth as r, Shapes as s, Sizes as t, useIsInBuilder as u, useFormContext as v, useQuery as w, useMutation as x, Provider as y, DEVICES as z };
3064
+ export { Alignments as A, TYPOGRAPHIES_BY_ID as B, Contrasts as C, DocumentReference as D, Element as E, SWATCHES_BY_ID as F, shallowMergeFallbacks as G, join as H, getDevice as I, getDeviceMediaQuery as J, isNonNullable as K, FILES_BY_ID as L, useElementId as M, deepEqual as N, MakeswiftClient as O, PageProvider as P, Document$1 as Q, RuntimeProvider as R, SITE_FONTS_QUERY as S, TABLE_BY_ID as T, getServerSideProps as U, getStaticProps as V, getStaticPaths as W, Page as X, forwardNextDynamicRef as Y, ReactRuntime as a, usePageId as b, DEFAULT_BOX_ANIMATE_TYPE as c, DEFAULT_BOX_ANIMATE_DELAY as d, DEFAULT_BOX_ANIMATE_DURATION as e, DEFAULT_ITEM_ANIMATE_TYPE as f, DEFAULT_ITEM_ANIMATE_DELAY as g, DEFAULT_ITEM_ANIMATE_DURATION as h, DEFAULT_ITEM_STAGGER_DURATION as i, useBorder as j, useResponsiveColor as k, useFile as l, usePage as m, PAGE_SNIPPETS_QUERY as n, Page$1 as o, colorToString as p, useIsomorphicLayoutEffect as q, Shapes as r, Sizes as s, useFormContext as t, useIsInBuilder as u, useQuery as v, useMutation as w, Provider as x, DEVICES as y, findDeviceOverride as z };
3085
3065
  //# sourceMappingURL=index.es.js.map