lilact 0.10.0 → 0.10.2

package/docs/static/demos/css-transition.jsx

@@ -3,8 +3,8 @@ const { CSSTransition, useState, useRef } = Lilact;
 
 Lilact.emotion.injectGlobal(`
 .test {
-  -position: absolute;
   transition: opacity 1000ms, transform 1000ms;
+  height: 2rem;
 }
 
 .test-appear  {
@@ -12,11 +12,11 @@ Lilact.emotion.injectGlobal(`
 }
 .test-enter-active, .test-enter-done  {
   opacity: 1;
-  -transform: scale(1);
+  transform: scale(2);
 }
 .test-exit-active, .test-exit-done {
   opacity: 0.2;
-  -transform: scale(0.9);
+  transform: scale(1);
 }
 
 `);
@@ -32,8 +32,8 @@ function Demo()
   for(let i=0; i<10;i++) chs.push( <div className='test'>{i}</div> );
 
   return (
-    <div>
-
+    <div style={{overflow:"hidden", textAlign: "center"}}>
+      <p> Notice that Lilact CSSTransition accepts multiple children too. </p>
       <CSSTransition in={inProp} classNames='test'
       
       onEnter={function(){console.log('onEnter', arguments)}}

package/docs/static/demos/error-boundary.jsx

@@ -5,7 +5,14 @@ function Demo() {
 
   return (
     <div>
-      Check the console for component stack!
+      <p>
+        In this example an ErrorBoundary shows a fallback on error that contains the error message.
+        <br/><br/>
+        The "Try Again" button resets the error. But the erronous state persists, 
+        unless you get to a safe state by pressing the "Safe" button and then try again.
+        <br/><br/>
+        Check the console for component stack.
+      </p>
       <div style={{ marginBottom: 12 }}>
         <button onClick={() => setMode("safe")}>Safe</button>{" "}
         <button onClick={() => setMode("direct")}>Direct-child throws</button>{" "}

package/docs/static/demos/lazy.jsx

@@ -5,6 +5,7 @@ const StopWatch = lazy( ()=>require('demos/stopwatch.jsx') );
 function Demo({file}) 
 {
 	return 	<div>
+				<p>This is the stopwatch demo, but loaded using lazy wrapper.</p>
 				<Suspense minDelay="0" minShowTime="500" fallback={<Spinner/>}>
 		      		<StopWatch/>
 				</Suspense>

package/docs/static/demos/modal.jsx

@@ -16,7 +16,7 @@ function ModalDialog({ isOpen, children }) {
 		};
 	}, [isOpen]);
 
-	return <dialog ref={ref}>{children}</dialog>;
+	return <dialog ref={ref} style={{padding: 20, borderRadius: 10, border: "none", boxShadow: "0 5px 40px #0006"}}>{children}</dialog>;
 }
 
 function Demo() {
@@ -29,6 +29,7 @@ function Demo() {
 				<ModalDialog isOpen={show}>
 					Hello there!
 					<br />
+					<br />
 					<button onClick={() => {
 						setShow(false);
 					}}>Close</button>

package/docs/static/demos/reducer.jsx

@@ -44,6 +44,7 @@ function Demo({ username })
 	);
 
 	return <>
+		<p>This is a simple to-do list using `useReducer`. Enter new entries and they will be added.</p>
 		<input
 			value={state.draft}
 			onChange={e => {

package/docs/static/demos/suspense.jsx

@@ -23,8 +23,8 @@ function createResource(delay, value) {
   };
 }
 
-const r1 = createResource(500, "First ready (500ms)");
-const r2 = createResource(1200, "Second ready (1200ms)");
+const r1 = createResource(1500, "First ready (1500ms)");
+const r2 = createResource(3000, "Second ready (3000ms)");
 
 function Child1() {
   const v = r1.read();

package/docs/static/demos/transition.jsx

@@ -8,7 +8,8 @@ function Demo() {
   };
 
   return <>
-          <p>See the console for logs.</p>
+          <p>This example doesn't actually change the visibility, but emits the events and
+            updated a text according the transition state. See the console for logs.</p>
           <div>
             <button onClick={toggleVisibility}>
               {inProp ? 'Hide Component' : 'Show Component'}

package/docs/static/demos/usedeffered.jsx

@@ -0,0 +1,33 @@
+const { useState, useDeferredValue } = Lilact;
+
+function ExpensiveList({ query }) {
+  const items = Array.from({ length: 5000 }, (_, i) => `${query} item ${i}`);
+  return (
+    <ul>
+      {items.map((it) => (
+        <li key={it}>{it}</li>
+      ))}
+    </ul>
+  );
+}
+
+function Demo() {
+  const [q, setQ] = useState("");
+  const deferredQ = useDeferredValue(q, "Item");
+
+  return (<>
+            <p>This is only a showcase of useDeferredValue. No search actually takes place, just 
+              a long list of items are loaded when you type.</p>
+            <div>
+              <input value={q} onKeyUp={(e) => setQ(e.target.value)} placeholder="Type to search..." />
+              <p>Live: {q}</p>
+              <p>Deferred: {deferredQ}</p>
+              <div style={{ height: 300, overflow: "auto", border: "1px solid #ccc" }}>
+                <ExpensiveList query={deferredQ} />
+              </div>
+            </div>
+    </>
+  );
+}
+
+module.exports = Demo;

package/docs/static/index.html

@@ -2,6 +2,8 @@
 <html>
 <head>
 	<meta charset="utf-8"/>
+	<meta name="viewport" content="width=device-width, initial-scale=1" />
+
 	<title>Lilact Demo</title>
 	<script src='./lilact.development.min.js' type="module"></script>
 
@@ -70,7 +72,9 @@ injectGlobal({
 			overflowWrap: "anywhere" 
 		},
 		p: {padding: "10px"},
-		body: {padding: "20px"}
+		body: { padding: "20px", background: "#262d36", color: "#e7e7e7" },
+		":visited": {color: "#c16480"},
+
 	});
 
 const outer = css({
@@ -78,15 +82,28 @@ const outer = css({
 	flexDirection: "row",
 	gap: 2,
 	alignItems: "stretch",
-	width: "100%",
+	width: "calc(100% - 8px)",
+	margin: "2px 4px;",
+	borderRadius: "10px",
+  	overflow: "hidden"
 });
 
 const collapsible = css({
-	width: "100%",
+	width: "calc(100% - 8px)",
 	display: "block",
 	fontSize: "16px",
-	border: "1px solid #888",
-	padding: "5px"
+	padding: "10px",
+    borderRadius: "10px",
+    border: "none",
+    margin: "4px",
+	background:"#ece9ea",
+	color: "#222",
+	":hover": {
+		background:"#ffa7c2"
+	},
+	":active": {
+		background:"#e14e7a",
+	}
 });
 
 const responsiveOuter = css({
@@ -96,31 +113,51 @@ const responsiveOuter = css({
 });
 
 const pane = css({ flex: "1 1 0",
-										border: "1px solid",
-										height: "400px",
-										minHeight: "400px",
-										overflowY: "auto",
-										padding: "10px" 
-									});
+						height: "400px",
+						minHeight: "400px",
+						overflowY: "auto",
+						padding: "10px",
+						background:"#fff",
+						color: "#222",
+						button: {
+							background:"#ece9ea",
+							padding: "10px",
+							border: "none",
+							borderRadius: "7px",
+							margin: "5px",
+							color: "#222",
+							":visited": {
+								color: "#000"
+							},
+							":hover": {
+								background:"#ffa7c2",
+								color: "#000"
+							},
+							":active": {
+								background:"#e14e7a",
+							}
+						}
+					});
 
 const left = css({ float: "left" });
 const right = css({ float: "right" });
+const demobox = css({ background: "#fff3", borderRadius: "12px", padding: "2px", margin: "4px"});
 
 
 
-function DemoView({ file }) 
+function DemoView({ entry }) 
 {
 	const [isOpen, setOpen] = useState(false);
 
 	const viewRef = useRef();
 	const codeRef = useRef();
 
-	const resource = createResource("demos/"+file[0]);
+	const resource = createResource("demos/"+entry[0]);
 	const code = resource.read(); // Suspense will handle the promise
 
 	if(isOpen) {
 		useEffect(() => {
-			const Comp = run(code, "demos/"+file[0]);
+			const Comp = run(code, "demos/"+entry[0]);
 			Lilact.render(<Comp/>, viewRef.current);
 		});
 
@@ -131,8 +168,8 @@ function DemoView({ file })
 	
 	return 	<>
 						<button onClick={()=>setOpen(!isOpen)} className={collapsible} type="button">
-							<span className={left}>{ (isOpen?'- ':'+ ') + file[0] + ' '}</span>
-							<b className={right}>{file[1]}</b>
+							<span className={left}>{ (isOpen?'- ':'+ ') + entry[0] + ' '}</span>
+							<b className={right}>{entry[1]}</b>
 						</button>
 						{isOpen &&
 						<div style={{width:"100%"}}>
@@ -148,11 +185,12 @@ function DemoView({ file })
 }
 
 
-function DemoBlock({file}) 
+function DemoBlock({entry}) 
 {
-	return <div key={file[0]}>
+	if(typeof(entry)==='string') return <h3><br/><center>{entry}</center></h3>;
+	return <div key={entry[0]} className={demobox}>
 							<Suspense fallback={<Spinner/>}>
-								<DemoView file={file} />
+								<DemoView entry={entry} />
 							</Suspense>
 					</div>
 }
@@ -160,24 +198,28 @@ function DemoBlock({file})
 
 function App()
 {
-	const demos =[	
+	const demos =[
+		"Hooks",
 		['stopwatch.jsx',				'( useState, useRef )'],
-		['pane.jsx',						'( useRef, useState, ResizablePane )'],
-		['modal.jsx',						'( useEffect, useRef, useState )'],
 		['actionstate.jsx',			'( useActionState, useState )'],
+		['usedeffered.jsx',		'( useState, useDeferredValue )'],
+		['usetransition.jsx',		'( useTransition, useState, useCallback, useId ), emotion:( css, cx )'],
+		['reducer.jsx',					'( useReducer )'],
 		['context.jsx',					'( createContext, useContext, useState ), emotion:( css, cx )'],
+		"API",
+		['lazy.jsx',						'( lazy, require, Suspene, Spinner )'],
 		['proptypes.jsx',				'( PropTypes )'],
+		['redux.jsx',						'( Provider, useSelector, useDispatch, connect ), redux:( createStore )'],
+		['transition.jsx',			'( useState, Transition )'],
+		"Components",
+		<!-- ['switch-transition.jsx',	'( SwitchTransition, useState )'], -->
 		['router.jsx',					'( HashRouter, NavLink, Routes, Route, useNavigate, useLocation )'],
-		['use-deffered.jsx',		'( useState, useDeferredValue )'],
+		['modal.jsx',						'( useEffect, useRef, useState )'],
+		['pane.jsx',						'( useRef, useState, ResizablePane )'],
 		['css-transition.jsx',		'( CSSTransition, useState, useRef )'],
-		<!-- ['switch-transition.jsx',	'( SwitchTransition, useState )'], -->
-		['usetransition.jsx',		'( useTransition, useState, useCallback, useId ), emotion:( css, cx )'],
-		['transition.jsx',			'( useState, Transition )'],
-		['reducer.jsx',					'( useReducer )'],
-		['redux.jsx',						'( Provider, useSelector, useDispatch, connect ), redux:( createStore )'],
 		['suspense.jsx',				'( Suspense, Spinner )'],
-		['lazy.jsx',						'( lazy, require, Suspene, Spinner )'],
 		['form-elements.jsx',		'()'],
+		"Error Report and Handling",
 		['error-boundary.jsx',						'( ErrorBoundary, useState )'],
 		['error-parser.jsx',							'-- JSX Parser Error --'],
 		['error-init.jsx',								'-- Error in Component initialization --'],
@@ -192,10 +234,6 @@ function App()
 
 						<p>These scripts are transpiled and run directly in your browser. You have already loaded Lilact completely!</p>
 
-						<p>These examples are not meant to be pretty.
-
-							These are bare minimum examples of the React API implemented in Lilact.</p>
-
 						<p>Note that we are using the development version here to have PropTypes warnings.
 							If you switch to production mode PropTypes won't check anything.</p>
 
@@ -206,7 +244,7 @@ function App()
 						
 						<p>See the{" "}<a href="../">Lilact Documentation</a>{" "}for more info.</p>
 						</center>
-						{demos.map((x)=><DemoBlock file={x}/>)}
+						{demos.map((x)=><DemoBlock entry={x}/>)}
 
 						<hr/>
 						<p>

package/docs/static/lilact.development.js

@@ -119,6 +119,7 @@ __webpack_require__.r(__webpack_exports__);
 // even on nasty things like the compressed version of tensorflow.js! Feel free   
 // to report any bugs, and please include a testable example. Thanks! :)
 
+// note: JSX or preprocessors are not processed inside template strings
 // todo: injected string try catchs should be generated by a function
 
 
@@ -1099,7 +1100,7 @@ function transpileJSX( jsx, {
 					if(node.type==='xml') s = s.trim();
 					if(s.length) {
 						if(node.type==='xml') {
-							node.children.splice(chi, 0, '"'+s.replaceAll("\n", "\\\n")+'"');
+							node.children.splice(chi, 0, '"'+s.replaceAll("\n", "\\\n").replaceAll("\"", "\\\"")+'"');
 						}
 						else {
 							node.children.splice(chi, 0, ...s.split(tokenize_re)); 
@@ -1272,7 +1273,7 @@ function transpileJSX( jsx, {
 
 
 
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL1VzZXJzL2FyYXNoL0Rlc2t0b3AvUHJvamVjdHMvTGlsYWN0L3NyYy9qc3guanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIvVXNlcnMvYXJhc2gvRGVza3RvcC9Qcm9qZWN0cy9MaWxhY3Qvc3JjL2pzeC5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxBQUFBOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Q0E4QkM7Q0FDQTtDQUNBO0NBQ0E7Q0FDQTs7Q0FFQTtDQUNBOztDQUVBO0NBQ0E7Q0FDQTtDQUNBO0NBQ0E7O0NBRUE7Ozs7Q0FJQTtpQ0FDZ0M7Ozs7O0VBSy9CO0VBQ0E7OEJBQzRCOzs7O3FDQUlPOzs7Ozs7O21CQU9sQjtDQUNsQjthQUNZO0lBQ1QsSUFBSTs7Ozs7O29CQU1ZO0NBQ25CO0VBQ0M7RUFDQTtFQUNBOztFQUVBOztFQUVBOzs7O09BSUssUUFBUTtLQUNWLGdCQUFpQjtLQUNqQixrQkFBa0I7Ozs7S0FJbEIsYUFBYzs7OztZQUlQOzs7OztPQUtMLG9CQUFvQjs7U0FFbEIsS0FBSzs7OztJQUlWO0lBQ0E7SUFDQTtRQUNJO1NBQ0MscUJBQXNCOztPQUV4QixtQ0FBbUM7OztTQUdqQyxJQUFJOzs7Ozs7OztzQkFRUztDQUNyQjtZQUNXOzs7OztJQUtSLHlDQUF5QztvQkFDekI7Ozs7Ozs7T0FPYixvQkFBb0I7OztTQUdsQixLQUFLOzs7TUFHUixzQ0FBc0M7O09BRXJDLG1DQUFtQzs7Ozs7O01BTXBDLGdCQUFnQjs7T0FFZixtQ0FBbUM7Ozs7Ozs7Ozs7WUFVOUI7Ozs7d0JBSVk7Q0FDdkI7O09BRU07R0FDSDs7RUFFRjs7Ozs7O0lBTUUsU0FBUzthQUNBOzs7Ozs7MEJBTWEsbUJBQW9CLEFBQUQ7Ozs7S0FJeEMsbUNBQW1DOzs7O09BSWpDOzs7UUFHQyxVQUFXOzs7S0FHZCxXQUFXO2NBQ0Y7Ozs7Ozt1QkFNUyxxQkFBc0IsQUFBRDs7O01BR3RDLG1DQUFtQzs7Ozs7WUFLN0I7Ozs7Q0FJWDtDQUNBOzsyQkFF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
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL1VzZXJzL2FyYXNoL0Rlc2t0b3AvUHJvamVjdHMvTGlsYWN0L3NyYy9qc3guanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIvVXNlcnMvYXJhc2gvRGVza3RvcC9Qcm9qZWN0cy9MaWxhY3Qvc3JjL2pzeC5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxBQUFBOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Q0E4QkM7Q0FDQTtDQUNBO0NBQ0E7Q0FDQTs7Q0FFQTtDQUNBOztDQUVBO0NBQ0E7Q0FDQTtDQUNBO0NBQ0E7O0NBRUE7Q0FDQTs7OztDQUlBO2lDQUNnQzs7Ozs7RUFLL0I7RUFDQTs4QkFDNEI7Ozs7cUNBSU87Ozs7Ozs7bUJBT2xCO0NBQ2xCO2FBQ1k7SUFDVCxJQUFJOzs7Ozs7b0JBTVk7Q0FDbkI7RUFDQztFQUNBO0VBQ0E7O0VBRUE7O0VBRUE7Ozs7T0FJSyxRQUFRO0tBQ1YsZ0JBQWlCO0tBQ2pCLGtCQUFrQjs7OztLQUlsQixhQUFjOzs7O1lBSVA7Ozs7O09BS0wsb0JBQW9COztTQUVsQixLQUFLOzs7O0lBSVY7SUFDQTtJQUNBO1FBQ0k7U0FDQyxxQkFBc0I7O09BRXhCLG1DQUFtQzs7O1NBR2pDLElBQUk7Ozs7Ozs7O3NCQVFTO0NBQ3JCO1lBQ1c7Ozs7O0lBS1IseUNBQXlDO29CQUN6Qjs7Ozs7OztPQU9iLG9CQUFvQjs7O1NBR2xCLEtBQUs7OztNQUdSLHNDQUFzQzs7T0FFckMsbUNBQW1DOzs7Ozs7TUFNcEMsZ0JBQWdCOztPQUVmLG1DQUFtQzs7Ozs7Ozs7OztZQVU5Qjs7Ozt3QkFJWTtDQUN2Qjs7T0FFTTtHQUNIOztFQUVGOzs7Ozs7SUFNRSxTQUFTO2FBQ0E7Ozs7OzswQkFNYSxtQkFBb0IsQUFBRDs7OztLQUl4QyxtQ0FBbUM7Ozs7T0FJakM7OztRQUdDLFVBQVc7OztLQUdkLFdBQVc7Y0FDRjs7Ozs7O3VCQU1TLHFCQUFzQixBQUFEOzs7TUFHdEMsbUNBQW1DOzs7OztZQUs3Qjs7OztDQUlYO0NBQ0E7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
 
 /***/ }),
 
@@ -5947,9 +5948,9 @@ function useState(initialValue)
 		if(typeof(initialValue)==='function') hk.value = initialValue();
 		else hk.value = initialValue;
 		
-		hk.set_func = function(core, hk, initialValue) {
-			if(typeof(initialValue)==='function') hk.value = initialValue(hk.value);
-			else hk.value = initialValue;
+		hk.set_func = function(core, hk, value) {
+			if(typeof(value)==='function') hk.value = value(hk.value);
+			else hk.value = value;
 
 			core.component.forceUpdate();
 		}.bind(undefined, Lilact.current_component[0], hk);
@@ -6370,7 +6371,7 @@ function useImperativeHandle(ref, factory, deps=undefined)
 
 
 
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL1VzZXJzL2FyYXNoL0Rlc2t0b3AvUHJvamVjdHMvTGlsYWN0L3NyYy9ob29rcy5qc3giLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIvVXNlcnMvYXJhc2gvRGVza3RvcC9Qcm9qZWN0cy9MaWxhY3Qvc3JjL2hvb2tzLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxBQUFBOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Q0E4QkM7OztDQUdBOzs7Ozs7O3dCQU91QjtDQUN2Qjs7O0lBR0csMENBQTBDO2tCQUMzQixBQUFEOzs7Ozs7Q0FNakI7Ozs7Ozt5QkFNd0I7Q0FDeEI7MkJBQzBCOztJQUV2QixlQUFnQixRQUFPO0tBQ3RCLE1BQU8scURBQW9EOzs7eUJBR3ZDLHlCQUF5QjtNQUM1QyxNQUFPLHFEQUFvRDs7OzhCQUduQztTQUNyQjs7Ozs7OztDQU9SOzs7Ozs7OzRCQU8yQjtDQUMzQjtJQUNHLHFCQUFzQixNQUFPLDBEQUF3RDtrQkFDdkU7OzsyQkFHUzs7SUFFdkIsZUFBZ0IsUUFBTzs7O09BR3BCO0tBQ0YsK0RBQWdFOzs7SUFHakUsY0FBYzthQUNMOzs7Ozs7OztDQVFaOzs7Ozs7OEJBTTZCO0NBQzdCO3VCQUN1QixBQUFELG9CQUFvQjs7OztTQUlsQzs7Ozs7O0NBTVI7Ozs7OzsyQkFNMEI7Q0FDMUI7OztPQUdNLGdEQUFnRDs7OztJQUluRCxjQUFjOzs7Ozs7OztDQVFqQjs7Ozs7O3NCQU1xQjtDQUNyQjsyQkFDMEI7O0lBRXZCLGVBQWdCLFFBQU87Ozs7Ozs7Q0FPMUI7Ozs7OzhCQUs2QjtDQUM3QjsyQkFDMEI7O0lBRXZCLGVBQWdCLFFBQU87Ozs7O0dBS3hCLGNBQWUsZUFBZTs7OztLQUkzQixlQUFlOzhCQUNVOzs7V0FHbkI7Ozs7S0FJTixlQUFlOzhCQUNVOzs7O1NBSXRCOzs7Ozs7Q0FNUjs7Ozs7OztnQ0FPK0I7Q0FDL0I7OzJCQUUwQjs7O01BR3JCO21CQUNhOztPQUVaLElBQUk7OztJQUdQLGtCQUFrQjtLQUNqQixNQUFPLHlEQUF3RDs7cUNBRS9COzs7SUFHakMsZUFBZ0IsUUFBTzs7eUJBRUYsZ0JBQWdCOztNQUVuQyxNQUFPLDhCQUE2Qjs7TUFFcEM7O3NDQUVnQzs7OzhCQUdSOztTQUVyQjs7Ozs7O0NBTVI7Ozs7Ozs7dUJBT3NCO0NBQ3RCOzJCQUMwQjs7SUFFdkIsZUFBZ0IsUUFBTzs7Ozs7OztDQU8xQjs7Ozs7OztnQ0FPK0I7Q0FDL0I7SUFDRyxxQkFBc0IsTUFBTywwREFBd0Q7a0JBQ3ZFOzs7MkJBR1M7O0lBRXZCLGdCQUFpQixRQUFPO0tBQ3ZCLCtEQUFnRTs7O0lBR2pFLGNBQWM7YUFDTDs7OzsyQkFJYyxDQUFFLElBQUkscUJBQXFCO21EQUNIOzs7Q0FHbEQ7Ozs7Ozs7MEJBT3lCO0NBQ3pCO0lBQ0cscUJBQXNCLE1BQU8sMERBQXdEO2tCQUN2RTs7OzJCQUdTOztJQUV2QixnQkFBaUIsUUFBTztLQUN2QiwrREFBZ0U7OztJQUdqRSxjQUFjO2FBQ0w7Ozs7bUJBSU0sQ0FBRSxJQUFJLHFCQUFxQjs7OztDQUk3Qzs7Ozs7Ozt3QkFPdUI7Q0FDdkI7SUFDRyxxQkFBc0IsTUFBTywwREFBd0Q7a0JBQ3ZFOzs7MkJBR1M7O0lBRXZCLGdCQUFpQixRQUFPO0tBQ3ZCLCtEQUFnRTs7OztvQkFJakQ7Ozs7O0NBS25COzs7Ozs7OytCQU84QjtDQUM5QjsyQkFDMEI7NERBQ2lDOztJQUV4RCxlQUFnQixRQUFPOzs7O29CQUlQLE9BQU87d0JBQ0g7O21CQUVMO1dBQ1AsS0FBSztvQ0FDb0I7NkJBQ1A7Ozs7Ozs7Ozs7OztDQVk3Qjs7Ozs7Ozs7MkJBUTBCO0NBQzFCOzJCQUMwQjs7SUFFdkIsZUFBZ0IsUUFBTzs7dUJBRUo7eUJBQ0UsbUJBQW1COzRCQUNoQjtNQUN0QixzQkFBdUIsbUJBQWtCOzsrQkFFaEI7OztTQUd0Qjs7Ozs7Ozs7Q0FRUjs7Q0FFQTs7Ozs7O2lDQU1nQztDQUNoQztRQUNPOzswQ0FFa0M7Ozs2QkFHYjsyQkFDRjs7V0FFZixBQUFELE1BQU87S0FDWjs7O0VBR0g7S0FDRyw2QkFBNkI7Ozs7O0VBS2hDO2NBQ1k7OztpQkFHRyxPQUFRLEFBQUQsTUFBTztLQUN6QjtFQUNIO2FBQ1c7Ozs7U0FJTCxNQUFNO01BQ1QscUJBQXFCOzs7Ozs7Ozs7O0NBVTNCOzs7Ozs7Ozs7Ozs7O29DQWFtQztDQUNuQztJQUNHLGdFQUFpRTs7OzttQkFJbEQsQ0FBRSxJQUFJO0lBQ3BCLG1DQUFtQztpQkFDdEI7O2VBRUYscUJBQXNCIn0=
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL1VzZXJzL2FyYXNoL0Rlc2t0b3AvUHJvamVjdHMvTGlsYWN0L3NyYy9ob29rcy5qc3giLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIvVXNlcnMvYXJhc2gvRGVza3RvcC9Qcm9qZWN0cy9MaWxhY3Qvc3JjL2hvb2tzLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxBQUFBOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Q0E4QkM7OztDQUdBOzs7Ozs7O3dCQU91QjtDQUN2Qjs7O0lBR0csMENBQTBDO2tCQUMzQixBQUFEOzs7Ozs7Q0FNakI7Ozs7Ozt5QkFNd0I7Q0FDeEI7MkJBQzBCOztJQUV2QixlQUFnQixRQUFPO0tBQ3RCLE1BQU8scURBQW9EOzs7eUJBR3ZDLGtCQUFrQjtNQUNyQyxNQUFPLHVDQUFzQzs7OzhCQUdyQjtTQUNyQjs7Ozs7OztDQU9SOzs7Ozs7OzRCQU8yQjtDQUMzQjtJQUNHLHFCQUFzQixNQUFPLDBEQUF3RDtrQkFDdkU7OzsyQkFHUzs7SUFFdkIsZUFBZ0IsUUFBTzs7O09BR3BCO0tBQ0YsK0RBQWdFOzs7SUFHakUsY0FBYzthQUNMOzs7Ozs7OztDQVFaOzs7Ozs7OEJBTTZCO0NBQzdCO3VCQUN1QixBQUFELG9CQUFvQjs7OztTQUlsQzs7Ozs7O0NBTVI7Ozs7OzsyQkFNMEI7Q0FDMUI7OztPQUdNLGdEQUFnRDs7OztJQUluRCxjQUFjOzs7Ozs7OztDQVFqQjs7Ozs7O3NCQU1xQjtDQUNyQjsyQkFDMEI7O0lBRXZCLGVBQWdCLFFBQU87Ozs7Ozs7Q0FPMUI7Ozs7OzhCQUs2QjtDQUM3QjsyQkFDMEI7O0lBRXZCLGVBQWdCLFFBQU87Ozs7O0dBS3hCLGNBQWUsZUFBZTs7OztLQUkzQixlQUFlOzhCQUNVOzs7V0FHbkI7Ozs7S0FJTixlQUFlOzhCQUNVOzs7O1NBSXRCOzs7Ozs7Q0FNUjs7Ozs7OztnQ0FPK0I7Q0FDL0I7OzJCQUUwQjs7O01BR3JCO21CQUNhOztPQUVaLElBQUk7OztJQUdQLGtCQUFrQjtLQUNqQixNQUFPLHlEQUF3RDs7cUNBRS9COzs7SUFHakMsZUFBZ0IsUUFBTzs7eUJBRUYsZ0JBQWdCOztNQUVuQyxNQUFPLDhCQUE2Qjs7TUFFcEM7O3NDQUVnQzs7OzhCQUdSOztTQUVyQjs7Ozs7O0NBTVI7Ozs7Ozs7dUJBT3NCO0NBQ3RCOzJCQUMwQjs7SUFFdkIsZUFBZ0IsUUFBTzs7Ozs7OztDQU8xQjs7Ozs7OztnQ0FPK0I7Q0FDL0I7SUFDRyxxQkFBc0IsTUFBTywwREFBd0Q7a0JBQ3ZFOzs7MkJBR1M7O0lBRXZCLGdCQUFpQixRQUFPO0tBQ3ZCLCtEQUFnRTs7O0lBR2pFLGNBQWM7YUFDTDs7OzsyQkFJYyxDQUFFLElBQUkscUJBQXFCO21EQUNIOzs7Q0FHbEQ7Ozs7Ozs7MEJBT3lCO0NBQ3pCO0lBQ0cscUJBQXNCLE1BQU8sMERBQXdEO2tCQUN2RTs7OzJCQUdTOztJQUV2QixnQkFBaUIsUUFBTztLQUN2QiwrREFBZ0U7OztJQUdqRSxjQUFjO2FBQ0w7Ozs7bUJBSU0sQ0FBRSxJQUFJLHFCQUFxQjs7OztDQUk3Qzs7Ozs7Ozt3QkFPdUI7Q0FDdkI7SUFDRyxxQkFBc0IsTUFBTywwREFBd0Q7a0JBQ3ZFOzs7MkJBR1M7O0lBRXZCLGdCQUFpQixRQUFPO0tBQ3ZCLCtEQUFnRTs7OztvQkFJakQ7Ozs7O0NBS25COzs7Ozs7OytCQU84QjtDQUM5QjsyQkFDMEI7NERBQ2lDOztJQUV4RCxlQUFnQixRQUFPOzs7O29CQUlQLE9BQU87d0JBQ0g7O21CQUVMO1dBQ1AsS0FBSztvQ0FDb0I7NkJBQ1A7Ozs7Ozs7Ozs7OztDQVk3Qjs7Ozs7Ozs7MkJBUTBCO0NBQzFCOzJCQUMwQjs7SUFFdkIsZUFBZ0IsUUFBTzs7dUJBRUo7eUJBQ0UsbUJBQW1COzRCQUNoQjtNQUN0QixzQkFBdUIsbUJBQWtCOzsrQkFFaEI7OztTQUd0Qjs7Ozs7Ozs7Q0FRUjs7Q0FFQTs7Ozs7O2lDQU1nQztDQUNoQztRQUNPOzswQ0FFa0M7Ozs2QkFHYjsyQkFDRjs7V0FFZixBQUFELE1BQU87S0FDWjs7O0VBR0g7S0FDRyw2QkFBNkI7Ozs7O0VBS2hDO2NBQ1k7OztpQkFHRyxPQUFRLEFBQUQsTUFBTztLQUN6QjtFQUNIO2FBQ1c7Ozs7U0FJTCxNQUFNO01BQ1QscUJBQXFCOzs7Ozs7Ozs7O0NBVTNCOzs7Ozs7Ozs7Ozs7O29DQWFtQztDQUNuQztJQUNHLGdFQUFpRTs7OzttQkFJbEQsQ0FBRSxJQUFJO0lBQ3BCLG1DQUFtQztpQkFDdEI7O2VBRUYscUJBQXNCIn0=
 // EXTERNAL MODULE: ./src/run.jsx
 var run = __webpack_require__(861);
 ;// ./src/timers.jsx
@@ -8547,8 +8548,8 @@ const ResizablePane = forwardRef(function ResizablePane(
 
   const splitterComputed =
     internalMode === "horizontal"
-      ? { width: `${splitterSize}px`, height: '100%', flex: `0 0 ${splitterSize}px`, background: "rgba(0,0,0,0.08)", cursor: "col-resize", ...(splitterStyle || {}) }
-      : { height: `${splitterSize}px`, width: '100%', flex: `0 0 ${splitterSize}px`, background: "rgba(0,0,0,0.08)", cursor: "row-resize", ...(splitterStyle || {}) };
+      ? { width: `${splitterSize}px`, transform: "translateX(-50%)", height: '100%', flex: `0 0 ${splitterSize}px`, background: "rgba(0,0,0,0.08)", cursor: "col-resize", ...(splitterStyle || {}) }
+      : { height: `${splitterSize}px`, transform: "translateY(-50%)", width: '100%', flex: `0 0 ${splitterSize}px`, background: "rgba(0,0,0,0.08)", cursor: "row-resize", ...(splitterStyle || {}) };
 
   const dividerVisualStyle =
     internalMode === "horizontal"
@@ -8573,7 +8574,7 @@ const ResizablePane = forwardRef(function ResizablePane(
 
 
 
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL1VzZXJzL2FyYXNoL0Rlc2t0b3AvUHJvamVjdHMvTGlsYWN0L3NyYy9wYW5lLmpzeCIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi9Vc2Vycy9hcmFzaC9EZXNrdG9wL1Byb2plY3RzL0xpbGFjdC9zcmMvcGFuZS5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTztRQUNDOzs7ZUFHTyxpQkFBaUI7TUFDMUIsZ0JBQWlCO2tCQUNMLGFBQWM7OztDQUcvQjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozt3Q0F1RHVDLHNCQUF1QjtDQUM1RDs7YUFFWTs7Ozs7Ozs7Ozs7Ozs7RUFjWjs2QkFDMkI7Z0NBQ0c7Ozs7OztrREFNa0I7O3dEQUVPLEFBQUQ7UUFDL0M7Ozs7Ozs7V0FPRyxBQUFELE1BQU87TUFDWCw4QkFBOEI7OztFQUduQztpQkFDZ0IsQUFBRCxNQUFPO01BQ2pCO3FCQUNnQixBQUFELFlBQWE7OzswQ0FHTzs7c0JBRXBCLFVBQVU7eUJBQ1A7T0FDbEIsa0NBQWtDO2tCQUN2Qjs7OzRCQUdVOzZCQUNDOzsyQkFFRixzQkFBc0I7O09BRTFDOzt5Q0FFa0M7O09BRWxDLGdDQUFnQzs7U0FFOUIsZ0JBQWlCLGtDQUFpQztrQkFDekM7U0FDVCxnQkFBaUI7aUJBQ1Q7V0FDTjs7U0FFRixnQkFBaUIsa0NBQWlDO2tCQUN6QztTQUNULGdCQUFpQjtpQkFDVDs7OztFQUlmO1dBQ1UsQUFBRCxNQUFPO2tCQUNDLE9BQU87UUFDakI7UUFDQTtxQkFDYTs7O2dCQUdMLE9BQU87UUFDZjtRQUNBOzs7OzswQkFLa0IsdUJBQXdCOzBCQUN4QixtQkFBb0I7MEJBQ3BCLHVCQUF3Qjs7VUFFeEMsTUFBTTsrQkFDZTsrQkFDQTsrQkFDQTs7c0JBRVY7O3dCQUVFLE9BQU87T0FDeEI7b0JBQ2E7Ozs7O1FBS1o7eUNBQ2lDO1lBQzdCOztvQkFFUSx3QkFBd0I7OztvQkFHeEIsT0FBTzs7OztPQUlwQixnQ0FBZ0M7U0FDOUI7U0FDQTtXQUNFO1NBQ0Y7U0FDQTs7O09BR0YsY0FBYztzQkFDQztpQkFDTDs7Ozt1QkFJTyxBQUFELE1BQU87OztVQUduQjs7O29CQUdTOzs7Ozs7T0FNYixTQUFVOzs7Ozs7UUFNVCwyRUFBMkUsaUJBQWtCO1FBQzdGLDRFQUE0RSxpQkFBa0I7Ozs7UUFJOUYsaUVBQWlFLGtCQUFtQjtRQUNwRixrRUFBa0Usa0JBQW1COzs7O1FBSXJGLHNJQUFzSSxpQkFBa0I7UUFDeEosc0lBQXNJLGlCQUFrQjs7OztRQUl4SjtRQUNBOztxQkFFYSxLQUFNLE1BQU8sQUFBRDs7V0FFcEIsNkJBQTZCO2VBQ3pCO1dBQ0o7OztTQUdKO0dBQ0wsaUVBQ0UsMkJBQThCLDBDQUU5Qjs7O0tBZUUsMkZBR0YsNEJBQStCIn0=
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL1VzZXJzL2FyYXNoL0Rlc2t0b3AvUHJvamVjdHMvTGlsYWN0L3NyYy9wYW5lLmpzeCIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi9Vc2Vycy9hcmFzaC9EZXNrdG9wL1Byb2plY3RzL0xpbGFjdC9zcmMvcGFuZS5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTztRQUNDOzs7ZUFHTyxpQkFBaUI7TUFDMUIsZ0JBQWlCO2tCQUNMLGFBQWM7OztDQUcvQjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozt3Q0F1RHVDLHNCQUF1QjtDQUM1RDs7YUFFWTs7Ozs7Ozs7Ozs7Ozs7RUFjWjs2QkFDMkI7Z0NBQ0c7Ozs7OztrREFNa0I7O3dEQUVPLEFBQUQ7UUFDL0M7Ozs7Ozs7V0FPRyxBQUFELE1BQU87TUFDWCw4QkFBOEI7OztFQUduQztpQkFDZ0IsQUFBRCxNQUFPO01BQ2pCO3FCQUNnQixBQUFELFlBQWE7OzswQ0FHTzs7c0JBRXBCLFVBQVU7eUJBQ1A7T0FDbEIsa0NBQWtDO2tCQUN2Qjs7OzRCQUdVOzZCQUNDOzsyQkFFRixzQkFBc0I7O09BRTFDOzt5Q0FFa0M7O09BRWxDLGdDQUFnQzs7U0FFOUIsZ0JBQWlCLGtDQUFpQztrQkFDekM7U0FDVCxnQkFBaUI7aUJBQ1Q7V0FDTjs7U0FFRixnQkFBaUIsa0NBQWlDO2tCQUN6QztTQUNULGdCQUFpQjtpQkFDVDs7OztFQUlmO1dBQ1UsQUFBRCxNQUFPO2tCQUNDLE9BQU87UUFDakI7UUFDQTtxQkFDYTs7O2dCQUdMLE9BQU87UUFDZjtRQUNBOzs7OzswQkFLa0IsdUJBQXdCOzBCQUN4QixtQkFBb0I7MEJBQ3BCLHVCQUF3Qjs7VUFFeEMsTUFBTTsrQkFDZTsrQkFDQTsrQkFDQTs7c0JBRVY7O3dCQUVFLE9BQU87T0FDeEI7b0JBQ2E7Ozs7O1FBS1o7eUNBQ2lDO1lBQzdCOztvQkFFUSx3QkFBd0I7OztvQkFHeEIsT0FBTzs7OztPQUlwQixnQ0FBZ0M7U0FDOUI7U0FDQTtXQUNFO1NBQ0Y7U0FDQTs7O09BR0YsY0FBYztzQkFDQztpQkFDTDs7Ozt1QkFJTyxBQUFELE1BQU87OztVQUduQjs7O29CQUdTOzs7Ozs7T0FNYixTQUFVOzs7Ozs7UUFNVCwyRUFBMkUsaUJBQWtCO1FBQzdGLDRFQUE0RSxpQkFBa0I7Ozs7UUFJOUYsaUVBQWlFLGtCQUFtQjtRQUNwRixrRUFBa0Usa0JBQW1COzs7O1FBSXJGLHFLQUFxSyxpQkFBa0I7UUFDdkwscUtBQXFLLGlCQUFrQjs7OztRQUl2TDtRQUNBOztxQkFFYSxLQUFNLE1BQU8sQUFBRDs7V0FFcEIsNkJBQTZCO2VBQ3pCO1dBQ0o7OztTQUdKO0dBQ0wsaUVBQ0UsMkJBQThCLDBDQUU5Qjs7O0tBZUUsMkZBR0YsNEJBQStCIn0=
 // EXTERNAL MODULE: ./src/jsx.js
 var jsx = __webpack_require__(207);
 ;// ./src/lilact.jsx