@sleetch/react 1.0.4 → 1.0.6

package/dist/navigation-bIVcotMC.js

@@ -0,0 +1,139 @@
+import { useDocumentationContext as e } from "./contexts/documentation.es.js";
+import { t } from "./clsx-CaAiuA5w.js";
+import { useMemo as n } from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import './assets/navigation.css';var a = {
+	navigation: "_navigation_1ix9w_1",
+	slot: "_slot_1ix9w_10",
+	"slot-end": "_slot-end_1ix9w_14",
+	card: "_card_1ix9w_18",
+	next: "_next_1ix9w_45",
+	previous: "_previous_1ix9w_50",
+	meta: "_meta_1ix9w_55",
+	chevron: "_chevron_1ix9w_63",
+	title: "_title_1ix9w_69",
+	description: "_description_1ix9w_76"
+};
+//#endregion
+//#region src/components/documentation/page/navigation.tsx
+function o(e) {
+	return e.type === "category" ? e?.frontmatter?.order ?? Infinity : e.type === "page" ? e.frontmatter.order ?? Infinity : Infinity;
+}
+function s(e) {
+	return e.map((e, t) => ({
+		node: e,
+		index: t
+	})).sort((e, t) => {
+		let n = o(e.node) - o(t.node);
+		return n === 0 ? e.index - t.index : n;
+	}).map(({ node: e }) => e);
+}
+function c(e) {
+	let t = s(e), n = [];
+	for (let e of t) {
+		if (e.type === "page") {
+			n.push(e);
+			continue;
+		}
+		if (e.type === "category") {
+			let t = e.page;
+			t && n.push(t);
+			let r = e.children;
+			n.push(...c(r));
+		}
+	}
+	return n;
+}
+function l() {
+	return /* @__PURE__ */ r("svg", {
+		viewBox: "0 0 24 24",
+		width: "16",
+		height: "16",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "2.5",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		className: a.chevron,
+		children: /* @__PURE__ */ r("polyline", { points: "15 18 9 12 15 6" })
+	});
+}
+function u() {
+	return /* @__PURE__ */ r("svg", {
+		viewBox: "0 0 24 24",
+		width: "16",
+		height: "16",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "2.5",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		className: a.chevron,
+		children: /* @__PURE__ */ r("polyline", { points: "9 18 15 12 9 6" })
+	});
+}
+function d(e, t) {
+	return e && e !== "No title." ? e : t;
+}
+function f(e) {
+	return e && e !== "No description." ? e : void 0;
+}
+function p({ node: n, direction: o }) {
+	let s = d(n.frontmatter.title, n.path), c = f(n.frontmatter.description), { language: p, path_transformer: m } = e();
+	return /* @__PURE__ */ i("a", {
+		href: m({
+			language: p,
+			path: n.path
+		}),
+		className: t(a.card, a[o]),
+		"data-direction": o,
+		children: [/* @__PURE__ */ i("span", {
+			className: a.meta,
+			children: [
+				o === "previous" && /* @__PURE__ */ r(l, {}),
+				/* @__PURE__ */ r("span", {
+					className: a.title,
+					children: s
+				}),
+				o === "next" && /* @__PURE__ */ r(u, {})
+			]
+		}), c && /* @__PURE__ */ r("span", {
+			className: a.description,
+			children: c
+		})]
+	});
+}
+function m({ className: o, ...s }) {
+	let { tree: l, current_path: u } = e(), { previous: d, next: f } = n(() => {
+		let e = c(l), t = e.findIndex((e) => e.path === u);
+		return t === -1 ? {
+			previous: void 0,
+			next: void 0
+		} : {
+			previous: e[t - 1],
+			next: e[t + 1]
+		};
+	}, [l, u]);
+	return !d && !f ? null : /* @__PURE__ */ i("nav", {
+		className: t(a.navigation, o),
+		"aria-label": "Pagination",
+		...s,
+		children: [/* @__PURE__ */ r("div", {
+			className: a.slot,
+			children: d && /* @__PURE__ */ r(p, {
+				node: d,
+				direction: "previous"
+			})
+		}), /* @__PURE__ */ r("div", {
+			className: t(a.slot, a["slot-end"]),
+			children: f && /* @__PURE__ */ r(p, {
+				node: f,
+				direction: "next"
+			})
+		})]
+	});
+}
+//#endregion
+export { m as t };
+
+//# sourceMappingURL=navigation-bIVcotMC.js.map

