@gem-sdk/core 1.14.0-dev.383 → 1.14.0-dev.384

package/dist/cjs/components/resize/Column.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),react=require("react");require("zustand");var BuilderPreviewContext=require("../../contexts/BuilderPreviewContext.js");require("swr"),require("@gem-sdk/adapter-shopify"),require("swr/mutation"),require("vanilla-lazyload"),require("../../hooks/useCartUI.js");var cls=require("../../helpers/cls.js");function Column(e){let t=BuilderPreviewContext.useBuilderPreviewStore(e=>e.isThemeSectionEditor),[r,n]=react.useState(e.settings?.layout),[i,u]=react.useState(e.settings?.layout),l=e.styles?.verticalGutter,o=react.useRef(),[s,a]=react.useState(!1),d=react.useRef([]);if(react.useEffect(()=>{n(e.settings?.layout),u(e.settings?.layout)},[e]),!["Row"].includes(e.tag))return;let c=(e,t)=>{let r=e.slice().splice(0,t+1);return r.reduce((e,t)=>e+t,0)},m=({totalCol:e,len:t,gap:r,index:n})=>{let i=e/12;return`calc(100%*${i} - ${r}*${.5-i} + ${r}*${(12/t*(n+1)-e)/(12/t)} - 8px)`},v=()=>{if(a(!1),document.body.style.cursor="",!o.current)return;let e=o.current.device,t=i?.[e]?.cols||[];JSON.stringify(d.current)!==JSON.stringify(t)&&d.current.length&&window.dispatchEvent(new CustomEvent("editor:toolbar:change-column",{bubbles:!0,detail:{componentUid:o.current.componentUid,cols:d.current}})),window.dispatchEvent(new CustomEvent("editor:toolbar:resize-column",{bubbles:!0,detail:{value:!1}}));let r=document.querySelectorAll(`[data-uid="${o.current.componentUid}"]`);r.length&&r.forEach(e=>{e.style.gridTemplateColumns=""}),o.current=void 0,document.removeEventListener("mousemove",p),document.removeEventListener("mouseup",h)},p=e=>{if(!o.current)return;let t=e.clientX,r=t-(o.current.startX??0),u=Math.abs(r),l=o.current.index,s=o.current.device??"desktop",a=o.current.itemWidth??0,c=i?.[s]?.cols||[],m=c.slice();if(u>=a){let e=Math.round(u/a);if("minus"==(r>=0?"plus":"minus")){let t=m[l]??1;t-e>1?(m[l]=(m[l]??0)-e,m[l+1]=(m[l+1]??0)+e):(m[l+1]=(m[l+1]??0)+(m[l]??0)-1,m[l]=1)}else{let t=m[l+1]??1;t-e>1?(m[l+1]=(m[l+1]??0)-e,m[l]=(m[l]??0)+e):(m[l]=(m[l]??0)+(m[l+1]??0)-1,m[l+1]=1)}}if(JSON.stringify(d.current)!==JSON.stringify(m)&&JSON.stringify(d.current)!==JSON.stringify(m)){d.current=m,n({...i,[s]:{...i?.[s],cols:m}});let e=document.querySelectorAll(`[data-uid="${o.current.componentUid}"]`);e.length&&e.forEach(e=>{e.style.gridTemplateColumns=m.map(e=>`minmax(0, ${e}fr)`).join(" ")})}},h=()=>{v()},f=(e,{device:t,totalCol:r,index:n})=>{let i=e.target;if(i){let u=i.closest("[data-uid]");if(u){document.removeEventListener("mousemove",p),document.removeEventListener("mouseup",h),document.addEventListener("mousemove",p),document.addEventListener("mouseup",h),a(!0);let l=u.getAttribute("data-uid")||void 0,s=i.getBoundingClientRect(),d=u.getBoundingClientRect();o.current={componentUid:l,device:t,index:n,startX:e.clientX,itemWidth:(s.left-d.left)/r},document.body.style.cursor="pointer",window.dispatchEvent(new CustomEvent("editor:toolbar:resize-column",{bubbles:!0,detail:{value:!0}}))}}},x=()=>{v()},g=(t,r)=>o.current?.componentUid==e.uid&&o.current.device==t&&o.current.index==r;return jsxRuntime.jsx(jsxRuntime.Fragment,{children:jsxRuntime.jsx("div",{"data-column":!0,"data-column-theme-section":t,"data-column-is-drag-visible":s,children:(()=>{let e=[];for(let t of["desktop","tablet","mobile"])if(r?.[t]){let n=r?.[t]?.cols||r?.desktop?.cols||[],i=n.length;for(let r=0;r<i-1;r++){let u=n[r];if(u){let o=c(n,r),s=l?.[t]||l?.desktop||"0px",a=m({index:r,len:i,gap:s,totalCol:o});e.push(jsxRuntime.jsxs("div",{role:"presentation","data-column-hand-drag":!0,"data-col":u,"data-gap":s,"data-column-hand-drag-active":g(t,r),className:cls.cls("absolute h-full cursor-pointer",{hidden:"desktop"!==t,flex:"desktop"===t,"tablet:hidden":"tablet"!==t,"tablet:flex":"tablet"===t,"mobile:hidden":"mobile"!==t,"mobile:flex":"mobile"===t}),style:{width:"16px",top:"0px",left:a},onMouseDown:e=>f(e,{device:t,totalCol:o,index:r}),onMouseUp:x,children:[jsxRuntime.jsx("div",{"data-column-hand-visual":!0}),jsxRuntime.jsx("div",{"data-column-hand-visual-drag":!0,children:jsxRuntime.jsxs("svg",{viewBox:"0 0 20 20",children:[jsxRuntime.jsx("path",{d:"M12.75 3.5a.75.75 0 0 0 0 1.5h1.19l-3.22 3.22a.75.75 0 0 0 1.06 1.06l3.22-3.22v1.19a.75.75 0 0 0 1.5 0v-3a.75.75 0 0 0-.75-.75h-3Z",fill:"currentColor"}),jsxRuntime.jsx("path",{d:"M7.25 16.5a.75.75 0 0 0 0-1.5h-1.19l3.22-3.22a.75.75 0 1 0-1.06-1.06l-3.22 3.22v-1.19a.75.75 0 0 0-1.5 0v3c0 .414.336.75.75.75h3Z",fill:"currentColor"})]})})]},`${t}-${r}`))}}}return e})()})})}require("react-transition-group"),require("@gem-sdk/core"),require("../../helpers/convert.js"),exports.default=Column;

