@octaviaflow/core 3.1.0-beta.113 → 3.1.0-beta.115

package/dist/marketing.cjs

@@ -223,7 +223,6 @@ function mergeProps(slotProps, childProps) {
         ...slotValue,
         ...childValue
       };
-      continue;
     }
   }
   return merged;
@@ -495,6 +494,7 @@ var Input = (0, import_react4.forwardRef)(
 Input.displayName = "Input";
 
 // src/components/Select/Select.tsx
+var import_icons2 = require("@octaviaflow/icons");
 var import_framer_motion3 = require("framer-motion");
 var import_react16 = require("react");
 var import_react_aria3 = require("react-aria");
@@ -1735,9 +1735,6 @@ function $3834487504f4fc00$export$4d40659c25ecb50b(props = {}) {
   };
 }
 
-// src/components/Select/Select.tsx
-var import_icons2 = require("@octaviaflow/icons");
-
 // src/components/Tooltip/Tooltip.tsx
 var import_framer_motion2 = require("framer-motion");
 var import_react15 = require("react");
@@ -1781,14 +1778,8 @@ function computePosition(rect, tipRect, position, offset, viewport) {
   const flipped = tryAt(FLIP[position]);
   if (flipped.fits) return flipped;
   const fallback = preferred;
-  const clampedLeft = Math.max(
-    4,
-    Math.min(fallback.left, viewport.width - tipRect.width - 4)
-  );
-  const clampedTop = Math.max(
-    4,
-    Math.min(fallback.top, viewport.height - tipRect.height - 4)
-  );
+  const clampedLeft = Math.max(4, Math.min(fallback.left, viewport.width - tipRect.width - 4));
+  const clampedTop = Math.max(4, Math.min(fallback.top, viewport.height - tipRect.height - 4));
   return { top: clampedTop, left: clampedLeft, position: fallback.position };
 }
 var animVariants = {
@@ -1910,25 +1901,16 @@ function Tooltip({
   const tooltipId = providedId ?? `ods-tooltip-${reactId}`;
   const triggerRef = (0, import_react15.useRef)(null);
   const state = $3834487504f4fc00$export$4d40659c25ecb50b({ delay });
-  const { triggerProps } = (0, import_react_aria2.useTooltipTrigger)(
-    { delay, isDisabled: disabled },
-    state,
-    triggerRef
-  );
+  const { triggerProps } = (0, import_react_aria2.useTooltipTrigger)({ delay, isDisabled: disabled }, state, triggerRef);
   if (!(0, import_react15.isValidElement)(children)) {
     return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_jsx_runtime5.Fragment, { children });
   }
   const childProps = children.props;
   const childRef = childProps.ref ?? children.ref;
   const merged = { ...childProps };
-  for (const [key, value] of Object.entries(
-    triggerProps
-  )) {
+  for (const [key, value] of Object.entries(triggerProps)) {
     if (key.startsWith("on") && typeof value === "function") {
-      merged[key] = mergeHandler(
-        childProps[key],
-        value
-      );
+      merged[key] = mergeHandler(childProps[key], value);
     } else {
       merged[key] = value;
     }
@@ -1965,12 +1947,7 @@ function OverflowTooltip({
 }
 function ListBox(props) {
   const ref = (0, import_react16.useRef)(null);
-  const {
-    listBoxRef = ref,
-    state,
-    showCheckmark,
-    showOverflowTooltips
-  } = props;
+  const { listBoxRef = ref, state, showCheckmark, showOverflowTooltips } = props;
   const { listBoxProps } = (0, import_react_aria3.useListBox)(props, state, listBoxRef);
   return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("ul", { ...listBoxProps, ref: listBoxRef, className: "ods-select__options", children: [...state.collection].map((item) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
     Option,
@@ -2002,34 +1979,27 @@ function Option({
     /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("br", {}),
     /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { style: { opacity: 0.75 }, children: option.description })
   ] }) : option?.label;
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-    OverflowTooltip,
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(OverflowTooltip, { enabled: !!showOverflowTooltips, content: tooltipContent, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+    "li",
     {
-      enabled: !!showOverflowTooltips,
-      content: tooltipContent,
-      children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
-        "li",
-        {
-          ...optionProps,
-          ref,
-          className: cn(
-            "ods-select__option",
-            isFocused && "ods-select__option--highlighted",
-            isSelected && "ods-select__option--selected",
-            isDisabled && "ods-select__option--disabled"
-          ),
-          children: [
-            option?.icon && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "ods-select__option-icon", children: option.icon }),
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "ods-select__option-text", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "ods-select__option-label", children: item.rendered }),
-              option?.description && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "ods-select__option-desc", children: option.description })
-            ] }),
-            isSelected && showCheckmark && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "ods-select__check", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_icons2.CheckmarkIcon, { size: "xs", tone: "accent" }) })
-          ]
-        }
-      )
+      ...optionProps,
+      ref,
+      className: cn(
+        "ods-select__option",
+        isFocused && "ods-select__option--highlighted",
+        isSelected && "ods-select__option--selected",
+        isDisabled && "ods-select__option--disabled"
+      ),
+      children: [
+        option?.icon && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "ods-select__option-icon", children: option.icon }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "ods-select__option-text", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "ods-select__option-label", children: item.rendered }),
+          option?.description && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "ods-select__option-desc", children: option.description })
+        ] }),
+        isSelected && showCheckmark && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "ods-select__check", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_icons2.CheckmarkIcon, { size: "xs", tone: "accent" }) })
+      ]
     }
-  );
+  ) });
 }
 var DEFAULT_SELECT_PLACEHOLDER = "Select an option...";
 var Select = (0, import_react16.forwardRef)(function Select2({
@@ -2068,8 +2038,7 @@ var Select = (0, import_react16.forwardRef)(function Select2({
   const setTriggerRef = (node) => {
     triggerRef.current = node;
     if (typeof forwardedRef === "function") forwardedRef(node);
-    else if (forwardedRef)
-      forwardedRef.current = node;
+    else if (forwardedRef) forwardedRef.current = node;
   };
   const reactId = (0, import_react16.useId)();
   const baseId = providedId ?? `ods-select-${reactId}`;
@@ -2229,10 +2198,7 @@ var Select = (0, import_react16.forwardRef)(function Select2({
               /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
                 "span",
                 {
-                  className: cn(
-                    "ods-select__chevron",
-                    state.isOpen && "ods-select__chevron--open"
-                  ),
+                  className: cn("ods-select__chevron", state.isOpen && "ods-select__chevron--open"),
                   "aria-hidden": "true",
                   children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_icons2.ChevronDownIcon, { size: "xs" })
                 }
@@ -2305,15 +2271,7 @@ var Select = (0, import_react16.forwardRef)(function Select2({
           ) }),
           document.body
         ),
-        error && errorMessage ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-          "span",
-          {
-            id: hintId,
-            className: "ods-select__error",
-            role: "alert",
-            children: errorMessage
-          }
-        ) : helperText ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { id: hintId, className: "ods-select__hint", children: helperText }) : null
+        error && errorMessage ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { id: hintId, className: "ods-select__error", role: "alert", children: errorMessage }) : helperText ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { id: hintId, className: "ods-select__hint", children: helperText }) : null
       ]
     }
   );
