sigmx 0.1.0

package/dist/plugins/actions/intl.js

@@ -0,0 +1,21 @@
+import { action } from "../../core/index.js";
+const formats = {
+  number: (l, v, o) => new Intl.NumberFormat(l, o).format(v),
+  datetime: (l, v, o) => new Intl.DateTimeFormat(l, o).format(v),
+  pluralRules: (l, v, o) => new Intl.PluralRules(l, o).select(v),
+  relativeTime: (l, v, o) => new Intl.RelativeTimeFormat(l, o).format(v[0], v[1]),
+  list: (l, v, o) => new Intl.ListFormat(l, o).format(v),
+  displayNames: (l, v, o) => new Intl.DisplayNames(l, o).of(v) ?? ""
+};
+const intl = action({
+  name: "intl",
+  call: ({ error }, type, value, options, locale) => {
+    const f = formats[type];
+    if (!f) throw error(`unknown @intl type "${type}"`);
+    return f(locale, value, options);
+  }
+});
+export {
+  intl
+};
+//# sourceMappingURL=intl.js.map

package/dist/plugins/actions/intl.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/plugins/actions/intl.ts"],
+  "sourcesContent": ["import { action } from '../../core/index.js'\n\ntype Fmt = (locale: string | string[] | undefined, value: any, options: any) => string\nconst formats: Record<string, Fmt> = {\n  number: (l, v, o) => new Intl.NumberFormat(l, o).format(v),\n  datetime: (l, v, o) => new Intl.DateTimeFormat(l, o).format(v),\n  pluralRules: (l, v, o) => new Intl.PluralRules(l, o).select(v),\n  relativeTime: (l, v, o) => new Intl.RelativeTimeFormat(l, o).format(v[0], v[1]),\n  list: (l, v, o) => new Intl.ListFormat(l, o).format(v),\n  displayNames: (l, v, o) => new Intl.DisplayNames(l, o).of(v) ?? '',\n}\n\n/** `@intl('number', 1234.5, { style: 'currency', currency: 'USD' }, 'en-US')`. */\nexport const intl = action({\n  name: 'intl',\n  call: ({ error }, type: string, value: unknown, options?: Record<string, unknown>, locale?: string | string[]) => {\n    const f = formats[type]\n    if (!f) throw error(`unknown @intl type \"${type}\"`)\n    return f(locale, value, options)\n  },\n})\n"],
+  "mappings": "AAAA,SAAS,cAAc;AAGvB,MAAM,UAA+B;AAAA,EACnC,QAAQ,CAAC,GAAG,GAAG,MAAM,IAAI,KAAK,aAAa,GAAG,CAAC,EAAE,OAAO,CAAC;AAAA,EACzD,UAAU,CAAC,GAAG,GAAG,MAAM,IAAI,KAAK,eAAe,GAAG,CAAC,EAAE,OAAO,CAAC;AAAA,EAC7D,aAAa,CAAC,GAAG,GAAG,MAAM,IAAI,KAAK,YAAY,GAAG,CAAC,EAAE,OAAO,CAAC;AAAA,EAC7D,cAAc,CAAC,GAAG,GAAG,MAAM,IAAI,KAAK,mBAAmB,GAAG,CAAC,EAAE,OAAO,EAAE,CAAC,GAAG,EAAE,CAAC,CAAC;AAAA,EAC9E,MAAM,CAAC,GAAG,GAAG,MAAM,IAAI,KAAK,WAAW,GAAG,CAAC,EAAE,OAAO,CAAC;AAAA,EACrD,cAAc,CAAC,GAAG,GAAG,MAAM,IAAI,KAAK,aAAa,GAAG,CAAC,EAAE,GAAG,CAAC,KAAK;AAClE;AAGO,MAAM,OAAO,OAAO;AAAA,EACzB,MAAM;AAAA,EACN,MAAM,CAAC,EAAE,MAAM,GAAG,MAAc,OAAgB,SAAmC,WAA+B;AAChH,UAAM,IAAI,QAAQ,IAAI;AACtB,QAAI,CAAC,EAAG,OAAM,MAAM,uBAAuB,IAAI,GAAG;AAClD,WAAO,EAAE,QAAQ,OAAO,OAAO;AAAA,EACjC;AACF,CAAC;",
+  "names": []
+}

package/dist/plugins/actions/peek.d.ts

@@ -0,0 +1,2 @@
+/** `@peek(() => $x)` reads signals without subscribing the surrounding effect. */
+export declare const peek: import("../../core/types.js").ActionPlugin;

package/dist/plugins/actions/peek.js

@@ -0,0 +1,6 @@
+import { action, untracked } from "../../core/index.js";
+const peek = action({ name: "peek", call: (_, fn) => untracked(fn) });
+export {
+  peek
+};
+//# sourceMappingURL=peek.js.map

package/dist/plugins/actions/peek.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/plugins/actions/peek.ts"],
+  "sourcesContent": ["import { action, untracked } from '../../core/index.js'\n\n/** `@peek(() => $x)` reads signals without subscribing the surrounding effect. */\nexport const peek = action({ name: 'peek', call: (_, fn: () => unknown) => untracked(fn) })\n"],
+  "mappings": "AAAA,SAAS,QAAQ,iBAAiB;AAG3B,MAAM,OAAO,OAAO,EAAE,MAAM,QAAQ,MAAM,CAAC,GAAG,OAAsB,UAAU,EAAE,EAAE,CAAC;",
+  "names": []
+}

package/dist/plugins/actions/setAll.d.ts

@@ -0,0 +1,2 @@
+/** `@setAll(value, { include: /^form\./ })` assigns every matching signal. */
+export declare const setAll: import("../../core/types.js").ActionPlugin;

package/dist/plugins/actions/setAll.js

@@ -0,0 +1,11 @@
+import { action, batch, untracked } from "../../core/index.js";
+const setAll = action({
+  name: "setAll",
+  call: ({ store }, value, filter) => batch(() => untracked(() => {
+    for (const p of store.paths(filter)) store.set(p, value);
+  }))
+});
+export {
+  setAll
+};
+//# sourceMappingURL=setAll.js.map

