@bedrock-layout/solid 0.12.1 → 1.1.0

package/lib/index.m.js

@@ -1,61 +1,259 @@
-import { splitProps, createMemo, sharedConfig, untrack, createRenderEffect, createComponent, mergeProps, createContext, useContext, createSignal, onMount, createEffect, onCleanup, children, Switch, Match } from "solid-js";
-import { init, registerCallback } from "@bedrock-layout/register-resize-callback";
-function checkIsCSSLength(str) {
-  if (typeof str !== "string")
-    return false;
-  return [
-    /^[0-9]{0,10000}\.?[0-9]{1,10000}(vmin|vmax|vh|vw|%|ch|ex|em|rem|in|cm|mm|pt|pc|px)$/,
-    /^var\(--\D{1,100}\)$/
-  ].some((regex) => regex.test(str));
-}
-const spacing = {
-  none: "0px",
-  xxs: "0.0625rem",
-  xs: "0.125rem",
-  sm: "0.25rem",
-  md: "0.5rem",
-  mdLg: "0.75rem",
-  lg: "1rem",
-  lgXl: "1.5rem",
-  xl: "2rem",
-  xlXXl: "3rem",
-  xxl: "4rem"
-};
-function fromEntries(entries) {
-  return entries.reduce((acc, [key, value]) => {
-    return { ...acc, [key]: value };
-  }, {});
+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);
 }
-const getSpacingValue = (spacingKey, theme) => {
-  var _a, _b;
-  const maybeSpaceingOrDefault = (_b = (_a = theme == null ? void 0 : theme.space) != null ? _a : theme == null ? void 0 : theme.spacing) != null ? _b : spacing;
-  const safeSpacings = fromEntries(
-    Object.entries(maybeSpaceingOrDefault).map(([spaceKey, value]) => [
-      spaceKey,
-      typeof value === "number" ? `${value}px` : value
-    ])
-  );
-  const spacingVal = safeSpacings[spacingKey];
-  const isCSSLength = checkIsCSSLength(spacingVal);
-  return isCSSLength ? spacingVal : void 0;
-};
-const booleans = ["allowfullscreen", "async", "autofocus", "autoplay", "checked", "controls", "default", "disabled", "formnovalidate", "hidden", "indeterminate", "ismap", "loop", "multiple", "muted", "nomodule", "novalidate", "open", "playsinline", "readonly", "required", "reversed", "seamless", "selected"];
-const Properties = /* @__PURE__ */ new Set(["className", "value", "readOnly", "formNoValidate", "isMap", "noModule", "playsInline", ...booleans]);
-const ChildProperties = /* @__PURE__ */ new Set(["innerHTML", "textContent", "innerText", "children"]);
-const Aliases = {
+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), {
   className: "class",
   htmlFor: "for"
-};
-const PropAliases = {
+}), W = /* @__PURE__ */ Object.assign(/* @__PURE__ */ Object.create(null), {
   class: "className",
   formnovalidate: "formNoValidate",
   ismap: "isMap",
   nomodule: "noModule",
   playsinline: "playsInline",
   readonly: "readOnly"
-};
-const DelegatedEvents = /* @__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"]);
-const SVGElements = /* @__PURE__ */ new Set([
+}), 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([
   "altGlyph",
   "altGlyphDef",
   "altGlyphItem",
@@ -132,874 +330,766 @@ const SVGElements = /* @__PURE__ */ new Set([
   "use",
   "view",
   "vkern"
-]);
-const SVGNamespace = {
+]), ye = {
   xlink: "http://www.w3.org/1999/xlink",
   xml: "http://www.w3.org/XML/1998/namespace"
 };
-function reconcileArrays(parentNode, a, b) {
-  let bLength = b.length, aEnd = a.length, bEnd = bLength, aStart = 0, bStart = 0, after = a[aEnd - 1].nextSibling, map = null;
-  while (aStart < aEnd || bStart < bEnd) {
-    if (a[aStart] === b[bStart]) {
-      aStart++;
-      bStart++;
+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++;
       continue;
     }
-    while (a[aEnd - 1] === b[bEnd - 1]) {
-      aEnd--;
-      bEnd--;
-    }
-    if (aEnd === aStart) {
-      const node = bEnd < bLength ? bStart ? b[bStart - 1].nextSibling : b[bEnd - bStart] : after;
-      while (bStart < bEnd)
-        parentNode.insertBefore(b[bStart++], node);
-    } else if (bEnd === bStart) {
-      while (aStart < aEnd) {
-        if (!map || !map.has(a[aStart]))
-          a[aStart].remove();
-        aStart++;
-      }
-    } else if (a[aStart] === b[bEnd - 1] && b[bStart] === a[aEnd - 1]) {
-      const node = a[--aEnd].nextSibling;
-      parentNode.insertBefore(b[bStart++], a[aStart++].nextSibling);
-      parentNode.insertBefore(b[--bEnd], node);
-      a[aEnd] = b[bEnd];
+    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];
     } else {
-      if (!map) {
-        map = /* @__PURE__ */ new Map();
-        let i = bStart;
-        while (i < bEnd)
-          map.set(b[i], i++);
+      if (!c) {
+        c = /* @__PURE__ */ new Map();
+        let f = a;
+        for (; f < o; )
+          c.set(n[f], f++);
       }
-      const index = map.get(a[aStart]);
-      if (index != null) {
-        if (bStart < index && index < bEnd) {
-          let i = aStart, sequence = 1, t;
-          while (++i < aEnd && i < bEnd) {
-            if ((t = map.get(a[i])) == null || t !== index + sequence)
-              break;
-            sequence++;
-          }
-          if (sequence > index - bStart) {
-            const node = a[aStart];
-            while (bStart < index)
-              parentNode.insertBefore(b[bStart++], node);
+      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);
           } else
-            parentNode.replaceChild(b[bStart++], a[aStart++]);
+            e.replaceChild(n[a++], t[r++]);
         } else
-          aStart++;
-      } else
-        a[aStart++].remove();
+          r++;
+      else
+        t[r++].remove();
     }
   }
 }
-const $$EVENTS = "_$DX_DELEGATE";
-function delegateEvents(eventNames, document2 = window.document) {
-  const e = document2[$$EVENTS] || (document2[$$EVENTS] = /* @__PURE__ */ new Set());
-  for (let i = 0, l = eventNames.length; i < l; i++) {
-    const name = eventNames[i];
-    if (!e.has(name)) {
-      e.add(name);
-      document2.addEventListener(name, eventHandler);
-    }
+const R = "_$DX_DELEGATE";
+function we(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));
   }
 }
