@realmorg/realm 0.0.19 → 2.0.0-alpha.3

package/README.md

@@ -1,5 +1,5 @@
 <p align="center">
-  <a href="https://realm.codes" target="_blank">
+  <a href="https://realm.js.org" target="_blank">
     <picture>
       <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/realmorg/realm/HEAD/.github/dark-logo.png">
       <source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/realmorg/realm/HEAD/.github/light-logo.png">
@@ -8,27 +8,113 @@
   </a>
 </p>
 
-<p align="center">
-  REALM (Reactive-Lightweight Markup Language). HTML framework for building MVP.
-</p>
+<p align="center">Write web components in plain HTML. Load one script from a CDN and open the file.</p>
 
 <p align="center">
-  <a aria-label="License" href="https://github.com/realmorg/realm/blob/main/LICENSE">
-    <img alt="Community on Github" src="https://img.shields.io/badge/LICENSE-blue.svg?style=for-the-badge&labelColor=blue&logoWidth=20">
-  </a>
-  <a aria-label="Community on Github" href="https://github.com/realmorg/realm/discussions">
-    <img alt="Community on Github" src="https://img.shields.io/badge/Community-hotpink.svg?style=for-the-badge&labelColor=000000&logoWidth=20">
-  </a>
+  <a href="https://www.npmjs.com/package/@realmorg/realm"><img alt="npm" src="https://img.shields.io/npm/v/@realmorg/realm/alpha?label=%40realmorg%2Frealm"></a>
+  <a href="https://github.com/realmorg/realm/blob/main/LICENSE"><img alt="MIT license" src="https://img.shields.io/badge/license-MIT-blue"></a>
 </p>
 
-## Documentation
-Visit https://realm.codes to view the full documentation.
+REALM turns a `<custom-element>` tag into a native web component. You write its script, style and markup in one place, in plain HTML, and the browser runs exactly what you wrote. There is no compiler, no bundler and no config file. The runtime is about 16 KB gzipped and works in current Chrome, Edge, Firefox and Safari.
+
+> REALM v2 is in alpha. Pin an exact version in production, such as `@realmorg/realm@2.0.0-alpha.2`.
+
+## Try it
+
+Save this as `index.html` and open it in a browser:
+
+```html
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@realmorg/realm@alpha/dist/realm.css">
+  <script type="module" src="https://cdn.jsdelivr.net/npm/@realmorg/realm@alpha/dist/realm.js"></script>
+</head>
+<body>
+  <custom-element name="click-counter">
+    <script type="realm">
+      const props = defineProps({ step: prop.number().default(1) });
+      const counter = useState({ count: 0 });
+
+      function add() {
+        counter.count += props.step;
+      }
+    </script>
+
+    <style type="realm">
+      button {
+        font: inherit;
+      }
+    </style>
+
+    <button onclick="add()">Clicked <slot name="#counter.count">0</slot> times</button>
+  </custom-element>
+
+  <click-counter step="2"></click-counter>
+</body>
+</html>
+```
+
+What each part does:
+
+- `defineProps` declares the attributes the component accepts, with types and defaults. `step="2"` arrives as the number `2`.
+- `useState` holds reactive state. Changing `counter.count` updates every place that shows it, and nothing else.
+- `<slot name="#counter.count">` shows a value. Markup holds references like this, never expressions, so logic stays in the script where you can read and debug it.
+- `onclick="add()"` is a normal event handler attribute that can call the component's functions.
+- The `<style>` applies inside the component only, through shadow DOM.
+
+## Building an app
 