package/dist/plugins/actions/setAll.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/plugins/actions/setAll.ts"],
+  "sourcesContent": ["import { action, batch, untracked, type Filter } from '../../core/index.js'\n\n/** `@setAll(value, { include: /^form\\./ })` assigns every matching signal. */\nexport const setAll = action({\n  name: 'setAll',\n  call: ({ store }, value: unknown, filter?: Filter) =>\n    batch(() => untracked(() => { for (const p of store.paths(filter)) store.set(p, value) })),\n})\n"],
+  "mappings": "AAAA,SAAS,QAAQ,OAAO,iBAA8B;AAG/C,MAAM,SAAS,OAAO;AAAA,EAC3B,MAAM;AAAA,EACN,MAAM,CAAC,EAAE,MAAM,GAAG,OAAgB,WAChC,MAAM,MAAM,UAAU,MAAM;AAAE,eAAW,KAAK,MAAM,MAAM,MAAM,EAAG,OAAM,IAAI,GAAG,KAAK;AAAA,EAAE,CAAC,CAAC;AAC7F,CAAC;",
+  "names": []
+}

package/dist/plugins/actions/toggleAll.d.ts

@@ -0,0 +1,2 @@
+/** `@toggleAll({ include: /^flags\./ })` negates every matching boolean signal. */
+export declare const toggleAll: import("../../core/types.js").ActionPlugin;

package/dist/plugins/actions/toggleAll.js

@@ -0,0 +1,11 @@
+import { action, batch, untracked } from "../../core/index.js";
+const toggleAll = action({
+  name: "toggleAll",
+  call: ({ store }, filter) => batch(() => untracked(() => {
+    for (const p of store.paths(filter)) store.set(p, !store.get(p));
+  }))
+});
+export {
+  toggleAll
+};
+//# sourceMappingURL=toggleAll.js.map

package/dist/plugins/actions/toggleAll.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/plugins/actions/toggleAll.ts"],
+  "sourcesContent": ["import { action, batch, untracked, type Filter } from '../../core/index.js'\n\n/** `@toggleAll({ include: /^flags\\./ })` negates every matching boolean signal. */\nexport const toggleAll = action({\n  name: 'toggleAll',\n  call: ({ store }, filter?: Filter) =>\n    batch(() => untracked(() => { for (const p of store.paths(filter)) store.set(p, !store.get(p)) })),\n})\n"],
+  "mappings": "AAAA,SAAS,QAAQ,OAAO,iBAA8B;AAG/C,MAAM,YAAY,OAAO;AAAA,EAC9B,MAAM;AAAA,EACN,MAAM,CAAC,EAAE,MAAM,GAAG,WAChB,MAAM,MAAM,UAAU,MAAM;AAAE,eAAW,KAAK,MAAM,MAAM,MAAM,EAAG,OAAM,IAAI,GAAG,CAAC,MAAM,IAAI,CAAC,CAAC;AAAA,EAAE,CAAC,CAAC;AACrG,CAAC;",
+  "names": []
+}

package/dist/plugins/attributes/attr.d.ts

@@ -0,0 +1,2 @@
+/** `attr:title="expr"` or `attr="{ title: expr }"`. true → present, false/null → removed. */
+export declare const attr: import("../../core/types.js").AttributePlugin;

package/dist/plugins/attributes/attr.js

@@ -0,0 +1,20 @@
+import { attribute } from "../../core/index.js";
+const put = (el, name, v) => {
+  if (v === false || v == null) el.removeAttribute(name);
+  else el.setAttribute(name, v === true ? "" : typeof v === "object" ? JSON.stringify(v) : String(v));
+};
+const attr = attribute({
+  name: "attr",
+  value: "required",
+  mount({ el, key, cased, evaluate, effect }) {
+    effect(() => {
+      if (key) return put(el, cased("kebab"), evaluate());
+      const map = evaluate();
+      for (const k in map) put(el, k, map[k]);
+    });
+  }
+});
+export {
+  attr
+};
+//# sourceMappingURL=attr.js.map

package/dist/plugins/attributes/attr.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/plugins/attributes/attr.ts"],
+  "sourcesContent": ["import { attribute } from '../../core/index.js'\n\nconst put = (el: Element, name: string, v: unknown) => {\n  if (v === false || v == null) el.removeAttribute(name)\n  else el.setAttribute(name, v === true ? '' : typeof v === 'object' ? JSON.stringify(v) : String(v))\n}\n\n/** `attr:title=\"expr\"` or `attr=\"{ title: expr }\"`. true \u2192 present, false/null \u2192 removed. */\nexport const attr = attribute({\n  name: 'attr',\n  value: 'required',\n  mount({ el, key, cased, evaluate, effect }) {\n    effect(() => {\n      if (key) return put(el, cased('kebab'), evaluate())\n      const map = evaluate()\n      for (const k in map) put(el, k, map[k])\n    })\n  },\n})\n"],
+  "mappings": "AAAA,SAAS,iBAAiB;AAE1B,MAAM,MAAM,CAAC,IAAa,MAAc,MAAe;AACrD,MAAI,MAAM,SAAS,KAAK,KAAM,IAAG,gBAAgB,IAAI;AAAA,MAChD,IAAG,aAAa,MAAM,MAAM,OAAO,KAAK,OAAO,MAAM,WAAW,KAAK,UAAU,CAAC,IAAI,OAAO,CAAC,CAAC;AACpG;AAGO,MAAM,OAAO,UAAU;AAAA,EAC5B,MAAM;AAAA,EACN,OAAO;AAAA,EACP,MAAM,EAAE,IAAI,KAAK,OAAO,UAAU,OAAO,GAAG;AAC1C,WAAO,MAAM;AACX,UAAI,IAAK,QAAO,IAAI,IAAI,MAAM,OAAO,GAAG,SAAS,CAAC;AAClD,YAAM,MAAM,SAAS;AACrB,iBAAW,KAAK,IAAK,KAAI,IAAI,GAAG,IAAI,CAAC,CAAC;AAAA,IACxC,CAAC;AAAA,EACH;AACF,CAAC;",
+  "names": []
+}

