@mintlify/msft-sdk 0.1.0

package/dist/components/content-components/table/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/content-components/table/index.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { useState } from \"react\";\nimport { TableModal } from \"./table-modal\";\nimport { ArrowExpand20Regular } from \"@fluentui/react-icons\";\nimport styles from \"./table.module.css\";\n\nconst Table = React.forwardRef<\n  HTMLTableElement,\n  React.HTMLAttributes<HTMLTableElement>\n>(({ className, children, ...props }, ref) => {\n  const [isModalOpen, setIsModalOpen] = useState(false);\n\n  const handleExpandClick = () => {\n    setIsModalOpen(true);\n  };\n\n  const handleCloseModal = () => {\n    setIsModalOpen(false);\n  };\n\n  return (\n    <>\n      <div\n        className={styles.container}\n        role=\"region\"\n        aria-label=\"Data table\"\n      >\n        <button\n          onClick={handleExpandClick}\n          className={styles.expandButton}\n          aria-label=\"Expand table to full screen view\"\n          title=\"Expand table\"\n        >\n          <ArrowExpand20Regular className={styles.expandIcon} />\n          <span className={styles.expandText}>\n            Expand table\n          </span>\n        </button>\n        <div className={styles.scrollContainer}>\n          <table\n            ref={ref}\n            className={`${styles.table} ${className || \"\"}`}\n            {...props}\n          >\n            {children}\n          </table>\n        </div>\n      </div>\n      <TableModal isOpen={isModalOpen} onClose={handleCloseModal}>\n        <table\n          className={`${styles.table} ${className || \"\"}`}\n        >\n          {children}\n        </table>\n      </TableModal>\n    </>\n  );\n});\nTable.displayName = \"Table\";\n\nconst TableHeader = React.forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n  <thead\n    ref={ref}\n    className={`${styles.tableHeader} ${className || \"\"}`}\n    {...props}\n  />\n));\nTableHeader.displayName = \"TableHeader\";\n\nconst TableBody = React.forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n  <tbody ref={ref} className={className} {...props} />\n));\nTableBody.displayName = \"TableBody\";\n\nconst TableFooter = React.forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n  <tfoot\n    ref={ref}\n    className={`${styles.tableFooter} ${className || \"\"}`}\n    {...props}\n  />\n));\nTableFooter.displayName = \"TableFooter\";\n\nconst TableRow = React.forwardRef<\n  HTMLTableRowElement,\n  React.HTMLAttributes<HTMLTableRowElement>\n>(({ className, ...props }, ref) => (\n  <tr\n    ref={ref}\n    className={`${styles.tableRow} ${className || \"\"}`}\n    {...props}\n  />\n));\nTableRow.displayName = \"TableRow\";\n\nconst TableHead = React.forwardRef<\n  HTMLTableCellElement,\n  React.ThHTMLAttributes<HTMLTableCellElement>\n>(({ className, ...props }, ref) => (\n  <th\n    ref={ref}\n    className={`${styles.tableHead} ${className || \"\"}`}\n    {...props}\n  />\n));\nTableHead.displayName = \"TableHead\";\n\nconst TableCell = React.forwardRef<\n  HTMLTableCellElement,\n  React.TdHTMLAttributes<HTMLTableCellElement>\n>(({ className, ...props }, ref) => (\n  <td\n    ref={ref}\n    className={`${styles.tableCell} ${className || \"\"}`}\n    {...props}\n  />\n));\nTableCell.displayName = \"TableCell\";\n\nconst TableCaption = React.forwardRef<\n  HTMLTableCaptionElement,\n  React.HTMLAttributes<HTMLTableCaptionElement>\n>(({ className, ...props }, ref) => (\n  <caption\n    ref={ref}\n    className={`${styles.tableCaption} ${className || \"\"}`}\n    {...props}\n  />\n));\nTableCaption.displayName = \"TableCaption\";\n\nexport {\n  Table,\n  TableHeader,\n  TableBody,\n  TableFooter,\n  TableHead,\n  TableRow,\n  TableCell,\n  TableCaption,\n};\n"],"names":["Table","React","className","children","props","ref","isModalOpen","setIsModalOpen","useState","handleExpandClick","handleCloseModal","jsxs","Fragment","styles","jsx","ArrowExpand20Regular","TableModal","TableHeader","TableBody","TableFooter","TableRow","TableHead","TableCell","TableCaption"],"mappings":"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"}

package/dist/components/content-components/table/table-modal.js

@@ -0,0 +1,64 @@
+import { jsx as l, jsxs as b } from "react/jsx-runtime";
+import { useRef as s, useEffect as u } from "react";
+import { Dismiss20Regular as w } from "@fluentui/react-icons";
+import o from "./table-modal.module.css.js";
+function x({ isOpen: n, onClose: r, children: y }) {
+  const i = s(null), m = s(null), f = s(null);
+  return u(() => {
+    var e, t;
+    return n ? (f.current = document.activeElement, document.body.style.overflow = "hidden", (e = m.current) == null || e.focus()) : (document.body.style.overflow = "unset", (t = f.current) == null || t.focus()), () => {
+      document.body.style.overflow = "unset";
+    };
+  }, [n]), u(() => {
+    const e = (t) => {
+      t.key === "Escape" && r();
+    };
+    return n && window.addEventListener("keydown", e), () => {
+      window.removeEventListener("keydown", e);
+    };
+  }, [n, r]), u(() => {
+    if (!n || !i.current) return;
+    const e = i.current, t = e.querySelectorAll(
+      'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
+    ), a = t[0], c = t[t.length - 1], v = (d) => {
+      d.key === "Tab" && (d.shiftKey ? document.activeElement === a && (d.preventDefault(), c == null || c.focus()) : document.activeElement === c && (d.preventDefault(), a == null || a.focus()));
+    };
+    return e.addEventListener("keydown", v), () => {
+      e.removeEventListener("keydown", v);
+    };
+  }, [n]), n ? /* @__PURE__ */ l(
+    "div",
+    {
+      className: o.overlay,
+      onClick: r,
+      role: "dialog",
+      "aria-modal": "true",
+      "aria-labelledby": "table-modal-title",
+      children: /* @__PURE__ */ b(
+        "div",
+        {
+          ref: i,
+          className: o.modal,
+          onClick: (e) => e.stopPropagation(),
+          children: [
+            /* @__PURE__ */ l("div", { className: o.header, children: /* @__PURE__ */ l(
+              "button",
+              {
+                ref: m,
+                onClick: r,
+                className: o.closeButton,
+                "aria-label": "Close table expanded view",
+                children: /* @__PURE__ */ l(w, { className: o.closeIcon })
+              }
+            ) }),
+            /* @__PURE__ */ l("div", { className: o.content, id: "table-modal-title", children: y })
+          ]
+        }
+      )
+    }
+  ) : null;
+}
+export {
+  x as TableModal
+};
+//# sourceMappingURL=table-modal.js.map

