lilact 0.23.0 → 0.24.0

package/dist/lilact.development.js

@@ -1679,6 +1679,323 @@ var css = _createEmotion.css;
 var sheet = _createEmotion.sheet;
 var cache = _createEmotion.cache;
 
+// .tmp/src/misc.jsx
+var misc_exports = {};
+__export(misc_exports, {
+  Children: () => Children,
+  Fragment: () => Fragment2,
+  Portal: () => Portal,
+  deepEqual: () => deepEqual,
+  eval_num: () => eval_num,
+  findDOMNode: () => findDOMNode,
+  forwardRef: () => forwardRef,
+  getComponentByPointer: () => getComponentByPointer,
+  id_num: () => id_num,
+  isAsync: () => isAsync,
+  isClass: () => isClass,
+  isEmpty: () => isEmpty,
+  isError: () => isError2,
+  isThenable: () => isThenable,
+  isValidComponent: () => isValidComponent,
+  isValidElement: () => isValidElement,
+  shallowEqual: () => shallowEqual,
+  toBool: () => toBool
+});
+
+// .tmp/src/symbols.jsx
+var [
+  CORE,
+  COMPONENT,
+  TEXT2,
+  IS_ZOMBIE,
+  IDX,
+  CHILD_CLASS_ADDENDUM,
+  MEMOIZED,
+  LAZY,
+  DUE,
+  REPEAT,
+  CLEARED,
+  INTERVAL,
+  CALLBACK,
+  ARGS
+] = [
+  /* @__PURE__ */ Symbol.for("LILACT:CORE"),
+  /* @__PURE__ */ Symbol.for("LILACT:COMPONENT"),
+  /* @__PURE__ */ Symbol.for("LILACT:TEXT"),
+  /* @__PURE__ */ Symbol.for("LILACT:IS_ZOMBIE"),
+  /* @__PURE__ */ Symbol.for("LILACT:IDX"),
+  /* @__PURE__ */ Symbol.for("LILACT:CHILD_CLASS_ADDENDUM"),
+  /* @__PURE__ */ Symbol.for("LILACT:MEMOIZED"),
+  /* @__PURE__ */ Symbol.for("LILACT:LAZY"),
+  /* @__PURE__ */ Symbol.for("LILACT:TIMERS:DUE"),
+  /* @__PURE__ */ Symbol.for("LILACT:TIMERS:REPEAT"),
+  /* @__PURE__ */ Symbol.for("LILACT:TIMERS:CLEARED"),
+  /* @__PURE__ */ Symbol.for("LILACT:TIMERS:INTERVAL"),
+  /* @__PURE__ */ Symbol.for("LILACT:TIMERS:CALLBACK"),
+  /* @__PURE__ */ Symbol.for("LILACT:TIMERS:ARGS")
+];
+
+// .tmp/src/misc.jsx
+var typeOf = (input) => {
+  const rawObject = Object.prototype.toString.call(input).toLowerCase();
+  const typeOfRegex = /\[object (.*)]/g;
+  const type = typeOfRegex.exec(rawObject)[1];
+  return type;
+};
+var isValidComponent = (value) => {
+  return value[CORE] !== void 0 || value[TEXT] !== void 0;
+};
+var isValidElement = isValidComponent;
+var findDOMNode = (component) => {
+  var _a, _b;
+  if (!((_b = (_a = component[CORE]) == null ? void 0 : _a.element) == null ? void 0 : _b.parentNode)) throw new Error("findDOMNode only works on mounted components.");
+  return component[CORE].element;
+};
+function Fragment2({ children }) {
+  return children;
+}
+Fragment2.displayName = "Fragment";
+function Portal({ children, view }) {
+  this[CORE].portal = view;
+  return children;
+}
+Portal.displayName = "Portal";
+var Children = {
+  /**
+   * @param {any} x
+   * @returns {boolean}
+   */
+  _isNil(x) {
+    return x === null || x === void 0;
+  },
+  /**
+   * Recursively flattens nested arrays into `out`, omitting null/undefined.
+   * @param {Array<any>} out
+   * @param {any} input
+   */
+  _flattenInto(out, input) {
+    if (this._isNil(input)) return;
+    if (Array.isArray(input)) {
+      for (const v of input) this._flattenInto(out, v);
+      return;
+    }
+    out.push(input);
+  },
+  /**
+   * Converts an iterable children collection into a flat array,
+   * omitting `null`/`undefined`.
+   *
+   * @param {Iterable<any>} children
+   * @returns {Array<any>}
+   */
+  toArray(children) {
+    const out = [];
+    if (!children) return out;
+    for (const item of children) {
+      this._flattenInto(out, item);
+    }
+    return out;
+  },
+  /**
+   * Returns the number of non-null/undefined children (after flattening).
+   * @param {Iterable<any>} children
+   * @returns {number}
+   */
+  count(children) {
+    return this.toArray(children).length;
+  },
+  /**
+   * Returns the single child from a children collection (after flattening & omitting nil),
+   * or throws if the remaining count is not exactly 1.
+   *
+   * @param {Iterable<any>} children
+   * @returns {any}
+   */
+  only(children) {
+    const arr = this.toArray(children);
+    if (arr.length !== 1) {
+      throw new Error(
+        arr.length === 0 ? "Expected exactly one child, but received none." : "Expected exactly one child, but received more than one."
+      );
+    }
+    return arr[0];
+  },
+  /**
+   * Maps over children (after flattening & omitting nil).
+   *
+   * @param {Iterable<any>} children
+   * @param {(child:any, index:number)=>any} fn
+   * @returns {Array<any>}
+   */
+  map(children, fn) {
+    const arr = this.toArray(children);
+    const out = [];
+    for (let i2 = 0; i2 < arr.length; i2++) out.push(fn(arr[i2], i2));
+    return out;
+  },
+  /**
+   * Iterates over children (after flattening & omitting nil).
+   * @param {Iterable<any>} children
+   * @param {(child:any, index:number)=>void} fn
+   */
+  forEach(children, fn) {
+    const arr = this.toArray(children);
+    for (let i2 = 0; i2 < arr.length; i2++) fn(arr[i2], i2);
+  },
+  /**
+   * Finds the first child for which predicate returns true.
+   *
+   * @param {Iterable<any>} children
+   * @param {(child:any, index:number)=>boolean} predicate
+   * @returns {any|undefined}
+   */
+  find(children, predicate) {
+    const arr = this.toArray(children);
+    for (let i2 = 0; i2 < arr.length; i2++) {
+      if (predicate(arr[i2], i2)) return arr[i2];
+    }
+    return void 0;
+  },
+  /**
+   * Finds exactly one matching child.
+   * Throws if matched count is not exactly 1.
+   *
+   * @param {Iterable<any>} children
+   * @param {(child:any, index:number)=>boolean} predicate
+   * @returns {any}
+   */
+  pickOne(children, predicate) {
+    const arr = this.toArray(children);
+    let found;
+    let matches = 0;
+    for (let i2 = 0; i2 < arr.length; i2++) {
+      if (predicate(arr[i2], i2)) {
+        matches++;
+        found = arr[i2];
+        if (matches > 1) break;
+      }
+    }
+    if (matches !== 1) {
+      throw new Error(
+        matches === 0 ? "pickOne expected exactly one matching child, but matched none." : "pickOne expected exactly one matching child, but matched multiple."
+      );
+    }
+    return found;
+  },
+  /**
+   * Returns the first non-nil child (after flattening), or undefined.
+   * @param {Iterable<any>} children
+   * @returns {any|undefined}
+   */
+  first(children) {
+    const arr = this.toArray(children);
+    return arr[0];
+  },
+  /**
+   * Returns the last non-nil child (after flattening), or undefined.
+   * @param {Iterable<any>} children
+   * @returns {any|undefined}
+   */
+  last(children) {
+    const arr = this.toArray(children);
+    return arr.length ? arr[arr.length - 1] : void 0;
+  }
+};
+var forwardRef = (render2) => {
+  const forwarded = function(props, ref) {
+    return render2({ ...props, ref: void 0 }, ref);
+  };
+  forwarded.displayName = "Forwarded " + render2.displayName;
+  return forwarded;
+};
+function getComponentByPointer() {
+  let resolve_func;
+  const pr = new Promise((res2, rej) => {
+    resolve_func = res2;
+  });
+  function click_handler(event2) {
+    event2.stopImmediatePropagation();
+    window.removeEventListener("click", click_handler, true);
+    let t = event2.target;
+    while (!t[COMPONENT] && t.parentNode) {
+      t = t.parentNode;
+    }
+    resolve_func(t[COMPONENT]);
+    return false;
+  }
+  window.addEventListener("click", click_handler, true);
+  return pr;
+}
+function isEmpty(value) {
+  for (let i2 in value) return false;
+  return true;
+}
+var shallowEqual = (source, target, ignore) => {
+  if (typeOf(source) !== typeOf(target)) {
+    return false;
+  }
+  if (typeOf(source) === "array") {
+    if (source.length !== target.length) {
+      return false;
+    }
+    return source.every((el, index2) => el === target[index2] || index2 === ignore);
+  } else if (typeOf(source) === "object") {
+    return Object.keys(source).every((key) => source[key] === target[key] || key === ignore);
+  } else if (typeOf(source) === "date") {
+    return source.getTime() === target.getTime();
+  }
+  return source === target;
+};
+function deepEqual(source, target) {
+  if (typeOf(source) !== typeOf(target)) {
+    return false;
+  }
+  if (typeOf(source) === "array") {
+    if (source.length !== target.length) {
+      return false;
+    }
+    return source.every((entry, index2) => deepEqual(entry, target[index2]));
+  } else if (typeOf(source) === "object") {
+    if (Object.keys(source).length !== Object.keys(target).length) {
+      return false;
+    }
+    return Object.keys(source).every(
+      (key) => deepEqual(source[key], target[key])
+    );
+  } else if (typeOf(source) === "date") {
+    return source.getTime() === target.getTime();
+  }
+  return source === target;
+}
+function isClass(value) {
+  if (!(value && value.constructor === Function) || value.prototype === void 0)
+    return false;
+  if (Function.prototype !== Object.getPrototypeOf(value))
+    return true;
+  return Object.getOwnPropertyNames(value.prototype).length > 1;
+}
+function isAsync(value) {
+  return typeof value === "function" && value.constructor && value.constructor.name === "AsyncFunction";
+}
+function isThenable(value) {
+  return value && (typeof value === "object" || typeof value === "function") && typeof value.then === "function";
+}
+function isError2(value) {
+  return value instanceof Error || Object.prototype.toString.call(value) === "[object Error]";
+}
+function toBool(value) {
+  if (typeof value === "boolean") return value;
+  if (typeof value === "number") return value !== 0;
+  if (typeof value === "string") {
+    value = value.trim().toLowerCase();
+    if (value === "true") return true;
+    if (value === "false") return false;
+  }
+  return Boolean(value);
+}
+var id_num = Math.floor(Math.random() * 1e4);
+var eval_num = 0;
+
 // .tmp/src/proptypes.jsx
 function isNullOrUndefined(v) {
   return v === null || v === void 0;
@@ -1690,6 +2007,17 @@ function defaultGetDisplayName(x) {
   if (!x) return "Unknown";
   return x.displayName || x.name || "Unknown";
 }
+function isNode(x) {
+  if (x === null || x === void 0) return true;
+  if (x === false || x === true) return true;
+  if (typeof x === "string" || typeof x === "number") return true;
+  if (isValidComponent(x)) return true;
+  if (Array.isArray(x)) return x.every(isNode);
+  return false;
+}
+function isValidElementType(x) {
+  return typeof x === "function" || typeof x === "string";
+}
 function createPrimitiveValidator(typeCheck) {
   const validator = function validate(props, propName, componentName, location, propFullName, secret) {
     const value = props[propName];
@@ -1737,6 +2065,14 @@ function createPropTypes() {
   PropTypes2.string.expectedType = "string";
   PropTypes2.symbol = createPrimitiveValidator((v) => typeof v === "symbol");
   PropTypes2.symbol.expectedType = "symbol";
+  PropTypes2.component = createPrimitiveValidator((v) => isValidComponent(v));
+  PropTypes2.component.expectedType = "component";
+  PropTypes2.element = createPrimitiveValidator((v) => isValidComponent(v));
+  PropTypes2.element.expectedType = "element";
+  PropTypes2.node = createPrimitiveValidator((v) => isNode(v));
+  PropTypes2.node.expectedType = "node";
+  PropTypes2.elementType = createPrimitiveValidator((v) => isValidElementType(v));
+  PropTypes2.elementType.expectedType = "elementType";
   PropTypes2.oneOf = function oneOf(values) {
     const allowed = Array.isArray(values) ? values : [];
     const validator = function validateOneOf(props, propName, componentName, location, propFullName) {
@@ -1841,92 +2177,7 @@ function createPropTypes() {
       }
       return null;
     };
-    validator.isRequired = function validateObjectOfRequired(props, propName, componentName, location, propFullName) {
-      if (isNullOrUndefined(props[propName])) {
-        return new Error(
-          `The ${location} \`${propFullName}\` is marked as required in \`${formatComponentName(componentName)}\`, but its value is \`${props[propName]}\`.`
-        );
-      }
-      return validator(props, propName, componentName, location, propFullName);
-    };
-    return validator;
-  };
-  function makeShapeValidator(spec, { exact }) {
-    const keys = spec ? Object.keys(spec) : [];
-    const validator = function validateShapeLike(props, propName, componentName, location, propFullName) {
-      const value = props[propName];
-      const propIsMissing = isNullOrUndefined(value);
-      if (propIsMissing) return null;
-      if (typeof value !== "object" || value === null || Array.isArray(value)) {
-        return new Error(
-          `Invalid ${location} \`${propFullName}\` of type \`${typeof value}\` supplied to \`${formatComponentName(componentName)}\`, expected an object.`
-        );
-      }
-      if (exact) {
-        const valueKeys = Object.keys(value);
-        for (let i2 = 0; i2 < valueKeys.length; i2++) {
-          const k = valueKeys[i2];
-          if (!Object.prototype.hasOwnProperty.call(spec, k)) {
-            const keyPath = `${propFullName}.${k}`;
-            return new Error(
-              `Invalid ${location} \`${keyPath}\` supplied to \`${formatComponentName(componentName)}\`: extra key \`${k}\` is not allowed by exact().`
-            );
-          }
-        }
-      }
-      for (let i2 = 0; i2 < keys.length; i2++) {
-        const k = keys[i2];
-        const specValidator = spec[k];
-        const nestedVal = value[k];
-        const nestedPath = `${propFullName}.${k}`;
-        if (isNullOrUndefined(nestedVal)) {
-          const err2 = specValidator(
-            { [propName]: nestedVal },
-            propName,
-            componentName,
-            location,
-            nestedPath
-          );
-          if (err2 !== null) return err2;
-          continue;
-        }
-        const err = specValidator(
-          { [propName]: nestedVal },
-          propName,
-          componentName,
-          location,
-          nestedPath
-        );
-        if (err !== null) return err;
-      }
-      return null;
-    };
-    validator.isRequired = function validateShapeLikeRequired(props, propName, componentName, location, propFullName) {
-      if (isNullOrUndefined(props[propName])) {
-        return new Error(
-          `The ${location} \`${propFullName}\` is marked as required in \`${formatComponentName(componentName)}\`, but its value is \`${props[propName]}\`.`
-        );
-      }
-      return validator(props, propName, componentName, location, propFullName);
-    };
-    return validator;
-  }
-  PropTypes2.shape = function shape(spec) {
-    return makeShapeValidator(spec, { exact: false });
-  };
-  PropTypes2.exact = function exact(spec) {
-    return makeShapeValidator(spec, { exact: true });
-  };
-  PropTypes2.instanceOf = function instanceOf(ClassOrConstructor) {
-    const validator = function validateInstanceOf(props, propName, componentName, location, propFullName) {
-      const value = props[propName];
-      if (isNullOrUndefined(value)) return null;
-      if (value instanceof ClassOrConstructor) return null;
-      return new Error(
-        `Invalid ${location} \`${propFullName}\` supplied to \`${formatComponentName(componentName)}\`: expected instance of \`${defaultGetDisplayName(ClassOrConstructor)}\`.`
-      );
-    };
-    validator.isRequired = function validateInstanceOfRequired(props, propName, componentName, location, propFullName) {
+    validator.isRequired = function validateObjectOfRequired(props, propName, componentName, location, propFullName) {
       if (isNullOrUndefined(props[propName])) {
         return new Error(
           `The ${location} \`${propFullName}\` is marked as required in \`${formatComponentName(componentName)}\`, but its value is \`${props[propName]}\`.`
@@ -1936,383 +2187,151 @@ function createPropTypes() {
     };
     return validator;
   };
-  const warningCache = /* @__PURE__ */ new Set();
-  PropTypes2.checkPropTypes = function checkPropTypes(typeSpecs, values, location, componentName) {
-    if (false) return;
-    if (!typeSpecs) return;
-    const specs = typeSpecs;
-    const component = formatComponentName(componentName);
-    const typeSpecKeys = Object.keys(specs);
-    for (let i2 = 0; i2 < typeSpecKeys.length; i2++) {
-      const propKey = typeSpecKeys[i2];
-      const validator = specs[propKey];
-      if (typeof validator !== "function") continue;
-      const fullName = propKey;
-      const err = validator(values || {}, propKey, component, location, fullName);
-      if (err instanceof Error) {
-        const cacheKey = `${component}|${location}|${propKey}|${err.message}`;
-        if (warningCache.has(cacheKey)) continue;
-        warningCache.add(cacheKey);
-        if (typeof console !== "undefined" && console.error) {
-          console.error(
-            `Warning: Failed prop type: ${err.message}`
-          );
-        }
-      }
-    }
-  };
-  return PropTypes2;
-}
-var PropTypes = createPropTypes();
-
-// .tmp/src/components.jsx
-var components_exports = {};
-__export(components_exports, {
-  Component: () => Component,
-  HTMLComponent: () => HTMLComponent,
-  RootComponent: () => RootComponent,
-  boolean_html_attributes_set: () => boolean_html_attributes_set,
-  capture_events_set: () => capture_events_set,
-  cloneComponent: () => cloneComponent,
-  cloneElement: () => cloneElement,
-  createComponent: () => createComponent2,
-  createElement: () => createElement,
-  createPortal: () => createPortal,
-  createRoot: () => createRoot,
-  current_component: () => current_component,
-  effect_timeout: () => effect_timeout,
-  events_set: () => events_set,
-  insertion_effects: () => insertion_effects,
-  layout_effects: () => layout_effects,
-  length_css_attributes_set: () => length_css_attributes_set,
-  memo: () => memo,
-  passive_effects: () => passive_effects,
-  processEffects: () => processEffects,
-  render: () => render,
-  roots: () => roots,
-  special_attributes: () => special_attributes,
-  update_cbs: () => update_cbs,
-  update_interval_margin: () => update_interval_margin,
-  update_set: () => update_set,
-  update_timeout: () => update_timeout
-});
-
-// .tmp/src/symbols.jsx
-var [
-  CORE,
-  COMPONENT,
-  TEXT2,
-  IS_ZOMBIE,
-  IDX,
-  CHILD_CLASS_ADDENDUM,
-  MEMOIZED,
-  LAZY,
-  DUE,
-  REPEAT,
-  CLEARED,
-  INTERVAL,
-  CALLBACK,
-  ARGS
-] = [
-  /* @__PURE__ */ Symbol.for("LILACT:CORE"),
-  /* @__PURE__ */ Symbol.for("LILACT:COMPONENT"),
-  /* @__PURE__ */ Symbol.for("LILACT:TEXT"),
-  /* @__PURE__ */ Symbol.for("LILACT:IS_ZOMBIE"),
-  /* @__PURE__ */ Symbol.for("LILACT:IDX"),
-  /* @__PURE__ */ Symbol.for("LILACT:CHILD_CLASS_ADDENDUM"),
-  /* @__PURE__ */ Symbol.for("LILACT:MEMOIZED"),
-  /* @__PURE__ */ Symbol.for("LILACT:LAZY"),
-  /* @__PURE__ */ Symbol.for("LILACT:TIMERS:DUE"),
-  /* @__PURE__ */ Symbol.for("LILACT:TIMERS:REPEAT"),
-  /* @__PURE__ */ Symbol.for("LILACT:TIMERS:CLEARED"),
-  /* @__PURE__ */ Symbol.for("LILACT:TIMERS:INTERVAL"),
-  /* @__PURE__ */ Symbol.for("LILACT:TIMERS:CALLBACK"),
-  /* @__PURE__ */ Symbol.for("LILACT:TIMERS:ARGS")
-];
-
-// .tmp/src/misc.jsx
-var misc_exports = {};
-__export(misc_exports, {
-  Children: () => Children,
-  Fragment: () => Fragment2,
-  Portal: () => Portal,
-  deepEqual: () => deepEqual,
-  eval_num: () => eval_num,
-  findDOMNode: () => findDOMNode,
-  forwardRef: () => forwardRef,
-  getComponentByPointer: () => getComponentByPointer,
-  id_num: () => id_num,
-  isAsync: () => isAsync,
-  isClass: () => isClass,
-  isEmpty: () => isEmpty,
-  isError: () => isError2,
-  isThenable: () => isThenable,
-  isValidComponent: () => isValidComponent,
-  isValidElement: () => isValidElement,
-  shallowEqual: () => shallowEqual,
-  toBool: () => toBool
-});
-var typeOf = (input) => {
-  const rawObject = Object.prototype.toString.call(input).toLowerCase();
-  const typeOfRegex = /\[object (.*)]/g;
-  const type = typeOfRegex.exec(rawObject)[1];
-  return type;
-};
-var isValidComponent = (value) => {
-  return value[CORE] !== void 0 || value[TEXT] !== void 0;
-};
-var isValidElement = isValidComponent;
-var findDOMNode = (component) => {
-  var _a, _b;
-  if (!((_b = (_a = component[CORE]) == null ? void 0 : _a.element) == null ? void 0 : _b.parentNode)) throw new Error("findDOMNode only works on mounted components.");
-  return component[CORE].element;
-};
-function Fragment2({ children }) {
-  return children;
-}
-Fragment2.displayName = "Fragment";
-function Portal({ children, view }) {
-  this[CORE].portal = view;
-  return children;
-}
-Portal.displayName = "Portal";
-var Children = {
-  /**
-   * @param {any} x
-   * @returns {boolean}
-   */
-  _isNil(x) {
-    return x === null || x === void 0;
-  },
-  /**
-   * Recursively flattens nested arrays into `out`, omitting null/undefined.
-   * @param {Array<any>} out
-   * @param {any} input
-   */
-  _flattenInto(out, input) {
-    if (this._isNil(input)) return;
-    if (Array.isArray(input)) {
-      for (const v of input) this._flattenInto(out, v);
-      return;
-    }
-    out.push(input);
-  },
-  /**
-   * Converts an iterable children collection into a flat array,
-   * omitting `null`/`undefined`.
-   *
-   * @param {Iterable<any>} children
-   * @returns {Array<any>}
-   */
-  toArray(children) {
-    const out = [];
-    if (!children) return out;
-    for (const item of children) {
-      this._flattenInto(out, item);
-    }
-    return out;
-  },
-  /**
-   * Returns the number of non-null/undefined children (after flattening).
-   * @param {Iterable<any>} children
-   * @returns {number}
-   */
-  count(children) {
-    return this.toArray(children).length;
-  },
-  /**
-   * Returns the single child from a children collection (after flattening & omitting nil),
-   * or throws if the remaining count is not exactly 1.
-   *
-   * @param {Iterable<any>} children
-   * @returns {any}
-   */
-  only(children) {
-    const arr = this.toArray(children);
-    if (arr.length !== 1) {
-      throw new Error(
-        arr.length === 0 ? "Expected exactly one child, but received none." : "Expected exactly one child, but received more than one."
-      );
-    }
-    return arr[0];
-  },
-  /**
-   * Maps over children (after flattening & omitting nil).
-   *
-   * @param {Iterable<any>} children
-   * @param {(child:any, index:number)=>any} fn
-   * @returns {Array<any>}
-   */
-  map(children, fn) {
-    const arr = this.toArray(children);
-    const out = [];
-    for (let i2 = 0; i2 < arr.length; i2++) out.push(fn(arr[i2], i2));
-    return out;
-  },
-  /**
-   * Iterates over children (after flattening & omitting nil).
-   * @param {Iterable<any>} children
-   * @param {(child:any, index:number)=>void} fn
-   */
-  forEach(children, fn) {
-    const arr = this.toArray(children);
-    for (let i2 = 0; i2 < arr.length; i2++) fn(arr[i2], i2);
-  },
-  /**
-   * Finds the first child for which predicate returns true.
-   *
-   * @param {Iterable<any>} children
-   * @param {(child:any, index:number)=>boolean} predicate
-   * @returns {any|undefined}
-   */
-  find(children, predicate) {
-    const arr = this.toArray(children);
-    for (let i2 = 0; i2 < arr.length; i2++) {
-      if (predicate(arr[i2], i2)) return arr[i2];
-    }
-    return void 0;
-  },
-  /**
-   * Finds exactly one matching child.
-   * Throws if matched count is not exactly 1.
-   *
-   * @param {Iterable<any>} children
-   * @param {(child:any, index:number)=>boolean} predicate
-   * @returns {any}
-   */
-  pickOne(children, predicate) {
-    const arr = this.toArray(children);
-    let found;
-    let matches = 0;
-    for (let i2 = 0; i2 < arr.length; i2++) {
-      if (predicate(arr[i2], i2)) {
-        matches++;
-        found = arr[i2];
-        if (matches > 1) break;
+  function makeShapeValidator(spec, { exact }) {
+    const keys = spec ? Object.keys(spec) : [];
+    const validator = function validateShapeLike(props, propName, componentName, location, propFullName) {
+      const value = props[propName];
+      const propIsMissing = isNullOrUndefined(value);
+      if (propIsMissing) return null;
+      if (typeof value !== "object" || value === null || Array.isArray(value)) {
+        return new Error(
+          `Invalid ${location} \`${propFullName}\` of type \`${typeof value}\` supplied to \`${formatComponentName(componentName)}\`, expected an object.`
+        );
       }
-    }
-    if (matches !== 1) {
-      throw new Error(
-        matches === 0 ? "pickOne expected exactly one matching child, but matched none." : "pickOne expected exactly one matching child, but matched multiple."
-      );
-    }
-    return found;
-  },
-  /**
-   * Returns the first non-nil child (after flattening), or undefined.
-   * @param {Iterable<any>} children
-   * @returns {any|undefined}
-   */
-  first(children) {
-    const arr = this.toArray(children);
-    return arr[0];
-  },
-  /**
-   * Returns the last non-nil child (after flattening), or undefined.
-   * @param {Iterable<any>} children
-   * @returns {any|undefined}
-   */
-  last(children) {
-    const arr = this.toArray(children);
-    return arr.length ? arr[arr.length - 1] : void 0;
+      if (exact) {
+        const valueKeys = Object.keys(value);
+        for (let i2 = 0; i2 < valueKeys.length; i2++) {
+          const k = valueKeys[i2];
+          if (!Object.prototype.hasOwnProperty.call(spec, k)) {
+            const keyPath = `${propFullName}.${k}`;
+            return new Error(
+              `Invalid ${location} \`${keyPath}\` supplied to \`${formatComponentName(componentName)}\`: extra key \`${k}\` is not allowed by exact().`
+            );
+          }
+        }
+      }
+      for (let i2 = 0; i2 < keys.length; i2++) {
+        const k = keys[i2];
+        const specValidator = spec[k];
+        const nestedVal = value[k];
+        const nestedPath = `${propFullName}.${k}`;
+        if (isNullOrUndefined(nestedVal)) {
+          const err2 = specValidator(
+            { [propName]: nestedVal },
+            propName,
+            componentName,
+            location,
+            nestedPath
+          );
+          if (err2 !== null) return err2;
+          continue;
+        }
+        const err = specValidator(
+          { [propName]: nestedVal },
+          propName,
+          componentName,
+          location,
+          nestedPath
+        );
+        if (err !== null) return err;
+      }
+      return null;
+    };
+    validator.isRequired = function validateShapeLikeRequired(props, propName, componentName, location, propFullName) {
+      if (isNullOrUndefined(props[propName])) {
+        return new Error(
+          `The ${location} \`${propFullName}\` is marked as required in \`${formatComponentName(componentName)}\`, but its value is \`${props[propName]}\`.`
+        );
+      }
+      return validator(props, propName, componentName, location, propFullName);
+    };
+    return validator;
   }
-};
-var forwardRef = (render2) => {
-  const forwarded = function(props, ref) {
-    return render2({ ...props, ref: void 0 }, ref);
+  PropTypes2.shape = function shape(spec) {
+    return makeShapeValidator(spec, { exact: false });
   };
-  forwarded.displayName = "Forwarded " + render2.displayName;
-  return forwarded;
-};
-function getComponentByPointer() {
-  let resolve_func;
-  const pr = new Promise((res2, rej) => {
-    resolve_func = res2;
-  });
-  function click_handler(event2) {
-    event2.stopImmediatePropagation();
-    window.removeEventListener("click", click_handler, true);
-    let t = event2.target;
-    while (!t[COMPONENT] && t.parentNode) {
-      t = t.parentNode;
-    }
-    resolve_func(t[COMPONENT]);
-    return false;
-  }
-  window.addEventListener("click", click_handler, true);
-  return pr;
-}
-function isEmpty(value) {
-  for (let i2 in value) return false;
-  return true;
-}
-var shallowEqual = (source, target, ignore) => {
-  if (typeOf(source) !== typeOf(target)) {
-    return false;
-  }
-  if (typeOf(source) === "array") {
-    if (source.length !== target.length) {
-      return false;
-    }
-    return source.every((el, index2) => el === target[index2] || index2 === ignore);
-  } else if (typeOf(source) === "object") {
-    return Object.keys(source).every((key) => source[key] === target[key] || key === ignore);
-  } else if (typeOf(source) === "date") {
-    return source.getTime() === target.getTime();
-  }
-  return source === target;
-};
-function deepEqual(source, target) {
-  if (typeOf(source) !== typeOf(target)) {
-    return false;
-  }
-  if (typeOf(source) === "array") {
-    if (source.length !== target.length) {
-      return false;
-    }
-    return source.every((entry, index2) => deepEqual(entry, target[index2]));
-  } else if (typeOf(source) === "object") {
-    if (Object.keys(source).length !== Object.keys(target).length) {
-      return false;
+  PropTypes2.exact = function exact(spec) {
+    return makeShapeValidator(spec, { exact: true });
+  };
+  PropTypes2.instanceOf = function instanceOf(ClassOrConstructor) {
+    const validator = function validateInstanceOf(props, propName, componentName, location, propFullName) {
+      const value = props[propName];
+      if (isNullOrUndefined(value)) return null;
+      if (value instanceof ClassOrConstructor) return null;
+      return new Error(
+        `Invalid ${location} \`${propFullName}\` supplied to \`${formatComponentName(componentName)}\`: expected instance of \`${defaultGetDisplayName(ClassOrConstructor)}\`.`
+      );
+    };
+    validator.isRequired = function validateInstanceOfRequired(props, propName, componentName, location, propFullName) {
+      if (isNullOrUndefined(props[propName])) {
+        return new Error(
+          `The ${location} \`${propFullName}\` is marked as required in \`${formatComponentName(componentName)}\`, but its value is \`${props[propName]}\`.`
+        );
+      }
+      return validator(props, propName, componentName, location, propFullName);
+    };
+    return validator;
+  };
+  const warningCache = /* @__PURE__ */ new Set();
+  PropTypes2.checkPropTypes = function checkPropTypes(typeSpecs, values, location, componentName) {
+    if (false) return;
+    if (!typeSpecs) return;
+    const specs = typeSpecs;
+    const component = formatComponentName(componentName);
+    const typeSpecKeys = Object.keys(specs);
+    for (let i2 = 0; i2 < typeSpecKeys.length; i2++) {
+      const propKey = typeSpecKeys[i2];
+      const validator = specs[propKey];
+      if (typeof validator !== "function") continue;
+      const fullName = propKey;
+      const err = validator(values || {}, propKey, component, location, fullName);
+      if (err instanceof Error) {
+        const cacheKey = `${component}|${location}|${propKey}|${err.message}`;
+        if (warningCache.has(cacheKey)) continue;
+        warningCache.add(cacheKey);
+        if (typeof console !== "undefined" && console.error) {
+          console.error(
+            `Warning: Failed prop type: ${err.message}`
+          );
+        }
+      }
     }
-    return Object.keys(source).every(
-      (key) => deepEqual(source[key], target[key])
-    );
-  } else if (typeOf(source) === "date") {
-    return source.getTime() === target.getTime();
-  }
-  return source === target;
-}
-function isClass(value) {
-  if (!(value && value.constructor === Function) || value.prototype === void 0)
-    return false;
-  if (Function.prototype !== Object.getPrototypeOf(value))
-    return true;
-  return Object.getOwnPropertyNames(value.prototype).length > 1;
-}
-function isAsync(value) {
-  return typeof value === "function" && value.constructor && value.constructor.name === "AsyncFunction";
-}
-function isThenable(value) {
-  return value && (typeof value === "object" || typeof value === "function") && typeof value.then === "function";
-}
-function isError2(value) {
-  return value instanceof Error || Object.prototype.toString.call(value) === "[object Error]";
-}
-function toBool(value) {
-  if (typeof value === "boolean") return value;
-  if (typeof value === "number") return value !== 0;
-  if (typeof value === "string") {
-    value = value.trim().toLowerCase();
-    if (value === "true") return true;
-    if (value === "false") return false;
-  }
-  return Boolean(value);
+  };
+  return PropTypes2;
 }
-var id_num = Math.floor(Math.random() * 1e4);
-var eval_num = 0;
+var PropTypes = createPropTypes();
 
 // .tmp/src/components.jsx
+var components_exports = {};
+__export(components_exports, {
+  Component: () => Component,
+  HTMLComponent: () => HTMLComponent,
+  RootComponent: () => RootComponent,
+  boolean_html_attributes_set: () => boolean_html_attributes_set,
+  capture_events_set: () => capture_events_set,
+  cloneComponent: () => cloneComponent,
+  cloneElement: () => cloneElement,
+  createComponent: () => createComponent2,
+  createElement: () => createElement,
+  createPortal: () => createPortal,
+  createRoot: () => createRoot,
+  current_component: () => current_component,
+  effect_timeout: () => effect_timeout,
+  events_set: () => events_set,
+  insertion_effects: () => insertion_effects,
+  layout_effects: () => layout_effects,
+  length_css_attributes_set: () => length_css_attributes_set,
+  memo: () => memo,
+  passive_effects: () => passive_effects,
+  processEffects: () => processEffects,
+  render: () => render,
+  roots: () => roots,
+  special_attributes: () => special_attributes,
+  update_cbs: () => update_cbs,
+  update_interval_margin: () => update_interval_margin,
+  update_set: () => update_set,
+  update_timeout: () => update_timeout
+});
 var ComponentCache = class {
   constructor(owner) {
     __publicField(this, "owner");
@@ -3047,7 +3066,7 @@ function createComponent2(entity, props = {}, ...children) {
   }
   props.key = generateComponentKey(entity, props);
   props.children = children;
-  return { entity, props };
+  return { entity, props, [CORE]: null };
 }
 function createRoot(element) {
   let root;
@@ -3074,7 +3093,7 @@ function createPortal(children, element) {
   return createComponent2(lilact_default.Portal, { "view": element }, children);
 }
 function cloneComponent(component, propsPatch, ...children) {
-  return { entity: component.entity, props: { ...component.props, ...propsPatch, children } };
+  return { entity: component.entity, props: { ...component.props, ...propsPatch, children }, [CORE]: null };
 }
 var cloneElement = cloneComponent;
 function render(component, element) {
@@ -3087,7 +3106,7 @@ function memo(component) {
   if (typeof component === "object") {
     component[MEMOIZED] = true;
   } else {
-    component = { component, [MEMOIZED]: true };
+    component = { component, [MEMOIZED]: true, [CORE]: null };
   }
   return component;
 }
@@ -3612,9 +3631,16 @@ function run(jsx, path = `InlineJSX-${++lilact_default.eval_num}`, is_inline = t
     throw e;
   }
 }
-function require2(path2, { forceUpdate, checkExport, requirer, isLazy }) {
-  var _a, _b;
-  if ((_a = lilact_default.importObjectPaths) == null ? void 0 : _a[path2]) return lilact_default.importObjectPaths[path2];
+function require2(path2) {
+  var _a, _b, _c, _d, _e, _f;
+  let forceUpdate, checkExport, requirer, isLazy;
+  if (arguments.length === 2 && typeof (arguments[1] === "object")) {
+    forceUpdate = (_a = arguments[1]) == null ? void 0 : _a.forceUpdate;
+    checkExport = (_b = arguments[1]) == null ? void 0 : _b.checkExport;
+    requirer = (_c = arguments[1]) == null ? void 0 : _c.requirer;
+    isLazy = (_d = arguments[1]) == null ? void 0 : _d.isLazy;
+  }
+  if ((_e = lilact_default.importObjectPaths) == null ? void 0 : _e[path2]) return lilact_default.importObjectPaths[path2];
   if (required_scripts[path2] && !forceUpdate) return required_scripts[path2].exports;
   if (path2[0] === "#") {
     const el = document.getElementById(path2);
@@ -3625,7 +3651,7 @@ function require2(path2, { forceUpdate, checkExport, requirer, isLazy }) {
     if (requirer && requirer.path) {
       path2 = joinPaths(requirer.path, path2);
     }
-    if (((_b = lilact_default) == null ? void 0 : _b[LAZY]) || isLazy) {
+    if (((_f = lilact_default) == null ? void 0 : _f[LAZY]) || isLazy) {
       lilact_default[LAZY] = false;
       return fetch(path2).then((res2) => {
         if (!res2.ok) throw new Error(`HTTP ${res2.status}`);
@@ -6398,7 +6424,7 @@ function transpileJSX(jsx2, {
 
 // .tmp/src/lilact.jsx
 var Lilact2 = {
-  VERSION: "beta.23",
+  VERSION: "RC.1",
   // Configuration
   defaultTransitionTimeout: 300,
   defaultIsEqual: Object.is,