@sleetch/react 1.0.7 → 1.0.9

package/dist/story-DMJSe7Sg.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"story-DMJSe7Sg.cjs","names":[],"sources":["../../styles/src/components/story.module.css","../src/story/index.tsx"],"sourcesContent":[".book {\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\talign-items: flex-start;\n\tgap: 1.5em;\n\tpadding: 1em 0em;\n\tfont-family: var(--_sleetch-font-base);\n\tcolor: var(--_sleetch-color-text);\n\tbackground-color: var(--_sleetch-color-background);\n}\n\n.intro {\n\twidth: 100%;\n\tmargin: var(--_sleetch-margin-paragraph);\n\tfont-size: var(--_sleetch-font-size-small);\n\tcolor: var(--_sleetch-color-muted-foreground);\n}\n\n.card {\n\tposition: relative;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tmin-width: 220px;\n\tmin-height: 17em;\n\twidth: 100%;\n\tpadding: 2em 1em 2.4em;\n\tborder: 1px solid var(--_sleetch-color-border);\n\tborder-radius: var(--_sleetch-radius);\n\tbackground-color: var(--_sleetch-color-background);\n\ttransition:\n\t\tborder-color var(--_sleetch-transition-duration) var(--_sleetch-transition-timing),\n\t\tbackground-color var(--_sleetch-transition-duration) var(--_sleetch-transition-timing);\n}\n\n\n.cardDotted {\n\tbackground-color: var(--_sleetch-color-background);\n\tbackground-image: radial-gradient(var(--_sleetch-color-border) 1px, transparent 1px);\n\tbackground-size: 14px 14px;\n\tbackground-position: -1px -1px;\n}\n\n.variantLabel {\n\tposition: absolute;\n\tleft: 0.75em;\n\tbottom: 0.6em;\n\tfont-family: var(--_sleetch-font-mono);\n\tfont-size: var(--_sleetch-font-size-tiny);\n\tline-height: 1;\n\tcolor: var(--_sleetch-color-muted-foreground);\n\tbackground-color: var(--_sleetch-color-muted);\n\tpadding: var(--_sleetch-padding-code);\n\tborder-radius: calc(var(--_sleetch-radius) / 2);\n\tpointer-events: none;\n}\n\n@media (max-width: 768px) {\n\t.book {\n\t\tflex-direction: column;\n\t}\n\n\t.card {\n\t\twidth: 100%;\n\t}\n}\n","// biome-ignore-all  lint/suspicious/noExplicitAny : Any types are expected behavior here.\n\nimport styles from '@sleetch/styles/components/story.module.css';\nimport type { ComponentProps, ComponentType, ReactElement } from 'react';\nimport { lazy, Suspense } from 'react';\n\nexport function defineStory<\n\tT extends ComponentType<any>,\n\tconst V extends Record<\n\t\tstring,\n\t\t{\n\t\t\tprops: ComponentProps<T>;\n\t\t\tdotted?: boolean;\n\t\t\trender?: (props: ComponentProps<T>) => ReactElement;\n\t\t}\n\t>,\n>(data: {\n\tcomponent: T;\n\tvariants: V;\n}): {\n\tvariants: (keyof V)[];\n\trender: (variant: keyof V) => ReactElement;\n\tComponent: (props?: { variants?: (keyof V)[] }) => ReactElement;\n} {\n\tconst variants = Object.keys(data.variants) as (keyof V)[];\n\n\tconst render = (variant: keyof V) =>\n\t\tdata.variants[variant].render ? (\n\t\t\tdata.variants[variant].render(data.variants[variant].props)\n\t\t) : (\n\t\t\t<data.component {...data.variants[variant].props} />\n\t\t);\n\n\treturn {\n\t\tvariants,\n\t\trender,\n\t\tComponent: ({ variants: selected } = {}) => {\n\t\t\treturn (\n\t\t\t\t<div className={`no-sleetch-markdown ${styles.book}`}>\n\t\t\t\t\t{(selected ?? variants).map((variant) => (\n\t\t\t\t\t\t<div key={variant.toString()} className={`${styles.card} ${data.variants[variant].dotted ? styles.cardDotted : ''}`}>\n\t\t\t\t\t\t\t{render(variant)}\n\t\t\t\t\t\t\t<span className={styles.variantLabel}>{variant.toString()}</span>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t);\n\t\t},\n\t};\n}\n\ntype StoryLoader = () => Promise<{\n\tdefault: {\n\t\tvariants: readonly PropertyKey[];\n\t\tComponent: ComponentType<any>;\n\t};\n}>;\n\ntype StoryVariants<L> = L extends () => Promise<{ default: infer S }> ? (S extends { variants: readonly (infer V)[] } ? V : never) : never;\n\ntype BookProps<T extends Record<string, StoryLoader>, K extends keyof T> = {\n\tstory: K;\n\tvariants?: StoryVariants<T[K]>[];\n};\n\nexport function defineBook<T extends Record<string, StoryLoader>>(stories: T) {\n\tfunction Component<K extends keyof T>({ story, variants }: BookProps<T, K>) {\n\t\tconst Story = lazy(async () => {\n\t\t\tconst module = await stories[story]();\n\n\t\t\treturn {\n\t\t\t\tdefault: module.default.Component,\n\t\t\t};\n\t\t});\n\n\t\treturn (\n\t\t\t<Suspense fallback={null}>\n\t\t\t\t<Story variants={variants} />\n\t\t\t</Suspense>\n\t\t);\n\t}\n\n\treturn { Component };\n}\n"],"mappings":"yMCMA,SAAgB,EAUd,EAOA,CACD,IAAM,EAAW,OAAO,KAAK,EAAK,QAAQ,EAEpC,EAAU,GACf,EAAK,SAAS,EAAQ,CAAC,OACtB,EAAK,SAAS,EAAQ,CAAC,OAAO,EAAK,SAAS,EAAQ,CAAC,KAAK,GAE1D,EAAA,EAAA,IAAA,CAAC,EAAK,UAAN,CAAgB,GAAI,EAAK,SAAS,EAAQ,CAAC,KAAQ,CAAA,EAGrD,MAAO,CACN,WACA,SACA,WAAY,CAAE,SAAU,GAAa,CAAC,KAEpC,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,uBAAuB,EAAO,OAC3C,UAAA,GAAY,EAAA,CAAU,IAAK,IAC5B,EAAA,EAAA,KAAA,CAAC,MAAD,CAA8B,UAAW,GAAG,EAAO,KAAK,GAAG,EAAK,SAAS,EAAQ,CAAC,OAAS,EAAO,WAAa,KAA/G,SAAA,CACE,EAAO,CAAO,GACf,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAO,aAAe,SAAA,EAAQ,SAAS,CAAQ,CAAA,CAC5D,CAHK,EAAA,EAAQ,SAAS,CAGtB,CACL,CACG,CAAA,CAGR,CACD,CAgBA,SAAgB,EAAkD,EAAY,CAC7E,SAAS,EAA6B,CAAE,QAAO,YAA6B,CAC3E,IAAM,GAAA,EAAQ,EAAA,KAAA,CAAK,UAGX,CACN,SAAS,MAHW,EAAQ,EAAM,CAAC,EAAA,CAGnB,QAAQ,SACzB,EACA,EAED,OACC,EAAA,EAAA,IAAA,CAAC,EAAA,SAAD,CAAU,SAAU,KACnB,UAAA,EAAA,EAAA,IAAA,CAAC,EAAD,CAAiB,UAAW,CAAA,CACnB,CAAA,CAEZ,CAEA,MAAO,CAAE,WAAU,CACpB"}

package/dist/toc-4StZsTN_.js