package/dist/components/content-components/table/table-modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-modal.js","sources":["../../../../src/components/content-components/table/table-modal.tsx"],"sourcesContent":["import React, { useEffect, useRef } from \"react\";\nimport { Dismiss20Regular } from \"@fluentui/react-icons\";\nimport styles from \"./table-modal.module.css\";\n\ninterface TableModalProps {\n  isOpen: boolean;\n  onClose: () => void;\n  children: React.ReactNode;\n}\n\nexport function TableModal({ isOpen, onClose, children }: TableModalProps) {\n  const modalRef = useRef<HTMLDivElement>(null);\n  const closeButtonRef = useRef<HTMLButtonElement>(null);\n  const previousActiveElement = useRef<HTMLElement | null>(null);\n\n  useEffect(() => {\n    if (isOpen) {\n      previousActiveElement.current = document.activeElement as HTMLElement;\n      document.body.style.overflow = \"hidden\";\n      closeButtonRef.current?.focus();\n    } else {\n      document.body.style.overflow = \"unset\";\n      previousActiveElement.current?.focus();\n    }\n\n    return () => {\n      document.body.style.overflow = \"unset\";\n    };\n  }, [isOpen]);\n\n  useEffect(() => {\n    const handleEscape = (e: KeyboardEvent) => {\n      if (e.key === \"Escape\") {\n        onClose();\n      }\n    };\n\n    if (isOpen) {\n      window.addEventListener(\"keydown\", handleEscape);\n    }\n\n    return () => {\n      window.removeEventListener(\"keydown\", handleEscape);\n    };\n  }, [isOpen, onClose]);\n\n  useEffect(() => {\n    if (!isOpen || !modalRef.current) return;\n\n    const modal = modalRef.current;\n    const focusableElements = modal.querySelectorAll<HTMLElement>(\n      'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])'\n    );\n    const firstFocusable = focusableElements[0];\n    const lastFocusable = focusableElements[focusableElements.length - 1];\n\n    const handleTabKey = (e: KeyboardEvent) => {\n      if (e.key !== \"Tab\") return;\n\n      if (e.shiftKey) {\n        if (document.activeElement === firstFocusable) {\n          e.preventDefault();\n          lastFocusable?.focus();\n        }\n      } else {\n        if (document.activeElement === lastFocusable) {\n          e.preventDefault();\n          firstFocusable?.focus();\n        }\n      }\n    };\n\n    modal.addEventListener(\"keydown\", handleTabKey as EventListener);\n    return () => {\n      modal.removeEventListener(\"keydown\", handleTabKey as EventListener);\n    };\n  }, [isOpen]);\n\n  if (!isOpen) return null;\n\n  return (\n    <div\n      className={styles.overlay}\n      onClick={onClose}\n      role=\"dialog\"\n      aria-modal=\"true\"\n      aria-labelledby=\"table-modal-title\"\n    >\n      <div\n        ref={modalRef}\n        className={styles.modal}\n        onClick={(e) => e.stopPropagation()}\n      >\n        <div className={styles.header}>\n          <button\n            ref={closeButtonRef}\n            onClick={onClose}\n            className={styles.closeButton}\n            aria-label=\"Close table expanded view\"\n          >\n            <Dismiss20Regular className={styles.closeIcon} />\n          </button>\n        </div>\n        <div className={styles.content} id=\"table-modal-title\">\n          {children}\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"names":["TableModal","isOpen","onClose","children","modalRef","useRef","closeButtonRef","previousActiveElement","useEffect","_a","_b","handleEscape","e","modal","focusableElements","firstFocusable","lastFocusable","handleTabKey","jsx","styles","jsxs","Dismiss20Regular"],"mappings":";;;;AAUO,SAASA,EAAW,EAAE,QAAAC,GAAQ,SAAAC,GAAS,UAAAC,KAA6B;AACzE,QAAMC,IAAWC,EAAuB,IAAI,GACtCC,IAAiBD,EAA0B,IAAI,GAC/CE,IAAwBF,EAA2B,IAAI;AAiE7D,SA/DAG,EAAU,MAAM;;AACd,WAAIP,KACFM,EAAsB,UAAU,SAAS,eACzC,SAAS,KAAK,MAAM,WAAW,WAC/BE,IAAAH,EAAe,YAAf,QAAAG,EAAwB,YAExB,SAAS,KAAK,MAAM,WAAW,UAC/BC,IAAAH,EAAsB,YAAtB,QAAAG,EAA+B,UAG1B,MAAM;AACX,eAAS,KAAK,MAAM,WAAW;AAAA,IACjC;AAAA,EACF,GAAG,CAACT,CAAM,CAAC,GAEXO,EAAU,MAAM;AACd,UAAMG,IAAe,CAACC,MAAqB;AACzC,MAAIA,EAAE,QAAQ,YACZV,EAAA;AAAA,IAEJ;AAEA,WAAID,KACF,OAAO,iBAAiB,WAAWU,CAAY,GAG1C,MAAM;AACX,aAAO,oBAAoB,WAAWA,CAAY;AAAA,IACpD;AAAA,EACF,GAAG,CAACV,GAAQC,CAAO,CAAC,GAEpBM,EAAU,MAAM;AACd,QAAI,CAACP,KAAU,CAACG,EAAS,QAAS;AAElC,UAAMS,IAAQT,EAAS,SACjBU,IAAoBD,EAAM;AAAA,MAC9B;AAAA,IAAA,GAEIE,IAAiBD,EAAkB,CAAC,GACpCE,IAAgBF,EAAkBA,EAAkB,SAAS,CAAC,GAE9DG,IAAe,CAACL,MAAqB;AACzC,MAAIA,EAAE,QAAQ,UAEVA,EAAE,WACA,SAAS,kBAAkBG,MAC7BH,EAAE,eAAA,GACFI,KAAA,QAAAA,EAAe,WAGb,SAAS,kBAAkBA,MAC7BJ,EAAE,eAAA,GACFG,KAAA,QAAAA,EAAgB;AAAA,IAGtB;AAEA,WAAAF,EAAM,iBAAiB,WAAWI,CAA6B,GACxD,MAAM;AACX,MAAAJ,EAAM,oBAAoB,WAAWI,CAA6B;AAAA,IACpE;AAAA,EACF,GAAG,CAAChB,CAAM,CAAC,GAENA,IAGH,gBAAAiB;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAO;AAAA,MAClB,SAASjB;AAAA,MACT,MAAK;AAAA,MACL,cAAW;AAAA,MACX,mBAAgB;AAAA,MAEhB,UAAA,gBAAAkB;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,KAAKhB;AAAA,UACL,WAAWe,EAAO;AAAA,UAClB,SAAS,CAAC,MAAM,EAAE,gBAAA;AAAA,UAElB,UAAA;AAAA,YAAA,gBAAAD,EAAC,OAAA,EAAI,WAAWC,EAAO,QACrB,UAAA,gBAAAD;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,KAAKZ;AAAA,gBACL,SAASJ;AAAA,gBACT,WAAWiB,EAAO;AAAA,gBAClB,cAAW;AAAA,gBAEX,UAAA,gBAAAD,EAACG,GAAA,EAAiB,WAAWF,EAAO,UAAA,CAAW;AAAA,cAAA;AAAA,YAAA,GAEnD;AAAA,8BACC,OAAA,EAAI,WAAWA,EAAO,SAAS,IAAG,qBAChC,UAAAhB,EAAA,CACH;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA,IA5BgB;AA+BtB;"}