package/dist/navigation-bIVcotMC.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-bIVcotMC.js","names":[],"sources":["../../styles/src/components/documentation/page/navigation.module.css","../src/components/documentation/page/navigation.tsx"],"sourcesContent":[".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-border);\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';\nimport { useDocumentationContext } from 'packages/react/src/contexts/documentation';\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\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 getOrder(node: tree_object): number {\n  if (node.type === 'category') {\n    return node?.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    .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 = node.page;\n      if (indexPage) result.push(indexPage);\n      const rest = node.children;\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}\n\nfunction NavigationCard({ node, direction }: NavigationCardProps) {\n  const title = resolveTitle(node.frontmatter.title, node.path);\n  const description = resolveDescription(node.frontmatter.description);\n  const { language, path_transformer } = useDocumentationContext();\n\n  return (\n    <a href={path_transformer({ language, path: 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, ...props }: DocumentationNavigationProps) {\n  const { tree, current_path } = useDocumentationContext();\n  const { previous, next } = useMemo(() => {\n    const pages = flattenPages(tree);\n    const currentIndex = pages.findIndex((page) => page.path === current_path);\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, current_path]);\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\" />}</div>\n      <div className={clsx(styles['slot'], styles['slot-end'])}>{next && <NavigationCard node={next} direction=\"next\" />}</div>\n    </nav>\n  );\n}\n"],"mappings":"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"}

package/dist/sidebar-CiheJpEa.cjs

@@ -0,0 +1,2 @@
+require('./assets/sidebar.css');const e=require("./contexts/documentation.cjs.js"),t=require("./clsx-GLXUd3yb.cjs");let n=require("react"),r=require("react/jsx-runtime");var i={sidebar:`_sidebar_1n87n_1`,overlay:`_overlay_1n87n_33`,"sidebar-open":`_sidebar-open_1n87n_55`,fadeIn:`_fadeIn_1n87n_1`,nav:`_nav_1n87n_89`,list:`_list_1n87n_94`,item:`_item_1n87n_103`,row:`_row_1n87n_107`,link:`_link_1n87n_112`,"category-label":`_category-label_1n87n_113`,"category-link":`_category-link_1n87n_147`,active:`_active_1n87n_154`,toggle:`_toggle_1n87n_165`,chevron:`_chevron_1n87n_188`,"chevron-open":`_chevron-open_1n87n_192`,icon:`_icon_1n87n_196`,label:`_label_1n87n_206`};function a({className:a,children:o,...s}){let{is_sidebar_open:c,close_sidebar:l,tree:d,current_path:f,path_transformer:p,icon_transformer:m}=e.useDocumentationContext();return(0,n.useEffect)(()=>(c?document.body.style.overflow=`hidden`:document.body.style.overflow=``,()=>{document.body.style.overflow=``}),[c]),(0,r.jsxs)(r.Fragment,{children:[c&&(0,r.jsx)(`div`,{className:i.overlay,onClick:l}),(0,r.jsxs)(`aside`,{className:t.t(i.sidebar,c&&i[`sidebar-open`],a),...s,children:[(0,r.jsx)(`nav`,{className:i.nav,children:(0,r.jsx)(u,{nodes:d,depth:1,onLinkClick:l})}),o]})]})}function o(e){return e.type===`category`?e?.frontmatter?.order??1/0:e.type===`page`?e.frontmatter.order??1/0:1/0}function s(e){return e.map((e,t)=>({node:e,index:t})).sort((e,t)=>{let n=o(e.node)-o(t.node);return n===0?e.index-t.index:n}).map(({node:e})=>e)}function c(e,t){return e&&e!==`No title.`?e:t}function l({open:e}){return(0,r.jsx)(`svg`,{viewBox:`0 0 24 24`,width:`13`,height:`13`,fill:`none`,stroke:`currentColor`,strokeWidth:`2.5`,strokeLinecap:`round`,strokeLinejoin:`round`,className:t.t(i.chevron,e&&i[`chevron-open`]),children:(0,r.jsx)(`polyline`,{points:`9 6 15 12 9 18`})})}function u({nodes:a,depth:o,onLinkClick:l}){let u=(0,n.useMemo)(()=>s(a),[a]),{icon_transformer:f,current_path:p,path_transformer:m,language:h}=e.useDocumentationContext();return(0,r.jsx)(`ul`,{className:i.list,"data-depth":o,children:u.map(e=>{if(e.type===`page`){let n=e.path===p,a=f(e.frontmatter.icon);return(0,r.jsx)(`li`,{className:i.item,children:(0,r.jsxs)(`a`,{href:m({language:h,path:e.path}),className:t.t(i.link,n&&i.active),style:{"--depth":o},onClick:l,children:[a&&(0,r.jsx)(`span`,{className:i.icon,children:a}),(0,r.jsx)(`span`,{className:i.label,children:c(e.frontmatter.title,e.path)})]})},e.path)}return e.type===`category`?(0,r.jsx)(d,{category:e,depth:o,onLinkClick:l},e.path):null})})}function d({category:a,depth:o,onLinkClick:s}){let{icon_transformer:d,current_path:f,path_transformer:p,language:m}=e.useDocumentationContext(),h=a?.frontmatter?.title??(a.page?c(a.page.frontmatter.title,a.path):a.path),g=d(a?.frontmatter?.icon??a?.page?.frontmatter?.icon),_=a.children,v=_.length>0,y=a.page?a.page.path===f:!1,[b,x]=(0,n.useState)(!0);return(0,r.jsxs)(`li`,{className:i.item,children:[(0,r.jsxs)(`div`,{className:i.row,children:[a.page?(0,r.jsxs)(`a`,{href:p({language:m,path:a.page.path}),className:t.t(i.link,i[`category-link`],y&&i.active),style:{"--depth":o},onClick:s,children:[g&&(0,r.jsx)(`span`,{className:i.icon,children:g}),(0,r.jsx)(`span`,{className:i.label,children:h})]}):(0,r.jsxs)(`button`,{type:`button`,className:t.t(i.link,i[`category-label`]),style:{"--depth":o},onClick:()=>v&&x(e=>!e),children:[g&&(0,r.jsx)(`span`,{className:i.icon,children:g}),(0,r.jsx)(`span`,{className:i.label,children:h})]}),v&&(0,r.jsx)(`button`,{type:`button`,className:i.toggle,"aria-label":b?`Collapse`:`Expand`,"aria-expanded":b,onClick:()=>x(e=>!e),children:(0,r.jsx)(l,{open:b})})]}),v&&b&&(0,r.jsx)(u,{nodes:_,depth:o+1,onLinkClick:s})]})}Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return a}});
+//# sourceMappingURL=sidebar-CiheJpEa.cjs.map

