@bedrock-layout/solid 1.1.4 → 1.1.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/lib/index.cjs.js +1 -1
  2. package/lib/index.m.js +272 -205
  3. package/lib/index.umd.js +1 -1
  4. package/package.json +4 -3
package/lib/index.cjs.js CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const Y=require("open-props"),l=require("solid-js"),P=require("@bedrock-layout/register-resize-callback"),Z=["allowfullscreen","async","autofocus","autoplay","checked","controls","default","disabled","formnovalidate","hidden","indeterminate","ismap","loop","multiple","muted","nomodule","novalidate","open","playsinline","readonly","required","reversed","seamless","selected"],K=new Set(["className","value","readOnly","formNoValidate","isMap","noModule","playsInline",...Z]),p=new Set(["innerHTML","textContent","innerText","children"]),ee=Object.assign(Object.create(null),{className:"class",htmlFor:"for"}),te=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 ne(e,t){const n=te[e];return typeof n=="object"?n[t]?n.$:void 0:n}const ie=new Set(["beforeinput","click","dblclick","contextmenu","focusin","focusout","input","keydown","keyup","mousedown","mousemove","mouseout","mouseover","mouseup","pointerdown","pointermove","pointerout","pointerover","pointerup","touchend","touchmove","touchstart"]),se=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"]),re={xlink:"http://www.w3.org/1999/xlink",xml:"http://www.w3.org/XML/1998/namespace"};function oe(e,t,n){let i=n.length,s=t.length,o=i,c=0,r=0,f=t[s-1].nextSibling,a=null;for(;c<s||r<o;){if(t[c]===n[r]){c++,r++;continue}for(;t[s-1]===n[o-1];)s--,o--;if(s===c){const d=o<i?r?n[r-1].nextSibling:n[o-r]:f;for(;r<o;)e.insertBefore(n[r++],d)}else if(o===r)for(;c<s;)(!a||!a.has(t[c]))&&t[c].remove(),c++;else if(t[c]===n[o-1]&&n[r]===t[s-1]){const d=t[--s].nextSibling;e.insertBefore(n[r++],t[c++].nextSibling),e.insertBefore(n[--o],d),t[s]=n[o]}else{if(!a){a=new Map;let u=r;for(;u<o;)a.set(n[u],u++)}const d=a.get(t[c]);if(d!=null)if(r<d&&d<o){let u=c,h=1,C;for(;++u<s&&u<o&&!((C=a.get(t[u]))==null||C!==d+h);)h++;if(h>d-r){const M=t[c];for(;r<d;)e.insertBefore(n[r++],M)}else e.replaceChild(n[r++],t[c++])}else c++;else t[c++].remove()}}}const L="_$DX_DELEGATE";function v(e,t,n){let i;const s=()=>{const c=document.createElement("template");return c.innerHTML=e,n?c.content.firstChild.firstChild:c.content.firstChild},o=t?()=>l.untrack(()=>document.importNode(i||(i=s()),!0)):()=>(i||(i=s())).cloneNode(!0);return o.cloneNode=o,o}function ce(e,t=window.document){const n=t[L]||(t[L]=new Set);for(let i=0,s=e.length;i<s;i++){const o=e[i];n.has(o)||(n.add(o),t.addEventListener(o,be))}}function T(e,t,n){n==null?e.removeAttribute(t):e.setAttribute(t,n)}function le(e,t,n,i){i==null?e.removeAttributeNS(t,n):e.setAttributeNS(t,n,i)}function fe(e,t){t==null?e.removeAttribute("class"):e.className=t}function ae(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 s=n[0];e.addEventListener(t,n[0]=o=>s.call(e,n[1],o))}else e.addEventListener(t,n)}function de(e,t,n={}){const i=Object.keys(t||{}),s=Object.keys(n);let o,c;for(o=0,c=s.length;o<c;o++){const r=s[o];!r||r==="undefined"||t[r]||(R(e,r,!1),delete n[r])}for(o=0,c=i.length;o<c;o++){const r=i[o],f=!!t[r];!r||r==="undefined"||n[r]===f||!f||(R(e,r,!0),n[r]=f)}return n}function G(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 s,o;for(o in n)t[o]==null&&i.removeProperty(o),delete n[o];for(o in t)s=t[o],s!==n[o]&&(i.setProperty(o,s),n[o]=s);return n}function ue(e,t={},n,i){const s={};return i||l.createRenderEffect(()=>s.children=x(e,t.children,s.children)),l.createRenderEffect(()=>t.ref&&t.ref(e)),l.createRenderEffect(()=>ye(e,t,n,!0,s,!0)),s}function me(e,t,n){return l.untrack(()=>e(t,n))}function H(e,t,n,i){if(n!==void 0&&!i&&(i=[]),typeof t!="function")return x(e,t,i,n);l.createRenderEffect(s=>x(e,t(),s,n),i)}function ye(e,t,n,i,s={},o=!1){t||(t={});for(const c in s)if(!(c in t)){if(c==="children")continue;s[c]=W(e,c,null,s[c],n,o)}for(const c in t){if(c==="children"){i||x(e,t.children);continue}const r=t[c];s[c]=W(e,c,r,s[c],n,o)}}function ge(e){let t,n;if(!l.sharedConfig.context||!(t=l.sharedConfig.registry.get(n=$e()))){if(l.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 l.sharedConfig.completed&&l.sharedConfig.completed.add(t),l.sharedConfig.registry.delete(n),t}function he(e){return e.toLowerCase().replace(/-([a-z])/g,(t,n)=>n.toUpperCase())}function R(e,t,n){const i=t.trim().split(/\s+/);for(let s=0,o=i.length;s<o;s++)e.classList.toggle(i[s],n)}function W(e,t,n,i,s,o){let c,r,f,a,d;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 u=t.slice(3);i&&e.removeEventListener(u,i),n&&e.addEventListener(u,n)}else if(t.slice(0,10)==="oncapture:"){const u=t.slice(10);i&&e.removeEventListener(u,i,!0),n&&e.addEventListener(u,n,!0)}else if(t.slice(0,2)==="on"){const u=t.slice(2).toLowerCase(),h=ie.has(u);if(!h&&i){const C=Array.isArray(i)?i[0]:i;e.removeEventListener(u,C)}(h||n)&&(ae(e,u,n,h),h&&ce([u]))}else if(t.slice(0,5)==="attr:")T(e,t.slice(5),n);else if((d=t.slice(0,5)==="prop:")||(f=p.has(t))||!s&&((a=ne(t,e.tagName))||(r=K.has(t)))||(c=e.nodeName.includes("-")))d&&(t=t.slice(5),r=!0),t==="class"||t==="className"?fe(e,n):c&&!r&&!f?e[he(t)]=n:e[a||t]=n;else{const u=s&&t.indexOf(":")>-1&&re[t.split(":")[0]];u?le(e,u,t,n):T(e,ee[t]||t,n)}return n}function be(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}}),l.sharedConfig.registry&&!l.sharedConfig.done&&(l.sharedConfig.done=_$HY.done=!0);n;){const i=n[t];if(i&&!n.disabled){const s=n[`${t}Data`];if(s!==void 0?i.call(n,s,e):i.call(n,e),e.cancelBubble)return}n=n._$host||n.parentNode||n.host}}function x(e,t,n,i,s){if(l.sharedConfig.context){!n&&(n=[...e.childNodes]);let r=[];for(let f=0;f<n.length;f++){const a=n[f];a.nodeType===8&&a.data.slice(0,2)==="!$"?a.remove():r.push(a)}n=r}for(;typeof n=="function";)n=n();if(t===n)return n;const o=typeof t,c=i!==void 0;if(e=c&&n[0]&&n[0].parentNode||e,o==="string"||o==="number"){if(l.sharedConfig.context)return n;if(o==="number"&&(t=t.toString()),c){let r=n[0];r&&r.nodeType===3?r.data=t:r=document.createTextNode(t),n=S(e,n,i,r)}else n!==""&&typeof n=="string"?n=e.firstChild.data=t:n=e.textContent=t}else if(t==null||o==="boolean"){if(l.sharedConfig.context)return n;n=S(e,n,i)}else{if(o==="function")return l.createRenderEffect(()=>{let r=t();for(;typeof r=="function";)r=r();n=x(e,r,n,i)}),()=>n;if(Array.isArray(t)){const r=[],f=n&&Array.isArray(n);if(O(r,t,n,s))return l.createRenderEffect(()=>n=x(e,r,n,i,!0)),()=>n;if(l.sharedConfig.context){if(!r.length)return n;for(let a=0;a<r.length;a++)if(r[a].parentNode)return n=r}if(r.length===0){if(n=S(e,n,i),c)return n}else f?n.length===0?B(e,r,i):oe(e,n,r):(n&&S(e),B(e,r));n=r}else if(t.nodeType){if(l.sharedConfig.context&&t.parentNode)return n=c?[t]:t;if(Array.isArray(n)){if(c)return n=S(e,n,i,t);S(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 s=!1;for(let o=0,c=t.length;o<c;o++){let r=t[o],f=n&&n[o],a;if(!(r==null||r===!0||r===!1))if((a=typeof r)=="object"&&r.nodeType)e.push(r);else if(Array.isArray(r))s=O(e,r,f)||s;else if(a==="function")if(i){for(;typeof r=="function";)r=r();s=O(e,Array.isArray(r)?r:[r],Array.isArray(f)?f:[f])||s}else e.push(r),s=!0;else{const d=String(r);f&&f.nodeType===3&&f.data===d?e.push(f):e.push(document.createTextNode(d))}}return s}function B(e,t,n=null){for(let i=0,s=t.length;i<s;i++)e.insertBefore(t[i],n)}function S(e,t,n,i){if(n===void 0)return e.textContent="";const s=i||document.createTextNode("");if(t.length){let o=!1;for(let c=t.length-1;c>=0;c--){const r=t[c];if(s!==r){const f=r.parentNode===e;!o&&!c?f?e.replaceChild(s,r):e.insertBefore(s,n):f&&r.remove()}else o=!0}}else e.insertBefore(s,n);return[s]}function $e(){const e=l.sharedConfig.context;return`${e.id}${e.count++}`}const Ce="http://www.w3.org/2000/svg";function Se(e,t=!1){return t?document.createElementNS(Ce,e):document.createElement(e)}function xe(e){const[t,n]=l.splitProps(e,["component"]),i=l.createMemo(()=>t.component);return l.createMemo(()=>{const s=i();switch(typeof s){case"function":return Object.assign(s,{[l.$DEVCOMP]:!0}),l.untrack(()=>s(n));case"string":const o=se.has(s),c=l.sharedConfig.context?ge():Se(s,o);return ue(c,n,o),c}})}function j(e){return e??void 0}function m(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 y(e,t){return l.createComponent(xe,l.mergeProps({get component(){return e()}},t))}function g(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 V=/^--\D{1}.{0,100}$/;function _(e){return V.test(e)}function E(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}\)$/,V].some(t=>t.test(e))}const{sizeXxs:we,sizeXs:je,sizeSm:Ae,sizeMd:Pe,sizeLg:Ee,sizeXl:Me,sizeXxl:Ie,sizeContent1:Te,sizeContent2:Oe,sizeContent3:ze,sizeHeader1:ke,sizeHeader2:Ne,sizeHeader3:Le,size000:Re,size00:We,size1:Be,size2:De,size3:ve,size4:Ge,size5:He,size6:Ve,size7:_e,size8:Fe,size9:Xe,size10:Ue,size11:qe,size12:Qe,size13:Je,size14:Ye,size15:Ze}=Y,Ke={size000:Re,size00:We,size1:Be,size2:De,size3:ve,size4:Ge,size5:He,size6:Ve,size7:_e,size8:Fe,size9:Xe,size10:Ue,size11:qe,size12:Qe,size13:Je,size14:Ye,size15:Ze},pe={sizeXxs:we,sizeXs:je,sizeSm:Ae,sizeMd:Pe,sizeLg:Ee,sizeXl:Me,sizeXxl:Ie,sizeContent1:Te,sizeContent2:Oe,sizeContent3:ze,sizeHeader1:ke,sizeHeader2:Ne,sizeHeader3:Le},F=Ke,X=pe;function U(e){return e.reduce((t,[n,i])=>({...t,[n]:i}),{})}function z(e,t){if(t!==void 0)return typeof t=="number"&&t>=0?`${t}px`:typeof t=="string"&&E(t)?_(t)?`var(${t})`:t:j(b(e,t))}function b(e,t){const n=e.space??F,i=U(Object.entries(n).map(([s,o])=>[s,typeof o=="number"?`${o}px`:o]));return j(i[t])}function A(e,t){if(t===void 0)return;if(typeof t=="number"&&t>=0)return`${t}px`;if(typeof t=="string"&&E(t))return _(t)?`var(${t})`:t;const n=e.sizes??X,i=U(Object.entries(n).map(([s,o])=>[s,typeof o=="number"?`${o}px`:o]));return j(i[t])}function et(e){return e===void 0?"100%":typeof e=="number"?`${e}px`:e}function tt(e){const t=()=>typeof e.style=="string"?e.style:Object.entries(e.style??{}).reduce((r,[f,a])=>r+`${f}:${a};`,""),n=()=>`--maxWidth: ${et(e.maxWidth)};`,i=()=>e.centerText?"center-text":"",s=()=>e.centerChildren?"center-children":"",o=()=>[i(),s()].filter(Boolean).join(" "),c=()=>[t(),n()].join("; ");return y(()=>e.as??"div",l.mergeProps(m(e,["as","maxWidth","centerText","centerChildren"]),g({style:c,"data-bedrock-center":o})))}const q=l.createContext({});function nt(e){return l.createComponent(q.Provider,{get value(){return e.theme},get children(){return e.children}})}function $(){try{return l.useContext(q)}catch{return{}}}function it(e,t){return A(e,t)}function st(e){const t=$(),n=()=>typeof e.style=="string"?e.style:Object.entries(e.style??{}).reduce((r,[f,a])=>r+`${f}:${a};`,""),i=()=>`--gutter: ${b(t,e.gutter??"size00")??"0px"}`,s=()=>`--minItemWidth: ${it(t,e.minItemWidth)}`,o=()=>e.noStretchedColumns===!0?"no-stretched-columns":"",c=()=>[n(),i(),s()].join("; ");return y(()=>e.as??"div",l.mergeProps(m(e,["as","gutter","minItemWidth","noStretchedColumns"]),g({style:c,"data-bedrock-column-drop":o})))}function rt(e,t){const[n,i]=l.createSignal(!1),[s,o]=l.createSignal();return l.onMount(()=>(P.init(),0)),l.createEffect(()=>{if(j(s())===void 0)return 0;t&&t(s());const c=P.registerCallback(s(),r=>{var a;const f=((a=r.borderBoxSize)==null?void 0:a.inlineSize)??r.contentRect.width;if(f>0){const d=f<=e;i(d)}return 0});return l.onCleanup(c),0}),[n,o]}function ot(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 ct(e){return Array.isArray(e)?e.join("/"):e}function lt(e){return ot(e)?ct(e):void 0}function ft(e){const t=()=>typeof e.style=="string"?e.style:Object.entries(e.style??{}).reduce((c,[r,f])=>c+`${r}:${f};`,""),n=()=>lt(e.ratio),i=()=>n()?`--ratio: ${n()}`:"",s=()=>typeof e.position=="string"?`--position: ${e.position}`:"50%",o=()=>[t(),i(),s()].join("; ");return y(()=>e.as??"div",l.mergeProps(m(e,["as","ratio","position"]),g({style:o,"data-bedrock-frame":()=>""})))}function Q(e){const t=$(),n=()=>typeof e.style=="string"?e.style:Object.entries(e.style??{}).reduce((c,[r,f])=>c+`${r}:${f};`,""),i=()=>`--gutter: ${b(t,e.gutter??"size00")??"0px"};`,s=()=>`--minItemWidth: ${typeof e.minItemWidth=="string"?e.minItemWidth:`${e.minItemWidth??0}px`};`,o=()=>[n(),i(),s()].join("; ");return y(()=>e.as??"div",l.mergeProps(m(e,["as","gutter","minItemWidth"]),g({style:o,"data-bedrock-grid":()=>""})))}const w=96;function J(e){const t=String(e),n=parseFloat(t),[,i]=t.match(/[\d.\-+]*\s*(.*)/)??["",""];return[n,i]}function N(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 at(i,n);case"em":return k(n,"font-size");case"rem":return k(document.body,"font-size");case"in":return w;case"cm":return w/2.54;case"mm":return w/25.4;case"pt":return w/72;case"pc":return w/6;case"px":return 1;default:{const[s,o]=J(i);if(isNaN(s))return;if(!o)return s;const c=N(o,t);return typeof c=="number"?s*c:void 0}}}function k(e,t){const[n,i]=J(getComputedStyle(e).getPropertyValue(t));return n*(N(i,e)??1)}function at(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}const dt=v("<div>"),I=1,ut=typeof window=="object"&&typeof document=="object"&&document.nodeType===9,mt=e=>{const[t,n]=l.createSignal(1),[i,s]=l.createSignal(),o=$();return l.onMount(()=>(P.init(),0)),l.createEffect(()=>{const c=j(i());if(c===void 0)return;const r=P.registerCallback(c,({target:f})=>{n(1);const a=e.gutter?b(o,e.gutter)??"1px":"1px",d=ut?N(a,f):void 0,u=Math.max(d??I,I),[h]=Array.from(f.children),C=1+Math.min(f.scrollHeight,h.scrollHeight),M=Math.max(Math.ceil(C/u),I);return n(M),0});return l.onCleanup(r),0}),(()=>{const c=dt();return me(s,c),H(c,()=>e.children),l.createRenderEffect(r=>G(c,`grid-row: span ${t()};`,r)),c})()},yt=e=>{const t=l.children(()=>e.children),i=[].concat(t()).filter(Boolean).map(s=>l.createComponent(mt,{get gutter(){return e.gutter},children:s}));return l.createComponent(Q,l.mergeProps({style:"grid-template-rows: 1px;"},e,{children:i}))},gt={start:"justify:start",end:"justify:end",center:"justify:center"},ht={start:"align:start",end:"align:end",center:"align:center",stretch:"align:stretch"};function bt(e){const t=$(),n=()=>typeof e.style=="string"?e.style:Object.entries(e.style??{}).reduce((f,[a,d])=>f+`${a}:${d};`,""),i=()=>`--gutter: ${b(t,e.gutter??"size00")??"0px"};`,s=()=>e.justify!==void 0?gt[e.justify]:void 0,o=()=>e.align!==void 0?ht[e.align]:void 0,c=()=>[n(),i()].join("; "),r=()=>[s(),o()].filter(Boolean).join(" ");return y(()=>e.as??"div",l.mergeProps(m(e,["as","gutter","justify","align"]),g({style:c,"data-bedrock-inline-cluster":r})))}const $t={start:"justify:start",end:"justify:end",center:"justify:center"},Ct={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((u,[h,C])=>u+`${h}:${C};`,""),i=()=>`--gutter: ${b(t,e.gutter??"size00")??"0px"};`,s=()=>e.minItemWidth?`--minItemWidth: ${typeof e.minItemWidth=="string"?e.minItemWidth:`${e.minItemWidth}px`};`:void 0,o=()=>e.switchAt?`--switchAt: ${A(t,e.switchAt)??"0px"};`:"",c=()=>e.justify!==void 0?$t[e.justify]:void 0,r=()=>e.align!==void 0?Ct[e.align]:void 0,f=()=>e.stretch?`stretch:${e.stretch}`:void 0,a=()=>[n(),i(),o(),s()].join("; "),d=()=>[c(),r(),f()].filter(Boolean).join(" ");return y(()=>e.as??"div",l.mergeProps(m(e,["as","gutter","justify","align","stretch","switchAt"]),g({style:a,"data-bedrock-inline":d})))}const xt=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],wt=(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,[s,o])=>({...i,[xt(s)]:z(e,o)??"0px"}),{}):{padding:Array.from(Array.isArray(t)?t:[t]).map(i=>z(e,i)??"0px").join(" ")};return Object.entries(n).reduce((i,[s,o])=>i+`${s}:${o};`,"")};function jt(e){const t=$(),n=()=>typeof e.style=="string"?e.style:Object.entries(e.style??{}).reduce((o,[c,r])=>o+`${c}:${r};`,""),i=()=>wt(t,e.padding),s=()=>[n(),i()].join("; ");return y(()=>e.as??"div",l.mergeProps(m(e,["as","padding"]),g({style:s,"data-bedrock-padbox":()=>""})))}function At(e){const t=$(),n=()=>typeof e.style=="string"?e.style:Object.entries(e.style??{}).reduce((c,[r,f])=>c+`${r}:${f};`,""),i=()=>`--gutter: ${b(t,e.gutter??"size00")??"0px"};`,s=()=>{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 y(()=>e.as??"div",l.mergeProps(m(e,["as","gutter"]),g({style:o,"data-bedrock-reel":s})))}const D={"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 Pt(e){const t=$(),n=()=>typeof e.style=="string"?e.style:Object.entries(e.style??{}).reduce((f,[a,d])=>f+`${a}:${d};`,""),i=()=>e.switchAt?`--switchAt: ${A(t,e.switchAt)??"0px"};`:"",s=()=>`--gutter: ${b(t,e.gutter??"size00")??"0px"};`,o=()=>D[e.fraction??"1/2"]??D["1/2"],c=()=>e.minItemWidth?`--minItemWidth: ${typeof e.minItemWidth=="string"?e.minItemWidth:`${e.minItemWidth}px`};`:void 0,r=()=>[n(),s(),i(),c()].join("; ");return y(()=>e.as??"div",l.mergeProps(m(e,["as","gutter","fraction"]),g({style:r,"data-bedrock-split":o})))}function Et(e){const t=$(),n=()=>typeof e.style=="string"?e.style:Object.entries(e.style??{}).reduce((o,[c,r])=>o+`${c}:${r};`,""),i=()=>`--gutter: ${b(t,e.gutter??"size00")??"0px"};`,s=()=>[n(),i()].join("; ");return y(()=>e.as??"div",l.mergeProps(m(e,["as","gutter"]),g({style:s,"data-bedrock-stack":()=>""})))}const Mt=v("<div data-bedrock-cover-centered>");function It(e){return typeof e=="number"?`${e}px`:e&&E(e)?e:"100vh"}function Tt(e){const t=$(),n=()=>typeof e.style=="string"?e.style:Object.entries(e.style??{}).reduce((r,[f,a])=>r+`${f}:${a};`,""),i=()=>`--gutter: ${b(t,e.gutter??"size00")??"0px"};`,s=()=>`--minHeight: ${It(e.minHeight)};`,o=()=>e.stretchContent===!0?"stretch-content":"",c=()=>[n(),i(),s()].join("; ");return y(()=>e.as??"div",l.mergeProps(m(e,["as","minHeight","stretchContent"]),g({style:c,"data-bedrock-cover":o})))}function Ot(e){const[t,n]=l.splitProps(e,["children","top","bottom"]);return l.createComponent(Tt,l.mergeProps(n,{get children(){return[l.createMemo(()=>t.top),(()=>{const i=Mt();return H(i,()=>t.children),i})(),l.createMemo(()=>t.bottom)]}}))}function zt(e){const t=$(),n=()=>typeof e.style=="string"?e.style:Object.entries(e.style??{}).reduce((r,[f,a])=>r+`${f}:${a};`,""),i=()=>`--gutter: ${b(t,e.gutter??"size00")??"0px"};`,s=()=>`--columns: ${e.columns&&e.columns>0?e.columns:1};`,o=()=>e.switchAt?`--switchAt: ${A(t,e.switchAt)??"0px"};`:"",c=()=>[n(),i(),s(),o()].join("; ");return y(()=>e.as??"div",l.mergeProps(m(e,["as","gutter","columns","switchAt"]),g({style:c,"data-bedrock-columns":()=>""})))}const kt=e=>typeof e=="number"?e:1;function Nt(e){const t=()=>typeof e.style=="string"?e.style:Object.entries(e.style??{}).reduce((c,[r,f])=>c+`${r}:${f};`,""),n=()=>`--span: ${kt(e.span)};`,i=()=>e.offsetStart&&e.offsetStart>0?`--offsetStart: ${e.offsetStart};`:"",s=()=>e.offsetEnd&&e.offsetEnd>0?`--offsetEnd: ${e.offsetEnd};`:"",o=()=>[t(),n(),i(),s()].join("; ");return y(()=>e.as??"div",l.mergeProps(m(e,["as","span","offsetStart","offsetEnd"]),g({style:o,"data-bedrock-column":()=>""})))}exports.Center=tt;exports.Column=Nt;exports.ColumnDrop=st;exports.Columns=zt;exports.Cover=Ot;exports.Frame=ft;exports.Grid=Q;exports.Inline=St;exports.InlineCluster=bt;exports.MasonryGrid=yt;exports.PadBox=jt;exports.Reel=At;exports.Split=Pt;exports.Stack=Et;exports.ThemeProvider=nt;exports.checkIsCSSLength=E;exports.createContainerQuery=rt;exports.getSafeGutter=z;exports.getSizeValue=A;exports.getSpacingValue=b;exports.sizes=X;exports.spacing=F;exports.useTheme=$;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const Y=require("open-props"),l=require("solid-js"),P=require("@bedrock-layout/register-resize-callback"),Z=["allowfullscreen","async","autofocus","autoplay","checked","controls","default","disabled","formnovalidate","hidden","indeterminate","ismap","loop","multiple","muted","nomodule","novalidate","open","playsinline","readonly","required","reversed","seamless","selected"],K=new Set(["className","value","readOnly","formNoValidate","isMap","noModule","playsInline",...Z]),p=new Set(["innerHTML","textContent","innerText","children"]),ee=Object.assign(Object.create(null),{className:"class",htmlFor:"for"}),te=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 ne(e,t){const n=te[e];return typeof n=="object"?n[t]?n.$:void 0:n}const ie=new Set(["beforeinput","click","dblclick","contextmenu","focusin","focusout","input","keydown","keyup","mousedown","mousemove","mouseout","mouseover","mouseup","pointerdown","pointermove","pointerout","pointerover","pointerup","touchend","touchmove","touchstart"]),se=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"]),re={xlink:"http://www.w3.org/1999/xlink",xml:"http://www.w3.org/XML/1998/namespace"};function oe(e,t,n){let i=n.length,s=t.length,o=i,c=0,r=0,f=t[s-1].nextSibling,a=null;for(;c<s||r<o;){if(t[c]===n[r]){c++,r++;continue}for(;t[s-1]===n[o-1];)s--,o--;if(s===c){const u=o<i?r?n[r-1].nextSibling:n[o-r]:f;for(;r<o;)e.insertBefore(n[r++],u)}else if(o===r)for(;c<s;)(!a||!a.has(t[c]))&&t[c].remove(),c++;else if(t[c]===n[o-1]&&n[r]===t[s-1]){const u=t[--s].nextSibling;e.insertBefore(n[r++],t[c++].nextSibling),e.insertBefore(n[--o],u),t[s]=n[o]}else{if(!a){a=new Map;let d=r;for(;d<o;)a.set(n[d],d++)}const u=a.get(t[c]);if(u!=null)if(r<u&&u<o){let d=c,h=1,C;for(;++d<s&&d<o&&!((C=a.get(t[d]))==null||C!==u+h);)h++;if(h>u-r){const I=t[c];for(;r<u;)e.insertBefore(n[r++],I)}else e.replaceChild(n[r++],t[c++])}else c++;else t[c++].remove()}}}const L="_$DX_DELEGATE";function G(e,t,n){let i;const s=()=>{const c=document.createElement("template");return c.innerHTML=e,n?c.content.firstChild.firstChild:c.content.firstChild},o=t?()=>l.untrack(()=>document.importNode(i||(i=s()),!0)):()=>(i||(i=s())).cloneNode(!0);return o.cloneNode=o,o}function ce(e,t=window.document){const n=t[L]||(t[L]=new Set);for(let i=0,s=e.length;i<s;i++){const o=e[i];n.has(o)||(n.add(o),t.addEventListener(o,be))}}function M(e,t,n){l.sharedConfig.context||(n==null?e.removeAttribute(t):e.setAttribute(t,n))}function le(e,t,n,i){l.sharedConfig.context||(i==null?e.removeAttributeNS(t,n):e.setAttributeNS(t,n,i))}function fe(e,t){l.sharedConfig.context||(t==null?e.removeAttribute("class"):e.className=t)}function ae(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 s=n[0];e.addEventListener(t,n[0]=o=>s.call(e,n[1],o))}else e.addEventListener(t,n)}function ue(e,t,n={}){const i=Object.keys(t||{}),s=Object.keys(n);let o,c;for(o=0,c=s.length;o<c;o++){const r=s[o];!r||r==="undefined"||t[r]||(R(e,r,!1),delete n[r])}for(o=0,c=i.length;o<c;o++){const r=i[o],f=!!t[r];!r||r==="undefined"||n[r]===f||!f||(R(e,r,!0),n[r]=f)}return n}function v(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 s,o;for(o in n)t[o]==null&&i.removeProperty(o),delete n[o];for(o in t)s=t[o],s!==n[o]&&(i.setProperty(o,s),n[o]=s);return n}function de(e,t={},n,i){const s={};return i||l.createRenderEffect(()=>s.children=x(e,t.children,s.children)),l.createRenderEffect(()=>t.ref&&t.ref(e)),l.createRenderEffect(()=>ge(e,t,n,!0,s,!0)),s}function me(e,t,n){return l.untrack(()=>e(t,n))}function H(e,t,n,i){if(n!==void 0&&!i&&(i=[]),typeof t!="function")return x(e,t,i,n);l.createRenderEffect(s=>x(e,t(),s,n),i)}function ge(e,t,n,i,s={},o=!1){t||(t={});for(const c in s)if(!(c in t)){if(c==="children")continue;s[c]=W(e,c,null,s[c],n,o)}for(const c in t){if(c==="children"){i||x(e,t.children);continue}const r=t[c];s[c]=W(e,c,r,s[c],n,o)}}function ye(e){let t,n;return!l.sharedConfig.context||!(t=l.sharedConfig.registry.get(n=$e()))?e():(l.sharedConfig.completed&&l.sharedConfig.completed.add(t),l.sharedConfig.registry.delete(n),t)}function he(e){return e.toLowerCase().replace(/-([a-z])/g,(t,n)=>n.toUpperCase())}function R(e,t,n){const i=t.trim().split(/\s+/);for(let s=0,o=i.length;s<o;s++)e.classList.toggle(i[s],n)}function W(e,t,n,i,s,o){let c,r,f,a,u;if(t==="style")return v(e,n,i);if(t==="classList")return ue(e,n,i);if(n===i)return i;if(t==="ref")o||n(e);else if(t.slice(0,3)==="on:"){const d=t.slice(3);i&&e.removeEventListener(d,i),n&&e.addEventListener(d,n)}else if(t.slice(0,10)==="oncapture:"){const d=t.slice(10);i&&e.removeEventListener(d,i,!0),n&&e.addEventListener(d,n,!0)}else if(t.slice(0,2)==="on"){const d=t.slice(2).toLowerCase(),h=ie.has(d);if(!h&&i){const C=Array.isArray(i)?i[0]:i;e.removeEventListener(d,C)}(h||n)&&(ae(e,d,n,h),h&&ce([d]))}else if(t.slice(0,5)==="attr:")M(e,t.slice(5),n);else if((u=t.slice(0,5)==="prop:")||(f=p.has(t))||!s&&((a=ne(t,e.tagName))||(r=K.has(t)))||(c=e.nodeName.includes("-"))){if(u)t=t.slice(5),r=!0;else if(l.sharedConfig.context)return n;t==="class"||t==="className"?fe(e,n):c&&!r&&!f?e[he(t)]=n:e[a||t]=n}else{const d=s&&t.indexOf(":")>-1&&re[t.split(":")[0]];d?le(e,d,t,n):M(e,ee[t]||t,n)}return n}function be(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}}),l.sharedConfig.registry&&!l.sharedConfig.done&&(l.sharedConfig.done=_$HY.done=!0);n;){const i=n[t];if(i&&!n.disabled){const s=n[`${t}Data`];if(s!==void 0?i.call(n,s,e):i.call(n,e),e.cancelBubble)return}n=n._$host||n.parentNode||n.host}}function x(e,t,n,i,s){if(l.sharedConfig.context){!n&&(n=[...e.childNodes]);let r=[];for(let f=0;f<n.length;f++){const a=n[f];a.nodeType===8&&a.data.slice(0,2)==="!$"?a.remove():r.push(a)}n=r}for(;typeof n=="function";)n=n();if(t===n)return n;const o=typeof t,c=i!==void 0;if(e=c&&n[0]&&n[0].parentNode||e,o==="string"||o==="number"){if(l.sharedConfig.context)return n;if(o==="number"&&(t=t.toString()),c){let r=n[0];r&&r.nodeType===3?r.data=t:r=document.createTextNode(t),n=S(e,n,i,r)}else n!==""&&typeof n=="string"?n=e.firstChild.data=t:n=e.textContent=t}else if(t==null||o==="boolean"){if(l.sharedConfig.context)return n;n=S(e,n,i)}else{if(o==="function")return l.createRenderEffect(()=>{let r=t();for(;typeof r=="function";)r=r();n=x(e,r,n,i)}),()=>n;if(Array.isArray(t)){const r=[],f=n&&Array.isArray(n);if(z(r,t,n,s))return l.createRenderEffect(()=>n=x(e,r,n,i,!0)),()=>n;if(l.sharedConfig.context){if(!r.length)return n;if(i===void 0)return[...e.childNodes];let a=r[0],u=[a];for(;(a=a.nextSibling)!==i;)u.push(a);return n=u}if(r.length===0){if(n=S(e,n,i),c)return n}else f?n.length===0?B(e,r,i):oe(e,n,r):(n&&S(e),B(e,r));n=r}else if(t.nodeType){if(l.sharedConfig.context&&t.parentNode)return n=c?[t]:t;if(Array.isArray(n)){if(c)return n=S(e,n,i,t);S(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 s=!1;for(let o=0,c=t.length;o<c;o++){let r=t[o],f=n&&n[o],a;if(!(r==null||r===!0||r===!1))if((a=typeof r)=="object"&&r.nodeType)e.push(r);else if(Array.isArray(r))s=z(e,r,f)||s;else if(a==="function")if(i){for(;typeof r=="function";)r=r();s=z(e,Array.isArray(r)?r:[r],Array.isArray(f)?f:[f])||s}else e.push(r),s=!0;else{const u=String(r);f&&f.nodeType===3&&f.data===u?e.push(f):e.push(document.createTextNode(u))}}return s}function B(e,t,n=null){for(let i=0,s=t.length;i<s;i++)e.insertBefore(t[i],n)}function S(e,t,n,i){if(n===void 0)return e.textContent="";const s=i||document.createTextNode("");if(t.length){let o=!1;for(let c=t.length-1;c>=0;c--){const r=t[c];if(s!==r){const f=r.parentNode===e;!o&&!c?f?e.replaceChild(s,r):e.insertBefore(s,n):f&&r.remove()}else o=!0}}else e.insertBefore(s,n);return[s]}function $e(){const e=l.sharedConfig.context;return`${e.id}${e.count++}`}const Ce="http://www.w3.org/2000/svg";function Se(e,t=!1){return t?document.createElementNS(Ce,e):document.createElement(e)}function xe(e){const[t,n]=l.splitProps(e,["component"]),i=l.createMemo(()=>t.component);return l.createMemo(()=>{const s=i();switch(typeof s){case"function":return l.untrack(()=>s(n));case"string":const o=se.has(s),c=l.sharedConfig.context?ye():Se(s,o);return de(c,n,o),c}})}function j(e){return e??void 0}function m(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 l.createComponent(xe,l.mergeProps({get component(){return e()}},t))}function y(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 E(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:we,sizeXs:je,sizeSm:Ae,sizeMd:Pe,sizeLg:Ee,sizeXl:Ie,sizeXxl:Te,sizeContent1:Me,sizeContent2:ze,sizeContent3:Oe,sizeHeader1:ke,sizeHeader2:Ne,sizeHeader3:Le,size000:Re,size00:We,size1:Be,size2:De,size3:Ge,size4:ve,size5:He,size6:_e,size7:Fe,size8:Ve,size9:Xe,size10:qe,size11:Ue,size12:Qe,size13:Je,size14:Ye,size15:Ze}=Y,Ke={size000:Re,size00:We,size1:Be,size2:De,size3:Ge,size4:ve,size5:He,size6:_e,size7:Fe,size8:Ve,size9:Xe,size10:qe,size11:Ue,size12:Qe,size13:Je,size14:Ye,size15:Ze},pe={sizeXxs:we,sizeXs:je,sizeSm:Ae,sizeMd:Pe,sizeLg:Ee,sizeXl:Ie,sizeXxl:Te,sizeContent1:Me,sizeContent2:ze,sizeContent3:Oe,sizeHeader1:ke,sizeHeader2:Ne,sizeHeader3:Le},V=Ke,X=pe;function q(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"&&E(t)?F(t)?`var(${t})`:t:j(b(e,t))}function b(e,t){const n=e.space??V,i=q(Object.entries(n).map(([s,o])=>[s,typeof o=="number"?`${o}px`:o]));return j(i[t])}function A(e,t){if(t===void 0)return;if(typeof t=="number"&&t>=0)return`${t}px`;if(typeof t=="string"&&E(t))return F(t)?`var(${t})`:t;const n=e.sizes??X,i=q(Object.entries(n).map(([s,o])=>[s,typeof o=="number"?`${o}px`:o]));return j(i[t])}function et(e){return e===void 0?"100%":typeof e=="number"?`${e}px`:e}function tt(e){const t=()=>typeof e.style=="string"?e.style:Object.entries(e.style??{}).reduce((r,[f,a])=>r+`${f}:${a};`,""),n=()=>`--maxWidth: ${et(e.maxWidth)};`,i=()=>e.centerText?"center-text":"",s=()=>e.centerChildren?"center-children":"",o=()=>[i(),s()].filter(Boolean).join(" "),c=()=>[t(),n()].join("; ");return g(()=>e.as??"div",l.mergeProps(m(e,["as","maxWidth","centerText","centerChildren"]),y({style:c,"data-bedrock-center":o})))}const U=l.createContext({});function nt(e){return l.createComponent(U.Provider,{get value(){return e.theme},get children(){return e.children}})}function $(){try{return l.useContext(U)}catch{return{}}}function it(e,t){return A(e,t)}function st(e){const t=$(),n=()=>typeof e.style=="string"?e.style:Object.entries(e.style??{}).reduce((r,[f,a])=>r+`${f}:${a};`,""),i=()=>`--gutter: ${b(t,e.gutter??"size00")??"0px"}`,s=()=>`--minItemWidth: ${it(t,e.minItemWidth)}`,o=()=>e.noStretchedColumns===!0?"no-stretched-columns":"",c=()=>[n(),i(),s()].join("; ");return g(()=>e.as??"div",l.mergeProps(m(e,["as","gutter","minItemWidth","noStretchedColumns"]),y({style:c,"data-bedrock-column-drop":o})))}function rt(e,t){const[n,i]=l.createSignal(!1),[s,o]=l.createSignal();return l.onMount(()=>(P.init(),0)),l.createEffect(()=>{if(j(s())===void 0)return 0;t&&t(s());const c=P.registerCallback(s(),r=>{var a;const f=((a=r.borderBoxSize)==null?void 0:a.inlineSize)??r.contentRect.width;if(f>0){const u=f<=e;i(u)}return 0});return l.onCleanup(c),0}),[n,o]}function ot(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 ct(e){return Array.isArray(e)?e.join("/"):e}function lt(e){return ot(e)?ct(e):void 0}function ft(e){const t=()=>typeof e.style=="string"?e.style:Object.entries(e.style??{}).reduce((c,[r,f])=>c+`${r}:${f};`,""),n=()=>lt(e.ratio),i=()=>n()?`--ratio: ${n()}`:"",s=()=>typeof e.position=="string"?`--position: ${e.position}`:"50%",o=()=>[t(),i(),s()].join("; ");return g(()=>e.as??"div",l.mergeProps(m(e,["as","ratio","position"]),y({style:o,"data-bedrock-frame":()=>""})))}function Q(e){const t=$(),n=()=>typeof e.style=="string"?e.style:Object.entries(e.style??{}).reduce((c,[r,f])=>c+`${r}:${f};`,""),i=()=>`--gutter: ${b(t,e.gutter??"size00")??"0px"};`,s=()=>`--minItemWidth: ${typeof e.minItemWidth=="string"?e.minItemWidth:`${e.minItemWidth??0}px`};`,o=()=>[n(),i(),s()].join("; ");return g(()=>e.as??"div",l.mergeProps(m(e,["as","gutter","minItemWidth"]),y({style:o,"data-bedrock-grid":()=>""})))}const w=96;function J(e){const t=String(e),n=parseFloat(t),[,i]=t.match(/[\d.\-+]*\s*(.*)/)??["",""];return[n,i]}function N(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 at(i,n);case"em":return k(n,"font-size");case"rem":return k(document.body,"font-size");case"in":return w;case"cm":return w/2.54;case"mm":return w/25.4;case"pt":return w/72;case"pc":return w/6;case"px":return 1;default:{const[s,o]=J(i);if(isNaN(s))return;if(!o)return s;const c=N(o,t);return typeof c=="number"?s*c:void 0}}}function k(e,t){const[n,i]=J(getComputedStyle(e).getPropertyValue(t));return n*(N(i,e)??1)}function at(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}const ut=G("<div>"),T=1,dt=typeof window=="object"&&typeof document=="object"&&document.nodeType===9,mt=e=>{const[t,n]=l.createSignal(1),[i,s]=l.createSignal(),o=$();return l.onMount(()=>(P.init(),0)),l.createEffect(()=>{const c=j(i());if(c===void 0)return;const r=P.registerCallback(c,({target:f})=>{n(1);const a=e.gutter?b(o,e.gutter)??"1px":"1px",u=dt?N(a,f):void 0,d=Math.max(u??T,T),[h]=Array.from(f.children),C=1+Math.min(f.scrollHeight,h.scrollHeight),I=Math.max(Math.ceil(C/d),T);return n(I),0});return l.onCleanup(r),0}),(()=>{const c=ut();return me(s,c),H(c,()=>e.children),l.createRenderEffect(r=>v(c,`grid-row: span ${t()};`,r)),c})()},gt=e=>{const t=l.children(()=>e.children),i=[].concat(t()).filter(Boolean).map(s=>l.createComponent(mt,{get gutter(){return e.gutter},children:s}));return l.createComponent(Q,l.mergeProps({style:"grid-template-rows: 1px;"},e,{children:i}))},yt={start:"justify:start",end:"justify:end",center:"justify:center"},ht={start:"align:start",end:"align:end",center:"align:center",stretch:"align:stretch"};function bt(e){const t=$(),n=()=>typeof e.style=="string"?e.style:Object.entries(e.style??{}).reduce((f,[a,u])=>f+`${a}:${u};`,""),i=()=>`--gutter: ${b(t,e.gutter??"size00")??"0px"};`,s=()=>e.justify!==void 0?yt[e.justify]:void 0,o=()=>e.align!==void 0?ht[e.align]:void 0,c=()=>[n(),i()].join("; "),r=()=>[s(),o()].filter(Boolean).join(" ");return g(()=>e.as??"div",l.mergeProps(m(e,["as","gutter","justify","align"]),y({style:c,"data-bedrock-inline-cluster":r})))}const $t={start:"justify:start",end:"justify:end",center:"justify:center"},Ct={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((d,[h,C])=>d+`${h}:${C};`,""),i=()=>`--gutter: ${b(t,e.gutter??"size00")??"0px"};`,s=()=>e.minItemWidth?`--minItemWidth: ${typeof e.minItemWidth=="string"?e.minItemWidth:`${e.minItemWidth}px`};`:void 0,o=()=>e.switchAt?`--switchAt: ${A(t,e.switchAt)??"0px"};`:"",c=()=>e.justify!==void 0?$t[e.justify]:void 0,r=()=>e.align!==void 0?Ct[e.align]:void 0,f=()=>e.stretch?`stretch:${e.stretch}`:void 0,a=()=>[n(),i(),o(),s()].join("; "),u=()=>[c(),r(),f()].filter(Boolean).join(" ");return g(()=>e.as??"div",l.mergeProps(m(e,["as","gutter","justify","align","stretch","switchAt"]),y({style:a,"data-bedrock-inline":u})))}const xt=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],wt=(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,[s,o])=>({...i,[xt(s)]:O(e,o)??"0px"}),{}):{padding:Array.from(Array.isArray(t)?t:[t]).map(i=>O(e,i)??"0px").join(" ")};return Object.entries(n).reduce((i,[s,o])=>i+`${s}:${o};`,"")};function jt(e){const t=$(),n=()=>typeof e.style=="string"?e.style:Object.entries(e.style??{}).reduce((o,[c,r])=>o+`${c}:${r};`,""),i=()=>wt(t,e.padding),s=()=>[n(),i()].join("; ");return g(()=>e.as??"div",l.mergeProps(m(e,["as","padding"]),y({style:s,"data-bedrock-padbox":()=>""})))}function At(e){const t=$(),n=()=>typeof e.style=="string"?e.style:Object.entries(e.style??{}).reduce((c,[r,f])=>c+`${r}:${f};`,""),i=()=>`--gutter: ${b(t,e.gutter??"size00")??"0px"};`,s=()=>{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",l.mergeProps(m(e,["as","gutter"]),y({style:o,"data-bedrock-reel":s})))}const D={"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 Pt(e){const t=$(),n=()=>typeof e.style=="string"?e.style:Object.entries(e.style??{}).reduce((f,[a,u])=>f+`${a}:${u};`,""),i=()=>e.switchAt?`--switchAt: ${A(t,e.switchAt)??"0px"};`:"",s=()=>`--gutter: ${b(t,e.gutter??"size00")??"0px"};`,o=()=>D[e.fraction??"1/2"]??D["1/2"],c=()=>e.minItemWidth?`--minItemWidth: ${typeof e.minItemWidth=="string"?e.minItemWidth:`${e.minItemWidth}px`};`:void 0,r=()=>[n(),s(),i(),c()].join("; ");return g(()=>e.as??"div",l.mergeProps(m(e,["as","gutter","fraction"]),y({style:r,"data-bedrock-split":o})))}function Et(e){const t=$(),n=()=>typeof e.style=="string"?e.style:Object.entries(e.style??{}).reduce((o,[c,r])=>o+`${c}:${r};`,""),i=()=>`--gutter: ${b(t,e.gutter??"size00")??"0px"};`,s=()=>[n(),i()].join("; ");return g(()=>e.as??"div",l.mergeProps(m(e,["as","gutter"]),y({style:s,"data-bedrock-stack":()=>""})))}const It=G("<div data-bedrock-cover-centered>");function Tt(e){return typeof e=="number"?`${e}px`:e&&E(e)?e:"100vh"}function Mt(e){const t=$(),n=()=>typeof e.style=="string"?e.style:Object.entries(e.style??{}).reduce((r,[f,a])=>r+`${f}:${a};`,""),i=()=>`--gutter: ${b(t,e.gutter??"size00")??"0px"};`,s=()=>`--minHeight: ${Tt(e.minHeight)};`,o=()=>e.stretchContent===!0?"stretch-content":"",c=()=>[n(),i(),s()].join("; ");return g(()=>e.as??"div",l.mergeProps(m(e,["as","minHeight","stretchContent"]),y({style:c,"data-bedrock-cover":o})))}function zt(e){const[t,n]=l.splitProps(e,["children","top","bottom"]);return l.createComponent(Mt,l.mergeProps(n,{get children(){return[l.createMemo(()=>t.top),(()=>{const i=It();return H(i,()=>t.children),i})(),l.createMemo(()=>t.bottom)]}}))}function Ot(e){const t=$(),n=()=>typeof e.style=="string"?e.style:Object.entries(e.style??{}).reduce((r,[f,a])=>r+`${f}:${a};`,""),i=()=>`--gutter: ${b(t,e.gutter??"size00")??"0px"};`,s=()=>`--columns: ${e.columns&&e.columns>0?e.columns:1};`,o=()=>e.switchAt?`--switchAt: ${A(t,e.switchAt)??"0px"};`:"",c=()=>[n(),i(),s(),o()].join("; ");return g(()=>e.as??"div",l.mergeProps(m(e,["as","gutter","columns","switchAt"]),y({style:c,"data-bedrock-columns":()=>""})))}const kt=e=>typeof e=="number"?e:1;function Nt(e){const t=()=>typeof e.style=="string"?e.style:Object.entries(e.style??{}).reduce((c,[r,f])=>c+`${r}:${f};`,""),n=()=>`--span: ${kt(e.span)};`,i=()=>e.offsetStart&&e.offsetStart>0?`--offsetStart: ${e.offsetStart};`:"",s=()=>e.offsetEnd&&e.offsetEnd>0?`--offsetEnd: ${e.offsetEnd};`:"",o=()=>[t(),n(),i(),s()].join("; ");return g(()=>e.as??"div",l.mergeProps(m(e,["as","span","offsetStart","offsetEnd"]),y({style:o,"data-bedrock-column":()=>""})))}exports.Center=tt;exports.Column=Nt;exports.ColumnDrop=st;exports.Columns=Ot;exports.Cover=zt;exports.Frame=ft;exports.Grid=Q;exports.Inline=St;exports.InlineCluster=bt;exports.MasonryGrid=gt;exports.PadBox=jt;exports.Reel=At;exports.Split=Pt;exports.Stack=Et;exports.ThemeProvider=nt;exports.checkIsCSSLength=E;exports.createContainerQuery=rt;exports.getSafeGutter=O;exports.getSizeValue=A;exports.getSpacingValue=b;exports.sizes=X;exports.spacing=V;exports.useTheme=$;
package/lib/index.m.js CHANGED
@@ -1,10 +1,49 @@
1
1
  import se from "open-props";