@@ -0,0 +1,101 @@
+import { t as e } from "./clsx-CaAiuA5w.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { useEffect as r, useRef as i, useState as a } from "react";
+import './assets/toc.css';var o = {
+	default: "_default_1poib_1",
+	title: "_title_1poib_29",
+	track: "_track_1poib_36",
+	line: "_line_1poib_40",
+	gapDot: "_gapDot_1poib_50",
+	list: "_list_1poib_63",
+	item: "_item_1poib_75",
+	link: "_link_1poib_80",
+	active: "_active_1poib_114"
+};
+//#endregion
+//#region src/components/documentation/toc/index.tsx
+function s({ className: s, children: c, page: l, ...u }) {
+	let d = l.toc, [f, p] = a(/* @__PURE__ */ new Set()), [m, h] = a(null), g = i(null), _ = i(/* @__PURE__ */ new Map()), v = i(null);
+	return r(() => {
+		if (d.length === 0) return;
+		let e = d.map((e) => document.getElementById(e.id)).filter((e) => e !== null);
+		if (e.length === 0) return;
+		let t = new IntersectionObserver((e) => {
+			p((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();
+	}, [d]), r(() => {
+		if (f.size > 0) {
+			let e = -1;
+			d.forEach((t, n) => {
+				f.has(t.id) && (e = n);
+			}), v.current = e, h(null);
+			return;
+		}
+		let e = g.current, t = v.current;
+		if (!e || t === null || t >= d.length - 1) {
+			h(null);
+			return;
+		}
+		let n = _.current.get(d[t].id), r = _.current.get(d[t + 1].id);
+		if (!n || !r) {
+			h(null);
+			return;
+		}
+		let i = e.getBoundingClientRect(), a = n.getBoundingClientRect(), o = r.getBoundingClientRect(), s = (a.bottom - i.top + (o.top - i.top)) / 2;
+		h(s);
+	}, [f, d]), d.length === 0 ? null : /* @__PURE__ */ n("aside", {
+		className: e(o.default, s),
+		...u,
+		children: [/* @__PURE__ */ t("h3", {
+			className: o.title,
+			children: "On this page"
+		}), /* @__PURE__ */ n("div", {
+			className: o.track,
+			ref: g,
+			children: [
+				/* @__PURE__ */ t("span", {
+					className: o.line,
+					"aria-hidden": "true"
+				}),
+				m !== null && /* @__PURE__ */ t("span", {
+					className: o.gapDot,
+					style: { top: m },
+					"aria-hidden": "true"
+				}),
+				/* @__PURE__ */ t("ul", {
+					className: o.list,
+					children: d.map((n) => {
+						let r = f.has(n.id), i = { "--depth": n.level };
+						return /* @__PURE__ */ t("li", {
+							className: o.item,
+							ref: (e) => {
+								e ? _.current.set(n.id, e) : _.current.delete(n.id);
+							},
+							children: /* @__PURE__ */ t("a", {
+								href: `#${n.id}`,
+								title: n.title,
+								"aria-current": r ? "location" : void 0,
+								className: e(o.link, r && o.active),
+								style: i,
+								children: n.title
+							})
+						}, n.id);
+					})
+				})
+			]
+		})]
+	});
+}
+//#endregion
+export { s as t };
+
+//# sourceMappingURL=toc-4StZsTN_.js.map

package/dist/toc-4StZsTN_.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toc-4StZsTN_.js","names":[],"sources":["../../styles/src/components/documentation/toc/index.module.css","../src/components/documentation/toc/index.tsx"],"sourcesContent":[".default {\n\tmin-width: var(--_sleetch-toc-width);\n\theight: calc(100vh - var(--_sleetch-header-height));\n\tposition: sticky;\n\ttop: var(--_sleetch-header-height);\n\tcolor: var(--_sleetch-color-text);\n\tpadding: var(--_sleetch-padding-root);\n\tpadding-left: 1em;\n\tpadding-right: 1em;\n\tborder-left: 1px dashed var(--_sleetch-color-border);\n\tdisplay: flex;\n\tflex-direction: column;\n\toverflow-y: auto;\n}\n\n@media (max-width: 1024px) {\n\t.default {\n\t\tdisplay: none;\n\t}\n}\n\n@media (min-width: 1025px) and (max-width: 1280px) {\n\t.default {\n\t\tmin-width: 220px;\n\t\tpadding: 1em 1.5em;\n\t}\n}\n\n.title {\n\tmargin: 0 0 0.5em;\n\tfont-size: 0.9em;\n\tfont-weight: var(--_sleetch-font-weight-heading);\n\tcolor: var(--_sleetch-color-text);\n}\n\n.track {\n\tposition: relative;\n}\n\n.line {\n\tposition: absolute;\n\tleft: 0;\n\ttop: 0;\n\tbottom: 0;\n\twidth: 1px;\n\tbackground: var(--_sleetch-color-muted);\n\tz-index: 0;\n}\n\n.gapDot {\n\tposition: absolute;\n\tleft: 0;\n\twidth: 6px;\n\theight: 6px;\n\tborder-radius: 50%;\n\tbackground: var(--_sleetch-color-muted-foreground);\n\ttransform: translate(-50%, -50%);\n\tz-index: 1;\n\tpointer-events: none;\n\ttransition: top var(--_sleetch-transition-duration) var(--_sleetch-transition-timing);\n}\n\n.list {\n\tposition: relative;\n\t/* nécessaire pour que le z-index prenne le dessus sur .line */\n\tz-index: 1;\n\tlist-style: none;\n\tmargin: 0;\n\tpadding: 0;\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 2px;\n}\n\n.item {\n\tmin-width: 0;\n\t/* requis pour que l'ellipsis fonctionne dans un flex/grid parent */\n}\n\n.link {\n\t--depth: 1;\n\n\tdisplay: block;\n\twidth: 100%;\n\tmargin-left: -1px;\n\t/* centre la bordure de 3px sur la ligne de 1px */\n\tpadding-block: 0.4em;\n\tpadding-left: calc(1em + (var(--depth) - 1) * 0.85em);\n\tpadding-right: 0.5em;\n\n\tborder-left: 3px solid transparent;\n\n\tfont-family: var(--_sleetch-font-base);\n\tfont-size: calc(0.85em - (var(--depth) - 1) * 0.03em);\n\tline-height: 1.3;\n\tcolor: var(--_sleetch-color-muted-foreground);\n\ttext-decoration: none;\n\n\twhite-space: nowrap;\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n\n\ttransition:\n\t\tcolor var(--_sleetch-transition-duration) var(--_sleetch-transition-timing),\n\t\tborder-color var(--_sleetch-transition-duration) var(--_sleetch-transition-timing),\n\t\tbackground-color var(--_sleetch-transition-duration) var(--_sleetch-transition-timing),\n\t\ttransform var(--_sleetch-transition-duration) var(--_sleetch-transition-timing);\n}\n\n.link:hover {\n\tcolor: var(--_sleetch-color-text);\n}\n\n.active {\n\tborder-left-color: var(--_sleetch-color-text-primary);\n\tbackground: color-mix(in srgb, var(--_sleetch-color-text-underline) 35%, transparent);\n\tcolor: var(--_sleetch-color-text);\n\ttransform: translateX(4px);\n}\n","/*\nAI Generated :(\nNeeds more testing\n*/\n\nimport type { page_module } from '@sleetch/core/compiler';\nimport styles from '@sleetch/styles/components/documentation/toc/index.module.css';\nimport clsx from 'clsx';\nimport { type BaseHTMLAttributes, type CSSProperties, useEffect, useRef, useState } from 'react';\n\nexport interface DocumentationTocProps extends BaseHTMLAttributes<HTMLBaseElement> {\n\tpage: page_module['default'];\n}\n\ninterface TocLinkStyle extends CSSProperties {\n\t'--depth'?: number;\n}\n\nexport function DocumentationToc({ className, children, page, ...props }: DocumentationTocProps) {\n\tconst toc = page.toc;\n\n\tconst [activeIds, setActiveIds] = useState<Set<string>>(new Set());\n\tconst [gapY, setGapY] = useState<number | null>(null);\n\n\tconst trackRef = useRef<HTMLDivElement>(null);\n\tconst itemRefs = useRef<Map<string, HTMLLIElement>>(new Map());\n\tconst lastActiveIndexRef = useRef<number | null>(null);\n\n\tuseEffect(() => {\n\t\tif (toc.length === 0) return;\n\n\t\tconst elements = toc.map((item) => document.getElementById(item.id)).filter((el): el is HTMLElement => el !== null);\n\n\t\tif (elements.length === 0) return;\n\n\t\tconst observer = new IntersectionObserver(\n\t\t\t(entries) => {\n\t\t\t\tsetActiveIds((prev) => {\n\t\t\t\t\tconst next = new Set(prev);\n\t\t\t\t\tfor (const entry of entries) {\n\t\t\t\t\t\tif (entry.isIntersecting) {\n\t\t\t\t\t\t\tnext.add(entry.target.id);\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tnext.delete(entry.target.id);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\treturn next;\n\t\t\t\t});\n\t\t\t},\n\t\t\t{\n\t\t\t\trootMargin: '0px 0px -70% 0px',\n\t\t\t\tthreshold: 0,\n\t\t\t},\n\t\t);\n\n\t\tfor (const el of elements) observer.observe(el);\n\n\t\treturn () => observer.disconnect();\n\t}, [toc]);\n\n\tuseEffect(() => {\n\t\tif (activeIds.size > 0) {\n\t\t\tlet maxIndex = -1;\n\t\t\ttoc.forEach((item, i) => {\n\t\t\t\tif (activeIds.has(item.id)) maxIndex = i;\n\t\t\t});\n\t\t\tlastActiveIndexRef.current = maxIndex;\n\t\t\tsetGapY(null);\n\t\t\treturn;\n\t\t}\n\n\t\tconst track = trackRef.current;\n\t\tconst lastIndex = lastActiveIndexRef.current;\n\n\t\tif (!track || lastIndex === null || lastIndex >= toc.length - 1) {\n\t\t\tsetGapY(null);\n\t\t\treturn;\n\t\t}\n\n\t\tconst currentLi = itemRefs.current.get(toc[lastIndex].id);\n\t\tconst nextLi = itemRefs.current.get(toc[lastIndex + 1].id);\n\n\t\tif (!currentLi || !nextLi) {\n\t\t\tsetGapY(null);\n\t\t\treturn;\n\t\t}\n\n\t\tconst trackRect = track.getBoundingClientRect();\n\t\tconst currentRect = currentLi.getBoundingClientRect();\n\t\tconst nextRect = nextLi.getBoundingClientRect();\n\n\t\tconst y = (currentRect.bottom - trackRect.top + (nextRect.top - trackRect.top)) / 2;\n\n\t\tsetGapY(y);\n\t}, [activeIds, toc]);\n\n\tif (toc.length === 0) return null;\n\n\treturn (\n\t\t<aside className={clsx(styles.default, className)} {...props}>\n\t\t\t<h3 className={styles.title}>On this page</h3>\n\t\t\t<div className={styles.track} ref={trackRef}>\n\t\t\t\t<span className={styles.line} aria-hidden=\"true\" />\n\t\t\t\t{gapY !== null && <span className={styles.gapDot} style={{ top: gapY }} aria-hidden=\"true\" />}\n\t\t\t\t<ul className={styles.list}>\n\t\t\t\t\t{toc.map((item) => {\n\t\t\t\t\t\tconst focused = activeIds.has(item.id);\n\t\t\t\t\t\tconst linkStyle: TocLinkStyle = { '--depth': item.level };\n\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<li\n\t\t\t\t\t\t\t\tkey={item.id}\n\t\t\t\t\t\t\t\tclassName={styles.item}\n\t\t\t\t\t\t\t\tref={(el) => {\n\t\t\t\t\t\t\t\t\tif (el) itemRefs.current.set(item.id, el);\n\t\t\t\t\t\t\t\t\telse itemRefs.current.delete(item.id);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\t\thref={`#${item.id}`}\n\t\t\t\t\t\t\t\t\ttitle={item.title}\n\t\t\t\t\t\t\t\t\taria-current={focused ? 'location' : undefined}\n\t\t\t\t\t\t\t\t\tclassName={clsx(styles.link, focused && styles.active)}\n\t\t\t\t\t\t\t\t\tstyle={linkStyle}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{item.title}\n\t\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t);\n\t\t\t\t\t})}\n\t\t\t\t</ul>\n\t\t\t</div>\n\t\t</aside>\n\t);\n}\n"],"mappings":";;;;;;;;;;;;;;;;ACkBA,SAAgB,EAAiB,EAAE,cAAW,aAAU,SAAM,GAAG,KAAgC;CAChG,IAAM,IAAM,EAAK,KAEX,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;CAwErD,OAtEA,QAAgB;EACf,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,sBACnB,MAAY;GACZ,GAAc,MAAS;IACtB,IAAM,IAAO,IAAI,IAAI,CAAI;IACzB,KAAK,IAAM,KAAS,GACnB,AAAI,EAAM,iBACT,EAAK,IAAI,EAAM,OAAO,EAAE,IAExB,EAAK,OAAO,EAAM,OAAO,EAAE;IAG7B,OAAO;GACR,CAAC;EACF,GACA;GACC,YAAY;GACZ,WAAW;EACZ,CACD;EAEA,KAAK,IAAM,KAAM,GAAU,EAAS,QAAQ,CAAE;EAE9C,aAAa,EAAS,WAAW;CAClC,GAAG,CAAC,CAAG,CAAC,GAER,QAAgB;EACf,IAAI,EAAU,OAAO,GAAG;GACvB,IAAI,IAAW;GAKf,AAJA,EAAI,SAAS,GAAM,MAAM;IACxB,AAAI,EAAU,IAAI,EAAK,EAAE,MAAG,IAAW;GACxC,CAAC,GACD,EAAmB,UAAU,GAC7B,EAAQ,IAAI;GACZ;EACD;EAEA,IAAM,IAAQ,EAAS,SACjB,IAAY,EAAmB;EAErC,IAAI,CAAC,KAAS,MAAc,QAAQ,KAAa,EAAI,SAAS,GAAG;GAChE,EAAQ,IAAI;GACZ;EACD;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;GAC1B,EAAQ,IAAI;GACZ;EACD;EAEA,IAAM,IAAY,EAAM,sBAAsB,GACxC,IAAc,EAAU,sBAAsB,GAC9C,IAAW,EAAO,sBAAsB,GAExC,KAAK,EAAY,SAAS,EAAU,OAAO,EAAS,MAAM,EAAU,QAAQ;EAElF,EAAQ,CAAC;CACV,GAAG,CAAC,GAAW,CAAG,CAAC,GAEf,EAAI,WAAW,IAAU,OAG5B,kBAAC,SAAD;EAAO,WAAW,EAAK,EAAO,SAAS,CAAS;EAAG,GAAI;EAAvD,UAAA,CACC,kBAAC,MAAD;GAAI,WAAW,EAAO;GAAO,UAAA;EAAgB,CAAA,GAC7C,kBAAC,OAAD;GAAK,WAAW,EAAO;GAAO,KAAK;GAAnC,UAAA;IACC,kBAAC,QAAD;KAAM,WAAW,EAAO;KAAM,eAAY;IAAQ,CAAA;IACjD,MAAS,QAAQ,kBAAC,QAAD;KAAM,WAAW,EAAO;KAAQ,OAAO,EAAE,KAAK,EAAK;KAAG,eAAY;IAAQ,CAAA;IAC5F,kBAAC,MAAD;KAAI,WAAW,EAAO;KACpB,UAAA,EAAI,KAAK,MAAS;MAClB,IAAM,IAAU,EAAU,IAAI,EAAK,EAAE,GAC/B,IAA0B,EAAE,WAAW,EAAK,MAAM;MAExD,OACC,kBAAC,MAAD;OAEC,WAAW,EAAO;OAClB,MAAM,MAAO;QACZ,AAAI,IAAI,EAAS,QAAQ,IAAI,EAAK,IAAI,CAAE,IACnC,EAAS,QAAQ,OAAO,EAAK,EAAE;OACrC;OAEA,UAAA,kBAAC,KAAD;QACC,MAAM,IAAI,EAAK;QACf,OAAO,EAAK;QACZ,gBAAc,IAAU,aAAa,KAAA;QACrC,WAAW,EAAK,EAAO,MAAM,KAAW,EAAO,MAAM;QACrD,OAAO;QAEN,UAAA,EAAK;OACJ,CAAA;MACA,GAhBE,EAAK,EAgBP;KAEN,CAAC;IACE,CAAA;GACA;EACC,CAAA,CAAA;;AAET"}

package/dist/toc-CPqRAPOv.cjs

@@ -0,0 +1,2 @@
+require('./assets/toc.css');const e=require("./clsx-GLXUd3yb.cjs");let t=require("react/jsx-runtime"),n=require("react");var r={default:`_default_1poib_1`,title:`_title_1poib_29`,track:`_track_1poib_36`,line:`_line_1poib_40`,gapDot:`_gapDot_1poib_50`,list:`_list_1poib_63`,item:`_item_1poib_75`,link:`_link_1poib_80`,active:`_active_1poib_114`};function i({className:i,children:a,page:o,...s}){let c=o.toc,[l,u]=(0,n.useState)(new Set),[d,f]=(0,n.useState)(null),p=(0,n.useRef)(null),m=(0,n.useRef)(new Map),h=(0,n.useRef)(null);return(0,n.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,n.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]),c.length===0?null:(0,t.jsxs)(`aside`,{className:e.t(r.default,i),...s,children:[(0,t.jsx)(`h3`,{className:r.title,children:`On this page`}),(0,t.jsxs)(`div`,{className:r.track,ref:p,children:[(0,t.jsx)(`span`,{className:r.line,"aria-hidden":`true`}),d!==null&&(0,t.jsx)(`span`,{className:r.gapDot,style:{top:d},"aria-hidden":`true`}),(0,t.jsx)(`ul`,{className:r.list,children:c.map(n=>{let i=l.has(n.id),a={"--depth":n.level};return(0,t.jsx)(`li`,{className:r.item,ref:e=>{e?m.current.set(n.id,e):m.current.delete(n.id)},children:(0,t.jsx)(`a`,{href:`#${n.id}`,title:n.title,"aria-current":i?`location`:void 0,className:e.t(r.link,i&&r.active),style:a,children:n.title})},n.id)})})]})]})}Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return i}});
+//# sourceMappingURL=toc-CPqRAPOv.cjs.map

package/dist/toc-CPqRAPOv.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"toc-CPqRAPOv.cjs","names":[],"sources":["../../styles/src/components/documentation/toc/index.module.css","../src/components/documentation/toc/index.tsx"],"sourcesContent":[".default {\n\tmin-width: var(--_sleetch-toc-width);\n\theight: calc(100vh - var(--_sleetch-header-height));\n\tposition: sticky;\n\ttop: var(--_sleetch-header-height);\n\tcolor: var(--_sleetch-color-text);\n\tpadding: var(--_sleetch-padding-root);\n\tpadding-left: 1em;\n\tpadding-right: 1em;\n\tborder-left: 1px dashed var(--_sleetch-color-border);\n\tdisplay: flex;\n\tflex-direction: column;\n\toverflow-y: auto;\n}\n\n@media (max-width: 1024px) {\n\t.default {\n\t\tdisplay: none;\n\t}\n}\n\n@media (min-width: 1025px) and (max-width: 1280px) {\n\t.default {\n\t\tmin-width: 220px;\n\t\tpadding: 1em 1.5em;\n\t}\n}\n\n.title {\n\tmargin: 0 0 0.5em;\n\tfont-size: 0.9em;\n\tfont-weight: var(--_sleetch-font-weight-heading);\n\tcolor: var(--_sleetch-color-text);\n}\n\n.track {\n\tposition: relative;\n}\n\n.line {\n\tposition: absolute;\n\tleft: 0;\n\ttop: 0;\n\tbottom: 0;\n\twidth: 1px;\n\tbackground: var(--_sleetch-color-muted);\n\tz-index: 0;\n}\n\n.gapDot {\n\tposition: absolute;\n\tleft: 0;\n\twidth: 6px;\n\theight: 6px;\n\tborder-radius: 50%;\n\tbackground: var(--_sleetch-color-muted-foreground);\n\ttransform: translate(-50%, -50%);\n\tz-index: 1;\n\tpointer-events: none;\n\ttransition: top var(--_sleetch-transition-duration) var(--_sleetch-transition-timing);\n}\n\n.list {\n\tposition: relative;\n\t/* nécessaire pour que le z-index prenne le dessus sur .line */\n\tz-index: 1;\n\tlist-style: none;\n\tmargin: 0;\n\tpadding: 0;\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 2px;\n}\n\n.item {\n\tmin-width: 0;\n\t/* requis pour que l'ellipsis fonctionne dans un flex/grid parent */\n}\n\n.link {\n\t--depth: 1;\n\n\tdisplay: block;\n\twidth: 100%;\n\tmargin-left: -1px;\n\t/* centre la bordure de 3px sur la ligne de 1px */\n\tpadding-block: 0.4em;\n\tpadding-left: calc(1em + (var(--depth) - 1) * 0.85em);\n\tpadding-right: 0.5em;\n\n\tborder-left: 3px solid transparent;\n\n\tfont-family: var(--_sleetch-font-base);\n\tfont-size: calc(0.85em - (var(--depth) - 1) * 0.03em);\n\tline-height: 1.3;\n\tcolor: var(--_sleetch-color-muted-foreground);\n\ttext-decoration: none;\n\n\twhite-space: nowrap;\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n\n\ttransition:\n\t\tcolor var(--_sleetch-transition-duration) var(--_sleetch-transition-timing),\n\t\tborder-color var(--_sleetch-transition-duration) var(--_sleetch-transition-timing),\n\t\tbackground-color var(--_sleetch-transition-duration) var(--_sleetch-transition-timing),\n\t\ttransform var(--_sleetch-transition-duration) var(--_sleetch-transition-timing);\n}\n\n.link:hover {\n\tcolor: var(--_sleetch-color-text);\n}\n\n.active {\n\tborder-left-color: var(--_sleetch-color-text-primary);\n\tbackground: color-mix(in srgb, var(--_sleetch-color-text-underline) 35%, transparent);\n\tcolor: var(--_sleetch-color-text);\n\ttransform: translateX(4px);\n}\n","/*\nAI Generated :(\nNeeds more testing\n*/\n\nimport type { page_module } from '@sleetch/core/compiler';\nimport styles from '@sleetch/styles/components/documentation/toc/index.module.css';\nimport clsx from 'clsx';\nimport { type BaseHTMLAttributes, type CSSProperties, useEffect, useRef, useState } from 'react';\n\nexport interface DocumentationTocProps extends BaseHTMLAttributes<HTMLBaseElement> {\n\tpage: page_module['default'];\n}\n\ninterface TocLinkStyle extends CSSProperties {\n\t'--depth'?: number;\n}\n\nexport function DocumentationToc({ className, children, page, ...props }: DocumentationTocProps) {\n\tconst toc = page.toc;\n\n\tconst [activeIds, setActiveIds] = useState<Set<string>>(new Set());\n\tconst [gapY, setGapY] = useState<number | null>(null);\n\n\tconst trackRef = useRef<HTMLDivElement>(null);\n\tconst itemRefs = useRef<Map<string, HTMLLIElement>>(new Map());\n\tconst lastActiveIndexRef = useRef<number | null>(null);\n\n\tuseEffect(() => {\n\t\tif (toc.length === 0) return;\n\n\t\tconst elements = toc.map((item) => document.getElementById(item.id)).filter((el): el is HTMLElement => el !== null);\n\n\t\tif (elements.length === 0) return;\n\n\t\tconst observer = new IntersectionObserver(\n\t\t\t(entries) => {\n\t\t\t\tsetActiveIds((prev) => {\n\t\t\t\t\tconst next = new Set(prev);\n\t\t\t\t\tfor (const entry of entries) {\n\t\t\t\t\t\tif (entry.isIntersecting) {\n\t\t\t\t\t\t\tnext.add(entry.target.id);\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tnext.delete(entry.target.id);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\treturn next;\n\t\t\t\t});\n\t\t\t},\n\t\t\t{\n\t\t\t\trootMargin: '0px 0px -70% 0px',\n\t\t\t\tthreshold: 0,\n\t\t\t},\n\t\t);\n\n\t\tfor (const el of elements) observer.observe(el);\n\n\t\treturn () => observer.disconnect();\n\t}, [toc]);\n\n\tuseEffect(() => {\n\t\tif (activeIds.size > 0) {\n\t\t\tlet maxIndex = -1;\n\t\t\ttoc.forEach((item, i) => {\n\t\t\t\tif (activeIds.has(item.id)) maxIndex = i;\n\t\t\t});\n\t\t\tlastActiveIndexRef.current = maxIndex;\n\t\t\tsetGapY(null);\n\t\t\treturn;\n\t\t}\n\n\t\tconst track = trackRef.current;\n\t\tconst lastIndex = lastActiveIndexRef.current;\n\n\t\tif (!track || lastIndex === null || lastIndex >= toc.length - 1) {\n\t\t\tsetGapY(null);\n\t\t\treturn;\n\t\t}\n\n\t\tconst currentLi = itemRefs.current.get(toc[lastIndex].id);\n\t\tconst nextLi = itemRefs.current.get(toc[lastIndex + 1].id);\n\n\t\tif (!currentLi || !nextLi) {\n\t\t\tsetGapY(null);\n\t\t\treturn;\n\t\t}\n\n\t\tconst trackRect = track.getBoundingClientRect();\n\t\tconst currentRect = currentLi.getBoundingClientRect();\n\t\tconst nextRect = nextLi.getBoundingClientRect();\n\n\t\tconst y = (currentRect.bottom - trackRect.top + (nextRect.top - trackRect.top)) / 2;\n\n\t\tsetGapY(y);\n\t}, [activeIds, toc]);\n\n\tif (toc.length === 0) return null;\n\n\treturn (\n\t\t<aside className={clsx(styles.default, className)} {...props}>\n\t\t\t<h3 className={styles.title}>On this page</h3>\n\t\t\t<div className={styles.track} ref={trackRef}>\n\t\t\t\t<span className={styles.line} aria-hidden=\"true\" />\n\t\t\t\t{gapY !== null && <span className={styles.gapDot} style={{ top: gapY }} aria-hidden=\"true\" />}\n\t\t\t\t<ul className={styles.list}>\n\t\t\t\t\t{toc.map((item) => {\n\t\t\t\t\t\tconst focused = activeIds.has(item.id);\n\t\t\t\t\t\tconst linkStyle: TocLinkStyle = { '--depth': item.level };\n\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<li\n\t\t\t\t\t\t\t\tkey={item.id}\n\t\t\t\t\t\t\t\tclassName={styles.item}\n\t\t\t\t\t\t\t\tref={(el) => {\n\t\t\t\t\t\t\t\t\tif (el) itemRefs.current.set(item.id, el);\n\t\t\t\t\t\t\t\t\telse itemRefs.current.delete(item.id);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\t\thref={`#${item.id}`}\n\t\t\t\t\t\t\t\t\ttitle={item.title}\n\t\t\t\t\t\t\t\t\taria-current={focused ? 'location' : undefined}\n\t\t\t\t\t\t\t\t\tclassName={clsx(styles.link, focused && styles.active)}\n\t\t\t\t\t\t\t\t\tstyle={linkStyle}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{item.title}\n\t\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t);\n\t\t\t\t\t})}\n\t\t\t\t</ul>\n\t\t\t</div>\n\t\t</aside>\n\t);\n}\n"],"mappings":"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"}

package/dist/toggle-D81rCUj_.cjs

@@ -0,0 +1,2 @@
+require('./assets/toggle.css');const e=require("./clsx-GLXUd3yb.cjs"),t=require("./contexts/documentation.cjs.js");let n=require("react/jsx-runtime");var r={default:`_default_1vbak_1`};function i({className:i,...a}){let{toggle_sidebar:o}=t.useDocumentationContext();return(0,n.jsx)(`button`,{...a,className:e.t(r.default,i),onClick:o,"aria-label":`Toggle sidebar`,type:`button`,children:(0,n.jsxs)(`svg`,{viewBox:`0 0 24 24`,width:`24`,height:`24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:[(0,n.jsx)(`line`,{x1:`3`,y1:`12`,x2:`21`,y2:`12`}),(0,n.jsx)(`line`,{x1:`3`,y1:`6`,x2:`21`,y2:`6`}),(0,n.jsx)(`line`,{x1:`3`,y1:`18`,x2:`21`,y2:`18`})]})})}Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return i}});
+//# sourceMappingURL=toggle-D81rCUj_.cjs.map

package/dist/toggle-D81rCUj_.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-D81rCUj_.cjs","names":[],"sources":["../../styles/src/components/documentation/sidebar/toggle.module.css","../src/components/documentation/sidebar/toggle.tsx"],"sourcesContent":[".default {\n\tdisplay: none;\n\tbackground: none;\n\tborder: none;\n\tcolor: var(--_sleetch-color-text);\n\tcursor: pointer;\n\tpadding: 0.5em;\n\tborder-radius: var(--_sleetch-radius);\n\ttransition: background-color var(--_sleetch-transition-duration) var(--_sleetch-transition-timing);\n}\n\n.default:hover {\n\tbackground-color: var(--_sleetch-color-muted);\n}\n\n.default:active {\n\ttransform: scale(0.95);\n}\n\n@media (max-width: 768px) {\n\t.default {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t}\n}\n","import styles from '@sleetch/styles/components/documentation/sidebar/toggle.module.css';\nimport clsx from 'clsx';\nimport { useDocumentationContext } from 'packages/react/src/contexts/documentation';\nimport type { BaseHTMLAttributes } from 'react';\n\nexport interface DocumentationHeaderProps extends BaseHTMLAttributes<HTMLButtonElement> {}\n\nexport function DocumentationSidebarToggle({ className, ...props }: DocumentationHeaderProps) {\n\tconst { toggle_sidebar } = useDocumentationContext();\n\n\treturn (\n\t\t<button {...props} className={clsx(styles['default'], className)} onClick={toggle_sidebar} aria-label=\"Toggle sidebar\" type=\"button\">\n\t\t\t<svg viewBox=\"0 0 24 24\" width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n\t\t\t\t<line x1=\"3\" y1=\"12\" x2=\"21\" y2=\"12\" />\n\t\t\t\t<line x1=\"3\" y1=\"6\" x2=\"21\" y2=\"6\" />\n\t\t\t\t<line x1=\"3\" y1=\"18\" x2=\"21\" y2=\"18\" />\n\t\t\t</svg>\n\t\t</button>\n\t);\n}\n"],"mappings":"0JCOA,SAAgB,EAA2B,CAAE,YAAW,GAAG,GAAmC,CAC7F,GAAM,CAAE,kBAAmB,EAAA,wBAAwB,EAEnD,OACC,EAAA,EAAA,IAAA,CAAC,SAAD,CAAQ,GAAI,EAAO,UAAW,EAAA,EAAK,EAAO,QAAY,CAAS,EAAG,QAAS,EAAgB,aAAW,iBAAiB,KAAK,SAC3H,UAAA,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,QAAQ,YAAY,MAAM,KAAK,OAAO,KAAK,KAAK,OAAO,OAAO,eAAe,YAAY,IAAI,cAAc,QAAQ,eAAe,QAAvI,SAAA,EACC,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,GAAG,IAAI,GAAG,KAAK,GAAG,KAAK,GAAG,IAAM,CAAA,GACtC,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,GAAK,CAAA,GACpC,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,GAAG,IAAI,GAAG,KAAK,GAAG,KAAK,GAAG,IAAM,CAAA,CAClC,GACE,CAAA,CAEV"}

package/dist/toggle-DoePXMlE.js

@@ -0,0 +1,51 @@
+import { t as e } from "./clsx-CaAiuA5w.js";
+import { useDocumentationContext as t } from "./contexts/documentation.es.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import './assets/toggle.css';//#region ../styles/src/components/documentation/sidebar/toggle.module.css
+var i = { default: "_default_1vbak_1" };
+//#endregion
+//#region src/components/documentation/sidebar/toggle.tsx
+function a({ className: a, ...o }) {
+	let { toggle_sidebar: s } = t();
+	return /* @__PURE__ */ n("button", {
+		...o,
+		className: e(i.default, a),
+		onClick: s,
+		"aria-label": "Toggle sidebar",
+		type: "button",
+		children: /* @__PURE__ */ r("svg", {
+			viewBox: "0 0 24 24",
+			width: "24",
+			height: "24",
+			fill: "none",
+			stroke: "currentColor",
+			strokeWidth: "2",
+			strokeLinecap: "round",
+			strokeLinejoin: "round",
+			children: [
+				/* @__PURE__ */ n("line", {
+					x1: "3",
+					y1: "12",
+					x2: "21",
+					y2: "12"
+				}),
+				/* @__PURE__ */ n("line", {
+					x1: "3",
+					y1: "6",
+					x2: "21",
+					y2: "6"
+				}),
+				/* @__PURE__ */ n("line", {
+					x1: "3",
+					y1: "18",
+					x2: "21",
+					y2: "18"
+				})
+			]
+		})
+	});
+}
+//#endregion
+export { a as t };
+
+//# sourceMappingURL=toggle-DoePXMlE.js.map

package/dist/toggle-DoePXMlE.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-DoePXMlE.js","names":[],"sources":["../../styles/src/components/documentation/sidebar/toggle.module.css","../src/components/documentation/sidebar/toggle.tsx"],"sourcesContent":[".default {\n\tdisplay: none;\n\tbackground: none;\n\tborder: none;\n\tcolor: var(--_sleetch-color-text);\n\tcursor: pointer;\n\tpadding: 0.5em;\n\tborder-radius: var(--_sleetch-radius);\n\ttransition: background-color var(--_sleetch-transition-duration) var(--_sleetch-transition-timing);\n}\n\n.default:hover {\n\tbackground-color: var(--_sleetch-color-muted);\n}\n\n.default:active {\n\ttransform: scale(0.95);\n}\n\n@media (max-width: 768px) {\n\t.default {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t}\n}\n","import styles from '@sleetch/styles/components/documentation/sidebar/toggle.module.css';\nimport clsx from 'clsx';\nimport { useDocumentationContext } from 'packages/react/src/contexts/documentation';\nimport type { BaseHTMLAttributes } from 'react';\n\nexport interface DocumentationHeaderProps extends BaseHTMLAttributes<HTMLButtonElement> {}\n\nexport function DocumentationSidebarToggle({ className, ...props }: DocumentationHeaderProps) {\n\tconst { toggle_sidebar } = useDocumentationContext();\n\n\treturn (\n\t\t<button {...props} className={clsx(styles['default'], className)} onClick={toggle_sidebar} aria-label=\"Toggle sidebar\" type=\"button\">\n\t\t\t<svg viewBox=\"0 0 24 24\" width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n\t\t\t\t<line x1=\"3\" y1=\"12\" x2=\"21\" y2=\"12\" />\n\t\t\t\t<line x1=\"3\" y1=\"6\" x2=\"21\" y2=\"6\" />\n\t\t\t\t<line x1=\"3\" y1=\"18\" x2=\"21\" y2=\"18\" />\n\t\t\t</svg>\n\t\t</button>\n\t);\n}\n"],"mappings":";;;;;;;ACOA,SAAgB,EAA2B,EAAE,cAAW,GAAG,KAAmC;CAC7F,IAAM,EAAE,sBAAmB,EAAwB;CAEnD,OACC,kBAAC,UAAD;EAAQ,GAAI;EAAO,WAAW,EAAK,EAAO,SAAY,CAAS;EAAG,SAAS;EAAgB,cAAW;EAAiB,MAAK;EAC3H,UAAA,kBAAC,OAAD;GAAK,SAAQ;GAAY,OAAM;GAAK,QAAO;GAAK,MAAK;GAAO,QAAO;GAAe,aAAY;GAAI,eAAc;GAAQ,gBAAe;GAAvI,UAAA;IACC,kBAAC,QAAD;KAAM,IAAG;KAAI,IAAG;KAAK,IAAG;KAAK,IAAG;IAAM,CAAA;IACtC,kBAAC,QAAD;KAAM,IAAG;KAAI,IAAG;KAAI,IAAG;KAAK,IAAG;IAAK,CAAA;IACpC,kBAAC,QAAD;KAAM,IAAG;KAAI,IAAG;KAAK,IAAG;KAAK,IAAG;IAAM,CAAA;GAClC;;CACE,CAAA;AAEV"}

package/package.json

@@ -1,50 +1,51 @@
 {
-  "name": "@sleetch/react",
-  "version": "1.0.7",
-  "type": "module",
-  "publishConfig": {
-    "access": "public"
-  },
-  "scripts": {
-    "dev": "vite build --watch",
-    "build": "vite build"
-  },
-  "main": "./dist/index.es.js",
-  "types": "./dist/index.d.ts",
-  "exports": {
-    ".": {
-      "import": "./dist/index.es.js",
-      "require": "./dist/index.cjs.js",
-      "types": "./dist/index.d.ts"
-    }
-  },
-  "files": [
-    "dist"
-  ],
-  "sideEffects": [
-    "**/*.css"
-  ],
-  "peerDependencies": {
-    "react": "^18.0.0 || ^19.0.0",
-    "react-dom": "^18.0.0 || ^19.0.0"
-  },
-  "devDependencies": {
-    "@sleetch/core": "1.0.7",
-    "@sleetch/styles": "1.0.7",
-    "@sleetch/vite": "1.0.7",
-    "@types/mdx": "^2.0.14",
-    "@types/react": "^19",
-    "@types/react-dom": "^19",
-    "@vitejs/plugin-react": "^6.0.3",
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0",
-    "vite": "^8.1.3",
-    "vite-plugin-lib-inject-css": "^2.2.2"
-  },
-  "dependencies": {
-    "@mdx-js/mdx": "^3.1.1",
-    "clsx": "^2.1.1",
-    "glob": "^13.0.6",
-    "vite-plugin-dts": "^5.0.3"
-  }
+	"name": "@sleetch/react",
+	"version": "1.0.9",
+	"type": "module",
+	"publishConfig": {
+		"access": "public"
+	},
+	"scripts": {
+		"dev": "vite build --watch",
+		"build": "vite build"
+	},
+	"main": "./dist/index.es.js",
+	"types": "./dist/index.d.ts",
+	"exports": {
+		".": {
+			"import": "./dist/index.es.js",
+			"require": "./dist/index.cjs.js",
+			"types": "./dist/index.d.ts"
+		}
+	},
+	"files": [
+		"dist"
+	],
+	"sideEffects": [
+		"**/*.css"
+	],
+	"peerDependencies": {
+		"react": "^18.0.0 || ^19.0.0",
+		"react-dom": "^18.0.0 || ^19.0.0"
+	},
+	"devDependencies": {
+		"@sleetch/core": "1.0.9",
+		"@sleetch/styles": "1.0.9",
+		"@sleetch/vite": "1.0.9",
+		"@types/mdx": "^2.0.14",
+		"@types/react": "^19",
+		"@types/react-dom": "^19",
+		"@vitejs/plugin-react": "^6.0.3",
+		"react": "^19.0.0",
+		"react-dom": "^19.0.0",
+		"vite": "^8.1.3",
+		"vite-plugin-lib-inject-css": "^2.2.2"
+	},
+	"dependencies": {
+		"@sleetch/client": "1.0.9",
+		"@mdx-js/mdx": "^3.1.1",
+		"clsx": "^2.1.1",
+		"glob": "^13.0.6",
+		"vite-plugin-dts": "^5.0.3"
+	}
 }

package/dist/button-BVRKTAnQ.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"button-BVRKTAnQ.js","names":[],"sources":["../../styles/src/components/button.module.css","../src/components/button.tsx"],"sourcesContent":["/* Shared base */\n.default,\n.primary,\n.secondary,\n.ghost,\n.outline,\n.destructive {\n  border-radius: var(--_sleetch-radius);\n  padding: 3px 10px;\n  font-family: var(--_sleetch-font-base);\n  cursor: pointer;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border: 1px solid transparent;\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    filter var(--_sleetch-transition-duration) var(--_sleetch-transition-timing),\n    opacity var(--_sleetch-transition-duration) var(--_sleetch-transition-timing);\n}\n\n/* Default — neutral filled, matches card surface */\n.default {\n  color: var(--_sleetch-color-text);\n  background-color: var(--_sleetch-color-background);\n  border-color: var(--_sleetch-color-border);\n}\n.default:hover {\n  background-color: var(--_sleetch-color-muted);\n  border-color: var(--_sleetch-color-text-underline);\n}\n\n.outline {\n  color: var(--_sleetch-color-text);\n  border-color: var(--_sleetch-color-border);\n}\n.outline:hover {\n  background-color: var(--_sleetch-color-muted);\n  border-color: var(--_sleetch-color-text-underline);\n}\n\n.primary {\n  color: var(--_sleetch-color-primary-foreground);\n  background-color: var(--_sleetch-color-text-primary);\n  border-color: transparent;\n}\n.primary:hover {\n  filter: brightness(1.1);\n}\n\n.secondary {\n  color: var(--_sleetch-color-text);\n  background-color: var(--_sleetch-color-secondary);\n  border-color: var(--_sleetch-color-border);\n}\n.secondary:hover {\n  background-color: var(--_sleetch-color-muted);\n}\n\n/* Ghost — no border, no fill until interaction */\n.ghost {\n  color: var(--_sleetch-color-text);\n  background-color: transparent;\n  border-color: transparent;\n}\n.ghost:hover {\n  background-color: var(--_sleetch-color-muted);\n}\n\n/* Destructive — dangerous / irreversible actions */\n.destructive {\n  color: var(--_sleetch-color-background);\n  background-color: var(--_sleetch-syntax-deletion);\n  border-color: transparent;\n}\n.destructive:hover {\n  filter: brightness(1.1);\n}\n\n/* Shared interaction states */\n.default:active,\n.primary:active,\n.secondary:active,\n.ghost:active,\n.outline:active,\n.destructive:active {\n  transform: scale(0.98);\n}\n\n.default:disabled,\n.primary:disabled,\n.secondary:disabled,\n.ghost:disabled,\n.outline:disabled,\n.destructive:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n  transform: none;\n  filter: none;\n}\n\n@media (max-width: 768px) {\n  .default,\n  .primary,\n  .secondary,\n  .ghost,\n  .outline,\n  .destructive {\n    padding: 6px 12px;\n    font-size: 14px;\n  }\n}\n\n:global(.sleetch-markdown) .default,\n:global(.sleetch-markdown) .primary,\n:global(.sleetch-markdown) .secondary,\n:global(.sleetch-markdown) .ghost,\n:global(.sleetch-markdown) .outline,\n:global(.sleetch-markdown) .destructive {\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' | 'primary' | 'ghost' | 'destructive' | 'outline';\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-rojnIyoM.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"button-rojnIyoM.cjs","names":[],"sources":["../../styles/src/components/button.module.css","../src/components/button.tsx"],"sourcesContent":["/* Shared base */\n.default,\n.primary,\n.secondary,\n.ghost,\n.outline,\n.destructive {\n  border-radius: var(--_sleetch-radius);\n  padding: 3px 10px;\n  font-family: var(--_sleetch-font-base);\n  cursor: pointer;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border: 1px solid transparent;\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    filter var(--_sleetch-transition-duration) var(--_sleetch-transition-timing),\n    opacity var(--_sleetch-transition-duration) var(--_sleetch-transition-timing);\n}\n\n/* Default — neutral filled, matches card surface */\n.default {\n  color: var(--_sleetch-color-text);\n  background-color: var(--_sleetch-color-background);\n  border-color: var(--_sleetch-color-border);\n}\n.default:hover {\n  background-color: var(--_sleetch-color-muted);\n  border-color: var(--_sleetch-color-text-underline);\n}\n\n.outline {\n  color: var(--_sleetch-color-text);\n  border-color: var(--_sleetch-color-border);\n}\n.outline:hover {\n  background-color: var(--_sleetch-color-muted);\n  border-color: var(--_sleetch-color-text-underline);\n}\n\n.primary {\n  color: var(--_sleetch-color-primary-foreground);\n  background-color: var(--_sleetch-color-text-primary);\n  border-color: transparent;\n}\n.primary:hover {\n  filter: brightness(1.1);\n}\n\n.secondary {\n  color: var(--_sleetch-color-text);\n  background-color: var(--_sleetch-color-secondary);\n  border-color: var(--_sleetch-color-border);\n}\n.secondary:hover {\n  background-color: var(--_sleetch-color-muted);\n}\n\n/* Ghost — no border, no fill until interaction */\n.ghost {\n  color: var(--_sleetch-color-text);\n  background-color: transparent;\n  border-color: transparent;\n}\n.ghost:hover {\n  background-color: var(--_sleetch-color-muted);\n}\n\n/* Destructive — dangerous / irreversible actions */\n.destructive {\n  color: var(--_sleetch-color-background);\n  background-color: var(--_sleetch-syntax-deletion);\n  border-color: transparent;\n}\n.destructive:hover {\n  filter: brightness(1.1);\n}\n\n/* Shared interaction states */\n.default:active,\n.primary:active,\n.secondary:active,\n.ghost:active,\n.outline:active,\n.destructive:active {\n  transform: scale(0.98);\n}\n\n.default:disabled,\n.primary:disabled,\n.secondary:disabled,\n.ghost:disabled,\n.outline:disabled,\n.destructive:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n  transform: none;\n  filter: none;\n}\n\n@media (max-width: 768px) {\n  .default,\n  .primary,\n  .secondary,\n  .ghost,\n  .outline,\n  .destructive {\n    padding: 6px 12px;\n    font-size: 14px;\n  }\n}\n\n:global(.sleetch-markdown) .default,\n:global(.sleetch-markdown) .primary,\n:global(.sleetch-markdown) .secondary,\n:global(.sleetch-markdown) .ghost,\n:global(.sleetch-markdown) .outline,\n:global(.sleetch-markdown) .destructive {\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' | 'primary' | 'ghost' | 'destructive' | 'outline';\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":"4PCQA,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/content-CQ5PQ1-Z.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"content-CQ5PQ1-Z.cjs","names":[],"sources":["../../styles/src/components/documentation/sidebar/content.module.css","../src/components/documentation/sidebar/content.tsx"],"sourcesContent":[".default {\n  color: var(--_sleetch-color-text);\n  width: 100%;\n  flex: 1;\n  padding: 0 2em;\n  max-width: 1200px;\n  margin: 0 auto;\n}\n\n@media (max-width: 768px) {\n  .default {\n    padding: 0 1em;\n  }\n}\n\n@media (min-width: 769px) and (max-width: 1024px) {\n  .default {\n    padding: 0 1.5em;\n  }\n}\n","import type { BaseHTMLAttributes } from 'react';\nimport styles from '@sleetch/styles/components/documentation/sidebar/content.module.css';\nimport clsx from 'clsx';\n\nexport interface DocumentationSidebarContentProps extends BaseHTMLAttributes<HTMLDivElement> {}\n\nexport function DocumentationSidebarContent({ className, children, ...props }: DocumentationSidebarContentProps) {\n  return (\n    <div className={clsx(styles['default'], className)} {...props}>\n      {children}\n    </div>\n  );\n}\n"],"mappings":"6GCMA,SAAgB,EAA4B,CAAE,YAAW,WAAU,GAAG,GAA2C,CAC/G,OACE,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,EAAA,EAAK,EAAO,QAAY,CAAS,EAAG,GAAI,EACrD,UACE,CAAA,CAET"}

package/dist/content-CoLxuTJs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"content-CoLxuTJs.js","names":[],"sources":["../../styles/src/components/documentation/content.module.css","../src/components/documentation/content.tsx"],"sourcesContent":[".default {\n  display: flex;\n  flex: 1;\n  min-height: calc(100vh - var(--_sleetch-header-height));\n}\n\n@media (max-width: 768px) {\n  .default {\n    flex-direction: column;\n  }\n}\n","import type { BaseHTMLAttributes } from 'react';\nimport styles from '@sleetch/styles/components/documentation/content.module.css';\nimport clsx from 'clsx';\n\nexport interface DocumentationContentProps extends BaseHTMLAttributes<HTMLDivElement> {}\n\nexport function DocumentationContent({ className, children, ...props }: DocumentationContentProps) {\n  return (\n    <div className={clsx(styles['default'], className)} {...props}>\n      {children}\n    </div>\n  );\n}\n"],"mappings":";;;;;;ACMA,SAAgB,EAAqB,EAAE,cAAW,aAAU,GAAG,KAAoC;CACjG,OACE,kBAAC,OAAD;EAAK,WAAW,EAAK,EAAO,SAAY,CAAS;EAAG,GAAI;EACrD;CACE,CAAA;AAET"}

package/dist/content-DOo3vcgG.cjs

@@ -1,2 +0,0 @@
-require('./assets/content.css');const e=require("./clsx-GLXUd3yb.cjs");let t=require("react/jsx-runtime");var n={default:`_default_1bzkg_1`};function r({className:r,children:i,...a}){return(0,t.jsx)(`div`,{className:e.t(n.default,r),...a,children:i})}Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return r}});
-//# sourceMappingURL=content-DOo3vcgG.cjs.map

package/dist/content-DOo3vcgG.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"content-DOo3vcgG.cjs","names":[],"sources":["../../styles/src/components/documentation/toc/content.module.css","../src/components/documentation/toc/content.tsx"],"sourcesContent":[".default {\n  color: var(--_sleetch-color-text);\n  width: 100%;\n  flex: 1;\n  padding: 0 2em;\n  max-width: 1200px;\n  margin: 0 auto;\n}\n\n@media (max-width: 768px) {\n  .default {\n    padding: 0 1em;\n  }\n}\n\n@media (min-width: 769px) and (max-width: 1024px) {\n  .default {\n    padding: 0 1.5em;\n  }\n}\n","import type { BaseHTMLAttributes } from 'react';\nimport styles from '@sleetch/styles/components/documentation/toc/content.module.css';\nimport clsx from 'clsx';\n\nexport interface DocumentationTocContentProps extends BaseHTMLAttributes<HTMLDivElement> {}\n\nexport function DocumentationTocContent({ className, children, ...props }: DocumentationTocContentProps) {\n  return (\n    <div className={clsx(styles['default'], className)} {...props}>\n      {children}\n    </div>\n  );\n}\n"],"mappings":"6GCMA,SAAgB,EAAwB,CAAE,YAAW,WAAU,GAAG,GAAuC,CACvG,OACE,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,EAAA,EAAK,EAAO,QAAY,CAAS,EAAG,GAAI,EACrD,UACE,CAAA,CAET"}

package/dist/content-DsE39ENV.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"content-DsE39ENV.cjs","names":[],"sources":["../../styles/src/components/documentation/content.module.css","../src/components/documentation/content.tsx"],"sourcesContent":[".default {\n  display: flex;\n  flex: 1;\n  min-height: calc(100vh - var(--_sleetch-header-height));\n}\n\n@media (max-width: 768px) {\n  .default {\n    flex-direction: column;\n  }\n}\n","import type { BaseHTMLAttributes } from 'react';\nimport styles from '@sleetch/styles/components/documentation/content.module.css';\nimport clsx from 'clsx';\n\nexport interface DocumentationContentProps extends BaseHTMLAttributes<HTMLDivElement> {}\n\nexport function DocumentationContent({ className, children, ...props }: DocumentationContentProps) {\n  return (\n    <div className={clsx(styles['default'], className)} {...props}>\n      {children}\n    </div>\n  );\n}\n"],"mappings":"6GCMA,SAAgB,EAAqB,CAAE,YAAW,WAAU,GAAG,GAAoC,CACjG,OACE,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,EAAA,EAAK,EAAO,QAAY,CAAS,EAAG,GAAI,EACrD,UACE,CAAA,CAET"}

package/dist/content-DvLxAJYd.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"content-DvLxAJYd.js","names":[],"sources":["../../styles/src/components/documentation/sidebar/content.module.css","../src/components/documentation/sidebar/content.tsx"],"sourcesContent":[".default {\n  color: var(--_sleetch-color-text);\n  width: 100%;\n  flex: 1;\n  padding: 0 2em;\n  max-width: 1200px;\n  margin: 0 auto;\n}\n\n@media (max-width: 768px) {\n  .default {\n    padding: 0 1em;\n  }\n}\n\n@media (min-width: 769px) and (max-width: 1024px) {\n  .default {\n    padding: 0 1.5em;\n  }\n}\n","import type { BaseHTMLAttributes } from 'react';\nimport styles from '@sleetch/styles/components/documentation/sidebar/content.module.css';\nimport clsx from 'clsx';\n\nexport interface DocumentationSidebarContentProps extends BaseHTMLAttributes<HTMLDivElement> {}\n\nexport function DocumentationSidebarContent({ className, children, ...props }: DocumentationSidebarContentProps) {\n  return (\n    <div className={clsx(styles['default'], className)} {...props}>\n      {children}\n    </div>\n  );\n}\n"],"mappings":";;;;;;ACMA,SAAgB,EAA4B,EAAE,cAAW,aAAU,GAAG,KAA2C;CAC/G,OACE,kBAAC,OAAD;EAAK,WAAW,EAAK,EAAO,SAAY,CAAS;EAAG,GAAI;EACrD;CACE,CAAA;AAET"}

package/dist/content-KDKeEwv-.cjs

@@ -1,2 +0,0 @@
-require('./assets/content3.css');var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},s=(n,r,s)=>(s=n==null?{}:e(i(n)),o(r||!n||!n.__esModule||!a.call(n,`default`)?t(s,`default`,{value:n,enumerable:!0}):s,n));let c=require("react"),l=require("react/jsx-runtime");l=s(l,1);var u=Object.getPrototypeOf(d).constructor;async function d(e,t){return new u(String(e))(t)}var f=new Map;function p(e){return d(e,{...l,baseUrl:{}.url})}function m(e){let t=f.get(e);return t||(t=p(e),f.set(e,t)),t}function h({page:e,components:t}){let n=(0,c.use)(e);if(n.default.parsed.type==`html`)return(0,l.jsx)(`div`,{className:`sleetch-markdown`,children:(0,l.jsx)(`div`,{dangerouslySetInnerHTML:{__html:n.default.parsed.html}})});let{default:r}=(0,c.use)(m(n.default.parsed.code));return(0,l.jsx)(`div`,{className:`sleetch-markdown`,children:(0,l.jsx)(r,{components:t})})}Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return h}});
-//# sourceMappingURL=content-KDKeEwv-.cjs.map

package/dist/content-KDKeEwv-.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"content-KDKeEwv-.cjs","names":[],"sources":["../../../node_modules/.bun/@mdx-js+mdx@3.1.1/node_modules/@mdx-js/mdx/lib/run.js","../src/components/documentation/page/content.tsx"],"sourcesContent":["/**\n * @import {MDXModule} from 'mdx/types.js'\n * @import {RunOptions} from './util/resolve-evaluate-options.js'\n */\n\n/** @type {new (code: string, ...args: Array<unknown>) => Function} **/\nconst AsyncFunction = Object.getPrototypeOf(run).constructor\n\n/**\n * Run code compiled with `outputFormat: 'function-body'`.\n *\n * > ☢️ **Danger**: this `eval`s JavaScript.\n *\n * @param {{toString(): string}} code\n *   JavaScript function body to run.\n * @param {RunOptions} options\n *   Configuration (**required**).\n * @return {Promise<MDXModule>}\n *   Promise to a module;\n *   the result is an object with a `default` field set to the component;\n *   anything else that was exported is available too.\n */\nexport async function run(code, options) {\n  return new AsyncFunction(String(code))(options)\n}\n\n/**\n * Run code, synchronously.\n *\n * When possible please use the async `run`.\n *\n * > ☢️ **Danger**: this `eval`s JavaScript.\n *\n * @param {{toString(): string}} code\n *   JavaScript function body to run.\n * @param {RunOptions} options\n *   Configuration (**required**).\n * @return {MDXModule}\n *   Module.\n */\nexport function runSync(code, options) {\n  // eslint-disable-next-line no-new-func\n  return new Function(String(code))(options)\n}\n","import { use } from 'react';\nimport '@sleetch/styles/markdown.css';\nimport '@sleetch/styles/katex.css';\nimport { run } from '@mdx-js/mdx';\nimport * as runtime from 'react/jsx-runtime';\nimport type { MDXComponents } from 'mdx/types';\nimport type { page_module } from '@sleetch/core/compiler';\n\nconst mdxCache = new Map<string, ReturnType<typeof compileMDX>>();\n\nfunction compileMDX(code: string) {\n  return run(code, {\n    ...runtime,\n    baseUrl: import.meta.url,\n  });\n}\n\nfunction getCompiledMDX(code: string) {\n  let promise = mdxCache.get(code);\n\n  if (!promise) {\n    promise = compileMDX(code);\n    mdxCache.set(code, promise);\n  }\n\n  return promise;\n}\nexport function PageContent({ page, components }: { page: Promise<page_module>; components?: MDXComponents }) {\n  const value = use(page);\n\n  if (value.default.parsed.type == 'html') {\n    return (\n      <div className=\"sleetch-markdown\">\n        <div dangerouslySetInnerHTML={{ __html: value.default.parsed.html }} />\n      </div>\n    );\n  }\n\n  const { default: Content } = use(getCompiledMDX(value.default.parsed.code));\n\n  return (\n    <div className=\"sleetch-markdown\">\n      <Content components={components} />\n    </div>\n  );\n}\n"],"x_google_ignoreList":[0],"mappings":"mjBAMA,IAAM,EAAgB,OAAO,eAAe,CAAG,CAAC,CAAC,YAgBjD,eAAsB,EAAI,EAAM,EAAS,CACvC,OAAO,IAAI,EAAc,OAAO,CAAI,CAAC,CAAC,CAAC,CAAO,CAChD,CChBA,IAAM,EAAW,IAAI,IAErB,SAAS,EAAW,EAAc,CAChC,OAAO,EAAI,EAAM,CACf,GAAG,EACH,QAAA,CAAA,EAAqB,GACvB,CAAC,CACH,CAEA,SAAS,EAAe,EAAc,CACpC,IAAI,EAAU,EAAS,IAAI,CAAI,EAO/B,OALK,IACH,EAAU,EAAW,CAAI,EACzB,EAAS,IAAI,EAAM,CAAO,GAGrB,CACT,CACA,SAAgB,EAAY,CAAE,OAAM,cAA0E,CAC5G,IAAM,GAAA,EAAQ,EAAA,IAAA,CAAI,CAAI,EAEtB,GAAI,EAAM,QAAQ,OAAO,MAAQ,OAC/B,OACE,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAU,mBACb,UAAA,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,wBAAyB,CAAE,OAAQ,EAAM,QAAQ,OAAO,IAAK,CAAI,CAAA,CACnE,CAAA,EAIT,GAAM,CAAE,QAAS,IAAA,EAAY,EAAA,IAAA,CAAI,EAAe,EAAM,QAAQ,OAAO,IAAI,CAAC,EAE1E,OACE,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAU,mBACb,UAAA,EAAA,EAAA,IAAA,CAAC,EAAD,CAAqB,YAAa,CAAA,CAC/B,CAAA,CAET"}

package/dist/content-Wo136UBd.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"content-Wo136UBd.js","names":[],"sources":["../../styles/src/components/documentation/toc/content.module.css","../src/components/documentation/toc/content.tsx"],"sourcesContent":[".default {\n  color: var(--_sleetch-color-text);\n  width: 100%;\n  flex: 1;\n  padding: 0 2em;\n  max-width: 1200px;\n  margin: 0 auto;\n}\n\n@media (max-width: 768px) {\n  .default {\n    padding: 0 1em;\n  }\n}\n\n@media (min-width: 769px) and (max-width: 1024px) {\n  .default {\n    padding: 0 1.5em;\n  }\n}\n","import type { BaseHTMLAttributes } from 'react';\nimport styles from '@sleetch/styles/components/documentation/toc/content.module.css';\nimport clsx from 'clsx';\n\nexport interface DocumentationTocContentProps extends BaseHTMLAttributes<HTMLDivElement> {}\n\nexport function DocumentationTocContent({ className, children, ...props }: DocumentationTocContentProps) {\n  return (\n    <div className={clsx(styles['default'], className)} {...props}>\n      {children}\n    </div>\n  );\n}\n"],"mappings":";;;;;;ACMA,SAAgB,EAAwB,EAAE,cAAW,aAAU,GAAG,KAAuC;CACvG,OACE,kBAAC,OAAD;EAAK,WAAW,EAAK,EAAO,SAAY,CAAS;EAAG,GAAI;EACrD;CACE,CAAA;AAET"}

package/dist/content-xKdbA544.js

@@ -1,37 +0,0 @@
-import { use as e } from "react";
-import * as t from "react/jsx-runtime";
-import { jsx as n } from "react/jsx-runtime";
-import './assets/content3.css';//#region ../../node_modules/.bun/@mdx-js+mdx@3.1.1/node_modules/@mdx-js/mdx/lib/run.js
-var r = Object.getPrototypeOf(i).constructor;
-async function i(e, t) {
-	return new r(String(e))(t);
-}
-//#endregion
-//#region src/components/documentation/page/content.tsx
-var a = /* @__PURE__ */ new Map();
-function o(e) {
-	return i(e, {
-		...t,
-		baseUrl: import.meta.url
-	});
-}
-function s(e) {
-	let t = a.get(e);
-	return t || (t = o(e), a.set(e, t)), t;
-}
-function c({ page: t, components: r }) {
-	let i = e(t);
-	if (i.default.parsed.type == "html") return /* @__PURE__ */ n("div", {
-		className: "sleetch-markdown",
-		children: /* @__PURE__ */ n("div", { dangerouslySetInnerHTML: { __html: i.default.parsed.html } })
-	});
-	let { default: a } = e(s(i.default.parsed.code));
-	return /* @__PURE__ */ n("div", {
-		className: "sleetch-markdown",
-		children: /* @__PURE__ */ n(a, { components: r })
-	});
-}
-//#endregion
-export { c as t };
-
-//# sourceMappingURL=content-xKdbA544.js.map

package/dist/content-xKdbA544.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"content-xKdbA544.js","names":[],"sources":["../../../node_modules/.bun/@mdx-js+mdx@3.1.1/node_modules/@mdx-js/mdx/lib/run.js","../src/components/documentation/page/content.tsx"],"sourcesContent":["/**\n * @import {MDXModule} from 'mdx/types.js'\n * @import {RunOptions} from './util/resolve-evaluate-options.js'\n */\n\n/** @type {new (code: string, ...args: Array<unknown>) => Function} **/\nconst AsyncFunction = Object.getPrototypeOf(run).constructor\n\n/**\n * Run code compiled with `outputFormat: 'function-body'`.\n *\n * > ☢️ **Danger**: this `eval`s JavaScript.\n *\n * @param {{toString(): string}} code\n *   JavaScript function body to run.\n * @param {RunOptions} options\n *   Configuration (**required**).\n * @return {Promise<MDXModule>}\n *   Promise to a module;\n *   the result is an object with a `default` field set to the component;\n *   anything else that was exported is available too.\n */\nexport async function run(code, options) {\n  return new AsyncFunction(String(code))(options)\n}\n\n/**\n * Run code, synchronously.\n *\n * When possible please use the async `run`.\n *\n * > ☢️ **Danger**: this `eval`s JavaScript.\n *\n * @param {{toString(): string}} code\n *   JavaScript function body to run.\n * @param {RunOptions} options\n *   Configuration (**required**).\n * @return {MDXModule}\n *   Module.\n */\nexport function runSync(code, options) {\n  // eslint-disable-next-line no-new-func\n  return new Function(String(code))(options)\n}\n","import { use } from 'react';\nimport '@sleetch/styles/markdown.css';\nimport '@sleetch/styles/katex.css';\nimport { run } from '@mdx-js/mdx';\nimport * as runtime from 'react/jsx-runtime';\nimport type { MDXComponents } from 'mdx/types';\nimport type { page_module } from '@sleetch/core/compiler';\n\nconst mdxCache = new Map<string, ReturnType<typeof compileMDX>>();\n\nfunction compileMDX(code: string) {\n  return run(code, {\n    ...runtime,\n    baseUrl: import.meta.url,\n  });\n}\n\nfunction getCompiledMDX(code: string) {\n  let promise = mdxCache.get(code);\n\n  if (!promise) {\n    promise = compileMDX(code);\n    mdxCache.set(code, promise);\n  }\n\n  return promise;\n}\nexport function PageContent({ page, components }: { page: Promise<page_module>; components?: MDXComponents }) {\n  const value = use(page);\n\n  if (value.default.parsed.type == 'html') {\n    return (\n      <div className=\"sleetch-markdown\">\n        <div dangerouslySetInnerHTML={{ __html: value.default.parsed.html }} />\n      </div>\n    );\n  }\n\n  const { default: Content } = use(getCompiledMDX(value.default.parsed.code));\n\n  return (\n    <div className=\"sleetch-markdown\">\n      <Content components={components} />\n    </div>\n  );\n}\n"],"x_google_ignoreList":[0],"mappings":";;;;AAMA,IAAM,IAAgB,OAAO,eAAe,CAAG,CAAC,CAAC;AAgBjD,eAAsB,EAAI,GAAM,GAAS;CACvC,OAAO,IAAI,EAAc,OAAO,CAAI,CAAC,CAAC,CAAC,CAAO;AAChD;;;AChBA,IAAM,oBAAW,IAAI,IAA2C;AAEhE,SAAS,EAAW,GAAc;CAChC,OAAO,EAAI,GAAM;EACf,GAAG;EACH,SAAS,YAAY;CACvB,CAAC;AACH;AAEA,SAAS,EAAe,GAAc;CACpC,IAAI,IAAU,EAAS,IAAI,CAAI;CAO/B,OALK,MACH,IAAU,EAAW,CAAI,GACzB,EAAS,IAAI,GAAM,CAAO,IAGrB;AACT;AACA,SAAgB,EAAY,EAAE,SAAM,iBAA0E;CAC5G,IAAM,IAAQ,EAAI,CAAI;CAEtB,IAAI,EAAM,QAAQ,OAAO,QAAQ,QAC/B,OACE,kBAAC,OAAD;EAAK,WAAU;EACb,UAAA,kBAAC,OAAD,EAAK,yBAAyB,EAAE,QAAQ,EAAM,QAAQ,OAAO,KAAK,EAAI,CAAA;CACnE,CAAA;CAIT,IAAM,EAAE,SAAS,MAAY,EAAI,EAAe,EAAM,QAAQ,OAAO,IAAI,CAAC;CAE1E,OACE,kBAAC,OAAD;EAAK,WAAU;EACb,UAAA,kBAAC,GAAD,EAAqB,cAAa,CAAA;CAC/B,CAAA;AAET"}

package/dist/file-system-CMsswKsJ.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"file-system-CMsswKsJ.js","names":[],"sources":["../../styles/src/components/file-system.module.css","../src/components/file-system.tsx"],"sourcesContent":[".file-system {\n  display: flex;\n  flex-direction: column;\n  gap: 0.15em;\n  color: var(--_sleetch-color-text);\n  font-family: var(--_sleetch-font-base);\n  font-size: var(--_sleetch-font-size-small);\n  line-height: var(--_sleetch-line-height);\n  padding: 0.85em;\n  background: var(--_sleetch-color-card);\n  border-radius: var(--_sleetch-radius);\n  border: var(--_sleetch-hr-height) solid var(--_sleetch-color-border);\n  margin: 0 0 1em;\n}\n\n.folder {\n  display: flex;\n  flex-direction: column;\n}\n\n.folder.hidden {\n  opacity: 0.5;\n}\n\n.row {\n  display: flex;\n  align-items: center;\n  gap: 0.55em;\n  padding: 0.4em 0.6em;\n  border-radius: calc(var(--_sleetch-radius) - 2px);\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.folderRow {\n  color: var(--_sleetch-color-muted-foreground);\n}\n\n.icon {\n  flex-shrink: 0;\n  color: currentColor;\n}\n\n.label {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.comment {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  color: var(--_sleetch-color-muted-foreground);\n  font-style: italic;\n}\n\n.children {\n  display: flex;\n  flex-direction: column;\n  gap: 0.15em;\n  margin-left: 0.75em;\n  padding-left: 0.65em;\n  border-left: var(--_sleetch-underline-height) solid var(--_sleetch-color-border);\n}\n\n.file {\n  color: var(--_sleetch-color-text);\n  cursor: default;\n}\n\n.file:hover {\n  background: var(--_sleetch-color-muted);\n}\n\n.file.selected {\n  color: var(--_sleetch-color-text-primary);\n  background: color-mix(in srgb, var(--_sleetch-color-text-primary) 12%, transparent);\n}\n\n.file.selected:hover {\n  background: color-mix(in srgb, var(--_sleetch-color-text-primary) 18%, transparent);\n}\n","import styles from '@sleetch/styles/components/file-system.module.css';\nimport type { ReactNode, SVGProps } from 'react';\n\ninterface IconProps extends SVGProps<SVGSVGElement> {\n  className?: string;\n}\n\nfunction FolderIcon({ className, ...props }: IconProps) {\n  return (\n    <svg\n      className={className}\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"1.75\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      aria-hidden=\"true\"\n      {...props}\n    >\n      <path d=\"M3 7a2 2 0 0 1 2-2h4l2 2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V7Z\" />\n    </svg>\n  );\n}\n\nfunction FileIcon({ className, ...props }: IconProps) {\n  return (\n    <svg\n      className={className}\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"1.75\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      aria-hidden=\"true\"\n      {...props}\n    >\n      <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8Z\" />\n      <path d=\"M14 2v6h6\" />\n    </svg>\n  );\n}\n\nexport interface FilesProps {\n  children?: ReactNode;\n  className?: string;\n}\n\nexport function FileSystem({ children, className = '' }: FilesProps) {\n  return (\n    <div className=\"no-sleetch-markdown\">\n      <div className={[styles['file-system'], className].filter(Boolean).join(' ')}>{children}</div>\n    </div>\n  );\n}\n\nexport interface FolderProps {\n  name: string;\n  children?: ReactNode;\n  hidden?: boolean;\n  className?: string;\n}\n\nexport function Folder({ name, children, hidden = false, className = '' }: FolderProps) {\n  return (\n    <div className={[styles.folder, hidden && styles.hidden, className].filter(Boolean).join(' ')}>\n      <div className={[styles.row, styles.folderRow].join(' ')}>\n        <FolderIcon className={styles.icon} />\n        <span className={styles.label}>{name}</span>\n      </div>\n      {children && <div className={styles.children}>{children}</div>}\n    </div>\n  );\n}\n\nexport interface FileProps {\n  name: string;\n  comment?: string;\n  selected?: boolean;\n  className?: string;\n}\n\nexport function File({ name, comment, selected = false, className = '' }: FileProps) {\n  return (\n    <div className={[styles.row, styles.file, selected && styles.selected, className].filter(Boolean).join(' ')}>\n      <FileIcon className={styles.icon} />\n      <span className={styles.label}>{name}</span>\n      <span className={styles.comment}>{comment}</span>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;ACOA,SAAS,EAAW,EAAE,cAAW,GAAG,KAAoB;CACtD,OACE,kBAAC,OAAD;EACa;EACX,OAAM;EACN,QAAO;EACP,SAAQ;EACR,MAAK;EACL,QAAO;EACP,aAAY;EACZ,eAAc;EACd,gBAAe;EACf,eAAY;EACZ,GAAI;EAEJ,UAAA,kBAAC,QAAD,EAAM,GAAE,8EAA+E,CAAA;CACpF,CAAA;AAET;AAEA,SAAS,EAAS,EAAE,cAAW,GAAG,KAAoB;CACpD,OACE,kBAAC,OAAD;EACa;EACX,OAAM;EACN,QAAO;EACP,SAAQ;EACR,MAAK;EACL,QAAO;EACP,aAAY;EACZ,eAAc;EACd,gBAAe;EACf,eAAY;EACZ,GAAI;EAXN,UAAA,CAaE,kBAAC,QAAD,EAAM,GAAE,6DAA8D,CAAA,GACtE,kBAAC,QAAD,EAAM,GAAE,YAAa,CAAA,CAClB;;AAET;AAOA,SAAgB,EAAW,EAAE,aAAU,eAAY,MAAkB;CACnE,OACE,kBAAC,OAAD;EAAK,WAAU;EACb,UAAA,kBAAC,OAAD;GAAK,WAAW,CAAC,EAAO,gBAAgB,CAAS,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG;GAAI;EAAc,CAAA;CAC1F,CAAA;AAET;AASA,SAAgB,EAAO,EAAE,SAAM,aAAU,YAAS,IAAO,eAAY,MAAmB;CACtF,OACE,kBAAC,OAAD;EAAK,WAAW;GAAC,EAAO;GAAQ,KAAU,EAAO;GAAQ;EAAS,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG;EAA5F,UAAA,CACE,kBAAC,OAAD;GAAK,WAAW,CAAC,EAAO,KAAK,EAAO,SAAS,CAAC,CAAC,KAAK,GAAG;GAAvD,UAAA,CACE,kBAAC,GAAD,EAAY,WAAW,EAAO,KAAO,CAAA,GACrC,kBAAC,QAAD;IAAM,WAAW,EAAO;IAAQ,UAAA;GAAW,CAAA,CACxC;EACJ,CAAA,GAAA,KAAY,kBAAC,OAAD;GAAK,WAAW,EAAO;GAAW;EAAc,CAAA,CAC1D;;AAET;AASA,SAAgB,EAAK,EAAE,SAAM,YAAS,cAAW,IAAO,eAAY,MAAiB;CACnF,OACE,kBAAC,OAAD;EAAK,WAAW;GAAC,EAAO;GAAK,EAAO;GAAM,KAAY,EAAO;GAAU;EAAS,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG;EAA1G,UAAA;GACE,kBAAC,GAAD,EAAU,WAAW,EAAO,KAAO,CAAA;GACnC,kBAAC,QAAD;IAAM,WAAW,EAAO;IAAQ,UAAA;GAAW,CAAA;GAC3C,kBAAC,QAAD;IAAM,WAAW,EAAO;IAAU,UAAA;GAAc,CAAA;EAC7C;;AAET"}

package/dist/file-system-Ca6fqwTn.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"file-system-Ca6fqwTn.cjs","names":[],"sources":["../../styles/src/components/file-system.module.css","../src/components/file-system.tsx"],"sourcesContent":[".file-system {\n  display: flex;\n  flex-direction: column;\n  gap: 0.15em;\n  color: var(--_sleetch-color-text);\n  font-family: var(--_sleetch-font-base);\n  font-size: var(--_sleetch-font-size-small);\n  line-height: var(--_sleetch-line-height);\n  padding: 0.85em;\n  background: var(--_sleetch-color-card);\n  border-radius: var(--_sleetch-radius);\n  border: var(--_sleetch-hr-height) solid var(--_sleetch-color-border);\n  margin: 0 0 1em;\n}\n\n.folder {\n  display: flex;\n  flex-direction: column;\n}\n\n.folder.hidden {\n  opacity: 0.5;\n}\n\n.row {\n  display: flex;\n  align-items: center;\n  gap: 0.55em;\n  padding: 0.4em 0.6em;\n  border-radius: calc(var(--_sleetch-radius) - 2px);\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.folderRow {\n  color: var(--_sleetch-color-muted-foreground);\n}\n\n.icon {\n  flex-shrink: 0;\n  color: currentColor;\n}\n\n.label {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.comment {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  color: var(--_sleetch-color-muted-foreground);\n  font-style: italic;\n}\n\n.children {\n  display: flex;\n  flex-direction: column;\n  gap: 0.15em;\n  margin-left: 0.75em;\n  padding-left: 0.65em;\n  border-left: var(--_sleetch-underline-height) solid var(--_sleetch-color-border);\n}\n\n.file {\n  color: var(--_sleetch-color-text);\n  cursor: default;\n}\n\n.file:hover {\n  background: var(--_sleetch-color-muted);\n}\n\n.file.selected {\n  color: var(--_sleetch-color-text-primary);\n  background: color-mix(in srgb, var(--_sleetch-color-text-primary) 12%, transparent);\n}\n\n.file.selected:hover {\n  background: color-mix(in srgb, var(--_sleetch-color-text-primary) 18%, transparent);\n}\n","import styles from '@sleetch/styles/components/file-system.module.css';\nimport type { ReactNode, SVGProps } from 'react';\n\ninterface IconProps extends SVGProps<SVGSVGElement> {\n  className?: string;\n}\n\nfunction FolderIcon({ className, ...props }: IconProps) {\n  return (\n    <svg\n      className={className}\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"1.75\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      aria-hidden=\"true\"\n      {...props}\n    >\n      <path d=\"M3 7a2 2 0 0 1 2-2h4l2 2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V7Z\" />\n    </svg>\n  );\n}\n\nfunction FileIcon({ className, ...props }: IconProps) {\n  return (\n    <svg\n      className={className}\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"1.75\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      aria-hidden=\"true\"\n      {...props}\n    >\n      <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8Z\" />\n      <path d=\"M14 2v6h6\" />\n    </svg>\n  );\n}\n\nexport interface FilesProps {\n  children?: ReactNode;\n  className?: string;\n}\n\nexport function FileSystem({ children, className = '' }: FilesProps) {\n  return (\n    <div className=\"no-sleetch-markdown\">\n      <div className={[styles['file-system'], className].filter(Boolean).join(' ')}>{children}</div>\n    </div>\n  );\n}\n\nexport interface FolderProps {\n  name: string;\n  children?: ReactNode;\n  hidden?: boolean;\n  className?: string;\n}\n\nexport function Folder({ name, children, hidden = false, className = '' }: FolderProps) {\n  return (\n    <div className={[styles.folder, hidden && styles.hidden, className].filter(Boolean).join(' ')}>\n      <div className={[styles.row, styles.folderRow].join(' ')}>\n        <FolderIcon className={styles.icon} />\n        <span className={styles.label}>{name}</span>\n      </div>\n      {children && <div className={styles.children}>{children}</div>}\n    </div>\n  );\n}\n\nexport interface FileProps {\n  name: string;\n  comment?: string;\n  selected?: boolean;\n  className?: string;\n}\n\nexport function File({ name, comment, selected = false, className = '' }: FileProps) {\n  return (\n    <div className={[styles.row, styles.file, selected && styles.selected, className].filter(Boolean).join(' ')}>\n      <FileIcon className={styles.icon} />\n      <span className={styles.label}>{name}</span>\n      <span className={styles.comment}>{comment}</span>\n    </div>\n  );\n}\n"],"mappings":"mVCOA,SAAS,EAAW,CAAE,YAAW,GAAG,GAAoB,CACtD,OACE,EAAA,EAAA,IAAA,CAAC,MAAD,CACa,YACX,MAAM,KACN,OAAO,KACP,QAAQ,YACR,KAAK,OACL,OAAO,eACP,YAAY,OACZ,cAAc,QACd,eAAe,QACf,cAAY,OACZ,GAAI,EAEJ,UAAA,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,EAAE,6EAA+E,CAAA,CACpF,CAAA,CAET,CAEA,SAAS,EAAS,CAAE,YAAW,GAAG,GAAoB,CACpD,OACE,EAAA,EAAA,KAAA,CAAC,MAAD,CACa,YACX,MAAM,KACN,OAAO,KACP,QAAQ,YACR,KAAK,OACL,OAAO,eACP,YAAY,OACZ,cAAc,QACd,eAAe,QACf,cAAY,OACZ,GAAI,EAXN,SAAA,EAaE,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,EAAE,4DAA8D,CAAA,GACtE,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,EAAE,WAAa,CAAA,CAClB,GAET,CAOA,SAAgB,EAAW,CAAE,WAAU,YAAY,IAAkB,CACnE,OACE,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAU,sBACb,UAAA,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,CAAC,EAAO,eAAgB,CAAS,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG,EAAI,UAAc,CAAA,CAC1F,CAAA,CAET,CASA,SAAgB,EAAO,CAAE,OAAM,WAAU,SAAS,GAAO,YAAY,IAAmB,CACtF,OACE,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,CAAC,EAAO,OAAQ,GAAU,EAAO,OAAQ,CAAS,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG,EAA5F,SAAA,EACE,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,CAAC,EAAO,IAAK,EAAO,SAAS,CAAC,CAAC,KAAK,GAAG,EAAvD,SAAA,EACE,EAAA,EAAA,IAAA,CAAC,EAAD,CAAY,UAAW,EAAO,IAAO,CAAA,GACrC,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAO,MAAQ,SAAA,CAAW,CAAA,CACxC,CACJ,CAAA,EAAA,IAAY,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,EAAO,SAAW,UAAc,CAAA,CAC1D,GAET,CASA,SAAgB,EAAK,CAAE,OAAM,UAAS,WAAW,GAAO,YAAY,IAAiB,CACnF,OACE,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,CAAC,EAAO,IAAK,EAAO,KAAM,GAAY,EAAO,SAAU,CAAS,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG,EAA1G,SAAA,EACE,EAAA,EAAA,IAAA,CAAC,EAAD,CAAU,UAAW,EAAO,IAAO,CAAA,GACnC,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAO,MAAQ,SAAA,CAAW,CAAA,GAC3C,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAO,QAAU,SAAA,CAAc,CAAA,CAC7C,GAET"}

package/dist/header-CmQhY5Pa.cjs

@@ -1,2 +0,0 @@
-require('./assets/header.css');const e=require("./contexts/documentation.cjs.js"),t=require("./clsx-GLXUd3yb.cjs");let n=require("react/jsx-runtime");var r={default:`_default_p2hb0_1`,"menu-toggle":`_menu-toggle_p2hb0_16`};function i({className:i,children:a,...o}){let{toggle_sidebar:s}=e.useDocumentationContext();return(0,n.jsxs)(`div`,{className:t.t(r.default,i),...o,children:[(0,n.jsx)(`button`,{className:r[`menu-toggle`],onClick:s,"aria-label":`Toggle sidebar`,type:`button`,children:(0,n.jsxs)(`svg`,{viewBox:`0 0 24 24`,width:`24`,height:`24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:[(0,n.jsx)(`line`,{x1:`3`,y1:`12`,x2:`21`,y2:`12`}),(0,n.jsx)(`line`,{x1:`3`,y1:`6`,x2:`21`,y2:`6`}),(0,n.jsx)(`line`,{x1:`3`,y1:`18`,x2:`21`,y2:`18`})]})}),a]})}Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return i}});
-//# sourceMappingURL=header-CmQhY5Pa.cjs.map

