@bedrock-layout/solid 1.1.2 → 1.1.4

package/lib/index.umd.js

@@ -1 +1 @@
-(function(u,w){typeof exports=="object"&&typeof module<"u"?w(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"],w):(u=typeof globalThis<"u"?globalThis:u||self,w(u.solid={},u.OpenProps,u.solidJs,u.registerResizeCallback))})(this,function(u,w,f,E){"use strict";const ee=["allowfullscreen","async","autofocus","autoplay","checked","controls","default","disabled","formnovalidate","hidden","indeterminate","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"}),W=Object.assign(Object.create(null),{class:"className",formnovalidate:"formNoValidate",ismap:"isMap",nomodule:"noModule",playsinline:"playsInline",readonly:"readOnly"}),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,o=i,s=0,c=0,a=t[r-1].nextSibling,l=null;for(;s<r||c<o;){if(t[s]===n[c]){s++,c++;continue}for(;t[r-1]===n[o-1];)r--,o--;if(r===s){const d=o<i?c?n[c-1].nextSibling:n[o-c]:a;for(;c<o;)e.insertBefore(n[c++],d)}else if(o===c)for(;s<r;)(!l||!l.has(t[s]))&&t[s].remove(),s++;else if(t[s]===n[o-1]&&n[c]===t[r-1]){const d=t[--r].nextSibling;e.insertBefore(n[c++],t[s++].nextSibling),e.insertBefore(n[--o],d),t[r]=n[o]}else{if(!l){l=new Map;let h=c;for(;h<o;)l.set(n[h],h++)}const d=l.get(t[s]);if(d!=null)if(c<d&&d<o){let h=s,S=1,j;for(;++h<r&&h<o&&!((j=l.get(t[h]))==null||j!==d+S);)S++;if(S>d-c){const v=t[s];for(;c<d;)e.insertBefore(n[c++],v)}else e.replaceChild(n[c++],t[s++])}else s++;else t[s++].remove()}}}const R="_$DX_DELEGATE";function B(e,t,n){const i=document.createElement("template");i.innerHTML=e;let r=i.content.firstChild;return n&&(r=r.firstChild),r}function fe(e,t=window.document){const n=t[R]||(t[R]=new Set);for(let i=0,r=e.length;i<r;i++){const o=e[i];n.has(o)||(n.add(o),t.addEventListener(o,$e))}}function D(e,t,n){n==null?e.removeAttribute(t):e.setAttribute(t,n)}function ae(e,t,n,i){i==null?e.removeAttributeNS(t,n):e.setAttributeNS(t,n,i)}function le(e,t){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]=o=>r.call(e,n[1],o))}else e.addEventListener(t,n)}function de(e,t,n={}){const i=Object.keys(t||{}),r=Object.keys(n);let o,s;for(o=0,s=r.length;o<s;o++){const c=r[o];!c||c==="undefined"||t[c]||(V(e,c,!1),delete n[c])}for(o=0,s=i.length;o<s;o++){const c=i[o],a=!!t[c];!c||c==="undefined"||n[c]===a||!a||(V(e,c,!0),n[c]=a)}return n}function G(e,t,n){if(!t)return n?D(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,o;for(o in n)t[o]==null&&i.removeProperty(o),delete n[o];for(o in t)r=t[o],r!==n[o]&&(i.setProperty(o,r),n[o]=r);return n}function ye(e,t={},n,i){const r={};return i||f.createRenderEffect(()=>r.children=C(e,t.children,r.children)),f.createRenderEffect(()=>t.ref&&t.ref(e)),f.createRenderEffect(()=>ge(e,t,n,!0,r,!0)),r}function me(e,t,n){return f.untrack(()=>e(t,n))}function H(e,t,n,i){if(n!==void 0&&!i&&(i=[]),typeof t!="function")return C(e,t,i,n);f.createRenderEffect(r=>C(e,t(),r,n),i)}function ge(e,t,n,i,r={},o=!1){t||(t={});for(const s in r)if(!(s in t)){if(s==="children")continue;r[s]=F(e,s,null,r[s],n,o)}for(const s in t){if(s==="children"){i||C(e,t.children);continue}const c=t[s];r[s]=F(e,s,c,r[s],n,o)}}function he(e){let t,n;return!f.sharedConfig.context||!(t=f.sharedConfig.registry.get(n=Se()))?e.cloneNode(!0):(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 V(e,t,n){const i=t.trim().split(/\s+/);for(let r=0,o=i.length;r<o;r++)e.classList.toggle(i[r],n)}function F(e,t,n,i,r,o){let s,c,a;if(t==="style")return G(e,n,i);if(t==="classList")return de(e,n,i);if(n===i)return i;if(t==="ref")o||n(e);else if(t.slice(0,3)==="on:"){const l=t.slice(3);i&&e.removeEventListener(l,i),n&&e.addEventListener(l,n)}else if(t.slice(0,10)==="oncapture:"){const l=t.slice(10);i&&e.removeEventListener(l,i,!0),n&&e.addEventListener(l,n,!0)}else if(t.slice(0,2)==="on"){const l=t.slice(2).toLowerCase(),d=re.has(l);if(!d&&i){const h=Array.isArray(i)?i[0]:i;e.removeEventListener(l,h)}(d||n)&&(ue(e,l,n,d),d&&fe([l]))}else if((a=ne.has(t))||!r&&(W[t]||(c=te.has(t)))||(s=e.nodeName.includes("-")))t==="class"||t==="className"?le(e,n):s&&!c&&!a?e[be(t)]=n:e[W[t]||t]=n;else{const l=r&&t.indexOf(":")>-1&&oe[t.split(":")[0]];l?ae(e,l,t,n):D(e,ie[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=!0,document.querySelectorAll("[id^=pl-]").forEach(i=>{for(;i&&i.nodeType!==8&&i.nodeValue!=="pl-"+e;){let r=i.nextSibling;i.remove(),i=r}i&&i.remove()}));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 C(e,t,n,i,r){for(f.sharedConfig.context&&!n&&(n=[...e.childNodes]);typeof n=="function";)n=n();if(t===n)return n;const o=typeof t,s=i!==void 0;if(e=s&&n[0]&&n[0].parentNode||e,o==="string"||o==="number"){if(f.sharedConfig.context)return n;if(o==="number"&&(t=t.toString()),s){let c=n[0];c&&c.nodeType===3?c.data=t:c=document.createTextNode(t),n=A(e,n,i,c)}else n!==""&&typeof n=="string"?n=e.firstChild.data=t:n=e.textContent=t}else if(t==null||o==="boolean"){if(f.sharedConfig.context)return n;n=A(e,n,i)}else{if(o==="function")return f.createRenderEffect(()=>{let c=t();for(;typeof c=="function";)c=c();n=C(e,c,n,i)}),()=>n;if(Array.isArray(t)){const c=[],a=n&&Array.isArray(n);if(z(c,t,n,r))return f.createRenderEffect(()=>n=C(e,c,n,i,!0)),()=>n;if(f.sharedConfig.context){if(!c.length)return n;for(let l=0;l<c.length;l++)if(c[l].parentNode)return n=c}if(c.length===0){if(n=A(e,n,i),s)return n}else a?n.length===0?_(e,c,i):se(e,n,c):(n&&A(e),_(e,c));n=c}else if(t instanceof Node){if(f.sharedConfig.context&&t.parentNode)return n=s?[t]:t;if(Array.isArray(n)){if(s)return n=A(e,n,i,t);A(e,n,null,t)}else n==null||n===""||!e.firstChild?e.appendChild(t):e.replaceChild(t,e.firstChild);n=t}}return n}function z(e,t,n,i){let r=!1;for(let o=0,s=t.length;o<s;o++){let c=t[o],a=n&&n[o];if(c instanceof Node)e.push(c);else if(!(c==null||c===!0||c===!1))if(Array.isArray(c))r=z(e,c,a)||r;else if(typeof c=="function")if(i){for(;typeof c=="function";)c=c();r=z(e,Array.isArray(c)?c:[c],Array.isArray(a)?a:[a])||r}else e.push(c),r=!0;else{const l=String(c);a&&a.nodeType===3&&a.data===l?e.push(a):e.push(document.createTextNode(l))}}return r}function _(e,t,n=null){for(let i=0,r=t.length;i<r;i++)e.insertBefore(t[i],n)}function A(e,t,n,i){if(n===void 0)return e.textContent="";const r=i||document.createTextNode("");if(t.length){let o=!1;for(let s=t.length-1;s>=0;s--){const c=t[s];if(r!==c){const a=c.parentNode===e;!o&&!s?a?e.replaceChild(r,c):e.insertBefore(r,n):a&&c.remove()}else o=!0}}else e.insertBefore(r,n);return[r]}function Se(){const e=f.sharedConfig.context;return`${e.id}${e.count++}`}const Ce="http://www.w3.org/2000/svg";function Ae(e,t=!1){return t?document.createElementNS(Ce,e):document.createElement(e)}function je(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 o=ce.has(r),s=f.sharedConfig.context?he():Ae(r,o);return ye(s,n,o),s}})}function I(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}),n),{})}function m(e,t){return f.createComponent(je,f.mergeProps({get component(){return e()}},t))}function g(e){if(!Object.values(e).every(t=>typeof t=="function"))throw new Error("Please provide an object with accessor values only.");return Object.keys(e).reduce((t,n)=>{const i=e[n];return Object.defineProperty(t,n,{get(){return i()},configurable:!0,enumerable:!0}),t},{})}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:we,sizeXs:xe,sizeSm:Pe,sizeMd:Ee,sizeLg:Ie,sizeXl:Me,sizeXxl:ze,sizeContent1:ke,sizeContent2:Te,sizeContent3:Oe,sizeHeader1:Ne,sizeHeader2:Le,sizeHeader3:ve,size000:We,size00:Re,size1:Be,size2:De,size3:Ge,size4:He,size5:Ve,size6:Fe,size7:_e,size8:Xe,size9:qe,size10:Qe,size11:Ue,size12:Ye,size13:Ze,size14:Ke,size15:pe}=w,Je={size000:We,size00:Re,size1:Be,size2:De,size3:Ge,size4:He,size5:Ve,size6:Fe,size7:_e,size8:Xe,size9:qe,size10:Qe,size11:Ue,size12:Ye,size13:Ze,size14:Ke,size15:pe},et={sizeXxs:we,sizeXs:xe,sizeSm:Pe,sizeMd:Ee,sizeLg:Ie,sizeXl:Me,sizeXxl:ze,sizeContent1:ke,sizeContent2:Te,sizeContent3:Oe,sizeHeader1:Ne,sizeHeader2:Le,sizeHeader3:ve},Q=Je,U=et;function Y(e){return e.reduce((t,[n,i])=>({...t,[n]:i}),{})}function k(e,t){if(t!==void 0)return typeof t=="number"&&t>=0?`${t}px`:typeof t=="string"&&M(t)?q(t)?`var(${t})`:t:I(b(e,t))}function b(e,t){const n=e.space??Q,i=Y(Object.entries(n).map(([r,o])=>[r,typeof o=="number"?`${o}px`:o]));return I(i[t])}function x(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??U,i=Y(Object.entries(n).map(([r,o])=>[r,typeof o=="number"?`${o}px`:o]));return I(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((c,[a,l])=>c+`${a}:${l};`,""),n=()=>`--maxWidth: ${tt(e.maxWidth)};`,i=()=>e.centerText?"center-text":"",r=()=>e.centerChildren?"center-children":"",o=()=>[i(),r()].filter(Boolean).join(" "),s=()=>[t(),n()].join("; ");return m(()=>e.as??"div",f.mergeProps(y(e,["as","maxWidth","centerText","centerChildren"]),g({style:s,"data-bedrock-center":o})))}const Z=f.createContext({});function it(e){return f.createComponent(Z.Provider,{get value(){return e.theme},get children(){return e.children}})}function $(){try{return f.useContext(Z)}catch{return{}}}function rt(e,t){return x(e,t)}function ct(e){const t=$(),n=()=>typeof e.style=="string"?e.style:Object.entries(e.style??{}).reduce((c,[a,l])=>c+`${a}:${l};`,""),i=()=>`--gutter: ${b(t,e.gutter??"size00")??"0px"}`,r=()=>`--minItemWidth: ${rt(t,e.minItemWidth)}`,o=()=>e.noStretchedColumns===!0?"no-stretched-columns":"",s=()=>[n(),i(),r()].join("; ");return m(()=>e.as??"div",f.mergeProps(y(e,["as","gutter","minItemWidth","noStretchedColumns"]),g({style:s,"data-bedrock-column-drop":o})))}function T(e){throw new Error(e)}function ot(e){typeof e!="number"&&!Array.isArray(e)&&T("width must be a number or an array of two numbers"),Array().concat(e).some(n=>n<0)&&T("width value(s) must be 0 or greater"),Array.isArray(e)&&(e.length!==2||e[0]>e[1])&&T(`The second width value, ${e[1]}, is not larger than ${e[0]}. Please provide a value greater than first width value`)}function st(e,t){ot(e);const[n,i]=f.createSignal(!1),[r,o]=f.createSignal();return f.onMount(()=>{E.init()}),f.createEffect(()=>{if(r()===void 0||r()===null)return;t&&t(r());const s=E.registerCallback(r(),c=>{var l;const a=((l=c.borderBoxSize)==null?void 0:l.inlineSize)??c.contentRect.width;if(a>0){const d=Array.isArray(e)?a>=e[0]&&a<=e[1]:a<=e;i(d)}});f.onCleanup(s)}),[n,o]}function ft(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 lt(e){return ft(e)?at(e):void 0}function ut(e){const t=()=>typeof e.style=="string"?e.style:Object.entries(e.style??{}).reduce((s,[c,a])=>s+`${c}:${a};`,""),n=()=>lt(e.ratio),i=()=>n()?`--ratio: ${n()}`:"",r=()=>typeof e.position=="string"?`--position: ${e.position}`:"50%",o=()=>[t(),i(),r()].join("; ");return m(()=>e.as??"div",f.mergeProps(y(e,["as","ratio","position"]),g({style:o,"data-bedrock-frame":()=>""})))}function K(e){const t=$(),n=()=>typeof e.style=="string"?e.style:Object.entries(e.style??{}).reduce((s,[c,a])=>s+`${c}:${a};`,""),i=()=>`--gutter: ${b(t,e.gutter??"size00")??"0px"};`,r=()=>`--minItemWidth: ${typeof e.minItemWidth=="string"?e.minItemWidth:`${e.minItemWidth??0}px`};`,o=()=>[n(),i(),r()].join("; ");return m(()=>e.as??"div",f.mergeProps(y(e,["as","gutter","minItemWidth"]),g({style:o,"data-bedrock-grid":()=>""})))}const P=96;function p(e){e=String(e);const t=parseFloat(e),[,n]=e.match(/[\d.\-+]*\s*(.*)/)??["",""];return[t,n]}function O(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 P;case"cm":return P/2.54;case"mm":return P/25.4;case"pt":return P/72;case"pc":return P/6;case"px":return 1;default:{const[r,o]=p(i);if(isNaN(r))return;if(!o)return r;const s=O(o,t);return typeof s=="number"?r*s:void 0}}}function N(e,t){const[n,i]=p(getComputedStyle(e).getPropertyValue(t));return n*(O(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}const yt=B("<div></div>"),L=1,mt=typeof window=="object"&&typeof document=="object"&&document.nodeType===9,gt=e=>{const[t,n]=f.createSignal(1),[i,r]=f.createSignal(),o=$();return f.onMount(()=>{E.init()}),f.createEffect(()=>{const s=I(i());if(s===void 0)return;const c=E.registerCallback(s,({target:a})=>{n(1);const l=e.gutter?b(o,e.gutter)??"1px":"1px",d=mt?O(l,a):void 0,h=Math.max(d??L,L),[S]=Array.from(a.children),j=1+Math.min(a.scrollHeight,S.scrollHeight),v=Math.max(Math.ceil(j/h),L);n(v)});f.onCleanup(c)}),(()=>{const s=yt.cloneNode(!0);return me(r,s),H(s,()=>e.children),f.createRenderEffect(c=>G(s,`grid-row: span ${t()};`,c)),s})()},ht=e=>{const t=f.children(()=>e.children),i=[].concat(t()).filter(Boolean).map(r=>f.createComponent(gt,{get gutter(){return e.gutter},children:r}));return f.createComponent(K,f.mergeProps({style:"grid-template-rows: 1px;"},e,{children:i}))},bt={start:"justify:start",end:"justify:end",center:"justify:center"},$t={start:"align:start",end:"align:end",center:"align:center",stretch:"align:stretch"};function St(e){const t=$(),n=()=>typeof e.style=="string"?e.style:Object.entries(e.style??{}).reduce((a,[l,d])=>a+`${l}:${d};`,""),i=()=>`--gutter: ${b(t,e.gutter??"size00")??"0px"};`,r=()=>e.justify!==void 0?bt[e.justify]:void 0,o=()=>e.align!==void 0?$t[e.align]:void 0,s=()=>[n(),i()].join("; "),c=()=>[r(),o()].filter(Boolean).join(" ");return m(()=>e.as??"div",f.mergeProps(y(e,["as","gutter","justify","align"]),g({style:s,"data-bedrock-inline-cluster":c})))}const Ct={start:"justify:start",end:"justify:end",center:"justify:center"},At={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((h,[S,j])=>h+`${S}:${j};`,""),i=()=>`--gutter: ${b(t,e.gutter??"size00")??"0px"};`,r=()=>e.minItemWidth?`--minItemWidth: ${typeof e.minItemWidth=="string"?e.minItemWidth:`${e.minItemWidth}px`};`:void 0,o=()=>e.switchAt?`--switchAt: ${x(t,e.switchAt)??"0px"};`:"",s=()=>e.justify!==void 0?Ct[e.justify]:void 0,c=()=>e.align!==void 0?At[e.align]:void 0,a=()=>e.stretch?`stretch:${e.stretch}`:void 0,l=()=>[n(),i(),o(),r()].join("; "),d=()=>[s(),c(),a()].filter(Boolean).join(" ");return m(()=>e.as??"div",f.mergeProps(y(e,["as","gutter","justify","align","stretch","switchAt"]),g({style:l,"data-bedrock-inline":d})))}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],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,o])=>({...i,[wt(r)]:k(e,o)??"0px"}),{}):{padding:Array.from(Array.isArray(t)?t:[t]).map(i=>k(e,i)??"0px").join(" ")};return Object.entries(n).reduce((i,[r,o])=>i+`${r}:${o};`,"")};function Pt(e){const t=$(),n=()=>typeof e.style=="string"?e.style:Object.entries(e.style??{}).reduce((o,[s,c])=>o+`${s}:${c};`,""),i=()=>xt(t,e.padding),r=()=>[n(),i()].join("; ");return m(()=>e.as??"div",f.mergeProps(y(e,["as","padding"]),g({style:r,"data-bedrock-padbox":()=>""})))}function Et(e){const t=$(),n=()=>typeof e.style=="string"?e.style:Object.entries(e.style??{}).reduce((s,[c,a])=>s+`${c}:${a};`,""),i=()=>`--gutter: ${b(t,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"}},o=()=>[n(),i()].join("; ");return m(()=>e.as??"div",f.mergeProps(y(e,["as","gutter"]),g({style:o,"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 It(e){const t=$(),n=()=>typeof e.style=="string"?e.style:Object.entries(e.style??{}).reduce((a,[l,d])=>a+`${l}:${d};`,""),i=()=>e.switchAt?`--switchAt: ${x(t,e.switchAt)??"0px"};`:"",r=()=>`--gutter: ${b(t,e.gutter??"size00")??"0px"};`,o=()=>J[e.fraction??"1/2"]??J["1/2"],s=()=>e.minItemWidth?`--minItemWidth: ${typeof e.minItemWidth=="string"?e.minItemWidth:`${e.minItemWidth}px`};`:void 0,c=()=>[n(),r(),i(),s()].join("; ");return m(()=>e.as??"div",f.mergeProps(y(e,["as","gutter","fraction"]),g({style:c,"data-bedrock-split":o})))}function Mt(e){const t=$(),n=()=>typeof e.style=="string"?e.style:Object.entries(e.style??{}).reduce((o,[s,c])=>o+`${s}:${c};`,""),i=()=>`--gutter: ${b(t,e.gutter??"size00")??"0px"};`,r=()=>[n(),i()].join("; ");return m(()=>e.as??"div",f.mergeProps(y(e,["as","gutter"]),g({style:r,"data-bedrock-stack":()=>""})))}const zt=B("<div data-bedrock-cover-centered></div>");function kt(e){return typeof e=="number"?`${e}px`:e&&M(e)?e:"100vh"}function Tt(e){const t=$(),n=()=>typeof e.style=="string"?e.style:Object.entries(e.style??{}).reduce((c,[a,l])=>c+`${a}:${l};`,""),i=()=>`--gutter: ${b(t,e.gutter??"size00")??"0px"};`,r=()=>`--minHeight: ${kt(e.minHeight)};`,o=()=>e.stretchContent===!0?"stretch-content":"",s=()=>[n(),i(),r()].join("; ");return m(()=>e.as??"div",f.mergeProps(y(e,["as","minHeight","stretchContent"]),g({style:s,"data-bedrock-cover":o})))}function Ot(e){const[t,n]=f.splitProps(e,["children","top","bottom"]);return f.createComponent(Tt,f.mergeProps(n,{get children(){return[f.createMemo(()=>t.top),(()=>{const i=zt.cloneNode(!0);return H(i,()=>t.children),i})(),f.createMemo(()=>t.bottom)]}}))}function Nt(e){const t=$(),n=()=>typeof e.style=="string"?e.style:Object.entries(e.style??{}).reduce((c,[a,l])=>c+`${a}:${l};`,""),i=()=>`--gutter: ${b(t,e.gutter??"size00")??"0px"};`,r=()=>`--columns: ${e.columns&&e.columns>0?e.columns:1};`,o=()=>e.switchAt?`--switchAt: ${x(t,e.switchAt)??"0px"};`:"",s=()=>[n(),i(),r(),o()].join("; ");return m(()=>e.as??"div",f.mergeProps(y(e,["as","gutter","columns","switchAt"]),g({style:s,"data-bedrock-columns":()=>""})))}const Lt=e=>typeof e=="number"?e:1;function vt(e){const t=()=>typeof e.style=="string"?e.style:Object.entries(e.style??{}).reduce((s,[c,a])=>s+`${c}:${a};`,""),n=()=>`--span: ${Lt(e.span)};`,i=()=>e.offsetStart&&e.offsetStart>0?`--offsetStart: ${e.offsetStart};`:"",r=()=>e.offsetEnd&&e.offsetEnd>0?`--offsetEnd: ${e.offsetEnd};`:"",o=()=>[t(),n(),i(),r()].join("; ");return m(()=>e.as??"div",f.mergeProps(y(e,["as","span","offsetStart","offsetEnd"]),g({style:o,"data-bedrock-column":()=>""})))}u.Center=nt,u.Column=vt,u.ColumnDrop=ct,u.Columns=Nt,u.Cover=Ot,u.Frame=ut,u.Grid=K,u.Inline=jt,u.InlineCluster=St,u.MasonryGrid=ht,u.PadBox=Pt,u.Reel=Et,u.Split=It,u.Stack=Mt,u.ThemeProvider=it,u.checkIsCSSLength=M,u.createContainerQuery=st,u.getSafeGutter=k,u.getSizeValue=x,u.getSpacingValue=b,u.sizes=U,u.spacing=Q,u.useTheme=$,Object.defineProperty(u,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,f,T){"use strict";const p=["allowfullscreen","async","autofocus","autoplay","checked","controls","default","disabled","formnovalidate","hidden","indeterminate","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,o=i,s=0,c=0,a=t[r-1].nextSibling,l=null;for(;s<r||c<o;){if(t[s]===n[c]){s++,c++;continue}for(;t[r-1]===n[o-1];)r--,o--;if(r===s){const d=o<i?c?n[c-1].nextSibling:n[o-c]:a;for(;c<o;)e.insertBefore(n[c++],d)}else if(o===c)for(;s<r;)(!l||!l.has(t[s]))&&t[s].remove(),s++;else if(t[s]===n[o-1]&&n[c]===t[r-1]){const d=t[--r].nextSibling;e.insertBefore(n[c++],t[s++].nextSibling),e.insertBefore(n[--o],d),t[r]=n[o]}else{if(!l){l=new Map;let m=c;for(;m<o;)l.set(n[m],m++)}const d=l.get(t[s]);if(d!=null)if(c<d&&d<o){let m=s,C=1,S;for(;++m<r&&m<o&&!((S=l.get(t[m]))==null||S!==d+C);)C++;if(C>d-c){const W=t[s];for(;c<d;)e.insertBefore(n[c++],W)}else e.replaceChild(n[c++],t[s++])}else s++;else t[s++].remove()}}}const R="_$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},o=t?()=>f.untrack(()=>document.importNode(i||(i=r()),!0)):()=>(i||(i=r())).cloneNode(!0);return o.cloneNode=o,o}function fe(e,t=window.document){const n=t[R]||(t[R]=new Set);for(let i=0,r=e.length;i<r;i++){const o=e[i];n.has(o)||(n.add(o),t.addEventListener(o,$e))}}function I(e,t,n){n==null?e.removeAttribute(t):e.setAttribute(t,n)}function ae(e,t,n,i){i==null?e.removeAttributeNS(t,n):e.setAttributeNS(t,n,i)}function le(e,t){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]=o=>r.call(e,n[1],o))}else e.addEventListener(t,n)}function de(e,t,n={}){const i=Object.keys(t||{}),r=Object.keys(n);let o,s;for(o=0,s=r.length;o<s;o++){const c=r[o];!c||c==="undefined"||t[c]||(G(e,c,!1),delete n[c])}for(o=0,s=i.length;o<s;o++){const c=i[o],a=!!t[c];!c||c==="undefined"||n[c]===a||!a||(G(e,c,!0),n[c]=a)}return n}function D(e,t,n){if(!t)return n?I(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,o;for(o in n)t[o]==null&&i.removeProperty(o),delete n[o];for(o in t)r=t[o],r!==n[o]&&(i.setProperty(o,r),n[o]=r);return n}function me(e,t={},n,i){const r={};return i||f.createRenderEffect(()=>r.children=w(e,t.children,r.children)),f.createRenderEffect(()=>t.ref&&t.ref(e)),f.createRenderEffect(()=>ge(e,t,n,!0,r,!0)),r}function ye(e,t,n){return f.untrack(()=>e(t,n))}function v(e,t,n,i){if(n!==void 0&&!i&&(i=[]),typeof t!="function")return w(e,t,i,n);f.createRenderEffect(r=>w(e,t(),r,n),i)}function ge(e,t,n,i,r={},o=!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,o)}for(const s in t){if(s==="children"){i||w(e,t.children);continue}const c=t[s];r[s]=H(e,s,c,r[s],n,o)}}function he(e){let t,n;if(!f.sharedConfig.context||!(t=f.sharedConfig.registry.get(n=Ce()))){if(f.sharedConfig.context&&console.warn("Unable to find DOM nodes for hydration key:",n),!e)throw new Error("Unrecoverable Hydration Mismatch. No template for key: "+n);return e()}return 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,o=i.length;r<o;r++)e.classList.toggle(i[r],n)}function H(e,t,n,i,r,o){let s,c,a,l,d;if(t==="style")return D(e,n,i);if(t==="classList")return de(e,n,i);if(n===i)return i;if(t==="ref")o||n(e);else if(t.slice(0,3)==="on:"){const m=t.slice(3);i&&e.removeEventListener(m,i),n&&e.addEventListener(m,n)}else if(t.slice(0,10)==="oncapture:"){const m=t.slice(10);i&&e.removeEventListener(m,i,!0),n&&e.addEventListener(m,n,!0)}else if(t.slice(0,2)==="on"){const m=t.slice(2).toLowerCase(),C=re.has(m);if(!C&&i){const S=Array.isArray(i)?i[0]:i;e.removeEventListener(m,S)}(C||n)&&(ue(e,m,n,C),C&&fe([m]))}else if(t.slice(0,5)==="attr:")I(e,t.slice(5),n);else if((d=t.slice(0,5)==="prop:")||(a=ee.has(t))||!r&&((l=ie(t,e.tagName))||(c=J.has(t)))||(s=e.nodeName.includes("-")))d&&(t=t.slice(5),c=!0),t==="class"||t==="className"?le(e,n):s&&!c&&!a?e[be(t)]=n:e[l||t]=n;else{const m=r&&t.indexOf(":")>-1&&oe[t.split(":")[0]];m?ae(e,m,t,n):I(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 w(e,t,n,i,r){if(f.sharedConfig.context){!n&&(n=[...e.childNodes]);let c=[];for(let a=0;a<n.length;a++){const l=n[a];l.nodeType===8&&l.data.slice(0,2)==="!$"?l.remove():c.push(l)}n=c}for(;typeof n=="function";)n=n();if(t===n)return n;const o=typeof t,s=i!==void 0;if(e=s&&n[0]&&n[0].parentNode||e,o==="string"||o==="number"){if(f.sharedConfig.context)return n;if(o==="number"&&(t=t.toString()),s){let c=n[0];c&&c.nodeType===3?c.data=t:c=document.createTextNode(t),n=j(e,n,i,c)}else n!==""&&typeof n=="string"?n=e.firstChild.data=t:n=e.textContent=t}else if(t==null||o==="boolean"){if(f.sharedConfig.context)return n;n=j(e,n,i)}else{if(o==="function")return f.createRenderEffect(()=>{let c=t();for(;typeof c=="function";)c=c();n=w(e,c,n,i)}),()=>n;if(Array.isArray(t)){const c=[],a=n&&Array.isArray(n);if(O(c,t,n,r))return f.createRenderEffect(()=>n=w(e,c,n,i,!0)),()=>n;if(f.sharedConfig.context){if(!c.length)return n;for(let l=0;l<c.length;l++)if(c[l].parentNode)return n=c}if(c.length===0){if(n=j(e,n,i),s)return n}else a?n.length===0?V(e,c,i):se(e,n,c):(n&&j(e),V(e,c));n=c}else if(t.nodeType){if(f.sharedConfig.context&&t.parentNode)return n=s?[t]:t;if(Array.isArray(n)){if(s)return n=j(e,n,i,t);j(e,n,null,t)}else n==null||n===""||!e.firstChild?e.appendChild(t):e.replaceChild(t,e.firstChild);n=t}else console.warn("Unrecognized value. Skipped inserting",t)}return n}function O(e,t,n,i){let r=!1;for(let o=0,s=t.length;o<s;o++){let c=t[o],a=n&&n[o],l;if(!(c==null||c===!0||c===!1))if((l=typeof c)=="object"&&c.nodeType)e.push(c);else if(Array.isArray(c))r=O(e,c,a)||r;else if(l==="function")if(i){for(;typeof c=="function";)c=c();r=O(e,Array.isArray(c)?c:[c],Array.isArray(a)?a:[a])||r}else e.push(c),r=!0;else{const d=String(c);a&&a.nodeType===3&&a.data===d?e.push(a):e.push(document.createTextNode(d))}}return r}function V(e,t,n=null){for(let i=0,r=t.length;i<r;i++)e.insertBefore(t[i],n)}function j(e,t,n,i){if(n===void 0)return e.textContent="";const r=i||document.createTextNode("");if(t.length){let o=!1;for(let s=t.length-1;s>=0;s--){const c=t[s];if(r!==c){const a=c.parentNode===e;!o&&!s?a?e.replaceChild(r,c):e.insertBefore(r,n):a&&c.remove()}else o=!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 we(e,t=!1){return t?document.createElementNS(Se,e):document.createElement(e)}function je(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 Object.assign(r,{[f.$DEVCOMP]:!0}),f.untrack(()=>r(n));case"string":const o=ce.has(r),s=f.sharedConfig.context?he():we(r,o);return me(s,n,o),s}})}function x(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 g(e,t){return f.createComponent(je,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 _=/^--\D{1}.{0,100}$/;function F(e){return _.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}\)$/,_].some(t=>t.test(e))}const{sizeXxs:Ae,sizeXs:xe,sizeSm:Pe,sizeMd:Ee,sizeLg:Te,sizeXl:Me,sizeXxl:Ie,sizeContent1:Oe,sizeContent2:ke,sizeContent3:ze,sizeHeader1:Ne,sizeHeader2:Le,sizeHeader3:We,size000:Re,size00:Be,size1:De,size2:ve,size3:Ge,size4:He,size5:Ve,size6:_e,size7:Fe,size8:Xe,size9:Ue,size10:qe,size11:Qe,size12:Ye,size13:Ze,size14:Ke,size15:pe}=A,Je={size000:Re,size00:Be,size1:De,size2:ve,size3:Ge,size4:He,size5:Ve,size6:_e,size7:Fe,size8:Xe,size9:Ue,size10:qe,size11:Qe,size12:Ye,size13:Ze,size14:Ke,size15:pe},et={sizeXxs:Ae,sizeXs:xe,sizeSm:Pe,sizeMd:Ee,sizeLg:Te,sizeXl:Me,sizeXxl:Ie,sizeContent1:Oe,sizeContent2:ke,sizeContent3:ze,sizeHeader1:Ne,sizeHeader2:Le,sizeHeader3:We},X=Je,U=et;function q(e){return e.reduce((t,[n,i])=>({...t,[n]:i}),{})}function k(e,t){if(t!==void 0)return typeof t=="number"&&t>=0?`${t}px`:typeof t=="string"&&M(t)?F(t)?`var(${t})`:t:x(b(e,t))}function b(e,t){const n=e.space??X,i=q(Object.entries(n).map(([r,o])=>[r,typeof o=="number"?`${o}px`:o]));return x(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 F(t)?`var(${t})`:t;const n=e.sizes??U,i=q(Object.entries(n).map(([r,o])=>[r,typeof o=="number"?`${o}px`:o]));return x(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((c,[a,l])=>c+`${a}:${l};`,""),n=()=>`--maxWidth: ${tt(e.maxWidth)};`,i=()=>e.centerText?"center-text":"",r=()=>e.centerChildren?"center-children":"",o=()=>[i(),r()].filter(Boolean).join(" "),s=()=>[t(),n()].join("; ");return g(()=>e.as??"div",f.mergeProps(y(e,["as","maxWidth","centerText","centerChildren"]),h({style:s,"data-bedrock-center":o})))}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((c,[a,l])=>c+`${a}:${l};`,""),i=()=>`--gutter: ${b(t,e.gutter??"size00")??"0px"}`,r=()=>`--minItemWidth: ${rt(t,e.minItemWidth)}`,o=()=>e.noStretchedColumns===!0?"no-stretched-columns":"",s=()=>[n(),i(),r()].join("; ");return g(()=>e.as??"div",f.mergeProps(y(e,["as","gutter","minItemWidth","noStretchedColumns"]),h({style:s,"data-bedrock-column-drop":o})))}function ot(e,t){const[n,i]=f.createSignal(!1),[r,o]=f.createSignal();return f.onMount(()=>(T.init(),0)),f.createEffect(()=>{if(x(r())===void 0)return 0;t&&t(r());const s=T.registerCallback(r(),c=>{var l;const a=((l=c.borderBoxSize)==null?void 0:l.inlineSize)??c.contentRect.width;if(a>0){const d=a<=e;i(d)}return 0});return f.onCleanup(s),0}),[n,o]}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 ft(e){return Array.isArray(e)?e.join("/"):e}function at(e){return st(e)?ft(e):void 0}function lt(e){const t=()=>typeof e.style=="string"?e.style:Object.entries(e.style??{}).reduce((s,[c,a])=>s+`${c}:${a};`,""),n=()=>at(e.ratio),i=()=>n()?`--ratio: ${n()}`:"",r=()=>typeof e.position=="string"?`--position: ${e.position}`:"50%",o=()=>[t(),i(),r()].join("; ");return g(()=>e.as??"div",f.mergeProps(y(e,["as","ratio","position"]),h({style:o,"data-bedrock-frame":()=>""})))}function Y(e){const t=$(),n=()=>typeof e.style=="string"?e.style:Object.entries(e.style??{}).reduce((s,[c,a])=>s+`${c}:${a};`,""),i=()=>`--gutter: ${b(t,e.gutter??"size00")??"0px"};`,r=()=>`--minItemWidth: ${typeof e.minItemWidth=="string"?e.minItemWidth:`${e.minItemWidth??0}px`};`,o=()=>[n(),i(),r()].join("; ");return g(()=>e.as??"div",f.mergeProps(y(e,["as","gutter","minItemWidth"]),h({style:o,"data-bedrock-grid":()=>""})))}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 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,o]=Z(i);if(isNaN(r))return;if(!o)return r;const s=z(o,t);return typeof s=="number"?r*s:void 0}}}function N(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=N(n,"height")/128;return t.removeChild(n),i}const dt=B("<div>"),L=1,mt=typeof window=="object"&&typeof document=="object"&&document.nodeType===9,yt=e=>{const[t,n]=f.createSignal(1),[i,r]=f.createSignal(),o=$();return f.onMount(()=>(T.init(),0)),f.createEffect(()=>{const s=x(i());if(s===void 0)return;const c=T.registerCallback(s,({target:a})=>{n(1);const l=e.gutter?b(o,e.gutter)??"1px":"1px",d=mt?z(l,a):void 0,m=Math.max(d??L,L),[C]=Array.from(a.children),S=1+Math.min(a.scrollHeight,C.scrollHeight),W=Math.max(Math.ceil(S/m),L);return n(W),0});return f.onCleanup(c),0}),(()=>{const s=dt();return ye(r,s),v(s,()=>e.children),f.createRenderEffect(c=>D(s,`grid-row: span ${t()};`,c)),s})()},gt=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"},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,d])=>a+`${l}:${d};`,""),i=()=>`--gutter: ${b(t,e.gutter??"size00")??"0px"};`,r=()=>e.justify!==void 0?ht[e.justify]:void 0,o=()=>e.align!==void 0?bt[e.align]:void 0,s=()=>[n(),i()].join("; "),c=()=>[r(),o()].filter(Boolean).join(" ");return g(()=>e.as??"div",f.mergeProps(y(e,["as","gutter","justify","align"]),h({style:s,"data-bedrock-inline-cluster":c})))}const Ct={start:"justify:start",end:"justify:end",center:"justify:center"},St={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((m,[C,S])=>m+`${C}:${S};`,""),i=()=>`--gutter: ${b(t,e.gutter??"size00")??"0px"};`,r=()=>e.minItemWidth?`--minItemWidth: ${typeof e.minItemWidth=="string"?e.minItemWidth:`${e.minItemWidth}px`};`:void 0,o=()=>e.switchAt?`--switchAt: ${P(t,e.switchAt)??"0px"};`:"",s=()=>e.justify!==void 0?Ct[e.justify]:void 0,c=()=>e.align!==void 0?St[e.align]:void 0,a=()=>e.stretch?`stretch:${e.stretch}`:void 0,l=()=>[n(),i(),o(),r()].join("; "),d=()=>[s(),c(),a()].filter(Boolean).join(" ");return g(()=>e.as??"div",f.mergeProps(y(e,["as","gutter","justify","align","stretch","switchAt"]),h({style:l,"data-bedrock-inline":d})))}const jt=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,o])=>({...i,[jt(r)]:k(e,o)??"0px"}),{}):{padding:Array.from(Array.isArray(t)?t:[t]).map(i=>k(e,i)??"0px").join(" ")};return Object.entries(n).reduce((i,[r,o])=>i+`${r}:${o};`,"")};function xt(e){const t=$(),n=()=>typeof e.style=="string"?e.style:Object.entries(e.style??{}).reduce((o,[s,c])=>o+`${s}:${c};`,""),i=()=>At(t,e.padding),r=()=>[n(),i()].join("; ");return g(()=>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,[c,a])=>s+`${c}:${a};`,""),i=()=>`--gutter: ${b(t,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"}},o=()=>[n(),i()].join("; ");return g(()=>e.as??"div",f.mergeProps(y(e,["as","gutter"]),h({style:o,"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,d])=>a+`${l}:${d};`,""),i=()=>e.switchAt?`--switchAt: ${P(t,e.switchAt)??"0px"};`:"",r=()=>`--gutter: ${b(t,e.gutter??"size00")??"0px"};`,o=()=>K[e.fraction??"1/2"]??K["1/2"],s=()=>e.minItemWidth?`--minItemWidth: ${typeof e.minItemWidth=="string"?e.minItemWidth:`${e.minItemWidth}px`};`:void 0,c=()=>[n(),r(),i(),s()].join("; ");return g(()=>e.as??"div",f.mergeProps(y(e,["as","gutter","fraction"]),h({style:c,"data-bedrock-split":o})))}function Tt(e){const t=$(),n=()=>typeof e.style=="string"?e.style:Object.entries(e.style??{}).reduce((o,[s,c])=>o+`${s}:${c};`,""),i=()=>`--gutter: ${b(t,e.gutter??"size00")??"0px"};`,r=()=>[n(),i()].join("; ");return g(()=>e.as??"div",f.mergeProps(y(e,["as","gutter"]),h({style:r,"data-bedrock-stack":()=>""})))}const Mt=B("<div data-bedrock-cover-centered>");function It(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((c,[a,l])=>c+`${a}:${l};`,""),i=()=>`--gutter: ${b(t,e.gutter??"size00")??"0px"};`,r=()=>`--minHeight: ${It(e.minHeight)};`,o=()=>e.stretchContent===!0?"stretch-content":"",s=()=>[n(),i(),r()].join("; ");return g(()=>e.as??"div",f.mergeProps(y(e,["as","minHeight","stretchContent"]),h({style:s,"data-bedrock-cover":o})))}function kt(e){const[t,n]=f.splitProps(e,["children","top","bottom"]);return f.createComponent(Ot,f.mergeProps(n,{get children(){return[f.createMemo(()=>t.top),(()=>{const i=Mt();return v(i,()=>t.children),i})(),f.createMemo(()=>t.bottom)]}}))}function zt(e){const t=$(),n=()=>typeof e.style=="string"?e.style:Object.entries(e.style??{}).reduce((c,[a,l])=>c+`${a}:${l};`,""),i=()=>`--gutter: ${b(t,e.gutter??"size00")??"0px"};`,r=()=>`--columns: ${e.columns&&e.columns>0?e.columns:1};`,o=()=>e.switchAt?`--switchAt: ${P(t,e.switchAt)??"0px"};`:"",s=()=>[n(),i(),r(),o()].join("; ");return g(()=>e.as??"div",f.mergeProps(y(e,["as","gutter","columns","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,[c,a])=>s+`${c}:${a};`,""),n=()=>`--span: ${Nt(e.span)};`,i=()=>e.offsetStart&&e.offsetStart>0?`--offsetStart: ${e.offsetStart};`:"",r=()=>e.offsetEnd&&e.offsetEnd>0?`--offsetEnd: ${e.offsetEnd};`:"",o=()=>[t(),n(),i(),r()].join("; ");return g(()=>e.as??"div",f.mergeProps(y(e,["as","span","offsetStart","offsetEnd"]),h({style:o,"data-bedrock-column":()=>""})))}u.Center=nt,u.Column=Lt,u.ColumnDrop=ct,u.Columns=zt,u.Cover=kt,u.Frame=lt,u.Grid=Y,u.Inline=wt,u.InlineCluster=$t,u.MasonryGrid=gt,u.PadBox=xt,u.Reel=Pt,u.Split=Et,u.Stack=Tt,u.ThemeProvider=it,u.checkIsCSSLength=M,u.createContainerQuery=ot,u.getSafeGutter=k,u.getSizeValue=P,u.getSpacingValue=b,u.sizes=U,u.spacing=X,u.useTheme=$,Object.defineProperty(u,Symbol.toStringTag,{value:"Module"})});

package/lib/inline-cluster.d.ts

@@ -18,5 +18,5 @@ export interface InlineClusterBaseProps {
     gutter: SpacingOptions;
 }
 export type InlineClusterProps<T extends ValidConstructor = "div"> = HeadlessPropsWithRef<T, InlineClusterBaseProps>;
-export declare function InlineCluster<T extends ValidConstructor = "div">(props: InlineClusterProps<T>): JSX.Element;
+export declare function InlineCluster<T extends ValidConstructor = "div">(props: Readonly<InlineClusterProps<T>>): JSX.Element;
 export {};

package/lib/inline.d.ts

@@ -23,5 +23,5 @@ export interface InlineBaseProps {
     minItemWidth?: MinItemWidth;
 }
 export type InlineProps<T extends ValidConstructor = "div"> = HeadlessPropsWithRef<T, InlineBaseProps>;
-export declare function Inline<T extends ValidConstructor = "div">(props: InlineProps<T>): JSX.Element;
+export declare function Inline<T extends ValidConstructor = "div">(props: Readonly<InlineProps<T>>): JSX.Element;
 export {};

package/lib/reel.d.ts

@@ -6,4 +6,4 @@ export interface ReelBaseProps {
     gutter?: SpacingOptions;
 }
 export type ReelProps<T extends ValidConstructor = "div"> = HeadlessPropsWithRef<T, ReelBaseProps>;
-export declare function Reel<T extends ValidConstructor = "div">(props: ReelProps<T>): JSX.Element;
+export declare function Reel<T extends ValidConstructor = "div">(props: Readonly<ReelProps<T>>): JSX.Element;

package/lib/spacing-constants.d.ts

@@ -22,10 +22,10 @@ type ThemeOrDefaultSizes<T> = T extends {
 } ? T["sizes"] : keyof typeof sizes;
 export type Gutter = CSSLength | number | SpacingOptions;
 export declare function getSafeGutter<T extends DefaultTheme>(theme: T, gutter?: Gutter): Maybe<CSSLength>;
-export declare function getSpacingValue<T extends DefaultTheme>(theme: T & {
+export declare function getSpacingValue<T extends DefaultTheme>(theme: Readonly<T & {
     space?: BaseTheme;
-}, spacingKey: SpacingOptions): Maybe<CSSLength>;
-export declare function getSizeValue<T extends DefaultTheme>(theme: T & {
+}>, spacingKey: SpacingOptions): Maybe<CSSLength>;
+export declare function getSizeValue<T extends DefaultTheme>(theme: Readonly<T & {
     sizes?: BaseTheme;
-}, sizeKey?: CSSLength | number | SizesOptions | "fit-content" | "max-content" | "min-content" | "auto"): Maybe<CSSLength>;
+}>, sizeKey?: CSSLength | number | SizesOptions | "fit-content" | "max-content" | "min-content" | "auto"): Maybe<CSSLength>;
 export {};

package/lib/split.d.ts

@@ -10,5 +10,5 @@ interface SplitBase {
     switchAt?: number | CSSLength;
 }
 export type SplitProps<T extends ValidConstructor = "div"> = HeadlessPropsWithRef<T, SplitBase>;
-export declare function Split<T extends ValidConstructor = "div">(props: SplitProps<T>): JSX.Element;
+export declare function Split<T extends ValidConstructor = "div">(props: Readonly<SplitProps<T>>): JSX.Element;
 export {};

package/lib/stack.d.ts

@@ -5,4 +5,4 @@ export interface StackPropsBase {
     gutter?: SpacingOptions;
 }
 export type StackProps<T extends ValidConstructor = "div"> = HeadlessPropsWithRef<T, StackPropsBase>;
-export declare function Stack<T extends ValidConstructor = "div">(props: StackProps<T>): JSX.Element;
+export declare function Stack<T extends ValidConstructor = "div">(props: Readonly<StackProps<T>>): JSX.Element;

package/lib/theme-provider.d.ts

@@ -5,5 +5,5 @@ export interface ThemeProviderProps {
     theme: DefaultTheme;
     children: JSXElement;
 }
-export declare function ThemeProvider(props: ThemeProviderProps): JSXElement;
+export declare function ThemeProvider(props: Readonly<ThemeProviderProps>): JSXElement;
 export declare function useTheme(): DefaultTheme;

package/lib/toPx.d.ts

@@ -2,4 +2,4 @@
  * This module is adapted from https://github.com/mikolalysenko/to-px/blob/master/browser.js
  */
 import type { Maybe } from "./typeUtils";
-export declare function toPX(str: string, element?: Element): Maybe<number>;
+export declare function toPX(str: string, element?: Readonly<Element>): Maybe<number>;

package/lib/typeUtils.d.ts

@@ -27,10 +27,10 @@ export interface DynamicComponentWithRef<T extends ValidConstructor> extends Wit
     as?: T;
 }
 export type HeadlessPropsWithRef<T extends ValidConstructor, V = {}> = OmitAndMerge<V & DynamicComponentWithRef<T>, DynamicProps<T>>;
-export declare function convertToMaybe<T extends unknown>(value: T): Maybe<T>;
-export declare function omitProps<T extends Record<string, any>, K extends keyof T>(value: T, keys: K[]): Omit<T, K>;
+export declare function convertToMaybe<T>(value: T): Maybe<T>;
+export declare function omitProps<T extends Record<string, any>, K extends keyof T>(value: T, keys: readonly K[]): Omit<T, K>;
 export default function createDynamic<T extends ValidConstructor>(source: () => T, props: DynamicProps<T>): JSX.Element;
 export declare function createPropsFromAccessors<T extends Record<string, Accessor>>(props: T): {
     [P in keyof T]: ReturnType<T[P]>;
-};
+} | Error;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bedrock-layout/solid",
-  "version": "1.1.2",
+  "version": "1.1.4",
   "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,
@@ -55,7 +55,7 @@
     "solid-js": "^1.3.7"
   },
   "dependencies": {
-    "@bedrock-layout/register-resize-callback": "^2.0.0"
+    "@bedrock-layout/register-resize-callback": "^2.0.4"
   },
   "scripts": {
     "test": "echo \"Error: run tests from root\" && exit 1",
@@ -70,5 +70,5 @@
   "bugs": {
     "url": "https://github.com/Bedrock-Layouts/Solid-Bedrock/issues"
   },
-  "gitHead": "493961f50f7c7257c2d2844952e8f7beaaf8c96f"
+  "gitHead": "a6d6b30100b03c24cab0c3a363c8c1f362f115d0"
 }