@sleetch/react 1.0.4 → 1.0.5

package/dist/{header-D59bdlay.js.map → header-sU8dWMtq.js.map}

@@ -1 +1 @@
-{"version":3,"file":"header-D59bdlay.js","names":[],"sources":["../../styles/src/components/documentation/header.module.css","../src/components/documentation/header.tsx"],"sourcesContent":["@import '../../variables.css';\n\n.default {\n  color: var(--_sleetch-color-text);\n  height: var(--_sleetch-header-height);\n  background-color: color-mix(in srgb, var(--_sleetch-color-card) 30%, transparent);\n  backdrop-filter: blur(15px);\n  border-bottom: 1px solid var(--_sleetch-color-muted);\n  position: sticky;\n  top: 0;\n  display: flex;\n  align-items: center;\n  padding: 0 2em;\n  gap: 1em;\n  z-index: 100;\n}\n\n.menu-toggle {\n  display: none;\n  background: none;\n  border: none;\n  color: var(--_sleetch-color-text);\n  cursor: pointer;\n  padding: 0.5em;\n  border-radius: var(--_sleetch-radius);\n  transition: background-color var(--_sleetch-transition-duration) var(--_sleetch-transition-timing);\n}\n\n.menu-toggle:hover {\n  background-color: var(--_sleetch-color-muted);\n}\n\n.menu-toggle:active {\n  transform: scale(0.95);\n}\n\n@media (max-width: 768px) {\n  .default {\n    padding: 0 1em;\n  }\n\n  .menu-toggle {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n}\n","import type { BaseHTMLAttributes } from 'react';\nimport styles from '@sleetch/styles/components/documentation/header.module.css';\nimport clsx from 'clsx';\n\nexport interface DocumentationHeaderProps extends BaseHTMLAttributes<HTMLDivElement> {\n  onMenuToggle?: () => void;\n}\n\nexport function DocumentationHeader({ className, children, onMenuToggle, ...props }: DocumentationHeaderProps) {\n  return (\n    <div className={clsx(styles['default'], className)} {...props}>\n      {onMenuToggle && (\n        <button className={styles['menu-toggle']} onClick={onMenuToggle} aria-label=\"Toggle sidebar\" type=\"button\">\n          <svg\n            viewBox=\"0 0 24 24\"\n            width=\"24\"\n            height=\"24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            strokeWidth=\"2\"\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n          >\n            <line x1=\"3\" y1=\"12\" x2=\"21\" y2=\"12\" />\n            <line x1=\"3\" y1=\"6\" x2=\"21\" y2=\"6\" />\n            <line x1=\"3\" y1=\"18\" x2=\"21\" y2=\"18\" />\n          </svg>\n        </button>\n      )}\n      {children}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;ACQA,SAAgB,EAAoB,EAAE,cAAW,aAAU,iBAAc,GAAG,KAAmC;CAC7G,OACE,kBAAC,OAAD;EAAK,WAAW,EAAK,EAAO,SAAY,CAAS;EAAG,GAAI;YAAxD,CACG,KACC,kBAAC,UAAD;GAAQ,WAAW,EAAO;GAAgB,SAAS;GAAc,cAAW;GAAiB,MAAK;aAChG,kBAAC,OAAD;IACE,SAAQ;IACR,OAAM;IACN,QAAO;IACP,MAAK;IACL,QAAO;IACP,aAAY;IACZ,eAAc;IACd,gBAAe;cARjB;KAUE,kBAAC,QAAD;MAAM,IAAG;MAAI,IAAG;MAAK,IAAG;MAAK,IAAG;KAAM,CAAA;KACtC,kBAAC,QAAD;MAAM,IAAG;MAAI,IAAG;MAAI,IAAG;MAAK,IAAG;KAAK,CAAA;KACpC,kBAAC,QAAD;MAAM,IAAG;MAAI,IAAG;MAAK,IAAG;MAAK,IAAG;KAAM,CAAA;IACnC;;EACC,CAAA,GAET,CACE;;AAET"}
+{"version":3,"file":"header-sU8dWMtq.js","names":[],"sources":["../../styles/src/components/documentation/header.module.css","../src/components/documentation/header.tsx"],"sourcesContent":["@import '../../variables.css';\n\n.default {\n  color: var(--_sleetch-color-text);\n  height: var(--_sleetch-header-height);\n  background-color: color-mix(in srgb, var(--_sleetch-color-card) 30%, transparent);\n  backdrop-filter: blur(15px);\n  border-bottom: 1px solid var(--_sleetch-color-muted);\n  position: sticky;\n  top: 0;\n  display: flex;\n  align-items: center;\n  padding: 0 2em;\n  gap: 1em;\n  z-index: 100;\n}\n\n.menu-toggle {\n  display: none;\n  background: none;\n  border: none;\n  color: var(--_sleetch-color-text);\n  cursor: pointer;\n  padding: 0.5em;\n  border-radius: var(--_sleetch-radius);\n  transition: background-color var(--_sleetch-transition-duration) var(--_sleetch-transition-timing);\n}\n\n.menu-toggle:hover {\n  background-color: var(--_sleetch-color-muted);\n}\n\n.menu-toggle:active {\n  transform: scale(0.95);\n}\n\n@media (max-width: 768px) {\n  .default {\n    padding: 0 1em;\n  }\n\n  .menu-toggle {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n}\n","import type { BaseHTMLAttributes } from 'react';\nimport styles from '@sleetch/styles/components/documentation/header.module.css';\nimport clsx from 'clsx';\n\nexport interface DocumentationHeaderProps extends BaseHTMLAttributes<HTMLDivElement> {\n  onMenuToggle?: () => void;\n}\n\nexport function DocumentationHeader({ className, children, onMenuToggle, ...props }: DocumentationHeaderProps) {\n  return (\n    <div className={clsx(styles['default'], className)} {...props}>\n      {onMenuToggle && (\n        <button className={styles['menu-toggle']} onClick={onMenuToggle} aria-label=\"Toggle sidebar\" type=\"button\">\n          <svg\n            viewBox=\"0 0 24 24\"\n            width=\"24\"\n            height=\"24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            strokeWidth=\"2\"\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n          >\n            <line x1=\"3\" y1=\"12\" x2=\"21\" y2=\"12\" />\n            <line x1=\"3\" y1=\"6\" x2=\"21\" y2=\"6\" />\n            <line x1=\"3\" y1=\"18\" x2=\"21\" y2=\"18\" />\n          </svg>\n        </button>\n      )}\n      {children}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;ACQA,SAAgB,EAAoB,EAAE,cAAW,aAAU,iBAAc,GAAG,KAAmC;CAC7G,OACE,kBAAC,OAAD;EAAK,WAAW,EAAK,EAAO,SAAY,CAAS;EAAG,GAAI;EAAxD,UAAA,CACG,KACC,kBAAC,UAAD;GAAQ,WAAW,EAAO;GAAgB,SAAS;GAAc,cAAW;GAAiB,MAAK;GAChG,UAAA,kBAAC,OAAD;IACE,SAAQ;IACR,OAAM;IACN,QAAO;IACP,MAAK;IACL,QAAO;IACP,aAAY;IACZ,eAAc;IACd,gBAAe;IARjB,UAAA;KAUE,kBAAC,QAAD;MAAM,IAAG;MAAI,IAAG;MAAK,IAAG;MAAK,IAAG;KAAM,CAAA;KACtC,kBAAC,QAAD;MAAM,IAAG;MAAI,IAAG;MAAI,IAAG;MAAK,IAAG;KAAK,CAAA;KACpC,kBAAC,QAAD;MAAM,IAAG;MAAI,IAAG;MAAK,IAAG;MAAK,IAAG;KAAM,CAAA;IACnC;;EACC,CAAA,GAET,CACE;;AAET"}

package/dist/index.cjs.js

@@ -1 +1 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./content-r8d8MkOf.cjs"),t=require("./sidebar-DGEZFbBi.cjs"),n=require("./content-CePPkmqw.cjs"),r=require("./layout-D6mjobyq.cjs"),i=require("./components/documentation/connected-sidebar.cjs.js"),a=require("./header-DbR9X4YP.cjs"),o=require("./components/documentation/connected-header.cjs.js"),s=require("./content-_OkOg-pq.cjs"),c=require("./toc-CMwm46RH.cjs"),l=require("./content-D_P9xOgL.cjs"),u=require("./button-DWM5D_of.cjs"),d=require("./components/documentation/page/header.cjs.js"),f=require("./navigation-BdVu1Uh-.cjs"),p=require("./file-system-Dr4N-WNs.cjs");exports.Button=u.t,exports.ConnectedDocumentationHeader=o.ConnectedDocumentationHeader,exports.ConnectedDocumentationSidebar=i.ConnectedDocumentationSidebar,exports.DocumentationContent=s.t,exports.DocumentationHeader=a.t,exports.DocumentationLayout=r.t,exports.DocumentationSidebar=t.t,exports.DocumentationSidebarContent=n.t,exports.DocumentationToc=c.t,exports.DocumentationTocContent=l.t,exports.File=p.t,exports.FileSystem=p.n,exports.Folder=p.r,exports.PageContent=e.t,exports.PageHeader=d.PageHeader,exports.PageNavigation=f.t,exports.useDocumentationLayout=r.n;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./content-chbzPH8e.cjs"),t=require("./sidebar-itvEMQwG.cjs"),n=require("./content-t22ieOoh.cjs"),r=require("./layout-S6NKDwxp.cjs"),i=require("./components/documentation/connected-sidebar.cjs.js"),a=require("./header-CYEQU5cQ.cjs"),o=require("./components/documentation/connected-header.cjs.js"),s=require("./content-CqUGhbCF.cjs"),c=require("./toc-Do6Ltevt.cjs"),l=require("./content-DJNzy3NF.cjs"),u=require("./button-BeAWWhRN.cjs"),d=require("./components/documentation/page/header.cjs.js"),f=require("./navigation-B9LRrcfi.cjs"),p=require("./file-system-Dr4N-WNs.cjs");exports.Button=u.t,exports.ConnectedDocumentationHeader=o.ConnectedDocumentationHeader,exports.ConnectedDocumentationSidebar=i.ConnectedDocumentationSidebar,exports.DocumentationContent=s.t,exports.DocumentationHeader=a.t,exports.DocumentationLayout=r.t,exports.DocumentationSidebar=t.t,exports.DocumentationSidebarContent=n.t,exports.DocumentationToc=c.t,exports.DocumentationTocContent=l.t,exports.File=p.t,exports.FileSystem=p.n,exports.Folder=p.r,exports.PageContent=e.t,exports.PageHeader=d.PageHeader,exports.PageNavigation=f.t,exports.useDocumentationLayout=r.n;

package/dist/{index.esm.js → index.es.js}

@@ -1,16 +1,16 @@
 "use client";
-import { t as e } from "./sidebar-DgVlWEfQ.js";
-import { t } from "./content-x_2bnG7q.js";
-import { n, t as r } from "./layout-BRE4zrjG.js";
-import { ConnectedDocumentationSidebar as i } from "./components/documentation/connected-sidebar.esm.js";
-import { t as a } from "./header-D59bdlay.js";
-import { ConnectedDocumentationHeader as o } from "./components/documentation/connected-header.esm.js";
-import { t as s } from "./content-mbVWCXX0.js";
-import { t as c } from "./toc-BuFdWsti.js";
-import { t as l } from "./content-CRXZ7aLX.js";
+import { t as e } from "./sidebar-L0Psnc5-.js";
+import { t } from "./content-a-BY0A0H.js";
+import { n, t as r } from "./layout-8L0QXbyL.js";
+import { ConnectedDocumentationSidebar as i } from "./components/documentation/connected-sidebar.es.js";
+import { t as a } from "./header-sU8dWMtq.js";
+import { ConnectedDocumentationHeader as o } from "./components/documentation/connected-header.es.js";
+import { t as s } from "./content-Dit2HthD.js";
+import { t as c } from "./toc-DDk-G4gk.js";
+import { t as l } from "./content-Bnjq-GtR.js";
 import { t as u } from "./content-DusAp8Q6.js";
-import { t as d } from "./button-B1pw1TFm.js";
-import { PageHeader as f } from "./components/documentation/page/header.esm.js";
-import { t as p } from "./navigation-kP1-q7Ux.js";
+import { t as d } from "./button-WIi-MWq9.js";
+import { PageHeader as f } from "./components/documentation/page/header.es.js";
+import { t as p } from "./navigation-C9yFcqfd.js";
 import { n as m, r as h, t as g } from "./file-system-BtXBcLmT.js";
 export { d as Button, o as ConnectedDocumentationHeader, i as ConnectedDocumentationSidebar, s as DocumentationContent, a as DocumentationHeader, r as DocumentationLayout, e as DocumentationSidebar, t as DocumentationSidebarContent, c as DocumentationToc, l as DocumentationTocContent, g as File, m as FileSystem, h as Folder, u as PageContent, f as PageHeader, p as PageNavigation, n as useDocumentationLayout };

package/dist/{layout-BRE4zrjG.js → layout-8L0QXbyL.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./clsx-CeX9s6vy.js";
+import { t as e } from "./clsx-CaAiuA5w.js";
 import { createContext as t, useContext as n, useState as r } from "react";
 import { jsx as i } from "react/jsx-runtime";
 import './assets/layout.css';//#region ../styles/src/components/documentation/layout.module.css
@@ -26,4 +26,4 @@ function c({ children: t, className: n, ...s }) {
 //#endregion
 export { s as n, c as t };
 
-//# sourceMappingURL=layout-BRE4zrjG.js.map
+//# sourceMappingURL=layout-8L0QXbyL.js.map

package/dist/{layout-BRE4zrjG.js.map → layout-8L0QXbyL.js.map}

@@ -1 +1 @@
-{"version":3,"file":"layout-BRE4zrjG.js","names":[],"sources":["../../styles/src/components/documentation/layout.module.css","../src/components/documentation/layout.tsx"],"sourcesContent":["@import '../../variables.css';\n\n.default {\n  color: var(--_sleetch-color-text);\n  background-color: var(--_sleetch-color-background);\n  display: flex;\n  flex-direction: column;\n  min-height: 100vh;\n}\n","import type { ReactNode, BaseHTMLAttributes } from 'react';\nimport { createContext, useContext, useState } from 'react';\nimport styles from '@sleetch/styles/components/documentation/layout.module.css';\nimport clsx from 'clsx';\n\nexport interface DocumentationLayoutProps extends BaseHTMLAttributes<HTMLDivElement> {}\n\ninterface LayoutContextType {\n  isSidebarOpen: boolean;\n  toggleSidebar: () => void;\n  closeSidebar: () => void;\n}\n\nconst LayoutContext = createContext<LayoutContextType | null>(null);\n\nexport function useDocumentationLayout() {\n  const context = useContext(LayoutContext);\n  if (!context) {\n    throw new Error('useDocumentationLayout must be used within DocumentationLayout');\n  }\n  return context;\n}\n\nexport function DocumentationLayout({ children, className, ...props }: DocumentationLayoutProps) {\n  const [isSidebarOpen, setIsSidebarOpen] = useState(false);\n\n  const toggleSidebar = () => setIsSidebarOpen((prev) => !prev);\n  const closeSidebar = () => setIsSidebarOpen(false);\n\n  return (\n    <LayoutContext.Provider value={{ isSidebarOpen, toggleSidebar, closeSidebar }}>\n      <main className={clsx(styles['default'], className)} {...props}>\n        {children}\n      </main>\n    </LayoutContext.Provider>\n  );\n}\n"],"mappings":";;;;yCCaM,IAAgB,EAAwC,IAAI;AAElE,SAAgB,IAAyB;CACvC,IAAM,IAAU,EAAW,CAAa;CACxC,IAAI,CAAC,GACH,MAAU,MAAM,gEAAgE;CAElF,OAAO;AACT;AAEA,SAAgB,EAAoB,EAAE,aAAU,cAAW,GAAG,KAAmC;CAC/F,IAAM,CAAC,GAAe,KAAoB,EAAS,EAAK;CAKxD,OACE,kBAAC,EAAc,UAAf;EAAwB,OAAO;GAAE;GAAe,qBAJtB,GAAkB,MAAS,CAAC,CAAI;GAIK,oBAHtC,EAAiB,EAAK;EAG6B;YAC1E,kBAAC,QAAD;GAAM,WAAW,EAAK,EAAO,SAAY,CAAS;GAAG,GAAI;GACtD;EACG,CAAA;CACgB,CAAA;AAE5B"}
+{"version":3,"file":"layout-8L0QXbyL.js","names":[],"sources":["../../styles/src/components/documentation/layout.module.css","../src/components/documentation/layout.tsx"],"sourcesContent":["@import '../../variables.css';\n\n.default {\n  color: var(--_sleetch-color-text);\n  background-color: var(--_sleetch-color-background);\n  display: flex;\n  flex-direction: column;\n  min-height: 100vh;\n}\n","import type { ReactNode, BaseHTMLAttributes } from 'react';\nimport { createContext, useContext, useState } from 'react';\nimport styles from '@sleetch/styles/components/documentation/layout.module.css';\nimport clsx from 'clsx';\n\nexport interface DocumentationLayoutProps extends BaseHTMLAttributes<HTMLDivElement> {}\n\ninterface LayoutContextType {\n  isSidebarOpen: boolean;\n  toggleSidebar: () => void;\n  closeSidebar: () => void;\n}\n\nconst LayoutContext = createContext<LayoutContextType | null>(null);\n\nexport function useDocumentationLayout() {\n  const context = useContext(LayoutContext);\n  if (!context) {\n    throw new Error('useDocumentationLayout must be used within DocumentationLayout');\n  }\n  return context;\n}\n\nexport function DocumentationLayout({ children, className, ...props }: DocumentationLayoutProps) {\n  const [isSidebarOpen, setIsSidebarOpen] = useState(false);\n\n  const toggleSidebar = () => setIsSidebarOpen((prev) => !prev);\n  const closeSidebar = () => setIsSidebarOpen(false);\n\n  return (\n    <LayoutContext.Provider value={{ isSidebarOpen, toggleSidebar, closeSidebar }}>\n      <main className={clsx(styles['default'], className)} {...props}>\n        {children}\n      </main>\n    </LayoutContext.Provider>\n  );\n}\n"],"mappings":";;;;yCCaM,IAAgB,EAAwC,IAAI;AAElE,SAAgB,IAAyB;CACvC,IAAM,IAAU,EAAW,CAAa;CACxC,IAAI,CAAC,GACH,MAAU,MAAM,gEAAgE;CAElF,OAAO;AACT;AAEA,SAAgB,EAAoB,EAAE,aAAU,cAAW,GAAG,KAAmC;CAC/F,IAAM,CAAC,GAAe,KAAoB,EAAS,EAAK;CAKxD,OACE,kBAAC,EAAc,UAAf;EAAwB,OAAO;GAAE;GAAe,qBAJtB,GAAkB,MAAS,CAAC,CAAI;GAIK,oBAHtC,EAAiB,EAAK;EAG6B;EAC1E,UAAA,kBAAC,QAAD;GAAM,WAAW,EAAK,EAAO,SAAY,CAAS;GAAG,GAAI;GACtD;EACG,CAAA;CACgB,CAAA;AAE5B"}

package/dist/{layout-D6mjobyq.cjs → layout-S6NKDwxp.cjs}

@@ -1,2 +1,2 @@
-require('./assets/layout.css');const e=require("./clsx-CPcBvw4Z.cjs");let t=require("react"),n=require("react/jsx-runtime");var r={default:`_default_1till_3`},i=(0,t.createContext)(null);function a(){let e=(0,t.useContext)(i);if(!e)throw Error(`useDocumentationLayout must be used within DocumentationLayout`);return e}function o({children:a,className:o,...s}){let[c,l]=(0,t.useState)(!1);return(0,n.jsx)(i.Provider,{value:{isSidebarOpen:c,toggleSidebar:()=>l(e=>!e),closeSidebar:()=>l(!1)},children:(0,n.jsx)(`main`,{className:e.t(r.default,o),...s,children:a})})}Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return o}});
-//# sourceMappingURL=layout-D6mjobyq.cjs.map
+require('./assets/layout.css');const e=require("./clsx-GLXUd3yb.cjs");let t=require("react"),n=require("react/jsx-runtime");var r={default:`_default_1till_3`},i=(0,t.createContext)(null);function a(){let e=(0,t.useContext)(i);if(!e)throw Error(`useDocumentationLayout must be used within DocumentationLayout`);return e}function o({children:a,className:o,...s}){let[c,l]=(0,t.useState)(!1);return(0,n.jsx)(i.Provider,{value:{isSidebarOpen:c,toggleSidebar:()=>l(e=>!e),closeSidebar:()=>l(!1)},children:(0,n.jsx)(`main`,{className:e.t(r.default,o),...s,children:a})})}Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return o}});
+//# sourceMappingURL=layout-S6NKDwxp.cjs.map

