border-beam 1.3.0 → 1.4.0

package/dist/index.es.js

@@ -1,6 +1,6 @@
-import { jsxs as he, Fragment as Ce, jsx as ze } from "react/jsx-runtime";
-import { forwardRef as Ge, useId as Me, useRef as Ie, useState as P, useEffect as B, useCallback as ye, useMemo as ve } from "react";
-const Le = {
+import { jsxs as ve, Fragment as Ie, jsx as We } from "react/jsx-runtime";
+import { forwardRef as Le, useId as Be, useRef as Pe, useState as E, useEffect as A, useCallback as He, useMemo as Xe } from "react";
+const Ee = {
   sm: {
     borderRadius: 32,
     borderWidth: 1,
@@ -23,7 +23,7 @@ const Le = {
     borderRadius: 16,
     borderWidth: 1
   }
-}, ne = {
+}, pe = {
   sm: {
     dark: {
       strokeOpacity: 0.46,
@@ -116,10 +116,10 @@ const Le = {
       brightness: 1.3
     }
   }
-}, ha = {
-  dark: { ...ne.md.dark },
-  light: { ...ne.md.light }
-}, C = {
+}, vo = {
+  dark: { ...pe.md.dark },
+  light: { ...pe.md.light }
+}, G = {
   colorful: {
     border: [
       { color: "rgb(255, 50, 100)", pos: "33% -7.4%", size: "70px 40px" },
@@ -179,8 +179,68 @@ const Le = {
     ],
     spike: { primary: "rgb(255, 140, 80)", secondary: "rgba(255, 100, 60, 0.98)" },
     spikeLt: { primary: "rgb(200, 80, 40)", secondary: "rgb(220, 120, 30)" }
+  },
+  forest: {
+    border: [
+      { color: "rgb(46, 160, 90)", pos: "33% -7.4%", size: "70px 40px" },
+      { color: "rgb(30, 190, 120)", pos: "12% -5%", size: "60px 35px" },
+      { color: "rgb(70, 180, 70)", pos: "2.1% 68.3%", size: "40px 70px" },
+      { color: "rgb(20, 150, 130)", pos: "2.1% 68.3%", size: "20px 35px" },
+      { color: "rgb(90, 200, 80)", pos: "74.4% 100%", size: "180px 32px" },
+      { color: "rgb(40, 170, 110)", pos: "55% 100%", size: "85px 26px" },
+      { color: "rgb(120, 210, 70)", pos: "93.9% 0%", size: "74px 32px" },
+      { color: "rgb(35, 145, 100)", pos: "100% 27.1%", size: "26px 42px" },
+      { color: "rgb(60, 195, 140)", pos: "100% 27.1%", size: "52px 48px" }
+    ],
+    spike: { primary: "rgb(46, 160, 90)", secondary: "rgba(30, 190, 120,, 0.98)" },
+    spikeLt: { primary: "rgb(33, 115, 65)", secondary: "rgb(22, 137, 86)" }
+  },
+  candy: {
+    border: [
+      { color: "rgb(240, 70, 170)", pos: "33% -7.4%", size: "70px 40px" },
+      { color: "rgb(255, 90, 140)", pos: "12% -5%", size: "60px 35px" },
+      { color: "rgb(215, 60, 200)", pos: "2.1% 68.3%", size: "40px 70px" },
+      { color: "rgb(255, 110, 180)", pos: "2.1% 68.3%", size: "20px 35px" },
+      { color: "rgb(200, 80, 240)", pos: "74.4% 100%", size: "180px 32px" },
+      { color: "rgb(250, 60, 150)", pos: "55% 100%", size: "85px 26px" },
+      { color: "rgb(230, 120, 220)", pos: "93.9% 0%", size: "74px 32px" },
+      { color: "rgb(245, 85, 165)", pos: "100% 27.1%", size: "26px 42px" },
+      { color: "rgb(210, 70, 230)", pos: "100% 27.1%", size: "52px 48px" }
+    ],
+    spike: { primary: "rgb(240, 70, 170)", secondary: "rgba(255, 90, 140,, 0.98)" },
+    spikeLt: { primary: "rgb(173, 50, 122)", secondary: "rgb(184, 65, 101)" }
+  },
+  ice: {
+    border: [
+      { color: "rgb(90, 200, 240)", pos: "33% -7.4%", size: "70px 40px" },
+      { color: "rgb(60, 175, 230)", pos: "12% -5%", size: "60px 35px" },
+      { color: "rgb(130, 220, 250)", pos: "2.1% 68.3%", size: "40px 70px" },
+      { color: "rgb(70, 190, 215)", pos: "2.1% 68.3%", size: "20px 35px" },
+      { color: "rgb(110, 210, 255)", pos: "74.4% 100%", size: "180px 32px" },
+      { color: "rgb(50, 165, 220)", pos: "55% 100%", size: "85px 26px" },
+      { color: "rgb(150, 230, 250)", pos: "93.9% 0%", size: "74px 32px" },
+      { color: "rgb(85, 195, 235)", pos: "100% 27.1%", size: "26px 42px" },
+      { color: "rgb(65, 180, 245)", pos: "100% 27.1%", size: "52px 48px" }
+    ],
+    spike: { primary: "rgb(90, 200, 240)", secondary: "rgba(60, 175, 230,, 0.98)" },
+    spikeLt: { primary: "rgb(65, 144, 173)", secondary: "rgb(43, 126, 166)" }
+  },
+  gold: {
+    border: [
+      { color: "rgb(240, 190, 60)", pos: "33% -7.4%", size: "70px 40px" },
+      { color: "rgb(255, 210, 90)", pos: "12% -5%", size: "60px 35px" },
+      { color: "rgb(225, 165, 40)", pos: "2.1% 68.3%", size: "40px 70px" },
+      { color: "rgb(250, 200, 70)", pos: "2.1% 68.3%", size: "20px 35px" },
+      { color: "rgb(255, 225, 120)", pos: "74.4% 100%", size: "180px 32px" },
+      { color: "rgb(230, 175, 50)", pos: "55% 100%", size: "85px 26px" },
+      { color: "rgb(245, 205, 85)", pos: "93.9% 0%", size: "74px 32px" },
+      { color: "rgb(215, 155, 35)", pos: "100% 27.1%", size: "26px 42px" },
+      { color: "rgb(255, 215, 100)", pos: "100% 27.1%", size: "52px 48px" }
+    ],
+    spike: { primary: "rgb(240, 190, 60)", secondary: "rgba(255, 210, 90,, 0.98)" },
+    spikeLt: { primary: "rgb(173, 137, 43)", secondary: "rgb(184, 151, 65)" }
   }
-}, He = {
+}, Se = {
   colorful: {
     border: [
       { color: "rgb(50, 200, 80)", pos: "2% 68%", size: "9px 18px" },
@@ -268,36 +328,124 @@ const Le = {
       { color: "rgba(255, 200, 50, 0.3)", pos: "100% 27%", size: "5px 10px" },
       { color: "rgba(255, 90, 70, 0.3)", pos: "100% 27%", size: "11px 12px" }
     ]
+  },
+  forest: {
+    border: [
+      { color: "rgb(46, 160, 90)", pos: "2% 68%", size: "9px 18px" },
+      { color: "rgb(30, 190, 120)", pos: "2% 68%", size: "4px 8px" },
+      { color: "rgb(70, 180, 70)", pos: "72% -3%", size: "59px 9px" },
+      { color: "rgb(20, 150, 130)", pos: "74% 100%", size: "42px 7px" },
+      { color: "rgb(90, 200, 80)", pos: "100% 27%", size: "10px 17px" },
+      { color: "rgb(40, 170, 110)", pos: "100% 27%", size: "10px 18px" },
+      { color: "rgb(120, 210, 70)", pos: "100% 27%", size: "5px 10px" },
+      { color: "rgb(35, 145, 100)", pos: "100% 27%", size: "11px 12px" }
+    ],
+    inner: [
+      { color: "rgba(60, 195, 140,, 0.5)", pos: "2% 68%", size: "9px 18px" },
+      { color: "rgba(46, 160, 90,, 0.45)", pos: "2% 68%", size: "4px 8px" },
+      { color: "rgba(30, 190, 120,, 0.35)", pos: "72% -3%", size: "59px 9px" },
+      { color: "rgba(70, 180, 70,, 0.35)", pos: "74% 100%", size: "42px 7px" },
+      { color: "rgba(20, 150, 130,, 0.3)", pos: "100% 27%", size: "10px 17px" },
+      { color: "rgba(90, 200, 80,, 0.4)", pos: "100% 27%", size: "10px 18px" },
+      { color: "rgba(40, 170, 110,, 0.3)", pos: "100% 27%", size: "5px 10px" },
+      { color: "rgba(120, 210, 70,, 0.3)", pos: "100% 27%", size: "11px 12px" }
+    ]
+  },
+  candy: {
+    border: [
+      { color: "rgb(240, 70, 170)", pos: "2% 68%", size: "9px 18px" },
+      { color: "rgb(255, 90, 140)", pos: "2% 68%", size: "4px 8px" },
+      { color: "rgb(215, 60, 200)", pos: "72% -3%", size: "59px 9px" },
+      { color: "rgb(255, 110, 180)", pos: "74% 100%", size: "42px 7px" },
+      { color: "rgb(200, 80, 240)", pos: "100% 27%", size: "10px 17px" },
+      { color: "rgb(250, 60, 150)", pos: "100% 27%", size: "10px 18px" },
+      { color: "rgb(230, 120, 220)", pos: "100% 27%", size: "5px 10px" },
+      { color: "rgb(245, 85, 165)", pos: "100% 27%", size: "11px 12px" }
+    ],
+    inner: [
+      { color: "rgba(210, 70, 230,, 0.5)", pos: "2% 68%", size: "9px 18px" },
+      { color: "rgba(240, 70, 170,, 0.45)", pos: "2% 68%", size: "4px 8px" },
+      { color: "rgba(255, 90, 140,, 0.35)", pos: "72% -3%", size: "59px 9px" },
+      { color: "rgba(215, 60, 200,, 0.35)", pos: "74% 100%", size: "42px 7px" },
+      { color: "rgba(255, 110, 180,, 0.3)", pos: "100% 27%", size: "10px 17px" },
+      { color: "rgba(200, 80, 240,, 0.4)", pos: "100% 27%", size: "10px 18px" },
+      { color: "rgba(250, 60, 150,, 0.3)", pos: "100% 27%", size: "5px 10px" },
+      { color: "rgba(230, 120, 220,, 0.3)", pos: "100% 27%", size: "11px 12px" }
+    ]
+  },
+  ice: {
+    border: [
+      { color: "rgb(90, 200, 240)", pos: "2% 68%", size: "9px 18px" },
+      { color: "rgb(60, 175, 230)", pos: "2% 68%", size: "4px 8px" },
+      { color: "rgb(130, 220, 250)", pos: "72% -3%", size: "59px 9px" },
+      { color: "rgb(70, 190, 215)", pos: "74% 100%", size: "42px 7px" },
+      { color: "rgb(110, 210, 255)", pos: "100% 27%", size: "10px 17px" },
+      { color: "rgb(50, 165, 220)", pos: "100% 27%", size: "10px 18px" },
+      { color: "rgb(150, 230, 250)", pos: "100% 27%", size: "5px 10px" },
+      { color: "rgb(85, 195, 235)", pos: "100% 27%", size: "11px 12px" }
+    ],
+    inner: [
+      { color: "rgba(65, 180, 245,, 0.5)", pos: "2% 68%", size: "9px 18px" },
+      { color: "rgba(90, 200, 240,, 0.45)", pos: "2% 68%", size: "4px 8px" },
+      { color: "rgba(60, 175, 230,, 0.35)", pos: "72% -3%", size: "59px 9px" },
+      { color: "rgba(130, 220, 250,, 0.35)", pos: "74% 100%", size: "42px 7px" },
+      { color: "rgba(70, 190, 215,, 0.3)", pos: "100% 27%", size: "10px 17px" },
+      { color: "rgba(110, 210, 255,, 0.4)", pos: "100% 27%", size: "10px 18px" },
+      { color: "rgba(50, 165, 220,, 0.3)", pos: "100% 27%", size: "5px 10px" },
+      { color: "rgba(150, 230, 250,, 0.3)", pos: "100% 27%", size: "11px 12px" }
+    ]
+  },
+  gold: {
+    border: [
+      { color: "rgb(240, 190, 60)", pos: "2% 68%", size: "9px 18px" },
+      { color: "rgb(255, 210, 90)", pos: "2% 68%", size: "4px 8px" },
+      { color: "rgb(225, 165, 40)", pos: "72% -3%", size: "59px 9px" },
+      { color: "rgb(250, 200, 70)", pos: "74% 100%", size: "42px 7px" },
+      { color: "rgb(255, 225, 120)", pos: "100% 27%", size: "10px 17px" },
+      { color: "rgb(230, 175, 50)", pos: "100% 27%", size: "10px 18px" },
+      { color: "rgb(245, 205, 85)", pos: "100% 27%", size: "5px 10px" },
+      { color: "rgb(215, 155, 35)", pos: "100% 27%", size: "11px 12px" }
+    ],
+    inner: [
+      { color: "rgba(255, 215, 100,, 0.5)", pos: "2% 68%", size: "9px 18px" },
+      { color: "rgba(240, 190, 60,, 0.45)", pos: "2% 68%", size: "4px 8px" },
+      { color: "rgba(255, 210, 90,, 0.35)", pos: "72% -3%", size: "59px 9px" },
+      { color: "rgba(225, 165, 40,, 0.35)", pos: "74% 100%", size: "42px 7px" },
+      { color: "rgba(250, 200, 70,, 0.3)", pos: "100% 27%", size: "10px 17px" },
+      { color: "rgba(255, 225, 120,, 0.4)", pos: "100% 27%", size: "10px 18px" },
+      { color: "rgba(230, 175, 50,, 0.3)", pos: "100% 27%", size: "5px 10px" },
+      { color: "rgba(245, 205, 85,, 0.3)", pos: "100% 27%", size: "11px 12px" }
+    ]
   }
 };
-function Pe(t) {
-  return He[t].border.map((a) => `radial-gradient(ellipse ${a.size} at ${a.pos}, ${a.color}, transparent)`).join(`,
+function Ae(a) {
+  return Se[a].border.map((o) => `radial-gradient(ellipse ${o.size} at ${o.pos}, ${o.color}, transparent)`).join(`,
     `);
 }
-function Be(t) {
-  return He[t].inner.map((a) => `radial-gradient(ellipse ${a.size} at ${a.pos}, ${a.color}, transparent)`).join(`,
+function _e(a) {
+  return Se[a].inner.map((o) => `radial-gradient(ellipse ${o.size} at ${o.pos}, ${o.color}, transparent)`).join(`,
     `);
 }
-function Ee(t) {
-  return C[t].border.map((a) => `radial-gradient(ellipse ${a.size} at ${a.pos}, ${a.color}, transparent)`).join(`,
+function je(a) {
+  return G[a].border.map((o) => `radial-gradient(ellipse ${o.size} at ${o.pos}, ${o.color}, transparent)`).join(`,
     `);
 }
-function Ae(t) {
-  const e = C[t], a = t === "mono" ? 0.225 : 0.45;
+function Te(a) {
+  const e = G[a], o = a === "mono" ? 0.225 : 0.45;
   return e.border.map((r) => {
-    const o = r.color.replace("rgb(", "rgba(").replace(")", `, ${a})`);
+    const t = r.color.replace("rgb(", "rgba(").replace(")", `, ${o})`);
     return `radial-gradient(ellipse ${r.size.split(" ").map((i) => {
       const c = parseInt(i);
       return `${Math.round(c * 0.9)}px`;
-    }).join(" ")} at ${r.pos}, ${o}, transparent)`;
+    }).join(" ")} at ${r.pos}, ${t}, transparent)`;
   }).join(`,
     `);
 }
-function _e(t, e) {
-  const a = C[t];
-  return e ? a.spike : a.spikeLt;
+function Ne(a, e) {
+  const o = G[a];
+  return e ? o.spike : o.spikeLt;
 }
-const je = {
+const Ve = {
   colorful: {
     dark: [
       { color: "rgb(255, 50, 100)", sizeW: 36, sizeH: 36, offsetX: 0, offsetY: 2 },
@@ -393,16 +541,112 @@ const je = {
       { color: "rgb(190, 70, 50)", sizeW: 35, sizeH: 28, offsetX: 110, offsetY: 1 },
       { color: "rgb(180, 50, 50)", sizeW: 30, sizeH: 30, offsetX: -110, offsetY: -1 }
     ]
+  },
+  forest: {
+    dark: [
+      { color: "rgb(46, 160, 90)", sizeW: 36, sizeH: 36, offsetX: 0, offsetY: 2 },
+      { color: "rgb(30, 190, 120)", sizeW: 30, sizeH: 32, offsetX: 39, offsetY: 0 },
+      { color: "rgb(70, 180, 70)", sizeW: 33, sizeH: 28, offsetX: -36, offsetY: 2 },
+      { color: "rgb(20, 150, 130)", sizeW: 29, sizeH: 34, offsetX: -54, offsetY: 0 },
+      { color: "rgb(90, 200, 80)", sizeW: 27, sizeH: 30, offsetX: 51, offsetY: -1 },
+      { color: "rgb(40, 170, 110)", sizeW: 36, sizeH: 24, offsetX: 21, offsetY: 1 },
+      { color: "rgb(120, 210, 70)", sizeW: 30, sizeH: 22, offsetX: -21, offsetY: 0 },
+      { color: "rgb(35, 145, 100)", sizeW: 25, sizeH: 28, offsetX: 66, offsetY: 1 },
+      { color: "rgb(60, 195, 140)", sizeW: 23, sizeH: 30, offsetX: -66, offsetY: -1 }
+    ],
+    light: [
+      { color: "rgb(33, 115, 65)", sizeW: 45, sizeH: 36, offsetX: 0, offsetY: 2 },
+      { color: "rgb(22, 137, 86)", sizeW: 35, sizeH: 32, offsetX: 65, offsetY: 0 },
+      { color: "rgb(50, 130, 50)", sizeW: 40, sizeH: 28, offsetX: -60, offsetY: 2 },
+      { color: "rgb(14, 108, 94)", sizeW: 35, sizeH: 34, offsetX: -90, offsetY: 0 },
+      { color: "rgb(65, 144, 58)", sizeW: 38, sizeH: 30, offsetX: 85, offsetY: -1 },
+      { color: "rgb(29, 122, 79)", sizeW: 50, sizeH: 24, offsetX: 35, offsetY: 1 },
+      { color: "rgb(86, 151, 50)", sizeW: 40, sizeH: 22, offsetX: -35, offsetY: 0 },
+      { color: "rgb(25, 104, 72)", sizeW: 35, sizeH: 28, offsetX: 110, offsetY: 1 },
+      { color: "rgb(43, 140, 101)", sizeW: 30, sizeH: 30, offsetX: -110, offsetY: -1 }
+    ]
+  },
+  candy: {
+    dark: [
+      { color: "rgb(240, 70, 170)", sizeW: 36, sizeH: 36, offsetX: 0, offsetY: 2 },
+      { color: "rgb(255, 90, 140)", sizeW: 30, sizeH: 32, offsetX: 39, offsetY: 0 },
+      { color: "rgb(215, 60, 200)", sizeW: 33, sizeH: 28, offsetX: -36, offsetY: 2 },
+      { color: "rgb(255, 110, 180)", sizeW: 29, sizeH: 34, offsetX: -54, offsetY: 0 },
+      { color: "rgb(200, 80, 240)", sizeW: 27, sizeH: 30, offsetX: 51, offsetY: -1 },
+      { color: "rgb(250, 60, 150)", sizeW: 36, sizeH: 24, offsetX: 21, offsetY: 1 },
+      { color: "rgb(230, 120, 220)", sizeW: 30, sizeH: 22, offsetX: -21, offsetY: 0 },
+      { color: "rgb(245, 85, 165)", sizeW: 25, sizeH: 28, offsetX: 66, offsetY: 1 },
+      { color: "rgb(210, 70, 230)", sizeW: 23, sizeH: 30, offsetX: -66, offsetY: -1 }
+    ],
+    light: [
+      { color: "rgb(173, 50, 122)", sizeW: 45, sizeH: 36, offsetX: 0, offsetY: 2 },
+      { color: "rgb(184, 65, 101)", sizeW: 35, sizeH: 32, offsetX: 65, offsetY: 0 },
+      { color: "rgb(155, 43, 144)", sizeW: 40, sizeH: 28, offsetX: -60, offsetY: 2 },
+      { color: "rgb(184, 79, 130)", sizeW: 35, sizeH: 34, offsetX: -90, offsetY: 0 },
+      { color: "rgb(144, 58, 173)", sizeW: 38, sizeH: 30, offsetX: 85, offsetY: -1 },
+      { color: "rgb(180, 43, 108)", sizeW: 50, sizeH: 24, offsetX: 35, offsetY: 1 },
+      { color: "rgb(166, 86, 158)", sizeW: 40, sizeH: 22, offsetX: -35, offsetY: 0 },
+      { color: "rgb(176, 61, 119)", sizeW: 35, sizeH: 28, offsetX: 110, offsetY: 1 },
+      { color: "rgb(151, 50, 166)", sizeW: 30, sizeH: 30, offsetX: -110, offsetY: -1 }
+    ]
+  },
+  ice: {
+    dark: [
+      { color: "rgb(90, 200, 240)", sizeW: 36, sizeH: 36, offsetX: 0, offsetY: 2 },
+      { color: "rgb(60, 175, 230)", sizeW: 30, sizeH: 32, offsetX: 39, offsetY: 0 },
+      { color: "rgb(130, 220, 250)", sizeW: 33, sizeH: 28, offsetX: -36, offsetY: 2 },
+      { color: "rgb(70, 190, 215)", sizeW: 29, sizeH: 34, offsetX: -54, offsetY: 0 },
+      { color: "rgb(110, 210, 255)", sizeW: 27, sizeH: 30, offsetX: 51, offsetY: -1 },
+      { color: "rgb(50, 165, 220)", sizeW: 36, sizeH: 24, offsetX: 21, offsetY: 1 },
+      { color: "rgb(150, 230, 250)", sizeW: 30, sizeH: 22, offsetX: -21, offsetY: 0 },
+      { color: "rgb(85, 195, 235)", sizeW: 25, sizeH: 28, offsetX: 66, offsetY: 1 },
+      { color: "rgb(65, 180, 245)", sizeW: 23, sizeH: 30, offsetX: -66, offsetY: -1 }
+    ],
+    light: [
+      { color: "rgb(65, 144, 173)", sizeW: 45, sizeH: 36, offsetX: 0, offsetY: 2 },
+      { color: "rgb(43, 126, 166)", sizeW: 35, sizeH: 32, offsetX: 65, offsetY: 0 },
+      { color: "rgb(94, 158, 180)", sizeW: 40, sizeH: 28, offsetX: -60, offsetY: 2 },
+      { color: "rgb(50, 137, 155)", sizeW: 35, sizeH: 34, offsetX: -90, offsetY: 0 },
+      { color: "rgb(79, 151, 184)", sizeW: 38, sizeH: 30, offsetX: 85, offsetY: -1 },
+      { color: "rgb(36, 119, 158)", sizeW: 50, sizeH: 24, offsetX: 35, offsetY: 1 },
+      { color: "rgb(108, 166, 180)", sizeW: 40, sizeH: 22, offsetX: -35, offsetY: 0 },
+      { color: "rgb(61, 140, 169)", sizeW: 35, sizeH: 28, offsetX: 110, offsetY: 1 },
+      { color: "rgb(47, 130, 176)", sizeW: 30, sizeH: 30, offsetX: -110, offsetY: -1 }
+    ]
+  },
+  gold: {
+    dark: [
+      { color: "rgb(240, 190, 60)", sizeW: 36, sizeH: 36, offsetX: 0, offsetY: 2 },
+      { color: "rgb(255, 210, 90)", sizeW: 30, sizeH: 32, offsetX: 39, offsetY: 0 },
+      { color: "rgb(225, 165, 40)", sizeW: 33, sizeH: 28, offsetX: -36, offsetY: 2 },
+      { color: "rgb(250, 200, 70)", sizeW: 29, sizeH: 34, offsetX: -54, offsetY: 0 },
+      { color: "rgb(255, 225, 120)", sizeW: 27, sizeH: 30, offsetX: 51, offsetY: -1 },
+      { color: "rgb(230, 175, 50)", sizeW: 36, sizeH: 24, offsetX: 21, offsetY: 1 },
+      { color: "rgb(245, 205, 85)", sizeW: 30, sizeH: 22, offsetX: -21, offsetY: 0 },
+      { color: "rgb(215, 155, 35)", sizeW: 25, sizeH: 28, offsetX: 66, offsetY: 1 },
+      { color: "rgb(255, 215, 100)", sizeW: 23, sizeH: 30, offsetX: -66, offsetY: -1 }
+    ],
+    light: [
+      { color: "rgb(173, 137, 43)", sizeW: 45, sizeH: 36, offsetX: 0, offsetY: 2 },
+      { color: "rgb(184, 151, 65)", sizeW: 35, sizeH: 32, offsetX: 65, offsetY: 0 },
+      { color: "rgb(162, 119, 29)", sizeW: 40, sizeH: 28, offsetX: -60, offsetY: 2 },
+      { color: "rgb(180, 144, 50)", sizeW: 35, sizeH: 34, offsetX: -90, offsetY: 0 },
+      { color: "rgb(184, 162, 86)", sizeW: 38, sizeH: 30, offsetX: 85, offsetY: -1 },
+      { color: "rgb(166, 126, 36)", sizeW: 50, sizeH: 24, offsetX: 35, offsetY: 1 },
+      { color: "rgb(176, 148, 61)", sizeW: 40, sizeH: 22, offsetX: -35, offsetY: 0 },
+      { color: "rgb(155, 112, 25)", sizeW: 35, sizeH: 28, offsetX: 110, offsetY: 1 },
+      { color: "rgb(184, 155, 72)", sizeW: 30, sizeH: 30, offsetX: -110, offsetY: -1 }
+    ]
   }
 };
-function Te(t, e, a) {
-  return je[t][e ? "dark" : "light"].map((o) => {
-    const s = o.offsetX === 0 ? "" : o.offsetX > 0 ? ` + ${o.offsetX}px` : ` - ${Math.abs(o.offsetX)}px`, i = o.offsetY === 0 ? "" : o.offsetY > 0 ? ` + ${o.offsetY}px` : ` - ${Math.abs(o.offsetY)}px`;
-    return `radial-gradient(ellipse calc(${o.sizeW}px * var(--beam-w-${a})) calc(${o.sizeH}px * var(--beam-h-${a})) at calc(var(--beam-x-${a}) * 100%${s}) calc(100%${i}), ${o.color}, transparent)`;
+function De(a, e, o) {
+  return Ve[a][e ? "dark" : "light"].map((t) => {
+    const s = t.offsetX === 0 ? "" : t.offsetX > 0 ? ` + ${t.offsetX}px` : ` - ${Math.abs(t.offsetX)}px`, i = t.offsetY === 0 ? "" : t.offsetY > 0 ? ` + ${t.offsetY}px` : ` - ${Math.abs(t.offsetY)}px`;
+    return `radial-gradient(ellipse calc(${t.sizeW}px * var(--beam-w-${o})) calc(${t.sizeH}px * var(--beam-h-${o})) at calc(var(--beam-x-${o}) * 100%${s}) calc(100%${i}), ${t.color}, transparent)`;
   }).join(`,
        `);
 }
-const Ne = {
+const Ue = {
   colorful: [
     { color: "rgba(255, 50, 100, 0.48)", sizeW: 33, sizeH: 30, offsetX: 0, offsetY: 0 },
     { color: "rgba(40, 180, 220, 0.42)", sizeW: 24, sizeH: 26, offsetX: 39, offsetY: -3 },
@@ -446,16 +690,60 @@ const Ne = {
     { color: "rgba(255, 160, 80, 0.40)", sizeW: 25, sizeH: 18, offsetX: -21, offsetY: -2 },
     { color: "rgba(255, 90, 60, 0.45)", sizeW: 21, sizeH: 24, offsetX: 66, offsetY: 0 },
     { color: "rgba(255, 70, 70, 0.52)", sizeW: 18, sizeH: 26, offsetX: -66, offsetY: -1 }
+  ],
+  forest: [
+    { color: "rgba(46, 160, 90,, 0.48)", sizeW: 33, sizeH: 30, offsetX: 0, offsetY: 0 },
+    { color: "rgba(30, 190, 120,, 0.42)", sizeW: 24, sizeH: 26, offsetX: 39, offsetY: -3 },
+    { color: "rgba(70, 180, 70,, 0.48)", sizeW: 27, sizeH: 24, offsetX: -36, offsetY: 0 },
+    { color: "rgba(20, 150, 130,, 0.42)", sizeW: 23, sizeH: 28, offsetX: -54, offsetY: -2 },
+    { color: "rgba(90, 200, 80,, 0.50)", sizeW: 24, sizeH: 24, offsetX: 51, offsetY: -1 },
+    { color: "rgba(40, 170, 110,, 0.45)", sizeW: 30, sizeH: 20, offsetX: 21, offsetY: 0 },
+    { color: "rgba(120, 210, 70,, 0.40)", sizeW: 25, sizeH: 18, offsetX: -21, offsetY: -2 },
+    { color: "rgba(35, 145, 100,, 0.45)", sizeW: 21, sizeH: 24, offsetX: 66, offsetY: 0 },
+    { color: "rgba(60, 195, 140,, 0.52)", sizeW: 18, sizeH: 26, offsetX: -66, offsetY: -1 }
+  ],
+  candy: [
+    { color: "rgba(240, 70, 170,, 0.48)", sizeW: 33, sizeH: 30, offsetX: 0, offsetY: 0 },
+    { color: "rgba(255, 90, 140,, 0.42)", sizeW: 24, sizeH: 26, offsetX: 39, offsetY: -3 },
+    { color: "rgba(215, 60, 200,, 0.48)", sizeW: 27, sizeH: 24, offsetX: -36, offsetY: 0 },
+    { color: "rgba(255, 110, 180,, 0.42)", sizeW: 23, sizeH: 28, offsetX: -54, offsetY: -2 },
+    { color: "rgba(200, 80, 240,, 0.50)", sizeW: 24, sizeH: 24, offsetX: 51, offsetY: -1 },
+    { color: "rgba(250, 60, 150,, 0.45)", sizeW: 30, sizeH: 20, offsetX: 21, offsetY: 0 },
+    { color: "rgba(230, 120, 220,, 0.40)", sizeW: 25, sizeH: 18, offsetX: -21, offsetY: -2 },
+    { color: "rgba(245, 85, 165,, 0.45)", sizeW: 21, sizeH: 24, offsetX: 66, offsetY: 0 },
+    { color: "rgba(210, 70, 230,, 0.52)", sizeW: 18, sizeH: 26, offsetX: -66, offsetY: -1 }
+  ],
+  ice: [
+    { color: "rgba(90, 200, 240,, 0.48)", sizeW: 33, sizeH: 30, offsetX: 0, offsetY: 0 },
+    { color: "rgba(60, 175, 230,, 0.42)", sizeW: 24, sizeH: 26, offsetX: 39, offsetY: -3 },
+    { color: "rgba(130, 220, 250,, 0.48)", sizeW: 27, sizeH: 24, offsetX: -36, offsetY: 0 },
+    { color: "rgba(70, 190, 215,, 0.42)", sizeW: 23, sizeH: 28, offsetX: -54, offsetY: -2 },
+    { color: "rgba(110, 210, 255,, 0.50)", sizeW: 24, sizeH: 24, offsetX: 51, offsetY: -1 },
+    { color: "rgba(50, 165, 220,, 0.45)", sizeW: 30, sizeH: 20, offsetX: 21, offsetY: 0 },
+    { color: "rgba(150, 230, 250,, 0.40)", sizeW: 25, sizeH: 18, offsetX: -21, offsetY: -2 },
+    { color: "rgba(85, 195, 235,, 0.45)", sizeW: 21, sizeH: 24, offsetX: 66, offsetY: 0 },
+    { color: "rgba(65, 180, 245,, 0.52)", sizeW: 18, sizeH: 26, offsetX: -66, offsetY: -1 }
+  ],
+  gold: [
+    { color: "rgba(240, 190, 60,, 0.48)", sizeW: 33, sizeH: 30, offsetX: 0, offsetY: 0 },
+    { color: "rgba(255, 210, 90,, 0.42)", sizeW: 24, sizeH: 26, offsetX: 39, offsetY: -3 },
+    { color: "rgba(225, 165, 40,, 0.48)", sizeW: 27, sizeH: 24, offsetX: -36, offsetY: 0 },
+    { color: "rgba(250, 200, 70,, 0.42)", sizeW: 23, sizeH: 28, offsetX: -54, offsetY: -2 },
+    { color: "rgba(255, 225, 120,, 0.50)", sizeW: 24, sizeH: 24, offsetX: 51, offsetY: -1 },
+    { color: "rgba(230, 175, 50,, 0.45)", sizeW: 30, sizeH: 20, offsetX: 21, offsetY: 0 },
+    { color: "rgba(245, 205, 85,, 0.40)", sizeW: 25, sizeH: 18, offsetX: -21, offsetY: -2 },
+    { color: "rgba(215, 155, 35,, 0.45)", sizeW: 21, sizeH: 24, offsetX: 66, offsetY: 0 },
+    { color: "rgba(255, 215, 100,, 0.52)", sizeW: 18, sizeH: 26, offsetX: -66, offsetY: -1 }
   ]
 };
-function Ve(t, e) {
-  return Ne[t].map((r) => {
-    const o = r.offsetX === 0 ? "" : r.offsetX > 0 ? ` + ${r.offsetX}px` : ` - ${Math.abs(r.offsetX)}px`, s = r.offsetY === 0 ? "" : ` - ${Math.abs(r.offsetY)}px`;
-    return `radial-gradient(ellipse calc(${r.sizeW}px * var(--beam-w-${e})) calc(${r.sizeH}px * var(--beam-h-${e})) at calc(var(--beam-x-${e}) * 100%${o}) calc(100%${s}), ${r.color}, transparent)`;
+function Ke(a, e) {
+  return Ue[a].map((r) => {
+    const t = r.offsetX === 0 ? "" : r.offsetX > 0 ? ` + ${r.offsetX}px` : ` - ${Math.abs(r.offsetX)}px`, s = r.offsetY === 0 ? "" : ` - ${Math.abs(r.offsetY)}px`;
+    return `radial-gradient(ellipse calc(${r.sizeW}px * var(--beam-w-${e})) calc(${r.sizeH}px * var(--beam-h-${e})) at calc(var(--beam-x-${e}) * 100%${t}) calc(100%${s}), ${r.color}, transparent)`;
   }).join(`,
     `);
 }
-const De = {
+const Qe = {
   colorful: {
     dark: {
       spikes: [
@@ -545,47 +833,127 @@ const De = {
         { color1: "rgb(190, 70, 30)", color2: "rgba(190, 70, 30, 0.78)" }
       ]
     }
+  },
+  forest: {
+    dark: {
+      spikes: [
+        { color1: "rgb(46, 160, 90)", color2: "rgb(30, 190, 120)" },
+        { color1: "rgba(70, 180, 70,, 0.59)", color2: "rgba(20, 150, 130,, 0.29)" },
+        { color1: "rgb(90, 200, 80)", color2: "rgb(40, 170, 110)" },
+        { color1: "rgba(120, 210, 70,, 0.91)", color2: "rgba(35, 145, 100,, 0.45)" },
+        { color1: "rgb(60, 195, 140)", color2: "rgb(46, 160, 90)" }
+      ]
+    },
+    light: {
+      spikes: [
+        { color1: "rgb(33, 115, 65)", color2: "rgba(22, 137, 86,, 0.8)" },
+        { color1: "rgba(50, 130, 50,, 0.7)", color2: "rgba(14, 108, 94,, 0.46)" },
+        { color1: "rgb(65, 144, 58)", color2: "rgba(29, 122, 79,, 0.82)" },
+        { color1: "rgb(86, 151, 50)", color2: "rgba(25, 104, 72,, 0.7)" },
+        { color1: "rgb(43, 140, 101)", color2: "rgba(33, 115, 65,, 0.78)" }
+      ]
+    }
+  },
+  candy: {
+    dark: {
+      spikes: [
+        { color1: "rgb(240, 70, 170)", color2: "rgb(255, 90, 140)" },
+        { color1: "rgba(215, 60, 200,, 0.59)", color2: "rgba(255, 110, 180,, 0.29)" },
+        { color1: "rgb(200, 80, 240)", color2: "rgb(250, 60, 150)" },
+        { color1: "rgba(230, 120, 220,, 0.91)", color2: "rgba(245, 85, 165,, 0.45)" },
+        { color1: "rgb(210, 70, 230)", color2: "rgb(240, 70, 170)" }
+      ]
+    },
+    light: {
+      spikes: [
+        { color1: "rgb(173, 50, 122)", color2: "rgba(184, 65, 101,, 0.8)" },
+        { color1: "rgba(155, 43, 144,, 0.7)", color2: "rgba(184, 79, 130,, 0.46)" },
+        { color1: "rgb(144, 58, 173)", color2: "rgba(180, 43, 108,, 0.82)" },
+        { color1: "rgb(166, 86, 158)", color2: "rgba(176, 61, 119,, 0.7)" },
+        { color1: "rgb(151, 50, 166)", color2: "rgba(173, 50, 122,, 0.78)" }
+      ]
+    }
+  },
+  ice: {
+    dark: {
+      spikes: [
+        { color1: "rgb(90, 200, 240)", color2: "rgb(60, 175, 230)" },
+        { color1: "rgba(130, 220, 250,, 0.59)", color2: "rgba(70, 190, 215,, 0.29)" },
+        { color1: "rgb(110, 210, 255)", color2: "rgb(50, 165, 220)" },
+        { color1: "rgba(150, 230, 250,, 0.91)", color2: "rgba(85, 195, 235,, 0.45)" },
+        { color1: "rgb(65, 180, 245)", color2: "rgb(90, 200, 240)" }
+      ]
+    },
+    light: {
+      spikes: [
+        { color1: "rgb(65, 144, 173)", color2: "rgba(43, 126, 166,, 0.8)" },
+        { color1: "rgba(94, 158, 180,, 0.7)", color2: "rgba(50, 137, 155,, 0.46)" },
+        { color1: "rgb(79, 151, 184)", color2: "rgba(36, 119, 158,, 0.82)" },
+        { color1: "rgb(108, 166, 180)", color2: "rgba(61, 140, 169,, 0.7)" },
+        { color1: "rgb(47, 130, 176)", color2: "rgba(65, 144, 173,, 0.78)" }
+      ]
+    }
+  },
+  gold: {
+    dark: {
+      spikes: [
+        { color1: "rgb(240, 190, 60)", color2: "rgb(255, 210, 90)" },
+        { color1: "rgba(225, 165, 40,, 0.59)", color2: "rgba(250, 200, 70,, 0.29)" },
+        { color1: "rgb(255, 225, 120)", color2: "rgb(230, 175, 50)" },
+        { color1: "rgba(245, 205, 85,, 0.91)", color2: "rgba(215, 155, 35,, 0.45)" },
+        { color1: "rgb(255, 215, 100)", color2: "rgb(240, 190, 60)" }
+      ]
+    },
+    light: {
+      spikes: [
+        { color1: "rgb(173, 137, 43)", color2: "rgba(184, 151, 65,, 0.8)" },
+        { color1: "rgba(162, 119, 29,, 0.7)", color2: "rgba(180, 144, 50,, 0.46)" },
+        { color1: "rgb(184, 162, 86)", color2: "rgba(166, 126, 36,, 0.82)" },
+        { color1: "rgb(176, 148, 61)", color2: "rgba(155, 112, 25,, 0.7)" },
+        { color1: "rgb(184, 155, 72)", color2: "rgba(173, 137, 43,, 0.78)" }
+      ]
+    }
   }
 };
-function K(t, e) {
-  const a = t.match(/^rgba\(\s*([\d.]+)\s*,\s*([\d.]+)\s*,\s*([\d.]+)\s*,\s*[\d.]+\s*\)$/);
-  if (a) return `rgba(${a[1]}, ${a[2]}, ${a[3]}, ${e})`;
-  const r = t.match(/^rgb\(\s*([\d.]+)\s*,\s*([\d.]+)\s*,\s*([\d.]+)\s*\)$/);
-  return r ? `rgba(${r[1]}, ${r[2]}, ${r[3]}, ${e})` : t;
-}
-function q(t, e) {
-  const a = t.match(/^rgba\(\s*([\d.]+)\s*,\s*([\d.]+)\s*,\s*([\d.]+)\s*,\s*([\d.]+)\s*\)$/);
-  if (a) return `rgba(${a[1]}, ${a[2]}, ${a[3]}, ${(parseFloat(a[4]) * e).toFixed(2)})`;
-  const r = t.match(/^rgb\(\s*([\d.]+)\s*,\s*([\d.]+)\s*,\s*([\d.]+)\s*\)$/);
-  return r ? `rgba(${r[1]}, ${r[2]}, ${r[3]}, ${e.toFixed(2)})` : t;
-}
-function Ue(t, e, a) {
-  const r = _e(t, e), o = De[t][e ? "dark" : "light"], s = t === "mono", i = s ? 0.14 : 1, c = s ? q(r.primary, 0.14) : r.primary, p = s ? q(r.primary, 0.09) : r.primary, b = s ? q(r.secondary, 0.12) : r.secondary, m = s ? K(r.secondary, 0.06) : K(r.secondary, 0.49), n = o.spikes.map(
-    (v) => s ? { color1: q(v.color1, i), color2: q(v.color2, i * 0.7) } : v
-  ), l = s ? "12px" : "0.8px", d = s ? "14px" : "2px", k = s ? "12px" : "1.2px", f = s ? "10px" : "0.6px", g = s ? "42px" : "92px", W = s ? "38px" : "72px", Y = s ? "40px" : "85px", z = s ? "32px" : "60px", H = s ? "12px" : "1px", $ = s ? "rgba(255, 255, 255, 0.5)" : "rgba(255, 255, 255, 1)", w = s ? "rgba(255, 255, 255, 0.45)" : "rgba(255, 255, 255, 0.9)", y = s ? "rgba(255, 255, 255, 0.25)" : "rgba(255, 255, 255, 0.5)", x = s ? "rgba(255, 255, 255, 0.15)" : "rgba(255, 255, 255, 0.3)", X = s ? "rgba(255, 255, 255, 0.06)" : "rgba(255, 255, 255, 0.12)", u = s ? "rgba(255, 255, 255, 0.015)" : "rgba(255, 255, 255, 0.03)";
+function J(a, e) {
+  const o = a.match(/^rgba\(\s*([\d.]+)\s*,\s*([\d.]+)\s*,\s*([\d.]+)\s*,\s*[\d.]+\s*\)$/);
+  if (o) return `rgba(${o[1]}, ${o[2]}, ${o[3]}, ${e})`;
+  const r = a.match(/^rgb\(\s*([\d.]+)\s*,\s*([\d.]+)\s*,\s*([\d.]+)\s*\)$/);
+  return r ? `rgba(${r[1]}, ${r[2]}, ${r[3]}, ${e})` : a;
+}
+function q(a, e) {
+  const o = a.match(/^rgba\(\s*([\d.]+)\s*,\s*([\d.]+)\s*,\s*([\d.]+)\s*,\s*([\d.]+)\s*\)$/);
+  if (o) return `rgba(${o[1]}, ${o[2]}, ${o[3]}, ${(parseFloat(o[4]) * e).toFixed(2)})`;
+  const r = a.match(/^rgb\(\s*([\d.]+)\s*,\s*([\d.]+)\s*,\s*([\d.]+)\s*\)$/);
+  return r ? `rgba(${r[1]}, ${r[2]}, ${r[3]}, ${e.toFixed(2)})` : a;
+}
+function Ze(a, e, o) {
+  const r = Ne(a, e), t = Qe[a][e ? "dark" : "light"], s = a === "mono", i = s ? 0.14 : 1, c = s ? q(r.primary, 0.14) : r.primary, p = s ? q(r.primary, 0.09) : r.primary, b = s ? q(r.secondary, 0.12) : r.secondary, g = s ? J(r.secondary, 0.06) : J(r.secondary, 0.49), n = t.spikes.map(
+    (k) => s ? { color1: q(k.color1, i), color2: q(k.color2, i * 0.7) } : k
+  ), l = s ? "12px" : "0.8px", f = s ? "14px" : "2px", W = s ? "12px" : "1.2px", y = s ? "10px" : "0.6px", d = s ? "42px" : "92px", m = s ? "38px" : "72px", H = s ? "40px" : "85px", X = s ? "32px" : "60px", O = s ? "12px" : "1px", $ = s ? "rgba(255, 255, 255, 0.5)" : "rgba(255, 255, 255, 1)", Y = s ? "rgba(255, 255, 255, 0.45)" : "rgba(255, 255, 255, 0.9)", x = s ? "rgba(255, 255, 255, 0.25)" : "rgba(255, 255, 255, 0.5)", w = s ? "rgba(255, 255, 255, 0.15)" : "rgba(255, 255, 255, 0.3)", v = s ? "rgba(255, 255, 255, 0.06)" : "rgba(255, 255, 255, 0.12)", u = s ? "rgba(255, 255, 255, 0.015)" : "rgba(255, 255, 255, 0.03)";
   if (e)
-    return `radial-gradient(ellipse calc(${l} * var(--beam-spike-${a})) calc(${g} * var(--beam-h-${a})) at 8% calc(100% - 2px), ${c}, ${p} 30%, transparent 88%),
-       radial-gradient(ellipse calc(10px * var(--beam-spike2-${a})) calc(35px * var(--beam-h-${a})) at 22% calc(100% - 4px), ${b}, ${m} 50%, transparent 95%),
-       radial-gradient(ellipse calc(${d} * (2 - var(--beam-spike-${a}))) calc(${W} * var(--beam-h-${a})) at 36% calc(100% - 3px), ${n[0].color1}, ${n[0].color2} 40%, transparent 90%),
-       radial-gradient(ellipse calc(14px * var(--beam-spike2-${a})) calc(28px * var(--beam-h-${a})) at 50% calc(100% - 2px), ${n[1].color1}, ${n[1].color2} 55%, transparent 96%),
-       radial-gradient(ellipse calc(${k} * (2 - var(--beam-spike2-${a}))) calc(${Y} * var(--beam-h-${a})) at 64% calc(100% - 4px), ${n[2].color1}, ${n[2].color2} 35%, transparent 89%),
-       radial-gradient(ellipse calc(7px * var(--beam-spike-${a})) calc(45px * var(--beam-h-${a})) at 78% calc(100% - 2px), ${n[3].color1}, ${n[3].color2} 48%, transparent 94%),
-       radial-gradient(ellipse calc(${f} * (2 - var(--beam-spike-${a}))) calc(${z} * var(--beam-h-${a})) at 92% calc(100% - 3px), ${n[4].color1}, ${n[4].color2} 42%, transparent 91%),
-       radial-gradient(ellipse calc(21px * var(--beam-spike-${a})) calc(15px * var(--beam-spike2-${a})) at calc(var(--beam-x-${a}) * 100%) calc(100% + 1px), ${$} 0%, ${w} 20%, ${y} 50%, transparent 100%),
-       radial-gradient(ellipse calc(42px * var(--beam-w-${a})) calc(40px * var(--beam-h-${a})) at calc(var(--beam-x-${a}) * 100%) 100%, ${x} 0%, ${X} 25%, ${u} 55%, transparent 80%)`;
+    return `radial-gradient(ellipse calc(${l} * var(--beam-spike-${o}) * var(--beam-spike-mul, 1)) calc(${d} * var(--beam-h-${o}) * var(--beam-spike-mul, 1)) at 8% calc(100% - 2px), ${c}, ${p} 30%, transparent 88%),
+       radial-gradient(ellipse calc(10px * var(--beam-spike2-${o}) * var(--beam-spike-mul, 1)) calc(35px * var(--beam-h-${o}) * var(--beam-spike-mul, 1)) at 22% calc(100% - 4px), ${b}, ${g} 50%, transparent 95%),
+       radial-gradient(ellipse calc(${f} * (2 - var(--beam-spike-${o})) * var(--beam-spike-mul, 1)) calc(${m} * var(--beam-h-${o}) * var(--beam-spike-mul, 1)) at 36% calc(100% - 3px), ${n[0].color1}, ${n[0].color2} 40%, transparent 90%),
+       radial-gradient(ellipse calc(14px * var(--beam-spike2-${o}) * var(--beam-spike-mul, 1)) calc(28px * var(--beam-h-${o}) * var(--beam-spike-mul, 1)) at 50% calc(100% - 2px), ${n[1].color1}, ${n[1].color2} 55%, transparent 96%),
+       radial-gradient(ellipse calc(${W} * (2 - var(--beam-spike2-${o})) * var(--beam-spike-mul, 1)) calc(${H} * var(--beam-h-${o}) * var(--beam-spike-mul, 1)) at 64% calc(100% - 4px), ${n[2].color1}, ${n[2].color2} 35%, transparent 89%),
+       radial-gradient(ellipse calc(7px * var(--beam-spike-${o}) * var(--beam-spike-mul, 1)) calc(45px * var(--beam-h-${o}) * var(--beam-spike-mul, 1)) at 78% calc(100% - 2px), ${n[3].color1}, ${n[3].color2} 48%, transparent 94%),
+       radial-gradient(ellipse calc(${y} * (2 - var(--beam-spike-${o})) * var(--beam-spike-mul, 1)) calc(${X} * var(--beam-h-${o}) * var(--beam-spike-mul, 1)) at 92% calc(100% - 3px), ${n[4].color1}, ${n[4].color2} 42%, transparent 91%),
+       radial-gradient(ellipse calc(21px * var(--beam-spike-${o})) calc(15px * var(--beam-spike2-${o})) at calc(var(--beam-x-${o}) * 100%) calc(100% + 1px), ${$} 0%, ${Y} 20%, ${x} 50%, transparent 100%),
+       radial-gradient(ellipse calc(42px * var(--beam-w-${o})) calc(40px * var(--beam-h-${o})) at calc(var(--beam-x-${o}) * 100%) 100%, ${w} 0%, ${v} 25%, ${u} 55%, transparent 80%)`;
   {
-    const v = s ? q(r.primary, 0.11) : K(r.primary, 0.85), S = s ? q(r.secondary, 0.09) : K(r.secondary, 0.7);
-    return `radial-gradient(ellipse calc(${l} * var(--beam-spike-${a})) calc(${g} * var(--beam-h-${a})) at 8% calc(100% - 2px), ${c}, ${v} 30%, transparent 88%),
-       radial-gradient(ellipse calc(10px * var(--beam-spike2-${a})) calc(35px * var(--beam-h-${a})) at 22% calc(100% - 4px), ${b}, ${S} 50%, transparent 95%),
-       radial-gradient(ellipse calc(${d} * (2 - var(--beam-spike-${a}))) calc(${W} * var(--beam-h-${a})) at 36% calc(100% - 3px), ${n[0].color1}, ${n[0].color2} 40%, transparent 90%),
-       radial-gradient(ellipse calc(14px * var(--beam-spike2-${a})) calc(28px * var(--beam-h-${a})) at 50% calc(100% - 2px), ${n[1].color1}, ${n[1].color2} 55%, transparent 96%),
-       radial-gradient(ellipse calc(${k} * (2 - var(--beam-spike2-${a}))) calc(${Y} * var(--beam-h-${a})) at 64% calc(100% - 4px), ${n[2].color1}, ${n[2].color2} 35%, transparent 89%),
-       radial-gradient(ellipse calc(7px * var(--beam-spike-${a})) calc(45px * var(--beam-h-${a})) at 78% calc(100% - 2px), ${n[3].color1}, ${n[3].color2} 48%, transparent 94%),
-       radial-gradient(ellipse calc(${H} * (2 - var(--beam-spike-${a}))) calc(${z} * var(--beam-h-${a})) at 92% calc(100% - 3px), ${n[4].color1}, ${n[4].color2} 42%, transparent 91%),
-       radial-gradient(ellipse calc(50px * var(--beam-w-${a})) calc(32px * var(--beam-h-${a})) at calc(var(--beam-x-${a}) * 100%) calc(100%), rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.18) 30%, rgba(0, 0, 0, 0.03) 60%, transparent 85%)`;
+    const k = s ? q(r.primary, 0.11) : J(r.primary, 0.85), z = s ? q(r.secondary, 0.09) : J(r.secondary, 0.7);
+    return `radial-gradient(ellipse calc(${l} * var(--beam-spike-${o}) * var(--beam-spike-mul, 1)) calc(${d} * var(--beam-h-${o}) * var(--beam-spike-mul, 1)) at 8% calc(100% - 2px), ${c}, ${k} 30%, transparent 88%),
+       radial-gradient(ellipse calc(10px * var(--beam-spike2-${o}) * var(--beam-spike-mul, 1)) calc(35px * var(--beam-h-${o}) * var(--beam-spike-mul, 1)) at 22% calc(100% - 4px), ${b}, ${z} 50%, transparent 95%),
+       radial-gradient(ellipse calc(${f} * (2 - var(--beam-spike-${o})) * var(--beam-spike-mul, 1)) calc(${m} * var(--beam-h-${o}) * var(--beam-spike-mul, 1)) at 36% calc(100% - 3px), ${n[0].color1}, ${n[0].color2} 40%, transparent 90%),
+       radial-gradient(ellipse calc(14px * var(--beam-spike2-${o}) * var(--beam-spike-mul, 1)) calc(28px * var(--beam-h-${o}) * var(--beam-spike-mul, 1)) at 50% calc(100% - 2px), ${n[1].color1}, ${n[1].color2} 55%, transparent 96%),
+       radial-gradient(ellipse calc(${W} * (2 - var(--beam-spike2-${o})) * var(--beam-spike-mul, 1)) calc(${H} * var(--beam-h-${o}) * var(--beam-spike-mul, 1)) at 64% calc(100% - 4px), ${n[2].color1}, ${n[2].color2} 35%, transparent 89%),
+       radial-gradient(ellipse calc(7px * var(--beam-spike-${o}) * var(--beam-spike-mul, 1)) calc(45px * var(--beam-h-${o}) * var(--beam-spike-mul, 1)) at 78% calc(100% - 2px), ${n[3].color1}, ${n[3].color2} 48%, transparent 94%),
+       radial-gradient(ellipse calc(${O} * (2 - var(--beam-spike-${o})) * var(--beam-spike-mul, 1)) calc(${X} * var(--beam-h-${o}) * var(--beam-spike-mul, 1)) at 92% calc(100% - 3px), ${n[4].color1}, ${n[4].color2} 42%, transparent 91%),
+       radial-gradient(ellipse calc(50px * var(--beam-w-${o})) calc(32px * var(--beam-h-${o})) at calc(var(--beam-x-${o}) * 100%) calc(100%), rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.18) 30%, rgba(0, 0, 0, 0.03) 60%, transparent 85%)`;
   }
 }
-const Xe = [
+const Fe = [
   { region: 1, quad: "tl" },
   { region: 2, quad: "tl" },
   { region: 3, quad: "bl" },
@@ -595,7 +963,7 @@ const Xe = [
   { region: 1, quad: "tr" },
   { region: 2, quad: "tr" },
   { region: 3, quad: "tr" }
-], Ke = [
+], Je = [
   [65, 35],
   [55, 30],
   [35, 65],
@@ -605,7 +973,7 @@ const Xe = [
   [69, 28],
   [22, 38],
   [47, 44]
-], Qe = [
+], eo = [
   { ci: 0, region: 1, quad: "tl", w: 84, h: 48 },
   { ci: 1, region: 2, quad: "tl", w: 72, h: 42 },
   { ci: 2, region: 3, quad: "bl", w: 48, h: 84 },
@@ -613,7 +981,7 @@ const Xe = [
   { ci: 5, region: 3, quad: "br", w: 102, h: 31 },
   { ci: 6, region: 1, quad: "tr", w: 89, h: 38 },
   { ci: 8, region: 3, quad: "tr", w: 62, h: 58 }
-], ke = [
+], Ye = [
   { ci: 0, region: 1, quad: "tl", w: 80, h: 19, x: "27%", y: "0%" },
   { ci: 6, region: 2, quad: "tr", w: 74, h: 11, x: "73%", y: "-1%" },
   { ci: 7, region: 3, quad: "tr", w: 15, h: 44, x: "100%", y: "33%" },
@@ -622,7 +990,7 @@ const Xe = [
   { ci: 1, region: 3, quad: "bl", w: 60, h: 21, x: "24%", y: "101%" },
   { ci: 2, region: 1, quad: "bl", w: 17, h: 40, x: "0%", y: "60%" },
   { ci: 3, region: 2, quad: "tl", w: 13, h: 32, x: "-1%", y: "28%" }
-], Ze = [
+], oo = [
   { ci: 0, region: 1, quad: "tl", w: 110, h: 30, x: "27%", y: "3%" },
   { ci: 6, region: 2, quad: "tr", w: 100, h: 20, x: "73%", y: "1%" },
   { ci: 7, region: 3, quad: "tr", w: 26, h: 62, x: "100%", y: "33%" },
@@ -631,71 +999,71 @@ const Xe = [
   { ci: 1, region: 3, quad: "bl", w: 88, h: 32, x: "24%", y: "99%" },
   { ci: 2, region: 1, quad: "bl", w: 28, h: 58, x: "0%", y: "60%" }
 ];
-function Je(t, e, a) {
-  const r = t.match(/^rgb\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*\)$/);
-  return `rgba(${r ? `${r[1]}, ${r[2]}, ${r[3]}` : "255, 255, 255"}, var(--bop-${e}-${a}))`;
+function ro(a, e, o) {
+  const r = a.match(/^rgb\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*\)$/);
+  return `rgba(${r ? `${r[1]}, ${r[2]}, ${r[3]}` : "255, 255, 255"}, var(--bop-${e}-${o}))`;
 }
-function be(t, e, a, r, o, s, i, c) {
-  return `radial-gradient(ellipse calc(${e}px * var(--bw${r}-${c}) * var(--pulse-glow-sx, 1) * var(--pulse-glow-boost, 1)) calc(${a}px * var(--bh${r}-${c}) * var(--bgh-${c}) * var(--pulse-glow-sy, 1) * var(--pulse-glow-boost, 1)) at calc(${s} + var(--bx${r}-${c})) calc(${i} + var(--by${r}-${c})), ${Je(t, o, c)}, transparent)`;
+function fe(a, e, o, r, t, s, i, c) {
+  return `radial-gradient(ellipse calc(${e}px * var(--bw${r}-${c}) * var(--pulse-glow-sx, 1) * var(--pulse-glow-boost, 1)) calc(${o}px * var(--bh${r}-${c}) * var(--bgh-${c}) * var(--pulse-glow-sy, 1) * var(--pulse-glow-boost, 1)) at calc(${s} + var(--bx${r}-${c})) calc(${i} + var(--by${r}-${c})), ${ro(a, t, c)}, transparent)`;
 }
-function ea(t, e) {
-  return C[t].border.map((a, r) => {
-    const { region: o, quad: s } = Xe[r], [i, c] = a.pos.split(" "), [p, b] = a.size.split(" ").map(parseFloat);
-    return be(a.color, p, b, o, s, i, c, e);
+function ao(a, e) {
+  return G[a].border.map((o, r) => {
+    const { region: t, quad: s } = Fe[r], [i, c] = o.pos.split(" "), [p, b] = o.size.split(" ").map(parseFloat);
+    return fe(o.color, p, b, t, s, i, c, e);
   }).join(`,
     `);
 }
-function aa(t, e, a) {
-  const o = C[t].border.map((b, m) => {
-    const { region: n, quad: l } = Xe[m], [d, k] = b.pos.split(" "), [f, g] = Ke[m];
-    return be(b.color, f, g, n, l, d, k, e);
-  }), s = a ? "255, 255, 255" : "0, 0, 0", i = a ? 0.18 : 0.08, p = [
+function to(a, e, o) {
+  const t = G[a].border.map((b, g) => {
+    const { region: n, quad: l } = Fe[g], [f, W] = b.pos.split(" "), [y, d] = Je[g];
+    return fe(b.color, y, d, n, l, f, W, e);
+  }), s = o ? "255, 255, 255" : "0, 0, 0", i = o ? 0.18 : 0.08, p = [
     ["0%", "0%", "tl"],
     ["100%", "0%", "tr"],
     ["0%", "100%", "bl"],
     ["100%", "100%", "br"]
   ].map(
-    ([b, m, n]) => `radial-gradient(ellipse 60px 60px at ${b} ${m}, rgba(${s}, calc(${i} * var(--bop-${n}-${e}))), transparent 70%)`
+    ([b, g, n]) => `radial-gradient(ellipse 60px 60px at ${b} ${g}, rgba(${s}, calc(${i} * var(--bop-${n}-${e}))), transparent 70%)`
   );
-  return [...o, ...p].join(`,
+  return [...t, ...p].join(`,
     `);
 }
-function we(t, e, a) {
-  const r = C[e].border;
-  return t.map((o) => {
-    const s = r[o.ci], [i, c] = s.pos.split(" ");
-    return be(s.color, o.w, o.h, o.region, o.quad, o.x ?? i, o.y ?? c, a);
+function we(a, e, o) {
+  const r = G[e].border;
+  return a.map((t) => {
+    const s = r[t.ci], [i, c] = s.pos.split(" ");
+    return fe(s.color, t.w, t.h, t.region, t.quad, t.x ?? i, t.y ?? c, o);
   }).join(`,
     `);
 }
-function Ye(t, e, a) {
-  const r = C[e].border, o = +a.toFixed(3);
-  return t.map((s) => {
-    const i = r[s.ci], [c, p] = i.pos.split(" "), b = s.x ?? c, m = s.y ?? p, n = i.color.match(/^rgb\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*\)$/), l = n ? `${n[1]}, ${n[2]}, ${n[3]}` : "255, 255, 255";
-    return `radial-gradient(ellipse calc(${s.w}px * var(--pulse-glow-sx, 1) * var(--pulse-glow-boost, 1)) calc(${s.h}px * var(--pulse-glow-sy, 1) * var(--pulse-glow-boost, 1)) at ${b} ${m}, rgba(${l}, ${o}), transparent)`;
+function Re(a, e, o) {
+  const r = G[e].border, t = +o.toFixed(3);
+  return a.map((s) => {
+    const i = r[s.ci], [c, p] = i.pos.split(" "), b = s.x ?? c, g = s.y ?? p, n = i.color.match(/^rgb\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*\)$/), l = n ? `${n[1]}, ${n[2]}, ${n[3]}` : "255, 255, 255";
+    return `radial-gradient(ellipse calc(${s.w}px * var(--pulse-glow-sx, 1) * var(--pulse-glow-boost, 1)) calc(${s.h}px * var(--pulse-glow-sy, 1) * var(--pulse-glow-boost, 1)) at ${b} ${g}, rgba(${l}, ${t}), transparent)`;
   }).join(`,
     `);
 }
-function _(t) {
+function N(a) {
   return `
-[data-beam="${t}"][data-paused],
-[data-beam="${t}"][data-paused]::after,
-[data-beam="${t}"][data-paused]::before,
-[data-beam="${t}"][data-paused] [data-beam-bloom] {
+[data-beam="${a}"][data-paused],
+[data-beam="${a}"][data-paused]::after,
+[data-beam="${a}"][data-paused]::before,
+[data-beam="${a}"][data-paused] [data-beam-bloom] {
   animation-play-state: paused !important;
 }`;
 }
-function Oe(t) {
-  const e = ["bw1", "bh1", "bw2", "bh2", "bw3", "bh3", "bgh", "bop-tl", "bop-tr", "bop-bl", "bop-br"], a = ["bx1", "by1", "bx2", "by2", "bx3", "by3"], r = e.map(
-    (s) => `@property --${s}-${t} {
+function Me(a) {
+  const e = ["bw1", "bh1", "bw2", "bh2", "bw3", "bh3", "bgh", "bop-tl", "bop-tr", "bop-bl", "bop-br"], o = ["bx1", "by1", "bx2", "by2", "bx3", "by3"], r = e.map(
+    (s) => `@property --${s}-${a} {
   syntax: "<number>";
   initial-value: 1;
   inherits: true;
 }`
   ).join(`
 
-`), o = a.map(
-    (s) => `@property --${s}-${t} {
+`), t = o.map(
+    (s) => `@property --${s}-${a} {
   syntax: "<length>";
   initial-value: 0px;
   inherits: true;
@@ -705,30 +1073,30 @@ function Oe(t) {
 `);
   return `${r}
 
-${o}
+${t}
 
-@property --beam-opacity-${t} {
+@property --beam-opacity-${a} {
   syntax: "<number>";
   initial-value: 0;
   inherits: true;
 }
 
-@property --beam-hue-${t} {
+@property --beam-hue-${a} {
   syntax: "<angle>";
   initial-value: 0deg;
   inherits: true;
 }`;
 }
-function pe(t, e, a) {
-  const r = e === "dark", o = a / 2.3;
-  return t === "pulse-inner" ? {
+function ge(a, e, o) {
+  const r = e === "dark", t = o / 2.3;
+  return a === "pulse-inner" ? {
     sp: 0.28,
     dr: r ? 33 : 40,
     op: r ? 0.48 : 0.45,
     gh: r ? 0.34 : 0.22,
-    bs: (r ? 1.9 : 2.6) * o,
-    ss: (r ? 2.6 : 4.6) * o,
-    ghs: (r ? 2.4 : 5.5) * o,
+    bs: (r ? 1.9 : 2.6) * t,
+    ss: (r ? 2.6 : 4.6) * t,
+    ghs: (r ? 2.4 : 5.5) * t,
     // Full hue revolution period (seconds) — colors continuously cycle.
     huePeriod: 16
   } : {
@@ -736,74 +1104,78 @@ function pe(t, e, a) {
     dr: r ? 14 : 19,
     op: r ? 0.46 : 0,
     gh: r ? 0.16 : 0.58,
-    bs: (r ? 2.3 : 3.7) * o,
-    ss: (r ? 6.4 : 4.6) * o,
-    ghs: (r ? 2.4 : 3.8) * o,
+    bs: (r ? 2.3 : 3.7) * t,
+    ss: (r ? 6.4 : 4.6) * t,
+    ghs: (r ? 2.4 : 3.8) * t,
     // Full hue revolution period (seconds) — colors continuously cycle.
     huePeriod: 14
   };
 }
-function ra(t, e) {
-  const { sp: a, dr: r, op: o, gh: s, bs: i, ss: c, ghs: p } = e;
+function so(a, e) {
+  const { sp: o, dr: r, op: t, gh: s, bs: i, ss: c, ghs: p } = e;
   return [
-    { prop: `--bw1-${t}`, a: 1 - a, b: 1 + a * 1.1, period: c * 0.9, delay: 0, unit: "" },
-    { prop: `--bh1-${t}`, a: 1 + a * 0.9, b: 1 - a * 0.85, period: c * 1.26, delay: 0, unit: "" },
-    { prop: `--bx1-${t}`, a: -r, b: r * 0.9, period: i * 1.6, delay: 0, unit: "px" },
-    { prop: `--by1-${t}`, a: r * 0.55, b: -r * 0.7, period: i * 1.6, delay: 0, unit: "px" },
-    { prop: `--bw2-${t}`, a: 1 + a, b: 1 - a * 0.85, period: c * 1.1, delay: 0, unit: "" },
-    { prop: `--bh2-${t}`, a: 1 - a * 0.8, b: 1 + a * 1.05, period: c * 0.81, delay: 0, unit: "" },
-    { prop: `--bx2-${t}`, a: r * 0.8, b: -r * 0.9, period: i * 1.88, delay: 0, unit: "px" },
-    { prop: `--by2-${t}`, a: -r, b: r * 0.65, period: i * 1.88, delay: 0, unit: "px" },
-    { prop: `--bw3-${t}`, a: 1 - a * 0.6, b: 1 + a * 1.15, period: c * 0.98, delay: 0, unit: "" },
-    { prop: `--bh3-${t}`, a: 1 + a * 0.75, b: 1 - a, period: c * 1.4, delay: 0, unit: "" },
-    { prop: `--bx3-${t}`, a: -r * 0.6, b: r, period: i * 1.45, delay: 0, unit: "px" },
-    { prop: `--by3-${t}`, a: -r * 0.85, b: r * 0.45, period: i * 1.45, delay: 0, unit: "px" },
-    { prop: `--bgh-${t}`, a: 1 - s, b: 1 + s, period: p, delay: 0, unit: "" },
-    { prop: `--bop-tl-${t}`, a: 1 - o, b: 1, period: i, delay: 0, unit: "" },
-    { prop: `--bop-tr-${t}`, a: 1 - o, b: 1, period: i * 1.32, delay: i * 0.28, unit: "" },
-    { prop: `--bop-bl-${t}`, a: 1 - o, b: 1, period: i * 0.84, delay: i * 0.55, unit: "" },
-    { prop: `--bop-br-${t}`, a: 1 - o, b: 1, period: i * 1.58, delay: i * 0.83, unit: "" }
+    { prop: `--bw1-${a}`, a: 1 - o, b: 1 + o * 1.1, period: c * 0.9, delay: 0, unit: "" },
+    { prop: `--bh1-${a}`, a: 1 + o * 0.9, b: 1 - o * 0.85, period: c * 1.26, delay: 0, unit: "" },
+    { prop: `--bx1-${a}`, a: -r, b: r * 0.9, period: i * 1.6, delay: 0, unit: "px" },
+    { prop: `--by1-${a}`, a: r * 0.55, b: -r * 0.7, period: i * 1.6, delay: 0, unit: "px" },
+    { prop: `--bw2-${a}`, a: 1 + o, b: 1 - o * 0.85, period: c * 1.1, delay: 0, unit: "" },
+    { prop: `--bh2-${a}`, a: 1 - o * 0.8, b: 1 + o * 1.05, period: c * 0.81, delay: 0, unit: "" },
+    { prop: `--bx2-${a}`, a: r * 0.8, b: -r * 0.9, period: i * 1.88, delay: 0, unit: "px" },
+    { prop: `--by2-${a}`, a: -r, b: r * 0.65, period: i * 1.88, delay: 0, unit: "px" },
+    { prop: `--bw3-${a}`, a: 1 - o * 0.6, b: 1 + o * 1.15, period: c * 0.98, delay: 0, unit: "" },
+    { prop: `--bh3-${a}`, a: 1 + o * 0.75, b: 1 - o, period: c * 1.4, delay: 0, unit: "" },
+    { prop: `--bx3-${a}`, a: -r * 0.6, b: r, period: i * 1.45, delay: 0, unit: "px" },
+    { prop: `--by3-${a}`, a: -r * 0.85, b: r * 0.45, period: i * 1.45, delay: 0, unit: "px" },
+    { prop: `--bgh-${a}`, a: 1 - s, b: 1 + s, period: p, delay: 0, unit: "" },
+    { prop: `--bop-tl-${a}`, a: 1 - t, b: 1, period: i, delay: 0, unit: "" },
+    { prop: `--bop-tr-${a}`, a: 1 - t, b: 1, period: i * 1.32, delay: i * 0.28, unit: "" },
+    { prop: `--bop-bl-${a}`, a: 1 - t, b: 1, period: i * 0.84, delay: i * 0.55, unit: "" },
+    { prop: `--bop-br-${a}`, a: 1 - t, b: 1, period: i * 1.58, delay: i * 0.83, unit: "" }
   ];
 }
-function ta(t, e, a, r, o, s) {
-  if (t !== "pulse-inner" && t !== "pulse-outside") return null;
-  const i = pe(t, e, a);
+function io(a, e, o, r, t, s) {
+  if (a !== "pulse-inner" && a !== "pulse-outside") return null;
+  const i = ge(a, e, o);
   return {
-    oscillators: ra(s, i),
+    oscillators: so(s, i),
     // Pulse colors continuously rotate a full hue circle so the palette is never
     // pinned to fixed edges (no more "always red top-right / green left").
-    hue: o ? null : { prop: `--beam-hue-${s}`, range: 360, period: i.huePeriod, continuous: !0 }
+    hue: t ? null : { prop: `--beam-hue-${s}`, range: 360, period: i.huePeriod, continuous: !0 }
   };
 }
-function Q(t, e, a) {
-  return `  animation: ${e}-${t} ${a}s ease forwards;`;
+function ee(a, e, o) {
+  return `  animation: ${e}-${a} ${o}s ease forwards;`;
+}
+function R(a, e = 1) {
+  return Math.max(0.5, Math.round(a * e * 100) / 100);
 }
-function oa(t) {
-  const { size: e } = t;
-  return e === "line" ? ba(t) : e === "sm" ? sa(t) : e === "pulse-inner" ? na(t) : e === "pulse-outside" ? ca(t) : ia(t);
+function no(a) {
+  const { size: e } = a;
+  return e === "line" ? fo(a) : e === "sm" ? co(a) : e === "pulse-inner" ? po(a) : e === "pulse-outside" ? lo(a) : bo(a);
 }
-function sa(t) {
+function co(a) {
   const {
     id: e,
-    borderRadius: a,
+    borderRadius: o,
     borderWidth: r,
-    duration: o,
+    duration: t,
     strokeOpacity: s,
     innerOpacity: i,
     bloomOpacity: c,
     innerShadow: p,
     colorVariant: b,
-    staticColors: m,
+    staticColors: g,
     brightness: n,
     saturation: l,
-    hueRange: d,
-    theme: k
-  } = t, f = Math.max(0, a - r), g = b === "mono" ? 0.5 : 1, W = s * g, Y = i * g, z = c * g, H = m ? "" : `animation: beam-hue-shift-${e} 12s ease-in-out infinite;`, $ = m ? "" : `
+    hueRange: f,
+    theme: W,
+    glowSize: y = 1
+  } = a, d = Math.max(0, o - r), m = b === "mono" ? 0.5 : 1, H = s * m, X = i * m, O = c * m, $ = g ? "" : `animation: beam-hue-shift-${e} 12s ease-in-out infinite;`, Y = g ? "" : `
 @keyframes beam-hue-shift-${e} {
-  0% { filter: hue-rotate(calc(var(--beam-hue-base, 0deg) - ${d}deg)) brightness(${n.toFixed(2)}) saturate(${l.toFixed(2)}); }
-  50% { filter: hue-rotate(calc(var(--beam-hue-base, 0deg) + ${d}deg)) brightness(${n.toFixed(2)}) saturate(${l.toFixed(2)}); }
-  100% { filter: hue-rotate(calc(var(--beam-hue-base, 0deg) - ${d}deg)) brightness(${n.toFixed(2)}) saturate(${l.toFixed(2)}); }
-}`, w = k === "dark", y = w ? `conic-gradient(
+  0% { filter: hue-rotate(calc(var(--beam-hue-base, 0deg) - ${f}deg)) brightness(${n.toFixed(2)}) saturate(${l.toFixed(2)}); }
+  50% { filter: hue-rotate(calc(var(--beam-hue-base, 0deg) + ${f}deg)) brightness(${n.toFixed(2)}) saturate(${l.toFixed(2)}); }
+  100% { filter: hue-rotate(calc(var(--beam-hue-base, 0deg) - ${f}deg)) brightness(${n.toFixed(2)}) saturate(${l.toFixed(2)}); }
+}`, x = W === "dark", w = x ? `conic-gradient(
         from var(--beam-angle-${e}),
         transparent 0%, transparent 54%,
         rgba(255, 255, 255, 0.1) 57%,
@@ -825,7 +1197,7 @@ function sa(t) {
         rgba(0, 0, 0, 0.2) 72%,
         rgba(0, 0, 0, 0.08) 75%,
         transparent 78%, transparent 100%
-      )`, x = Pe(b), X = Be(b), u = w ? `conic-gradient(
+      )`, v = Ae(b), u = _e(b), k = x ? `conic-gradient(
         from var(--beam-angle-${e}),
         transparent 0%, transparent 58%,
         rgba(255, 255, 255, 0.03) 62%,
@@ -853,7 +1225,7 @@ function sa(t) {
         rgba(0, 0, 0, 0.08) 75%,
         rgba(0, 0, 0, 0.02) 78%,
         transparent 82%
-      )`, v = `conic-gradient(
+      )`, z = `conic-gradient(
     from var(--beam-angle-${e}),
     transparent 0%, transparent 22%,
     rgba(255, 255, 255, 0.12) 28%, rgba(255, 255, 255, 0.4) 36%,
@@ -876,19 +1248,19 @@ function sa(t) {
 
 [data-beam="${e}"] {
   position: relative;
-  border-radius: ${a}px;
+  border-radius: ${o}px;
   overflow: hidden;
 }
 
 [data-beam="${e}"][data-active] {
   animation:
-    beam-spin-${e} ${o}s linear infinite,
+    beam-spin-${e} ${t}s linear infinite,
     beam-fade-in-${e} 0.6s ease forwards;
 }
 
 [data-beam="${e}"][data-fading] {
   animation:
-    beam-spin-${e} ${o}s linear infinite,
+    beam-spin-${e} ${t}s linear infinite,
     beam-fade-out-${e} 0.5s ease forwards;
 }
 
@@ -897,10 +1269,10 @@ function sa(t) {
   content: "";
   position: absolute;
   inset: 0;
-  border-radius: ${f}px;
+  border-radius: ${d}px;
   padding: ${r}px;
-  clip-path: inset(0 round ${a}px);
-  background: ${y},${x};
+  clip-path: inset(0 round ${o}px);
+  background: ${w},${v};
   -webkit-mask:
     conic-gradient(
       from var(--beam-angle-${e}),
@@ -927,8 +1299,8 @@ function sa(t) {
   mask-composite: intersect, exclude;
   pointer-events: none;
   z-index: 2;
-  opacity: calc(var(--beam-opacity-${e}) * ${W.toFixed(2)} * var(--beam-stroke-opacity, 1) * var(--beam-strength, 1));
-  ${H}
+  opacity: calc(var(--beam-opacity-${e}) * ${H.toFixed(2)} * var(--beam-stroke-opacity, 1) * var(--beam-strength, 1));
+  ${$}
 }
 
 [data-beam="${e}"][data-active]::before,
@@ -936,33 +1308,33 @@ function sa(t) {
   content: "";
   position: absolute;
   inset: 0;
-  border-radius: ${a}px;
-  clip-path: inset(0 round ${a}px);
-  background: ${X};
+  border-radius: ${o}px;
+  clip-path: inset(0 round ${o}px);
+  background: ${u};
   box-shadow: inset 0 0 5px 1px ${p};
-  -webkit-mask-image: ${v};
+  -webkit-mask-image: ${z};
   -webkit-mask-composite: source-over;
-  mask-image: ${v};
+  mask-image: ${z};
   mask-composite: add;
   pointer-events: none;
   z-index: 1;
-  opacity: calc(var(--beam-opacity-${e}) * ${Y.toFixed(2)} * var(--beam-inner-opacity, 1) * var(--beam-strength, 1));
-  ${H}
+  opacity: calc(var(--beam-opacity-${e}) * ${X.toFixed(2)} * var(--beam-inner-opacity, 1) * var(--beam-strength, 1));
+  ${$}
 }
 
 [data-beam="${e}"] [data-beam-bloom] {
   display: none;
   position: absolute;
   inset: 0;
-  border-radius: ${f}px;
-  clip-path: inset(0 round ${a}px);
-  background: ${u};
+  border-radius: ${d}px;
+  clip-path: inset(0 round ${o}px);
+  background: ${k};
   -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
   -webkit-mask-composite: xor;
   mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
   mask-composite: exclude;
   padding: ${r}px;
-  filter: blur(8px) brightness(${n.toFixed(2)}) saturate(${l.toFixed(2)});
+  filter: blur(${R(8, y)}px) brightness(${n.toFixed(2)}) saturate(${l.toFixed(2)});
   pointer-events: none;
   z-index: 3;
   opacity: 0;
@@ -971,7 +1343,7 @@ function sa(t) {
 [data-beam="${e}"][data-active] [data-beam-bloom],
 [data-beam="${e}"][data-fading] [data-beam-bloom] {
   display: block;
-  opacity: calc(var(--beam-opacity-${e}) * ${z.toFixed(2)} * var(--beam-bloom-opacity, 1) * var(--beam-strength, 1));
+  opacity: calc(var(--beam-opacity-${e}) * ${O.toFixed(2)} * var(--beam-bloom-opacity, 1) * var(--beam-strength, 1));
 }
 
 @keyframes beam-spin-${e} {
@@ -986,32 +1358,33 @@ function sa(t) {
   from { --beam-opacity-${e}: 1; }
   to { --beam-opacity-${e}: 0; }
 }
-${$}
-${_(e)}
+${Y}
+${N(e)}
 `;
 }
-function ia(t) {
+function bo(a) {
   const {
     id: e,
-    borderRadius: a,
+    borderRadius: o,
     borderWidth: r,
-    duration: o,
+    duration: t,
     strokeOpacity: s,
     innerOpacity: i,
     bloomOpacity: c,
     innerShadow: p,
     colorVariant: b,
-    staticColors: m,
+    staticColors: g,
     brightness: n,
     saturation: l,
-    hueRange: d,
-    theme: k
-  } = t, f = Math.max(0, a - r), g = b === "mono" ? 0.5 : 1, W = s * g, Y = i * g, z = c * g, H = m ? "" : `animation: beam-hue-shift-${e} 12s ease-in-out infinite;`, $ = m ? "" : `
+    hueRange: f,
+    theme: W,
+    glowSize: y = 1
+  } = a, d = Math.max(0, o - r), m = b === "mono" ? 0.5 : 1, H = s * m, X = i * m, O = c * m, $ = g ? "" : `animation: beam-hue-shift-${e} 12s ease-in-out infinite;`, Y = g ? "" : `
 @keyframes beam-hue-shift-${e} {
-  0% { filter: hue-rotate(calc(var(--beam-hue-base, 0deg) - ${d}deg)) brightness(${n.toFixed(2)}) saturate(${l.toFixed(2)}); }
-  50% { filter: hue-rotate(calc(var(--beam-hue-base, 0deg) + ${d}deg)) brightness(${n.toFixed(2)}) saturate(${l.toFixed(2)}); }
-  100% { filter: hue-rotate(calc(var(--beam-hue-base, 0deg) - ${d}deg)) brightness(${n.toFixed(2)}) saturate(${l.toFixed(2)}); }
-}`, w = k === "dark", y = w ? `conic-gradient(
+  0% { filter: hue-rotate(calc(var(--beam-hue-base, 0deg) - ${f}deg)) brightness(${n.toFixed(2)}) saturate(${l.toFixed(2)}); }
+  50% { filter: hue-rotate(calc(var(--beam-hue-base, 0deg) + ${f}deg)) brightness(${n.toFixed(2)}) saturate(${l.toFixed(2)}); }
+  100% { filter: hue-rotate(calc(var(--beam-hue-base, 0deg) - ${f}deg)) brightness(${n.toFixed(2)}) saturate(${l.toFixed(2)}); }
+}`, x = W === "dark", w = x ? `conic-gradient(
         from var(--beam-angle-${e}),
         transparent 0%, transparent 54%,
         rgba(255, 255, 255, 0.1) 57%,
@@ -1033,7 +1406,7 @@ function ia(t) {
         rgba(0, 0, 0, 0.2) 72%,
         rgba(0, 0, 0, 0.08) 75%,
         transparent 78%, transparent 100%
-      )`, x = Ee(b), X = Ae(b), u = w ? `conic-gradient(
+      )`, v = je(b), u = Te(b), k = x ? `conic-gradient(
         from var(--beam-angle-${e}),
         transparent 0%, transparent 58%,
         rgba(255, 255, 255, 0.03) 62%,
@@ -1077,19 +1450,19 @@ function ia(t) {
 
 [data-beam="${e}"] {
   position: relative;
-  border-radius: ${a}px;
+  border-radius: ${o}px;
   overflow: hidden;
 }
 
 [data-beam="${e}"][data-active] {
   animation:
-    beam-spin-${e} ${o}s linear infinite,
+    beam-spin-${e} ${t}s linear infinite,
     beam-fade-in-${e} 0.6s ease forwards;
 }
 
 [data-beam="${e}"][data-fading] {
   animation:
-    beam-spin-${e} ${o}s linear infinite,
+    beam-spin-${e} ${t}s linear infinite,
     beam-fade-out-${e} 0.5s ease forwards;
 }
 
@@ -1098,10 +1471,10 @@ function ia(t) {
   content: "";
   position: absolute;
   inset: 0;
-  border-radius: ${f}px;
+  border-radius: ${d}px;
   padding: ${r}px;
-  clip-path: inset(0 round ${a}px);
-  background: ${y},${x};
+  clip-path: inset(0 round ${o}px);
+  background: ${w},${v};
   -webkit-mask:
     conic-gradient(
       from var(--beam-angle-${e}),
@@ -1128,8 +1501,8 @@ function ia(t) {
   mask-composite: intersect, exclude;
   pointer-events: none;
   z-index: 2;
-  opacity: calc(var(--beam-opacity-${e}) * ${W.toFixed(2)} * var(--beam-stroke-opacity, 1) * var(--beam-strength, 1));
-  ${H}
+  opacity: calc(var(--beam-opacity-${e}) * ${H.toFixed(2)} * var(--beam-stroke-opacity, 1) * var(--beam-strength, 1));
+  ${$}
 }
 
 [data-beam="${e}"][data-active]::before,
@@ -1137,8 +1510,8 @@ function ia(t) {
   content: "";
   position: absolute;
   inset: 0;
-  border-radius: ${a}px;
-  background: ${X};
+  border-radius: ${o}px;
+  background: ${u};
   box-shadow: inset 0 0 9px 1px ${p};
   -webkit-mask-image:
     conic-gradient(
@@ -1166,24 +1539,24 @@ function ia(t) {
   mask-composite: intersect, add;
   pointer-events: none;
   z-index: 1;
-  opacity: calc(var(--beam-opacity-${e}) * ${Y.toFixed(2)} * var(--beam-inner-opacity, 1) * var(--beam-strength, 1));
-  clip-path: inset(0 round ${a}px);
-  ${H}
+  opacity: calc(var(--beam-opacity-${e}) * ${X.toFixed(2)} * var(--beam-inner-opacity, 1) * var(--beam-strength, 1));
+  clip-path: inset(0 round ${o}px);
+  ${$}
 }
 
 [data-beam="${e}"] [data-beam-bloom] {
   display: none;
   position: absolute;
   inset: 0;
-  border-radius: ${f}px;
-  clip-path: inset(0 round ${a}px);
-  background: ${u};
+  border-radius: ${d}px;
+  clip-path: inset(0 round ${o}px);
+  background: ${k};
   -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
   -webkit-mask-composite: xor;
   mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
   mask-composite: exclude;
   padding: ${r}px;
-  filter: blur(8px) brightness(${n.toFixed(2)}) saturate(${l.toFixed(2)});
+  filter: blur(${R(8, y)}px) brightness(${n.toFixed(2)}) saturate(${l.toFixed(2)});
   pointer-events: none;
   z-index: 3;
   opacity: 0;
@@ -1192,7 +1565,7 @@ function ia(t) {
 [data-beam="${e}"][data-active] [data-beam-bloom],
 [data-beam="${e}"][data-fading] [data-beam-bloom] {
   display: block;
-  opacity: calc(var(--beam-opacity-${e}) * ${z.toFixed(2)} * var(--beam-bloom-opacity, 1) * var(--beam-strength, 1));
+  opacity: calc(var(--beam-opacity-${e}) * ${O.toFixed(2)} * var(--beam-bloom-opacity, 1) * var(--beam-strength, 1));
 }
 
 @keyframes beam-spin-${e} {
@@ -1207,42 +1580,43 @@ function ia(t) {
   from { --beam-opacity-${e}: 1; }
   to { --beam-opacity-${e}: 0; }
 }
-${$}
-${_(e)}
+${Y}
+${N(e)}
 `;
 }
-function na(t) {
+function po(a) {
   const {
     id: e,
-    borderRadius: a,
+    borderRadius: o,
     borderWidth: r,
-    duration: o,
+    duration: t,
     strokeOpacity: s,
     innerOpacity: i,
     bloomOpacity: c,
     colorVariant: p,
     staticColors: b,
-    brightness: m,
+    brightness: g,
     saturation: n,
     hueRange: l,
-    theme: d
-  } = t, k = d === "dark", f = p === "mono" ? 0.5 : 1, g = (s * f).toFixed(2), W = (i * f).toFixed(2), Y = (c * f).toFixed(2), { op: z } = pe("pulse-inner", d, o), H = 8, $ = m.toFixed(2), w = n.toFixed(2), y = b ? `filter: brightness(${$}) saturate(${w});` : `filter: hue-rotate(calc(var(--beam-hue-base, 0deg) + var(--beam-hue-${e}))) brightness(${$}) saturate(${w});`, x = b ? `filter: blur(${H}px) brightness(${$}) saturate(${w});` : `filter: blur(${H}px) hue-rotate(calc(var(--beam-hue-base, 0deg) + var(--beam-hue-${e}))) brightness(${$}) saturate(${w});`, X = ea(p, e), u = aa(p, e, k), v = Ye(Qe, p, 1 - z * 0.5);
+    theme: f,
+    glowSize: W = 1
+  } = a, y = f === "dark", d = p === "mono" ? 0.5 : 1, m = (s * d).toFixed(2), H = (i * d).toFixed(2), X = (c * d).toFixed(2), { op: O } = ge("pulse-inner", f, t), $ = R(8, W), Y = g.toFixed(2), x = n.toFixed(2), w = b ? `filter: brightness(${Y}) saturate(${x});` : `filter: hue-rotate(calc(var(--beam-hue-base, 0deg) + var(--beam-hue-${e}))) brightness(${Y}) saturate(${x});`, v = b ? `filter: blur(${$}px) brightness(${Y}) saturate(${x});` : `filter: blur(${$}px) hue-rotate(calc(var(--beam-hue-base, 0deg) + var(--beam-hue-${e}))) brightness(${Y}) saturate(${x});`, u = ao(p, e), k = to(p, e, y), z = Re(eo, p, 1 - O * 0.5);
   return `
-${Oe(e)}
+${Me(e)}
 
 [data-beam="${e}"] {
   position: relative;
-  border-radius: ${a}px;
+  border-radius: ${o}px;
   overflow: hidden;
   isolation: isolate;
 }
 
 [data-beam="${e}"][data-active] {
-${Q(e, "beam-fade-in", 0.6)}
+${ee(e, "beam-fade-in", 0.6)}
 }
 
 [data-beam="${e}"][data-fading] {
-${Q(e, "beam-fade-out", 0.5)}
+${ee(e, "beam-fade-out", 0.5)}
 }
 
 [data-beam="${e}"][data-active]::after,
@@ -1250,10 +1624,10 @@ ${Q(e, "beam-fade-out", 0.5)}
   content: "";
   position: absolute;
   inset: 0;
-  border-radius: ${a}px;
+  border-radius: ${o}px;
   padding: ${r}px;
-  clip-path: inset(0 round ${a}px);
-  background: ${X};
+  clip-path: inset(0 round ${o}px);
+  background: ${u};
   -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
   -webkit-mask-composite: xor;
   mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
@@ -1261,8 +1635,8 @@ ${Q(e, "beam-fade-out", 0.5)}
   pointer-events: none;
   z-index: 2;
   will-change: opacity, filter;
-  opacity: calc(var(--beam-opacity-${e}) * ${g} * var(--beam-stroke-opacity, 1) * var(--beam-strength, 1));
-  ${y}
+  opacity: calc(var(--beam-opacity-${e}) * ${m} * var(--beam-stroke-opacity, 1) * var(--beam-strength, 1));
+  ${w}
 }
 
 [data-beam="${e}"][data-active]::before,
@@ -1270,9 +1644,9 @@ ${Q(e, "beam-fade-out", 0.5)}
   content: "";
   position: absolute;
   inset: 0;
-  border-radius: ${a}px;
-  clip-path: inset(0 round ${a}px);
-  background: ${u};
+  border-radius: ${o}px;
+  clip-path: inset(0 round ${o}px);
+  background: ${k};
   -webkit-mask-image:
     linear-gradient(white, transparent 28px, transparent calc(100% - 28px), white),
     linear-gradient(to right, white, transparent 28px, transparent calc(100% - 28px), white);
@@ -1284,17 +1658,17 @@ ${Q(e, "beam-fade-out", 0.5)}
   pointer-events: none;
   z-index: 1;
   will-change: opacity, filter;
-  opacity: calc(var(--beam-opacity-${e}) * ${W} * var(--beam-inner-opacity, 1) * var(--beam-strength, 1));
-  ${y}
+  opacity: calc(var(--beam-opacity-${e}) * ${H} * var(--beam-inner-opacity, 1) * var(--beam-strength, 1));
+  ${w}
 }
 
 [data-beam="${e}"] [data-beam-bloom] {
   display: none;
   position: absolute;
   inset: 0;
-  border-radius: ${a}px;
-  clip-path: inset(0 round ${a}px);
-  background: ${v};
+  border-radius: ${o}px;
+  clip-path: inset(0 round ${o}px);
+  background: ${z};
   -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
   -webkit-mask-composite: xor;
   mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
@@ -1309,13 +1683,13 @@ ${Q(e, "beam-fade-out", 0.5)}
 [data-beam="${e}"][data-active] [data-beam-bloom],
 [data-beam="${e}"][data-fading] [data-beam-bloom] {
   display: block;
-  opacity: calc(var(--beam-opacity-${e}) * ${Y} * var(--beam-bloom-opacity, 1) * var(--beam-strength, 1));
-  ${x}
+  opacity: calc(var(--beam-opacity-${e}) * ${X} * var(--beam-bloom-opacity, 1) * var(--beam-strength, 1));
+  ${v}
 }
 
 @keyframes beam-fade-in-${e} { to { --beam-opacity-${e}: 1; } }
 @keyframes beam-fade-out-${e} { from { --beam-opacity-${e}: 1; } to { --beam-opacity-${e}: 0; } }
-${_(e)}
+${N(e)}
 
 @media (prefers-reduced-motion: reduce) {
   [data-beam="${e}"][data-active],
@@ -1331,51 +1705,52 @@ ${_(e)}
 }
 `;
 }
-function ca(t) {
+function lo(a) {
   const {
     id: e,
-    borderRadius: a,
+    borderRadius: o,
     duration: r,
-    strokeOpacity: o,
+    strokeOpacity: t,
     innerOpacity: s,
     bloomOpacity: i,
     colorVariant: c,
     staticColors: p,
     brightness: b,
-    saturation: m,
+    saturation: g,
     hueRange: n,
     theme: l,
-    hairlineOpacity: d = 0
-  } = t, k = l === "dark", f = c === "mono" ? 0.5 : 1, g = (o * f).toFixed(2), W = (s * f).toFixed(2), Y = (i * f).toFixed(2), z = k ? "70, 70, 70" : "0, 0, 0", H = d.toFixed(2), $ = `linear-gradient(rgba(${z}, ${H}), rgba(${z}, ${H}))`, { op: w } = pe("pulse-outside", l, r), y = 0.95, x = 0.9, X = k ? 3 : 6, u = k ? 22.5 : 15, v = b.toFixed(2), S = m.toFixed(2), J = p ? `filter: brightness(${v}) saturate(${S});` : `filter: hue-rotate(calc(var(--beam-hue-base, 0deg) + var(--beam-hue-${e}))) brightness(${v}) saturate(${S});`, G = `brightness(var(--beam-glow-brightness, ${v})) saturate(var(--beam-glow-saturate, ${S}))`, ee = p ? `filter: blur(var(--beam-core-blur, ${X}px)) ${G};` : `filter: blur(var(--beam-core-blur, ${X}px)) hue-rotate(calc(var(--beam-hue-base, 0deg) + var(--beam-hue-${e}))) ${G};`, j = p ? `filter: blur(var(--beam-bloom-blur, ${u}px)) ${G};` : `filter: blur(var(--beam-bloom-blur, ${u}px)) hue-rotate(calc(var(--beam-hue-base, 0deg) + var(--beam-hue-${e}))) ${G};`, A = we(ke, c, e), ae = we(ke, c, e), R = Ye(Ze, c, 1 - w * 0.5), O = d > 0 ? `${A},
-    ${$}` : A;
+    hairlineOpacity: f = 0,
+    glowSize: W = 1
+  } = a, y = l === "dark", d = c === "mono" ? 0.5 : 1, m = (t * d).toFixed(2), H = (s * d).toFixed(2), X = (i * d).toFixed(2), O = y ? "70, 70, 70" : "0, 0, 0", $ = f.toFixed(2), Y = `linear-gradient(rgba(${O}, ${$}), rgba(${O}, ${$}))`, { op: x } = ge("pulse-outside", l, r), w = 0.95, v = 0.9, u = R(y ? 3 : 6, W), k = R(y ? 22.5 : 15, W), z = b.toFixed(2), C = g.toFixed(2), j = p ? `filter: brightness(${z}) saturate(${C});` : `filter: hue-rotate(calc(var(--beam-hue-base, 0deg) + var(--beam-hue-${e}))) brightness(${z}) saturate(${C});`, I = `brightness(var(--beam-glow-brightness, ${z})) saturate(var(--beam-glow-saturate, ${C}))`, re = p ? `filter: blur(var(--beam-core-blur, ${u}px)) ${I};` : `filter: blur(var(--beam-core-blur, ${u}px)) hue-rotate(calc(var(--beam-hue-base, 0deg) + var(--beam-hue-${e}))) ${I};`, ae = p ? `filter: blur(var(--beam-bloom-blur, ${k}px)) ${I};` : `filter: blur(var(--beam-bloom-blur, ${k}px)) hue-rotate(calc(var(--beam-hue-base, 0deg) + var(--beam-hue-${e}))) ${I};`, T = we(Ye, c, e), V = we(Ye, c, e), te = Re(oo, c, 1 - x * 0.5), M = f > 0 ? `${T},
+    ${Y}` : T;
   return `
-${Oe(e)}
+${Me(e)}
 
 [data-beam="${e}"] {
   position: relative;
-  border-radius: ${a}px;
+  border-radius: ${o}px;
   overflow: visible;
   isolation: isolate;
 }
 
 [data-beam="${e}"][data-active] {
-${Q(e, "beam-fade-in", 0.6)}
+${ee(e, "beam-fade-in", 0.6)}
 }
 
 [data-beam="${e}"][data-fading] {
-${Q(e, "beam-fade-out", 0.5)}
+${ee(e, "beam-fade-out", 0.5)}
 }
-${d > 0 ? `
+${f > 0 ? `
 /* Idle hairline — painted above the (opaque) child in the inner 1px edge ring so
    it overlaps a standard inset component border exactly. */
 [data-beam="${e}"]::after {
   content: "";
   position: absolute;
   inset: 0;
-  border-radius: ${a}px;
+  border-radius: ${o}px;
   padding: 1px;
-  clip-path: inset(0 round ${a}px);
-  background: ${$};
+  clip-path: inset(0 round ${o}px);
+  background: ${Y};
   -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
   -webkit-mask-composite: xor;
   mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
@@ -1389,10 +1764,10 @@ ${d > 0 ? `
   content: "";
   position: absolute;
   inset: 0;
-  border-radius: ${a}px;
+  border-radius: ${o}px;
   padding: 1px;
-  clip-path: inset(0 round ${a}px);
-  background: ${O};
+  clip-path: inset(0 round ${o}px);
+  background: ${M};
   -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
   -webkit-mask-composite: xor;
   mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
@@ -1400,8 +1775,8 @@ ${d > 0 ? `
   pointer-events: none;
   z-index: 2;
   will-change: opacity, filter;
-  opacity: calc(var(--beam-opacity-${e}) * ${g} * var(--beam-stroke-opacity, 1) * var(--beam-strength, 1));
-  ${J}
+  opacity: calc(var(--beam-opacity-${e}) * ${m} * var(--beam-stroke-opacity, 1) * var(--beam-strength, 1));
+  ${j}
 }
 
 [data-beam="${e}"][data-active]::before,
@@ -1410,13 +1785,13 @@ ${d > 0 ? `
   position: absolute;
   inset: -10px;
   z-index: -1;
-  border-radius: ${a + 10}px;
-  background: ${ae};
-  transform: scale(${y}, ${x});
+  border-radius: ${o + 10}px;
+  background: ${V};
+  transform: scale(${w}, ${v});
   pointer-events: none;
   will-change: opacity, filter;
-  opacity: calc(var(--beam-opacity-${e}) * ${W} * var(--beam-inner-opacity, 1) * var(--beam-strength, 1));
-  ${ee}
+  opacity: calc(var(--beam-opacity-${e}) * ${H} * var(--beam-inner-opacity, 1) * var(--beam-strength, 1));
+  ${re}
 }
 
 [data-beam="${e}"] [data-beam-bloom] {
@@ -1424,9 +1799,9 @@ ${d > 0 ? `
   position: absolute;
   inset: -30px;
   z-index: -1;
-  border-radius: ${a + 30}px;
-  background: ${R};
-  transform: scale(${y}, ${x});
+  border-radius: ${o + 30}px;
+  background: ${te};
+  transform: scale(${w}, ${v});
   pointer-events: none;
   will-change: transform;
   opacity: 0;
@@ -1435,13 +1810,13 @@ ${d > 0 ? `
 [data-beam="${e}"][data-active] [data-beam-bloom],
 [data-beam="${e}"][data-fading] [data-beam-bloom] {
   display: block;
-  opacity: calc(var(--beam-opacity-${e}) * ${Y} * var(--beam-bloom-opacity, 1) * var(--beam-strength, 1));
-  ${j}
+  opacity: calc(var(--beam-opacity-${e}) * ${X} * var(--beam-bloom-opacity, 1) * var(--beam-strength, 1));
+  ${ae}
 }
 
 @keyframes beam-fade-in-${e} { to { --beam-opacity-${e}: 1; } }
 @keyframes beam-fade-out-${e} { from { --beam-opacity-${e}: 1; } to { --beam-opacity-${e}: 0; } }
-${_(e)}
+${N(e)}
 
 @media (prefers-reduced-motion: reduce) {
   [data-beam="${e}"][data-active],
@@ -1457,34 +1832,35 @@ ${_(e)}
 }
 `;
 }
-function ba(t) {
+function fo(a) {
   const {
     id: e,
-    borderRadius: a,
+    borderRadius: o,
     borderWidth: r,
-    duration: o,
+    duration: t,
     strokeOpacity: s,
     innerOpacity: i,
     bloomOpacity: c,
     innerShadow: p,
     colorVariant: b,
-    staticColors: m,
+    staticColors: g,
     brightness: n,
     saturation: l,
-    hueRange: d,
-    theme: k
-  } = t, f = Math.max(0, a - r), g = k === "dark", W = s, Y = i, z = c, H = m ? "" : `animation: beam-hue-shift-${e} 12s ease-in-out infinite;`, $ = m ? "" : `animation: beam-hue-shift-bloom-${e} 8s ease-in-out infinite;`, w = m ? "" : `
+    hueRange: f,
+    theme: W,
+    glowSize: y = 1
+  } = a, d = Math.max(0, o - r), m = W === "dark", H = s, X = i, O = c, $ = g ? "" : `animation: beam-hue-shift-${e} 12s ease-in-out infinite;`, Y = g ? "" : `animation: beam-hue-shift-bloom-${e} 8s ease-in-out infinite;`, x = g ? "" : `
 @keyframes beam-hue-shift-${e} {
-  0% { filter: hue-rotate(calc(var(--beam-hue-base, 0deg) - ${d}deg)) brightness(${n.toFixed(2)}) saturate(${l.toFixed(2)}); }
-  50% { filter: hue-rotate(calc(var(--beam-hue-base, 0deg) + ${d}deg)) brightness(${n.toFixed(2)}) saturate(${l.toFixed(2)}); }
-  100% { filter: hue-rotate(calc(var(--beam-hue-base, 0deg) - ${d}deg)) brightness(${n.toFixed(2)}) saturate(${l.toFixed(2)}); }
+  0% { filter: hue-rotate(calc(var(--beam-hue-base, 0deg) - ${f}deg)) brightness(${n.toFixed(2)}) saturate(${l.toFixed(2)}); }
+  50% { filter: hue-rotate(calc(var(--beam-hue-base, 0deg) + ${f}deg)) brightness(${n.toFixed(2)}) saturate(${l.toFixed(2)}); }
+  100% { filter: hue-rotate(calc(var(--beam-hue-base, 0deg) - ${f}deg)) brightness(${n.toFixed(2)}) saturate(${l.toFixed(2)}); }
 }
 
 @keyframes beam-hue-shift-bloom-${e} {
-  0% { filter: blur(8px) hue-rotate(calc(var(--beam-hue-base, 0deg) - ${d + 10}deg)) brightness(${n.toFixed(2)}) saturate(${l.toFixed(2)}); }
-  50% { filter: blur(8px) hue-rotate(calc(var(--beam-hue-base, 0deg) + ${d + 10}deg)) brightness(${n.toFixed(2)}) saturate(${l.toFixed(2)}); }
-  100% { filter: blur(8px) hue-rotate(calc(var(--beam-hue-base, 0deg) - ${d + 10}deg)) brightness(${n.toFixed(2)}) saturate(${l.toFixed(2)}); }
-}`, y = g ? `radial-gradient(
+  0% { filter: blur(${R(8, y)}px) hue-rotate(calc(var(--beam-hue-base, 0deg) - ${f + 10}deg)) brightness(${n.toFixed(2)}) saturate(${l.toFixed(2)}); }
+  50% { filter: blur(${R(8, y)}px) hue-rotate(calc(var(--beam-hue-base, 0deg) + ${f + 10}deg)) brightness(${n.toFixed(2)}) saturate(${l.toFixed(2)}); }
+  100% { filter: blur(${R(8, y)}px) hue-rotate(calc(var(--beam-hue-base, 0deg) - ${f + 10}deg)) brightness(${n.toFixed(2)}) saturate(${l.toFixed(2)}); }
+}`, w = m ? `radial-gradient(
         ellipse calc(24px * var(--beam-w-${e})) calc(28px * var(--beam-h-${e})) at calc(var(--beam-x-${e}) * 100%) calc(100% + 2px),
         rgba(255, 255, 255, 0.38) 0%,
         rgba(255, 255, 255, 0.12) 30%,
@@ -1494,7 +1870,7 @@ function ba(t) {
         rgba(0, 0, 0, 0.6) 0%,
         rgba(0, 0, 0, 0.25) 35%,
         transparent 70%
-      )`, x = Te(b, g, e), X = Ve(b, e), u = Ue(b, g, e), v = b === "mono" ? "filter: blur(6px);" : "";
+      )`, v = De(b, m, e), u = Ke(b, e), k = Ze(b, m, e), z = b === "mono" ? "filter: blur(6px);" : "";
   return `
 @property --beam-x-${e} {
   syntax: "<number>";
@@ -1540,27 +1916,27 @@ function ba(t) {
 
 [data-beam="${e}"] {
   position: relative;
-  border-radius: ${a}px;
+  border-radius: ${o}px;
   overflow: hidden;
 }
 
 [data-beam="${e}"][data-active] {
   animation:
-    beam-travel-${e} ${o}s linear infinite,
-    beam-edge-fade-${e} ${o}s linear infinite,
-    beam-breathe-${e} ${(o * 1.3).toFixed(1)}s ease-in-out infinite,
-    beam-spike-${e} ${(o * 1.33).toFixed(1)}s ease-in-out infinite,
-    beam-spike2-${e} ${(o * 1.7).toFixed(1)}s ease-in-out infinite,
+    beam-travel-${e} ${t}s linear infinite,
+    beam-edge-fade-${e} ${t}s linear infinite,
+    beam-breathe-${e} ${(t * 1.3).toFixed(1)}s ease-in-out infinite,
+    beam-spike-${e} ${(t * 1.33).toFixed(1)}s ease-in-out infinite,
+    beam-spike2-${e} ${(t * 1.7).toFixed(1)}s ease-in-out infinite,
     beam-fade-in-${e} 0.6s ease forwards;
 }
 
 [data-beam="${e}"][data-fading] {
   animation:
-    beam-travel-${e} ${o}s linear infinite,
-    beam-edge-fade-${e} ${o}s linear infinite,
-    beam-breathe-${e} ${(o * 1.3).toFixed(1)}s ease-in-out infinite,
-    beam-spike-${e} ${(o * 1.33).toFixed(1)}s ease-in-out infinite,
-    beam-spike2-${e} ${(o * 1.7).toFixed(1)}s ease-in-out infinite,
+    beam-travel-${e} ${t}s linear infinite,
+    beam-edge-fade-${e} ${t}s linear infinite,
+    beam-breathe-${e} ${(t * 1.3).toFixed(1)}s ease-in-out infinite,
+    beam-spike-${e} ${(t * 1.33).toFixed(1)}s ease-in-out infinite,
+    beam-spike2-${e} ${(t * 1.7).toFixed(1)}s ease-in-out infinite,
     beam-fade-out-${e} 0.5s ease forwards;
 }
 
@@ -1569,10 +1945,10 @@ function ba(t) {
   content: "";
   position: absolute;
   inset: 0;
-  border-radius: ${f}px;
+  border-radius: ${d}px;
   padding: ${r}px;
-  clip-path: inset(0 round ${a}px);
-  background: ${y}, ${x};
+  clip-path: inset(0 round ${o}px);
+  background: ${w}, ${v};
   -webkit-mask:
     radial-gradient(
       ellipse calc(78px * var(--beam-w-${e})) calc(60px * var(--beam-h-${e})) at calc(var(--beam-x-${e}) * 100%) 100%,
@@ -1591,8 +1967,8 @@ function ba(t) {
   mask-composite: intersect, exclude;
   pointer-events: none;
   z-index: 2;
-  opacity: calc(var(--beam-opacity-${e}) * var(--beam-edge-${e}) * ${W.toFixed(2)} * var(--beam-stroke-opacity, 1) * var(--beam-strength, 1));
-  ${H}
+  opacity: calc(var(--beam-opacity-${e}) * var(--beam-edge-${e}) * ${H.toFixed(2)} * var(--beam-stroke-opacity, 1) * var(--beam-strength, 1));
+  ${$}
 }
 
 [data-beam="${e}"][data-active]::before,
@@ -1600,8 +1976,8 @@ function ba(t) {
   content: "";
   position: absolute;
   inset: 0;
-  border-radius: ${a}px;
-  background: ${X};
+  border-radius: ${o}px;
+  background: ${u};
   box-shadow: inset 0 0 9px 1px ${p};
   -webkit-mask-image:
     radial-gradient(
@@ -1621,17 +1997,17 @@ function ba(t) {
   mask-composite: intersect, add;
   pointer-events: none;
   z-index: 1;
-  opacity: calc(var(--beam-opacity-${e}) * var(--beam-edge-${e}) * ${Y.toFixed(2)} * var(--beam-inner-opacity, 1) * var(--beam-strength, 1));
-  clip-path: inset(0 round ${a}px);
-  ${H}
+  opacity: calc(var(--beam-opacity-${e}) * var(--beam-edge-${e}) * ${X.toFixed(2)} * var(--beam-inner-opacity, 1) * var(--beam-strength, 1));
+  clip-path: inset(0 round ${o}px);
+  ${$}
 }
 
 [data-beam="${e}"] [data-beam-bloom] {
   display: none;
   position: absolute;
   inset: 0;
-  border-radius: ${f}px;
-  clip-path: inset(0 round ${a}px);
+  border-radius: ${d}px;
+  clip-path: inset(0 round ${o}px);
   padding: 0;
   -webkit-mask: radial-gradient(
     ellipse calc(84px * var(--beam-w-${e})) calc(110px * var(--beam-h-${e})) at calc(var(--beam-x-${e}) * 100%) 100%,
@@ -1643,8 +2019,8 @@ function ba(t) {
     white 0%, rgba(255, 255, 255, 0.5) 35%, transparent 100%
   );
   mask-composite: add;
-  background: ${u};
-  ${v}
+  background: ${k};
+  ${z}
   pointer-events: none;
   z-index: 3;
   opacity: 0;
@@ -1653,8 +2029,8 @@ function ba(t) {
 [data-beam="${e}"][data-active] [data-beam-bloom],
 [data-beam="${e}"][data-fading] [data-beam-bloom] {
   display: block;
-  opacity: calc(var(--beam-opacity-${e}) * var(--beam-edge-${e}) * ${z.toFixed(2)} * var(--beam-bloom-opacity, 1) * var(--beam-strength, 1));
-  ${$}
+  opacity: calc(var(--beam-opacity-${e}) * var(--beam-edge-${e}) * ${O.toFixed(2)} * var(--beam-bloom-opacity, 1) * var(--beam-strength, 1));
+  ${Y}
 }
 
 @keyframes beam-travel-${e} {
@@ -1711,209 +2087,214 @@ function ba(t) {
   from { --beam-opacity-${e}: 1; }
   to { --beam-opacity-${e}: 0; }
 }
-${w}
-${_(e)}
+${x}
+${N(e)}
 `;
 }
-const Z = /* @__PURE__ */ new Set();
-let E = null, ce = 0;
-const pa = 1e3 / 30 - 2, la = Math.PI * 2;
-function We(t) {
-  return (1 - Math.cos(la * t)) / 2;
-}
-function Fe(t) {
-  if (E = requestAnimationFrame(Fe), t - ce < pa) return;
-  ce = t;
-  const e = t / 1e3;
-  Z.forEach(({ el: a, config: r }) => {
-    for (const o of r.oscillators) {
-      const s = (e - o.delay) / o.period, i = o.a + (o.b - o.a) * We(s);
-      a.style.setProperty(
-        o.prop,
-        o.unit === "px" ? `${i.toFixed(2)}px` : i.toFixed(4)
+const oe = /* @__PURE__ */ new Set();
+let _ = null, le = 0;
+const go = 1e3 / 30 - 2, mo = Math.PI * 2;
+function Oe(a) {
+  return (1 - Math.cos(mo * a)) / 2;
+}
+function qe(a) {
+  if (_ = requestAnimationFrame(qe), a - le < go) return;
+  le = a;
+  const e = a / 1e3;
+  oe.forEach(({ el: o, config: r }) => {
+    for (const t of r.oscillators) {
+      const s = (e - t.delay) / t.period, i = t.a + (t.b - t.a) * Oe(s);
+      o.style.setProperty(
+        t.prop,
+        t.unit === "px" ? `${i.toFixed(2)}px` : i.toFixed(4)
       );
     }
     if (r.hue) {
-      const { prop: o, range: s, period: i, continuous: c } = r.hue, p = c ? e / i % 1 * s : -s + 2 * s * We(e / i);
-      a.style.setProperty(o, `${p.toFixed(2)}deg`);
+      const { prop: t, range: s, period: i, continuous: c } = r.hue, p = c ? e / i % 1 * s : -s + 2 * s * Oe(e / i);
+      o.style.setProperty(t, `${p.toFixed(2)}deg`);
     }
   });
 }
-function da() {
-  E == null && (ce = 0, E = requestAnimationFrame(Fe));
+function xo() {
+  _ == null && (le = 0, _ = requestAnimationFrame(qe));
 }
-function fa() {
-  Z.size === 0 && E != null && (cancelAnimationFrame(E), E = null);
+function $o() {
+  oe.size === 0 && _ != null && (cancelAnimationFrame(_), _ = null);
 }
-function ga(t, e) {
-  const a = { el: t, config: e };
-  return Z.add(a), da(), () => {
-    Z.delete(a), fa();
+function zo(a, e) {
+  const o = { el: a, config: e };
+  return oe.add(o), xo(), () => {
+    oe.delete(o), $o();
   };
 }
-function ma() {
-  const [t, e] = P(() => typeof window > "u" || window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light");
-  return B(() => {
+function uo() {
+  const [a, e] = E(() => typeof window > "u" || window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light");
+  return A(() => {
     if (typeof window > "u") return;
-    const a = window.matchMedia("(prefers-color-scheme: dark)"), r = (o) => {
-      e(o.matches ? "dark" : "light");
+    const o = window.matchMedia("(prefers-color-scheme: dark)"), r = (t) => {
+      e(t.matches ? "dark" : "light");
     };
-    return a.addEventListener("change", r), () => a.removeEventListener("change", r);
-  }, []), t;
+    return o.addEventListener("change", r), () => o.removeEventListener("change", r);
+  }, []), a;
 }
-function $a(t, e) {
-  return t === "auto" ? e : t;
+function ho(a, e) {
+  return a === "auto" ? e : a;
 }
-const za = Ge(
+const Wo = Le(
   function({
     children: e,
-    size: a = "md",
+    size: o = "md",
     colorVariant: r = "colorful",
-    theme: o = "dark",
+    theme: t = "dark",
     staticColors: s = !1,
     duration: i,
     active: c = !0,
     borderRadius: p,
     brightness: b,
-    saturation: m,
+    saturation: g,
     hueRange: n = 30,
-    strength: l = 1,
-    className: d,
-    style: k,
-    onActivate: f,
-    onDeactivate: g,
-    onAnimationEnd: W,
-    ...Y
-  }, z) {
-    const $ = Me().replace(/:/g, "-"), w = ma(), y = Ie(null), [x, X] = P(c), [u, v] = P(!1), [S, J] = P(!0), [G, ee] = P(null), [j, A] = P({ x: 1, y: 1 });
-    B(() => {
+    glowSize: l = 1,
+    strength: f = 1,
+    className: W,
+    style: y,
+    css: d,
+    onActivate: m,
+    onDeactivate: H,
+    onAnimationEnd: X,
+    ...O
+  }, $) {
+    const x = Be().replace(/:/g, "-"), w = uo(), v = Pe(null), [u, k] = E(c), [z, C] = E(!1), [j, I] = E(!0), [re, ae] = E(null), [T, V] = E({ x: 1, y: 1 });
+    A(() => {
       if (p != null) return;
-      const h = y.current;
+      const h = v.current;
       if (!h) return;
-      const F = () => {
-        const I = h.firstElementChild;
-        if (!I) return;
-        const se = getComputedStyle(I), L = parseFloat(se.borderTopLeftRadius);
-        !isNaN(L) && L > 0 && ee(L);
+      const S = () => {
+        const B = h.firstElementChild;
+        if (!B) return;
+        const ce = getComputedStyle(B), P = parseFloat(ce.borderTopLeftRadius);
+        !isNaN(P) && P > 0 && ae(P);
       };
-      F();
-      const M = new MutationObserver(F);
-      return M.observe(h, { childList: !0, subtree: !1 }), () => M.disconnect();
-    }, [p, e]), B(() => {
-      c && !x && !u ? X(!0) : !c && x && !u && v(!0);
-    }, [c, x, u]), B(() => {
-      const h = y.current;
+      S();
+      const L = new MutationObserver(S);
+      return L.observe(h, { childList: !0, subtree: !1 }), () => L.disconnect();
+    }, [p, e]), A(() => {
+      c && !u && !z ? k(!0) : !c && u && !z && C(!0);
+    }, [c, u, z]), A(() => {
+      const h = v.current;
       if (!h || typeof IntersectionObserver > "u") return;
-      const F = new IntersectionObserver(
-        (M) => {
-          for (const I of M) J(I.isIntersecting);
+      const S = new IntersectionObserver(
+        (L) => {
+          for (const B of L) I(B.isIntersecting);
         },
         // Start animating slightly before the element scrolls into view.
         { rootMargin: "256px" }
       );
-      return F.observe(h), () => F.disconnect();
-    }, []), B(() => {
-      if (a !== "pulse-outside") {
-        A({ x: 1, y: 1 });
+      return S.observe(h), () => S.disconnect();
+    }, []), A(() => {
+      if (o !== "pulse-outside") {
+        V({ x: 1, y: 1 });
         return;
       }
-      const h = y.current;
+      const h = v.current;
       if (!h) return;
-      const F = 350, M = 140, I = 0.35, se = 4, L = (D) => Math.max(I, Math.min(se, D)), ge = () => {
-        const D = h.firstElementChild;
-        if (!D) return;
-        const U = D.getBoundingClientRect();
-        if (!U.width || !U.height) return;
-        const ue = +L(U.width / F).toFixed(3), xe = +L(U.height / M).toFixed(3);
-        A((ie) => ie.x === ue && ie.y === xe ? ie : { x: ue, y: xe });
+      const S = 350, L = 140, B = 0.35, ce = 4, P = (Q) => Math.max(B, Math.min(ce, Q)), ze = () => {
+        const Q = h.firstElementChild;
+        if (!Q) return;
+        const Z = Q.getBoundingClientRect();
+        if (!Z.width || !Z.height) return;
+        const ye = +P(Z.width / S).toFixed(3), ke = +P(Z.height / L).toFixed(3);
+        V((be) => be.x === ye && be.y === ke ? be : { x: ye, y: ke });
       };
-      if (ge(), typeof ResizeObserver > "u") return;
-      const me = h.firstElementChild;
-      if (!me) return;
-      const $e = new ResizeObserver(ge);
-      return $e.observe(me), () => $e.disconnect();
-    }, [a, e]);
-    const ae = ye(
+      if (ze(), typeof ResizeObserver > "u") return;
+      const ue = h.firstElementChild;
+      if (!ue) return;
+      const he = new ResizeObserver(ze);
+      return he.observe(ue), () => he.disconnect();
+    }, [o, e]);
+    const te = He(
       (h) => {
-        const F = h.animationName;
-        F.includes("fade-out") ? (X(!1), v(!1), g == null || g()) : F.includes("fade-in") && (f == null || f()), W == null || W(h);
+        const S = h.animationName;
+        S.includes("fade-out") ? (k(!1), C(!1), H == null || H()) : S.includes("fade-in") && (m == null || m()), X == null || X(h);
       },
-      [f, g, W]
-    ), R = $a(o, w), O = ne[a][R], re = Le[a], te = a === "pulse-inner" || a === "pulse-outside", le = p ?? G ?? re.borderRadius, T = i ?? (a === "line" ? 3.1 : te ? 2.3 : 1.96), de = m ?? O.saturation, fe = b ?? O.brightness ?? 1.3, N = a === "line" ? Math.min(n, 13) : n, V = r === "mono" ? !0 : s, Se = ve(
-      () => oa({
-        id: $,
-        borderRadius: le,
-        borderWidth: re.borderWidth,
-        duration: T,
-        strokeOpacity: O.strokeOpacity,
-        innerOpacity: O.innerOpacity,
-        bloomOpacity: O.bloomOpacity,
-        innerShadow: O.innerShadow,
-        size: a,
+      [m, H, X]
+    ), M = ho(t, w), F = pe[o][M], se = Ee[o], ie = o === "pulse-inner" || o === "pulse-outside", de = p ?? re ?? se.borderRadius, D = i ?? (o === "line" ? 3.1 : ie ? 2.3 : 1.96), me = g ?? F.saturation, xe = b ?? F.brightness ?? 1.3, U = o === "line" ? Math.min(n, 13) : n, K = r === "mono" ? !0 : s, $e = Xe(
+      () => no({
+        id: x,
+        borderRadius: de,
+        borderWidth: se.borderWidth,
+        duration: D,
+        strokeOpacity: F.strokeOpacity,
+        innerOpacity: F.innerOpacity,
+        bloomOpacity: F.bloomOpacity,
+        innerShadow: F.innerShadow,
+        size: o,
         colorVariant: r,
-        staticColors: V,
-        brightness: fe,
-        saturation: de,
-        hueRange: N,
-        theme: R,
-        hairlineOpacity: O.hairlineOpacity
+        staticColors: K,
+        brightness: xe,
+        saturation: me,
+        hueRange: U,
+        theme: M,
+        hairlineOpacity: F.hairlineOpacity,
+        glowSize: l
       }),
       [
-        $,
-        le,
-        re.borderWidth,
-        T,
-        O.strokeOpacity,
-        O.innerOpacity,
-        O.bloomOpacity,
-        O.innerShadow,
-        O.hairlineOpacity,
-        a,
-        r,
-        V,
-        fe,
+        x,
         de,
-        N,
-        R
+        se.borderWidth,
+        D,
+        F.strokeOpacity,
+        F.innerOpacity,
+        F.bloomOpacity,
+        F.innerShadow,
+        F.hairlineOpacity,
+        o,
+        r,
+        K,
+        xe,
+        me,
+        U,
+        l,
+        M
       ]
-    ), oe = ve(
-      () => te ? ta(a, R, T, N, V, $) : null,
-      [te, a, R, T, N, V, $]
+    ), ne = Xe(
+      () => ie ? io(o, M, D, U, K, x) : null,
+      [ie, o, M, D, U, K, x]
     );
-    B(() => {
-      var F;
-      if (!oe || !(x || u) || !S) return;
-      const h = y.current;
-      if (h && !(typeof window < "u" && ((F = window.matchMedia) != null && F.call(window, "(prefers-reduced-motion: reduce)").matches)))
-        return ga(h, oe);
-    }, [oe, x, u, S]);
-    const Re = ye(
+    A(() => {
+      var S;
+      if (!ne || !(u || z) || !j) return;
+      const h = v.current;
+      if (h && !(typeof window < "u" && ((S = window.matchMedia) != null && S.call(window, "(prefers-reduced-motion: reduce)").matches)))
+        return zo(h, ne);
+    }, [ne, u, z, j]);
+    const Ge = He(
       (h) => {
-        y.current = h, typeof z == "function" ? z(h) : z && (z.current = h);
+        v.current = h, typeof $ == "function" ? $(h) : $ && ($.current = h);
       },
-      [z]
-    ), qe = {
-      ...k ?? {},
-      "--beam-strength": Math.max(0, Math.min(1, l)),
-      ...a === "pulse-outside" ? { "--pulse-glow-sx": j.x, "--pulse-glow-sy": j.y } : {}
+      [$]
+    ), Ce = {
+      ...y ?? {},
+      "--beam-strength": Math.max(0, Math.min(1, f)),
+      ...o === "pulse-outside" ? { "--pulse-glow-sx": T.x, "--pulse-glow-sy": T.y } : {}
     };
-    return /* @__PURE__ */ he(Ce, { children: [
-      /* @__PURE__ */ ze("style", { children: Se }),
-      /* @__PURE__ */ he(
+    return /* @__PURE__ */ ve(Ie, { children: [
+      /* @__PURE__ */ We("style", { children: d ? `${$e}
+${d.split("{id}").join(x)}` : $e }),
+      /* @__PURE__ */ ve(
         "div",
         {
-          ...Y,
-          ref: Re,
-          "data-beam": $,
-          "data-active": x && !u ? "" : void 0,
-          "data-fading": u ? "" : void 0,
-          "data-paused": x && !u && !S ? "" : void 0,
-          className: d,
-          style: qe,
-          onAnimationEnd: ae,
+          ...O,
+          ref: Ge,
+          "data-beam": x,
+          "data-active": u && !z ? "" : void 0,
+          "data-fading": z ? "" : void 0,
+          "data-paused": u && !z && !j ? "" : void 0,
+          className: W,
+          style: Ce,
+          onAnimationEnd: te,
           children: [
             e,
-            /* @__PURE__ */ ze("div", { "data-beam-bloom": !0 })
+            /* @__PURE__ */ We("div", { "data-beam-bloom": !0 })
           ]
         }
       )
@@ -1921,9 +2302,9 @@ const za = Ge(
   }
 );
 export {
-  za as BorderBeam,
-  za as default,
-  Le as sizePresets,
-  ne as sizeThemePresets,
-  ha as themeColors
+  Wo as BorderBeam,
+  Wo as default,
+  Ee as sizePresets,
+  pe as sizeThemePresets,
+  vo as themeColors
 };