@bedrock-layout/solid 1.1.0 → 1.1.3

package/lib/index.m.js

@@ -1,259 +1,39 @@
-import { splitProps as G, createMemo as B, sharedConfig as h, untrack as ie, createRenderEffect as C, createComponent as se, mergeProps as g, createContext as re, useContext as oe, createSignal as $, onMount as V, createEffect as _, onCleanup as U, children as le } from "solid-js";
-import { init as Q, registerCallback as J } from "@bedrock-layout/register-resize-callback";
-function j() {
-  return j = 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;
-  }, j.apply(this, arguments);
-}
-var ce = j({}, { "--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" }), de = j({}, { "--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%" }), E = { "--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(E).map(function(e) {
-  var t = e[1];
-  return [e[0], t = (t = t.replace(/var(--shadow-color)/g, E["--shadow-color"])).replace(/var(--shadow-strength)/g, E["--shadow-strength"])];
-}).filter(function(e) {
-  return !["--shadow-color", "--shadow-strength"].includes(e[0]);
-}));
-var fe = function(e) {
-  for (var t in e)
-    e[n = t, (n = n.replace(/[-]+(.)?/g, function(i, s) {
-      return s ? s.toUpperCase() : "";
-    })).substr(0, 1).toLowerCase() + n.substr(1)] = e[t];
-  var n;
-  return e;
-}(j({}, { "--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" }, ce, de, { "--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%)" }, E, { "--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 he = ["allowfullscreen", "async", "autofocus", "autoplay", "checked", "controls", "default", "disabled", "formnovalidate", "hidden", "indeterminate", "ismap", "loop", "multiple", "muted", "nomodule", "novalidate", "open", "playsinline", "readonly", "required", "reversed", "seamless", "selected"], ge = /* @__PURE__ */ new Set(["className", "value", "readOnly", "formNoValidate", "isMap", "noModule", "playsInline", ...he]), me = /* @__PURE__ */ new Set(["innerHTML", "textContent", "innerText", "children"]), ue = /* @__PURE__ */ Object.assign(/* @__PURE__ */ Object.create(null), {
+import oe from "open-props";
+import { createRenderEffect as A, sharedConfig as d, splitProps as X, createMemo as I, $DEVCOMP as re, untrack as v, createComponent as E, mergeProps as y, createContext as ce, useContext as le, createSignal as T, onMount as U, createEffect as q, onCleanup as Q, children as fe } from "solid-js";
+import { init as Y, registerCallback as J } from "@bedrock-layout/register-resize-callback";
+const ae = ["allowfullscreen", "async", "autofocus", "autoplay", "checked", "controls", "default", "disabled", "formnovalidate", "hidden", "indeterminate", "ismap", "loop", "multiple", "muted", "nomodule", "novalidate", "open", "playsinline", "readonly", "required", "reversed", "seamless", "selected"], ue = /* @__PURE__ */ new Set(["className", "value", "readOnly", "formNoValidate", "isMap", "noModule", "playsInline", ...ae]), de = /* @__PURE__ */ new Set(["innerHTML", "textContent", "innerText", "children"]), ye = /* @__PURE__ */ Object.assign(/* @__PURE__ */ Object.create(null), {
   className: "class",
   htmlFor: "for"
-}), W = /* @__PURE__ */ Object.assign(/* @__PURE__ */ Object.create(null), {
+}), me = /* @__PURE__ */ Object.assign(/* @__PURE__ */ Object.create(null), {
   class: "className",
-  formnovalidate: "formNoValidate",
-  ismap: "isMap",
-  nomodule: "noModule",
-  playsinline: "playsInline",
-  readonly: "readOnly"
-}), pe = /* @__PURE__ */ new Set(["beforeinput", "click", "dblclick", "contextmenu", "focusin", "focusout", "input", "keydown", "keyup", "mousedown", "mousemove", "mouseout", "mouseover", "mouseup", "pointerdown", "pointermove", "pointerout", "pointerover", "pointerup", "touchend", "touchmove", "touchstart"]), be = /* @__PURE__ */ new Set([
+  formnovalidate: {
+    $: "formNoValidate",
+    BUTTON: 1,
+    INPUT: 1
+  },
+  ismap: {
+    $: "isMap",
+    IMG: 1
+  },
+  nomodule: {
+    $: "noModule",
+    SCRIPT: 1
+  },
+  playsinline: {
+    $: "playsInline",
+    VIDEO: 1
+  },
+  readonly: {
+    $: "readOnly",
+    INPUT: 1,
+    TEXTAREA: 1
+  }
+});
+function he(e, t) {
+  const n = me[e];
+  return typeof n == "object" ? n[t] ? n.$ : void 0 : n;
+}
+const ge = /* @__PURE__ */ new Set(["beforeinput", "click", "dblclick", "contextmenu", "focusin", "focusout", "input", "keydown", "keyup", "mousedown", "mousemove", "mouseout", "mouseover", "mouseup", "pointerdown", "pointermove", "pointerout", "pointerover", "pointerup", "touchend", "touchmove", "touchstart"]), be = /* @__PURE__ */ new Set([
   "altGlyph",
   "altGlyphDef",
   "altGlyphItem",
@@ -330,173 +110,196 @@ const he = ["allowfullscreen", "async", "autofocus", "autoplay", "checked", "con
   "use",
   "view",
   "vkern"
-]), ye = {
+]), $e = {
   xlink: "http://www.w3.org/1999/xlink",
   xml: "http://www.w3.org/XML/1998/namespace"
 };
 function xe(e, t, n) {
-  let i = n.length, s = t.length, o = i, r = 0, a = 0, l = t[s - 1].nextSibling, c = null;
-  for (; r < s || a < o; ) {
-    if (t[r] === n[a]) {
-      r++, a++;
+  let i = n.length, s = t.length, r = i, c = 0, o = 0, l = t[s - 1].nextSibling, f = null;
+  for (; c < s || o < r; ) {
+    if (t[c] === n[o]) {
+      c++, o++;
       continue;
     }
-    for (; t[s - 1] === n[o - 1]; )
-      s--, o--;
-    if (s === r) {
-      const d = o < i ? a ? n[a - 1].nextSibling : n[o - a] : l;
-      for (; a < o; )
-        e.insertBefore(n[a++], d);
-    } else if (o === a)
-      for (; r < s; )
-        (!c || !c.has(t[r])) && t[r].remove(), r++;
-    else if (t[r] === n[o - 1] && n[a] === t[s - 1]) {
-      const d = t[--s].nextSibling;
-      e.insertBefore(n[a++], t[r++].nextSibling), e.insertBefore(n[--o], d), t[s] = n[o];
+    for (; t[s - 1] === n[r - 1]; )
+      s--, r--;
+    if (s === c) {
+      const a = r < i ? o ? n[o - 1].nextSibling : n[r - o] : l;
+      for (; o < r; )
+        e.insertBefore(n[o++], a);
+    } else if (r === o)
+      for (; c < s; )
+        (!f || !f.has(t[c])) && t[c].remove(), c++;
+    else if (t[c] === n[r - 1] && n[o] === t[s - 1]) {
+      const a = t[--s].nextSibling;
+      e.insertBefore(n[o++], t[c++].nextSibling), e.insertBefore(n[--r], a), t[s] = n[r];
     } else {
-      if (!c) {
-        c = /* @__PURE__ */ new Map();
-        let f = a;
-        for (; f < o; )
-          c.set(n[f], f++);
+      if (!f) {
+        f = /* @__PURE__ */ new Map();
+        let u = o;
+        for (; u < r; )
+          f.set(n[u], u++);
       }
-      const d = c.get(t[r]);
-      if (d != null)
-        if (a < d && d < o) {
-          let f = r, x = 1, w;
-          for (; ++f < s && f < o && !((w = c.get(t[f])) == null || w !== d + x); )
-            x++;
-          if (x > d - a) {
-            const z = t[r];
-            for (; a < d; )
-              e.insertBefore(n[a++], z);
+      const a = f.get(t[c]);
+      if (a != null)
+        if (o < a && a < r) {
+          let u = c, b = 1, S;
+          for (; ++u < s && u < r && !((S = f.get(t[u])) == null || S !== a + b); )
+            b++;
+          if (b > a - o) {
+            const M = t[c];
+            for (; o < a; )
+              e.insertBefore(n[o++], M);
           } else
-            e.replaceChild(n[a++], t[r++]);
+            e.replaceChild(n[o++], t[c++]);
         } else
-          r++;
+          c++;
       else
-        t[r++].remove();
+        t[c++].remove();
     }
   }
 }
 const R = "_$DX_DELEGATE";
-function we(e, t = window.document) {
+function Z(e, t, n) {
+  let i;
+  const s = () => {
+    const c = document.createElement("template");
+    return c.innerHTML = e, n ? c.content.firstChild.firstChild : c.content.firstChild;
+  }, r = t ? () => v(() => document.importNode(i || (i = s()), !0)) : () => (i || (i = s())).cloneNode(!0);
+  return r.cloneNode = r, r;
+}
+function Se(e, t = window.document) {
   const n = t[R] || (t[R] = /* @__PURE__ */ new Set());
   for (let i = 0, s = e.length; i < s; i++) {
-    const o = e[i];
-    n.has(o) || (n.add(o), t.addEventListener(o, Oe));
+    const r = e[i];
+    n.has(r) || (n.add(r), t.addEventListener(r, Me));
   }
 }
-function Z(e, t, n) {
+function N(e, t, n) {
   n == null ? e.removeAttribute(t) : e.setAttribute(t, n);
 }
-function ve(e, t, n, i) {
+function Ae(e, t, n, i) {
   i == null ? e.removeAttributeNS(t, n) : e.setAttributeNS(t, n, i);
 }
-function ze(e, t) {
+function we(e, t) {
   t == null ? e.removeAttribute("class") : e.className = t;
 }
-function ke(e, t, n, i) {
+function je(e, t, n, i) {
   if (i)
     Array.isArray(n) ? (e[`$$${t}`] = n[0], e[`$$${t}Data`] = n[1]) : e[`$$${t}`] = n;
   else if (Array.isArray(n)) {
     const s = n[0];
-    e.addEventListener(t, n[0] = (o) => s.call(e, n[1], o));
+    e.addEventListener(t, n[0] = (r) => s.call(e, n[1], r));
   } else
     e.addEventListener(t, n);
 }
 function Ce(e, t, n = {}) {
   const i = Object.keys(t || {}), s = Object.keys(n);
-  let o, r;
-  for (o = 0, r = s.length; o < r; o++) {
-    const a = s[o];
-    !a || a === "undefined" || t[a] || (D(e, a, !1), delete n[a]);
+  let r, c;
+  for (r = 0, c = s.length; r < c; r++) {
+    const o = s[r];
+    !o || o === "undefined" || t[o] || (H(e, o, !1), delete n[o]);
   }
-  for (o = 0, r = i.length; o < r; o++) {
-    const a = i[o], l = !!t[a];
-    !a || a === "undefined" || n[a] === l || !l || (D(e, a, !0), n[a] = l);
+  for (r = 0, c = i.length; r < c; r++) {
+    const o = i[r], l = !!t[o];
+    !o || o === "undefined" || n[o] === l || !l || (H(e, o, !0), n[o] = l);
   }
   return n;
 }
-function je(e, t, n) {
+function K(e, t, n) {
   if (!t)
-    return n ? Z(e, "style") : t;
+    return n ? N(e, "style") : t;
   const i = e.style;
   if (typeof t == "string")
     return i.cssText = t;
   typeof n == "string" && (i.cssText = n = void 0), n || (n = {}), t || (t = {});
-  let s, o;
-  for (o in n)
-    t[o] == null && i.removeProperty(o), delete n[o];
-  for (o in t)
-    s = t[o], s !== n[o] && (i.setProperty(o, s), n[o] = s);
+  let s, r;
+  for (r in n)
+    t[r] == null && i.removeProperty(r), delete n[r];
+  for (r in t)
+    s = t[r], s !== n[r] && (i.setProperty(r, s), n[r] = s);
   return n;
 }
 function Ee(e, t = {}, n, i) {
   const s = {};
-  return i || C(() => s.children = S(e, t.children, s.children)), C(() => t.ref && t.ref(e)), C(() => $e(e, t, n, !0, s, !0)), s;
+  return i || A(() => s.children = j(e, t.children, s.children)), A(() => t.ref && t.ref(e)), A(() => Te(e, t, n, !0, s, !0)), s;
+}
+function Ie(e, t, n) {
+  return v(() => e(t, n));
 }
-function $e(e, t, n, i, s = {}, o = !1) {
+function p(e, t, n, i) {
+  if (n !== void 0 && !i && (i = []), typeof t != "function")
+    return j(e, t, i, n);
+  A((s) => j(e, t(), s, n), i);
+}
+function Te(e, t, n, i, s = {}, r = !1) {
   t || (t = {});
-  for (const r in s)
-    if (!(r in t)) {
-      if (r === "children")
+  for (const c in s)
+    if (!(c in t)) {
+      if (c === "children")
         continue;
-      s[r] = q(e, r, null, s[r], n, o);
+      s[c] = G(e, c, null, s[c], n, r);
     }
-  for (const r in t) {
-    if (r === "children") {
-      i || S(e, t.children);
+  for (const c in t) {
+    if (c === "children") {
+      i || j(e, t.children);
       continue;
     }
-    const a = t[r];
-    s[r] = q(e, r, a, s[r], n, o);
+    const o = t[c];
+    s[c] = G(e, c, o, s[c], n, r);
   }
 }
-function Se(e) {
+function Pe(e) {
   let t, n;
-  return !h.context || !(t = h.registry.get(n = Me())) ? e.cloneNode(!0) : (h.completed && h.completed.add(t), h.registry.delete(n), t);
+  if (!d.context || !(t = d.registry.get(n = ze()))) {
+    if (d.context && console.warn("Unable to find DOM nodes for hydration key:", n), !e)
+      throw new Error("Unrecoverable Hydration Mismatch. No template for key: " + n);
+    return e();
+  }
+  return d.completed && d.completed.add(t), d.registry.delete(n), t;
 }
-function Ae(e) {
+function Oe(e) {
   return e.toLowerCase().replace(/-([a-z])/g, (t, n) => n.toUpperCase());
 }
-function D(e, t, n) {
+function H(e, t, n) {
   const i = t.trim().split(/\s+/);
-  for (let s = 0, o = i.length; s < o; s++)
+  for (let s = 0, r = i.length; s < r; s++)
     e.classList.toggle(i[s], n);
 }
-function q(e, t, n, i, s, o) {
-  let r, a, l;
+function G(e, t, n, i, s, r) {
+  let c, o, l, f, a;
   if (t === "style")
-    return je(e, n, i);
+    return K(e, n, i);
   if (t === "classList")
     return Ce(e, n, i);
   if (n === i)
     return i;
   if (t === "ref")
-    o || n(e);
+    r || n(e);
   else if (t.slice(0, 3) === "on:") {
-    const c = t.slice(3);
-    i && e.removeEventListener(c, i), n && e.addEventListener(c, n);
+    const u = t.slice(3);
+    i && e.removeEventListener(u, i), n && e.addEventListener(u, 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);
+    const u = t.slice(10);
+    i && e.removeEventListener(u, i, !0), n && e.addEventListener(u, n, !0);
   } else if (t.slice(0, 2) === "on") {
-    const c = t.slice(2).toLowerCase(), d = pe.has(c);
-    if (!d && i) {
-      const f = Array.isArray(i) ? i[0] : i;
-      e.removeEventListener(c, f);
+    const u = t.slice(2).toLowerCase(), b = ge.has(u);
+    if (!b && i) {
+      const S = Array.isArray(i) ? i[0] : i;
+      e.removeEventListener(u, S);
     }
-    (d || n) && (ke(e, c, n, d), d && we([c]));
-  } else if ((l = me.has(t)) || !s && (W[t] || (a = ge.has(t))) || (r = e.nodeName.includes("-")))
-    t === "class" || t === "className" ? ze(e, n) : r && !a && !l ? e[Ae(t)] = n : e[W[t] || t] = n;
+    (b || n) && (je(e, u, n, b), b && Se([u]));
+  } else if (t.slice(0, 5) === "attr:")
+    N(e, t.slice(5), n);
+  else if ((a = t.slice(0, 5) === "prop:") || (l = de.has(t)) || !s && ((f = he(t, e.tagName)) || (o = ue.has(t))) || (c = e.nodeName.includes("-")))
+    a && (t = t.slice(5), o = !0), t === "class" || t === "className" ? we(e, n) : c && !o && !l ? e[Oe(t)] = n : e[f || t] = n;
   else {
-    const c = s && t.indexOf(":") > -1 && ye[t.split(":")[0]];
-    c ? ve(e, c, t, n) : Z(e, ue[t] || t, n);
+    const u = s && t.indexOf(":") > -1 && $e[t.split(":")[0]];
+    u ? Ae(e, u, t, n) : N(e, ye[t] || t, n);
   }
   return n;
 }
-function Oe(e) {
+function Me(e) {
   const t = `$$${e.type}`;
   let n = e.composedPath && e.composedPath()[0] || e.target;
   for (e.target !== n && Object.defineProperty(e, "target", {
@@ -507,13 +310,7 @@ function Oe(e) {
     get() {
       return n || document;
     }
-  }), h.registry && !h.done && (h.done = !0, document.querySelectorAll("[id^=pl-]").forEach((i) => {
-    for (; i && i.nodeType !== 8 && i.nodeValue !== "pl-" + e; ) {
-      let s = i.nextSibling;
-      i.remove(), i = s;
-    }
-    i && i.remove();
-  })); n; ) {
+  }), d.registry && !d.done && (d.done = _$HY.done = !0); n; ) {
     const i = n[t];
     if (i && !n.disabled) {
       const s = n[`${t}Data`];
@@ -523,131 +320,143 @@ function Oe(e) {
     n = n._$host || n.parentNode || n.host;
   }
 }
-function S(e, t, n, i, s) {
-  for (h.context && !n && (n = [...e.childNodes]); typeof n == "function"; )
+function j(e, t, n, i, s) {
+  if (d.context) {
+    !n && (n = [...e.childNodes]);
+    let o = [];
+    for (let l = 0; l < n.length; l++) {
+      const f = n[l];
+      f.nodeType === 8 && f.data.slice(0, 2) === "!$" ? f.remove() : o.push(f);
+    }
+    n = o;
+  }
+  for (; typeof n == "function"; )
     n = n();
   if (t === n)
     return n;
-  const o = typeof t, r = i !== void 0;
-  if (e = r && n[0] && n[0].parentNode || e, o === "string" || o === "number") {
-    if (h.context)
+  const r = typeof t, c = i !== void 0;
+  if (e = c && n[0] && n[0].parentNode || e, r === "string" || r === "number") {
+    if (d.context)
       return n;
-    if (o === "number" && (t = t.toString()), r) {
-      let a = n[0];
-      a && a.nodeType === 3 ? a.data = t : a = document.createTextNode(t), n = v(e, n, i, a);
+    if (r === "number" && (t = t.toString()), c) {
+      let o = n[0];
+      o && o.nodeType === 3 ? o.data = t : o = document.createTextNode(t), n = w(e, n, i, o);
     } else
       n !== "" && typeof n == "string" ? n = e.firstChild.data = t : n = e.textContent = t;
-  } else if (t == null || o === "boolean") {
-    if (h.context)
+  } else if (t == null || r === "boolean") {
+    if (d.context)
       return n;
-    n = v(e, n, i);
+    n = w(e, n, i);
   } else {
-    if (o === "function")
-      return C(() => {
-        let a = t();
-        for (; typeof a == "function"; )
-          a = a();
-        n = S(e, a, n, i);
+    if (r === "function")
+      return A(() => {
+        let o = t();
+        for (; typeof o == "function"; )
+          o = o();
+        n = j(e, o, n, i);
       }), () => n;
     if (Array.isArray(t)) {
-      const a = [], l = n && Array.isArray(n);
-      if (I(a, t, n, s))
-        return C(() => n = S(e, a, n, i, !0)), () => n;
-      if (h.context) {
-        if (!a.length)
+      const o = [], l = n && Array.isArray(n);
+      if (L(o, t, n, s))
+        return A(() => n = j(e, o, n, i, !0)), () => n;
+      if (d.context) {
+        if (!o.length)
           return n;
-        for (let c = 0; c < a.length; c++)
-          if (a[c].parentNode)
-            return n = a;
+        for (let f = 0; f < o.length; f++)
+          if (o[f].parentNode)
+            return n = o;
       }
-      if (a.length === 0) {
-        if (n = v(e, n, i), r)
+      if (o.length === 0) {
+        if (n = w(e, n, i), c)
           return n;
       } else
-        l ? n.length === 0 ? X(e, a, i) : xe(e, n, a) : (n && v(e), X(e, a));
-      n = a;
-    } else if (t instanceof Node) {
-      if (h.context && t.parentNode)
-        return n = r ? [t] : t;
+        l ? n.length === 0 ? _(e, o, i) : xe(e, n, o) : (n && w(e), _(e, o));
+      n = o;
+    } else if (t.nodeType) {
+      if (d.context && t.parentNode)
+        return n = c ? [t] : t;
       if (Array.isArray(n)) {
-        if (r)
-          return n = v(e, n, i, t);
-        v(e, n, null, t);
+        if (c)
+          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;
-    }
+    } else
+      console.warn("Unrecognized value. Skipped inserting", t);
   }
   return n;
 }
-function I(e, t, n, i) {
+function L(e, t, n, i) {
   let s = !1;
-  for (let o = 0, r = t.length; o < r; 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))
-        s = I(e, a, l) || s;
-      else if (typeof a == "function")
+  for (let r = 0, c = t.length; r < c; r++) {
+    let o = t[r], l = n && n[r], f;
+    if (!(o == null || o === !0 || o === !1))
+      if ((f = typeof o) == "object" && o.nodeType)
+        e.push(o);
+      else if (Array.isArray(o))
+        s = L(e, o, l) || s;
+      else if (f === "function")
         if (i) {
-          for (; typeof a == "function"; )
-            a = a();
-          s = I(e, Array.isArray(a) ? a : [a], Array.isArray(l) ? l : [l]) || s;
+          for (; typeof o == "function"; )
+            o = o();
+          s = L(e, Array.isArray(o) ? o : [o], Array.isArray(l) ? l : [l]) || s;
         } else
-          e.push(a), s = !0;
+          e.push(o), s = !0;
       else {
-        const c = String(a);
-        l && l.nodeType === 3 && l.data === c ? e.push(l) : e.push(document.createTextNode(c));
+        const a = String(o);
+        l && l.nodeType === 3 && l.data === a ? e.push(l) : e.push(document.createTextNode(a));
       }
   }
   return s;
 }
-function X(e, t, n = null) {
+function _(e, t, n = null) {
   for (let i = 0, s = t.length; i < s; i++)
     e.insertBefore(t[i], n);
 }
-function v(e, t, n, i) {
+function w(e, t, n, i) {
   if (n === void 0)
     return e.textContent = "";
   const s = i || document.createTextNode("");
   if (t.length) {
-    let o = !1;
-    for (let r = t.length - 1; r >= 0; r--) {
-      const a = t[r];
-      if (s !== a) {
-        const l = a.parentNode === e;
-        !o && !r ? l ? e.replaceChild(s, a) : e.insertBefore(s, n) : l && a.remove();
+    let r = !1;
+    for (let c = t.length - 1; c >= 0; c--) {
+      const o = t[c];
+      if (s !== o) {
+        const l = o.parentNode === e;
+        !r && !c ? l ? e.replaceChild(s, o) : e.insertBefore(s, n) : l && o.remove();
       } else
-        o = !0;
+        r = !0;
     }
   } else
     e.insertBefore(s, n);
   return [s];
 }
-function Me() {
-  const e = h.context;
+function ze() {
+  const e = d.context;
   return `${e.id}${e.count++}`;
 }
-const Te = "http://www.w3.org/2000/svg";
-function Ie(e, t = !1) {
-  return t ? document.createElementNS(Te, e) : document.createElement(e);
+const ke = "http://www.w3.org/2000/svg";
+function Ne(e, t = !1) {
+  return t ? document.createElementNS(ke, e) : document.createElement(e);
 }
-function Pe(e) {
-  const [t, n] = G(e, ["component"]), i = B(() => t.component);
-  return B(() => {
+function Le(e) {
+  const [t, n] = X(e, ["component"]), i = I(() => t.component);
+  return I(() => {
     const s = i();
     switch (typeof s) {
       case "function":
-        return ie(() => s(n));
+        return Object.assign(s, {
+          [re]: !0
+        }), v(() => s(n));
       case "string":
-        const o = be.has(s), r = h.context ? Se() : Ie(s, o);
-        return Ee(r, n, o), r;
+        const r = be.has(s), c = d.context ? Pe() : Ne(s, r);
+        return Ee(c, n, r), c;
     }
   });
 }
-function A(e) {
-  return e != null ? e : void 0;
+function P(e) {
+  return e ?? void 0;
 }
 function m(e, t) {
   return Object.keys(e).filter((n) => !t.includes(n)).reduce((n, i) => (Object.defineProperty(n, i, {
@@ -658,20 +467,14 @@ function m(e, t) {
     enumerable: !0
   }), n), {});
 }
-function u(e, t) {
-  return se(
-    Pe,
-    g(
-      {
-        get component() {
-          return e();
-        }
-      },
-      t
-    )
-  );
+function h(e, t) {
+  return E(Le, y({
+    get component() {
+      return e();
+    }
+  }, t));
 }
-function p(e) {
+function g(e) {
   if (!Object.values(e).every((t) => typeof t == "function"))
     throw new Error("Please provide an object with accessor values only.");
   return Object.keys(e).reduce((t, n) => {
@@ -685,276 +488,198 @@ function p(e) {
     }), t;
   }, {});
 }
-const K = /^--\D{1}.{0,100}$/;
-function ee(e) {
-  return K.test(e);
+const ee = /^--\D{1}.{0,100}$/;
+function te(e) {
+  return ee.test(e);
 }
-function F(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}\)$/,
-    K
-  ].some((t) => t.test(e));
+function B(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}\)$/, ee].some((t) => t.test(e));
 }
 const {
-  sizeXxs: Fe,
-  sizeXs: Ne,
-  sizeSm: Le,
-  sizeMd: Be,
-  sizeLg: We,
-  sizeXl: Re,
-  sizeXxl: De,
-  sizeContent1: qe,
-  sizeContent2: Xe,
-  sizeContent3: He,
-  sizeHeader1: Ye,
-  sizeHeader2: Ge,
-  sizeHeader3: Ve,
-  size000: _e,
-  size00: Ue,
-  size1: Qe,
-  size2: Je,
-  size3: Ze,
-  size4: Ke,
+  sizeXxs: We,
+  sizeXs: ve,
+  sizeSm: Be,
+  sizeMd: De,
+  sizeLg: Re,
+  sizeXl: He,
+  sizeXxl: Ge,
+  sizeContent1: _e,
+  sizeContent2: Ve,
+  sizeContent3: Fe,
+  sizeHeader1: Xe,
+  sizeHeader2: Ue,
+  sizeHeader3: qe,
+  size000: Qe,
+  size00: Ye,
+  size1: Je,
+  size2: Ze,
+  size3: Ke,
+  size4: pe,
   size5: et,
   size6: tt,
   size7: nt,
-  size8: at,
-  size9: it,
-  size10: st,
+  size8: it,
+  size9: st,
+  size10: ot,
   size11: rt,
-  size12: ot,
+  size12: ct,
   size13: lt,
-  size14: ct,
-  size15: dt
-} = fe, ft = {
-  size000: _e,
-  size00: Ue,
-  size1: Qe,
-  size2: Je,
-  size3: Ze,
-  size4: Ke,
+  size14: ft,
+  size15: at
+} = oe, ut = {
+  size000: Qe,
+  size00: Ye,
+  size1: Je,
+  size2: Ze,
+  size3: Ke,
+  size4: pe,
   size5: et,
   size6: tt,
   size7: nt,
-  size8: at,
-  size9: it,
-  size10: st,
+  size8: it,
+  size9: st,
+  size10: ot,
   size11: rt,
-  size12: ot,
+  size12: ct,
   size13: lt,
-  size14: ct,
-  size15: dt
-}, ht = {
-  sizeXxs: Fe,
-  sizeXs: Ne,
-  sizeSm: Le,
-  sizeMd: Be,
-  sizeLg: We,
-  sizeXl: Re,
-  sizeXxl: De,
-  sizeContent1: qe,
-  sizeContent2: Xe,
-  sizeContent3: He,
-  sizeHeader1: Ye,
-  sizeHeader2: Ge,
-  sizeHeader3: Ve
-}, gt = ft, mt = ht;
-function te(e) {
-  return e.reduce((t, [n, i]) => ({ ...t, [n]: i }), {});
-}
-function H(e, t) {
+  size14: ft,
+  size15: at
+}, dt = {
+  sizeXxs: We,
+  sizeXs: ve,
+  sizeSm: Be,
+  sizeMd: De,
+  sizeLg: Re,
+  sizeXl: He,
+  sizeXxl: Ge,
+  sizeContent1: _e,
+  sizeContent2: Ve,
+  sizeContent3: Fe,
+  sizeHeader1: Xe,
+  sizeHeader2: Ue,
+  sizeHeader3: qe
+}, yt = ut, mt = dt;
+function ne(e) {
+  return e.reduce((t, [n, i]) => ({
+    ...t,
+    [n]: i
+  }), {});
+}
+function V(e, t) {
   if (t !== void 0)
-    return typeof t == "number" && t >= 0 ? `${t}px` : typeof t == "string" && F(t) ? ee(t) ? `var(${t})` : t : A(b(e, t));
-}
-function b(e, t) {
-  var s;
-  const n = (s = e.space) != null ? s : gt, i = te(
-    Object.entries(n).map(([o, r]) => [
-      o,
-      typeof r == "number" ? `${r}px` : r
-    ])
-  );
-  return A(i[t]);
+    return typeof t == "number" && t >= 0 ? `${t}px` : typeof t == "string" && B(t) ? te(t) ? `var(${t})` : t : P($(e, t));
+}
+function $(e, t) {
+  const n = e.space ?? yt, i = ne(Object.entries(n).map(([s, r]) => [s, typeof r == "number" ? `${r}px` : r]));
+  return P(i[t]);
 }
 function O(e, t) {
-  var s;
   if (t === void 0)
     return;
   if (typeof t == "number" && t >= 0)
     return `${t}px`;
-  if (typeof t == "string" && F(t))
-    return ee(t) ? `var(${t})` : t;
-  const n = (s = e.sizes) != null ? s : mt, i = te(
-    Object.entries(n).map(([o, r]) => [
-      o,
-      typeof r == "number" ? `${r}px` : r
-    ])
-  );
-  return A(i[t]);
+  if (typeof t == "string" && B(t))
+    return te(t) ? `var(${t})` : t;
+  const n = e.sizes ?? mt, i = ne(Object.entries(n).map(([s, r]) => [s, typeof r == "number" ? `${r}px` : r]));
+  return P(i[t]);
 }
-function ut(e) {
+function ht(e) {
   return e === void 0 ? "100%" : typeof e == "number" ? `${e}px` : e;
 }
-function Nt(e) {
-  const t = () => {
-    var a;
-    return typeof e.style == "string" ? e.style : Object.entries((a = e.style) != null ? a : {}).reduce(
-      (l, [c, d]) => l + `${c}:${d};`,
-      ""
-    );
-  }, n = () => `--maxWidth: ${ut(e.maxWidth)};`, i = () => e.centerText ? "center-text" : "", s = () => e.centerChildren ? "center-children" : "", o = () => [i(), s()].filter(Boolean).join(" "), r = () => [t(), n()].join("; ");
-  return u(
-    () => {
-      var a;
-      return (a = e.as) != null ? a : "div";
-    },
-    g(
-      m(e, ["as", "maxWidth", "centerText", "centerChildren"]),
-      p({
-        style: r,
-        "data-bedrock-center": o
-      })
-    )
-  );
+function Rt(e) {
+  const t = () => typeof e.style == "string" ? e.style : Object.entries(e.style ?? {}).reduce((o, [l, f]) => o + `${l}:${f};`, ""), n = () => `--maxWidth: ${ht(e.maxWidth)};`, i = () => e.centerText ? "center-text" : "", s = () => e.centerChildren ? "center-children" : "", r = () => [i(), s()].filter(Boolean).join(" "), c = () => [t(), n()].join("; ");
+  return h(() => e.as ?? "div", y(m(e, ["as", "maxWidth", "centerText", "centerChildren"]), g({
+    style: c,
+    "data-bedrock-center": r
+  })));
 }
-const ne = re({});
-function Lt(e) {
-  return /* @__PURE__ */ React.createElement(ne.Provider, { value: e.theme }, e.children);
+const ie = ce({});
+function Ht(e) {
+  return E(ie.Provider, {
+    get value() {
+      return e.theme;
+    },
+    get children() {
+      return e.children;
+    }
+  });
 }
-function y() {
+function x() {
   try {
-    return oe(ne);
+    return le(ie);
   } catch {
     return {};
   }
 }
-function pt(e, t) {
+function gt(e, t) {
   return O(e, t);
 }
-function Bt(e) {
-  const t = y(), n = () => {
-    var a;
-    return typeof e.style == "string" ? e.style : Object.entries((a = e.style) != null ? a : {}).reduce(
-      (l, [c, d]) => l + `${c}:${d};`,
-      ""
-    );
-  }, i = () => {
-    var a, l;
-    return `--gutter: ${(l = b(t, (a = e.gutter) != null ? a : "size00")) != null ? l : "0px"}`;
-  }, s = () => `--minItemWidth: ${pt(t, e.minItemWidth)}`, o = () => e.noStretchedColumns === !0 ? "no-stretched-columns" : "", r = () => [n(), i(), s()].join("; ");
-  return u(
-    () => {
-      var a;
-      return (a = e.as) != null ? a : "div";
-    },
-    g(
-      m(e, ["as", "gutter", "minItemWidth", "noStretchedColumns"]),
-      p({
-        style: r,
-        "data-bedrock-column-drop": o
-      })
-    )
-  );
+function Gt(e) {
+  const t = x(), n = () => typeof e.style == "string" ? e.style : Object.entries(e.style ?? {}).reduce((o, [l, f]) => o + `${l}:${f};`, ""), i = () => `--gutter: ${$(t, e.gutter ?? "size00") ?? "0px"}`, s = () => `--minItemWidth: ${gt(t, e.minItemWidth)}`, r = () => e.noStretchedColumns === !0 ? "no-stretched-columns" : "", c = () => [n(), i(), s()].join("; ");
+  return h(() => e.as ?? "div", y(m(e, ["as", "gutter", "minItemWidth", "noStretchedColumns"]), g({
+    style: c,
+    "data-bedrock-column-drop": r
+  })));
 }
-function M(e) {
+function z(e) {
   throw new Error(e);
 }
 function bt(e) {
-  typeof e != "number" && !Array.isArray(e) && M("width must be a number or an array of two numbers"), Array().concat(e).some((n) => n < 0) && M("width value(s) must be 0 or greater"), Array.isArray(e) && (e.length !== 2 || e[0] > e[1]) && M(
-    `The second width value, ${e[1]}, is not larger than ${e[0]}. Please provide a value greater than first width value`
-  );
+  typeof e != "number" && !Array.isArray(e) && z("width must be a number or an array of two numbers"), Array().concat(e).some((n) => n < 0) && z("width value(s) must be 0 or greater"), Array.isArray(e) && (e.length !== 2 || e[0] > e[1]) && z(`The second width value, ${e[1]}, is not larger than ${e[0]}. Please provide a value greater than first width value`);
 }
-function Wt(e, t) {
+function _t(e, t) {
   bt(e);
-  const [n, i] = $(!1), [s, o] = $();
-  return V(() => {
-    Q();
-  }), _(() => {
+  const [n, i] = T(!1), [s, r] = T();
+  return U(() => {
+    Y();
+  }), q(() => {
     if (s() === void 0 || s() === null)
       return;
     t && t(s());
-    const r = J(s(), (a) => {
-      var c, d;
-      const l = (d = (c = a.borderBoxSize) == null ? void 0 : c.inlineSize) != null ? d : a.contentRect.width;
+    const c = J(s(), (o) => {
+      var f;
+      const l = ((f = o.borderBoxSize) == null ? void 0 : f.inlineSize) ?? o.contentRect.width;
       if (l > 0) {
-        const f = Array.isArray(e) ? l >= e[0] && l <= e[1] : l <= e;
-        i(f);
+        const a = Array.isArray(e) ? l >= e[0] && l <= e[1] : l <= e;
+        i(a);
       }
     });
-    U(r);
-  }), [n, o];
+    Q(c);
+  }), [n, r];
 }
-function yt(e) {
+function $t(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 xt(e) {
   return Array.isArray(e) ? e.join("/") : e;
 }
-function wt(e) {
-  return yt(e) ? xt(e) : void 0;
-}
-function Rt(e) {
-  const t = () => {
-    var r;
-    return typeof e.style == "string" ? e.style : Object.entries((r = e.style) != null ? r : {}).reduce(
-      (a, [l, c]) => a + `${l}:${c};`,
-      ""
-    );
-  }, n = () => wt(e.ratio), i = () => n() ? `--ratio: ${n()}` : "", s = () => typeof e.position == "string" ? `--position: ${e.position}` : "50%", o = () => [t(), i(), s()].join("; ");
-  return u(
-    () => {
-      var r;
-      return (r = e.as) != null ? r : "div";
-    },
-    g(
-      m(e, ["as", "ratio", "position"]),
-      p({
-        style: o,
-        "data-bedrock-frame": () => ""
-      })
-    )
-  );
+function St(e) {
+  return $t(e) ? xt(e) : void 0;
 }
-function vt(e) {
-  const t = y(), n = () => {
-    var r;
-    return typeof e.style == "string" ? e.style : Object.entries((r = e.style) != null ? r : {}).reduce(
-      (a, [l, c]) => a + `${l}:${c};`,
-      ""
-    );
-  }, i = () => {
-    var r, a;
-    return `--gutter: ${(a = b(t, (r = e.gutter) != null ? r : "size00")) != null ? a : "0px"};`;
-  }, s = () => {
-    var r;
-    return `--minItemWidth: ${typeof e.minItemWidth == "string" ? e.minItemWidth : `${(r = e.minItemWidth) != null ? r : 0}px`};`;
-  }, o = () => [n(), i(), s()].join("; ");
-  return u(
-    () => {
-      var r;
-      return (r = e.as) != null ? r : "div";
-    },
-    g(
-      m(e, ["as", "gutter", "minItemWidth"]),
-      p({
-        style: o,
-        "data-bedrock-grid": () => ""
-      })
-    )
-  );
-}
-const k = 96;
-function ae(e) {
-  var i;
+function Vt(e) {
+  const t = () => typeof e.style == "string" ? e.style : Object.entries(e.style ?? {}).reduce((c, [o, l]) => c + `${o}:${l};`, ""), n = () => St(e.ratio), i = () => n() ? `--ratio: ${n()}` : "", s = () => typeof e.position == "string" ? `--position: ${e.position}` : "50%", r = () => [t(), i(), s()].join("; ");
+  return h(() => e.as ?? "div", y(m(e, ["as", "ratio", "position"]), g({
+    style: r,
+    "data-bedrock-frame": () => ""
+  })));
+}
+function At(e) {
+  const t = x(), n = () => typeof e.style == "string" ? e.style : Object.entries(e.style ?? {}).reduce((c, [o, l]) => c + `${o}:${l};`, ""), i = () => `--gutter: ${$(t, e.gutter ?? "size00") ?? "0px"};`, s = () => `--minItemWidth: ${typeof e.minItemWidth == "string" ? e.minItemWidth : `${e.minItemWidth ?? 0}px`};`, r = () => [n(), i(), s()].join("; ");
+  return h(() => e.as ?? "div", y(m(e, ["as", "gutter", "minItemWidth"]), g({
+    style: r,
+    "data-bedrock-grid": () => ""
+  })));
+}
+const C = 96;
+function se(e) {
   e = String(e);
-  const t = parseFloat(e), [, n] = (i = e.match(/[\d.\-+]*\s*(.*)/)) != null ? i : ["", ""];
+  const t = parseFloat(e), [, n] = e.match(/[\d.\-+]*\s*(.*)/) ?? ["", ""];
   return [t, n];
 }
-function N(e, t) {
+function D(e, t) {
   if (!e)
     return;
-  const n = t != null ? t : document.body, i = (e != null ? e : "px").trim().toLowerCase();
+  const n = t ?? document.body, i = (e ?? "px").trim().toLowerCase();
   switch (i) {
     case "vmin":
     case "vmax":
@@ -964,147 +689,113 @@ function N(e, t) {
       return;
     case "ch":
     case "ex":
-      return zt(i, n);
+      return wt(i, n);
     case "em":
-      return P(n, "font-size");
+      return W(n, "font-size");
     case "rem":
-      return P(document.body, "font-size");
+      return W(document.body, "font-size");
     case "in":
-      return k;
+      return C;
     case "cm":
-      return k / 2.54;
+      return C / 2.54;
     case "mm":
-      return k / 25.4;
+      return C / 25.4;
     case "pt":
-      return k / 72;
+      return C / 72;
     case "pc":
-      return k / 6;
+      return C / 6;
     case "px":
       return 1;
     default: {
-      const [s, o] = ae(i);
+      const [s, r] = se(i);
       if (isNaN(s))
         return;
-      if (!o)
+      if (!r)
         return s;
-      const r = N(o, t);
-      return typeof r == "number" ? s * r : void 0;
+      const c = D(r, t);
+      return typeof c == "number" ? s * c : void 0;
     }
   }
 }
-function P(e, t) {
-  var s;
-  const [n, i] = ae(
+function W(e, t) {
+  const [n, i] = se(
     getComputedStyle(e).getPropertyValue(t)
   );
-  return n * ((s = N(i, e)) != null ? s : 1);
+  return n * (D(i, e) ?? 1);
 }
-function zt(e, t) {
+function wt(e, t) {
   const n = document.createElement("div");
   n.style.height = "128" + e, t.appendChild(n);
-  const i = P(n, "height") / 128;
+  const i = W(n, "height") / 128;
   return t.removeChild(n), i;
 }
-const T = 1, kt = typeof window == "object" && typeof document == "object" && document.nodeType === 9, Ct = (e) => {
-  const [t, n] = $(1), [i, s] = $(), o = y();
-  return V(() => {
-    Q();
-  }), _(() => {
-    const r = A(i());
-    if (r === void 0)
+const jt = /* @__PURE__ */ Z("<div>"), k = 1, Ct = typeof window == "object" && typeof document == "object" && document.nodeType === 9, Et = (e) => {
+  const [t, n] = T(1), [i, s] = T(), r = x();
+  return U(() => {
+    Y();
+  }), q(() => {
+    const c = P(i());
+    if (c === void 0)
       return;
-    const a = J(r, ({ target: l }) => {
-      var L;
+    const o = J(c, ({
+      target: l
+    }) => {
       n(1);
-      const c = e.gutter && (L = b(o, e.gutter)) != null ? L : "1px", d = kt ? N(c, l) : void 0, f = Math.max(d != null ? d : T, T), [x] = Array.from(l.children), w = 1 + Math.min(l.scrollHeight, x.scrollHeight), z = Math.max(Math.ceil(w / f), T);
-      n(z);
+      const f = e.gutter ? $(r, e.gutter) ?? "1px" : "1px", a = Ct ? D(f, l) : void 0, u = Math.max(a ?? k, k), [b] = Array.from(l.children), S = 1 + Math.min(l.scrollHeight, b.scrollHeight), M = Math.max(Math.ceil(S / u), k);
+      n(M);
     });
-    U(a);
-  }), /* @__PURE__ */ React.createElement("div", { style: `grid-row: span ${t()};`, ref: s }, e.children);
-}, Dt = (e) => {
-  const t = le(() => e.children), i = [].concat(t()).filter(Boolean).map((s) => /* @__PURE__ */ React.createElement(Ct, { gutter: e.gutter }, s));
-  return /* @__PURE__ */ React.createElement(vt, { style: "grid-template-rows: 1px;", ...e }, i);
-}, jt = {
+    Q(o);
+  }), (() => {
+    const c = jt();
+    return Ie(s, c), p(c, () => e.children), A((o) => K(c, `grid-row: span ${t()};`, o)), c;
+  })();
+}, Ft = (e) => {
+  const t = fe(() => e.children), i = [].concat(t()).filter(Boolean).map((s) => E(Et, {
+    get gutter() {
+      return e.gutter;
+    },
+    children: s
+  }));
+  return E(At, y({
+    style: "grid-template-rows: 1px;"
+  }, e, {
+    children: i
+  }));
+}, It = {
   start: "justify:start",
   end: "justify:end",
   center: "justify:center"
-}, Et = {
+}, Tt = {
   start: "align:start",
   end: "align:end",
   center: "align:center",
   stretch: "align:stretch"
 };
-function qt(e) {
-  const t = y(), n = () => {
-    var l;
-    return typeof e.style == "string" ? e.style : Object.entries((l = e.style) != null ? l : {}).reduce(
-      (c, [d, f]) => c + `${d}:${f};`,
-      ""
-    );
-  }, i = () => {
-    var l, c;
-    return `--gutter: ${(c = b(t, (l = e.gutter) != null ? l : "size00")) != null ? c : "0px"};`;
-  }, s = () => e.justify !== void 0 ? jt[e.justify] : void 0, o = () => e.align !== void 0 ? Et[e.align] : void 0, r = () => [n(), i()].join("; "), a = () => [s(), o()].filter(Boolean).join(" ");
-  return u(
-    () => {
-      var l;
-      return (l = e.as) != null ? l : "div";
-    },
-    g(
-      m(e, ["as", "gutter", "justify", "align"]),
-      p({
-        style: r,
-        "data-bedrock-inline-cluster": a
-      })
-    )
-  );
+function Xt(e) {
+  const t = x(), n = () => typeof e.style == "string" ? e.style : Object.entries(e.style ?? {}).reduce((l, [f, a]) => l + `${f}:${a};`, ""), i = () => `--gutter: ${$(t, e.gutter ?? "size00") ?? "0px"};`, s = () => e.justify !== void 0 ? It[e.justify] : void 0, r = () => e.align !== void 0 ? Tt[e.align] : void 0, c = () => [n(), i()].join("; "), o = () => [s(), r()].filter(Boolean).join(" ");
+  return h(() => e.as ?? "div", y(m(e, ["as", "gutter", "justify", "align"]), g({
+    style: c,
+    "data-bedrock-inline-cluster": o
+  })));
 }
-const $t = {
+const Pt = {
   start: "justify:start",
   end: "justify:end",
   center: "justify:center"
-}, St = {
+}, Ot = {
   start: "align:start",
   end: "align:end",
   center: "align:center",
   stretch: "align:stretch"
 };
-function Xt(e) {
-  const t = y(), n = () => {
-    var f;
-    return typeof e.style == "string" ? e.style : Object.entries((f = e.style) != null ? f : {}).reduce(
-      (x, [w, z]) => x + `${w}:${z};`,
-      ""
-    );
-  }, i = () => {
-    var f, x;
-    return `--gutter: ${(x = b(t, (f = e.gutter) != null ? f : "size00")) != null ? x : "0px"};`;
-  }, s = () => e.minItemWidth ? `--minItemWidth: ${typeof e.minItemWidth == "string" ? e.minItemWidth : `${e.minItemWidth}px`};` : void 0, o = () => {
-    var f;
-    return e.switchAt ? `--switchAt: ${(f = O(t, e.switchAt)) != null ? f : "0px"};` : "";
-  }, r = () => e.justify !== void 0 ? $t[e.justify] : void 0, a = () => e.align !== void 0 ? St[e.align] : void 0, l = () => e.stretch ? `stretch:${e.stretch}` : void 0, c = () => [n(), i(), o(), s()].join("; "), d = () => [r(), a(), l()].filter(Boolean).join(" ");
-  return u(
-    () => {
-      var f;
-      return (f = e.as) != null ? f : "div";
-    },
-    g(
-      m(e, [
-        "as",
-        "gutter",
-        "justify",
-        "align",
-        "stretch",
-        "switchAt"
-      ]),
-      p({
-        style: c,
-        "data-bedrock-inline": d
-      })
-    )
-  );
+function Ut(e) {
+  const t = x(), n = () => typeof e.style == "string" ? e.style : Object.entries(e.style ?? {}).reduce((u, [b, S]) => u + `${b}:${S};`, ""), i = () => `--gutter: ${$(t, e.gutter ?? "size00") ?? "0px"};`, s = () => e.minItemWidth ? `--minItemWidth: ${typeof e.minItemWidth == "string" ? e.minItemWidth : `${e.minItemWidth}px`};` : void 0, r = () => e.switchAt ? `--switchAt: ${O(t, e.switchAt) ?? "0px"};` : "", c = () => e.justify !== void 0 ? Pt[e.justify] : void 0, o = () => e.align !== void 0 ? Ot[e.align] : void 0, l = () => e.stretch ? `stretch:${e.stretch}` : void 0, f = () => [n(), i(), r(), s()].join("; "), a = () => [c(), o(), l()].filter(Boolean).join(" ");
+  return h(() => e.as ?? "div", y(m(e, ["as", "gutter", "justify", "align", "stretch", "switchAt"]), g({
+    style: f,
+    "data-bedrock-inline": a
+  })));
 }
-const At = (e) => ({
+const Mt = (e) => ({
   left: "padding-inline-start",
   right: "padding-inline-end",
   top: "padding-block-start",
@@ -1113,59 +804,28 @@ const At = (e) => ({
   inlineEnd: "padding-inline-end",
   blockStart: "padding-block-start",
   blockEnd: "padding-block-end"
-})[e], Ot = (e, t) => {
+})[e], zt = (e, t) => {
+  if (!t)
+    return "";
   if (Array.isArray(t) && t.length > 4)
     throw new Error("padding arrays can only be 4 or less in length");
-  const n = typeof t == "object" && !Array.isArray(t) ? Object.entries(t).reduce(
-    (i, [s, o]) => {
-      var r;
-      return {
-        ...i,
-        [At(s)]: (r = H(e, o)) != null ? r : "0px"
-      };
-    },
-    {}
-  ) : {
-    padding: Array.from(Array.isArray(t) ? t : [t]).map((i) => {
-      var s;
-      return (s = H(e, i)) != null ? s : "0px";
-    }).join(" ")
+  const n = typeof t == "object" && !Array.isArray(t) ? Object.entries(t).reduce((i, [s, r]) => ({
+    ...i,
+    [Mt(s)]: V(e, r) ?? "0px"
+  }), {}) : {
+    padding: Array.from(Array.isArray(t) ? t : [t]).map((i) => V(e, i) ?? "0px").join(" ")
   };
-  return Object.entries(n).reduce((i, [s, o]) => i + `${s}:${o};`, "");
+  return Object.entries(n).reduce((i, [s, r]) => i + `${s}:${r};`, "");
 };
-function Ht(e) {
-  const t = y(), n = () => {
-    var o;
-    return typeof e.style == "string" ? e.style : Object.entries((o = e.style) != null ? o : {}).reduce(
-      (r, [a, l]) => r + `${a}:${l};`,
-      ""
-    );
-  }, i = () => Ot(t, e.padding), s = () => [n(), i()].join("; ");
-  return u(
-    () => {
-      var o;
-      return (o = e.as) != null ? o : "div";
-    },
-    g(
-      m(e, ["as", "padding"]),
-      p({
-        style: s,
-        "data-bedrock-padbox": () => ""
-      })
-    )
-  );
+function qt(e) {
+  const t = x(), n = () => typeof e.style == "string" ? e.style : Object.entries(e.style ?? {}).reduce((r, [c, o]) => r + `${c}:${o};`, ""), i = () => zt(t, e.padding), s = () => [n(), i()].join("; ");
+  return h(() => e.as ?? "div", y(m(e, ["as", "padding"]), g({
+    style: s,
+    "data-bedrock-padbox": () => ""
+  })));
 }
-function Yt(e) {
-  const t = y(), n = () => {
-    var r;
-    return typeof e.style == "string" ? e.style : Object.entries((r = e.style) != null ? r : {}).reduce(
-      (a, [l, c]) => a + `${l}:${c};`,
-      ""
-    );
-  }, i = () => {
-    var r, a;
-    return `--gutter: ${(a = b(t, (r = e.gutter) != null ? r : "size00")) != null ? a : "0px"};`;
-  }, s = () => {
+function Qt(e) {
+  const t = x(), n = () => typeof e.style == "string" ? e.style : Object.entries(e.style ?? {}).reduce((c, [o, l]) => c + `${o}:${l};`, ""), i = () => `--gutter: ${$(t, e.gutter ?? "size00") ?? "0px"};`, s = () => {
     switch (e.snapType) {
       case "none":
         return "snapType:none";
@@ -1176,19 +836,13 @@ function Yt(e) {
       default:
         return "snapType:none";
     }
-  }, o = () => [n(), i()].join("; ");
-  return u(
-    () => {
-      var r;
-      return (r = e.as) != null ? r : "div";
-    },
-    g(
-      m(e, ["as", "gutter"]),
-      p({ style: o, "data-bedrock-reel": s })
-    )
-  );
+  }, r = () => [n(), i()].join("; ");
+  return h(() => e.as ?? "div", y(m(e, ["as", "gutter"]), g({
+    style: r,
+    "data-bedrock-reel": s
+  })));
 }
-const Y = {
+const F = {
   "1/4": "fraction:1/4",
   "1/3": "fraction:1/3",
   "1/2": "fraction:1/2",
@@ -1197,164 +851,79 @@ const Y = {
   "auto-start": "fraction:auto-start",
   "auto-end": "fraction:auto-end"
 };
-function Gt(e) {
-  const t = y(), n = () => {
-    var l;
-    return typeof e.style == "string" ? e.style : Object.entries((l = e.style) != null ? l : {}).reduce(
-      (c, [d, f]) => c + `${d}:${f};`,
-      ""
-    );
-  }, i = () => {
-    var l;
-    return e.switchAt ? `--switchAt: ${(l = O(t, e.switchAt)) != null ? l : "0px"};` : "";
-  }, s = () => {
-    var l, c;
-    return `--gutter: ${(c = b(t, (l = e.gutter) != null ? l : "size00")) != null ? c : "0px"};`;
-  }, o = () => {
-    var l, c;
-    return (c = Y[(l = e.fraction) != null ? l : "1/2"]) != null ? c : Y["1/2"];
-  }, r = () => e.minItemWidth ? `--minItemWidth: ${typeof e.minItemWidth == "string" ? e.minItemWidth : `${e.minItemWidth}px`};` : void 0, a = () => [n(), s(), i(), r()].join("; ");
-  return u(
-    () => {
-      var l;
-      return (l = e.as) != null ? l : "div";
-    },
-    g(
-      m(e, ["as", "gutter", "fraction"]),
-      p({
-        style: a,
-        "data-bedrock-split": o
-      })
-    )
-  );
-}
-function Vt(e) {
-  const t = y(), n = () => {
-    var o;
-    return typeof e.style == "string" ? e.style : Object.entries((o = e.style) != null ? o : {}).reduce(
-      (r, [a, l]) => r + `${a}:${l};`,
-      ""
-    );
-  }, i = () => {
-    var o, r;
-    return `--gutter: ${(r = b(t, (o = e.gutter) != null ? o : "size00")) != null ? r : "0px"};`;
-  }, s = () => [n(), i()].join("; ");
-  return u(
-    () => {
-      var o;
-      return (o = e.as) != null ? o : "div";
-    },
-    g(
-      m(e, ["as", "gutter"]),
-      p({ style: s, "data-bedrock-stack": () => "" })
-    )
-  );
-}
-function Mt(e) {
-  return typeof e == "number" ? `${e}px` : e && F(e) ? e : "100vh";
-}
-function Tt(e) {
-  const t = y(), n = () => {
-    var a;
-    return typeof e.style == "string" ? e.style : Object.entries((a = e.style) != null ? a : {}).reduce(
-      (l, [c, d]) => l + `${c}:${d};`,
-      ""
-    );
-  }, i = () => {
-    var a, l;
-    return `--gutter: ${(l = b(t, (a = e.gutter) != null ? a : "size00")) != null ? l : "0px"};`;
-  }, s = () => `--minHeight: ${Mt(e.minHeight)};`, o = () => e.stretchContent === !0 ? "stretch-content" : "", r = () => [n(), i(), s()].join("; ");
-  return u(
-    () => {
-      var a;
-      return (a = e.as) != null ? a : "div";
-    },
-    g(
-      m(e, ["as", "minHeight", "stretchContent"]),
-      p({
-        style: r,
-        "data-bedrock-cover": o
-      })
-    )
-  );
-}
-function _t(e) {
-  const [t, n] = G(e, ["children", "top", "bottom"]);
-  return /* @__PURE__ */ React.createElement(Tt, { ...n }, t.top, /* @__PURE__ */ React.createElement("div", { "data-bedrock-cover-centered": !0 }, t.children), t.bottom);
-}
-function Ut(e) {
-  const t = y(), n = () => {
-    var a;
-    return typeof e.style == "string" ? e.style : Object.entries((a = e.style) != null ? a : {}).reduce(
-      (l, [c, d]) => l + `${c}:${d};`,
-      ""
-    );
-  }, i = () => {
-    var a, l;
-    return `--gutter: ${(l = b(t, (a = e.gutter) != null ? a : "size00")) != null ? l : "0px"};`;
-  }, s = () => `--columns: ${e.columns && e.columns > 0 ? e.columns : 1};`, o = () => {
-    var a;
-    return e.switchAt ? `--switchAt: ${(a = O(t, e.switchAt)) != null ? a : "0px"};` : "";
-  }, r = () => [n(), i(), s(), o()].join("; ");
-  return u(
-    () => {
-      var a;
-      return (a = e.as) != null ? a : "div";
-    },
-    g(
-      m(e, ["as", "gutter", "columns", "switchAt"]),
-      p({
-        style: r,
-        "data-bedrock-columns": () => ""
-      })
-    )
-  );
+function Yt(e) {
+  const t = x(), n = () => typeof e.style == "string" ? e.style : Object.entries(e.style ?? {}).reduce((l, [f, a]) => l + `${f}:${a};`, ""), i = () => e.switchAt ? `--switchAt: ${O(t, e.switchAt) ?? "0px"};` : "", s = () => `--gutter: ${$(t, e.gutter ?? "size00") ?? "0px"};`, r = () => F[e.fraction ?? "1/2"] ?? F["1/2"], c = () => e.minItemWidth ? `--minItemWidth: ${typeof e.minItemWidth == "string" ? e.minItemWidth : `${e.minItemWidth}px`};` : void 0, o = () => [n(), s(), i(), c()].join("; ");
+  return h(() => e.as ?? "div", y(m(e, ["as", "gutter", "fraction"]), g({
+    style: o,
+    "data-bedrock-split": r
+  })));
+}
+function Jt(e) {
+  const t = x(), n = () => typeof e.style == "string" ? e.style : Object.entries(e.style ?? {}).reduce((r, [c, o]) => r + `${c}:${o};`, ""), i = () => `--gutter: ${$(t, e.gutter ?? "size00") ?? "0px"};`, s = () => [n(), i()].join("; ");
+  return h(() => e.as ?? "div", y(m(e, ["as", "gutter"]), g({
+    style: s,
+    "data-bedrock-stack": () => ""
+  })));
+}
+const kt = /* @__PURE__ */ Z("<div data-bedrock-cover-centered>");
+function Nt(e) {
+  return typeof e == "number" ? `${e}px` : e && B(e) ? e : "100vh";
 }
-const It = (e) => typeof e == "number" ? e : 1;
-function Qt(e) {
-  const t = () => {
-    var r;
-    return typeof e.style == "string" ? e.style : Object.entries((r = e.style) != null ? r : {}).reduce(
-      (a, [l, c]) => a + `${l}:${c};`,
-      ""
-    );
-  }, n = () => `--span: ${It(e.span)};`, i = () => e.offsetStart && e.offsetStart > 0 ? `--offsetStart: ${e.offsetStart};` : "", s = () => e.offsetEnd && e.offsetEnd > 0 ? `--offsetEnd: ${e.offsetEnd};` : "", o = () => [t(), n(), i(), s()].join("; ");
-  return u(
-    () => {
-      var r;
-      return (r = e.as) != null ? r : "div";
-    },
-    g(
-      m(e, ["as", "span", "offsetStart", "offsetEnd"]),
-      p({
-        style: o,
-        "data-bedrock-column": () => ""
-      })
-    )
-  );
+function Lt(e) {
+  const t = x(), n = () => typeof e.style == "string" ? e.style : Object.entries(e.style ?? {}).reduce((o, [l, f]) => o + `${l}:${f};`, ""), i = () => `--gutter: ${$(t, e.gutter ?? "size00") ?? "0px"};`, s = () => `--minHeight: ${Nt(e.minHeight)};`, r = () => e.stretchContent === !0 ? "stretch-content" : "", c = () => [n(), i(), s()].join("; ");
+  return h(() => e.as ?? "div", y(m(e, ["as", "minHeight", "stretchContent"]), g({
+    style: c,
+    "data-bedrock-cover": r
+  })));
+}
+function Zt(e) {
+  const [t, n] = X(e, ["children", "top", "bottom"]);
+  return E(Lt, y(n, {
+    get children() {
+      return [I(() => t.top), (() => {
+        const i = kt();
+        return p(i, () => t.children), i;
+      })(), I(() => t.bottom)];
+    }
+  }));
+}
+function Kt(e) {
+  const t = x(), n = () => typeof e.style == "string" ? e.style : Object.entries(e.style ?? {}).reduce((o, [l, f]) => o + `${l}:${f};`, ""), i = () => `--gutter: ${$(t, e.gutter ?? "size00") ?? "0px"};`, s = () => `--columns: ${e.columns && e.columns > 0 ? e.columns : 1};`, r = () => e.switchAt ? `--switchAt: ${O(t, e.switchAt) ?? "0px"};` : "", c = () => [n(), i(), s(), r()].join("; ");
+  return h(() => e.as ?? "div", y(m(e, ["as", "gutter", "columns", "switchAt"]), g({
+    style: c,
+    "data-bedrock-columns": () => ""
+  })));
+}
+const Wt = (e) => typeof e == "number" ? e : 1;
+function pt(e) {
+  const t = () => typeof e.style == "string" ? e.style : Object.entries(e.style ?? {}).reduce((c, [o, l]) => c + `${o}:${l};`, ""), n = () => `--span: ${Wt(e.span)};`, i = () => e.offsetStart && e.offsetStart > 0 ? `--offsetStart: ${e.offsetStart};` : "", s = () => e.offsetEnd && e.offsetEnd > 0 ? `--offsetEnd: ${e.offsetEnd};` : "", r = () => [t(), n(), i(), s()].join("; ");
+  return h(() => e.as ?? "div", y(m(e, ["as", "span", "offsetStart", "offsetEnd"]), g({
+    style: r,
+    "data-bedrock-column": () => ""
+  })));
 }
 export {
-  Nt as Center,
-  Qt as Column,
-  Bt as ColumnDrop,
-  Ut as Columns,
-  _t as Cover,
-  Rt as Frame,
-  vt as Grid,
-  Xt as Inline,
-  qt as InlineCluster,
-  Dt as MasonryGrid,
-  Ht as PadBox,
-  Yt as Reel,
-  Gt as Split,
-  Vt as Stack,
-  Lt as ThemeProvider,
-  F as checkIsCSSLength,
-  Wt as createContainerQuery,
-  H as getSafeGutter,
+  Rt as Center,
+  pt as Column,
+  Gt as ColumnDrop,
+  Kt as Columns,
+  Zt as Cover,
+  Vt as Frame,
+  At as Grid,
+  Ut as Inline,
+  Xt as InlineCluster,
+  Ft as MasonryGrid,
+  qt as PadBox,
+  Qt as Reel,
+  Yt as Split,
+  Jt as Stack,
+  Ht as ThemeProvider,
+  B as checkIsCSSLength,
+  _t as createContainerQuery,
+  V as getSafeGutter,
   O as getSizeValue,
-  b as getSpacingValue,
+  $ as getSpacingValue,
   mt as sizes,
-  gt as spacing,
-  y as useTheme
+  yt as spacing,
+  x as useTheme
 };