@almadar/shell-web 0.1.0 → 1.1.0

package/dist/{chunk-MBQAMMSE.js → chunk-4YXBKHHM.js}

@@ -1,14 +1,18 @@
-import * as React43 from 'react';
-import React43__default, { useRef, useEffect, createContext, useCallback, useMemo, useContext, useState, useId, useSyncExternalStore, useLayoutEffect } from 'react';
+import * as React44 from 'react';
+import React44__default, { useRef, useEffect, createContext, useCallback, useMemo, useContext, useState, useId, useSyncExternalStore, useLayoutEffect } from 'react';
 import { clsx } from 'clsx';
 import { extendTailwindMerge } from 'tailwind-merge';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { createLogger } from '@almadar/logger';
-import { isSystemUiEvent, actionTestId, LOADING_STATE_MARKER, matchPath, isRoutePage, matchPathAmong, defaultPage, kernelEvaluator, KernelEvalError, toWireValue } from '@almadar/core';
-export { comparePathSpecificity, matchPath, matchPathAmong } from '@almadar/core';
 import { X, Loader2, HelpCircle, ArrowDownNarrowWide, ArrowUpNarrowWide, Share2, RefreshCw, VolumeX, Volume2, Square, Trash2 } from 'lucide-react';
 import dynamicIconImports from 'lucide-react/dynamicIconImports.mjs';
+import themeToggleEn from '@almadar/std/ui-theme-toggle-locales/en';
+import themeToggleAr from '@almadar/std/ui-theme-toggle-locales/ar';
+import themeToggleSl from '@almadar/std/ui-theme-toggle-locales/sl';
+import { actionTestId, LOADING_STATE_MARKER, matchPath, isRoutePage, matchPathAmong, defaultPage, notFoundPage, kernelEvaluator, KernelEvalError, toWireValue } from '@almadar/core';
+export { comparePathSpecificity, matchPath, matchPathAmong } from '@almadar/core';
 import { useLocation, useNavigate } from 'react-router-dom';
+import patternTileGeometry from '@almadar/core/patterns/pattern-tile-geometry.json';
 
 // src/core/lib/theme-scale.ts
 var THEME_SCALE_KEYS = {
@@ -113,7 +117,7 @@ function applyMorphAnimation(container, animate, duration, delay, easing) {
     el.style.opacity = animate ? "1" : "0";
   });
 }
