@birdycom/omniaui-react 0.12.1 → 0.12.2

package/dist/index.js

@@ -2254,19 +2254,28 @@ var LinkArrow = forwardRef52(function LinkArrow2({ direction = "forward", tone =
   return /* @__PURE__ */ jsx54("a", { ref, className: classes, ...rest });
 });
 
+// src/components/LinkRow.tsx
+import { forwardRef as forwardRef53 } from "react";
+import { jsx as jsx55 } from "react/jsx-runtime";
+var external = (href) => /^https?:\/\//.test(href);
+var LinkRow = forwardRef53(function LinkRow2({ links, tone = "default", size = "default", className, children, ...rest }, ref) {
+  const classes = cx("oc-link-row", tone !== "default" && `oc-link-row--${tone}`, size !== "default" && `oc-link-row--${size}`, className);
+  return /* @__PURE__ */ jsx55("ul", { ref, className: classes, ...rest, children: links ? links.map((l, i) => /* @__PURE__ */ jsx55("li", { children: /* @__PURE__ */ jsx55("a", { href: l.href, rel: external(l.href) ? "noopener" : void 0, children: l.label }) }, i)) : children });
+});
+
 // src/components/ListToolbar.tsx
-import { forwardRef as forwardRef53, useId as useId19 } from "react";
-import { jsx as jsx55, jsxs as jsxs44 } from "react/jsx-runtime";
-var ListToolbar = forwardRef53(function ListToolbar2({ search, count, views, view, defaultView, onViewChange, viewsLabel = "View", actions, sticky, bordered, className, ...rest }, ref) {
+import { forwardRef as forwardRef54, useId as useId19 } from "react";
+import { jsx as jsx56, jsxs as jsxs44 } from "react/jsx-runtime";
+var ListToolbar = forwardRef54(function ListToolbar2({ search, count, views, view, defaultView, onViewChange, viewsLabel = "View", actions, sticky, bordered, className, ...rest }, ref) {
   const name = `oc-list-view-${useId19().replace(/:/g, "")}`;
   const [current, setCurrent] = useControllable(view, defaultView ?? views?.[0]?.value ?? "", onViewChange);
   const cls = cx("oc-list-toolbar", sticky && "oc-list-toolbar--sticky", bordered && "oc-list-toolbar--bordered", className);
   return /* @__PURE__ */ jsxs44("div", { ref, className: cls, role: "toolbar", ...rest, children: [
-    search != null && /* @__PURE__ */ jsx55("div", { className: "oc-list-toolbar-search", children: search }),
-    count != null && /* @__PURE__ */ jsx55("span", { className: "oc-list-toolbar-count", children: count }),
-    /* @__PURE__ */ jsx55("span", { className: "oc-list-toolbar-spacer" }),
-    views && views.length > 0 && /* @__PURE__ */ jsx55("div", { className: "oc-list-toolbar-views", role: "radiogroup", "aria-label": viewsLabel, children: views.map((v) => /* @__PURE__ */ jsxs44("label", { className: "oc-list-toolbar-view", title: v.label, children: [
-      /* @__PURE__ */ jsx55(
+    search != null && /* @__PURE__ */ jsx56("div", { className: "oc-list-toolbar-search", children: search }),
+    count != null && /* @__PURE__ */ jsx56("span", { className: "oc-list-toolbar-count", children: count }),
+    /* @__PURE__ */ jsx56("span", { className: "oc-list-toolbar-spacer" }),
+    views && views.length > 0 && /* @__PURE__ */ jsx56("div", { className: "oc-list-toolbar-views", role: "radiogroup", "aria-label": viewsLabel, children: views.map((v) => /* @__PURE__ */ jsxs44("label", { className: "oc-list-toolbar-view", title: v.label, children: [
+      /* @__PURE__ */ jsx56(
         "input",
         {
           type: "radio",
@@ -2279,14 +2288,31 @@ var ListToolbar = forwardRef53(function ListToolbar2({ search, count, views, vie
       ),
       v.icon
     ] }, v.value)) }),
-    actions != null && /* @__PURE__ */ jsx55("div", { className: "oc-list-toolbar-actions", children: actions })
+    actions != null && /* @__PURE__ */ jsx56("div", { className: "oc-list-toolbar-actions", children: actions })
   ] });
 });
 
+// src/components/LiveFrame.tsx
+import { forwardRef as forwardRef55 } from "react";
+import { jsx as jsx57 } from "react/jsx-runtime";
+var LiveFrame = forwardRef55(function LiveFrame2({ src, title = "", width = 1280, height = 720, static: isStatic = false, inBrowserFrame = false, className, style, children, ...rest }, ref) {
+  const size = { "--oc-live-w": width, "--oc-live-h": height };
+  return /* @__PURE__ */ jsx57(
+    "div",
+    {
+      ref,
+      className: cx(inBrowserFrame && "oc-browser-frame__view", "oc-live-frame", isStatic && "oc-live-frame--static", className),
+      style: { ...size, ...style },
+      ...rest,
+      children: src ? /* @__PURE__ */ jsx57("iframe", { src, title, loading: "lazy", scrolling: "no", tabIndex: isStatic ? -1 : void 0 }) : children
+    }
+  );
+});
+
 // src/components/Marquee.tsx
-import { forwardRef as forwardRef54 } from "react";
-import { jsx as jsx56, jsxs as jsxs45 } from "react/jsx-runtime";
-var Marquee = forwardRef54(function Marquee2({ items, reverse = false, speed = "default", plain = false, noFade = false, className, ...rest }, ref) {
+import { forwardRef as forwardRef56 } from "react";
+import { jsx as jsx58, jsxs as jsxs45 } from "react/jsx-runtime";
+var Marquee = forwardRef56(function Marquee2({ items, reverse = false, speed = "default", plain = false, noFade = false, className, ...rest }, ref) {
   const classes = cx(
     "oc-marquee",
     reverse && "oc-marquee--reverse",
@@ -2295,19 +2321,19 @@ var Marquee = forwardRef54(function Marquee2({ items, reverse = false, speed = "
     noFade && "oc-marquee--no-fade",
     className
   );
-  return /* @__PURE__ */ jsx56("div", { ref, className: classes, ...rest, children: /* @__PURE__ */ jsxs45("div", { className: "oc-marquee__track", children: [
-    items.map((item, i) => /* @__PURE__ */ jsx56("span", { className: "oc-marquee__item", children: item }, i)),
-    items.map((item, i) => /* @__PURE__ */ jsx56("span", { className: "oc-marquee__item", "aria-hidden": "true", children: item }, `copy-${i}`))
+  return /* @__PURE__ */ jsx58("div", { ref, className: classes, ...rest, children: /* @__PURE__ */ jsxs45("div", { className: "oc-marquee__track", children: [
+    items.map((item, i) => /* @__PURE__ */ jsx58("span", { className: "oc-marquee__item", children: item }, i)),
+    items.map((item, i) => /* @__PURE__ */ jsx58("span", { className: "oc-marquee__item", "aria-hidden": "true", children: item }, `copy-${i}`))
   ] }) });
 });
 
 // src/components/MediaCard.tsx
-import { forwardRef as forwardRef56, useId as useId20 } from "react";
+import { forwardRef as forwardRef58, useId as useId20 } from "react";
 
 // src/components/MediaThumb.tsx
-import { forwardRef as forwardRef55 } from "react";
-import { jsx as jsx57, jsxs as jsxs46 } from "react/jsx-runtime";
-var MediaThumb = forwardRef55(function MediaThumb2({ src, alt = "", art: art2, href, duration, badge, live, progress, watched, ratio = "video", className, children, ...rest }, ref) {
+import { forwardRef as forwardRef57 } from "react";
+import { jsx as jsx59, jsxs as jsxs46 } from "react/jsx-runtime";
+var MediaThumb = forwardRef57(function MediaThumb2({ src, alt = "", art: art2, href, duration, badge, live, progress, watched, ratio = "video", className, children, ...rest }, ref) {
   const Tag = href ? "a" : "div";
   return /* @__PURE__ */ jsxs46(
     Tag,
@@ -2317,9 +2343,9 @@ var MediaThumb = forwardRef55(function MediaThumb2({ src, alt = "", art: art2, h
       className: cx("oc-media-thumb", ratio !== "video" && `oc-media-thumb--${ratio}`, watched && "is-watched", className),
       ...rest,
       children: [
-        src ? /* @__PURE__ */ jsx57("img", { src, alt }) : /* @__PURE__ */ jsx57("div", { className: cx("oc-media-art", art2 != null && art2 > 1 && `oc-media-art--${art2}`) }),
-        badge != null && /* @__PURE__ */ jsx57("span", { className: cx("oc-media-thumb__badge", live && "oc-media-thumb__badge--live"), children: badge }),
-        duration != null && /* @__PURE__ */ jsx57("span", { className: "oc-media-thumb__duration", children: duration }),
+        src ? /* @__PURE__ */ jsx59("img", { src, alt }) : /* @__PURE__ */ jsx59("div", { className: cx("oc-media-art", art2 != null && art2 > 1 && `oc-media-art--${art2}`) }),
+        badge != null && /* @__PURE__ */ jsx59("span", { className: cx("oc-media-thumb__badge", live && "oc-media-thumb__badge--live"), children: badge }),
+        duration != null && /* @__PURE__ */ jsx59("span", { className: "oc-media-thumb__duration", children: duration }),
         progress != null && /* @__PURE__ */ jsxs46("progress", { className: "oc-media-thumb__progress", value: progress, max: 100, "aria-label": `Watched ${progress}%`, children: [
           progress,
           "%"
@@ -2331,93 +2357,93 @@ var MediaThumb = forwardRef55(function MediaThumb2({ src, alt = "", art: art2, h
 });
 
 // src/components/MediaCard.tsx
-import { jsx as jsx58, jsxs as jsxs47 } from "react/jsx-runtime";
-var MediaCard = forwardRef56(function MediaCard2({ title, href, meta, avatar, thumb, menu, compact, className, ...rest }, ref) {
+import { jsx as jsx60, jsxs as jsxs47 } from "react/jsx-runtime";
+var MediaCard = forwardRef58(function MediaCard2({ title, href, meta, avatar, thumb, menu, compact, className, ...rest }, ref) {
   const menuId = `oc-media-card-menu-${useId20().replace(/:/g, "")}`;
   return /* @__PURE__ */ jsxs47("article", { ref, className: cx("oc-media-card", compact && "oc-media-card--compact", className), ...rest, children: [
-    /* @__PURE__ */ jsx58(MediaThumb, { ...thumb }),
+    /* @__PURE__ */ jsx60(MediaThumb, { ...thumb }),
     /* @__PURE__ */ jsxs47("div", { className: "oc-media-card__body", children: [
-      avatar != null && /* @__PURE__ */ jsx58("span", { className: "oc-media-card__avatar", "aria-hidden": "true", children: avatar }),
+      avatar != null && /* @__PURE__ */ jsx60("span", { className: "oc-media-card__avatar", "aria-hidden": "true", children: avatar }),
       /* @__PURE__ */ jsxs47("div", { className: "oc-media-card__text", children: [
-        /* @__PURE__ */ jsx58("h3", { className: "oc-media-card__title", children: /* @__PURE__ */ jsx58("a", { href, children: title }) }),
-        meta != null && /* @__PURE__ */ jsx58("p", { className: "oc-media-card__meta", children: meta })
+        /* @__PURE__ */ jsx60("h3", { className: "oc-media-card__title", children: /* @__PURE__ */ jsx60("a", { href, children: title }) }),
+        meta != null && /* @__PURE__ */ jsx60("p", { className: "oc-media-card__meta", children: meta })
       ] }),
-      menu != null && /* @__PURE__ */ jsx58("button", { type: "button", className: "oc-media-card__menu", "aria-label": "More actions", popoverTarget: menuId, children: "\u22EE" })
+      menu != null && /* @__PURE__ */ jsx60("button", { type: "button", className: "oc-media-card__menu", "aria-label": "More actions", popoverTarget: menuId, children: "\u22EE" })
     ] }),
-    menu != null && /* @__PURE__ */ jsx58("div", { className: "oc-dropdown-menu", id: menuId, ...attrs({ popover: "" }), children: menu })
+    menu != null && /* @__PURE__ */ jsx60("div", { className: "oc-dropdown-menu", id: menuId, ...attrs({ popover: "" }), children: menu })
   ] });
 });
 
 // src/components/MediaRow.tsx
-import { forwardRef as forwardRef57, useId as useId21 } from "react";
-import { Fragment as Fragment13, jsx as jsx59, jsxs as jsxs48 } from "react/jsx-runtime";
-var MediaRowList = forwardRef57(function MediaRowList2({ numbered, className, ...rest }, ref) {
+import { forwardRef as forwardRef59, useId as useId21 } from "react";
+import { Fragment as Fragment13, jsx as jsx61, jsxs as jsxs48 } from "react/jsx-runtime";
+var MediaRowList = forwardRef59(function MediaRowList2({ numbered, className, ...rest }, ref) {
   const Tag = numbered ? "ol" : "ul";
-  return /* @__PURE__ */ jsx59(Tag, { ref, className: cx("oc-media-row-list", numbered && "oc-media-row-list--numbered", className), ...rest });
+  return /* @__PURE__ */ jsx61(Tag, { ref, className: cx("oc-media-row-list", numbered && "oc-media-row-list--numbered", className), ...rest });
 });
-var MediaRow = forwardRef57(function MediaRow2({ title, href, meta, thumb, current, menu, className, ...rest }, ref) {
+var MediaRow = forwardRef59(function MediaRow2({ title, href, meta, thumb, current, menu, className, ...rest }, ref) {
   const menuId = `oc-media-row-menu-${useId21().replace(/:/g, "")}`;
   return /* @__PURE__ */ jsxs48("li", { ref, className: cx("oc-media-row", className), "aria-current": current ? "true" : void 0, ...rest, children: [
-    /* @__PURE__ */ jsx59(MediaThumb, { ...thumb }),
+    /* @__PURE__ */ jsx61(MediaThumb, { ...thumb }),
     /* @__PURE__ */ jsxs48("div", { className: "oc-media-row__text", children: [
-      /* @__PURE__ */ jsx59("h3", { className: "oc-media-row__title", children: /* @__PURE__ */ jsx59("a", { href, children: title }) }),
-      meta != null && /* @__PURE__ */ jsx59("p", { className: "oc-media-row__meta", children: meta })
+      /* @__PURE__ */ jsx61("h3", { className: "oc-media-row__title", children: /* @__PURE__ */ jsx61("a", { href, children: title }) }),
+      meta != null && /* @__PURE__ */ jsx61("p", { className: "oc-media-row__meta", children: meta })
     ] }),
     menu != null && /* @__PURE__ */ jsxs48(Fragment13, { children: [
-      /* @__PURE__ */ jsx59("button", { type: "button", className: "oc-media-row__menu", "aria-label": "More actions", popoverTarget: menuId, children: "\u22EE" }),
-      /* @__PURE__ */ jsx59("div", { className: "oc-dropdown-menu", id: menuId, ...attrs({ popover: "" }), children: menu })
+      /* @__PURE__ */ jsx61("button", { type: "button", className: "oc-media-row__menu", "aria-label": "More actions", popoverTarget: menuId, children: "\u22EE" }),
+      /* @__PURE__ */ jsx61("div", { className: "oc-dropdown-menu", id: menuId, ...attrs({ popover: "" }), children: menu })
     ] })
   ] });
 });
 
 // src/components/Message.tsx
-import { forwardRef as forwardRef58 } from "react";
-import { Fragment as Fragment14, jsx as jsx60, jsxs as jsxs49 } from "react/jsx-runtime";
-var svg = (d, width = "2") => /* @__PURE__ */ jsx60("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: width, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ jsx60("path", { d }) });
+import { forwardRef as forwardRef60 } from "react";
+import { Fragment as Fragment14, jsx as jsx62, jsxs as jsxs49 } from "react/jsx-runtime";
+var svg = (d, width = "2") => /* @__PURE__ */ jsx62("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: width, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ jsx62("path", { d }) });
 var ICONS = { reply: "M9 14 4 9l5-5M4 9h10a6 6 0 0 1 6 6v4", delete: "M3 6h18M8 6V4h8v2M19 6l-1 14H6L5 6M10 11v6M14 11v6" };
 var STATUS = { sent: "Sent", read: "Read", failed: "Failed" };
 function MessageAttachments({ items }) {
   const thumbs = items.every((a) => a.kind === "thumb");
-  return /* @__PURE__ */ jsx60("div", { className: "oc-message__attachments", children: thumbs ? /* @__PURE__ */ jsx60("div", { className: "oc-attachment-list", children: items.map((a, i) => /* @__PURE__ */ jsx60(AttachmentThumb, { as: "span", ...a }, i)) }) : items.map((a, i) => {
+  return /* @__PURE__ */ jsx62("div", { className: "oc-message__attachments", children: thumbs ? /* @__PURE__ */ jsx62("div", { className: "oc-attachment-list", children: items.map((a, i) => /* @__PURE__ */ jsx62(AttachmentThumb, { as: "span", ...a }, i)) }) : items.map((a, i) => {
     if (a.kind === "image") {
       const { kind: _k2, ...img } = a;
-      return /* @__PURE__ */ jsx60(AttachmentImage, { ...img }, i);
+      return /* @__PURE__ */ jsx62(AttachmentImage, { ...img }, i);
     }
     if (a.kind === "thumb") {
       const { kind: _k2, ...t } = a;
-      return /* @__PURE__ */ jsx60(AttachmentThumb, { as: "span", ...t }, i);
+      return /* @__PURE__ */ jsx62(AttachmentThumb, { as: "span", ...t }, i);
     }
     const { kind: _k, ...file } = a;
-    return /* @__PURE__ */ jsx60(Attachment, { ...file }, i);
+    return /* @__PURE__ */ jsx62(Attachment, { ...file }, i);
   }) });
 }
-var Message = forwardRef58(function Message2({ direction = "in", sender, avatar, time, datetime, status, statusLabel, statusIcon, continued, quote, text, attachments, actions, label, onAction, className, children, ...rest }, ref) {
+var Message = forwardRef60(function Message2({ direction = "in", sender, avatar, time, datetime, status, statusLabel, statusIcon, continued, quote, text, attachments, actions, label, onAction, className, children, ...rest }, ref) {
   return /* @__PURE__ */ jsxs49("article", { ref, className: cx("oc-message", direction === "out" && "oc-message--out", continued && "oc-message--continued", className), "aria-label": label, ...rest, children: [
-    /* @__PURE__ */ jsx60("span", { className: "oc-avatar oc-message__avatar", children: avatar }),
+    /* @__PURE__ */ jsx62("span", { className: "oc-avatar oc-message__avatar", children: avatar }),
     /* @__PURE__ */ jsxs49("div", { className: "oc-message__bubble", children: [
-      sender != null && !continued && /* @__PURE__ */ jsx60("p", { className: "oc-message__sender", children: sender }),
+      sender != null && !continued && /* @__PURE__ */ jsx62("p", { className: "oc-message__sender", children: sender }),
       quote && /* @__PURE__ */ jsxs49("a", { className: "oc-message__quote", href: quote.href, children: [
-        /* @__PURE__ */ jsx60("strong", { children: quote.sender }),
-        /* @__PURE__ */ jsx60("span", { children: quote.text })
+        /* @__PURE__ */ jsx62("strong", { children: quote.sender }),
+        /* @__PURE__ */ jsx62("span", { children: quote.text })
       ] }),
       (text != null || children != null) && /* @__PURE__ */ jsxs49("div", { className: "oc-message__text", children: [
-        typeof text === "string" ? /* @__PURE__ */ jsx60("p", { children: text }) : text,
+        typeof text === "string" ? /* @__PURE__ */ jsx62("p", { children: text }) : text,
         children
       ] }),
-      attachments?.length ? /* @__PURE__ */ jsx60(MessageAttachments, { items: attachments }) : null,
+      attachments?.length ? /* @__PURE__ */ jsx62(MessageAttachments, { items: attachments }) : null,
       (time != null || status) && /* @__PURE__ */ jsxs49("p", { className: "oc-message__meta", children: [
-        time != null && /* @__PURE__ */ jsx60("time", { dateTime: datetime, children: time }),
+        time != null && /* @__PURE__ */ jsx62("time", { dateTime: datetime, children: time }),
         status && /* @__PURE__ */ jsxs49("span", { className: cx("oc-message__status", status !== "sent" && `oc-message__status--${status}`), children: [
           statusIcon && svg("M2 12.5 7 17.5 18 6.5M13 16.5l1 1L22.5 9", "2.2"),
           statusLabel ?? STATUS[status]
         ] })
       ] })
     ] }),
-    actions?.length ? /* @__PURE__ */ jsx60("div", { className: "oc-message__actions", children: actions.map((a) => /* @__PURE__ */ jsx60("button", { type: "button", className: cx("oc-message__action", a.destructive && "oc-message__action--destructive"), "aria-label": a.label, onClick: () => onAction?.(a.name), children: typeof a.icon === "string" || a.icon == null ? svg(ICONS[a.icon ?? a.name] ?? ICONS.reply) : a.icon }, a.name)) }) : null
+    actions?.length ? /* @__PURE__ */ jsx62("div", { className: "oc-message__actions", children: actions.map((a) => /* @__PURE__ */ jsx62("button", { type: "button", className: cx("oc-message__action", a.destructive && "oc-message__action--destructive"), "aria-label": a.label, onClick: () => onAction?.(a.name), children: typeof a.icon === "string" || a.icon == null ? svg(ICONS[a.icon ?? a.name] ?? ICONS.reply) : a.icon }, a.name)) }) : null
   ] });
 });
 function MessageDivider({ system, className, children, ...rest }) {
-  return /* @__PURE__ */ jsx60("div", { className: cx("oc-message-divider", system && "oc-message-divider--system", className), role: system ? "note" : void 0, ...rest, children: /* @__PURE__ */ jsx60("span", { children }) });
+  return /* @__PURE__ */ jsx62("div", { className: cx("oc-message-divider", system && "oc-message-divider--system", className), role: system ? "note" : void 0, ...rest, children: /* @__PURE__ */ jsx62("span", { children }) });
 }
 var DEMO5 = [
   { divider: "Tuesday 14 October" },
@@ -2431,20 +2457,20 @@ var DEMO5 = [
     continued: true,
     id: "oc-message-demo-question",
     text: /* @__PURE__ */ jsxs49(Fragment14, { children: [
-      /* @__PURE__ */ jsx60("p", { children: "Which finish should we order?" }),
+      /* @__PURE__ */ jsx62("p", { children: "Which finish should we order?" }),
       /* @__PURE__ */ jsxs49("ul", { children: [
         /* @__PURE__ */ jsxs49("li", { children: [
-          /* @__PURE__ */ jsx60("strong", { children: "Calacatta" }),
+          /* @__PURE__ */ jsx62("strong", { children: "Calacatta" }),
           " matt, 20 mm"
         ] }),
         /* @__PURE__ */ jsxs49("li", { children: [
-          /* @__PURE__ */ jsx60("strong", { children: "Nero Marquina" }),
+          /* @__PURE__ */ jsx62("strong", { children: "Nero Marquina" }),
           " polished, 12 mm"
         ] })
       ] }),
       /* @__PURE__ */ jsxs49("p", { children: [
         "Details are on the ",
-        /* @__PURE__ */ jsx60("a", { href: "#supplier-sheet", children: "supplier sheet" }),
+        /* @__PURE__ */ jsx62("a", { href: "#supplier-sheet", children: "supplier sheet" }),
         "."
       ] })
     ] })
@@ -2463,15 +2489,15 @@ var DEMO5 = [
   },
   { divider: "Lisa Verbeke marked this question as answered", system: true }
 ];
-var MessageList = forwardRef58(function MessageList2({ items = DEMO5, log = true, onAction, className, children, "aria-label": label = log ? "Conversation with Lisa Verbeke" : void 0, ...rest }, ref) {
-  return /* @__PURE__ */ jsx60("div", { ref, className: cx("oc-message-list", className), role: log ? "log" : void 0, "aria-label": label, ...rest, children: children ?? items.map(
-    (item, i) => "divider" in item ? /* @__PURE__ */ jsx60(MessageDivider, { system: item.system, children: item.divider }, i) : /* @__PURE__ */ jsx60(Message, { ...item, onAction: (name) => onAction?.(name, item, i) }, i)
+var MessageList = forwardRef60(function MessageList2({ items = DEMO5, log = true, onAction, className, children, "aria-label": label = log ? "Conversation with Lisa Verbeke" : void 0, ...rest }, ref) {
+  return /* @__PURE__ */ jsx62("div", { ref, className: cx("oc-message-list", className), role: log ? "log" : void 0, "aria-label": label, ...rest, children: children ?? items.map(
+    (item, i) => "divider" in item ? /* @__PURE__ */ jsx62(MessageDivider, { system: item.system, children: item.divider }, i) : /* @__PURE__ */ jsx62(Message, { ...item, onAction: (name) => onAction?.(name, item, i) }, i)
   ) });
 });
 
 // src/components/MessageThread.tsx
-import { forwardRef as forwardRef59, useEffect as useEffect7, useId as useId22, useState as useState9 } from "react";
-import { Fragment as Fragment15, jsx as jsx61, jsxs as jsxs50 } from "react/jsx-runtime";
+import { forwardRef as forwardRef61, useEffect as useEffect7, useId as useId22, useState as useState9 } from "react";
+import { Fragment as Fragment15, jsx as jsx63, jsxs as jsxs50 } from "react/jsx-runtime";
 var MENU = [
   { name: "unread", label: "Mark as unread" },
   { name: "archive", label: "Move to archive" },
@@ -2496,9 +2522,9 @@ var DEMO6 = [
     continued: true,
     text: /* @__PURE__ */ jsxs50("p", { children: [
       "Which one should we order: ",
-      /* @__PURE__ */ jsx61("strong", { children: "Calacatta matt" }),
+      /* @__PURE__ */ jsx63("strong", { children: "Calacatta matt" }),
       " or ",
-      /* @__PURE__ */ jsx61("strong", { children: "Nero Marquina polished" }),
+      /* @__PURE__ */ jsx63("strong", { children: "Nero Marquina polished" }),
       "? The cutting slot is Friday."
     ] })
   },
@@ -2516,7 +2542,7 @@ var DEMO6 = [
   { sender: "Lisa Verbeke", avatar: "LV", time: "10:02", datetime: "2026-10-24T10:02", text: "Client signed. Can you confirm the edge profile before 16:00?" }
 ];
 var isOut = (m) => !!m && !("divider" in m) && m.direction === "out";
-var MessageThread = forwardRef59(function MessageThread2({
+var MessageThread = forwardRef61(function MessageThread2({
   title = "Kitchen worktop: which finish?",
   project = "Villa Dewitte",
   meta = "Lisa Verbeke \u2192 Tom Peeters \xB7 14 Oct 2026",
@@ -2582,51 +2608,51 @@ var MessageThread = forwardRef59(function MessageThread2({
     /* @__PURE__ */ jsxs50("header", { className: "oc-message-thread__header", children: [
       back,
       /* @__PURE__ */ jsxs50("div", { className: "oc-message-thread__heading", children: [
-        /* @__PURE__ */ jsx61("h3", { className: "oc-message-thread__title", id: `${base}-title`, children: title }),
+        /* @__PURE__ */ jsx63("h3", { className: "oc-message-thread__title", id: `${base}-title`, children: title }),
         (project != null || meta != null) && /* @__PURE__ */ jsxs50("p", { className: "oc-message-thread__meta", children: [
-          project != null && /* @__PURE__ */ jsx61("strong", { children: project }),
+          project != null && /* @__PURE__ */ jsx63("strong", { children: project }),
           project != null && meta != null && " \xB7 ",
           meta
         ] })
       ] }),
-      participants.length > 0 && /* @__PURE__ */ jsx61("div", { className: "oc-avatar-group oc-message-thread__people", "aria-label": `${participants.length} participants`, children: participants.map((p, i) => /* @__PURE__ */ jsx61("span", { className: "oc-avatar", title: p.name, children: p.initials }, i)) }),
+      participants.length > 0 && /* @__PURE__ */ jsx63("div", { className: "oc-avatar-group oc-message-thread__people", "aria-label": `${participants.length} participants`, children: participants.map((p, i) => /* @__PURE__ */ jsx63("span", { className: "oc-avatar", title: p.name, children: p.initials }, i)) }),
       (status || menu) && /* @__PURE__ */ jsxs50("div", { className: "oc-message-thread__actions", children: [
-        status && /* @__PURE__ */ jsx61("span", { className: cx("oc-badge", status.variant && `oc-badge--${status.variant}`), children: status.label }),
+        status && /* @__PURE__ */ jsx63("span", { className: cx("oc-badge", status.variant && `oc-badge--${status.variant}`), children: status.label }),
         menu && /* @__PURE__ */ jsxs50(Fragment15, { children: [
-          /* @__PURE__ */ jsx61("button", { type: "button", className: "oc-message-thread__icon-btn", popoverTarget: `${base}-menu`, "aria-label": "Conversation actions", children: /* @__PURE__ */ jsxs50("svg", { viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true", children: [
-            /* @__PURE__ */ jsx61("circle", { cx: "12", cy: "5", r: "1.8" }),
-            /* @__PURE__ */ jsx61("circle", { cx: "12", cy: "12", r: "1.8" }),
-            /* @__PURE__ */ jsx61("circle", { cx: "12", cy: "19", r: "1.8" })
+          /* @__PURE__ */ jsx63("button", { type: "button", className: "oc-message-thread__icon-btn", popoverTarget: `${base}-menu`, "aria-label": "Conversation actions", children: /* @__PURE__ */ jsxs50("svg", { viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true", children: [
+            /* @__PURE__ */ jsx63("circle", { cx: "12", cy: "5", r: "1.8" }),
+            /* @__PURE__ */ jsx63("circle", { cx: "12", cy: "12", r: "1.8" }),
+            /* @__PURE__ */ jsx63("circle", { cx: "12", cy: "19", r: "1.8" })
           ] }) }),
-          /* @__PURE__ */ jsx61("div", { className: "oc-dropdown-menu", id: `${base}-menu`, ...attrs({ popover: "" }), role: "menu", children: menu.map((m, i) => "separator" in m ? /* @__PURE__ */ jsx61("div", { className: "oc-dropdown-separator", role: "separator" }, i) : /* @__PURE__ */ jsx61("button", { type: "button", className: cx("oc-dropdown-item", m.destructive && "oc-dropdown-item--destructive"), role: "menuitem", onClick: () => onMenu?.(m.name), children: m.label }, i)) })
+          /* @__PURE__ */ jsx63("div", { className: "oc-dropdown-menu", id: `${base}-menu`, ...attrs({ popover: "" }), role: "menu", children: menu.map((m, i) => "separator" in m ? /* @__PURE__ */ jsx63("div", { className: "oc-dropdown-separator", role: "separator" }, i) : /* @__PURE__ */ jsx63("button", { type: "button", className: cx("oc-dropdown-item", m.destructive && "oc-dropdown-item--destructive"), role: "menuitem", onClick: () => onMenu?.(m.name), children: m.label }, i)) })
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ jsx61("div", { className: "oc-message-thread__scroll", tabIndex: 0, role: "log", "aria-label": scrollLabel, "aria-live": live ? "polite" : void 0, children: /* @__PURE__ */ jsx61(MessageList, { items: list, log: false }) }),
-    /* @__PURE__ */ jsx61("div", { className: "oc-message-thread__footer", children: note != null ? /* @__PURE__ */ jsx61("p", { className: "oc-message-thread__note", children: note }) : composer ?? /* @__PURE__ */ jsxs50("form", { className: cx("oc-chat-composer", inline && "oc-chat-composer--inline"), action: "#", "aria-label": composerLabel, onSubmit: send, onKeyDown: ctrlEnter, children: [
-      /* @__PURE__ */ jsx61("label", { className: "oc-visually-hidden", htmlFor: `${base}-input`, children: "Message" }),
-      /* @__PURE__ */ jsx61("textarea", { className: "oc-chat-composer__input", id: `${base}-input`, name: "message", rows: 1, placeholder, required: true }),
+    /* @__PURE__ */ jsx63("div", { className: "oc-message-thread__scroll", tabIndex: 0, role: "log", "aria-label": scrollLabel, "aria-live": live ? "polite" : void 0, children: /* @__PURE__ */ jsx63(MessageList, { items: list, log: false }) }),
+    /* @__PURE__ */ jsx63("div", { className: "oc-message-thread__footer", children: note != null ? /* @__PURE__ */ jsx63("p", { className: "oc-message-thread__note", children: note }) : composer ?? /* @__PURE__ */ jsxs50("form", { className: cx("oc-chat-composer", inline && "oc-chat-composer--inline"), action: "#", "aria-label": composerLabel, onSubmit: send, onKeyDown: ctrlEnter, children: [
+      /* @__PURE__ */ jsx63("label", { className: "oc-visually-hidden", htmlFor: `${base}-input`, children: "Message" }),
+      /* @__PURE__ */ jsx63("textarea", { className: "oc-chat-composer__input", id: `${base}-input`, name: "message", rows: 1, placeholder, required: true }),
       /* @__PURE__ */ jsxs50("div", { className: "oc-chat-composer__bar", children: [
         tools.length > 0 && /* @__PURE__ */ jsxs50("div", { className: "oc-chat-composer__tools", children: [
-          tools.includes("attach") && /* @__PURE__ */ jsx61("button", { type: "button", className: "oc-chat-composer__tool", "aria-label": "Attach a file", onClick: () => onTool?.("attach"), children: "\u{1F4CE}" }),
-          tools.includes("emoji") && /* @__PURE__ */ jsx61("button", { type: "button", className: "oc-chat-composer__tool", "aria-label": "Insert emoji", onClick: () => onTool?.("emoji"), children: "\u{1F642}" })
+          tools.includes("attach") && /* @__PURE__ */ jsx63("button", { type: "button", className: "oc-chat-composer__tool", "aria-label": "Attach a file", onClick: () => onTool?.("attach"), children: "\u{1F4CE}" }),
+          tools.includes("emoji") && /* @__PURE__ */ jsx63("button", { type: "button", className: "oc-chat-composer__tool", "aria-label": "Insert emoji", onClick: () => onTool?.("emoji"), children: "\u{1F642}" })
         ] }),
-        hint != null && /* @__PURE__ */ jsx61("span", { className: "oc-chat-composer__hint", children: hint }),
-        /* @__PURE__ */ jsx61("button", { type: "submit", className: "oc-chat-composer__send", "aria-label": "Send", children: "\u27A4" })
+        hint != null && /* @__PURE__ */ jsx63("span", { className: "oc-chat-composer__hint", children: hint }),
+        /* @__PURE__ */ jsx63("button", { type: "submit", className: "oc-chat-composer__send", "aria-label": "Send", children: "\u27A4" })
       ] })
     ] }) }),
     busyTitle != null && /* @__PURE__ */ jsxs50("div", { className: "oc-message-thread__busy", role: "status", children: [
-      /* @__PURE__ */ jsx61("span", { className: "oc-spinner oc-spinner--lg", "aria-hidden": "true" }),
-      /* @__PURE__ */ jsx61("strong", { children: busyTitle }),
-      busyText != null && /* @__PURE__ */ jsx61("span", { children: busyText })
+      /* @__PURE__ */ jsx63("span", { className: "oc-spinner oc-spinner--lg", "aria-hidden": "true" }),
+      /* @__PURE__ */ jsx63("strong", { children: busyTitle }),
+      busyText != null && /* @__PURE__ */ jsx63("span", { children: busyText })
     ] })
   ] });
 });
 
 // src/components/Modal.tsx
-import { forwardRef as forwardRef60, useId as useId23, useRef as useRef9 } from "react";
-import { jsx as jsx62, jsxs as jsxs51 } from "react/jsx-runtime";
-var Modal = forwardRef60(function Modal2({ open, defaultOpen, onOpenChange, title, description, footer, size = "md", closeOnBackdrop = true, className, children, ...rest }, forwardedRef) {
+import { forwardRef as forwardRef62, useId as useId23, useRef as useRef9 } from "react";
+import { jsx as jsx64, jsxs as jsxs51 } from "react/jsx-runtime";
+var Modal = forwardRef62(function Modal2({ open, defaultOpen, onOpenChange, title, description, footer, size = "md", closeOnBackdrop = true, className, children, ...rest }, forwardedRef) {
   const inner = useRef9(null);
   const ref = useMergedRef(inner, forwardedRef);
   const titleId = useId23();
@@ -2635,7 +2661,7 @@ var Modal = forwardRef60(function Modal2({ open, defaultOpen, onOpenChange, titl
     rest.onClick?.(e);
     if (closeOnBackdrop && e.target === e.currentTarget) dlg.close();
   };
-  return /* @__PURE__ */ jsx62(
+  return /* @__PURE__ */ jsx64(
     "dialog",
     {
       ref,
@@ -2645,20 +2671,20 @@ var Modal = forwardRef60(function Modal2({ open, defaultOpen, onOpenChange, titl
       ...rest,
       onClick,
       onClose: dlg.onClose,
-      children: /* @__PURE__ */ jsx62(DialogContext.Provider, { value: { close: dlg.close }, children: /* @__PURE__ */ jsxs51("div", { className: cx("oc-modal-content", size !== "md" && `oc-modal-content--${size}`), children: [
+      children: /* @__PURE__ */ jsx64(DialogContext.Provider, { value: { close: dlg.close }, children: /* @__PURE__ */ jsxs51("div", { className: cx("oc-modal-content", size !== "md" && `oc-modal-content--${size}`), children: [
         (title != null || description != null) && /* @__PURE__ */ jsxs51("div", { className: "oc-modal-header", children: [
-          title != null && /* @__PURE__ */ jsx62("h2", { className: "oc-modal-title", id: titleId, children: title }),
-          description != null && /* @__PURE__ */ jsx62("p", { className: "oc-modal-description", children: description })
+          title != null && /* @__PURE__ */ jsx64("h2", { className: "oc-modal-title", id: titleId, children: title }),
+          description != null && /* @__PURE__ */ jsx64("p", { className: "oc-modal-description", children: description })
         ] }),
         children,
-        footer != null && /* @__PURE__ */ jsx62("div", { className: "oc-modal-footer", children: footer })
+        footer != null && /* @__PURE__ */ jsx64("div", { className: "oc-modal-footer", children: footer })
       ] }) })
     }
   );
 });
-var ModalClose = forwardRef60(function ModalClose2({ onClick, ...rest }, ref) {
+var ModalClose = forwardRef62(function ModalClose2({ onClick, ...rest }, ref) {
   const ctx = useDialogContext();
-  return /* @__PURE__ */ jsx62(
+  return /* @__PURE__ */ jsx64(
     Button,
     {
       ref,
@@ -2673,53 +2699,53 @@ var ModalClose = forwardRef60(function ModalClose2({ onClick, ...rest }, ref) {
 });
 
 // src/components/Navmenu.tsx
-import { forwardRef as forwardRef61, useId as useId24 } from "react";
-import { jsx as jsx63, jsxs as jsxs52 } from "react/jsx-runtime";
-var Navmenu = forwardRef61(function Navmenu2({ label = "Navigation", navClassName, className, ...rest }, ref) {
-  return /* @__PURE__ */ jsx63("nav", { "aria-label": label, className: navClassName, children: /* @__PURE__ */ jsx63("ul", { ref, className: cx("oc-navmenu", className), ...rest }) });
+import { forwardRef as forwardRef63, useId as useId24 } from "react";
+import { jsx as jsx65, jsxs as jsxs52 } from "react/jsx-runtime";
+var Navmenu = forwardRef63(function Navmenu2({ label = "Navigation", navClassName, className, ...rest }, ref) {
+  return /* @__PURE__ */ jsx65("nav", { "aria-label": label, className: navClassName, children: /* @__PURE__ */ jsx65("ul", { ref, className: cx("oc-navmenu", className), ...rest }) });
 });
 function NavmenuItem(props) {
-  return /* @__PURE__ */ jsx63("li", { ...props });
+  return /* @__PURE__ */ jsx65("li", { ...props });
 }
-var NavmenuLink = forwardRef61(function NavmenuLink2({ current, className, ...rest }, ref) {
-  return /* @__PURE__ */ jsx63("a", { ref, className: cx("oc-navmenu-link", className), "aria-current": current ? "page" : void 0, ...rest });
+var NavmenuLink = forwardRef63(function NavmenuLink2({ current, className, ...rest }, ref) {
+  return /* @__PURE__ */ jsx65("a", { ref, className: cx("oc-navmenu-link", className), "aria-current": current ? "page" : void 0, ...rest });
 });
-var NavmenuDropdown = forwardRef61(function NavmenuDropdown2({ label, className, id, children, ...rest }, ref) {
+var NavmenuDropdown = forwardRef63(function NavmenuDropdown2({ label, className, id, children, ...rest }, ref) {
   const auto = useId24();
   const menuId = id ?? `oc-navmenu-${auto.replace(/:/g, "")}`;
   return /* @__PURE__ */ jsxs52("li", { children: [
-    /* @__PURE__ */ jsx63("button", { className: "oc-navmenu-link oc-navmenu-link--caret", type: "button", popoverTarget: menuId, children: label }),
-    /* @__PURE__ */ jsx63("div", { ref, className: cx("oc-dropdown-menu", className), id: menuId, ...attrs({ popover: "" }), ...rest, children })
+    /* @__PURE__ */ jsx65("button", { className: "oc-navmenu-link oc-navmenu-link--caret", type: "button", popoverTarget: menuId, children: label }),
+    /* @__PURE__ */ jsx65("div", { ref, className: cx("oc-dropdown-menu", className), id: menuId, ...attrs({ popover: "" }), ...rest, children })
   ] });
 });
 
 // src/components/NextTeaser.tsx
-import { forwardRef as forwardRef62 } from "react";
-import { jsx as jsx64, jsxs as jsxs53 } from "react/jsx-runtime";
-var NextTeaser = forwardRef62(function NextTeaser2({ label = "Next product", name, tagline, mark, prev = false, className, ...rest }, ref) {
+import { forwardRef as forwardRef64 } from "react";
+import { jsx as jsx66, jsxs as jsxs53 } from "react/jsx-runtime";
+var NextTeaser = forwardRef64(function NextTeaser2({ label = "Next product", name, tagline, mark, prev = false, className, ...rest }, ref) {
   return /* @__PURE__ */ jsxs53("a", { ref, className: cx("oc-next-teaser", prev && "oc-next-teaser--prev", className), ...rest, children: [
-    label != null && /* @__PURE__ */ jsx64("span", { className: "oc-next-teaser__label", children: label }),
+    label != null && /* @__PURE__ */ jsx66("span", { className: "oc-next-teaser__label", children: label }),
     /* @__PURE__ */ jsxs53("span", { className: "oc-next-teaser__name", children: [
       mark,
       name
     ] }),
-    tagline != null && /* @__PURE__ */ jsx64("span", { className: "oc-next-teaser__tagline", children: tagline })
+    tagline != null && /* @__PURE__ */ jsx66("span", { className: "oc-next-teaser__tagline", children: tagline })
   ] });
 });
 
 // src/components/NumberInput.tsx
-import { forwardRef as forwardRef63 } from "react";
-import { jsx as jsx65, jsxs as jsxs54 } from "react/jsx-runtime";
+import { forwardRef as forwardRef65 } from "react";
+import { jsx as jsx67, jsxs as jsxs54 } from "react/jsx-runtime";
 function clamp(n, min, max) {
   const rounded = Math.round(n * 1e6) / 1e6;
   return Math.min(max ?? Infinity, Math.max(min ?? -Infinity, rounded));
 }
-var NumberInput = forwardRef63(function NumberInput2({ value, defaultValue, onChange, min, max, step = 1, size = "md", block, error, decrementLabel = "Decrease", incrementLabel = "Increase", className, disabled, ...rest }, ref) {
+var NumberInput = forwardRef65(function NumberInput2({ value, defaultValue, onChange, min, max, step = 1, size = "md", block, error, decrementLabel = "Decrease", incrementLabel = "Increase", className, disabled, ...rest }, ref) {
   const [current, setCurrent] = useControllable(value, defaultValue ?? null, onChange);
   const stepBy = (dir) => setCurrent(clamp((current ?? min ?? 0) + dir * step, min, max));
   return /* @__PURE__ */ jsxs54("div", { className: cx("oc-number-input", size === "sm" && "oc-number-input--sm", block && "oc-number-input--block", error && "oc-number-input--error", className), children: [
-    /* @__PURE__ */ jsx65("button", { className: "oc-number-input-step", type: "button", "aria-label": decrementLabel, disabled: disabled || min != null && current != null && current <= min, onClick: () => stepBy(-1), children: "\u2212" }),
-    /* @__PURE__ */ jsx65(
+    /* @__PURE__ */ jsx67("button", { className: "oc-number-input-step", type: "button", "aria-label": decrementLabel, disabled: disabled || min != null && current != null && current <= min, onClick: () => stepBy(-1), children: "\u2212" }),
+    /* @__PURE__ */ jsx67(
       "input",
       {
         ref,
@@ -2735,16 +2761,16 @@ var NumberInput = forwardRef63(function NumberInput2({ value, defaultValue, onCh
         ...rest
       }
     ),
-    /* @__PURE__ */ jsx65("button", { className: "oc-number-input-step", type: "button", "aria-label": incrementLabel, disabled: disabled || max != null && current != null && current >= max, onClick: () => stepBy(1), children: "+" })
+    /* @__PURE__ */ jsx67("button", { className: "oc-number-input-step", type: "button", "aria-label": incrementLabel, disabled: disabled || max != null && current != null && current >= max, onClick: () => stepBy(1), children: "+" })
   ] });
 });
 
 // src/components/OtpInput.tsx
-import { forwardRef as forwardRef64 } from "react";
-import { jsx as jsx66 } from "react/jsx-runtime";
-var OtpInput = forwardRef64(function OtpInput2({ length = 6, value, defaultValue = "", onChange, onComplete, invalid, alphanumeric, className, style, ...rest }, ref) {
+import { forwardRef as forwardRef66 } from "react";
+import { jsx as jsx68 } from "react/jsx-runtime";
+var OtpInput = forwardRef66(function OtpInput2({ length = 6, value, defaultValue = "", onChange, onComplete, invalid, alphanumeric, className, style, ...rest }, ref) {
   const [code, setCode] = useControllable(value, defaultValue, onChange);
-  return /* @__PURE__ */ jsx66(
+  return /* @__PURE__ */ jsx68(
     "input",
     {
       ref,
@@ -2768,29 +2794,29 @@ var OtpInput = forwardRef64(function OtpInput2({ length = 6, value, defaultValue
 });
 
 // src/components/PageHeader.tsx
-import { forwardRef as forwardRef65 } from "react";
-import { jsx as jsx67, jsxs as jsxs55 } from "react/jsx-runtime";
-var PageHeader = forwardRef65(function PageHeader2({ title, subtitle, meta, back, actions, level = 1, bordered, sticky, size, className, ...rest }, ref) {
+import { forwardRef as forwardRef67 } from "react";
+import { jsx as jsx69, jsxs as jsxs55 } from "react/jsx-runtime";
+var PageHeader = forwardRef67(function PageHeader2({ title, subtitle, meta, back, actions, level = 1, bordered, sticky, size, className, ...rest }, ref) {
   const Heading3 = `h${level}`;
   const cls = cx("oc-page-header", bordered && "oc-page-header--bordered", sticky && "oc-page-header--sticky", size && `oc-page-header--${size}`, className);
   return /* @__PURE__ */ jsxs55("header", { ref, className: cls, ...rest, children: [
-    back != null && /* @__PURE__ */ jsx67("div", { className: "oc-page-header-back", children: back }),
+    back != null && /* @__PURE__ */ jsx69("div", { className: "oc-page-header-back", children: back }),
     /* @__PURE__ */ jsxs55("div", { className: "oc-page-header-main", children: [
       /* @__PURE__ */ jsxs55("div", { className: "oc-page-header-text", children: [
-        /* @__PURE__ */ jsx67(Heading3, { className: "oc-page-header-title", children: title }),
-        subtitle != null && /* @__PURE__ */ jsx67("p", { className: "oc-page-header-subtitle", children: subtitle }),
-        meta != null && /* @__PURE__ */ jsx67("div", { className: "oc-page-header-meta", children: meta })
+        /* @__PURE__ */ jsx69(Heading3, { className: "oc-page-header-title", children: title }),
+        subtitle != null && /* @__PURE__ */ jsx69("p", { className: "oc-page-header-subtitle", children: subtitle }),
+        meta != null && /* @__PURE__ */ jsx69("div", { className: "oc-page-header-meta", children: meta })
       ] }),
-      actions != null && /* @__PURE__ */ jsx67("div", { className: "oc-page-header-actions", children: actions })
+      actions != null && /* @__PURE__ */ jsx69("div", { className: "oc-page-header-actions", children: actions })
     ] })
   ] });
 });
 
 // src/components/Pagination.tsx
-import { forwardRef as forwardRef66 } from "react";
-import { jsx as jsx68 } from "react/jsx-runtime";
-var Pagination = forwardRef66(function Pagination2({ page, pageCount, onPageChange, hrefFor = (n) => `?page=${n}`, className, "aria-label": ariaLabel = "Pagination", ...rest }, ref) {
-  return /* @__PURE__ */ jsx68("nav", { ref, className: cx("oc-pagination", className), "aria-label": ariaLabel, ...rest, children: Array.from({ length: pageCount }, (_, i) => i + 1).map((n) => /* @__PURE__ */ jsx68(
+import { forwardRef as forwardRef68 } from "react";
+import { jsx as jsx70 } from "react/jsx-runtime";
+var Pagination = forwardRef68(function Pagination2({ page, pageCount, onPageChange, hrefFor = (n) => `?page=${n}`, className, "aria-label": ariaLabel = "Pagination", ...rest }, ref) {
+  return /* @__PURE__ */ jsx70("nav", { ref, className: cx("oc-pagination", className), "aria-label": ariaLabel, ...rest, children: Array.from({ length: pageCount }, (_, i) => i + 1).map((n) => /* @__PURE__ */ jsx70(
     "a",
     {
       className: "oc-pagination-item",
@@ -2807,12 +2833,12 @@ var Pagination = forwardRef66(function Pagination2({ page, pageCount, onPageChan
 });
 
 // src/components/PasswordInput.tsx
-import { forwardRef as forwardRef67, useState as useState10 } from "react";
-import { jsx as jsx69, jsxs as jsxs56 } from "react/jsx-runtime";
-var PasswordInput = forwardRef67(function PasswordInput2({ showLabel = "Show", hideLabel = "Hide", toggleLabel = "Toggle password visibility", error, className, ...rest }, ref) {
+import { forwardRef as forwardRef69, useState as useState10 } from "react";
+import { jsx as jsx71, jsxs as jsxs56 } from "react/jsx-runtime";
+var PasswordInput = forwardRef69(function PasswordInput2({ showLabel = "Show", hideLabel = "Hide", toggleLabel = "Toggle password visibility", error, className, ...rest }, ref) {
   const [shown, setShown] = useState10(false);
   return /* @__PURE__ */ jsxs56("div", { className: "oc-input-reveal", children: [
-    /* @__PURE__ */ jsx69(
+    /* @__PURE__ */ jsx71(
       "input",
       {
         ref,
@@ -2823,27 +2849,27 @@ var PasswordInput = forwardRef67(function PasswordInput2({ showLabel = "Show", h
         ...rest
       }
     ),
-    /* @__PURE__ */ jsx69("button", { className: "oc-input-reveal-button", type: "button", "aria-pressed": shown, "aria-label": toggleLabel, onClick: () => setShown((s) => !s), children: shown ? hideLabel : showLabel })
+    /* @__PURE__ */ jsx71("button", { className: "oc-input-reveal-button", type: "button", "aria-pressed": shown, "aria-label": toggleLabel, onClick: () => setShown((s) => !s), children: shown ? hideLabel : showLabel })
   ] });
 });
 
 // src/components/PasswordRequirements.tsx
-import { forwardRef as forwardRef68 } from "react";
-import { jsx as jsx70 } from "react/jsx-runtime";
+import { forwardRef as forwardRef70 } from "react";
+import { jsx as jsx72 } from "react/jsx-runtime";
 var defaultPasswordRules = [
   { label: "At least 8 characters", test: (p) => p.length >= 8 },
   { label: "One uppercase letter", test: (p) => /[A-Z]/.test(p) },
   { label: "One number", test: (p) => /[0-9]/.test(p) },
   { label: "One symbol", test: (p) => /[^A-Za-z0-9]/.test(p) }
 ];
-var PasswordRequirements = forwardRef68(function PasswordRequirements2({ password, rules = defaultPasswordRules, inline, hideWhenEmpty, className, ...rest }, ref) {
+var PasswordRequirements = forwardRef70(function PasswordRequirements2({ password, rules = defaultPasswordRules, inline, hideWhenEmpty, className, ...rest }, ref) {
   if (hideWhenEmpty && !password) return null;
-  return /* @__PURE__ */ jsx70("ul", { ref, className: cx("oc-password-requirements", inline && "oc-password-requirements--inline", className), "aria-live": "polite", ...rest, children: rules.map((rule, i) => /* @__PURE__ */ jsx70("li", { className: cx("oc-password-requirement", rule.test(password) && "oc-password-requirement--met"), children: rule.label }, i)) });
+  return /* @__PURE__ */ jsx72("ul", { ref, className: cx("oc-password-requirements", inline && "oc-password-requirements--inline", className), "aria-live": "polite", ...rest, children: rules.map((rule, i) => /* @__PURE__ */ jsx72("li", { className: cx("oc-password-requirement", rule.test(password) && "oc-password-requirement--met"), children: rule.label }, i)) });
 });
 
 // src/components/PhoneInput.tsx
-import { forwardRef as forwardRef69, useState as useState11 } from "react";
-import { jsx as jsx71, jsxs as jsxs57 } from "react/jsx-runtime";
+import { forwardRef as forwardRef71, useState as useState11 } from "react";
+import { jsx as jsx73, jsxs as jsxs57 } from "react/jsx-runtime";
 var DEFAULT_COUNTRIES = [
   { dial: "+32", label: "BE +32" },
   { dial: "+31", label: "NL +31" },
@@ -2860,7 +2886,7 @@ function splitPhone(full, countries) {
   const match = [...countries].sort((a, b) => b.dial.length - a.dial.length).find((c) => full.startsWith(c.dial));
   return match ? { dial: match.dial, national: full.slice(match.dial.length) } : { dial: "", national: full.replace(/^\+/, "") };
 }
-var PhoneInput = forwardRef69(function PhoneInput2({ value, defaultValue, onChange, countries = DEFAULT_COUNTRIES, defaultDial, size = "md", error, dialLabel = "Country code", className, disabled, ...rest }, ref) {
+var PhoneInput = forwardRef71(function PhoneInput2({ value, defaultValue, onChange, countries = DEFAULT_COUNTRIES, defaultDial, size = "md", error, dialLabel = "Country code", className, disabled, ...rest }, ref) {
   const [full, setFull] = useControllable(value, defaultValue ?? "", onChange);
   const parsed = splitPhone(full, countries);
   const [dialState, setDialState] = useState11(parsed.dial || defaultDial || countries[0]?.dial || "");
@@ -2871,8 +2897,8 @@ var PhoneInput = forwardRef69(function PhoneInput2({ value, defaultValue, onChan
     setFull(digits ? nextDial + digits : "");
   };
   return /* @__PURE__ */ jsxs57("div", { className: cx("oc-phone-input", size === "sm" && "oc-phone-input--sm", error && "oc-phone-input--error", className), children: [
-    /* @__PURE__ */ jsx71("select", { className: "oc-phone-input-dial", "aria-label": dialLabel, value: dial, disabled, onChange: (e) => emit(e.target.value, parsed.national), children: countries.map((c) => /* @__PURE__ */ jsx71("option", { value: c.dial, children: c.label }, c.dial)) }),
-    /* @__PURE__ */ jsx71(
+    /* @__PURE__ */ jsx73("select", { className: "oc-phone-input-dial", "aria-label": dialLabel, value: dial, disabled, onChange: (e) => emit(e.target.value, parsed.national), children: countries.map((c) => /* @__PURE__ */ jsx73("option", { value: c.dial, children: c.label }, c.dial)) }),
+    /* @__PURE__ */ jsx73(
       "input",
       {
         ref,
@@ -2891,33 +2917,33 @@ var PhoneInput = forwardRef69(function PhoneInput2({ value, defaultValue, onChan
 });
 
 // src/components/Popover.tsx
-import { forwardRef as forwardRef70, useId as useId25 } from "react";
-import { Fragment as Fragment16, jsx as jsx72, jsxs as jsxs58 } from "react/jsx-runtime";
-var Popover = forwardRef70(function Popover2({ trigger, triggerProps, size = "md", title, text, className, id, children, ...rest }, ref) {
+import { forwardRef as forwardRef72, useId as useId25 } from "react";
+import { Fragment as Fragment16, jsx as jsx74, jsxs as jsxs58 } from "react/jsx-runtime";
+var Popover = forwardRef72(function Popover2({ trigger, triggerProps, size = "md", title, text, className, id, children, ...rest }, ref) {
   const auto = useId25();
   const panelId = id ?? `oc-popover-${auto.replace(/:/g, "")}`;
   return /* @__PURE__ */ jsxs58(Fragment16, { children: [
-    /* @__PURE__ */ jsx72(Button, { variant: "outline", type: "button", ...triggerProps, popoverTarget: panelId, children: trigger }),
+    /* @__PURE__ */ jsx74(Button, { variant: "outline", type: "button", ...triggerProps, popoverTarget: panelId, children: trigger }),
     /* @__PURE__ */ jsxs58("div", { ref, className: cx("oc-popover", size !== "md" && `oc-popover--${size}`, className), id: panelId, ...attrs({ popover: "" }), ...rest, children: [
-      title != null && /* @__PURE__ */ jsx72("h3", { className: "oc-popover-title", children: title }),
-      text != null && /* @__PURE__ */ jsx72("p", { className: "oc-popover-text", children: text }),
+      title != null && /* @__PURE__ */ jsx74("h3", { className: "oc-popover-title", children: title }),
+      text != null && /* @__PURE__ */ jsx74("p", { className: "oc-popover-text", children: text }),
       children
     ] })
   ] });
 });
 
 // src/components/PriceCard.tsx
-import { forwardRef as forwardRef71, useId as useId26 } from "react";
-import { jsx as jsx73, jsxs as jsxs59 } from "react/jsx-runtime";
+import { forwardRef as forwardRef73, useId as useId26 } from "react";
+import { jsx as jsx75, jsxs as jsxs59 } from "react/jsx-runtime";
 function Price({ kind, price }) {
   return /* @__PURE__ */ jsxs59("p", { className: `oc-price-card__price oc-price-card__price--${kind}`, children: [
-    /* @__PURE__ */ jsx73("span", { className: "oc-price-card__amount", children: price.amount }),
-    price.period != null && /* @__PURE__ */ jsx73("span", { className: "oc-price-card__period", children: price.period }),
-    price.was != null && /* @__PURE__ */ jsx73("s", { className: "oc-price-card__was", children: price.was }),
-    price.note != null && /* @__PURE__ */ jsx73("span", { className: "oc-price-card__note", children: price.note })
+    /* @__PURE__ */ jsx75("span", { className: "oc-price-card__amount", children: price.amount }),
+    price.period != null && /* @__PURE__ */ jsx75("span", { className: "oc-price-card__period", children: price.period }),
+    price.was != null && /* @__PURE__ */ jsx75("s", { className: "oc-price-card__was", children: price.was }),
+    price.note != null && /* @__PURE__ */ jsx75("span", { className: "oc-price-card__note", children: price.note })
   ] });
 }
-var PriceCard = forwardRef71(function PriceCard2({
+var PriceCard = forwardRef73(function PriceCard2({
   name,
   description,
   discount,
@@ -2935,33 +2961,33 @@ var PriceCard = forwardRef71(function PriceCard2({
   const group = `oc-price-${useId26().replace(/[^\w-]/g, "")}`;
   return /* @__PURE__ */ jsxs59("article", { ref, className: cx("oc-price-card", featured && "oc-price-card--featured", className), ...rest, children: [
     /* @__PURE__ */ jsxs59("div", { className: "oc-price-card__head", children: [
-      /* @__PURE__ */ jsx73("h3", { className: "oc-price-card__name", children: name }),
-      discount != null && /* @__PURE__ */ jsx73("span", { className: "oc-price-card__discount", children: discount })
+      /* @__PURE__ */ jsx75("h3", { className: "oc-price-card__name", children: name }),
+      discount != null && /* @__PURE__ */ jsx75("span", { className: "oc-price-card__discount", children: discount })
     ] }),
-    description != null && /* @__PURE__ */ jsx73("p", { className: "oc-price-card__desc", children: description }),
+    description != null && /* @__PURE__ */ jsx75("p", { className: "oc-price-card__desc", children: description }),
     yearly && /* @__PURE__ */ jsxs59("div", { className: "oc-segmented oc-price-card__toggle", role: "radiogroup", "aria-label": "Billing period", children: [
       /* @__PURE__ */ jsxs59("label", { className: "oc-segmented-item", children: [
-        /* @__PURE__ */ jsx73("input", { type: "radio", name: group, value: "monthly", defaultChecked: defaultPeriod === "monthly" }),
+        /* @__PURE__ */ jsx75("input", { type: "radio", name: group, value: "monthly", defaultChecked: defaultPeriod === "monthly" }),
         " ",
         monthlyLabel
       ] }),
       /* @__PURE__ */ jsxs59("label", { className: "oc-segmented-item", children: [
-        /* @__PURE__ */ jsx73("input", { type: "radio", name: group, value: "yearly", defaultChecked: defaultPeriod === "yearly" }),
+        /* @__PURE__ */ jsx75("input", { type: "radio", name: group, value: "yearly", defaultChecked: defaultPeriod === "yearly" }),
         " ",
         yearlyLabel
       ] })
     ] }),
-    /* @__PURE__ */ jsx73(Price, { kind: "monthly", price: monthly }),
-    yearly && /* @__PURE__ */ jsx73(Price, { kind: "yearly", price: yearly }),
-    features.length > 0 && /* @__PURE__ */ jsx73("ul", { className: "oc-price-card__features", children: features.map((f, i) => /* @__PURE__ */ jsx73("li", { className: cx("oc-price-card__feature", f.excluded && "oc-price-card__feature--excluded"), children: f.label }, i)) }),
+    /* @__PURE__ */ jsx75(Price, { kind: "monthly", price: monthly }),
+    yearly && /* @__PURE__ */ jsx75(Price, { kind: "yearly", price: yearly }),
+    features.length > 0 && /* @__PURE__ */ jsx75("ul", { className: "oc-price-card__features", children: features.map((f, i) => /* @__PURE__ */ jsx75("li", { className: cx("oc-price-card__feature", f.excluded && "oc-price-card__feature--excluded"), children: f.label }, i)) }),
     cta
   ] });
 });
 
 // src/components/ProductMark.tsx
-import { forwardRef as forwardRef72 } from "react";
-import { jsx as jsx74 } from "react/jsx-runtime";
-var ProductMark = forwardRef72(function ProductMark2({ size = "default", accent, soft = false, glow = false, cover = false, className, ...rest }, ref) {
+import { forwardRef as forwardRef74 } from "react";
+import { jsx as jsx76 } from "react/jsx-runtime";
+var ProductMark = forwardRef74(function ProductMark2({ size = "default", accent, soft = false, glow = false, cover = false, className, ...rest }, ref) {
   const classes = cx(
     "oc-product-mark",
     size !== "default" && `oc-product-mark--${size}`,
@@ -2971,132 +2997,132 @@ var ProductMark = forwardRef72(function ProductMark2({ size = "default", accent,
     accent && `oc-accent--${accent}`,
     className
   );
-  return /* @__PURE__ */ jsx74("span", { ref, className: classes, "aria-hidden": "true", ...rest });
+  return /* @__PURE__ */ jsx76("span", { ref, className: classes, "aria-hidden": "true", ...rest });
 });
 
 // src/components/ProjectCard.tsx
-import { forwardRef as forwardRef73 } from "react";
-import { jsx as jsx75, jsxs as jsxs60 } from "react/jsx-runtime";
-var ProjectCard = forwardRef73(function ProjectCard2({ name, type, meta, more = "View project", image, imageAlt = "", flat = false, className, ...rest }, ref) {
+import { forwardRef as forwardRef75 } from "react";
+import { jsx as jsx77, jsxs as jsxs60 } from "react/jsx-runtime";
+var ProjectCard = forwardRef75(function ProjectCard2({ name, type, meta, more = "View project", image, imageAlt = "", flat = false, className, ...rest }, ref) {
   return /* @__PURE__ */ jsxs60("a", { ref, className: cx("oc-project-card", flat && "oc-project-card--flat", className), ...rest, children: [
     /* @__PURE__ */ jsxs60("span", { className: "oc-project-card__frame", children: [
       /* @__PURE__ */ jsxs60("span", { className: "oc-project-card__bar", "aria-hidden": "true", children: [
-        /* @__PURE__ */ jsx75("i", {}),
-        /* @__PURE__ */ jsx75("i", {}),
-        /* @__PURE__ */ jsx75("i", {})
+        /* @__PURE__ */ jsx77("i", {}),
+        /* @__PURE__ */ jsx77("i", {}),
+        /* @__PURE__ */ jsx77("i", {})
       ] }),
-      image ? /* @__PURE__ */ jsx75("img", { className: "oc-project-card__shot", src: image, alt: imageAlt, loading: "lazy" }) : /* @__PURE__ */ jsx75("span", { className: "oc-project-card__shot", role: "img", "aria-label": imageAlt || void 0, "aria-hidden": imageAlt ? void 0 : true })
+      image ? /* @__PURE__ */ jsx77("img", { className: "oc-project-card__shot", src: image, alt: imageAlt, loading: "lazy" }) : /* @__PURE__ */ jsx77("span", { className: "oc-project-card__shot", role: "img", "aria-label": imageAlt || void 0, "aria-hidden": imageAlt ? void 0 : true })
     ] }),
     /* @__PURE__ */ jsxs60("span", { className: "oc-project-card__body", children: [
-      type != null && /* @__PURE__ */ jsx75("span", { className: "oc-project-card__type", children: type }),
-      /* @__PURE__ */ jsx75("span", { className: "oc-project-card__name", children: name }),
-      meta != null && /* @__PURE__ */ jsx75("span", { className: "oc-project-card__meta", children: meta }),
-      more != null && /* @__PURE__ */ jsx75("span", { className: "oc-project-card__more", children: more })
+      type != null && /* @__PURE__ */ jsx77("span", { className: "oc-project-card__type", children: type }),
+      /* @__PURE__ */ jsx77("span", { className: "oc-project-card__name", children: name }),
+      meta != null && /* @__PURE__ */ jsx77("span", { className: "oc-project-card__meta", children: meta }),
+      more != null && /* @__PURE__ */ jsx77("span", { className: "oc-project-card__more", children: more })
     ] })
   ] });
 });
 
 // src/components/Prose.tsx
-import { forwardRef as forwardRef74 } from "react";
-import { Fragment as Fragment17, jsx as jsx76, jsxs as jsxs61 } from "react/jsx-runtime";
+import { forwardRef as forwardRef76 } from "react";
+import { Fragment as Fragment17, jsx as jsx78, jsxs as jsxs61 } from "react/jsx-runtime";
 function ProseLead({ className, ...rest }) {
-  return /* @__PURE__ */ jsx76("p", { className: cx("oc-prose-lead", className), ...rest });
+  return /* @__PURE__ */ jsx78("p", { className: cx("oc-prose-lead", className), ...rest });
 }
 var DEMO7 = /* @__PURE__ */ jsxs61(Fragment17, { children: [
-  /* @__PURE__ */ jsx76("h1", { children: "Planning a kitchen renovation" }),
-  /* @__PURE__ */ jsx76(ProseLead, { children: "A new kitchen takes eight to twelve weeks from the first visit to the last cabinet handle. This guide explains every step, so you know what to expect and when we need you." }),
-  /* @__PURE__ */ jsx76("h2", { children: "Before the first visit" }),
+  /* @__PURE__ */ jsx78("h1", { children: "Planning a kitchen renovation" }),
+  /* @__PURE__ */ jsx78(ProseLead, { children: "A new kitchen takes eight to twelve weeks from the first visit to the last cabinet handle. This guide explains every step, so you know what to expect and when we need you." }),
+  /* @__PURE__ */ jsx78("h2", { children: "Before the first visit" }),
   /* @__PURE__ */ jsxs61("p", { children: [
     "Collect a few photos of kitchens you like and measure the room roughly. Exact measurements are not needed yet: our site manager does that during the visit. Read the ",
-    /* @__PURE__ */ jsx76("a", { href: "#checklist", children: "preparation checklist" }),
+    /* @__PURE__ */ jsx78("a", { href: "#checklist", children: "preparation checklist" }),
     " if you want to be fully ready."
   ] }),
   /* @__PURE__ */ jsxs61("ul", { children: [
     /* @__PURE__ */ jsxs61("li", { children: [
       "The ",
-      /* @__PURE__ */ jsx76("strong", { children: "budget range" }),
+      /* @__PURE__ */ jsx78("strong", { children: "budget range" }),
       " you have in mind, including appliances"
     ] }),
     /* @__PURE__ */ jsxs61("li", { children: [
       "Which walls, doors and windows can move, and which cannot",
       /* @__PURE__ */ jsxs61("ul", { children: [
-        /* @__PURE__ */ jsx76("li", { children: "Load-bearing walls need a structural engineer" }),
-        /* @__PURE__ */ jsx76("li", { children: "Moving a window needs a permit in most towns" })
+        /* @__PURE__ */ jsx78("li", { children: "Load-bearing walls need a structural engineer" }),
+        /* @__PURE__ */ jsx78("li", { children: "Moving a window needs a permit in most towns" })
       ] })
     ] }),
-    /* @__PURE__ */ jsx76("li", { children: "Appliances you want to keep" })
+    /* @__PURE__ */ jsx78("li", { children: "Appliances you want to keep" })
   ] }),
   /* @__PURE__ */ jsxs61("figure", { children: [
-    /* @__PURE__ */ jsx76("div", { className: "oc-media-art oc-media-art--6", role: "img", "aria-label": "Kitchen with oak fronts and a light stone worktop" }),
-    /* @__PURE__ */ jsx76("figcaption", { children: "Villa Dewitte: oak fronts with a Calacatta matt worktop, finished in October 2026." })
+    /* @__PURE__ */ jsx78("div", { className: "oc-media-art oc-media-art--6", role: "img", "aria-label": "Kitchen with oak fronts and a light stone worktop" }),
+    /* @__PURE__ */ jsx78("figcaption", { children: "Villa Dewitte: oak fronts with a Calacatta matt worktop, finished in October 2026." })
   ] }),
-  /* @__PURE__ */ jsx76("h3", { children: "From design to installation" }),
+  /* @__PURE__ */ jsx78("h3", { children: "From design to installation" }),
   /* @__PURE__ */ jsxs61("ol", { children: [
-    /* @__PURE__ */ jsx76("li", { children: "Site visit and measurements (week 1)" }),
-    /* @__PURE__ */ jsx76("li", { children: "Design and quote, with two revision rounds (weeks 2\u20133)" }),
-    /* @__PURE__ */ jsx76("li", { children: "Order and production of the cabinets (weeks 4\u20139)" }),
-    /* @__PURE__ */ jsx76("li", { children: "Installation, worktop and finishing (weeks 10\u201311)" })
+    /* @__PURE__ */ jsx78("li", { children: "Site visit and measurements (week 1)" }),
+    /* @__PURE__ */ jsx78("li", { children: "Design and quote, with two revision rounds (weeks 2\u20133)" }),
+    /* @__PURE__ */ jsx78("li", { children: "Order and production of the cabinets (weeks 4\u20139)" }),
+    /* @__PURE__ */ jsx78("li", { children: "Installation, worktop and finishing (weeks 10\u201311)" })
   ] }),
   /* @__PURE__ */ jsxs61("blockquote", { children: [
-    /* @__PURE__ */ jsx76("p", { children: "The planning was clear from day one. We always knew who was coming and when, and the kitchen was ready a week early." }),
-    /* @__PURE__ */ jsx76("footer", { children: "\u2014 Ann Dewitte, client in Ghent" })
+    /* @__PURE__ */ jsx78("p", { children: "The planning was clear from day one. We always knew who was coming and when, and the kitchen was ready a week early." }),
+    /* @__PURE__ */ jsx78("footer", { children: "\u2014 Ann Dewitte, client in Ghent" })
   ] }),
-  /* @__PURE__ */ jsx76("h2", { children: "Worktop materials compared" }),
+  /* @__PURE__ */ jsx78("h2", { children: "Worktop materials compared" }),
   /* @__PURE__ */ jsxs61("table", { children: [
-    /* @__PURE__ */ jsx76("caption", { children: "Prices per running metre, 60 cm deep, installed." }),
-    /* @__PURE__ */ jsx76("thead", { children: /* @__PURE__ */ jsxs61("tr", { children: [
-      /* @__PURE__ */ jsx76("th", { children: "Material" }),
-      /* @__PURE__ */ jsx76("th", { children: "Thickness" }),
-      /* @__PURE__ */ jsx76("th", { children: "Heat resistant" }),
-      /* @__PURE__ */ jsx76("th", { children: "Price" })
+    /* @__PURE__ */ jsx78("caption", { children: "Prices per running metre, 60 cm deep, installed." }),
+    /* @__PURE__ */ jsx78("thead", { children: /* @__PURE__ */ jsxs61("tr", { children: [
+      /* @__PURE__ */ jsx78("th", { children: "Material" }),
+      /* @__PURE__ */ jsx78("th", { children: "Thickness" }),
+      /* @__PURE__ */ jsx78("th", { children: "Heat resistant" }),
+      /* @__PURE__ */ jsx78("th", { children: "Price" })
     ] }) }),
     /* @__PURE__ */ jsxs61("tbody", { children: [
       /* @__PURE__ */ jsxs61("tr", { children: [
-        /* @__PURE__ */ jsx76("td", { children: "Compact laminate" }),
-        /* @__PURE__ */ jsx76("td", { children: "12 mm" }),
-        /* @__PURE__ */ jsx76("td", { children: "Up to 180 \xB0C" }),
-        /* @__PURE__ */ jsx76("td", { children: "\u20AC 290" })
+        /* @__PURE__ */ jsx78("td", { children: "Compact laminate" }),
+        /* @__PURE__ */ jsx78("td", { children: "12 mm" }),
+        /* @__PURE__ */ jsx78("td", { children: "Up to 180 \xB0C" }),
+        /* @__PURE__ */ jsx78("td", { children: "\u20AC 290" })
       ] }),
       /* @__PURE__ */ jsxs61("tr", { children: [
-        /* @__PURE__ */ jsx76("td", { children: "Quartz composite" }),
-        /* @__PURE__ */ jsx76("td", { children: "20 mm" }),
-        /* @__PURE__ */ jsx76("td", { children: "Up to 150 \xB0C" }),
-        /* @__PURE__ */ jsx76("td", { children: "\u20AC 540" })
+        /* @__PURE__ */ jsx78("td", { children: "Quartz composite" }),
+        /* @__PURE__ */ jsx78("td", { children: "20 mm" }),
+        /* @__PURE__ */ jsx78("td", { children: "Up to 150 \xB0C" }),
+        /* @__PURE__ */ jsx78("td", { children: "\u20AC 540" })
       ] }),
       /* @__PURE__ */ jsxs61("tr", { children: [
-        /* @__PURE__ */ jsx76("td", { children: "Natural stone" }),
-        /* @__PURE__ */ jsx76("td", { children: "20 mm" }),
-        /* @__PURE__ */ jsx76("td", { children: "Yes" }),
-        /* @__PURE__ */ jsx76("td", { children: "\u20AC 720" })
+        /* @__PURE__ */ jsx78("td", { children: "Natural stone" }),
+        /* @__PURE__ */ jsx78("td", { children: "20 mm" }),
+        /* @__PURE__ */ jsx78("td", { children: "Yes" }),
+        /* @__PURE__ */ jsx78("td", { children: "\u20AC 720" })
       ] })
     ] })
   ] }),
-  /* @__PURE__ */ jsx76("h3", { children: "Sharing your floor plan" }),
+  /* @__PURE__ */ jsx78("h3", { children: "Sharing your floor plan" }),
   /* @__PURE__ */ jsxs61("p", { children: [
     "Upload a PDF or a photo in the client portal, or send it by e-mail. Press ",
-    /* @__PURE__ */ jsx76("kbd", { children: "Ctrl" }),
+    /* @__PURE__ */ jsx78("kbd", { children: "Ctrl" }),
     " + ",
-    /* @__PURE__ */ jsx76("kbd", { children: "V" }),
+    /* @__PURE__ */ jsx78("kbd", { children: "V" }),
     " in the chat to paste a screenshot. Files are stored as ",
-    /* @__PURE__ */ jsx76("code", { children: "project-id/plans/" }),
+    /* @__PURE__ */ jsx78("code", { children: "project-id/plans/" }),
     " and only your project team can see them."
   ] }),
-  /* @__PURE__ */ jsx76("pre", { children: /* @__PURE__ */ jsx76("code", { children: "Project:   2026-114 Villa Dewitte\nRoom:      Kitchen, ground floor\nWall A:    412 cm (window at 160 cm)\nWall B:    298 cm (door at the left)" }) }),
-  /* @__PURE__ */ jsx76("hr", {}),
-  /* @__PURE__ */ jsx76("p", { children: /* @__PURE__ */ jsxs61("small", { children: [
+  /* @__PURE__ */ jsx78("pre", { children: /* @__PURE__ */ jsx78("code", { children: "Project:   2026-114 Villa Dewitte\nRoom:      Kitchen, ground floor\nWall A:    412 cm (window at 160 cm)\nWall B:    298 cm (door at the left)" }) }),
+  /* @__PURE__ */ jsx78("hr", {}),
+  /* @__PURE__ */ jsx78("p", { children: /* @__PURE__ */ jsxs61("small", { children: [
     "Lead times are an estimate. ",
-    /* @__PURE__ */ jsx76("mark", { children: "Natural stone" }),
+    /* @__PURE__ */ jsx78("mark", { children: "Natural stone" }),
     " can take two weeks longer in summer."
   ] }) })
 ] });
-var Prose = forwardRef74(function Prose2({ size = "md", full, as: Tag = "article", className, children, ...rest }, ref) {
-  return /* @__PURE__ */ jsx76(Tag, { ref, className: cx("oc-prose", size !== "md" && `oc-prose--${size}`, full && "oc-prose--full", className), ...rest, children: children ?? DEMO7 });
+var Prose = forwardRef76(function Prose2({ size = "md", full, as: Tag = "article", className, children, ...rest }, ref) {
+  return /* @__PURE__ */ jsx78(Tag, { ref, className: cx("oc-prose", size !== "md" && `oc-prose--${size}`, full && "oc-prose--full", className), ...rest, children: children ?? DEMO7 });
 });
 
 // src/components/RecoveryCodes.tsx
-import { forwardRef as forwardRef75 } from "react";
-import { jsx as jsx77, jsxs as jsxs62 } from "react/jsx-runtime";
-var RecoveryCodes = forwardRef75(function RecoveryCodes2({
+import { forwardRef as forwardRef77 } from "react";
+import { jsx as jsx79, jsxs as jsxs62 } from "react/jsx-runtime";
+var RecoveryCodes = forwardRef77(function RecoveryCodes2({
   codes,
   title = "Recovery codes",
   warning = "Store these codes somewhere safe. Each code works once.",
@@ -3125,24 +3151,24 @@ var RecoveryCodes = forwardRef75(function RecoveryCodes2({
     onDownload?.(codes);
   };
   return /* @__PURE__ */ jsxs62("div", { ref, className: cx("oc-recovery-codes", className), ...rest, children: [
-    /* @__PURE__ */ jsx77("h3", { className: "oc-recovery-codes-title", children: title }),
-    /* @__PURE__ */ jsx77("p", { className: "oc-recovery-codes-warning", children: warning }),
-    /* @__PURE__ */ jsx77("ul", { className: "oc-recovery-codes-list", children: codes.map((code) => /* @__PURE__ */ jsx77("li", { children: code }, code)) }),
+    /* @__PURE__ */ jsx79("h3", { className: "oc-recovery-codes-title", children: title }),
+    /* @__PURE__ */ jsx79("p", { className: "oc-recovery-codes-warning", children: warning }),
+    /* @__PURE__ */ jsx79("ul", { className: "oc-recovery-codes-list", children: codes.map((code) => /* @__PURE__ */ jsx79("li", { children: code }, code)) }),
     /* @__PURE__ */ jsxs62("div", { className: "oc-recovery-codes-actions", children: [
-      /* @__PURE__ */ jsx77("button", { className: "oc-btn oc-btn--outline oc-btn--sm", type: "button", onClick: copy, children: copyLabel }),
-      /* @__PURE__ */ jsx77("button", { className: "oc-btn oc-btn--outline oc-btn--sm", type: "button", onClick: download2, children: downloadLabel })
+      /* @__PURE__ */ jsx79("button", { className: "oc-btn oc-btn--outline oc-btn--sm", type: "button", onClick: copy, children: copyLabel }),
+      /* @__PURE__ */ jsx79("button", { className: "oc-btn oc-btn--outline oc-btn--sm", type: "button", onClick: download2, children: downloadLabel })
     ] })
   ] });
 });
 
 // src/components/Segmented.tsx
-import { forwardRef as forwardRef76, useId as useId27 } from "react";
-import { jsx as jsx78, jsxs as jsxs63 } from "react/jsx-runtime";
-var Segmented = forwardRef76(function Segmented2({ options, value, defaultValue, onChange, name, block, size = "md", className, ...rest }, ref) {
+import { forwardRef as forwardRef78, useId as useId27 } from "react";
+import { jsx as jsx80, jsxs as jsxs63 } from "react/jsx-runtime";
+var Segmented = forwardRef78(function Segmented2({ options, value, defaultValue, onChange, name, block, size = "md", className, ...rest }, ref) {
   const auto = useId27();
   const group = name ?? `oc-segmented-${auto.replace(/:/g, "")}`;
   const [current, setCurrent] = useControllable(value, defaultValue ?? options[0]?.value ?? "", onChange);
-  return /* @__PURE__ */ jsx78(
+  return /* @__PURE__ */ jsx80(
     "div",
     {
       ref,
@@ -3150,7 +3176,7 @@ var Segmented = forwardRef76(function Segmented2({ options, value, defaultValue,
       role: "radiogroup",
       ...rest,
       children: options.map((o) => /* @__PURE__ */ jsxs63("label", { className: "oc-segmented-item", children: [
-        /* @__PURE__ */ jsx78("input", { type: "radio", name: group, value: o.value, checked: current === o.value, onChange: () => setCurrent(o.value) }),
+        /* @__PURE__ */ jsx80("input", { type: "radio", name: group, value: o.value, checked: current === o.value, onChange: () => setCurrent(o.value) }),
         " ",
         o.label
       ] }, o.value))
@@ -3159,44 +3185,44 @@ var Segmented = forwardRef76(function Segmented2({ options, value, defaultValue,
 });
 
 // src/components/Select.tsx
-import { forwardRef as forwardRef77 } from "react";
-import { jsx as jsx79, jsxs as jsxs64 } from "react/jsx-runtime";
-var Select = forwardRef77(function Select2({ options, className, children, ...rest }, ref) {
+import { forwardRef as forwardRef79 } from "react";
+import { jsx as jsx81, jsxs as jsxs64 } from "react/jsx-runtime";
+var Select = forwardRef79(function Select2({ options, className, children, ...rest }, ref) {
   return /* @__PURE__ */ jsxs64("select", { ref, className: cx("oc-select", className), ...rest, children: [
     options?.map((o) => {
       const opt = typeof o === "string" ? { value: o, label: o } : o;
-      return /* @__PURE__ */ jsx79("option", { value: opt.value, disabled: opt.disabled, children: opt.label }, opt.value);
+      return /* @__PURE__ */ jsx81("option", { value: opt.value, disabled: opt.disabled, children: opt.label }, opt.value);
     }),
     children
   ] });
 });
 
 // src/components/SeverityCard.tsx
-import { forwardRef as forwardRef78 } from "react";
-import { jsx as jsx80, jsxs as jsxs65 } from "react/jsx-runtime";
+import { forwardRef as forwardRef80 } from "react";
+import { jsx as jsx82, jsxs as jsxs65 } from "react/jsx-runtime";
 var LEVEL_TEXT = { low: "Low", medium: "Medium", high: "High", critical: "Critical" };
-var SeverityCard = forwardRef78(function SeverityCard2({ level, title, tags, levelLabel, icon, resolved, actions, className, children, ...rest }, ref) {
+var SeverityCard = forwardRef80(function SeverityCard2({ level, title, tags, levelLabel, icon, resolved, actions, className, children, ...rest }, ref) {
   const cls = cx("oc-severity-card", `oc-severity-card--${level}`, resolved && "is-resolved", className);
   return /* @__PURE__ */ jsxs65("details", { ref, className: cls, ...rest, children: [
     /* @__PURE__ */ jsxs65("summary", { className: "oc-severity-card-head", children: [
-      icon != null && /* @__PURE__ */ jsx80("span", { className: "oc-severity-card-icon", "aria-hidden": "true", children: icon }),
+      icon != null && /* @__PURE__ */ jsx82("span", { className: "oc-severity-card-icon", "aria-hidden": "true", children: icon }),
       /* @__PURE__ */ jsxs65("span", { className: "oc-severity-card-main", children: [
-        /* @__PURE__ */ jsx80("span", { className: "oc-severity-card-title", children: title }),
-        tags && tags.length > 0 && /* @__PURE__ */ jsx80("span", { className: "oc-severity-card-tags", children: tags.map((t, i) => /* @__PURE__ */ jsx80("span", { className: "oc-severity-card-tag", children: t }, i)) })
+        /* @__PURE__ */ jsx82("span", { className: "oc-severity-card-title", children: title }),
+        tags && tags.length > 0 && /* @__PURE__ */ jsx82("span", { className: "oc-severity-card-tags", children: tags.map((t, i) => /* @__PURE__ */ jsx82("span", { className: "oc-severity-card-tag", children: t }, i)) })
       ] }),
-      /* @__PURE__ */ jsx80("span", { className: "oc-severity-card-level", children: levelLabel ?? LEVEL_TEXT[level] })
+      /* @__PURE__ */ jsx82("span", { className: "oc-severity-card-level", children: levelLabel ?? LEVEL_TEXT[level] })
     ] }),
     /* @__PURE__ */ jsxs65("div", { className: "oc-severity-card-body", children: [
       children,
-      actions != null && /* @__PURE__ */ jsx80("div", { className: "oc-severity-card-actions", children: actions })
+      actions != null && /* @__PURE__ */ jsx82("div", { className: "oc-severity-card-actions", children: actions })
     ] })
   ] });
 });
 
 // src/components/Sheet.tsx
-import { forwardRef as forwardRef79, useId as useId28, useRef as useRef10 } from "react";
-import { jsx as jsx81, jsxs as jsxs66 } from "react/jsx-runtime";
-var Sheet = forwardRef79(function Sheet2({ open, defaultOpen, onOpenChange, side = "right", wide, title, description, footer, closeLabel = "Close", className, children, ...rest }, forwardedRef) {
+import { forwardRef as forwardRef81, useId as useId28, useRef as useRef10 } from "react";
+import { jsx as jsx83, jsxs as jsxs66 } from "react/jsx-runtime";
+var Sheet = forwardRef81(function Sheet2({ open, defaultOpen, onOpenChange, side = "right", wide, title, description, footer, closeLabel = "Close", className, children, ...rest }, forwardedRef) {
   const inner = useRef10(null);
   const ref = useMergedRef(inner, forwardedRef);
   const titleId = useId28();
@@ -3205,7 +3231,7 @@ var Sheet = forwardRef79(function Sheet2({ open, defaultOpen, onOpenChange, side
     rest.onClick?.(e);
     if (e.target === e.currentTarget) dlg.close();
   };
-  return /* @__PURE__ */ jsx81(
+  return /* @__PURE__ */ jsx83(
     "dialog",
     {
       ref,
@@ -3215,23 +3241,23 @@ var Sheet = forwardRef79(function Sheet2({ open, defaultOpen, onOpenChange, side
       ...rest,
       onClick,
       onClose: dlg.onClose,
-      children: /* @__PURE__ */ jsx81(DialogContext.Provider, { value: { close: dlg.close }, children: /* @__PURE__ */ jsxs66("div", { className: cx("oc-sheet-content", wide && "oc-sheet-content--wide"), children: [
-        /* @__PURE__ */ jsx81("button", { className: "oc-sheet-close", type: "button", "aria-label": closeLabel, onClick: dlg.close, children: "\xD7" }),
+      children: /* @__PURE__ */ jsx83(DialogContext.Provider, { value: { close: dlg.close }, children: /* @__PURE__ */ jsxs66("div", { className: cx("oc-sheet-content", wide && "oc-sheet-content--wide"), children: [
+        /* @__PURE__ */ jsx83("button", { className: "oc-sheet-close", type: "button", "aria-label": closeLabel, onClick: dlg.close, children: "\xD7" }),
         (title != null || description != null) && /* @__PURE__ */ jsxs66("div", { className: "oc-sheet-header", children: [
-          title != null && /* @__PURE__ */ jsx81("h2", { className: "oc-sheet-title", id: titleId, children: title }),
-          description != null && /* @__PURE__ */ jsx81("p", { className: "oc-sheet-description", children: description })
+          title != null && /* @__PURE__ */ jsx83("h2", { className: "oc-sheet-title", id: titleId, children: title }),
+          description != null && /* @__PURE__ */ jsx83("p", { className: "oc-sheet-description", children: description })
         ] }),
-        /* @__PURE__ */ jsx81("div", { className: "oc-sheet-body", children }),
-        footer != null && /* @__PURE__ */ jsx81("div", { className: "oc-sheet-footer", children: footer })
+        /* @__PURE__ */ jsx83("div", { className: "oc-sheet-body", children }),
+        footer != null && /* @__PURE__ */ jsx83("div", { className: "oc-sheet-footer", children: footer })
       ] }) })
     }
   );
 });
 
 // src/components/Sidebar.tsx
-import { forwardRef as forwardRef80 } from "react";
-import { Fragment as Fragment18, jsx as jsx82, jsxs as jsxs67 } from "react/jsx-runtime";
-var Sidebar = forwardRef80(function Sidebar2({ collapsed, right, floating, dark, header, footer, className, children, ...rest }, ref) {
+import { forwardRef as forwardRef82 } from "react";
+import { Fragment as Fragment18, jsx as jsx84, jsxs as jsxs67 } from "react/jsx-runtime";
+var Sidebar = forwardRef82(function Sidebar2({ collapsed, right, floating, dark, header, footer, className, children, ...rest }, ref) {
   return /* @__PURE__ */ jsxs67(
     "aside",
     {
@@ -3239,33 +3265,33 @@ var Sidebar = forwardRef80(function Sidebar2({ collapsed, right, floating, dark,
       className: cx("oc-sidebar", collapsed && "oc-sidebar--collapsed", right && "oc-sidebar--right", floating && "oc-sidebar--floating", dark && "oc-sidebar--dark", className),
       ...rest,
       children: [
-        header != null && /* @__PURE__ */ jsx82("div", { className: "oc-sidebar-header", children: header }),
-        /* @__PURE__ */ jsx82("div", { className: "oc-sidebar-content", children }),
-        footer != null && /* @__PURE__ */ jsx82("div", { className: "oc-sidebar-footer", children: footer })
+        header != null && /* @__PURE__ */ jsx84("div", { className: "oc-sidebar-header", children: header }),
+        /* @__PURE__ */ jsx84("div", { className: "oc-sidebar-content", children }),
+        footer != null && /* @__PURE__ */ jsx84("div", { className: "oc-sidebar-footer", children: footer })
       ]
     }
   );
 });
-var SidebarGroup = forwardRef80(function SidebarGroup2({ label, className, children, ...rest }, ref) {
+var SidebarGroup = forwardRef82(function SidebarGroup2({ label, className, children, ...rest }, ref) {
   return /* @__PURE__ */ jsxs67("div", { ref, className: cx("oc-sidebar-group", className), ...rest, children: [
-    label != null && /* @__PURE__ */ jsx82("div", { className: "oc-sidebar-group-label", children: label }),
+    label != null && /* @__PURE__ */ jsx84("div", { className: "oc-sidebar-group-label", children: label }),
     children
   ] });
 });
 function SidebarSeparator({ className, ...rest }) {
-  return /* @__PURE__ */ jsx82("div", { className: cx("oc-sidebar-separator", className), ...rest });
+  return /* @__PURE__ */ jsx84("div", { className: cx("oc-sidebar-separator", className), ...rest });
 }
-var SidebarMenu = forwardRef80(function SidebarMenu2({ className, ...rest }, ref) {
-  return /* @__PURE__ */ jsx82("ul", { ref, className: cx("oc-sidebar-menu", className), ...rest });
+var SidebarMenu = forwardRef82(function SidebarMenu2({ className, ...rest }, ref) {
+  return /* @__PURE__ */ jsx84("ul", { ref, className: cx("oc-sidebar-menu", className), ...rest });
 });
 function SidebarMenuItem(props) {
-  return /* @__PURE__ */ jsx82("li", { ...props });
+  return /* @__PURE__ */ jsx84("li", { ...props });
 }
-var SidebarMenuButton = forwardRef80(function SidebarMenuButton2({ icon, badge, current, disabled, size = "md", label = true, className, children, href, ...rest }, ref) {
+var SidebarMenuButton = forwardRef82(function SidebarMenuButton2({ icon, badge, current, disabled, size = "md", label = true, className, children, href, ...rest }, ref) {
   const content = /* @__PURE__ */ jsxs67(Fragment18, { children: [
     icon,
-    label ? /* @__PURE__ */ jsx82("span", { className: "oc-sidebar-menu-label", children }) : children,
-    badge != null && /* @__PURE__ */ jsx82("span", { className: "oc-sidebar-menu-badge", children: badge })
+    label ? /* @__PURE__ */ jsx84("span", { className: "oc-sidebar-menu-label", children }) : children,
+    badge != null && /* @__PURE__ */ jsx84("span", { className: "oc-sidebar-menu-badge", children: badge })
   ] });
   const props = {
     className: cx("oc-sidebar-menu-button", size === "lg" && "oc-sidebar-menu-button--lg", className),
@@ -3273,11 +3299,11 @@ var SidebarMenuButton = forwardRef80(function SidebarMenuButton2({ icon, badge,
     "aria-disabled": disabled ? true : void 0
   };
   if (href === void 0) {
-    return /* @__PURE__ */ jsx82("button", { type: "button", ...props, ...rest, children: content });
+    return /* @__PURE__ */ jsx84("button", { type: "button", ...props, ...rest, children: content });
   }
-  return /* @__PURE__ */ jsx82("a", { ref, href, ...props, ...rest, children: content });
+  return /* @__PURE__ */ jsx84("a", { ref, href, ...props, ...rest, children: content });
 });
-var SidebarCollapsible = forwardRef80(function SidebarCollapsible2({ icon, label, open, defaultOpen, onOpenChange, className, children, ...rest }, ref) {
+var SidebarCollapsible = forwardRef82(function SidebarCollapsible2({ icon, label, open, defaultOpen, onOpenChange, className, children, ...rest }, ref) {
   const [isOpen, setOpen] = useControllable(open, defaultOpen ?? false, onOpenChange);
   return /* @__PURE__ */ jsxs67(
     "details",
@@ -3292,28 +3318,28 @@ var SidebarCollapsible = forwardRef80(function SidebarCollapsible2({ icon, label
       children: [
         /* @__PURE__ */ jsxs67("summary", { className: "oc-sidebar-menu-button", children: [
           icon,
-          /* @__PURE__ */ jsx82("span", { className: "oc-sidebar-menu-label", children: label })
+          /* @__PURE__ */ jsx84("span", { className: "oc-sidebar-menu-label", children: label })
         ] }),
-        /* @__PURE__ */ jsx82("ul", { className: "oc-sidebar-menu-sub", children })
+        /* @__PURE__ */ jsx84("ul", { className: "oc-sidebar-menu-sub", children })
       ]
     }
   );
 });
 
 // src/components/Skeleton.tsx
-import { forwardRef as forwardRef81 } from "react";
-import { jsx as jsx83 } from "react/jsx-runtime";
-var Skeleton = forwardRef81(function Skeleton2({ variant, className, ...rest }, ref) {
-  return /* @__PURE__ */ jsx83("div", { ref, className: cx("oc-skeleton", variant && `oc-skeleton--${variant}`, className), ...rest });
+import { forwardRef as forwardRef83 } from "react";
+import { jsx as jsx85 } from "react/jsx-runtime";
+var Skeleton = forwardRef83(function Skeleton2({ variant, className, ...rest }, ref) {
+  return /* @__PURE__ */ jsx85("div", { ref, className: cx("oc-skeleton", variant && `oc-skeleton--${variant}`, className), ...rest });
 });
 
 // src/components/SortableRow.tsx
-import { forwardRef as forwardRef82 } from "react";
-import { jsx as jsx84, jsxs as jsxs68 } from "react/jsx-runtime";
-var SortableRow = forwardRef82(function SortableRow2({ gripLabel, dragging, drop, locked, grabbed, onGripKeyDown, className, children, ...rest }, ref) {
+import { forwardRef as forwardRef84 } from "react";
+import { jsx as jsx86, jsxs as jsxs68 } from "react/jsx-runtime";
+var SortableRow = forwardRef84(function SortableRow2({ gripLabel, dragging, drop, locked, grabbed, onGripKeyDown, className, children, ...rest }, ref) {
   const cls = cx("oc-sortable-row", dragging && "is-dragging", drop && `is-drop-${drop}`, className);
   return /* @__PURE__ */ jsxs68("tr", { ref, className: cls, draggable: locked ? void 0 : true, ...rest, children: [
-    /* @__PURE__ */ jsx84("td", { className: "oc-sortable-row-grip-cell", children: /* @__PURE__ */ jsx84(
+    /* @__PURE__ */ jsx86("td", { className: "oc-sortable-row-grip-cell", children: /* @__PURE__ */ jsx86(
       "button",
       {
         className: "oc-sortable-row-grip",
@@ -3329,64 +3355,64 @@ var SortableRow = forwardRef82(function SortableRow2({ gripLabel, dragging, drop
 });
 
 // src/components/StackCard.tsx
-import { forwardRef as forwardRef83 } from "react";
-import { jsx as jsx85, jsxs as jsxs69 } from "react/jsx-runtime";
-var StackCard = forwardRef83(function StackCard2({ title, href, meta, count, panel, thumb, className, ...rest }, ref) {
+import { forwardRef as forwardRef85 } from "react";
+import { jsx as jsx87, jsxs as jsxs69 } from "react/jsx-runtime";
+var StackCard = forwardRef85(function StackCard2({ title, href, meta, count, panel, thumb, className, ...rest }, ref) {
   return /* @__PURE__ */ jsxs69("article", { ref, className: cx("oc-stack-card", panel && "oc-stack-card--panel", className), ...rest, children: [
     /* @__PURE__ */ jsxs69("div", { className: "oc-stack-card__deck", children: [
-      /* @__PURE__ */ jsx85(MediaThumb, { ...thumb }),
-      count != null && /* @__PURE__ */ jsx85("span", { className: "oc-stack-card__count", children: count })
+      /* @__PURE__ */ jsx87(MediaThumb, { ...thumb }),
+      count != null && /* @__PURE__ */ jsx87("span", { className: "oc-stack-card__count", children: count })
     ] }),
     /* @__PURE__ */ jsxs69("div", { children: [
-      /* @__PURE__ */ jsx85("h3", { className: "oc-stack-card__title", children: /* @__PURE__ */ jsx85("a", { href, children: title }) }),
-      meta != null && /* @__PURE__ */ jsx85("p", { className: "oc-stack-card__meta", children: meta })
+      /* @__PURE__ */ jsx87("h3", { className: "oc-stack-card__title", children: /* @__PURE__ */ jsx87("a", { href, children: title }) }),
+      meta != null && /* @__PURE__ */ jsx87("p", { className: "oc-stack-card__meta", children: meta })
     ] })
   ] });
 });
 
 // src/components/StackList.tsx
-import { forwardRef as forwardRef84 } from "react";
-import { Fragment as Fragment19, jsx as jsx86, jsxs as jsxs70 } from "react/jsx-runtime";
+import { forwardRef as forwardRef86 } from "react";
+import { Fragment as Fragment19, jsx as jsx88, jsxs as jsxs70 } from "react/jsx-runtime";
 var isItem = (v) => typeof v === "object" && v !== null && "label" in v;
-var StackList = forwardRef84(function StackList2({ items, neutral = false, size = "default", className, ...rest }, ref) {
-  return /* @__PURE__ */ jsx86("ul", { ref, className: cx("oc-stack-list", neutral && "oc-stack-list--neutral", size === "sm" && "oc-stack-list--sm", className), ...rest, children: items.map((item, i) => /* @__PURE__ */ jsx86("li", { className: "oc-stack-list__item", children: isItem(item) ? /* @__PURE__ */ jsxs70(Fragment19, { children: [
-    item.icon != null && /* @__PURE__ */ jsx86("span", { className: "oc-stack-list__icon", "aria-hidden": "true", children: item.icon }),
+var StackList = forwardRef86(function StackList2({ items, neutral = false, size = "default", className, ...rest }, ref) {
+  return /* @__PURE__ */ jsx88("ul", { ref, className: cx("oc-stack-list", neutral && "oc-stack-list--neutral", size === "sm" && "oc-stack-list--sm", className), ...rest, children: items.map((item, i) => /* @__PURE__ */ jsx88("li", { className: "oc-stack-list__item", children: isItem(item) ? /* @__PURE__ */ jsxs70(Fragment19, { children: [
+    item.icon != null && /* @__PURE__ */ jsx88("span", { className: "oc-stack-list__icon", "aria-hidden": "true", children: item.icon }),
     item.label
   ] }) : item }, i)) });
 });
 
 // src/components/StatCard.tsx
-import { forwardRef as forwardRef85 } from "react";
-import { Fragment as Fragment20, jsx as jsx87, jsxs as jsxs71 } from "react/jsx-runtime";
-var StatCardGrid = forwardRef85(function StatCardGrid2({ className, ...rest }, ref) {
-  return /* @__PURE__ */ jsx87("div", { ref, className: cx("oc-stat-card-grid", className), ...rest });
+import { forwardRef as forwardRef87 } from "react";
+import { Fragment as Fragment20, jsx as jsx89, jsxs as jsxs71 } from "react/jsx-runtime";
+var StatCardGrid = forwardRef87(function StatCardGrid2({ className, ...rest }, ref) {
+  return /* @__PURE__ */ jsx89("div", { ref, className: cx("oc-stat-card-grid", className), ...rest });
 });
 function StatCard({ value, label, icon, trend, trendDirection = "up", tone = "default", stripe, href, onClick, className, ...rest }) {
   const cls = cx("oc-stat-card", tone !== "default" && `oc-stat-card--${tone}`, stripe && "oc-stat-card--stripe", className);
   const content = /* @__PURE__ */ jsxs71(Fragment20, { children: [
-    icon != null && /* @__PURE__ */ jsx87("span", { className: "oc-stat-card-icon", "aria-hidden": "true", children: icon }),
+    icon != null && /* @__PURE__ */ jsx89("span", { className: "oc-stat-card-icon", "aria-hidden": "true", children: icon }),
     /* @__PURE__ */ jsxs71("span", { className: "oc-stat-card-body", children: [
       /* @__PURE__ */ jsxs71("span", { className: "oc-stat-card-value", children: [
         value,
-        trend != null && /* @__PURE__ */ jsx87("span", { className: `oc-stat-card-trend oc-stat-card-trend--${trendDirection}`, children: trend })
+        trend != null && /* @__PURE__ */ jsx89("span", { className: `oc-stat-card-trend oc-stat-card-trend--${trendDirection}`, children: trend })
       ] }),
-      /* @__PURE__ */ jsx87("span", { className: "oc-stat-card-label", children: label })
+      /* @__PURE__ */ jsx89("span", { className: "oc-stat-card-label", children: label })
     ] })
   ] });
-  if (href !== void 0) return /* @__PURE__ */ jsx87("a", { className: cls, href, ...rest, children: content });
-  if (onClick) return /* @__PURE__ */ jsx87("button", { className: cls, type: "button", onClick, ...rest, children: content });
-  return /* @__PURE__ */ jsx87("div", { className: cls, ...rest, children: content });
+  if (href !== void 0) return /* @__PURE__ */ jsx89("a", { className: cls, href, ...rest, children: content });
+  if (onClick) return /* @__PURE__ */ jsx89("button", { className: cls, type: "button", onClick, ...rest, children: content });
+  return /* @__PURE__ */ jsx89("div", { className: cls, ...rest, children: content });
 }
 
 // src/components/Stepper.tsx
-import { forwardRef as forwardRef86 } from "react";
-import { jsx as jsx88, jsxs as jsxs72 } from "react/jsx-runtime";
-var Stepper = forwardRef86(function Stepper2({ steps, current, horizontal, onStepChange, className, ...rest }, ref) {
-  return /* @__PURE__ */ jsx88("ol", { ref, className: cx("oc-stepper", horizontal && "oc-stepper--horizontal", className), ...rest, children: steps.map((step, i) => {
+import { forwardRef as forwardRef88 } from "react";
+import { jsx as jsx90, jsxs as jsxs72 } from "react/jsx-runtime";
+var Stepper = forwardRef88(function Stepper2({ steps, current, horizontal, onStepChange, className, ...rest }, ref) {
+  return /* @__PURE__ */ jsx90("ol", { ref, className: cx("oc-stepper", horizontal && "oc-stepper--horizontal", className), ...rest, children: steps.map((step, i) => {
     const done = i < current;
     const active = i === current;
-    const label = /* @__PURE__ */ jsx88("span", { className: "oc-stepper-label", children: step.label });
-    return /* @__PURE__ */ jsx88("li", { children: /* @__PURE__ */ jsx88(
+    const label = /* @__PURE__ */ jsx90("span", { className: "oc-stepper-label", children: step.label });
+    return /* @__PURE__ */ jsx90("li", { children: /* @__PURE__ */ jsx90(
       "button",
       {
         className: cx("oc-stepper-item", done && "oc-stepper-item--done", active && "oc-stepper-item--active"),
@@ -3396,7 +3422,7 @@ var Stepper = forwardRef86(function Stepper2({ steps, current, horizontal, onSte
         onClick: () => onStepChange?.(i),
         children: step.meta != null ? /* @__PURE__ */ jsxs72("span", { children: [
           label,
-          /* @__PURE__ */ jsx88("span", { className: "oc-stepper-meta", children: step.meta })
+          /* @__PURE__ */ jsx90("span", { className: "oc-stepper-meta", children: step.meta })
         ] }) : label
       }
     ) }, i);
@@ -3404,20 +3430,20 @@ var Stepper = forwardRef86(function Stepper2({ steps, current, horizontal, onSte
 });
 
 // src/components/Switch.tsx
-import { forwardRef as forwardRef87 } from "react";
-import { jsx as jsx89, jsxs as jsxs73 } from "react/jsx-runtime";
-var Switch = forwardRef87(function Switch2({ labelClassName, className, ...rest }, ref) {
+import { forwardRef as forwardRef89 } from "react";
+import { jsx as jsx91, jsxs as jsxs73 } from "react/jsx-runtime";
+var Switch = forwardRef89(function Switch2({ labelClassName, className, ...rest }, ref) {
   return /* @__PURE__ */ jsxs73("label", { className: cx("oc-switch", labelClassName), children: [
-    /* @__PURE__ */ jsx89("input", { ref, type: "checkbox", role: "switch", className, ...rest }),
-    /* @__PURE__ */ jsx89("span", { className: "oc-switch-track" })
+    /* @__PURE__ */ jsx91("input", { ref, type: "checkbox", role: "switch", className, ...rest }),
+    /* @__PURE__ */ jsx91("span", { className: "oc-switch-track" })
   ] });
 });
 
 // src/components/Table.tsx
-import { forwardRef as forwardRef88 } from "react";
-import { jsx as jsx90, jsxs as jsxs74 } from "react/jsx-runtime";
-var Table = forwardRef88(function Table2({ striped, compact, borderless, sticky, caption, wrapClassName, className, children, ...rest }, ref) {
-  return /* @__PURE__ */ jsx90("div", { className: cx("oc-table-wrap", wrapClassName), children: /* @__PURE__ */ jsxs74(
+import { forwardRef as forwardRef90 } from "react";
+import { jsx as jsx92, jsxs as jsxs74 } from "react/jsx-runtime";
+var Table = forwardRef90(function Table2({ striped, compact, borderless, sticky, caption, wrapClassName, className, children, ...rest }, ref) {
+  return /* @__PURE__ */ jsx92("div", { className: cx("oc-table-wrap", wrapClassName), children: /* @__PURE__ */ jsxs74(
     "table",
     {
       ref,
@@ -3431,84 +3457,84 @@ var Table = forwardRef88(function Table2({ striped, compact, borderless, sticky,
       ),
       ...rest,
       children: [
-        caption != null && /* @__PURE__ */ jsx90("caption", { children: caption }),
+        caption != null && /* @__PURE__ */ jsx92("caption", { children: caption }),
         children
       ]
     }
   ) });
 });
-var TableSort = forwardRef88(function TableSort2({ className, ...rest }, ref) {
-  return /* @__PURE__ */ jsx90("a", { ref, className: cx("oc-table-sort", className), ...rest });
+var TableSort = forwardRef90(function TableSort2({ className, ...rest }, ref) {
+  return /* @__PURE__ */ jsx92("a", { ref, className: cx("oc-table-sort", className), ...rest });
 });
 function TableActions({ className, ...rest }) {
-  return /* @__PURE__ */ jsx90("td", { className: cx("oc-table-actions", className), ...rest });
+  return /* @__PURE__ */ jsx92("td", { className: cx("oc-table-actions", className), ...rest });
 }
 function TableRowAction({ tone = "default", className, ...props }) {
   const cls = cx("oc-table-row-action", tone !== "default" && `oc-table-row-action--${tone}`, className);
-  if (props.href !== void 0) return /* @__PURE__ */ jsx90("a", { className: cls, ...props });
-  return /* @__PURE__ */ jsx90("button", { type: "button", className: cls, ...props });
+  if (props.href !== void 0) return /* @__PURE__ */ jsx92("a", { className: cls, ...props });
+  return /* @__PURE__ */ jsx92("button", { type: "button", className: cls, ...props });
 }
 function TableEmpty({ colSpan, children, ...rest }) {
-  return /* @__PURE__ */ jsx90("tr", { className: "oc-table-empty", ...rest, children: /* @__PURE__ */ jsx90("td", { colSpan, children }) });
+  return /* @__PURE__ */ jsx92("tr", { className: "oc-table-empty", ...rest, children: /* @__PURE__ */ jsx92("td", { colSpan, children }) });
 }
 
 // src/components/TableActions.tsx
-import { forwardRef as forwardRef89, useId as useId29 } from "react";
-import { Fragment as Fragment21, jsx as jsx91, jsxs as jsxs75 } from "react/jsx-runtime";
+import { forwardRef as forwardRef91, useId as useId29 } from "react";
+import { Fragment as Fragment21, jsx as jsx93, jsxs as jsxs75 } from "react/jsx-runtime";
 function TableActionIcon({ label, tone = "default", className, children, ...props }) {
   const cls = cx("oc-table-actions-icon", tone !== "default" && `oc-table-actions-icon--${tone}`, className);
   const common = { className: cls, "aria-label": label, title: label };
   if (props.href !== void 0) {
-    return /* @__PURE__ */ jsx91("a", { ...common, ...props, children });
+    return /* @__PURE__ */ jsx93("a", { ...common, ...props, children });
   }
-  return /* @__PURE__ */ jsx91("button", { type: "button", ...common, ...props, children });
+  return /* @__PURE__ */ jsx93("button", { type: "button", ...common, ...props, children });
 }
-var TableActionsMenu = forwardRef89(function TableActionsMenu2({ label, id, className, children, ...rest }, ref) {
+var TableActionsMenu = forwardRef91(function TableActionsMenu2({ label, id, className, children, ...rest }, ref) {
   const auto = useId29();
   const menuId = id ?? `oc-table-actions-menu-${auto.replace(/:/g, "")}`;
   return /* @__PURE__ */ jsxs75(Fragment21, { children: [
-    /* @__PURE__ */ jsx91("button", { className: "oc-table-actions-more", type: "button", "aria-label": label, popoverTarget: menuId }),
-    /* @__PURE__ */ jsx91("div", { ref, id: menuId, className: cx("oc-dropdown-menu", className), ...attrs({ popover: "" }), ...rest, children })
+    /* @__PURE__ */ jsx93("button", { className: "oc-table-actions-more", type: "button", "aria-label": label, popoverTarget: menuId }),
+    /* @__PURE__ */ jsx93("div", { ref, id: menuId, className: cx("oc-dropdown-menu", className), ...attrs({ popover: "" }), ...rest, children })
   ] });
 });
 
 // src/components/TableCompact.tsx
-import { forwardRef as forwardRef90 } from "react";
-import { jsx as jsx92, jsxs as jsxs76 } from "react/jsx-runtime";
+import { forwardRef as forwardRef92 } from "react";
+import { jsx as jsx94, jsxs as jsxs76 } from "react/jsx-runtime";
 var cellAttrs = (c) => ({
   "data-numeric": c.numeric ? "" : void 0,
   "data-wrap": c.wrap ? "" : void 0
 });
-var TableCompact = forwardRef90(function TableCompact2({ columns, rows = [], footer, bordered, plain, className, children, ...rest }, ref) {
+var TableCompact = forwardRef92(function TableCompact2({ columns, rows = [], footer, bordered, plain, className, children, ...rest }, ref) {
   const cls = cx("oc-table-compact", bordered && "oc-table-compact--bordered", plain && "oc-table-compact--plain", className);
-  return /* @__PURE__ */ jsx92("div", { ref, className: cls, ...rest, children: columns ? /* @__PURE__ */ jsxs76("table", { className: "oc-table", children: [
-    /* @__PURE__ */ jsx92("thead", { children: /* @__PURE__ */ jsx92("tr", { children: columns.map((c) => /* @__PURE__ */ jsx92("th", { ...cellAttrs(c), children: c.label }, c.key)) }) }),
-    /* @__PURE__ */ jsx92("tbody", { children: rows.map((row, i) => /* @__PURE__ */ jsx92("tr", { children: columns.map((c) => /* @__PURE__ */ jsx92("td", { ...cellAttrs(c), children: row[c.key] }, c.key)) }, i)) }),
-    footer && /* @__PURE__ */ jsx92("tfoot", { children: /* @__PURE__ */ jsx92("tr", { children: columns.map((c) => /* @__PURE__ */ jsx92("td", { ...cellAttrs(c), children: footer[c.key] }, c.key)) }) })
+  return /* @__PURE__ */ jsx94("div", { ref, className: cls, ...rest, children: columns ? /* @__PURE__ */ jsxs76("table", { className: "oc-table", children: [
+    /* @__PURE__ */ jsx94("thead", { children: /* @__PURE__ */ jsx94("tr", { children: columns.map((c) => /* @__PURE__ */ jsx94("th", { ...cellAttrs(c), children: c.label }, c.key)) }) }),
+    /* @__PURE__ */ jsx94("tbody", { children: rows.map((row, i) => /* @__PURE__ */ jsx94("tr", { children: columns.map((c) => /* @__PURE__ */ jsx94("td", { ...cellAttrs(c), children: row[c.key] }, c.key)) }, i)) }),
+    footer && /* @__PURE__ */ jsx94("tfoot", { children: /* @__PURE__ */ jsx94("tr", { children: columns.map((c) => /* @__PURE__ */ jsx94("td", { ...cellAttrs(c), children: footer[c.key] }, c.key)) }) })
   ] }) : children });
 });
 
 // src/components/Tabs.tsx
-import { forwardRef as forwardRef91, useId as useId30 } from "react";
-import { jsx as jsx93, jsxs as jsxs77 } from "react/jsx-runtime";
-var Tabs = forwardRef91(function Tabs2({ tabs, value, defaultValue, onChange, name, className, ...rest }, ref) {
+import { forwardRef as forwardRef93, useId as useId30 } from "react";
+import { jsx as jsx95, jsxs as jsxs77 } from "react/jsx-runtime";
+var Tabs = forwardRef93(function Tabs2({ tabs, value, defaultValue, onChange, name, className, ...rest }, ref) {
   const auto = useId30();
   const group = name ?? `oc-tabs-${auto.replace(/:/g, "")}`;
   const [current, setCurrent] = useControllable(value, defaultValue ?? tabs[0]?.value ?? "", onChange);
   return /* @__PURE__ */ jsxs77("div", { ref, className: cx("oc-tabset", className), ...rest, children: [
-    /* @__PURE__ */ jsx93("div", { className: "oc-tab-list", role: "tablist", children: tabs.map((t) => /* @__PURE__ */ jsxs77("label", { className: "oc-tab-trigger", children: [
-      /* @__PURE__ */ jsx93("input", { type: "radio", name: group, value: t.value, checked: current === t.value, onChange: () => setCurrent(t.value) }),
+    /* @__PURE__ */ jsx95("div", { className: "oc-tab-list", role: "tablist", children: tabs.map((t) => /* @__PURE__ */ jsxs77("label", { className: "oc-tab-trigger", children: [
+      /* @__PURE__ */ jsx95("input", { type: "radio", name: group, value: t.value, checked: current === t.value, onChange: () => setCurrent(t.value) }),
       " ",
       t.label
     ] }, t.value)) }),
-    tabs.map((t) => /* @__PURE__ */ jsx93("div", { className: "oc-tab-panel", children: t.content }, t.value))
+    tabs.map((t) => /* @__PURE__ */ jsx95("div", { className: "oc-tab-panel", children: t.content }, t.value))
   ] });
 });
 
 // src/components/TagInput.tsx
-import { forwardRef as forwardRef92, useState as useState12 } from "react";
-import { Fragment as Fragment22, jsx as jsx94, jsxs as jsxs78 } from "react/jsx-runtime";
-var TagInput = forwardRef92(function TagInput2({ value, defaultValue = [], onChange, suggestions, placeholder = "Add tag...", label = "Add tag", disabled, className, ...rest }, ref) {
+import { forwardRef as forwardRef94, useState as useState12 } from "react";
+import { Fragment as Fragment22, jsx as jsx96, jsxs as jsxs78 } from "react/jsx-runtime";
+var TagInput = forwardRef94(function TagInput2({ value, defaultValue = [], onChange, suggestions, placeholder = "Add tag...", label = "Add tag", disabled, className, ...rest }, ref) {
   const [tags, setTags] = useControllable(value, defaultValue, onChange);
   const [draft, setDraft] = useState12("");
   const add = (raw) => {
@@ -3531,9 +3557,9 @@ var TagInput = forwardRef92(function TagInput2({ value, defaultValue = [], onCha
       tags.map((tag) => /* @__PURE__ */ jsxs78("span", { className: "oc-tag", children: [
         tag,
         " ",
-        /* @__PURE__ */ jsx94("button", { className: "oc-tag-remove", type: "button", "aria-label": `Remove ${tag}`, disabled, onClick: () => remove(tag), children: "\xD7" })
+        /* @__PURE__ */ jsx96("button", { className: "oc-tag-remove", type: "button", "aria-label": `Remove ${tag}`, disabled, onClick: () => remove(tag), children: "\xD7" })
       ] }, tag)),
-      /* @__PURE__ */ jsx94(
+      /* @__PURE__ */ jsx96(
         "input",
         {
           type: "text",
@@ -3547,14 +3573,14 @@ var TagInput = forwardRef92(function TagInput2({ value, defaultValue = [], onCha
         }
       )
     ] }),
-    open.length > 0 && /* @__PURE__ */ jsx94("div", { className: "oc-tag-suggestions", children: open.map((s) => /* @__PURE__ */ jsx94("button", { type: "button", disabled, onClick: () => add(s), children: s }, s)) })
+    open.length > 0 && /* @__PURE__ */ jsx96("div", { className: "oc-tag-suggestions", children: open.map((s) => /* @__PURE__ */ jsx96("button", { type: "button", disabled, onClick: () => add(s), children: s }, s)) })
   ] });
 });
 
 // src/components/TerminalLog.tsx
-import { forwardRef as forwardRef93, useEffect as useEffect8, useRef as useRef11 } from "react";
-import { jsx as jsx95, jsxs as jsxs79 } from "react/jsx-runtime";
-var TerminalLog = forwardRef93(function TerminalLog2({ lines, title, status, prompt, height, autoScroll = true, className, style, "aria-label": label = "Log output", ...rest }, ref) {
+import { forwardRef as forwardRef95, useEffect as useEffect8, useRef as useRef11 } from "react";
+import { jsx as jsx97, jsxs as jsxs79 } from "react/jsx-runtime";
+var TerminalLog = forwardRef95(function TerminalLog2({ lines, title, status, prompt, height, autoScroll = true, className, style, "aria-label": label = "Log output", ...rest }, ref) {
   const body = useRef11(null);
   useEffect8(() => {
     if (autoScroll && body.current) body.current.scrollTop = body.current.scrollHeight;
@@ -3562,28 +3588,28 @@ var TerminalLog = forwardRef93(function TerminalLog2({ lines, title, status, pro
   const vars = height ? { "--oc-terminal-log-height": height } : void 0;
   return /* @__PURE__ */ jsxs79("div", { ref, className: cx("oc-terminal-log", className), style: { ...vars, ...style }, ...rest, children: [
     /* @__PURE__ */ jsxs79("div", { className: "oc-terminal-log__bar", children: [
-      /* @__PURE__ */ jsx95("i", {}),
-      /* @__PURE__ */ jsx95("i", {}),
-      /* @__PURE__ */ jsx95("i", {}),
-      title != null && /* @__PURE__ */ jsx95("span", { className: "oc-terminal-log__title", children: title }),
-      status != null && /* @__PURE__ */ jsx95("span", { className: "oc-terminal-log__status", children: status })
+      /* @__PURE__ */ jsx97("i", {}),
+      /* @__PURE__ */ jsx97("i", {}),
+      /* @__PURE__ */ jsx97("i", {}),
+      title != null && /* @__PURE__ */ jsx97("span", { className: "oc-terminal-log__title", children: title }),
+      status != null && /* @__PURE__ */ jsx97("span", { className: "oc-terminal-log__status", children: status })
     ] }),
     /* @__PURE__ */ jsxs79("div", { ref: body, className: "oc-terminal-log__body", role: "log", "aria-live": "polite", "aria-label": label, tabIndex: 0, children: [
       lines.map((l, i) => /* @__PURE__ */ jsxs79("p", { className: cx("oc-terminal-log__line", `oc-terminal-log__line--${l.level}`), children: [
-        l.time && /* @__PURE__ */ jsx95("time", { className: "oc-terminal-log__time", children: l.time }),
-        /* @__PURE__ */ jsx95("span", { className: "oc-terminal-log__level", children: l.label ?? (l.level === "success" ? "ok" : l.level) }),
-        /* @__PURE__ */ jsx95("span", { className: "oc-terminal-log__msg", children: l.message })
+        l.time && /* @__PURE__ */ jsx97("time", { className: "oc-terminal-log__time", children: l.time }),
+        /* @__PURE__ */ jsx97("span", { className: "oc-terminal-log__level", children: l.label ?? (l.level === "success" ? "ok" : l.level) }),
+        /* @__PURE__ */ jsx97("span", { className: "oc-terminal-log__msg", children: l.message })
       ] }, i)),
-      prompt != null && prompt !== false && /* @__PURE__ */ jsx95("p", { className: "oc-terminal-log__prompt", children: prompt === true ? null : prompt })
+      prompt != null && prompt !== false && /* @__PURE__ */ jsx97("p", { className: "oc-terminal-log__prompt", children: prompt === true ? null : prompt })
     ] })
   ] });
 });
 
 // src/components/Textarea.tsx
-import { forwardRef as forwardRef94 } from "react";
-import { jsx as jsx96 } from "react/jsx-runtime";
-var Textarea = forwardRef94(function Textarea2({ error, className, ...rest }, ref) {
-  return /* @__PURE__ */ jsx96(
+import { forwardRef as forwardRef96 } from "react";
+import { jsx as jsx98 } from "react/jsx-runtime";
+var Textarea = forwardRef96(function Textarea2({ error, className, ...rest }, ref) {
+  return /* @__PURE__ */ jsx98(
     "textarea",
     {
       ref,
@@ -3595,24 +3621,24 @@ var Textarea = forwardRef94(function Textarea2({ error, className, ...rest }, re
 });
 
 // src/components/ThemeSwitch.tsx
-import { forwardRef as forwardRef95, useId as useId31 } from "react";
-import { jsx as jsx97, jsxs as jsxs80 } from "react/jsx-runtime";
+import { forwardRef as forwardRef97, useId as useId31 } from "react";
+import { jsx as jsx99, jsxs as jsxs80 } from "react/jsx-runtime";
 var LABELS = { system: "System", light: "Light", dark: "Dark" };
-var ThemeSwitch = forwardRef95(function ThemeSwitch2({ value, defaultValue = "system", onChange, modes = ["system", "light", "dark"], name, as = "fieldset", className, "aria-label": ariaLabel = "Color theme", ...rest }, ref) {
+var ThemeSwitch = forwardRef97(function ThemeSwitch2({ value, defaultValue = "system", onChange, modes = ["system", "light", "dark"], name, as = "fieldset", className, "aria-label": ariaLabel = "Color theme", ...rest }, ref) {
   const auto = useId31();
   const group = name ?? `oc-theme-${auto.replace(/:/g, "")}`;
   const [current, setCurrent] = useControllable(value, defaultValue, onChange);
   const items = modes.map((m) => /* @__PURE__ */ jsxs80("label", { children: [
-    /* @__PURE__ */ jsx97("input", { type: "radio", name: group, value: m, checked: current === m, onChange: () => setCurrent(m) }),
+    /* @__PURE__ */ jsx99("input", { type: "radio", name: group, value: m, checked: current === m, onChange: () => setCurrent(m) }),
     " ",
     LABELS[m]
   ] }, m));
-  return as === "div" ? /* @__PURE__ */ jsx97("div", { ref, className: cx("oc-theme-switch", className), role: "radiogroup", "aria-label": ariaLabel, ...rest, children: items }) : /* @__PURE__ */ jsx97("fieldset", { ref, className: cx("oc-theme-switch", className), "aria-label": ariaLabel, ...rest, children: items });
+  return as === "div" ? /* @__PURE__ */ jsx99("div", { ref, className: cx("oc-theme-switch", className), role: "radiogroup", "aria-label": ariaLabel, ...rest, children: items }) : /* @__PURE__ */ jsx99("fieldset", { ref, className: cx("oc-theme-switch", className), "aria-label": ariaLabel, ...rest, children: items });
 });
 
 // src/components/TimeInput.tsx
-import { forwardRef as forwardRef96, useId as useId32 } from "react";
-import { Fragment as Fragment23, jsx as jsx98, jsxs as jsxs81 } from "react/jsx-runtime";
+import { forwardRef as forwardRef98, useId as useId32 } from "react";
+import { Fragment as Fragment23, jsx as jsx100, jsxs as jsxs81 } from "react/jsx-runtime";
 function formatTime24h(raw) {
   const digits = raw.replace(/\D/g, "").slice(0, 4);
   return digits.length <= 2 ? digits : `${digits.slice(0, 2)}:${digits.slice(2)}`;
@@ -3623,11 +3649,11 @@ function completeTime(text) {
   if (digits.length === 3) return `0${digits[0]}:${digits.slice(1)}`;
   return text;
 }
-var TimeInput = forwardRef96(function TimeInput2({ value, defaultValue, onChange, slots, error, className, onBlur, placeholder = "hh:mm", ...rest }, ref) {
+var TimeInput = forwardRef98(function TimeInput2({ value, defaultValue, onChange, slots, error, className, onBlur, placeholder = "hh:mm", ...rest }, ref) {
   const listId = `oc-time-${useId32().replace(/:/g, "")}`;
   const [current, setCurrent] = useControllable(value, defaultValue ?? "", onChange);
   return /* @__PURE__ */ jsxs81(Fragment23, { children: [
-    /* @__PURE__ */ jsx98(
+    /* @__PURE__ */ jsx100(
       "input",
       {
         ref,
@@ -3652,37 +3678,37 @@ var TimeInput = forwardRef96(function TimeInput2({ value, defaultValue, onChange
         ...rest
       }
     ),
-    slots?.length ? /* @__PURE__ */ jsx98("datalist", { id: listId, children: slots.map((s) => /* @__PURE__ */ jsx98("option", { value: s }, s)) }) : null
+    slots?.length ? /* @__PURE__ */ jsx100("datalist", { id: listId, children: slots.map((s) => /* @__PURE__ */ jsx100("option", { value: s }, s)) }) : null
   ] });
 });
 
 // src/components/Timeline.tsx
-import { forwardRef as forwardRef97 } from "react";
-import { jsx as jsx99, jsxs as jsxs82 } from "react/jsx-runtime";
-var Timeline = forwardRef97(function Timeline2({ items, size = "default", accent = false, className, ...rest }, ref) {
-  return /* @__PURE__ */ jsx99("ol", { ref, className: cx("oc-timeline", size === "lg" && "oc-timeline--lg", accent && "oc-timeline--accent", className), ...rest, children: items.map((item, i) => /* @__PURE__ */ jsxs82("li", { className: cx("oc-timeline__item", item.current && "oc-timeline__item--current"), children: [
-    item.dateTime ? /* @__PURE__ */ jsx99("time", { className: "oc-timeline__date", dateTime: item.dateTime, children: item.date }) : /* @__PURE__ */ jsx99("span", { className: "oc-timeline__date", children: item.date }),
-    item.title != null && /* @__PURE__ */ jsx99("h3", { className: "oc-timeline__title", children: item.title }),
-    item.text != null && /* @__PURE__ */ jsx99("p", { className: "oc-timeline__text", children: item.text })
+import { forwardRef as forwardRef99 } from "react";
+import { jsx as jsx101, jsxs as jsxs82 } from "react/jsx-runtime";
+var Timeline = forwardRef99(function Timeline2({ items, size = "default", accent = false, className, ...rest }, ref) {
+  return /* @__PURE__ */ jsx101("ol", { ref, className: cx("oc-timeline", size === "lg" && "oc-timeline--lg", accent && "oc-timeline--accent", className), ...rest, children: items.map((item, i) => /* @__PURE__ */ jsxs82("li", { className: cx("oc-timeline__item", item.current && "oc-timeline__item--current"), children: [
+    item.dateTime ? /* @__PURE__ */ jsx101("time", { className: "oc-timeline__date", dateTime: item.dateTime, children: item.date }) : /* @__PURE__ */ jsx101("span", { className: "oc-timeline__date", children: item.date }),
+    item.title != null && /* @__PURE__ */ jsx101("h3", { className: "oc-timeline__title", children: item.title }),
+    item.text != null && /* @__PURE__ */ jsx101("p", { className: "oc-timeline__text", children: item.text })
   ] }, i)) });
 });
 
 // src/components/Toast.tsx
-import { createContext as createContext2, forwardRef as forwardRef98, useCallback as useCallback2, useContext as useContext2, useEffect as useEffect9, useMemo as useMemo2, useRef as useRef12, useState as useState13 } from "react";
-import { jsx as jsx100, jsxs as jsxs83 } from "react/jsx-runtime";
+import { createContext as createContext2, forwardRef as forwardRef100, useCallback as useCallback2, useContext as useContext2, useEffect as useEffect9, useMemo as useMemo2, useRef as useRef12, useState as useState13 } from "react";
+import { jsx as jsx102, jsxs as jsxs83 } from "react/jsx-runtime";
 var GLYPHS3 = { success: "\u2713", error: "!", warning: "!", info: "i" };
-var Toast = forwardRef98(function Toast2({ variant = "info", title, description, icon, onDismiss, dismissLabel = "Dismiss", className, ...rest }, ref) {
+var Toast = forwardRef100(function Toast2({ variant = "info", title, description, icon, onDismiss, dismissLabel = "Dismiss", className, ...rest }, ref) {
   return /* @__PURE__ */ jsxs83("div", { ref, className: cx("oc-toast", `oc-toast--${variant}`, className), role: variant === "error" ? "alert" : "status", ...rest, children: [
-    /* @__PURE__ */ jsx100("span", { className: "oc-toast-icon", "aria-hidden": "true", children: icon ?? GLYPHS3[variant] }),
+    /* @__PURE__ */ jsx102("span", { className: "oc-toast-icon", "aria-hidden": "true", children: icon ?? GLYPHS3[variant] }),
     /* @__PURE__ */ jsxs83("div", { className: "oc-toast-body", children: [
-      /* @__PURE__ */ jsx100("p", { className: "oc-toast-title", children: title }),
-      description != null && /* @__PURE__ */ jsx100("p", { className: "oc-toast-description", children: description })
+      /* @__PURE__ */ jsx102("p", { className: "oc-toast-title", children: title }),
+      description != null && /* @__PURE__ */ jsx102("p", { className: "oc-toast-description", children: description })
     ] }),
-    onDismiss && /* @__PURE__ */ jsx100("button", { className: "oc-toast-close", type: "button", "aria-label": dismissLabel, onClick: onDismiss, children: "\xD7" })
+    onDismiss && /* @__PURE__ */ jsx102("button", { className: "oc-toast-close", type: "button", "aria-label": dismissLabel, onClick: onDismiss, children: "\xD7" })
   ] });
 });
-var ToastContainer = forwardRef98(function ToastContainer2({ top, static: isStatic, className, ...rest }, ref) {
-  return /* @__PURE__ */ jsx100(
+var ToastContainer = forwardRef100(function ToastContainer2({ top, static: isStatic, className, ...rest }, ref) {
+  return /* @__PURE__ */ jsx102(
     "div",
     {
       ref,
@@ -3724,7 +3750,7 @@ function ToastProvider({ children, top, duration = 5e3, limit = 5 }) {
   const api = useMemo2(() => ({ toast, dismiss }), [toast, dismiss]);
   return /* @__PURE__ */ jsxs83(ToastContext.Provider, { value: api, children: [
     children,
-    /* @__PURE__ */ jsx100(ToastContainer, { top, "aria-live": "polite", children: items.map((t) => /* @__PURE__ */ jsx100(Toast, { variant: t.variant, title: t.title, description: t.description, onDismiss: () => dismiss(t.id) }, t.id)) })
+    /* @__PURE__ */ jsx102(ToastContainer, { top, "aria-live": "polite", children: items.map((t) => /* @__PURE__ */ jsx102(Toast, { variant: t.variant, title: t.title, description: t.description, onDismiss: () => dismiss(t.id) }, t.id)) })
   ] });
 }
 function useToast() {
@@ -3734,41 +3760,41 @@ function useToast() {
 }
 
 // src/components/ToggleField.tsx
-import { forwardRef as forwardRef99, useId as useId33 } from "react";
-import { jsx as jsx101, jsxs as jsxs84 } from "react/jsx-runtime";
-var ToggleField = forwardRef99(function ToggleField2({ label, description, card, reverse, fieldClassName, className, ...rest }, ref) {
+import { forwardRef as forwardRef101, useId as useId33 } from "react";
+import { jsx as jsx103, jsxs as jsxs84 } from "react/jsx-runtime";
+var ToggleField = forwardRef101(function ToggleField2({ label, description, card, reverse, fieldClassName, className, ...rest }, ref) {
   const descId = `oc-toggle-field-${useId33().replace(/:/g, "")}`;
   return /* @__PURE__ */ jsxs84("label", { className: cx("oc-toggle-field", card && "oc-toggle-field--card", reverse && "oc-toggle-field--reverse", fieldClassName), children: [
     /* @__PURE__ */ jsxs84("span", { className: "oc-toggle-field-text", children: [
-      /* @__PURE__ */ jsx101("span", { className: "oc-toggle-field-label", children: label }),
-      description != null && /* @__PURE__ */ jsx101("span", { className: "oc-toggle-field-description", id: descId, children: description })
+      /* @__PURE__ */ jsx103("span", { className: "oc-toggle-field-label", children: label }),
+      description != null && /* @__PURE__ */ jsx103("span", { className: "oc-toggle-field-description", id: descId, children: description })
     ] }),
     /* @__PURE__ */ jsxs84("span", { className: "oc-switch", children: [
-      /* @__PURE__ */ jsx101("input", { ref, type: "checkbox", role: "switch", className, "aria-describedby": description != null ? descId : void 0, ...rest }),
-      /* @__PURE__ */ jsx101("span", { className: "oc-switch-track" })
+      /* @__PURE__ */ jsx103("input", { ref, type: "checkbox", role: "switch", className, "aria-describedby": description != null ? descId : void 0, ...rest }),
+      /* @__PURE__ */ jsx103("span", { className: "oc-switch-track" })
     ] })
   ] });
 });
 
 // src/components/Tooltip.tsx
-import { forwardRef as forwardRef100 } from "react";
-import { jsx as jsx102, jsxs as jsxs85 } from "react/jsx-runtime";
-var Tooltip = forwardRef100(function Tooltip2({ content, multiline, heading, side, className, children, ...rest }, ref) {
+import { forwardRef as forwardRef102 } from "react";
+import { jsx as jsx104, jsxs as jsxs85 } from "react/jsx-runtime";
+var Tooltip = forwardRef102(function Tooltip2({ content, multiline, heading, side, className, children, ...rest }, ref) {
   const classes = cx("oc-tooltip", multiline && !heading && "oc-tooltip--multiline", side && side !== "top" && `oc-tooltip--${side}`, className);
-  if (!heading) return /* @__PURE__ */ jsx102("span", { ref, className: classes, "data-tooltip": content, ...rest, children });
+  if (!heading) return /* @__PURE__ */ jsx104("span", { ref, className: classes, "data-tooltip": content, ...rest, children });
   return /* @__PURE__ */ jsxs85("span", { ref, className: classes, ...rest, children: [
     children,
     /* @__PURE__ */ jsxs85("span", { className: "oc-tooltip__content", role: "tooltip", children: [
-      /* @__PURE__ */ jsx102("span", { className: "oc-tooltip__title", children: heading }),
+      /* @__PURE__ */ jsx104("span", { className: "oc-tooltip__title", children: heading }),
       content
     ] })
   ] });
 });
 
 // src/components/TopProgress.tsx
-import { forwardRef as forwardRef101, useEffect as useEffect10, useState as useState14 } from "react";
-import { jsx as jsx103 } from "react/jsx-runtime";
-var TopProgress = forwardRef101(function TopProgress2({ active = true, tone = "default", large, static: inFlow, fadeMs = 400, className, ...rest }, ref) {
+import { forwardRef as forwardRef103, useEffect as useEffect10, useState as useState14 } from "react";
+import { jsx as jsx105 } from "react/jsx-runtime";
+var TopProgress = forwardRef103(function TopProgress2({ active = true, tone = "default", large, static: inFlow, fadeMs = 400, className, ...rest }, ref) {
   const [phase, setPhase] = useState14(active ? "active" : "hidden");
   useEffect10(() => {
     if (active) {
@@ -3787,64 +3813,64 @@ var TopProgress = forwardRef101(function TopProgress2({ active = true, tone = "d
     phase === "done" && "is-done",
     className
   );
-  return /* @__PURE__ */ jsx103("progress", { ref, className: cls, hidden: phase === "hidden", ...rest });
+  return /* @__PURE__ */ jsx105("progress", { ref, className: cls, hidden: phase === "hidden", ...rest });
 });
 
 // src/components/Tree.tsx
-import { forwardRef as forwardRef102 } from "react";
-import { Fragment as Fragment24, jsx as jsx104, jsxs as jsxs86 } from "react/jsx-runtime";
+import { forwardRef as forwardRef104 } from "react";
+import { Fragment as Fragment24, jsx as jsx106, jsxs as jsxs86 } from "react/jsx-runtime";
 function RowContent({ item }) {
   const isLink = item.href !== void 0;
   return /* @__PURE__ */ jsxs86(Fragment24, { children: [
-    item.icon != null && /* @__PURE__ */ jsx104("span", { className: "oc-tree-icon", "aria-hidden": "true", children: item.icon }),
-    isLink ? /* @__PURE__ */ jsx104("a", { className: "oc-tree-label", href: item.href, "aria-current": item.current ? "true" : void 0, children: item.label }) : /* @__PURE__ */ jsx104("span", { className: "oc-tree-label", children: item.label }),
-    item.count != null && /* @__PURE__ */ jsx104("span", { className: "oc-tree-count", children: item.count }),
-    item.actions != null && /* @__PURE__ */ jsx104("span", { className: "oc-tree-actions", children: item.actions })
+    item.icon != null && /* @__PURE__ */ jsx106("span", { className: "oc-tree-icon", "aria-hidden": "true", children: item.icon }),
+    isLink ? /* @__PURE__ */ jsx106("a", { className: "oc-tree-label", href: item.href, "aria-current": item.current ? "true" : void 0, children: item.label }) : /* @__PURE__ */ jsx106("span", { className: "oc-tree-label", children: item.label }),
+    item.count != null && /* @__PURE__ */ jsx106("span", { className: "oc-tree-count", children: item.count }),
+    item.actions != null && /* @__PURE__ */ jsx106("span", { className: "oc-tree-actions", children: item.actions })
   ] });
 }
 function TreeNode({ item }) {
   const rowCurrent = item.current && item.href === void 0 ? "true" : void 0;
   const rowCls = cx("oc-tree-row", item.muted && "is-muted");
   if (!item.children?.length) {
-    return /* @__PURE__ */ jsx104("li", { children: /* @__PURE__ */ jsx104("div", { className: rowCls, "aria-current": rowCurrent, children: /* @__PURE__ */ jsx104(RowContent, { item }) }) });
+    return /* @__PURE__ */ jsx106("li", { children: /* @__PURE__ */ jsx106("div", { className: rowCls, "aria-current": rowCurrent, children: /* @__PURE__ */ jsx106(RowContent, { item }) }) });
   }
-  return /* @__PURE__ */ jsx104("li", { children: /* @__PURE__ */ jsxs86("details", { className: "oc-tree-node", open: item.open, children: [
-    /* @__PURE__ */ jsx104("summary", { className: rowCls, "aria-current": rowCurrent, children: /* @__PURE__ */ jsx104(RowContent, { item }) }),
-    /* @__PURE__ */ jsx104(TreeList, { items: item.children })
+  return /* @__PURE__ */ jsx106("li", { children: /* @__PURE__ */ jsxs86("details", { className: "oc-tree-node", open: item.open, children: [
+    /* @__PURE__ */ jsx106("summary", { className: rowCls, "aria-current": rowCurrent, children: /* @__PURE__ */ jsx106(RowContent, { item }) }),
+    /* @__PURE__ */ jsx106(TreeList, { items: item.children })
   ] }) });
 }
 function TreeList({ items }) {
-  return /* @__PURE__ */ jsx104("ul", { className: "oc-tree-list", children: items.map((item, i) => /* @__PURE__ */ jsx104(TreeNode, { item }, i)) });
+  return /* @__PURE__ */ jsx106("ul", { className: "oc-tree-list", children: items.map((item, i) => /* @__PURE__ */ jsx106(TreeNode, { item }, i)) });
 }
-var Tree = forwardRef102(function Tree2({ items, head, headActions, quiet, flush, className, ...rest }, ref) {
+var Tree = forwardRef104(function Tree2({ items, head, headActions, quiet, flush, className, ...rest }, ref) {
   return /* @__PURE__ */ jsxs86("div", { ref, className: cx("oc-tree", quiet && "oc-tree--quiet", flush && "oc-tree--flush", className), ...rest, children: [
     head != null && /* @__PURE__ */ jsxs86("div", { className: "oc-tree-row oc-tree-head", children: [
-      /* @__PURE__ */ jsx104("span", { className: "oc-tree-label", children: head }),
-      headActions != null && /* @__PURE__ */ jsx104("span", { className: "oc-tree-actions", children: headActions })
+      /* @__PURE__ */ jsx106("span", { className: "oc-tree-label", children: head }),
+      headActions != null && /* @__PURE__ */ jsx106("span", { className: "oc-tree-actions", children: headActions })
     ] }),
-    /* @__PURE__ */ jsx104(TreeList, { items })
+    /* @__PURE__ */ jsx106(TreeList, { items })
   ] });
 });
 
 // src/components/UpgradeBanner.tsx
-import { forwardRef as forwardRef103 } from "react";
-import { Fragment as Fragment25, jsx as jsx105, jsxs as jsxs87 } from "react/jsx-runtime";
-var UpgradeBanner = forwardRef103(function UpgradeBanner2({ title, plan, text, usage, icon, actions, premium, compact, onDismiss, dismissLabel = "Dismiss", className, children, ...rest }, ref) {
+import { forwardRef as forwardRef105 } from "react";
+import { Fragment as Fragment25, jsx as jsx107, jsxs as jsxs87 } from "react/jsx-runtime";
+var UpgradeBanner = forwardRef105(function UpgradeBanner2({ title, plan, text, usage, icon, actions, premium, compact, onDismiss, dismissLabel = "Dismiss", className, children, ...rest }, ref) {
   const cls = cx("oc-upgrade-banner", premium && "oc-upgrade-banner--premium", compact && "oc-upgrade-banner--compact", className);
   const body = text ?? children;
   return /* @__PURE__ */ jsxs87("aside", { ref, className: cls, ...rest, children: [
-    icon != null && /* @__PURE__ */ jsx105("span", { className: "oc-upgrade-banner-icon", "aria-hidden": "true", children: icon }),
+    icon != null && /* @__PURE__ */ jsx107("span", { className: "oc-upgrade-banner-icon", "aria-hidden": "true", children: icon }),
     /* @__PURE__ */ jsxs87("div", { className: "oc-upgrade-banner-body", children: [
       /* @__PURE__ */ jsxs87("p", { className: "oc-upgrade-banner-title", children: [
         title,
         plan != null && /* @__PURE__ */ jsxs87(Fragment25, { children: [
           " ",
-          /* @__PURE__ */ jsx105("span", { className: "oc-upgrade-banner-plan", children: plan })
+          /* @__PURE__ */ jsx107("span", { className: "oc-upgrade-banner-plan", children: plan })
         ] })
       ] }),
-      body != null && /* @__PURE__ */ jsx105("p", { className: "oc-upgrade-banner-text", children: body }),
+      body != null && /* @__PURE__ */ jsx107("p", { className: "oc-upgrade-banner-text", children: body }),
       usage && /* @__PURE__ */ jsxs87("div", { className: "oc-upgrade-banner-usage", children: [
-        /* @__PURE__ */ jsx105("span", { children: usage.label }),
+        /* @__PURE__ */ jsx107("span", { children: usage.label }),
         /* @__PURE__ */ jsxs87("meter", { className: "oc-upgrade-banner-meter", min: 0, max: usage.max, low: usage.max * 0.6, high: usage.max * 0.8, optimum: 0, value: usage.value, children: [
           usage.value,
           " of ",
@@ -3857,76 +3883,85 @@ var UpgradeBanner = forwardRef103(function UpgradeBanner2({ title, plan, text, u
         ] })
       ] })
     ] }),
-    actions != null && /* @__PURE__ */ jsx105("div", { className: "oc-upgrade-banner-actions", children: actions }),
-    onDismiss && /* @__PURE__ */ jsx105("button", { className: "oc-upgrade-banner-dismiss", type: "button", "aria-label": dismissLabel, onClick: onDismiss, children: "\xD7" })
+    actions != null && /* @__PURE__ */ jsx107("div", { className: "oc-upgrade-banner-actions", children: actions }),
+    onDismiss && /* @__PURE__ */ jsx107("button", { className: "oc-upgrade-banner-dismiss", type: "button", "aria-label": dismissLabel, onClick: onDismiss, children: "\xD7" })
   ] });
 });
 
 // src/components/User.tsx
-import { forwardRef as forwardRef104 } from "react";
-import { jsx as jsx106, jsxs as jsxs88 } from "react/jsx-runtime";
-var User = forwardRef104(function User2({ name, email, initials, avatarSrc, avatarSize = "md", className, ...rest }, ref) {
+import { forwardRef as forwardRef106 } from "react";
+import { jsx as jsx108, jsxs as jsxs88 } from "react/jsx-runtime";
+var User = forwardRef106(function User2({ name, email, initials, avatarSrc, avatarSize = "md", className, ...rest }, ref) {
   return /* @__PURE__ */ jsxs88("div", { ref, className: cx("oc-user", className), ...rest, children: [
-    /* @__PURE__ */ jsx106(Avatar, { size: avatarSize, src: avatarSrc, children: initials }),
+    /* @__PURE__ */ jsx108(Avatar, { size: avatarSize, src: avatarSrc, children: initials }),
     /* @__PURE__ */ jsxs88("span", { className: "oc-user-text", children: [
-      /* @__PURE__ */ jsx106("span", { className: "oc-user-name", children: name }),
-      email != null && /* @__PURE__ */ jsx106("span", { className: "oc-user-email", children: email })
+      /* @__PURE__ */ jsx108("span", { className: "oc-user-name", children: name }),
+      email != null && /* @__PURE__ */ jsx108("span", { className: "oc-user-email", children: email })
     ] })
   ] });
 });
 
 // src/components/VersionBanner.tsx
-import { forwardRef as forwardRef105 } from "react";
-import { jsx as jsx107, jsxs as jsxs89 } from "react/jsx-runtime";
-var VersionBanner = forwardRef105(function VersionBanner2({ version, text, short = "New version", actionLabel = "Reload", onReload, tone = "warning", floating, className, ...rest }, ref) {
+import { forwardRef as forwardRef107 } from "react";
+import { jsx as jsx109, jsxs as jsxs89 } from "react/jsx-runtime";
+var VersionBanner = forwardRef107(function VersionBanner2({ version, text, short = "New version", actionLabel = "Reload", onReload, tone = "warning", floating, className, ...rest }, ref) {
   if (!version) return null;
   const cls = cx("oc-version-banner", tone !== "warning" && `oc-version-banner--${tone}`, floating && "oc-version-banner--floating", className);
   return /* @__PURE__ */ jsxs89("div", { ref, className: cls, role: "status", ...rest, children: [
-    /* @__PURE__ */ jsx107("span", { className: "oc-version-banner-dot", "aria-hidden": "true" }),
-    /* @__PURE__ */ jsx107("span", { className: "oc-version-banner-text", children: text ?? `New version (${version}) available - reload the page` }),
-    /* @__PURE__ */ jsx107("span", { className: "oc-version-banner-short", children: short }),
-    onReload ? /* @__PURE__ */ jsx107("button", { className: "oc-version-banner-action", type: "button", onClick: onReload, children: actionLabel }) : /* @__PURE__ */ jsx107("a", { className: "oc-version-banner-action", href: "", children: actionLabel })
+    /* @__PURE__ */ jsx109("span", { className: "oc-version-banner-dot", "aria-hidden": "true" }),
+    /* @__PURE__ */ jsx109("span", { className: "oc-version-banner-text", children: text ?? `New version (${version}) available - reload the page` }),
+    /* @__PURE__ */ jsx109("span", { className: "oc-version-banner-short", children: short }),
+    onReload ? /* @__PURE__ */ jsx109("button", { className: "oc-version-banner-action", type: "button", onClick: onReload, children: actionLabel }) : /* @__PURE__ */ jsx109("a", { className: "oc-version-banner-action", href: "", children: actionLabel })
   ] });
 });
 
+// src/components/Watermark.tsx
+import { forwardRef as forwardRef108, Fragment as Fragment26 } from "react";
+import { jsx as jsx110 } from "react/jsx-runtime";
+var Watermark = forwardRef108(function Watermark2({ text = "Concept", variant = "diagonal", tone = "default", repeat = 12, mono = false, className, ...rest }, ref) {
+  const classes = cx("oc-watermark", variant !== "diagonal" && `oc-watermark--${variant}`, tone !== "default" && `oc-watermark--${tone}`, mono && "oc-watermark--mono", className);
+  const count = variant === "tile" ? Math.max(1, repeat) : 1;
+  return /* @__PURE__ */ jsx110("span", { ref, className: classes, "aria-hidden": "true", ...rest, children: Array.from({ length: count }, (_, i) => typeof text === "string" || typeof text === "number" ? /* @__PURE__ */ jsx110("span", { children: text }, i) : /* @__PURE__ */ jsx110(Fragment26, { children: text }, i)) });
+});
+
 // src/blocks/BlockAboutTimeline.tsx
-import { forwardRef as forwardRef106, useId as useId34 } from "react";
-import { jsx as jsx108, jsxs as jsxs90 } from "react/jsx-runtime";
-var BlockAboutTimeline = forwardRef106(function BlockAboutTimeline2({ eyebrow, title, children, timeline = [], image, imageAlt = "", badge, reverse = false, className, ...rest }, ref) {
+import { forwardRef as forwardRef109, useId as useId34 } from "react";
+import { jsx as jsx111, jsxs as jsxs90 } from "react/jsx-runtime";
+var BlockAboutTimeline = forwardRef109(function BlockAboutTimeline2({ eyebrow, title, children, timeline = [], image, imageAlt = "", badge, reverse = false, className, ...rest }, ref) {
   const titleId = `oc-about-title-${useId34().replace(/[^\w-]/g, "")}`;
-  return /* @__PURE__ */ jsx108("section", { ref, className: cx("oc-block-about", reverse && "oc-block-about--reverse", className), "aria-labelledby": titleId, ...rest, children: /* @__PURE__ */ jsxs90("div", { className: "oc-block-about-inner", children: [
+  return /* @__PURE__ */ jsx111("section", { ref, className: cx("oc-block-about", reverse && "oc-block-about--reverse", className), "aria-labelledby": titleId, ...rest, children: /* @__PURE__ */ jsxs90("div", { className: "oc-block-about-inner", children: [
     /* @__PURE__ */ jsxs90("figure", { className: "oc-block-about-media", "aria-hidden": image ? void 0 : true, children: [
-      image && /* @__PURE__ */ jsx108("img", { src: image, alt: imageAlt, loading: "lazy" }),
-      badge != null && /* @__PURE__ */ jsx108("span", { className: "oc-block-about-badge", children: badge })
+      image && /* @__PURE__ */ jsx111("img", { src: image, alt: imageAlt, loading: "lazy" }),
+      badge != null && /* @__PURE__ */ jsx111("span", { className: "oc-block-about-badge", children: badge })
     ] }),
     /* @__PURE__ */ jsxs90("div", { className: "oc-block-about-copy", children: [
-      eyebrow != null && /* @__PURE__ */ jsx108("p", { className: "oc-eyebrow", children: eyebrow }),
-      /* @__PURE__ */ jsx108("h2", { className: "oc-block-about-title", id: titleId, children: title }),
+      eyebrow != null && /* @__PURE__ */ jsx111("p", { className: "oc-eyebrow", children: eyebrow }),
+      /* @__PURE__ */ jsx111("h2", { className: "oc-block-about-title", id: titleId, children: title }),
       children,
-      timeline.length > 0 && /* @__PURE__ */ jsx108(Timeline, { items: timeline })
+      timeline.length > 0 && /* @__PURE__ */ jsx111(Timeline, { items: timeline })
     ] })
   ] }) });
 });
 
 // src/blocks/BlockAppHeader.tsx
-import { forwardRef as forwardRef107 } from "react";
-import { jsx as jsx109, jsxs as jsxs91 } from "react/jsx-runtime";
-var BlockAppHeader = forwardRef107(function BlockAppHeader2({ toggleFor, toggleLabel = "Toggle sidebar", nav, navLabel = "Module navigation", actions, title, className, ...rest }, ref) {
+import { forwardRef as forwardRef110 } from "react";
+import { jsx as jsx112, jsxs as jsxs91 } from "react/jsx-runtime";
+var BlockAppHeader = forwardRef110(function BlockAppHeader2({ toggleFor, toggleLabel = "Toggle sidebar", nav, navLabel = "Module navigation", actions, title, className, ...rest }, ref) {
   return /* @__PURE__ */ jsxs91("header", { ref, className: cx("oc-block-appbar", className), ...rest, children: [
     toggleFor && /* @__PURE__ */ jsxs91("label", { className: "oc-btn oc-btn--ghost oc-btn--icon", htmlFor: toggleFor, title: toggleLabel, children: [
-      /* @__PURE__ */ jsx109(Icon, { d: "M4 6h16M4 12h16M4 18h16" }),
-      /* @__PURE__ */ jsx109("span", { className: "oc-visually-hidden", children: toggleLabel })
+      /* @__PURE__ */ jsx112(Icon, { d: "M4 6h16M4 12h16M4 18h16" }),
+      /* @__PURE__ */ jsx112("span", { className: "oc-visually-hidden", children: toggleLabel })
     ] }),
-    title != null && /* @__PURE__ */ jsx109("span", { className: "oc-block-appbar-title", children: title }),
-    nav && /* @__PURE__ */ jsx109(Navmenu, { label: navLabel, navClassName: "oc-block-appbar-nav", children: nav.map((item, i) => /* @__PURE__ */ jsx109(NavmenuItem, { children: /* @__PURE__ */ jsx109(NavmenuLink, { href: item.href, current: item.current, children: item.label }) }, i)) }),
-    actions != null && /* @__PURE__ */ jsx109("div", { className: "oc-block-appbar-actions", children: actions })
+    title != null && /* @__PURE__ */ jsx112("span", { className: "oc-block-appbar-title", children: title }),
+    nav && /* @__PURE__ */ jsx112(Navmenu, { label: navLabel, navClassName: "oc-block-appbar-nav", children: nav.map((item, i) => /* @__PURE__ */ jsx112(NavmenuItem, { children: /* @__PURE__ */ jsx112(NavmenuLink, { href: item.href, current: item.current, children: item.label }) }, i)) }),
+    actions != null && /* @__PURE__ */ jsx112("div", { className: "oc-block-appbar-actions", children: actions })
   ] });
 });
 
 // src/blocks/BlockAppShell.tsx
-import { forwardRef as forwardRef108, useId as useId35 } from "react";
-import { jsx as jsx110, jsxs as jsxs92 } from "react/jsx-runtime";
-var BlockAppShell = forwardRef108(function BlockAppShell2({ sidebar, header, breadcrumbs, toggleId, height, className, style, children, ...rest }, ref) {
+import { forwardRef as forwardRef111, useId as useId35 } from "react";
+import { jsx as jsx113, jsxs as jsxs92 } from "react/jsx-runtime";
+var BlockAppShell = forwardRef111(function BlockAppShell2({ sidebar, header, breadcrumbs, toggleId, height, className, style, children, ...rest }, ref) {
   const auto = useId35();
   const id = toggleId ?? `oc-shell-toggle-${auto.replace(/:/g, "")}`;
   return /* @__PURE__ */ jsxs92(
@@ -3937,14 +3972,14 @@ var BlockAppShell = forwardRef108(function BlockAppShell2({ sidebar, header, bre
       style: height ? { "--oc-block-shell-height": height, ...style } : style,
       ...rest,
       children: [
-        /* @__PURE__ */ jsx110("input", { className: "oc-block-shell-toggle", type: "checkbox", id, "aria-label": "Collapse sidebar" }),
+        /* @__PURE__ */ jsx113("input", { className: "oc-block-shell-toggle", type: "checkbox", id, "aria-label": "Collapse sidebar" }),
         sidebar,
         /* @__PURE__ */ jsxs92("div", { className: "oc-block-shell-main", children: [
           header,
-          breadcrumbs && /* @__PURE__ */ jsx110("div", { className: "oc-block-shell-breadcrumbs", children: /* @__PURE__ */ jsx110("nav", { "aria-label": "Breadcrumb", children: /* @__PURE__ */ jsx110("ol", { className: "oc-breadcrumb", children: breadcrumbs.map(
-            (item, i) => item.href && i < breadcrumbs.length - 1 ? /* @__PURE__ */ jsx110("li", { className: "oc-breadcrumb-item", children: /* @__PURE__ */ jsx110("a", { href: item.href, children: item.label }) }, i) : /* @__PURE__ */ jsx110("li", { className: "oc-breadcrumb-item", "aria-current": "page", children: item.label }, i)
+          breadcrumbs && /* @__PURE__ */ jsx113("div", { className: "oc-block-shell-breadcrumbs", children: /* @__PURE__ */ jsx113("nav", { "aria-label": "Breadcrumb", children: /* @__PURE__ */ jsx113("ol", { className: "oc-breadcrumb", children: breadcrumbs.map(
+            (item, i) => item.href && i < breadcrumbs.length - 1 ? /* @__PURE__ */ jsx113("li", { className: "oc-breadcrumb-item", children: /* @__PURE__ */ jsx113("a", { href: item.href, children: item.label }) }, i) : /* @__PURE__ */ jsx113("li", { className: "oc-breadcrumb-item", "aria-current": "page", children: item.label }, i)
           ) }) }) }),
-          /* @__PURE__ */ jsx110("main", { className: "oc-block-shell-content", children })
+          /* @__PURE__ */ jsx113("main", { className: "oc-block-shell-content", children })
         ] })
       ]
     }
@@ -3952,9 +3987,9 @@ var BlockAppShell = forwardRef108(function BlockAppShell2({ sidebar, header, bre
 });
 
 // src/blocks/BlockAuth.tsx
-import { forwardRef as forwardRef109, useId as useId36 } from "react";
-import { Fragment as Fragment26, jsx as jsx111, jsxs as jsxs93 } from "react/jsx-runtime";
-var BlockAuth = forwardRef109(function BlockAuth2({ title = "Sign in", subtitle, submitLabel = "Sign in", socialLabel, dividerLabel = "or continue with", footer, onSubmit, onSocial, className, ...rest }, ref) {
+import { forwardRef as forwardRef112, useId as useId36 } from "react";
+import { Fragment as Fragment27, jsx as jsx114, jsxs as jsxs93 } from "react/jsx-runtime";
+var BlockAuth = forwardRef112(function BlockAuth2({ title = "Sign in", subtitle, submitLabel = "Sign in", socialLabel, dividerLabel = "or continue with", footer, onSubmit, onSocial, className, ...rest }, ref) {
   const id = useId36().replace(/:/g, "");
   const submit = (e) => {
     e.preventDefault();
@@ -3963,30 +3998,30 @@ var BlockAuth = forwardRef109(function BlockAuth2({ title = "Sign in", subtitle,
   };
   return /* @__PURE__ */ jsxs93("div", { ref, className: cx("oc-block-auth", className), ...rest, children: [
     /* @__PURE__ */ jsxs93("form", { className: "oc-block-auth-card", onSubmit: submit, children: [
-      /* @__PURE__ */ jsx111("h2", { children: title }),
-      subtitle != null && /* @__PURE__ */ jsx111("p", { className: "oc-block-subtitle", children: subtitle }),
+      /* @__PURE__ */ jsx114("h2", { children: title }),
+      subtitle != null && /* @__PURE__ */ jsx114("p", { className: "oc-block-subtitle", children: subtitle }),
       /* @__PURE__ */ jsxs93("div", { className: "oc-form-group", children: [
-        /* @__PURE__ */ jsx111("label", { className: "oc-label", htmlFor: `${id}-email`, children: "Email" }),
-        /* @__PURE__ */ jsx111("input", { className: "oc-input", id: `${id}-email`, name: "email", type: "email", placeholder: "name@company.com" })
+        /* @__PURE__ */ jsx114("label", { className: "oc-label", htmlFor: `${id}-email`, children: "Email" }),
+        /* @__PURE__ */ jsx114("input", { className: "oc-input", id: `${id}-email`, name: "email", type: "email", placeholder: "name@company.com" })
       ] }),
       /* @__PURE__ */ jsxs93("div", { className: "oc-form-group", children: [
-        /* @__PURE__ */ jsx111("label", { className: "oc-label", htmlFor: `${id}-password`, children: "Password" }),
-        /* @__PURE__ */ jsx111("input", { className: "oc-input", id: `${id}-password`, name: "password", type: "password", placeholder: "********" })
+        /* @__PURE__ */ jsx114("label", { className: "oc-label", htmlFor: `${id}-password`, children: "Password" }),
+        /* @__PURE__ */ jsx114("input", { className: "oc-input", id: `${id}-password`, name: "password", type: "password", placeholder: "********" })
       ] }),
-      /* @__PURE__ */ jsx111("button", { className: "oc-btn", type: "submit", style: { width: "100%" }, children: submitLabel }),
-      socialLabel != null && /* @__PURE__ */ jsxs93(Fragment26, { children: [
-        /* @__PURE__ */ jsx111("div", { className: "oc-block-auth-divider", children: dividerLabel }),
-        /* @__PURE__ */ jsx111("button", { className: "oc-btn oc-btn--outline", type: "button", style: { width: "100%" }, onClick: onSocial, children: socialLabel })
+      /* @__PURE__ */ jsx114("button", { className: "oc-btn", type: "submit", style: { width: "100%" }, children: submitLabel }),
+      socialLabel != null && /* @__PURE__ */ jsxs93(Fragment27, { children: [
+        /* @__PURE__ */ jsx114("div", { className: "oc-block-auth-divider", children: dividerLabel }),
+        /* @__PURE__ */ jsx114("button", { className: "oc-btn oc-btn--outline", type: "button", style: { width: "100%" }, onClick: onSocial, children: socialLabel })
       ] })
     ] }),
-    footer != null && /* @__PURE__ */ jsx111("div", { className: "oc-block-auth-footer", children: footer })
+    footer != null && /* @__PURE__ */ jsx114("div", { className: "oc-block-auth-footer", children: footer })
   ] });
 });
 
 // src/blocks/BlockAuthSplit.tsx
-import { forwardRef as forwardRef110, useId as useId37 } from "react";
-import { jsx as jsx112, jsxs as jsxs94 } from "react/jsx-runtime";
-var BlockAuthSplit = forwardRef110(function BlockAuthSplit2({
+import { forwardRef as forwardRef113, useId as useId37 } from "react";
+import { jsx as jsx115, jsxs as jsxs94 } from "react/jsx-runtime";
+var BlockAuthSplit = forwardRef113(function BlockAuthSplit2({
   logo,
   logoHref = "#",
   quote,
@@ -4013,58 +4048,58 @@ var BlockAuthSplit = forwardRef110(function BlockAuthSplit2({
   };
   return /* @__PURE__ */ jsxs94("div", { ref, className: cx("oc-block-authsplit", className), ...rest, children: [
     /* @__PURE__ */ jsxs94("aside", { className: "oc-block-authsplit-brand", children: [
-      logo != null && /* @__PURE__ */ jsx112("a", { className: "oc-block-authsplit-logo", href: logoHref, children: logo }),
+      logo != null && /* @__PURE__ */ jsx115("a", { className: "oc-block-authsplit-logo", href: logoHref, children: logo }),
       quote != null && /* @__PURE__ */ jsxs94("blockquote", { className: "oc-block-authsplit-quote", children: [
-        /* @__PURE__ */ jsx112("p", { children: quote }),
-        quoteAuthor != null && /* @__PURE__ */ jsx112("footer", { children: quoteAuthor })
+        /* @__PURE__ */ jsx115("p", { children: quote }),
+        quoteAuthor != null && /* @__PURE__ */ jsx115("footer", { children: quoteAuthor })
       ] })
     ] }),
-    /* @__PURE__ */ jsx112("div", { className: "oc-block-authsplit-form", children: /* @__PURE__ */ jsxs94("form", { className: "oc-block-authsplit-card", onSubmit: submit, children: [
-      /* @__PURE__ */ jsx112("h1", { className: "oc-block-authsplit-title", children: title }),
-      subtitle != null && /* @__PURE__ */ jsx112("p", { className: "oc-block-authsplit-subtitle", children: subtitle }),
+    /* @__PURE__ */ jsx115("div", { className: "oc-block-authsplit-form", children: /* @__PURE__ */ jsxs94("form", { className: "oc-block-authsplit-card", onSubmit: submit, children: [
+      /* @__PURE__ */ jsx115("h1", { className: "oc-block-authsplit-title", children: title }),
+      subtitle != null && /* @__PURE__ */ jsx115("p", { className: "oc-block-authsplit-subtitle", children: subtitle }),
       /* @__PURE__ */ jsxs94("div", { className: "oc-block-authsplit-fields", children: [
         /* @__PURE__ */ jsxs94("div", { className: "oc-field", children: [
-          /* @__PURE__ */ jsx112("label", { className: "oc-field-label", htmlFor: `${id}-email`, children: "E-mail" }),
-          /* @__PURE__ */ jsx112("input", { className: "oc-input", id: `${id}-email`, name: "email", type: "email", autoComplete: "username", placeholder: "name@company.com", required: true })
+          /* @__PURE__ */ jsx115("label", { className: "oc-field-label", htmlFor: `${id}-email`, children: "E-mail" }),
+          /* @__PURE__ */ jsx115("input", { className: "oc-input", id: `${id}-email`, name: "email", type: "email", autoComplete: "username", placeholder: "name@company.com", required: true })
         ] }),
         /* @__PURE__ */ jsxs94("div", { className: "oc-field", children: [
-          /* @__PURE__ */ jsx112("label", { className: "oc-field-label", htmlFor: `${id}-password`, children: "Password" }),
-          /* @__PURE__ */ jsx112(PasswordInput, { id: `${id}-password`, name: "password", required: true })
+          /* @__PURE__ */ jsx115("label", { className: "oc-field-label", htmlFor: `${id}-password`, children: "Password" }),
+          /* @__PURE__ */ jsx115(PasswordInput, { id: `${id}-password`, name: "password", required: true })
         ] }),
         /* @__PURE__ */ jsxs94("div", { className: "oc-block-authsplit-row", children: [
           /* @__PURE__ */ jsxs94("label", { children: [
-            /* @__PURE__ */ jsx112("input", { className: "oc-checkbox", type: "checkbox", name: "remember" }),
+            /* @__PURE__ */ jsx115("input", { className: "oc-checkbox", type: "checkbox", name: "remember" }),
             " ",
             rememberLabel
           ] }),
-          /* @__PURE__ */ jsx112("a", { className: "oc-link", href: forgotHref, children: forgotLabel })
+          /* @__PURE__ */ jsx115("a", { className: "oc-link", href: forgotHref, children: forgotLabel })
         ] }),
-        /* @__PURE__ */ jsx112("button", { className: "oc-btn", type: "submit", style: { width: "100%" }, children: submitLabel })
+        /* @__PURE__ */ jsx115("button", { className: "oc-btn", type: "submit", style: { width: "100%" }, children: submitLabel })
       ] })
     ] }) })
   ] });
 });
 
 // src/blocks/BlockContactGrid.tsx
-import { forwardRef as forwardRef111, useId as useId38 } from "react";
-import { jsx as jsx113, jsxs as jsxs95 } from "react/jsx-runtime";
-var BlockContactGrid = forwardRef111(function BlockContactGrid2({ eyebrow, title, lead, cards, plain = false, className, ...rest }, ref) {
+import { forwardRef as forwardRef114, useId as useId38 } from "react";
+import { jsx as jsx116, jsxs as jsxs95 } from "react/jsx-runtime";
+var BlockContactGrid = forwardRef114(function BlockContactGrid2({ eyebrow, title, lead, cards, plain = false, className, ...rest }, ref) {
   const titleId = `oc-contact-title-${useId38().replace(/[^\w-]/g, "")}`;
   return /* @__PURE__ */ jsxs95("section", { ref, className: cx("oc-block-contact", plain && "oc-block-contact--plain", className), "aria-labelledby": title != null ? titleId : void 0, ...rest, children: [
     (eyebrow != null || title != null || lead != null) && /* @__PURE__ */ jsxs95("div", { className: "oc-block-contact-head", children: [
-      eyebrow != null && /* @__PURE__ */ jsx113("p", { className: "oc-eyebrow", children: eyebrow }),
-      title != null && /* @__PURE__ */ jsx113("h2", { className: "oc-block-contact-heading", id: titleId, children: title }),
-      lead != null && /* @__PURE__ */ jsx113("p", { className: "oc-block-contact-lead", children: lead })
+      eyebrow != null && /* @__PURE__ */ jsx116("p", { className: "oc-eyebrow", children: eyebrow }),
+      title != null && /* @__PURE__ */ jsx116("h2", { className: "oc-block-contact-heading", id: titleId, children: title }),
+      lead != null && /* @__PURE__ */ jsx116("p", { className: "oc-block-contact-lead", children: lead })
     ] }),
-    /* @__PURE__ */ jsx113("div", { className: "oc-block-contact-grid", children: cards.map((card, i) => {
+    /* @__PURE__ */ jsx116("div", { className: "oc-block-contact-grid", children: cards.map((card, i) => {
       const Card2 = card.address ? "address" : "article";
       const Title = card.address ? "span" : "h3";
       const Line = card.address ? "span" : "p";
       return /* @__PURE__ */ jsxs95(Card2, { className: "oc-block-contact-card", children: [
-        card.icon != null && /* @__PURE__ */ jsx113("span", { className: cx("oc-product-mark oc-product-mark--sm oc-product-mark--soft", card.accent && `oc-accent--${card.accent}`), "aria-hidden": "true", children: card.icon }),
-        /* @__PURE__ */ jsx113(Title, { className: "oc-block-contact-title", children: card.title }),
+        card.icon != null && /* @__PURE__ */ jsx116("span", { className: cx("oc-product-mark oc-product-mark--sm oc-product-mark--soft", card.accent && `oc-accent--${card.accent}`), "aria-hidden": "true", children: card.icon }),
+        /* @__PURE__ */ jsx116(Title, { className: "oc-block-contact-title", children: card.title }),
         card.lines.map(
-          (line, j) => line.href ? /* @__PURE__ */ jsx113("a", { className: "oc-block-contact-line", href: line.href, children: line.text }, j) : /* @__PURE__ */ jsx113(Line, { className: "oc-block-contact-line", children: line.text }, j)
+          (line, j) => line.href ? /* @__PURE__ */ jsx116("a", { className: "oc-block-contact-line", href: line.href, children: line.text }, j) : /* @__PURE__ */ jsx116(Line, { className: "oc-block-contact-line", children: line.text }, j)
         )
       ] }, i);
     }) })
@@ -4072,160 +4107,160 @@ var BlockContactGrid = forwardRef111(function BlockContactGrid2({ eyebrow, title
 });
 
 // src/blocks/BlockCta.tsx
-import { forwardRef as forwardRef112 } from "react";
-import { jsx as jsx114, jsxs as jsxs96 } from "react/jsx-runtime";
-var BlockCta = forwardRef112(function BlockCta2({ title, description, actions, className, ...rest }, ref) {
+import { forwardRef as forwardRef115 } from "react";
+import { jsx as jsx117, jsxs as jsxs96 } from "react/jsx-runtime";
+var BlockCta = forwardRef115(function BlockCta2({ title, description, actions, className, ...rest }, ref) {
   return /* @__PURE__ */ jsxs96("div", { ref, className: cx("oc-block-cta", className), ...rest, children: [
-    /* @__PURE__ */ jsx114("h2", { children: title }),
-    description != null && /* @__PURE__ */ jsx114("p", { children: description }),
-    actions != null && /* @__PURE__ */ jsx114("div", { className: "oc-block-hero-actions", children: actions })
+    /* @__PURE__ */ jsx117("h2", { children: title }),
+    description != null && /* @__PURE__ */ jsx117("p", { children: description }),
+    actions != null && /* @__PURE__ */ jsx117("div", { className: "oc-block-hero-actions", children: actions })
   ] });
 });
 
 // src/blocks/BlockDataTable.tsx
-import { forwardRef as forwardRef113 } from "react";
-import { jsx as jsx115, jsxs as jsxs97 } from "react/jsx-runtime";
-var BlockDataTable = forwardRef113(function BlockDataTable2({ title, description, actions, toolbar, bulk, footer, className, children, ...rest }, ref) {
+import { forwardRef as forwardRef116 } from "react";
+import { jsx as jsx118, jsxs as jsxs97 } from "react/jsx-runtime";
+var BlockDataTable = forwardRef116(function BlockDataTable2({ title, description, actions, toolbar, bulk, footer, className, children, ...rest }, ref) {
   return /* @__PURE__ */ jsxs97("section", { ref, className: cx("oc-card oc-block-datatable", className), ...rest, children: [
     /* @__PURE__ */ jsxs97("header", { className: "oc-block-datatable-head", children: [
       /* @__PURE__ */ jsxs97("div", { children: [
-        title != null && /* @__PURE__ */ jsx115("h2", { className: "oc-block-datatable-title", children: title }),
-        description != null && /* @__PURE__ */ jsx115("p", { className: "oc-block-datatable-description", children: description })
+        title != null && /* @__PURE__ */ jsx118("h2", { className: "oc-block-datatable-title", children: title }),
+        description != null && /* @__PURE__ */ jsx118("p", { className: "oc-block-datatable-description", children: description })
       ] }),
-      actions != null && /* @__PURE__ */ jsx115("div", { children: actions })
+      actions != null && /* @__PURE__ */ jsx118("div", { children: actions })
     ] }),
     /* @__PURE__ */ jsxs97("div", { className: "oc-block-datatable-body", children: [
-      toolbar != null && /* @__PURE__ */ jsx115("div", { className: "oc-table-toolbar", children: toolbar }),
-      bulk != null && /* @__PURE__ */ jsx115("div", { className: "oc-block-datatable-bulk", children: bulk }),
+      toolbar != null && /* @__PURE__ */ jsx118("div", { className: "oc-table-toolbar", children: toolbar }),
+      bulk != null && /* @__PURE__ */ jsx118("div", { className: "oc-block-datatable-bulk", children: bulk }),
       children,
-      footer != null && /* @__PURE__ */ jsx115("div", { className: "oc-table-footer", children: footer })
+      footer != null && /* @__PURE__ */ jsx118("div", { className: "oc-table-footer", children: footer })
     ] })
   ] });
 });
 function BlockDataTableSpacer() {
-  return /* @__PURE__ */ jsx115("span", { className: "oc-table-toolbar-spacer" });
+  return /* @__PURE__ */ jsx118("span", { className: "oc-table-toolbar-spacer" });
 }
 function FilterPills({ className, ...rest }) {
-  return /* @__PURE__ */ jsx115("div", { className: cx("oc-filter-pills", className), role: "group", ...rest });
+  return /* @__PURE__ */ jsx118("div", { className: cx("oc-filter-pills", className), role: "group", ...rest });
 }
 function FilterPill({ current, className, ...rest }) {
-  return /* @__PURE__ */ jsx115("a", { className: cx("oc-filter-pill", className), "aria-current": current ? "true" : void 0, ...rest });
+  return /* @__PURE__ */ jsx118("a", { className: cx("oc-filter-pill", className), "aria-current": current ? "true" : void 0, ...rest });
 }
 
 // src/blocks/BlockFaq.tsx
-import { forwardRef as forwardRef114, useId as useId39 } from "react";
-import { jsx as jsx116, jsxs as jsxs98 } from "react/jsx-runtime";
-var BlockFaq = forwardRef114(function BlockFaq2({ eyebrow, title, lead, items, openIndex = 0, more, split = false, name, className, ...rest }, ref) {
+import { forwardRef as forwardRef117, useId as useId39 } from "react";
+import { jsx as jsx119, jsxs as jsxs98 } from "react/jsx-runtime";
+var BlockFaq = forwardRef117(function BlockFaq2({ eyebrow, title, lead, items, openIndex = 0, more, split = false, name, className, ...rest }, ref) {
   const auto = useId39().replace(/[^\w-]/g, "");
   const group = name ?? `oc-faq-${auto}`;
   const titleId = `oc-faq-title-${auto}`;
-  return /* @__PURE__ */ jsx116("section", { ref, className: cx("oc-block-faq", split && "oc-block-faq--split", className), "aria-labelledby": titleId, ...rest, children: /* @__PURE__ */ jsxs98("div", { className: "oc-block-faq-inner", children: [
+  return /* @__PURE__ */ jsx119("section", { ref, className: cx("oc-block-faq", split && "oc-block-faq--split", className), "aria-labelledby": titleId, ...rest, children: /* @__PURE__ */ jsxs98("div", { className: "oc-block-faq-inner", children: [
     /* @__PURE__ */ jsxs98("div", { className: "oc-block-faq-head", children: [
-      eyebrow != null && /* @__PURE__ */ jsx116("p", { className: "oc-eyebrow", children: eyebrow }),
-      /* @__PURE__ */ jsx116("h2", { className: "oc-block-faq-title", id: titleId, children: title }),
-      lead != null && /* @__PURE__ */ jsx116("p", { className: "oc-block-faq-lead", children: lead })
+      eyebrow != null && /* @__PURE__ */ jsx119("p", { className: "oc-eyebrow", children: eyebrow }),
+      /* @__PURE__ */ jsx119("h2", { className: "oc-block-faq-title", id: titleId, children: title }),
+      lead != null && /* @__PURE__ */ jsx119("p", { className: "oc-block-faq-lead", children: lead })
     ] }),
-    /* @__PURE__ */ jsx116("div", { className: "oc-accordion oc-block-faq-list", children: items.map((item, i) => (
+    /* @__PURE__ */ jsx119("div", { className: "oc-accordion oc-block-faq-list", children: items.map((item, i) => (
       // "name" groups the items; React 19 passes it through, older versions too (unknown attribute on details).
       /* @__PURE__ */ jsxs98("details", { className: "oc-accordion-item", ...{ name: group }, open: i === openIndex || void 0, children: [
-        /* @__PURE__ */ jsx116("summary", { className: "oc-accordion-trigger", children: item.question }),
-        /* @__PURE__ */ jsx116("div", { className: "oc-accordion-content", children: item.answer })
+        /* @__PURE__ */ jsx119("summary", { className: "oc-accordion-trigger", children: item.question }),
+        /* @__PURE__ */ jsx119("div", { className: "oc-accordion-content", children: item.answer })
       ] }, i)
     )) }),
-    more != null && /* @__PURE__ */ jsx116("p", { className: "oc-block-faq-more", children: more })
+    more != null && /* @__PURE__ */ jsx119("p", { className: "oc-block-faq-more", children: more })
   ] }) });
 });
 
 // src/blocks/BlockFeatures.tsx
-import { forwardRef as forwardRef115 } from "react";
-import { jsx as jsx117, jsxs as jsxs99 } from "react/jsx-runtime";
-var BlockFeatures = forwardRef115(function BlockFeatures2({ title, description, features, className, ...rest }, ref) {
+import { forwardRef as forwardRef118 } from "react";
+import { jsx as jsx120, jsxs as jsxs99 } from "react/jsx-runtime";
+var BlockFeatures = forwardRef118(function BlockFeatures2({ title, description, features, className, ...rest }, ref) {
   return /* @__PURE__ */ jsxs99("div", { ref, className: cx("oc-block-features", className), ...rest, children: [
-    title != null && /* @__PURE__ */ jsx117("h2", { children: title }),
-    description != null && /* @__PURE__ */ jsx117("p", { children: description }),
-    /* @__PURE__ */ jsx117("div", { className: "oc-block-features-grid", children: features.map((f, i) => /* @__PURE__ */ jsxs99("div", { className: "oc-block-feature-card", children: [
-      f.icon != null && /* @__PURE__ */ jsx117("div", { className: "oc-block-feature-icon", children: f.icon }),
-      /* @__PURE__ */ jsx117("h3", { children: f.title }),
-      f.description != null && /* @__PURE__ */ jsx117("p", { children: f.description })
+    title != null && /* @__PURE__ */ jsx120("h2", { children: title }),
+    description != null && /* @__PURE__ */ jsx120("p", { children: description }),
+    /* @__PURE__ */ jsx120("div", { className: "oc-block-features-grid", children: features.map((f, i) => /* @__PURE__ */ jsxs99("div", { className: "oc-block-feature-card", children: [
+      f.icon != null && /* @__PURE__ */ jsx120("div", { className: "oc-block-feature-icon", children: f.icon }),
+      /* @__PURE__ */ jsx120("h3", { children: f.title }),
+      f.description != null && /* @__PURE__ */ jsx120("p", { children: f.description })
     ] }, i)) })
   ] });
 });
 
 // src/blocks/BlockFooter.tsx
-import { forwardRef as forwardRef116 } from "react";
-import { jsx as jsx118, jsxs as jsxs100 } from "react/jsx-runtime";
-var BlockFooter = forwardRef116(function BlockFooter2({ columns, copyright, credit, className, ...rest }, ref) {
+import { forwardRef as forwardRef119 } from "react";
+import { jsx as jsx121, jsxs as jsxs100 } from "react/jsx-runtime";
+var BlockFooter = forwardRef119(function BlockFooter2({ columns, copyright, credit, className, ...rest }, ref) {
   return /* @__PURE__ */ jsxs100("div", { ref, className: cx("oc-block-footer", className), ...rest, children: [
-    /* @__PURE__ */ jsx118("div", { className: "oc-block-footer-grid", children: columns.map((col, i) => /* @__PURE__ */ jsxs100("div", { className: "oc-block-footer-col", children: [
-      /* @__PURE__ */ jsx118("h4", { children: col.title }),
-      /* @__PURE__ */ jsx118("ul", { children: col.links.map((l, j) => /* @__PURE__ */ jsx118("li", { children: /* @__PURE__ */ jsx118("a", { href: l.href, children: l.label }) }, j)) })
+    /* @__PURE__ */ jsx121("div", { className: "oc-block-footer-grid", children: columns.map((col, i) => /* @__PURE__ */ jsxs100("div", { className: "oc-block-footer-col", children: [
+      /* @__PURE__ */ jsx121("h4", { children: col.title }),
+      /* @__PURE__ */ jsx121("ul", { children: col.links.map((l, j) => /* @__PURE__ */ jsx121("li", { children: /* @__PURE__ */ jsx121("a", { href: l.href, children: l.label }) }, j)) })
     ] }, i)) }),
     (copyright != null || credit != null) && /* @__PURE__ */ jsxs100("div", { className: "oc-block-footer-bottom", children: [
-      /* @__PURE__ */ jsx118("span", { children: copyright }),
-      /* @__PURE__ */ jsx118("span", { children: credit })
+      /* @__PURE__ */ jsx121("span", { children: copyright }),
+      /* @__PURE__ */ jsx121("span", { children: credit })
     ] })
   ] });
 });
 
 // src/blocks/BlockFormPage.tsx
-import { forwardRef as forwardRef117 } from "react";
-import { jsx as jsx119, jsxs as jsxs101 } from "react/jsx-runtime";
-var BlockFormPage = forwardRef117(function BlockFormPage2({ actions, className, children, ...rest }, ref) {
+import { forwardRef as forwardRef120 } from "react";
+import { jsx as jsx122, jsxs as jsxs101 } from "react/jsx-runtime";
+var BlockFormPage = forwardRef120(function BlockFormPage2({ actions, className, children, ...rest }, ref) {
   return /* @__PURE__ */ jsxs101("form", { ref, className: cx("oc-block-formpage", className), ...rest, children: [
     children,
-    actions != null && /* @__PURE__ */ jsx119("div", { className: "oc-block-formpage-actions", children: actions })
+    actions != null && /* @__PURE__ */ jsx122("div", { className: "oc-block-formpage-actions", children: actions })
   ] });
 });
 function BlockFormPageGrid({ className, ...rest }) {
-  return /* @__PURE__ */ jsx119("div", { className: cx("oc-block-formpage-grid", className), ...rest });
+  return /* @__PURE__ */ jsx122("div", { className: cx("oc-block-formpage-grid", className), ...rest });
 }
 
 // src/blocks/BlockHero.tsx
-import { forwardRef as forwardRef118 } from "react";
-import { jsx as jsx120, jsxs as jsxs102 } from "react/jsx-runtime";
-var BlockHero = forwardRef118(function BlockHero2({ badge, title, description, actions, className, ...rest }, ref) {
+import { forwardRef as forwardRef121 } from "react";
+import { jsx as jsx123, jsxs as jsxs102 } from "react/jsx-runtime";
+var BlockHero = forwardRef121(function BlockHero2({ badge, title, description, actions, className, ...rest }, ref) {
   return /* @__PURE__ */ jsxs102("div", { ref, className: cx("oc-block-hero", className), ...rest, children: [
-    badge != null && /* @__PURE__ */ jsx120("span", { className: "oc-block-hero-badge", children: badge }),
-    /* @__PURE__ */ jsx120("h1", { children: title }),
-    description != null && /* @__PURE__ */ jsx120("p", { children: description }),
-    actions != null && /* @__PURE__ */ jsx120("div", { className: "oc-block-hero-actions", children: actions })
+    badge != null && /* @__PURE__ */ jsx123("span", { className: "oc-block-hero-badge", children: badge }),
+    /* @__PURE__ */ jsx123("h1", { children: title }),
+    description != null && /* @__PURE__ */ jsx123("p", { children: description }),
+    actions != null && /* @__PURE__ */ jsx123("div", { className: "oc-block-hero-actions", children: actions })
   ] });
 });
 
 // src/blocks/BlockHeroCode.tsx
-import { forwardRef as forwardRef119 } from "react";
-import { jsx as jsx121, jsxs as jsxs103 } from "react/jsx-runtime";
+import { forwardRef as forwardRef122 } from "react";
+import { jsx as jsx124, jsxs as jsxs103 } from "react/jsx-runtime";
 var DEFAULT_TILES = [
   { glyph: "\u25C6", accent: "green", style: { inset: "-0.5rem auto auto 8%" } },
   { glyph: "\u25C9", accent: "violet", style: { inset: "0 6% auto auto", animationDelay: "-2s" } },
   { glyph: "\u25B2", accent: "orange", style: { inset: "auto 10% -0.5rem auto", animationDelay: "-4s" } }
 ];
-var BlockHeroCode = forwardRef119(function BlockHeroCode2({ eyebrow, title, lead, actions, codeTitle, code, tiles = DEFAULT_TILES, className, ...rest }, ref) {
-  return /* @__PURE__ */ jsx121("section", { ref, className: cx("oc-section-pad", className), ...rest, children: /* @__PURE__ */ jsxs103("div", { className: "oc-container oc-split", children: [
+var BlockHeroCode = forwardRef122(function BlockHeroCode2({ eyebrow, title, lead, actions, codeTitle, code, tiles = DEFAULT_TILES, className, ...rest }, ref) {
+  return /* @__PURE__ */ jsx124("section", { ref, className: cx("oc-section-pad", className), ...rest, children: /* @__PURE__ */ jsxs103("div", { className: "oc-container oc-split", children: [
     /* @__PURE__ */ jsxs103("div", { children: [
-      eyebrow != null && /* @__PURE__ */ jsx121("p", { className: "oc-eyebrow", children: eyebrow }),
-      /* @__PURE__ */ jsx121("h1", { className: "oc-display", children: title }),
-      lead != null && /* @__PURE__ */ jsx121("p", { className: "oc-lead", children: lead }),
-      actions != null && /* @__PURE__ */ jsx121("div", { className: "flex flex-wrap gap-1 mt-2", children: actions })
+      eyebrow != null && /* @__PURE__ */ jsx124("p", { className: "oc-eyebrow", children: eyebrow }),
+      /* @__PURE__ */ jsx124("h1", { className: "oc-display", children: title }),
+      lead != null && /* @__PURE__ */ jsx124("p", { className: "oc-lead", children: lead }),
+      actions != null && /* @__PURE__ */ jsx124("div", { className: "flex flex-wrap gap-1 mt-2", children: actions })
     ] }),
     /* @__PURE__ */ jsxs103("div", { className: "relative p-2", children: [
-      tiles.map((tile, i) => /* @__PURE__ */ jsx121("span", { className: `oc-icon-tile oc-icon-tile--float oc-accent--${tile.accent} absolute`, style: tile.style, "aria-hidden": "true", children: tile.glyph }, i)),
+      tiles.map((tile, i) => /* @__PURE__ */ jsx124("span", { className: `oc-icon-tile oc-icon-tile--float oc-accent--${tile.accent} absolute`, style: tile.style, "aria-hidden": "true", children: tile.glyph }, i)),
       /* @__PURE__ */ jsxs103("div", { className: "oc-code-window", children: [
         /* @__PURE__ */ jsxs103("div", { className: "oc-code-window__bar", children: [
-          /* @__PURE__ */ jsx121("i", {}),
-          /* @__PURE__ */ jsx121("i", {}),
-          /* @__PURE__ */ jsx121("i", {}),
-          codeTitle != null && /* @__PURE__ */ jsx121("span", { className: "oc-code-window__title", children: codeTitle })
+          /* @__PURE__ */ jsx124("i", {}),
+          /* @__PURE__ */ jsx124("i", {}),
+          /* @__PURE__ */ jsx124("i", {}),
+          codeTitle != null && /* @__PURE__ */ jsx124("span", { className: "oc-code-window__title", children: codeTitle })
         ] }),
-        /* @__PURE__ */ jsx121("pre", { className: "oc-code-window__body", children: code })
+        /* @__PURE__ */ jsx124("pre", { className: "oc-code-window__body", children: code })
       ] })
     ] })
   ] }) });
 });
 
 // src/blocks/BlockHeroOrbit.tsx
-import { forwardRef as forwardRef120 } from "react";
-import { jsx as jsx122, jsxs as jsxs104 } from "react/jsx-runtime";
+import { forwardRef as forwardRef123 } from "react";
+import { jsx as jsx125, jsxs as jsxs104 } from "react/jsx-runtime";
 var DEFAULT_MARKS = [
   { glyph: "\u25C6", accent: "green" },
   { glyph: "\u25C9", accent: "violet" },
@@ -4234,303 +4269,303 @@ var DEFAULT_MARKS = [
   { glyph: "\u2665", accent: "red" },
   { glyph: "\u2600", accent: "yellow" }
 ];
-var BlockHeroOrbit = forwardRef120(function BlockHeroOrbit2({ eyebrow, title, lead, actions, marks = DEFAULT_MARKS, codeTitle, code = "", center, duration, className, ...rest }, ref) {
+var BlockHeroOrbit = forwardRef123(function BlockHeroOrbit2({ eyebrow, title, lead, actions, marks = DEFAULT_MARKS, codeTitle, code = "", center, duration, className, ...rest }, ref) {
   const visualStyle = duration ? { "--oc-orbit-duration": duration } : void 0;
-  return /* @__PURE__ */ jsx122("section", { ref, className: cx("oc-block-orbit oc-section-pad", className), ...rest, children: /* @__PURE__ */ jsxs104("div", { className: "oc-container oc-split", children: [
+  return /* @__PURE__ */ jsx125("section", { ref, className: cx("oc-block-orbit oc-section-pad", className), ...rest, children: /* @__PURE__ */ jsxs104("div", { className: "oc-container oc-split", children: [
     /* @__PURE__ */ jsxs104("div", { children: [
-      eyebrow != null && /* @__PURE__ */ jsx122("p", { className: "oc-eyebrow", children: eyebrow }),
-      /* @__PURE__ */ jsx122("h1", { className: "oc-display", children: title }),
-      lead != null && /* @__PURE__ */ jsx122("p", { className: "oc-lead", children: lead }),
-      actions != null && /* @__PURE__ */ jsx122("div", { className: "flex flex-wrap gap-1 mt-2", children: actions })
+      eyebrow != null && /* @__PURE__ */ jsx125("p", { className: "oc-eyebrow", children: eyebrow }),
+      /* @__PURE__ */ jsx125("h1", { className: "oc-display", children: title }),
+      lead != null && /* @__PURE__ */ jsx125("p", { className: "oc-lead", children: lead }),
+      actions != null && /* @__PURE__ */ jsx125("div", { className: "flex flex-wrap gap-1 mt-2", children: actions })
     ] }),
     /* @__PURE__ */ jsxs104("div", { className: "oc-block-orbit-visual", style: visualStyle, children: [
-      /* @__PURE__ */ jsx122("div", { className: "oc-block-orbit-ring", "aria-hidden": "true", children: marks.map((mark, i) => /* @__PURE__ */ jsx122("span", { className: "oc-block-orbit-mark", style: { "--oc-orbit-angle": `${360 / marks.length * i}deg` }, children: /* @__PURE__ */ jsx122("span", { className: `oc-product-mark oc-product-mark--sm oc-accent--${mark.accent}`, children: mark.glyph }) }, i)) }),
+      /* @__PURE__ */ jsx125("div", { className: "oc-block-orbit-ring", "aria-hidden": "true", children: marks.map((mark, i) => /* @__PURE__ */ jsx125("span", { className: "oc-block-orbit-mark", style: { "--oc-orbit-angle": `${360 / marks.length * i}deg` }, children: /* @__PURE__ */ jsx125("span", { className: `oc-product-mark oc-product-mark--sm oc-accent--${mark.accent}`, children: mark.glyph }) }, i)) }),
       center ?? /* @__PURE__ */ jsxs104("div", { className: "oc-code-window oc-block-orbit-center", children: [
         /* @__PURE__ */ jsxs104("div", { className: "oc-code-window__bar", children: [
-          /* @__PURE__ */ jsx122("i", {}),
-          /* @__PURE__ */ jsx122("i", {}),
-          /* @__PURE__ */ jsx122("i", {}),
-          codeTitle != null && /* @__PURE__ */ jsx122("span", { className: "oc-code-window__title", children: codeTitle })
+          /* @__PURE__ */ jsx125("i", {}),
+          /* @__PURE__ */ jsx125("i", {}),
+          /* @__PURE__ */ jsx125("i", {}),
+          codeTitle != null && /* @__PURE__ */ jsx125("span", { className: "oc-code-window__title", children: codeTitle })
         ] }),
-        /* @__PURE__ */ jsx122("pre", { className: "oc-code-window__body", children: code })
+        /* @__PURE__ */ jsx125("pre", { className: "oc-code-window__body", children: code })
       ] })
     ] })
   ] }) });
 });
 
 // src/blocks/BlockHeroSplit.tsx
-import { forwardRef as forwardRef121 } from "react";
-import { jsx as jsx123, jsxs as jsxs105 } from "react/jsx-runtime";
-var BlockHeroSplit = forwardRef121(function BlockHeroSplit2({ title, description, actions, visual, className, ...rest }, ref) {
+import { forwardRef as forwardRef124 } from "react";
+import { jsx as jsx126, jsxs as jsxs105 } from "react/jsx-runtime";
+var BlockHeroSplit = forwardRef124(function BlockHeroSplit2({ title, description, actions, visual, className, ...rest }, ref) {
   return /* @__PURE__ */ jsxs105("div", { ref, className: cx("oc-block-hero-split", className), ...rest, children: [
     /* @__PURE__ */ jsxs105("div", { children: [
-      /* @__PURE__ */ jsx123("h1", { children: title }),
-      description != null && /* @__PURE__ */ jsx123("p", { children: description }),
-      actions != null && /* @__PURE__ */ jsx123("div", { className: "oc-block-hero-actions justify-start", children: actions })
+      /* @__PURE__ */ jsx126("h1", { children: title }),
+      description != null && /* @__PURE__ */ jsx126("p", { children: description }),
+      actions != null && /* @__PURE__ */ jsx126("div", { className: "oc-block-hero-actions justify-start", children: actions })
     ] }),
-    /* @__PURE__ */ jsx123("div", { className: "oc-block-hero-visual", children: visual })
+    /* @__PURE__ */ jsx126("div", { className: "oc-block-hero-visual", children: visual })
   ] });
 });
 
 // src/blocks/BlockModuleHeader.tsx
-import { forwardRef as forwardRef122 } from "react";
-import { jsx as jsx124, jsxs as jsxs106 } from "react/jsx-runtime";
-var BlockModuleHeader = forwardRef122(function BlockModuleHeader2({ icon, title, intro, meta, actions, className, ...rest }, ref) {
+import { forwardRef as forwardRef125 } from "react";
+import { jsx as jsx127, jsxs as jsxs106 } from "react/jsx-runtime";
+var BlockModuleHeader = forwardRef125(function BlockModuleHeader2({ icon, title, intro, meta, actions, className, ...rest }, ref) {
   return /* @__PURE__ */ jsxs106("header", { ref, className: cx("oc-block-modulehead", className), ...rest, children: [
     /* @__PURE__ */ jsxs106("div", { className: "oc-block-modulehead-band", children: [
-      icon != null && /* @__PURE__ */ jsx124("span", { className: "oc-block-modulehead-icon", "aria-hidden": "true", children: icon }),
+      icon != null && /* @__PURE__ */ jsx127("span", { className: "oc-block-modulehead-icon", "aria-hidden": "true", children: icon }),
       /* @__PURE__ */ jsxs106("div", { className: "oc-block-modulehead-body", children: [
-        /* @__PURE__ */ jsx124("h1", { className: "oc-block-modulehead-title", children: title }),
-        intro != null && /* @__PURE__ */ jsx124("p", { className: "oc-block-modulehead-intro", children: intro }),
-        meta != null && /* @__PURE__ */ jsx124("div", { className: "oc-block-modulehead-meta", children: meta })
+        /* @__PURE__ */ jsx127("h1", { className: "oc-block-modulehead-title", children: title }),
+        intro != null && /* @__PURE__ */ jsx127("p", { className: "oc-block-modulehead-intro", children: intro }),
+        meta != null && /* @__PURE__ */ jsx127("div", { className: "oc-block-modulehead-meta", children: meta })
       ] })
     ] }),
-    actions != null && /* @__PURE__ */ jsx124("div", { className: "oc-block-modulehead-actions", children: actions })
+    actions != null && /* @__PURE__ */ jsx127("div", { className: "oc-block-modulehead-actions", children: actions })
   ] });
 });
 
 // src/blocks/BlockPageHero.tsx
-import { forwardRef as forwardRef123 } from "react";
-import { jsx as jsx125, jsxs as jsxs107 } from "react/jsx-runtime";
-var BlockPageHero = forwardRef123(function BlockPageHero2({ eyebrow, title, description, actions, className, ...rest }, ref) {
+import { forwardRef as forwardRef126 } from "react";
+import { jsx as jsx128, jsxs as jsxs107 } from "react/jsx-runtime";
+var BlockPageHero = forwardRef126(function BlockPageHero2({ eyebrow, title, description, actions, className, ...rest }, ref) {
   return /* @__PURE__ */ jsxs107("section", { ref, className: cx("oc-hero", className), ...rest, children: [
-    eyebrow != null && /* @__PURE__ */ jsx125("span", { className: "oc-hero-eyebrow", children: eyebrow }),
-    /* @__PURE__ */ jsx125("h1", { className: "oc-hero-title", children: title }),
-    description != null && /* @__PURE__ */ jsx125("p", { className: "oc-hero-text", children: description }),
-    actions != null && /* @__PURE__ */ jsx125("div", { className: "oc-hero-actions", children: actions })
+    eyebrow != null && /* @__PURE__ */ jsx128("span", { className: "oc-hero-eyebrow", children: eyebrow }),
+    /* @__PURE__ */ jsx128("h1", { className: "oc-hero-title", children: title }),
+    description != null && /* @__PURE__ */ jsx128("p", { className: "oc-hero-text", children: description }),
+    actions != null && /* @__PURE__ */ jsx128("div", { className: "oc-hero-actions", children: actions })
   ] });
 });
 
 // src/blocks/BlockPortfolioGrid.tsx
-import { forwardRef as forwardRef124, useId as useId40 } from "react";
-import { jsx as jsx126, jsxs as jsxs108 } from "react/jsx-runtime";
-var BlockPortfolioGrid = forwardRef124(function BlockPortfolioGrid2({ eyebrow, title, lead, link, projects, two = false, className, ...rest }, ref) {
+import { forwardRef as forwardRef127, useId as useId40 } from "react";
+import { jsx as jsx129, jsxs as jsxs108 } from "react/jsx-runtime";
+var BlockPortfolioGrid = forwardRef127(function BlockPortfolioGrid2({ eyebrow, title, lead, link, projects, two = false, className, ...rest }, ref) {
   const titleId = `oc-portfolio-title-${useId40().replace(/[^\w-]/g, "")}`;
-  return /* @__PURE__ */ jsx126("section", { ref, className: cx("oc-block-portfolio oc-section-pad", two && "oc-block-portfolio--two", className), "aria-labelledby": titleId, ...rest, children: /* @__PURE__ */ jsxs108("div", { className: "oc-container", children: [
+  return /* @__PURE__ */ jsx129("section", { ref, className: cx("oc-block-portfolio oc-section-pad", two && "oc-block-portfolio--two", className), "aria-labelledby": titleId, ...rest, children: /* @__PURE__ */ jsxs108("div", { className: "oc-container", children: [
     /* @__PURE__ */ jsxs108("div", { className: "oc-block-portfolio-head", children: [
       /* @__PURE__ */ jsxs108("div", { children: [
-        eyebrow != null && /* @__PURE__ */ jsx126("p", { className: "oc-eyebrow", children: eyebrow }),
-        /* @__PURE__ */ jsx126("h2", { className: "oc-display oc-display--md", id: titleId, children: title }),
-        lead != null && /* @__PURE__ */ jsx126("p", { className: "oc-block-portfolio-lead", children: lead })
+        eyebrow != null && /* @__PURE__ */ jsx129("p", { className: "oc-eyebrow", children: eyebrow }),
+        /* @__PURE__ */ jsx129("h2", { className: "oc-display oc-display--md", id: titleId, children: title }),
+        lead != null && /* @__PURE__ */ jsx129("p", { className: "oc-block-portfolio-lead", children: lead })
       ] }),
       link
     ] }),
-    /* @__PURE__ */ jsx126("div", { className: "oc-block-portfolio-grid", children: projects.map(({ accent, className: cardClass, ...card }, i) => /* @__PURE__ */ jsx126(ProjectCard, { className: cx(accent && `oc-accent--${accent}`, cardClass), ...card }, i)) })
+    /* @__PURE__ */ jsx129("div", { className: "oc-block-portfolio-grid", children: projects.map(({ accent, className: cardClass, ...card }, i) => /* @__PURE__ */ jsx129(ProjectCard, { className: cx(accent && `oc-accent--${accent}`, cardClass), ...card }, i)) })
   ] }) });
 });
 
 // src/blocks/BlockPricing.tsx
-import { forwardRef as forwardRef125 } from "react";
-import { Fragment as Fragment27, jsx as jsx127, jsxs as jsxs109 } from "react/jsx-runtime";
-var BlockPricing = forwardRef125(function BlockPricing2({ title, description, plans, className, ...rest }, ref) {
+import { forwardRef as forwardRef128 } from "react";
+import { Fragment as Fragment28, jsx as jsx130, jsxs as jsxs109 } from "react/jsx-runtime";
+var BlockPricing = forwardRef128(function BlockPricing2({ title, description, plans, className, ...rest }, ref) {
   return /* @__PURE__ */ jsxs109("div", { ref, className: cx("oc-block-pricing", className), ...rest, children: [
-    title != null && /* @__PURE__ */ jsx127("h2", { children: title }),
-    description != null && /* @__PURE__ */ jsx127("p", { children: description }),
-    /* @__PURE__ */ jsx127("div", { className: "oc-block-pricing-grid", children: plans.map((plan, i) => {
+    title != null && /* @__PURE__ */ jsx130("h2", { children: title }),
+    description != null && /* @__PURE__ */ jsx130("p", { children: description }),
+    /* @__PURE__ */ jsx130("div", { className: "oc-block-pricing-grid", children: plans.map((plan, i) => {
       const variant = plan.featured ? "default" : "outline";
       return /* @__PURE__ */ jsxs109("div", { className: cx("oc-block-pricing-card", plan.featured && "oc-block-pricing-card--featured"), children: [
-        /* @__PURE__ */ jsx127("p", { className: "oc-block-pricing-name", children: plan.name }),
-        plan.description != null && /* @__PURE__ */ jsx127("p", { className: "oc-block-pricing-desc", children: plan.description }),
+        /* @__PURE__ */ jsx130("p", { className: "oc-block-pricing-name", children: plan.name }),
+        plan.description != null && /* @__PURE__ */ jsx130("p", { className: "oc-block-pricing-desc", children: plan.description }),
         /* @__PURE__ */ jsxs109("p", { className: "oc-block-pricing-price", children: [
           plan.price,
-          plan.period != null && /* @__PURE__ */ jsxs109(Fragment27, { children: [
+          plan.period != null && /* @__PURE__ */ jsxs109(Fragment28, { children: [
             " ",
-            /* @__PURE__ */ jsx127("span", { children: plan.period })
+            /* @__PURE__ */ jsx130("span", { children: plan.period })
           ] })
         ] }),
-        /* @__PURE__ */ jsx127("ul", { className: "oc-block-pricing-features", children: plan.features.map((f, j) => /* @__PURE__ */ jsx127("li", { children: f }, j)) }),
-        plan.href ? /* @__PURE__ */ jsx127(ButtonLink, { variant, href: plan.href, style: { width: "100%" }, children: plan.action }) : /* @__PURE__ */ jsx127(Button, { variant, style: { width: "100%" }, onClick: plan.onAction, children: plan.action })
+        /* @__PURE__ */ jsx130("ul", { className: "oc-block-pricing-features", children: plan.features.map((f, j) => /* @__PURE__ */ jsx130("li", { children: f }, j)) }),
+        plan.href ? /* @__PURE__ */ jsx130(ButtonLink, { variant, href: plan.href, style: { width: "100%" }, children: plan.action }) : /* @__PURE__ */ jsx130(Button, { variant, style: { width: "100%" }, onClick: plan.onAction, children: plan.action })
       ] }, i);
     }) })
   ] });
 });
 
 // src/blocks/BlockProcess.tsx
-import { forwardRef as forwardRef126 } from "react";
-import { jsx as jsx128, jsxs as jsxs110 } from "react/jsx-runtime";
-var BlockProcess = forwardRef126(function BlockProcess2({ eyebrow, title, steps, marquee, marqueeLabel = "Technologies", className, ...rest }, ref) {
-  return /* @__PURE__ */ jsx128("section", { ref, className: cx("oc-section-pad", className), ...rest, children: /* @__PURE__ */ jsxs110("div", { className: "oc-container", children: [
-    eyebrow != null && /* @__PURE__ */ jsx128("p", { className: "oc-eyebrow", children: eyebrow }),
-    /* @__PURE__ */ jsx128("h2", { className: "oc-display oc-display--md", children: title }),
-    /* @__PURE__ */ jsx128("ol", { className: "oc-steps", children: steps.map((s, i) => /* @__PURE__ */ jsxs110("li", { children: [
-      /* @__PURE__ */ jsx128("h3", { children: s.title }),
-      s.text != null && /* @__PURE__ */ jsx128("p", { children: s.text })
+import { forwardRef as forwardRef129 } from "react";
+import { jsx as jsx131, jsxs as jsxs110 } from "react/jsx-runtime";
+var BlockProcess = forwardRef129(function BlockProcess2({ eyebrow, title, steps, marquee, marqueeLabel = "Technologies", className, ...rest }, ref) {
+  return /* @__PURE__ */ jsx131("section", { ref, className: cx("oc-section-pad", className), ...rest, children: /* @__PURE__ */ jsxs110("div", { className: "oc-container", children: [
+    eyebrow != null && /* @__PURE__ */ jsx131("p", { className: "oc-eyebrow", children: eyebrow }),
+    /* @__PURE__ */ jsx131("h2", { className: "oc-display oc-display--md", children: title }),
+    /* @__PURE__ */ jsx131("ol", { className: "oc-steps", children: steps.map((s, i) => /* @__PURE__ */ jsxs110("li", { children: [
+      /* @__PURE__ */ jsx131("h3", { children: s.title }),
+      s.text != null && /* @__PURE__ */ jsx131("p", { children: s.text })
     ] }, i)) }),
-    marquee && marquee.length > 0 && /* @__PURE__ */ jsx128("div", { className: "oc-marquee mt-4", "aria-label": marqueeLabel, children: /* @__PURE__ */ jsxs110("div", { className: "oc-marquee__track", children: [
-      marquee.map((m) => /* @__PURE__ */ jsx128("span", { className: "oc-marquee__item", children: m }, m)),
-      marquee.map((m) => /* @__PURE__ */ jsx128("span", { className: "oc-marquee__item", "aria-hidden": "true", children: m }, `dup-${m}`))
+    marquee && marquee.length > 0 && /* @__PURE__ */ jsx131("div", { className: "oc-marquee mt-4", "aria-label": marqueeLabel, children: /* @__PURE__ */ jsxs110("div", { className: "oc-marquee__track", children: [
+      marquee.map((m) => /* @__PURE__ */ jsx131("span", { className: "oc-marquee__item", children: m }, m)),
+      marquee.map((m) => /* @__PURE__ */ jsx131("span", { className: "oc-marquee__item", "aria-hidden": "true", children: m }, `dup-${m}`))
     ] }) })
   ] }) });
 });
 
 // src/blocks/BlockProductGrid.tsx
-import { forwardRef as forwardRef127 } from "react";
-import { jsx as jsx129, jsxs as jsxs111 } from "react/jsx-runtime";
-var BlockProductGrid = forwardRef127(function BlockProductGrid2({ eyebrow, title, products, className, ...rest }, ref) {
-  return /* @__PURE__ */ jsx129("section", { ref, className: cx("oc-section-pad", className), ...rest, children: /* @__PURE__ */ jsxs111("div", { className: "oc-container", children: [
-    eyebrow != null && /* @__PURE__ */ jsx129("p", { className: "oc-eyebrow", children: eyebrow }),
-    /* @__PURE__ */ jsx129("h2", { className: "oc-display oc-display--md", children: title }),
-    /* @__PURE__ */ jsx129("div", { className: "oc-card-grid", children: products.map((p, i) => /* @__PURE__ */ jsxs111("a", { className: cx("oc-product-card", p.accent && `oc-accent--${p.accent}`), href: p.href, children: [
+import { forwardRef as forwardRef130 } from "react";
+import { jsx as jsx132, jsxs as jsxs111 } from "react/jsx-runtime";
+var BlockProductGrid = forwardRef130(function BlockProductGrid2({ eyebrow, title, products, className, ...rest }, ref) {
+  return /* @__PURE__ */ jsx132("section", { ref, className: cx("oc-section-pad", className), ...rest, children: /* @__PURE__ */ jsxs111("div", { className: "oc-container", children: [
+    eyebrow != null && /* @__PURE__ */ jsx132("p", { className: "oc-eyebrow", children: eyebrow }),
+    /* @__PURE__ */ jsx132("h2", { className: "oc-display oc-display--md", children: title }),
+    /* @__PURE__ */ jsx132("div", { className: "oc-card-grid", children: products.map((p, i) => /* @__PURE__ */ jsxs111("a", { className: cx("oc-product-card", p.accent && `oc-accent--${p.accent}`), href: p.href, children: [
       /* @__PURE__ */ jsxs111("div", { className: "oc-product-card__top", children: [
-        p.icon != null && /* @__PURE__ */ jsx129("span", { className: "oc-icon-tile", "aria-hidden": "true", children: p.icon }),
-        p.pill != null && /* @__PURE__ */ jsx129("span", { className: "oc-pill", children: p.pill })
+        p.icon != null && /* @__PURE__ */ jsx132("span", { className: "oc-icon-tile", "aria-hidden": "true", children: p.icon }),
+        p.pill != null && /* @__PURE__ */ jsx132("span", { className: "oc-pill", children: p.pill })
       ] }),
-      /* @__PURE__ */ jsx129("h3", { className: "oc-product-card__name", children: p.name }),
-      p.tagline != null && /* @__PURE__ */ jsx129("p", { className: "oc-product-card__tagline", children: p.tagline }),
-      p.summary != null && /* @__PURE__ */ jsx129("p", { className: "oc-product-card__summary", children: p.summary }),
-      p.more != null && /* @__PURE__ */ jsx129("span", { className: "oc-product-card__more", children: p.more })
+      /* @__PURE__ */ jsx132("h3", { className: "oc-product-card__name", children: p.name }),
+      p.tagline != null && /* @__PURE__ */ jsx132("p", { className: "oc-product-card__tagline", children: p.tagline }),
+      p.summary != null && /* @__PURE__ */ jsx132("p", { className: "oc-product-card__summary", children: p.summary }),
+      p.more != null && /* @__PURE__ */ jsx132("span", { className: "oc-product-card__more", children: p.more })
     ] }, i)) })
   ] }) });
 });
 
 // src/blocks/BlockProfileHeader.tsx
-import { forwardRef as forwardRef128, useId as useId41 } from "react";
-import { jsx as jsx130, jsxs as jsxs112 } from "react/jsx-runtime";
-var BlockProfileHeader = forwardRef128(function BlockProfileHeader2({ name, meta, bio, avatar, banner, actions, tabs = [], tabsLabel = "Profile sections", compact = false, headingLevel = 1, className, ...rest }, ref) {
+import { forwardRef as forwardRef131, useId as useId41 } from "react";
+import { jsx as jsx133, jsxs as jsxs112 } from "react/jsx-runtime";
+var BlockProfileHeader = forwardRef131(function BlockProfileHeader2({ name, meta, bio, avatar, banner, actions, tabs = [], tabsLabel = "Profile sections", compact = false, headingLevel = 1, className, ...rest }, ref) {
   const nameId = `oc-profile-name-${useId41().replace(/[^\w-]/g, "")}`;
   const Heading3 = headingLevel === 1 ? "h1" : "h2";
   const bannerStyle = banner ? { "--oc-profile-banner": `url("${banner}")` } : void 0;
   return /* @__PURE__ */ jsxs112("section", { ref, className: cx("oc-block-profile", compact && "oc-block-profile--compact", className), "aria-labelledby": nameId, ...rest, children: [
-    /* @__PURE__ */ jsx130("div", { className: "oc-block-profile-banner", style: bannerStyle, "aria-hidden": "true" }),
+    /* @__PURE__ */ jsx133("div", { className: "oc-block-profile-banner", style: bannerStyle, "aria-hidden": "true" }),
     /* @__PURE__ */ jsxs112("div", { className: "oc-block-profile-bar", children: [
-      /* @__PURE__ */ jsx130("span", { className: "oc-avatar oc-block-profile-avatar", "aria-hidden": "true", children: avatar }),
+      /* @__PURE__ */ jsx133("span", { className: "oc-avatar oc-block-profile-avatar", "aria-hidden": "true", children: avatar }),
       /* @__PURE__ */ jsxs112("div", { className: "oc-block-profile-info", children: [
-        /* @__PURE__ */ jsx130(Heading3, { className: "oc-block-profile-name", id: nameId, children: name }),
-        meta != null && /* @__PURE__ */ jsx130("p", { className: "oc-block-profile-meta", children: meta }),
-        bio != null && /* @__PURE__ */ jsx130("p", { className: "oc-block-profile-bio", children: bio })
+        /* @__PURE__ */ jsx133(Heading3, { className: "oc-block-profile-name", id: nameId, children: name }),
+        meta != null && /* @__PURE__ */ jsx133("p", { className: "oc-block-profile-meta", children: meta }),
+        bio != null && /* @__PURE__ */ jsx133("p", { className: "oc-block-profile-bio", children: bio })
       ] }),
-      actions != null && /* @__PURE__ */ jsx130("div", { className: "oc-block-profile-actions", children: actions })
+      actions != null && /* @__PURE__ */ jsx133("div", { className: "oc-block-profile-actions", children: actions })
     ] }),
-    tabs.length > 0 && /* @__PURE__ */ jsx130("nav", { className: "oc-block-profile-tabs", "aria-label": tabsLabel, children: tabs.map((tab, i) => /* @__PURE__ */ jsx130("a", { className: "oc-block-profile-tab", href: tab.href, "aria-current": tab.current ? "page" : void 0, children: tab.label }, i)) })
+    tabs.length > 0 && /* @__PURE__ */ jsx133("nav", { className: "oc-block-profile-tabs", "aria-label": tabsLabel, children: tabs.map((tab, i) => /* @__PURE__ */ jsx133("a", { className: "oc-block-profile-tab", href: tab.href, "aria-current": tab.current ? "page" : void 0, children: tab.label }, i)) })
   ] });
 });
 
 // src/blocks/BlockShowcase.tsx
-import { forwardRef as forwardRef129 } from "react";
-import { jsx as jsx131, jsxs as jsxs113 } from "react/jsx-runtime";
-var BlockShowcase = forwardRef129(function BlockShowcase2({ eyebrow, title, projects, cardMin = "26rem", className, ...rest }, ref) {
-  return /* @__PURE__ */ jsx131("section", { ref, className: cx("oc-section-pad", className), ...rest, children: /* @__PURE__ */ jsxs113("div", { className: "oc-container", children: [
-    eyebrow != null && /* @__PURE__ */ jsx131("p", { className: "oc-eyebrow", children: eyebrow }),
-    /* @__PURE__ */ jsx131("h2", { className: "oc-display oc-display--md", children: title }),
-    /* @__PURE__ */ jsx131("div", { className: "oc-card-grid", style: { "--oc-card-min": cardMin }, children: projects.map((p, i) => /* @__PURE__ */ jsxs113("a", { className: cx("oc-product-card", p.accent && `oc-accent--${p.accent}`, "p-0 overflow-hidden"), href: p.href, children: [
+import { forwardRef as forwardRef132 } from "react";
+import { jsx as jsx134, jsxs as jsxs113 } from "react/jsx-runtime";
+var BlockShowcase = forwardRef132(function BlockShowcase2({ eyebrow, title, projects, cardMin = "26rem", className, ...rest }, ref) {
+  return /* @__PURE__ */ jsx134("section", { ref, className: cx("oc-section-pad", className), ...rest, children: /* @__PURE__ */ jsxs113("div", { className: "oc-container", children: [
+    eyebrow != null && /* @__PURE__ */ jsx134("p", { className: "oc-eyebrow", children: eyebrow }),
+    /* @__PURE__ */ jsx134("h2", { className: "oc-display oc-display--md", children: title }),
+    /* @__PURE__ */ jsx134("div", { className: "oc-card-grid", style: { "--oc-card-min": cardMin }, children: projects.map((p, i) => /* @__PURE__ */ jsxs113("a", { className: cx("oc-product-card", p.accent && `oc-accent--${p.accent}`, "p-0 overflow-hidden"), href: p.href, children: [
       /* @__PURE__ */ jsxs113("span", { className: "oc-browser-frame m-1", children: [
         /* @__PURE__ */ jsxs113("span", { className: "oc-browser-frame__bar", children: [
-          /* @__PURE__ */ jsx131("i", {}),
-          /* @__PURE__ */ jsx131("i", {}),
-          /* @__PURE__ */ jsx131("i", {})
+          /* @__PURE__ */ jsx134("i", {}),
+          /* @__PURE__ */ jsx134("i", {}),
+          /* @__PURE__ */ jsx134("i", {})
         ] }),
-        /* @__PURE__ */ jsx131("span", { className: "oc-browser-frame__body", style: p.background ? { background: p.background } : void 0, children: p.image && /* @__PURE__ */ jsx131("img", { src: p.image, alt: p.imageAlt ?? "" }) })
+        /* @__PURE__ */ jsx134("span", { className: "oc-browser-frame__body", style: p.background ? { background: p.background } : void 0, children: p.image && /* @__PURE__ */ jsx134("img", { src: p.image, alt: p.imageAlt ?? "" }) })
       ] }),
       /* @__PURE__ */ jsxs113("span", { className: "grid gap-0.5 p-1.5 pt-0", children: [
-        p.pill != null && /* @__PURE__ */ jsx131("span", { className: "oc-pill oc-pill--accent", children: p.pill }),
-        /* @__PURE__ */ jsx131("span", { className: "oc-product-card__name", children: p.name }),
-        p.summary != null && /* @__PURE__ */ jsx131("span", { className: "oc-product-card__summary", children: p.summary }),
-        p.more != null && /* @__PURE__ */ jsx131("span", { className: "oc-product-card__more", children: p.more })
+        p.pill != null && /* @__PURE__ */ jsx134("span", { className: "oc-pill oc-pill--accent", children: p.pill }),
+        /* @__PURE__ */ jsx134("span", { className: "oc-product-card__name", children: p.name }),
+        p.summary != null && /* @__PURE__ */ jsx134("span", { className: "oc-product-card__summary", children: p.summary }),
+        p.more != null && /* @__PURE__ */ jsx134("span", { className: "oc-product-card__more", children: p.more })
       ] })
     ] }, i)) })
   ] }) });
 });
 
 // src/blocks/BlockSiteFooter.tsx
-import { forwardRef as forwardRef130 } from "react";
-import { jsx as jsx132, jsxs as jsxs114 } from "react/jsx-runtime";
-var BlockSiteFooter = forwardRef130(function BlockSiteFooter2({ brand, brandHref = "/", about, columns, copyright, credit, className, ...rest }, ref) {
-  return /* @__PURE__ */ jsx132("footer", { ref, className: cx("oc-site-footer", className), ...rest, children: /* @__PURE__ */ jsxs114("div", { className: "oc-container", children: [
+import { forwardRef as forwardRef133 } from "react";
+import { jsx as jsx135, jsxs as jsxs114 } from "react/jsx-runtime";
+var BlockSiteFooter = forwardRef133(function BlockSiteFooter2({ brand, brandHref = "/", about, columns, copyright, credit, className, ...rest }, ref) {
+  return /* @__PURE__ */ jsx135("footer", { ref, className: cx("oc-site-footer", className), ...rest, children: /* @__PURE__ */ jsxs114("div", { className: "oc-container", children: [
     /* @__PURE__ */ jsxs114("div", { className: "oc-site-footer__grid", children: [
       /* @__PURE__ */ jsxs114("div", { className: "oc-site-footer__about", children: [
-        /* @__PURE__ */ jsx132("a", { className: "oc-site-header__brand", href: brandHref, children: brand }),
-        about != null && /* @__PURE__ */ jsx132("p", { children: about })
+        /* @__PURE__ */ jsx135("a", { className: "oc-site-header__brand", href: brandHref, children: brand }),
+        about != null && /* @__PURE__ */ jsx135("p", { children: about })
       ] }),
       columns.map((col, i) => /* @__PURE__ */ jsxs114("div", { children: [
-        /* @__PURE__ */ jsx132("h2", { className: "oc-site-footer__title", children: col.title }),
-        col.links && /* @__PURE__ */ jsx132("ul", { className: "oc-site-footer__list", children: col.links.map((l, j) => /* @__PURE__ */ jsx132("li", { children: /* @__PURE__ */ jsx132("a", { href: l.href, children: l.label }) }, j)) }),
-        col.address != null && /* @__PURE__ */ jsx132("address", { className: "oc-site-footer__list", children: col.address })
+        /* @__PURE__ */ jsx135("h2", { className: "oc-site-footer__title", children: col.title }),
+        col.links && /* @__PURE__ */ jsx135("ul", { className: "oc-site-footer__list", children: col.links.map((l, j) => /* @__PURE__ */ jsx135("li", { children: /* @__PURE__ */ jsx135("a", { href: l.href, children: l.label }) }, j)) }),
+        col.address != null && /* @__PURE__ */ jsx135("address", { className: "oc-site-footer__list", children: col.address })
       ] }, i))
     ] }),
     (copyright != null || credit != null) && /* @__PURE__ */ jsxs114("div", { className: "oc-site-footer__bottom", children: [
-      /* @__PURE__ */ jsx132("span", { children: copyright }),
-      /* @__PURE__ */ jsx132("span", { children: credit })
+      /* @__PURE__ */ jsx135("span", { children: copyright }),
+      /* @__PURE__ */ jsx135("span", { children: credit })
     ] })
   ] }) });
 });
 
 // src/blocks/BlockSiteHeader.tsx
-import { forwardRef as forwardRef131, useId as useId42 } from "react";
-import { jsx as jsx133, jsxs as jsxs115 } from "react/jsx-runtime";
-var BlockSiteHeader = forwardRef131(function BlockSiteHeader2({ brand, brandHref = "/", links, cta, menuLabel = "Menu", className, ...rest }, ref) {
+import { forwardRef as forwardRef134, useId as useId42 } from "react";
+import { jsx as jsx136, jsxs as jsxs115 } from "react/jsx-runtime";
+var BlockSiteHeader = forwardRef134(function BlockSiteHeader2({ brand, brandHref = "/", links, cta, menuLabel = "Menu", className, ...rest }, ref) {
   const navId = `oc-site-nav-${useId42().replace(/:/g, "")}`;
-  return /* @__PURE__ */ jsx133("header", { ref, className: cx("oc-site-header", className), ...rest, children: /* @__PURE__ */ jsxs115("div", { className: "oc-container oc-site-header__inner", children: [
-    /* @__PURE__ */ jsx133("a", { className: "oc-site-header__brand", href: brandHref, children: brand }),
-    /* @__PURE__ */ jsx133("button", { className: "oc-site-header__toggle", type: "button", "aria-label": menuLabel, popoverTarget: navId, children: "\u2630" }),
+  return /* @__PURE__ */ jsx136("header", { ref, className: cx("oc-site-header", className), ...rest, children: /* @__PURE__ */ jsxs115("div", { className: "oc-container oc-site-header__inner", children: [
+    /* @__PURE__ */ jsx136("a", { className: "oc-site-header__brand", href: brandHref, children: brand }),
+    /* @__PURE__ */ jsx136("button", { className: "oc-site-header__toggle", type: "button", "aria-label": menuLabel, popoverTarget: navId, children: "\u2630" }),
     /* @__PURE__ */ jsxs115("nav", { className: "oc-site-header__nav", id: navId, "aria-label": "Main", ...attrs({ popover: "" }), children: [
-      links.map((l, i) => /* @__PURE__ */ jsx133("a", { href: l.href, "aria-current": l.current ? "page" : void 0, children: l.label }, i)),
+      links.map((l, i) => /* @__PURE__ */ jsx136("a", { href: l.href, "aria-current": l.current ? "page" : void 0, children: l.label }, i)),
       cta
     ] })
   ] }) });
 });
 
 // src/blocks/BlockSpotlight.tsx
-import { forwardRef as forwardRef132 } from "react";
-import { jsx as jsx134, jsxs as jsxs116 } from "react/jsx-runtime";
-var BlockSpotlight = forwardRef132(function BlockSpotlight2({ accent, badge, icon, title, tagline, lead, action, modules, className, ...rest }, ref) {
-  return /* @__PURE__ */ jsx134("section", { ref, className: cx("oc-section-pad", className), ...rest, children: /* @__PURE__ */ jsx134("div", { className: "oc-container", children: /* @__PURE__ */ jsxs116("div", { className: cx("oc-spotlight", accent && `oc-accent--${accent}`), children: [
+import { forwardRef as forwardRef135 } from "react";
+import { jsx as jsx137, jsxs as jsxs116 } from "react/jsx-runtime";
+var BlockSpotlight = forwardRef135(function BlockSpotlight2({ accent, badge, icon, title, tagline, lead, action, modules, className, ...rest }, ref) {
+  return /* @__PURE__ */ jsx137("section", { ref, className: cx("oc-section-pad", className), ...rest, children: /* @__PURE__ */ jsx137("div", { className: "oc-container", children: /* @__PURE__ */ jsxs116("div", { className: cx("oc-spotlight", accent && `oc-accent--${accent}`), children: [
     /* @__PURE__ */ jsxs116("div", { children: [
       badge != null && /* @__PURE__ */ jsxs116("span", { className: "oc-pill oc-pill--accent", children: [
-        /* @__PURE__ */ jsx134("span", { className: "oc-status-dot" }),
+        /* @__PURE__ */ jsx137("span", { className: "oc-status-dot" }),
         badge
       ] }),
       /* @__PURE__ */ jsxs116("h2", { className: "oc-spotlight__title", children: [
-        icon != null && /* @__PURE__ */ jsx134("span", { className: "oc-icon-tile oc-icon-tile--lg", "aria-hidden": "true", children: icon }),
+        icon != null && /* @__PURE__ */ jsx137("span", { className: "oc-icon-tile oc-icon-tile--lg", "aria-hidden": "true", children: icon }),
         title
       ] }),
-      tagline != null && /* @__PURE__ */ jsx134("p", { className: "oc-spotlight__tagline", children: tagline }),
-      lead != null && /* @__PURE__ */ jsx134("p", { className: "oc-lead", children: lead }),
+      tagline != null && /* @__PURE__ */ jsx137("p", { className: "oc-spotlight__tagline", children: tagline }),
+      lead != null && /* @__PURE__ */ jsx137("p", { className: "oc-lead", children: lead }),
       action
     ] }),
-    modules && /* @__PURE__ */ jsx134("ul", { className: "oc-spotlight__modules", children: modules.map((m, i) => /* @__PURE__ */ jsxs116("li", { children: [
-      m.icon != null && /* @__PURE__ */ jsx134("span", { className: "oc-icon-tile oc-icon-tile--sm", "aria-hidden": "true", children: m.icon }),
+    modules && /* @__PURE__ */ jsx137("ul", { className: "oc-spotlight__modules", children: modules.map((m, i) => /* @__PURE__ */ jsxs116("li", { children: [
+      m.icon != null && /* @__PURE__ */ jsx137("span", { className: "oc-icon-tile oc-icon-tile--sm", "aria-hidden": "true", children: m.icon }),
       m.label
     ] }, i)) })
   ] }) }) });
 });
 
 // src/blocks/BlockStats.tsx
-import { forwardRef as forwardRef133 } from "react";
-import { jsx as jsx135, jsxs as jsxs117 } from "react/jsx-runtime";
-var BlockStats = forwardRef133(function BlockStats2({ stats, className, ...rest }, ref) {
-  return /* @__PURE__ */ jsx135("div", { ref, className: cx("oc-block-stats", className), ...rest, children: stats.map((s, i) => /* @__PURE__ */ jsxs117("div", { className: "oc-block-stat", children: [
-    /* @__PURE__ */ jsx135("div", { className: "oc-block-stat-value", children: s.value }),
-    /* @__PURE__ */ jsx135("div", { className: "oc-block-stat-label", children: s.label })
+import { forwardRef as forwardRef136 } from "react";
+import { jsx as jsx138, jsxs as jsxs117 } from "react/jsx-runtime";
+var BlockStats = forwardRef136(function BlockStats2({ stats, className, ...rest }, ref) {
+  return /* @__PURE__ */ jsx138("div", { ref, className: cx("oc-block-stats", className), ...rest, children: stats.map((s, i) => /* @__PURE__ */ jsxs117("div", { className: "oc-block-stat", children: [
+    /* @__PURE__ */ jsx138("div", { className: "oc-block-stat-value", children: s.value }),
+    /* @__PURE__ */ jsx138("div", { className: "oc-block-stat-label", children: s.label })
   ] }, i)) });
 });
 
 // src/blocks/BlockStatsCounter.tsx
-import { forwardRef as forwardRef134 } from "react";
-import { jsx as jsx136, jsxs as jsxs118 } from "react/jsx-runtime";
-var BlockStatsCounter = forwardRef134(function BlockStatsCounter2({ stats, className, ...rest }, ref) {
-  return /* @__PURE__ */ jsx136("div", { ref, className: cx("oc-block-stats", className), ...rest, children: stats.map((s, i) => /* @__PURE__ */ jsxs118("div", { className: "oc-block-stat", children: [
-    /* @__PURE__ */ jsx136(Counter, { className: "oc-block-stat-value", to: s.to, suffix: s.suffix }),
-    /* @__PURE__ */ jsx136("span", { className: "oc-block-stat-label", children: s.label })
+import { forwardRef as forwardRef137 } from "react";
+import { jsx as jsx139, jsxs as jsxs118 } from "react/jsx-runtime";
+var BlockStatsCounter = forwardRef137(function BlockStatsCounter2({ stats, className, ...rest }, ref) {
+  return /* @__PURE__ */ jsx139("div", { ref, className: cx("oc-block-stats", className), ...rest, children: stats.map((s, i) => /* @__PURE__ */ jsxs118("div", { className: "oc-block-stat", children: [
+    /* @__PURE__ */ jsx139(Counter, { className: "oc-block-stat-value", to: s.to, suffix: s.suffix }),
+    /* @__PURE__ */ jsx139("span", { className: "oc-block-stat-label", children: s.label })
   ] }, i)) });
 });
 
 // src/blocks/BlockTeamList.tsx
-import { forwardRef as forwardRef135 } from "react";
-import { Fragment as Fragment28, jsx as jsx137, jsxs as jsxs119 } from "react/jsx-runtime";
-var BlockTeamList = forwardRef135(function BlockTeamList2({ members, className, ...rest }, ref) {
-  return /* @__PURE__ */ jsx137("div", { ref, className: cx("oc-block-team", className), ...rest, children: members.map((m, i) => /* @__PURE__ */ jsxs119("div", { className: "oc-block-team-row", children: [
-    /* @__PURE__ */ jsx137(User, { name: m.name, email: m.email, initials: m.initials, avatarSrc: m.avatarSrc }),
+import { forwardRef as forwardRef138 } from "react";
+import { Fragment as Fragment29, jsx as jsx140, jsxs as jsxs119 } from "react/jsx-runtime";
+var BlockTeamList = forwardRef138(function BlockTeamList2({ members, className, ...rest }, ref) {
+  return /* @__PURE__ */ jsx140("div", { ref, className: cx("oc-block-team", className), ...rest, children: members.map((m, i) => /* @__PURE__ */ jsxs119("div", { className: "oc-block-team-row", children: [
+    /* @__PURE__ */ jsx140(User, { name: m.name, email: m.email, initials: m.initials, avatarSrc: m.avatarSrc }),
     /* @__PURE__ */ jsxs119("div", { className: "oc-block-team-meta", children: [
-      m.role != null && /* @__PURE__ */ jsx137(Badge, { variant: m.roleVariant, children: m.role }),
-      m.menu != null && /* @__PURE__ */ jsx137(Dropdown, { trigger: /* @__PURE__ */ jsx137(Fragment28, { children: "\u2026" }), triggerProps: { variant: "ghost", icon: true, size: "sm", type: "button", "aria-label": m.menuLabel ?? "Member actions" }, children: m.menu })
+      m.role != null && /* @__PURE__ */ jsx140(Badge, { variant: m.roleVariant, children: m.role }),
+      m.menu != null && /* @__PURE__ */ jsx140(Dropdown, { trigger: /* @__PURE__ */ jsx140(Fragment29, { children: "\u2026" }), triggerProps: { variant: "ghost", icon: true, size: "sm", type: "button", "aria-label": m.menuLabel ?? "Member actions" }, children: m.menu })
     ] })
   ] }, i)) });
 });
 
 // src/blocks/BlockTwoFactor.tsx
-import { forwardRef as forwardRef136, useId as useId43, useState as useState15 } from "react";
-import { jsx as jsx138, jsxs as jsxs120 } from "react/jsx-runtime";
-var BlockTwoFactor = forwardRef136(function BlockTwoFactor2({ qr, setupKey, recoveryCodes, codeLength = 6, onSubmit, submitLabel = "Enable two-factor", className, ...rest }, ref) {
+import { forwardRef as forwardRef139, useId as useId43, useState as useState15 } from "react";
+import { jsx as jsx141, jsxs as jsxs120 } from "react/jsx-runtime";
+var BlockTwoFactor = forwardRef139(function BlockTwoFactor2({ qr, setupKey, recoveryCodes, codeLength = 6, onSubmit, submitLabel = "Enable two-factor", className, ...rest }, ref) {
   const id = `oc-twofactor-${useId43().replace(/:/g, "")}`;
   const [code, setCode] = useState15("");
   const submit = (e) => {
@@ -4539,28 +4574,28 @@ var BlockTwoFactor = forwardRef136(function BlockTwoFactor2({ qr, setupKey, reco
   };
   return /* @__PURE__ */ jsxs120("div", { ref, className: cx("oc-block-twofactor", className), ...rest, children: [
     /* @__PURE__ */ jsxs120("section", { className: "oc-block-twofactor-step", children: [
-      /* @__PURE__ */ jsx138(Heading, { size: "sm", title: "1. Scan the QR code", description: "Use an authenticator app, or enter the key manually." }),
+      /* @__PURE__ */ jsx141(Heading, { size: "sm", title: "1. Scan the QR code", description: "Use an authenticator app, or enter the key manually." }),
       /* @__PURE__ */ jsxs120("div", { className: "oc-block-twofactor-center", children: [
-        qr ?? /* @__PURE__ */ jsx138("div", { className: "oc-block-twofactor-qr", role: "img", "aria-label": "QR code", children: "QR code" }),
-        /* @__PURE__ */ jsx138(CopyField, { value: setupKey, label: "Setup key" })
+        qr ?? /* @__PURE__ */ jsx141("div", { className: "oc-block-twofactor-qr", role: "img", "aria-label": "QR code", children: "QR code" }),
+        /* @__PURE__ */ jsx141(CopyField, { value: setupKey, label: "Setup key" })
       ] })
     ] }),
     /* @__PURE__ */ jsxs120("form", { className: "oc-block-twofactor-step", onSubmit: submit, children: [
-      /* @__PURE__ */ jsx138(Heading, { size: "sm", title: "2. Confirm with a code" }),
+      /* @__PURE__ */ jsx141(Heading, { size: "sm", title: "2. Confirm with a code" }),
       /* @__PURE__ */ jsxs120("div", { className: "oc-field", children: [
-        /* @__PURE__ */ jsx138("label", { className: "oc-field-label", htmlFor: id, children: "Authentication code" }),
-        /* @__PURE__ */ jsx138(OtpInput, { id, name: "code", length: codeLength, value: code, onChange: setCode })
+        /* @__PURE__ */ jsx141("label", { className: "oc-field-label", htmlFor: id, children: "Authentication code" }),
+        /* @__PURE__ */ jsx141(OtpInput, { id, name: "code", length: codeLength, value: code, onChange: setCode })
       ] }),
-      /* @__PURE__ */ jsx138("button", { className: "oc-btn", type: "submit", children: submitLabel })
+      /* @__PURE__ */ jsx141("button", { className: "oc-btn", type: "submit", children: submitLabel })
     ] }),
-    recoveryCodes && /* @__PURE__ */ jsx138("section", { className: "oc-block-twofactor-step", children: /* @__PURE__ */ jsx138(RecoveryCodes, { codes: recoveryCodes }) })
+    recoveryCodes && /* @__PURE__ */ jsx141("section", { className: "oc-block-twofactor-step", children: /* @__PURE__ */ jsx141(RecoveryCodes, { codes: recoveryCodes }) })
   ] });
 });
 
 // src/blocks/BlockWizardDialog.tsx
-import { forwardRef as forwardRef137, useId as useId44, useRef as useRef13 } from "react";
-import { jsx as jsx139, jsxs as jsxs121 } from "react/jsx-runtime";
-var BlockWizardDialog = forwardRef137(function BlockWizardDialog2({
+import { forwardRef as forwardRef140, useId as useId44, useRef as useRef13 } from "react";
+import { jsx as jsx142, jsxs as jsxs121 } from "react/jsx-runtime";
+var BlockWizardDialog = forwardRef140(function BlockWizardDialog2({
   open,
   defaultOpen,
   onOpenChange,
@@ -4584,7 +4619,7 @@ var BlockWizardDialog = forwardRef137(function BlockWizardDialog2({
   const [current, setCurrent] = useControllable(step, defaultStep, onStepChange);
   const last = current >= steps.length - 1;
   const active = steps[current];
-  return /* @__PURE__ */ jsx139(
+  return /* @__PURE__ */ jsx142(
     "dialog",
     {
       ref,
@@ -4593,17 +4628,17 @@ var BlockWizardDialog = forwardRef137(function BlockWizardDialog2({
       ...attrs({ closedby: "closerequest" }),
       ...rest,
       onClose: dlg.onClose,
-      children: /* @__PURE__ */ jsx139(DialogContext.Provider, { value: { close: dlg.close }, children: /* @__PURE__ */ jsx139("div", { className: "oc-modal-content oc-modal-content--xl", children: /* @__PURE__ */ jsxs121("div", { className: "oc-block-wizard", children: [
-        /* @__PURE__ */ jsx139("div", { className: "oc-block-wizard-rail", children: /* @__PURE__ */ jsx139(Stepper, { steps: steps.map((s) => ({ label: s.label })), current, onStepChange: setCurrent, "aria-label": stepperLabel }) }),
+      children: /* @__PURE__ */ jsx142(DialogContext.Provider, { value: { close: dlg.close }, children: /* @__PURE__ */ jsx142("div", { className: "oc-modal-content oc-modal-content--xl", children: /* @__PURE__ */ jsxs121("div", { className: "oc-block-wizard", children: [
+        /* @__PURE__ */ jsx142("div", { className: "oc-block-wizard-rail", children: /* @__PURE__ */ jsx142(Stepper, { steps: steps.map((s) => ({ label: s.label })), current, onStepChange: setCurrent, "aria-label": stepperLabel }) }),
         /* @__PURE__ */ jsxs121("div", { className: "oc-block-wizard-main", children: [
           /* @__PURE__ */ jsxs121("div", { className: "oc-modal-header", children: [
-            /* @__PURE__ */ jsx139("h2", { className: "oc-modal-title", id: titleId, children: active?.label }),
-            /* @__PURE__ */ jsx139("p", { className: "oc-modal-description", children: description ?? `Step ${current + 1} of ${steps.length}` })
+            /* @__PURE__ */ jsx142("h2", { className: "oc-modal-title", id: titleId, children: active?.label }),
+            /* @__PURE__ */ jsx142("p", { className: "oc-modal-description", children: description ?? `Step ${current + 1} of ${steps.length}` })
           ] }),
-          /* @__PURE__ */ jsx139("div", { className: "oc-block-wizard-step", children: active?.content }),
+          /* @__PURE__ */ jsx142("div", { className: "oc-block-wizard-step", children: active?.content }),
           /* @__PURE__ */ jsxs121("div", { className: "oc-modal-footer", children: [
-            /* @__PURE__ */ jsx139("button", { className: "oc-btn oc-btn--outline", type: "button", disabled: current === 0, onClick: () => setCurrent(current - 1), children: backLabel }),
-            /* @__PURE__ */ jsx139(
+            /* @__PURE__ */ jsx142("button", { className: "oc-btn oc-btn--outline", type: "button", disabled: current === 0, onClick: () => setCurrent(current - 1), children: backLabel }),
+            /* @__PURE__ */ jsx142(
               "button",
               {
                 className: "oc-btn",
@@ -4729,7 +4764,9 @@ export {
   LauncherCard,
   Lightbox,
   LinkArrow,
+  LinkRow,
   ListToolbar,
+  LiveFrame,
   Marquee,
   MediaCard,
   MediaRow,
@@ -4806,6 +4843,7 @@ export {
   UpgradeBanner,
   User,
   VersionBanner,
+  Watermark,
   attachmentMeta,
   attrs,
   buttonClass,