package/dist/{layout-D6mjobyq.cjs.map → layout-S6NKDwxp.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"layout-D6mjobyq.cjs","names":[],"sources":["../../styles/src/components/documentation/layout.module.css","../src/components/documentation/layout.tsx"],"sourcesContent":["@import '../../variables.css';\n\n.default {\n  color: var(--_sleetch-color-text);\n  background-color: var(--_sleetch-color-background);\n  display: flex;\n  flex-direction: column;\n  min-height: 100vh;\n}\n","import type { ReactNode, BaseHTMLAttributes } from 'react';\nimport { createContext, useContext, useState } from 'react';\nimport styles from '@sleetch/styles/components/documentation/layout.module.css';\nimport clsx from 'clsx';\n\nexport interface DocumentationLayoutProps extends BaseHTMLAttributes<HTMLDivElement> {}\n\ninterface LayoutContextType {\n  isSidebarOpen: boolean;\n  toggleSidebar: () => void;\n  closeSidebar: () => void;\n}\n\nconst LayoutContext = createContext<LayoutContextType | null>(null);\n\nexport function useDocumentationLayout() {\n  const context = useContext(LayoutContext);\n  if (!context) {\n    throw new Error('useDocumentationLayout must be used within DocumentationLayout');\n  }\n  return context;\n}\n\nexport function DocumentationLayout({ children, className, ...props }: DocumentationLayoutProps) {\n  const [isSidebarOpen, setIsSidebarOpen] = useState(false);\n\n  const toggleSidebar = () => setIsSidebarOpen((prev) => !prev);\n  const closeSidebar = () => setIsSidebarOpen(false);\n\n  return (\n    <LayoutContext.Provider value={{ isSidebarOpen, toggleSidebar, closeSidebar }}>\n      <main className={clsx(styles['default'], className)} {...props}>\n        {children}\n      </main>\n    </LayoutContext.Provider>\n  );\n}\n"],"mappings":"gICaM,GAAA,EAAA,EAAA,cAAA,CAAwD,IAAI,EAElE,SAAgB,GAAyB,CACvC,IAAM,GAAA,EAAA,EAAA,WAAA,CAAqB,CAAa,EACxC,GAAI,CAAC,EACH,MAAU,MAAM,gEAAgE,EAElF,OAAO,CACT,CAEA,SAAgB,EAAoB,CAAE,WAAU,YAAW,GAAG,GAAmC,CAC/F,GAAM,CAAC,EAAe,IAAA,EAAA,EAAA,SAAA,CAA6B,EAAK,EAKxD,OACE,EAAA,EAAA,IAAA,CAAC,EAAc,SAAf,CAAwB,MAAO,CAAE,gBAAe,kBAJtB,EAAkB,GAAS,CAAC,CAAI,EAIK,iBAHtC,EAAiB,EAAK,CAG6B,YAC1E,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,EAAK,EAAO,QAAY,CAAS,EAAG,GAAI,EACtD,UACG,CAAA,CACgB,CAAA,CAE5B"}
+{"version":3,"file":"layout-S6NKDwxp.cjs","names":[],"sources":["../../styles/src/components/documentation/layout.module.css","../src/components/documentation/layout.tsx"],"sourcesContent":["@import '../../variables.css';\n\n.default {\n  color: var(--_sleetch-color-text);\n  background-color: var(--_sleetch-color-background);\n  display: flex;\n  flex-direction: column;\n  min-height: 100vh;\n}\n","import type { ReactNode, BaseHTMLAttributes } from 'react';\nimport { createContext, useContext, useState } from 'react';\nimport styles from '@sleetch/styles/components/documentation/layout.module.css';\nimport clsx from 'clsx';\n\nexport interface DocumentationLayoutProps extends BaseHTMLAttributes<HTMLDivElement> {}\n\ninterface LayoutContextType {\n  isSidebarOpen: boolean;\n  toggleSidebar: () => void;\n  closeSidebar: () => void;\n}\n\nconst LayoutContext = createContext<LayoutContextType | null>(null);\n\nexport function useDocumentationLayout() {\n  const context = useContext(LayoutContext);\n  if (!context) {\n    throw new Error('useDocumentationLayout must be used within DocumentationLayout');\n  }\n  return context;\n}\n\nexport function DocumentationLayout({ children, className, ...props }: DocumentationLayoutProps) {\n  const [isSidebarOpen, setIsSidebarOpen] = useState(false);\n\n  const toggleSidebar = () => setIsSidebarOpen((prev) => !prev);\n  const closeSidebar = () => setIsSidebarOpen(false);\n\n  return (\n    <LayoutContext.Provider value={{ isSidebarOpen, toggleSidebar, closeSidebar }}>\n      <main className={clsx(styles['default'], className)} {...props}>\n        {children}\n      </main>\n    </LayoutContext.Provider>\n  );\n}\n"],"mappings":"gICaM,GAAA,EAAgB,EAAA,cAAA,CAAwC,IAAI,EAElE,SAAgB,GAAyB,CACvC,IAAM,GAAA,EAAU,EAAA,WAAA,CAAW,CAAa,EACxC,GAAI,CAAC,EACH,MAAU,MAAM,gEAAgE,EAElF,OAAO,CACT,CAEA,SAAgB,EAAoB,CAAE,WAAU,YAAW,GAAG,GAAmC,CAC/F,GAAM,CAAC,EAAe,IAAA,EAAoB,EAAA,SAAA,CAAS,EAAK,EAKxD,OACE,EAAA,EAAA,IAAA,CAAC,EAAc,SAAf,CAAwB,MAAO,CAAE,gBAAe,kBAJtB,EAAkB,GAAS,CAAC,CAAI,EAIK,iBAHtC,EAAiB,EAAK,CAG6B,EAC1E,UAAA,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,EAAK,EAAO,QAAY,CAAS,EAAG,GAAI,EACtD,UACG,CAAA,CACgB,CAAA,CAE5B"}

package/dist/navigation-B9LRrcfi.cjs

@@ -0,0 +1,2 @@
+require('./assets/navigation.css');const e=require("./clsx-GLXUd3yb.cjs");let t=require("react"),n=require("react/jsx-runtime");var r={navigation:`_navigation_fckni_3`,slot:`_slot_fckni_12`,"slot-end":`_slot-end_fckni_16`,card:`_card_fckni_20`,next:`_next_fckni_47`,previous:`_previous_fckni_52`,meta:`_meta_fckni_57`,chevron:`_chevron_fckni_65`,title:`_title_fckni_71`,description:`_description_fckni_78`},i=e=>e;function a(e){return e.children.find(e=>e.type===`data`)}function o(e){return e.children.find(e=>e.type===`page`&&e.index===!0)}function s(e){return e.type===`category`?a(e)?.frontmatter?.order??1/0:e.type===`page`?e.frontmatter.order??1/0:1/0}function c(e){return e.map((e,t)=>({node:e,index:t})).filter(({node:e})=>e.type!==`data`).sort((e,t)=>{let n=s(e.node)-s(t.node);return n===0?e.index-t.index:n}).map(({node:e})=>e)}function l(e){let t=c(e),n=[];for(let e of t){if(e.type===`page`){n.push(e);continue}if(e.type===`category`){let t=o(e);t&&n.push(t);let r=e.children.filter(e=>e.type!==`data`&&(e.type!==`page`||e.index!==!0));n.push(...l(r))}}return n}function u(){return(0,n.jsx)(`svg`,{viewBox:`0 0 24 24`,width:`16`,height:`16`,fill:`none`,stroke:`currentColor`,strokeWidth:`2.5`,strokeLinecap:`round`,strokeLinejoin:`round`,className:r.chevron,children:(0,n.jsx)(`polyline`,{points:`15 18 9 12 15 6`})})}function d(){return(0,n.jsx)(`svg`,{viewBox:`0 0 24 24`,width:`16`,height:`16`,fill:`none`,stroke:`currentColor`,strokeWidth:`2.5`,strokeLinecap:`round`,strokeLinejoin:`round`,className:r.chevron,children:(0,n.jsx)(`polyline`,{points:`9 18 15 12 9 6`})})}function f(e,t){return e&&e!==`No title.`?e:t}function p(e){return e&&e!==`No description.`?e:void 0}function m({node:t,direction:i,hrefBuilder:a}){let o=f(t.frontmatter.title,t.path),s=p(t.frontmatter.description);return(0,n.jsxs)(`a`,{href:a(t.path),className:e.t(r.card,r[i]),"data-direction":i,children:[(0,n.jsxs)(`span`,{className:r.meta,children:[i===`previous`&&(0,n.jsx)(u,{}),(0,n.jsx)(`span`,{className:r.title,children:o}),i===`next`&&(0,n.jsx)(d,{})]}),s&&(0,n.jsx)(`span`,{className:r.description,children:s})]})}function h({className:a,tree:o,currentPath:s,hrefBuilder:c=i,...u}){let{previous:d,next:f}=(0,t.useMemo)(()=>{let e=l(o),t=e.findIndex(e=>e.path===s);return t===-1?{previous:void 0,next:void 0}:{previous:e[t-1],next:e[t+1]}},[o,s]);return!d&&!f?null:(0,n.jsxs)(`nav`,{className:e.t(r.navigation,a),"aria-label":`Pagination`,...u,children:[(0,n.jsx)(`div`,{className:r.slot,children:d&&(0,n.jsx)(m,{node:d,direction:`previous`,hrefBuilder:c})}),(0,n.jsx)(`div`,{className:e.t(r.slot,r[`slot-end`]),children:f&&(0,n.jsx)(m,{node:f,direction:`next`,hrefBuilder:c})})]})}Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return h}});
+//# sourceMappingURL=navigation-B9LRrcfi.cjs.map

