@blaaiz/docs-core 0.7.6 → 0.9.0

package/dist/ui.cjs

@@ -132,6 +132,53 @@ var GLYPHS = {
     /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "9" }),
     /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 7v5l3 2" })
   ] }),
+  /** A clock with a counter-clockwise arrow — a changelog, a history. */
+  history: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M3 3v5h5" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 7v5l4 2" })
+  ] }),
+  bell: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M10.3 21a1.94 1.94 0 0 0 3.4 0" })
+  ] }),
+  /** A paper plane — send, deliver. */
+  send: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m22 2-7 20-4-9-9-4Z" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M22 2 11 13" })
+  ] }),
+  idCard: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "2", y: "5", width: "20", height: "14", rx: "2" }),
+    /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "9", cy: "11", r: "2" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M6.17 15a3 3 0 0 1 5.66 0" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M16 10h2M16 14h2" })
+  ] }),
+  coins: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "8", cy: "8", r: "6" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M18.09 10.37A6 6 0 1 1 10.34 18" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M7 6h1v4" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m16.71 13.88.7.71-2.82 2.82" })
+  ] }),
+  handshake: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m11 17 2 2a1 1 0 1 0 3-3" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m14 14 2.5 2.5a1 1 0 1 0 3-3l-3.88-3.88a3 3 0 0 0-4.24 0l-.88.88a1 1 0 1 1-3-3l2.81-2.81a5.79 5.79 0 0 1 7.06-.87l.47.28a2 2 0 0 0 1.42.25L21 4" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m21 3 1 11h-2" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M3 3 2 14l6.5 6.5a1 1 0 1 0 3-3" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M3 4h8" })
+  ] }),
+  shieldCheck: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1 1 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m9 12 2 2 4-4" })
+  ] }),
+  banknote: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "2", y: "6", width: "20", height: "12", rx: "2" }),
+    /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "2" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M6 12h.01M18 12h.01" })
+  ] }),
+  circlePlay: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m10 8 6 4-6 4z" })
+  ] }),
   /** 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" }),
@@ -397,38 +444,6 @@ function 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 = {
@@ -444,7 +459,17 @@ var ICONS = {
   user: "user",
   users: "users",
   building: "building",
-  clock: "clock"
+  clock: "clock",
+  history: "history",
+  bell: "bell",
+  send: "send",
+  "id-card": "idCard",
+  coins: "coins",
+  handshake: "handshake",
+  "shield-check": "shieldCheck",
+  banknote: "banknote",
+  "circle-play": "circlePlay",
+  mail: "mail"
 };
 var ALIASES = {
   home: "house",
@@ -462,16 +487,127 @@ var ALIASES = {
   "building-2": "building",
   office: "building",
   company: "building",
-  history: "clock",
-  time: "clock"
+  time: "clock",
+  "clock-rotate-left": "history",
+  "paper-plane": "send",
+  "address-card": "id-card",
+  shield: "shield-check",
+  "money-check-dollar-pen": "banknote",
+  "money-bill": "banknote",
+  "money-bill-transfer": "banknote",
+  play: "circle-play",
+  envelope: "mail"
 };
 function docsIcon(name) {
-  if (!name) {
+  const glyph = name === void 0 ? void 0 : glyphFor(name);
+  return glyph === void 0 ? void 0 : strokeIcon(glyph, { size: 16, rounded: true, key: `docs-icon-${glyph}` });
+}
+function glyphFor(name) {
+  const key = name.toLowerCase();
+  return ICONS[key] ?? ICONS[ALIASES[key] ?? ""];
+}
+function Card({
+  title,
+  icon: icon2,
+  href,
+  children
+}) {
+  const glyph = icon2 === void 0 ? void 0 : glyphFor(icon2);
+  const style = {
+    display: "block",
+    border: "1px solid var(--color-fd-border)",
+    borderRadius: 12,
+    padding: "22px 24px",
+    textDecoration: "none",
+    color: "inherit",
+    background: "var(--color-fd-card)"
+  };
+  const body = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    glyph !== void 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { color: "var(--color-fd-primary)", marginBottom: 10 }, children: strokeIcon(glyph, { size: 20, rounded: true }) }),
+    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: 16,
+    margin: "16px 0"
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { style, children });
+}
+function findLabel(node, depth = 0) {
+  if (depth > 4) {
     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}` });
+  for (const child of react.Children.toArray(node)) {
+    if (!react.isValidElement(child)) {
+      continue;
+    }
+    const { title, lang, children } = child.props;
+    if (typeof title === "string" && title !== "") {
+      return title;
+    }
+    if (typeof lang === "string" && lang !== "") {
+      return lang;
+    }
+    const nested = findLabel(children, depth + 1);
+    if (nested !== void 0) {
+      return nested;
+    }
+  }
+  return void 0;
+}
+function parseLabels(labels) {
+  if (labels === void 0) {
+    return [];
+  }
+  if (typeof labels !== "string") {
+    return labels;
+  }
+  try {
+    const parsed = JSON.parse(labels);
+    return Array.isArray(parsed) ? parsed.map(String) : [];
+  } catch {
+    return [];
+  }
+}
+function CodeGroup({
+  children,
+  labels
+}) {
+  const group = react.useId();
+  const blocks = react.Children.toArray(children).filter(
+    (child) => react.isValidElement(child)
+  );
+  const named = parseLabels(labels);
+  const labelOf = (block, index) => named[index] ?? findLabel(block) ?? `Code ${String(index + 1)}`;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "tabs tabs--code", children: [
+    blocks.map((_block, index) => /* @__PURE__ */ jsxRuntime.jsx(
+      "input",
+      {
+        className: "tabs__radio",
+        type: "radio",
+        name: group,
+        id: `${group}-${String(index)}`,
+        defaultChecked: index === 0
+      },
+      index
+    )),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tabs__bar", children: blocks.map((block, index) => /* @__PURE__ */ jsxRuntime.jsx("label", { className: "tabs__trigger", htmlFor: `${group}-${String(index)}`, children: labelOf(block, index) }, index)) }),
+    blocks.map((block, index) => /* @__PURE__ */ jsxRuntime.jsx("section", { className: "tabs__panel", children: block }, index))
+  ] });
+}
+function Frame({ caption, children }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("figure", { className: "frame", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "frame__body", children }),
+    caption === void 0 ? null : /* @__PURE__ */ jsxRuntime.jsx("figcaption", { className: "frame__caption", children: caption })
+  ] });
 }
 
 // src/ui/nav-links.ts
@@ -684,7 +820,9 @@ var mdxComponents = {
   Steps,
   Step,
   Tabs,
-  Tab
+  Tab,
+  Frame,
+  CodeGroup
 };
 var defaultResolveHref = (page) => {
   if (page.kind === "openapi") {
@@ -781,8 +919,10 @@ exports.AuthScreen = AuthScreen;
 exports.Callout = Callout;
 exports.Card = Card;
 exports.CardGroup = CardGroup;
+exports.CodeGroup = CodeGroup;
 exports.DocsSidebar = DocsSidebar;
 exports.ErrorScreen = ErrorScreen;
+exports.Frame = Frame;
 exports.Info = Info;
 exports.MethodBadge = MethodBadge;
 exports.NavActions = NavActions;