package/dist/sidebar-CiheJpEa.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-CiheJpEa.cjs","names":[],"sources":["../../styles/src/components/documentation/sidebar/index.module.css","../src/components/documentation/sidebar/index.tsx"],"sourcesContent":[".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-border);\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';\nimport { useDocumentationContext } from 'packages/react/src/contexts/documentation';\n\nexport interface DocumentationSidebarProps extends BaseHTMLAttributes<HTMLBaseElement> {}\n\nexport function DocumentationSidebar({ className, children, ...props }: DocumentationSidebarProps) {\n  const { is_sidebar_open, close_sidebar, tree, current_path, path_transformer, icon_transformer } = useDocumentationContext();\n\n  useEffect(() => {\n    if (is_sidebar_open) {\n      document.body.style.overflow = 'hidden';\n    } else {\n      document.body.style.overflow = '';\n    }\n    return () => {\n      document.body.style.overflow = '';\n    };\n  }, [is_sidebar_open]);\n\n  return (\n    <>\n      {is_sidebar_open && <div className={styles['overlay']} onClick={close_sidebar} />}\n      <aside className={clsx(styles['sidebar'], is_sidebar_open && styles['sidebar-open'], className)} {...props}>\n        <nav className={styles['nav']}>\n          <SidebarTree nodes={tree} depth={1} onLinkClick={close_sidebar} />\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 getOrder(node: tree_object): number {\n  if (node.type === 'category') {\n    return node?.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    .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  onLinkClick?: () => void;\n}\n\ninterface SidebarTreeProps extends HrefContext {\n  nodes: tree_object[];\n  depth: number;\n}\n\nfunction SidebarTree({ nodes, depth, onLinkClick }: SidebarTreeProps) {\n  const sorted = useMemo(() => sortNodes(nodes), [nodes]);\n  const { icon_transformer, current_path, path_transformer, language } = useDocumentationContext();\n  return (\n    <ul className={styles['list']} data-depth={depth}>\n      {sorted.map((node) => {\n        if (node.type === 'page') {\n          const isActive = node.path === current_path;\n          const icon = icon_transformer(node.frontmatter.icon);\n\n          return (\n            <li key={node.path} className={styles['item']}>\n              <a\n                href={path_transformer({ language, path: 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 <CategoryItem key={node.path} category={node} depth={depth} onLinkClick={onLinkClick} />;\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, onLinkClick }: CategoryItemProps) {\n  const { icon_transformer, current_path, path_transformer, language } = useDocumentationContext();\n\n  const title = category?.frontmatter?.title ?? (category.page ? resolveTitle(category.page.frontmatter.title, category.path) : category.path);\n\n  const iconName = category?.frontmatter?.icon ?? category?.page?.frontmatter?.icon;\n  const icon = icon_transformer(iconName);\n\n  const childNodes = category.children;\n\n  const hasChildren = childNodes.length > 0;\n  const isIndexActive = category.page ? category.page.path === current_path : false;\n\n  const [open, setOpen] = useState(true);\n\n  return (\n    <li className={styles['item']}>\n      <div className={styles['row']}>\n        {category.page ? (\n          <a\n            href={path_transformer({ language, path: category.page.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 && <SidebarTree nodes={childNodes} depth={depth + 1} onLinkClick={onLinkClick} />}\n    </li>\n  );\n}\n"],"mappings":"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"}

package/dist/sidebar-aXd_UA6s.js