package/dist/{navigation-BdVu1Uh-.cjs.map → navigation-B9LRrcfi.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"navigation-BdVu1Uh-.cjs","names":[],"sources":["../../styles/src/components/documentation/page/navigation.module.css","../src/components/documentation/page/navigation.tsx"],"sourcesContent":["@import '../../../variables.css';\n\n.navigation {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 1em;\n  padding: var(--_sleetch-padding-root);\n  padding-top: 0px;\n  font-family: var(--_sleetch-font-base);\n}\n\n.slot {\n  display: flex;\n}\n\n.slot-end {\n  justify-content: flex-end;\n}\n\n.card {\n  display: flex;\n  flex-direction: column;\n  gap: 0.25em;\n  width: 100%;\n  max-width: 320px;\n  padding: 1em 1em;\n  border-radius: var(--_sleetch-radius);\n  border: var(--_sleetch-hr-height) solid var(--_sleetch-color-muted);\n  color: var(--_sleetch-color-text);\n  text-decoration: none;\n  transition:\n    border-color var(--_sleetch-transition-duration) var(--_sleetch-transition-timing),\n    background-color var(--_sleetch-transition-duration) var(--_sleetch-transition-timing);\n}\n\n.card:hover,\n.card:focus-visible {\n  border-color: var(--_sleetch-color-text-primary);\n  background-color: color-mix(in srgb, var(--_sleetch-color-text-primary) 8%, var(--_sleetch-color-card));\n}\n\n.card:focus-visible {\n  outline: 2px solid var(--_sleetch-color-text-primary);\n  outline-offset: 2px;\n}\n\n.next {\n  align-items: flex-end;\n  text-align: right;\n}\n\n.previous {\n  align-items: flex-start;\n  text-align: left;\n}\n\n.meta {\n  display: flex;\n  align-items: center;\n  gap: 0.3em;\n  font-size: var(--_sleetch-font-size-tiny);\n  color: var(--_sleetch-color-muted-foreground);\n}\n\n.chevron {\n  flex-shrink: 0;\n  width: 20px;\n  height: 20px;\n}\n\n.title {\n  font-size: var(--_sleetch-font-size-base);\n  font-weight: var(--_sleetch-font-weight-heading);\n  line-height: var(--_sleetch-line-height-heading);\n  color: var(--_sleetch-color-text);\n}\n\n.description {\n  font-size: var(--_sleetch-font-size-tiny);\n  line-height: var(--_sleetch-line-height);\n  color: var(--_sleetch-color-muted-foreground);\n  overflow: hidden;\n}\n\n@media (min-width: 769px) and (max-width: 1024px) {\n  .navigation {\n    padding: 1.5em 2em;\n  }\n}\n\n@media (max-width: 768px) {\n  .card {\n    max-width: 100%;\n  }\n\n  .navigation {\n    grid-template-columns: 1fr;\n\n    padding: 1em 1em;\n  }\n\n  .slot-end {\n    justify-content: flex-start;\n  }\n\n  .next {\n    align-items: flex-start;\n    text-align: left;\n  }\n}\n","/*\n  AI Generated :(\n  Needs more testing\n*/\n\nimport { useMemo, type BaseHTMLAttributes } from 'react';\nimport clsx from 'clsx';\nimport styles from '@sleetch/styles/components/documentation/page/navigation.module.css';\nimport type { tree_object } from '@sleetch/core/compiler';\n\ntype category_node = Extract<tree_object, { type: 'category' }>;\ntype page_node = Extract<tree_object, { type: 'page' }>;\ntype data_node = Extract<tree_object, { type: 'data' }>;\n\nexport interface DocumentationNavigationProps extends BaseHTMLAttributes<HTMLDivElement> {\n  tree: tree_object[];\n  currentPath: string;\n  hrefBuilder?: (path: string) => string;\n}\n\nconst defaultHrefBuilder = (path: string) => path;\n\n/*\n  Meme logique de tri/priorite que la sidebar (getCategoryData, getCategoryIndex,\n  getOrder, sortNodes) pour garantir que l'ordre de navigation prev/next\n  corresponde exactement a l'ordre affiche dans la sidebar.\n*/\n\nfunction getCategoryData(category: category_node): data_node | undefined {\n  return category.children.find((c): c is data_node => c.type === 'data');\n}\n\nfunction getCategoryIndex(category: category_node): page_node | undefined {\n  return category.children.find((c): c is page_node => c.type === 'page' && c.index === true);\n}\n\nfunction getOrder(node: tree_object): number {\n  if (node.type === 'category') {\n    const data = getCategoryData(node);\n    return data?.frontmatter?.order ?? Number.POSITIVE_INFINITY;\n  }\n  if (node.type === 'page') {\n    return (node.frontmatter as { order?: number }).order ?? Number.POSITIVE_INFINITY;\n  }\n  return Number.POSITIVE_INFINITY;\n}\n\nfunction sortNodes(nodes: tree_object[]): tree_object[] {\n  return nodes\n    .map((node, index) => ({ node, index }))\n    .filter(({ node }) => node.type !== 'data')\n    .sort((a, b) => {\n      const diff = getOrder(a.node) - getOrder(b.node);\n      return diff !== 0 ? diff : a.index - b.index;\n    })\n    .map(({ node }) => node);\n}\n\n/*\n  Aplatit l'arbre en une liste ordonnee de pages navigables :\n  - l'index d'une categorie arrive en premier (c'est le point d'entree),\n  - suivi de ses enfants tries recursivement.\n*/\nfunction flattenPages(nodes: tree_object[]): page_node[] {\n  const sorted = sortNodes(nodes);\n  const result: page_node[] = [];\n\n  for (const node of sorted) {\n    if (node.type === 'page') {\n      result.push(node);\n      continue;\n    }\n\n    if (node.type === 'category') {\n      const indexPage = getCategoryIndex(node);\n      if (indexPage) result.push(indexPage);\n\n      const rest = node.children.filter((c) => c.type !== 'data' && !(c.type === 'page' && c.index === true));\n      result.push(...flattenPages(rest));\n    }\n  }\n\n  return result;\n}\n\nfunction ChevronLeft() {\n  return (\n    <svg\n      viewBox=\"0 0 24 24\"\n      width=\"16\"\n      height=\"16\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2.5\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      className={styles['chevron']}\n    >\n      <polyline points=\"15 18 9 12 15 6\" />\n    </svg>\n  );\n}\n\nfunction ChevronRight() {\n  return (\n    <svg\n      viewBox=\"0 0 24 24\"\n      width=\"16\"\n      height=\"16\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2.5\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      className={styles['chevron']}\n    >\n      <polyline points=\"9 18 15 12 9 6\" />\n    </svg>\n  );\n}\n\nfunction resolveTitle(title: string, fallbackPath: string): string {\n  return title && title !== 'No title.' ? title : fallbackPath;\n}\n\nfunction resolveDescription(description: string): string | undefined {\n  return description && description !== 'No description.' ? description : undefined;\n}\n\ninterface NavigationCardProps {\n  node: page_node;\n  direction: 'previous' | 'next';\n  hrefBuilder: (path: string) => string;\n}\n\nfunction NavigationCard({ node, direction, hrefBuilder }: NavigationCardProps) {\n  const title = resolveTitle(node.frontmatter.title, node.path);\n  const description = resolveDescription(node.frontmatter.description);\n\n  return (\n    <a href={hrefBuilder(node.path)} className={clsx(styles['card'], styles[direction])} data-direction={direction}>\n      <span className={styles['meta']}>\n        {direction === 'previous' && <ChevronLeft />}\n        <span className={styles['title']}>{title}</span>\n        {direction === 'next' && <ChevronRight />}\n      </span>\n      {description && <span className={styles['description']}>{description}</span>}\n    </a>\n  );\n}\n\nexport function PageNavigation({ className, tree, currentPath, hrefBuilder = defaultHrefBuilder, ...props }: DocumentationNavigationProps) {\n  const { previous, next } = useMemo(() => {\n    const pages = flattenPages(tree);\n    const currentIndex = pages.findIndex((page) => page.path === currentPath);\n\n    if (currentIndex === -1) {\n      return { previous: undefined, next: undefined };\n    }\n\n    return {\n      previous: pages[currentIndex - 1],\n      next: pages[currentIndex + 1],\n    };\n  }, [tree, currentPath]);\n\n  if (!previous && !next) return null;\n\n  return (\n    <nav className={clsx(styles['navigation'], className)} aria-label=\"Pagination\" {...props}>\n      <div className={styles['slot']}>{previous && <NavigationCard node={previous} direction=\"previous\" hrefBuilder={hrefBuilder} />}</div>\n      <div className={clsx(styles['slot'], styles['slot-end'])}>\n        {next && <NavigationCard node={next} direction=\"next\" hrefBuilder={hrefBuilder} />}\n      </div>\n    </nav>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"navigation-B9LRrcfi.cjs","names":[],"sources":["../../styles/src/components/documentation/page/navigation.module.css","../src/components/documentation/page/navigation.tsx"],"sourcesContent":["@import '../../../variables.css';\n\n.navigation {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 1em;\n  padding: var(--_sleetch-padding-root);\n  padding-top: 0px;\n  font-family: var(--_sleetch-font-base);\n}\n\n.slot {\n  display: flex;\n}\n\n.slot-end {\n  justify-content: flex-end;\n}\n\n.card {\n  display: flex;\n  flex-direction: column;\n  gap: 0.25em;\n  width: 100%;\n  max-width: 320px;\n  padding: 1em 1em;\n  border-radius: var(--_sleetch-radius);\n  border: var(--_sleetch-hr-height) solid var(--_sleetch-color-muted);\n  color: var(--_sleetch-color-text);\n  text-decoration: none;\n  transition:\n    border-color var(--_sleetch-transition-duration) var(--_sleetch-transition-timing),\n    background-color var(--_sleetch-transition-duration) var(--_sleetch-transition-timing);\n}\n\n.card:hover,\n.card:focus-visible {\n  border-color: var(--_sleetch-color-text-primary);\n  background-color: color-mix(in srgb, var(--_sleetch-color-text-primary) 8%, var(--_sleetch-color-card));\n}\n\n.card:focus-visible {\n  outline: 2px solid var(--_sleetch-color-text-primary);\n  outline-offset: 2px;\n}\n\n.next {\n  align-items: flex-end;\n  text-align: right;\n}\n\n.previous {\n  align-items: flex-start;\n  text-align: left;\n}\n\n.meta {\n  display: flex;\n  align-items: center;\n  gap: 0.3em;\n  font-size: var(--_sleetch-font-size-tiny);\n  color: var(--_sleetch-color-muted-foreground);\n}\n\n.chevron {\n  flex-shrink: 0;\n  width: 20px;\n  height: 20px;\n}\n\n.title {\n  font-size: var(--_sleetch-font-size-base);\n  font-weight: var(--_sleetch-font-weight-heading);\n  line-height: var(--_sleetch-line-height-heading);\n  color: var(--_sleetch-color-text);\n}\n\n.description {\n  font-size: var(--_sleetch-font-size-tiny);\n  line-height: var(--_sleetch-line-height);\n  color: var(--_sleetch-color-muted-foreground);\n  overflow: hidden;\n}\n\n@media (min-width: 769px) and (max-width: 1024px) {\n  .navigation {\n    padding: 1.5em 2em;\n  }\n}\n\n@media (max-width: 768px) {\n  .card {\n    max-width: 100%;\n  }\n\n  .navigation {\n    grid-template-columns: 1fr;\n\n    padding: 1em 1em;\n  }\n\n  .slot-end {\n    justify-content: flex-start;\n  }\n\n  .next {\n    align-items: flex-start;\n    text-align: left;\n  }\n}\n","/*\n  AI Generated :(\n  Needs more testing\n*/\n\nimport { useMemo, type BaseHTMLAttributes } from 'react';\nimport clsx from 'clsx';\nimport styles from '@sleetch/styles/components/documentation/page/navigation.module.css';\nimport type { tree_object } from '@sleetch/core/compiler';\n\ntype category_node = Extract<tree_object, { type: 'category' }>;\ntype page_node = Extract<tree_object, { type: 'page' }>;\ntype data_node = Extract<tree_object, { type: 'data' }>;\n\nexport interface DocumentationNavigationProps extends BaseHTMLAttributes<HTMLDivElement> {\n  tree: tree_object[];\n  currentPath: string;\n  hrefBuilder?: (path: string) => string;\n}\n\nconst defaultHrefBuilder = (path: string) => path;\n\n/*\n  Meme logique de tri/priorite que la sidebar (getCategoryData, getCategoryIndex,\n  getOrder, sortNodes) pour garantir que l'ordre de navigation prev/next\n  corresponde exactement a l'ordre affiche dans la sidebar.\n*/\n\nfunction getCategoryData(category: category_node): data_node | undefined {\n  return category.children.find((c): c is data_node => c.type === 'data');\n}\n\nfunction getCategoryIndex(category: category_node): page_node | undefined {\n  return category.children.find((c): c is page_node => c.type === 'page' && c.index === true);\n}\n\nfunction getOrder(node: tree_object): number {\n  if (node.type === 'category') {\n    const data = getCategoryData(node);\n    return data?.frontmatter?.order ?? Number.POSITIVE_INFINITY;\n  }\n  if (node.type === 'page') {\n    return (node.frontmatter as { order?: number }).order ?? Number.POSITIVE_INFINITY;\n  }\n  return Number.POSITIVE_INFINITY;\n}\n\nfunction sortNodes(nodes: tree_object[]): tree_object[] {\n  return nodes\n    .map((node, index) => ({ node, index }))\n    .filter(({ node }) => node.type !== 'data')\n    .sort((a, b) => {\n      const diff = getOrder(a.node) - getOrder(b.node);\n      return diff !== 0 ? diff : a.index - b.index;\n    })\n    .map(({ node }) => node);\n}\n\n/*\n  Aplatit l'arbre en une liste ordonnee de pages navigables :\n  - l'index d'une categorie arrive en premier (c'est le point d'entree),\n  - suivi de ses enfants tries recursivement.\n*/\nfunction flattenPages(nodes: tree_object[]): page_node[] {\n  const sorted = sortNodes(nodes);\n  const result: page_node[] = [];\n\n  for (const node of sorted) {\n    if (node.type === 'page') {\n      result.push(node);\n      continue;\n    }\n\n    if (node.type === 'category') {\n      const indexPage = getCategoryIndex(node);\n      if (indexPage) result.push(indexPage);\n\n      const rest = node.children.filter((c) => c.type !== 'data' && !(c.type === 'page' && c.index === true));\n      result.push(...flattenPages(rest));\n    }\n  }\n\n  return result;\n}\n\nfunction ChevronLeft() {\n  return (\n    <svg\n      viewBox=\"0 0 24 24\"\n      width=\"16\"\n      height=\"16\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2.5\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      className={styles['chevron']}\n    >\n      <polyline points=\"15 18 9 12 15 6\" />\n    </svg>\n  );\n}\n\nfunction ChevronRight() {\n  return (\n    <svg\n      viewBox=\"0 0 24 24\"\n      width=\"16\"\n      height=\"16\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2.5\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      className={styles['chevron']}\n    >\n      <polyline points=\"9 18 15 12 9 6\" />\n    </svg>\n  );\n}\n\nfunction resolveTitle(title: string, fallbackPath: string): string {\n  return title && title !== 'No title.' ? title : fallbackPath;\n}\n\nfunction resolveDescription(description: string): string | undefined {\n  return description && description !== 'No description.' ? description : undefined;\n}\n\ninterface NavigationCardProps {\n  node: page_node;\n  direction: 'previous' | 'next';\n  hrefBuilder: (path: string) => string;\n}\n\nfunction NavigationCard({ node, direction, hrefBuilder }: NavigationCardProps) {\n  const title = resolveTitle(node.frontmatter.title, node.path);\n  const description = resolveDescription(node.frontmatter.description);\n\n  return (\n    <a href={hrefBuilder(node.path)} className={clsx(styles['card'], styles[direction])} data-direction={direction}>\n      <span className={styles['meta']}>\n        {direction === 'previous' && <ChevronLeft />}\n        <span className={styles['title']}>{title}</span>\n        {direction === 'next' && <ChevronRight />}\n      </span>\n      {description && <span className={styles['description']}>{description}</span>}\n    </a>\n  );\n}\n\nexport function PageNavigation({ className, tree, currentPath, hrefBuilder = defaultHrefBuilder, ...props }: DocumentationNavigationProps) {\n  const { previous, next } = useMemo(() => {\n    const pages = flattenPages(tree);\n    const currentIndex = pages.findIndex((page) => page.path === currentPath);\n\n    if (currentIndex === -1) {\n      return { previous: undefined, next: undefined };\n    }\n\n    return {\n      previous: pages[currentIndex - 1],\n      next: pages[currentIndex + 1],\n    };\n  }, [tree, currentPath]);\n\n  if (!previous && !next) return null;\n\n  return (\n    <nav className={clsx(styles['navigation'], className)} aria-label=\"Pagination\" {...props}>\n      <div className={styles['slot']}>{previous && <NavigationCard node={previous} direction=\"previous\" hrefBuilder={hrefBuilder} />}</div>\n      <div className={clsx(styles['slot'], styles['slot-end'])}>\n        {next && <NavigationCard node={next} direction=\"next\" hrefBuilder={hrefBuilder} />}\n      </div>\n    </nav>\n  );\n}\n"],"mappings":"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"}

package/dist/{navigation-kP1-q7Ux.js → navigation-C9yFcqfd.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./clsx-CeX9s6vy.js";
+import { t as e } from "./clsx-CaAiuA5w.js";
 import { useMemo as t } from "react";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
 import './assets/navigation.css';var i = {
@@ -41,7 +41,7 @@ function u(e) {
 		if (e.type === "category") {
 			let t = s(e);
 			t && n.push(t);
-			let r = e.children.filter((e) => e.type !== "data" && !(e.type === "page" && e.index === !0));
+			let r = e.children.filter((e) => e.type !== "data" && (e.type !== "page" || e.index !== !0));
 			n.push(...u(r));
 		}
 	}
@@ -138,4 +138,4 @@ function g({ className: o, tree: s, currentPath: c, hrefBuilder: l = a, ...d })
 //#endregion
 export { g as t };
 
-//# sourceMappingURL=navigation-kP1-q7Ux.js.map
+//# sourceMappingURL=navigation-C9yFcqfd.js.map

package/dist/{navigation-kP1-q7Ux.js.map → navigation-C9yFcqfd.js.map}

@@ -1 +1 @@
-{"version":3,"file":"navigation-kP1-q7Ux.js","names":[],"sources":["../../styles/src/components/documentation/page/navigation.module.css","../src/components/documentation/page/navigation.tsx"],"sourcesContent":["@import '../../../variables.css';\n\n.navigation {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 1em;\n  padding: var(--_sleetch-padding-root);\n  padding-top: 0px;\n  font-family: var(--_sleetch-font-base);\n}\n\n.slot {\n  display: flex;\n}\n\n.slot-end {\n  justify-content: flex-end;\n}\n\n.card {\n  display: flex;\n  flex-direction: column;\n  gap: 0.25em;\n  width: 100%;\n  max-width: 320px;\n  padding: 1em 1em;\n  border-radius: var(--_sleetch-radius);\n  border: var(--_sleetch-hr-height) solid var(--_sleetch-color-muted);\n  color: var(--_sleetch-color-text);\n  text-decoration: none;\n  transition:\n    border-color var(--_sleetch-transition-duration) var(--_sleetch-transition-timing),\n    background-color var(--_sleetch-transition-duration) var(--_sleetch-transition-timing);\n}\n\n.card:hover,\n.card:focus-visible {\n  border-color: var(--_sleetch-color-text-primary);\n  background-color: color-mix(in srgb, var(--_sleetch-color-text-primary) 8%, var(--_sleetch-color-card));\n}\n\n.card:focus-visible {\n  outline: 2px solid var(--_sleetch-color-text-primary);\n  outline-offset: 2px;\n}\n\n.next {\n  align-items: flex-end;\n  text-align: right;\n}\n\n.previous {\n  align-items: flex-start;\n  text-align: left;\n}\n\n.meta {\n  display: flex;\n  align-items: center;\n  gap: 0.3em;\n  font-size: var(--_sleetch-font-size-tiny);\n  color: var(--_sleetch-color-muted-foreground);\n}\n\n.chevron {\n  flex-shrink: 0;\n  width: 20px;\n  height: 20px;\n}\n\n.title {\n  font-size: var(--_sleetch-font-size-base);\n  font-weight: var(--_sleetch-font-weight-heading);\n  line-height: var(--_sleetch-line-height-heading);\n  color: var(--_sleetch-color-text);\n}\n\n.description {\n  font-size: var(--_sleetch-font-size-tiny);\n  line-height: var(--_sleetch-line-height);\n  color: var(--_sleetch-color-muted-foreground);\n  overflow: hidden;\n}\n\n@media (min-width: 769px) and (max-width: 1024px) {\n  .navigation {\n    padding: 1.5em 2em;\n  }\n}\n\n@media (max-width: 768px) {\n  .card {\n    max-width: 100%;\n  }\n\n  .navigation {\n    grid-template-columns: 1fr;\n\n    padding: 1em 1em;\n  }\n\n  .slot-end {\n    justify-content: flex-start;\n  }\n\n  .next {\n    align-items: flex-start;\n    text-align: left;\n  }\n}\n","/*\n  AI Generated :(\n  Needs more testing\n*/\n\nimport { useMemo, type BaseHTMLAttributes } from 'react';\nimport clsx from 'clsx';\nimport styles from '@sleetch/styles/components/documentation/page/navigation.module.css';\nimport type { tree_object } from '@sleetch/core/compiler';\n\ntype category_node = Extract<tree_object, { type: 'category' }>;\ntype page_node = Extract<tree_object, { type: 'page' }>;\ntype data_node = Extract<tree_object, { type: 'data' }>;\n\nexport interface DocumentationNavigationProps extends BaseHTMLAttributes<HTMLDivElement> {\n  tree: tree_object[];\n  currentPath: string;\n  hrefBuilder?: (path: string) => string;\n}\n\nconst defaultHrefBuilder = (path: string) => path;\n\n/*\n  Meme logique de tri/priorite que la sidebar (getCategoryData, getCategoryIndex,\n  getOrder, sortNodes) pour garantir que l'ordre de navigation prev/next\n  corresponde exactement a l'ordre affiche dans la sidebar.\n*/\n\nfunction getCategoryData(category: category_node): data_node | undefined {\n  return category.children.find((c): c is data_node => c.type === 'data');\n}\n\nfunction getCategoryIndex(category: category_node): page_node | undefined {\n  return category.children.find((c): c is page_node => c.type === 'page' && c.index === true);\n}\n\nfunction getOrder(node: tree_object): number {\n  if (node.type === 'category') {\n    const data = getCategoryData(node);\n    return data?.frontmatter?.order ?? Number.POSITIVE_INFINITY;\n  }\n  if (node.type === 'page') {\n    return (node.frontmatter as { order?: number }).order ?? Number.POSITIVE_INFINITY;\n  }\n  return Number.POSITIVE_INFINITY;\n}\n\nfunction sortNodes(nodes: tree_object[]): tree_object[] {\n  return nodes\n    .map((node, index) => ({ node, index }))\n    .filter(({ node }) => node.type !== 'data')\n    .sort((a, b) => {\n      const diff = getOrder(a.node) - getOrder(b.node);\n      return diff !== 0 ? diff : a.index - b.index;\n    })\n    .map(({ node }) => node);\n}\n\n/*\n  Aplatit l'arbre en une liste ordonnee de pages navigables :\n  - l'index d'une categorie arrive en premier (c'est le point d'entree),\n  - suivi de ses enfants tries recursivement.\n*/\nfunction flattenPages(nodes: tree_object[]): page_node[] {\n  const sorted = sortNodes(nodes);\n  const result: page_node[] = [];\n\n  for (const node of sorted) {\n    if (node.type === 'page') {\n      result.push(node);\n      continue;\n    }\n\n    if (node.type === 'category') {\n      const indexPage = getCategoryIndex(node);\n      if (indexPage) result.push(indexPage);\n\n      const rest = node.children.filter((c) => c.type !== 'data' && !(c.type === 'page' && c.index === true));\n      result.push(...flattenPages(rest));\n    }\n  }\n\n  return result;\n}\n\nfunction ChevronLeft() {\n  return (\n    <svg\n      viewBox=\"0 0 24 24\"\n      width=\"16\"\n      height=\"16\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2.5\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      className={styles['chevron']}\n    >\n      <polyline points=\"15 18 9 12 15 6\" />\n    </svg>\n  );\n}\n\nfunction ChevronRight() {\n  return (\n    <svg\n      viewBox=\"0 0 24 24\"\n      width=\"16\"\n      height=\"16\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2.5\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      className={styles['chevron']}\n    >\n      <polyline points=\"9 18 15 12 9 6\" />\n    </svg>\n  );\n}\n\nfunction resolveTitle(title: string, fallbackPath: string): string {\n  return title && title !== 'No title.' ? title : fallbackPath;\n}\n\nfunction resolveDescription(description: string): string | undefined {\n  return description && description !== 'No description.' ? description : undefined;\n}\n\ninterface NavigationCardProps {\n  node: page_node;\n  direction: 'previous' | 'next';\n  hrefBuilder: (path: string) => string;\n}\n\nfunction NavigationCard({ node, direction, hrefBuilder }: NavigationCardProps) {\n  const title = resolveTitle(node.frontmatter.title, node.path);\n  const description = resolveDescription(node.frontmatter.description);\n\n  return (\n    <a href={hrefBuilder(node.path)} className={clsx(styles['card'], styles[direction])} data-direction={direction}>\n      <span className={styles['meta']}>\n        {direction === 'previous' && <ChevronLeft />}\n        <span className={styles['title']}>{title}</span>\n        {direction === 'next' && <ChevronRight />}\n      </span>\n      {description && <span className={styles['description']}>{description}</span>}\n    </a>\n  );\n}\n\nexport function PageNavigation({ className, tree, currentPath, hrefBuilder = defaultHrefBuilder, ...props }: DocumentationNavigationProps) {\n  const { previous, next } = useMemo(() => {\n    const pages = flattenPages(tree);\n    const currentIndex = pages.findIndex((page) => page.path === currentPath);\n\n    if (currentIndex === -1) {\n      return { previous: undefined, next: undefined };\n    }\n\n    return {\n      previous: pages[currentIndex - 1],\n      next: pages[currentIndex + 1],\n    };\n  }, [tree, currentPath]);\n\n  if (!previous && !next) return null;\n\n  return (\n    <nav className={clsx(styles['navigation'], className)} aria-label=\"Pagination\" {...props}>\n      <div className={styles['slot']}>{previous && <NavigationCard node={previous} direction=\"previous\" hrefBuilder={hrefBuilder} />}</div>\n      <div className={clsx(styles['slot'], styles['slot-end'])}>\n        {next && <NavigationCard node={next} direction=\"next\" hrefBuilder={hrefBuilder} />}\n      </div>\n    </nav>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"navigation-C9yFcqfd.js","names":[],"sources":["../../styles/src/components/documentation/page/navigation.module.css","../src/components/documentation/page/navigation.tsx"],"sourcesContent":["@import '../../../variables.css';\n\n.navigation {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 1em;\n  padding: var(--_sleetch-padding-root);\n  padding-top: 0px;\n  font-family: var(--_sleetch-font-base);\n}\n\n.slot {\n  display: flex;\n}\n\n.slot-end {\n  justify-content: flex-end;\n}\n\n.card {\n  display: flex;\n  flex-direction: column;\n  gap: 0.25em;\n  width: 100%;\n  max-width: 320px;\n  padding: 1em 1em;\n  border-radius: var(--_sleetch-radius);\n  border: var(--_sleetch-hr-height) solid var(--_sleetch-color-muted);\n  color: var(--_sleetch-color-text);\n  text-decoration: none;\n  transition:\n    border-color var(--_sleetch-transition-duration) var(--_sleetch-transition-timing),\n    background-color var(--_sleetch-transition-duration) var(--_sleetch-transition-timing);\n}\n\n.card:hover,\n.card:focus-visible {\n  border-color: var(--_sleetch-color-text-primary);\n  background-color: color-mix(in srgb, var(--_sleetch-color-text-primary) 8%, var(--_sleetch-color-card));\n}\n\n.card:focus-visible {\n  outline: 2px solid var(--_sleetch-color-text-primary);\n  outline-offset: 2px;\n}\n\n.next {\n  align-items: flex-end;\n  text-align: right;\n}\n\n.previous {\n  align-items: flex-start;\n  text-align: left;\n}\n\n.meta {\n  display: flex;\n  align-items: center;\n  gap: 0.3em;\n  font-size: var(--_sleetch-font-size-tiny);\n  color: var(--_sleetch-color-muted-foreground);\n}\n\n.chevron {\n  flex-shrink: 0;\n  width: 20px;\n  height: 20px;\n}\n\n.title {\n  font-size: var(--_sleetch-font-size-base);\n  font-weight: var(--_sleetch-font-weight-heading);\n  line-height: var(--_sleetch-line-height-heading);\n  color: var(--_sleetch-color-text);\n}\n\n.description {\n  font-size: var(--_sleetch-font-size-tiny);\n  line-height: var(--_sleetch-line-height);\n  color: var(--_sleetch-color-muted-foreground);\n  overflow: hidden;\n}\n\n@media (min-width: 769px) and (max-width: 1024px) {\n  .navigation {\n    padding: 1.5em 2em;\n  }\n}\n\n@media (max-width: 768px) {\n  .card {\n    max-width: 100%;\n  }\n\n  .navigation {\n    grid-template-columns: 1fr;\n\n    padding: 1em 1em;\n  }\n\n  .slot-end {\n    justify-content: flex-start;\n  }\n\n  .next {\n    align-items: flex-start;\n    text-align: left;\n  }\n}\n","/*\n  AI Generated :(\n  Needs more testing\n*/\n\nimport { useMemo, type BaseHTMLAttributes } from 'react';\nimport clsx from 'clsx';\nimport styles from '@sleetch/styles/components/documentation/page/navigation.module.css';\nimport type { tree_object } from '@sleetch/core/compiler';\n\ntype category_node = Extract<tree_object, { type: 'category' }>;\ntype page_node = Extract<tree_object, { type: 'page' }>;\ntype data_node = Extract<tree_object, { type: 'data' }>;\n\nexport interface DocumentationNavigationProps extends BaseHTMLAttributes<HTMLDivElement> {\n  tree: tree_object[];\n  currentPath: string;\n  hrefBuilder?: (path: string) => string;\n}\n\nconst defaultHrefBuilder = (path: string) => path;\n\n/*\n  Meme logique de tri/priorite que la sidebar (getCategoryData, getCategoryIndex,\n  getOrder, sortNodes) pour garantir que l'ordre de navigation prev/next\n  corresponde exactement a l'ordre affiche dans la sidebar.\n*/\n\nfunction getCategoryData(category: category_node): data_node | undefined {\n  return category.children.find((c): c is data_node => c.type === 'data');\n}\n\nfunction getCategoryIndex(category: category_node): page_node | undefined {\n  return category.children.find((c): c is page_node => c.type === 'page' && c.index === true);\n}\n\nfunction getOrder(node: tree_object): number {\n  if (node.type === 'category') {\n    const data = getCategoryData(node);\n    return data?.frontmatter?.order ?? Number.POSITIVE_INFINITY;\n  }\n  if (node.type === 'page') {\n    return (node.frontmatter as { order?: number }).order ?? Number.POSITIVE_INFINITY;\n  }\n  return Number.POSITIVE_INFINITY;\n}\n\nfunction sortNodes(nodes: tree_object[]): tree_object[] {\n  return nodes\n    .map((node, index) => ({ node, index }))\n    .filter(({ node }) => node.type !== 'data')\n    .sort((a, b) => {\n      const diff = getOrder(a.node) - getOrder(b.node);\n      return diff !== 0 ? diff : a.index - b.index;\n    })\n    .map(({ node }) => node);\n}\n\n/*\n  Aplatit l'arbre en une liste ordonnee de pages navigables :\n  - l'index d'une categorie arrive en premier (c'est le point d'entree),\n  - suivi de ses enfants tries recursivement.\n*/\nfunction flattenPages(nodes: tree_object[]): page_node[] {\n  const sorted = sortNodes(nodes);\n  const result: page_node[] = [];\n\n  for (const node of sorted) {\n    if (node.type === 'page') {\n      result.push(node);\n      continue;\n    }\n\n    if (node.type === 'category') {\n      const indexPage = getCategoryIndex(node);\n      if (indexPage) result.push(indexPage);\n\n      const rest = node.children.filter((c) => c.type !== 'data' && !(c.type === 'page' && c.index === true));\n      result.push(...flattenPages(rest));\n    }\n  }\n\n  return result;\n}\n\nfunction ChevronLeft() {\n  return (\n    <svg\n      viewBox=\"0 0 24 24\"\n      width=\"16\"\n      height=\"16\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2.5\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      className={styles['chevron']}\n    >\n      <polyline points=\"15 18 9 12 15 6\" />\n    </svg>\n  );\n}\n\nfunction ChevronRight() {\n  return (\n    <svg\n      viewBox=\"0 0 24 24\"\n      width=\"16\"\n      height=\"16\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2.5\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      className={styles['chevron']}\n    >\n      <polyline points=\"9 18 15 12 9 6\" />\n    </svg>\n  );\n}\n\nfunction resolveTitle(title: string, fallbackPath: string): string {\n  return title && title !== 'No title.' ? title : fallbackPath;\n}\n\nfunction resolveDescription(description: string): string | undefined {\n  return description && description !== 'No description.' ? description : undefined;\n}\n\ninterface NavigationCardProps {\n  node: page_node;\n  direction: 'previous' | 'next';\n  hrefBuilder: (path: string) => string;\n}\n\nfunction NavigationCard({ node, direction, hrefBuilder }: NavigationCardProps) {\n  const title = resolveTitle(node.frontmatter.title, node.path);\n  const description = resolveDescription(node.frontmatter.description);\n\n  return (\n    <a href={hrefBuilder(node.path)} className={clsx(styles['card'], styles[direction])} data-direction={direction}>\n      <span className={styles['meta']}>\n        {direction === 'previous' && <ChevronLeft />}\n        <span className={styles['title']}>{title}</span>\n        {direction === 'next' && <ChevronRight />}\n      </span>\n      {description && <span className={styles['description']}>{description}</span>}\n    </a>\n  );\n}\n\nexport function PageNavigation({ className, tree, currentPath, hrefBuilder = defaultHrefBuilder, ...props }: DocumentationNavigationProps) {\n  const { previous, next } = useMemo(() => {\n    const pages = flattenPages(tree);\n    const currentIndex = pages.findIndex((page) => page.path === currentPath);\n\n    if (currentIndex === -1) {\n      return { previous: undefined, next: undefined };\n    }\n\n    return {\n      previous: pages[currentIndex - 1],\n      next: pages[currentIndex + 1],\n    };\n  }, [tree, currentPath]);\n\n  if (!previous && !next) return null;\n\n  return (\n    <nav className={clsx(styles['navigation'], className)} aria-label=\"Pagination\" {...props}>\n      <div className={styles['slot']}>{previous && <NavigationCard node={previous} direction=\"previous\" hrefBuilder={hrefBuilder} />}</div>\n      <div className={clsx(styles['slot'], styles['slot-end'])}>\n        {next && <NavigationCard node={next} direction=\"next\" hrefBuilder={hrefBuilder} />}\n      </div>\n    </nav>\n  );\n}\n"],"mappings":"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"}

package/dist/{sidebar-DgVlWEfQ.js → sidebar-L0Psnc5-.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./clsx-CeX9s6vy.js";
+import { t as e } from "./clsx-CaAiuA5w.js";
 import { useEffect as t, useMemo as n, useState as r } from "react";
 import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
 import './assets/sidebar.css';var s = {
@@ -115,7 +115,7 @@ function _({ nodes: t, depth: r, currentPath: i, hrefBuilder: c, iconResolver: l
 	});
 }
 function v({ category: t, depth: n, currentPath: i, hrefBuilder: c, iconResolver: l, onLinkClick: u }) {
-	let p = f(t), m = d(t), v = m?.frontmatter?.title ?? (p ? h(p.frontmatter.title, t.path) : t.path), y = l(m?.frontmatter?.icon ?? p?.frontmatter?.icon), b = t.children.filter((e) => e.type !== "data" && !(e.type === "page" && e.index === !0)), x = b.length > 0, S = p ? p.path === i : !1, [C, w] = r(!0);
+	let p = f(t), m = d(t), v = m?.frontmatter?.title ?? (p ? h(p.frontmatter.title, t.path) : t.path), y = l(m?.frontmatter?.icon ?? p?.frontmatter?.icon), b = t.children.filter((e) => e.type !== "data" && (e.type !== "page" || e.index !== !0)), x = b.length > 0, S = p ? p.path === i : !1, [C, w] = r(!0);
 	return /* @__PURE__ */ o("li", {
 		className: s.item,
 		children: [/* @__PURE__ */ o("div", {
@@ -165,4 +165,4 @@ function v({ category: t, depth: n, currentPath: i, hrefBuilder: c, iconResolver
 //#endregion
 export { u as t };
 
-//# sourceMappingURL=sidebar-DgVlWEfQ.js.map
+//# sourceMappingURL=sidebar-L0Psnc5-.js.map

package/dist/{sidebar-DgVlWEfQ.js.map → sidebar-L0Psnc5-.js.map}

@@ -1 +1 @@
-{"version":3,"file":"sidebar-DgVlWEfQ.js","names":[],"sources":["../../styles/src/components/documentation/sidebar/index.module.css","../src/components/documentation/sidebar/index.tsx"],"sourcesContent":["/* index.module.css */\n@import '../../../variables.css';\n\n.sidebar {\n  min-width: var(--_sleetch-sidebar-width);\n  height: calc(100vh - var(--_sleetch-header-height));\n  position: sticky;\n  top: var(--_sleetch-header-height);\n  color: var(--_sleetch-color-text);\n  padding: 4em 1.5em;\n  border-right: 1px dashed var(--_sleetch-color-muted);\n  display: flex;\n  flex-direction: column;\n  overflow-y: auto;\n  scrollbar-width: thin;\n  scrollbar-color: var(--_sleetch-color-muted) transparent;\n}\n\n.sidebar::-webkit-scrollbar {\n  width: 6px;\n}\n\n.sidebar::-webkit-scrollbar-track {\n  background: transparent;\n}\n\n.sidebar::-webkit-scrollbar-thumb {\n  background-color: var(--_sleetch-color-muted);\n  border-radius: 3px;\n}\n\n.sidebar::-webkit-scrollbar-thumb:hover {\n  background-color: var(--_sleetch-color-muted-foreground);\n}\n\n.overlay {\n  display: none;\n}\n\n@media (max-width: 768px) {\n  .sidebar {\n    position: fixed;\n    top: var(--_sleetch-header-height);\n    left: 0;\n    bottom: 0;\n    width: 280px;\n    min-width: 280px;\n    max-width: 85vw;\n    z-index: 90;\n    background-color: var(--_sleetch-color-background);\n    transform: translateX(-100%);\n    transition: transform 0.3s ease;\n    padding: 2em 1.5em;\n    border-right: 1px solid var(--_sleetch-color-muted);\n    box-shadow: 2px 0 8px rgba(0, 0, 0, 0.3);\n  }\n\n  .sidebar-open {\n    transform: translateX(0);\n  }\n\n  .overlay {\n    display: block;\n    position: fixed;\n    top: var(--_sleetch-header-height);\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background-color: rgba(0, 0, 0, 0.5);\n    z-index: 89;\n    backdrop-filter: blur(2px);\n    animation: fadeIn 0.3s ease;\n  }\n\n  @keyframes fadeIn {\n    from {\n      opacity: 0;\n    }\n    to {\n      opacity: 1;\n    }\n  }\n}\n\n@media (min-width: 769px) and (max-width: 1024px) {\n  .sidebar {\n    min-width: 260px;\n    padding: 3em 1.2em;\n  }\n}\n\n.nav {\n  display: flex;\n  flex-direction: column;\n}\n\n.list {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.item {\n  min-width: 0;\n}\n\n.row {\n  display: flex;\n  align-items: center;\n}\n\n.link,\n.category-label {\n  --depth: 1;\n  flex: 1;\n  display: flex;\n  align-items: center;\n  gap: 0.55em;\n  width: 100%;\n  min-width: 0;\n  margin-left: -1px;\n  padding-block: 0.4em;\n  padding-left: calc(1em + (var(--depth) - 1) * 1em);\n  padding-right: 0.5em;\n  border: none;\n  border-left: 3px solid transparent;\n  background: none;\n  font-family: var(--_sleetch-font-base);\n  font-size: calc(1em - (var(--depth) - 1) * 0.03em);\n  line-height: 1.3;\n  text-align: left;\n  color: var(--_sleetch-color-muted-foreground);\n  text-decoration: none;\n  cursor: pointer;\n  transition:\n    color var(--_sleetch-transition-duration) var(--_sleetch-transition-timing),\n    border-color var(--_sleetch-transition-duration) var(--_sleetch-transition-timing),\n    background-color var(--_sleetch-transition-duration) var(--_sleetch-transition-timing),\n    transform var(--_sleetch-transition-duration) var(--_sleetch-transition-timing);\n}\n\n.link:hover,\n.category-label:hover {\n  color: var(--_sleetch-color-text);\n}\n\n.category-link,\n.category-label {\n  font-weight: var(--_sleetch-font-weight-heading);\n  color: var(--_sleetch-color-text);\n  padding-top: 0.5em;\n}\n\n.active {\n  border-left-color: var(--_sleetch-color-text-primary);\n  background: color-mix(in srgb, var(--_sleetch-color-text-underline) 35%, transparent);\n  color: var(--_sleetch-color-text);\n  transform: translateX(4px);\n}\n\n.active:hover {\n  transform: translateX(6px);\n}\n\n.toggle {\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 1.7em;\n  height: 1.7em;\n  margin-right: 0.2em;\n  background: none;\n  border: none;\n  border-radius: var(--_sleetch-radius);\n  color: var(--_sleetch-color-muted-foreground);\n  cursor: pointer;\n  transition:\n    background-color var(--_sleetch-transition-duration) var(--_sleetch-transition-timing),\n    color var(--_sleetch-transition-duration) var(--_sleetch-transition-timing);\n}\n\n.toggle:hover {\n  background-color: var(--_sleetch-color-card);\n  color: var(--_sleetch-color-text);\n}\n\n.chevron {\n  transition: transform var(--_sleetch-transition-duration) var(--_sleetch-transition-timing);\n}\n\n.chevron-open {\n  transform: rotate(90deg);\n}\n\n.icon {\n  flex-shrink: 0;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 1.1em;\n  height: 1.1em;\n  opacity: 0.75;\n}\n\n.label {\n  flex: 1;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n","/*\n  AI Generated :(\n  Needs more testing\n*/\n\nimport type { BaseHTMLAttributes, ReactNode } from 'react';\nimport { useMemo, useState, useEffect } from 'react';\nimport clsx from 'clsx';\nimport styles from '@sleetch/styles/components/documentation/sidebar/index.module.css';\nimport type { tree_object } from '@sleetch/core/compiler';\n\nexport interface DocumentationSidebarProps extends BaseHTMLAttributes<HTMLBaseElement> {\n  tree: tree_object[];\n  currentPath?: string;\n  hrefBuilder?: (path: string) => string;\n  iconResolver?: (icon?: string) => ReactNode;\n  isOpen?: boolean;\n  onClose?: () => void;\n}\n\nconst defaultHrefBuilder = (path: string) => path;\nconst defaultIconResolver = (): ReactNode => null;\n\nexport function DocumentationSidebar({\n  className,\n  children,\n  tree,\n  currentPath,\n  hrefBuilder = defaultHrefBuilder,\n  iconResolver = defaultIconResolver,\n  isOpen = false,\n  onClose,\n  ...props\n}: DocumentationSidebarProps) {\n  useEffect(() => {\n    if (isOpen) {\n      document.body.style.overflow = 'hidden';\n    } else {\n      document.body.style.overflow = '';\n    }\n    return () => {\n      document.body.style.overflow = '';\n    };\n  }, [isOpen]);\n\n  return (\n    <>\n      {isOpen && <div className={styles['overlay']} onClick={onClose} />}\n      <aside className={clsx(styles['sidebar'], isOpen && styles['sidebar-open'], className)} {...props}>\n        <nav className={styles['nav']}>\n          <SidebarTree nodes={tree} depth={1} currentPath={currentPath} hrefBuilder={hrefBuilder} iconResolver={iconResolver} onLinkClick={onClose} />\n        </nav>\n        {children}\n      </aside>\n    </>\n  );\n}\n\ntype category_node = Extract<tree_object, { type: 'category' }>;\ntype page_node = Extract<tree_object, { type: 'page' }>;\ntype data_node = Extract<tree_object, { type: 'data' }>;\n\nfunction getCategoryData(category: category_node): data_node | undefined {\n  return category.children.find((c): c is data_node => c.type === 'data');\n}\n\nfunction getCategoryIndex(category: category_node): page_node | undefined {\n  return category.children.find((c): c is page_node => c.type === 'page' && c.index === true);\n}\n\nfunction getOrder(node: tree_object): number {\n  if (node.type === 'category') {\n    const data = getCategoryData(node);\n    return data?.frontmatter?.order ?? Number.POSITIVE_INFINITY;\n  }\n  if (node.type === 'page') {\n    return (node.frontmatter as { order?: number }).order ?? Number.POSITIVE_INFINITY;\n  }\n  return Number.POSITIVE_INFINITY;\n}\n\nfunction sortNodes(nodes: tree_object[]): tree_object[] {\n  return nodes\n    .map((node, index) => ({ node, index }))\n    .filter(({ node }) => node.type !== 'data')\n    .sort((a, b) => {\n      const diff = getOrder(a.node) - getOrder(b.node);\n      return diff !== 0 ? diff : a.index - b.index;\n    })\n    .map(({ node }) => node);\n}\n\nfunction resolveTitle(title: string, fallbackPath: string): string {\n  return title && title !== 'No title.' ? title : fallbackPath;\n}\n\nfunction Chevron({ open }: { open: boolean }) {\n  return (\n    <svg\n      viewBox=\"0 0 24 24\"\n      width=\"13\"\n      height=\"13\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2.5\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      className={clsx(styles['chevron'], open && styles['chevron-open'])}\n    >\n      <polyline points=\"9 6 15 12 9 18\" />\n    </svg>\n  );\n}\n\ninterface HrefContext {\n  currentPath?: string;\n  hrefBuilder: (path: string) => string;\n  iconResolver: (icon?: string) => ReactNode;\n  onLinkClick?: () => void;\n}\n\ninterface SidebarTreeProps extends HrefContext {\n  nodes: tree_object[];\n  depth: number;\n}\n\nfunction SidebarTree({ nodes, depth, currentPath, hrefBuilder, iconResolver, onLinkClick }: SidebarTreeProps) {\n  const sorted = useMemo(() => sortNodes(nodes), [nodes]);\n\n  return (\n    <ul className={styles['list']} data-depth={depth}>\n      {sorted.map((node) => {\n        if (node.type === 'page') {\n          if (node.index) return null;\n\n          const isActive = node.path === currentPath;\n          const icon = iconResolver(node.frontmatter.icon);\n\n          return (\n            <li key={node.path} className={styles['item']}>\n              <a\n                href={hrefBuilder(node.path)}\n                className={clsx(styles['link'], isActive && styles['active'])}\n                style={{ '--depth': depth } as React.CSSProperties}\n                onClick={onLinkClick}\n              >\n                {icon && <span className={styles['icon']}>{icon}</span>}\n                <span className={styles['label']}>{resolveTitle(node.frontmatter.title, node.path)}</span>\n              </a>\n            </li>\n          );\n        }\n\n        if (node.type === 'category') {\n          return (\n            <CategoryItem\n              key={node.path}\n              category={node}\n              depth={depth}\n              currentPath={currentPath}\n              hrefBuilder={hrefBuilder}\n              iconResolver={iconResolver}\n              onLinkClick={onLinkClick}\n            />\n          );\n        }\n\n        return null;\n      })}\n    </ul>\n  );\n}\n\ninterface CategoryItemProps extends HrefContext {\n  category: category_node;\n  depth: number;\n}\n\nfunction CategoryItem({ category, depth, currentPath, hrefBuilder, iconResolver, onLinkClick }: CategoryItemProps) {\n  const indexPage = getCategoryIndex(category);\n  const data = getCategoryData(category);\n\n  const title = data?.frontmatter?.title ?? (indexPage ? resolveTitle(indexPage.frontmatter.title, category.path) : category.path);\n\n  const iconName = data?.frontmatter?.icon ?? indexPage?.frontmatter?.icon;\n  const icon = iconResolver(iconName);\n\n  const childNodes = category.children.filter((c) => c.type !== 'data' && !(c.type === 'page' && c.index === true));\n\n  const hasChildren = childNodes.length > 0;\n  const isIndexActive = indexPage ? indexPage.path === currentPath : false;\n\n  const [open, setOpen] = useState(true);\n\n  return (\n    <li className={styles['item']}>\n      <div className={styles['row']}>\n        {indexPage ? (\n          <a\n            href={hrefBuilder(category.path)}\n            className={clsx(styles['link'], styles['category-link'], isIndexActive && styles['active'])}\n            style={{ '--depth': depth } as React.CSSProperties}\n            onClick={onLinkClick}\n          >\n            {icon && <span className={styles['icon']}>{icon}</span>}\n            <span className={styles['label']}>{title}</span>\n          </a>\n        ) : (\n          <button\n            type=\"button\"\n            className={clsx(styles['link'], styles['category-label'])}\n            style={{ '--depth': depth } as React.CSSProperties}\n            onClick={() => hasChildren && setOpen((o) => !o)}\n          >\n            {icon && <span className={styles['icon']}>{icon}</span>}\n            <span className={styles['label']}>{title}</span>\n          </button>\n        )}\n\n        {hasChildren && (\n          <button\n            type=\"button\"\n            className={styles['toggle']}\n            aria-label={open ? 'Collapse' : 'Expand'}\n            aria-expanded={open}\n            onClick={() => setOpen((o) => !o)}\n          >\n            <Chevron open={open} />\n          </button>\n        )}\n      </div>\n\n      {hasChildren && open && (\n        <SidebarTree\n          nodes={childNodes}\n          depth={depth + 1}\n          currentPath={currentPath}\n          hrefBuilder={hrefBuilder}\n          iconResolver={iconResolver}\n          onLinkClick={onLinkClick}\n        />\n      )}\n    </li>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"sidebar-L0Psnc5-.js","names":[],"sources":["../../styles/src/components/documentation/sidebar/index.module.css","../src/components/documentation/sidebar/index.tsx"],"sourcesContent":["/* index.module.css */\n@import '../../../variables.css';\n\n.sidebar {\n  min-width: var(--_sleetch-sidebar-width);\n  height: calc(100vh - var(--_sleetch-header-height));\n  position: sticky;\n  top: var(--_sleetch-header-height);\n  color: var(--_sleetch-color-text);\n  padding: 4em 1.5em;\n  border-right: 1px dashed var(--_sleetch-color-muted);\n  display: flex;\n  flex-direction: column;\n  overflow-y: auto;\n  scrollbar-width: thin;\n  scrollbar-color: var(--_sleetch-color-muted) transparent;\n}\n\n.sidebar::-webkit-scrollbar {\n  width: 6px;\n}\n\n.sidebar::-webkit-scrollbar-track {\n  background: transparent;\n}\n\n.sidebar::-webkit-scrollbar-thumb {\n  background-color: var(--_sleetch-color-muted);\n  border-radius: 3px;\n}\n\n.sidebar::-webkit-scrollbar-thumb:hover {\n  background-color: var(--_sleetch-color-muted-foreground);\n}\n\n.overlay {\n  display: none;\n}\n\n@media (max-width: 768px) {\n  .sidebar {\n    position: fixed;\n    top: var(--_sleetch-header-height);\n    left: 0;\n    bottom: 0;\n    width: 280px;\n    min-width: 280px;\n    max-width: 85vw;\n    z-index: 90;\n    background-color: var(--_sleetch-color-background);\n    transform: translateX(-100%);\n    transition: transform 0.3s ease;\n    padding: 2em 1.5em;\n    border-right: 1px solid var(--_sleetch-color-muted);\n    box-shadow: 2px 0 8px rgba(0, 0, 0, 0.3);\n  }\n\n  .sidebar-open {\n    transform: translateX(0);\n  }\n\n  .overlay {\n    display: block;\n    position: fixed;\n    top: var(--_sleetch-header-height);\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background-color: rgba(0, 0, 0, 0.5);\n    z-index: 89;\n    backdrop-filter: blur(2px);\n    animation: fadeIn 0.3s ease;\n  }\n\n  @keyframes fadeIn {\n    from {\n      opacity: 0;\n    }\n    to {\n      opacity: 1;\n    }\n  }\n}\n\n@media (min-width: 769px) and (max-width: 1024px) {\n  .sidebar {\n    min-width: 260px;\n    padding: 3em 1.2em;\n  }\n}\n\n.nav {\n  display: flex;\n  flex-direction: column;\n}\n\n.list {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.item {\n  min-width: 0;\n}\n\n.row {\n  display: flex;\n  align-items: center;\n}\n\n.link,\n.category-label {\n  --depth: 1;\n  flex: 1;\n  display: flex;\n  align-items: center;\n  gap: 0.55em;\n  width: 100%;\n  min-width: 0;\n  margin-left: -1px;\n  padding-block: 0.4em;\n  padding-left: calc(1em + (var(--depth) - 1) * 1em);\n  padding-right: 0.5em;\n  border: none;\n  border-left: 3px solid transparent;\n  background: none;\n  font-family: var(--_sleetch-font-base);\n  font-size: calc(1em - (var(--depth) - 1) * 0.03em);\n  line-height: 1.3;\n  text-align: left;\n  color: var(--_sleetch-color-muted-foreground);\n  text-decoration: none;\n  cursor: pointer;\n  transition:\n    color var(--_sleetch-transition-duration) var(--_sleetch-transition-timing),\n    border-color var(--_sleetch-transition-duration) var(--_sleetch-transition-timing),\n    background-color var(--_sleetch-transition-duration) var(--_sleetch-transition-timing),\n    transform var(--_sleetch-transition-duration) var(--_sleetch-transition-timing);\n}\n\n.link:hover,\n.category-label:hover {\n  color: var(--_sleetch-color-text);\n}\n\n.category-link,\n.category-label {\n  font-weight: var(--_sleetch-font-weight-heading);\n  color: var(--_sleetch-color-text);\n  padding-top: 0.5em;\n}\n\n.active {\n  border-left-color: var(--_sleetch-color-text-primary);\n  background: color-mix(in srgb, var(--_sleetch-color-text-underline) 35%, transparent);\n  color: var(--_sleetch-color-text);\n  transform: translateX(4px);\n}\n\n.active:hover {\n  transform: translateX(6px);\n}\n\n.toggle {\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 1.7em;\n  height: 1.7em;\n  margin-right: 0.2em;\n  background: none;\n  border: none;\n  border-radius: var(--_sleetch-radius);\n  color: var(--_sleetch-color-muted-foreground);\n  cursor: pointer;\n  transition:\n    background-color var(--_sleetch-transition-duration) var(--_sleetch-transition-timing),\n    color var(--_sleetch-transition-duration) var(--_sleetch-transition-timing);\n}\n\n.toggle:hover {\n  background-color: var(--_sleetch-color-card);\n  color: var(--_sleetch-color-text);\n}\n\n.chevron {\n  transition: transform var(--_sleetch-transition-duration) var(--_sleetch-transition-timing);\n}\n\n.chevron-open {\n  transform: rotate(90deg);\n}\n\n.icon {\n  flex-shrink: 0;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 1.1em;\n  height: 1.1em;\n  opacity: 0.75;\n}\n\n.label {\n  flex: 1;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n","/*\n  AI Generated :(\n  Needs more testing\n*/\n\nimport type { BaseHTMLAttributes, ReactNode } from 'react';\nimport { useMemo, useState, useEffect } from 'react';\nimport clsx from 'clsx';\nimport styles from '@sleetch/styles/components/documentation/sidebar/index.module.css';\nimport type { tree_object } from '@sleetch/core/compiler';\n\nexport interface DocumentationSidebarProps extends BaseHTMLAttributes<HTMLBaseElement> {\n  tree: tree_object[];\n  currentPath?: string;\n  hrefBuilder?: (path: string) => string;\n  iconResolver?: (icon?: string) => ReactNode;\n  isOpen?: boolean;\n  onClose?: () => void;\n}\n\nconst defaultHrefBuilder = (path: string) => path;\nconst defaultIconResolver = (): ReactNode => null;\n\nexport function DocumentationSidebar({\n  className,\n  children,\n  tree,\n  currentPath,\n  hrefBuilder = defaultHrefBuilder,\n  iconResolver = defaultIconResolver,\n  isOpen = false,\n  onClose,\n  ...props\n}: DocumentationSidebarProps) {\n  useEffect(() => {\n    if (isOpen) {\n      document.body.style.overflow = 'hidden';\n    } else {\n      document.body.style.overflow = '';\n    }\n    return () => {\n      document.body.style.overflow = '';\n    };\n  }, [isOpen]);\n\n  return (\n    <>\n      {isOpen && <div className={styles['overlay']} onClick={onClose} />}\n      <aside className={clsx(styles['sidebar'], isOpen && styles['sidebar-open'], className)} {...props}>\n        <nav className={styles['nav']}>\n          <SidebarTree nodes={tree} depth={1} currentPath={currentPath} hrefBuilder={hrefBuilder} iconResolver={iconResolver} onLinkClick={onClose} />\n        </nav>\n        {children}\n      </aside>\n    </>\n  );\n}\n\ntype category_node = Extract<tree_object, { type: 'category' }>;\ntype page_node = Extract<tree_object, { type: 'page' }>;\ntype data_node = Extract<tree_object, { type: 'data' }>;\n\nfunction getCategoryData(category: category_node): data_node | undefined {\n  return category.children.find((c): c is data_node => c.type === 'data');\n}\n\nfunction getCategoryIndex(category: category_node): page_node | undefined {\n  return category.children.find((c): c is page_node => c.type === 'page' && c.index === true);\n}\n\nfunction getOrder(node: tree_object): number {\n  if (node.type === 'category') {\n    const data = getCategoryData(node);\n    return data?.frontmatter?.order ?? Number.POSITIVE_INFINITY;\n  }\n  if (node.type === 'page') {\n    return (node.frontmatter as { order?: number }).order ?? Number.POSITIVE_INFINITY;\n  }\n  return Number.POSITIVE_INFINITY;\n}\n\nfunction sortNodes(nodes: tree_object[]): tree_object[] {\n  return nodes\n    .map((node, index) => ({ node, index }))\n    .filter(({ node }) => node.type !== 'data')\n    .sort((a, b) => {\n      const diff = getOrder(a.node) - getOrder(b.node);\n      return diff !== 0 ? diff : a.index - b.index;\n    })\n    .map(({ node }) => node);\n}\n\nfunction resolveTitle(title: string, fallbackPath: string): string {\n  return title && title !== 'No title.' ? title : fallbackPath;\n}\n\nfunction Chevron({ open }: { open: boolean }) {\n  return (\n    <svg\n      viewBox=\"0 0 24 24\"\n      width=\"13\"\n      height=\"13\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2.5\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      className={clsx(styles['chevron'], open && styles['chevron-open'])}\n    >\n      <polyline points=\"9 6 15 12 9 18\" />\n    </svg>\n  );\n}\n\ninterface HrefContext {\n  currentPath?: string;\n  hrefBuilder: (path: string) => string;\n  iconResolver: (icon?: string) => ReactNode;\n  onLinkClick?: () => void;\n}\n\ninterface SidebarTreeProps extends HrefContext {\n  nodes: tree_object[];\n  depth: number;\n}\n\nfunction SidebarTree({ nodes, depth, currentPath, hrefBuilder, iconResolver, onLinkClick }: SidebarTreeProps) {\n  const sorted = useMemo(() => sortNodes(nodes), [nodes]);\n\n  return (\n    <ul className={styles['list']} data-depth={depth}>\n      {sorted.map((node) => {\n        if (node.type === 'page') {\n          if (node.index) return null;\n\n          const isActive = node.path === currentPath;\n          const icon = iconResolver(node.frontmatter.icon);\n\n          return (\n            <li key={node.path} className={styles['item']}>\n              <a\n                href={hrefBuilder(node.path)}\n                className={clsx(styles['link'], isActive && styles['active'])}\n                style={{ '--depth': depth } as React.CSSProperties}\n                onClick={onLinkClick}\n              >\n                {icon && <span className={styles['icon']}>{icon}</span>}\n                <span className={styles['label']}>{resolveTitle(node.frontmatter.title, node.path)}</span>\n              </a>\n            </li>\n          );\n        }\n\n        if (node.type === 'category') {\n          return (\n            <CategoryItem\n              key={node.path}\n              category={node}\n              depth={depth}\n              currentPath={currentPath}\n              hrefBuilder={hrefBuilder}\n              iconResolver={iconResolver}\n              onLinkClick={onLinkClick}\n            />\n          );\n        }\n\n        return null;\n      })}\n    </ul>\n  );\n}\n\ninterface CategoryItemProps extends HrefContext {\n  category: category_node;\n  depth: number;\n}\n\nfunction CategoryItem({ category, depth, currentPath, hrefBuilder, iconResolver, onLinkClick }: CategoryItemProps) {\n  const indexPage = getCategoryIndex(category);\n  const data = getCategoryData(category);\n\n  const title = data?.frontmatter?.title ?? (indexPage ? resolveTitle(indexPage.frontmatter.title, category.path) : category.path);\n\n  const iconName = data?.frontmatter?.icon ?? indexPage?.frontmatter?.icon;\n  const icon = iconResolver(iconName);\n\n  const childNodes = category.children.filter((c) => c.type !== 'data' && !(c.type === 'page' && c.index === true));\n\n  const hasChildren = childNodes.length > 0;\n  const isIndexActive = indexPage ? indexPage.path === currentPath : false;\n\n  const [open, setOpen] = useState(true);\n\n  return (\n    <li className={styles['item']}>\n      <div className={styles['row']}>\n        {indexPage ? (\n          <a\n            href={hrefBuilder(category.path)}\n            className={clsx(styles['link'], styles['category-link'], isIndexActive && styles['active'])}\n            style={{ '--depth': depth } as React.CSSProperties}\n            onClick={onLinkClick}\n          >\n            {icon && <span className={styles['icon']}>{icon}</span>}\n            <span className={styles['label']}>{title}</span>\n          </a>\n        ) : (\n          <button\n            type=\"button\"\n            className={clsx(styles['link'], styles['category-label'])}\n            style={{ '--depth': depth } as React.CSSProperties}\n            onClick={() => hasChildren && setOpen((o) => !o)}\n          >\n            {icon && <span className={styles['icon']}>{icon}</span>}\n            <span className={styles['label']}>{title}</span>\n          </button>\n        )}\n\n        {hasChildren && (\n          <button\n            type=\"button\"\n            className={styles['toggle']}\n            aria-label={open ? 'Collapse' : 'Expand'}\n            aria-expanded={open}\n            onClick={() => setOpen((o) => !o)}\n          >\n            <Chevron open={open} />\n          </button>\n        )}\n      </div>\n\n      {hasChildren && open && (\n        <SidebarTree\n          nodes={childNodes}\n          depth={depth + 1}\n          currentPath={currentPath}\n          hrefBuilder={hrefBuilder}\n          iconResolver={iconResolver}\n          onLinkClick={onLinkClick}\n        />\n      )}\n    </li>\n  );\n}\n"],"mappings":"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"}

package/dist/{sidebar-DGEZFbBi.cjs → sidebar-itvEMQwG.cjs}

@@ -1,2 +1,2 @@
-require('./assets/sidebar.css');const e=require("./clsx-CPcBvw4Z.cjs");let t=require("react"),n=require("react/jsx-runtime");var r={sidebar:`_sidebar_1370u_4`,overlay:`_overlay_1370u_36`,"sidebar-open":`_sidebar-open_1370u_58`,fadeIn:`_fadeIn_1370u_1`,nav:`_nav_1370u_92`,list:`_list_1370u_97`,item:`_item_1370u_106`,row:`_row_1370u_110`,link:`_link_1370u_115`,"category-label":`_category-label_1370u_116`,"category-link":`_category-link_1370u_150`,active:`_active_1370u_157`,toggle:`_toggle_1370u_168`,chevron:`_chevron_1370u_191`,"chevron-open":`_chevron-open_1370u_195`,icon:`_icon_1370u_199`,label:`_label_1370u_209`},i=e=>e,a=()=>null;function o({className:o,children:s,tree:c,currentPath:l,hrefBuilder:u=i,iconResolver:d=a,isOpen:f=!1,onClose:m,...h}){return(0,t.useEffect)(()=>(f?document.body.style.overflow=`hidden`:document.body.style.overflow=``,()=>{document.body.style.overflow=``}),[f]),(0,n.jsxs)(n.Fragment,{children:[f&&(0,n.jsx)(`div`,{className:r.overlay,onClick:m}),(0,n.jsxs)(`aside`,{className:e.t(r.sidebar,f&&r[`sidebar-open`],o),...h,children:[(0,n.jsx)(`nav`,{className:r.nav,children:(0,n.jsx)(p,{nodes:c,depth:1,currentPath:l,hrefBuilder:u,iconResolver:d,onLinkClick:m})}),s]})]})}function s(e){return e.children.find(e=>e.type===`data`)}function c(e){return e.children.find(e=>e.type===`page`&&e.index===!0)}function l(e){return e.type===`category`?s(e)?.frontmatter?.order??1/0:e.type===`page`?e.frontmatter.order??1/0:1/0}function u(e){return e.map((e,t)=>({node:e,index:t})).filter(({node:e})=>e.type!==`data`).sort((e,t)=>{let n=l(e.node)-l(t.node);return n===0?e.index-t.index:n}).map(({node:e})=>e)}function d(e,t){return e&&e!==`No title.`?e:t}function f({open:t}){return(0,n.jsx)(`svg`,{viewBox:`0 0 24 24`,width:`13`,height:`13`,fill:`none`,stroke:`currentColor`,strokeWidth:`2.5`,strokeLinecap:`round`,strokeLinejoin:`round`,className:e.t(r.chevron,t&&r[`chevron-open`]),children:(0,n.jsx)(`polyline`,{points:`9 6 15 12 9 18`})})}function p({nodes:i,depth:a,currentPath:o,hrefBuilder:s,iconResolver:c,onLinkClick:l}){let f=(0,t.useMemo)(()=>u(i),[i]);return(0,n.jsx)(`ul`,{className:r.list,"data-depth":a,children:f.map(t=>{if(t.type===`page`){if(t.index)return null;let i=t.path===o,u=c(t.frontmatter.icon);return(0,n.jsx)(`li`,{className:r.item,children:(0,n.jsxs)(`a`,{href:s(t.path),className:e.t(r.link,i&&r.active),style:{"--depth":a},onClick:l,children:[u&&(0,n.jsx)(`span`,{className:r.icon,children:u}),(0,n.jsx)(`span`,{className:r.label,children:d(t.frontmatter.title,t.path)})]})},t.path)}return t.type===`category`?(0,n.jsx)(m,{category:t,depth:a,currentPath:o,hrefBuilder:s,iconResolver:c,onLinkClick:l},t.path):null})})}function m({category:i,depth:a,currentPath:o,hrefBuilder:l,iconResolver:u,onLinkClick:m}){let h=c(i),g=s(i),_=g?.frontmatter?.title??(h?d(h.frontmatter.title,i.path):i.path),v=u(g?.frontmatter?.icon??h?.frontmatter?.icon),y=i.children.filter(e=>e.type!==`data`&&!(e.type===`page`&&e.index===!0)),b=y.length>0,x=h?h.path===o:!1,[S,C]=(0,t.useState)(!0);return(0,n.jsxs)(`li`,{className:r.item,children:[(0,n.jsxs)(`div`,{className:r.row,children:[h?(0,n.jsxs)(`a`,{href:l(i.path),className:e.t(r.link,r[`category-link`],x&&r.active),style:{"--depth":a},onClick:m,children:[v&&(0,n.jsx)(`span`,{className:r.icon,children:v}),(0,n.jsx)(`span`,{className:r.label,children:_})]}):(0,n.jsxs)(`button`,{type:`button`,className:e.t(r.link,r[`category-label`]),style:{"--depth":a},onClick:()=>b&&C(e=>!e),children:[v&&(0,n.jsx)(`span`,{className:r.icon,children:v}),(0,n.jsx)(`span`,{className:r.label,children:_})]}),b&&(0,n.jsx)(`button`,{type:`button`,className:r.toggle,"aria-label":S?`Collapse`:`Expand`,"aria-expanded":S,onClick:()=>C(e=>!e),children:(0,n.jsx)(f,{open:S})})]}),b&&S&&(0,n.jsx)(p,{nodes:y,depth:a+1,currentPath:o,hrefBuilder:l,iconResolver:u,onLinkClick:m})]})}Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return o}});
-//# sourceMappingURL=sidebar-DGEZFbBi.cjs.map
+require('./assets/sidebar.css');const e=require("./clsx-GLXUd3yb.cjs");let t=require("react"),n=require("react/jsx-runtime");var r={sidebar:`_sidebar_1370u_4`,overlay:`_overlay_1370u_36`,"sidebar-open":`_sidebar-open_1370u_58`,fadeIn:`_fadeIn_1370u_1`,nav:`_nav_1370u_92`,list:`_list_1370u_97`,item:`_item_1370u_106`,row:`_row_1370u_110`,link:`_link_1370u_115`,"category-label":`_category-label_1370u_116`,"category-link":`_category-link_1370u_150`,active:`_active_1370u_157`,toggle:`_toggle_1370u_168`,chevron:`_chevron_1370u_191`,"chevron-open":`_chevron-open_1370u_195`,icon:`_icon_1370u_199`,label:`_label_1370u_209`},i=e=>e,a=()=>null;function o({className:o,children:s,tree:c,currentPath:l,hrefBuilder:u=i,iconResolver:d=a,isOpen:f=!1,onClose:m,...h}){return(0,t.useEffect)(()=>(f?document.body.style.overflow=`hidden`:document.body.style.overflow=``,()=>{document.body.style.overflow=``}),[f]),(0,n.jsxs)(n.Fragment,{children:[f&&(0,n.jsx)(`div`,{className:r.overlay,onClick:m}),(0,n.jsxs)(`aside`,{className:e.t(r.sidebar,f&&r[`sidebar-open`],o),...h,children:[(0,n.jsx)(`nav`,{className:r.nav,children:(0,n.jsx)(p,{nodes:c,depth:1,currentPath:l,hrefBuilder:u,iconResolver:d,onLinkClick:m})}),s]})]})}function s(e){return e.children.find(e=>e.type===`data`)}function c(e){return e.children.find(e=>e.type===`page`&&e.index===!0)}function l(e){return e.type===`category`?s(e)?.frontmatter?.order??1/0:e.type===`page`?e.frontmatter.order??1/0:1/0}function u(e){return e.map((e,t)=>({node:e,index:t})).filter(({node:e})=>e.type!==`data`).sort((e,t)=>{let n=l(e.node)-l(t.node);return n===0?e.index-t.index:n}).map(({node:e})=>e)}function d(e,t){return e&&e!==`No title.`?e:t}function f({open:t}){return(0,n.jsx)(`svg`,{viewBox:`0 0 24 24`,width:`13`,height:`13`,fill:`none`,stroke:`currentColor`,strokeWidth:`2.5`,strokeLinecap:`round`,strokeLinejoin:`round`,className:e.t(r.chevron,t&&r[`chevron-open`]),children:(0,n.jsx)(`polyline`,{points:`9 6 15 12 9 18`})})}function p({nodes:i,depth:a,currentPath:o,hrefBuilder:s,iconResolver:c,onLinkClick:l}){let f=(0,t.useMemo)(()=>u(i),[i]);return(0,n.jsx)(`ul`,{className:r.list,"data-depth":a,children:f.map(t=>{if(t.type===`page`){if(t.index)return null;let i=t.path===o,u=c(t.frontmatter.icon);return(0,n.jsx)(`li`,{className:r.item,children:(0,n.jsxs)(`a`,{href:s(t.path),className:e.t(r.link,i&&r.active),style:{"--depth":a},onClick:l,children:[u&&(0,n.jsx)(`span`,{className:r.icon,children:u}),(0,n.jsx)(`span`,{className:r.label,children:d(t.frontmatter.title,t.path)})]})},t.path)}return t.type===`category`?(0,n.jsx)(m,{category:t,depth:a,currentPath:o,hrefBuilder:s,iconResolver:c,onLinkClick:l},t.path):null})})}function m({category:i,depth:a,currentPath:o,hrefBuilder:l,iconResolver:u,onLinkClick:m}){let h=c(i),g=s(i),_=g?.frontmatter?.title??(h?d(h.frontmatter.title,i.path):i.path),v=u(g?.frontmatter?.icon??h?.frontmatter?.icon),y=i.children.filter(e=>e.type!==`data`&&(e.type!==`page`||e.index!==!0)),b=y.length>0,x=h?h.path===o:!1,[S,C]=(0,t.useState)(!0);return(0,n.jsxs)(`li`,{className:r.item,children:[(0,n.jsxs)(`div`,{className:r.row,children:[h?(0,n.jsxs)(`a`,{href:l(i.path),className:e.t(r.link,r[`category-link`],x&&r.active),style:{"--depth":a},onClick:m,children:[v&&(0,n.jsx)(`span`,{className:r.icon,children:v}),(0,n.jsx)(`span`,{className:r.label,children:_})]}):(0,n.jsxs)(`button`,{type:`button`,className:e.t(r.link,r[`category-label`]),style:{"--depth":a},onClick:()=>b&&C(e=>!e),children:[v&&(0,n.jsx)(`span`,{className:r.icon,children:v}),(0,n.jsx)(`span`,{className:r.label,children:_})]}),b&&(0,n.jsx)(`button`,{type:`button`,className:r.toggle,"aria-label":S?`Collapse`:`Expand`,"aria-expanded":S,onClick:()=>C(e=>!e),children:(0,n.jsx)(f,{open:S})})]}),b&&S&&(0,n.jsx)(p,{nodes:y,depth:a+1,currentPath:o,hrefBuilder:l,iconResolver:u,onLinkClick:m})]})}Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return o}});
+//# sourceMappingURL=sidebar-itvEMQwG.cjs.map

package/dist/{sidebar-DGEZFbBi.cjs.map → sidebar-itvEMQwG.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"sidebar-DGEZFbBi.cjs","names":[],"sources":["../../styles/src/components/documentation/sidebar/index.module.css","../src/components/documentation/sidebar/index.tsx"],"sourcesContent":["/* index.module.css */\n@import '../../../variables.css';\n\n.sidebar {\n  min-width: var(--_sleetch-sidebar-width);\n  height: calc(100vh - var(--_sleetch-header-height));\n  position: sticky;\n  top: var(--_sleetch-header-height);\n  color: var(--_sleetch-color-text);\n  padding: 4em 1.5em;\n  border-right: 1px dashed var(--_sleetch-color-muted);\n  display: flex;\n  flex-direction: column;\n  overflow-y: auto;\n  scrollbar-width: thin;\n  scrollbar-color: var(--_sleetch-color-muted) transparent;\n}\n\n.sidebar::-webkit-scrollbar {\n  width: 6px;\n}\n\n.sidebar::-webkit-scrollbar-track {\n  background: transparent;\n}\n\n.sidebar::-webkit-scrollbar-thumb {\n  background-color: var(--_sleetch-color-muted);\n  border-radius: 3px;\n}\n\n.sidebar::-webkit-scrollbar-thumb:hover {\n  background-color: var(--_sleetch-color-muted-foreground);\n}\n\n.overlay {\n  display: none;\n}\n\n@media (max-width: 768px) {\n  .sidebar {\n    position: fixed;\n    top: var(--_sleetch-header-height);\n    left: 0;\n    bottom: 0;\n    width: 280px;\n    min-width: 280px;\n    max-width: 85vw;\n    z-index: 90;\n    background-color: var(--_sleetch-color-background);\n    transform: translateX(-100%);\n    transition: transform 0.3s ease;\n    padding: 2em 1.5em;\n    border-right: 1px solid var(--_sleetch-color-muted);\n    box-shadow: 2px 0 8px rgba(0, 0, 0, 0.3);\n  }\n\n  .sidebar-open {\n    transform: translateX(0);\n  }\n\n  .overlay {\n    display: block;\n    position: fixed;\n    top: var(--_sleetch-header-height);\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background-color: rgba(0, 0, 0, 0.5);\n    z-index: 89;\n    backdrop-filter: blur(2px);\n    animation: fadeIn 0.3s ease;\n  }\n\n  @keyframes fadeIn {\n    from {\n      opacity: 0;\n    }\n    to {\n      opacity: 1;\n    }\n  }\n}\n\n@media (min-width: 769px) and (max-width: 1024px) {\n  .sidebar {\n    min-width: 260px;\n    padding: 3em 1.2em;\n  }\n}\n\n.nav {\n  display: flex;\n  flex-direction: column;\n}\n\n.list {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.item {\n  min-width: 0;\n}\n\n.row {\n  display: flex;\n  align-items: center;\n}\n\n.link,\n.category-label {\n  --depth: 1;\n  flex: 1;\n  display: flex;\n  align-items: center;\n  gap: 0.55em;\n  width: 100%;\n  min-width: 0;\n  margin-left: -1px;\n  padding-block: 0.4em;\n  padding-left: calc(1em + (var(--depth) - 1) * 1em);\n  padding-right: 0.5em;\n  border: none;\n  border-left: 3px solid transparent;\n  background: none;\n  font-family: var(--_sleetch-font-base);\n  font-size: calc(1em - (var(--depth) - 1) * 0.03em);\n  line-height: 1.3;\n  text-align: left;\n  color: var(--_sleetch-color-muted-foreground);\n  text-decoration: none;\n  cursor: pointer;\n  transition:\n    color var(--_sleetch-transition-duration) var(--_sleetch-transition-timing),\n    border-color var(--_sleetch-transition-duration) var(--_sleetch-transition-timing),\n    background-color var(--_sleetch-transition-duration) var(--_sleetch-transition-timing),\n    transform var(--_sleetch-transition-duration) var(--_sleetch-transition-timing);\n}\n\n.link:hover,\n.category-label:hover {\n  color: var(--_sleetch-color-text);\n}\n\n.category-link,\n.category-label {\n  font-weight: var(--_sleetch-font-weight-heading);\n  color: var(--_sleetch-color-text);\n  padding-top: 0.5em;\n}\n\n.active {\n  border-left-color: var(--_sleetch-color-text-primary);\n  background: color-mix(in srgb, var(--_sleetch-color-text-underline) 35%, transparent);\n  color: var(--_sleetch-color-text);\n  transform: translateX(4px);\n}\n\n.active:hover {\n  transform: translateX(6px);\n}\n\n.toggle {\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 1.7em;\n  height: 1.7em;\n  margin-right: 0.2em;\n  background: none;\n  border: none;\n  border-radius: var(--_sleetch-radius);\n  color: var(--_sleetch-color-muted-foreground);\n  cursor: pointer;\n  transition:\n    background-color var(--_sleetch-transition-duration) var(--_sleetch-transition-timing),\n    color var(--_sleetch-transition-duration) var(--_sleetch-transition-timing);\n}\n\n.toggle:hover {\n  background-color: var(--_sleetch-color-card);\n  color: var(--_sleetch-color-text);\n}\n\n.chevron {\n  transition: transform var(--_sleetch-transition-duration) var(--_sleetch-transition-timing);\n}\n\n.chevron-open {\n  transform: rotate(90deg);\n}\n\n.icon {\n  flex-shrink: 0;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 1.1em;\n  height: 1.1em;\n  opacity: 0.75;\n}\n\n.label {\n  flex: 1;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n","/*\n  AI Generated :(\n  Needs more testing\n*/\n\nimport type { BaseHTMLAttributes, ReactNode } from 'react';\nimport { useMemo, useState, useEffect } from 'react';\nimport clsx from 'clsx';\nimport styles from '@sleetch/styles/components/documentation/sidebar/index.module.css';\nimport type { tree_object } from '@sleetch/core/compiler';\n\nexport interface DocumentationSidebarProps extends BaseHTMLAttributes<HTMLBaseElement> {\n  tree: tree_object[];\n  currentPath?: string;\n  hrefBuilder?: (path: string) => string;\n  iconResolver?: (icon?: string) => ReactNode;\n  isOpen?: boolean;\n  onClose?: () => void;\n}\n\nconst defaultHrefBuilder = (path: string) => path;\nconst defaultIconResolver = (): ReactNode => null;\n\nexport function DocumentationSidebar({\n  className,\n  children,\n  tree,\n  currentPath,\n  hrefBuilder = defaultHrefBuilder,\n  iconResolver = defaultIconResolver,\n  isOpen = false,\n  onClose,\n  ...props\n}: DocumentationSidebarProps) {\n  useEffect(() => {\n    if (isOpen) {\n      document.body.style.overflow = 'hidden';\n    } else {\n      document.body.style.overflow = '';\n    }\n    return () => {\n      document.body.style.overflow = '';\n    };\n  }, [isOpen]);\n\n  return (\n    <>\n      {isOpen && <div className={styles['overlay']} onClick={onClose} />}\n      <aside className={clsx(styles['sidebar'], isOpen && styles['sidebar-open'], className)} {...props}>\n        <nav className={styles['nav']}>\n          <SidebarTree nodes={tree} depth={1} currentPath={currentPath} hrefBuilder={hrefBuilder} iconResolver={iconResolver} onLinkClick={onClose} />\n        </nav>\n        {children}\n      </aside>\n    </>\n  );\n}\n\ntype category_node = Extract<tree_object, { type: 'category' }>;\ntype page_node = Extract<tree_object, { type: 'page' }>;\ntype data_node = Extract<tree_object, { type: 'data' }>;\n\nfunction getCategoryData(category: category_node): data_node | undefined {\n  return category.children.find((c): c is data_node => c.type === 'data');\n}\n\nfunction getCategoryIndex(category: category_node): page_node | undefined {\n  return category.children.find((c): c is page_node => c.type === 'page' && c.index === true);\n}\n\nfunction getOrder(node: tree_object): number {\n  if (node.type === 'category') {\n    const data = getCategoryData(node);\n    return data?.frontmatter?.order ?? Number.POSITIVE_INFINITY;\n  }\n  if (node.type === 'page') {\n    return (node.frontmatter as { order?: number }).order ?? Number.POSITIVE_INFINITY;\n  }\n  return Number.POSITIVE_INFINITY;\n}\n\nfunction sortNodes(nodes: tree_object[]): tree_object[] {\n  return nodes\n    .map((node, index) => ({ node, index }))\n    .filter(({ node }) => node.type !== 'data')\n    .sort((a, b) => {\n      const diff = getOrder(a.node) - getOrder(b.node);\n      return diff !== 0 ? diff : a.index - b.index;\n    })\n    .map(({ node }) => node);\n}\n\nfunction resolveTitle(title: string, fallbackPath: string): string {\n  return title && title !== 'No title.' ? title : fallbackPath;\n}\n\nfunction Chevron({ open }: { open: boolean }) {\n  return (\n    <svg\n      viewBox=\"0 0 24 24\"\n      width=\"13\"\n      height=\"13\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2.5\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      className={clsx(styles['chevron'], open && styles['chevron-open'])}\n    >\n      <polyline points=\"9 6 15 12 9 18\" />\n    </svg>\n  );\n}\n\ninterface HrefContext {\n  currentPath?: string;\n  hrefBuilder: (path: string) => string;\n  iconResolver: (icon?: string) => ReactNode;\n  onLinkClick?: () => void;\n}\n\ninterface SidebarTreeProps extends HrefContext {\n  nodes: tree_object[];\n  depth: number;\n}\n\nfunction SidebarTree({ nodes, depth, currentPath, hrefBuilder, iconResolver, onLinkClick }: SidebarTreeProps) {\n  const sorted = useMemo(() => sortNodes(nodes), [nodes]);\n\n  return (\n    <ul className={styles['list']} data-depth={depth}>\n      {sorted.map((node) => {\n        if (node.type === 'page') {\n          if (node.index) return null;\n\n          const isActive = node.path === currentPath;\n          const icon = iconResolver(node.frontmatter.icon);\n\n          return (\n            <li key={node.path} className={styles['item']}>\n              <a\n                href={hrefBuilder(node.path)}\n                className={clsx(styles['link'], isActive && styles['active'])}\n                style={{ '--depth': depth } as React.CSSProperties}\n                onClick={onLinkClick}\n              >\n                {icon && <span className={styles['icon']}>{icon}</span>}\n                <span className={styles['label']}>{resolveTitle(node.frontmatter.title, node.path)}</span>\n              </a>\n            </li>\n          );\n        }\n\n        if (node.type === 'category') {\n          return (\n            <CategoryItem\n              key={node.path}\n              category={node}\n              depth={depth}\n              currentPath={currentPath}\n              hrefBuilder={hrefBuilder}\n              iconResolver={iconResolver}\n              onLinkClick={onLinkClick}\n            />\n          );\n        }\n\n        return null;\n      })}\n    </ul>\n  );\n}\n\ninterface CategoryItemProps extends HrefContext {\n  category: category_node;\n  depth: number;\n}\n\nfunction CategoryItem({ category, depth, currentPath, hrefBuilder, iconResolver, onLinkClick }: CategoryItemProps) {\n  const indexPage = getCategoryIndex(category);\n  const data = getCategoryData(category);\n\n  const title = data?.frontmatter?.title ?? (indexPage ? resolveTitle(indexPage.frontmatter.title, category.path) : category.path);\n\n  const iconName = data?.frontmatter?.icon ?? indexPage?.frontmatter?.icon;\n  const icon = iconResolver(iconName);\n\n  const childNodes = category.children.filter((c) => c.type !== 'data' && !(c.type === 'page' && c.index === true));\n\n  const hasChildren = childNodes.length > 0;\n  const isIndexActive = indexPage ? indexPage.path === currentPath : false;\n\n  const [open, setOpen] = useState(true);\n\n  return (\n    <li className={styles['item']}>\n      <div className={styles['row']}>\n        {indexPage ? (\n          <a\n            href={hrefBuilder(category.path)}\n            className={clsx(styles['link'], styles['category-link'], isIndexActive && styles['active'])}\n            style={{ '--depth': depth } as React.CSSProperties}\n            onClick={onLinkClick}\n          >\n            {icon && <span className={styles['icon']}>{icon}</span>}\n            <span className={styles['label']}>{title}</span>\n          </a>\n        ) : (\n          <button\n            type=\"button\"\n            className={clsx(styles['link'], styles['category-label'])}\n            style={{ '--depth': depth } as React.CSSProperties}\n            onClick={() => hasChildren && setOpen((o) => !o)}\n          >\n            {icon && <span className={styles['icon']}>{icon}</span>}\n            <span className={styles['label']}>{title}</span>\n          </button>\n        )}\n\n        {hasChildren && (\n          <button\n            type=\"button\"\n            className={styles['toggle']}\n            aria-label={open ? 'Collapse' : 'Expand'}\n            aria-expanded={open}\n            onClick={() => setOpen((o) => !o)}\n          >\n            <Chevron open={open} />\n          </button>\n        )}\n      </div>\n\n      {hasChildren && open && (\n        <SidebarTree\n          nodes={childNodes}\n          depth={depth + 1}\n          currentPath={currentPath}\n          hrefBuilder={hrefBuilder}\n          iconResolver={iconResolver}\n          onLinkClick={onLinkClick}\n        />\n      )}\n    </li>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"sidebar-itvEMQwG.cjs","names":[],"sources":["../../styles/src/components/documentation/sidebar/index.module.css","../src/components/documentation/sidebar/index.tsx"],"sourcesContent":["/* index.module.css */\n@import '../../../variables.css';\n\n.sidebar {\n  min-width: var(--_sleetch-sidebar-width);\n  height: calc(100vh - var(--_sleetch-header-height));\n  position: sticky;\n  top: var(--_sleetch-header-height);\n  color: var(--_sleetch-color-text);\n  padding: 4em 1.5em;\n  border-right: 1px dashed var(--_sleetch-color-muted);\n  display: flex;\n  flex-direction: column;\n  overflow-y: auto;\n  scrollbar-width: thin;\n  scrollbar-color: var(--_sleetch-color-muted) transparent;\n}\n\n.sidebar::-webkit-scrollbar {\n  width: 6px;\n}\n\n.sidebar::-webkit-scrollbar-track {\n  background: transparent;\n}\n\n.sidebar::-webkit-scrollbar-thumb {\n  background-color: var(--_sleetch-color-muted);\n  border-radius: 3px;\n}\n\n.sidebar::-webkit-scrollbar-thumb:hover {\n  background-color: var(--_sleetch-color-muted-foreground);\n}\n\n.overlay {\n  display: none;\n}\n\n@media (max-width: 768px) {\n  .sidebar {\n    position: fixed;\n    top: var(--_sleetch-header-height);\n    left: 0;\n    bottom: 0;\n    width: 280px;\n    min-width: 280px;\n    max-width: 85vw;\n    z-index: 90;\n    background-color: var(--_sleetch-color-background);\n    transform: translateX(-100%);\n    transition: transform 0.3s ease;\n    padding: 2em 1.5em;\n    border-right: 1px solid var(--_sleetch-color-muted);\n    box-shadow: 2px 0 8px rgba(0, 0, 0, 0.3);\n  }\n\n  .sidebar-open {\n    transform: translateX(0);\n  }\n\n  .overlay {\n    display: block;\n    position: fixed;\n    top: var(--_sleetch-header-height);\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background-color: rgba(0, 0, 0, 0.5);\n    z-index: 89;\n    backdrop-filter: blur(2px);\n    animation: fadeIn 0.3s ease;\n  }\n\n  @keyframes fadeIn {\n    from {\n      opacity: 0;\n    }\n    to {\n      opacity: 1;\n    }\n  }\n}\n\n@media (min-width: 769px) and (max-width: 1024px) {\n  .sidebar {\n    min-width: 260px;\n    padding: 3em 1.2em;\n  }\n}\n\n.nav {\n  display: flex;\n  flex-direction: column;\n}\n\n.list {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.item {\n  min-width: 0;\n}\n\n.row {\n  display: flex;\n  align-items: center;\n}\n\n.link,\n.category-label {\n  --depth: 1;\n  flex: 1;\n  display: flex;\n  align-items: center;\n  gap: 0.55em;\n  width: 100%;\n  min-width: 0;\n  margin-left: -1px;\n  padding-block: 0.4em;\n  padding-left: calc(1em + (var(--depth) - 1) * 1em);\n  padding-right: 0.5em;\n  border: none;\n  border-left: 3px solid transparent;\n  background: none;\n  font-family: var(--_sleetch-font-base);\n  font-size: calc(1em - (var(--depth) - 1) * 0.03em);\n  line-height: 1.3;\n  text-align: left;\n  color: var(--_sleetch-color-muted-foreground);\n  text-decoration: none;\n  cursor: pointer;\n  transition:\n    color var(--_sleetch-transition-duration) var(--_sleetch-transition-timing),\n    border-color var(--_sleetch-transition-duration) var(--_sleetch-transition-timing),\n    background-color var(--_sleetch-transition-duration) var(--_sleetch-transition-timing),\n    transform var(--_sleetch-transition-duration) var(--_sleetch-transition-timing);\n}\n\n.link:hover,\n.category-label:hover {\n  color: var(--_sleetch-color-text);\n}\n\n.category-link,\n.category-label {\n  font-weight: var(--_sleetch-font-weight-heading);\n  color: var(--_sleetch-color-text);\n  padding-top: 0.5em;\n}\n\n.active {\n  border-left-color: var(--_sleetch-color-text-primary);\n  background: color-mix(in srgb, var(--_sleetch-color-text-underline) 35%, transparent);\n  color: var(--_sleetch-color-text);\n  transform: translateX(4px);\n}\n\n.active:hover {\n  transform: translateX(6px);\n}\n\n.toggle {\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 1.7em;\n  height: 1.7em;\n  margin-right: 0.2em;\n  background: none;\n  border: none;\n  border-radius: var(--_sleetch-radius);\n  color: var(--_sleetch-color-muted-foreground);\n  cursor: pointer;\n  transition:\n    background-color var(--_sleetch-transition-duration) var(--_sleetch-transition-timing),\n    color var(--_sleetch-transition-duration) var(--_sleetch-transition-timing);\n}\n\n.toggle:hover {\n  background-color: var(--_sleetch-color-card);\n  color: var(--_sleetch-color-text);\n}\n\n.chevron {\n  transition: transform var(--_sleetch-transition-duration) var(--_sleetch-transition-timing);\n}\n\n.chevron-open {\n  transform: rotate(90deg);\n}\n\n.icon {\n  flex-shrink: 0;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 1.1em;\n  height: 1.1em;\n  opacity: 0.75;\n}\n\n.label {\n  flex: 1;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n","/*\n  AI Generated :(\n  Needs more testing\n*/\n\nimport type { BaseHTMLAttributes, ReactNode } from 'react';\nimport { useMemo, useState, useEffect } from 'react';\nimport clsx from 'clsx';\nimport styles from '@sleetch/styles/components/documentation/sidebar/index.module.css';\nimport type { tree_object } from '@sleetch/core/compiler';\n\nexport interface DocumentationSidebarProps extends BaseHTMLAttributes<HTMLBaseElement> {\n  tree: tree_object[];\n  currentPath?: string;\n  hrefBuilder?: (path: string) => string;\n  iconResolver?: (icon?: string) => ReactNode;\n  isOpen?: boolean;\n  onClose?: () => void;\n}\n\nconst defaultHrefBuilder = (path: string) => path;\nconst defaultIconResolver = (): ReactNode => null;\n\nexport function DocumentationSidebar({\n  className,\n  children,\n  tree,\n  currentPath,\n  hrefBuilder = defaultHrefBuilder,\n  iconResolver = defaultIconResolver,\n  isOpen = false,\n  onClose,\n  ...props\n}: DocumentationSidebarProps) {\n  useEffect(() => {\n    if (isOpen) {\n      document.body.style.overflow = 'hidden';\n    } else {\n      document.body.style.overflow = '';\n    }\n    return () => {\n      document.body.style.overflow = '';\n    };\n  }, [isOpen]);\n\n  return (\n    <>\n      {isOpen && <div className={styles['overlay']} onClick={onClose} />}\n      <aside className={clsx(styles['sidebar'], isOpen && styles['sidebar-open'], className)} {...props}>\n        <nav className={styles['nav']}>\n          <SidebarTree nodes={tree} depth={1} currentPath={currentPath} hrefBuilder={hrefBuilder} iconResolver={iconResolver} onLinkClick={onClose} />\n        </nav>\n        {children}\n      </aside>\n    </>\n  );\n}\n\ntype category_node = Extract<tree_object, { type: 'category' }>;\ntype page_node = Extract<tree_object, { type: 'page' }>;\ntype data_node = Extract<tree_object, { type: 'data' }>;\n\nfunction getCategoryData(category: category_node): data_node | undefined {\n  return category.children.find((c): c is data_node => c.type === 'data');\n}\n\nfunction getCategoryIndex(category: category_node): page_node | undefined {\n  return category.children.find((c): c is page_node => c.type === 'page' && c.index === true);\n}\n\nfunction getOrder(node: tree_object): number {\n  if (node.type === 'category') {\n    const data = getCategoryData(node);\n    return data?.frontmatter?.order ?? Number.POSITIVE_INFINITY;\n  }\n  if (node.type === 'page') {\n    return (node.frontmatter as { order?: number }).order ?? Number.POSITIVE_INFINITY;\n  }\n  return Number.POSITIVE_INFINITY;\n}\n\nfunction sortNodes(nodes: tree_object[]): tree_object[] {\n  return nodes\n    .map((node, index) => ({ node, index }))\n    .filter(({ node }) => node.type !== 'data')\n    .sort((a, b) => {\n      const diff = getOrder(a.node) - getOrder(b.node);\n      return diff !== 0 ? diff : a.index - b.index;\n    })\n    .map(({ node }) => node);\n}\n\nfunction resolveTitle(title: string, fallbackPath: string): string {\n  return title && title !== 'No title.' ? title : fallbackPath;\n}\n\nfunction Chevron({ open }: { open: boolean }) {\n  return (\n    <svg\n      viewBox=\"0 0 24 24\"\n      width=\"13\"\n      height=\"13\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2.5\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      className={clsx(styles['chevron'], open && styles['chevron-open'])}\n    >\n      <polyline points=\"9 6 15 12 9 18\" />\n    </svg>\n  );\n}\n\ninterface HrefContext {\n  currentPath?: string;\n  hrefBuilder: (path: string) => string;\n  iconResolver: (icon?: string) => ReactNode;\n  onLinkClick?: () => void;\n}\n\ninterface SidebarTreeProps extends HrefContext {\n  nodes: tree_object[];\n  depth: number;\n}\n\nfunction SidebarTree({ nodes, depth, currentPath, hrefBuilder, iconResolver, onLinkClick }: SidebarTreeProps) {\n  const sorted = useMemo(() => sortNodes(nodes), [nodes]);\n\n  return (\n    <ul className={styles['list']} data-depth={depth}>\n      {sorted.map((node) => {\n        if (node.type === 'page') {\n          if (node.index) return null;\n\n          const isActive = node.path === currentPath;\n          const icon = iconResolver(node.frontmatter.icon);\n\n          return (\n            <li key={node.path} className={styles['item']}>\n              <a\n                href={hrefBuilder(node.path)}\n                className={clsx(styles['link'], isActive && styles['active'])}\n                style={{ '--depth': depth } as React.CSSProperties}\n                onClick={onLinkClick}\n              >\n                {icon && <span className={styles['icon']}>{icon}</span>}\n                <span className={styles['label']}>{resolveTitle(node.frontmatter.title, node.path)}</span>\n              </a>\n            </li>\n          );\n        }\n\n        if (node.type === 'category') {\n          return (\n            <CategoryItem\n              key={node.path}\n              category={node}\n              depth={depth}\n              currentPath={currentPath}\n              hrefBuilder={hrefBuilder}\n              iconResolver={iconResolver}\n              onLinkClick={onLinkClick}\n            />\n          );\n        }\n\n        return null;\n      })}\n    </ul>\n  );\n}\n\ninterface CategoryItemProps extends HrefContext {\n  category: category_node;\n  depth: number;\n}\n\nfunction CategoryItem({ category, depth, currentPath, hrefBuilder, iconResolver, onLinkClick }: CategoryItemProps) {\n  const indexPage = getCategoryIndex(category);\n  const data = getCategoryData(category);\n\n  const title = data?.frontmatter?.title ?? (indexPage ? resolveTitle(indexPage.frontmatter.title, category.path) : category.path);\n\n  const iconName = data?.frontmatter?.icon ?? indexPage?.frontmatter?.icon;\n  const icon = iconResolver(iconName);\n\n  const childNodes = category.children.filter((c) => c.type !== 'data' && !(c.type === 'page' && c.index === true));\n\n  const hasChildren = childNodes.length > 0;\n  const isIndexActive = indexPage ? indexPage.path === currentPath : false;\n\n  const [open, setOpen] = useState(true);\n\n  return (\n    <li className={styles['item']}>\n      <div className={styles['row']}>\n        {indexPage ? (\n          <a\n            href={hrefBuilder(category.path)}\n            className={clsx(styles['link'], styles['category-link'], isIndexActive && styles['active'])}\n            style={{ '--depth': depth } as React.CSSProperties}\n            onClick={onLinkClick}\n          >\n            {icon && <span className={styles['icon']}>{icon}</span>}\n            <span className={styles['label']}>{title}</span>\n          </a>\n        ) : (\n          <button\n            type=\"button\"\n            className={clsx(styles['link'], styles['category-label'])}\n            style={{ '--depth': depth } as React.CSSProperties}\n            onClick={() => hasChildren && setOpen((o) => !o)}\n          >\n            {icon && <span className={styles['icon']}>{icon}</span>}\n            <span className={styles['label']}>{title}</span>\n          </button>\n        )}\n\n        {hasChildren && (\n          <button\n            type=\"button\"\n            className={styles['toggle']}\n            aria-label={open ? 'Collapse' : 'Expand'}\n            aria-expanded={open}\n            onClick={() => setOpen((o) => !o)}\n          >\n            <Chevron open={open} />\n          </button>\n        )}\n      </div>\n\n      {hasChildren && open && (\n        <SidebarTree\n          nodes={childNodes}\n          depth={depth + 1}\n          currentPath={currentPath}\n          hrefBuilder={hrefBuilder}\n          iconResolver={iconResolver}\n          onLinkClick={onLinkClick}\n        />\n      )}\n    </li>\n  );\n}\n"],"mappings":"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"}

package/dist/{toc-BuFdWsti.js → toc-DDk-G4gk.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./clsx-CeX9s6vy.js";
+import { t as e } from "./clsx-CaAiuA5w.js";
 import { use as t, useEffect as n, useRef as r, useState as i } from "react";
 import { jsx as a, jsxs as o } from "react/jsx-runtime";
 import './assets/toc.css';var s = {
@@ -52,8 +52,8 @@ function c({ className: c, children: l, page: u, ...d }) {
 			g(null);
 			return;
 		}
-		let i = e.getBoundingClientRect(), a = n.getBoundingClientRect(), o = r.getBoundingClientRect();
-		g((a.bottom - i.top + (o.top - i.top)) / 2);
+		let i = e.getBoundingClientRect(), a = n.getBoundingClientRect(), o = r.getBoundingClientRect(), s = (a.bottom - i.top + (o.top - i.top)) / 2;
+		g(s);
 	}, [p, f]), /* @__PURE__ */ o("aside", {
 		className: e(s.default, c),
 		...d,
@@ -100,4 +100,4 @@ function c({ className: c, children: l, page: u, ...d }) {
 //#endregion
 export { c as t };
 
-//# sourceMappingURL=toc-BuFdWsti.js.map
+//# sourceMappingURL=toc-DDk-G4gk.js.map

package/dist/{toc-BuFdWsti.js.map → toc-DDk-G4gk.js.map}

@@ -1 +1 @@
-{"version":3,"file":"toc-BuFdWsti.js","names":[],"sources":["../../styles/src/components/documentation/toc/index.module.css","../src/components/documentation/toc/index.tsx"],"sourcesContent":["@import '../../../variables.css';\n\n.default {\n  min-width: var(--_sleetch-toc-width);\n  height: calc(100vh - var(--_sleetch-header-height));\n  position: sticky;\n  top: var(--_sleetch-header-height);\n  color: var(--_sleetch-color-text);\n  padding: 4em 2em;\n  border-left: 1px dashed var(--_sleetch-color-muted);\n  display: flex;\n  flex-direction: column;\n  overflow-y: auto;\n}\n\n@media (max-width: 1024px) {\n  .default {\n    display: none;\n  }\n}\n\n@media (min-width: 1025px) and (max-width: 1280px) {\n  .default {\n    min-width: 220px;\n    padding: 3em 1.5em;\n  }\n}\n\n.title {\n  margin: 0 0 0.5em;\n  font-size: 0.9em;\n  font-weight: var(--_sleetch-font-weight-heading);\n  color: var(--_sleetch-color-text);\n}\n\n.track {\n  position: relative;\n}\n\n.line {\n  position: absolute;\n  left: 0;\n  top: 0;\n  bottom: 0;\n  width: 1px;\n  background: var(--_sleetch-color-muted);\n  z-index: 0;\n}\n\n.gapDot {\n  position: absolute;\n  left: 0;\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  background: var(--_sleetch-color-muted-foreground);\n  transform: translate(-50%, -50%);\n  z-index: 1;\n  pointer-events: none;\n  transition: top var(--_sleetch-transition-duration) var(--_sleetch-transition-timing);\n}\n\n.list {\n  position: relative; /* nécessaire pour que le z-index prenne le dessus sur .line */\n  z-index: 1;\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n\n.item {\n  min-width: 0; /* requis pour que l'ellipsis fonctionne dans un flex/grid parent */\n}\n\n.link {\n  --depth: 1;\n\n  display: block;\n  width: 100%;\n  margin-left: -1px; /* centre la bordure de 3px sur la ligne de 1px */\n  padding-block: 0.4em;\n  padding-left: calc(1em + (var(--depth) - 1) * 0.85em);\n  padding-right: 0.5em;\n\n  border-left: 3px solid transparent;\n\n  font-family: var(--_sleetch-font-base);\n  font-size: calc(0.85em - (var(--depth) - 1) * 0.03em);\n  line-height: 1.3;\n  color: var(--_sleetch-color-muted-foreground);\n  text-decoration: none;\n\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n\n  transition:\n    color var(--_sleetch-transition-duration) var(--_sleetch-transition-timing),\n    border-color var(--_sleetch-transition-duration) var(--_sleetch-transition-timing),\n    background-color var(--_sleetch-transition-duration) var(--_sleetch-transition-timing),\n    transform var(--_sleetch-transition-duration) var(--_sleetch-transition-timing);\n}\n\n.link:hover {\n  color: var(--_sleetch-color-text);\n}\n\n.active {\n  border-left-color: var(--_sleetch-color-text-primary);\n  background: color-mix(in srgb, var(--_sleetch-color-text-underline) 35%, transparent);\n  color: var(--_sleetch-color-text);\n  transform: translateX(4px);\n}\n","/*\nAI Generated :(\nNeeds more testing\n*/\n\nimport { use, useEffect, useRef, useState, type BaseHTMLAttributes, type CSSProperties } from 'react';\nimport styles from '@sleetch/styles/components/documentation/toc/index.module.css';\nimport clsx from 'clsx';\nimport type { markdown_module } from '@sleetch/core/compiler';\n\nexport interface DocumentationTocProps extends BaseHTMLAttributes<HTMLBaseElement> {\n  page: Promise<markdown_module>;\n}\n\ninterface TocLinkStyle extends CSSProperties {\n  '--depth'?: number;\n}\n\nexport function DocumentationToc({ className, children, page, ...props }: DocumentationTocProps) {\n  const value = use(page);\n  const toc = value.default.toc;\n  if (toc.length == 0) return null;\n\n  const [activeIds, setActiveIds] = useState<Set<string>>(new Set());\n  const [gapY, setGapY] = useState<number | null>(null);\n\n  const trackRef = useRef<HTMLDivElement>(null);\n  const itemRefs = useRef<Map<string, HTMLLIElement>>(new Map());\n  const lastActiveIndexRef = useRef<number | null>(null);\n\n  useEffect(() => {\n    if (toc.length === 0) return;\n\n    const elements = toc.map((item) => document.getElementById(item.id)).filter((el): el is HTMLElement => el !== null);\n\n    if (elements.length === 0) return;\n\n    const observer = new IntersectionObserver(\n      (entries) => {\n        setActiveIds((prev) => {\n          const next = new Set(prev);\n          for (const entry of entries) {\n            if (entry.isIntersecting) {\n              next.add(entry.target.id);\n            } else {\n              next.delete(entry.target.id);\n            }\n          }\n          return next;\n        });\n      },\n      {\n        rootMargin: '0px 0px -70% 0px',\n        threshold: 0,\n      }\n    );\n\n    for (const el of elements) observer.observe(el);\n\n    return () => observer.disconnect();\n  }, [toc]);\n\n  useEffect(() => {\n    if (activeIds.size > 0) {\n      let maxIndex = -1;\n      toc.forEach((item, i) => {\n        if (activeIds.has(item.id)) maxIndex = i;\n      });\n      lastActiveIndexRef.current = maxIndex;\n      setGapY(null);\n      return;\n    }\n\n    const track = trackRef.current;\n    const lastIndex = lastActiveIndexRef.current;\n\n    if (!track || lastIndex === null || lastIndex >= toc.length - 1) {\n      setGapY(null);\n      return;\n    }\n\n    const currentLi = itemRefs.current.get(toc[lastIndex].id);\n    const nextLi = itemRefs.current.get(toc[lastIndex + 1].id);\n\n    if (!currentLi || !nextLi) {\n      setGapY(null);\n      return;\n    }\n\n    const trackRect = track.getBoundingClientRect();\n    const currentRect = currentLi.getBoundingClientRect();\n    const nextRect = nextLi.getBoundingClientRect();\n\n    const y = (currentRect.bottom - trackRect.top + (nextRect.top - trackRect.top)) / 2;\n\n    setGapY(y);\n  }, [activeIds, toc]);\n\n  return (\n    <aside className={clsx(styles['default'], className)} {...props}>\n      <h3 className={styles['title']}>On this page</h3>\n      <div className={styles['track']} ref={trackRef}>\n        <span className={styles['line']} aria-hidden=\"true\" />\n        {gapY !== null && <span className={styles['gapDot']} style={{ top: gapY }} aria-hidden=\"true\" />}\n        <ul className={styles['list']}>\n          {toc.map((item) => {\n            const focused = activeIds.has(item.id);\n            const linkStyle: TocLinkStyle = { '--depth': item.level };\n\n            return (\n              <li\n                key={item.id}\n                className={styles['item']}\n                ref={(el) => {\n                  if (el) itemRefs.current.set(item.id, el);\n                  else itemRefs.current.delete(item.id);\n                }}\n              >\n                <a\n                  href={`#${item.id}`}\n                  title={item.title}\n                  aria-current={focused ? 'location' : undefined}\n                  className={clsx(styles['link'], focused && styles['active'])}\n                  style={linkStyle}\n                >\n                  {item.title}\n                </a>\n              </li>\n            );\n          })}\n        </ul>\n      </div>\n    </aside>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;ACkBA,SAAgB,EAAiB,EAAE,cAAW,aAAU,SAAM,GAAG,KAAgC;CAE/F,IAAM,IADQ,EAAI,CACN,CAAA,CAAM,QAAQ;CAC1B,IAAI,EAAI,UAAU,GAAG,OAAO;CAE5B,IAAM,CAAC,GAAW,KAAgB,kBAAsB,IAAI,IAAI,CAAC,GAC3D,CAAC,GAAM,KAAW,EAAwB,IAAI,GAE9C,IAAW,EAAuB,IAAI,GACtC,IAAW,kBAAmC,IAAI,IAAI,CAAC,GACvD,IAAqB,EAAsB,IAAI;CAsErD,OApEA,QAAgB;EACd,IAAI,EAAI,WAAW,GAAG;EAEtB,IAAM,IAAW,EAAI,KAAK,MAAS,SAAS,eAAe,EAAK,EAAE,CAAC,CAAC,CAAC,QAAQ,MAA0B,MAAO,IAAI;EAElH,IAAI,EAAS,WAAW,GAAG;EAE3B,IAAM,IAAW,IAAI,sBAClB,MAAY;GACX,GAAc,MAAS;IACrB,IAAM,IAAO,IAAI,IAAI,CAAI;IACzB,KAAK,IAAM,KAAS,GAClB,AAAI,EAAM,iBACR,EAAK,IAAI,EAAM,OAAO,EAAE,IAExB,EAAK,OAAO,EAAM,OAAO,EAAE;IAG/B,OAAO;GACT,CAAC;EACH,GACA;GACE,YAAY;GACZ,WAAW;EACb,CACF;EAEA,KAAK,IAAM,KAAM,GAAU,EAAS,QAAQ,CAAE;EAE9C,aAAa,EAAS,WAAW;CACnC,GAAG,CAAC,CAAG,CAAC,GAER,QAAgB;EACd,IAAI,EAAU,OAAO,GAAG;GACtB,IAAI,IAAW;GAKf,AAJA,EAAI,SAAS,GAAM,MAAM;IACvB,AAAI,EAAU,IAAI,EAAK,EAAE,MAAG,IAAW;GACzC,CAAC,GACD,EAAmB,UAAU,GAC7B,EAAQ,IAAI;GACZ;EACF;EAEA,IAAM,IAAQ,EAAS,SACjB,IAAY,EAAmB;EAErC,IAAI,CAAC,KAAS,MAAc,QAAQ,KAAa,EAAI,SAAS,GAAG;GAC/D,EAAQ,IAAI;GACZ;EACF;EAEA,IAAM,IAAY,EAAS,QAAQ,IAAI,EAAI,EAAU,CAAC,EAAE,GAClD,IAAS,EAAS,QAAQ,IAAI,EAAI,IAAY,EAAE,CAAC,EAAE;EAEzD,IAAI,CAAC,KAAa,CAAC,GAAQ;GACzB,EAAQ,IAAI;GACZ;EACF;EAEA,IAAM,IAAY,EAAM,sBAAsB,GACxC,IAAc,EAAU,sBAAsB,GAC9C,IAAW,EAAO,sBAAsB;EAI9C,GAFW,EAAY,SAAS,EAAU,OAAO,EAAS,MAAM,EAAU,QAAQ,CAEzE;CACX,GAAG,CAAC,GAAW,CAAG,CAAC,GAGjB,kBAAC,SAAD;EAAO,WAAW,EAAK,EAAO,SAAY,CAAS;EAAG,GAAI;YAA1D,CACE,kBAAC,MAAD;GAAI,WAAW,EAAO;aAAU;EAAgB,CAAA,GAChD,kBAAC,OAAD;GAAK,WAAW,EAAO;GAAU,KAAK;aAAtC;IACE,kBAAC,QAAD;KAAM,WAAW,EAAO;KAAS,eAAY;IAAQ,CAAA;IACpD,MAAS,QAAQ,kBAAC,QAAD;KAAM,WAAW,EAAO;KAAW,OAAO,EAAE,KAAK,EAAK;KAAG,eAAY;IAAQ,CAAA;IAC/F,kBAAC,MAAD;KAAI,WAAW,EAAO;eACnB,EAAI,KAAK,MAAS;MACjB,IAAM,IAAU,EAAU,IAAI,EAAK,EAAE,GAC/B,IAA0B,EAAE,WAAW,EAAK,MAAM;MAExD,OACE,kBAAC,MAAD;OAEE,WAAW,EAAO;OAClB,MAAM,MAAO;QACX,AAAI,IAAI,EAAS,QAAQ,IAAI,EAAK,IAAI,CAAE,IACnC,EAAS,QAAQ,OAAO,EAAK,EAAE;OACtC;iBAEA,kBAAC,KAAD;QACE,MAAM,IAAI,EAAK;QACf,OAAO,EAAK;QACZ,gBAAc,IAAU,aAAa,KAAA;QACrC,WAAW,EAAK,EAAO,MAAS,KAAW,EAAO,MAAS;QAC3D,OAAO;kBAEN,EAAK;OACL,CAAA;MACD,GAhBG,EAAK,EAgBR;KAER,CAAC;IACC,CAAA;GACD;IACA;;AAEX"}
+{"version":3,"file":"toc-DDk-G4gk.js","names":[],"sources":["../../styles/src/components/documentation/toc/index.module.css","../src/components/documentation/toc/index.tsx"],"sourcesContent":["@import '../../../variables.css';\n\n.default {\n  min-width: var(--_sleetch-toc-width);\n  height: calc(100vh - var(--_sleetch-header-height));\n  position: sticky;\n  top: var(--_sleetch-header-height);\n  color: var(--_sleetch-color-text);\n  padding: 4em 2em;\n  border-left: 1px dashed var(--_sleetch-color-muted);\n  display: flex;\n  flex-direction: column;\n  overflow-y: auto;\n}\n\n@media (max-width: 1024px) {\n  .default {\n    display: none;\n  }\n}\n\n@media (min-width: 1025px) and (max-width: 1280px) {\n  .default {\n    min-width: 220px;\n    padding: 3em 1.5em;\n  }\n}\n\n.title {\n  margin: 0 0 0.5em;\n  font-size: 0.9em;\n  font-weight: var(--_sleetch-font-weight-heading);\n  color: var(--_sleetch-color-text);\n}\n\n.track {\n  position: relative;\n}\n\n.line {\n  position: absolute;\n  left: 0;\n  top: 0;\n  bottom: 0;\n  width: 1px;\n  background: var(--_sleetch-color-muted);\n  z-index: 0;\n}\n\n.gapDot {\n  position: absolute;\n  left: 0;\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  background: var(--_sleetch-color-muted-foreground);\n  transform: translate(-50%, -50%);\n  z-index: 1;\n  pointer-events: none;\n  transition: top var(--_sleetch-transition-duration) var(--_sleetch-transition-timing);\n}\n\n.list {\n  position: relative; /* nécessaire pour que le z-index prenne le dessus sur .line */\n  z-index: 1;\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n\n.item {\n  min-width: 0; /* requis pour que l'ellipsis fonctionne dans un flex/grid parent */\n}\n\n.link {\n  --depth: 1;\n\n  display: block;\n  width: 100%;\n  margin-left: -1px; /* centre la bordure de 3px sur la ligne de 1px */\n  padding-block: 0.4em;\n  padding-left: calc(1em + (var(--depth) - 1) * 0.85em);\n  padding-right: 0.5em;\n\n  border-left: 3px solid transparent;\n\n  font-family: var(--_sleetch-font-base);\n  font-size: calc(0.85em - (var(--depth) - 1) * 0.03em);\n  line-height: 1.3;\n  color: var(--_sleetch-color-muted-foreground);\n  text-decoration: none;\n\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n\n  transition:\n    color var(--_sleetch-transition-duration) var(--_sleetch-transition-timing),\n    border-color var(--_sleetch-transition-duration) var(--_sleetch-transition-timing),\n    background-color var(--_sleetch-transition-duration) var(--_sleetch-transition-timing),\n    transform var(--_sleetch-transition-duration) var(--_sleetch-transition-timing);\n}\n\n.link:hover {\n  color: var(--_sleetch-color-text);\n}\n\n.active {\n  border-left-color: var(--_sleetch-color-text-primary);\n  background: color-mix(in srgb, var(--_sleetch-color-text-underline) 35%, transparent);\n  color: var(--_sleetch-color-text);\n  transform: translateX(4px);\n}\n","/*\nAI Generated :(\nNeeds more testing\n*/\n\nimport { use, useEffect, useRef, useState, type BaseHTMLAttributes, type CSSProperties } from 'react';\nimport styles from '@sleetch/styles/components/documentation/toc/index.module.css';\nimport clsx from 'clsx';\nimport type { markdown_module } from '@sleetch/core/compiler';\n\nexport interface DocumentationTocProps extends BaseHTMLAttributes<HTMLBaseElement> {\n  page: Promise<markdown_module>;\n}\n\ninterface TocLinkStyle extends CSSProperties {\n  '--depth'?: number;\n}\n\nexport function DocumentationToc({ className, children, page, ...props }: DocumentationTocProps) {\n  const value = use(page);\n  const toc = value.default.toc;\n  if (toc.length == 0) return null;\n\n  const [activeIds, setActiveIds] = useState<Set<string>>(new Set());\n  const [gapY, setGapY] = useState<number | null>(null);\n\n  const trackRef = useRef<HTMLDivElement>(null);\n  const itemRefs = useRef<Map<string, HTMLLIElement>>(new Map());\n  const lastActiveIndexRef = useRef<number | null>(null);\n\n  useEffect(() => {\n    if (toc.length === 0) return;\n\n    const elements = toc.map((item) => document.getElementById(item.id)).filter((el): el is HTMLElement => el !== null);\n\n    if (elements.length === 0) return;\n\n    const observer = new IntersectionObserver(\n      (entries) => {\n        setActiveIds((prev) => {\n          const next = new Set(prev);\n          for (const entry of entries) {\n            if (entry.isIntersecting) {\n              next.add(entry.target.id);\n            } else {\n              next.delete(entry.target.id);\n            }\n          }\n          return next;\n        });\n      },\n      {\n        rootMargin: '0px 0px -70% 0px',\n        threshold: 0,\n      }\n    );\n\n    for (const el of elements) observer.observe(el);\n\n    return () => observer.disconnect();\n  }, [toc]);\n\n  useEffect(() => {\n    if (activeIds.size > 0) {\n      let maxIndex = -1;\n      toc.forEach((item, i) => {\n        if (activeIds.has(item.id)) maxIndex = i;\n      });\n      lastActiveIndexRef.current = maxIndex;\n      setGapY(null);\n      return;\n    }\n\n    const track = trackRef.current;\n    const lastIndex = lastActiveIndexRef.current;\n\n    if (!track || lastIndex === null || lastIndex >= toc.length - 1) {\n      setGapY(null);\n      return;\n    }\n\n    const currentLi = itemRefs.current.get(toc[lastIndex].id);\n    const nextLi = itemRefs.current.get(toc[lastIndex + 1].id);\n\n    if (!currentLi || !nextLi) {\n      setGapY(null);\n      return;\n    }\n\n    const trackRect = track.getBoundingClientRect();\n    const currentRect = currentLi.getBoundingClientRect();\n    const nextRect = nextLi.getBoundingClientRect();\n\n    const y = (currentRect.bottom - trackRect.top + (nextRect.top - trackRect.top)) / 2;\n\n    setGapY(y);\n  }, [activeIds, toc]);\n\n  return (\n    <aside className={clsx(styles['default'], className)} {...props}>\n      <h3 className={styles['title']}>On this page</h3>\n      <div className={styles['track']} ref={trackRef}>\n        <span className={styles['line']} aria-hidden=\"true\" />\n        {gapY !== null && <span className={styles['gapDot']} style={{ top: gapY }} aria-hidden=\"true\" />}\n        <ul className={styles['list']}>\n          {toc.map((item) => {\n            const focused = activeIds.has(item.id);\n            const linkStyle: TocLinkStyle = { '--depth': item.level };\n\n            return (\n              <li\n                key={item.id}\n                className={styles['item']}\n                ref={(el) => {\n                  if (el) itemRefs.current.set(item.id, el);\n                  else itemRefs.current.delete(item.id);\n                }}\n              >\n                <a\n                  href={`#${item.id}`}\n                  title={item.title}\n                  aria-current={focused ? 'location' : undefined}\n                  className={clsx(styles['link'], focused && styles['active'])}\n                  style={linkStyle}\n                >\n                  {item.title}\n                </a>\n              </li>\n            );\n          })}\n        </ul>\n      </div>\n    </aside>\n  );\n}\n"],"mappings":"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"}

package/dist/{toc-CMwm46RH.cjs → toc-Do6Ltevt.cjs}

@@ -1,2 +1,2 @@
-require('./assets/toc.css');const e=require("./clsx-CPcBvw4Z.cjs");let t=require("react"),n=require("react/jsx-runtime");var r={default:`_default_2imtf_3`,title:`_title_2imtf_29`,track:`_track_2imtf_36`,line:`_line_2imtf_40`,gapDot:`_gapDot_2imtf_50`,list:`_list_2imtf_63`,item:`_item_2imtf_74`,link:`_link_2imtf_78`,active:`_active_2imtf_111`};function i({className:i,children:a,page:o,...s}){let c=(0,t.use)(o).default.toc;if(c.length==0)return null;let[l,u]=(0,t.useState)(new Set),[d,f]=(0,t.useState)(null),p=(0,t.useRef)(null),m=(0,t.useRef)(new Map),h=(0,t.useRef)(null);return(0,t.useEffect)(()=>{if(c.length===0)return;let e=c.map(e=>document.getElementById(e.id)).filter(e=>e!==null);if(e.length===0)return;let t=new IntersectionObserver(e=>{u(t=>{let n=new Set(t);for(let t of e)t.isIntersecting?n.add(t.target.id):n.delete(t.target.id);return n})},{rootMargin:`0px 0px -70% 0px`,threshold:0});for(let n of e)t.observe(n);return()=>t.disconnect()},[c]),(0,t.useEffect)(()=>{if(l.size>0){let e=-1;c.forEach((t,n)=>{l.has(t.id)&&(e=n)}),h.current=e,f(null);return}let e=p.current,t=h.current;if(!e||t===null||t>=c.length-1){f(null);return}let n=m.current.get(c[t].id),r=m.current.get(c[t+1].id);if(!n||!r){f(null);return}let i=e.getBoundingClientRect(),a=n.getBoundingClientRect(),o=r.getBoundingClientRect();f((a.bottom-i.top+(o.top-i.top))/2)},[l,c]),(0,n.jsxs)(`aside`,{className:e.t(r.default,i),...s,children:[(0,n.jsx)(`h3`,{className:r.title,children:`On this page`}),(0,n.jsxs)(`div`,{className:r.track,ref:p,children:[(0,n.jsx)(`span`,{className:r.line,"aria-hidden":`true`}),d!==null&&(0,n.jsx)(`span`,{className:r.gapDot,style:{top:d},"aria-hidden":`true`}),(0,n.jsx)(`ul`,{className:r.list,children:c.map(t=>{let i=l.has(t.id),a={"--depth":t.level};return(0,n.jsx)(`li`,{className:r.item,ref:e=>{e?m.current.set(t.id,e):m.current.delete(t.id)},children:(0,n.jsx)(`a`,{href:`#${t.id}`,title:t.title,"aria-current":i?`location`:void 0,className:e.t(r.link,i&&r.active),style:a,children:t.title})},t.id)})})]})]})}Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return i}});
-//# sourceMappingURL=toc-CMwm46RH.cjs.map
+require('./assets/toc.css');const e=require("./clsx-GLXUd3yb.cjs");let t=require("react"),n=require("react/jsx-runtime");var r={default:`_default_2imtf_3`,title:`_title_2imtf_29`,track:`_track_2imtf_36`,line:`_line_2imtf_40`,gapDot:`_gapDot_2imtf_50`,list:`_list_2imtf_63`,item:`_item_2imtf_74`,link:`_link_2imtf_78`,active:`_active_2imtf_111`};function i({className:i,children:a,page:o,...s}){let c=(0,t.use)(o).default.toc;if(c.length==0)return null;let[l,u]=(0,t.useState)(new Set),[d,f]=(0,t.useState)(null),p=(0,t.useRef)(null),m=(0,t.useRef)(new Map),h=(0,t.useRef)(null);return(0,t.useEffect)(()=>{if(c.length===0)return;let e=c.map(e=>document.getElementById(e.id)).filter(e=>e!==null);if(e.length===0)return;let t=new IntersectionObserver(e=>{u(t=>{let n=new Set(t);for(let t of e)t.isIntersecting?n.add(t.target.id):n.delete(t.target.id);return n})},{rootMargin:`0px 0px -70% 0px`,threshold:0});for(let n of e)t.observe(n);return()=>t.disconnect()},[c]),(0,t.useEffect)(()=>{if(l.size>0){let e=-1;c.forEach((t,n)=>{l.has(t.id)&&(e=n)}),h.current=e,f(null);return}let e=p.current,t=h.current;if(!e||t===null||t>=c.length-1){f(null);return}let n=m.current.get(c[t].id),r=m.current.get(c[t+1].id);if(!n||!r){f(null);return}let i=e.getBoundingClientRect(),a=n.getBoundingClientRect(),o=r.getBoundingClientRect(),s=(a.bottom-i.top+(o.top-i.top))/2;f(s)},[l,c]),(0,n.jsxs)(`aside`,{className:e.t(r.default,i),...s,children:[(0,n.jsx)(`h3`,{className:r.title,children:`On this page`}),(0,n.jsxs)(`div`,{className:r.track,ref:p,children:[(0,n.jsx)(`span`,{className:r.line,"aria-hidden":`true`}),d!==null&&(0,n.jsx)(`span`,{className:r.gapDot,style:{top:d},"aria-hidden":`true`}),(0,n.jsx)(`ul`,{className:r.list,children:c.map(t=>{let i=l.has(t.id),a={"--depth":t.level};return(0,n.jsx)(`li`,{className:r.item,ref:e=>{e?m.current.set(t.id,e):m.current.delete(t.id)},children:(0,n.jsx)(`a`,{href:`#${t.id}`,title:t.title,"aria-current":i?`location`:void 0,className:e.t(r.link,i&&r.active),style:a,children:t.title})},t.id)})})]})]})}Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return i}});
+//# sourceMappingURL=toc-Do6Ltevt.cjs.map