sigmx 0.1.0 → 0.2.0

package/dist/plugins/directives/url-params.js

@@ -1,4 +1,4 @@
-import { attribute, expand, toPredicate } from "../../kernel/index.js";
+import { dir } from "../def.js";
 const parse = (s) => {
   try {
     return JSON.parse(s);
@@ -6,68 +6,45 @@ const parse = (s) => {
     return s;
   }
 };
-const same = (a, b) => JSON.stringify(a) === JSON.stringify(b);
-const queryString = attribute({
-  name: "query-string",
-  mount({ key, value, mods, evaluate, cased, store, listen, effect }) {
-    const history = mods.has("history");
-    const push = (url) => {
-      if (url !== location.pathname + location.search + location.hash) window.history[history ? "pushState" : "replaceState"](null, "", url);
-    };
-    const urlWith = (q) => `${location.pathname}${q.size ? `?${q}` : ""}${location.hash}`;
-    let restoring = false;
-    const restore = (fn) => {
-      restoring = true;
-      try {
-        fn();
-      } finally {
-        restoring = false;
-      }
-    };
-    if (key) {
-      const path = cased();
-      const fallback = value ? evaluate() : "";
-      const fromUrl2 = () => {
-        const raw = new URLSearchParams(location.search).get(key);
-        store.set(path, raw === null ? fallback : parse(raw));
-      };
-      if (!store.has(path) || new URLSearchParams(location.search).has(key)) fromUrl2();
-      effect(() => {
-        const v = store.get(path);
-        if (restoring) return;
-        const q = new URLSearchParams(location.search);
-        if (v === void 0 || same(v, fallback)) q.delete(key);
-        else q.set(key, typeof v === "string" ? v : JSON.stringify(v));
-        push(urlWith(q));
-      });
-      if (history) listen(window, "popstate", () => restore(fromUrl2));
-      return;
-    }
-    const filter = value ? evaluate() : void 0;
-    const ok = toPredicate(filter);
-    const fromUrl = () => {
-      const patch = {};
-      for (const [k, v] of new URLSearchParams(location.search)) if (ok(k)) expand(patch, k, parse(v));
-      store.merge(patch);
-    };
-    fromUrl();
+const enc = (v) => typeof v === "string" ? v : JSON.stringify(v);
+const same = (a, b) => enc(a) === enc(b);
+const params = () => new URLSearchParams(location.search);
+const queryString = dir("query-string", 1, ({ key, value, mods, evaluate, cased, store, listen, effect }) => {
+  const history = mods.has("history");
+  let restoring = false;
+  const wire = (read, write) => {
     effect(() => {
-      const snap = store.snapshot(filter, { computed: false });
+      const q = params();
+      write(q);
       if (restoring) return;
-      const q = new URLSearchParams(location.search);
-      const walk = (obj, prefix) => {
-        for (const k in obj) {
-          const p = prefix ? `${prefix}.${k}` : k;
-          const v = obj[k];
-          if (v && typeof v === "object" && !Array.isArray(v)) walk(v, p);
-          else if (mods.has("filter") && (v === "" || v == null)) q.delete(p);
-          else q.set(p, typeof v === "string" ? v : JSON.stringify(v));
+      const qs = String(q);
+      const url = `${location.pathname}${qs ? `?${qs}` : ""}${location.hash}`;
+      if (url !== location.pathname + location.search + location.hash)
+        window.history[history ? "pushState" : "replaceState"](null, "", url);
+    });
+    if (history)
+      listen(window, "popstate", () => {
+        restoring = true;
+        try {
+          read(params());
+        } finally {
+          restoring = false;
         }
-      };
-      walk(snap, "");
-      push(urlWith(q));
+      });
+  };
+  {
+    const name = key;
+    const path = cased();
+    const fallback = value ? evaluate() : "";
+    const read = (q) => {
+      const raw = q.get(name);
+      store.set(path, raw === null ? fallback : typeof fallback === "string" ? raw : parse(raw));
+    };
+    if (!store.has(path) || params().has(name)) read(params());
+    wire(read, (q) => {
+      const v = store.get(path);
+      v === void 0 || same(v, fallback) ? q.delete(name) : q.set(name, enc(v));
     });
-    if (history) listen(window, "popstate", () => restore(fromUrl));
   }
 });
 export {

package/dist/plugins/directives/url-params.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/plugins/directives/url-params.ts"],
-  "sourcesContent": ["import { attribute, expand, toPredicate } from '../../kernel/index.js'\n\nconst parse = (s: string): unknown => {\n  try {\n    return JSON.parse(s)\n  } catch {\n    return s\n  }\n}\nconst same = (a: unknown, b: unknown) => JSON.stringify(a) === JSON.stringify(b)\n\n/**\n * Keeps signals and the URL query string in step.\n *\n * Keyed form declares one signal with a default: `query-string:page=\"1\"` creates `page`, reads\n * `?page=` on load when present (otherwise uses the default), writes it whenever it changes, and\n * drops the parameter again when the value is back at the default. The parameter name is the key\n * as written; the signal name is recased as usual.\n *\n * Bare form syncs existing signals: `query-string=\"{ include: /^(q|sort)$/ }\"` mirrors matching\n * paths both ways. `__history` pushes an entry per change and restores on back/forward;\n * `__filter` drops empty values from the URL.\n */\nexport const queryString = attribute({\n  name: 'query-string',\n  mount({ key, value, mods, evaluate, cased, store, listen, effect }) {\n    const history = mods.has('history')\n    const push = (url: string) => {\n      if (url !== location.pathname + location.search + location.hash) window.history[history ? 'pushState' : 'replaceState'](null, '', url)\n    }\n    const urlWith = (q: URLSearchParams) => `${location.pathname}${q.size ? `?${q}` : ''}${location.hash}`\n    let restoring = false\n    const restore = (fn: () => void) => {\n      restoring = true\n      try {\n        fn()\n      } finally {\n        restoring = false\n      }\n    }\n\n    if (key) {\n      const path = cased()\n      const fallback = value ? evaluate() : ''\n      const fromUrl = () => {\n        const raw = new URLSearchParams(location.search).get(key)\n        store.set(path, raw === null ? fallback : parse(raw))\n      }\n      if (!store.has(path) || new URLSearchParams(location.search).has(key)) fromUrl()\n      effect(() => {\n        const v = store.get(path)\n        if (restoring) return\n        const q = new URLSearchParams(location.search)\n        if (v === undefined || same(v, fallback)) q.delete(key)\n        else q.set(key, typeof v === 'string' ? v : JSON.stringify(v))\n        push(urlWith(q))\n      })\n      if (history) listen(window, 'popstate', () => restore(fromUrl))\n      return\n    }\n\n    const filter = value ? evaluate() : undefined\n    const ok = toPredicate(filter)\n    const fromUrl = () => {\n      const patch = {}\n      for (const [k, v] of new URLSearchParams(location.search)) if (ok(k)) expand(patch, k, parse(v))\n      store.merge(patch)\n    }\n    fromUrl()\n    effect(() => {\n      const snap = store.snapshot(filter, { computed: false })\n      if (restoring) return\n      const q = new URLSearchParams(location.search)\n      const walk = (obj: Record<string, any>, prefix: string) => {\n        for (const k in obj) {\n          const p = prefix ? `${prefix}.${k}` : k\n          const v = obj[k]\n          if (v && typeof v === 'object' && !Array.isArray(v)) walk(v, p)\n          else if (mods.has('filter') && (v === '' || v == null)) q.delete(p)\n          else q.set(p, typeof v === 'string' ? v : JSON.stringify(v))\n        }\n      }\n      walk(snap, '')\n      push(urlWith(q))\n    })\n    if (history) listen(window, 'popstate', () => restore(fromUrl))\n  },\n})\n"],
-  "mappings": "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",
-  "names": ["fromUrl"]
+  "sourcesContent": ["import { dir } from '../def.js';\n\nconst parse = (s: string): unknown => {\n  try {\n    return JSON.parse(s);\n  } catch {\n    return s;\n  }\n};\nconst enc = (v: unknown) => (typeof v === 'string' ? v : JSON.stringify(v));\nconst same = (a: unknown, b: unknown) => enc(a) === enc(b);\nconst params = () => new URLSearchParams(location.search);\n\n/**\n * Keeps signals and the URL query string in step.\n *\n * Keyed form declares one signal with a default: `query-string:page=\"1\"` creates `page`, reads\n * `?page=` on load when present (otherwise uses the default), writes it whenever it changes, and\n * drops the parameter again when the value is back at the default. The parameter name is the key\n * as written; the signal name is recased as usual.\n *\n * Bare form syncs existing signals: `query-string=\"{ include: /^(q|sort)$/ }\"` mirrors matching\n * paths both ways. `__history` pushes an entry per change and restores on back/forward;\n * `__filter` drops empty values from the URL.\n */\nexport const queryString = dir('query-string', 1, ({ key, value, mods, evaluate, cased, store, listen, effect }) => {\n  const history = mods.has('history');\n  let restoring = false;\n  /** `read` pulls signals from the query; `write` puts them into it. Reads are wired to back/forward. */\n  const wire = (read: (q: URLSearchParams) => void, write: (q: URLSearchParams) => void) => {\n    effect(() => {\n      const q = params();\n      write(q);\n      if (restoring) return;\n      const qs = String(q);\n      const url = `${location.pathname}${qs ? `?${qs}` : ''}${location.hash}`;\n      if (url !== location.pathname + location.search + location.hash)\n        window.history[history ? 'pushState' : 'replaceState'](null, '', url);\n    });\n    if (history)\n      listen(window, 'popstate', () => {\n        restoring = true;\n        try {\n          read(params());\n        } finally {\n          restoring = false;\n        }\n      });\n  };\n\n  {\n    const name = key as string;\n    const path = cased();\n    const fallback = value ? evaluate() : '';\n    const read = (q: URLSearchParams) => {\n      const raw = q.get(name);\n      // The parameter takes the default's type: a string default keeps '007' a string, a number default parses.\n      store.set(path, raw === null ? fallback : typeof fallback === 'string' ? raw : parse(raw));\n    };\n    if (!store.has(path) || params().has(name)) read(params());\n    wire(read, (q) => {\n      const v = store.get(path);\n      v === undefined || same(v, fallback) ? q.delete(name) : q.set(name, enc(v));\n    });\n  }\n});\n"],
+  "mappings": "AAAA,SAAS,WAAW;AAEpB,MAAM,QAAQ,CAAC,MAAuB;AACpC,MAAI;AACF,WAAO,KAAK,MAAM,CAAC;AAAA,EACrB,QAAQ;AACN,WAAO;AAAA,EACT;AACF;AACA,MAAM,MAAM,CAAC,MAAgB,OAAO,MAAM,WAAW,IAAI,KAAK,UAAU,CAAC;AACzE,MAAM,OAAO,CAAC,GAAY,MAAe,IAAI,CAAC,MAAM,IAAI,CAAC;AACzD,MAAM,SAAS,MAAM,IAAI,gBAAgB,SAAS,MAAM;AAcjD,MAAM,cAAc,IAAI,gBAAgB,GAAG,CAAC,EAAE,KAAK,OAAO,MAAM,UAAU,OAAO,OAAO,QAAQ,OAAO,MAAM;AAClH,QAAM,UAAU,KAAK,IAAI,SAAS;AAClC,MAAI,YAAY;AAEhB,QAAM,OAAO,CAAC,MAAoC,UAAwC;AACxF,WAAO,MAAM;AACX,YAAM,IAAI,OAAO;AACjB,YAAM,CAAC;AACP,UAAI,UAAW;AACf,YAAM,KAAK,OAAO,CAAC;AACnB,YAAM,MAAM,GAAG,SAAS,QAAQ,GAAG,KAAK,IAAI,EAAE,KAAK,EAAE,GAAG,SAAS,IAAI;AACrE,UAAI,QAAQ,SAAS,WAAW,SAAS,SAAS,SAAS;AACzD,eAAO,QAAQ,UAAU,cAAc,cAAc,EAAE,MAAM,IAAI,GAAG;AAAA,IACxE,CAAC;AACD,QAAI;AACF,aAAO,QAAQ,YAAY,MAAM;AAC/B,oBAAY;AACZ,YAAI;AACF,eAAK,OAAO,CAAC;AAAA,QACf,UAAE;AACA,sBAAY;AAAA,QACd;AAAA,MACF,CAAC;AAAA,EACL;AAEA;AACE,UAAM,OAAO;AACb,UAAM,OAAO,MAAM;AACnB,UAAM,WAAW,QAAQ,SAAS,IAAI;AACtC,UAAM,OAAO,CAAC,MAAuB;AACnC,YAAM,MAAM,EAAE,IAAI,IAAI;AAEtB,YAAM,IAAI,MAAM,QAAQ,OAAO,WAAW,OAAO,aAAa,WAAW,MAAM,MAAM,GAAG,CAAC;AAAA,IAC3F;AACA,QAAI,CAAC,MAAM,IAAI,IAAI,KAAK,OAAO,EAAE,IAAI,IAAI,EAAG,MAAK,OAAO,CAAC;AACzD,SAAK,MAAM,CAAC,MAAM;AAChB,YAAM,IAAI,MAAM,IAAI,IAAI;AACxB,YAAM,UAAa,KAAK,GAAG,QAAQ,IAAI,EAAE,OAAO,IAAI,IAAI,EAAE,IAAI,MAAM,IAAI,CAAC,CAAC;AAAA,IAC5E,CAAC;AAAA,EACH;AACF,CAAC;",
+  "names": []
 }

package/dist/plugins/directives/url-replace.js

@@ -1,10 +1,9 @@
-import { attribute } from "../../kernel/index.js";
-const replaceUrl = attribute({
-  name: "replace-url",
-  key: "forbidden",
-  value: "required",
-  mount: ({ evaluate, effect }) => effect(() => history.replaceState(history.state, "", new URL(String(evaluate()), location.href)))
-});
+import { dir } from "../def.js";
+const replaceUrl = dir(
+  "replace-url",
+  6,
+  ({ evaluate, effect }) => effect(() => history.replaceState(history.state, "", new URL(String(evaluate()), location.href)))
+);
 export {
   replaceUrl
 };

package/dist/plugins/directives/url-replace.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/plugins/directives/url-replace.ts"],
-  "sourcesContent": ["import { attribute } from '../../kernel/index.js'\n\nexport const replaceUrl = attribute({\n  name: 'replace-url',\n  key: 'forbidden',\n  value: 'required',\n  mount: ({ evaluate, effect }) =>\n    effect(() => history.replaceState(history.state, '', new URL(String(evaluate()), location.href))),\n})\n"],
-  "mappings": "AAAA,SAAS,iBAAiB;AAEnB,MAAM,aAAa,UAAU;AAAA,EAClC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,OAAO;AAAA,EACP,OAAO,CAAC,EAAE,UAAU,OAAO,MACzB,OAAO,MAAM,QAAQ,aAAa,QAAQ,OAAO,IAAI,IAAI,IAAI,OAAO,SAAS,CAAC,GAAG,SAAS,IAAI,CAAC,CAAC;AACpG,CAAC;",
+  "sourcesContent": ["import { dir } from '../def.js';\n\nexport const replaceUrl = dir('replace-url', 6, ({ evaluate, effect }) =>\n  effect(() => history.replaceState(history.state, '', new URL(String(evaluate()), location.href))),\n);\n"],
+  "mappings": "AAAA,SAAS,WAAW;AAEb,MAAM,aAAa;AAAA,EAAI;AAAA,EAAe;AAAA,EAAG,CAAC,EAAE,UAAU,OAAO,MAClE,OAAO,MAAM,QAAQ,aAAa,QAAQ,OAAO,IAAI,IAAI,IAAI,OAAO,SAAS,CAAC,GAAG,SAAS,IAAI,CAAC,CAAC;AAClG;",
   "names": []
 }

package/dist/plugins/directives/validity.js

@@ -1,12 +1,9 @@
-import { attribute } from "../../kernel/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() ?? "")));
-  }
+import { dir } from "../def.js";
+const customValidity = dir("custom-validity", 6, ({ el, evaluate, effect, error }) => {
+  if (!("setCustomValidity" in el)) throw error("only works on form fields");
+  const field = el;
+  effect(() => field.setCustomValidity(String(evaluate() ?? "")));
+  return () => field.setCustomValidity("");
 });
 export {
   customValidity

package/dist/plugins/directives/validity.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/plugins/directives/validity.ts"],
-  "sourcesContent": ["import { attribute } from '../../kernel/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;",
+  "sourcesContent": ["import { dir } from '../def.js';\n\n/** The expression's string becomes the field's validity message; '' means valid. */\nexport const customValidity = dir('custom-validity', 6, ({ el, evaluate, effect, error }) => {\n  if (!('setCustomValidity' in el)) throw error('only works on form fields');\n  const field = el as HTMLInputElement;\n  effect(() => field.setCustomValidity(String(evaluate() ?? '')));\n  return () => field.setCustomValidity('');\n});\n"],
+  "mappings": "AAAA,SAAS,WAAW;AAGb,MAAM,iBAAiB,IAAI,mBAAmB,GAAG,CAAC,EAAE,IAAI,UAAU,QAAQ,MAAM,MAAM;AAC3F,MAAI,EAAE,uBAAuB,IAAK,OAAM,MAAM,2BAA2B;AACzE,QAAM,QAAQ;AACd,SAAO,MAAM,MAAM,kBAAkB,OAAO,SAAS,KAAK,EAAE,CAAC,CAAC;AAC9D,SAAO,MAAM,MAAM,kBAAkB,EAAE;AACzC,CAAC;",
   "names": []
 }

package/dist/plugins/directives/viewport.js

@@ -1,26 +1,21 @@
-import { attribute, withTiming, withViewTransition } from "../../kernel/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();
-  }
+import { withTiming } from "../../kernel/index.js";
+import { dir } from "../def.js";
+const onIntersect = dir("on-intersect", 22, ({ el, mods, evaluate, cleanup }) => {
+  const t = +(mods.get("threshold")?.join(".") ?? 0);
+  const threshold = Number.isFinite(t) ? Math.min(100, Math.max(0, t)) / 100 : 0;
+  const run = withTiming(() => evaluate(), mods, cleanup);
+  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

package/dist/plugins/directives/viewport.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/plugins/directives/viewport.ts"],
-  "sourcesContent": ["import { attribute, withTiming, withViewTransition } from '../../kernel/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;",
+  "sourcesContent": ["import { withTiming } from '../../kernel/index.js';\nimport { dir } from '../def.js';\n\n/** Runs when the element enters the viewport. Modifiers: once, exit, full, half, threshold.N. */\nexport const onIntersect = dir('on-intersect', 22, ({ el, mods, evaluate, cleanup }) => {\n  const t = +(mods.get('threshold')?.join('.') ?? 0);\n  const threshold = Number.isFinite(t) ? Math.min(100, Math.max(0, t)) / 100 : 0;\n  const run = withTiming(() => evaluate(), mods, cleanup);\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"],
+  "mappings": "AAAA,SAAS,kBAAkB;AAC3B,SAAS,WAAW;AAGb,MAAM,cAAc,IAAI,gBAAgB,IAAI,CAAC,EAAE,IAAI,MAAM,UAAU,QAAQ,MAAM;AACtF,QAAM,IAAI,EAAE,KAAK,IAAI,WAAW,GAAG,KAAK,GAAG,KAAK;AAChD,QAAM,YAAY,OAAO,SAAS,CAAC,IAAI,KAAK,IAAI,KAAK,KAAK,IAAI,GAAG,CAAC,CAAC,IAAI,MAAM;AAC7E,QAAM,MAAM,WAAW,MAAM,SAAS,GAAG,MAAM,OAAO;AACtD,QAAM,KAAK,IAAI;AAAA,IACb,CAAC,YAAY;AACX,iBAAW,KAAK,SAAS;AACvB,YAAI,EAAE,mBAAmB,KAAK,IAAI,MAAM,EAAG;AAC3C,YAAI;AACJ,YAAI,KAAK,IAAI,MAAM,EAAG,IAAG,WAAW;AAAA,MACtC;AAAA,IACF;AAAA,IACA,EAAE,UAAU;AAAA,EACd;AACA,KAAG,QAAQ,EAAE;AACb,SAAO,MAAM,GAAG,WAAW;AAC7B,CAAC;",
   "names": []
 }

package/dist/plugins/directives/visibility.js

@@ -1,17 +1,12 @@
-import { attribute } from "../../kernel/index.js";
-const show = attribute({
-  name: "show",
-  key: "forbidden",
-  value: "required",
-  mount({ el, evaluate, effect }) {
-    const initial = el.style.display === "none" ? "" : el.style.display;
-    effect(() => {
-      el.style.display = evaluate() ? initial : "none";
-    });
-    return () => {
-      el.style.display = initial;
-    };
-  }
+import { dir } from "../def.js";
+const show = dir("show", 6, ({ el, evaluate, effect }) => {
+  const initial = el.style.display === "none" ? "" : el.style.display;
+  effect(() => {
+    el.style.display = evaluate() ? initial : "none";
+  });
+  return () => {
+    el.style.display = initial;
+  };
 });
 export {
   show

package/dist/plugins/directives/visibility.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/plugins/directives/visibility.ts"],
-  "sourcesContent": ["import { attribute } from '../../kernel/index.js'\n\n/** Toggles `display: none`, restoring whatever inline display the element had. */\nexport const show = attribute({\n  name: 'show',\n  key: 'forbidden',\n  value: 'required',\n  mount({ el, evaluate, effect }) {\n    const initial = el.style.display === 'none' ? '' : el.style.display\n    effect(() => {\n      el.style.display = evaluate() ? initial : 'none'\n    })\n    return () => {\n      el.style.display = initial\n    }\n  },\n})\n"],
-  "mappings": "AAAA,SAAS,iBAAiB;AAGnB,MAAM,OAAO,UAAU;AAAA,EAC5B,MAAM;AAAA,EACN,KAAK;AAAA,EACL,OAAO;AAAA,EACP,MAAM,EAAE,IAAI,UAAU,OAAO,GAAG;AAC9B,UAAM,UAAU,GAAG,MAAM,YAAY,SAAS,KAAK,GAAG,MAAM;AAC5D,WAAO,MAAM;AACX,SAAG,MAAM,UAAU,SAAS,IAAI,UAAU;AAAA,IAC5C,CAAC;AACD,WAAO,MAAM;AACX,SAAG,MAAM,UAAU;AAAA,IACrB;AAAA,EACF;AACF,CAAC;",
+  "sourcesContent": ["import { dir } from '../def.js';\n\n/** Toggles `display: none`, restoring whatever inline display the element had. */\nexport const show = dir('show', 6, ({ el, evaluate, effect }) => {\n  const initial = el.style.display === 'none' ? '' : el.style.display;\n  effect(() => {\n    el.style.display = evaluate() ? initial : 'none';\n  });\n  return () => {\n    el.style.display = initial;\n  };\n});\n"],
+  "mappings": "AAAA,SAAS,WAAW;AAGb,MAAM,OAAO,IAAI,QAAQ,GAAG,CAAC,EAAE,IAAI,UAAU,OAAO,MAAM;AAC/D,QAAM,UAAU,GAAG,MAAM,YAAY,SAAS,KAAK,GAAG,MAAM;AAC5D,SAAO,MAAM;AACX,OAAG,MAAM,UAAU,SAAS,IAAI,UAAU;AAAA,EAC5C,CAAC;AACD,SAAO,MAAM;AACX,OAAG,MAAM,UAAU;AAAA,EACrB;AACF,CAAC;",
   "names": []
 }

package/dist/plugins/directives/watch.d.ts

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

package/dist/plugins/directives/watch.js

@@ -1,11 +1,5 @@
-import { attribute } from "../../kernel/index.js";
-const effect = attribute({
-  name: "effect",
-  key: "forbidden",
-  value: "required",
-  returns: false,
-  mount: (ctx) => ctx.effect(() => ctx.evaluate())
-});
+import { dir } from "../def.js";
+const effect = dir("effect", 22, (ctx) => ctx.effect(() => ctx.evaluate()));
 export {
   effect
 };

package/dist/plugins/directives/watch.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/plugins/directives/watch.ts"],
-  "sourcesContent": ["import { attribute } from '../../kernel/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;",
+  "sourcesContent": ["import { dir } from '../def.js';\n\nexport const effect = dir('effect', 22, (ctx) => ctx.effect(() => ctx.evaluate()));\n"],
+  "mappings": "AAAA,SAAS,WAAW;AAEb,MAAM,SAAS,IAAI,UAAU,IAAI,CAAC,QAAQ,IAAI,OAAO,MAAM,IAAI,SAAS,CAAC,CAAC;",
   "names": []
 }

package/dist/plugins/functions/bulk-set.js

@@ -1,10 +1,13 @@
-import { action, batch, untracked } from "../../kernel/index.js";
-const setAll = action({
-  name: "setAll",
-  call: ({ store }, value, filter) => batch(() => untracked(() => {
-    for (const p of store.paths(filter)) store.set(p, value);
-  }))
-});
+import { batch, untracked } from "../../kernel/index.js";
+import { act } from "../def.js";
+const setAll = act(
+  "setAll",
+  ({ store }, value, filter) => batch(
+    () => untracked(() => {
+      for (const p of store.paths(filter, { computed: false })) store.set(p, value);
+    })
+  )
+);
 export {
   setAll
 };

package/dist/plugins/functions/bulk-set.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/plugins/functions/bulk-set.ts"],
-  "sourcesContent": ["import { action, batch, untracked, type Filter } from '../../kernel/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;",
+  "sourcesContent": ["import { batch, type Filter, untracked } from '../../kernel/index.js';\nimport { act } from '../def.js';\n\n/** `@setAll(value, { include: /^form\\./ })` assigns every matching signal. */\nexport const setAll = act('setAll', ({ store }, value: unknown, filter?: Filter) =>\n  batch(() =>\n    untracked(() => {\n      for (const p of store.paths(filter, { computed: false })) store.set(p, value);\n    }),\n  ),\n);\n"],
+  "mappings": "AAAA,SAAS,OAAoB,iBAAiB;AAC9C,SAAS,WAAW;AAGb,MAAM,SAAS;AAAA,EAAI;AAAA,EAAU,CAAC,EAAE,MAAM,GAAG,OAAgB,WAC9D;AAAA,IAAM,MACJ,UAAU,MAAM;AACd,iBAAW,KAAK,MAAM,MAAM,QAAQ,EAAE,UAAU,MAAM,CAAC,EAAG,OAAM,IAAI,GAAG,KAAK;AAAA,IAC9E,CAAC;AAAA,EACH;AACF;",
   "names": []
 }

package/dist/plugins/functions/bulk-toggle.js

@@ -1,10 +1,13 @@
-import { action, batch, untracked } from "../../kernel/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));
-  }))
-});
+import { batch, untracked } from "../../kernel/index.js";
+import { act } from "../def.js";
+const toggleAll = act(
+  "toggleAll",
+  ({ store }, filter) => batch(
+    () => untracked(() => {
+      for (const p of store.paths(filter, { computed: false })) store.set(p, !store.get(p));
+    })
+  )
+);
 export {
   toggleAll
 };

package/dist/plugins/functions/bulk-toggle.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/plugins/functions/bulk-toggle.ts"],
-  "sourcesContent": ["import { action, batch, untracked, type Filter } from '../../kernel/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;",
+  "sourcesContent": ["import { batch, type Filter, untracked } from '../../kernel/index.js';\nimport { act } from '../def.js';\n\n/** `@toggleAll({ include: /^flags\\./ })` negates every matching boolean signal. */\nexport const toggleAll = act('toggleAll', ({ store }, filter?: Filter) =>\n  batch(() =>\n    untracked(() => {\n      for (const p of store.paths(filter, { computed: false })) store.set(p, !store.get(p));\n    }),\n  ),\n);\n"],
+  "mappings": "AAAA,SAAS,OAAoB,iBAAiB;AAC9C,SAAS,WAAW;AAGb,MAAM,YAAY;AAAA,EAAI;AAAA,EAAa,CAAC,EAAE,MAAM,GAAG,WACpD;AAAA,IAAM,MACJ,UAAU,MAAM;AACd,iBAAW,KAAK,MAAM,MAAM,QAAQ,EAAE,UAAU,MAAM,CAAC,EAAG,OAAM,IAAI,GAAG,CAAC,MAAM,IAAI,CAAC,CAAC;AAAA,IACtF,CAAC;AAAA,EACH;AACF;",
   "names": []
 }

package/dist/plugins/functions/confirm.js

@@ -1,5 +1,5 @@
-import { action } from "../../kernel/index.js";
-const confirm = action({ name: "confirm", call: (_, message) => window.confirm(message) });
+import { act } from "../def.js";
+const confirm = act("confirm", (_, message) => window.confirm(message));
 export {
   confirm
 };

package/dist/plugins/functions/confirm.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/plugins/functions/confirm.ts"],
-  "sourcesContent": ["import { action } from '../../kernel/index.js'\n\n/** `@confirm('Delete?') && @delete('/x')` asks before continuing. */\nexport const confirm = action({ name: 'confirm', call: (_, message: string) => window.confirm(message) })\n"],
-  "mappings": "AAAA,SAAS,cAAc;AAGhB,MAAM,UAAU,OAAO,EAAE,MAAM,WAAW,MAAM,CAAC,GAAG,YAAoB,OAAO,QAAQ,OAAO,EAAE,CAAC;",
+  "sourcesContent": ["import { act } from '../def.js';\n\n/** `@confirm('Delete?') && @delete('/x')` asks before continuing. */\nexport const confirm = act('confirm', (_, message: string) => window.confirm(message));\n"],
+  "mappings": "AAAA,SAAS,WAAW;AAGb,MAAM,UAAU,IAAI,WAAW,CAAC,GAAG,YAAoB,OAAO,QAAQ,OAAO,CAAC;",
   "names": []
 }

package/dist/plugins/functions/copy-text.js

@@ -1,10 +1,10 @@
-import { action } from "../../kernel/index.js";
-const clipboard = action({
-  name: "clipboard",
-  call: (_, text, base64 = false) => navigator.clipboard.writeText(
+import { act } from "../def.js";
+const clipboard = act(
+  "clipboard",
+  (_, text, base64 = false) => navigator.clipboard.writeText(
     base64 ? new TextDecoder().decode(Uint8Array.from(atob(text), (c) => c.charCodeAt(0))) : text
   )
-});
+);
 export {
   clipboard
 };

package/dist/plugins/functions/copy-text.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/plugins/functions/copy-text.ts"],
-  "sourcesContent": ["import { action } from '../../kernel/index.js'\n\n/** `@clipboard(text, isBase64?)` copies text; base64 input is decoded first. */\nexport const clipboard = action({\n  name: 'clipboard',\n  call: (_, text: string, base64 = false) =>\n    navigator.clipboard.writeText(\n      base64 ? new TextDecoder().decode(Uint8Array.from(atob(text), (c) => c.charCodeAt(0))) : text,\n    ),\n})\n"],
-  "mappings": "AAAA,SAAS,cAAc;AAGhB,MAAM,YAAY,OAAO;AAAA,EAC9B,MAAM;AAAA,EACN,MAAM,CAAC,GAAG,MAAc,SAAS,UAC/B,UAAU,UAAU;AAAA,IAClB,SAAS,IAAI,YAAY,EAAE,OAAO,WAAW,KAAK,KAAK,IAAI,GAAG,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC,IAAI;AAAA,EAC3F;AACJ,CAAC;",
+  "sourcesContent": ["import { act } from '../def.js';\n\n/** `@clipboard(text, isBase64?)` copies text; base64 input is decoded first. */\nexport const clipboard = act('clipboard', (_, text: string, base64 = false) =>\n  navigator.clipboard.writeText(\n    base64 ? new TextDecoder().decode(Uint8Array.from(atob(text), (c) => c.charCodeAt(0))) : text,\n  ),\n);\n"],
+  "mappings": "AAAA,SAAS,WAAW;AAGb,MAAM,YAAY;AAAA,EAAI;AAAA,EAAa,CAAC,GAAG,MAAc,SAAS,UACnE,UAAU,UAAU;AAAA,IAClB,SAAS,IAAI,YAAY,EAAE,OAAO,WAAW,KAAK,KAAK,IAAI,GAAG,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC,IAAI;AAAA,EAC3F;AACF;",
   "names": []
 }

package/dist/plugins/functions/dispatch.js

@@ -1,8 +1,8 @@
-import { action } from "../../kernel/index.js";
-const dispatch = action({
-  name: "dispatch",
-  call: ({ el }, name, detail) => el.dispatchEvent(new CustomEvent(name, { detail, bubbles: true, composed: true }))
-});
+import { act } from "../def.js";
+const dispatch = act(
+  "dispatch",
+  ({ el }, name, detail) => el.dispatchEvent(new CustomEvent(name, { detail, bubbles: true, composed: true }))
+);
 export {
   dispatch
 };

package/dist/plugins/functions/dispatch.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/plugins/functions/dispatch.ts"],
-  "sourcesContent": ["import { action } from '../../kernel/index.js'\n\n/** `@dispatch('name', detail)` fires a bubbling CustomEvent from the element. */\nexport const dispatch = action({\n  name: 'dispatch',\n  call: ({ el }, name: string, detail?: unknown) => el.dispatchEvent(new CustomEvent(name, { detail, bubbles: true, composed: true })),\n})\n"],
-  "mappings": "AAAA,SAAS,cAAc;AAGhB,MAAM,WAAW,OAAO;AAAA,EAC7B,MAAM;AAAA,EACN,MAAM,CAAC,EAAE,GAAG,GAAG,MAAc,WAAqB,GAAG,cAAc,IAAI,YAAY,MAAM,EAAE,QAAQ,SAAS,MAAM,UAAU,KAAK,CAAC,CAAC;AACrI,CAAC;",
+  "sourcesContent": ["import { act } from '../def.js';\n\n/** `@dispatch('name', detail)` fires a bubbling CustomEvent from the element. */\nexport const dispatch = act('dispatch', ({ el }, name: string, detail?: unknown) =>\n  el.dispatchEvent(new CustomEvent(name, { detail, bubbles: true, composed: true })),\n);\n"],
+  "mappings": "AAAA,SAAS,WAAW;AAGb,MAAM,WAAW;AAAA,EAAI;AAAA,EAAY,CAAC,EAAE,GAAG,GAAG,MAAc,WAC7D,GAAG,cAAc,IAAI,YAAY,MAAM,EAAE,QAAQ,SAAS,MAAM,UAAU,KAAK,CAAC,CAAC;AACnF;",
   "names": []
 }