package/dist/plugins/attributes/bind.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Two-way binding: `bind:name` or `bind="name"`. Creates the signal from the element when missing.
+ * Checkbox groups bind to arrays, radios to the checked value, `select multiple` to arrays.
+ * `__prop.value` binds a custom element property; `__event.change` picks the events to listen for.
+ */
+export declare const bind: import("../../core/types.js").AttributePlugin;

package/dist/plugins/attributes/bind.js

@@ -0,0 +1,81 @@
+import { attribute } from "../../core/index.js";
+const readFiles = (input) => Promise.all(
+  [...input.files ?? []].map(
+    (f) => new Promise((resolve) => {
+      const r = new FileReader();
+      r.onloadend = () => resolve({ name: f.name, type: f.type, size: f.size, contents: String(r.result).split(",")[1] ?? "" });
+      r.readAsDataURL(f);
+    })
+  )
+);
+const bind = attribute({
+  name: "bind",
+  mount({ el, key, value, cased, mods, store, listen, effect }) {
+    const path = key ? cased() : value.trim();
+    const current = () => store.get(path);
+    const asNumber = (s) => typeof current() === "number" ? +s : s;
+    let a;
+    const prop = mods.get("prop")?.[0];
+    if (prop) {
+      a = { read: () => el[prop], write: (v) => el[prop] = v, events: ["input", "change"] };
+    } else if (el instanceof HTMLInputElement) {
+      const t = el.type;
+      if (t === "checkbox") {
+        const own = el.hasAttribute("value") && el.value !== "on";
+        a = {
+          read: () => {
+            const cur = current();
+            if (Array.isArray(cur)) {
+              const set = new Set(cur);
+              el.checked ? set.add(el.value) : set.delete(el.value);
+              return [...set];
+            }
+            return own ? el.checked ? el.value : "" : el.checked;
+          },
+          write: (v) => {
+            el.checked = Array.isArray(v) ? v.includes(el.value) : own ? v === el.value : !!v;
+          },
+          events: ["input"]
+        };
+      } else if (t === "radio") {
+        if (!el.name) el.name = path;
+        a = { read: () => el.checked ? asNumber(el.value) : current(), write: (v) => el.checked = String(v) === el.value, events: ["input"] };
+      } else if (t === "file") {
+        listen(el, "change", () => readFiles(el).then((files) => store.set(path, files)));
+        return;
+      } else if (t === "number" || t === "range") {
+        a = { read: () => el.value === "" ? "" : +el.value, write: (v) => el.value = String(v ?? ""), events: ["input"] };
+      } else {
+        a = { read: () => el.value, write: (v) => el.value = String(v ?? ""), events: ["input"] };
+      }
+    } else if (el instanceof HTMLSelectElement) {
+      a = {
+        read: () => el.multiple ? [...el.selectedOptions].map((o) => asNumber(o.value)) : asNumber(el.value),
+        write: (v) => {
+          if (el.multiple) for (const o of el.options) o.selected = Array.isArray(v) && v.map(String).includes(o.value);
+          else el.value = String(v ?? "");
+        },
+        events: ["change"]
+      };
+    } else if (el instanceof HTMLTextAreaElement || "value" in el) {
+      a = { read: () => el.value, write: (v) => el.value = String(v ?? ""), events: ["input", "change"] };
+    } else {
+      a = { read: () => el.getAttribute("value"), write: (v) => el.setAttribute("value", String(v ?? "")), events: ["change"] };
+    }
+    if (!store.has(path)) {
+      const initial = a.read();
+      if (initial !== void 0 && initial !== "") store.set(path, initial);
+    }
+    const sync = () => store.set(path, a.read());
+    for (const type of mods.get("event") ?? a.events) listen(el, type, sync);
+    listen(el, "sigmx-prop-change", sync);
+    effect(() => {
+      const v = current();
+      if (v !== void 0) a.write(v);
+    });
+  }
+});
+export {
+  bind
+};
+//# sourceMappingURL=bind.js.map

