@blaaiz/docs-core 0.1.0

package/dist/ui.cjs

@@ -0,0 +1,661 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+
+// src/ui/accordion.tsx
+function Accordion({ title, children }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "details",
+    {
+      style: {
+        border: "1px solid var(--color-fd-border)",
+        borderRadius: 8,
+        padding: "10px 14px",
+        margin: "8px 0"
+      },
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("summary", { style: { cursor: "pointer", fontWeight: 600 }, children: title }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { style: { marginTop: 8 }, children })
+      ]
+    }
+  );
+}
+function AccordionGroup({ children }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { style: { margin: "16px 0" }, children });
+}
+function apiOperationLayout(slots) {
+  let playground = slots.apiPlayground;
+  if (react.isValidElement(playground) && playground.type.acceptsExample === true) {
+    playground = react.cloneElement(playground, {
+      example: slots.apiExample
+    });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-x-6 gap-y-4 @4xl:flex-row @4xl:items-start", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
+      slots.header,
+      slots.description,
+      playground,
+      slots.authSchemes,
+      slots.parameters,
+      slots.body,
+      slots.responses,
+      slots.callbacks
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "@4xl:sticky @4xl:top-[calc(var(--fd-docs-row-1,2rem)+1rem)] @4xl:w-[400px]", children: slots.apiExample })
+  ] });
+}
+function MethodBadge({ method }) {
+  const upper = method.toUpperCase();
+  return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "api-method-badge", "data-method": method.toLowerCase(), children: upper });
+}
+function apiMethodBadges(methods) {
+  return {
+    file(node) {
+      const method = node.url ? methods[node.url] : void 0;
+      if (!method) {
+        return node;
+      }
+      return {
+        ...node,
+        name: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "api-nav-item", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(MethodBadge, { method }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "api-nav-text", children: node.name })
+        ] })
+      };
+    }
+  };
+}
+var GLYPHS = {
+  house: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m3 9 9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M9 22V12h6v10" })
+  ] }),
+  book: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M4 19.5v-15A2.5 2.5 0 0 1 6.5 2H20v20H6.5a2.5 2.5 0 0 1 0-5H20" }),
+  code: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m16 18 6-6-6-6" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m8 6-6 6 6 6" })
+  ] }),
+  rocket: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91 0z" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m12 15-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5" })
+  ] }),
+  terminal: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m4 17 6-6-6-6" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 19h8" })
+  ] }),
+  wallet: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M19 7V4a1 1 0 0 0-1-1H5a2 2 0 0 0 0 4h15a1 1 0 0 1 1 1v4h-3a2 2 0 0 0 0 4h3a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M3 5v14a2 2 0 0 0 2 2h15a1 1 0 0 0 1-1v-4" })
+  ] }),
+  key: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m15.5 7.5 2.3 2.3a1 1 0 0 0 1.4 0l2.1-2.1a1 1 0 0 0 0-1.4L19 4" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m21 2-9.6 9.6" }),
+    /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "7.5", cy: "15.5", r: "5.5" })
+  ] }),
+  webhook: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M18 16.98h-5.99c-1.1 0-1.95.94-2.48 1.9A4 4 0 0 1 2 17c.01-.7.2-1.4.57-2" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m6 17 3.13-5.78c.53-.97.1-2.18-.5-3.1a4 4 0 1 1 6.89-4.06" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m12 6 3.13 5.73C15.66 12.7 16.9 13 18 13a4 4 0 0 1 0 8" })
+  ] }),
+  globe: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M2 12h20" })
+  ] }),
+  mail: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "2", y: "4", width: "20", height: "16", rx: "2" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7" })
+  ] }),
+  user: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "8", r: "4" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M4 21a8 8 0 0 1 16 0" })
+  ] }),
+  lock: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "3", y: "11", width: "18", height: "11", rx: "2" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M7 11V7a5 5 0 0 1 10 0v4" })
+  ] }),
+  /** A circled `i` — an informational note, and the generic error state. */
+  info: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 8v4M12 16h.01", strokeLinecap: "round" })
+  ] }),
+  /** A warning triangle — a caution, and the `500` screen. */
+  alert: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M10.29 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 9v4M12 17h.01", strokeLinecap: "round" })
+  ] }),
+  /** A light bulb — a tip. */
+  bulb: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M9 18h6M10 22h4M12 2a7 7 0 0 0-4 12.7c.6.5 1 1.3 1 2.1V17h6v-.2c0-.8.4-1.6 1-2.1A7 7 0 0 0 12 2Z" }),
+  /** A circle with a cross — the `404` screen. */
+  crossCircle: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m14.31 8-1.31 2.4M9.69 8l4.62 8M14.31 16 9.69 8", strokeLinecap: "round" })
+  ] }),
+  /** Struck-through signal bars — the offline screen. */
+  offline: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M5 12.55a11 11 0 0 1 14 0M8.5 16.11a6 6 0 0 1 7 0M12 20h.01", strokeLinecap: "round" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m2 2 20 20", strokeLinecap: "round" })
+  ] }),
+  copy: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M9 9h9a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H9a2 2 0 0 1-2-2v-9a2 2 0 0 1 2-2ZM5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" }),
+  check: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M20 6 9 17l-5-5" }),
+  chevronDown: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m6 9 6 6 6-6" }),
+  /** Stacked chevrons — a value this control switches between. */
+  chevronUpDown: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m7 15 5 5 5-5M7 9l5-5 5 5" }),
+  /** An open arc — one turn of a loading spinner. */
+  spinner: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M21 12a9 9 0 1 1-6.219-8.56", strokeLinecap: "round" }),
+  markdown: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "2", y: "5", width: "20", height: "14", rx: "2" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M6 15V9l3 3 3-3v6M17 9v4m0 0 2-2m-2 2-2-2" })
+  ] })
+};
+function strokeIcon(name, options = {}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "svg",
+    {
+      ...options.className === void 0 ? {} : { className: options.className },
+      ...options.size === void 0 ? {} : { width: options.size, height: options.size },
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: options.strokeWidth ?? 2,
+      ...options.rounded ? { strokeLinecap: "round", strokeLinejoin: "round" } : {},
+      "aria-hidden": "true",
+      children: GLYPHS[name]
+    },
+    options.key
+  );
+}
+function authErrorMessage(code, domains) {
+  if (!code) {
+    return null;
+  }
+  const list = domains.join(", ");
+  switch (code) {
+    case "forbidden":
+    case "domain":
+      return list ? `That email isn't on an allowed domain. Sign in with your ${list} account.` : `That account isn't allowed to access these docs.`;
+    case "oauth":
+    case "state":
+      return `Google sign-in didn't complete. Please try again.`;
+    case "badsecret":
+      return `That secret is incorrect. Please try again.`;
+    case "expired":
+      return `Your session expired. Sign in again to continue.`;
+    case "config":
+      return `Sign-in isn't configured for this site. Contact the site owner.`;
+    default:
+      return `Something went wrong signing in. Please try again.`;
+  }
+}
+function mailIcon() {
+  return strokeIcon("mail");
+}
+function lockIcon() {
+  return strokeIcon("lock");
+}
+function alertIcon() {
+  return strokeIcon("info");
+}
+function keyIcon() {
+  return strokeIcon("key");
+}
+function userIcon() {
+  return strokeIcon("user");
+}
+function googleIcon() {
+  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { viewBox: "0 0 24 24", "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "path",
+      {
+        fill: "#4285F4",
+        d: "M23.52 12.27c0-.82-.07-1.6-.2-2.36H12v4.46h6.47a5.53 5.53 0 0 1-2.4 3.63v3.02h3.88c2.27-2.09 3.57-5.17 3.57-8.75z"
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "path",
+      {
+        fill: "#34A853",
+        d: "M12 24c3.24 0 5.96-1.08 7.95-2.91l-3.88-3.02c-1.08.72-2.45 1.16-4.07 1.16-3.13 0-5.78-2.11-6.73-4.96H1.29v3.12A12 12 0 0 0 12 24z"
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "path",
+      {
+        fill: "#FBBC05",
+        d: "M5.27 14.27a7.2 7.2 0 0 1 0-4.54V6.61H1.29a12 12 0 0 0 0 10.78l3.98-3.12z"
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "path",
+      {
+        fill: "#EA4335",
+        d: "M12 4.75c1.77 0 3.35.61 4.6 1.8l3.44-3.44A11.5 11.5 0 0 0 12 0 12 12 0 0 0 1.29 6.61l3.98 3.12C6.22 6.86 8.87 4.75 12 4.75z"
+      }
+    )
+  ] });
+}
+function AuthScreen(props) {
+  const { config, from, error } = props;
+  const auth = config.auth;
+  const workspace = auth === "public" ? null : auth;
+  const domains = workspace?.allowedDomains ?? [];
+  const target = from ?? "/";
+  const emailAction = props.emailAction ?? "/api/auth/email";
+  const secretAction = props.secretAction ?? "/api/auth/secret";
+  const googleStartPath = props.googleStartPath ?? "/api/auth/google/start";
+  const signInPath = props.signInPath ?? "/signin";
+  const secretEnabled = props.secretEnabled ?? Boolean(workspace?.providers.secret);
+  const emailProvider = workspace?.providers.email ?? false;
+  const hasEmailFlow = secretEnabled || emailProvider;
+  const showGoogle = props.googleEnabled ?? Boolean(workspace?.providers.google);
+  const message = authErrorMessage(error, domains);
+  const logo = config.theme.logo;
+  const onSecretStep = props.step === "secret" && secretEnabled && Boolean(props.email);
+  const brand = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "auth-brand", children: logo ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("img", { className: "auth-logo-light", src: logo.light, alt: config.theme.name }),
+    /* @__PURE__ */ jsxRuntime.jsx("img", { className: "auth-logo-dark", src: logo.dark, alt: config.theme.name })
+  ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "auth-dot", "aria-hidden": "true" }),
+    config.theme.name
+  ] }) });
+  const errorBanner = message ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "auth-error", role: "alert", children: [
+    alertIcon(),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { children: message })
+  ] }) : null;
+  if (onSecretStep) {
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "auth-screen", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "auth-ambient", "aria-hidden": "true" }),
+      /* @__PURE__ */ jsxRuntime.jsxs("main", { className: "auth-card", children: [
+        brand,
+        /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "auth-title", children: "Enter access secret" }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "auth-sub", children: "One more step \u2014 enter the shared secret to continue." }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "auth-identity", children: [
+          userIcon(),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "auth-identity-email", children: props.email }),
+          /* @__PURE__ */ jsxRuntime.jsx("a", { className: "auth-change", href: signInPath, children: "Change" })
+        ] }),
+        errorBanner,
+        /* @__PURE__ */ jsxRuntime.jsxs("form", { className: "auth-form", action: secretAction, method: "post", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("input", { type: "hidden", name: "from", value: target }),
+          /* @__PURE__ */ jsxRuntime.jsx("label", { className: "auth-label", htmlFor: "auth-secret", children: "Access secret" }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "auth-field", children: [
+            keyIcon(),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "input",
+              {
+                id: "auth-secret",
+                name: "secret",
+                type: "password",
+                required: true,
+                autoFocus: true,
+                autoComplete: "off",
+                placeholder: "Enter the access secret",
+                className: "auth-input"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("button", { type: "submit", className: "auth-submit", children: "Sign in" })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "auth-foot", children: [
+          lockIcon(),
+          "Access is limited to your workspace."
+        ] })
+      ] })
+    ] });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "auth-screen", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "auth-ambient", "aria-hidden": "true" }),
+    /* @__PURE__ */ jsxRuntime.jsxs("main", { className: "auth-card", children: [
+      brand,
+      /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "auth-title", children: "Sign in" }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "auth-sub", children: domains.length ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        "These docs are restricted to ",
+        /* @__PURE__ */ jsxRuntime.jsx("b", { children: domains.join(", ") }),
+        " accounts."
+      ] }) : "These docs are restricted to your workspace." }),
+      errorBanner,
+      hasEmailFlow ? /* @__PURE__ */ jsxRuntime.jsxs(
+        "form",
+        {
+          className: "auth-form",
+          action: secretEnabled ? secretAction : emailAction,
+          method: "post",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx("input", { type: "hidden", name: "from", value: target }),
+            /* @__PURE__ */ jsxRuntime.jsx("label", { className: "auth-label", htmlFor: "auth-email", children: "Work email" }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "auth-field", children: [
+              mailIcon(),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "input",
+                {
+                  id: "auth-email",
+                  name: "email",
+                  type: "email",
+                  required: true,
+                  autoComplete: "email",
+                  autoFocus: true,
+                  placeholder: `you@${domains[0] ?? "company.com"}`,
+                  className: "auth-input"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx("button", { type: "submit", className: "auth-submit", children: secretEnabled ? "Continue" : "Continue with email" })
+          ]
+        }
+      ) : null,
+      hasEmailFlow && showGoogle ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "auth-divider", children: "or" }) : null,
+      showGoogle ? /* @__PURE__ */ jsxRuntime.jsxs("a", { className: "auth-google", href: `${googleStartPath}?from=${encodeURIComponent(target)}`, children: [
+        googleIcon(),
+        "Continue with Google"
+      ] }) : null,
+      /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "auth-foot", children: [
+        lockIcon(),
+        "Access is limited to your workspace."
+      ] })
+    ] })
+  ] });
+}
+var TONE_GLYPHS = {
+  note: "info",
+  info: "info",
+  tip: "bulb",
+  warning: "alert"
+};
+function Callout({ tone = "note", children }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `cl cl-${tone}`, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cl-icon", children: strokeIcon(TONE_GLYPHS[tone], { size: 18, rounded: true }) }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cl-body", children })
+  ] });
+}
+function Note({ children }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(Callout, { tone: "note", children });
+}
+function Warning({ children }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(Callout, { tone: "warning", children });
+}
+function Info({ children }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(Callout, { tone: "info", children });
+}
+function Tip({ children }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(Callout, { tone: "tip", children });
+}
+function Card({
+  title,
+  href,
+  children
+}) {
+  const style = {
+    display: "block",
+    border: "1px solid var(--color-fd-border)",
+    borderRadius: 12,
+    padding: "16px 18px",
+    textDecoration: "none",
+    color: "inherit",
+    background: "var(--color-fd-card)"
+  };
+  const body = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    title !== void 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontWeight: 700, fontSize: 15, marginBottom: 4 }, children: title }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { style: { color: "var(--color-fd-muted-foreground)", fontSize: 14 }, children })
+  ] });
+  if (href !== void 0) {
+    return /* @__PURE__ */ jsxRuntime.jsx("a", { href, style, children: body });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { style, children: body });
+}
+function CardGroup({ cols = 2, children }) {
+  const style = {
+    display: "grid",
+    gridTemplateColumns: `repeat(${String(cols)}, minmax(0, 1fr))`,
+    gap: 12,
+    margin: "16px 0"
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { style, children });
+}
+
+// src/ui/docs-icons.tsx
+var ICONS = {
+  house: "house",
+  book: "book",
+  code: "code",
+  rocket: "rocket",
+  terminal: "terminal",
+  wallet: "wallet",
+  key: "key",
+  webhook: "webhook",
+  globe: "globe"
+};
+var ALIASES = {
+  home: "house",
+  "book-open": "book",
+  api: "code",
+  reference: "code",
+  terminal: "terminal",
+  bank: "wallet",
+  "credit-card": "wallet",
+  auth: "key",
+  lock: "key",
+  world: "globe"
+};
+function docsIcon(name) {
+  if (!name) {
+    return void 0;
+  }
+  const key = name.toLowerCase();
+  const glyph = ICONS[key] ?? ICONS[ALIASES[key] ?? ""];
+  return glyph === void 0 ? void 0 : strokeIcon(glyph, { size: 16, rounded: true, key: `docs-icon-${glyph}` });
+}
+function icon(name) {
+  return strokeIcon(name, { strokeWidth: 1.75 });
+}
+var PRESETS = {
+  "not-found": {
+    code: "404",
+    title: "Page not found",
+    description: "The page you're looking for doesn't exist or may have moved.",
+    icon: icon("crossCircle")
+  },
+  forbidden: {
+    code: "403",
+    title: "Access restricted",
+    description: "Your account is not allowed to view this page. Sign in with an allowed account.",
+    icon: icon("lock")
+  },
+  server: {
+    code: "500",
+    title: "Something went wrong",
+    description: "An unexpected error occurred on our side. Please try again in a moment.",
+    icon: icon("alert")
+  },
+  offline: {
+    code: "Offline",
+    title: "You're offline",
+    description: "Check your connection and try again.",
+    icon: icon("offline")
+  },
+  unknown: {
+    code: "Error",
+    title: "Something went wrong",
+    description: "An unexpected error occurred. Please try again.",
+    icon: icon("info")
+  }
+};
+function errorPreset(kind) {
+  return PRESETS[kind];
+}
+function homeIcon() {
+  return strokeIcon("house");
+}
+function ErrorScreen(props) {
+  const kind = props.kind ?? "unknown";
+  const preset = PRESETS[kind];
+  const code = props.code ?? preset.code;
+  const title = props.title ?? preset.title;
+  const description = props.description ?? preset.description;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "error-screen", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "auth-ambient", "aria-hidden": "true" }),
+    /* @__PURE__ */ jsxRuntime.jsxs("main", { className: "error-card", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "error-glyph", "data-kind": kind, children: preset.icon }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "error-code", children: code }),
+      /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "error-title", children: title }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "error-desc", children: description }),
+      props.homeHref || props.action ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "error-actions", children: [
+        props.homeHref ? /* @__PURE__ */ jsxRuntime.jsxs("a", { className: "error-btn error-btn-primary", href: props.homeHref, children: [
+          homeIcon(),
+          props.homeLabel ?? "Back to docs"
+        ] }) : null,
+        props.action
+      ] }) : null
+    ] })
+  ] });
+}
+function Steps({ children }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      style: {
+        borderLeft: "2px solid var(--color-fd-border)",
+        paddingLeft: 20,
+        margin: "16px 0",
+        display: "flex",
+        flexDirection: "column",
+        gap: 16
+      },
+      children
+    }
+  );
+}
+function Step({ title, children }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+    title !== void 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontWeight: 700, fontSize: 15, marginBottom: 4 }, children: title }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { children })
+  ] });
+}
+
+// src/ui/mdx.tsx
+var mdxComponents = {
+  Note,
+  Warning,
+  Info,
+  Tip,
+  Card,
+  CardGroup,
+  Accordion,
+  AccordionGroup,
+  Steps,
+  Step
+};
+var defaultResolveHref = (page) => {
+  if (page.kind === "openapi") {
+    return "/reference";
+  }
+  if (page.file === "introduction") {
+    return "/";
+  }
+  return `/${page.file}`;
+};
+var METHOD_COLORS = {
+  GET: "#16a34a",
+  POST: "var(--color-fd-primary)",
+  PUT: "#d97706",
+  PATCH: "#d97706",
+  DELETE: "#dc2626"
+};
+function labelForDoc(file) {
+  const last = file.split("/").pop() ?? file;
+  return last.replace(/-/g, " ").replace(/\b\w/g, (c) => c.toUpperCase());
+}
+function Items({
+  items,
+  depth,
+  resolveHref
+}) {
+  const list = { listStyle: "none", margin: 0, paddingLeft: depth === 0 ? 0 : 12 };
+  const groupLabel = {
+    fontSize: 11,
+    fontWeight: 700,
+    textTransform: "uppercase",
+    letterSpacing: "0.04em",
+    color: "var(--color-fd-muted-foreground)",
+    margin: "6px 0"
+  };
+  const link = {
+    display: "flex",
+    alignItems: "center",
+    gap: 8,
+    padding: "5px 8px",
+    borderRadius: 6,
+    color: "var(--color-fd-foreground)",
+    textDecoration: "none",
+    fontSize: 14
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx("ul", { style: list, children: items.map((item, index) => {
+    if (item.kind === "group") {
+      return /* @__PURE__ */ jsxRuntime.jsxs("li", { style: { marginTop: 10 }, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { style: groupLabel, children: item.title }),
+        /* @__PURE__ */ jsxRuntime.jsx(Items, { items: item.items, depth: depth + 1, resolveHref })
+      ] }, `g-${String(index)}`);
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsxs("a", { href: resolveHref(item), style: link, children: [
+      item.kind === "openapi" && /* @__PURE__ */ jsxRuntime.jsx(
+        "span",
+        {
+          style: {
+            fontSize: 9,
+            fontWeight: 700,
+            color: METHOD_COLORS[item.method] ?? "var(--color-fd-muted-foreground)",
+            minWidth: 34
+          },
+          children: item.method
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { children: item.kind === "openapi" ? item.apiPath.replace(/^\/api\//, "") : labelForDoc(item.file) })
+    ] }) }, `p-${String(index)}`);
+  }) });
+}
+function DocsSidebar({
+  nav,
+  resolveHref = defaultResolveHref
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx("nav", { style: { padding: "20px 16px" }, children: nav.map((tab, index) => /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { marginBottom: 18 }, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        style: {
+          fontSize: 13,
+          fontWeight: 800,
+          color: "var(--color-fd-foreground)",
+          marginBottom: 4
+        },
+        children: tab.title
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(Items, { items: tab.items, depth: 0, resolveHref })
+  ] }, `t-${String(index)}`)) });
+}
+
+exports.Accordion = Accordion;
+exports.AccordionGroup = AccordionGroup;
+exports.AuthScreen = AuthScreen;
+exports.Callout = Callout;
+exports.Card = Card;
+exports.CardGroup = CardGroup;
+exports.DocsSidebar = DocsSidebar;
+exports.ErrorScreen = ErrorScreen;
+exports.Info = Info;
+exports.MethodBadge = MethodBadge;
+exports.Note = Note;
+exports.Step = Step;
+exports.Steps = Steps;
+exports.Tip = Tip;
+exports.Warning = Warning;
+exports.apiMethodBadges = apiMethodBadges;
+exports.apiOperationLayout = apiOperationLayout;
+exports.authErrorMessage = authErrorMessage;
+exports.docsIcon = docsIcon;
+exports.errorPreset = errorPreset;
+exports.mdxComponents = mdxComponents;
+//# sourceMappingURL=ui.cjs.map
+//# sourceMappingURL=ui.cjs.map