package/dist/header-CmQhY5Pa.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"header-CmQhY5Pa.cjs","names":[],"sources":["../../styles/src/components/documentation/header.module.css","../src/components/documentation/header.tsx"],"sourcesContent":[".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-border);\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';\nimport { useDocumentationContext } from '../../contexts/documentation';\n\nexport interface DocumentationHeaderProps extends BaseHTMLAttributes<HTMLDivElement> {}\n\nexport function DocumentationHeader({ className, children, ...props }: DocumentationHeaderProps) {\n  const { toggle_sidebar } = useDocumentationContext();\n  return (\n    <div className={clsx(styles['default'], className)} {...props}>\n      <button className={styles['menu-toggle']} onClick={toggle_sidebar} 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      {children}\n    </div>\n  );\n}\n"],"mappings":"gMCOA,SAAgB,EAAoB,CAAE,YAAW,WAAU,GAAG,GAAmC,CAC/F,GAAM,CAAE,kBAAmB,EAAA,wBAAwB,EACnD,OACE,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,EAAA,EAAK,EAAO,QAAY,CAAS,EAAG,GAAI,EAAxD,SAAA,EACE,EAAA,EAAA,IAAA,CAAC,SAAD,CAAQ,UAAW,EAAO,eAAgB,QAAS,EAAgB,aAAW,iBAAiB,KAAK,SAClG,UAAA,EAAA,EAAA,KAAA,CAAC,MAAD,CACE,QAAQ,YACR,MAAM,KACN,OAAO,KACP,KAAK,OACL,OAAO,eACP,YAAY,IACZ,cAAc,QACd,eAAe,QARjB,SAAA,EAUE,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,GAAG,IAAI,GAAG,KAAK,GAAG,KAAK,GAAG,IAAM,CAAA,GACtC,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,GAAK,CAAA,GACpC,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,GAAG,IAAI,GAAG,KAAK,GAAG,KAAK,GAAG,IAAM,CAAA,CACnC,GACC,CAAA,EACP,CACE,GAET"}

