octocms 0.4.13 → 0.4.16

package/dist/components/public/index.cjs

@@ -1,27 +1,10 @@
 "use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -43,406 +26,16 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// components/public/index.ts
 var public_exports = {};
 __export(public_exports, {
-  MarkdownContent: () => MarkdownContent_default,
-  RichTextContent: () => RichTextContent_default,
-  SearchBox: () => SearchBox
+  MarkdownContent: () => import_MarkdownContent.default,
+  RichTextContent: () => import_RichTextContent.default,
+  SearchBox: () => import_SearchBox.default
 });
 module.exports = __toCommonJS(public_exports);
-
-// components/public/MarkdownContent.tsx
-var import_react_markdown = __toESM(require("react-markdown"), 1);
-var import_rehype_sanitize = __toESM(require("rehype-sanitize"), 1);
-var import_remark_gfm = __toESM(require("remark-gfm"), 1);
-
-// lib/utils.ts
-var import_clsx = require("clsx");
-var import_tailwind_merge = require("tailwind-merge");
-var cn = (...inputs) => (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
-
-// components/public/MarkdownContent.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
-var _a, _b, _c;
-var sanitizeSchema = __spreadProps(__spreadValues({}, import_rehype_sanitize.defaultSchema), {
-  tagNames: [
-    ...(_a = import_rehype_sanitize.defaultSchema.tagNames) != null ? _a : [],
-    "u"
-    // underline — not in GitHub default
-  ],
-  attributes: __spreadProps(__spreadValues({}, import_rehype_sanitize.defaultSchema.attributes), {
-    code: [...(_c = (_b = import_rehype_sanitize.defaultSchema.attributes) == null ? void 0 : _b.code) != null ? _c : [], "className"],
-    img: ["src", "alt", "title"]
-  })
-});
-var MarkdownContent = ({ children, className }) => {
-  if (!children) {
-    return null;
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: cn(className), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_markdown.default, { remarkPlugins: [import_remark_gfm.default], rehypePlugins: [[import_rehype_sanitize.default, sanitizeSchema]], children }) });
-};
-var MarkdownContent_default = MarkdownContent;
-
-// components/public/RichTextContent.tsx
-var import_image = __toESM(require("next/image"), 1);
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var RichTextContent = ({ document: document2, components, variables, conditions, className }) => {
-  var _a2;
-  if (!document2 || !((_a2 = document2.content) == null ? void 0 : _a2.length)) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: cn(className), children: document2.content.map((node, i) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(RenderNode, { node, components, variables, conditions }, i)) });
-};
-var RichTextContent_default = RichTextContent;
-function RenderNode({ node, components, variables, conditions }) {
-  var _a2;
-  switch (node.type) {
-    case "paragraph":
-      return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(RenderChildren, { nodes: node.children, components, variables, conditions }) });
-    case "heading": {
-      const Tag = `h${node.level}`;
-      return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Tag, { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(RenderChildren, { nodes: node.children, components, variables, conditions }) });
-    }
-    case "blockquote":
-      return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("blockquote", { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(RenderChildren, { nodes: node.children, components, variables, conditions }) });
-    case "list":
-      if (node.ordered) {
-        return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("ol", { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-          RenderChildren,
-          {
-            nodes: node.children,
-            components,
-            variables,
-            conditions
-          }
-        ) });
-      }
-      return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("ul", { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(RenderChildren, { nodes: node.children, components, variables, conditions }) });
-    case "listItem":
-      return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(RenderChildren, { nodes: node.children, components, variables, conditions }) });
-    case "thematicBreak":
-      return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("hr", {});
-    case "code":
-      return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("pre", { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("code", { className: node.lang ? `language-${node.lang}` : void 0, children: node.value }) });
-    case "text":
-      return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(RenderText, { node });
-    case "link":
-      return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("a", { href: node.url, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(RenderChildren, { nodes: node.children, components, variables, conditions }) });
-    case "image":
-      return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(RenderImage, { image: node.image });
-    case "break":
-      return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("br", {});
-    case "html":
-      return null;
-    case "variable": {
-      const value = variables == null ? void 0 : variables[node.name];
-      return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_jsx_runtime2.Fragment, { children: value != null ? value : `{${node.name}}` });
-    }
-    case "component": {
-      const Component = components == null ? void 0 : components[node.name];
-      if (!Component) return null;
-      return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Component, __spreadProps(__spreadValues({}, node.props), { children: ((_a2 = node.children) == null ? void 0 : _a2.length) ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-        RenderChildren,
-        {
-          nodes: node.children,
-          components,
-          variables,
-          conditions
-        }
-      ) : null }));
-    }
-    case "reference":
-      return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(RenderReference, { node, components });
-    case "condition":
-      return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(RenderCondition, { node, components, variables, conditions });
-    default:
-      return null;
-  }
-}
-function RenderText({ node }) {
-  let element = node.value;
-  if (node.marks) {
-    for (const mark of node.marks) {
-      switch (mark) {
-        case "bold":
-          element = /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("strong", { children: element });
-          break;
-        case "italic":
-          element = /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("em", { children: element });
-          break;
-        case "underline":
-          element = /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("u", { children: element });
-          break;
-        case "code":
-          element = /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("code", { children: element });
-          break;
-      }
-    }
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_jsx_runtime2.Fragment, { children: element });
-}
-function RenderImage({ image }) {
-  if (!image.src) return null;
-  const hasSize = image.width != null && image.height != null;
-  if (hasSize) {
-    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-      import_image.default,
-      __spreadValues({
-        src: image.src,
-        alt: image.alt,
-        width: image.width,
-        height: image.height
-      }, image.blurDataURL ? { placeholder: "blur", blurDataURL: image.blurDataURL } : {})
-    );
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "relative block w-full", style: { aspectRatio: "16/9" }, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-    import_image.default,
-    __spreadValues({
-      src: image.src,
-      alt: image.alt,
-      fill: true,
-      className: "object-cover"
-    }, image.blurDataURL ? { placeholder: "blur", blurDataURL: image.blurDataURL } : {})
-  ) });
-}
-function RenderReference({
-  node,
-  components
-}) {
-  var _a2, _b2;
-  const entry = node.entry;
-  if (!entry) return null;
-  const collectionType = (_a2 = entry.sys) == null ? void 0 : _a2.type;
-  if (collectionType && (components == null ? void 0 : components[collectionType])) {
-    const Component = components[collectionType];
-    return node.display === "inline" ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Component, { entry, display: node.display }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Component, { entry, display: node.display }) });
-  }
-  const title = entry.fields ? Object.values(entry.fields).find((v) => typeof v === "string" && v.length > 0) : null;
-  if (node.display === "inline") {
-    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { children: (_b2 = title != null ? title : collectionType) != null ? _b2 : "Reference" });
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "rounded border border-border p-3 my-2 bg-muted/30", children: [
-    collectionType && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "text-xs text-muted-foreground block mb-0.5", children: collectionType }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "text-sm font-medium", children: title != null ? title : "Untitled entry" })
-  ] });
-}
-function RenderCondition({
-  node,
-  components,
-  variables,
-  conditions
-}) {
-  var _a2;
-  const branches = node.branches;
-  if (!branches || typeof branches !== "object") return null;
-  const selectedKey = node.field && conditions ? conditions[node.field] : void 0;
-  if (selectedKey) {
-    const doc = branches[selectedKey];
-    if (!doc || !((_a2 = doc.content) == null ? void 0 : _a2.length)) return null;
-    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_jsx_runtime2.Fragment, { children: doc.content.map((child, i) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(RenderNode, { node: child, components, variables, conditions }, i)) });
-  }
-  return null;
-}
-function RenderChildren({
-  nodes,
-  components,
-  variables,
-  conditions
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_jsx_runtime2.Fragment, { children: nodes.map((child, i) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(RenderNode, { node: child, components, variables, conditions }, i)) });
-}
-
-// components/public/SearchBox.tsx
-var import_react = require("react");
-var import_lucide_react = require("lucide-react");
-var import_jsx_runtime3 = require("react/jsx-runtime");
-function escapeRegex(s) {
-  return s.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
-}
-function highlightTerms(text, terms) {
-  const filtered = terms.filter((t) => t.length > 0);
-  if (filtered.length === 0) return text;
-  const pattern = filtered.map((t) => escapeRegex(t) + "\\w*").join("|");
-  const parts = text.split(new RegExp(`(${pattern})`, "gi"));
-  return parts.map(
-    (part, i) => i % 2 === 1 ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("mark", { className: "bg-yellow-200 dark:bg-yellow-800 text-inherit rounded-sm px-0.5", children: part }, i) : part
-  );
-}
-function SearchBox({ placeholder = "Search...", className = "" }) {
-  const inputRef = (0, import_react.useRef)(null);
-  const dropdownRef = (0, import_react.useRef)(null);
-  const [query, setQuery] = (0, import_react.useState)("");
-  const [results, setResults] = (0, import_react.useState)([]);
-  const [isOpen, setIsOpen] = (0, import_react.useState)(false);
-  const [isSearching, setIsSearching] = (0, import_react.useState)(false);
-  const [selectedIndex, setSelectedIndex] = (0, import_react.useState)(-1);
-  const debounceRef = (0, import_react.useRef)(void 0);
-  const doSearch = (0, import_react.useCallback)(async (q) => {
-    if (!q.trim()) {
-      setResults([]);
-      setIsOpen(false);
-      setSelectedIndex(-1);
-      return;
-    }
-    setIsSearching(true);
-    try {
-      const response = await fetch(`/api/search?q=${encodeURIComponent(q)}&limit=10`);
-      if (response.ok) {
-        const data = await response.json();
-        setResults(data.results || []);
-        setIsOpen(true);
-        setSelectedIndex(-1);
-      } else {
-        setResults([]);
-        setIsOpen(false);
-      }
-    } catch (e) {
-      setResults([]);
-      setIsOpen(false);
-    } finally {
-      setIsSearching(false);
-    }
-  }, []);
-  const handleChange = (e) => {
-    const value = e.target.value;
-    setQuery(value);
-    if (debounceRef.current) clearTimeout(debounceRef.current);
-    debounceRef.current = setTimeout(() => doSearch(value), 300);
-  };
-  const handleKeyDown = (e) => {
-    if (!isOpen || results.length === 0) {
-      return;
-    }
-    switch (e.key) {
-      case "ArrowDown":
-        e.preventDefault();
-        setSelectedIndex((prev) => prev < results.length - 1 ? prev + 1 : 0);
-        break;
-      case "ArrowUp":
-        e.preventDefault();
-        setSelectedIndex((prev) => prev > 0 ? prev - 1 : results.length - 1);
-        break;
-      case "Enter":
-        e.preventDefault();
-        if (selectedIndex >= 0 && results[selectedIndex]) {
-          navigateToResult(results[selectedIndex]);
-        }
-        break;
-      case "Escape":
-        e.preventDefault();
-        setIsOpen(false);
-        setSelectedIndex(-1);
-        break;
-      default:
-        break;
-    }
-  };
-  const navigateToResult = (result) => {
-    window.location.href = result.url;
-  };
-  (0, import_react.useEffect)(() => {
-    const handleClickOutside = (event) => {
-      if (dropdownRef.current && !dropdownRef.current.contains(event.target) && inputRef.current && !inputRef.current.contains(event.target)) {
-        setIsOpen(false);
-      }
-    };
-    document.addEventListener("mousedown", handleClickOutside);
-    return () => document.removeEventListener("mousedown", handleClickOutside);
-  }, []);
-  (0, import_react.useEffect)(() => {
-    if (selectedIndex >= 0 && dropdownRef.current) {
-      const items = dropdownRef.current.querySelectorAll("[data-result-item]");
-      if (items[selectedIndex]) {
-        items[selectedIndex].scrollIntoView({ block: "nearest" });
-      }
-    }
-  }, [selectedIndex]);
-  const handleClear = () => {
-    var _a2;
-    setQuery("");
-    setResults([]);
-    setIsOpen(false);
-    setSelectedIndex(-1);
-    (_a2 = inputRef.current) == null ? void 0 : _a2.focus();
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: cn("relative w-full", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "relative", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_lucide_react.Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 text-gray-400", size: 18 }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-        "input",
-        {
-          ref: inputRef,
-          type: "text",
-          value: query,
-          onChange: handleChange,
-          onKeyDown: handleKeyDown,
-          onFocus: () => {
-            if (query.trim() && results.length > 0) {
-              setIsOpen(true);
-            }
-          },
-          placeholder,
-          className: cn(
-            "w-full pl-10 pr-10 py-2 text-sm border border-gray-200 rounded-lg",
-            "bg-white text-gray-900 placeholder-gray-400",
-            "focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent",
-            "dark:bg-gray-900 dark:border-gray-700 dark:text-gray-100 dark:placeholder-gray-500"
-          ),
-          autoComplete: "off"
-        }
-      ),
-      query && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-        "button",
-        {
-          type: "button",
-          onClick: handleClear,
-          className: "absolute right-3 top-1/2 -translate-y-1/2 text-gray-400 hover:text-gray-600 dark:hover:text-gray-300 transition-colors",
-          "aria-label": "Clear search",
-          children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_lucide_react.X, { size: 18 })
-        }
-      )
-    ] }),
-    isOpen && (results.length > 0 || isSearching) && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
-      "div",
-      {
-        ref: dropdownRef,
-        className: cn(
-          "absolute top-full left-0 right-0 mt-2 bg-white dark:bg-gray-900 border border-gray-200 dark:border-gray-700",
-          "rounded-lg shadow-lg z-50 max-h-96 overflow-y-auto"
-        ),
-        children: [
-          isSearching && results.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "px-4 py-3 text-sm text-gray-500 dark:text-gray-400 text-center", children: "Searching..." }),
-          results.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("ul", { className: "divide-y divide-gray-100 dark:divide-gray-800", children: results.map((result, index) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-            "li",
-            {
-              "data-result-item": true,
-              className: cn(
-                "p-0 transition-colors",
-                index === selectedIndex ? "bg-blue-50 dark:bg-blue-900/30" : "bg-white dark:bg-gray-900 hover:bg-gray-50 dark:hover:bg-gray-800"
-              ),
-              children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
-                "button",
-                {
-                  type: "button",
-                  onClick: () => navigateToResult(result),
-                  className: "w-full text-left px-4 py-3 flex flex-col gap-1",
-                  children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "flex items-center justify-between gap-2", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "font-medium text-gray-900 dark:text-gray-100 truncate text-sm", children: highlightTerms(result.title, Object.keys(result.match)) }),
-                      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "shrink-0 text-xs text-gray-500 dark:text-gray-400 bg-gray-100 dark:bg-gray-800 px-2 py-0.5 rounded", children: result.typeLabel })
-                    ] }),
-                    Object.values(result.match).flat().includes("content") && result.snippet && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "text-xs text-gray-500 dark:text-gray-400 line-clamp-2 text-left", children: highlightTerms(result.snippet, Object.keys(result.match)) })
-                  ]
-                }
-              )
-            },
-            result.id
-          )) })
-        ]
-      }
-    )
-  ] });
-}
+var import_MarkdownContent = __toESM(require("./MarkdownContent"), 1);
+var import_RichTextContent = __toESM(require("./RichTextContent"), 1);
+var import_SearchBox = __toESM(require("./SearchBox"), 1);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   MarkdownContent,

