@xyd-js/plugin-xspec 0.0.0-build-83b15db-20251213220910

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) LiveSession Sp.z.o.o
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE. 

package/dist/Section.d.ts

@@ -0,0 +1,3 @@
+import 'react';
+import './types-CqkxD8ad.js';
+export { default as XSpecSection, default } from './XSpecSection.js';

package/dist/Section.js

@@ -0,0 +1,53 @@
+// src/components/XSpecSection.tsx
+import React2 from "react";
+
+// src/components/XSpecHeader.tsx
+import React from "react";
+function XSpecHeader({
+  id,
+  secid,
+  title,
+  level = "h1",
+  dataSource
+}) {
+  const HeadingTag = level;
+  return /* @__PURE__ */ React.createElement(HeadingTag, { "data-source": dataSource }, /* @__PURE__ */ React.createElement("span", { className: "spec-secid", title: "link to this section" }, /* @__PURE__ */ React.createElement("a", { href: `#${id}` }, secid)), title);
+}
+
+// src/components/XSpecSection.tsx
+function XSpecSection({
+  id,
+  secid,
+  title,
+  headingLevel = "h1",
+  dataSource,
+  children,
+  className,
+  indexSpec = false
+}) {
+  return /* @__PURE__ */ React2.createElement(
+    "section",
+    {
+      id,
+      ...{ secid },
+      className: `${className || ""} ${indexSpec ? "spec-index" : ""}`
+    },
+    /* @__PURE__ */ React2.createElement(
+      XSpecHeader,
+      {
+        id,
+        secid,
+        title,
+        level: headingLevel,
+        dataSource
+      }
+    ),
+    children
+  );
+}
+var XSpecSection_default = XSpecSection;
+export {
+  XSpecSection,
+  XSpecSection_default as default
+};
+//# sourceMappingURL=Section.js.map

package/dist/Section.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/XSpecSection.tsx","../src/components/XSpecHeader.tsx"],"sourcesContent":["import React from \"react\";\n\nimport type { SpecSectionProps } from \"../types\";\nimport { XSpecHeader } from \"./XSpecHeader\";\n\nexport function XSpecSection({\n  id,\n  secid,\n  title,\n  headingLevel = \"h1\",\n  dataSource,\n  children,\n  className,\n  indexSpec = false,\n}: SpecSectionProps) {\n  return (\n    <section\n      id={id}\n      {...({ secid } as any)}\n      className={`${className || ''} ${indexSpec ? \"spec-index\" : ''}`}\n    >\n      <XSpecHeader\n        id={id}\n        secid={secid}\n        title={title}\n        level={headingLevel}\n        dataSource={dataSource}\n      />\n      {children}\n    </section>\n  );\n}\n\nexport default XSpecSection\n\n\n","import React from \"react\";\n\nimport type { SpecHeaderProps } from \"../types\";\n\nexport function XSpecHeader({\n  id,\n  secid,\n  title,\n  level = \"h1\",\n  dataSource,\n}: SpecHeaderProps) {\n  const HeadingTag = level;\n\n  return (\n    <HeadingTag data-source={dataSource}>\n      <span className=\"spec-secid\" title=\"link to this section\">\n        <a href={`#${id}`}>{secid}</a>\n      </span>\n      {title}\n    </HeadingTag>\n  );\n}\n"],"mappings":";AAAA,OAAOA,YAAW;;;ACAlB,OAAO,WAAW;AAIX,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR;AACF,GAAoB;AAClB,QAAM,aAAa;AAEnB,SACE,oCAAC,cAAW,eAAa,cACvB,oCAAC,UAAK,WAAU,cAAa,OAAM,0BACjC,oCAAC,OAAE,MAAM,IAAI,EAAE,MAAK,KAAM,CAC5B,GACC,KACH;AAEJ;;;ADhBO,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AAAA,EACf;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY;AACd,GAAqB;AACnB,SACE,gBAAAC,OAAA;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACC,GAAI,EAAE,MAAM;AAAA,MACb,WAAW,GAAG,aAAa,EAAE,IAAI,YAAY,eAAe,EAAE;AAAA;AAAA,IAE9D,gBAAAA,OAAA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA,OAAO;AAAA,QACP;AAAA;AAAA,IACF;AAAA,IACC;AAAA,EACH;AAEJ;AAEA,IAAO,uBAAQ;","names":["React","React"]}

package/dist/XSpec.d.ts

@@ -0,0 +1,49 @@
+import React from 'react';
+import { S as SpecBoxProps, a as SpecHeaderProps, N as NavItem, P as ProductionItem } from './types-CqkxD8ad.js';
+import XSpecSection from './XSpecSection.js';
+
+declare function XSpecBox({ type, id, children, source }: SpecBoxProps): React.JSX.Element;
+
+declare function XSpecHeader({ id, secid, title, level, dataSource, }: SpecHeaderProps): React.JSX.Element;
+
+interface NavItemProps {
+    item: NavItem;
+}
+declare function XSpecNavItem({ item }: NavItemProps): React.JSX.Element;
+
+interface SidebarItemProps {
+    item: NavItem;
+}
+declare function XSpecSidebarItem({ item }: SidebarItemProps): React.JSX.Element;
+
+interface SidebarProps {
+    items: NavItem[];
+}
+declare function XSpecSidebar({ items }: SidebarProps): React.JSX.Element;
+
+interface ProductionRuleProps {
+    production: ProductionItem;
+}
+declare function XSpecProductionRule({ production }: ProductionRuleProps): React.JSX.Element;
+
+interface TableOfContentsProps {
+    items: NavItem[];
+}
+declare function XSpecTableOfContents({ items }: TableOfContentsProps): React.JSX.Element;
+
+interface XSpecProps {
+    children: React.ReactNode;
+}
+declare function XSpec({ children }: XSpecProps): React.JSX.Element;
+declare namespace XSpec {
+    var Box: typeof XSpecBox;
+    var Header: typeof XSpecHeader;
+    var Section: typeof XSpecSection;
+    var NavItem: typeof XSpecNavItem;
+    var SidebarItem: typeof XSpecSidebarItem;
+    var Sidebar: typeof XSpecSidebar;
+    var ProductionRule: typeof XSpecProductionRule;
+    var TableOfContents: typeof XSpecTableOfContents;
+}
+
+export { XSpec as default };