package/dist/components/content-components/table/table-modal.module.css.js

@@ -0,0 +1,18 @@
+const o = "_overlay_oaifl_1", t = "_modal_oaifl_12", e = "_header_oaifl_29", l = "_closeButton_oaifl_40", c = "_closeIcon_oaifl_56", n = "_content_oaifl_66", _ = {
+  overlay: o,
+  modal: t,
+  header: e,
+  closeButton: l,
+  closeIcon: c,
+  content: n
+};
+export {
+  l as closeButton,
+  c as closeIcon,
+  n as content,
+  _ as default,
+  e as header,
+  t as modal,
+  o as overlay
+};
+//# sourceMappingURL=table-modal.module.css.js.map

package/dist/components/content-components/table/table-modal.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-modal.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/components/content-components/table/table.module.css.js

@@ -0,0 +1,30 @@
+const t = "_container_1yfm4_1", e = "_expandButton_1yfm4_8", a = "_expandIcon_1yfm4_28", n = "_expandText_1yfm4_38", o = "_scrollContainer_1yfm4_47", _ = "_table_1yfm4_52", l = "_tableHeader_1yfm4_66", c = "_tableFooter_1yfm4_80", b = "_tableRow_1yfm4_95", s = "_tableHead_1yfm4_66", d = "_tableCell_1yfm4_128", r = "_tableCaption_1yfm4_169", f = {
+  container: t,
+  expandButton: e,
+  expandIcon: a,
+  expandText: n,
+  scrollContainer: o,
+  table: _,
+  tableHeader: l,
+  tableFooter: c,
+  tableRow: b,
+  tableHead: s,
+  tableCell: d,
+  tableCaption: r
+};
+export {
+  t as container,
+  f as default,
+  e as expandButton,
+  a as expandIcon,
+  n as expandText,
+  o as scrollContainer,
+  _ as table,
+  r as tableCaption,
+  d as tableCell,
+  c as tableFooter,
+  s as tableHead,
+  l as tableHeader,
+  b as tableRow
+};
+//# sourceMappingURL=table.module.css.js.map

package/dist/components/content-components/table/table.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;"}

package/dist/components/content-components/tabs/tab.js

@@ -0,0 +1,8 @@
+import { jsx as t, Fragment as n } from "react/jsx-runtime";
+function e({ children: r }) {
+  return /* @__PURE__ */ t(n, { children: r });
+}
+export {
+  e as Tab
+};
+//# sourceMappingURL=tab.js.map

package/dist/components/content-components/tabs/tab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab.js","sources":["../../../../src/components/content-components/tabs/tab.tsx"],"sourcesContent":["import React from \"react\";\n\ninterface TabProps {\n  title: string;\n  icon?: string;\n  children: React.ReactNode;\n}\n\nexport function Tab({ children }: TabProps) {\n  return <>{children}</>;\n}\n"],"names":["Tab","children"],"mappings":";AAQO,SAASA,EAAI,EAAE,UAAAC,KAAsB;AAC1C,gCAAU,UAAAA,GAAS;AACrB;"}

package/dist/components/content-components/tabs/tabs.js

@@ -0,0 +1,87 @@
+import { jsx as n, jsxs as d } from "react/jsx-runtime";
+import i, { useState as v, useRef as $, useEffect as g } from "react";
+import a from "./tabs.module.css.js";
+import y from "../../prose.module.css.js";
+const A = i.createContext({
+  activeTab: 0,
+  setActiveTab: () => {
+  }
+});
+function D({ children: h, defaultTab: f = 0 }) {
+  const [c, b] = v(f), o = $([]), r = i.Children.toArray(h);
+  g(() => {
+    o.current = o.current.slice(0, r.length);
+  }, [r.length]);
+  const m = (t, e) => {
+    var s;
+    let l = e;
+    switch (t.key) {
+      case "ArrowRight":
+        t.preventDefault(), l = (e + 1) % r.length;
+        break;
+      case "ArrowLeft":
+        t.preventDefault(), l = (e - 1 + r.length) % r.length;
+        break;
+      case "Home":
+        t.preventDefault(), l = 0;
+        break;
+      case "End":
+        t.preventDefault(), l = r.length - 1;
+        break;
+      default:
+        return;
+    }
+    b(l), (s = o.current[l]) == null || s.focus();
+  };
+  return /* @__PURE__ */ n(A.Provider, { value: { activeTab: c, setActiveTab: b }, children: /* @__PURE__ */ d("div", { className: a.container, children: [
+    /* @__PURE__ */ n(
+      "div",
+      {
+        role: "tablist",
+        "aria-label": "Content tabs",
+        className: a.tabList,
+        children: r.map((t, e) => {
+          if (!i.isValidElement(t)) return null;
+          const l = t.props.title || `Tab ${e + 1}`, s = t.props.icon, p = c === e;
+          return /* @__PURE__ */ n(
+            "button",
+            {
+              ref: (u) => o.current[e] = u,
+              role: "tab",
+              "aria-selected": p,
+              "aria-controls": `tabpanel-${e}`,
+              id: `tab-${e}`,
+              tabIndex: p ? 0 : -1,
+              onClick: () => b(e),
+              onKeyDown: (u) => m(u, e),
+              className: `${a.tab} ${p ? a.tabActive : a.tabInactive}`,
+              children: /* @__PURE__ */ d("span", { className: a.tabContent, children: [
+                s && /* @__PURE__ */ n("span", { "aria-hidden": "true", children: s }),
+                l
+              ] })
+            },
+            e
+          );
+        })
+      }
+    ),
+    /* @__PURE__ */ n("div", { className: `${a.panelContainer} ${y.prose}`, children: r.map((t, e) => /* @__PURE__ */ n(
+      "div",
+      {
+        role: "tabpanel",
+        id: `tabpanel-${e}`,
+        "aria-labelledby": `tab-${e}`,
+        tabIndex: 0,
+        hidden: c !== e,
+        className: `${a.panel} ${c === e ? "" : a.panelHidden}`,
+        children: i.isValidElement(t) ? t.props.children : null
+      },
+      e
+    )) })
+  ] }) });
+}
+export {
+  D as Tabs,
+  A as TabsContext
+};
+//# sourceMappingURL=tabs.js.map