package/dist/plugins/attributes/bind.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/plugins/attributes/bind.ts"],
+  "sourcesContent": ["import { attribute } from '../../core/index.js'\n\ntype Adapter = { read(): unknown; write(v: unknown): void; events: string[] }\n\nconst readFiles = (input: HTMLInputElement) =>\n  Promise.all(\n    [...(input.files ?? [])].map(\n      (f) =>\n        new Promise<{ name: string; type: string; size: number; contents: string }>((resolve) => {\n          const r = new FileReader()\n          r.onloadend = () =>\n            resolve({ name: f.name, type: f.type, size: f.size, contents: String(r.result).split(',')[1] ?? '' })\n          r.readAsDataURL(f)\n        }),\n    ),\n  )\n\n/**\n * Two-way binding: `bind:name` or `bind=\"name\"`. Creates the signal from the element when missing.\n * Checkbox groups bind to arrays, radios to the checked value, `select multiple` to arrays.\n * `__prop.value` binds a custom element property; `__event.change` picks the events to listen for.\n */\nexport const bind = attribute({\n  name: 'bind',\n  mount({ el, key, value, cased, mods, store, listen, effect }) {\n    const path = key ? cased() : value.trim()\n    const current = () => store.get(path)\n    const asNumber = (s: string) => (typeof current() === 'number' ? +s : s)\n    let a: Adapter\n    const prop = mods.get('prop')?.[0]\n\n    if (prop) {\n      a = { read: () => (el as any)[prop], write: (v) => ((el as any)[prop] = v), events: ['input', 'change'] }\n    } else if (el instanceof HTMLInputElement) {\n      const t = el.type\n      if (t === 'checkbox') {\n        const own = el.hasAttribute('value') && el.value !== 'on'\n        a = {\n          read: () => {\n            const cur = current()\n            if (Array.isArray(cur)) {\n              const set = new Set(cur)\n              el.checked ? set.add(el.value) : set.delete(el.value)\n              return [...set]\n            }\n            return own ? (el.checked ? el.value : '') : el.checked\n          },\n          write: (v) => {\n            el.checked = Array.isArray(v) ? v.includes(el.value) : own ? v === el.value : !!v\n          },\n          events: ['input'],\n        }\n      } else if (t === 'radio') {\n        if (!el.name) el.name = path\n        a = { read: () => (el.checked ? asNumber(el.value) : current()), write: (v) => (el.checked = String(v) === el.value), events: ['input'] }\n      } else if (t === 'file') {\n        listen(el, 'change', () => readFiles(el).then((files) => store.set(path, files)))\n        return\n      } else if (t === 'number' || t === 'range') {\n        a = { read: () => (el.value === '' ? '' : +el.value), write: (v) => (el.value = String(v ?? '')), events: ['input'] }\n      } else {\n        a = { read: () => el.value, write: (v) => (el.value = String(v ?? '')), events: ['input'] }\n      }\n    } else if (el instanceof HTMLSelectElement) {\n      a = {\n        read: () => (el.multiple ? [...el.selectedOptions].map((o) => asNumber(o.value)) : asNumber(el.value)),\n        write: (v) => {\n          if (el.multiple) for (const o of el.options) o.selected = Array.isArray(v) && v.map(String).includes(o.value)\n          else el.value = String(v ?? '')\n        },\n        events: ['change'],\n      }\n    } else if (el instanceof HTMLTextAreaElement || 'value' in el) {\n      a = { read: () => (el as any).value, write: (v) => ((el as any).value = String(v ?? '')), events: ['input', 'change'] }\n    } else {\n      a = { read: () => el.getAttribute('value'), write: (v) => el.setAttribute('value', String(v ?? '')), events: ['change'] }\n    }\n\n    if (!store.has(path)) {\n      const initial = a.read()\n      if (initial !== undefined && initial !== '') store.set(path, initial)\n    }\n    const sync = () => store.set(path, a.read())\n    for (const type of mods.get('event') ?? a.events) listen(el, type, sync)\n    listen(el, 'sigmx-prop-change', sync)\n    effect(() => {\n      const v = current()\n      if (v !== undefined) a.write(v)\n    })\n  },\n})\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/plugins/attributes/class.d.ts

@@ -0,0 +1,2 @@
+/** `class:active="expr"` or `class="{ active: expr, 'a b': expr }"`. */
+export declare const className: import("../../core/types.js").AttributePlugin;

package/dist/plugins/attributes/class.js

@@ -0,0 +1,22 @@
+import { attribute } from "../../core/index.js";
+const className = attribute({
+  name: "class",
+  value: "required",
+  mount({ el, key, cased, evaluate, effect }) {
+    const applied = /* @__PURE__ */ new Set();
+    effect(() => {
+      const map = key ? { [cased("kebab")]: evaluate() } : evaluate();
+      for (const k in map) {
+        for (const name of k.split(/\s+/).filter(Boolean)) {
+          el.classList.toggle(name, !!map[k]);
+          map[k] ? applied.add(name) : applied.delete(name);
+        }
+      }
+    });
+    return () => el.classList.remove(...applied);
+  }
+});
+export {
+  className
+};
+//# sourceMappingURL=class.js.map

package/dist/plugins/attributes/class.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/plugins/attributes/class.ts"],
+  "sourcesContent": ["import { attribute } from '../../core/index.js'\n\n/** `class:active=\"expr\"` or `class=\"{ active: expr, 'a b': expr }\"`. */\nexport const className = attribute({\n  name: 'class',\n  value: 'required',\n  mount({ el, key, cased, evaluate, effect }) {\n    const applied = new Set<string>()\n    effect(() => {\n      const map: Record<string, unknown> = key ? { [cased('kebab')]: evaluate() } : evaluate()\n      for (const k in map) {\n        for (const name of k.split(/\\s+/).filter(Boolean)) {\n          el.classList.toggle(name, !!map[k])\n          map[k] ? applied.add(name) : applied.delete(name)\n        }\n      }\n    })\n    return () => el.classList.remove(...applied)\n  },\n})\n"],
+  "mappings": "AAAA,SAAS,iBAAiB;AAGnB,MAAM,YAAY,UAAU;AAAA,EACjC,MAAM;AAAA,EACN,OAAO;AAAA,EACP,MAAM,EAAE,IAAI,KAAK,OAAO,UAAU,OAAO,GAAG;AAC1C,UAAM,UAAU,oBAAI,IAAY;AAChC,WAAO,MAAM;AACX,YAAM,MAA+B,MAAM,EAAE,CAAC,MAAM,OAAO,CAAC,GAAG,SAAS,EAAE,IAAI,SAAS;AACvF,iBAAW,KAAK,KAAK;AACnB,mBAAW,QAAQ,EAAE,MAAM,KAAK,EAAE,OAAO,OAAO,GAAG;AACjD,aAAG,UAAU,OAAO,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC;AAClC,cAAI,CAAC,IAAI,QAAQ,IAAI,IAAI,IAAI,QAAQ,OAAO,IAAI;AAAA,QAClD;AAAA,MACF;AAAA,IACF,CAAC;AACD,WAAO,MAAM,GAAG,UAAU,OAAO,GAAG,OAAO;AAAA,EAC7C;AACF,CAAC;",
+  "names": []
+}

package/dist/plugins/attributes/computed.d.ts

@@ -0,0 +1,2 @@
+/** `computed:name="expr"` or `computed="{ name: () => expr }"`. */
+export declare const computed: import("../../core/types.js").AttributePlugin;

package/dist/plugins/attributes/computed.js

@@ -0,0 +1,20 @@
+import { attribute, computed as makeComputed } from "../../core/index.js";
+const computed = attribute({
+  name: "computed",
+  value: "required",
+  mount({ key, cased, evaluate, store, error }) {
+    if (key) {
+      store.define(cased(), makeComputed(() => evaluate()));
+      return;
+    }
+    const obj = evaluate();
+    for (const k in obj) {
+      if (typeof obj[k] !== "function") throw error(`"${k}" must be a function`);
+      store.define(k, makeComputed(obj[k]));
+    }
+  }
+});
+export {
+  computed
+};
+//# sourceMappingURL=computed.js.map

