@lunora/studio 1.0.0-alpha.13 → 1.0.0-alpha.130

package/dist/packem_shared/ApiDocsPanel-yEz0fiof.js

@@ -1,842 +0,0 @@
-import { c } from 'react/compiler-runtime';
-import { useLunora } from '@lunora/react';
-import { useState, useEffect } from 'react';
-import { B as Button } from './button-BhsN2uZH.js';
-import { E as EmptyState } from './empty-state-DY_oe0k6.js';
-import { useT } from './DEFAULT_LOCALE-CiX4W7Kr.js';
-import { ADMIN_FUNCTIONS } from './ADMIN_FUNCTIONS-CZJCZ4c7.js';
-import { c as callOptions, a as adminRef, g as copyToClipboard } from './internal-rXJEAhXS.js';
-import { jsxDEV } from 'react/jsx-dev-runtime';
-
-const LIST_TABLES = adminRef(ADMIN_FUNCTIONS.listTables);
-const TAB_KEYS = ["react", "client", "cli"];
-const REACT_HAS_ACTION_HOOK = false;
-const CLIENT_METHOD = {
-  action: "action",
-  mutation: "mutation",
-  query: "query"
-};
-const splitPath = (path) => {
-  const index = path.indexOf(":");
-  if (index === -1) {
-    return {
-      file: "",
-      fn: path
-    };
-  }
-  return {
-    file: path.slice(0, index),
-    fn: path.slice(index + 1)
-  };
-};
-const buildClientSnippet = ({
-  file,
-  fn,
-  kind
-}) => `await client.${CLIENT_METHOD[kind]}(api.${file}.${fn}, { /* args */ });`;
-const buildReactSnippet = (input) => {
-  const reference = `api.${input.file}.${input.fn}`;
-  switch (input.kind) {
-    case "action": {
-      return buildClientSnippet(input);
-    }
-    case "mutation": {
-      return `const ${input.fn} = useMutation(${reference});`;
-    }
-    default: {
-      return `const data = useQuery(${reference}, { /* args */ });`;
-    }
-  }
-};
-const buildCliSnippet = ({
-  file,
-  fn
-}) => `lunora run ${file}:${fn} --args '{ }'`;
-const buildTableSnippet = (table) => [`// Read rows`, `const rows = await ctx.db.query("${table}").collect();`, ``, `// Insert a row`, `const id = await ctx.db.insert("${table}", { /* fields */ });`, ``, `// Generated types`, `type Row = Doc<"${table}">;`, `type RowId = Id<"${table}">;`].join("\n");
-const snippetForTab = (tab, input) => {
-  switch (tab) {
-    case "cli": {
-      return buildCliSnippet(input);
-    }
-    case "client": {
-      return buildClientSnippet(input);
-    }
-    default: {
-      return buildReactSnippet(input);
-    }
-  }
-};
-const SnippetBlock = (t0) => {
-  const $ = c(19);
-  const {
-    code,
-    label,
-    testId
-  } = t0;
-  const t = useT();
-  let t1;
-  if ($[0] !== code) {
-    t1 = () => {
-      copyToClipboard(code);
-    };
-    $[0] = code;
-    $[1] = t1;
-  } else {
-    t1 = $[1];
-  }
-  const onCopy = t1;
-  let t2;
-  if ($[2] !== label) {
-    t2 = /* @__PURE__ */ jsxDEV("span", {
-      className: "text-xs font-medium text-muted-foreground",
-      children: label
-    }, void 0, false);
-    $[2] = label;
-    $[3] = t2;
-  } else {
-    t2 = $[3];
-  }
-  const t3 = `${testId}-copy`;
-  let t4;
-  if ($[4] !== t) {
-    t4 = t("Copy");
-    $[4] = t;
-    $[5] = t4;
-  } else {
-    t4 = $[5];
-  }
-  let t5;
-  if ($[6] !== onCopy || $[7] !== t3 || $[8] !== t4) {
-    t5 = /* @__PURE__ */ jsxDEV(Button, {
-      "data-testid": t3,
-      onClick: onCopy,
-      size: "xs",
-      type: "button",
-      variant: "ghost",
-      children: t4
-    }, void 0, false);
-    $[6] = onCopy;
-    $[7] = t3;
-    $[8] = t4;
-    $[9] = t5;
-  } else {
-    t5 = $[9];
-  }
-  let t6;
-  if ($[10] !== t2 || $[11] !== t5) {
-    t6 = /* @__PURE__ */ jsxDEV("div", {
-      className: "flex items-center justify-between gap-2",
-      children: [t2, t5]
-    }, void 0, true);
-    $[10] = t2;
-    $[11] = t5;
-    $[12] = t6;
-  } else {
-    t6 = $[12];
-  }
-  let t7;
-  if ($[13] !== code || $[14] !== testId) {
-    t7 = /* @__PURE__ */ jsxDEV("pre", {
-      className: "overflow-auto rounded-md border border-border bg-muted/50 p-3 font-mono text-xs",
-      "data-testid": testId,
-      children: code
-    }, void 0, false);
-    $[13] = code;
-    $[14] = testId;
-    $[15] = t7;
-  } else {
-    t7 = $[15];
-  }
-  let t8;
-  if ($[16] !== t6 || $[17] !== t7) {
-    t8 = /* @__PURE__ */ jsxDEV("div", {
-      className: "flex flex-col gap-1.5",
-      children: [t6, t7]
-    }, void 0, true);
-    $[16] = t6;
-    $[17] = t7;
-    $[18] = t8;
-  } else {
-    t8 = $[18];
-  }
-  return t8;
-};
-const FunctionDoc = (t0) => {
-  const $ = c(50);
-  const {
-    file,
-    fn,
-    kind
-  } = t0;
-  const t = useT();
-  const [tab, setTab] = useState("react");
-  let selectTab;
-  let t1;
-  let tabLabel;
-  if ($[0] !== file || $[1] !== fn || $[2] !== kind || $[3] !== t || $[4] !== tab) {
-    const input = {
-      file,
-      fn,
-      kind
-    };
-    let t22;
-    if ($[8] !== t) {
-      t22 = t("CLI");
-      $[8] = t;
-      $[9] = t22;
-    } else {
-      t22 = $[9];
-    }
-    let t32;
-    if ($[10] !== t) {
-      t32 = t("Client");
-      $[10] = t;
-      $[11] = t32;
-    } else {
-      t32 = $[11];
-    }
-    let t42;
-    if ($[12] !== t) {
-      t42 = t("React");
-      $[12] = t;
-      $[13] = t42;
-    } else {
-      t42 = $[13];
-    }
-    let t52;
-    if ($[14] !== t22 || $[15] !== t32 || $[16] !== t42) {
-      t52 = {
-        cli: t22,
-        client: t32,
-        react: t42
-      };
-      $[14] = t22;
-      $[15] = t32;
-      $[16] = t42;
-      $[17] = t52;
-    } else {
-      t52 = $[17];
-    }
-    tabLabel = t52;
-    let t62;
-    if ($[18] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-      t62 = (event) => {
-        setTab(event.currentTarget.dataset.tab);
-      };
-      $[18] = t62;
-    } else {
-      t62 = $[18];
-    }
-    selectTab = t62;
-    t1 = snippetForTab(tab, input);
-    $[0] = file;
-    $[1] = fn;
-    $[2] = kind;
-    $[3] = t;
-    $[4] = tab;
-    $[5] = selectTab;
-    $[6] = t1;
-    $[7] = tabLabel;
-  } else {
-    selectTab = $[5];
-    t1 = $[6];
-    tabLabel = $[7];
-  }
-  const code = t1;
-  const actionFellBack = kind === "action" && tab === "react" && !REACT_HAS_ACTION_HOOK;
-  const t2 = `api.${file}.${fn}`;
-  let t3;
-  if ($[19] !== t2) {
-    t3 = /* @__PURE__ */ jsxDEV("h2", {
-      className: "font-mono text-sm font-semibold text-foreground",
-      "data-testid": "api-fn-title",
-      children: t2
-    }, void 0, false);
-    $[19] = t2;
-    $[20] = t3;
-  } else {
-    t3 = $[20];
-  }
-  let t4;
-  if ($[21] !== kind || $[22] !== t) {
-    t4 = t("Call this {kind} from your app.", {
-      kind
-    });
-    $[21] = kind;
-    $[22] = t;
-    $[23] = t4;
-  } else {
-    t4 = $[23];
-  }
-  let t5;
-  if ($[24] !== t4) {
-    t5 = /* @__PURE__ */ jsxDEV("p", {
-      className: "text-xs text-muted-foreground",
-      children: t4
-    }, void 0, false);
-    $[24] = t4;
-    $[25] = t5;
-  } else {
-    t5 = $[25];
-  }
-  let t6;
-  if ($[26] !== t3 || $[27] !== t5) {
-    t6 = /* @__PURE__ */ jsxDEV("div", {
-      children: [t3, t5]
-    }, void 0, true);
-    $[26] = t3;
-    $[27] = t5;
-    $[28] = t6;
-  } else {
-    t6 = $[28];
-  }
-  let t7;
-  if ($[29] !== t) {
-    t7 = t("Snippet flavour");
-    $[29] = t;
-    $[30] = t7;
-  } else {
-    t7 = $[30];
-  }
-  let t8;
-  if ($[31] !== selectTab || $[32] !== tab || $[33] !== tabLabel) {
-    t8 = TAB_KEYS.map((key) => /* @__PURE__ */ jsxDEV(Button, {
-      "aria-selected": tab === key,
-      "data-tab": key,
-      "data-testid": `api-tab-${key}`,
-      onClick: selectTab,
-      role: "tab",
-      size: "xs",
-      type: "button",
-      variant: tab === key ? "default" : "outline",
-      children: tabLabel[key]
-    }, key, false));
-    $[31] = selectTab;
-    $[32] = tab;
-    $[33] = tabLabel;
-    $[34] = t8;
-  } else {
-    t8 = $[34];
-  }
-  let t9;
-  if ($[35] !== t7 || $[36] !== t8) {
-    t9 = /* @__PURE__ */ jsxDEV("div", {
-      "aria-label": t7,
-      className: "flex gap-1.5",
-      "data-testid": "api-tabs",
-      role: "tablist",
-      children: t8
-    }, void 0, false);
-    $[35] = t7;
-    $[36] = t8;
-    $[37] = t9;
-  } else {
-    t9 = $[37];
-  }
-  const t10 = tabLabel[tab];
-  const t11 = `api-snippet-${tab}`;
-  let t12;
-  if ($[38] !== code || $[39] !== t10 || $[40] !== t11) {
-    t12 = /* @__PURE__ */ jsxDEV(SnippetBlock, {
-      code,
-      label: t10,
-      testId: t11
-    }, void 0, false);
-    $[38] = code;
-    $[39] = t10;
-    $[40] = t11;
-    $[41] = t12;
-  } else {
-    t12 = $[41];
-  }
-  let t13;
-  if ($[42] !== actionFellBack || $[43] !== t) {
-    t13 = actionFellBack && /* @__PURE__ */ jsxDEV("p", {
-      className: "text-xs text-muted-foreground",
-      "data-testid": "api-action-note",
-      children: t("Actions have no React hook — call them through the client.")
-    }, void 0, false);
-    $[42] = actionFellBack;
-    $[43] = t;
-    $[44] = t13;
-  } else {
-    t13 = $[44];
-  }
-  let t14;
-  if ($[45] !== t12 || $[46] !== t13 || $[47] !== t6 || $[48] !== t9) {
-    t14 = /* @__PURE__ */ jsxDEV("div", {
-      className: "flex flex-col gap-3",
-      "data-testid": "api-fn-doc",
-      children: [t6, t9, t12, t13]
-    }, void 0, true);
-    $[45] = t12;
-    $[46] = t13;
-    $[47] = t6;
-    $[48] = t9;
-    $[49] = t14;
-  } else {
-    t14 = $[49];
-  }
-  return t14;
-};
-const TableDoc = (t0) => {
-  const $ = c(19);
-  const {
-    name
-  } = t0;
-  const t = useT();
-  let t1;
-  if ($[0] !== name) {
-    t1 = buildTableSnippet(name);
-    $[0] = name;
-    $[1] = t1;
-  } else {
-    t1 = $[1];
-  }
-  const code = t1;
-  let t2;
-  if ($[2] !== name) {
-    t2 = /* @__PURE__ */ jsxDEV("h2", {
-      className: "font-mono text-sm font-semibold text-foreground",
-      "data-testid": "api-table-title",
-      children: name
-    }, void 0, false);
-    $[2] = name;
-    $[3] = t2;
-  } else {
-    t2 = $[3];
-  }
-  let t3;
-  if ($[4] !== t) {
-    t3 = t("Read and write this table through the typed data model.");
-    $[4] = t;
-    $[5] = t3;
-  } else {
-    t3 = $[5];
-  }
-  let t4;
-  if ($[6] !== t3) {
-    t4 = /* @__PURE__ */ jsxDEV("p", {
-      className: "text-xs text-muted-foreground",
-      children: t3
-    }, void 0, false);
-    $[6] = t3;
-    $[7] = t4;
-  } else {
-    t4 = $[7];
-  }
-  let t5;
-  if ($[8] !== t2 || $[9] !== t4) {
-    t5 = /* @__PURE__ */ jsxDEV("div", {
-      children: [t2, t4]
-    }, void 0, true);
-    $[8] = t2;
-    $[9] = t4;
-    $[10] = t5;
-  } else {
-    t5 = $[10];
-  }
-  let t6;
-  if ($[11] !== t) {
-    t6 = t("Data model");
-    $[11] = t;
-    $[12] = t6;
-  } else {
-    t6 = $[12];
-  }
-  let t7;
-  if ($[13] !== code || $[14] !== t6) {
-    t7 = /* @__PURE__ */ jsxDEV(SnippetBlock, {
-      code,
-      label: t6,
-      testId: "api-snippet-table"
-    }, void 0, false);
-    $[13] = code;
-    $[14] = t6;
-    $[15] = t7;
-  } else {
-    t7 = $[15];
-  }
-  let t8;
-  if ($[16] !== t5 || $[17] !== t7) {
-    t8 = /* @__PURE__ */ jsxDEV("div", {
-      className: "flex flex-col gap-3",
-      "data-testid": "api-table-doc",
-      children: [t5, t7]
-    }, void 0, true);
-    $[16] = t5;
-    $[17] = t7;
-    $[18] = t8;
-  } else {
-    t8 = $[18];
-  }
-  return t8;
-};
-const RailButton = (t0) => {
-  const $ = c(8);
-  const {
-    active,
-    label,
-    onSelect,
-    testId,
-    value
-  } = t0;
-  let t1;
-  if ($[0] !== onSelect || $[1] !== value) {
-    t1 = () => {
-      onSelect(value);
-    };
-    $[0] = onSelect;
-    $[1] = value;
-    $[2] = t1;
-  } else {
-    t1 = $[2];
-  }
-  const onClick = t1;
-  const t2 = active ? "page" : void 0;
-  let t3;
-  if ($[3] !== label || $[4] !== onClick || $[5] !== t2 || $[6] !== testId) {
-    t3 = /* @__PURE__ */ jsxDEV("button", {
-      "aria-current": t2,
-      className: "w-full truncate rounded-md px-2 py-1 text-start font-mono text-xs text-muted-foreground outline-none transition-colors hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:bg-sidebar-accent aria-[current=page]:bg-sidebar-accent aria-[current=page]:font-medium aria-[current=page]:text-foreground",
-      "data-testid": testId,
-      onClick,
-      type: "button",
-      children: label
-    }, void 0, false);
-    $[3] = label;
-    $[4] = onClick;
-    $[5] = t2;
-    $[6] = testId;
-    $[7] = t3;
-  } else {
-    t3 = $[7];
-  }
-  return t3;
-};
-const ApiDocsPanel = (t0) => {
-  const $ = c(67);
-  const {
-    functions,
-    initialShardKey
-  } = t0;
-  const t = useT();
-  const client = useLunora();
-  const [tables, setTables] = useState(null);
-  const [selected, setSelected] = useState(null);
-  let t1;
-  let t2;
-  if ($[0] !== client || $[1] !== initialShardKey) {
-    t1 = () => {
-      let cancelled = false;
-      client.query(LIST_TABLES, {}, callOptions(initialShardKey ?? "")).then((result) => {
-        if (!cancelled) {
-          setTables(result);
-        }
-        return result;
-      }).catch(() => {
-        if (!cancelled) {
-          setTables([]);
-        }
-      });
-      return () => {
-        cancelled = true;
-      };
-    };
-    t2 = [client, initialShardKey];
-    $[0] = client;
-    $[1] = initialShardKey;
-    $[2] = t1;
-    $[3] = t2;
-  } else {
-    t1 = $[2];
-    t2 = $[3];
-  }
-  useEffect(t1, t2);
-  let t3;
-  if ($[4] !== functions) {
-    t3 = functions ?? [];
-    $[4] = functions;
-    $[5] = t3;
-  } else {
-    t3 = $[5];
-  }
-  const functionList = t3;
-  let t4;
-  if ($[6] !== functionList) {
-    const byFile = /* @__PURE__ */ new Map();
-    for (const descriptor of functionList) {
-      const {
-        file,
-        fn
-      } = splitPath(descriptor.path);
-      const bucket = byFile.get(file) ?? [];
-      bucket.push({
-        fn,
-        kind: descriptor.kind,
-        path: descriptor.path
-      });
-      byFile.set(file, bucket);
-    }
-    t4 = [...byFile.entries()].map(_temp2).toSorted(_temp3);
-    $[6] = functionList;
-    $[7] = t4;
-  } else {
-    t4 = $[7];
-  }
-  const grouped = t4;
-  let hasResources;
-  let selectedFunction;
-  let selectedSplit;
-  let t10;
-  let t11;
-  let t5;
-  let t6;
-  let t7;
-  let t8;
-  let t9;
-  if ($[8] !== functionList || $[9] !== grouped || $[10] !== selected || $[11] !== t || $[12] !== tables) {
-    const tableNames = (tables ?? []).map(_temp4).toSorted(_temp5);
-    let t122;
-    if ($[23] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-      t122 = (path) => {
-        setSelected({
-          kind: "fn",
-          path
-        });
-      };
-      $[23] = t122;
-    } else {
-      t122 = $[23];
-    }
-    const selectFunction = t122;
-    let t132;
-    if ($[24] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-      t132 = (name) => {
-        setSelected({
-          kind: "table",
-          name
-        });
-      };
-      $[24] = t132;
-    } else {
-      t132 = $[24];
-    }
-    const selectTable = t132;
-    selectedFunction = selected?.kind === "fn" ? functionList.find((descriptor_0) => descriptor_0.path === selected.path) : void 0;
-    hasResources = functionList.length > 0 || tableNames.length > 0;
-    selectedSplit = selectedFunction === void 0 ? void 0 : splitPath(selectedFunction.path);
-    t10 = "grid min-h-0 gap-6 md:grid-cols-[16rem_minmax(0,1fr)]";
-    t11 = "lunora-api-docs";
-    if ($[25] !== t) {
-      t5 = t("API resources");
-      $[25] = t;
-      $[26] = t5;
-    } else {
-      t5 = $[26];
-    }
-    t6 = "flex flex-col gap-4 overflow-y-auto";
-    t7 = "api-rail";
-    if ($[27] !== grouped || $[28] !== selected || $[29] !== t) {
-      let t142;
-      if ($[31] !== selected || $[32] !== t) {
-        t142 = (group) => /* @__PURE__ */ jsxDEV("div", {
-          className: "flex flex-col gap-1",
-          children: [/* @__PURE__ */ jsxDEV("span", {
-            className: "px-2 font-mono text-[11px] tracking-wide text-muted-foreground uppercase",
-            children: group.file || t("(root)")
-          }, void 0, false), group.items.map((item) => /* @__PURE__ */ jsxDEV(RailButton, {
-            active: selected?.kind === "fn" && selected.path === item.path,
-            label: item.fn,
-            onSelect: selectFunction,
-            testId: `api-rail-fn-${item.path}`,
-            value: item.path
-          }, item.path, false))]
-        }, group.file, true);
-        $[31] = selected;
-        $[32] = t;
-        $[33] = t142;
-      } else {
-        t142 = $[33];
-      }
-      t8 = grouped.map(t142);
-      $[27] = grouped;
-      $[28] = selected;
-      $[29] = t;
-      $[30] = t8;
-    } else {
-      t8 = $[30];
-    }
-    t9 = tableNames.length > 0 && /* @__PURE__ */ jsxDEV("div", {
-      className: "flex flex-col gap-1",
-      children: [/* @__PURE__ */ jsxDEV("span", {
-        className: "px-2 font-mono text-[11px] tracking-wide text-muted-foreground uppercase",
-        children: t("Tables")
-      }, void 0, false), tableNames.map((name_0) => /* @__PURE__ */ jsxDEV(RailButton, {
-        active: selected?.kind === "table" && selected.name === name_0,
-        label: name_0,
-        onSelect: selectTable,
-        testId: `api-rail-table-${name_0}`,
-        value: name_0
-      }, name_0, false))]
-    }, void 0, true);
-    $[8] = functionList;
-    $[9] = grouped;
-    $[10] = selected;
-    $[11] = t;
-    $[12] = tables;
-    $[13] = hasResources;
-    $[14] = selectedFunction;
-    $[15] = selectedSplit;
-    $[16] = t10;
-    $[17] = t11;
-    $[18] = t5;
-    $[19] = t6;
-    $[20] = t7;
-    $[21] = t8;
-    $[22] = t9;
-  } else {
-    hasResources = $[13];
-    selectedFunction = $[14];
-    selectedSplit = $[15];
-    t10 = $[16];
-    t11 = $[17];
-    t5 = $[18];
-    t6 = $[19];
-    t7 = $[20];
-    t8 = $[21];
-    t9 = $[22];
-  }
-  let t12;
-  if ($[34] !== hasResources || $[35] !== t) {
-    t12 = !hasResources && /* @__PURE__ */ jsxDEV("p", {
-      className: "px-2 text-xs text-muted-foreground",
-      "data-testid": "api-rail-empty",
-      children: t("No functions or tables to document yet.")
-    }, void 0, false);
-    $[34] = hasResources;
-    $[35] = t;
-    $[36] = t12;
-  } else {
-    t12 = $[36];
-  }
-  let t13;
-  if ($[37] !== t12 || $[38] !== t5 || $[39] !== t6 || $[40] !== t7 || $[41] !== t8 || $[42] !== t9) {
-    t13 = /* @__PURE__ */ jsxDEV("nav", {
-      "aria-label": t5,
-      className: t6,
-      "data-testid": t7,
-      children: [t8, t9, t12]
-    }, void 0, true);
-    $[37] = t12;
-    $[38] = t5;
-    $[39] = t6;
-    $[40] = t7;
-    $[41] = t8;
-    $[42] = t9;
-    $[43] = t13;
-  } else {
-    t13 = $[43];
-  }
-  let t14;
-  if ($[44] !== selected || $[45] !== t) {
-    t14 = selected === null && /* @__PURE__ */ jsxDEV(EmptyState, {
-      description: t("Select a function or table to see how to call it from your app."),
-      testId: "api-empty",
-      title: t("API usage snippets")
-    }, void 0, false);
-    $[44] = selected;
-    $[45] = t;
-    $[46] = t14;
-  } else {
-    t14 = $[46];
-  }
-  let t15;
-  if ($[47] !== selected?.kind || $[48] !== selectedFunction || $[49] !== selectedSplit) {
-    t15 = selected?.kind === "fn" && selectedFunction !== void 0 && selectedSplit !== void 0 && /* @__PURE__ */ jsxDEV(FunctionDoc, {
-      file: selectedSplit.file,
-      fn: selectedSplit.fn,
-      kind: selectedFunction.kind
-    }, selectedFunction.path, false);
-    $[47] = selected?.kind;
-    $[48] = selectedFunction;
-    $[49] = selectedSplit;
-    $[50] = t15;
-  } else {
-    t15 = $[50];
-  }
-  let t16;
-  if ($[51] !== selected?.kind || $[52] !== selectedFunction || $[53] !== t) {
-    t16 = selected?.kind === "fn" && selectedFunction === void 0 && /* @__PURE__ */ jsxDEV(EmptyState, {
-      testId: "api-empty",
-      title: t("API usage snippets")
-    }, void 0, false);
-    $[51] = selected?.kind;
-    $[52] = selectedFunction;
-    $[53] = t;
-    $[54] = t16;
-  } else {
-    t16 = $[54];
-  }
-  let t17;
-  if ($[55] !== selected) {
-    t17 = selected?.kind === "table" && /* @__PURE__ */ jsxDEV(TableDoc, {
-      name: selected.name
-    }, void 0, false);
-    $[55] = selected;
-    $[56] = t17;
-  } else {
-    t17 = $[56];
-  }
-  let t18;
-  if ($[57] !== t14 || $[58] !== t15 || $[59] !== t16 || $[60] !== t17) {
-    t18 = /* @__PURE__ */ jsxDEV("div", {
-      className: "min-w-0",
-      children: [t14, t15, t16, t17]
-    }, void 0, true);
-    $[57] = t14;
-    $[58] = t15;
-    $[59] = t16;
-    $[60] = t17;
-    $[61] = t18;
-  } else {
-    t18 = $[61];
-  }
-  let t19;
-  if ($[62] !== t10 || $[63] !== t11 || $[64] !== t13 || $[65] !== t18) {
-    t19 = /* @__PURE__ */ jsxDEV("div", {
-      className: t10,
-      "data-testid": t11,
-      children: [t13, t18]
-    }, void 0, true);
-    $[62] = t10;
-    $[63] = t11;
-    $[64] = t13;
-    $[65] = t18;
-    $[66] = t19;
-  } else {
-    t19 = $[66];
-  }
-  return t19;
-};
-function _temp(a, b) {
-  return a.fn.localeCompare(b.fn);
-}
-function _temp2(t0) {
-  const [file_0, items] = t0;
-  return {
-    file: file_0,
-    items: items.toSorted(_temp)
-  };
-}
-function _temp3(a_0, b_0) {
-  return a_0.file.localeCompare(b_0.file);
-}
-function _temp4(table) {
-  return table.name;
-}
-function _temp5(a_1, b_1) {
-  return a_1.localeCompare(b_1);
-}
-
-export { REACT_HAS_ACTION_HOOK, buildCliSnippet, buildClientSnippet, buildReactSnippet, buildTableSnippet, ApiDocsPanel as default, splitPath };