@@ -2321,10 +2279,10 @@ var Select = (0, import_react16.forwardRef)(function Select2({
 Select.displayName = "Select";
 
 // src/components/Textarea/Textarea.tsx
+var import_icons4 = require("@octaviaflow/icons");
 var import_react20 = require("react");
 var import_react_aria4 = require("react-aria");
 var import_react_dom3 = require("react-dom");
-var import_icons4 = require("@octaviaflow/icons");
 
 // src/hooks/useTextareaCommands.ts
 var import_react17 = require("react");
@@ -2410,9 +2368,7 @@ function useTextareaCommands({
   const [activeIndex, setActiveIndex] = (0, import_react17.useState)(0);
   const [triggerIndex, setTriggerIndex] = (0, import_react17.useState)(null);
   const [caretRect, setCaretRect] = (0, import_react17.useState)(null);
-  const dismissedAtRef = (0, import_react17.useRef)(
-    null
-  );
+  const dismissedAtRef = (0, import_react17.useRef)(null);
   const items = (0, import_react17.useMemo)(() => {
     const q = query.trim().toLowerCase();
     if (!q) return commands.slice(0, maxItems);
@@ -2611,31 +2567,28 @@ function useTextareaSelection({
   }, [textareaRef]);
   const active = start !== end;
   const text = active ? value.slice(start, end) : "";
-  const writeToClipboard = (0, import_react18.useCallback)(
-    async (str) => {
-      try {
-        if (typeof navigator !== "undefined" && navigator.clipboard?.writeText) {
-          await navigator.clipboard.writeText(str);
-          return true;
-        }
-      } catch {
-      }
-      try {
-        const tmp = document.createElement("textarea");
-        tmp.value = str;
-        tmp.style.position = "fixed";
-        tmp.style.left = "-9999px";
-        document.body.appendChild(tmp);
-        tmp.select();
-        const ok = document.execCommand("copy");
-        document.body.removeChild(tmp);
-        return ok;
-      } catch {
-        return false;
+  const writeToClipboard = (0, import_react18.useCallback)(async (str) => {
+    try {
+      if (typeof navigator !== "undefined" && navigator.clipboard?.writeText) {
+        await navigator.clipboard.writeText(str);
+        return true;
       }
-    },
-    []
-  );
+    } catch {
+    }
+    try {
+      const tmp = document.createElement("textarea");
+      tmp.value = str;
+      tmp.style.position = "fixed";
+      tmp.style.left = "-9999px";
+      document.body.appendChild(tmp);
+      tmp.select();
+      const ok = document.execCommand("copy");
+      document.body.removeChild(tmp);
+      return ok;
+    } catch {
+      return false;
+    }
+  }, []);
   const copy = (0, import_react18.useCallback)(async () => {
     if (!active) return false;
     return writeToClipboard(text);
@@ -2765,10 +2718,7 @@ function useTextareaTools({
       onChange(next);
       requestAnimationFrame(() => {
         ta.focus();
-        ta.setSelectionRange(
-          lineStart,
-          lineStart + updated.length
-        );
+        ta.setSelectionRange(lineStart, lineStart + updated.length);
       });
     };
     const undo = () => {
@@ -2819,346 +2769,305 @@ function useTextareaTools({
 
 // src/components/Textarea/Textarea.tsx
 var import_jsx_runtime8 = require("react/jsx-runtime");
-var Textarea = (0, import_react20.forwardRef)(
-  function Textarea2({
-    label,
-    error = false,
-    errorMessage,
-    helperText,
-    resize = "vertical",
-    autoResize = false,
-    minRows,
-    maxRows,
-    maxHeight,
-    maxWidth,
-    minHeight,
-    minWidth,
-    maxLength,
-    size = "md",
-    rows = 3,
-    disabled = false,
-    className,
-    style: consumerStyle,
-    defaultValue,
-    value,
-    onChange,
-    id: providedId,
-    commands,
-    commandTrigger = "/",
-    selectionToolbar = false,
-    selectionActions,
-    tools,
-    toolbarPosition = "top",
-    ...props
-  }, forwardedRef) {
-    const innerRef = (0, import_react20.useRef)(null);
-    const setRef = (node) => {
-      innerRef.current = node;
-      if (typeof forwardedRef === "function") forwardedRef(node);
-      else if (forwardedRef)
-        forwardedRef.current = node;
-    };
-    const reactId = (0, import_react20.useId)();
-    const baseId = providedId ?? `ods-textarea-${reactId}`;
-    const hintId = error && errorMessage || helperText ? `${baseId}-hint` : void 0;
-    const [charCount, setCharCount] = (0, import_react20.useState)(
-      () => String(value ?? defaultValue ?? "").length
-    );
-    const ariaNameProps = resolveAccessibleName({
+var Textarea = (0, import_react20.forwardRef)(function Textarea2({
+  label,
+  error = false,
+  errorMessage,
+  helperText,
+  resize = "vertical",
+  autoResize = false,
+  minRows,
+  maxRows,
+  maxHeight,
+  maxWidth,
+  minHeight,
+  minWidth,
+  maxLength,
+  size = "md",
+  rows = 3,
+  disabled = false,
+  className,
+  style: consumerStyle,
+  defaultValue,
+  value,
+  onChange,
+  id: providedId,
+  commands,
+  commandTrigger = "/",
+  selectionToolbar = false,
+  selectionActions,
+  tools,
+  toolbarPosition = "top",
+  ...props
+}, forwardedRef) {
+  const innerRef = (0, import_react20.useRef)(null);
+  const setRef = (node) => {
+    innerRef.current = node;
+    if (typeof forwardedRef === "function") forwardedRef(node);
+    else if (forwardedRef) forwardedRef.current = node;
+  };
+  const reactId = (0, import_react20.useId)();
+  const baseId = providedId ?? `ods-textarea-${reactId}`;
+  const hintId = error && errorMessage || helperText ? `${baseId}-hint` : void 0;
+  const [charCount, setCharCount] = (0, import_react20.useState)(() => String(value ?? defaultValue ?? "").length);
+  const ariaNameProps = resolveAccessibleName({
+    label: typeof label === "string" ? label : void 0,
+    ariaLabel: props["aria-label"],
+    ariaLabelledby: props["aria-labelledby"],
+    componentName: "Textarea"
+  });
+  const { labelProps, inputProps } = (0, import_react_aria4.useTextField)(
+    {
       label: typeof label === "string" ? label : void 0,
-      ariaLabel: props["aria-label"],
-      ariaLabelledby: props["aria-labelledby"],
-      componentName: "Textarea"
-    });
-    const { labelProps, inputProps } = (0, import_react_aria4.useTextField)(
-      {
-        label: typeof label === "string" ? label : void 0,
-        ...ariaNameProps,
-        isDisabled: disabled,
-        errorMessage: typeof errorMessage === "string" ? errorMessage : void 0,
-        validationState: error ? "invalid" : void 0,
-        inputElementType: "textarea",
-        value,
-        defaultValue
-      },
-      innerRef
-    );
-    const describedBy = [
-      props["aria-describedby"],
-      hintId
-    ].filter(Boolean).join(" ") || void 0;
-    const handleChange = (e) => {
-      setCharCount(e.target.value.length);
-      onChange?.(e);
-    };
-    const [liveValue, setLiveValue] = (0, import_react20.useState)(
-      String(value ?? defaultValue ?? "")
-    );
-    (0, import_react20.useEffect)(() => {
-      if (value != null) setLiveValue(String(value));
-    }, [value]);
-    const handleChangeWithMirror = (e) => {
-      setLiveValue(e.target.value);
-      handleChange(e);
-    };
-    const setLiveAndCommit = (next) => {
-      setLiveValue(next);
-      if (innerRef.current) innerRef.current.value = next;
-      onChange?.({
-        target: innerRef.current,
-        currentTarget: innerRef.current
-      });
-      setCharCount(next.length);
-    };
-    const cmdPalette = useTextareaCommands({
-      textareaRef: innerRef,
-      value: liveValue,
-      onChange: setLiveAndCommit,
-      commands: commands ?? [],
-      trigger: commandTrigger
-    });
-    const cmdEnabled = (commands?.length ?? 0) > 0;
-    const sel = useTextareaSelection({
-      textareaRef: innerRef,
-      value: liveValue,
-      onChange: setLiveAndCommit
-    });
-    const toolbar = useTextareaTools({
-      textareaRef: innerRef,
-      value: liveValue,
-      onChange: setLiveAndCommit,
-      tools: tools ?? []
+      ...ariaNameProps,
+      isDisabled: disabled,
+      errorMessage: typeof errorMessage === "string" ? errorMessage : void 0,
+      validationState: error ? "invalid" : void 0,
+      inputElementType: "textarea",
+      value,
+      defaultValue
+    },
+    innerRef
+  );
+  const describedBy = [props["aria-describedby"], hintId].filter(Boolean).join(" ") || void 0;
+  const handleChange = (e) => {
+    setCharCount(e.target.value.length);
+    onChange?.(e);
+  };
+  const [liveValue, setLiveValue] = (0, import_react20.useState)(String(value ?? defaultValue ?? ""));
+  (0, import_react20.useEffect)(() => {
+    if (value != null) setLiveValue(String(value));
+  }, [value]);
+  const handleChangeWithMirror = (e) => {
+    setLiveValue(e.target.value);
+    handleChange(e);
+  };
+  const setLiveAndCommit = (next) => {
+    setLiveValue(next);
+    if (innerRef.current) innerRef.current.value = next;
+    onChange?.({
+      target: innerRef.current,
+      currentTarget: innerRef.current
     });
-    const toolbarEnabled = (tools?.length ?? 0) > 0;
-    const handleKeyDownWithCommands = (e) => {
-      if (cmdEnabled) {
-        const consumed = cmdPalette.onKeyDown(e);
-        if (consumed) return;
-      }
-      props.onKeyDown?.(e);
-    };
-    (0, import_react20.useEffect)(() => {
-      if (!autoResize) return;
-      const el = innerRef.current;
-      if (!el) return;
-      const computed = window.getComputedStyle(el);
-      const fontSize = parseFloat(computed.fontSize) || 16;
-      const lhRaw = computed.lineHeight;
-      const lh = lhRaw === "normal" ? fontSize * 1.2 : lhRaw.endsWith("px") ? parseFloat(lhRaw) : parseFloat(lhRaw) * fontSize;
-      const padding = parseFloat(computed.paddingTop) + parseFloat(computed.paddingBottom);
-      const rowCap = maxRows != null && Number.isFinite(maxRows) ? lh * maxRows + padding : Number.POSITIVE_INFINITY;
-      const pixelCap = typeof maxHeight === "number" ? maxHeight : Number.POSITIVE_INFINITY;
-      const effectiveMax = Math.min(rowCap, pixelCap);
-      const rowFloor = lh * (minRows ?? rows) + padding;
-      el.style.height = "auto";
-      const target = Math.max(
-        rowFloor,
-        Math.min(effectiveMax, el.scrollHeight)
-      );
-      el.style.height = `${target}px`;
-      el.style.overflowY = el.scrollHeight > effectiveMax ? "auto" : "hidden";
-    }, [autoResize, value, defaultValue, minRows, maxRows, maxHeight, rows]);
-    const resolvedResize = typeof resize === "boolean" ? resize ? "vertical" : "none" : resize;
-    const toCss = (v) => v == null ? void 0 : typeof v === "number" ? `${v}px` : v;
-    const fieldStyle = {
-      maxHeight: toCss(maxHeight),
-      maxWidth: toCss(maxWidth),
-      minHeight: toCss(minHeight),
-      minWidth: toCss(minWidth),
-      resize: resolvedResize
-    };
-    return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
-      "div",
-      {
-        className: cn(
-          "ods-textarea",
-          `ods-textarea--${size}`,
-          `ods-textarea--resize-${resolvedResize}`,
-          autoResize && "ods-textarea--auto-resize",
-          error && "ods-textarea--error",
-          disabled && "ods-textarea--disabled",
-          className
-        ),
-        style: consumerStyle,
-        children: [
-          label && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-            "label",
-            {
-              ...labelProps,
-              htmlFor: baseId,
-              className: "ods-textarea__label",
-              children: label
-            }
-          ),
-          toolbarEnabled && toolbarPosition === "top" && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-            TextareaToolbar,
+    setCharCount(next.length);
+  };
+  const cmdPalette = useTextareaCommands({
+    textareaRef: innerRef,
+    value: liveValue,
+    onChange: setLiveAndCommit,
+    commands: commands ?? [],
+    trigger: commandTrigger
+  });
+  const cmdEnabled = (commands?.length ?? 0) > 0;
+  const sel = useTextareaSelection({
+    textareaRef: innerRef,
+    value: liveValue,
+    onChange: setLiveAndCommit
+  });
+  const toolbar = useTextareaTools({
+    textareaRef: innerRef,
+    value: liveValue,
+    onChange: setLiveAndCommit,
+    tools: tools ?? []
+  });
+  const toolbarEnabled = (tools?.length ?? 0) > 0;
+  const handleKeyDownWithCommands = (e) => {
+    if (cmdEnabled) {
+      const consumed = cmdPalette.onKeyDown(e);
+      if (consumed) return;
+    }
+    props.onKeyDown?.(e);
+  };
+  (0, import_react20.useEffect)(() => {
+    if (!autoResize) return;
+    const el = innerRef.current;
+    if (!el) return;
+    const computed = window.getComputedStyle(el);
+    const fontSize = parseFloat(computed.fontSize) || 16;
+    const lhRaw = computed.lineHeight;
+    const lh = lhRaw === "normal" ? fontSize * 1.2 : lhRaw.endsWith("px") ? parseFloat(lhRaw) : parseFloat(lhRaw) * fontSize;
+    const padding = parseFloat(computed.paddingTop) + parseFloat(computed.paddingBottom);
+    const rowCap = maxRows != null && Number.isFinite(maxRows) ? lh * maxRows + padding : Number.POSITIVE_INFINITY;
+    const pixelCap = typeof maxHeight === "number" ? maxHeight : Number.POSITIVE_INFINITY;
+    const effectiveMax = Math.min(rowCap, pixelCap);
+    const rowFloor = lh * (minRows ?? rows) + padding;
+    el.style.height = "auto";
+    const target = Math.max(rowFloor, Math.min(effectiveMax, el.scrollHeight));
+    el.style.height = `${target}px`;
+    el.style.overflowY = el.scrollHeight > effectiveMax ? "auto" : "hidden";
+  }, [autoResize, value, defaultValue, minRows, maxRows, maxHeight, rows]);
+  const resolvedResize = typeof resize === "boolean" ? resize ? "vertical" : "none" : resize;
+  const toCss = (v) => v == null ? void 0 : typeof v === "number" ? `${v}px` : v;
+  const fieldStyle = {
+    maxHeight: toCss(maxHeight),
+    maxWidth: toCss(maxWidth),
+    minHeight: toCss(minHeight),
+    minWidth: toCss(minWidth),
+    resize: resolvedResize
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+    "div",
+    {
+      className: cn(
+        "ods-textarea",
+        `ods-textarea--${size}`,
+        `ods-textarea--resize-${resolvedResize}`,
+        autoResize && "ods-textarea--auto-resize",
+        error && "ods-textarea--error",
+        disabled && "ods-textarea--disabled",
+        className
+      ),
+      style: consumerStyle,
+      children: [
+        label && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("label", { ...labelProps, htmlFor: baseId, className: "ods-textarea__label", children: label }),
+        toolbarEnabled && toolbarPosition === "top" && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(TextareaToolbar, { tools: toolbar.tools, onRun: toolbar.runTool }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "ods-textarea__wrapper", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+            "textarea",
             {
-              tools: toolbar.tools,
-              onRun: toolbar.runTool
+              ...props,
+              ...inputProps,
+              ref: setRef,
+              id: baseId,
+              rows: autoResize ? minRows ?? rows : rows,
+              disabled,
+              maxLength,
+              defaultValue,
+              value,
+              onChange: handleChangeWithMirror,
+              onKeyDown: handleKeyDownWithCommands,
+              className: "ods-textarea__field",
+              style: fieldStyle,
+              "aria-invalid": error || void 0,
+              "aria-describedby": describedBy,
+              "aria-autocomplete": cmdEnabled ? "list" : void 0,
+              "aria-expanded": cmdEnabled ? cmdPalette.isOpen : void 0,
+              "aria-controls": cmdEnabled && cmdPalette.isOpen ? `${baseId}-cmd-list` : void 0,
+              "aria-activedescendant": cmdEnabled && cmdPalette.isOpen && cmdPalette.items[cmdPalette.activeIndex] ? `${baseId}-cmd-${cmdPalette.items[cmdPalette.activeIndex].id}` : void 0
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "ods-textarea__wrapper", children: [
+          cmdEnabled && cmdPalette.isOpen && cmdPalette.items.length > 0 && typeof document !== "undefined" && (0, import_react_dom3.createPortal)(
             /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-              "textarea",
+              "ul",
               {
-                ...props,
-                ...inputProps,
-                ref: setRef,
-                id: baseId,
-                rows: autoResize ? minRows ?? rows : rows,
-                disabled,
-                maxLength,
-                defaultValue,
-                value,
-                onChange: handleChangeWithMirror,
-                onKeyDown: handleKeyDownWithCommands,
-                className: "ods-textarea__field",
-                style: fieldStyle,
-                "aria-invalid": error || void 0,
-                "aria-describedby": describedBy,
-                "aria-autocomplete": cmdEnabled ? "list" : void 0,
-                "aria-expanded": cmdEnabled ? cmdPalette.isOpen : void 0,
-                "aria-controls": cmdEnabled && cmdPalette.isOpen ? `${baseId}-cmd-list` : void 0,
-                "aria-activedescendant": cmdEnabled && cmdPalette.isOpen && cmdPalette.items[cmdPalette.activeIndex] ? `${baseId}-cmd-${cmdPalette.items[cmdPalette.activeIndex].id}` : void 0
+                id: `${baseId}-cmd-list`,
+                role: "listbox",
+                "aria-label": "Inline commands",
+                className: "ods-textarea__cmd-popover",
+                style: {
+                  position: "fixed",
+                  top: (cmdPalette.caretRect?.bottom ?? 0) + 6,
+                  left: cmdPalette.caretRect?.left ?? 0
+                },
+                children: cmdPalette.items.map((c, i) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+                  "li",
+                  {
+                    id: `${baseId}-cmd-${c.id}`,
+                    role: "option",
+                    "aria-selected": i === cmdPalette.activeIndex,
+                    className: cn(
+                      "ods-textarea__cmd-item",
+                      i === cmdPalette.activeIndex && "ods-textarea__cmd-item--active"
+                    ),
+                    onMouseDown: (e) => {
+                      e.preventDefault();
+                      cmdPalette.commit(c);
+                    },
+                    onMouseEnter: () => {
+                    },
+                    children: [
+                      c.icon && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "ods-textarea__cmd-icon", children: c.icon }),
+                      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { className: "ods-textarea__cmd-text", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "ods-textarea__cmd-label", children: c.label }),
+                        c.description && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "ods-textarea__cmd-desc", children: c.description })
+                      ] })
+                    ]
+                  },
+                  c.id
+                ))
               }
             ),
-            cmdEnabled && cmdPalette.isOpen && cmdPalette.items.length > 0 && typeof document !== "undefined" && (0, import_react_dom3.createPortal)(
-              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-                "ul",
-                {
-                  id: `${baseId}-cmd-list`,
-                  role: "listbox",
-                  "aria-label": "Inline commands",
-                  className: "ods-textarea__cmd-popover",
-                  style: {
-                    position: "fixed",
-                    top: (cmdPalette.caretRect?.bottom ?? 0) + 6,
-                    left: cmdPalette.caretRect?.left ?? 0
-                  },
-                  children: cmdPalette.items.map((c, i) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
-                    "li",
+            document.body
+          ),
+          selectionToolbar && sel.active && sel.rect && typeof document !== "undefined" && (0, import_react_dom3.createPortal)(
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+              "div",
+              {
+                role: "toolbar",
+                "aria-label": "Selection actions",
+                className: "ods-textarea__sel-toolbar",
+                style: {
+                  position: "fixed",
+                  top: sel.rect.top - 36,
+                  left: sel.rect.left
+                },
+                onMouseDown: (e) => e.preventDefault(),
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+                    "button",
+                    {
+                      type: "button",
+                      className: "ods-textarea__sel-btn",
+                      onClick: () => sel.copy(),
+                      "aria-label": "Copy selection",
+                      title: "Copy",
+                      children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_icons4.CopyIcon, { size: "xs" })
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+                    "button",
                     {
-                      id: `${baseId}-cmd-${c.id}`,
-                      role: "option",
-                      "aria-selected": i === cmdPalette.activeIndex,
-                      className: cn(
-                        "ods-textarea__cmd-item",
-                        i === cmdPalette.activeIndex && "ods-textarea__cmd-item--active"
-                      ),
-                      onMouseDown: (e) => {
-                        e.preventDefault();
-                        cmdPalette.commit(c);
-                      },
-                      onMouseEnter: () => {
-                      },
+                      type: "button",
+                      className: "ods-textarea__sel-btn",
+                      onClick: () => sel.cut(),
+                      "aria-label": "Cut selection",
+                      title: "Cut",
+                      children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_icons4.CutIcon, { size: "xs" })
+                    }
+                  ),
+                  selectionActions?.map((a) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+                    "button",
+                    {
+                      type: "button",
+                      className: "ods-textarea__sel-btn",
+                      onClick: () => a.onAction(sel.text, {
+                        replace: sel.replace,
+                        wrap: sel.wrap,
+                        copy: sel.copy,
+                        cut: sel.cut
+                      }),
+                      title: typeof a.label === "string" ? a.label : void 0,
                       children: [
-                        c.icon && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "ods-textarea__cmd-icon", children: c.icon }),
-                        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { className: "ods-textarea__cmd-text", children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "ods-textarea__cmd-label", children: c.label }),
-                          c.description && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "ods-textarea__cmd-desc", children: c.description })
-                        ] })
+                        a.icon,
+                        a.label && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "ods-textarea__sel-btn-label", children: a.label })
                       ]
                     },
-                    c.id
+                    a.id
                   ))
-                }
-              ),
-              document.body
-            ),
-            selectionToolbar && sel.active && sel.rect && typeof document !== "undefined" && (0, import_react_dom3.createPortal)(
-              /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
-                "div",
-                {
-                  role: "toolbar",
-                  "aria-label": "Selection actions",
-                  className: "ods-textarea__sel-toolbar",
-                  style: {
-                    position: "fixed",
-                    top: sel.rect.top - 36,
-                    left: sel.rect.left
-                  },
-                  onMouseDown: (e) => e.preventDefault(),
-                  children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-                      "button",
-                      {
-                        type: "button",
-                        className: "ods-textarea__sel-btn",
-                        onClick: () => sel.copy(),
-                        "aria-label": "Copy selection",
-                        title: "Copy",
-                        children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_icons4.CopyIcon, { size: "xs" })
-                      }
-                    ),
-                    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-                      "button",
-                      {
-                        type: "button",
-                        className: "ods-textarea__sel-btn",
-                        onClick: () => sel.cut(),
-                        "aria-label": "Cut selection",
-                        title: "Cut",
-                        children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_icons4.CutIcon, { size: "xs" })
-                      }
-                    ),
-                    selectionActions?.map((a) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
-                      "button",
-                      {
-                        type: "button",
-                        className: "ods-textarea__sel-btn",
-                        onClick: () => a.onAction(sel.text, {
-                          replace: sel.replace,
-                          wrap: sel.wrap,
-                          copy: sel.copy,
-                          cut: sel.cut
-                        }),
-                        title: typeof a.label === "string" ? a.label : void 0,
-                        children: [
-                          a.icon,
-                          a.label && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "ods-textarea__sel-btn-label", children: a.label })
-                        ]
-                      },
-                      a.id
-                    ))
-                  ]
-                }
-              ),
-              document.body
-            ),
-            maxLength != null && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
-              "span",
-              {
-                className: "ods-textarea__count",
-                "aria-live": charCount > maxLength ? "polite" : "off",
-                children: [
-                  charCount,
-                  "/",
-                  maxLength
                 ]
               }
