@bedrock-layout/solid 1.7.0 → 1.7.2

package/lib/index.umd.js

@@ -1 +1 @@
-(function(d,x){typeof exports=="object"&&typeof module<"u"?x(exports,require("open-props"),require("solid-js"),require("@bedrock-layout/register-resize-callback")):typeof define=="function"&&define.amd?define(["exports","open-props","solid-js","@bedrock-layout/register-resize-callback"],x):(d=typeof globalThis<"u"?globalThis:d||self,x(d.solid={},d.OpenProps,d.solidJs,d.registerResizeCallback))})(this,function(d,x,f,T){"use strict";const p=["allowfullscreen","async","autofocus","autoplay","checked","controls","default","disabled","formnovalidate","hidden","indeterminate","inert","ismap","loop","multiple","muted","nomodule","novalidate","open","playsinline","readonly","required","reversed","seamless","selected"],J=new Set(["className","value","readOnly","formNoValidate","isMap","noModule","playsInline",...p]),ee=new Set(["innerHTML","textContent","innerText","children"]),te=Object.assign(Object.create(null),{className:"class",htmlFor:"for"}),ne=Object.assign(Object.create(null),{class:"className",formnovalidate:{$:"formNoValidate",BUTTON:1,INPUT:1},ismap:{$:"isMap",IMG:1},nomodule:{$:"noModule",SCRIPT:1},playsinline:{$:"playsInline",VIDEO:1},readonly:{$:"readOnly",INPUT:1,TEXTAREA:1}});function ie(e,t){const n=ne[e];return typeof n=="object"?n[t]?n.$:void 0:n}const re=new Set(["beforeinput","click","dblclick","contextmenu","focusin","focusout","input","keydown","keyup","mousedown","mousemove","mouseout","mouseover","mouseup","pointerdown","pointermove","pointerout","pointerover","pointerup","touchend","touchmove","touchstart"]),ce=new Set(["altGlyph","altGlyphDef","altGlyphItem","animate","animateColor","animateMotion","animateTransform","circle","clipPath","color-profile","cursor","defs","desc","ellipse","feBlend","feColorMatrix","feComponentTransfer","feComposite","feConvolveMatrix","feDiffuseLighting","feDisplacementMap","feDistantLight","feFlood","feFuncA","feFuncB","feFuncG","feFuncR","feGaussianBlur","feImage","feMerge","feMergeNode","feMorphology","feOffset","fePointLight","feSpecularLighting","feSpotLight","feTile","feTurbulence","filter","font","font-face","font-face-format","font-face-name","font-face-src","font-face-uri","foreignObject","g","glyph","glyphRef","hkern","image","line","linearGradient","marker","mask","metadata","missing-glyph","mpath","path","pattern","polygon","polyline","radialGradient","rect","set","stop","svg","switch","symbol","text","textPath","tref","tspan","use","view","vkern"]),oe={xlink:"http://www.w3.org/1999/xlink",xml:"http://www.w3.org/XML/1998/namespace"};function se(e,t,n){let i=n.length,r=t.length,c=i,s=0,o=0,a=t[r-1].nextSibling,l=null;for(;s<r||o<c;){if(t[s]===n[o]){s++,o++;continue}for(;t[r-1]===n[c-1];)r--,c--;if(r===s){const u=c<i?o?n[o-1].nextSibling:n[c-o]:a;for(;o<c;)e.insertBefore(n[o++],u)}else if(c===o)for(;s<r;)(!l||!l.has(t[s]))&&t[s].remove(),s++;else if(t[s]===n[c-1]&&n[o]===t[r-1]){const u=t[--r].nextSibling;e.insertBefore(n[o++],t[s++].nextSibling),e.insertBefore(n[--c],u),t[r]=n[c]}else{if(!l){l=new Map;let g=o;for(;g<c;)l.set(n[g],g++)}const u=l.get(t[s]);if(u!=null)if(o<u&&u<c){let g=s,C=1,S;for(;++g<r&&g<c&&!((S=l.get(t[g]))==null||S!==u+C);)C++;if(C>u-o){const L=t[s];for(;o<u;)e.insertBefore(n[o++],L)}else e.replaceChild(n[o++],t[s++])}else s++;else t[s++].remove()}}}const W="_$DX_DELEGATE";function B(e,t,n){let i;const r=()=>{const s=document.createElement("template");return s.innerHTML=e,n?s.content.firstChild.firstChild:s.content.firstChild},c=t?()=>f.untrack(()=>document.importNode(i||(i=r()),!0)):()=>(i||(i=r())).cloneNode(!0);return c.cloneNode=c,c}function ae(e,t=window.document){const n=t[W]||(t[W]=new Set);for(let i=0,r=e.length;i<r;i++){const c=e[i];n.has(c)||(n.add(c),t.addEventListener(c,$e))}}function M(e,t,n){f.sharedConfig.context&&e.isConnected||(n==null?e.removeAttribute(t):e.setAttribute(t,n))}function fe(e,t,n,i){f.sharedConfig.context&&e.isConnected||(i==null?e.removeAttributeNS(t,n):e.setAttributeNS(t,n,i))}function le(e,t){f.sharedConfig.context&&e.isConnected||(t==null?e.removeAttribute("class"):e.className=t)}function ue(e,t,n,i){if(i)Array.isArray(n)?(e[`$$${t}`]=n[0],e[`$$${t}Data`]=n[1]):e[`$$${t}`]=n;else if(Array.isArray(n)){const r=n[0];e.addEventListener(t,n[0]=c=>r.call(e,n[1],c))}else e.addEventListener(t,n)}function de(e,t,n={}){const i=Object.keys(t||{}),r=Object.keys(n);let c,s;for(c=0,s=r.length;c<s;c++){const o=r[c];!o||o==="undefined"||t[o]||(G(e,o,!1),delete n[o])}for(c=0,s=i.length;c<s;c++){const o=i[c],a=!!t[o];!o||o==="undefined"||n[o]===a||!a||(G(e,o,!0),n[o]=a)}return n}function R(e,t,n){if(!t)return n?M(e,"style"):t;const i=e.style;if(typeof t=="string")return i.cssText=t;typeof n=="string"&&(i.cssText=n=void 0),n||(n={}),t||(t={});let r,c;for(c in n)t[c]==null&&i.removeProperty(c),delete n[c];for(c in t)r=t[c],r!==n[c]&&(i.setProperty(c,r),n[c]=r);return n}function ge(e,t={},n,i){const r={};return i||f.createRenderEffect(()=>r.children=j(e,t.children,r.children)),f.createRenderEffect(()=>t.ref&&t.ref(e)),f.createRenderEffect(()=>me(e,t,n,!0,r,!0)),r}function ye(e,t,n){return f.untrack(()=>e(t,n))}function D(e,t,n,i){if(n!==void 0&&!i&&(i=[]),typeof t!="function")return j(e,t,i,n);f.createRenderEffect(r=>j(e,t(),r,n),i)}function me(e,t,n,i,r={},c=!1){t||(t={});for(const s in r)if(!(s in t)){if(s==="children")continue;r[s]=H(e,s,null,r[s],n,c)}for(const s in t){if(s==="children"){i||j(e,t.children);continue}const o=t[s];r[s]=H(e,s,o,r[s],n,c)}}function he(e){let t,n;return!f.sharedConfig.context||!(t=f.sharedConfig.registry.get(n=Ce()))?e():(f.sharedConfig.completed&&f.sharedConfig.completed.add(t),f.sharedConfig.registry.delete(n),t)}function be(e){return e.toLowerCase().replace(/-([a-z])/g,(t,n)=>n.toUpperCase())}function G(e,t,n){const i=t.trim().split(/\s+/);for(let r=0,c=i.length;r<c;r++)e.classList.toggle(i[r],n)}function H(e,t,n,i,r,c){let s,o,a,l,u;if(t==="style")return R(e,n,i);if(t==="classList")return de(e,n,i);if(n===i)return i;if(t==="ref")c||n(e);else if(t.slice(0,3)==="on:"){const g=t.slice(3);i&&e.removeEventListener(g,i),n&&e.addEventListener(g,n)}else if(t.slice(0,10)==="oncapture:"){const g=t.slice(10);i&&e.removeEventListener(g,i,!0),n&&e.addEventListener(g,n,!0)}else if(t.slice(0,2)==="on"){const g=t.slice(2).toLowerCase(),C=re.has(g);if(!C&&i){const S=Array.isArray(i)?i[0]:i;e.removeEventListener(g,S)}(C||n)&&(ue(e,g,n,C),C&&ae([g]))}else if(t.slice(0,5)==="attr:")M(e,t.slice(5),n);else if((u=t.slice(0,5)==="prop:")||(a=ee.has(t))||!r&&((l=ie(t,e.tagName))||(o=J.has(t)))||(s=e.nodeName.includes("-"))){if(u)t=t.slice(5),o=!0;else if(f.sharedConfig.context&&e.isConnected)return n;t==="class"||t==="className"?le(e,n):s&&!o&&!a?e[be(t)]=n:e[l||t]=n}else{const g=r&&t.indexOf(":")>-1&&oe[t.split(":")[0]];g?fe(e,g,t,n):M(e,te[t]||t,n)}return n}function $e(e){const t=`$$${e.type}`;let n=e.composedPath&&e.composedPath()[0]||e.target;for(e.target!==n&&Object.defineProperty(e,"target",{configurable:!0,value:n}),Object.defineProperty(e,"currentTarget",{configurable:!0,get(){return n||document}}),f.sharedConfig.registry&&!f.sharedConfig.done&&(f.sharedConfig.done=_$HY.done=!0);n;){const i=n[t];if(i&&!n.disabled){const r=n[`${t}Data`];if(r!==void 0?i.call(n,r,e):i.call(n,e),e.cancelBubble)return}n=n._$host||n.parentNode||n.host}}function j(e,t,n,i,r){const c=!!f.sharedConfig.context&&e.isConnected;if(c){!n&&(n=[...e.childNodes]);let a=[];for(let l=0;l<n.length;l++){const u=n[l];u.nodeType===8&&u.data.slice(0,2)==="!$"?u.remove():a.push(u)}n=a}for(;typeof n=="function";)n=n();if(t===n)return n;const s=typeof t,o=i!==void 0;if(e=o&&n[0]&&n[0].parentNode||e,s==="string"||s==="number"){if(c)return n;if(s==="number"&&(t=t.toString()),o){let a=n[0];a&&a.nodeType===3?a.data!==t&&(a.data=t):a=document.createTextNode(t),n=w(e,n,i,a)}else n!==""&&typeof n=="string"?n=e.firstChild.data=t:n=e.textContent=t}else if(t==null||s==="boolean"){if(c)return n;n=w(e,n,i)}else{if(s==="function")return f.createRenderEffect(()=>{let a=t();for(;typeof a=="function";)a=a();n=j(e,a,n,i)}),()=>n;if(Array.isArray(t)){const a=[],l=n&&Array.isArray(n);if(v(a,t,n,r))return f.createRenderEffect(()=>n=j(e,a,n,i,!0)),()=>n;if(c){if(!a.length)return n;if(i===void 0)return[...e.childNodes];let u=a[0],g=[u];for(;(u=u.nextSibling)!==i;)g.push(u);return n=g}if(a.length===0){if(n=w(e,n,i),o)return n}else l?n.length===0?_(e,a,i):se(e,n,a):(n&&w(e),_(e,a));n=a}else if(t.nodeType){if(c&&t.parentNode)return n=o?[t]:t;if(Array.isArray(n)){if(o)return n=w(e,n,i,t);w(e,n,null,t)}else n==null||n===""||!e.firstChild?e.appendChild(t):e.replaceChild(t,e.firstChild);n=t}}return n}function v(e,t,n,i){let r=!1;for(let c=0,s=t.length;c<s;c++){let o=t[c],a=n&&n[e.length],l;if(!(o==null||o===!0||o===!1))if((l=typeof o)=="object"&&o.nodeType)e.push(o);else if(Array.isArray(o))r=v(e,o,a)||r;else if(l==="function")if(i){for(;typeof o=="function";)o=o();r=v(e,Array.isArray(o)?o:[o],Array.isArray(a)?a:[a])||r}else e.push(o),r=!0;else{const u=String(o);a&&a.nodeType===3&&a.data===u?e.push(a):e.push(document.createTextNode(u))}}return r}function _(e,t,n=null){for(let i=0,r=t.length;i<r;i++)e.insertBefore(t[i],n)}function w(e,t,n,i){if(n===void 0)return e.textContent="";const r=i||document.createTextNode("");if(t.length){let c=!1;for(let s=t.length-1;s>=0;s--){const o=t[s];if(r!==o){const a=o.parentNode===e;!c&&!s?a?e.replaceChild(r,o):e.insertBefore(r,n):a&&o.remove()}else c=!0}}else e.insertBefore(r,n);return[r]}function Ce(){const e=f.sharedConfig.context;return`${e.id}${e.count++}`}const Se="http://www.w3.org/2000/svg";function je(e,t=!1){return t?document.createElementNS(Se,e):document.createElement(e)}function we(e){const[t,n]=f.splitProps(e,["component"]),i=f.createMemo(()=>t.component);return f.createMemo(()=>{const r=i();switch(typeof r){case"function":return f.untrack(()=>r(n));case"string":const c=ce.has(r),s=f.sharedConfig.context?he():je(r,c);return ge(s,n,c),s}})}function A(e){return e??void 0}function y(e,t){return Object.keys(e).filter(n=>!t.includes(n)).reduce((n,i)=>Object.defineProperty({...n},i,{get(){return e[i]},configurable:!0,enumerable:!0}),{})}function m(e,t){return f.createComponent(we,f.mergeProps({get component(){return e()}},t))}function h(e){return Object.values(e).every(t=>typeof t=="function")?Object.keys(e).reduce((t,n)=>{const i=e[n];return Object.defineProperty(t,n,{get(){return i()},configurable:!0,enumerable:!0})},{}):new Error("Please provide an object with accessor values only.")}const F=/^--\D{1}.{0,100}$/;function V(e){return F.test(e)}function I(e){return typeof e!="string"?!1:[/^[0-9]{0,10000}\.?[0-9]{1,10000}(vmin|vmax|vh|vw|%|ch|ex|em|rem|in|cm|mm|pt|pc|px)$/,/^var\(--\D{1}.{0,100}\)$/,F].some(t=>t.test(e))}const{sizeXxs:Ae,sizeXs:xe,sizeSm:Pe,sizeMd:Ee,sizeLg:Te,sizeXl:Ie,sizeXxl:Me,sizeContent1:ve,sizeContent2:Oe,sizeContent3:ze,sizeHeader1:ke,sizeHeader2:Ne,sizeHeader3:Le,size000:We,size00:Be,size1:Re,size2:De,size3:Ge,size4:He,size5:_e,size6:Fe,size7:Ve,size8:Xe,size9:qe,size10:Ue,size11:Qe,size12:Ye,size13:Ze,size14:Ke,size15:pe}=x,Je={size000:We,size00:Be,size1:Re,size2:De,size3:Ge,size4:He,size5:_e,size6:Fe,size7:Ve,size8:Xe,size9:qe,size10:Ue,size11:Qe,size12:Ye,size13:Ze,size14:Ke,size15:pe},et={sizeXxs:Ae,sizeXs:xe,sizeSm:Pe,sizeMd:Ee,sizeLg:Te,sizeXl:Ie,sizeXxl:Me,sizeContent1:ve,sizeContent2:Oe,sizeContent3:ze,sizeHeader1:ke,sizeHeader2:Ne,sizeHeader3:Le},X=Je,q=et;function U(e){return e.reduce((t,[n,i])=>({...t,[n]:i}),{})}function O(e,t){if(t!==void 0)return typeof t=="number"&&t>=0?`${t}px`:typeof t=="string"&&I(t)?V(t)?`var(${t})`:t:A(b(e,t))}function b(e,t){const n=e.space??X,i=U(Object.entries(n).map(([r,c])=>[r,typeof c=="number"?`${c}px`:c]));return A(i[t])}function P(e,t){if(t===void 0)return;if(typeof t=="number"&&t>=0)return`${t}px`;if(typeof t=="string"&&I(t))return V(t)?`var(${t})`:t;const n=e.sizes??q,i=U(Object.entries(n).map(([r,c])=>[r,typeof c=="number"?`${c}px`:c]));return A(i[t])}function tt(e){return e===void 0?"100%":typeof e=="number"?`${e}px`:e}function nt(e){const t=()=>typeof e.style=="string"?e.style:Object.entries(e.style??{}).reduce((o,[a,l])=>o+`${a}:${l};`,""),n=()=>`--maxWidth: ${tt(e.maxWidth)};`,i=()=>e.centerText?"center-text":"",r=()=>e.centerChildren?"center-children":"",c=()=>[i(),r()].filter(Boolean).join(" "),s=()=>[t(),n()].join("; ");return m(()=>e.as??"div",f.mergeProps(y(e,["as","maxWidth","centerText","centerChildren"]),h({style:s,"data-bedrock-center":c})))}const Q=f.createContext({});function it(e){return f.createComponent(Q.Provider,{get value(){return e.theme},get children(){return e.children}})}function $(){try{return f.useContext(Q)}catch{return{}}}function rt(e,t){return P(e,t)}function ct(e){const t=$(),n=()=>typeof e.style=="string"?e.style:Object.entries(e.style??{}).reduce((o,[a,l])=>o+`${a}:${l};`,""),i=()=>`--gutter: ${b(t,e.gap??e.gutter??"size00")??"0px"}`,r=()=>`--minItemWidth: ${rt(t,e.minItemWidth)}`,c=()=>e.noStretchedColumns===!0?"no-stretched-columns":"",s=()=>[n(),i(),r()].join("; ");return m(()=>e.as??"div",f.mergeProps(y(e,["as","gutter","minItemWidth","noStretchedColumns"]),h({style:s,"data-bedrock-column-drop":c})))}function ot(e,t){const[n,i]=f.createSignal(!1),[r,c]=f.createSignal();return f.onMount(()=>{T.init()}),f.createEffect(()=>{if(A(r())===void 0)return;t&&t(r());const s=T.registerCallback(r(),o=>{var l;const a=((l=o.borderBoxSize)==null?void 0:l.inlineSize)??o.contentRect.width;if(a>0){const u=a<=e;i(u)}});f.onCleanup(s)}),[n,c]}function st(e){return Array.isArray(e)&&e.length===2&&e.every(Number.isFinite)||typeof e=="string"&&/^\d{1,1000} {0,1}\/ {0,1}\d{1,1000}$/.test(e)}function at(e){return Array.isArray(e)?e.join("/"):e}function ft(e){return st(e)?at(e):void 0}function lt(e){const t=()=>typeof e.style=="string"?e.style:Object.entries(e.style??{}).reduce((s,[o,a])=>s+`${o}:${a};`,""),n=()=>ft(e.ratio),i=()=>n()?`--ratio: ${n()}`:"",r=()=>typeof e.position=="string"?`--position: ${e.position}`:"50%",c=()=>[t(),i(),r()].join("; ");return m(()=>e.as??"div",f.mergeProps(y(e,["as","ratio","position"]),h({style:c,"data-bedrock-frame":()=>""})))}function Y(e){const t=$(),n=()=>typeof e.style=="string"?e.style:Object.entries(e.style??{}).reduce((s,[o,a])=>s+`${o}:${a};`,""),i=()=>`--gutter: ${b(t,e.gap??e.gutter??"size00")??"0px"}`,r=()=>`--minItemWidth: ${typeof e.minItemWidth=="string"?e.minItemWidth:`${e.minItemWidth??0}px`};`,c=()=>[n(),i(),r()].join("; ");return m(()=>e.as??"div",f.mergeProps(y(e,["as","gutter","minItemWidth"]),h({style:c,"data-bedrock-grid":()=>e.variant==="masonry"?"variant:masonry":""})))}const E=96;function Z(e){const t=String(e),n=parseFloat(t),[,i]=t.match(/[\d.\-+]*\s*(.*)/)??["",""];return[n,i]}function z(e,t){if(!e)return;const n=t??document.body,i=(e??"px").trim().toLowerCase();switch(i){case"vmin":case"vmax":case"vh":case"vw":case"%":return;case"ch":case"ex":return ut(i,n);case"em":return k(n,"font-size");case"rem":return k(document.body,"font-size");case"in":return E;case"cm":return E/2.54;case"mm":return E/25.4;case"pt":return E/72;case"pc":return E/6;case"px":return 1;default:{const[r,c]=Z(i);if(isNaN(r))return;if(!c)return r;const s=z(c,t);return typeof s=="number"?r*s:void 0}}}function k(e,t){const[n,i]=Z(getComputedStyle(e).getPropertyValue(t));return n*(z(i,e)??1)}function ut(e,t){const n=document.createElement("div");n.style.height="128"+e,t.appendChild(n);const i=k(n,"height")/128;return t.removeChild(n),i}var dt=B("<div>");const N=1,gt=typeof window=="object"&&typeof document=="object"&&document.nodeType===9,yt=e=>{const[t,n]=f.createSignal(1),[i,r]=f.createSignal(),c=$();return f.onMount(()=>(T.init(),0)),f.createEffect(()=>{const s=A(i());if(s===void 0)return;const o=T.registerCallback(s,({target:a})=>{n(1);const l=e.gutter?b(c,e.gutter)??"1px":"1px",u=gt?z(l,a):void 0,g=Math.max(u??N,N),[C]=Array.from(a.children),S=1+Math.min(a.scrollHeight,C.scrollHeight),L=Math.max(Math.ceil(S/g),N);return n(L),0});return f.onCleanup(o),0}),(()=>{var s=dt();return ye(r,s),D(s,()=>e.children),f.createRenderEffect(o=>R(s,`grid-row: span ${t()};`,o)),s})()},mt=e=>{const t=f.children(()=>e.children),i=[].concat(t()).filter(Boolean).map(r=>f.createComponent(yt,{get gutter(){return e.gutter},children:r}));return f.createComponent(Y,f.mergeProps({style:"grid-template-rows: 1px;"},e,{children:i}))},ht={start:"justify:start",end:"justify:end",center:"justify:center","space-between":"justify:space-between","space-around":"justify:space-around"},bt={start:"align:start",end:"align:end",center:"align:center",stretch:"align:stretch"};function $t(e){const t=$(),n=()=>typeof e.style=="string"?e.style:Object.entries(e.style??{}).reduce((a,[l,u])=>a+`${l}:${u};`,""),i=()=>`--gutter: ${b(t,e.gap??e.gutter??"size00")??"0px"}`,r=()=>e.justify!==void 0?ht[e.justify]:void 0,c=()=>e.align!==void 0?bt[e.align]:void 0,s=()=>[n(),i()].join("; "),o=()=>[r(),c()].filter(Boolean).join(" ");return m(()=>e.as??"div",f.mergeProps(y(e,["as","gutter","justify","align"]),h({style:s,"data-bedrock-inline-cluster":o})))}const Ct={start:"justify:start",end:"justify:end",center:"justify:center","space-between":"justify:space-between","space-around":"justify:space-around"},St={start:"align:start",end:"align:end",center:"align:center",stretch:"align:stretch"};function jt(e){const t=$(),n=()=>typeof e.style=="string"?e.style:Object.entries(e.style??{}).reduce((g,[C,S])=>g+`${C}:${S};`,""),i=()=>`--gutter: ${b(t,e.gap??e.gutter??"size00")??"0px"}`,r=()=>e.minItemWidth?`--minItemWidth: ${typeof e.minItemWidth=="string"?e.minItemWidth:`${e.minItemWidth}px`};`:void 0,c=()=>e.switchAt?`--switchAt: ${P(t,e.switchAt)??"0px"};`:"",s=()=>e.justify!==void 0?Ct[e.justify]:void 0,o=()=>e.align!==void 0?St[e.align]:void 0,a=()=>e.stretch?`stretch:${e.stretch}`:void 0,l=()=>[n(),i(),c(),r()].join("; "),u=()=>[s(),o(),a()].filter(Boolean).join(" ");return m(()=>e.as??"div",f.mergeProps(y(e,["as","gutter","justify","align","stretch","switchAt"]),h({style:l,"data-bedrock-inline":u})))}const wt=e=>({left:"padding-inline-start",right:"padding-inline-end",top:"padding-block-start",bottom:"padding-block-end",inlineStart:"padding-inline-start",inlineEnd:"padding-inline-end",blockStart:"padding-block-start",blockEnd:"padding-block-end"})[e],At=(e,t)=>{if(!t)return"";if(Array.isArray(t)&&t.length>4)throw new Error("padding arrays can only be 4 or less in length");const n=typeof t=="object"&&!Array.isArray(t)?Object.entries(t).reduce((i,[r,c])=>({...i,[wt(r)]:O(e,c)??"0px"}),{}):{padding:Array.from(Array.isArray(t)?t:[t]).map(i=>O(e,i)??"0px").join(" ")};return Object.entries(n).reduce((i,[r,c])=>i+`${r}:${c};`,"")};function xt(e){const t=$(),n=()=>typeof e.style=="string"?e.style:Object.entries(e.style??{}).reduce((c,[s,o])=>c+`${s}:${o};`,""),i=()=>At(t,e.padding),r=()=>[n(),i()].join("; ");return m(()=>e.as??"div",f.mergeProps(y(e,["as","padding"]),h({style:r,"data-bedrock-padbox":()=>""})))}function Pt(e){const t=$(),n=()=>typeof e.style=="string"?e.style:Object.entries(e.style??{}).reduce((s,[o,a])=>s+`${o}:${a};`,""),i=()=>`--gutter: ${b(t,e.gap??e.gutter??"size00")??"0px"}`,r=()=>{switch(e.snapType){case"none":return"snapType:none";case"proximity":return"snapType:proximity";case"mandatory":return"snapType:mandatory";default:return"snapType:none"}},c=()=>[n(),i()].join("; ");return m(()=>e.as??"div",f.mergeProps(y(e,["as","gutter"]),h({style:c,"data-bedrock-reel":r})))}const K={"1/4":"fraction:1/4","1/3":"fraction:1/3","1/2":"fraction:1/2","2/3":"fraction:2/3","3/4":"fraction:3/4","auto-start":"fraction:auto-start","auto-end":"fraction:auto-end"};function Et(e){const t=$(),n=()=>typeof e.style=="string"?e.style:Object.entries(e.style??{}).reduce((a,[l,u])=>a+`${l}:${u};`,""),i=()=>e.switchAt?`--switchAt: ${P(t,e.switchAt)??"0px"};`:"",r=()=>`--gutter: ${b(t,e.gap??e.gutter??"size00")??"0px"}`,c=()=>K[e.fraction??"1/2"]??K["1/2"],s=()=>e.minItemWidth?`--minItemWidth: ${typeof e.minItemWidth=="string"?e.minItemWidth:`${e.minItemWidth}px`};`:void 0,o=()=>[n(),r(),i(),s()].join("; ");return m(()=>e.as??"div",f.mergeProps(y(e,["as","gutter","fraction"]),h({style:o,"data-bedrock-split":c})))}const Tt={start:"align:start",end:"align:end",center:"align:center",stretch:"align:stretch"};function It(e){const t=$(),n=()=>typeof e.style=="string"?e.style:Object.entries(e.style??{}).reduce((o,[a,l])=>o+`${a}:${l};`,""),i=()=>`--gutter: ${b(t,e.gap??e.gutter??"size00")??"0px"}`,r=()=>[n(),i()].join("; "),c=()=>e.align!==void 0?Tt[e.align]:void 0,s=()=>[c()].filter(Boolean).join(" ");return m(()=>e.as??"div",f.mergeProps(y(e,["as","gutter"]),h({style:r,"data-bedrock-stack":s})))}var Mt=B("<div data-bedrock-cover-centered>");function vt(e){return typeof e=="number"?`${e}px`:e&&I(e)?e:"100vh"}function Ot(e){const t=$(),n=()=>typeof e.style=="string"?e.style:Object.entries(e.style??{}).reduce((o,[a,l])=>o+`${a}:${l};`,""),i=()=>`--gutter: ${b(t,e.gap??e.gutter??"size00")??"0px"}`,r=()=>`--minHeight: ${vt(e.minHeight)};`,c=()=>e.variant==="stretch-content"||e.stretchContent===!0?"stretch-content":"",s=()=>[n(),i(),r()].join("; ");return m(()=>e.as??"div",f.mergeProps(y(e,["as","minHeight","stretchContent"]),h({style:s,"data-bedrock-cover":c})))}function zt(e){const[t,n]=f.splitProps(e,["children","top","bottom"]);return f.createComponent(Ot,f.mergeProps(n,{get children(){return[f.createMemo(()=>t.top),(()=>{var i=Mt();return D(i,()=>t.children),i})(),f.createMemo(()=>t.bottom)]}}))}function kt(e){const t=$(),n=()=>typeof e.style=="string"?e.style:Object.entries(e.style??{}).reduce((o,[a,l])=>o+`${a}:${l};`,""),i=()=>`--gutter: ${b(t,e.gap??e.gutter??"size00")??"0px"}`,r=()=>`--columns: ${A(Math.max(e.colCount??e.columns??1,1))??1};`,c=()=>e.switchAt?`--switchAt: ${P(t,e.switchAt)??"0px"};`:"",s=()=>[n(),i(),r(),c()].filter(Boolean).join("; ");return m(()=>e.as??"div",f.mergeProps(y(e,["as","gutter","columns","colCount","switchAt"]),h({style:s,"data-bedrock-columns":()=>""})))}const Nt=e=>typeof e=="number"?e:1;function Lt(e){const t=()=>typeof e.style=="string"?e.style:Object.entries(e.style??{}).reduce((s,[o,a])=>s+`${o}:${a};`,""),n=()=>`--span: ${Nt(e.span)};`,i=()=>e.offsetStart&&e.offsetStart>0?`--offsetStart: ${e.offsetStart};`:"",r=()=>e.offsetEnd&&e.offsetEnd>0?`--offsetEnd: ${e.offsetEnd};`:"",c=()=>[t(),n(),i(),r()].join("; ");return m(()=>e.as??"div",f.mergeProps(y(e,["as","span","offsetStart","offsetEnd"]),h({style:c,"data-bedrock-column":()=>""})))}d.Center=nt,d.Column=Lt,d.ColumnDrop=ct,d.Columns=kt,d.Cover=zt,d.Frame=lt,d.Grid=Y,d.Inline=jt,d.InlineCluster=$t,d.MasonryGrid=mt,d.PadBox=xt,d.Reel=Pt,d.Split=Et,d.Stack=It,d.ThemeProvider=it,d.checkIsCSSLength=I,d.createContainerQuery=ot,d.getSafeGutter=O,d.getSizeValue=P,d.getSpacingValue=b,d.sizes=q,d.spacing=X,d.useTheme=$,Object.defineProperty(d,Symbol.toStringTag,{value:"Module"})});
+(function(u,A){typeof exports=="object"&&typeof module<"u"?A(exports,require("open-props"),require("solid-js"),require("@bedrock-layout/register-resize-callback")):typeof define=="function"&&define.amd?define(["exports","open-props","solid-js","@bedrock-layout/register-resize-callback"],A):(u=typeof globalThis<"u"?globalThis:u||self,A(u.solid={},u.OpenProps,u.solidJs,u.registerResizeCallback))})(this,function(u,A,a,v){"use strict";const ee=["allowfullscreen","async","autofocus","autoplay","checked","controls","default","disabled","formnovalidate","hidden","indeterminate","inert","ismap","loop","multiple","muted","nomodule","novalidate","open","playsinline","readonly","required","reversed","seamless","selected"],te=new Set(["className","value","readOnly","formNoValidate","isMap","noModule","playsInline",...ee]),ne=new Set(["innerHTML","textContent","innerText","children"]),ie=Object.assign(Object.create(null),{className:"class",htmlFor:"for"}),re=Object.assign(Object.create(null),{class:"className",formnovalidate:{$:"formNoValidate",BUTTON:1,INPUT:1},ismap:{$:"isMap",IMG:1},nomodule:{$:"noModule",SCRIPT:1},playsinline:{$:"playsInline",VIDEO:1},readonly:{$:"readOnly",INPUT:1,TEXTAREA:1}});function ce(e,t){const n=re[e];return typeof n=="object"?n[t]?n.$:void 0:n}const se=new Set(["beforeinput","click","dblclick","contextmenu","focusin","focusout","input","keydown","keyup","mousedown","mousemove","mouseout","mouseover","mouseup","pointerdown","pointermove","pointerout","pointerover","pointerup","touchend","touchmove","touchstart"]),oe=new Set(["altGlyph","altGlyphDef","altGlyphItem","animate","animateColor","animateMotion","animateTransform","circle","clipPath","color-profile","cursor","defs","desc","ellipse","feBlend","feColorMatrix","feComponentTransfer","feComposite","feConvolveMatrix","feDiffuseLighting","feDisplacementMap","feDistantLight","feDropShadow","feFlood","feFuncA","feFuncB","feFuncG","feFuncR","feGaussianBlur","feImage","feMerge","feMergeNode","feMorphology","feOffset","fePointLight","feSpecularLighting","feSpotLight","feTile","feTurbulence","filter","font","font-face","font-face-format","font-face-name","font-face-src","font-face-uri","foreignObject","g","glyph","glyphRef","hkern","image","line","linearGradient","marker","mask","metadata","missing-glyph","mpath","path","pattern","polygon","polyline","radialGradient","rect","set","stop","svg","switch","symbol","text","textPath","tref","tspan","use","view","vkern"]),ae={xlink:"http://www.w3.org/1999/xlink",xml:"http://www.w3.org/XML/1998/namespace"};function fe(e,t,n){let i=n.length,r=t.length,c=i,o=0,s=0,f=t[r-1].nextSibling,l=null;for(;o<r||s<c;){if(t[o]===n[s]){o++,s++;continue}for(;t[r-1]===n[c-1];)r--,c--;if(r===o){const d=c<i?s?n[s-1].nextSibling:n[c-s]:f;for(;s<c;)e.insertBefore(n[s++],d)}else if(c===s)for(;o<r;)(!l||!l.has(t[o]))&&t[o].remove(),o++;else if(t[o]===n[c-1]&&n[s]===t[r-1]){const d=t[--r].nextSibling;e.insertBefore(n[s++],t[o++].nextSibling),e.insertBefore(n[--c],d),t[r]=n[c]}else{if(!l){l=new Map;let g=s;for(;g<c;)l.set(n[g],g++)}const d=l.get(t[o]);if(d!=null)if(s<d&&d<c){let g=o,C=1,S;for(;++g<r&&g<c&&!((S=l.get(t[g]))==null||S!==d+C);)C++;if(C>d-s){const W=t[o];for(;s<d;)e.insertBefore(n[s++],W)}else e.replaceChild(n[s++],t[o++])}else o++;else t[o++].remove()}}}const B="_$DX_DELEGATE";function R(e,t,n){let i;const r=()=>{const o=document.createElement("template");return o.innerHTML=e,o.content.firstChild},c=()=>(i||(i=r())).cloneNode(!0);return c.cloneNode=c,c}function le(e,t=window.document){const n=t[B]||(t[B]=new Set);for(let i=0,r=e.length;i<r;i++){const c=e[i];n.has(c)||(n.add(c),t.addEventListener(c,Ce))}}function T(e,t,n){j(e)||(n==null?e.removeAttribute(t):e.setAttribute(t,n))}function ue(e,t,n,i){j(e)||(i==null?e.removeAttributeNS(t,n):e.setAttributeNS(t,n,i))}function de(e,t){j(e)||(t==null?e.removeAttribute("class"):e.className=t)}function ge(e,t,n,i){if(i)Array.isArray(n)?(e[`$$${t}`]=n[0],e[`$$${t}Data`]=n[1]):e[`$$${t}`]=n;else if(Array.isArray(n)){const r=n[0];e.addEventListener(t,n[0]=c=>r.call(e,n[1],c))}else e.addEventListener(t,n)}function ye(e,t,n={}){const i=Object.keys(t||{}),r=Object.keys(n);let c,o;for(c=0,o=r.length;c<o;c++){const s=r[c];!s||s==="undefined"||t[s]||(V(e,s,!1),delete n[s])}for(c=0,o=i.length;c<o;c++){const s=i[c],f=!!t[s];!s||s==="undefined"||n[s]===f||!f||(V(e,s,!0),n[s]=f)}return n}function D(e,t,n){if(!t)return n?T(e,"style"):t;const i=e.style;if(typeof t=="string")return i.cssText=t;typeof n=="string"&&(i.cssText=n=void 0),n||(n={}),t||(t={});let r,c;for(c in n)t[c]==null&&i.removeProperty(c),delete n[c];for(c in t)r=t[c],r!==n[c]&&(i.setProperty(c,r),n[c]=r);return n}function me(e,t={},n,i){const r={};return a.createRenderEffect(()=>r.children=x(e,t.children,r.children)),a.createRenderEffect(()=>typeof t.ref=="function"&&G(t.ref,e)),a.createRenderEffect(()=>he(e,t,n,!0,r,!0)),r}function G(e,t,n){return a.untrack(()=>e(t,n))}function H(e,t,n,i){if(typeof t!="function")return x(e,t,i,n);a.createRenderEffect(r=>x(e,t(),r,n),i)}function he(e,t,n,i,r={},c=!1){t||(t={});for(const o in r)if(!(o in t)){if(o==="children")continue;r[o]=_(e,o,null,r[o],n,c)}for(const o in t){if(o==="children")continue;const s=t[o];r[o]=_(e,o,s,r[o],n,c)}}function be(e){let t,n;return!j()||!(t=a.sharedConfig.registry.get(n=Se()))?e():(a.sharedConfig.completed&&a.sharedConfig.completed.add(t),a.sharedConfig.registry.delete(n),t)}function j(e){return!!a.sharedConfig.context&&!a.sharedConfig.done&&(!e||e.isConnected)}function $e(e){return e.toLowerCase().replace(/-([a-z])/g,(t,n)=>n.toUpperCase())}function V(e,t,n){const i=t.trim().split(/\s+/);for(let r=0,c=i.length;r<c;r++)e.classList.toggle(i[r],n)}function _(e,t,n,i,r,c){let o,s,f,l,d;if(t==="style")return D(e,n,i);if(t==="classList")return ye(e,n,i);if(n===i)return i;if(t==="ref")c||n(e);else if(t.slice(0,3)==="on:"){const g=t.slice(3);i&&e.removeEventListener(g,i),n&&e.addEventListener(g,n)}else if(t.slice(0,10)==="oncapture:"){const g=t.slice(10);i&&e.removeEventListener(g,i,!0),n&&e.addEventListener(g,n,!0)}else if(t.slice(0,2)==="on"){const g=t.slice(2).toLowerCase(),C=se.has(g);if(!C&&i){const S=Array.isArray(i)?i[0]:i;e.removeEventListener(g,S)}(C||n)&&(ge(e,g,n,C),C&&le([g]))}else if(t.slice(0,5)==="attr:")T(e,t.slice(5),n);else if((d=t.slice(0,5)==="prop:")||(f=ne.has(t))||!r&&((l=ce(t,e.tagName))||(s=te.has(t)))||(o=e.nodeName.includes("-"))){if(d)t=t.slice(5),s=!0;else if(j(e))return n;t==="class"||t==="className"?de(e,n):o&&!s&&!f?e[$e(t)]=n:e[l||t]=n}else{const g=r&&t.indexOf(":")>-1&&ae[t.split(":")[0]];g?ue(e,g,t,n):T(e,ie[t]||t,n)}return n}function Ce(e){if(a.sharedConfig.registry&&a.sharedConfig.events&&a.sharedConfig.events.find(([i,r])=>r===e))return;const t=`$$${e.type}`;let n=e.composedPath&&e.composedPath()[0]||e.target;for(e.target!==n&&Object.defineProperty(e,"target",{configurable:!0,value:n}),Object.defineProperty(e,"currentTarget",{configurable:!0,get(){return n||document}}),a.sharedConfig.registry&&!a.sharedConfig.done&&(a.sharedConfig.done=_$HY.done=!0);n;){const i=n[t];if(i&&!n.disabled){const r=n[`${t}Data`];if(r!==void 0?i.call(n,r,e):i.call(n,e),e.cancelBubble)return}n=n._$host||n.parentNode||n.host}}function x(e,t,n,i,r){const c=j(e);if(c){!n&&(n=[...e.childNodes]);let s=[];for(let f=0;f<n.length;f++){const l=n[f];l.nodeType===8&&l.data.slice(0,2)==="!$"?l.remove():s.push(l)}n=s}for(;typeof n=="function";)n=n();if(t===n)return n;const o=typeof t;if(e=e,o==="string"||o==="number"){if(c||o==="number"&&(t=t.toString(),t===n))return n;n!==""&&typeof n=="string"?n=e.firstChild.data=t:n=e.textContent=t}else if(t==null||o==="boolean"){if(c)return n;n=I(e,n,i)}else{if(o==="function")return a.createRenderEffect(()=>{let s=t();for(;typeof s=="function";)s=s();n=x(e,s,n,i)}),()=>n;if(Array.isArray(t)){const s=[],f=n&&Array.isArray(n);if(k(s,t,n,r))return a.createRenderEffect(()=>n=x(e,s,n,i,!0)),()=>n;if(c)return s.length?n=[...e.childNodes]:n;s.length===0?n=I(e,n,i):f?n.length===0?F(e,s,i):fe(e,n,s):(n&&I(e),F(e,s)),n=s}else if(t.nodeType){if(c&&t.parentNode)return n=t;Array.isArray(n)?I(e,n,null,t):n==null||n===""||!e.firstChild?e.appendChild(t):e.replaceChild(t,e.firstChild),n=t}}return n}function k(e,t,n,i){let r=!1;for(let c=0,o=t.length;c<o;c++){let s=t[c],f=n&&n[e.length],l;if(!(s==null||s===!0||s===!1))if((l=typeof s)=="object"&&s.nodeType)e.push(s);else if(Array.isArray(s))r=k(e,s,f)||r;else if(l==="function")if(i){for(;typeof s=="function";)s=s();r=k(e,Array.isArray(s)?s:[s],Array.isArray(f)?f:[f])||r}else e.push(s),r=!0;else{const d=String(s);f&&f.nodeType===3&&f.data===d?e.push(f):e.push(document.createTextNode(d))}}return r}function F(e,t,n=null){for(let i=0,r=t.length;i<r;i++)e.insertBefore(t[i],n)}function I(e,t,n,i){if(n===void 0)return e.textContent="";const r=i||document.createTextNode("");if(t.length){let c=!1;for(let o=t.length-1;o>=0;o--){const s=t[o];if(r!==s){const f=s.parentNode===e;!c&&!o?f?e.replaceChild(r,s):e.insertBefore(r,n):f&&s.remove()}else c=!0}}else e.insertBefore(r,n);return[r]}function Se(){return a.sharedConfig.getNextContextId()}const je="http://www.w3.org/2000/svg";function we(e,t=!1){return t?document.createElementNS(je,e):document.createElement(e)}function Ae(e){const[t,n]=a.splitProps(e,["component"]),i=a.createMemo(()=>t.component);return a.createMemo(()=>{const r=i();switch(typeof r){case"function":return a.untrack(()=>r(n));case"string":const c=oe.has(r),o=a.sharedConfig.context?be():we(r,c);return me(o,n,c),o}})}function w(e){return e??void 0}function y(e,t){return Object.keys(e).filter(n=>!t.includes(n)).reduce((n,i)=>Object.defineProperty({...n},i,{get(){return e[i]},configurable:!0,enumerable:!0}),{})}function m(e,t){return a.createComponent(Ae,a.mergeProps({get component(){return e()}},t))}function h(e){return Object.values(e).every(t=>typeof t=="function")?Object.keys(e).reduce((t,n)=>{const i=e[n];return Object.defineProperty(t,n,{get(){return i()},configurable:!0,enumerable:!0})},{}):new Error("Please provide an object with accessor values only.")}const X=/^--\D{1}.{0,100}$/;function q(e){return X.test(e)}function M(e){return typeof e!="string"?!1:[/^[0-9]{0,10000}\.?[0-9]{1,10000}(vmin|vmax|vh|vw|%|ch|ex|em|rem|in|cm|mm|pt|pc|px)$/,/^var\(--\D{1}.{0,100}\)$/,X].some(t=>t.test(e))}const{sizeXxs:xe,sizeXs:Pe,sizeSm:Ee,sizeMd:ve,sizeLg:Ie,sizeXl:Me,sizeXxl:Te,sizeContent1:ke,sizeContent2:Oe,sizeContent3:ze,sizeHeader1:Ne,sizeHeader2:Le,sizeHeader3:We,size000:Be,size00:Re,size1:De,size2:Ge,size3:He,size4:Ve,size5:_e,size6:Fe,size7:Xe,size8:qe,size9:Ue,size10:Qe,size11:Ye,size12:Ze,size13:Ke,size14:pe,size15:Je}=A,et={size000:Be,size00:Re,size1:De,size2:Ge,size3:He,size4:Ve,size5:_e,size6:Fe,size7:Xe,size8:qe,size9:Ue,size10:Qe,size11:Ye,size12:Ze,size13:Ke,size14:pe,size15:Je},tt={sizeXxs:xe,sizeXs:Pe,sizeSm:Ee,sizeMd:ve,sizeLg:Ie,sizeXl:Me,sizeXxl:Te,sizeContent1:ke,sizeContent2:Oe,sizeContent3:ze,sizeHeader1:Ne,sizeHeader2:Le,sizeHeader3:We},U=et,Q=tt;function Y(e){return e.reduce((t,[n,i])=>({...t,[n]:i}),{})}function O(e,t){if(t!==void 0)return typeof t=="number"&&t>=0?`${t}px`:typeof t=="string"&&M(t)?q(t)?`var(${t})`:t:w(b(e,t))}function b(e,t){const n=e.space??U,i=Y(Object.entries(n).map(([r,c])=>[r,typeof c=="number"?`${c}px`:c]));return w(i[t])}function P(e,t){if(t===void 0)return;if(typeof t=="number"&&t>=0)return`${t}px`;if(typeof t=="string"&&M(t))return q(t)?`var(${t})`:t;const n=e.sizes??Q,i=Y(Object.entries(n).map(([r,c])=>[r,typeof c=="number"?`${c}px`:c]));return w(i[t])}function nt(e){return e===void 0?"100%":typeof e=="number"?`${e}px`:e}function it(e){const t=()=>typeof e.style=="string"?e.style:Object.entries(e.style??{}).reduce((s,[f,l])=>s+`${f}:${l};`,""),n=()=>`--maxWidth: ${nt(e.maxWidth)};`,i=()=>e.centerText?"center-text":"",r=()=>e.centerChildren?"center-children":"",c=()=>[i(),r()].filter(Boolean).join(" "),o=()=>[t(),n()].join("; ");return m(()=>e.as??"div",a.mergeProps(y(e,["as","maxWidth","centerText","centerChildren"]),h({style:o,"data-bedrock-center":c})))}const Z=a.createContext({});function rt(e){return a.createComponent(Z.Provider,{get value(){return e.theme},get children(){return e.children}})}function $(){try{return a.useContext(Z)}catch{return{}}}function ct(e,t){return P(e,t)}function st(e){const t=$(),n=()=>typeof e.style=="string"?e.style:Object.entries(e.style??{}).reduce((s,[f,l])=>s+`${f}:${l};`,""),i=()=>`--gutter: ${b(t,e.gap??e.gutter??"size00")??"0px"}`,r=()=>`--minItemWidth: ${ct(t,e.minItemWidth)}`,c=()=>e.noStretchedColumns===!0?"no-stretched-columns":"",o=()=>[n(),i(),r()].join("; ");return m(()=>e.as??"div",a.mergeProps(y(e,["as","gutter","minItemWidth","noStretchedColumns"]),h({style:o,"data-bedrock-column-drop":c})))}function ot(e,t){const[n,i]=a.createSignal(!1),[r,c]=a.createSignal();return a.onMount(()=>{v.init()}),a.createEffect(()=>{if(w(r())===void 0)return;t&&t(r());const o=v.registerCallback(r(),s=>{var l;const f=((l=s.borderBoxSize)==null?void 0:l.inlineSize)??s.contentRect.width;if(f>0){const d=f<=e;i(d)}});a.onCleanup(o)}),[n,c]}function at(e){return Array.isArray(e)&&e.length===2&&e.every(Number.isFinite)||typeof e=="string"&&/^\d{1,1000} {0,1}\/ {0,1}\d{1,1000}$/.test(e)}function ft(e){return Array.isArray(e)?e.join("/"):e}function lt(e){return at(e)?ft(e):void 0}function ut(e){const t=()=>typeof e.style=="string"?e.style:Object.entries(e.style??{}).reduce((o,[s,f])=>o+`${s}:${f};`,""),n=()=>lt(e.ratio),i=()=>n()?`--ratio: ${n()}`:"",r=()=>typeof e.position=="string"?`--position: ${e.position}`:"50%",c=()=>[t(),i(),r()].join("; ");return m(()=>e.as??"div",a.mergeProps(y(e,["as","ratio","position"]),h({style:c,"data-bedrock-frame":()=>""})))}function K(e){const t=$(),n=()=>typeof e.style=="string"?e.style:Object.entries(e.style??{}).reduce((o,[s,f])=>o+`${s}:${f};`,""),i=()=>`--gutter: ${b(t,e.gap??e.gutter??"size00")??"0px"}`,r=()=>`--minItemWidth: ${typeof e.minItemWidth=="string"?e.minItemWidth:`${e.minItemWidth??0}px`};`,c=()=>[n(),i(),r()].join("; ");return m(()=>e.as??"div",a.mergeProps(y(e,["as","gutter","minItemWidth"]),h({style:c,"data-bedrock-grid":()=>e.variant==="masonry"?"variant:masonry":""})))}const E=96;function p(e){const t=String(e),n=parseFloat(t),[,i]=t.match(/[\d.\-+]*\s*(.*)/)??["",""];return[n,i]}function z(e,t){if(!e)return;const n=t??document.body,i=(e??"px").trim().toLowerCase();switch(i){case"vmin":case"vmax":case"vh":case"vw":case"%":return;case"ch":case"ex":return dt(i,n);case"em":return N(n,"font-size");case"rem":return N(document.body,"font-size");case"in":return E;case"cm":return E/2.54;case"mm":return E/25.4;case"pt":return E/72;case"pc":return E/6;case"px":return 1;default:{const[r,c]=p(i);if(isNaN(r))return;if(!c)return r;const o=z(c,t);return typeof o=="number"?r*o:void 0}}}function N(e,t){const[n,i]=p(getComputedStyle(e).getPropertyValue(t));return n*(z(i,e)??1)}function dt(e,t){const n=document.createElement("div");n.style.height="128"+e,t.appendChild(n);const i=N(n,"height")/128;return t.removeChild(n),i}var gt=R("<div>");const L=1,yt=typeof window=="object"&&typeof document=="object"&&document.nodeType===9,mt=e=>{const[t,n]=a.createSignal(1),[i,r]=a.createSignal(),c=$();return a.onMount(()=>(v.init(),0)),a.createEffect(()=>{const o=w(i());if(o===void 0)return;const s=v.registerCallback(o,({target:f})=>{n(1);const l=e.gutter?b(c,e.gutter)??"1px":"1px",d=yt?z(l,f):void 0,g=Math.max(d??L,L),[C]=Array.from(f.children),S=1+Math.min(f.scrollHeight,C.scrollHeight),W=Math.max(Math.ceil(S/g),L);return n(W),0});return a.onCleanup(s),0}),(()=>{var o=gt();return G(r,o),H(o,()=>e.children),a.createRenderEffect(s=>D(o,`grid-row: span ${t()};`,s)),o})()},ht=e=>{const t=a.children(()=>e.children),i=[].concat(t()).filter(Boolean).map(r=>a.createComponent(mt,{get gutter(){return e.gutter},children:r}));return a.createComponent(K,a.mergeProps({style:"grid-template-rows: 1px;"},e,{children:i}))},bt={start:"justify:start",end:"justify:end",center:"justify:center","space-between":"justify:space-between","space-around":"justify:space-around"},$t={start:"align:start",end:"align:end",center:"align:center",stretch:"align:stretch"};function Ct(e){const t=$(),n=()=>typeof e.style=="string"?e.style:Object.entries(e.style??{}).reduce((f,[l,d])=>f+`${l}:${d};`,""),i=()=>`--gutter: ${b(t,e.gap??e.gutter??"size00")??"0px"}`,r=()=>e.justify!==void 0?bt[e.justify]:void 0,c=()=>e.align!==void 0?$t[e.align]:void 0,o=()=>[n(),i()].join("; "),s=()=>[r(),c()].filter(Boolean).join(" ");return m(()=>e.as??"div",a.mergeProps(y(e,["as","gutter","justify","align"]),h({style:o,"data-bedrock-inline-cluster":s})))}const St={start:"justify:start",end:"justify:end",center:"justify:center","space-between":"justify:space-between","space-around":"justify:space-around"},jt={start:"align:start",end:"align:end",center:"align:center",stretch:"align:stretch"};function wt(e){const t=$(),n=()=>typeof e.style=="string"?e.style:Object.entries(e.style??{}).reduce((g,[C,S])=>g+`${C}:${S};`,""),i=()=>`--gutter: ${b(t,e.gap??e.gutter??"size00")??"0px"}`,r=()=>e.minItemWidth?`--minItemWidth: ${typeof e.minItemWidth=="string"?e.minItemWidth:`${e.minItemWidth}px`};`:void 0,c=()=>e.switchAt?`--switchAt: ${P(t,e.switchAt)??"0px"};`:"",o=()=>e.justify!==void 0?St[e.justify]:void 0,s=()=>e.align!==void 0?jt[e.align]:void 0,f=()=>e.stretch?`stretch:${e.stretch}`:void 0,l=()=>[n(),i(),c(),r()].join("; "),d=()=>[o(),s(),f()].filter(Boolean).join(" ");return m(()=>e.as??"div",a.mergeProps(y(e,["as","gutter","justify","align","stretch","switchAt"]),h({style:l,"data-bedrock-inline":d})))}const At=e=>({left:"padding-inline-start",right:"padding-inline-end",top:"padding-block-start",bottom:"padding-block-end",inlineStart:"padding-inline-start",inlineEnd:"padding-inline-end",blockStart:"padding-block-start",blockEnd:"padding-block-end"})[e],xt=(e,t)=>{if(!t)return"";if(Array.isArray(t)&&t.length>4)throw new Error("padding arrays can only be 4 or less in length");const n=typeof t=="object"&&!Array.isArray(t)?Object.entries(t).reduce((i,[r,c])=>({...i,[At(r)]:O(e,c)??"0px"}),{}):{padding:Array.from(Array.isArray(t)?t:[t]).map(i=>O(e,i)??"0px").join(" ")};return Object.entries(n).reduce((i,[r,c])=>i+`${r}:${c};`,"")};function Pt(e){const t=$(),n=()=>typeof e.style=="string"?e.style:Object.entries(e.style??{}).reduce((c,[o,s])=>c+`${o}:${s};`,""),i=()=>xt(t,e.padding),r=()=>[n(),i()].join("; ");return m(()=>e.as??"div",a.mergeProps(y(e,["as","padding"]),h({style:r,"data-bedrock-padbox":()=>""})))}function Et(e){const t=$(),n=()=>typeof e.style=="string"?e.style:Object.entries(e.style??{}).reduce((o,[s,f])=>o+`${s}:${f};`,""),i=()=>`--gutter: ${b(t,e.gap??e.gutter??"size00")??"0px"}`,r=()=>{switch(e.snapType){case"none":return"snapType:none";case"proximity":return"snapType:proximity";case"mandatory":return"snapType:mandatory";default:return"snapType:none"}},c=()=>[n(),i()].join("; ");return m(()=>e.as??"div",a.mergeProps(y(e,["as","gutter"]),h({style:c,"data-bedrock-reel":r})))}const J={"1/4":"fraction:1/4","1/3":"fraction:1/3","1/2":"fraction:1/2","2/3":"fraction:2/3","3/4":"fraction:3/4","auto-start":"fraction:auto-start","auto-end":"fraction:auto-end"};function vt(e){const t=$(),n=()=>typeof e.style=="string"?e.style:Object.entries(e.style??{}).reduce((f,[l,d])=>f+`${l}:${d};`,""),i=()=>e.switchAt?`--switchAt: ${P(t,e.switchAt)??"0px"};`:"",r=()=>`--gutter: ${b(t,e.gap??e.gutter??"size00")??"0px"}`,c=()=>J[e.fraction??"1/2"]??J["1/2"],o=()=>e.minItemWidth?`--minItemWidth: ${typeof e.minItemWidth=="string"?e.minItemWidth:`${e.minItemWidth}px`};`:void 0,s=()=>[n(),r(),i(),o()].join("; ");return m(()=>e.as??"div",a.mergeProps(y(e,["as","gutter","fraction"]),h({style:s,"data-bedrock-split":c})))}const It={start:"align:start",end:"align:end",center:"align:center",stretch:"align:stretch"};function Mt(e){const t=$(),n=()=>typeof e.style=="string"?e.style:Object.entries(e.style??{}).reduce((s,[f,l])=>s+`${f}:${l};`,""),i=()=>`--gutter: ${b(t,e.gap??e.gutter??"size00")??"0px"}`,r=()=>[n(),i()].join("; "),c=()=>e.align!==void 0?It[e.align]:void 0,o=()=>[c()].filter(Boolean).join(" ");return m(()=>e.as??"div",a.mergeProps(y(e,["as","gutter"]),h({style:r,"data-bedrock-stack":o})))}var Tt=R("<div data-bedrock-cover-centered>");function kt(e){return typeof e=="number"?`${e}px`:e&&M(e)?e:"100vh"}function Ot(e){const t=$(),n=()=>typeof e.style=="string"?e.style:Object.entries(e.style??{}).reduce((s,[f,l])=>s+`${f}:${l};`,""),i=()=>`--gutter: ${b(t,e.gap??e.gutter??"size00")??"0px"}`,r=()=>`--minHeight: ${kt(e.minHeight)};`,c=()=>e.variant==="stretch-content"||e.stretchContent===!0?"stretch-content":"",o=()=>[n(),i(),r()].join("; ");return m(()=>e.as??"div",a.mergeProps(y(e,["as","minHeight","stretchContent"]),h({style:o,"data-bedrock-cover":c})))}function zt(e){const[t,n]=a.splitProps(e,["children","top","bottom"]);return a.createComponent(Ot,a.mergeProps(n,{get children(){return[a.createMemo(()=>t.top),(()=>{var i=Tt();return H(i,()=>t.children),i})(),a.createMemo(()=>t.bottom)]}}))}function Nt(e){const t=$(),n=()=>typeof e.style=="string"?e.style:Object.entries(e.style??{}).reduce((s,[f,l])=>s+`${f}:${l};`,""),i=()=>`--gutter: ${b(t,e.gap??e.gutter??"size00")??"0px"}`,r=()=>`--columns: ${w(Math.max(e.colCount??e.columns??1,1))??1};`,c=()=>e.switchAt?`--switchAt: ${P(t,e.switchAt)??"0px"};`:"",o=()=>[n(),i(),r(),c()].filter(Boolean).join("; ");return m(()=>e.as??"div",a.mergeProps(y(e,["as","gutter","columns","colCount","switchAt"]),h({style:o,"data-bedrock-columns":()=>""})))}const Lt=e=>typeof e=="number"?e:1;function Wt(e){const t=()=>typeof e.style=="string"?e.style:Object.entries(e.style??{}).reduce((o,[s,f])=>o+`${s}:${f};`,""),n=()=>`--span: ${Lt(e.span)};`,i=()=>e.offsetStart&&e.offsetStart>0?`--offsetStart: ${e.offsetStart};`:"",r=()=>e.offsetEnd&&e.offsetEnd>0?`--offsetEnd: ${e.offsetEnd};`:"",c=()=>[t(),n(),i(),r()].join("; ");return m(()=>e.as??"div",a.mergeProps(y(e,["as","span","offsetStart","offsetEnd"]),h({style:c,"data-bedrock-column":()=>""})))}u.Center=it,u.Column=Wt,u.ColumnDrop=st,u.Columns=Nt,u.Cover=zt,u.Frame=ut,u.Grid=K,u.Inline=wt,u.InlineCluster=Ct,u.MasonryGrid=ht,u.PadBox=Pt,u.Reel=Et,u.Split=vt,u.Stack=Mt,u.ThemeProvider=rt,u.checkIsCSSLength=M,u.createContainerQuery=ot,u.getSafeGutter=O,u.getSizeValue=P,u.getSpacingValue=b,u.sizes=Q,u.spacing=U,u.useTheme=$,Object.defineProperty(u,Symbol.toStringTag,{value:"Module"})});