package/dist/components/content-components/tabs/tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.js","sources":["../../../../src/components/content-components/tabs/tabs.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect } from \"react\";\nimport styles from \"./tabs.module.css\";\nimport proseStyles from \"../../prose.module.css\";\n\ninterface TabsProps {\n  children: React.ReactNode;\n  defaultTab?: number;\n}\n\ninterface TabsContextValue {\n  activeTab: number;\n  setActiveTab: (index: number) => void;\n}\n\nexport const TabsContext = React.createContext<TabsContextValue>({\n  activeTab: 0,\n  setActiveTab: () => {},\n});\n\nexport function Tabs({ children, defaultTab = 0 }: TabsProps) {\n  const [activeTab, setActiveTab] = useState(defaultTab);\n  const tabRefs = useRef<(HTMLButtonElement | null)[]>([]);\n\n  const tabs = React.Children.toArray(children);\n\n  useEffect(() => {\n    tabRefs.current = tabRefs.current.slice(0, tabs.length);\n  }, [tabs.length]);\n\n  const handleKeyDown = (event: React.KeyboardEvent, currentIndex: number) => {\n    let newIndex = currentIndex;\n\n    switch (event.key) {\n      case \"ArrowRight\":\n        event.preventDefault();\n        newIndex = (currentIndex + 1) % tabs.length;\n        break;\n      case \"ArrowLeft\":\n        event.preventDefault();\n        newIndex = (currentIndex - 1 + tabs.length) % tabs.length;\n        break;\n      case \"Home\":\n        event.preventDefault();\n        newIndex = 0;\n        break;\n      case \"End\":\n        event.preventDefault();\n        newIndex = tabs.length - 1;\n        break;\n      default:\n        return;\n    }\n\n    setActiveTab(newIndex);\n    tabRefs.current[newIndex]?.focus();\n  };\n\n  return (\n    <TabsContext.Provider value={{ activeTab, setActiveTab }}>\n      <div className={styles.container}>\n        <div\n          role=\"tablist\"\n          aria-label=\"Content tabs\"\n          className={styles.tabList}\n        >\n          {tabs.map((tab, index) => {\n            if (!React.isValidElement(tab)) return null;\n            const title = tab.props.title || `Tab ${index + 1}`;\n            const icon = tab.props.icon;\n            const isActive = activeTab === index;\n\n            return (\n              <button\n                key={index}\n                ref={(el) => (tabRefs.current[index] = el)}\n                role=\"tab\"\n                aria-selected={isActive}\n                aria-controls={`tabpanel-${index}`}\n                id={`tab-${index}`}\n                tabIndex={isActive ? 0 : -1}\n                onClick={() => setActiveTab(index)}\n                onKeyDown={(e) => handleKeyDown(e, index)}\n                className={`${styles.tab} ${\n                  isActive ? styles.tabActive : styles.tabInactive\n                }`}\n              >\n                <span className={styles.tabContent}>\n                  {icon && <span aria-hidden=\"true\">{icon}</span>}\n                  {title}\n                </span>\n              </button>\n            );\n          })}\n        </div>\n\n        <div className={`${styles.panelContainer} ${proseStyles.prose}`}>\n          {tabs.map((tab, index) => (\n            <div\n              key={index}\n              role=\"tabpanel\"\n              id={`tabpanel-${index}`}\n              aria-labelledby={`tab-${index}`}\n              tabIndex={0}\n              hidden={activeTab !== index}\n              className={`${styles.panel} ${\n                activeTab === index ? \"\" : styles.panelHidden\n              }`}\n            >\n              {React.isValidElement(tab) ? tab.props.children : null}\n            </div>\n          ))}\n        </div>\n      </div>\n    </TabsContext.Provider>\n  );\n}\n"],"names":["TabsContext","React","Tabs","children","defaultTab","activeTab","setActiveTab","useState","tabRefs","useRef","tabs","useEffect","handleKeyDown","event","currentIndex","newIndex","_a","jsx","jsxs","styles","tab","index","title","icon","isActive","el","e","proseStyles"],"mappings":"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"}

package/dist/components/content-components/tabs/tabs.module.css.js

@@ -0,0 +1,24 @@
+const t = "_container_1099y_1", n = "_tabList_1099y_6", a = "_tab_1099y_6", e = "_tabActive_1099y_39", _ = "_tabInactive_1099y_49", o = "_tabContent_1099y_68", c = "_panelContainer_1099y_74", i = "_panel_1099y_74", s = "_panelHidden_1099y_81", b = {
+  container: t,
+  tabList: n,
+  tab: a,
+  tabActive: e,
+  tabInactive: _,
+  tabContent: o,
+  panelContainer: c,
+  panel: i,
+  panelHidden: s
+};
+export {
+  t as container,
+  b as default,
+  i as panel,
+  c as panelContainer,
+  s as panelHidden,
+  a as tab,
+  e as tabActive,
+  o as tabContent,
+  _ as tabInactive,
+  n as tabList
+};
+//# sourceMappingURL=tabs.module.css.js.map

package/dist/components/content-components/tabs/tabs.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}

package/dist/components/content-components/zone-pivots/zone-pivot-context.js

@@ -0,0 +1,52 @@
+import { jsx as l } from "react/jsx-runtime";
+import { useState as m, useRef as C, useEffect as Z, useMemo as d, createContext as h, useContext as w } from "react";
+const u = h(
+  void 0
+);
+function f(t, i) {
+  const n = {};
+  return t.forEach((e) => {
+    i[e.id] ? n[e.id] = i[e.id] : e.pivots.length > 0 && (n[e.id] = e.pivots[0].id);
+  }), n;
+}
+function E({
+  groups: t,
+  children: i,
+  defaultPivots: n = {}
+}) {
+  const [e, r] = m(
+    () => f(t, n)
+  ), s = C("");
+  Z(() => {
+    const o = t.map((c) => c.id).sort().join(",");
+    o !== s.current && (s.current = o, r(f(t, n)));
+  }, [t, n]);
+  const v = d(() => new Set(Object.values(e)), [e]), P = (o, c) => {
+    r((a) => ({
+      ...a,
+      [o]: c
+    }));
+  }, x = d(
+    () => ({
+      groups: t,
+      activePivots: v,
+      selectedPivots: e,
+      setActivePivot: P
+    }),
+    [t, v, e]
+  );
+  return /* @__PURE__ */ l(u.Provider, { value: x, children: i });
+}
+function b() {
+  const t = w(u);
+  if (!t)
+    throw new Error(
+      "useZonePivotContext must be used within a ZonePivotProvider"
+    );
+  return t;
+}
+export {
+  E as ZonePivotProvider,
+  b as useZonePivotContext
+};
+//# sourceMappingURL=zone-pivot-context.js.map