package/dist/XSpec.js

@@ -0,0 +1,131 @@
+// src/components/XSpec.tsx
+import React9 from "react";
+
+// src/components/XSpecBox.tsx
+import React from "react";
+function XSpecBox({ type, id, children, source }) {
+  const classNames = {
+    note: "spec-note",
+    todo: "spec-todo",
+    example: "spec-example",
+    "counter-example": "spec-counter-example"
+  };
+  const labels = {
+    note: "Note",
+    todo: "Todo",
+    example: "Example",
+    "counter-example": "Counter Example"
+  };
+  return /* @__PURE__ */ React.createElement("div", { id, className: classNames[type], "data-source": source }, /* @__PURE__ */ React.createElement("a", { href: `#${id}` }, labels[type]), children);
+}
+
+// src/components/XSpecHeader.tsx
+import React2 from "react";
+function XSpecHeader({
+  id,
+  secid,
+  title,
+  level = "h1",
+  dataSource
+}) {
+  const HeadingTag = level;
+  return /* @__PURE__ */ React2.createElement(HeadingTag, { "data-source": dataSource }, /* @__PURE__ */ React2.createElement("span", { className: "spec-secid", title: "link to this section" }, /* @__PURE__ */ React2.createElement("a", { href: `#${id}` }, secid)), title);
+}
+
+// src/components/XSpecSection.tsx
+import React3 from "react";
+function XSpecSection({
+  id,
+  secid,
+  title,
+  headingLevel = "h1",
+  dataSource,
+  children,
+  className,
+  indexSpec = false
+}) {
+  return /* @__PURE__ */ React3.createElement(
+    "section",
+    {
+      id,
+      ...{ secid },
+      className: `${className || ""} ${indexSpec ? "spec-index" : ""}`
+    },
+    /* @__PURE__ */ React3.createElement(
+      XSpecHeader,
+      {
+        id,
+        secid,
+        title,
+        level: headingLevel,
+        dataSource
+      }
+    ),
+    children
+  );
+}
+
+// src/components/XSpecNavItem.tsx
+import React4 from "react";
+function XSpecNavItem({ item }) {
+  const hasChildren = item.children && item.children.length > 0;
+  return /* @__PURE__ */ React4.createElement("li", null, /* @__PURE__ */ React4.createElement("a", { href: item.href }, /* @__PURE__ */ React4.createElement("span", { className: "spec-secid" }, item.secid), item.label), hasChildren && /* @__PURE__ */ React4.createElement("ol", null, item.children.map((child) => /* @__PURE__ */ React4.createElement(XSpecNavItem, { key: child.id, item: child }))));
+}
+
+// src/components/XSpecSidebarItem.tsx
+import React5 from "react";
+function XSpecSidebarItem({ item }) {
+  const hasChildren = item.children && item.children.length > 0;
+  return /* @__PURE__ */ React5.createElement("li", { id: `_sidebar_${item.secid}`, className: "" }, /* @__PURE__ */ React5.createElement("a", { href: item.href }, /* @__PURE__ */ React5.createElement("span", { className: "spec-secid" }, item.secid), item.label), hasChildren && /* @__PURE__ */ React5.createElement(React5.Fragment, null, /* @__PURE__ */ React5.createElement(
+    "input",
+    {
+      ...{ hidden: "" },
+      className: "toggle",
+      type: "checkbox",
+      id: `_toggle_${item.secid}`
+    }
+  ), /* @__PURE__ */ React5.createElement("label", { htmlFor: `_toggle_${item.secid}` }), /* @__PURE__ */ React5.createElement("ol", null, item.children.map((child) => /* @__PURE__ */ React5.createElement(XSpecSidebarItem, { key: child.id, item: child })))));
+}
+
+// src/components/XSpecSidebar.tsx
+import React6 from "react";
+function XSpecSidebar({ items }) {
+  return /* @__PURE__ */ React6.createElement("div", { className: "spec-sidebar", "aria-hidden": "true" }, /* @__PURE__ */ React6.createElement("div", { className: "spec-toc" }, /* @__PURE__ */ React6.createElement("div", { className: "title" }, /* @__PURE__ */ React6.createElement("a", { href: "#" }, "Spec Markdown")), /* @__PURE__ */ React6.createElement("ol", null, items.map((item) => /* @__PURE__ */ React6.createElement(XSpecSidebarItem, { key: item.id, item })), /* @__PURE__ */ React6.createElement("li", { id: "_sidebar_index" }, /* @__PURE__ */ React6.createElement("a", { href: "#index" }, /* @__PURE__ */ React6.createElement("span", { className: "spec-secid" }, "\xA7"), "Index")))));
+}
+
+// src/components/XSpecProductionRule.tsx
+import React7 from "react";
+function XSpecProductionRule({ production }) {
+  if (production.useGrid && production.gridItems) {
+    const columns = production.columns || 5;
+    const rows = [];
+    for (let i = 0; i < production.gridItems.length; i += columns) {
+      rows.push(production.gridItems.slice(i, i + columns));
+    }
+    return /* @__PURE__ */ React7.createElement("div", { className: "spec-production", id: production.name }, /* @__PURE__ */ React7.createElement("span", { className: "spec-nt" }, /* @__PURE__ */ React7.createElement("a", { href: `#${production.name}`, "data-name": production.name }, production.name)), /* @__PURE__ */ React7.createElement("div", { className: "spec-oneof" }, /* @__PURE__ */ React7.createElement("div", { className: "spec-oneof-grid" }, /* @__PURE__ */ React7.createElement("table", null, /* @__PURE__ */ React7.createElement("tbody", null, rows.map((row, rowIndex) => /* @__PURE__ */ React7.createElement("tr", { key: rowIndex }, row.map((item, cellIndex) => /* @__PURE__ */ React7.createElement("td", { key: cellIndex, className: "spec-rhs" }, /* @__PURE__ */ React7.createElement("span", { className: "spec-t" }, item))))))))));
+  }
+  return /* @__PURE__ */ React7.createElement("div", { className: "spec-production", id: production.name }, /* @__PURE__ */ React7.createElement("span", { className: "spec-nt" }, /* @__PURE__ */ React7.createElement("a", { href: `#${production.name}`, "data-name": production.name }, production.name)), production.alternatives && production.alternatives.map((alt, altIndex) => /* @__PURE__ */ React7.createElement("div", { key: altIndex, className: "spec-rhs" }, alt.map((token, tokenIndex) => /* @__PURE__ */ React7.createElement("span", { key: tokenIndex, className: "spec-nt" }, /* @__PURE__ */ React7.createElement("span", { "data-name": token }, token))))));
+}
+
+// src/components/XSpecTableOfContents.tsx
+import React8 from "react";
+function XSpecTableOfContents({ items }) {
+  return /* @__PURE__ */ React8.createElement("nav", { className: "spec-toc" }, /* @__PURE__ */ React8.createElement("div", { className: "title" }, "Contents"), /* @__PURE__ */ React8.createElement("ol", null, items.map((item) => /* @__PURE__ */ React8.createElement(XSpecNavItem, { key: item.id, item }))));
+}
+
+// src/components/XSpec.tsx
+function XSpec({ children }) {
+  return /* @__PURE__ */ React9.createElement("div", { className: "xspec" }, children);
+}
+XSpec.Box = XSpecBox;
+XSpec.Header = XSpecHeader;
+XSpec.Section = XSpecSection;
+XSpec.NavItem = XSpecNavItem;
+XSpec.SidebarItem = XSpecSidebarItem;
+XSpec.Sidebar = XSpecSidebar;
+XSpec.ProductionRule = XSpecProductionRule;
+XSpec.TableOfContents = XSpecTableOfContents;
+export {
+  XSpec as default
+};
+//# sourceMappingURL=XSpec.js.map