package/dist/cjs/components/resize/Resize.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),Spacing=require("./Spacing.js");function Resize(e){return jsxRuntime.jsx(jsxRuntime.Fragment,{children:jsxRuntime.jsx(Spacing.default,{...e})})}exports.default=Resize;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),Column=require("./Column.js"),Spacing=require("./Spacing.js");function Resize(e){return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(Spacing.default,{...e}),jsxRuntime.jsx(Column.default,{...e})]})}exports.default=Resize;

package/dist/cjs/components/resize/Spacing.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),react=require("react");require("zustand");var BuilderPreviewContext=require("../../contexts/BuilderPreviewContext.js");function Spacing(e){let t=BuilderPreviewContext.useBuilderPreviewStore(e=>e.isThemeSectionEditor),r=react.useRef(null),n=react.useRef(null),i=react.useRef(null),u=react.useRef(!1),o=react.useRef(0),a=react.useRef(0),s=e=>{let t=e.clientY,r=Math.ceil(t-o.current),n=a.current||0,i=n+r>=0?`${n+r}px`:"0px";return{newValue:i}},c=e=>{if(r.current&&n.current){let{newValue:t}=s(e);n.current.style.height=t,r.current.style.top=t;let i=r.current.closest("[data-toolbar-wrap]");i&&(i.style.marginBottom=t)}},l=()=>{m()},d=()=>{i.current&&clearTimeout(i.current),i.current=setTimeout(()=>{u.current=!0;let e=new CustomEvent("editor:toolbar:resize-spacing",{bubbles:!0,detail:{value:!0}});window.dispatchEvent(e),document.addEventListener("mousemove",c),document.addEventListener("mouseup",l)},100)},m=()=>{i.current&&clearTimeout(i.current),u.current=!1;let t=new CustomEvent("editor:toolbar:resize-spacing",{bubbles:!0,detail:{value:!1}});if(window.dispatchEvent(t),r.current){let t=getComputedStyle(r.current),n=t.top,i=new CustomEvent("editor:toolbar:change-margin-bottom",{bubbles:!0,detail:{componentUid:e.uid,marginBottom:n}});window.dispatchEvent(i)}let n=r.current?.closest("[data-toolbar-wrap]");n&&(n.style.marginBottom=""),document.removeEventListener("mousemove",c),document.removeEventListener("mouseup",l)};return jsxRuntime.jsx(jsxRuntime.Fragment,{children:"Section"!==e.tag&&jsxRuntime.jsx("div",{"data-spacing":!0,"data-spacing-theme-section":t,className:"absolute w-full bottom-0",children:jsxRuntime.jsxs("div",{"data-spacing-margin-bottom":!0,children:[jsxRuntime.jsx("div",{"data-spacing-margin-bottom-bg":!0,ref:n,children:jsxRuntime.jsx("div",{"data-spacing-margin-bottom-value":!0})}),jsxRuntime.jsx("div",{ref:r,"data-spacing-margin-bottom-drag":!0,onMouseDown:e=>{if(e.preventDefault(),e.stopPropagation(),r.current){let t=getComputedStyle(r.current);o.current=e.clientY,a.current=parseFloat(t.top),d()}return!1},onMouseUp:e=>(e.preventDefault(),e.stopPropagation(),m(),!1),role:"presentation"})]})})})}require("swr"),require("@gem-sdk/adapter-shopify"),require("swr/mutation"),require("vanilla-lazyload"),require("../../hooks/useCartUI.js"),require("react-transition-group"),require("@gem-sdk/core"),require("../../helpers/convert.js"),exports.default=Spacing;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),react=require("react");require("zustand");var BuilderPreviewContext=require("../../contexts/BuilderPreviewContext.js");function Spacing(e){let t=BuilderPreviewContext.useBuilderPreviewStore(e=>e.isThemeSectionEditor),r=react.useRef(null),n=react.useRef(null),i=react.useRef(null),u=react.useRef(!1),o=react.useRef(0),a=react.useRef(0),s=e=>{let t=e.clientY,r=Math.ceil(t-o.current),n=a.current||0,i=n+r>=0?`${n+r}px`:"0px";return{newValue:i}},c=e=>{if(r.current&&n.current){let{newValue:t}=s(e);n.current.style.height=t,r.current.style.top=t;let i=r.current.closest("[data-toolbar-wrap]");i&&(i.style.marginBottom=t)}},l=()=>{m()},d=()=>{i.current&&clearTimeout(i.current),i.current=setTimeout(()=>{u.current=!0;let e=new CustomEvent("editor:toolbar:resize-spacing",{bubbles:!0,detail:{value:!0}});window.dispatchEvent(e),document.addEventListener("mousemove",c),document.addEventListener("mouseup",l)},100)},m=()=>{i.current&&clearTimeout(i.current),u.current=!1;let t=new CustomEvent("editor:toolbar:resize-spacing",{bubbles:!0,detail:{value:!1}});if(window.dispatchEvent(t),r.current){let t=getComputedStyle(r.current),n=t.top,i=new CustomEvent("editor:toolbar:change-margin-bottom",{bubbles:!0,detail:{componentUid:e.uid,marginBottom:n}});window.dispatchEvent(i)}let n=r.current?.closest("[data-toolbar-wrap]");n&&(n.style.marginBottom=""),document.removeEventListener("mousemove",c),document.removeEventListener("mouseup",l)};return jsxRuntime.jsx(jsxRuntime.Fragment,{children:"Section"!==e.tag&&jsxRuntime.jsx("div",{"data-spacing":!0,"data-spacing-theme-section":t,className:"absolute w-full bottom-0",children:jsxRuntime.jsxs("div",{"data-spacing-margin-bottom":!0,children:[jsxRuntime.jsx("div",{"data-spacing-margin-bottom-bg":!0,ref:n,children:jsxRuntime.jsx("div",{"data-spacing-margin-bottom-value":!0})}),jsxRuntime.jsx("div",{ref:r,"data-spacing-margin-bottom-drag":!0,onMouseDown:e=>{if(r.current){let t=getComputedStyle(r.current);o.current=e.clientY,a.current=parseFloat(t.top),d()}},onMouseUp:()=>{m()},role:"presentation"})]})})})}require("swr"),require("@gem-sdk/adapter-shopify"),require("swr/mutation"),require("vanilla-lazyload"),require("../../hooks/useCartUI.js"),require("react-transition-group"),require("@gem-sdk/core"),require("../../helpers/convert.js"),exports.default=Spacing;

