@almadar/ui 2.23.0 → 2.24.0

package/dist/components/index.js

@@ -1,5 +1,5 @@
-import * as React86 from 'react';
-import React86__default, { useCallback, createContext, useState, useRef, useLayoutEffect, useEffect, lazy, useContext, useMemo, useId, Suspense, useSyncExternalStore } from 'react';
+import * as React88 from 'react';
+import React88__default, { useCallback, createContext, useState, useRef, useLayoutEffect, useEffect, lazy, useContext, useMemo, useId, Suspense, useSyncExternalStore } from 'react';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import * as LucideIcons from 'lucide-react';
@@ -208,9 +208,9 @@ var variantStyles = {
     "active:scale-[var(--active-scale)] active:shadow-[var(--shadow-active)]"
   ].join(" "),
   secondary: [
-    "bg-[var(--color-secondary)] text-[var(--color-secondary-foreground)]",
-    "border-[length:var(--border-width-thin)] border-[var(--color-border)]",
-    "hover:bg-[var(--color-secondary-hover)]",
+    "bg-transparent text-[var(--color-accent)]",
+    "border-[length:var(--border-width)] border-[var(--color-accent)]",
+    "hover:bg-[var(--color-accent)] hover:text-white",
     "active:scale-[var(--active-scale)]"
   ].join(" "),
   ghost: [
@@ -268,7 +268,7 @@ function resolveIconProp(value, sizeClass) {
     const IconComp = value;
     return /* @__PURE__ */ jsx(IconComp, { className: sizeClass });
   }
-  if (React86__default.isValidElement(value)) {
+  if (React88__default.isValidElement(value)) {
     return value;
   }
   if (typeof value === "object" && value !== null && "render" in value) {
@@ -277,7 +277,7 @@ function resolveIconProp(value, sizeClass) {
   }
   return value;
 }
-var Button = React86__default.forwardRef(
+var Button = React88__default.forwardRef(
   ({
     className,
     variant = "primary",
@@ -335,7 +335,7 @@ var Button = React86__default.forwardRef(
   }
 );
 Button.displayName = "Button";
-var Input = React86__default.forwardRef(
+var Input = React88__default.forwardRef(
   ({
     className,
     inputType,
@@ -447,7 +447,7 @@ var Input = React86__default.forwardRef(
   }
 );
 Input.displayName = "Input";
-var Label = React86__default.forwardRef(
+var Label = React88__default.forwardRef(
   ({ className, required, children, ...props }, ref) => {
     return /* @__PURE__ */ jsxs(
       "label",
@@ -467,7 +467,7 @@ var Label = React86__default.forwardRef(
   }
 );
 Label.displayName = "Label";
-var Textarea = React86__default.forwardRef(
+var Textarea = React88__default.forwardRef(
   ({ className, error, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "textarea",
@@ -490,7 +490,7 @@ var Textarea = React86__default.forwardRef(
   }
 );
 Textarea.displayName = "Textarea";
-var Select = React86__default.forwardRef(
+var Select = React88__default.forwardRef(
   ({ className, options, placeholder, error, ...props }, ref) => {
     return /* @__PURE__ */ jsxs("div", { className: "relative", children: [
       /* @__PURE__ */ jsxs(
@@ -526,7 +526,7 @@ var Select = React86__default.forwardRef(
   }
 );
 Select.displayName = "Select";
-var Checkbox = React86__default.forwardRef(
+var Checkbox = React88__default.forwardRef(
   ({ className, label, id, ...props }, ref) => {
     const inputId = id || `checkbox-${Math.random().toString(36).substr(2, 9)}`;
     return /* @__PURE__ */ jsxs("div", { className: "flex items-center", children: [
@@ -600,7 +600,7 @@ var shadowStyles = {
   md: "shadow-[var(--shadow-main)]",
   lg: "shadow-[var(--shadow-lg)]"
 };
-var Card = React86__default.forwardRef(
+var Card = React88__default.forwardRef(
   ({
     className,
     variant = "bordered",
@@ -636,9 +636,9 @@ var Card = React86__default.forwardRef(
   }
 );
 Card.displayName = "Card";
-var CardHeader = React86__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("mb-4", className), ...props }));
+var CardHeader = React88__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("mb-4", className), ...props }));
 CardHeader.displayName = "CardHeader";
-var CardTitle = React86__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var CardTitle = React88__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "h3",
   {
     ref,
@@ -651,11 +651,11 @@ var CardTitle = React86__default.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 CardTitle.displayName = "CardTitle";
-var CardContent = React86__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("", className), ...props }));
+var CardContent = React88__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("", className), ...props }));
 CardContent.displayName = "CardContent";
 var CardBody = CardContent;
 CardBody.displayName = "CardBody";
-var CardFooter = React86__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var CardFooter = React88__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -701,7 +701,7 @@ var sizeStyles2 = {
   md: "px-2.5 py-1 text-sm",
   lg: "px-3 py-1.5 text-base"
 };
-var Badge = React86__default.forwardRef(
+var Badge = React88__default.forwardRef(
   ({ className, variant = "default", size = "sm", amount, label, icon, children, ...props }, ref) => {
     const iconSizes2 = { sm: "w-3 h-3", md: "w-3.5 h-3.5", lg: "w-4 h-4" };
     const resolvedIcon = typeof icon === "string" ? (() => {
@@ -734,7 +734,7 @@ var sizeStyles3 = {
   md: "h-6 w-6",
   lg: "h-8 w-8"
 };
-var Spinner = React86__default.forwardRef(
+var Spinner = React88__default.forwardRef(
   ({ className, size = "md", ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "div",
@@ -999,7 +999,7 @@ var positionStyles = {
   fixed: "fixed",
   sticky: "sticky"
 };
-var Box = React86__default.forwardRef(
+var Box = React88__default.forwardRef(
   ({
     padding,
     paddingX,
@@ -1346,7 +1346,7 @@ var ProgressBar = ({
   return null;
 };
 ProgressBar.displayName = "ProgressBar";
-var Radio = React86__default.forwardRef(
+var Radio = React88__default.forwardRef(
   ({
     label,
     helperText,
@@ -1450,7 +1450,7 @@ var Radio = React86__default.forwardRef(
   }
 );
 Radio.displayName = "Radio";
-var Switch = React86.forwardRef(
+var Switch = React88.forwardRef(
   ({
     checked,
     defaultChecked = false,
@@ -1461,10 +1461,10 @@ var Switch = React86.forwardRef(
     name,
     className
   }, ref) => {
-    const [isChecked, setIsChecked] = React86.useState(
+    const [isChecked, setIsChecked] = React88.useState(
       checked !== void 0 ? checked : defaultChecked
     );
-    React86.useEffect(() => {
+    React88.useEffect(() => {
       if (checked !== void 0) {
         setIsChecked(checked);
       }
@@ -2258,8 +2258,8 @@ var LawReferenceTooltip = ({
   position = "top",
   className
 }) => {
-  const [isVisible, setIsVisible] = React86__default.useState(false);
-  const timeoutRef = React86__default.useRef(null);
+  const [isVisible, setIsVisible] = React88__default.useState(false);
+  const timeoutRef = React88__default.useRef(null);
   const handleMouseEnter = () => {
     if (timeoutRef.current) clearTimeout(timeoutRef.current);
     timeoutRef.current = setTimeout(() => setIsVisible(true), 200);
@@ -2268,7 +2268,7 @@ var LawReferenceTooltip = ({
     if (timeoutRef.current) clearTimeout(timeoutRef.current);
     setIsVisible(false);
   };
-  React86__default.useEffect(() => {
+  React88__default.useEffect(() => {
     return () => {
       if (timeoutRef.current) clearTimeout(timeoutRef.current);
     };
@@ -2456,7 +2456,7 @@ var sizeStyles5 = {
   md: "w-2.5 h-2.5",
   lg: "w-3 h-3"
 };
-var StatusDot = React86__default.forwardRef(
+var StatusDot = React88__default.forwardRef(
   ({ className, status = "offline", pulse = false, size = "md", label, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "span",
@@ -2503,7 +2503,7 @@ var iconMap = {
   down: TrendingDown,
   flat: ArrowRight
 };
-var TrendIndicator = React86__default.forwardRef(
+var TrendIndicator = React88__default.forwardRef(
   ({
     className,
     value,
@@ -2562,7 +2562,7 @@ var thumbSizes = {
   md: "w-4 h-4",
   lg: "w-5 h-5"
 };
-var RangeSlider = React86__default.forwardRef(
+var RangeSlider = React88__default.forwardRef(
   ({
     className,
     min = 0,
@@ -3093,7 +3093,7 @@ var paddingClasses = {
   md: "py-16",
   lg: "py-24"
 };
-var ContentSection = React86__default.forwardRef(
+var ContentSection = React88__default.forwardRef(
   ({ children, background = "default", padding = "lg", id, className }, ref) => {
     return /* @__PURE__ */ jsx(
       Box,
@@ -3106,12 +3106,494 @@ var ContentSection = React86__default.forwardRef(
           paddingClasses[padding],
           className
         ),
-        children: /* @__PURE__ */ jsx(Box, { className: "mx-auto max-w-7xl px-4 sm:px-6 lg:px-8", children })
+        children
       }
     );
   }
 );
 ContentSection.displayName = "ContentSection";
+var PI = Math.PI;
+function lineIntersection(x1, y1, x2, y2, x3, y3, x4, y4) {
+  const denom = (x1 - x2) * (y3 - y4) - (y1 - y2) * (x3 - x4);
+  if (Math.abs(denom) < 1e-10) return [(x1 + x3) / 2, (y1 + y3) / 2];
+  const t = ((x1 - x3) * (y3 - y4) - (y1 - y3) * (x3 - x4)) / denom;
+  return [x1 + t * (x2 - x1), y1 + t * (y2 - y1)];
+}
+function f(n) {
+  return n.toFixed(3);
+}
+function picStar(cx, cy, R, n, theta, extent) {
+  const verts = [];
+  for (let k = 0; k < n; k++) {
+    const angle = PI / n + k * (2 * PI) / n;
+    verts.push([cx + R * Math.cos(angle), cy + R * Math.sin(angle)]);
+  }
+  const mids = [];
+  for (let k = 0; k < n; k++) {
+    const next = (k + 1) % n;
+    mids.push([(verts[k][0] + verts[next][0]) / 2, (verts[k][1] + verts[next][1]) / 2]);
+  }
+  const innerPts = [];
+  for (let k = 0; k < n; k++) {
+    const next = (k + 1) % n;
+    const M1 = mids[k];
+    const M2 = mids[next];
+    const edx1 = verts[(k + 1) % n][0] - verts[k][0];
+    const edy1 = verts[(k + 1) % n][1] - verts[k][1];
+    const elen1 = Math.sqrt(edx1 * edx1 + edy1 * edy1);
+    const tx1 = edx1 / elen1;
+    const ty1 = edy1 / elen1;
+    const r1x = tx1 * Math.cos(theta) + ty1 * Math.sin(theta);
+    const r1y = -tx1 * Math.sin(theta) + ty1 * Math.cos(theta);
+    const edx2 = verts[(next + 1) % n][0] - verts[next][0];
+    const edy2 = verts[(next + 1) % n][1] - verts[next][1];
+    const elen2 = Math.sqrt(edx2 * edx2 + edy2 * edy2);
+    const tx2 = edx2 / elen2;
+    const ty2 = edy2 / elen2;
+    const bTheta = PI - theta;
+    const r2x = tx2 * Math.cos(bTheta) + ty2 * Math.sin(bTheta);
+    const r2y = -tx2 * Math.sin(bTheta) + ty2 * Math.cos(bTheta);
+    const P = lineIntersection(
+      M1[0],
+      M1[1],
+      M1[0] + r1x * extent,
+      M1[1] + r1y * extent,
+      M2[0],
+      M2[1],
+      M2[0] + r2x * extent,
+      M2[1] + r2y * extent
+    );
+    innerPts.push(P);
+  }
+  const starPath = mids.map((m, k) => {
+    const inner = innerPts[k];
+    const nextMid = mids[(k + 1) % n];
+    return `M ${f(m[0])},${f(m[1])} L ${f(inner[0])},${f(inner[1])} L ${f(nextMid[0])},${f(nextMid[1])}`;
+  }).join(" ");
+  return { starPath, mids, verts };
+}
+function Star8({ size, color, strokeWidth }) {
+  const s = size;
+  const cx = s / 2;
+  const cy = s / 2;
+  const a = s / (1 + Math.SQRT2);
+  const R = a / (2 * Math.sin(PI / 8));
+  const theta = 67.5 * PI / 180;
+  const { starPath, mids } = picStar(cx, cy, R, 8, theta, s);
+  const corners = [[0, 0], [s, 0], [s, s], [0, s]];
+  const crossPaths = [];
+  for (const [cornX, cornY] of corners) {
+    const dists = mids.map((m, i) => ({ i, d: Math.hypot(m[0] - cornX, m[1] - cornY) }));
+    dists.sort((a2, b) => a2.d - b.d);
+    const m1 = mids[dists[0].i];
+    const m2 = mids[dists[1].i];
+    crossPaths.push(`M ${f(m1[0])},${f(m1[1])} L ${f(cornX)},${f(cornY)} L ${f(m2[0])},${f(m2[1])}`);
+  }
+  return /* @__PURE__ */ jsxs("g", { fill: "none", stroke: color, strokeWidth, children: [
+    /* @__PURE__ */ jsx("path", { d: starPath }),
+    crossPaths.map((d, i) => /* @__PURE__ */ jsx("path", { d }, i))
+  ] });
+}
+function Star6({ size, color, strokeWidth }) {
+  const w = size;
+  const h = size * (2 / Math.sqrt(3));
+  const cx = w / 2;
+  const cy = h / 2;
+  const a = w / Math.sqrt(3);
+  const R = a;
+  const theta = 60 * PI / 180;
+  const { starPath, mids, verts } = picStar(cx, cy, R, 6, theta, w);
+  const triPaths = [];
+  for (let k = 0; k < 6; k++) {
+    const v = verts[k];
+    const m1 = mids[(k + 5) % 6];
+    const m2 = mids[k];
+    triPaths.push(`M ${f(m1[0])},${f(m1[1])} L ${f(v[0])},${f(v[1])} L ${f(m2[0])},${f(m2[1])}`);
+  }
+  return /* @__PURE__ */ jsxs("g", { fill: "none", stroke: color, strokeWidth, children: [
+    /* @__PURE__ */ jsx("path", { d: starPath }),
+    triPaths.map((d, i) => /* @__PURE__ */ jsx("path", { d }, i))
+  ] });
+}
+function Khatam({ size, color, strokeWidth }) {
+  const s = size;
+  const cx = s / 2;
+  const cy = s / 2;
+  const a = s / (1 + Math.SQRT2);
+  const R = a / (2 * Math.sin(PI / 8));
+  const theta = 72 * PI / 180;
+  const { starPath, mids } = picStar(cx, cy, R, 8, theta, s);
+  const corners = [[0, 0], [s, 0], [s, s], [0, s]];
+  const crossPaths = [];
+  for (const [cornX, cornY] of corners) {
+    const dists = mids.map((m, i) => ({ i, d: Math.hypot(m[0] - cornX, m[1] - cornY) }));
+    dists.sort((a2, b) => a2.d - b.d);
+    const m1 = mids[dists[0].i];
+    const m2 = mids[dists[1].i];
+    crossPaths.push(`M ${f(m1[0])},${f(m1[1])} L ${f(cornX)},${f(cornY)} L ${f(m2[0])},${f(m2[1])}`);
+  }
+  const orbitR = R * 0.35;
+  return /* @__PURE__ */ jsxs("g", { fill: "none", stroke: color, strokeWidth, children: [
+    /* @__PURE__ */ jsx("path", { d: starPath }),
+    crossPaths.map((d, i) => /* @__PURE__ */ jsx("path", { d }, i)),
+    /* @__PURE__ */ jsx("circle", { cx, cy, r: orbitR, opacity: "0.4" })
+  ] });
+}
+function RosetteDouble({ size, color, strokeWidth }) {
+  const s = size;
+  const cx = s / 2;
+  const cy = s / 2;
+  const a = s / (1 + Math.SQRT2);
+  const Router = a / (2 * Math.sin(PI / 8));
+  const Rinner = Router * 0.45;
+  const outer = picStar(cx, cy, Router, 8, 72 * PI / 180, s);
+  const inner = picStar(cx, cy, Rinner, 8, 68 * PI / 180, s);
+  const corners = [[0, 0], [s, 0], [s, s], [0, s]];
+  const crossPaths = [];
+  for (const [cornX, cornY] of corners) {
+    const dists = outer.mids.map((m, i) => ({ i, d: Math.hypot(m[0] - cornX, m[1] - cornY) }));
+    dists.sort((a2, b) => a2.d - b.d);
+    const m1 = outer.mids[dists[0].i];
+    const m2 = outer.mids[dists[1].i];
+    crossPaths.push(`M ${f(m1[0])},${f(m1[1])} L ${f(cornX)},${f(cornY)} L ${f(m2[0])},${f(m2[1])}`);
+  }
+  const connectors = [];
+  for (let k = 0; k < 8; k++) {
+    const om = outer.mids[k];
+    const im = inner.mids[k];
+    connectors.push(`M ${f(im[0])},${f(im[1])} L ${f(om[0])},${f(om[1])}`);
+  }
+  return /* @__PURE__ */ jsxs("g", { fill: "none", stroke: color, strokeWidth, children: [
+    /* @__PURE__ */ jsx("path", { d: outer.starPath }),
+    /* @__PURE__ */ jsx("path", { d: inner.starPath, opacity: "0.7" }),
+    crossPaths.map((d, i) => /* @__PURE__ */ jsx("path", { d }, `c${i}`)),
+    connectors.map((d, i) => /* @__PURE__ */ jsx("path", { d, opacity: "0.4" }, `n${i}`))
+  ] });
+}
+function RosetteFilled({ size, color, strokeWidth }) {
+  const s = size;
+  const cx = s / 2;
+  const cy = s / 2;
+  const a = s / (1 + Math.SQRT2);
+  const Router = a / (2 * Math.sin(PI / 8));
+  const theta = 72 * PI / 180;
+  const outer = picStar(cx, cy, Router, 8, theta, s);
+  const Rinner = Router * 0.35;
+  const inner6 = picStar(cx, cy, Rinner, 6, 60 * PI / 180, s);
+  const corners = [[0, 0], [s, 0], [s, s], [0, s]];
+  const crossPaths = [];
+  for (const [cornX, cornY] of corners) {
+    const dists = outer.mids.map((m, i) => ({ i, d: Math.hypot(m[0] - cornX, m[1] - cornY) }));
+    dists.sort((a2, b) => a2.d - b.d);
+    const m1 = outer.mids[dists[0].i];
+    const m2 = outer.mids[dists[1].i];
+    crossPaths.push(`M ${f(m1[0])},${f(m1[1])} L ${f(cornX)},${f(cornY)} L ${f(m2[0])},${f(m2[1])}`);
+  }
+  const triPaths = [];
+  for (let k = 0; k < 6; k++) {
+    const v = inner6.verts[k];
+    const m1 = inner6.mids[(k + 5) % 6];
+    const m2 = inner6.mids[k];
+    triPaths.push(`M ${f(m1[0])},${f(m1[1])} L ${f(v[0])},${f(v[1])} L ${f(m2[0])},${f(m2[1])}`);
+  }
+  const orbitR = Router * 0.35;
+  return /* @__PURE__ */ jsxs("g", { fill: "none", stroke: color, strokeWidth, children: [
+    /* @__PURE__ */ jsx("path", { d: outer.starPath }),
+    crossPaths.map((d, i) => /* @__PURE__ */ jsx("path", { d }, `c${i}`)),
+    /* @__PURE__ */ jsx("circle", { cx, cy, r: orbitR, opacity: "0.3" }),
+    /* @__PURE__ */ jsx("path", { d: inner6.starPath, opacity: "0.6" }),
+    triPaths.map((d, i) => /* @__PURE__ */ jsx("path", { d, opacity: "0.5" }, `t${i}`))
+  ] });
+}
+function Star10({ size, color, strokeWidth }) {
+  const s = size;
+  const cx = s / 2;
+  const cy = s / 2;
+  const R = s * 0.42;
+  const theta = 72 * PI / 180;
+  const { starPath, mids, verts } = picStar(cx, cy, R, 10, theta, s);
+  const edgePaths = [];
+  for (let k = 0; k < 10; k++) {
+    const v = verts[k];
+    const m1 = mids[(k + 9) % 10];
+    const m2 = mids[k];
+    edgePaths.push(`M ${f(m1[0])},${f(m1[1])} L ${f(v[0])},${f(v[1])} L ${f(m2[0])},${f(m2[1])}`);
+  }
+  return /* @__PURE__ */ jsxs("g", { fill: "none", stroke: color, strokeWidth, children: [
+    /* @__PURE__ */ jsx("path", { d: starPath }),
+    edgePaths.map((d, i) => /* @__PURE__ */ jsx("path", { d }, i))
+  ] });
+}
+function Star12({ size, color, strokeWidth }) {
+  const s = size;
+  const cx = s / 2;
+  const cy = s / 2;
+  const R = s * 0.44;
+  const theta = 75 * PI / 180;
+  const { starPath, mids, verts } = picStar(cx, cy, R, 12, theta, s);
+  const triPaths = [];
+  for (let k = 0; k < 12; k++) {
+    const v = verts[k];
+    const m1 = mids[(k + 11) % 12];
+    const m2 = mids[k];
+    triPaths.push(`M ${f(m1[0])},${f(m1[1])} L ${f(v[0])},${f(v[1])} L ${f(m2[0])},${f(m2[1])}`);
+  }
+  return /* @__PURE__ */ jsxs("g", { fill: "none", stroke: color, strokeWidth, children: [
+    /* @__PURE__ */ jsx("path", { d: starPath }),
+    triPaths.map((d, i) => /* @__PURE__ */ jsx("path", { d }, i))
+  ] });
+}
+function Seigaiha({ size, color, strokeWidth }) {
+  const s = size;
+  const r = s / 2;
+  const paths = [];
+  const centers = [
+    [s / 2, s * 0.6],
+    [0, s * 0.1],
+    [s, s * 0.1]
+  ];
+  for (const [cx, cy] of centers) {
+    for (let ring = 1; ring <= 3; ring++) {
+      const cr = r * (ring / 3);
+      paths.push(
+        `M ${f(cx - cr)},${f(cy)} A ${f(cr)} ${f(cr)} 0 0 1 ${f(cx + cr)},${f(cy)}`
+      );
+    }
+  }
+  return /* @__PURE__ */ jsx("g", { fill: "none", stroke: color, strokeWidth, children: paths.map((d, i) => /* @__PURE__ */ jsx("path", { d }, i)) });
+}
+function GreekKey({ size, color, strokeWidth }) {
+  const s = size;
+  const u = s / 4;
+  const paths = [
+    // Outer frame
+    `M 0,0 L ${f(s)},0`,
+    `M 0,${f(s)} L ${f(s)},${f(s)}`,
+    // Spiral from left
+    `M 0,${f(u)} L ${f(3 * u)},${f(u)} L ${f(3 * u)},${f(3 * u)} L ${f(u)},${f(3 * u)} L ${f(u)},${f(2 * u)} L ${f(2 * u)},${f(2 * u)}`,
+    // Spiral from right (mirrored, offset)
+    `M ${f(s)},${f(3 * u)} L ${f(s - 3 * u)},${f(3 * u)} L ${f(s - 3 * u)},${f(u)} L ${f(s - u)},${f(u)} L ${f(s - u)},${f(2 * u)} L ${f(s - 2 * u)},${f(2 * u)}`,
+    // Vertical connectors at edges
+    `M 0,0 L 0,${f(u)}`,
+    `M ${f(s)},0 L ${f(s)},${f(u)}`,
+    `M 0,${f(3 * u)} L 0,${f(s)}`,
+    `M ${f(s)},${f(3 * u)} L ${f(s)},${f(s)}`
+  ];
+  return /* @__PURE__ */ jsx("g", { fill: "none", stroke: color, strokeWidth, children: paths.map((d, i) => /* @__PURE__ */ jsx("path", { d }, i)) });
+}
+function CelticKnot({ size, color, strokeWidth }) {
+  const s = size;
+  const q = s / 4;
+  const r = q * 0.9;
+  const paths = [
+    // Band 1: diagonal with curves at crossings
+    `M 0,0 Q ${f(q)},${f(q)} ${f(2 * q)},${f(2 * q)}`,
+    `M ${f(2 * q)},${f(2 * q)} Q ${f(3 * q)},${f(3 * q)} ${f(s)},${f(s)}`,
+    // Band 2: other diagonal
+    `M ${f(s)},0 Q ${f(3 * q)},${f(q)} ${f(2 * q)},${f(2 * q)}`,
+    `M ${f(2 * q)},${f(2 * q)} Q ${f(q)},${f(3 * q)} 0,${f(s)}`,
+    // Outer loops that connect bands at tile edges for continuous weave
+    `M 0,0 Q ${f(-q * 0.3)},${f(2 * q)} 0,${f(s)}`,
+    `M ${f(s)},0 Q ${f(s + q * 0.3)},${f(2 * q)} ${f(s)},${f(s)}`,
+    `M 0,0 Q ${f(2 * q)},${f(-q * 0.3)} ${f(s)},0`,
+    `M 0,${f(s)} Q ${f(2 * q)},${f(s + q * 0.3)} ${f(s)},${f(s)}`,
+    // Inner circle at crossing
+    `M ${f(2 * q + r * 0.3)},${f(2 * q)} A ${f(r * 0.3)} ${f(r * 0.3)} 0 1 1 ${f(2 * q + r * 0.3)},${f(2 * q + 1e-3)}`
+  ];
+  return /* @__PURE__ */ jsx("g", { fill: "none", stroke: color, strokeWidth, children: paths.map((d, i) => /* @__PURE__ */ jsx("path", { d }, i)) });
+}
+function Kolam({ size, color, strokeWidth }) {
+  const s = size;
+  const u = s / 4;
+  const dotR = s * 0.015;
+  const dots = [];
+  for (let row = 1; row <= 3; row++) {
+    for (let col = 1; col <= 3; col++) {
+      dots.push([col * u, row * u]);
+    }
+  }
+  const curves = [];
+  for (let row = 1; row <= 3; row++) {
+    const y = row * u;
+    for (let col = 1; col < 3; col++) {
+      const x1 = col * u;
+      const x2 = (col + 1) * u;
+      const mx = (x1 + x2) / 2;
+      const bulge = u * 0.4;
+      curves.push(`M ${f(x1)},${f(y)} C ${f(mx)},${f(y - bulge)} ${f(mx)},${f(y - bulge)} ${f(x2)},${f(y)}`);
+      curves.push(`M ${f(x1)},${f(y)} C ${f(mx)},${f(y + bulge)} ${f(mx)},${f(y + bulge)} ${f(x2)},${f(y)}`);
+    }
+  }
+  for (let col = 1; col <= 3; col++) {
+    const x = col * u;
+    for (let row = 1; row < 3; row++) {
+      const y1 = row * u;
+      const y2 = (row + 1) * u;
+      const my = (y1 + y2) / 2;
+      const bulge = u * 0.4;
+      curves.push(`M ${f(x)},${f(y1)} C ${f(x - bulge)},${f(my)} ${f(x - bulge)},${f(my)} ${f(x)},${f(y2)}`);
+      curves.push(`M ${f(x)},${f(y1)} C ${f(x + bulge)},${f(my)} ${f(x + bulge)},${f(my)} ${f(x)},${f(y2)}`);
+    }
+  }
+  for (let k = 1; k <= 3; k++) {
+    curves.push(`M ${f(k * u)},${f(u)} C ${f(k * u)},${f(u * 0.5)} ${f(k * u)},${f(u * 0.5)} ${f(k * u)},0`);
+    curves.push(`M ${f(k * u)},${f(3 * u)} C ${f(k * u)},${f(3.5 * u)} ${f(k * u)},${f(3.5 * u)} ${f(k * u)},${f(s)}`);
+    curves.push(`M ${f(u)},${f(k * u)} C ${f(u * 0.5)},${f(k * u)} ${f(u * 0.5)},${f(k * u)} 0,${f(k * u)}`);
+    curves.push(`M ${f(3 * u)},${f(k * u)} C ${f(3.5 * u)},${f(k * u)} ${f(3.5 * u)},${f(k * u)} ${f(s)},${f(k * u)}`);
+  }
+  return /* @__PURE__ */ jsxs("g", { fill: "none", stroke: color, strokeWidth, children: [
+    curves.map((d, i) => /* @__PURE__ */ jsx("path", { d }, `c${i}`)),
+    dots.map(([x, y], i) => /* @__PURE__ */ jsx("circle", { cx: x, cy: y, r: dotR, fill: color, opacity: "0.5" }, `d${i}`))
+  ] });
+}
+function Arch({ size, color, strokeWidth }) {
+  const w = size;
+  const h = size * 1.5;
+  const cx = w / 2;
+  const paths = [];
+  for (let ring = 0; ring < 4; ring++) {
+    const scale = 1 - ring * 0.2;
+    const archW = w * 0.48 * scale;
+    const archH = h * 0.7 * scale;
+    const baseY = h * 0.85;
+    const tipY = baseY - archH;
+    const lx = cx - archW;
+    const rx = cx + archW;
+    const offset = archW * 0.3;
+    const lcx = lx + offset;
+    const rdx = cx - lcx;
+    const rdy = baseY - tipY;
+    const radius = Math.sqrt(rdx * rdx + rdy * rdy);
+    paths.push(
+      `M ${f(lx)},${f(baseY)} A ${f(radius)} ${f(radius)} 0 0 1 ${f(cx)},${f(tipY)} A ${f(radius)} ${f(radius)} 0 0 1 ${f(rx)},${f(baseY)}`
+    );
+    if (ring === 0) {
+      paths.push(`M ${f(lx)},${f(baseY)} L ${f(rx)},${f(baseY)}`);
+    }
+  }
+  const innerScale = 1 - 3 * 0.2;
+  const keyR = w * 0.48 * innerScale * 0.35;
+  const keyY = h * 0.85 - h * 0.7 * innerScale * 0.4;
+  paths.push(
+    `M ${f(cx + keyR)},${f(keyY)} A ${f(keyR)} ${f(keyR)} 0 1 1 ${f(cx + keyR)},${f(keyY + 1e-3)}`
+  );
+  const spR = w * 0.15;
+  paths.push(`M 0,0 A ${f(spR)} ${f(spR)} 0 0 0 ${f(spR)},${f(spR)}`);
+  paths.push(`M ${f(w)},0 A ${f(spR)} ${f(spR)} 0 0 1 ${f(w - spR)},${f(spR)}`);
+  return /* @__PURE__ */ jsx("g", { fill: "none", stroke: color, strokeWidth, children: paths.map((d, i) => /* @__PURE__ */ jsx("path", { d }, i)) });
+}
+function ArabesqueVine({ size, color, strokeWidth }) {
+  const w = size;
+  const h = size * 1.2;
+  const cx = w / 2;
+  const paths = [];
+  const amp = w * 0.3;
+  const segments = 3;
+  const segH = h / segments;
+  for (let i = 0; i < segments; i++) {
+    const y0 = i * segH;
+    const y1 = y0 + segH;
+    const dir = i % 2 === 0 ? 1 : -1;
+    paths.push(
+      `M ${f(cx)},${f(y0)} C ${f(cx + amp * dir)},${f(y0 + segH * 0.33)} ${f(cx - amp * dir)},${f(y0 + segH * 0.66)} ${f(cx)},${f(y1)}`
+    );
+    const branchY = y0 + segH * 0.5;
+    const branchX = cx + amp * dir * 0.15;
+    const tendrilLen = w * 0.25;
+    const tlx = branchX - tendrilLen;
+    const tly = branchY - tendrilLen * 0.4;
+    paths.push(
+      `M ${f(branchX)},${f(branchY)} C ${f(branchX - tendrilLen * 0.5)},${f(branchY - tendrilLen * 0.8)} ${f(tlx - tendrilLen * 0.2)},${f(tly + tendrilLen * 0.3)} ${f(tlx)},${f(tly)}`
+    );
+    paths.push(
+      `M ${f(tlx)},${f(tly)} C ${f(tlx + tendrilLen * 0.3)},${f(tly + tendrilLen * 0.5)} ${f(branchX - tendrilLen * 0.2)},${f(branchY + tendrilLen * 0.3)} ${f(branchX)},${f(branchY)}`
+    );
+    const trx = branchX + tendrilLen;
+    const try_ = branchY + tendrilLen * 0.4;
+    paths.push(
+      `M ${f(branchX)},${f(branchY)} C ${f(branchX + tendrilLen * 0.5)},${f(branchY + tendrilLen * 0.8)} ${f(trx + tendrilLen * 0.2)},${f(try_ - tendrilLen * 0.3)} ${f(trx)},${f(try_)}`
+    );
+    paths.push(
+      `M ${f(trx)},${f(try_)} C ${f(trx - tendrilLen * 0.3)},${f(try_ - tendrilLen * 0.5)} ${f(branchX + tendrilLen * 0.2)},${f(branchY - tendrilLen * 0.3)} ${f(branchX)},${f(branchY)}`
+    );
+    const spiralR = tendrilLen * 0.15;
+    paths.push(
+      `M ${f(tlx)},${f(tly)} A ${f(spiralR)} ${f(spiralR)} 0 1 0 ${f(tlx + spiralR * 2)},${f(tly)}`
+    );
+    paths.push(
+      `M ${f(trx)},${f(try_)} A ${f(spiralR)} ${f(spiralR)} 0 1 1 ${f(trx - spiralR * 2)},${f(try_)}`
+    );
+  }
+  return /* @__PURE__ */ jsx("g", { fill: "none", stroke: color, strokeWidth, children: paths.map((d, i) => /* @__PURE__ */ jsx("path", { d }, i)) });
+}
+function ArabesqueNet({ size, color, strokeWidth }) {
+  const s = size;
+  const cells = 4;
+  const cellW = s / cells;
+  const cellH = s / cells;
+  const paths = [];
+  for (let row = 0; row < cells; row++) {
+    for (let col = 0; col < cells; col++) {
+      const cx = col * cellW + cellW / 2;
+      const cy = row * cellH + cellH / 2;
+      const hw = cellW * 0.5;
+      const hh = cellH * 0.5;
+      const bulge = cellW * 0.25;
+      paths.push(
+        `M ${f(cx)},${f(cy - hh)} Q ${f(cx + bulge)},${f(cy - bulge)} ${f(cx + hw)},${f(cy)}`
+      );
+      paths.push(
+        `M ${f(cx + hw)},${f(cy)} Q ${f(cx + bulge)},${f(cy + bulge)} ${f(cx)},${f(cy + hh)}`
+      );
+      paths.push(
+        `M ${f(cx)},${f(cy + hh)} Q ${f(cx - bulge)},${f(cy + bulge)} ${f(cx - hw)},${f(cy)}`
+      );
+      paths.push(
+        `M ${f(cx - hw)},${f(cy)} Q ${f(cx - bulge)},${f(cy - bulge)} ${f(cx)},${f(cy - hh)}`
+      );
+    }
+  }
+  return /* @__PURE__ */ jsx("g", { fill: "none", stroke: color, strokeWidth, children: paths.map((d, i) => /* @__PURE__ */ jsx("path", { d }, i)) });
+}
+var VARIANT_MAP = {
+  "star8": Star8,
+  "star6": Star6,
+  "khatam": Khatam,
+  "star10": Star10,
+  "star12": Star12,
+  "rosette-double": RosetteDouble,
+  "rosette-filled": RosetteFilled,
+  "seigaiha": Seigaiha,
+  "greek-key": GreekKey,
+  "celtic-knot": CelticKnot,
+  "kolam": Kolam,
+  "arch": Arch,
+  "arabesque-vine": ArabesqueVine,
+  "arabesque-net": ArabesqueNet
+};
+var PatternTile = ({
+  variant = "star8",
+  size = 60,
+  color = "var(--color-primary)",
+  strokeWidth = 0.5,
+  className
+}) => {
+  const Variant = VARIANT_MAP[variant];
+  return /* @__PURE__ */ jsx("g", { className, children: /* @__PURE__ */ jsx(Variant, { size, color, strokeWidth }) });
+};
+PatternTile.displayName = "PatternTile";
+function getTileDimensions(variant, size) {
+  if (variant === "star6") {
+    return { width: size, height: size * (2 / Math.sqrt(3)) };
+  }
+  if (variant === "arch") {
+    return { width: size, height: size * 1.5 };
+  }
+  if (variant === "arabesque-vine") {
+    return { width: size, height: size * 1.2 };
+  }
+  return { width: size, height: size };
+}
 var heartIcon = (filled, size) => /* @__PURE__ */ jsx(
   "svg",
   {
@@ -3196,9 +3678,9 @@ function ScoreDisplay({
   ...rest
 }) {
   const resolvedValue = typeof value === "number" && !Number.isNaN(value) ? value : typeof rest.score === "number" && !Number.isNaN(rest.score) ? rest.score : 0;
-  const [displayValue, setDisplayValue] = React86.useState(resolvedValue);
-  const [isAnimating, setIsAnimating] = React86.useState(false);
-  React86.useEffect(() => {
+  const [displayValue, setDisplayValue] = React88.useState(resolvedValue);
+  const [isAnimating, setIsAnimating] = React88.useState(false);
+  React88.useEffect(() => {
     if (!animated || displayValue === resolvedValue) {
       setDisplayValue(resolvedValue);
       return;
@@ -3271,9 +3753,9 @@ function ControlButton({
   className
 }) {
   const eventBus = useEventBus();
-  const [isPressed, setIsPressed] = React86.useState(false);
+  const [isPressed, setIsPressed] = React88.useState(false);
   const actualPressed = pressed ?? isPressed;
-  const handlePointerDown = React86.useCallback(
+  const handlePointerDown = React88.useCallback(
     (e) => {
       e.preventDefault();
       if (disabled) return;
@@ -3283,7 +3765,7 @@ function ControlButton({
     },
     [disabled, pressEvent, eventBus, onPress]
   );
-  const handlePointerUp = React86.useCallback(
+  const handlePointerUp = React88.useCallback(
     (e) => {
       e.preventDefault();
       if (disabled) return;
@@ -3293,7 +3775,7 @@ function ControlButton({
     },
     [disabled, releaseEvent, eventBus, onRelease]
   );
-  const handlePointerLeave = React86.useCallback(
+  const handlePointerLeave = React88.useCallback(
     (e) => {
       if (isPressed) {
         setIsPressed(false);
@@ -4119,9 +4601,9 @@ function MiniMap({
   viewportRect,
   className
 }) {
-  const canvasRef = React86.useRef(null);
-  const frameRef = React86.useRef(0);
-  React86.useEffect(() => {
+  const canvasRef = React88.useRef(null);
+  const frameRef = React88.useRef(0);
+  React88.useEffect(() => {
     const canvas = canvasRef.current;
     if (!canvas) return;
     const ctx = canvas.getContext("2d");
@@ -4362,7 +4844,7 @@ var ErrorState = ({
   );
 };
 ErrorState.displayName = "ErrorState";
-var ErrorBoundary = class extends React86__default.Component {
+var ErrorBoundary = class extends React88__default.Component {
   constructor(props) {
     super(props);
     __publicField(this, "reset", () => {
@@ -5337,7 +5819,7 @@ var FilterGroup = ({
       ) }, filter.field)),
       activeFilterCount > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
         Object.entries(selectedValues).map(([field, value]) => {
-          const filterDef = filters.find((f) => f.field === field);
+          const filterDef = filters.find((f3) => f3.field === field);
           return /* @__PURE__ */ jsxs(
             Badge,
             {
@@ -6098,8 +6580,8 @@ var Menu = ({
     "bottom-start": "top-full left-0 mt-2",
     "bottom-end": "top-full right-0 mt-2"
   };
-  const triggerChild = React86__default.isValidElement(trigger) ? trigger : /* @__PURE__ */ jsx("span", { children: trigger });
-  const triggerElement = React86__default.cloneElement(
+  const triggerChild = React88__default.isValidElement(trigger) ? trigger : /* @__PURE__ */ jsx("span", { children: trigger });
+  const triggerElement = React88__default.cloneElement(
     triggerChild,
     {
       ref: triggerRef,
@@ -6604,8 +7086,8 @@ var Popover = ({
     onMouseEnter: handleOpen,
     onMouseLeave: handleClose
   };
-  const childElement = React86__default.isValidElement(children) ? children : /* @__PURE__ */ jsx("span", { children });
-  const triggerElement = React86__default.cloneElement(
+  const childElement = React88__default.isValidElement(children) ? children : /* @__PURE__ */ jsx("span", { children });
+  const triggerElement = React88__default.cloneElement(
     childElement,
     {
       ref: triggerRef,
@@ -7360,8 +7842,8 @@ var Tooltip = ({
       if (hideTimeoutRef.current) clearTimeout(hideTimeoutRef.current);
     };
   }, []);
-  const triggerElement = React86__default.isValidElement(children) ? children : /* @__PURE__ */ jsx("span", { children });
-  const trigger = React86__default.cloneElement(triggerElement, {
+  const triggerElement = React88__default.isValidElement(children) ? children : /* @__PURE__ */ jsx("span", { children });
+  const trigger = React88__default.cloneElement(triggerElement, {
     ref: triggerRef,
     onMouseEnter: handleMouseEnter,
     onMouseLeave: handleMouseLeave,
@@ -7610,7 +8092,7 @@ var WizardProgress = ({
       children: /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: steps.map((step, index) => {
         const isActive = index === currentStep;
         const isCompleted = index < currentStep;
-        return /* @__PURE__ */ jsxs(React86__default.Fragment, { children: [
+        return /* @__PURE__ */ jsxs(React88__default.Fragment, { children: [
           /* @__PURE__ */ jsx(
             "button",
             {
@@ -7740,7 +8222,7 @@ var WizardNavigation = ({
   );
 };
 WizardNavigation.displayName = "WizardNavigation";
-var MarkdownContent = React86__default.memo(
+var MarkdownContent = React88__default.memo(
   ({ content, direction, className }) => {
     const { t: _t } = useTranslate();
     return /* @__PURE__ */ jsx(
@@ -7841,7 +8323,7 @@ var MarkdownContent = React86__default.memo(
   (prev, next) => prev.content === next.content && prev.className === next.className && prev.direction === next.direction
 );
 MarkdownContent.displayName = "MarkdownContent";
-var CodeBlock = React86__default.memo(
+var CodeBlock = React88__default.memo(
   ({
     code,
     language = "text",
@@ -8961,8 +9443,8 @@ function DPad({
 }) {
   const eventBus = useEventBus();
   const sizes = sizeMap15[size];
-  const [activeDirections, setActiveDirections] = React86.useState(/* @__PURE__ */ new Set());
-  const handlePress = React86.useCallback(
+  const [activeDirections, setActiveDirections] = React88.useState(/* @__PURE__ */ new Set());
+  const handlePress = React88.useCallback(
     (direction) => {
       setActiveDirections((prev) => new Set(prev).add(direction));
       if (directionEvent) eventBus.emit(`UI:${directionEvent}`, { direction, pressed: true });
@@ -8970,7 +9452,7 @@ function DPad({
     },
     [directionEvent, eventBus, onDirection]
   );
-  const handleRelease = React86.useCallback(
+  const handleRelease = React88.useCallback(
     (direction) => {
       setActiveDirections((prev) => {
         const next = new Set(prev);
@@ -9028,8 +9510,8 @@ function ActionButtons({
   disabled
 }) {
   const eventBus = useEventBus();
-  const [activeButtons, setActiveButtons] = React86.useState(/* @__PURE__ */ new Set());
-  const handlePress = React86.useCallback(
+  const [activeButtons, setActiveButtons] = React88.useState(/* @__PURE__ */ new Set());
+  const handlePress = React88.useCallback(
     (id) => {
       setActiveButtons((prev) => new Set(prev).add(id));
       if (actionEvent) eventBus.emit(`UI:${actionEvent}`, { id, pressed: true });
@@ -9037,7 +9519,7 @@ function ActionButtons({
     },
     [actionEvent, eventBus, onAction]
   );
-  const handleRelease = React86.useCallback(
+  const handleRelease = React88.useCallback(
     (id) => {
       setActiveButtons((prev) => {
         const next = new Set(prev);
@@ -9222,7 +9704,7 @@ function InventoryGrid({
   const eventBus = useEventBus();
   const slotCount = totalSlots ?? items.length;
   const emptySlotCount = Math.max(0, slotCount - items.length);
-  const handleSelect = React86.useCallback(
+  const handleSelect = React88.useCallback(
     (id) => {
       onSelect?.(id);
       if (selectEvent) {
@@ -9346,7 +9828,7 @@ function CraftingRecipe({
   className
 }) {
   const eventBus = useEventBus();
-  const handleCraft = React86.useCallback(() => {
+  const handleCraft = React88.useCallback(() => {
     onCraft?.();
     if (craftEvent) {
       eventBus.emit(craftEvent, { output: output.label });
@@ -9363,7 +9845,7 @@ function CraftingRecipe({
       children: [
         /* @__PURE__ */ jsx(HStack, { gap: "xs", className: "flex-wrap items-center", children: inputs.map((ingredient, index) => {
           const hasSufficient = ingredient.available >= ingredient.required;
-          return /* @__PURE__ */ jsxs(React86.Fragment, { children: [
+          return /* @__PURE__ */ jsxs(React88.Fragment, { children: [
             /* @__PURE__ */ jsx(Box, { className: "relative", children: /* @__PURE__ */ jsx(
               ItemSlot,
               {
@@ -9465,15 +9947,15 @@ function GameCanvas2D({
   fps = 60,
   className
 }) {
-  const canvasRef = React86.useRef(null);
-  const rafRef = React86.useRef(0);
-  const frameRef = React86.useRef(0);
-  const lastTimeRef = React86.useRef(0);
-  const onDrawRef = React86.useRef(onDraw);
+  const canvasRef = React88.useRef(null);
+  const rafRef = React88.useRef(0);
+  const frameRef = React88.useRef(0);
+  const lastTimeRef = React88.useRef(0);
+  const onDrawRef = React88.useRef(onDraw);
   onDrawRef.current = onDraw;
-  const onTickRef = React86.useRef(onTick);
+  const onTickRef = React88.useRef(onTick);
   onTickRef.current = onTick;
-  React86.useEffect(() => {
+  React88.useEffect(() => {
     const canvas = canvasRef.current;
     if (!canvas) return;
     const ctx = canvas.getContext("2d");
@@ -9726,7 +10208,7 @@ function TurnPanel({
   className
 }) {
   const eventBus = useEventBus();
-  const handleAction = React86.useCallback(
+  const handleAction = React88.useCallback(
     (event) => {
       if (event) {
         eventBus.emit(event, { turn: currentTurn, phase, activeTeam });
@@ -9851,7 +10333,7 @@ function UnitCommandBar({
   className
 }) {
   const eventBus = useEventBus();
-  const handleCommand = React86.useCallback(
+  const handleCommand = React88.useCallback(
     (event) => {
       if (event) {
         eventBus.emit(event, { unitId: selectedUnitId });
@@ -10389,7 +10871,7 @@ function GameMenu({
   } catch {
   }
   const eventBus = eventBusProp || eventBusFromHook;
-  const handleOptionClick = React86.useCallback(
+  const handleOptionClick = React88.useCallback(
     (option) => {
       if (option.event && eventBus) {
         eventBus.emit(`UI:${option.event}`, { option });
@@ -10512,7 +10994,7 @@ function GameOverScreen({
   } catch {
   }
   const eventBus = eventBusProp || eventBusFromHook;
-  const handleActionClick = React86.useCallback(
+  const handleActionClick = React88.useCallback(
     (action) => {
       if (action.event && eventBus) {
         eventBus.emit(`UI:${action.event}`, { action });
@@ -11149,10 +11631,10 @@ function IsometricCanvas({
     [unitsProp]
   );
   const features = useMemo(
-    () => featuresProp.map((f) => {
-      if (f.type) return f;
-      const raw = f;
-      return raw.featureType ? { ...f, type: raw.featureType } : f;
+    () => featuresProp.map((f3) => {
+      if (f3.type) return f3;
+      const raw = f3;
+      return raw.featureType ? { ...f3, type: raw.featureType } : f3;
     }),
     [featuresProp]
   );
@@ -12629,7 +13111,7 @@ var UploadDropZone = ({
         if (action) {
           eventBus.emit(`UI:${action}`, {
             ...actionPayload,
-            files: valid.map((f) => ({ name: f.name, size: f.size, type: f.type }))
+            files: valid.map((f3) => ({ name: f3.name, size: f3.size, type: f3.type }))
           });
         }
       }
@@ -13012,9 +13494,9 @@ var DataGrid = ({
       return next;
     });
   }, [data, selectionEvent, eventBus]);
-  const titleField = fields.find((f) => f.variant === "h3" || f.variant === "h4") ?? fields[0];
-  const badgeFields = fields.filter((f) => f.variant === "badge" && f !== titleField);
-  const bodyFields = fields.filter((f) => f !== titleField && !badgeFields.includes(f));
+  const titleField = fields.find((f3) => f3.variant === "h3" || f3.variant === "h4") ?? fields[0];
+  const badgeFields = fields.filter((f3) => f3.variant === "badge" && f3 !== titleField);
+  const bodyFields = fields.filter((f3) => f3 !== titleField && !badgeFields.includes(f3));
   const primaryActions = itemActions?.filter((a) => a.variant !== "danger") ?? [];
   const dangerActions = itemActions?.filter((a) => a.variant === "danger") ?? [];
   const handleActionClick = (action, itemData) => (e) => {
@@ -13315,16 +13797,16 @@ var DataList = ({
 }) => {
   const eventBus = useEventBus();
   const { t } = useTranslate();
-  const [visibleCount, setVisibleCount] = React86__default.useState(pageSize || Infinity);
+  const [visibleCount, setVisibleCount] = React88__default.useState(pageSize || Infinity);
   const fields = fieldsProp ?? columnsProp ?? [];
   const allData = Array.isArray(entity) ? entity : entity ? [entity] : [];
   const data = pageSize > 0 ? allData.slice(0, visibleCount) : allData;
   const hasMoreLocal = pageSize > 0 && visibleCount < allData.length;
-  const titleField = fields.find((f) => f.variant === "h3" || f.variant === "h4") ?? fields[0];
-  const badgeFields = fields.filter((f) => f.variant === "badge" && f !== titleField);
-  const progressFields = fields.filter((f) => f.variant === "progress");
+  const titleField = fields.find((f3) => f3.variant === "h3" || f3.variant === "h4") ?? fields[0];
+  const badgeFields = fields.filter((f3) => f3.variant === "badge" && f3 !== titleField);
+  const progressFields = fields.filter((f3) => f3.variant === "progress");
   const bodyFields = fields.filter(
-    (f) => f !== titleField && !badgeFields.includes(f) && !progressFields.includes(f)
+    (f3) => f3 !== titleField && !badgeFields.includes(f3) && !progressFields.includes(f3)
   );
   const handleActionClick = (action, itemData) => (e) => {
     e.stopPropagation();
@@ -13352,14 +13834,14 @@ var DataList = ({
     const items2 = data.map((item) => item);
     const groups2 = groupBy ? groupData(items2, groupBy) : [{ label: "", items: items2 }];
     const contentField = titleField?.name ?? fields[0]?.name ?? "";
-    return /* @__PURE__ */ jsx(VStack, { gap: "sm", className: cn("py-2", className), children: groups2.map((group, gi) => /* @__PURE__ */ jsxs(React86__default.Fragment, { children: [
+    return /* @__PURE__ */ jsx(VStack, { gap: "sm", className: cn("py-2", className), children: groups2.map((group, gi) => /* @__PURE__ */ jsxs(React88__default.Fragment, { children: [
       group.label && /* @__PURE__ */ jsx(Divider, { label: group.label, className: "my-2" }),
       group.items.map((itemData, index) => {
         const id = itemData.id || `${gi}-${index}`;
         const sender = senderField ? String(getNestedValue(itemData, senderField) ?? "") : "";
         const isSent = Boolean(currentUser && sender === currentUser);
         const content = getNestedValue(itemData, contentField);
-        const timestampField = fields.find((f) => f.format === "date");
+        const timestampField = fields.find((f3) => f3.format === "date");
         const timestamp = timestampField ? getNestedValue(itemData, timestampField.name) : null;
         return /* @__PURE__ */ jsx(
           Box,
@@ -13555,7 +14037,7 @@ var DataList = ({
         className
       ),
       children: [
-        groups.map((group, gi) => /* @__PURE__ */ jsxs(React86__default.Fragment, { children: [
+        groups.map((group, gi) => /* @__PURE__ */ jsxs(React88__default.Fragment, { children: [
           group.label && /* @__PURE__ */ jsx(Divider, { label: group.label, className: gi > 0 ? "mt-4" : "mt-0" }),
           group.items.map(
             (itemData, index) => renderItem(itemData, index, gi === groups.length - 1 && index === group.items.length - 1)
@@ -14671,7 +15153,7 @@ var FeatureCard = ({
         {
           name: icon,
           size: iconSizeMap[size],
-          className: "text-[var(--color-primary)]"
+          className: "text-[var(--color-accent,#06b6d4)]"
         }
       );
     }
@@ -14756,7 +15238,7 @@ var CTABanner = ({
         {
           gap: "lg",
           align: align === "center" ? "center" : "start",
-          className: "max-w-3xl mx-auto",
+          className: "mx-auto",
           children: [
             /* @__PURE__ */ jsx(Typography, { variant: "h2", align, children: title }),
             subtitle && /* @__PURE__ */ jsx(Typography, { variant: "body", color: "muted", align, children: subtitle }),
@@ -14914,14 +15396,14 @@ var HeroSection = ({
       src: image.src,
       alt: image.alt,
       className: cn(
-        imagePosition === "right" ? "flex-1 min-h-[300px]" : "w-full max-w-3xl min-h-[400px]"
+        imagePosition === "right" ? "flex-1 min-h-[300px]" : "w-full min-h-[400px]"
       )
     }
   );
-  const innerContent = image && imagePosition === "right" ? /* @__PURE__ */ jsxs(HStack, { gap: "xl", align: "center", className: "w-full max-w-6xl", responsive: true, children: [
+  const innerContent = image && imagePosition === "right" ? /* @__PURE__ */ jsxs(HStack, { gap: "xl", align: "center", className: "w-full", responsive: true, children: [
     textContent,
     imageNode
-  ] }) : /* @__PURE__ */ jsxs(VStack, { gap: "xl", align: isCenter ? "center" : "start", className: "w-full max-w-6xl", children: [
+  ] }) : /* @__PURE__ */ jsxs(VStack, { gap: "xl", align: isCenter ? "center" : "start", className: "w-full", children: [
     textContent,
     image && imagePosition === "below" && imageNode
   ] });
@@ -15106,11 +15588,6 @@ var CaseStudyCard = ({
   ] }) });
 };
 CaseStudyCard.displayName = "CaseStudyCard";
-var maxWidthMap = {
-  sm: "max-w-2xl",
-  md: "max-w-3xl",
-  lg: "max-w-4xl"
-};
 var ArticleSection = ({
   title,
   children,
@@ -15121,8 +15598,7 @@ var ArticleSection = ({
     Box,
     {
       className: cn(
-        maxWidthMap[maxWidth],
-        "mx-auto",
+        "w-full",
         className
       ),
       padding: "md",
@@ -15295,7 +15771,7 @@ var StepFlow = ({
   className
 }) => {
   if (orientation === "vertical") {
-    return /* @__PURE__ */ jsx(VStack, { gap: "none", className: cn("w-full", className), children: steps.map((step, index) => /* @__PURE__ */ jsx(React86__default.Fragment, { children: /* @__PURE__ */ jsxs(HStack, { gap: "md", align: "start", className: "w-full", children: [
+    return /* @__PURE__ */ jsx(VStack, { gap: "none", className: cn("w-full", className), children: steps.map((step, index) => /* @__PURE__ */ jsx(React88__default.Fragment, { children: /* @__PURE__ */ jsxs(HStack, { gap: "md", align: "start", className: "w-full", children: [
       /* @__PURE__ */ jsxs(VStack, { gap: "none", align: "center", children: [
         /* @__PURE__ */ jsx(StepCircle, { step, index }),
         showConnectors && index < steps.length - 1 && /* @__PURE__ */ jsx(Box, { className: "w-px h-8 bg-[var(--color-border)]" })
@@ -15306,7 +15782,7 @@ var StepFlow = ({
       ] })
     ] }) }, index)) });
   }
-  return /* @__PURE__ */ jsx(Box, { className: cn("w-full flex flex-col md:flex-row items-start gap-0", className), children: steps.map((step, index) => /* @__PURE__ */ jsxs(React86__default.Fragment, { children: [
+  return /* @__PURE__ */ jsx(Box, { className: cn("w-full flex flex-col md:flex-row items-start gap-0", className), children: steps.map((step, index) => /* @__PURE__ */ jsxs(React88__default.Fragment, { children: [
     /* @__PURE__ */ jsxs(VStack, { gap: "sm", align: "center", className: "flex-1 w-full md:w-auto", children: [
       /* @__PURE__ */ jsx(StepCircle, { step, index }),
       /* @__PURE__ */ jsx(Typography, { variant: "h4", className: "text-center", children: step.title }),
@@ -15363,7 +15839,7 @@ var SplitSection = ({
         className
       ),
       padding: "lg",
-      children: /* @__PURE__ */ jsxs(Box, { className: cn("max-w-7xl mx-auto flex flex-col lg:flex-row gap-10 lg:gap-16 items-center", isImageLeft && "lg:flex-row-reverse"), children: [
+      children: /* @__PURE__ */ jsxs(Box, { className: cn("w-full flex flex-col lg:flex-row gap-10 lg:gap-16 items-center", isImageLeft && "lg:flex-row-reverse"), children: [
         /* @__PURE__ */ jsx(Box, { className: "flex-1 min-w-0 lg:min-w-[45%]", children: textContent }),
         /* @__PURE__ */ jsx(Box, { className: "flex-1 min-w-0 lg:max-w-[50%]", children: mediaContent })
       ] })
@@ -15505,6 +15981,538 @@ var ShowcaseCard = ({
   );
 };
 ShowcaseCard.displayName = "ShowcaseCard";
+function PatternDefs({
+  patternId,
+  variant,
+  size,
+  color,
+  strokeWidth
+}) {
+  const dims = getTileDimensions(variant, size);
+  return /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx(
+    "pattern",
+    {
+      id: patternId,
+      x: "0",
+      y: "0",
+      width: dims.width,
+      height: dims.height,
+      patternUnits: "userSpaceOnUse",
+      children: /* @__PURE__ */ jsx(
+        PatternTile,
+        {
+          variant,
+          size,
+          color,
+          strokeWidth
+        }
+      )
+    }
+  ) });
+}
+function BackgroundMode({
+  patternId,
+  variant,
+  size,
+  color,
+  strokeWidth,
+  opacity,
+  className
+}) {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      className: cn("absolute inset-0 w-full h-full pointer-events-none", className),
+      preserveAspectRatio: "none",
+      "aria-hidden": "true",
+      children: [
+        /* @__PURE__ */ jsx(
+          PatternDefs,
+          {
+            patternId,
+            variant,
+            size,
+            color,
+            strokeWidth
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "rect",
+          {
+            width: "100%",
+            height: "100%",
+            fill: `url(#${patternId})`,
+            opacity
+          }
+        )
+      ]
+    }
+  );
+}
+function SideMode({
+  patternId,
+  variant,
+  size,
+  color,
+  strokeWidth,
+  opacity,
+  side,
+  className
+}) {
+  const maskId = `${patternId}-mask`;
+  const gradientId = `${patternId}-grad`;
+  const x1 = side === "left" ? "0%" : "100%";
+  const x2 = side === "left" ? "60%" : "40%";
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      className: cn("absolute inset-0 w-full h-full pointer-events-none", className),
+      preserveAspectRatio: "none",
+      "aria-hidden": "true",
+      children: [
+        /* @__PURE__ */ jsx(
+          PatternDefs,
+          {
+            patternId,
+            variant,
+            size,
+            color,
+            strokeWidth
+          }
+        ),
+        /* @__PURE__ */ jsxs("defs", { children: [
+          /* @__PURE__ */ jsxs("linearGradient", { id: gradientId, x1, y1: "0%", x2, y2: "0%", children: [
+            /* @__PURE__ */ jsx("stop", { offset: "0%", stopColor: "white", stopOpacity: "1" }),
+            /* @__PURE__ */ jsx("stop", { offset: "100%", stopColor: "white", stopOpacity: "0" })
+          ] }),
+          /* @__PURE__ */ jsx("mask", { id: maskId, children: /* @__PURE__ */ jsx("rect", { width: "100%", height: "100%", fill: `url(#${gradientId})` }) })
+        ] }),
+        /* @__PURE__ */ jsx(
+          "rect",
+          {
+            width: "100%",
+            height: "100%",
+            fill: `url(#${patternId})`,
+            mask: `url(#${maskId})`,
+            opacity
+          }
+        )
+      ]
+    }
+  );
+}
+function DualMode({
+  patternId,
+  variant,
+  size,
+  color,
+  strokeWidth,
+  opacity,
+  className
+}) {
+  const maskId = `${patternId}-dmask`;
+  const gradientId = `${patternId}-dgrad`;
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      className: cn("absolute inset-0 w-full h-full pointer-events-none", className),
+      preserveAspectRatio: "none",
+      "aria-hidden": "true",
+      children: [
+        /* @__PURE__ */ jsx(
+          PatternDefs,
+          {
+            patternId,
+            variant,
+            size,
+            color,
+            strokeWidth
+          }
+        ),
+        /* @__PURE__ */ jsxs("defs", { children: [
+          /* @__PURE__ */ jsxs("linearGradient", { id: gradientId, x1: "0%", y1: "0%", x2: "100%", y2: "0%", children: [
+            /* @__PURE__ */ jsx("stop", { offset: "0%", stopColor: "white", stopOpacity: "1" }),
+            /* @__PURE__ */ jsx("stop", { offset: "35%", stopColor: "white", stopOpacity: "0" }),
+            /* @__PURE__ */ jsx("stop", { offset: "65%", stopColor: "white", stopOpacity: "0" }),
+            /* @__PURE__ */ jsx("stop", { offset: "100%", stopColor: "white", stopOpacity: "1" })
+          ] }),
+          /* @__PURE__ */ jsx("mask", { id: maskId, children: /* @__PURE__ */ jsx("rect", { width: "100%", height: "100%", fill: `url(#${gradientId})` }) })
+        ] }),
+        /* @__PURE__ */ jsx(
+          "rect",
+          {
+            width: "100%",
+            height: "100%",
+            fill: `url(#${patternId})`,
+            mask: `url(#${maskId})`,
+            opacity
+          }
+        )
+      ]
+    }
+  );
+}
+function AroundMode({
+  patternId,
+  variant,
+  size,
+  color,
+  strokeWidth,
+  opacity,
+  className
+}) {
+  const maskId = `${patternId}-amask`;
+  const gradientId = `${patternId}-agrad`;
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      className: cn("absolute inset-0 w-full h-full pointer-events-none", className),
+      preserveAspectRatio: "none",
+      "aria-hidden": "true",
+      children: [
+        /* @__PURE__ */ jsx(
+          PatternDefs,
+          {
+            patternId,
+            variant,
+            size,
+            color,
+            strokeWidth
+          }
+        ),
+        /* @__PURE__ */ jsxs("defs", { children: [
+          /* @__PURE__ */ jsxs("radialGradient", { id: gradientId, cx: "50%", cy: "50%", r: "50%", children: [
+            /* @__PURE__ */ jsx("stop", { offset: "0%", stopColor: "white", stopOpacity: "0" }),
+            /* @__PURE__ */ jsx("stop", { offset: "55%", stopColor: "white", stopOpacity: "0" }),
+            /* @__PURE__ */ jsx("stop", { offset: "85%", stopColor: "white", stopOpacity: "1" }),
+            /* @__PURE__ */ jsx("stop", { offset: "100%", stopColor: "white", stopOpacity: "1" })
+          ] }),
+          /* @__PURE__ */ jsx("mask", { id: maskId, children: /* @__PURE__ */ jsx("rect", { width: "100%", height: "100%", fill: `url(#${gradientId})` }) })
+        ] }),
+        /* @__PURE__ */ jsx(
+          "rect",
+          {
+            width: "100%",
+            height: "100%",
+            fill: `url(#${patternId})`,
+            mask: `url(#${maskId})`,
+            opacity
+          }
+        )
+      ]
+    }
+  );
+}
+function FrameStrip({
+  patternId,
+  variant,
+  size,
+  color,
+  strokeWidth,
+  opacity,
+  height
+}) {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      className: "w-full pointer-events-none",
+      style: { height },
+      preserveAspectRatio: "none",
+      "aria-hidden": "true",
+      children: [
+        /* @__PURE__ */ jsx(
+          PatternDefs,
+          {
+            patternId,
+            variant,
+            size,
+            color,
+            strokeWidth
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "rect",
+          {
+            width: "100%",
+            height: "100%",
+            fill: `url(#${patternId})`,
+            opacity
+          }
+        )
+      ]
+    }
+  );
+}
+var GeometricPattern = ({
+  variant = "star8",
+  mode = "background",
+  opacity = 0.06,
+  color = "var(--color-primary)",
+  scale = 1,
+  strokeWidth = 0.5,
+  children,
+  className
+}) => {
+  const reactId = useId();
+  const patternId = `gp${reactId.replace(/:/g, "")}`;
+  const size = 60 * scale;
+  const stripHeight = 40 * scale;
+  if (mode === "frame") {
+    const topId = `${patternId}-top`;
+    const botId = `${patternId}-bot`;
+    return /* @__PURE__ */ jsxs(Box, { className: cn("relative", className), children: [
+      /* @__PURE__ */ jsx(
+        FrameStrip,
+        {
+          patternId: topId,
+          variant,
+          size,
+          color,
+          strokeWidth,
+          opacity,
+          height: stripHeight
+        }
+      ),
+      children,
+      /* @__PURE__ */ jsx(
+        FrameStrip,
+        {
+          patternId: botId,
+          variant,
+          size,
+          color,
+          strokeWidth,
+          opacity,
+          height: stripHeight
+        }
+      )
+    ] });
+  }
+  if (mode === "around") {
+    return /* @__PURE__ */ jsx(
+      AroundMode,
+      {
+        patternId,
+        variant,
+        size,
+        color,
+        strokeWidth,
+        opacity,
+        className
+      }
+    );
+  }
+  if (mode === "dual") {
+    return /* @__PURE__ */ jsx(
+      DualMode,
+      {
+        patternId,
+        variant,
+        size,
+        color,
+        strokeWidth,
+        opacity,
+        className
+      }
+    );
+  }
+  if (mode === "left" || mode === "right") {
+    return /* @__PURE__ */ jsx(
+      SideMode,
+      {
+        patternId,
+        variant,
+        size,
+        color,
+        strokeWidth,
+        opacity,
+        side: mode,
+        className
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    BackgroundMode,
+    {
+      patternId,
+      variant,
+      size,
+      color,
+      strokeWidth,
+      opacity,
+      className
+    }
+  );
+};
+GeometricPattern.displayName = "GeometricPattern";
+function ArchSVG({
+  facing,
+  w,
+  h,
+  color,
+  strokeWidth
+}) {
+  const paths = [];
+  const archCount = 3;
+  const archH = h / archCount;
+  const rings = 5;
+  for (let a = 0; a < archCount; a++) {
+    const baseY = a * archH + archH;
+    const topY = a * archH + archH * 0.05;
+    for (let r = 0; r < rings; r++) {
+      const scale = 1 - r * 0.17;
+      const archW = w * 0.95 * scale;
+      const aTopY = topY + (1 - scale) * (baseY - topY) * 0.5;
+      const aBaseY = baseY - (1 - scale) * archH * 0.05;
+      const edgeX2 = facing === "right" ? w : 0;
+      const innerX2 = facing === "right" ? w - archW : archW;
+      const midY = (aTopY + aBaseY) / 2;
+      const radius = Math.sqrt(archW * archW + (aBaseY - midY) * (aBaseY - midY));
+      if (facing === "right") {
+        paths.push(
+          `M ${f2(edgeX2)},${f2(aBaseY)} A ${f2(radius)} ${f2(radius)} 0 0 0 ${f2(innerX2)},${f2(aTopY + (aBaseY - aTopY) * 0.5)} A ${f2(radius)} ${f2(radius)} 0 0 0 ${f2(edgeX2)},${f2(aTopY)}`
+        );
+      } else {
+        paths.push(
+          `M ${f2(edgeX2)},${f2(aBaseY)} A ${f2(radius)} ${f2(radius)} 0 0 1 ${f2(innerX2)},${f2(aTopY + (aBaseY - aTopY) * 0.5)} A ${f2(radius)} ${f2(radius)} 0 0 1 ${f2(edgeX2)},${f2(aTopY)}`
+        );
+      }
+    }
+    const edgeX = facing === "right" ? w : 0;
+    const innerX = facing === "right" ? w * 0.05 : w * 0.95;
+    paths.push(`M ${f2(edgeX)},${f2(baseY)} L ${f2(innerX)},${f2(baseY)}`);
+  }
+  return /* @__PURE__ */ jsx("g", { fill: "none", stroke: color, strokeWidth, children: paths.map((d, i) => /* @__PURE__ */ jsx("path", { d }, i)) });
+}
+function VineSVG({
+  facing,
+  w,
+  h,
+  color,
+  strokeWidth
+}) {
+  const paths = [];
+  const dir = facing === "right" ? -1 : 1;
+  const edgeX = facing === "right" ? w * 0.85 : w * 0.15;
+  const segments = 5;
+  const segH = h / segments;
+  for (let i = 0; i < segments; i++) {
+    const y0 = i * segH;
+    const y1 = y0 + segH;
+    const sway = w * 0.12 * (i % 2 === 0 ? 1 : -1);
+    paths.push(
+      `M ${f2(edgeX + sway)},${f2(y0)} C ${f2(edgeX - sway)},${f2(y0 + segH * 0.33)} ${f2(edgeX + sway)},${f2(y0 + segH * 0.66)} ${f2(edgeX - sway)},${f2(y1)}`
+    );
+    const branchY = y0 + segH * 0.35;
+    const branchX = edgeX;
+    const leafW = w * 0.55;
+    const leafH = segH * 0.35;
+    const leafTipX = branchX + dir * leafW;
+    const leafTipY = branchY - leafH * 0.2;
+    paths.push(
+      `M ${f2(branchX)},${f2(branchY)} C ${f2(branchX + dir * leafW * 0.3)},${f2(branchY - leafH)} ${f2(leafTipX - dir * leafW * 0.1)},${f2(leafTipY - leafH * 0.3)} ${f2(leafTipX)},${f2(leafTipY)}`
+    );
+    paths.push(
+      `M ${f2(leafTipX)},${f2(leafTipY)} C ${f2(leafTipX - dir * leafW * 0.2)},${f2(leafTipY + leafH * 0.6)} ${f2(branchX + dir * leafW * 0.15)},${f2(branchY + leafH * 0.4)} ${f2(branchX)},${f2(branchY + leafH * 0.1)}`
+    );
+    const tendrilY = y0 + segH * 0.7;
+    const tendrilW = w * 0.35;
+    const tendrilTipX = edgeX + dir * tendrilW;
+    paths.push(
+      `M ${f2(edgeX)},${f2(tendrilY)} Q ${f2(edgeX + dir * tendrilW * 0.6)},${f2(tendrilY - segH * 0.12)} ${f2(tendrilTipX)},${f2(tendrilY + segH * 0.05)}`
+    );
+    const spR = leafW * 0.08;
+    paths.push(
+      `M ${f2(leafTipX)},${f2(leafTipY)} A ${f2(spR)} ${f2(spR)} 0 1 ${facing === "right" ? 0 : 1} ${f2(leafTipX + dir * spR * 0.5)},${f2(leafTipY + spR)}`
+    );
+  }
+  return /* @__PURE__ */ jsx("g", { fill: "none", stroke: color, strokeWidth, children: paths.map((d, i) => /* @__PURE__ */ jsx("path", { d }, i)) });
+}
+function LatticeSVG({
+  facing,
+  w,
+  h,
+  color,
+  strokeWidth
+}) {
+  const paths = [];
+  const cols = 5;
+  const rows = Math.ceil(h / (w / cols));
+  const cellW = w / cols;
+  const cellH = cellW;
+  const bulge = cellW * 0.3;
+  for (let row = 0; row < rows; row++) {
+    for (let col = 0; col < cols; col++) {
+      const cx = col * cellW + cellW / 2;
+      const cy = row * cellH + cellH / 2;
+      const hw = cellW * 0.5;
+      const hh = cellH * 0.5;
+      paths.push(
+        `M ${f2(cx)},${f2(cy - hh)} Q ${f2(cx + bulge)},${f2(cy)} ${f2(cx)},${f2(cy + hh)}`
+      );
+      paths.push(
+        `M ${f2(cx)},${f2(cy - hh)} Q ${f2(cx - bulge)},${f2(cy)} ${f2(cx)},${f2(cy + hh)}`
+      );
+      paths.push(
+        `M ${f2(cx - hw)},${f2(cy)} Q ${f2(cx)},${f2(cy - bulge * 0.5)} ${f2(cx + hw)},${f2(cy)}`
+      );
+      paths.push(
+        `M ${f2(cx - hw)},${f2(cy)} Q ${f2(cx)},${f2(cy + bulge * 0.5)} ${f2(cx + hw)},${f2(cy)}`
+      );
+    }
+  }
+  return /* @__PURE__ */ jsx("g", { fill: "none", stroke: color, strokeWidth, children: paths.map((d, i) => /* @__PURE__ */ jsx("path", { d }, i)) });
+}
+function f2(n) {
+  return n.toFixed(2);
+}
+var VARIANT_MAP2 = {
+  arch: ArchSVG,
+  vine: VineSVG,
+  lattice: LatticeSVG
+};
+var EdgeDecoration = ({
+  variant = "arch",
+  side = "both",
+  opacity = 0.15,
+  color = "var(--color-primary)",
+  strokeWidth = 0.5,
+  width = 15,
+  className
+}) => {
+  const id = useId();
+  const Variant = VARIANT_MAP2[variant];
+  const sides = side === "both" ? ["left", "right"] : [side];
+  return /* @__PURE__ */ jsx(Fragment, { children: sides.map((s) => /* @__PURE__ */ jsx(
+    "svg",
+    {
+      className: cn(
+        "absolute top-0 h-full pointer-events-none",
+        s === "left" ? "left-0" : "right-0",
+        className
+      ),
+      style: {
+        width: `${width}%`,
+        opacity
+      },
+      viewBox: `0 0 200 ${200 * 3}`,
+      preserveAspectRatio: "none",
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ jsx(
+        Variant,
+        {
+          facing: s,
+          w: 200,
+          h: 600,
+          color,
+          strokeWidth
+        }
+      )
+    },
+    `${id}-${s}`
+  )) });
+};
+EdgeDecoration.displayName = "EdgeDecoration";
 
 // components/organisms/types.ts
 var EntityDisplayEvents = {
@@ -15941,7 +16949,7 @@ var StatCard = ({
   const labelToUse = propLabel ?? propTitle;
   const eventBus = useEventBus();
   const { t } = useTranslate();
-  const handleActionClick = React86__default.useCallback(() => {
+  const handleActionClick = React88__default.useCallback(() => {
     if (action?.event) {
       eventBus.emit(`UI:${action.event}`, {});
     }
@@ -15952,7 +16960,7 @@ var StatCard = ({
   const data = Array.isArray(entity) ? entity : entity ? [entity] : [];
   const isLoading = externalLoading ?? false;
   const error = externalError;
-  const computeMetricValue = React86__default.useCallback(
+  const computeMetricValue = React88__default.useCallback(
     (metric, items) => {
       if (metric.value !== void 0) {
         return metric.value;
@@ -15991,7 +16999,7 @@ var StatCard = ({
     },
     []
   );
-  const schemaStats = React86__default.useMemo(() => {
+  const schemaStats = React88__default.useMemo(() => {
     if (!metrics || metrics.length === 0) return null;
     return metrics.map((metric) => ({
       label: metric.label,
@@ -15999,7 +17007,7 @@ var StatCard = ({
       format: metric.format
     }));
   }, [metrics, data, computeMetricValue]);
-  const calculatedTrend = React86__default.useMemo(() => {
+  const calculatedTrend = React88__default.useMemo(() => {
     if (manualTrend !== void 0) return manualTrend;
     if (previousValue === void 0 || currentValue === void 0)
       return void 0;
@@ -16163,7 +17171,7 @@ var PageHeader = ({
     info: "bg-[var(--color-info)]/10 text-[var(--color-info)]"
   };
   return /* @__PURE__ */ jsxs(Box, { className: cn("mb-6", className), children: [
-    breadcrumbs && breadcrumbs.length > 0 && /* @__PURE__ */ jsx(Box, { as: "nav", className: "mb-4", children: /* @__PURE__ */ jsx(Box, { as: "ol", className: "flex items-center gap-2 text-sm", children: breadcrumbs.map((crumb, idx) => /* @__PURE__ */ jsxs(React86__default.Fragment, { children: [
+    breadcrumbs && breadcrumbs.length > 0 && /* @__PURE__ */ jsx(Box, { as: "nav", className: "mb-4", children: /* @__PURE__ */ jsx(Box, { as: "ol", className: "flex items-center gap-2 text-sm", children: breadcrumbs.map((crumb, idx) => /* @__PURE__ */ jsxs(React88__default.Fragment, { children: [
       idx > 0 && /* @__PURE__ */ jsx(Typography, { variant: "small", color: "muted", children: "/" }),
       crumb.href ? /* @__PURE__ */ jsx(
         "a",
@@ -16345,19 +17353,19 @@ function renderRichFieldValue(value, fieldName, fieldType) {
 }
 function normalizeFieldDefs(fields) {
   if (!fields) return [];
-  return fields.map((f) => {
-    if (typeof f === "string") return f;
-    if ("key" in f) return f.key;
-    if ("name" in f) return f.name;
-    return String(f);
+  return fields.map((f3) => {
+    if (typeof f3 === "string") return f3;
+    if ("key" in f3) return f3.key;
+    if ("name" in f3) return f3.name;
+    return String(f3);
   });
 }
 function buildFieldTypeMap(fields) {
   const map = {};
   if (!fields) return map;
-  for (const f of fields) {
-    if (typeof f === "object" && "name" in f && "type" in f) {
-      map[f.name] = f.type;
+  for (const f3 of fields) {
+    if (typeof f3 === "object" && "name" in f3 && "type" in f3) {
+      map[f3.name] = f3.type;
     }
   }
   return map;
@@ -16437,22 +17445,22 @@ var DetailPanel = ({
       title = String(normalizedData[primaryField]);
     }
     const statusFields = effectiveFieldNames.filter(
-      (f) => f.toLowerCase().includes("status") || f.toLowerCase().includes("priority")
+      (f3) => f3.toLowerCase().includes("status") || f3.toLowerCase().includes("priority")
     );
     const progressFields = effectiveFieldNames.filter(
-      (f) => f.toLowerCase().includes("progress") || f.toLowerCase().includes("percent")
+      (f3) => f3.toLowerCase().includes("progress") || f3.toLowerCase().includes("percent")
     );
     const metricFields = effectiveFieldNames.filter(
-      (f) => (f.toLowerCase().includes("budget") || f.toLowerCase().includes("cost") || f.toLowerCase().includes("count")) && !progressFields.includes(f)
+      (f3) => (f3.toLowerCase().includes("budget") || f3.toLowerCase().includes("cost") || f3.toLowerCase().includes("count")) && !progressFields.includes(f3)
     );
     const dateFields = effectiveFieldNames.filter(
-      (f) => f.toLowerCase().includes("date") || f.toLowerCase().includes("time")
+      (f3) => f3.toLowerCase().includes("date") || f3.toLowerCase().includes("time")
     );
     const descriptionFields = effectiveFieldNames.filter(
-      (f) => f.toLowerCase().includes("description") || f.toLowerCase().includes("note")
+      (f3) => f3.toLowerCase().includes("description") || f3.toLowerCase().includes("note")
     );
     const otherFields = effectiveFieldNames.filter(
-      (f) => f !== primaryField && !statusFields.includes(f) && !progressFields.includes(f) && !metricFields.includes(f) && !dateFields.includes(f) && !descriptionFields.includes(f)
+      (f3) => f3 !== primaryField && !statusFields.includes(f3) && !progressFields.includes(f3) && !metricFields.includes(f3) && !dateFields.includes(f3) && !descriptionFields.includes(f3)
     );
     sections = [];
     if (statusFields.length > 0 || otherFields.length > 0) {
@@ -16605,7 +17613,7 @@ var DetailPanel = ({
     subtitle && /* @__PURE__ */ jsx(Typography, { variant: "body", color: "secondary", children: subtitle }),
     /* @__PURE__ */ jsxs(HStack, { gap: "xs", wrap: true, children: [
       normalizedData && effectiveFieldNames && effectiveFieldNames.filter(
-        (f) => f.toLowerCase().includes("status") || f.toLowerCase().includes("priority")
+        (f3) => f3.toLowerCase().includes("status") || f3.toLowerCase().includes("priority")
       ).map((field) => {
         const value = getNestedValue(normalizedData, field);
         if (!value) return null;
@@ -16621,7 +17629,7 @@ var DetailPanel = ({
       status && /* @__PURE__ */ jsx(Badge, { variant: status.variant ?? "default", children: status.label })
     ] }),
     normalizedData && effectiveFieldNames && effectiveFieldNames.filter(
-      (f) => f.toLowerCase().includes("progress") || f.toLowerCase().includes("percent")
+      (f3) => f3.toLowerCase().includes("progress") || f3.toLowerCase().includes("percent")
     ).map((field) => {
       const value = getNestedValue(normalizedData, field);
       if (value === void 0 || value === null || typeof value !== "number")
@@ -16689,7 +17697,7 @@ var FormSection = ({
   columns = 1,
   className
 }) => {
-  const [collapsed, setCollapsed] = React86__default.useState(defaultCollapsed);
+  const [collapsed, setCollapsed] = React88__default.useState(defaultCollapsed);
   const { t } = useTranslate();
   const eventBus = useEventBus();
   const gridClass = {
@@ -16697,7 +17705,7 @@ var FormSection = ({
     2: "grid-cols-1 md:grid-cols-2",
     3: "grid-cols-1 md:grid-cols-2 lg:grid-cols-3"
   }[columns];
-  React86__default.useCallback(() => {
+  React88__default.useCallback(() => {
     if (collapsible) {
       setCollapsed((prev) => !prev);
       eventBus.emit("UI:TOGGLE_COLLAPSE", { collapsed: !collapsed });
@@ -16909,33 +17917,33 @@ var Form = ({
   const normalizedInitialData = initialData ?? {};
   const resolvedEntity = entity && typeof entity === "object" && !Array.isArray(entity) ? entity : void 0;
   const entityName = typeof entity === "string" ? entity : resolvedEntity?.name;
-  const entityDerivedFields = React86__default.useMemo(() => {
+  const entityDerivedFields = React88__default.useMemo(() => {
     if (fields && fields.length > 0) return void 0;
     if (!resolvedEntity) return void 0;
     return resolvedEntity.fields.map(
-      (f) => ({
-        name: f.name,
-        type: f.type,
-        required: f.required,
-        defaultValue: f.default,
-        values: f.values,
-        min: f.min,
-        max: f.max,
-        relation: f.relation ? { entity: f.relation.entity } : void 0
+      (f3) => ({
+        name: f3.name,
+        type: f3.type,
+        required: f3.required,
+        defaultValue: f3.default,
+        values: f3.values,
+        min: f3.min,
+        max: f3.max,
+        relation: f3.relation ? { entity: f3.relation.entity } : void 0
       })
     );
   }, [entity, fields]);
   const conditionalFields = typeof conditionalFieldsRaw === "boolean" ? {} : conditionalFieldsRaw;
   const hiddenCalculations = typeof hiddenCalculationsRaw === "boolean" ? [] : hiddenCalculationsRaw;
   const violationTriggers = typeof violationTriggersRaw === "boolean" ? [] : violationTriggersRaw;
-  const [formData, setFormData] = React86__default.useState(
+  const [formData, setFormData] = React88__default.useState(
     normalizedInitialData
   );
-  const [collapsedSections, setCollapsedSections] = React86__default.useState(
+  const [collapsedSections, setCollapsedSections] = React88__default.useState(
     /* @__PURE__ */ new Set()
   );
   const shouldShowCancel = showCancel ?? (fields && fields.length > 0);
-  const evalContext = React86__default.useMemo(
+  const evalContext = React88__default.useMemo(
     () => ({
       formValues: formData,
       globalVariables: externalContext?.globalVariables ?? {},
@@ -16944,13 +17952,13 @@ var Form = ({
     }),
     [formData, externalContext]
   );
-  React86__default.useEffect(() => {
+  React88__default.useEffect(() => {
     const data = initialData;
     if (data && Object.keys(data).length > 0) {
       setFormData(data);
     }
   }, [initialData]);
-  const processCalculations = React86__default.useCallback(
+  const processCalculations = React88__default.useCallback(
     (changedFieldId, newFormData) => {
       if (!hiddenCalculations.length) return;
       const context = {
@@ -16975,7 +17983,7 @@ var Form = ({
     },
     [hiddenCalculations, externalContext, eventBus]
   );
-  const checkViolations = React86__default.useCallback(
+  const checkViolations = React88__default.useCallback(
     (changedFieldId, newFormData) => {
       if (!violationTriggers.length) return;
       const context = {
@@ -17012,7 +18020,7 @@ var Form = ({
     processCalculations(name, newFormData);
     checkViolations(name, newFormData);
   };
-  const isFieldVisible = React86__default.useCallback(
+  const isFieldVisible = React88__default.useCallback(
     (fieldName) => {
       const condition = conditionalFields[fieldName];
       if (!condition) return true;
@@ -17020,7 +18028,7 @@ var Form = ({
     },
     [conditionalFields, evalContext]
   );
-  const isSectionVisible = React86__default.useCallback(
+  const isSectionVisible = React88__default.useCallback(
     (section) => {
       if (!section.condition) return true;
       return Boolean(evaluateFormExpression(section.condition, evalContext));
@@ -17052,7 +18060,7 @@ var Form = ({
       eventBus.emit(`UI:${onCancel}`);
     }
   };
-  const renderField = React86__default.useCallback(
+  const renderField = React88__default.useCallback(
     (field) => {
       const fieldName = field.name || field.field;
       if (!fieldName) return null;
@@ -17073,11 +18081,11 @@ var Form = ({
     [formData, isFieldVisible, relationsData, relationsLoading, isLoading]
   );
   const effectiveFields = entityDerivedFields ?? fields;
-  const normalizedFields = React86__default.useMemo(() => {
+  const normalizedFields = React88__default.useMemo(() => {
     if (!effectiveFields || effectiveFields.length === 0) return [];
     return effectiveFields.map((field) => {
       if (typeof field === "string") {
-        const entityField = resolvedEntity?.fields?.find((f) => f.name === field);
+        const entityField = resolvedEntity?.fields?.find((f3) => f3.name === field);
         if (entityField) {
           return {
             name: field,
@@ -17095,7 +18103,7 @@ var Form = ({
       return field;
     });
   }, [effectiveFields, resolvedEntity]);
-  const schemaFields = React86__default.useMemo(() => {
+  const schemaFields = React88__default.useMemo(() => {
     if (normalizedFields.length === 0) return null;
     if (isDebugEnabled()) {
       debugGroup(`Form: ${entityName || "unknown"}`);
@@ -17105,7 +18113,7 @@ var Form = ({
     }
     return normalizedFields.map(renderField).filter(Boolean);
   }, [normalizedFields, renderField, entityName, conditionalFields]);
-  const sectionElements = React86__default.useMemo(() => {
+  const sectionElements = React88__default.useMemo(() => {
     if (!sections || sections.length === 0) return null;
     return sections.map((section) => {
       if (!isSectionVisible(section)) {
@@ -18050,7 +19058,7 @@ var Table = ({
 Table.displayName = "Table";
 function normalizeFields(fields) {
   if (!fields) return [];
-  return fields.map((f) => typeof f === "string" ? f : f.key ?? f.name ?? "");
+  return fields.map((f3) => typeof f3 === "string" ? f3 : f3.key ?? f3.name ?? "");
 }
 var STATUS_STYLES = {
   complete: {
@@ -18230,7 +19238,7 @@ var List = ({
     if (entity && typeof entity === "object" && "id" in entity) return [entity];
     return [];
   }, [entity]);
-  const getItemActions = React86__default.useCallback(
+  const getItemActions = React88__default.useCallback(
     (item) => {
       if (!itemActions) return [];
       if (typeof itemActions === "function") {
@@ -18335,19 +19343,19 @@ var List = ({
     const rowActionPayload = { row: item };
     const primaryField = effectiveFieldNames?.[0];
     const statusField = effectiveFieldNames?.find(
-      (f) => f.toLowerCase().includes("status")
+      (f3) => f3.toLowerCase().includes("status")
     );
     const priorityField = effectiveFieldNames?.find(
-      (f) => f.toLowerCase().includes("priority")
+      (f3) => f3.toLowerCase().includes("priority")
     );
     const progressField = effectiveFieldNames?.find(
-      (f) => f.toLowerCase().includes("progress") || f.toLowerCase().includes("percent")
+      (f3) => f3.toLowerCase().includes("progress") || f3.toLowerCase().includes("percent")
     );
     const dateFields = effectiveFieldNames?.filter(
-      (f) => f.toLowerCase().includes("date") || f.toLowerCase().includes("due")
+      (f3) => f3.toLowerCase().includes("date") || f3.toLowerCase().includes("due")
     ) || [];
     const metadataFields = effectiveFieldNames?.filter(
-      (f) => f !== primaryField && f !== statusField && f !== priorityField && f !== progressField && !dateFields.includes(f)
+      (f3) => f3 !== primaryField && f3 !== statusField && f3 !== priorityField && f3 !== progressField && !dateFields.includes(f3)
     ).slice(0, 2) || [];
     const statusValue = statusField ? item._fields?.[statusField] : null;
     statusValue ? getStatusStyle(statusField, String(statusValue)) : null;
@@ -18568,7 +19576,7 @@ var List = ({
 List.displayName = "List";
 function normalizeFields2(fields) {
   if (!fields) return [];
-  return fields.map((f) => typeof f === "string" ? f : f.key ?? f.name ?? "");
+  return fields.map((f3) => typeof f3 === "string" ? f3 : f3.key ?? f3.name ?? "");
 }
 function fieldLabel3(key) {
   return key.replace(/([a-z])([A-Z])/g, "$1 $2").replace(/[_-]/g, " ").replace(/\b\w/g, (c) => c.toUpperCase());
@@ -18644,8 +19652,8 @@ var CardGrid = ({
     eventBus.emit("UI:PAGINATE", { page: newPage, pageSize });
   };
   const titleField = effectiveFieldNames?.[0];
-  const statusField = effectiveFieldNames?.find((f) => STATUS_FIELDS.has(f.toLowerCase()));
-  const bodyFields = effectiveFieldNames?.filter((f) => f !== titleField && f !== statusField) ?? [];
+  const statusField = effectiveFieldNames?.find((f3) => STATUS_FIELDS.has(f3.toLowerCase()));
+  const bodyFields = effectiveFieldNames?.filter((f3) => f3 !== titleField && f3 !== statusField) ?? [];
   const primaryActions = itemActions?.filter((a) => a.variant !== "danger") ?? [];
   const dangerActions = itemActions?.filter((a) => a.variant === "danger") ?? [];
   const handleActionClick = (action, itemData) => (e) => {
@@ -18996,7 +20004,7 @@ var WizardContainer = ({
           const isCompleted = index < currentStep;
           const stepKey = step.id ?? step.tabId ?? `step-${index}`;
           const stepTitle = step.title ?? step.name ?? `Step ${index + 1}`;
-          return /* @__PURE__ */ jsxs(React86__default.Fragment, { children: [
+          return /* @__PURE__ */ jsxs(React88__default.Fragment, { children: [
             /* @__PURE__ */ jsx(
               Button,
               {
@@ -20220,7 +21228,7 @@ var StateMachineView = ({
             style: { top: title ? 30 : 0 },
             children: [
               entity && /* @__PURE__ */ jsx(EntityBox, { entity, config }),
-              states.map((state) => renderStateNode ? /* @__PURE__ */ jsx(React86__default.Fragment, { children: renderStateNode(state, config) }, state.id) : /* @__PURE__ */ jsx(
+              states.map((state) => renderStateNode ? /* @__PURE__ */ jsx(React88__default.Fragment, { children: renderStateNode(state, config) }, state.id) : /* @__PURE__ */ jsx(
                 StateNode,
                 {
                   state,
@@ -20654,7 +21662,7 @@ function renderStateMachineToDomData(stateMachine, options = {}, config = DEFAUL
     const boxHeight = Math.max(80, fieldCount * 22 + 50);
     domEntity = {
       name: entity.name || "Entity",
-      fields: entity.fields?.map((f) => typeof f === "string" ? f : f.name) || [],
+      fields: entity.fields?.map((f3) => typeof f3 === "string" ? f3 : f3.name) || [],
       x: 20,
       y: height / 2 - boxHeight / 2,
       width: boxWidth,
@@ -20752,7 +21760,7 @@ function extractEntityFields(schema) {
   if (!schema?.orbitals?.length) return [];
   const entity = schema.orbitals[0].entity;
   if (!entity?.fields) return [];
-  return entity.fields.map((f) => f.name);
+  return entity.fields.map((f3) => f3.name);
 }
 function toStateMachineDefinition(sm) {
   return {
@@ -21959,7 +22967,7 @@ function getAllEffectSpriteUrls(manifest) {
   if (manifest.animations) {
     for (const frames of Object.values(manifest.animations)) {
       if (Array.isArray(frames)) {
-        frames.forEach((f) => urls.push(`${base}/${f}`));
+        frames.forEach((f3) => urls.push(`${base}/${f3}`));
       }
     }
   }
@@ -21967,7 +22975,7 @@ function getAllEffectSpriteUrls(manifest) {
 }
 
 // components/organisms/game/utils/combatPresets.ts
-var PI = Math.PI;
+var PI2 = Math.PI;
 function p(manifest, key) {
   const particles = manifest.particles;
   if (!particles) return [];
@@ -21998,8 +23006,8 @@ function createCombatPresets(manifest) {
           spread: 8,
           velocityMin: 40,
           velocityMax: 120,
-          angleMin: -PI * 0.8,
-          angleMax: -PI * 0.2,
+          angleMin: -PI2 * 0.8,
+          angleMax: -PI2 * 0.2,
           gravity: 0,
           tint: { r: 255, g: 60, b: 40 },
           scaleMin: 0.3,
@@ -22016,8 +23024,8 @@ function createCombatPresets(manifest) {
           spread: 12,
           velocityMin: 20,
           velocityMax: 60,
-          angleMin: -PI * 0.9,
-          angleMax: -PI * 0.1,
+          angleMin: -PI2 * 0.9,
+          angleMax: -PI2 * 0.1,
           gravity: 120,
           tint: { r: 180, g: 140, b: 90 },
           scaleMin: 0.15,
@@ -22034,8 +23042,8 @@ function createCombatPresets(manifest) {
           spread: 5,
           velocityMin: 10,
           velocityMax: 30,
-          angleMin: -PI * 0.7,
-          angleMax: -PI * 0.3,
+          angleMin: -PI2 * 0.7,
+          angleMax: -PI2 * 0.3,
           gravity: 0,
           tint: { r: 255, g: 200, b: 150 },
           scaleMin: 0.25,
@@ -22077,8 +23085,8 @@ function createCombatPresets(manifest) {
           spread: 4,
           velocityMin: 60,
           velocityMax: 150,
-          angleMin: -PI * 0.6,
-          angleMax: -PI * 0.4,
+          angleMin: -PI2 * 0.6,
+          angleMax: -PI2 * 0.4,
           gravity: 0,
           tint: { r: 255, g: 220, b: 100 },
           scaleMin: 0.2,
@@ -22095,8 +23103,8 @@ function createCombatPresets(manifest) {
           spread: 3,
           velocityMin: 100,
           velocityMax: 200,
-          angleMin: -PI * 0.55,
-          angleMax: -PI * 0.45,
+          angleMin: -PI2 * 0.55,
+          angleMax: -PI2 * 0.45,
           gravity: 0,
           tint: { r: 255, g: 200, b: 80 },
           scaleMin: 0.15,
@@ -22113,8 +23121,8 @@ function createCombatPresets(manifest) {
           spread: 6,
           velocityMin: 10,
           velocityMax: 30,
-          angleMin: -PI * 0.8,
-          angleMax: -PI * 0.2,
+          angleMin: -PI2 * 0.8,
+          angleMax: -PI2 * 0.2,
           gravity: -20,
           tint: { r: 200, g: 200, b: 200 },
           scaleMin: 0.2,
@@ -22157,7 +23165,7 @@ function createCombatPresets(manifest) {
           velocityMin: 20,
           velocityMax: 80,
           angleMin: 0,
-          angleMax: PI * 2,
+          angleMax: PI2 * 2,
           gravity: -30,
           tint: { r: 180, g: 80, b: 255 },
           scaleMin: 0.2,
@@ -22178,7 +23186,7 @@ function createCombatPresets(manifest) {
           velocityMin: 30,
           velocityMax: 100,
           angleMin: 0,
-          angleMax: PI * 2,
+          angleMax: PI2 * 2,
           gravity: -15,
           tint: { r: 200, g: 120, b: 255 },
           scaleMin: 0.1,
@@ -22196,7 +23204,7 @@ function createCombatPresets(manifest) {
           spread: 10,
           velocityMin: 15,
           velocityMax: 50,
-          angleMin: -PI,
+          angleMin: -PI2,
           angleMax: 0,
           gravity: -40,
           tint: { r: 220, g: 180, b: 255 },
@@ -22245,8 +23253,8 @@ function createCombatPresets(manifest) {
           spread: 15,
           velocityMin: 10,
           velocityMax: 40,
-          angleMin: -PI,
-          angleMax: -PI * 0.3,
+          angleMin: -PI2,
+          angleMax: -PI2 * 0.3,
           gravity: -50,
           tint: { r: 80, g: 255, b: 120 },
           scaleMin: 0.15,
@@ -22264,8 +23272,8 @@ function createCombatPresets(manifest) {
           spread: 12,
           velocityMin: 15,
           velocityMax: 50,
-          angleMin: -PI * 0.9,
-          angleMax: -PI * 0.1,
+          angleMin: -PI2 * 0.9,
+          angleMax: -PI2 * 0.1,
           gravity: -60,
           tint: { r: 100, g: 255, b: 140 },
           scaleMin: 0.1,
@@ -22314,7 +23322,7 @@ function createCombatPresets(manifest) {
           velocityMin: 10,
           velocityMax: 35,
           angleMin: 0,
-          angleMax: PI * 2,
+          angleMax: PI2 * 2,
           gravity: 0,
           tint: { r: 80, g: 160, b: 255 },
           scaleMin: 0.12,
@@ -22363,7 +23371,7 @@ function createCombatPresets(manifest) {
           velocityMin: 8,
           velocityMax: 30,
           angleMin: 0,
-          angleMax: PI * 2,
+          angleMax: PI2 * 2,
           gravity: 0,
           tint: { r: 60, g: 180, b: 255 },
           scaleMin: 0.1,
@@ -22414,7 +23422,7 @@ function createCombatPresets(manifest) {
           velocityMin: 50,
           velocityMax: 150,
           angleMin: 0,
-          angleMax: PI * 2,
+          angleMax: PI2 * 2,
           gravity: 80,
           tint: { r: 255, g: 180, b: 50 },
           scaleMin: 0.08,
@@ -22455,7 +23463,7 @@ function createCombatPresets(manifest) {
           velocityMin: 60,
           velocityMax: 180,
           angleMin: 0,
-          angleMax: PI * 2,
+          angleMax: PI2 * 2,
           gravity: 60,
           tint: { r: 255, g: 120, b: 30 },
           scaleMin: 0.15,
@@ -22473,7 +23481,7 @@ function createCombatPresets(manifest) {
           velocityMin: 80,
           velocityMax: 200,
           angleMin: 0,
-          angleMax: PI * 2,
+          angleMax: PI2 * 2,
           gravity: 100,
           tint: { r: 255, g: 200, b: 60 },
           scaleMin: 0.06,
@@ -22516,7 +23524,7 @@ function createCombatPresets(manifest) {
           velocityMin: 30,
           velocityMax: 100,
           angleMin: 0,
-          angleMax: PI * 2,
+          angleMax: PI2 * 2,
           gravity: 100,
           tint: { r: 140, g: 140, b: 140 },
           scaleMin: 0.15,
@@ -22582,7 +23590,7 @@ function createCombatPresets(manifest) {
           spread: 15,
           velocityMin: 15,
           velocityMax: 50,
-          angleMin: -PI,
+          angleMin: -PI2,
           angleMax: 0,
           gravity: -30,
           tint: { r: 255, g: 215, b: 50 },
@@ -22601,8 +23609,8 @@ function createCombatPresets(manifest) {
           spread: 8,
           velocityMin: 5,
           velocityMax: 20,
-          angleMin: -PI * 0.7,
-          angleMax: -PI * 0.3,
+          angleMin: -PI2 * 0.7,
+          angleMax: -PI2 * 0.3,
           gravity: -20,
           tint: { r: 255, g: 230, b: 100 },
           scaleMin: 0.2,
@@ -22650,7 +23658,7 @@ function createCombatPresets(manifest) {
           spread: 12,
           velocityMin: 15,
           velocityMax: 40,
-          angleMin: -PI,
+          angleMin: -PI2,
           angleMax: 0,
           gravity: -20,
           tint: { r: 120, g: 40, b: 160 },
@@ -22668,8 +23676,8 @@ function createCombatPresets(manifest) {
           spread: 10,
           velocityMin: 8,
           velocityMax: 25,
-          angleMin: -PI * 0.8,
-          angleMax: -PI * 0.2,
+          angleMin: -PI2 * 0.8,
+          angleMax: -PI2 * 0.2,
           gravity: -15,
           tint: { r: 100, g: 50, b: 140 },
           scaleMin: 0.2,
@@ -22716,7 +23724,7 @@ function createCombatPresets(manifest) {
           velocityMin: 40,
           velocityMax: 140,
           angleMin: 0,
-          angleMax: PI * 2,
+          angleMax: PI2 * 2,
           gravity: 40,
           tint: { r: 255, g: 140, b: 30 },
           scaleMin: 0.2,
@@ -22734,7 +23742,7 @@ function createCombatPresets(manifest) {
           velocityMin: 60,
           velocityMax: 200,
           angleMin: 0,
-          angleMax: PI * 2,
+          angleMax: PI2 * 2,
           gravity: 60,
           tint: { r: 255, g: 180, b: 60 },
           scaleMin: 0.06,
@@ -24566,7 +25574,7 @@ function CastleBoard({
   const [selectedFeature, setSelectedFeature] = useState(null);
   const hoveredFeature = useMemo(() => {
     if (!hoveredTile) return null;
-    return features.find((f) => f.x === hoveredTile.x && f.y === hoveredTile.y) ?? null;
+    return features.find((f3) => f3.x === hoveredTile.x && f3.y === hoveredTile.y) ?? null;
   }, [hoveredTile, features]);
   const hoveredUnit = useMemo(() => {
     if (!hoveredTile) return null;
@@ -24581,7 +25589,7 @@ function CastleBoard({
     [scale, baseOffsetX]
   );
   const handleTileClick = useCallback((x, y) => {
-    const feature = features.find((f) => f.x === x && f.y === y);
+    const feature = features.find((f3) => f3.x === x && f3.y === y);
     if (feature) {
       setSelectedFeature(feature);
       onFeatureClick?.(feature);
@@ -24666,7 +25674,7 @@ function LinearView({
     /* @__PURE__ */ jsx(HStack, { className: "flex-wrap items-center", gap: "xs", children: trait.states.map((state, i) => {
       const isDone = i < currentIdx;
       const isCurrent = i === currentIdx;
-      return /* @__PURE__ */ jsxs(React86__default.Fragment, { children: [
+      return /* @__PURE__ */ jsxs(React88__default.Fragment, { children: [
         i > 0 && /* @__PURE__ */ jsx(
           Typography,
           {
@@ -25320,7 +26328,7 @@ function SequenceBar({
     onSlotRemove(index);
   }, [onSlotRemove, playing]);
   const paddedSlots = Array.from({ length: maxSlots }, (_, i) => slots[i]);
-  return /* @__PURE__ */ jsx(HStack, { className: cn("items-center", className), gap: "sm", children: paddedSlots.map((slot, i) => /* @__PURE__ */ jsxs(React86__default.Fragment, { children: [
+  return /* @__PURE__ */ jsx(HStack, { className: cn("items-center", className), gap: "sm", children: paddedSlots.map((slot, i) => /* @__PURE__ */ jsxs(React88__default.Fragment, { children: [
     i > 0 && /* @__PURE__ */ jsx(
       Typography,
       {
@@ -25463,7 +26471,7 @@ function SequencerBoard({
           setPlayState("idle");
           setCurrentStep(-1);
           emit("UI:PLAY_SOUND", { key: "fail" });
-          const correctCount2 = feedback.filter((f) => f === "correct").length;
+          const correctCount2 = feedback.filter((f3) => f3 === "correct").length;
           for (let ci = 0; ci < correctCount2; ci++) {
             setTimeout(() => {
               emit("UI:PLAY_SOUND", { key: "correctSlot" });
@@ -25490,8 +26498,8 @@ function SequencerBoard({
   };
   const usedIds = entity.allowDuplicates === false ? slots.filter(Boolean).map((s) => s?.id || "") : [];
   const showHint = attempts >= 3 && !!entity.hint;
-  const hasFeedback = slotFeedback.some((f) => f !== null);
-  const correctCount = slotFeedback.filter((f) => f === "correct").length;
+  const hasFeedback = slotFeedback.some((f3) => f3 !== null);
+  const correctCount = slotFeedback.filter((f3) => f3 === "correct").length;
   const encourageKey = ENCOURAGEMENT_KEYS[Math.min(attempts - 1, ENCOURAGEMENT_KEYS.length - 1)] ?? ENCOURAGEMENT_KEYS[0];
   return /* @__PURE__ */ jsxs(
     VStack,
@@ -27808,7 +28816,7 @@ function InputPattern({
   className
 }) {
   const { emit } = useEventBus();
-  const [localValue, setLocalValue] = React86__default.useState(value);
+  const [localValue, setLocalValue] = React88__default.useState(value);
   const handleChange = (e) => {
     setLocalValue(e.target.value);
     if (onChange) {
@@ -27845,7 +28853,7 @@ function TextareaPattern({
   className
 }) {
   const { emit } = useEventBus();
-  const [localValue, setLocalValue] = React86__default.useState(value);
+  const [localValue, setLocalValue] = React88__default.useState(value);
   const handleChange = (e) => {
     setLocalValue(e.target.value);
     if (onChange) {
@@ -27876,7 +28884,7 @@ function SelectPattern({
   className
 }) {
   const { emit } = useEventBus();
-  const [localValue, setLocalValue] = React86__default.useState(value);
+  const [localValue, setLocalValue] = React88__default.useState(value);
   const handleChange = (e) => {
     setLocalValue(e.target.value);
     if (onChange) {
@@ -27905,7 +28913,7 @@ function CheckboxPattern({
   className
 }) {
   const { emit } = useEventBus();
-  const [localChecked, setLocalChecked] = React86__default.useState(checked);
+  const [localChecked, setLocalChecked] = React88__default.useState(checked);
   const handleChange = (e) => {
     setLocalChecked(e.target.checked);
     if (onChange) {
@@ -29787,7 +30795,7 @@ var DocumentViewer = ({
 };
 DocumentViewer.displayName = "DocumentViewer";
 function extractTitle(children) {
-  if (!React86__default.isValidElement(children)) return void 0;
+  if (!React88__default.isValidElement(children)) return void 0;
   const props = children.props;
   if (typeof props.title === "string") {
     return props.title;
@@ -30385,7 +31393,7 @@ var MediaGallery = ({
     [selectable, selectedItems, selectionEvent, eventBus]
   );
   const entityData = Array.isArray(entity) ? entity : [];
-  const items = React86__default.useMemo(() => {
+  const items = React88__default.useMemo(() => {
     if (propItems) return propItems;
     if (entityData.length === 0) return [];
     return entityData.map((record, idx) => ({
@@ -30547,7 +31555,7 @@ var MediaGallery = ({
 };
 MediaGallery.displayName = "MediaGallery";
 function extractTitle2(children) {
-  if (!React86__default.isValidElement(children)) return void 0;
+  if (!React88__default.isValidElement(children)) return void 0;
   const props = children.props;
   if (typeof props.title === "string") {
     return props.title;
@@ -30633,7 +31641,7 @@ function subscribeToDebugEvents(listener) {
 
 // components/organisms/debug/hooks/useDebugData.ts
 function useDebugData() {
-  const [data, setData] = React86.useState(() => ({
+  const [data, setData] = React88.useState(() => ({
     traits: [],
     ticks: [],
     guards: [],
@@ -30647,7 +31655,7 @@ function useDebugData() {
     },
     lastUpdate: Date.now()
   }));
-  React86.useEffect(() => {
+  React88.useEffect(() => {
     const updateData = () => {
       setData({
         traits: getAllTraits(),
@@ -30916,15 +31924,15 @@ var TYPE_BADGES = {
   state: { variant: "danger", icon: "\u{1F4CA}" }
 };
 function EventFlowTab({ events: events2 }) {
-  const [filter, setFilter] = React86.useState("all");
-  const containerRef = React86.useRef(null);
-  const [autoScroll, setAutoScroll] = React86.useState(true);
-  React86.useEffect(() => {
+  const [filter, setFilter] = React88.useState("all");
+  const containerRef = React88.useRef(null);
+  const [autoScroll, setAutoScroll] = React88.useState(true);
+  React88.useEffect(() => {
     if (autoScroll && containerRef.current) {
       containerRef.current.scrollTop = containerRef.current.scrollHeight;
     }
   }, [events2.length, autoScroll]);
-  const filteredEvents = React86.useMemo(() => {
+  const filteredEvents = React88.useMemo(() => {
     if (filter === "all") return events2;
     return events2.filter((e) => e.type === filter);
   }, [events2, filter]);
@@ -31023,7 +32031,7 @@ function EventFlowTab({ events: events2 }) {
 }
 EventFlowTab.displayName = "EventFlowTab";
 function GuardsPanel({ guards }) {
-  const [filter, setFilter] = React86.useState("all");
+  const [filter, setFilter] = React88.useState("all");
   if (guards.length === 0) {
     return /* @__PURE__ */ jsx(
       EmptyState,
@@ -31036,7 +32044,7 @@ function GuardsPanel({ guards }) {
   }
   const passedCount = guards.filter((g) => g.result).length;
   const failedCount = guards.length - passedCount;
-  const filteredGuards = React86.useMemo(() => {
+  const filteredGuards = React88.useMemo(() => {
     if (filter === "all") return guards;
     if (filter === "passed") return guards.filter((g) => g.result);
     return guards.filter((g) => !g.result);
@@ -31180,10 +32188,10 @@ function EffectBadge({ effect }) {
   ] });
 }
 function TransitionTimeline({ transitions: transitions2 }) {
-  const containerRef = React86.useRef(null);
-  const [autoScroll, setAutoScroll] = React86.useState(true);
-  const [expandedId, setExpandedId] = React86.useState(null);
-  React86.useEffect(() => {
+  const containerRef = React88.useRef(null);
+  const [autoScroll, setAutoScroll] = React88.useState(true);
+  const [expandedId, setExpandedId] = React88.useState(null);
+  React88.useEffect(() => {
     if (autoScroll && containerRef.current) {
       containerRef.current.scrollTop = containerRef.current.scrollHeight;
     }
@@ -31382,9 +32390,9 @@ function extractPayloadFields(schema, eventName) {
       for (const evt of events2) {
         if (evt.name !== eventName) continue;
         const payload = evt.payload ?? [];
-        return payload.map((f) => ({
-          name: f.name,
-          type: f.type ?? "string"
+        return payload.map((f3) => ({
+          name: f3.name,
+          type: f3.type ?? "string"
         }));
       }
     }
@@ -31444,9 +32452,9 @@ function getAllEvents(traits2) {
 }
 function EventDispatcherTab({ traits: traits2, schema }) {
   const eventBus = useEventBus();
-  const [log, setLog] = React86.useState([]);
-  const prevStatesRef = React86.useRef(/* @__PURE__ */ new Map());
-  React86.useEffect(() => {
+  const [log, setLog] = React88.useState([]);
+  const prevStatesRef = React88.useRef(/* @__PURE__ */ new Map());
+  React88.useEffect(() => {
     for (const trait of traits2) {
       const prev = prevStatesRef.current.get(trait.id);
       if (prev && prev !== trait.currentState) {
@@ -31529,10 +32537,10 @@ function RuntimeDebugger({
   defaultTab,
   schema
 }) {
-  const [isCollapsed, setIsCollapsed] = React86.useState(defaultCollapsed);
-  const [isVisible, setIsVisible] = React86.useState(mode === "inline" || isDebugEnabled2());
+  const [isCollapsed, setIsCollapsed] = React88.useState(defaultCollapsed);
+  const [isVisible, setIsVisible] = React88.useState(mode === "inline" || isDebugEnabled2());
   const debugData = useDebugData();
-  React86.useEffect(() => {
+  React88.useEffect(() => {
     if (mode === "inline") return;
     return onDebugToggle((enabled) => {
       setIsVisible(enabled);
@@ -31541,7 +32549,7 @@ function RuntimeDebugger({
       }
     });
   }, [mode]);
-  React86.useEffect(() => {
+  React88.useEffect(() => {
     if (mode === "inline") return;
     const handleKeyDown = (e) => {
       if (e.key === "`" && isVisible) {
@@ -31938,23 +32946,23 @@ var Timeline = ({
 }) => {
   const { t } = useTranslate();
   const entityData = Array.isArray(entity) ? entity : [];
-  const items = React86__default.useMemo(() => {
+  const items = React88__default.useMemo(() => {
     if (propItems) return propItems;
     if (entityData.length === 0) return [];
     return entityData.map((record, idx) => {
-      const resolveField = (f) => {
-        if (typeof f === "string") return f;
-        if (f && typeof f === "object" && "name" in f) return String(f.name);
+      const resolveField = (f3) => {
+        if (typeof f3 === "string") return f3;
+        if (f3 && typeof f3 === "object" && "name" in f3) return String(f3.name);
         return "";
       };
       const resolvedFields = fields?.map(resolveField) ?? [];
       const titleField = resolvedFields[0] || "title";
       const descField = resolvedFields[1] || "description";
       const dateField = resolvedFields.find(
-        (f) => f.toLowerCase().includes("date")
+        (f3) => f3.toLowerCase().includes("date")
       ) || "date";
       const statusField = resolvedFields.find(
-        (f) => f.toLowerCase().includes("status")
+        (f3) => f3.toLowerCase().includes("status")
       ) || "status";
       return {
         id: String(record.id ?? idx),
@@ -32040,7 +33048,7 @@ var Timeline = ({
 };
 Timeline.displayName = "Timeline";
 function extractToastProps(children) {
-  if (!React86__default.isValidElement(children)) {
+  if (!React88__default.isValidElement(children)) {
     if (typeof children === "string") {
       return { message: children };
     }
@@ -32071,7 +33079,7 @@ var ToastSlot = ({
     eventBus.emit("UI:CLOSE");
   };
   if (!isVisible) return null;
-  const isCustomContent = React86__default.isValidElement(children) && !message;
+  const isCustomContent = React88__default.isValidElement(children) && !message;
   return /* @__PURE__ */ jsx(Box, { className: "fixed bottom-4 right-4 z-50", children: isCustomContent ? children : /* @__PURE__ */ jsx(
     Toast,
     {
@@ -32113,12 +33121,12 @@ WorldMapTemplate.displayName = "WorldMapTemplate";
 
 // components/organisms/component-registry.generated.ts
 function lazyThree(name, loader) {
-  const Lazy = React86__default.lazy(() => loader().then((m) => ({ default: m[name] })));
+  const Lazy = React88__default.lazy(() => loader().then((m) => ({ default: m[name] })));
   function ThreeWrapper(props) {
-    return React86__default.createElement(
-      React86__default.Suspense,
+    return React88__default.createElement(
+      React88__default.Suspense,
       { fallback: null },
-      React86__default.createElement(Lazy, props)
+      React88__default.createElement(Lazy, props)
     );
   }
   ThreeWrapper.displayName = `Lazy(${name})`;
@@ -32406,7 +33414,7 @@ function SuspenseConfigProvider({
   config,
   children
 }) {
-  return React86__default.createElement(
+  return React88__default.createElement(
     SuspenseConfigContext.Provider,
     { value: config },
     children
@@ -33407,11 +34415,11 @@ var LandingPageTemplate = ({
       /* @__PURE__ */ jsx(
         FeatureGrid,
         {
-          items: resolved.features.map((f) => ({
-            icon: f.icon,
-            title: f.title,
-            description: f.description,
-            href: f.href
+          items: resolved.features.map((f3) => ({
+            icon: f3.icon,
+            title: f3.title,
+            description: f3.description,
+            href: f3.href
           })),
           columns: featureColumns
         }
@@ -34031,9 +35039,9 @@ function useFileEditor(options) {
   const [openFiles, setOpenFiles] = useState([]);
   const [activeFilePath, setActiveFilePath] = useState(null);
   const [isSaving, setIsSaving] = useState(false);
-  const activeFile = openFiles.find((f) => f.path === activeFilePath) || null;
+  const activeFile = openFiles.find((f3) => f3.path === activeFilePath) || null;
   const openFile = useCallback(async (path) => {
-    const existing = openFiles.find((f) => f.path === path);
+    const existing = openFiles.find((f3) => f3.path === path);
     if (existing) {
       setActiveFilePath(path);
       return;
@@ -34054,9 +35062,9 @@ function useFileEditor(options) {
     }
   }, [openFiles, fileSystem, extensions]);
   const closeFile = useCallback((path) => {
-    setOpenFiles((prev) => prev.filter((f) => f.path !== path));
+    setOpenFiles((prev) => prev.filter((f3) => f3.path !== path));
     if (activeFilePath === path) {
-      const remaining = openFiles.filter((f) => f.path !== path);
+      const remaining = openFiles.filter((f3) => f3.path !== path);
       setActiveFilePath(remaining.length > 0 ? remaining[0].path : null);
     }
   }, [activeFilePath, openFiles]);
@@ -34066,7 +35074,7 @@ function useFileEditor(options) {
   const updateFileContent = useCallback((path, content) => {
     setOpenFiles(
       (prev) => prev.map(
-        (f) => f.path === path ? { ...f, content, isDirty: true } : f
+        (f3) => f3.path === path ? { ...f3, content, isDirty: true } : f3
       )
     );
   }, []);
@@ -34093,14 +35101,14 @@ function useFileEditor(options) {
     }
   }, [fileSystem, onSchemaUpdate]);
   const saveFile = useCallback(async (path) => {
-    const file = openFiles.find((f) => f.path === path);
+    const file = openFiles.find((f3) => f3.path === path);
     if (!file) return;
     setIsSaving(true);
     try {
       await fileSystem.writeFile(path, file.content);
       setOpenFiles(
         (prev) => prev.map(
-          (f) => f.path === path ? { ...f, isDirty: false } : f
+          (f3) => f3.path === path ? { ...f3, isDirty: false } : f3
         )
       );
       if (path.endsWith(".orb") || path.endsWith("schema.json")) {
@@ -34119,7 +35127,7 @@ function useFileEditor(options) {
   const saveAllFiles = useCallback(async () => {
     setIsSaving(true);
     try {
-      const dirtyFiles = openFiles.filter((f) => f.isDirty);
+      const dirtyFiles = openFiles.filter((f3) => f3.isDirty);
       for (const file of dirtyFiles) {
         await saveFile(file.path);
       }
@@ -34789,7 +35797,7 @@ function EntityDataProvider({
   adapter,
   children
 }) {
-  return React86__default.createElement(
+  return React88__default.createElement(
     EntityDataContext.Provider,
     { value: adapter },
     children
@@ -35615,4 +36623,4 @@ function useGitHubBranches(owner, repo, enabled = true) {
   });
 }
 
-export { ALL_PRESETS, AR_BOOK_FIELDS, AboutPageTemplate, Accordion, ActionButton, ActionButtons, Card2 as ActionCard, ActionPalette, ActionTile, Alert, AnimatedCounter, ArticleSection, AuthLayout, Avatar, Badge, BattleBoard, BattleTemplate, BookChapterView, BookCoverPage, BookNavBar, BookTableOfContents, BookViewer, Box, Breadcrumb, BuilderBoard, Button, ButtonGroup, CTABanner, CalendarGrid, CanvasEffect, Card, CardBody, CardContent, CardFooter, CardGrid, CardHeader, CardTitle, Carousel, CaseStudyCard, CaseStudyOrganism, CastleBoard, CastleTemplate, Center, Chart, ChartLegend, Checkbox, ChoiceButton, ClassifierBoard, CodeBlock, CodeExample, CodeView, CodeViewer, CollapsibleSection, CombatLog, ComboCounter, CommunityLinks, ConditionalWrapper, ConfettiEffect, ConfirmDialog, Container, ContentRenderer, ContentSection, ControlButton, CounterTemplate, CraftingRecipe, DEFAULT_SLOTS, DIAMOND_TOP_Y, DPad, DamageNumber, DashboardGrid, DashboardLayout, DataGrid, DataList, DataTable, DateRangeSelector, DayCell, DebuggerBoard, DetailPanel, DialogueBox, DialogueBubble, Divider, DocumentViewer, StateMachineView as DomStateMachineVisualizer, Drawer, DrawerSlot, ENTITY_EVENTS, EditorCheckbox, EditorSelect, EditorSlider, EditorTextInput, EditorToolbar, EmptyState, EnemyPlate, EntityDataProvider, EntityDisplayEvents, ErrorBoundary, ErrorState, EventHandlerBoard, EventLog, FEATURE_COLORS, FEATURE_TYPES, FLOOR_HEIGHT, FeatureCard, FeatureDetailPageTemplate, FeatureGrid, FeatureGridOrganism, FilterGroup, Flex, FlipCard, FlipContainer, FloatingActionButton, Form, FormActions, FormField, FormLayout, FormSection, FormSectionHeader, GameAudioContext, GameAudioProvider, GameAudioToggle, GameCanvas2D, GameHud, GameMenu, GameOverScreen, GameShell, GameTemplate, GenericAppTemplate, GraphCanvas, GraphView, Grid, HStack, Header, Heading, HealthBar, HealthPanel, HeroOrganism, HeroSection, I18nProvider, IDENTITY_BOOK_FIELDS, Icon, InfiniteScrollSentinel, Input, InputGroup, InstallBox, InventoryGrid, InventoryPanel, IsometricCanvas, ItemSlot, JazariStateMachine, Label, LandingPageTemplate, LawReferenceTooltip, Lightbox, LineChart, List, LoadingState, MapView, MarkdownContent, MarketingStatCard, MasterDetail, MediaGallery, Menu, Meter, MiniMap, Modal, ModalSlot, Navigation, NegotiatorBoard, NotifyListener, NumberStepper, ObjectRulePanel, StateMachineView as OrbitalStateMachineView, OrbitalVisualization, Overlay, PageHeader, Pagination, PhysicsManager, PlatformerCanvas, Popover, PowerupSlots, PricingCard, PricingGrid, PricingOrganism, PricingPageTemplate, ProgressBar, ProgressDots, PullToRefresh, QuestTracker, QuizBlock, Radio, RangeSlider, RelationSelect, RepeatableFormSection, ResourceBar, ResourceCounter, RuleEditor, RuntimeDebugger, SHEET_COLUMNS, SPRITE_SHEET_LAYOUT, ScaledDiagram, ScoreBoard, ScoreDisplay, SearchInput, Section, SectionHeader, Select, SequenceBar, SequencerBoard, ServiceCatalog, ShowcaseCard, ShowcaseOrganism, SidePanel, Sidebar, SignaturePad, SimpleGrid, SimulationCanvas, SimulationControls, SimulationGraph, SimulatorBoard, Skeleton, SlotContentRenderer, SocialProof, SortableList, Spacer, Spinner, Split, SplitPane, SplitSection, Sprite, Stack, StarRating, StatBadge, StatCard, StatDisplay, StateArchitectBoard, StateIndicator, StateMachineView, StateNode2 as StateNode, StatsGrid, StatsOrganism, StatusBar, StatusDot, StatusEffect, StepFlow, StepFlowOrganism, SwipeableRow, Switch, TERRAIN_COLORS, TILE_HEIGHT, TILE_WIDTH, TabbedContainer, Table, Tabs, TagCloud, TeamCard, TeamOrganism, TerrainPalette, Text, TextHighlight, Textarea, ThemeSelector, ThemeToggle, TimeSlotCell, Timeline, TimerDisplay, Toast, ToastSlot, Tooltip, TraitSlot, TraitStateViewer, TransitionArrow, TrendIndicator, TurnIndicator, TurnPanel, TypewriterText, Typography, UISlotComponent, UISlotRenderer, UncontrolledBattleBoard, UnitCommandBar, UploadDropZone, VStack, VariablePanel, ViolationAlert, WaypointMarker, WizardContainer, WizardNavigation, WizardProgress, WorldMapBoard, WorldMapTemplate, XPBar, applyTemporaryEffect, calculateAttackTargets, calculateDamage, calculateValidMoves, clearEntities, cn, combatAnimations, combatClasses, combatEffects, createInitialGameState, createTranslate, createUnitAnimationState, drawSprite, entityDataKeys, generateCombatMessage, getAllEntities, getByType, getCurrentFrame, getEntity, getSingleton, inferDirection, isoToScreen, mapBookData, parseQueryBinding, pendulum, projectileMotion, removeEntity, resolveFieldMap, resolveFrame, resolveSheetDirection, screenToIso, spawnEntity, springOscillator, tickAnimationState, transitionAnimation, updateEntity, updateSingleton, useAgentChat, useAuthContext, useBattleState, useCamera, useCompile, useConnectGitHub, useCreateEntity, useDeepAgentGeneration, useDeleteEntity, useDisconnectGitHub, useDragReorder, useEmitEvent, useEntities, useEntitiesByType, useEntity, useEntity2 as useEntityById, useEntityDataAdapter, useEntityDetail, useEntityList, useEntityListSuspense, useEntityMutations, useEntitySuspense, useEventBus, useEventListener, useExtensions, useFileEditor, useFileSystem, useGameAudio, useGameAudioContext, useGitHubBranches, useGitHubRepo, useGitHubRepos, useGitHubStatus, useImageCache, useInfiniteScroll, useInput, useLongPress, useOrbitalHistory, useOrbitalMutations, usePhysics, usePhysics2D, usePinchZoom, usePlayer, usePreview, usePullToRefresh, useQuerySingleton, useResolvedEntity, useSelectedEntity, useSendOrbitalEvent, useSingletonEntity, useSpriteAnimations, useSwipeGesture, useTranslate, useUIEvents, useUISlotManager, useUpdateEntity, useValidation };
+export { ALL_PRESETS, AR_BOOK_FIELDS, AboutPageTemplate, Accordion, ActionButton, ActionButtons, Card2 as ActionCard, ActionPalette, ActionTile, Alert, AnimatedCounter, ArticleSection, AuthLayout, Avatar, Badge, BattleBoard, BattleTemplate, BookChapterView, BookCoverPage, BookNavBar, BookTableOfContents, BookViewer, Box, Breadcrumb, BuilderBoard, Button, ButtonGroup, CTABanner, CalendarGrid, CanvasEffect, Card, CardBody, CardContent, CardFooter, CardGrid, CardHeader, CardTitle, Carousel, CaseStudyCard, CaseStudyOrganism, CastleBoard, CastleTemplate, Center, Chart, ChartLegend, Checkbox, ChoiceButton, ClassifierBoard, CodeBlock, CodeExample, CodeView, CodeViewer, CollapsibleSection, CombatLog, ComboCounter, CommunityLinks, ConditionalWrapper, ConfettiEffect, ConfirmDialog, Container, ContentRenderer, ContentSection, ControlButton, CounterTemplate, CraftingRecipe, DEFAULT_SLOTS, DIAMOND_TOP_Y, DPad, DamageNumber, DashboardGrid, DashboardLayout, DataGrid, DataList, DataTable, DateRangeSelector, DayCell, DebuggerBoard, DetailPanel, DialogueBox, DialogueBubble, Divider, DocumentViewer, StateMachineView as DomStateMachineVisualizer, Drawer, DrawerSlot, ENTITY_EVENTS, EdgeDecoration, EditorCheckbox, EditorSelect, EditorSlider, EditorTextInput, EditorToolbar, EmptyState, EnemyPlate, EntityDataProvider, EntityDisplayEvents, ErrorBoundary, ErrorState, EventHandlerBoard, EventLog, FEATURE_COLORS, FEATURE_TYPES, FLOOR_HEIGHT, FeatureCard, FeatureDetailPageTemplate, FeatureGrid, FeatureGridOrganism, FilterGroup, Flex, FlipCard, FlipContainer, FloatingActionButton, Form, FormActions, FormField, FormLayout, FormSection, FormSectionHeader, GameAudioContext, GameAudioProvider, GameAudioToggle, GameCanvas2D, GameHud, GameMenu, GameOverScreen, GameShell, GameTemplate, GenericAppTemplate, GeometricPattern, GraphCanvas, GraphView, Grid, HStack, Header, Heading, HealthBar, HealthPanel, HeroOrganism, HeroSection, I18nProvider, IDENTITY_BOOK_FIELDS, Icon, InfiniteScrollSentinel, Input, InputGroup, InstallBox, InventoryGrid, InventoryPanel, IsometricCanvas, ItemSlot, JazariStateMachine, Label, LandingPageTemplate, LawReferenceTooltip, Lightbox, LineChart, List, LoadingState, MapView, MarkdownContent, MarketingStatCard, MasterDetail, MediaGallery, Menu, Meter, MiniMap, Modal, ModalSlot, Navigation, NegotiatorBoard, NotifyListener, NumberStepper, ObjectRulePanel, StateMachineView as OrbitalStateMachineView, OrbitalVisualization, Overlay, PageHeader, Pagination, PatternTile, PhysicsManager, PlatformerCanvas, Popover, PowerupSlots, PricingCard, PricingGrid, PricingOrganism, PricingPageTemplate, ProgressBar, ProgressDots, PullToRefresh, QuestTracker, QuizBlock, Radio, RangeSlider, RelationSelect, RepeatableFormSection, ResourceBar, ResourceCounter, RuleEditor, RuntimeDebugger, SHEET_COLUMNS, SPRITE_SHEET_LAYOUT, ScaledDiagram, ScoreBoard, ScoreDisplay, SearchInput, Section, SectionHeader, Select, SequenceBar, SequencerBoard, ServiceCatalog, ShowcaseCard, ShowcaseOrganism, SidePanel, Sidebar, SignaturePad, SimpleGrid, SimulationCanvas, SimulationControls, SimulationGraph, SimulatorBoard, Skeleton, SlotContentRenderer, SocialProof, SortableList, Spacer, Spinner, Split, SplitPane, SplitSection, Sprite, Stack, StarRating, StatBadge, StatCard, StatDisplay, StateArchitectBoard, StateIndicator, StateMachineView, StateNode2 as StateNode, StatsGrid, StatsOrganism, StatusBar, StatusDot, StatusEffect, StepFlow, StepFlowOrganism, SwipeableRow, Switch, TERRAIN_COLORS, TILE_HEIGHT, TILE_WIDTH, TabbedContainer, Table, Tabs, TagCloud, TeamCard, TeamOrganism, TerrainPalette, Text, TextHighlight, Textarea, ThemeSelector, ThemeToggle, TimeSlotCell, Timeline, TimerDisplay, Toast, ToastSlot, Tooltip, TraitSlot, TraitStateViewer, TransitionArrow, TrendIndicator, TurnIndicator, TurnPanel, TypewriterText, Typography, UISlotComponent, UISlotRenderer, UncontrolledBattleBoard, UnitCommandBar, UploadDropZone, VStack, VariablePanel, ViolationAlert, WaypointMarker, WizardContainer, WizardNavigation, WizardProgress, WorldMapBoard, WorldMapTemplate, XPBar, applyTemporaryEffect, calculateAttackTargets, calculateDamage, calculateValidMoves, clearEntities, cn, combatAnimations, combatClasses, combatEffects, createInitialGameState, createTranslate, createUnitAnimationState, drawSprite, entityDataKeys, generateCombatMessage, getAllEntities, getByType, getCurrentFrame, getEntity, getSingleton, getTileDimensions, inferDirection, isoToScreen, mapBookData, parseQueryBinding, pendulum, projectileMotion, removeEntity, resolveFieldMap, resolveFrame, resolveSheetDirection, screenToIso, spawnEntity, springOscillator, tickAnimationState, transitionAnimation, updateEntity, updateSingleton, useAgentChat, useAuthContext, useBattleState, useCamera, useCompile, useConnectGitHub, useCreateEntity, useDeepAgentGeneration, useDeleteEntity, useDisconnectGitHub, useDragReorder, useEmitEvent, useEntities, useEntitiesByType, useEntity, useEntity2 as useEntityById, useEntityDataAdapter, useEntityDetail, useEntityList, useEntityListSuspense, useEntityMutations, useEntitySuspense, useEventBus, useEventListener, useExtensions, useFileEditor, useFileSystem, useGameAudio, useGameAudioContext, useGitHubBranches, useGitHubRepo, useGitHubRepos, useGitHubStatus, useImageCache, useInfiniteScroll, useInput, useLongPress, useOrbitalHistory, useOrbitalMutations, usePhysics, usePhysics2D, usePinchZoom, usePlayer, usePreview, usePullToRefresh, useQuerySingleton, useResolvedEntity, useSelectedEntity, useSendOrbitalEvent, useSingletonEntity, useSpriteAnimations, useSwipeGesture, useTranslate, useUIEvents, useUISlotManager, useUpdateEntity, useValidation };