@@ -0,0 +1,162 @@
+import { useDocumentationContext as e } from "./contexts/documentation.es.js";
+import { t } from "./clsx-CaAiuA5w.js";
+import { useEffect as n, useMemo as r, useState as i } from "react";
+import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
+import './assets/sidebar.css';var c = {
+	sidebar: "_sidebar_1n87n_1",
+	overlay: "_overlay_1n87n_33",
+	"sidebar-open": "_sidebar-open_1n87n_55",
+	fadeIn: "_fadeIn_1n87n_1",
+	nav: "_nav_1n87n_89",
+	list: "_list_1n87n_94",
+	item: "_item_1n87n_103",
+	row: "_row_1n87n_107",
+	link: "_link_1n87n_112",
+	"category-label": "_category-label_1n87n_113",
+	"category-link": "_category-link_1n87n_147",
+	active: "_active_1n87n_154",
+	toggle: "_toggle_1n87n_165",
+	chevron: "_chevron_1n87n_188",
+	"chevron-open": "_chevron-open_1n87n_192",
+	icon: "_icon_1n87n_196",
+	label: "_label_1n87n_206"
+};
+//#endregion
+//#region src/components/documentation/sidebar/index.tsx
+function l({ className: r, children: i, ...l }) {
+	let { is_sidebar_open: u, close_sidebar: d, tree: f, current_path: p, path_transformer: h, icon_transformer: g } = e();
+	return n(() => (u ? document.body.style.overflow = "hidden" : document.body.style.overflow = "", () => {
+		document.body.style.overflow = "";
+	}), [u]), /* @__PURE__ */ s(a, { children: [u && /* @__PURE__ */ o("div", {
+		className: c.overlay,
+		onClick: d
+	}), /* @__PURE__ */ s("aside", {
+		className: t(c.sidebar, u && c["sidebar-open"], r),
+		...l,
+		children: [/* @__PURE__ */ o("nav", {
+			className: c.nav,
+			children: /* @__PURE__ */ o(m, {
+				nodes: f,
+				depth: 1,
+				onLinkClick: d
+			})
+		}), i]
+	})] });
+}
+function u(e) {
+	return e.type === "category" ? e?.frontmatter?.order ?? Infinity : e.type === "page" ? e.frontmatter.order ?? Infinity : Infinity;
+}
+function d(e) {
+	return e.map((e, t) => ({
+		node: e,
+		index: t
+	})).sort((e, t) => {
+		let n = u(e.node) - u(t.node);
+		return n === 0 ? e.index - t.index : n;
+	}).map(({ node: e }) => e);
+}
+function f(e, t) {
+	return e && e !== "No title." ? e : t;
+}
+function p({ open: e }) {
+	return /* @__PURE__ */ o("svg", {
+		viewBox: "0 0 24 24",
+		width: "13",
+		height: "13",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "2.5",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		className: t(c.chevron, e && c["chevron-open"]),
+		children: /* @__PURE__ */ o("polyline", { points: "9 6 15 12 9 18" })
+	});
+}
+function m({ nodes: n, depth: i, onLinkClick: a }) {
+	let l = r(() => d(n), [n]), { icon_transformer: u, current_path: p, path_transformer: m, language: g } = e();
+	return /* @__PURE__ */ o("ul", {
+		className: c.list,
+		"data-depth": i,
+		children: l.map((e) => {
+			if (e.type === "page") {
+				let n = e.path === p, r = u(e.frontmatter.icon);
+				return /* @__PURE__ */ o("li", {
+					className: c.item,
+					children: /* @__PURE__ */ s("a", {
+						href: m({
+							language: g,
+							path: e.path
+						}),
+						className: t(c.link, n && c.active),
+						style: { "--depth": i },
+						onClick: a,
+						children: [r && /* @__PURE__ */ o("span", {
+							className: c.icon,
+							children: r
+						}), /* @__PURE__ */ o("span", {
+							className: c.label,
+							children: f(e.frontmatter.title, e.path)
+						})]
+					})
+				}, e.path);
+			}
+			return e.type === "category" ? /* @__PURE__ */ o(h, {
+				category: e,
+				depth: i,
+				onLinkClick: a
+			}, e.path) : null;
+		})
+	});
+}
+function h({ category: n, depth: r, onLinkClick: a }) {
+	let { icon_transformer: l, current_path: u, path_transformer: d, language: h } = e(), g = n?.frontmatter?.title ?? (n.page ? f(n.page.frontmatter.title, n.path) : n.path), _ = l(n?.frontmatter?.icon ?? n?.page?.frontmatter?.icon), v = n.children, y = v.length > 0, b = n.page ? n.page.path === u : !1, [x, S] = i(!0);
+	return /* @__PURE__ */ s("li", {
+		className: c.item,
+		children: [/* @__PURE__ */ s("div", {
+			className: c.row,
+			children: [n.page ? /* @__PURE__ */ s("a", {
+				href: d({
+					language: h,
+					path: n.page.path
+				}),
+				className: t(c.link, c["category-link"], b && c.active),
+				style: { "--depth": r },
+				onClick: a,
+				children: [_ && /* @__PURE__ */ o("span", {
+					className: c.icon,
+					children: _
+				}), /* @__PURE__ */ o("span", {
+					className: c.label,
+					children: g
+				})]
+			}) : /* @__PURE__ */ s("button", {
+				type: "button",
+				className: t(c.link, c["category-label"]),
+				style: { "--depth": r },
+				onClick: () => y && S((e) => !e),
+				children: [_ && /* @__PURE__ */ o("span", {
+					className: c.icon,
+					children: _
+				}), /* @__PURE__ */ o("span", {
+					className: c.label,
+					children: g
+				})]
+			}), y && /* @__PURE__ */ o("button", {
+				type: "button",
+				className: c.toggle,
+				"aria-label": x ? "Collapse" : "Expand",
+				"aria-expanded": x,
+				onClick: () => S((e) => !e),
+				children: /* @__PURE__ */ o(p, { open: x })
+			})]
+		}), y && x && /* @__PURE__ */ o(m, {
+			nodes: v,
+			depth: r + 1,
+			onLinkClick: a
+		})]
+	});
+}
+//#endregion
+export { l as t };
+
+//# sourceMappingURL=sidebar-aXd_UA6s.js.map