package/dist/esm/components/resize/Column.js

@@ -0,0 +1 @@
+import{jsx as e,Fragment as t,jsxs as r}from"react/jsx-runtime";import{useState as n,useRef as o,useEffect as i}from"react";import"zustand";import{useBuilderPreviewStore as l}from"../../contexts/BuilderPreviewContext.js";import"swr";import"@gem-sdk/adapter-shopify";import"swr/mutation";import"vanilla-lazyload";import"../../hooks/useCartUI.js";import{cls as u}from"../../helpers/cls.js";import"react-transition-group";import"@gem-sdk/core";import"../../helpers/convert.js";function Column(d){let s=l(e=>e.isThemeSectionEditor),[a,c]=n(d.settings?.layout),[m,p]=n(d.settings?.layout),v=d.styles?.verticalGutter,h=o(),[f,g]=n(!1),b=o([]);if(i(()=>{c(d.settings?.layout),p(d.settings?.layout)},[d]),!["Row"].includes(d.tag))return;let y=(e,t)=>{let r=e.slice().splice(0,t+1);return r.reduce((e,t)=>e+t,0)},x=({totalCol:e,len:t,gap:r,index:n})=>{let o=e/12;return`calc(100%*${o} - ${r}*${.5-o} + ${r}*${(12/t*(n+1)-e)/(12/t)} - 8px)`},w=()=>{if(g(!1),document.body.style.cursor="",!h.current)return;let e=h.current.device,t=m?.[e]?.cols||[];JSON.stringify(b.current)!==JSON.stringify(t)&&b.current.length&&window.dispatchEvent(new CustomEvent("editor:toolbar:change-column",{bubbles:!0,detail:{componentUid:h.current.componentUid,cols:b.current}})),window.dispatchEvent(new CustomEvent("editor:toolbar:resize-column",{bubbles:!0,detail:{value:!1}}));let r=document.querySelectorAll(`[data-uid="${h.current.componentUid}"]`);r.length&&r.forEach(e=>{e.style.gridTemplateColumns=""}),h.current=void 0,document.removeEventListener("mousemove",E),document.removeEventListener("mouseup",C)},E=e=>{if(!h.current)return;let t=e.clientX,r=t-(h.current.startX??0),n=Math.abs(r),o=h.current.index,i=h.current.device??"desktop",l=h.current.itemWidth??0,u=m?.[i]?.cols||[],d=u.slice();if(n>=l){let e=Math.round(n/l);if("minus"==(r>=0?"plus":"minus")){let t=d[o]??1;t-e>1?(d[o]=(d[o]??0)-e,d[o+1]=(d[o+1]??0)+e):(d[o+1]=(d[o+1]??0)+(d[o]??0)-1,d[o]=1)}else{let t=d[o+1]??1;t-e>1?(d[o+1]=(d[o+1]??0)-e,d[o]=(d[o]??0)+e):(d[o]=(d[o]??0)+(d[o+1]??0)-1,d[o+1]=1)}}if(JSON.stringify(b.current)!==JSON.stringify(d)&&JSON.stringify(b.current)!==JSON.stringify(d)){b.current=d,c({...m,[i]:{...m?.[i],cols:d}});let e=document.querySelectorAll(`[data-uid="${h.current.componentUid}"]`);e.length&&e.forEach(e=>{e.style.gridTemplateColumns=d.map(e=>`minmax(0, ${e}fr)`).join(" ")})}},C=()=>{w()},$=(e,{device:t,totalCol:r,index:n})=>{let o=e.target;if(o){let i=o.closest("[data-uid]");if(i){document.removeEventListener("mousemove",E),document.removeEventListener("mouseup",C),document.addEventListener("mousemove",E),document.addEventListener("mouseup",C),g(!0);let l=i.getAttribute("data-uid")||void 0,u=o.getBoundingClientRect(),d=i.getBoundingClientRect();h.current={componentUid:l,device:t,index:n,startX:e.clientX,itemWidth:(u.left-d.left)/r},document.body.style.cursor="pointer",window.dispatchEvent(new CustomEvent("editor:toolbar:resize-column",{bubbles:!0,detail:{value:!0}}))}}},k=()=>{w()},S=(e,t)=>h.current?.componentUid==d.uid&&h.current.device==e&&h.current.index==t;return e(t,{children:e("div",{"data-column":!0,"data-column-theme-section":s,"data-column-is-drag-visible":f,children:(()=>{let t=[];for(let n of["desktop","tablet","mobile"])if(a?.[n]){let o=a?.[n]?.cols||a?.desktop?.cols||[],i=o.length;for(let l=0;l<i-1;l++){let d=o[l];if(d){let s=y(o,l),a=v?.[n]||v?.desktop||"0px",c=x({index:l,len:i,gap:a,totalCol:s});t.push(r("div",{role:"presentation","data-column-hand-drag":!0,"data-col":d,"data-gap":a,"data-column-hand-drag-active":S(n,l),className:u("absolute h-full cursor-pointer",{hidden:"desktop"!==n,flex:"desktop"===n,"tablet:hidden":"tablet"!==n,"tablet:flex":"tablet"===n,"mobile:hidden":"mobile"!==n,"mobile:flex":"mobile"===n}),style:{width:"16px",top:"0px",left:c},onMouseDown:e=>$(e,{device:n,totalCol:s,index:l}),onMouseUp:k,children:[e("div",{"data-column-hand-visual":!0}),e("div",{"data-column-hand-visual-drag":!0,children:r("svg",{viewBox:"0 0 20 20",children:[e("path",{d:"M12.75 3.5a.75.75 0 0 0 0 1.5h1.19l-3.22 3.22a.75.75 0 0 0 1.06 1.06l3.22-3.22v1.19a.75.75 0 0 0 1.5 0v-3a.75.75 0 0 0-.75-.75h-3Z",fill:"currentColor"}),e("path",{d:"M7.25 16.5a.75.75 0 0 0 0-1.5h-1.19l3.22-3.22a.75.75 0 1 0-1.06-1.06l-3.22 3.22v-1.19a.75.75 0 0 0-1.5 0v3c0 .414.336.75.75.75h3Z",fill:"currentColor"})]})})]},`${n}-${l}`))}}}return t})()})})}export{Column as default};