-            )
-          ] }),
-          toolbarEnabled && toolbarPosition === "bottom" && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-            TextareaToolbar,
-            {
-              tools: toolbar.tools,
-              onRun: toolbar.runTool
-            }
+            ),
+            document.body
           ),
-          error && errorMessage ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-            "div",
+          maxLength != null && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+            "span",
             {
-              id: hintId,
-              className: "ods-textarea__error-message",
-              role: "alert",
-              children: errorMessage
+              className: "ods-textarea__count",
+              "aria-live": charCount > maxLength ? "polite" : "off",
+              children: [
+                charCount,
+                "/",
+                maxLength
+              ]
             }
-          ) : helperText ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { id: hintId, className: "ods-textarea__hint", children: helperText }) : null
-        ]
-      }
-    );
-  }
-);
+          )
+        ] }),
+        toolbarEnabled && toolbarPosition === "bottom" && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(TextareaToolbar, { tools: toolbar.tools, onRun: toolbar.runTool }),
+        error && errorMessage ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { id: hintId, className: "ods-textarea__error-message", role: "alert", children: errorMessage }) : helperText ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { id: hintId, className: "ods-textarea__hint", children: helperText }) : null
+      ]
+    }
+  );
+});
 Textarea.displayName = "Textarea";
 function TextareaToolbar({
   tools,
@@ -3177,14 +3086,7 @@ function TextareaToolbar({
       },
       children: tools.map((t) => {
         if (t.kind === "divider") {
-          return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-            "span",
-            {
-              className: "ods-textarea__toolbar-divider",
-              "aria-hidden": "true"
-            },
-            t.id
-          );
+          return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "ods-textarea__toolbar-divider", "aria-hidden": "true" }, t.id);
         }
         return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
           "button",
@@ -3857,17 +3759,7 @@ var Card = (0, import_react23.forwardRef)(function Card2({
     );
   }
   if (loading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-      "div",
-      {
-        ...rest,
-        ref,
-        className: rootClassName,
-        "aria-busy": "true",
-        "aria-label": "Loading",
-        children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "ods-card__skeleton", "data-ods-animate": "shimmer" })
-      }
-    );
+    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { ...rest, ref, className: rootClassName, "aria-busy": "true", "aria-label": "Loading", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "ods-card__skeleton", "data-ods-animate": "shimmer" }) });
   }
   return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
     import_framer_motion4.motion.div,