package/dist/sidebar-aXd_UA6s.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-aXd_UA6s.js","names":[],"sources":["../../styles/src/components/documentation/sidebar/index.module.css","../src/components/documentation/sidebar/index.tsx"],"sourcesContent":[".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-border);\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';\nimport { useDocumentationContext } from 'packages/react/src/contexts/documentation';\n\nexport interface DocumentationSidebarProps extends BaseHTMLAttributes<HTMLBaseElement> {}\n\nexport function DocumentationSidebar({ className, children, ...props }: DocumentationSidebarProps) {\n  const { is_sidebar_open, close_sidebar, tree, current_path, path_transformer, icon_transformer } = useDocumentationContext();\n\n  useEffect(() => {\n    if (is_sidebar_open) {\n      document.body.style.overflow = 'hidden';\n    } else {\n      document.body.style.overflow = '';\n    }\n    return () => {\n      document.body.style.overflow = '';\n    };\n  }, [is_sidebar_open]);\n\n  return (\n    <>\n      {is_sidebar_open && <div className={styles['overlay']} onClick={close_sidebar} />}\n      <aside className={clsx(styles['sidebar'], is_sidebar_open && styles['sidebar-open'], className)} {...props}>\n        <nav className={styles['nav']}>\n          <SidebarTree nodes={tree} depth={1} onLinkClick={close_sidebar} />\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 getOrder(node: tree_object): number {\n  if (node.type === 'category') {\n    return node?.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    .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  onLinkClick?: () => void;\n}\n\ninterface SidebarTreeProps extends HrefContext {\n  nodes: tree_object[];\n  depth: number;\n}\n\nfunction SidebarTree({ nodes, depth, onLinkClick }: SidebarTreeProps) {\n  const sorted = useMemo(() => sortNodes(nodes), [nodes]);\n  const { icon_transformer, current_path, path_transformer, language } = useDocumentationContext();\n  return (\n    <ul className={styles['list']} data-depth={depth}>\n      {sorted.map((node) => {\n        if (node.type === 'page') {\n          const isActive = node.path === current_path;\n          const icon = icon_transformer(node.frontmatter.icon);\n\n          return (\n            <li key={node.path} className={styles['item']}>\n              <a\n                href={path_transformer({ language, path: 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 <CategoryItem key={node.path} category={node} depth={depth} onLinkClick={onLinkClick} />;\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, onLinkClick }: CategoryItemProps) {\n  const { icon_transformer, current_path, path_transformer, language } = useDocumentationContext();\n\n  const title = category?.frontmatter?.title ?? (category.page ? resolveTitle(category.page.frontmatter.title, category.path) : category.path);\n\n  const iconName = category?.frontmatter?.icon ?? category?.page?.frontmatter?.icon;\n  const icon = icon_transformer(iconName);\n\n  const childNodes = category.children;\n\n  const hasChildren = childNodes.length > 0;\n  const isIndexActive = category.page ? category.page.path === current_path : false;\n\n  const [open, setOpen] = useState(true);\n\n  return (\n    <li className={styles['item']}>\n      <div className={styles['row']}>\n        {category.page ? (\n          <a\n            href={path_transformer({ language, path: category.page.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 && <SidebarTree nodes={childNodes} depth={depth + 1} onLinkClick={onLinkClick} />}\n    </li>\n  );\n}\n"],"mappings":"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"}

package/dist/toc-CI_8-KFH.cjs

@@ -0,0 +1,2 @@
+require('./assets/toc.css');const e=require("./clsx-GLXUd3yb.cjs");let t=require("react"),n=require("react/jsx-runtime");var r={default:`_default_bwrp8_1`,title:`_title_bwrp8_27`,track:`_track_bwrp8_34`,line:`_line_bwrp8_38`,gapDot:`_gapDot_bwrp8_48`,list:`_list_bwrp8_61`,item:`_item_bwrp8_72`,link:`_link_bwrp8_76`,active:`_active_bwrp8_109`};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-CI_8-KFH.cjs.map