package/dist/components/content-components/zone-pivots/zone-pivot-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"zone-pivot-context.js","sources":["../../../../src/components/content-components/zone-pivots/zone-pivot-context.tsx"],"sourcesContent":["import React, {\n  createContext,\n  useContext,\n  useState,\n  useMemo,\n  useEffect,\n  useRef,\n} from \"react\";\nimport type { ZonePivotGroup } from \"../../../types/page\";\n\ninterface ZonePivotContextValue {\n  groups: ZonePivotGroup[];\n  activePivots: Set<string>;\n  selectedPivots: Record<string, string>;\n  setActivePivot: (groupId: string, pivotId: string) => void;\n}\n\nconst ZonePivotContext = createContext<ZonePivotContextValue | undefined>(\n  undefined\n);\n\nexport interface ZonePivotProviderProps {\n  groups: ZonePivotGroup[];\n  children: React.ReactNode;\n  defaultPivots?: Record<string, string>;\n}\n\nfunction initializeSelectedPivots(\n  groups: ZonePivotGroup[],\n  defaultPivots: Record<string, string>\n): Record<string, string> {\n  const initial: Record<string, string> = {};\n  groups.forEach((group) => {\n    if (defaultPivots[group.id]) {\n      initial[group.id] = defaultPivots[group.id];\n    } else if (group.pivots.length > 0) {\n      initial[group.id] = group.pivots[0].id;\n    }\n  });\n  return initial;\n}\n\nexport function ZonePivotProvider({\n  groups,\n  children,\n  defaultPivots = {},\n}: ZonePivotProviderProps) {\n  const [selectedPivots, setSelectedPivots] = useState<Record<string, string>>(\n    () => initializeSelectedPivots(groups, defaultPivots)\n  );\n\n  const prevGroupIdsRef = useRef<string>(\"\");\n\n  useEffect(() => {\n    const currentGroupIds = groups\n      .map((g) => g.id)\n      .sort()\n      .join(\",\");\n\n    if (currentGroupIds !== prevGroupIdsRef.current) {\n      prevGroupIdsRef.current = currentGroupIds;\n      setSelectedPivots(initializeSelectedPivots(groups, defaultPivots));\n    }\n  }, [groups, defaultPivots]);\n\n  const activePivots = useMemo(() => {\n    return new Set(Object.values(selectedPivots));\n  }, [selectedPivots]);\n\n  const setActivePivot = (groupId: string, pivotId: string) => {\n    setSelectedPivots((prev) => ({\n      ...prev,\n      [groupId]: pivotId,\n    }));\n  };\n\n  const contextValue = useMemo(\n    () => ({\n      groups,\n      activePivots,\n      selectedPivots,\n      setActivePivot,\n    }),\n    [groups, activePivots, selectedPivots]\n  );\n\n  return (\n    <ZonePivotContext.Provider value={contextValue}>\n      {children}\n    </ZonePivotContext.Provider>\n  );\n}\n\nexport function useZonePivotContext() {\n  const context = useContext(ZonePivotContext);\n  if (!context) {\n    throw new Error(\n      \"useZonePivotContext must be used within a ZonePivotProvider\"\n    );\n  }\n  return context;\n}\n"],"names":["ZonePivotContext","createContext","initializeSelectedPivots","groups","defaultPivots","initial","group","ZonePivotProvider","children","selectedPivots","setSelectedPivots","useState","prevGroupIdsRef","useRef","useEffect","currentGroupIds","g","activePivots","useMemo","setActivePivot","groupId","pivotId","prev","contextValue","useZonePivotContext","context","useContext"],"mappings":";;AAiBA,MAAMA,IAAmBC;AAAA,EACvB;AACF;AAQA,SAASC,EACPC,GACAC,GACwB;AACxB,QAAMC,IAAkC,CAAA;AACxC,SAAAF,EAAO,QAAQ,CAACG,MAAU;AACxB,IAAIF,EAAcE,EAAM,EAAE,IACxBD,EAAQC,EAAM,EAAE,IAAIF,EAAcE,EAAM,EAAE,IACjCA,EAAM,OAAO,SAAS,MAC/BD,EAAQC,EAAM,EAAE,IAAIA,EAAM,OAAO,CAAC,EAAE;AAAA,EAExC,CAAC,GACMD;AACT;AAEO,SAASE,EAAkB;AAAA,EAChC,QAAAJ;AAAA,EACA,UAAAK;AAAA,EACA,eAAAJ,IAAgB,CAAA;AAClB,GAA2B;AACzB,QAAM,CAACK,GAAgBC,CAAiB,IAAIC;AAAA,IAC1C,MAAMT,EAAyBC,GAAQC,CAAa;AAAA,EAAA,GAGhDQ,IAAkBC,EAAe,EAAE;AAEzC,EAAAC,EAAU,MAAM;AACd,UAAMC,IAAkBZ,EACrB,IAAI,CAACa,MAAMA,EAAE,EAAE,EACf,OACA,KAAK,GAAG;AAEX,IAAID,MAAoBH,EAAgB,YACtCA,EAAgB,UAAUG,GAC1BL,EAAkBR,EAAyBC,GAAQC,CAAa,CAAC;AAAA,EAErE,GAAG,CAACD,GAAQC,CAAa,CAAC;AAE1B,QAAMa,IAAeC,EAAQ,MACpB,IAAI,IAAI,OAAO,OAAOT,CAAc,CAAC,GAC3C,CAACA,CAAc,CAAC,GAEbU,IAAiB,CAACC,GAAiBC,MAAoB;AAC3D,IAAAX,EAAkB,CAACY,OAAU;AAAA,MAC3B,GAAGA;AAAA,MACH,CAACF,CAAO,GAAGC;AAAA,IAAA,EACX;AAAA,EACJ,GAEME,IAAeL;AAAA,IACnB,OAAO;AAAA,MACL,QAAAf;AAAA,MACA,cAAAc;AAAA,MACA,gBAAAR;AAAA,MACA,gBAAAU;AAAA,IAAA;AAAA,IAEF,CAAChB,GAAQc,GAAcR,CAAc;AAAA,EAAA;AAGvC,2BACGT,EAAiB,UAAjB,EAA0B,OAAOuB,GAC/B,UAAAf,GACH;AAEJ;AAEO,SAASgB,IAAsB;AACpC,QAAMC,IAAUC,EAAW1B,CAAgB;AAC3C,MAAI,CAACyB;AACH,UAAM,IAAI;AAAA,MACR;AAAA,IAAA;AAGJ,SAAOA;AACT;"}

package/dist/components/content-components/zone-pivots/zone-pivot-selector.js