package/dist/plugins/attributes/computed.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/plugins/attributes/computed.ts"],
+  "sourcesContent": ["import { attribute, computed as makeComputed } from '../../core/index.js'\n\n/** `computed:name=\"expr\"` or `computed=\"{ name: () => expr }\"`. */\nexport const computed = attribute({\n  name: 'computed',\n  value: 'required',\n  mount({ key, cased, evaluate, store, error }) {\n    if (key) {\n      store.define(cased(), makeComputed(() => evaluate()))\n      return\n    }\n    const obj = evaluate()\n    for (const k in obj) {\n      if (typeof obj[k] !== 'function') throw error(`\"${k}\" must be a function`)\n      store.define(k, makeComputed(obj[k]))\n    }\n  },\n})\n"],
+  "mappings": "AAAA,SAAS,WAAW,YAAY,oBAAoB;AAG7C,MAAM,WAAW,UAAU;AAAA,EAChC,MAAM;AAAA,EACN,OAAO;AAAA,EACP,MAAM,EAAE,KAAK,OAAO,UAAU,OAAO,MAAM,GAAG;AAC5C,QAAI,KAAK;AACP,YAAM,OAAO,MAAM,GAAG,aAAa,MAAM,SAAS,CAAC,CAAC;AACpD;AAAA,IACF;AACA,UAAM,MAAM,SAAS;AACrB,eAAW,KAAK,KAAK;AACnB,UAAI,OAAO,IAAI,CAAC,MAAM,WAAY,OAAM,MAAM,IAAI,CAAC,sBAAsB;AACzE,YAAM,OAAO,GAAG,aAAa,IAAI,CAAC,CAAC,CAAC;AAAA,IACtC;AAAA,EACF;AACF,CAAC;",
+  "names": []
+}

package/dist/plugins/attributes/customValidity.d.ts

@@ -0,0 +1,2 @@
+/** The expression's string becomes the field's validity message; '' means valid. */
+export declare const customValidity: import("../../core/types.js").AttributePlugin;

package/dist/plugins/attributes/customValidity.js

@@ -0,0 +1,14 @@
+import { attribute } from "../../core/index.js";
+const customValidity = attribute({
+  name: "custom-validity",
+  key: "forbidden",
+  value: "required",
+  mount({ el, evaluate, effect, error }) {
+    if (!("setCustomValidity" in el)) throw error("only works on form fields");
+    effect(() => el.setCustomValidity(String(evaluate() ?? "")));
+  }
+});
+export {
+  customValidity
+};
+//# sourceMappingURL=customValidity.js.map

package/dist/plugins/attributes/customValidity.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/plugins/attributes/customValidity.ts"],
+  "sourcesContent": ["import { attribute } from '../../core/index.js'\n\n/** The expression's string becomes the field's validity message; '' means valid. */\nexport const customValidity = attribute({\n  name: 'custom-validity',\n  key: 'forbidden',\n  value: 'required',\n  mount({ el, evaluate, effect, error }) {\n    if (!('setCustomValidity' in el)) throw error('only works on form fields')\n    effect(() => (el as HTMLInputElement).setCustomValidity(String(evaluate() ?? '')))\n  },\n})\n"],
+  "mappings": "AAAA,SAAS,iBAAiB;AAGnB,MAAM,iBAAiB,UAAU;AAAA,EACtC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,OAAO;AAAA,EACP,MAAM,EAAE,IAAI,UAAU,QAAQ,MAAM,GAAG;AACrC,QAAI,EAAE,uBAAuB,IAAK,OAAM,MAAM,2BAA2B;AACzE,WAAO,MAAO,GAAwB,kBAAkB,OAAO,SAAS,KAAK,EAAE,CAAC,CAAC;AAAA,EACnF;AACF,CAAC;",
+  "names": []
+}

package/dist/plugins/attributes/effect.d.ts

@@ -0,0 +1,2 @@
+/** Runs the expression now and whenever a signal it read changes. */
+export declare const effect: import("../../core/types.js").AttributePlugin;

package/dist/plugins/attributes/effect.js

@@ -0,0 +1,12 @@
+import { attribute } from "../../core/index.js";
+const effect = attribute({
+  name: "effect",
+  key: "forbidden",
+  value: "required",
+  returns: false,
+  mount: (ctx) => ctx.effect(() => ctx.evaluate())
+});
+export {
+  effect
+};
+//# sourceMappingURL=effect.js.map

package/dist/plugins/attributes/effect.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/plugins/attributes/effect.ts"],
+  "sourcesContent": ["import { attribute } from '../../core/index.js'\n\n/** Runs the expression now and whenever a signal it read changes. */\nexport const effect = attribute({\n  name: 'effect',\n  key: 'forbidden',\n  value: 'required',\n  returns: false,\n  mount: (ctx) => ctx.effect(() => ctx.evaluate()),\n})\n"],
+  "mappings": "AAAA,SAAS,iBAAiB;AAGnB,MAAM,SAAS,UAAU;AAAA,EAC9B,MAAM;AAAA,EACN,KAAK;AAAA,EACL,OAAO;AAAA,EACP,SAAS;AAAA,EACT,OAAO,CAAC,QAAQ,IAAI,OAAO,MAAM,IAAI,SAAS,CAAC;AACjD,CAAC;",
+  "names": []
+}

package/dist/plugins/attributes/indicator.d.ts

@@ -0,0 +1,2 @@
+/** A boolean signal that is true while a request started from this element is in flight. */
+export declare const indicator: import("../../core/types.js").AttributePlugin;

package/dist/plugins/attributes/indicator.js