package/dist/toc-CI_8-KFH.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"toc-CI_8-KFH.cjs","names":[],"sources":["../../styles/src/components/documentation/toc/index.module.css","../src/components/documentation/toc/index.tsx"],"sourcesContent":[".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-border);\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-BuFdWsti.js → toc-Dvn-UEjm.js}

@@ -1,16 +1,16 @@
-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 = {
-	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"
+	default: "_default_bwrp8_1",
+	title: "_title_bwrp8_27",
+	track: "_track_bwrp8_34",
+	line: "_line_bwrp8_38",
+	gapDot: "_gapDot_bwrp8_48",
+	list: "_list_bwrp8_61",
+	item: "_item_bwrp8_72",
+	link: "_link_bwrp8_76",
+	active: "_active_bwrp8_109"
 };
 //#endregion
 //#region src/components/documentation/toc/index.tsx
@@ -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-Dvn-UEjm.js.map

package/dist/toc-Dvn-UEjm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toc-Dvn-UEjm.js","names":[],"sources":["../../styles/src/components/documentation/toc/index.module.css","../src/components/documentation/toc/index.tsx"],"sourcesContent":[".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-border);\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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sleetch/react",
-  "version": "1.0.4",
+  "version": "1.0.6",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -9,11 +9,11 @@
     "dev": "vite build --watch",
     "build": "vite build"
   },
-  "main": "./dist/index.esm.js",
+  "main": "./dist/index.es.js",
   "types": "./dist/index.d.ts",
   "exports": {
     ".": {
-      "import": "./dist/index.esm.js",
+      "import": "./dist/index.es.js",
       "require": "./dist/index.cjs.js",
       "types": "./dist/index.d.ts"
     }
@@ -29,9 +29,9 @@
     "react-dom": "^18.0.0 || ^19.0.0"
   },
   "devDependencies": {
-    "@sleetch/core": "1.0.4",
-    "@sleetch/styles": "1.0.4",
-    "@sleetch/vite": "1.0.4",
+    "@sleetch/core": "1.0.6",
+    "@sleetch/styles": "1.0.6",
+    "@sleetch/vite": "1.0.6",
     "@types/mdx": "^2.0.14",
     "@types/react": "^19",
     "@types/react-dom": "^19",

package/dist/button-B1pw1TFm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"button-B1pw1TFm.js","names":[],"sources":["../../styles/src/components/button.module.css","../src/components/button.tsx"],"sourcesContent":["@import '../variables.css';\n\n.default {\n  color: var(--_sleetch-color-text);\n  background-color: var(--_sleetch-color-card);\n  border-radius: var(--_sleetch-radius);\n  padding: 3px 10px;\n\n  font-family: var(--_sleetch-font-base);\n  border: 1px solid var(--_sleetch-color-muted);\n  cursor: pointer;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n\n  transition:\n    background-color var(--_sleetch-transition-duration) var(--_sleetch-transition-timing),\n    border-color var(--_sleetch-transition-duration) var(--_sleetch-transition-timing);\n}\n\n.default:hover {\n  background-color: var(--_sleetch-color-muted);\n  border-color: var(--_sleetch-color-text-underline);\n}\n\n.secondary {\n  color: var(--_sleetch-color-background);\n  background-color: var(--_sleetch-color-text-primary);\n  border-radius: var(--_sleetch-radius);\n  padding: 3px 10px;\n\n  font-family: var(--_sleetch-font-base);\n  border: 1px solid transparent;\n  cursor: pointer;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n\n  transition: filter var(--_sleetch-transition-duration) var(--_sleetch-transition-timing);\n}\n\n.secondary:hover {\n  filter: brightness(1.1);\n}\n\n.default:active,\n.secondary:active {\n  transform: scale(0.98);\n}\n\n@media (max-width: 768px) {\n  .default,\n  .secondary {\n    padding: 6px 12px;\n    font-size: 14px;\n  }\n}\n\n:global(.sleetch-markdown) .default,\n:global(.sleetch-markdown) .secondary {\n  margin: 0 0 1em;\n}\n","import type { ButtonHTMLAttributes } from 'react';\nimport styles from '@sleetch/styles/components/button.module.css';\nimport clsx from 'clsx';\n\nexport interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  variant?: 'default' | 'secondary';\n}\n\nexport function Button({ variant = 'default', className, children, ...props }: ButtonProps) {\n  return (\n    <button className={clsx(styles[variant], className)} {...props}>\n      {children}\n    </button>\n  );\n}\n"],"mappings":";;;;;;;;ACQA,SAAgB,EAAO,EAAE,aAAU,WAAW,cAAW,aAAU,GAAG,KAAsB;CAC1F,OACE,kBAAC,UAAD;EAAQ,WAAW,EAAK,EAAO,IAAU,CAAS;EAAG,GAAI;EACtD;CACK,CAAA;AAEZ"}