package/dist/plugins/functions/locale-format.d.ts

@@ -1,2 +1,5 @@
-/** `@intl('number', 1234.5, { style: 'currency', currency: 'USD' }, 'en-US')`. */
+/**
+ * `@intl('NumberFormat', 1234.5, { style: 'currency', currency: 'EUR' }, 'de')` formats with the named
+ * `Intl` API (NumberFormat, DateTimeFormat, PluralRules, RelativeTimeFormat as `[value, unit]`, ListFormat, DisplayNames).
+ */
 export declare const intl: import("../../kernel/contracts.js").ActionPlugin;

package/dist/plugins/functions/locale-format.js

@@ -1,20 +1,13 @@
-import { action } from "../../kernel/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);
+import { act } from "../def.js";
+const intl = act(
+  "intl",
+  ({ error }, type, value, options, locale) => {
+    const C = Intl[type];
+    if (!C) throw error(`unknown @intl type "${type}"`);
+    const f = new C(locale, options);
+    return (f.select ?? f.of ?? f.format).call(f, ...type === "RelativeTimeFormat" ? value : [value]) ?? "";
   }
-});
+);
 export {
   intl
 };

package/dist/plugins/functions/locale-format.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/plugins/functions/locale-format.ts"],
-  "sourcesContent": ["import { action } from '../../kernel/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;",
+  "sourcesContent": ["import { act } from '../def.js';\n\n/**\n * `@intl('NumberFormat', 1234.5, { style: 'currency', currency: 'EUR' }, 'de')` formats with the named\n * `Intl` API (NumberFormat, DateTimeFormat, PluralRules, RelativeTimeFormat as `[value, unit]`, ListFormat, DisplayNames).\n */\nexport const intl = act(\n  'intl',\n  ({ error }, type: string, value: any, options?: Record<string, unknown>, locale?: string | string[]) => {\n    const C = (Intl as any)[type];\n    if (!C) throw error(`unknown @intl type \"${type}\"`);\n    const f = new C(locale, options);\n    return (f.select ?? f.of ?? f.format).call(f, ...(type === 'RelativeTimeFormat' ? value : [value])) ?? '';\n  },\n);\n"],
+  "mappings": "AAAA,SAAS,WAAW;AAMb,MAAM,OAAO;AAAA,EAClB;AAAA,EACA,CAAC,EAAE,MAAM,GAAG,MAAc,OAAY,SAAmC,WAA+B;AACtG,UAAM,IAAK,KAAa,IAAI;AAC5B,QAAI,CAAC,EAAG,OAAM,MAAM,uBAAuB,IAAI,GAAG;AAClD,UAAM,IAAI,IAAI,EAAE,QAAQ,OAAO;AAC/B,YAAQ,EAAE,UAAU,EAAE,MAAM,EAAE,QAAQ,KAAK,GAAG,GAAI,SAAS,uBAAuB,QAAQ,CAAC,KAAK,CAAE,KAAK;AAAA,EACzG;AACF;",
   "names": []
 }

package/dist/plugins/functions/range-map.js

@@ -1,13 +1,13 @@
-import { action } from "../../kernel/index.js";
-const fit = action({
-  name: "fit",
-  call: (_, v, inMin, inMax, outMin, outMax, clamp = false, round = false) => {
-    let t = (v - inMin) / (inMax - inMin);
+import { act } from "../def.js";
+const fit = act(
+  "fit",
+  (_, v, inMin, inMax, outMin, outMax, clamp = false, round = false) => {
+    let t = inMax === inMin ? 0 : (v - inMin) / (inMax - inMin);
     if (clamp) t = Math.min(1, Math.max(0, t));
     const out = outMin + t * (outMax - outMin);
     return round ? Math.round(out) : out;
   }
-});
+);
 export {
   fit
 };