@vielzeug/buildit 2.0.0

package/dist/slider.js

@@ -0,0 +1,209 @@
+import { coarsePointerMixin as e } from "./styles/mixins/accessibility.css.js";
+import { sizeVariantMixin as t } from "./styles/mixins/shape.css.js";
+import { disabledStateMixin as n } from "./styles/mixins/states.css.js";
+import { colorThemeMixin as r } from "./styles/mixins/theme.css.js";
+import "./styles/index.js";
+import { FORM_CTX as i } from "./inputs/shared/form-context.js";
+import { mountFormContextSync as a } from "./inputs/shared/dom-sync/form-context.js";
+import "./inputs/shared/dom-sync/index.js";
+import { createFieldValidation as o } from "./inputs/shared/validation/index.js";
+import { SLIDER_SIZE_PRESET as s } from "./inputs/shared/design-presets.js";
+import c from "./inputs/slider/slider.css?inline.js";
+import { aria as l, computed as u, createId as d, defineComponent as f, defineField as p, guard as m, handle as h, html as g, inject as _, onMount as v, ref as y, signal as b, watch as x } from "@vielzeug/craftit";
+//#region src/inputs/slider/slider.ts
+var S = f({
+	formAssociated: !0,
+	props: {
+		color: { default: void 0 },
+		disabled: { default: !1 },
+		from: { default: "0" },
+		"from-value-text": { default: void 0 },
+		max: { default: "100" },
+		min: { default: "0" },
+		name: { default: "" },
+		range: { default: !1 },
+		size: { default: void 0 },
+		step: { default: "1" },
+		to: { default: "100" },
+		"to-value-text": { default: void 0 },
+		value: { default: "0" },
+		"value-text": { default: void 0 }
+	},
+	setup({ emit: e, host: t, props: n, slots: r }) {
+		let s = n.range.value, c = (e, t) => {
+			let n = Number(e);
+			return Number.isFinite(n) ? n : t;
+		}, f = (e) => {
+			let t = c(n.min.value, 0), r = c(n.max.value, 100), i = c(n.step.value, 1);
+			return Math.max(t, Math.min(r, Math.round(e / i) * i));
+		}, S = (e) => {
+			let t = c(n.min.value, 0), r = c(n.max.value, 100);
+			return (e - t) / (r - t) * 100;
+		}, C = _(i, void 0);
+		a(t, C, n);
+		let w, T = b("0");
+		s || (w = p({
+			disabled: u(() => !!n.disabled.value),
+			value: T
+		}, { onReset: () => {
+			T.value = "0";
+		} }), x(n.value, (e) => {
+			T.value = String(e);
+		}, { immediate: !0 }), l({
+			disabled: () => !!n.disabled.value,
+			valuemax: () => c(n.max.value, 100),
+			valuemin: () => c(n.min.value, 0),
+			valuenow: () => Number(T.value || 0),
+			valuetext: () => n["value-text"].value ?? null
+		}));
+		let E = b(0), D = b(100);
+		s && (w = p({
+			disabled: u(() => !!n.disabled.value),
+			toFormValue: ({ from: e, to: t }) => {
+				let r = n.name.value;
+				if (!r) return null;
+				let i = new FormData();
+				return i.append(`${r}[from]`, String(e)), i.append(`${r}[to]`, String(t)), i;
+			},
+			value: u(() => ({
+				from: E.value,
+				to: D.value
+			}))
+		}, { onReset: () => {
+			E.value = f(c(n.from.value, 0)), D.value = f(c(n.to.value, 100));
+		} }), x(n.from, (e) => {
+			E.value = f(c(e, 0));
+		}, { immediate: !0 }), x(n.to, (e) => {
+			D.value = f(c(e, 100));
+		}, { immediate: !0 }));
+		let O = y(), k = y(), A = y(), j = y(), M = d("slider-start"), N = d("slider-end"), P = (e) => {
+			let n = S(e);
+			t.style.setProperty("--_thumb-pos", `${n}%`), t.style.setProperty("--_fill-start", "0%"), t.style.setProperty("--_fill-width", `${n}%`);
+		}, F = () => {
+			let e = S(E.value), n = S(D.value);
+			t.style.setProperty("--_thumb-start", `${e}%`), t.style.setProperty("--_thumb-end", `${n}%`), t.style.setProperty("--_fill-start", `${e}%`), t.style.setProperty("--_fill-width", `${n - e}%`);
+		}, I = (e, t, n, r, i) => e === "ArrowRight" || e === "ArrowUp" ? i + t : e === "ArrowLeft" || e === "ArrowDown" ? i - t : e === "Home" ? n : e === "End" ? r : null, { triggerValidation: L } = o(C, { reportValidity: () => w?.reportValidity() ?? !1 }), R = (r) => {
+			F();
+			let i = (e) => {
+				let t = r.getBoundingClientRect(), i = c(n.min.value, 0), a = c(n.max.value, 100);
+				return f(i + Math.max(0, Math.min(1, (e - t.left) / t.width)) * (a - i));
+			}, a = null, o = (t) => {
+				let r = c(n.min.value, 0), i = c(n.max.value, 100);
+				a === "start" ? E.value = Math.min(f(t), D.value) : a === "end" && (D.value = Math.max(f(t), E.value)), E.value = Math.max(r, Math.min(E.value, i)), D.value = Math.max(r, Math.min(D.value, i)), F(), e("change", {
+					from: E.value,
+					to: D.value,
+					value: {
+						from: E.value,
+						to: D.value
+					}
+				}), L("change");
+			};
+			h(r, "pointerdown", m(() => !n.disabled.value, (e) => {
+				e.preventDefault();
+				let n = i(e.clientX);
+				a = Math.abs(n - E.value) <= Math.abs(n - D.value) ? "start" : "end", t.setAttribute("data-dragging", ""), e.target.setPointerCapture(e.pointerId), o(n);
+			})), h(r, "pointermove", m(() => !!a, (e) => {
+				e.preventDefault(), o(i(e.clientX));
+			})), h(r, "pointerup", m(() => !!a, (e) => {
+				e.preventDefault(), a = null, t.removeAttribute("data-dragging"), e.target.releasePointerCapture(e.pointerId);
+			}));
+			let s = (t, r) => (i) => {
+				if (n.disabled.value) return;
+				let a = c(n.step.value, 1), o = c(n.min.value, 0), s = c(n.max.value, 100), l = I(i.key, a, o, s, t());
+				l !== null && (i.preventDefault(), r(f(Math.max(o, Math.min(s, l)))), F(), e("change", {
+					from: E.value,
+					originalEvent: i,
+					to: D.value,
+					value: {
+						from: E.value,
+						to: D.value
+					}
+				}), L("change"));
+			}, u = A.value, d = j.value;
+			u && (u.addEventListener("keydown", s(() => E.value, (e) => {
+				E.value = Math.min(e, D.value);
+			})), l(u, {
+				label: "Range start",
+				valuemax: () => D.value,
+				valuemin: () => c(n.min.value, 0),
+				valuenow: () => E.value,
+				valuetext: () => n["from-value-text"].value ?? null
+			})), d && (d.addEventListener("keydown", s(() => D.value, (e) => {
+				D.value = Math.max(e, E.value);
+			})), l(d, {
+				label: "Range end",
+				valuemax: () => c(n.max.value, 100),
+				valuemin: () => E.value,
+				valuenow: () => D.value,
+				valuetext: () => n["to-value-text"].value ?? null
+			}));
+		}, z = (r) => {
+			t.setAttribute("role", "slider"), n.disabled.value || t.setAttribute("tabindex", "0"), P(Number(T.value));
+			let i = (t) => {
+				if (n.disabled.value) return;
+				let i = r.getBoundingClientRect(), a = c(n.min.value, 0), o = c(n.max.value, 100), s = c(n.step.value, 1), l = Math.max(0, Math.min(1, (t - i.left) / i.width)), u = Math.max(a, Math.min(o, Math.round((a + l * (o - a)) / s) * s));
+				Number(T.value) !== u && (T.value = u.toString(), P(u), e("change", { value: u }), L("change"));
+			}, a = !1;
+			h(r, "pointerdown", m(() => !n.disabled.value, (e) => {
+				e.preventDefault(), a = !0, i(e.clientX), e.target.setPointerCapture(e.pointerId);
+			})), h(r, "pointermove", m(() => a, (e) => {
+				e.preventDefault(), t.hasAttribute("data-dragging") || t.setAttribute("data-dragging", ""), i(e.clientX);
+			})), h(r, "pointerup", m(() => a, (e) => {
+				e.preventDefault(), a = !1, t.removeAttribute("data-dragging"), e.target.releasePointerCapture(e.pointerId);
+			})), h(t, "keydown", m(() => !n.disabled.value, (t) => {
+				let r = c(n.min.value, 0), i = c(n.max.value, 100), a = c(n.step.value, 1), o = Number(T.value || 0), s = I(t.key, a, r, i, o);
+				if (s === null) return;
+				t.preventDefault();
+				let l = Math.max(r, Math.min(i, s));
+				l !== o && (T.value = l.toString(), P(l), e("change", {
+					originalEvent: t,
+					value: l
+				}), L("change"));
+			}));
+		};
+		return v(() => {
+			let e = O.value;
+			if (e) {
+				if (r.has("default").value && k.value) {
+					let e = d("slider-label");
+					k.value.id = e, s || l({ labelledby: e });
+				}
+				s ? R(e) : z(e);
+			}
+		}), g`
+      <div class="slider-container" part="slider" ref=${O}>
+        <div class="slider-track" part="track">
+          <div class="slider-fill" part="fill"></div>
+          <div class="slider-thumb slider-thumb-sole" part="thumb"></div>
+          <div
+            class="slider-thumb slider-thumb-start"
+            part="thumb-start"
+            ref=${A}
+            role="slider"
+            tabindex="${() => n.disabled.value ? "-1" : "0"}"
+            id="${M}"></div>
+          <div
+            class="slider-thumb slider-thumb-end"
+            part="thumb-end"
+            ref=${j}
+            role="slider"
+            tabindex="${() => n.disabled.value ? "-1" : "0"}"
+            id="${N}"></div>
+        </div>
+      </div>
+      <span class="label" part="label" ref=${k}><slot></slot></span>
+    `;
+	},
+	styles: [
+		n(),
+		r,
+		t(s),
+		c,
+		e
+	],
+	tag: "bit-slider"
+});
+//#endregion
+export { S as SLIDER_TAG };
+
+//# sourceMappingURL=slider.js.map