package/dist/button-DWM5D_of.cjs

@@ -1,2 +0,0 @@
-require('./assets/button.css');const e=require("./clsx-CPcBvw4Z.cjs");let t=require("react/jsx-runtime");var n={default:`_default_7ptgk_3`,secondary:`_secondary_7ptgk_26`};function r({variant:r=`default`,className:i,children:a,...o}){return(0,t.jsx)(`button`,{className:e.t(n[r],i),...o,children:a})}Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return r}});
-//# sourceMappingURL=button-DWM5D_of.cjs.map

package/dist/button-DWM5D_of.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"button-DWM5D_of.cjs","names":[],"sources":["../../styles/src/components/button.module.css","../src/components/button.tsx"],"sourcesContent":["@import '../variables.css';\n\n.default {\n  color: var(--_sleetch-color-text);\n  background-color: var(--_sleetch-color-card);\n  border-radius: var(--_sleetch-radius);\n  padding: 3px 10px;\n\n  font-family: var(--_sleetch-font-base);\n  border: 1px solid var(--_sleetch-color-muted);\n  cursor: pointer;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n\n  transition:\n    background-color var(--_sleetch-transition-duration) var(--_sleetch-transition-timing),\n    border-color var(--_sleetch-transition-duration) var(--_sleetch-transition-timing);\n}\n\n.default:hover {\n  background-color: var(--_sleetch-color-muted);\n  border-color: var(--_sleetch-color-text-underline);\n}\n\n.secondary {\n  color: var(--_sleetch-color-background);\n  background-color: var(--_sleetch-color-text-primary);\n  border-radius: var(--_sleetch-radius);\n  padding: 3px 10px;\n\n  font-family: var(--_sleetch-font-base);\n  border: 1px solid transparent;\n  cursor: pointer;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n\n  transition: filter var(--_sleetch-transition-duration) var(--_sleetch-transition-timing);\n}\n\n.secondary:hover {\n  filter: brightness(1.1);\n}\n\n.default:active,\n.secondary:active {\n  transform: scale(0.98);\n}\n\n@media (max-width: 768px) {\n  .default,\n  .secondary {\n    padding: 6px 12px;\n    font-size: 14px;\n  }\n}\n\n:global(.sleetch-markdown) .default,\n:global(.sleetch-markdown) .secondary {\n  margin: 0 0 1em;\n}\n","import type { ButtonHTMLAttributes } from 'react';\nimport styles from '@sleetch/styles/components/button.module.css';\nimport clsx from 'clsx';\n\nexport interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  variant?: 'default' | 'secondary';\n}\n\nexport function Button({ variant = 'default', className, children, ...props }: ButtonProps) {\n  return (\n    <button className={clsx(styles[variant], className)} {...props}>\n      {children}\n    </button>\n  );\n}\n"],"mappings":"6ICQA,SAAgB,EAAO,CAAE,UAAU,UAAW,YAAW,WAAU,GAAG,GAAsB,CAC1F,OACE,EAAA,EAAA,IAAA,CAAC,SAAD,CAAQ,UAAW,EAAA,EAAK,EAAO,GAAU,CAAS,EAAG,GAAI,EACtD,UACK,CAAA,CAEZ"}

package/dist/clsx-CPcBvw4Z.cjs

@@ -1,2 +0,0 @@
-function e(t){var n,r,i=``;if(typeof t==`string`||typeof t==`number`)i+=t;else if(typeof t==`object`)if(Array.isArray(t)){var a=t.length;for(n=0;n<a;n++)t[n]&&(r=e(t[n]))&&(i&&(i+=` `),i+=r)}else for(r in t)t[r]&&(i&&(i+=` `),i+=r);return i}function t(){for(var t,n,r=0,i=``,a=arguments.length;r<a;r++)(t=arguments[r])&&(n=e(t))&&(i&&(i+=` `),i+=n);return i}Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return t}});
-//# sourceMappingURL=clsx-CPcBvw4Z.cjs.map

package/dist/components/button.esm.js

@@ -1,2 +0,0 @@
-import { t as e } from "../button-B1pw1TFm.js";
-export { e as Button };

package/dist/components/documentation/connected-header.cjs.js

@@ -1,2 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../layout-D6mjobyq.cjs"),t=require("../../header-DbR9X4YP.cjs");let n=require("react/jsx-runtime");function r(r){let{toggleSidebar:i}=e.n();return(0,n.jsx)(t.t,{onMenuToggle:i,...r})}exports.ConnectedDocumentationHeader=r;
-//# sourceMappingURL=connected-header.cjs.js.map