package/dist/XSpec.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/XSpec.tsx","../src/components/XSpecBox.tsx","../src/components/XSpecHeader.tsx","../src/components/XSpecSection.tsx","../src/components/XSpecNavItem.tsx","../src/components/XSpecSidebarItem.tsx","../src/components/XSpecSidebar.tsx","../src/components/XSpecProductionRule.tsx","../src/components/XSpecTableOfContents.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { XSpecBox } from \"./XSpecBox\";\nimport { XSpecHeader } from \"./XSpecHeader\";\nimport { XSpecSection } from \"./XSpecSection\";\nimport { XSpecNavItem } from \"./XSpecNavItem\";\nimport { XSpecSidebarItem } from \"./XSpecSidebarItem\";\nimport { XSpecSidebar } from \"./XSpecSidebar\";\nimport { XSpecProductionRule } from \"./XSpecProductionRule\";\nimport { XSpecTableOfContents } from \"./XSpecTableOfContents\";\n\ninterface XSpecProps {\n  children: React.ReactNode;\n}\n\n// Styles are now scoped via `.xspec` prefix in CSS\nexport default function XSpec({ children }: XSpecProps) {\n  return <div className=\"xspec\">{children}</div>;\n}\n\nXSpec.Box = XSpecBox;\nXSpec.Header = XSpecHeader;\nXSpec.Section = XSpecSection;\nXSpec.NavItem = XSpecNavItem;\nXSpec.SidebarItem = XSpecSidebarItem;\nXSpec.Sidebar = XSpecSidebar;\nXSpec.ProductionRule = XSpecProductionRule;\nXSpec.TableOfContents = XSpecTableOfContents;\n","import React from \"react\";\n\nimport type { SpecBoxProps } from \"../types\";\n\nexport function XSpecBox({ type, id, children, source }: SpecBoxProps) {\n  const classNames = {\n    note: \"spec-note\",\n    todo: \"spec-todo\",\n    example: \"spec-example\",\n    \"counter-example\": \"spec-counter-example\",\n  };\n\n  const labels = {\n    note: \"Note\",\n    todo: \"Todo\",\n    example: \"Example\",\n    \"counter-example\": \"Counter Example\",\n  };\n\n  return (\n    <div id={id} className={classNames[type]} data-source={source}>\n      <a href={`#${id}`}>{labels[type]}</a>\n      {children}\n    </div>\n  );\n}\n","import React from \"react\";\n\nimport type { SpecHeaderProps } from \"../types\";\n\nexport function XSpecHeader({\n  id,\n  secid,\n  title,\n  level = \"h1\",\n  dataSource,\n}: SpecHeaderProps) {\n  const HeadingTag = level;\n\n  return (\n    <HeadingTag data-source={dataSource}>\n      <span className=\"spec-secid\" title=\"link to this section\">\n        <a href={`#${id}`}>{secid}</a>\n      </span>\n      {title}\n    </HeadingTag>\n  );\n}\n","import React from \"react\";\n\nimport type { SpecSectionProps } from \"../types\";\nimport { XSpecHeader } from \"./XSpecHeader\";\n\nexport function XSpecSection({\n  id,\n  secid,\n  title,\n  headingLevel = \"h1\",\n  dataSource,\n  children,\n  className,\n  indexSpec = false,\n}: SpecSectionProps) {\n  return (\n    <section\n      id={id}\n      {...({ secid } as any)}\n      className={`${className || ''} ${indexSpec ? \"spec-index\" : ''}`}\n    >\n      <XSpecHeader\n        id={id}\n        secid={secid}\n        title={title}\n        level={headingLevel}\n        dataSource={dataSource}\n      />\n      {children}\n    </section>\n  );\n}\n\nexport default XSpecSection\n\n\n","import React from \"react\";\n\nimport type { NavItem as NavItemType } from \"../types\";\n\ninterface NavItemProps {\n  item: NavItemType;\n}\n\nexport function XSpecNavItem({ item }: NavItemProps) {\n  const hasChildren = item.children && item.children.length > 0;\n\n  return (\n    <li>\n      <a href={item.href}>\n        <span className=\"spec-secid\">{item.secid}</span>\n        {item.label}\n      </a>\n      {hasChildren && (\n        <ol>\n          {item.children!.map((child) => (\n            <XSpecNavItem key={child.id} item={child} />\n          ))}\n        </ol>\n      )}\n    </li>\n  );\n}\n","import React from \"react\";\n\nimport type { NavItem as NavItemType } from \"../types\";\n\ninterface SidebarItemProps {\n  item: NavItemType;\n}\n\nexport function XSpecSidebarItem({ item }: SidebarItemProps) {\n  const hasChildren = item.children && item.children.length > 0;\n\n  return (\n    <li id={`_sidebar_${item.secid}`} className=\"\">\n      <a href={item.href}>\n        <span className=\"spec-secid\">{item.secid}</span>\n        {item.label}\n      </a>\n      {hasChildren && (\n        <>\n          <input\n            {...({ hidden: \"\" } as any)}\n            className=\"toggle\"\n            type=\"checkbox\"\n            id={`_toggle_${item.secid}`}\n          />\n          <label htmlFor={`_toggle_${item.secid}`} />\n          <ol>\n            {item.children!.map((child) => (\n              <XSpecSidebarItem key={child.id} item={child} />\n            ))}\n          </ol>\n        </>\n      )}\n    </li>\n  );\n}\n","import React from \"react\";\n\nimport { XSpecSidebarItem } from \"./XSpecSidebarItem\";\nimport type { NavItem } from \"../types\";\n\ninterface SidebarProps {\n  items: NavItem[];\n}\n\nexport function XSpecSidebar({ items }: SidebarProps) {\n  return (\n    <div className=\"spec-sidebar\" aria-hidden=\"true\">\n      <div className=\"spec-toc\">\n        <div className=\"title\">\n          <a href=\"#\">Spec Markdown</a>\n        </div>\n        <ol>\n          {items.map((item) => (\n            <XSpecSidebarItem key={item.id} item={item} />\n          ))}\n          <li id=\"_sidebar_index\">\n            <a href=\"#index\">\n              <span className=\"spec-secid\">§</span>Index\n            </a>\n          </li>\n        </ol>\n      </div>\n    </div>\n  );\n}\n","import React from \"react\";\n\nimport type { ProductionItem } from \"../types\";\n\ninterface ProductionRuleProps {\n  production: ProductionItem;\n}\n\nexport function XSpecProductionRule({ production }: ProductionRuleProps) {\n  if (production.useGrid && production.gridItems) {\n    const columns = production.columns || 5;\n    const rows: string[][] = [];\n\n    for (let i = 0; i < production.gridItems.length; i += columns) {\n      rows.push(production.gridItems.slice(i, i + columns));\n    }\n\n    return (\n      <div className=\"spec-production\" id={production.name}>\n        <span className=\"spec-nt\">\n          <a href={`#${production.name}`} data-name={production.name}>\n            {production.name}\n          </a>\n        </span>\n        <div className=\"spec-oneof\">\n          <div className=\"spec-oneof-grid\">\n            <table>\n              <tbody>\n                {rows.map((row, rowIndex) => (\n                  <tr key={rowIndex}>\n                    {row.map((item, cellIndex) => (\n                      <td key={cellIndex} className=\"spec-rhs\">\n                        <span className=\"spec-t\">{item}</span>\n                      </td>\n                    ))}\n                  </tr>\n                ))}\n              </tbody>\n            </table>\n          </div>\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"spec-production\" id={production.name}>\n      <span className=\"spec-nt\">\n        <a href={`#${production.name}`} data-name={production.name}>\n          {production.name}\n        </a>\n      </span>\n      {production.alternatives && production.alternatives.map((alt, altIndex) => (\n        <div key={altIndex} className=\"spec-rhs\">\n          {alt.map((token, tokenIndex) => (\n            <span key={tokenIndex} className=\"spec-nt\">\n              <span data-name={token}>{token}</span>\n            </span>\n          ))}\n        </div>\n      ))}\n    </div>\n  );\n}\n","import React from \"react\";\n\nimport { XSpecNavItem } from \"./XSpecNavItem\";\nimport type { NavItem as NavItemType } from \"../types\";\n\ninterface TableOfContentsProps {\n  items: NavItemType[];\n}\n\nexport function XSpecTableOfContents({ items }: TableOfContentsProps) {\n  return (\n    <nav className=\"spec-toc\">\n      <div className=\"title\">Contents</div>\n      <ol>\n        {items.map((item) => (\n          <XSpecNavItem key={item.id} item={item} />\n        ))}\n      </ol>\n    </nav>\n  );\n}\n"],"mappings":"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","names":["React","React","React","React","React","React","React","React","React","React","React","React"]}