@@ -3887,41 +3779,35 @@ var Card = (0, import_react23.forwardRef)(function Card2({
   );
 });
 Card.displayName = "Card";
-var CardHeader = (0, import_react23.forwardRef)(
-  function CardHeader2({ className, children, ...rest }, ref) {
-    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { ...rest, ref, className: cn("ods-card__header", className), children });
-  }
-);
+var CardHeader = (0, import_react23.forwardRef)(function CardHeader2({ className, children, ...rest }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { ...rest, ref, className: cn("ods-card__header", className), children });
+});
 CardHeader.displayName = "Card.Header";
-var CardBody = (0, import_react23.forwardRef)(
-  function CardBody2({ className, children, ...rest }, ref) {
-    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { ...rest, ref, className: cn("ods-card__body", className), children });
-  }
-);
+var CardBody = (0, import_react23.forwardRef)(function CardBody2({ className, children, ...rest }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { ...rest, ref, className: cn("ods-card__body", className), children });
+});
 CardBody.displayName = "Card.Body";
-var CardFooter = (0, import_react23.forwardRef)(
-  function CardFooter2({ className, children, ...rest }, ref) {
-    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { ...rest, ref, className: cn("ods-card__footer", className), children });
-  }
-);
+var CardFooter = (0, import_react23.forwardRef)(function CardFooter2({ className, children, ...rest }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { ...rest, ref, className: cn("ods-card__footer", className), children });
+});
 CardFooter.displayName = "Card.Footer";
