@birdycom/omniaui-vue 0.11.2 → 0.12.1

package/dist/omniaui-vue.js

@@ -1,5 +1,5 @@
 import * as vt from "vue";
-import { defineComponent as f, provide as pe, openBlock as t, createElementBlock as a, renderSlot as m, normalizeClass as g, useModel as x, inject as xe, unref as y, createElementVNode as s, createTextVNode as k, toDisplayString as i, mergeModels as V, useAttrs as we, computed as M, mergeProps as I, createCommentVNode as d, withDirectives as H, vModelDynamic as Ae, watch as ne, onMounted as ze, ref as U, Fragment as $, renderList as _, normalizeStyle as K, createBlock as j, resolveDynamicComponent as W, withCtx as N, createVNode as Q, withModifiers as Oe, vModelText as le, normalizeProps as _e, guardReactiveProps as Be, vModelRadio as ie, onBeforeUnmount as qe, useTemplateRef as $t, createStaticVNode as je, vModelCheckbox as Ce, vModelSelect as Ke, nextTick as Ue, useSlots as yt, readonly as gt, reactive as kt, resolveComponent as pt, createSlots as He } from "vue";
+import { defineComponent as f, provide as pe, openBlock as t, createElementBlock as a, renderSlot as m, normalizeClass as g, useModel as A, inject as xe, unref as y, createElementVNode as s, createTextVNode as k, toDisplayString as i, mergeModels as x, useAttrs as we, computed as T, mergeProps as I, createCommentVNode as d, withDirectives as H, vModelDynamic as Ae, watch as ne, onMounted as ze, ref as U, Fragment as $, renderList as _, normalizeStyle as K, createBlock as j, resolveDynamicComponent as W, withCtx as N, createVNode as Q, withModifiers as Oe, vModelText as le, normalizeProps as _e, guardReactiveProps as Be, vModelRadio as ie, onBeforeUnmount as qe, useTemplateRef as $t, createStaticVNode as je, vModelCheckbox as Ce, vModelSelect as Ke, nextTick as Ue, useSlots as yt, readonly as gt, reactive as kt, resolveComponent as pt, createSlots as He } from "vue";
 let wt = 0;
 function z(e = "oc") {
   const o = vt.useId;
@@ -32,7 +32,7 @@ const Ot = { class: "oc-accordion" }, _t = /* @__PURE__ */ f({
   }
 }), Ct = ["name", "open"], St = { class: "oc-accordion-trigger" }, Lt = { class: "oc-accordion-content" }, Mt = /* @__PURE__ */ f({
   __name: "OcAccordionItem",
-  props: /* @__PURE__ */ V({
+  props: /* @__PURE__ */ x({
     title: {}
   }, {
     open: { type: Boolean, default: !1 },
@@ -40,7 +40,7 @@ const Ot = { class: "oc-accordion" }, _t = /* @__PURE__ */ f({
   }),
   emits: ["update:open"],
   setup(e) {
-    const o = x(e, "open"), l = xe("oc-accordion-name", void 0);
+    const o = A(e, "open"), l = xe("oc-accordion-name", void 0);
     function c(n) {
       o.value = n.target.open;
     }
@@ -62,7 +62,7 @@ const Ot = { class: "oc-accordion" }, _t = /* @__PURE__ */ f({
   }
 });
 function Y() {
-  const e = we(), o = M(() => ({ class: e.class, style: e.style })), l = M(() => {
+  const e = we(), o = T(() => ({ class: e.class, style: e.style })), l = T(() => {
     const { class: c, style: n, ...r } = e;
     return r;
   });
@@ -79,7 +79,7 @@ const Tt = {
 }, At = /* @__PURE__ */ f({
   inheritAttrs: !1,
   __name: "OcAffixInput",
-  props: /* @__PURE__ */ V({
+  props: /* @__PURE__ */ x({
     variant: {},
     prefix: {},
     suffix: {},
@@ -91,11 +91,11 @@ const Tt = {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const o = e, l = x(e, "modelValue"), { root: c, control: n } = Y(), r = {
+    const o = e, l = A(e, "modelValue"), { root: c, control: n } = Y(), r = {
       currency: { prefix: "€", suffix: void 0, end: !1, input: { type: "text", inputmode: "decimal" } },
       percent: { prefix: "%", suffix: void 0, end: !1, input: { type: "text", inputmode: "decimal" } },
       email: { prefix: "@", suffix: void 0, end: !1, input: { type: "email", autocomplete: "email" } }
-    }, u = M(() => o.variant ? r[o.variant] : void 0), h = M(() => o.prefix ?? u.value?.prefix), b = M(() => o.suffix ?? u.value?.suffix), B = M(() => o.alignEnd ?? u.value?.end ?? !1);
+    }, u = T(() => o.variant ? r[o.variant] : void 0), h = T(() => o.prefix ?? u.value?.prefix), b = T(() => o.suffix ?? u.value?.suffix), B = T(() => o.alignEnd ?? u.value?.end ?? !1);
     return (v, O) => (t(), a("div", I(y(c), {
       class: ["oc-input-group", "oc-input-group--affix", B.value && "oc-input-group--end", e.error && "oc-input-group--error"]
     }), [
@@ -162,7 +162,7 @@ const Dt = ["aria-labelledby"], Pt = {
   "aria-hidden": "true"
 }, Ft = ["id"], Et = { class: "oc-modal-footer" }, jt = /* @__PURE__ */ f({
   __name: "OcAlertDialog",
-  props: /* @__PURE__ */ V({
+  props: /* @__PURE__ */ x({
     type: { default: "warning" },
     title: {},
     message: {},
@@ -173,16 +173,16 @@ const Dt = ["aria-labelledby"], Pt = {
     open: { type: Boolean, default: !1 },
     openModifiers: {}
   }),
-  emits: /* @__PURE__ */ V(["confirm", "cancel"], ["update:open"]),
+  emits: /* @__PURE__ */ x(["confirm", "cancel"], ["update:open"]),
   setup(e, { emit: o }) {
-    const l = e, c = o, n = x(e, "open"), r = U(null), { onClose: u } = re(n, r), h = z("oc-alert-dialog-title"), b = `${h}-text`, B = { success: "✓", error: "×", warning: "!", info: "i", question: "?" }, v = M(() => l.confirmVariant ?? (l.type === "warning" || l.type === "error" ? "destructive" : "default")), O = () => n.value = !1;
+    const l = e, c = o, n = A(e, "open"), r = U(null), { onClose: u } = re(n, r), h = z("oc-alert-dialog-title"), b = `${h}-text`, B = { success: "✓", error: "×", warning: "!", info: "i", question: "?" }, v = T(() => l.confirmVariant ?? (l.type === "warning" || l.type === "error" ? "destructive" : "default")), O = () => n.value = !1;
     function w() {
       c("confirm"), O();
     }
     function p() {
       c("cancel"), O();
     }
-    return (T, A) => (t(), a("dialog", {
+    return (L, V) => (t(), a("dialog", {
       ref_key: "el",
       ref: r,
       class: "oc-modal",
@@ -190,14 +190,14 @@ const Dt = ["aria-labelledby"], Pt = {
       role: "alertdialog",
       "aria-labelledby": y(h),
       "aria-describedby": b,
-      onClose: A[0] || (A[0] = //@ts-ignore
-      (...P) => y(u) && y(u)(...P))
+      onClose: V[0] || (V[0] = //@ts-ignore
+      (...D) => y(u) && y(u)(...D))
     }, [
       s("div", {
         class: g(["oc-modal-content", "oc-modal-content--sm", "oc-alert-dialog", `oc-alert-dialog--${e.type}`])
       }, [
         s("span", Pt, [
-          m(T.$slots, "icon", {}, () => [
+          m(L.$slots, "icon", {}, () => [
             k(i(B[e.type]), 1)
           ])
         ]),
@@ -205,7 +205,7 @@ const Dt = ["aria-labelledby"], Pt = {
           id: y(h),
           class: "oc-modal-title"
         }, [
-          m(T.$slots, "title", {}, () => [
+          m(L.$slots, "title", {}, () => [
             k(i(e.title), 1)
           ])
         ], 8, Ft),
@@ -213,12 +213,12 @@ const Dt = ["aria-labelledby"], Pt = {
           id: b,
           class: "oc-modal-body"
         }, [
-          m(T.$slots, "default", {}, () => [
+          m(L.$slots, "default", {}, () => [
             k(i(e.message), 1)
           ])
         ]),
         s("div", Et, [
-          m(T.$slots, "footer", {
+          m(L.$slots, "footer", {
             close: O,
             confirm: w,
             cancel: p
@@ -240,7 +240,7 @@ const Dt = ["aria-labelledby"], Pt = {
   }
 }), Ht = ["href", "aria-current", "aria-disabled"], Rt = ["aria-current", "disabled", "onClick"], Nt = /* @__PURE__ */ f({
   __name: "OcAlphaTabs",
-  props: /* @__PURE__ */ V({
+  props: /* @__PURE__ */ x({
     letters: { default: () => "ABCDEFGHIJKLMNOPQRSTUVWXYZ".split("") },
     available: {},
     href: {},
@@ -254,7 +254,7 @@ const Dt = ["aria-labelledby"], Pt = {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const o = e, l = x(e, "modelValue"), c = M(() => [
+    const o = e, l = A(e, "modelValue"), c = T(() => [
       { key: "all", label: o.allLabel, all: !0 },
       ...o.letters.map((u) => ({ key: u, label: u, all: !1 }))
     ]), n = (u) => u !== "all" && o.available !== void 0 && !o.available.includes(u), r = (u) => o.href?.replace("{letter}", u);
@@ -289,7 +289,7 @@ const Dt = ["aria-labelledby"], Pt = {
     center: { type: Boolean }
   },
   setup(e) {
-    const o = ["square", "photo", "portrait", "wide"], l = e, c = M(() => typeof l.ratio == "string" && o.includes(l.ratio) ? l.ratio : void 0), n = M(() => l.ratio !== void 0 && !c.value ? String(l.ratio) : void 0);
+    const o = ["square", "photo", "portrait", "wide"], l = e, c = T(() => typeof l.ratio == "string" && o.includes(l.ratio) ? l.ratio : void 0), n = T(() => l.ratio !== void 0 && !c.value ? String(l.ratio) : void 0);
     return (r, u) => (t(), a("div", {
       class: g(["oc-aspect", c.value && `oc-aspect--${c.value}`, e.center && "oc-aspect--center"]),
       style: K(n.value ? { "--oc-aspect": n.value } : void 0)
@@ -348,7 +348,7 @@ const Dt = ["aria-labelledby"], Pt = {
   },
   emits: ["remove"],
   setup(e, { emit: o }) {
-    const l = e, c = o, n = M(() => ea(l)), r = M(() => l.state === "uploading"), u = M(() => !!l.href && !l.removable);
+    const l = e, c = o, n = T(() => ea(l)), r = T(() => l.state === "uploading"), u = T(() => !!l.href && !l.removable);
     return (h, b) => (t(), j(W(u.value ? "a" : "div"), {
       class: g(["oc-attachment", n.value.type && `oc-attachment--${n.value.type}`, e.state && `oc-attachment--${e.state}`]),
       href: u.value ? e.href : void 0,
@@ -537,7 +537,7 @@ const Dt = ["aria-labelledby"], Pt = {
 }), $a = ["for"], ya = { class: "oc-input-group oc-input-group--affix" }, ga = ["id", "aria-invalid", "value"], ka = { class: "oc-barcode-preview-code" }, pa = /* @__PURE__ */ f({
   inheritAttrs: !1,
   __name: "OcBarcodeInput",
-  props: /* @__PURE__ */ V({
+  props: /* @__PURE__ */ x({
     label: {},
     id: {},
     emptyText: { default: "No code yet" },
@@ -548,7 +548,7 @@ const Dt = ["aria-labelledby"], Pt = {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const o = e, l = x(e, "modelValue"), { root: c, control: n } = Y(), r = z("oc-barcode"), u = M(() => o.id ?? r);
+    const o = e, l = A(e, "modelValue"), { root: c, control: n } = Y(), r = z("oc-barcode"), u = T(() => o.id ?? r);
     function h(b) {
       const B = b.target;
       l.value = B.value;
@@ -691,7 +691,7 @@ const Dt = ["aria-labelledby"], Pt = {
     label: {}
   },
   setup(e) {
-    const o = e, l = M(() => Math.min(100, Math.max(0, Math.round(o.value / o.max * 100))));
+    const o = e, l = T(() => Math.min(100, Math.max(0, Math.round(o.value / o.max * 100))));
     return (c, n) => (t(), a("div", {
       class: "oc-progress",
       role: "progressbar",
@@ -708,7 +708,7 @@ const Dt = ["aria-labelledby"], Pt = {
   }
 }), qa = ["id", "aria-labelledby", "aria-describedby"], Ia = ["aria-label"], Da = ["id"], Pa = ["id"], Fa = /* @__PURE__ */ f({
   __name: "OcBusyOverlay",
-  props: /* @__PURE__ */ V({
+  props: /* @__PURE__ */ x({
     title: { default: "Saving…" },
     text: { default: "The photos are being processed. This can take a minute; please keep this page open." },
     progress: {},
@@ -720,7 +720,7 @@ const Dt = ["aria-labelledby"], Pt = {
   }),
   emits: ["update:open"],
   setup(e) {
-    const o = e, l = x(e, "open"), c = U(null), { onClose: n } = re(l, c), r = z("oc-busy-overlay"), u = o.id ?? r;
+    const o = e, l = A(e, "open"), c = U(null), { onClose: n } = re(l, c), r = z("oc-busy-overlay"), u = o.id ?? r;
     return (h, b) => (t(), a("dialog", {
       id: y(u),
       ref_key: "el",
@@ -917,7 +917,7 @@ const to = {
     label: { default: "Visitors per month" }
   },
   setup(e) {
-    const o = e, l = ["January", "February", "March", "April", "May", "June"], c = M(() => o.labels ?? l), n = M(() => o.xLabels ?? o.labels ?? l.map((v) => v.slice(0, 3))), r = M(() => o.max ?? Ya(Math.max(0, ...o.series.flatMap((v) => v.values)), o.rows)), u = M(() => Math.max(0, ...o.series.map((v) => v.values.length))), h = M(() => o.series.map((v) => eo(v.values, r.value))), b = M(() => Array.from({ length: o.rows + 1 }, (v, O) => r.value - r.value / o.rows * O)), B = (v) => `${c.value[v] ?? v + 1}: ${o.series.map((O) => `${O.name} ${O.values[v]}`).join(", ")}`;
+    const o = e, l = ["January", "February", "March", "April", "May", "June"], c = T(() => o.labels ?? l), n = T(() => o.xLabels ?? o.labels ?? l.map((v) => v.slice(0, 3))), r = T(() => o.max ?? Ya(Math.max(0, ...o.series.flatMap((v) => v.values)), o.rows)), u = T(() => Math.max(0, ...o.series.map((v) => v.values.length))), h = T(() => o.series.map((v) => eo(v.values, r.value))), b = T(() => Array.from({ length: o.rows + 1 }, (v, O) => r.value - r.value / o.rows * O)), B = (v) => `${c.value[v] ?? v + 1}: ${o.series.map((O) => `${O.name} ${O.values[v]}`).join(", ")}`;
     return (v, O) => (t(), a("figure", {
       class: g(["oc-chart-line", e.variant !== "line" && `oc-chart-line--${e.variant}`, e.dots && "oc-chart-line--dots"])
     }, [
@@ -961,15 +961,15 @@ const to = {
               tabindex: "0",
               "aria-label": B(w - 1)
             }, [
-              (t(!0), a($, null, _(e.series, (p, T) => (t(), a("i", {
-                key: T,
+              (t(!0), a($, null, _(e.series, (p, L) => (t(), a("i", {
+                key: L,
                 class: "oc-chart-line__dot",
                 style: K(`--y:${y(se)(p.values[w - 1] / r.value * 100)}%`)
               }, null, 4))), 128)),
               s("span", ho, [
                 s("strong", null, i(c.value[w - 1] ?? w), 1),
-                (t(!0), a($, null, _(e.series, (p, T) => (t(), a("span", {
-                  key: T,
+                (t(!0), a($, null, _(e.series, (p, L) => (t(), a("span", {
+                  key: L,
                   class: "oc-chart-line__row"
                 }, [
                   k(i(p.name), 1),
@@ -999,7 +999,7 @@ const to = {
   class: "oc-chat-composer__hint"
 }, wo = ["disabled"], Oo = /* @__PURE__ */ f({
   __name: "OcChatComposer",
-  props: /* @__PURE__ */ V({
+  props: /* @__PURE__ */ x({
     placeholder: { default: "Write a message…" },
     label: { default: "Message" },
     hint: {},
@@ -1010,9 +1010,9 @@ const to = {
     modelValue: { default: "" },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ V(["send"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ x(["send"], ["update:modelValue"]),
   setup(e, { emit: o }) {
-    const l = e, c = x(e, "modelValue"), n = o, r = z("oc-chat");
+    const l = e, c = A(e, "modelValue"), n = o, r = z("oc-chat");
     function u() {
       !c.value.trim() || l.disabled || (n("send", c.value.trim()), c.value = "");
     }
@@ -1056,7 +1056,7 @@ const to = {
 }), _o = ["type", "value"], Bo = /* @__PURE__ */ f({
   inheritAttrs: !1,
   __name: "OcCheckbox",
-  props: /* @__PURE__ */ V({
+  props: /* @__PURE__ */ x({
     type: { default: "checkbox" },
     value: {},
     label: {}
@@ -1066,7 +1066,7 @@ const to = {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const o = x(e, "modelValue"), { root: l, control: c } = Y();
+    const o = A(e, "modelValue"), { root: l, control: c } = Y();
     return (n, r) => (t(), a("label", _e(Be(y(l))), [
       H(s("input", I(y(c), {
         "onUpdate:modelValue": r[0] || (r[0] = (u) => o.value = u),
@@ -1122,7 +1122,7 @@ const to = {
   class: "oc-chip-filter-count"
 }, zo = /* @__PURE__ */ f({
   __name: "OcChipFilter",
-  props: /* @__PURE__ */ V({
+  props: /* @__PURE__ */ x({
     options: {},
     multiple: { type: Boolean },
     label: {},
@@ -1135,7 +1135,7 @@ const to = {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const o = e, l = x(e, "modelValue"), c = z("oc-chip"), n = (u) => Array.isArray(l.value) ? l.value.includes(u) : l.value === u;
+    const o = e, l = A(e, "modelValue"), c = z("oc-chip"), n = (u) => Array.isArray(l.value) ? l.value.includes(u) : l.value === u;
     function r(u) {
       if (!o.multiple) {
         l.value = u;
@@ -1168,7 +1168,7 @@ const to = {
   }
 }), qo = ["open"], Io = { class: "oc-collapsible-title" }, Do = { class: "oc-collapsible-content" }, Po = /* @__PURE__ */ f({
   __name: "OcCollapsible",
-  props: /* @__PURE__ */ V({
+  props: /* @__PURE__ */ x({
     title: {},
     dense: { type: Boolean }
   }, {
@@ -1177,7 +1177,7 @@ const to = {
   }),
   emits: ["update:open"],
   setup(e) {
-    const o = x(e, "open");
+    const o = A(e, "open");
     function l(c) {
       o.value = c.target.open;
     }
@@ -1201,7 +1201,7 @@ const to = {
   }
 }), Fo = { class: "oc-color-field" }, Eo = ["aria-label"], jo = ["aria-label"], Ho = /* @__PURE__ */ f({
   __name: "OcColorField",
-  props: /* @__PURE__ */ V({
+  props: /* @__PURE__ */ x({
     pickerLabel: { default: "Pick a color" },
     valueLabel: { default: "Color value" }
   }, {
@@ -1210,7 +1210,7 @@ const to = {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const o = x(e, "modelValue");
+    const o = A(e, "modelValue");
     return (l, c) => (t(), a("div", Fo, [
       H(s("input", {
         "onUpdate:modelValue": c[0] || (c[0] = (n) => o.value = n),
@@ -1231,7 +1231,7 @@ const to = {
   }
 }), Ro = ["aria-label"], No = ["name", "value", "disabled"], Go = { class: "oc-color-select-name" }, Ko = /* @__PURE__ */ f({
   __name: "OcColorSelect",
-  props: /* @__PURE__ */ V({
+  props: /* @__PURE__ */ x({
     options: {},
     label: {},
     list: { type: Boolean },
@@ -1243,7 +1243,7 @@ const to = {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const o = x(e, "modelValue"), l = z("oc-color");
+    const o = A(e, "modelValue"), l = z("oc-color");
     return (c, n) => (t(), a("fieldset", {
       class: g(["oc-color-select", e.list && "oc-color-select--list", e.size === "sm" && "oc-color-select--sm"]),
       role: "radiogroup",
@@ -1340,7 +1340,7 @@ const to = {
   class: "oc-command-shortcut"
 }, ds = ["hidden"], us = /* @__PURE__ */ f({
   __name: "OcCommand",
-  props: /* @__PURE__ */ V({
+  props: /* @__PURE__ */ x({
     items: {},
     placeholder: { default: "Type a command or search..." },
     label: { default: "Search commands" },
@@ -1349,30 +1349,30 @@ const to = {
     query: { default: "" },
     queryModifiers: {}
   }),
-  emits: /* @__PURE__ */ V(["select"], ["update:query"]),
+  emits: /* @__PURE__ */ x(["select"], ["update:query"]),
   setup(e, { emit: o }) {
-    const l = e, c = o, n = x(e, "query"), r = M(() => {
+    const l = e, c = o, n = A(e, "query"), r = T(() => {
       const p = n.value.trim().toLowerCase();
-      return p ? l.items.filter((T) => T.label.toLowerCase().includes(p)) : l.items;
-    }), u = M(() => {
-      const p = [], T = /* @__PURE__ */ new Map();
-      for (const A of r.value) {
-        const P = A.group ?? "";
-        T.has(P) || (T.set(P, []), p.push(P)), T.get(P).push(A);
+      return p ? l.items.filter((L) => L.label.toLowerCase().includes(p)) : l.items;
+    }), u = T(() => {
+      const p = [], L = /* @__PURE__ */ new Map();
+      for (const V of r.value) {
+        const D = V.group ?? "";
+        L.has(D) || (L.set(D, []), p.push(D)), L.get(D).push(V);
       }
-      return p.map((A) => ({ label: A, items: T.get(A) }));
-    }), h = M(() => u.value.flatMap((p) => p.items)), b = U(0);
-    function B(p = 0, T = 1) {
-      const A = h.value;
-      for (let P = p; P >= 0 && P < A.length; P += T) if (!A[P].disabled) return P;
+      return p.map((V) => ({ label: V, items: L.get(V) }));
+    }), h = T(() => u.value.flatMap((p) => p.items)), b = U(0);
+    function B(p = 0, L = 1) {
+      const V = h.value;
+      for (let D = p; D >= 0 && D < V.length; D += L) if (!V[D].disabled) return D;
       return -1;
     }
     ne(h, () => {
       b.value = Math.max(B(), 0);
     });
     function v(p) {
-      const T = B(b.value + p, p);
-      T !== -1 && (b.value = T);
+      const L = B(b.value + p, p);
+      L !== -1 && (b.value = L);
     }
     function O(p) {
       p.disabled || c("select", p);
@@ -1383,13 +1383,13 @@ const to = {
       else if (p.key === "ArrowUp")
         p.preventDefault(), v(-1);
       else if (p.key === "Enter") {
-        const T = h.value[b.value];
-        T && (p.preventDefault(), O(T));
+        const L = h.value[b.value];
+        L && (p.preventDefault(), O(L));
       }
     }
-    return (p, T) => (t(), a("div", os, [
+    return (p, L) => (t(), a("div", os, [
       H(s("input", {
-        "onUpdate:modelValue": T[0] || (T[0] = (A) => n.value = A),
+        "onUpdate:modelValue": L[0] || (L[0] = (V) => n.value = V),
         class: "oc-command-input",
         type: "search",
         placeholder: e.placeholder,
@@ -1399,12 +1399,12 @@ const to = {
         [le, n.value]
       ]),
       s("ul", ls, [
-        (t(!0), a($, null, _(u.value, (A, P) => (t(), a($, {
-          key: A.label + P
+        (t(!0), a($, null, _(u.value, (V, D) => (t(), a($, {
+          key: V.label + D
         }, [
-          P > 0 ? (t(), a("li", cs)) : d("", !0),
-          A.label ? (t(), a("li", ns, i(A.label), 1)) : d("", !0),
-          (t(!0), a($, null, _(A.items, (X) => (t(), a("li", {
+          D > 0 ? (t(), a("li", cs)) : d("", !0),
+          V.label ? (t(), a("li", ns, i(V.label), 1)) : d("", !0),
+          (t(!0), a($, null, _(V.items, (X) => (t(), a("li", {
             key: X.value ?? X.label,
             class: "oc-command-item",
             role: "option",
@@ -1432,7 +1432,7 @@ const to = {
   class: "oc-alert-dialog-typed"
 }, $s = ["pattern"], ys = { class: "oc-modal-footer" }, gs = /* @__PURE__ */ f({
   __name: "OcConfirmDialog",
-  props: /* @__PURE__ */ V({
+  props: /* @__PURE__ */ x({
     type: { default: "error" },
     title: {},
     message: {},
@@ -1445,9 +1445,9 @@ const to = {
     open: { type: Boolean, default: !1 },
     openModifiers: {}
   }),
-  emits: /* @__PURE__ */ V(["confirm", "cancel", "discard"], ["update:open"]),
+  emits: /* @__PURE__ */ x(["confirm", "cancel", "discard"], ["update:open"]),
   setup(e, { emit: o }) {
-    const l = e, c = o, n = x(e, "open"), r = U(null), { onClose: u } = re(n, r), h = z("oc-confirm-dialog-title"), b = `${h}-text`, B = { success: "✓", error: "×", warning: "!", info: "i", question: "?" };
+    const l = e, c = o, n = A(e, "open"), r = U(null), { onClose: u } = re(n, r), h = z("oc-confirm-dialog-title"), b = `${h}-text`, B = { success: "✓", error: "×", warning: "!", info: "i", question: "?" };
     function v(w) {
       c(w === "confirm" ? "confirm" : w === "cancel" ? "cancel" : "discard"), n.value = !1;
     }
@@ -1460,7 +1460,7 @@ const to = {
       "aria-labelledby": y(h),
       "aria-describedby": b,
       onClose: p[4] || (p[4] = //@ts-ignore
-      (...T) => y(u) && y(u)(...T))
+      (...L) => y(u) && y(u)(...L))
     }, [
       s("div", {
         class: g(["oc-modal-content", "oc-alert-dialog", `oc-alert-dialog--${e.type}`, "oc-alert-dialog--confirm"])
@@ -1469,7 +1469,7 @@ const to = {
           class: "oc-alert-dialog-close",
           type: "button",
           "aria-label": e.closeLabel,
-          onClick: p[0] || (p[0] = (T) => v("cancel"))
+          onClick: p[0] || (p[0] = (L) => v("cancel"))
         }, "×", 8, hs),
         s("span", bs, [
           m(w.$slots, "icon", {}, () => [
@@ -1486,7 +1486,7 @@ const to = {
         ], 8, fs),
         s("form", {
           class: "oc-alert-dialog-form",
-          onSubmit: p[3] || (p[3] = Oe((T) => v("confirm"), ["prevent"]))
+          onSubmit: p[3] || (p[3] = Oe((L) => v("confirm"), ["prevent"]))
         }, [
           s("div", {
             id: b,
@@ -1515,12 +1515,12 @@ const to = {
               key: 0,
               class: "oc-btn oc-btn--ghost oc-alert-dialog-discard",
               type: "button",
-              onClick: p[1] || (p[1] = (T) => v("discard"))
+              onClick: p[1] || (p[1] = (L) => v("discard"))
             }, i(e.discardLabel), 1)) : d("", !0),
             s("button", {
               class: "oc-btn oc-btn--outline",
               type: "button",
-              onClick: p[2] || (p[2] = (T) => v("cancel"))
+              onClick: p[2] || (p[2] = (L) => v("cancel"))
             }, i(e.cancelLabel), 1),
             s("button", {
               class: g(["oc-btn", O() && "oc-btn--destructive", "oc-alert-dialog-confirm"]),
@@ -1698,7 +1698,7 @@ const to = {
     onView: { type: Boolean, default: !0 }
   },
   setup(e) {
-    const o = e, l = M(() => {
+    const o = e, l = T(() => {
       const c = { "--oc-counter-to": String(o.to) };
       return o.suffix && (c["--oc-counter-suffix"] = `'${o.suffix}'`), c;
     });
@@ -1764,8 +1764,8 @@ function Xe(e) {
   }
   const l = e.querySelector("table"), c = l?.tBodies[0];
   if (!l || !c) return;
-  const n = e.id || "data-table", r = e.querySelector(".oc-data-table-search"), u = e.querySelector("[data-oc-summary]"), h = e.querySelector("[data-oc-pager]"), b = e.querySelector("[data-oc-page-size]"), B = e.querySelector("[data-oc-select-all]"), v = e.querySelector(".oc-data-table-bulk"), O = e.querySelector("[data-oc-selected-count]"), w = e.querySelector(".oc-data-table-empty"), p = e.querySelector("[data-oc-sort-summary]"), T = e.querySelector(".oc-data-table-frame") || l.parentElement, A = e.dataset.ocLive === "true";
-  let P = "", X = e.querySelector("[data-oc-filter][aria-current='true']")?.dataset.ocFilter || (e.querySelector("[data-oc-filter]") ? "active" : "all"), ee = "", de = "asc", te = 0, ae = Number(b?.value || e.dataset.pageSize || 15);
+  const n = e.id || "data-table", r = e.querySelector(".oc-data-table-search"), u = e.querySelector("[data-oc-summary]"), h = e.querySelector("[data-oc-pager]"), b = e.querySelector("[data-oc-page-size]"), B = e.querySelector("[data-oc-select-all]"), v = e.querySelector(".oc-data-table-bulk"), O = e.querySelector("[data-oc-selected-count]"), w = e.querySelector(".oc-data-table-empty"), p = e.querySelector("[data-oc-sort-summary]"), L = e.querySelector(".oc-data-table-frame") || l.parentElement, V = e.dataset.ocLive === "true";
+  let D = "", X = e.querySelector("[data-oc-filter][aria-current='true']")?.dataset.ocFilter || (e.querySelector("[data-oc-filter]") ? "active" : "all"), ee = "", de = "asc", te = 0, ae = Number(b?.value || e.dataset.pageSize || 15);
   const Z = /* @__PURE__ */ new Set(), fe = he(n, "pageSize");
   fe && b?.querySelector(`option[value="${fe}"]`) && (b.value = String(fe), ae = Number(fe)), he(n, "density") === "compact" && e.classList.add("oc-data-table--compact"), he(n, "view") === "grid" && e.classList.add("oc-data-table--grid");
   const Pe = he(n, "widths") || {};
@@ -1776,108 +1776,108 @@ function Xe(e) {
     !C.disabled && Fe[C.dataset.col] != null && (C.checked = Fe[C.dataset.col]);
   });
   const ce = () => [...c.querySelectorAll("[data-oc-row]")], ut = (C) => [...C.cells].filter((S) => S.dataset.ocCol && !Me.has(S.dataset.ocCol)).map((S) => S.dataset.ocValue || S.textContent).join(" "), Le = (C, S) => {
-    const L = [...C.cells].find((q) => q.dataset.ocCol === S);
-    return L ? L.dataset.ocValue || L.textContent.trim() : "";
-  }, ve = () => ce().filter((C) => js(C.dataset.ocStatus, X, ut(C), P));
+    const M = [...C.cells].find((q) => q.dataset.ocCol === S);
+    return M ? M.dataset.ocValue || M.textContent.trim() : "";
+  }, ve = () => ce().filter((C) => js(C.dataset.ocStatus, X, ut(C), D));
   function $e() {
-    for (const L of ce()) {
-      const q = Z.has(L.dataset.ocKey);
-      L.setAttribute("aria-selected", q ? "true" : "false");
-      const E = L.querySelector("[data-oc-select]");
+    for (const M of ce()) {
+      const q = Z.has(M.dataset.ocKey);
+      M.setAttribute("aria-selected", q ? "true" : "false");
+      const E = M.querySelector("[data-oc-select]");
       E && (E.checked = q);
     }
-    const C = ve().map((L) => L.dataset.ocKey), S = C.filter((L) => Z.has(L)).length;
+    const C = ve().map((M) => M.dataset.ocKey), S = C.filter((M) => Z.has(M)).length;
     B && (B.checked = C.length > 0 && S === C.length, B.indeterminate = S > 0 && S < C.length), O && (O.textContent = Z.size === 1 ? "1 selected" : `${Z.size} selected`), v && (v.hidden = Z.size === 0);
   }
   function mt(C, S) {
     if (!h || (h.replaceChildren(), S <= 1)) return;
-    const L = (q, E, D) => {
+    const M = (q, E, P) => {
       const R = document.createElement("button");
-      R.type = "button", R.className = "oc-data-table-page", R.textContent = q, R.dataset.ocPage = String(E), D?.current && R.setAttribute("aria-current", "page"), D?.disabled && (R.disabled = !0), D?.label && R.setAttribute("aria-label", D.label), h.append(R);
+      R.type = "button", R.className = "oc-data-table-page", R.textContent = q, R.dataset.ocPage = String(E), P?.current && R.setAttribute("aria-current", "page"), P?.disabled && (R.disabled = !0), P?.label && R.setAttribute("aria-label", P.label), h.append(R);
     };
-    L("«", 1, { disabled: C === 1, label: "First page" }), L("‹", C - 1, { disabled: C === 1, label: "Previous page" });
+    M("«", 1, { disabled: C === 1, label: "First page" }), M("‹", C - 1, { disabled: C === 1, label: "Previous page" });
     for (const q of Ds(C, S))
       if (q === "…") {
         const E = document.createElement("span");
         E.className = "oc-data-table-ellipsis", E.textContent = "…", h.append(E);
-      } else L(String(q), q, { current: q === C });
-    L("›", C + 1, { disabled: C === S, label: "Next page" }), L("»", S, { disabled: C === S, label: "Last page" });
+      } else M(String(q), q, { current: q === C });
+    M("›", C + 1, { disabled: C === S, label: "Next page" }), M("»", S, { disabled: C === S, label: "Last page" });
   }
   function ht(C) {
     let S = e.querySelector(".oc-data-table-grid");
-    if (!S && T && (S = document.createElement("div"), S.className = "oc-data-table-grid", T.append(S)), !S) return;
-    const L = new Set(C.map((q) => q.dataset.ocKey));
+    if (!S && L && (S = document.createElement("div"), S.className = "oc-data-table-grid", L.append(S)), !S) return;
+    const M = new Set(C.map((q) => q.dataset.ocKey));
     S.replaceChildren();
     for (const q of ce()) {
-      if (!L.has(q.dataset.ocKey)) continue;
+      if (!M.has(q.dataset.ocKey)) continue;
       const E = document.createElement("article");
       E.className = "oc-data-table-card", E.dataset.ocKey = q.dataset.ocKey;
-      const D = document.createElement("h3");
-      D.className = "oc-data-table-card-title";
+      const P = document.createElement("h3");
+      P.className = "oc-data-table-card-title";
       const R = [...q.cells].find((J) => J.dataset.ocCol === "name") || [...q.cells].find((J) => J.dataset.ocCol && !Me.has(J.dataset.ocCol));
-      D.textContent = R ? R.textContent.trim() : q.dataset.ocKey, E.append(D), S.append(E);
+      P.textContent = R ? R.textContent.trim() : q.dataset.ocKey, E.append(P), S.append(E);
     }
   }
   function oe() {
     const C = ce(), S = ve();
     if (ee) {
-      const D = [...l.tHead.rows[0].cells].find((G) => G.dataset.ocCol === ee), R = D?.dataset.ocSort === "numeric" || D?.hasAttribute("data-numeric"), J = de === "desc" ? -1 : 1;
+      const P = [...l.tHead.rows[0].cells].find((G) => G.dataset.ocCol === ee), R = P?.dataset.ocSort === "numeric" || P?.hasAttribute("data-numeric"), J = de === "desc" ? -1 : 1;
       S.sort((G, ft) => J * Ps(Le(G, ee), Le(ft, ee), R));
       const F = C.filter((G) => !S.includes(G));
       for (const G of [...S, ...F]) c.append(G);
     }
-    const L = ae > 0 ? Math.max(1, Math.ceil(S.length / ae)) : 1;
-    te > L - 1 && (te = Math.max(0, L - 1));
+    const M = ae > 0 ? Math.max(1, Math.ceil(S.length / ae)) : 1;
+    te > M - 1 && (te = Math.max(0, M - 1));
     const q = ae > 0 ? te * ae : 0, E = new Set(ae > 0 ? S.slice(q, q + ae) : S);
-    for (const D of C) D.hidden = !E.has(D);
+    for (const P of C) P.hidden = !E.has(P);
     if (w && (w.hidden = S.length !== 0), u && (u.textContent = S.length === 0 ? "Showing 0 of 0" : `Showing ${q + 1}–${q + E.size} of ${S.length}`), p) {
-      const D = ee ? l.querySelector(`th[data-oc-col="${ee}"] .oc-table-sort`)?.textContent?.trim() : "";
-      p.textContent = D ? `Sorted by ${D}, ${de === "asc" ? "ascending" : "descending"}` : "";
+      const P = ee ? l.querySelector(`th[data-oc-col="${ee}"] .oc-table-sort`)?.textContent?.trim() : "";
+      p.textContent = P ? `Sorted by ${P}, ${de === "asc" ? "ascending" : "descending"}` : "";
     }
-    mt(te + 1, S.length === 0 ? 1 : L), ht([...E]), $e();
+    mt(te + 1, S.length === 0 ? 1 : M), ht([...E]), $e();
   }
   function Ee(C) {
-    const S = new Set([...e.querySelectorAll("[data-col]:not(:checked)")].map((D) => D.dataset.col)), L = [...l.tHead.rows[0].cells].filter((D, R) => D.dataset.ocCol && !Me.has(D.dataset.ocCol) && !S.has(String(R + 1))), E = (C ? ce().filter((D) => C.has(D.dataset.ocKey)) : ve()).map((D) => L.map((R) => Le(D, R.dataset.ocCol)));
-    Hs(`${n}.csv`, Es(L.map((D) => D.textContent.trim()), E));
+    const S = new Set([...e.querySelectorAll("[data-col]:not(:checked)")].map((P) => P.dataset.col)), M = [...l.tHead.rows[0].cells].filter((P, R) => P.dataset.ocCol && !Me.has(P.dataset.ocCol) && !S.has(String(R + 1))), E = (C ? ce().filter((P) => C.has(P.dataset.ocKey)) : ve()).map((P) => M.map((R) => Le(P, R.dataset.ocCol)));
+    Hs(`${n}.csv`, Es(M.map((P) => P.textContent.trim()), E));
   }
   function ye(C, S) {
     e.dispatchEvent(new CustomEvent(C, { bubbles: !0, detail: S }));
   }
   function bt(C) {
-    if (!A) return !1;
+    if (!V) return !1;
     for (const S of Z) {
-      const L = c.querySelector(`[data-oc-key="${CSS.escape(S)}"]`);
-      if (L && (C === "archive" && (L.dataset.ocStatus || "active") === "active" && (L.dataset.ocStatus = "deleted"), C === "restore" && L.dataset.ocStatus === "deleted" && (L.dataset.ocStatus = "active"), C === "delete" && L.remove(), C === "duplicate" && (L.dataset.ocStatus || "active") === "active")) {
-        const q = L.cloneNode(!0);
-        q.dataset.ocKey = `${S}-copy`, c.insertBefore(q, L.nextSibling);
+      const M = c.querySelector(`[data-oc-key="${CSS.escape(S)}"]`);
+      if (M && (C === "archive" && (M.dataset.ocStatus || "active") === "active" && (M.dataset.ocStatus = "deleted"), C === "restore" && M.dataset.ocStatus === "deleted" && (M.dataset.ocStatus = "active"), C === "delete" && M.remove(), C === "duplicate" && (M.dataset.ocStatus || "active") === "active")) {
+        const q = M.cloneNode(!0);
+        q.dataset.ocKey = `${S}-copy`, c.insertBefore(q, M.nextSibling);
       }
     }
     return Z.clear(), oe(), !0;
   }
   e.addEventListener("input", (C) => {
     const S = C.target;
-    S === r && (P = S.value.trim().toLowerCase(), te = 0, oe());
+    S === r && (D = S.value.trim().toLowerCase(), te = 0, oe());
   }), e.addEventListener("change", (C) => {
     const S = C.target;
     if (S === b && (ae = Number(S.value) || 0, te = 0, me(n, "pageSize", ae), oe()), S.matches?.("[data-col]")) {
-      const L = {};
+      const M = {};
       e.querySelectorAll("[data-col]").forEach((q) => {
-        L[q.dataset.col] = q.checked;
-      }), me(n, "cols", L);
+        M[q.dataset.col] = q.checked;
+      }), me(n, "cols", M);
     }
     if (S.matches?.("[data-oc-select]")) {
-      const L = S.closest("[data-oc-row]");
-      if (!L || L.dataset.ocSelectable === "false") return;
-      S.checked ? Z.add(L.dataset.ocKey) : Z.delete(L.dataset.ocKey), $e();
+      const M = S.closest("[data-oc-row]");
+      if (!M || M.dataset.ocSelectable === "false") return;
+      S.checked ? Z.add(M.dataset.ocKey) : Z.delete(M.dataset.ocKey), $e();
     }
     if (S === B) {
-      for (const L of ve())
-        L.dataset.ocSelectable !== "false" && (S.checked ? Z.add(L.dataset.ocKey) : Z.delete(L.dataset.ocKey));
+      for (const M of ve())
+        M.dataset.ocSelectable !== "false" && (S.checked ? Z.add(M.dataset.ocKey) : Z.delete(M.dataset.ocKey));
       $e();
     }
     if (S.matches?.("[data-oc-file]")) {
-      const L = S.files?.[0];
-      L && ye("oc-datatable-import", { file: L }), S.value = "";
+      const M = S.files?.[0];
+      M && ye("oc-datatable-import", { file: M }), S.value = "";
     }
   }), e.addEventListener("keydown", (C) => {
     C.key === "Enter" && C.target === r && ye("oc-datatable-search", { query: r.value });
@@ -1891,10 +1891,10 @@ function Xe(e) {
       F.setAttribute("aria-sort", de === "asc" ? "ascending" : "descending"), te = 0, oe();
       return;
     }
-    const L = C.target.closest("[data-oc-filter]");
-    if (L && e.contains(L)) {
-      X = L.dataset.ocFilter, te = 0, e.querySelectorAll("[data-oc-filter]").forEach((F) => {
-        F === L ? F.setAttribute("aria-current", "true") : F.removeAttribute("aria-current");
+    const M = C.target.closest("[data-oc-filter]");
+    if (M && e.contains(M)) {
+      X = M.dataset.ocFilter, te = 0, e.querySelectorAll("[data-oc-filter]").forEach((F) => {
+        F === M ? F.setAttribute("aria-current", "true") : F.removeAttribute("aria-current");
       }), oe();
       return;
     }
@@ -1912,9 +1912,9 @@ function Xe(e) {
       e.classList.toggle("oc-data-table--compact", F), me(n, "density", F ? "compact" : "comfortable");
       return;
     }
-    const D = C.target.closest("[data-oc-page]");
-    if (D && e.contains(D) && !D.disabled) {
-      te = Number(D.dataset.ocPage) - 1, oe();
+    const P = C.target.closest("[data-oc-page]");
+    if (P && e.contains(P) && !P.disabled) {
+      te = Number(P.dataset.ocPage) - 1, oe();
       return;
     }
     if (C.target.closest("[data-oc-export]")) {
@@ -1950,14 +1950,14 @@ function Xe(e) {
   }), e.addEventListener("pointerdown", (C) => {
     const S = C.target.closest(".oc-data-table-resize");
     if (!S || !e.contains(S)) return;
-    const L = S.closest("th");
-    if (!L) return;
+    const M = S.closest("th");
+    if (!M) return;
     C.preventDefault();
-    const q = C.clientX, E = L.getBoundingClientRect().width, D = Number(L.dataset.ocMin || 64);
+    const q = C.clientX, E = M.getBoundingClientRect().width, P = Number(M.dataset.ocMin || 64);
     e.classList.add("is-resizing"), l.classList.add("oc-data-table-table--sized");
     const R = (F) => {
-      const G = Math.max(D, Math.round(E + F.clientX - q));
-      L.style.width = `${G}px`;
+      const G = Math.max(P, Math.round(E + F.clientX - q));
+      M.style.width = `${G}px`;
     }, J = () => {
       e.classList.remove("is-resizing"), window.removeEventListener("pointermove", R), window.removeEventListener("pointerup", J);
       const F = {};
@@ -1968,8 +1968,8 @@ function Xe(e) {
   });
   let ue = "";
   e.addEventListener("pointerdown", (C) => {
-    const L = C.target.closest(".oc-sortable-row-grip")?.closest("[data-oc-row]");
-    L && e.contains(L) && (L.draggable = !0);
+    const M = C.target.closest(".oc-sortable-row-grip")?.closest("[data-oc-row]");
+    M && e.contains(M) && (M.draggable = !0);
   }), e.addEventListener("dragstart", (C) => {
     const S = C.target.closest?.("[data-oc-row]");
     S?.draggable && (ue = S.dataset.ocKey, S.classList.add("is-dragging", "oc-sortable-row"), C.dataTransfer.effectAllowed = "move");
@@ -1977,11 +1977,11 @@ function Xe(e) {
     const S = C.target.closest?.("[data-oc-row]");
     if (!S || !ue || S.dataset.ocKey === ue) return;
     C.preventDefault();
-    const L = S.getBoundingClientRect(), q = C.clientY > L.top + L.height / 2;
+    const M = S.getBoundingClientRect(), q = C.clientY > M.top + M.height / 2;
     c.querySelectorAll(".is-drop-before, .is-drop-after").forEach((E) => E.classList.remove("is-drop-before", "is-drop-after")), S.classList.add("oc-sortable-row", q ? "is-drop-after" : "is-drop-before");
   }), e.addEventListener("drop", (C) => {
-    const S = C.target.closest?.("[data-oc-row]"), L = ue ? c.querySelector(`[data-oc-key="${CSS.escape(ue)}"]`) : null;
-    !S || !L || S === L || (C.preventDefault(), c.insertBefore(L, S.classList.contains("is-drop-after") ? S.nextSibling : S), ye("oc-datatable-reorder", { keys: ce().map((q) => q.dataset.ocKey) }), oe());
+    const S = C.target.closest?.("[data-oc-row]"), M = ue ? c.querySelector(`[data-oc-key="${CSS.escape(ue)}"]`) : null;
+    !S || !M || S === M || (C.preventDefault(), c.insertBefore(M, S.classList.contains("is-drop-after") ? S.nextSibling : S), ye("oc-datatable-reorder", { keys: ce().map((q) => q.dataset.ocKey) }), oe());
   }), e.addEventListener("dragend", () => {
     ue = "";
     for (const C of ce())
@@ -2267,7 +2267,7 @@ const Ns = ["id", "data-page-size", "data-oc-live"], Gs = { class: "oc-data-tabl
 }, Bl = ["aria-invalid", "value"], Cl = { class: "oc-decimal-field-unit" }, Sl = ["aria-invalid", "value"], Ll = /* @__PURE__ */ f({
   inheritAttrs: !1,
   __name: "OcDecimalInput",
-  props: /* @__PURE__ */ V({
+  props: /* @__PURE__ */ x({
     locale: { default: "nl-BE" },
     decimals: { default: 2 },
     unit: {},
@@ -2279,14 +2279,14 @@ const Ns = ["id", "data-page-size", "data-oc-live"], Gs = { class: "oc-data-tabl
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const o = e, l = x(e, "modelValue");
+    const o = e, l = A(e, "modelValue");
     function c() {
       const v = new Intl.NumberFormat(o.locale).formatToParts(1234.5);
       return { group: v.find((O) => O.type === "group")?.value ?? ",", decimal: v.find((O) => O.type === "decimal")?.value ?? "." };
     }
     function n(v) {
-      const { group: O, decimal: w } = c(), p = v.trim().split(O).join("").replace(w, ".").replace(/\s/g, ""), T = Number(p);
-      return p && Number.isFinite(T) ? T : null;
+      const { group: O, decimal: w } = c(), p = v.trim().split(O).join("").replace(w, ".").replace(/\s/g, ""), L = Number(p);
+      return p && Number.isFinite(L) ? L : null;
     }
     function r(v) {
       return v == null ? "" : new Intl.NumberFormat(o.locale, { minimumFractionDigits: o.decimals, maximumFractionDigits: o.decimals }).format(v);
@@ -2574,7 +2574,7 @@ const Ns = ["id", "data-page-size", "data-oc-live"], Gs = { class: "oc-data-tabl
 }, gc = /* @__PURE__ */ f({
   inheritAttrs: !1,
   __name: "OcDropzone",
-  props: /* @__PURE__ */ V({
+  props: /* @__PURE__ */ x({
     accept: {},
     multiple: { type: Boolean },
     disabled: { type: Boolean },
@@ -2585,7 +2585,7 @@ const Ns = ["id", "data-page-size", "data-oc-live"], Gs = { class: "oc-data-tabl
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const o = x(e, "modelValue"), { root: l, control: c } = Y(), n = U(!1);
+    const o = A(e, "modelValue"), { root: l, control: c } = Y(), n = U(!1);
     function r(h) {
       o.value = Array.from(h.target.files ?? []);
     }
@@ -2810,7 +2810,7 @@ const Ns = ["id", "data-page-size", "data-oc-live"], Gs = { class: "oc-data-tabl
   class: "oc-filter-counts-hint"
 }, Wc = /* @__PURE__ */ f({
   __name: "OcFilterCounts",
-  props: /* @__PURE__ */ V({
+  props: /* @__PURE__ */ x({
     options: {},
     label: {},
     compact: { type: Boolean },
@@ -2821,7 +2821,7 @@ const Ns = ["id", "data-page-size", "data-oc-live"], Gs = { class: "oc-data-tabl
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const o = x(e, "modelValue"), l = z("oc-filter");
+    const o = A(e, "modelValue"), l = z("oc-filter");
     return (c, n) => (t(), a("fieldset", {
       class: g(["oc-filter-counts", e.compact && "oc-filter-counts--compact"]),
       role: "radiogroup",
@@ -2848,7 +2848,7 @@ const Ns = ["id", "data-page-size", "data-oc-live"], Gs = { class: "oc-data-tabl
   }
 }), Jc = ["tabindex"], Zc = ["id"], Qc = { class: "oc-flip-card__inner" }, Xc = { class: "oc-flip-card__face oc-flip-card__face--front" }, Yc = ["for"], en = { class: "oc-flip-card__face oc-flip-card__face--back" }, tn = ["for"], an = /* @__PURE__ */ f({
   __name: "OcFlipCard",
-  props: /* @__PURE__ */ V({
+  props: /* @__PURE__ */ x({
     trigger: { default: "toggle" },
     vertical: { type: Boolean },
     frontLabel: { default: "Show answer" },
@@ -2859,7 +2859,7 @@ const Ns = ["id", "data-page-size", "data-oc-live"], Gs = { class: "oc-data-tabl
   }),
   emits: ["update:flipped"],
   setup(e) {
-    const o = x(e, "flipped"), l = z("oc-flip");
+    const o = A(e, "flipped"), l = z("oc-flip");
     return (c, n) => (t(), a("div", {
       class: g(["oc-flip-card", e.trigger === "hover" && "oc-flip-card--hover", e.vertical && "oc-flip-card--vertical", e.trigger !== "toggle" && o.value && "is-flipped"]),
       tabindex: e.trigger === "hover" ? 0 : void 0
@@ -2903,7 +2903,7 @@ const Ns = ["id", "data-page-size", "data-oc-live"], Gs = { class: "oc-data-tabl
     horizontal: { type: Boolean }
   },
   setup(e) {
-    const o = e, l = z("oc-field"), c = M(() => o.for ?? l), n = M(() => `${c.value}-help`), r = M(() => `${c.value}-error`), u = M(() => {
+    const o = e, l = z("oc-field"), c = T(() => o.for ?? l), n = T(() => `${c.value}-help`), r = T(() => `${c.value}-error`), u = T(() => {
       const h = [o.description && n.value, o.error && r.value].filter(Boolean);
       return h.length ? h.join(" ") : void 0;
     });
@@ -2960,13 +2960,13 @@ const Ns = ["id", "data-page-size", "data-oc-live"], Gs = { class: "oc-data-tabl
     size: {}
   },
   setup(e) {
-    const o = e, l = { morning: "Good morning", afternoon: "Good afternoon", evening: "Good evening" }, c = M(() => o.date ?? /* @__PURE__ */ new Date()), n = M(() => {
+    const o = e, l = { morning: "Good morning", afternoon: "Good afternoon", evening: "Good evening" }, c = T(() => o.date ?? /* @__PURE__ */ new Date()), n = T(() => {
       if (o.timeOfDay) return o.timeOfDay;
       const b = c.value.getHours();
       return b >= 5 && b < 12 ? "morning" : b >= 12 && b < 18 ? "afternoon" : "evening";
-    }), r = M(() => o.words?.[n.value] ?? l[n.value]), u = M(
+    }), r = T(() => o.words?.[n.value] ?? l[n.value]), u = T(
       () => new Intl.DateTimeFormat(o.locale, { weekday: "long", day: "numeric", month: "long", year: "numeric" }).format(c.value)
-    ), h = M(() => {
+    ), h = T(() => {
       const b = c.value;
       return `${b.getFullYear()}-${String(b.getMonth() + 1).padStart(2, "0")}-${String(b.getDate()).padStart(2, "0")}`;
     });
@@ -3063,7 +3063,7 @@ const Ns = ["id", "data-page-size", "data-oc-live"], Gs = { class: "oc-data-tabl
   "aria-label": "Zoom level"
 }, wn = ["name", "value"], On = ["aria-label"], _n = { class: "oc-image-zoom__canvas" }, Bn = ["src", "alt"], Cn = ["aria-label"], Sn = /* @__PURE__ */ f({
   __name: "OcImageZoom",
-  props: /* @__PURE__ */ V({
+  props: /* @__PURE__ */ x({
     src: {},
     alt: { default: "" },
     levels: { default: () => [1, 1.5, 2, 3] },
@@ -3074,7 +3074,7 @@ const Ns = ["id", "data-page-size", "data-oc-live"], Gs = { class: "oc-data-tabl
   }),
   emits: ["update:zoom"],
   setup(e) {
-    const o = e, l = x(e, "zoom"), c = z("oc-zoom"), n = M(() => o.ratio === "square" || o.ratio === "photo" ? o.ratio : void 0), r = M(() => ({ "--oc-zoom": String(l.value), ...o.ratio && !n.value ? { "--oc-image-zoom-ratio": o.ratio } : {} }));
+    const o = e, l = A(e, "zoom"), c = z("oc-zoom"), n = T(() => o.ratio === "square" || o.ratio === "photo" ? o.ratio : void 0), r = T(() => ({ "--oc-zoom": String(l.value), ...o.ratio && !n.value ? { "--oc-image-zoom-ratio": o.ratio } : {} }));
     return (u, h) => (t(), a("div", {
       class: g(["oc-image-zoom", n.value && `oc-image-zoom--${n.value}`]),
       style: K(r.value)
@@ -3121,7 +3121,7 @@ const Ns = ["id", "data-page-size", "data-oc-live"], Gs = { class: "oc-data-tabl
   }
 }), Ln = ["aria-invalid"], Mn = /* @__PURE__ */ f({
   __name: "OcInput",
-  props: /* @__PURE__ */ V({
+  props: /* @__PURE__ */ x({
     error: { type: Boolean }
   }, {
     modelValue: {},
@@ -3129,7 +3129,7 @@ const Ns = ["id", "data-page-size", "data-oc-live"], Gs = { class: "oc-data-tabl
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const o = x(e, "modelValue");
+    const o = A(e, "modelValue");
     return (l, c) => H((t(), a("input", {
       "onUpdate:modelValue": c[0] || (c[0] = (n) => o.value = n),
       class: g(["oc-input", e.error && "oc-input--error"]),
@@ -3291,7 +3291,7 @@ const Ns = ["id", "data-page-size", "data-oc-live"], Gs = { class: "oc-data-tabl
 }, ti = ["aria-label"], ai = ["value"], oi = /* @__PURE__ */ f({
   inheritAttrs: !1,
   __name: "OcLanguageSelect",
-  props: /* @__PURE__ */ V({
+  props: /* @__PURE__ */ x({
     options: {},
     label: {},
     currency: { type: Boolean },
@@ -3303,7 +3303,7 @@ const Ns = ["id", "data-page-size", "data-oc-live"], Gs = { class: "oc-data-tabl
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const o = x(e, "modelValue"), { root: l, control: c } = Y();
+    const o = A(e, "modelValue"), { root: l, control: c } = Y();
     return (n, r) => (t(), a("label", I(y(l), {
       class: ["oc-language-select", e.ghost && "oc-language-select--ghost", e.currency && "oc-language-select--currency"]
     }), [
@@ -3356,7 +3356,7 @@ const Ns = ["id", "data-page-size", "data-oc-live"], Gs = { class: "oc-data-tabl
     disabled: { type: Boolean }
   },
   setup(e) {
-    const o = e, l = M(() => o.disabled ? "span" : o.href ? "a" : "button");
+    const o = e, l = T(() => o.disabled ? "span" : o.href ? "a" : "button");
     return (c, n) => (t(), j(W(l.value), {
       class: "oc-launcher",
       href: l.value === "a" ? e.href : void 0,
@@ -3400,12 +3400,12 @@ const Ns = ["id", "data-page-size", "data-oc-live"], Gs = { class: "oc-data-tabl
   class: "oc-lightbox__track",
   tabindex: "0",
   "aria-label": "Photos, use the arrow keys"
-}, yi = ["id"], gi = { class: "oc-lightbox__media" }, ki = ["src", "alt"], pi = ["aria-label"], wi = ["href"], Oi = ["href"], _i = { class: "oc-lightbox__caption" }, Bi = {
+}, yi = ["id"], gi = { class: "oc-lightbox__media" }, ki = ["src", "alt"], pi = ["aria-label"], wi = ["href", "onClick"], Oi = ["href", "onClick"], _i = { class: "oc-lightbox__caption" }, Bi = {
   key: 0,
   class: "oc-lightbox__counter"
 }, Ci = /* @__PURE__ */ f({
   __name: "OcLightbox",
-  props: /* @__PURE__ */ V({
+  props: /* @__PURE__ */ x({
     images: {},
     title: {},
     label: { default: "Photo viewer" },
@@ -3416,23 +3416,31 @@ const Ns = ["id", "data-page-size", "data-oc-live"], Gs = { class: "oc-data-tabl
   }),
   emits: ["update:open"],
   setup(e, { expose: o }) {
-    const l = e, c = x(e, "open"), n = U(null), { onClose: r } = re(c, n), u = z("oc-lightbox"), h = () => l.images.length, b = (v) => `${u}-${(v % h() + h()) % h() + 1}`;
-    async function B(v) {
-      c.value = !0, await Ue(), document.getElementById(b(v))?.scrollIntoView?.({ behavior: "instant", block: "nearest", inline: "center" });
+    const l = e, c = A(e, "open"), n = U(null), { onClose: r } = re(c, n), u = () => {
+      const w = location.hash && document.getElementById(decodeURIComponent(location.hash.slice(1)));
+      w && n.value?.contains(w) && history.replaceState(history.state, "", location.pathname + location.search), r();
+    };
+    function h(w, p) {
+      const L = document.getElementById(v(p));
+      L && (w.preventDefault(), L.scrollIntoView?.({ behavior: matchMedia("(prefers-reduced-motion: reduce)").matches ? "instant" : "smooth", block: "nearest", inline: "center" }));
+    }
+    const b = z("oc-lightbox"), B = () => l.images.length, v = (w) => `${b}-${(w % B() + B()) % B() + 1}`;
+    async function O(w) {
+      c.value = !0, await Ue(), document.getElementById(v(w))?.scrollIntoView?.({ behavior: "instant", block: "nearest", inline: "center" });
     }
-    return o({ show: B, close: () => c.value = !1 }), (v, O) => (t(), a($, null, [
+    return o({ show: O, close: () => c.value = !1 }), (w, p) => (t(), a($, null, [
       e.thumbnails ? (t(), a("div", ri, [
-        (t(!0), a($, null, _(e.images, (w, p) => (t(), a("button", {
-          key: p,
+        (t(!0), a($, null, _(e.images, (L, V) => (t(), a("button", {
+          key: V,
           type: "button",
           class: "oc-lightbox-thumb",
-          "aria-label": `Open photo ${p + 1}: ${w.alt}`,
-          onClick: (T) => B(p)
+          "aria-label": `Open photo ${V + 1}: ${L.alt}`,
+          onClick: (D) => O(V)
         }, [
-          w.thumb || w.src ? (t(), a("img", {
+          L.thumb || L.src ? (t(), a("img", {
             key: 0,
-            src: w.thumb || w.src,
-            alt: w.alt
+            src: L.thumb || L.src,
+            alt: L.alt
           }, null, 8, ui)) : (t(), a("span", mi))
         ], 8, di))), 128))
       ])) : d("", !0),
@@ -3442,8 +3450,7 @@ const Ns = ["id", "data-page-size", "data-oc-live"], Gs = { class: "oc-data-tabl
         class: g(["oc-lightbox", e.images.length === 1 && "oc-lightbox--single"]),
         closedby: "any",
         "aria-label": e.label,
-        onClose: O[1] || (O[1] = //@ts-ignore
-        (...w) => y(r) && y(r)(...w))
+        onClose: u
       }, [
         s("div", bi, [
           e.title ? (t(), a("h2", fi, i(e.title), 1)) : (t(), a("span", vi)),
@@ -3451,46 +3458,48 @@ const Ns = ["id", "data-page-size", "data-oc-live"], Gs = { class: "oc-data-tabl
             type: "button",
             class: "oc-lightbox__close",
             "aria-label": "Close",
-            onClick: O[0] || (O[0] = (w) => c.value = !1)
+            onClick: p[0] || (p[0] = (L) => c.value = !1)
           }, "✕")
         ]),
         s("div", $i, [
-          (t(!0), a($, null, _(e.images, (w, p) => (t(), a("figure", {
-            id: b(p),
-            key: p,
+          (t(!0), a($, null, _(e.images, (L, V) => (t(), a("figure", {
+            id: v(V),
+            key: V,
             class: "oc-lightbox__slide"
           }, [
             s("div", gi, [
-              w.src ? (t(), a("img", {
+              L.src ? (t(), a("img", {
                 key: 0,
-                src: w.src,
-                alt: w.alt
+                src: L.src,
+                alt: L.alt
               }, null, 8, ki)) : (t(), a("span", {
                 key: 1,
                 class: "oc-media-art",
                 role: "img",
-                "aria-label": w.alt
+                "aria-label": L.alt
               }, null, 8, pi))
             ]),
             e.images.length > 1 ? (t(), a($, { key: 0 }, [
               s("a", {
                 class: "oc-lightbox__nav oc-lightbox__nav--prev",
-                href: `#${b(p - 1)}`,
-                "aria-label": "Previous photo"
+                href: `#${v(V - 1)}`,
+                "aria-label": "Previous photo",
+                onClick: (D) => h(D, V - 1)
               }, "←", 8, wi),
               s("a", {
                 class: "oc-lightbox__nav oc-lightbox__nav--next",
-                href: `#${b(p + 1)}`,
-                "aria-label": "Next photo"
+                href: `#${v(V + 1)}`,
+                "aria-label": "Next photo",
+                onClick: (D) => h(D, V + 1)
               }, "→", 8, Oi)
             ], 64)) : d("", !0),
             s("figcaption", _i, [
-              e.images.length > 1 ? (t(), a("span", Bi, i(p + 1) + " / " + i(e.images.length), 1)) : d("", !0),
-              m(v.$slots, "caption", {
-                image: w,
-                index: p
+              e.images.length > 1 ? (t(), a("span", Bi, i(V + 1) + " / " + i(e.images.length), 1)) : d("", !0),
+              m(w.$slots, "caption", {
+                image: L,
+                index: V
               }, () => [
-                k(i(w.caption ?? w.alt), 1)
+                k(i(L.caption ?? L.alt), 1)
               ])
             ])
           ], 8, yi))), 128))
@@ -3544,7 +3553,7 @@ const Ns = ["id", "data-page-size", "data-oc-live"], Gs = { class: "oc-data-tabl
   class: "oc-list-toolbar-actions"
 }, Pi = /* @__PURE__ */ f({
   __name: "OcListToolbar",
-  props: /* @__PURE__ */ V({
+  props: /* @__PURE__ */ x({
     count: {},
     views: { default: () => [] },
     viewsLabel: { default: "View" },
@@ -3556,7 +3565,7 @@ const Ns = ["id", "data-page-size", "data-oc-live"], Gs = { class: "oc-data-tabl
   }),
   emits: ["update:view"],
   setup(e) {
-    const o = x(e, "view"), l = z("oc-list-view");
+    const o = A(e, "view"), l = z("oc-list-view");
     return (c, n) => (t(), a("div", {
       class: g(["oc-list-toolbar", e.sticky && "oc-list-toolbar--sticky", e.bordered && "oc-list-toolbar--bordered"]),
       role: "toolbar"
@@ -3872,7 +3881,7 @@ const Ns = ["id", "data-page-size", "data-oc-live"], Gs = { class: "oc-data-tabl
   },
   emits: ["action"],
   setup(e, { emit: o }) {
-    const l = e, c = o, n = { sent: "Sent", read: "Read", failed: "Failed" }, r = M(() => !!l.attachments?.length && l.attachments.every((v) => v.kind === "thumb")), u = (v) => {
+    const l = e, c = o, n = { sent: "Sent", read: "Read", failed: "Failed" }, r = T(() => !!l.attachments?.length && l.attachments.every((v) => v.kind === "thumb")), u = (v) => {
       const { kind: O, ...w } = v;
       return w;
     }, h = (v) => u(v), b = (v) => u(v), B = (v) => u(v);
@@ -4094,18 +4103,18 @@ const Ns = ["id", "data-page-size", "data-oc-live"], Gs = { class: "oc-data-tabl
     ne(() => l.messages, (O) => u.value = [...O]);
     const b = (O) => !!O && !("divider" in O) && O.direction === "out";
     async function B(O) {
-      const p = O.target.elements.namedItem("message"), T = p.value.trim();
-      if (T) {
+      const p = O.target.elements.namedItem("message"), L = p.value.trim();
+      if (L) {
         h.value = !0;
         try {
-          await l.onSend?.(T);
+          await l.onSend?.(L);
         } catch {
           h.value = !1;
           return;
         }
         if (!l.manual) {
-          const A = u.value, P = l.me ?? [...A].reverse().find(b)?.avatar ?? "Me";
-          u.value = [...A, { direction: "out", avatar: P, continued: b(A[A.length - 1]), text: T, time: (/* @__PURE__ */ new Date()).toTimeString().slice(0, 5), status: "sent" }];
+          const V = u.value, D = l.me ?? [...V].reverse().find(b)?.avatar ?? "Me";
+          u.value = [...V, { direction: "out", avatar: D, continued: b(V[V.length - 1]), text: L, time: (/* @__PURE__ */ new Date()).toTimeString().slice(0, 5), status: "sent" }];
         }
         p.value = "", h.value = !1, p.focus();
       }
@@ -4138,8 +4147,8 @@ const Ns = ["id", "data-page-size", "data-oc-live"], Gs = { class: "oc-data-tabl
           class: "oc-avatar-group oc-message-thread__people",
           "aria-label": `${e.participants.length} participants`
         }, [
-          (t(!0), a($, null, _(e.participants, (p, T) => (t(), a("span", {
-            key: T,
+          (t(!0), a($, null, _(e.participants, (p, L) => (t(), a("span", {
+            key: L,
             class: "oc-avatar",
             title: p.name
           }, i(p.initials), 9, zr))), 128))
@@ -4184,13 +4193,13 @@ const Ns = ["id", "data-page-size", "data-oc-live"], Gs = { class: "oc-data-tabl
               popover: "",
               role: "menu"
             }, [
-              (t(!0), a($, null, _(e.menu, (p, T) => (t(), a($, { key: T }, [
+              (t(!0), a($, null, _(e.menu, (p, L) => (t(), a($, { key: L }, [
                 "separator" in p ? (t(), a("div", Pr)) : (t(), a("button", {
                   key: 1,
                   type: "button",
                   class: g(["oc-dropdown-item", p.destructive && "oc-dropdown-item--destructive"]),
                   role: "menuitem",
-                  onClick: (A) => c("menu", p.name)
+                  onClick: (V) => c("menu", p.name)
                 }, i(p.label), 11, Fr))
               ], 64))), 128))
             ], 8, Dr)
@@ -4281,7 +4290,7 @@ const Ns = ["id", "data-page-size", "data-oc-live"], Gs = { class: "oc-data-tabl
   class: "oc-modal-footer"
 }, sd = /* @__PURE__ */ f({
   __name: "OcModal",
-  props: /* @__PURE__ */ V({
+  props: /* @__PURE__ */ x({
     title: {},
     description: {},
     size: { default: "md" },
@@ -4292,7 +4301,7 @@ const Ns = ["id", "data-page-size", "data-oc-live"], Gs = { class: "oc-data-tabl
   }),
   emits: ["update:open"],
   setup(e, { expose: o }) {
-    const l = x(e, "open"), c = U(null), { onClose: n } = re(l, c), r = z("oc-modal-title"), u = () => l.value = !1;
+    const l = A(e, "open"), c = U(null), { onClose: n } = re(l, c), r = z("oc-modal-title"), u = () => l.value = !1;
     return o({ close: u }), (h, b) => (t(), a("dialog", {
       ref_key: "el",
       ref: c,
@@ -4418,7 +4427,7 @@ const Ns = ["id", "data-page-size", "data-oc-live"], Gs = { class: "oc-data-tabl
 }), yd = ["aria-label", "disabled"], gd = ["min", "max", "step", "disabled", "aria-invalid", "value"], kd = ["aria-label", "disabled"], pd = /* @__PURE__ */ f({
   inheritAttrs: !1,
   __name: "OcNumberInput",
-  props: /* @__PURE__ */ V({
+  props: /* @__PURE__ */ x({
     min: {},
     max: {},
     step: { default: 1 },
@@ -4434,7 +4443,7 @@ const Ns = ["id", "data-page-size", "data-oc-live"], Gs = { class: "oc-data-tabl
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const o = e, l = x(e, "modelValue"), { root: c, control: n } = Y();
+    const o = e, l = A(e, "modelValue"), { root: c, control: n } = Y();
     function r(h) {
       const b = Math.round(((l.value ?? o.min ?? 0) + h * o.step) * 1e6) / 1e6;
       l.value = Math.min(o.max ?? 1 / 0, Math.max(o.min ?? -1 / 0, b));
@@ -4475,7 +4484,7 @@ const Ns = ["id", "data-page-size", "data-oc-live"], Gs = { class: "oc-data-tabl
   }
 }), wd = ["inputmode", "maxlength", "pattern", "aria-invalid"], tt = /* @__PURE__ */ f({
   __name: "OcOtpInput",
-  props: /* @__PURE__ */ V({
+  props: /* @__PURE__ */ x({
     length: { default: 6 },
     invalid: { type: Boolean },
     numeric: { type: Boolean, default: !0 }
@@ -4483,9 +4492,9 @@ const Ns = ["id", "data-page-size", "data-oc-live"], Gs = { class: "oc-data-tabl
     modelValue: { default: "" },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ V(["complete"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ x(["complete"], ["update:modelValue"]),
   setup(e, { emit: o }) {
-    const l = e, c = o, n = x(e, "modelValue"), r = M(() => ({ "--oc-otp-length": String(l.length) }));
+    const l = e, c = o, n = A(e, "modelValue"), r = T(() => ({ "--oc-otp-length": String(l.length) }));
     return ne(n, (u) => {
       u.length === l.length && c("complete", u);
     }), (u, h) => H((t(), a("input", {
@@ -4558,7 +4567,7 @@ const Ns = ["id", "data-page-size", "data-oc-live"], Gs = { class: "oc-data-tabl
   }
 }), Td = ["aria-label"], Vd = ["href", "aria-current", "onClick"], xd = /* @__PURE__ */ f({
   __name: "OcPagination",
-  props: /* @__PURE__ */ V({
+  props: /* @__PURE__ */ x({
     pages: {},
     hrefFor: {},
     label: { default: "Pagination" }
@@ -4568,7 +4577,7 @@ const Ns = ["id", "data-page-size", "data-oc-live"], Gs = { class: "oc-data-tabl
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const o = e, l = x(e, "modelValue");
+    const o = e, l = A(e, "modelValue");
     function c(n, r) {
       o.hrefFor || n.preventDefault(), l.value = r;
     }
@@ -4588,7 +4597,7 @@ const Ns = ["id", "data-page-size", "data-oc-live"], Gs = { class: "oc-data-tabl
 }), Ad = ["type"], zd = ["aria-pressed", "aria-label"], qd = /* @__PURE__ */ f({
   inheritAttrs: !1,
   __name: "OcPasswordInput",
-  props: /* @__PURE__ */ V({
+  props: /* @__PURE__ */ x({
     showLabel: { default: "Show" },
     hideLabel: { default: "Hide" },
     toggleLabel: { default: "Toggle password visibility" }
@@ -4598,7 +4607,7 @@ const Ns = ["id", "data-page-size", "data-oc-live"], Gs = { class: "oc-data-tabl
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const o = x(e, "modelValue"), { root: l, control: c } = Y(), n = U(!1);
+    const o = A(e, "modelValue"), { root: l, control: c } = Y(), n = U(!1);
     return (r, u) => (t(), a("div", I(y(l), { class: "oc-input-reveal" }), [
       H(s("input", I(y(c), {
         "onUpdate:modelValue": u[0] || (u[0] = (h) => o.value = h),
@@ -4644,7 +4653,7 @@ const Ns = ["id", "data-page-size", "data-oc-live"], Gs = { class: "oc-data-tabl
 }), Dd = ["aria-label", "value", "disabled"], Pd = ["value"], Fd = ["aria-invalid", "disabled", "value"], Ed = /* @__PURE__ */ f({
   inheritAttrs: !1,
   __name: "OcPhoneInput",
-  props: /* @__PURE__ */ V({
+  props: /* @__PURE__ */ x({
     countries: { default: () => [
       { dial: "+32", label: "BE +32" },
       { dial: "+31", label: "NL +31" },
@@ -4662,10 +4671,10 @@ const Ns = ["id", "data-page-size", "data-oc-live"], Gs = { class: "oc-data-tabl
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const o = e, l = x(e, "modelValue"), { root: c, control: n } = Y(), r = M(() => {
+    const o = e, l = A(e, "modelValue"), { root: c, control: n } = Y(), r = T(() => {
       const v = [...o.countries].sort((O, w) => w.dial.length - O.dial.length).find((O) => l.value.startsWith(O.dial));
       return v ? { dial: v.dial, national: l.value.slice(v.dial.length) } : { dial: "", national: l.value.replace(/^\+/, "") };
-    }), u = U(r.value.dial || o.defaultDial || o.countries[0]?.dial || ""), h = M(() => r.value.dial || u.value), b = M(() => {
+    }), u = U(r.value.dial || o.defaultDial || o.countries[0]?.dial || ""), h = T(() => r.value.dial || u.value), b = T(() => {
       const v = r.value.national.replace(/\D/g, "");
       return [v.slice(0, 3), ...v.slice(3).match(/.{1,2}/g) ?? []].filter(Boolean).join(" ");
     });
@@ -5055,7 +5064,7 @@ Wall B:    298 cm (door at the left)`))
 }), ot = /* @__PURE__ */ Symbol("oc-radio-group"), st = /* @__PURE__ */ Symbol("oc-toggle-group"), _u = ["name", "value", "checked", "disabled"], Bu = { key: 0 }, lt = /* @__PURE__ */ f({
   inheritAttrs: !1,
   __name: "OcRadio",
-  props: /* @__PURE__ */ V({
+  props: /* @__PURE__ */ x({
     value: {},
     description: {},
     card: { type: Boolean },
@@ -5066,7 +5075,7 @@ Wall B:    298 cm (door at the left)`))
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const o = e, l = x(e, "modelValue"), c = xe(ot, null), { root: n, control: r } = Y(), u = M(() => (c ? c.model.value : l.value) === o.value), h = M(() => o.card || !!c?.card.value || !!o.description);
+    const o = e, l = A(e, "modelValue"), c = xe(ot, null), { root: n, control: r } = Y(), u = T(() => (c ? c.model.value : l.value) === o.value), h = T(() => o.card || !!c?.card.value || !!o.description);
     function b() {
       c ? c.model.value = o.value : l.value = o.value;
     }
@@ -5093,7 +5102,7 @@ Wall B:    298 cm (door at the left)`))
   class: "oc-label"
 }, Su = /* @__PURE__ */ f({
   __name: "OcRadioGroup",
-  props: /* @__PURE__ */ V({
+  props: /* @__PURE__ */ x({
     legend: {},
     options: {},
     name: {},
@@ -5105,8 +5114,8 @@ Wall B:    298 cm (door at the left)`))
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const o = e, l = x(e, "modelValue"), c = z("oc-radio");
-    return pe(ot, { model: l, name: M(() => o.name ?? c), card: M(() => !!o.card) }), (n, r) => (t(), a("fieldset", {
+    const o = e, l = A(e, "modelValue"), c = z("oc-radio");
+    return pe(ot, { model: l, name: T(() => o.name ?? c), card: T(() => !!o.card) }), (n, r) => (t(), a("fieldset", {
       class: g(["oc-radio-group", e.row && "oc-radio-group--row"])
     }, [
       e.legend ? (t(), a("legend", Cu, i(e.legend), 1)) : d("", !0),
@@ -5189,7 +5198,7 @@ Wall B:    298 cm (door at the left)`))
   }
 }), qu = ["aria-label"], Iu = ["name", "value"], Du = /* @__PURE__ */ f({
   __name: "OcSegmented",
-  props: /* @__PURE__ */ V({
+  props: /* @__PURE__ */ x({
     options: {},
     label: {},
     block: { type: Boolean },
@@ -5201,7 +5210,7 @@ Wall B:    298 cm (door at the left)`))
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const o = x(e, "modelValue"), l = z("oc-segmented");
+    const o = A(e, "modelValue"), l = z("oc-segmented");
     return (c, n) => (t(), a("div", {
       class: g(["oc-segmented", e.block && "oc-segmented--block", e.size === "sm" && "oc-segmented--sm"]),
       role: "radiogroup",
@@ -5225,7 +5234,7 @@ Wall B:    298 cm (door at the left)`))
   }
 }), Pu = ["value"], Fu = ["value", "disabled"], Eu = /* @__PURE__ */ f({
   __name: "OcSelect",
-  props: /* @__PURE__ */ V({
+  props: /* @__PURE__ */ x({
     options: {}
   }, {
     modelValue: {},
@@ -5233,7 +5242,7 @@ Wall B:    298 cm (door at the left)`))
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const o = x(e, "modelValue");
+    const o = A(e, "modelValue");
     return (l, c) => H((t(), a("select", {
       "onUpdate:modelValue": c[0] || (c[0] = (n) => o.value = n),
       class: "oc-select"
@@ -5296,7 +5305,7 @@ Wall B:    298 cm (door at the left)`))
   class: "oc-severity-card-actions"
 }, Xu = /* @__PURE__ */ f({
   __name: "OcSeverityCard",
-  props: /* @__PURE__ */ V({
+  props: /* @__PURE__ */ x({
     level: {},
     title: {},
     tags: {},
@@ -5309,7 +5318,7 @@ Wall B:    298 cm (door at the left)`))
   }),
   emits: ["update:open"],
   setup(e) {
-    const o = e, l = x(e, "open"), c = { low: "Low", medium: "Medium", high: "High", critical: "Critical" };
+    const o = e, l = A(e, "open"), c = { low: "Low", medium: "Medium", high: "High", critical: "Critical" };
     function n(r) {
       l.value = r.target.open;
     }
@@ -5356,7 +5365,7 @@ Wall B:    298 cm (door at the left)`))
   class: "oc-sheet-footer"
 }, cm = /* @__PURE__ */ f({
   __name: "OcSheet",
-  props: /* @__PURE__ */ V({
+  props: /* @__PURE__ */ x({
     side: { default: "right" },
     wide: { type: Boolean },
     title: {},
@@ -5368,7 +5377,7 @@ Wall B:    298 cm (door at the left)`))
   }),
   emits: ["update:open"],
   setup(e, { expose: o }) {
-    const l = x(e, "open"), c = U(null), { onClose: n } = re(l, c), r = z("oc-sheet-title"), u = () => l.value = !1;
+    const l = A(e, "open"), c = U(null), { onClose: n } = re(l, c), r = z("oc-sheet-title"), u = () => l.value = !1;
     return o({ close: u }), (h, b) => (t(), a("dialog", {
       ref_key: "el",
       ref: c,
@@ -5439,7 +5448,7 @@ Wall B:    298 cm (door at the left)`))
   }
 }), mm = ["open"], hm = { class: "oc-sidebar-menu-button" }, bm = { class: "oc-sidebar-menu-label" }, fm = { class: "oc-sidebar-menu-sub" }, vm = /* @__PURE__ */ f({
   __name: "OcSidebarCollapsible",
-  props: /* @__PURE__ */ V({
+  props: /* @__PURE__ */ x({
     label: {}
   }, {
     open: { type: Boolean, default: !1 },
@@ -5447,7 +5456,7 @@ Wall B:    298 cm (door at the left)`))
   }),
   emits: ["update:open"],
   setup(e) {
-    const o = x(e, "open");
+    const o = A(e, "open");
     function l(c) {
       o.value = c.target.open;
     }
@@ -5503,7 +5512,7 @@ Wall B:    298 cm (door at the left)`))
     badge: {}
   },
   setup(e) {
-    const o = e, l = M(() => o.href ? "a" : "button");
+    const o = e, l = T(() => o.href ? "a" : "button");
     return (c, n) => (t(), j(W(l.value), {
       class: g(["oc-sidebar-menu-button", e.large && "oc-sidebar-menu-button--lg"]),
       href: e.href,
@@ -5538,7 +5547,7 @@ Wall B:    298 cm (door at the left)`))
   }
 }), Lm = ["min", "max", "step"], Mm = /* @__PURE__ */ f({
   __name: "OcSlider",
-  props: /* @__PURE__ */ V({
+  props: /* @__PURE__ */ x({
     min: { default: 0 },
     max: { default: 100 },
     step: {},
@@ -5549,7 +5558,7 @@ Wall B:    298 cm (door at the left)`))
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const o = e, l = x(e, "modelValue"), c = M(() => {
+    const o = e, l = A(e, "modelValue"), c = T(() => {
       const n = o.max - o.min, r = n > 0 ? (l.value - o.min) / n * 100 : 0;
       return `${Math.min(100, Math.max(0, r))}%`;
     });
@@ -5698,7 +5707,7 @@ Wall B:    298 cm (door at the left)`))
     button: { type: Boolean }
   },
   setup(e) {
-    const o = e, l = M(() => o.href ? "a" : o.button ? "button" : "div");
+    const o = e, l = T(() => o.href ? "a" : o.button ? "button" : "div");
     return (c, n) => (t(), j(W(l.value), {
       class: g(["oc-stat-card", e.tone !== "default" && `oc-stat-card--${e.tone}`, e.stripe && "oc-stat-card--stripe"]),
       href: e.href,
@@ -5727,7 +5736,7 @@ Wall B:    298 cm (door at the left)`))
   class: "oc-stepper-label"
 }, nt = /* @__PURE__ */ f({
   __name: "OcStepper",
-  props: /* @__PURE__ */ V({
+  props: /* @__PURE__ */ x({
     steps: {},
     horizontal: { type: Boolean },
     label: {}
@@ -5737,7 +5746,7 @@ Wall B:    298 cm (door at the left)`))
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const o = x(e, "modelValue");
+    const o = A(e, "modelValue");
     return (l, c) => (t(), a("ol", {
       class: g(["oc-stepper", e.horizontal && "oc-stepper--horizontal"]),
       "aria-label": e.label
@@ -5767,7 +5776,7 @@ Wall B:    298 cm (door at the left)`))
   },
   emits: ["update:modelValue"],
   setup(e) {
-    const o = x(e, "modelValue"), { root: l, control: c } = Y();
+    const o = A(e, "modelValue"), { root: l, control: c } = Y();
     return (n, r) => (t(), a("label", I(y(l), { class: "oc-switch" }), [
       H(s("input", I(y(c), {
         "onUpdate:modelValue": r[0] || (r[0] = (u) => o.value = u),
@@ -5790,7 +5799,7 @@ Wall B:    298 cm (door at the left)`))
   class: "oc-table-empty"
 }, vh = ["colspan"], $h = /* @__PURE__ */ f({
   __name: "OcTable",
-  props: /* @__PURE__ */ V({
+  props: /* @__PURE__ */ x({
     columns: {},
     rows: {},
     rowKey: { default: "id" },
@@ -5810,25 +5819,25 @@ Wall B:    298 cm (door at the left)`))
   }),
   emits: ["update:selected", "update:sort"],
   setup(e) {
-    const o = e, l = x(e, "selected"), c = x(e, "sort"), n = yt(), r = M(() => !!n.actions), u = M(() => o.columns.length + (o.selectable ? 1 : 0) + (r.value ? 1 : 0)), h = M(() => o.rows.length > 0 && o.rows.every((p) => l.value.includes(p[o.rowKey])));
+    const o = e, l = A(e, "selected"), c = A(e, "sort"), n = yt(), r = T(() => !!n.actions), u = T(() => o.columns.length + (o.selectable ? 1 : 0) + (r.value ? 1 : 0)), h = T(() => o.rows.length > 0 && o.rows.every((p) => l.value.includes(p[o.rowKey])));
     function b(p) {
-      l.value = p.target.checked ? o.rows.map((T) => T[o.rowKey]) : [];
+      l.value = p.target.checked ? o.rows.map((L) => L[o.rowKey]) : [];
     }
-    function B(p, T) {
-      l.value = T ? [...l.value, p] : l.value.filter((A) => A !== p);
+    function B(p, L) {
+      l.value = L ? [...l.value, p] : l.value.filter((V) => V !== p);
     }
     function v(p) {
       return c.value?.key === p ? c.value.direction : void 0;
     }
-    function O(p, T) {
+    function O(p, L) {
       p.preventDefault();
-      const A = c.value?.key === T && c.value.direction === "ascending" ? "descending" : "ascending";
-      c.value = { key: T, direction: A };
+      const V = c.value?.key === L && c.value.direction === "ascending" ? "descending" : "ascending";
+      c.value = { key: L, direction: V };
     }
     function w(p) {
       return `Select ${String(p[o.columns[0]?.key] ?? "")}`.trim();
     }
-    return (p, T) => (t(), a("div", ah, [
+    return (p, L) => (t(), a("div", ah, [
       s("table", {
         class: g(["oc-table", e.striped && "oc-table--striped", e.compact && "oc-table--compact", e.borderless && "oc-table--borderless", e.sticky && "oc-table--sticky"])
       }, [
@@ -5844,19 +5853,19 @@ Wall B:    298 cm (door at the left)`))
                 onChange: b
               }, null, 40, lh)
             ])) : d("", !0),
-            (t(!0), a($, null, _(e.columns, (A) => (t(), a("th", {
-              key: A.key,
-              "aria-sort": v(A.key),
-              "data-numeric": A.numeric ? "" : void 0,
-              style: K(A.width ? { width: A.width } : void 0)
+            (t(!0), a($, null, _(e.columns, (V) => (t(), a("th", {
+              key: V.key,
+              "aria-sort": v(V.key),
+              "data-numeric": V.numeric ? "" : void 0,
+              style: K(V.width ? { width: V.width } : void 0)
             }, [
-              A.sortable ? (t(), a("a", {
+              V.sortable ? (t(), a("a", {
                 key: 0,
                 class: "oc-table-sort",
-                href: `?sort=${A.key}`,
-                onClick: (P) => O(P, A.key)
-              }, i(A.label), 9, nh)) : (t(), a($, { key: 1 }, [
-                k(i(A.label), 1)
+                href: `?sort=${V.key}`,
+                onClick: (D) => O(D, V.key)
+              }, i(V.label), 9, nh)) : (t(), a($, { key: 1 }, [
+                k(i(V.label), 1)
               ], 64))
             ], 12, ch))), 128)),
             r.value ? (t(), a("th", ih, [
@@ -5865,32 +5874,32 @@ Wall B:    298 cm (door at the left)`))
           ])
         ]),
         s("tbody", null, [
-          (t(!0), a($, null, _(e.rows, (A) => (t(), a("tr", {
-            key: A[e.rowKey],
-            "aria-selected": l.value.includes(A[e.rowKey]) ? "true" : void 0
+          (t(!0), a($, null, _(e.rows, (V) => (t(), a("tr", {
+            key: V[e.rowKey],
+            "aria-selected": l.value.includes(V[e.rowKey]) ? "true" : void 0
           }, [
             e.selectable ? (t(), a("td", uh, [
               s("input", {
                 class: "oc-checkbox",
                 type: "checkbox",
-                checked: l.value.includes(A[e.rowKey]),
-                "aria-label": w(A),
-                onChange: (P) => B(A[e.rowKey], P.target.checked)
+                checked: l.value.includes(V[e.rowKey]),
+                "aria-label": w(V),
+                onChange: (D) => B(V[e.rowKey], D.target.checked)
               }, null, 40, mh)
             ])) : d("", !0),
-            (t(!0), a($, null, _(e.columns, (P) => (t(), a("td", {
-              key: P.key,
-              "data-numeric": P.numeric ? "" : void 0
+            (t(!0), a($, null, _(e.columns, (D) => (t(), a("td", {
+              key: D.key,
+              "data-numeric": D.numeric ? "" : void 0
             }, [
-              m(p.$slots, `cell-${P.key}`, {
-                row: A,
-                value: A[P.key]
+              m(p.$slots, `cell-${D.key}`, {
+                row: V,
+                value: V[D.key]
               }, () => [
-                k(i(A[P.key]), 1)
+                k(i(V[D.key]), 1)
               ])
             ], 8, hh))), 128)),
             r.value ? (t(), a("td", bh, [
-              m(p.$slots, "actions", { row: A })
+              m(p.$slots, "actions", { row: V })
             ])) : d("", !0)
           ], 8, dh))), 128)),
           e.rows.length === 0 && p.$slots.empty ? (t(), a("tr", fh, [
@@ -5983,7 +5992,7 @@ Wall B:    298 cm (door at the left)`))
   role: "tablist"
 }, Ch = ["name", "value", "checked"], Sh = /* @__PURE__ */ f({
   __name: "OcTabs",
-  props: /* @__PURE__ */ V({
+  props: /* @__PURE__ */ x({
     tabs: {},
     name: {}
   }, {
@@ -5992,7 +6001,7 @@ Wall B:    298 cm (door at the left)`))
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const o = x(e, "modelValue"), l = z("oc-tabs");
+    const o = A(e, "modelValue"), l = z("oc-tabs");
     return (c, n) => (t(), a("div", _h, [
       s("div", Bh, [
         (t(!0), a($, null, _(e.tabs, (r, u) => (t(), a("label", {
@@ -6024,7 +6033,7 @@ Wall B:    298 cm (door at the left)`))
   class: "oc-tag-suggestions"
 }, xh = ["onClick"], Ah = /* @__PURE__ */ f({
   __name: "OcTagInput",
-  props: /* @__PURE__ */ V({
+  props: /* @__PURE__ */ x({
     suggestions: { default: () => [] },
     placeholder: { default: "Add tag..." },
     label: { default: "Add tag" }
@@ -6034,7 +6043,7 @@ Wall B:    298 cm (door at the left)`))
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const o = e, l = x(e, "modelValue"), c = U(""), n = M(() => o.suggestions.filter((b) => !l.value.includes(b)));
+    const o = e, l = A(e, "modelValue"), c = U(""), n = T(() => o.suggestions.filter((b) => !l.value.includes(b)));
     function r(b) {
       const B = b.trim();
       B && !l.value.includes(B) && (l.value = [...l.value, B]), c.value = "";
@@ -6142,7 +6151,7 @@ Wall B:    298 cm (door at the left)`))
   }
 }), Rh = ["aria-invalid"], Nh = /* @__PURE__ */ f({
   __name: "OcTextarea",
-  props: /* @__PURE__ */ V({
+  props: /* @__PURE__ */ x({
     error: { type: Boolean }
   }, {
     modelValue: {},
@@ -6150,7 +6159,7 @@ Wall B:    298 cm (door at the left)`))
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const o = x(e, "modelValue");
+    const o = A(e, "modelValue");
     return (l, c) => H((t(), a("textarea", {
       "onUpdate:modelValue": c[0] || (c[0] = (n) => o.value = n),
       class: g(["oc-input", e.error && "oc-input--error"]),
@@ -6161,7 +6170,7 @@ Wall B:    298 cm (door at the left)`))
   }
 }), Gh = ["name", "value"], Kh = /* @__PURE__ */ f({
   __name: "OcThemeSwitch",
-  props: /* @__PURE__ */ V({
+  props: /* @__PURE__ */ x({
     options: { default: () => ["system", "light", "dark"] },
     as: { default: "fieldset" },
     label: { default: "Color theme" },
@@ -6172,7 +6181,7 @@ Wall B:    298 cm (door at the left)`))
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const o = { system: "System", light: "Light", dark: "Dark" }, l = x(e, "modelValue"), c = z("oc-theme");
+    const o = { system: "System", light: "Light", dark: "Dark" }, l = A(e, "modelValue"), c = z("oc-theme");
     return (n, r) => (t(), j(W(e.as), {
       class: "oc-theme-switch",
       role: e.as === "div" ? "radiogroup" : void 0,
@@ -6197,7 +6206,7 @@ Wall B:    298 cm (door at the left)`))
 }), Uh = ["placeholder", "list", "aria-invalid", "value"], Wh = ["id"], Jh = ["value"], Zh = /* @__PURE__ */ f({
   inheritAttrs: !1,
   __name: "OcTimeInput",
-  props: /* @__PURE__ */ V({
+  props: /* @__PURE__ */ x({
     slots: {},
     error: { type: Boolean },
     placeholder: {}
@@ -6207,7 +6216,7 @@ Wall B:    298 cm (door at the left)`))
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const o = x(e, "modelValue"), l = z("oc-time");
+    const o = A(e, "modelValue"), l = z("oc-time");
     function c(r) {
       const u = r.target, h = u.value, b = h.replace(/\D/g, "").slice(0, 4);
       o.value = /^\d{2}:\d{2}$/.test(h) ? h : b.length <= 2 ? b : `${b.slice(0, 2)}:${b.slice(2)}`, u.value = o.value;
@@ -6382,7 +6391,7 @@ const db = /* @__PURE__ */ f({
 }), ub = ["aria-pressed", "disabled"], mb = ["type", "name", "value", "checked", "disabled"], hb = /* @__PURE__ */ f({
   inheritAttrs: !1,
   __name: "OcToggle",
-  props: /* @__PURE__ */ V({
+  props: /* @__PURE__ */ x({
     value: {},
     variant: {},
     size: {},
@@ -6395,12 +6404,12 @@ const db = /* @__PURE__ */ f({
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const o = e, l = x(e, "modelValue"), c = xe(st, null), { root: n, control: r } = Y(), u = M(() => [
+    const o = e, l = A(e, "modelValue"), c = xe(st, null), { root: n, control: r } = Y(), u = T(() => [
       "oc-toggle",
       o.variant === "outline" && "oc-toggle--outline",
       o.size && o.size !== "md" && `oc-toggle--${o.size}`,
       o.icon && "oc-toggle--icon"
-    ]), h = M(() => !!c && o.value !== void 0), b = M(() => h.value ? c.values.value.includes(o.value) : l.value);
+    ]), h = T(() => !!c && o.value !== void 0), b = T(() => h.value ? c.values.value.includes(o.value) : l.value);
     function B() {
       h.value ? c.toggle(o.value) : l.value = !l.value;
     }
@@ -6427,7 +6436,7 @@ const db = /* @__PURE__ */ f({
 }), bb = { class: "oc-toggle-field-text" }, fb = { class: "oc-toggle-field-label" }, vb = ["id"], $b = { class: "oc-switch" }, yb = ["aria-describedby"], gb = /* @__PURE__ */ f({
   inheritAttrs: !1,
   __name: "OcToggleField",
-  props: /* @__PURE__ */ V({
+  props: /* @__PURE__ */ x({
     label: {},
     description: {},
     card: { type: Boolean },
@@ -6438,7 +6447,7 @@ const db = /* @__PURE__ */ f({
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const o = x(e, "modelValue"), { root: l, control: c } = Y(), n = z("oc-toggle-field");
+    const o = A(e, "modelValue"), { root: l, control: c } = Y(), n = z("oc-toggle-field");
     return (r, u) => (t(), a("label", I(y(l), {
       class: ["oc-toggle-field", e.card && "oc-toggle-field--card", e.reverse && "oc-toggle-field--reverse"]
     }), [
@@ -6473,7 +6482,7 @@ const db = /* @__PURE__ */ f({
   }
 }), kb = ["role", "aria-label"], pb = /* @__PURE__ */ f({
   __name: "OcToggleGroup",
-  props: /* @__PURE__ */ V({
+  props: /* @__PURE__ */ x({
     type: { default: "multiple" },
     spaced: { type: Boolean },
     label: {},
@@ -6484,7 +6493,7 @@ const db = /* @__PURE__ */ f({
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const o = e, l = x(e, "modelValue"), c = z("oc-toggle"), n = M(() => Array.isArray(l.value) ? l.value : l.value ? [l.value] : []);
+    const o = e, l = A(e, "modelValue"), c = z("oc-toggle"), n = T(() => Array.isArray(l.value) ? l.value : l.value ? [l.value] : []);
     function r(u) {
       if (o.type === "single")
         l.value = u;
@@ -6495,8 +6504,8 @@ const db = /* @__PURE__ */ f({
     }
     return pe(st, {
       values: n,
-      type: M(() => o.type),
-      name: M(() => o.name ?? c),
+      type: T(() => o.type),
+      name: T(() => o.name ?? c),
       toggle: r
     }), (u, h) => (t(), a("div", {
       class: g(["oc-toggle-group", e.spaced && "oc-toggle-group--spaced"]),
@@ -6506,20 +6515,31 @@ const db = /* @__PURE__ */ f({
       m(u.$slots, "default")
     ], 10, kb));
   }
-}), wb = ["data-tooltip"], Ob = /* @__PURE__ */ f({
+}), wb = ["data-tooltip"], Ob = {
+  key: 0,
+  class: "oc-tooltip__content",
+  role: "tooltip"
+}, _b = { class: "oc-tooltip__title" }, Bb = /* @__PURE__ */ f({
   __name: "OcTooltip",
   props: {
-    text: {}
+    text: {},
+    multiline: { type: Boolean },
+    heading: {},
+    side: {}
   },
   setup(e) {
     return (o, l) => (t(), a("span", {
-      class: "oc-tooltip",
-      "data-tooltip": e.text
+      class: g(["oc-tooltip", { "oc-tooltip--multiline": e.multiline && !e.heading, [`oc-tooltip--${e.side}`]: e.side && e.side !== "top" }]),
+      "data-tooltip": e.heading ? void 0 : e.text
     }, [
-      m(o.$slots, "default")
-    ], 8, wb));
+      m(o.$slots, "default"),
+      e.heading ? (t(), a("span", Ob, [
+        s("span", _b, i(e.heading), 1),
+        k(i(e.text), 1)
+      ])) : d("", !0)
+    ], 10, wb));
   }
-}), _b = ["value", "max", "hidden"], Bb = /* @__PURE__ */ f({
+}), Cb = ["value", "max", "hidden"], Sb = /* @__PURE__ */ f({
   __name: "OcTopProgress",
   props: {
     active: { type: Boolean, default: !0 },
@@ -6543,7 +6563,7 @@ const db = /* @__PURE__ */ f({
         l.value !== "hidden" && (l.value = "done", c = setTimeout(() => l.value = "hidden", o.fadeMs));
       }
     ), qe(() => clearTimeout(c));
-    const n = M(() => [
+    const n = T(() => [
       "oc-top-progress",
       o.tone !== "default" && `oc-top-progress--${o.tone}`,
       o.large && "oc-top-progress--lg",
@@ -6555,41 +6575,41 @@ const db = /* @__PURE__ */ f({
       value: e.value,
       max: e.max,
       hidden: l.value === "hidden"
-    }, null, 10, _b));
+    }, null, 10, Cb));
   }
-}), Cb = {
+}), Lb = {
   key: 0,
   class: "oc-tree-list"
-}, Sb = ["open"], Lb = ["aria-current"], Mb = {
+}, Mb = ["open"], Tb = ["aria-current"], Vb = {
   key: 0,
   class: "oc-tree-icon",
   "aria-hidden": "true"
-}, Tb = { class: "oc-tree-label" }, Vb = {
+}, xb = { class: "oc-tree-label" }, Ab = {
   key: 1,
   class: "oc-tree-count"
-}, xb = {
+}, zb = {
   key: 2,
   class: "oc-tree-actions"
-}, Ab = ["aria-current"], zb = {
+}, qb = ["aria-current"], Ib = {
   key: 0,
   class: "oc-tree-icon",
   "aria-hidden": "true"
-}, qb = ["href", "aria-current"], Ib = {
+}, Db = ["href", "aria-current"], Pb = {
   key: 2,
   class: "oc-tree-label"
-}, Db = {
+}, Fb = {
   key: 3,
   class: "oc-tree-count"
-}, Pb = {
+}, Eb = {
   key: 4,
   class: "oc-tree-actions"
-}, Fb = {
+}, jb = {
   key: 0,
   class: "oc-tree-row oc-tree-head"
-}, Eb = { class: "oc-tree-label" }, jb = {
+}, Hb = { class: "oc-tree-label" }, Rb = {
   key: 0,
   class: "oc-tree-actions"
-}, Hb = /* @__PURE__ */ f({
+}, Nb = /* @__PURE__ */ f({
   name: "OcTree",
   __name: "OcTree",
   props: {
@@ -6602,7 +6622,7 @@ const db = /* @__PURE__ */ f({
   setup(e) {
     return (o, l) => {
       const c = pt("OcTree", !0);
-      return e.nested ? (t(), a("ul", Cb, [
+      return e.nested ? (t(), a("ul", Lb, [
         (t(!0), a($, null, _(e.items, (n, r) => (t(), a("li", { key: r }, [
           n.children?.length ? (t(), a("details", {
             key: 0,
@@ -6613,15 +6633,15 @@ const db = /* @__PURE__ */ f({
               class: g(["oc-tree-row", n.muted && "is-muted"]),
               "aria-current": n.current && !n.href ? "true" : void 0
             }, [
-              o.$slots.icon ? (t(), a("span", Mb, [
+              o.$slots.icon ? (t(), a("span", Vb, [
                 m(o.$slots, "icon", { item: n })
               ])) : d("", !0),
-              s("span", Tb, i(n.label), 1),
-              n.count != null ? (t(), a("span", Vb, i(n.count), 1)) : d("", !0),
-              o.$slots.actions ? (t(), a("span", xb, [
+              s("span", xb, i(n.label), 1),
+              n.count != null ? (t(), a("span", Ab, i(n.count), 1)) : d("", !0),
+              o.$slots.actions ? (t(), a("span", zb, [
                 m(o.$slots, "actions", { item: n })
               ])) : d("", !0)
-            ], 10, Lb),
+            ], 10, Tb),
             Q(c, {
               items: n.children,
               nested: ""
@@ -6641,12 +6661,12 @@ const db = /* @__PURE__ */ f({
                 key: "1"
               } : void 0
             ]), 1032, ["items"])
-          ], 8, Sb)) : (t(), a("div", {
+          ], 8, Mb)) : (t(), a("div", {
             key: 1,
             class: g(["oc-tree-row", n.muted && "is-muted"]),
             "aria-current": n.current && !n.href ? "true" : void 0
           }, [
-            o.$slots.icon ? (t(), a("span", zb, [
+            o.$slots.icon ? (t(), a("span", Ib, [
               m(o.$slots, "icon", { item: n })
             ])) : d("", !0),
             n.href ? (t(), a("a", {
@@ -6654,20 +6674,20 @@ const db = /* @__PURE__ */ f({
               class: "oc-tree-label",
               href: n.href,
               "aria-current": n.current ? "true" : void 0
-            }, i(n.label), 9, qb)) : (t(), a("span", Ib, i(n.label), 1)),
-            n.count != null ? (t(), a("span", Db, i(n.count), 1)) : d("", !0),
-            o.$slots.actions ? (t(), a("span", Pb, [
+            }, i(n.label), 9, Db)) : (t(), a("span", Pb, i(n.label), 1)),
+            n.count != null ? (t(), a("span", Fb, i(n.count), 1)) : d("", !0),
+            o.$slots.actions ? (t(), a("span", Eb, [
               m(o.$slots, "actions", { item: n })
             ])) : d("", !0)
-          ], 10, Ab))
+          ], 10, qb))
         ]))), 128))
       ])) : (t(), a("div", {
         key: 1,
         class: g(["oc-tree", e.quiet && "oc-tree--quiet", e.flush && "oc-tree--flush"])
       }, [
-        e.head ? (t(), a("div", Fb, [
-          s("span", Eb, i(e.head), 1),
-          o.$slots["head-actions"] ? (t(), a("span", jb, [
+        e.head ? (t(), a("div", jb, [
+          s("span", Hb, i(e.head), 1),
+          o.$slots["head-actions"] ? (t(), a("span", Rb, [
             m(o.$slots, "head-actions")
           ])) : d("", !0)
         ])) : d("", !0),
@@ -6693,23 +6713,23 @@ const db = /* @__PURE__ */ f({
       ], 2));
     };
   }
-}), Rb = {
+}), Gb = {
   key: 0,
   class: "oc-upgrade-banner-icon",
   "aria-hidden": "true"
-}, Nb = { class: "oc-upgrade-banner-body" }, Gb = { class: "oc-upgrade-banner-title" }, Kb = {
+}, Kb = { class: "oc-upgrade-banner-body" }, Ub = { class: "oc-upgrade-banner-title" }, Wb = {
   key: 0,
   class: "oc-upgrade-banner-plan"
-}, Ub = {
+}, Jb = {
   key: 0,
   class: "oc-upgrade-banner-text"
-}, Wb = {
+}, Zb = {
   key: 1,
   class: "oc-upgrade-banner-usage"
-}, Jb = ["max", "low", "high", "value"], Zb = {
+}, Qb = ["max", "low", "high", "value"], Xb = {
   key: 1,
   class: "oc-upgrade-banner-actions"
-}, Qb = ["aria-label"], Xb = /* @__PURE__ */ f({
+}, Yb = ["aria-label"], ef = /* @__PURE__ */ f({
   __name: "OcUpgradeBanner",
   props: {
     title: {},
@@ -6727,20 +6747,20 @@ const db = /* @__PURE__ */ f({
     return (c, n) => (t(), a("aside", {
       class: g(["oc-upgrade-banner", e.premium && "oc-upgrade-banner--premium", e.compact && "oc-upgrade-banner--compact"])
     }, [
-      c.$slots.icon ? (t(), a("span", Rb, [
+      c.$slots.icon ? (t(), a("span", Gb, [
         m(c.$slots, "icon")
       ])) : d("", !0),
-      s("div", Nb, [
-        s("p", Gb, [
+      s("div", Kb, [
+        s("p", Ub, [
           k(i(e.title) + " ", 1),
-          e.plan ? (t(), a("span", Kb, i(e.plan), 1)) : d("", !0)
+          e.plan ? (t(), a("span", Wb, i(e.plan), 1)) : d("", !0)
         ]),
-        c.$slots.default || e.text ? (t(), a("p", Ub, [
+        c.$slots.default || e.text ? (t(), a("p", Jb, [
           m(c.$slots, "default", {}, () => [
             k(i(e.text), 1)
           ])
         ])) : d("", !0),
-        e.usage ? (t(), a("div", Wb, [
+        e.usage ? (t(), a("div", Zb, [
           s("span", null, i(e.usage.label), 1),
           s("meter", {
             class: "oc-upgrade-banner-meter",
@@ -6750,11 +6770,11 @@ const db = /* @__PURE__ */ f({
             high: e.usage.max * 0.8,
             optimum: "0",
             value: e.usage.value
-          }, i(e.usage.value) + " of " + i(e.usage.max), 9, Jb),
+          }, i(e.usage.value) + " of " + i(e.usage.max), 9, Qb),
           s("span", null, i(e.usage.value) + " / " + i(e.usage.max), 1)
         ])) : d("", !0)
       ]),
-      c.$slots.actions ? (t(), a("div", Zb, [
+      c.$slots.actions ? (t(), a("div", Xb, [
         m(c.$slots, "actions")
       ])) : d("", !0),
       e.dismissible ? (t(), a("button", {
@@ -6763,13 +6783,13 @@ const db = /* @__PURE__ */ f({
         type: "button",
         "aria-label": e.dismissLabel,
         onClick: n[0] || (n[0] = (r) => l("dismiss"))
-      }, "×", 8, Qb)) : d("", !0)
+      }, "×", 8, Yb)) : d("", !0)
     ], 2));
   }
-}), Yb = { class: "oc-user" }, ef = ["src"], tf = { class: "oc-user-text" }, af = { class: "oc-user-name" }, of = {
+}), tf = { class: "oc-user" }, af = ["src"], of = { class: "oc-user-text" }, sf = { class: "oc-user-name" }, lf = {
   key: 0,
   class: "oc-user-email"
-}, sf = /* @__PURE__ */ f({
+}, cf = /* @__PURE__ */ f({
   __name: "OcUser",
   props: {
     name: {},
@@ -6779,7 +6799,7 @@ const db = /* @__PURE__ */ f({
     avatarSize: {}
   },
   setup(e) {
-    return (o, l) => (t(), a("div", Yb, [
+    return (o, l) => (t(), a("div", tf, [
       m(o.$slots, "avatar", {}, () => [
         s("span", {
           class: g(["oc-avatar", e.avatarSize && e.avatarSize !== "md" && `oc-avatar--${e.avatarSize}`])
@@ -6788,22 +6808,22 @@ const db = /* @__PURE__ */ f({
             key: 0,
             src: e.src,
             alt: ""
-          }, null, 8, ef)) : (t(), a($, { key: 1 }, [
+          }, null, 8, af)) : (t(), a($, { key: 1 }, [
             k(i(e.initials), 1)
           ], 64))
         ], 2)
       ]),
-      s("span", tf, [
-        s("span", af, i(e.name), 1),
-        e.email ? (t(), a("span", of, i(e.email), 1)) : d("", !0)
+      s("span", of, [
+        s("span", sf, i(e.name), 1),
+        e.email ? (t(), a("span", lf, i(e.email), 1)) : d("", !0)
       ])
     ]));
   }
-}), lf = { class: "oc-version-banner-text" }, cf = { class: "oc-version-banner-short" }, nf = {
+}), nf = { class: "oc-version-banner-text" }, rf = { class: "oc-version-banner-short" }, df = {
   key: 1,
   class: "oc-version-banner-action",
   href: ""
-}, rf = /* @__PURE__ */ f({
+}, uf = /* @__PURE__ */ f({
   __name: "OcVersionBanner",
   props: {
     version: { default: null },
@@ -6824,30 +6844,30 @@ const db = /* @__PURE__ */ f({
         class: "oc-version-banner-dot",
         "aria-hidden": "true"
       }, null, -1)),
-      s("span", lf, [
+      s("span", nf, [
         m(l.$slots, "default", {}, () => [
           k("New version (" + i(e.version) + ") available - reload the page", 1)
         ])
       ]),
-      s("span", cf, i(e.short), 1),
+      s("span", rf, i(e.short), 1),
       o.onReload ? (t(), a("button", {
         key: 0,
         class: "oc-version-banner-action",
         type: "button",
         onClick: c[0] || (c[0] = (n) => o.onReload())
-      }, i(e.actionLabel), 1)) : (t(), a("a", nf, i(e.actionLabel), 1))
+      }, i(e.actionLabel), 1)) : (t(), a("a", df, i(e.actionLabel), 1))
     ], 2)) : d("", !0);
   }
-}), df = ["aria-labelledby"], uf = { class: "oc-block-about-inner" }, mf = ["aria-hidden"], hf = ["src", "alt"], bf = {
+}), mf = ["aria-labelledby"], hf = { class: "oc-block-about-inner" }, bf = ["aria-hidden"], ff = ["src", "alt"], vf = {
   key: 1,
   class: "oc-block-about-badge"
-}, ff = { class: "oc-block-about-copy" }, vf = {
+}, $f = { class: "oc-block-about-copy" }, yf = {
   key: 0,
   class: "oc-eyebrow"
-}, $f = ["id"], yf = {
+}, gf = ["id"], kf = {
   key: 0,
   class: "oc-text-gradient"
-}, gf = /* @__PURE__ */ f({
+}, pf = /* @__PURE__ */ f({
   __name: "OcBlockAboutTimeline",
   props: {
     eyebrow: {},
@@ -6864,7 +6884,7 @@ const db = /* @__PURE__ */ f({
       class: g(["oc-block-about", e.reverse && "oc-block-about--reverse"]),
       "aria-labelledby": y(o)
     }, [
-      s("div", uf, [
+      s("div", hf, [
         s("figure", {
           class: "oc-block-about-media",
           "aria-hidden": e.image ? void 0 : "true"
@@ -6874,22 +6894,22 @@ const db = /* @__PURE__ */ f({
             src: e.image,
             alt: e.imageAlt,
             loading: "lazy"
-          }, null, 8, hf)) : d("", !0),
-          l.$slots.badge ? (t(), a("span", bf, [
+          }, null, 8, ff)) : d("", !0),
+          l.$slots.badge ? (t(), a("span", vf, [
             m(l.$slots, "badge")
           ])) : d("", !0)
-        ], 8, mf),
-        s("div", ff, [
-          e.eyebrow ? (t(), a("p", vf, i(e.eyebrow), 1)) : d("", !0),
+        ], 8, bf),
+        s("div", $f, [
+          e.eyebrow ? (t(), a("p", yf, i(e.eyebrow), 1)) : d("", !0),
           s("h2", {
             id: y(o),
             class: "oc-block-about-title"
           }, [
             m(l.$slots, "title", {}, () => [
               k(i(e.title) + " ", 1),
-              e.highlight ? (t(), a("span", yf, i(e.highlight), 1)) : d("", !0)
+              e.highlight ? (t(), a("span", kf, i(e.highlight), 1)) : d("", !0)
             ])
-          ], 8, $f),
+          ], 8, gf),
           m(l.$slots, "default"),
           e.timeline.length ? (t(), j(it, {
             key: 1,
@@ -6897,15 +6917,15 @@ const db = /* @__PURE__ */ f({
           }, null, 8, ["items"])) : d("", !0)
         ])
       ])
-    ], 10, df));
+    ], 10, mf));
   }
-}), kf = { class: "oc-block-appbar" }, pf = ["for", "title"], wf = { class: "oc-visually-hidden" }, Of = {
+}), wf = { class: "oc-block-appbar" }, Of = ["for", "title"], _f = { class: "oc-visually-hidden" }, Bf = {
   key: 0,
   class: "oc-block-appbar-title"
-}, _f = ["aria-label"], Bf = {
+}, Cf = ["aria-label"], Sf = {
   key: 2,
   class: "oc-block-appbar-actions"
-}, Cf = /* @__PURE__ */ f({
+}, Lf = /* @__PURE__ */ f({
   __name: "OcBlockAppHeader",
   props: {
     toggleFor: {},
@@ -6915,7 +6935,7 @@ const db = /* @__PURE__ */ f({
     title: {}
   },
   setup(e) {
-    return (o, l) => (t(), a("header", kf, [
+    return (o, l) => (t(), a("header", wf, [
       m(o.$slots, "toggle", {}, () => [
         e.toggleFor ? (t(), a("label", {
           key: 0,
@@ -6934,10 +6954,10 @@ const db = /* @__PURE__ */ f({
           }, [
             s("path", { d: "M4 6h16M4 12h16M4 18h16" })
           ], -1)),
-          s("span", wf, i(e.toggleLabel), 1)
-        ], 8, pf)) : d("", !0)
+          s("span", _f, i(e.toggleLabel), 1)
+        ], 8, Of)) : d("", !0)
       ]),
-      e.title ? (t(), a("span", Of, i(e.title), 1)) : d("", !0),
+      e.title ? (t(), a("span", Bf, i(e.title), 1)) : d("", !0),
       e.navItems?.length || o.$slots.nav ? (t(), a("nav", {
         key: 1,
         class: "oc-block-appbar-nav",
@@ -6946,18 +6966,18 @@ const db = /* @__PURE__ */ f({
         m(o.$slots, "nav", {}, () => [
           Q(Ie, { items: e.navItems }, null, 8, ["items"])
         ])
-      ], 8, _f)) : d("", !0),
-      o.$slots.actions ? (t(), a("div", Bf, [
+      ], 8, Cf)) : d("", !0),
+      o.$slots.actions ? (t(), a("div", Sf, [
         m(o.$slots, "actions")
       ])) : d("", !0)
     ]));
   }
-}), Sf = ["id", "aria-label"], Lf = { class: "oc-block-shell-main" }, Mf = {
+}), Mf = ["id", "aria-label"], Tf = { class: "oc-block-shell-main" }, Vf = {
   key: 0,
   class: "oc-block-shell-breadcrumbs"
-}, Tf = { class: "oc-block-shell-content" }, Vf = /* @__PURE__ */ f({
+}, xf = { class: "oc-block-shell-content" }, Af = /* @__PURE__ */ f({
   __name: "OcBlockAppShell",
-  props: /* @__PURE__ */ V({
+  props: /* @__PURE__ */ x({
     toggleId: { default: "oc-shell-toggle" },
     height: {},
     toggleLabel: { default: "Collapse sidebar" }
@@ -6967,7 +6987,7 @@ const db = /* @__PURE__ */ f({
   }),
   emits: ["update:collapsed"],
   setup(e) {
-    const o = e, l = x(e, "collapsed"), c = M(() => o.height ? { "--oc-block-shell-height": o.height } : void 0);
+    const o = e, l = A(e, "collapsed"), c = T(() => o.height ? { "--oc-block-shell-height": o.height } : void 0);
     return (n, r) => (t(), a("div", {
       class: "oc-block-shell",
       style: K(c.value)
@@ -6978,31 +6998,31 @@ const db = /* @__PURE__ */ f({
         class: "oc-block-shell-toggle",
         type: "checkbox",
         "aria-label": e.toggleLabel
-      }, null, 8, Sf), [
+      }, null, 8, Mf), [
         [Ce, l.value]
       ]),
       m(n.$slots, "sidebar"),
-      s("div", Lf, [
+      s("div", Tf, [
         m(n.$slots, "header"),
-        n.$slots.breadcrumbs ? (t(), a("div", Mf, [
+        n.$slots.breadcrumbs ? (t(), a("div", Vf, [
           m(n.$slots, "breadcrumbs")
         ])) : d("", !0),
-        s("main", Tf, [
+        s("main", xf, [
           m(n.$slots, "default")
         ])
       ])
     ], 4));
   }
-}), xf = { class: "oc-block-auth" }, Af = { class: "oc-block-auth-card" }, zf = { key: 0 }, qf = {
+}), zf = { class: "oc-block-auth" }, qf = { class: "oc-block-auth-card" }, If = { key: 0 }, Df = {
   key: 1,
   class: "oc-block-subtitle"
-}, If = {
+}, Pf = {
   key: 0,
   class: "oc-block-auth-divider"
-}, Df = {
+}, Ff = {
   key: 0,
   class: "oc-block-auth-footer"
-}, Pf = /* @__PURE__ */ f({
+}, Ef = /* @__PURE__ */ f({
   __name: "OcBlockAuth",
   props: {
     title: {},
@@ -7010,43 +7030,43 @@ const db = /* @__PURE__ */ f({
     divider: {}
   },
   setup(e) {
-    return (o, l) => (t(), a("div", xf, [
-      s("div", Af, [
-        e.title ? (t(), a("h2", zf, i(e.title), 1)) : d("", !0),
-        e.subtitle ? (t(), a("p", qf, i(e.subtitle), 1)) : d("", !0),
+    return (o, l) => (t(), a("div", zf, [
+      s("div", qf, [
+        e.title ? (t(), a("h2", If, i(e.title), 1)) : d("", !0),
+        e.subtitle ? (t(), a("p", Df, i(e.subtitle), 1)) : d("", !0),
         m(o.$slots, "default"),
         m(o.$slots, "actions"),
         o.$slots.social ? (t(), a($, { key: 2 }, [
-          e.divider ? (t(), a("div", If, i(e.divider), 1)) : d("", !0),
+          e.divider ? (t(), a("div", Pf, i(e.divider), 1)) : d("", !0),
           m(o.$slots, "social")
         ], 64)) : d("", !0)
       ]),
-      o.$slots.footer ? (t(), a("div", Df, [
+      o.$slots.footer ? (t(), a("div", Ff, [
         m(o.$slots, "footer")
       ])) : d("", !0)
     ]));
   }
-}), Ff = { class: "oc-block-authsplit" }, Ef = { class: "oc-block-authsplit-brand" }, jf = {
+}), jf = { class: "oc-block-authsplit" }, Hf = { class: "oc-block-authsplit-brand" }, Rf = {
   key: 0,
   class: "oc-block-authsplit-logo",
   href: "/"
-}, Hf = {
+}, Nf = {
   key: 1,
   class: "oc-block-authsplit-quote"
-}, Rf = { key: 0 }, Nf = { class: "oc-block-authsplit-form" }, Gf = ["action", "method"], Kf = {
+}, Gf = { key: 0 }, Kf = { class: "oc-block-authsplit-form" }, Uf = ["action", "method"], Wf = {
   key: 0,
   class: "oc-block-authsplit-title"
-}, Uf = {
+}, Jf = {
   key: 1,
   class: "oc-block-authsplit-subtitle"
-}, Wf = { class: "oc-block-authsplit-fields" }, Jf = {
+}, Zf = { class: "oc-block-authsplit-fields" }, Qf = {
   key: 0,
   class: "oc-block-authsplit-row"
-}, Zf = {
+}, Xf = {
   class: "oc-btn",
   type: "submit",
   style: { width: "100%" }
-}, Qf = /* @__PURE__ */ f({
+}, Yf = /* @__PURE__ */ f({
   __name: "OcBlockAuthSplit",
   props: {
     title: {},
@@ -7059,51 +7079,51 @@ const db = /* @__PURE__ */ f({
   },
   emits: ["submit"],
   setup(e) {
-    return (o, l) => (t(), a("div", Ff, [
-      s("aside", Ef, [
-        o.$slots.logo ? (t(), a("a", jf, [
+    return (o, l) => (t(), a("div", jf, [
+      s("aside", Hf, [
+        o.$slots.logo ? (t(), a("a", Rf, [
           m(o.$slots, "logo")
         ])) : d("", !0),
-        e.quote || o.$slots.quote ? (t(), a("blockquote", Hf, [
+        e.quote || o.$slots.quote ? (t(), a("blockquote", Nf, [
           m(o.$slots, "quote", {}, () => [
             s("p", null, i(e.quote), 1),
-            e.quoteAuthor ? (t(), a("footer", Rf, i(e.quoteAuthor), 1)) : d("", !0)
+            e.quoteAuthor ? (t(), a("footer", Gf, i(e.quoteAuthor), 1)) : d("", !0)
           ])
         ])) : d("", !0)
       ]),
-      s("div", Nf, [
+      s("div", Kf, [
         s("form", {
           class: "oc-block-authsplit-card",
           action: e.action,
           method: e.method,
           onSubmit: l[0] || (l[0] = (c) => o.$emit("submit", c))
         }, [
-          e.title ? (t(), a("h1", Kf, i(e.title), 1)) : d("", !0),
-          e.subtitle ? (t(), a("p", Uf, i(e.subtitle), 1)) : d("", !0),
-          s("div", Wf, [
+          e.title ? (t(), a("h1", Wf, i(e.title), 1)) : d("", !0),
+          e.subtitle ? (t(), a("p", Jf, i(e.subtitle), 1)) : d("", !0),
+          s("div", Zf, [
             m(o.$slots, "default"),
-            o.$slots.row ? (t(), a("div", Jf, [
+            o.$slots.row ? (t(), a("div", Qf, [
               m(o.$slots, "row")
             ])) : d("", !0),
             m(o.$slots, "submit", {}, () => [
-              s("button", Zf, i(e.submitLabel), 1)
+              s("button", Xf, i(e.submitLabel), 1)
             ])
           ]),
           m(o.$slots, "footer")
-        ], 40, Gf)
+        ], 40, Uf)
       ])
     ]));
   }
-}), Xf = ["aria-labelledby"], Yf = {
+}), e1 = ["aria-labelledby"], t1 = {
   key: 0,
   class: "oc-block-contact-head"
-}, e1 = {
+}, a1 = {
   key: 0,
   class: "oc-eyebrow"
-}, t1 = ["id"], a1 = {
+}, o1 = ["id"], s1 = {
   key: 2,
   class: "oc-block-contact-lead"
-}, o1 = { class: "oc-block-contact-grid" }, s1 = ["href"], l1 = /* @__PURE__ */ f({
+}, l1 = { class: "oc-block-contact-grid" }, c1 = ["href"], n1 = /* @__PURE__ */ f({
   __name: "OcBlockContactGrid",
   props: {
     eyebrow: {},
@@ -7118,16 +7138,16 @@ const db = /* @__PURE__ */ f({
       class: g(["oc-block-contact", e.plain && "oc-block-contact--plain"]),
       "aria-labelledby": e.title ? y(o) : void 0
     }, [
-      e.eyebrow || e.title || e.lead ? (t(), a("div", Yf, [
-        e.eyebrow ? (t(), a("p", e1, i(e.eyebrow), 1)) : d("", !0),
+      e.eyebrow || e.title || e.lead ? (t(), a("div", t1, [
+        e.eyebrow ? (t(), a("p", a1, i(e.eyebrow), 1)) : d("", !0),
         e.title ? (t(), a("h2", {
           key: 1,
           id: y(o),
           class: "oc-block-contact-heading"
-        }, i(e.title), 9, t1)) : d("", !0),
-        e.lead ? (t(), a("p", a1, i(e.lead), 1)) : d("", !0)
+        }, i(e.title), 9, o1)) : d("", !0),
+        e.lead ? (t(), a("p", s1, i(e.lead), 1)) : d("", !0)
       ])) : d("", !0),
-      s("div", o1, [
+      s("div", l1, [
         m(l.$slots, "default", {}, () => [
           (t(!0), a($, null, _(e.cards, (n, r) => (t(), j(W(n.address ? "address" : "article"), {
             key: r,
@@ -7150,7 +7170,7 @@ const db = /* @__PURE__ */ f({
                   key: 0,
                   class: "oc-block-contact-line",
                   href: u.href
-                }, i(u.text), 9, s1)) : (t(), j(W(n.address ? "span" : "p"), {
+                }, i(u.text), 9, c1)) : (t(), j(W(n.address ? "span" : "p"), {
                   key: 1,
                   class: "oc-block-contact-line"
                 }, {
@@ -7165,45 +7185,45 @@ const db = /* @__PURE__ */ f({
           }, 1024))), 128))
         ])
       ])
-    ], 10, Xf));
+    ], 10, e1));
   }
-}), c1 = { class: "oc-block-cta" }, n1 = { key: 0 }, i1 = { key: 1 }, r1 = {
+}), i1 = { class: "oc-block-cta" }, r1 = { key: 0 }, d1 = { key: 1 }, u1 = {
   key: 2,
   class: "oc-block-hero-actions"
-}, d1 = /* @__PURE__ */ f({
+}, m1 = /* @__PURE__ */ f({
   __name: "OcBlockCta",
   props: {
     title: {},
     text: {}
   },
   setup(e) {
-    return (o, l) => (t(), a("div", c1, [
-      e.title ? (t(), a("h2", n1, i(e.title), 1)) : d("", !0),
-      e.text ? (t(), a("p", i1, i(e.text), 1)) : d("", !0),
-      o.$slots.actions ? (t(), a("div", r1, [
+    return (o, l) => (t(), a("div", i1, [
+      e.title ? (t(), a("h2", r1, i(e.title), 1)) : d("", !0),
+      e.text ? (t(), a("p", d1, i(e.text), 1)) : d("", !0),
+      o.$slots.actions ? (t(), a("div", u1, [
         m(o.$slots, "actions")
       ])) : d("", !0)
     ]));
   }
-}), u1 = { class: "oc-card oc-block-datatable" }, m1 = {
+}), h1 = { class: "oc-card oc-block-datatable" }, b1 = {
   key: 0,
   class: "oc-block-datatable-head"
-}, h1 = {
+}, f1 = {
   key: 0,
   class: "oc-block-datatable-title"
-}, b1 = {
+}, v1 = {
   key: 1,
   class: "oc-block-datatable-description"
-}, f1 = { key: 0 }, v1 = { class: "oc-block-datatable-body" }, $1 = {
+}, $1 = { key: 0 }, y1 = { class: "oc-block-datatable-body" }, g1 = {
   key: 0,
   class: "oc-table-toolbar"
-}, y1 = {
+}, k1 = {
   key: 1,
   class: "oc-block-datatable-bulk"
-}, g1 = {
+}, p1 = {
   key: 2,
   class: "oc-table-footer"
-}, k1 = /* @__PURE__ */ f({
+}, w1 = /* @__PURE__ */ f({
   __name: "OcBlockDataTable",
   props: {
     title: {},
@@ -7211,40 +7231,40 @@ const db = /* @__PURE__ */ f({
     selectedCount: {}
   },
   setup(e) {
-    return (o, l) => (t(), a("section", u1, [
-      e.title || e.description || o.$slots.actions ? (t(), a("header", m1, [
+    return (o, l) => (t(), a("section", h1, [
+      e.title || e.description || o.$slots.actions ? (t(), a("header", b1, [
         s("div", null, [
-          e.title ? (t(), a("h2", h1, i(e.title), 1)) : d("", !0),
-          e.description ? (t(), a("p", b1, i(e.description), 1)) : d("", !0)
+          e.title ? (t(), a("h2", f1, i(e.title), 1)) : d("", !0),
+          e.description ? (t(), a("p", v1, i(e.description), 1)) : d("", !0)
         ]),
-        o.$slots.actions ? (t(), a("div", f1, [
+        o.$slots.actions ? (t(), a("div", $1, [
           m(o.$slots, "actions")
         ])) : d("", !0)
       ])) : d("", !0),
-      s("div", v1, [
-        o.$slots.toolbar ? (t(), a("div", $1, [
+      s("div", y1, [
+        o.$slots.toolbar ? (t(), a("div", g1, [
           m(o.$slots, "toolbar")
         ])) : d("", !0),
-        o.$slots.bulk && e.selectedCount ? (t(), a("div", y1, [
+        o.$slots.bulk && e.selectedCount ? (t(), a("div", k1, [
           m(o.$slots, "bulk", { count: e.selectedCount })
         ])) : d("", !0),
         m(o.$slots, "default"),
-        o.$slots.footer ? (t(), a("div", g1, [
+        o.$slots.footer ? (t(), a("div", p1, [
           m(o.$slots, "footer")
         ])) : d("", !0)
       ])
     ]));
   }
-}), p1 = ["aria-labelledby"], w1 = { class: "oc-block-faq-inner" }, O1 = { class: "oc-block-faq-head" }, _1 = {
+}), O1 = ["aria-labelledby"], _1 = { class: "oc-block-faq-inner" }, B1 = { class: "oc-block-faq-head" }, C1 = {
   key: 0,
   class: "oc-eyebrow"
-}, B1 = ["id"], C1 = {
+}, S1 = ["id"], L1 = {
   key: 1,
   class: "oc-block-faq-lead"
-}, S1 = { class: "oc-accordion oc-block-faq-list" }, L1 = ["name", "open"], M1 = { class: "oc-accordion-trigger" }, T1 = { class: "oc-accordion-content" }, V1 = {
+}, M1 = { class: "oc-accordion oc-block-faq-list" }, T1 = ["name", "open"], V1 = { class: "oc-accordion-trigger" }, x1 = { class: "oc-accordion-content" }, A1 = {
   key: 0,
   class: "oc-block-faq-more"
-}, x1 = /* @__PURE__ */ f({
+}, z1 = /* @__PURE__ */ f({
   __name: "OcBlockFaq",
   props: {
     eyebrow: {},
@@ -7261,20 +7281,20 @@ const db = /* @__PURE__ */ f({
       class: g(["oc-block-faq", e.split && "oc-block-faq--split"]),
       "aria-labelledby": y(l)
     }, [
-      s("div", w1, [
-        s("div", O1, [
-          e.eyebrow ? (t(), a("p", _1, i(e.eyebrow), 1)) : d("", !0),
+      s("div", _1, [
+        s("div", B1, [
+          e.eyebrow ? (t(), a("p", C1, i(e.eyebrow), 1)) : d("", !0),
           s("h2", {
             id: y(l),
             class: "oc-block-faq-title"
-          }, i(e.title), 9, B1),
-          e.lead || r.$slots.lead ? (t(), a("p", C1, [
+          }, i(e.title), 9, S1),
+          e.lead || r.$slots.lead ? (t(), a("p", L1, [
             m(r.$slots, "lead", {}, () => [
               k(i(e.lead), 1)
             ])
           ])) : d("", !0)
         ]),
-        s("div", S1, [
+        s("div", M1, [
           m(r.$slots, "default", {}, () => [
             (t(!0), a($, null, _(e.items, (h, b) => (t(), a("details", {
               key: b,
@@ -7282,18 +7302,18 @@ const db = /* @__PURE__ */ f({
               name: y(n),
               open: b === e.openIndex
             }, [
-              s("summary", M1, i(h.question), 1),
-              s("div", T1, i(h.answer), 1)
-            ], 8, L1))), 128))
+              s("summary", V1, i(h.question), 1),
+              s("div", x1, i(h.answer), 1)
+            ], 8, T1))), 128))
           ])
         ]),
-        r.$slots.more ? (t(), a("p", V1, [
+        r.$slots.more ? (t(), a("p", A1, [
           m(r.$slots, "more")
         ])) : d("", !0)
       ])
-    ], 10, p1));
+    ], 10, O1));
   }
-}), A1 = { class: "oc-block-features" }, z1 = { key: 0 }, q1 = { key: 1 }, I1 = { class: "oc-block-features-grid" }, D1 = { class: "oc-block-feature-icon" }, P1 = /* @__PURE__ */ f({
+}), q1 = { class: "oc-block-features" }, I1 = { key: 0 }, D1 = { key: 1 }, P1 = { class: "oc-block-features-grid" }, F1 = { class: "oc-block-feature-icon" }, E1 = /* @__PURE__ */ f({
   __name: "OcBlockFeatures",
   props: {
     title: {},
@@ -7301,15 +7321,15 @@ const db = /* @__PURE__ */ f({
     items: {}
   },
   setup(e) {
-    return (o, l) => (t(), a("div", A1, [
-      e.title ? (t(), a("h2", z1, i(e.title), 1)) : d("", !0),
-      e.description ? (t(), a("p", q1, i(e.description), 1)) : d("", !0),
-      s("div", I1, [
+    return (o, l) => (t(), a("div", q1, [
+      e.title ? (t(), a("h2", I1, i(e.title), 1)) : d("", !0),
+      e.description ? (t(), a("p", D1, i(e.description), 1)) : d("", !0),
+      s("div", P1, [
         (t(!0), a($, null, _(e.items, (c, n) => (t(), a("div", {
           key: n,
           class: "oc-block-feature-card"
         }, [
-          s("div", D1, [
+          s("div", F1, [
             m(o.$slots, "icon", { item: c }, () => [
               k(i(c.icon), 1)
             ])
@@ -7320,10 +7340,10 @@ const db = /* @__PURE__ */ f({
       ])
     ]));
   }
-}), F1 = { class: "oc-block-footer" }, E1 = { class: "oc-block-footer-grid" }, j1 = ["href"], H1 = {
+}), j1 = { class: "oc-block-footer" }, H1 = { class: "oc-block-footer-grid" }, R1 = ["href"], N1 = {
   key: 0,
   class: "oc-block-footer-bottom"
-}, R1 = /* @__PURE__ */ f({
+}, G1 = /* @__PURE__ */ f({
   __name: "OcBlockFooter",
   props: {
     columns: {},
@@ -7331,8 +7351,8 @@ const db = /* @__PURE__ */ f({
     credit: {}
   },
   setup(e) {
-    return (o, l) => (t(), a("div", F1, [
-      s("div", E1, [
+    return (o, l) => (t(), a("div", j1, [
+      s("div", H1, [
         (t(!0), a($, null, _(e.columns, (c) => (t(), a("div", {
           key: c.title,
           class: "oc-block-footer-col"
@@ -7344,12 +7364,12 @@ const db = /* @__PURE__ */ f({
             }, [
               s("a", {
                 href: n.href
-              }, i(n.label), 9, j1)
+              }, i(n.label), 9, R1)
             ]))), 128))
           ])
         ]))), 128))
       ]),
-      e.copyright || e.credit || o.$slots["bottom-start"] || o.$slots["bottom-end"] ? (t(), a("div", H1, [
+      e.copyright || e.credit || o.$slots["bottom-start"] || o.$slots["bottom-end"] ? (t(), a("div", N1, [
         s("span", null, [
           m(o.$slots, "bottom-start", {}, () => [
             k(i(e.copyright), 1)
@@ -7363,10 +7383,10 @@ const db = /* @__PURE__ */ f({
       ])) : d("", !0)
     ]));
   }
-}), N1 = ["action", "method"], G1 = { class: "oc-block-formpage-actions" }, K1 = {
+}), K1 = ["action", "method"], U1 = { class: "oc-block-formpage-actions" }, W1 = {
   class: "oc-btn",
   type: "submit"
-}, U1 = /* @__PURE__ */ f({
+}, J1 = /* @__PURE__ */ f({
   __name: "OcBlockFormPage",
   props: {
     cancelLabel: { default: "Cancel" },
@@ -7383,25 +7403,25 @@ const db = /* @__PURE__ */ f({
       onSubmit: l[1] || (l[1] = (c) => o.$emit("submit", c))
     }, [
       m(o.$slots, "default"),
-      s("div", G1, [
+      s("div", U1, [
         m(o.$slots, "actions", {}, () => [
           s("button", {
             class: "oc-btn oc-btn--outline",
             type: "button",
             onClick: l[0] || (l[0] = (c) => o.$emit("cancel"))
           }, i(e.cancelLabel), 1),
-          s("button", K1, i(e.submitLabel), 1)
+          s("button", W1, i(e.submitLabel), 1)
         ])
       ])
-    ], 40, N1));
+    ], 40, K1));
   }
-}), W1 = { class: "oc-block-hero" }, J1 = {
+}), Z1 = { class: "oc-block-hero" }, Q1 = {
   key: 0,
   class: "oc-block-hero-badge"
-}, Z1 = { key: 1 }, Q1 = { key: 2 }, X1 = {
+}, X1 = { key: 1 }, Y1 = { key: 2 }, ev = {
   key: 3,
   class: "oc-block-hero-actions"
-}, Y1 = /* @__PURE__ */ f({
+}, tv = /* @__PURE__ */ f({
   __name: "OcBlockHero",
   props: {
     badge: {},
@@ -7409,31 +7429,31 @@ const db = /* @__PURE__ */ f({
     text: {}
   },
   setup(e) {
-    return (o, l) => (t(), a("div", W1, [
-      e.badge ? (t(), a("span", J1, i(e.badge), 1)) : d("", !0),
-      e.title ? (t(), a("h1", Z1, i(e.title), 1)) : d("", !0),
-      e.text ? (t(), a("p", Q1, i(e.text), 1)) : d("", !0),
-      o.$slots.actions ? (t(), a("div", X1, [
+    return (o, l) => (t(), a("div", Z1, [
+      e.badge ? (t(), a("span", Q1, i(e.badge), 1)) : d("", !0),
+      e.title ? (t(), a("h1", X1, i(e.title), 1)) : d("", !0),
+      e.text ? (t(), a("p", Y1, i(e.text), 1)) : d("", !0),
+      o.$slots.actions ? (t(), a("div", ev, [
         m(o.$slots, "actions")
       ])) : d("", !0)
     ]));
   }
-}), ev = { class: "oc-section-pad" }, tv = { class: "oc-container oc-split" }, av = {
+}), av = { class: "oc-section-pad" }, ov = { class: "oc-container oc-split" }, sv = {
   key: 0,
   class: "oc-eyebrow"
-}, ov = { class: "oc-display" }, sv = {
+}, lv = { class: "oc-display" }, cv = {
   key: 0,
   class: "oc-text-gradient"
-}, lv = {
+}, nv = {
   key: 1,
   class: "oc-lead"
-}, cv = {
+}, iv = {
   key: 2,
   class: "flex flex-wrap gap-1 mt-2"
-}, nv = { class: "relative p-2" }, iv = { class: "oc-code-window" }, rv = { class: "oc-code-window__bar" }, dv = {
+}, rv = { class: "relative p-2" }, dv = { class: "oc-code-window" }, uv = { class: "oc-code-window__bar" }, mv = {
   key: 0,
   class: "oc-code-window__title"
-}, uv = { class: "oc-code-window__body" }, mv = /* @__PURE__ */ f({
+}, hv = { class: "oc-code-window__body" }, bv = /* @__PURE__ */ f({
   __name: "OcBlockHeroCode",
   props: {
     eyebrow: {},
@@ -7445,27 +7465,27 @@ const db = /* @__PURE__ */ f({
     codeTitle: {}
   },
   setup(e) {
-    return (o, l) => (t(), a("section", ev, [
-      s("div", tv, [
+    return (o, l) => (t(), a("section", av, [
+      s("div", ov, [
         s("div", null, [
-          e.eyebrow ? (t(), a("p", av, i(e.eyebrow), 1)) : d("", !0),
-          s("h1", ov, [
+          e.eyebrow ? (t(), a("p", sv, i(e.eyebrow), 1)) : d("", !0),
+          s("h1", lv, [
             m(o.$slots, "title", {}, () => [
               k(i(e.title) + " ", 1),
-              e.highlight ? (t(), a("span", sv, i(e.highlight), 1)) : d("", !0),
+              e.highlight ? (t(), a("span", cv, i(e.highlight), 1)) : d("", !0),
               k(i(e.titleEnd), 1)
             ])
           ]),
-          e.lead || o.$slots.lead ? (t(), a("p", lv, [
+          e.lead || o.$slots.lead ? (t(), a("p", nv, [
             m(o.$slots, "lead", {}, () => [
               k(i(e.lead), 1)
             ])
           ])) : d("", !0),
-          o.$slots.actions ? (t(), a("div", cv, [
+          o.$slots.actions ? (t(), a("div", iv, [
             m(o.$slots, "actions")
           ])) : d("", !0)
         ]),
-        s("div", nv, [
+        s("div", rv, [
           m(o.$slots, "visual", {}, () => [
             l[3] || (l[3] = s("span", {
               class: "oc-icon-tile oc-icon-tile--float oc-accent--green absolute",
@@ -7482,39 +7502,39 @@ const db = /* @__PURE__ */ f({
               style: { inset: "auto 10% -0.5rem auto", "animation-delay": "-4s" },
               "aria-hidden": "true"
             }, "▲", -1)),
-            s("div", iv, [
-              s("div", rv, [
+            s("div", dv, [
+              s("div", uv, [
                 l[0] || (l[0] = s("i", null, null, -1)),
                 l[1] || (l[1] = s("i", null, null, -1)),
                 l[2] || (l[2] = s("i", null, null, -1)),
-                e.codeTitle ? (t(), a("span", dv, i(e.codeTitle), 1)) : d("", !0)
+                e.codeTitle ? (t(), a("span", mv, i(e.codeTitle), 1)) : d("", !0)
               ]),
-              s("pre", uv, i(e.code), 1)
+              s("pre", hv, i(e.code), 1)
             ])
           ])
         ])
       ])
     ]));
   }
-}), hv = { class: "oc-block-orbit oc-section-pad" }, bv = { class: "oc-container oc-split" }, fv = {
+}), fv = { class: "oc-block-orbit oc-section-pad" }, vv = { class: "oc-container oc-split" }, $v = {
   key: 0,
   class: "oc-eyebrow"
-}, vv = { class: "oc-display" }, $v = {
+}, yv = { class: "oc-display" }, gv = {
   key: 0,
   class: "oc-text-gradient"
-}, yv = {
+}, kv = {
   key: 1,
   class: "oc-lead"
-}, gv = {
+}, pv = {
   key: 2,
   class: "flex flex-wrap gap-1 mt-2"
-}, kv = {
+}, wv = {
   class: "oc-block-orbit-ring",
   "aria-hidden": "true"
-}, pv = { class: "oc-code-window oc-block-orbit-center" }, wv = { class: "oc-code-window__bar" }, Ov = {
+}, Ov = { class: "oc-code-window oc-block-orbit-center" }, _v = { class: "oc-code-window__bar" }, Bv = {
   key: 0,
   class: "oc-code-window__title"
-}, _v = { class: "oc-code-window__body" }, Bv = /* @__PURE__ */ f({
+}, Cv = { class: "oc-code-window__body" }, Sv = /* @__PURE__ */ f({
   __name: "OcBlockHeroOrbit",
   props: {
     eyebrow: {},
@@ -7535,24 +7555,24 @@ const db = /* @__PURE__ */ f({
     duration: {}
   },
   setup(e) {
-    const o = e, l = (n) => `--oc-orbit-angle: ${360 / o.marks.length * n}deg`, c = M(() => o.duration ? `--oc-orbit-duration: ${o.duration}` : void 0);
-    return (n, r) => (t(), a("section", hv, [
-      s("div", bv, [
+    const o = e, l = (n) => `--oc-orbit-angle: ${360 / o.marks.length * n}deg`, c = T(() => o.duration ? `--oc-orbit-duration: ${o.duration}` : void 0);
+    return (n, r) => (t(), a("section", fv, [
+      s("div", vv, [
         s("div", null, [
-          e.eyebrow ? (t(), a("p", fv, i(e.eyebrow), 1)) : d("", !0),
-          s("h1", vv, [
+          e.eyebrow ? (t(), a("p", $v, i(e.eyebrow), 1)) : d("", !0),
+          s("h1", yv, [
             m(n.$slots, "title", {}, () => [
               k(i(e.title) + " ", 1),
-              e.highlight ? (t(), a("span", $v, i(e.highlight), 1)) : d("", !0),
+              e.highlight ? (t(), a("span", gv, i(e.highlight), 1)) : d("", !0),
               k(i(e.titleEnd), 1)
             ])
           ]),
-          e.lead || n.$slots.lead ? (t(), a("p", yv, [
+          e.lead || n.$slots.lead ? (t(), a("p", kv, [
             m(n.$slots, "lead", {}, () => [
               k(i(e.lead), 1)
             ])
           ])) : d("", !0),
-          n.$slots.actions ? (t(), a("div", gv, [
+          n.$slots.actions ? (t(), a("div", pv, [
             m(n.$slots, "actions")
           ])) : d("", !0)
         ]),
@@ -7560,7 +7580,7 @@ const db = /* @__PURE__ */ f({
           class: "oc-block-orbit-visual",
           style: K(c.value)
         }, [
-          s("div", kv, [
+          s("div", wv, [
             (t(!0), a($, null, _(e.marks, (u, h) => (t(), a("span", {
               key: h,
               class: "oc-block-orbit-mark",
@@ -7572,91 +7592,91 @@ const db = /* @__PURE__ */ f({
             ], 4))), 128))
           ]),
           m(n.$slots, "center", {}, () => [
-            s("div", pv, [
-              s("div", wv, [
+            s("div", Ov, [
+              s("div", _v, [
                 r[0] || (r[0] = s("i", null, null, -1)),
                 r[1] || (r[1] = s("i", null, null, -1)),
                 r[2] || (r[2] = s("i", null, null, -1)),
-                e.codeTitle ? (t(), a("span", Ov, i(e.codeTitle), 1)) : d("", !0)
+                e.codeTitle ? (t(), a("span", Bv, i(e.codeTitle), 1)) : d("", !0)
               ]),
-              s("pre", _v, i(e.code), 1)
+              s("pre", Cv, i(e.code), 1)
             ])
           ])
         ], 4)
       ])
     ]));
   }
-}), Cv = { class: "oc-block-hero-split" }, Sv = { key: 0 }, Lv = { key: 1 }, Mv = {
+}), Lv = { class: "oc-block-hero-split" }, Mv = { key: 0 }, Tv = { key: 1 }, Vv = {
   key: 2,
   class: "oc-block-hero-actions justify-start"
-}, Tv = { class: "oc-block-hero-visual" }, Vv = /* @__PURE__ */ f({
+}, xv = { class: "oc-block-hero-visual" }, Av = /* @__PURE__ */ f({
   __name: "OcBlockHeroSplit",
   props: {
     title: {},
     text: {}
   },
   setup(e) {
-    return (o, l) => (t(), a("div", Cv, [
+    return (o, l) => (t(), a("div", Lv, [
       s("div", null, [
-        e.title ? (t(), a("h1", Sv, i(e.title), 1)) : d("", !0),
-        e.text ? (t(), a("p", Lv, i(e.text), 1)) : d("", !0),
-        o.$slots.actions ? (t(), a("div", Mv, [
+        e.title ? (t(), a("h1", Mv, i(e.title), 1)) : d("", !0),
+        e.text ? (t(), a("p", Tv, i(e.text), 1)) : d("", !0),
+        o.$slots.actions ? (t(), a("div", Vv, [
           m(o.$slots, "actions")
         ])) : d("", !0)
       ]),
-      s("div", Tv, [
+      s("div", xv, [
         m(o.$slots, "visual")
       ])
     ]));
   }
-}), xv = { class: "oc-block-modulehead" }, Av = { class: "oc-block-modulehead-band" }, zv = {
+}), zv = { class: "oc-block-modulehead" }, qv = { class: "oc-block-modulehead-band" }, Iv = {
   key: 0,
   class: "oc-block-modulehead-icon",
   "aria-hidden": "true"
-}, qv = { class: "oc-block-modulehead-body" }, Iv = { class: "oc-block-modulehead-title" }, Dv = {
+}, Dv = { class: "oc-block-modulehead-body" }, Pv = { class: "oc-block-modulehead-title" }, Fv = {
   key: 0,
   class: "oc-block-modulehead-intro"
-}, Pv = {
+}, Ev = {
   key: 1,
   class: "oc-block-modulehead-meta"
-}, Fv = {
+}, jv = {
   key: 0,
   class: "oc-block-modulehead-actions"
-}, Ev = /* @__PURE__ */ f({
+}, Hv = /* @__PURE__ */ f({
   __name: "OcBlockModuleHeader",
   props: {
     title: {},
     intro: {}
   },
   setup(e) {
-    return (o, l) => (t(), a("header", xv, [
-      s("div", Av, [
-        o.$slots.icon ? (t(), a("span", zv, [
+    return (o, l) => (t(), a("header", zv, [
+      s("div", qv, [
+        o.$slots.icon ? (t(), a("span", Iv, [
           m(o.$slots, "icon")
         ])) : d("", !0),
-        s("div", qv, [
-          s("h1", Iv, i(e.title), 1),
-          e.intro ? (t(), a("p", Dv, i(e.intro), 1)) : d("", !0),
-          o.$slots.meta ? (t(), a("div", Pv, [
+        s("div", Dv, [
+          s("h1", Pv, i(e.title), 1),
+          e.intro ? (t(), a("p", Fv, i(e.intro), 1)) : d("", !0),
+          o.$slots.meta ? (t(), a("div", Ev, [
             m(o.$slots, "meta")
           ])) : d("", !0)
         ])
       ]),
-      o.$slots.actions ? (t(), a("div", Fv, [
+      o.$slots.actions ? (t(), a("div", jv, [
         m(o.$slots, "actions")
       ])) : d("", !0)
     ]));
   }
-}), jv = { class: "oc-hero" }, Hv = {
+}), Rv = { class: "oc-hero" }, Nv = {
   key: 0,
   class: "oc-hero-eyebrow"
-}, Rv = { class: "oc-hero-title" }, Nv = {
+}, Gv = { class: "oc-hero-title" }, Kv = {
   key: 1,
   class: "oc-hero-text"
-}, Gv = {
+}, Uv = {
   key: 2,
   class: "oc-hero-actions"
-}, Kv = /* @__PURE__ */ f({
+}, Wv = /* @__PURE__ */ f({
   __name: "OcBlockPageHero",
   props: {
     eyebrow: {},
@@ -7664,25 +7684,25 @@ const db = /* @__PURE__ */ f({
     text: {}
   },
   setup(e) {
-    return (o, l) => (t(), a("section", jv, [
-      e.eyebrow ? (t(), a("span", Hv, i(e.eyebrow), 1)) : d("", !0),
-      s("h1", Rv, i(e.title), 1),
-      e.text ? (t(), a("p", Nv, i(e.text), 1)) : d("", !0),
-      o.$slots.actions ? (t(), a("div", Gv, [
+    return (o, l) => (t(), a("section", Rv, [
+      e.eyebrow ? (t(), a("span", Nv, i(e.eyebrow), 1)) : d("", !0),
+      s("h1", Gv, i(e.title), 1),
+      e.text ? (t(), a("p", Kv, i(e.text), 1)) : d("", !0),
+      o.$slots.actions ? (t(), a("div", Uv, [
         m(o.$slots, "actions")
       ])) : d("", !0)
     ]));
   }
-}), Uv = ["aria-labelledby"], Wv = { class: "oc-container" }, Jv = { class: "oc-block-portfolio-head" }, Zv = {
+}), Jv = ["aria-labelledby"], Zv = { class: "oc-container" }, Qv = { class: "oc-block-portfolio-head" }, Xv = {
   key: 0,
   class: "oc-eyebrow"
-}, Qv = ["id"], Xv = {
+}, Yv = ["id"], e$ = {
   key: 0,
   class: "oc-text-gradient"
-}, Yv = {
+}, t$ = {
   key: 1,
   class: "oc-block-portfolio-lead"
-}, e$ = { class: "oc-block-portfolio-grid" }, t$ = /* @__PURE__ */ f({
+}, a$ = { class: "oc-block-portfolio-grid" }, o$ = /* @__PURE__ */ f({
   __name: "OcBlockPortfolioGrid",
   props: {
     eyebrow: {},
@@ -7698,22 +7718,22 @@ const db = /* @__PURE__ */ f({
       class: g(["oc-block-portfolio oc-section-pad", e.two && "oc-block-portfolio--two"]),
       "aria-labelledby": y(o)
     }, [
-      s("div", Wv, [
-        s("div", Jv, [
+      s("div", Zv, [
+        s("div", Qv, [
           s("div", null, [
-            e.eyebrow ? (t(), a("p", Zv, i(e.eyebrow), 1)) : d("", !0),
+            e.eyebrow ? (t(), a("p", Xv, i(e.eyebrow), 1)) : d("", !0),
             s("h2", {
               id: y(o),
               class: "oc-display oc-display--md"
             }, [
               k(i(e.title) + " ", 1),
-              e.highlight ? (t(), a("span", Xv, i(e.highlight), 1)) : d("", !0)
-            ], 8, Qv),
-            e.lead ? (t(), a("p", Yv, i(e.lead), 1)) : d("", !0)
+              e.highlight ? (t(), a("span", e$, i(e.highlight), 1)) : d("", !0)
+            ], 8, Yv),
+            e.lead ? (t(), a("p", t$, i(e.lead), 1)) : d("", !0)
           ]),
           m(l.$slots, "link")
         ]),
-        s("div", e$, [
+        s("div", a$, [
           m(l.$slots, "default", {}, () => [
             (t(!0), a($, null, _(e.projects, (n, r) => (t(), j(at, {
               key: r,
@@ -7729,12 +7749,12 @@ const db = /* @__PURE__ */ f({
           ])
         ])
       ])
-    ], 10, Uv));
+    ], 10, Jv));
   }
-}), a$ = { class: "oc-block-pricing" }, o$ = { key: 0 }, s$ = { key: 1 }, l$ = { class: "oc-block-pricing-grid" }, c$ = { class: "oc-block-pricing-name" }, n$ = {
+}), s$ = { class: "oc-block-pricing" }, l$ = { key: 0 }, c$ = { key: 1 }, n$ = { class: "oc-block-pricing-grid" }, i$ = { class: "oc-block-pricing-name" }, r$ = {
   key: 0,
   class: "oc-block-pricing-desc"
-}, i$ = { class: "oc-block-pricing-price" }, r$ = { key: 0 }, d$ = { class: "oc-block-pricing-features" }, u$ = ["onClick"], m$ = /* @__PURE__ */ f({
+}, d$ = { class: "oc-block-pricing-price" }, u$ = { key: 0 }, m$ = { class: "oc-block-pricing-features" }, h$ = ["onClick"], b$ = /* @__PURE__ */ f({
   __name: "OcBlockPricing",
   props: {
     title: {},
@@ -7743,21 +7763,21 @@ const db = /* @__PURE__ */ f({
   },
   emits: ["select"],
   setup(e) {
-    return (o, l) => (t(), a("div", a$, [
-      e.title ? (t(), a("h2", o$, i(e.title), 1)) : d("", !0),
-      e.description ? (t(), a("p", s$, i(e.description), 1)) : d("", !0),
-      s("div", l$, [
+    return (o, l) => (t(), a("div", s$, [
+      e.title ? (t(), a("h2", l$, i(e.title), 1)) : d("", !0),
+      e.description ? (t(), a("p", c$, i(e.description), 1)) : d("", !0),
+      s("div", n$, [
         (t(!0), a($, null, _(e.plans, (c) => (t(), a("div", {
           key: c.name,
           class: g(["oc-block-pricing-card", c.featured && "oc-block-pricing-card--featured"])
         }, [
-          s("p", c$, i(c.name), 1),
-          c.description ? (t(), a("p", n$, i(c.description), 1)) : d("", !0),
-          s("p", i$, [
+          s("p", i$, i(c.name), 1),
+          c.description ? (t(), a("p", r$, i(c.description), 1)) : d("", !0),
+          s("p", d$, [
             k(i(c.price) + " ", 1),
-            c.period ? (t(), a("span", r$, i(c.period), 1)) : d("", !0)
+            c.period ? (t(), a("span", u$, i(c.period), 1)) : d("", !0)
           ]),
-          s("ul", d$, [
+          s("ul", m$, [
             (t(!0), a($, null, _(c.features, (n) => (t(), a("li", { key: n }, i(n), 1))), 128))
           ]),
           m(o.$slots, "action", { plan: c }, () => [
@@ -7766,19 +7786,19 @@ const db = /* @__PURE__ */ f({
               type: "button",
               style: { width: "100%" },
               onClick: (n) => o.$emit("select", c)
-            }, i(c.cta), 11, u$)
+            }, i(c.cta), 11, h$)
           ])
         ], 2))), 128))
       ])
     ]));
   }
-}), h$ = { class: "oc-section-pad" }, b$ = { class: "oc-container" }, f$ = {
+}), f$ = { class: "oc-section-pad" }, v$ = { class: "oc-container" }, $$ = {
   key: 0,
   class: "oc-eyebrow"
-}, v$ = { class: "oc-display oc-display--md" }, $$ = {
+}, y$ = { class: "oc-display oc-display--md" }, g$ = {
   key: 0,
   class: "oc-text-gradient"
-}, y$ = { class: "oc-steps" }, g$ = ["aria-label"], k$ = { class: "oc-marquee__track" }, p$ = /* @__PURE__ */ f({
+}, k$ = { class: "oc-steps" }, p$ = ["aria-label"], w$ = { class: "oc-marquee__track" }, O$ = /* @__PURE__ */ f({
   __name: "OcBlockProcess",
   props: {
     eyebrow: {},
@@ -7789,14 +7809,14 @@ const db = /* @__PURE__ */ f({
     marqueeLabel: {}
   },
   setup(e) {
-    return (o, l) => (t(), a("section", h$, [
-      s("div", b$, [
-        e.eyebrow ? (t(), a("p", f$, i(e.eyebrow), 1)) : d("", !0),
-        s("h2", v$, [
+    return (o, l) => (t(), a("section", f$, [
+      s("div", v$, [
+        e.eyebrow ? (t(), a("p", $$, i(e.eyebrow), 1)) : d("", !0),
+        s("h2", y$, [
           k(i(e.title) + " ", 1),
-          e.highlight ? (t(), a("span", $$, i(e.highlight), 1)) : d("", !0)
+          e.highlight ? (t(), a("span", g$, i(e.highlight), 1)) : d("", !0)
         ]),
-        s("ol", y$, [
+        s("ol", k$, [
           (t(!0), a($, null, _(e.steps, (c) => (t(), a("li", {
             key: c.title
           }, [
@@ -7809,7 +7829,7 @@ const db = /* @__PURE__ */ f({
           class: "oc-marquee mt-4",
           "aria-label": e.marqueeLabel
         }, [
-          s("div", k$, [
+          s("div", w$, [
             (t(!0), a($, null, _(e.marquee, (c) => (t(), a("span", {
               key: c,
               class: "oc-marquee__item"
@@ -7820,32 +7840,32 @@ const db = /* @__PURE__ */ f({
               "aria-hidden": "true"
             }, i(c), 1))), 128))
           ])
-        ], 8, g$)) : d("", !0)
+        ], 8, p$)) : d("", !0)
       ])
     ]));
   }
-}), w$ = { class: "oc-section-pad" }, O$ = { class: "oc-container" }, _$ = {
+}), _$ = { class: "oc-section-pad" }, B$ = { class: "oc-container" }, C$ = {
   key: 0,
   class: "oc-eyebrow"
-}, B$ = { class: "oc-display oc-display--md" }, C$ = {
+}, S$ = { class: "oc-display oc-display--md" }, L$ = {
   key: 0,
   class: "oc-text-gradient"
-}, S$ = { class: "oc-card-grid" }, L$ = ["href"], M$ = { class: "oc-product-card__top" }, T$ = {
+}, M$ = { class: "oc-card-grid" }, T$ = ["href"], V$ = { class: "oc-product-card__top" }, x$ = {
   class: "oc-icon-tile",
   "aria-hidden": "true"
-}, V$ = {
+}, A$ = {
   key: 0,
   class: "oc-pill"
-}, x$ = { class: "oc-product-card__name" }, A$ = {
+}, z$ = { class: "oc-product-card__name" }, q$ = {
   key: 0,
   class: "oc-product-card__tagline"
-}, z$ = {
+}, I$ = {
   key: 1,
   class: "oc-product-card__summary"
-}, q$ = {
+}, D$ = {
   key: 2,
   class: "oc-product-card__more"
-}, I$ = /* @__PURE__ */ f({
+}, P$ = /* @__PURE__ */ f({
   __name: "OcBlockProductGrid",
   props: {
     eyebrow: {},
@@ -7854,45 +7874,45 @@ const db = /* @__PURE__ */ f({
     products: {}
   },
   setup(e) {
-    return (o, l) => (t(), a("section", w$, [
-      s("div", O$, [
-        e.eyebrow ? (t(), a("p", _$, i(e.eyebrow), 1)) : d("", !0),
-        s("h2", B$, [
+    return (o, l) => (t(), a("section", _$, [
+      s("div", B$, [
+        e.eyebrow ? (t(), a("p", C$, i(e.eyebrow), 1)) : d("", !0),
+        s("h2", S$, [
           k(i(e.title) + " ", 1),
-          e.highlight ? (t(), a("span", C$, i(e.highlight), 1)) : d("", !0)
+          e.highlight ? (t(), a("span", L$, i(e.highlight), 1)) : d("", !0)
         ]),
-        s("div", S$, [
+        s("div", M$, [
           (t(!0), a($, null, _(e.products, (c) => (t(), a("a", {
             key: c.name,
             class: g(["oc-product-card", c.accent && `oc-accent--${c.accent}`]),
             href: c.href ?? "#"
           }, [
-            s("div", M$, [
-              s("span", T$, i(c.icon), 1),
-              c.tag ? (t(), a("span", V$, i(c.tag), 1)) : d("", !0)
+            s("div", V$, [
+              s("span", x$, i(c.icon), 1),
+              c.tag ? (t(), a("span", A$, i(c.tag), 1)) : d("", !0)
             ]),
-            s("h3", x$, i(c.name), 1),
-            c.tagline ? (t(), a("p", A$, i(c.tagline), 1)) : d("", !0),
-            c.summary ? (t(), a("p", z$, i(c.summary), 1)) : d("", !0),
-            c.more ? (t(), a("span", q$, i(c.more), 1)) : d("", !0)
-          ], 10, L$))), 128))
+            s("h3", z$, i(c.name), 1),
+            c.tagline ? (t(), a("p", q$, i(c.tagline), 1)) : d("", !0),
+            c.summary ? (t(), a("p", I$, i(c.summary), 1)) : d("", !0),
+            c.more ? (t(), a("span", D$, i(c.more), 1)) : d("", !0)
+          ], 10, T$))), 128))
         ])
       ])
     ]));
   }
-}), D$ = ["aria-labelledby"], P$ = { class: "oc-block-profile-bar" }, F$ = {
+}), F$ = ["aria-labelledby"], E$ = { class: "oc-block-profile-bar" }, j$ = {
   class: "oc-avatar oc-block-profile-avatar",
   "aria-hidden": "true"
-}, E$ = { class: "oc-block-profile-info" }, j$ = {
+}, H$ = { class: "oc-block-profile-info" }, R$ = {
   key: 0,
   class: "oc-block-profile-meta"
-}, H$ = {
+}, N$ = {
   key: 1,
   class: "oc-block-profile-bio"
-}, R$ = {
+}, G$ = {
   key: 0,
   class: "oc-block-profile-actions"
-}, N$ = ["aria-label"], G$ = ["href", "aria-current"], K$ = /* @__PURE__ */ f({
+}, K$ = ["aria-label"], U$ = ["href", "aria-current"], W$ = /* @__PURE__ */ f({
   __name: "OcBlockProfileHeader",
   props: {
     name: {},
@@ -7906,7 +7926,7 @@ const db = /* @__PURE__ */ f({
     headingLevel: { default: 1 }
   },
   setup(e) {
-    const o = e, l = z("oc-profile-name"), c = M(() => o.banner ? `--oc-profile-banner: url("${o.banner}")` : void 0);
+    const o = e, l = z("oc-profile-name"), c = T(() => o.banner ? `--oc-profile-banner: url("${o.banner}")` : void 0);
     return (n, r) => (t(), a("section", {
       class: g(["oc-block-profile", e.compact && "oc-block-profile--compact"]),
       "aria-labelledby": y(l)
@@ -7916,13 +7936,13 @@ const db = /* @__PURE__ */ f({
         style: K(c.value),
         "aria-hidden": "true"
       }, null, 4),
-      s("div", P$, [
-        s("span", F$, [
+      s("div", E$, [
+        s("span", j$, [
           m(n.$slots, "avatar", {}, () => [
             k(i(e.initials), 1)
           ])
         ]),
-        s("div", E$, [
+        s("div", H$, [
           (t(), j(W(e.headingLevel === 1 ? "h1" : "h2"), {
             id: y(l),
             class: "oc-block-profile-name"
@@ -7932,14 +7952,14 @@ const db = /* @__PURE__ */ f({
             ]),
             _: 1
           }, 8, ["id"])),
-          e.meta ? (t(), a("p", j$, i(e.meta), 1)) : d("", !0),
-          e.bio || n.$slots.bio ? (t(), a("p", H$, [
+          e.meta ? (t(), a("p", R$, i(e.meta), 1)) : d("", !0),
+          e.bio || n.$slots.bio ? (t(), a("p", N$, [
             m(n.$slots, "bio", {}, () => [
               k(i(e.bio), 1)
             ])
           ])) : d("", !0)
         ]),
-        n.$slots.actions ? (t(), a("div", R$, [
+        n.$slots.actions ? (t(), a("div", G$, [
           m(n.$slots, "actions")
         ])) : d("", !0)
       ]),
@@ -7953,29 +7973,29 @@ const db = /* @__PURE__ */ f({
           class: "oc-block-profile-tab",
           href: u.href,
           "aria-current": u.current ? "page" : void 0
-        }, i(u.label), 9, G$))), 128))
-      ], 8, N$)) : d("", !0)
-    ], 10, D$));
+        }, i(u.label), 9, U$))), 128))
+      ], 8, K$)) : d("", !0)
+    ], 10, F$));
   }
-}), U$ = { class: "oc-section-pad" }, W$ = { class: "oc-container" }, J$ = {
+}), J$ = { class: "oc-section-pad" }, Z$ = { class: "oc-container" }, Q$ = {
   key: 0,
   class: "oc-eyebrow"
-}, Z$ = { class: "oc-display oc-display--md" }, Q$ = {
+}, X$ = { class: "oc-display oc-display--md" }, Y$ = {
   key: 0,
   class: "oc-text-gradient"
-}, X$ = {
+}, ey = {
   class: "oc-card-grid",
   style: { "--oc-card-min": "26rem" }
-}, Y$ = ["href"], ey = { class: "oc-browser-frame m-1" }, ty = ["src"], ay = { class: "grid gap-0.5 p-1.5 pt-0" }, oy = {
+}, ty = ["href"], ay = { class: "oc-browser-frame m-1" }, oy = ["src"], sy = { class: "grid gap-0.5 p-1.5 pt-0" }, ly = {
   key: 0,
   class: "oc-pill oc-pill--accent"
-}, sy = { class: "oc-product-card__name" }, ly = {
+}, cy = { class: "oc-product-card__name" }, ny = {
   key: 1,
   class: "oc-product-card__summary"
-}, cy = {
+}, iy = {
   key: 2,
   class: "oc-product-card__more"
-}, ny = /* @__PURE__ */ f({
+}, ry = /* @__PURE__ */ f({
   __name: "OcBlockShowcase",
   props: {
     eyebrow: {},
@@ -7984,20 +8004,20 @@ const db = /* @__PURE__ */ f({
     projects: {}
   },
   setup(e) {
-    return (o, l) => (t(), a("section", U$, [
-      s("div", W$, [
-        e.eyebrow ? (t(), a("p", J$, i(e.eyebrow), 1)) : d("", !0),
-        s("h2", Z$, [
+    return (o, l) => (t(), a("section", J$, [
+      s("div", Z$, [
+        e.eyebrow ? (t(), a("p", Q$, i(e.eyebrow), 1)) : d("", !0),
+        s("h2", X$, [
           k(i(e.title) + " ", 1),
-          e.highlight ? (t(), a("span", Q$, i(e.highlight), 1)) : d("", !0)
+          e.highlight ? (t(), a("span", Y$, i(e.highlight), 1)) : d("", !0)
         ]),
-        s("div", X$, [
+        s("div", ey, [
           (t(!0), a($, null, _(e.projects, (c) => (t(), a("a", {
             key: c.name,
             class: g(["oc-product-card", c.accent && `oc-accent--${c.accent}`, "p-0 overflow-hidden"]),
             href: c.href ?? "#"
           }, [
-            s("span", ey, [
+            s("span", ay, [
               l[0] || (l[0] = s("span", { class: "oc-browser-frame__bar" }, [
                 s("i"),
                 s("i"),
@@ -8011,24 +8031,24 @@ const db = /* @__PURE__ */ f({
                   key: 0,
                   src: c.image,
                   alt: ""
-                }, null, 8, ty)) : d("", !0)
+                }, null, 8, oy)) : d("", !0)
               ], 4)
             ]),
-            s("span", ay, [
-              c.tag ? (t(), a("span", oy, i(c.tag), 1)) : d("", !0),
-              s("span", sy, i(c.name), 1),
-              c.summary ? (t(), a("span", ly, i(c.summary), 1)) : d("", !0),
-              c.more ? (t(), a("span", cy, i(c.more), 1)) : d("", !0)
+            s("span", sy, [
+              c.tag ? (t(), a("span", ly, i(c.tag), 1)) : d("", !0),
+              s("span", cy, i(c.name), 1),
+              c.summary ? (t(), a("span", ny, i(c.summary), 1)) : d("", !0),
+              c.more ? (t(), a("span", iy, i(c.more), 1)) : d("", !0)
             ])
-          ], 10, Y$))), 128))
+          ], 10, ty))), 128))
         ])
       ])
     ]));
   }
-}), iy = { class: "oc-site-footer" }, ry = { class: "oc-container" }, dy = { class: "oc-site-footer__grid" }, uy = { class: "oc-site-footer__about" }, my = { key: 0 }, hy = { class: "oc-site-footer__title" }, by = { class: "oc-site-footer__list" }, fy = ["href"], vy = { key: 0 }, $y = { class: "oc-site-footer__title" }, yy = { class: "oc-site-footer__list" }, gy = ["href"], ky = { key: 1 }, py = {
+}), dy = { class: "oc-site-footer" }, uy = { class: "oc-container" }, my = { class: "oc-site-footer__grid" }, hy = { class: "oc-site-footer__about" }, by = { key: 0 }, fy = { class: "oc-site-footer__title" }, vy = { class: "oc-site-footer__list" }, $y = ["href"], yy = { key: 0 }, gy = { class: "oc-site-footer__title" }, ky = { class: "oc-site-footer__list" }, py = ["href"], wy = { key: 1 }, Oy = {
   key: 0,
   class: "oc-site-footer__bottom"
-}, wy = /* @__PURE__ */ f({
+}, _y = /* @__PURE__ */ f({
   __name: "OcBlockSiteFooter",
   props: {
     about: {},
@@ -8038,42 +8058,42 @@ const db = /* @__PURE__ */ f({
     credit: {}
   },
   setup(e) {
-    return (o, l) => (t(), a("footer", iy, [
-      s("div", ry, [
-        s("div", dy, [
-          s("div", uy, [
+    return (o, l) => (t(), a("footer", dy, [
+      s("div", uy, [
+        s("div", my, [
+          s("div", hy, [
             m(o.$slots, "brand"),
-            e.about ? (t(), a("p", my, i(e.about), 1)) : d("", !0)
+            e.about ? (t(), a("p", by, i(e.about), 1)) : d("", !0)
           ]),
           (t(!0), a($, null, _(e.columns, (c) => (t(), a("div", {
             key: c.title
           }, [
-            s("h2", hy, i(c.title), 1),
-            s("ul", by, [
+            s("h2", fy, i(c.title), 1),
+            s("ul", vy, [
               (t(!0), a($, null, _(c.links, (n) => (t(), a("li", {
                 key: n.href + n.label
               }, [
                 s("a", {
                   href: n.href
-                }, i(n.label), 9, fy)
+                }, i(n.label), 9, $y)
               ]))), 128))
             ])
           ]))), 128)),
-          e.contact ? (t(), a("div", vy, [
-            s("h2", $y, i(e.contact.title), 1),
-            s("address", yy, [
+          e.contact ? (t(), a("div", yy, [
+            s("h2", gy, i(e.contact.title), 1),
+            s("address", ky, [
               (t(!0), a($, null, _(e.contact.lines, (c) => (t(), a($, {
                 key: c.label
               }, [
                 c.href ? (t(), a("a", {
                   key: 0,
                   href: c.href
-                }, i(c.label), 9, gy)) : (t(), a("span", ky, i(c.label), 1))
+                }, i(c.label), 9, py)) : (t(), a("span", wy, i(c.label), 1))
               ], 64))), 128))
             ])
           ])) : d("", !0)
         ]),
-        e.copyright || e.credit || o.$slots["bottom-start"] || o.$slots["bottom-end"] ? (t(), a("div", py, [
+        e.copyright || e.credit || o.$slots["bottom-start"] || o.$slots["bottom-end"] ? (t(), a("div", Oy, [
           s("span", null, [
             m(o.$slots, "bottom-start", {}, () => [
               k(i(e.copyright), 1)
@@ -8088,7 +8108,7 @@ const db = /* @__PURE__ */ f({
       ])
     ]));
   }
-}), Oy = { class: "oc-site-header" }, _y = { class: "oc-container oc-site-header__inner" }, By = ["href"], Cy = ["popovertarget", "aria-label"], Sy = ["id", "aria-label"], Ly = ["href", "aria-current"], My = /* @__PURE__ */ f({
+}), By = { class: "oc-site-header" }, Cy = { class: "oc-container oc-site-header__inner" }, Sy = ["href"], Ly = ["popovertarget", "aria-label"], My = ["id", "aria-label"], Ty = ["href", "aria-current"], Vy = /* @__PURE__ */ f({
   __name: "OcBlockSiteHeader",
   props: {
     items: { default: () => [] },
@@ -8098,20 +8118,20 @@ const db = /* @__PURE__ */ f({
   },
   setup(e) {
     const o = z("oc-site-nav");
-    return (l, c) => (t(), a("header", Oy, [
-      s("div", _y, [
+    return (l, c) => (t(), a("header", By, [
+      s("div", Cy, [
         s("a", {
           class: "oc-site-header__brand",
           href: e.homeHref
         }, [
           m(l.$slots, "brand")
-        ], 8, By),
+        ], 8, Sy),
         s("button", {
           class: "oc-site-header__toggle",
           type: "button",
           popovertarget: y(o),
           "aria-label": e.menuLabel
-        }, "☰", 8, Cy),
+        }, "☰", 8, Ly),
         s("nav", {
           id: y(o),
           class: "oc-site-header__nav",
@@ -8123,33 +8143,33 @@ const db = /* @__PURE__ */ f({
               key: n.href + n.label,
               href: n.href,
               "aria-current": n.current ? "page" : void 0
-            }, i(n.label), 9, Ly))), 128))
+            }, i(n.label), 9, Ty))), 128))
           ]),
           m(l.$slots, "cta")
-        ], 8, Sy)
+        ], 8, My)
       ])
     ]));
   }
-}), Ty = { class: "oc-section-pad" }, Vy = { class: "oc-container" }, xy = {
+}), xy = { class: "oc-section-pad" }, Ay = { class: "oc-container" }, zy = {
   key: 0,
   class: "oc-pill oc-pill--accent"
-}, Ay = { class: "oc-spotlight__title" }, zy = {
+}, qy = { class: "oc-spotlight__title" }, Iy = {
   key: 0,
   class: "oc-icon-tile oc-icon-tile--lg",
   "aria-hidden": "true"
-}, qy = {
+}, Dy = {
   key: 1,
   class: "oc-spotlight__tagline"
-}, Iy = {
+}, Py = {
   key: 2,
   class: "oc-lead"
-}, Dy = ["href"], Py = {
+}, Fy = ["href"], Ey = {
   key: 0,
   class: "oc-spotlight__modules"
-}, Fy = {
+}, jy = {
   class: "oc-icon-tile oc-icon-tile--sm",
   "aria-hidden": "true"
-}, Ey = /* @__PURE__ */ f({
+}, Hy = /* @__PURE__ */ f({
   __name: "OcBlockSpotlight",
   props: {
     accent: {},
@@ -8163,35 +8183,35 @@ const db = /* @__PURE__ */ f({
     modules: {}
   },
   setup(e) {
-    return (o, l) => (t(), a("section", Ty, [
-      s("div", Vy, [
+    return (o, l) => (t(), a("section", xy, [
+      s("div", Ay, [
         s("div", {
           class: g(["oc-spotlight", e.accent && `oc-accent--${e.accent}`])
         }, [
           s("div", null, [
-            e.badge ? (t(), a("span", xy, [
+            e.badge ? (t(), a("span", zy, [
               l[0] || (l[0] = s("span", { class: "oc-status-dot" }, null, -1)),
               k(i(e.badge), 1)
             ])) : d("", !0),
-            s("h2", Ay, [
-              e.icon ? (t(), a("span", zy, i(e.icon), 1)) : d("", !0),
+            s("h2", qy, [
+              e.icon ? (t(), a("span", Iy, i(e.icon), 1)) : d("", !0),
               k(i(e.title), 1)
             ]),
-            e.tagline ? (t(), a("p", qy, i(e.tagline), 1)) : d("", !0),
-            e.lead ? (t(), a("p", Iy, i(e.lead), 1)) : d("", !0),
+            e.tagline ? (t(), a("p", Dy, i(e.tagline), 1)) : d("", !0),
+            e.lead ? (t(), a("p", Py, i(e.lead), 1)) : d("", !0),
             m(o.$slots, "cta", {}, () => [
               e.ctaLabel ? (t(), a("a", {
                 key: 0,
                 class: "oc-btn oc-btn--gradient oc-btn--lg",
                 href: e.ctaHref ?? "#"
-              }, i(e.ctaLabel), 9, Dy)) : d("", !0)
+              }, i(e.ctaLabel), 9, Fy)) : d("", !0)
             ])
           ]),
-          e.modules?.length ? (t(), a("ul", Py, [
+          e.modules?.length ? (t(), a("ul", Ey, [
             (t(!0), a($, null, _(e.modules, (c) => (t(), a("li", {
               key: c.label
             }, [
-              s("span", Fy, i(c.icon), 1),
+              s("span", jy, i(c.icon), 1),
               k(i(c.label), 1)
             ]))), 128))
           ])) : d("", !0)
@@ -8199,29 +8219,29 @@ const db = /* @__PURE__ */ f({
       ])
     ]));
   }
-}), jy = { class: "oc-block-stats" }, Hy = { class: "oc-block-stat-value" }, Ry = { class: "oc-block-stat-label" }, Ny = /* @__PURE__ */ f({
+}), Ry = { class: "oc-block-stats" }, Ny = { class: "oc-block-stat-value" }, Gy = { class: "oc-block-stat-label" }, Ky = /* @__PURE__ */ f({
   __name: "OcBlockStats",
   props: {
     items: {}
   },
   setup(e) {
-    return (o, l) => (t(), a("div", jy, [
+    return (o, l) => (t(), a("div", Ry, [
       (t(!0), a($, null, _(e.items, (c) => (t(), a("div", {
         key: c.label,
         class: "oc-block-stat"
       }, [
-        s("div", Hy, i(c.value), 1),
-        s("div", Ry, i(c.label), 1)
+        s("div", Ny, i(c.value), 1),
+        s("div", Gy, i(c.label), 1)
       ]))), 128))
     ]));
   }
-}), Gy = { class: "oc-block-stats" }, Ky = { class: "oc-block-stat-label" }, Uy = /* @__PURE__ */ f({
+}), Uy = { class: "oc-block-stats" }, Wy = { class: "oc-block-stat-label" }, Jy = /* @__PURE__ */ f({
   __name: "OcBlockStatsCounter",
   props: {
     items: {}
   },
   setup(e) {
-    return (o, l) => (t(), a("div", Gy, [
+    return (o, l) => (t(), a("div", Uy, [
       (t(!0), a($, null, _(e.items, (c) => (t(), a("div", {
         key: c.label,
         class: "oc-block-stat"
@@ -8231,17 +8251,17 @@ const db = /* @__PURE__ */ f({
           to: c.to,
           suffix: c.suffix
         }, null, 8, ["to", "suffix"]),
-        s("span", Ky, i(c.label), 1)
+        s("span", Wy, i(c.label), 1)
       ]))), 128))
     ]));
   }
-}), Wy = { class: "oc-block-team" }, Jy = { class: "oc-user" }, Zy = { class: "oc-avatar" }, Qy = { class: "oc-user-text" }, Xy = { class: "oc-user-name" }, Yy = {
+}), Zy = { class: "oc-block-team" }, Qy = { class: "oc-user" }, Xy = { class: "oc-avatar" }, Yy = { class: "oc-user-text" }, eg = { class: "oc-user-name" }, tg = {
   key: 0,
   class: "oc-user-email"
-}, eg = { class: "oc-block-team-meta" }, tg = ["popovertarget", "aria-label"], ag = ["id"], og = {
+}, ag = { class: "oc-block-team-meta" }, og = ["popovertarget", "aria-label"], sg = ["id"], lg = {
   key: 0,
   class: "oc-dropdown-separator"
-}, sg = ["href", "onClick"], lg = ["onClick"], cg = /* @__PURE__ */ f({
+}, cg = ["href", "onClick"], ng = ["onClick"], ig = /* @__PURE__ */ f({
   __name: "OcBlockTeamList",
   props: {
     members: {},
@@ -8250,19 +8270,19 @@ const db = /* @__PURE__ */ f({
   emits: ["action"],
   setup(e) {
     const o = z("oc-team-menu");
-    return (l, c) => (t(), a("div", Wy, [
+    return (l, c) => (t(), a("div", Zy, [
       (t(!0), a($, null, _(e.members, (n, r) => (t(), a("div", {
         key: n.email ?? n.name,
         class: "oc-block-team-row"
       }, [
-        s("div", Jy, [
-          s("span", Zy, i(n.initials), 1),
-          s("span", Qy, [
-            s("span", Xy, i(n.name), 1),
-            n.email ? (t(), a("span", Yy, i(n.email), 1)) : d("", !0)
+        s("div", Qy, [
+          s("span", Xy, i(n.initials), 1),
+          s("span", Yy, [
+            s("span", eg, i(n.name), 1),
+            n.email ? (t(), a("span", tg, i(n.email), 1)) : d("", !0)
           ])
         ]),
-        s("div", eg, [
+        s("div", ag, [
           n.role ? (t(), a("span", {
             key: 0,
             class: g(["oc-badge", n.roleVariant && n.roleVariant !== "default" && `oc-badge--${n.roleVariant}`])
@@ -8274,7 +8294,7 @@ const db = /* @__PURE__ */ f({
               type: "button",
               popovertarget: `${y(o)}-${r}`,
               "aria-label": e.actionsLabel ?? "Member actions"
-            }, "…", 8, tg),
+            }, "…", 8, og),
             s("div", {
               id: `${y(o)}-${r}`,
               class: "oc-dropdown-menu",
@@ -8283,34 +8303,34 @@ const db = /* @__PURE__ */ f({
               (t(!0), a($, null, _(n.actions, (u) => (t(), a($, {
                 key: u.label
               }, [
-                u.separator ? (t(), a("div", og)) : d("", !0),
+                u.separator ? (t(), a("div", lg)) : d("", !0),
                 u.href ? (t(), a("a", {
                   key: 1,
                   class: "oc-dropdown-item",
                   href: u.href,
                   onClick: (h) => l.$emit("action", { member: n, action: u })
-                }, i(u.label), 9, sg)) : (t(), a("button", {
+                }, i(u.label), 9, cg)) : (t(), a("button", {
                   key: 2,
                   class: "oc-dropdown-item",
                   type: "button",
                   onClick: (h) => l.$emit("action", { member: n, action: u })
-                }, i(u.label), 9, lg))
+                }, i(u.label), 9, ng))
               ], 64))), 128))
-            ], 8, ag)
+            ], 8, sg)
           ], 64)) : d("", !0)
         ])
       ]))), 128))
     ]));
   }
-}), ng = { class: "oc-block-twofactor" }, ig = { class: "oc-block-twofactor-step" }, rg = { class: "oc-heading oc-heading--sm" }, dg = { class: "oc-heading-title" }, ug = {
+}), rg = { class: "oc-block-twofactor" }, dg = { class: "oc-block-twofactor-step" }, ug = { class: "oc-heading oc-heading--sm" }, mg = { class: "oc-heading-title" }, hg = {
   key: 0,
   class: "oc-heading-description"
-}, mg = { class: "oc-block-twofactor-center" }, hg = { class: "oc-block-twofactor-step" }, bg = { class: "oc-heading oc-heading--sm" }, fg = { class: "oc-heading-title" }, vg = { class: "oc-field" }, $g = ["for"], yg = {
+}, bg = { class: "oc-block-twofactor-center" }, fg = { class: "oc-block-twofactor-step" }, vg = { class: "oc-heading oc-heading--sm" }, $g = { class: "oc-heading-title" }, yg = { class: "oc-field" }, gg = ["for"], kg = {
   key: 0,
   class: "oc-block-twofactor-step"
-}, gg = /* @__PURE__ */ f({
+}, pg = /* @__PURE__ */ f({
   __name: "OcBlockTwoFactor",
-  props: /* @__PURE__ */ V({
+  props: /* @__PURE__ */ x({
     setupKey: {},
     recoveryCodes: {},
     length: { default: 6 },
@@ -8323,16 +8343,16 @@ const db = /* @__PURE__ */ f({
     modelValue: { default: "" },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ V(["submit"], ["update:modelValue"]),
-  setup(e) {
-    const o = x(e, "modelValue"), l = z("oc-twofactor-code");
-    return (c, n) => (t(), a("div", ng, [
-      s("section", ig, [
-        s("div", rg, [
-          s("h2", dg, i(e.scanTitle), 1),
-          e.scanText ? (t(), a("p", ug, i(e.scanText), 1)) : d("", !0)
+  emits: /* @__PURE__ */ x(["submit"], ["update:modelValue"]),
+  setup(e) {
+    const o = A(e, "modelValue"), l = z("oc-twofactor-code");
+    return (c, n) => (t(), a("div", rg, [
+      s("section", dg, [
+        s("div", ug, [
+          s("h2", mg, i(e.scanTitle), 1),
+          e.scanText ? (t(), a("p", hg, i(e.scanText), 1)) : d("", !0)
         ]),
-        s("div", mg, [
+        s("div", bg, [
           m(c.$slots, "qr", {}, () => [
             n[2] || (n[2] = s("div", {
               class: "oc-block-twofactor-qr",
@@ -8346,15 +8366,15 @@ const db = /* @__PURE__ */ f({
           }, null, 8, ["value"])
         ])
       ]),
-      s("section", hg, [
-        s("div", bg, [
-          s("h2", fg, i(e.confirmTitle), 1)
-        ]),
+      s("section", fg, [
         s("div", vg, [
+          s("h2", $g, i(e.confirmTitle), 1)
+        ]),
+        s("div", yg, [
           s("label", {
             class: "oc-field-label",
             for: y(l)
-          }, i(e.codeLabel), 9, $g),
+          }, i(e.codeLabel), 9, gg),
           Q(tt, {
             id: y(l),
             modelValue: o.value,
@@ -8369,14 +8389,14 @@ const db = /* @__PURE__ */ f({
           onClick: n[1] || (n[1] = (r) => c.$emit("submit", o.value))
         }, i(e.submitLabel), 1)
       ]),
-      e.recoveryCodes?.length ? (t(), a("section", yg, [
+      e.recoveryCodes?.length ? (t(), a("section", kg, [
         Q(ct, { codes: e.recoveryCodes }, null, 8, ["codes"])
       ])) : d("", !0)
     ]));
   }
-}), kg = ["aria-labelledby"], pg = { class: "oc-modal-content oc-modal-content--xl" }, wg = { class: "oc-block-wizard" }, Og = { class: "oc-block-wizard-rail" }, _g = { class: "oc-block-wizard-main" }, Bg = { class: "oc-modal-header" }, Cg = ["id"], Sg = { class: "oc-modal-description" }, Lg = { class: "oc-block-wizard-step" }, Mg = { class: "oc-modal-footer" }, Tg = ["disabled"], Vg = /* @__PURE__ */ f({
+}), wg = ["aria-labelledby"], Og = { class: "oc-modal-content oc-modal-content--xl" }, _g = { class: "oc-block-wizard" }, Bg = { class: "oc-block-wizard-rail" }, Cg = { class: "oc-block-wizard-main" }, Sg = { class: "oc-modal-header" }, Lg = ["id"], Mg = { class: "oc-modal-description" }, Tg = { class: "oc-block-wizard-step" }, Vg = { class: "oc-modal-footer" }, xg = ["disabled"], Ag = /* @__PURE__ */ f({
   __name: "OcBlockWizardDialog",
-  props: /* @__PURE__ */ V({
+  props: /* @__PURE__ */ x({
     steps: {},
     backLabel: { default: "Back" },
     nextLabel: { default: "Next" },
@@ -8389,9 +8409,9 @@ const db = /* @__PURE__ */ f({
     step: { default: 0 },
     stepModifiers: {}
   }),
-  emits: /* @__PURE__ */ V(["finish"], ["update:open", "update:step"]),
+  emits: /* @__PURE__ */ x(["finish"], ["update:open", "update:step"]),
   setup(e, { emit: o }) {
-    const l = e, c = o, n = x(e, "open"), r = x(e, "step"), u = U(null), { onClose: h } = re(n, u), b = z("oc-wizard-title"), B = M(() => r.value >= l.steps.length - 1), v = M(() => (l.stepText ?? ((w, p) => `Step ${w} of ${p}`))(r.value + 1, l.steps.length));
+    const l = e, c = o, n = A(e, "open"), r = A(e, "step"), u = U(null), { onClose: h } = re(n, u), b = z("oc-wizard-title"), B = T(() => r.value >= l.steps.length - 1), v = T(() => (l.stepText ?? ((w, p) => `Step ${w} of ${p}`))(r.value + 1, l.steps.length));
     function O() {
       B.value ? (c("finish"), n.value = !1) : r.value++;
     }
@@ -8402,27 +8422,27 @@ const db = /* @__PURE__ */ f({
       closedby: "closerequest",
       "aria-labelledby": y(b),
       onClose: p[2] || (p[2] = //@ts-ignore
-      (...T) => y(h) && y(h)(...T))
+      (...L) => y(h) && y(h)(...L))
     }, [
-      s("div", pg, [
-        s("div", wg, [
-          s("div", Og, [
+      s("div", Og, [
+        s("div", _g, [
+          s("div", Bg, [
             Q(nt, {
               modelValue: r.value,
-              "onUpdate:modelValue": p[0] || (p[0] = (T) => r.value = T),
+              "onUpdate:modelValue": p[0] || (p[0] = (L) => r.value = L),
               steps: e.steps,
               label: e.stepsLabel
             }, null, 8, ["modelValue", "steps", "label"])
           ]),
-          s("div", _g, [
-            s("div", Bg, [
+          s("div", Cg, [
+            s("div", Sg, [
               s("h2", {
                 id: y(b),
                 class: "oc-modal-title"
-              }, i(e.steps[r.value]?.label), 9, Cg),
-              s("p", Sg, i(v.value), 1)
+              }, i(e.steps[r.value]?.label), 9, Lg),
+              s("p", Mg, i(v.value), 1)
             ]),
-            s("div", Lg, [
+            s("div", Tg, [
               m(w.$slots, `step-${r.value}`, {
                 step: e.steps[r.value],
                 index: r.value
@@ -8433,13 +8453,13 @@ const db = /* @__PURE__ */ f({
                 })
               ])
             ]),
-            s("div", Mg, [
+            s("div", Vg, [
               s("button", {
                 class: "oc-btn oc-btn--outline",
                 type: "button",
                 disabled: r.value === 0,
-                onClick: p[1] || (p[1] = (T) => r.value--)
-              }, i(e.backLabel), 9, Tg),
+                onClick: p[1] || (p[1] = (L) => r.value--)
+              }, i(e.backLabel), 9, xg),
               s("button", {
                 class: "oc-btn",
                 type: "button",
@@ -8449,9 +8469,9 @@ const db = /* @__PURE__ */ f({
           ])
         ])
       ])
-    ], 40, kg));
+    ], 40, wg));
   }
-}), xg = {
+}), zg = {
   OcAccordion: _t,
   OcAccordionAccent: Bt,
   OcAccordionItem: Mt,
@@ -8586,47 +8606,47 @@ const db = /* @__PURE__ */ f({
   OcToggle: hb,
   OcToggleField: gb,
   OcToggleGroup: pb,
-  OcTooltip: Ob,
-  OcTopProgress: Bb,
-  OcTree: Hb,
-  OcUpgradeBanner: Xb,
-  OcUser: sf,
-  OcVersionBanner: rf,
-  OcBlockAboutTimeline: gf,
-  OcBlockAppHeader: Cf,
-  OcBlockAppShell: Vf,
-  OcBlockAuth: Pf,
-  OcBlockAuthSplit: Qf,
-  OcBlockContactGrid: l1,
-  OcBlockCta: d1,
-  OcBlockDataTable: k1,
-  OcBlockFaq: x1,
-  OcBlockFeatures: P1,
-  OcBlockFooter: R1,
-  OcBlockFormPage: U1,
-  OcBlockHero: Y1,
-  OcBlockHeroCode: mv,
-  OcBlockHeroOrbit: Bv,
-  OcBlockHeroSplit: Vv,
-  OcBlockModuleHeader: Ev,
-  OcBlockPageHero: Kv,
-  OcBlockPortfolioGrid: t$,
-  OcBlockPricing: m$,
-  OcBlockProcess: p$,
-  OcBlockProductGrid: I$,
-  OcBlockProfileHeader: K$,
-  OcBlockShowcase: ny,
-  OcBlockSiteFooter: wy,
-  OcBlockSiteHeader: My,
-  OcBlockSpotlight: Ey,
-  OcBlockStats: Ny,
-  OcBlockStatsCounter: Uy,
-  OcBlockTeamList: cg,
-  OcBlockTwoFactor: gg,
-  OcBlockWizardDialog: Vg
-}, zg = {
+  OcTooltip: Bb,
+  OcTopProgress: Sb,
+  OcTree: Nb,
+  OcUpgradeBanner: ef,
+  OcUser: cf,
+  OcVersionBanner: uf,
+  OcBlockAboutTimeline: pf,
+  OcBlockAppHeader: Lf,
+  OcBlockAppShell: Af,
+  OcBlockAuth: Ef,
+  OcBlockAuthSplit: Yf,
+  OcBlockContactGrid: n1,
+  OcBlockCta: m1,
+  OcBlockDataTable: w1,
+  OcBlockFaq: z1,
+  OcBlockFeatures: E1,
+  OcBlockFooter: G1,
+  OcBlockFormPage: J1,
+  OcBlockHero: tv,
+  OcBlockHeroCode: bv,
+  OcBlockHeroOrbit: Sv,
+  OcBlockHeroSplit: Av,
+  OcBlockModuleHeader: Hv,
+  OcBlockPageHero: Wv,
+  OcBlockPortfolioGrid: o$,
+  OcBlockPricing: b$,
+  OcBlockProcess: O$,
+  OcBlockProductGrid: P$,
+  OcBlockProfileHeader: W$,
+  OcBlockShowcase: ry,
+  OcBlockSiteFooter: _y,
+  OcBlockSiteHeader: Vy,
+  OcBlockSpotlight: Hy,
+  OcBlockStats: Ky,
+  OcBlockStatsCounter: Jy,
+  OcBlockTeamList: ig,
+  OcBlockTwoFactor: pg,
+  OcBlockWizardDialog: Ag
+}, Ig = {
   install(e) {
-    for (const [o, l] of Object.entries(xg)) e.component(o, l);
+    for (const [o, l] of Object.entries(zg)) e.component(o, l);
   }
 };
 export {
@@ -8647,38 +8667,38 @@ export {
   fa as OcBackLink,
   va as OcBadge,
   pa as OcBarcodeInput,
-  gf as OcBlockAboutTimeline,
-  Cf as OcBlockAppHeader,
-  Vf as OcBlockAppShell,
-  Pf as OcBlockAuth,
-  Qf as OcBlockAuthSplit,
-  l1 as OcBlockContactGrid,
-  d1 as OcBlockCta,
-  k1 as OcBlockDataTable,
-  x1 as OcBlockFaq,
-  P1 as OcBlockFeatures,
-  R1 as OcBlockFooter,
-  U1 as OcBlockFormPage,
-  Y1 as OcBlockHero,
-  mv as OcBlockHeroCode,
-  Bv as OcBlockHeroOrbit,
-  Vv as OcBlockHeroSplit,
-  Ev as OcBlockModuleHeader,
-  Kv as OcBlockPageHero,
-  t$ as OcBlockPortfolioGrid,
-  m$ as OcBlockPricing,
-  p$ as OcBlockProcess,
-  I$ as OcBlockProductGrid,
-  K$ as OcBlockProfileHeader,
-  ny as OcBlockShowcase,
-  wy as OcBlockSiteFooter,
-  My as OcBlockSiteHeader,
-  Ey as OcBlockSpotlight,
-  Ny as OcBlockStats,
-  Uy as OcBlockStatsCounter,
-  cg as OcBlockTeamList,
-  gg as OcBlockTwoFactor,
-  Vg as OcBlockWizardDialog,
+  pf as OcBlockAboutTimeline,
+  Lf as OcBlockAppHeader,
+  Af as OcBlockAppShell,
+  Ef as OcBlockAuth,
+  Yf as OcBlockAuthSplit,
+  n1 as OcBlockContactGrid,
+  m1 as OcBlockCta,
+  w1 as OcBlockDataTable,
+  z1 as OcBlockFaq,
+  E1 as OcBlockFeatures,
+  G1 as OcBlockFooter,
+  J1 as OcBlockFormPage,
+  tv as OcBlockHero,
+  bv as OcBlockHeroCode,
+  Sv as OcBlockHeroOrbit,
+  Av as OcBlockHeroSplit,
+  Hv as OcBlockModuleHeader,
+  Wv as OcBlockPageHero,
+  o$ as OcBlockPortfolioGrid,
+  b$ as OcBlockPricing,
+  O$ as OcBlockProcess,
+  P$ as OcBlockProductGrid,
+  W$ as OcBlockProfileHeader,
+  ry as OcBlockShowcase,
+  _y as OcBlockSiteFooter,
+  Vy as OcBlockSiteHeader,
+  Hy as OcBlockSpotlight,
+  Ky as OcBlockStats,
+  Jy as OcBlockStatsCounter,
+  ig as OcBlockTeamList,
+  pg as OcBlockTwoFactor,
+  Ag as OcBlockWizardDialog,
   Ba as OcBreadcrumb,
   Aa as OcBrowserFrame,
   Fa as OcBusyOverlay,
@@ -8796,15 +8816,15 @@ export {
   hb as OcToggle,
   gb as OcToggleField,
   pb as OcToggleGroup,
-  Ob as OcTooltip,
-  Bb as OcTopProgress,
-  Hb as OcTree,
-  Xb as OcUpgradeBanner,
-  sf as OcUser,
-  rf as OcVersionBanner,
-  zg as OmniaVue,
-  xg as components,
-  zg as default,
+  Bb as OcTooltip,
+  Sb as OcTopProgress,
+  Nb as OcTree,
+  ef as OcUpgradeBanner,
+  cf as OcUser,
+  uf as OcVersionBanner,
+  Ig as OmniaVue,
+  zg as components,
+  Ig as default,
   rb as useToast,
   z as useUid
 };