package/dist/header-DDS6Ak-Z.js

@@ -1,57 +0,0 @@
-import { useDocumentationContext as e } from "./contexts/documentation.es.js";
-import { t } from "./clsx-CaAiuA5w.js";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-import './assets/header.css';//#region ../styles/src/components/documentation/header.module.css
-var i = {
-	default: "_default_p2hb0_1",
-	"menu-toggle": "_menu-toggle_p2hb0_16"
-};
-//#endregion
-//#region src/components/documentation/header.tsx
-function a({ className: a, children: o, ...s }) {
-	let { toggle_sidebar: c } = e();
-	return /* @__PURE__ */ r("div", {
-		className: t(i.default, a),
-		...s,
-		children: [/* @__PURE__ */ n("button", {
-			className: i["menu-toggle"],
-			onClick: c,
-			"aria-label": "Toggle sidebar",
-			type: "button",
-			children: /* @__PURE__ */ r("svg", {
-				viewBox: "0 0 24 24",
-				width: "24",
-				height: "24",
-				fill: "none",
-				stroke: "currentColor",
-				strokeWidth: "2",
-				strokeLinecap: "round",
-				strokeLinejoin: "round",
-				children: [
-					/* @__PURE__ */ n("line", {
-						x1: "3",
-						y1: "12",
-						x2: "21",
-						y2: "12"
-					}),
-					/* @__PURE__ */ n("line", {
-						x1: "3",
-						y1: "6",
-						x2: "21",
-						y2: "6"
-					}),
-					/* @__PURE__ */ n("line", {
-						x1: "3",
-						y1: "18",
-						x2: "21",
-						y2: "18"
-					})
-				]
-			})
-		}), o]
-	});
-}
-//#endregion
-export { a as t };
-
-//# sourceMappingURL=header-DDS6Ak-Z.js.map