package/dist/XSpecPre.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+
+declare function XSpecPre({ ...props }: any): React.JSX.Element | null;
+
+export { XSpecPre as default };

package/dist/XSpecPre.js

@@ -0,0 +1,36 @@
+// src/components/XSpecPre.tsx
+import React from "react";
+import { Pre } from "codehike/code";
+function XSpecPre({ ...props }) {
+  let highlighted = null;
+  if (props.highlighted) {
+    if (typeof props.highlighted === "string") {
+      try {
+        highlighted = JSON.parse(props.highlighted);
+      } catch (e) {
+      }
+    } else {
+      highlighted = props.highlighted;
+    }
+  }
+  const preProps = {
+    code: highlighted
+  };
+  if (typeof props?.attributes === "string") {
+    try {
+      const attrs = JSON.parse(props?.attributes);
+      if (attrs.class) {
+        preProps.className = attrs.class;
+      }
+    } catch (e) {
+    }
+  }
+  if (highlighted) {
+    return /* @__PURE__ */ React.createElement(Pre, { ...preProps });
+  }
+  return null;
+}
+export {
+  XSpecPre as default
+};
+//# sourceMappingURL=XSpecPre.js.map

package/dist/XSpecPre.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/XSpecPre.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Pre, type HighlightedCode } from \"codehike/code\";\n\nexport default function XSpecPre({ ...props }: any) {\n  let highlighted: HighlightedCode | null = null;\n\n  if (props.highlighted) {\n    if (typeof props.highlighted === \"string\") {\n      try {\n        highlighted = JSON.parse(props.highlighted) as any as HighlightedCode;\n      } catch (e) {}\n    } else {\n      highlighted = props.highlighted;\n    }\n  }\n\n  const preProps = {\n    code: highlighted,\n  } as any;\n\n  if (typeof props?.attributes === \"string\") {\n    try {\n      const attrs = JSON.parse(props?.attributes) as any;\n\n      if (attrs.class) {\n        preProps.className = attrs.class;\n      }\n    } catch (e) {}\n  }\n\n  if (highlighted) {\n    return <Pre {...preProps} />;\n  }\n\n  return null;\n}\n"],"mappings":";AAAA,OAAO,WAAW;AAElB,SAAS,WAAiC;AAE3B,SAAR,SAA0B,EAAE,GAAG,MAAM,GAAQ;AAClD,MAAI,cAAsC;AAE1C,MAAI,MAAM,aAAa;AACrB,QAAI,OAAO,MAAM,gBAAgB,UAAU;AACzC,UAAI;AACF,sBAAc,KAAK,MAAM,MAAM,WAAW;AAAA,MAC5C,SAAS,GAAG;AAAA,MAAC;AAAA,IACf,OAAO;AACL,oBAAc,MAAM;AAAA,IACtB;AAAA,EACF;AAEA,QAAM,WAAW;AAAA,IACf,MAAM;AAAA,EACR;AAEA,MAAI,OAAO,OAAO,eAAe,UAAU;AACzC,QAAI;AACF,YAAM,QAAQ,KAAK,MAAM,OAAO,UAAU;AAE1C,UAAI,MAAM,OAAO;AACf,iBAAS,YAAY,MAAM;AAAA,MAC7B;AAAA,IACF,SAAS,GAAG;AAAA,IAAC;AAAA,EACf;AAEA,MAAI,aAAa;AACf,WAAO,oCAAC,OAAK,GAAG,UAAU;AAAA,EAC5B;AAEA,SAAO;AACT;","names":[]}