@@ -0,0 +1,20 @@
+import { attribute } from "../../core/index.js";
+const indicator = attribute({
+  name: "indicator",
+  mount({ el, key, value, cased, store, listen }) {
+    const path = key ? cased() : value.trim();
+    let active = 0;
+    store.set(path, false);
+    listen(document, "sigmx-fetch", (e) => {
+      if (e.detail.el !== el) return;
+      if (e.detail.type === "started") active++;
+      else if (e.detail.type === "finished") active = Math.max(0, active - 1);
+      store.set(path, active > 0);
+    });
+    return () => store.set(path, false);
+  }
+});
+export {
+  indicator
+};
+//# sourceMappingURL=indicator.js.map

package/dist/plugins/attributes/indicator.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/plugins/attributes/indicator.ts"],
+  "sourcesContent": ["import { attribute } from '../../core/index.js'\n\n/** A boolean signal that is true while a request started from this element is in flight. */\nexport const indicator = attribute({\n  name: 'indicator',\n  mount({ el, key, value, cased, store, listen }) {\n    const path = key ? cased() : value.trim()\n    let active = 0\n    store.set(path, false)\n    listen(document, 'sigmx-fetch', (e: CustomEvent<{ el: Element; type: string }>) => {\n      if (e.detail.el !== el) return\n      if (e.detail.type === 'started') active++\n      else if (e.detail.type === 'finished') active = Math.max(0, active - 1)\n      store.set(path, active > 0)\n    })\n    return () => store.set(path, false)\n  },\n})\n"],
+  "mappings": "AAAA,SAAS,iBAAiB;AAGnB,MAAM,YAAY,UAAU;AAAA,EACjC,MAAM;AAAA,EACN,MAAM,EAAE,IAAI,KAAK,OAAO,OAAO,OAAO,OAAO,GAAG;AAC9C,UAAM,OAAO,MAAM,MAAM,IAAI,MAAM,KAAK;AACxC,QAAI,SAAS;AACb,UAAM,IAAI,MAAM,KAAK;AACrB,WAAO,UAAU,eAAe,CAAC,MAAkD;AACjF,UAAI,EAAE,OAAO,OAAO,GAAI;AACxB,UAAI,EAAE,OAAO,SAAS,UAAW;AAAA,eACxB,EAAE,OAAO,SAAS,WAAY,UAAS,KAAK,IAAI,GAAG,SAAS,CAAC;AACtE,YAAM,IAAI,MAAM,SAAS,CAAC;AAAA,IAC5B,CAAC;AACD,WAAO,MAAM,MAAM,IAAI,MAAM,KAAK;AAAA,EACpC;AACF,CAAC;",
+  "names": []
+}

package/dist/plugins/attributes/init.d.ts

@@ -0,0 +1,2 @@
+/** Runs once when the element is mounted. Supports `__delay.500ms` and `__viewtransition`. */
+export declare const init: import("../../core/types.js").AttributePlugin;

package/dist/plugins/attributes/init.js

@@ -0,0 +1,14 @@
+import { attribute, withTiming, withViewTransition } from "../../core/index.js";
+const init = attribute({
+  name: "init",
+  key: "forbidden",
+  value: "required",
+  returns: false,
+  mount({ mods, evaluate }) {
+    withTiming(withViewTransition(() => evaluate(), mods), mods)();
+  }
+});
+export {
+  init
+};
+//# sourceMappingURL=init.js.map

package/dist/plugins/attributes/init.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/plugins/attributes/init.ts"],
+  "sourcesContent": ["import { attribute, withTiming, withViewTransition } from '../../core/index.js'\n\n/** Runs once when the element is mounted. Supports `__delay.500ms` and `__viewtransition`. */\nexport const init = attribute({\n  name: 'init',\n  key: 'forbidden',\n  value: 'required',\n  returns: false,\n  mount({ mods, evaluate }) {\n    withTiming(withViewTransition(() => evaluate(), mods), mods)()\n  },\n})\n"],
+  "mappings": "AAAA,SAAS,WAAW,YAAY,0BAA0B;AAGnD,MAAM,OAAO,UAAU;AAAA,EAC5B,MAAM;AAAA,EACN,KAAK;AAAA,EACL,OAAO;AAAA,EACP,SAAS;AAAA,EACT,MAAM,EAAE,MAAM,SAAS,GAAG;AACxB,eAAW,mBAAmB,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,EAAE;AAAA,EAC/D;AACF,CAAC;",
+  "names": []
+}

package/dist/plugins/attributes/jsonSignals.d.ts

@@ -0,0 +1,2 @@
+/** Renders the store (or a filtered part) as JSON. `__terse` for single-line output. */
+export declare const jsonSignals: import("../../core/types.js").AttributePlugin;

package/dist/plugins/attributes/jsonSignals.js

@@ -0,0 +1,15 @@
+import { attribute } from "../../core/index.js";
+const jsonSignals = attribute({
+  name: "json-signals",
+  key: "forbidden",
+  mount({ el, value, mods, evaluate, effect, store }) {
+    const filter = value ? evaluate() : void 0;
+    effect(() => {
+      el.textContent = JSON.stringify(store.snapshot(filter), null, mods.has("terse") ? 0 : 2);
+    });
+  }
+});
+export {
+  jsonSignals
+};
+//# sourceMappingURL=jsonSignals.js.map

package/dist/plugins/attributes/jsonSignals.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/plugins/attributes/jsonSignals.ts"],
+  "sourcesContent": ["import { attribute } from '../../core/index.js'\n\n/** Renders the store (or a filtered part) as JSON. `__terse` for single-line output. */\nexport const jsonSignals = attribute({\n  name: 'json-signals',\n  key: 'forbidden',\n  mount({ el, value, mods, evaluate, effect, store }) {\n    const filter = value ? evaluate() : undefined\n    effect(() => {\n      el.textContent = JSON.stringify(store.snapshot(filter), null, mods.has('terse') ? 0 : 2)\n    })\n  },\n})\n"],
+  "mappings": "AAAA,SAAS,iBAAiB;AAGnB,MAAM,cAAc,UAAU;AAAA,EACnC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,MAAM,EAAE,IAAI,OAAO,MAAM,UAAU,QAAQ,MAAM,GAAG;AAClD,UAAM,SAAS,QAAQ,SAAS,IAAI;AACpC,WAAO,MAAM;AACX,SAAG,cAAc,KAAK,UAAU,MAAM,SAAS,MAAM,GAAG,MAAM,KAAK,IAAI,OAAO,IAAI,IAAI,CAAC;AAAA,IACzF,CAAC;AAAA,EACH;AACF,CAAC;",
+  "names": []
+}

