@bedrock-layout/solid 0.12.0 → 1.1.0

package/lib/index.umd.js

@@ -1 +1,219 @@
-(function(d,l){typeof exports=="object"&&typeof module!="undefined"?l(exports,require("solid-js"),require("@bedrock-layout/register-resize-callback")):typeof define=="function"&&define.amd?define(["exports","solid-js","@bedrock-layout/register-resize-callback"],l):(d=typeof globalThis!="undefined"?globalThis:d||self,l(d.solid={},d.solidJs,d.registerResizeCallback))})(this,function(d,l,j){"use strict";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,100}\)$/].some(t=>t.test(e))}const v={none:"0px",xxs:"0.0625rem",xs:"0.125rem",sm:"0.25rem",md:"0.5rem",mdLg:"0.75rem",lg:"1rem",lgXl:"1.5rem",xl:"2rem",xlXXl:"3rem",xxl:"4rem"};function Q(e){return e.reduce((t,[n,c])=>({...t,[n]:c}),{})}const S=(e,t)=>{var r,i;const n=(i=(r=t==null?void 0:t.space)!=null?r:t==null?void 0:t.spacing)!=null?i:v,o=Q(Object.entries(n).map(([a,f])=>[a,typeof f=="number"?`${f}px`:f]))[e];return M(o)?o:void 0},Y=["allowfullscreen","async","autofocus","autoplay","checked","controls","default","disabled","formnovalidate","hidden","indeterminate","ismap","loop","multiple","muted","nomodule","novalidate","open","playsinline","readonly","required","reversed","seamless","selected"],Z=new Set(["className","value","readOnly","formNoValidate","isMap","noModule","playsInline",...Y]),p=new Set(["innerHTML","textContent","innerText","children"]),J={className:"class",htmlFor:"for"},L={class:"className",formnovalidate:"formNoValidate",ismap:"isMap",nomodule:"noModule",playsinline:"playsInline",readonly:"readOnly"},ee=new Set(["beforeinput","click","dblclick","contextmenu","focusin","focusout","input","keydown","keyup","mousedown","mousemove","mouseout","mouseover","mouseup","pointerdown","pointermove","pointerout","pointerover","pointerup","touchend","touchmove","touchstart"]),te=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"]),ne={xlink:"http://www.w3.org/1999/xlink",xml:"http://www.w3.org/XML/1998/namespace"};function ie(e,t,n){let c=n.length,o=t.length,s=c,r=0,i=0,a=t[o-1].nextSibling,f=null;for(;r<o||i<s;){if(t[r]===n[i]){r++,i++;continue}for(;t[o-1]===n[s-1];)o--,s--;if(o===r){const u=s<c?i?n[i-1].nextSibling:n[s-i]:a;for(;i<s;)e.insertBefore(n[i++],u)}else if(s===i)for(;r<o;)(!f||!f.has(t[r]))&&t[r].remove(),r++;else if(t[r]===n[s-1]&&n[i]===t[o-1]){const u=t[--o].nextSibling;e.insertBefore(n[i++],t[r++].nextSibling),e.insertBefore(n[--s],u),t[o]=n[s]}else{if(!f){f=new Map;let y=i;for(;y<s;)f.set(n[y],y++)}const u=f.get(t[r]);if(u!=null)if(i<u&&u<s){let y=r,$=1,w;for(;++y<o&&y<s&&!((w=f.get(t[y]))==null||w!==u+$);)$++;if($>u-i){const x=t[r];for(;i<u;)e.insertBefore(n[i++],x)}else e.replaceChild(n[i++],t[r++])}else r++;else t[r++].remove()}}}const B="_$DX_DELEGATE";function re(e,t=window.document){const n=t[B]||(t[B]=new Set);for(let c=0,o=e.length;c<o;c++){const s=e[c];n.has(s)||(n.add(s),t.addEventListener(s,me))}}function ce(e,t,n){n==null?e.removeAttribute(t):e.setAttribute(t,n)}function oe(e,t,n,c){c==null?e.removeAttributeNS(t,n):e.setAttributeNS(t,n,c)}function se(e,t){t==null?e.removeAttribute("class"):e.className=t}function ae(e,t,n,c){if(c)Array.isArray(n)?(e[`$$${t}`]=n[0],e[`$$${t}Data`]=n[1]):e[`$$${t}`]=n;else if(Array.isArray(n)){const o=n[0];e.addEventListener(t,n[0]=s=>o.call(e,n[1],s))}else e.addEventListener(t,n)}function fe(e,t,n={}){const c=Object.keys(t||{}),o=Object.keys(n);let s,r;for(s=0,r=o.length;s<r;s++){const i=o[s];!i||i==="undefined"||t[i]||(W(e,i,!1),delete n[i])}for(s=0,r=c.length;s<r;s++){const i=c[s],a=!!t[i];!i||i==="undefined"||n[i]===a||!a||(W(e,i,!0),n[i]=a)}return n}function le(e,t,n={}){const c=e.style,o=typeof n=="string";if(t==null&&o||typeof t=="string")return c.cssText=t;o&&(c.cssText=void 0,n={}),t||(t={});let s,r;for(r in n)t[r]==null&&c.removeProperty(r),delete n[r];for(r in t)s=t[r],s!==n[r]&&(c.setProperty(r,s),n[r]=s);return n}function ue(e,t,n,c){typeof t=="function"?l.createRenderEffect(o=>F(e,t(),o,n,c)):F(e,t,void 0,n,c)}function de(e,t,n,c,o={},s=!1){t||(t={});for(const r in o)if(!(r in t)){if(r==="children")continue;D(e,r,null,o[r],n,s)}for(const r in t){if(r==="children"){c||P(e,t.children);continue}const i=t[r];o[r]=D(e,r,i,o[r],n,s)}}function ye(e){let t,n;return!l.sharedConfig.context||!(t=l.sharedConfig.registry.get(n=he()))?e.cloneNode(!0):(l.sharedConfig.completed&&l.sharedConfig.completed.add(t),l.sharedConfig.registry.delete(n),t)}function ge(e){return e.toLowerCase().replace(/-([a-z])/g,(t,n)=>n.toUpperCase())}function W(e,t,n){const c=t.trim().split(/\s+/);for(let o=0,s=c.length;o<s;o++)e.classList.toggle(c[o],n)}function D(e,t,n,c,o,s){let r,i,a;if(t==="style")return le(e,n,c);if(t==="classList")return fe(e,n,c);if(n===c)return c;if(t==="ref")s||n(e);else if(t.slice(0,3)==="on:"){const f=t.slice(3);c&&e.removeEventListener(f,c),n&&e.addEventListener(f,n)}else if(t.slice(0,10)==="oncapture:"){const f=t.slice(10);c&&e.removeEventListener(f,c,!0),n&&e.addEventListener(f,n,!0)}else if(t.slice(0,2)==="on"){const f=t.slice(2).toLowerCase(),u=ee.has(f);if(!u&&c){const y=Array.isArray(c)?c[0]:c;e.removeEventListener(f,y)}(u||n)&&(ae(e,f,n,u),u&&re([f]))}else if((a=p.has(t))||!o&&(L[t]||(i=Z.has(t)))||(r=e.nodeName.includes("-")))t==="class"||t==="className"?se(e,n):r&&!i&&!a?e[ge(t)]=n:e[L[t]||t]=n;else{const f=o&&t.indexOf(":")>-1&&ne[t.split(":")[0]];f?oe(e,f,t,n):ce(e,J[t]||t,n)}return n}function me(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=!0,document.querySelectorAll("[id^=pl-]").forEach(c=>c.remove()));n!==null;){const c=n[t];if(c&&!n.disabled){const o=n[`${t}Data`];if(o!==void 0?c.call(n,o,e):c.call(n,e),e.cancelBubble)return}n=n.host&&n.host!==n&&n.host instanceof Node?n.host:n.parentNode}}function F(e,t,n={},c,o){return t||(t={}),!o&&"children"in t&&l.createRenderEffect(()=>n.children=P(e,t.children,n.children)),t.ref&&t.ref(e),l.createRenderEffect(()=>de(e,t,c,!0,n,!0)),n}function P(e,t,n,c,o){for(l.sharedConfig.context&&!n&&(n=[...e.childNodes]);typeof n=="function";)n=n();if(t===n)return n;const s=typeof t,r=c!==void 0;if(e=r&&n[0]&&n[0].parentNode||e,s==="string"||s==="number"){if(l.sharedConfig.context)return n;if(s==="number"&&(t=t.toString()),r){let i=n[0];i&&i.nodeType===3?i.data=t:i=document.createTextNode(t),n=C(e,n,c,i)}else n!==""&&typeof n=="string"?n=e.firstChild.data=t:n=e.textContent=t}else if(t==null||s==="boolean"){if(l.sharedConfig.context)return n;n=C(e,n,c)}else{if(s==="function")return l.createRenderEffect(()=>{let i=t();for(;typeof i=="function";)i=i();n=P(e,i,n,c)}),()=>n;if(Array.isArray(t)){const i=[],a=n&&Array.isArray(n);if(k(i,t,n,o))return l.createRenderEffect(()=>n=P(e,i,n,c,!0)),()=>n;if(l.sharedConfig.context){if(!i.length)return n;for(let f=0;f<i.length;f++)if(i[f].parentNode)return n=i}if(i.length===0){if(n=C(e,n,c),r)return n}else a?n.length===0?G(e,i,c):ie(e,n,i):(n&&C(e),G(e,i));n=i}else if(t instanceof Node){if(l.sharedConfig.context&&t.parentNode)return n=r?[t]:t;if(Array.isArray(n)){if(r)return n=C(e,n,c,t);C(e,n,null,t)}else n==null||n===""||!e.firstChild?e.appendChild(t):e.replaceChild(t,e.firstChild);n=t}}return n}function k(e,t,n,c){let o=!1;for(let s=0,r=t.length;s<r;s++){let i=t[s],a=n&&n[s];if(i instanceof Node)e.push(i);else if(!(i==null||i===!0||i===!1))if(Array.isArray(i))o=k(e,i,a)||o;else if(typeof i=="function")if(c){for(;typeof i=="function";)i=i();o=k(e,Array.isArray(i)?i:[i],Array.isArray(a)?a:[a])||o}else e.push(i),o=!0;else{const f=String(i);a&&a.nodeType===3&&a.data===f?e.push(a):e.push(document.createTextNode(f))}}return o}function G(e,t,n){for(let c=0,o=t.length;c<o;c++)e.insertBefore(t[c],n)}function C(e,t,n,c){if(n===void 0)return e.textContent="";const o=c||document.createTextNode("");if(t.length){let s=!1;for(let r=t.length-1;r>=0;r--){const i=t[r];if(o!==i){const a=i.parentNode===e;!s&&!r?a?e.replaceChild(o,i):e.insertBefore(o,n):a&&i.remove()}else s=!0}}else e.insertBefore(o,n);return[o]}function he(){const e=l.sharedConfig.context;return`${e.id}${e.count++}`}const Se="http://www.w3.org/2000/svg";function be(e,t=!1){return t?document.createElementNS(Se,e):document.createElement(e)}function $e(e){const[t,n]=l.splitProps(e,["component"]),c=l.createMemo(()=>t.component);return l.createMemo(()=>{const o=c();switch(typeof o){case"function":return l.untrack(()=>o(n));case"string":const s=te.has(o),r=l.sharedConfig.context?ye():be(o,s);return ue(r,n,s),r}})}function Ce(e){return e!=null?e:void 0}function g(e,t){return Object.keys(e).filter(n=>!t.includes(n)).reduce((n,c)=>(Object.defineProperty(n,c,{get(){return e[c]},configurable:!0,enumerable:!0}),n),{})}function m(e,t){return l.createComponent($e,l.mergeProps({get component(){return e()}},t))}function h(e){if(!Object.values(e).every(t=>typeof t=="function"))throw new Error("Please provide an object with accessor values only.");return Object.keys(e).reduce((t,n)=>{const c=e[n];return Object.defineProperty(t,n,{get(){return c()},configurable:!0,enumerable:!0}),t},{})}function we(e){return e===void 0?"100%":typeof e=="number"?`${e}px`:e}function Ae(e){const t=()=>{var i;return typeof e.style=="string"?e.style:Object.entries((i=e.style)!=null?i:{}).reduce((a,[f,u])=>a+`${f}:${u};`,"")},n=()=>`--maxWidth: ${we(e.maxWidth)};`,c=()=>e.centerText?"center-text":"",o=()=>e.centerChildren?"center-children":"",s=()=>[c(),o()].filter(Boolean).join(" "),r=()=>[t(),n()].join("; ");return m(()=>{var i;return(i=e.as)!=null?i:"div"},l.mergeProps(g(e,["as","maxWidth","centerText","centerChildren"]),h({style:r,"data-bedrock-center":s})))}const V=l.createContext({});function Ee(e){return React.createElement(V.Provider,{value:e.theme},e.children)}function b(){try{return l.useContext(V)}catch{return{}}}function xe(e){return e===void 0?"159px":typeof e=="number"?`${e}px`:e}function je(e){const t=b(),n=()=>{var i;return typeof e.style=="string"?e.style:Object.entries((i=e.style)!=null?i:{}).reduce((a,[f,u])=>a+`${f}:${u};`,"")},c=()=>{var i,a;return`--gutter: ${(a=S((i=e.gutter)!=null?i:"none",t))!=null?a:"0px"}`},o=()=>`--minItemWidth: ${xe(e.minItemWidth)}`,s=()=>e.noStretchedColumns===!0?"no-stretched-columns":"",r=()=>[n(),c(),o()].join("; ");return m(()=>{var i;return(i=e.as)!=null?i:"div"},l.mergeProps(g(e,["as","gutter","minItemWidth","noStretchedColumns"]),h({style:r,"data-bedrock-column-drop":s})))}function T(e){throw new Error(e)}function Pe(e){typeof e!="number"&&!Array.isArray(e)&&T("width must be a number or an array of two numbers"),Array().concat(e).some(n=>n<0)&&T("width value(s) must be 0 or greater"),Array.isArray(e)&&(e.length!==2||e[0]>e[1])&&T(`The second width value, ${e[1]}, is not larger than ${e[0]}. Please provide a value greater than first width value`)}function R(e,t){Pe(e);const[n,c]=l.createSignal(!1),[o,s]=l.createSignal();return l.onMount(()=>{j.init()}),l.createEffect(()=>{if(o()===void 0||o()===null)return;t&&t(o());const r=j.registerCallback(o(),i=>{var f,u;const a=(u=(f=i.borderBoxSize)==null?void 0:f.inlineSize)!=null?u:i.contentRect.width;if(a>0){const y=Array.isArray(e)?a>=e[0]&&a<=e[1]:a<=e;c(y)}});l.onCleanup(r)}),[n,s]}function Me(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 ve(e){return Array.isArray(e)?e.join("/"):e}function ke(e){return Me(e)?ve(e):void 0}function Te(e){const t=()=>{var r;return typeof e.style=="string"?e.style:Object.entries((r=e.style)!=null?r:{}).reduce((i,[a,f])=>i+`${a}:${f};`,"")},n=()=>ke(e.ratio),c=()=>n()?`--ratio: ${n()}`:"",o=()=>typeof e.position=="string"?`--position: ${e.position}`:"50%",s=()=>[t(),c(),o()].join("; ");return m(()=>{var r;return(r=e.as)!=null?r:"div"},l.mergeProps(g(e,["as","ratio","position"]),h({style:s,"data-bedrock-frame":()=>""})))}function H(e){const t=b(),n=()=>{var r;return typeof e.style=="string"?e.style:Object.entries((r=e.style)!=null?r:{}).reduce((i,[a,f])=>i+`${a}:${f};`,"")},c=()=>{var r,i;return`--gutter: ${(i=S((r=e.gutter)!=null?r:"none",t))!=null?i:"0px"};`},o=()=>{var r;return`--minItemWidth: ${typeof e.minItemWidth=="string"?e.minItemWidth:`${(r=e.minItemWidth)!=null?r:0}px`};`},s=()=>[n(),c(),o()].join("; ");return m(()=>{var r;return(r=e.as)!=null?r:"div"},l.mergeProps(g(e,["as","gutter","minItemWidth"]),h({style:s,"data-bedrock-grid":()=>""})))}const A=96;function _(e){var c;e=String(e);const t=parseFloat(e),[,n]=(c=e.match(/[\d.\-+]*\s*(.*)/))!=null?c:["",""];return[t,n]}function E(e,t){if(!e)return;const n=t!=null?t:document.body,c=(e!=null?e:"px").trim().toLowerCase();switch(c){case"vmin":case"vmax":case"vh":case"vw":case"%":return;case"ch":case"ex":return Re(c,n);case"em":return I(n,"font-size");case"rem":return I(document.body,"font-size");case"in":return A;case"cm":return A/2.54;case"mm":return A/25.4;case"pt":return A/72;case"pc":return A/6;case"px":return 1;default:{const[o,s]=_(c);if(isNaN(o))return;if(!s)return o;const r=E(s,t);return typeof r=="number"?o*r:void 0}}}function I(e,t){var o;const[n,c]=_(getComputedStyle(e).getPropertyValue(t));return n*((o=E(c,e))!=null?o:1)}function Re(e,t){const n=document.createElement("div");n.style.height="128"+e,t.appendChild(n);const c=I(n,"height")/128;return t.removeChild(n),c}const O=1,Ie=typeof window=="object"&&typeof document=="object"&&document.nodeType===9,Oe=e=>{const[t,n]=l.createSignal(1),[c,o]=l.createSignal(),s=b();return l.onMount(()=>{j.init()}),l.createEffect(()=>{const r=Ce(c());if(r===void 0)return;const i=j.registerCallback(r,({target:a})=>{var U;n(1);const f=e.gutter&&(U=S(e.gutter,s))!=null?U:"1px",u=Ie?E(f,a):void 0,y=Math.max(u!=null?u:O,O),[$]=Array.from(a.children),w=1+Math.min(a.scrollHeight,$.scrollHeight),x=Math.max(Math.ceil(w/y),O);n(x)});l.onCleanup(i)}),React.createElement("div",{style:`grid-row: span ${t()};`,ref:o},e.children)},Ne=e=>{const t=l.children(()=>e.children),c=[].concat(t()).filter(Boolean).map(o=>React.createElement(Oe,{gutter:e.gutter},o));return React.createElement(H,{style:"grid-template-rows: 1px;",...e},c)},Le={start:"justify:start",end:"justify:end",center:"justify:center"},Be={start:"align:start",end:"align:end",center:"align:center",stretch:"align:stretch"};function We(e){const t=b(),n=()=>{var a;return typeof e.style=="string"?e.style:Object.entries((a=e.style)!=null?a:{}).reduce((f,[u,y])=>f+`${u}:${y};`,"")},c=()=>{var a,f;return`--gutter: ${(f=S((a=e.gutter)!=null?a:"none",t))!=null?f:"0px"};`},o=()=>e.justify!==void 0?Le[e.justify]:void 0,s=()=>e.align!==void 0?Be[e.align]:void 0,r=()=>[n(),c()].join("; "),i=()=>[o(),s()].filter(Boolean).join(" ");return m(()=>{var a;return(a=e.as)!=null?a:"div"},l.mergeProps(g(e,["as","gutter","justify","align"]),h({style:r,"data-bedrock-inline-cluster":i})))}const De={start:"justify:start",end:"justify:end",center:"justify:center"},Fe={start:"align:start",end:"align:end",center:"align:center",stretch:"align:stretch"};function Ge(e){return typeof e=="number"&&e>-1?!0:typeof e=="string"&&typeof CSS!==void 0?CSS.supports(`height: ${e}`):!1}function Ve(e){const t=b(),n=()=>{var y;return typeof e.style=="string"?e.style:Object.entries((y=e.style)!=null?y:{}).reduce(($,[w,x])=>$+`${w}:${x};`,"")},c=()=>{var y,$;return`--gutter: ${($=S((y=e.gutter)!=null?y:"none",t))!=null?$:"0px"};`},o=()=>e.minItemWidth?`--minItemWidth: ${typeof e.minItemWidth=="string"?e.minItemWidth:`${e.minItemWidth}px`};`:void 0,s=()=>Ge(e.switchAt)?`--switchAt: ${typeof e.switchAt=="string"?e.switchAt:`${e.switchAt}px`};`:void 0,r=()=>e.justify!==void 0?De[e.justify]:void 0,i=()=>e.align!==void 0?Fe[e.align]:void 0,a=()=>e.stretch?`stretch:${e.stretch}`:void 0,f=()=>[n(),c(),s(),o()].join("; "),u=()=>[r(),i(),a()].filter(Boolean).join(" ");return m(()=>{var y;return(y=e.as)!=null?y:"div"},l.mergeProps(g(e,["as","gutter","justify","align","stretch","switchAt"]),h({style:f,"data-bedrock-inline":u})))}const X=new Set(["left","right","top","bottom","inlineStart","inlineEnd","blockStart","blockEnd"]),He=(e,t)=>({left:`padding-inline-start:${t};`,right:`padding-inline-end:${t};`,top:`padding-block-start:${t};`,bottom:`padding-block-end:${t};`,inlineStart:`padding-inline-start:${t};`,inlineEnd:`padding-inline-end:${t};`,blockStart:`padding-block-start:${t};`,blockEnd:`padding-block-end:${t};`})[e];function _e(e){return t=>{const n=S(t,e);return n!=null?n:"0px"}}function Xe(e,t){var s;if(Array.isArray(t)&&t.length>4)throw new Error("padding arrays can only be 4 or less in length");const n=new Set(Object.keys((s=e==null?void 0:e.spacing)!=null?s:v));(()=>typeof t=="string"?!0:Array.isArray(t)?t.every(r=>n.has(r)):t&&Object.keys(t).every(r=>X.has(r))&&Object.values(t).every(r=>n.has(r)))()||console.error("Invalid padding Type");const o=_e(e);return typeof t=="object"&&!Array.isArray(t)?Object.entries(t).reduce((r,[i,a])=>X.has(i)?r+He(i,o(a)):r,""):t!==void 0?`padding: ${Array.from(Array.isArray(t)?t:[t]).map(r=>o(r)).join(" ")};`:""}function qe(e){const t=b(),n=()=>{var s;return typeof e.style=="string"?e.style:Object.entries((s=e.style)!=null?s:{}).reduce((r,[i,a])=>r+`${i}:${a};`,"")},c=()=>Xe(t,e.padding),o=()=>[n(),c()].join("; ");return m(()=>{var s;return(s=e.as)!=null?s:"div"},l.mergeProps(g(e,["as","padding"]),h({style:o,"data-bedrock-padbox":()=>""})))}function Ke(e){const t=b(),n=()=>{var r;return typeof e.style=="string"?e.style:Object.entries((r=e.style)!=null?r:{}).reduce((i,[a,f])=>i+`${a}:${f};`,"")},c=()=>{var r,i;return`--gutter: ${(i=S((r=e.gutter)!=null?r:"none",t))!=null?i:"0px"};`},o=()=>{switch(e.snapType){case"none":return"snapType:none";case"proximity":return"snapType:proximity";case"mandatory":return"snapType:mandatory";default:return"snapType:none"}},s=()=>[n(),c()].join("; ");return m(()=>{var r;return(r=e.as)!=null?r:"div"},l.mergeProps(g(e,["as","gutter"]),h({style:s,"data-bedrock-reel":o})))}function N(e){const t=b(),n=()=>{var s;return typeof e.style=="string"?e.style:Object.entries((s=e.style)!=null?s:{}).reduce((r,[i,a])=>r+`${i}:${a};`,"")},c=()=>{var s,r;return`--gutter: ${(r=S((s=e.gutter)!=null?s:"none",t))!=null?r:"0px"};`},o=()=>[n(),c()].join("; ");return m(()=>{var s;return(s=e.as)!=null?s:"div"},l.mergeProps(g(e,["as","gutter"]),h({style:o,"data-bedrock-stack":()=>""})))}const q={"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 K(e){const t=b(),n=()=>{var r;return typeof e.style=="string"?e.style:Object.entries((r=e.style)!=null?r:{}).reduce((i,[a,f])=>i+`${a}:${f};`,"")},c=()=>{var r,i;return`--gutter: ${(i=S((r=e.gutter)!=null?r:"none",t))!=null?i:"0px"};`},o=()=>{var r,i;return(i=q[(r=e.fraction)!=null?r:"1/2"])!=null?i:q["1/2"]},s=()=>[n(),c()].join("; ");return m(()=>{var r;return(r=e.as)!=null?r:"div"},l.mergeProps(g(e,["as","gutter","fraction"]),h({style:s,"data-bedrock-split":o})))}const ze=e=>{const[t,n]=l.splitProps(e,["switchAt","fraction"]),c=typeof t.switchAt=="string"?E(t.switchAt):t.switchAt,o=Math.max(c!=null?c:0,0),[s,r]=R(o,e.ref);return React.createElement(l.Switch,null,React.createElement(l.Match,{when:s()===!1},React.createElement(K,{fraction:t.fraction,...n,ref:r})),React.createElement(l.Match,{when:s()===!0},React.createElement(N,{...n,ref:r})))};function Ue(e){return typeof e=="number"?`${e}px`:e&&M(e)?e:"100vh"}function Qe(e){const t=b(),n=()=>{var i;return typeof e.style=="string"?e.style:Object.entries((i=e.style)!=null?i:{}).reduce((a,[f,u])=>a+`${f}:${u};`,"")},c=()=>{var i,a;return`--gutter: ${(a=S((i=e.gutter)!=null?i:"none",t))!=null?a:"0px"};`},o=()=>`--minHeight: ${Ue(e.minHeight)};`,s=()=>e.stretchContent===!0?"stretch-content":"",r=()=>[n(),c(),o()].join("; ");return m(()=>{var i;return(i=e.as)!=null?i:"div"},l.mergeProps(g(e,["as","minHeight","stretchContent"]),h({style:r,"data-bedrock-cover":s})))}const Ye=e=>React.createElement(Qe,{...e},e.top,React.createElement("div",{"data-bedrock-cover-centered":!0},e.children),e.bottom);function z(e){const t=b(),n=()=>{var i;return typeof e.style=="string"?e.style:Object.entries((i=e.style)!=null?i:{}).reduce((a,[f,u])=>a+`${f}:${u};`,"")},c=()=>{var i,a;return`--gutter: ${(a=S((i=e.gutter)!=null?i:"none",t))!=null?a:"0px"};`},o=()=>`--columns: ${e.columns&&e.columns>0?e.columns:1};`,s=()=>e.dense?"dense":"",r=()=>[n(),c(),o()].join("; ");return m(()=>{var i;return(i=e.as)!=null?i:"div"},l.mergeProps(g(e,["as","gutter","columns","dense"]),h({style:r,"data-bedrock-columns":s})))}const Ze=e=>{const[t,n]=l.splitProps(e,["switchAt","columns","dense"]),c=typeof t.switchAt=="string"?E(t.switchAt):t.switchAt,o=Math.max(c!=null?c:0,0),[s,r]=R(o),i=a=>{var f;r(a),(f=n.ref)==null||f.call(n,a)};return React.createElement(l.Switch,null,React.createElement(l.Match,{when:s()===!1},React.createElement(z,{columns:t.columns,dense:t.dense,...n,ref:i})),React.createElement(l.Match,{when:s()===!0},React.createElement(N,{...n,ref:i})))},pe=e=>typeof e=="number"?e:1;function Je(e){const t=()=>{var r;return typeof e.style=="string"?e.style:Object.entries((r=e.style)!=null?r:{}).reduce((i,[a,f])=>i+`${a}:${f};`,"")},n=()=>`--span: ${pe(e.span)};`,c=()=>e.offsetStart&&e.offsetStart>0?`--offsetStart: ${e.offsetStart};`:"",o=()=>e.offsetEnd&&e.offsetEnd>0?`--offsetEnd: ${e.offsetEnd};`:"",s=()=>[t(),n(),c(),o()].join("; ");return m(()=>{var r;return(r=e.as)!=null?r:"div"},l.mergeProps(g(e,["as","span","offsetStart","offsetEnd"]),h({style:s,"data-bedrock-column":()=>""})))}d.Center=Ae,d.Column=Je,d.ColumnDrop=je,d.Columns=Ze,d.ColumnsBase=z,d.Cover=Ye,d.Frame=Te,d.Grid=H,d.Inline=Ve,d.InlineCluster=We,d.MasonryGrid=Ne,d.PadBox=qe,d.Reel=Ke,d.Split=ze,d.SplitBase=K,d.Stack=N,d.ThemeProvider=Ee,d.checkIsCSSLength=M,d.createContainerQuery=R,d.getSpacingValue=S,d.spacing=v,d.useTheme=b,Object.defineProperties(d,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(h,d){typeof exports=="object"&&typeof module<"u"?d(exports,require("solid-js"),require("@bedrock-layout/register-resize-callback")):typeof define=="function"&&define.amd?define(["exports","solid-js","@bedrock-layout/register-resize-callback"],d):(h=typeof globalThis<"u"?globalThis:h||self,d(h.solid={},h.solidJs,h.registerResizeCallback))})(this,function(h,d,S){"use strict";function z(){return z=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&(e[i]=n[i])}return e},z.apply(this,arguments)}var J=z({},{"--gray-0":"#f8f9fa","--gray-1":"#f1f3f5","--gray-2":"#e9ecef","--gray-3":"#dee2e6","--gray-4":"#ced4da","--gray-5":"#adb5bd","--gray-6":"#868e96","--gray-7":"#495057","--gray-8":"#343a40","--gray-9":"#212529","--gray-10":"#16191d","--gray-11":"#0d0f12","--gray-12":"#030507"},{"--stone-0":"#f8fafb","--stone-1":"#f2f4f6","--stone-2":"#ebedef","--stone-3":"#e0e4e5","--stone-4":"#d1d6d8","--stone-5":"#b1b6b9","--stone-6":"#979b9d","--stone-7":"#7e8282","--stone-8":"#666968","--stone-9":"#50514f","--stone-10":"#3a3a37","--stone-11":"#252521","--stone-12":"#121210"},{"--red-0":"#fff5f5","--red-1":"#ffe3e3","--red-2":"#ffc9c9","--red-3":"#ffa8a8","--red-4":"#ff8787","--red-5":"#ff6b6b","--red-6":"#fa5252","--red-7":"#f03e3e","--red-8":"#e03131","--red-9":"#c92a2a","--red-10":"#b02525","--red-11":"#962020","--red-12":"#7d1a1a"},{"--pink-0":"#fff0f6","--pink-1":"#ffdeeb","--pink-2":"#fcc2d7","--pink-3":"#faa2c1","--pink-4":"#f783ac","--pink-5":"#f06595","--pink-6":"#e64980","--pink-7":"#d6336c","--pink-8":"#c2255c","--pink-9":"#a61e4d","--pink-10":"#8c1941","--pink-11":"#731536","--pink-12":"#59102a"},{"--purple-0":"#f8f0fc","--purple-1":"#f3d9fa","--purple-2":"#eebefa","--purple-3":"#e599f7","--purple-4":"#da77f2","--purple-5":"#cc5de8","--purple-6":"#be4bdb","--purple-7":"#ae3ec9","--purple-8":"#9c36b5","--purple-9":"#862e9c","--purple-10":"#702682","--purple-11":"#5a1e69","--purple-12":"#44174f"},{"--violet-0":"#f3f0ff","--violet-1":"#e5dbff","--violet-2":"#d0bfff","--violet-3":"#b197fc","--violet-4":"#9775fa","--violet-5":"#845ef7","--violet-6":"#7950f2","--violet-7":"#7048e8","--violet-8":"#6741d9","--violet-9":"#5f3dc4","--violet-10":"#5235ab","--violet-11":"#462d91","--violet-12":"#3a2578"},{"--indigo-0":"#edf2ff","--indigo-1":"#dbe4ff","--indigo-2":"#bac8ff","--indigo-3":"#91a7ff","--indigo-4":"#748ffc","--indigo-5":"#5c7cfa","--indigo-6":"#4c6ef5","--indigo-7":"#4263eb","--indigo-8":"#3b5bdb","--indigo-9":"#364fc7","--indigo-10":"#2f44ad","--indigo-11":"#283a94","--indigo-12":"#21307a"},{"--blue-0":"#e7f5ff","--blue-1":"#d0ebff","--blue-2":"#a5d8ff","--blue-3":"#74c0fc","--blue-4":"#4dabf7","--blue-5":"#339af0","--blue-6":"#228be6","--blue-7":"#1c7ed6","--blue-8":"#1971c2","--blue-9":"#1864ab","--blue-10":"#145591","--blue-11":"#114678","--blue-12":"#0d375e"},{"--cyan-0":"#e3fafc","--cyan-1":"#c5f6fa","--cyan-2":"#99e9f2","--cyan-3":"#66d9e8","--cyan-4":"#3bc9db","--cyan-5":"#22b8cf","--cyan-6":"#15aabf","--cyan-7":"#1098ad","--cyan-8":"#0c8599","--cyan-9":"#0b7285","--cyan-10":"#095c6b","--cyan-11":"#074652","--cyan-12":"#053038"},{"--teal-0":"#e6fcf5","--teal-1":"#c3fae8","--teal-2":"#96f2d7","--teal-3":"#63e6be","--teal-4":"#38d9a9","--teal-5":"#20c997","--teal-6":"#12b886","--teal-7":"#0ca678","--teal-8":"#099268","--teal-9":"#087f5b","--teal-10":"#066649","--teal-11":"#054d37","--teal-12":"#033325"},{"--green-0":"#ebfbee","--green-1":"#d3f9d8","--green-2":"#b2f2bb","--green-3":"#8ce99a","--green-4":"#69db7c","--green-5":"#51cf66","--green-6":"#40c057","--green-7":"#37b24d","--green-8":"#2f9e44","--green-9":"#2b8a3e","--green-10":"#237032","--green-11":"#1b5727","--green-12":"#133d1b"},{"--lime-0":"#f4fce3","--lime-1":"#e9fac8","--lime-2":"#d8f5a2","--lime-3":"#c0eb75","--lime-4":"#a9e34b","--lime-5":"#94d82d","--lime-6":"#82c91e","--lime-7":"#74b816","--lime-8":"#66a80f","--lime-9":"#5c940d","--lime-10":"#4c7a0b","--lime-11":"#3c6109","--lime-12":"#2c4706"},{"--yellow-0":"#fff9db","--yellow-1":"#fff3bf","--yellow-2":"#ffec99","--yellow-3":"#ffe066","--yellow-4":"#ffd43b","--yellow-5":"#fcc419","--yellow-6":"#fab005","--yellow-7":"#f59f00","--yellow-8":"#f08c00","--yellow-9":"#e67700","--yellow-10":"#b35c00","--yellow-11":"#804200","--yellow-12":"#663500"},{"--orange-0":"#fff4e6","--orange-1":"#ffe8cc","--orange-2":"#ffd8a8","--orange-3":"#ffc078","--orange-4":"#ffa94d","--orange-5":"#ff922b","--orange-6":"#fd7e14","--orange-7":"#f76707","--orange-8":"#e8590c","--orange-9":"#d9480f","--orange-10":"#bf400d","--orange-11":"#99330b","--orange-12":"#802b09"},{"--choco-0":"#fff8dc","--choco-1":"#fce1bc","--choco-2":"#f7ca9e","--choco-3":"#f1b280","--choco-4":"#e99b62","--choco-5":"#df8545","--choco-6":"#d46e25","--choco-7":"#bd5f1b","--choco-8":"#a45117","--choco-9":"#8a4513","--choco-10":"#703a13","--choco-11":"#572f12","--choco-12":"#3d210d"},{"--brown-0":"#faf4eb","--brown-1":"#ede0d1","--brown-2":"#e0cab7","--brown-3":"#d3b79e","--brown-4":"#c5a285","--brown-5":"#b78f6d","--brown-6":"#a87c56","--brown-7":"#956b47","--brown-8":"#825b3a","--brown-9":"#6f4b2d","--brown-10":"#5e3a21","--brown-11":"#4e2b15","--brown-12":"#422412"},{"--sand-0":"#f8fafb","--sand-1":"#e6e4dc","--sand-2":"#d5cfbd","--sand-3":"#c2b9a0","--sand-4":"#aea58c","--sand-5":"#9a9178","--sand-6":"#867c65","--sand-7":"#736a53","--sand-8":"#5f5746","--sand-9":"#4b4639","--sand-10":"#38352d","--sand-11":"#252521","--sand-12":"#121210"},{"--camo-0":"#f9fbe7","--camo-1":"#e8ed9c","--camo-2":"#d2df4e","--camo-3":"#c2ce34","--camo-4":"#b5bb2e","--camo-5":"#a7a827","--camo-6":"#999621","--camo-7":"#8c851c","--camo-8":"#7e7416","--camo-9":"#6d6414","--camo-10":"#5d5411","--camo-11":"#4d460e","--camo-12":"#36300a"},{"--jungle-0":"#ecfeb0","--jungle-1":"#def39a","--jungle-2":"#d0e884","--jungle-3":"#c2dd6e","--jungle-4":"#b5d15b","--jungle-5":"#a8c648","--jungle-6":"#9bbb36","--jungle-7":"#8fb024","--jungle-8":"#84a513","--jungle-9":"#7a9908","--jungle-10":"#658006","--jungle-11":"#516605","--jungle-12":"#3d4d04"}),ee=z({},{"--gray-0-hsl":"210 17% 98%","--gray-1-hsl":"210 17% 95%","--gray-2-hsl":"210 16% 93%","--gray-3-hsl":"210 14% 89%","--gray-4-hsl":"210 14% 83%","--gray-5-hsl":"210 11% 71%","--gray-6-hsl":"210 7% 56%","--gray-7-hsl":"210 9% 31%","--gray-8-hsl":"210 10% 23%","--gray-9-hsl":"210 11% 15%","--gray-10-hsl":"214 14% 10%","--gray-11-hsl":"216 16% 6%","--gray-12-hsl":"210 40% 2%"},{"--stone-0-hsl":"200 27% 98%","--stone-1-hsl":"210 18% 96%","--stone-2-hsl":"210 11% 93%","--stone-3-hsl":"192 9% 89%","--stone-4-hsl":"197 8% 83%","--stone-5-hsl":"202 5% 71%","--stone-6-hsl":"200 3% 60%","--stone-7-hsl":"180 2% 50%","--stone-8-hsl":"160 1% 41%","--stone-9-hsl":"90 1% 31%","--stone-10-hsl":"60 3% 22%","--stone-11-hsl":"60 6% 14%","--stone-12-hsl":"60 6% 7%"},{"--red-0-hsl":"0 100% 98%","--red-1-hsl":"0 100% 95%","--red-2-hsl":"0 100% 89%","--red-3-hsl":"0 100% 83%","--red-4-hsl":"0 100% 76%","--red-5-hsl":"0 100% 71%","--red-6-hsl":"0 94% 65%","--red-7-hsl":"0 86% 59%","--red-8-hsl":"0 74% 54%","--red-9-hsl":"0 65% 48%","--red-10-hsl":"0 65% 42%","--red-11-hsl":"0 65% 36%","--red-12-hsl":"0 66% 30%"},{"--pink-0-hsl":"336 100% 97%","--pink-1-hsl":"336 100% 94%","--pink-2-hsl":"338 91% 87%","--pink-3-hsl":"339 90% 81%","--pink-4-hsl":"339 88% 74%","--pink-5-hsl":"339 82% 67%","--pink-6-hsl":"339 76% 59%","--pink-7-hsl":"339 67% 52%","--pink-8-hsl":"339 68% 45%","--pink-9-hsl":"339 69% 38%","--pink-10-hsl":"339 70% 32%","--pink-11-hsl":"339 69% 27%","--pink-12-hsl":"339 70% 21%"},{"--purple-0-hsl":"280 67% 96%","--purple-1-hsl":"287 77% 92%","--purple-2-hsl":"288 86% 86%","--purple-3-hsl":"289 85% 78%","--purple-4-hsl":"288 83% 71%","--purple-5-hsl":"288 75% 64%","--purple-6-hsl":"288 67% 58%","--purple-7-hsl":"288 56% 52%","--purple-8-hsl":"288 54% 46%","--purple-9-hsl":"288 54% 40%","--purple-10-hsl":"288 55% 33%","--purple-11-hsl":"288 56% 26%","--purple-12-hsl":"288 55% 20%"},{"--violet-0-hsl":"252 100% 97%","--violet-1-hsl":"257 100% 93%","--violet-2-hsl":"256 100% 87%","--violet-3-hsl":"255 94% 79%","--violet-4-hsl":"255 93% 72%","--violet-5-hsl":"255 91% 67%","--violet-6-hsl":"255 86% 63%","--violet-7-hsl":"255 78% 60%","--violet-8-hsl":"255 67% 55%","--violet-9-hsl":"255 53% 50%","--violet-10-hsl":"255 53% 44%","--violet-11-hsl":"255 53% 37%","--violet-12-hsl":"255 53% 31%"},{"--indigo-0-hsl":"223 100% 96%","--indigo-1-hsl":"225 100% 93%","--indigo-2-hsl":"228 100% 86%","--indigo-3-hsl":"228 100% 78%","--indigo-4-hsl":"228 96% 72%","--indigo-5-hsl":"228 94% 67%","--indigo-6-hsl":"228 89% 63%","--indigo-7-hsl":"228 81% 59%","--indigo-8-hsl":"228 69% 55%","--indigo-9-hsl":"230 57% 50%","--indigo-10-hsl":"230 57% 43%","--indigo-11-hsl":"230 57% 37%","--indigo-12-hsl":"230 57% 30%"},{"--blue-0-hsl":"205 100% 95%","--blue-1-hsl":"206 100% 91%","--blue-2-hsl":"206 100% 82%","--blue-3-hsl":"206 96% 72%","--blue-4-hsl":"207 91% 64%","--blue-5-hsl":"207 86% 57%","--blue-6-hsl":"208 80% 52%","--blue-7-hsl":"208 77% 47%","--blue-8-hsl":"209 77% 43%","--blue-9-hsl":"209 75% 38%","--blue-10-hsl":"209 76% 32%","--blue-11-hsl":"209 75% 27%","--blue-12-hsl":"209 76% 21%"},{"--cyan-0-hsl":"185 81% 94%","--cyan-1-hsl":"185 84% 88%","--cyan-2-hsl":"186 77% 77%","--cyan-3-hsl":"187 74% 65%","--cyan-4-hsl":"187 69% 55%","--cyan-5-hsl":"188 72% 47%","--cyan-6-hsl":"187 80% 42%","--cyan-7-hsl":"188 83% 37%","--cyan-8-hsl":"189 85% 32%","--cyan-9-hsl":"189 85% 28%","--cyan-10-hsl":"189 84% 23%","--cyan-11-hsl":"190 84% 17%","--cyan-12-hsl":"189 84% 12%"},{"--teal-0-hsl":"161 79% 95%","--teal-1-hsl":"160 85% 87%","--teal-2-hsl":"162 78% 77%","--teal-3-hsl":"162 72% 65%","--teal-4-hsl":"162 68% 54%","--teal-5-hsl":"162 73% 46%","--teal-6-hsl":"162 82% 40%","--teal-7-hsl":"162 87% 35%","--teal-8-hsl":"162 88% 30%","--teal-9-hsl":"162 88% 26%","--teal-10-hsl":"162 89% 21%","--teal-11-hsl":"162 88% 16%","--teal-12-hsl":"163 89% 11%"},{"--green-0-hsl":"131 67% 95%","--green-1-hsl":"128 76% 90%","--green-2-hsl":"128 71% 82%","--green-3-hsl":"129 68% 73%","--green-4-hsl":"130 61% 64%","--green-5-hsl":"130 57% 56%","--green-6-hsl":"131 50% 50%","--green-7-hsl":"131 53% 46%","--green-8-hsl":"131 54% 40%","--green-9-hsl":"132 52% 35%","--green-10-hsl":"132 52% 29%","--green-11-hsl":"132 53% 22%","--green-12-hsl":"131 53% 16%"},{"--lime-0-hsl":"79 81% 94%","--lime-1-hsl":"80 83% 88%","--lime-2-hsl":"81 81% 80%","--lime-3-hsl":"82 75% 69%","--lime-4-hsl":"83 73% 59%","--lime-5-hsl":"84 69% 51%","--lime-6-hsl":"85 74% 45%","--lime-7-hsl":"85 79% 40%","--lime-8-hsl":"86 84% 36%","--lime-9-hsl":"85 84% 32%","--lime-10-hsl":"85 83% 26%","--lime-11-hsl":"85 83% 21%","--lime-12-hsl":"85 84% 15%"},{"--yellow-0-hsl":"50 100% 93%","--yellow-1-hsl":"49 100% 87%","--yellow-2-hsl":"49 100% 80%","--yellow-3-hsl":"48 100% 70%","--yellow-4-hsl":"47 100% 62%","--yellow-5-hsl":"45 97% 54%","--yellow-6-hsl":"42 96% 50%","--yellow-7-hsl":"39 100% 48%","--yellow-8-hsl":"35 100% 47%","--yellow-9-hsl":"31 100% 45%","--yellow-10-hsl":"31 100% 35%","--yellow-11-hsl":"31 100% 25%","--yellow-12-hsl":"31 100% 20%"},{"--orange-0-hsl":"34 100% 95%","--orange-1-hsl":"33 100% 90%","--orange-2-hsl":"33 100% 83%","--orange-3-hsl":"32 100% 74%","--orange-4-hsl":"31 100% 65%","--orange-5-hsl":"29 100% 58%","--orange-6-hsl":"27 98% 54%","--orange-7-hsl":"24 94% 50%","--orange-8-hsl":"21 90% 48%","--orange-9-hsl":"17 87% 45%","--orange-10-hsl":"17 87% 40%","--orange-11-hsl":"17 87% 32%","--orange-12-hsl":"17 87% 27%"},{"--choco-0-hsl":"48 100% 93%","--choco-1-hsl":"35 91% 86%","--choco-2-hsl":"30 85% 79%","--choco-3-hsl":"27 80% 72%","--choco-4-hsl":"25 75% 65%","--choco-5-hsl":"25 71% 57%","--choco-6-hsl":"25 70% 49%","--choco-7-hsl":"25 75% 42%","--choco-8-hsl":"25 75% 37%","--choco-9-hsl":"25 76% 31%","--choco-10-hsl":"25 71% 26%","--choco-11-hsl":"25 66% 21%","--choco-12-hsl":"25 65% 15%"},{"--brown-0-hsl":"36 60% 95%","--brown-1-hsl":"32 44% 87%","--brown-2-hsl":"28 40% 80%","--brown-3-hsl":"28 38% 72%","--brown-4-hsl":"27 36% 65%","--brown-5-hsl":"28 34% 57%","--brown-6-hsl":"28 32% 50%","--brown-7-hsl":"28 35% 43%","--brown-8-hsl":"28 38% 37%","--brown-9-hsl":"27 42% 31%","--brown-10-hsl":"25 48% 25%","--brown-11-hsl":"23 58% 19%","--brown-12-hsl":"22 57% 16%"},{"--sand-0-hsl":"200 27% 98%","--sand-1-hsl":"48 17% 88%","--sand-2-hsl":"45 22% 79%","--sand-3-hsl":"44 22% 69%","--sand-4-hsl":"44 17% 62%","--sand-5-hsl":"44 14% 54%","--sand-6-hsl":"42 14% 46%","--sand-7-hsl":"43 16% 39%","--sand-8-hsl":"41 15% 32%","--sand-9-hsl":"43 14% 26%","--sand-10-hsl":"44 11% 20%","--sand-11-hsl":"60 6% 14%","--sand-12-hsl":"60 6% 7%"},{"--camo-0-hsl":"66 71% 95%","--camo-1-hsl":"64 69% 77%","--camo-2-hsl":"65 69% 59%","--camo-3-hsl":"65 61% 51%","--camo-4-hsl":"63 61% 46%","--camo-5-hsl":"60 62% 41%","--camo-6-hsl":"59 65% 36%","--camo-7-hsl":"56 67% 33%","--camo-8-hsl":"54 70% 29%","--camo-9-hsl":"54 69% 25%","--camo-10-hsl":"53 69% 22%","--camo-11-hsl":"53 69% 18%","--camo-12-hsl":"52 69% 13%"},{"--jungle-0-hsl":"74 98% 84%","--jungle-1-hsl":"74 79% 78%","--jungle-2-hsl":"74 68% 71%","--jungle-3-hsl":"75 62% 65%","--jungle-4-hsl":"74 56% 59%","--jungle-5-hsl":"74 53% 53%","--jungle-6-hsl":"74 55% 47%","--jungle-7-hsl":"74 66% 42%","--jungle-8-hsl":"74 79% 36%","--jungle-9-hsl":"73 90% 32%","--jungle-10-hsl":"73 91% 26%","--jungle-11-hsl":"73 91% 21%","--jungle-12-hsl":"73 90% 16%"}),j={"--shadow-color":"220 3% 15%","--shadow-strength":"1%","--shadow-color-@media:dark":"220 40% 2%","--shadow-strength-@media:dark":"25%","--shadow-1":"0 1px 2px -1px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%))","--shadow-2":`
+    0 3px 5px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)),
+    0 7px 14px -5px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 5%))`,"--shadow-3":`
+    0 -1px 3px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 2%)),
+    0 1px 2px -5px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 2%)),
+    0 2px 5px -5px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 4%)),
+    0 4px 12px -5px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 5%)),
+    0 12px 15px -5px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 7%))`,"--shadow-4":`
+    0 -2px 5px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 2%)),
+    0 1px 1px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)),
+    0 2px 2px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)),
+    0 5px 5px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 4%)),
+    0 9px 9px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 5%)),
+    0 16px 16px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 6%))`,"--shadow-5":`
+    0 -1px 2px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 2%)),
+    0 2px 1px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)),
+    0 5px 5px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)),
+    0 10px 10px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 4%)),
+    0 20px 20px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 5%)),
+    0 40px 40px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 7%))`,"--shadow-6":`
+    0 -1px 2px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 2%)),
+    0 3px 2px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)),
+    0 7px 5px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)),
+    0 12px 10px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 4%)),
+    0 22px 18px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 5%)),
+    0 41px 33px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 6%)),
+    0 100px 80px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 7%))`,"--inner-shadow-0":"inset 0 0 0 1px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%))","--inner-shadow-1":"inset 0 1px 2px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%))","--inner-shadow-2":"inset 0 1px 4px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%))","--inner-shadow-3":"inset 0 2px 8px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%))","--inner-shadow-4":"inset 0 2px 14px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%))"};Object.fromEntries(Object.entries(j).map(function(e){var t=e[1];return[e[0],t=(t=t.replace(/var(--shadow-color)/g,j["--shadow-color"])).replace(/var(--shadow-strength)/g,j["--shadow-strength"])]}).filter(function(e){return!["--shadow-color","--shadow-strength"].includes(e[0])}));var te=function(e){for(var t in e)e[n=t,(n=n.replace(/[-]+(.)?/g,function(i,r){return r?r.toUpperCase():""})).substr(0,1).toLowerCase()+n.substr(1)]=e[t];var n;return e}(z({},{"--animation-fade-in":"fade-in .5s var(--ease-3)","--animation-fade-in-@":`
+@keyframes fade-in {
+  to { opacity: 1 }
+}`,"--animation-fade-in-bloom":"fade-in-bloom 2s var(--ease-3)","--animation-fade-in-bloom-@":`
+@keyframes fade-in-bloom {
+  0% { opacity: 0; filter: brightness(1) blur(20px) }
+ 10% { opacity: 1; filter: brightness(2) blur(10px) }
+100% { opacity: 1; filter: brightness(1) blur(0) }
+}`,"--animation-fade-in-bloom-@media:dark":`
+@keyframes fade-in-bloom {
+  0% { opacity: 0; filter: brightness(1) blur(20px) }
+ 10% { opacity: 1; filter: brightness(0.5) blur(10px) }
+100% { opacity: 1; filter: brightness(1) blur(0) }
+}`,"--animation-fade-out":"fade-out .5s var(--ease-3)","--animation-fade-out-@":`
+@keyframes fade-out {
+  to { opacity: 0 }
+}`,"--animation-fade-out-bloom":"fade-out-bloom 2s var(--ease-3)","--animation-fade-out-bloom-@":`
+@keyframes fade-out-bloom {
+100% { opacity: 0; filter: brightness(1) blur(20px) }
+ 10% { opacity: 1; filter: brightness(2) blur(10px) }
+  0% { opacity: 1; filter: brightness(1) blur(0) }
+}`,"--animation-fade-out-bloom-@media:dark":`
+@keyframes fade-out-bloom {
+100% { opacity: 0; filter: brightness(1) blur(20px) }
+ 10% { opacity: 1; filter: brightness(0.5) blur(10px) }
+  0% { opacity: 1; filter: brightness(1) blur(0) }
+}`,"--animation-scale-up":"scale-up .5s var(--ease-3)","--animation-scale-up-@":`
+@keyframes scale-up {
+  to { transform: scale(1.25) }
+}`,"--animation-scale-down":"scale-down .5s var(--ease-3)","--animation-scale-down-@":`
+@keyframes scale-down {
+  to { transform: scale(.75) }
+}`,"--animation-slide-out-up":"slide-out-up .5s var(--ease-3)","--animation-slide-out-up-@":`
+@keyframes slide-out-up {
+  to { transform: translateY(-100%) }
+}`,"--animation-slide-out-down":"slide-out-down .5s var(--ease-3)","--animation-slide-out-down-@":`
+@keyframes slide-out-down {
+  to { transform: translateY(100%) }
+}`,"--animation-slide-out-right":"slide-out-right .5s var(--ease-3)","--animation-slide-out-right-@":`
+@keyframes slide-out-right {
+  to { transform: translateX(100%) }
+}`,"--animation-slide-out-left":"slide-out-left .5s var(--ease-3)","--animation-slide-out-left-@":`
+@keyframes slide-out-left {
+  to { transform: translateX(-100%) }
+}`,"--animation-slide-in-up":"slide-in-up .5s var(--ease-3)","--animation-slide-in-up-@":`
+@keyframes slide-in-up {
+  from { transform: translateY(100%) }
+}`,"--animation-slide-in-down":"slide-in-down .5s var(--ease-3)","--animation-slide-in-down-@":`
+@keyframes slide-in-down {
+  from { transform: translateY(-100%) }
+}`,"--animation-slide-in-right":"slide-in-right .5s var(--ease-3)","--animation-slide-in-right-@":`
+@keyframes slide-in-right {
+  from { transform: translateX(-100%) }
+}`,"--animation-slide-in-left":"slide-in-left .5s var(--ease-3)","--animation-slide-in-left-@":`
+@keyframes slide-in-left {
+  from { transform: translateX(100%) }
+}`,"--animation-shake-x":"shake-x .75s var(--ease-out-5)","--animation-shake-x-@":`
+@keyframes shake-x {
+  0%, 100% { transform: translateX(0%) }
+  20% { transform: translateX(-5%) }
+  40% { transform: translateX(5%) }
+  60% { transform: translateX(-5%) }
+  80% { transform: translateX(5%) }
+}`,"--animation-shake-y":"shake-y .75s var(--ease-out-5)","--animation-shake-y-@":`
+@keyframes shake-y {
+  0%, 100% { transform: translateY(0%) }
+  20% { transform: translateY(-5%) }
+  40% { transform: translateY(5%) }
+  60% { transform: translateY(-5%) }
+  80% { transform: translateY(5%) }
+}`,"--animation-spin":"spin 2s linear infinite","--animation-spin-@":`
+@keyframes spin {
+  to { transform: rotate(1turn) }
+}`,"--animation-ping":"ping 5s var(--ease-out-3) infinite","--animation-ping-@":`
+@keyframes ping {
+  90%, 100% {
+    transform: scale(2);
+    opacity: 0;
+  }
+}`,"--animation-blink":"blink 1s var(--ease-out-3) infinite","--animation-blink-@":`
+@keyframes blink {
+  0%, 100% {
+    opacity: 1
+  }
+  50% {
+    opacity: .5
+  }
+}`,"--animation-float":"float 3s var(--ease-in-out-3) infinite","--animation-float-@":`
+@keyframes float {
+  50% { transform: translateY(-25%) }
+}`,"--animation-bounce":"bounce 2s var(--ease-squish-2) infinite","--animation-bounce-@":`
+@keyframes bounce {
+  25% { transform: translateY(-20%) }
+  40% { transform: translateY(-3%) }
+  0%, 60%, 100% { transform: translateY(0) }
+}`,"--animation-pulse":"pulse 2s var(--ease-out-3) infinite","--animation-pulse-@":`
+@keyframes pulse {
+  50% { transform: scale(.9,.9) }
+}`},{"--size-000":"-.5rem","--size-00":"-.25rem","--size-1":".25rem","--size-2":".5rem","--size-3":"1rem","--size-4":"1.25rem","--size-5":"1.5rem","--size-6":"1.75rem","--size-7":"2rem","--size-8":"3rem","--size-9":"4rem","--size-10":"5rem","--size-11":"7.5rem","--size-12":"10rem","--size-13":"15rem","--size-14":"20rem","--size-15":"30rem","--size-fluid-1":"clamp(.5rem, 1vw, 1rem)","--size-fluid-2":"clamp(1rem, 2vw, 1.5rem)","--size-fluid-3":"clamp(1.5rem, 3vw, 2rem)","--size-fluid-4":"clamp(2rem, 4vw, 3rem)","--size-fluid-5":"clamp(4rem, 5vw, 5rem)","--size-fluid-6":"clamp(5rem, 7vw, 7.5rem)","--size-fluid-7":"clamp(7.5rem, 10vw, 10rem)","--size-fluid-8":"clamp(10rem, 20vw, 15rem)","--size-fluid-9":"clamp(15rem, 30vw, 20rem)","--size-fluid-10":"clamp(20rem, 40vw, 30rem)","--size-content-1":"20ch","--size-content-2":"45ch","--size-content-3":"60ch","--size-header-1":"20ch","--size-header-2":"25ch","--size-header-3":"35ch","--size-xxs":"240px","--size-xs":"360px","--size-sm":"480px","--size-md":"768px","--size-lg":"1024px","--size-xl":"1440px","--size-xxl":"1920px"},J,ee,{"--font-sans":"system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif","--font-serif":"ui-serif,serif","--font-mono":"Dank Mono,Operator Mono,Inconsolata,Fira Mono,ui-monospace,SF Mono,Monaco,Droid Sans Mono,Source Code Pro,monospace","--font-weight-1":"100","--font-weight-2":"200","--font-weight-3":"300","--font-weight-4":"400","--font-weight-5":"500","--font-weight-6":"600","--font-weight-7":"700","--font-weight-8":"800","--font-weight-9":"900","--font-lineheight-00":".95","--font-lineheight-0":"1.1","--font-lineheight-1":"1.25","--font-lineheight-2":"1.375","--font-lineheight-3":"1.5","--font-lineheight-4":"1.75","--font-lineheight-5":"2","--font-letterspacing-0":"-.05em","--font-letterspacing-1":".025em","--font-letterspacing-2":".050em","--font-letterspacing-3":".075em","--font-letterspacing-4":".150em","--font-letterspacing-5":".500em","--font-letterspacing-6":".750em","--font-letterspacing-7":"1em","--font-size-00":".5rem","--font-size-0":".75rem","--font-size-1":"1rem","--font-size-2":"1.1rem","--font-size-3":"1.25rem","--font-size-4":"1.5rem","--font-size-5":"2rem","--font-size-6":"2.5rem","--font-size-7":"3rem","--font-size-8":"3.5rem","--font-size-fluid-0":"clamp(.75rem, 2vw, 1rem)","--font-size-fluid-1":"clamp(1rem, 4vw, 1.5rem)","--font-size-fluid-2":"clamp(1.5rem, 6vw, 2.5rem)","--font-size-fluid-3":"clamp(2rem, 9vw, 3.5rem)"},{"--border-size-1":"1px","--border-size-2":"2px","--border-size-3":"5px","--border-size-4":"10px","--border-size-5":"25px","--radius-1":"2px","--radius-2":"5px","--radius-3":"1rem","--radius-4":"2rem","--radius-5":"4rem","--radius-6":"8rem","--radius-round":"1e5px","--radius-blob-1":"30% 70% 70% 30% / 53% 30% 70% 47%","--radius-blob-2":"53% 47% 34% 66% / 63% 46% 54% 37%","--radius-blob-3":"37% 63% 56% 44% / 49% 56% 44% 51%","--radius-blob-4":"63% 37% 37% 63% / 43% 37% 63% 57%","--radius-blob-5":"49% 51% 48% 52% / 57% 44% 56% 43%","--radius-conditional-1":"clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-1))","--radius-conditional-2":"clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-2))","--radius-conditional-3":"clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-3))","--radius-conditional-4":"clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-4))","--radius-conditional-5":"clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-5))","--radius-conditional-6":"clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-6))"},{"--ratio-square":"1","--ratio-landscape":"4/3","--ratio-portrait":"3/4","--ratio-widescreen":"16/9","--ratio-ultrawide":"18/5","--ratio-golden":"1.6180/1"},{"--ease-1":"cubic-bezier(.25, 0, .5, 1)","--ease-2":"cubic-bezier(.25, 0, .4, 1)","--ease-3":"cubic-bezier(.25, 0, .3, 1)","--ease-4":"cubic-bezier(.25, 0, .2, 1)","--ease-5":"cubic-bezier(.25, 0, .1, 1)","--ease-in-1":"cubic-bezier(.25, 0, 1, 1)","--ease-in-2":"cubic-bezier(.50, 0, 1, 1)","--ease-in-3":"cubic-bezier(.70, 0, 1, 1)","--ease-in-4":"cubic-bezier(.90, 0, 1, 1)","--ease-in-5":"cubic-bezier(1, 0, 1, 1)","--ease-out-1":"cubic-bezier(0, 0, .75, 1)","--ease-out-2":"cubic-bezier(0, 0, .50, 1)","--ease-out-3":"cubic-bezier(0, 0, .3, 1)","--ease-out-4":"cubic-bezier(0, 0, .1, 1)","--ease-out-5":"cubic-bezier(0, 0, 0, 1)","--ease-in-out-1":"cubic-bezier(.1, 0, .9, 1)","--ease-in-out-2":"cubic-bezier(.3, 0, .7, 1)","--ease-in-out-3":"cubic-bezier(.5, 0, .5, 1)","--ease-in-out-4":"cubic-bezier(.7, 0, .3, 1)","--ease-in-out-5":"cubic-bezier(.9, 0, .1, 1)","--ease-elastic-1":"cubic-bezier(.5, .75, .75, 1.25)","--ease-elastic-2":"cubic-bezier(.5, 1, .75, 1.25)","--ease-elastic-3":"cubic-bezier(.5, 1.25, .75, 1.25)","--ease-elastic-4":"cubic-bezier(.5, 1.5, .75, 1.25)","--ease-elastic-5":"cubic-bezier(.5, 1.75, .75, 1.25)","--ease-squish-1":"cubic-bezier(.5, -.1, .1, 1.5)","--ease-squish-2":"cubic-bezier(.5, -.3, .1, 1.5)","--ease-squish-3":"cubic-bezier(.5, -.5, .1, 1.5)","--ease-squish-4":"cubic-bezier(.5, -.7, .1, 1.5)","--ease-squish-5":"cubic-bezier(.5, -.9, .1, 1.5)","--ease-step-1":"steps(2)","--ease-step-2":"steps(3)","--ease-step-3":"steps(4)","--ease-step-4":"steps(7)","--ease-step-5":"steps(10)"},{"--squircle-1":`url("data:image/svg+xml,%3Csvg viewbox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d=' M 0, 75 C 0, 18.75 18.75, 0 75, 0 S 150, 18.75 150, 75 131.25, 150 75, 150 0, 131.25 0, 75 ' fill='%23FADB5F' transform='rotate( 0, 100, 100 ) translate( 25 25 )'%3E%3C/path%3E%3C/svg%3E")`,"--squircle-2":`url("data:image/svg+xml,%3Csvg viewbox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d=' M 0, 75 C 0, 13.500000000000004 13.500000000000004, 0 75, 0 S 150, 13.500000000000004 150, 75 136.5, 150 75, 150 0, 136.5 0, 75 ' fill='%23FADB5F' transform='rotate( 0, 100, 100 ) translate( 25 25 )'%3E%3C/path%3E%3C/svg%3E")`,"--squircle-3":`url("data:image/svg+xml,%3Csvg viewbox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d=' M 0, 75 C 0, 5.999999999999997 5.999999999999997, 0 75, 0 S 150, 5.999999999999997 150, 75 144, 150 75, 150 0, 144 0, 75 ' fill='%23FADB5F' transform='rotate( 0, 100, 100 ) translate( 25 25 )'%3E%3C/path%3E%3C/svg%3E")`},{"--gradient-1":"linear-gradient(to bottom right,#1f005c, #5b0060, #870160, #ac255e, #ca485c, #e16b5c, #f39060, #ffb56b)","--gradient-2":"linear-gradient(to bottom right,#48005c, #8300e2, #a269ff)","--gradient-3":`
+    radial-gradient(
+      circle at top right, 
+      hsl(180 100% 50%), hsl(180 100% 50% / 0%)
+    ),
+    radial-gradient(
+      circle at bottom left, 
+      hsl(328 100% 54%), hsl(328 100% 54% / 0%)
+    )`,"--gradient-4":"linear-gradient(to bottom right,#00F5A0,#00D9F5)","--gradient-5":"conic-gradient(from -270deg at 75% 110%, fuchsia, floralwhite)","--gradient-6":"conic-gradient(from -90deg at top left, black, white)","--gradient-7":"linear-gradient(to bottom right,#72C6EF,#004E8F)","--gradient-8":"conic-gradient(from 90deg at 50% 0%, #111, 50%, #222, #111)","--gradient-9":"conic-gradient(from .5turn at bottom center, lightblue, white)","--gradient-10":"conic-gradient(from 90deg at 40% -25%, #ffd700, #f79d03, #ee6907, #e6390a, #de0d0d, #d61039, #cf1261, #c71585, #cf1261, #d61039, #de0d0d, #ee6907, #f79d03, #ffd700, #ffd700, #ffd700)","--gradient-11":"conic-gradient(at bottom left, deeppink, cyan)","--gradient-12":"conic-gradient(from 90deg at 25% -10%, #ff4500, #d3f340, #7bee85, #afeeee, #7bee85)","--gradient-13":"radial-gradient(circle at 50% 200%, #000142, #3b0083, #b300c3, #ff059f, #ff4661, #ffad86, #fff3c7)","--gradient-14":"conic-gradient(at top right, lime, cyan)","--gradient-15":"linear-gradient(to bottom right, #c7d2fe, #fecaca, #fef3c7)","--gradient-16":"radial-gradient(circle at 50% -250%, #374151, #111827, #000)","--gradient-17":"conic-gradient(from -90deg at 50% -25%, blue, blueviolet)","--gradient-18":`
+    linear-gradient(0deg,   hsla(0   100% 50% / 80%), hsla(0   100% 50% / 0) 75%),
+    linear-gradient(60deg,  hsla(60  100% 50% / 80%), hsla(60  100% 50% / 0) 75%),
+    linear-gradient(120deg, hsla(120 100% 50% / 80%), hsla(120 100% 50% / 0) 75%),
+    linear-gradient(180deg, hsla(180 100% 50% / 80%), hsla(180 100% 50% / 0) 75%),
+    linear-gradient(240deg, hsla(240 100% 50% / 80%), hsla(240 100% 50% / 0) 75%),
+    linear-gradient(300deg, hsla(300 100% 50% / 80%), hsla(300 100% 50% / 0) 75%)
+  `,"--gradient-19":"linear-gradient(to bottom right,#ffe259,#ffa751)","--gradient-20":"conic-gradient(from -135deg at -10% center, #ffa500, #ff7715, #ff522a, #ff3f47, #ff5482, #ff69b4)","--gradient-21":"conic-gradient(from -90deg at 25% 115%, #ff0000, #ff0066, #ff00cc, #cc00ff, #6600ff, #0000ff, #0000ff, #0000ff, #0000ff)","--gradient-22":"linear-gradient(to bottom right,#acb6e5,#86fde8)","--gradient-23":"linear-gradient(to bottom right,#536976,#292E49)","--gradient-24":"conic-gradient(from .5turn at 0% 0%, #00c476, 10%, #82b0ff, 90%, #00c476)","--gradient-25":"conic-gradient(at 125% 50%, #b78cf7, #ff7c94, #ffcf0d, #ff7c94, #b78cf7)","--gradient-26":"linear-gradient(to bottom right,#9796f0,#fbc7d4)","--gradient-27":"conic-gradient(from .5turn at bottom left, deeppink, rebeccapurple)","--gradient-28":"conic-gradient(from -90deg at 50% 105%, white, orchid)","--gradient-29":`
+    radial-gradient(
+      circle at top right, 
+      hsl(250 100% 85%), hsl(250 100% 85% / 0%)
+    ),
+    radial-gradient(
+      circle at bottom left, 
+      hsl(220 90% 75%), hsl(220 90% 75% / 0%)
+    )`,"--gradient-30":`radial-gradient(
+      circle at top right, 
+      hsl(150 100% 50%), hsl(150 100% 50% / 0%)
+    ),
+    radial-gradient(
+      circle at bottom left, 
+      hsl(150 100% 84%), hsl(150 100% 84% / 0%)
+    )`,"--noise-1":`url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.005' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")`,"--noise-2":`url("data:image/svg+xml,%3Csvg viewBox='0 0 300 300' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.05' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")`,"--noise-3":`url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.25' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")`,"--noise-4":`url("data:image/svg+xml,%3Csvg viewBox='0 0 2056 2056' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.5' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")`,"--noise-5":`url("data:image/svg+xml,%3Csvg viewBox='0 0 2056 2056' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")`,"--noise-filter-1":"contrast(300%) brightness(100%)","--noise-filter-2":"contrast(200%) brightness(150%)","--noise-filter-3":"contrast(200%) brightness(250%)","--noise-filter-4":"contrast(200%) brightness(500%)","--noise-filter-5":"contrast(200%) brightness(1000%)"},j,{"--layer-1":1,"--layer-2":2,"--layer-3":3,"--layer-4":4,"--layer-5":5,"--layer-important":2147483647},{"--mask-edge-scoop-bottom":"radial-gradient(20px at 50% 100%,#0000 97%,#000) 50% / calc(1.9 * 20px) 100%","--mask-edge-scoop-top":"radial-gradient(20px at 50% 0,#0000 97%,#000) 50% / calc(1.9 * 20px) 100%","--mask-edge-scoop-vertical":"radial-gradient(20px at 50% 20px,#0000 97%,#000) 50% -20px/ calc(1.9 * 20px) 100%","--mask-edge-scoop-left":"radial-gradient(20px at 0 50%,#0000 97%,#000) 50%/ 100% calc(1.9 * 20px)","--mask-edge-scoop-right":"radial-gradient(20px at 100% 50%,#0000 97%,#000) 50%/ 100% calc(1.9 * 20px)","--mask-edge-scoop-horizontal":"radial-gradient(20px at 20px 50%,#0000 97%,#000) -20px/ 100% calc(1.9 * 20px)","--mask-edge-scalloped":`
+    radial-gradient(farthest-side,#000 97%,#0000) 0 0 / 20px 20px round,
+    linear-gradient(#000 0 0) 50%/calc(100% - 20px) calc(100% - 20px) no-repeat
+  `,"--mask-edge-scalloped-bottom":`
+    linear-gradient(to top,#0000 20px,#000 0),
+    radial-gradient(20px at top,#000 97%,#0000) bottom / calc(1.9 * 20px) 20px
+  `,"--mask-edge-scalloped-top":`
+    linear-gradient(to bottom,#0000 20px,#000 0),
+    radial-gradient(20px at bottom,#000 97%,#0000) top / calc(1.9 * 20px) 20px
+  `,"--mask-edge-scalloped-vertical":`
+    linear-gradient(0deg,#0000 calc(2 * 20px),#000 0) 0 20px,
+    radial-gradient(20px,#000 97%,#0000) 50% / calc(1.9 * 20px) calc(2 * 20px) repeat space
+  `,"--mask-edge-scalloped-left":`
+    linear-gradient(to right,#0000 20px,#000 0),
+    radial-gradient(20px at right,#000 97%,#0000) left / 20px calc(1.9 * 20px)
+  `,"--mask-edge-scalloped-right":`
+    linear-gradient(to left,#0000 20px,#000 0),
+    radial-gradient(20px at left,#000 97%,#0000) right / 20px calc(1.9 * 20px)
+  `,"--mask-edge-scalloped-horizontal":`
+    linear-gradient(-90deg,#0000 calc(2 * 20px),#000 0) 20px,
+    radial-gradient(20px,#000 97%,#0000) 50% / calc(2 * 20px) calc(1.9 * 20px) space repeat
+  `,"--mask-edge-drip-bottom":`
+    radial-gradient(20px at bottom,#0000 97%,#000) 50% calc(100% - 20px) / calc(2 * 20px) 100% repeat-x,
+    radial-gradient(20px at 25% 50%,#000 97%,#0000) calc(50% - 20px) 99% / calc(4 * 20px) calc(2 * 20px) repeat-x
+  `,"--mask-edge-drip-top":`
+    radial-gradient(20px at top,#0000 97%,#000) 50% 20px / calc(2 * 20px) 100% repeat-x,
+    radial-gradient(20px at 25% 50%,#000 97%,#0000) calc(50% - 20px) 1% / calc(4 * 20px) calc(2 * 20px) repeat-x
+  `,"--mask-edge-drip-vertical":`
+    radial-gradient(20px at top   ,#0000 97%,#000) 50%             20px  / calc(2 * 20px) 51% repeat-x,
+    radial-gradient(20px at bottom,#0000 97%,#000) 50% calc(100% - 20px) / calc(2 * 20px) 51% repeat-x,
+    radial-gradient(20px at 25% 50%,#000 97%,#0000) calc(50% -   20px) 1%  / calc(4 * 20px) calc(2 * 20px) repeat-x,
+    radial-gradient(20px at 25% 50%,#000 97%,#0000) calc(50% - 3*20px) 99% / calc(4 * 20px) calc(2 * 20px) repeat-x
+  `,"--mask-edge-drip-left":`
+    radial-gradient(20px at left,#0000 97%,#000) 20px 50% / 100% calc(2 * 20px) repeat-y,
+    radial-gradient(20px at 50% 25%,#000 97%,#0000) 1% calc(50% - 20px) / calc(2 * 20px) calc(4 * 20px) repeat-y
+  `,"--mask-edge-drip-right":`
+    radial-gradient(20px at right,#0000 97%,#000) calc(100% - 20px) 50% / 100% calc(2 * 20px) repeat-y,
+    radial-gradient(20px at 50% 25%,#000 97%,#0000) 99% calc(50% - 20px) / calc(2 * 20px) calc(4 * 20px) repeat-y
+  `,"--mask-edge-drip-horizontal":`
+    radial-gradient(20px at left ,#0000 97%,#000)             20px  50% / 51% calc(2 * 20px) repeat-y,  
+    radial-gradient(20px at right,#0000 97%,#000) calc(100% - 20px) 50% / 51% calc(2 * 20px) repeat-y,
+    radial-gradient(20px at 50% 25%,#000 97%,#0000) 1%  calc(50% -   20px) / calc(2 * 20px) calc(4 * 20px) repeat-y,
+    radial-gradient(20px at 50% 25%,#000 97%,#0000) 99% calc(50% - 3*20px) / calc(2 * 20px) calc(4 * 20px) repeat-y
+  `,"--mask-edge-zig-zag-top":"conic-gradient(from 135deg at top,#0000,#000 1deg 90deg,#0000 91deg) 50% / calc(2 * 20px) 100%","--mask-edge-zig-zag-bottom":"conic-gradient(from -45deg at bottom,#0000,#000 1deg 90deg,#0000 91deg) 50% / calc(2 * 20px) 100%","--mask-edge-zig-zag-left":"conic-gradient(from 45deg at left,#0000,#000 1deg 90deg,#0000 91deg) 50% / 100% calc(2 * 20px)","--mask-edge-zig-zag-right":"conic-gradient(from -135deg at right,#0000,#000 1deg 90deg,#0000 91deg) 50% / 100% calc(2 * 20px)","--mask-edge-zig-zag-horizontal":`
+    conic-gradient(from   45deg at left ,#0000,#000 1deg 90deg,#0000 91deg) left  / 51% calc(2 * 20px) repeat-y,
+    conic-gradient(from -135deg at right,#0000,#000 1deg 90deg,#0000 91deg) right / 51% calc(2 * 20px) repeat-y
+  `,"--mask-edge-zig-zag-vertical":`
+    conic-gradient(from 135deg at top   ,#0000,#000 1deg 90deg,#0000 91deg) top    / calc(2 * 20px) 51% repeat-x,
+    conic-gradient(from -45deg at bottom,#0000,#000 1deg 90deg,#0000 91deg) bottom / calc(2 * 20px) 51% repeat-x
+  `},{"--mask-corner-cut-circles-1":"radial-gradient(1rem at 1rem 1rem,#0000 99%,#000) -1rem -1rem","--mask-corner-cut-circles-2":"radial-gradient(2rem at 2rem 2rem,#0000 99%,#000) -2rem -2rem","--mask-corner-cut-circles-3":"radial-gradient(4rem at 4rem 4rem,#0000 99%,#000) -4rem -4rem","--mask-corner-cut-squares-1":"conic-gradient(at calc(2*1rem) calc(2*1rem),#000 75%,#0000 0) -1rem -1rem","--mask-corner-cut-squares-2":"conic-gradient(at calc(2*2rem) calc(2*2rem),#000 75%,#0000 0) -2rem -2rem","--mask-corner-cut-squares-3":"conic-gradient(at calc(2*4rem) calc(2*4rem),#000 75%,#0000 0) -4rem -4rem","--mask-corner-cut-angles-1":`
+    conic-gradient(from -45deg at 1rem 1rem,#0000 25%,#000 0) 
+    -1rem 0   /100% 51% repeat-x,
+    conic-gradient(from 135deg at 1rem calc(100% - 1rem),#0000 25%,#000 0) 
+    -1rem 100%/100% 51% repeat-x
+  `,"--mask-corner-cut-angles-2":`
+    conic-gradient(from -45deg at 2rem 2rem,#0000 25%,#000 0) 
+    -2rem 0   /100% 51% repeat-x,
+    conic-gradient(from 135deg at 2rem calc(100% - 2rem),#0000 25%,#000 0) 
+    -2rem 100%/100% 51% repeat-x
+  `,"--mask-corner-cut-angles-3":`
+    conic-gradient(from -45deg at 4rem 4rem,#0000 25%,#000 0) 
+    -4rem 0   /100% 51% repeat-x,
+    conic-gradient(from 135deg at 4rem calc(100% - 4rem),#0000 25%,#000 0) 
+    -4rem 100%/100% 51% repeat-x
+  `}));const ne=["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=new Set(["className","value","readOnly","formNoValidate","isMap","noModule","playsInline",...ne]),ie=new Set(["innerHTML","textContent","innerText","children"]),re=Object.assign(Object.create(null),{className:"class",htmlFor:"for"}),L=Object.assign(Object.create(null),{class:"className",formnovalidate:"formNoValidate",ismap:"isMap",nomodule:"noModule",playsinline:"playsInline",readonly:"readOnly"}),se=new Set(["beforeinput","click","dblclick","contextmenu","focusin","focusout","input","keydown","keyup","mousedown","mousemove","mouseout","mouseover","mouseup","pointerdown","pointermove","pointerout","pointerover","pointerup","touchend","touchmove","touchstart"]),oe=new Set(["altGlyph","altGlyphDef","altGlyphItem","animate","animateColor","animateMotion","animateTransform","circle","clipPath","color-profile","cursor","defs","desc","ellipse","feBlend","feColorMatrix","feComponentTransfer","feComposite","feConvolveMatrix","feDiffuseLighting","feDisplacementMap","feDistantLight","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"]),le={xlink:"http://www.w3.org/1999/xlink",xml:"http://www.w3.org/XML/1998/namespace"};function ce(e,t,n){let i=n.length,r=t.length,o=i,s=0,a=0,l=t[r-1].nextSibling,c=null;for(;s<r||a<o;){if(t[s]===n[a]){s++,a++;continue}for(;t[r-1]===n[o-1];)r--,o--;if(r===s){const f=o<i?a?n[a-1].nextSibling:n[o-a]:l;for(;a<o;)e.insertBefore(n[a++],f)}else if(o===a)for(;s<r;)(!c||!c.has(t[s]))&&t[s].remove(),s++;else if(t[s]===n[o-1]&&n[a]===t[r-1]){const f=t[--r].nextSibling;e.insertBefore(n[a++],t[s++].nextSibling),e.insertBefore(n[--o],f),t[r]=n[o]}else{if(!c){c=new Map;let g=a;for(;g<o;)c.set(n[g],g++)}const f=c.get(t[s]);if(f!=null)if(a<f&&f<o){let g=s,x=1,v;for(;++g<r&&g<o&&!((v=c.get(t[g]))==null||v!==f+x);)x++;if(x>f-a){const E=t[s];for(;a<f;)e.insertBefore(n[a++],E)}else e.replaceChild(n[a++],t[s++])}else s++;else t[s++].remove()}}}const B="_$DX_DELEGATE";function de(e,t=window.document){const n=t[B]||(t[B]=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,we))}}function W(e,t,n){n==null?e.removeAttribute(t):e.setAttribute(t,n)}function fe(e,t,n,i){i==null?e.removeAttributeNS(t,n):e.setAttributeNS(t,n,i)}function he(e,t){t==null?e.removeAttribute("class"):e.className=t}function ge(e,t,n,i){if(i)Array.isArray(n)?(e[`$$${t}`]=n[0],e[`$$${t}Data`]=n[1]):e[`$$${t}`]=n;else if(Array.isArray(n)){const r=n[0];e.addEventListener(t,n[0]=o=>r.call(e,n[1],o))}else e.addEventListener(t,n)}function ue(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 a=r[o];!a||a==="undefined"||t[a]||(R(e,a,!1),delete n[a])}for(o=0,s=i.length;o<s;o++){const a=i[o],l=!!t[a];!a||a==="undefined"||n[a]===l||!l||(R(e,a,!0),n[a]=l)}return n}function me(e,t,n){if(!t)return n?W(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 pe(e,t={},n,i){const r={};return i||d.createRenderEffect(()=>r.children=$(e,t.children,r.children)),d.createRenderEffect(()=>t.ref&&t.ref(e)),d.createRenderEffect(()=>be(e,t,n,!0,r,!0)),r}function be(e,t,n,i,r={},o=!1){t||(t={});for(const s in r)if(!(s in t)){if(s==="children")continue;r[s]=D(e,s,null,r[s],n,o)}for(const s in t){if(s==="children"){i||$(e,t.children);continue}const a=t[s];r[s]=D(e,s,a,r[s],n,o)}}function ye(e){let t,n;return!d.sharedConfig.context||!(t=d.sharedConfig.registry.get(n=ve()))?e.cloneNode(!0):(d.sharedConfig.completed&&d.sharedConfig.completed.add(t),d.sharedConfig.registry.delete(n),t)}function xe(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 r=0,o=i.length;r<o;r++)e.classList.toggle(i[r],n)}function D(e,t,n,i,r,o){let s,a,l;if(t==="style")return me(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 c=t.slice(3);i&&e.removeEventListener(c,i),n&&e.addEventListener(c,n)}else if(t.slice(0,10)==="oncapture:"){const c=t.slice(10);i&&e.removeEventListener(c,i,!0),n&&e.addEventListener(c,n,!0)}else if(t.slice(0,2)==="on"){const c=t.slice(2).toLowerCase(),f=se.has(c);if(!f&&i){const g=Array.isArray(i)?i[0]:i;e.removeEventListener(c,g)}(f||n)&&(ge(e,c,n,f),f&&de([c]))}else if((l=ie.has(t))||!r&&(L[t]||(a=ae.has(t)))||(s=e.nodeName.includes("-")))t==="class"||t==="className"?he(e,n):s&&!a&&!l?e[xe(t)]=n:e[L[t]||t]=n;else{const c=r&&t.indexOf(":")>-1&&le[t.split(":")[0]];c?fe(e,c,t,n):W(e,re[t]||t,n)}return n}function we(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}}),d.sharedConfig.registry&&!d.sharedConfig.done&&(d.sharedConfig.done=!0,document.querySelectorAll("[id^=pl-]").forEach(i=>{for(;i&&i.nodeType!==8&&i.nodeValue!=="pl-"+e;){let r=i.nextSibling;i.remove(),i=r}i&&i.remove()}));n;){const i=n[t];if(i&&!n.disabled){const r=n[`${t}Data`];if(r!==void 0?i.call(n,r,e):i.call(n,e),e.cancelBubble)return}n=n._$host||n.parentNode||n.host}}function $(e,t,n,i,r){for(d.sharedConfig.context&&!n&&(n=[...e.childNodes]);typeof n=="function";)n=n();if(t===n)return n;const o=typeof t,s=i!==void 0;if(e=s&&n[0]&&n[0].parentNode||e,o==="string"||o==="number"){if(d.sharedConfig.context)return n;if(o==="number"&&(t=t.toString()),s){let a=n[0];a&&a.nodeType===3?a.data=t:a=document.createTextNode(t),n=w(e,n,i,a)}else n!==""&&typeof n=="string"?n=e.firstChild.data=t:n=e.textContent=t}else if(t==null||o==="boolean"){if(d.sharedConfig.context)return n;n=w(e,n,i)}else{if(o==="function")return d.createRenderEffect(()=>{let a=t();for(;typeof a=="function";)a=a();n=$(e,a,n,i)}),()=>n;if(Array.isArray(t)){const a=[],l=n&&Array.isArray(n);if(M(a,t,n,r))return d.createRenderEffect(()=>n=$(e,a,n,i,!0)),()=>n;if(d.sharedConfig.context){if(!a.length)return n;for(let c=0;c<a.length;c++)if(a[c].parentNode)return n=a}if(a.length===0){if(n=w(e,n,i),s)return n}else l?n.length===0?q(e,a,i):ce(e,n,a):(n&&w(e),q(e,a));n=a}else if(t instanceof Node){if(d.sharedConfig.context&&t.parentNode)return n=s?[t]:t;if(Array.isArray(n)){if(s)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 M(e,t,n,i){let r=!1;for(let o=0,s=t.length;o<s;o++){let a=t[o],l=n&&n[o];if(a instanceof Node)e.push(a);else if(!(a==null||a===!0||a===!1))if(Array.isArray(a))r=M(e,a,l)||r;else if(typeof a=="function")if(i){for(;typeof a=="function";)a=a();r=M(e,Array.isArray(a)?a:[a],Array.isArray(l)?l:[l])||r}else e.push(a),r=!0;else{const c=String(a);l&&l.nodeType===3&&l.data===c?e.push(l):e.push(document.createTextNode(c))}}return r}function q(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 o=!1;for(let s=t.length-1;s>=0;s--){const a=t[s];if(r!==a){const l=a.parentNode===e;!o&&!s?l?e.replaceChild(r,a):e.insertBefore(r,n):l&&a.remove()}else o=!0}}else e.insertBefore(r,n);return[r]}function ve(){const e=d.sharedConfig.context;return`${e.id}${e.count++}`}const ze="http://www.w3.org/2000/svg";function ke(e,t=!1){return t?document.createElementNS(ze,e):document.createElement(e)}function Ce(e){const[t,n]=d.splitProps(e,["component"]),i=d.createMemo(()=>t.component);return d.createMemo(()=>{const r=i();switch(typeof r){case"function":return d.untrack(()=>r(n));case"string":const o=oe.has(r),s=d.sharedConfig.context?ye():ke(r,o);return pe(s,n,o),s}})}function A(e){return e!=null?e:void 0}function u(e,t){return Object.keys(e).filter(n=>!t.includes(n)).reduce((n,i)=>(Object.defineProperty(n,i,{get(){return e[i]},configurable:!0,enumerable:!0}),n),{})}function m(e,t){return d.createComponent(Ce,d.mergeProps({get component(){return e()}},t))}function p(e){if(!Object.values(e).every(t=>typeof t=="function"))throw new Error("Please provide an object with accessor values only.");return Object.keys(e).reduce((t,n)=>{const i=e[n];return Object.defineProperty(t,n,{get(){return i()},configurable:!0,enumerable:!0}),t},{})}const X=/^--\D{1}.{0,100}$/;function G(e){return X.test(e)}function P(e){return typeof e!="string"?!1:[/^[0-9]{0,10000}\.?[0-9]{1,10000}(vmin|vmax|vh|vw|%|ch|ex|em|rem|in|cm|mm|pt|pc|px)$/,/^var\(--\D{1}.{0,100}\)$/,X].some(t=>t.test(e))}const{sizeXxs:Ee,sizeXs:Se,sizeSm:je,sizeMd:$e,sizeLg:Ae,sizeXl:Pe,sizeXxl:Me,sizeContent1:Te,sizeContent2:Oe,sizeContent3:Ie,sizeHeader1:Fe,sizeHeader2:Ne,sizeHeader3:Le,size000:Be,size00:We,size1:Re,size2:De,size3:qe,size4:Xe,size5:Ge,size6:He,size7:Ve,size8:Ye,size9:_e,size10:Ue,size11:Qe,size12:Ze,size13:Ke,size14:Je,size15:et}=te,tt={size000:Be,size00:We,size1:Re,size2:De,size3:qe,size4:Xe,size5:Ge,size6:He,size7:Ve,size8:Ye,size9:_e,size10:Ue,size11:Qe,size12:Ze,size13:Ke,size14:Je,size15:et},nt={sizeXxs:Ee,sizeXs:Se,sizeSm:je,sizeMd:$e,sizeLg:Ae,sizeXl:Pe,sizeXxl:Me,sizeContent1:Te,sizeContent2:Oe,sizeContent3:Ie,sizeHeader1:Fe,sizeHeader2:Ne,sizeHeader3:Le},H=tt,V=nt;function Y(e){return e.reduce((t,[n,i])=>({...t,[n]:i}),{})}function T(e,t){if(t!==void 0)return typeof t=="number"&&t>=0?`${t}px`:typeof t=="string"&&P(t)?G(t)?`var(${t})`:t:A(b(e,t))}function b(e,t){var r;const n=(r=e.space)!=null?r:H,i=Y(Object.entries(n).map(([o,s])=>[o,typeof s=="number"?`${s}px`:s]));return A(i[t])}function k(e,t){var r;if(t===void 0)return;if(typeof t=="number"&&t>=0)return`${t}px`;if(typeof t=="string"&&P(t))return G(t)?`var(${t})`:t;const n=(r=e.sizes)!=null?r:V,i=Y(Object.entries(n).map(([o,s])=>[o,typeof s=="number"?`${s}px`:s]));return A(i[t])}function at(e){return e===void 0?"100%":typeof e=="number"?`${e}px`:e}function it(e){const t=()=>{var a;return typeof e.style=="string"?e.style:Object.entries((a=e.style)!=null?a:{}).reduce((l,[c,f])=>l+`${c}:${f};`,"")},n=()=>`--maxWidth: ${at(e.maxWidth)};`,i=()=>e.centerText?"center-text":"",r=()=>e.centerChildren?"center-children":"",o=()=>[i(),r()].filter(Boolean).join(" "),s=()=>[t(),n()].join("; ");return m(()=>{var a;return(a=e.as)!=null?a:"div"},d.mergeProps(u(e,["as","maxWidth","centerText","centerChildren"]),p({style:s,"data-bedrock-center":o})))}const _=d.createContext({});function rt(e){return React.createElement(_.Provider,{value:e.theme},e.children)}function y(){try{return d.useContext(_)}catch{return{}}}function st(e,t){return k(e,t)}function ot(e){const t=y(),n=()=>{var a;return typeof e.style=="string"?e.style:Object.entries((a=e.style)!=null?a:{}).reduce((l,[c,f])=>l+`${c}:${f};`,"")},i=()=>{var a,l;return`--gutter: ${(l=b(t,(a=e.gutter)!=null?a:"size00"))!=null?l:"0px"}`},r=()=>`--minItemWidth: ${st(t,e.minItemWidth)}`,o=()=>e.noStretchedColumns===!0?"no-stretched-columns":"",s=()=>[n(),i(),r()].join("; ");return m(()=>{var a;return(a=e.as)!=null?a:"div"},d.mergeProps(u(e,["as","gutter","minItemWidth","noStretchedColumns"]),p({style:s,"data-bedrock-column-drop":o})))}function O(e){throw new Error(e)}function lt(e){typeof e!="number"&&!Array.isArray(e)&&O("width must be a number or an array of two numbers"),Array().concat(e).some(n=>n<0)&&O("width value(s) must be 0 or greater"),Array.isArray(e)&&(e.length!==2||e[0]>e[1])&&O(`The second width value, ${e[1]}, is not larger than ${e[0]}. Please provide a value greater than first width value`)}function ct(e,t){lt(e);const[n,i]=d.createSignal(!1),[r,o]=d.createSignal();return d.onMount(()=>{S.init()}),d.createEffect(()=>{if(r()===void 0||r()===null)return;t&&t(r());const s=S.registerCallback(r(),a=>{var c,f;const l=(f=(c=a.borderBoxSize)==null?void 0:c.inlineSize)!=null?f:a.contentRect.width;if(l>0){const g=Array.isArray(e)?l>=e[0]&&l<=e[1]:l<=e;i(g)}});d.onCleanup(s)}),[n,o]}function dt(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 ht(e){return dt(e)?ft(e):void 0}function gt(e){const t=()=>{var s;return typeof e.style=="string"?e.style:Object.entries((s=e.style)!=null?s:{}).reduce((a,[l,c])=>a+`${l}:${c};`,"")},n=()=>ht(e.ratio),i=()=>n()?`--ratio: ${n()}`:"",r=()=>typeof e.position=="string"?`--position: ${e.position}`:"50%",o=()=>[t(),i(),r()].join("; ");return m(()=>{var s;return(s=e.as)!=null?s:"div"},d.mergeProps(u(e,["as","ratio","position"]),p({style:o,"data-bedrock-frame":()=>""})))}function U(e){const t=y(),n=()=>{var s;return typeof e.style=="string"?e.style:Object.entries((s=e.style)!=null?s:{}).reduce((a,[l,c])=>a+`${l}:${c};`,"")},i=()=>{var s,a;return`--gutter: ${(a=b(t,(s=e.gutter)!=null?s:"size00"))!=null?a:"0px"};`},r=()=>{var s;return`--minItemWidth: ${typeof e.minItemWidth=="string"?e.minItemWidth:`${(s=e.minItemWidth)!=null?s:0}px`};`},o=()=>[n(),i(),r()].join("; ");return m(()=>{var s;return(s=e.as)!=null?s:"div"},d.mergeProps(u(e,["as","gutter","minItemWidth"]),p({style:o,"data-bedrock-grid":()=>""})))}const C=96;function Q(e){var i;e=String(e);const t=parseFloat(e),[,n]=(i=e.match(/[\d.\-+]*\s*(.*)/))!=null?i:["",""];return[t,n]}function I(e,t){if(!e)return;const n=t!=null?t:document.body,i=(e!=null?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 F(n,"font-size");case"rem":return F(document.body,"font-size");case"in":return C;case"cm":return C/2.54;case"mm":return C/25.4;case"pt":return C/72;case"pc":return C/6;case"px":return 1;default:{const[r,o]=Q(i);if(isNaN(r))return;if(!o)return r;const s=I(o,t);return typeof s=="number"?r*s:void 0}}}function F(e,t){var r;const[n,i]=Q(getComputedStyle(e).getPropertyValue(t));return n*((r=I(i,e))!=null?r:1)}function ut(e,t){const n=document.createElement("div");n.style.height="128"+e,t.appendChild(n);const i=F(n,"height")/128;return t.removeChild(n),i}const N=1,mt=typeof window=="object"&&typeof document=="object"&&document.nodeType===9,pt=e=>{const[t,n]=d.createSignal(1),[i,r]=d.createSignal(),o=y();return d.onMount(()=>{S.init()}),d.createEffect(()=>{const s=A(i());if(s===void 0)return;const a=S.registerCallback(s,({target:l})=>{var K;n(1);const c=e.gutter&&(K=b(o,e.gutter))!=null?K:"1px",f=mt?I(c,l):void 0,g=Math.max(f!=null?f:N,N),[x]=Array.from(l.children),v=1+Math.min(l.scrollHeight,x.scrollHeight),E=Math.max(Math.ceil(v/g),N);n(E)});d.onCleanup(a)}),React.createElement("div",{style:`grid-row: span ${t()};`,ref:r},e.children)},bt=e=>{const t=d.children(()=>e.children),i=[].concat(t()).filter(Boolean).map(r=>React.createElement(pt,{gutter:e.gutter},r));return React.createElement(U,{style:"grid-template-rows: 1px;",...e},i)},yt={start:"justify:start",end:"justify:end",center:"justify:center"},xt={start:"align:start",end:"align:end",center:"align:center",stretch:"align:stretch"};function wt(e){const t=y(),n=()=>{var l;return typeof e.style=="string"?e.style:Object.entries((l=e.style)!=null?l:{}).reduce((c,[f,g])=>c+`${f}:${g};`,"")},i=()=>{var l,c;return`--gutter: ${(c=b(t,(l=e.gutter)!=null?l:"size00"))!=null?c:"0px"};`},r=()=>e.justify!==void 0?yt[e.justify]:void 0,o=()=>e.align!==void 0?xt[e.align]:void 0,s=()=>[n(),i()].join("; "),a=()=>[r(),o()].filter(Boolean).join(" ");return m(()=>{var l;return(l=e.as)!=null?l:"div"},d.mergeProps(u(e,["as","gutter","justify","align"]),p({style:s,"data-bedrock-inline-cluster":a})))}const vt={start:"justify:start",end:"justify:end",center:"justify:center"},zt={start:"align:start",end:"align:end",center:"align:center",stretch:"align:stretch"};function kt(e){const t=y(),n=()=>{var g;return typeof e.style=="string"?e.style:Object.entries((g=e.style)!=null?g:{}).reduce((x,[v,E])=>x+`${v}:${E};`,"")},i=()=>{var g,x;return`--gutter: ${(x=b(t,(g=e.gutter)!=null?g:"size00"))!=null?x:"0px"};`},r=()=>e.minItemWidth?`--minItemWidth: ${typeof e.minItemWidth=="string"?e.minItemWidth:`${e.minItemWidth}px`};`:void 0,o=()=>{var g;return e.switchAt?`--switchAt: ${(g=k(t,e.switchAt))!=null?g:"0px"};`:""},s=()=>e.justify!==void 0?vt[e.justify]:void 0,a=()=>e.align!==void 0?zt[e.align]:void 0,l=()=>e.stretch?`stretch:${e.stretch}`:void 0,c=()=>[n(),i(),o(),r()].join("; "),f=()=>[s(),a(),l()].filter(Boolean).join(" ");return m(()=>{var g;return(g=e.as)!=null?g:"div"},d.mergeProps(u(e,["as","gutter","justify","align","stretch","switchAt"]),p({style:c,"data-bedrock-inline":f})))}const Ct=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],Et=(e,t)=>{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])=>{var s;return{...i,[Ct(r)]:(s=T(e,o))!=null?s:"0px"}},{}):{padding:Array.from(Array.isArray(t)?t:[t]).map(i=>{var r;return(r=T(e,i))!=null?r:"0px"}).join(" ")};return Object.entries(n).reduce((i,[r,o])=>i+`${r}:${o};`,"")};function St(e){const t=y(),n=()=>{var o;return typeof e.style=="string"?e.style:Object.entries((o=e.style)!=null?o:{}).reduce((s,[a,l])=>s+`${a}:${l};`,"")},i=()=>Et(t,e.padding),r=()=>[n(),i()].join("; ");return m(()=>{var o;return(o=e.as)!=null?o:"div"},d.mergeProps(u(e,["as","padding"]),p({style:r,"data-bedrock-padbox":()=>""})))}function jt(e){const t=y(),n=()=>{var s;return typeof e.style=="string"?e.style:Object.entries((s=e.style)!=null?s:{}).reduce((a,[l,c])=>a+`${l}:${c};`,"")},i=()=>{var s,a;return`--gutter: ${(a=b(t,(s=e.gutter)!=null?s:"size00"))!=null?a:"0px"};`},r=()=>{switch(e.snapType){case"none":return"snapType:none";case"proximity":return"snapType:proximity";case"mandatory":return"snapType:mandatory";default:return"snapType:none"}},o=()=>[n(),i()].join("; ");return m(()=>{var s;return(s=e.as)!=null?s:"div"},d.mergeProps(u(e,["as","gutter"]),p({style:o,"data-bedrock-reel":r})))}const Z={"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 $t(e){const t=y(),n=()=>{var l;return typeof e.style=="string"?e.style:Object.entries((l=e.style)!=null?l:{}).reduce((c,[f,g])=>c+`${f}:${g};`,"")},i=()=>{var l;return e.switchAt?`--switchAt: ${(l=k(t,e.switchAt))!=null?l:"0px"};`:""},r=()=>{var l,c;return`--gutter: ${(c=b(t,(l=e.gutter)!=null?l:"size00"))!=null?c:"0px"};`},o=()=>{var l,c;return(c=Z[(l=e.fraction)!=null?l:"1/2"])!=null?c:Z["1/2"]},s=()=>e.minItemWidth?`--minItemWidth: ${typeof e.minItemWidth=="string"?e.minItemWidth:`${e.minItemWidth}px`};`:void 0,a=()=>[n(),r(),i(),s()].join("; ");return m(()=>{var l;return(l=e.as)!=null?l:"div"},d.mergeProps(u(e,["as","gutter","fraction"]),p({style:a,"data-bedrock-split":o})))}function At(e){const t=y(),n=()=>{var o;return typeof e.style=="string"?e.style:Object.entries((o=e.style)!=null?o:{}).reduce((s,[a,l])=>s+`${a}:${l};`,"")},i=()=>{var o,s;return`--gutter: ${(s=b(t,(o=e.gutter)!=null?o:"size00"))!=null?s:"0px"};`},r=()=>[n(),i()].join("; ");return m(()=>{var o;return(o=e.as)!=null?o:"div"},d.mergeProps(u(e,["as","gutter"]),p({style:r,"data-bedrock-stack":()=>""})))}function Pt(e){return typeof e=="number"?`${e}px`:e&&P(e)?e:"100vh"}function Mt(e){const t=y(),n=()=>{var a;return typeof e.style=="string"?e.style:Object.entries((a=e.style)!=null?a:{}).reduce((l,[c,f])=>l+`${c}:${f};`,"")},i=()=>{var a,l;return`--gutter: ${(l=b(t,(a=e.gutter)!=null?a:"size00"))!=null?l:"0px"};`},r=()=>`--minHeight: ${Pt(e.minHeight)};`,o=()=>e.stretchContent===!0?"stretch-content":"",s=()=>[n(),i(),r()].join("; ");return m(()=>{var a;return(a=e.as)!=null?a:"div"},d.mergeProps(u(e,["as","minHeight","stretchContent"]),p({style:s,"data-bedrock-cover":o})))}function Tt(e){const[t,n]=d.splitProps(e,["children","top","bottom"]);return React.createElement(Mt,{...n},t.top,React.createElement("div",{"data-bedrock-cover-centered":!0},t.children),t.bottom)}function Ot(e){const t=y(),n=()=>{var a;return typeof e.style=="string"?e.style:Object.entries((a=e.style)!=null?a:{}).reduce((l,[c,f])=>l+`${c}:${f};`,"")},i=()=>{var a,l;return`--gutter: ${(l=b(t,(a=e.gutter)!=null?a:"size00"))!=null?l:"0px"};`},r=()=>`--columns: ${e.columns&&e.columns>0?e.columns:1};`,o=()=>{var a;return e.switchAt?`--switchAt: ${(a=k(t,e.switchAt))!=null?a:"0px"};`:""},s=()=>[n(),i(),r(),o()].join("; ");return m(()=>{var a;return(a=e.as)!=null?a:"div"},d.mergeProps(u(e,["as","gutter","columns","switchAt"]),p({style:s,"data-bedrock-columns":()=>""})))}const It=e=>typeof e=="number"?e:1;function Ft(e){const t=()=>{var s;return typeof e.style=="string"?e.style:Object.entries((s=e.style)!=null?s:{}).reduce((a,[l,c])=>a+`${l}:${c};`,"")},n=()=>`--span: ${It(e.span)};`,i=()=>e.offsetStart&&e.offsetStart>0?`--offsetStart: ${e.offsetStart};`:"",r=()=>e.offsetEnd&&e.offsetEnd>0?`--offsetEnd: ${e.offsetEnd};`:"",o=()=>[t(),n(),i(),r()].join("; ");return m(()=>{var s;return(s=e.as)!=null?s:"div"},d.mergeProps(u(e,["as","span","offsetStart","offsetEnd"]),p({style:o,"data-bedrock-column":()=>""})))}h.Center=it,h.Column=Ft,h.ColumnDrop=ot,h.Columns=Ot,h.Cover=Tt,h.Frame=gt,h.Grid=U,h.Inline=kt,h.InlineCluster=wt,h.MasonryGrid=bt,h.PadBox=St,h.Reel=jt,h.Split=$t,h.Stack=At,h.ThemeProvider=rt,h.checkIsCSSLength=P,h.createContainerQuery=ct,h.getSafeGutter=T,h.getSizeValue=k,h.getSpacingValue=b,h.sizes=V,h.spacing=H,h.useTheme=y,Object.defineProperties(h,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/lib/inline-cluster.d.ts

@@ -17,6 +17,6 @@ export interface InlineClusterBaseProps {
     align?: keyof typeof alignMap;
     gutter: SpacingOptions;
 }
-export declare type InlineClusterProps<T extends ValidConstructor = "div"> = HeadlessPropsWithRef<T, InlineClusterBaseProps>;
+export type InlineClusterProps<T extends ValidConstructor = "div"> = HeadlessPropsWithRef<T, InlineClusterBaseProps>;
 export declare function InlineCluster<T extends ValidConstructor = "div">(props: InlineClusterProps<T>): JSX.Element;
 export {};

package/lib/inline.d.ts

@@ -1,9 +1,8 @@
 import { JSX } from "solid-js";
-import { CSSLength, SpacingOptions } from "./spacing-constants";
+import { CSSLength, SizesOptions, SpacingOptions } from "./spacing-constants";
 import { HeadlessPropsWithRef, ValidConstructor } from "./typeUtils";
-declare type Stretch = "all" | "start" | "end" | 0 | 1 | 2 | 3 | 4;
-declare type SwitchAt = string | number;
-declare type MinItemWidth = number | CSSLength;
+type Stretch = "all" | "start" | "end" | 0 | 1 | 2 | 3 | 4;
+type MinItemWidth = CSSLength | number | SizesOptions | "fit-content" | "max-content" | "min-content" | "auto";
 declare const justifyMap: {
     readonly start: "justify:start";
     readonly end: "justify:end";
@@ -17,12 +16,12 @@ declare const alignMap: {
 };
 export interface InlineBaseProps {
     stretch?: Stretch;
-    switchAt?: SwitchAt;
+    switchAt?: number | CSSLength | SizesOptions;
     justify?: keyof typeof justifyMap;
     align?: keyof typeof alignMap;
     gutter?: SpacingOptions;
     minItemWidth?: MinItemWidth;
 }
-export declare type InlineProps<T extends ValidConstructor = "div"> = HeadlessPropsWithRef<T, InlineBaseProps>;
+export type InlineProps<T extends ValidConstructor = "div"> = HeadlessPropsWithRef<T, InlineBaseProps>;
 export declare function Inline<T extends ValidConstructor = "div">(props: InlineProps<T>): JSX.Element;
 export {};

package/lib/padbox.d.ts

@@ -1,7 +1,7 @@
 import { JSX } from "solid-js";
 import { SpacingOptions } from "./spacing-constants";
 import { HeadlessPropsWithRef, ValidConstructor } from "./typeUtils";
-declare type PaddingObj = {
+type PaddingObj = {
     left: SpacingOptions;
 } | {
     right: SpacingOptions;
@@ -18,10 +18,10 @@ declare type PaddingObj = {
 } | {
     blockEnd: SpacingOptions;
 };
-declare type PaddingTypes = SpacingOptions | PaddingObj | [SpacingOptions] | [SpacingOptions, SpacingOptions] | [SpacingOptions, SpacingOptions, SpacingOptions] | [SpacingOptions, SpacingOptions, SpacingOptions, SpacingOptions];
+type PaddingTypes = SpacingOptions | PaddingObj | [SpacingOptions] | [SpacingOptions, SpacingOptions] | [SpacingOptions, SpacingOptions, SpacingOptions] | [SpacingOptions, SpacingOptions, SpacingOptions, SpacingOptions];
 export interface PadBoxBaseProps {
     padding: PaddingTypes;
 }
-export declare type PadBoxProps<T extends ValidConstructor = "div"> = HeadlessPropsWithRef<T, PadBoxBaseProps>;
+export type PadBoxProps<T extends ValidConstructor = "div"> = HeadlessPropsWithRef<T, PadBoxBaseProps>;
 export declare function PadBox<T extends ValidConstructor = "div">(props: PadBoxProps<T>): JSX.Element;
 export {};

package/lib/reel.d.ts

@@ -5,5 +5,5 @@ export interface ReelBaseProps {
     snapType?: "none" | "proximity" | "mandatory";
     gutter?: SpacingOptions;
 }
-export declare type ReelProps<T extends ValidConstructor = "div"> = HeadlessPropsWithRef<T, ReelBaseProps>;
+export type ReelProps<T extends ValidConstructor = "div"> = HeadlessPropsWithRef<T, ReelBaseProps>;
 export declare function Reel<T extends ValidConstructor = "div">(props: ReelProps<T>): JSX.Element;

package/lib/spacing-constants.d.ts

@@ -1,31 +1,31 @@
 import type { DefaultTheme } from "./theme-provider";
 import { Maybe } from "./typeUtils";
-declare type LowercaseCharacter = "a" | "b" | "c" | "d" | "e" | "f" | "g" | "h" | "i" | "j" | "k" | "l" | "m" | "n" | "o" | "p" | "q" | "r" | "s" | "t" | "u" | "v" | "w" | "x" | "y" | "z";
-declare type AllCharacter = LowercaseCharacter | Uppercase<LowercaseCharacter>;
-declare type NonEmptyString = `${AllCharacter}${string}`;
-declare type CSSCustomProperties = `var(--${NonEmptyString})`;
-declare type LengthUnit = "vmin" | "vmax" | "vh" | "vw" | "%" | "ch" | "ex" | "em" | "rem" | "in" | "cm" | "mm" | "pt" | "pc" | "px";
-export declare type CSSLength = `${number}${LengthUnit}` | CSSCustomProperties;
+type LowercaseCharacter = "a" | "b" | "c" | "d" | "e" | "f" | "g" | "h" | "i" | "j" | "k" | "l" | "m" | "n" | "o" | "p" | "q" | "r" | "s" | "t" | "u" | "v" | "w" | "x" | "y" | "z";
+type AllCharacter = LowercaseCharacter | Uppercase<LowercaseCharacter>;
+type NonEmptyString = `${AllCharacter}${string}`;
+type CSSLengthUnit = `${number}${LengthUnit}`;
+type CSSCustomProperties = `--${NonEmptyString}`;
+type CSSCustomPropertiesWithVar = `var(${CSSCustomProperties})`;
+type LengthUnit = "vmin" | "vmax" | "vh" | "vw" | "%" | "ch" | "ex" | "em" | "rem" | "in" | "cm" | "mm" | "pt" | "pc" | "px";
+export type CSSLength = CSSLengthUnit | CSSCustomPropertiesWithVar | CSSCustomProperties;
 export declare function checkIsCSSLength(str: string): str is CSSLength;
-export interface Spacing {
-    none: CSSLength;
-    xxs: CSSLength;
-    xs: CSSLength;
-    sm: CSSLength;
-    md: CSSLength;
-    mdLg: CSSLength;
-    lg: CSSLength;
-    lgXl: CSSLength;
-    xl: CSSLength;
-    xlXXl: CSSLength;
-    xxl: CSSLength;
-}
-export declare const spacing: Spacing;
-export declare type BaseTheme = Record<string, CSSLength | string | number>;
-declare type ThemeOrDefaultSpace<T> = T extends {
+export declare const spacing: Record<"size000" | "size00" | "size1" | "size2" | "size3" | "size4" | "size5" | "size6" | "size7" | "size8" | "size9" | "size10" | "size11" | "size12" | "size13" | "size14" | "size15", CSSLength>;
+export declare const sizes: Record<"sizeXxs" | "sizeXs" | "sizeSm" | "sizeMd" | "sizeLg" | "sizeXl" | "sizeXxl" | "sizeContent1" | "sizeContent2" | "sizeContent3" | "sizeHeader1" | "sizeHeader2" | "sizeHeader3", CSSLength>;
+export type BaseTheme = Record<string, CSSLength | string | number>;
+type ThemeOrDefaultSpace<T> = T extends {
     space: BaseTheme;
-} ? keyof T["space"] : keyof Spacing;
-export declare type SpacingOptions = ThemeOrDefaultSpace<DefaultTheme>;
-declare type GetSpacingValue = (spacingKey: SpacingOptions, theme?: Partial<BaseTheme>) => Maybe<CSSLength>;
-export declare const getSpacingValue: GetSpacingValue;
+} ? keyof T["space"] : keyof typeof spacing;
+export type SpacingOptions = ThemeOrDefaultSpace<DefaultTheme>;
+export type SizesOptions = ThemeOrDefaultSizes<DefaultTheme>;
+type ThemeOrDefaultSizes<T> = T extends {
+    sizes: BaseTheme;
+} ? T["sizes"] : keyof typeof sizes;
+export type Gutter = CSSLength | number | SpacingOptions;
+export declare function getSafeGutter<T extends DefaultTheme>(theme: T, gutter?: Gutter): Maybe<CSSLength>;
+export declare function getSpacingValue<T extends DefaultTheme>(theme: T & {
+    space?: BaseTheme;
+}, spacingKey: SpacingOptions): Maybe<CSSLength>;
+export declare function getSizeValue<T extends DefaultTheme>(theme: T & {
+    sizes?: BaseTheme;
+}, sizeKey?: CSSLength | number | SizesOptions | "fit-content" | "max-content" | "min-content" | "auto"): Maybe<CSSLength>;
 export {};

package/lib/split.d.ts

@@ -1,16 +1,14 @@
-import { Component, JSX } from "solid-js";
-import { CSSLength, SpacingOptions } from "./spacing-constants";
-import { StackProps } from "./stack";
+import { JSX } from "solid-js";
+import { CSSLength, SizesOptions, SpacingOptions } from "./spacing-constants";
 import { HeadlessPropsWithRef, ValidConstructor } from "./typeUtils";
-declare type FractionTypes = "auto-start" | "auto-end" | "1/4" | "1/3" | "1/2" | "2/3" | "3/4";
+type FractionTypes = "auto-start" | "auto-end" | "1/4" | "1/3" | "1/2" | "2/3" | "3/4";
+type MinItemWidth = CSSLength | number | SizesOptions | "fit-content" | "max-content" | "min-content" | "auto";
 interface SplitBase {
     gutter?: SpacingOptions;
+    minItemWidth?: MinItemWidth;
     fraction?: FractionTypes;
-}
-export declare type SplitBaseProps<T extends ValidConstructor = "div"> = HeadlessPropsWithRef<T, SplitBase>;
-export declare function SplitBase<T extends ValidConstructor = "div">(props: SplitBaseProps<T>): JSX.Element;
-export interface SplitProps extends StackProps, SplitBaseProps {
     switchAt?: number | CSSLength;
 }
-export declare const Split: Component<SplitProps>;
+export type SplitProps<T extends ValidConstructor = "div"> = HeadlessPropsWithRef<T, SplitBase>;
+export declare function Split<T extends ValidConstructor = "div">(props: SplitProps<T>): JSX.Element;
 export {};

package/lib/stack.d.ts

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