@birdycom/omniaui-react 0.12.2 → 0.12.4

package/dist/index.js

@@ -172,8 +172,8 @@ var AffixInput = forwardRef3(function AffixInput2({ variant, prefix, suffix, ali
 // src/components/Alert.tsx
 import { forwardRef as forwardRef4 } from "react";
 import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
-var Alert = forwardRef4(function Alert2({ variant = "info", title, children, className, role = "status", ...rest }, ref) {
-  return /* @__PURE__ */ jsxs3("div", { ref, role, className: cx("oc-alert", `oc-alert--${variant}`, className), ...rest, children: [
+var Alert = forwardRef4(function Alert2({ variant = "info", title, inline, children, className, role = "status", ...rest }, ref) {
+  return /* @__PURE__ */ jsxs3("div", { ref, role, className: cx("oc-alert", `oc-alert--${variant}`, inline && "oc-alert--inline", className), ...rest, children: [
     title != null && /* @__PURE__ */ jsx4("h4", { className: "oc-alert-title", children: title }),
     children != null && /* @__PURE__ */ jsx4("p", { className: "oc-alert-description", children })
   ] });
@@ -418,26 +418,35 @@ import { forwardRef as forwardRef15, useId as useId3, useRef as useRef3 } from "
 
 // src/components/Progress.tsx
 import { forwardRef as forwardRef14 } from "react";
-import { jsx as jsx14 } from "react/jsx-runtime";
-var Progress = forwardRef14(function Progress2({ value, max = 100, variant = "default", className, ...rest }, ref) {
-  const pct = max > 0 ? Math.min(100, Math.max(0, Math.round(value / max * 100))) : 0;
-  return /* @__PURE__ */ jsx14(
+import { jsx as jsx14, jsxs as jsxs10 } from "react/jsx-runtime";
+function progressLevel(pct, levels) {
+  const [warn, danger] = levels === true ? [70, 90] : levels;
+  return pct >= danger ? "danger" : pct >= warn ? "warning" : "default";
+}
+var Progress = forwardRef14(function Progress2({ value, max = 100, variant = "default", size = "md", glow, levels, marker, className, ...rest }, ref) {
+  const percent = (v) => max > 0 ? Math.min(100, Math.max(0, v / max * 100)) : 0;
+  const pct = Math.round(percent(value));
+  const tone = variant === "default" && levels ? progressLevel(pct, levels) : variant;
+  return /* @__PURE__ */ jsxs10(
     "div",
     {
       ref,
-      className: cx("oc-progress", className),
+      className: cx("oc-progress", size !== "md" && `oc-progress--${size}`, glow && "oc-progress--glow", className),
       role: "progressbar",
       "aria-valuenow": value,
       "aria-valuemin": 0,
       "aria-valuemax": max,
       ...rest,
-      children: /* @__PURE__ */ jsx14("div", { className: cx("oc-progress-bar", variant !== "default" && `oc-progress-bar--${variant}`), style: { width: `${pct}%` } })
+      children: [
+        /* @__PURE__ */ jsx14("div", { className: cx("oc-progress-bar", tone !== "default" && `oc-progress-bar--${tone}`), style: { width: `${pct}%` } }),
+        marker != null && /* @__PURE__ */ jsx14("span", { className: "oc-progress-marker", style: { left: `${percent(marker)}%` } })
+      ]
     }
   );
 });
 
 // src/components/BusyOverlay.tsx
-import { jsx as jsx15, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs11 } from "react/jsx-runtime";
 var BusyOverlay = forwardRef15(function BusyOverlay2({
   title = "Saving\u2026",
   text = "The photos are being processed. This can take a minute; please keep this page open.",
@@ -455,7 +464,7 @@ var BusyOverlay = forwardRef15(function BusyOverlay2({
   const dlg = useDialog(inner, { open, defaultOpen, onOpenChange });
   const auto = useId3().replace(/[^\w-]/g, "");
   const base = id ?? `oc-busy-overlay-${auto}`;
-  return /* @__PURE__ */ jsxs10(
+  return /* @__PURE__ */ jsxs11(
     "dialog",
     {
       ref,
@@ -478,21 +487,22 @@ var BusyOverlay = forwardRef15(function BusyOverlay2({
 // src/components/Button.tsx
 import { forwardRef as forwardRef16 } from "react";
 import { jsx as jsx16 } from "react/jsx-runtime";
-function buttonClass({ variant = "default", size = "md", icon, pill, className }) {
+function buttonClass({ variant = "default", size = "md", icon, pill, inline, className }) {
   return cx(
     "oc-btn",
     variant !== "default" && `oc-btn--${variant}`,
     size !== "md" && `oc-btn--${size}`,
     icon && "oc-btn--icon",
     pill && "oc-btn--pill",
+    inline && "oc-btn--inline",
     className
   );
 }
-var Button = forwardRef16(function Button2({ variant, size, icon, pill, className, ...rest }, ref) {
-  return /* @__PURE__ */ jsx16("button", { ref, className: buttonClass({ variant, size, icon, pill, className }), ...rest });
+var Button = forwardRef16(function Button2({ variant, size, icon, pill, inline, className, ...rest }, ref) {
+  return /* @__PURE__ */ jsx16("button", { ref, className: buttonClass({ variant, size, icon, pill, inline, className }), ...rest });
 });
-var ButtonLink = forwardRef16(function ButtonLink2({ variant, size, icon, pill, className, ...rest }, ref) {
-  return /* @__PURE__ */ jsx16("a", { ref, className: buttonClass({ variant, size, icon, pill, className }), ...rest });
+var ButtonLink = forwardRef16(function ButtonLink2({ variant, size, icon, pill, inline, className, ...rest }, ref) {
+  return /* @__PURE__ */ jsx16("a", { ref, className: buttonClass({ variant, size, icon, pill, inline, className }), ...rest });
 });
 
 // src/components/Card.tsx
@@ -515,7 +525,7 @@ var CardFooter = part("div", "oc-card-footer", "CardFooter");
 
 // src/components/ChartLine.tsx
 import { forwardRef as forwardRef18 } from "react";
-import { jsx as jsx18, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs12 } from "react/jsx-runtime";
 var DEMO2 = [
   { name: "Desktop", values: [186, 305, 237, 73, 209, 214] },
   { name: "Mobile", values: [80, 200, 120, 190, 130, 140] }
@@ -561,27 +571,27 @@ var ChartLine = forwardRef18(function ChartLine2({
   const count = Math.max(0, ...series.map((s) => s.values.length));
   const labels = labelsProp ?? MONTHS;
   const axis = xLabels ?? labelsProp ?? SHORT;
-  return /* @__PURE__ */ jsxs11("figure", { ref, className: cx("oc-chart-line", variant !== "line" && `oc-chart-line--${variant}`, dots && "oc-chart-line--dots", className), ...rest, children: [
-    (title != null || sub != null || value != null) && /* @__PURE__ */ jsxs11("figcaption", { className: "oc-chart-line__head", children: [
+  return /* @__PURE__ */ jsxs12("figure", { ref, className: cx("oc-chart-line", variant !== "line" && `oc-chart-line--${variant}`, dots && "oc-chart-line--dots", className), ...rest, children: [
+    (title != null || sub != null || value != null) && /* @__PURE__ */ jsxs12("figcaption", { className: "oc-chart-line__head", children: [
       title != null && /* @__PURE__ */ jsx18("span", { className: "oc-chart-line__title", children: title }),
       sub != null && /* @__PURE__ */ jsx18("span", { className: "oc-chart-line__sub", children: sub }),
       value != null && /* @__PURE__ */ jsx18("span", { className: "oc-chart-line__value", children: value })
     ] }),
-    /* @__PURE__ */ jsxs11("div", { className: "oc-chart-line__body", children: [
+    /* @__PURE__ */ jsxs12("div", { className: "oc-chart-line__body", children: [
       /* @__PURE__ */ jsx18("ul", { className: "oc-chart-line__y", "aria-hidden": "true", children: Array.from({ length: rows + 1 }, (_, i) => /* @__PURE__ */ jsx18("li", { children: format(top - top / rows * i) }, i)) }),
-      /* @__PURE__ */ jsxs11("div", { className: "oc-chart-line__plot", style: rows !== 4 ? { "--oc-chart-line-rows": rows } : void 0, children: [
+      /* @__PURE__ */ jsxs12("div", { className: "oc-chart-line__plot", style: rows !== 4 ? { "--oc-chart-line-rows": rows } : void 0, children: [
         /* @__PURE__ */ jsx18("svg", { className: "oc-chart-line__svg", viewBox: "0 0 100 100", preserveAspectRatio: "none", "aria-hidden": "true", children: series.map((s, i) => {
           const d = chartLinePath(s.values, top);
-          return /* @__PURE__ */ jsxs11("g", { className: "oc-chart-line__series", children: [
+          return /* @__PURE__ */ jsxs12("g", { className: "oc-chart-line__series", children: [
             /* @__PURE__ */ jsx18("path", { className: "oc-chart-line__area", d: `${d} L100 100 L0 100 Z` }),
             /* @__PURE__ */ jsx18("path", { className: cx("oc-chart-line__path", s.dashed && "oc-chart-line__path--dashed"), d })
           ] }, i);
         }) }),
-        /* @__PURE__ */ jsx18("ul", { className: "oc-chart-line__cols", style: { "--n": count }, "aria-label": label, children: Array.from({ length: count }, (_, i) => /* @__PURE__ */ jsxs11("li", { className: "oc-chart-line__col", style: { "--x": i }, tabIndex: 0, "aria-label": `${labels[i] ?? i + 1}: ${series.map((s) => `${s.name} ${format(s.values[i])}`).join(", ")}`, children: [
+        /* @__PURE__ */ jsx18("ul", { className: "oc-chart-line__cols", style: { "--n": count }, "aria-label": label, children: Array.from({ length: count }, (_, i) => /* @__PURE__ */ jsxs12("li", { className: "oc-chart-line__col", style: { "--x": i }, tabIndex: 0, "aria-label": `${labels[i] ?? i + 1}: ${series.map((s) => `${s.name} ${format(s.values[i])}`).join(", ")}`, children: [
           series.map((s, j) => /* @__PURE__ */ jsx18("i", { className: "oc-chart-line__dot", style: { "--y": `${n2(s.values[i] / top * 100)}%` } }, j)),
-          /* @__PURE__ */ jsxs11("span", { className: "oc-chart-line__tip", "aria-hidden": "true", children: [
+          /* @__PURE__ */ jsxs12("span", { className: "oc-chart-line__tip", "aria-hidden": "true", children: [
             /* @__PURE__ */ jsx18("strong", { children: labels[i] ?? i + 1 }),
-            series.map((s, j) => /* @__PURE__ */ jsxs11("span", { className: "oc-chart-line__row", children: [
+            series.map((s, j) => /* @__PURE__ */ jsxs12("span", { className: "oc-chart-line__row", children: [
               s.name,
               /* @__PURE__ */ jsx18("b", { children: format(s.values[i]) })
             ] }, j))
@@ -590,7 +600,7 @@ var ChartLine = forwardRef18(function ChartLine2({
       ] }),
       /* @__PURE__ */ jsx18("ol", { className: "oc-chart-line__x", "aria-hidden": "true", children: axis.map((l, i) => /* @__PURE__ */ jsx18("li", { children: l }, i)) })
     ] }),
-    /* @__PURE__ */ jsx18("ul", { className: "oc-chart-legend", children: series.map((s, i) => /* @__PURE__ */ jsxs11("li", { children: [
+    /* @__PURE__ */ jsx18("ul", { className: "oc-chart-legend", children: series.map((s, i) => /* @__PURE__ */ jsxs12("li", { children: [
       /* @__PURE__ */ jsx18("span", { className: "oc-chart-swatch" }),
       s.name
     ] }, i)) })
@@ -599,7 +609,7 @@ var ChartLine = forwardRef18(function ChartLine2({
 
 // src/components/ChatComposer.tsx
 import { forwardRef as forwardRef19, useId as useId4 } from "react";
-import { jsx as jsx19, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs13 } from "react/jsx-runtime";
 var ChatComposer = forwardRef19(function ChatComposer2({ value, defaultValue = "", onValueChange, onSend, placeholder = "Write a message\u2026", label = "Message", tools, hint, inline, sendOnEnter = true, disabled, className, onSubmit, ...rest }, ref) {
   const id = `oc-chat-${useId4().replace(/:/g, "")}`;
   const [text, setText] = useControllable(value, defaultValue, onValueChange);
@@ -616,7 +626,7 @@ var ChatComposer = forwardRef19(function ChatComposer2({ value, defaultValue = "
       e.currentTarget.form?.requestSubmit();
     }
   };
-  return /* @__PURE__ */ jsxs12("form", { ref, className: cx("oc-chat-composer", inline && "oc-chat-composer--inline", className), onSubmit: submit, ...rest, children: [
+  return /* @__PURE__ */ jsxs13("form", { ref, className: cx("oc-chat-composer", inline && "oc-chat-composer--inline", className), onSubmit: submit, ...rest, children: [
     /* @__PURE__ */ jsx19("label", { className: "oc-visually-hidden", htmlFor: id, children: label }),
     /* @__PURE__ */ jsx19(
       "textarea",
@@ -632,7 +642,7 @@ var ChatComposer = forwardRef19(function ChatComposer2({ value, defaultValue = "
         onKeyDown
       }
     ),
-    /* @__PURE__ */ jsxs12("div", { className: "oc-chat-composer__bar", children: [
+    /* @__PURE__ */ jsxs13("div", { className: "oc-chat-composer__bar", children: [
       tools != null && /* @__PURE__ */ jsx19("div", { className: "oc-chat-composer__tools", children: tools }),
       hint != null && /* @__PURE__ */ jsx19("span", { className: "oc-chat-composer__hint", children: hint }),
       /* @__PURE__ */ jsx19("button", { type: "submit", className: "oc-chat-composer__send", "aria-label": "Send", disabled, children: "\u27A4" })
@@ -642,10 +652,10 @@ var ChatComposer = forwardRef19(function ChatComposer2({ value, defaultValue = "
 
 // src/components/Checkbox.tsx
 import { forwardRef as forwardRef20 } from "react";
-import { jsx as jsx20, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs14 } from "react/jsx-runtime";
 var Checkbox = forwardRef20(function Checkbox2({ label, className, ...rest }, ref) {
   const input = /* @__PURE__ */ jsx20("input", { ref, type: "checkbox", className: cx("oc-checkbox", className), ...rest });
-  return label != null ? /* @__PURE__ */ jsxs13("label", { children: [
+  return label != null ? /* @__PURE__ */ jsxs14("label", { children: [
     input,
     " ",
     label
@@ -654,13 +664,13 @@ var Checkbox = forwardRef20(function Checkbox2({ label, className, ...rest }, re
 
 // src/components/Checklist.tsx
 import { forwardRef as forwardRef21 } from "react";
-import { Fragment as Fragment2, jsx as jsx21, jsxs as jsxs14 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx21, jsxs as jsxs15 } from "react/jsx-runtime";
 var Checklist = forwardRef21(function Checklist2({ card, className, ...rest }, ref) {
   return /* @__PURE__ */ jsx21("ul", { ref, className: cx("oc-checklist", card && "oc-checklist--card", className), ...rest });
 });
 var ChecklistItem = forwardRef21(function ChecklistItem2({ done, title, hint, action, className, children, ...rest }, ref) {
-  return /* @__PURE__ */ jsx21("li", { ref, className: cx("oc-checklist-item", done && "is-done", className), ...rest, children: title != null ? /* @__PURE__ */ jsxs14(Fragment2, { children: [
-    /* @__PURE__ */ jsxs14("span", { className: "oc-checklist-text", children: [
+  return /* @__PURE__ */ jsx21("li", { ref, className: cx("oc-checklist-item", done && "is-done", className), ...rest, children: title != null ? /* @__PURE__ */ jsxs15(Fragment2, { children: [
+    /* @__PURE__ */ jsxs15("span", { className: "oc-checklist-text", children: [
       /* @__PURE__ */ jsx21("span", { className: "oc-checklist-title", children: title }),
       hint != null && /* @__PURE__ */ jsx21("span", { className: "oc-checklist-hint", children: hint })
     ] }),
@@ -670,7 +680,7 @@ var ChecklistItem = forwardRef21(function ChecklistItem2({ done, title, hint, ac
 
 // src/components/ChipFilter.tsx
 import { forwardRef as forwardRef22, useId as useId5 } from "react";
-import { jsx as jsx22, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs16 } from "react/jsx-runtime";
 var ChipFilter = forwardRef22(function ChipFilter2({ options, multiple, value, defaultValue, onChange, name, size = "md", scroll, className, ...rest }, ref) {
   const group = name ?? `oc-chip-${useId5().replace(/:/g, "")}`;
   const [current, setCurrent] = useControllable(value, defaultValue ?? (multiple ? [] : ""), onChange);
@@ -683,7 +693,7 @@ var ChipFilter = forwardRef22(function ChipFilter2({ options, multiple, value, d
       className: cx("oc-chip-filter", size === "sm" && "oc-chip-filter--sm", scroll && "oc-chip-filter--scroll", className),
       role: multiple ? "group" : "radiogroup",
       ...rest,
-      children: options.map((o) => /* @__PURE__ */ jsxs15("label", { className: "oc-chip-filter-item", children: [
+      children: options.map((o) => /* @__PURE__ */ jsxs16("label", { className: "oc-chip-filter-item", children: [
         /* @__PURE__ */ jsx22("input", { type: multiple ? "checkbox" : "radio", name: group, value: o.value, disabled: o.disabled, checked: selected.includes(o.value), onChange: () => toggle(o.value) }),
         " ",
         o.label,
@@ -695,10 +705,10 @@ var ChipFilter = forwardRef22(function ChipFilter2({ options, multiple, value, d
 
 // src/components/Collapsible.tsx
 import { forwardRef as forwardRef23 } from "react";
-import { jsx as jsx23, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx23, jsxs as jsxs17 } from "react/jsx-runtime";
 var Collapsible = forwardRef23(function Collapsible2({ title, icon, dense, open, defaultOpen, onOpenChange, className, children, ...rest }, ref) {
   const [isOpen, setOpen] = useControllable(open, defaultOpen ?? false, onOpenChange);
-  return /* @__PURE__ */ jsxs16(
+  return /* @__PURE__ */ jsxs17(
     "details",
     {
       ref,
@@ -709,7 +719,7 @@ var Collapsible = forwardRef23(function Collapsible2({ title, icon, dense, open,
       },
       ...rest,
       children: [
-        /* @__PURE__ */ jsxs16("summary", { children: [
+        /* @__PURE__ */ jsxs17("summary", { children: [
           icon,
           /* @__PURE__ */ jsx23("span", { className: "oc-collapsible-title", children: title })
         ] }),
@@ -721,7 +731,7 @@ var Collapsible = forwardRef23(function Collapsible2({ title, icon, dense, open,
 
 // src/components/ColorField.tsx
 import { forwardRef as forwardRef24, useState as useState2 } from "react";
-import { jsx as jsx24, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs18 } from "react/jsx-runtime";
 var HEX = /^#[0-9a-f]{6}$/i;
 var ColorField = forwardRef24(function ColorField2({ value, defaultValue = "#000000", onChange, id, name, disabled, className, ...rest }, ref) {
   const [color, setColor] = useControllable(value, defaultValue, onChange);
@@ -731,7 +741,7 @@ var ColorField = forwardRef24(function ColorField2({ value, defaultValue = "#000
     if (HEX.test(next)) setLastValid(next);
     setColor(next);
   };
-  return /* @__PURE__ */ jsxs17("div", { ref, className: cx("oc-color-field", className), ...rest, children: [
+  return /* @__PURE__ */ jsxs18("div", { ref, className: cx("oc-color-field", className), ...rest, children: [
     /* @__PURE__ */ jsx24("input", { type: "color", "aria-label": "Pick a color", value: picker, disabled, onChange: (e) => update(e.target.value) }),
     /* @__PURE__ */ jsx24(
       "input",
@@ -751,11 +761,11 @@ var ColorField = forwardRef24(function ColorField2({ value, defaultValue = "#000
 
 // src/components/ColorSelect.tsx
 import { forwardRef as forwardRef25, useId as useId6 } from "react";
-import { jsx as jsx25, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx25, jsxs as jsxs19 } from "react/jsx-runtime";
 var ColorSelect = forwardRef25(function ColorSelect2({ options, value, defaultValue, onChange, name, list, size = "md", className, ...rest }, ref) {
   const group = name ?? `oc-color-${useId6().replace(/:/g, "")}`;
   const [current, setCurrent] = useControllable(value, defaultValue ?? "", onChange);
-  return /* @__PURE__ */ jsx25("fieldset", { ref, className: cx("oc-color-select", list && "oc-color-select--list", size === "sm" && "oc-color-select--sm", className), role: "radiogroup", ...rest, children: options.map((o) => /* @__PURE__ */ jsxs18("label", { className: "oc-color-select-option", style: { "--oc-swatch": o.color }, children: [
+  return /* @__PURE__ */ jsx25("fieldset", { ref, className: cx("oc-color-select", list && "oc-color-select--list", size === "sm" && "oc-color-select--sm", className), role: "radiogroup", ...rest, children: options.map((o) => /* @__PURE__ */ jsxs19("label", { className: "oc-color-select-option", style: { "--oc-swatch": o.color }, children: [
     /* @__PURE__ */ jsx25("input", { type: "radio", name: group, value: o.value, disabled: o.disabled, checked: current === o.value, onChange: () => setCurrent(o.value) }),
     /* @__PURE__ */ jsx25("span", { className: "oc-color-select-swatch" }),
     /* @__PURE__ */ jsx25("span", { className: "oc-color-select-name", children: o.label })
@@ -764,18 +774,18 @@ var ColorSelect = forwardRef25(function ColorSelect2({ options, value, defaultVa
 
 // src/components/ColumnMenu.tsx
 import { forwardRef as forwardRef26, useId as useId7 } from "react";
-import { jsx as jsx26, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx26, jsxs as jsxs20 } from "react/jsx-runtime";
 var ColumnMenu = forwardRef26(function ColumnMenu2({ columns, children, triggerLabel = "Columns", title = "Visible columns", resetLabel = "Reset", onColumnToggle, className, ...rest }, ref) {
   const menuId = `oc-column-menu-${useId7().replace(/:/g, "")}`;
-  return /* @__PURE__ */ jsxs19("div", { ref, className: cx("oc-column-menu-scope", className), ...rest, children: [
-    /* @__PURE__ */ jsxs19("div", { className: "oc-table-toolbar", children: [
+  return /* @__PURE__ */ jsxs20("div", { ref, className: cx("oc-column-menu-scope", className), ...rest, children: [
+    /* @__PURE__ */ jsxs20("div", { className: "oc-table-toolbar", children: [
       /* @__PURE__ */ jsx26("span", { className: "oc-table-toolbar-spacer" }),
       /* @__PURE__ */ jsx26("button", { className: "oc-btn oc-btn--outline oc-btn--sm", type: "button", popoverTarget: menuId, children: triggerLabel })
     ] }),
-    /* @__PURE__ */ jsxs19("div", { className: "oc-column-menu", id: menuId, ...attrs({ popover: "" }), children: [
+    /* @__PURE__ */ jsxs20("div", { className: "oc-column-menu", id: menuId, ...attrs({ popover: "" }), children: [
       /* @__PURE__ */ jsx26("p", { className: "oc-column-menu-title", children: title }),
-      /* @__PURE__ */ jsxs19("form", { className: "oc-column-menu-list", children: [
-        columns.map((col, i) => /* @__PURE__ */ jsxs19("label", { className: "oc-column-menu-item", children: [
+      /* @__PURE__ */ jsxs20("form", { className: "oc-column-menu-list", children: [
+        columns.map((col, i) => /* @__PURE__ */ jsxs20("label", { className: "oc-column-menu-item", children: [
           /* @__PURE__ */ jsx26(
             "input",
             {
@@ -798,7 +808,7 @@ var ColumnMenu = forwardRef26(function ColumnMenu2({ columns, children, triggerL
 
 // src/components/Command.tsx
 import { forwardRef as forwardRef27, useId as useId8, useMemo, useState as useState3 } from "react";
-import { Fragment as Fragment3, jsx as jsx27, jsxs as jsxs20 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx27, jsxs as jsxs21 } from "react/jsx-runtime";
 var matches = (item, q) => !q || [item.label, ...item.keywords ?? []].some((s) => s.toLowerCase().includes(q));
 var Command = forwardRef27(function Command2({ groups, placeholder = "Type a command or search...", emptyText = "No results found.", query, onQueryChange, onSelect, className, ...rest }, ref) {
   const listId = useId8();
@@ -827,7 +837,7 @@ var Command = forwardRef27(function Command2({ groups, placeholder = "Type a com
       onSelect?.(active);
     }
   };
-  return /* @__PURE__ */ jsxs20("div", { ref, className: cx("oc-command", className), role: "combobox", "aria-expanded": "true", "aria-haspopup": "listbox", "aria-controls": listId, ...rest, children: [
+  return /* @__PURE__ */ jsxs21("div", { ref, className: cx("oc-command", className), role: "combobox", "aria-expanded": "true", "aria-haspopup": "listbox", "aria-controls": listId, ...rest, children: [
     /* @__PURE__ */ jsx27(
       "input",
       {
@@ -849,7 +859,7 @@ var Command = forwardRef27(function Command2({ groups, placeholder = "Type a com
       return [
         gi > 0 && /* @__PURE__ */ jsx27("li", { className: "oc-command-separator", role: "separator", hidden: !anyVisible }, `sep-${gi}`),
         group.label && /* @__PURE__ */ jsx27("li", { className: "oc-command-group-label", role: "presentation", hidden: !anyVisible, children: group.label }, `label-${gi}`),
-        ...group.items.map((item) => /* @__PURE__ */ jsxs20(
+        ...group.items.map((item) => /* @__PURE__ */ jsxs21(
           "li",
           {
             className: "oc-command-item",
@@ -861,7 +871,7 @@ var Command = forwardRef27(function Command2({ groups, placeholder = "Type a com
             onClick: () => !item.disabled && onSelect?.(item),
             children: [
               item.label,
-              item.shortcut && /* @__PURE__ */ jsxs20(Fragment3, { children: [
+              item.shortcut && /* @__PURE__ */ jsxs21(Fragment3, { children: [
                 " ",
                 /* @__PURE__ */ jsx27("span", { className: "oc-command-shortcut", children: item.shortcut })
               ] })
@@ -877,7 +887,7 @@ var Command = forwardRef27(function Command2({ groups, placeholder = "Type a com
 
 // src/components/ConfirmDialog.tsx
 import { forwardRef as forwardRef28, useId as useId9, useRef as useRef4 } from "react";
-import { Fragment as Fragment4, jsx as jsx28, jsxs as jsxs21 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx28, jsxs as jsxs22 } from "react/jsx-runtime";
 var GLYPHS2 = { success: "\u2713", error: "\xD7", warning: "!", info: "i", question: "?" };
 var ConfirmDialog = forwardRef28(function ConfirmDialog2({
   open,
@@ -919,21 +929,21 @@ var ConfirmDialog = forwardRef28(function ConfirmDialog2({
       ...attrs({ closedby: "any" }),
       ...rest,
       onClose: dlg.onClose,
-      children: /* @__PURE__ */ jsxs21("div", { className: `oc-modal-content oc-alert-dialog oc-alert-dialog--${type} oc-alert-dialog--confirm`, children: [
+      children: /* @__PURE__ */ jsxs22("div", { className: `oc-modal-content oc-alert-dialog oc-alert-dialog--${type} oc-alert-dialog--confirm`, children: [
         /* @__PURE__ */ jsx28("button", { className: "oc-alert-dialog-close", type: "button", "aria-label": closeLabel, onClick: dlg.close, children: "\xD7" }),
         /* @__PURE__ */ jsx28("span", { className: "oc-alert-dialog-icon", "aria-hidden": "true", children: icon ?? GLYPHS2[type] }),
         /* @__PURE__ */ jsx28("h2", { className: "oc-modal-title", id: `${id}-title`, children: title }),
-        /* @__PURE__ */ jsxs21("form", { className: "oc-alert-dialog-form", onSubmit: submit, children: [
+        /* @__PURE__ */ jsxs22("form", { className: "oc-alert-dialog-form", onSubmit: submit, children: [
           /* @__PURE__ */ jsx28("div", { className: "oc-modal-body", id: `${id}-text`, children: message ?? children }),
-          confirmWord && /* @__PURE__ */ jsxs21("label", { className: "oc-alert-dialog-typed", children: [
-            /* @__PURE__ */ jsx28("span", { children: confirmWordLabel ?? /* @__PURE__ */ jsxs21(Fragment4, { children: [
+          confirmWord && /* @__PURE__ */ jsxs22("label", { className: "oc-alert-dialog-typed", children: [
+            /* @__PURE__ */ jsx28("span", { children: confirmWordLabel ?? /* @__PURE__ */ jsxs22(Fragment4, { children: [
               "Type ",
               /* @__PURE__ */ jsx28("code", { children: confirmWord }),
               " to confirm"
             ] }) }),
             /* @__PURE__ */ jsx28("input", { className: "oc-input", name: "confirm", pattern: confirmWord, required: true, autoComplete: "off" })
           ] }),
-          /* @__PURE__ */ jsxs21("div", { className: "oc-modal-footer", children: [
+          /* @__PURE__ */ jsxs22("div", { className: "oc-modal-footer", children: [
             discardLabel != null && /* @__PURE__ */ jsx28("button", { className: "oc-btn oc-btn--ghost oc-alert-dialog-discard", type: "button", onClick: () => {
               onDiscard?.();
               dlg.close();
@@ -949,7 +959,7 @@ var ConfirmDialog = forwardRef28(function ConfirmDialog2({
 
 // src/components/CookieConsent.tsx
 import { forwardRef as forwardRef29, useEffect as useEffect2, useRef as useRef5 } from "react";
-import { Fragment as Fragment5, jsx as jsx29, jsxs as jsxs22 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx29, jsxs as jsxs23 } from "react/jsx-runtime";
 var DEMO3 = [
   { name: "necessary", label: "Necessary", text: "Session, security and your cookie choice. Always on.", required: true },
   { name: "statistics", label: "Statistics", text: "Anonymous visit counts." },
@@ -1015,9 +1025,9 @@ var CookieConsent = forwardRef29(function CookieConsent2({
     box.current?.hidePopover?.();
     tell(choice);
   };
-  return /* @__PURE__ */ jsxs22(Fragment5, { children: [
+  return /* @__PURE__ */ jsxs23(Fragment5, { children: [
     openLabel != null && /* @__PURE__ */ jsx29("button", { type: "button", className: "oc-btn oc-btn--outline oc-btn--sm", "data-oc-consent-open": "", children: openLabel }),
-    /* @__PURE__ */ jsxs22(
+    /* @__PURE__ */ jsxs23(
       "aside",
       {
         ref,
@@ -1028,28 +1038,28 @@ var CookieConsent = forwardRef29(function CookieConsent2({
         onClick: callAll(choose, onClick),
         ...rest,
         children: [
-          /* @__PURE__ */ jsxs22("h2", { className: "oc-cookie-consent__title", id: `${id}-title`, children: [
+          /* @__PURE__ */ jsxs23("h2", { className: "oc-cookie-consent__title", id: `${id}-title`, children: [
             /* @__PURE__ */ jsx29("span", { "aria-hidden": "true", children: "\u{1F36A}" }),
             " ",
             title
           ] }),
-          /* @__PURE__ */ jsx29("p", { className: "oc-cookie-consent__text", children: text ?? /* @__PURE__ */ jsxs22(Fragment5, { children: [
+          /* @__PURE__ */ jsx29("p", { className: "oc-cookie-consent__text", children: text ?? /* @__PURE__ */ jsxs23(Fragment5, { children: [
             "Necessary cookies keep the site working. With your permission we also measure visits to improve the site. Read the ",
             /* @__PURE__ */ jsx29("a", { href: policyHref, children: "cookie policy" }),
             "."
           ] }) }),
-          /* @__PURE__ */ jsxs22("details", { className: "oc-cookie-consent__prefs", children: [
+          /* @__PURE__ */ jsxs23("details", { className: "oc-cookie-consent__prefs", children: [
             /* @__PURE__ */ jsx29("summary", { children: customizeLabel }),
-            categories.map((c) => /* @__PURE__ */ jsxs22("div", { className: "oc-cookie-consent__category", children: [
+            categories.map((c) => /* @__PURE__ */ jsxs23("div", { className: "oc-cookie-consent__category", children: [
               /* @__PURE__ */ jsx29("span", { className: "oc-cookie-consent__category-name", children: c.label }),
               c.text != null && /* @__PURE__ */ jsx29("span", { className: "oc-cookie-consent__category-text", children: c.text }),
-              /* @__PURE__ */ jsxs22("label", { className: "oc-switch", children: [
+              /* @__PURE__ */ jsxs23("label", { className: "oc-switch", children: [
                 /* @__PURE__ */ jsx29("input", { type: "checkbox", role: "switch", name: c.name, defaultChecked: c.required, disabled: c.required, "aria-label": `${c.label} cookies` }),
                 /* @__PURE__ */ jsx29("span", { className: "oc-switch-track" })
               ] })
             ] }, c.name))
           ] }),
-          /* @__PURE__ */ jsxs22("div", { className: "oc-cookie-consent__actions", children: [
+          /* @__PURE__ */ jsxs23("div", { className: "oc-cookie-consent__actions", children: [
             /* @__PURE__ */ jsx29("button", { type: "button", className: "oc-btn oc-btn--outline", "data-oc-consent": "necessary", children: necessaryLabel }),
             /* @__PURE__ */ jsx29("button", { type: "button", className: "oc-btn oc-btn--secondary", "data-oc-consent": "selected", children: selectedLabel }),
             /* @__PURE__ */ jsx29("button", { type: "button", className: "oc-btn", "data-oc-consent": "all", children: allLabel })
@@ -1062,7 +1072,7 @@ var CookieConsent = forwardRef29(function CookieConsent2({
 
 // src/components/CopyField.tsx
 import { forwardRef as forwardRef30, useEffect as useEffect3, useRef as useRef6, useState as useState4 } from "react";
-import { jsx as jsx30, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx30, jsxs as jsxs24 } from "react/jsx-runtime";
 var CopyField = forwardRef30(function CopyField2({ value, label = "Value", buttonLabel = "Copy", feedbackMs = 2e3, onCopy, className, ...rest }, ref) {
   const [copied, setCopied] = useState4(false);
   const timer = useRef6(void 0);
@@ -1078,7 +1088,7 @@ var CopyField = forwardRef30(function CopyField2({ value, label = "Value", butto
     clearTimeout(timer.current);
     timer.current = setTimeout(() => setCopied(false), feedbackMs);
   };
-  return /* @__PURE__ */ jsxs23("div", { ref, className: cx("oc-copy-field", className), ...rest, children: [
+  return /* @__PURE__ */ jsxs24("div", { ref, className: cx("oc-copy-field", className), ...rest, children: [
     /* @__PURE__ */ jsx30("input", { className: "oc-copy-field-value", type: "text", readOnly: true, value, "aria-label": label }),
     /* @__PURE__ */ jsx30("button", { className: cx("oc-copy-field-button", copied && "is-copied"), type: "button", onClick: copy, children: buttonLabel })
   ] });
@@ -1545,14 +1555,21 @@ function bindDataTable(root) {
 function initDataTables(scope = document) {
   scope.querySelectorAll(".oc-data-table").forEach((root) => bindDataTable(root));
 }
-if (typeof document !== "undefined" && String(import.meta.url).includes("oc-data-table")) {
+function autoStart() {
+  if (typeof document === "undefined") return false;
+  const url = String(import.meta.url);
+  if (url.includes("oc-data-table") || /[?&]auto(=|&|$)/.test(url)) return true;
+  const file = url.split(/[?#]/)[0];
+  return [...document.querySelectorAll("script[data-oc-auto][src]")].some((s) => s.src.split(/[?#]/)[0] === file);
+}
+if (autoStart()) {
   const boot = () => initDataTables(document);
   if (document.readyState === "loading") document.addEventListener("DOMContentLoaded", boot);
   else boot();
 }
 
 // src/components/DataTable.tsx
-import { jsx as jsx32, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx32, jsxs as jsxs25 } from "react/jsx-runtime";
 var PAGE_SIZES = [10, 15, 20, 50, 100];
 function DataTable({
   id,
@@ -1586,7 +1603,7 @@ function DataTable({
   }, [columns, rows]);
   const lead = (selectable ? 1 : 0) + (draggable ? 1 : 0);
   const sizes = [.../* @__PURE__ */ new Set([...PAGE_SIZES, pageSize])].sort((a, b) => a - b);
-  return /* @__PURE__ */ jsxs24(
+  return /* @__PURE__ */ jsxs25(
     "div",
     {
       ref: rootRef,
@@ -1595,11 +1612,11 @@ function DataTable({
       "data-page-size": pageSize,
       "data-oc-live": live ? "true" : void 0,
       children: [
-        /* @__PURE__ */ jsxs24("div", { className: "oc-data-table-toolbar", children: [
-          /* @__PURE__ */ jsxs24("div", { className: "oc-data-table-heading", children: [
+        /* @__PURE__ */ jsxs25("div", { className: "oc-data-table-toolbar", children: [
+          /* @__PURE__ */ jsxs25("div", { className: "oc-data-table-heading", children: [
             /* @__PURE__ */ jsx32("span", { className: "oc-data-table-title", children: title }),
             /* @__PURE__ */ jsx32("button", { className: "oc-btn oc-btn--outline oc-btn--icon oc-btn--sm", type: "button", popoverTarget: `${tableId}-menu`, "aria-label": "Table actions", children: "\u2699" }),
-            /* @__PURE__ */ jsxs24("div", { className: "oc-dropdown-menu", id: `${tableId}-menu`, popover: "auto", children: [
+            /* @__PURE__ */ jsxs25("div", { className: "oc-dropdown-menu", id: `${tableId}-menu`, popover: "auto", children: [
               /* @__PURE__ */ jsx32("button", { className: "oc-dropdown-item", type: "button", "data-oc-export": "", children: "Export CSV" }),
               /* @__PURE__ */ jsx32("button", { className: "oc-dropdown-item", type: "button", "data-oc-import": "", children: "Import CSV" }),
               /* @__PURE__ */ jsx32("input", { className: "oc-data-table-file", type: "file", accept: ".csv,text/csv", "data-oc-file": "" }),
@@ -1610,32 +1627,32 @@ function DataTable({
             ] })
           ] }),
           /* @__PURE__ */ jsx32("input", { className: "oc-input oc-data-table-search", type: "search", placeholder: searchPlaceholder, "aria-label": `Search ${title}` }),
-          filters && /* @__PURE__ */ jsxs24("div", { className: "oc-filter-pills", role: "group", "aria-label": "Trash filter", children: [
+          filters && /* @__PURE__ */ jsxs25("div", { className: "oc-filter-pills", role: "group", "aria-label": "Trash filter", children: [
             /* @__PURE__ */ jsx32("button", { className: "oc-filter-pill", type: "button", "data-oc-filter": "active", "aria-current": "true", children: "Active only" }),
             /* @__PURE__ */ jsx32("button", { className: "oc-filter-pill", type: "button", "data-oc-filter": "all", children: "Including trash" }),
             /* @__PURE__ */ jsx32("button", { className: "oc-filter-pill", type: "button", "data-oc-filter": "deleted", children: "Trash only" }),
             /* @__PURE__ */ jsx32("button", { className: "oc-filter-pill", type: "button", "data-oc-filter": "archived", children: "Archive only" })
           ] }),
-          /* @__PURE__ */ jsxs24("div", { className: "oc-data-table-view", role: "group", "aria-label": "View", children: [
+          /* @__PURE__ */ jsxs25("div", { className: "oc-data-table-view", role: "group", "aria-label": "View", children: [
             /* @__PURE__ */ jsx32("button", { className: "oc-btn oc-btn--outline oc-btn--sm", type: "button", "data-oc-view": "table", "aria-pressed": "true", children: "Table" }),
             /* @__PURE__ */ jsx32("button", { className: "oc-btn oc-btn--outline oc-btn--sm", type: "button", "data-oc-view": "grid", children: "Cards" })
           ] }),
           actions && /* @__PURE__ */ jsx32("div", { className: "oc-data-table-actions", children: actions }),
           /* @__PURE__ */ jsx32("p", { className: "oc-data-table-sort-summary", "data-oc-sort-summary": "", role: "status" })
         ] }),
-        /* @__PURE__ */ jsxs24("div", { className: "oc-table-toolbar", children: [
+        /* @__PURE__ */ jsxs25("div", { className: "oc-table-toolbar", children: [
           /* @__PURE__ */ jsx32("span", { className: "oc-table-toolbar-spacer" }),
           /* @__PURE__ */ jsx32("button", { className: "oc-btn oc-btn--outline oc-btn--sm", type: "button", popoverTarget: `${tableId}-columns`, children: "Columns" })
         ] }),
-        /* @__PURE__ */ jsxs24("div", { className: "oc-column-menu", id: `${tableId}-columns`, popover: "auto", children: [
+        /* @__PURE__ */ jsxs25("div", { className: "oc-column-menu", id: `${tableId}-columns`, popover: "auto", children: [
           /* @__PURE__ */ jsx32("p", { className: "oc-column-menu-title", children: "Visible columns" }),
-          /* @__PURE__ */ jsx32("form", { className: "oc-column-menu-list", children: columns.map((col, index) => col.hideable === false ? null : /* @__PURE__ */ jsxs24("label", { className: "oc-column-menu-item", children: [
+          /* @__PURE__ */ jsx32("form", { className: "oc-column-menu-list", children: columns.map((col, index) => col.hideable === false ? null : /* @__PURE__ */ jsxs25("label", { className: "oc-column-menu-item", children: [
             /* @__PURE__ */ jsx32("input", { type: "checkbox", "data-col": lead + index + 1, defaultChecked: !col.defaultHidden }),
             " ",
             col.header
           ] }, col.key)) })
         ] }),
-        /* @__PURE__ */ jsxs24("div", { className: "oc-data-table-bulk", hidden: true, children: [
+        /* @__PURE__ */ jsxs25("div", { className: "oc-data-table-bulk", hidden: true, children: [
           /* @__PURE__ */ jsx32("span", { "data-oc-selected-count": "", children: "0 selected" }),
           /* @__PURE__ */ jsx32("button", { className: "oc-btn oc-btn--outline oc-btn--sm", type: "button", "data-oc-bulk": "export", children: "Export selection" }),
           /* @__PURE__ */ jsx32("button", { className: "oc-btn oc-btn--outline oc-btn--sm", type: "button", "data-oc-bulk": "duplicate", children: "Duplicate" }),
@@ -1644,18 +1661,18 @@ function DataTable({
           /* @__PURE__ */ jsx32("button", { className: "oc-btn oc-btn--destructive oc-btn--sm", type: "button", "data-oc-bulk": "delete", children: "Delete permanently" }),
           /* @__PURE__ */ jsx32("button", { className: "oc-btn oc-btn--ghost oc-btn--sm", type: "button", "data-oc-bulk": "clear", children: "Clear" })
         ] }),
-        /* @__PURE__ */ jsxs24("div", { className: "oc-data-table-frame", children: [
-          /* @__PURE__ */ jsx32("div", { className: "oc-data-table-scroll", children: /* @__PURE__ */ jsxs24("table", { className: "oc-table oc-data-table-table", children: [
-            /* @__PURE__ */ jsx32("thead", { children: /* @__PURE__ */ jsxs24("tr", { children: [
+        /* @__PURE__ */ jsxs25("div", { className: "oc-data-table-frame", children: [
+          /* @__PURE__ */ jsx32("div", { className: "oc-data-table-scroll", children: /* @__PURE__ */ jsxs25("table", { className: "oc-table oc-data-table-table", children: [
+            /* @__PURE__ */ jsx32("thead", { children: /* @__PURE__ */ jsxs25("tr", { children: [
               selectable && /* @__PURE__ */ jsx32("th", { "data-oc-col": "select", children: /* @__PURE__ */ jsx32("input", { className: "oc-checkbox", type: "checkbox", "data-oc-select-all": "", "aria-label": "Select all" }) }),
               draggable && /* @__PURE__ */ jsx32("th", { "data-oc-col": "order", children: /* @__PURE__ */ jsx32("span", { className: "oc-visually-hidden", children: "Order" }) }),
-              columns.map((col) => /* @__PURE__ */ jsx32("th", { "data-oc-col": col.key, "data-oc-sort": col.numeric ? "numeric" : "text", "data-numeric": col.numeric ? "" : void 0, children: /* @__PURE__ */ jsxs24("span", { className: "oc-data-table-th", children: [
+              columns.map((col) => /* @__PURE__ */ jsx32("th", { "data-oc-col": col.key, "data-oc-sort": col.numeric ? "numeric" : "text", "data-numeric": col.numeric ? "" : void 0, children: /* @__PURE__ */ jsxs25("span", { className: "oc-data-table-th", children: [
                 col.sortable === false ? col.header : /* @__PURE__ */ jsx32("button", { className: "oc-table-sort", type: "button", children: col.header }),
                 /* @__PURE__ */ jsx32("span", { className: "oc-data-table-resize", role: "separator", "aria-orientation": "vertical", "aria-label": `Resize ${col.header}` })
               ] }) }, col.key)),
               /* @__PURE__ */ jsx32("th", { "data-oc-col": "actions", children: /* @__PURE__ */ jsx32("span", { className: "oc-visually-hidden", children: "Actions" }) })
             ] }) }),
-            /* @__PURE__ */ jsx32("tbody", { children: rows.map((row) => /* @__PURE__ */ jsxs24("tr", { "data-oc-row": "", "data-oc-key": row.key, "data-oc-status": row.status || "active", "data-oc-href": row.href, children: [
+            /* @__PURE__ */ jsx32("tbody", { children: rows.map((row) => /* @__PURE__ */ jsxs25("tr", { "data-oc-row": "", "data-oc-key": row.key, "data-oc-status": row.status || "active", "data-oc-href": row.href, children: [
               selectable && /* @__PURE__ */ jsx32("td", { "data-oc-col": "select", children: /* @__PURE__ */ jsx32("input", { className: "oc-checkbox", type: "checkbox", "data-oc-select": "", "aria-label": `Select ${row.cells.name || row.key}` }) }),
               draggable && /* @__PURE__ */ jsx32("td", { "data-oc-col": "order", className: "oc-sortable-row-grip-cell", children: /* @__PURE__ */ jsx32("button", { className: "oc-sortable-row-grip", type: "button", "aria-label": `Move ${row.cells.name || row.key}` }) }),
               columns.map((col) => /* @__PURE__ */ jsx32("td", { "data-oc-col": col.key, "data-numeric": col.numeric ? "" : void 0, "data-oc-value": row.values?.[col.key], children: row.cells[col.key] ?? "" }, col.key)),
@@ -1664,9 +1681,9 @@ function DataTable({
           ] }) }),
           /* @__PURE__ */ jsx32("p", { className: "oc-data-table-empty", hidden: true, children: "No results" })
         ] }),
-        /* @__PURE__ */ jsxs24("div", { className: "oc-data-table-footer", children: [
+        /* @__PURE__ */ jsxs25("div", { className: "oc-data-table-footer", children: [
           /* @__PURE__ */ jsx32("p", { className: "oc-data-table-summary", "data-oc-summary": "" }),
-          /* @__PURE__ */ jsxs24("label", { className: "oc-data-table-per-page", children: [
+          /* @__PURE__ */ jsxs25("label", { className: "oc-data-table-per-page", children: [
             "Rows per page",
             /* @__PURE__ */ jsx32("select", { className: "oc-select", "data-oc-page-size": "", "aria-label": "Rows per page", defaultValue: String(pageSize), children: sizes.map((n) => /* @__PURE__ */ jsx32("option", { value: n, children: n }, n)) })
           ] }),
@@ -1679,7 +1696,7 @@ function DataTable({
 
 // src/components/DecimalInput.tsx
 import { forwardRef as forwardRef32, useEffect as useEffect5, useState as useState5 } from "react";
-import { jsx as jsx33, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx33, jsxs as jsxs26 } from "react/jsx-runtime";
 function separators(locale) {
   const parts = new Intl.NumberFormat(locale).formatToParts(1234.5);
   return { group: parts.find((p) => p.type === "group")?.value ?? ",", decimal: parts.find((p) => p.type === "decimal")?.value ?? "." };
@@ -1728,7 +1745,7 @@ var DecimalInput = forwardRef32(function DecimalInput2({ value, defaultValue, on
     }
   );
   if (!unit) return input;
-  return /* @__PURE__ */ jsxs25("div", { className: "oc-decimal-field", children: [
+  return /* @__PURE__ */ jsxs26("div", { className: "oc-decimal-field", children: [
     input,
     /* @__PURE__ */ jsx33("span", { className: "oc-decimal-field-unit", children: unit })
   ] });
@@ -1736,12 +1753,12 @@ var DecimalInput = forwardRef32(function DecimalInput2({ value, defaultValue, on
 
 // src/components/DefinitionList.tsx
 import { forwardRef as forwardRef33 } from "react";
-import { jsx as jsx34, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx34, jsxs as jsxs27 } from "react/jsx-runtime";
 var DefinitionList = forwardRef33(function DefinitionList2({ title, description, items, footer, className, ...rest }, ref) {
-  return /* @__PURE__ */ jsxs26("div", { ref, className: cx("oc-dl-panel", className), role: "region", ...rest, children: [
+  return /* @__PURE__ */ jsxs27("div", { ref, className: cx("oc-dl-panel", className), role: "region", ...rest, children: [
     title != null && /* @__PURE__ */ jsx34("h3", { className: "oc-dl-title", children: title }),
     description != null && /* @__PURE__ */ jsx34("p", { className: "oc-dl-description", children: description }),
-    /* @__PURE__ */ jsx34("dl", { className: "oc-dl", children: items.map((item, i) => /* @__PURE__ */ jsxs26("div", { className: "oc-dl-row", children: [
+    /* @__PURE__ */ jsx34("dl", { className: "oc-dl", children: items.map((item, i) => /* @__PURE__ */ jsxs27("div", { className: "oc-dl-row", children: [
       /* @__PURE__ */ jsx34("dt", { className: "oc-dl-term", children: item.term }),
       /* @__PURE__ */ jsx34("dd", { className: "oc-dl-detail", children: item.detail })
     ] }, i)) }),
@@ -1751,7 +1768,7 @@ var DefinitionList = forwardRef33(function DefinitionList2({ title, description,
 
 // src/components/DocViewer.tsx
 import { forwardRef as forwardRef34, useId as useId11 } from "react";
-import { Fragment as Fragment6, jsx as jsx35, jsxs as jsxs27 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx35, jsxs as jsxs28 } from "react/jsx-runtime";
 var DEMO4 = [
   { label: "Brochure 2026", meta: "PDF \xB7 2.4 MB", alt: "First page of Brochure 2026", art: 2, download: "#brochure.pdf" },
   { label: "Site visit", meta: "1:42", type: "video", alt: "Video still: site visit", art: 5 }
@@ -1771,13 +1788,13 @@ var DocViewer = forwardRef34(function DocViewer2({ items = DEMO4, openText = "Cl
     const id = idOf(doc, i);
     const full = doc.fullscreen !== false;
     const frame = full && (doc.open ?? (doc.type === "video" ? "frame" : "bar")) === "frame";
-    return /* @__PURE__ */ jsxs27("figure", { className: cx("oc-doc-viewer", doc.type === "video" && "oc-doc-viewer--video", doc.type === "image" && "oc-doc-viewer--image"), children: [
-      /* @__PURE__ */ jsxs27("figcaption", { className: "oc-doc-viewer__bar", children: [
+    return /* @__PURE__ */ jsxs28("figure", { className: cx("oc-doc-viewer", doc.type === "video" && "oc-doc-viewer--video", doc.type === "image" && "oc-doc-viewer--image"), children: [
+      /* @__PURE__ */ jsxs28("figcaption", { className: "oc-doc-viewer__bar", children: [
         /* @__PURE__ */ jsx35("span", { className: "oc-doc-viewer__label", children: doc.label }),
         doc.meta != null && /* @__PURE__ */ jsx35("span", { className: "oc-doc-viewer__meta", children: doc.meta }),
         full && !frame && /* @__PURE__ */ jsx35("button", { type: "button", className: "oc-doc-viewer__expand", ...attrs({ command: "show-modal", commandfor: id }), "aria-label": `Open ${doc.label} full screen`, children: "\u2922" })
       ] }),
-      /* @__PURE__ */ jsxs27("div", { className: "oc-doc-viewer__frame", children: [
+      /* @__PURE__ */ jsxs28("div", { className: "oc-doc-viewer__frame", children: [
         media(doc, doc.alt ?? doc.label),
         frame && /* @__PURE__ */ jsx35("button", { type: "button", className: "oc-doc-viewer__open", ...attrs({ command: "show-modal", commandfor: id }), children: openText })
       ] })
@@ -1787,10 +1804,10 @@ var DocViewer = forwardRef34(function DocViewer2({ items = DEMO4, openText = "Cl
     if (doc.fullscreen === false) return null;
     const id = idOf(doc, i);
     const close = /* @__PURE__ */ jsx35("button", { type: "button", className: "oc-doc-viewer-dialog__close", ...attrs({ command: "close", commandfor: id }), "aria-label": "Close", children: "\u2715" });
-    return /* @__PURE__ */ jsxs27("dialog", { className: cx("oc-doc-viewer-dialog", doc.type === "video" && "oc-doc-viewer-dialog--video"), id, ...attrs({ closedby: "any" }), "aria-labelledby": `${id}-title`, children: [
-      /* @__PURE__ */ jsxs27("div", { className: "oc-doc-viewer-dialog__bar", children: [
+    return /* @__PURE__ */ jsxs28("dialog", { className: cx("oc-doc-viewer-dialog", doc.type === "video" && "oc-doc-viewer-dialog--video"), id, ...attrs({ closedby: "any" }), "aria-labelledby": `${id}-title`, children: [
+      /* @__PURE__ */ jsxs28("div", { className: "oc-doc-viewer-dialog__bar", children: [
         /* @__PURE__ */ jsx35("h2", { className: "oc-doc-viewer-dialog__title", id: `${id}-title`, children: doc.label }),
-        doc.download ? /* @__PURE__ */ jsxs27("div", { className: "oc-doc-viewer-dialog__actions", children: [
+        doc.download ? /* @__PURE__ */ jsxs28("div", { className: "oc-doc-viewer-dialog__actions", children: [
           /* @__PURE__ */ jsx35("a", { className: "oc-btn oc-btn--outline oc-btn--sm", href: doc.download, download: true, children: downloadText }),
           close
         ] }) : close
@@ -1798,7 +1815,7 @@ var DocViewer = forwardRef34(function DocViewer2({ items = DEMO4, openText = "Cl
       /* @__PURE__ */ jsx35("div", { className: "oc-doc-viewer-dialog__body", children: media(doc, doc.type === "video" ? `${doc.label} video` : doc.label) })
     ] }, i);
   });
-  return /* @__PURE__ */ jsxs27(Fragment6, { children: [
+  return /* @__PURE__ */ jsxs28(Fragment6, { children: [
     /* @__PURE__ */ jsx35("div", { ref, className: cx("oc-doc-viewer-grid", className), ...rest, children: cards }),
     dialogs
   ] });
@@ -1806,11 +1823,11 @@ var DocViewer = forwardRef34(function DocViewer2({ items = DEMO4, openText = "Cl
 
 // src/components/Dropdown.tsx
 import { forwardRef as forwardRef35, useId as useId12 } from "react";
-import { Fragment as Fragment7, jsx as jsx36, jsxs as jsxs28 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx36, jsxs as jsxs29 } from "react/jsx-runtime";
 var Dropdown = forwardRef35(function Dropdown2({ trigger, triggerProps, className, id, children, ...rest }, ref) {
   const auto = useId12();
   const menuId = id ?? `oc-menu-${auto.replace(/:/g, "")}`;
-  return /* @__PURE__ */ jsxs28(Fragment7, { children: [
+  return /* @__PURE__ */ jsxs29(Fragment7, { children: [
     /* @__PURE__ */ jsx36(Button, { variant: "outline", ...triggerProps, popoverTarget: menuId, children: trigger }),
     /* @__PURE__ */ jsx36("div", { ref, className: cx("oc-dropdown-menu", className), id: menuId, ...attrs({ popover: "" }), ...rest, children })
   ] });
@@ -1830,14 +1847,14 @@ function DropdownItem({ className, ...props }) {
 
 // src/components/Dropzone.tsx
 import { forwardRef as forwardRef36, useState as useState6 } from "react";
-import { jsx as jsx37, jsxs as jsxs29 } from "react/jsx-runtime";
+import { jsx as jsx37, jsxs as jsxs30 } from "react/jsx-runtime";
 var Dropzone = forwardRef36(function Dropzone2({ icon, children, hint, onFiles, className, ...rest }, ref) {
   const [over, setOver] = useState6(false);
   const stop = (e) => {
     e.preventDefault();
     setOver(e.type === "dragover" || e.type === "dragenter");
   };
-  return /* @__PURE__ */ jsxs29(
+  return /* @__PURE__ */ jsxs30(
     "label",
     {
       className: cx("oc-dropzone", over && "is-dragover", className),
@@ -1861,7 +1878,7 @@ var Dropzone = forwardRef36(function Dropzone2({ icon, children, hint, onFiles,
 
 // src/components/EmojiPicker.tsx
 import { forwardRef as forwardRef37, useId as useId13 } from "react";
-import { Fragment as Fragment8, jsx as jsx38, jsxs as jsxs30 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx38, jsxs as jsxs31 } from "react/jsx-runtime";
 var defaultGroups = [
   { label: "Smileys", emojis: ["\u{1F600}", "\u{1F603}", "\u{1F604}", "\u{1F601}", "\u{1F602}", "\u{1F642}", "\u{1F609}", "\u{1F60D}", "\u{1F914}", "\u{1F60E}", "\u{1F622}", "\u{1F634}", "\u{1F62F}", "\u{1F973}", "\u{1F624}", "\u{1F917}"] },
   { label: "Gestures", emojis: ["\u{1F44D}", "\u{1F44E}", "\u{1F44F}", "\u{1F64C}", "\u{1F44B}", "\u{1F64F}", "\u270C\uFE0F", "\u{1F4AA}"] },
@@ -1884,14 +1901,14 @@ var EmojiPicker = forwardRef37(function EmojiPicker2({ groups = defaultGroups, o
       "aria-label": label,
       ...inline ? {} : attrs({ popover: "" }),
       ...rest,
-      children: groups.map((g, gi) => /* @__PURE__ */ jsxs30("div", { children: [
+      children: groups.map((g, gi) => /* @__PURE__ */ jsxs31("div", { children: [
         g.label && /* @__PURE__ */ jsx38("p", { className: "oc-emoji-picker__label", children: g.label }),
         /* @__PURE__ */ jsx38("div", { className: "oc-emoji-picker__grid", children: g.emojis.map((emoji) => /* @__PURE__ */ jsx38("button", { type: "button", className: "oc-emoji-picker__item", onClick: (e) => pick(e, emoji), children: emoji }, emoji)) })
       ] }, gi))
     }
   );
   if (inline) return panel;
-  return /* @__PURE__ */ jsxs30(Fragment8, { children: [
+  return /* @__PURE__ */ jsxs31(Fragment8, { children: [
     /* @__PURE__ */ jsx38("button", { type: "button", className: "oc-emoji-picker__trigger", "aria-label": triggerLabel, popoverTarget: panelId, children: trigger }),
     panel
   ] });
@@ -1899,9 +1916,9 @@ var EmojiPicker = forwardRef37(function EmojiPicker2({ groups = defaultGroups, o
 
 // src/components/EmptyState.tsx
 import { forwardRef as forwardRef38 } from "react";
-import { jsx as jsx39, jsxs as jsxs31 } from "react/jsx-runtime";
+import { jsx as jsx39, jsxs as jsxs32 } from "react/jsx-runtime";
 var EmptyState = forwardRef38(function EmptyState2({ icon, title, description, actions, className, ...rest }, ref) {
-  return /* @__PURE__ */ jsxs31("div", { ref, className: cx("oc-empty", className), ...rest, children: [
+  return /* @__PURE__ */ jsxs32("div", { ref, className: cx("oc-empty", className), ...rest, children: [
     icon != null && /* @__PURE__ */ jsx39("span", { className: "oc-empty-icon", "aria-hidden": "true", children: icon }),
     /* @__PURE__ */ jsx39("h3", { className: "oc-empty-title", children: title }),
     description != null && /* @__PURE__ */ jsx39("p", { className: "oc-empty-text", children: description }),
@@ -1911,17 +1928,17 @@ var EmptyState = forwardRef38(function EmptyState2({ icon, title, description, a
 
 // src/components/EntityCard.tsx
 import { Fragment as Fragment9, forwardRef as forwardRef39 } from "react";
-import { jsx as jsx40, jsxs as jsxs32 } from "react/jsx-runtime";
+import { jsx as jsx40, jsxs as jsxs33 } from "react/jsx-runtime";
 var EntityCard = forwardRef39(function EntityCard2({ title, eyebrow, description, src, alt = "", glyph, media: media3, contain, facts, footer, stacked, size = "md", className, children, ...rest }, ref) {
   const frame = media3 ?? (src ? /* @__PURE__ */ jsx40("img", { src, alt }) : glyph != null ? /* @__PURE__ */ jsx40("span", { className: "oc-entity-card__glyph", "aria-hidden": "true", children: glyph }) : null);
-  return /* @__PURE__ */ jsxs32("article", { ref, className: cx("oc-entity-card", stacked && "oc-entity-card--stacked", size === "sm" && "oc-entity-card--sm", className), ...rest, children: [
-    /* @__PURE__ */ jsxs32("div", { className: "oc-entity-card__grid", children: [
+  return /* @__PURE__ */ jsxs33("article", { ref, className: cx("oc-entity-card", stacked && "oc-entity-card--stacked", size === "sm" && "oc-entity-card--sm", className), ...rest, children: [
+    /* @__PURE__ */ jsxs33("div", { className: "oc-entity-card__grid", children: [
       /* @__PURE__ */ jsx40("div", { className: cx("oc-entity-card__frame", contain && "oc-entity-card__frame--contain"), children: frame }),
-      /* @__PURE__ */ jsxs32("div", { className: "oc-entity-card__body", children: [
+      /* @__PURE__ */ jsxs33("div", { className: "oc-entity-card__body", children: [
         eyebrow != null && /* @__PURE__ */ jsx40("p", { className: "oc-entity-card__eyebrow", children: eyebrow }),
         /* @__PURE__ */ jsx40("h3", { className: "oc-entity-card__title", children: title }),
         description != null && /* @__PURE__ */ jsx40("p", { className: "oc-entity-card__description", children: description }),
-        facts && facts.length > 0 && /* @__PURE__ */ jsx40("dl", { className: "oc-entity-card__facts", children: facts.map(([k, v], i) => /* @__PURE__ */ jsxs32(Fragment9, { children: [
+        facts && facts.length > 0 && /* @__PURE__ */ jsx40("dl", { className: "oc-entity-card__facts", children: facts.map(([k, v], i) => /* @__PURE__ */ jsxs33(Fragment9, { children: [
           /* @__PURE__ */ jsx40("dt", { children: k }),
           /* @__PURE__ */ jsx40("dd", { children: v })
         ] }, i)) }),
@@ -1934,7 +1951,7 @@ var EntityCard = forwardRef39(function EntityCard2({ title, eyebrow, description
 
 // src/components/FactList.tsx
 import { forwardRef as forwardRef40 } from "react";
-import { jsx as jsx41, jsxs as jsxs33 } from "react/jsx-runtime";
+import { jsx as jsx41, jsxs as jsxs34 } from "react/jsx-runtime";
 var FactList = forwardRef40(function FactList2({ items, plain = false, compact = false, stacked = false, accent = false, className, ...rest }, ref) {
   const classes = cx(
     "oc-fact-list",
@@ -1944,7 +1961,7 @@ var FactList = forwardRef40(function FactList2({ items, plain = false, compact =
     accent && "oc-fact-list--accent",
     className
   );
-  return /* @__PURE__ */ jsx41("dl", { ref, className: classes, ...rest, children: items.map((row, i) => /* @__PURE__ */ jsxs33("div", { children: [
+  return /* @__PURE__ */ jsx41("dl", { ref, className: classes, ...rest, children: items.map((row, i) => /* @__PURE__ */ jsxs34("div", { children: [
     /* @__PURE__ */ jsx41("dt", { children: row.label }),
     /* @__PURE__ */ jsx41("dd", { children: row.value })
   ] }, i)) });
@@ -1952,11 +1969,11 @@ var FactList = forwardRef40(function FactList2({ items, plain = false, compact =
 
 // src/components/FilterCounts.tsx
 import { forwardRef as forwardRef41, useId as useId14 } from "react";
-import { jsx as jsx42, jsxs as jsxs34 } from "react/jsx-runtime";
+import { jsx as jsx42, jsxs as jsxs35 } from "react/jsx-runtime";
 var FilterCounts = forwardRef41(function FilterCounts2({ options, value, defaultValue, onChange, name, compact, className, ...rest }, ref) {
   const group = name ?? `oc-filter-${useId14().replace(/:/g, "")}`;
   const [current, setCurrent] = useControllable(value, defaultValue ?? options[0]?.value ?? "", onChange);
-  return /* @__PURE__ */ jsx42("fieldset", { ref, className: cx("oc-filter-counts", compact && "oc-filter-counts--compact", className), role: "radiogroup", ...rest, children: options.map((o) => /* @__PURE__ */ jsxs34("label", { className: cx("oc-filter-counts-item", o.tone && o.tone !== "primary" && `oc-filter-counts-item--${o.tone}`), children: [
+  return /* @__PURE__ */ jsx42("fieldset", { ref, className: cx("oc-filter-counts", compact && "oc-filter-counts--compact", className), role: "radiogroup", ...rest, children: options.map((o) => /* @__PURE__ */ jsxs35("label", { className: cx("oc-filter-counts-item", o.tone && o.tone !== "primary" && `oc-filter-counts-item--${o.tone}`), children: [
     /* @__PURE__ */ jsx42("input", { type: "radio", name: group, value: o.value, disabled: o.disabled, checked: current === o.value, onChange: () => setCurrent(o.value) }),
     /* @__PURE__ */ jsx42("span", { className: "oc-filter-counts-value", children: o.count }),
     /* @__PURE__ */ jsx42("span", { className: "oc-filter-counts-label", children: o.label }),
@@ -1966,12 +1983,12 @@ var FilterCounts = forwardRef41(function FilterCounts2({ options, value, default
 
 // src/components/FlipCard.tsx
 import { forwardRef as forwardRef42, useId as useId15 } from "react";
-import { jsx as jsx43, jsxs as jsxs35 } from "react/jsx-runtime";
+import { jsx as jsx43, jsxs as jsxs36 } from "react/jsx-runtime";
 var FlipCard = forwardRef42(function FlipCard2({ front, back, trigger = "toggle", flipped, defaultFlipped = false, onFlippedChange, vertical, frontLabel = "Show answer", backLabel = "Back", className, ...rest }, ref) {
   const id = `oc-flip-${useId15().replace(/:/g, "")}`;
   const [isFlipped, setFlipped] = useControllable(flipped, defaultFlipped, onFlippedChange);
   const toggle = trigger === "toggle";
-  return /* @__PURE__ */ jsxs35(
+  return /* @__PURE__ */ jsxs36(
     "div",
     {
       ref,
@@ -1980,12 +1997,12 @@ var FlipCard = forwardRef42(function FlipCard2({ front, back, trigger = "toggle"
       ...rest,
       children: [
         toggle && /* @__PURE__ */ jsx43("input", { type: "checkbox", className: "oc-flip-card__toggle", id, checked: isFlipped, onChange: (e) => setFlipped(e.target.checked) }),
-        /* @__PURE__ */ jsxs35("div", { className: "oc-flip-card__inner", children: [
-          /* @__PURE__ */ jsxs35("div", { className: "oc-flip-card__face oc-flip-card__face--front", children: [
+        /* @__PURE__ */ jsxs36("div", { className: "oc-flip-card__inner", children: [
+          /* @__PURE__ */ jsxs36("div", { className: "oc-flip-card__face oc-flip-card__face--front", children: [
             front,
             toggle && /* @__PURE__ */ jsx43("label", { className: "oc-flip-card__flip", htmlFor: id, children: frontLabel })
           ] }),
-          /* @__PURE__ */ jsxs35("div", { className: "oc-flip-card__face oc-flip-card__face--back", children: [
+          /* @__PURE__ */ jsxs36("div", { className: "oc-flip-card__face oc-flip-card__face--back", children: [
             back,
             toggle && /* @__PURE__ */ jsx43("label", { className: "oc-flip-card__flip", htmlFor: id, children: backLabel })
           ] })
@@ -1997,7 +2014,7 @@ var FlipCard = forwardRef42(function FlipCard2({ front, back, trigger = "toggle"
 
 // src/components/FormField.tsx
 import { Children, cloneElement, forwardRef as forwardRef43, isValidElement, useId as useId16 } from "react";
-import { jsx as jsx44, jsxs as jsxs36 } from "react/jsx-runtime";
+import { jsx as jsx44, jsxs as jsxs37 } from "react/jsx-runtime";
 var FormField = forwardRef43(function FormField2({ label, description, error, horizontal, htmlFor, className, children, ...rest }, ref) {
   const auto = useId16();
   const only = Children.count(children) === 1 && isValidElement(children) ? children : null;
@@ -2010,7 +2027,7 @@ var FormField = forwardRef43(function FormField2({ label, description, error, ho
     "aria-describedby": describedBy,
     ...error != null ? { "aria-invalid": true } : {}
   }) : children;
-  return /* @__PURE__ */ jsxs36("div", { ref, className: cx("oc-field", horizontal && "oc-field--horizontal", className), ...rest, children: [
+  return /* @__PURE__ */ jsxs37("div", { ref, className: cx("oc-field", horizontal && "oc-field--horizontal", className), ...rest, children: [
     label != null && /* @__PURE__ */ jsx44("label", { className: "oc-field-label", htmlFor: controlId, children: label }),
     control,
     description != null && /* @__PURE__ */ jsx44("p", { className: "oc-field-description", id: helpId, children: description }),
@@ -2021,9 +2038,19 @@ var FieldGroup = forwardRef43(function FieldGroup2({ row, className, ...rest },
   return /* @__PURE__ */ jsx44("div", { ref, className: cx("oc-field-group", row && "oc-field-group--row", className), ...rest });
 });
 
-// src/components/Greeting.tsx
+// src/components/Glass.tsx
 import { forwardRef as forwardRef44 } from "react";
-import { Fragment as Fragment10, jsx as jsx45, jsxs as jsxs37 } from "react/jsx-runtime";
+import { jsx as jsx45 } from "react/jsx-runtime";
+var Glass = forwardRef44(function Glass2({ strong, flat, as: Tag = "div", className, ...rest }, ref) {
+  return /* @__PURE__ */ jsx45(Tag, { ref, className: cx("oc-glass", strong && "oc-glass--strong", flat && "oc-glass--flat", className), ...rest });
+});
+var GlassPanel = forwardRef44(function GlassPanel2({ strong, className, ...rest }, ref) {
+  return /* @__PURE__ */ jsx45("div", { ref, className: cx("oc-glass-panel", strong && "oc-glass-panel--strong", className), ...rest });
+});
+
+// src/components/Greeting.tsx
+import { forwardRef as forwardRef45 } from "react";
+import { Fragment as Fragment10, jsx as jsx46, jsxs as jsxs38 } from "react/jsx-runtime";
 function greetingTimeOfDay(date = /* @__PURE__ */ new Date()) {
   const h = date.getHours();
   if (h >= 5 && h < 12) return "morning";
@@ -2031,44 +2058,44 @@ function greetingTimeOfDay(date = /* @__PURE__ */ new Date()) {
   return "evening";
 }
 var WORDS = { morning: "Good morning", afternoon: "Good afternoon", evening: "Good evening" };
-var Greeting = forwardRef44(function Greeting2({ name, date, timeOfDay, words, locale, hideDate, eyebrow, icon, actions, size, className, ...rest }, ref) {
+var Greeting = forwardRef45(function Greeting2({ name, date, timeOfDay, words, locale, hideDate, eyebrow, icon, actions, size, className, ...rest }, ref) {
   const when = date ?? /* @__PURE__ */ new Date();
   const tod = timeOfDay ?? greetingTimeOfDay(when);
   const word = words?.[tod] ?? WORDS[tod];
   const dateText = new Intl.DateTimeFormat(locale, { weekday: "long", day: "numeric", month: "long", year: "numeric" }).format(when);
   const iso = `${when.getFullYear()}-${String(when.getMonth() + 1).padStart(2, "0")}-${String(when.getDate()).padStart(2, "0")}`;
-  return /* @__PURE__ */ jsxs37("header", { ref, className: cx("oc-greeting", `oc-greeting--${tod}`, size && `oc-greeting--${size}`, className), ...rest, children: [
-    icon != null && /* @__PURE__ */ jsx45("span", { className: "oc-greeting-icon", "aria-hidden": "true", children: icon }),
-    /* @__PURE__ */ jsxs37("div", { className: "oc-greeting-body", children: [
-      eyebrow != null && /* @__PURE__ */ jsx45("p", { className: "oc-greeting-eyebrow", children: eyebrow }),
-      /* @__PURE__ */ jsxs37("h2", { className: "oc-greeting-title", children: [
+  return /* @__PURE__ */ jsxs38("header", { ref, className: cx("oc-greeting", `oc-greeting--${tod}`, size && `oc-greeting--${size}`, className), ...rest, children: [
+    icon != null && /* @__PURE__ */ jsx46("span", { className: "oc-greeting-icon", "aria-hidden": "true", children: icon }),
+    /* @__PURE__ */ jsxs38("div", { className: "oc-greeting-body", children: [
+      eyebrow != null && /* @__PURE__ */ jsx46("p", { className: "oc-greeting-eyebrow", children: eyebrow }),
+      /* @__PURE__ */ jsxs38("h2", { className: "oc-greeting-title", children: [
         word,
-        name != null && /* @__PURE__ */ jsxs37(Fragment10, { children: [
+        name != null && /* @__PURE__ */ jsxs38(Fragment10, { children: [
           ", ",
-          /* @__PURE__ */ jsx45("span", { className: "oc-greeting-name", children: name })
+          /* @__PURE__ */ jsx46("span", { className: "oc-greeting-name", children: name })
         ] })
       ] }),
-      !hideDate && /* @__PURE__ */ jsx45("time", { className: "oc-greeting-date", dateTime: iso, children: dateText })
+      !hideDate && /* @__PURE__ */ jsx46("time", { className: "oc-greeting-date", dateTime: iso, children: dateText })
     ] }),
-    actions != null && /* @__PURE__ */ jsx45("div", { className: "oc-greeting-actions", children: actions })
+    actions != null && /* @__PURE__ */ jsx46("div", { className: "oc-greeting-actions", children: actions })
   ] });
 });
 
 // src/components/Heading.tsx
-import { forwardRef as forwardRef45 } from "react";
-import { jsx as jsx46, jsxs as jsxs38 } from "react/jsx-runtime";
-var Heading = forwardRef45(function Heading2({ title, description, level = 2, size = "md", titleId, className, ...rest }, ref) {
+import { forwardRef as forwardRef46 } from "react";
+import { jsx as jsx47, jsxs as jsxs39 } from "react/jsx-runtime";
+var Heading = forwardRef46(function Heading2({ title, description, level = 2, size = "md", titleId, className, ...rest }, ref) {
   const Tag = `h${level}`;
-  return /* @__PURE__ */ jsxs38("div", { ref, className: cx("oc-heading", size === "sm" && "oc-heading--sm", className), ...rest, children: [
-    /* @__PURE__ */ jsx46(Tag, { className: "oc-heading-title", id: titleId, children: title }),
-    description != null && /* @__PURE__ */ jsx46("p", { className: "oc-heading-description", children: description })
+  return /* @__PURE__ */ jsxs39("div", { ref, className: cx("oc-heading", size === "sm" && "oc-heading--sm", className), ...rest, children: [
+    /* @__PURE__ */ jsx47(Tag, { className: "oc-heading-title", id: titleId, children: title }),
+    description != null && /* @__PURE__ */ jsx47("p", { className: "oc-heading-description", children: description })
   ] });
 });
 
 // src/components/Icon.tsx
-import { jsx as jsx47 } from "react/jsx-runtime";
+import { jsx as jsx48 } from "react/jsx-runtime";
 function Icon({ d, children, className, ...rest }) {
-  return /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx48(
     "svg",
     {
       className,
@@ -2080,37 +2107,37 @@ function Icon({ d, children, className, ...rest }) {
       strokeLinejoin: "round",
       "aria-hidden": "true",
       ...rest,
-      children: d ? /* @__PURE__ */ jsx47("path", { d }) : children
+      children: d ? /* @__PURE__ */ jsx48("path", { d }) : children
     }
   );
 }
 
 // src/components/ImageZoom.tsx
-import { forwardRef as forwardRef46, useId as useId17, useState as useState7 } from "react";
-import { jsx as jsx48, jsxs as jsxs39 } from "react/jsx-runtime";
-var ImageZoom = forwardRef46(function ImageZoom2({ src, alt = "", levels = [1, 1.5, 2, 3], defaultZoom = 1, ratio, media: media3, className, style, ...rest }, ref) {
+import { forwardRef as forwardRef47, useId as useId17, useState as useState7 } from "react";
+import { jsx as jsx49, jsxs as jsxs40 } from "react/jsx-runtime";
+var ImageZoom = forwardRef47(function ImageZoom2({ src, alt = "", levels = [1, 1.5, 2, 3], defaultZoom = 1, ratio, media: media3, className, style, ...rest }, ref) {
   const name = `oc-zoom-${useId17().replace(/:/g, "")}`;
   const [zoom, setZoom] = useState7(defaultZoom);
   const preset = ratio === "square" || ratio === "photo" ? ratio : void 0;
   const vars = { "--oc-zoom": String(zoom), ...ratio && !preset ? { "--oc-image-zoom-ratio": ratio } : {} };
-  return /* @__PURE__ */ jsxs39("div", { ref, className: cx("oc-image-zoom", preset && `oc-image-zoom--${preset}`, className), style: { ...vars, ...style }, ...rest, children: [
-    levels.length > 0 && /* @__PURE__ */ jsxs39("div", { className: "oc-image-zoom__toolbar", role: "radiogroup", "aria-label": "Zoom level", children: [
-      /* @__PURE__ */ jsx48("span", { className: "oc-image-zoom__label", children: "Zoom" }),
-      levels.map((l) => /* @__PURE__ */ jsxs39("label", { className: "oc-image-zoom__level", children: [
-        /* @__PURE__ */ jsx48("input", { type: "radio", name, value: String(l), checked: zoom === l, onChange: () => setZoom(l) }),
+  return /* @__PURE__ */ jsxs40("div", { ref, className: cx("oc-image-zoom", preset && `oc-image-zoom--${preset}`, className), style: { ...vars, ...style }, ...rest, children: [
+    levels.length > 0 && /* @__PURE__ */ jsxs40("div", { className: "oc-image-zoom__toolbar", role: "radiogroup", "aria-label": "Zoom level", children: [
+      /* @__PURE__ */ jsx49("span", { className: "oc-image-zoom__label", children: "Zoom" }),
+      levels.map((l) => /* @__PURE__ */ jsxs40("label", { className: "oc-image-zoom__level", children: [
+        /* @__PURE__ */ jsx49("input", { type: "radio", name, value: String(l), checked: zoom === l, onChange: () => setZoom(l) }),
         Math.round(l * 100),
         "%"
       ] }, l))
     ] }),
-    /* @__PURE__ */ jsx48("div", { className: "oc-image-zoom__viewport", tabIndex: 0, role: "region", "aria-label": alt ? `${alt}, scroll to pan` : "Scroll to pan", children: /* @__PURE__ */ jsx48("div", { className: "oc-image-zoom__canvas", children: media3 ?? (src ? /* @__PURE__ */ jsx48("img", { src, alt }) : /* @__PURE__ */ jsx48("div", { className: "oc-media-art", role: "img", "aria-label": alt })) }) })
+    /* @__PURE__ */ jsx49("div", { className: "oc-image-zoom__viewport", tabIndex: 0, role: "region", "aria-label": alt ? `${alt}, scroll to pan` : "Scroll to pan", children: /* @__PURE__ */ jsx49("div", { className: "oc-image-zoom__canvas", children: media3 ?? (src ? /* @__PURE__ */ jsx49("img", { src, alt }) : /* @__PURE__ */ jsx49("div", { className: "oc-media-art", role: "img", "aria-label": alt })) }) })
   ] });
 });
 
 // src/components/Input.tsx
-import { forwardRef as forwardRef47 } from "react";
-import { jsx as jsx49 } from "react/jsx-runtime";
-var Input = forwardRef47(function Input2({ error, className, type = "text", ...rest }, ref) {
-  return /* @__PURE__ */ jsx49(
+import { forwardRef as forwardRef48 } from "react";
+import { jsx as jsx50 } from "react/jsx-runtime";
+var Input = forwardRef48(function Input2({ error, className, type = "text", ...rest }, ref) {
+  return /* @__PURE__ */ jsx50(
     "input",
     {
       ref,
@@ -2123,28 +2150,28 @@ var Input = forwardRef47(function Input2({ error, className, type = "text", ...r
 });
 
 // src/components/InputGroup.tsx
-import { forwardRef as forwardRef48 } from "react";
-import { jsx as jsx50, jsxs as jsxs40 } from "react/jsx-runtime";
-var InputGroup = forwardRef48(function InputGroup2({ prefix, suffix, className, children, ...rest }, ref) {
-  return /* @__PURE__ */ jsxs40("div", { ref, className: cx("oc-input-group", className), ...rest, children: [
-    prefix != null && /* @__PURE__ */ jsx50("span", { className: "oc-input-addon", children: prefix }),
+import { forwardRef as forwardRef49 } from "react";
+import { jsx as jsx51, jsxs as jsxs41 } from "react/jsx-runtime";
+var InputGroup = forwardRef49(function InputGroup2({ prefix, suffix, className, children, ...rest }, ref) {
+  return /* @__PURE__ */ jsxs41("div", { ref, className: cx("oc-input-group", className), ...rest, children: [
+    prefix != null && /* @__PURE__ */ jsx51("span", { className: "oc-input-addon", children: prefix }),
     children,
-    suffix != null && /* @__PURE__ */ jsx50("span", { className: "oc-input-addon", children: suffix })
+    suffix != null && /* @__PURE__ */ jsx51("span", { className: "oc-input-addon", children: suffix })
   ] });
 });
 
 // src/components/LanguageSelect.tsx
-import { forwardRef as forwardRef49 } from "react";
-import { jsx as jsx51, jsxs as jsxs41 } from "react/jsx-runtime";
-var Globe = () => /* @__PURE__ */ jsxs41("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
-  /* @__PURE__ */ jsx51("circle", { cx: "12", cy: "12", r: "9" }),
-  /* @__PURE__ */ jsx51("path", { d: "M3 12h18M12 3a14 14 0 0 1 0 18M12 3a14 14 0 0 0 0 18" })
+import { forwardRef as forwardRef50 } from "react";
+import { jsx as jsx52, jsxs as jsxs42 } from "react/jsx-runtime";
+var Globe = () => /* @__PURE__ */ jsxs42("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
+  /* @__PURE__ */ jsx52("circle", { cx: "12", cy: "12", r: "9" }),
+  /* @__PURE__ */ jsx52("path", { d: "M3 12h18M12 3a14 14 0 0 1 0 18M12 3a14 14 0 0 0 0 18" })
 ] });
-var LanguageSelect = forwardRef49(function LanguageSelect2({ options, value, defaultValue, onChange, currency, ghost, icon, labelClassName, className, ...rest }, ref) {
+var LanguageSelect = forwardRef50(function LanguageSelect2({ options, value, defaultValue, onChange, currency, ghost, icon, labelClassName, className, ...rest }, ref) {
   const [current, setCurrent] = useControllable(value, defaultValue ?? options[0]?.value ?? "", onChange);
-  return /* @__PURE__ */ jsxs41("label", { className: cx("oc-language-select", ghost && "oc-language-select--ghost", currency && "oc-language-select--currency", labelClassName), children: [
-    /* @__PURE__ */ jsx51("span", { className: "oc-language-select-icon", "aria-hidden": "true", children: icon ?? (currency ? "\u20AC" : /* @__PURE__ */ jsx51(Globe, {})) }),
-    /* @__PURE__ */ jsx51(
+  return /* @__PURE__ */ jsxs42("label", { className: cx("oc-language-select", ghost && "oc-language-select--ghost", currency && "oc-language-select--currency", labelClassName), children: [
+    /* @__PURE__ */ jsx52("span", { className: "oc-language-select-icon", "aria-hidden": "true", children: icon ?? (currency ? "\u20AC" : /* @__PURE__ */ jsx52(Globe, {})) }),
+    /* @__PURE__ */ jsx52(
       "select",
       {
         ref,
@@ -2153,44 +2180,44 @@ var LanguageSelect = forwardRef49(function LanguageSelect2({ options, value, def
         value: current,
         onChange: (e) => setCurrent(e.target.value),
         ...rest,
-        children: options.map((o) => /* @__PURE__ */ jsx51("option", { value: o.value, children: o.label }, o.value))
+        children: options.map((o) => /* @__PURE__ */ jsx52("option", { value: o.value, children: o.label }, o.value))
       }
     )
   ] });
 });
 
 // src/components/LauncherCard.tsx
-import { forwardRef as forwardRef50 } from "react";
-import { Fragment as Fragment11, jsx as jsx52, jsxs as jsxs42 } from "react/jsx-runtime";
-var LauncherCard = forwardRef50(function LauncherCard2({ icon, title, badge, description, footer, active, disabled, className, href, onClick, ...rest }, ref) {
-  const content = /* @__PURE__ */ jsxs42(Fragment11, { children: [
-    icon != null && /* @__PURE__ */ jsx52("span", { className: "oc-launcher-icon", "aria-hidden": "true", children: icon }),
-    /* @__PURE__ */ jsxs42("h3", { className: "oc-launcher-title", children: [
+import { forwardRef as forwardRef51 } from "react";
+import { Fragment as Fragment11, jsx as jsx53, jsxs as jsxs43 } from "react/jsx-runtime";
+var LauncherCard = forwardRef51(function LauncherCard2({ icon, title, badge, description, footer, active, disabled, className, href, onClick, ...rest }, ref) {
+  const content = /* @__PURE__ */ jsxs43(Fragment11, { children: [
+    icon != null && /* @__PURE__ */ jsx53("span", { className: "oc-launcher-icon", "aria-hidden": "true", children: icon }),
+    /* @__PURE__ */ jsxs43("h3", { className: "oc-launcher-title", children: [
       title,
-      badge != null && /* @__PURE__ */ jsxs42(Fragment11, { children: [
+      badge != null && /* @__PURE__ */ jsxs43(Fragment11, { children: [
         " ",
         badge
       ] })
     ] }),
-    description != null && /* @__PURE__ */ jsx52("p", { className: "oc-launcher-description", children: description }),
-    footer != null && /* @__PURE__ */ jsx52("span", { className: "oc-launcher-footer", children: footer })
+    description != null && /* @__PURE__ */ jsx53("p", { className: "oc-launcher-description", children: description }),
+    footer != null && /* @__PURE__ */ jsx53("span", { className: "oc-launcher-footer", children: footer })
   ] });
   const cls = cx("oc-launcher", className);
   const common = { className: cls, "aria-current": active ? "true" : void 0 };
   if (disabled) {
-    return /* @__PURE__ */ jsx52("span", { ref, ...common, "aria-disabled": "true", children: content });
+    return /* @__PURE__ */ jsx53("span", { ref, ...common, "aria-disabled": "true", children: content });
   }
   if (href === void 0 && onClick) {
-    return /* @__PURE__ */ jsx52("button", { ref, type: "button", ...common, onClick, children: content });
+    return /* @__PURE__ */ jsx53("button", { ref, type: "button", ...common, onClick, children: content });
   }
-  return /* @__PURE__ */ jsx52("a", { ref, href, ...common, onClick, ...rest, children: content });
+  return /* @__PURE__ */ jsx53("a", { ref, href, ...common, onClick, ...rest, children: content });
 });
 
 // src/components/Lightbox.tsx
-import { forwardRef as forwardRef51, useEffect as useEffect6, useId as useId18, useRef as useRef8, useState as useState8 } from "react";
-import { Fragment as Fragment12, jsx as jsx53, jsxs as jsxs43 } from "react/jsx-runtime";
-var media2 = (img, src) => src ? /* @__PURE__ */ jsx53("img", { src, alt: img.alt }) : /* @__PURE__ */ jsx53("span", { className: "oc-media-art", role: "img", "aria-label": img.alt });
-var Lightbox = forwardRef51(function Lightbox2({ images, title, thumbnails = true, open, defaultOpen, onOpenChange, className, "aria-label": label = "Photo viewer", ...rest }, forwardedRef) {
+import { forwardRef as forwardRef52, useEffect as useEffect6, useId as useId18, useRef as useRef8, useState as useState8 } from "react";
+import { Fragment as Fragment12, jsx as jsx54, jsxs as jsxs44 } from "react/jsx-runtime";
+var media2 = (img, src) => src ? /* @__PURE__ */ jsx54("img", { src, alt: img.alt }) : /* @__PURE__ */ jsx54("span", { className: "oc-media-art", role: "img", "aria-label": img.alt });
+var Lightbox = forwardRef52(function Lightbox2({ images, title, thumbnails = true, open, defaultOpen, onOpenChange, className, "aria-label": label = "Photo viewer", ...rest }, forwardedRef) {
   const inner = useRef8(null);
   const ref = useMergedRef(inner, forwardedRef);
   const base = `oc-lightbox-${useId18().replace(/:/g, "")}`;
@@ -2212,22 +2239,22 @@ var Lightbox = forwardRef51(function Lightbox2({ images, title, thumbnails = tru
   useEffect6(() => {
     if (dlg.open) document.getElementById(slideId(start))?.scrollIntoView?.({ behavior: "instant", block: "nearest", inline: "center" });
   }, [dlg.open, start]);
-  return /* @__PURE__ */ jsxs43(Fragment12, { children: [
-    thumbnails && /* @__PURE__ */ jsx53("div", { className: "oc-lightbox-thumbs", children: images.map((img, i) => /* @__PURE__ */ jsx53("button", { type: "button", className: "oc-lightbox-thumb", "aria-label": `Open photo ${i + 1}: ${img.alt}`, onClick: () => {
+  return /* @__PURE__ */ jsxs44(Fragment12, { children: [
+    thumbnails && /* @__PURE__ */ jsx54("div", { className: "oc-lightbox-thumbs", children: images.map((img, i) => /* @__PURE__ */ jsx54("button", { type: "button", className: "oc-lightbox-thumb", "aria-label": `Open photo ${i + 1}: ${img.alt}`, onClick: () => {
       setStart(i);
       dlg.setOpen(true);
     }, children: media2(img, img.thumb ?? img.src) }, i)) }),
-    /* @__PURE__ */ jsxs43("dialog", { ref, className: cx("oc-lightbox", single && "oc-lightbox--single", className), "aria-label": label, ...attrs({ closedby: "any" }), ...rest, onClose, children: [
-      /* @__PURE__ */ jsxs43("div", { className: "oc-lightbox__bar", children: [
-        title != null ? /* @__PURE__ */ jsx53("h2", { className: "oc-lightbox__title", children: title }) : /* @__PURE__ */ jsx53("span", {}),
-        /* @__PURE__ */ jsx53("button", { type: "button", className: "oc-lightbox__close", "aria-label": "Close", onClick: dlg.close, children: "\u2715" })
+    /* @__PURE__ */ jsxs44("dialog", { ref, className: cx("oc-lightbox", single && "oc-lightbox--single", className), "aria-label": label, ...attrs({ closedby: "any" }), ...rest, onClose, children: [
+      /* @__PURE__ */ jsxs44("div", { className: "oc-lightbox__bar", children: [
+        title != null ? /* @__PURE__ */ jsx54("h2", { className: "oc-lightbox__title", children: title }) : /* @__PURE__ */ jsx54("span", {}),
+        /* @__PURE__ */ jsx54("button", { type: "button", className: "oc-lightbox__close", "aria-label": "Close", onClick: dlg.close, children: "\u2715" })
       ] }),
-      /* @__PURE__ */ jsx53("div", { className: "oc-lightbox__track", tabIndex: 0, "aria-label": "Photos, use the arrow keys", children: images.map((img, i) => /* @__PURE__ */ jsxs43("figure", { className: "oc-lightbox__slide", id: slideId(i), children: [
-        /* @__PURE__ */ jsx53("div", { className: "oc-lightbox__media", children: media2(img, img.src) }),
-        !single && /* @__PURE__ */ jsx53("a", { className: "oc-lightbox__nav oc-lightbox__nav--prev", href: `#${slideId(i - 1)}`, onClick: go(i - 1), "aria-label": "Previous photo", children: "\u2190" }),
-        !single && /* @__PURE__ */ jsx53("a", { className: "oc-lightbox__nav oc-lightbox__nav--next", href: `#${slideId(i + 1)}`, onClick: go(i + 1), "aria-label": "Next photo", children: "\u2192" }),
-        /* @__PURE__ */ jsxs43("figcaption", { className: "oc-lightbox__caption", children: [
-          !single && /* @__PURE__ */ jsxs43("span", { className: "oc-lightbox__counter", children: [
+      /* @__PURE__ */ jsx54("div", { className: "oc-lightbox__track", tabIndex: 0, "aria-label": "Photos, use the arrow keys", children: images.map((img, i) => /* @__PURE__ */ jsxs44("figure", { className: "oc-lightbox__slide", id: slideId(i), children: [
+        /* @__PURE__ */ jsx54("div", { className: "oc-lightbox__media", children: media2(img, img.src) }),
+        !single && /* @__PURE__ */ jsx54("a", { className: "oc-lightbox__nav oc-lightbox__nav--prev", href: `#${slideId(i - 1)}`, onClick: go(i - 1), "aria-label": "Previous photo", children: "\u2190" }),
+        !single && /* @__PURE__ */ jsx54("a", { className: "oc-lightbox__nav oc-lightbox__nav--next", href: `#${slideId(i + 1)}`, onClick: go(i + 1), "aria-label": "Next photo", children: "\u2192" }),
+        /* @__PURE__ */ jsxs44("figcaption", { className: "oc-lightbox__caption", children: [
+          !single && /* @__PURE__ */ jsxs44("span", { className: "oc-lightbox__counter", children: [
             i + 1,
             " / ",
             images.length
@@ -2241,9 +2268,9 @@ var Lightbox = forwardRef51(function Lightbox2({ images, title, thumbnails = tru
 });
 
 // src/components/LinkArrow.tsx
-import { forwardRef as forwardRef52 } from "react";
-import { jsx as jsx54 } from "react/jsx-runtime";
-var LinkArrow = forwardRef52(function LinkArrow2({ direction = "forward", tone = "default", size = "default", className, ...rest }, ref) {
+import { forwardRef as forwardRef53 } from "react";
+import { jsx as jsx55 } from "react/jsx-runtime";
+var LinkArrow = forwardRef53(function LinkArrow2({ direction = "forward", tone = "default", size = "default", className, ...rest }, ref) {
   const classes = cx(
     "oc-link-arrow",
     direction !== "forward" && `oc-link-arrow--${direction}`,
@@ -2251,31 +2278,31 @@ var LinkArrow = forwardRef52(function LinkArrow2({ direction = "forward", tone =
     size !== "default" && `oc-link-arrow--${size}`,
     className
   );
-  return /* @__PURE__ */ jsx54("a", { ref, className: classes, ...rest });
+  return /* @__PURE__ */ jsx55("a", { ref, className: classes, ...rest });
 });
 
 // src/components/LinkRow.tsx
-import { forwardRef as forwardRef53 } from "react";
-import { jsx as jsx55 } from "react/jsx-runtime";
+import { forwardRef as forwardRef54 } from "react";
+import { jsx as jsx56 } from "react/jsx-runtime";
 var external = (href) => /^https?:\/\//.test(href);
-var LinkRow = forwardRef53(function LinkRow2({ links, tone = "default", size = "default", className, children, ...rest }, ref) {
+var LinkRow = forwardRef54(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 });
+  return /* @__PURE__ */ jsx56("ul", { ref, className: classes, ...rest, children: links ? links.map((l, i) => /* @__PURE__ */ jsx56("li", { children: /* @__PURE__ */ jsx56("a", { href: l.href, rel: external(l.href) ? "noopener" : void 0, children: l.label }) }, i)) : children });
 });
 
 // src/components/ListToolbar.tsx
-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) {
+import { forwardRef as forwardRef55, useId as useId19 } from "react";
+import { jsx as jsx57, jsxs as jsxs45 } from "react/jsx-runtime";
+var ListToolbar = forwardRef55(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__ */ 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(
+  return /* @__PURE__ */ jsxs45("div", { ref, className: cls, role: "toolbar", ...rest, children: [
+    search != null && /* @__PURE__ */ jsx57("div", { className: "oc-list-toolbar-search", children: search }),
+    count != null && /* @__PURE__ */ jsx57("span", { className: "oc-list-toolbar-count", children: count }),
+    /* @__PURE__ */ jsx57("span", { className: "oc-list-toolbar-spacer" }),
+    views && views.length > 0 && /* @__PURE__ */ jsx57("div", { className: "oc-list-toolbar-views", role: "radiogroup", "aria-label": viewsLabel, children: views.map((v) => /* @__PURE__ */ jsxs45("label", { className: "oc-list-toolbar-view", title: v.label, children: [
+      /* @__PURE__ */ jsx57(
         "input",
         {
           type: "radio",
@@ -2288,31 +2315,31 @@ var ListToolbar = forwardRef54(function ListToolbar2({ search, count, views, vie
       ),
       v.icon
     ] }, v.value)) }),
-    actions != null && /* @__PURE__ */ jsx56("div", { className: "oc-list-toolbar-actions", children: actions })
+    actions != null && /* @__PURE__ */ jsx57("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) {
+import { forwardRef as forwardRef56 } from "react";
+import { jsx as jsx58 } from "react/jsx-runtime";
+var LiveFrame = forwardRef56(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(
+  return /* @__PURE__ */ jsx58(
     "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
+      children: src ? /* @__PURE__ */ jsx58("iframe", { src, title, loading: "lazy", scrolling: "no", tabIndex: isStatic ? -1 : void 0 }) : children
     }
   );
 });
 
 // src/components/Marquee.tsx
-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) {
+import { forwardRef as forwardRef57 } from "react";
+import { jsx as jsx59, jsxs as jsxs46 } from "react/jsx-runtime";
+var Marquee = forwardRef57(function Marquee2({ items, reverse = false, speed = "default", plain = false, noFade = false, className, ...rest }, ref) {
   const classes = cx(
     "oc-marquee",
     reverse && "oc-marquee--reverse",
@@ -2321,21 +2348,21 @@ var Marquee = forwardRef56(function Marquee2({ items, reverse = false, speed = "
     noFade && "oc-marquee--no-fade",
     className
   );
-  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}`))
+  return /* @__PURE__ */ jsx59("div", { ref, className: classes, ...rest, children: /* @__PURE__ */ jsxs46("div", { className: "oc-marquee__track", children: [
+    items.map((item, i) => /* @__PURE__ */ jsx59("span", { className: "oc-marquee__item", children: item }, i)),
+    items.map((item, i) => /* @__PURE__ */ jsx59("span", { className: "oc-marquee__item", "aria-hidden": "true", children: item }, `copy-${i}`))
   ] }) });
 });
 
 // src/components/MediaCard.tsx
-import { forwardRef as forwardRef58, useId as useId20 } from "react";
+import { forwardRef as forwardRef59, useId as useId20 } from "react";
 
 // src/components/MediaThumb.tsx
-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) {
+import { forwardRef as forwardRef58 } from "react";
+import { jsx as jsx60, jsxs as jsxs47 } from "react/jsx-runtime";
+var MediaThumb = forwardRef58(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(
+  return /* @__PURE__ */ jsxs47(
     Tag,
     {
       ref,
@@ -2343,10 +2370,10 @@ var MediaThumb = forwardRef57(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__ */ 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: [
+        src ? /* @__PURE__ */ jsx60("img", { src, alt }) : /* @__PURE__ */ jsx60("div", { className: cx("oc-media-art", art2 != null && art2 > 1 && `oc-media-art--${art2}`) }),
+        badge != null && /* @__PURE__ */ jsx60("span", { className: cx("oc-media-thumb__badge", live && "oc-media-thumb__badge--live"), children: badge }),
+        duration != null && /* @__PURE__ */ jsx60("span", { className: "oc-media-thumb__duration", children: duration }),
+        progress != null && /* @__PURE__ */ jsxs47("progress", { className: "oc-media-thumb__progress", value: progress, max: 100, "aria-label": `Watched ${progress}%`, children: [
           progress,
           "%"
         ] }),
@@ -2357,93 +2384,93 @@ var MediaThumb = forwardRef57(function MediaThumb2({ src, alt = "", art: art2, h
 });
 
 // src/components/MediaCard.tsx
-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) {
+import { jsx as jsx61, jsxs as jsxs48 } from "react/jsx-runtime";
+var MediaCard = forwardRef59(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__ */ jsx60(MediaThumb, { ...thumb }),
-    /* @__PURE__ */ jsxs47("div", { className: "oc-media-card__body", children: [
-      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__ */ 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 })
+  return /* @__PURE__ */ jsxs48("article", { ref, className: cx("oc-media-card", compact && "oc-media-card--compact", className), ...rest, children: [
+    /* @__PURE__ */ jsx61(MediaThumb, { ...thumb }),
+    /* @__PURE__ */ jsxs48("div", { className: "oc-media-card__body", children: [
+      avatar != null && /* @__PURE__ */ jsx61("span", { className: "oc-media-card__avatar", "aria-hidden": "true", children: avatar }),
+      /* @__PURE__ */ jsxs48("div", { className: "oc-media-card__text", children: [
+        /* @__PURE__ */ jsx61("h3", { className: "oc-media-card__title", children: /* @__PURE__ */ jsx61("a", { href, children: title }) }),
+        meta != null && /* @__PURE__ */ jsx61("p", { className: "oc-media-card__meta", children: meta })
       ] }),
-      menu != null && /* @__PURE__ */ jsx60("button", { type: "button", className: "oc-media-card__menu", "aria-label": "More actions", popoverTarget: menuId, children: "\u22EE" })
+      menu != null && /* @__PURE__ */ jsx61("button", { type: "button", className: "oc-media-card__menu", "aria-label": "More actions", popoverTarget: menuId, children: "\u22EE" })
     ] }),
-    menu != null && /* @__PURE__ */ jsx60("div", { className: "oc-dropdown-menu", id: menuId, ...attrs({ popover: "" }), children: menu })
+    menu != null && /* @__PURE__ */ jsx61("div", { className: "oc-dropdown-menu", id: menuId, ...attrs({ popover: "" }), children: menu })
   ] });
 });
 
 // src/components/MediaRow.tsx
-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) {
+import { forwardRef as forwardRef60, useId as useId21 } from "react";
+import { Fragment as Fragment13, jsx as jsx62, jsxs as jsxs49 } from "react/jsx-runtime";
+var MediaRowList = forwardRef60(function MediaRowList2({ numbered, className, ...rest }, ref) {
   const Tag = numbered ? "ol" : "ul";
-  return /* @__PURE__ */ jsx61(Tag, { ref, className: cx("oc-media-row-list", numbered && "oc-media-row-list--numbered", className), ...rest });
+  return /* @__PURE__ */ jsx62(Tag, { ref, className: cx("oc-media-row-list", numbered && "oc-media-row-list--numbered", className), ...rest });
 });
-var MediaRow = forwardRef59(function MediaRow2({ title, href, meta, thumb, current, menu, className, ...rest }, ref) {
+var MediaRow = forwardRef60(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__ */ jsx61(MediaThumb, { ...thumb }),
-    /* @__PURE__ */ jsxs48("div", { className: "oc-media-row__text", children: [
-      /* @__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 })
+  return /* @__PURE__ */ jsxs49("li", { ref, className: cx("oc-media-row", className), "aria-current": current ? "true" : void 0, ...rest, children: [
+    /* @__PURE__ */ jsx62(MediaThumb, { ...thumb }),
+    /* @__PURE__ */ jsxs49("div", { className: "oc-media-row__text", children: [
+      /* @__PURE__ */ jsx62("h3", { className: "oc-media-row__title", children: /* @__PURE__ */ jsx62("a", { href, children: title }) }),
+      meta != null && /* @__PURE__ */ jsx62("p", { className: "oc-media-row__meta", children: meta })
     ] }),
-    menu != null && /* @__PURE__ */ jsxs48(Fragment13, { children: [
-      /* @__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 })
+    menu != null && /* @__PURE__ */ jsxs49(Fragment13, { children: [
+      /* @__PURE__ */ jsx62("button", { type: "button", className: "oc-media-row__menu", "aria-label": "More actions", popoverTarget: menuId, children: "\u22EE" }),
+      /* @__PURE__ */ jsx62("div", { className: "oc-dropdown-menu", id: menuId, ...attrs({ popover: "" }), children: menu })
     ] })
   ] });
 });
 
 // src/components/Message.tsx
-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 }) });
+import { forwardRef as forwardRef61 } from "react";
+import { Fragment as Fragment14, jsx as jsx63, jsxs as jsxs50 } from "react/jsx-runtime";
+var svg = (d, width = "2") => /* @__PURE__ */ jsx63("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: width, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ jsx63("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__ */ 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) => {
+  return /* @__PURE__ */ jsx63("div", { className: "oc-message__attachments", children: thumbs ? /* @__PURE__ */ jsx63("div", { className: "oc-attachment-list", children: items.map((a, i) => /* @__PURE__ */ jsx63(AttachmentThumb, { as: "span", ...a }, i)) }) : items.map((a, i) => {
     if (a.kind === "image") {
       const { kind: _k2, ...img } = a;
-      return /* @__PURE__ */ jsx62(AttachmentImage, { ...img }, i);
+      return /* @__PURE__ */ jsx63(AttachmentImage, { ...img }, i);
     }
     if (a.kind === "thumb") {
       const { kind: _k2, ...t } = a;
-      return /* @__PURE__ */ jsx62(AttachmentThumb, { as: "span", ...t }, i);
+      return /* @__PURE__ */ jsx63(AttachmentThumb, { as: "span", ...t }, i);
     }
     const { kind: _k, ...file } = a;
-    return /* @__PURE__ */ jsx62(Attachment, { ...file }, i);
+    return /* @__PURE__ */ jsx63(Attachment, { ...file }, i);
   }) });
 }
-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__ */ jsx62("span", { className: "oc-avatar oc-message__avatar", children: avatar }),
-    /* @__PURE__ */ jsxs49("div", { className: "oc-message__bubble", children: [
-      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__ */ jsx62("strong", { children: quote.sender }),
-        /* @__PURE__ */ jsx62("span", { children: quote.text })
+var Message = forwardRef61(function Message2({ direction = "in", sender, avatar, time, datetime, status, statusLabel, statusIcon, continued, quote, text, attachments, actions, label, onAction, className, children, ...rest }, ref) {
+  return /* @__PURE__ */ jsxs50("article", { ref, className: cx("oc-message", direction === "out" && "oc-message--out", continued && "oc-message--continued", className), "aria-label": label, ...rest, children: [
+    /* @__PURE__ */ jsx63("span", { className: "oc-avatar oc-message__avatar", children: avatar }),
+    /* @__PURE__ */ jsxs50("div", { className: "oc-message__bubble", children: [
+      sender != null && !continued && /* @__PURE__ */ jsx63("p", { className: "oc-message__sender", children: sender }),
+      quote && /* @__PURE__ */ jsxs50("a", { className: "oc-message__quote", href: quote.href, children: [
+        /* @__PURE__ */ jsx63("strong", { children: quote.sender }),
+        /* @__PURE__ */ jsx63("span", { children: quote.text })
       ] }),
-      (text != null || children != null) && /* @__PURE__ */ jsxs49("div", { className: "oc-message__text", children: [
-        typeof text === "string" ? /* @__PURE__ */ jsx62("p", { children: text }) : text,
+      (text != null || children != null) && /* @__PURE__ */ jsxs50("div", { className: "oc-message__text", children: [
+        typeof text === "string" ? /* @__PURE__ */ jsx63("p", { children: text }) : text,
         children
       ] }),
-      attachments?.length ? /* @__PURE__ */ jsx62(MessageAttachments, { items: attachments }) : null,
-      (time != null || status) && /* @__PURE__ */ jsxs49("p", { className: "oc-message__meta", children: [
-        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: [
+      attachments?.length ? /* @__PURE__ */ jsx63(MessageAttachments, { items: attachments }) : null,
+      (time != null || status) && /* @__PURE__ */ jsxs50("p", { className: "oc-message__meta", children: [
+        time != null && /* @__PURE__ */ jsx63("time", { dateTime: datetime, children: time }),
+        status && /* @__PURE__ */ jsxs50("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__ */ 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
+    actions?.length ? /* @__PURE__ */ jsx63("div", { className: "oc-message__actions", children: actions.map((a) => /* @__PURE__ */ jsx63("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__ */ jsx62("div", { className: cx("oc-message-divider", system && "oc-message-divider--system", className), role: system ? "note" : void 0, ...rest, children: /* @__PURE__ */ jsx62("span", { children }) });
+  return /* @__PURE__ */ jsx63("div", { className: cx("oc-message-divider", system && "oc-message-divider--system", className), role: system ? "note" : void 0, ...rest, children: /* @__PURE__ */ jsx63("span", { children }) });
 }
 var DEMO5 = [
   { divider: "Tuesday 14 October" },
@@ -2456,21 +2483,21 @@ var DEMO5 = [
     label: "Lisa Verbeke, 09:13",
     continued: true,
     id: "oc-message-demo-question",
-    text: /* @__PURE__ */ jsxs49(Fragment14, { children: [
-      /* @__PURE__ */ jsx62("p", { children: "Which finish should we order?" }),
-      /* @__PURE__ */ jsxs49("ul", { children: [
-        /* @__PURE__ */ jsxs49("li", { children: [
-          /* @__PURE__ */ jsx62("strong", { children: "Calacatta" }),
+    text: /* @__PURE__ */ jsxs50(Fragment14, { children: [
+      /* @__PURE__ */ jsx63("p", { children: "Which finish should we order?" }),
+      /* @__PURE__ */ jsxs50("ul", { children: [
+        /* @__PURE__ */ jsxs50("li", { children: [
+          /* @__PURE__ */ jsx63("strong", { children: "Calacatta" }),
           " matt, 20 mm"
         ] }),
-        /* @__PURE__ */ jsxs49("li", { children: [
-          /* @__PURE__ */ jsx62("strong", { children: "Nero Marquina" }),
+        /* @__PURE__ */ jsxs50("li", { children: [
+          /* @__PURE__ */ jsx63("strong", { children: "Nero Marquina" }),
           " polished, 12 mm"
         ] })
       ] }),
-      /* @__PURE__ */ jsxs49("p", { children: [
+      /* @__PURE__ */ jsxs50("p", { children: [
         "Details are on the ",
-        /* @__PURE__ */ jsx62("a", { href: "#supplier-sheet", children: "supplier sheet" }),
+        /* @__PURE__ */ jsx63("a", { href: "#supplier-sheet", children: "supplier sheet" }),
         "."
       ] })
     ] })
@@ -2489,15 +2516,15 @@ var DEMO5 = [
   },
   { divider: "Lisa Verbeke marked this question as answered", system: true }
 ];
-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)
+var MessageList = forwardRef61(function MessageList2({ items = DEMO5, log = true, onAction, className, children, "aria-label": label = log ? "Conversation with Lisa Verbeke" : void 0, ...rest }, ref) {
+  return /* @__PURE__ */ jsx63("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__ */ jsx63(MessageDivider, { system: item.system, children: item.divider }, i) : /* @__PURE__ */ jsx63(Message, { ...item, onAction: (name) => onAction?.(name, item, i) }, i)
   ) });
 });
 
 // src/components/MessageThread.tsx
-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";
+import { forwardRef as forwardRef62, useEffect as useEffect7, useId as useId22, useState as useState9 } from "react";
+import { Fragment as Fragment15, jsx as jsx64, jsxs as jsxs51 } from "react/jsx-runtime";
 var MENU = [
   { name: "unread", label: "Mark as unread" },
   { name: "archive", label: "Move to archive" },
@@ -2520,11 +2547,11 @@ var DEMO6 = [
     time: "09:13",
     datetime: "2026-10-14T09:13",
     continued: true,
-    text: /* @__PURE__ */ jsxs50("p", { children: [
+    text: /* @__PURE__ */ jsxs51("p", { children: [
       "Which one should we order: ",
-      /* @__PURE__ */ jsx63("strong", { children: "Calacatta matt" }),
+      /* @__PURE__ */ jsx64("strong", { children: "Calacatta matt" }),
       " or ",
-      /* @__PURE__ */ jsx63("strong", { children: "Nero Marquina polished" }),
+      /* @__PURE__ */ jsx64("strong", { children: "Nero Marquina polished" }),
       "? The cutting slot is Friday."
     ] })
   },
@@ -2542,7 +2569,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 = forwardRef61(function MessageThread2({
+var MessageThread = forwardRef62(function MessageThread2({
   title = "Kitchen worktop: which finish?",
   project = "Villa Dewitte",
   meta = "Lisa Verbeke \u2192 Tom Peeters \xB7 14 Oct 2026",
@@ -2604,55 +2631,55 @@ var MessageThread = forwardRef61(function MessageThread2({
     e.preventDefault();
     e.currentTarget.requestSubmit();
   };
-  return /* @__PURE__ */ jsxs50("section", { ref, className: cx("oc-message-thread", plain && "oc-message-thread--plain", className), "aria-labelledby": `${base}-title`, "aria-busy": busy || sending || void 0, ...rest, children: [
-    /* @__PURE__ */ jsxs50("header", { className: "oc-message-thread__header", children: [
+  return /* @__PURE__ */ jsxs51("section", { ref, className: cx("oc-message-thread", plain && "oc-message-thread--plain", className), "aria-labelledby": `${base}-title`, "aria-busy": busy || sending || void 0, ...rest, children: [
+    /* @__PURE__ */ jsxs51("header", { className: "oc-message-thread__header", children: [
       back,
-      /* @__PURE__ */ jsxs50("div", { className: "oc-message-thread__heading", children: [
-        /* @__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__ */ jsx63("strong", { children: project }),
+      /* @__PURE__ */ jsxs51("div", { className: "oc-message-thread__heading", children: [
+        /* @__PURE__ */ jsx64("h3", { className: "oc-message-thread__title", id: `${base}-title`, children: title }),
+        (project != null || meta != null) && /* @__PURE__ */ jsxs51("p", { className: "oc-message-thread__meta", children: [
+          project != null && /* @__PURE__ */ jsx64("strong", { children: project }),
           project != null && meta != null && " \xB7 ",
           meta
         ] })
       ] }),
-      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__ */ jsx63("span", { className: cx("oc-badge", status.variant && `oc-badge--${status.variant}`), children: status.label }),
-        menu && /* @__PURE__ */ jsxs50(Fragment15, { children: [
-          /* @__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" })
+      participants.length > 0 && /* @__PURE__ */ jsx64("div", { className: "oc-avatar-group oc-message-thread__people", "aria-label": `${participants.length} participants`, children: participants.map((p, i) => /* @__PURE__ */ jsx64("span", { className: "oc-avatar", title: p.name, children: p.initials }, i)) }),
+      (status || menu) && /* @__PURE__ */ jsxs51("div", { className: "oc-message-thread__actions", children: [
+        status && /* @__PURE__ */ jsx64("span", { className: cx("oc-badge", status.variant && `oc-badge--${status.variant}`), children: status.label }),
+        menu && /* @__PURE__ */ jsxs51(Fragment15, { children: [
+          /* @__PURE__ */ jsx64("button", { type: "button", className: "oc-message-thread__icon-btn", popoverTarget: `${base}-menu`, "aria-label": "Conversation actions", children: /* @__PURE__ */ jsxs51("svg", { viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true", children: [
+            /* @__PURE__ */ jsx64("circle", { cx: "12", cy: "5", r: "1.8" }),
+            /* @__PURE__ */ jsx64("circle", { cx: "12", cy: "12", r: "1.8" }),
+            /* @__PURE__ */ jsx64("circle", { cx: "12", cy: "19", r: "1.8" })
           ] }) }),
-          /* @__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__ */ jsx64("div", { className: "oc-dropdown-menu", id: `${base}-menu`, ...attrs({ popover: "" }), role: "menu", children: menu.map((m, i) => "separator" in m ? /* @__PURE__ */ jsx64("div", { className: "oc-dropdown-separator", role: "separator" }, i) : /* @__PURE__ */ jsx64("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-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__ */ 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}" })
+    /* @__PURE__ */ jsx64("div", { className: "oc-message-thread__scroll", tabIndex: 0, role: "log", "aria-label": scrollLabel, "aria-live": live ? "polite" : void 0, children: /* @__PURE__ */ jsx64(MessageList, { items: list, log: false }) }),
+    /* @__PURE__ */ jsx64("div", { className: "oc-message-thread__footer", children: note != null ? /* @__PURE__ */ jsx64("p", { className: "oc-message-thread__note", children: note }) : composer ?? /* @__PURE__ */ jsxs51("form", { className: cx("oc-chat-composer", inline && "oc-chat-composer--inline"), action: "#", "aria-label": composerLabel, onSubmit: send, onKeyDown: ctrlEnter, children: [
+      /* @__PURE__ */ jsx64("label", { className: "oc-visually-hidden", htmlFor: `${base}-input`, children: "Message" }),
+      /* @__PURE__ */ jsx64("textarea", { className: "oc-chat-composer__input", id: `${base}-input`, name: "message", rows: 1, placeholder, required: true }),
+      /* @__PURE__ */ jsxs51("div", { className: "oc-chat-composer__bar", children: [
+        tools.length > 0 && /* @__PURE__ */ jsxs51("div", { className: "oc-chat-composer__tools", children: [
+          tools.includes("attach") && /* @__PURE__ */ jsx64("button", { type: "button", className: "oc-chat-composer__tool", "aria-label": "Attach a file", onClick: () => onTool?.("attach"), children: "\u{1F4CE}" }),
+          tools.includes("emoji") && /* @__PURE__ */ jsx64("button", { type: "button", className: "oc-chat-composer__tool", "aria-label": "Insert emoji", onClick: () => onTool?.("emoji"), children: "\u{1F642}" })
         ] }),
-        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" })
+        hint != null && /* @__PURE__ */ jsx64("span", { className: "oc-chat-composer__hint", children: hint }),
+        /* @__PURE__ */ jsx64("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__ */ jsx63("span", { className: "oc-spinner oc-spinner--lg", "aria-hidden": "true" }),
-      /* @__PURE__ */ jsx63("strong", { children: busyTitle }),
-      busyText != null && /* @__PURE__ */ jsx63("span", { children: busyText })
+    busyTitle != null && /* @__PURE__ */ jsxs51("div", { className: "oc-message-thread__busy", role: "status", children: [
+      /* @__PURE__ */ jsx64("span", { className: "oc-spinner oc-spinner--lg", "aria-hidden": "true" }),
+      /* @__PURE__ */ jsx64("strong", { children: busyTitle }),
+      busyText != null && /* @__PURE__ */ jsx64("span", { children: busyText })
     ] })
   ] });
 });
 
 // src/components/Modal.tsx
-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) {
+import { forwardRef as forwardRef63, useId as useId23, useRef as useRef9 } from "react";
+import { jsx as jsx65, jsxs as jsxs52 } from "react/jsx-runtime";
+var Modal = forwardRef63(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();
@@ -2661,7 +2688,7 @@ var Modal = forwardRef62(function Modal2({ open, defaultOpen, onOpenChange, titl
     rest.onClick?.(e);
     if (closeOnBackdrop && e.target === e.currentTarget) dlg.close();
   };
-  return /* @__PURE__ */ jsx64(
+  return /* @__PURE__ */ jsx65(
     "dialog",
     {
       ref,
@@ -2671,20 +2698,20 @@ var Modal = forwardRef62(function Modal2({ open, defaultOpen, onOpenChange, titl
       ...rest,
       onClick,
       onClose: dlg.onClose,
-      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__ */ jsx64("h2", { className: "oc-modal-title", id: titleId, children: title }),
-          description != null && /* @__PURE__ */ jsx64("p", { className: "oc-modal-description", children: description })
+      children: /* @__PURE__ */ jsx65(DialogContext.Provider, { value: { close: dlg.close }, children: /* @__PURE__ */ jsxs52("div", { className: cx("oc-modal-content", size !== "md" && `oc-modal-content--${size}`), children: [
+        (title != null || description != null) && /* @__PURE__ */ jsxs52("div", { className: "oc-modal-header", children: [
+          title != null && /* @__PURE__ */ jsx65("h2", { className: "oc-modal-title", id: titleId, children: title }),
+          description != null && /* @__PURE__ */ jsx65("p", { className: "oc-modal-description", children: description })
         ] }),
         children,
-        footer != null && /* @__PURE__ */ jsx64("div", { className: "oc-modal-footer", children: footer })
+        footer != null && /* @__PURE__ */ jsx65("div", { className: "oc-modal-footer", children: footer })
       ] }) })
     }
   );
 });
-var ModalClose = forwardRef62(function ModalClose2({ onClick, ...rest }, ref) {
+var ModalClose = forwardRef63(function ModalClose2({ onClick, ...rest }, ref) {
   const ctx = useDialogContext();
-  return /* @__PURE__ */ jsx64(
+  return /* @__PURE__ */ jsx65(
     Button,
     {
       ref,
@@ -2699,53 +2726,53 @@ var ModalClose = forwardRef62(function ModalClose2({ onClick, ...rest }, ref) {
 });
 
 // src/components/Navmenu.tsx
-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 }) });
+import { forwardRef as forwardRef64, useId as useId24 } from "react";
+import { jsx as jsx66, jsxs as jsxs53 } from "react/jsx-runtime";
+var Navmenu = forwardRef64(function Navmenu2({ label = "Navigation", navClassName, className, ...rest }, ref) {
+  return /* @__PURE__ */ jsx66("nav", { "aria-label": label, className: navClassName, children: /* @__PURE__ */ jsx66("ul", { ref, className: cx("oc-navmenu", className), ...rest }) });
 });
 function NavmenuItem(props) {
-  return /* @__PURE__ */ jsx65("li", { ...props });
+  return /* @__PURE__ */ jsx66("li", { ...props });
 }
-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 NavmenuLink = forwardRef64(function NavmenuLink2({ current, className, ...rest }, ref) {
+  return /* @__PURE__ */ jsx66("a", { ref, className: cx("oc-navmenu-link", className), "aria-current": current ? "page" : void 0, ...rest });
 });
-var NavmenuDropdown = forwardRef63(function NavmenuDropdown2({ label, className, id, children, ...rest }, ref) {
+var NavmenuDropdown = forwardRef64(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__ */ 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 })
+  return /* @__PURE__ */ jsxs53("li", { children: [
+    /* @__PURE__ */ jsx66("button", { className: "oc-navmenu-link oc-navmenu-link--caret", type: "button", popoverTarget: menuId, children: label }),
+    /* @__PURE__ */ jsx66("div", { ref, className: cx("oc-dropdown-menu", className), id: menuId, ...attrs({ popover: "" }), ...rest, children })
   ] });
 });
 
 // src/components/NextTeaser.tsx
-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__ */ jsx66("span", { className: "oc-next-teaser__label", children: label }),
-    /* @__PURE__ */ jsxs53("span", { className: "oc-next-teaser__name", children: [
+import { forwardRef as forwardRef65 } from "react";
+import { jsx as jsx67, jsxs as jsxs54 } from "react/jsx-runtime";
+var NextTeaser = forwardRef65(function NextTeaser2({ label = "Next product", name, tagline, mark, prev = false, className, ...rest }, ref) {
+  return /* @__PURE__ */ jsxs54("a", { ref, className: cx("oc-next-teaser", prev && "oc-next-teaser--prev", className), ...rest, children: [
+    label != null && /* @__PURE__ */ jsx67("span", { className: "oc-next-teaser__label", children: label }),
+    /* @__PURE__ */ jsxs54("span", { className: "oc-next-teaser__name", children: [
       mark,
       name
     ] }),
-    tagline != null && /* @__PURE__ */ jsx66("span", { className: "oc-next-teaser__tagline", children: tagline })
+    tagline != null && /* @__PURE__ */ jsx67("span", { className: "oc-next-teaser__tagline", children: tagline })
   ] });
 });
 
 // src/components/NumberInput.tsx
-import { forwardRef as forwardRef65 } from "react";
-import { jsx as jsx67, jsxs as jsxs54 } from "react/jsx-runtime";
+import { forwardRef as forwardRef66 } from "react";
+import { jsx as jsx68, jsxs as jsxs55 } 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 = forwardRef65(function NumberInput2({ value, defaultValue, onChange, min, max, step = 1, size = "md", block, error, decrementLabel = "Decrease", incrementLabel = "Increase", className, disabled, ...rest }, ref) {
+var NumberInput = forwardRef66(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__ */ 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(
+  return /* @__PURE__ */ jsxs55("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__ */ jsx68("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__ */ jsx68(
       "input",
       {
         ref,
@@ -2761,16 +2788,16 @@ var NumberInput = forwardRef65(function NumberInput2({ value, defaultValue, onCh
         ...rest
       }
     ),
-    /* @__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: "+" })
+    /* @__PURE__ */ jsx68("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 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) {
+import { forwardRef as forwardRef67 } from "react";
+import { jsx as jsx69 } from "react/jsx-runtime";
+var OtpInput = forwardRef67(function OtpInput2({ length = 6, value, defaultValue = "", onChange, onComplete, invalid, alphanumeric, className, style, ...rest }, ref) {
   const [code, setCode] = useControllable(value, defaultValue, onChange);
-  return /* @__PURE__ */ jsx68(
+  return /* @__PURE__ */ jsx69(
     "input",
     {
       ref,
@@ -2794,29 +2821,29 @@ var OtpInput = forwardRef66(function OtpInput2({ length = 6, value, defaultValue
 });
 
 // src/components/PageHeader.tsx
-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) {
+import { forwardRef as forwardRef68 } from "react";
+import { jsx as jsx70, jsxs as jsxs56 } from "react/jsx-runtime";
+var PageHeader = forwardRef68(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__ */ 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__ */ 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 })
+  return /* @__PURE__ */ jsxs56("header", { ref, className: cls, ...rest, children: [
+    back != null && /* @__PURE__ */ jsx70("div", { className: "oc-page-header-back", children: back }),
+    /* @__PURE__ */ jsxs56("div", { className: "oc-page-header-main", children: [
+      /* @__PURE__ */ jsxs56("div", { className: "oc-page-header-text", children: [
+        /* @__PURE__ */ jsx70(Heading3, { className: "oc-page-header-title", children: title }),
+        subtitle != null && /* @__PURE__ */ jsx70("p", { className: "oc-page-header-subtitle", children: subtitle }),
+        meta != null && /* @__PURE__ */ jsx70("div", { className: "oc-page-header-meta", children: meta })
       ] }),
-      actions != null && /* @__PURE__ */ jsx69("div", { className: "oc-page-header-actions", children: actions })
+      actions != null && /* @__PURE__ */ jsx70("div", { className: "oc-page-header-actions", children: actions })
     ] })
   ] });
 });
 
 // src/components/Pagination.tsx
-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(
+import { forwardRef as forwardRef69 } from "react";
+import { jsx as jsx71 } from "react/jsx-runtime";
+var Pagination = forwardRef69(function Pagination2({ page, pageCount, onPageChange, hrefFor = (n) => `?page=${n}`, className, "aria-label": ariaLabel = "Pagination", ...rest }, ref) {
+  return /* @__PURE__ */ jsx71("nav", { ref, className: cx("oc-pagination", className), "aria-label": ariaLabel, ...rest, children: Array.from({ length: pageCount }, (_, i) => i + 1).map((n) => /* @__PURE__ */ jsx71(
     "a",
     {
       className: "oc-pagination-item",
@@ -2833,12 +2860,12 @@ var Pagination = forwardRef68(function Pagination2({ page, pageCount, onPageChan
 });
 
 // src/components/PasswordInput.tsx
-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) {
+import { forwardRef as forwardRef70, useState as useState10 } from "react";
+import { jsx as jsx72, jsxs as jsxs57 } from "react/jsx-runtime";
+var PasswordInput = forwardRef70(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__ */ jsx71(
+  return /* @__PURE__ */ jsxs57("div", { className: "oc-input-reveal", children: [
+    /* @__PURE__ */ jsx72(
       "input",
       {
         ref,
@@ -2849,27 +2876,27 @@ var PasswordInput = forwardRef69(function PasswordInput2({ showLabel = "Show", h
         ...rest
       }
     ),
-    /* @__PURE__ */ jsx71("button", { className: "oc-input-reveal-button", type: "button", "aria-pressed": shown, "aria-label": toggleLabel, onClick: () => setShown((s) => !s), children: shown ? hideLabel : showLabel })
+    /* @__PURE__ */ jsx72("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 forwardRef70 } from "react";
-import { jsx as jsx72 } from "react/jsx-runtime";
+import { forwardRef as forwardRef71 } from "react";
+import { jsx as jsx73 } 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 = forwardRef70(function PasswordRequirements2({ password, rules = defaultPasswordRules, inline, hideWhenEmpty, className, ...rest }, ref) {
+var PasswordRequirements = forwardRef71(function PasswordRequirements2({ password, rules = defaultPasswordRules, inline, hideWhenEmpty, className, ...rest }, ref) {
   if (hideWhenEmpty && !password) return null;
-  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)) });
+  return /* @__PURE__ */ jsx73("ul", { ref, className: cx("oc-password-requirements", inline && "oc-password-requirements--inline", className), "aria-live": "polite", ...rest, children: rules.map((rule, i) => /* @__PURE__ */ jsx73("li", { className: cx("oc-password-requirement", rule.test(password) && "oc-password-requirement--met"), children: rule.label }, i)) });
 });
 
 // src/components/PhoneInput.tsx
-import { forwardRef as forwardRef71, useState as useState11 } from "react";
-import { jsx as jsx73, jsxs as jsxs57 } from "react/jsx-runtime";
+import { forwardRef as forwardRef72, useState as useState11 } from "react";
+import { jsx as jsx74, jsxs as jsxs58 } from "react/jsx-runtime";
 var DEFAULT_COUNTRIES = [
   { dial: "+32", label: "BE +32" },
   { dial: "+31", label: "NL +31" },
@@ -2886,7 +2913,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 = forwardRef71(function PhoneInput2({ value, defaultValue, onChange, countries = DEFAULT_COUNTRIES, defaultDial, size = "md", error, dialLabel = "Country code", className, disabled, ...rest }, ref) {
+var PhoneInput = forwardRef72(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 || "");
@@ -2896,9 +2923,9 @@ var PhoneInput = forwardRef71(function PhoneInput2({ value, defaultValue, onChan
     const digits = national.replace(/\D/g, "");
     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__ */ 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(
+  return /* @__PURE__ */ jsxs58("div", { className: cx("oc-phone-input", size === "sm" && "oc-phone-input--sm", error && "oc-phone-input--error", className), children: [
+    /* @__PURE__ */ jsx74("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__ */ jsx74("option", { value: c.dial, children: c.label }, c.dial)) }),
+    /* @__PURE__ */ jsx74(
       "input",
       {
         ref,
@@ -2917,77 +2944,85 @@ var PhoneInput = forwardRef71(function PhoneInput2({ value, defaultValue, onChan
 });
 
 // src/components/Popover.tsx
-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) {
+import { forwardRef as forwardRef73, useId as useId25 } from "react";
+import { Fragment as Fragment16, jsx as jsx75, jsxs as jsxs59 } from "react/jsx-runtime";
+var Popover = forwardRef73(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__ */ 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__ */ jsx74("h3", { className: "oc-popover-title", children: title }),
-      text != null && /* @__PURE__ */ jsx74("p", { className: "oc-popover-text", children: text }),
+  return /* @__PURE__ */ jsxs59(Fragment16, { children: [
+    /* @__PURE__ */ jsx75(Button, { variant: "outline", type: "button", ...triggerProps, popoverTarget: panelId, children: trigger }),
+    /* @__PURE__ */ jsxs59("div", { ref, className: cx("oc-popover", size !== "md" && `oc-popover--${size}`, className), id: panelId, ...attrs({ popover: "" }), ...rest, children: [
+      title != null && /* @__PURE__ */ jsx75("h3", { className: "oc-popover-title", children: title }),
+      text != null && /* @__PURE__ */ jsx75("p", { className: "oc-popover-text", children: text }),
       children
     ] })
   ] });
 });
 
 // src/components/PriceCard.tsx
-import { forwardRef as forwardRef73, useId as useId26 } from "react";
-import { jsx as jsx75, jsxs as jsxs59 } from "react/jsx-runtime";
+import { forwardRef as forwardRef74, useId as useId26 } from "react";
+import { jsx as jsx76, jsxs as jsxs60 } from "react/jsx-runtime";
 function Price({ kind, price }) {
-  return /* @__PURE__ */ jsxs59("p", { className: `oc-price-card__price oc-price-card__price--${kind}`, children: [
-    /* @__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 })
+  return /* @__PURE__ */ jsxs60("p", { className: `oc-price-card__price oc-price-card__price--${kind}`, children: [
+    /* @__PURE__ */ jsx76("span", { className: "oc-price-card__amount", children: price.amount }),
+    price.period != null && /* @__PURE__ */ jsx76("span", { className: "oc-price-card__period", children: price.period }),
+    price.was != null && /* @__PURE__ */ jsx76("s", { className: "oc-price-card__was", children: price.was }),
+    price.note != null && /* @__PURE__ */ jsx76("span", { className: "oc-price-card__note", children: price.note })
   ] });
 }
-var PriceCard = forwardRef73(function PriceCard2({
+var PriceCard = forwardRef74(function PriceCard2({
   name,
   description,
   discount,
   monthly,
   yearly,
+  lifetime,
   defaultPeriod = "monthly",
   features = [],
   cta,
   featured = false,
   monthlyLabel = "Monthly",
   yearlyLabel = "Yearly",
+  lifetimeLabel = "Lifetime",
   className,
   ...rest
 }, ref) {
   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__ */ jsx75("h3", { className: "oc-price-card__name", children: name }),
-      discount != null && /* @__PURE__ */ jsx75("span", { className: "oc-price-card__discount", children: discount })
+  return /* @__PURE__ */ jsxs60("article", { ref, className: cx("oc-price-card", featured && "oc-price-card--featured", className), ...rest, children: [
+    /* @__PURE__ */ jsxs60("div", { className: "oc-price-card__head", children: [
+      /* @__PURE__ */ jsx76("h3", { className: "oc-price-card__name", children: name }),
+      discount != null && /* @__PURE__ */ jsx76("span", { className: "oc-price-card__discount", children: discount })
     ] }),
-    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__ */ jsx75("input", { type: "radio", name: group, value: "monthly", defaultChecked: defaultPeriod === "monthly" }),
+    description != null && /* @__PURE__ */ jsx76("p", { className: "oc-price-card__desc", children: description }),
+    yearly && /* @__PURE__ */ jsxs60("div", { className: "oc-segmented oc-price-card__toggle", role: "radiogroup", "aria-label": "Billing period", children: [
+      /* @__PURE__ */ jsxs60("label", { className: "oc-segmented-item", children: [
+        /* @__PURE__ */ jsx76("input", { type: "radio", name: group, value: "monthly", defaultChecked: defaultPeriod === "monthly" }),
         " ",
         monthlyLabel
       ] }),
-      /* @__PURE__ */ jsxs59("label", { className: "oc-segmented-item", children: [
-        /* @__PURE__ */ jsx75("input", { type: "radio", name: group, value: "yearly", defaultChecked: defaultPeriod === "yearly" }),
+      /* @__PURE__ */ jsxs60("label", { className: "oc-segmented-item", children: [
+        /* @__PURE__ */ jsx76("input", { type: "radio", name: group, value: "yearly", defaultChecked: defaultPeriod === "yearly" }),
         " ",
         yearlyLabel
+      ] }),
+      lifetime && /* @__PURE__ */ jsxs60("label", { className: "oc-segmented-item", children: [
+        /* @__PURE__ */ jsx76("input", { type: "radio", name: group, value: "lifetime", defaultChecked: defaultPeriod === "lifetime" }),
+        " ",
+        lifetimeLabel
       ] })
     ] }),
-    /* @__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)) }),
+    /* @__PURE__ */ jsx76(Price, { kind: "monthly", price: monthly }),
+    yearly && /* @__PURE__ */ jsx76(Price, { kind: "yearly", price: yearly }),
+    yearly && lifetime && /* @__PURE__ */ jsx76(Price, { kind: "lifetime", price: lifetime }),
+    features.length > 0 && /* @__PURE__ */ jsx76("ul", { className: "oc-price-card__features", children: features.map((f, i) => /* @__PURE__ */ jsx76("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 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) {
+import { forwardRef as forwardRef75 } from "react";
+import { jsx as jsx77 } from "react/jsx-runtime";
+var ProductMark = forwardRef75(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}`,
@@ -2997,132 +3032,132 @@ var ProductMark = forwardRef74(function ProductMark2({ size = "default", accent,
     accent && `oc-accent--${accent}`,
     className
   );
-  return /* @__PURE__ */ jsx76("span", { ref, className: classes, "aria-hidden": "true", ...rest });
+  return /* @__PURE__ */ jsx77("span", { ref, className: classes, "aria-hidden": "true", ...rest });
 });
 
 // src/components/ProjectCard.tsx
-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__ */ jsx77("i", {}),
-        /* @__PURE__ */ jsx77("i", {}),
-        /* @__PURE__ */ jsx77("i", {})
+import { forwardRef as forwardRef76 } from "react";
+import { jsx as jsx78, jsxs as jsxs61 } from "react/jsx-runtime";
+var ProjectCard = forwardRef76(function ProjectCard2({ name, type, meta, more = "View project", image, imageAlt = "", flat = false, className, ...rest }, ref) {
+  return /* @__PURE__ */ jsxs61("a", { ref, className: cx("oc-project-card", flat && "oc-project-card--flat", className), ...rest, children: [
+    /* @__PURE__ */ jsxs61("span", { className: "oc-project-card__frame", children: [
+      /* @__PURE__ */ jsxs61("span", { className: "oc-project-card__bar", "aria-hidden": "true", children: [
+        /* @__PURE__ */ jsx78("i", {}),
+        /* @__PURE__ */ jsx78("i", {}),
+        /* @__PURE__ */ jsx78("i", {})
       ] }),
-      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 })
+      image ? /* @__PURE__ */ jsx78("img", { className: "oc-project-card__shot", src: image, alt: imageAlt, loading: "lazy" }) : /* @__PURE__ */ jsx78("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__ */ 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 })
+    /* @__PURE__ */ jsxs61("span", { className: "oc-project-card__body", children: [
+      type != null && /* @__PURE__ */ jsx78("span", { className: "oc-project-card__type", children: type }),
+      /* @__PURE__ */ jsx78("span", { className: "oc-project-card__name", children: name }),
+      meta != null && /* @__PURE__ */ jsx78("span", { className: "oc-project-card__meta", children: meta }),
+      more != null && /* @__PURE__ */ jsx78("span", { className: "oc-project-card__more", children: more })
     ] })
   ] });
 });
 
 // src/components/Prose.tsx
-import { forwardRef as forwardRef76 } from "react";
-import { Fragment as Fragment17, jsx as jsx78, jsxs as jsxs61 } from "react/jsx-runtime";
+import { forwardRef as forwardRef77 } from "react";
+import { Fragment as Fragment17, jsx as jsx79, jsxs as jsxs62 } from "react/jsx-runtime";
 function ProseLead({ className, ...rest }) {
-  return /* @__PURE__ */ jsx78("p", { className: cx("oc-prose-lead", className), ...rest });
+  return /* @__PURE__ */ jsx79("p", { className: cx("oc-prose-lead", className), ...rest });
 }
-var DEMO7 = /* @__PURE__ */ jsxs61(Fragment17, { children: [
-  /* @__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: [
+var DEMO7 = /* @__PURE__ */ jsxs62(Fragment17, { children: [
+  /* @__PURE__ */ jsx79("h1", { children: "Planning a kitchen renovation" }),
+  /* @__PURE__ */ jsx79(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__ */ jsx79("h2", { children: "Before the first visit" }),
+  /* @__PURE__ */ jsxs62("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__ */ jsx78("a", { href: "#checklist", children: "preparation checklist" }),
+    /* @__PURE__ */ jsx79("a", { href: "#checklist", children: "preparation checklist" }),
     " if you want to be fully ready."
   ] }),
-  /* @__PURE__ */ jsxs61("ul", { children: [
-    /* @__PURE__ */ jsxs61("li", { children: [
+  /* @__PURE__ */ jsxs62("ul", { children: [
+    /* @__PURE__ */ jsxs62("li", { children: [
       "The ",
-      /* @__PURE__ */ jsx78("strong", { children: "budget range" }),
+      /* @__PURE__ */ jsx79("strong", { children: "budget range" }),
       " you have in mind, including appliances"
     ] }),
-    /* @__PURE__ */ jsxs61("li", { children: [
+    /* @__PURE__ */ jsxs62("li", { children: [
       "Which walls, doors and windows can move, and which cannot",
-      /* @__PURE__ */ jsxs61("ul", { children: [
-        /* @__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__ */ jsxs62("ul", { children: [
+        /* @__PURE__ */ jsx79("li", { children: "Load-bearing walls need a structural engineer" }),
+        /* @__PURE__ */ jsx79("li", { children: "Moving a window needs a permit in most towns" })
       ] })
     ] }),
-    /* @__PURE__ */ jsx78("li", { children: "Appliances you want to keep" })
+    /* @__PURE__ */ jsx79("li", { children: "Appliances you want to keep" })
   ] }),
-  /* @__PURE__ */ jsxs61("figure", { children: [
-    /* @__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__ */ jsxs62("figure", { children: [
+    /* @__PURE__ */ jsx79("div", { className: "oc-media-art oc-media-art--6", role: "img", "aria-label": "Kitchen with oak fronts and a light stone worktop" }),
+    /* @__PURE__ */ jsx79("figcaption", { children: "Villa Dewitte: oak fronts with a Calacatta matt worktop, finished in October 2026." })
   ] }),
-  /* @__PURE__ */ jsx78("h3", { children: "From design to installation" }),
-  /* @__PURE__ */ jsxs61("ol", { children: [
-    /* @__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__ */ jsx79("h3", { children: "From design to installation" }),
+  /* @__PURE__ */ jsxs62("ol", { children: [
+    /* @__PURE__ */ jsx79("li", { children: "Site visit and measurements (week 1)" }),
+    /* @__PURE__ */ jsx79("li", { children: "Design and quote, with two revision rounds (weeks 2\u20133)" }),
+    /* @__PURE__ */ jsx79("li", { children: "Order and production of the cabinets (weeks 4\u20139)" }),
+    /* @__PURE__ */ jsx79("li", { children: "Installation, worktop and finishing (weeks 10\u201311)" })
   ] }),
-  /* @__PURE__ */ jsxs61("blockquote", { children: [
-    /* @__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__ */ jsxs62("blockquote", { children: [
+    /* @__PURE__ */ jsx79("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__ */ jsx79("footer", { children: "\u2014 Ann Dewitte, client in Ghent" })
   ] }),
-  /* @__PURE__ */ jsx78("h2", { children: "Worktop materials compared" }),
-  /* @__PURE__ */ jsxs61("table", { children: [
-    /* @__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__ */ jsx79("h2", { children: "Worktop materials compared" }),
+  /* @__PURE__ */ jsxs62("table", { children: [
+    /* @__PURE__ */ jsx79("caption", { children: "Prices per running metre, 60 cm deep, installed." }),
+    /* @__PURE__ */ jsx79("thead", { children: /* @__PURE__ */ jsxs62("tr", { children: [
+      /* @__PURE__ */ jsx79("th", { children: "Material" }),
+      /* @__PURE__ */ jsx79("th", { children: "Thickness" }),
+      /* @__PURE__ */ jsx79("th", { children: "Heat resistant" }),
+      /* @__PURE__ */ jsx79("th", { children: "Price" })
     ] }) }),
-    /* @__PURE__ */ jsxs61("tbody", { children: [
-      /* @__PURE__ */ jsxs61("tr", { children: [
-        /* @__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__ */ jsxs62("tbody", { children: [
+      /* @__PURE__ */ jsxs62("tr", { children: [
+        /* @__PURE__ */ jsx79("td", { children: "Compact laminate" }),
+        /* @__PURE__ */ jsx79("td", { children: "12 mm" }),
+        /* @__PURE__ */ jsx79("td", { children: "Up to 180 \xB0C" }),
+        /* @__PURE__ */ jsx79("td", { children: "\u20AC 290" })
       ] }),
-      /* @__PURE__ */ jsxs61("tr", { children: [
-        /* @__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__ */ jsxs62("tr", { children: [
+        /* @__PURE__ */ jsx79("td", { children: "Quartz composite" }),
+        /* @__PURE__ */ jsx79("td", { children: "20 mm" }),
+        /* @__PURE__ */ jsx79("td", { children: "Up to 150 \xB0C" }),
+        /* @__PURE__ */ jsx79("td", { children: "\u20AC 540" })
       ] }),
-      /* @__PURE__ */ jsxs61("tr", { children: [
-        /* @__PURE__ */ jsx78("td", { children: "Natural stone" }),
-        /* @__PURE__ */ jsx78("td", { children: "20 mm" }),
-        /* @__PURE__ */ jsx78("td", { children: "Yes" }),
-        /* @__PURE__ */ jsx78("td", { children: "\u20AC 720" })
+      /* @__PURE__ */ jsxs62("tr", { children: [
+        /* @__PURE__ */ jsx79("td", { children: "Natural stone" }),
+        /* @__PURE__ */ jsx79("td", { children: "20 mm" }),
+        /* @__PURE__ */ jsx79("td", { children: "Yes" }),
+        /* @__PURE__ */ jsx79("td", { children: "\u20AC 720" })
       ] })
     ] })
   ] }),
-  /* @__PURE__ */ jsx78("h3", { children: "Sharing your floor plan" }),
-  /* @__PURE__ */ jsxs61("p", { children: [
+  /* @__PURE__ */ jsx79("h3", { children: "Sharing your floor plan" }),
+  /* @__PURE__ */ jsxs62("p", { children: [
     "Upload a PDF or a photo in the client portal, or send it by e-mail. Press ",
-    /* @__PURE__ */ jsx78("kbd", { children: "Ctrl" }),
+    /* @__PURE__ */ jsx79("kbd", { children: "Ctrl" }),
     " + ",
-    /* @__PURE__ */ jsx78("kbd", { children: "V" }),
+    /* @__PURE__ */ jsx79("kbd", { children: "V" }),
     " in the chat to paste a screenshot. Files are stored as ",
-    /* @__PURE__ */ jsx78("code", { children: "project-id/plans/" }),
+    /* @__PURE__ */ jsx79("code", { children: "project-id/plans/" }),
     " and only your project team can see them."
   ] }),
-  /* @__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: [
+  /* @__PURE__ */ jsx79("pre", { children: /* @__PURE__ */ jsx79("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__ */ jsx79("hr", {}),
+  /* @__PURE__ */ jsx79("p", { children: /* @__PURE__ */ jsxs62("small", { children: [
     "Lead times are an estimate. ",
-    /* @__PURE__ */ jsx78("mark", { children: "Natural stone" }),
+    /* @__PURE__ */ jsx79("mark", { children: "Natural stone" }),
     " can take two weeks longer in summer."
   ] }) })
 ] });
-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 });
+var Prose = forwardRef77(function Prose2({ size = "md", full, as: Tag = "article", className, children, ...rest }, ref) {
+  return /* @__PURE__ */ jsx79(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 forwardRef77 } from "react";
-import { jsx as jsx79, jsxs as jsxs62 } from "react/jsx-runtime";
-var RecoveryCodes = forwardRef77(function RecoveryCodes2({
+import { forwardRef as forwardRef78 } from "react";
+import { jsx as jsx80, jsxs as jsxs63 } from "react/jsx-runtime";
+var RecoveryCodes = forwardRef78(function RecoveryCodes2({
   codes,
   title = "Recovery codes",
   warning = "Store these codes somewhere safe. Each code works once.",
@@ -3150,33 +3185,33 @@ var RecoveryCodes = forwardRef77(function RecoveryCodes2({
     URL.revokeObjectURL(url);
     onDownload?.(codes);
   };
-  return /* @__PURE__ */ jsxs62("div", { ref, className: cx("oc-recovery-codes", className), ...rest, children: [
-    /* @__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__ */ 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 })
+  return /* @__PURE__ */ jsxs63("div", { ref, className: cx("oc-recovery-codes", className), ...rest, children: [
+    /* @__PURE__ */ jsx80("h3", { className: "oc-recovery-codes-title", children: title }),
+    /* @__PURE__ */ jsx80("p", { className: "oc-recovery-codes-warning", children: warning }),
+    /* @__PURE__ */ jsx80("ul", { className: "oc-recovery-codes-list", children: codes.map((code) => /* @__PURE__ */ jsx80("li", { children: code }, code)) }),
+    /* @__PURE__ */ jsxs63("div", { className: "oc-recovery-codes-actions", children: [
+      /* @__PURE__ */ jsx80("button", { className: "oc-btn oc-btn--outline oc-btn--sm", type: "button", onClick: copy, children: copyLabel }),
+      /* @__PURE__ */ jsx80("button", { className: "oc-btn oc-btn--outline oc-btn--sm", type: "button", onClick: download2, children: downloadLabel })
     ] })
   ] });
 });
 
 // src/components/Segmented.tsx
-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) {
+import { forwardRef as forwardRef79, useId as useId27 } from "react";
+import { jsx as jsx81, jsxs as jsxs64 } from "react/jsx-runtime";
+var Segmented = forwardRef79(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__ */ jsx80(
+  return /* @__PURE__ */ jsx81(
     "div",
     {
       ref,
       className: cx("oc-segmented", block && "oc-segmented--block", size === "sm" && "oc-segmented--sm", className),
       role: "radiogroup",
       ...rest,
-      children: options.map((o) => /* @__PURE__ */ jsxs63("label", { className: "oc-segmented-item", children: [
-        /* @__PURE__ */ jsx80("input", { type: "radio", name: group, value: o.value, checked: current === o.value, onChange: () => setCurrent(o.value) }),
+      children: options.map((o) => /* @__PURE__ */ jsxs64("label", { className: "oc-segmented-item", children: [
+        /* @__PURE__ */ jsx81("input", { type: "radio", name: group, value: o.value, checked: current === o.value, onChange: () => setCurrent(o.value) }),
         " ",
         o.label
       ] }, o.value))
@@ -3185,44 +3220,44 @@ var Segmented = forwardRef78(function Segmented2({ options, value, defaultValue,
 });
 
 // src/components/Select.tsx
-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: [
+import { forwardRef as forwardRef80 } from "react";
+import { jsx as jsx82, jsxs as jsxs65 } from "react/jsx-runtime";
+var Select = forwardRef80(function Select2({ options, className, children, ...rest }, ref) {
+  return /* @__PURE__ */ jsxs65("select", { ref, className: cx("oc-select", className), ...rest, children: [
     options?.map((o) => {
       const opt = typeof o === "string" ? { value: o, label: o } : o;
-      return /* @__PURE__ */ jsx81("option", { value: opt.value, disabled: opt.disabled, children: opt.label }, opt.value);
+      return /* @__PURE__ */ jsx82("option", { value: opt.value, disabled: opt.disabled, children: opt.label }, opt.value);
     }),
     children
   ] });
 });
 
 // src/components/SeverityCard.tsx
-import { forwardRef as forwardRef80 } from "react";
-import { jsx as jsx82, jsxs as jsxs65 } from "react/jsx-runtime";
+import { forwardRef as forwardRef81 } from "react";
+import { jsx as jsx83, jsxs as jsxs66 } from "react/jsx-runtime";
 var LEVEL_TEXT = { low: "Low", medium: "Medium", high: "High", critical: "Critical" };
-var SeverityCard = forwardRef80(function SeverityCard2({ level, title, tags, levelLabel, icon, resolved, actions, className, children, ...rest }, ref) {
+var SeverityCard = forwardRef81(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__ */ jsx82("span", { className: "oc-severity-card-icon", "aria-hidden": "true", children: icon }),
-      /* @__PURE__ */ jsxs65("span", { className: "oc-severity-card-main", children: [
-        /* @__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)) })
+  return /* @__PURE__ */ jsxs66("details", { ref, className: cls, ...rest, children: [
+    /* @__PURE__ */ jsxs66("summary", { className: "oc-severity-card-head", children: [
+      icon != null && /* @__PURE__ */ jsx83("span", { className: "oc-severity-card-icon", "aria-hidden": "true", children: icon }),
+      /* @__PURE__ */ jsxs66("span", { className: "oc-severity-card-main", children: [
+        /* @__PURE__ */ jsx83("span", { className: "oc-severity-card-title", children: title }),
+        tags && tags.length > 0 && /* @__PURE__ */ jsx83("span", { className: "oc-severity-card-tags", children: tags.map((t, i) => /* @__PURE__ */ jsx83("span", { className: "oc-severity-card-tag", children: t }, i)) })
       ] }),
-      /* @__PURE__ */ jsx82("span", { className: "oc-severity-card-level", children: levelLabel ?? LEVEL_TEXT[level] })
+      /* @__PURE__ */ jsx83("span", { className: "oc-severity-card-level", children: levelLabel ?? LEVEL_TEXT[level] })
     ] }),
-    /* @__PURE__ */ jsxs65("div", { className: "oc-severity-card-body", children: [
+    /* @__PURE__ */ jsxs66("div", { className: "oc-severity-card-body", children: [
       children,
-      actions != null && /* @__PURE__ */ jsx82("div", { className: "oc-severity-card-actions", children: actions })
+      actions != null && /* @__PURE__ */ jsx83("div", { className: "oc-severity-card-actions", children: actions })
     ] })
   ] });
 });
 
 // src/components/Sheet.tsx
-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) {
+import { forwardRef as forwardRef82, useId as useId28, useRef as useRef10 } from "react";
+import { jsx as jsx84, jsxs as jsxs67 } from "react/jsx-runtime";
+var Sheet = forwardRef82(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();
@@ -3231,7 +3266,7 @@ var Sheet = forwardRef81(function Sheet2({ open, defaultOpen, onOpenChange, side
     rest.onClick?.(e);
     if (e.target === e.currentTarget) dlg.close();
   };
-  return /* @__PURE__ */ jsx83(
+  return /* @__PURE__ */ jsx84(
     "dialog",
     {
       ref,
@@ -3241,57 +3276,57 @@ var Sheet = forwardRef81(function Sheet2({ open, defaultOpen, onOpenChange, side
       ...rest,
       onClick,
       onClose: dlg.onClose,
-      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__ */ jsx83("h2", { className: "oc-sheet-title", id: titleId, children: title }),
-          description != null && /* @__PURE__ */ jsx83("p", { className: "oc-sheet-description", children: description })
+      children: /* @__PURE__ */ jsx84(DialogContext.Provider, { value: { close: dlg.close }, children: /* @__PURE__ */ jsxs67("div", { className: cx("oc-sheet-content", wide && "oc-sheet-content--wide"), children: [
+        /* @__PURE__ */ jsx84("button", { className: "oc-sheet-close", type: "button", "aria-label": closeLabel, onClick: dlg.close, children: "\xD7" }),
+        (title != null || description != null) && /* @__PURE__ */ jsxs67("div", { className: "oc-sheet-header", children: [
+          title != null && /* @__PURE__ */ jsx84("h2", { className: "oc-sheet-title", id: titleId, children: title }),
+          description != null && /* @__PURE__ */ jsx84("p", { className: "oc-sheet-description", children: description })
         ] }),
-        /* @__PURE__ */ jsx83("div", { className: "oc-sheet-body", children }),
-        footer != null && /* @__PURE__ */ jsx83("div", { className: "oc-sheet-footer", children: footer })
+        /* @__PURE__ */ jsx84("div", { className: "oc-sheet-body", children }),
+        footer != null && /* @__PURE__ */ jsx84("div", { className: "oc-sheet-footer", children: footer })
       ] }) })
     }
   );
 });
 
 // src/components/Sidebar.tsx
-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(
+import { forwardRef as forwardRef83 } from "react";
+import { Fragment as Fragment18, jsx as jsx85, jsxs as jsxs68 } from "react/jsx-runtime";
+var Sidebar = forwardRef83(function Sidebar2({ collapsed, right, floating, dark, header, footer, className, children, ...rest }, ref) {
+  return /* @__PURE__ */ jsxs68(
     "aside",
     {
       ref,
       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__ */ 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 })
+        header != null && /* @__PURE__ */ jsx85("div", { className: "oc-sidebar-header", children: header }),
+        /* @__PURE__ */ jsx85("div", { className: "oc-sidebar-content", children }),
+        footer != null && /* @__PURE__ */ jsx85("div", { className: "oc-sidebar-footer", children: footer })
       ]
     }
   );
 });
-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__ */ jsx84("div", { className: "oc-sidebar-group-label", children: label }),
+var SidebarGroup = forwardRef83(function SidebarGroup2({ label, className, children, ...rest }, ref) {
+  return /* @__PURE__ */ jsxs68("div", { ref, className: cx("oc-sidebar-group", className), ...rest, children: [
+    label != null && /* @__PURE__ */ jsx85("div", { className: "oc-sidebar-group-label", children: label }),
     children
   ] });
 });
 function SidebarSeparator({ className, ...rest }) {
-  return /* @__PURE__ */ jsx84("div", { className: cx("oc-sidebar-separator", className), ...rest });
+  return /* @__PURE__ */ jsx85("div", { className: cx("oc-sidebar-separator", className), ...rest });
 }
-var SidebarMenu = forwardRef82(function SidebarMenu2({ className, ...rest }, ref) {
-  return /* @__PURE__ */ jsx84("ul", { ref, className: cx("oc-sidebar-menu", className), ...rest });
+var SidebarMenu = forwardRef83(function SidebarMenu2({ className, ...rest }, ref) {
+  return /* @__PURE__ */ jsx85("ul", { ref, className: cx("oc-sidebar-menu", className), ...rest });
 });
 function SidebarMenuItem(props) {
-  return /* @__PURE__ */ jsx84("li", { ...props });
+  return /* @__PURE__ */ jsx85("li", { ...props });
 }
-var SidebarMenuButton = forwardRef82(function SidebarMenuButton2({ icon, badge, current, disabled, size = "md", label = true, className, children, href, ...rest }, ref) {
-  const content = /* @__PURE__ */ jsxs67(Fragment18, { children: [
+var SidebarMenuButton = forwardRef83(function SidebarMenuButton2({ icon, badge, current, disabled, size = "md", label = true, className, children, href, ...rest }, ref) {
+  const content = /* @__PURE__ */ jsxs68(Fragment18, { children: [
     icon,
-    label ? /* @__PURE__ */ jsx84("span", { className: "oc-sidebar-menu-label", children }) : children,
-    badge != null && /* @__PURE__ */ jsx84("span", { className: "oc-sidebar-menu-badge", children: badge })
+    label ? /* @__PURE__ */ jsx85("span", { className: "oc-sidebar-menu-label", children }) : children,
+    badge != null && /* @__PURE__ */ jsx85("span", { className: "oc-sidebar-menu-badge", children: badge })
   ] });
   const props = {
     className: cx("oc-sidebar-menu-button", size === "lg" && "oc-sidebar-menu-button--lg", className),
@@ -3299,13 +3334,13 @@ var SidebarMenuButton = forwardRef82(function SidebarMenuButton2({ icon, badge,
     "aria-disabled": disabled ? true : void 0
   };
   if (href === void 0) {
-    return /* @__PURE__ */ jsx84("button", { type: "button", ...props, ...rest, children: content });
+    return /* @__PURE__ */ jsx85("button", { type: "button", ...props, ...rest, children: content });
   }
-  return /* @__PURE__ */ jsx84("a", { ref, href, ...props, ...rest, children: content });
+  return /* @__PURE__ */ jsx85("a", { ref, href, ...props, ...rest, children: content });
 });
-var SidebarCollapsible = forwardRef82(function SidebarCollapsible2({ icon, label, open, defaultOpen, onOpenChange, className, children, ...rest }, ref) {
+var SidebarCollapsible = forwardRef83(function SidebarCollapsible2({ icon, label, open, defaultOpen, onOpenChange, className, children, ...rest }, ref) {
   const [isOpen, setOpen] = useControllable(open, defaultOpen ?? false, onOpenChange);
-  return /* @__PURE__ */ jsxs67(
+  return /* @__PURE__ */ jsxs68(
     "details",
     {
       ref,
@@ -3316,30 +3351,30 @@ var SidebarCollapsible = forwardRef82(function SidebarCollapsible2({ icon, label
       },
       ...rest,
       children: [
-        /* @__PURE__ */ jsxs67("summary", { className: "oc-sidebar-menu-button", children: [
+        /* @__PURE__ */ jsxs68("summary", { className: "oc-sidebar-menu-button", children: [
           icon,
-          /* @__PURE__ */ jsx84("span", { className: "oc-sidebar-menu-label", children: label })
+          /* @__PURE__ */ jsx85("span", { className: "oc-sidebar-menu-label", children: label })
         ] }),
-        /* @__PURE__ */ jsx84("ul", { className: "oc-sidebar-menu-sub", children })
+        /* @__PURE__ */ jsx85("ul", { className: "oc-sidebar-menu-sub", children })
       ]
     }
   );
 });
 
 // src/components/Skeleton.tsx
-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 });
+import { forwardRef as forwardRef84 } from "react";
+import { jsx as jsx86 } from "react/jsx-runtime";
+var Skeleton = forwardRef84(function Skeleton2({ variant, className, ...rest }, ref) {
+  return /* @__PURE__ */ jsx86("div", { ref, className: cx("oc-skeleton", variant && `oc-skeleton--${variant}`, className), ...rest });
 });
 
 // src/components/SortableRow.tsx
-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) {
+import { forwardRef as forwardRef85 } from "react";
+import { jsx as jsx87, jsxs as jsxs69 } from "react/jsx-runtime";
+var SortableRow = forwardRef85(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__ */ jsx86("td", { className: "oc-sortable-row-grip-cell", children: /* @__PURE__ */ jsx86(
+  return /* @__PURE__ */ jsxs69("tr", { ref, className: cls, draggable: locked ? void 0 : true, ...rest, children: [
+    /* @__PURE__ */ jsx87("td", { className: "oc-sortable-row-grip-cell", children: /* @__PURE__ */ jsx87(
       "button",
       {
         className: "oc-sortable-row-grip",
@@ -3355,64 +3390,87 @@ var SortableRow = forwardRef84(function SortableRow2({ gripLabel, dragging, drop
 });
 
 // src/components/StackCard.tsx
-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__ */ jsx87(MediaThumb, { ...thumb }),
-      count != null && /* @__PURE__ */ jsx87("span", { className: "oc-stack-card__count", children: count })
+import { forwardRef as forwardRef86 } from "react";
+import { jsx as jsx88, jsxs as jsxs70 } from "react/jsx-runtime";
+var StackCard = forwardRef86(function StackCard2({ title, href, meta, count, panel, thumb, className, ...rest }, ref) {
+  return /* @__PURE__ */ jsxs70("article", { ref, className: cx("oc-stack-card", panel && "oc-stack-card--panel", className), ...rest, children: [
+    /* @__PURE__ */ jsxs70("div", { className: "oc-stack-card__deck", children: [
+      /* @__PURE__ */ jsx88(MediaThumb, { ...thumb }),
+      count != null && /* @__PURE__ */ jsx88("span", { className: "oc-stack-card__count", children: count })
     ] }),
-    /* @__PURE__ */ jsxs69("div", { children: [
-      /* @__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 })
+    /* @__PURE__ */ jsxs70("div", { children: [
+      /* @__PURE__ */ jsx88("h3", { className: "oc-stack-card__title", children: /* @__PURE__ */ jsx88("a", { href, children: title }) }),
+      meta != null && /* @__PURE__ */ jsx88("p", { className: "oc-stack-card__meta", children: meta })
     ] })
   ] });
 });
 
 // src/components/StackList.tsx
-import { forwardRef as forwardRef86 } from "react";
-import { Fragment as Fragment19, jsx as jsx88, jsxs as jsxs70 } from "react/jsx-runtime";
+import { forwardRef as forwardRef87 } from "react";
+import { Fragment as Fragment19, jsx as jsx89, jsxs as jsxs71 } from "react/jsx-runtime";
 var isItem = (v) => typeof v === "object" && v !== null && "label" in v;
-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 }),
+var StackList = forwardRef87(function StackList2({ items, neutral = false, size = "default", className, ...rest }, ref) {
+  return /* @__PURE__ */ jsx89("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__ */ jsx89("li", { className: "oc-stack-list__item", children: isItem(item) ? /* @__PURE__ */ jsxs71(Fragment19, { children: [
+    item.icon != null && /* @__PURE__ */ jsx89("span", { className: "oc-stack-list__icon", "aria-hidden": "true", children: item.icon }),
     item.label
   ] }) : item }, i)) });
 });
 
 // src/components/StatCard.tsx
-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 });
+import { forwardRef as forwardRef88 } from "react";
+import { Fragment as Fragment20, jsx as jsx90, jsxs as jsxs72 } from "react/jsx-runtime";
+var StatCardGrid = forwardRef88(function StatCardGrid2({ className, ...rest }, ref) {
+  return /* @__PURE__ */ jsx90("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__ */ 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: [
+  const content = /* @__PURE__ */ jsxs72(Fragment20, { children: [
+    icon != null && /* @__PURE__ */ jsx90("span", { className: "oc-stat-card-icon", "aria-hidden": "true", children: icon }),
+    /* @__PURE__ */ jsxs72("span", { className: "oc-stat-card-body", children: [
+      /* @__PURE__ */ jsxs72("span", { className: "oc-stat-card-value", children: [
         value,
-        trend != null && /* @__PURE__ */ jsx89("span", { className: `oc-stat-card-trend oc-stat-card-trend--${trendDirection}`, children: trend })
+        trend != null && /* @__PURE__ */ jsx90("span", { className: `oc-stat-card-trend oc-stat-card-trend--${trendDirection}`, children: trend })
       ] }),
-      /* @__PURE__ */ jsx89("span", { className: "oc-stat-card-label", children: label })
+      /* @__PURE__ */ jsx90("span", { className: "oc-stat-card-label", children: label })
     ] })
   ] });
-  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 });
+  if (href !== void 0) return /* @__PURE__ */ jsx90("a", { className: cls, href, ...rest, children: content });
+  if (onClick) return /* @__PURE__ */ jsx90("button", { className: cls, type: "button", onClick, ...rest, children: content });
+  return /* @__PURE__ */ jsx90("div", { className: cls, ...rest, children: content });
 }
 
+// src/components/StatusDot.tsx
+import { forwardRef as forwardRef89 } from "react";
+import { jsx as jsx91, jsxs as jsxs73 } from "react/jsx-runtime";
+var StatusDot = forwardRef89(function StatusDot2({ tone = "default", size = "md", label, className, ...rest }, ref) {
+  const a11y = label ? { role: "img", "aria-label": label } : { "aria-hidden": true };
+  return /* @__PURE__ */ jsx91(
+    "span",
+    {
+      ref,
+      className: cx("oc-status-dot", tone !== "default" && `oc-status-dot--${tone}`, size !== "md" && `oc-status-dot--${size}`, className),
+      ...a11y,
+      ...rest
+    }
+  );
+});
+var Status = forwardRef89(function Status2({ tone = "default", meta, className, children, ...rest }, ref) {
+  return /* @__PURE__ */ jsxs73("p", { ref, className: cx("oc-status", className), ...rest, children: [
+    /* @__PURE__ */ jsx91(StatusDot, { tone }),
+    /* @__PURE__ */ jsx91("span", { className: "oc-status__text", children }),
+    meta != null && /* @__PURE__ */ jsx91("span", { className: "oc-status__meta", children: meta })
+  ] });
+});
+
 // src/components/Stepper.tsx
-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) => {
+import { forwardRef as forwardRef90 } from "react";
+import { jsx as jsx92, jsxs as jsxs74 } from "react/jsx-runtime";
+var Stepper = forwardRef90(function Stepper2({ steps, current, horizontal, onStepChange, className, ...rest }, ref) {
+  return /* @__PURE__ */ jsx92("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__ */ jsx90("span", { className: "oc-stepper-label", children: step.label });
-    return /* @__PURE__ */ jsx90("li", { children: /* @__PURE__ */ jsx90(
+    const label = /* @__PURE__ */ jsx92("span", { className: "oc-stepper-label", children: step.label });
+    return /* @__PURE__ */ jsx92("li", { children: /* @__PURE__ */ jsx92(
       "button",
       {
         className: cx("oc-stepper-item", done && "oc-stepper-item--done", active && "oc-stepper-item--active"),
@@ -3420,9 +3478,9 @@ var Stepper = forwardRef88(function Stepper2({ steps, current, horizontal, onSte
         "aria-current": active ? "step" : void 0,
         disabled: i > current,
         onClick: () => onStepChange?.(i),
-        children: step.meta != null ? /* @__PURE__ */ jsxs72("span", { children: [
+        children: step.meta != null ? /* @__PURE__ */ jsxs74("span", { children: [
           label,
-          /* @__PURE__ */ jsx90("span", { className: "oc-stepper-meta", children: step.meta })
+          /* @__PURE__ */ jsx92("span", { className: "oc-stepper-meta", children: step.meta })
         ] }) : label
       }
     ) }, i);
@@ -3430,20 +3488,20 @@ var Stepper = forwardRef88(function Stepper2({ steps, current, horizontal, onSte
 });
 
 // src/components/Switch.tsx
-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__ */ jsx91("input", { ref, type: "checkbox", role: "switch", className, ...rest }),
-    /* @__PURE__ */ jsx91("span", { className: "oc-switch-track" })
+import { forwardRef as forwardRef91 } from "react";
+import { jsx as jsx93, jsxs as jsxs75 } from "react/jsx-runtime";
+var Switch = forwardRef91(function Switch2({ labelClassName, className, ...rest }, ref) {
+  return /* @__PURE__ */ jsxs75("label", { className: cx("oc-switch", labelClassName), children: [
+    /* @__PURE__ */ jsx93("input", { ref, type: "checkbox", role: "switch", className, ...rest }),
+    /* @__PURE__ */ jsx93("span", { className: "oc-switch-track" })
   ] });
 });
 
 // src/components/Table.tsx
-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(
+import { forwardRef as forwardRef92 } from "react";
+import { jsx as jsx94, jsxs as jsxs76 } from "react/jsx-runtime";
+var Table = forwardRef92(function Table2({ striped, compact, borderless, sticky, caption, wrapClassName, className, children, ...rest }, ref) {
+  return /* @__PURE__ */ jsx94("div", { className: cx("oc-table-wrap", wrapClassName), children: /* @__PURE__ */ jsxs76(
     "table",
     {
       ref,
@@ -3457,84 +3515,84 @@ var Table = forwardRef90(function Table2({ striped, compact, borderless, sticky,
       ),
       ...rest,
       children: [
-        caption != null && /* @__PURE__ */ jsx92("caption", { children: caption }),
+        caption != null && /* @__PURE__ */ jsx94("caption", { children: caption }),
         children
       ]
     }
   ) });
 });
-var TableSort = forwardRef90(function TableSort2({ className, ...rest }, ref) {
-  return /* @__PURE__ */ jsx92("a", { ref, className: cx("oc-table-sort", className), ...rest });
+var TableSort = forwardRef92(function TableSort2({ className, ...rest }, ref) {
+  return /* @__PURE__ */ jsx94("a", { ref, className: cx("oc-table-sort", className), ...rest });
 });
 function TableActions({ className, ...rest }) {
-  return /* @__PURE__ */ jsx92("td", { className: cx("oc-table-actions", className), ...rest });
+  return /* @__PURE__ */ jsx94("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__ */ jsx92("a", { className: cls, ...props });
-  return /* @__PURE__ */ jsx92("button", { type: "button", className: cls, ...props });
+  if (props.href !== void 0) return /* @__PURE__ */ jsx94("a", { className: cls, ...props });
+  return /* @__PURE__ */ jsx94("button", { type: "button", className: cls, ...props });
 }
 function TableEmpty({ colSpan, children, ...rest }) {
-  return /* @__PURE__ */ jsx92("tr", { className: "oc-table-empty", ...rest, children: /* @__PURE__ */ jsx92("td", { colSpan, children }) });
+  return /* @__PURE__ */ jsx94("tr", { className: "oc-table-empty", ...rest, children: /* @__PURE__ */ jsx94("td", { colSpan, children }) });
 }
 
 // src/components/TableActions.tsx
-import { forwardRef as forwardRef91, useId as useId29 } from "react";
-import { Fragment as Fragment21, jsx as jsx93, jsxs as jsxs75 } from "react/jsx-runtime";
+import { forwardRef as forwardRef93, useId as useId29 } from "react";
+import { Fragment as Fragment21, jsx as jsx95, jsxs as jsxs77 } 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__ */ jsx93("a", { ...common, ...props, children });
+    return /* @__PURE__ */ jsx95("a", { ...common, ...props, children });
   }
-  return /* @__PURE__ */ jsx93("button", { type: "button", ...common, ...props, children });
+  return /* @__PURE__ */ jsx95("button", { type: "button", ...common, ...props, children });
 }
-var TableActionsMenu = forwardRef91(function TableActionsMenu2({ label, id, className, children, ...rest }, ref) {
+var TableActionsMenu = forwardRef93(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__ */ 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 })
+  return /* @__PURE__ */ jsxs77(Fragment21, { children: [
+    /* @__PURE__ */ jsx95("button", { className: "oc-table-actions-more", type: "button", "aria-label": label, popoverTarget: menuId }),
+    /* @__PURE__ */ jsx95("div", { ref, id: menuId, className: cx("oc-dropdown-menu", className), ...attrs({ popover: "" }), ...rest, children })
   ] });
 });
 
 // src/components/TableCompact.tsx
-import { forwardRef as forwardRef92 } from "react";
-import { jsx as jsx94, jsxs as jsxs76 } from "react/jsx-runtime";
+import { forwardRef as forwardRef94 } from "react";
+import { jsx as jsx96, jsxs as jsxs78 } from "react/jsx-runtime";
 var cellAttrs = (c) => ({
   "data-numeric": c.numeric ? "" : void 0,
   "data-wrap": c.wrap ? "" : void 0
 });
-var TableCompact = forwardRef92(function TableCompact2({ columns, rows = [], footer, bordered, plain, className, children, ...rest }, ref) {
+var TableCompact = forwardRef94(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__ */ 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)) }) })
+  return /* @__PURE__ */ jsx96("div", { ref, className: cls, ...rest, children: columns ? /* @__PURE__ */ jsxs78("table", { className: "oc-table", children: [
+    /* @__PURE__ */ jsx96("thead", { children: /* @__PURE__ */ jsx96("tr", { children: columns.map((c) => /* @__PURE__ */ jsx96("th", { ...cellAttrs(c), children: c.label }, c.key)) }) }),
+    /* @__PURE__ */ jsx96("tbody", { children: rows.map((row, i) => /* @__PURE__ */ jsx96("tr", { children: columns.map((c) => /* @__PURE__ */ jsx96("td", { ...cellAttrs(c), children: row[c.key] }, c.key)) }, i)) }),
+    footer && /* @__PURE__ */ jsx96("tfoot", { children: /* @__PURE__ */ jsx96("tr", { children: columns.map((c) => /* @__PURE__ */ jsx96("td", { ...cellAttrs(c), children: footer[c.key] }, c.key)) }) })
   ] }) : children });
 });
 
 // src/components/Tabs.tsx
-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) {
+import { forwardRef as forwardRef95, useId as useId30 } from "react";
+import { jsx as jsx97, jsxs as jsxs79 } from "react/jsx-runtime";
+var Tabs = forwardRef95(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__ */ 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) }),
+  return /* @__PURE__ */ jsxs79("div", { ref, className: cx("oc-tabset", className), ...rest, children: [
+    /* @__PURE__ */ jsx97("div", { className: "oc-tab-list", role: "tablist", children: tabs.map((t) => /* @__PURE__ */ jsxs79("label", { className: "oc-tab-trigger", children: [
+      /* @__PURE__ */ jsx97("input", { type: "radio", name: group, value: t.value, checked: current === t.value, onChange: () => setCurrent(t.value) }),
       " ",
       t.label
     ] }, t.value)) }),
-    tabs.map((t) => /* @__PURE__ */ jsx95("div", { className: "oc-tab-panel", children: t.content }, t.value))
+    tabs.map((t) => /* @__PURE__ */ jsx97("div", { className: "oc-tab-panel", children: t.content }, t.value))
   ] });
 });
 
 // src/components/TagInput.tsx
-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) {
+import { forwardRef as forwardRef96, useState as useState12 } from "react";
+import { Fragment as Fragment22, jsx as jsx98, jsxs as jsxs80 } from "react/jsx-runtime";
+var TagInput = forwardRef96(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) => {
@@ -3552,14 +3610,14 @@ var TagInput = forwardRef94(function TagInput2({ value, defaultValue = [], onCha
     }
   };
   const open = suggestions?.filter((s) => !tags.includes(s)) ?? [];
-  return /* @__PURE__ */ jsxs78(Fragment22, { children: [
-    /* @__PURE__ */ jsxs78("div", { ref, className: cx("oc-tag-input", className), ...rest, children: [
-      tags.map((tag) => /* @__PURE__ */ jsxs78("span", { className: "oc-tag", children: [
+  return /* @__PURE__ */ jsxs80(Fragment22, { children: [
+    /* @__PURE__ */ jsxs80("div", { ref, className: cx("oc-tag-input", className), ...rest, children: [
+      tags.map((tag) => /* @__PURE__ */ jsxs80("span", { className: "oc-tag", children: [
         tag,
         " ",
-        /* @__PURE__ */ jsx96("button", { className: "oc-tag-remove", type: "button", "aria-label": `Remove ${tag}`, disabled, onClick: () => remove(tag), children: "\xD7" })
+        /* @__PURE__ */ jsx98("button", { className: "oc-tag-remove", type: "button", "aria-label": `Remove ${tag}`, disabled, onClick: () => remove(tag), children: "\xD7" })
       ] }, tag)),
-      /* @__PURE__ */ jsx96(
+      /* @__PURE__ */ jsx98(
         "input",
         {
           type: "text",
@@ -3573,43 +3631,43 @@ var TagInput = forwardRef94(function TagInput2({ value, defaultValue = [], onCha
         }
       )
     ] }),
-    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)) })
+    open.length > 0 && /* @__PURE__ */ jsx98("div", { className: "oc-tag-suggestions", children: open.map((s) => /* @__PURE__ */ jsx98("button", { type: "button", disabled, onClick: () => add(s), children: s }, s)) })
   ] });
 });
 
 // src/components/TerminalLog.tsx
-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) {
+import { forwardRef as forwardRef97, useEffect as useEffect8, useRef as useRef11 } from "react";
+import { jsx as jsx99, jsxs as jsxs81 } from "react/jsx-runtime";
+var TerminalLog = forwardRef97(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;
   }, [lines.length, autoScroll]);
   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__ */ 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 })
+  return /* @__PURE__ */ jsxs81("div", { ref, className: cx("oc-terminal-log", className), style: { ...vars, ...style }, ...rest, children: [
+    /* @__PURE__ */ jsxs81("div", { className: "oc-terminal-log__bar", children: [
+      /* @__PURE__ */ jsx99("i", {}),
+      /* @__PURE__ */ jsx99("i", {}),
+      /* @__PURE__ */ jsx99("i", {}),
+      title != null && /* @__PURE__ */ jsx99("span", { className: "oc-terminal-log__title", children: title }),
+      status != null && /* @__PURE__ */ jsx99("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__ */ 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 })
+    /* @__PURE__ */ jsxs81("div", { ref: body, className: "oc-terminal-log__body", role: "log", "aria-live": "polite", "aria-label": label, tabIndex: 0, children: [
+      lines.map((l, i) => /* @__PURE__ */ jsxs81("p", { className: cx("oc-terminal-log__line", `oc-terminal-log__line--${l.level}`), children: [
+        l.time && /* @__PURE__ */ jsx99("time", { className: "oc-terminal-log__time", children: l.time }),
+        /* @__PURE__ */ jsx99("span", { className: "oc-terminal-log__level", children: l.label ?? (l.level === "success" ? "ok" : l.level) }),
+        /* @__PURE__ */ jsx99("span", { className: "oc-terminal-log__msg", children: l.message })
       ] }, i)),
-      prompt != null && prompt !== false && /* @__PURE__ */ jsx97("p", { className: "oc-terminal-log__prompt", children: prompt === true ? null : prompt })
+      prompt != null && prompt !== false && /* @__PURE__ */ jsx99("p", { className: "oc-terminal-log__prompt", children: prompt === true ? null : prompt })
     ] })
   ] });
 });
 
 // src/components/Textarea.tsx
-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(
+import { forwardRef as forwardRef98 } from "react";
+import { jsx as jsx100 } from "react/jsx-runtime";
+var Textarea = forwardRef98(function Textarea2({ error, className, ...rest }, ref) {
+  return /* @__PURE__ */ jsx100(
     "textarea",
     {
       ref,
@@ -3621,24 +3679,24 @@ var Textarea = forwardRef96(function Textarea2({ error, className, ...rest }, re
 });
 
 // src/components/ThemeSwitch.tsx
-import { forwardRef as forwardRef97, useId as useId31 } from "react";
-import { jsx as jsx99, jsxs as jsxs80 } from "react/jsx-runtime";
+import { forwardRef as forwardRef99, useId as useId31 } from "react";
+import { jsx as jsx101, jsxs as jsxs82 } from "react/jsx-runtime";
 var LABELS = { system: "System", light: "Light", dark: "Dark" };
-var ThemeSwitch = forwardRef97(function ThemeSwitch2({ value, defaultValue = "system", onChange, modes = ["system", "light", "dark"], name, as = "fieldset", className, "aria-label": ariaLabel = "Color theme", ...rest }, ref) {
+var ThemeSwitch = forwardRef99(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__ */ jsx99("input", { type: "radio", name: group, value: m, checked: current === m, onChange: () => setCurrent(m) }),
+  const items = modes.map((m) => /* @__PURE__ */ jsxs82("label", { children: [
+    /* @__PURE__ */ jsx101("input", { type: "radio", name: group, value: m, checked: current === m, onChange: () => setCurrent(m) }),
     " ",
     LABELS[m]
   ] }, m));
-  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 });
+  return as === "div" ? /* @__PURE__ */ jsx101("div", { ref, className: cx("oc-theme-switch", className), role: "radiogroup", "aria-label": ariaLabel, ...rest, children: items }) : /* @__PURE__ */ jsx101("fieldset", { ref, className: cx("oc-theme-switch", className), "aria-label": ariaLabel, ...rest, children: items });
 });
 
 // src/components/TimeInput.tsx
-import { forwardRef as forwardRef98, useId as useId32 } from "react";
-import { Fragment as Fragment23, jsx as jsx100, jsxs as jsxs81 } from "react/jsx-runtime";
+import { forwardRef as forwardRef100, useId as useId32 } from "react";
+import { Fragment as Fragment23, jsx as jsx102, jsxs as jsxs83 } 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)}`;
@@ -3649,11 +3707,11 @@ function completeTime(text) {
   if (digits.length === 3) return `0${digits[0]}:${digits.slice(1)}`;
   return text;
 }
-var TimeInput = forwardRef98(function TimeInput2({ value, defaultValue, onChange, slots, error, className, onBlur, placeholder = "hh:mm", ...rest }, ref) {
+var TimeInput = forwardRef100(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__ */ jsx100(
+  return /* @__PURE__ */ jsxs83(Fragment23, { children: [
+    /* @__PURE__ */ jsx102(
       "input",
       {
         ref,
@@ -3678,37 +3736,60 @@ var TimeInput = forwardRef98(function TimeInput2({ value, defaultValue, onChange
         ...rest
       }
     ),
-    slots?.length ? /* @__PURE__ */ jsx100("datalist", { id: listId, children: slots.map((s) => /* @__PURE__ */ jsx100("option", { value: s }, s)) }) : null
+    slots?.length ? /* @__PURE__ */ jsx102("datalist", { id: listId, children: slots.map((s) => /* @__PURE__ */ jsx102("option", { value: s }, s)) }) : null
   ] });
 });
 
 // src/components/Timeline.tsx
-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 })
+import { forwardRef as forwardRef101 } from "react";
+import { jsx as jsx103, jsxs as jsxs84 } from "react/jsx-runtime";
+var Timeline = forwardRef101(function Timeline2({ items, size = "default", accent = false, className, ...rest }, ref) {
+  return /* @__PURE__ */ jsx103("ol", { ref, className: cx("oc-timeline", size === "lg" && "oc-timeline--lg", accent && "oc-timeline--accent", className), ...rest, children: items.map((item, i) => /* @__PURE__ */ jsxs84("li", { className: cx("oc-timeline__item", item.current && "oc-timeline__item--current"), children: [
+    item.dateTime ? /* @__PURE__ */ jsx103("time", { className: "oc-timeline__date", dateTime: item.dateTime, children: item.date }) : /* @__PURE__ */ jsx103("span", { className: "oc-timeline__date", children: item.date }),
+    item.title != null && /* @__PURE__ */ jsx103("h3", { className: "oc-timeline__title", children: item.title }),
+    item.text != null && /* @__PURE__ */ jsx103("p", { className: "oc-timeline__text", children: item.text })
   ] }, i)) });
 });
 
+// src/components/Titlebar.tsx
+import { forwardRef as forwardRef102 } from "react";
+import { jsx as jsx104, jsxs as jsxs85 } from "react/jsx-runtime";
+var TitlebarWindow = forwardRef102(function TitlebarWindow2({ className, ...rest }, ref) {
+  return /* @__PURE__ */ jsx104("div", { ref, className: cx("oc-titlebar-window", className), ...rest });
+});
+var Titlebar = forwardRef102(function Titlebar2({ title, subtitle, icon, bordered, size = "md", className, children, ...rest }, ref) {
+  return /* @__PURE__ */ jsxs85("header", { ref, className: cx("oc-titlebar", bordered && "oc-titlebar--bordered", size === "sm" && "oc-titlebar--sm", className), ...rest, children: [
+    /* @__PURE__ */ jsxs85("div", { className: "oc-titlebar__main", children: [
+      icon != null && /* @__PURE__ */ jsx104("span", { className: "oc-titlebar__icon", "aria-hidden": "true", children: icon }),
+      title != null && /* @__PURE__ */ jsx104("span", { className: "oc-titlebar__title", children: title }),
+      subtitle != null && /* @__PURE__ */ jsx104("span", { className: "oc-titlebar__subtitle", children: subtitle })
+    ] }),
+    children != null && /* @__PURE__ */ jsx104("div", { className: "oc-titlebar__actions", children })
+  ] });
+});
+var TitlebarButton = forwardRef102(function TitlebarButton2({ label, close, className, type = "button", ...rest }, ref) {
+  return /* @__PURE__ */ jsx104("button", { ref, type, "aria-label": label, title: label, className: cx("oc-titlebar__btn", close && "oc-titlebar__btn--close", className), ...rest });
+});
+var TitlebarBody = forwardRef102(function TitlebarBody2({ className, ...rest }, ref) {
+  return /* @__PURE__ */ jsx104("div", { ref, className: cx("oc-titlebar-body", className), ...rest });
+});
+
 // src/components/Toast.tsx
-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";
+import { createContext as createContext2, forwardRef as forwardRef103, useCallback as useCallback2, useContext as useContext2, useEffect as useEffect9, useMemo as useMemo2, useRef as useRef12, useState as useState13 } from "react";
+import { jsx as jsx105, jsxs as jsxs86 } from "react/jsx-runtime";
 var GLYPHS3 = { success: "\u2713", error: "!", warning: "!", info: "i" };
-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__ */ jsx102("span", { className: "oc-toast-icon", "aria-hidden": "true", children: icon ?? GLYPHS3[variant] }),
-    /* @__PURE__ */ jsxs83("div", { className: "oc-toast-body", children: [
-      /* @__PURE__ */ jsx102("p", { className: "oc-toast-title", children: title }),
-      description != null && /* @__PURE__ */ jsx102("p", { className: "oc-toast-description", children: description })
+var Toast = forwardRef103(function Toast2({ variant = "info", title, description, icon, onDismiss, dismissLabel = "Dismiss", className, ...rest }, ref) {
+  return /* @__PURE__ */ jsxs86("div", { ref, className: cx("oc-toast", `oc-toast--${variant}`, className), role: variant === "error" ? "alert" : "status", ...rest, children: [
+    /* @__PURE__ */ jsx105("span", { className: "oc-toast-icon", "aria-hidden": "true", children: icon ?? GLYPHS3[variant] }),
+    /* @__PURE__ */ jsxs86("div", { className: "oc-toast-body", children: [
+      /* @__PURE__ */ jsx105("p", { className: "oc-toast-title", children: title }),
+      description != null && /* @__PURE__ */ jsx105("p", { className: "oc-toast-description", children: description })
     ] }),
-    onDismiss && /* @__PURE__ */ jsx102("button", { className: "oc-toast-close", type: "button", "aria-label": dismissLabel, onClick: onDismiss, children: "\xD7" })
+    onDismiss && /* @__PURE__ */ jsx105("button", { className: "oc-toast-close", type: "button", "aria-label": dismissLabel, onClick: onDismiss, children: "\xD7" })
   ] });
 });
-var ToastContainer = forwardRef100(function ToastContainer2({ top, static: isStatic, className, ...rest }, ref) {
-  return /* @__PURE__ */ jsx102(
+var ToastContainer = forwardRef103(function ToastContainer2({ top, static: isStatic, className, ...rest }, ref) {
+  return /* @__PURE__ */ jsx105(
     "div",
     {
       ref,
@@ -3748,9 +3829,9 @@ function ToastProvider({ children, top, duration = 5e3, limit = 5 }) {
     return () => map.forEach(clearTimeout);
   }, []);
   const api = useMemo2(() => ({ toast, dismiss }), [toast, dismiss]);
-  return /* @__PURE__ */ jsxs83(ToastContext.Provider, { value: api, children: [
+  return /* @__PURE__ */ jsxs86(ToastContext.Provider, { value: api, children: [
     children,
-    /* @__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)) })
+    /* @__PURE__ */ jsx105(ToastContainer, { top, "aria-live": "polite", children: items.map((t) => /* @__PURE__ */ jsx105(Toast, { variant: t.variant, title: t.title, description: t.description, onDismiss: () => dismiss(t.id) }, t.id)) })
   ] });
 }
 function useToast() {
@@ -3760,41 +3841,41 @@ function useToast() {
 }
 
 // src/components/ToggleField.tsx
-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) {
+import { forwardRef as forwardRef104, useId as useId33 } from "react";
+import { jsx as jsx106, jsxs as jsxs87 } from "react/jsx-runtime";
+var ToggleField = forwardRef104(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__ */ jsx103("span", { className: "oc-toggle-field-label", children: label }),
-      description != null && /* @__PURE__ */ jsx103("span", { className: "oc-toggle-field-description", id: descId, children: description })
+  return /* @__PURE__ */ jsxs87("label", { className: cx("oc-toggle-field", card && "oc-toggle-field--card", reverse && "oc-toggle-field--reverse", fieldClassName), children: [
+    /* @__PURE__ */ jsxs87("span", { className: "oc-toggle-field-text", children: [
+      /* @__PURE__ */ jsx106("span", { className: "oc-toggle-field-label", children: label }),
+      description != null && /* @__PURE__ */ jsx106("span", { className: "oc-toggle-field-description", id: descId, children: description })
     ] }),
-    /* @__PURE__ */ jsxs84("span", { className: "oc-switch", children: [
-      /* @__PURE__ */ jsx103("input", { ref, type: "checkbox", role: "switch", className, "aria-describedby": description != null ? descId : void 0, ...rest }),
-      /* @__PURE__ */ jsx103("span", { className: "oc-switch-track" })
+    /* @__PURE__ */ jsxs87("span", { className: "oc-switch", children: [
+      /* @__PURE__ */ jsx106("input", { ref, type: "checkbox", role: "switch", className, "aria-describedby": description != null ? descId : void 0, ...rest }),
+      /* @__PURE__ */ jsx106("span", { className: "oc-switch-track" })
     ] })
   ] });
 });
 
 // src/components/Tooltip.tsx
-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) {
+import { forwardRef as forwardRef105 } from "react";
+import { jsx as jsx107, jsxs as jsxs88 } from "react/jsx-runtime";
+var Tooltip = forwardRef105(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__ */ jsx104("span", { ref, className: classes, "data-tooltip": content, ...rest, children });
-  return /* @__PURE__ */ jsxs85("span", { ref, className: classes, ...rest, children: [
+  if (!heading) return /* @__PURE__ */ jsx107("span", { ref, className: classes, "data-tooltip": content, ...rest, children });
+  return /* @__PURE__ */ jsxs88("span", { ref, className: classes, ...rest, children: [
     children,
-    /* @__PURE__ */ jsxs85("span", { className: "oc-tooltip__content", role: "tooltip", children: [
-      /* @__PURE__ */ jsx104("span", { className: "oc-tooltip__title", children: heading }),
+    /* @__PURE__ */ jsxs88("span", { className: "oc-tooltip__content", role: "tooltip", children: [
+      /* @__PURE__ */ jsx107("span", { className: "oc-tooltip__title", children: heading }),
       content
     ] })
   ] });
 });
 
 // src/components/TopProgress.tsx
-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) {
+import { forwardRef as forwardRef106, useEffect as useEffect10, useState as useState14 } from "react";
+import { jsx as jsx108 } from "react/jsx-runtime";
+var TopProgress = forwardRef106(function TopProgress2({ active = true, tone = "default", large, static: inFlow, fadeMs = 400, className, ...rest }, ref) {
   const [phase, setPhase] = useState14(active ? "active" : "hidden");
   useEffect10(() => {
     if (active) {
@@ -3813,158 +3894,158 @@ var TopProgress = forwardRef103(function TopProgress2({ active = true, tone = "d
     phase === "done" && "is-done",
     className
   );
-  return /* @__PURE__ */ jsx105("progress", { ref, className: cls, hidden: phase === "hidden", ...rest });
+  return /* @__PURE__ */ jsx108("progress", { ref, className: cls, hidden: phase === "hidden", ...rest });
 });
 
 // src/components/Tree.tsx
-import { forwardRef as forwardRef104 } from "react";
-import { Fragment as Fragment24, jsx as jsx106, jsxs as jsxs86 } from "react/jsx-runtime";
+import { forwardRef as forwardRef107 } from "react";
+import { Fragment as Fragment24, jsx as jsx109, jsxs as jsxs89 } from "react/jsx-runtime";
 function RowContent({ item }) {
   const isLink = item.href !== void 0;
-  return /* @__PURE__ */ jsxs86(Fragment24, { children: [
-    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 })
+  return /* @__PURE__ */ jsxs89(Fragment24, { children: [
+    item.icon != null && /* @__PURE__ */ jsx109("span", { className: "oc-tree-icon", "aria-hidden": "true", children: item.icon }),
+    isLink ? /* @__PURE__ */ jsx109("a", { className: "oc-tree-label", href: item.href, "aria-current": item.current ? "true" : void 0, children: item.label }) : /* @__PURE__ */ jsx109("span", { className: "oc-tree-label", children: item.label }),
+    item.count != null && /* @__PURE__ */ jsx109("span", { className: "oc-tree-count", children: item.count }),
+    item.actions != null && /* @__PURE__ */ jsx109("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__ */ jsx106("li", { children: /* @__PURE__ */ jsx106("div", { className: rowCls, "aria-current": rowCurrent, children: /* @__PURE__ */ jsx106(RowContent, { item }) }) });
+    return /* @__PURE__ */ jsx109("li", { children: /* @__PURE__ */ jsx109("div", { className: rowCls, "aria-current": rowCurrent, children: /* @__PURE__ */ jsx109(RowContent, { item }) }) });
   }
-  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 })
+  return /* @__PURE__ */ jsx109("li", { children: /* @__PURE__ */ jsxs89("details", { className: "oc-tree-node", open: item.open, children: [
+    /* @__PURE__ */ jsx109("summary", { className: rowCls, "aria-current": rowCurrent, children: /* @__PURE__ */ jsx109(RowContent, { item }) }),
+    /* @__PURE__ */ jsx109(TreeList, { items: item.children })
   ] }) });
 }
 function TreeList({ items }) {
-  return /* @__PURE__ */ jsx106("ul", { className: "oc-tree-list", children: items.map((item, i) => /* @__PURE__ */ jsx106(TreeNode, { item }, i)) });
+  return /* @__PURE__ */ jsx109("ul", { className: "oc-tree-list", children: items.map((item, i) => /* @__PURE__ */ jsx109(TreeNode, { item }, i)) });
 }
-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__ */ jsx106("span", { className: "oc-tree-label", children: head }),
-      headActions != null && /* @__PURE__ */ jsx106("span", { className: "oc-tree-actions", children: headActions })
+var Tree = forwardRef107(function Tree2({ items, head, headActions, quiet, flush, className, ...rest }, ref) {
+  return /* @__PURE__ */ jsxs89("div", { ref, className: cx("oc-tree", quiet && "oc-tree--quiet", flush && "oc-tree--flush", className), ...rest, children: [
+    head != null && /* @__PURE__ */ jsxs89("div", { className: "oc-tree-row oc-tree-head", children: [
+      /* @__PURE__ */ jsx109("span", { className: "oc-tree-label", children: head }),
+      headActions != null && /* @__PURE__ */ jsx109("span", { className: "oc-tree-actions", children: headActions })
     ] }),
-    /* @__PURE__ */ jsx106(TreeList, { items })
+    /* @__PURE__ */ jsx109(TreeList, { items })
   ] });
 });
 
 // src/components/UpgradeBanner.tsx
-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) {
+import { forwardRef as forwardRef108 } from "react";
+import { Fragment as Fragment25, jsx as jsx110, jsxs as jsxs90 } from "react/jsx-runtime";
+var UpgradeBanner = forwardRef108(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__ */ 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: [
+  return /* @__PURE__ */ jsxs90("aside", { ref, className: cls, ...rest, children: [
+    icon != null && /* @__PURE__ */ jsx110("span", { className: "oc-upgrade-banner-icon", "aria-hidden": "true", children: icon }),
+    /* @__PURE__ */ jsxs90("div", { className: "oc-upgrade-banner-body", children: [
+      /* @__PURE__ */ jsxs90("p", { className: "oc-upgrade-banner-title", children: [
         title,
-        plan != null && /* @__PURE__ */ jsxs87(Fragment25, { children: [
+        plan != null && /* @__PURE__ */ jsxs90(Fragment25, { children: [
           " ",
-          /* @__PURE__ */ jsx107("span", { className: "oc-upgrade-banner-plan", children: plan })
+          /* @__PURE__ */ jsx110("span", { className: "oc-upgrade-banner-plan", children: plan })
         ] })
       ] }),
-      body != null && /* @__PURE__ */ jsx107("p", { className: "oc-upgrade-banner-text", children: body }),
-      usage && /* @__PURE__ */ jsxs87("div", { className: "oc-upgrade-banner-usage", children: [
-        /* @__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: [
+      body != null && /* @__PURE__ */ jsx110("p", { className: "oc-upgrade-banner-text", children: body }),
+      usage && /* @__PURE__ */ jsxs90("div", { className: "oc-upgrade-banner-usage", children: [
+        /* @__PURE__ */ jsx110("span", { children: usage.label }),
+        /* @__PURE__ */ jsxs90("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 ",
           usage.max
         ] }),
-        /* @__PURE__ */ jsxs87("span", { children: [
+        /* @__PURE__ */ jsxs90("span", { children: [
           usage.value,
           " / ",
           usage.max
         ] })
       ] })
     ] }),
-    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" })
+    actions != null && /* @__PURE__ */ jsx110("div", { className: "oc-upgrade-banner-actions", children: actions }),
+    onDismiss && /* @__PURE__ */ jsx110("button", { className: "oc-upgrade-banner-dismiss", type: "button", "aria-label": dismissLabel, onClick: onDismiss, children: "\xD7" })
   ] });
 });
 
 // src/components/User.tsx
-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__ */ jsx108(Avatar, { size: avatarSize, src: avatarSrc, children: initials }),
-    /* @__PURE__ */ jsxs88("span", { className: "oc-user-text", children: [
-      /* @__PURE__ */ jsx108("span", { className: "oc-user-name", children: name }),
-      email != null && /* @__PURE__ */ jsx108("span", { className: "oc-user-email", children: email })
+import { forwardRef as forwardRef109 } from "react";
+import { jsx as jsx111, jsxs as jsxs91 } from "react/jsx-runtime";
+var User = forwardRef109(function User2({ name, email, initials, avatarSrc, avatarSize = "md", className, ...rest }, ref) {
+  return /* @__PURE__ */ jsxs91("div", { ref, className: cx("oc-user", className), ...rest, children: [
+    /* @__PURE__ */ jsx111(Avatar, { size: avatarSize, src: avatarSrc, children: initials }),
+    /* @__PURE__ */ jsxs91("span", { className: "oc-user-text", children: [
+      /* @__PURE__ */ jsx111("span", { className: "oc-user-name", children: name }),
+      email != null && /* @__PURE__ */ jsx111("span", { className: "oc-user-email", children: email })
     ] })
   ] });
 });
 
 // src/components/VersionBanner.tsx
-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) {
+import { forwardRef as forwardRef110 } from "react";
+import { jsx as jsx112, jsxs as jsxs92 } from "react/jsx-runtime";
+var VersionBanner = forwardRef110(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__ */ 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 })
+  return /* @__PURE__ */ jsxs92("div", { ref, className: cls, role: "status", ...rest, children: [
+    /* @__PURE__ */ jsx112("span", { className: "oc-version-banner-dot", "aria-hidden": "true" }),
+    /* @__PURE__ */ jsx112("span", { className: "oc-version-banner-text", children: text ?? `New version (${version}) available - reload the page` }),
+    /* @__PURE__ */ jsx112("span", { className: "oc-version-banner-short", children: short }),
+    onReload ? /* @__PURE__ */ jsx112("button", { className: "oc-version-banner-action", type: "button", onClick: onReload, children: actionLabel }) : /* @__PURE__ */ jsx112("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) {
+import { forwardRef as forwardRef111, Fragment as Fragment26 } from "react";
+import { jsx as jsx113 } from "react/jsx-runtime";
+var Watermark = forwardRef111(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)) });
+  return /* @__PURE__ */ jsx113("span", { ref, className: classes, "aria-hidden": "true", ...rest, children: Array.from({ length: count }, (_, i) => typeof text === "string" || typeof text === "number" ? /* @__PURE__ */ jsx113("span", { children: text }, i) : /* @__PURE__ */ jsx113(Fragment26, { children: text }, i)) });
 });
 
 // src/blocks/BlockAboutTimeline.tsx
-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) {
+import { forwardRef as forwardRef112, useId as useId34 } from "react";
+import { jsx as jsx114, jsxs as jsxs93 } from "react/jsx-runtime";
+var BlockAboutTimeline = forwardRef112(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__ */ 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__ */ jsx111("img", { src: image, alt: imageAlt, loading: "lazy" }),
-      badge != null && /* @__PURE__ */ jsx111("span", { className: "oc-block-about-badge", children: badge })
+  return /* @__PURE__ */ jsx114("section", { ref, className: cx("oc-block-about", reverse && "oc-block-about--reverse", className), "aria-labelledby": titleId, ...rest, children: /* @__PURE__ */ jsxs93("div", { className: "oc-block-about-inner", children: [
+    /* @__PURE__ */ jsxs93("figure", { className: "oc-block-about-media", "aria-hidden": image ? void 0 : true, children: [
+      image && /* @__PURE__ */ jsx114("img", { src: image, alt: imageAlt, loading: "lazy" }),
+      badge != null && /* @__PURE__ */ jsx114("span", { className: "oc-block-about-badge", children: badge })
     ] }),
-    /* @__PURE__ */ jsxs90("div", { className: "oc-block-about-copy", children: [
-      eyebrow != null && /* @__PURE__ */ jsx111("p", { className: "oc-eyebrow", children: eyebrow }),
-      /* @__PURE__ */ jsx111("h2", { className: "oc-block-about-title", id: titleId, children: title }),
+    /* @__PURE__ */ jsxs93("div", { className: "oc-block-about-copy", children: [
+      eyebrow != null && /* @__PURE__ */ jsx114("p", { className: "oc-eyebrow", children: eyebrow }),
+      /* @__PURE__ */ jsx114("h2", { className: "oc-block-about-title", id: titleId, children: title }),
       children,
-      timeline.length > 0 && /* @__PURE__ */ jsx111(Timeline, { items: timeline })
+      timeline.length > 0 && /* @__PURE__ */ jsx114(Timeline, { items: timeline })
     ] })
   ] }) });
 });
 
 // src/blocks/BlockAppHeader.tsx
-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__ */ jsx112(Icon, { d: "M4 6h16M4 12h16M4 18h16" }),
-      /* @__PURE__ */ jsx112("span", { className: "oc-visually-hidden", children: toggleLabel })
+import { forwardRef as forwardRef113 } from "react";
+import { jsx as jsx115, jsxs as jsxs94 } from "react/jsx-runtime";
+var BlockAppHeader = forwardRef113(function BlockAppHeader2({ toggleFor, toggleLabel = "Toggle sidebar", nav, navLabel = "Module navigation", actions, title, className, ...rest }, ref) {
+  return /* @__PURE__ */ jsxs94("header", { ref, className: cx("oc-block-appbar", className), ...rest, children: [
+    toggleFor && /* @__PURE__ */ jsxs94("label", { className: "oc-btn oc-btn--ghost oc-btn--icon", htmlFor: toggleFor, title: toggleLabel, children: [
+      /* @__PURE__ */ jsx115(Icon, { d: "M4 6h16M4 12h16M4 18h16" }),
+      /* @__PURE__ */ jsx115("span", { className: "oc-visually-hidden", children: toggleLabel })
     ] }),
-    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 })
+    title != null && /* @__PURE__ */ jsx115("span", { className: "oc-block-appbar-title", children: title }),
+    nav && /* @__PURE__ */ jsx115(Navmenu, { label: navLabel, navClassName: "oc-block-appbar-nav", children: nav.map((item, i) => /* @__PURE__ */ jsx115(NavmenuItem, { children: /* @__PURE__ */ jsx115(NavmenuLink, { href: item.href, current: item.current, children: item.label }) }, i)) }),
+    actions != null && /* @__PURE__ */ jsx115("div", { className: "oc-block-appbar-actions", children: actions })
   ] });
 });
 
 // src/blocks/BlockAppShell.tsx
-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) {
+import { forwardRef as forwardRef114, useId as useId35 } from "react";
+import { jsx as jsx116, jsxs as jsxs95 } from "react/jsx-runtime";
+var BlockAppShell = forwardRef114(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(
+  return /* @__PURE__ */ jsxs95(
     "div",
     {
       ref,
@@ -3972,14 +4053,14 @@ var BlockAppShell = forwardRef111(function BlockAppShell2({ sidebar, header, bre
       style: height ? { "--oc-block-shell-height": height, ...style } : style,
       ...rest,
       children: [
-        /* @__PURE__ */ jsx113("input", { className: "oc-block-shell-toggle", type: "checkbox", id, "aria-label": "Collapse sidebar" }),
+        /* @__PURE__ */ jsx116("input", { className: "oc-block-shell-toggle", type: "checkbox", id, "aria-label": "Collapse sidebar" }),
         sidebar,
-        /* @__PURE__ */ jsxs92("div", { className: "oc-block-shell-main", children: [
+        /* @__PURE__ */ jsxs95("div", { className: "oc-block-shell-main", children: [
           header,
-          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)
+          breadcrumbs && /* @__PURE__ */ jsx116("div", { className: "oc-block-shell-breadcrumbs", children: /* @__PURE__ */ jsx116("nav", { "aria-label": "Breadcrumb", children: /* @__PURE__ */ jsx116("ol", { className: "oc-breadcrumb", children: breadcrumbs.map(
+            (item, i) => item.href && i < breadcrumbs.length - 1 ? /* @__PURE__ */ jsx116("li", { className: "oc-breadcrumb-item", children: /* @__PURE__ */ jsx116("a", { href: item.href, children: item.label }) }, i) : /* @__PURE__ */ jsx116("li", { className: "oc-breadcrumb-item", "aria-current": "page", children: item.label }, i)
           ) }) }) }),
-          /* @__PURE__ */ jsx113("main", { className: "oc-block-shell-content", children })
+          /* @__PURE__ */ jsx116("main", { className: "oc-block-shell-content", children })
         ] })
       ]
     }
@@ -3987,41 +4068,41 @@ var BlockAppShell = forwardRef111(function BlockAppShell2({ sidebar, header, bre
 });
 
 // src/blocks/BlockAuth.tsx
-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) {
+import { forwardRef as forwardRef115, useId as useId36 } from "react";
+import { Fragment as Fragment27, jsx as jsx117, jsxs as jsxs96 } from "react/jsx-runtime";
+var BlockAuth = forwardRef115(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();
     const data = new FormData(e.currentTarget);
     onSubmit?.({ email: String(data.get("email") ?? ""), password: String(data.get("password") ?? "") });
   };
-  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__ */ jsx114("h2", { children: title }),
-      subtitle != null && /* @__PURE__ */ jsx114("p", { className: "oc-block-subtitle", children: subtitle }),
-      /* @__PURE__ */ jsxs93("div", { className: "oc-form-group", children: [
-        /* @__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" })
+  return /* @__PURE__ */ jsxs96("div", { ref, className: cx("oc-block-auth", className), ...rest, children: [
+    /* @__PURE__ */ jsxs96("form", { className: "oc-block-auth-card", onSubmit: submit, children: [
+      /* @__PURE__ */ jsx117("h2", { children: title }),
+      subtitle != null && /* @__PURE__ */ jsx117("p", { className: "oc-block-subtitle", children: subtitle }),
+      /* @__PURE__ */ jsxs96("div", { className: "oc-form-group", children: [
+        /* @__PURE__ */ jsx117("label", { className: "oc-label", htmlFor: `${id}-email`, children: "Email" }),
+        /* @__PURE__ */ jsx117("input", { className: "oc-input", id: `${id}-email`, name: "email", type: "email", placeholder: "name@company.com" })
       ] }),
-      /* @__PURE__ */ jsxs93("div", { className: "oc-form-group", children: [
-        /* @__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__ */ jsxs96("div", { className: "oc-form-group", children: [
+        /* @__PURE__ */ jsx117("label", { className: "oc-label", htmlFor: `${id}-password`, children: "Password" }),
+        /* @__PURE__ */ jsx117("input", { className: "oc-input", id: `${id}-password`, name: "password", type: "password", placeholder: "********" })
       ] }),
-      /* @__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 })
+      /* @__PURE__ */ jsx117("button", { className: "oc-btn", type: "submit", style: { width: "100%" }, children: submitLabel }),
+      socialLabel != null && /* @__PURE__ */ jsxs96(Fragment27, { children: [
+        /* @__PURE__ */ jsx117("div", { className: "oc-block-auth-divider", children: dividerLabel }),
+        /* @__PURE__ */ jsx117("button", { className: "oc-btn oc-btn--outline", type: "button", style: { width: "100%" }, onClick: onSocial, children: socialLabel })
       ] })
     ] }),
-    footer != null && /* @__PURE__ */ jsx114("div", { className: "oc-block-auth-footer", children: footer })
+    footer != null && /* @__PURE__ */ jsx117("div", { className: "oc-block-auth-footer", children: footer })
   ] });
 });
 
 // src/blocks/BlockAuthSplit.tsx
-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({
+import { forwardRef as forwardRef116, useId as useId37 } from "react";
+import { jsx as jsx118, jsxs as jsxs97 } from "react/jsx-runtime";
+var BlockAuthSplit = forwardRef116(function BlockAuthSplit2({
   logo,
   logoHref = "#",
   quote,
@@ -4046,60 +4127,60 @@ var BlockAuthSplit = forwardRef113(function BlockAuthSplit2({
       remember: data.get("remember") != null
     });
   };
-  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__ */ jsx115("a", { className: "oc-block-authsplit-logo", href: logoHref, children: logo }),
-      quote != null && /* @__PURE__ */ jsxs94("blockquote", { className: "oc-block-authsplit-quote", children: [
-        /* @__PURE__ */ jsx115("p", { children: quote }),
-        quoteAuthor != null && /* @__PURE__ */ jsx115("footer", { children: quoteAuthor })
+  return /* @__PURE__ */ jsxs97("div", { ref, className: cx("oc-block-authsplit", className), ...rest, children: [
+    /* @__PURE__ */ jsxs97("aside", { className: "oc-block-authsplit-brand", children: [
+      logo != null && /* @__PURE__ */ jsx118("a", { className: "oc-block-authsplit-logo", href: logoHref, children: logo }),
+      quote != null && /* @__PURE__ */ jsxs97("blockquote", { className: "oc-block-authsplit-quote", children: [
+        /* @__PURE__ */ jsx118("p", { children: quote }),
+        quoteAuthor != null && /* @__PURE__ */ jsx118("footer", { children: quoteAuthor })
       ] })
     ] }),
-    /* @__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__ */ 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__ */ jsx118("div", { className: "oc-block-authsplit-form", children: /* @__PURE__ */ jsxs97("form", { className: "oc-block-authsplit-card", onSubmit: submit, children: [
+      /* @__PURE__ */ jsx118("h1", { className: "oc-block-authsplit-title", children: title }),
+      subtitle != null && /* @__PURE__ */ jsx118("p", { className: "oc-block-authsplit-subtitle", children: subtitle }),
+      /* @__PURE__ */ jsxs97("div", { className: "oc-block-authsplit-fields", children: [
+        /* @__PURE__ */ jsxs97("div", { className: "oc-field", children: [
+          /* @__PURE__ */ jsx118("label", { className: "oc-field-label", htmlFor: `${id}-email`, children: "E-mail" }),
+          /* @__PURE__ */ jsx118("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__ */ jsx115("label", { className: "oc-field-label", htmlFor: `${id}-password`, children: "Password" }),
-          /* @__PURE__ */ jsx115(PasswordInput, { id: `${id}-password`, name: "password", required: true })
+        /* @__PURE__ */ jsxs97("div", { className: "oc-field", children: [
+          /* @__PURE__ */ jsx118("label", { className: "oc-field-label", htmlFor: `${id}-password`, children: "Password" }),
+          /* @__PURE__ */ jsx118(PasswordInput, { id: `${id}-password`, name: "password", required: true })
         ] }),
-        /* @__PURE__ */ jsxs94("div", { className: "oc-block-authsplit-row", children: [
-          /* @__PURE__ */ jsxs94("label", { children: [
-            /* @__PURE__ */ jsx115("input", { className: "oc-checkbox", type: "checkbox", name: "remember" }),
+        /* @__PURE__ */ jsxs97("div", { className: "oc-block-authsplit-row", children: [
+          /* @__PURE__ */ jsxs97("label", { children: [
+            /* @__PURE__ */ jsx118("input", { className: "oc-checkbox", type: "checkbox", name: "remember" }),
             " ",
             rememberLabel
           ] }),
-          /* @__PURE__ */ jsx115("a", { className: "oc-link", href: forgotHref, children: forgotLabel })
+          /* @__PURE__ */ jsx118("a", { className: "oc-link", href: forgotHref, children: forgotLabel })
         ] }),
-        /* @__PURE__ */ jsx115("button", { className: "oc-btn", type: "submit", style: { width: "100%" }, children: submitLabel })
+        /* @__PURE__ */ jsx118("button", { className: "oc-btn", type: "submit", style: { width: "100%" }, children: submitLabel })
       ] })
     ] }) })
   ] });
 });
 
 // src/blocks/BlockContactGrid.tsx
-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) {
+import { forwardRef as forwardRef117, useId as useId38 } from "react";
+import { jsx as jsx119, jsxs as jsxs98 } from "react/jsx-runtime";
+var BlockContactGrid = forwardRef117(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__ */ 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 })
+  return /* @__PURE__ */ jsxs98("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__ */ jsxs98("div", { className: "oc-block-contact-head", children: [
+      eyebrow != null && /* @__PURE__ */ jsx119("p", { className: "oc-eyebrow", children: eyebrow }),
+      title != null && /* @__PURE__ */ jsx119("h2", { className: "oc-block-contact-heading", id: titleId, children: title }),
+      lead != null && /* @__PURE__ */ jsx119("p", { className: "oc-block-contact-lead", children: lead })
     ] }),
-    /* @__PURE__ */ jsx116("div", { className: "oc-block-contact-grid", children: cards.map((card, i) => {
+    /* @__PURE__ */ jsx119("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__ */ 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 }),
+      return /* @__PURE__ */ jsxs98(Card2, { className: "oc-block-contact-card", children: [
+        card.icon != null && /* @__PURE__ */ jsx119("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__ */ jsx119(Title, { className: "oc-block-contact-title", children: card.title }),
         card.lines.map(
-          (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)
+          (line, j) => line.href ? /* @__PURE__ */ jsx119("a", { className: "oc-block-contact-line", href: line.href, children: line.text }, j) : /* @__PURE__ */ jsx119(Line, { className: "oc-block-contact-line", children: line.text }, j)
         )
       ] }, i);
     }) })
@@ -4107,160 +4188,160 @@ var BlockContactGrid = forwardRef114(function BlockContactGrid2({ eyebrow, title
 });
 
 // src/blocks/BlockCta.tsx
-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__ */ jsx117("h2", { children: title }),
-    description != null && /* @__PURE__ */ jsx117("p", { children: description }),
-    actions != null && /* @__PURE__ */ jsx117("div", { className: "oc-block-hero-actions", children: actions })
+import { forwardRef as forwardRef118 } from "react";
+import { jsx as jsx120, jsxs as jsxs99 } from "react/jsx-runtime";
+var BlockCta = forwardRef118(function BlockCta2({ title, description, actions, className, ...rest }, ref) {
+  return /* @__PURE__ */ jsxs99("div", { ref, className: cx("oc-block-cta", className), ...rest, children: [
+    /* @__PURE__ */ jsx120("h2", { children: title }),
+    description != null && /* @__PURE__ */ jsx120("p", { children: description }),
+    actions != null && /* @__PURE__ */ jsx120("div", { className: "oc-block-hero-actions", children: actions })
   ] });
 });
 
 // src/blocks/BlockDataTable.tsx
-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__ */ jsx118("h2", { className: "oc-block-datatable-title", children: title }),
-        description != null && /* @__PURE__ */ jsx118("p", { className: "oc-block-datatable-description", children: description })
+import { forwardRef as forwardRef119 } from "react";
+import { jsx as jsx121, jsxs as jsxs100 } from "react/jsx-runtime";
+var BlockDataTable = forwardRef119(function BlockDataTable2({ title, description, actions, toolbar, bulk, footer, className, children, ...rest }, ref) {
+  return /* @__PURE__ */ jsxs100("section", { ref, className: cx("oc-card oc-block-datatable", className), ...rest, children: [
+    /* @__PURE__ */ jsxs100("header", { className: "oc-block-datatable-head", children: [
+      /* @__PURE__ */ jsxs100("div", { children: [
+        title != null && /* @__PURE__ */ jsx121("h2", { className: "oc-block-datatable-title", children: title }),
+        description != null && /* @__PURE__ */ jsx121("p", { className: "oc-block-datatable-description", children: description })
       ] }),
-      actions != null && /* @__PURE__ */ jsx118("div", { children: actions })
+      actions != null && /* @__PURE__ */ jsx121("div", { children: actions })
     ] }),
-    /* @__PURE__ */ jsxs97("div", { className: "oc-block-datatable-body", children: [
-      toolbar != null && /* @__PURE__ */ jsx118("div", { className: "oc-table-toolbar", children: toolbar }),
-      bulk != null && /* @__PURE__ */ jsx118("div", { className: "oc-block-datatable-bulk", children: bulk }),
+    /* @__PURE__ */ jsxs100("div", { className: "oc-block-datatable-body", children: [
+      toolbar != null && /* @__PURE__ */ jsx121("div", { className: "oc-table-toolbar", children: toolbar }),
+      bulk != null && /* @__PURE__ */ jsx121("div", { className: "oc-block-datatable-bulk", children: bulk }),
       children,
-      footer != null && /* @__PURE__ */ jsx118("div", { className: "oc-table-footer", children: footer })
+      footer != null && /* @__PURE__ */ jsx121("div", { className: "oc-table-footer", children: footer })
     ] })
   ] });
 });
 function BlockDataTableSpacer() {
-  return /* @__PURE__ */ jsx118("span", { className: "oc-table-toolbar-spacer" });
+  return /* @__PURE__ */ jsx121("span", { className: "oc-table-toolbar-spacer" });
 }
 function FilterPills({ className, ...rest }) {
-  return /* @__PURE__ */ jsx118("div", { className: cx("oc-filter-pills", className), role: "group", ...rest });
+  return /* @__PURE__ */ jsx121("div", { className: cx("oc-filter-pills", className), role: "group", ...rest });
 }
 function FilterPill({ current, className, ...rest }) {
-  return /* @__PURE__ */ jsx118("a", { className: cx("oc-filter-pill", className), "aria-current": current ? "true" : void 0, ...rest });
+  return /* @__PURE__ */ jsx121("a", { className: cx("oc-filter-pill", className), "aria-current": current ? "true" : void 0, ...rest });
 }
 
 // src/blocks/BlockFaq.tsx
-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) {
+import { forwardRef as forwardRef120, useId as useId39 } from "react";
+import { jsx as jsx122, jsxs as jsxs101 } from "react/jsx-runtime";
+var BlockFaq = forwardRef120(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__ */ 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__ */ 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 })
+  return /* @__PURE__ */ jsx122("section", { ref, className: cx("oc-block-faq", split && "oc-block-faq--split", className), "aria-labelledby": titleId, ...rest, children: /* @__PURE__ */ jsxs101("div", { className: "oc-block-faq-inner", children: [
+    /* @__PURE__ */ jsxs101("div", { className: "oc-block-faq-head", children: [
+      eyebrow != null && /* @__PURE__ */ jsx122("p", { className: "oc-eyebrow", children: eyebrow }),
+      /* @__PURE__ */ jsx122("h2", { className: "oc-block-faq-title", id: titleId, children: title }),
+      lead != null && /* @__PURE__ */ jsx122("p", { className: "oc-block-faq-lead", children: lead })
     ] }),
-    /* @__PURE__ */ jsx119("div", { className: "oc-accordion oc-block-faq-list", children: items.map((item, i) => (
+    /* @__PURE__ */ jsx122("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__ */ jsx119("summary", { className: "oc-accordion-trigger", children: item.question }),
-        /* @__PURE__ */ jsx119("div", { className: "oc-accordion-content", children: item.answer })
+      /* @__PURE__ */ jsxs101("details", { className: "oc-accordion-item", ...{ name: group }, open: i === openIndex || void 0, children: [
+        /* @__PURE__ */ jsx122("summary", { className: "oc-accordion-trigger", children: item.question }),
+        /* @__PURE__ */ jsx122("div", { className: "oc-accordion-content", children: item.answer })
       ] }, i)
     )) }),
-    more != null && /* @__PURE__ */ jsx119("p", { className: "oc-block-faq-more", children: more })
+    more != null && /* @__PURE__ */ jsx122("p", { className: "oc-block-faq-more", children: more })
   ] }) });
 });
 
 // src/blocks/BlockFeatures.tsx
-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__ */ 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 })
+import { forwardRef as forwardRef121 } from "react";
+import { jsx as jsx123, jsxs as jsxs102 } from "react/jsx-runtime";
+var BlockFeatures = forwardRef121(function BlockFeatures2({ title, description, features, className, ...rest }, ref) {
+  return /* @__PURE__ */ jsxs102("div", { ref, className: cx("oc-block-features", className), ...rest, children: [
+    title != null && /* @__PURE__ */ jsx123("h2", { children: title }),
+    description != null && /* @__PURE__ */ jsx123("p", { children: description }),
+    /* @__PURE__ */ jsx123("div", { className: "oc-block-features-grid", children: features.map((f, i) => /* @__PURE__ */ jsxs102("div", { className: "oc-block-feature-card", children: [
+      f.icon != null && /* @__PURE__ */ jsx123("div", { className: "oc-block-feature-icon", children: f.icon }),
+      /* @__PURE__ */ jsx123("h3", { children: f.title }),
+      f.description != null && /* @__PURE__ */ jsx123("p", { children: f.description })
     ] }, i)) })
   ] });
 });
 
 // src/blocks/BlockFooter.tsx
-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__ */ 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)) })
+import { forwardRef as forwardRef122 } from "react";
+import { jsx as jsx124, jsxs as jsxs103 } from "react/jsx-runtime";
+var BlockFooter = forwardRef122(function BlockFooter2({ columns, copyright, credit, className, ...rest }, ref) {
+  return /* @__PURE__ */ jsxs103("div", { ref, className: cx("oc-block-footer", className), ...rest, children: [
+    /* @__PURE__ */ jsx124("div", { className: "oc-block-footer-grid", children: columns.map((col, i) => /* @__PURE__ */ jsxs103("div", { className: "oc-block-footer-col", children: [
+      /* @__PURE__ */ jsx124("h4", { children: col.title }),
+      /* @__PURE__ */ jsx124("ul", { children: col.links.map((l, j) => /* @__PURE__ */ jsx124("li", { children: /* @__PURE__ */ jsx124("a", { href: l.href, children: l.label }) }, j)) })
     ] }, i)) }),
-    (copyright != null || credit != null) && /* @__PURE__ */ jsxs100("div", { className: "oc-block-footer-bottom", children: [
-      /* @__PURE__ */ jsx121("span", { children: copyright }),
-      /* @__PURE__ */ jsx121("span", { children: credit })
+    (copyright != null || credit != null) && /* @__PURE__ */ jsxs103("div", { className: "oc-block-footer-bottom", children: [
+      /* @__PURE__ */ jsx124("span", { children: copyright }),
+      /* @__PURE__ */ jsx124("span", { children: credit })
     ] })
   ] });
 });
 
 // src/blocks/BlockFormPage.tsx
-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: [
+import { forwardRef as forwardRef123 } from "react";
+import { jsx as jsx125, jsxs as jsxs104 } from "react/jsx-runtime";
+var BlockFormPage = forwardRef123(function BlockFormPage2({ actions, className, children, ...rest }, ref) {
+  return /* @__PURE__ */ jsxs104("form", { ref, className: cx("oc-block-formpage", className), ...rest, children: [
     children,
-    actions != null && /* @__PURE__ */ jsx122("div", { className: "oc-block-formpage-actions", children: actions })
+    actions != null && /* @__PURE__ */ jsx125("div", { className: "oc-block-formpage-actions", children: actions })
   ] });
 });
 function BlockFormPageGrid({ className, ...rest }) {
-  return /* @__PURE__ */ jsx122("div", { className: cx("oc-block-formpage-grid", className), ...rest });
+  return /* @__PURE__ */ jsx125("div", { className: cx("oc-block-formpage-grid", className), ...rest });
 }
 
 // src/blocks/BlockHero.tsx
-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__ */ 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 })
+import { forwardRef as forwardRef124 } from "react";
+import { jsx as jsx126, jsxs as jsxs105 } from "react/jsx-runtime";
+var BlockHero = forwardRef124(function BlockHero2({ badge, title, description, actions, className, ...rest }, ref) {
+  return /* @__PURE__ */ jsxs105("div", { ref, className: cx("oc-block-hero", className), ...rest, children: [
+    badge != null && /* @__PURE__ */ jsx126("span", { className: "oc-block-hero-badge", children: badge }),
+    /* @__PURE__ */ jsx126("h1", { children: title }),
+    description != null && /* @__PURE__ */ jsx126("p", { children: description }),
+    actions != null && /* @__PURE__ */ jsx126("div", { className: "oc-block-hero-actions", children: actions })
   ] });
 });
 
 // src/blocks/BlockHeroCode.tsx
-import { forwardRef as forwardRef122 } from "react";
-import { jsx as jsx124, jsxs as jsxs103 } from "react/jsx-runtime";
+import { forwardRef as forwardRef125 } from "react";
+import { jsx as jsx127, jsxs as jsxs106 } 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 = 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__ */ 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 })
+var BlockHeroCode = forwardRef125(function BlockHeroCode2({ eyebrow, title, lead, actions, codeTitle, code, tiles = DEFAULT_TILES, className, ...rest }, ref) {
+  return /* @__PURE__ */ jsx127("section", { ref, className: cx("oc-section-pad", className), ...rest, children: /* @__PURE__ */ jsxs106("div", { className: "oc-container oc-split", children: [
+    /* @__PURE__ */ jsxs106("div", { children: [
+      eyebrow != null && /* @__PURE__ */ jsx127("p", { className: "oc-eyebrow", children: eyebrow }),
+      /* @__PURE__ */ jsx127("h1", { className: "oc-display", children: title }),
+      lead != null && /* @__PURE__ */ jsx127("p", { className: "oc-lead", children: lead }),
+      actions != null && /* @__PURE__ */ jsx127("div", { className: "flex flex-wrap gap-1 mt-2", children: actions })
     ] }),
-    /* @__PURE__ */ jsxs103("div", { className: "relative p-2", children: [
-      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__ */ jsx124("i", {}),
-          /* @__PURE__ */ jsx124("i", {}),
-          /* @__PURE__ */ jsx124("i", {}),
-          codeTitle != null && /* @__PURE__ */ jsx124("span", { className: "oc-code-window__title", children: codeTitle })
+    /* @__PURE__ */ jsxs106("div", { className: "relative p-2", children: [
+      tiles.map((tile, i) => /* @__PURE__ */ jsx127("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__ */ jsxs106("div", { className: "oc-code-window", children: [
+        /* @__PURE__ */ jsxs106("div", { className: "oc-code-window__bar", children: [
+          /* @__PURE__ */ jsx127("i", {}),
+          /* @__PURE__ */ jsx127("i", {}),
+          /* @__PURE__ */ jsx127("i", {}),
+          codeTitle != null && /* @__PURE__ */ jsx127("span", { className: "oc-code-window__title", children: codeTitle })
         ] }),
-        /* @__PURE__ */ jsx124("pre", { className: "oc-code-window__body", children: code })
+        /* @__PURE__ */ jsx127("pre", { className: "oc-code-window__body", children: code })
       ] })
     ] })
   ] }) });
 });
 
 // src/blocks/BlockHeroOrbit.tsx
-import { forwardRef as forwardRef123 } from "react";
-import { jsx as jsx125, jsxs as jsxs104 } from "react/jsx-runtime";
+import { forwardRef as forwardRef126 } from "react";
+import { jsx as jsx128, jsxs as jsxs107 } from "react/jsx-runtime";
 var DEFAULT_MARKS = [
   { glyph: "\u25C6", accent: "green" },
   { glyph: "\u25C9", accent: "violet" },
@@ -4269,333 +4350,333 @@ var DEFAULT_MARKS = [
   { glyph: "\u2665", accent: "red" },
   { glyph: "\u2600", accent: "yellow" }
 ];
-var BlockHeroOrbit = forwardRef123(function BlockHeroOrbit2({ eyebrow, title, lead, actions, marks = DEFAULT_MARKS, codeTitle, code = "", center, duration, className, ...rest }, ref) {
+var BlockHeroOrbit = forwardRef126(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__ */ 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__ */ 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 })
+  return /* @__PURE__ */ jsx128("section", { ref, className: cx("oc-block-orbit oc-section-pad", className), ...rest, children: /* @__PURE__ */ jsxs107("div", { className: "oc-container oc-split", children: [
+    /* @__PURE__ */ jsxs107("div", { children: [
+      eyebrow != null && /* @__PURE__ */ jsx128("p", { className: "oc-eyebrow", children: eyebrow }),
+      /* @__PURE__ */ jsx128("h1", { className: "oc-display", children: title }),
+      lead != null && /* @__PURE__ */ jsx128("p", { className: "oc-lead", children: lead }),
+      actions != null && /* @__PURE__ */ jsx128("div", { className: "flex flex-wrap gap-1 mt-2", children: actions })
     ] }),
-    /* @__PURE__ */ jsxs104("div", { className: "oc-block-orbit-visual", style: visualStyle, children: [
-      /* @__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__ */ jsx125("i", {}),
-          /* @__PURE__ */ jsx125("i", {}),
-          /* @__PURE__ */ jsx125("i", {}),
-          codeTitle != null && /* @__PURE__ */ jsx125("span", { className: "oc-code-window__title", children: codeTitle })
+    /* @__PURE__ */ jsxs107("div", { className: "oc-block-orbit-visual", style: visualStyle, children: [
+      /* @__PURE__ */ jsx128("div", { className: "oc-block-orbit-ring", "aria-hidden": "true", children: marks.map((mark, i) => /* @__PURE__ */ jsx128("span", { className: "oc-block-orbit-mark", style: { "--oc-orbit-angle": `${360 / marks.length * i}deg` }, children: /* @__PURE__ */ jsx128("span", { className: `oc-product-mark oc-product-mark--sm oc-accent--${mark.accent}`, children: mark.glyph }) }, i)) }),
+      center ?? /* @__PURE__ */ jsxs107("div", { className: "oc-code-window oc-block-orbit-center", children: [
+        /* @__PURE__ */ jsxs107("div", { className: "oc-code-window__bar", children: [
+          /* @__PURE__ */ jsx128("i", {}),
+          /* @__PURE__ */ jsx128("i", {}),
+          /* @__PURE__ */ jsx128("i", {}),
+          codeTitle != null && /* @__PURE__ */ jsx128("span", { className: "oc-code-window__title", children: codeTitle })
         ] }),
-        /* @__PURE__ */ jsx125("pre", { className: "oc-code-window__body", children: code })
+        /* @__PURE__ */ jsx128("pre", { className: "oc-code-window__body", children: code })
       ] })
     ] })
   ] }) });
 });
 
 // src/blocks/BlockHeroSplit.tsx
-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__ */ 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 })
+import { forwardRef as forwardRef127 } from "react";
+import { jsx as jsx129, jsxs as jsxs108 } from "react/jsx-runtime";
+var BlockHeroSplit = forwardRef127(function BlockHeroSplit2({ title, description, actions, visual, className, ...rest }, ref) {
+  return /* @__PURE__ */ jsxs108("div", { ref, className: cx("oc-block-hero-split", className), ...rest, children: [
+    /* @__PURE__ */ jsxs108("div", { children: [
+      /* @__PURE__ */ jsx129("h1", { children: title }),
+      description != null && /* @__PURE__ */ jsx129("p", { children: description }),
+      actions != null && /* @__PURE__ */ jsx129("div", { className: "oc-block-hero-actions justify-start", children: actions })
     ] }),
-    /* @__PURE__ */ jsx126("div", { className: "oc-block-hero-visual", children: visual })
+    /* @__PURE__ */ jsx129("div", { className: "oc-block-hero-visual", children: visual })
   ] });
 });
 
 // src/blocks/BlockModuleHeader.tsx
-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__ */ jsx127("span", { className: "oc-block-modulehead-icon", "aria-hidden": "true", children: icon }),
-      /* @__PURE__ */ jsxs106("div", { className: "oc-block-modulehead-body", children: [
-        /* @__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 })
+import { forwardRef as forwardRef128 } from "react";
+import { jsx as jsx130, jsxs as jsxs109 } from "react/jsx-runtime";
+var BlockModuleHeader = forwardRef128(function BlockModuleHeader2({ icon, title, intro, meta, actions, className, ...rest }, ref) {
+  return /* @__PURE__ */ jsxs109("header", { ref, className: cx("oc-block-modulehead", className), ...rest, children: [
+    /* @__PURE__ */ jsxs109("div", { className: "oc-block-modulehead-band", children: [
+      icon != null && /* @__PURE__ */ jsx130("span", { className: "oc-block-modulehead-icon", "aria-hidden": "true", children: icon }),
+      /* @__PURE__ */ jsxs109("div", { className: "oc-block-modulehead-body", children: [
+        /* @__PURE__ */ jsx130("h1", { className: "oc-block-modulehead-title", children: title }),
+        intro != null && /* @__PURE__ */ jsx130("p", { className: "oc-block-modulehead-intro", children: intro }),
+        meta != null && /* @__PURE__ */ jsx130("div", { className: "oc-block-modulehead-meta", children: meta })
       ] })
     ] }),
-    actions != null && /* @__PURE__ */ jsx127("div", { className: "oc-block-modulehead-actions", children: actions })
+    actions != null && /* @__PURE__ */ jsx130("div", { className: "oc-block-modulehead-actions", children: actions })
   ] });
 });
 
 // src/blocks/BlockPageHero.tsx
-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__ */ 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 })
+import { forwardRef as forwardRef129 } from "react";
+import { jsx as jsx131, jsxs as jsxs110 } from "react/jsx-runtime";
+var BlockPageHero = forwardRef129(function BlockPageHero2({ eyebrow, title, description, actions, className, ...rest }, ref) {
+  return /* @__PURE__ */ jsxs110("section", { ref, className: cx("oc-hero", className), ...rest, children: [
+    eyebrow != null && /* @__PURE__ */ jsx131("span", { className: "oc-hero-eyebrow", children: eyebrow }),
+    /* @__PURE__ */ jsx131("h1", { className: "oc-hero-title", children: title }),
+    description != null && /* @__PURE__ */ jsx131("p", { className: "oc-hero-text", children: description }),
+    actions != null && /* @__PURE__ */ jsx131("div", { className: "oc-hero-actions", children: actions })
   ] });
 });
 
 // src/blocks/BlockPortfolioGrid.tsx
-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) {
+import { forwardRef as forwardRef130, useId as useId40 } from "react";
+import { jsx as jsx132, jsxs as jsxs111 } from "react/jsx-runtime";
+var BlockPortfolioGrid = forwardRef130(function BlockPortfolioGrid2({ eyebrow, title, lead, link, projects, two = false, className, ...rest }, ref) {
   const titleId = `oc-portfolio-title-${useId40().replace(/[^\w-]/g, "")}`;
-  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__ */ 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 })
+  return /* @__PURE__ */ jsx132("section", { ref, className: cx("oc-block-portfolio oc-section-pad", two && "oc-block-portfolio--two", className), "aria-labelledby": titleId, ...rest, children: /* @__PURE__ */ jsxs111("div", { className: "oc-container", children: [
+    /* @__PURE__ */ jsxs111("div", { className: "oc-block-portfolio-head", children: [
+      /* @__PURE__ */ jsxs111("div", { children: [
+        eyebrow != null && /* @__PURE__ */ jsx132("p", { className: "oc-eyebrow", children: eyebrow }),
+        /* @__PURE__ */ jsx132("h2", { className: "oc-display oc-display--md", id: titleId, children: title }),
+        lead != null && /* @__PURE__ */ jsx132("p", { className: "oc-block-portfolio-lead", children: lead })
       ] }),
       link
     ] }),
-    /* @__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)) })
+    /* @__PURE__ */ jsx132("div", { className: "oc-block-portfolio-grid", children: projects.map(({ accent, className: cardClass, ...card }, i) => /* @__PURE__ */ jsx132(ProjectCard, { className: cx(accent && `oc-accent--${accent}`, cardClass), ...card }, i)) })
   ] }) });
 });
 
 // src/blocks/BlockPricing.tsx
-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__ */ jsx130("h2", { children: title }),
-    description != null && /* @__PURE__ */ jsx130("p", { children: description }),
-    /* @__PURE__ */ jsx130("div", { className: "oc-block-pricing-grid", children: plans.map((plan, i) => {
+import { forwardRef as forwardRef131 } from "react";
+import { Fragment as Fragment28, jsx as jsx133, jsxs as jsxs112 } from "react/jsx-runtime";
+var BlockPricing = forwardRef131(function BlockPricing2({ title, description, plans, className, ...rest }, ref) {
+  return /* @__PURE__ */ jsxs112("div", { ref, className: cx("oc-block-pricing", className), ...rest, children: [
+    title != null && /* @__PURE__ */ jsx133("h2", { children: title }),
+    description != null && /* @__PURE__ */ jsx133("p", { children: description }),
+    /* @__PURE__ */ jsx133("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__ */ 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: [
+      return /* @__PURE__ */ jsxs112("div", { className: cx("oc-block-pricing-card", plan.featured && "oc-block-pricing-card--featured"), children: [
+        /* @__PURE__ */ jsx133("p", { className: "oc-block-pricing-name", children: plan.name }),
+        plan.description != null && /* @__PURE__ */ jsx133("p", { className: "oc-block-pricing-desc", children: plan.description }),
+        /* @__PURE__ */ jsxs112("p", { className: "oc-block-pricing-price", children: [
           plan.price,
-          plan.period != null && /* @__PURE__ */ jsxs109(Fragment28, { children: [
+          plan.period != null && /* @__PURE__ */ jsxs112(Fragment28, { children: [
             " ",
-            /* @__PURE__ */ jsx130("span", { children: plan.period })
+            /* @__PURE__ */ jsx133("span", { children: plan.period })
           ] })
         ] }),
-        /* @__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 })
+        /* @__PURE__ */ jsx133("ul", { className: "oc-block-pricing-features", children: plan.features.map((f, j) => /* @__PURE__ */ jsx133("li", { children: f }, j)) }),
+        plan.href ? /* @__PURE__ */ jsx133(ButtonLink, { variant, href: plan.href, style: { width: "100%" }, children: plan.action }) : /* @__PURE__ */ jsx133(Button, { variant, style: { width: "100%" }, onClick: plan.onAction, children: plan.action })
       ] }, i);
     }) })
   ] });
 });
 
 // src/blocks/BlockProcess.tsx
-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 })
+import { forwardRef as forwardRef132 } from "react";
+import { jsx as jsx134, jsxs as jsxs113 } from "react/jsx-runtime";
+var BlockProcess = forwardRef132(function BlockProcess2({ eyebrow, title, steps, marquee, marqueeLabel = "Technologies", 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("ol", { className: "oc-steps", children: steps.map((s, i) => /* @__PURE__ */ jsxs113("li", { children: [
+      /* @__PURE__ */ jsx134("h3", { children: s.title }),
+      s.text != null && /* @__PURE__ */ jsx134("p", { children: s.text })
     ] }, i)) }),
-    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}`))
+    marquee && marquee.length > 0 && /* @__PURE__ */ jsx134("div", { className: "oc-marquee mt-4", "aria-label": marqueeLabel, children: /* @__PURE__ */ jsxs113("div", { className: "oc-marquee__track", children: [
+      marquee.map((m) => /* @__PURE__ */ jsx134("span", { className: "oc-marquee__item", children: m }, m)),
+      marquee.map((m) => /* @__PURE__ */ jsx134("span", { className: "oc-marquee__item", "aria-hidden": "true", children: m }, `dup-${m}`))
     ] }) })
   ] }) });
 });
 
 // src/blocks/BlockProductGrid.tsx
-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__ */ jsx132("span", { className: "oc-icon-tile", "aria-hidden": "true", children: p.icon }),
-        p.pill != null && /* @__PURE__ */ jsx132("span", { className: "oc-pill", children: p.pill })
+import { forwardRef as forwardRef133 } from "react";
+import { jsx as jsx135, jsxs as jsxs114 } from "react/jsx-runtime";
+var BlockProductGrid = forwardRef133(function BlockProductGrid2({ eyebrow, title, products, className, ...rest }, ref) {
+  return /* @__PURE__ */ jsx135("section", { ref, className: cx("oc-section-pad", className), ...rest, children: /* @__PURE__ */ jsxs114("div", { className: "oc-container", children: [
+    eyebrow != null && /* @__PURE__ */ jsx135("p", { className: "oc-eyebrow", children: eyebrow }),
+    /* @__PURE__ */ jsx135("h2", { className: "oc-display oc-display--md", children: title }),
+    /* @__PURE__ */ jsx135("div", { className: "oc-card-grid", children: products.map((p, i) => /* @__PURE__ */ jsxs114("a", { className: cx("oc-product-card", p.accent && `oc-accent--${p.accent}`), href: p.href, children: [
+      /* @__PURE__ */ jsxs114("div", { className: "oc-product-card__top", children: [
+        p.icon != null && /* @__PURE__ */ jsx135("span", { className: "oc-icon-tile", "aria-hidden": "true", children: p.icon }),
+        p.pill != null && /* @__PURE__ */ jsx135("span", { className: "oc-pill", children: p.pill })
       ] }),
-      /* @__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 })
+      /* @__PURE__ */ jsx135("h3", { className: "oc-product-card__name", children: p.name }),
+      p.tagline != null && /* @__PURE__ */ jsx135("p", { className: "oc-product-card__tagline", children: p.tagline }),
+      p.summary != null && /* @__PURE__ */ jsx135("p", { className: "oc-product-card__summary", children: p.summary }),
+      p.more != null && /* @__PURE__ */ jsx135("span", { className: "oc-product-card__more", children: p.more })
     ] }, i)) })
   ] }) });
 });
 
 // src/blocks/BlockProfileHeader.tsx
-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) {
+import { forwardRef as forwardRef134, useId as useId41 } from "react";
+import { jsx as jsx136, jsxs as jsxs115 } from "react/jsx-runtime";
+var BlockProfileHeader = forwardRef134(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__ */ jsx133("div", { className: "oc-block-profile-banner", style: bannerStyle, "aria-hidden": "true" }),
-    /* @__PURE__ */ jsxs112("div", { className: "oc-block-profile-bar", children: [
-      /* @__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__ */ 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 })
+  return /* @__PURE__ */ jsxs115("section", { ref, className: cx("oc-block-profile", compact && "oc-block-profile--compact", className), "aria-labelledby": nameId, ...rest, children: [
+    /* @__PURE__ */ jsx136("div", { className: "oc-block-profile-banner", style: bannerStyle, "aria-hidden": "true" }),
+    /* @__PURE__ */ jsxs115("div", { className: "oc-block-profile-bar", children: [
+      /* @__PURE__ */ jsx136("span", { className: "oc-avatar oc-block-profile-avatar", "aria-hidden": "true", children: avatar }),
+      /* @__PURE__ */ jsxs115("div", { className: "oc-block-profile-info", children: [
+        /* @__PURE__ */ jsx136(Heading3, { className: "oc-block-profile-name", id: nameId, children: name }),
+        meta != null && /* @__PURE__ */ jsx136("p", { className: "oc-block-profile-meta", children: meta }),
+        bio != null && /* @__PURE__ */ jsx136("p", { className: "oc-block-profile-bio", children: bio })
       ] }),
-      actions != null && /* @__PURE__ */ jsx133("div", { className: "oc-block-profile-actions", children: actions })
+      actions != null && /* @__PURE__ */ jsx136("div", { className: "oc-block-profile-actions", children: actions })
     ] }),
-    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)) })
+    tabs.length > 0 && /* @__PURE__ */ jsx136("nav", { className: "oc-block-profile-tabs", "aria-label": tabsLabel, children: tabs.map((tab, i) => /* @__PURE__ */ jsx136("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 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__ */ jsx134("i", {}),
-          /* @__PURE__ */ jsx134("i", {}),
-          /* @__PURE__ */ jsx134("i", {})
+import { forwardRef as forwardRef135 } from "react";
+import { jsx as jsx137, jsxs as jsxs116 } from "react/jsx-runtime";
+var BlockShowcase = forwardRef135(function BlockShowcase2({ eyebrow, title, projects, cardMin = "26rem", className, ...rest }, ref) {
+  return /* @__PURE__ */ jsx137("section", { ref, className: cx("oc-section-pad", className), ...rest, children: /* @__PURE__ */ jsxs116("div", { className: "oc-container", children: [
+    eyebrow != null && /* @__PURE__ */ jsx137("p", { className: "oc-eyebrow", children: eyebrow }),
+    /* @__PURE__ */ jsx137("h2", { className: "oc-display oc-display--md", children: title }),
+    /* @__PURE__ */ jsx137("div", { className: "oc-card-grid", style: { "--oc-card-min": cardMin }, children: projects.map((p, i) => /* @__PURE__ */ jsxs116("a", { className: cx("oc-product-card", p.accent && `oc-accent--${p.accent}`, "p-0 overflow-hidden"), href: p.href, children: [
+      /* @__PURE__ */ jsxs116("span", { className: "oc-browser-frame m-1", children: [
+        /* @__PURE__ */ jsxs116("span", { className: "oc-browser-frame__bar", children: [
+          /* @__PURE__ */ jsx137("i", {}),
+          /* @__PURE__ */ jsx137("i", {}),
+          /* @__PURE__ */ jsx137("i", {})
         ] }),
-        /* @__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__ */ jsx137("span", { className: "oc-browser-frame__body", style: p.background ? { background: p.background } : void 0, children: p.image && /* @__PURE__ */ jsx137("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__ */ 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 })
+      /* @__PURE__ */ jsxs116("span", { className: "grid gap-0.5 p-1.5 pt-0", children: [
+        p.pill != null && /* @__PURE__ */ jsx137("span", { className: "oc-pill oc-pill--accent", children: p.pill }),
+        /* @__PURE__ */ jsx137("span", { className: "oc-product-card__name", children: p.name }),
+        p.summary != null && /* @__PURE__ */ jsx137("span", { className: "oc-product-card__summary", children: p.summary }),
+        p.more != null && /* @__PURE__ */ jsx137("span", { className: "oc-product-card__more", children: p.more })
       ] })
     ] }, i)) })
   ] }) });
 });
 
 // src/blocks/BlockSiteFooter.tsx
-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__ */ jsx135("a", { className: "oc-site-header__brand", href: brandHref, children: brand }),
-        about != null && /* @__PURE__ */ jsx135("p", { children: about })
+import { forwardRef as forwardRef136 } from "react";
+import { jsx as jsx138, jsxs as jsxs117 } from "react/jsx-runtime";
+var BlockSiteFooter = forwardRef136(function BlockSiteFooter2({ brand, brandHref = "/", about, columns, copyright, credit, className, ...rest }, ref) {
+  return /* @__PURE__ */ jsx138("footer", { ref, className: cx("oc-site-footer", className), ...rest, children: /* @__PURE__ */ jsxs117("div", { className: "oc-container", children: [
+    /* @__PURE__ */ jsxs117("div", { className: "oc-site-footer__grid", children: [
+      /* @__PURE__ */ jsxs117("div", { className: "oc-site-footer__about", children: [
+        /* @__PURE__ */ jsx138("a", { className: "oc-site-header__brand", href: brandHref, children: brand }),
+        about != null && /* @__PURE__ */ jsx138("p", { children: about })
       ] }),
-      columns.map((col, i) => /* @__PURE__ */ jsxs114("div", { children: [
-        /* @__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 })
+      columns.map((col, i) => /* @__PURE__ */ jsxs117("div", { children: [
+        /* @__PURE__ */ jsx138("h2", { className: "oc-site-footer__title", children: col.title }),
+        col.links && /* @__PURE__ */ jsx138("ul", { className: "oc-site-footer__list", children: col.links.map((l, j) => /* @__PURE__ */ jsx138("li", { children: /* @__PURE__ */ jsx138("a", { href: l.href, children: l.label }) }, j)) }),
+        col.address != null && /* @__PURE__ */ jsx138("address", { className: "oc-site-footer__list", children: col.address })
       ] }, i))
     ] }),
-    (copyright != null || credit != null) && /* @__PURE__ */ jsxs114("div", { className: "oc-site-footer__bottom", children: [
-      /* @__PURE__ */ jsx135("span", { children: copyright }),
-      /* @__PURE__ */ jsx135("span", { children: credit })
+    (copyright != null || credit != null) && /* @__PURE__ */ jsxs117("div", { className: "oc-site-footer__bottom", children: [
+      /* @__PURE__ */ jsx138("span", { children: copyright }),
+      /* @__PURE__ */ jsx138("span", { children: credit })
     ] })
   ] }) });
 });
 
 // src/blocks/BlockSiteHeader.tsx
-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) {
+import { forwardRef as forwardRef137, useId as useId42 } from "react";
+import { jsx as jsx139, jsxs as jsxs118 } from "react/jsx-runtime";
+var BlockSiteHeader = forwardRef137(function BlockSiteHeader2({ brand, brandHref = "/", links, cta, menuLabel = "Menu", className, ...rest }, ref) {
   const navId = `oc-site-nav-${useId42().replace(/:/g, "")}`;
-  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__ */ jsx136("a", { href: l.href, "aria-current": l.current ? "page" : void 0, children: l.label }, i)),
+  return /* @__PURE__ */ jsx139("header", { ref, className: cx("oc-site-header", className), ...rest, children: /* @__PURE__ */ jsxs118("div", { className: "oc-container oc-site-header__inner", children: [
+    /* @__PURE__ */ jsx139("a", { className: "oc-site-header__brand", href: brandHref, children: brand }),
+    /* @__PURE__ */ jsx139("button", { className: "oc-site-header__toggle", type: "button", "aria-label": menuLabel, popoverTarget: navId, children: "\u2630" }),
+    /* @__PURE__ */ jsxs118("nav", { className: "oc-site-header__nav", id: navId, "aria-label": "Main", ...attrs({ popover: "" }), children: [
+      links.map((l, i) => /* @__PURE__ */ jsx139("a", { href: l.href, "aria-current": l.current ? "page" : void 0, children: l.label }, i)),
       cta
     ] })
   ] }) });
 });
 
 // src/blocks/BlockSpotlight.tsx
-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__ */ jsx137("span", { className: "oc-status-dot" }),
+import { forwardRef as forwardRef138 } from "react";
+import { jsx as jsx140, jsxs as jsxs119 } from "react/jsx-runtime";
+var BlockSpotlight = forwardRef138(function BlockSpotlight2({ accent, badge, icon, title, tagline, lead, action, modules, className, ...rest }, ref) {
+  return /* @__PURE__ */ jsx140("section", { ref, className: cx("oc-section-pad", className), ...rest, children: /* @__PURE__ */ jsx140("div", { className: "oc-container", children: /* @__PURE__ */ jsxs119("div", { className: cx("oc-spotlight", accent && `oc-accent--${accent}`), children: [
+    /* @__PURE__ */ jsxs119("div", { children: [
+      badge != null && /* @__PURE__ */ jsxs119("span", { className: "oc-pill oc-pill--accent", children: [
+        /* @__PURE__ */ jsx140("span", { className: "oc-status-dot" }),
         badge
       ] }),
-      /* @__PURE__ */ jsxs116("h2", { className: "oc-spotlight__title", children: [
-        icon != null && /* @__PURE__ */ jsx137("span", { className: "oc-icon-tile oc-icon-tile--lg", "aria-hidden": "true", children: icon }),
+      /* @__PURE__ */ jsxs119("h2", { className: "oc-spotlight__title", children: [
+        icon != null && /* @__PURE__ */ jsx140("span", { className: "oc-icon-tile oc-icon-tile--lg", "aria-hidden": "true", children: icon }),
         title
       ] }),
-      tagline != null && /* @__PURE__ */ jsx137("p", { className: "oc-spotlight__tagline", children: tagline }),
-      lead != null && /* @__PURE__ */ jsx137("p", { className: "oc-lead", children: lead }),
+      tagline != null && /* @__PURE__ */ jsx140("p", { className: "oc-spotlight__tagline", children: tagline }),
+      lead != null && /* @__PURE__ */ jsx140("p", { className: "oc-lead", children: lead }),
       action
     ] }),
-    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 }),
+    modules && /* @__PURE__ */ jsx140("ul", { className: "oc-spotlight__modules", children: modules.map((m, i) => /* @__PURE__ */ jsxs119("li", { children: [
+      m.icon != null && /* @__PURE__ */ jsx140("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 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 })
+import { forwardRef as forwardRef139 } from "react";
+import { jsx as jsx141, jsxs as jsxs120 } from "react/jsx-runtime";
+var BlockStats = forwardRef139(function BlockStats2({ stats, className, ...rest }, ref) {
+  return /* @__PURE__ */ jsx141("div", { ref, className: cx("oc-block-stats", className), ...rest, children: stats.map((s, i) => /* @__PURE__ */ jsxs120("div", { className: "oc-block-stat", children: [
+    /* @__PURE__ */ jsx141("div", { className: "oc-block-stat-value", children: s.value }),
+    /* @__PURE__ */ jsx141("div", { className: "oc-block-stat-label", children: s.label })
   ] }, i)) });
 });
 
 // src/blocks/BlockStatsCounter.tsx
-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 })
+import { forwardRef as forwardRef140 } from "react";
+import { jsx as jsx142, jsxs as jsxs121 } from "react/jsx-runtime";
+var BlockStatsCounter = forwardRef140(function BlockStatsCounter2({ stats, className, ...rest }, ref) {
+  return /* @__PURE__ */ jsx142("div", { ref, className: cx("oc-block-stats", className), ...rest, children: stats.map((s, i) => /* @__PURE__ */ jsxs121("div", { className: "oc-block-stat", children: [
+    /* @__PURE__ */ jsx142(Counter, { className: "oc-block-stat-value", to: s.to, suffix: s.suffix }),
+    /* @__PURE__ */ jsx142("span", { className: "oc-block-stat-label", children: s.label })
   ] }, i)) });
 });
 
 // src/blocks/BlockTeamList.tsx
-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__ */ 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 })
+import { forwardRef as forwardRef141 } from "react";
+import { Fragment as Fragment29, jsx as jsx143, jsxs as jsxs122 } from "react/jsx-runtime";
+var BlockTeamList = forwardRef141(function BlockTeamList2({ members, className, ...rest }, ref) {
+  return /* @__PURE__ */ jsx143("div", { ref, className: cx("oc-block-team", className), ...rest, children: members.map((m, i) => /* @__PURE__ */ jsxs122("div", { className: "oc-block-team-row", children: [
+    /* @__PURE__ */ jsx143(User, { name: m.name, email: m.email, initials: m.initials, avatarSrc: m.avatarSrc }),
+    /* @__PURE__ */ jsxs122("div", { className: "oc-block-team-meta", children: [
+      m.role != null && /* @__PURE__ */ jsx143(Badge, { variant: m.roleVariant, children: m.role }),
+      m.menu != null && /* @__PURE__ */ jsx143(Dropdown, { trigger: /* @__PURE__ */ jsx143(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 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) {
+import { forwardRef as forwardRef142, useId as useId43, useState as useState15 } from "react";
+import { jsx as jsx144, jsxs as jsxs123 } from "react/jsx-runtime";
+var BlockTwoFactor = forwardRef142(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) => {
     e.preventDefault();
     onSubmit?.(code);
   };
-  return /* @__PURE__ */ jsxs120("div", { ref, className: cx("oc-block-twofactor", className), ...rest, children: [
-    /* @__PURE__ */ jsxs120("section", { className: "oc-block-twofactor-step", children: [
-      /* @__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__ */ jsx141("div", { className: "oc-block-twofactor-qr", role: "img", "aria-label": "QR code", children: "QR code" }),
-        /* @__PURE__ */ jsx141(CopyField, { value: setupKey, label: "Setup key" })
+  return /* @__PURE__ */ jsxs123("div", { ref, className: cx("oc-block-twofactor", className), ...rest, children: [
+    /* @__PURE__ */ jsxs123("section", { className: "oc-block-twofactor-step", children: [
+      /* @__PURE__ */ jsx144(Heading, { size: "sm", title: "1. Scan the QR code", description: "Use an authenticator app, or enter the key manually." }),
+      /* @__PURE__ */ jsxs123("div", { className: "oc-block-twofactor-center", children: [
+        qr ?? /* @__PURE__ */ jsx144("div", { className: "oc-block-twofactor-qr", role: "img", "aria-label": "QR code", children: "QR code" }),
+        /* @__PURE__ */ jsx144(CopyField, { value: setupKey, label: "Setup key" })
       ] })
     ] }),
-    /* @__PURE__ */ jsxs120("form", { className: "oc-block-twofactor-step", onSubmit: submit, children: [
-      /* @__PURE__ */ jsx141(Heading, { size: "sm", title: "2. Confirm with a code" }),
-      /* @__PURE__ */ jsxs120("div", { className: "oc-field", children: [
-        /* @__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__ */ jsxs123("form", { className: "oc-block-twofactor-step", onSubmit: submit, children: [
+      /* @__PURE__ */ jsx144(Heading, { size: "sm", title: "2. Confirm with a code" }),
+      /* @__PURE__ */ jsxs123("div", { className: "oc-field", children: [
+        /* @__PURE__ */ jsx144("label", { className: "oc-field-label", htmlFor: id, children: "Authentication code" }),
+        /* @__PURE__ */ jsx144(OtpInput, { id, name: "code", length: codeLength, value: code, onChange: setCode })
       ] }),
-      /* @__PURE__ */ jsx141("button", { className: "oc-btn", type: "submit", children: submitLabel })
+      /* @__PURE__ */ jsx144("button", { className: "oc-btn", type: "submit", children: submitLabel })
     ] }),
-    recoveryCodes && /* @__PURE__ */ jsx141("section", { className: "oc-block-twofactor-step", children: /* @__PURE__ */ jsx141(RecoveryCodes, { codes: recoveryCodes }) })
+    recoveryCodes && /* @__PURE__ */ jsx144("section", { className: "oc-block-twofactor-step", children: /* @__PURE__ */ jsx144(RecoveryCodes, { codes: recoveryCodes }) })
   ] });
 });
 
 // src/blocks/BlockWizardDialog.tsx
-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({
+import { forwardRef as forwardRef143, useId as useId44, useRef as useRef13 } from "react";
+import { jsx as jsx145, jsxs as jsxs124 } from "react/jsx-runtime";
+var BlockWizardDialog = forwardRef143(function BlockWizardDialog2({
   open,
   defaultOpen,
   onOpenChange,
@@ -4619,7 +4700,7 @@ var BlockWizardDialog = forwardRef140(function BlockWizardDialog2({
   const [current, setCurrent] = useControllable(step, defaultStep, onStepChange);
   const last = current >= steps.length - 1;
   const active = steps[current];
-  return /* @__PURE__ */ jsx142(
+  return /* @__PURE__ */ jsx145(
     "dialog",
     {
       ref,
@@ -4628,17 +4709,17 @@ var BlockWizardDialog = forwardRef140(function BlockWizardDialog2({
       ...attrs({ closedby: "closerequest" }),
       ...rest,
       onClose: dlg.onClose,
-      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__ */ 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}` })
+      children: /* @__PURE__ */ jsx145(DialogContext.Provider, { value: { close: dlg.close }, children: /* @__PURE__ */ jsx145("div", { className: "oc-modal-content oc-modal-content--xl", children: /* @__PURE__ */ jsxs124("div", { className: "oc-block-wizard", children: [
+        /* @__PURE__ */ jsx145("div", { className: "oc-block-wizard-rail", children: /* @__PURE__ */ jsx145(Stepper, { steps: steps.map((s) => ({ label: s.label })), current, onStepChange: setCurrent, "aria-label": stepperLabel }) }),
+        /* @__PURE__ */ jsxs124("div", { className: "oc-block-wizard-main", children: [
+          /* @__PURE__ */ jsxs124("div", { className: "oc-modal-header", children: [
+            /* @__PURE__ */ jsx145("h2", { className: "oc-modal-title", id: titleId, children: active?.label }),
+            /* @__PURE__ */ jsx145("p", { className: "oc-modal-description", children: description ?? `Step ${current + 1} of ${steps.length}` })
           ] }),
-          /* @__PURE__ */ jsx142("div", { className: "oc-block-wizard-step", children: active?.content }),
-          /* @__PURE__ */ jsxs121("div", { className: "oc-modal-footer", children: [
-            /* @__PURE__ */ jsx142("button", { className: "oc-btn oc-btn--outline", type: "button", disabled: current === 0, onClick: () => setCurrent(current - 1), children: backLabel }),
-            /* @__PURE__ */ jsx142(
+          /* @__PURE__ */ jsx145("div", { className: "oc-block-wizard-step", children: active?.content }),
+          /* @__PURE__ */ jsxs124("div", { className: "oc-modal-footer", children: [
+            /* @__PURE__ */ jsx145("button", { className: "oc-btn oc-btn--outline", type: "button", disabled: current === 0, onClick: () => setCurrent(current - 1), children: backLabel }),
+            /* @__PURE__ */ jsx145(
               "button",
               {
                 className: "oc-btn",
@@ -4754,6 +4835,8 @@ export {
   FilterPills,
   FlipCard,
   FormField,
+  Glass,
+  GlassPanel,
   Greeting,
   Heading,
   Icon,
@@ -4816,6 +4899,8 @@ export {
   StackList,
   StatCard,
   StatCardGrid,
+  Status,
+  StatusDot,
   Stepper,
   Switch,
   Table,
@@ -4833,6 +4918,10 @@ export {
   ThemeSwitch,
   TimeInput,
   Timeline,
+  Titlebar,
+  TitlebarBody,
+  TitlebarButton,
+  TitlebarWindow,
   Toast,
   ToastContainer,
   ToastProvider,
@@ -4861,6 +4950,7 @@ export {
   mod,
   niceMax,
   parseDecimal,
+  progressLevel,
   useControllable,
   useDialog,
   useDialogContext,