package/dist/plugins/attributes/matchMedia.d.ts

@@ -0,0 +1,2 @@
+/** `match-media:is-dark="'prefers-color-scheme: dark'"` keeps a boolean signal in sync. */
+export declare const matchMedia: import("../../core/types.js").AttributePlugin;

package/dist/plugins/attributes/matchMedia.js

@@ -0,0 +1,19 @@
+import { attribute } from "../../core/index.js";
+const matchMedia = attribute({
+  name: "match-media",
+  key: "required",
+  value: "required",
+  mount({ cased, evaluate, store, listen }) {
+    let q = String(evaluate()).trim();
+    if (!/^[(a-z]/.test(q) || !q.startsWith("(") && q.includes(":") && !/^(not|only|all|screen|print)\b/.test(q)) q = `(${q})`;
+    const mql = window.matchMedia(q);
+    const path = cased();
+    const sync = () => store.set(path, mql.matches);
+    sync();
+    listen(mql, "change", sync);
+  }
+});
+export {
+  matchMedia
+};
+//# sourceMappingURL=matchMedia.js.map

package/dist/plugins/attributes/matchMedia.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/plugins/attributes/matchMedia.ts"],
+  "sourcesContent": ["import { attribute } from '../../core/index.js'\n\n/** `match-media:is-dark=\"'prefers-color-scheme: dark'\"` keeps a boolean signal in sync. */\nexport const matchMedia = attribute({\n  name: 'match-media',\n  key: 'required',\n  value: 'required',\n  mount({ cased, evaluate, store, listen }) {\n    let q = String(evaluate()).trim()\n    if (!/^[(a-z]/.test(q) || (!q.startsWith('(') && q.includes(':') && !/^(not|only|all|screen|print)\\b/.test(q))) q = `(${q})`\n    const mql = window.matchMedia(q)\n    const path = cased()\n    const sync = () => store.set(path, mql.matches)\n    sync()\n    listen(mql, 'change', sync)\n  },\n})\n"],
+  "mappings": "AAAA,SAAS,iBAAiB;AAGnB,MAAM,aAAa,UAAU;AAAA,EAClC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,OAAO;AAAA,EACP,MAAM,EAAE,OAAO,UAAU,OAAO,OAAO,GAAG;AACxC,QAAI,IAAI,OAAO,SAAS,CAAC,EAAE,KAAK;AAChC,QAAI,CAAC,UAAU,KAAK,CAAC,KAAM,CAAC,EAAE,WAAW,GAAG,KAAK,EAAE,SAAS,GAAG,KAAK,CAAC,iCAAiC,KAAK,CAAC,EAAI,KAAI,IAAI,CAAC;AACzH,UAAM,MAAM,OAAO,WAAW,CAAC;AAC/B,UAAM,OAAO,MAAM;AACnB,UAAM,OAAO,MAAM,MAAM,IAAI,MAAM,IAAI,OAAO;AAC9C,SAAK;AACL,WAAO,KAAK,UAAU,IAAI;AAAA,EAC5B;AACF,CAAC;",
+  "names": []
+}

package/dist/plugins/attributes/on.d.ts

@@ -0,0 +1,5 @@
+/**
+ * `on:click="expr"`. Modifiers: window, document, outside, prevent, stop, capture, passive, once,
+ * delay/debounce/throttle, viewtransition, case.
+ */
+export declare const on: import("../../core/types.js").AttributePlugin;

package/dist/plugins/attributes/on.js

@@ -0,0 +1,28 @@
+import { attribute, withTiming, withViewTransition } from "../../core/index.js";
+const on = attribute({
+  name: "on",
+  key: "required",
+  value: "required",
+  returns: false,
+  mount({ el, mods, cased, evaluate, listen }) {
+    const type = cased("kebab");
+    const outside = mods.has("outside");
+    const target = mods.has("window") ? window : mods.has("document") || outside || type.startsWith("sigmx-") ? document : el;
+    const run = withTiming(withViewTransition((e) => evaluate(e), mods), mods);
+    listen(
+      target,
+      type,
+      (e) => {
+        if (outside && el.contains(e.target)) return;
+        if (mods.has("prevent") || type === "submit" && el instanceof HTMLFormElement) e.preventDefault();
+        if (mods.has("stop")) e.stopPropagation();
+        run(e);
+      },
+      { capture: mods.has("capture"), passive: mods.has("passive"), once: mods.has("once") }
+    );
+  }
+});
+export {
+  on
+};
+//# sourceMappingURL=on.js.map