package/dist/XSpecSection.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { b as SpecSectionProps } from './types-CqkxD8ad.js';
+
+declare function XSpecSection({ id, secid, title, headingLevel, dataSource, children, className, indexSpec, }: SpecSectionProps): React.JSX.Element;
+
+export { XSpecSection, XSpecSection as default };

package/dist/XSpecSection.js

@@ -0,0 +1,53 @@
+// src/components/XSpecSection.tsx
+import React2 from "react";
+
+// src/components/XSpecHeader.tsx
+import React from "react";
+function XSpecHeader({
+  id,
+  secid,
+  title,
+  level = "h1",
+  dataSource
+}) {
+  const HeadingTag = level;
+  return /* @__PURE__ */ React.createElement(HeadingTag, { "data-source": dataSource }, /* @__PURE__ */ React.createElement("span", { className: "spec-secid", title: "link to this section" }, /* @__PURE__ */ React.createElement("a", { href: `#${id}` }, secid)), title);
+}
+
+// src/components/XSpecSection.tsx
+function XSpecSection({
+  id,
+  secid,
+  title,
+  headingLevel = "h1",
+  dataSource,
+  children,
+  className,
+  indexSpec = false
+}) {
+  return /* @__PURE__ */ React2.createElement(
+    "section",
+    {
+      id,
+      ...{ secid },
+      className: `${className || ""} ${indexSpec ? "spec-index" : ""}`
+    },
+    /* @__PURE__ */ React2.createElement(
+      XSpecHeader,
+      {
+        id,
+        secid,
+        title,
+        level: headingLevel,
+        dataSource
+      }
+    ),
+    children
+  );
+}
+var XSpecSection_default = XSpecSection;
+export {
+  XSpecSection,
+  XSpecSection_default as default
+};
+//# sourceMappingURL=XSpecSection.js.map

package/dist/XSpecSection.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/XSpecSection.tsx","../src/components/XSpecHeader.tsx"],"sourcesContent":["import React from \"react\";\n\nimport type { SpecSectionProps } from \"../types\";\nimport { XSpecHeader } from \"./XSpecHeader\";\n\nexport function XSpecSection({\n  id,\n  secid,\n  title,\n  headingLevel = \"h1\",\n  dataSource,\n  children,\n  className,\n  indexSpec = false,\n}: SpecSectionProps) {\n  return (\n    <section\n      id={id}\n      {...({ secid } as any)}\n      className={`${className || ''} ${indexSpec ? \"spec-index\" : ''}`}\n    >\n      <XSpecHeader\n        id={id}\n        secid={secid}\n        title={title}\n        level={headingLevel}\n        dataSource={dataSource}\n      />\n      {children}\n    </section>\n  );\n}\n\nexport default XSpecSection\n\n\n","import React from \"react\";\n\nimport type { SpecHeaderProps } from \"../types\";\n\nexport function XSpecHeader({\n  id,\n  secid,\n  title,\n  level = \"h1\",\n  dataSource,\n}: SpecHeaderProps) {\n  const HeadingTag = level;\n\n  return (\n    <HeadingTag data-source={dataSource}>\n      <span className=\"spec-secid\" title=\"link to this section\">\n        <a href={`#${id}`}>{secid}</a>\n      </span>\n      {title}\n    </HeadingTag>\n  );\n}\n"],"mappings":";AAAA,OAAOA,YAAW;;;ACAlB,OAAO,WAAW;AAIX,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR;AACF,GAAoB;AAClB,QAAM,aAAa;AAEnB,SACE,oCAAC,cAAW,eAAa,cACvB,oCAAC,UAAK,WAAU,cAAa,OAAM,0BACjC,oCAAC,OAAE,MAAM,IAAI,EAAE,MAAK,KAAM,CAC5B,GACC,KACH;AAEJ;;;ADhBO,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AAAA,EACf;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY;AACd,GAAqB;AACnB,SACE,gBAAAC,OAAA;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACC,GAAI,EAAE,MAAM;AAAA,MACb,WAAW,GAAG,aAAa,EAAE,IAAI,YAAY,eAAe,EAAE;AAAA;AAAA,IAE9D,gBAAAA,OAAA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA,OAAO;AAAA,QACP;AAAA;AAAA,IACF;AAAA,IACC;AAAA,EACH;AAEJ;AAEA,IAAO,uBAAQ;","names":["React","React"]}