@@ -0,0 +1,74 @@
+import { jsx as c } from "react/jsx-runtime";
+import { useRef as p } from "react";
+import { useZonePivotContext as w } from "./zone-pivot-context.js";
+import s from "./zone-pivot-selector.module.css.js";
+function I({
+  group: t,
+  className: m
+}) {
+  var b;
+  const { activePivots: h, setActivePivot: r } = w(), l = p(null), f = (b = t.pivots.find((e) => h.has(e.id))) == null ? void 0 : b.id, x = t.pivots.findIndex((e) => e.id === f), u = (e) => {
+    var v;
+    const { key: i } = e, n = x;
+    let o = n;
+    switch (i) {
+      case "ArrowLeft":
+      case "ArrowUp":
+        e.preventDefault(), o = n > 0 ? n - 1 : t.pivots.length - 1;
+        break;
+      case "ArrowRight":
+      case "ArrowDown":
+        e.preventDefault(), o = n < t.pivots.length - 1 ? n + 1 : 0;
+        break;
+      case "Home":
+        e.preventDefault(), o = 0;
+        break;
+      case "End":
+        e.preventDefault(), o = t.pivots.length - 1;
+        break;
+      default:
+        return;
+    }
+    const d = t.pivots[o];
+    if (d) {
+      r(t.id, d.id);
+      const a = (v = l.current) == null ? void 0 : v.querySelector(
+        `[data-pivot-id="${d.id}"]`
+      );
+      a == null || a.focus();
+    }
+  };
+  return /* @__PURE__ */ c("div", { className: m, "data-zone-pivot-group": t.id, children: /* @__PURE__ */ c(
+    "div",
+    {
+      ref: l,
+      role: "tablist",
+      "aria-label": t.prompt,
+      className: s.container,
+      children: t.pivots.map((e) => {
+        const i = e.id === f;
+        return /* @__PURE__ */ c(
+          "button",
+          {
+            id: `tab-${t.id}-${e.id}`,
+            role: "tab",
+            type: "button",
+            "data-pivot-id": e.id,
+            "aria-selected": i,
+            "aria-controls": `panel-${t.id}-${e.id}`,
+            tabIndex: i ? 0 : -1,
+            onClick: () => r(t.id, e.id),
+            onKeyDown: u,
+            className: `${s.button} ${i ? s.buttonSelected : s.buttonUnselected}`,
+            children: e.title
+          },
+          e.id
+        );
+      })
+    }
+  ) });
+}
+export {
+  I as ZonePivotSelector
+};
+//# sourceMappingURL=zone-pivot-selector.js.map

package/dist/components/content-components/zone-pivots/zone-pivot-selector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"zone-pivot-selector.js","sources":["../../../../src/components/content-components/zone-pivots/zone-pivot-selector.tsx"],"sourcesContent":["import React, { useRef } from \"react\";\nimport { useZonePivotContext } from \"./zone-pivot-context\";\nimport type { ZonePivotGroup } from \"../../../types/page\";\nimport styles from \"./zone-pivot-selector.module.css\";\n\nexport interface ZonePivotSelectorProps {\n  group: ZonePivotGroup;\n  className?: string;\n}\n\nexport function ZonePivotSelector({\n  group,\n  className,\n}: ZonePivotSelectorProps) {\n  const { activePivots, setActivePivot } = useZonePivotContext();\n  const tabListRef = useRef<HTMLDivElement>(null);\n\n  const selectedPivotId = group.pivots.find((p) => activePivots.has(p.id))?.id;\n  const selectedIndex = group.pivots.findIndex((p) => p.id === selectedPivotId);\n\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLButtonElement>) => {\n    const { key } = event;\n    const currentIndex = selectedIndex;\n    let nextIndex = currentIndex;\n\n    switch (key) {\n      case \"ArrowLeft\":\n      case \"ArrowUp\":\n        event.preventDefault();\n        nextIndex =\n          currentIndex > 0 ? currentIndex - 1 : group.pivots.length - 1;\n        break;\n      case \"ArrowRight\":\n      case \"ArrowDown\":\n        event.preventDefault();\n        nextIndex =\n          currentIndex < group.pivots.length - 1 ? currentIndex + 1 : 0;\n        break;\n      case \"Home\":\n        event.preventDefault();\n        nextIndex = 0;\n        break;\n      case \"End\":\n        event.preventDefault();\n        nextIndex = group.pivots.length - 1;\n        break;\n      default:\n        return;\n    }\n\n    const nextPivot = group.pivots[nextIndex];\n    if (nextPivot) {\n      setActivePivot(group.id, nextPivot.id);\n      const button = tabListRef.current?.querySelector(\n        `[data-pivot-id=\"${nextPivot.id}\"]`\n      ) as HTMLButtonElement;\n      button?.focus();\n    }\n  };\n\n  return (\n    <div className={className} data-zone-pivot-group={group.id}>\n      <div\n        ref={tabListRef}\n        role=\"tablist\"\n        aria-label={group.prompt}\n        className={styles.container}\n      >\n        {group.pivots.map((pivot) => {\n          const isSelected = pivot.id === selectedPivotId;\n          return (\n            <button\n              key={pivot.id}\n              id={`tab-${group.id}-${pivot.id}`}\n              role=\"tab\"\n              type=\"button\"\n              data-pivot-id={pivot.id}\n              aria-selected={isSelected}\n              aria-controls={`panel-${group.id}-${pivot.id}`}\n              tabIndex={isSelected ? 0 : -1}\n              onClick={() => setActivePivot(group.id, pivot.id)}\n              onKeyDown={handleKeyDown}\n              className={`${styles.button} ${isSelected ? styles.buttonSelected : styles.buttonUnselected}`}\n            >\n              {pivot.title}\n            </button>\n          );\n        })}\n      </div>\n    </div>\n  );\n}\n"],"names":["ZonePivotSelector","group","className","activePivots","setActivePivot","useZonePivotContext","tabListRef","useRef","selectedPivotId","_a","p","selectedIndex","handleKeyDown","event","key","currentIndex","nextIndex","nextPivot","button","jsx","styles","pivot","isSelected"],"mappings":";;;;AAUO,SAASA,EAAkB;AAAA,EAChC,OAAAC;AAAA,EACA,WAAAC;AACF,GAA2B;;AACzB,QAAM,EAAE,cAAAC,GAAc,gBAAAC,EAAA,IAAmBC,EAAA,GACnCC,IAAaC,EAAuB,IAAI,GAExCC,KAAkBC,IAAAR,EAAM,OAAO,KAAK,CAACS,MAAMP,EAAa,IAAIO,EAAE,EAAE,CAAC,MAA/C,gBAAAD,EAAkD,IACpEE,IAAgBV,EAAM,OAAO,UAAU,CAACS,MAAMA,EAAE,OAAOF,CAAe,GAEtEI,IAAgB,CAACC,MAAkD;;AACvE,UAAM,EAAE,KAAAC,MAAQD,GACVE,IAAeJ;AACrB,QAAIK,IAAYD;AAEhB,YAAQD,GAAA;AAAA,MACN,KAAK;AAAA,MACL,KAAK;AACH,QAAAD,EAAM,eAAA,GACNG,IACED,IAAe,IAAIA,IAAe,IAAId,EAAM,OAAO,SAAS;AAC9D;AAAA,MACF,KAAK;AAAA,MACL,KAAK;AACH,QAAAY,EAAM,eAAA,GACNG,IACED,IAAed,EAAM,OAAO,SAAS,IAAIc,IAAe,IAAI;AAC9D;AAAA,MACF,KAAK;AACH,QAAAF,EAAM,eAAA,GACNG,IAAY;AACZ;AAAA,MACF,KAAK;AACH,QAAAH,EAAM,eAAA,GACNG,IAAYf,EAAM,OAAO,SAAS;AAClC;AAAA,MACF;AACE;AAAA,IAAA;AAGJ,UAAMgB,IAAYhB,EAAM,OAAOe,CAAS;AACxC,QAAIC,GAAW;AACb,MAAAb,EAAeH,EAAM,IAAIgB,EAAU,EAAE;AACrC,YAAMC,KAAST,IAAAH,EAAW,YAAX,gBAAAG,EAAoB;AAAA,QACjC,mBAAmBQ,EAAU,EAAE;AAAA;AAEjC,MAAAC,KAAA,QAAAA,EAAQ;AAAA,IACV;AAAA,EACF;AAEA,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAAjB,GAAsB,yBAAuBD,EAAM,IACtD,UAAA,gBAAAkB;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAKb;AAAA,MACL,MAAK;AAAA,MACL,cAAYL,EAAM;AAAA,MAClB,WAAWmB,EAAO;AAAA,MAEjB,UAAAnB,EAAM,OAAO,IAAI,CAACoB,MAAU;AAC3B,cAAMC,IAAaD,EAAM,OAAOb;AAChC,eACE,gBAAAW;AAAA,UAAC;AAAA,UAAA;AAAA,YAEC,IAAI,OAAOlB,EAAM,EAAE,IAAIoB,EAAM,EAAE;AAAA,YAC/B,MAAK;AAAA,YACL,MAAK;AAAA,YACL,iBAAeA,EAAM;AAAA,YACrB,iBAAeC;AAAA,YACf,iBAAe,SAASrB,EAAM,EAAE,IAAIoB,EAAM,EAAE;AAAA,YAC5C,UAAUC,IAAa,IAAI;AAAA,YAC3B,SAAS,MAAMlB,EAAeH,EAAM,IAAIoB,EAAM,EAAE;AAAA,YAChD,WAAWT;AAAA,YACX,WAAW,GAAGQ,EAAO,MAAM,IAAIE,IAAaF,EAAO,iBAAiBA,EAAO,gBAAgB;AAAA,YAE1F,UAAAC,EAAM;AAAA,UAAA;AAAA,UAZFA,EAAM;AAAA,QAAA;AAAA,MAejB,CAAC;AAAA,IAAA;AAAA,EAAA,GAEL;AAEJ;"}