-## What is Realm?
-Realm is an HTML framework for building MVP. It is designed to be simple, lightweight, and easy to use. Realm is built on top of Native web components. No-tooling, No-bundler, less javascript. Just take care of your product and ship it fast.
+**Put each component in its own file.** In a file, the script and style are plain `<script>` and `<style>`, and a page loads the file with one tag:
+
+```html
+<import-element from="./todo-list.html"></import-element>
+<todo-list></todo-list>
+```
+
+A component file can import the files it depends on in the same way.
+
+**Use ready-made components.** [REALM UI](https://realm.js.org/components/) has about 60 accessible components (buttons, dialogs, forms, tables, menus, charts) and a theme with dark mode. Load all of them, or one file per component:
+
+```html
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@realmorg/ui@alpha/dist/theme.css">
+<import-element from="https://cdn.jsdelivr.net/npm/@realmorg/ui@alpha/components/button.html"></import-element>
+
+<ui-button variant="outline">Save draft</ui-button>
+```
+
+## Using a coding assistant
+
+REALM ships an agent skill that teaches assistants such as Claude Code, Codex and Cursor its rules, the REALM UI components and the common mistakes:
+
+```shell
+npx skills add realmorg/realm
+```
+
+The docs are also available as Markdown for assistants at [realm.js.org/llms.txt](https://realm.js.org/llms.txt).
+
+## Packages
+
+| Package | What it is | Load it from |
+| --- | --- | --- |
+| [`@realmorg/realm`](https://github.com/realmorg/realm/tree/main/packages/realm) | The runtime | CDN or npm |
+| [`@realmorg/ui`](https://github.com/realmorg/realm/tree/main/packages/ui) | About 60 components and the theme | CDN or npm |
+| [`@realmorg/unicons`](https://github.com/realmorg/realm/tree/main/packages/unicons) | The `<u-icon>` element and 50,939 icons | CDN or npm |
+| [`@realmorg/vite-plugin`](https://github.com/realmorg/realm/tree/main/packages/vite-plugin) | Optional build step for a strict CSP, and a `custom-elements.json` manifest | npm |
+
+## Learn more
+
+- [Docs](https://realm.js.org/docs/): a quick start, a tutorial, and guides for loading data, forms, shared state, styling and server-rendered pages
+- [Unicons](https://realm.js.org/unicons/): one `<u-icon>` element for 50,939 icons
+- [Reference](https://realm.js.org/reference/): every element, attribute and script helper
+- [Examples](https://realm.js.org/examples/): complete apps, including a todo list, a kanban board, chess, a dashboard, a shop and a chat
+- [Migrating from v1](https://realm.js.org/docs/migrating-from-v1/). v1 is archived under the `v1-final` tag.
 
 ## Contributing
-Please see [CONTRIBUTING.md](https://github.com/realmorg/realm/blob/main/.github/CONTRIBUTING.md).
 
-### LICENSE
-Copyright 2023 - [MIT License](https://github.com/realmorg/realm/blob/main/LICENSE).
+See [CONTRIBUTING.md](https://github.com/realmorg/realm/blob/main/.github/CONTRIBUTING.md).
+
+## License
+
+[MIT](https://github.com/realmorg/realm/blob/main/LICENSE)

package/dist/chunks/assemble-DpEMX9rI.js

@@ -0,0 +1,24 @@
+var e=`>>>= ... === !== **= <<= >>= >>> &&= ||= ??= => == != <= >= && || ?? ?. ++ -- += -= *= /= %= &= |= ^= ** << >>`.split(` `),t=new Set(`return typeof instanceof in of new delete void throw case do else yield await`.split(` `)),n=new Set(`await break case catch class const continue debugger default delete do else export extends false finally for function if import in instanceof let new null of return static super switch this throw true try typeof var void while with yield async arguments undefined NaN Infinity globalThis eval enum implements interface package private protected public`.split(` `)),r=e=>/[A-Za-z_$\u0080-￿]/.test(e),i=e=>/[\w$\u0080-￿]/.test(e),a=e=>e?e.type===`name`?t.has(e.value):e.type===`punct`&&e.value!==`)`&&e.value!==`]`:!0,o=t=>{let n=[],o=0,s=!1,c=(e,t)=>{n.push({type:e,value:t,newline:s}),s=!1},l=(e,n)=>{let r=e+1;for(;r<t.length&&t[r]!==n;)r+=t[r]===`\\`?2:1;return r+1},u=e=>{let n=e+1;for(;n<t.length&&t[n]!=="`";)t[n]===`\\`?n+=2:t[n]===`$`&&t[n+1]===`{`?n=d(n+2):n++;return n+1},d=e=>{let n=0,r=e;for(;r<t.length;){let e=t[r];if(e===`'`||e===`"`)r=l(r,e);else if(e==="`")r=u(r);else if(e===`{`)n++,r++;else if(e===`}`){if(n===0)return r+1;n--,r++}else r++}return r};for(;o<t.length;){let d=t[o],f=t[o+1];if(d===`
+`)s=!0,o++;else if(/\s/.test(d))o++;else if(d===`/`&&f===`/`)for(;o<t.length&&t[o]!==`
+`;)o++;else if(d===`/`&&f===`*`){let e=t.indexOf(`*/`,o+2),n=e===-1?t.length:e+2;t.slice(o,n).includes(`
+`)&&(s=!0),o=n}else if(d===`'`||d===`"`){let e=l(o,d);c(`string`,t.slice(o,e)),o=e}else if(d==="`"){let e=u(o);c(`template`,t.slice(o,e)),o=e}else if(/\d/.test(d)||d===`.`&&/\d/.test(f??``)){let e=o+1;for(;e<t.length&&/[\w.]/.test(t[e]);)e++;c(`number`,t.slice(o,e)),o=e}else if(r(d)){let e=o+1;for(;e<t.length&&i(t[e]);)e++;c(`name`,t.slice(o,e)),o=e}else if(d===`/`&&a(n.at(-1))){let e=o+1,n=!1;for(;e<t.length;){let r=t[e];if(r===`\\`)e++;else if(r===`[`)n=!0;else if(r===`]`)n=!1;else if(r===`/`&&!n)break;e++}for(e++;e<t.length&&/[a-z]/.test(t[e]);)e++;c(`regex`,t.slice(o,e)),o=e}else{let n=e.find(e=>t.startsWith(e,o))??d;c(`punct`,n),o+=n.length}}return n},s=new Set([`(`,`[`,`{`]),c=new Set([`)`,`]`,`}`]),l=(e,t)=>e?.type===`punct`&&e.value===t,u=/^(?:[.,?:=+\-*/%&|^<>!~]|=>|\?\.|\(|\[|`)/,d=(e,t)=>e?.type===`punct`&&!c.has(e.value)||t.type===`template`||t.type===`punct`&&u.test(t.value),f=(e,t,n,r)=>{let i=0,a=t;for(;a<e.length;a++){let o=e[a];if(i===0&&(o.type===`punct`&&n.has(o.value)||r&&a>t&&o.newline&&!d(e[a-1],o)))return a;if(o.type===`punct`&&s.has(o.value))i++;else if(o.type===`punct`&&c.has(o.value)){if(i===0)return a;i--}}return a},p=new Set([`,`,`}`,`]`]),m=(e,t,n)=>{let r=e[t];if(!r)return t;if(r.type===`name`)return n.push(r.value),t+1;if(!l(r,`{`)&&!l(r,`[`))return t+1;let i=r.value===`{`?`}`:`]`,a=t+1;for(;a<e.length&&!l(e[a],i);){let t=e[a];l(t,`,`)?a++:(l(t,`...`)?a=m(e,a+1,n):i===`}`&&l(e[a+1],`:`)?a=m(e,a+2,n):i===`}`&&l(t,`[`)?(a=f(e,a+1,p,!1)+1,a=l(e[a],`:`)?m(e,a+1,n):a):a=m(e,a,n),l(e[a],`=`)&&(a=f(e,a+1,p,!1)))}return a+1},h=new Set([`,`,`;`]),g=(e,t,n)=>{let r=t;for(;r<e.length;){if(r=m(e,r,n),l(e[r],`=`)&&(r=f(e,r+1,h,!0)),!l(e[r],`,`))return r;r++}return r},_=(e,t)=>{let n=e[t-1];return!n||n.type===`punct`&&(n.value===`;`||n.value===`}`)||e[t].newline&&!d(n,e[t])},v=e=>{let t=o(e),n=[],r=0,i=0;for(;i<t.length;){let e=t[i];if(e.type===`punct`){s.has(e.value)?r++:c.has(e.value)&&r--,i++;continue}if(r!==0||e.type!==`name`||!_(t,i)){i++;continue}let a=i;t[a]?.value===`async`&&t[a+1]?.value===`function`&&a++;let o=t[a]?.value;if(o===`function`||o===`class`){a++,l(t[a],`*`)&&a++;let e=t[a];e?.type===`name`&&n.push(e.value),i=a+1}else o===`let`||o===`const`||o===`var`?i=g(t,a+1,n):i++}return new Set(n)},y=e=>{let t=[],n=0,r=-1;for(let i=1;i<e.length-1;i++){let a=e[i];a===`\\`&&n===0?i++:n===0&&a===`$`&&e[i+1]===`{`?(n=1,r=i+2,i++):n>0&&a===`{`?n++:n>0&&a===`}`&&--n===0&&t.push(e.slice(r,i))}return t},b=(e,t=new Set)=>{let r=o(e);return r.forEach((e,i)=>{if(e.type===`template`){for(let n of y(e.value))b(n,t);return}if(e.type!==`name`||n.has(e.value))return;let a=r[i-1];l(a,`.`)||l(a,`?.`)||t.add(e.value)}),t},x=/^import\s*(?:([\w$*\s{},]+?)\s*from\s*)?(["'])([^"']+)\2\s*;?/,S=/^(?:\s+|\/\/[^\n]*|\/\*[\s\S]*?\*\/)*/,C=(e,t)=>{let n=e.match(/\{([^}]*)\}/),r=e.replace(/\{[^}]*\}/,``);for(let e of r.split(`,`)){let n=e.trim().split(/\s+as\s+/).at(-1);n&&n!==`*`&&t.add(n)}for(let e of n?.[1]?.split(`,`)??[]){let n=e.trim().split(/\s+as\s+/).at(-1);n&&t.add(n)}},w=(e,t)=>{let n=[],r=new Set,i=e;for(;;){let e=i.match(S)[0],a=i.slice(e.length).match(x);if(!a)break;let[o,s=``,c,l=``]=a,u=t&&/^\.{1,2}\//.test(l)?new URL(l,t).href:l;n.push(o.replace(`${c}${l}${c}`,JSON.stringify(u))),C(s,r),i=i.slice(e.length+o.length)}return{imports:n.join(`
+`),body:i,names:r}},T=`defineProps defineMethods listen useState useChildren tick dispatch attrs observe onConnected onDisconnected onFormReset onFormDisabled onFormStateRestore defineStore lookup prop host refs signal internals setTimeout setInterval clearTimeout clearInterval untrack`.split(` `),E=`realm:on`,D=(e,t)=>`${e.join(`,`)}\u0000${t}`,O=(e,t)=>{let n=e.getAttribute(`index`);return[...t,e.getAttribute(`as`)??`item`,...n?[n]:[]]},k=(e,t=[],n=new Map)=>{for(let r of e){let e=r.localName===`repeat-list`,i=e||r.hasAttribute(`repeat`)?O(r,t):t;for(let t of r.attributes)(t.name.startsWith(`realm:on`)||t.name.length>2&&t.name.startsWith(`on`))&&!e&&n.set(D(i,t.value),[[...i],t.value]);k(r.children,i,n)}return n},A=(e,t,n)=>{let r=new Set([...n,...e,...T,`event`]),i=[...b(t)].filter(e=>!r.has(e));return`function (${[`event`,...e].join(`, `)}) {\n${i.map(e=>`const ${e} = lookup(${JSON.stringify(e)}, true);`).join(`
+`)}\n{\n${t}\n}\n}`},j=(e,t,n)=>{let{imports:r,body:i,names:a}=w(e,t),o=new Set([...a,...v(i)]),s=[...o].map(e=>`case ${JSON.stringify(e)}: return ${e};`).join(`
+`);return{imports:r,setup:`function (__realm) {
+"use strict";
+const { ${T.join(`, `)} } = __realm;
+{
+${i}
+return {
+get(__name) {
+switch (__name) {
+${s}
+}
+},
+handlers: [
+${[...n.values()].map(([e,t])=>A(e,t,o)).join(`,
+`)}
+]
+};
+}
+}`,names:o}};export{o as a,j as i,k as n,D as r,E as t};

package/dist/chunks/src-9Arn-RRo.js

@@ -0,0 +1 @@
+import{i as e,n as t,r as n,t as r}from"./assemble-DpEMX9rI.js";var i=`[realm]`,a=new Set,o=e=>console.error(i,e),s=e=>{a.has(e)||(a.add(e),console.warn(i,e))},c=(e,t,n)=>{let r=e;return r.has(t)||r.set(t,n()),r.get(t)},l=Symbol(`realm.raw`),u=Symbol(`realm.iterate`),d=100,f=new WeakMap,p=new WeakMap,m=new Set,h,g=!1,_=e=>{h&&(e.add(h),h.deps.add(e))},v=(e,t)=>{h&&_(c(c(f,e,()=>new Map),t,()=>new Set))},y=e=>{if(e)for(let t of[...e])t.notify()},b=(e,t)=>y(f.get(e)?.get(t)),ee=e=>{for(let t of e.deps)t.delete(e);e.deps.clear()},x=()=>{g||(g=!0,queueMicrotask(S))},S=()=>{g=!1;for(let e=0;m.size;e++){if(e===d){m.clear(),o(Error(`Update loop detected: an observer keeps changing state it depends on.`));return}let t=[...m];m.clear();for(let e of t)e.run()}},C=class{fn;deps=new Set;#e;#t=!1;constructor(e){this.fn=e}notify(){m.add(this),x()}run(){if(this.#t)return;this.#n();let e=h;h=this;try{let e=this.fn();typeof e==`function`&&(this.#e=e)}catch(e){o(e)}finally{h=e}}stop(){this.#t=!0,m.delete(this),this.#n()}#n(){ee(this);let e=this.#e;this.#e=void 0,e?.()}},te=class{getter;deps=new Set;subscribers=new Set;dirty=!0;value;error;failed=!1;constructor(e){this.getter=e}notify(){this.dirty||(this.dirty=!0,y(this.subscribers))}get(){if(_(this.subscribers),this.dirty){ee(this);let e=h;h=this;try{this.value=this.getter(),this.failed=!1}catch(e){this.error=e,this.failed=!0}finally{this.dirty=!1,h=e}}if(this.failed)throw this.error;return this.value}},ne=async()=>{await Promise.resolve(),S()},w=e=>{let t=new C(e);return t.run(),()=>t.stop()},T=e=>{let t=h;h=void 0;try{return e()}finally{h=t}},re=e=>{if(typeof e!=`object`||!e)return!1;if(Array.isArray(e))return!0;let t=Object.getPrototypeOf(e);return t===Object.prototype||t===null},E=e=>typeof e==`object`&&!!e&&e[l]||e,ie=e=>E(e)!==e,ae=new Set(`push pop shift unshift splice sort reverse fill copyWithin`.split(` `)),oe=new Set([`includes`,`indexOf`,`lastIndexOf`]),se=(e,t,n)=>{let r=Array.prototype[t];return ae.has(t)?(...e)=>T(()=>r.apply(n,e)):(...t)=>{v(e,u);let i=r.apply(e,t.map(E));return i===-1||i===!1?r.apply(n,t):i}},ce=(e,t)=>{let n=f.get(e);if(n)for(let[e,r]of n)typeof e==`string`&&Number(e)>=t&&y(r)},D=e=>{if(!re(e)||ie(e))return e;let t=p.get(e);if(t)return t;let n=new Map,r=Array.isArray(e),i=new Proxy(e,{get(e,t,i){if(t===l)return e;if(r&&typeof t==`string`&&(ae.has(t)||oe.has(t)))return se(e,t,i);let a=Object.getOwnPropertyDescriptor(e,t)?.get;if(a)return c(n,t,()=>new te(()=>a.call(i))).get();v(e,t);let o=Reflect.get(e,t,i);return re(o)?D(o):o},set(e,t,n,i){let a=Object.getOwnPropertyDescriptor(e,t)?.set;if(a)return a.call(i,n),!0;let o=E(n),s=Object.hasOwn(e,t),c=e[t],l=r?e.length:0;if(e[t]=o,s&&Object.is(c,o))return!0;if(b(e,t),s||b(e,u),r){let n=e.length;n!==l&&t!==`length`&&b(e,`length`),t===`length`&&(b(e,u),ce(e,n))}return!0},deleteProperty(e,t){let n=Object.hasOwn(e,t);return delete e[t],n&&(b(e,t),b(e,u)),!0},has(e,t){return v(e,t),Reflect.has(e,t)},ownKeys(e){return v(e,u),r&&v(e,`length`),Reflect.ownKeys(e)}});return p.set(e,i),i},le=new Set(`script style iframe frame frameset object embed link meta base template noscript`.split(` `)),ue=new Set(`href src action formaction xlink:href poster to from values`.split(` `)),de=/^\s*(?:javascript|vbscript|data:text\/html)/i,O=e=>new DOMParser().parseFromString(`<body>${e}`,`text/html`).body,k=e=>{for(let t of[...e.querySelectorAll(`*`)])if(le.has(t.localName))t.remove();else for(let{name:e,value:n}of[...t.attributes])(e.startsWith(`on`)||e===`srcdoc`||ue.has(e)&&de.test(n))&&t.removeAttribute(e);return e},fe=e=>{let t=document.createDocumentFragment();for(let n of[...e.childNodes])t.append(document.importNode(n,!0));return t},pe=e=>fe(k(O(e))),me=/^(!?)([#@])([A-Za-z_$][\w$]*(?:\.[\w$-]+)*)$/,he=e=>{let t=e.trim().match(me);if(t)return{text:e,negate:t[1]===`!`,kind:t[2],path:t[3].split(`.`)}},A=(e,t,n)=>{let r=he(e??``);return r||s(`<${n.instance.host.localName}> ${t}="${e??``}" must be a reference like "#state.path" or "@prop".`),r},ge=(e,t)=>{let n=e.path[0],{instance:r}=t;if(e.kind===`@`)return r.props?.[n];let i=t.vars.findLast(([e])=>e===n);if(i)return i[1].value;if(r.has(n))return r.get(n);let a=r.findInParents(n,!0);return a||s(`<${r.host.localName}> "${e.text}" is not defined in this component or its parents.`),a?.value},j=(e,t)=>{let n=ge(e,t);for(let t of e.path.slice(1))n=n?.[t];return e.negate?!n:n},_e=(e,t,n)=>{if(e.kind===`@`||e.path.length<2||e.negate){s(`<${t.instance.host.localName}> "${e.text}" can't be written. Use a state property like "#todo.items".`);return}let r=j({...e,path:e.path.slice(0,-1)},t),i=e.path.at(-1);typeof r!=`object`||!r?s(`<${t.instance.host.localName}> "${e.text}" can't be written because its parent is not an object.`):r[i]=n(r[i])},ve=e=>{let t=new AbortController;return e.addEventListener(`abort`,()=>t.abort(e.reason),{signal:t.signal}),t},ye={ms:1,s:1e3,m:6e4},M=e=>{let t=e.trim().match(/^(\d+(?:\.\d+)?)(ms|s|m)?$/);return t?Number(t[1])*ye[t[2]??`ms`]:(s(`"${e}" is not a duration. Use values like "300ms", "2s" or "1m".`),0)},be=(e,t,n)=>{let r=e.getAttribute(`debounce`),i=e.getAttribute(`throttle`);if(r!==null){let e=M(r),i;return n.addEventListener(`abort`,()=>clearTimeout(i)),n=>{clearTimeout(i),i=setTimeout(()=>t(n),e)}}if(i!==null){let e=M(i),n=-1/0;return r=>{let i=performance.now();i-n<e||(n=i,t(r))}}return t},xe=new Set(`replace outer append prepend before after remove text merge`.split(` `)),Se={form:`submit`,a:`click`},Ce=new Map,we=async e=>({ok:e.ok,status:e.status,headers:e.headers,text:await e.text(),url:e.url}),Te=(e,t)=>{let n=`${e}\u0000${[...t].join(`\0`)}`,r=Ce.get(n);return r||(r=fetch(e,{headers:t}).then(we),Ce.set(n,r),r.finally(()=>Ce.delete(n)).catch(()=>{})),r},Ee=(e,t)=>new Promise((n,r)=>{t.addEventListener(`abort`,()=>r(t.reason),{once:!0}),e.then(n,r)}),De=e=>{if(!e.headers.get(`content-type`)?.includes(`json`))return e.text;try{return JSON.parse(e.text)}catch{return e.text}},Oe=e=>e.hasAttribute(`fetch`)||(e.localName===`form`||e.localName===`a`)&&(e.hasAttribute(`into`)||e.hasAttribute(`render`)||e.hasAttribute(`busy`)),ke=e=>e.localName===`form`?`submit`:e.localName===`input`||e.localName===`select`||e.localName===`textarea`?`change`:`click`,Ae=(e,t)=>{if(e.nodeType!==t.nodeType||e.nodeName!==t.nodeName){e.replaceWith(t);return}if(!(e instanceof Element)){e.nodeValue!==t.nodeValue&&(e.nodeValue=t.nodeValue);return}let n=t;for(let{name:t}of[...e.attributes])n.hasAttribute(t)||e.removeAttribute(t);for(let{name:t,value:r}of[...n.attributes])e.getAttribute(t)!==r&&e.setAttribute(t,r);e.matches(`:focus`)||je(e,n)},je=(e,t)=>{let n=[...t.childNodes],r=[...e.childNodes];n.forEach((t,n)=>{let i=r[n];i?Ae(i,t):e.append(t)});for(let e of r.slice(n.length))e.remove()},Me={append:(e,t)=>[...e,...t],prepend:(e,t)=>[...t,...e],update:(e,t,n)=>{let r=new Map(t.map(e=>[e[n],e]));return[...e.map(e=>{let t=r.get(e[n]);return r.delete(e[n]),t??e}),...r.values()]},remove:(e,t,n)=>{let r=new Set(t.map(e=>e[n]));return e.filter(e=>!r.has(e[n]))}},Ne=(e,t,n)=>{let r=A(e,`trigger`,n);if(!r)return;let i,a=w(()=>{let e=JSON.stringify(j(r,n))??``;i!==void 0&&e!==i&&T(()=>t(new CustomEvent(`change`))),i=e});n.signal.addEventListener(`abort`,a)},Pe=(e,t)=>e.replaceChildren(t),Fe={replace:Pe,outer:(e,t)=>e.replaceWith(t),append:(e,t)=>e.append(t),prepend:(e,t)=>e.prepend(t),before:(e,t)=>e.before(t),after:(e,t)=>e.after(t),merge:(e,t)=>je(e,t)},Ie=(e,t,n,r)=>{if(n===`text`&&(e.textContent=t),n===`remove`&&e.remove(),n===`text`||n===`remove`)return;let i=k(O(t));r&&i.replaceChildren(...i.querySelectorAll(r)),(Fe[n]??Pe)(e,fe(i))},Le=(e,t,n)=>{let r=e.getAttribute(`params`);if(r)for(let e of r.split(`,`)){let[r=``,i=``]=e.split(`:`),a=r.trim(),o=A(i.trim(),`params ${a}`,t);if(!o)continue;let s=j(o,t);n.append(a,typeof s==`object`&&s?JSON.stringify(s):String(s??``))}},Re=(e,t)=>{if(e instanceof HTMLFormElement)return new FormData(e,t);let n=new FormData,r=e;return r.name&&`value`in r&&n.append(r.name,r.value),n},ze=(e,t)=>{let{instance:n}=t,r=n.host.localName,i=e.hasAttribute(`into`)?A(e.getAttribute(`into`),`into`,t):void 0,a=e.hasAttribute(`busy`)?A(e.getAttribute(`busy`),`busy`,t):void 0,o=e.hasAttribute(`headers`)?he(e.getAttribute(`headers`)):void 0,c=e.getAttribute(`render`),l=e.getAttribute(`render-mode`)??`replace`;xe.has(l)||s(`<${r}> render-mode="${l}" is not supported.`);let u,d=(t,n,r=!1)=>e.dispatchEvent(new CustomEvent(t,{detail:n,cancelable:r})),f=n=>{a&&_e(a,t,()=>n),n?e.setAttribute(`aria-busy`,`true`):e.removeAttribute(`aria-busy`)},p=async a=>{S();let p=e instanceof HTMLFormElement?e:null,m=e instanceof HTMLAnchorElement?e:null,h=a?.getAttribute(`formaction`)??e.getAttribute(`fetch`)??(p?p.action:m.href),g=new URL(h,e.baseURI),_=(a?.getAttribute(`formmethod`)??e.getAttribute(`method`)??`get`).toUpperCase();if(!d(`loadstart`,{url:g.href,method:_},!0))return;u?.abort();let v=ve(t.signal),{signal:y}=v;u=v;let b=e.getAttribute(`timeout`),ee=b?setTimeout(()=>v.abort(new DOMException(`Timed out`,`TimeoutError`)),M(b)):void 0,x=Re(e,a);Le(e,t,x);let C=new Headers(o&&j(o,t)||void 0);n.setLoading(1),f(!0);try{let a;if(_===`GET`){for(let[e,t]of x)g.searchParams.append(e,t);a=Te(g.href,C)}else{let e=p?.enctype===`multipart/form-data`?x:new URLSearchParams(x);a=fetch(g,{method:_,body:e,headers:C}).then(we)}let o=await Ee(a,y),u={status:o.status,data:De(o),headers:o.headers,url:o.url};if(!o.ok){d(`error`,u);return}if(i){let n=e.getAttribute(`into-mode`)??`replace`;_e(i,t,t=>{if(n===`replace`)return u.data;let r=Array.isArray(t)?t:[],i=Array.isArray(u.data)?u.data:[u.data];return(Me[n]??Me.append)(r,i,e.getAttribute(`into-key`)??`id`)})}if(c!==null){let t=n.refs[c];t?Ie(t,o.text,l,e.getAttribute(`render-select`)):s(`<${r}> render="${c}" does not match any ref.`)}m&&c!==null&&history.pushState({},``,g),d(`load`,u)}catch(e){if(y.aborted){let e=y.reason;d(e.name===`TimeoutError`?`timeout`:`abort`,{url:g.href})}else d(`error`,{status:0,data:void 0,message:e.message,url:g.href})}finally{clearTimeout(ee),v.abort(),n.setLoading(-1),u===v&&(u=void 0,f(!1)),d(`loadend`,{url:g.href})}},m=e=>void p(e instanceof SubmitEvent?e.submitter:null),h=be(e,m,t.signal),g=Se[e.localName];g&&e.addEventListener(g,e=>e.preventDefault(),{signal:t.signal});let _=(e.getAttribute(`trigger`)??ke(e)).split(/[\s,]+/).filter(Boolean);for(let n of _)if(n===`load`)queueMicrotask(()=>m());else if(n===`visible`){let n=new IntersectionObserver(e=>{e.some(e=>e.isIntersecting)&&m()});n.observe(e),t.signal.addEventListener(`abort`,()=>n.disconnect())}else/^[#@]/.test(n)?Ne(n,h,t):e.addEventListener(n,h,{signal:t.signal});let v=e.getAttribute(`poll`);if(v){let e=setInterval(m,M(v));t.signal.addEventListener(`abort`,()=>clearInterval(e))}},Be=`button, a[href], input, select, textarea, [tabindex]`,Ve=`:disabled, [disabled], [aria-disabled="true"], [inert], [hidden]`,He={ArrowRight:{axis:`inline`,step:1},ArrowLeft:{axis:`inline`,step:-1},ArrowDown:{axis:`block`,step:1},ArrowUp:{axis:`block`,step:-1}},Ue=e=>e.shadowRoot?.delegatesFocus?[]:We(e.shadowRoot??e),We=e=>[...e.children].flatMap(e=>e instanceof HTMLSlotElement?e.assignedElements({flatten:!0}).flatMap(e=>[e,...Ue(e)]):[e,...Ue(e)]),Ge=e=>We(e).filter(e=>(e.matches(Be)||e.shadowRoot?.delegatesFocus===!0)&&!e.matches(Ve)&&e.getAttribute(`tabindex`)!==`-2`&&e.checkVisibility()),Ke=(e,t)=>{e.addEventListener(`keydown`,t=>{let n=new Set((e.getAttribute(`focusgroup`)??``).split(/\s+/).filter(Boolean)),r=n.has(`inline`)||n.has(`block`),i=t.key,a=Ge(e),o=a.indexOf(t.composedPath().find(e=>a.includes(e))),s=He[i],c={Home:0,End:a.length-1}[i];if(o===-1||c===void 0&&(!s||r&&!n.has(s.axis)))return;let l=s?.axis===`inline`&&getComputedStyle(e).direction===`rtl`?-1:1,u=c??o+s.step*l,d=n.has(`wrap`)?(u+a.length)%a.length:Math.min(Math.max(u,0),a.length-1);t.preventDefault(),a[d].focus()},{signal:t})},qe=6,Je=new Map,N=new Map,P=new Map,F=new Set,I=new Map,L=class extends Error{url;status;constructor(e,t){super(`Could not import ${e}${t?` (HTTP ${t})`:``}`),this.url=e,this.status=t}},Ye=e=>new Promise(t=>{let n=N.get(e)??0;if(n<qe)N.set(e,n+1),t();else{let n=P.get(e)??[];n.push(()=>t()),P.set(e,n)}}),Xe=e=>{let t=P.get(e)?.shift();t?t():N.set(e,N.get(e)-1)},Ze=e=>{let t=Je.get(e);if(t)return t;let{origin:n}=new URL(e);return t=Ye(n).then(()=>fetch(e)).then(async t=>{if(!t.ok)throw new L(e,t.status);return new DOMParser().parseFromString(await t.text(),`text/html`)}).catch(t=>{throw t instanceof L?t:new L(e,0)}).finally(()=>Xe(n)),Je.set(e,t),t},R=async(e,t=new Set)=>{let n=await Ze(e),r=new Set([...t,e]),i=[...n.querySelectorAll(`import-element[from]`)].filter(e=>!e.closest(`custom-element`)).map(t=>new URL(t.getAttribute(`from`),e).href).filter(e=>!r.has(e));await Promise.all(i.map(e=>R(e,r))),await Promise.all([...n.querySelectorAll(`custom-element`)].map(t=>$(t.cloneNode(!0),e,!1)))},z=e=>{if(!F.has(e)){F.add(e);for(let t of I.get(e)??[])t();I.delete(e)}},Qe=e=>new Promise(t=>{if(e.some(e=>F.has(e)||document.querySelector(e)))return t();for(let n of e)I.set(n,[...I.get(n)??[],t])}),$e=e=>{let t=e=>{e.localName.includes(`-`)&&z(e.localName);for(let t of e.querySelectorAll(`*`))t.localName.includes(`-`)&&z(t.localName)};new MutationObserver(e=>{for(let n of e)for(let e of n.addedNodes)e instanceof Element&&t(e)}).observe(e,{childList:!0,subtree:!0})},et=class extends HTMLElement{#e=!1;async connectedCallback(){if(this.#e||this.closest(`custom-element`))return;this.#e=!0;let e=this.getAttribute(`from`);if(!e){s(`<import-element> needs a from attribute.`);return}let t=new URL(e,this.baseURI).href,n=(this.getAttribute(`for`)??``).split(/\s+/).filter(Boolean);this.getAttribute(`loading`)===`lazy`&&(n.length?await Qe(n):s(`<import-element from="${e}" loading="lazy"> needs a for attribute listing the tags it defines.`));try{await R(t),this.isConnected&&this.dispatchEvent(new CustomEvent(`load`,{detail:{url:t}}))}catch(e){let{status:n}=e;s(e.message),this.isConnected&&this.dispatchEvent(new CustomEvent(`error`,{detail:{url:t,status:n}}))}}},tt=new Set([`value`,`checked`,`selected`,`indeterminate`]),nt=new Set([`draggable`,`spellcheck`,`contenteditable`]),rt=[`eq`,`neq`,`gt`,`gte`,`lt`,`lte`,`contains`],B=(e,t)=>{e.disposers.push(w(t))},V=`http://www.w3.org/2000/svg`,it=Object.fromEntries(`viewBox preserveAspectRatio gradientTransform gradientUnits patternTransform patternUnits patternContentUnits clipPathUnits markerHeight markerWidth markerUnits maskUnits maskContentUnits textLength lengthAdjust refX refY pathLength stdDeviation filterUnits primitiveUnits spreadMethod startOffset tableValues baseFrequency numOctaves stitchTiles surfaceScale specularExponent diffuseConstant kernelMatrix edgeMode xChannelSelector yChannelSelector attributeName repeatCount keyTimes keySplines calcMode`.split(` `).map(e=>[e.toLowerCase(),e])),at=new Set([`progress`,`meter`]),ot=e=>e.replace(/-([a-z])/g,(e,t)=>t.toUpperCase()),st=(e,t,n)=>{let r=e.namespaceURI===V?it[t]??t:t,i=e;if(r.startsWith(`--`)){let t=e.style;n==null||n===!1?t.removeProperty(r):t.setProperty(r,String(n))}else r===`value`&&n==null&&at.has(e.localName)?e.removeAttribute(r):tt.has(r)&&r in e?i[r]=r===`value`?n??``:!!n:e.localName.includes(`-`)&&typeof n==`object`&&n?i[ot(r)]=n:(r.startsWith(`aria-`)||nt.has(r))&&typeof n==`boolean`?e.setAttribute(r,String(n)):n===!0?e.setAttribute(r,``):n===!1||n==null?e.removeAttribute(r):e.setAttribute(r,String(n))},ct=(e,t,n,r)=>{let i=A(n,`_${t}`,r);i&&B(r,()=>st(e,t,j(i,r)))},lt=(e,t,r,i)=>{let{instance:a,vars:o}=i,s=a.definition.handlers.get(n(o.map(([e])=>e),r)),c=a.scope.handlers[s];if(!c)return;let l=t=>{c.call(e,t,...o.map(([,e])=>e.value))===!1&&t.preventDefault()},u=Oe(e)?l:be(e,l,i.signal);e.addEventListener(t,u,{signal:i.signal})},ut={text:(e,t)=>e.replaceChildren(t),html:(e,t)=>e.replaceChildren(pe(t)),"html-unsafe":(e,t)=>{e.innerHTML=t}},dt=(e,t)=>{let n=O(`<svg>${e}</svg>`).firstElementChild;return[...(t?k(n):n).childNodes]},ft={html:(e,t)=>e.replaceChildren(...dt(t,!0)),"html-unsafe":(e,t)=>e.replaceChildren(...dt(t,!1))},H=e=>e==null||e===``,pt=(e,t,n)=>{let r=[`html-unsafe`,`html`].find(t=>e.hasAttribute(t))??`text`,i=[...e.childNodes];if(e.namespaceURI===V){let a=r===`text`,o=a?document.createTextNode(``):document.createElementNS(V,`g`);e.replaceWith(o);let s=ft[r];B(n,()=>{let r=j(t,n);a?o.data=H(r)?e.textContent:String(r):H(r)?o.replaceChildren(...i):s(o,String(r))});return}let a=ut[r];B(n,()=>{let r=j(t,n);H(r)?e.replaceChildren(...i):a(e,String(r))})},mt=(e,t,n,r,i)=>{let a=ve(r.signal),o={instance:r.instance,vars:i,signal:a.signal,disposers:[]},s=document.createDocumentFragment();s.append(e.cloneNode(!0)),U(s,o);let c=[...s.childNodes];return t.insertBefore(s,n),{nodes:c,dispose(){a.abort();for(let e of o.disposers)e();for(let e of c)e.remove()}}},ht=e=>{let t=document.createDocumentFragment();return t.append(...e.childNodes),t},gt={eq:(e,t)=>String(e)===t,neq:(e,t)=>String(e)!==t,gt:(e,t)=>Number(e)>Number(t),gte:(e,t)=>Number(e)>=Number(t),lt:(e,t)=>Number(e)<Number(t),lte:(e,t)=>Number(e)<=Number(t),contains:(e,t)=>Array.isArray(e)?e.some(e=>String(e)===t):String(e??``).includes(t)},_t=(e,t,n)=>t?gt[t](e,n):!!e,vt=(e,t)=>{let n=A(e.getAttribute(`when`),`<${e.localName}> when`,t),r=ht(e);if(!n)return;let i=e.localName===`is-hidden`,a=rt.find(t=>e.hasAttribute(t)),o=a?e.getAttribute(a):``,s;B(t,()=>{let c=_t(j(n,t),a,o)!==i;T(()=>{c&&!s?s=mt(r,e,null,t,t.vars):!c&&s&&(s.dispose(),s=void 0)})}),t.disposers.push(()=>s?.dispose())},yt=(e,t,n,r,i)=>{let a=A(e.getAttribute(`of`)??e.getAttribute(`repeat`),`repeat`,i);if(!a)return;let o=e.getAttribute(`as`)??`item`,c=e.getAttribute(`index`),l=e.getAttribute(`key`),u=()=>r?.parentNode??n,d=new Map,f=(e,n)=>{let a=D({value:e}),s=D({value:n}),l=[...i.vars,[o,a],...c?[[c,s]]:[]];return{...mt(t,u(),r,i,l),item:a,index:s}};B(i,()=>{let e=j(a,i),t=Array.isArray(e)?[...e]:[];T(()=>{let e=new Map,n=[];t.forEach((t,r)=>{let a=l?t?.[l]:r;e.has(a)&&(s(`<${i.instance.host.localName}> repeat has a duplicate key "${String(a)}".`),a=Symbol());let o=d.get(a);o?(d.delete(a),o.item.value=t,o.index.value=r):o=f(t,r),e.set(a,o),n.push(o)});for(let e of d.values())e.dispose();d=e;let a=r;for(let e of n.reverse())for(let t of e.nodes.toReversed())t.nextSibling!==a&&u().insertBefore(t,a),a=t})}),i.disposers.push(()=>{for(let e of d.values())e.dispose()})},bt=(e,t)=>{let n=document.createComment(`repeat`);e.replaceWith(n);let r=e.cloneNode(!0);for(let e of[`repeat`,`as`,`index`,`key`])r.removeAttribute(e);yt(e,r,n.parentNode,n,t)},xt=(e,t)=>{for(let{name:n,value:i}of[...e.attributes])n.length>1&&n.startsWith(`_`)?(e.removeAttribute(n),ct(e,n.slice(1),i,t)):n.startsWith(`realm:on`)?(e.removeAttribute(n),lt(e,n.slice(r.length),i,t)):n===`ref`&&(t.instance.refs[i]=e)},St=(e,t)=>{let n=e.localName;if(n===`is-visible`||n===`is-hidden`)return vt(e,t);if(n===`repeat-list`)return yt(e,ht(e),e,null,t);if(e.hasAttribute(`repeat`))return bt(e,t);n.includes(`-`)&&z(n),U(e,t),xt(e,t),Oe(e)&&ze(e,t),e.hasAttribute(`focusgroup`)&&Ke(e,t.signal);let r=e.getAttribute(`name`);if(n===`slot`&&r&&/^[#@!]/.test(r)){let n=A(r,`<slot> name`,t);n&&pt(e,n,t)}},U=(e,t)=>{for(let n of[...e.children])St(n,t)},Ct=/var\(\s*--((?:attr|state)-[\w-]+)/g,wt=/:state\(\s*((?:attr|state)-[\w-]+)\s*\)/g,Tt=/^(attr|state)-(.+)$/,Et=/^(attr|state)-(.+?)(?:-(is|gt|gte|lt|lte)-(.+))?$/,Dt={is:`eq`,gt:`gt`,gte:`gte`,lt:`lt`,lte:`lte`},Ot=(e,t)=>{for(let n of e.matchAll(Ct))t.variables.add(n[1]);for(let n of e.matchAll(wt))t.states.add(n[1])},kt=(e,t)=>{let n=e.host,r=D({}),i=()=>{for(let e of t)r[e]=n.getAttribute(e)};i();let a=new MutationObserver(i);return a.observe(n,{attributes:!0,attributeFilter:t}),e.disposers.push(()=>a.disconnect()),r},At=(e,t)=>{let{variables:n,states:r}=e.definition.css;if(!n.size&&!r.size)return;let i=[...[...n].map(e=>Tt.exec(e)),...[...r].map(e=>Et.exec(e))].filter(t=>t[1]===`attr`&&!e.propAttributes.has(t[2])).map(e=>e[2]),a=kt(e,[...new Set(i)]),o=(n,r)=>{if(n===`attr`){let t=e.propAttributes.get(r);return t===void 0?a[r]:e.props?.[t]}return j({text:`#${r}`,negate:!1,kind:`#`,path:r.split(`-`)},t)},s=e.host.style;for(let t of n){let[,n,r]=Tt.exec(t);e.disposers.push(w(()=>{let e=o(n,r);e==null||typeof e==`object`?s.setProperty(`--${t}`,`initial`):s.setProperty(`--${t}`,String(e))}))}for(let t of r){let[,n,r,i,a=``]=Et.exec(t),s=i?Dt[i]:void 0;e.disposers.push(w(()=>{_t(o(n,r),s,a)?e.internals.states.add(t):e.internals.states.delete(t)}))}},jt=new Set([`checkbox`,`radio`]),Mt=new Set(`text email password number search tel url date time datetime-local month week`.split(` `)),Nt=e=>{let t=e.refs.control;if(!e.definition.formAssociated||!t)return;let n=e.host,r=new Set(e.propAttributes.values()),i=r.has(`checked`)&&jt.has(t.type),a=typeof e.props?.value==`number`,o=()=>t.willValidate?e.internals.setValidity(t.validity,t.validationMessage,t):e.internals.setValidity({}),s=()=>{i?n.checked=t.checked:r.has(`value`)&&(n.value=a?Number(t.value):t.value),o()},c=[...e.internals.labels].map(e=>e.textContent.trim()).join(` `);c&&!t.hasAttribute(`aria-label`)&&t.setAttribute(`aria-label`,c);let{signal:l}=e;t.addEventListener(`input`,s,{signal:l}),t.addEventListener(`change`,()=>{s(),n.dispatchEvent(new Event(`change`,{bubbles:!0}))},{signal:l}),t.addEventListener(`keydown`,n=>{let r=e.internals.form;n.key===`Enter`&&r&&Mt.has(t.type)&&(n.preventDefault(),HTMLFormElement.prototype.requestSubmit.call(r))},{signal:l}),e.disposers.push(w(()=>{e.props?.value,e.props?.checked,o()}))},Pt=crypto.randomUUID(),W=new Map,G=new Map,Ft={register(e,t){let n=W.get(e);W.delete(e),n?.(t)},handler(e,t){G.set(e,t)}},It=Symbol.for(`realm`),Lt=globalThis,Rt=Lt[It]??new Map;Lt[It]=Rt,Rt.set(Pt,Ft);var K=new Set,zt=`globalThis[Symbol.for("realm")].get(${JSON.stringify(Pt)})`,Bt=0,Vt=e=>`${e}:${++Bt}`,Ht=(e,t,n)=>{let r=document.createElement(`script`);t&&(r.type=`module`),n&&r.addEventListener(`error`,n,{once:!0});let i=document.querySelector(`script[nonce]`)?.nonce;i&&(r.nonce=i),r.textContent=e,document.head.append(r),r.remove()},q=()=>({get:()=>void 0,handlers:[]}),Ut=(e,t,n,r)=>new Promise(i=>{let a=()=>{W.delete(e)&&(s(`<${r}> has an error in its <script>. The component renders without it.`),i(q))};W.set(e,i),Ht(t,n,a),n||a()}),Wt=e=>{let t=Vt(`handler`);Ht(`${zt}.handler(${JSON.stringify(t)}, function (event) {\n${e}\n});`,!1);let n=G.get(t);return G.delete(t),n},Gt=new WeakMap,Kt=(e,t)=>c(c(Gt,e,()=>new Map),t,()=>({fn:null,code:null,listening:!1})),qt=(e,t,n,r)=>{let i=Kt(e,t);i.fn=n,i.code=r,n&&!i.listening&&(i.listening=!0,e.addEventListener(t,t=>{i.fn?.call(e,t)===!1&&t.preventDefault()}))},Jt=(e,t)=>{let n=t.slice(2);Object.defineProperty(e,t,{configurable:!0,get(){return Gt.get(this)?.get(n)?.fn??null},set(e){qt(this,n,typeof e==`function`?e:null,null)}})},Yt=(e,t,n)=>{if(!e.constructor.observedAttributes.includes(t))return;let r=t.slice(2);if(n===null)return qt(e,r,null,null);Kt(e,r).code!==n&&qt(e,r,Wt(n)??null,n)},Xt=/^[^\s@]+@[^\s@]+\.[^\s@]+$/,J=e=>({ok:!0,value:e}),Y=e=>({ok:!1,message:e}),Zt=e=>typeof e==`object`&&!!e&&!Array.isArray(e),X=class e{kind;rules;constructor(e,t={}){this.kind=e,this.rules=t}#e(t){return new e(this.kind,{...this.rules,...t})}default(e){return this.#e({default:e,hasDefault:!0})}required(){return this.#e({required:!0})}optional(){return this.#e({required:!1})}reflect(){return this.#e({reflect:!0})}attribute(e){return this.#e({attribute:e})}min(e){return this.#e({min:e})}max(e){return this.#e({max:e})}int(){return this.#e({int:!0})}pattern(e){return this.#e({pattern:e})}email(){return this.#e({format:`email`})}url(){return this.#e({format:`url`})}get fallback(){if(this.rules.hasDefault){let e=this.rules.default;return Zt(e)||Array.isArray(e)?structuredClone(e):e}return this.kind!==`boolean`&&void 0}parse(e){if(this.kind===`boolean`)return J(e!==null);if(e===null)return this.check(void 0);switch(this.kind){case`number`:return e.trim()===``?Y(`"${e}" is not a number`):this.check(Number(e));case`date`:return this.check(new Date(e));case`array`:case`object`:try{return this.check(JSON.parse(e))}catch{return Y(`"${e}" is not valid JSON`)}default:return this.check(e)}}check(e){if(e==null)return this.rules.hasDefault?J(this.fallback):this.rules.required?Y(`is required`):J(this.kind!==`boolean`&&e);let t=this.#t(e);return t?Y(t):J(e)}#t(e){let{rules:t}=this;switch(this.kind){case`string`:return typeof e==`string`?t.min!==void 0&&e.length<t.min?`must be at least ${t.min} characters`:t.max!==void 0&&e.length>t.max?`must be at most ${t.max} characters`:t.pattern&&!t.pattern.test(e)?`must match ${t.pattern}`:t.format===`email`&&!Xt.test(e)?`must be an email address`:t.format===`url`&&!URL.canParse(e)?`must be a URL`:void 0:`expected a string, got ${typeof e}`;case`number`:return typeof e!=`number`||Number.isNaN(e)?`"${String(e)}" is not a number`:t.int&&!Number.isInteger(e)?`must be an integer`:t.min!==void 0&&e<t.min?`must be at least ${t.min}`:t.max!==void 0&&e>t.max?`must be at most ${t.max}`:void 0;case`boolean`:return typeof e==`boolean`?void 0:`expected a boolean, got ${typeof e}`;case`enum`:return t.values?.includes(e)?void 0:`must be one of ${t.values?.map(e=>`"${e}"`).join(`, `)}`;case`date`:return e instanceof Date&&!Number.isNaN(e.getTime())?void 0:`is not a valid date`;case`array`:if(!Array.isArray(e))return`expected an array`;for(let[n,r]of e.entries()){let e=t.item?.check(r);if(e&&!e.ok)return`[${n}] ${e.message}`}return;case`object`:if(!Zt(e))return`expected an object`;for(let[n,r]of Object.entries(t.shape??{})){let t=r.check(e[n]);if(!t.ok)return`.${n} ${t.message}`}return}}serialize(e){return e==null||e===!1?null:e===!0?``:e instanceof Date?e.toISOString():typeof e==`object`?JSON.stringify(e):String(e)}},Qt={string:()=>new X(`string`),number:()=>new X(`number`),boolean:()=>new X(`boolean`),date:()=>new X(`date`),enum:e=>new X(`enum`,{values:e}),array:e=>new X(`array`,{item:e}),object:e=>new X(`object`,{shape:e})},$t=e=>e.replace(/[A-Z]/g,e=>`-${e.toLowerCase()}`),en=(e,t)=>{if(e.props)throw Error(`<${e.host.localName}> called defineProps more than once.`);let n=e.host,r=n.localName,i=D({}),a=e.propAttributes,o=(e,t,n)=>{n.ok?i[e]=n.value:(s(`<${r}> prop "${e}" ${n.message}. Using the default.`),i[e]=t.fallback)},c=()=>{for(let[e,r]of a)o(r,t[r],t[r].parse(n.getAttribute(e)))};for(let[e,r]of Object.entries(t)){let t=r.rules.attribute??$t(e);a.set(t,e);let s=Object.hasOwn(n,e),c=n[e];s&&delete n[e],Object.defineProperty(n,e,{configurable:!0,enumerable:!0,get:()=>i[e],set:a=>{if(o(e,r,r.check(a)),!r.rules.reflect)return;let s=r.serialize(i[e]);s===null?n.removeAttribute(t):n.setAttribute(t,s)}}),s?n[e]=c:o(e,r,r.parse(n.getAttribute(t)))}let l=new MutationObserver(e=>{for(let r of e){let e=r.attributeName,s=a.get(e),c=t[s],l=n.getAttribute(e);l!==c.serialize(i[s])&&o(s,c,c.parse(l))}});l.observe(n,{attributes:!0,attributeFilter:[...a.keys()]}),e.disposers.push(()=>{l.disconnect();for(let e of Object.keys(t))delete n[e]});let{formAssociated:u}=e.definition;if(e.props=new Proxy(i,{get(t,n,r){let i=Reflect.get(t,n,r);return n===`disabled`&&u?!!i||e.form.disabled:i},set(e,i,a){return typeof i==`string`&&Object.hasOwn(t,i)?n[i]=a:s(`<${r}> "${String(i)}" is not a declared prop.`),!0}}),u){let r=Object.hasOwn(t,`checked`);(r||Object.hasOwn(t,`value`))&&e.disposers.push(w(()=>{let t=i.value===void 0||i.value===null?null:String(i.value);e.internals.setFormValue(r?i.checked?t??`on`:null:t)})),e.formReset.push(c),e.formStateRestore.push(e=>{r?n.checked=e!==null:n.value=e})}return e.props},tn=new Map,nn=e=>({get:t=>e.getItem(t),set:(t,n)=>e.setItem(t,n)}),rn=e=>e===`local`?nn(localStorage):e===`session`?nn(sessionStorage):e,an=(e,t)=>{let n=Object.getOwnPropertyDescriptor(e,t);return!n||`value`in n},on=(e,t,n={})=>{let r=tn.get(e);if(r)return r;let i=D(t),a=rn(n.persist);if(tn.set(e,i),!a)return i;let o=`realm:${e}`,c=a.get(o);if(c!==null)try{let e=JSON.parse(c);for(let[n,r]of Object.entries(e))an(t,n)&&(i[n]=r)}catch{s(`Stored value for store "${e}" is not valid JSON and was ignored.`)}let l=i;return w(()=>a.set(o,JSON.stringify(Object.fromEntries(Object.keys(l).filter(e=>an(t,e)).map(e=>[e,l[e]]))))),i},sn={get:()=>void 0,handlers:[]},Z=new WeakMap,Q=e=>e.parentNode instanceof ShadowRoot?e.parentNode.host:e.parentNode,cn=e=>{let t=0;for(let n=e.getRootNode();n instanceof ShadowRoot;n=n.host.getRootNode())t++;return t},ln=e=>{for(let t=Q(e);t;t=Q(t))if(t instanceof Element&&K.has(t.localName))return t.localName},un=class{host;definition;internals;controller=new AbortController;refs=D({});disposers=[];connected=[];disconnected=[];formReset=[];formDisabled=[];formStateRestore=[];props;propAttributes=new Map;form=D({disabled:!1});childWatchers=new Set;attrs;scope=sn;loading=0;constructor(e,t,n){this.host=e,this.definition=t,this.internals=n}get signal(){return this.controller.signal}has(e){return this.definition.names.has(e)}get(e){return this.scope.get(e)}findInParents(e,t){for(let n=Q(this.host);n;n=Q(n)){let r=Z.get(n);if(r?.has(e))return t&&!r.host.contains(this.host)&&s(`<${this.host.localName}> reads "${e}" from <${r.host.localName}>.`),{value:r.get(e)}}}setLoading(e){this.loading+=e,this.loading>0?this.internals.states.add(`loading`):this.internals.states.delete(`loading`)}destroy(){for(let e of this.disconnected)e();this.controller.abort();for(let e of this.disposers.splice(0))e();this.host.shadowRoot?.replaceChildren(),Z.delete(this.host)}},dn=e=>{if(e.attrs)return e.attrs;let t=e.host,n=D({}),r=()=>{for(let{name:e,value:r}of t.attributes)n[e]=r;for(let e of Object.keys(n))t.hasAttribute(e)||(n[e]=null)};r();let i=new MutationObserver(r);return i.observe(t,{attributes:!0}),e.disposers.push(()=>i.disconnect()),e.attrs=new Proxy(n,{get:(e,t)=>e[t]??null,set(e,n,i){return i==null||i===!1?t.removeAttribute(n):t.setAttribute(n,i===!0?``:String(i)),r(),!0}}),e.attrs},fn=e=>{let t=new Set;e.addEventListener(`abort`,()=>{for(let e of t)clearTimeout(e)});let n=e=>{e!==void 0&&t.delete(e),clearTimeout(e)};return{setTimeout(e,n,...r){let i=window.setTimeout(()=>{t.delete(i),e(...r)},n);return t.add(i),i},setInterval(e,n,...r){let i=window.setInterval(e,n,...r);return t.add(i),i},clearTimeout:n,clearInterval:n}},pn=e=>({...fn(e.signal),untrack:T,defineProps:t=>en(e,t),useState:D,useChildren(t,n=[]){let r=e.host,i=D([]),a=()=>{i.length=0,i.push(...[...r.children].filter(e=>e.matches(t)))};a(),e.childWatchers.add(a);let o=new MutationObserver(a);return o.observe(r,{childList:!0,subtree:!0,characterData:!0,attributeFilter:n}),e.disposers.push(()=>o.disconnect()),i},tick:ne,listen:(t,n,r=e.host)=>r.addEventListener(t,n,{signal:e.signal}),defineMethods(t){let n=e.host,r=Object.getOwnPropertyDescriptors(t);for(let[e,t]of Object.entries(r))Object.defineProperty(n,e,{...t,configurable:!0});e.disposers.push(()=>{for(let e of Object.keys(r))delete n[e]})},dispatch:(t,n,r)=>e.host.dispatchEvent(new CustomEvent(t,{bubbles:!0,composed:!0,cancelable:!0,detail:n,...r})),attrs:new Proxy({},{get:(t,n)=>dn(e)[n],set:(t,n,r)=>(dn(e)[n]=r,!0)}),observe(t){let n=w(t);return e.disposers.push(n),n},onConnected:t=>e.connected.push(t),onDisconnected:t=>e.disconnected.push(t),onFormReset:t=>e.formReset.push(t),onFormDisabled:t=>e.formDisabled.push(t),onFormStateRestore:t=>e.formStateRestore.push(t),defineStore:on,lookup:(t,n)=>(e.findInParents(t,n)??{value:globalThis[t]}).value,prop:Qt,host:e.host,refs:e.refs,signal:e.signal,internals:e.internals}),mn=class extends HTMLElement{static definition;#e=this.attachInternals();#t;#n=!1;get#r(){return this.constructor.definition}connectedCallback(e){this.#n=!1;for(let e of this.attributes)Yt(this,e.name,e.value);if(this.#t||this.closest(`custom-element`))return;let t=ln(this);if(t){customElements.whenDefined(t).then(()=>{this.isConnected&&this.connectedCallback()});return}let n=cn(this);if(n>1e3){s(`<${this.localName}> is nested 1000 deep. Stop its recursion with a condition.`);return}if(n%32>30&&!e){queueMicrotask(()=>this.isConnected&&this.connectedCallback(!0));return}let r=this.#r;r.slot&&!this.hasAttribute(`slot`)&&(this.slot=r.slot);let i=this.shadowRoot??this.attachShadow({mode:`open`,delegatesFocus:r.delegatesFocus});i.adoptedStyleSheets=r.sheets,r.role&&(this.#e.role=r.role);let a=new un(this,r,this.#e);this.#t=a,Z.set(this,a),r.formAssociated&&(a.form.disabled=this.matches(`:disabled`));try{a.scope=r.setup(pn(a))}catch(e){o(e)}let c={instance:a,vars:[],signal:a.signal,disposers:a.disposers};At(a,c);let l=document.importNode(r.markup,!0);U(l,c),i.append(l),Nt(a);let u=this.parentElement&&Z.get(this.parentElement);if(u)for(let e of u.childWatchers)e();for(let e of a.connected){let t=e();typeof t==`function`&&a.disposers.push(t)}}disconnectedCallback(){this.#n=!0,queueMicrotask(()=>{this.#n&&!this.isConnected&&(this.#t?.destroy(),this.#t=void 0)})}attributeChangedCallback(e,t,n){this.isConnected&&Yt(this,e,n)}formResetCallback(){for(let e of this.#t?.formReset??[])e()}formDisabledCallback(e){this.#t&&(this.#t.form.disabled=e);for(let t of this.#t?.formDisabled??[])t(e)}formStateRestoreCallback(e,t){for(let n of this.#t?.formStateRestore??[])n(e,t)}},hn=e=>{let t=e.events.filter(e=>!(`on${e}`in HTMLElement.prototype)).map(e=>`on${e}`),n=class extends mn{static definition=e;static formAssociated=e.formAssociated;static observedAttributes=t};for(let e of t)Jt(n.prototype,e);customElements.define(e.name,n)},gn=new CSSStyleSheet;gn.replaceSync(`is-visible, is-hidden, repeat-list { display: contents; } :host([hidden]), [hidden]:not([hidden='until-found']) { display: none !important; } :not(:defined):not(is-visible, is-hidden, repeat-list) { visibility: hidden; }`);var _n=new Map,vn=/(?:new\s+(?:Custom)?Event|\bdispatch)\s*\(\s*(["'`])([a-z][\w-]*)\1/g,yn=(e,t)=>{let n=new CSSStyleSheet;if(e.localName===`style`)return n.replaceSync(e.textContent),n;let r=new URL(e.getAttribute(`href`)??``,t).href;return fetch(r).then(e=>e.ok?e.text():Promise.reject(Error(`HTTP ${e.status}`))).then(e=>n.replace(e)).catch(e=>s(`Could not load stylesheet ${r}: ${e.message}`)),n},bn=async(e,t)=>{try{let n=await import(t);e.names=new Set(n.names),e.setup=n.default}catch(n){s(`<${e.name}> could not load its script ${t}: ${n.message}`),e.setup=q}},$=async(n,i,a)=>{let o=n.getAttribute(`name`)??``;if(!o.includes(`-`)){s(`<custom-element name="${o}"> needs a name that contains a dash, like "todo-app".`);return}let c=n.outerHTML,l=_n.get(o);if(l){l.source!==c&&s(`<${o}> is defined twice with different sources (${l.base} and ${i}). Keeping the first.`);return}if(customElements.get(o)){s(`<${o}> is already defined by another library.`);return}let u=[],d=[gn],f={variables:new Set,states:new Set},p=n.ownerDocument.createDocumentFragment();for(let e of[...n.childNodes])e instanceof Element&&e.localName===`script`?u.push(e):e instanceof Element&&(e.localName===`style`||e.localName===`link`&&e.getAttribute(`rel`)===`stylesheet`)?(d.push(yn(e,i)),Ot(e.textContent,f)):p.append(e);u.length>1&&s(`<${o}> has more than one <script>. Only the first is used.`);let m=u[0];a&&m&&m.type!==`realm`&&s(`<${o}> is defined in the page, so its <script> needs type="realm". A plain <script> already ran in the page scope.`);let h=t(p.children);for(let e of p.querySelectorAll(`*`))for(let{name:t,value:n}of[...e.attributes])t.length>2&&t.startsWith(`on`)&&(e.removeAttribute(t),e.setAttribute(r+t.slice(2),n));let g=m?.textContent??``,_=m?.getAttribute(`src`),v={name:o,source:c,base:i,markup:p,sheets:d,names:new Set,handlers:new Map([...h.keys()].map((e,t)=>[e,t])),events:[...new Set([...g.matchAll(vn)].map(e=>e[2]))],formAssociated:n.hasAttribute(`form-associated`),role:n.getAttribute(`role`),slot:n.getAttribute(`slot`),delegatesFocus:n.hasAttribute(`delegates-focus`),css:f,setup:void 0};if(_n.set(o,v),K.add(o),_)await bn(v,new URL(_,i).href);else if(!g.trim()&&!h.size)v.setup=q;else{let t=Vt(o),{imports:n,setup:r,names:a}=e(g,i,h);v.names=a,v.setup=await Ut(t,`${n}\n${zt}.register(${JSON.stringify(t)}, ${r});\n//# sourceURL=${i.split(`#`)[0]}#${o}`,n!==``,o)}K.delete(o),hn(v)},xn=new CSSStyleSheet;xn.replaceSync(`custom-element, import-element { display: none !important; } is-visible, is-hidden, repeat-list { display: contents; }`);var Sn=!1,Cn=e=>{e.remove(),$(e,document.baseURI,!0)},wn=e=>{for(let t of e.querySelectorAll(`custom-element`))Cn(t)},Tn=()=>{Sn||(Sn=!0,document.adoptedStyleSheets=[...document.adoptedStyleSheets,xn],customElements.get(`import-element`)||customElements.define(`import-element`,et),wn(document),new MutationObserver(e=>{for(let t of e)for(let e of t.addedNodes)e instanceof Element&&(e.localName===`custom-element`?Cn(e):wn(e))}).observe(document,{childList:!0,subtree:!0}),$e(document))};export{R as a,D as c,Qt as i,E as l,$ as n,w as o,on as r,S as s,Tn as t,T as u};

package/dist/compiler.js

@@ -0,0 +1 @@
+import{a as e,i as t,n}from"./chunks/assemble-DpEMX9rI.js";var r=`style, link[rel=stylesheet]`,i=e=>{let i=[...e.children],a=i.find(e=>e.localName===`script`);if(a?.hasAttribute(`src`))return;let o=i.filter(e=>e.localName!==`script`&&!e.matches(r)),s=a?.textContent??``,c=n(o);if(!s.trim()&&!c.size)return;let{imports:l,setup:u,names:d}=t(s,null,c);return{name:e.getAttribute(`name`)??``,script:a,module:`${l}\nexport const names = ${JSON.stringify([...d])};\nexport default ${u};\n`}};export{i as compileDefinition,e as tokenize};

package/dist/index.js

@@ -0,0 +1 @@
+export{n as defineComponent,r as defineStore,s as flush,a as importDefinitions,o as observe,i as prop,t as start,l as toRaw,u as untrack,c as useState}from"./chunks/src-9Arn-RRo.js";

package/dist/realm.css

@@ -1,9 +1,14 @@
-/**
- * @license Realm
- * @link https://realm.codes
- * @link https://github.com/realmorg
- * @copyright Copyright (c) Realmorg
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */:not(:defined){opacity:0}:defined{opacity:1;transition:opacity .15s ease}embed[element\:mount],embed[element]{display:none}
+custom-element,
+import-element {
+  display: none;
+}
+
+is-visible,
+is-hidden,
+repeat-list {
+  display: contents;
+}
+
+:not(:defined) {
+  visibility: hidden;
+}

package/dist/realm.js

@@ -0,0 +1 @@
+import{a as e,c as t,i as n,l as r,n as i,o as a,r as o,s,t as c,u as l}from"./chunks/src-9Arn-RRo.js";c();export{i as defineComponent,o as defineStore,s as flush,e as importDefinitions,a as observe,n as prop,c as start,r as toRaw,l as untrack,t as useState};

package/dist/types/assemble.d.ts

@@ -0,0 +1,10 @@
+export declare const HELPERS: string[];
+export declare const HANDLER_PREFIX = "realm:on";
+export type HandlerList = Map<string, [string[], string]>;
+export declare const handlerKey: (vars: readonly string[], code: string) => string;
+export declare const collectHandlers: (elements: Iterable<Element>, vars?: readonly string[], found?: HandlerList) => HandlerList;
+export declare const setupSource: (script: string, base: string | null, handlers: HandlerList) => {
+    imports: string;
+    setup: string;
+    names: Set<string>;
+};

package/dist/types/auto.d.ts

@@ -0,0 +1 @@
+export * from "./index";

package/dist/types/bindings.d.ts

@@ -0,0 +1,8 @@
+import { type Scope } from "./scope";
+declare const COMPARATORS: readonly ["eq", "neq", "gt", "gte", "lt", "lte", "contains"];
+type Comparator = (typeof COMPARATORS)[number];
+export declare const watch: (scope: Scope, fn: () => unknown) => void;
+export declare const applyAttribute: (el: Element, attribute: string, value: unknown) => void;
+export declare const compare: (value: unknown, comparator: Comparator | undefined, expected: string) => boolean;
+export declare const processTree: (root: ParentNode, scope: Scope) => void;
+export {};

package/dist/types/compiler.d.ts

@@ -0,0 +1,7 @@
+export interface CompiledDefinition {
+    name: string;
+    script: Element | undefined;
+    module: string;
+}
+export declare const compileDefinition: (definition: Element) => CompiledDefinition | undefined;
+export { tokenize } from "./scan";

package/dist/types/css.d.ts

@@ -0,0 +1,8 @@
+import type { Instance } from "./element";
+import { type Scope } from "./scope";
+export interface CssBindings {
+    variables: Set<string>;
+    states: Set<string>;
+}
+export declare const scanCss: (css: string, into: CssBindings) => void;
+export declare const bindCss: (instance: Instance, scope: Scope) => void;

package/dist/types/definition.d.ts

@@ -0,0 +1,3 @@
+import type { Definition } from "./types";
+export declare const defineComponent: (el: Element, base: string, inline: boolean) => Promise<void>;
+export declare const getDefinition: (name: string) => Definition | undefined;

package/dist/types/element.d.ts

@@ -0,0 +1,46 @@
+import type { Definition, SetupResult } from "./types";
+type Hook = () => unknown;
+export declare const instances: WeakMap<Node, Instance>;
+export declare class Instance {
+    readonly host: RealmElement;
+    readonly definition: Definition;
+    readonly internals: ElementInternals;
+    readonly controller: AbortController;
+    readonly refs: Record<string, Element>;
+    readonly disposers: (() => void)[];
+    readonly connected: Hook[];
+    readonly disconnected: Hook[];
+    readonly formReset: Hook[];
+    readonly formDisabled: ((disabled: boolean) => void)[];
+    readonly formStateRestore: ((state: unknown, mode: string) => void)[];
+    props: Record<string, unknown> | undefined;
+    readonly propAttributes: Map<string, string>;
+    readonly form: {
+        disabled: boolean;
+    };
+    readonly childWatchers: Set<() => void>;
+    attrs: Record<string, string | null> | undefined;
+    scope: SetupResult;
+    loading: number;
+    constructor(host: RealmElement, definition: Definition, internals: ElementInternals);
+    get signal(): AbortSignal;
+    has(name: string): boolean;
+    get(name: string): unknown;
+    findInParents(name: string, report?: boolean): {
+        value: unknown;
+    } | undefined;
+    setLoading(delta: number): void;
+    destroy(): void;
+}
+export declare class RealmElement extends HTMLElement {
+    #private;
+    static definition: Definition;
+    connectedCallback(deferred?: boolean): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(name: string, _old: string | null, value: string | null): void;
+    formResetCallback(): void;
+    formDisabledCallback(disabled: boolean): void;
+    formStateRestoreCallback(state: unknown, mode: string): void;
+}
+export declare const mountElementClass: (definition: Definition) => void;
+export {};

package/dist/types/fetch.d.ts

@@ -0,0 +1,3 @@
+import { type Scope } from "./scope";
+export declare const wantsFetch: (el: Element) => boolean;
+export declare const setupFetch: (el: Element, scope: Scope) => void;

package/dist/types/focusgroup.d.ts

@@ -0,0 +1,2 @@
+export declare const items: (group: Element) => HTMLElement[];
+export declare const bindFocusgroup: (group: Element, signal: AbortSignal) => void;

package/dist/types/forms.d.ts

@@ -0,0 +1,2 @@
+import type { Instance } from "./element";
+export declare const bindControl: (instance: Instance) => void;

package/dist/types/handlers.d.ts

@@ -0,0 +1,2 @@
+export declare const definePageHandlerProperty: (prototype: object, attribute: string) => void;
+export declare const bindPageHandler: (el: Element, name: string, value: string | null) => void;

package/dist/types/index.d.ts

@@ -0,0 +1,7 @@
+export { defineComponent } from "./definition";
+export { importDefinitions } from "./loader";
+export { prop } from "./props";
+export { effect as observe, flush, reactive as useState, toRaw, untrack } from "./reactivity";
+export { start } from "./start";
+export { defineStore } from "./store";
+export type { Context, StorageAdapter, StoreOptions } from "./types";

package/dist/types/loader.d.ts

@@ -0,0 +1,7 @@
+export declare const importDefinitions: (url: string, chain?: ReadonlySet<string>) => Promise<void>;
+export declare const noticeTag: (name: string) => void;
+export declare const watchDocumentTags: (root: Document) => void;
+export declare class ImportElement extends HTMLElement {
+    #private;
+    connectedCallback(): Promise<void>;
+}

package/dist/types/log.d.ts

@@ -0,0 +1,2 @@
+export declare const report: (error: unknown) => void;
+export declare const warn: (message: string) => void;

package/dist/types/map.d.ts

@@ -0,0 +1 @@
+export declare const getOrCreate: <K, V>(map: Map<K, V> | WeakMap<K & object, V>, key: K, create: () => V) => V;

package/dist/types/props-runtime.d.ts

@@ -0,0 +1,3 @@
+import type { Instance } from "./element";
+import { type PropType } from "./props";
+export declare const attachProps: (instance: Instance, schema: Record<string, PropType>) => Record<string, unknown>;

package/dist/types/props.d.ts

@@ -0,0 +1,55 @@
+type Kind = "string" | "number" | "boolean" | "enum" | "array" | "object" | "date";
+export type Result = {
+    ok: true;
+    value: unknown;
+} | {
+    ok: false;
+    message: string;
+};
+interface Rules {
+    default?: unknown;
+    hasDefault?: boolean;
+    required?: boolean;
+    reflect?: boolean;
+    attribute?: string;
+    min?: number;
+    max?: number;
+    int?: boolean;
+    pattern?: RegExp;
+    format?: "email" | "url";
+    values?: readonly string[];
+    item?: PropType;
+    shape?: Record<string, PropType>;
+}
+export declare class PropType {
+    #private;
+    readonly kind: Kind;
+    readonly rules: Rules;
+    constructor(kind: Kind, rules?: Rules);
+    default(value: unknown): PropType;
+    required(): PropType;
+    optional(): PropType;
+    reflect(): PropType;
+    attribute(name: string): PropType;
+    min(value: number): PropType;
+    max(value: number): PropType;
+    int(): PropType;
+    pattern(value: RegExp): PropType;
+    email(): PropType;
+    url(): PropType;
+    get fallback(): unknown;
+    parse(text: string | null): Result;
+    check(value: unknown): Result;
+    serialize(value: unknown): string | null;
+}
+export declare const prop: {
+    string: () => PropType;
+    number: () => PropType;
+    boolean: () => PropType;
+    date: () => PropType;
+    enum: (values: readonly string[]) => PropType;
+    array: (item?: PropType) => PropType;
+    object: (shape?: Record<string, PropType>) => PropType;
+};
+export declare const toAttributeName: (key: string) => string;
+export {};

package/dist/types/reactivity.d.ts

@@ -0,0 +1,8 @@
+export declare const flush: () => void;
+export declare const tick: () => Promise<void>;
+export declare const effect: (fn: () => unknown) => () => void;
+export declare const untrack: <T>(fn: () => T) => T;
+export declare const isObservable: (value: unknown) => value is object;
+export declare const toRaw: <T>(value: T) => T;
+export declare const isReactive: (value: unknown) => boolean;
+export declare const reactive: <T extends object>(target: T) => T;

package/dist/types/registry.d.ts

@@ -0,0 +1,7 @@
+import type { Handler, Setup } from "./types";
+export declare const settingUp: Set<string>;
+export declare const RUNTIME: string;
+export declare const nextId: (prefix: string) => string;
+export declare const EMPTY_SETUP: Setup;
+export declare const runSetupScript: (id: string, code: string, module: boolean, label: string) => Promise<Setup>;
+export declare const compileHandler: (code: string) => Handler | undefined;

package/dist/types/sanitize.d.ts

@@ -0,0 +1,4 @@
+export declare const parseHTML: (html: string) => HTMLElement;
+export declare const clean: (root: Element) => Element;
+export declare const toFragment: (root: Element) => DocumentFragment;
+export declare const sanitize: (html: string) => DocumentFragment;

package/dist/types/scan.d.ts

@@ -0,0 +1,17 @@
+type TokenType = "name" | "punct" | "string" | "number" | "regex" | "template";
+export interface Token {
+    type: TokenType;
+    value: string;
+    newline: boolean;
+}
+export declare const KEYWORDS: Set<string>;
+export declare const tokenize: (source: string) => Token[];
+export declare const topLevelNames: (source: string) => Set<string>;
+export declare const freeNames: (code: string, names?: Set<string>) => Set<string>;
+export interface ImportSplit {
+    imports: string;
+    body: string;
+    names: Set<string>;
+}
+export declare const splitImports: (source: string, base: string | null) => ImportSplit;
+export {};

package/dist/types/scope.d.ts

@@ -0,0 +1,20 @@
+import type { Instance } from "./element";
+export interface Box {
+    value: unknown;
+}
+export interface Scope {
+    instance: Instance;
+    vars: ReadonlyArray<readonly [string, Box]>;
+    signal: AbortSignal;
+    disposers: (() => void)[];
+}
+export interface Reference {
+    text: string;
+    negate: boolean;
+    kind: "#" | "@";
+    path: string[];
+}
+export declare const parseReference: (text: string) => Reference | undefined;
+export declare const requireReference: (text: string | null, where: string, scope: Scope) => Reference | undefined;
+export declare const readReference: (reference: Reference, scope: Scope) => unknown;
+export declare const writeReference: (reference: Reference, scope: Scope, update: (current: unknown) => unknown) => void;

package/dist/types/signal.d.ts

@@ -0,0 +1 @@
+export declare const childController: (parent: AbortSignal) => AbortController;

package/dist/types/start.d.ts

@@ -0,0 +1 @@
+export declare const start: () => void;

package/dist/types/store.d.ts

@@ -0,0 +1,2 @@
+import type { StoreOptions } from "./types";
+export declare const defineStore: <T extends object>(name: string, initial: T, options?: StoreOptions) => T;

package/dist/types/time.d.ts

@@ -0,0 +1,4 @@
+export declare const parseDuration: (text: string) => number;
+type Callback = (event: Event) => void;
+export declare const withTiming: (el: Element, callback: Callback, signal: AbortSignal) => Callback;
+export {};