@octaviaflow/core 3.1.0-beta.65 → 3.1.0-beta.68

package/dist/marketing.cjs

@@ -0,0 +1,3985 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/marketing/index.ts
+var marketing_exports = {};
+__export(marketing_exports, {
+  ActionGlyph: () => ActionGlyph,
+  AssistantTranscript: () => AssistantTranscript,
+  BrandMark: () => BrandMark,
+  ConnectorGlyph: () => ConnectorGlyph,
+  CtaBanner: () => CtaBanner,
+  DestinationGlyph: () => DestinationGlyph,
+  FeatureGrid: () => FeatureGrid,
+  IntegrationsWall: () => IntegrationsWall,
+  LiveConsole: () => LiveConsole,
+  MarketingFooter: () => MarketingFooter,
+  MarketingHero: () => MarketingHero,
+  MarketingNav: () => MarketingNav,
+  MarketingSection: () => MarketingSection,
+  NotifyGlyph: () => NotifyGlyph,
+  SourceGlyph: () => SourceGlyph,
+  StatBand: () => StatBand,
+  WORKFLOW_SHOWCASE_DEFAULT_CONNECTORS: () => WORKFLOW_SHOWCASE_DEFAULT_CONNECTORS,
+  WORKFLOW_SHOWCASE_DEFAULT_EXAMPLES: () => WORKFLOW_SHOWCASE_DEFAULT_EXAMPLES,
+  WORKFLOW_SHOWCASE_DEFAULT_METRICS: () => WORKFLOW_SHOWCASE_DEFAULT_METRICS,
+  WORKFLOW_SHOWCASE_DEFAULT_TILES: () => WORKFLOW_SHOWCASE_DEFAULT_TILES,
+  WORKFLOW_SHOWCASE_SCHEDULES: () => WORKFLOW_SHOWCASE_SCHEDULES,
+  WorkflowShowcase: () => WorkflowShowcase,
+  roleGlyph: () => roleGlyph
+});
+module.exports = __toCommonJS(marketing_exports);
+
+// src/utils/cn.ts
+var import_clsx = require("clsx");
+function cn(...inputs) {
+  return (0, import_clsx.clsx)(inputs);
+}
+
+// src/marketing/components/AssistantTranscript/AssistantTranscript.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+function AssistantTranscript({
+  title = "OctaviaFlow AI Assistant",
+  turns,
+  userLabel = "you",
+  assistantLabel = "octavia",
+  className,
+  ...rest
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { ...rest, className: cn("ods-mkt-transcript", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "ods-mkt-transcript__head", children: title }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "ods-mkt-transcript__body", children: turns.map((turn) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "ods-mkt-transcript__turn", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        "span",
+        {
+          className: cn(
+            "ods-mkt-transcript__speaker",
+            `ods-mkt-transcript__speaker--${turn.speaker}`
+          ),
+          children: [
+            turn.speaker === "user" ? userLabel : assistantLabel,
+            " \u2192"
+          ]
+        }
+      ),
+      " ",
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "ods-mkt-transcript__content", children: turn.content })
+    ] }, turn.id)) })
+  ] });
+}
+
+// src/components/Button/Button.tsx
+var import_framer_motion = require("framer-motion");
+var import_react3 = require("react");
+var import_react_aria = require("react-aria");
+
+// src/utils/a11y.ts
+var import_react = require("react");
+function hasRenderableText(node) {
+  if (node === null || node === void 0 || typeof node === "boolean") return false;
+  if (typeof node === "string") return node.trim().length > 0;
+  if (typeof node === "number") return true;
+  if (Array.isArray(node)) return node.some(hasRenderableText);
+  if ((0, import_react.isValidElement)(node)) {
+    return hasRenderableText(node.props.children);
+  }
+  return false;
+}
+function resolveAccessibleName(input) {
+  if (input.ariaLabelledby) {
+    return { "aria-labelledby": input.ariaLabelledby };
+  }
+  if (input.ariaLabel) {
+    return { "aria-label": input.ariaLabel };
+  }
+  if (typeof input.label === "string" && input.label.trim().length > 0) {
+    return { "aria-label": input.label };
+  }
+  for (const candidate of input.fallbacks ?? []) {
+    if (typeof candidate === "string" && candidate.trim().length > 0) {
+      return { "aria-label": candidate };
+    }
+  }
+  if (process.env.NODE_ENV !== "production") {
+    console.error(
+      `[@octaviaflow/core ${input.componentName}] No accessible name. Pass a string \`label\`, or \`aria-label\`, or \`aria-labelledby\` so screen readers can announce this control.`
+    );
+  }
+  return { "aria-label": `Unlabeled ${input.componentName}` };
+}
+
+// src/utils/Slot.tsx
+var import_react2 = require("react");
+
+// src/utils/composeRefs.ts
+function composeRefs(...refs) {
+  return (node) => {
+    for (const ref of refs) {
+      if (typeof ref === "function") {
+        ref(node);
+      } else if (ref != null) {
+        ref.current = node;
+      }
+    }
+  };
+}
+
+// src/utils/Slot.tsx
+var Slot = (0, import_react2.forwardRef)(function Slot2({ children, ...slotProps }, forwardedRef) {
+  if (!(0, import_react2.isValidElement)(children)) {
+    return null;
+  }
+  const child = import_react2.Children.only(children);
+  const childProps = child.props ?? {};
+  const childRef = child.ref;
+  return (0, import_react2.cloneElement)(child, {
+    ...mergeProps(slotProps, childProps),
+    ref: forwardedRef ? composeRefs(forwardedRef, childRef) : childRef
+  });
+});
+function mergeProps(slotProps, childProps) {
+  const merged = { ...slotProps, ...childProps };
+  for (const key of Object.keys(slotProps)) {
+    const slotValue = slotProps[key];
+    const childValue = childProps[key];
+    if (/^on[A-Z]/.test(key) && typeof slotValue === "function" && typeof childValue === "function") {
+      merged[key] = (...args) => {
+        slotValue(...args);
+        const event = args[0];
+        if (event?.defaultPrevented) return;
+        childValue(...args);
+      };
+      continue;
+    }
+    if (key === "className") {
+      merged.className = [slotValue, childValue].filter(Boolean).join(" ");
+      continue;
+    }
+    if (key === "style") {
+      merged.style = {
+        ...slotValue,
+        ...childValue
+      };
+      continue;
+    }
+  }
+  return merged;
+}
+
+// src/components/Button/Button.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var Button = (0, import_react3.forwardRef)(function Button2({
+  variant = "primary",
+  size = "md",
+  loading = false,
+  loadingText,
+  loadingLabel = "Loading",
+  disabled = false,
+  leftIcon,
+  rightIcon,
+  fullWidth = false,
+  pressed,
+  asChild = false,
+  className,
+  children,
+  type,
+  cursor,
+  style,
+  ...props
+}, forwardedRef) {
+  const ref = (0, import_react3.useRef)(null);
+  (0, import_react3.useImperativeHandle)(forwardedRef, () => ref.current);
+  const isDisabled = disabled || loading;
+  const prefersReducedMotion = (0, import_framer_motion.useReducedMotion)();
+  const hasAction = Boolean(props.onClick) || type === "submit" || type === "reset";
+  const resolvedCursor = cursor ?? (disabled ? "not-allowed" : loading ? "progress" : hasAction ? "pointer" : "default");
+  const resolvedType = type ?? "button";
+  const hasVisibleText = hasRenderableText(children);
+  const needsAriaName = !hasVisibleText && !asChild;
+  const ariaNameProps = needsAriaName ? resolveAccessibleName({
+    ariaLabel: props["aria-label"],
+    ariaLabelledby: props["aria-labelledby"],
+    componentName: "Button"
+  }) : void 0;
+  const { buttonProps } = (0, import_react_aria.useButton)(
+    {
+      isDisabled,
+      onPress: props.onClick,
+      type: resolvedType,
+      ...ariaNameProps ?? {}
+    },
+    ref
+  );
+  const { onDrag, onDragStart, onDragEnd, onAnimationStart, ...safeButtonProps } = buttonProps;
+  const {
+    onClick: _onClick,
+    onKeyDown: _onKeyDown,
+    onKeyUp: _onKeyUp,
+    onMouseDown: _onMouseDown,
+    onPointerDown: _onPointerDown,
+    onPointerUp: _onPointerUp,
+    onFocus: _onFocus,
+    onBlur: _onBlur,
+    ...passthroughProps
+  } = props;
+  const rootClassName = cn(
+    "ods-btn",
+    `ods-btn--${variant}`,
+    `ods-btn--${size}`,
+    loading && "ods-btn--loading",
+    fullWidth && "ods-btn--full",
+    pressed && "ods-btn--pressed",
+    className
+  );
+  if (asChild) {
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      Slot,
+      {
+        ...passthroughProps,
+        ref: forwardedRef,
+        className: rootClassName,
+        style: { cursor: resolvedCursor, ...style },
+        "aria-pressed": pressed,
+        "aria-disabled": isDisabled || void 0,
+        children
+      }
+    );
+  }
+  const visibleLabel = loading && loadingText !== void 0 ? loadingText : children;
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    import_framer_motion.motion.button,
+    {
+      ...passthroughProps,
+      ...safeButtonProps,
+      type: resolvedType,
+      ref,
+      className: rootClassName,
+      style: { cursor: resolvedCursor, ...style },
+      "data-loading": loading || void 0,
+      "aria-busy": loading || void 0,
+      "aria-pressed": pressed,
+      whileTap: isDisabled || prefersReducedMotion ? void 0 : { scale: 0.97 },
+      transition: { duration: 0.1 },
+      children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { className: "ods-btn__content", children: [
+        loading ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          "span",
+          {
+            className: "ods-btn__icon ods-btn__icon--left ods-btn__icon--spinner",
+            role: "status",
+            "aria-label": loadingLabel,
+            children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("svg", { viewBox: "0 0 24 24", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+              "circle",
+              {
+                cx: "12",
+                cy: "12",
+                r: "10",
+                fill: "none",
+                stroke: "currentColor",
+                strokeWidth: "2.5",
+                strokeLinecap: "round",
+                strokeDasharray: "32",
+                strokeDashoffset: "12"
+              }
+            ) })
+          }
+        ) : leftIcon && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "ods-btn__icon ods-btn__icon--left", children: leftIcon }),
+        visibleLabel != null && visibleLabel !== false && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "ods-btn__label", children: visibleLabel }),
+        rightIcon && !loading && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "ods-btn__icon ods-btn__icon--right", children: rightIcon })
+      ] })
+    }
+  );
+});
+Button.displayName = "Button";
+
+// src/marketing/components/CtaBanner/CtaBanner.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+function Action({
+  action,
+  variant
+}) {
+  if (action.href) {
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      "a",
+      {
+        className: cn("ods-mkt-cta__link", `ods-mkt-cta__link--${variant}`),
+        href: action.href,
+        onClick: action.onClick,
+        children: action.label
+      }
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Button, { variant, onClick: action.onClick, children: action.label });
+}
+function CtaBanner({
+  title,
+  lede,
+  primary,
+  secondary,
+  footnote,
+  className,
+  ...rest
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("section", { ...rest, className: cn("ods-mkt-cta", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("h2", { className: "ods-mkt-cta__title", children: title }),
+    lede && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "ods-mkt-cta__lede", children: lede }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "ods-mkt-cta__actions", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Action, { action: primary, variant: "primary" }),
+      secondary && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Action, { action: secondary, variant: "secondary" })
+    ] }),
+    footnote && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "ods-mkt-cta__footnote", children: footnote })
+  ] });
+}
+
+// src/marketing/components/FeatureGrid/FeatureGrid.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
+function FeatureGrid({
+  items,
+  columns = 3,
+  dense = false,
+  className,
+  ...rest
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    "div",
+    {
+      ...rest,
+      className: cn(
+        "ods-mkt-features",
+        `ods-mkt-features--${columns}`,
+        dense && "ods-mkt-features--dense",
+        className
+      ),
+      children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("article", { className: "ods-mkt-features__cell", children: [
+        item.icon && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "ods-mkt-features__icon", "aria-hidden": "true", children: item.icon }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("h3", { className: "ods-mkt-features__title", children: item.title }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "ods-mkt-features__body", children: item.body })
+      ] }, item.id))
+    }
+  );
+}
+
+// src/marketing/glyphs.tsx
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var base = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  strokeWidth: 2,
+  strokeLinecap: "round",
+  strokeLinejoin: "round"
+};
+function SourceGlyph({ size = 12 }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("svg", { ...base, width: size, height: size, "aria-hidden": "true", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("ellipse", { cx: "12", cy: "5", rx: "9", ry: "3" }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M3 5v14a9 3 0 0 0 18 0V5" }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M3 12a9 3 0 0 0 18 0" })
+  ] });
+}
+function DestinationGlyph({ size = 12 }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("svg", { ...base, width: size, height: size, "aria-hidden": "true", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("rect", { x: "2", y: "3", width: "20", height: "5", rx: "1" }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M4 8v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8" }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M10 12h4" })
+  ] });
+}
+function ActionGlyph({ size = 12 }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("svg", { ...base, width: size, height: size, "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M13 2 3 14h9l-1 8 10-12h-9l1-8z" }) });
+}
+function NotifyGlyph({ size = 12 }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("svg", { ...base, width: size, height: size, "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" }) });
+}
+function ConnectorGlyph({ size = 12 }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("svg", { ...base, width: size, height: size, "aria-hidden": "true", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M12 22v-5" }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M9 8V2M15 8V2" }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M18 8v5a4 4 0 0 1-4 4h-4a4 4 0 0 1-4-4V8h12z" })
+  ] });
+}
+function BrandMark({ size = 18 }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("svg", { viewBox: "0 0 18 18", width: size, height: size, "aria-hidden": "true", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("rect", { width: "18", height: "18", fill: "var(--ods-accent)" }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M4 9h8.5M9.5 5.5 13 9l-3.5 3.5", stroke: "#fff", strokeWidth: "1.6", fill: "none" })
+  ] });
+}
+function roleGlyph(role, size = 12) {
+  switch (role) {
+    case "source":
+      return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(SourceGlyph, { size });
+    case "destination":
+      return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(DestinationGlyph, { size });
+    case "action":
+      return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ActionGlyph, { size });
+    case "notify":
+      return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(NotifyGlyph, { size });
+  }
+}
+
+// src/marketing/components/IntegrationsWall/IntegrationsWall.tsx
+var import_jsx_runtime6 = require("react/jsx-runtime");
+function IntegrationsWall({
+  categories,
+  footnote,
+  bareChips = false,
+  className,
+  ...rest
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { ...rest, className: cn("ods-mkt-wall", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "ods-mkt-wall__grid", children: categories.map((category) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "ods-mkt-wall__row", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "ods-mkt-wall__category", children: category.label }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "ods-mkt-wall__chips", children: category.items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "ods-mkt-wall__chip", children: [
+        (item.icon || !bareChips) && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "ods-mkt-wall__chip-icon", "aria-hidden": "true", children: item.icon ?? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ConnectorGlyph, { size: 13 }) }),
+        item.name
+      ] }, item.name)) })
+    ] }, category.id)) }),
+    footnote && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "ods-mkt-wall__footnote", children: footnote })
+  ] });
+}
+
+// src/marketing/components/LiveConsole/LiveConsole.tsx
+var import_jsx_runtime7 = require("react/jsx-runtime");
+var STATE_GLYPH = {
+  done: "\u2713",
+  running: "\u27F3",
+  queued: "\u2192",
+  error: "\u2715"
+};
+function LiveConsole({
+  title,
+  badge = "LIVE",
+  lines,
+  animated = true,
+  className,
+  ...rest
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { ...rest, className: cn("ods-mkt-console", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "ods-mkt-console__head", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "ods-mkt-console__title", children: title }),
+      badge != null && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { className: "ods-mkt-console__badge", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "ods-mkt-console__dot" }),
+        badge
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "ods-mkt-console__body", children: lines.map((line, i) => {
+      const state = line.state ?? "done";
+      return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+        "div",
+        {
+          className: cn("ods-mkt-console__line", animated && "ods-mkt-console__line--animated"),
+          style: animated ? { animationDelay: `${0.3 + i * 0.6}s` } : void 0,
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+              "span",
+              {
+                className: cn("ods-mkt-console__glyph", `ods-mkt-console__glyph--${state}`),
+                "aria-hidden": "true",
+                children: STATE_GLYPH[state]
+              }
+            ),
+            " ",
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "ods-mkt-console__label", children: line.label }),
+            line.detail && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+              "span",
+              {
+                className: cn(
+                  "ods-mkt-console__detail",
+                  state === "running" && "ods-mkt-console__detail--running"
+                ),
+                children: [
+                  " ",
+                  line.detail
+                ]
+              }
+            )
+          ]
+        },
+        line.id
+      );
+    }) })
+  ] });
+}
+
+// src/marketing/components/MarketingFooter/MarketingFooter.tsx
+var import_jsx_runtime8 = require("react/jsx-runtime");
+function MarketingFooter({
+  brand,
+  tagline,
+  meta,
+  columns = [],
+  legal,
+  social,
+  className,
+  ...rest
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("footer", { ...rest, className: cn("ods-mkt-footer", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "ods-mkt-footer__grid", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "ods-mkt-footer__brand-col", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "ods-mkt-footer__brand", children: brand ?? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(BrandMark, { size: 16 }),
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: "OctaviaFlow" })
+        ] }) }),
+        tagline && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { className: "ods-mkt-footer__tagline", children: tagline }),
+        meta && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "ods-mkt-footer__meta", children: meta })
+      ] }),
+      columns.map((column) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("nav", { className: "ods-mkt-footer__col", "aria-label": String(column.id), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "ods-mkt-footer__col-label", children: column.label }),
+        column.links.map((link) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("a", { className: "ods-mkt-footer__link", href: link.href, children: link.label }, link.href))
+      ] }, column.id))
+    ] }),
+    (legal || social) && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "ods-mkt-footer__bar", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: legal }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: social })
+    ] })
+  ] });
+}
+
+// src/marketing/components/MarketingHero/MarketingHero.tsx
+var import_framer_motion2 = require("framer-motion");
+var import_jsx_runtime9 = require("react/jsx-runtime");
+function MarketingHero({
+  kicker,
+  title,
+  lede,
+  align = "center",
+  className,
+  children,
+  ...rest
+}) {
+  const reducedMotion = (0, import_framer_motion2.useReducedMotion)();
+  const words = title.split(/\s+/).filter(Boolean);
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+    "section",
+    {
+      ...rest,
+      className: cn("ods-mkt-hero", align === "center" && "ods-mkt-hero--center", className),
+      children: [
+        kicker && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { className: "ods-mkt-hero__kicker", children: kicker }),
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("h1", { className: "ods-mkt-hero__title", children: words.map((word, i) => /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+          "span",
+          {
+            className: "ods-mkt-hero__word-clip",
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                import_framer_motion2.motion.span,
+                {
+                  className: "ods-mkt-hero__word",
+                  initial: reducedMotion ? false : { opacity: 0, y: "100%" },
+                  animate: { opacity: 1, y: 0 },
+                  transition: {
+                    duration: 0.7,
+                    delay: 0.05 + i * 0.08,
+                    ease: [0.2, 0.7, 0.2, 1]
+                  },
+                  children: word
+                }
+              ),
+              " "
+            ]
+          },
+          i
+        )) }),
+        lede && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+          import_framer_motion2.motion.p,
+          {
+            className: "ods-mkt-hero__lede",
+            initial: reducedMotion ? false : { opacity: 0, y: 12 },
+            animate: { opacity: 1, y: 0 },
+            transition: { duration: 0.8, delay: 0.6, ease: [0.2, 0.7, 0.2, 1] },
+            children: lede
+          }
+        ),
+        children && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+          import_framer_motion2.motion.div,
+          {
+            className: "ods-mkt-hero__body",
+            initial: reducedMotion ? false : { opacity: 0, y: 12 },
+            animate: { opacity: 1, y: 0 },
+            transition: { duration: 0.8, delay: 0.75, ease: [0.2, 0.7, 0.2, 1] },
+            children
+          }
+        )
+      ]
+    }
+  );
+}
+
+// src/marketing/components/MarketingNav/MarketingNav.tsx
+var import_jsx_runtime10 = require("react/jsx-runtime");
+function MarketingNav({
+  brand,
+  brandHref = "/",
+  links = [],
+  actions,
+  sticky = true,
+  className,
+  ...rest
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("header", { ...rest, className: cn("ods-mkt-nav", sticky && "ods-mkt-nav--sticky", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("a", { className: "ods-mkt-nav__brand", href: brandHref, children: brand ?? /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(BrandMark, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { children: "OctaviaFlow" })
+    ] }) }),
+    links.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("nav", { className: "ods-mkt-nav__links", "aria-label": "Main", children: links.map((link) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+      "a",
+      {
+        href: link.href,
+        className: cn("ods-mkt-nav__link", link.active && "ods-mkt-nav__link--active"),
+        "aria-current": link.active ? "page" : void 0,
+        children: link.label
+      },
+      link.href
+    )) }),
+    actions && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "ods-mkt-nav__actions", children: actions })
+  ] });
+}
+
+// src/marketing/components/MarketingSection/MarketingSection.tsx
+var import_jsx_runtime11 = require("react/jsx-runtime");
+function MarketingSection({
+  kicker,
+  title,
+  lede,
+  align = "start",
+  tone = "default",
+  flushTop = false,
+  className,
+  children,
+  ...rest
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+    "section",
+    {
+      ...rest,
+      className: cn(
+        "ods-mkt-section",
+        align === "center" && "ods-mkt-section--center",
+        tone === "subtle" && "ods-mkt-section--subtle",
+        flushTop && "ods-mkt-section--flush",
+        className
+      ),
+      children: [
+        (kicker || title || lede) && /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("header", { className: "ods-mkt-section__head", children: [
+          kicker && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("p", { className: "ods-mkt-section__kicker", children: kicker }),
+          title && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("h2", { className: "ods-mkt-section__title", children: title }),
+          lede && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("p", { className: "ods-mkt-section__lede", children: lede })
+        ] }),
+        children
+      ]
+    }
+  );
+}
+
+// src/marketing/components/StatBand/StatBand.tsx
+var import_framer_motion3 = require("framer-motion");
+
+// src/components/CountUp/CountUp.tsx
+var import_react4 = require("react");
+var import_jsx_runtime12 = require("react/jsx-runtime");
+var easeOutCubic = (t) => 1 - Math.pow(1 - t, 3);
+var CountUp = (0, import_react4.forwardRef)(
+  function CountUp2({
+    value,
+    from = 0,
+    duration = 800,
+    easing = easeOutCubic,
+    decimals = 0,
+    formatValue,
+    prefix,
+    suffix,
+    delay = 0,
+    disableAnimation = false,
+    onComplete,
+    className,
+    ...rest
+  }, ref) {
+    const [n, setN] = (0, import_react4.useState)(disableAnimation ? value : from);
+    const lastRendered = (0, import_react4.useRef)(disableAnimation ? value : from);
+    (0, import_react4.useEffect)(() => {
+      const reduced = typeof window !== "undefined" && window.matchMedia?.("(prefers-reduced-motion: reduce)").matches;
+      if (disableAnimation || reduced) {
+        setN(value);
+        lastRendered.current = value;
+        onComplete?.();
+        return;
+      }
+      const startValue = lastRendered.current;
+      const delta = value - startValue;
+      if (delta === 0) return;
+      let raf = null;
+      let timeoutId = null;
+      let startTime = null;
+      let cancelled = false;
+      const tick = (ts) => {
+        if (cancelled) return;
+        if (startTime === null) startTime = ts;
+        const t = Math.min(1, (ts - startTime) / Math.max(1, duration));
+        const eased = easing(t);
+        const current = startValue + delta * eased;
+        setN(current);
+        lastRendered.current = current;
+        if (t < 1) {
+          raf = requestAnimationFrame(tick);
+        } else {
+          lastRendered.current = value;
+          setN(value);
+          onComplete?.();
+        }
+      };
+      const start = () => {
+        raf = requestAnimationFrame(tick);
+      };
+      if (delay > 0) {
+        timeoutId = window.setTimeout(start, delay);
+      } else {
+        start();
+      }
+      return () => {
+        cancelled = true;
+        if (raf !== null) cancelAnimationFrame(raf);
+        if (timeoutId !== null) window.clearTimeout(timeoutId);
+      };
+    }, [value, duration, delay, disableAnimation]);
+    const display = formatValue ? formatValue(n) : n.toFixed(decimals);
+    return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+      "span",
+      {
+        ...rest,
+        ref,
+        className: cn("ods-count-up", className),
+        "aria-live": "polite",
+        "aria-atomic": "true",
+        children: [
+          prefix,
+          display,
+          suffix
+        ]
+      }
+    );
+  }
+);
+CountUp.displayName = "CountUp";
+
+// src/marketing/components/StatBand/StatBand.tsx
+var import_jsx_runtime13 = require("react/jsx-runtime");
+function StatBand({ items, orientation = "column", className, ...rest }) {
+  const reducedMotion = (0, import_framer_motion3.useReducedMotion)();
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+    "div",
+    {
+      ...rest,
+      className: cn("ods-mkt-statband", `ods-mkt-statband--${orientation}`, className),
+      children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "ods-mkt-statband__item", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "ods-mkt-statband__value", children: typeof item.value === "number" ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+          CountUp,
+          {
+            value: item.value,
+            duration: 900,
+            disableAnimation: Boolean(reducedMotion),
+            prefix: item.prefix,
+            suffix: item.suffix,
+            formatValue: (v) => Math.round(v).toLocaleString("en-US")
+          }
+        ) : /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
+          item.prefix,
+          item.value,
+          item.suffix
+        ] }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "ods-mkt-statband__label", children: item.label })
+      ] }, item.id))
+    }
+  );
+}
+
+// src/marketing/components/WorkflowShowcase/showcaseEngine.ts
+var SETTLED_PHASES = [
+  "done",
+  "signup",
+  "creating",
+  "welcome"
+];
+var WORKFLOW_SHOWCASE_DEFAULT_CONNECTORS = [
+  { name: "Storefront", role: "source", aliases: ["store", "shop orders"] },
+  { name: "Payments", role: "source", aliases: ["payouts"] },
+  { name: "Orders DB", role: "source", aliases: ["orders database"] },
+  { name: "CRM", role: "source", aliases: ["crm leads"] },
+  { name: "Warehouse", role: "destination" },
+  { name: "Lakehouse", role: "destination" },
+  { name: "Campaigns", role: "action", aliases: ["campaign"] },
+  { name: "Team Chat", role: "notify", aliases: ["chat", "alert the team"] }
+];
+var WORKFLOW_SHOWCASE_DEFAULT_EXAMPLES = [
+  {
+    id: "hourly-sync",
+    label: "Storefront orders \u2192 Warehouse, hourly",
+    prompt: "Sync Storefront orders to Warehouse every hour, alert sales in Team Chat"
+  },
+  {
+    id: "daily-load",
+    label: "Payments payouts \u2192 Lakehouse, daily",
+    prompt: "Load Payments payouts into Lakehouse daily"
+  },
+  {
+    id: "realtime-stream",
+    label: "Orders DB changes \u2192 Warehouse + Team Chat",
+    prompt: "Stream Orders DB changes to Warehouse in real-time and notify Team Chat"
+  }
+];
+var WORKFLOW_SHOWCASE_DEFAULT_METRICS = [
+  { id: "throughput", value: 2341, buildingValue: 842, unit: "rows/min", label: "THROUGHPUT" },
+  {
+    id: "latency",
+    value: 0.8,
+    buildingValue: 1.1,
+    decimals: 1,
+    unit: "s latency",
+    label: "SYNC SPEED"
+  },
+  { id: "cost", value: 43, prefix: "\u2212", suffix: "%", label: "COST VS BASELINE", tone: "success" }
+];
+var WORKFLOW_SHOWCASE_SCHEDULES = ["AUTO", "HOURLY", "DAILY", "REAL-TIME"];
+var WORKFLOW_SHOWCASE_DEFAULT_TILES = [
+  "ELT",
+  "CDC",
+  "DAG",
+  "CRON",
+  "HEAL",
+  "COST",
+  "API",
+  "LOG"
+];
+function escapeRegExp(value) {
+  return value.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+}
+function mentionsOf(catalog) {
+  const out = [];
+  for (const connector of catalog) {
+    out.push({ connector, pattern: connector.name });
+    for (const alias of connector.aliases ?? []) out.push({ connector, pattern: alias });
+  }
+  return out.sort((a, b) => b.pattern.length - a.pattern.length);
+}
+function detectConnectors(prompt, catalog) {
+  const lower = prompt.toLowerCase();
+  return catalog.filter((c) => [c.name, ...c.aliases ?? []].some((p) => lower.includes(p.toLowerCase()))).map((c) => c.name);
+}
+function segmentPrompt(prompt, catalog) {
+  if (!prompt) return [];
+  const mentions = mentionsOf(catalog);
+  if (!mentions.length) return [{ text: prompt }];
+  const re = new RegExp(`(${mentions.map((m) => escapeRegExp(m.pattern)).join("|")})`, "gi");
+  const byPattern = new Map(mentions.map((m) => [m.pattern.toLowerCase(), m.connector]));
+  return prompt.split(re).filter((part) => part !== "").map((part) => {
+    const connector = byPattern.get(part.toLowerCase());
+    return connector ? { text: part, connector } : { text: part };
+  });
+}
+function scheduleFromPrompt(prompt) {
+  const t = prompt.toLowerCase();
+  if (/stream|real.?time|cdc/.test(t)) return "REAL-TIME";
+  if (/hour/.test(t)) return "HOURLY";
+  if (/dail|every day|nightly/.test(t)) return "DAILY";
+  return null;
+}
+var RIGHT_ORDER = {
+  source: -1,
+  destination: 0,
+  action: 1,
+  notify: 2
+};
+function resolvePlan(selected, detected, catalog) {
+  const byName = new Map(catalog.map((c) => [c.name, c]));
+  let names = [.../* @__PURE__ */ new Set([...selected, ...detected])].filter((n) => byName.has(n));
+  if (!names.length) {
+    const fallback = [
+      catalog.find((c) => c.role === "source"),
+      catalog.find((c) => c.role === "destination"),
+      catalog.find((c) => c.role === "notify")
+    ].filter((c) => Boolean(c));
+    names = fallback.map((c) => c.name);
+  }
+  const has = (predicate) => names.some((n) => {
+    const c = byName.get(n);
+    return Boolean(c && predicate(c));
+  });
+  if (!has((c) => c.role === "source")) {
+    const source = catalog.find((c) => c.role === "source");
+    if (source) names = [source.name, ...names];
+  }
+  if (!has((c) => c.role !== "source")) {
+    const sink = catalog.find((c) => c.role === "notify") ?? catalog.find((c) => c.role !== "source");
+    if (sink) names = [...names, sink.name];
+  }
+  const picked = catalog.filter((c) => names.includes(c.name));
+  const left = picked.filter((c) => c.role === "source");
+  const right = picked.filter((c) => c.role !== "source").sort((a, b) => RIGHT_ORDER[a.role] - RIGHT_ORDER[b.role]);
+  const all = [...left, ...right];
+  return { left, right, all, totalSteps: all.length + 1 };
+}
+function stepVerb(role) {
+  if (role === "notify") return "alert";
+  if (role === "action") return "trigger";
+  return "load";
+}
+function assembleSteps(plan) {
+  return [
+    ...plan.left.map((c) => `${c.name.toLowerCase()} extract`),
+    "schema map \xB7 14 fields",
+    ...plan.right.map((c) => `${c.name.toLowerCase()} ${stepVerb(c.role)}`)
+  ];
+}
+function buildActivity(args) {
+  const { phase, shown, plan, selected, status } = args;
+  const settled = SETTLED_PHASES.includes(phase);
+  const lines = [];
+  if (phase === "idle") {
+    if (!selected.length) {
+      lines.push({ id: "wait", text: "\u25B8 waiting for instructions\u2026", tone: "muted" });
+      lines.push({ id: "hint", text: "\xB7 type a request or pick apps", tone: "faint" });
+    }
+    for (const name of selected.slice(-6)) {
+      lines.push({ id: `sel-${name}`, text: `+ ${name.toLowerCase()} connected`, tone: "plain" });
+    }
+    return lines;
+  }
+  if (phase === "analyzing") {
+    for (const name of selected.slice(-4)) {
+      lines.push({ id: `sel-${name}`, text: `+ ${name.toLowerCase()} connected`, tone: "muted" });
+    }
+    lines.push({ id: "status", text: `\u27F3 ${status}`, tone: "active" });
+    return lines;
+  }
+  assembleSteps(plan).forEach((step, i) => {
+    if (settled || shown > i) lines.push({ id: `step-${i}`, text: `\u2713 ${step}`, tone: "done" });
+    else if (shown === i) lines.push({ id: `step-${i}`, text: `\u27F3 ${step}\u2026`, tone: "active" });
+    else lines.push({ id: `step-${i}`, text: `\xB7 ${step} queued`, tone: "muted" });
+  });
+  if (settled) lines.push({ id: "errors", text: "\u2713 error handling attached", tone: "done" });
+  return lines.slice(-8);
+}
+function slugify(value) {
+  return value.trim().toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, "") || "your-team";
+}
+function isValidEmail(value) {
+  return /^\S+@\S+\.\S+$/.test(value.trim());
+}
+
+// src/marketing/components/WorkflowShowcase/WorkflowShowcase.tsx
+var import_framer_motion7 = require("framer-motion");
+var import_react20 = require("react");
+
+// src/marketing/components/WorkflowShowcase/ShowcaseScene.tsx
+var import_react5 = require("react");
+var import_jsx_runtime14 = require("react/jsx-runtime");
+function slots(n) {
+  return Array.from({ length: n }, (_, i) => 208 + (i - (n - 1) / 2) * 80);
+}
+var leftGuide = (cy) => `M74 ${cy} H150 V228 H193`;
+var rightGuide = (cy) => `M263 228 H340 V${cy} H388`;
+function particlesFor(side, index, path, active, fast) {
+  const base2 = index * 0.4 + (side === "r" ? 0.5 : 0);
+  const duration = fast ? active ? "1.1s" : "2.6s" : active ? "2.2s" : "4.8s";
+  const size = active ? 8 : 6;
+  const out = [
+    { key: `${side}${index}-a`, path, size, duration, delay: `${base2}s`, variant: "lead" },
+    {
+      key: `${side}${index}-b`,
+      path,
+      size,
+      duration,
+      delay: `${base2 + (active ? 1.1 : 2.4)}s`,
+      variant: "echo"
+    }
+  ];
+  if (active) {
+    out.push({
+      key: `${side}${index}-c`,
+      path,
+      size: 6,
+      duration,
+      delay: `${base2 + 0.55}s`,
+      variant: "spark"
+    });
+  }
+  return out;
+}
+function DefaultCoreGlyph() {
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("svg", { viewBox: "0 0 24 24", width: "30", height: "30", fill: "none", "aria-hidden": "true", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("rect", { x: "3", y: "3", width: "18", height: "18", rx: "1", stroke: "currentColor", strokeWidth: "1.6" }),
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+      "path",
+      {
+        d: "M7 12h7M11.5 8.5 15 12l-3.5 3.5",
+        stroke: "currentColor",
+        strokeWidth: "1.6",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    )
+  ] });
+}
+function CubeFace({ connector }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+    "span",
+    {
+      className: cn(
+        "ods-showcase__apptile",
+        "ods-showcase__apptile--lg",
+        `ods-showcase__apptile--${connector.role}`
+      ),
+      children: connector.icon ?? roleGlyph(connector.role, 18)
+    }
+  );
+}
+function ShowcaseScene({
+  left,
+  right,
+  engaged,
+  tiles,
+  coreIcon,
+  caption
+}) {
+  const [pulse, setPulse] = (0, import_react5.useState)(false);
+  const pulseTimer = (0, import_react5.useRef)(null);
+  (0, import_react5.useEffect)(
+    () => () => {
+      if (pulseTimer.current) clearTimeout(pulseTimer.current);
+    },
+    []
+  );
+  const firePulse = () => {
+    if (pulse) return;
+    setPulse(true);
+    pulseTimer.current = setTimeout(() => setPulse(false), 1500);
+  };
+  const leftYs = slots(left.length);
+  const rightYs = slots(right.length);
+  const guides = [];
+  const particles = [];
+  left.forEach((node, i) => {
+    const d = leftGuide(leftYs[i]);
+    const on = engaged && node.active;
+    guides.push({ d, on, delay: `${i * 0.2}s` });
+    particles.push(...particlesFor("l", i, d, on, pulse));
+  });
+  right.forEach((node, j) => {
+    const d = rightGuide(rightYs[j]);
+    const on = engaged && node.active;
+    guides.push({ d, on, delay: `${j * 0.2 + 0.3}s` });
+    particles.push(...particlesFor("r", j, d, on, pulse));
+  });
+  if (!left.length) guides.push({ d: leftGuide(208), on: false, delay: "0s" });
+  if (!right.length) guides.push({ d: rightGuide(208), on: false, delay: "0s" });
+  const pins = [];
+  for (let x = 118; x <= 338; x += 20) {
+    pins.push({ d: `M${x} 346 L${x} 368`, accent: x / 20 % 4 === 0 });
+  }
+  for (let y = 118; y <= 338; y += 20) {
+    pins.push({ d: `M346 ${y} L368 ${y}`, accent: y / 20 % 4 === 1 });
+  }
+  const tilePositions = [
+    { left: 8, top: 8 },
+    { left: 83, top: 8 },
+    { left: 158, top: 8 },
+    { left: 8, top: 83 },
+    { left: 158, top: 83 },
+    { left: 8, top: 158 },
+    { left: 83, top: 158 },
+    { left: 158, top: 158 }
+  ];
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "ods-showcase__scene", "aria-hidden": "true", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "ods-showcase__scene-stage", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("svg", { className: "ods-showcase__wires", width: "460", height: "460", "aria-hidden": "true", children: [
+        pins.map((pin) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+          "path",
+          {
+            d: pin.d,
+            className: cn("ods-showcase__pin", pin.accent && "ods-showcase__pin--accent")
+          },
+          pin.d
+        )),
+        guides.map((guide) => /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("g", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("path", { d: guide.d, className: "ods-showcase__guide" }),
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+            "path",
+            {
+              d: guide.d,
+              className: cn(
+                "ods-showcase__guide-trace",
+                guide.on && "ods-showcase__guide-trace--on"
+              ),
+              style: { animationDelay: guide.delay }
+            }
+          )
+        ] }, guide.d))
+      ] }),
+      particles.map((p) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+        "span",
+        {
+          className: cn("ods-showcase__particle", `ods-showcase__particle--${p.variant}`),
+          style: {
+            width: p.size,
+            height: p.size,
+            offsetPath: `path('${p.path}')`,
+            animationDuration: p.duration,
+            animationDelay: p.delay
+          }
+        },
+        p.key
+      )),
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "ods-showcase__platform", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "ods-showcase__platform-south" }),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "ods-showcase__platform-east" }),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "ods-showcase__platform-top" }),
+        tiles.slice(0, 8).map((label, i) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+          "span",
+          {
+            className: "ods-showcase__tile",
+            style: { left: tilePositions[i].left, top: tilePositions[i].top },
+            children: label
+          },
+          label
+        )),
+        pulse && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "ods-showcase__core-ring" }),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("button", { type: "button", tabIndex: -1, className: "ods-showcase__core", onClick: firePulse, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "ods-showcase__core-south" }),
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "ods-showcase__core-east" }),
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "ods-showcase__core-top", children: coreIcon ?? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(DefaultCoreGlyph, {}) })
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "ods-showcase__floater ods-showcase__floater--a" }),
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "ods-showcase__floater ods-showcase__floater--b" }),
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "ods-showcase__floater ods-showcase__floater--c" }),
+      !left.length && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "ods-showcase__ghost", style: { left: 8, top: 178 }, children: "+" }),
+      !right.length && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "ods-showcase__ghost", style: { left: 392, top: 178 }, children: "+" }),
+      left.map((node, i) => /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+        "span",
+        {
+          className: cn(
+            "ods-showcase__cube",
+            node.active && "ods-showcase__cube--active",
+            i % 2 ? "ods-showcase__cube--float-b" : "ods-showcase__cube--float-a"
+          ),
+          style: { left: 8, top: leftYs[i] - 30, animationDelay: `${i * 0.15}s` },
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "ods-showcase__cube-south" }),
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "ods-showcase__cube-east" }),
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "ods-showcase__cube-top", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(CubeFace, { connector: node.connector }) })
+          ]
+        },
+        node.connector.name
+      )),
+      right.map((node, j) => /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+        "span",
+        {
+          className: cn(
+            "ods-showcase__cube",
+            node.active && "ods-showcase__cube--active",
+            j % 2 ? "ods-showcase__cube--float-a" : "ods-showcase__cube--float-b"
+          ),
+          style: { left: 392, top: rightYs[j] - 30, animationDelay: `${j * 0.15}s` },
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "ods-showcase__cube-south" }),
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "ods-showcase__cube-east" }),
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "ods-showcase__cube-top", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(CubeFace, { connector: node.connector }) })
+          ]
+        },
+        node.connector.name
+      ))
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "ods-showcase__scene-caption", children: caption })
+  ] });
+}
+
+// src/marketing/components/WorkflowShowcase/ShowcaseSignup.tsx
+var import_framer_motion6 = require("framer-motion");
+var import_react19 = require("react");
+var import_react_aria4 = require("react-aria");
+
+// src/components/Input/Input.tsx
+var import_icons = require("@octaviaflow/icons");
+var import_react6 = require("react");
+var import_jsx_runtime15 = require("react/jsx-runtime");
+var CLEAR_GLYPH = /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_icons.CloseIcon, { width: 12, height: 12, "aria-hidden": "true" });
+var Input = (0, import_react6.forwardRef)(
+  ({
+    type = "text",
+    size = "md",
+    error = false,
+    errorMessage,
+    label,
+    helperText,
+    leftIcon,
+    rightIcon,
+    clearable,
+    onClear,
+    shortcutHint,
+    disabled = false,
+    required,
+    id,
+    className,
+    value,
+    defaultValue,
+    onChange,
+    onKeyDown,
+    ...props
+  }, forwardedRef) => {
+    const innerRef = (0, import_react6.useRef)(null);
+    (0, import_react6.useImperativeHandle)(forwardedRef, () => innerRef.current);
+    const reactId = (0, import_react6.useId)();
+    const inputId = id ?? `${reactId}-input`;
+    const errorId = `${reactId}-err`;
+    const helperId = `${reactId}-help`;
+    const isControlled = value !== void 0;
+    const isClearable = (clearable ?? type === "search") && !disabled;
+    const isSearch = type === "search";
+    const currentValue = isControlled ? String(value ?? "") : innerRef.current?.value ?? String(defaultValue ?? "");
+    const showClear = isClearable && currentValue.length > 0;
+    const clearValue = () => {
+      const el = innerRef.current;
+      if (el && !isControlled) {
+        const setter = Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, "value")?.set;
+        setter?.call(el, "");
+        el.dispatchEvent(new Event("input", { bubbles: true }));
+      }
+      onClear?.();
+      el?.focus();
+    };
+    const handleClear = (e) => {
+      e.preventDefault();
+      e.stopPropagation();
+      clearValue();
+    };
+    const handleKeyDown = (e) => {
+      onKeyDown?.(e);
+      if (e.defaultPrevented) return;
+      if (isClearable && isSearch && e.key === "Escape" && currentValue) {
+        e.preventDefault();
+        clearValue();
+      }
+    };
+    const describedBy = error && errorMessage ? errorId : helperText ? helperId : void 0;
+    return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+      "div",
+      {
+        className: cn(
+          "ods-input",
+          `ods-input--${size}`,
+          error && "ods-input--error",
+          disabled && "ods-input--disabled",
+          isSearch && "ods-input--search",
+          className
+        ),
+        children: [
+          label && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("label", { htmlFor: inputId, className: "ods-input__label", children: [
+            label,
+            required && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "ods-input__required", "aria-hidden": "true", children: "*" })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "ods-input__wrapper", children: [
+            leftIcon && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "ods-input__icon--left", "aria-hidden": "true", children: leftIcon }),
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+              "input",
+              {
+                ...props,
+                id: inputId,
+                ref: innerRef,
+                type,
+                disabled,
+                required,
+                value,
+                defaultValue,
+                onChange,
+                onKeyDown: handleKeyDown,
+                className: cn(
+                  "ods-input__field",
+                  leftIcon && "ods-input__field--with-left-icon",
+                  (rightIcon || showClear || shortcutHint) && "ods-input__field--with-right-icon",
+                  showClear && shortcutHint && "ods-input__field--with-right-actions"
+                ),
+                "aria-invalid": error || void 0,
+                "aria-required": required || void 0,
+                "aria-describedby": describedBy
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("span", { className: "ods-input__right", children: [
+              showClear && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                "button",
+                {
+                  type: "button",
+                  className: "ods-input__clear",
+                  onClick: handleClear,
+                  "aria-label": "Clear",
+                  tabIndex: -1,
+                  children: CLEAR_GLYPH
+                }
+              ),
+              shortcutHint && !showClear && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "ods-input__kbd", "aria-hidden": "true", children: shortcutHint }),
+              rightIcon && !showClear && !shortcutHint && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "ods-input__icon--right", "aria-hidden": "true", children: rightIcon })
+            ] })
+          ] }),
+          error && errorMessage && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { id: errorId, className: "ods-input__error-message", role: "alert", children: errorMessage }),
+          !error && helperText && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { id: helperId, className: "ods-input__helper", children: helperText })
+        ]
+      }
+    );
+  }
+);
+Input.displayName = "Input";
+
+// src/components/Select/Select.tsx
+var import_framer_motion5 = require("framer-motion");
+var import_react18 = require("react");
+var import_react_aria3 = require("react-aria");
+var import_react_dom2 = require("react-dom");
+
+// ../../node_modules/react-stately/dist/private/utils/useControlledState.mjs
+var import_react7 = __toESM(require("react"), 1);
+var $3e6197669829fe11$var$useEarlyEffect = typeof document !== "undefined" ? (0, import_react7.default)["useInsertionEffect"] ?? (0, import_react7.default).useLayoutEffect : () => {
+};
+function $3e6197669829fe11$export$40bfa8c7b0832715(value, defaultValue, onChange) {
+  let [stateValue, setStateValue] = (0, import_react7.useState)(value || defaultValue);
+  let valueRef = (0, import_react7.useRef)(stateValue);
+  let isControlledRef = (0, import_react7.useRef)(value !== void 0);
+  let isControlled = value !== void 0;
+  (0, import_react7.useEffect)(() => {
+    let wasControlled = isControlledRef.current;
+    if (wasControlled !== isControlled && process.env.NODE_ENV !== "production") console.warn(`WARN: A component changed from ${wasControlled ? "controlled" : "uncontrolled"} to ${isControlled ? "controlled" : "uncontrolled"}.`);
+    isControlledRef.current = isControlled;
+  }, [
+    isControlled
+  ]);
+  let currentValue = isControlled ? value : stateValue;
+  $3e6197669829fe11$var$useEarlyEffect(() => {
+    valueRef.current = currentValue;
+  });
+  let [, forceUpdate] = (0, import_react7.useReducer)(() => ({}), {});
+  let setValue = (0, import_react7.useCallback)((value2, ...args) => {
+    let newValue = typeof value2 === "function" ? value2(valueRef.current) : value2;
+    if (!Object.is(valueRef.current, newValue)) {
+      valueRef.current = newValue;
+      setStateValue(newValue);
+      forceUpdate();
+      onChange?.(newValue, ...args);
+    }
+  }, [
+    onChange
+  ]);
+  return [
+    currentValue,
+    setValue
+  ];
+}
+
+// ../../node_modules/react-stately/dist/private/form/useFormValidationState.mjs
+var import_react8 = require("react");
+var $fd2148440a13ec26$export$aca958c65c314e6c = {
+  badInput: false,
+  customError: false,
+  patternMismatch: false,
+  rangeOverflow: false,
+  rangeUnderflow: false,
+  stepMismatch: false,
+  tooLong: false,
+  tooShort: false,
+  typeMismatch: false,
+  valueMissing: false,
+  valid: true
+};
+var $fd2148440a13ec26$var$CUSTOM_VALIDITY_STATE = {
+  ...$fd2148440a13ec26$export$aca958c65c314e6c,
+  customError: true,
+  valid: false
+};
+var $fd2148440a13ec26$export$dad6ae84456c676a = {
+  isInvalid: false,
+  validationDetails: $fd2148440a13ec26$export$aca958c65c314e6c,
+  validationErrors: []
+};
+var $fd2148440a13ec26$export$571b5131b7e65c11 = (0, import_react8.createContext)({});
+var $fd2148440a13ec26$export$a763b9476acd3eb = "__reactAriaFormValidationState";
+function $fd2148440a13ec26$export$fc1a364ae1f3ff10(props) {
+  if (props[$fd2148440a13ec26$export$a763b9476acd3eb]) {
+    let { realtimeValidation, displayValidation, updateValidation, resetValidation, commitValidation } = props[$fd2148440a13ec26$export$a763b9476acd3eb];
+    return {
+      realtimeValidation,
+      displayValidation,
+      updateValidation,
+      resetValidation,
+      commitValidation
+    };
+  }
+  return $fd2148440a13ec26$var$useFormValidationStateImpl(props);
+}
+function $fd2148440a13ec26$var$useFormValidationStateImpl(props) {
+  let { isInvalid, validationState, name, value, builtinValidation, validate, validationBehavior = "aria" } = props;
+  if (validationState) isInvalid ||= validationState === "invalid";
+  let controlledError = isInvalid !== void 0 ? {
+    isInvalid,
+    validationErrors: [],
+    validationDetails: $fd2148440a13ec26$var$CUSTOM_VALIDITY_STATE
+  } : null;
+  let clientError = (0, import_react8.useMemo)(() => {
+    if (!validate || value == null) return null;
+    let validateErrors = $fd2148440a13ec26$var$runValidate(validate, value);
+    return $fd2148440a13ec26$var$getValidationResult(validateErrors);
+  }, [
+    validate,
+    value
+  ]);
+  if (builtinValidation?.validationDetails.valid) builtinValidation = void 0;
+  let serverErrors = (0, import_react8.useContext)($fd2148440a13ec26$export$571b5131b7e65c11);
+  let serverErrorMessages = (0, import_react8.useMemo)(() => {
+    if (name) return Array.isArray(name) ? name.flatMap((name2) => $fd2148440a13ec26$var$asArray(serverErrors[name2])) : $fd2148440a13ec26$var$asArray(serverErrors[name]);
+    return [];
+  }, [
+    serverErrors,
+    name
+  ]);
+  let [lastServerErrors, setLastServerErrors] = (0, import_react8.useState)(serverErrors);
+  let [isServerErrorCleared, setServerErrorCleared] = (0, import_react8.useState)(false);
+  if (serverErrors !== lastServerErrors) {
+    setLastServerErrors(serverErrors);
+    setServerErrorCleared(false);
+  }
+  let serverError = (0, import_react8.useMemo)(() => $fd2148440a13ec26$var$getValidationResult(isServerErrorCleared ? [] : serverErrorMessages), [
+    isServerErrorCleared,
+    serverErrorMessages
+  ]);
+  let nextValidation = (0, import_react8.useRef)($fd2148440a13ec26$export$dad6ae84456c676a);
+  let [currentValidity, setCurrentValidity] = (0, import_react8.useState)($fd2148440a13ec26$export$dad6ae84456c676a);
+  let lastError = (0, import_react8.useRef)($fd2148440a13ec26$export$dad6ae84456c676a);
+  let commitValidation = () => {
+    if (!commitQueued) return;
+    setCommitQueued(false);
+    let error = clientError || builtinValidation || nextValidation.current;
+    if (!$fd2148440a13ec26$var$isEqualValidation(error, lastError.current)) {
+      lastError.current = error;
+      setCurrentValidity(error);
+    }
+  };
+  let [commitQueued, setCommitQueued] = (0, import_react8.useState)(false);
+  (0, import_react8.useEffect)(commitValidation);
+  let realtimeValidation = controlledError || serverError || clientError || builtinValidation || $fd2148440a13ec26$export$dad6ae84456c676a;
+  let displayValidation = validationBehavior === "native" ? controlledError || serverError || currentValidity : controlledError || serverError || clientError || builtinValidation || currentValidity;
+  return {
+    realtimeValidation,
+    displayValidation,
+    updateValidation(value2) {
+      if (validationBehavior === "aria" && !$fd2148440a13ec26$var$isEqualValidation(currentValidity, value2)) setCurrentValidity(value2);
+      else nextValidation.current = value2;
+    },
+    resetValidation() {
+      let error = $fd2148440a13ec26$export$dad6ae84456c676a;
+      if (!$fd2148440a13ec26$var$isEqualValidation(error, lastError.current)) {
+        lastError.current = error;
+        setCurrentValidity(error);
+      }
+      if (validationBehavior === "native") setCommitQueued(false);
+      setServerErrorCleared(true);
+    },
+    commitValidation() {
+      if (validationBehavior === "native") setCommitQueued(true);
+      setServerErrorCleared(true);
+    }
+  };
+}
+function $fd2148440a13ec26$var$asArray(v) {
+  if (!v) return [];
+  return Array.isArray(v) ? v : [
+    v
+  ];
+}
+function $fd2148440a13ec26$var$runValidate(validate, value) {
+  if (typeof validate === "function") {
+    let e = validate(value);
+    if (e && typeof e !== "boolean") return $fd2148440a13ec26$var$asArray(e);
+  }
+  return [];
+}
+function $fd2148440a13ec26$var$getValidationResult(errors) {
+  return errors.length ? {
+    isInvalid: true,
+    validationErrors: errors,
+    validationDetails: $fd2148440a13ec26$var$CUSTOM_VALIDITY_STATE
+  } : null;
+}
+function $fd2148440a13ec26$var$isEqualValidation(a, b) {
+  if (a === b) return true;
+  return !!a && !!b && a.isInvalid === b.isInvalid && a.validationErrors.length === b.validationErrors.length && a.validationErrors.every((a2, i) => a2 === b.validationErrors[i]) && Object.entries(a.validationDetails).every(([k, v]) => b.validationDetails[k] === v);
+}
+
+// ../../node_modules/react-stately/dist/private/collections/getChildNodes.mjs
+function $cd5ea4b915021f1d$export$1005530eda016c13(node, collection) {
+  if (typeof collection.getChildren === "function") return collection.getChildren(node.key);
+  return node.childNodes;
+}
+function $cd5ea4b915021f1d$export$fbdeaa6a76694f71(iterable) {
+  return $cd5ea4b915021f1d$export$5f3398f8733f90e2(iterable, 0);
+}
+function $cd5ea4b915021f1d$export$5f3398f8733f90e2(iterable, index) {
+  if (index < 0) return void 0;
+  let i = 0;
+  for (let item of iterable) {
+    if (i === index) return item;
+    i++;
+  }
+}
+function $cd5ea4b915021f1d$export$8c434b3a7a4dad6(collection, a, b) {
+  if (a.parentKey === b.parentKey) return a.index - b.index;
+  let aAncestors = [
+    ...$cd5ea4b915021f1d$var$getAncestors(collection, a),
+    a
+  ];
+  let bAncestors = [
+    ...$cd5ea4b915021f1d$var$getAncestors(collection, b),
+    b
+  ];
+  let firstNonMatchingAncestor = aAncestors.slice(0, bAncestors.length).findIndex((a2, i) => a2 !== bAncestors[i]);
+  if (firstNonMatchingAncestor !== -1) {
+    a = aAncestors[firstNonMatchingAncestor];
+    b = bAncestors[firstNonMatchingAncestor];
+    return a.index - b.index;
+  }
+  if (aAncestors.findIndex((node) => node === b) >= 0) return 1;
+  else if (bAncestors.findIndex((node) => node === a) >= 0) return -1;
+  return -1;
+}
+function $cd5ea4b915021f1d$var$getAncestors(collection, node) {
+  let parents = [];
+  let currNode = node;
+  while (currNode?.parentKey != null) {
+    currNode = collection.getItem(currNode.parentKey);
+    if (currNode) parents.unshift(currNode);
+  }
+  return parents;
+}
+
+// ../../node_modules/react-stately/dist/private/list/ListCollection.mjs
+var $f664a81d022446b5$export$d085fb9e920b5ca7 = class {
+  constructor(nodes) {
+    this.keyMap = /* @__PURE__ */ new Map();
+    this.firstKey = null;
+    this.lastKey = null;
+    this.iterable = nodes;
+    let visit = (node) => {
+      this.keyMap.set(node.key, node);
+      if (node.childNodes && node.type === "section") for (let child of node.childNodes) visit(child);
+    };
+    for (let node of nodes) visit(node);
+    let last = null;
+    let index = 0;
+    let size = 0;
+    for (let [key, node] of this.keyMap) {
+      if (last) {
+        last.nextKey = key;
+        node.prevKey = last.key;
+      } else {
+        this.firstKey = key;
+        node.prevKey = void 0;
+      }
+      if (node.type === "item") node.index = index++;
+      if (node.type === "section" || node.type === "item") size++;
+      last = node;
+      last.nextKey = void 0;
+    }
+    this._size = size;
+    this.lastKey = last?.key ?? null;
+  }
+  *[Symbol.iterator]() {
+    yield* this.iterable;
+  }
+  get size() {
+    return this._size;
+  }
+  getKeys() {
+    return this.keyMap.keys();
+  }
+  getKeyBefore(key) {
+    let node = this.keyMap.get(key);
+    return node ? node.prevKey ?? null : null;
+  }
+  getKeyAfter(key) {
+    let node = this.keyMap.get(key);
+    return node ? node.nextKey ?? null : null;
+  }
+  getFirstKey() {
+    return this.firstKey;
+  }
+  getLastKey() {
+    return this.lastKey;
+  }
+  getItem(key) {
+    return this.keyMap.get(key) ?? null;
+  }
+  at(idx) {
+    const keys = [
+      ...this.getKeys()
+    ];
+    return this.getItem(keys[idx]);
+  }
+  getChildren(key) {
+    let node = this.keyMap.get(key);
+    return node?.childNodes || [];
+  }
+};
+
+// ../../node_modules/react-stately/dist/private/selection/Selection.mjs
+var $8b2540e09867b15e$export$52baac22726c72bf = class _$8b2540e09867b15e$export$52baac22726c72bf extends Set {
+  constructor(keys, anchorKey, currentKey) {
+    super(keys);
+    if (keys instanceof _$8b2540e09867b15e$export$52baac22726c72bf) {
+      this.anchorKey = anchorKey ?? keys.anchorKey;
+      this.currentKey = currentKey ?? keys.currentKey;
+    } else {
+      this.anchorKey = anchorKey ?? null;
+      this.currentKey = currentKey ?? null;
+    }
+  }
+};
+
+// ../../node_modules/react-stately/dist/private/selection/useMultipleSelectionState.mjs
+var import_react9 = require("react");
+function $60f19cefd567a3e4$var$equalSets(setA, setB) {
+  if (setA.size !== setB.size) return false;
+  for (let item of setA) {
+    if (!setB.has(item)) return false;
+  }
+  return true;
+}
+function $60f19cefd567a3e4$export$253fe78d46329472(props) {
+  let { selectionMode = "none", disallowEmptySelection = false, allowDuplicateSelectionEvents, selectionBehavior: selectionBehaviorProp = "toggle", disabledBehavior = "all" } = props;
+  let isFocusedRef = (0, import_react9.useRef)(false);
+  let [, setFocused] = (0, import_react9.useState)(false);
+  let focusedKeyRef = (0, import_react9.useRef)(null);
+  let childFocusStrategyRef = (0, import_react9.useRef)(null);
+  let [, setFocusedKey] = (0, import_react9.useState)(null);
+  let selectedKeysProp = (0, import_react9.useMemo)(() => $60f19cefd567a3e4$var$convertSelection(props.selectedKeys), [
+    props.selectedKeys
+  ]);
+  let defaultSelectedKeys = (0, import_react9.useMemo)(() => $60f19cefd567a3e4$var$convertSelection(props.defaultSelectedKeys, new (0, $8b2540e09867b15e$export$52baac22726c72bf)()), [
+    props.defaultSelectedKeys
+  ]);
+  let [selectedKeys, setSelectedKeys] = (0, $3e6197669829fe11$export$40bfa8c7b0832715)(selectedKeysProp, defaultSelectedKeys, props.onSelectionChange);
+  let disabledKeysProp = (0, import_react9.useMemo)(() => props.disabledKeys ? new Set(props.disabledKeys) : /* @__PURE__ */ new Set(), [
+    props.disabledKeys
+  ]);
+  let [selectionBehavior, setSelectionBehavior] = (0, import_react9.useState)(selectionBehaviorProp);
+  if (selectionBehaviorProp === "replace" && selectionBehavior === "toggle" && typeof selectedKeys === "object" && selectedKeys.size === 0) setSelectionBehavior("replace");
+  let lastSelectionBehavior = (0, import_react9.useRef)(selectionBehaviorProp);
+  (0, import_react9.useEffect)(() => {
+    if (selectionBehaviorProp !== lastSelectionBehavior.current) {
+      setSelectionBehavior(selectionBehaviorProp);
+      lastSelectionBehavior.current = selectionBehaviorProp;
+    }
+  }, [
+    selectionBehaviorProp
+  ]);
+  return {
+    selectionMode,
+    disallowEmptySelection,
+    selectionBehavior,
+    setSelectionBehavior,
+    get isFocused() {
+      return isFocusedRef.current;
+    },
+    setFocused(f) {
+      isFocusedRef.current = f;
+      setFocused(f);
+    },
+    get focusedKey() {
+      return focusedKeyRef.current;
+    },
+    get childFocusStrategy() {
+      return childFocusStrategyRef.current;
+    },
+    setFocusedKey(k, childFocusStrategy = "first") {
+      focusedKeyRef.current = k;
+      childFocusStrategyRef.current = childFocusStrategy;
+      setFocusedKey(k);
+    },
+    selectedKeys,
+    setSelectedKeys(keys) {
+      if (allowDuplicateSelectionEvents || !$60f19cefd567a3e4$var$equalSets(keys, selectedKeys)) setSelectedKeys(keys);
+    },
+    disabledKeys: disabledKeysProp,
+    disabledBehavior
+  };
+}
+function $60f19cefd567a3e4$var$convertSelection(selection, defaultValue) {
+  if (!selection) return defaultValue;
+  return selection === "all" ? "all" : new (0, $8b2540e09867b15e$export$52baac22726c72bf)(selection);
+}
+
+// ../../node_modules/react-stately/dist/private/selection/SelectionManager.mjs
+var $4a07ac835f260f78$export$6c8a5aaad13c9852 = class _$4a07ac835f260f78$export$6c8a5aaad13c9852 {
+  constructor(collection, state, options) {
+    this.collection = collection;
+    this.state = state;
+    this.allowsCellSelection = options?.allowsCellSelection ?? false;
+    this._isSelectAll = null;
+    this.layoutDelegate = options?.layoutDelegate || null;
+    this.fullCollection = options?.fullCollection || null;
+  }
+  /**
+  * The type of selection that is allowed in the collection.
+  */
+  get selectionMode() {
+    return this.state.selectionMode;
+  }
+  /**
+  * Whether the collection allows empty selection.
+  */
+  get disallowEmptySelection() {
+    return this.state.disallowEmptySelection;
+  }
+  /**
+  * The selection behavior for the collection.
+  */
+  get selectionBehavior() {
+    return this.state.selectionBehavior;
+  }
+  /**
+  * Sets the selection behavior for the collection.
+  */
+  setSelectionBehavior(selectionBehavior) {
+    this.state.setSelectionBehavior(selectionBehavior);
+  }
+  /**
+  * Whether the collection is currently focused.
+  */
+  get isFocused() {
+    return this.state.isFocused;
+  }
+  /**
+  * Sets whether the collection is focused.
+  */
+  setFocused(isFocused) {
+    this.state.setFocused(isFocused);
+  }
+  /**
+  * The current focused key in the collection.
+  */
+  get focusedKey() {
+    return this.state.focusedKey;
+  }
+  /** Whether the first or last child of the focused key should receive focus. */
+  get childFocusStrategy() {
+    return this.state.childFocusStrategy;
+  }
+  /**
+  * Sets the focused key.
+  */
+  setFocusedKey(key, childFocusStrategy) {
+    if (key == null || this.collection.getItem(key)) this.state.setFocusedKey(key, childFocusStrategy);
+  }
+  /**
+  * The currently selected keys in the collection.
+  */
+  get selectedKeys() {
+    return this.state.selectedKeys === "all" ? new Set(this.getSelectAllKeys()) : this.state.selectedKeys;
+  }
+  /**
+  * The raw selection value for the collection.
+  * Either 'all' for select all, or a set of keys.
+  */
+  get rawSelection() {
+    return this.state.selectedKeys;
+  }
+  /**
+  * Returns whether a key is selected.
+  */
+  isSelected(key) {
+    if (this.state.selectionMode === "none") return false;
+    let mappedKey = this.getKey(key);
+    if (mappedKey == null) return false;
+    return this.state.selectedKeys === "all" ? this.canSelectItem(mappedKey) : this.state.selectedKeys.has(mappedKey);
+  }
+  /**
+  * Whether the selection is empty.
+  */
+  get isEmpty() {
+    return this.state.selectedKeys !== "all" && this.state.selectedKeys.size === 0;
+  }
+  /**
+  * Whether all items in the collection are selected.
+  */
+  get isSelectAll() {
+    if (this.isEmpty) return false;
+    if (this.state.selectedKeys === "all") return true;
+    if (this._isSelectAll != null) return this._isSelectAll;
+    let allKeys = this.getSelectAllKeys();
+    let selectedKeys = this.state.selectedKeys;
+    this._isSelectAll = allKeys.every((k) => selectedKeys.has(k));
+    return this._isSelectAll;
+  }
+  get firstSelectedKey() {
+    let first = null;
+    for (let key of this.state.selectedKeys) {
+      let item = this.collection.getItem(key);
+      if (!first || item && (0, $cd5ea4b915021f1d$export$8c434b3a7a4dad6)(this.collection, item, first) < 0) first = item;
+    }
+    return first?.key ?? null;
+  }
+  get lastSelectedKey() {
+    let last = null;
+    for (let key of this.state.selectedKeys) {
+      let item = this.collection.getItem(key);
+      if (!last || item && (0, $cd5ea4b915021f1d$export$8c434b3a7a4dad6)(this.collection, item, last) > 0) last = item;
+    }
+    return last?.key ?? null;
+  }
+  get disabledKeys() {
+    return this.state.disabledKeys;
+  }
+  get disabledBehavior() {
+    return this.state.disabledBehavior;
+  }
+  /**
+  * Extends the selection to the given key.
+  */
+  extendSelection(toKey) {
+    if (this.selectionMode === "none") return;
+    if (this.selectionMode === "single") {
+      this.replaceSelection(toKey);
+      return;
+    }
+    let mappedToKey = this.getKey(toKey);
+    if (mappedToKey == null) return;
+    let selection;
+    if (this.state.selectedKeys === "all") selection = new (0, $8b2540e09867b15e$export$52baac22726c72bf)([
+      mappedToKey
+    ], mappedToKey, mappedToKey);
+    else {
+      let selectedKeys = this.state.selectedKeys;
+      let anchorKey = selectedKeys.anchorKey ?? mappedToKey;
+      selection = new (0, $8b2540e09867b15e$export$52baac22726c72bf)(selectedKeys, anchorKey, mappedToKey);
+      for (let key of this.getKeyRange(anchorKey, selectedKeys.currentKey ?? mappedToKey)) selection.delete(key);
+      for (let key of this.getKeyRange(mappedToKey, anchorKey)) if (this.canSelectItem(key)) selection.add(key);
+    }
+    this.state.setSelectedKeys(selection);
+  }
+  getKeyRange(from, to) {
+    let fromItem = this.collection.getItem(from);
+    let toItem = this.collection.getItem(to);
+    if (fromItem && toItem) {
+      if ((0, $cd5ea4b915021f1d$export$8c434b3a7a4dad6)(this.collection, fromItem, toItem) <= 0) return this.getKeyRangeInternal(from, to);
+      return this.getKeyRangeInternal(to, from);
+    }
+    return [];
+  }
+  getKeyRangeInternal(from, to) {
+    if (this.layoutDelegate?.getKeyRange) return this.layoutDelegate.getKeyRange(from, to);
+    let keys = [];
+    let key = from;
+    while (key != null) {
+      let item = this.collection.getItem(key);
+      if (item && (item.type === "item" || item.type === "cell" && this.allowsCellSelection)) keys.push(key);
+      if (key === to) return keys;
+      key = this.collection.getKeyAfter(key);
+    }
+    return [];
+  }
+  getKey(key) {
+    let item = this.collection.getItem(key);
+    if (!item)
+      return key;
+    if (item.type === "cell" && this.allowsCellSelection) return key;
+    while (item && item.type !== "item" && item.parentKey != null) item = this.collection.getItem(item.parentKey);
+    if (!item || item.type !== "item") return null;
+    return item.key;
+  }
+  /**
+  * Toggles whether the given key is selected.
+  */
+  toggleSelection(key) {
+    if (this.selectionMode === "none") return;
+    if (this.selectionMode === "single" && !this.isSelected(key)) {
+      this.replaceSelection(key);
+      return;
+    }
+    let mappedKey = this.getKey(key);
+    if (mappedKey == null) return;
+    let keys = new (0, $8b2540e09867b15e$export$52baac22726c72bf)(this.state.selectedKeys === "all" ? this.getSelectAllKeys() : this.state.selectedKeys);
+    if (keys.has(mappedKey)) keys.delete(mappedKey);
+    else if (this.canSelectItem(mappedKey)) {
+      keys.add(mappedKey);
+      keys.anchorKey = mappedKey;
+      keys.currentKey = mappedKey;
+    }
+    if (this.disallowEmptySelection && keys.size === 0) return;
+    this.state.setSelectedKeys(keys);
+  }
+  /**
+  * Replaces the selection with only the given key.
+  */
+  replaceSelection(key) {
+    if (this.selectionMode === "none") return;
+    let mappedKey = this.getKey(key);
+    if (mappedKey == null) return;
+    let selection = this.canSelectItem(mappedKey) ? new (0, $8b2540e09867b15e$export$52baac22726c72bf)([
+      mappedKey
+    ], mappedKey, mappedKey) : new (0, $8b2540e09867b15e$export$52baac22726c72bf)();
+    this.state.setSelectedKeys(selection);
+  }
+  /**
+  * Replaces the selection with the given keys.
+  */
+  setSelectedKeys(keys) {
+    if (this.selectionMode === "none") return;
+    let selection = new (0, $8b2540e09867b15e$export$52baac22726c72bf)();
+    for (let key of keys) {
+      let mappedKey = this.getKey(key);
+      if (mappedKey != null) {
+        selection.add(mappedKey);
+        if (this.selectionMode === "single") break;
+      }
+    }
+    this.state.setSelectedKeys(selection);
+  }
+  getSelectAllKeys() {
+    let collection = this.fullCollection ?? this.collection;
+    let keys = [];
+    let addKeys = (key) => {
+      while (key != null) {
+        if (this.canSelectItemIn(key, collection)) {
+          let item = collection.getItem(key);
+          if (item?.type === "item") keys.push(key);
+          if (item?.hasChildNodes && (this.allowsCellSelection || item.type !== "item")) addKeys((0, $cd5ea4b915021f1d$export$fbdeaa6a76694f71)((0, $cd5ea4b915021f1d$export$1005530eda016c13)(item, collection))?.key ?? null);
+        }
+        key = collection.getKeyAfter(key);
+      }
+    };
+    addKeys(collection.getFirstKey());
+    return keys;
+  }
+  /**
+  * Selects all items in the collection.
+  */
+  selectAll() {
+    if (!this.isSelectAll && this.selectionMode === "multiple") this.state.setSelectedKeys("all");
+  }
+  /**
+  * Removes all keys from the selection.
+  */
+  clearSelection() {
+    if (!this.disallowEmptySelection && (this.state.selectedKeys === "all" || this.state.selectedKeys.size > 0)) this.state.setSelectedKeys(new (0, $8b2540e09867b15e$export$52baac22726c72bf)());
+  }
+  /**
+  * Toggles between select all and an empty selection.
+  */
+  toggleSelectAll() {
+    if (this.isSelectAll) this.clearSelection();
+    else this.selectAll();
+  }
+  select(key, e) {
+    if (this.selectionMode === "none") return;
+    if (this.selectionMode === "single") {
+      if (this.isSelected(key) && !this.disallowEmptySelection) this.toggleSelection(key);
+      else this.replaceSelection(key);
+    } else if (this.selectionBehavior === "toggle" || e && (e.pointerType === "touch" || e.pointerType === "virtual"))
+      this.toggleSelection(key);
+    else this.replaceSelection(key);
+  }
+  /**
+  * Returns whether the current selection is equal to the given selection.
+  */
+  isSelectionEqual(selection) {
+    if (selection === this.state.selectedKeys) return true;
+    let selectedKeys = this.selectedKeys;
+    if (selection.size !== selectedKeys.size) return false;
+    for (let key of selection) {
+      if (!selectedKeys.has(key)) return false;
+    }
+    for (let key of selectedKeys) {
+      if (!selection.has(key)) return false;
+    }
+    return true;
+  }
+  canSelectItem(key) {
+    return this.canSelectItemIn(key, this.collection);
+  }
+  canSelectItemIn(key, collection) {
+    if (this.state.selectionMode === "none" || this.state.disabledKeys.has(key)) return false;
+    let item = collection.getItem(key);
+    if (!item || item?.props?.isDisabled || item.type === "cell" && !this.allowsCellSelection) return false;
+    return true;
+  }
+  isDisabled(key) {
+    return this.state.disabledBehavior === "all" && (this.state.disabledKeys.has(key) || !!this.collection.getItem(key)?.props?.isDisabled);
+  }
+  isLink(key) {
+    return !!this.collection.getItem(key)?.props?.href;
+  }
+  getItemProps(key) {
+    return this.collection.getItem(key)?.props;
+  }
+  withCollection(collection) {
+    return new _$4a07ac835f260f78$export$6c8a5aaad13c9852(collection, this.state, {
+      allowsCellSelection: this.allowsCellSelection,
+      layoutDelegate: this.layoutDelegate || void 0,
+      fullCollection: this.fullCollection ?? this.collection
+    });
+  }
+};
+
+// ../../node_modules/react-stately/dist/private/collections/CollectionBuilder.mjs
+var import_react10 = __toESM(require("react"), 1);
+var $bda7a7e55e1ff206$export$bf788dd355e3a401 = class {
+  build(props, context) {
+    this.context = context;
+    return $bda7a7e55e1ff206$var$iterable(() => this.iterateCollection(props));
+  }
+  *iterateCollection(props) {
+    let { children, items } = props;
+    if ((0, import_react10.default).isValidElement(children) && children.type === (0, import_react10.default).Fragment) yield* this.iterateCollection({
+      children: children.props.children,
+      items
+    });
+    else if (typeof children === "function") {
+      if (!items) throw new Error("props.children was a function but props.items is missing");
+      let index = 0;
+      for (let item of items) {
+        yield* this.getFullNode({
+          value: item,
+          index
+        }, {
+          renderer: children
+        });
+        index++;
+      }
+    } else {
+      let items2 = [];
+      (0, import_react10.default).Children.forEach(children, (child) => {
+        if (child) items2.push(child);
+      });
+      let index = 0;
+      for (let item of items2) {
+        let nodes = this.getFullNode({
+          element: item,
+          index
+        }, {});
+        for (let node of nodes) {
+          index++;
+          yield node;
+        }
+      }
+    }
+  }
+  getKey(item, partialNode, state, parentKey) {
+    if (item.key != null) return item.key;
+    if (partialNode.type === "cell" && partialNode.key != null) return `${parentKey}${partialNode.key}`;
+    let v = partialNode.value;
+    if (v != null) {
+      let key = v.key ?? v.id;
+      if (key == null) throw new Error("No key found for item");
+      return key;
+    }
+    return parentKey ? `${parentKey}.${partialNode.index}` : `$.${partialNode.index}`;
+  }
+  getChildState(state, partialNode) {
+    return {
+      renderer: partialNode.renderer || state.renderer
+    };
+  }
+  *getFullNode(partialNode, state, parentKey, parentNode) {
+    if ((0, import_react10.default).isValidElement(partialNode.element) && partialNode.element.type === (0, import_react10.default).Fragment) {
+      let children = [];
+      (0, import_react10.default).Children.forEach(partialNode.element.props.children, (child) => {
+        children.push(child);
+      });
+      let index = partialNode.index ?? 0;
+      for (const child of children) yield* this.getFullNode({
+        element: child,
+        index: index++
+      }, state, parentKey, parentNode);
+      return;
+    }
+    let element = partialNode.element;
+    if (!element && partialNode.value && state && state.renderer) {
+      let cached = this.cache.get(partialNode.value);
+      if (cached && (!cached.shouldInvalidate || !cached.shouldInvalidate(this.context))) {
+        cached.index = partialNode.index;
+        cached.parentKey = parentNode ? parentNode.key : null;
+        yield cached;
+        return;
+      }
+      element = state.renderer(partialNode.value);
+    }
+    if ((0, import_react10.default).isValidElement(element)) {
+      let type = element.type;
+      if (typeof type !== "function" && typeof type.getCollectionNode !== "function") {
+        let name = element.type;
+        throw new Error(`Unknown element <${name}> in collection.`);
+      }
+      let childNodes = type.getCollectionNode(element.props, this.context);
+      let index = partialNode.index ?? 0;
+      let result = childNodes.next();
+      while (!result.done && result.value) {
+        let childNode = result.value;
+        partialNode.index = index;
+        let nodeKey = childNode.key ?? null;
+        if (nodeKey == null) nodeKey = childNode.element ? null : this.getKey(element, partialNode, state, parentKey);
+        let nodes = this.getFullNode({
+          ...childNode,
+          key: nodeKey,
+          index,
+          wrapper: $bda7a7e55e1ff206$var$compose(partialNode.wrapper, childNode.wrapper)
+        }, this.getChildState(state, childNode), parentKey ? `${parentKey}${element.key}` : element.key, parentNode);
+        let children = [
+          ...nodes
+        ];
+        for (let node2 of children) {
+          node2.value = childNode.value ?? partialNode.value ?? null;
+          if (node2.value) this.cache.set(node2.value, node2);
+          if (partialNode.type && node2.type !== partialNode.type) throw new Error(`Unsupported type <${$bda7a7e55e1ff206$var$capitalize(node2.type)}> in <${$bda7a7e55e1ff206$var$capitalize(parentNode?.type ?? "unknown parent type")}>. Only <${$bda7a7e55e1ff206$var$capitalize(partialNode.type)}> is supported.`);
+          index++;
+          yield node2;
+        }
+        result = childNodes.next(children);
+      }
+      return;
+    }
+    if (partialNode.key == null || partialNode.type == null) return;
+    let builder = this;
+    let node = {
+      type: partialNode.type,
+      props: partialNode.props,
+      key: partialNode.key,
+      parentKey: parentNode ? parentNode.key : null,
+      value: partialNode.value ?? null,
+      level: (parentNode?.level ?? 0) + (parentNode?.type === "item" ? 1 : 0),
+      index: partialNode.index,
+      rendered: partialNode.rendered,
+      textValue: partialNode.textValue ?? "",
+      "aria-label": partialNode["aria-label"],
+      wrapper: partialNode.wrapper,
+      shouldInvalidate: partialNode.shouldInvalidate,
+      hasChildNodes: partialNode.hasChildNodes || false,
+      childNodes: $bda7a7e55e1ff206$var$iterable(function* () {
+        if (!partialNode.hasChildNodes || !partialNode.childNodes) return;
+        let index = 0;
+        for (let child of partialNode.childNodes()) {
+          if (child.key != null)
+            child.key = `${node.key}${child.key}`;
+          let nodes = builder.getFullNode({
+            ...child,
+            index
+          }, builder.getChildState(state, child), node.key, node);
+          for (let node2 of nodes) {
+            index++;
+            yield node2;
+          }
+        }
+      })
+    };
+    yield node;
+  }
+  constructor() {
+    this.cache = /* @__PURE__ */ new WeakMap();
+  }
+};
+function $bda7a7e55e1ff206$var$iterable(iterator) {
+  let cache = [];
+  let iterable = null;
+  return {
+    *[Symbol.iterator]() {
+      for (let item of cache) yield item;
+      if (!iterable) iterable = iterator();
+      for (let item of iterable) {
+        cache.push(item);
+        yield item;
+      }
+    }
+  };
+}
+function $bda7a7e55e1ff206$var$compose(outer, inner) {
+  if (outer && inner) return (element) => outer(inner(element));
+  if (outer) return outer;
+  if (inner) return inner;
+}
+function $bda7a7e55e1ff206$var$capitalize(str) {
+  return str[0].toUpperCase() + str.slice(1);
+}
+
+// ../../node_modules/react-stately/dist/private/collections/useCollection.mjs
+var import_react11 = require("react");
+function $d03379b88399b8c5$export$6cd28814d92fa9c9(props, factory, context) {
+  let builder = (0, import_react11.useMemo)(() => new (0, $bda7a7e55e1ff206$export$bf788dd355e3a401)(), []);
+  let { children, items, collection } = props;
+  let result = (0, import_react11.useMemo)(() => {
+    if (collection) return collection;
+    let nodes = builder.build({
+      children,
+      items
+    }, context);
+    return factory(nodes);
+  }, [
+    builder,
+    children,
+    items,
+    collection,
+    context,
+    factory
+  ]);
+  return result;
+}
+
+// ../../node_modules/react-stately/dist/private/list/useListState.mjs
+var import_react12 = require("react");
+function $b14b6f590b50af39$export$2f645645f7bca764(props) {
+  let { filter, layoutDelegate } = props;
+  let selectionState = (0, $60f19cefd567a3e4$export$253fe78d46329472)(props);
+  let disabledKeys = (0, import_react12.useMemo)(() => props.disabledKeys ? new Set(props.disabledKeys) : /* @__PURE__ */ new Set(), [
+    props.disabledKeys
+  ]);
+  let factory = (0, import_react12.useCallback)((nodes) => filter ? new (0, $f664a81d022446b5$export$d085fb9e920b5ca7)(filter(nodes)) : new (0, $f664a81d022446b5$export$d085fb9e920b5ca7)(nodes), [
+    filter
+  ]);
+  let context = (0, import_react12.useMemo)(() => ({
+    suppressTextValueWarning: props.suppressTextValueWarning
+  }), [
+    props.suppressTextValueWarning
+  ]);
+  let collection = (0, $d03379b88399b8c5$export$6cd28814d92fa9c9)(props, factory, context);
+  let selectionManager = (0, import_react12.useMemo)(() => new (0, $4a07ac835f260f78$export$6c8a5aaad13c9852)(collection, selectionState, {
+    layoutDelegate
+  }), [
+    collection,
+    selectionState,
+    layoutDelegate
+  ]);
+  $b14b6f590b50af39$var$useFocusedKeyReset(collection, selectionManager);
+  return {
+    collection,
+    disabledKeys,
+    selectionManager
+  };
+}
+function $b14b6f590b50af39$var$useFocusedKeyReset(collection, selectionManager) {
+  const cachedCollection = (0, import_react12.useRef)(null);
+  (0, import_react12.useEffect)(() => {
+    if (selectionManager.focusedKey != null && !collection.getItem(selectionManager.focusedKey) && cachedCollection.current) {
+      let key = cachedCollection.current.getKeyAfter(selectionManager.focusedKey);
+      let nextFocusedKey = null;
+      while (key != null) {
+        let node = collection.getItem(key);
+        if (node && node.type === "item" && !selectionManager.isDisabled(key)) {
+          nextFocusedKey = key;
+          break;
+        }
+        key = cachedCollection.current.getKeyAfter(key);
+      }
+      if (nextFocusedKey == null) {
+        key = cachedCollection.current.getKeyBefore(selectionManager.focusedKey);
+        while (key != null) {
+          let node = collection.getItem(key);
+          if (node && node.type === "item" && !selectionManager.isDisabled(key)) {
+            nextFocusedKey = key;
+            break;
+          }
+          key = cachedCollection.current.getKeyBefore(key);
+        }
+      }
+      selectionManager.setFocusedKey(nextFocusedKey);
+    }
+    cachedCollection.current = collection;
+  }, [
+    collection,
+    selectionManager
+  ]);
+}
+
+// ../../node_modules/react-stately/dist/private/overlays/useOverlayTriggerState.mjs
+var import_react13 = require("react");
+function $f11fb0bcf1b2687a$export$61c6a8c84e605fb6(props) {
+  let [isOpen, setOpen] = (0, $3e6197669829fe11$export$40bfa8c7b0832715)(props.isOpen, props.defaultOpen || false, props.onOpenChange);
+  const open = (0, import_react13.useCallback)(() => {
+    setOpen(true);
+  }, [
+    setOpen
+  ]);
+  const close = (0, import_react13.useCallback)(() => {
+    setOpen(false);
+  }, [
+    setOpen
+  ]);
+  const toggle = (0, import_react13.useCallback)(() => {
+    setOpen(!isOpen);
+  }, [
+    setOpen,
+    isOpen
+  ]);
+  return {
+    isOpen,
+    setOpen,
+    open,
+    close,
+    toggle
+  };
+}
+
+// ../../node_modules/react-stately/dist/private/collections/Item.mjs
+var import_react14 = __toESM(require("react"), 1);
+function $05678f3aee5e7d1a$var$Item(props) {
+  return null;
+}
+$05678f3aee5e7d1a$var$Item.getCollectionNode = function* getCollectionNode(props, context) {
+  let { childItems, title, children } = props;
+  let rendered = props.title || props.children;
+  let textValue = props.textValue || (typeof rendered === "string" ? rendered : "") || props["aria-label"] || "";
+  if (!textValue && !context?.suppressTextValueWarning && process.env.NODE_ENV !== "production") console.warn("<Item> with non-plain text contents is unsupported by type to select for accessibility. Please add a `textValue` prop.");
+  yield {
+    type: "item",
+    props,
+    rendered,
+    textValue,
+    "aria-label": props["aria-label"],
+    hasChildNodes: $05678f3aee5e7d1a$var$hasChildItems(props),
+    *childNodes() {
+      if (childItems) for (let child of childItems) yield {
+        type: "item",
+        value: child
+      };
+      else if (title) {
+        let items = [];
+        (0, import_react14.default).Children.forEach(children, (child) => {
+          items.push({
+            type: "item",
+            element: child
+          });
+        });
+        yield* items;
+      }
+    }
+  };
+};
+function $05678f3aee5e7d1a$var$hasChildItems(props) {
+  if (props.hasChildItems != null) return props.hasChildItems;
+  if (props.childItems) return true;
+  if (props.title && (0, import_react14.default).Children.count(props.children) > 0) return true;
+  return false;
+}
+var $05678f3aee5e7d1a$export$6d08773d2e66f8f2 = $05678f3aee5e7d1a$var$Item;
+
+// ../../node_modules/react-stately/dist/private/select/useSelectState.mjs
+var import_react15 = require("react");
+function $29256f53a2edafe9$export$5159ec8b34d4ec12(props) {
+  let { selectionMode = "single", shouldCloseOnSelect = selectionMode === "single" } = props;
+  let triggerState = (0, $f11fb0bcf1b2687a$export$61c6a8c84e605fb6)(props);
+  let [focusStrategy, setFocusStrategy] = (0, import_react15.useState)(null);
+  let defaultValue = (0, import_react15.useMemo)(() => {
+    return props.defaultValue !== void 0 ? props.defaultValue : selectionMode === "single" ? props.defaultSelectedKey ?? null : [];
+  }, [
+    props.defaultValue,
+    props.defaultSelectedKey,
+    selectionMode
+  ]);
+  let value = (0, import_react15.useMemo)(() => {
+    return props.value !== void 0 ? props.value : selectionMode === "single" ? props.selectedKey : void 0;
+  }, [
+    props.value,
+    props.selectedKey,
+    selectionMode
+  ]);
+  let [controlledValue, setControlledValue] = (0, $3e6197669829fe11$export$40bfa8c7b0832715)(value, defaultValue, props.onChange);
+  let displayValue = selectionMode === "single" && Array.isArray(controlledValue) ? controlledValue[0] : controlledValue;
+  let setValue = (value2) => {
+    if (selectionMode === "single") {
+      let key = Array.isArray(value2) ? value2[0] ?? null : value2;
+      setControlledValue(key);
+      if (key !== displayValue) props.onSelectionChange?.(key);
+    } else {
+      let keys = [];
+      if (Array.isArray(value2)) keys = value2;
+      else if (value2 != null) keys = [
+        value2
+      ];
+      setControlledValue(keys);
+    }
+  };
+  let listState = (0, $b14b6f590b50af39$export$2f645645f7bca764)({
+    ...props,
+    selectionMode,
+    disallowEmptySelection: selectionMode === "single",
+    allowDuplicateSelectionEvents: true,
+    selectedKeys: (0, import_react15.useMemo)(() => $29256f53a2edafe9$var$convertValue(displayValue), [
+      displayValue
+    ]),
+    onSelectionChange: (keys) => {
+      if (keys === "all") return;
+      if (selectionMode === "single") {
+        let key = keys.values().next().value ?? null;
+        setValue(key);
+      } else setValue([
+        ...keys
+      ]);
+      if (shouldCloseOnSelect) triggerState.close();
+      validationState.commitValidation();
+    }
+  });
+  let selectedKey = listState.selectionManager.firstSelectedKey;
+  let selectedItems = (0, import_react15.useMemo)(() => {
+    return [
+      ...listState.selectionManager.selectedKeys
+    ].map((key) => listState.collection.getItem(key)).filter((item) => item != null);
+  }, [
+    listState.selectionManager.selectedKeys,
+    listState.collection
+  ]);
+  let validationState = (0, $fd2148440a13ec26$export$fc1a364ae1f3ff10)({
+    ...props,
+    value: Array.isArray(displayValue) && displayValue.length === 0 ? null : displayValue
+  });
+  let [isFocused, setFocused] = (0, import_react15.useState)(false);
+  let [initialValue] = (0, import_react15.useState)(displayValue);
+  return {
+    ...validationState,
+    ...listState,
+    ...triggerState,
+    value: displayValue,
+    defaultValue: defaultValue ?? initialValue,
+    setValue,
+    selectedKey,
+    setSelectedKey: setValue,
+    selectedItem: selectedItems[0] ?? null,
+    selectedItems,
+    defaultSelectedKey: props.defaultSelectedKey ?? (props.selectionMode === "single" ? initialValue : null),
+    focusStrategy,
+    open(focusStrategy2 = null) {
+      if (listState.collection.size !== 0 || props.allowsEmptyCollection) {
+        setFocusStrategy(focusStrategy2);
+        triggerState.open();
+      }
+    },
+    toggle(focusStrategy2 = null) {
+      if (listState.collection.size !== 0 || props.allowsEmptyCollection) {
+        setFocusStrategy(focusStrategy2);
+        triggerState.toggle();
+      }
+    },
+    isFocused,
+    setFocused
+  };
+}
+function $29256f53a2edafe9$var$convertValue(value) {
+  if (value === void 0) return void 0;
+  if (value === null) return [];
+  return Array.isArray(value) ? value : [
+    value
+  ];
+}
+
+// ../../node_modules/react-stately/dist/private/tooltip/useTooltipTriggerState.mjs
+var import_react16 = require("react");
+var $3834487504f4fc00$var$TOOLTIP_DELAY = 1500;
+var $3834487504f4fc00$var$TOOLTIP_COOLDOWN = 500;
+var $3834487504f4fc00$var$tooltips = {};
+var $3834487504f4fc00$var$tooltipId = 0;
+var $3834487504f4fc00$var$globalWarmedUp = false;
+var $3834487504f4fc00$var$globalWarmUpTimeout = null;
+var $3834487504f4fc00$var$globalCooldownTimeout = null;
+function $3834487504f4fc00$export$4d40659c25ecb50b(props = {}) {
+  let { delay = $3834487504f4fc00$var$TOOLTIP_DELAY, closeDelay = $3834487504f4fc00$var$TOOLTIP_COOLDOWN } = props;
+  let { isOpen, open, close } = (0, $f11fb0bcf1b2687a$export$61c6a8c84e605fb6)(props);
+  let id = (0, import_react16.useMemo)(() => `${++$3834487504f4fc00$var$tooltipId}`, []);
+  let closeTimeout = (0, import_react16.useRef)(null);
+  let closeCallback = (0, import_react16.useRef)(close);
+  let ensureTooltipEntry = () => {
+    $3834487504f4fc00$var$tooltips[id] = hideTooltip;
+  };
+  let closeOpenTooltips = () => {
+    for (let hideTooltipId in $3834487504f4fc00$var$tooltips) if (hideTooltipId !== id) {
+      $3834487504f4fc00$var$tooltips[hideTooltipId](true);
+      delete $3834487504f4fc00$var$tooltips[hideTooltipId];
+    }
+  };
+  let showTooltip = () => {
+    if (closeTimeout.current) clearTimeout(closeTimeout.current);
+    closeTimeout.current = null;
+    closeOpenTooltips();
+    ensureTooltipEntry();
+    $3834487504f4fc00$var$globalWarmedUp = true;
+    open();
+    if ($3834487504f4fc00$var$globalWarmUpTimeout) {
+      clearTimeout($3834487504f4fc00$var$globalWarmUpTimeout);
+      $3834487504f4fc00$var$globalWarmUpTimeout = null;
+    }
+    if ($3834487504f4fc00$var$globalCooldownTimeout) {
+      clearTimeout($3834487504f4fc00$var$globalCooldownTimeout);
+      $3834487504f4fc00$var$globalCooldownTimeout = null;
+    }
+  };
+  let hideTooltip = (immediate) => {
+    if (immediate || closeDelay <= 0) {
+      if (closeTimeout.current) clearTimeout(closeTimeout.current);
+      closeTimeout.current = null;
+      closeCallback.current();
+    } else if (!closeTimeout.current) closeTimeout.current = setTimeout(() => {
+      closeTimeout.current = null;
+      closeCallback.current();
+    }, closeDelay);
+    if ($3834487504f4fc00$var$globalWarmUpTimeout) {
+      clearTimeout($3834487504f4fc00$var$globalWarmUpTimeout);
+      $3834487504f4fc00$var$globalWarmUpTimeout = null;
+    }
+    if ($3834487504f4fc00$var$globalWarmedUp) {
+      if ($3834487504f4fc00$var$globalCooldownTimeout) clearTimeout($3834487504f4fc00$var$globalCooldownTimeout);
+      $3834487504f4fc00$var$globalCooldownTimeout = setTimeout(() => {
+        delete $3834487504f4fc00$var$tooltips[id];
+        $3834487504f4fc00$var$globalCooldownTimeout = null;
+        $3834487504f4fc00$var$globalWarmedUp = false;
+      }, Math.max($3834487504f4fc00$var$TOOLTIP_COOLDOWN, closeDelay));
+    }
+  };
+  let warmupTooltip = () => {
+    closeOpenTooltips();
+    ensureTooltipEntry();
+    if (!isOpen && !$3834487504f4fc00$var$globalWarmedUp) {
+      if ($3834487504f4fc00$var$globalWarmUpTimeout) clearTimeout($3834487504f4fc00$var$globalWarmUpTimeout);
+      $3834487504f4fc00$var$globalWarmUpTimeout = setTimeout(() => {
+        $3834487504f4fc00$var$globalWarmUpTimeout = null;
+        $3834487504f4fc00$var$globalWarmedUp = true;
+        showTooltip();
+      }, delay);
+    } else if (!isOpen) showTooltip();
+  };
+  (0, import_react16.useEffect)(() => {
+    closeCallback.current = close;
+  }, [
+    close
+  ]);
+  (0, import_react16.useEffect)(() => {
+    return () => {
+      if (closeTimeout.current) clearTimeout(closeTimeout.current);
+      let tooltip = $3834487504f4fc00$var$tooltips[id];
+      if (tooltip) delete $3834487504f4fc00$var$tooltips[id];
+    };
+  }, [
+    id
+  ]);
+  return {
+    isOpen,
+    open: (immediate) => {
+      if (!immediate && delay > 0 && !closeTimeout.current) warmupTooltip();
+      else showTooltip();
+    },
+    close: hideTooltip
+  };
+}
+
+// src/components/Select/Select.tsx
+var import_icons2 = require("@octaviaflow/icons");
+
+// src/components/Tooltip/Tooltip.tsx
+var import_framer_motion4 = require("framer-motion");
+var import_react17 = require("react");
+var import_react_aria2 = require("react-aria");
+var import_react_dom = require("react-dom");
+var import_jsx_runtime16 = require("react/jsx-runtime");
+var FLIP = {
+  top: "bottom",
+  bottom: "top",
+  left: "right",
+  right: "left"
+};
+function placeOn(rect, tipRect, position, offset) {
+  const cx = rect.left + rect.width / 2;
+  const cy = rect.top + rect.height / 2;
+  switch (position) {
+    case "top":
+      return {
+        top: rect.top - tipRect.height - offset,
+        left: cx - tipRect.width / 2
+      };
+    case "bottom":
+      return { top: rect.bottom + offset, left: cx - tipRect.width / 2 };
+    case "left":
+      return {
+        top: cy - tipRect.height / 2,
+        left: rect.left - tipRect.width - offset
+      };
+    case "right":
+      return { top: cy - tipRect.height / 2, left: rect.right + offset };
+  }
+}
+function computePosition(rect, tipRect, position, offset, viewport) {
+  const tryAt = (p) => {
+    const c = placeOn(rect, tipRect, p, offset);
+    const fits = c.top >= 0 && c.left >= 0 && c.top + tipRect.height <= viewport.height && c.left + tipRect.width <= viewport.width;
+    return { ...c, position: p, fits };
+  };
+  const preferred = tryAt(position);
+  if (preferred.fits) return preferred;
+  const flipped = tryAt(FLIP[position]);
+  if (flipped.fits) return flipped;
+  const fallback = preferred;
+  const clampedLeft = Math.max(
+    4,
+    Math.min(fallback.left, viewport.width - tipRect.width - 4)
+  );
+  const clampedTop = Math.max(
+    4,
+    Math.min(fallback.top, viewport.height - tipRect.height - 4)
+  );
+  return { top: clampedTop, left: clampedLeft, position: fallback.position };
+}
+var animVariants = {
+  top: { initial: { opacity: 0, y: 4 }, animate: { opacity: 1, y: 0 } },
+  bottom: { initial: { opacity: 0, y: -4 }, animate: { opacity: 1, y: 0 } },
+  left: { initial: { opacity: 0, x: 4 }, animate: { opacity: 1, x: 0 } },
+  right: { initial: { opacity: 0, x: -4 }, animate: { opacity: 1, x: 0 } }
+};
+function TooltipContent({
+  state,
+  content,
+  position,
+  triggerRef,
+  className,
+  offset,
+  tooltipId
+}) {
+  const { tooltipProps } = (0, import_react_aria2.useTooltip)({ isOpen: state.isOpen }, state);
+  const tipRef = (0, import_react17.useRef)(null);
+  const [coords, setCoords] = (0, import_react17.useState)(null);
+  const reposition = (0, import_react17.useCallback)(() => {
+    if (!triggerRef.current || !tipRef.current) return;
+    const trigRect = triggerRef.current.getBoundingClientRect();
+    const tipRect = tipRef.current.getBoundingClientRect();
+    const viewport = {
+      width: window.innerWidth || document.documentElement.clientWidth,
+      height: window.innerHeight || document.documentElement.clientHeight
+    };
+    setCoords(computePosition(trigRect, tipRect, position, offset, viewport));
+  }, [triggerRef, position, offset]);
+  (0, import_react17.useLayoutEffect)(() => {
+    if (!state.isOpen) return;
+    reposition();
+    const id = requestAnimationFrame(reposition);
+    return () => cancelAnimationFrame(id);
+  }, [state.isOpen, reposition]);
+  (0, import_react17.useEffect)(() => {
+    if (!state.isOpen) return;
+    const handler = () => reposition();
+    window.addEventListener("scroll", handler, true);
+    window.addEventListener("resize", handler);
+    return () => {
+      window.removeEventListener("scroll", handler, true);
+      window.removeEventListener("resize", handler);
+    };
+  }, [state.isOpen, reposition]);
+  const resolvedPos = coords?.position ?? position;
+  const variants = animVariants[resolvedPos];
+  const {
+    onDrag: _onDrag,
+    onDragStart: _onDragStart,
+    onDragEnd: _onDragEnd,
+    onAnimationStart: _onAnimationStart,
+    ...safeTipProps
+  } = tooltipProps;
+  const portalContent = /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_framer_motion4.AnimatePresence, { children: state.isOpen && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    "div",
+    {
+      className: "ods-tooltip__wrapper",
+      style: {
+        position: "fixed",
+        zIndex: 1500,
+        top: coords?.top ?? -9999,
+        left: coords?.left ?? -9999,
+        visibility: coords ? "visible" : "hidden",
+        pointerEvents: "none"
+      },
+      children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+        import_framer_motion4.motion.div,
+        {
+          ref: tipRef,
+          ...safeTipProps,
+          id: tooltipId,
+          role: "tooltip",
+          "data-position": resolvedPos,
+          className: cn("ods-tooltip", className),
+          initial: variants.initial,
+          animate: variants.animate,
+          exit: { opacity: 0 },
+          transition: { duration: 0.15, ease: "easeOut" },
+          children: [
+            content,
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "ods-tooltip__arrow", "aria-hidden": "true" })
+          ]
+        }
+      )
+    }
+  ) });
+  if (typeof document === "undefined") return null;
+  return (0, import_react_dom.createPortal)(portalContent, document.body);
+}
+function mergeRefs(...refs) {
+  return (node) => {
+    for (const r of refs) {
+      if (!r) continue;
+      if (typeof r === "function") r(node);
+      else r.current = node;
+    }
+  };
+}
+function mergeHandler(childHandler, ariaHandler) {
+  if (!childHandler && !ariaHandler) return void 0;
+  return (e) => {
+    childHandler?.(e);
+    if (!e.defaultPrevented) ariaHandler?.(e);
+  };
+}
+function Tooltip({
+  content,
+  position = "top",
+  delay = 200,
+  offset = 8,
+  disabled = false,
+  id: providedId,
+  children,
+  className
+}) {
+  const reactId = (0, import_react17.useId)();
+  const tooltipId = providedId ?? `ods-tooltip-${reactId}`;
+  const triggerRef = (0, import_react17.useRef)(null);
+  const state = $3834487504f4fc00$export$4d40659c25ecb50b({ delay });
+  const { triggerProps } = (0, import_react_aria2.useTooltipTrigger)(
+    { delay, isDisabled: disabled },
+    state,
+    triggerRef
+  );
+  if (!(0, import_react17.isValidElement)(children)) {
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_jsx_runtime16.Fragment, { children });
+  }
+  const childProps = children.props;
+  const childRef = childProps.ref ?? children.ref;
+  const merged = { ...childProps };
+  for (const [key, value] of Object.entries(
+    triggerProps
+  )) {
+    if (key.startsWith("on") && typeof value === "function") {
+      merged[key] = mergeHandler(
+        childProps[key],
+        value
+      );
+    } else {
+      merged[key] = value;
+    }
+  }
+  merged.ref = mergeRefs(triggerRef, childRef);
+  merged["aria-describedby"] = [childProps["aria-describedby"], tooltipId].filter(Boolean).join(" ");
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
+    (0, import_react17.cloneElement)(children, merged),
+    !disabled && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+      TooltipContent,
+      {
+        state,
+        content,
+        position,
+        triggerRef,
+        offset,
+        className,
+        tooltipId
+      }
+    )
+  ] });
+}
+Tooltip.displayName = "Tooltip";
+
+// src/components/Select/Select.tsx
+var import_jsx_runtime17 = require("react/jsx-runtime");
+function OverflowTooltip({
+  enabled,
+  content,
+  children
+}) {
+  if (!enabled || content == null || content === "") return children;
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Tooltip, { content, children });
+}
+function ListBox(props) {
+  const ref = (0, import_react18.useRef)(null);
+  const {
+    listBoxRef = ref,
+    state,
+    showCheckmark,
+    showOverflowTooltips
+  } = props;
+  const { listBoxProps } = (0, import_react_aria3.useListBox)(props, state, listBoxRef);
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("ul", { ...listBoxProps, ref: listBoxRef, className: "ods-select__options", children: [...state.collection].map((item) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+    Option,
+    {
+      item,
+      state,
+      showCheckmark,
+      showOverflowTooltips
+    },
+    item.key
+  )) });
+}
+function Option({
+  item,
+  state,
+  showCheckmark,
+  showOverflowTooltips
+}) {
+  const ref = (0, import_react18.useRef)(null);
+  const { optionProps, isSelected, isFocused, isDisabled } = (0, import_react_aria3.useOption)(
+    { key: item.key },
+    state,
+    ref
+  );
+  const raw = item.value;
+  const option = raw?.value ?? raw;
+  const tooltipContent = option?.description ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { children: option.label }),
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("br", {}),
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { style: { opacity: 0.75 }, children: option.description })
+  ] }) : option?.label;
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+    OverflowTooltip,
+    {
+      enabled: !!showOverflowTooltips,
+      content: tooltipContent,
+      children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+        "li",
+        {
+          ...optionProps,
+          ref,
+          className: cn(
+            "ods-select__option",
+            isFocused && "ods-select__option--highlighted",
+            isSelected && "ods-select__option--selected",
+            isDisabled && "ods-select__option--disabled"
+          ),
+          children: [
+            option?.icon && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "ods-select__option-icon", children: option.icon }),
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", { className: "ods-select__option-text", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "ods-select__option-label", children: item.rendered }),
+              option?.description && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "ods-select__option-desc", children: option.description })
+            ] }),
+            isSelected && showCheckmark && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "ods-select__check", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_icons2.CheckmarkIcon, { size: "xs", tone: "accent" }) })
+          ]
+        }
+      )
+    }
+  );
+}
+var DEFAULT_SELECT_PLACEHOLDER = "Select an option...";
+var Select = (0, import_react18.forwardRef)(function Select2({
+  options,
+  value,
+  defaultValue,
+  onChange,
+  placeholder = DEFAULT_SELECT_PLACEHOLDER,
+  searchable = false,
+  label,
+  error = false,
+  errorMessage,
+  helperText,
+  disabled = false,
+  size = "md",
+  className,
+  name,
+  required,
+  id: providedId,
+  form,
+  autoFocus,
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledBy,
+  "aria-describedby": consumerDescribedBy,
+  showCheckmark = false,
+  closeOnOutsideClick = true,
+  showOverflowTooltips = false,
+  dropdownMinWidth
+}, forwardedRef) {
+  const triggerRef = (0, import_react18.useRef)(null);
+  const listBoxRef = (0, import_react18.useRef)(null);
+  const dropdownRef = (0, import_react18.useRef)(null);
+  const searchRef = (0, import_react18.useRef)(null);
+  const [searchQuery, setSearchQuery] = (0, import_react18.useState)("");
+  const [dropdownPos, setDropdownPos] = (0, import_react18.useState)({ left: 0, width: 0, maxHeight: 240, direction: "down" });
+  const setTriggerRef = (node) => {
+    triggerRef.current = node;
+    if (typeof forwardedRef === "function") forwardedRef(node);
+    else if (forwardedRef)
+      forwardedRef.current = node;
+  };
+  const reactId = (0, import_react18.useId)();
+  const baseId = providedId ?? `ods-select-${reactId}`;
+  const hintId = error || helperText ? `${baseId}-hint` : void 0;
+  const describedBy = [consumerDescribedBy, hintId].filter(Boolean).join(" ") || void 0;
+  const filteredOptions = (0, import_react18.useMemo)(() => {
+    if (!searchable || !searchQuery) return options;
+    const q = searchQuery.toLowerCase();
+    return options.filter(
+      (o) => o.label.toLowerCase().includes(q) || o.description?.toLowerCase().includes(q)
+    );
+  }, [options, searchQuery, searchable]);
+  const ariaNameProps = (0, import_react18.useMemo)(
+    () => resolveAccessibleName({
+      label,
+      ariaLabel,
+      ariaLabelledby: ariaLabelledBy,
+      componentName: "Select",
+      fallbacks: [
+        placeholder && placeholder !== DEFAULT_SELECT_PLACEHOLDER ? placeholder : void 0
+      ]
+    }),
+    [label, ariaLabel, ariaLabelledBy, placeholder]
+  );
+  const ariaProps = (0, import_react18.useMemo)(() => {
+    const items = filteredOptions.map((o) => ({
+      key: o.value,
+      label: o.label,
+      value: o,
+      isDisabled: o.disabled
+    }));
+    const props = {
+      // Visible string label when present; otherwise rely on the aria-*
+      // props for screen-reader name.
+      label: typeof label === "string" ? label : void 0,
+      ...ariaNameProps,
+      items,
+      children: (item) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)($05678f3aee5e7d1a$export$6d08773d2e66f8f2, { textValue: item.label, children: item.label }, item.key),
+      isDisabled: disabled,
+      onSelectionChange: (key) => {
+        onChange?.(String(key));
+        setSearchQuery("");
+      }
+    };
+    if (value !== void 0) {
+      props.selectedKey = value;
+    }
+    if (defaultValue !== void 0) {
+      props.defaultSelectedKey = defaultValue;
+    }
+    return props;
+  }, [filteredOptions, label, disabled, value, defaultValue, onChange, ariaNameProps]);
+  const state = $29256f53a2edafe9$export$5159ec8b34d4ec12(ariaProps);
+  const { triggerProps, menuProps } = (0, import_react_aria3.useSelect)(ariaProps, state, triggerRef);
+  const { buttonProps } = (0, import_react_aria3.useButton)(triggerProps, triggerRef);
+  const updatePosition = (0, import_react18.useCallback)(() => {
+    if (!triggerRef.current) return;
+    const rect = triggerRef.current.getBoundingClientRect();
+    const viewportH = window.innerHeight;
+    const margin = 8;
+    const gap = 4;
+    const spaceBelow = viewportH - rect.bottom - gap - margin;
+    const spaceAbove = rect.top - gap - margin;
+    const PREFERRED_MIN = 200;
+    const openUp = spaceBelow < PREFERRED_MIN && spaceAbove > spaceBelow;
+    setDropdownPos({
+      ...openUp ? { bottom: viewportH - rect.top + gap } : { top: rect.bottom + gap },
+      left: rect.left,
+      width: rect.width,
+      maxHeight: Math.max(120, openUp ? spaceAbove : spaceBelow),
+      direction: openUp ? "up" : "down"
+    });
+  }, []);
+  (0, import_react18.useEffect)(() => {
+    if (state.isOpen) {
+      updatePosition();
+      window.addEventListener("scroll", updatePosition, true);
+      window.addEventListener("resize", updatePosition);
+      return () => {
+        window.removeEventListener("scroll", updatePosition, true);
+        window.removeEventListener("resize", updatePosition);
+      };
+    }
+  }, [state.isOpen, updatePosition]);
+  (0, import_react18.useEffect)(() => {
+    if (state.isOpen && searchable && searchRef.current) {
+      requestAnimationFrame(() => searchRef.current?.focus());
+    }
+  }, [state.isOpen, searchable]);
+  (0, import_react18.useEffect)(() => {
+    if (!state.isOpen || !closeOnOutsideClick) return;
+    const onPointer = (e) => {
+      const target = e.target;
+      if (dropdownRef.current?.contains(target)) return;
+      if (triggerRef.current?.contains(target)) return;
+      state.close();
+    };
+    const onKey = (e) => {
+      if (e.key === "Escape") state.close();
+    };
+    document.addEventListener("mousedown", onPointer);
+    document.addEventListener("keydown", onKey);
+    return () => {
+      document.removeEventListener("mousedown", onPointer);
+      document.removeEventListener("keydown", onKey);
+    };
+  }, [state.isOpen, state.close, closeOnOutsideClick]);
+  const selectedOption = options.find((o) => o.value === String(state.selectedKey ?? ""));
+  const wasOpenBeforePressRef = (0, import_react18.useRef)(false);
+  const handleTriggerPointerDown = (e) => {
+    wasOpenBeforePressRef.current = state.isOpen;
+    const baseHandler = buttonProps.onPointerDown;
+    baseHandler?.(e);
+  };
+  const handleTriggerClick = (e) => {
+    const baseHandler = buttonProps.onClick;
+    baseHandler?.(e);
+    if (wasOpenBeforePressRef.current && state.isOpen) {
+      state.close();
+    }
+    wasOpenBeforePressRef.current = false;
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+    "div",
+    {
+      className: cn(
+        "ods-select",
+        `ods-select--${size}`,
+        error && "ods-select--error",
+        disabled && "ods-select--disabled",
+        className
+      ),
+      children: [
+        label && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("label", { className: "ods-select__label", htmlFor: baseId, children: label }),
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_aria3.HiddenSelect, { state, triggerRef, label, name }),
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+          "button",
+          {
+            ...buttonProps,
+            onPointerDown: handleTriggerPointerDown,
+            onClick: handleTriggerClick,
+            ref: setTriggerRef,
+            id: baseId,
+            form,
+            autoFocus,
+            "aria-label": ariaLabel,
+            "aria-labelledby": ariaLabelledBy,
+            "aria-describedby": describedBy,
+            "aria-required": required || void 0,
+            "aria-invalid": error ? true : void 0,
+            className: cn("ods-select__trigger", state.isOpen && "ods-select__trigger--open"),
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "ods-select__value", children: selectedOption ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
+                selectedOption.icon && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "ods-select__value-icon", children: selectedOption.icon }),
+                selectedOption.label
+              ] }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "ods-select__placeholder", children: placeholder }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                "span",
+                {
+                  className: cn(
+                    "ods-select__chevron",
+                    state.isOpen && "ods-select__chevron--open"
+                  ),
+                  "aria-hidden": "true",
+                  children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_icons2.ChevronDownIcon, { size: "xs" })
+                }
+              )
+            ]
+          }
+        ),
+        typeof document !== "undefined" && (0, import_react_dom2.createPortal)(
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_framer_motion5.AnimatePresence, { children: state.isOpen && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+            import_framer_motion5.motion.div,
+            {
+              ref: dropdownRef,
+              className: "ods-select__dropdown",
+              style: {
+                position: "fixed",
+                ...dropdownPos.top !== void 0 && { top: dropdownPos.top },
+                ...dropdownPos.bottom !== void 0 && { bottom: dropdownPos.bottom },
+                left: dropdownPos.left,
+                // `minWidth` (not `width`) keeps the popover at
+                // least as wide as the trigger — preserves visual
+                // alignment — but allows the consumer to widen it
+                // explicitly when option labels demand more room
+                // (pass `dropdownMinWidth` to set a higher floor).
+                // Avoids the previous `max-content` recipe which
+                // made the popover grow uncomfortably wide on
+                // searchable / long-option menus.
+                minWidth: Math.max(dropdownPos.width, dropdownMinWidth ?? 0),
+                // Bound the popover to the available viewport edge so
+                // it never spills off-screen on tall pages. Pairs with
+                // `overflow-y: auto` from the .ods-select__dropdown
+                // SCSS so long option lists scroll internally.
+                maxHeight: dropdownPos.maxHeight
+              },
+              initial: { opacity: 0, scale: 0.95 },
+              animate: { opacity: 1, scale: 1 },
+              exit: { opacity: 0, scale: 0.95 },
+              transition: { duration: 0.2, ease: [0.16, 1, 0.3, 1] },
+              children: [
+                searchable && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "ods-select__search-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                  "input",
+                  {
+                    ref: searchRef,
+                    className: "ods-select__search",
+                    type: "text",
+                    placeholder: "Search...",
+                    value: searchQuery,
+                    onChange: (e) => setSearchQuery(e.target.value),
+                    "aria-label": "Search options",
+                    onKeyDown: (e) => {
+                      if (e.key === "Escape") {
+                        state.close();
+                      }
+                    }
+                  }
+                ) }),
+                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                  ListBox,
+                  {
+                    ...menuProps,
+                    listBoxRef,
+                    state,
+                    showCheckmark,
+                    showOverflowTooltips
+                  }
+                ),
+                filteredOptions.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "ods-select__empty", children: "No results found" })
+              ]
+            }
+          ) }),
+          document.body
+        ),
+        error && errorMessage ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+          "span",
+          {
+            id: hintId,
+            className: "ods-select__error",
+            role: "alert",
+            children: errorMessage
+          }
+        ) : helperText ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { id: hintId, className: "ods-select__hint", children: helperText }) : null
+      ]
+    }
+  );
+});
+Select.displayName = "Select";
+
+// src/marketing/components/WorkflowShowcase/ShowcaseSignup.tsx
+var import_jsx_runtime18 = require("react/jsx-runtime");
+var OVERLAY_MOTION = {
+  initial: { opacity: 0 },
+  animate: { opacity: 1 },
+  exit: { opacity: 0 }
+};
+function ShowcaseSignup({
+  phase,
+  stepCount,
+  workspaceDomain,
+  teamSizes,
+  error,
+  onSubmit,
+  onBack,
+  dashboardHref = "#",
+  onboardingHref = "#"
+}) {
+  const reducedMotion = (0, import_framer_motion6.useReducedMotion)();
+  const titleId = (0, import_react19.useId)();
+  const subtitleId = (0, import_react19.useId)();
+  const [values, setValues] = (0, import_react19.useState)({
+    name: "",
+    email: "",
+    company: "",
+    teamSize: teamSizes[0] ?? "1\u201310"
+  });
+  const open = phase === "signup" || phase === "creating" || phase === "welcome";
+  const cardMotion = reducedMotion ? OVERLAY_MOTION : {
+    initial: { opacity: 0, y: 14, scale: 0.985 },
+    animate: { opacity: 1, y: 0, scale: 1 },
+    exit: { opacity: 0, y: 8, scale: 0.99 }
+  };
+  const handleSubmit = (event) => {
+    event.preventDefault();
+    onSubmit(values);
+  };
+  const firstName = values.name.trim().split(/\s+/)[0] || "";
+  const emailShown = values.email.trim() || "your inbox";
+  const slug = `${slugify(values.company)}.${workspaceDomain}`;
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_framer_motion6.AnimatePresence, { children: open && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    import_framer_motion6.motion.div,
+    {
+      className: "ods-showcase__veil",
+      ...OVERLAY_MOTION,
+      transition: { duration: reducedMotion ? 0 : 0.22 },
+      children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_react_aria4.FocusScope, { contain: true, restoreFocus: true, autoFocus: true, children: [
+        phase === "signup" && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+          import_framer_motion6.motion.form,
+          {
+            className: "ods-showcase__glass-card",
+            role: "dialog",
+            "aria-modal": "true",
+            "aria-labelledby": titleId,
+            "aria-describedby": subtitleId,
+            onSubmit: handleSubmit,
+            onKeyDown: (e) => {
+              if (e.key === "Escape") onBack();
+            },
+            ...cardMotion,
+            transition: { duration: reducedMotion ? 0 : 0.3, ease: [0.2, 0.7, 0.2, 1] },
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "ods-showcase__glass-head", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("h3", { id: titleId, className: "ods-showcase__glass-title", children: "Create your workspace" }),
+                /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("p", { id: subtitleId, className: "ods-showcase__microcopy", children: [
+                  "FREE IN PRIVATE BETA \xB7 YOUR ",
+                  stepCount,
+                  "-STEP WORKFLOW COMES WITH YOU"
+                ] })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "ods-showcase__form-grid", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "ods-showcase__field", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "ods-showcase__field-label", children: "FULL NAME" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+                    Input,
+                    {
+                      "aria-label": "Full name",
+                      autoComplete: "name",
+                      placeholder: "Ada Lovelace",
+                      value: values.name,
+                      onChange: (e) => setValues((v) => ({ ...v, name: e.target.value }))
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "ods-showcase__field", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "ods-showcase__field-label", children: "WORK EMAIL" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+                    Input,
+                    {
+                      "aria-label": "Work email",
+                      type: "email",
+                      autoComplete: "email",
+                      placeholder: "ada@company.com",
+                      value: values.email,
+                      onChange: (e) => setValues((v) => ({ ...v, email: e.target.value }))
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "ods-showcase__field", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "ods-showcase__field-label", children: "COMPANY" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+                    Input,
+                    {
+                      "aria-label": "Company",
+                      autoComplete: "organization",
+                      placeholder: "Acme Inc.",
+                      value: values.company,
+                      onChange: (e) => setValues((v) => ({ ...v, company: e.target.value }))
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "ods-showcase__field", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "ods-showcase__field-label", children: "TEAM SIZE" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+                    Select,
+                    {
+                      "aria-label": "Team size",
+                      options: teamSizes.map((size) => ({ value: size, label: size })),
+                      value: values.teamSize,
+                      onChange: (teamSize) => setValues((v) => ({ ...v, teamSize }))
+                    }
+                  )
+                ] })
+              ] }),
+              error && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { className: "ods-showcase__form-error", role: "alert", children: error }),
+              /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "ods-showcase__glass-foot", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "ods-showcase__microcopy", children: "NO CREDIT CARD \xB7 SSO & SELF-HOSTING LATER" }),
+                /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "ods-showcase__glass-actions", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Button, { type: "button", variant: "secondary", onClick: onBack, children: "Back" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Button, { type: "submit", variant: "primary", children: "Create account & deploy \u2192" })
+                ] })
+              ] })
+            ]
+          },
+          "signup"
+        ),
+        phase === "creating" && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+          import_framer_motion6.motion.div,
+          {
+            className: "ods-showcase__glass-card ods-showcase__glass-card--slim",
+            role: "status",
+            ...cardMotion,
+            transition: { duration: reducedMotion ? 0 : 0.25 },
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "ods-showcase__spin", "aria-hidden": "true", children: "\u27F3" }),
+              /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("span", { className: "ods-showcase__creating-line", children: [
+                "provisioning workspace \xB7 saving draft \xB7 inviting ",
+                emailShown
+              ] })
+            ]
+          },
+          "creating"
+        ),
+        phase === "welcome" && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+          import_framer_motion6.motion.div,
+          {
+            className: "ods-showcase__glass-card ods-showcase__glass-card--welcome",
+            role: "dialog",
+            "aria-modal": "true",
+            "aria-labelledby": titleId,
+            ...cardMotion,
+            transition: { duration: reducedMotion ? 0 : 0.3, ease: [0.2, 0.7, 0.2, 1] },
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "ods-showcase__glass-head", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { className: "ods-showcase__microcopy ods-showcase__microcopy--success", children: "\u2713 WORKSPACE READY" }),
+                /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("h3", { id: titleId, className: "ods-showcase__glass-title", children: [
+                  "Welcome to OctaviaFlow",
+                  firstName ? `, ${firstName}` : "",
+                  "."
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("p", { className: "ods-showcase__welcome-body", children: [
+                  "We emailed a sign-in link to ",
+                  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("strong", { children: emailShown }),
+                  ". Your ",
+                  stepCount,
+                  "-step workflow is saved as a draft in",
+                  " ",
+                  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("code", { className: "ods-showcase__slug", children: slug }),
+                  " \u2014 deploy it from the dashboard whenever you're ready."
+                ] })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "ods-showcase__glass-foot", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "ods-showcase__glass-actions", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("a", { className: "ods-showcase__solid-link", href: dashboardHref, children: "Open dashboard \u2192" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("a", { className: "ods-showcase__text-link", href: onboardingHref, children: "Book onboarding \u2192" })
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("span", { className: "ods-showcase__microcopy ods-showcase__microcopy--right", children: [
+                  "PRIVATE BETA",
+                  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("br", {}),
+                  "ONBOARDING INCLUDED"
+                ] })
+              ] })
+            ]
+          },
+          "welcome"
+        )
+      ] })
+    }
+  ) });
+}
+
+// src/marketing/components/WorkflowShowcase/WorkflowShowcase.tsx
+var import_jsx_runtime19 = require("react/jsx-runtime");
+var EMPTY_PLAN = { left: [], right: [], all: [], totalSteps: 1 };
+function ConnectorTile({ connector }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+    "span",
+    {
+      "aria-hidden": "true",
+      className: cn("ods-showcase__apptile", `ods-showcase__apptile--${connector.role}`),
+      children: connector.icon ?? roleGlyph(connector.role)
+    }
+  );
+}
+function WorkflowShowcase({
+  connectors = WORKFLOW_SHOWCASE_DEFAULT_CONNECTORS,
+  examples = WORKFLOW_SHOWCASE_DEFAULT_EXAMPLES,
+  metrics = WORKFLOW_SHOWCASE_DEFAULT_METRICS,
+  defaultPrompt = "",
+  modelLabel = "octavia-core-1",
+  canvasLabel = "workflow_canvas",
+  railLabel = "OCTAVIA IS DOING",
+  platformTiles = WORKFLOW_SHOWCASE_DEFAULT_TILES,
+  coreIcon,
+  catalogNote = "600+",
+  teamSizes = ["1\u201310", "11\u201350", "51\u2013200", "200+"],
+  workspaceDomain = "octaviaflow.com",
+  dashboardHref,
+  onboardingHref = "#",
+  promptAriaLabel = "Describe your pipeline",
+  onBuild,
+  onPhaseChange,
+  onSignup,
+  className,
+  ...rest
+}) {
+  const reducedMotion = (0, import_framer_motion7.useReducedMotion)();
+  const [prompt, setPrompt] = (0, import_react20.useState)(defaultPrompt);
+  const [selected, setSelected] = (0, import_react20.useState)([]);
+  const [phase, setPhase] = (0, import_react20.useState)("idle");
+  const [shown, setShown] = (0, import_react20.useState)(0);
+  const [status, setStatus] = (0, import_react20.useState)("");
+  const [pickerOpen, setPickerOpen] = (0, import_react20.useState)(false);
+  const [schedIdx, setSchedIdx] = (0, import_react20.useState)(0);
+  const [swap, setSwap] = (0, import_react20.useState)(null);
+  const [signupError, setSignupError] = (0, import_react20.useState)(null);
+  const cardRef = (0, import_react20.useRef)(null);
+  const timers = (0, import_react20.useRef)([]);
+  const clearTimers = (0, import_react20.useCallback)(() => {
+    for (const t of timers.current) clearTimeout(t);
+    timers.current = [];
+  }, []);
+  (0, import_react20.useEffect)(() => clearTimers, [clearTimers]);
+  const tempo = reducedMotion ? 0.35 : 1;
+  const at = (0, import_react20.useCallback)(
+    (ms, fn) => {
+      timers.current.push(setTimeout(fn, ms * tempo));
+    },
+    [tempo]
+  );
+  const firstPhase = (0, import_react20.useRef)(true);
+  (0, import_react20.useEffect)(() => {
+    if (firstPhase.current) {
+      firstPhase.current = false;
+      return;
+    }
+    onPhaseChange?.(phase);
+  }, [phase, onPhaseChange]);
+  const phaseRef = (0, import_react20.useRef)(phase);
+  phaseRef.current = phase;
+  const byName = (0, import_react20.useMemo)(() => new Map(connectors.map((c) => [c.name, c])), [connectors]);
+  const detected = (0, import_react20.useMemo)(() => detectConnectors(prompt, connectors), [prompt, connectors]);
+  const union = (0, import_react20.useMemo)(() => [.../* @__PURE__ */ new Set([...selected, ...detected])], [selected, detected]);
+  const settled = SETTLED_PHASES.includes(phase);
+  const engaged = phase !== "idle";
+  const buildingNow = phase === "analyzing" || phase === "building";
+  const plan = (0, import_react20.useMemo)(() => {
+    if (!selected.length) return EMPTY_PLAN;
+    return resolvePlan(selected, [], connectors);
+  }, [selected, connectors]);
+  const schedules = WORKFLOW_SHOWCASE_SCHEDULES;
+  const inferredSchedule = scheduleFromPrompt(prompt);
+  const manualSchedule = schedules[schedIdx];
+  const scheduleShown = inferredSchedule ?? (manualSchedule === "AUTO" ? "HOURLY" : manualSchedule);
+  const startBuild = (0, import_react20.useCallback)(
+    (text, baseSelected) => {
+      if (phaseRef.current === "analyzing" || phaseRef.current === "building") return;
+      phaseRef.current = "analyzing";
+      clearTimers();
+      const resolved = resolvePlan(baseSelected, detectConnectors(text, connectors), connectors);
+      const target = resolved.all.map((c) => c.name);
+      const additions = target.filter((n) => !baseSelected.includes(n));
+      setPrompt(text);
+      setSelected(baseSelected);
+      setPhase("analyzing");
+      setShown(0);
+      setStatus("analyzing request \xB7 matching connectors");
+      setPickerOpen(false);
+      setSwap(null);
+      onBuild?.({ prompt: text, connectors: target, schedule: scheduleShown });
+      additions.forEach((name, i) => {
+        at(250 + i * 200, () => setSelected((s) => s.includes(name) ? s : [...s, name]));
+      });
+      const t0 = 250 + additions.length * 200;
+      at(t0 + 750, () => setStatus("wiring transforms \xB7 adding error handling"));
+      at(t0 + 1500, () => {
+        setPhase("building");
+        setStatus("assembling workflow \xB7 optimizing plan");
+      });
+      for (let i = 0; i < resolved.totalSteps; i++) {
+        at(t0 + 1600 + i * 380, () => setShown(i + 1));
+      }
+      at(t0 + 1600 + resolved.totalSteps * 380 + 350, () => setPhase("done"));
+    },
+    [clearTimers, connectors, onBuild, scheduleShown, at]
+  );
+  const resetToIdle = (0, import_react20.useCallback)(() => {
+    clearTimers();
+    phaseRef.current = "idle";
+    setPhase("idle");
+    setShown(0);
+    setStatus("");
+    setSwap(null);
+  }, [clearTimers]);
+  const toggleConnector = (name) => {
+    resetToIdle();
+    setSelected((s) => s.includes(name) ? s.filter((n) => n !== name) : [...s, name]);
+  };
+  const runExample = (example) => {
+    resetToIdle();
+    startBuild(example.prompt, []);
+  };
+  const openSwap = (name, text, anchor) => {
+    const card = cardRef.current;
+    if (!card) return;
+    const r = anchor.getBoundingClientRect();
+    const cr = card.getBoundingClientRect();
+    const x = Math.max(8, Math.min(r.left - cr.left, cr.width - 264));
+    setSwap({ name, text, x, y: r.bottom - cr.top + 6 });
+  };
+  const doSwap = (current, next) => {
+    resetToIdle();
+    const re = new RegExp(current.text.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), "i");
+    setPrompt((p) => p.replace(re, next));
+    setSelected((s) => s.map((n) => n === current.name ? next : n));
+  };
+  const swapRole = swap ? byName.get(swap.name)?.role : void 0;
+  const swapItems = swapRole ? connectors.filter((c) => c.role === swapRole) : [];
+  const roles = union.map((n) => byName.get(n)?.role);
+  const hasSource = roles.includes("source");
+  const hasSink = roles.some((r) => r && r !== "source");
+  const hasNotify = roles.includes("notify");
+  let coachLine;
+  let coachAdds = [];
+  const notIn = (c) => !union.includes(c.name);
+  if (!union.length) {
+    coachLine = prompt ? "LISTENING\u2026 CONNECTOR NAMES LIGHT UP AS OCTAVIA RECOGNIZES THEM" : `OCTAVIA MATCHES CONNECTORS LIVE AS YOU TYPE \u2014 OR PICK FROM ${catalogNote}`;
+  } else if (union.length >= connectors.length) {
+    coachLine = "FULL STACK \u2014 OCTAVIA SPLITS THIS INTO PARALLEL INGEST \u2192 AI TRANSFORM \u2192 SEQUENCED ACTIONS";
+  } else if (union.length >= 6) {
+    coachLine = `BIG STACK \u2014 ${union.length} CONNECTORS FAN OUT ACROSS PARALLEL BRANCHES \xB7 COST OPTIMIZER ON`;
+  } else if (hasSource && !hasSink) {
+    coachLine = "SOURCES WIRED \u2014 WHERE SHOULD THE DATA LAND?";
+    coachAdds = connectors.filter((c) => c.role === "destination" && notIn(c)).slice(0, 2);
+  } else if (!hasSource && hasSink) {
+    coachLine = "DESTINATION SET \u2014 WHAT SHOULD OCTAVIA PULL FROM?";
+    coachAdds = connectors.filter((c) => c.role === "source" && notIn(c)).slice(0, 2);
+  } else if (!hasNotify) {
+    coachLine = `\u2713 ${union.length} CONNECTORS \xB7 ${scheduleShown} \xB7 TIP: ALERT YOUR TEAM WHEN RUNS FINISH`;
+    coachAdds = connectors.filter((c) => c.role === "notify" && notIn(c)).slice(0, 1);
+  } else {
+    coachLine = `\u2713 ${union.length} CONNECTORS \xB7 ${scheduleShown} \xB7 CLICK A HIGHLIGHTED NAME TO SWAP IT`;
+  }
+  const coachTone = union.length ? hasSource && hasSink ? "success" : "accent" : "muted";
+  const badge = settled ? { label: "LIVE", tone: "success", pulse: true } : buildingNow ? {
+    label: phase === "analyzing" ? "ANALYZING" : "BUILDING",
+    tone: "accent",
+    pulse: true
+  } : { label: "IDLE", tone: "muted", pulse: false };
+  const canvasSub = settled ? "production" : buildingNow ? "generating" : "draft";
+  const sceneCaption = settled ? "PIPELINE LIVE \xB7 SQUARES = ROWS IN FLIGHT" : phase === "building" ? "ASSEMBLING WORKFLOW\u2026" : phase === "analyzing" ? "ANALYZING REQUEST\u2026" : "CLICK THE CORE \xB7 CONNECTORS LAND AS CUBES";
+  const activity = buildActivity({ phase, shown, plan, selected, status });
+  const costMetric = metrics.find((m) => m.tone === "success");
+  const costLabel = costMetric ? `${costMetric.prefix ?? ""}${costMetric.value}${costMetric.suffix ?? ""}` : "";
+  const railFoot = phase === "idle" ? `${catalogNote} CONNECTORS \xB7 FREE IN PRIVATE BETA` : settled ? `COST PLAN SELECTED \xB7 ${costLabel}` : "COST OPTIMIZER RUNNING\u2026";
+  const nLeft = plan.left.length;
+  const sceneLeft = plan.left.map((c, i) => ({
+    connector: c,
+    active: engaged && (settled || shown > i)
+  }));
+  const sceneRight = plan.right.map((c, j) => ({
+    connector: c,
+    active: engaged && (settled || shown > nLeft + 1 + j)
+  }));
+  const stepCount = (selected.length || 3) + 1;
+  const doneNote = costMetric ? `${stepCount}-step workflow generated \xB7 cost optimizer: ${costMetric.value}% below baseline` : `${stepCount}-step workflow generated`;
+  const submitSignup = (values) => {
+    if (!values.name.trim() || !isValidEmail(values.email)) {
+      setSignupError("Please enter your name and a valid work email.");
+      return;
+    }
+    setSignupError(null);
+    setPhase("creating");
+    const finish = () => setPhase("welcome");
+    const fail = () => {
+      setSignupError("Something went wrong \u2014 please try again.");
+      setPhase("signup");
+    };
+    if (!onSignup) {
+      at(1600, finish);
+      return;
+    }
+    try {
+      const result = onSignup(values);
+      if (result && typeof result.then === "function") {
+        result.then(finish, fail);
+      } else {
+        finish();
+      }
+    } catch {
+      fail();
+    }
+  };
+  const segments = segmentPrompt(prompt, connectors);
+  const onPromptKeyDown = (e) => {
+    if (e.key === "Enter" && !e.shiftKey) {
+      e.preventDefault();
+      startBuild(prompt, selected);
+    }
+  };
+  const rise = (delay = 0) => reducedMotion ? {} : {
+    initial: { opacity: 0, y: 10 },
+    animate: { opacity: 1, y: 0 },
+    transition: { duration: 0.4, delay, ease: [0.2, 0.7, 0.2, 1] }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("section", { ...rest, className: cn("ods-showcase", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { ref: cardRef, className: "ods-showcase__card", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "ods-showcase__prompt", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+          "textarea",
+          {
+            className: "ods-showcase__prompt-input",
+            value: prompt,
+            onChange: (e) => setPrompt(e.target.value),
+            onKeyDown: onPromptKeyDown,
+            "aria-label": promptAriaLabel,
+            spellCheck: false,
+            rows: 2
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "ods-showcase__prompt-render", "aria-hidden": "true", children: prompt ? segments.map(
+          (seg, i) => seg.connector ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+            "button",
+            {
+              type: "button",
+              tabIndex: -1,
+              className: cn(
+                "ods-showcase__token",
+                `ods-showcase__token--${seg.connector.role}`
+              ),
+              onClick: (e) => {
+                const name = seg.connector?.name;
+                if (name) openSwap(name, seg.text, e.currentTarget);
+              },
+              children: seg.text
+            },
+            i
+          ) : (
+            // biome-ignore lint/suspicious/noArrayIndexKey: segments are positional by nature
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { children: seg.text }, i)
+          )
+        ) : /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_jsx_runtime19.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "ods-showcase__placeholder", children: "Describe your pipeline \u2014 e.g. " }),
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "ods-showcase__placeholder ods-showcase__placeholder--faint", children: '"Sync Storefront orders to Warehouse hourly, alert sales in Team Chat"' })
+        ] }) })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "ods-showcase__coach", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+          "span",
+          {
+            className: cn("ods-showcase__coach-line", `ods-showcase__coach-line--${coachTone}`),
+            children: coachLine
+          }
+        ),
+        coachAdds.map((c) => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+          "button",
+          {
+            type: "button",
+            className: "ods-showcase__coach-add",
+            onClick: () => toggleConnector(c.name),
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(ConnectorTile, { connector: c }),
+              "+ ",
+              c.name
+            ]
+          },
+          c.name
+        ))
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_framer_motion7.AnimatePresence, { initial: false, children: pickerOpen && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+        import_framer_motion7.motion.div,
+        {
+          className: "ods-showcase__picker",
+          initial: reducedMotion ? false : { opacity: 0, height: 0 },
+          animate: { opacity: 1, height: "auto" },
+          exit: reducedMotion ? { opacity: 0 } : { opacity: 0, height: 0 },
+          transition: { duration: 0.22, ease: [0.2, 0.7, 0.2, 1] },
+          children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "ods-showcase__picker-row", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "ods-showcase__microcopy", children: "CONNECTORS" }),
+            connectors.map((c) => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+              "button",
+              {
+                type: "button",
+                className: cn(
+                  "ods-showcase__pick",
+                  selected.includes(c.name) && "ods-showcase__pick--on"
+                ),
+                "aria-pressed": selected.includes(c.name),
+                onClick: () => toggleConnector(c.name),
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(ConnectorTile, { connector: c }),
+                  c.name
+                ]
+              },
+              c.name
+            )),
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("span", { className: "ods-showcase__microcopy ods-showcase__microcopy--faint", children: [
+              "+ ",
+              catalogNote,
+              " IN THE APP"
+            ] })
+          ] })
+        }
+      ) }),
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "ods-showcase__toolbar", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+          "button",
+          {
+            type: "button",
+            className: cn(
+              "ods-showcase__tool",
+              (pickerOpen || selected.length > 0) && "ods-showcase__tool--on"
+            ),
+            "aria-expanded": pickerOpen,
+            onClick: () => setPickerOpen((o) => !o),
+            children: [
+              "\uFF0B Connectors",
+              selected.length ? ` \xB7 ${selected.length}` : ""
+            ]
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+          "button",
+          {
+            type: "button",
+            className: "ods-showcase__tool",
+            onClick: () => setSchedIdx((i) => (i + 1) % schedules.length),
+            children: [
+              "\u25F7 ",
+              manualSchedule
+            ]
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "ods-showcase__model", children: modelLabel }),
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+          Button,
+          {
+            variant: "primary",
+            onClick: () => startBuild(prompt, selected),
+            disabled: buildingNow,
+            children: buildingNow ? "Building\u2026" : "Build workflow \u2192"
+          }
+        )
+      ] }),
+      swap && swapRole && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_jsx_runtime19.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+          "button",
+          {
+            type: "button",
+            className: "ods-showcase__swap-backdrop",
+            "aria-label": "Close swap menu",
+            onClick: () => setSwap(null)
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+          "div",
+          {
+            className: "ods-showcase__swap",
+            role: "menu",
+            style: { left: swap.x, top: swap.y },
+            onKeyDown: (e) => {
+              if (e.key === "Escape") setSwap(null);
+            },
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "ods-showcase__swap-head", children: [
+                "SWAP ",
+                swapRole.toUpperCase(),
+                " \u2014 ",
+                swap.name.toUpperCase()
+              ] }),
+              swapItems.map((c) => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+                "button",
+                {
+                  type: "button",
+                  role: "menuitem",
+                  className: "ods-showcase__swap-item",
+                  onClick: () => doSwap(swap, c.name),
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(ConnectorTile, { connector: c }),
+                    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "ods-showcase__swap-name", children: c.name }),
+                    c.name === swap.name && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "ods-showcase__swap-mark", children: "\u25CF CURRENT" })
+                  ]
+                },
+                c.name
+              )),
+              /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "ods-showcase__swap-foot", children: [
+                catalogNote,
+                " CONNECTORS IN THE APP"
+              ] })
+            ]
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "ods-showcase__examples", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "ods-showcase__microcopy", children: "TRY:" }),
+      examples.map((ex) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+        "button",
+        {
+          type: "button",
+          className: "ods-showcase__try",
+          onClick: () => runExample(ex),
+          children: ex.label
+        },
+        ex.id
+      ))
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "ods-showcase__canvas", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "ods-showcase__canvas-head", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("span", { className: "ods-showcase__microcopy", children: [
+          canvasLabel,
+          " \xB7 ",
+          canvasSub
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("span", { className: cn("ods-showcase__badge", `ods-showcase__badge--${badge.tone}`), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: cn("ods-showcase__dot", badge.pulse && "ods-showcase__dot--pulse") }),
+          badge.label
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "ods-showcase__stage", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "ods-showcase__rail", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "ods-showcase__rail-head", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "ods-showcase__microcopy", children: railLabel }),
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+              "span",
+              {
+                className: cn("ods-showcase__dot", badge.pulse && "ods-showcase__dot--pulse")
+              }
+            )
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "ods-showcase__rail-body", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_framer_motion7.AnimatePresence, { initial: false, children: activity.map((line) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+            import_framer_motion7.motion.div,
+            {
+              className: cn("ods-showcase__act", `ods-showcase__act--${line.tone}`),
+              initial: reducedMotion ? false : { opacity: 0, y: 6 },
+              animate: { opacity: 1, y: 0 },
+              exit: { opacity: 0 },
+              transition: { duration: 0.25 },
+              children: line.text
+            },
+            line.id
+          )) }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+            "div",
+            {
+              className: cn(
+                "ods-showcase__rail-foot",
+                settled && "ods-showcase__rail-foot--done",
+                buildingNow && "ods-showcase__rail-foot--active"
+              ),
+              children: railFoot
+            }
+          )
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+          ShowcaseScene,
+          {
+            left: sceneLeft,
+            right: sceneRight,
+            engaged,
+            tiles: platformTiles,
+            coreIcon,
+            caption: sceneCaption
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "ods-showcase__metrics", children: metrics.map((m, idx) => {
+          const revealed = settled || phase === "building" && shown > idx;
+          const interim = m.buildingValue != null && !settled && revealed;
+          return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "ods-showcase__metric", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+              "div",
+              {
+                className: cn(
+                  "ods-showcase__metric-value",
+                  !revealed && "ods-showcase__metric-value--empty",
+                  m.tone === "success" && settled && "ods-showcase__metric-value--success"
+                ),
+                children: [
+                  settled ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+                    CountUp,
+                    {
+                      value: m.value,
+                      from: m.buildingValue ?? 0,
+                      decimals: m.decimals ?? 0,
+                      duration: reducedMotion ? 0 : 900,
+                      disableAnimation: Boolean(reducedMotion),
+                      prefix: m.prefix,
+                      formatValue: m.decimals ? void 0 : (v) => Math.round(v).toLocaleString("en-US")
+                    }
+                  ) : interim ? `${m.prefix ?? ""}${m.buildingValue}` : "\u2014",
+                  revealed && m.suffix ? m.suffix : null,
+                  revealed && m.unit ? /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("span", { className: "ods-showcase__metric-unit", children: [
+                    " ",
+                    m.unit
+                  ] }) : null
+                ]
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "ods-showcase__microcopy", children: m.label })
+          ] }, m.id);
+        }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+          ShowcaseSignup,
+          {
+            phase,
+            stepCount,
+            workspaceDomain,
+            teamSizes,
+            error: signupError,
+            onSubmit: submitSignup,
+            onBack: () => {
+              setSignupError(null);
+              setPhase("done");
+            },
+            dashboardHref,
+            onboardingHref
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "ods-showcase__outro", "aria-live": "polite", children: [
+      buildingNow && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "ods-showcase__building", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "ods-showcase__spin", "aria-hidden": "true", children: "\u27F3" }),
+        " ",
+        status
+      ] }),
+      phase === "done" && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "ods-showcase__done", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_framer_motion7.motion.div, { className: "ods-showcase__done-note", ...rise(0), children: [
+          "\u2713 ",
+          doneNote
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_framer_motion7.motion.div, { className: "ods-showcase__cta", ...rise(0.2), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "ods-showcase__cta-copy", children: "Deploy it on your own data \u2014 takes 2 minutes." }),
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+            Button,
+            {
+              variant: "primary",
+              onClick: () => {
+                setSignupError(null);
+                setPhase("signup");
+              },
+              children: "Create free account \u2192"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("a", { className: "ods-showcase__text-link", href: onboardingHref, children: "Book onboarding \u2192" })
+        ] })
+      ] })
+    ] })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ActionGlyph,
+  AssistantTranscript,
+  BrandMark,
+  ConnectorGlyph,
+  CtaBanner,
+  DestinationGlyph,
+  FeatureGrid,
+  IntegrationsWall,
+  LiveConsole,
+  MarketingFooter,
+  MarketingHero,
+  MarketingNav,
+  MarketingSection,
+  NotifyGlyph,
+  SourceGlyph,
+  StatBand,
+  WORKFLOW_SHOWCASE_DEFAULT_CONNECTORS,
+  WORKFLOW_SHOWCASE_DEFAULT_EXAMPLES,
+  WORKFLOW_SHOWCASE_DEFAULT_METRICS,
+  WORKFLOW_SHOWCASE_DEFAULT_TILES,
+  WORKFLOW_SHOWCASE_SCHEDULES,
+  WorkflowShowcase,
+  roleGlyph
+});
+//# sourceMappingURL=marketing.cjs.map