package/dist/plugins/attributes/on.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/plugins/attributes/on.ts"],
+  "sourcesContent": ["import { attribute, withTiming, withViewTransition } from '../../core/index.js'\n\n/**\n * `on:click=\"expr\"`. Modifiers: window, document, outside, prevent, stop, capture, passive, once,\n * delay/debounce/throttle, viewtransition, case.\n */\nexport const on = attribute({\n  name: 'on',\n  key: 'required',\n  value: 'required',\n  returns: false,\n  mount({ el, mods, cased, evaluate, listen }) {\n    const type = cased('kebab')\n    const outside = mods.has('outside')\n    const target: EventTarget =\n      mods.has('window') ? window : mods.has('document') || outside || type.startsWith('sigmx-') ? document : el\n    const run = withTiming(withViewTransition((e: Event) => evaluate(e), mods), mods)\n    listen(\n      target,\n      type,\n      (e: Event) => {\n        if (outside && el.contains(e.target as Node)) return\n        if (mods.has('prevent') || (type === 'submit' && el instanceof HTMLFormElement)) e.preventDefault()\n        if (mods.has('stop')) e.stopPropagation()\n        run(e)\n      },\n      { capture: mods.has('capture'), passive: mods.has('passive'), once: mods.has('once') },\n    )\n  },\n})\n"],
+  "mappings": "AAAA,SAAS,WAAW,YAAY,0BAA0B;AAMnD,MAAM,KAAK,UAAU;AAAA,EAC1B,MAAM;AAAA,EACN,KAAK;AAAA,EACL,OAAO;AAAA,EACP,SAAS;AAAA,EACT,MAAM,EAAE,IAAI,MAAM,OAAO,UAAU,OAAO,GAAG;AAC3C,UAAM,OAAO,MAAM,OAAO;AAC1B,UAAM,UAAU,KAAK,IAAI,SAAS;AAClC,UAAM,SACJ,KAAK,IAAI,QAAQ,IAAI,SAAS,KAAK,IAAI,UAAU,KAAK,WAAW,KAAK,WAAW,QAAQ,IAAI,WAAW;AAC1G,UAAM,MAAM,WAAW,mBAAmB,CAAC,MAAa,SAAS,CAAC,GAAG,IAAI,GAAG,IAAI;AAChF;AAAA,MACE;AAAA,MACA;AAAA,MACA,CAAC,MAAa;AACZ,YAAI,WAAW,GAAG,SAAS,EAAE,MAAc,EAAG;AAC9C,YAAI,KAAK,IAAI,SAAS,KAAM,SAAS,YAAY,cAAc,gBAAkB,GAAE,eAAe;AAClG,YAAI,KAAK,IAAI,MAAM,EAAG,GAAE,gBAAgB;AACxC,YAAI,CAAC;AAAA,MACP;AAAA,MACA,EAAE,SAAS,KAAK,IAAI,SAAS,GAAG,SAAS,KAAK,IAAI,SAAS,GAAG,MAAM,KAAK,IAAI,MAAM,EAAE;AAAA,IACvF;AAAA,EACF;AACF,CAAC;",
+  "names": []
+}

package/dist/plugins/attributes/onIntersect.d.ts

@@ -0,0 +1,2 @@
+/** Runs when the element enters the viewport. Modifiers: once, exit, full, half, threshold.N. */
+export declare const onIntersect: import("../../core/types.js").AttributePlugin;

package/dist/plugins/attributes/onIntersect.js

@@ -0,0 +1,28 @@
+import { attribute, withTiming, withViewTransition } from "../../core/index.js";
+const onIntersect = attribute({
+  name: "on-intersect",
+  key: "forbidden",
+  value: "required",
+  returns: false,
+  mount({ el, mods, evaluate }) {
+    const t = mods.get("threshold")?.[0];
+    const threshold = mods.has("full") ? 1 : mods.has("half") ? 0.5 : t ? Math.min(100, Math.max(0, +t)) / 100 : 0;
+    const run = withTiming(withViewTransition(() => evaluate(), mods), mods);
+    const io = new IntersectionObserver(
+      (entries) => {
+        for (const e of entries) {
+          if (e.isIntersecting === mods.has("exit")) continue;
+          run();
+          if (mods.has("once")) io.disconnect();
+        }
+      },
+      { threshold }
+    );
+    io.observe(el);
+    return () => io.disconnect();
+  }
+});
+export {
+  onIntersect
+};
+//# sourceMappingURL=onIntersect.js.map

package/dist/plugins/attributes/onIntersect.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/plugins/attributes/onIntersect.ts"],
+  "sourcesContent": ["import { attribute, withTiming, withViewTransition } from '../../core/index.js'\n\n/** Runs when the element enters the viewport. Modifiers: once, exit, full, half, threshold.N. */\nexport const onIntersect = attribute({\n  name: 'on-intersect',\n  key: 'forbidden',\n  value: 'required',\n  returns: false,\n  mount({ el, mods, evaluate }) {\n    const t = mods.get('threshold')?.[0]\n    const threshold = mods.has('full') ? 1 : mods.has('half') ? 0.5 : t ? Math.min(100, Math.max(0, +t)) / 100 : 0\n    const run = withTiming(withViewTransition(() => evaluate(), mods), mods)\n    const io = new IntersectionObserver(\n      (entries) => {\n        for (const e of entries) {\n          if (e.isIntersecting === mods.has('exit')) continue\n          run()\n          if (mods.has('once')) io.disconnect()\n        }\n      },\n      { threshold },\n    )\n    io.observe(el)\n    return () => io.disconnect()\n  },\n})\n"],
+  "mappings": "AAAA,SAAS,WAAW,YAAY,0BAA0B;AAGnD,MAAM,cAAc,UAAU;AAAA,EACnC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,OAAO;AAAA,EACP,SAAS;AAAA,EACT,MAAM,EAAE,IAAI,MAAM,SAAS,GAAG;AAC5B,UAAM,IAAI,KAAK,IAAI,WAAW,IAAI,CAAC;AACnC,UAAM,YAAY,KAAK,IAAI,MAAM,IAAI,IAAI,KAAK,IAAI,MAAM,IAAI,MAAM,IAAI,KAAK,IAAI,KAAK,KAAK,IAAI,GAAG,CAAC,CAAC,CAAC,IAAI,MAAM;AAC7G,UAAM,MAAM,WAAW,mBAAmB,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI;AACvE,UAAM,KAAK,IAAI;AAAA,MACb,CAAC,YAAY;AACX,mBAAW,KAAK,SAAS;AACvB,cAAI,EAAE,mBAAmB,KAAK,IAAI,MAAM,EAAG;AAC3C,cAAI;AACJ,cAAI,KAAK,IAAI,MAAM,EAAG,IAAG,WAAW;AAAA,QACtC;AAAA,MACF;AAAA,MACA,EAAE,UAAU;AAAA,IACd;AACA,OAAG,QAAQ,EAAE;AACb,WAAO,MAAM,GAAG,WAAW;AAAA,EAC7B;AACF,CAAC;",
+  "names": []
+}

package/dist/plugins/attributes/onInterval.d.ts

@@ -0,0 +1,2 @@
+/** `on-interval__duration.5s.leading="expr"`. Default one second. */
+export declare const onInterval: import("../../core/types.js").AttributePlugin;