-var CardTitle = (0, import_react23.forwardRef)(
-  function CardTitle2({ as: Comp = "h3", className, children, ...rest }, ref) {
-    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-      Comp,
-      {
-        ...rest,
-        ref,
-        className: cn("ods-card__title", className),
-        children
-      }
-    );
+var CardTitle = (0, import_react23.forwardRef)(function CardTitle2({ as: Comp = "h3", className, children, ...rest }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+    Comp,
+    {
+      ...rest,
+      ref,
+      className: cn("ods-card__title", className),
+      children
+    }
+  );
+});
+CardTitle.displayName = "Card.Title";
+var CardDescription = (0, import_react23.forwardRef)(
+  function CardDescription2({ className, children, ...rest }, ref) {
+    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("p", { ...rest, ref, className: cn("ods-card__description", className), children });
   }
 );
-CardTitle.displayName = "Card.Title";
-var CardDescription = (0, import_react23.forwardRef)(function CardDescription2({ className, children, ...rest }, ref) {
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("p", { ...rest, ref, className: cn("ods-card__description", className), children });
-});
 CardDescription.displayName = "Card.Description";
 Card.Header = CardHeader;
 Card.Body = CardBody;
@@ -4296,175 +4182,152 @@ var import_icons5 = require("@octaviaflow/icons");
 var import_framer_motion5 = require("framer-motion");
 var import_react26 = require("react");
 var import_jsx_runtime16 = require("react/jsx-runtime");