-var AnimatedGraphic = React43__default.forwardRef(
+var AnimatedGraphic = React44__default.forwardRef(
   ({
     src,
     svgContent,
@@ -136,7 +140,7 @@ var AnimatedGraphic = React43__default.forwardRef(
     const fetchedSvg = useFetchedSvg(svgContent ? void 0 : src);
     const resolvedSvg = svgContent ?? fetchedSvg;
     const prevAnimateRef = useRef(animate);
-    const setRef = React43__default.useCallback(
+    const setRef = React44__default.useCallback(
       (node) => {
         containerRef.current = node;
         if (typeof ref === "function") ref(node);
@@ -395,14 +399,23 @@ function EventBusProvider({ children, isolated = false }) {
   return /* @__PURE__ */ jsx(EventBusContext.Provider, { value: contextValue, children });
 }
 
+// src/core/lib/band-shapes.json
+var band_shapes_default = {
+  wave: "M0 60 C240 100 480 100 720 60 C960 20 1200 20 1440 60 V100 H0 Z",
+  arc: "M0 100 Q720 0 1440 100 Z",
+  tilt: "M0 100 L1440 0 V100 Z",
+  step: "M0 100 V75 H360 V50 H720 V25 H1080 V0 H1440 V100 Z",
+  scallop: "M0 100 V40 a60 40 0 0 1 120 0 a60 40 0 0 1 120 0 a60 40 0 0 1 120 0 a60 40 0 0 1 120 0 a60 40 0 0 1 120 0 a60 40 0 0 1 120 0 a60 40 0 0 1 120 0 a60 40 0 0 1 120 0 a60 40 0 0 1 120 0 a60 40 0 0 1 120 0 a60 40 0 0 1 120 0 a60 40 0 0 1 120 0 V100 Z"
+};
+
 // src/core/lib/bandShapes.ts
 var shape = (d) => `url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 100' preserveAspectRatio='none'><path d='${d}'/></svg>")`;
 var BAND_SHAPES = {
-  wave: shape("M0 60 C240 100 480 100 720 60 C960 20 1200 20 1440 60 V100 H0 Z"),
-  arc: shape("M0 100 Q720 0 1440 100 Z"),
-  tilt: shape("M0 100 L1440 0 V100 Z"),
-  step: shape("M0 100 V75 H360 V50 H720 V25 H1080 V0 H1440 V100 Z"),
-  scallop: shape("M0 100 V40 a60 40 0 0 1 120 0 a60 40 0 0 1 120 0 a60 40 0 0 1 120 0 a60 40 0 0 1 120 0 a60 40 0 0 1 120 0 a60 40 0 0 1 120 0 a60 40 0 0 1 120 0 a60 40 0 0 1 120 0 a60 40 0 0 1 120 0 a60 40 0 0 1 120 0 a60 40 0 0 1 120 0 a60 40 0 0 1 120 0 V100 Z")
+  wave: shape(band_shapes_default.wave),
+  arc: shape(band_shapes_default.arc),
+  tilt: shape(band_shapes_default.tilt),
+  step: shape(band_shapes_default.step),
+  scallop: shape(band_shapes_default.scallop)
 };
 var BAND_EDGE_HEIGHT = "clamp(24px, 6vw, 96px)";
 var BAND_ACCENT_FALLBACK = "linear-gradient(180deg, color-mix(in oklab, var(--color-primary) 12%, var(--color-background)), var(--color-background))";
@@ -1174,7 +1187,7 @@ var positionStyles = {
   fixed: "fixed",
   sticky: "sticky"
 };
-var Box = React43__default.forwardRef(
+var Box = React44__default.forwardRef(
   ({
     padding,
     paddingX,
@@ -1266,12 +1279,12 @@ var Box = React43__default.forwardRef(
     const bandLayers = isBand ? /* @__PURE__ */ jsxs(Fragment, { children: [
       backdrop != null && /* @__PURE__ */ jsx(Box, { as: "span", "data-band-layer": "", "aria-hidden": true, className: "band-backdrop", children: backdrop }),
       texture && /* @__PURE__ */ jsx(Box, { as: "span", "data-band-layer": "", "aria-hidden": true, className: "band-texture" }),
-      edgeTop !== "none" && /* @__PURE__ */ jsx(Box, { as: "span", "data-band-layer": "", "aria-hidden": true, className: "band-edge band-edge-top", style: bandEdgeLayerStyle(edgeTop, "top", edgeFlip, edgeColor) }),
-      edgeBottom !== "none" && /* @__PURE__ */ jsx(Box, { as: "span", "data-band-layer": "", "aria-hidden": true, className: "band-edge band-edge-bottom", style: bandEdgeLayerStyle(edgeBottom, "bottom", edgeFlip, edgeColor) })
+      edgeTop !== "none" && /* @__PURE__ */ jsx(Box, { as: "span", "data-band-layer": "", "aria-hidden": true, className: cn("band-edge band-edge-top", `band-edge-shape-${edgeTop}`, `band-edge-color-${edgeColor}`, edgeFlip && "band-edge-flip") }),
+      edgeBottom !== "none" && /* @__PURE__ */ jsx(Box, { as: "span", "data-band-layer": "", "aria-hidden": true, className: cn("band-edge band-edge-bottom", `band-edge-shape-${edgeBottom}`, `band-edge-color-${edgeColor}`, edgeFlip && "band-edge-flip") })
     ] }) : null;
     const isClickable = action || onClick;
     const actionControl = action && rest.role === void 0 && rest.tabIndex === void 0 ? pressableProps(handleClick) : {};
-    return React43__default.createElement(
+    return React44__default.createElement(
       Component,
       {
         ref: setRef,
@@ -1414,7 +1427,7 @@ function getTraitPresence() {
 }
 function presenceGroup(traitIndex, traitName) {
   const entry = traitIndex.byName.get(traitName);
-  if (entry === void 0 || !entry.isSharedEntity) return [traitName];
+  if (entry === void 0 || !entry.shared) return [traitName];
   return [...traitIndex.byName].filter(([, e]) => e.frameKey === entry.frameKey).map(([name]) => name);
 }
 var EMPTY_CHAIN = Object.freeze([]);
@@ -1539,7 +1552,7 @@ function useEventBus() {
       return {
         ...baseBus,
         emit: (type, payload, source) => {
-          if (typeof type === "string" && type.startsWith("UI:") && !type.slice(3).includes(".") && !isSystemUiEvent(type.slice(3)) && !source?.trait) {
+          if (typeof type === "string" && type.startsWith("UI:") && !type.slice(3).includes(".") && !source?.trait) {
             scopeLog.warn("emit:bare-key-no-scope", { type });
           }
           baseBus.emit(type, payload, source);
@@ -1549,7 +1562,7 @@ function useEventBus() {
     return {
       ...baseBus,
       emit: (type, payload, source) => {
-        if (typeof type === "string" && type.startsWith("UI:") && !isSystemUiEvent(type.slice(3))) {
+        if (typeof type === "string" && type.startsWith("UI:")) {
           const tail = type.slice(3);
           const isQualified = tail.includes(".");
           const event = isQualified ? tail.split(".").slice(2).join(".") : tail;
@@ -1631,7 +1644,7 @@ var animatedStyles = {
   "scale-up": { opacity: 1, transform: "scale(1) translateY(0)" },
   "none": {}
 };
-var AnimatedReveal = React43__default.forwardRef(
+var AnimatedReveal = React44__default.forwardRef(
   ({
     trigger = "scroll",
     animation = "fade-up",
@@ -1761,7 +1774,7 @@ var AnimatedReveal = React43__default.forwardRef(
   }
 );
 AnimatedReveal.displayName = "AnimatedReveal";
-var Aside = React43__default.forwardRef(
+var Aside = React44__default.forwardRef(
   ({ className, children, ...rest }, ref) => /* @__PURE__ */ jsx("aside", { ref, className: cn(className), ...rest, children })
 );
 Aside.displayName = "Aside";
@@ -1843,7 +1856,7 @@ function blit(ctx, src, dx, dy, dw, dh) {
 }
 var sliceDataUrlCache = /* @__PURE__ */ new Map();
 function useAtlasSliceDataUrl(asset) {
-  const [, bump] = React43.useReducer((x) => x + 1, 0);
+  const [, bump] = React44.useReducer((x) => x + 1, 0);
   if (!isAtlasAsset(asset)) return void 0;
   const key = `${asset.atlas}#${asset.sprite}`;
   const cached = sliceDataUrlCache.get(key);
@@ -1910,13 +1923,13 @@ function AtlasImage({
   "aria-hidden": ariaHidden,
   ...rest
 }) {
-  const [, bump] = React43.useReducer((x) => x + 1, 0);
-  const canvasRef = React43.useRef(null);
+  const [, bump] = React44.useReducer((x) => x + 1, 0);
+  const canvasRef = React44.useRef(null);
   const sliced = isAtlasAsset(asset);
   const atlas = sliced ? getAtlas(asset.atlas, bump) : void 0;
   const img = sliced && asset?.url ? getSheetImage(asset.url, bump) : null;
   const rect = sliced && atlas ? subRectFor(atlas, asset.sprite) : null;
-  React43.useEffect(() => {
+  React44.useEffect(() => {
     const canvas = canvasRef.current;
     if (!canvas || !img || !rect) return;
     canvas.width = rect.sw;
@@ -2017,9 +2030,9 @@ function load(key) {
 }
 var adapters = /* @__PURE__ */ new Map();
 function makeLazyIcon(key) {
-  const LazyIcon = React43__default.forwardRef((props, ref) => {
-    const [Icon2, setIcon] = React43__default.useState(() => loaded.get(key));
-    React43__default.useEffect(() => {
+  const LazyIcon = React44__default.forwardRef((props, ref) => {
+    const [Icon2, setIcon] = React44__default.useState(() => loaded.get(key));
+    React44__default.useEffect(() => {
       if (Icon2 !== void 0) return void 0;
       let live = true;
       void load(key).then((component) => {
@@ -2154,7 +2167,7 @@ function useIconFamily() {
 var resolveLucide = resolveLucideByName;
 function makeLucideAdapter(name) {
   const LucideComp = resolveLucide(name);
-  const Adapter = React43__default.forwardRef((props, ref) => /* @__PURE__ */ jsx(
+  const Adapter = React44__default.forwardRef((props, ref) => /* @__PURE__ */ jsx(
     LucideComp,
     {
       ref,
@@ -2223,9 +2236,9 @@ var Icon = ({
   const effectiveName = typeof icon === "string" && icon !== "" ? icon : name;
   const effectiveStrokeWidth = strokeWidth != null && strokeWidth > 0 ? strokeWidth : void 0;
   const family = useIconFamily();
-  const svgRef = React43__default.useRef(null);
+  const svgRef = React44__default.useRef(null);
   const themeStroke = useThemeIconStrokeApplies(svgRef);
-  const RenderedComponent = React43__default.useMemo(() => {
+  const RenderedComponent = React44__default.useMemo(() => {
     if (directIcon) return null;
     return effectiveName ? resolveIconForFamily(effectiveName) : null;
   }, [directIcon, effectiveName, family]);
@@ -2395,6 +2408,9 @@ var en_default = {
   "aria.closeToast": "Dismiss toast",
   "aria.closeAlert": "Dismiss alert",
   "aria.removeFilter": "Remove filter",
+  "aria.chart": "Chart",
+  "aria.graph": "Graph",
+  "aria.pageNavigation": "Page navigation",
   "aria.closeDrawer": "Close drawer",
   "aria.closePanel": "Close panel",
   "aria.dockPanel": "Side panel",
@@ -2609,6 +2625,15 @@ var en_default = {
   "docSearch.placeholder": "Search documentation...",
   "stateMachine.loading": "Loading state machine\u2026",
   "stateMachine.noStateMachine": "No state machine to visualize",
+  "stateMachine.background": "Runs in the background",
+  "stateMachine.linked": "Other orbitals this page talks to",
+  "stateMachine.guarded": "Guarded: it runs only when its condition holds",
+  "stateMachine.selfEvents": "{{state}}: {{count}} events that stay in this state",
+  "stateMachine.boxLabel": "{{trait}}: {{state}} ({{count}} states)",
+  "stateMachine.boxLabelIdle": "{{trait}} ({{count}} states)",
+  "stateMachine.wireLabel": "{{from}} sends {{event}} to {{to}}",
+  "stateMachine.expand": "Open {{trait}} in place",
+  "stateMachine.collapse": "Close {{trait}}",
   "avl.trigger": "Trigger",
   "avl.guard": "Guard",
   "avl.effects": "Effects",
@@ -2626,6 +2651,8 @@ var en_default = {
   "avl.noTraitData": "No trait data",
   "avl.computingLayout": "Computing layout...",
   "avl.noStateMachine": "No state machine",
+  "avl.layoutFailed": "The state machine layout failed to load.",
+  "avl.pendingSourceState": "Transition source selected",
   "avl.listensFor": "listens for {{event}}",
   "avl.emits": "emits {{event}}",
   "avl.pageLayout": "Page Layout",
@@ -3188,6 +3215,7 @@ var en_default = {
   "gridPicker.all": "All",
   "gridPicker.moreRefine": "+{{count}} more \u2014 refine your search",
   "graphCanvas.noNodes": "No nodes to display.",
+  "graphCanvas.selectedNode": "Selected: {{label}}",
   "codeBlock.noCode": "No code to display.",
   "codeBlock.region": "Code",
   "fab.action": "Action",
@@ -3230,10 +3258,6 @@ var en_default = {
   "videoEmbed.notFound": "The video was not found or is private",
   "videoEmbed.notEmbeddable": "The video's owner does not allow it to be embedded",
   "videoEmbed.noVideo": "No video selected",
-  "themeToggle.switchToLight": "Switch to light mode",
-  "themeToggle.switchToDark": "Switch to dark mode",
-  "themeToggle.light": "Light",
-  "themeToggle.dark": "Dark",
   "avatar.alt": "Avatar",
   "avatar.status": "Status: {{status}}",
   "avatar.status.online": "online",
@@ -3541,7 +3565,9 @@ var en_default = {
   "debug.replayForward": "Next hop",
   "debug.replayPlay": "Play",
   "debug.replayPause": "Pause",
-  "debug.replayStep": "{{step}} / {{total}}"
+  "debug.replayStep": "{{step}} / {{total}}",
+  "stateMachine.inspect": "Inspect: pick a trait on the page",
+  "stateMachine.inspectHint": "Click a part of the page \xB7 Esc to stop"
 };
 
 // src/core/lib/format.ts
@@ -3762,6 +3788,9 @@ var ar_default = {
   "aria.closeToast": "\u0625\u063A\u0644\u0627\u0642 \u0627\u0644\u062A\u0646\u0628\u064A\u0647",
   "aria.closeAlert": "\u0625\u063A\u0644\u0627\u0642 \u0627\u0644\u062A\u0646\u0628\u064A\u0647",
   "aria.removeFilter": "\u0625\u0632\u0627\u0644\u0629 \u0627\u0644\u0641\u0644\u062A\u0631",
+  "aria.chart": "\u0645\u062E\u0637\u0637",
+  "aria.graph": "\u0645\u062E\u0637\u0637 \u0634\u0628\u0643\u064A",
+  "aria.pageNavigation": "\u0627\u0644\u062A\u0646\u0642\u0644 \u0628\u064A\u0646 \u0627\u0644\u0635\u0641\u062D\u0627\u062A",
   "aria.closeDrawer": "\u0625\u063A\u0644\u0627\u0642 \u0627\u0644\u0644\u0648\u062D\u0629",
   "aria.closePanel": "\u0625\u063A\u0644\u0627\u0642 \u0627\u0644\u0644\u0648\u062D\u0629",
   "aria.dockPanel": "\u0627\u0644\u0644\u0648\u062D\u0629 \u0627\u0644\u062C\u0627\u0646\u0628\u064A\u0629",
@@ -3976,6 +4005,15 @@ var ar_default = {
   "docSearch.placeholder": "\u0627\u0644\u0628\u062D\u062B \u0641\u064A \u0627\u0644\u0648\u062B\u0627\u0626\u0642...",
   "stateMachine.loading": "\u062C\u0627\u0631\u064D \u062A\u062D\u0645\u064A\u0644 \u0622\u0644\u0629 \u0627\u0644\u062D\u0627\u0644\u0629\u2026",
   "stateMachine.noStateMachine": "\u0644\u0627 \u062A\u0648\u062C\u062F \u0622\u0644\u0629 \u062D\u0627\u0644\u0629 \u0644\u0639\u0631\u0636\u0647\u0627",
+  "stateMachine.background": "\u064A\u0639\u0645\u0644 \u0641\u064A \u0627\u0644\u062E\u0644\u0641\u064A\u0629",
+  "stateMachine.linked": "\u0645\u062F\u0627\u0631\u0627\u062A \u0623\u062E\u0631\u0649 \u062A\u062A\u062D\u062F\u062B \u0645\u0639\u0647\u0627 \u0647\u0630\u0647 \u0627\u0644\u0635\u0641\u062D\u0629",
+  "stateMachine.guarded": "\u0645\u062D\u0631\u0648\u0633: \u064A\u0639\u0645\u0644 \u0641\u0642\u0637 \u0639\u0646\u062F\u0645\u0627 \u064A\u062A\u062D\u0642\u0642 \u0634\u0631\u0637\u0647",
+  "stateMachine.selfEvents": "{{state}}: {{count}} \u0623\u062D\u062F\u0627\u062B \u062A\u0628\u0642\u0649 \u0641\u064A \u0647\u0630\u0647 \u0627\u0644\u062D\u0627\u0644\u0629",
+  "stateMachine.boxLabel": "{{trait}}: {{state}} ({{count}} \u062D\u0627\u0644\u0627\u062A)",
+  "stateMachine.boxLabelIdle": "{{trait}} ({{count}} \u062D\u0627\u0644\u0627\u062A)",
+  "stateMachine.wireLabel": "{{from}} \u064A\u0631\u0633\u0644 {{event}} \u0625\u0644\u0649 {{to}}",
+  "stateMachine.expand": "\u0627\u0641\u062A\u062D {{trait}} \u0641\u064A \u0645\u0643\u0627\u0646\u0647",
+  "stateMachine.collapse": "\u0623\u063A\u0644\u0642 {{trait}}",
   "avl.trigger": "\u0627\u0644\u0645\u064F\u0634\u063A\u0650\u0651\u0644",
   "avl.guard": "\u0627\u0644\u062D\u0627\u0631\u0633",
   "avl.effects": "\u0627\u0644\u062A\u0623\u062B\u064A\u0631\u0627\u062A",
@@ -3993,6 +4031,8 @@ var ar_default = {
   "avl.noTraitData": "\u0644\u0627 \u062A\u0648\u062C\u062F \u0628\u064A\u0627\u0646\u0627\u062A \u0633\u0645\u0629",
   "avl.computingLayout": "\u062C\u0627\u0631\u064D \u062D\u0633\u0627\u0628 \u0627\u0644\u062A\u062E\u0637\u064A\u0637...",
   "avl.noStateMachine": "\u0644\u0627 \u062A\u0648\u062C\u062F \u0622\u0644\u0629 \u062D\u0627\u0644\u0627\u062A",
+  "avl.layoutFailed": "\u062A\u0639\u0630\u0651\u0631 \u062A\u062D\u0645\u064A\u0644 \u062A\u062E\u0637\u064A\u0637 \u0622\u0644\u0629 \u0627\u0644\u062D\u0627\u0644\u0627\u062A.",
+  "avl.pendingSourceState": "\u062A\u0645 \u062A\u062D\u062F\u064A\u062F \u0645\u0635\u062F\u0631 \u0627\u0644\u0627\u0646\u062A\u0642\u0627\u0644",
   "avl.listensFor": "\u064A\u0633\u062A\u0645\u0639 \u0625\u0644\u0649 {{event}}",
   "avl.emits": "\u064A\u064F\u0635\u062F\u0631 {{event}}",
   "avl.pageLayout": "\u062A\u062E\u0637\u064A\u0637 \u0627\u0644\u0635\u0641\u062D\u0629",
@@ -4559,6 +4599,7 @@ var ar_default = {
   "gridPicker.all": "\u0627\u0644\u0643\u0644",
   "gridPicker.moreRefine": "+{{count}} \u0623\u062E\u0631\u0649 \u2014 \u062F\u0642\u0651\u0642 \u0628\u062D\u062B\u0643",
   "graphCanvas.noNodes": "\u0644\u0627 \u062A\u0648\u062C\u062F \u0639\u0642\u062F \u0644\u0639\u0631\u0636\u0647\u0627.",
+  "graphCanvas.selectedNode": "\u0627\u0644\u0645\u062D\u062F\u062F: {{label}}",
   "codeBlock.noCode": "\u0644\u0627 \u064A\u0648\u062C\u062F \u0643\u0648\u062F \u0644\u0639\u0631\u0636\u0647.",
   "codeBlock.region": "\u0627\u0644\u0634\u064A\u0641\u0631\u0629 \u0627\u0644\u0628\u0631\u0645\u062C\u064A\u0629",
   "fab.action": "\u0625\u062C\u0631\u0627\u0621",
@@ -4601,10 +4642,6 @@ var ar_default = {
   "videoEmbed.notFound": "\u0644\u0645 \u064A\u062A\u0645 \u0627\u0644\u0639\u062B\u0648\u0631 \u0639\u0644\u0649 \u0627\u0644\u0641\u064A\u062F\u064A\u0648 \u0623\u0648 \u0623\u0646\u0647 \u062E\u0627\u0635",
   "videoEmbed.notEmbeddable": "\u0645\u0627\u0644\u0643 \u0627\u0644\u0641\u064A\u062F\u064A\u0648 \u0644\u0627 \u064A\u0633\u0645\u062D \u0628\u062A\u0636\u0645\u064A\u0646\u0647",
   "videoEmbed.noVideo": "\u0644\u0645 \u064A\u062A\u0645 \u0627\u062E\u062A\u064A\u0627\u0631 \u0641\u064A\u062F\u064A\u0648",
-  "themeToggle.switchToLight": "\u0627\u0644\u062A\u0628\u062F\u064A\u0644 \u0625\u0644\u0649 \u0627\u0644\u0648\u0636\u0639 \u0627\u0644\u0641\u0627\u062A\u062D",
-  "themeToggle.switchToDark": "\u0627\u0644\u062A\u0628\u062F\u064A\u0644 \u0625\u0644\u0649 \u0627\u0644\u0648\u0636\u0639 \u0627\u0644\u062F\u0627\u0643\u0646",
-  "themeToggle.light": "\u0641\u0627\u062A\u062D",
-  "themeToggle.dark": "\u062F\u0627\u0643\u0646",
   "avatar.alt": "\u0627\u0644\u0635\u0648\u0631\u0629 \u0627\u0644\u0631\u0645\u0632\u064A\u0629",
   "avatar.status": "\u0627\u0644\u062D\u0627\u0644\u0629: {{status}}",
   "avatar.status.online": "\u0645\u062A\u0635\u0644",
@@ -4912,7 +4949,9 @@ var ar_default = {
   "debug.replayForward": "\u0627\u0644\u062E\u0637\u0648\u0629 \u0627\u0644\u062A\u0627\u0644\u064A\u0629",
   "debug.replayPlay": "\u062A\u0634\u063A\u064A\u0644",
   "debug.replayPause": "\u0625\u064A\u0642\u0627\u0641 \u0645\u0624\u0642\u062A",
-  "debug.replayStep": "{{step}} / {{total}}"
+  "debug.replayStep": "{{step}} / {{total}}",
+  "stateMachine.inspect": "\u0641\u062D\u0635: \u0627\u062E\u062A\u0631 \u0633\u0645\u0629 \u0645\u0646 \u0627\u0644\u0635\u0641\u062D\u0629",
+  "stateMachine.inspectHint": "\u0627\u0646\u0642\u0631 \u062C\u0632\u0621\u064B\u0627 \u0645\u0646 \u0627\u0644\u0635\u0641\u062D\u0629 \xB7 Esc \u0644\u0644\u0625\u064A\u0642\u0627\u0641"
 };
 
 // src/core/locales/sl.json
@@ -5027,6 +5066,9 @@ var sl_default = {
   "aria.closeToast": "Zapri obvestilo",
   "aria.closeAlert": "Zapri opozorilo",
   "aria.removeFilter": "Odstrani filter",
+  "aria.chart": "Grafikon",
+  "aria.graph": "Graf",
+  "aria.pageNavigation": "Krmarjenje po straneh",
   "aria.closeDrawer": "Zapri predal",
   "aria.closePanel": "Zapri plo\u0161\u010Do",
   "aria.dockPanel": "Stranska plo\u0161\u010Da",
@@ -5241,6 +5283,15 @@ var sl_default = {
   "docSearch.placeholder": "Iskanje po dokumentaciji...",
   "stateMachine.loading": "Nalaganje stanjskega stroja\u2026",
   "stateMachine.noStateMachine": "Ni stanjskega stroja za prikaz",
+  "stateMachine.background": "Te\u010De v ozadju",
+  "stateMachine.linked": "Druge orbitale, s katerimi ta stran govori",
+  "stateMachine.guarded": "Za\u0161\u010Diteno: te\u010De le, ko velja njegov pogoj",
+  "stateMachine.selfEvents": "{{state}}: {{count}} dogodkov, ki ostanejo v tem stanju",
+  "stateMachine.boxLabel": "{{trait}}: {{state}} (stanj: {{count}})",
+  "stateMachine.boxLabelIdle": "{{trait}} (stanj: {{count}})",
+  "stateMachine.wireLabel": "{{from}} po\u0161lje {{event}} k {{to}}",
+  "stateMachine.expand": "Odpri {{trait}} na mestu",
+  "stateMachine.collapse": "Zapri {{trait}}",
   "avl.trigger": "Spro\u017Eilec",
   "avl.guard": "Varovalo",
   "avl.effects": "U\u010Dinki",
@@ -5258,6 +5309,8 @@ var sl_default = {
   "avl.noTraitData": "Ni podatkov o lastnosti vedenja",
   "avl.computingLayout": "Ra\u010Dunanje postavitve ...",
   "avl.noStateMachine": "Ni stanjskega stroja",
+  "avl.layoutFailed": "Postavitve stanjskega stroja ni bilo mogo\u010De nalo\u017Eiti.",
+  "avl.pendingSourceState": "Izbran vir prehoda",
   "avl.listensFor": "poslu\u0161a za {{event}}",
   "avl.emits": "oddaja {{event}}",
   "avl.pageLayout": "Postavitev strani",
@@ -5824,6 +5877,7 @@ var sl_default = {
   "gridPicker.all": "Vse",
   "gridPicker.moreRefine": "+\u0161e {{count}} \u2014 zo\u017Eite iskanje",
   "graphCanvas.noNodes": "Ni vozli\u0161\u010D za prikaz.",
+  "graphCanvas.selectedNode": "Izbrano: {{label}}",
   "codeBlock.noCode": "Ni kode za prikaz.",
   "codeBlock.region": "Koda",
   "fab.action": "Dejanje",
@@ -5866,10 +5920,6 @@ var sl_default = {
   "videoEmbed.notFound": "Video ni bil najden ali je zaseben",
   "videoEmbed.notEmbeddable": "Lastnik videa ne dovoli vdelave",
   "videoEmbed.noVideo": "Video ni izbran",
-  "themeToggle.switchToLight": "Preklopi na svetli na\u010Din",
-  "themeToggle.switchToDark": "Preklopi na temni na\u010Din",
-  "themeToggle.light": "Svetlo",
-  "themeToggle.dark": "Temno",
   "avatar.alt": "Avatar",
   "avatar.status": "Stanje: {{status}}",
   "avatar.status.online": "na spletu",
@@ -6177,15 +6227,23 @@ var sl_default = {
   "debug.replayForward": "Naslednji korak",
   "debug.replayPlay": "Predvajaj",
   "debug.replayPause": "Premor",
-  "debug.replayStep": "{{step}} / {{total}}"
+  "debug.replayStep": "{{step}} / {{total}}",
+  "stateMachine.inspect": "Pregled: izberi lastnost na strani",
+  "stateMachine.inspectHint": "Klikni del strani \xB7 Esc za konec"
 };
-
-// src/core/hooks/useTranslate.ts
 var { $meta: _meta2, ...coreMessages2 } = en_default;
-var coreLocale2 = coreMessages2;
+var withThemeToggle = (messages, labels) => ({
+  ...messages,
+  ...Object.fromEntries(Object.entries(labels).map(([key, value]) => [`themeToggle.${key}`, value]))
+});
+var coreLocale2 = withThemeToggle(coreMessages2, themeToggleEn);
 var { $meta: _arMeta, ...arMessages } = ar_default;
 var { $meta: _slMeta, ...slMessages } = sl_default;
-var uiLocales = { en: coreLocale2, ar: arMessages, sl: slMessages };
+var uiLocales = {
+  en: coreLocale2,
+  ar: withThemeToggle(arMessages, themeToggleAr),
+  sl: withThemeToggle(slMessages, themeToggleSl)
+};
 var I18nContext = createContext({
   locale: "en",
   direction: "ltr",
@@ -6206,7 +6264,7 @@ function I18nProvider({ value, children, documentRoot }) {
     document.documentElement.lang = value.locale;
     document.documentElement.dir = value.direction;
   }, [documentRoot, value.locale, value.direction]);
-  return React43__default.createElement(I18nContext.Provider, { value }, children);
+  return React44__default.createElement(I18nContext.Provider, { value }, children);
 }
 function useTranslate() {
   return useContext(I18nContext);
@@ -6292,8 +6350,8 @@ var Avatar = ({
 }) => {
   const eventBus = useEventBus();
   const { t } = useTranslate();
-  const [imgFailed, setImgFailed] = React43__default.useState(false);
-  React43__default.useEffect(() => {
+  const [imgFailed, setImgFailed] = React44__default.useState(false);
+  React44__default.useEffect(() => {
     setImgFailed(false);
   }, [src]);
   const initials = providedInitials ?? (name ? generateInitials(name) : void 0);
@@ -6428,7 +6486,7 @@ var sizeStyles = {
   md: "px-2.5 py-1 text-sm",
   lg: "px-3 py-1.5 text-base"
 };
-var Badge = React43__default.forwardRef(
+var Badge = React44__default.forwardRef(
   ({ className, variant = "default", size = "sm", amount, label, icon, iconAsset, children, onRemove, removeLabel, onClick, ...props }, ref) => {
     const { t } = useTranslate();
     const iconSizes3 = {
@@ -6706,7 +6764,8 @@ function NavigationProvider({
   }, [schema, initialPage]);
   const [state, setState] = useState(initialState);
   const navigateTo = useCallback((path, payload) => {
-    const result = findPageByPath(schema, path);
+    const missing = notFoundPage(schema);
+    const result = findPageByPath(schema, path) ?? (missing ? { page: missing.page, params: {}, orbitalName: missing.orbitalName } : null);
     if (!result) {
       log3.error("No page found for path", { path });
       return;
@@ -7021,14 +7080,6 @@ var NavStackRouterBridge = ({
     },
     [routerNavigate]
   );
-  const eventBus = useEventBus();
-  useEffect(
-    () => eventBus.on("UI:NAVIGATE", (event) => {
-      const url = event.payload?.url;
-      if (typeof url === "string" && url.length > 0) routerNavigate(url);
-    }),
-    [eventBus, routerNavigate]
-  );
   return /* @__PURE__ */ jsx(
     NavStackProvider,
     {
@@ -7135,7 +7186,7 @@ function resolveIconProp(value, sizeClass) {
     const IconComp = value;
     return /* @__PURE__ */ jsx(IconComp, { className: sizeClass });
   }
-  if (React43__default.isValidElement(value)) {
+  if (React44__default.isValidElement(value)) {
     return value;
   }
   if (typeof value === "object" && value !== null && isIconLike(value)) {
@@ -7144,13 +7195,15 @@ function resolveIconProp(value, sizeClass) {
   }
   return value;
 }
-var Button = React43__default.forwardRef(
+var Button = React44__default.forwardRef(
   ({
     className,
     variant = "primary",
     size = "md",
     isLoading = false,
     disabled,
+    htmlType,
+    type: nativeType,
     leftIcon,
     rightIcon,
     icon: iconProp,
@@ -7171,7 +7224,7 @@ var Button = React43__default.forwardRef(
     const navStack = useNavStack();
     const { pending: pending2, activate } = usePendingAction();
     const busy = isLoading || pending2;
-    const [focused, setFocused] = React43__default.useState(false);
+    const [focused, setFocused] = React44__default.useState(false);
     const inert = Boolean(disabled) || busy;
     const emitAction = () => {
       if (!action) return;
@@ -7258,7 +7311,7 @@ var Button = React43__default.forwardRef(
       "button",
       {
         ref,
-        type: "button",
+        type: htmlType ?? nativeType ?? "button",
         disabled: Boolean(disabled) && !focused,
         "aria-disabled": inert || void 0,
         "aria-busy": busy || void 0,
@@ -7274,12 +7327,12 @@ var Button = React43__default.forwardRef(
   }
 );
 Button.displayName = "Button";
-var SurfaceContext = React43__default.createContext(false);
+var SurfaceContext = React44__default.createContext(false);
 function SurfaceBoundary({ children }) {
   return /* @__PURE__ */ jsx(SurfaceContext.Provider, { value: true, children });
 }
 function useContentSurface(surface = "auto") {
-  const onSurface = React43__default.useContext(SurfaceContext);
+  const onSurface = React44__default.useContext(SurfaceContext);
   const paints = surface === "auto" && !onSurface;
   return {
     className: paints ? "surface-content" : void 0,
@@ -7287,7 +7340,7 @@ function useContentSurface(surface = "auto") {
   };
 }
 function useOnSurface() {
-  return React43__default.useContext(SurfaceContext);
+  return React44__default.useContext(SurfaceContext);
 }
 var sizeStyles3 = {
   xs: "h-3 w-3",
@@ -7309,7 +7362,7 @@ function SpinnerGlyph({ size, iconClassName }) {
     /* @__PURE__ */ jsx("span", { "data-loader-icon": "", style: { display: "var(--loader-icon-display, inline-flex)" }, children: /* @__PURE__ */ jsx(Icon, { name: "loader", className: cn("animate-spin", iconClassName, sizeStyles3[size]) }) })
   ] });
 }
-var Spinner = React43__default.forwardRef(
+var Spinner = React44__default.forwardRef(
   ({ className, size = "md", overlay, ...props }, ref) => {
     const { t } = useTranslate();
     if (overlay) {
@@ -7394,7 +7447,7 @@ var lookStyles = {
   chip: "shadow-none rounded-pill border-[length:var(--border-width)] border-border",
   "tile-image-first": "p-0 overflow-hidden"
 };
-var Card = React43__default.forwardRef(
+var Card = React44__default.forwardRef(
   ({
     className,
     variant = "bordered",
@@ -7444,9 +7497,9 @@ var Card = React43__default.forwardRef(
   }
 );
 Card.displayName = "Card";
-var CardHeader = React43__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("mb-4", className), ...props }));
+var CardHeader = React44__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("mb-4", className), ...props }));
 CardHeader.displayName = "CardHeader";
-var CardTitle = React43__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var CardTitle = React44__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "h3",
   {
     ref,
@@ -7459,11 +7512,11 @@ var CardTitle = React43__default.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 CardTitle.displayName = "CardTitle";
-var CardContent = React43__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("", className), ...props }));
+var CardContent = React44__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("", className), ...props }));
 CardContent.displayName = "CardContent";
 var CardBody = CardContent;
 CardBody.displayName = "CardBody";
-var CardFooter = React43__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var CardFooter = React44__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -7486,7 +7539,7 @@ var Center = ({
   ...rest
 }) => {
   const mergedStyle = minHeight ? { minHeight, ...style } : style;
-  return React43__default.createElement(Component, {
+  return React44__default.createElement(Component, {
     ...domPassthrough(rest),
     className: cn(
       inline ? "inline-flex" : "flex",
@@ -7596,10 +7649,10 @@ var Typography = ({
   const variant = variantProp ?? (level ? `h${level}` : "body1");
   const Component = as || defaultElements[variant];
   let body = children ?? content;
-  if (format !== void 0 && format !== "none" && (typeof body === "string" || typeof body === "number" || body instanceof Date)) {
+  if (format !== void 0 && format !== "none" && (typeof body === "string" || typeof body === "number")) {
     body = formatValue(body, format, fmt);
   }
-  return React43__default.createElement(
+  return React44__default.createElement(
     Component,
     {
       ...domPassthrough(rest),
@@ -7633,9 +7686,9 @@ var Typography = ({
   );
 };
 Typography.displayName = "Typography";
-var Checkbox = React43__default.forwardRef(
+var Checkbox = React44__default.forwardRef(
   ({ className, label, id, error, required, onChange, ...props }, ref) => {
-    const generatedId = React43__default.useId();
+    const generatedId = React44__default.useId();
     const inputId = id || generatedId;
     const errorId = error ? `${inputId}-error` : void 0;
     const describedBy = [props["aria-describedby"], errorId].filter(Boolean).join(" ") || void 0;
@@ -7722,7 +7775,7 @@ var ConditionalWrapper = ({
   fallback = null,
   animate = false
 }) => {
-  if (!condition) {
+  if (condition === void 0 || condition === null) {
     return /* @__PURE__ */ jsx(Fragment, { children });
   }
   const [isVisible] = guardsHold(toEvalContext(context), [condition]);
@@ -7739,46 +7792,14 @@ var ConditionalWrapper = ({
   return isVisible ? /* @__PURE__ */ jsx(Fragment, { children }) : /* @__PURE__ */ jsx(Fragment, { children: fallback });
 };
 ConditionalWrapper.displayName = "ConditionalWrapper";
-
-// src/core/atoms/fx.ts
 function resolveFxView(item, presets) {
-  const row = presets?.find((p) => p.type === item.type);
-  if (!row) return item;
-  return {
-    ...item,
-    space: item.space ?? row.space,
-    effect: item.effect ?? row.effect,
-    color: item.color ?? row.color,
-    size: item.size ?? row.size,
-    vx: item.vx ?? row.vx,
-    vy: item.vy ?? row.vy,
-    vz: item.vz ?? row.vz,
-    particleCount: item.particleCount ?? row.particleCount,
-    animation: item.animation ?? row.animation,
-    shape: row.shape,
-    count: row.count,
-    glow: row.glow,
-    gravity: row.gravity,
-    color2: row.color2
-  };
+  return JSON.parse(kernelEvaluator().resolveFxView(JSON.stringify(item), presets === void 0 ? void 0 : JSON.stringify(presets)));
 }
 function fxLifecycle(item, epochNowMs, tickMs) {
-  const maxTtl = Math.max(item.maxTtl ?? item.ttl, item.ttl, 1);
-  const lifeMs = maxTtl * tickMs;
-  const ageMs = item.bornAt !== void 0 && epochNowMs > 0 ? Math.max(0, epochNowMs - item.bornAt) : (1 - item.ttl / maxTtl) * lifeMs;
-  const progress = Math.min(1, Math.max(0, ageMs / lifeMs));
-  return { lifeMs, ageMs, progress, fade: 1 - progress };
+  return JSON.parse(kernelEvaluator().fxLifecycle(JSON.stringify(item), epochNowMs, tickMs));
 }
 function fxHash01(seed, salt) {
-  let h = 2166136261 ^ salt;
-  for (let i = 0; i < seed.length; i++) {
-    h ^= seed.charCodeAt(i);
-    h = Math.imul(h, 16777619);
-  }
-  h ^= h >>> 13;
-  h = Math.imul(h, 1274126177);
-  h ^= h >>> 16;
-  return (h >>> 0) / 4294967296;
+  return kernelEvaluator().fxHash01(seed, salt);
 }
 var CONFETTI_COLORS = [
   "var(--color-primary)",
@@ -7940,7 +7961,7 @@ function DayCell({
   );
 }
 DayCell.displayName = "DayCell";
-var Dialog = React43__default.forwardRef(
+var Dialog = React44__default.forwardRef(
   ({
     role = "dialog",
     "aria-modal": ariaModal = true,
@@ -8072,7 +8093,7 @@ var iconSizes = {
   md: "w-3.5 h-3.5",
   lg: "w-4 h-4"
 };
-var FilterPill = React43__default.forwardRef(
+var FilterPill = React44__default.forwardRef(
   ({
     className,
     variant = "default",
@@ -8085,6 +8106,7 @@ var FilterPill = React43__default.forwardRef(
     clickEvent,
     removeEvent,
     children,
+    selected,
     "aria-pressed": ariaPressed,
     ...props
   }, ref) => {
@@ -8093,11 +8115,11 @@ var FilterPill = React43__default.forwardRef(
     const payloadLabel = typeof children === "string" || typeof children === "number" ? children : label;
     const handleClick = useCallback(() => {
       onClick?.();
-      if (clickEvent) eventBus.emit(`UI:${clickEvent}`, { label: payloadLabel });
+      if (clickEvent) eventBus.emit(`UI:${clickEvent}`, { ...payloadLabel !== void 0 ? { label: payloadLabel } : {} });
     }, [onClick, clickEvent, eventBus, payloadLabel]);
     const handleRemove = useCallback(() => {
       onRemove?.();
-      if (removeEvent) eventBus.emit(`UI:${removeEvent}`, { label: payloadLabel });
+      if (removeEvent) eventBus.emit(`UI:${removeEvent}`, { ...payloadLabel !== void 0 ? { label: payloadLabel } : {} });
     }, [onRemove, removeEvent, eventBus, payloadLabel]);
     const resolvedIcon = typeof icon === "string" ? /* @__PURE__ */ jsx(Icon, { name: icon, className: iconSizes[size] }) : icon ? /* @__PURE__ */ jsx(Icon, { icon, className: iconSizes[size] }) : null;
     const pressable = onClick || clickEvent ? handleClick : void 0;
@@ -8118,7 +8140,7 @@ var FilterPill = React43__default.forwardRef(
             {
               className: cn("inline-flex items-center gap-1", pressable && "cursor-pointer"),
               ...pressableProps(pressable),
-              "aria-pressed": pressable ? ariaPressed : void 0,
+              "aria-pressed": pressable ? ariaPressed ?? selected : void 0,
               children: [
                 resolvedIcon,
                 /* @__PURE__ */ jsx("span", { children: children ?? label })
@@ -8331,7 +8353,29 @@ var InfiniteScrollSentinel = ({
   );
 };
 InfiniteScrollSentinel.displayName = "InfiniteScrollSentinel";
-var Input = React43__default.forwardRef(
+function echoKey(value) {
+  return Array.isArray(value) ? JSON.stringify(value) : String(value ?? "");
+}
+function useFieldDraft(value, declarative) {
+  const [draft, setDraft] = React44__default.useState(value);
+  const pending2 = React44__default.useRef(/* @__PURE__ */ new Set());
+  React44__default.useEffect(() => {
+    if (!declarative) return;
+    const key = echoKey(value);
+    if (pending2.current.has(key)) {
+      pending2.current.delete(key);
+      return;
+    }
+    pending2.current.clear();
+    setDraft(value);
+  }, [value, declarative]);
+  const record = React44__default.useCallback((next) => {
+    pending2.current.add(echoKey(next));
+    setDraft(next);
+  }, []);
+  return { displayValue: declarative ? draft : value, record };
+}
+var Input = React44__default.forwardRef(
   ({
     className,
     inputType,
@@ -8354,7 +8398,7 @@ var Input = React43__default.forwardRef(
     const { t } = useTranslate();
     const eventBus = useEventBus();
     const type = inputType || htmlType || "text";
-    const generatedId = React43__default.useId();
+    const generatedId = React44__default.useId();
     const fieldId = props.id ?? generatedId;
     const descriptionId = helperText || error ? `${fieldId}-description` : void 0;
     const describedBy = [props["aria-describedby"], descriptionId].filter(Boolean).join(" ") || void 0;
@@ -8365,19 +8409,7 @@ var Input = React43__default.forwardRef(
       "aria-describedby": describedBy
     };
     const isDeclarative = typeof onChange === "string";
-    const [localValue, setLocalValue] = React43__default.useState(value);
-    const pendingEchoRef = React43__default.useRef(/* @__PURE__ */ new Set());
-    React43__default.useEffect(() => {
-      if (!isDeclarative) return;
-      const incoming = value == null ? "" : String(value);
-      if (pendingEchoRef.current.has(incoming)) {
-        pendingEchoRef.current.delete(incoming);
-        return;
-      }
-      pendingEchoRef.current.clear();
-      setLocalValue(value);
-    }, [value, isDeclarative]);
-    const displayValue = isDeclarative ? localValue : value;
+    const { displayValue, record } = useFieldDraft(value, isDeclarative);
     const resolveIconNode = (i, cls) => {
       if (!i) return null;
       if (typeof i === "string") return /* @__PURE__ */ jsx(Icon, { name: i, className: cls });
@@ -8407,8 +8439,7 @@ var Input = React43__default.forwardRef(
         const target = e.target;
         const payload = type === "checkbox" ? { checked: target.checked } : { value: target.value };
         if (type !== "checkbox") {
-          pendingEchoRef.current.add(target.value);
-          setLocalValue(target.value);
+          record(target.value);
         }
         eventBus.emit(`UI:${onChange}`, payload);
       } else {
@@ -8534,7 +8565,7 @@ var Input = React43__default.forwardRef(
   }
 );
 Input.displayName = "Input";
-var Label = React43__default.forwardRef(
+var Label = React44__default.forwardRef(
   ({ className, required, children, ...props }, ref) => {
     return /* @__PURE__ */ jsxs(
       "label",
@@ -8608,7 +8639,7 @@ var Stack = ({
   };
   const isHorizontal = direction === "horizontal";
   const directionClass = responsive && isHorizontal ? reverse ? "flex-col-reverse md:flex-row-reverse" : "flex-col md:flex-row" : isHorizontal ? reverse ? "flex-row-reverse" : "flex-row" : reverse ? "flex-col-reverse" : "flex-col";
-  return React43__default.createElement(
+  return React44__default.createElement(
     Component,
     {
       ...domPassthrough(rest),
@@ -8653,9 +8684,9 @@ var LawReferenceTooltip = ({
   ...rest
 }) => {
   const { t } = useTranslate();
-  const [isVisible, setIsVisible] = React43__default.useState(false);
-  const timeoutRef = React43__default.useRef(null);
-  const triggerRef = React43__default.useRef(null);
+  const [isVisible, setIsVisible] = React44__default.useState(false);
+  const timeoutRef = React44__default.useRef(null);
+  const triggerRef = React44__default.useRef(null);
   const handleMouseEnter = () => {
     if (timeoutRef.current) clearTimeout(timeoutRef.current);
     timeoutRef.current = setTimeout(() => setIsVisible(true), 200);
@@ -8666,7 +8697,7 @@ var LawReferenceTooltip = ({
   };
   const { revealed, triggerProps } = useTapReveal({ refs: [triggerRef] });
   const open = isVisible || revealed;
-  React43__default.useEffect(() => {
+  React44__default.useEffect(() => {
     return () => {
       if (timeoutRef.current) clearTimeout(timeoutRef.current);
     };
@@ -8793,465 +8824,6 @@ var Overlay = ({
     }
   );
 };
-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 scale2 = 1 - ring * 0.2;
-    const archW = w * 0.48 * scale2;
-    const archH = h * 0.7 * scale2;
-    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,
@@ -9260,21 +8832,31 @@ var PatternTile = ({
   className,
   ...rest
 }) => {
-  const Variant = VARIANT_MAP[variant];
-  return /* @__PURE__ */ jsx("g", { className, ...domPassthrough(rest), children: /* @__PURE__ */ jsx(Variant, { size, color, strokeWidth }) });
+  const tile = patternTileGeometry.variants[variant];
+  const scale2 = size / patternTileGeometry.unit;
+  const unitStrokeWidth = scale2 === 0 ? strokeWidth : strokeWidth / scale2;
+  return /* @__PURE__ */ jsx("g", { className, ...domPassthrough(rest), children: /* @__PURE__ */ jsx("g", { transform: `scale(${scale2})`, fill: "none", stroke: color, strokeWidth: unitStrokeWidth, children: tile.elements.map((element, index) => {
+    const opacity = "opacity" in element ? element.opacity : void 0;
+    if ("d" in element) {
+      return /* @__PURE__ */ jsx("path", { d: element.d, opacity }, index);
+    }
+    return /* @__PURE__ */ jsx(
+      "circle",
+      {
+        cx: element.cx,
+        cy: element.cy,
+        r: element.r,
+        fill: "filled" in element && element.filled ? color : "none",
+        opacity
+      },
+      index
+    );
+  }) }) });
 };
 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 };
+  const tile = patternTileGeometry.variants[variant];
+  return { width: size, height: size * tile.height / patternTileGeometry.unit };
 }
 var colorClasses = {
   default: "bg-primary",
@@ -9441,7 +9023,7 @@ var dotSizeClasses = {
   md: "w-2.5 h-2.5",
   lg: "w-3 h-3"
 };
-var Radio = React43__default.forwardRef(
+var Radio = React44__default.forwardRef(
   ({
     label,
     helperText,
@@ -9459,12 +9041,12 @@ var Radio = React43__default.forwardRef(
     required,
     ...props
   }, ref) => {
-    const reactId = React43__default.useId();
+    const reactId = React44__default.useId();
     const baseId = id || `radio-${reactId}`;
     const hasError = !!error;
     const eventBus = useEventBus();
-    const [selected, setSelected] = React43__default.useState(value);
-    React43__default.useEffect(() => {
+    const [selected, setSelected] = React44__default.useState(value);
+    React44__default.useEffect(() => {
       if (value !== void 0) setSelected(value);
     }, [value]);
     const pick = (next, e) => {
@@ -9614,7 +9196,7 @@ var thumbSizes = {
   md: "w-4 h-4",
   lg: "w-5 h-5"
 };
-var RangeSlider = React43__default.forwardRef(
+var RangeSlider = React44__default.forwardRef(
   ({
     className,
     min = 0,
@@ -9938,11 +9520,14 @@ function NativeSelect({
   ...props
 }) {
   const eventBus = useEventBus();
+  const declarative = typeof onChange === "string" || typeof onValueChange === "string" || Boolean(action);
+  const { displayValue, record } = useFieldDraft(value, declarative);
   const generatedId = useId();
   const fieldId = props.id ?? generatedId;
   const errorId = error ? `${fieldId}-error` : void 0;
   const describedBy = [props["aria-describedby"], errorId].filter(Boolean).join(" ") || void 0;
   const handleChange = (e) => {
+    if (declarative) record(e.target.value);
     if (typeof onChange === "string") {
       eventBus.emit(`UI:${onChange}`, { value: e.target.value });
     } else {
@@ -9960,7 +9545,7 @@ function NativeSelect({
         "select",
         {
           onChange: handleChange,
-          value,
+          value: displayValue,
           className: cn(
             "block w-full rounded-interactive border-[length:var(--border-width)] shadow-elevation-interactive interactive-border appearance-none",
             "px-3 py-2 pr-10 text-sm text-foreground font-medium",
@@ -10006,6 +9591,8 @@ function RichSelect({
   ...rest
 }) {
   const eventBus = useEventBus();
+  const declarative = typeof onChange === "string" || typeof onValueChange === "string" || Boolean(action);
+  const { displayValue, record } = useFieldDraft(value, declarative);
   const { t } = useTranslate();
   const [open, setOpen] = useState(false);
   const [search, setSearch] = useState("");
@@ -10019,7 +9606,7 @@ function RichSelect({
   const errorId = error ? `${baseId}-error` : void 0;
   const describedBy = [passthrough["aria-describedby"], errorId].filter(Boolean).join(" ") || void 0;
   const optionId = (index) => `${baseId}-opt-${index}`;
-  const selected = multiple ? Array.isArray(value) ? value : value ? [value] : [] : value ? [value] : [];
+  const selected = multiple ? Array.isArray(displayValue) ? displayValue : displayValue ? [displayValue] : [] : displayValue ? [displayValue] : [];
   const all = flatOptions(options, groups);
   const matches = (o) => !(searchable && search) || o.label.toLowerCase().includes(search.toLowerCase());
   const useGroups = Boolean(groups && groups.length > 0);
@@ -10038,6 +9625,7 @@ function RichSelect({
     returnFocusRef: triggerRef
   });
   const emitValue = (next) => {
+    if (declarative) record(next);
     if (typeof onChange === "string") {
       eventBus.emit(`UI:${onChange}`, { value: next });
     }
@@ -10061,7 +9649,7 @@ function RichSelect({
     e.stopPropagation();
     emitValue(multiple ? [] : "");
   };
-  React43__default.useEffect(() => {
+  React44__default.useEffect(() => {
     const handler = (e) => {
       if (containerRef.current && !containerRef.current.contains(e.target)) {
         closeList();
@@ -10275,7 +9863,7 @@ function RichSelect({
     error && /* @__PURE__ */ jsx(Typography, { id: errorId, variant: "caption", color: "error", className: "mt-1", children: error })
   ] });
 }
-var Select = React43__default.forwardRef(
+var Select = React44__default.forwardRef(
   (props, _ref) => {
     const { multiple, searchable, clearable } = props;
     if (multiple || searchable || clearable) {
@@ -10398,7 +9986,7 @@ var sizeStyles5 = {
   md: "w-2.5 h-2.5",
   lg: "w-3 h-3"
 };
-var StatusDot = React43__default.forwardRef(
+var StatusDot = React44__default.forwardRef(
   ({ className, status = "offline", pulse = false, size = "md", label, ...props }, ref) => {
     const { t } = useTranslate();
     return /* @__PURE__ */ jsx(
@@ -10425,7 +10013,7 @@ var StatusDot = React43__default.forwardRef(
   }
 );
 StatusDot.displayName = "StatusDot";
-var Switch = React43.forwardRef(
+var Switch = React44.forwardRef(
   ({
     checked,
     defaultChecked = false,
@@ -10440,12 +10028,12 @@ var Switch = React43.forwardRef(
     ...rest
   }, ref) => {
     const eventBus = useEventBus();
-    const generatedId = React43.useId();
+    const generatedId = React44.useId();
     const switchId = id ?? generatedId;
-    const [isChecked, setIsChecked] = React43.useState(
+    const [isChecked, setIsChecked] = React44.useState(
       checked !== void 0 ? checked : defaultChecked
     );
-    React43.useEffect(() => {
+    React44.useEffect(() => {
       if (checked !== void 0) {
         setIsChecked(checked);
       }
@@ -10545,20 +10133,20 @@ var TextHighlight = ({
       "data-annotation-id": annotationId,
       className: cn(baseStyles, typeStyles[highlightType], className),
       onClick: () => {
-        if (action) eventBus.emit(`UI:${action}`, { annotationId });
+        if (action) eventBus.emit(`UI:${action}`, { ...annotationId !== void 0 ? { annotationId } : {} });
         onClick?.();
       },
       onMouseEnter: () => {
-        if (hoverEvent) eventBus.emit(`UI:${hoverEvent}`, { hovered: true, annotationId });
+        if (hoverEvent) eventBus.emit(`UI:${hoverEvent}`, { hovered: true, ...annotationId !== void 0 ? { annotationId } : {} });
         onMouseEnter?.();
       },
       onMouseLeave: () => {
-        if (hoverEvent) eventBus.emit(`UI:${hoverEvent}`, { hovered: false, annotationId });
+        if (hoverEvent) eventBus.emit(`UI:${hoverEvent}`, { hovered: false, ...annotationId !== void 0 ? { annotationId } : {} });
         onMouseLeave?.();
       },
       onPointerDown: (e) => {
         if (e.pointerType === "mouse") return;
-        if (hoverEvent) eventBus.emit(`UI:${hoverEvent}`, { hovered: true, annotationId });
+        if (hoverEvent) eventBus.emit(`UI:${hoverEvent}`, { hovered: true, ...annotationId !== void 0 ? { annotationId } : {} });
         onMouseEnter?.();
       },
       role: "button",
@@ -10568,7 +10156,7 @@ var TextHighlight = ({
       onKeyDown: (e) => {
         if (e.key === "Enter" || e.key === " ") {
           e.preventDefault();
-          if (action) eventBus.emit(`UI:${action}`, { annotationId });
+          if (action) eventBus.emit(`UI:${action}`, { ...annotationId !== void 0 ? { annotationId } : {} });
           onClick?.();
         }
       },
@@ -10577,15 +10165,17 @@ var TextHighlight = ({
   );
 };
 TextHighlight.displayName = "TextHighlight";
-var Textarea = React43__default.forwardRef(
-  ({ className, label, helperText, error, onChange, action, onKeyDown, id, required, ...props }, ref) => {
+var Textarea = React44__default.forwardRef(
+  ({ className, label, helperText, error, onChange, action, onKeyDown, id, required, value, ...props }, ref) => {
     const eventBus = useEventBus();
-    const generatedId = React43__default.useId();
+    const { displayValue, record } = useFieldDraft(value, typeof onChange === "string");
+    const generatedId = React44__default.useId();
     const fieldId = id ?? generatedId;
     const descriptionId = error || helperText ? `${fieldId}-description` : void 0;
     const describedBy = [props["aria-describedby"], descriptionId].filter(Boolean).join(" ") || void 0;
     const handleChange = (e) => {
       if (typeof onChange === "string") {
+        record(e.target.value);
         eventBus.emit(`UI:${onChange}`, { value: e.target.value });
       } else {
         onChange?.(e);
@@ -10615,6 +10205,7 @@ var Textarea = React43__default.forwardRef(
           className
         ),
         ...props,
+        value: displayValue,
         id: fieldId,
         required,
         "aria-required": required ? true : void 0,
@@ -10645,12 +10236,16 @@ var ThemeToggle = ({
   className,
   size = "md",
   showLabel = false,
+  switchToLightLabel,
+  switchToDarkLabel,
+  lightLabel,
+  darkLabel,
   ...rest
 }) => {
   const { resolvedMode, toggleMode } = useTheme();
   const { t } = useTranslate();
   const isDark = resolvedMode === "dark";
-  const switchLabel = isDark ? t("themeToggle.switchToLight") : t("themeToggle.switchToDark");
+  const switchLabel = isDark ? switchToLightLabel ?? t("themeToggle.switchToLight") : switchToDarkLabel ?? t("themeToggle.switchToDark");
   return /* @__PURE__ */ jsxs(
     "button",
     {
@@ -10682,7 +10277,7 @@ var ThemeToggle = ({
             className: cn(iconSizes2[size], "text-foreground")
           }
         ),
-        showLabel && /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: isDark ? t("themeToggle.light") : t("themeToggle.dark") })
+        showLabel && /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: isDark ? lightLabel ?? t("themeToggle.light") : darkLabel ?? t("themeToggle.dark") })
       ]
     }
   );
@@ -10747,7 +10342,7 @@ var iconNameMap = {
   down: "trending-down",
   flat: "arrow-right"
 };
-var TrendIndicator = React43__default.forwardRef(
+var TrendIndicator = React44__default.forwardRef(
   ({
     className,
     value,
@@ -10801,8 +10396,11 @@ var TypewriterText = ({
   const [charCount, setCharCount] = useState(0);
   const [started, setStarted] = useState(startDelay === 0);
   const reducedMotion = usePrefersReducedMotion();
-  const onCompleteRef = useRef(onComplete);
-  onCompleteRef.current = onComplete;
+  const eventBus = useEventBus();
+  const completeRef = useRef(() => void 0);
+  completeRef.current = () => {
+    if (onComplete) eventBus.emit(`UI:${onComplete}`, {});
+  };
   useEffect(() => {
     if (startDelay <= 0) {
       setStarted(true);
@@ -10823,7 +10421,7 @@ var TypewriterText = ({
   useEffect(() => {
     if (!started) return void 0;
     if (reducedMotion || charCount >= safeText.length) {
-      onCompleteRef.current?.();
+      completeRef.current();
       return void 0;
     }
     const interval = window.setInterval(() => {
@@ -10888,6 +10486,12 @@ var VideoEmbed = ({
   videoId,
   src,
   title,
+  noVideoLabel,
+  apiUnavailableMessage,
+  invalidVideoMessage,
+  playbackFailedMessage,
+  notFoundMessage,
+  notEmbeddableMessage,
   autoplay = false,
   controls = true,
   start = 0,
@@ -10899,22 +10503,29 @@ var VideoEmbed = ({
 }) => {
   const eventBus = useEventBus();
   const { t } = useTranslate();
-  const hostRef = React43.useRef(null);
-  const announce = React43.useRef({ readyEvent, playEvent, errorEvent, eventBus, t });
-  announce.current = { readyEvent, playEvent, errorEvent, eventBus, t };
-  const fireReady = React43.useCallback((source) => {
+  const hostRef = React44.useRef(null);
+  const errorMessages = {
+    "videoEmbed.apiUnavailable": apiUnavailableMessage,
+    "videoEmbed.invalidVideo": invalidVideoMessage,
+    "videoEmbed.playbackFailed": playbackFailedMessage,
+    "videoEmbed.notFound": notFoundMessage,
+    "videoEmbed.notEmbeddable": notEmbeddableMessage
+  };
+  const announce = React44.useRef({ readyEvent, playEvent, errorEvent, eventBus, t, errorMessages });
+  announce.current = { readyEvent, playEvent, errorEvent, eventBus, t, errorMessages };
+  const fireReady = React44.useCallback((source) => {
     const { readyEvent: ready, eventBus: bus } = announce.current;
     if (ready) bus.emit(`UI:${ready}`, { source });
   }, []);
-  const firePlay = React43.useCallback((source) => {
+  const firePlay = React44.useCallback((source) => {
     const { playEvent: play, eventBus: bus } = announce.current;
     if (play) bus.emit(`UI:${play}`, { source });
   }, []);
-  const fireError = React43.useCallback((key, code) => {
-    const { errorEvent: failed, eventBus: bus, t: translate } = announce.current;
-    if (failed) bus.emit(`UI:${failed}`, { error: translate(key), code });
+  const fireError = React44.useCallback((key, code) => {
+    const { errorEvent: failed, eventBus: bus, t: translate, errorMessages: messages } = announce.current;
+    if (failed) bus.emit(`UI:${failed}`, { error: messages[key] || translate(key), code });
   }, []);
-  React43.useEffect(() => {
+  React44.useEffect(() => {
     const wrapper = hostRef.current;
     if (!videoId || !wrapper) return;
     const mount = document.createElement("div");
@@ -10955,7 +10566,7 @@ var VideoEmbed = ({
         ref: hostRef,
         className: frame,
         role: "region",
-        "aria-label": title ?? t("aria.videoEmbed"),
+        "aria-label": title || t("aria.videoEmbed"),
         "data-pattern": "video-embed"
       }
     );
@@ -10964,13 +10575,13 @@ var VideoEmbed = ({
     "iframe",
     {
       src,
-      title: title ?? t("aria.videoEmbed"),
+      title: title || t("aria.videoEmbed"),
       className: "border-0",
       allow: "autoplay; encrypted-media; fullscreen; picture-in-picture",
       allowFullScreen: true,
       onLoad: () => fireReady(src)
     }
-  ) : /* @__PURE__ */ jsx("span", { children: t("videoEmbed.noVideo") }) });
+  ) : /* @__PURE__ */ jsx("span", { children: noVideoLabel || t("videoEmbed.noVideo") }) });
 };
 VideoEmbed.displayName = "VideoEmbed";
 function buildForkPaths(x, y, branches, scale2) {
@@ -11136,7 +10747,7 @@ var SvgFlow = ({
   ...rest
 }) => {
   const a11y = domPassthrough(rest);
-  const markerId = React43__default.useMemo(() => {
+  const markerId = React44__default.useMemo(() => {
     flowIdCounter += 1;
     return `almadar-flow-arrow-${flowIdCounter}`;
   }, []);
@@ -11688,7 +11299,7 @@ var SvgRing = ({
   ...rest
 }) => {
   const a11y = domPassthrough(rest);
-  const gradientId = React43__default.useMemo(() => {
+  const gradientId = React44__default.useMemo(() => {
     ringIdCounter += 1;
     return `almadar-ring-glow-${ringIdCounter}`;
   }, []);
@@ -11874,4 +11485,4 @@ function stripMeta(obj) {
   return result;
 }
 
-export { AnimatedGraphic, AnimatedReveal, Aside, AtlasImage, AtlasPanel, Avatar, BAND_ACCENT_FALLBACK, BAND_EDGE_FILL, BAND_SHAPES, BUILT_IN_THEMES, Badge, Box, Button, CONFETTI_BURST_KEYFRAMES, CONFETTI_COLORS, Card, CardBody, CardContent, CardFooter, CardHeader, CardTitle, Center, Checkbox, ConditionalWrapper, ConfettiEffect, DEFAULT_CURRENCY, DayCell, Dialog, Divider, EventBusContext, EventBusProvider, FilterPill, FlipContainer, GameIcon, HStack, I18nProvider, INLINE_TEXT_ATTR, Icon, Image2 as Image, InfiniteScrollSentinel, Input, Label, LawReferenceTooltip, NavStackProvider, NavStackRouterBridge, NavigationProvider, Overlay, PatternTile, PendingScopeContext, Presence, ProgressBar, Radio, RangeSlider, STRETCHED_ABOVE, STRETCHED_CONTROL, SVG_MOTION_CLASSES, SectionHeader, Select, Spacer, Sparkline, Spinner, Stack, StatusDot, SurfaceBoundary, SvgBranch, SvgConnection, SvgFlow, SvgGrid, SvgLobe, SvgMesh, SvgMorph, SvgNode, SvgPulse, SvgRing, SvgShield, SvgStack, Switch, THEME_SCALE_KEYS, TextHighlight, Textarea, ThemeProvider, ThemeScopeContext, ThemeToggle, TimeSlotCell, TraitScopeProvider, TrendIndicator, TypewriterText, Typography, VStack, VideoEmbed, atlasFailed, atlasUrlOf, bandEdgeHeight, bandEdgeLayerStyle, bandEdgeMask, bandPadding, beginPending, blit, cn, compareCellValues, coreMessages3 as coreMessages, createConfettiParticles, createTraitPresence, createTranslate, cssTimeMs, domPassthrough, endPending, entriesFor, evaluateBinding, evaluateBindings, extractRouteParams, findPageByName, findPageByPath, followHref, formatDate, formatDateTime, formatTime, formatValue, fxHash01, fxLifecycle, getAllPages, getAtlas, getCurrentIconFamily, getDefaultPage, getGlobalEventBus, getTileDimensions, getTraitPresence, guardsHold, isAbsoluteHref, isAtlasAsset, isInertNavStack, isMotionEnabled, isPending, isSpriteSheetAtlas, kebabToPascal, keyInViewerMode, layoutScale, localeMeta, lucideIconKey, matchNavPage, mergeMessages, motionTiming, navLabelsFromItems, newPendingKey, pageEntryLabel, parseCalendarDate, pathMatches, presenceGroup, pressableProps, previousEntry, registryKeyMode, registryKeyTheme, relabelCurrent, resolveAssetSource, resolveEntryLabels, resolveFxView, resolveIcon, resolveIconForFamily, resolveLucideByName, rowActivationProps, rowOpenControlProps, setGlobalEventBus, sortRows, subRectFor, subscribePending, svgMotionClass, syncNavStack, themeHasMode, toDateInputValue, toDateTimeInputValue, useActivePage, useAnimateChanges, useAtlasSliceDataUrl, useContentSurface, useDialogBehavior, useEmitEvent, useEventBus, useEventListener, useEventSubscription, useFormatContext, useIconFamily, useInfiniteScroll, useInitPayload, useMediaQuery, useNavStack, useNavigateTo, useNavigation, useNavigationId, useNavigationState, useOnSurface, usePendingAction, usePendingRows, usePendingScopeValue, usePrefersReducedMotion, usePresence, useRenderI18n, useResolvedIcon, useRootEventBus, useScopeHasPending, useScopedMode, useTapReveal, useTheme, useThemeIconStrokeApplies, useThemeScope, useTraitScope, useTraitScopeChain, useTranslate };
+export { AnimatedGraphic, AnimatedReveal, Aside, AtlasImage, AtlasPanel, Avatar, BAND_ACCENT_FALLBACK, BAND_EDGE_FILL, BAND_SHAPES, BUILT_IN_THEMES, Badge, Box, Button, CONFETTI_BURST_KEYFRAMES, CONFETTI_COLORS, Card, CardBody, CardContent, CardFooter, CardHeader, CardTitle, Center, Checkbox, ConditionalWrapper, ConfettiEffect, DEFAULT_CURRENCY, DayCell, Dialog, Divider, EventBusContext, EventBusProvider, FilterPill, FlipContainer, GameIcon, HStack, I18nProvider, INLINE_TEXT_ATTR, Icon, Image2 as Image, InfiniteScrollSentinel, Input, Label, LawReferenceTooltip, NavStackProvider, NavStackRouterBridge, NavigationProvider, Overlay, PatternTile, PendingScopeContext, Presence, ProgressBar, Radio, RangeSlider, STRETCHED_ABOVE, STRETCHED_CONTROL, SVG_MOTION_CLASSES, SectionHeader, Select, Spacer, Sparkline, Spinner, Stack, StatusDot, SurfaceBoundary, SvgBranch, SvgConnection, SvgFlow, SvgGrid, SvgLobe, SvgMesh, SvgMorph, SvgNode, SvgPulse, SvgRing, SvgShield, SvgStack, Switch, THEME_SCALE_KEYS, TextHighlight, Textarea, ThemeProvider, ThemeScopeContext, ThemeToggle, TimeSlotCell, TraitScopeProvider, TrendIndicator, TypewriterText, Typography, VStack, VideoEmbed, atlasFailed, atlasUrlOf, bandEdgeHeight, bandEdgeLayerStyle, bandEdgeMask, bandPadding, beginPending, blit, boxesOf2 as boxesOf, cn, compareCellValues, coreMessages3 as coreMessages, createConfettiParticles, createTraitPresence, createTranslate, cssTimeMs, domPassthrough, endPending, entriesFor, evaluateBinding, evaluateBindings, extractRouteParams, findPageByName, findPageByPath, followHref, formatDate, formatDateTime, formatTime, formatValue, fxHash01, fxLifecycle, getAllPages, getAtlas, getCurrentIconFamily, getDefaultPage, getGlobalEventBus, getTileDimensions, getTraitPresence, guardsHold, isAbsoluteHref, isAtlasAsset, isInertNavStack, isMotionEnabled, isPending, isSpriteSheetAtlas, kebabToPascal, keyInViewerMode, layoutScale, localeMeta, lucideIconKey, matchNavPage, mergeMessages, motionTiming, navLabelsFromItems, newPendingKey, pageEntryLabel, parseCalendarDate, pathMatches, presenceGroup, pressableProps, previousEntry, registryKeyMode, registryKeyTheme, relabelCurrent, resolveAssetSource, resolveEntryLabels, resolveFxView, resolveIcon, resolveIconForFamily, resolveLucideByName, rowActivationProps, rowOpenControlProps, setGlobalEventBus, sortRows, subRectFor, subscribePending, svgMotionClass, syncNavStack, themeHasMode, toDateInputValue, toDateTimeInputValue, useActivePage, useAnimateChanges, useAtlasSliceDataUrl, useContentSurface, useDialogBehavior, useEmitEvent, useEventBus, useEventListener, useEventSubscription, useFormatContext, useIconFamily, useInfiniteScroll, useInitPayload, useMediaQuery, useNavStack, useNavigateTo, useNavigation, useNavigationId, useNavigationState, useOnSurface, usePendingAction, usePendingRows, usePendingScopeValue, usePrefersReducedMotion, usePresence, useRenderI18n, useResolvedIcon, useRootEventBus, useScopeHasPending, useScopedMode, useTapReveal, useTheme, useThemeIconStrokeApplies, useThemeScope, useTraitScope, useTraitScopeChain, useTranslate };