@oods/components-react 0.3.0

package/dist/index.cjs

@@ -0,0 +1,3605 @@
+'use strict';
+
+var React7 = require('react');
+var reactSlot = require('@radix-ui/react-slot');
+var jsxRuntime = require('react/jsx-runtime');
+var componentContracts = require('@oods/component-contracts');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React7__namespace = /*#__PURE__*/_interopNamespace(React7);
+
+// src/presentational.tsx
+
+// src/status-map.json
+var status_map_default = {
+  domains: {
+    subscription: {
+      future: {
+        description: "Subscription is scheduled but not yet active.",
+        chip: {
+          foreground: "color.text.info",
+          background: "color.background.info.subtle",
+          border: "color.border.info",
+          icon: "icon.status.scheduled"
+        },
+        banner: {
+          foreground: "color.text.info",
+          background: "color.background.surface.default",
+          border: "color.border.info",
+          icon: "icon.status.scheduled"
+        }
+      },
+      trialing: {
+        description: "Subscription is in a trial period before billing begins.",
+        chip: {
+          foreground: "color.text.accent",
+          background: "color.background.accent.subtle",
+          border: "color.border.accent",
+          icon: "icon.status.trial"
+        },
+        banner: {
+          foreground: "color.text.accent",
+          background: "color.background.surface.default",
+          border: "color.border.accent",
+          icon: "icon.status.trial"
+        }
+      },
+      active: {
+        description: "Subscription is paid and service is provisioned.",
+        chip: {
+          foreground: "color.text.positive",
+          background: "color.background.positive.subtle",
+          border: "color.border.positive",
+          icon: "icon.status.success"
+        },
+        banner: {
+          foreground: "color.text.positive",
+          background: "color.background.surface.default",
+          border: "color.border.positive",
+          icon: "icon.status.success"
+        }
+      },
+      paused: {
+        description: "Billing paused temporarily by finance or customer request.",
+        chip: {
+          foreground: "color.text.neutral",
+          background: "color.background.neutral.subtle",
+          border: "color.border.neutral",
+          icon: "icon.status.paused"
+        },
+        banner: {
+          foreground: "color.text.neutral",
+          background: "color.background.surface.muted",
+          border: "color.border.neutral",
+          icon: "icon.status.paused"
+        }
+      },
+      pending_cancellation: {
+        description: "Subscription will cancel at period end but remains active now.",
+        chip: {
+          foreground: "color.text.info",
+          background: "color.background.info.subtle",
+          border: "color.border.info",
+          icon: "icon.status.pending"
+        },
+        banner: {
+          foreground: "color.text.info",
+          background: "color.background.surface.default",
+          border: "color.border.info",
+          icon: "icon.status.pending"
+        }
+      },
+      past_due: {
+        description: "Renewal payment failed; smart retries ongoing and access retained during the grace window.",
+        chip: {
+          foreground: "color.text.danger",
+          background: "color.background.danger.subtle",
+          border: "color.border.danger",
+          icon: "icon.status.warning"
+        },
+        banner: {
+          foreground: "color.text.onbold",
+          background: "color.background.danger.bold",
+          border: "color.border.danger",
+          icon: "icon.status.warning"
+        }
+      },
+      unpaid: {
+        description: "Payment retries exhausted; service access revoked.",
+        chip: {
+          foreground: "color.text.danger",
+          background: "color.background.danger.subtle",
+          border: "color.border.danger",
+          icon: "icon.status.error"
+        },
+        banner: {
+          foreground: "color.text.onbold",
+          background: "color.background.danger.bold",
+          border: "color.border.danger",
+          icon: "icon.status.error"
+        }
+      },
+      terminated: {
+        description: "Subscription ended; service access revoked and billing stopped.",
+        chip: {
+          foreground: "color.text.disabled",
+          background: "color.background.disabled",
+          border: "color.border.disabled",
+          icon: "icon.status.canceled"
+        },
+        banner: {
+          foreground: "color.text.neutral",
+          background: "color.background.neutral.subtle",
+          border: "color.border.neutral",
+          icon: "icon.status.canceled"
+        }
+      }
+    },
+    invoice: {
+      draft: {
+        description: "Invoice is editable and not yet finalized.",
+        chip: {
+          foreground: "color.text.neutral",
+          background: "color.background.neutral.subtle",
+          border: "color.border.neutral",
+          icon: "icon.status.draft"
+        },
+        banner: {
+          foreground: "color.text.neutral",
+          background: "color.background.surface.muted",
+          border: "color.border.neutral",
+          icon: "icon.status.draft"
+        }
+      },
+      posted: {
+        description: "Invoice finalized with terms before collection.",
+        chip: {
+          foreground: "color.text.info",
+          background: "color.background.info.subtle",
+          border: "color.border.info",
+          icon: "icon.status.pending"
+        },
+        banner: {
+          foreground: "color.text.info",
+          background: "color.background.surface.default",
+          border: "color.border.info",
+          icon: "icon.status.pending"
+        }
+      },
+      paid: {
+        description: "Invoice collected successfully in full.",
+        chip: {
+          foreground: "color.text.positive",
+          background: "color.background.positive.subtle",
+          border: "color.border.positive",
+          icon: "icon.status.success"
+        },
+        banner: {
+          foreground: "color.text.positive",
+          background: "color.background.surface.default",
+          border: "color.border.positive",
+          icon: "icon.status.success"
+        }
+      },
+      past_due: {
+        description: "Invoice is unpaid past its due date.",
+        chip: {
+          foreground: "color.text.danger",
+          background: "color.background.danger.subtle",
+          border: "color.border.danger",
+          icon: "icon.status.error"
+        },
+        banner: {
+          foreground: "color.text.onbold",
+          background: "color.background.danger.bold",
+          border: "color.border.danger",
+          icon: "icon.status.error"
+        }
+      },
+      void: {
+        description: "Invoice canceled and no longer payable.",
+        chip: {
+          foreground: "color.text.disabled",
+          background: "color.background.disabled",
+          border: "color.border.disabled",
+          icon: "icon.status.void"
+        },
+        banner: {
+          foreground: "color.text.neutral",
+          background: "color.background.neutral.subtle",
+          border: "color.border.neutral",
+          icon: "icon.status.void"
+        }
+      }
+    }
+  }
+};
+
+// src/status.ts
+var TONE_ALIASES = {
+  info: "info",
+  informational: "info",
+  accent: "accent",
+  highlight: "accent",
+  positive: "success",
+  success: "success",
+  ok: "success",
+  warning: "warning",
+  caution: "warning",
+  danger: "critical",
+  critical: "critical",
+  error: "critical",
+  negative: "critical",
+  neutral: "neutral",
+  pending: "info"
+};
+var toLabel = (status) => status.split(/[_-]/).filter(Boolean).map((segment) => segment.charAt(0).toUpperCase() + segment.slice(1)).join(" ");
+var inferTone = (entry) => {
+  if (!entry) return "neutral";
+  for (const reference of [entry.foreground, entry.background, entry.border]) {
+    const segments = reference.replace(/^\{|\}$/g, "").split(/[\s./_-]+/).reverse();
+    for (const segment of segments) {
+      const tone = TONE_ALIASES[segment.toLowerCase()];
+      if (tone) return tone;
+    }
+  }
+  return "neutral";
+};
+var componentTokenSet = (tone) => {
+  const normalized = tone === "positive" ? "success" : tone === "danger" ? "critical" : tone;
+  return {
+    background: `var(--sys-status-${normalized}-surface)`,
+    border: `var(--sys-status-${normalized}-border)`,
+    foreground: `var(--sys-status-${normalized}-text)`
+  };
+};
+var rawTokenSet = (entry) => {
+  const tone = inferTone(entry);
+  return componentTokenSet(tone);
+};
+var bannerFallback = (tone) => tone === "neutral" ? {
+  background: "var(--cmp-banner-background)",
+  border: "var(--cmp-banner-border)",
+  foreground: "var(--cmp-banner-text)"
+} : componentTokenSet(tone);
+var fallback = (domain, status, tone = "neutral") => ({
+  domain,
+  status,
+  label: toLabel(status || "Unknown"),
+  description: "Status not found in registry; falling back to the requested token set.",
+  tone,
+  badge: { subtle: componentTokenSet(tone), solid: componentTokenSet(tone) },
+  banner: { subtle: bannerFallback(tone), solid: componentTokenSet(tone) }
+});
+var registry = /* @__PURE__ */ new Map();
+for (const [domain, entries] of Object.entries(status_map_default.domains)) {
+  const domainEntries = /* @__PURE__ */ new Map();
+  for (const [status, entry] of Object.entries(entries)) {
+    const tone = inferTone(entry.chip);
+    domainEntries.set(status.toLowerCase(), {
+      domain,
+      status,
+      label: toLabel(status),
+      description: entry.description,
+      tone,
+      iconName: entry.chip.icon ?? entry.banner?.icon,
+      badge: { subtle: rawTokenSet(entry.chip), solid: componentTokenSet(tone) },
+      banner: {
+        subtle: entry.banner ? rawTokenSet(entry.banner) : bannerFallback(tone),
+        solid: componentTokenSet(tone)
+      }
+    });
+  }
+  registry.set(domain, domainEntries);
+}
+var LEGACY_STATUS_ALIASES = {
+  subscription: { delinquent: "unpaid" }
+};
+Object.freeze([...registry.keys()]);
+function getStatusPresentation(domain, status) {
+  const entries = registry.get(domain);
+  if (!entries) return fallback(domain, status);
+  const normalized = status.toLowerCase();
+  const direct = entries.get(normalized);
+  if (direct) return direct;
+  const alias = LEGACY_STATUS_ALIASES[domain]?.[normalized];
+  const aliased = alias ? entries.get(alias) : void 0;
+  return aliased ? { ...aliased, status, label: toLabel(status) } : fallback(domain, status);
+}
+function getToneTokenSet(tone) {
+  return componentTokenSet(tone);
+}
+function getBannerToneTokenSet(tone) {
+  return bannerFallback(tone);
+}
+var ICON_GLYPHS = {
+  success: "\u2714\uFE0E",
+  warning: "\u26A0\uFE0E",
+  critical: "\u2A2F",
+  danger: "\u2A2F",
+  error: "\u2A2F",
+  negative: "\u2A2F",
+  pending: "\u2026",
+  processing: "\u27F3",
+  paused: "\u23F8",
+  canceled: "\u2205",
+  cancelled: "\u2205",
+  draft: "\u270E",
+  void: "\u2205",
+  paid: "\u2714\uFE0E",
+  info: "\u2139\uFE0E",
+  trial: "\u2605",
+  future: "\u23F2",
+  scheduled: "\u23F2",
+  refunded: "\u21BA",
+  locked: "\u{1F512}",
+  unlocked: "\u{1F513}",
+  default: "\u2022"
+};
+function resolveStatusGlyph(iconName) {
+  const segment = iconName?.split(".").pop()?.toLowerCase();
+  return segment ? ICON_GLYPHS[segment] ?? ICON_GLYPHS.default : void 0;
+}
+var classes = (...values) => values.filter(Boolean).join(" ");
+var Badge = React7__namespace.forwardRef(
+  ({
+    content,
+    status,
+    domain = "subscription",
+    tone: toneOverride,
+    emphasis = "subtle",
+    icon,
+    iconPosition = "start",
+    showIcon,
+    children,
+    className,
+    style,
+    title,
+    "aria-label": ariaLabel,
+    ...rest
+  }, ref) => {
+    const presentation = status ? getStatusPresentation(domain, status) : void 0;
+    const tone = toneOverride ?? presentation?.tone ?? "neutral";
+    const tokenSet = toneOverride !== void 0 ? getToneTokenSet(tone) : emphasis === "solid" ? presentation?.badge.solid ?? getToneTokenSet(tone) : presentation?.badge.subtle ?? getToneTokenSet(tone);
+    const resolvedContent = children ?? content ?? presentation?.label ?? status;
+    const resolvedIcon = icon ?? resolveStatusGlyph(presentation?.iconName);
+    const resolvedShowIcon = showIcon ?? resolvedIcon !== void 0;
+    const iconNode = resolvedShowIcon && resolvedIcon ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "oods-badge__icon statusable-badge__icon", "aria-hidden": "true", children: resolvedIcon }) : null;
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "span",
+      {
+        ref,
+        className: classes("oods-badge", "statusable-badge", className),
+        "data-oods-component": "Badge",
+        "data-status": status,
+        "data-domain": domain,
+        "data-tone": tone,
+        "data-emphasis": emphasis,
+        title: title ?? presentation?.description,
+        "aria-label": ariaLabel,
+        style: {
+          "--cmp-badge-background": tokenSet.background,
+          "--cmp-badge-border": tokenSet.border,
+          "--cmp-badge-text": tokenSet.foreground,
+          "--statusable-badge-background": tokenSet.background,
+          "--statusable-badge-border": tokenSet.border,
+          "--statusable-badge-foreground": tokenSet.foreground,
+          "--statusable-badge-icon-color": tokenSet.foreground,
+          ...style
+        },
+        ...rest,
+        children: [
+          iconPosition === "start" ? iconNode : null,
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "oods-badge__label statusable-badge__label", children: resolvedContent }),
+          iconPosition === "end" ? iconNode : null
+        ]
+      }
+    );
+  }
+);
+Badge.displayName = "OODS.Badge";
+var Banner = React7__namespace.forwardRef(
+  ({
+    title,
+    detail,
+    description,
+    content,
+    status,
+    domain = "subscription",
+    tone: toneOverride,
+    emphasis = "subtle",
+    icon,
+    actions,
+    onDismiss,
+    dismissLabel = "Dismiss notification",
+    showIcon,
+    children,
+    className,
+    style,
+    ...rest
+  }, ref) => {
+    const presentation = status ? getStatusPresentation(domain, status) : void 0;
+    const tone = toneOverride ?? presentation?.tone ?? "neutral";
+    const tokenSet = emphasis === "solid" ? presentation?.banner.solid ?? getToneTokenSet(tone) : presentation?.banner.subtle ?? getBannerToneTokenSet(tone);
+    const heading = title ?? presentation?.label ?? status;
+    const body = detail ?? description ?? children ?? content ?? presentation?.description;
+    const role = tone === "critical" || tone === "danger" ? "alert" : "status";
+    const resolvedIcon = icon ?? resolveStatusGlyph(presentation?.iconName);
+    const resolvedShowIcon = showIcon ?? resolvedIcon !== void 0;
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        ref,
+        role,
+        "aria-live": role === "alert" ? "assertive" : "polite",
+        className: classes("oods-banner", "statusable-banner", className),
+        "data-oods-component": "Banner",
+        "data-status": status,
+        "data-domain": domain,
+        "data-tone": tone,
+        "data-emphasis": emphasis,
+        style: {
+          "--cmp-banner-background": tokenSet.background,
+          "--cmp-banner-border": tokenSet.border,
+          "--cmp-banner-text": tokenSet.foreground,
+          "--statusable-banner-background": tokenSet.background,
+          "--statusable-banner-border": tokenSet.border,
+          "--statusable-banner-foreground": tokenSet.foreground,
+          "--statusable-banner-icon-color": tokenSet.foreground,
+          ...style
+        },
+        ...rest,
+        children: [
+          resolvedShowIcon && resolvedIcon ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "oods-banner__icon statusable-banner__icon", "aria-hidden": "true", children: resolvedIcon }) : null,
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "oods-banner__content statusable-banner__content", children: [
+            heading ? /* @__PURE__ */ jsxRuntime.jsx("strong", { className: "oods-banner__title statusable-banner__title", children: heading }) : null,
+            body ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "oods-banner__detail statusable-banner__description", children: body }) : null,
+            actions ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "oods-banner__actions statusable-banner__actions", children: actions }) : null
+          ] }),
+          onDismiss ? /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              className: "oods-banner-dismiss oods-banner__dismiss statusable-banner__dismiss",
+              "aria-label": dismissLabel,
+              onClick: () => onDismiss(),
+              children: /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", children: "\xD7" })
+            }
+          ) : null
+        ]
+      }
+    );
+  }
+);
+Banner.displayName = "OODS.Banner";
+var Button = React7__namespace.forwardRef(
+  ({
+    asChild = false,
+    content,
+    children,
+    className,
+    intent = "neutral",
+    size = "md",
+    style,
+    type,
+    onClick,
+    onActivate,
+    ...rest
+  }, ref) => {
+    const Component = asChild ? reactSlot.Slot : "button";
+    const handleClick = (event) => {
+      onClick?.(event);
+      if (!event.defaultPrevented) onActivate?.(event);
+    };
+    const nativeProps = asChild ? {} : { type: type ?? "button" };
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Component,
+      {
+        ref,
+        className: classes("oods-button", className),
+        "data-oods-component": "Button",
+        "data-intent": intent,
+        "data-size": size,
+        style: {
+          "--cmp-button-background": "var(--sys-surface-interactive-primary-default)",
+          "--cmp-button-background-hover": "var(--sys-surface-interactive-primary-hover)",
+          "--cmp-button-background-disabled": "var(--sys-surface-disabled)",
+          "--cmp-button-border": "var(--sys-border-subtle)",
+          "--cmp-button-text": "var(--sys-text-on-interactive)",
+          "--cmp-button-text-disabled": "var(--sys-text-disabled)",
+          ...style
+        },
+        onClick: handleClick,
+        ...nativeProps,
+        ...rest,
+        children: children ?? content
+      }
+    );
+  }
+);
+Button.displayName = "OODS.Button";
+var Card = React7__namespace.forwardRef(
+  ({ as = "div", elevated = false, className, ...rest }, ref) => {
+    const Element = as;
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Element,
+      {
+        ref,
+        className: classes("oods-card", className),
+        "data-oods-component": "Card",
+        "data-elevated": elevated ? "true" : "false",
+        ...rest
+      }
+    );
+  }
+);
+Card.displayName = "OODS.Card";
+var Text = React7__namespace.forwardRef(
+  ({
+    as = "span",
+    content,
+    children,
+    label,
+    size = "md",
+    weight = "regular",
+    className,
+    "aria-description": ariaDescription,
+    ...rest
+  }, ref) => {
+    const Element = as;
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Element,
+      {
+        ref,
+        className: classes("oods-text", className),
+        "data-oods-component": "Text",
+        "data-size": size,
+        "data-weight": weight,
+        "aria-description": ariaDescription ?? label,
+        ...rest,
+        children: children ?? content
+      }
+    );
+  }
+);
+Text.displayName = "OODS.Text";
+var classes2 = (...values) => values.filter(Boolean).join(" ");
+var describedByIds = (id, help, validation, nativeDescription) => [
+  nativeDescription,
+  help ? `${id}-description` : void 0,
+  validation?.message ? validation.id ?? `${id}-validation` : void 0
+].filter(Boolean).join(" ") || void 0;
+var RequiredIndicator = ({
+  required,
+  children
+}) => required && children !== null ? children ?? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "oods-field-required form-field__required-indicator", "aria-hidden": "true", children: "*" }) : null;
+var FieldFrame = ({
+  id,
+  label,
+  help,
+  description,
+  validation,
+  density = "comfortable",
+  required,
+  requiredIndicator,
+  checkboxControl,
+  className,
+  style,
+  children
+}) => {
+  const resolvedHelp = help ?? description;
+  const validationTone = validation?.state === "error" ? "critical" : validation?.state === "warning" ? "warning" : validation?.state;
+  const validationTokens = validationTone ? getToneTokenSet(validationTone) : void 0;
+  const validationStyle = validationTokens ? {
+    "--cmp-input-message-border": validationTokens.border,
+    "--cmp-input-message-text": validationTokens.foreground,
+    "--form-field-border": validationTokens.border,
+    "--form-field-border-active": validationTokens.border,
+    "--form-field-background-active": validationTokens.background,
+    "--form-field-validation-color": validationTokens.foreground,
+    "--form-field-focus-inner": validationTokens.border,
+    "--form-field-focus-outer": validationTokens.background,
+    "--form-field-accent": validationTokens.foreground
+  } : {};
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: classes2(
+        "oods-field",
+        "form-field",
+        checkboxControl !== void 0 && "oods-checkbox",
+        className
+      ),
+      style: { ...validationStyle, ...style },
+      "data-density": density,
+      "data-validation-state": validation?.state,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "label",
+          {
+            className: "form-field__label",
+            htmlFor: id,
+            children: [
+              checkboxControl,
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "oods-field-label", children: label }),
+              /* @__PURE__ */ jsxRuntime.jsx(RequiredIndicator, { required, children: requiredIndicator })
+            ]
+          }
+        ),
+        checkboxControl === void 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "form-field__control", children }) : null,
+        resolvedHelp ? /* @__PURE__ */ jsxRuntime.jsx("p", { id: `${id}-description`, className: "oods-field-help form-field__description", children: resolvedHelp }) : null,
+        validation?.message ? /* @__PURE__ */ jsxRuntime.jsx(
+          "p",
+          {
+            id: validation.id ?? `${id}-validation`,
+            className: "oods-field-error form-field__validation",
+            role: validation.state === "error" ? "alert" : "status",
+            "aria-live": validation.state === "error" ? "assertive" : "polite",
+            "data-state": validation.state,
+            children: validation.message
+          }
+        ) : null
+      ]
+    }
+  );
+};
+var InputPrimitive = React7__namespace.forwardRef(
+  ({
+    id,
+    label,
+    help,
+    description,
+    validation,
+    density,
+    requiredIndicator,
+    className,
+    style,
+    inputClassName,
+    inputStyle,
+    onChange,
+    onInput,
+    onValueChange,
+    onUpdate,
+    required,
+    "aria-describedby": nativeDescription,
+    type = "text",
+    ...rest
+  }, ref) => {
+    if (type === "datetime-local") {
+      if (rest.value !== void 0) rest.value = componentContracts.dateTimeInputValue(rest.value);
+      if (rest.defaultValue !== void 0) rest.defaultValue = componentContracts.dateTimeInputValue(rest.defaultValue);
+    }
+    const resolvedHelp = help ?? description;
+    const handleChange = (event) => {
+      onChange?.(event);
+      if (!event.defaultPrevented) {
+        onValueChange?.(event.currentTarget.value);
+        onUpdate?.(event.currentTarget.value);
+      }
+    };
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      FieldFrame,
+      {
+        id,
+        label,
+        help: resolvedHelp,
+        validation,
+        density,
+        required,
+        requiredIndicator,
+        className,
+        style,
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            ref,
+            id,
+            type,
+            className: classes2("oods-field-control", "form-field__input", inputClassName),
+            style: inputStyle,
+            "data-oods-component": "Input",
+            "data-validation-state": validation?.state,
+            "aria-describedby": describedByIds(id, resolvedHelp, validation, nativeDescription),
+            "aria-invalid": validation?.state === "error" || void 0,
+            required,
+            onInput,
+            onChange: handleChange,
+            ...rest
+          }
+        )
+      }
+    );
+  }
+);
+InputPrimitive.displayName = "OODS.Input";
+var Input = InputPrimitive;
+var DatePicker = React7__namespace.forwardRef(
+  ({ pickerClassName, pickerStyle, inputClassName, inputStyle, ...rest }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    Input,
+    {
+      ref,
+      type: "date",
+      "data-oods-component": "DatePicker",
+      inputClassName: classes2("form-field__date-picker", inputClassName, pickerClassName),
+      inputStyle: { ...inputStyle, ...pickerStyle },
+      ...rest
+    }
+  )
+);
+DatePicker.displayName = "OODS.DatePicker";
+var Checkbox = React7__namespace.forwardRef(
+  ({
+    id,
+    label,
+    help,
+    description,
+    validation,
+    density,
+    requiredIndicator,
+    className,
+    style,
+    checkboxClassName,
+    checkboxStyle,
+    onChange,
+    onCheckedChange,
+    onUpdate,
+    required,
+    "aria-describedby": nativeDescription,
+    ...rest
+  }, ref) => {
+    const resolvedHelp = help ?? description;
+    const handleChange = (event) => {
+      onChange?.(event);
+      if (!event.defaultPrevented) {
+        onCheckedChange?.(event.currentTarget.checked);
+        onUpdate?.(event.currentTarget.checked);
+      }
+    };
+    const control = /* @__PURE__ */ jsxRuntime.jsx(
+      "input",
+      {
+        ref,
+        id,
+        type: "checkbox",
+        className: classes2("form-field__checkbox", checkboxClassName),
+        style: checkboxStyle,
+        "data-oods-component": "Checkbox",
+        "data-validation-state": validation?.state,
+        "aria-describedby": describedByIds(id, resolvedHelp, validation, nativeDescription),
+        "aria-invalid": validation?.state === "error" || void 0,
+        required,
+        onChange: handleChange,
+        ...rest
+      }
+    );
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      FieldFrame,
+      {
+        id,
+        label,
+        help: resolvedHelp,
+        validation,
+        density,
+        required,
+        requiredIndicator,
+        checkboxControl: control,
+        className,
+        style
+      }
+    );
+  }
+);
+Checkbox.displayName = "OODS.Checkbox";
+var Select = React7__namespace.forwardRef(
+  ({
+    id,
+    label,
+    help,
+    description,
+    validation,
+    density,
+    requiredIndicator,
+    className,
+    style,
+    options,
+    placeholder,
+    selectClassName,
+    selectStyle,
+    onChange,
+    onValueChange,
+    onUpdate,
+    children,
+    required,
+    "aria-describedby": nativeDescription,
+    ...rest
+  }, ref) => {
+    const resolvedHelp = help ?? description;
+    const handleChange = (event) => {
+      onChange?.(event);
+      if (!event.defaultPrevented) {
+        onValueChange?.(event.currentTarget.value);
+        onUpdate?.(event.currentTarget.value);
+      }
+    };
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      FieldFrame,
+      {
+        id,
+        label,
+        help: resolvedHelp,
+        validation,
+        density,
+        required,
+        requiredIndicator,
+        className,
+        style,
+        children: /* @__PURE__ */ jsxRuntime.jsxs(
+          "select",
+          {
+            ref,
+            id,
+            className: classes2("oods-field-control", "form-field__select", selectClassName),
+            style: selectStyle,
+            "data-oods-component": "Select",
+            "data-validation-state": validation?.state,
+            "aria-describedby": describedByIds(id, resolvedHelp, validation, nativeDescription),
+            "aria-invalid": validation?.state === "error" || void 0,
+            required,
+            onChange: handleChange,
+            ...rest,
+            children: [
+              placeholder ? /* @__PURE__ */ jsxRuntime.jsx("option", { value: "", disabled: true, children: placeholder }) : null,
+              children ?? options?.map((option) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: option.value, disabled: option.disabled, children: option.label }, option.value))
+            ]
+          }
+        )
+      }
+    );
+  }
+);
+Select.displayName = "OODS.Select";
+var Textarea = React7__namespace.forwardRef(
+  ({
+    id,
+    label,
+    help,
+    description,
+    validation,
+    density,
+    requiredIndicator,
+    className,
+    style,
+    textareaClassName,
+    textareaStyle,
+    onChange,
+    onInput,
+    onValueChange,
+    onUpdate,
+    rows = 4,
+    required,
+    "aria-describedby": nativeDescription,
+    ...rest
+  }, ref) => {
+    const resolvedHelp = help ?? description;
+    const handleChange = (event) => {
+      onChange?.(event);
+      if (!event.defaultPrevented) {
+        onValueChange?.(event.currentTarget.value);
+        onUpdate?.(event.currentTarget.value);
+      }
+    };
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      FieldFrame,
+      {
+        id,
+        label,
+        help: resolvedHelp,
+        validation,
+        density,
+        required,
+        requiredIndicator,
+        className,
+        style,
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          "textarea",
+          {
+            ref,
+            id,
+            className: classes2(
+              "oods-field-control",
+              "form-field__input",
+              "form-field__textarea",
+              textareaClassName
+            ),
+            style: textareaStyle,
+            "data-oods-component": "Textarea",
+            "data-validation-state": validation?.state,
+            "aria-describedby": describedByIds(id, resolvedHelp, validation, nativeDescription),
+            "aria-invalid": validation?.state === "error" || void 0,
+            rows,
+            required,
+            onInput,
+            onChange: handleChange,
+            ...rest
+          }
+        )
+      }
+    );
+  }
+);
+Textarea.displayName = "OODS.Textarea";
+var classes3 = (...values) => values.filter(Boolean).join(" ");
+var GAP_VALUES = {
+  xs: "var(--cmp-spacing-inline-xs, 0.5rem)",
+  sm: "var(--cmp-spacing-inline-sm, 0.75rem)",
+  md: "var(--cmp-spacing-stack-default, 1rem)",
+  lg: "var(--cmp-spacing-stack-lg, 1.5rem)",
+  xl: "var(--cmp-spacing-stack-xl, 2rem)"
+};
+var resolveGap = (gap) => gap ? GAP_VALUES[gap] ?? gap : void 0;
+var maxColumns = (columns) => {
+  const count = Number(columns);
+  return Number.isFinite(count) && count > 0 ? count : void 0;
+};
+var Grid = React7__namespace.forwardRef(
+  ({
+    columns = "auto-fit",
+    minColumnWidth = "16rem",
+    gap = "md",
+    align = "stretch",
+    justify = "normal",
+    className,
+    style,
+    ...rest
+  }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref,
+      className: classes3("oods-grid", className),
+      "data-oods-component": "Grid",
+      "data-max-columns": maxColumns(columns),
+      style: {
+        "--oods-grid-columns": columns,
+        "--oods-grid-min-column": minColumnWidth,
+        "--oods-layout-gap": resolveGap(gap),
+        "--oods-layout-align": align,
+        "--oods-layout-justify": justify,
+        ...style
+      },
+      ...rest
+    }
+  )
+);
+Grid.displayName = "OODS.Grid";
+var Stack = React7__namespace.forwardRef(
+  ({
+    direction = "column",
+    gap = "md",
+    align = "stretch",
+    justify = "flex-start",
+    wrap = false,
+    className,
+    style,
+    ...rest
+  }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref,
+      className: classes3("oods-stack", className),
+      "data-oods-component": "Stack",
+      "data-direction": direction,
+      "data-wrap": wrap ? "true" : "false",
+      style: {
+        "--oods-stack-direction": direction,
+        "--oods-stack-wrap": wrap ? "wrap" : "nowrap",
+        "--oods-layout-gap": resolveGap(gap),
+        "--oods-layout-align": align,
+        "--oods-layout-justify": justify,
+        ...style
+      },
+      ...rest
+    }
+  )
+);
+Stack.displayName = "OODS.Stack";
+var classes4 = (...values) => values.filter(Boolean).join(" ");
+var TableHead = React7__namespace.forwardRef(
+  ({ className, ...rest }, ref) => /* @__PURE__ */ jsxRuntime.jsx("thead", { ref, className: classes4("oods-table__header", className), ...rest })
+);
+TableHead.displayName = "OODS.Table.Head";
+var TableBody = React7__namespace.forwardRef(
+  ({ className, ...rest }, ref) => /* @__PURE__ */ jsxRuntime.jsx("tbody", { ref, className: classes4("oods-table__body", className), ...rest })
+);
+TableBody.displayName = "OODS.Table.Body";
+var TableCaption = React7__namespace.forwardRef(
+  ({ className, ...rest }, ref) => /* @__PURE__ */ jsxRuntime.jsx("caption", { ref, className: classes4("oods-table__caption", className), ...rest })
+);
+TableCaption.displayName = "OODS.Table.Caption";
+var TableRow = React7__namespace.forwardRef(
+  ({
+    selectable = false,
+    selected = false,
+    onActivate,
+    className,
+    tabIndex,
+    onClick,
+    onKeyDown,
+    ...rest
+  }, ref) => {
+    const handleClick = (event) => {
+      onClick?.(event);
+      if (!event.defaultPrevented) onActivate?.(event);
+    };
+    const handleKeyDown = (event) => {
+      onKeyDown?.(event);
+      if (!event.defaultPrevented && selectable && (event.key === "Enter" || event.key === " ")) {
+        event.preventDefault();
+        onActivate?.(event);
+      }
+    };
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "tr",
+      {
+        ref,
+        className: classes4("oods-table__row", className),
+        "data-selectable": selectable ? "true" : void 0,
+        "data-selected": selected ? "true" : void 0,
+        "aria-selected": selectable ? selected : void 0,
+        tabIndex: selectable ? tabIndex ?? 0 : tabIndex,
+        onClick: handleClick,
+        onKeyDown: handleKeyDown,
+        ...rest
+      }
+    );
+  }
+);
+TableRow.displayName = "OODS.Table.Row";
+var TableHeaderCell = React7__namespace.forwardRef(
+  ({ numeric = false, className, scope = "col", ...rest }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    "th",
+    {
+      ref,
+      className: classes4(
+        "oods-table__header-cell",
+        numeric && "oods-table__header-cell--numeric",
+        className
+      ),
+      "data-numeric": numeric ? "true" : void 0,
+      scope,
+      ...rest
+    }
+  )
+);
+TableHeaderCell.displayName = "OODS.Table.HeaderCell";
+var TableCell = React7__namespace.forwardRef(
+  ({
+    numeric = false,
+    status,
+    statusDomain = "subscription",
+    tone: toneOverride,
+    statusEmphasis = "surface",
+    className,
+    children,
+    style,
+    title,
+    ...rest
+  }, ref) => {
+    const presentation = status ? getStatusPresentation(statusDomain, status) : void 0;
+    const tone = toneOverride ?? presentation?.tone;
+    const tokens = tone ? getToneTokenSet(tone) : void 0;
+    const statusStyle = tokens ? statusEmphasis === "text" ? { "--table-cell-status-foreground": tokens.foreground } : {
+      "--table-cell-status-background": tokens.background,
+      "--table-cell-status-border": tokens.border,
+      "--table-cell-status-foreground": tokens.foreground
+    } : {};
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "td",
+      {
+        ref,
+        className: classes4(
+          "oods-table__cell",
+          numeric && "oods-table__cell--numeric",
+          status && "oods-table__cell--status",
+          className
+        ),
+        "data-numeric": numeric ? "true" : void 0,
+        "data-status": status,
+        "data-status-domain": status ? statusDomain : void 0,
+        "data-status-tone": status ? tone : void 0,
+        "data-status-emphasis": status ? statusEmphasis : void 0,
+        "data-has-status": status ? "true" : void 0,
+        title: title ?? presentation?.description,
+        style: { ...statusStyle, ...style },
+        ...rest,
+        children: children ?? presentation?.label ?? status
+      }
+    );
+  }
+);
+TableCell.displayName = "OODS.Table.Cell";
+var TableRoot = React7__namespace.forwardRef(
+  ({
+    caption,
+    columns,
+    rows,
+    density = "comfortable",
+    selectable = false,
+    onRowActivate,
+    children,
+    containerClassName,
+    containerStyle,
+    className,
+    ...rest
+  }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: classes4("oods-table__container", containerClassName),
+      style: containerStyle,
+      "data-density": density,
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        "table",
+        {
+          ref,
+          className: classes4("oods-table", className),
+          "data-oods-component": "Table",
+          "data-density": density,
+          ...rest,
+          children: children ?? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            caption ? /* @__PURE__ */ jsxRuntime.jsx(TableCaption, { children: caption }) : null,
+            /* @__PURE__ */ jsxRuntime.jsx(TableHead, { children: /* @__PURE__ */ jsxRuntime.jsx("tr", { children: columns?.map((column) => /* @__PURE__ */ jsxRuntime.jsx(TableHeaderCell, { numeric: column.numeric, children: column.label }, column.key)) }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(TableBody, { children: (rows?.length ?? 0) === 0 ? /* @__PURE__ */ jsxRuntime.jsx("tr", { className: "oods-table__row", children: /* @__PURE__ */ jsxRuntime.jsx(TableCell, { colSpan: Math.max(columns?.length ?? 0, 1), children: "No rows available." }) }) : rows?.map((row) => /* @__PURE__ */ jsxRuntime.jsx(
+              "tr",
+              {
+                className: "oods-table__row",
+                "data-selectable": selectable ? "true" : void 0,
+                children: columns?.map((column, columnIndex) => {
+                  const value = row[column.key];
+                  const rendered = column.render ? column.render(value, row) : String(value ?? "");
+                  return /* @__PURE__ */ jsxRuntime.jsx(TableCell, { numeric: column.numeric, children: selectable && columnIndex === 0 ? /* @__PURE__ */ jsxRuntime.jsx(
+                    "button",
+                    {
+                      type: "button",
+                      className: "oods-table-row-action",
+                      onClick: (event) => onRowActivate?.(row.id, row, event),
+                      children: rendered
+                    }
+                  ) : rendered }, column.key);
+                })
+              },
+              row.id
+            )) })
+          ] })
+        }
+      )
+    }
+  )
+);
+TableRoot.displayName = "OODS.Table";
+var Table = Object.assign(TableRoot, {
+  Head: TableHead,
+  Body: TableBody,
+  Caption: TableCaption,
+  Row: TableRow,
+  HeaderCell: TableHeaderCell,
+  Cell: TableCell
+});
+var classes5 = (...values) => values.filter(Boolean).join(" ");
+var enabledTabIndexes = (items) => items.flatMap((item, index) => item.disabled || item.isDisabled ? [] : [index]);
+var partitionForOverflow = (items, visibleCount, selectedId) => {
+  if (visibleCount >= items.length) return { visibleItems: items, overflowItems: [] };
+  const visibleItems = [...items.slice(0, Math.max(1, visibleCount))];
+  const selected = items.find((item) => item.id === selectedId);
+  if (selected && !visibleItems.some((item) => item.id === selectedId)) {
+    visibleItems[visibleItems.length - 1] = selected;
+  }
+  const visibleIds = new Set(visibleItems.map((item) => item.id));
+  return {
+    visibleItems,
+    overflowItems: items.filter((item) => !visibleIds.has(item.id))
+  };
+};
+var Tabs = React7__namespace.forwardRef(
+  ({
+    items,
+    selectedId,
+    defaultSelectedId,
+    size = "md",
+    overflowLabel = "More",
+    ariaLabel,
+    onChange,
+    onUpdate,
+    className,
+    "aria-label": ariaLabelAttribute,
+    ...rest
+  }, ref) => {
+    const instanceId = React7__namespace.useId().replaceAll(":", "");
+    const controlled = selectedId !== void 0;
+    const firstEnabled = items.find((item) => !item.disabled && !item.isDisabled)?.id ?? "";
+    const [internalSelectedId, setInternalSelectedId] = React7__namespace.useState(
+      defaultSelectedId ?? firstEnabled
+    );
+    const activeId = controlled ? selectedId : internalSelectedId;
+    const [focusedId, setFocusedId] = React7__namespace.useState(activeId);
+    const [visibleCount, setVisibleCount] = React7__namespace.useState(items.length);
+    const [menuOpen, setMenuOpen] = React7__namespace.useState(false);
+    const listRef = React7__namespace.useRef(null);
+    const tabRefs = React7__namespace.useRef(/* @__PURE__ */ new Map());
+    const itemWidths = React7__namespace.useRef(/* @__PURE__ */ new Map());
+    const focusRequestedByUser = React7__namespace.useRef(false);
+    React7__namespace.useEffect(() => setFocusedId(activeId), [activeId]);
+    const select = React7__namespace.useCallback(
+      (id) => {
+        const item = items.find((candidate) => candidate.id === id);
+        if (!item || item.disabled || item.isDisabled) return;
+        if (!controlled) setInternalSelectedId(id);
+        focusRequestedByUser.current = true;
+        setFocusedId(id);
+        onChange?.(id);
+        onUpdate?.(id);
+      },
+      [controlled, items, onChange, onUpdate]
+    );
+    const measure = React7__namespace.useCallback(() => {
+      const list = listRef.current;
+      if (!list || items.length < 2) return;
+      const available = list.offsetWidth;
+      for (const tab of Array.from(list.querySelectorAll('[role="tab"]'))) {
+        const itemId = tab.dataset.tabId;
+        if (itemId && tab.offsetWidth > 0) itemWidths.current.set(itemId, tab.offsetWidth);
+      }
+      const widths = items.map((item) => itemWidths.current.get(item.id) ?? 0);
+      const total = widths.reduce((sum, width) => sum + width, 0);
+      if (!available || !total || total <= available) {
+        setVisibleCount(items.length);
+        return;
+      }
+      const overflowReserve = 80;
+      let used = 0;
+      let count = 0;
+      for (const width of widths) {
+        if (used + width > available - overflowReserve) break;
+        used += width;
+        count += 1;
+      }
+      setVisibleCount(Math.max(1, count));
+    }, [items.length]);
+    React7__namespace.useLayoutEffect(() => {
+      measure();
+      const list = listRef.current;
+      if (!list || typeof ResizeObserver === "undefined") return void 0;
+      const observer = new ResizeObserver(measure);
+      observer.observe(list);
+      return () => observer.disconnect();
+    }, [measure]);
+    const { visibleItems, overflowItems } = partitionForOverflow(
+      items,
+      visibleCount,
+      activeId
+    );
+    const move = (currentId, key) => {
+      const enabled = enabledTabIndexes(items);
+      if (enabled.length === 0) return;
+      const currentIndex = items.findIndex((item) => item.id === currentId);
+      const position = enabled.indexOf(currentIndex);
+      let nextIndex;
+      if (key === "Home") nextIndex = enabled[0];
+      if (key === "End") nextIndex = enabled[enabled.length - 1];
+      if (key === "ArrowRight") nextIndex = enabled[(Math.max(0, position) + 1) % enabled.length];
+      if (key === "ArrowLeft") nextIndex = enabled[(position - 1 + enabled.length) % enabled.length];
+      if (nextIndex === void 0) return;
+      const nextId = items[nextIndex]?.id;
+      if (!nextId) return;
+      select(nextId);
+    };
+    React7__namespace.useEffect(() => {
+      if (focusRequestedByUser.current && visibleItems.some((item) => item.id === focusedId)) {
+        focusRequestedByUser.current = false;
+        tabRefs.current.get(focusedId)?.focus();
+      }
+    }, [focusedId, visibleItems]);
+    const renderTab = (item) => {
+      const disabled = Boolean(item.disabled || item.isDisabled);
+      const selected = item.id === activeId;
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          ref: (node) => {
+            if (node) tabRefs.current.set(item.id, node);
+            else tabRefs.current.delete(item.id);
+          },
+          id: `${instanceId}-tab-${item.id}`,
+          type: "button",
+          role: "tab",
+          className: classes5(
+            "oods-tab",
+            "tabs__tab",
+            selected && "tabs__tab--selected",
+            disabled && "tabs__tab--disabled"
+          ),
+          "data-size": size,
+          "data-tab-id": item.id,
+          "aria-selected": selected,
+          "aria-controls": `${instanceId}-panel-${item.id}`,
+          tabIndex: item.id === focusedId ? 0 : -1,
+          disabled,
+          title: typeof item.label === "string" ? item.label : void 0,
+          onFocus: () => setFocusedId(item.id),
+          onClick: () => select(item.id),
+          onKeyDown: (event) => {
+            if (["ArrowRight", "ArrowLeft", "Home", "End"].includes(event.key)) {
+              event.preventDefault();
+              move(item.id, event.key);
+            }
+          },
+          children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "tabs__tab-label", children: item.label })
+        },
+        item.id
+      );
+    };
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        ref,
+        className: classes5("oods-tabs", "tabs", className),
+        "data-oods-component": "Tabs",
+        "data-size": size,
+        ...rest,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              ref: listRef,
+              className: "oods-tab-list tabs__list",
+              role: "tablist",
+              "aria-label": ariaLabel ?? ariaLabelAttribute,
+              children: [
+                visibleItems.map(renderTab),
+                overflowItems.length ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "oods-tabs__overflow", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "button",
+                    {
+                      type: "button",
+                      className: "tabs__overflow-trigger",
+                      "aria-label": `${overflowLabel} tabs`,
+                      "aria-haspopup": "menu",
+                      "aria-expanded": menuOpen,
+                      "data-tabs-overflow-trigger": "true",
+                      onClick: () => setMenuOpen((open) => !open),
+                      children: overflowLabel
+                    }
+                  ),
+                  menuOpen ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tabs__overflow-menu", role: "menu", children: overflowItems.map((item) => /* @__PURE__ */ jsxRuntime.jsx(
+                    "button",
+                    {
+                      type: "button",
+                      role: "menuitem",
+                      disabled: item.disabled || item.isDisabled,
+                      "aria-current": item.id === activeId ? "true" : void 0,
+                      className: classes5(
+                        "tabs__overflow-item",
+                        item.id === activeId && "tabs__overflow-item--selected"
+                      ),
+                      onClick: () => {
+                        select(item.id);
+                        setMenuOpen(false);
+                      },
+                      children: item.label
+                    },
+                    item.id
+                  )) }) : null
+                ] }) : null
+              ]
+            }
+          ),
+          items.map((item) => {
+            const selected = item.id === activeId;
+            return /* @__PURE__ */ jsxRuntime.jsx(
+              "div",
+              {
+                id: `${instanceId}-panel-${item.id}`,
+                role: "tabpanel",
+                className: "oods-tab-panel tabs__panel",
+                "aria-labelledby": `${instanceId}-tab-${item.id}`,
+                hidden: !selected,
+                tabIndex: 0,
+                children: selected ? item.panel : null
+              },
+              item.id
+            );
+          })
+        ]
+      }
+    );
+  }
+);
+Tabs.displayName = "OODS.Tabs";
+var classes6 = (...values) => values.filter(Boolean).join(" ");
+var humanize = (value) => value.split(/[_-]/).filter(Boolean).map((segment) => segment.charAt(0).toUpperCase() + segment.slice(1)).join(" ");
+var StatusBadge = React7__namespace.forwardRef(
+  ({
+    status,
+    value,
+    label,
+    children,
+    content,
+    domain = "subscription",
+    tone,
+    emphasis = "subtle",
+    showIcon = true,
+    field,
+    statusField,
+    domainField,
+    readOnly,
+    compact,
+    variant,
+    title,
+    "aria-label": ariaLabel,
+    ...rest
+  }, ref) => {
+    const resolvedStatus = status ?? value ?? "unknown";
+    const presentation = getStatusPresentation(domain, resolvedStatus);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Badge,
+      {
+        ref,
+        status: resolvedStatus,
+        domain,
+        tone: tone === "lifecycle" ? void 0 : tone,
+        emphasis: variant === "solid" ? "solid" : emphasis,
+        showIcon,
+        content: children ?? content,
+        title: title ?? presentation.description,
+        "aria-label": ariaLabel ?? label ?? `Status: ${presentation.label}`,
+        "data-oods-component": "StatusBadge",
+        ...rest
+      }
+    );
+  }
+);
+StatusBadge.displayName = "OODS.StatusBadge";
+function formatPrice(amount, currency, fallback2) {
+  if (amount === void 0 || !Number.isFinite(amount)) return fallback2;
+  if (!currency) return new Intl.NumberFormat(void 0, { maximumFractionDigits: 2 }).format(amount);
+  try {
+    return new Intl.NumberFormat(void 0, {
+      style: "currency",
+      currency: currency.toUpperCase()
+    }).format(amount);
+  } catch {
+    return `${currency.toUpperCase()} ${amount.toFixed(2)}`;
+  }
+}
+var PriceBadge = React7__namespace.forwardRef(
+  ({
+    amountCents,
+    unitAmountCents,
+    minorUnits,
+    amount,
+    unitAmount,
+    currency,
+    currencyCode,
+    label,
+    value,
+    children,
+    emphasis = "subtle",
+    field,
+    amountField,
+    currencyField,
+    intervalField,
+    minorUnitsParameter,
+    className,
+    ...rest
+  }, ref) => {
+    const cents = amountCents ?? unitAmountCents;
+    const resolvedCurrency = currency ?? currencyCode;
+    const resolvedAmount = cents === void 0 ? amount ?? unitAmount : cents / componentContracts.currencyMinorUnits(resolvedCurrency, minorUnits);
+    const content = label ?? children ?? formatPrice(resolvedAmount, resolvedCurrency, value ?? "Price");
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Badge,
+      {
+        ref,
+        content,
+        emphasis,
+        className: classes6("oods-price-badge", className),
+        "data-oods-component": "PriceBadge",
+        "data-badge-variant": "price",
+        "data-price": "true",
+        "data-currency": resolvedCurrency?.toUpperCase(),
+        ...rest
+      }
+    );
+  }
+);
+PriceBadge.displayName = "OODS.PriceBadge";
+function isRecord(value) {
+  return typeof value === "object" && value !== null && !Array.isArray(value);
+}
+function eventText(record, keys) {
+  for (const key of keys) {
+    const value = record[key];
+    if (typeof value === "string") return value;
+    if (typeof value === "number" || typeof value === "boolean") return String(value);
+  }
+  return void 0;
+}
+function normalizeTimelineEvents(values) {
+  return values.flatMap((value, index) => {
+    if (!isRecord(value)) {
+      return value === void 0 || value === null ? [] : [{ label: String(value) }];
+    }
+    const from = eventText(value, ["from"]);
+    const to = eventText(value, ["to"]);
+    return [{
+      id: eventText(value, ["id"]) ?? `event-${index}`,
+      label: eventText(value, ["label", "title"]) ?? (eventText(value, ["event", "status", "state"]) ? humanize(eventText(value, ["event", "status", "state"])) : void 0) ?? eventText(value, ["text", "name"]) ?? (to ? from ? `${humanize(from)} \u2192 ${humanize(to)}` : humanize(to) : void 0) ?? "Event",
+      from,
+      to,
+      status: eventText(value, ["status"]),
+      state: eventText(value, ["state"]),
+      timestamp: eventText(value, ["timestamp", "datetime", "time", "at", "createdAt", "updatedAt"]),
+      actor: eventText(value, ["actorId", "actor_id", "actor"]),
+      actorId: eventText(value, ["actorId", "actor_id"]),
+      reason: eventText(value, ["reason"]),
+      detail: eventText(value, ["detail", "description", "message"]) ?? (to ? from ? `${humanize(from)} \u2192 ${humanize(to)}` : humanize(to) : void 0)
+    }];
+  });
+}
+var TimelinePrimitive = React7__namespace.forwardRef(
+  ({
+    componentId,
+    defaultTitle,
+    kind,
+    source,
+    title = defaultTitle,
+    events,
+    history,
+    entries,
+    stateHistory,
+    status,
+    allowedTransitions,
+    showActorId = true,
+    showReason = true,
+    maxVisible,
+    children,
+    field,
+    historyField,
+    statesParameter,
+    auditLogField,
+    createdField,
+    updatedField,
+    eventField,
+    eventTimestampField,
+    eventOptionsParameter,
+    showFromState,
+    className,
+    ...rest
+  }, ref) => {
+    const allEvents = normalizeTimelineEvents(source ?? events ?? history ?? entries ?? stateHistory ?? []);
+    const visibleEvents = Number.isFinite(maxVisible) ? allEvents.slice(0, Math.max(0, Math.floor(maxVisible ?? 0))) : allEvents;
+    const transitionCount = allowedTransitions?.length ?? 0;
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        ref,
+        role: "log",
+        "aria-label": typeof title === "string" ? title : defaultTitle,
+        className: classes6("oods-timeline", `oods-${kind}-timeline`, className),
+        "data-oods-component": componentId,
+        "data-timeline-type": kind,
+        ...rest,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "oods-timeline__title", children: title }),
+          kind === "status" && status ? /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "oods-timeline__current", "data-timeline-current": "true", children: [
+            "Current status: ",
+            humanize(status)
+          ] }) : null,
+          transitionCount > 0 ? /* @__PURE__ */ jsxRuntime.jsxs("p", { children: [
+            "Allowed transitions: ",
+            allowedTransitions?.join(", ")
+          ] }) : null,
+          children ?? /* @__PURE__ */ jsxRuntime.jsx("ol", { className: "oods-timeline__events", children: visibleEvents.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("li", { "data-timeline-empty": "true", children: "No events" }) : visibleEvents.map((event, index) => {
+            const timestamp = event.timestamp ?? event.datetime;
+            const actor = event.actor ?? event.actorId ?? event.actor_id;
+            const eventLabel = event.label ?? event.title ?? (event.from && event.to ? `${humanize(event.from)} \u2192 ${humanize(event.to)}` : void 0) ?? (event.status ? humanize(event.status) : void 0) ?? (event.state ? humanize(event.state) : void 0) ?? "Event";
+            const detail = event.detail ?? event.description;
+            return /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsxs("article", { className: "oods-timeline__event", "data-timeline-event": "true", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "oods-timeline__label", children: eventLabel }),
+              timestamp ? /* @__PURE__ */ jsxRuntime.jsx("time", { dateTime: timestamp, children: componentContracts.formatDateTime(timestamp) }) : null,
+              detail ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "oods-timeline__detail", children: detail }) : null,
+              showActorId && actor ? /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "oods-timeline__actor", children: [
+                "Actor: ",
+                actor
+              ] }) : null,
+              showReason && event.reason ? /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "oods-timeline__reason", children: [
+                "Reason: ",
+                event.reason
+              ] }) : null
+            ] }) }, event.id ?? `${timestamp ?? "event"}-${index}`);
+          }) })
+        ]
+      }
+    );
+  }
+);
+TimelinePrimitive.displayName = "OODS.TimelinePrimitive";
+var StatusTimeline = React7__namespace.forwardRef(
+  (props, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    TimelinePrimitive,
+    {
+      ref,
+      componentId: "StatusTimeline",
+      defaultTitle: "Status Timeline",
+      kind: "status",
+      ...props
+    }
+  )
+);
+StatusTimeline.displayName = "OODS.StatusTimeline";
+var AuditTimeline = React7__namespace.forwardRef(
+  ({ auditLog, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    TimelinePrimitive,
+    {
+      ref,
+      componentId: "AuditTimeline",
+      defaultTitle: "Audit Timeline",
+      kind: "audit",
+      source: auditLog,
+      ...props
+    }
+  )
+);
+AuditTimeline.displayName = "OODS.AuditTimeline";
+var CancellationSummary = React7__namespace.forwardRef(
+  ({
+    label,
+    title = label ?? "Cancellation Summary",
+    cancelAtPeriodEnd,
+    requestedAt,
+    reason,
+    code,
+    children,
+    field,
+    cancelAtPeriodEndField,
+    requestedAtField,
+    reasonField,
+    codeField,
+    className,
+    ...rest
+  }, ref) => {
+    const childValue = typeof children === "boolean" ? children ? "Yes" : "No" : children;
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "section",
+      {
+        ref,
+        className: classes6("oods-cancellation-summary", className),
+        "data-oods-component": "CancellationSummary",
+        "data-summary-type": "cancellation",
+        "data-cancellation-state": cancelAtPeriodEnd === void 0 ? void 0 : String(cancelAtPeriodEnd),
+        ...rest,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("h2", { children: title }),
+          /* @__PURE__ */ jsxRuntime.jsxs("dl", { children: [
+            cancelAtPeriodEnd !== void 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-summary-item": "true", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("dt", { children: "Cancel at period end" }),
+              /* @__PURE__ */ jsxRuntime.jsx("dd", { children: cancelAtPeriodEnd ? "Yes" : "No" })
+            ] }) : null,
+            requestedAt ? /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-summary-item": "true", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("dt", { children: "Requested at" }),
+              /* @__PURE__ */ jsxRuntime.jsx("dd", { children: componentContracts.formatDateTime(requestedAt) })
+            ] }) : null,
+            reason ? /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-summary-item": "true", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("dt", { children: "Reason" }),
+              /* @__PURE__ */ jsxRuntime.jsx("dd", { children: reason })
+            ] }) : null,
+            code ? /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-summary-item": "true", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("dt", { children: "Code" }),
+              /* @__PURE__ */ jsxRuntime.jsx("dd", { children: componentContracts.formatReadOnlyValue(code, "string", true) })
+            ] }) : null,
+            childValue !== void 0 && childValue !== null ? /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-summary-item": "true", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("dt", { children: label ?? "Cancellation" }),
+              /* @__PURE__ */ jsxRuntime.jsx("dd", { children: childValue })
+            ] }) : null
+          ] })
+        ]
+      }
+    );
+  }
+);
+CancellationSummary.displayName = "OODS.CancellationSummary";
+var SearchInput = React7__namespace.forwardRef(
+  ({
+    id,
+    label = "Search",
+    value,
+    defaultValue = "",
+    placeholder = "Search\u2026",
+    clearable = true,
+    debounceMs,
+    debounce,
+    minQueryLength = 0,
+    field,
+    placeholderParameter,
+    debounceParameter,
+    minQueryLengthParameter,
+    clearableParameter,
+    disabled,
+    className,
+    onChange,
+    onValueChange,
+    onUpdate,
+    onSearch,
+    onClear,
+    onKeyDown,
+    ...rest
+  }, ref) => {
+    const generatedId = React7__namespace.useId();
+    const resolvedId = id ?? `oods-search-${generatedId.replace(/:/g, "")}`;
+    const [uncontrolledValue, setUncontrolledValue] = React7__namespace.useState(defaultValue);
+    const currentValue = value ?? uncontrolledValue;
+    const timerRef = React7__namespace.useRef(void 0);
+    const delay = Math.max(0, debounceMs ?? debounce ?? 0);
+    React7__namespace.useEffect(() => () => {
+      if (timerRef.current !== void 0) clearTimeout(timerRef.current);
+    }, []);
+    const publish = (nextValue) => {
+      if (timerRef.current !== void 0) clearTimeout(timerRef.current);
+      const emit = () => {
+        if (nextValue.length >= minQueryLength || nextValue.length === 0) {
+          onValueChange?.(nextValue);
+          onUpdate?.(nextValue);
+          onSearch?.(nextValue);
+        }
+      };
+      if (delay === 0) emit();
+      else timerRef.current = setTimeout(emit, delay);
+    };
+    const updateValue = (nextValue) => {
+      if (value === void 0) setUncontrolledValue(nextValue);
+      publish(nextValue);
+    };
+    const handleChange = (event) => {
+      onChange?.(event);
+      if (!event.defaultPrevented) updateValue(event.currentTarget.value);
+    };
+    const clear = () => {
+      onClear?.();
+      updateValue("");
+    };
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        role: "search",
+        "aria-label": label,
+        className: classes6("oods-search-input", className),
+        "data-oods-component": "SearchInput",
+        "data-behavioral": "search",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            Input,
+            {
+              ...rest,
+              ref,
+              id: resolvedId,
+              type: "search",
+              label,
+              placeholder,
+              value: currentValue,
+              disabled,
+              inputClassName: "oods-search-input__control",
+              onChange: handleChange,
+              onKeyDown: (event) => {
+                onKeyDown?.(event);
+                if (!event.defaultPrevented && event.key === "Escape" && currentValue) clear();
+              }
+            }
+          ),
+          clearable && currentValue ? /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              className: "oods-search-input__clear",
+              "aria-label": "Clear search",
+              disabled,
+              onClick: clear,
+              children: "\xD7"
+            }
+          ) : null
+        ]
+      }
+    );
+  }
+);
+SearchInput.displayName = "OODS.SearchInput";
+function visiblePages(page, totalPages) {
+  if (totalPages <= 7) return Array.from({ length: totalPages }, (_, index) => index + 1);
+  const candidates = /* @__PURE__ */ new Set([1, totalPages, page - 1, page, page + 1]);
+  const pages = [...candidates].filter((candidate) => candidate >= 1 && candidate <= totalPages).sort((a, b) => a - b);
+  const result = [];
+  for (const candidate of pages) {
+    const previous = result[result.length - 1];
+    if (typeof previous === "number" && candidate - previous > 1) result.push("ellipsis");
+    result.push(candidate);
+  }
+  return result;
+}
+var PaginationBar = React7__namespace.forwardRef(
+  ({
+    page = 1,
+    pageSize = 25,
+    totalItems = 0,
+    totalPages: suppliedTotalPages,
+    pageSizeOptions = [10, 25, 50, 100],
+    showPageSizeSelector = false,
+    showGotoPage = false,
+    showItemRange = true,
+    pageField,
+    pageSizeField,
+    totalItemsField,
+    totalPagesField,
+    pageSizeOptionsParameter,
+    showPageSizeSelectorParameter,
+    showGotoPageParameter,
+    showItemRangeParameter,
+    onPageChange,
+    onPageSizeChange,
+    onChange,
+    onUpdate,
+    className,
+    "aria-label": ariaLabel = "Pagination",
+    ...rest
+  }, ref) => {
+    const safePageSize = Number.isFinite(pageSize) && pageSize > 0 ? Math.floor(pageSize) : 25;
+    const derivedTotalPages = safePageSize > 0 ? Math.ceil(Math.max(0, totalItems) / safePageSize) : 0;
+    const totalPages = Math.max(0, Math.floor(suppliedTotalPages ?? derivedTotalPages));
+    const currentPage = totalPages > 0 ? Math.max(1, Math.min(Math.floor(page), totalPages)) : 1;
+    const goToPage = (nextPage) => {
+      if (totalPages === 0) return;
+      const target = Math.max(1, Math.min(Math.floor(nextPage), totalPages));
+      if (target === currentPage) return;
+      onPageChange?.(target);
+      onChange?.(target);
+      onUpdate?.(target);
+    };
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "nav",
+      {
+        ref,
+        "aria-label": ariaLabel,
+        className: classes6("oods-pagination-bar", className),
+        "data-oods-component": "PaginationBar",
+        "data-behavioral": "pagination",
+        ...rest,
+        children: [
+          showItemRange ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { "data-pagination-count": "true", children: `${totalItems} ${totalItems === 1 ? "record" : "records"}` }),
+            totalItems > 0 && totalPages > 1 && /* @__PURE__ */ jsxRuntime.jsx("span", { "data-pagination-range": "true", children: `Showing ${(currentPage - 1) * safePageSize + 1}\u2013${Math.min(currentPage * safePageSize, totalItems)} of ${totalItems}` })
+          ] }) : null,
+          totalPages > 1 ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                "aria-label": "Previous page",
+                "data-pagination-prev": "true",
+                disabled: totalPages === 0 || currentPage <= 1,
+                onClick: () => goToPage(currentPage - 1),
+                children: "\u2039"
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx("ol", { className: "oods-pagination-bar__pages", children: visiblePages(currentPage, totalPages).map((item, index) => item === "ellipsis" ? /* @__PURE__ */ jsxRuntime.jsx("li", { "aria-hidden": "true", children: "\u2026" }, `ellipsis-${index}`) : /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                "aria-label": `Page ${item}`,
+                "aria-current": item === currentPage ? "page" : void 0,
+                "data-pagination-page": item,
+                onClick: () => goToPage(item),
+                children: item
+              }
+            ) }, item)) }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                "aria-label": "Next page",
+                "data-pagination-next": "true",
+                disabled: totalPages === 0 || currentPage >= totalPages,
+                onClick: () => goToPage(currentPage + 1),
+                children: "\u203A"
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { "data-pagination-current": "true", children: `Page ${currentPage} of ${Math.max(1, totalPages)}` })
+          ] }) : null,
+          showPageSizeSelector ? /* @__PURE__ */ jsxRuntime.jsxs("label", { children: [
+            "Items per page",
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "select",
+              {
+                "aria-label": "Items per page",
+                value: safePageSize,
+                onChange: (event) => onPageSizeChange?.(Number(event.currentTarget.value)),
+                children: pageSizeOptions.map((option) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: option, children: option }, option))
+              }
+            )
+          ] }) : null,
+          showGotoPage ? /* @__PURE__ */ jsxRuntime.jsxs("label", { children: [
+            "Go to page",
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "input",
+              {
+                type: "number",
+                min: 1,
+                max: Math.max(1, totalPages),
+                defaultValue: currentPage,
+                onKeyDown: (event) => {
+                  if (event.key === "Enter") goToPage(Number(event.currentTarget.value));
+                }
+              }
+            )
+          ] }) : null
+        ]
+      }
+    );
+  }
+);
+PaginationBar.displayName = "OODS.PaginationBar";
+function asDate(value) {
+  if (value === void 0) return void 0;
+  const date = value instanceof Date ? value : new Date(value);
+  return Number.isNaN(date.getTime()) ? void 0 : date;
+}
+function relativeLabel(date, now) {
+  const seconds = Math.round((date.getTime() - now.getTime()) / 1e3);
+  const units = [
+    ["year", 31536e3],
+    ["month", 2592e3],
+    ["day", 86400],
+    ["hour", 3600],
+    ["minute", 60]
+  ];
+  const [unit, divisor] = units.find(([, candidate]) => Math.abs(seconds) >= candidate) ?? ["second", 1];
+  return new Intl.RelativeTimeFormat(void 0, { numeric: "auto" }).format(
+    Math.round(seconds / divisor),
+    unit
+  );
+}
+var RelativeTimestamp = React7__namespace.forwardRef(
+  ({
+    datetime,
+    timestamp,
+    value,
+    updatedAt,
+    createdAt,
+    relative,
+    label,
+    text,
+    timezone = "UTC",
+    hideWhenEmpty,
+    now,
+    children,
+    field,
+    fallbackField,
+    timezoneParameter,
+    title,
+    className,
+    ...rest
+  }, ref) => {
+    const childRaw = typeof children === "string" || typeof children === "number" ? children : void 0;
+    const raw = datetime ?? timestamp ?? value ?? updatedAt ?? createdAt ?? childRaw;
+    const date = asDate(raw);
+    if (hideWhenEmpty && !date) return null;
+    const nowDate = asDate(now) ?? /* @__PURE__ */ new Date();
+    const iso = date?.toISOString() ?? (raw === void 0 ? void 0 : String(raw));
+    const absolute = componentContracts.formatDateTime(date, { timeZone: timezone });
+    const content = relative ?? label ?? text ?? (now !== void 0 && date ? relativeLabel(date, nowDate) : absolute || children || "Unknown time");
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "time",
+      {
+        ref,
+        dateTime: iso,
+        title: title ?? absolute,
+        className: classes6("oods-relative-timestamp", className),
+        "data-oods-component": "RelativeTimestamp",
+        suppressHydrationWarning: true,
+        ...rest,
+        children: content
+      }
+    );
+  }
+);
+RelativeTimestamp.displayName = "OODS.RelativeTimestamp";
+var classes7 = (...values) => values.filter(Boolean).join(" ");
+var firstText = (...values) => values.find((value) => typeof value === "string" && value.trim().length > 0);
+function childContent(children) {
+  const flatten = (value) => React7__namespace.Children.toArray(value).flatMap((node) => {
+    if (React7__namespace.isValidElement(node) && node.type === React7__namespace.Fragment) {
+      return flatten(node.props.children);
+    }
+    return [node];
+  });
+  const nodes = flatten(children);
+  if (nodes.every((node) => typeof node === "string" || typeof node === "number")) {
+    const scalar = nodes.join("");
+    return { scalar: scalar.trim().length > 0 ? scalar : void 0, authored: false };
+  }
+  return { authored: nodes.length > 0 };
+}
+function headingElement(as, level, fallback2) {
+  if (as && /^h[1-6]$/.test(as)) return as;
+  const bounded = Number.isFinite(level) ? Math.max(1, Math.min(6, Math.trunc(level))) : fallback2;
+  return `h${bounded}`;
+}
+function notEcho(supporting, heading) {
+  if (!supporting || !heading) return supporting;
+  return supporting.trim() === heading.trim() ? void 0 : supporting;
+}
+var DetailHeader = React7__namespace.forwardRef(
+  ({ title, label, text, subtitle, sublabel, description, metadata, meta, level, as, children, className, ...rest }, ref) => {
+    const Heading = headingElement(as, level, 2);
+    const content = childContent(children);
+    const heading = content.scalar ?? firstText(title, label, text) ?? "Details";
+    const supporting = notEcho(firstText(subtitle, sublabel, description), heading);
+    const metadataText = firstText(metadata, meta);
+    return /* @__PURE__ */ jsxRuntime.jsx("header", { ref, className: classes7("oods-detail-header", className), "data-oods-component": "DetailHeader", ...rest, children: content.authored ? children : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(Heading, { children: heading }),
+      supporting ? /* @__PURE__ */ jsxRuntime.jsx("span", { "data-oods-subtitle": "true", children: supporting }) : null,
+      metadataText ? /* @__PURE__ */ jsxRuntime.jsx("span", { "data-oods-metadata": "true", children: metadataText }) : null
+    ] }) });
+  }
+);
+DetailHeader.displayName = "OODS.DetailHeader";
+var CardHeader = React7__namespace.forwardRef(
+  ({ title, label, text, supporting, supportingText, subtitle, description, level, as, children, className, ...rest }, ref) => {
+    const Heading = headingElement(as, level, 2);
+    const content = childContent(children);
+    const heading = content.scalar ?? firstText(title, label, text) ?? "Card";
+    const supportingLabel = notEcho(firstText(supporting, supportingText, subtitle, description), heading);
+    return /* @__PURE__ */ jsxRuntime.jsx("header", { ref, className: classes7("oods-card-header", className), "data-oods-component": "CardHeader", ...rest, children: content.authored ? children : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(Heading, { children: heading }),
+      supportingLabel ? /* @__PURE__ */ jsxRuntime.jsx("span", { "data-oods-supporting": "true", children: supportingLabel }) : null
+    ] }) });
+  }
+);
+CardHeader.displayName = "OODS.CardHeader";
+var ColorSwatch = React7__namespace.forwardRef(
+  ({ color, value, state, label, children, className, style, ...rest }, ref) => {
+    const resolvedColor = firstText(color, value, state);
+    const content = childContent(children);
+    const resolvedLabel = content.scalar ?? firstText(label) ?? resolvedColor ?? "default";
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "span",
+      {
+        ref,
+        className: classes7("oods-color-swatch", className),
+        "data-oods-component": "ColorSwatch",
+        "data-summary-type": "color-swatch",
+        "data-swatch-color": resolvedColor ?? "default",
+        style: { "--oods-swatch-color": resolvedColor === "default" ? void 0 : resolvedColor, ...style },
+        ...rest,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { "data-oods-swatch-chip": "true", "aria-hidden": "true" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { "data-oods-swatch-label": "true", children: resolvedLabel }),
+          content.authored ? children : null
+        ]
+      }
+    );
+  }
+);
+ColorSwatch.displayName = "OODS.ColorSwatch";
+var ColorizedBadge = React7__namespace.forwardRef(
+  ({ label, text, state, value, status, color, hue, swatch, variant, tone, emphasis, children, className, style, ...rest }, ref) => {
+    const content = childContent(children);
+    const resolvedLabel = content.scalar ?? firstText(label, text, state, value) ?? "Color";
+    const resolvedColor = firstText(color, hue, swatch, state);
+    const resolvedStatus = firstText(status, state, value);
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      Badge,
+      {
+        ref,
+        status: resolvedStatus,
+        tone,
+        emphasis,
+        className: classes7("oods-colorized-badge", className),
+        "data-oods-component": "ColorizedBadge",
+        "data-badge-status": resolvedStatus,
+        "data-badge-color": resolvedColor,
+        "data-badge-variant": firstText(variant) ?? "colorized",
+        icon: /* @__PURE__ */ jsxRuntime.jsx("span", { "data-oods-badge-marker": "true", "aria-hidden": "true" }),
+        style: { "--oods-badge-color": resolvedColor, ...style },
+        ...rest,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { "data-oods-badge-label": "true", children: resolvedLabel }),
+          content.authored ? children : null
+        ]
+      }
+    );
+  }
+);
+ColorizedBadge.displayName = "OODS.ColorizedBadge";
+var VizAreaPreview = React7__namespace.forwardRef(
+  ({ width = 640, height = 360, svg, svgNarrow, svgWide, title, description, children, className, style, ...rest }, ref) => {
+    const content = childContent(children);
+    if (svg !== void 0) {
+      return /* @__PURE__ */ jsxRuntime.jsxs(
+        "figure",
+        {
+          ref,
+          className: classes7("oods-viz-area-preview", className),
+          "data-oods-component": "VizAreaPreview",
+          "data-viz-preview-type": "area",
+          "data-viz-rendered": "true",
+          "data-viz-width": width,
+          "data-viz-height": height,
+          "data-viz-narrow": svgNarrow !== void 0 ? "true" : void 0,
+          "data-viz-wide": svgWide !== void 0 ? "true" : void 0,
+          role: "img",
+          "aria-label": title ?? description ?? "Payment amounts",
+          style: { "--oods-viz-width": `${width}px`, ...style },
+          ...rest,
+          children: [
+            title && !componentContracts.svgCarriesTitle(svg, title) ? /* @__PURE__ */ jsxRuntime.jsx("figcaption", { children: title }) : null,
+            /* @__PURE__ */ jsxRuntime.jsx("div", { "data-viz-svg": "true", dangerouslySetInnerHTML: { __html: componentContracts.assertStaticSvg(svg) } }),
+            svgNarrow !== void 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { "data-viz-svg-narrow": "true", dangerouslySetInnerHTML: { __html: componentContracts.assertStaticSvg(svgNarrow) } }) : null,
+            svgWide !== void 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { "data-viz-svg-wide": "true", dangerouslySetInnerHTML: { __html: componentContracts.assertStaticSvg(svgWide) } }) : null,
+            description ? /* @__PURE__ */ jsxRuntime.jsx("p", { "data-viz-description": "true", children: description }) : null
+          ]
+        }
+      );
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        ref,
+        className: classes7("oods-viz-area-preview", className),
+        "data-oods-component": "VizAreaPreview",
+        "data-viz-preview-type": "area",
+        "data-viz-width": width,
+        "data-viz-height": height,
+        style: { "--oods-viz-width": `${width}px`, "--oods-viz-height": `${height}px`, ...style },
+        ...rest,
+        children: content.authored || content.scalar !== void 0 ? children : /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-viz-preview-placeholder": "true", children: [
+          "Area preview (",
+          width,
+          " x ",
+          height,
+          ")"
+        ] })
+      }
+    );
+  }
+);
+VizAreaPreview.displayName = "OODS.VizAreaPreview";
+var firstScalar = (...values) => {
+  for (const value of values) {
+    if (typeof value === "string") {
+      if (value.trim().length > 0) return value;
+      continue;
+    }
+    if (typeof value === "number" || typeof value === "boolean") return String(value);
+  }
+  return void 0;
+};
+var isRecord2 = (value) => value !== null && typeof value === "object" && !Array.isArray(value);
+var descriptorLabel = (descriptor) => firstText(
+  typeof descriptor.label === "string" ? descriptor.label : void 0,
+  typeof descriptor.field === "string" ? descriptor.field : void 0
+) ?? "Filter";
+function createPanelSection(component, className, panelType, defaultTitle) {
+  const Panel = React7__namespace.forwardRef(
+    ({ title, label, heading, name, subtitle, description, metadata, summary: summary2, text, body, emptyMessage, children, className: consumerClassName, ...rest }, ref) => {
+      const content = childContent(children);
+      const authored = content.authored || content.scalar !== void 0;
+      const resolvedTitle = firstText(title, label, heading, name) ?? defaultTitle;
+      const resolvedSubtitle = firstText(subtitle, description, metadata);
+      const fallback2 = firstText(summary2, text, body, emptyMessage);
+      return /* @__PURE__ */ jsxRuntime.jsxs(
+        "section",
+        {
+          ref,
+          className: classes7(className, consumerClassName),
+          "data-oods-component": component,
+          "data-panel-type": panelType,
+          ...rest,
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("header", { "data-panel-header": "true", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("h2", { children: resolvedTitle }),
+              resolvedSubtitle ? /* @__PURE__ */ jsxRuntime.jsx("span", { "data-panel-subtitle": "true", children: resolvedSubtitle }) : null
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { "data-panel-content": "true", children: authored ? children : fallback2 ? /* @__PURE__ */ jsxRuntime.jsx("span", { "data-panel-summary": "true", children: fallback2 }) : null })
+          ]
+        }
+      );
+    }
+  );
+  Panel.displayName = `OODS.${component}`;
+  return Panel;
+}
+var ClassificationPanel = createPanelSection("ClassificationPanel", "oods-classification-panel", "classification", "Classification");
+var AddressCollectionPanel = createPanelSection("AddressCollectionPanel", "oods-address-collection-panel", "address", "Addresses");
+var MembershipPanel = createPanelSection("MembershipPanel", "oods-membership-panel", "membership", "Membership");
+var PreferencePanel = createPanelSection("PreferencePanel", "oods-preference-panel", "preference", "Preferences");
+var FilterPanel = React7__namespace.forwardRef(
+  ({ filters, activeFilters, mode, collapsible = true, children, className, ...rest }, ref) => {
+    const content = childContent(children);
+    const authored = content.authored || content.scalar !== void 0;
+    const resolvedMode = firstText(mode) ?? "immediate";
+    const descriptors = (Array.isArray(filters) ? filters : []).filter(isRecord2);
+    const activeCount = Array.isArray(activeFilters) ? activeFilters.length : 0;
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "aside",
+      {
+        ref,
+        className: classes7("oods-filter-panel", className),
+        "data-oods-component": "FilterPanel",
+        "data-behavioral": "filter",
+        "data-filter-mode": resolvedMode,
+        role: "region",
+        "aria-label": "Filters",
+        ...rest,
+        children: authored ? children : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          activeCount > 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-active-filters": "true", "aria-live": "polite", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("span", { "data-filter-count": "true", children: [
+              activeCount,
+              " active"
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", "data-filter-clear-all": "true", children: "Clear all" })
+          ] }) : null,
+          descriptors.map((descriptor, index) => /* @__PURE__ */ jsxRuntime.jsx("fieldset", { "data-filter-section": "true", "data-collapsible": collapsible ? "true" : void 0, children: /* @__PURE__ */ jsxRuntime.jsx("legend", { children: descriptorLabel(descriptor) }) }, index)),
+          resolvedMode === "batch" ? /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", "data-filter-apply": "true", children: "Apply" }) : null
+        ] })
+      }
+    );
+  }
+);
+FilterPanel.displayName = "OODS.FilterPanel";
+var PriceSummary = React7__namespace.forwardRef(
+  ({
+    title,
+    label,
+    heading,
+    name,
+    amount,
+    amountCents,
+    unitAmountCents,
+    minorUnits,
+    currency,
+    currencyCode,
+    model,
+    pricingModel,
+    interval,
+    billingInterval,
+    summary: summary2,
+    text,
+    description,
+    children,
+    className,
+    ...rest
+  }, ref) => {
+    const content = childContent(children);
+    const authored = content.authored || content.scalar !== void 0;
+    const resolvedTitle = firstText(title, label, heading, name) ?? "Price Summary";
+    const entries = [
+      ["Amount", [amount, amountCents, unitAmountCents, currency, currencyCode, model, pricingModel, interval, billingInterval].some((value) => value !== void 0) ? componentContracts.formatPriceAmount(amount ?? amountCents ?? unitAmountCents, firstText(currency, currencyCode), minorUnits) : void 0],
+      ["Currency", firstScalar(currency, currencyCode)],
+      ["Model", componentContracts.formatPriceCode(model ?? pricingModel)],
+      ["Interval", componentContracts.formatPriceCode(interval ?? billingInterval)]
+    ];
+    const terms = entries.filter((entry) => entry[1] !== void 0);
+    const fallback2 = firstText(summary2, text, description);
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "section",
+      {
+        ref,
+        className: classes7("oods-price-summary", className),
+        "data-oods-component": "PriceSummary",
+        "data-summary-type": "price",
+        ...rest,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("h2", { "data-summary-title": "true", children: resolvedTitle }),
+          authored ? children : terms.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx("dl", { children: terms.map(([term, value]) => /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-summary-item": "true", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("dt", { children: term }),
+            /* @__PURE__ */ jsxRuntime.jsx("dd", { children: value })
+          ] }, term)) }) : fallback2 ? /* @__PURE__ */ jsxRuntime.jsx("p", { "data-summary-fallback": "true", children: fallback2 }) : /* @__PURE__ */ jsxRuntime.jsx("dl", {})
+        ]
+      }
+    );
+  }
+);
+PriceSummary.displayName = "OODS.PriceSummary";
+var normalizeTagItems = (value) => {
+  if (!Array.isArray(value)) return [];
+  const items = [];
+  for (const entry of value) {
+    if (entry === void 0 || entry === null) continue;
+    if (isRecord2(entry)) {
+      const text = firstScalar(
+        ...["label", "name", "role", "value", "id"].map((key) => {
+          const candidate = entry[key];
+          return typeof candidate === "string" || typeof candidate === "number" || typeof candidate === "boolean" ? candidate : void 0;
+        })
+      );
+      if (text) items.push(text);
+      continue;
+    }
+    items.push(typeof entry === "object" ? JSON.stringify(entry) : String(entry));
+  }
+  return items.filter((item) => item.length > 0);
+};
+var TagManager = React7__namespace.forwardRef(
+  ({ title, label, heading, name, description, subtitle, hint, tags, value, children, className, onSubmit, ...rest }, ref) => {
+    const content = childContent(children);
+    const authored = content.authored || content.scalar !== void 0;
+    const resolvedTitle = firstText(title, label, heading, name) ?? "Tag Manager";
+    const resolvedSubtitle = firstText(description, subtitle, hint);
+    const items = normalizeTagItems(tags ?? value);
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "form",
+      {
+        ref,
+        className: classes7("oods-tag-manager", className),
+        "data-oods-component": "TagManager",
+        "data-form-type": "tag-manager",
+        onSubmit: (event) => {
+          event.preventDefault();
+          onSubmit?.(event);
+        },
+        ...rest,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("header", { "data-form-header": "true", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("h2", { children: resolvedTitle }),
+            resolvedSubtitle ? /* @__PURE__ */ jsxRuntime.jsx("span", { "data-form-subtitle": "true", children: resolvedSubtitle }) : null
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { "data-form-content": "true", children: authored ? children : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { "data-tag-list": "true", children: items.map((tag, index) => /* @__PURE__ */ jsxRuntime.jsx("span", { "data-tag-item": "true", children: tag }, index)) }),
+            /* @__PURE__ */ jsxRuntime.jsxs("label", { "data-form-control": "input", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Add Tag" }),
+              /* @__PURE__ */ jsxRuntime.jsx("input", { type: "text", name: "newTag", placeholder: "Type a tag" })
+            ] })
+          ] }) })
+        ]
+      }
+    );
+  }
+);
+TagManager.displayName = "OODS.TagManager";
+var asCount = (value) => {
+  if (typeof value === "number" && Number.isFinite(value)) return value;
+  if (typeof value === "string" && value.trim().length > 0) {
+    const parsed = Number.parseInt(value, 10);
+    if (Number.isFinite(parsed)) return parsed;
+  }
+  return void 0;
+};
+function createBadgeFamily(options) {
+  const consumed = /* @__PURE__ */ new Set([...options.labelKeys, ...options.statusKeys, "variant", "tone", "emphasis"]);
+  const Family = React7__namespace.forwardRef((allProps, ref) => {
+    const { children, className, ...rest } = allProps;
+    const record = rest;
+    const scalar = (key) => {
+      const value = record[key];
+      if (typeof value === "boolean" && options.booleanProps?.includes(key)) return String(value);
+      return typeof value === "string" && value.trim().length > 0 ? value : void 0;
+    };
+    const content = childContent(children);
+    const label = content.scalar ?? firstText(...options.labelKeys.map((key) => options.component === "CancellationBadge" && typeof record[key] === "boolean" && options.booleanProps?.includes(key) ? record[key] ? "Cancellation scheduled" : "No cancellation scheduled" : scalar(key))) ?? options.defaultLabel;
+    const status = firstText(...options.statusKeys.map(scalar));
+    const variant = scalar("variant") ?? options.defaultVariant;
+    const tone = record.tone;
+    const emphasis = record.emphasis;
+    const domRest = {};
+    for (const [key, value] of Object.entries(record)) if (!consumed.has(key)) domRest[key] = value;
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Badge,
+      {
+        ref,
+        status,
+        showIcon: false,
+        tone,
+        emphasis,
+        className: classes7(options.className, className),
+        "data-oods-component": options.component,
+        "data-badge-status": status,
+        "data-badge-variant": variant,
+        ...domRest,
+        children: content.authored ? children : /* @__PURE__ */ jsxRuntime.jsx("span", { "data-oods-badge-label": "true", children: label })
+      }
+    );
+  });
+  Family.displayName = `OODS.${options.component}`;
+  return Family;
+}
+var AddressSummaryBadge = createBadgeFamily({
+  component: "AddressSummaryBadge",
+  className: "oods-address-summary-badge",
+  defaultLabel: "Address",
+  defaultVariant: "address",
+  labelKeys: ["label", "text", "role", "value"],
+  statusKeys: ["status", "state", "role"]
+});
+var MessageStatusBadge = createBadgeFamily({
+  component: "MessageStatusBadge",
+  className: "oods-message-status-badge",
+  defaultLabel: "Message",
+  defaultVariant: "message",
+  labelKeys: ["label", "text", "status", "delivery", "value"],
+  statusKeys: ["status", "state", "delivery", "value"]
+});
+var PreferenceSummaryBadge = createBadgeFamily({
+  component: "PreferenceSummaryBadge",
+  className: "oods-preference-summary-badge",
+  defaultLabel: "Preferences",
+  defaultVariant: "preference",
+  labelKeys: ["label", "text", "namespace", "value"],
+  statusKeys: ["status", "state", "version"]
+});
+var RoleBadgeList = React7__namespace.forwardRef(
+  ({ roles, badges, roleLabels, value, variant, tone, label, text, children, className, ...rest }, ref) => {
+    const content = childContent(children);
+    const authored = content.authored || content.scalar !== void 0;
+    const items = normalizeTagItems(roles ?? badges ?? roleLabels ?? value);
+    const resolvedVariant = firstText(variant, tone) ?? "roles";
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "span",
+      {
+        ref,
+        className: classes7("oods-role-badge-list", className),
+        "data-oods-component": "RoleBadgeList",
+        "data-badge-variant": resolvedVariant,
+        ...rest,
+        children: authored ? children : items.length > 0 ? items.map((role, index) => /* @__PURE__ */ jsxRuntime.jsx("span", { "data-role-badge": "true", children: role }, index)) : firstText(label, text) ?? "Roles"
+      }
+    );
+  }
+);
+RoleBadgeList.displayName = "OODS.RoleBadgeList";
+var TagPills = React7__namespace.forwardRef(
+  ({ tags, value, maxVisible, overflowLabel, children, className, ...rest }, ref) => {
+    const content = childContent(children);
+    const authored = content.authored || content.scalar !== void 0;
+    const items = normalizeTagItems(tags ?? value);
+    const limit = asCount(maxVisible) ?? items.length;
+    const visible = items.slice(0, Math.max(0, limit));
+    const overflow = items.length - visible.length;
+    const template = firstText(overflowLabel);
+    const overflowText = overflow > 0 ? template ? template.replace("{{ tag_count }}", String(items.length)) : `+${overflow}` : "";
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        ref,
+        className: classes7("oods-tag-pills", className),
+        "data-oods-component": "TagPills",
+        "data-summary-type": "tag-pills",
+        ...rest,
+        children: authored ? children : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          visible.map((tag, index) => /* @__PURE__ */ jsxRuntime.jsx("span", { "data-tag-pill": "true", children: tag }, index)),
+          overflowText ? /* @__PURE__ */ jsxRuntime.jsx("span", { "data-tag-overflow": "true", children: overflowText }) : null
+        ] })
+      }
+    );
+  }
+);
+TagPills.displayName = "OODS.TagPills";
+var normalizeTimelineItems = (raw) => {
+  if (!Array.isArray(raw)) return [];
+  const items = [];
+  const read = (record, keys) => firstScalar(
+    ...keys.map((key) => {
+      const value = record[key];
+      return typeof value === "string" || typeof value === "number" || typeof value === "boolean" ? value : void 0;
+    })
+  );
+  for (const entry of raw) {
+    if (entry === void 0 || entry === null) continue;
+    if (isRecord2(entry)) {
+      items.push({
+        label: read(entry, ["label", "title", "event", "status", "state", "text", "name"]) ?? "Event",
+        timestamp: read(entry, ["timestamp", "datetime", "time", "at", "createdAt", "updatedAt"]),
+        detail: read(entry, ["detail", "description", "reason", "message", "from", "to"])
+      });
+      continue;
+    }
+    items.push({ label: typeof entry === "object" ? JSON.stringify(entry) : String(entry) });
+  }
+  return items;
+};
+function createTimelineFamily(options) {
+  const consumed = /* @__PURE__ */ new Set(["title", "label", "heading", "name", ...options.eventKeys]);
+  const Family = React7__namespace.forwardRef((allProps, ref) => {
+    const { children, className, ...rest } = allProps;
+    const record = rest;
+    const text = (key) => {
+      const value = record[key];
+      return typeof value === "string" && value.trim().length > 0 ? value : void 0;
+    };
+    const content = childContent(children);
+    const authored = content.authored || content.scalar !== void 0;
+    const title = firstText(text("title"), text("label"), text("heading"), text("name")) ?? options.defaultTitle;
+    const events = normalizeTimelineItems(options.eventKeys.map((key) => record[key]).find((value) => Array.isArray(value)));
+    const domRest = {};
+    for (const [key, value] of Object.entries(record)) if (!consumed.has(key)) domRest[key] = value;
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        ref,
+        className: classes7(options.className, className),
+        "data-oods-component": options.component,
+        "data-timeline-type": options.timelineType,
+        role: "log",
+        "aria-label": title,
+        ...domRest,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("h2", { "data-timeline-title": "true", children: title }),
+          /* @__PURE__ */ jsxRuntime.jsx("ol", { "data-timeline-events": "true", children: authored ? children : events.length > 0 ? events.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsxs("article", { "data-timeline-event": "true", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("p", { "data-timeline-label": "true", children: item.label }),
+            item.timestamp ? /* @__PURE__ */ jsxRuntime.jsx("time", { "data-timeline-time": "true", dateTime: item.timestamp, children: item.timestamp }) : null,
+            item.detail ? /* @__PURE__ */ jsxRuntime.jsx("p", { "data-timeline-detail": "true", children: item.detail }) : null
+          ] }) }, index)) : /* @__PURE__ */ jsxRuntime.jsx("li", { "data-timeline-empty": "true", children: "No events" }) })
+        ]
+      }
+    );
+  });
+  Family.displayName = `OODS.${options.component}`;
+  return Family;
+}
+var AddressValidationTimeline = createTimelineFamily({
+  component: "AddressValidationTimeline",
+  className: "oods-address-validation-timeline",
+  defaultTitle: "Address Validation Timeline",
+  timelineType: "address-validation",
+  eventKeys: ["events", "validations", "history"]
+});
+var MembershipAuditTimeline = createTimelineFamily({
+  component: "MembershipAuditTimeline",
+  className: "oods-membership-audit-timeline",
+  defaultTitle: "Membership Timeline",
+  timelineType: "membership",
+  eventKeys: ["events", "memberships", "history"]
+});
+var MessageEventTimeline = createTimelineFamily({
+  component: "MessageEventTimeline",
+  className: "oods-message-event-timeline",
+  defaultTitle: "Message Timeline",
+  timelineType: "message",
+  eventKeys: ["events", "messages", "statuses"]
+});
+var PreferenceTimeline = createTimelineFamily({
+  component: "PreferenceTimeline",
+  className: "oods-preference-timeline",
+  defaultTitle: "Preference Timeline",
+  timelineType: "preference",
+  eventKeys: ["events", "changes", "history"]
+});
+var AuditEvent = React7__namespace.forwardRef(
+  ({
+    label,
+    title,
+    event,
+    status,
+    state,
+    reason,
+    text,
+    timestamp,
+    datetime,
+    time,
+    at,
+    createdAt,
+    updatedAt,
+    detail,
+    description,
+    message,
+    from,
+    to,
+    code,
+    children,
+    className,
+    ...rest
+  }, ref) => {
+    const content = childContent(children);
+    const authored = content.authored || content.scalar !== void 0;
+    const resolvedLabel = firstText(label, title, event, status, state, reason, text) ?? "Audit Event";
+    const resolvedTimestamp = firstText(timestamp, datetime, time, at, createdAt, updatedAt);
+    const resolvedDetail = firstText(detail, description, reason, message, from, to, code);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "article",
+      {
+        ref,
+        className: classes7("oods-audit-event", className),
+        "data-oods-component": "AuditEvent",
+        "data-event-type": "audit",
+        ...rest,
+        children: authored ? children : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          resolvedTimestamp ? /* @__PURE__ */ jsxRuntime.jsx("time", { "data-event-time": "true", dateTime: resolvedTimestamp, children: resolvedTimestamp }) : null,
+          /* @__PURE__ */ jsxRuntime.jsx("p", { "data-event-label": "true", children: resolvedLabel }),
+          resolvedDetail ? /* @__PURE__ */ jsxRuntime.jsx("p", { "data-event-detail": "true", children: resolvedDetail }) : null
+        ] })
+      }
+    );
+  }
+);
+AuditEvent.displayName = "OODS.AuditEvent";
+var normalizeSelectOptions = (raw) => {
+  if (!Array.isArray(raw)) return [];
+  const choices = [];
+  for (const entry of raw) {
+    if (isRecord2(entry)) {
+      const text = (key) => typeof entry[key] === "string" && entry[key].length > 0 ? entry[key] : void 0;
+      const value2 = text("value") ?? text("id") ?? text("label") ?? "";
+      const label = text("label") ?? text("name") ?? componentContracts.formatReadOnlyValue(value2, "string", true);
+      if (!value2 && !label) continue;
+      choices.push({ value: value2, label });
+      continue;
+    }
+    if (entry === void 0 || entry === null) continue;
+    const value = typeof entry === "object" ? JSON.stringify(entry) : String(entry);
+    if (!value) continue;
+    choices.push({ value, label: componentContracts.formatReadOnlyValue(value, "string", true) });
+  }
+  return choices;
+};
+var selectOptionsMarkup = (choices) => choices.length > 0 ? choices.map((choice, index) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: choice.value, children: choice.label }, index)) : /* @__PURE__ */ jsxRuntime.jsx("option", { value: "", children: "Select..." });
+var preventSubmit = (event) => {
+  event.preventDefault();
+};
+var formHeader = (title, subtitle) => /* @__PURE__ */ jsxRuntime.jsxs("header", { "data-form-header": "true", children: [
+  /* @__PURE__ */ jsxRuntime.jsx("h2", { children: title }),
+  subtitle ? /* @__PURE__ */ jsxRuntime.jsx("span", { "data-form-subtitle": "true", children: subtitle }) : null
+] });
+var fieldsetHeader = (title, subtitle) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  /* @__PURE__ */ jsxRuntime.jsx("legend", { children: title }),
+  subtitle ? /* @__PURE__ */ jsxRuntime.jsx("span", { "data-form-subtitle": "true", children: subtitle }) : null
+] });
+var addressRecord = (form) => {
+  const read = (name) => {
+    const control = form?.elements.namedItem(name);
+    return control instanceof HTMLInputElement ? control.value : "";
+  };
+  return { street: read("street"), city: read("city"), region: read("region"), postalCode: read("postalCode") };
+};
+var AddressEditor = React7__namespace.forwardRef(
+  ({
+    title,
+    label,
+    heading,
+    name,
+    description,
+    subtitle,
+    hint,
+    street,
+    line1,
+    addressLine1,
+    city,
+    region,
+    state,
+    postalCode,
+    zip,
+    children,
+    className,
+    onChange,
+    onSubmit,
+    ...rest
+  }, ref) => {
+    const content = childContent(children);
+    const authored = content.authored || content.scalar !== void 0;
+    const resolvedTitle = firstText(title, label, heading, name) ?? "Address Editor";
+    const resolvedSubtitle = firstText(description, subtitle, hint);
+    const publish = (event) => onChange?.(addressRecord(event.currentTarget.form));
+    const control = (fieldLabel, fieldName, initial) => /* @__PURE__ */ jsxRuntime.jsxs("label", { "data-form-control": "input", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { children: fieldLabel }),
+      /* @__PURE__ */ jsxRuntime.jsx("input", { type: "text", name: fieldName, defaultValue: initial, onChange: publish })
+    ] });
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "form",
+      {
+        ref,
+        className: classes7("oods-address-editor", className),
+        "data-oods-component": "AddressEditor",
+        "data-form-type": "address-editor",
+        onSubmit: (event) => {
+          preventSubmit(event);
+          onSubmit?.(event);
+        },
+        ...rest,
+        children: [
+          formHeader(resolvedTitle, resolvedSubtitle),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { "data-form-content": "true", children: authored ? children : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            control("Street", "street", firstText(street, line1, addressLine1)),
+            control("City", "city", firstText(city)),
+            control("Region", "region", firstText(region, state)),
+            control("Postal Code", "postalCode", firstText(postalCode, zip))
+          ] }) })
+        ]
+      }
+    );
+  }
+);
+AddressEditor.displayName = "OODS.AddressEditor";
+var PreferenceEditor = React7__namespace.forwardRef(
+  ({ title, label, heading, name, description, subtitle, hint, namespaces, namespace, document, json, value, children, className, onSubmit, ...rest }, ref) => {
+    const content = childContent(children);
+    const authored = content.authored || content.scalar !== void 0;
+    const resolvedTitle = firstText(title, label, heading, name) ?? "Preference Editor";
+    const resolvedSubtitle = firstText(description, subtitle, hint);
+    const choices = normalizeSelectOptions(Array.isArray(namespaces) ? namespaces : ["default"]);
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "form",
+      {
+        ref,
+        className: classes7("oods-preference-editor", className),
+        "data-oods-component": "PreferenceEditor",
+        "data-form-type": "preference-editor",
+        onSubmit: (event) => {
+          preventSubmit(event);
+          onSubmit?.(event);
+        },
+        ...rest,
+        children: [
+          formHeader(resolvedTitle, resolvedSubtitle),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { "data-form-content": "true", children: authored ? children : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("label", { "data-form-control": "select", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Namespace" }),
+              /* @__PURE__ */ jsxRuntime.jsx("select", { name: "namespace", defaultValue: firstText(namespace), children: selectOptionsMarkup(choices) })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("label", { "data-form-control": "textarea", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Preference Document" }),
+              /* @__PURE__ */ jsxRuntime.jsx("textarea", { name: "preferenceDocument", defaultValue: firstScalar(document, json, value) ?? "" })
+            ] })
+          ] }) })
+        ]
+      }
+    );
+  }
+);
+PreferenceEditor.displayName = "OODS.PreferenceEditor";
+var RoleAssignmentForm = React7__namespace.forwardRef(
+  ({ title, label, heading, name, description, subtitle, hint, roles, availableRoles, role, defaultRoleId, assignee, member, children, className, onSubmit, ...rest }, ref) => {
+    const content = childContent(children);
+    const authored = content.authored || content.scalar !== void 0;
+    const resolvedTitle = firstText(title, label, heading, name) ?? "Role Assignment";
+    const resolvedSubtitle = firstText(description, subtitle, hint);
+    const choices = normalizeSelectOptions(roles ?? availableRoles ?? []);
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "form",
+      {
+        ref,
+        className: classes7("oods-role-assignment-form", className),
+        "data-oods-component": "RoleAssignmentForm",
+        "data-form-type": "role-assignment",
+        onSubmit: (event) => {
+          preventSubmit(event);
+          onSubmit?.(event);
+        },
+        ...rest,
+        children: [
+          formHeader(resolvedTitle, resolvedSubtitle),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { "data-form-content": "true", children: authored ? children : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("label", { "data-form-control": "select", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Role" }),
+              /* @__PURE__ */ jsxRuntime.jsx("select", { name: "role", defaultValue: firstText(role, defaultRoleId), children: selectOptionsMarkup(choices) })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("label", { "data-form-control": "input", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Assignee" }),
+              /* @__PURE__ */ jsxRuntime.jsx("input", { type: "text", name: "assignee", defaultValue: firstText(assignee, member) })
+            ] })
+          ] }) })
+        ]
+      }
+    );
+  }
+);
+RoleAssignmentForm.displayName = "OODS.RoleAssignmentForm";
+var StatusSelector = React7__namespace.forwardRef(
+  ({ label, title, help, options, states, value, status, children, className, onChange, onValueChange, onUpdate, ...rest }, ref) => {
+    const content = childContent(children);
+    const authored = content.authored || content.scalar !== void 0;
+    const resolvedLabel = firstText(label, title) ?? "Status";
+    const choices = normalizeSelectOptions(options ?? states ?? ["draft", "active", "inactive"]);
+    const handleChange = (event) => {
+      onChange?.(event);
+      if (!event.defaultPrevented) {
+        onValueChange?.(event.currentTarget.value);
+        onUpdate?.(event.currentTarget.value);
+      }
+    };
+    const controlled = value !== void 0;
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        ref,
+        className: classes7("oods-status-selector", className),
+        "data-oods-component": "StatusSelector",
+        "data-summary-type": "status-selector",
+        ...rest,
+        children: [
+          authored ? children : /* @__PURE__ */ jsxRuntime.jsxs("label", { "data-form-control": "select", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { children: resolvedLabel }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "select",
+              {
+                name: "status",
+                ...controlled ? { value } : { defaultValue: firstText(status) },
+                onChange: handleChange,
+                children: selectOptionsMarkup(choices)
+              }
+            )
+          ] }),
+          help && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "oods-field-help", children: help })
+        ]
+      }
+    );
+  }
+);
+StatusSelector.displayName = "OODS.StatusSelector";
+var TagInput = React7__namespace.forwardRef(
+  ({ title, label, heading, name, description, subtitle, hint, tags, value, placeholder, children, className, onChange, onValueChange, onUpdate, ...rest }, ref) => {
+    const content = childContent(children);
+    const authored = content.authored || content.scalar !== void 0;
+    const resolvedTitle = firstText(title, label, heading, name) ?? "Tag Input";
+    const resolvedSubtitle = firstText(description, subtitle, hint);
+    const items = normalizeTagItems(tags);
+    const handleChange = (event) => {
+      onChange?.(event);
+      if (!event.defaultPrevented) {
+        onValueChange?.(event.currentTarget.value);
+        onUpdate?.(event.currentTarget.value);
+      }
+    };
+    const controlled = value !== void 0;
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "fieldset",
+      {
+        ref,
+        className: classes7("oods-tag-input", className),
+        "data-oods-component": "TagInput",
+        "data-form-type": "tag-input",
+        ...rest,
+        children: [
+          fieldsetHeader(resolvedTitle, resolvedSubtitle),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { "data-form-content": "true", children: authored ? children : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("label", { "data-form-control": "input", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Tag" }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "input",
+                {
+                  type: "text",
+                  name: "tag",
+                  placeholder: firstText(placeholder),
+                  ...controlled ? { value } : {},
+                  onChange: handleChange
+                }
+              )
+            ] }),
+            items.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { "data-tag-list": "true", children: items.map((tag, index) => /* @__PURE__ */ jsxRuntime.jsx("span", { "data-tag-item": "true", children: tag }, index)) }) : null
+          ] }) })
+        ]
+      }
+    );
+  }
+);
+TagInput.displayName = "OODS.TagInput";
+var TemplatePicker = React7__namespace.forwardRef(
+  ({ title, label, heading, name, description, subtitle, hint, templates, options, templateId, value, channels, channel, children, className, ...rest }, ref) => {
+    const content = childContent(children);
+    const authored = content.authored || content.scalar !== void 0;
+    const resolvedTitle = firstText(title, label, heading, name) ?? "Template Picker";
+    const resolvedSubtitle = firstText(description, subtitle, hint);
+    const templateChoices = normalizeSelectOptions(templates ?? options ?? []);
+    const channelChoices = normalizeSelectOptions(channels ?? ["email", "sms", "in_app"]);
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "fieldset",
+      {
+        ref,
+        className: classes7("oods-template-picker", className),
+        "data-oods-component": "TemplatePicker",
+        "data-form-type": "template-picker",
+        ...rest,
+        children: [
+          fieldsetHeader(resolvedTitle, resolvedSubtitle),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { "data-form-content": "true", children: authored ? children : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("label", { "data-form-control": "select", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Template" }),
+              /* @__PURE__ */ jsxRuntime.jsx("select", { name: "template", defaultValue: firstText(templateId, value), children: selectOptionsMarkup(templateChoices) })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("label", { "data-form-control": "select", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Channel" }),
+              /* @__PURE__ */ jsxRuntime.jsx("select", { name: "channel", defaultValue: firstText(channel), children: selectOptionsMarkup(channelChoices) })
+            ] })
+          ] }) })
+        ]
+      }
+    );
+  }
+);
+TemplatePicker.displayName = "OODS.TemplatePicker";
+var truncateLabel = (value, maxLength) => {
+  const limit = typeof maxLength === "number" ? maxLength : Number(maxLength);
+  return !Number.isFinite(limit) || limit <= 0 || value.length <= limit ? value : `${value.slice(0, Math.max(0, limit - 1)).trimEnd()}...`;
+};
+var InlineLabel = React7__namespace.forwardRef(
+  ({ label, text, value, maxLength, children, className, ...rest }, ref) => {
+    const content = childContent(children);
+    return /* @__PURE__ */ jsxRuntime.jsx("span", { ref, className: classes7("oods-inline-label", className), "data-oods-component": "InlineLabel", ...rest, children: content.authored || content.scalar !== void 0 ? children : truncateLabel(firstText(label, text, value) ?? "", maxLength) });
+  }
+);
+InlineLabel.displayName = "OODS.InlineLabel";
+var LabelCell = React7__namespace.forwardRef(
+  ({ label, text, value, description, subtitle, sublabel, supporting, truncate, maxLength, children, className, ...rest }, ref) => {
+    const content = childContent(children);
+    const limit = truncate ? maxLength ?? 40 : maxLength;
+    const primary = truncateLabel(firstText(label, text, value) ?? "", limit);
+    const detail = notEcho(firstText(description, subtitle, sublabel, supporting), firstText(label, text, value));
+    return /* @__PURE__ */ jsxRuntime.jsx("span", { ref, className: classes7("oods-label-cell", className), "data-oods-component": "LabelCell", ...rest, children: content.authored || content.scalar !== void 0 ? children : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { "data-oods-label-cell-primary": "true", children: primary }),
+      detail ? /* @__PURE__ */ jsxRuntime.jsx("span", { "data-oods-label-cell-description": "true", children: truncateLabel(detail, limit) }) : null
+    ] }) });
+  }
+);
+LabelCell.displayName = "OODS.LabelCell";
+var FormLabelGroup = React7__namespace.forwardRef(
+  ({ label, text, title, placeholder, hint, description, htmlFor, for: forId, inputId, children, className, ...rest }, ref) => {
+    const detail = firstText(placeholder, hint, description);
+    return /* @__PURE__ */ jsxRuntime.jsxs("label", { ref, className: classes7("oods-form-label-group", className), "data-oods-component": "FormLabelGroup", htmlFor: htmlFor ?? forId ?? inputId, ...rest, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { "data-oods-form-label": "true", children: firstText(label, text, title) ?? "Label" }),
+      children,
+      detail ? /* @__PURE__ */ jsxRuntime.jsx("span", { "data-oods-form-hint": "true", children: detail }) : null
+    ] });
+  }
+);
+FormLabelGroup.displayName = "OODS.FormLabelGroup";
+var ClassificationBadge = createBadgeFamily({
+  component: "ClassificationBadge",
+  className: "oods-classification-badge",
+  defaultLabel: "Classification",
+  defaultVariant: "classification",
+  labelKeys: ["label", "text", "category", "value"],
+  statusKeys: ["status", "state", "mode"]
+});
+var ClassificationEditor = React7__namespace.forwardRef(
+  ({ title, label, heading, name, description, subtitle, hint, category, primaryCategory, tags, modes, mode, classificationMode, children, className, onSubmit, ...rest }, ref) => {
+    const content = childContent(children);
+    const tagText = typeof tags === "string" ? tags : tags === void 0 ? "" : JSON.stringify(tags);
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "form",
+      {
+        ref,
+        className: classes7("oods-classification-editor", className),
+        "data-oods-component": "ClassificationEditor",
+        "data-form-type": "classification-editor",
+        onSubmit: (event) => {
+          preventSubmit(event);
+          onSubmit?.(event);
+        },
+        ...rest,
+        children: [
+          formHeader(firstText(title, label, heading, name) ?? "Classification Editor", firstText(description, subtitle, hint)),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { "data-form-content": "true", children: content.authored || content.scalar !== void 0 ? children : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("label", { "data-form-control": "input", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Category" }),
+              /* @__PURE__ */ jsxRuntime.jsx("input", { type: "text", name: "category", defaultValue: firstText(category, primaryCategory) ?? "" })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("label", { "data-form-control": "input", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Tags" }),
+              /* @__PURE__ */ jsxRuntime.jsx("input", { type: "text", name: "tags", placeholder: "tag-1, tag-2", defaultValue: tagText })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("label", { "data-form-control": "select", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Mode" }),
+              /* @__PURE__ */ jsxRuntime.jsx("select", { name: "mode", defaultValue: firstText(mode, classificationMode), children: selectOptionsMarkup(normalizeSelectOptions(Array.isArray(modes) ? modes : ["strict", "flexible"])) })
+            ] })
+          ] }) })
+        ]
+      }
+    );
+  }
+);
+ClassificationEditor.displayName = "OODS.ClassificationEditor";
+var OwnerBadge = createBadgeFamily({
+  component: "OwnerBadge",
+  className: "oods-owner-badge",
+  defaultLabel: "Owner",
+  defaultVariant: "owner",
+  labelKeys: ["label", "text", "owner", "ownerType", "value"],
+  statusKeys: ["status", "state"]
+});
+var OwnershipSummary = React7__namespace.forwardRef(
+  ({ title, label, heading, name, ownerLabel, ownerId, owner_id, ownerType, owner_type, role, ownershipRole, summary: summary2, text, description, children, className, ...rest }, ref) => {
+    const content = childContent(children);
+    const terms = [["Owner", ownerId === void 0 && owner_id === void 0 && ownerLabel === void 0 ? void 0 : componentContracts.formatReferenceLabel(ownerId ?? owner_id, ownerLabel, "Owner")], ["Owner Type", firstScalar(ownerType, owner_type)], ["Role", firstScalar(role, ownershipRole)]].filter((entry) => entry[1] !== void 0);
+    const fallback2 = firstText(summary2, text, description);
+    return /* @__PURE__ */ jsxRuntime.jsxs("section", { ref, className: classes7("oods-ownership-summary", className), "data-oods-component": "OwnershipSummary", "data-summary-type": "ownership", ...rest, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h2", { "data-summary-title": "true", children: firstText(title, label, heading, name) ?? "Ownership Summary" }),
+      content.authored || content.scalar !== void 0 ? children : terms.length ? /* @__PURE__ */ jsxRuntime.jsx("dl", { children: terms.map(([term, value]) => /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-summary-item": "true", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("dt", { children: term }),
+        /* @__PURE__ */ jsxRuntime.jsx("dd", { children: value })
+      ] }, term)) }) : fallback2 ? /* @__PURE__ */ jsxRuntime.jsx("p", { "data-summary-fallback": "true", children: fallback2 }) : /* @__PURE__ */ jsxRuntime.jsx("dl", {})
+    ] });
+  }
+);
+OwnershipSummary.displayName = "OODS.OwnershipSummary";
+var TagSummary = React7__namespace.forwardRef(
+  ({ title, label, heading, name, tagCount, count, tags, summary: summary2, text, description, children, className, ...rest }, ref) => {
+    const content = childContent(children);
+    const tagText = Array.isArray(tags) ? normalizeTagItems(tags).join(", ") || void 0 : firstText(tags);
+    const terms = [["Tag Count", firstScalar(tagCount, count)], ["Tags", tagText]].filter((entry) => entry[1] !== void 0);
+    const fallback2 = firstText(summary2, text, description);
+    return /* @__PURE__ */ jsxRuntime.jsxs("section", { ref, className: classes7("oods-tags-summary", className), "data-oods-component": "TagSummary", "data-summary-type": "tags", ...rest, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h2", { "data-summary-title": "true", children: firstText(title, label, heading, name) ?? "Tag Summary" }),
+      content.authored || content.scalar !== void 0 ? children : terms.length ? /* @__PURE__ */ jsxRuntime.jsx("dl", { children: terms.map(([term, value]) => /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-summary-item": "true", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("dt", { children: term }),
+        /* @__PURE__ */ jsxRuntime.jsx("dd", { children: value })
+      ] }, term)) }) : fallback2 ? /* @__PURE__ */ jsxRuntime.jsx("p", { "data-summary-fallback": "true", children: fallback2 }) : /* @__PURE__ */ jsxRuntime.jsx("dl", {})
+    ] });
+  }
+);
+TagSummary.displayName = "OODS.TagSummary";
+var OwnershipMeta = React7__namespace.forwardRef(
+  ({ title, label, heading, name, ownerType, owner_type, role, ownershipRole, children, className, ...rest }, ref) => {
+    const content = childContent(children);
+    const terms = [["Owner Type", firstScalar(ownerType, owner_type)], ["Role", firstScalar(role, ownershipRole)]].filter((entry) => entry[1] !== void 0);
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: classes7("oods-ownership-meta", className), "data-oods-component": "OwnershipMeta", "data-meta-type": "ownership", ...rest, children: content.authored || content.scalar !== void 0 ? children : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { "data-meta-title": "true", children: firstText(title, label, heading, name) ?? "Ownership" }),
+      terms.map(([term, value]) => /* @__PURE__ */ jsxRuntime.jsxs("span", { "data-meta-item": "true", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("strong", { children: [
+          term,
+          ":"
+        ] }),
+        " ",
+        value
+      ] }, term))
+    ] }) });
+  }
+);
+OwnershipMeta.displayName = "OODS.OwnershipMeta";
+var ArchivePill = createBadgeFamily({
+  component: "ArchivePill",
+  className: "oods-archive-pill",
+  defaultLabel: "Archive",
+  defaultVariant: "archive",
+  labelKeys: ["label", "text", "status", "state", "isArchived", "value"],
+  statusKeys: ["status", "state", "isArchived", "value"],
+  booleanProps: ["isArchived", "value"]
+});
+var CancellationBadge = createBadgeFamily({
+  component: "CancellationBadge",
+  className: "oods-cancellation-badge",
+  defaultLabel: "Cancellation",
+  defaultVariant: "cancellation",
+  labelKeys: ["label", "text", "status", "state", "cancelAtPeriodEnd", "value"],
+  statusKeys: ["status", "state", "cancelAtPeriodEnd", "isCancelled", "value"],
+  booleanProps: ["cancelAtPeriodEnd", "isCancelled", "value"]
+});
+var ArchiveSummary = React7__namespace.forwardRef(
+  ({ title, label, heading, name, isArchived, archived, status, archivedAt, reason, archiveReason, summary: summary2, text, description, children, className, ...rest }, ref) => {
+    const content = childContent(children);
+    const terms = [["Archived", componentContracts.summaryValue(isArchived ?? archived ?? status)], ["Archived At", archivedAt ? componentContracts.formatDateTime(archivedAt) : void 0], ["Reason", firstText(reason, archiveReason)]].filter((entry) => entry[1] !== void 0);
+    const fallback2 = firstText(summary2, text, description);
+    return /* @__PURE__ */ jsxRuntime.jsxs("section", { ref, className: classes7("oods-archive-summary", className), "data-oods-component": "ArchiveSummary", "data-summary-type": "archive", ...rest, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h2", { "data-summary-title": "true", children: firstText(title, label, heading, name) ?? "Archive Summary" }),
+      content.authored || content.scalar !== void 0 ? children : terms.length ? /* @__PURE__ */ jsxRuntime.jsx("dl", { children: terms.map(([term, value]) => /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-summary-item": "true", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("dt", { children: term }),
+        /* @__PURE__ */ jsxRuntime.jsx("dd", { children: value })
+      ] }, term)) }) : fallback2 ? /* @__PURE__ */ jsxRuntime.jsx("p", { "data-summary-fallback": "true", children: fallback2 }) : /* @__PURE__ */ jsxRuntime.jsx("dl", {})
+    ] });
+  }
+);
+ArchiveSummary.displayName = "OODS.ArchiveSummary";
+var PriceCardMeta = React7__namespace.forwardRef(
+  ({ title, label, heading, name, model, pricingModel, interval, billingInterval, children, className, ...rest }, ref) => {
+    const content = childContent(children);
+    const terms = [["Model", firstText(model, pricingModel)], ["Interval", firstText(interval, billingInterval)]].filter((entry) => entry[1] !== void 0);
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: classes7("oods-price-card-meta", className), "data-oods-component": "PriceCardMeta", "data-meta-type": "price", ...rest, children: content.authored || content.scalar !== void 0 ? children : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { "data-meta-title": "true", children: firstText(title, label, heading, name) ?? "Price" }),
+      terms.map(([term, value]) => /* @__PURE__ */ jsxRuntime.jsxs("span", { "data-meta-item": "true", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("strong", { children: [
+          term,
+          ":"
+        ] }),
+        " ",
+        value
+      ] }, term))
+    ] }) });
+  }
+);
+PriceCardMeta.displayName = "OODS.PriceCardMeta";
+var CancellationForm = React7__namespace.forwardRef(
+  ({ title, label, heading, name, description, subtitle, hint, allowedReasons, reasonCode, reason, cancellationReason, embedded, reasonHelp, codeHelp, children, className, onSubmit, ...rest }, ref) => {
+    const content = childContent(children);
+    const choices = normalizeSelectOptions(allowedReasons ?? ["no_longer_needed", "budget", "duplicate"]);
+    if (reasonCode && !choices.some((choice) => choice.value === reasonCode)) choices.unshift({ value: reasonCode, label: reasonCode });
+    return React7__namespace.createElement(embedded ? "fieldset" : "form", {
+      ...rest,
+      ref,
+      className: classes7("oods-cancellation-form", className),
+      "data-oods-component": "CancellationForm",
+      "data-form-type": "cancellation",
+      ...!embedded ? { onSubmit: (event) => {
+        preventSubmit(event);
+        onSubmit?.(event);
+      } } : {}
+    }, /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      formHeader(firstText(title, label, heading, name) ?? "Cancellation Form", firstText(description, subtitle, hint)),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { "data-form-content": "true", children: content.authored || content.scalar !== void 0 ? children : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("label", { "data-form-control": "select", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Reason Code" }),
+          allowedReasons?.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("input", { name: "reasonCode", defaultValue: reasonCode ?? "" }) : /* @__PURE__ */ jsxRuntime.jsx("select", { name: "reasonCode", defaultValue: reasonCode, children: selectOptionsMarkup(choices) })
+        ] }),
+        codeHelp && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "oods-field-help", children: codeHelp }),
+        /* @__PURE__ */ jsxRuntime.jsxs("label", { "data-form-control": "textarea", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Reason" }),
+          /* @__PURE__ */ jsxRuntime.jsx("textarea", { name: "reason", defaultValue: firstText(reason, cancellationReason) ?? "" })
+        ] }),
+        reasonHelp && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "oods-field-help", children: reasonHelp })
+      ] }) })
+    ] }));
+  }
+);
+CancellationForm.displayName = "OODS.CancellationForm";
+function BillingSummaryBadge({ id, amount, currency, minorUnits, interval, showInterval = true, className }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("span", { id, className: `oods-billing-summary ${className ?? ""}`.trim(), "data-oods-component": "BillingSummaryBadge", children: showInterval ? componentContracts.billingSummary(amount, currency, minorUnits, interval) : componentContracts.formatBillingAmount(amount, currency, minorUnits) });
+}
+function BillingAmountInput({ id, amount, currency = "usd", minorUnits = componentContracts.BILLING_MINOR_UNITS, label = "Billing amount", name, disabled, className, help, onChange }) {
+  const generatedId = React7__namespace.useId();
+  const controlId = id ?? `billing-amount-${generatedId}`;
+  const [text, setText] = React7__namespace.useState(() => componentContracts.billingAmountText(amount, minorUnits));
+  const [error, setError] = React7__namespace.useState(() => componentContracts.billingAmountMessage(amount, minorUnits));
+  React7__namespace.useEffect(() => {
+    setText(componentContracts.billingAmountText(amount, minorUnits));
+    setError(componentContracts.billingAmountMessage(amount, minorUnits));
+  }, [amount, minorUnits]);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `oods-billing-field ${className ?? ""}`.trim(), "data-oods-component": "BillingAmountInput", "data-state": error ? "invalid" : "editing", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("label", { htmlFor: controlId, children: label }),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { id: `${controlId}-currency`, children: currency.toUpperCase() }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "input",
+      {
+        id: controlId,
+        name,
+        type: "text",
+        inputMode: "decimal",
+        value: text,
+        disabled,
+        "data-billing-minor-units": minorUnits,
+        "aria-invalid": error ? true : void 0,
+        "aria-describedby": [`${controlId}-currency`, error && `${controlId}-error`].filter(Boolean).join(" "),
+        onChange: (event) => {
+          const next = event.currentTarget.value;
+          const result = componentContracts.parseBillingAmount(next, minorUnits);
+          event.currentTarget.setCustomValidity(result.valid ? "" : result.message);
+          setText(next);
+          setError(result.valid ? void 0 : result.message);
+          if (result.valid) onChange?.(result.value);
+        }
+      }
+    ),
+    help && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "oods-field-help", children: help }),
+    error && /* @__PURE__ */ jsxRuntime.jsx("p", { id: `${controlId}-error`, role: "alert", children: error })
+  ] });
+}
+function BillingIntervalSelector({ id, interval, intervals = componentContracts.BILLING_INTERVALS, label = "Billing interval", name, disabled, className, help, onChange }) {
+  const generatedId = React7__namespace.useId();
+  const controlId = id ?? `billing-interval-${generatedId}`;
+  const [value, setValue] = React7__namespace.useState(interval ?? "");
+  React7__namespace.useEffect(() => {
+    setValue(interval ?? "");
+  }, [interval]);
+  const error = componentContracts.billingIntervalMessage(value || void 0, intervals);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `oods-billing-field ${className ?? ""}`.trim(), "data-oods-component": "BillingIntervalSelector", "data-state": error ? "invalid" : "editing", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("label", { htmlFor: controlId, children: label }),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "select",
+      {
+        id: controlId,
+        name,
+        value,
+        disabled,
+        "aria-invalid": error ? true : void 0,
+        "aria-describedby": error ? `${controlId}-error` : void 0,
+        onChange: (event) => {
+          const next = event.currentTarget.value;
+          if (intervals.includes(next)) {
+            setValue(next);
+            onChange?.(next);
+          }
+        },
+        children: [
+          !intervals.includes(value) && /* @__PURE__ */ jsxRuntime.jsx("option", { value, disabled: true, children: value || "Choose interval" }),
+          intervals.map((option) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: option, children: componentContracts.formatReadOnlyValue(option, "string", true) }, option))
+        ]
+      }
+    ),
+    help && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "oods-field-help", children: help }),
+    error && /* @__PURE__ */ jsxRuntime.jsx("p", { id: `${controlId}-error`, role: "alert", children: error })
+  ] });
+}
+function CycleProgressCard({ id, title = "Billing cycle", ...values }) {
+  const cycle = componentContracts.billingCycle(values);
+  return /* @__PURE__ */ jsxRuntime.jsxs("section", { id, className: "oods-billing-cycle", "data-oods-component": "CycleProgressCard", "aria-label": title, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("h2", { children: title }),
+    /* @__PURE__ */ jsxRuntime.jsx("p", { children: cycle.announcement }),
+    cycle.percent !== void 0 && /* @__PURE__ */ jsxRuntime.jsx("progress", { max: 100, value: cycle.percent, "aria-label": cycle.announcement }),
+    values.interval && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "oods-billing-muted", children: values.interval })
+  ] });
+}
+function BillingTimeline({ id, title, component, includeMethod, ...values }) {
+  const heading = title ?? (includeMethod ? "Payments" : "Payment events");
+  return /* @__PURE__ */ jsxRuntime.jsxs("section", { id, className: "oods-payment-timeline", "data-oods-component": component, role: "log", "aria-label": heading, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("h2", { children: heading }),
+    /* @__PURE__ */ jsxRuntime.jsx("p", { children: componentContracts.billingPaymentSummary(values) }),
+    includeMethod && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "oods-billing-muted", children: `Payment method: ${values.paymentMethod ?? "Not provided"}` }),
+    /* @__PURE__ */ jsxRuntime.jsx("ol", { children: componentContracts.billingPaymentRows(values).map((row) => /* @__PURE__ */ jsxRuntime.jsxs("li", { "data-payment-kind": row.kind, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("strong", { children: row.label }),
+      row.at ? /* @__PURE__ */ jsxRuntime.jsx("time", { dateTime: row.at, children: row.text }) : /* @__PURE__ */ jsxRuntime.jsx("span", { children: row.text })
+    ] }, row.kind)) })
+  ] });
+}
+function PaymentTimeline(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx(BillingTimeline, { ...props, component: "PaymentTimeline", includeMethod: true });
+}
+function PaymentEventTimeline(props) {
+  if (props.event) return /* @__PURE__ */ jsxRuntime.jsxs("section", { id: props.id, "data-oods-component": "PaymentEventTimeline", "aria-label": props.event.title ?? "Payment event", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("strong", { children: props.event.title }),
+    /* @__PURE__ */ jsxRuntime.jsx("time", { dateTime: props.event.at, children: componentContracts.formatDateTime(props.event.at) }),
+    /* @__PURE__ */ jsxRuntime.jsx("p", { children: props.event.description })
+  ] });
+  return /* @__PURE__ */ jsxRuntime.jsx(BillingTimeline, { ...props, component: "PaymentEventTimeline", includeMethod: false });
+}
+function BillingCardMeta({ id, amount, currency, minorUnits, interval }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("span", { id, className: "oods-billing-card-meta", "data-oods-component": "BillingCardMeta", children: componentContracts.billingSummary(amount, currency, minorUnits, interval) });
+}
+function ArchivedRowOverlay({ id, isArchived = false, showBadge = true, separateTab = true, tabLabel = "Archived", label, children }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "span",
+    {
+      id,
+      className: "oods-archived-row",
+      "data-oods-component": "ArchivedRowOverlay",
+      "data-archived": isArchived ? "true" : void 0,
+      "data-archive-tab": separateTab ? tabLabel : void 0,
+      role: isArchived ? "group" : void 0,
+      "aria-hidden": isArchived ? false : void 0,
+      "aria-label": isArchived ? `${tabLabel}${label ? `: ${label}` : ""}` : void 0,
+      children: [
+        children,
+        isArchived && showBadge && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "oods-archive-badge", children: tabLabel })
+      ]
+    }
+  );
+}
+function AuditSummaryCard({ id, title = "Audit summary", showTransitionCount = true, showLastTransitionTime = true, showLastActor = true, ...values }) {
+  const summary2 = componentContracts.auditSummary(values);
+  return /* @__PURE__ */ jsxRuntime.jsxs("section", { id, className: "oods-audit-summary", "data-oods-component": "AuditSummaryCard", "aria-label": title, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("h2", { children: title }),
+    /* @__PURE__ */ jsxRuntime.jsxs("dl", { children: [
+      showTransitionCount && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("dt", { children: "Transitions" }),
+        /* @__PURE__ */ jsxRuntime.jsx("dd", { children: summary2.count })
+      ] }),
+      showLastActor && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("dt", { children: "Last actor" }),
+        /* @__PURE__ */ jsxRuntime.jsx("dd", { children: summary2.actor })
+      ] }),
+      showLastTransitionTime && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("dt", { children: "Last transition" }),
+        /* @__PURE__ */ jsxRuntime.jsx("dd", { children: summary2.at ? /* @__PURE__ */ jsxRuntime.jsx("time", { dateTime: summary2.at, children: summary2.timestamp }) : summary2.timestamp })
+      ] })
+    ] }),
+    summary2.recent.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("ol", { "aria-label": "Recent transitions", children: summary2.recent.map((entry, index) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: String(entry.to_state ?? "Transition") }, index)) })
+  ] });
+}
+function SortIndicator({ id, label = "Sort", onChange, "data-oods-action": action, ...values }) {
+  const [state, setState] = React7__namespace.useState(() => componentContracts.initialSort(values));
+  React7__namespace.useEffect(() => setState(componentContracts.initialSort(values)), [values.sortField, values.sortDirection, values.sortActive, values.defaultSortField, values.defaultSortDirection]);
+  const sort = componentContracts.ariaSort(state);
+  return /* @__PURE__ */ jsxRuntime.jsx("table", { id, className: "oods-sort-indicator", "data-oods-component": "SortIndicator", "aria-label": label, children: /* @__PURE__ */ jsxRuntime.jsx("thead", { children: /* @__PURE__ */ jsxRuntime.jsx("tr", { children: /* @__PURE__ */ jsxRuntime.jsx("th", { scope: "col", "aria-sort": sort, children: /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", "data-oods-action": action, "aria-label": `${label} ${state.field}`, onClick: () => {
+    const next = componentContracts.nextSort(state, values.triStateSort);
+    setState(next);
+    onChange?.(next);
+  }, children: `${state.field}: ${sort}` }) }) }) }) });
+}
+var TimelineEntryLabel = React7__namespace.forwardRef(({ compact = true, maxLength, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(InlineLabel, { ...props, ref, maxLength: maxLength ?? (compact ? 40 : void 0), "data-oods-component": "TimelineEntryLabel", "data-timeline-label": "true", "data-compact": compact }));
+TimelineEntryLabel.displayName = "OODS.TimelineEntryLabel";
+function eventRecipe(id, kind, title) {
+  return function TraitEvent({ id: elementId, title: heading = title, ...values }) {
+    const rows = componentContracts.traitEventRows(kind, values);
+    return /* @__PURE__ */ jsxRuntime.jsxs("article", { id: elementId, className: "oods-trait-recipe", "data-oods-component": id, "aria-label": heading, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h2", { children: heading }),
+      rows.length ? /* @__PURE__ */ jsxRuntime.jsx("ol", { children: rows.map((row, index) => /* @__PURE__ */ jsxRuntime.jsxs("li", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("strong", { children: row.title }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { children: row.at ? /* @__PURE__ */ jsxRuntime.jsx("time", { dateTime: row.at, children: row.time }) : row.time }),
+        row.actor && /* @__PURE__ */ jsxRuntime.jsxs("p", { children: [
+          "Actor: ",
+          row.actor
+        ] }),
+        row.reason && /* @__PURE__ */ jsxRuntime.jsxs("p", { children: [
+          "Reason: ",
+          row.reason
+        ] }),
+        row.code && /* @__PURE__ */ jsxRuntime.jsxs("p", { children: [
+          "Code: ",
+          row.code
+        ] })
+      ] }, index)) }) : /* @__PURE__ */ jsxRuntime.jsx("p", { children: "No events recorded." })
+    ] });
+  };
+}
+var ArchiveEvent = eventRecipe("ArchiveEvent", "archive", "Archive events");
+var CancellationEvent = eventRecipe("CancellationEvent", "cancellation", "Cancellation event");
+var StateTransitionEvent = eventRecipe("StateTransitionEvent", "transition", "State transitions");
+function CommunicationDetailPanel({ id, title = "Communication", channels = [], templates = [], policies = [], conversations = [] }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("section", { id, className: "oods-trait-recipe", "data-oods-component": "CommunicationDetailPanel", "aria-label": title, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("h2", { children: title }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { role: "status", "aria-live": "polite", children: [
+      conversations.length,
+      " conversations"
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("dl", { children: [["Channels", channels], ["Templates", templates], ["Delivery policies", policies], ["Conversations", conversations]].map(([label, rows]) => /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("dt", { children: label }),
+      /* @__PURE__ */ jsxRuntime.jsx("dd", { children: rows.length ? /* @__PURE__ */ jsxRuntime.jsx("ul", { children: componentContracts.recipeItemLabels(rows).map((text, index) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: text }, index)) }) : "None recorded" })
+    ] }, label)) })
+  ] });
+}
+function ColorStatePicker({ id, title = "Color state", colorStates = componentContracts.DEFAULT_COLOR_STATES, value, disabled, onChange }) {
+  const generatedId = React7__namespace.useId();
+  const [selected, setSelected] = React7__namespace.useState(value ?? colorStates[0] ?? "");
+  React7__namespace.useEffect(() => setSelected(value ?? colorStates[0] ?? ""), [value, colorStates]);
+  return /* @__PURE__ */ jsxRuntime.jsxs("fieldset", { id, className: "oods-trait-recipe", "data-oods-component": "ColorStatePicker", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("legend", { children: title }),
+    /* @__PURE__ */ jsxRuntime.jsx(Select, { id: `${id ?? generatedId}-state`, label: "Color state", name: "color_state", value: selected, disabled, options: [...!colorStates.includes(selected) ? [{ value: selected, label: selected || "Choose state", disabled: true }] : [], ...colorStates.map((value2) => ({ value: value2, label: componentContracts.formatReadOnlyValue(value2, "string", true) }))], onValueChange: (next) => {
+      setSelected(next);
+      onChange?.(next);
+    } })
+  ] });
+}
+function StatusColorLegend({ id, title = "Status colors", colorStates = componentContracts.DEFAULT_COLOR_STATES, value, showTokenReferences = false }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("section", { id, className: "oods-trait-recipe", "data-oods-component": "StatusColorLegend", "aria-label": title, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("h2", { children: title }),
+    /* @__PURE__ */ jsxRuntime.jsx("dl", { children: colorStates.map((state) => /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("dt", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ColorSwatch, { label: state, color: `var(--sys-status-${state}-surface)` }),
+        state === value && " (current)"
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("dd", { children: showTokenReferences ? `--sys-status-${state}-surface` : state })
+    ] }, state)) })
+  ] });
+}
+function GeoFieldMappingForm({ id, title = "Geographic fields", embedded = false, disabled, onChange, ...values }) {
+  const generatedId = React7__namespace.useId();
+  const [value, setValue] = React7__namespace.useState(() => componentContracts.geoFieldMapping(values));
+  React7__namespace.useEffect(() => setValue(componentContracts.geoFieldMapping(values)), [values.latitude, values.longitude, values.identifier, values.autoDetect]);
+  const update = (patch) => {
+    const next = { ...value, ...patch };
+    setValue(next);
+    onChange?.(next);
+  };
+  const Tag = embedded ? "fieldset" : "form";
+  return /* @__PURE__ */ jsxRuntime.jsxs(Tag, { id, className: "oods-trait-recipe", "data-oods-component": "GeoFieldMappingForm", "aria-label": title, onSubmit: (event) => event.preventDefault(), children: [
+    embedded ? /* @__PURE__ */ jsxRuntime.jsx("legend", { children: title }) : /* @__PURE__ */ jsxRuntime.jsx("h2", { children: title }),
+    ["latitude", "longitude", "identifier"].map((field) => /* @__PURE__ */ jsxRuntime.jsx(Input, { id: `${id ?? generatedId}-${field}`, name: `geo_${field}_field`, label: `${field[0].toUpperCase()}${field.slice(1)} field`, value: value[field], disabled, onValueChange: (next) => update({ [field]: next }) }, field)),
+    /* @__PURE__ */ jsxRuntime.jsx(Checkbox, { id: `${id ?? generatedId}-auto`, name: "geo_auto_detect_enabled", label: "Auto detect fields", checked: value.autoDetect, disabled, onCheckedChange: (autoDetect) => update({ autoDetect }) })
+  ] });
+}
+function GeoResolutionBadge({ id, resolution }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("span", { id, className: "oods-geo-resolution", "data-oods-component": "GeoResolutionBadge", children: [
+    "Resolution: ",
+    resolution || "Not determined"
+  ] });
+}
+function GeocodablePreview({ id, title = "Geographic data", resolution, requiresLookup, detectedFields = [] }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("section", { id, className: "oods-trait-recipe", "data-oods-component": "GeocodablePreview", "aria-label": title, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("h2", { children: title }),
+    /* @__PURE__ */ jsxRuntime.jsxs("dl", { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("dt", { children: "Resolution" }),
+      /* @__PURE__ */ jsxRuntime.jsx("dd", { children: resolution || "Not determined" }),
+      /* @__PURE__ */ jsxRuntime.jsx("dt", { children: "Requires lookup" }),
+      /* @__PURE__ */ jsxRuntime.jsx("dd", { children: requiresLookup === void 0 ? "Not determined" : requiresLookup ? "Yes" : "No" }),
+      /* @__PURE__ */ jsxRuntime.jsx("dt", { children: "Detected fields" }),
+      /* @__PURE__ */ jsxRuntime.jsx("dd", { children: componentContracts.recipeItemLabels(detectedFields).join(", ") || "None detected" })
+    ] })
+  ] });
+}
+function controls(id) {
+  const Component = ({ id: htmlId, title = componentContracts.VIZ_CONTROL_TITLES[id], value, channel = "x", disabled, onChange }) => {
+    const generatedId = React7__namespace.useId();
+    const [current, setCurrent] = React7__namespace.useState(value ?? {});
+    const [drafts, setDrafts] = React7__namespace.useState({});
+    const [errors, setErrors] = React7__namespace.useState({});
+    React7__namespace.useEffect(() => {
+      setCurrent(value ?? {});
+      setDrafts({});
+      setErrors({});
+    }, [value]);
+    const update = (field, text) => {
+      const result = componentContracts.editVizIntent(current, field, text);
+      setDrafts((previous) => ({ ...previous, [field.key]: text }));
+      setErrors((previous) => ({ ...previous, [field.key]: result.error }));
+      if (result.value) {
+        setCurrent(result.value);
+        onChange?.(result.value);
+      }
+    };
+    return /* @__PURE__ */ jsxRuntime.jsxs("fieldset", { id: htmlId, className: "oods-viz-controls oods-trait-recipe", "data-oods-component": id, disabled, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("legend", { children: title }),
+      componentContracts.vizControlFields(id, channel).map((field) => {
+        const fieldId = `${htmlId ?? generatedId}-${field.key.replace(".", "-")}`;
+        const text = drafts[field.key] ?? componentContracts.vizFieldValue(current, field.key);
+        const validation = errors[field.key] ? { state: "error", message: errors[field.key] } : void 0;
+        return field.type === "select" ? /* @__PURE__ */ jsxRuntime.jsx(Select, { id: fieldId, name: field.key, label: field.label, value: text, options: [...!field.options?.includes(text) ? [{ value: text, label: text || "Choose option", disabled: true }] : [], ...field.options.map((value2) => ({ value: value2, label: value2 }))], validation, onValueChange: (value2) => update(field, value2) }, field.key) : /* @__PURE__ */ jsxRuntime.jsx(Input, { id: fieldId, name: field.key, label: field.label, value: text, type: field.type === "number" ? "number" : "text", min: field.min, max: field.max, step: field.step, validation, onValueChange: (value2) => update(field, value2) }, field.key);
+      }),
+      (id === "VizColorControls" || id === "VizColorLegendConfig") && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "oods-viz-swatches", children: current.encodings?.color?.range?.map((color, index) => /* @__PURE__ */ jsxRuntime.jsx(ColorSwatch, { color, label: `Category color ${index + 1}: ${color}` }, index)) }),
+      id === "VizShapeLegend" && /* @__PURE__ */ jsxRuntime.jsx(Text, { content: `Shape field: ${current.encodings?.shape?.field || "Not bound"}` })
+    ] });
+  };
+  Component.displayName = `OODS.${id}`;
+  return Component;
+}
+function summary(id) {
+  return function VizSummary({ id: htmlId, title, value = {}, channel = "x" }) {
+    const rows = componentContracts.vizSummaryRows(id, value, channel);
+    if (id === "VizEncodingBadge" || id === "VizRoleBadge") return /* @__PURE__ */ jsxRuntime.jsx("span", { id: htmlId, "data-oods-component": id, children: /* @__PURE__ */ jsxRuntime.jsx(Badge, { content: rows.map(([label, text]) => `${label}: ${text}`).join(" \xB7 ") }) });
+    const heading = title ?? id.replace(/^Viz/, "").replace(/Summary$/, "") + " summary";
+    return /* @__PURE__ */ jsxRuntime.jsxs("section", { id: htmlId, className: "oods-trait-recipe", "data-oods-component": id, "aria-label": heading, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h2", { children: heading }),
+      /* @__PURE__ */ jsxRuntime.jsx("dl", { children: rows.map(([label, text]) => /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("dt", { children: label }),
+        /* @__PURE__ */ jsxRuntime.jsx("dd", { children: /* @__PURE__ */ jsxRuntime.jsx(Text, { content: text }) })
+      ] }, label)) })
+    ] });
+  };
+}
+function preview(id, type) {
+  return function VizPreview({ title = `${type[0].toUpperCase()}${type.slice(1)} chart`, children, ...props }) {
+    return /* @__PURE__ */ jsxRuntime.jsx(VizAreaPreview, { ...props, title, "data-oods-component": id, "data-viz-preview-type": type, children: children ?? /* @__PURE__ */ jsxRuntime.jsx(Text, { content: "No rendered chart supplied" }) });
+  };
+}
+var VizAreaControls = controls("VizAreaControls");
+var VizAxisControls = controls("VizAxisControls");
+var VizColorControls = controls("VizColorControls");
+var VizHeatmapControls = controls("VizHeatmapControls");
+var VizLineControls = controls("VizLineControls");
+var VizMarkControls = controls("VizMarkControls");
+var VizOpacityControls = controls("VizOpacityControls");
+var VizPointControls = controls("VizPointControls");
+var VizScaleControls = controls("VizScaleControls");
+var VizScatterControls = controls("VizScatterControls");
+var VizShapeControls = controls("VizShapeControls");
+var VizSizeControls = controls("VizSizeControls");
+var VizColorLegendConfig = controls("VizColorLegendConfig");
+var VizShapeLegend = controls("VizShapeLegend");
+var VizAxisSummary = summary("VizAxisSummary");
+var VizOpacitySummary = summary("VizOpacitySummary");
+var VizScaleSummary = summary("VizScaleSummary");
+var VizSizeSummary = summary("VizSizeSummary");
+var VizEncodingBadge = summary("VizEncodingBadge");
+var VizRoleBadge = summary("VizRoleBadge");
+var VizHeatmapPreview = preview("VizHeatmapPreview", "heatmap");
+var VizGraphPreview = preview("VizGraphPreview", "force_graph");
+var VizLinePreview = preview("VizLinePreview", "line");
+var VizMarkPreview = preview("VizMarkPreview", "bar");
+var VizPointPreview = preview("VizPointPreview", "scatter");
+var VizScatterPreview = preview("VizScatterPreview", "scatter");
+
+exports.AddressCollectionPanel = AddressCollectionPanel;
+exports.AddressEditor = AddressEditor;
+exports.AddressSummaryBadge = AddressSummaryBadge;
+exports.AddressValidationTimeline = AddressValidationTimeline;
+exports.ArchiveEvent = ArchiveEvent;
+exports.ArchivePill = ArchivePill;
+exports.ArchiveSummary = ArchiveSummary;
+exports.ArchivedRowOverlay = ArchivedRowOverlay;
+exports.AuditEvent = AuditEvent;
+exports.AuditSummaryCard = AuditSummaryCard;
+exports.AuditTimeline = AuditTimeline;
+exports.Badge = Badge;
+exports.Banner = Banner;
+exports.BillingAmountInput = BillingAmountInput;
+exports.BillingCardMeta = BillingCardMeta;
+exports.BillingIntervalSelector = BillingIntervalSelector;
+exports.BillingSummaryBadge = BillingSummaryBadge;
+exports.Button = Button;
+exports.CancellationBadge = CancellationBadge;
+exports.CancellationEvent = CancellationEvent;
+exports.CancellationForm = CancellationForm;
+exports.CancellationSummary = CancellationSummary;
+exports.Card = Card;
+exports.CardHeader = CardHeader;
+exports.Checkbox = Checkbox;
+exports.ClassificationBadge = ClassificationBadge;
+exports.ClassificationEditor = ClassificationEditor;
+exports.ClassificationPanel = ClassificationPanel;
+exports.ColorStatePicker = ColorStatePicker;
+exports.ColorSwatch = ColorSwatch;
+exports.ColorizedBadge = ColorizedBadge;
+exports.CommunicationDetailPanel = CommunicationDetailPanel;
+exports.CycleProgressCard = CycleProgressCard;
+exports.DatePicker = DatePicker;
+exports.DetailHeader = DetailHeader;
+exports.FilterPanel = FilterPanel;
+exports.FormLabelGroup = FormLabelGroup;
+exports.GeoFieldMappingForm = GeoFieldMappingForm;
+exports.GeoResolutionBadge = GeoResolutionBadge;
+exports.GeocodablePreview = GeocodablePreview;
+exports.Grid = Grid;
+exports.InlineLabel = InlineLabel;
+exports.Input = Input;
+exports.LabelCell = LabelCell;
+exports.MembershipAuditTimeline = MembershipAuditTimeline;
+exports.MembershipPanel = MembershipPanel;
+exports.MessageEventTimeline = MessageEventTimeline;
+exports.MessageStatusBadge = MessageStatusBadge;
+exports.OwnerBadge = OwnerBadge;
+exports.OwnershipMeta = OwnershipMeta;
+exports.OwnershipSummary = OwnershipSummary;
+exports.PaginationBar = PaginationBar;
+exports.PaymentEventTimeline = PaymentEventTimeline;
+exports.PaymentTimeline = PaymentTimeline;
+exports.PreferenceEditor = PreferenceEditor;
+exports.PreferencePanel = PreferencePanel;
+exports.PreferenceSummaryBadge = PreferenceSummaryBadge;
+exports.PreferenceTimeline = PreferenceTimeline;
+exports.PriceBadge = PriceBadge;
+exports.PriceCardMeta = PriceCardMeta;
+exports.PriceSummary = PriceSummary;
+exports.RelativeTimestamp = RelativeTimestamp;
+exports.RoleAssignmentForm = RoleAssignmentForm;
+exports.RoleBadgeList = RoleBadgeList;
+exports.SearchInput = SearchInput;
+exports.Select = Select;
+exports.SortIndicator = SortIndicator;
+exports.Stack = Stack;
+exports.StateTransitionEvent = StateTransitionEvent;
+exports.StatusBadge = StatusBadge;
+exports.StatusColorLegend = StatusColorLegend;
+exports.StatusSelector = StatusSelector;
+exports.StatusTimeline = StatusTimeline;
+exports.Table = Table;
+exports.Tabs = Tabs;
+exports.TagInput = TagInput;
+exports.TagManager = TagManager;
+exports.TagPills = TagPills;
+exports.TagSummary = TagSummary;
+exports.TemplatePicker = TemplatePicker;
+exports.Text = Text;
+exports.Textarea = Textarea;
+exports.TimelineEntryLabel = TimelineEntryLabel;
+exports.VizAreaControls = VizAreaControls;
+exports.VizAreaPreview = VizAreaPreview;
+exports.VizAxisControls = VizAxisControls;
+exports.VizAxisSummary = VizAxisSummary;
+exports.VizColorControls = VizColorControls;
+exports.VizColorLegendConfig = VizColorLegendConfig;
+exports.VizEncodingBadge = VizEncodingBadge;
+exports.VizGraphPreview = VizGraphPreview;
+exports.VizHeatmapControls = VizHeatmapControls;
+exports.VizHeatmapPreview = VizHeatmapPreview;
+exports.VizLineControls = VizLineControls;
+exports.VizLinePreview = VizLinePreview;
+exports.VizMarkControls = VizMarkControls;
+exports.VizMarkPreview = VizMarkPreview;
+exports.VizOpacityControls = VizOpacityControls;
+exports.VizOpacitySummary = VizOpacitySummary;
+exports.VizPointControls = VizPointControls;
+exports.VizPointPreview = VizPointPreview;
+exports.VizRoleBadge = VizRoleBadge;
+exports.VizScaleControls = VizScaleControls;
+exports.VizScaleSummary = VizScaleSummary;
+exports.VizScatterControls = VizScatterControls;
+exports.VizScatterPreview = VizScatterPreview;
+exports.VizShapeControls = VizShapeControls;
+exports.VizShapeLegend = VizShapeLegend;
+exports.VizSizeControls = VizSizeControls;
+exports.VizSizeSummary = VizSizeSummary;