-var Accordion = (0, import_react26.forwardRef)(
-  function Accordion2({
-    items,
-    mode = "single",
-    value: controlledValue,
-    defaultValue,
-    onValueChange,
-    collapsible = true,
-    variant = "default",
-    size = "md",
-    disabled = false,
-    id: providedId,
-    className,
-    ...rest
-  }, ref) {
-    const reactId = (0, import_react26.useId)();
-    const baseId = providedId ?? `ods-accordion-${reactId}`;
-    const reducedMotion = (0, import_framer_motion5.useReducedMotion)();
-    const [internalValue, setInternalValue] = (0, import_react26.useState)(
-      defaultValue ?? []
-    );
-    const isControlled = controlledValue !== void 0;
-    const value = isControlled ? controlledValue : internalValue;
-    const valueSet = new Set(value);
-    const setValue = (0, import_react26.useCallback)(
-      (next) => {
-        if (!isControlled) setInternalValue(next);
-        onValueChange?.(next);
-      },
-      [isControlled, onValueChange]
-    );
-    const toggleItem = (0, import_react26.useCallback)(
-      (id) => {
-        const isOpen = valueSet.has(id);
-        if (mode === "multiple") {
-          const next = isOpen ? value.filter((v) => v !== id) : [...value, id];
-          setValue(next);
-          return;
-        }
-        if (isOpen) {
-          if (collapsible) setValue([]);
-          return;
-        }
-        setValue([id]);
-      },
-      [collapsible, mode, setValue, value, valueSet]
-    );
-    const handleKeyDown = (e, index) => {
-      const enabledIdx = items.map((it, i) => it.disabled ? -1 : i).filter((i) => i !== -1);
-      const curr = enabledIdx.indexOf(index);
-      const focusIdx = (i) => {
-        const target = enabledIdx[i];
-        if (target === void 0) return;
-        const btn = document.getElementById(
-          `${baseId}-trigger-${items[target].id}`
-        );
-        btn?.focus();
-      };
-      if (e.key === "ArrowDown") {
-        e.preventDefault();
-        focusIdx((curr + 1) % enabledIdx.length);
-      } else if (e.key === "ArrowUp") {
-        e.preventDefault();
-        focusIdx((curr - 1 + enabledIdx.length) % enabledIdx.length);
-      } else if (e.key === "Home") {
-        e.preventDefault();
-        focusIdx(0);
-      } else if (e.key === "End") {
-        e.preventDefault();
-        focusIdx(enabledIdx.length - 1);
+var Accordion = (0, import_react26.forwardRef)(function Accordion2({
+  items,
+  mode = "single",
+  value: controlledValue,
+  defaultValue,
+  onValueChange,
+  collapsible = true,
+  variant = "default",
+  size = "md",
+  disabled = false,
+  id: providedId,
+  className,
+  ...rest
+}, ref) {
+  const reactId = (0, import_react26.useId)();
+  const baseId = providedId ?? `ods-accordion-${reactId}`;
+  const reducedMotion = (0, import_framer_motion5.useReducedMotion)();
+  const [internalValue, setInternalValue] = (0, import_react26.useState)(defaultValue ?? []);
+  const isControlled = controlledValue !== void 0;
+  const value = isControlled ? controlledValue : internalValue;
+  const valueSet = new Set(value);
+  const setValue = (0, import_react26.useCallback)(
+    (next) => {
+      if (!isControlled) setInternalValue(next);
+      onValueChange?.(next);
+    },
+    [isControlled, onValueChange]
+  );
+  const toggleItem = (0, import_react26.useCallback)(
+    (id) => {
+      const isOpen = valueSet.has(id);
+      if (mode === "multiple") {
+        const next = isOpen ? value.filter((v) => v !== id) : [...value, id];
+        setValue(next);
+        return;
+      }
+      if (isOpen) {
+        if (collapsible) setValue([]);
+        return;
       }
+      setValue([id]);
+    },
+    [collapsible, mode, setValue, value, valueSet]
+  );
+  const handleKeyDown = (e, index) => {
+    const enabledIdx = items.map((it, i) => it.disabled ? -1 : i).filter((i) => i !== -1);
+    const curr = enabledIdx.indexOf(index);
+    const focusIdx = (i) => {
+      const target = enabledIdx[i];
+      if (target === void 0) return;
+      const btn = document.getElementById(`${baseId}-trigger-${items[target].id}`);
+      btn?.focus();
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-      "div",
-      {
-        ...rest,
-        ref,
-        id: baseId,
-        className: cn(
-          "ods-accordion",
-          `ods-accordion--${variant}`,
-          `ods-accordion--${size}`,
-          disabled && "ods-accordion--disabled",
-          className
-        ),
-        children: items.map((item, i) => {
-          const isOpen = valueSet.has(item.id);
-          const itemDisabled = item.disabled || disabled;
-          const triggerId = `${baseId}-trigger-${item.id}`;
-          const panelId = `${baseId}-panel-${item.id}`;
-          return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
-            "div",
-            {
-              className: cn(
-                "ods-accordion__item",
-                isOpen && "ods-accordion__item--open",
-                itemDisabled && "ods-accordion__item--disabled"
+    if (e.key === "ArrowDown") {
+      e.preventDefault();
+      focusIdx((curr + 1) % enabledIdx.length);
+    } else if (e.key === "ArrowUp") {
+      e.preventDefault();
+      focusIdx((curr - 1 + enabledIdx.length) % enabledIdx.length);
+    } else if (e.key === "Home") {
+      e.preventDefault();
+      focusIdx(0);
+    } else if (e.key === "End") {
+      e.preventDefault();
+      focusIdx(enabledIdx.length - 1);
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    "div",
+    {
+      ...rest,
+      ref,
+      id: baseId,
+      className: cn(
+        "ods-accordion",
+        `ods-accordion--${variant}`,
+        `ods-accordion--${size}`,
+        disabled && "ods-accordion--disabled",
+        className
+      ),
+      children: items.map((item, i) => {
+        const isOpen = valueSet.has(item.id);
+        const itemDisabled = item.disabled || disabled;
+        const triggerId = `${baseId}-trigger-${item.id}`;
+        const panelId = `${baseId}-panel-${item.id}`;
+        return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+          "div",
+          {
+            className: cn(
+              "ods-accordion__item",
+              isOpen && "ods-accordion__item--open",
+              itemDisabled && "ods-accordion__item--disabled"
+            ),
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+                "button",
+                {
+                  id: triggerId,
+                  type: "button",
+                  className: "ods-accordion__trigger",
+                  "aria-expanded": isOpen,
+                  "aria-controls": panelId,
+                  disabled: itemDisabled,
+                  onClick: () => toggleItem(item.id),
+                  onKeyDown: (e) => handleKeyDown(e, i),
+                  children: [
+                    item.icon && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "ods-accordion__icon", "aria-hidden": "true", children: item.icon }),
+                    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("span", { className: "ods-accordion__label-wrap", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "ods-accordion__label", children: item.label }),
+                      item.description && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "ods-accordion__description", children: item.description })
+                    ] }),
+                    item.trailing && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "ods-accordion__trailing", onClick: (e) => e.stopPropagation(), children: item.trailing }),
+                    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                      "span",
+                      {
+                        className: cn("ods-accordion__chevron", isOpen && "ods-accordion__chevron--open"),
+                        "aria-hidden": "true",
+                        children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_icons5.ChevronDownIcon, { size: "sm", "aria-hidden": true })
+                      }
+                    )
+                  ]
+                }
               ),
-              children: [
-                /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
-                  "button",
-                  {
-                    id: triggerId,
-                    type: "button",
-                    className: "ods-accordion__trigger",
-                    "aria-expanded": isOpen,
-                    "aria-controls": panelId,
-                    disabled: itemDisabled,
-                    onClick: () => toggleItem(item.id),
-                    onKeyDown: (e) => handleKeyDown(e, i),
-                    children: [
-                      item.icon && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-                        "span",
-                        {
-                          className: "ods-accordion__icon",
-                          "aria-hidden": "true",
-                          children: item.icon
-                        }
-                      ),
-                      /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("span", { className: "ods-accordion__label-wrap", children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "ods-accordion__label", children: item.label }),
-                        item.description && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "ods-accordion__description", children: item.description })
-                      ] }),
-                      item.trailing && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-                        "span",
-                        {
-                          className: "ods-accordion__trailing",
-                          onClick: (e) => e.stopPropagation(),
-                          children: item.trailing
-                        }
-                      ),
-                      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-                        "span",
-                        {
-                          className: cn(
-                            "ods-accordion__chevron",
-                            isOpen && "ods-accordion__chevron--open"
-                          ),
-                          "aria-hidden": "true",
-                          children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_icons5.ChevronDownIcon, { size: "sm", "aria-hidden": true })
-                        }
-                      )
-                    ]
-                  }
-                ),
-                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_framer_motion5.AnimatePresence, { initial: false, children: isOpen && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-                  import_framer_motion5.motion.div,
-                  {
-                    role: "region",
-                    id: panelId,
-                    "aria-labelledby": triggerId,
-                    className: "ods-accordion__panel",
-                    initial: reducedMotion ? false : { height: 0, opacity: 0 },
-                    animate: reducedMotion ? void 0 : { height: "auto", opacity: 1 },
-                    exit: reducedMotion ? void 0 : { height: 0, opacity: 0 },
-                    transition: reducedMotion ? { duration: 0 } : { duration: 0.18 },
-                    style: { overflow: "hidden" },
-                    children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "ods-accordion__content", children: item.content })
-                  }
-                ) })
-              ]
-            },
-            item.id
-          );
-        })
-      }
-    );
-  }
-);
+              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_framer_motion5.AnimatePresence, { initial: false, children: isOpen && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                import_framer_motion5.motion.div,
+                {
+                  role: "region",
+                  id: panelId,
+                  "aria-labelledby": triggerId,
+                  className: "ods-accordion__panel",
+                  initial: reducedMotion ? false : { height: 0, opacity: 0 },
+                  animate: reducedMotion ? void 0 : { height: "auto", opacity: 1 },
+                  exit: reducedMotion ? void 0 : { height: 0, opacity: 0 },
+                  transition: reducedMotion ? { duration: 0 } : { duration: 0.18 },
+                  style: { overflow: "hidden" },
+                  children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "ods-accordion__content", children: item.content })
+                }
+              ) })
+            ]
+          },
+          item.id
+        );
+      })
+    }
+  );
+});
 Accordion.displayName = "Accordion";
 
 // src/marketing/components/FaqSection/FaqSection.tsx