-function setAttribute(node, name, value) {
-  if (value == null)
-    node.removeAttribute(name);
-  else
-    node.setAttribute(name, value);
+function Z(e, t, n) {
+  n == null ? e.removeAttribute(t) : e.setAttribute(t, n);
 }
-function setAttributeNS(node, namespace, name, value) {
-  if (value == null)
-    node.removeAttributeNS(namespace, name);
-  else
-    node.setAttributeNS(namespace, name, value);
+function ve(e, t, n, i) {
+  i == null ? e.removeAttributeNS(t, n) : e.setAttributeNS(t, n, i);
 }
-function className(node, value) {
-  if (value == null)
-    node.removeAttribute("class");
-  else
-    node.className = value;
+function ze(e, t) {
+  t == null ? e.removeAttribute("class") : e.className = t;
 }
-function addEventListener(node, name, handler, delegate) {
-  if (delegate) {
-    if (Array.isArray(handler)) {
-      node[`$$${name}`] = handler[0];
-      node[`$$${name}Data`] = handler[1];
-    } else
-      node[`$$${name}`] = handler;
-  } else if (Array.isArray(handler)) {
-    const handlerFn = handler[0];
-    node.addEventListener(name, handler[0] = (e) => handlerFn.call(node, handler[1], e));
+function ke(e, t, n, i) {
+  if (i)
+    Array.isArray(n) ? (e[`$$${t}`] = n[0], e[`$$${t}Data`] = n[1]) : e[`$$${t}`] = n;
+  else if (Array.isArray(n)) {
+    const s = n[0];
+    e.addEventListener(t, n[0] = (o) => s.call(e, n[1], o));
   } else
-    node.addEventListener(name, handler);
+    e.addEventListener(t, n);
 }
-function classList(node, value, prev = {}) {
-  const classKeys = Object.keys(value || {}), prevKeys = Object.keys(prev);
-  let i, len;
-  for (i = 0, len = prevKeys.length; i < len; i++) {
-    const key = prevKeys[i];
-    if (!key || key === "undefined" || value[key])
-      continue;
-    toggleClassKey(node, key, false);
-    delete prev[key];
+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]);
   }
-  for (i = 0, len = classKeys.length; i < len; i++) {
-    const key = classKeys[i], classValue = !!value[key];
-    if (!key || key === "undefined" || prev[key] === classValue || !classValue)
-      continue;
-    toggleClassKey(node, key, true);
-    prev[key] = classValue;
+  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);
   }
-  return prev;
+  return n;
 }
-function style(node, value, prev = {}) {
-  const nodeStyle = node.style;
-  const prevString = typeof prev === "string";
-  if (value == null && prevString || typeof value === "string")
-    return nodeStyle.cssText = value;
-  prevString && (nodeStyle.cssText = void 0, prev = {});
-  value || (value = {});
-  let v, s;
-  for (s in prev) {
-    value[s] == null && nodeStyle.removeProperty(s);
-    delete prev[s];
-  }
-  for (s in value) {
-    v = value[s];
-    if (v !== prev[s]) {
-      nodeStyle.setProperty(s, v);
-      prev[s] = v;
-    }
-  }
-  return prev;
+function je(e, t, n) {
+  if (!t)
+    return n ? Z(e, "style") : t;
+  const i = e.style;
+  if (typeof t == "string")
+    return i.cssText = t;
+  typeof n == "string" && (i.cssText = n = void 0), n || (n = {}), t || (t = {});
+  let s, o;
+  for (o in n)
+    t[o] == null && i.removeProperty(o), delete n[o];
+  for (o in t)
+    s = t[o], s !== n[o] && (i.setProperty(o, s), n[o] = s);
+  return n;
 }
-function spread(node, accessor, isSVG, skipChildren) {
-  if (typeof accessor === "function") {
-    createRenderEffect((current) => spreadExpression(node, accessor(), current, isSVG, skipChildren));
-  } else
-    spreadExpression(node, accessor, void 0, isSVG, skipChildren);
+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;
 }
-function assign(node, props, isSVG, skipChildren, prevProps = {}, skipRef = false) {
-  props || (props = {});
-  for (const prop in prevProps) {
-    if (!(prop in props)) {
-      if (prop === "children")
+function $e(e, t, n, i, s = {}, o = !1) {
+  t || (t = {});
+  for (const r in s)
+    if (!(r in t)) {
+      if (r === "children")
         continue;
-      assignProp(node, prop, null, prevProps[prop], isSVG, skipRef);
+      s[r] = q(e, r, null, s[r], n, o);
     }
-  }
-  for (const prop in props) {
-    if (prop === "children") {
-      if (!skipChildren)
-        insertExpression(node, props.children);
+  for (const r in t) {
+    if (r === "children") {
+      i || S(e, t.children);
       continue;
     }
-    const value = props[prop];
-    prevProps[prop] = assignProp(node, prop, value, prevProps[prop], isSVG, skipRef);
+    const a = t[r];
+    s[r] = q(e, r, a, s[r], n, o);
   }
 }
-function getNextElement(template) {
-  let node, key;
-  if (!sharedConfig.context || !(node = sharedConfig.registry.get(key = getHydrationKey()))) {
-    return template.cloneNode(true);
-  }
-  if (sharedConfig.completed)
-    sharedConfig.completed.add(node);
-  sharedConfig.registry.delete(key);
-  return node;
+function Se(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);
 }
-function toPropertyName(name) {
-  return name.toLowerCase().replace(/-([a-z])/g, (_, w) => w.toUpperCase());
+function Ae(e) {
+  return e.toLowerCase().replace(/-([a-z])/g, (t, n) => n.toUpperCase());
 }
-function toggleClassKey(node, key, value) {
-  const classNames = key.trim().split(/\s+/);
-  for (let i = 0, nameLen = classNames.length; i < nameLen; i++)
-    node.classList.toggle(classNames[i], value);
+function D(e, t, n) {
+  const i = t.trim().split(/\s+/);
+  for (let s = 0, o = i.length; s < o; s++)
+    e.classList.toggle(i[s], n);
 }
-function assignProp(node, prop, value, prev, isSVG, skipRef) {
-  let isCE, isProp, isChildProp;
-  if (prop === "style")
-    return style(node, value, prev);
-  if (prop === "classList")
-    return classList(node, value, prev);
-  if (value === prev)
-    return prev;
-  if (prop === "ref") {
-    if (!skipRef) {
-      value(node);
-    }
-  } else if (prop.slice(0, 3) === "on:") {
-    const e = prop.slice(3);
-    prev && node.removeEventListener(e, prev);
-    value && node.addEventListener(e, value);
-  } else if (prop.slice(0, 10) === "oncapture:") {
-    const e = prop.slice(10);
-    prev && node.removeEventListener(e, prev, true);
-    value && node.addEventListener(e, value, true);
-  } else if (prop.slice(0, 2) === "on") {
-    const name = prop.slice(2).toLowerCase();
-    const delegate = DelegatedEvents.has(name);
-    if (!delegate && prev) {
-      const h = Array.isArray(prev) ? prev[0] : prev;
-      node.removeEventListener(name, h);
+function q(e, t, n, i, s, o) {
+  let r, a, l;
+  if (t === "style")
+    return je(e, n, i);
+  if (t === "classList")
+    return Ce(e, n, i);
+  if (n === i)
+    return i;
+  if (t === "ref")
+    o || n(e);
+  else if (t.slice(0, 3) === "on:") {
+    const c = t.slice(3);
+    i && e.removeEventListener(c, i), n && e.addEventListener(c, n);
+  } else if (t.slice(0, 10) === "oncapture:") {
+    const c = t.slice(10);
+    i && e.removeEventListener(c, i, !0), n && e.addEventListener(c, n, !0);
+  } else if (t.slice(0, 2) === "on") {
+    const c = t.slice(2).toLowerCase(), d = pe.has(c);
+    if (!d && i) {
+      const f = Array.isArray(i) ? i[0] : i;
+      e.removeEventListener(c, f);
     }
-    if (delegate || value) {
-      addEventListener(node, name, value, delegate);
-      delegate && delegateEvents([name]);
-    }
-  } else if ((isChildProp = ChildProperties.has(prop)) || !isSVG && (PropAliases[prop] || (isProp = Properties.has(prop))) || (isCE = node.nodeName.includes("-"))) {
-    if (prop === "class" || prop === "className")
-      className(node, value);
-    else if (isCE && !isProp && !isChildProp)
-      node[toPropertyName(prop)] = value;
-    else
-      node[PropAliases[prop] || prop] = value;
-  } else {
-    const ns = isSVG && prop.indexOf(":") > -1 && SVGNamespace[prop.split(":")[0]];
-    if (ns)
-      setAttributeNS(node, ns, prop, value);
-    else
-      setAttribute(node, Aliases[prop] || prop, value);
+    (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;
+  else {
+    const c = s && t.indexOf(":") > -1 && ye[t.split(":")[0]];
+    c ? ve(e, c, t, n) : Z(e, ue[t] || t, n);
   }
-  return value;
+  return n;
 }
-function eventHandler(e) {
-  const key = `$$${e.type}`;
-  let node = e.composedPath && e.composedPath()[0] || e.target;
-  if (e.target !== node) {
-    Object.defineProperty(e, "target", {
-      configurable: true,
-      value: node
-    });
-  }
-  Object.defineProperty(e, "currentTarget", {
-    configurable: true,
+function Oe(e) {
+  const t = `$$${e.type}`;
+  let n = e.composedPath && e.composedPath()[0] || e.target;
+  for (e.target !== n && Object.defineProperty(e, "target", {
+    configurable: !0,
+    value: n
+  }), Object.defineProperty(e, "currentTarget", {
+    configurable: !0,
     get() {
-      return node || document;
+      return n || document;
     }
-  });
-  if (sharedConfig.registry && !sharedConfig.done) {
-    sharedConfig.done = true;
-    document.querySelectorAll("[id^=pl-]").forEach((elem) => elem.remove());
-  }
-  while (node !== null) {
-    const handler = node[key];
-    if (handler && !node.disabled) {
-      const data = node[`${key}Data`];
-      data !== void 0 ? handler.call(node, data, e) : handler.call(node, e);
-      if (e.cancelBubble)
+  }), 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; ) {
+    const i = n[t];
+    if (i && !n.disabled) {
+      const s = n[`${t}Data`];
+      if (s !== void 0 ? i.call(n, s, e) : i.call(n, e), e.cancelBubble)
         return;
     }
-    node = node.host && node.host !== node && node.host instanceof Node ? node.host : node.parentNode;
+    n = n._$host || n.parentNode || n.host;
   }
 }
-function spreadExpression(node, props, prevProps = {}, isSVG, skipChildren) {
-  props || (props = {});
-  if (!skipChildren && "children" in props) {
-    createRenderEffect(() => prevProps.children = insertExpression(node, props.children, prevProps.children));
-  }
-  props.ref && props.ref(node);
-  createRenderEffect(() => assign(node, props, isSVG, true, prevProps, true));
-  return prevProps;
-}
-function insertExpression(parent, value, current, marker, unwrapArray) {
-  if (sharedConfig.context && !current)
-    current = [...parent.childNodes];
-  while (typeof current === "function")
-    current = current();
-  if (value === current)
-    return current;
-  const t = typeof value, multi = marker !== void 0;
-  parent = multi && current[0] && current[0].parentNode || parent;
-  if (t === "string" || t === "number") {
-    if (sharedConfig.context)
-      return current;
-    if (t === "number")
-      value = value.toString();
-    if (multi) {
-      let node = current[0];
-      if (node && node.nodeType === 3) {
-        node.data = value;
-      } else
-        node = document.createTextNode(value);
-      current = cleanChildren(parent, current, marker, node);
-    } else {
-      if (current !== "" && typeof current === "string") {
-        current = parent.firstChild.data = value;
-      } else
-        current = parent.textContent = value;
-    }
-  } else if (value == null || t === "boolean") {
-    if (sharedConfig.context)
-      return current;
-    current = cleanChildren(parent, current, marker);
-  } else if (t === "function") {
-    createRenderEffect(() => {
-      let v = value();
-      while (typeof v === "function")
-        v = v();
-      current = insertExpression(parent, v, current, marker);
-    });
-    return () => current;
-  } else if (Array.isArray(value)) {
-    const array = [];
-    const currentArray = current && Array.isArray(current);
-    if (normalizeIncomingArray(array, value, current, unwrapArray)) {
-      createRenderEffect(() => current = insertExpression(parent, array, current, marker, true));
-      return () => current;
-    }
-    if (sharedConfig.context) {
-      if (!array.length)
-        return current;
-      for (let i = 0; i < array.length; i++) {
-        if (array[i].parentNode)
-          return current = array;
+function S(e, t, n, i, s) {
+  for (h.context && !n && (n = [...e.childNodes]); 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)
+      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);
+    } else
+      n !== "" && typeof n == "string" ? n = e.firstChild.data = t : n = e.textContent = t;
+  } else if (t == null || o === "boolean") {
+    if (h.context)
+      return n;
+    n = v(e, n, i);
+  } else {
+    if (o === "function")
+      return C(() => {
+        let a = t();
+        for (; typeof a == "function"; )
+          a = a();
+        n = S(e, a, 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)
+          return n;
+        for (let c = 0; c < a.length; c++)
+          if (a[c].parentNode)
+            return n = a;
       }
-    }
-    if (array.length === 0) {
-      current = cleanChildren(parent, current, marker);
-      if (multi)
-        return current;
-    } else if (currentArray) {
-      if (current.length === 0) {
-        appendNodes(parent, array, marker);
+      if (a.length === 0) {
+        if (n = v(e, n, i), r)
+          return n;
       } else
-        reconcileArrays(parent, current, array);
-    } else {
-      current && cleanChildren(parent);
-      appendNodes(parent, array);
+        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;
+      if (Array.isArray(n)) {
+        if (r)
+          return n = v(e, n, i, t);
+        v(e, n, null, t);
+      } else
+        n == null || n === "" || !e.firstChild ? e.appendChild(t) : e.replaceChild(t, e.firstChild);
+      n = t;
     }
-    current = array;
-  } else if (value instanceof Node) {
-    if (sharedConfig.context && value.parentNode)
-      return current = multi ? [value] : value;
-    if (Array.isArray(current)) {
-      if (multi)
-        return current = cleanChildren(parent, current, marker, value);
-      cleanChildren(parent, current, null, value);
-    } else if (current == null || current === "" || !parent.firstChild) {
-      parent.appendChild(value);
-    } else
-      parent.replaceChild(value, parent.firstChild);
-    current = value;
-  } else
-    ;
-  return current;
+  }
+  return n;
 }
-function normalizeIncomingArray(normalized, array, current, unwrap) {
-  let dynamic = false;
-  for (let i = 0, len = array.length; i < len; i++) {
-    let item = array[i], prev = current && current[i];
-    if (item instanceof Node) {
-      normalized.push(item);
-    } else if (item == null || item === true || item === false)
-      ;
-    else if (Array.isArray(item)) {
-      dynamic = normalizeIncomingArray(normalized, item, prev) || dynamic;
-    } else if (typeof item === "function") {
-      if (unwrap) {
-        while (typeof item === "function")
-          item = item();
-        dynamic = normalizeIncomingArray(normalized, Array.isArray(item) ? item : [item], Array.isArray(prev) ? prev : [prev]) || dynamic;
-      } else {
-        normalized.push(item);
-        dynamic = true;
+function I(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")
+        if (i) {
+          for (; typeof a == "function"; )
+            a = a();
+          s = I(e, Array.isArray(a) ? a : [a], Array.isArray(l) ? l : [l]) || s;
+        } else
+          e.push(a), s = !0;
+      else {
+        const c = String(a);
+        l && l.nodeType === 3 && l.data === c ? e.push(l) : e.push(document.createTextNode(c));
       }
-    } else {
-      const value = String(item);
-      if (prev && prev.nodeType === 3 && prev.data === value) {
-        normalized.push(prev);
-      } else
-        normalized.push(document.createTextNode(value));
-    }
   }
-  return dynamic;
+  return s;
 }
-function appendNodes(parent, array, marker) {
-  for (let i = 0, len = array.length; i < len; i++)
-    parent.insertBefore(array[i], marker);
+function X(e, t, n = null) {
+  for (let i = 0, s = t.length; i < s; i++)
+    e.insertBefore(t[i], n);
 }
-function cleanChildren(parent, current, marker, replacement) {
-  if (marker === void 0)
-    return parent.textContent = "";
-  const node = replacement || document.createTextNode("");
-  if (current.length) {
-    let inserted = false;
-    for (let i = current.length - 1; i >= 0; i--) {
-      const el = current[i];
-      if (node !== el) {
-        const isParent = el.parentNode === parent;
-        if (!inserted && !i)
-          isParent ? parent.replaceChild(node, el) : parent.insertBefore(node, marker);
-        else
-          isParent && el.remove();
+function v(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();
       } else
-        inserted = true;
+        o = !0;
     }
   } else
-    parent.insertBefore(node, marker);
-  return [node];
+    e.insertBefore(s, n);
+  return [s];
 }
-function getHydrationKey() {
-  const hydrate = sharedConfig.context;
-  return `${hydrate.id}${hydrate.count++}`;
+function Me() {
+  const e = h.context;
+  return `${e.id}${e.count++}`;
 }
-const SVG_NAMESPACE = "http://www.w3.org/2000/svg";
-function createElement(tagName, isSVG = false) {
-  return isSVG ? document.createElementNS(SVG_NAMESPACE, tagName) : document.createElement(tagName);
+const Te = "http://www.w3.org/2000/svg";
+function Ie(e, t = !1) {
+  return t ? document.createElementNS(Te, e) : document.createElement(e);
 }
-function Dynamic(props) {
-  const [p, others] = splitProps(props, ["component"]);
-  const cached = createMemo(() => p.component);
-  return createMemo(() => {
-    const component = cached();
-    switch (typeof component) {
+function Pe(e) {
+  const [t, n] = G(e, ["component"]), i = B(() => t.component);
+  return B(() => {
+    const s = i();
+    switch (typeof s) {
       case "function":
-        return untrack(() => component(others));
+        return ie(() => s(n));
       case "string":
-        const isSvg = SVGElements.has(component);
-        const el = sharedConfig.context ? getNextElement() : createElement(component, isSvg);
-        spread(el, others, isSvg);
-        return el;
+        const o = be.has(s), r = h.context ? Se() : Ie(s, o);
+        return Ee(r, n, o), r;
     }
   });
 }
-function convertToMaybe(value) {
-  return value != null ? value : void 0;
+function A(e) {
+  return e != null ? e : void 0;
 }
-function omitProps(value, keys) {
-  return Object.keys(value).filter((k) => !keys.includes(k)).reduce((newObject, k) => {
-    Object.defineProperty(newObject, k, {
-      get() {
-        return value[k];
-      },
-      configurable: true,
-      enumerable: true
-    });
-    return newObject;
-  }, {});
+function m(e, t) {
+  return Object.keys(e).filter((n) => !t.includes(n)).reduce((n, i) => (Object.defineProperty(n, i, {
+    get() {
+      return e[i];
+    },
+    configurable: !0,
+    enumerable: !0
+  }), n), {});
 }
-function createDynamic(source, props) {
-  return createComponent(
-    Dynamic,
-    mergeProps(
+function u(e, t) {
+  return se(
+    Pe,
+    g(
       {
         get component() {
-          return source();
+          return e();
         }
       },
-      props
+      t
     )
   );
 }
-function createPropsFromAccessors(props) {
-  if (!Object.values(props).every((x) => typeof x === "function"))
+function p(e) {
+  if (!Object.values(e).every((t) => typeof t == "function"))
     throw new Error("Please provide an object with accessor values only.");
-  return Object.keys(props).reduce((getterObj, key) => {
-    const accessor = props[key];
-    Object.defineProperty(getterObj, key, {
+  return Object.keys(e).reduce((t, n) => {
+    const i = e[n];
+    return Object.defineProperty(t, n, {
       get() {
-        return accessor();
+        return i();
       },
-      configurable: true,
-      enumerable: true
-    });
-    return getterObj;
+      configurable: !0,
+      enumerable: !0
+    }), t;
   }, {});
 }
-function getSafeMaxWidth(maxWidth) {
-  if (maxWidth === void 0)
-    return "100%";
-  if (typeof maxWidth === "number")
-    return `${maxWidth}px`;
-  return maxWidth;
+const K = /^--\D{1}.{0,100}$/;
+function ee(e) {
+  return K.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));
+}
+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,
+  size5: et,
+  size6: tt,
+  size7: nt,
+  size8: at,
+  size9: it,
+  size10: st,
+  size11: rt,
+  size12: ot,
+  size13: lt,
+  size14: ct,
+  size15: dt
+} = fe, ft = {
+  size000: _e,
+  size00: Ue,
+  size1: Qe,
+  size2: Je,
+  size3: Ze,
+  size4: Ke,
+  size5: et,
+  size6: tt,
+  size7: nt,
+  size8: at,
+  size9: it,
+  size10: st,
+  size11: rt,
+  size12: ot,
+  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) {
+  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]);
+}
+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]);
 }
-function Center(props) {
-  const propsStyle = () => {
-    var _a;
-    return typeof props.style === "string" ? props.style : Object.entries((_a = props.style) != null ? _a : {}).reduce(
-      (str, [key, value]) => str + `${key}:${value};`,
+function ut(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};`,
       ""
     );
-  };
-  const maxWidth = () => `--maxWidth: ${getSafeMaxWidth(props.maxWidth)};`;
-  const centerText = () => props.centerText ? "center-text" : "";
-  const centerChildren = () => props.centerChildren ? "center-children" : "";
-  const attrString = () => [centerText(), centerChildren()].filter(Boolean).join(" ");
-  const style2 = () => [propsStyle(), maxWidth()].join("; ");
-  return createDynamic(
+  }, 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 = props.as) != null ? _a : "div";
+      var a;
+      return (a = e.as) != null ? a : "div";
     },
-    mergeProps(
-      omitProps(props, ["as", "maxWidth", "centerText", "centerChildren"]),
-      createPropsFromAccessors({
-        style: style2,
-        "data-bedrock-center": attrString
+    g(
+      m(e, ["as", "maxWidth", "centerText", "centerChildren"]),
+      p({
+        style: r,
+        "data-bedrock-center": o
       })
     )
   );
 }
-const ThemeContext = createContext({});
-function ThemeProvider(props) {
-  return /* @__PURE__ */ React.createElement(ThemeContext.Provider, {
-    value: props.theme
-  }, props.children);
+const ne = re({});
+function Lt(e) {
+  return /* @__PURE__ */ React.createElement(ne.Provider, { value: e.theme }, e.children);
 }
-function useTheme() {
+function y() {
   try {
-    return useContext(ThemeContext);
-  } catch (e) {
+    return oe(ne);
+  } catch {
     return {};
   }
 }
-function getSafeMinItemWidth(minItemWidth) {
-  if (minItemWidth === void 0)
-    return "159px";
-  if (typeof minItemWidth === "number")
-    return `${minItemWidth}px`;
-  return minItemWidth;
+function pt(e, t) {
+  return O(e, t);
 }
-function ColumnDrop(props) {
-  const theme = useTheme();
-  const propsStyle = () => {
-    var _a;
-    return typeof props.style === "string" ? props.style : Object.entries((_a = props.style) != null ? _a : {}).reduce(
-      (str, [key, value]) => str + `${key}:${value};`,
+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};`,
       ""
     );
-  };
-  const gutter = () => {
-    var _a, _b;
-    return `--gutter: ${(_b = getSpacingValue((_a = props.gutter) != null ? _a : "none", theme)) != null ? _b : "0px"}`;
-  };
-  const minItemWidth = () => `--minItemWidth: ${getSafeMinItemWidth(props.minItemWidth)}`;
-  const noStretchedColumns = () => props.noStretchedColumns === true ? "no-stretched-columns" : "";
-  const style2 = () => [propsStyle(), gutter(), minItemWidth()].join("; ");
-  return createDynamic(
+  }, 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 = props.as) != null ? _a : "div";
+      var a;
+      return (a = e.as) != null ? a : "div";
     },
-    mergeProps(
-      omitProps(props, ["as", "gutter", "minItemWidth", "noStretchedColumns"]),
-      createPropsFromAccessors({
-        style: style2,
-        "data-bedrock-column-drop": noStretchedColumns
+    g(
+      m(e, ["as", "gutter", "minItemWidth", "noStretchedColumns"]),
+      p({
+        style: r,
+        "data-bedrock-column-drop": o
       })
     )
   );
 }
-function fail(msg) {
-  throw new Error(msg);
+function M(e) {
+  throw new Error(e);
 }
-function assertIsValidWidth(width) {
-  if (typeof width !== "number" && !Array.isArray(width)) {
-    fail("width must be a number or an array of two numbers");
-  }
-  if (Array().concat(width).some((w) => w < 0)) {
-    fail("width value(s) must be 0 or greater");
-  }
-  const isInvalidArray = Array.isArray(width) && (width.length !== 2 || width[0] > width[1]);
-  if (isInvalidArray) {
-    fail(
-      `The second width value, ${width[1]}, is not larger than ${width[0]}. Please provide a value greater than first width value`
-    );
-  }
+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`
+  );
 }
-function createContainerQuery(width, maybeRef) {
-  assertIsValidWidth(width);
-  const [matches, setMatch] = createSignal(false);
-  const [node, nodeRef] = createSignal();
-  onMount(() => {
-    init();
-  });
-  createEffect(() => {
-    if (node() === void 0 || node() === null)
+function Wt(e, t) {
+  bt(e);
+  const [n, i] = $(!1), [s, o] = $();
+  return V(() => {
+    Q();
+  }), _(() => {
+    if (s() === void 0 || s() === null)
       return;
-    if (maybeRef) {
-      maybeRef(node());
-    }
-    const cleanup = registerCallback(node(), (entry) => {
-      var _a, _b;
-      const nodeWidth = (_b = (_a = entry.borderBoxSize) == null ? void 0 : _a.inlineSize) != null ? _b : entry.contentRect.width;
-      if (nodeWidth > 0) {
-        const newMatch = Array.isArray(width) ? nodeWidth >= width[0] && nodeWidth <= width[1] : nodeWidth <= width;
-        setMatch(newMatch);
+    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;
+      if (l > 0) {
+        const f = Array.isArray(e) ? l >= e[0] && l <= e[1] : l <= e;
+        i(f);
       }
     });
-    onCleanup(cleanup);
-  });
-  return [matches, nodeRef];
+    U(r);
+  }), [n, o];
 }
-function checkIsRatio(ratio) {
-  const isCorrectArray = Array.isArray(ratio) && ratio.length === 2 && ratio.every(Number.isFinite);
-  return isCorrectArray || typeof ratio === "string" && /^\d{1,1000} {0,1}\/ {0,1}\d{1,1000}$/.test(ratio);
+function yt(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 getRatioString(ratio) {
-  return Array.isArray(ratio) ? ratio.join("/") : ratio;
+function xt(e) {
+  return Array.isArray(e) ? e.join("/") : e;
 }
-function getSafeRatio(ratio) {
-  const isRatio = checkIsRatio(ratio);
-  return isRatio ? getRatioString(ratio) : void 0;
+function wt(e) {
+  return yt(e) ? xt(e) : void 0;
 }
-function Frame(props) {
-  const propsStyle = () => {
-    var _a;
-    return typeof props.style === "string" ? props.style : Object.entries((_a = props.style) != null ? _a : {}).reduce(
-      (str, [key, value]) => str + `${key}:${value};`,
+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};`,
       ""
     );
-  };
-  const maybeRatioAssesor = () => getSafeRatio(props.ratio);
-  const ratio = () => maybeRatioAssesor() ? `--ratio: ${maybeRatioAssesor()}` : "";
-  const position = () => typeof props.position === "string" ? `--position: ${props.position}` : "50%";
-  const style2 = () => [propsStyle(), ratio(), position()].join("; ");
-  return createDynamic(
+  }, 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 _a;
-      return (_a = props.as) != null ? _a : "div";
+      var r;
+      return (r = e.as) != null ? r : "div";
     },
-    mergeProps(
-      omitProps(props, ["as", "ratio", "position"]),
-      createPropsFromAccessors({
-        style: style2,
+    g(
+      m(e, ["as", "ratio", "position"]),
+      p({
+        style: o,
         "data-bedrock-frame": () => ""
       })
     )
   );
 }
-function Grid(props) {
-  const theme = useTheme();
-  const propsStyle = () => {
-    var _a;
-    return typeof props.style === "string" ? props.style : Object.entries((_a = props.style) != null ? _a : {}).reduce(
-      (str, [key, value]) => str + `${key}:${value};`,
+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};`,
       ""
     );
-  };
-  const gutter = () => {
-    var _a, _b;
-    return `--gutter: ${(_b = getSpacingValue((_a = props.gutter) != null ? _a : "none", theme)) != null ? _b : "0px"};`;
-  };
-  const minItemWidth = () => {
-    var _a;
-    return `--minItemWidth: ${typeof props.minItemWidth === "string" ? props.minItemWidth : `${(_a = props.minItemWidth) != null ? _a : 0}px`};`;
-  };
-  const style2 = () => [propsStyle(), gutter(), minItemWidth()].join("; ");
-  return createDynamic(
+  }, 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 _a;
-      return (_a = props.as) != null ? _a : "div";
+      var r;
+      return (r = e.as) != null ? r : "div";
     },
-    mergeProps(
-      omitProps(props, ["as", "gutter", "minItemWidth"]),
-      createPropsFromAccessors({
-        style: style2,
+    g(
+      m(e, ["as", "gutter", "minItemWidth"]),
+      p({
+        style: o,
         "data-bedrock-grid": () => ""
       })
     )
   );
 }
-const PIXELS_PER_INCH = 96;
-function parseUnit(str) {
-  var _a;
-  str = String(str);
-  const num = parseFloat(str);
-  const [, unit] = (_a = str.match(/[\d.\-+]*\s*(.*)/)) != null ? _a : ["", ""];
-  return [num, unit];
+const k = 96;
+function ae(e) {
+  var i;
+  e = String(e);
+  const t = parseFloat(e), [, n] = (i = e.match(/[\d.\-+]*\s*(.*)/)) != null ? i : ["", ""];
+  return [t, n];
 }
-function toPX(str, element) {
-  if (!str)
-    return void 0;
-  const elementOrBody = element != null ? element : document.body;
-  const safeStr = (str != null ? str : "px").trim().toLowerCase();
-  switch (safeStr) {
+function N(e, t) {
+  if (!e)
+    return;
+  const n = t != null ? t : document.body, i = (e != null ? e : "px").trim().toLowerCase();
+  switch (i) {
     case "vmin":
     case "vmax":
     case "vh":
     case "vw":
     case "%":
-      return void 0;
+      return;
     case "ch":
     case "ex":
-      return getSizeBrutal(safeStr, elementOrBody);
+      return zt(i, n);
     case "em":
-      return getPropertyInPX(elementOrBody, "font-size");
+      return P(n, "font-size");
     case "rem":
-      return getPropertyInPX(document.body, "font-size");
+      return P(document.body, "font-size");
     case "in":
-      return PIXELS_PER_INCH;
+      return k;
     case "cm":
-      return PIXELS_PER_INCH / 2.54;
+      return k / 2.54;
     case "mm":
-      return PIXELS_PER_INCH / 25.4;
+      return k / 25.4;
     case "pt":
-      return PIXELS_PER_INCH / 72;
+      return k / 72;
     case "pc":
-      return PIXELS_PER_INCH / 6;
+      return k / 6;
     case "px":
       return 1;
     default: {
-      const [value, units] = parseUnit(safeStr);
-      if (isNaN(value))
-        return void 0;
-      if (!units)
-        return value;
-      const px = toPX(units, element);
-      return typeof px === "number" ? value * px : void 0;
+      const [s, o] = ae(i);
+      if (isNaN(s))
+        return;
+      if (!o)
+        return s;
+      const r = N(o, t);
+      return typeof r == "number" ? s * r : void 0;
     }
   }
 }
-function getPropertyInPX(element, prop) {
-  var _a;
-  const [value, units] = parseUnit(
-    getComputedStyle(element).getPropertyValue(prop)
+function P(e, t) {
+  var s;
+  const [n, i] = ae(
+    getComputedStyle(e).getPropertyValue(t)
   );
-  return value * ((_a = toPX(units, element)) != null ? _a : 1);
+  return n * ((s = N(i, e)) != null ? s : 1);
 }
-function getSizeBrutal(unit, element) {
-  const testDIV = document.createElement("div");
-  testDIV.style["height"] = "128" + unit;
-  element.appendChild(testDIV);
-  const size = getPropertyInPX(testDIV, "height") / 128;
-  element.removeChild(testDIV);
-  return size;
+function zt(e, t) {
+  const n = document.createElement("div");
+  n.style.height = "128" + e, t.appendChild(n);
+  const i = P(n, "height") / 128;
+  return t.removeChild(n), i;
 }
-const MIN_HEIGHT = 1;
-const isBrowser = typeof window === "object" && typeof document === "object" && document.nodeType === 9;
-const Resizer = (props) => {
-  const [rowSpan, setRowSpan] = createSignal(1);
-  const [node, nodeRef] = createSignal();
-  const theme = useTheme();
-  onMount(() => {
-    init();
-  });
-  createEffect(() => {
-    const ref = convertToMaybe(node());
-    if (ref === void 0)
+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)
       return;
-    const cleanup = registerCallback(ref, ({ target }) => {
-      var _a;
-      setRowSpan(1);
-      const gapString = props.gutter ? (_a = getSpacingValue(props.gutter, theme)) != null ? _a : "1px" : "1px";
-      const maybeGap = isBrowser ? toPX(gapString, target) : void 0;
-      const gap = Math.max(maybeGap != null ? maybeGap : MIN_HEIGHT, MIN_HEIGHT);
-      const [child] = Array.from(target.children);
-      const height = 1 + Math.min(target.scrollHeight, child.scrollHeight);
-      const rowHeight = Math.max(Math.ceil(height / gap), MIN_HEIGHT);
-      setRowSpan(rowHeight);
+    const a = J(r, ({ target: l }) => {
+      var 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);
     });
-    onCleanup(cleanup);
-  });
-  return /* @__PURE__ */ React.createElement("div", {
-    style: `grid-row: span ${rowSpan()};`,
-    ref: nodeRef
-  }, props.children);
-};
-const MasonryGrid = (props) => {
-  const childrenMemo = children(() => props.children);
-  const emptyResolvedChildren = [];
-  const wrappedChildren = emptyResolvedChildren.concat(childrenMemo()).filter(Boolean).map((child) => /* @__PURE__ */ React.createElement(Resizer, {
-    gutter: props.gutter
-  }, child));
-  return /* @__PURE__ */ React.createElement(Grid, {
-    style: "grid-template-rows: 1px;",
-    ...props
-  }, wrappedChildren);
-};
-const justifyMap$1 = {
+    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 = {
   start: "justify:start",
   end: "justify:end",
   center: "justify:center"
-};
-const alignMap$1 = {
+}, Et = {
   start: "align:start",
   end: "align:end",
   center: "align:center",
   stretch: "align:stretch"
 };
-function InlineCluster(props) {
-  const theme = useTheme();
-  const propsStyle = () => {
-    var _a;
-    return typeof props.style === "string" ? props.style : Object.entries((_a = props.style) != null ? _a : {}).reduce(
-      (str, [key, value]) => str + `${key}:${value};`,
+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};`,
       ""
     );
-  };
-  const gutter = () => {
-    var _a, _b;
-    return `--gutter: ${(_b = getSpacingValue((_a = props.gutter) != null ? _a : "none", theme)) != null ? _b : "0px"};`;
-  };
-  const justify = () => props.justify !== void 0 ? justifyMap$1[props.justify] : void 0;
-  const align = () => props.align !== void 0 ? alignMap$1[props.align] : void 0;
-  const style2 = () => [propsStyle(), gutter()].join("; ");
-  const attrAssesor = () => [justify(), align()].filter(Boolean).join(" ");
-  return createDynamic(
+  }, 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 _a;
-      return (_a = props.as) != null ? _a : "div";
+      var l;
+      return (l = e.as) != null ? l : "div";
     },
-    mergeProps(
-      omitProps(props, ["as", "gutter", "justify", "align"]),
-      createPropsFromAccessors({
-        style: style2,
-        "data-bedrock-inline-cluster": attrAssesor
+    g(
+      m(e, ["as", "gutter", "justify", "align"]),
+      p({
+        style: r,
+        "data-bedrock-inline-cluster": a
       })
     )
   );
 }
-const justifyMap = {
+const $t = {
   start: "justify:start",
   end: "justify:end",
   center: "justify:center"
-};
-const alignMap = {
+}, St = {
   start: "align:start",
   end: "align:end",
   center: "align:center",
   stretch: "align:stretch"
 };
-function shouldUseSwitch(switchAt) {
-  if (typeof switchAt === "number" && switchAt > -1) {
-    return true;
-  }
-  if (typeof switchAt === "string" && typeof CSS !== void 0) {
-    return CSS.supports(`height: ${switchAt}`);
-  }
-  return false;
-}
-function Inline(props) {
-  const theme = useTheme();
-  const propsStyle = () => {
-    var _a;
-    return typeof props.style === "string" ? props.style : Object.entries((_a = props.style) != null ? _a : {}).reduce(
-      (str, [key, value]) => str + `${key}:${value};`,
+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};`,
       ""
     );
-  };
-  const gutter = () => {
-    var _a, _b;
-    return `--gutter: ${(_b = getSpacingValue((_a = props.gutter) != null ? _a : "none", theme)) != null ? _b : "0px"};`;
-  };
-  const minItemWidth = () => props.minItemWidth ? `--minItemWidth: ${typeof props.minItemWidth === "string" ? props.minItemWidth : `${props.minItemWidth}px`};` : void 0;
-  const switchAt = () => shouldUseSwitch(props.switchAt) ? `--switchAt: ${typeof props.switchAt === "string" ? props.switchAt : `${props.switchAt}px`};` : void 0;
-  const justify = () => props.justify !== void 0 ? justifyMap[props.justify] : void 0;
-  const align = () => props.align !== void 0 ? alignMap[props.align] : void 0;
-  const stretch = () => props.stretch ? `stretch:${props.stretch}` : void 0;
-  const style2 = () => [propsStyle(), gutter(), switchAt(), minItemWidth()].join("; ");
-  const attrAssesor = () => [justify(), align(), stretch()].filter(Boolean).join(" ");
-  return createDynamic(
+  }, 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 _a;
-      return (_a = props.as) != null ? _a : "div";
+      var f;
+      return (f = e.as) != null ? f : "div";
     },
-    mergeProps(
-      omitProps(props, [
+    g(
+      m(e, [
         "as",
         "gutter",
         "justify",
@@ -1007,341 +1097,264 @@ function Inline(props) {
         "stretch",
         "switchAt"
       ]),
-      createPropsFromAccessors({
-        style: style2,
-        "data-bedrock-inline": attrAssesor
+      p({
+        style: c,
+        "data-bedrock-inline": d
       })
     )
   );
 }
-const validKeys = /* @__PURE__ */ new Set([
-  "left",
-  "right",
-  "top",
-  "bottom",
-  "inlineStart",
-  "inlineEnd",
-  "blockStart",
-  "blockEnd"
-]);
-const keyToProperty = (key, val) => {
-  const modernMap = {
-    left: `padding-inline-start:${val};`,
-    right: `padding-inline-end:${val};`,
-    top: `padding-block-start:${val};`,
-    bottom: `padding-block-end:${val};`,
-    inlineStart: `padding-inline-start:${val};`,
-    inlineEnd: `padding-inline-end:${val};`,
-    blockStart: `padding-block-start:${val};`,
-    blockEnd: `padding-block-end:${val};`
-  };
-  return modernMap[key];
-};
-function paddingOrDefault(theme) {
-  return (key) => {
-    const maybePadding = getSpacingValue(key, theme);
-    return maybePadding != null ? maybePadding : "0px";
-  };
-}
-function paddingToString(theme, padding) {
-  var _a;
-  if (Array.isArray(padding) && padding.length > 4) {
+const At = (e) => ({
+  left: "padding-inline-start",
+  right: "padding-inline-end",
+  top: "padding-block-start",
+  bottom: "padding-block-end",
+  inlineStart: "padding-inline-start",
+  inlineEnd: "padding-inline-end",
+  blockStart: "padding-block-start",
+  blockEnd: "padding-block-end"
+})[e], Ot = (e, t) => {
+  if (Array.isArray(t) && t.length > 4)
     throw new Error("padding arrays can only be 4 or less in length");
-  }
-  const validSpacings = new Set(Object.keys((_a = theme == null ? void 0 : theme.spacing) != null ? _a : spacing));
-  const isValidPadding = () => {
-    if (typeof padding === "string")
-      return true;
-    if (Array.isArray(padding)) {
-      return padding.every((val) => validSpacings.has(val));
-    }
-    return padding && Object.keys(padding).every((key) => validKeys.has(key)) && Object.values(padding).every((val) => validSpacings.has(val));
+  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(" ")
   };
-  if (!isValidPadding()) {
-    console.error("Invalid padding Type");
-  }
-  const getPadding = paddingOrDefault(theme);
-  return typeof padding === "object" && !Array.isArray(padding) ? Object.entries(padding).reduce(
-    (acc, [key, val]) => validKeys.has(key) ? acc + keyToProperty(key, getPadding(val)) : acc,
-    ""
-  ) : padding !== void 0 ? `padding: ${Array.from(Array.isArray(padding) ? padding : [padding]).map((pad) => getPadding(pad)).join(" ")};` : "";
-}
-function PadBox(props) {
-  const theme = useTheme();
-  const propsStyle = () => {
-    var _a;
-    return typeof props.style === "string" ? props.style : Object.entries((_a = props.style) != null ? _a : {}).reduce(
-      (str, [key, value]) => str + `${key}:${value};`,
+  return Object.entries(n).reduce((i, [s, o]) => i + `${s}:${o};`, "");
+};
+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};`,
       ""
     );
-  };
-  const padding = () => paddingToString(theme, props.padding);
-  const style2 = () => [propsStyle(), padding()].join("; ");
-  return createDynamic(
+  }, i = () => Ot(t, e.padding), s = () => [n(), i()].join("; ");
+  return u(
     () => {
-      var _a;
-      return (_a = props.as) != null ? _a : "div";
+      var o;
+      return (o = e.as) != null ? o : "div";
     },
-    mergeProps(
-      omitProps(props, ["as", "padding"]),
-      createPropsFromAccessors({
-        style: style2,
+    g(
+      m(e, ["as", "padding"]),
+      p({
+        style: s,
         "data-bedrock-padbox": () => ""
       })
     )
   );
 }
-function Reel(props) {
-  const theme = useTheme();
-  const propsStyle = () => {
-    var _a;
-    return typeof props.style === "string" ? props.style : Object.entries((_a = props.style) != null ? _a : {}).reduce(
-      (str, [key, value]) => str + `${key}:${value};`,
+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};`,
       ""
     );
-  };
-  const gutter = () => {
-    var _a, _b;
-    return `--gutter: ${(_b = getSpacingValue((_a = props.gutter) != null ? _a : "none", theme)) != null ? _b : "0px"};`;
-  };
-  const snapType = () => {
-    switch (props.snapType) {
-      case "none": {
+  }, i = () => {
+    var r, a;
+    return `--gutter: ${(a = b(t, (r = e.gutter) != null ? r : "size00")) != null ? a : "0px"};`;
+  }, s = () => {
+    switch (e.snapType) {
+      case "none":
         return "snapType:none";
-      }
-      case "proximity": {
+      case "proximity":
         return "snapType:proximity";
-      }
-      case "mandatory": {
+      case "mandatory":
         return "snapType:mandatory";
-      }
-      default: {
+      default:
         return "snapType:none";
-      }
     }
-  };
-  const style2 = () => [propsStyle(), gutter()].join("; ");
-  return createDynamic(
+  }, o = () => [n(), i()].join("; ");
+  return u(
     () => {
-      var _a;
-      return (_a = props.as) != null ? _a : "div";
+      var r;
+      return (r = e.as) != null ? r : "div";
     },
-    mergeProps(
-      omitProps(props, ["as", "gutter"]),
-      createPropsFromAccessors({ style: style2, "data-bedrock-reel": snapType })
+    g(
+      m(e, ["as", "gutter"]),
+      p({ style: o, "data-bedrock-reel": s })
     )
   );
 }
-function Stack(props) {
-  const theme = useTheme();
-  const propsStyle = () => {
-    var _a;
-    return typeof props.style === "string" ? props.style : Object.entries((_a = props.style) != null ? _a : {}).reduce(
-      (str, [key, value]) => str + `${key}:${value};`,
-      ""
-    );
-  };
-  const gutter = () => {
-    var _a, _b;
-    return `--gutter: ${(_b = getSpacingValue((_a = props.gutter) != null ? _a : "none", theme)) != null ? _b : "0px"};`;
-  };
-  const style2 = () => [propsStyle(), gutter()].join("; ");
-  return createDynamic(
-    () => {
-      var _a;
-      return (_a = props.as) != null ? _a : "div";
-    },
-    mergeProps(
-      omitProps(props, ["as", "gutter"]),
-      createPropsFromAccessors({ style: style2, "data-bedrock-stack": () => "" })
-    )
-  );
-}
-const fractions = {
+const Y = {
   "1/4": "fraction:1/4",
   "1/3": "fraction:1/3",
   "1/2": "fraction:1/2",
   "2/3": "fraction:2/3",
   "3/4": "fraction:3/4",
-  "auto-start": `fraction:auto-start`,
-  "auto-end": `fraction:auto-end`
+  "auto-start": "fraction:auto-start",
+  "auto-end": "fraction:auto-end"
 };
-function SplitBase(props) {
-  const theme = useTheme();
-  const propsStyle = () => {
-    var _a;
-    return typeof props.style === "string" ? props.style : Object.entries((_a = props.style) != null ? _a : {}).reduce(
-      (str, [key, value]) => str + `${key}:${value};`,
+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};`,
       ""
     );
-  };
-  const gutter = () => {
-    var _a, _b;
-    return `--gutter: ${(_b = getSpacingValue((_a = props.gutter) != null ? _a : "none", theme)) != null ? _b : "0px"};`;
-  };
-  const fraction = () => {
-    var _a, _b;
-    return (_b = fractions[(_a = props.fraction) != null ? _a : "1/2"]) != null ? _b : fractions["1/2"];
-  };
-  const style2 = () => [propsStyle(), gutter()].join("; ");
-  return createDynamic(
+  }, 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 _a;
-      return (_a = props.as) != null ? _a : "div";
+      var l;
+      return (l = e.as) != null ? l : "div";
     },
-    mergeProps(
-      omitProps(props, ["as", "gutter", "fraction"]),
-      createPropsFromAccessors({
-        style: style2,
-        "data-bedrock-split": fraction
+    g(
+      m(e, ["as", "gutter", "fraction"]),
+      p({
+        style: a,
+        "data-bedrock-split": o
       })
     )
   );
 }
-const Split = (props) => {
-  const [local, rest] = splitProps(props, ["switchAt", "fraction"]);
-  const maybePx = typeof local.switchAt === "string" ? toPX(local.switchAt) : local.switchAt;
-  const widthToSwitchAt = Math.max(maybePx != null ? maybePx : 0, 0);
-  const [shouldSwitch, nodeRef] = createContainerQuery(
-    widthToSwitchAt,
-    props.ref
+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": () => "" })
+    )
   );
-  return /* @__PURE__ */ React.createElement(Switch, null, /* @__PURE__ */ React.createElement(Match, {
-    when: shouldSwitch() === false
-  }, /* @__PURE__ */ React.createElement(SplitBase, {
-    fraction: local.fraction,
-    ...rest,
-    ref: nodeRef
-  })), /* @__PURE__ */ React.createElement(Match, {
-    when: shouldSwitch() === true
-  }, /* @__PURE__ */ React.createElement(Stack, {
-    ...rest,
-    ref: nodeRef
-  })));
-};
-function getSafeMinHeight(minHeight) {
-  if (typeof minHeight === "number")
-    return `${minHeight}px`;
-  return minHeight && checkIsCSSLength(minHeight) ? minHeight : "100vh";
 }
-function CoverWrapper(props) {
-  const theme = useTheme();
-  const propsStyle = () => {
-    var _a;
-    return typeof props.style === "string" ? props.style : Object.entries((_a = props.style) != null ? _a : {}).reduce(
-      (str, [key, value]) => str + `${key}:${value};`,
+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};`,
       ""
     );
-  };
-  const gutter = () => {
-    var _a, _b;
-    return `--gutter: ${(_b = getSpacingValue((_a = props.gutter) != null ? _a : "none", theme)) != null ? _b : "0px"};`;
-  };
-  const minHeight = () => `--minHeight: ${getSafeMinHeight(props.minHeight)};`;
-  const stretchContent = () => props.stretchContent === true ? "stretch-content" : "";
-  const style2 = () => [propsStyle(), gutter(), minHeight()].join("; ");
-  return createDynamic(
+  }, 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 = props.as) != null ? _a : "div";
+      var a;
+      return (a = e.as) != null ? a : "div";
     },
-    mergeProps(
-      omitProps(props, ["as", "minHeight", "stretchContent"]),
-      createPropsFromAccessors({
-        style: style2,
-        "data-bedrock-cover": stretchContent
+    g(
+      m(e, ["as", "minHeight", "stretchContent"]),
+      p({
+        style: r,
+        "data-bedrock-cover": o
       })
     )
   );
 }
-const Cover = (props) => {
-  return /* @__PURE__ */ React.createElement(CoverWrapper, {
-    ...props
-  }, props.top, /* @__PURE__ */ React.createElement("div", {
-    "data-bedrock-cover-centered": true
-  }, props.children), props.bottom);
-};
-function ColumnsBase(props) {
-  const theme = useTheme();
-  const propsStyle = () => {
-    var _a;
-    return typeof props.style === "string" ? props.style : Object.entries((_a = props.style) != null ? _a : {}).reduce(
-      (str, [key, value]) => str + `${key}:${value};`,
+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};`,
       ""
     );
-  };
-  const gutter = () => {
-    var _a, _b;
-    return `--gutter: ${(_b = getSpacingValue((_a = props.gutter) != null ? _a : "none", theme)) != null ? _b : "0px"};`;
-  };
-  const columns = () => `--columns: ${props.columns && props.columns > 0 ? props.columns : 1};`;
-  const dense = () => props.dense ? "dense" : "";
-  const style2 = () => [propsStyle(), gutter(), columns()].join("; ");
-  return createDynamic(
+  }, 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 = props.as) != null ? _a : "div";
+      var a;
+      return (a = e.as) != null ? a : "div";
     },
-    mergeProps(
-      omitProps(props, ["as", "gutter", "columns", "dense"]),
-      createPropsFromAccessors({
-        style: style2,
-        "data-bedrock-columns": dense
+    g(
+      m(e, ["as", "gutter", "columns", "switchAt"]),
+      p({
+        style: r,
+        "data-bedrock-columns": () => ""
       })
     )
   );
 }
-const Columns = (props) => {
-  const [local, rest] = splitProps(props, ["switchAt", "columns", "dense"]);
-  const maybePx = typeof local.switchAt === "string" ? toPX(local.switchAt) : local.switchAt;
-  const widthToSwitchAt = Math.max(maybePx != null ? maybePx : 0, 0);
-  const [shouldSwitch, nodeRef] = createContainerQuery(widthToSwitchAt);
-  const combineRef = (ref) => {
-    var _a;
-    nodeRef(ref);
-    (_a = rest.ref) == null ? void 0 : _a.call(rest, ref);
-  };
-  return /* @__PURE__ */ React.createElement(Switch, null, /* @__PURE__ */ React.createElement(Match, {
-    when: shouldSwitch() === false
-  }, /* @__PURE__ */ React.createElement(ColumnsBase, {
-    columns: local.columns,
-    dense: local.dense,
-    ...rest,
-    ref: combineRef
-  })), /* @__PURE__ */ React.createElement(Match, {
-    when: shouldSwitch() === true
-  }, /* @__PURE__ */ React.createElement(Stack, {
-    ...rest,
-    ref: combineRef
-  })));
-};
-const safeSpan = (span) => {
-  return typeof span === "number" ? span : 1;
-};
-function Column(props) {
-  const propsStyle = () => {
-    var _a;
-    return typeof props.style === "string" ? props.style : Object.entries((_a = props.style) != null ? _a : {}).reduce(
-      (str, [key, value]) => str + `${key}:${value};`,
+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};`,
       ""
     );
-  };
-  const span = () => `--span: ${safeSpan(props.span)};`;
-  const offsetStart = () => props.offsetStart && props.offsetStart > 0 ? `--offsetStart: ${props.offsetStart};` : "";
-  const offsetEnd = () => props.offsetEnd && props.offsetEnd > 0 ? `--offsetEnd: ${props.offsetEnd};` : "";
-  const style2 = () => [propsStyle(), span(), offsetStart(), offsetEnd()].join("; ");
-  return createDynamic(
+  }, 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 _a;
-      return (_a = props.as) != null ? _a : "div";
+      var r;
+      return (r = e.as) != null ? r : "div";
     },
-    mergeProps(
-      omitProps(props, ["as", "span", "offsetStart", "offsetEnd"]),
-      createPropsFromAccessors({
-        style: style2,
+    g(
+      m(e, ["as", "span", "offsetStart", "offsetEnd"]),
+      p({
+        style: o,
         "data-bedrock-column": () => ""
       })
     )
   );
 }
-export { Center, Column, ColumnDrop, Columns, ColumnsBase, Cover, Frame, Grid, Inline, InlineCluster, MasonryGrid, PadBox, Reel, Split, SplitBase, Stack, ThemeProvider, checkIsCSSLength, createContainerQuery, getSpacingValue, spacing, useTheme };
+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,
+  O as getSizeValue,
+  b as getSpacingValue,
+  mt as sizes,
+  gt as spacing,
+  y as useTheme
+};