package/dist/XSpecWrapper.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+
+declare function XSpecWrapper({ children }: {
+    children: any;
+}): React.JSX.Element;
+
+export { XSpecWrapper as default };

package/dist/XSpecWrapper.js

@@ -0,0 +1,139 @@
+// src/components/XSpecWrapper.tsx
+import React10 from "react";
+
+// src/components/XSpec.tsx
+import React9 from "react";
+
+// src/components/XSpecBox.tsx
+import React from "react";
+function XSpecBox({ type, id, children, source }) {
+  const classNames = {
+    note: "spec-note",
+    todo: "spec-todo",
+    example: "spec-example",
+    "counter-example": "spec-counter-example"
+  };
+  const labels = {
+    note: "Note",
+    todo: "Todo",
+    example: "Example",
+    "counter-example": "Counter Example"
+  };
+  return /* @__PURE__ */ React.createElement("div", { id, className: classNames[type], "data-source": source }, /* @__PURE__ */ React.createElement("a", { href: `#${id}` }, labels[type]), children);
+}
+
+// src/components/XSpecHeader.tsx
+import React2 from "react";
+function XSpecHeader({
+  id,
+  secid,
+  title,
+  level = "h1",
+  dataSource
+}) {
+  const HeadingTag = level;
+  return /* @__PURE__ */ React2.createElement(HeadingTag, { "data-source": dataSource }, /* @__PURE__ */ React2.createElement("span", { className: "spec-secid", title: "link to this section" }, /* @__PURE__ */ React2.createElement("a", { href: `#${id}` }, secid)), title);
+}
+
+// src/components/XSpecSection.tsx
+import React3 from "react";
+function XSpecSection({
+  id,
+  secid,
+  title,
+  headingLevel = "h1",
+  dataSource,
+  children,
+  className,
+  indexSpec = false
+}) {
+  return /* @__PURE__ */ React3.createElement(
+    "section",
+    {
+      id,
+      ...{ secid },
+      className: `${className || ""} ${indexSpec ? "spec-index" : ""}`
+    },
+    /* @__PURE__ */ React3.createElement(
+      XSpecHeader,
+      {
+        id,
+        secid,
+        title,
+        level: headingLevel,
+        dataSource
+      }
+    ),
+    children
+  );
+}
+
+// src/components/XSpecNavItem.tsx
+import React4 from "react";
+function XSpecNavItem({ item }) {
+  const hasChildren = item.children && item.children.length > 0;
+  return /* @__PURE__ */ React4.createElement("li", null, /* @__PURE__ */ React4.createElement("a", { href: item.href }, /* @__PURE__ */ React4.createElement("span", { className: "spec-secid" }, item.secid), item.label), hasChildren && /* @__PURE__ */ React4.createElement("ol", null, item.children.map((child) => /* @__PURE__ */ React4.createElement(XSpecNavItem, { key: child.id, item: child }))));
+}
+
+// src/components/XSpecSidebarItem.tsx
+import React5 from "react";
+function XSpecSidebarItem({ item }) {
+  const hasChildren = item.children && item.children.length > 0;
+  return /* @__PURE__ */ React5.createElement("li", { id: `_sidebar_${item.secid}`, className: "" }, /* @__PURE__ */ React5.createElement("a", { href: item.href }, /* @__PURE__ */ React5.createElement("span", { className: "spec-secid" }, item.secid), item.label), hasChildren && /* @__PURE__ */ React5.createElement(React5.Fragment, null, /* @__PURE__ */ React5.createElement(
+    "input",
+    {
+      ...{ hidden: "" },
+      className: "toggle",
+      type: "checkbox",
+      id: `_toggle_${item.secid}`
+    }
+  ), /* @__PURE__ */ React5.createElement("label", { htmlFor: `_toggle_${item.secid}` }), /* @__PURE__ */ React5.createElement("ol", null, item.children.map((child) => /* @__PURE__ */ React5.createElement(XSpecSidebarItem, { key: child.id, item: child })))));
+}
+
+// src/components/XSpecSidebar.tsx
+import React6 from "react";
+function XSpecSidebar({ items }) {
+  return /* @__PURE__ */ React6.createElement("div", { className: "spec-sidebar", "aria-hidden": "true" }, /* @__PURE__ */ React6.createElement("div", { className: "spec-toc" }, /* @__PURE__ */ React6.createElement("div", { className: "title" }, /* @__PURE__ */ React6.createElement("a", { href: "#" }, "Spec Markdown")), /* @__PURE__ */ React6.createElement("ol", null, items.map((item) => /* @__PURE__ */ React6.createElement(XSpecSidebarItem, { key: item.id, item })), /* @__PURE__ */ React6.createElement("li", { id: "_sidebar_index" }, /* @__PURE__ */ React6.createElement("a", { href: "#index" }, /* @__PURE__ */ React6.createElement("span", { className: "spec-secid" }, "\xA7"), "Index")))));
+}
+
+// src/components/XSpecProductionRule.tsx
+import React7 from "react";
+function XSpecProductionRule({ production }) {
+  if (production.useGrid && production.gridItems) {
+    const columns = production.columns || 5;
+    const rows = [];
+    for (let i = 0; i < production.gridItems.length; i += columns) {
+      rows.push(production.gridItems.slice(i, i + columns));
+    }
+    return /* @__PURE__ */ React7.createElement("div", { className: "spec-production", id: production.name }, /* @__PURE__ */ React7.createElement("span", { className: "spec-nt" }, /* @__PURE__ */ React7.createElement("a", { href: `#${production.name}`, "data-name": production.name }, production.name)), /* @__PURE__ */ React7.createElement("div", { className: "spec-oneof" }, /* @__PURE__ */ React7.createElement("div", { className: "spec-oneof-grid" }, /* @__PURE__ */ React7.createElement("table", null, /* @__PURE__ */ React7.createElement("tbody", null, rows.map((row, rowIndex) => /* @__PURE__ */ React7.createElement("tr", { key: rowIndex }, row.map((item, cellIndex) => /* @__PURE__ */ React7.createElement("td", { key: cellIndex, className: "spec-rhs" }, /* @__PURE__ */ React7.createElement("span", { className: "spec-t" }, item))))))))));
+  }
+  return /* @__PURE__ */ React7.createElement("div", { className: "spec-production", id: production.name }, /* @__PURE__ */ React7.createElement("span", { className: "spec-nt" }, /* @__PURE__ */ React7.createElement("a", { href: `#${production.name}`, "data-name": production.name }, production.name)), production.alternatives && production.alternatives.map((alt, altIndex) => /* @__PURE__ */ React7.createElement("div", { key: altIndex, className: "spec-rhs" }, alt.map((token, tokenIndex) => /* @__PURE__ */ React7.createElement("span", { key: tokenIndex, className: "spec-nt" }, /* @__PURE__ */ React7.createElement("span", { "data-name": token }, token))))));
+}
+
+// src/components/XSpecTableOfContents.tsx
+import React8 from "react";
+function XSpecTableOfContents({ items }) {
+  return /* @__PURE__ */ React8.createElement("nav", { className: "spec-toc" }, /* @__PURE__ */ React8.createElement("div", { className: "title" }, "Contents"), /* @__PURE__ */ React8.createElement("ol", null, items.map((item) => /* @__PURE__ */ React8.createElement(XSpecNavItem, { key: item.id, item }))));
+}
+
+// src/components/XSpec.tsx
+function XSpec({ children }) {
+  return /* @__PURE__ */ React9.createElement("div", { className: "xspec" }, children);
+}
+XSpec.Box = XSpecBox;
+XSpec.Header = XSpecHeader;
+XSpec.Section = XSpecSection;
+XSpec.NavItem = XSpecNavItem;
+XSpec.SidebarItem = XSpecSidebarItem;
+XSpec.Sidebar = XSpecSidebar;
+XSpec.ProductionRule = XSpecProductionRule;
+XSpec.TableOfContents = XSpecTableOfContents;
+
+// src/components/XSpecWrapper.tsx
+function XSpecWrapper({ children }) {
+  return /* @__PURE__ */ React10.createElement(XSpec, null, /* @__PURE__ */ React10.createElement("article", null, children));
+}
+export {
+  XSpecWrapper as default
+};
+//# sourceMappingURL=XSpecWrapper.js.map