package/dist/header-DDS6Ak-Z.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"header-DDS6Ak-Z.js","names":[],"sources":["../../styles/src/components/documentation/header.module.css","../src/components/documentation/header.tsx"],"sourcesContent":[".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-border);\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';\nimport { useDocumentationContext } from '../../contexts/documentation';\n\nexport interface DocumentationHeaderProps extends BaseHTMLAttributes<HTMLDivElement> {}\n\nexport function DocumentationHeader({ className, children, ...props }: DocumentationHeaderProps) {\n  const { toggle_sidebar } = useDocumentationContext();\n  return (\n    <div className={clsx(styles['default'], className)} {...props}>\n      <button className={styles['menu-toggle']} onClick={toggle_sidebar} 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      {children}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;ACOA,SAAgB,EAAoB,EAAE,cAAW,aAAU,GAAG,KAAmC;CAC/F,IAAM,EAAE,sBAAmB,EAAwB;CACnD,OACE,kBAAC,OAAD;EAAK,WAAW,EAAK,EAAO,SAAY,CAAS;EAAG,GAAI;EAAxD,UAAA,CACE,kBAAC,UAAD;GAAQ,WAAW,EAAO;GAAgB,SAAS;GAAgB,cAAW;GAAiB,MAAK;GAClG,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,GACP,CACE;;AAET"}