package/dist/components/content-components/zone-pivots/zone-pivot-selector.module.css.js

@@ -0,0 +1,14 @@
+const t = "_container_gmrx7_1", e = "_button_gmrx7_14", n = "_buttonSelected_gmrx7_35", o = "_buttonUnselected_gmrx7_46", c = {
+  container: t,
+  button: e,
+  buttonSelected: n,
+  buttonUnselected: o
+};
+export {
+  e as button,
+  n as buttonSelected,
+  o as buttonUnselected,
+  t as container,
+  c as default
+};
+//# sourceMappingURL=zone-pivot-selector.module.css.js.map

package/dist/components/content-components/zone-pivots/zone-pivot-selector.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"zone-pivot-selector.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/components/content-components/zone-pivots/zone-pivot.js

@@ -0,0 +1,25 @@
+import { jsx as p } from "react/jsx-runtime";
+import { useZonePivotContext as v } from "./zone-pivot-context.js";
+function b({ pivot: t, target: e, children: a }) {
+  var s;
+  const { activePivots: d, groups: r } = v(), n = t.split(" ").map((o) => o.trim());
+  if (!n.some((o) => d.has(o))) return null;
+  const i = (s = r.find(
+    (o) => o.pivots.some((c) => n.includes(c.id))
+  )) == null ? void 0 : s.id, l = i ? `panel-${i}-${t}` : void 0;
+  return /* @__PURE__ */ p(
+    "div",
+    {
+      role: "tabpanel",
+      id: l,
+      "aria-labelledby": i ? `tab-${i}-${t}` : void 0,
+      "data-zone-pivot": t,
+      ...e ? { "data-zone-target": e } : {},
+      children: a
+    }
+  );
+}
+export {
+  b as ZonePivot
+};
+//# sourceMappingURL=zone-pivot.js.map

package/dist/components/content-components/zone-pivots/zone-pivot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"zone-pivot.js","sources":["../../../../src/components/content-components/zone-pivots/zone-pivot.tsx"],"sourcesContent":["import React from \"react\";\nimport { useZonePivotContext } from \"./zone-pivot-context\";\n\nexport interface ZonePivotProps {\n  pivot: string;\n  target?: string;\n  children: React.ReactNode;\n}\n\nexport function ZonePivot({ pivot, target, children }: ZonePivotProps) {\n  const { activePivots, groups } = useZonePivotContext();\n\n  const pivotIds = pivot.split(\" \").map((p) => p.trim());\n\n  const isActive = pivotIds.some((pivotId) => activePivots.has(pivotId));\n\n  if (!isActive) return null;\n\n  const groupId = groups.find((g) =>\n    g.pivots.some((p) => pivotIds.includes(p.id))\n  )?.id;\n\n  const panelId = groupId ? `panel-${groupId}-${pivot}` : undefined;\n\n  return (\n    <div\n      role=\"tabpanel\"\n      id={panelId}\n      aria-labelledby={groupId ? `tab-${groupId}-${pivot}` : undefined}\n      data-zone-pivot={pivot}\n      {...(target ? { \"data-zone-target\": target } : {})}\n    >\n      {children}\n    </div>\n  );\n}\n"],"names":["ZonePivot","pivot","target","children","activePivots","groups","useZonePivotContext","pivotIds","p","pivotId","groupId","_a","g","panelId","jsx"],"mappings":";;AASO,SAASA,EAAU,EAAE,OAAAC,GAAO,QAAAC,GAAQ,UAAAC,KAA4B;;AACrE,QAAM,EAAE,cAAAC,GAAc,QAAAC,EAAA,IAAWC,EAAA,GAE3BC,IAAWN,EAAM,MAAM,GAAG,EAAE,IAAI,CAACO,MAAMA,EAAE,MAAM;AAIrD,MAAI,CAFaD,EAAS,KAAK,CAACE,MAAYL,EAAa,IAAIK,CAAO,CAAC,EAEtD,QAAO;AAEtB,QAAMC,KAAUC,IAAAN,EAAO;AAAA,IAAK,CAACO,MAC3BA,EAAE,OAAO,KAAK,CAACJ,MAAMD,EAAS,SAASC,EAAE,EAAE,CAAC;AAAA,EAAA,MAD9B,gBAAAG,EAEb,IAEGE,IAAUH,IAAU,SAASA,CAAO,IAAIT,CAAK,KAAK;AAExD,SACE,gBAAAa;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,IAAID;AAAA,MACJ,mBAAiBH,IAAU,OAAOA,CAAO,IAAIT,CAAK,KAAK;AAAA,MACvD,mBAAiBA;AAAA,MAChB,GAAIC,IAAS,EAAE,oBAAoBA,EAAA,IAAW,CAAA;AAAA,MAE9C,UAAAC;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/components/content-components/zone-pivots/zone-target.js