package/dist/XSpecWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/XSpecWrapper.tsx","../src/components/XSpec.tsx","../src/components/XSpecBox.tsx","../src/components/XSpecHeader.tsx","../src/components/XSpecSection.tsx","../src/components/XSpecNavItem.tsx","../src/components/XSpecSidebarItem.tsx","../src/components/XSpecSidebar.tsx","../src/components/XSpecProductionRule.tsx","../src/components/XSpecTableOfContents.tsx"],"sourcesContent":["import React from \"react\";\n\nimport XSpec from \"./XSpec\";\n\nexport default function XSpecWrapper({children}) {\n  return (\n    <XSpec>\n      <article>{children}</article>\n    </XSpec>\n  );\n}\n","import React from \"react\";\n\nimport { XSpecBox } from \"./XSpecBox\";\nimport { XSpecHeader } from \"./XSpecHeader\";\nimport { XSpecSection } from \"./XSpecSection\";\nimport { XSpecNavItem } from \"./XSpecNavItem\";\nimport { XSpecSidebarItem } from \"./XSpecSidebarItem\";\nimport { XSpecSidebar } from \"./XSpecSidebar\";\nimport { XSpecProductionRule } from \"./XSpecProductionRule\";\nimport { XSpecTableOfContents } from \"./XSpecTableOfContents\";\n\ninterface XSpecProps {\n  children: React.ReactNode;\n}\n\n// Styles are now scoped via `.xspec` prefix in CSS\nexport default function XSpec({ children }: XSpecProps) {\n  return <div className=\"xspec\">{children}</div>;\n}\n\nXSpec.Box = XSpecBox;\nXSpec.Header = XSpecHeader;\nXSpec.Section = XSpecSection;\nXSpec.NavItem = XSpecNavItem;\nXSpec.SidebarItem = XSpecSidebarItem;\nXSpec.Sidebar = XSpecSidebar;\nXSpec.ProductionRule = XSpecProductionRule;\nXSpec.TableOfContents = XSpecTableOfContents;\n","import React from \"react\";\n\nimport type { SpecBoxProps } from \"../types\";\n\nexport function XSpecBox({ type, id, children, source }: SpecBoxProps) {\n  const classNames = {\n    note: \"spec-note\",\n    todo: \"spec-todo\",\n    example: \"spec-example\",\n    \"counter-example\": \"spec-counter-example\",\n  };\n\n  const labels = {\n    note: \"Note\",\n    todo: \"Todo\",\n    example: \"Example\",\n    \"counter-example\": \"Counter Example\",\n  };\n\n  return (\n    <div id={id} className={classNames[type]} data-source={source}>\n      <a href={`#${id}`}>{labels[type]}</a>\n      {children}\n    </div>\n  );\n}\n","import React from \"react\";\n\nimport type { SpecHeaderProps } from \"../types\";\n\nexport function XSpecHeader({\n  id,\n  secid,\n  title,\n  level = \"h1\",\n  dataSource,\n}: SpecHeaderProps) {\n  const HeadingTag = level;\n\n  return (\n    <HeadingTag data-source={dataSource}>\n      <span className=\"spec-secid\" title=\"link to this section\">\n        <a href={`#${id}`}>{secid}</a>\n      </span>\n      {title}\n    </HeadingTag>\n  );\n}\n","import React from \"react\";\n\nimport type { SpecSectionProps } from \"../types\";\nimport { XSpecHeader } from \"./XSpecHeader\";\n\nexport function XSpecSection({\n  id,\n  secid,\n  title,\n  headingLevel = \"h1\",\n  dataSource,\n  children,\n  className,\n  indexSpec = false,\n}: SpecSectionProps) {\n  return (\n    <section\n      id={id}\n      {...({ secid } as any)}\n      className={`${className || ''} ${indexSpec ? \"spec-index\" : ''}`}\n    >\n      <XSpecHeader\n        id={id}\n        secid={secid}\n        title={title}\n        level={headingLevel}\n        dataSource={dataSource}\n      />\n      {children}\n    </section>\n  );\n}\n\nexport default XSpecSection\n\n\n","import React from \"react\";\n\nimport type { NavItem as NavItemType } from \"../types\";\n\ninterface NavItemProps {\n  item: NavItemType;\n}\n\nexport function XSpecNavItem({ item }: NavItemProps) {\n  const hasChildren = item.children && item.children.length > 0;\n\n  return (\n    <li>\n      <a href={item.href}>\n        <span className=\"spec-secid\">{item.secid}</span>\n        {item.label}\n      </a>\n      {hasChildren && (\n        <ol>\n          {item.children!.map((child) => (\n            <XSpecNavItem key={child.id} item={child} />\n          ))}\n        </ol>\n      )}\n    </li>\n  );\n}\n","import React from \"react\";\n\nimport type { NavItem as NavItemType } from \"../types\";\n\ninterface SidebarItemProps {\n  item: NavItemType;\n}\n\nexport function XSpecSidebarItem({ item }: SidebarItemProps) {\n  const hasChildren = item.children && item.children.length > 0;\n\n  return (\n    <li id={`_sidebar_${item.secid}`} className=\"\">\n      <a href={item.href}>\n        <span className=\"spec-secid\">{item.secid}</span>\n        {item.label}\n      </a>\n      {hasChildren && (\n        <>\n          <input\n            {...({ hidden: \"\" } as any)}\n            className=\"toggle\"\n            type=\"checkbox\"\n            id={`_toggle_${item.secid}`}\n          />\n          <label htmlFor={`_toggle_${item.secid}`} />\n          <ol>\n            {item.children!.map((child) => (\n              <XSpecSidebarItem key={child.id} item={child} />\n            ))}\n          </ol>\n        </>\n      )}\n    </li>\n  );\n}\n","import React from \"react\";\n\nimport { XSpecSidebarItem } from \"./XSpecSidebarItem\";\nimport type { NavItem } from \"../types\";\n\ninterface SidebarProps {\n  items: NavItem[];\n}\n\nexport function XSpecSidebar({ items }: SidebarProps) {\n  return (\n    <div className=\"spec-sidebar\" aria-hidden=\"true\">\n      <div className=\"spec-toc\">\n        <div className=\"title\">\n          <a href=\"#\">Spec Markdown</a>\n        </div>\n        <ol>\n          {items.map((item) => (\n            <XSpecSidebarItem key={item.id} item={item} />\n          ))}\n          <li id=\"_sidebar_index\">\n            <a href=\"#index\">\n              <span className=\"spec-secid\">§</span>Index\n            </a>\n          </li>\n        </ol>\n      </div>\n    </div>\n  );\n}\n","import React from \"react\";\n\nimport type { ProductionItem } from \"../types\";\n\ninterface ProductionRuleProps {\n  production: ProductionItem;\n}\n\nexport function XSpecProductionRule({ production }: ProductionRuleProps) {\n  if (production.useGrid && production.gridItems) {\n    const columns = production.columns || 5;\n    const rows: string[][] = [];\n\n    for (let i = 0; i < production.gridItems.length; i += columns) {\n      rows.push(production.gridItems.slice(i, i + columns));\n    }\n\n    return (\n      <div className=\"spec-production\" id={production.name}>\n        <span className=\"spec-nt\">\n          <a href={`#${production.name}`} data-name={production.name}>\n            {production.name}\n          </a>\n        </span>\n        <div className=\"spec-oneof\">\n          <div className=\"spec-oneof-grid\">\n            <table>\n              <tbody>\n                {rows.map((row, rowIndex) => (\n                  <tr key={rowIndex}>\n                    {row.map((item, cellIndex) => (\n                      <td key={cellIndex} className=\"spec-rhs\">\n                        <span className=\"spec-t\">{item}</span>\n                      </td>\n                    ))}\n                  </tr>\n                ))}\n              </tbody>\n            </table>\n          </div>\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"spec-production\" id={production.name}>\n      <span className=\"spec-nt\">\n        <a href={`#${production.name}`} data-name={production.name}>\n          {production.name}\n        </a>\n      </span>\n      {production.alternatives && production.alternatives.map((alt, altIndex) => (\n        <div key={altIndex} className=\"spec-rhs\">\n          {alt.map((token, tokenIndex) => (\n            <span key={tokenIndex} className=\"spec-nt\">\n              <span data-name={token}>{token}</span>\n            </span>\n          ))}\n        </div>\n      ))}\n    </div>\n  );\n}\n","import React from \"react\";\n\nimport { XSpecNavItem } from \"./XSpecNavItem\";\nimport type { NavItem as NavItemType } from \"../types\";\n\ninterface TableOfContentsProps {\n  items: NavItemType[];\n}\n\nexport function XSpecTableOfContents({ items }: TableOfContentsProps) {\n  return (\n    <nav className=\"spec-toc\">\n      <div className=\"title\">Contents</div>\n      <ol>\n        {items.map((item) => (\n          <XSpecNavItem key={item.id} item={item} />\n        ))}\n      </ol>\n    </nav>\n  );\n}\n"],"mappings":"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","names":["React","React","React","React","React","React","React","React","React","React","React","React","React","React"]}