package/dist/layout-B9nkyVRH.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"layout-B9nkyVRH.cjs","names":[],"sources":["../../styles/src/components/documentation/layout.module.css","../src/components/documentation/layout.tsx"],"sourcesContent":[".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 { BaseHTMLAttributes } from 'react';\nimport styles from '@sleetch/styles/components/documentation/layout.module.css';\nimport clsx from 'clsx';\n\nexport interface DocumentationLayoutProps extends BaseHTMLAttributes<HTMLDivElement> {}\n\nexport function DocumentationLayout({ children, className, ...props }: DocumentationLayoutProps) {\n  return (\n    <main className={clsx(styles['default'], className)} {...props}>\n      {children}\n    </main>\n  );\n}\n"],"mappings":"6GCMA,SAAgB,EAAoB,CAAE,WAAU,YAAW,GAAG,GAAmC,CAC/F,OACE,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,EAAK,EAAO,QAAY,CAAS,EAAG,GAAI,EACtD,UACG,CAAA,CAEV"}

package/dist/layout-C_NguCrO.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"layout-C_NguCrO.js","names":[],"sources":["../../styles/src/components/documentation/layout.module.css","../src/components/documentation/layout.tsx"],"sourcesContent":[".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 { BaseHTMLAttributes } from 'react';\nimport styles from '@sleetch/styles/components/documentation/layout.module.css';\nimport clsx from 'clsx';\n\nexport interface DocumentationLayoutProps extends BaseHTMLAttributes<HTMLDivElement> {}\n\nexport function DocumentationLayout({ children, className, ...props }: DocumentationLayoutProps) {\n  return (\n    <main className={clsx(styles['default'], className)} {...props}>\n      {children}\n    </main>\n  );\n}\n"],"mappings":";;;;;;ACMA,SAAgB,EAAoB,EAAE,aAAU,cAAW,GAAG,KAAmC;CAC/F,OACE,kBAAC,QAAD;EAAM,WAAW,EAAK,EAAO,SAAY,CAAS;EAAG,GAAI;EACtD;CACG,CAAA;AAEV"}