package/dist/esm/components/resize/Resize.js

@@ -1 +1 @@
-import{jsx as e,Fragment as r}from"react/jsx-runtime";import i from"./Spacing.js";function Resize(t){return e(r,{children:e(i,{...t})})}export{Resize as default};
+import{jsxs as r,Fragment as e,jsx as i}from"react/jsx-runtime";import o from"./Column.js";import t from"./Spacing.js";function Resize(m){return r(e,{children:[i(t,{...m}),i(o,{...m})]})}export{Resize as default};

package/dist/esm/components/resize/Spacing.js

@@ -1 +1 @@
-import{jsx as t,Fragment as e,jsxs as r}from"react/jsx-runtime";import{useRef as o}from"react";import"zustand";import{useBuilderPreviewStore as n}from"../../contexts/BuilderPreviewContext.js";import"swr";import"@gem-sdk/adapter-shopify";import"swr/mutation";import"vanilla-lazyload";import"../../hooks/useCartUI.js";import"react-transition-group";import"@gem-sdk/core";import"../../helpers/convert.js";function Spacing(i){let a=n(t=>t.isThemeSectionEditor),u=o(null),s=o(null),c=o(null),l=o(!1),m=o(0),p=o(0),d=t=>{let e=t.clientY,r=Math.ceil(e-m.current),o=p.current||0,n=o+r>=0?`${o+r}px`:"0px";return{newValue:n}},g=t=>{if(u.current&&s.current){let{newValue:e}=d(t);s.current.style.height=e,u.current.style.top=e;let r=u.current.closest("[data-toolbar-wrap]");r&&(r.style.marginBottom=e)}},v=()=>{h()},b=()=>{c.current&&clearTimeout(c.current),c.current=setTimeout(()=>{l.current=!0;let t=new CustomEvent("editor:toolbar:resize-spacing",{bubbles:!0,detail:{value:!0}});window.dispatchEvent(t),document.addEventListener("mousemove",g),document.addEventListener("mouseup",v)},100)},h=()=>{c.current&&clearTimeout(c.current),l.current=!1;let t=new CustomEvent("editor:toolbar:resize-spacing",{bubbles:!0,detail:{value:!1}});if(window.dispatchEvent(t),u.current){let t=getComputedStyle(u.current),e=t.top,r=new CustomEvent("editor:toolbar:change-margin-bottom",{bubbles:!0,detail:{componentUid:i.uid,marginBottom:e}});window.dispatchEvent(r)}let e=u.current?.closest("[data-toolbar-wrap]");e&&(e.style.marginBottom=""),document.removeEventListener("mousemove",g),document.removeEventListener("mouseup",v)};return t(e,{children:"Section"!==i.tag&&t("div",{"data-spacing":!0,"data-spacing-theme-section":a,className:"absolute w-full bottom-0",children:r("div",{"data-spacing-margin-bottom":!0,children:[t("div",{"data-spacing-margin-bottom-bg":!0,ref:s,children:t("div",{"data-spacing-margin-bottom-value":!0})}),t("div",{ref:u,"data-spacing-margin-bottom-drag":!0,onMouseDown:t=>{if(t.preventDefault(),t.stopPropagation(),u.current){let e=getComputedStyle(u.current);m.current=t.clientY,p.current=parseFloat(e.top),b()}return!1},onMouseUp:t=>(t.preventDefault(),t.stopPropagation(),h(),!1),role:"presentation"})]})})})}export{Spacing as default};
+import{jsx as t,Fragment as e,jsxs as r}from"react/jsx-runtime";import{useRef as o}from"react";import"zustand";import{useBuilderPreviewStore as n}from"../../contexts/BuilderPreviewContext.js";import"swr";import"@gem-sdk/adapter-shopify";import"swr/mutation";import"vanilla-lazyload";import"../../hooks/useCartUI.js";import"react-transition-group";import"@gem-sdk/core";import"../../helpers/convert.js";function Spacing(i){let a=n(t=>t.isThemeSectionEditor),u=o(null),c=o(null),s=o(null),l=o(!1),m=o(0),d=o(0),p=t=>{let e=t.clientY,r=Math.ceil(e-m.current),o=d.current||0,n=o+r>=0?`${o+r}px`:"0px";return{newValue:n}},g=t=>{if(u.current&&c.current){let{newValue:e}=p(t);c.current.style.height=e,u.current.style.top=e;let r=u.current.closest("[data-toolbar-wrap]");r&&(r.style.marginBottom=e)}},v=()=>{h()},b=()=>{s.current&&clearTimeout(s.current),s.current=setTimeout(()=>{l.current=!0;let t=new CustomEvent("editor:toolbar:resize-spacing",{bubbles:!0,detail:{value:!0}});window.dispatchEvent(t),document.addEventListener("mousemove",g),document.addEventListener("mouseup",v)},100)},h=()=>{s.current&&clearTimeout(s.current),l.current=!1;let t=new CustomEvent("editor:toolbar:resize-spacing",{bubbles:!0,detail:{value:!1}});if(window.dispatchEvent(t),u.current){let t=getComputedStyle(u.current),e=t.top,r=new CustomEvent("editor:toolbar:change-margin-bottom",{bubbles:!0,detail:{componentUid:i.uid,marginBottom:e}});window.dispatchEvent(r)}let e=u.current?.closest("[data-toolbar-wrap]");e&&(e.style.marginBottom=""),document.removeEventListener("mousemove",g),document.removeEventListener("mouseup",v)};return t(e,{children:"Section"!==i.tag&&t("div",{"data-spacing":!0,"data-spacing-theme-section":a,className:"absolute w-full bottom-0",children:r("div",{"data-spacing-margin-bottom":!0,children:[t("div",{"data-spacing-margin-bottom-bg":!0,ref:c,children:t("div",{"data-spacing-margin-bottom-value":!0})}),t("div",{ref:u,"data-spacing-margin-bottom-drag":!0,onMouseDown:t=>{if(u.current){let e=getComputedStyle(u.current);m.current=t.clientY,d.current=parseFloat(e.top),b()}},onMouseUp:()=>{h()},role:"presentation"})]})})})}export{Spacing as default};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gem-sdk/core",
-  "version": "1.14.0-dev.383",
+  "version": "1.14.0-dev.384",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/cjs/index.js",
@@ -25,7 +25,7 @@
   },
   "devDependencies": {
     "@gem-sdk/adapter-shopify": "1.14.0-dev.284",
-    "@gem-sdk/styles": "1.14.0-dev.383"
+    "@gem-sdk/styles": "1.14.0-dev.384"
   },
   "dependencies": {
     "react-error-boundary": "4.0.10",