package/dist/slider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider.js","names":[],"sources":["../src/inputs/slider/slider.ts"],"sourcesContent":["import {\n  aria,\n  computed,\n  createId,\n  defineComponent,\n  defineField,\n  guard,\n  handle,\n  html,\n  inject,\n  onMount,\n  ref,\n  signal,\n  watch,\n} from '@vielzeug/craftit';\n\nimport type { DisablableProps, SizableProps, ThemableProps } from '../../types';\n\nimport { coarsePointerMixin, colorThemeMixin, disabledStateMixin, sizeVariantMixin } from '../../styles';\nimport { SLIDER_SIZE_PRESET } from '../shared/design-presets';\nimport { mountFormContextSync } from '../shared/dom-sync';\nimport { FORM_CTX } from '../shared/form-context';\nimport { createFieldValidation } from '../shared/validation';\nimport componentStyles from './slider.css?inline';\n\n/** Slider component properties */\n\nexport type BitSliderEvents = {\n  change: { from?: number; originalEvent?: Event; to?: number; value: number | { from: number; to: number } };\n};\n\nexport type BitSliderProps = ThemableProps &\n  SizableProps &\n  DisablableProps & {\n    /** Range mode: lower bound */\n    from?: number | string;\n    /** Range mode a11y label for the start thumb (e.g. \"$20\") */\n    'from-value-text'?: string;\n    /** Maximum value */\n    max?: number | string;\n    /** Minimum value */\n    min?: number | string;\n    /** Single-value mode: form field name */\n    name?: string;\n    /** Activate two-thumb range selection */\n    range?: boolean;\n    /** Step increment */\n    step?: number | string;\n    /** Range mode: upper bound */\n    to?: number | string;\n    /** Range mode a11y label for the end thumb (e.g. \"$80\") */\n    'to-value-text'?: string;\n    /** Single-value mode: current value */\n    value?: number | string;\n    /** Single-value mode a11y label override (e.g. \"75%\"). Overrides raw aria-valuenow. */\n    'value-text'?: string;\n  };\n\n/**\n * A slider for selecting a single numeric value or a numeric range.\n *\n * Add the boolean `range` attribute to activate two-thumb range mode.\n *\n * @element bit-slider\n *\n * @attr {number}  min   - Minimum value (default: 0)\n * @attr {number}  max   - Maximum value (default: 100)\n * @attr {number}  step  - Step increment (default: 1)\n * @attr {number}  value - Current value (single mode)\n * @attr {number}  from  - Lower bound (range mode)\n * @attr {number}  to    - Upper bound (range mode)\n * @attr {boolean} range - Activate range mode\n * @attr {boolean} disabled - Disable interaction\n * @attr {string}  name  - Form field name (single mode)\n * @attr {string}  color - Theme color\n * @attr {string}  size  - 'sm' | 'md' | 'lg'\n *\n * @fires change - detail always includes `value`; single mode: { value: number }, range mode: { value: { from, to }, from, to }, plus optional originalEvent\n *\n * @slot - Slider label text\n *\n * @part slider      - Slider container\n * @part track       - Track element\n * @part fill        - Fill element\n * @part thumb       - Single-value thumb\n * @part thumb-start - Range start thumb\n * @part thumb-end   - Range end thumb\n * @part label       - Label element\n *\n * @cssprop --slider-height - Track height\n * @cssprop --slider-size   - Thumb dimensions\n * @cssprop --slider-track  - Track background color\n * @cssprop --slider-fill   - Fill background color\n * @cssprop --slider-thumb  - Thumb background color\n *\n * @example\n * ```html\n * <bit-slider value=\"50\" name=\"volume\">Volume</bit-slider>\n * <bit-slider range from=\"20\" to=\"80\" color=\"primary\">Price range</bit-slider>\n * ```\n */\nexport const SLIDER_TAG = defineComponent<BitSliderProps, BitSliderEvents>({\n  formAssociated: true,\n  props: {\n    color: { default: undefined },\n    disabled: { default: false },\n    from: { default: '0' },\n    'from-value-text': { default: undefined },\n    max: { default: '100' },\n    min: { default: '0' },\n    name: { default: '' },\n    range: { default: false },\n    size: { default: undefined },\n    step: { default: '1' },\n    to: { default: '100' },\n    'to-value-text': { default: undefined },\n    value: { default: '0' },\n    'value-text': { default: undefined },\n  },\n  setup({ emit, host, props, slots }) {\n    // Treat `range` as static — determined at first render\n    const isRange = props.range.value;\n    // ── Shared helpers ────────────────────────────────────────────\n    const getNum = (v: string | number | undefined, fallback: number) => {\n      const n = Number(v);\n\n      return Number.isFinite(n) ? n : fallback;\n    };\n    const snapVal = (value: number) => {\n      const min = getNum(props.min.value, 0);\n      const max = getNum(props.max.value, 100);\n      const step = getNum(props.step.value, 1);\n\n      return Math.max(min, Math.min(max, Math.round(value / step) * step));\n    };\n    const toPercent = (value: number) => {\n      const min = getNum(props.min.value, 0);\n      const max = getNum(props.max.value, 100);\n\n      return ((value - min) / (max - min)) * 100;\n    };\n    // ── Single-value state ────────────────────────────────────────\n    const formCtx = inject(FORM_CTX, undefined);\n\n    mountFormContextSync(host, formCtx, props);\n\n    let sliderFd:\n      | {\n          reportValidity: () => boolean;\n        }\n      | undefined;\n    const valueSignal = signal('0');\n\n    if (!isRange) {\n      sliderFd = defineField(\n        { disabled: computed(() => Boolean(props.disabled.value)), value: valueSignal },\n        {\n          onReset: () => {\n            valueSignal.value = '0';\n          },\n        },\n      );\n      watch(\n        props.value,\n        (v) => {\n          valueSignal.value = String(v);\n        },\n        { immediate: true },\n      );\n      aria({\n        disabled: () => Boolean(props.disabled.value),\n        valuemax: () => getNum(props.max.value, 100),\n        valuemin: () => getNum(props.min.value, 0),\n        valuenow: () => Number(valueSignal.value || 0),\n        valuetext: () => props['value-text'].value ?? null,\n      });\n    }\n\n    // ── Range state ───────────────────────────────────────────────\n    const startVal = signal(0);\n    const endVal = signal(100);\n\n    if (isRange) {\n      sliderFd = defineField<{\n        from: number;\n        to: number;\n      }>(\n        {\n          disabled: computed(() => Boolean(props.disabled.value)),\n          toFormValue: ({ from, to }) => {\n            const name = props.name.value;\n\n            if (!name) return null;\n\n            const fd = new FormData();\n\n            fd.append(`${name}[from]`, String(from));\n            fd.append(`${name}[to]`, String(to));\n\n            return fd;\n          },\n          value: computed(() => ({ from: startVal.value, to: endVal.value })),\n        },\n        {\n          onReset: () => {\n            startVal.value = snapVal(getNum(props.from.value, 0));\n            endVal.value = snapVal(getNum(props.to.value, 100));\n          },\n        },\n      );\n      watch(\n        props.from,\n        (v) => {\n          startVal.value = snapVal(getNum(v as string | number | undefined, 0));\n        },\n        { immediate: true },\n      );\n      watch(\n        props.to,\n        (v) => {\n          endVal.value = snapVal(getNum(v as string | number | undefined, 100));\n        },\n        { immediate: true },\n      );\n    }\n\n    // ── Refs ──────────────────────────────────────────────────────\n    const containerRef = ref<HTMLDivElement>();\n    const labelRef = ref<HTMLSpanElement>();\n    const thumbStartRef = ref<HTMLDivElement>();\n    const thumbEndRef = ref<HTMLDivElement>();\n    const startId = createId('slider-start');\n    const endId = createId('slider-end');\n    // ── CSS update helpers ────────────────────────────────────────\n    const updateSingleCSS = (value: number) => {\n      const pct = toPercent(value);\n\n      host.style.setProperty('--_thumb-pos', `${pct}%`);\n      host.style.setProperty('--_fill-start', '0%');\n      host.style.setProperty('--_fill-width', `${pct}%`);\n    };\n    const updateRangeCSS = () => {\n      const s = toPercent(startVal.value);\n      const e = toPercent(endVal.value);\n\n      host.style.setProperty('--_thumb-start', `${s}%`);\n      host.style.setProperty('--_thumb-end', `${e}%`);\n      host.style.setProperty('--_fill-start', `${s}%`);\n      host.style.setProperty('--_fill-width', `${e - s}%`);\n    };\n    // ── Key-delta maps (avoids switch complexity) ─────────────────\n    const keyDelta = (key: string, step: number, min: number, max: number, current: number): number | null => {\n      if (key === 'ArrowRight' || key === 'ArrowUp') return current + step;\n\n      if (key === 'ArrowLeft' || key === 'ArrowDown') return current - step;\n\n      if (key === 'Home') return min;\n\n      if (key === 'End') return max;\n\n      return null;\n    };\n\n    // ── Range mode setup ──────────────────────────────────────────\n    const { triggerValidation } = createFieldValidation(formCtx, {\n      reportValidity: () => sliderFd?.reportValidity() ?? false,\n    });\n\n    const setupRangeMode = (container: HTMLDivElement) => {\n      updateRangeCSS();\n\n      const clientToValue = (clientX: number) => {\n        const rect = container.getBoundingClientRect();\n        const min = getNum(props.min.value, 0);\n        const max = getNum(props.max.value, 100);\n        const pct = Math.max(0, Math.min(1, (clientX - rect.left) / rect.width));\n\n        return snapVal(min + pct * (max - min));\n      };\n      let dragging: 'start' | 'end' | null = null;\n      const applyDrag = (val: number) => {\n        const min = getNum(props.min.value, 0);\n        const max = getNum(props.max.value, 100);\n\n        if (dragging === 'start') startVal.value = Math.min(snapVal(val), endVal.value);\n        else if (dragging === 'end') endVal.value = Math.max(snapVal(val), startVal.value);\n\n        startVal.value = Math.max(min, Math.min(startVal.value, max));\n        endVal.value = Math.max(min, Math.min(endVal.value, max));\n        updateRangeCSS();\n        emit('change', {\n          from: startVal.value,\n          to: endVal.value,\n          value: { from: startVal.value, to: endVal.value },\n        });\n        triggerValidation('change');\n      };\n\n      handle(\n        container,\n        'pointerdown',\n        guard(\n          () => !props.disabled.value,\n          (e: PointerEvent) => {\n            e.preventDefault();\n\n            const val = clientToValue(e.clientX);\n\n            dragging = Math.abs(val - startVal.value) <= Math.abs(val - endVal.value) ? 'start' : 'end';\n            host.setAttribute('data-dragging', '');\n            (e.target as Element).setPointerCapture(e.pointerId);\n            applyDrag(val);\n          },\n        ),\n      );\n      handle(\n        container,\n        'pointermove',\n        guard(\n          () => !!dragging,\n          (e: PointerEvent) => {\n            e.preventDefault();\n            applyDrag(clientToValue(e.clientX));\n          },\n        ),\n      );\n      handle(\n        container,\n        'pointerup',\n        guard(\n          () => !!dragging,\n          (e: PointerEvent) => {\n            e.preventDefault();\n            dragging = null;\n            host.removeAttribute('data-dragging');\n            (e.target as Element).releasePointerCapture(e.pointerId);\n          },\n        ),\n      );\n\n      const makeThumbKeydown = (getVal: () => number, setVal: (v: number) => void) => (e: KeyboardEvent) => {\n        if (props.disabled.value) return;\n\n        const step = getNum(props.step.value, 1);\n        const min = getNum(props.min.value, 0);\n        const max = getNum(props.max.value, 100);\n        const next = keyDelta(e.key, step, min, max, getVal());\n\n        if (next === null) return;\n\n        e.preventDefault();\n        setVal(snapVal(Math.max(min, Math.min(max, next))));\n        updateRangeCSS();\n        emit('change', {\n          from: startVal.value,\n          originalEvent: e,\n          to: endVal.value,\n          value: { from: startVal.value, to: endVal.value },\n        });\n        triggerValidation('change');\n      };\n      const thumbStartEl = thumbStartRef.value;\n      const thumbEndEl = thumbEndRef.value;\n\n      if (thumbStartEl) {\n        thumbStartEl.addEventListener(\n          'keydown',\n          makeThumbKeydown(\n            () => startVal.value,\n            (v) => {\n              startVal.value = Math.min(v, endVal.value);\n            },\n          ),\n        );\n        aria(thumbStartEl, {\n          label: 'Range start',\n          valuemax: () => endVal.value,\n          valuemin: () => getNum(props.min.value, 0),\n          valuenow: () => startVal.value,\n          valuetext: () => props['from-value-text'].value ?? null,\n        });\n      }\n\n      if (thumbEndEl) {\n        thumbEndEl.addEventListener(\n          'keydown',\n          makeThumbKeydown(\n            () => endVal.value,\n            (v) => {\n              endVal.value = Math.max(v, startVal.value);\n            },\n          ),\n        );\n        aria(thumbEndEl, {\n          label: 'Range end',\n          valuemax: () => getNum(props.max.value, 100),\n          valuemin: () => startVal.value,\n          valuenow: () => endVal.value,\n          valuetext: () => props['to-value-text'].value ?? null,\n        });\n      }\n    };\n    // ── Single-value mode setup ───────────────────────────────────\n    const setupSingleMode = (container: HTMLDivElement) => {\n      host.setAttribute('role', 'slider');\n\n      if (!props.disabled.value) host.setAttribute('tabindex', '0');\n\n      updateSingleCSS(Number(valueSignal.value));\n\n      const updateValue = (clientX: number) => {\n        if (props.disabled.value) return;\n\n        const rect = container.getBoundingClientRect();\n        const min = getNum(props.min.value, 0);\n        const max = getNum(props.max.value, 100);\n        const step = getNum(props.step.value, 1);\n        const pct = Math.max(0, Math.min(1, (clientX - rect.left) / rect.width));\n        const newValue = Math.max(min, Math.min(max, Math.round((min + pct * (max - min)) / step) * step));\n\n        if (Number(valueSignal.value) !== newValue) {\n          valueSignal.value = newValue.toString();\n          updateSingleCSS(newValue);\n          emit('change', { value: newValue });\n          triggerValidation('change');\n        }\n      };\n      let isDragging = false;\n\n      handle(\n        container,\n        'pointerdown',\n        guard(\n          () => !props.disabled.value,\n          (e: PointerEvent) => {\n            e.preventDefault();\n            isDragging = true;\n            updateValue(e.clientX);\n            (e.target as Element).setPointerCapture(e.pointerId);\n          },\n        ),\n      );\n      handle(\n        container,\n        'pointermove',\n        guard(\n          () => isDragging,\n          (e: PointerEvent) => {\n            e.preventDefault();\n\n            if (!host.hasAttribute('data-dragging')) host.setAttribute('data-dragging', '');\n\n            updateValue(e.clientX);\n          },\n        ),\n      );\n      handle(\n        container,\n        'pointerup',\n        guard(\n          () => isDragging,\n          (e: PointerEvent) => {\n            e.preventDefault();\n            isDragging = false;\n            host.removeAttribute('data-dragging');\n            (e.target as Element).releasePointerCapture(e.pointerId);\n          },\n        ),\n      );\n      handle(\n        host,\n        'keydown',\n        guard(\n          () => !props.disabled.value,\n          (e: KeyboardEvent) => {\n            const min = getNum(props.min.value, 0);\n            const max = getNum(props.max.value, 100);\n            const step = getNum(props.step.value, 1);\n            const val = Number(valueSignal.value || 0);\n            const next = keyDelta(e.key, step, min, max, val);\n\n            if (next === null) return;\n\n            e.preventDefault();\n\n            const newValue = Math.max(min, Math.min(max, next));\n\n            if (newValue !== val) {\n              valueSignal.value = newValue.toString();\n              updateSingleCSS(newValue);\n              emit('change', { originalEvent: e, value: newValue });\n              triggerValidation('change');\n            }\n          },\n        ),\n      );\n    };\n\n    onMount(() => {\n      const container = containerRef.value;\n\n      if (!container) return;\n\n      if (slots.has('default').value && labelRef.value) {\n        const labelId = createId('slider-label');\n\n        labelRef.value.id = labelId;\n\n        if (!isRange) aria({ labelledby: labelId });\n      }\n\n      if (isRange) setupRangeMode(container);\n      else setupSingleMode(container);\n    });\n\n    return html`\n      <div class=\"slider-container\" part=\"slider\" ref=${containerRef}>\n        <div class=\"slider-track\" part=\"track\">\n          <div class=\"slider-fill\" part=\"fill\"></div>\n          <div class=\"slider-thumb slider-thumb-sole\" part=\"thumb\"></div>\n          <div\n            class=\"slider-thumb slider-thumb-start\"\n            part=\"thumb-start\"\n            ref=${thumbStartRef}\n            role=\"slider\"\n            tabindex=\"${() => (props.disabled.value ? '-1' : '0')}\"\n            id=\"${startId}\"></div>\n          <div\n            class=\"slider-thumb slider-thumb-end\"\n            part=\"thumb-end\"\n            ref=${thumbEndRef}\n            role=\"slider\"\n            tabindex=\"${() => (props.disabled.value ? '-1' : '0')}\"\n            id=\"${endId}\"></div>\n        </div>\n      </div>\n      <span class=\"label\" part=\"label\" ref=${labelRef}><slot></slot></span>\n    `;\n  },\n  styles: [\n    disabledStateMixin(),\n    colorThemeMixin,\n    sizeVariantMixin(SLIDER_SIZE_PRESET),\n    componentStyles,\n    coarsePointerMixin,\n  ],\n  tag: 'bit-slider',\n});\n"],"mappings":"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"}

package/dist/stateit/dist/computed.cjs

@@ -0,0 +1,2 @@
+const e=require(`./runtime.cjs`),t=require(`./types.cjs`);var n=class extends e.o{[t.e]=!0;#e;#t=e.e;#n=!0;#r=!1;#i;#a=new Set;#o=()=>{this.#n||(this.#n=!0,this._notify())};constructor(e,t){super(),this.#e=e,this.#i=t?.equals??Object.is,t?.lazy||this.#s()}#s(){for(let e of this.#a)e();this.#a.clear();let t=e.s(this.#o,this.#a,null,this.#e);this.#n=!1,(this.#t===e.e||!this.#i(this.#t,t))&&(this.#t=t)}get value(){return this.#r?this.#t:(this.#n&&this.#s(),this._track(),this.#t)}peek(){if(this.#t===e.e){if(this.#r)return;this.#s()}return this.#t}get stale(){return this.#n||this.#r}dispose(){if(!this.#r){this.#r=!0;for(let e of this.#a)e();this.#a.clear()}}[Symbol.dispose](){this.dispose()}},r=(e,t)=>new n(e,t),i=class extends n{#e;constructor(e,t,n){super(e,n),this.#e=t}get value(){return super.value}set value(e){this.#e(e)}update(e){this.#e(e(this.peek()))}};exports.a=r,exports.i=n,exports.o=i;
+//# sourceMappingURL=computed.cjs.map

package/dist/stateit/dist/computed.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"computed.cjs","names":["e","r","t","#n","#e","#i","#s","#a","n","#o","#t","#r"],"sources":["../../../../stateit/dist/computed.js"],"sourcesContent":["import { ReactiveNode as e, _UNINITIALIZED as t, _withCtx as n } from \"./runtime.js\";\nimport { _SIGNAL_BRAND as r } from \"./types.js\";\n//#region src/computed.ts\nvar i = class extends e {\n\t[r] = !0;\n\t#e;\n\t#t = t;\n\t#n = !0;\n\t#r = !1;\n\t#i;\n\t#a = /* @__PURE__ */ new Set();\n\t#o = () => {\n\t\tthis.#n || (this.#n = !0, this._notify());\n\t};\n\tconstructor(e, t) {\n\t\tsuper(), this.#e = e, this.#i = t?.equals ?? Object.is, t?.lazy || this.#s();\n\t}\n\t#s() {\n\t\tfor (let e of this.#a) e();\n\t\tthis.#a.clear();\n\t\tlet e = n(this.#o, this.#a, null, this.#e);\n\t\tthis.#n = !1, (this.#t === t || !this.#i(this.#t, e)) && (this.#t = e);\n\t}\n\tget value() {\n\t\treturn this.#r ? this.#t : (this.#n && this.#s(), this._track(), this.#t);\n\t}\n\tpeek() {\n\t\tif (this.#t === t) {\n\t\t\tif (this.#r) return;\n\t\t\tthis.#s();\n\t\t}\n\t\treturn this.#t;\n\t}\n\tget stale() {\n\t\treturn this.#n || this.#r;\n\t}\n\tdispose() {\n\t\tif (!this.#r) {\n\t\t\tthis.#r = !0;\n\t\t\tfor (let e of this.#a) e();\n\t\t\tthis.#a.clear();\n\t\t}\n\t}\n\t[Symbol.dispose]() {\n\t\tthis.dispose();\n\t}\n}, a = (e, t) => new i(e, t), o = class extends i {\n\t#e;\n\tconstructor(e, t, n) {\n\t\tsuper(e, n), this.#e = t;\n\t}\n\tget value() {\n\t\treturn super.value;\n\t}\n\tset value(e) {\n\t\tthis.#e(e);\n\t}\n\tupdate(e) {\n\t\tthis.#e(e(this.peek()));\n\t}\n}, s = (e, t, n) => new o(e, t, n), c = (e, t, n) => a(() => t(...e.map((e) => e.value)), n);\n//#endregion\nexport { i as ComputedNode, o as WritableNode, a as computed, c as derived, s as writable };\n\n//# sourceMappingURL=computed.js.map"],"mappings":"0DAGA,IAAI,EAAI,cAAcA,EAAAA,CAAE,CACvB,CAACC,EAAAA,GAAK,CAAC,EACP,GACA,GAAKC,EAAAA,EACL,GAAK,CAAC,EACN,GAAK,CAAC,EACN,GACA,GAAqB,IAAI,IACzB,OAAW,CACV,MAAA,IAAY,MAAA,EAAU,CAAC,EAAG,KAAK,SAAS,GAEzC,YAAY,EAAG,EAAG,CACjB,OAAO,CAAE,MAAA,EAAU,EAAG,MAAA,EAAU,GAAG,QAAU,OAAO,GAAI,GAAG,MAAQ,MAAA,GAAS,CAE7E,IAAK,CACJ,IAAK,IAAI,KAAK,MAAA,EAAS,GAAG,CAC1B,MAAA,EAAQ,OAAO,CACf,IAAIF,EAAIQ,EAAAA,EAAE,MAAA,EAAS,MAAA,EAAS,KAAM,MAAA,EAAQ,CAC1C,MAAA,EAAU,CAAC,GAAI,MAAA,IAAYN,EAAAA,GAAK,CAAC,MAAA,EAAQ,MAAA,EAASF,EAAE,IAAM,MAAA,EAAUA,GAErE,IAAI,OAAQ,CACX,OAAO,MAAA,EAAU,MAAA,GAAW,MAAA,GAAW,MAAA,GAAS,CAAE,KAAK,QAAQ,CAAE,MAAA,GAElE,MAAO,CACN,GAAI,MAAA,IAAYE,EAAAA,EAAG,CAClB,GAAI,MAAA,EAAS,OACb,MAAA,GAAS,CAEV,OAAO,MAAA,EAER,IAAI,OAAQ,CACX,OAAO,MAAA,GAAW,MAAA,EAEnB,SAAU,CACT,GAAI,CAAC,MAAA,EAAS,CACb,MAAA,EAAU,CAAC,EACX,IAAK,IAAI,KAAK,MAAA,EAAS,GAAG,CAC1B,MAAA,EAAQ,OAAO,EAGjB,CAAC,OAAO,UAAW,CAClB,KAAK,SAAS,GAEb,GAAK,EAAG,IAAM,IAAI,EAAE,EAAG,EAAE,CAAE,EAAI,cAAc,CAAE,CACjD,GACA,YAAY,EAAG,EAAG,EAAG,CACpB,MAAM,EAAG,EAAE,CAAE,MAAA,EAAU,EAExB,IAAI,OAAQ,CACX,OAAO,MAAM,MAEd,IAAI,MAAM,EAAG,CACZ,MAAA,EAAQ,EAAE,CAEX,OAAO,EAAG,CACT,MAAA,EAAQ,EAAE,KAAK,MAAM,CAAC,CAAC"}

package/dist/stateit/dist/computed.js

@@ -0,0 +1,65 @@
+import { e, o as t, s as n } from "./runtime.js";
+import { e as r } from "./types.js";
+//#region ../stateit/dist/computed.js
+var i = class extends t {
+	[r] = !0;
+	#e;
+	#t = e;
+	#n = !0;
+	#r = !1;
+	#i;
+	#a = /* @__PURE__ */ new Set();
+	#o = () => {
+		this.#n || (this.#n = !0, this._notify());
+	};
+	constructor(e, t) {
+		super(), this.#e = e, this.#i = t?.equals ?? Object.is, t?.lazy || this.#s();
+	}
+	#s() {
+		for (let e of this.#a) e();
+		this.#a.clear();
+		let t = n(this.#o, this.#a, null, this.#e);
+		this.#n = !1, (this.#t === e || !this.#i(this.#t, t)) && (this.#t = t);
+	}
+	get value() {
+		return this.#r ? this.#t : (this.#n && this.#s(), this._track(), this.#t);
+	}
+	peek() {
+		if (this.#t === e) {
+			if (this.#r) return;
+			this.#s();
+		}
+		return this.#t;
+	}
+	get stale() {
+		return this.#n || this.#r;
+	}
+	dispose() {
+		if (!this.#r) {
+			this.#r = !0;
+			for (let e of this.#a) e();
+			this.#a.clear();
+		}
+	}
+	[Symbol.dispose]() {
+		this.dispose();
+	}
+}, a = (e, t) => new i(e, t), o = class extends i {
+	#e;
+	constructor(e, t, n) {
+		super(e, n), this.#e = t;
+	}
+	get value() {
+		return super.value;
+	}
+	set value(e) {
+		this.#e(e);
+	}
+	update(e) {
+		this.#e(e(this.peek()));
+	}
+};
+//#endregion
+export { a, i, o };
+
+//# sourceMappingURL=computed.js.map

package/dist/stateit/dist/computed.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"computed.js","names":["e","r","t","#n","#e","#i","#s","#a","n","#o","#t","#r"],"sources":["../../../../stateit/dist/computed.js"],"sourcesContent":["import { ReactiveNode as e, _UNINITIALIZED as t, _withCtx as n } from \"./runtime.js\";\nimport { _SIGNAL_BRAND as r } from \"./types.js\";\n//#region src/computed.ts\nvar i = class extends e {\n\t[r] = !0;\n\t#e;\n\t#t = t;\n\t#n = !0;\n\t#r = !1;\n\t#i;\n\t#a = /* @__PURE__ */ new Set();\n\t#o = () => {\n\t\tthis.#n || (this.#n = !0, this._notify());\n\t};\n\tconstructor(e, t) {\n\t\tsuper(), this.#e = e, this.#i = t?.equals ?? Object.is, t?.lazy || this.#s();\n\t}\n\t#s() {\n\t\tfor (let e of this.#a) e();\n\t\tthis.#a.clear();\n\t\tlet e = n(this.#o, this.#a, null, this.#e);\n\t\tthis.#n = !1, (this.#t === t || !this.#i(this.#t, e)) && (this.#t = e);\n\t}\n\tget value() {\n\t\treturn this.#r ? this.#t : (this.#n && this.#s(), this._track(), this.#t);\n\t}\n\tpeek() {\n\t\tif (this.#t === t) {\n\t\t\tif (this.#r) return;\n\t\t\tthis.#s();\n\t\t}\n\t\treturn this.#t;\n\t}\n\tget stale() {\n\t\treturn this.#n || this.#r;\n\t}\n\tdispose() {\n\t\tif (!this.#r) {\n\t\t\tthis.#r = !0;\n\t\t\tfor (let e of this.#a) e();\n\t\t\tthis.#a.clear();\n\t\t}\n\t}\n\t[Symbol.dispose]() {\n\t\tthis.dispose();\n\t}\n}, a = (e, t) => new i(e, t), o = class extends i {\n\t#e;\n\tconstructor(e, t, n) {\n\t\tsuper(e, n), this.#e = t;\n\t}\n\tget value() {\n\t\treturn super.value;\n\t}\n\tset value(e) {\n\t\tthis.#e(e);\n\t}\n\tupdate(e) {\n\t\tthis.#e(e(this.peek()));\n\t}\n}, s = (e, t, n) => new o(e, t, n), c = (e, t, n) => a(() => t(...e.map((e) => e.value)), n);\n//#endregion\nexport { i as ComputedNode, o as WritableNode, a as computed, c as derived, s as writable };\n\n//# sourceMappingURL=computed.js.map"],"mappings":";;;AAGA,IAAI,IAAI,cAAcA,EAAE;CACvB,CAACC,KAAK,CAAC;CACP;CACA,KAAKC;CACL,KAAK,CAAC;CACN,KAAK,CAAC;CACN;CACA,qBAAqB,IAAI,KAAK;CAC9B,WAAW;AACV,QAAA,MAAY,MAAA,IAAU,CAAC,GAAG,KAAK,SAAS;;CAEzC,YAAY,GAAG,GAAG;AACjB,SAAO,EAAE,MAAA,IAAU,GAAG,MAAA,IAAU,GAAG,UAAU,OAAO,IAAI,GAAG,QAAQ,MAAA,GAAS;;CAE7E,KAAK;AACJ,OAAK,IAAI,KAAK,MAAA,EAAS,IAAG;AAC1B,QAAA,EAAQ,OAAO;EACf,IAAIF,IAAIQ,EAAE,MAAA,GAAS,MAAA,GAAS,MAAM,MAAA,EAAQ;AAC1C,QAAA,IAAU,CAAC,IAAI,MAAA,MAAYN,KAAK,CAAC,MAAA,EAAQ,MAAA,GAASF,EAAE,MAAM,MAAA,IAAUA;;CAErE,IAAI,QAAQ;AACX,SAAO,MAAA,IAAU,MAAA,KAAW,MAAA,KAAW,MAAA,GAAS,EAAE,KAAK,QAAQ,EAAE,MAAA;;CAElE,OAAO;AACN,MAAI,MAAA,MAAYE,GAAG;AAClB,OAAI,MAAA,EAAS;AACb,SAAA,GAAS;;AAEV,SAAO,MAAA;;CAER,IAAI,QAAQ;AACX,SAAO,MAAA,KAAW,MAAA;;CAEnB,UAAU;AACT,MAAI,CAAC,MAAA,GAAS;AACb,SAAA,IAAU,CAAC;AACX,QAAK,IAAI,KAAK,MAAA,EAAS,IAAG;AAC1B,SAAA,EAAQ,OAAO;;;CAGjB,CAAC,OAAO,WAAW;AAClB,OAAK,SAAS;;GAEb,KAAK,GAAG,MAAM,IAAI,EAAE,GAAG,EAAE,EAAE,IAAI,cAAc,EAAE;CACjD;CACA,YAAY,GAAG,GAAG,GAAG;AACpB,QAAM,GAAG,EAAE,EAAE,MAAA,IAAU;;CAExB,IAAI,QAAQ;AACX,SAAO,MAAM;;CAEd,IAAI,MAAM,GAAG;AACZ,QAAA,EAAQ,EAAE;;CAEX,OAAO,GAAG;AACT,QAAA,EAAQ,EAAE,KAAK,MAAM,CAAC,CAAC"}

package/dist/stateit/dist/effect.cjs

@@ -0,0 +1,2 @@
+const e=require(`./runtime.cjs`);var t=(t,n)=>{let r,i=new Set,a=!1,o=!1,s=!1,c=n?.maxIterations??e.r,l=()=>{r?.(),r=void 0;for(let e of i)e();i.clear()},u=()=>{o=!1,l();let a=[],c,u=!1;try{e.s(d,i,a,()=>{let e=t();typeof e==`function`&&a.push(e)})}catch(e){if(n?.onError)u=!0,c=e;else throw e}return r=a.length>0?()=>{for(let e of a)e()}:void 0,u&&(l(),n.onError(c),s=!0),u},d=()=>{if(s||a){a&&(o=!0);return}a=!0;try{let e=0;do{if(++e>c)throw Error(`[stateit] effect: possible infinite reactive loop (> ${c} iterations)`);if(u())break}while(o)}finally{a=!1}};d();let f=()=>{s||(s=!0,l())};return Object.assign(f,{dispose:f,[Symbol.dispose]:f})},n=t=>{e.t.cleanups?.push(t)};exports.a=n,exports.r=t;
+//# sourceMappingURL=effect.cjs.map

package/dist/stateit/dist/effect.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"effect.cjs","names":["s","e","t"],"sources":["../../../../stateit/dist/effect.js"],"sourcesContent":["import { _maxEffectIterations as e, _withCtx as t, scope as n } from \"./runtime.js\";\n//#region src/effect.ts\nvar r = (n, r) => {\n\tlet i, a = /* @__PURE__ */ new Set(), o = !1, s = !1, c = !1, l = r?.maxIterations ?? e, u = () => {\n\t\ti?.(), i = void 0;\n\t\tfor (let e of a) e();\n\t\ta.clear();\n\t}, d = () => {\n\t\ts = !1, u();\n\t\tlet e = [], o, l = !1;\n\t\ttry {\n\t\t\tt(f, a, e, () => {\n\t\t\t\tlet t = n();\n\t\t\t\ttypeof t == \"function\" && e.push(t);\n\t\t\t});\n\t\t} catch (e) {\n\t\t\tif (r?.onError) l = !0, o = e;\n\t\t\telse throw e;\n\t\t}\n\t\treturn i = e.length > 0 ? () => {\n\t\t\tfor (let t of e) t();\n\t\t} : void 0, l && (u(), r.onError(o), c = !0), l;\n\t}, f = () => {\n\t\tif (c || o) {\n\t\t\to && (s = !0);\n\t\t\treturn;\n\t\t}\n\t\to = !0;\n\t\ttry {\n\t\t\tlet e = 0;\n\t\t\tdo {\n\t\t\t\tif (++e > l) throw Error(`[stateit] effect: possible infinite reactive loop (> ${l} iterations)`);\n\t\t\t\tif (d()) break;\n\t\t\t} while (s);\n\t\t} finally {\n\t\t\to = !1;\n\t\t}\n\t};\n\tf();\n\tlet p = () => {\n\t\tc || (c = !0, u());\n\t};\n\treturn Object.assign(p, {\n\t\tdispose: p,\n\t\t[Symbol.dispose]: p\n\t});\n}, i = (e) => t(null, null, null, e), a = (e) => {\n\tn.cleanups?.push(e);\n};\n//#endregion\nexport { r as effect, a as onCleanup, i as untrack };\n\n//# sourceMappingURL=effect.js.map"],"mappings":"iCAEA,IAAI,GAAK,EAAG,IAAM,CACjB,IAAI,EAAG,EAAoB,IAAI,IAAO,EAAI,CAAC,EAAGA,EAAI,CAAC,EAAG,EAAI,CAAC,EAAG,EAAI,GAAG,eAAiBC,EAAAA,EAAG,MAAU,CAClG,KAAK,CAAE,EAAI,IAAK,GAChB,IAAK,IAAI,KAAK,EAAG,GAAG,CACpB,EAAE,OAAO,EACP,MAAU,CACZ,EAAI,CAAC,EAAG,GAAG,CACX,IAAI,EAAI,EAAE,CAAE,EAAG,EAAI,CAAC,EACpB,GAAI,CACH,EAAA,EAAE,EAAG,EAAG,MAAS,CAChB,IAAI,EAAI,GAAG,CACX,OAAO,GAAK,YAAc,EAAE,KAAK,EAAE,EAClC,OACM,EAAG,CACX,GAAI,GAAG,QAAS,EAAI,CAAC,EAAG,EAAI,OACvB,MAAM,EAEZ,MAAO,GAAI,EAAE,OAAS,MAAU,CAC/B,IAAK,IAAI,KAAK,EAAG,GAAG,EACjB,IAAK,GAAG,IAAM,GAAG,CAAE,EAAE,QAAQ,EAAE,CAAE,EAAI,CAAC,GAAI,GAC5C,MAAU,CACZ,GAAI,GAAK,EAAG,CACX,IAAM,EAAI,CAAC,GACX,OAED,EAAI,CAAC,EACL,GAAI,CACH,IAAI,EAAI,EACR,EAAG,CACF,GAAI,EAAE,EAAI,EAAG,MAAM,MAAM,wDAAwD,EAAE,cAAc,CACjG,GAAI,GAAG,CAAE,YACDD,UACA,CACT,EAAI,CAAC,IAGP,GAAG,CACH,IAAI,MAAU,CACb,IAAM,EAAI,CAAC,EAAG,GAAG,GAElB,OAAO,OAAO,OAAO,EAAG,CACvB,QAAS,GACR,OAAO,SAAU,EAClB,CAAC,EACmC,EAAK,GAAM,CAChD,EAAA,EAAE,UAAU,KAAK,EAAE"}

package/dist/stateit/dist/effect.js

@@ -0,0 +1,53 @@
+import { r as e, s as t, t as n } from "./runtime.js";
+//#region ../stateit/dist/effect.js
+var r = (n, r) => {
+	let i, a = /* @__PURE__ */ new Set(), o = !1, s = !1, c = !1, l = r?.maxIterations ?? e, u = () => {
+		i?.(), i = void 0;
+		for (let e of a) e();
+		a.clear();
+	}, d = () => {
+		s = !1, u();
+		let e = [], o, l = !1;
+		try {
+			t(f, a, e, () => {
+				let t = n();
+				typeof t == "function" && e.push(t);
+			});
+		} catch (e) {
+			if (r?.onError) l = !0, o = e;
+			else throw e;
+		}
+		return i = e.length > 0 ? () => {
+			for (let t of e) t();
+		} : void 0, l && (u(), r.onError(o), c = !0), l;
+	}, f = () => {
+		if (c || o) {
+			o && (s = !0);
+			return;
+		}
+		o = !0;
+		try {
+			let e = 0;
+			do {
+				if (++e > l) throw Error(`[stateit] effect: possible infinite reactive loop (> ${l} iterations)`);
+				if (d()) break;
+			} while (s);
+		} finally {
+			o = !1;
+		}
+	};
+	f();
+	let p = () => {
+		c || (c = !0, u());
+	};
+	return Object.assign(p, {
+		dispose: p,
+		[Symbol.dispose]: p
+	});
+}, i = (e) => {
+	n.cleanups?.push(e);
+};
+//#endregion
+export { i as a, r };
+
+//# sourceMappingURL=effect.js.map

package/dist/stateit/dist/effect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"effect.js","names":["s","e","t"],"sources":["../../../../stateit/dist/effect.js"],"sourcesContent":["import { _maxEffectIterations as e, _withCtx as t, scope as n } from \"./runtime.js\";\n//#region src/effect.ts\nvar r = (n, r) => {\n\tlet i, a = /* @__PURE__ */ new Set(), o = !1, s = !1, c = !1, l = r?.maxIterations ?? e, u = () => {\n\t\ti?.(), i = void 0;\n\t\tfor (let e of a) e();\n\t\ta.clear();\n\t}, d = () => {\n\t\ts = !1, u();\n\t\tlet e = [], o, l = !1;\n\t\ttry {\n\t\t\tt(f, a, e, () => {\n\t\t\t\tlet t = n();\n\t\t\t\ttypeof t == \"function\" && e.push(t);\n\t\t\t});\n\t\t} catch (e) {\n\t\t\tif (r?.onError) l = !0, o = e;\n\t\t\telse throw e;\n\t\t}\n\t\treturn i = e.length > 0 ? () => {\n\t\t\tfor (let t of e) t();\n\t\t} : void 0, l && (u(), r.onError(o), c = !0), l;\n\t}, f = () => {\n\t\tif (c || o) {\n\t\t\to && (s = !0);\n\t\t\treturn;\n\t\t}\n\t\to = !0;\n\t\ttry {\n\t\t\tlet e = 0;\n\t\t\tdo {\n\t\t\t\tif (++e > l) throw Error(`[stateit] effect: possible infinite reactive loop (> ${l} iterations)`);\n\t\t\t\tif (d()) break;\n\t\t\t} while (s);\n\t\t} finally {\n\t\t\to = !1;\n\t\t}\n\t};\n\tf();\n\tlet p = () => {\n\t\tc || (c = !0, u());\n\t};\n\treturn Object.assign(p, {\n\t\tdispose: p,\n\t\t[Symbol.dispose]: p\n\t});\n}, i = (e) => t(null, null, null, e), a = (e) => {\n\tn.cleanups?.push(e);\n};\n//#endregion\nexport { r as effect, a as onCleanup, i as untrack };\n\n//# sourceMappingURL=effect.js.map"],"mappings":";;AAEA,IAAI,KAAK,GAAG,MAAM;CACjB,IAAI,GAAG,oBAAoB,IAAI,KAAK,EAAE,IAAI,CAAC,GAAGA,IAAI,CAAC,GAAG,IAAI,CAAC,GAAG,IAAI,GAAG,iBAAiBC,GAAG,UAAU;AAClG,OAAK,EAAE,IAAI,KAAK;AAChB,OAAK,IAAI,KAAK,EAAG,IAAG;AACpB,IAAE,OAAO;IACP,UAAU;AACZ,MAAI,CAAC,GAAG,GAAG;EACX,IAAI,IAAI,EAAE,EAAE,GAAG,IAAI,CAAC;AACpB,MAAI;AACH,KAAE,GAAG,GAAG,SAAS;IAChB,IAAI,IAAI,GAAG;AACX,WAAO,KAAK,cAAc,EAAE,KAAK,EAAE;KAClC;WACM,GAAG;AACX,OAAI,GAAG,QAAS,KAAI,CAAC,GAAG,IAAI;OACvB,OAAM;;AAEZ,SAAO,IAAI,EAAE,SAAS,UAAU;AAC/B,QAAK,IAAI,KAAK,EAAG,IAAG;MACjB,KAAK,GAAG,MAAM,GAAG,EAAE,EAAE,QAAQ,EAAE,EAAE,IAAI,CAAC,IAAI;IAC5C,UAAU;AACZ,MAAI,KAAK,GAAG;AACX,SAAM,IAAI,CAAC;AACX;;AAED,MAAI,CAAC;AACL,MAAI;GACH,IAAI,IAAI;AACR,MAAG;AACF,QAAI,EAAE,IAAI,EAAG,OAAM,MAAM,wDAAwD,EAAE,cAAc;AACjG,QAAI,GAAG,CAAE;YACDD;YACA;AACT,OAAI,CAAC;;;AAGP,IAAG;CACH,IAAI,UAAU;AACb,QAAM,IAAI,CAAC,GAAG,GAAG;;AAElB,QAAO,OAAO,OAAO,GAAG;EACvB,SAAS;GACR,OAAO,UAAU;EAClB,CAAC;GACmC,KAAK,MAAM;AAChD,GAAE,UAAU,KAAK,EAAE"}

package/dist/stateit/dist/index.cjs

@@ -0,0 +1 @@
+require(`./types.cjs`),require(`./computed.cjs`),require(`./effect.cjs`),require(`./signal.cjs`),require(`./store.cjs`);

package/dist/stateit/dist/index.js

@@ -0,0 +1,5 @@
+import "./types.js";
+import "./computed.js";
+import "./effect.js";
+import "./signal.js";
+import "./store.js";

package/dist/stateit/dist/runtime.cjs

@@ -0,0 +1,2 @@
+var e=Symbol(`stateit.uninitialized`),t={cleanups:null,deps:null,effect:null},n={depth:0,pending:new Set},r=100,i=class{#e=new Set;_track(){if(t.deps!==null&&t.effect!==null){let e=t.effect;this.#e.add(e),t.deps.add(()=>this.#e.delete(e))}}_notify(){if(this.#e.size===0)return;if(n.depth>0){for(let e of this.#e)n.pending.add(e);return}let e=[];for(let t of[...this.#e])try{t()}catch(t){e.push(t)}if(e.length)throw e.length===1?e[0]:AggregateError(e,`[stateit] multiple subscriber errors`)}},a=(e,n,r,i)=>{let a=t.effect,o=t.deps,s=t.cleanups;t.effect=e,t.deps=n,t.cleanups=r;try{return i()}finally{t.effect=a,t.deps=o,t.cleanups=s}};exports.e=e,exports.o=i,Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return r}}),exports.s=a,exports.t=t;
+//# sourceMappingURL=runtime.cjs.map

package/dist/stateit/dist/runtime.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"runtime.cjs","names":["#e"],"sources":["../../../../stateit/dist/runtime.js"],"sourcesContent":["//#region src/runtime.ts\nvar e = Symbol(\"stateit.uninitialized\"), t = {\n\tcleanups: null,\n\tdeps: null,\n\teffect: null\n}, n = {\n\tdepth: 0,\n\tpending: /* @__PURE__ */ new Set()\n}, r = 100, i = (e) => {\n\te.maxEffectIterations !== void 0 && (r = e.maxEffectIterations);\n}, a = () => {\n\tn.depth = 0, t.deps = null, t.effect = null, t.cleanups = null, n.pending.clear();\n}, o = class {\n\t#e = /* @__PURE__ */ new Set();\n\t_track() {\n\t\tif (t.deps !== null && t.effect !== null) {\n\t\t\tlet e = t.effect;\n\t\t\tthis.#e.add(e), t.deps.add(() => this.#e.delete(e));\n\t\t}\n\t}\n\t_notify() {\n\t\tif (this.#e.size === 0) return;\n\t\tif (n.depth > 0) {\n\t\t\tfor (let e of this.#e) n.pending.add(e);\n\t\t\treturn;\n\t\t}\n\t\tlet e = [];\n\t\tfor (let t of [...this.#e]) try {\n\t\t\tt();\n\t\t} catch (t) {\n\t\t\te.push(t);\n\t\t}\n\t\tif (e.length) throw e.length === 1 ? e[0] : AggregateError(e, \"[stateit] multiple subscriber errors\");\n\t}\n}, s = (e, n, r, i) => {\n\tlet a = t.effect, o = t.deps, s = t.cleanups;\n\tt.effect = e, t.deps = n, t.cleanups = r;\n\ttry {\n\t\treturn i();\n\t} finally {\n\t\tt.effect = a, t.deps = o, t.cleanups = s;\n\t}\n};\n//#endregion\nexport { o as ReactiveNode, e as _UNINITIALIZED, r as _maxEffectIterations, a as _resetContextForTesting, s as _withCtx, i as configureStateit, n as queue, t as scope };\n\n//# sourceMappingURL=runtime.js.map"],"mappings":"AACA,IAAI,EAAI,OAAO,wBAAwB,CAAE,EAAI,CAC5C,SAAU,KACV,KAAM,KACN,OAAQ,KACR,CAAE,EAAI,CACN,MAAO,EACP,QAAyB,IAAI,IAC7B,CAAE,EAAI,IAIJ,EAAI,KAAM,CACZ,GAAqB,IAAI,IACzB,QAAS,CACR,GAAI,EAAE,OAAS,MAAQ,EAAE,SAAW,KAAM,CACzC,IAAI,EAAI,EAAE,OACV,MAAA,EAAQ,IAAI,EAAE,CAAE,EAAE,KAAK,QAAU,MAAA,EAAQ,OAAO,EAAE,CAAC,EAGrD,SAAU,CACT,GAAI,MAAA,EAAQ,OAAS,EAAG,OACxB,GAAI,EAAE,MAAQ,EAAG,CAChB,IAAK,IAAI,KAAK,MAAA,EAAS,EAAE,QAAQ,IAAI,EAAE,CACvC,OAED,IAAI,EAAI,EAAE,CACV,IAAK,IAAI,IAAK,CAAC,GAAG,MAAA,EAAQ,CAAE,GAAI,CAC/B,GAAG,OACK,EAAG,CACX,EAAE,KAAK,EAAE,CAEV,GAAI,EAAE,OAAQ,MAAM,EAAE,SAAW,EAAI,EAAE,GAAK,eAAe,EAAG,uCAAuC,GAEpG,GAAK,EAAG,EAAG,EAAG,IAAM,CACtB,IAAI,EAAI,EAAE,OAAQ,EAAI,EAAE,KAAM,EAAI,EAAE,SACpC,EAAE,OAAS,EAAG,EAAE,KAAO,EAAG,EAAE,SAAW,EACvC,GAAI,CACH,OAAO,GAAG,QACD,CACT,EAAE,OAAS,EAAG,EAAE,KAAO,EAAG,EAAE,SAAW"}

package/dist/stateit/dist/runtime.js

@@ -0,0 +1,43 @@
+//#region ../stateit/dist/runtime.js
+var e = Symbol("stateit.uninitialized"), t = {
+	cleanups: null,
+	deps: null,
+	effect: null
+}, n = {
+	depth: 0,
+	pending: /* @__PURE__ */ new Set()
+}, r = 100, i = class {
+	#e = /* @__PURE__ */ new Set();
+	_track() {
+		if (t.deps !== null && t.effect !== null) {
+			let e = t.effect;
+			this.#e.add(e), t.deps.add(() => this.#e.delete(e));
+		}
+	}
+	_notify() {
+		if (this.#e.size === 0) return;
+		if (n.depth > 0) {
+			for (let e of this.#e) n.pending.add(e);
+			return;
+		}
+		let e = [];
+		for (let t of [...this.#e]) try {
+			t();
+		} catch (t) {
+			e.push(t);
+		}
+		if (e.length) throw e.length === 1 ? e[0] : AggregateError(e, "[stateit] multiple subscriber errors");
+	}
+}, a = (e, n, r, i) => {
+	let a = t.effect, o = t.deps, s = t.cleanups;
+	t.effect = e, t.deps = n, t.cleanups = r;
+	try {
+		return i();
+	} finally {
+		t.effect = a, t.deps = o, t.cleanups = s;
+	}
+};
+//#endregion
+export { e, i as o, r, a as s, t };
+
+//# sourceMappingURL=runtime.js.map

package/dist/stateit/dist/runtime.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"runtime.js","names":["#e"],"sources":["../../../../stateit/dist/runtime.js"],"sourcesContent":["//#region src/runtime.ts\nvar e = Symbol(\"stateit.uninitialized\"), t = {\n\tcleanups: null,\n\tdeps: null,\n\teffect: null\n}, n = {\n\tdepth: 0,\n\tpending: /* @__PURE__ */ new Set()\n}, r = 100, i = (e) => {\n\te.maxEffectIterations !== void 0 && (r = e.maxEffectIterations);\n}, a = () => {\n\tn.depth = 0, t.deps = null, t.effect = null, t.cleanups = null, n.pending.clear();\n}, o = class {\n\t#e = /* @__PURE__ */ new Set();\n\t_track() {\n\t\tif (t.deps !== null && t.effect !== null) {\n\t\t\tlet e = t.effect;\n\t\t\tthis.#e.add(e), t.deps.add(() => this.#e.delete(e));\n\t\t}\n\t}\n\t_notify() {\n\t\tif (this.#e.size === 0) return;\n\t\tif (n.depth > 0) {\n\t\t\tfor (let e of this.#e) n.pending.add(e);\n\t\t\treturn;\n\t\t}\n\t\tlet e = [];\n\t\tfor (let t of [...this.#e]) try {\n\t\t\tt();\n\t\t} catch (t) {\n\t\t\te.push(t);\n\t\t}\n\t\tif (e.length) throw e.length === 1 ? e[0] : AggregateError(e, \"[stateit] multiple subscriber errors\");\n\t}\n}, s = (e, n, r, i) => {\n\tlet a = t.effect, o = t.deps, s = t.cleanups;\n\tt.effect = e, t.deps = n, t.cleanups = r;\n\ttry {\n\t\treturn i();\n\t} finally {\n\t\tt.effect = a, t.deps = o, t.cleanups = s;\n\t}\n};\n//#endregion\nexport { o as ReactiveNode, e as _UNINITIALIZED, r as _maxEffectIterations, a as _resetContextForTesting, s as _withCtx, i as configureStateit, n as queue, t as scope };\n\n//# sourceMappingURL=runtime.js.map"],"mappings":";AACA,IAAI,IAAI,OAAO,wBAAwB,EAAE,IAAI;CAC5C,UAAU;CACV,MAAM;CACN,QAAQ;CACR,EAAE,IAAI;CACN,OAAO;CACP,yBAAyB,IAAI,KAAK;CAClC,EAAE,IAAI,KAIJ,IAAI,MAAM;CACZ,qBAAqB,IAAI,KAAK;CAC9B,SAAS;AACR,MAAI,EAAE,SAAS,QAAQ,EAAE,WAAW,MAAM;GACzC,IAAI,IAAI,EAAE;AACV,SAAA,EAAQ,IAAI,EAAE,EAAE,EAAE,KAAK,UAAU,MAAA,EAAQ,OAAO,EAAE,CAAC;;;CAGrD,UAAU;AACT,MAAI,MAAA,EAAQ,SAAS,EAAG;AACxB,MAAI,EAAE,QAAQ,GAAG;AAChB,QAAK,IAAI,KAAK,MAAA,EAAS,GAAE,QAAQ,IAAI,EAAE;AACvC;;EAED,IAAI,IAAI,EAAE;AACV,OAAK,IAAI,KAAK,CAAC,GAAG,MAAA,EAAQ,CAAE,KAAI;AAC/B,MAAG;WACK,GAAG;AACX,KAAE,KAAK,EAAE;;AAEV,MAAI,EAAE,OAAQ,OAAM,EAAE,WAAW,IAAI,EAAE,KAAK,eAAe,GAAG,uCAAuC;;GAEpG,KAAK,GAAG,GAAG,GAAG,MAAM;CACtB,IAAI,IAAI,EAAE,QAAQ,IAAI,EAAE,MAAM,IAAI,EAAE;AACpC,GAAE,SAAS,GAAG,EAAE,OAAO,GAAG,EAAE,WAAW;AACvC,KAAI;AACH,SAAO,GAAG;WACD;AACT,IAAE,SAAS,GAAG,EAAE,OAAO,GAAG,EAAE,WAAW"}

package/dist/stateit/dist/signal.cjs

@@ -0,0 +1,2 @@
+const e=require(`./runtime.cjs`),t=require(`./types.cjs`);var n=class extends e.o{[t.e]=!0;#e;#t;constructor(e,t){super(),this.#e=e,this.#t=t?.equals??Object.is}get value(){return this._track(),this.#e}set value(e){this.#t(this.#e,e)||(this.#e=e,this._notify())}update(e){this.value=e(this.#e)}peek(){return this.#e}},r=(e,t)=>new n(e,t),i=e=>typeof e==`object`&&!!e&&t.e in e;exports.n=n,exports.o=i,exports.r=r;
+//# sourceMappingURL=signal.cjs.map

package/dist/stateit/dist/signal.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"signal.cjs","names":["e","t","#e","#t"],"sources":["../../../../stateit/dist/signal.js"],"sourcesContent":["import { ReactiveNode as e } from \"./runtime.js\";\nimport { _SIGNAL_BRAND as t } from \"./types.js\";\n//#region src/signal.ts\nvar n = class extends e {\n\t[t] = !0;\n\t#e;\n\t#t;\n\tconstructor(e, t) {\n\t\tsuper(), this.#e = e, this.#t = t?.equals ?? Object.is;\n\t}\n\tget value() {\n\t\treturn this._track(), this.#e;\n\t}\n\tset value(e) {\n\t\tthis.#t(this.#e, e) || (this.#e = e, this._notify());\n\t}\n\tupdate(e) {\n\t\tthis.value = e(this.#e);\n\t}\n\tpeek() {\n\t\treturn this.#e;\n\t}\n}, r = (e, t) => new n(e, t), i = /* @__PURE__ */ new WeakMap(), a = (e) => {\n\tlet n = i.get(e);\n\tif (n) return n;\n\tlet r = {\n\t\tget [t]() {\n\t\t\treturn !0;\n\t\t},\n\t\tpeek: () => e.peek(),\n\t\tget value() {\n\t\t\treturn e.value;\n\t\t}\n\t};\n\treturn i.set(e, r), r;\n}, o = (e) => typeof e == \"object\" && !!e && t in e, s = (e) => o(e) ? e.value : e, c = (e) => o(e) ? e.peek() : e;\n//#endregion\nexport { n as SignalImpl, o as isSignal, c as peekValue, a as readonly, r as signal, s as toValue };\n\n//# sourceMappingURL=signal.js.map"],"mappings":"0DAGA,IAAI,EAAI,cAAcA,EAAAA,CAAE,CACvB,CAACC,EAAAA,GAAK,CAAC,EACP,GACA,GACA,YAAY,EAAG,EAAG,CACjB,OAAO,CAAE,MAAA,EAAU,EAAG,MAAA,EAAU,GAAG,QAAU,OAAO,GAErD,IAAI,OAAQ,CACX,OAAO,KAAK,QAAQ,CAAE,MAAA,EAEvB,IAAI,MAAM,EAAG,CACZ,MAAA,EAAQ,MAAA,EAAS,EAAE,GAAK,MAAA,EAAU,EAAG,KAAK,SAAS,EAEpD,OAAO,EAAG,CACT,KAAK,MAAQ,EAAE,MAAA,EAAQ,CAExB,MAAO,CACN,OAAO,MAAA,IAEN,GAAK,EAAG,IAAM,IAAI,EAAE,EAAG,EAAE,CAazB,EAAK,GAAM,OAAOD,GAAK,UAAY,CAAC,CAACA,GAAKC,EAAAA,KAAKD"}

package/dist/stateit/dist/signal.js

@@ -0,0 +1,27 @@
+import { o as e } from "./runtime.js";
+import { e as t } from "./types.js";
+//#region ../stateit/dist/signal.js
+var n = class extends e {
+	[t] = !0;
+	#e;
+	#t;
+	constructor(e, t) {
+		super(), this.#e = e, this.#t = t?.equals ?? Object.is;
+	}
+	get value() {
+		return this._track(), this.#e;
+	}
+	set value(e) {
+		this.#t(this.#e, e) || (this.#e = e, this._notify());
+	}
+	update(e) {
+		this.value = e(this.#e);
+	}
+	peek() {
+		return this.#e;
+	}
+}, r = (e, t) => new n(e, t), i = (e) => typeof e == "object" && !!e && t in e;
+//#endregion
+export { n, i as o, r };
+
+//# sourceMappingURL=signal.js.map

package/dist/stateit/dist/signal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"signal.js","names":["e","t","#e","#t"],"sources":["../../../../stateit/dist/signal.js"],"sourcesContent":["import { ReactiveNode as e } from \"./runtime.js\";\nimport { _SIGNAL_BRAND as t } from \"./types.js\";\n//#region src/signal.ts\nvar n = class extends e {\n\t[t] = !0;\n\t#e;\n\t#t;\n\tconstructor(e, t) {\n\t\tsuper(), this.#e = e, this.#t = t?.equals ?? Object.is;\n\t}\n\tget value() {\n\t\treturn this._track(), this.#e;\n\t}\n\tset value(e) {\n\t\tthis.#t(this.#e, e) || (this.#e = e, this._notify());\n\t}\n\tupdate(e) {\n\t\tthis.value = e(this.#e);\n\t}\n\tpeek() {\n\t\treturn this.#e;\n\t}\n}, r = (e, t) => new n(e, t), i = /* @__PURE__ */ new WeakMap(), a = (e) => {\n\tlet n = i.get(e);\n\tif (n) return n;\n\tlet r = {\n\t\tget [t]() {\n\t\t\treturn !0;\n\t\t},\n\t\tpeek: () => e.peek(),\n\t\tget value() {\n\t\t\treturn e.value;\n\t\t}\n\t};\n\treturn i.set(e, r), r;\n}, o = (e) => typeof e == \"object\" && !!e && t in e, s = (e) => o(e) ? e.value : e, c = (e) => o(e) ? e.peek() : e;\n//#endregion\nexport { n as SignalImpl, o as isSignal, c as peekValue, a as readonly, r as signal, s as toValue };\n\n//# sourceMappingURL=signal.js.map"],"mappings":";;;AAGA,IAAI,IAAI,cAAcA,EAAE;CACvB,CAACC,KAAK,CAAC;CACP;CACA;CACA,YAAY,GAAG,GAAG;AACjB,SAAO,EAAE,MAAA,IAAU,GAAG,MAAA,IAAU,GAAG,UAAU,OAAO;;CAErD,IAAI,QAAQ;AACX,SAAO,KAAK,QAAQ,EAAE,MAAA;;CAEvB,IAAI,MAAM,GAAG;AACZ,QAAA,EAAQ,MAAA,GAAS,EAAE,KAAK,MAAA,IAAU,GAAG,KAAK,SAAS;;CAEpD,OAAO,GAAG;AACT,OAAK,QAAQ,EAAE,MAAA,EAAQ;;CAExB,OAAO;AACN,SAAO,MAAA;;GAEN,KAAK,GAAG,MAAM,IAAI,EAAE,GAAG,EAAE,EAazB,KAAK,MAAM,OAAOD,KAAK,YAAY,CAAC,CAACA,KAAKC,KAAKD"}

package/dist/stateit/dist/store.cjs

@@ -0,0 +1,2 @@
+const e=require(`./types.cjs`);require(`./computed.cjs`);const t=require(`./signal.cjs`);var n=(e,t)=>{if(e===t)return!0;if(e==null||t==null)return e===t;if(typeof e!=`object`||typeof t!=`object`)return!1;let n=Object.keys(e),r=Object.keys(t);if(n.length!==r.length)return!1;for(let r of n)if(!Object.is(e[r],t[r]))return!1;return!0};t.n,e.t,exports.r=n;
+//# sourceMappingURL=store.cjs.map

package/dist/stateit/dist/store.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"store.cjs","names":["n","e","#e","#t","t"],"sources":["../../../../stateit/dist/store.js"],"sourcesContent":["import { _STORE_BRAND as e } from \"./types.js\";\nimport { computed as t } from \"./computed.js\";\nimport { SignalImpl as n } from \"./signal.js\";\n//#region src/store.ts\nvar r = (e, t) => {\n\tif (e === t) return !0;\n\tif (e == null || t == null) return e === t;\n\tif (typeof e != \"object\" || typeof t != \"object\") return !1;\n\tlet n = Object.keys(e), r = Object.keys(t);\n\tif (n.length !== r.length) return !1;\n\tfor (let r of n) if (!Object.is(e[r], t[r])) return !1;\n\treturn !0;\n}, i = class extends n {\n\t[e] = !0;\n\t#e;\n\t#t = !1;\n\tconstructor(e, t) {\n\t\tsuper(e, { equals: t?.equals ?? r }), this.#e = { ...e };\n\t}\n\tget frozen() {\n\t\treturn this.#t;\n\t}\n\tget value() {\n\t\treturn super.value;\n\t}\n\tset value(e) {\n\t\tthis.#t || (super.value = e);\n\t}\n\tpatch(e) {\n\t\tthis.value = {\n\t\t\t...this.peek(),\n\t\t\t...e\n\t\t};\n\t}\n\tupdate(e) {\n\t\tthis.value = e({ ...this.peek() });\n\t}\n\treset() {\n\t\tthis.value = { ...this.#e };\n\t}\n\tselect(e, n) {\n\t\treturn t(() => e(this.value), n);\n\t}\n\tfreeze() {\n\t\tthis.#t = !0;\n\t}\n}, a = (e, t) => new i(e, t), o = (t) => typeof t == \"object\" && !!t && e in t;\n//#endregion\nexport { o as isStore, r as shallowEqual, a as store };\n\n//# sourceMappingURL=store.js.map"],"mappings":"yFAIA,IAAI,GAAK,EAAG,IAAM,CACjB,GAAI,IAAM,EAAG,MAAO,CAAC,EACrB,GAAI,GAAK,MAAQ,GAAK,KAAM,OAAO,IAAM,EACzC,GAAI,OAAO,GAAK,UAAY,OAAO,GAAK,SAAU,MAAO,CAAC,EAC1D,IAAI,EAAI,OAAO,KAAK,EAAE,CAAE,EAAI,OAAO,KAAK,EAAE,CAC1C,GAAI,EAAE,SAAW,EAAE,OAAQ,MAAO,CAAC,EACnC,IAAK,IAAI,KAAK,EAAG,GAAI,CAAC,OAAO,GAAG,EAAE,GAAI,EAAE,GAAG,CAAE,MAAO,CAAC,EACrD,MAAO,CAAC,GACYA,EAAAA,EACnBC,EAAAA"}

package/dist/stateit/dist/store.js

@@ -0,0 +1,17 @@
+import "./types.js";
+import "./computed.js";
+import "./signal.js";
+//#region ../stateit/dist/store.js
+var e = (e, t) => {
+	if (e === t) return !0;
+	if (e == null || t == null) return e === t;
+	if (typeof e != "object" || typeof t != "object") return !1;
+	let n = Object.keys(e), r = Object.keys(t);
+	if (n.length !== r.length) return !1;
+	for (let r of n) if (!Object.is(e[r], t[r])) return !1;
+	return !0;
+};
+//#endregion
+export { e as r };
+
+//# sourceMappingURL=store.js.map

package/dist/stateit/dist/store.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"store.js","names":["e","#e","#t","t"],"sources":["../../../../stateit/dist/store.js"],"sourcesContent":["import { _STORE_BRAND as e } from \"./types.js\";\nimport { computed as t } from \"./computed.js\";\nimport { SignalImpl as n } from \"./signal.js\";\n//#region src/store.ts\nvar r = (e, t) => {\n\tif (e === t) return !0;\n\tif (e == null || t == null) return e === t;\n\tif (typeof e != \"object\" || typeof t != \"object\") return !1;\n\tlet n = Object.keys(e), r = Object.keys(t);\n\tif (n.length !== r.length) return !1;\n\tfor (let r of n) if (!Object.is(e[r], t[r])) return !1;\n\treturn !0;\n}, i = class extends n {\n\t[e] = !0;\n\t#e;\n\t#t = !1;\n\tconstructor(e, t) {\n\t\tsuper(e, { equals: t?.equals ?? r }), this.#e = { ...e };\n\t}\n\tget frozen() {\n\t\treturn this.#t;\n\t}\n\tget value() {\n\t\treturn super.value;\n\t}\n\tset value(e) {\n\t\tthis.#t || (super.value = e);\n\t}\n\tpatch(e) {\n\t\tthis.value = {\n\t\t\t...this.peek(),\n\t\t\t...e\n\t\t};\n\t}\n\tupdate(e) {\n\t\tthis.value = e({ ...this.peek() });\n\t}\n\treset() {\n\t\tthis.value = { ...this.#e };\n\t}\n\tselect(e, n) {\n\t\treturn t(() => e(this.value), n);\n\t}\n\tfreeze() {\n\t\tthis.#t = !0;\n\t}\n}, a = (e, t) => new i(e, t), o = (t) => typeof t == \"object\" && !!t && e in t;\n//#endregion\nexport { o as isStore, r as shallowEqual, a as store };\n\n//# sourceMappingURL=store.js.map"],"mappings":";;;;AAIA,IAAI,KAAK,GAAG,MAAM;AACjB,KAAI,MAAM,EAAG,QAAO,CAAC;AACrB,KAAI,KAAK,QAAQ,KAAK,KAAM,QAAO,MAAM;AACzC,KAAI,OAAO,KAAK,YAAY,OAAO,KAAK,SAAU,QAAO,CAAC;CAC1D,IAAI,IAAI,OAAO,KAAK,EAAE,EAAE,IAAI,OAAO,KAAK,EAAE;AAC1C,KAAI,EAAE,WAAW,EAAE,OAAQ,QAAO,CAAC;AACnC,MAAK,IAAI,KAAK,EAAG,KAAI,CAAC,OAAO,GAAG,EAAE,IAAI,EAAE,GAAG,CAAE,QAAO,CAAC;AACrD,QAAO,CAAC"}

package/dist/stateit/dist/types.cjs

@@ -0,0 +1,2 @@
+var e=Symbol(`stateit.signal`),t=Symbol(`stateit.store`);exports.e=e,exports.t=t;
+//# sourceMappingURL=types.cjs.map

package/dist/stateit/dist/types.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.cjs","names":[],"sources":["../../../../stateit/dist/types.js"],"sourcesContent":["//#region src/types.ts\nvar e = Symbol(\"stateit.signal\"), t = Symbol(\"stateit.store\");\n//#endregion\nexport { e as _SIGNAL_BRAND, t as _STORE_BRAND };\n\n//# sourceMappingURL=types.js.map"],"mappings":"AACA,IAAI,EAAI,OAAO,iBAAiB,CAAE,EAAI,OAAO,gBAAgB"}

package/dist/stateit/dist/types.js

@@ -0,0 +1,6 @@
+//#region ../stateit/dist/types.js
+var e = Symbol("stateit.signal"), t = Symbol("stateit.store");
+//#endregion
+export { e, t };
+
+//# sourceMappingURL=types.js.map

package/dist/stateit/dist/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":[],"sources":["../../../../stateit/dist/types.js"],"sourcesContent":["//#region src/types.ts\nvar e = Symbol(\"stateit.signal\"), t = Symbol(\"stateit.store\");\n//#endregion\nexport { e as _SIGNAL_BRAND, t as _STORE_BRAND };\n\n//# sourceMappingURL=types.js.map"],"mappings":";AACA,IAAI,IAAI,OAAO,iBAAiB,EAAE,IAAI,OAAO,gBAAgB"}