2
- import { createRenderEffect as w, sharedConfig as d, splitProps as V, createMemo as I, $DEVCOMP as oe, untrack as W, createComponent as E, mergeProps as y, createContext as ce, useContext as re, createSignal as T, onMount as X, createEffect as U, onCleanup as q, children as le } from "solid-js";
2
+ import { createRenderEffect as w, sharedConfig as d, splitProps as V, createMemo as T, untrack as W, createComponent as E, mergeProps as y, createContext as oe, useContext as ce, createSignal as O, onMount as X, createEffect as U, onCleanup as q, children as re } from "solid-js";
3
3
  import { init as Q, registerCallback as Y } from "@bedrock-layout/register-resize-callback";
4
- const fe = ["allowfullscreen", "async", "autofocus", "autoplay", "checked", "controls", "default", "disabled", "formnovalidate", "hidden", "indeterminate", "ismap", "loop", "multiple", "muted", "nomodule", "novalidate", "open", "playsinline", "readonly", "required", "reversed", "seamless", "selected"], ae = /* @__PURE__ */ new Set(["className", "value", "readOnly", "formNoValidate", "isMap", "noModule", "playsInline", ...fe]), ue = /* @__PURE__ */ new Set(["innerHTML", "textContent", "innerText", "children"]), de = /* @__PURE__ */ Object.assign(/* @__PURE__ */ Object.create(null), {
4
+ const le = [
5
+ "allowfullscreen",
6
+ "async",
7
+ "autofocus",
8
+ "autoplay",
9
+ "checked",
10
+ "controls",
11
+ "default",
12
+ "disabled",
13
+ "formnovalidate",
14
+ "hidden",
15
+ "indeterminate",
16
+ "ismap",
17
+ "loop",
18
+ "multiple",
19
+ "muted",
20
+ "nomodule",
21
+ "novalidate",
22
+ "open",
23
+ "playsinline",
24
+ "readonly",
25
+ "required",
26
+ "reversed",
27
+ "seamless",
28
+ "selected"
29
+ ], fe = /* @__PURE__ */ new Set([
30
+ "className",
31
+ "value",
32
+ "readOnly",
33
+ "formNoValidate",
34
+ "isMap",
35
+ "noModule",
36
+ "playsInline",
37
+ ...le
38
+ ]), ae = /* @__PURE__ */ new Set([
39
+ "innerHTML",
40
+ "textContent",
41
+ "innerText",
42
+ "children"
43
+ ]), ue = /* @__PURE__ */ Object.assign(/* @__PURE__ */ Object.create(null), {
5
44
  className: "class",
6
45
  htmlFor: "for"
7
- }), ye = /* @__PURE__ */ Object.assign(/* @__PURE__ */ Object.create(null), {
46
+ }), de = /* @__PURE__ */ Object.assign(/* @__PURE__ */ Object.create(null), {
8
47
  class: "className",
9
48
  formnovalidate: {
10
49
  $: "formNoValidate",
@@ -29,11 +68,34 @@ const fe = ["allowfullscreen", "async", "autofocus", "autoplay", "checked", "con
29
68
  TEXTAREA: 1
30
69
  }
31
70
  });
32
- function me(e, t) {
33
- const n = ye[e];
71
+ function ye(e, t) {
72
+ const n = de[e];
34
73
  return typeof n == "object" ? n[t] ? n.$ : void 0 : n;
35
74
  }
36
- const he = /* @__PURE__ */ new Set(["beforeinput", "click", "dblclick", "contextmenu", "focusin", "focusout", "input", "keydown", "keyup", "mousedown", "mousemove", "mouseout", "mouseover", "mouseup", "pointerdown", "pointermove", "pointerout", "pointerover", "pointerup", "touchend", "touchmove", "touchstart"]), ge = /* @__PURE__ */ new Set([
75
+ const me = /* @__PURE__ */ new Set([
76
+ "beforeinput",
77
+ "click",
78
+ "dblclick",
79
+ "contextmenu",
80
+ "focusin",
81
+ "focusout",
82
+ "input",
83
+ "keydown",
84
+ "keyup",
85
+ "mousedown",
86
+ "mousemove",
87
+ "mouseout",
88
+ "mouseover",
89
+ "mouseup",
90
+ "pointerdown",
91
+ "pointermove",
92
+ "pointerout",
93
+ "pointerover",
94
+ "pointerup",
95
+ "touchend",
96
+ "touchmove",
97
+ "touchstart"
98
+ ]), he = /* @__PURE__ */ new Set([
37
99
  "altGlyph",
38
100
  "altGlyphDef",
39
101
  "altGlyphItem",
@@ -110,11 +172,11 @@ const he = /* @__PURE__ */ new Set(["beforeinput", "click", "dblclick", "context
110
172
  "use",
111
173
  "view",
112
174
  "vkern"
113
- ]), $e = {
175
+ ]), ge = {
114
176
  xlink: "http://www.w3.org/1999/xlink",
115
177
  xml: "http://www.w3.org/XML/1998/namespace"
116
178
  };
117
- function be(e, t, n) {
179
+ function $e(e, t, n) {
118
180
  let i = n.length, s = t.length, c = i, r = 0, o = 0, l = t[s - 1].nextSibling, f = null;
119
181
  for (; r < s || o < c; ) {
120
182
  if (t[r] === n[o]) {
@@ -147,9 +209,9 @@ function be(e, t, n) {
147
209
  for (; ++u < s && u < c && !((S = f.get(t[u])) == null || S !== a + $); )
148
210
  $++;
149
211
  if ($ > a - o) {
150
- const M = t[r];
212
+ const z = t[r];
151
213
  for (; o < a; )
152
- e.insertBefore(n[o++], M);
214
+ e.insertBefore(n[o++], z);
153
215
  } else
154
216
  e.replaceChild(n[o++], t[r++]);
155
217
  } else
@@ -159,7 +221,7 @@ function be(e, t, n) {
159
221
  }
160
222
  }
161
223
  }
162
- const R = "_$DX_DELEGATE";
224
+ const D = "_$DX_DELEGATE";
163
225
  function J(e, t, n) {
164
226
  let i;
165
227
  const s = () => {
@@ -168,23 +230,23 @@ function J(e, t, n) {
168
230
  }, c = t ? () => W(() => document.importNode(i || (i = s()), !0)) : () => (i || (i = s())).cloneNode(!0);
169
231
  return c.cloneNode = c, c;
170
232
  }
171
- function xe(e, t = window.document) {
172
- const n = t[R] || (t[R] = /* @__PURE__ */ new Set());
233
+ function be(e, t = window.document) {
234
+ const n = t[D] || (t[D] = /* @__PURE__ */ new Set());
173
235
  for (let i = 0, s = e.length; i < s; i++) {
174
236
  const c = e[i];
175
- n.has(c) || (n.add(c), t.addEventListener(c, Pe));
237
+ n.has(c) || (n.add(c), t.addEventListener(c, Oe));
176
238
  }
177
239
  }
178
- function k(e, t, n) {
179
- n == null ? e.removeAttribute(t) : e.setAttribute(t, n);
240
+ function N(e, t, n) {
241
+ d.context || (n == null ? e.removeAttribute(t) : e.setAttribute(t, n));
180
242
  }
181
- function Se(e, t, n, i) {
182
- i == null ? e.removeAttributeNS(t, n) : e.setAttributeNS(t, n, i);
243
+ function xe(e, t, n, i) {
244
+ d.context || (i == null ? e.removeAttributeNS(t, n) : e.setAttributeNS(t, n, i));
183
245
  }
184
- function we(e, t) {
185
- t == null ? e.removeAttribute("class") : e.className = t;
246
+ function Se(e, t) {
247
+ d.context || (t == null ? e.removeAttribute("class") : e.className = t);
186
248
  }
187
- function je(e, t, n, i) {
249
+ function we(e, t, n, i) {
188
250
  if (i)
189
251
  Array.isArray(n) ? (e[`$$${t}`] = n[0], e[`$$${t}Data`] = n[1]) : e[`$$${t}`] = n;
190
252
  else if (Array.isArray(n)) {
@@ -193,22 +255,22 @@ function je(e, t, n, i) {
193
255
  } else
194
256
  e.addEventListener(t, n);
195
257
  }
196
- function Ae(e, t, n = {}) {
258
+ function je(e, t, n = {}) {
197
259
  const i = Object.keys(t || {}), s = Object.keys(n);
198
260
  let c, r;
199
261
  for (c = 0, r = s.length; c < r; c++) {
200
262
  const o = s[c];
201
- !o || o === "undefined" || t[o] || (v(e, o, !1), delete n[o]);
263
+ !o || o === "undefined" || t[o] || (G(e, o, !1), delete n[o]);
202
264
  }
203
265
  for (c = 0, r = i.length; c < r; c++) {
204
266
  const o = i[c], l = !!t[o];
205
- !o || o === "undefined" || n[o] === l || !l || (v(e, o, !0), n[o] = l);
267
+ !o || o === "undefined" || n[o] === l || !l || (G(e, o, !0), n[o] = l);
206
268
  }
207
269
  return n;
208
270
  }
209
271
  function Z(e, t, n) {
210
272
  if (!t)
211
- return n ? k(e, "style") : t;
273
+ return n ? N(e, "style") : t;
212
274
  const i = e.style;
213
275
  if (typeof t == "string")
214
276
  return i.cssText = t;
@@ -220,11 +282,13 @@ function Z(e, t, n) {
220
282
  s = t[c], s !== n[c] && (i.setProperty(c, s), n[c] = s);
221
283
  return n;
222
284
  }
223
- function Ce(e, t = {}, n, i) {
285
+ function Ae(e, t = {}, n, i) {
224
286
  const s = {};
225
- return i || w(() => s.children = A(e, t.children, s.children)), w(() => t.ref && t.ref(e)), w(() => Oe(e, t, n, !0, s, !0)), s;
287
+ return i || w(
288
+ () => s.children = A(e, t.children, s.children)
289
+ ), w(() => t.ref && t.ref(e)), w(() => Ee(e, t, n, !0, s, !0)), s;
226
290
  }
227
- function Ee(e, t, n) {
291
+ function Ce(e, t, n) {
228
292
  return W(() => e(t, n));
229
293
  }
230
294
  function K(e, t, n, i) {
@@ -232,7 +296,7 @@ function K(e, t, n, i) {
232
296
  return A(e, t, i, n);
233
297
  w((s) => A(e, t(), s, n), i);
234
298
  }
235
- function Oe(e, t, n, i, s = {}, c = !1) {
299
+ function Ee(e, t, n, i, s = {}, c = !1) {
236
300
  t || (t = {});
237
301
  for (const r in s)
238
302
  if (!(r in t)) {
@@ -251,17 +315,12 @@ function Oe(e, t, n, i, s = {}, c = !1) {
251
315
  }
252
316
  function Ie(e) {
253
317
  let t, n;
254
- if (!d.context || !(t = d.registry.get(n = Me()))) {
255
- if (d.context && console.warn("Unable to find DOM nodes for hydration key:", n), !e)
256
- throw new Error("Unrecoverable Hydration Mismatch. No template for key: " + n);
257
- return e();
258
- }
259
- return d.completed && d.completed.add(t), d.registry.delete(n), t;
318
+ return !d.context || !(t = d.registry.get(n = Pe())) ? e() : (d.completed && d.completed.add(t), d.registry.delete(n), t);
260
319
  }
261
320
  function Te(e) {
262
321
  return e.toLowerCase().replace(/-([a-z])/g, (t, n) => n.toUpperCase());
263
322
  }
264
- function v(e, t, n) {
323
+ function G(e, t, n) {
265
324
  const i = t.trim().split(/\s+/);
266
325
  for (let s = 0, c = i.length; s < c; s++)
267
326
  e.classList.toggle(i[s], n);
@@ -271,7 +330,7 @@ function H(e, t, n, i, s, c) {
271
330
  if (t === "style")
272
331
  return Z(e, n, i);
273
332
  if (t === "classList")
274
- return Ae(e, n, i);
333
+ return je(e, n, i);
275
334
  if (n === i)
276
335
  return i;
277
336
  if (t === "ref")
@@ -283,23 +342,27 @@ function H(e, t, n, i, s, c) {
283
342
  const u = t.slice(10);
284
343
  i && e.removeEventListener(u, i, !0), n && e.addEventListener(u, n, !0);
285
344
  } else if (t.slice(0, 2) === "on") {
286
- const u = t.slice(2).toLowerCase(), $ = he.has(u);
345
+ const u = t.slice(2).toLowerCase(), $ = me.has(u);
287
346
  if (!$ && i) {
288
347
  const S = Array.isArray(i) ? i[0] : i;
289
348
  e.removeEventListener(u, S);
290
349
  }
291
- ($ || n) && (je(e, u, n, $), $ && xe([u]));
350
+ ($ || n) && (we(e, u, n, $), $ && be([u]));
292
351
  } else if (t.slice(0, 5) === "attr:")
293
- k(e, t.slice(5), n);
294
- else if ((a = t.slice(0, 5) === "prop:") || (l = ue.has(t)) || !s && ((f = me(t, e.tagName)) || (o = ae.has(t))) || (r = e.nodeName.includes("-")))
295
- a && (t = t.slice(5), o = !0), t === "class" || t === "className" ? we(e, n) : r && !o && !l ? e[Te(t)] = n : e[f || t] = n;
296
- else {
297
- const u = s && t.indexOf(":") > -1 && $e[t.split(":")[0]];
298
- u ? Se(e, u, t, n) : k(e, de[t] || t, n);
352
+ N(e, t.slice(5), n);
353
+ else if ((a = t.slice(0, 5) === "prop:") || (l = ae.has(t)) || !s && ((f = ye(t, e.tagName)) || (o = fe.has(t))) || (r = e.nodeName.includes("-"))) {
354
+ if (a)
355
+ t = t.slice(5), o = !0;
356
+ else if (d.context)
357
+ return n;
358
+ t === "class" || t === "className" ? Se(e, n) : r && !o && !l ? e[Te(t)] = n : e[f || t] = n;
359
+ } else {
360
+ const u = s && t.indexOf(":") > -1 && ge[t.split(":")[0]];
361
+ u ? xe(e, u, t, n) : N(e, ue[t] || t, n);
299
362
  }
300
363
  return n;
301
364
  }
302
- function Pe(e) {
365
+ function Oe(e) {
303
366
  const t = `$$${e.type}`;
304
367
  let n = e.composedPath && e.composedPath()[0] || e.target;
305
368
  for (e.target !== n && Object.defineProperty(e, "target", {
@@ -357,20 +420,23 @@ function A(e, t, n, i, s) {
357
420
  }), () => n;
358
421
  if (Array.isArray(t)) {
359
422
  const o = [], l = n && Array.isArray(n);
360
- if (N(o, t, n, s))
423
+ if (k(o, t, n, s))
361
424
  return w(() => n = A(e, o, n, i, !0)), () => n;
362
425
  if (d.context) {
363
426
  if (!o.length)
364
427
  return n;
365
- for (let f = 0; f < o.length; f++)
366
- if (o[f].parentNode)
367
- return n = o;
428
+ if (i === void 0)
429
+ return [...e.childNodes];
430
+ let f = o[0], a = [f];
431
+ for (; (f = f.nextSibling) !== i; )
432
+ a.push(f);
433
+ return n = a;
368
434
  }
369
435
  if (o.length === 0) {
370
436
  if (n = j(e, n, i), r)
371
437
  return n;
372
438
  } else
373
- l ? n.length === 0 ? G(e, o, i) : be(e, n, o) : (n && j(e), G(e, o));
439
+ l ? n.length === 0 ? v(e, o, i) : $e(e, n, o) : (n && j(e), v(e, o));
374
440
  n = o;
375
441
  } else if (t.nodeType) {
376
442
  if (d.context && t.parentNode)
@@ -382,12 +448,11 @@ function A(e, t, n, i, s) {
382
448
  } else
383
449
  n == null || n === "" || !e.firstChild ? e.appendChild(t) : e.replaceChild(t, e.firstChild);
384
450
  n = t;
385
- } else
386
- console.warn("Unrecognized value. Skipped inserting", t);
451
+ }
387
452
  }
388
453
  return n;
389
454
  }
390
- function N(e, t, n, i) {
455
+ function k(e, t, n, i) {
391
456
  let s = !1;
392
457
  for (let c = 0, r = t.length; c < r; c++) {
393
458
  let o = t[c], l = n && n[c], f;
@@ -395,12 +460,16 @@ function N(e, t, n, i) {
395
460
  if ((f = typeof o) == "object" && o.nodeType)
396
461
  e.push(o);
397
462
  else if (Array.isArray(o))
398
- s = N(e, o, l) || s;
463
+ s = k(e, o, l) || s;
399
464
  else if (f === "function")
400
465
  if (i) {
401
466
  for (; typeof o == "function"; )
402
467
  o = o();
403
- s = N(e, Array.isArray(o) ? o : [o], Array.isArray(l) ? l : [l]) || s;
468
+ s = k(
469
+ e,
470
+ Array.isArray(o) ? o : [o],
471
+ Array.isArray(l) ? l : [l]
472
+ ) || s;
404
473
  } else
405
474
  e.push(o), s = !0;
406
475
  else {
@@ -410,7 +479,7 @@ function N(e, t, n, i) {
410
479
  }
411
480
  return s;
412
481
  }
413
- function G(e, t, n = null) {
482
+ function v(e, t, n = null) {
414
483
  for (let i = 0, s = t.length; i < s; i++)
415
484
  e.insertBefore(t[i], n);
416
485
  }
@@ -432,30 +501,28 @@ function j(e, t, n, i) {
432
501
  e.insertBefore(s, n);
433
502
  return [s];
434
503
  }
435
- function Me() {
504
+ function Pe() {
436
505
  const e = d.context;
437
506
  return `${e.id}${e.count++}`;
438
507
  }
439
508
  const ze = "http://www.w3.org/2000/svg";
440
- function ke(e, t = !1) {
509
+ function Me(e, t = !1) {
441
510
  return t ? document.createElementNS(ze, e) : document.createElement(e);
442
511
  }
443
512
  function Ne(e) {
444
- const [t, n] = V(e, ["component"]), i = I(() => t.component);
445
- return I(() => {
513
+ const [t, n] = V(e, ["component"]), i = T(() => t.component);
514
+ return T(() => {
446
515
  const s = i();
447
516
  switch (typeof s) {
448
517
  case "function":
449
- return Object.assign(s, {
450
- [oe]: !0
451
- }), W(() => s(n));
518
+ return W(() => s(n));
452
519
  case "string":
453
- const c = ge.has(s), r = d.context ? Ie() : ke(s, c);
454
- return Ce(r, n, c), r;
520
+ const c = he.has(s), r = d.context ? Ie() : Me(s, c);
521
+ return Ae(r, n, c), r;
455
522
  }
456
523
  });
457
524
  }
458
- function O(e) {
525
+ function I(e) {
459
526
  return e ?? void 0;
460
527
  }
461
528
  function m(e, t) {
@@ -498,69 +565,69 @@ function B(e) {
498
565
  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}\)$/, p].some((t) => t.test(e));
499
566
  }
500
567
  const {
501
- sizeXxs: Le,
502
- sizeXs: We,
503
- sizeSm: Be,
504
- sizeMd: De,
568
+ sizeXxs: ke,
569
+ sizeXs: Le,
570
+ sizeSm: We,
571
+ sizeMd: Be,
505
572
  sizeLg: Re,
506
- sizeXl: ve,
507
- sizeXxl: He,
508
- sizeContent1: Ge,
509
- sizeContent2: _e,
510
- sizeContent3: Fe,
511
- sizeHeader1: Ve,
512
- sizeHeader2: Xe,
513
- sizeHeader3: Ue,
514
- size000: qe,
515
- size00: Qe,
516
- size1: Ye,
517
- size2: Je,
518
- size3: Ze,
519
- size4: Ke,
520
- size5: pe,
521
- size6: et,
522
- size7: tt,
523
- size8: nt,
524
- size9: it,
525
- size10: st,
526
- size11: ot,
527
- size12: ct,
528
- size13: rt,
529
- size14: lt,
530
- size15: ft
531
- } = se, at = {
532
- size000: qe,
533
- size00: Qe,
534
- size1: Ye,
535
- size2: Je,
536
- size3: Ze,
537
- size4: Ke,
538
- size5: pe,
539
- size6: et,
540
- size7: tt,
541
- size8: nt,
542
- size9: it,
543
- size10: st,
544
- size11: ot,
545
- size12: ct,
546
- size13: rt,
547
- size14: lt,
548
- size15: ft
549
- }, ut = {
550
- sizeXxs: Le,
551
- sizeXs: We,
552
- sizeSm: Be,
553
- sizeMd: De,
573
+ sizeXl: De,
574
+ sizeXxl: Ge,
575
+ sizeContent1: He,
576
+ sizeContent2: ve,
577
+ sizeContent3: _e,
578
+ sizeHeader1: Fe,
579
+ sizeHeader2: Ve,
580
+ sizeHeader3: Xe,
581
+ size000: Ue,
582
+ size00: qe,
583
+ size1: Qe,
584
+ size2: Ye,
585
+ size3: Je,
586
+ size4: Ze,
587
+ size5: Ke,
588
+ size6: pe,
589
+ size7: et,
590
+ size8: tt,
591
+ size9: nt,
592
+ size10: it,
593
+ size11: st,
594
+ size12: ot,
595
+ size13: ct,
596
+ size14: rt,
597
+ size15: lt
598
+ } = se, ft = {
599
+ size000: Ue,
600
+ size00: qe,
601
+ size1: Qe,
602
+ size2: Ye,
603
+ size3: Je,
604
+ size4: Ze,
605
+ size5: Ke,
606
+ size6: pe,
607
+ size7: et,
608
+ size8: tt,
609
+ size9: nt,
610
+ size10: it,
611
+ size11: st,
612
+ size12: ot,
613
+ size13: ct,
614
+ size14: rt,
615
+ size15: lt
616
+ }, at = {
617
+ sizeXxs: ke,
618
+ sizeXs: Le,
619
+ sizeSm: We,
620
+ sizeMd: Be,
554
621
  sizeLg: Re,
555
- sizeXl: ve,
556
- sizeXxl: He,
557
- sizeContent1: Ge,
558
- sizeContent2: _e,
559
- sizeContent3: Fe,
560
- sizeHeader1: Ve,
561
- sizeHeader2: Xe,
562
- sizeHeader3: Ue
563
- }, dt = at, yt = ut;
622
+ sizeXl: De,
623
+ sizeXxl: Ge,
624
+ sizeContent1: He,
625
+ sizeContent2: ve,
626
+ sizeContent3: _e,
627
+ sizeHeader1: Fe,
628
+ sizeHeader2: Ve,
629
+ sizeHeader3: Xe
630
+ }, ut = ft, dt = at;
564
631
  function te(e) {
565
632
  return e.reduce((t, [n, i]) => ({
566
633
  ...t,
@@ -569,11 +636,11 @@ function te(e) {
569
636
  }
570
637
  function _(e, t) {
571
638
  if (t !== void 0)
572
- return typeof t == "number" && t >= 0 ? `${t}px` : typeof t == "string" && B(t) ? ee(t) ? `var(${t})` : t : O(b(e, t));
639
+ return typeof t == "number" && t >= 0 ? `${t}px` : typeof t == "string" && B(t) ? ee(t) ? `var(${t})` : t : I(b(e, t));
573
640
  }
574
641
  function b(e, t) {
575
- const n = e.space ?? dt, i = te(Object.entries(n).map(([s, c]) => [s, typeof c == "number" ? `${c}px` : c]));
576
- return O(i[t]);
642
+ const n = e.space ?? ut, i = te(Object.entries(n).map(([s, c]) => [s, typeof c == "number" ? `${c}px` : c]));
643
+ return I(i[t]);
577
644
  }
578
645
  function P(e, t) {
579
646
  if (t === void 0)
@@ -582,20 +649,20 @@ function P(e, t) {
582
649
  return `${t}px`;
583
650
  if (typeof t == "string" && B(t))
584
651
  return ee(t) ? `var(${t})` : t;
585
- const n = e.sizes ?? yt, i = te(Object.entries(n).map(([s, c]) => [s, typeof c == "number" ? `${c}px` : c]));
586
- return O(i[t]);
652
+ const n = e.sizes ?? dt, i = te(Object.entries(n).map(([s, c]) => [s, typeof c == "number" ? `${c}px` : c]));
653
+ return I(i[t]);
587
654
  }
588
- function mt(e) {
655
+ function yt(e) {
589
656
  return e === void 0 ? "100%" : typeof e == "number" ? `${e}px` : e;
590
657
  }
591
- function Dt(e) {
592
- const t = () => typeof e.style == "string" ? e.style : Object.entries(e.style ?? {}).reduce((o, [l, f]) => o + `${l}:${f};`, ""), n = () => `--maxWidth: ${mt(e.maxWidth)};`, i = () => e.centerText ? "center-text" : "", s = () => e.centerChildren ? "center-children" : "", c = () => [i(), s()].filter(Boolean).join(" "), r = () => [t(), n()].join("; ");
658
+ function Bt(e) {
659
+ const t = () => typeof e.style == "string" ? e.style : Object.entries(e.style ?? {}).reduce((o, [l, f]) => o + `${l}:${f};`, ""), n = () => `--maxWidth: ${yt(e.maxWidth)};`, i = () => e.centerText ? "center-text" : "", s = () => e.centerChildren ? "center-children" : "", c = () => [i(), s()].filter(Boolean).join(" "), r = () => [t(), n()].join("; ");
593
660
  return h(() => e.as ?? "div", y(m(e, ["as", "maxWidth", "centerText", "centerChildren"]), g({
594
661
  style: r,
595
662
  "data-bedrock-center": c
596
663
  })));
597
664
  }
598
- const ne = ce({});
665
+ const ne = oe({});
599
666
  function Rt(e) {
600
667
  return E(ne.Provider, {
601
668
  get value() {
@@ -608,25 +675,25 @@ function Rt(e) {
608
675
  }
609
676
  function x() {
610
677
  try {
611
- return re(ne);
678
+ return ce(ne);
612
679
  } catch {
613
680
  return {};
614
681
  }
615
682
  }
616
- function ht(e, t) {
683
+ function mt(e, t) {
617
684
  return P(e, t);
618
685
  }
619
- function vt(e) {
620
- const t = x(), n = () => typeof e.style == "string" ? e.style : Object.entries(e.style ?? {}).reduce((o, [l, f]) => o + `${l}:${f};`, ""), i = () => `--gutter: ${b(t, e.gutter ?? "size00") ?? "0px"}`, s = () => `--minItemWidth: ${ht(t, e.minItemWidth)}`, c = () => e.noStretchedColumns === !0 ? "no-stretched-columns" : "", r = () => [n(), i(), s()].join("; ");
686
+ function Dt(e) {
687
+ const t = x(), n = () => typeof e.style == "string" ? e.style : Object.entries(e.style ?? {}).reduce((o, [l, f]) => o + `${l}:${f};`, ""), i = () => `--gutter: ${b(t, e.gutter ?? "size00") ?? "0px"}`, s = () => `--minItemWidth: ${mt(t, e.minItemWidth)}`, c = () => e.noStretchedColumns === !0 ? "no-stretched-columns" : "", r = () => [n(), i(), s()].join("; ");
621
688
  return h(() => e.as ?? "div", y(m(e, ["as", "gutter", "minItemWidth", "noStretchedColumns"]), g({
622
689
  style: r,
623
690
  "data-bedrock-column-drop": c
624
691
  })));
625
692
  }
626
- function Ht(e, t) {
627
- const [n, i] = T(!1), [s, c] = T();
693
+ function Gt(e, t) {
694
+ const [n, i] = O(!1), [s, c] = O();
628
695
  return X(() => (Q(), 0)), U(() => {
629
- if (O(s()) === void 0)
696
+ if (I(s()) === void 0)
630
697
  return 0;
631
698
  t && t(s());
632
699
  const r = Y(s(), (o) => {
@@ -641,23 +708,23 @@ function Ht(e, t) {
641
708
  return q(r), 0;
642
709
  }), [n, c];
643
710
  }
644
- function gt(e) {
711
+ function ht(e) {
645
712
  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);
646
713
  }
647
- function $t(e) {
714
+ function gt(e) {
648
715
  return Array.isArray(e) ? e.join("/") : e;
649
716
  }
650
- function bt(e) {
651
- return gt(e) ? $t(e) : void 0;
717
+ function $t(e) {
718
+ return ht(e) ? gt(e) : void 0;
652
719
  }
653
- function Gt(e) {
654
- const t = () => typeof e.style == "string" ? e.style : Object.entries(e.style ?? {}).reduce((r, [o, l]) => r + `${o}:${l};`, ""), n = () => bt(e.ratio), i = () => n() ? `--ratio: ${n()}` : "", s = () => typeof e.position == "string" ? `--position: ${e.position}` : "50%", c = () => [t(), i(), s()].join("; ");
720
+ function Ht(e) {
721
+ const t = () => typeof e.style == "string" ? e.style : Object.entries(e.style ?? {}).reduce((r, [o, l]) => r + `${o}:${l};`, ""), n = () => $t(e.ratio), i = () => n() ? `--ratio: ${n()}` : "", s = () => typeof e.position == "string" ? `--position: ${e.position}` : "50%", c = () => [t(), i(), s()].join("; ");
655
722
  return h(() => e.as ?? "div", y(m(e, ["as", "ratio", "position"]), g({
656
723
  style: c,
657
724
  "data-bedrock-frame": () => ""
658
725
  })));
659
726
  }
660
- function xt(e) {
727
+ function bt(e) {
661
728
  const t = x(), n = () => typeof e.style == "string" ? e.style : Object.entries(e.style ?? {}).reduce((r, [o, l]) => r + `${o}:${l};`, ""), i = () => `--gutter: ${b(t, e.gutter ?? "size00") ?? "0px"};`, s = () => `--minItemWidth: ${typeof e.minItemWidth == "string" ? e.minItemWidth : `${e.minItemWidth ?? 0}px`};`, c = () => [n(), i(), s()].join("; ");
662
729
  return h(() => e.as ?? "div", y(m(e, ["as", "gutter", "minItemWidth"]), g({
663
730
  style: c,
@@ -669,7 +736,7 @@ function ie(e) {
669
736
  const t = String(e), n = parseFloat(t), [, i] = t.match(/[\d.\-+]*\s*(.*)/) ?? ["", ""];
670
737
  return [n, i];
671
738
  }
672
- function D(e, t) {
739
+ function R(e, t) {
673
740
  if (!e)
674
741
  return;
675
742
  const n = t ?? document.body, i = (e ?? "px").trim().toLowerCase();
@@ -682,7 +749,7 @@ function D(e, t) {
682
749
  return;
683
750
  case "ch":
684
751
  case "ex":
685
- return St(i, n);
752
+ return xt(i, n);
686
753
  case "em":
687
754
  return L(n, "font-size");
688
755
  case "rem":
@@ -705,7 +772,7 @@ function D(e, t) {
705
772
  return;
706
773
  if (!c)
707
774
  return s;
708
- const r = D(c, t);
775
+ const r = R(c, t);
709
776
  return typeof r == "number" ? s * r : void 0;
710
777
  }
711
778
  }
@@ -714,62 +781,62 @@ function L(e, t) {
714
781
  const [n, i] = ie(
715
782
  getComputedStyle(e).getPropertyValue(t)
716
783
  );
717
- return n * (D(i, e) ?? 1);
784
+ return n * (R(i, e) ?? 1);
718
785
  }
719
- function St(e, t) {
786
+ function xt(e, t) {
720
787
  const n = document.createElement("div");
721
788
  n.style.height = "128" + e, t.appendChild(n);
722
789
  const i = L(n, "height") / 128;
723
790
  return t.removeChild(n), i;
724
791
  }
725
- const wt = /* @__PURE__ */ J("<div>"), z = 1, jt = typeof window == "object" && typeof document == "object" && document.nodeType === 9, At = (e) => {
726
- const [t, n] = T(1), [i, s] = T(), c = x();
792
+ const St = /* @__PURE__ */ J("<div>"), M = 1, wt = typeof window == "object" && typeof document == "object" && document.nodeType === 9, jt = (e) => {
793
+ const [t, n] = O(1), [i, s] = O(), c = x();
727
794
  return X(() => (Q(), 0)), U(() => {
728
- const r = O(i());
795
+ const r = I(i());
729
796
  if (r === void 0)
730
797
  return;
731
798
  const o = Y(r, ({
732
799
  target: l
733
800
  }) => {
734
801
  n(1);
735
- const f = e.gutter ? b(c, e.gutter) ?? "1px" : "1px", a = jt ? D(f, l) : void 0, u = Math.max(a ?? z, z), [$] = Array.from(l.children), S = 1 + Math.min(l.scrollHeight, $.scrollHeight), M = Math.max(Math.ceil(S / u), z);
736
- return n(M), 0;
802
+ const f = e.gutter ? b(c, e.gutter) ?? "1px" : "1px", a = wt ? R(f, l) : void 0, u = Math.max(a ?? M, M), [$] = Array.from(l.children), S = 1 + Math.min(l.scrollHeight, $.scrollHeight), z = Math.max(Math.ceil(S / u), M);
803
+ return n(z), 0;
737
804
  });
738
805
  return q(o), 0;
739
806
  }), (() => {
740
- const r = wt();
741
- return Ee(s, r), K(r, () => e.children), w((o) => Z(r, `grid-row: span ${t()};`, o)), r;
807
+ const r = St();
808
+ return Ce(s, r), K(r, () => e.children), w((o) => Z(r, `grid-row: span ${t()};`, o)), r;
742
809
  })();
743
- }, _t = (e) => {
744
- const t = le(() => e.children), i = [].concat(t()).filter(Boolean).map((s) => E(At, {
810
+ }, vt = (e) => {
811
+ const t = re(() => e.children), i = [].concat(t()).filter(Boolean).map((s) => E(jt, {
745
812
  get gutter() {
746
813
  return e.gutter;
747
814
  },
748
815
  children: s
749
816
  }));
750
- return E(xt, y({
817
+ return E(bt, y({
751
818
  style: "grid-template-rows: 1px;"
752
819
  }, e, {
753
820
  children: i
754
821
  }));
755
- }, Ct = {
822
+ }, At = {
756
823
  start: "justify:start",
757
824
  end: "justify:end",
758
825
  center: "justify:center"
759
- }, Et = {
826
+ }, Ct = {
760
827
  start: "align:start",
761
828
  end: "align:end",
762
829
  center: "align:center",
763
830
  stretch: "align:stretch"
764
831
  };
765
- function Ft(e) {
766
- const t = x(), n = () => typeof e.style == "string" ? e.style : Object.entries(e.style ?? {}).reduce((l, [f, a]) => l + `${f}:${a};`, ""), i = () => `--gutter: ${b(t, e.gutter ?? "size00") ?? "0px"};`, s = () => e.justify !== void 0 ? Ct[e.justify] : void 0, c = () => e.align !== void 0 ? Et[e.align] : void 0, r = () => [n(), i()].join("; "), o = () => [s(), c()].filter(Boolean).join(" ");
832
+ function _t(e) {
833
+ const t = x(), n = () => typeof e.style == "string" ? e.style : Object.entries(e.style ?? {}).reduce((l, [f, a]) => l + `${f}:${a};`, ""), i = () => `--gutter: ${b(t, e.gutter ?? "size00") ?? "0px"};`, s = () => e.justify !== void 0 ? At[e.justify] : void 0, c = () => e.align !== void 0 ? Ct[e.align] : void 0, r = () => [n(), i()].join("; "), o = () => [s(), c()].filter(Boolean).join(" ");
767
834
  return h(() => e.as ?? "div", y(m(e, ["as", "gutter", "justify", "align"]), g({
768
835
  style: r,
769
836
  "data-bedrock-inline-cluster": o
770
837
  })));
771
838
  }
772
- const Ot = {
839
+ const Et = {
773
840
  start: "justify:start",
774
841
  end: "justify:end",
775
842
  center: "justify:center"
@@ -779,8 +846,8 @@ const Ot = {
779
846
  center: "align:center",
780
847
  stretch: "align:stretch"
781
848
  };
782
- function Vt(e) {
783
- const t = x(), n = () => typeof e.style == "string" ? e.style : Object.entries(e.style ?? {}).reduce((u, [$, S]) => u + `${$}:${S};`, ""), i = () => `--gutter: ${b(t, e.gutter ?? "size00") ?? "0px"};`, s = () => e.minItemWidth ? `--minItemWidth: ${typeof e.minItemWidth == "string" ? e.minItemWidth : `${e.minItemWidth}px`};` : void 0, c = () => e.switchAt ? `--switchAt: ${P(t, e.switchAt) ?? "0px"};` : "", r = () => e.justify !== void 0 ? Ot[e.justify] : void 0, o = () => e.align !== void 0 ? It[e.align] : void 0, l = () => e.stretch ? `stretch:${e.stretch}` : void 0, f = () => [n(), i(), c(), s()].join("; "), a = () => [r(), o(), l()].filter(Boolean).join(" ");
849
+ function Ft(e) {
850
+ const t = x(), n = () => typeof e.style == "string" ? e.style : Object.entries(e.style ?? {}).reduce((u, [$, S]) => u + `${$}:${S};`, ""), i = () => `--gutter: ${b(t, e.gutter ?? "size00") ?? "0px"};`, s = () => e.minItemWidth ? `--minItemWidth: ${typeof e.minItemWidth == "string" ? e.minItemWidth : `${e.minItemWidth}px`};` : void 0, c = () => e.switchAt ? `--switchAt: ${P(t, e.switchAt) ?? "0px"};` : "", r = () => e.justify !== void 0 ? Et[e.justify] : void 0, o = () => e.align !== void 0 ? It[e.align] : void 0, l = () => e.stretch ? `stretch:${e.stretch}` : void 0, f = () => [n(), i(), c(), s()].join("; "), a = () => [r(), o(), l()].filter(Boolean).join(" ");
784
851
  return h(() => e.as ?? "div", y(m(e, ["as", "gutter", "justify", "align", "stretch", "switchAt"]), g({
785
852
  style: f,
786
853
  "data-bedrock-inline": a
@@ -795,7 +862,7 @@ const Tt = (e) => ({
795
862
  inlineEnd: "padding-inline-end",
796
863
  blockStart: "padding-block-start",
797
864
  blockEnd: "padding-block-end"
798
- })[e], Pt = (e, t) => {
865
+ })[e], Ot = (e, t) => {
799
866
  if (!t)
800
867
  return "";
801
868
  if (Array.isArray(t) && t.length > 4)
@@ -808,14 +875,14 @@ const Tt = (e) => ({
808
875
  };
809
876
  return Object.entries(n).reduce((i, [s, c]) => i + `${s}:${c};`, "");
810
877
  };
811
- function Xt(e) {
812
- const t = x(), n = () => typeof e.style == "string" ? e.style : Object.entries(e.style ?? {}).reduce((c, [r, o]) => c + `${r}:${o};`, ""), i = () => Pt(t, e.padding), s = () => [n(), i()].join("; ");
878
+ function Vt(e) {
879
+ const t = x(), n = () => typeof e.style == "string" ? e.style : Object.entries(e.style ?? {}).reduce((c, [r, o]) => c + `${r}:${o};`, ""), i = () => Ot(t, e.padding), s = () => [n(), i()].join("; ");
813
880
  return h(() => e.as ?? "div", y(m(e, ["as", "padding"]), g({
814
881
  style: s,
815
882
  "data-bedrock-padbox": () => ""
816
883
  })));
817
884
  }
818
- function Ut(e) {
885
+ function Xt(e) {
819
886
  const t = x(), n = () => typeof e.style == "string" ? e.style : Object.entries(e.style ?? {}).reduce((r, [o, l]) => r + `${o}:${l};`, ""), i = () => `--gutter: ${b(t, e.gutter ?? "size00") ?? "0px"};`, s = () => {
820
887
  switch (e.snapType) {
821
888
  case "none":
@@ -842,43 +909,43 @@ const F = {
842
909
  "auto-start": "fraction:auto-start",
843
910
  "auto-end": "fraction:auto-end"
844
911
  };
845
- function qt(e) {
912
+ function Ut(e) {
846
913
  const t = x(), n = () => typeof e.style == "string" ? e.style : Object.entries(e.style ?? {}).reduce((l, [f, a]) => l + `${f}:${a};`, ""), i = () => e.switchAt ? `--switchAt: ${P(t, e.switchAt) ?? "0px"};` : "", s = () => `--gutter: ${b(t, e.gutter ?? "size00") ?? "0px"};`, c = () => F[e.fraction ?? "1/2"] ?? F["1/2"], r = () => e.minItemWidth ? `--minItemWidth: ${typeof e.minItemWidth == "string" ? e.minItemWidth : `${e.minItemWidth}px`};` : void 0, o = () => [n(), s(), i(), r()].join("; ");
847
914
  return h(() => e.as ?? "div", y(m(e, ["as", "gutter", "fraction"]), g({
848
915
  style: o,
849
916
  "data-bedrock-split": c
850
917
  })));
851
918
  }
852
- function Qt(e) {
919
+ function qt(e) {
853
920
  const t = x(), n = () => typeof e.style == "string" ? e.style : Object.entries(e.style ?? {}).reduce((c, [r, o]) => c + `${r}:${o};`, ""), i = () => `--gutter: ${b(t, e.gutter ?? "size00") ?? "0px"};`, s = () => [n(), i()].join("; ");
854
921
  return h(() => e.as ?? "div", y(m(e, ["as", "gutter"]), g({
855
922
  style: s,
856
923
  "data-bedrock-stack": () => ""
857
924
  })));
858
925
  }
859
- const Mt = /* @__PURE__ */ J("<div data-bedrock-cover-centered>");
926
+ const Pt = /* @__PURE__ */ J("<div data-bedrock-cover-centered>");
860
927
  function zt(e) {
861
928
  return typeof e == "number" ? `${e}px` : e && B(e) ? e : "100vh";
862
929
  }
863
- function kt(e) {
930
+ function Mt(e) {
864
931
  const t = x(), n = () => typeof e.style == "string" ? e.style : Object.entries(e.style ?? {}).reduce((o, [l, f]) => o + `${l}:${f};`, ""), i = () => `--gutter: ${b(t, e.gutter ?? "size00") ?? "0px"};`, s = () => `--minHeight: ${zt(e.minHeight)};`, c = () => e.stretchContent === !0 ? "stretch-content" : "", r = () => [n(), i(), s()].join("; ");
865
932
  return h(() => e.as ?? "div", y(m(e, ["as", "minHeight", "stretchContent"]), g({
866
933
  style: r,
867
934
  "data-bedrock-cover": c
868
935
  })));
869
936
  }
870
- function Yt(e) {
937
+ function Qt(e) {
871
938
  const [t, n] = V(e, ["children", "top", "bottom"]);
872
- return E(kt, y(n, {
939
+ return E(Mt, y(n, {
873
940
  get children() {
874
- return [I(() => t.top), (() => {
875
- const i = Mt();
941
+ return [T(() => t.top), (() => {
942
+ const i = Pt();
876
943
  return K(i, () => t.children), i;
877
- })(), I(() => t.bottom)];
944
+ })(), T(() => t.bottom)];
878
945
  }
879
946
  }));
880
947
  }
881
- function Jt(e) {
948
+ function Yt(e) {
882
949
  const t = x(), n = () => typeof e.style == "string" ? e.style : Object.entries(e.style ?? {}).reduce((o, [l, f]) => o + `${l}:${f};`, ""), i = () => `--gutter: ${b(t, e.gutter ?? "size00") ?? "0px"};`, s = () => `--columns: ${e.columns && e.columns > 0 ? e.columns : 1};`, c = () => e.switchAt ? `--switchAt: ${P(t, e.switchAt) ?? "0px"};` : "", r = () => [n(), i(), s(), c()].join("; ");
883
950
  return h(() => e.as ?? "div", y(m(e, ["as", "gutter", "columns", "switchAt"]), g({
884
951
  style: r,
@@ -886,7 +953,7 @@ function Jt(e) {
886
953
  })));
887
954
  }
888
955
  const Nt = (e) => typeof e == "number" ? e : 1;
889
- function Zt(e) {
956
+ function Jt(e) {
890
957
  const t = () => typeof e.style == "string" ? e.style : Object.entries(e.style ?? {}).reduce((r, [o, l]) => r + `${o}:${l};`, ""), n = () => `--span: ${Nt(e.span)};`, i = () => e.offsetStart && e.offsetStart > 0 ? `--offsetStart: ${e.offsetStart};` : "", s = () => e.offsetEnd && e.offsetEnd > 0 ? `--offsetEnd: ${e.offsetEnd};` : "", c = () => [t(), n(), i(), s()].join("; ");
891
958
  return h(() => e.as ?? "div", y(m(e, ["as", "span", "offsetStart", "offsetEnd"]), g({
892
959
  style: c,
@@ -894,27 +961,27 @@ function Zt(e) {
894
961
  })));
895
962
  }
896
963
  export {
897
- Dt as Center,
898
- Zt as Column,
899
- vt as ColumnDrop,
900
- Jt as Columns,
901
- Yt as Cover,
902
- Gt as Frame,
903
- xt as Grid,
904
- Vt as Inline,
905
- Ft as InlineCluster,
906
- _t as MasonryGrid,
907
- Xt as PadBox,
908
- Ut as Reel,
909
- qt as Split,
910
- Qt as Stack,
964
+ Bt as Center,
965
+ Jt as Column,
966
+ Dt as ColumnDrop,
967
+ Yt as Columns,
968
+ Qt as Cover,
969
+ Ht as Frame,
970
+ bt as Grid,
971
+ Ft as Inline,
972
+ _t as InlineCluster,
973
+ vt as MasonryGrid,
974
+ Vt as PadBox,
975
+ Xt as Reel,
976
+ Ut as Split,
977
+ qt as Stack,
911
978
  Rt as ThemeProvider,
912
979
  B as checkIsCSSLength,
913
- Ht as createContainerQuery,
980
+ Gt as createContainerQuery,
914
981
  _ as getSafeGutter,
915
982
  P as getSizeValue,
916
983
  b as getSpacingValue,
917
- yt as sizes,
918
- dt as spacing,
984
+ dt as sizes,
985
+ ut as spacing,
919
986
  x as useTheme
920
987
  };
package/lib/index.umd.js CHANGED
@@ -1 +1 @@
1
- (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"})});
1
+ (function(u,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):(u=typeof globalThis<"u"?globalThis:u||self,x(u.solid={},u.OpenProps,u.solidJs,u.registerResizeCallback))})(this,function(u,x,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"]),se={xlink:"http://www.w3.org/1999/xlink",xml:"http://www.w3.org/XML/1998/namespace"};function oe(e,t,n){let i=n.length,r=t.length,s=i,o=0,c=0,a=t[r-1].nextSibling,l=null;for(;o<r||c<s;){if(t[o]===n[c]){o++,c++;continue}for(;t[r-1]===n[s-1];)r--,s--;if(r===o){const d=s<i?c?n[c-1].nextSibling:n[s-c]:a;for(;c<s;)e.insertBefore(n[c++],d)}else if(s===c)for(;o<r;)(!l||!l.has(t[o]))&&t[o].remove(),o++;else if(t[o]===n[s-1]&&n[c]===t[r-1]){const d=t[--r].nextSibling;e.insertBefore(n[c++],t[o++].nextSibling),e.insertBefore(n[--s],d),t[r]=n[s]}else{if(!l){l=new Map;let m=c;for(;m<s;)l.set(n[m],m++)}const d=l.get(t[o]);if(d!=null)if(c<d&&d<s){let m=o,C=1,S;for(;++m<r&&m<s&&!((S=l.get(t[m]))==null||S!==d+C);)C++;if(C>d-c){const W=t[o];for(;c<d;)e.insertBefore(n[c++],W)}else e.replaceChild(n[c++],t[o++])}else o++;else t[o++].remove()}}}const R="_$DX_DELEGATE";function B(e,t,n){let i;const r=()=>{const o=document.createElement("template");return o.innerHTML=e,n?o.content.firstChild.firstChild:o.content.firstChild},s=t?()=>f.untrack(()=>document.importNode(i||(i=r()),!0)):()=>(i||(i=r())).cloneNode(!0);return s.cloneNode=s,s}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 s=e[i];n.has(s)||(n.add(s),t.addEventListener(s,$e))}}function M(e,t,n){f.sharedConfig.context||(n==null?e.removeAttribute(t):e.setAttribute(t,n))}function ae(e,t,n,i){f.sharedConfig.context||(i==null?e.removeAttributeNS(t,n):e.setAttributeNS(t,n,i))}function le(e,t){f.sharedConfig.context||(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]=s=>r.call(e,n[1],s))}else e.addEventListener(t,n)}function de(e,t,n={}){const i=Object.keys(t||{}),r=Object.keys(n);let s,o;for(s=0,o=r.length;s<o;s++){const c=r[s];!c||c==="undefined"||t[c]||(v(e,c,!1),delete n[c])}for(s=0,o=i.length;s<o;s++){const c=i[s],a=!!t[c];!c||c==="undefined"||n[c]===a||!a||(v(e,c,!0),n[c]=a)}return n}function D(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,s;for(s in n)t[s]==null&&i.removeProperty(s),delete n[s];for(s in t)r=t[s],r!==n[s]&&(i.setProperty(s,r),n[s]=r);return n}function me(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(()=>ge(e,t,n,!0,r,!0)),r}function ye(e,t,n){return f.untrack(()=>e(t,n))}function G(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 ge(e,t,n,i,r={},s=!1){t||(t={});for(const o in r)if(!(o in t)){if(o==="children")continue;r[o]=H(e,o,null,r[o],n,s)}for(const o in t){if(o==="children"){i||j(e,t.children);continue}const c=t[o];r[o]=H(e,o,c,r[o],n,s)}}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 v(e,t,n){const i=t.trim().split(/\s+/);for(let r=0,s=i.length;r<s;r++)e.classList.toggle(i[r],n)}function H(e,t,n,i,r,s){let o,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")s||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:")M(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)))||(o=e.nodeName.includes("-"))){if(d)t=t.slice(5),c=!0;else if(f.sharedConfig.context)return n;t==="class"||t==="className"?le(e,n):o&&!c&&!a?e[be(t)]=n:e[l||t]=n}else{const m=r&&t.indexOf(":")>-1&&se[t.split(":")[0]];m?ae(e,m,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){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 s=typeof t,o=i!==void 0;if(e=o&&n[0]&&n[0].parentNode||e,s==="string"||s==="number"){if(f.sharedConfig.context)return n;if(s==="number"&&(t=t.toString()),o){let c=n[0];c&&c.nodeType===3?c.data=t:c=document.createTextNode(t),n=w(e,n,i,c)}else n!==""&&typeof n=="string"?n=e.firstChild.data=t:n=e.textContent=t}else if(t==null||s==="boolean"){if(f.sharedConfig.context)return n;n=w(e,n,i)}else{if(s==="function")return f.createRenderEffect(()=>{let c=t();for(;typeof c=="function";)c=c();n=j(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=j(e,c,n,i,!0)),()=>n;if(f.sharedConfig.context){if(!c.length)return n;if(i===void 0)return[...e.childNodes];let l=c[0],d=[l];for(;(l=l.nextSibling)!==i;)d.push(l);return n=d}if(c.length===0){if(n=w(e,n,i),o)return n}else a?n.length===0?_(e,c,i):oe(e,n,c):(n&&w(e),_(e,c));n=c}else if(t.nodeType){if(f.sharedConfig.context&&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 O(e,t,n,i){let r=!1;for(let s=0,o=t.length;s<o;s++){let c=t[s],a=n&&n[s],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 _(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 s=!1;for(let o=t.length-1;o>=0;o--){const c=t[o];if(r!==c){const a=c.parentNode===e;!s&&!o?a?e.replaceChild(r,c):e.insertBefore(r,n):a&&c.remove()}else s=!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 s=ce.has(r),o=f.sharedConfig.context?he():je(r,s);return me(o,n,s),o}})}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 g(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:xe,sizeXs:Ae,sizeSm:Pe,sizeMd:Ee,sizeLg:Te,sizeXl:Ie,sizeXxl:Me,sizeContent1:Oe,sizeContent2:ze,sizeContent3:ke,sizeHeader1:Ne,sizeHeader2:Le,sizeHeader3:We,size000:Re,size00:Be,size1:De,size2:Ge,size3:ve,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:Re,size00:Be,size1:De,size2:Ge,size3:ve,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:xe,sizeXs:Ae,sizeSm:Pe,sizeMd:Ee,sizeLg:Te,sizeXl:Ie,sizeXxl:Me,sizeContent1:Oe,sizeContent2:ze,sizeContent3:ke,sizeHeader1:Ne,sizeHeader2:Le,sizeHeader3:We},X=Je,q=et;function U(e){return e.reduce((t,[n,i])=>({...t,[n]:i}),{})}function z(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,s])=>[r,typeof s=="number"?`${s}px`:s]));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,s])=>[r,typeof s=="number"?`${s}px`:s]));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((c,[a,l])=>c+`${a}:${l};`,""),n=()=>`--maxWidth: ${tt(e.maxWidth)};`,i=()=>e.centerText?"center-text":"",r=()=>e.centerChildren?"center-children":"",s=()=>[i(),r()].filter(Boolean).join(" "),o=()=>[t(),n()].join("; ");return g(()=>e.as??"div",f.mergeProps(y(e,["as","maxWidth","centerText","centerChildren"]),h({style:o,"data-bedrock-center":s})))}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)}`,s=()=>e.noStretchedColumns===!0?"no-stretched-columns":"",o=()=>[n(),i(),r()].join("; ");return g(()=>e.as??"div",f.mergeProps(y(e,["as","gutter","minItemWidth","noStretchedColumns"]),h({style:o,"data-bedrock-column-drop":s})))}function st(e,t){const[n,i]=f.createSignal(!1),[r,s]=f.createSignal();return f.onMount(()=>(T.init(),0)),f.createEffect(()=>{if(A(r())===void 0)return 0;t&&t(r());const o=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(o),0}),[n,s]}function ot(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 ot(e)?ft(e):void 0}function lt(e){const t=()=>typeof e.style=="string"?e.style:Object.entries(e.style??{}).reduce((o,[c,a])=>o+`${c}:${a};`,""),n=()=>at(e.ratio),i=()=>n()?`--ratio: ${n()}`:"",r=()=>typeof e.position=="string"?`--position: ${e.position}`:"50%",s=()=>[t(),i(),r()].join("; ");return g(()=>e.as??"div",f.mergeProps(y(e,["as","ratio","position"]),h({style:s,"data-bedrock-frame":()=>""})))}function Y(e){const t=$(),n=()=>typeof e.style=="string"?e.style:Object.entries(e.style??{}).reduce((o,[c,a])=>o+`${c}:${a};`,""),i=()=>`--gutter: ${b(t,e.gutter??"size00")??"0px"};`,r=()=>`--minItemWidth: ${typeof e.minItemWidth=="string"?e.minItemWidth:`${e.minItemWidth??0}px`};`,s=()=>[n(),i(),r()].join("; ");return g(()=>e.as??"div",f.mergeProps(y(e,["as","gutter","minItemWidth"]),h({style:s,"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 k(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,s]=Z(i);if(isNaN(r))return;if(!s)return r;const o=k(s,t);return typeof o=="number"?r*o:void 0}}}function N(e,t){const[n,i]=Z(getComputedStyle(e).getPropertyValue(t));return n*(k(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(),s=$();return f.onMount(()=>(T.init(),0)),f.createEffect(()=>{const o=A(i());if(o===void 0)return;const c=T.registerCallback(o,({target:a})=>{n(1);const l=e.gutter?b(s,e.gutter)??"1px":"1px",d=mt?k(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 o=dt();return ye(r,o),G(o,()=>e.children),f.createRenderEffect(c=>D(o,`grid-row: span ${t()};`,c)),o})()},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,s=()=>e.align!==void 0?bt[e.align]:void 0,o=()=>[n(),i()].join("; "),c=()=>[r(),s()].filter(Boolean).join(" ");return g(()=>e.as??"div",f.mergeProps(y(e,["as","gutter","justify","align"]),h({style:o,"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 jt(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,s=()=>e.switchAt?`--switchAt: ${P(t,e.switchAt)??"0px"};`:"",o=()=>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(),s(),r()].join("; "),d=()=>[o(),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 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,s])=>({...i,[wt(r)]:z(e,s)??"0px"}),{}):{padding:Array.from(Array.isArray(t)?t:[t]).map(i=>z(e,i)??"0px").join(" ")};return Object.entries(n).reduce((i,[r,s])=>i+`${r}:${s};`,"")};function At(e){const t=$(),n=()=>typeof e.style=="string"?e.style:Object.entries(e.style??{}).reduce((s,[o,c])=>s+`${o}:${c};`,""),i=()=>xt(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((o,[c,a])=>o+`${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"}},s=()=>[n(),i()].join("; ");return g(()=>e.as??"div",f.mergeProps(y(e,["as","gutter"]),h({style:s,"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"};`,s=()=>K[e.fraction??"1/2"]??K["1/2"],o=()=>e.minItemWidth?`--minItemWidth: ${typeof e.minItemWidth=="string"?e.minItemWidth:`${e.minItemWidth}px`};`:void 0,c=()=>[n(),r(),i(),o()].join("; ");return g(()=>e.as??"div",f.mergeProps(y(e,["as","gutter","fraction"]),h({style:c,"data-bedrock-split":s})))}function Tt(e){const t=$(),n=()=>typeof e.style=="string"?e.style:Object.entries(e.style??{}).reduce((s,[o,c])=>s+`${o}:${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 It=B("<div data-bedrock-cover-centered>");function Mt(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((c,[a,l])=>c+`${a}:${l};`,""),i=()=>`--gutter: ${b(t,e.gutter??"size00")??"0px"};`,r=()=>`--minHeight: ${Mt(e.minHeight)};`,s=()=>e.stretchContent===!0?"stretch-content":"",o=()=>[n(),i(),r()].join("; ");return g(()=>e.as??"div",f.mergeProps(y(e,["as","minHeight","stretchContent"]),h({style:o,"data-bedrock-cover":s})))}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),(()=>{const i=It();return G(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((c,[a,l])=>c+`${a}:${l};`,""),i=()=>`--gutter: ${b(t,e.gutter??"size00")??"0px"};`,r=()=>`--columns: ${e.columns&&e.columns>0?e.columns:1};`,s=()=>e.switchAt?`--switchAt: ${P(t,e.switchAt)??"0px"};`:"",o=()=>[n(),i(),r(),s()].join("; ");return g(()=>e.as??"div",f.mergeProps(y(e,["as","gutter","columns","switchAt"]),h({style:o,"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((o,[c,a])=>o+`${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};`:"",s=()=>[t(),n(),i(),r()].join("; ");return g(()=>e.as??"div",f.mergeProps(y(e,["as","span","offsetStart","offsetEnd"]),h({style:s,"data-bedrock-column":()=>""})))}u.Center=nt,u.Column=Lt,u.ColumnDrop=ct,u.Columns=kt,u.Cover=zt,u.Frame=lt,u.Grid=Y,u.Inline=jt,u.InlineCluster=$t,u.MasonryGrid=gt,u.PadBox=At,u.Reel=Pt,u.Split=Et,u.Stack=Tt,u.ThemeProvider=it,u.checkIsCSSLength=I,u.createContainerQuery=st,u.getSafeGutter=z,u.getSizeValue=P,u.getSpacingValue=b,u.sizes=q,u.spacing=X,u.useTheme=$,Object.defineProperty(u,Symbol.toStringTag,{value:"Module"})});
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bedrock-layout/solid",
3
- "version": "1.1.4",
3
+ "version": "1.1.5",
4
4
  "description": "Solid Foundational Layout Primitives for your Solid-js App",
5
5
  "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",
6
6
  "sideEffects": false,
@@ -35,6 +35,7 @@
35
35
  "types": "lib/index.d.ts",
36
36
  "exports": {
37
37
  ".": {
38
+ "types": "./lib/index.d.ts",
38
39
  "import": "./lib/index.m.js",
39
40
  "require": "./lib/index.umd.js"
40
41
  }
@@ -55,7 +56,7 @@
55
56
  "solid-js": "^1.3.7"
56
57
  },
57
58
  "dependencies": {
58
- "@bedrock-layout/register-resize-callback": "^2.0.4"
59
+ "@bedrock-layout/register-resize-callback": "^2.0.5"
59
60
  },
60
61
  "scripts": {
61
62
  "test": "echo \"Error: run tests from root\" && exit 1",
@@ -70,5 +71,5 @@
70
71
  "bugs": {
71
72
  "url": "https://github.com/Bedrock-Layouts/Solid-Bedrock/issues"
72
73
  },
73
- "gitHead": "a6d6b30100b03c24cab0c3a363c8c1f362f115d0"
74
+ "gitHead": "28fa04de981b50c7bfaa976a80df0a8939a65875"
74
75
  }