package/dist/components/documentation/connected-header.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"connected-header.cjs.js","names":[],"sources":["../../../src/components/documentation/connected-header.tsx"],"sourcesContent":["import type { BaseHTMLAttributes } from 'react';\nimport { DocumentationHeader } from './header';\nimport { useDocumentationLayout } from './layout';\n\nexport interface ConnectedDocumentationHeaderProps extends BaseHTMLAttributes<HTMLDivElement> {}\n\nexport function ConnectedDocumentationHeader(props: ConnectedDocumentationHeaderProps) {\n  const { toggleSidebar } = useDocumentationLayout();\n\n  return <DocumentationHeader onMenuToggle={toggleSidebar} {...props} />;\n}\n"],"mappings":"0LAMA,SAAgB,EAA6B,EAA0C,CACrF,GAAM,CAAE,iBAAkB,EAAA,EAAuB,EAEjD,OAAO,EAAA,EAAA,IAAA,CAAC,EAAA,EAAD,CAAqB,aAAc,EAAe,GAAI,CAAQ,CAAA,CACvE"}

package/dist/components/documentation/connected-header.d.ts

@@ -1,4 +0,0 @@
-import { BaseHTMLAttributes } from 'react';
-export interface ConnectedDocumentationHeaderProps extends BaseHTMLAttributes<HTMLDivElement> {
-}
-export declare function ConnectedDocumentationHeader(props: ConnectedDocumentationHeaderProps): import("react").JSX.Element;

package/dist/components/documentation/connected-header.esm.js

@@ -1,15 +0,0 @@
-import { n as e } from "../../layout-BRE4zrjG.js";
-import { t } from "../../header-D59bdlay.js";
-import { jsx as n } from "react/jsx-runtime";
-//#region src/components/documentation/connected-header.tsx
-function r(r) {
-	let { toggleSidebar: i } = e();
-	return /* @__PURE__ */ n(t, {
-		onMenuToggle: i,
-		...r
-	});
-}
-//#endregion
-export { r as ConnectedDocumentationHeader };
-
-//# sourceMappingURL=connected-header.esm.js.map

package/dist/components/documentation/connected-header.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"connected-header.esm.js","names":[],"sources":["../../../src/components/documentation/connected-header.tsx"],"sourcesContent":["import type { BaseHTMLAttributes } from 'react';\nimport { DocumentationHeader } from './header';\nimport { useDocumentationLayout } from './layout';\n\nexport interface ConnectedDocumentationHeaderProps extends BaseHTMLAttributes<HTMLDivElement> {}\n\nexport function ConnectedDocumentationHeader(props: ConnectedDocumentationHeaderProps) {\n  const { toggleSidebar } = useDocumentationLayout();\n\n  return <DocumentationHeader onMenuToggle={toggleSidebar} {...props} />;\n}\n"],"mappings":";;;;AAMA,SAAgB,EAA6B,GAA0C;CACrF,IAAM,EAAE,qBAAkB,EAAuB;CAEjD,OAAO,kBAAC,GAAD;EAAqB,cAAc;EAAe,GAAI;CAAQ,CAAA;AACvE"}

package/dist/components/documentation/connected-sidebar.cjs.js

@@ -1,2 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../sidebar-DGEZFbBi.cjs"),t=require("../../layout-D6mjobyq.cjs");let n=require("react/jsx-runtime");function r(r){let{isSidebarOpen:i,closeSidebar:a}=t.n();return(0,n.jsx)(e.t,{isOpen:i,onClose:a,...r})}exports.ConnectedDocumentationSidebar=r;
-//# sourceMappingURL=connected-sidebar.cjs.js.map

package/dist/components/documentation/connected-sidebar.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"connected-sidebar.cjs.js","names":[],"sources":["../../../src/components/documentation/connected-sidebar.tsx"],"sourcesContent":["import type { BaseHTMLAttributes, ReactNode } from 'react';\nimport { DocumentationSidebar } from './sidebar';\nimport { useDocumentationLayout } from './layout';\nimport type { tree_object } from 'packages/core/dist/compiler';\n\nexport interface ConnectedDocumentationSidebarProps extends BaseHTMLAttributes<HTMLBaseElement> {\n  tree: tree_object[];\n  currentPath?: string;\n  hrefBuilder?: (path: string) => string;\n  iconResolver?: (icon?: string) => ReactNode;\n}\n\nexport function ConnectedDocumentationSidebar(props: ConnectedDocumentationSidebarProps) {\n  const { isSidebarOpen, closeSidebar } = useDocumentationLayout();\n\n  return <DocumentationSidebar isOpen={isSidebarOpen} onClose={closeSidebar} {...props} />;\n}\n"],"mappings":"2LAYA,SAAgB,EAA8B,EAA2C,CACvF,GAAM,CAAE,gBAAe,gBAAiB,EAAA,EAAuB,EAE/D,OAAO,EAAA,EAAA,IAAA,CAAC,EAAA,EAAD,CAAsB,OAAQ,EAAe,QAAS,EAAc,GAAI,CAAQ,CAAA,CACzF"}