@@ -4715,14 +4578,7 @@ var SIZE_PX = {
   lg: 32,
   xl: 48
 };
-var Spinner = (0, import_react28.forwardRef)(function Spinner2({
-  size = "md",
-  tone = "accent",
-  label = "Loading",
-  className,
-  style,
-  ...rest
-}, ref) {
+var Spinner = (0, import_react28.forwardRef)(function Spinner2({ size = "md", tone = "accent", label = "Loading", className, style, ...rest }, ref) {
   const px = typeof size === "number" ? size : SIZE_PX[size];
   const isKeyword = typeof size === "string";
   return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
@@ -5238,88 +5094,86 @@ var import_framer_motion7 = require("framer-motion");
 // src/components/CountUp/CountUp.tsx
 var import_react30 = require("react");
 var import_jsx_runtime31 = require("react/jsx-runtime");
-var easeOutCubic = (t) => 1 - Math.pow(1 - t, 3);
-var CountUp = (0, import_react30.forwardRef)(
-  function CountUp2({
-    value,
-    from = 0,
-    duration = 800,
-    easing = easeOutCubic,
-    decimals = 0,
-    formatValue,
-    prefix,
-    suffix,
-    delay = 0,
-    disableAnimation = false,
-    onComplete,
-    className,
-    ...rest
-  }, ref) {
-    const [n, setN] = (0, import_react30.useState)(disableAnimation ? value : from);
-    const lastRendered = (0, import_react30.useRef)(disableAnimation ? value : from);
-    (0, import_react30.useEffect)(() => {
-      const reduced = typeof window !== "undefined" && window.matchMedia?.("(prefers-reduced-motion: reduce)").matches;
-      if (disableAnimation || reduced) {
-        setN(value);
-        lastRendered.current = value;
-        onComplete?.();
-        return;
-      }
-      const startValue = lastRendered.current;
-      const delta = value - startValue;
-      if (delta === 0) return;
-      let raf = null;
-      let timeoutId = null;
-      let startTime = null;
-      let cancelled = false;
-      const tick = (ts) => {
-        if (cancelled) return;
-        if (startTime === null) startTime = ts;
-        const t = Math.min(1, (ts - startTime) / Math.max(1, duration));
-        const eased = easing(t);
-        const current = startValue + delta * eased;
-        setN(current);
-        lastRendered.current = current;
-        if (t < 1) {
-          raf = requestAnimationFrame(tick);
-        } else {
-          lastRendered.current = value;
-          setN(value);
-          onComplete?.();
-        }
-      };
-      const start = () => {
+var easeOutCubic = (t) => 1 - (1 - t) ** 3;
+var CountUp = (0, import_react30.forwardRef)(function CountUp2({
+  value,
+  from = 0,
+  duration = 800,
+  easing = easeOutCubic,
+  decimals = 0,
+  formatValue,
+  prefix,
+  suffix,
+  delay = 0,
+  disableAnimation = false,
+  onComplete,
+  className,
+  ...rest
+}, ref) {
+  const [n, setN] = (0, import_react30.useState)(disableAnimation ? value : from);
+  const lastRendered = (0, import_react30.useRef)(disableAnimation ? value : from);
+  (0, import_react30.useEffect)(() => {
+    const reduced = typeof window !== "undefined" && window.matchMedia?.("(prefers-reduced-motion: reduce)").matches;
+    if (disableAnimation || reduced) {
+      setN(value);
+      lastRendered.current = value;
+      onComplete?.();
+      return;
+    }
+    const startValue = lastRendered.current;
+    const delta = value - startValue;
+    if (delta === 0) return;
+    let raf = null;
+    let timeoutId = null;
+    let startTime = null;
+    let cancelled = false;
+    const tick = (ts) => {
+      if (cancelled) return;
+      if (startTime === null) startTime = ts;
+      const t = Math.min(1, (ts - startTime) / Math.max(1, duration));
+      const eased = easing(t);
+      const current = startValue + delta * eased;
+      setN(current);
+      lastRendered.current = current;
+      if (t < 1) {
         raf = requestAnimationFrame(tick);
-      };
-      if (delay > 0) {
-        timeoutId = window.setTimeout(start, delay);
       } else {
-        start();
-      }
-      return () => {
-        cancelled = true;
-        if (raf !== null) cancelAnimationFrame(raf);
-        if (timeoutId !== null) window.clearTimeout(timeoutId);
-      };
-    }, [value, duration, delay, disableAnimation]);
-    const display = formatValue ? formatValue(n) : n.toFixed(decimals);
-    return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
-      "span",
-      {
-        ...rest,
-        ref,
-        className: cn("ods-count-up", className),
-        "aria-live": "polite",
-        "aria-atomic": "true",
-        children: [
-          prefix,
-          display,
-          suffix
-        ]
+        lastRendered.current = value;
+        setN(value);
+        onComplete?.();
       }
-    );
-  }
-);
+    };
+    const start = () => {
+      raf = requestAnimationFrame(tick);
+    };
+    if (delay > 0) {
+      timeoutId = window.setTimeout(start, delay);
+    } else {
+      start();
+    }
+    return () => {
+      cancelled = true;
+      if (raf !== null) cancelAnimationFrame(raf);
+      if (timeoutId !== null) window.clearTimeout(timeoutId);
+    };
+  }, [value, duration, delay, disableAnimation]);
+  const display = formatValue ? formatValue(n) : n.toFixed(decimals);
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
+    "span",
+    {
+      ...rest,
+      ref,
+      className: cn("ods-count-up", className),
+      "aria-live": "polite",
+      "aria-atomic": "true",
+      children: [
+        prefix,
+        display,
+        suffix
+      ]
+    }
+  );
+});
 CountUp.displayName = "CountUp";
 
 // src/marketing/components/StatBand/StatBand.tsx