package/lib/spacing-constants.d.ts

@@ -9,8 +9,42 @@ type CSSCustomPropertiesWithVar = `var(${CSSCustomProperties})`;
 type LengthUnit = "vmin" | "vmax" | "vh" | "vw" | "%" | "ch" | "ex" | "em" | "rem" | "in" | "cm" | "mm" | "pt" | "pc" | "px";
 export type CSSLength = CSSLengthUnit | CSSCustomPropertiesWithVar | CSSCustomProperties;
 export declare function checkIsCSSLength(str: string): str is CSSLength;
-export declare const spacing: Record<"size000" | "size00" | "size1" | "size2" | "size3" | "size4" | "size5" | "size6" | "size7" | "size8" | "size9" | "size10" | "size11" | "size12" | "size13" | "size14" | "size15", CSSLength>;
-export declare const sizes: Record<"sizeXxs" | "sizeXs" | "sizeSm" | "sizeMd" | "sizeLg" | "sizeXl" | "sizeXxl" | "sizeContent1" | "sizeContent2" | "sizeContent3" | "sizeHeader1" | "sizeHeader2" | "sizeHeader3", CSSLength>;
+declare const space: {
+    size000: string;
+    size00: string;
+    size1: string;
+    size2: string;
+    size3: string;
+    size4: string;
+    size5: string;
+    size6: string;
+    size7: string;
+    size8: string;
+    size9: string;
+    size10: string;
+    size11: string;
+    size12: string;
+    size13: string;
+    size14: string;
+    size15: string;
+};
+declare const size: {
+    sizeXxs: string;
+    sizeXs: string;
+    sizeSm: string;
+    sizeMd: string;
+    sizeLg: string;
+    sizeXl: string;
+    sizeXxl: string;
+    sizeContent1: string;
+    sizeContent2: string;
+    sizeContent3: string;
+    sizeHeader1: string;
+    sizeHeader2: string;
+    sizeHeader3: string;
+};
+export declare const spacing: Record<keyof typeof space, CSSLength>;
+export declare const sizes: Record<keyof typeof size, CSSLength>;
 export type BaseTheme = Record<string, CSSLength | string | number>;
 type ThemeOrDefaultSpace<T> = T extends {
     space: BaseTheme;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bedrock-layout/solid",
-  "version": "1.7.0",
+  "version": "1.7.2",
   "description": "Solid Foundational Layout Primitives for your Solid-js App",
   "info": "Solid Bedrock Layout is a Solid.js port of the Bedrock Layout primitives written for react.  Bedrock primitives are built to allow you to compose them together to create your own custom layouts. Many 'complex' layouts can be created by composing Bedrock Layout Primitives",
   "sideEffects": false,
@@ -56,7 +56,7 @@
     "solid-js": "^1.3.7"
   },
   "dependencies": {
-    "@bedrock-layout/register-resize-callback": "^2.0.11"
+    "@bedrock-layout/register-resize-callback": "^2.0.13"
   },
   "scripts": {
     "test": "echo \"Error: run tests from root\" && exit 1",
@@ -71,5 +71,5 @@
   "bugs": {
     "url": "https://github.com/Bedrock-Layouts/Solid-Bedrock/issues"
   },
-  "gitHead": "6b4f670cef77f3924563494c96cb9048cb42e30f"
+  "gitHead": "4cfd83a4d56c2eb774f2bad91cac22d6023e6a4b"
 }