package/dist/components/public/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../components/public/index.ts","../../../components/public/MarkdownContent.tsx","../../../lib/utils.ts","../../../components/public/RichTextContent.tsx","../../../components/public/SearchBox.tsx"],"sourcesContent":["export { default as MarkdownContent } from './MarkdownContent';\nexport { default as RichTextContent } from './RichTextContent';\nexport { default as SearchBox } from './SearchBox';\nexport type { SearchBoxProps } from './SearchBox';\n","import React from 'react';\n\nimport Markdown from 'react-markdown';\nimport rehypeSanitize, { defaultSchema } from 'rehype-sanitize';\nimport remarkGfm from 'remark-gfm';\n\nimport { cn } from '../../lib/utils';\n\n/**\n * Sanitization schema: extends the default GitHub-flavoured schema with\n * the same tag/attribute allowlist that was previously applied via sanitize-html.\n */\nconst sanitizeSchema = {\n  ...defaultSchema,\n  tagNames: [\n    ...(defaultSchema.tagNames ?? []),\n    'u', // underline — not in GitHub default\n  ],\n  attributes: {\n    ...defaultSchema.attributes,\n    code: [...(defaultSchema.attributes?.code ?? []), 'className'],\n    img: ['src', 'alt', 'title'],\n  },\n};\n\ntype MarkdownContentProps = {\n  children: string | undefined | null;\n  className?: string;\n};\n\n/**\n * Renders raw Markdown as React elements using react-markdown with GFM support\n * and HTML sanitization. Replaces the previous `dangerouslySetInnerHTML` approach.\n */\nconst MarkdownContent = ({ children, className }: MarkdownContentProps) => {\n  if (!children) {\n    return null;\n  }\n\n  return (\n    <div className={cn(className)}>\n      <Markdown remarkPlugins={[remarkGfm]} rehypePlugins={[[rehypeSanitize, sanitizeSchema]]}>\n        {children}\n      </Markdown>\n    </div>\n  );\n};\n\nexport default MarkdownContent;\n","import { type ClassValue, clsx } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\n/**\n * Merge Tailwind classes with clsx — the standard utility for Radix UI + Tailwind components.\n * Handles conditional classes, deduplication, and conflict resolution.\n *\n * @example\n *   cn('px-4 py-2', isActive && 'bg-primary text-primary-foreground', className)\n */\nexport const cn = (...inputs: ClassValue[]) => twMerge(clsx(inputs));\n","import React from 'react';\nimport Image from 'next/image';\n\nimport type { RichTextDocument, RichTextNode, ResolvedImageField } from '../../types';\nimport { cn } from '../../lib/utils';\n\ntype RichTextContentProps = {\n  document: RichTextDocument | null | undefined;\n  /** Map custom component names to React components for rendering `{ type: 'component' }` nodes. */\n  components?: Record<string, React.ComponentType<any>>;\n  /** Variable substitutions for `{ type: 'variable' }` nodes. */\n  variables?: Record<string, string>;\n  /** Condition branch selections: map condition field names to the branch key to render. */\n  conditions?: Record<string, string>;\n  className?: string;\n};\n\n/**\n * Renders a `RichTextDocument` AST to React elements.\n *\n * Standard markdown nodes become HTML elements.\n * `CmsImage` embeds render as `next/image`.\n * Custom components and variables are resolved from the provided props.\n */\nconst RichTextContent = ({ document, components, variables, conditions, className }: RichTextContentProps) => {\n  if (!document || !document.content?.length) return null;\n  return (\n    <div className={cn(className)}>\n      {document.content.map((node, i) => (\n        <RenderNode key={i} node={node} components={components} variables={variables} conditions={conditions} />\n      ))}\n    </div>\n  );\n};\n\nexport default RichTextContent;\n\n// ---------------------------------------------------------------------------\n// Internal node renderer\n// ---------------------------------------------------------------------------\n\ntype NodeProps = {\n  node: RichTextNode;\n  components?: Record<string, React.ComponentType<any>>;\n  variables?: Record<string, string>;\n  conditions?: Record<string, string>;\n};\n\nfunction RenderNode({ node, components, variables, conditions }: NodeProps) {\n  switch (node.type) {\n    case 'paragraph':\n      return (\n        <p>\n          <RenderChildren nodes={node.children} components={components} variables={variables} conditions={conditions} />\n        </p>\n      );\n\n    case 'heading': {\n      const Tag = `h${node.level}` as 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\n      return (\n        <Tag>\n          <RenderChildren nodes={node.children} components={components} variables={variables} conditions={conditions} />\n        </Tag>\n      );\n    }\n\n    case 'blockquote':\n      return (\n        <blockquote>\n          <RenderChildren nodes={node.children} components={components} variables={variables} conditions={conditions} />\n        </blockquote>\n      );\n\n    case 'list':\n      if (node.ordered) {\n        return (\n          <ol>\n            <RenderChildren\n              nodes={node.children}\n              components={components}\n              variables={variables}\n              conditions={conditions}\n            />\n          </ol>\n        );\n      }\n      return (\n        <ul>\n          <RenderChildren nodes={node.children} components={components} variables={variables} conditions={conditions} />\n        </ul>\n      );\n\n    case 'listItem':\n      return (\n        <li>\n          <RenderChildren nodes={node.children} components={components} variables={variables} conditions={conditions} />\n        </li>\n      );\n\n    case 'thematicBreak':\n      return <hr />;\n\n    case 'code':\n      return (\n        <pre>\n          <code className={node.lang ? `language-${node.lang}` : undefined}>{node.value}</code>\n        </pre>\n      );\n\n    case 'text':\n      return <RenderText node={node} />;\n\n    case 'link':\n      return (\n        <a href={node.url}>\n          <RenderChildren nodes={node.children} components={components} variables={variables} conditions={conditions} />\n        </a>\n      );\n\n    case 'image':\n      return <RenderImage image={node.image} />;\n\n    case 'break':\n      return <br />;\n\n    case 'html':\n      return null;\n\n    case 'variable': {\n      const value = variables?.[node.name];\n      return <>{value ?? `{${node.name}}`}</>;\n    }\n\n    case 'component': {\n      const Component = components?.[node.name];\n      if (!Component) return null;\n      return (\n        <Component {...node.props}>\n          {node.children?.length ? (\n            <RenderChildren\n              nodes={node.children}\n              components={components}\n              variables={variables}\n              conditions={conditions}\n            />\n          ) : null}\n        </Component>\n      );\n    }\n\n    case 'reference':\n      return <RenderReference node={node} components={components} />;\n\n    case 'condition':\n      return <RenderCondition node={node} components={components} variables={variables} conditions={conditions} />;\n\n    default:\n      return null;\n  }\n}\n\n// ---------------------------------------------------------------------------\n// Inline text with marks\n// ---------------------------------------------------------------------------\n\nfunction RenderText({ node }: { node: Extract<RichTextNode, { type: 'text' }> }) {\n  let element: React.ReactNode = node.value;\n  if (node.marks) {\n    for (const mark of node.marks) {\n      switch (mark) {\n        case 'bold':\n          element = <strong>{element}</strong>;\n          break;\n        case 'italic':\n          element = <em>{element}</em>;\n          break;\n        case 'underline':\n          element = <u>{element}</u>;\n          break;\n        case 'code':\n          element = <code>{element}</code>;\n          break;\n      }\n    }\n  }\n  return <>{element}</>;\n}\n\n// ---------------------------------------------------------------------------\n// Image rendering via next/image\n// ---------------------------------------------------------------------------\n\nfunction RenderImage({ image }: { image: ResolvedImageField }) {\n  if (!image.src) return null;\n\n  const hasSize = image.width != null && image.height != null;\n\n  if (hasSize) {\n    return (\n      <Image\n        src={image.src}\n        alt={image.alt}\n        width={image.width!}\n        height={image.height!}\n        {...(image.blurDataURL ? { placeholder: 'blur' as const, blurDataURL: image.blurDataURL } : {})}\n      />\n    );\n  }\n\n  // Fallback for images without dimensions — use fill with a container\n  return (\n    <span className=\"relative block w-full\" style={{ aspectRatio: '16/9' }}>\n      <Image\n        src={image.src}\n        alt={image.alt}\n        fill\n        className=\"object-cover\"\n        {...(image.blurDataURL ? { placeholder: 'blur' as const, blurDataURL: image.blurDataURL } : {})}\n      />\n    </span>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Reference rendering — embedded entry references\n// ---------------------------------------------------------------------------\n\ntype ReferenceNode = Extract<RichTextNode, { type: 'reference' }>;\n\nfunction RenderReference({\n  node,\n  components,\n}: {\n  node: ReferenceNode;\n  components?: Record<string, React.ComponentType<any>>;\n}) {\n  const entry = node.entry as { sys?: { type?: string }; fields?: Record<string, unknown> } | null;\n  if (!entry) return null;\n\n  const collectionType = entry.sys?.type;\n\n  // If consumer provided a custom component for this collection type, use it\n  if (collectionType && components?.[collectionType]) {\n    const Component = components[collectionType];\n    return node.display === 'inline' ? (\n      <Component entry={entry} display={node.display} />\n    ) : (\n      <div>\n        <Component entry={entry} display={node.display} />\n      </div>\n    );\n  }\n\n  // Default fallback: show the entry's title field if available\n  const title = entry.fields\n    ? (Object.values(entry.fields).find((v) => typeof v === 'string' && v.length > 0) as string | undefined)\n    : null;\n\n  if (node.display === 'inline') {\n    return <span>{title ?? collectionType ?? 'Reference'}</span>;\n  }\n\n  return (\n    <div className=\"rounded border border-border p-3 my-2 bg-muted/30\">\n      {collectionType && <span className=\"text-xs text-muted-foreground block mb-0.5\">{collectionType}</span>}\n      <span className=\"text-sm font-medium\">{title ?? 'Untitled entry'}</span>\n    </div>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Condition rendering — select and render the appropriate branch\n// ---------------------------------------------------------------------------\n\ntype ConditionNode = Extract<RichTextNode, { type: 'condition' }>;\n\nfunction RenderCondition({\n  node,\n  components,\n  variables,\n  conditions,\n}: {\n  node: ConditionNode;\n  components?: Record<string, React.ComponentType<any>>;\n  variables?: Record<string, string>;\n  conditions?: Record<string, string>;\n}) {\n  const branches = node.branches;\n  if (!branches || typeof branches !== 'object') return null;\n\n  // If a condition selection was provided, render only the selected branch\n  const selectedKey = node.field && conditions ? conditions[node.field] : undefined;\n\n  if (selectedKey) {\n    const doc = (branches as Record<string, RichTextDocument>)[selectedKey];\n    if (!doc || !doc.content?.length) return null;\n    return (\n      <>\n        {doc.content.map((child, i) => (\n          <RenderNode key={i} node={child} components={components} variables={variables} conditions={conditions} />\n        ))}\n      </>\n    );\n  }\n\n  // No condition provided — render nothing (consumer must specify which branch to show)\n  return null;\n}\n\n// ---------------------------------------------------------------------------\n// Helper: render a list of child nodes\n// ---------------------------------------------------------------------------\n\nfunction RenderChildren({\n  nodes,\n  components,\n  variables,\n  conditions,\n}: { nodes: RichTextNode[] } & Pick<NodeProps, 'components' | 'variables' | 'conditions'>) {\n  return (\n    <>\n      {nodes.map((child, i) => (\n        <RenderNode key={i} node={child} components={components} variables={variables} conditions={conditions} />\n      ))}\n    </>\n  );\n}\n","'use client';\n\nimport React, { useCallback, useEffect, useRef, useState } from 'react';\nimport { Search, X } from 'lucide-react';\n\nimport type { SearchResult } from '../../lib/searchIndex';\nimport { cn } from '../../lib/utils';\n\n/** Escape special regex characters in a string. */\nfunction escapeRegex(s: string): string {\n  return s.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&');\n}\n\n/**\n * Split text into alternating non-match/match segments and wrap matches in <mark>.\n * Uses prefix matching (term\\w*) to support MiniSearch's prefix: true behavior.\n */\nfunction highlightTerms(text: string, terms: string[]): React.ReactNode {\n  const filtered = terms.filter((t) => t.length > 0);\n  if (filtered.length === 0) return text;\n\n  const pattern = filtered.map((t) => escapeRegex(t) + '\\\\w*').join('|');\n  const parts = text.split(new RegExp(`(${pattern})`, 'gi'));\n\n  return parts.map((part, i) =>\n    i % 2 === 1 ? (\n      <mark key={i} className=\"bg-yellow-200 dark:bg-yellow-800 text-inherit rounded-sm px-0.5\">\n        {part}\n      </mark>\n    ) : (\n      part\n    ),\n  );\n}\n\nexport interface SearchBoxProps {\n  placeholder?: string;\n  className?: string;\n}\n\nexport default function SearchBox({ placeholder = 'Search...', className = '' }: SearchBoxProps) {\n  const inputRef = useRef<HTMLInputElement>(null);\n  const dropdownRef = useRef<HTMLDivElement>(null);\n  const [query, setQuery] = useState('');\n  const [results, setResults] = useState<SearchResult[]>([]);\n  const [isOpen, setIsOpen] = useState(false);\n  const [isSearching, setIsSearching] = useState(false);\n  const [selectedIndex, setSelectedIndex] = useState(-1);\n  const debounceRef = useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\n\n  // Fetch search results\n  const doSearch = useCallback(async (q: string) => {\n    if (!q.trim()) {\n      setResults([]);\n      setIsOpen(false);\n      setSelectedIndex(-1);\n      return;\n    }\n\n    setIsSearching(true);\n    try {\n      const response = await fetch(`/api/search?q=${encodeURIComponent(q)}&limit=10`);\n      if (response.ok) {\n        const data = await response.json();\n        setResults(data.results || []);\n        setIsOpen(true);\n        setSelectedIndex(-1);\n      } else {\n        setResults([]);\n        setIsOpen(false);\n      }\n    } catch {\n      setResults([]);\n      setIsOpen(false);\n    } finally {\n      setIsSearching(false);\n    }\n  }, []);\n\n  // Handle input change with debounce\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const value = e.target.value;\n    setQuery(value);\n\n    if (debounceRef.current) clearTimeout(debounceRef.current);\n    debounceRef.current = setTimeout(() => doSearch(value), 300);\n  };\n\n  // Handle keyboard navigation\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    if (!isOpen || results.length === 0) {\n      return;\n    }\n\n    switch (e.key) {\n      case 'ArrowDown':\n        e.preventDefault();\n        setSelectedIndex((prev) => (prev < results.length - 1 ? prev + 1 : 0));\n        break;\n      case 'ArrowUp':\n        e.preventDefault();\n        setSelectedIndex((prev) => (prev > 0 ? prev - 1 : results.length - 1));\n        break;\n      case 'Enter':\n        e.preventDefault();\n        if (selectedIndex >= 0 && results[selectedIndex]) {\n          navigateToResult(results[selectedIndex]);\n        }\n        break;\n      case 'Escape':\n        e.preventDefault();\n        setIsOpen(false);\n        setSelectedIndex(-1);\n        break;\n      default:\n        break;\n    }\n  };\n\n  // Navigate to a result\n  const navigateToResult = (result: SearchResult) => {\n    window.location.href = result.url;\n  };\n\n  // Close dropdown when clicking outside\n  useEffect(() => {\n    const handleClickOutside = (event: MouseEvent) => {\n      if (\n        dropdownRef.current &&\n        !dropdownRef.current.contains(event.target as Node) &&\n        inputRef.current &&\n        !inputRef.current.contains(event.target as Node)\n      ) {\n        setIsOpen(false);\n      }\n    };\n\n    document.addEventListener('mousedown', handleClickOutside);\n    return () => document.removeEventListener('mousedown', handleClickOutside);\n  }, []);\n\n  // Scroll selected result into view\n  useEffect(() => {\n    if (selectedIndex >= 0 && dropdownRef.current) {\n      const items = dropdownRef.current.querySelectorAll('[data-result-item]');\n      if (items[selectedIndex]) {\n        items[selectedIndex].scrollIntoView({ block: 'nearest' });\n      }\n    }\n  }, [selectedIndex]);\n\n  const handleClear = () => {\n    setQuery('');\n    setResults([]);\n    setIsOpen(false);\n    setSelectedIndex(-1);\n    inputRef.current?.focus();\n  };\n\n  return (\n    <div className={cn('relative w-full', className)}>\n      <div className=\"relative\">\n        <Search className=\"absolute left-3 top-1/2 -translate-y-1/2 text-gray-400\" size={18} />\n        <input\n          ref={inputRef}\n          type=\"text\"\n          value={query}\n          onChange={handleChange}\n          onKeyDown={handleKeyDown}\n          onFocus={() => {\n            if (query.trim() && results.length > 0) {\n              setIsOpen(true);\n            }\n          }}\n          placeholder={placeholder}\n          className={cn(\n            'w-full pl-10 pr-10 py-2 text-sm border border-gray-200 rounded-lg',\n            'bg-white text-gray-900 placeholder-gray-400',\n            'focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent',\n            'dark:bg-gray-900 dark:border-gray-700 dark:text-gray-100 dark:placeholder-gray-500',\n          )}\n          autoComplete=\"off\"\n        />\n        {query && (\n          <button\n            type=\"button\"\n            onClick={handleClear}\n            className=\"absolute right-3 top-1/2 -translate-y-1/2 text-gray-400 hover:text-gray-600 dark:hover:text-gray-300 transition-colors\"\n            aria-label=\"Clear search\"\n          >\n            <X size={18} />\n          </button>\n        )}\n      </div>\n\n      {/* Dropdown results */}\n      {isOpen && (results.length > 0 || isSearching) && (\n        <div\n          ref={dropdownRef}\n          className={cn(\n            'absolute top-full left-0 right-0 mt-2 bg-white dark:bg-gray-900 border border-gray-200 dark:border-gray-700',\n            'rounded-lg shadow-lg z-50 max-h-96 overflow-y-auto',\n          )}\n        >\n          {isSearching && results.length === 0 && (\n            <div className=\"px-4 py-3 text-sm text-gray-500 dark:text-gray-400 text-center\">Searching...</div>\n          )}\n\n          {results.length > 0 && (\n            <ul className=\"divide-y divide-gray-100 dark:divide-gray-800\">\n              {results.map((result, index) => (\n                <li\n                  key={result.id}\n                  data-result-item\n                  className={cn(\n                    'p-0 transition-colors',\n                    index === selectedIndex\n                      ? 'bg-blue-50 dark:bg-blue-900/30'\n                      : 'bg-white dark:bg-gray-900 hover:bg-gray-50 dark:hover:bg-gray-800',\n                  )}\n                >\n                  <button\n                    type=\"button\"\n                    onClick={() => navigateToResult(result)}\n                    className=\"w-full text-left px-4 py-3 flex flex-col gap-1\"\n                  >\n                    <div className=\"flex items-center justify-between gap-2\">\n                      <span className=\"font-medium text-gray-900 dark:text-gray-100 truncate text-sm\">\n                        {highlightTerms(result.title, Object.keys(result.match))}\n                      </span>\n                      <span className=\"shrink-0 text-xs text-gray-500 dark:text-gray-400 bg-gray-100 dark:bg-gray-800 px-2 py-0.5 rounded\">\n                        {result.typeLabel}\n                      </span>\n                    </div>\n                    {Object.values(result.match).flat().includes('content') && result.snippet && (\n                      <p className=\"text-xs text-gray-500 dark:text-gray-400 line-clamp-2 text-left\">\n                        {highlightTerms(result.snippet, Object.keys(result.match))}\n                      </p>\n                    )}\n                  </button>\n                </li>\n              ))}\n            </ul>\n          )}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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","names":["Markdown","remarkGfm","rehypeSanitize","import_jsx_runtime","document","_a","Image","_b","import_jsx_runtime","_a"]}
+{"version":3,"sources":["../../../components/public/index.ts"],"sourcesContent":["export { default as MarkdownContent } from './MarkdownContent';\nexport { default as RichTextContent } from './RichTextContent';\nexport { default as SearchBox } from './SearchBox';\nexport type { SearchBoxProps } from './SearchBox';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,6BAA2C;AAC3C,6BAA2C;AAC3C,uBAAqC;","names":[]}

package/dist/components/skeletons/MainSlotSkeleton.d.ts

@@ -1,10 +1,3 @@
-/**
- * Fills `<main>` while the catch-all `AdminApp` RSC slot suspends (`await params`,
- * etc.). `TopHeader` stays mounted above this boundary.
- */
-export declare function MainSlotSkeleton({ className }: {
-    className?: string;
-}): import("react/jsx-runtime").JSX.Element;
 /**
  * Full-viewport shell while `AdminLayoutInner` runs (e.g. `getThemeCookie()`).
  * No providers are mounted yet — static shimmer only.

package/dist/components/skeletons/MainSlotSkeleton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MainSlotSkeleton.d.ts","sourceRoot":"","sources":["../../../components/skeletons/MainSlotSkeleton.tsx"],"names":[],"mappings":"AAOA;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,2CAUrE;AAED;;;GAGG;AACH,wBAAgB,sBAAsB,4CASrC"}
+{"version":3,"file":"MainSlotSkeleton.d.ts","sourceRoot":"","sources":["../../../components/skeletons/MainSlotSkeleton.tsx"],"names":[],"mappings":"AAMA;;;GAGG;AACH,wBAAgB,sBAAsB,4CASrC"}

package/dist/components/skeletons/MainSlotSkeleton.js

@@ -1,27 +1,14 @@
 import "../../chunk-B5LE2OEC.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { ContentPageChromeSkeleton } from "../Dashboard/skeletons/ContentPageChromeSkeleton";
 import { TopHeaderSkeleton } from "../Layout/skeletons/TopHeaderSkeleton";
-import { cn } from "../../lib/utils";
-function MainSlotSkeleton({ className }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: cn("flex min-h-0 flex-1 flex-col overflow-hidden", className),
-      role: "status",
-      "aria-label": "Loading page",
-      children: /* @__PURE__ */ jsx(ContentPageChromeSkeleton, {})
-    }
-  );
-}
+import { NeutralPageSkeleton } from "../Layout/skeletons/NeutralPageSkeleton";
 function AdminBootstrapSkeleton() {
-  return /* @__PURE__ */ jsxs("div", { className: "flex h-screen flex-col bg-background", role: "status", "aria-label": "Loading CMS", children: [
+  return /* @__PURE__ */ jsxs("div", { className: "octo-layout", role: "status", "aria-label": "Loading CMS", children: [
     /* @__PURE__ */ jsx(TopHeaderSkeleton, {}),
-    /* @__PURE__ */ jsx("div", { className: "flex min-h-0 flex-1 flex-col", children: /* @__PURE__ */ jsx(ContentPageChromeSkeleton, {}) })
+    /* @__PURE__ */ jsx("div", { className: "octo-page-shell octo-page-shell--skel-overflow", children: /* @__PURE__ */ jsx(NeutralPageSkeleton, {}) })
   ] });
 }
 export {
-  AdminBootstrapSkeleton,
-  MainSlotSkeleton
+  AdminBootstrapSkeleton
 };
 //# sourceMappingURL=MainSlotSkeleton.js.map

package/dist/components/skeletons/MainSlotSkeleton.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../components/skeletons/MainSlotSkeleton.tsx"],"sourcesContent":["import React from 'react';\n\nimport { ContentPageChromeSkeleton } from '../Dashboard/skeletons/ContentPageChromeSkeleton';\nimport { TopHeaderSkeleton } from '../Layout/skeletons/TopHeaderSkeleton';\n\nimport { cn } from '../../lib/utils';\n\n/**\n * Fills `<main>` while the catch-all `AdminApp` RSC slot suspends (`await params`,\n * etc.). `TopHeader` stays mounted above this boundary.\n */\nexport function MainSlotSkeleton({ className }: { className?: string }) {\n  return (\n    <div\n      className={cn('flex min-h-0 flex-1 flex-col overflow-hidden', className)}\n      role=\"status\"\n      aria-label=\"Loading page\"\n    >\n      <ContentPageChromeSkeleton />\n    </div>\n  );\n}\n\n/**\n * Full-viewport shell while `AdminLayoutInner` runs (e.g. `getThemeCookie()`).\n * No providers are mounted yet — static shimmer only.\n */\nexport function AdminBootstrapSkeleton() {\n  return (\n    <div className=\"flex h-screen flex-col bg-background\" role=\"status\" aria-label=\"Loading CMS\">\n      <TopHeaderSkeleton />\n      <div className=\"flex min-h-0 flex-1 flex-col\">\n        <ContentPageChromeSkeleton />\n      </div>\n    </div>\n  );\n}\n"],"mappings":";AAkBM,cAWF,YAXE;AAhBN,SAAS,iCAAiC;AAC1C,SAAS,yBAAyB;AAElC,SAAS,UAAU;AAMZ,SAAS,iBAAiB,EAAE,UAAU,GAA2B;AACtE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,GAAG,gDAAgD,SAAS;AAAA,MACvE,MAAK;AAAA,MACL,cAAW;AAAA,MAEX,8BAAC,6BAA0B;AAAA;AAAA,EAC7B;AAEJ;AAMO,SAAS,yBAAyB;AACvC,SACE,qBAAC,SAAI,WAAU,wCAAuC,MAAK,UAAS,cAAW,eAC7E;AAAA,wBAAC,qBAAkB;AAAA,IACnB,oBAAC,SAAI,WAAU,gCACb,8BAAC,6BAA0B,GAC7B;AAAA,KACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../components/skeletons/MainSlotSkeleton.tsx"],"sourcesContent":["import React from 'react';\n\nimport { TopHeaderSkeleton } from '../Layout/skeletons/TopHeaderSkeleton';\n\nimport { NeutralPageSkeleton } from '../Layout/skeletons/NeutralPageSkeleton';\n\n/**\n * Full-viewport shell while `AdminLayoutInner` runs (e.g. `getThemeCookie()`).\n * No providers are mounted yet — static shimmer only.\n */\nexport function AdminBootstrapSkeleton() {\n  return (\n    <div className=\"octo-layout\" role=\"status\" aria-label=\"Loading CMS\">\n      <TopHeaderSkeleton />\n      <div className=\"octo-page-shell octo-page-shell--skel-overflow\">\n        <NeutralPageSkeleton />\n      </div>\n    </div>\n  );\n}\n"],"mappings":";AAYI,SACE,KADF;AAVJ,SAAS,yBAAyB;AAElC,SAAS,2BAA2B;AAM7B,SAAS,yBAAyB;AACvC,SACE,qBAAC,SAAI,WAAU,eAAc,MAAK,UAAS,cAAW,eACpD;AAAA,wBAAC,qBAAkB;AAAA,IACnB,oBAAC,SAAI,WAAU,kDACb,8BAAC,uBAAoB,GACvB;AAAA,KACF;AAEJ;","names":[]}

package/dist/components/skeletons/blocks.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"blocks.d.ts","sourceRoot":"","sources":["../../../components/skeletons/blocks.tsx"],"names":[],"mappings":"AAMA;;;;GAIG;AAEH;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,2CAOtE;AAED;;;GAGG;AACH,wBAAgB,YAAY,CAAC,EAAE,KAAS,EAAE,SAAS,EAAE,EAAE;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,2CAe5F"}
+{"version":3,"file":"blocks.d.ts","sourceRoot":"","sources":["../../../components/skeletons/blocks.tsx"],"names":[],"mappings":"AAMA;;;;GAIG;AAEH;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,2CAWtE;AAED;;;GAGG;AACH,wBAAgB,YAAY,CAAC,EAAE,KAAS,EAAE,SAAS,EAAE,EAAE;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,2CAe5F"}

package/dist/components/skeletons/blocks.js

@@ -3,10 +3,18 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { cn } from "../../lib/utils";
 import { ShimmerBlock } from "./primitives";
 function FormFieldSkeleton({ className }) {
-  return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-1.5", className), role: "status", "aria-label": "Loading field", children: [
-    /* @__PURE__ */ jsx(ShimmerBlock, { className: "h-3 w-24" }),
-    /* @__PURE__ */ jsx(ShimmerBlock, { className: "h-9 w-full" })
-  ] });
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn("octo-field", "octo-field octo-field--skel", className),
+      role: "status",
+      "aria-label": "Loading field",
+      children: [
+        /* @__PURE__ */ jsx(ShimmerBlock, { className: "octo-skel-h-3 octo-skel-w-24" }),
+        /* @__PURE__ */ jsx(ShimmerBlock, { className: "octo-skel-h-9 octo-skel-w-full" })
+      ]
+    }
+  );
 }
 function CardSkeleton({ lines = 3, className }) {
   return /* @__PURE__ */ jsxs(
@@ -14,10 +22,10 @@ function CardSkeleton({ lines = 3, className }) {
     {
       role: "status",
       "aria-label": "Loading card",
-      className: cn("flex flex-col gap-3 rounded-xl border border-border bg-[var(--surface-1)] p-4", className),
+      className: cn("octo-card", "octo-card octo-card--skel-layout", className),
       children: [
-        /* @__PURE__ */ jsx(ShimmerBlock, { className: "h-4 w-1/3" }),
-        /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-2", children: Array.from({ length: lines }, (_, i) => /* @__PURE__ */ jsx(ShimmerBlock, { className: "h-3 w-full" }, i)) })
+        /* @__PURE__ */ jsx(ShimmerBlock, { className: "octo-skel-h-4", style: { width: "33%" } }),
+        /* @__PURE__ */ jsx("div", { className: "octo-card__skel-lines", children: Array.from({ length: lines }, (_, i) => /* @__PURE__ */ jsx(ShimmerBlock, { className: "octo-skel-h-3 octo-skel-w-full" }, i)) })
       ]
     }
   );

package/dist/components/skeletons/blocks.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../components/skeletons/blocks.tsx"],"sourcesContent":["import React from 'react';\n\nimport { cn } from '../../lib/utils';\n\nimport { ShimmerBlock } from './primitives';\n\n/**\n * Cross-cutting block-level skeletons reused across admin pages.\n * Smaller than page skeletons, larger than primitives — sized to drop into\n * a real layout slot so layout shift is minimal when content resolves.\n */\n\n/**\n * Single label + input pair, sized to match a typical form row in the entry\n * editor and content-type detail. Width follows the surrounding container.\n */\nexport function FormFieldSkeleton({ className }: { className?: string }) {\n  return (\n    <div className={cn('flex flex-col gap-1.5', className)} role=\"status\" aria-label=\"Loading field\">\n      <ShimmerBlock className=\"h-3 w-24\" />\n      <ShimmerBlock className=\"h-9 w-full\" />\n    </div>\n  );\n}\n\n/**\n * Generic content card: header line, then `lines` body rows. Used for entry\n * sidebar cards (History, Linked By) and any boxed content slot.\n */\nexport function CardSkeleton({ lines = 3, className }: { lines?: number; className?: string }) {\n  return (\n    <div\n      role=\"status\"\n      aria-label=\"Loading card\"\n      className={cn('flex flex-col gap-3 rounded-xl border border-border bg-[var(--surface-1)] p-4', className)}\n    >\n      <ShimmerBlock className=\"h-4 w-1/3\" />\n      <div className=\"flex flex-col gap-2\">\n        {Array.from({ length: lines }, (_, i) => (\n          <ShimmerBlock key={i} className=\"h-3 w-full\" />\n        ))}\n      </div>\n    </div>\n  );\n}\n"],"mappings":";AAkBI,SACE,KADF;AAhBJ,SAAS,UAAU;AAEnB,SAAS,oBAAoB;AAYtB,SAAS,kBAAkB,EAAE,UAAU,GAA2B;AACvE,SACE,qBAAC,SAAI,WAAW,GAAG,yBAAyB,SAAS,GAAG,MAAK,UAAS,cAAW,iBAC/E;AAAA,wBAAC,gBAAa,WAAU,YAAW;AAAA,IACnC,oBAAC,gBAAa,WAAU,cAAa;AAAA,KACvC;AAEJ;AAMO,SAAS,aAAa,EAAE,QAAQ,GAAG,UAAU,GAA2C;AAC7F,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAW;AAAA,MACX,WAAW,GAAG,iFAAiF,SAAS;AAAA,MAExG;AAAA,4BAAC,gBAAa,WAAU,aAAY;AAAA,QACpC,oBAAC,SAAI,WAAU,uBACZ,gBAAM,KAAK,EAAE,QAAQ,MAAM,GAAG,CAAC,GAAG,MACjC,oBAAC,gBAAqB,WAAU,gBAAb,CAA0B,CAC9C,GACH;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../components/skeletons/blocks.tsx"],"sourcesContent":["import React from 'react';\n\nimport { cn } from '../../lib/utils';\n\nimport { ShimmerBlock } from './primitives';\n\n/**\n * Cross-cutting block-level skeletons reused across admin pages.\n * Smaller than page skeletons, larger than primitives — sized to drop into\n * a real layout slot so layout shift is minimal when content resolves.\n */\n\n/**\n * Single label + input pair, sized to match a typical form row in the entry\n * editor and content-type detail. Width follows the surrounding container.\n */\nexport function FormFieldSkeleton({ className }: { className?: string }) {\n  return (\n    <div\n      className={cn('octo-field', 'octo-field octo-field--skel', className)}\n      role=\"status\"\n      aria-label=\"Loading field\"\n    >\n      <ShimmerBlock className=\"octo-skel-h-3 octo-skel-w-24\" />\n      <ShimmerBlock className=\"octo-skel-h-9 octo-skel-w-full\" />\n    </div>\n  );\n}\n\n/**\n * Generic content card: header line, then `lines` body rows. Used for entry\n * sidebar cards (History, Linked By) and any boxed content slot.\n */\nexport function CardSkeleton({ lines = 3, className }: { lines?: number; className?: string }) {\n  return (\n    <div\n      role=\"status\"\n      aria-label=\"Loading card\"\n      className={cn('octo-card', 'octo-card octo-card--skel-layout', className)}\n    >\n      <ShimmerBlock className=\"octo-skel-h-4\" style={{ width: '33%' }} />\n      <div className=\"octo-card__skel-lines\">\n        {Array.from({ length: lines }, (_, i) => (\n          <ShimmerBlock key={i} className=\"octo-skel-h-3 octo-skel-w-full\" />\n        ))}\n      </div>\n    </div>\n  );\n}\n"],"mappings":";AAkBI,SAKE,KALF;AAhBJ,SAAS,UAAU;AAEnB,SAAS,oBAAoB;AAYtB,SAAS,kBAAkB,EAAE,UAAU,GAA2B;AACvE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,GAAG,cAAc,+BAA+B,SAAS;AAAA,MACpE,MAAK;AAAA,MACL,cAAW;AAAA,MAEX;AAAA,4BAAC,gBAAa,WAAU,gCAA+B;AAAA,QACvD,oBAAC,gBAAa,WAAU,kCAAiC;AAAA;AAAA;AAAA,EAC3D;AAEJ;AAMO,SAAS,aAAa,EAAE,QAAQ,GAAG,UAAU,GAA2C;AAC7F,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAW;AAAA,MACX,WAAW,GAAG,aAAa,oCAAoC,SAAS;AAAA,MAExE;AAAA,4BAAC,gBAAa,WAAU,iBAAgB,OAAO,EAAE,OAAO,MAAM,GAAG;AAAA,QACjE,oBAAC,SAAI,WAAU,yBACZ,gBAAM,KAAK,EAAE,QAAQ,MAAM,GAAG,CAAC,GAAG,MACjC,oBAAC,gBAAqB,WAAU,oCAAb,CAA8C,CAClE,GACH;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}