@@ -0,0 +1,8 @@
+import { jsx as e } from "react/jsx-runtime";
+function n({ target: t, children: r }) {
+  return /* @__PURE__ */ e("div", { "data-zone-target": t, children: r });
+}
+export {
+  n as ZoneTarget
+};
+//# sourceMappingURL=zone-target.js.map

package/dist/components/content-components/zone-pivots/zone-target.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"zone-target.js","sources":["../../../../src/components/content-components/zone-pivots/zone-target.tsx"],"sourcesContent":["import React from \"react\";\n\nexport interface ZoneTargetProps {\n  target: string;\n  children: React.ReactNode;\n}\n\nexport function ZoneTarget({ target, children }: ZoneTargetProps) {\n  return <div data-zone-target={target}>{children}</div>;\n}\n"],"names":["ZoneTarget","target","children","jsx"],"mappings":";AAOO,SAASA,EAAW,EAAE,QAAAC,GAAQ,UAAAC,KAA6B;AAChE,SAAO,gBAAAC,EAAC,OAAA,EAAI,oBAAkBF,GAAS,UAAAC,EAAA,CAAS;AAClD;"}

package/dist/components/mdx-renderer.js

@@ -0,0 +1,13 @@
+import { jsx as o } from "react/jsx-runtime";
+import { MDXProvider as m } from "@mdx-js/react";
+import n from "./mdx-renderer.module.css.js";
+import s from "./prose.module.css.js";
+import { defaultComponents as p } from "./content-components/default-components.js";
+function a({ children: r, components: e = {} }) {
+  const t = { ...p, ...e };
+  return /* @__PURE__ */ o("div", { className: `${n.container} ${s.prose}`, children: /* @__PURE__ */ o(m, { components: t, children: r }) });
+}
+export {
+  a as MDXRenderer
+};
+//# sourceMappingURL=mdx-renderer.js.map

package/dist/components/mdx-renderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mdx-renderer.js","sources":["../../src/components/mdx-renderer.tsx"],"sourcesContent":["import React from \"react\";\nimport { MDXProvider } from \"@mdx-js/react\";\nimport { defaultComponents } from \"./content-components\";\nimport type { MDXComponents } from \"../types\";\nimport styles from \"./mdx-renderer.module.css\";\nimport proseStyles from \"./prose.module.css\";\n\ninterface MDXRendererProps {\n  children: React.ReactNode;\n  components?: MDXComponents;\n}\n\nexport function MDXRenderer({ children, components = {} }: MDXRendererProps) {\n  const mergedComponents = { ...defaultComponents, ...components };\n\n  return (\n    <div className={`${styles.container} ${proseStyles.prose}`}>\n      <MDXProvider components={mergedComponents}>{children}</MDXProvider>\n    </div>\n  );\n}\n"],"names":["MDXRenderer","children","components","mergedComponents","defaultComponents","jsx","styles","proseStyles","MDXProvider"],"mappings":";;;;;AAYO,SAASA,EAAY,EAAE,UAAAC,GAAU,YAAAC,IAAa,CAAA,KAAwB;AAC3E,QAAMC,IAAmB,EAAE,GAAGC,GAAmB,GAAGF,EAAA;AAEpD,SACE,gBAAAG,EAAC,OAAA,EAAI,WAAW,GAAGC,EAAO,SAAS,IAAIC,EAAY,KAAK,IACtD,UAAA,gBAAAF,EAACG,GAAA,EAAY,YAAYL,GAAmB,UAAAF,GAAS,GACvD;AAEJ;"}

package/dist/components/mdx-renderer.module.css.js

@@ -0,0 +1,8 @@
+const n = "_container_1hsml_1", t = {
+  container: n
+};
+export {
+  n as container,
+  t as default
+};
+//# sourceMappingURL=mdx-renderer.module.css.js.map

package/dist/components/mdx-renderer.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mdx-renderer.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/components/nav-tree/dropdown-menu.js

@@ -0,0 +1,68 @@
+import { jsxs as s, jsx as n } from "react/jsx-runtime";
+import { useState as h } from "react";
+import { DocumentRegular as p, CheckmarkFilled as v } from "@fluentui/react-icons";
+import e from "./dropdown-menu.module.css.js";
+function x({
+  dropdown: a,
+  isActive: c = !1,
+  activeHref: o,
+  className: l = ""
+}) {
+  const [i, t] = h(!1), d = a.icon || p;
+  return /* @__PURE__ */ s("div", { className: `${e.container} ${l}`, children: [
+    /* @__PURE__ */ n(
+      "button",
+      {
+        onClick: () => t(!i),
+        "aria-expanded": i,
+        "aria-label": `${i ? "Collapse" : "Expand"} ${a.title} dropdown`,
+        className: `${e.button} ${c ? e.buttonActive : ""}`,
+        children: /* @__PURE__ */ s("div", { className: e.buttonContent, children: [
+          /* @__PURE__ */ n("div", { className: e.iconContainer, children: /* @__PURE__ */ n("div", { className: e.iconWrapper, children: /* @__PURE__ */ n(d, { className: e.icon }) }) }),
+          /* @__PURE__ */ s("div", { className: e.textContainer, children: [
+            /* @__PURE__ */ n("div", { className: e.title, children: a.title }),
+            /* @__PURE__ */ n("div", { className: e.description, children: a.description })
+          ] }),
+          /* @__PURE__ */ n("div", { className: e.chevronContainer, children: /* @__PURE__ */ n(
+            "svg",
+            {
+              className: `${e.chevron} ${i ? e.chevronExpanded : e.chevronCollapsed}`,
+              fill: "none",
+              stroke: "currentColor",
+              viewBox: "0 0 24 24",
+              "aria-hidden": "true",
+              children: /* @__PURE__ */ n(
+                "path",
+                {
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  strokeWidth: 2,
+                  d: "M19 9l-7 7-7-7"
+                }
+              )
+            }
+          ) })
+        ] })
+      }
+    ),
+    i && a.items && a.items.length > 0 && /* @__PURE__ */ n("div", { className: e.dropdownContainer, children: /* @__PURE__ */ n("div", { className: e.dropdown, children: /* @__PURE__ */ n("div", { className: e.dropdownList, children: a.items.map((r, m) => /* @__PURE__ */ s(
+      "a",
+      {
+        href: r.href,
+        className: e.dropdownItem,
+        children: [
+          /* @__PURE__ */ s("div", { className: e.dropdownItemContent, children: [
+            r.icon && /* @__PURE__ */ n("div", { className: e.dropdownItemIconWrapper, children: /* @__PURE__ */ n(r.icon, { className: e.dropdownItemIcon }) }),
+            /* @__PURE__ */ n("span", { className: e.dropdownItemTitle, children: r.title })
+          ] }),
+          r.href && o === r.href && /* @__PURE__ */ n(v, { className: e.checkmark })
+        ]
+      },
+      `${r.href}-${m}`
+    )) }) }) })
+  ] });
+}
+export {
+  x as DropdownMenu
+};
+//# sourceMappingURL=dropdown-menu.js.map