lilact 0.1.0 → 0.2.0

package/src/lilact.jsx

@@ -47,6 +47,7 @@ import * as misc from './misc.jsx';
 
 import * as router from './router.jsx';
 import * as accessories from './accessories.jsx';
+import {ResizablePane} from './pane.jsx';
 
 import {transpileJSX, transpilerConfig} from "./jsx";
 
@@ -61,7 +62,7 @@ import {transpileJSX, transpilerConfig} from "./jsx";
  * @property emotion - Handle to Emotion’s CSS-in-JS package for styling (https://github.com/emotion-js/emotion).
  */
 export const Lilact = 
-{
+{	
 
 	VERSION: "beta.0",
 	
@@ -86,27 +87,24 @@ export const Lilact =
 	...router,
 	...accessories,
 
+	ResizablePane,
+
 	transpileJSX,
 	transpilerConfig,
 
 	// Dependencies ()
 
 	PropTypes,
+	//redux: {...redux, createSlice, createAsyncThunk},
 	redux,
 	emotion,
 
 }
 
-
-// or, if you prefer DOMContentLoaded:
 document.addEventListener('DOMContentLoaded', () => {
   Lilact.runScripts();
 });
 
-function yourFunctionHere() {
-  // ...
-}
-
 ʔ if(DEBUG) {
 	console.log(`Lilact (Version: ${Lilact.VERSION}) - Debug Mode`);
 	console.log(`Copyright(C) 2024-2026 Arash Kazemi <contact.arash.kazemi@gmail.com>`);

package/src/pane.jsx

@@ -0,0 +1,287 @@
+import { useEffect, useLayoutEffect, useMemo, useRef, useState, forwardRef, useImperativeHandle } from "./hooks.jsx";
+import { Children } from "./misc.jsx";
+
+function clamp(n, min, max) {
+	return Math.max(min, Math.min(max, n));
+}
+
+/**
+ * ResizablePane
+ *
+ * Features:
+ * - Supports "horizontal" (left/top size affects width) and "vertical" (affects height)
+ * - Initial position via props.position
+ * - Methods to set mode and position via ref:
+ *     ref.current.setMode(mode)
+ *     ref.current.setPosition(position)
+ * - Callback when size changes via onSizeChange
+ * - Children are rendered in two separate containers (no portals)
+ */
+export const ResizablePane = forwardRef(function Pane(
+	{
+		mode = "horizontal", // "horizontal" | "vertical"
+		initialPosition, // optional (alias-ish to position)
+		position, // controlled position (number)
+		defaultPosition = 0.5, // used if position/initialPosition not provided
+		min = 0.1, // clamp in "percent of container" units: 0..1
+		max = 0.9, // clamp in "percent of container" units: 0..1
+		splitterSize = 8, // px thickness of the drag handle
+		onSizeChange, // (newPosition: number) => void
+		style,
+		className,
+		leftPaneStyle,
+		rightPaneStyle,
+		splitterStyle,
+		children, // expects two children: [A, B]
+	},
+	ref
+) {
+	const [internalMode, setInternalMode] = useState(mode);
+	const [pos, setPos] = useState(() => {
+		const start =
+			position ?? initialPosition ?? (defaultPosition != null ? defaultPosition : 0.5);
+		return clamp(start, min, max);
+	});
+
+	const containerRef = useRef(null);
+	const draggingRef = useRef(false);
+
+	const panes = Children.toArray(children);
+	const leftChild = panes[0] ?? null;
+	const rightChild = panes[1] ?? null;
+
+	const modeResolved = mode != null ? mode : internalMode;
+
+	// Keep internalMode aligned if mode is provided as a prop
+	useEffect(() => {
+		if (mode != null) setInternalMode(mode);
+	}, [mode]);
+
+	// Controlled position: update state when prop changes
+	useEffect(() => {
+		if (position == null) return;
+		setPos(clamp(position, min, max));
+	}, [position, min, max]);
+
+	const setPosition = (newPos) => {
+		const next = clamp(newPos, min, max);
+		if (position == null) setPos(next); // only update internal state if uncontrolled
+		onSizeChange?.(next);
+	};
+
+	const setMode = (nextMode) => {
+		const m = nextMode === "vertical" ? "vertical" : "horizontal";
+		if (mode == null) setInternalMode(m);
+		// If mode is controlled via prop, consumer should re-render with new prop.
+	};
+
+	useImperativeHandle(
+		ref,
+		() => ({
+			setPosition,
+			setMode,
+			getPosition: () => (position == null ? pos : clamp(position, min, max)),
+			getMode: () => modeResolved,
+		}),
+		[pos, position, min, max, modeResolved, onSizeChange, mode]
+	);
+
+	const updateFromClientXorY = (clientX, clientY) => {
+		const el = containerRef.current;
+		if (!el) return;
+
+		const rect = el.getBoundingClientRect();
+		let next;
+
+		if (modeResolved === "horizontal") {
+			const usable = rect.width;
+			if (usable <= 0) return;
+			next = (clientX - rect.left) / usable;
+		} else {
+			const usable = rect.height;
+			if (usable <= 0) return;
+			next = (clientY - rect.top) / usable;
+		}
+		setPosition(next);
+	};
+
+	const onPointerDown = (e) => {
+		e.preventDefault();
+		draggingRef.current = true;
+
+		// Capture pointer so we still get events outside the handle area.
+		try {
+			e.currentTarget.setPointerCapture?.(e.pointerId);
+		} catch {
+			// ignore
+		}
+
+		updateFromClientXorY(e.clientX, e.clientY);
+	};
+
+	const onPointerMove = (e) => {
+		if (!draggingRef.current) return;
+		updateFromClientXorY(e.clientX, e.clientY);
+	};
+
+	const stopDragging = () => {
+		draggingRef.current = false;
+	};
+
+	// Attach global listeners to ensure smooth dragging even if pointer capture fails
+	useEffect(() => {
+		const handleMove = (e) => {
+			if (!draggingRef.current) return;
+			updateFromClientXorY(e.clientX, e.clientY);
+		};
+		const handleUp = () => stopDragging();
+
+		window.addEventListener("pointermove", handleMove, { passive: false });
+		window.addEventListener("pointerup", handleUp, { passive: true });
+		window.addEventListener("pointercancel", handleUp, { passive: true });
+
+		return () => {
+			window.removeEventListener("pointermove", handleMove);
+			window.removeEventListener("pointerup", handleUp);
+			window.removeEventListener("pointercancel", handleUp);
+		};
+	}, [modeResolved, min, max, position, onSizeChange]);
+
+	const posResolved = position == null ? pos : clamp(position, min, max);
+
+	const sizes = useMemo(() => {
+		if (modeResolved === "horizontal") {
+			// left width = pos, splitter width = splitterSize, right flexes
+			// We set left/right as percentages and keep splitter fixed in px.
+			return {
+				left: `${posResolved * 100}%`,
+				right: `calc(${100 - posResolved * 100}% - ${splitterSize}px)`,
+			};
+		}
+		return {
+			left: `${posResolved * 100}%`,
+			right: `calc(${100 - posResolved * 100}% - ${splitterSize}px)`,
+		};
+	}, [modeResolved, posResolved, splitterSize]);
+
+	// Improve keyboard accessibility (arrow keys when handle is focused)
+	const onSplitterKeyDown = (e) => {
+		const step = 0.02;
+		let delta = 0;
+		if (modeResolved === "horizontal") {
+			if (e.key === "ArrowLeft") delta = -step;
+			if (e.key === "ArrowRight") delta = step;
+		} else {
+			if (e.key === "ArrowUp") delta = -step;
+			if (e.key === "ArrowDown") delta = step;
+		}
+		if (delta !== 0) {
+			e.preventDefault();
+			setPosition(posResolved + delta);
+		}
+	};
+
+	// Ensure position clamps correctly if min/max change
+	useLayoutEffect(() => {
+		setPos((p) => clamp(p, min, max));
+	}, [min, max]);
+
+	const rootStyle = {
+		display: "flex",
+		width: "100%",
+		height: "100%",
+		overflow: "hidden",
+		touchAction: "none",
+		...(style || {}),
+		flexDirection: modeResolved === "horizontal" ? "row" : "column",
+	};
+
+	const leftPaneComputed =
+		modeResolved === "horizontal"
+			? {
+					width: sizes.left,
+					flex: `0 0 ${sizes.left}`,
+					overflow: "auto",
+					...(leftPaneStyle || {}),
+				}
+			: {
+					height: sizes.left,
+					flex: `0 0 ${sizes.left}`,
+					overflow: "auto",
+					...(leftPaneStyle || {}),
+				};
+
+	const rightPaneComputed =
+		modeResolved === "horizontal"
+			? {
+					width: `calc(${100 - posResolved * 100}% - ${splitterSize}px)`,
+					flex: `1 1 auto`,
+					overflow: "auto",
+					...(rightPaneStyle || {}),
+				}
+			: {
+					height: `calc(${100 - posResolved * 100}% - ${splitterSize}px)`,
+					flex: `1 1 auto`,
+					overflow: "auto",
+					...(rightPaneStyle || {}),
+				};
+
+	const splitterComputed =
+		modeResolved === "horizontal"
+			? {
+					width: `${splitterSize}px`,
+					flex: `0 0 ${splitterSize}px`,
+					cursor: "col-resize",
+					background: "transparent",
+					...(splitterStyle || {}),
+				}
+			: {
+					height: `${splitterSize}px`,
+					flex: `0 0 ${splitterSize}px`,
+					cursor: "row-resize",
+					background: "transparent",
+					...(splitterStyle || {}),
+				};
+
+	const dividerVisualStyle =
+		modeResolved === "horizontal"
+			? {
+					height: "100%",
+					width: "100%",
+					background: "rgba(0,0,0,0.08)",
+				}
+			: {
+					width: "100%",
+					height: "100%",
+					background: "rgba(0,0,0,0.08)",
+				};
+
+	return (
+		<div
+			ref={containerRef}
+			className={className}
+			style={rootStyle}
+			onPointerMove={onPointerMove}
+		>
+			<div style={leftPaneComputed}>{leftChild}</div>
+
+			<div
+				role="separator"
+				aria-orientation={modeResolved === "horizontal" ? "vertical" : "horizontal"}
+				aria-valuemin={min}
+				aria-valuemax={max}
+				aria-valuenow={posResolved}
+				tabIndex={0}
+				onPointerDown={onPointerDown}
+				onPointerUp={stopDragging}
+				onPointerCancel={stopDragging}
+				onKeyDown={onSplitterKeyDown}
+				style={splitterComputed}
+			>
+				<div style={dividerVisualStyle} />
+			</div>
+
+			<div style={rightPaneComputed}>{rightChild}</div>
+		</div>
+	);
+});

package/src/run.jsx

@@ -180,21 +180,7 @@ export function require(path, force_update)
 
 /**
  * Wrapper that enables async, code-split component loading. `lazy` should be used
- * outside the component definintion ot it will produce new components on each rerender.
- *
- * 
- * @example
- * ```jsx
- * const LazyWidget = lazy(() => Lilact.require("./Widget"));
- *
- * export function Page() {
- *   return (
- *     <Suspense fallback={<Spinner/>}>
- *       <LazyWidget />
- *     </Suspense>
- *   );
- * }
- * ```
+ * outside the component definintion or it will produce new components on each rerender.
  *
  * @param factory - A function with **no arguments** that returns a `Promise`.
  * The promise must resolve to a module whose module.exports.default is a Lilact component
@@ -202,12 +188,12 @@ export function require(path, force_update)
  * 
  * @returns A Lilact component that should be rendered inside a {@link Suspense} boundary.
  */
-export function lazy(req_func) {
+export function lazy(factory) {
 	let status = "pending"; // pending | success | error
 	let result;             // component | error
 
 	Lilact[LAZY] = true;
-	result = req_func();
+	result = factory();
 
 	if(Lilact.isThenable(result)) {
 		result.then(

package/src/transition.jsx

@@ -32,10 +32,10 @@
 
 /* States */
 const UNMOUNTED = "unmounted";
-const EXITED = "exited";
-const ENTERING = "entering";
-const ENTERED = "entered";
-const EXITING = "exiting";
+const EXITED = 	  "exited";
+const ENTERING =  "entering";
+const ENTERED =   "entered";
+const EXITING =   "exiting";
 
 import {setTimeout, clearTimeout} from "./timers.jsx"
 import {Children} from "./misc.jsx"
@@ -81,12 +81,16 @@ export function Transition({
 	this[CORE].is_appeared ??= inProp;
 	this[CORE].timer ??= null;
 
-	if(!this.state) {
-		if (!this[CORE].is_mounted) this.state = UNMOUNTED;
+	this[CORE].childFunctionHandler = (func)=>{
+		return func(this[CORE].mount_state); 
+	}
+
+	if(!this[CORE].mount_state) {
+		if (!this[CORE].is_mounted) this[CORE].mount_state = UNMOUNTED;
 		if (inProp) {
-			this.state = appear && !this[CORE].is_appeared ? ENTERING : ENTERED;
+			this[CORE].mount_state = appear && !this[CORE].is_appeared ? ENTERING : ENTERED;
 		}
-		this.state = EXITED;
+		else this[CORE].mount_state = EXITED;
 	}
 
 	useEffect(() => {
@@ -94,13 +98,14 @@ export function Transition({
 	}, []);
 
 	useEffect(() => {
-		if (!this[CORE].is_appeared && appear && this.state === ENTERING && inProp) {
+		if (!this[CORE].is_appeared && appear && this[CORE].mount_state === ENTERING && inProp) {
 			onEnter?.();
 			requestAnimationFrame(() => {
 				onEntering?.(!this[CORE].is_appeared);
 				clearTimeout(this[CORE].timer);
 				this[CORE].timer = setTimeout(() => {
-					this.setState(ENTERED);
+					this[CORE].mount_state = ENTERED;
+					this.forceUpdate();
 					this[CORE].is_appeared = true;
 					onEntered?.(!this[CORE].is_appeared);
 				}, timeout);
@@ -112,32 +117,38 @@ export function Transition({
 		if (inProp) {
 			this[CORE].is_mounted = true;
 			// If we are already entering/entered, no-op
-			if (this.state === ENTERING || this.state === ENTERED) return;
+			if (this[CORE].mount_state === ENTERING || this[CORE].mount_state === ENTERED) return;
 
 			onEnter?.(!this[CORE].is_appeared);
-			this.setState(ENTERING, () => {
+			this[CORE].mount_state = ENTERING;
+			this.forceUpdate(() => {
 				onEntering?.(!this[CORE].is_appeared);
 				clearTimeout(this[CORE].timer);
+
 				this[CORE].timer = setTimeout(() => {
-					this.setState(ENTERED);
+					this[CORE].mount_state = ENTERED;
+					this.forceUpdate();
 					this[CORE].is_appeared = true;
 					onEntered?.();
 				}, timeout);
 			});
 		} 
 		else {
-			if (this.state === UNMOUNTED || this.state === EXITING || this.state === EXITED) return;
+			if (this[CORE].mount_state === UNMOUNTED || this[CORE].mount_state === EXITING || this[CORE].mount_state === EXITED) return;
 
 			onExit?.();
-			this.setState(EXITING, () => {
+			this[CORE].mount_state = EXITING;
+			this.forceUpdate( () => {
 				onExiting?.();
 				clearTimeout(this[CORE].timer);
 				this[CORE].timer = setTimeout(() => {
-					this.setState(EXITED);
+					this[CORE].mount_state = EXITED;
+					this.forceUpdate();
 					onExited?.();
 					if (unmountOnExit) {
 						this[CORE].is_mounted = false;
-						this.setState(UNMOUNTED);
+						this[CORE].mount_state = UNMOUNTED;
+						this.forceUpdate();
 					}
 				}, timeout);
 			});
@@ -147,20 +158,20 @@ export function Transition({
 	if (!this[CORE].is_mounted) return null;
 
 	if(classNames) {
-		if (this.state === ENTERING) {
+		if (this[CORE].mount_state === ENTERING) {
 			if(this[CORE].is_appeared)
 				this[CORE][CHILD_CLASS_ADDENDUM] = classNames.appearActive;
 			else
 				this[CORE][CHILD_CLASS_ADDENDUM] = classNames.enterActive;
 		}
-		else if (this.state === ENTERED) {
+		else if (this[CORE].mount_state === ENTERED) {
 			if(this[CORE].is_appeared)
 				this[CORE][CHILD_CLASS_ADDENDUM] = classNames.appearDone;
 			else
 				this[CORE][CHILD_CLASS_ADDENDUM] = classNames.enterDone;
 		}
-		else if (this.state === EXITING) this[CORE][CHILD_CLASS_ADDENDUM] = classNames.exitActive;
-		else if (this.state === EXITED) this[CORE][CHILD_CLASS_ADDENDUM] = classNames.exitDone;
+		else if (this[CORE].mount_state === EXITING) this[CORE][CHILD_CLASS_ADDENDUM] = classNames.exitActive;
+		else if (this[CORE].mount_state === EXITED) this[CORE][CHILD_CLASS_ADDENDUM] = classNames.exitDone;
 	}
 	return children;
 }

package/webpack.config.js

@@ -56,7 +56,7 @@ export default (env, argv) => {
 		optimization: {
 		    concatenateModules: true,      // scope hoisting
 		    moduleIds: 'deterministic',   // smaller stable ids (or 'hashed')
-			minimize: true, //mode === 'production',
+			minimize: mode === 'production',
 		},
 		experiments: {    
 			outputModule: true           // enable module output  

package/docs/classes/transition.Transition.html

@@ -1,31 +0,0 @@
-<!DOCTYPE html><html class="default" lang="en" data-base="../"><head><meta charset="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>Transition | Lilact</title><meta name="description" content="Documentation for Lilact"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script defer src="../assets/main.js"></script><script async src="../assets/icons.js" id="tsd-icons-script"></script><script async src="../assets/search.js" id="tsd-search-script"></script><script async src="../assets/navigation.js" id="tsd-nav-script"></script><script async src="../assets/hierarchy.js" id="tsd-hierarchy-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os";document.body.style.display="none";setTimeout(() => window.app?app.showPage():document.body.style.removeProperty("display"),500)</script><header class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><a href="../index.html" class="title">Lilact</a><div id="tsd-toolbar-links"></div><button id="tsd-search-trigger" class="tsd-widget" aria-label="Search"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-search"></use></svg></button><dialog id="tsd-search" aria-label="Search"><input role="combobox" id="tsd-search-input" aria-controls="tsd-search-results" aria-autocomplete="list" aria-expanded="true" autocapitalize="off" autocomplete="off" placeholder="Search the docs" maxLength="100"/><ul role="listbox" id="tsd-search-results"></ul><div id="tsd-search-status" aria-live="polite" aria-atomic="true"><div>Preparing search index...</div></div></dialog><a href="#" class="tsd-widget menu" id="tsd-toolbar-menu-trigger" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-menu"></use></svg></a></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><ul class="tsd-breadcrumb" aria-label="Breadcrumb"><li><a href="../modules/transition.html">transition</a></li><li><a href="" aria-current="page">Transition</a></li></ul><h1>Class Transition</h1></div><section class="tsd-panel tsd-comment"><div class="tsd-comment tsd-typography"><p>Transition component that manages enter/exit lifecycle and calls callbacks based on state changes.</p>
-</div><div class="tsd-comment tsd-typography"><div class="tsd-tag-param"><h4 class="tsd-anchor-link" id="param-props">Param: props<a href="#param-props" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><p>Component props.</p>
-</div><div class="tsd-tag-param"><h4 class="tsd-anchor-link" id="param-propsin">Param: props.in<a href="#param-propsin" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><p>Boolean/flag indicating whether the component should be entered/shown.</p>
-</div><div class="tsd-tag-param"><h4 class="tsd-anchor-link" id="param-propstimeout">Param: props.timeout<a href="#param-propstimeout" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><p>Duration (or durations) for the transition.</p>
-</div><div class="tsd-tag-param"><h4 class="tsd-anchor-link" id="param-propsmountonenter">Param: props.mountOnEnter<a href="#param-propsmountonenter" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><p>If true, mount the child only when entering.</p>
-</div><div class="tsd-tag-param"><h4 class="tsd-anchor-link" id="param-propsunmountonexit">Param: props.unmountOnExit<a href="#param-propsunmountonexit" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><p>If true, unmount the child after exiting.</p>
-</div><div class="tsd-tag-param"><h4 class="tsd-anchor-link" id="param-propsappear">Param: props.appear<a href="#param-propsappear" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><p>If true, run the enter transition on initial mount.</p>
-</div><div class="tsd-tag-param"><h4 class="tsd-anchor-link" id="param-propsonenter">Param: props.onEnter<a href="#param-propsonenter" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><p>Called when entering begins.</p>
-</div><div class="tsd-tag-param"><h4 class="tsd-anchor-link" id="param-propsonentering">Param: props.onEntering<a href="#param-propsonentering" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><p>Called while the component is entering.</p>
-</div><div class="tsd-tag-param"><h4 class="tsd-anchor-link" id="param-propsonentered">Param: props.onEntered<a href="#param-propsonentered" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><p>Called when entering completes.</p>
-</div><div class="tsd-tag-param"><h4 class="tsd-anchor-link" id="param-propsonexit">Param: props.onExit<a href="#param-propsonexit" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><p>Called when exiting begins.</p>
-</div><div class="tsd-tag-param"><h4 class="tsd-anchor-link" id="param-propsonexiting">Param: props.onExiting<a href="#param-propsonexiting" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><p>Called while the component is exiting.</p>
-</div><div class="tsd-tag-param"><h4 class="tsd-anchor-link" id="param-propsonexited">Param: props.onExited<a href="#param-propsonexited" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><p>Called when exiting completes.</p>
-</div><div class="tsd-tag-param"><h4 class="tsd-anchor-link" id="param-propschildren">Param: props.children<a href="#param-propschildren" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><p>Render prop receiving transition state/props.</p>
-</div></div></section><aside class="tsd-sources"><ul><li>Defined in transition.js:61</li></ul></aside><section class="tsd-panel-group tsd-index-group"><section class="tsd-panel tsd-index-panel"><details class="tsd-index-content tsd-accordion" open><summary class="tsd-accordion-summary tsd-index-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h5 class="tsd-index-heading uppercase">Index</h5></summary><div class="tsd-accordion-details"><section class="tsd-index-section"><h3 class="tsd-index-heading">Constructors</h3><div class="tsd-index-list"><a href="#constructor" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Constructor"><use href="../assets/icons.svg#icon-512"></use></svg><span>constructor</span></a>
-</div></section><section class="tsd-index-section"><h3 class="tsd-index-heading">Properties</h3><div class="tsd-index-list"><a href="#state" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>state</span></a>
-</div></section></div></details></section></section><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Constructors"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h2>Constructors</h2></summary><section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="constructor"><span>constructor</span><a href="#constructor" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="constructortransition"><span class="tsd-signature-keyword">new</span> <span class="tsd-kind-constructor-signature">Transition</span><span class="tsd-signature-symbol">(</span><br/>    <span class="tsd-kind-parameter">props</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">{</span><br/>        <span class="tsd-kind-property">_classNames</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">;</span><br/>        <span class="tsd-kind-property">appear</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">;</span><br/>        <span class="tsd-kind-property">children</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">;</span><br/>        <span class="tsd-kind-property">in</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">;</span><br/>        <span class="tsd-kind-property">mountOnEnter</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">;</span><br/>        <span class="tsd-kind-property">onEnter</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">;</span><br/>        <span class="tsd-kind-property">onEntered</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">;</span><br/>        <span class="tsd-kind-property">onEntering</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">;</span><br/>        <span class="tsd-kind-property">onExit</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">;</span><br/>        <span class="tsd-kind-property">onExited</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">;</span><br/>        <span class="tsd-kind-property">onExiting</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">;</span><br/>        <span class="tsd-kind-property">timeout</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">;</span><br/>        <span class="tsd-kind-property">unmountOnExit</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">;</span><br/>    <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">,</span><br/><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">Transition</a><a href="#constructortransition" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Transition component that manages enter/exit lifecycle and calls callbacks based on state changes.</p>
-</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">props</span>: <span class="tsd-signature-symbol">{</span><br/>    <span class="tsd-kind-property">_classNames</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">;</span><br/>    <span class="tsd-kind-property">appear</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">;</span><br/>    <span class="tsd-kind-property">children</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">;</span><br/>    <span class="tsd-kind-property">in</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">;</span><br/>    <span class="tsd-kind-property">mountOnEnter</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">;</span><br/>    <span class="tsd-kind-property">onEnter</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">;</span><br/>    <span class="tsd-kind-property">onEntered</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">;</span><br/>    <span class="tsd-kind-property">onEntering</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">;</span><br/>    <span class="tsd-kind-property">onExit</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">;</span><br/>    <span class="tsd-kind-property">onExited</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">;</span><br/>    <span class="tsd-kind-property">onExiting</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">;</span><br/>    <span class="tsd-kind-property">timeout</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">;</span><br/>    <span class="tsd-kind-property">unmountOnExit</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">;</span><br/><span class="tsd-signature-symbol">}</span></span><div class="tsd-comment tsd-typography"><p>Component props.</p>
-</div><ul class="tsd-parameters"><li class="tsd-parameter"><h5><span class="tsd-kind-property">_classNames</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span></h5></li><li class="tsd-parameter"><h5><code class="tsd-tag">Optional</code><span class="tsd-kind-property">appear</span><span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">boolean</span></h5><div class="tsd-comment tsd-typography"><p>If true, run the enter transition on initial mount.</p>
-</div></li><li class="tsd-parameter"><h5><span class="tsd-kind-property">children</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span></h5><div class="tsd-comment tsd-typography"><p>Render prop receiving transition state/props.</p>
-</div></li><li class="tsd-parameter"><h5><span class="tsd-kind-property">in</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span></h5><div class="tsd-comment tsd-typography"><p>Boolean/flag indicating whether the component should be entered/shown.</p>
-</div></li><li class="tsd-parameter"><h5><code class="tsd-tag">Optional</code><span class="tsd-kind-property">mountOnEnter</span><span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">boolean</span></h5><div class="tsd-comment tsd-typography"><p>If true, mount the child only when entering.</p>
-</div></li><li class="tsd-parameter"><h5><span class="tsd-kind-property">onEnter</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span></h5><div class="tsd-comment tsd-typography"><p>Called when entering begins.</p>
-</div></li><li class="tsd-parameter"><h5><span class="tsd-kind-property">onEntered</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span></h5><div class="tsd-comment tsd-typography"><p>Called when entering completes.</p>
-</div></li><li class="tsd-parameter"><h5><span class="tsd-kind-property">onEntering</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span></h5><div class="tsd-comment tsd-typography"><p>Called while the component is entering.</p>
-</div></li><li class="tsd-parameter"><h5><span class="tsd-kind-property">onExit</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span></h5><div class="tsd-comment tsd-typography"><p>Called when exiting begins.</p>
-</div></li><li class="tsd-parameter"><h5><span class="tsd-kind-property">onExited</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span></h5><div class="tsd-comment tsd-typography"><p>Called when exiting completes.</p>
-</div></li><li class="tsd-parameter"><h5><span class="tsd-kind-property">onExiting</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span></h5><div class="tsd-comment tsd-typography"><p>Called while the component is exiting.</p>
-</div></li><li class="tsd-parameter"><h5><code class="tsd-tag">Optional</code><span class="tsd-kind-property">timeout</span><span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">any</span></h5><div class="tsd-comment tsd-typography"><p>Duration (or durations) for the transition.</p>
-</div></li><li class="tsd-parameter"><h5><code class="tsd-tag">Optional</code><span class="tsd-kind-property">unmountOnExit</span><span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">boolean</span></h5><div class="tsd-comment tsd-typography"><p>If true, unmount the child after exiting.</p>
-</div></li></ul></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">Transition</a></h4><aside class="tsd-sources"><ul><li>Defined in transition.js:61</li></ul></aside></div></li></ul></section></section></details><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h2>Properties</h2></summary><section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="state"><span>state</span><a href="#state" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">state</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div><aside class="tsd-sources"><ul><li>Defined in transition.js:85</li><li>Defined in transition.js:87</li><li>Defined in transition.js:89</li></ul></aside></section></section></details></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div><details open class="tsd-accordion tsd-page-navigation"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>On This Page</h3></summary><div class="tsd-accordion-details"><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Constructors"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Constructors</summary><div><a href="#constructor"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Constructor"><use href="../assets/icons.svg#icon-512"></use></svg><span>constructor</span></a></div></details><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Properties</summary><div><a href="#state"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>state</span></a></div></details></div></details></div><div class="site-menu"><nav class="tsd-navigation"><a href="../modules.html">Lilact</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>

package/docs/variables/jsx.transpilerConfig.html

@@ -1 +0,0 @@
-<!DOCTYPE html><html class="default" lang="en" data-base="../"><head><meta charset="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>transpilerConfig | Lilact</title><meta name="description" content="Documentation for Lilact"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script defer src="../assets/main.js"></script><script async src="../assets/icons.js" id="tsd-icons-script"></script><script async src="../assets/search.js" id="tsd-search-script"></script><script async src="../assets/navigation.js" id="tsd-nav-script"></script><script async src="../assets/hierarchy.js" id="tsd-hierarchy-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os";document.body.style.display="none";setTimeout(() => window.app?app.showPage():document.body.style.removeProperty("display"),500)</script><header class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><a href="../index.html" class="title">Lilact</a><div id="tsd-toolbar-links"></div><button id="tsd-search-trigger" class="tsd-widget" aria-label="Search"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-search"></use></svg></button><dialog id="tsd-search" aria-label="Search"><input role="combobox" id="tsd-search-input" aria-controls="tsd-search-results" aria-autocomplete="list" aria-expanded="true" autocapitalize="off" autocomplete="off" placeholder="Search the docs" maxLength="100"/><ul role="listbox" id="tsd-search-results"></ul><div id="tsd-search-status" aria-live="polite" aria-atomic="true"><div>Preparing search index...</div></div></dialog><a href="#" class="tsd-widget menu" id="tsd-toolbar-menu-trigger" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-menu"></use></svg></a></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><ul class="tsd-breadcrumb" aria-label="Breadcrumb"><li><a href="../modules/jsx.html">jsx</a></li><li><a href="" aria-current="page">transpilerConfig</a></li></ul><h1>Variable transpilerConfig<code class="tsd-tag">Const</code></h1></div><div class="tsd-signature"><span class="tsd-kind-variable">transpilerConfig</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">{</span><br/>    <span class="tsd-kind-property">addons</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">__module</span><span class="tsd-signature-symbol">;</span><br/>    <span class="tsd-kind-property">enableLabelStack</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">;</span><br/>    <span class="tsd-kind-property">func_labels</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">{}</span><span class="tsd-signature-symbol">;</span><br/>    <span class="tsd-kind-property">func_num</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span><br/>    <span class="tsd-kind-property">injectLabels</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">;</span><br/>    <span class="tsd-kind-property">preprocessorDelimiter</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">;</span><br/>    <span class="tsd-kind-property">required</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">{}</span><span class="tsd-signature-symbol">;</span><br/>    <span class="tsd-kind-property">setFunctionLabels</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">;</span><br/><span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol"> = ...</span></div><div class="tsd-type-declaration"><h4>Type Declaration</h4><ul class="tsd-parameters"><li class="tsd-parameter"><h5 id="addons"><span class="tsd-kind-property">addons</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">__module</span></h5></li><li class="tsd-parameter"><h5 id="enablelabelstack"><span class="tsd-kind-property">enableLabelStack</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span></h5></li><li class="tsd-parameter"><h5 id="func_labels"><span class="tsd-kind-property">func_labels</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">{}</span></h5></li><li class="tsd-parameter"><h5 id="func_num"><span class="tsd-kind-property">func_num</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span></h5></li><li class="tsd-parameter"><h5 id="injectlabels"><span class="tsd-kind-property">injectLabels</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span></h5></li><li class="tsd-parameter"><h5 id="preprocessordelimiter"><span class="tsd-kind-property">preprocessorDelimiter</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></h5></li><li class="tsd-parameter"><h5 id="required"><span class="tsd-kind-property">required</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">{}</span></h5></li><li class="tsd-parameter"><h5 id="setfunctionlabels"><span class="tsd-kind-property">setFunctionLabels</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span></h5></li></ul></div><aside class="tsd-sources"><ul><li>Defined in jsx.js:54</li></ul></aside></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div></div><div class="site-menu"><nav class="tsd-navigation"><a href="../modules.html">Lilact</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>