@autumnsgrove/gossamer 0.1.1 → 0.2.0

package/dist/svelte/index.js

@@ -1,3648 +1,33 @@
-var __defProp = Object.defineProperty;
-var __typeError = (msg) => {
-  throw TypeError(msg);
-};
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
-var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
-var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
-var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
-var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
-var _a, _commit_callbacks, _discard_callbacks, _pending, _blocking_pending, _deferred, _dirty_effects, _maybe_dirty_effects, _Batch_instances, traverse_effect_tree_fn, defer_effects_fn, resolve_fn, commit_fn, _batches, _onscreen, _offscreen, _outroing, _transition, _commit, _discard;
-import { onMount } from "svelte";
-import { onReducedMotionChange, createVisibilityObserver, createResizeObserver, CHARACTER_SETS, GossamerRenderer, generateBrightnessGrid, loadImage, imageToPixelData, sampleImageCells, brightnessToChar, invertCharacters, perlinNoise2D } from "../index.js";
-import { DEFAULT_CHARACTERS, DEFAULT_CONFIG, VERSION, calculateBrightness, getCharacterSet, getCharacterSetNames, getCharacters, prefersReducedMotion } from "../index.js";
-const PUBLIC_VERSION = "5";
-if (typeof window !== "undefined") {
-  ((_a = window.__svelte ?? (window.__svelte = {})).v ?? (_a.v = /* @__PURE__ */ new Set())).add(PUBLIC_VERSION);
-}
-const PROPS_IS_IMMUTABLE = 1;
-const PROPS_IS_UPDATED = 1 << 2;
-const PROPS_IS_BINDABLE = 1 << 3;
-const PROPS_IS_LAZY_INITIAL = 1 << 4;
-const TEMPLATE_FRAGMENT = 1;
-const TEMPLATE_USE_IMPORT_NODE = 1 << 1;
-const UNINITIALIZED = Symbol();
-const NAMESPACE_HTML = "http://www.w3.org/1999/xhtml";
-const DEV = false;
-var is_array = Array.isArray;
-var index_of = Array.prototype.indexOf;
-var define_property = Object.defineProperty;
-var get_descriptor = Object.getOwnPropertyDescriptor;
-var get_descriptors = Object.getOwnPropertyDescriptors;
-var object_prototype = Object.prototype;
-var array_prototype = Array.prototype;
-var get_prototype_of = Object.getPrototypeOf;
-function run_all(arr) {
-  for (var i = 0; i < arr.length; i++) {
-    arr[i]();
-  }
-}
-function deferred() {
-  var resolve;
-  var reject;
-  var promise = new Promise((res, rej) => {
-    resolve = res;
-    reject = rej;
-  });
-  return { promise, resolve, reject };
-}
-const DERIVED = 1 << 1;
-const EFFECT = 1 << 2;
-const RENDER_EFFECT = 1 << 3;
-const MANAGED_EFFECT = 1 << 24;
-const BLOCK_EFFECT = 1 << 4;
-const BRANCH_EFFECT = 1 << 5;
-const ROOT_EFFECT = 1 << 6;
-const BOUNDARY_EFFECT = 1 << 7;
-const CONNECTED = 1 << 9;
-const CLEAN = 1 << 10;
-const DIRTY = 1 << 11;
-const MAYBE_DIRTY = 1 << 12;
-const INERT = 1 << 13;
-const DESTROYED = 1 << 14;
-const EFFECT_RAN = 1 << 15;
-const EFFECT_TRANSPARENT = 1 << 16;
-const EAGER_EFFECT = 1 << 17;
-const HEAD_EFFECT = 1 << 18;
-const EFFECT_PRESERVED = 1 << 19;
-const USER_EFFECT = 1 << 20;
-const WAS_MARKED = 1 << 15;
-const REACTION_IS_UPDATING = 1 << 21;
-const ASYNC = 1 << 22;
-const ERROR_VALUE = 1 << 23;
-const STATE_SYMBOL = Symbol("$state");
-const LEGACY_PROPS = Symbol("legacy props");
-const LOADING_ATTR_SYMBOL = Symbol("");
-const STALE_REACTION = new class StaleReactionError extends Error {
-  constructor() {
-    super(...arguments);
-    __publicField(this, "name", "StaleReactionError");
-    __publicField(this, "message", "The reaction that called `getAbortSignal()` was re-run or destroyed");
-  }
-}();
-function async_derived_orphan() {
-  {
-    throw new Error(`https://svelte.dev/e/async_derived_orphan`);
-  }
-}
-function effect_in_teardown(rune) {
-  {
-    throw new Error(`https://svelte.dev/e/effect_in_teardown`);
-  }
-}
-function effect_in_unowned_derived() {
-  {
-    throw new Error(`https://svelte.dev/e/effect_in_unowned_derived`);
-  }
-}
-function effect_orphan(rune) {
-  {
-    throw new Error(`https://svelte.dev/e/effect_orphan`);
-  }
-}
-function effect_update_depth_exceeded() {
-  {
-    throw new Error(`https://svelte.dev/e/effect_update_depth_exceeded`);
-  }
-}
-function props_invalid_value(key) {
-  {
-    throw new Error(`https://svelte.dev/e/props_invalid_value`);
-  }
-}
-function state_descriptors_fixed() {
-  {
-    throw new Error(`https://svelte.dev/e/state_descriptors_fixed`);
-  }
-}
-function state_prototype_fixed() {
-  {
-    throw new Error(`https://svelte.dev/e/state_prototype_fixed`);
-  }
-}
-function state_unsafe_mutation() {
-  {
-    throw new Error(`https://svelte.dev/e/state_unsafe_mutation`);
-  }
-}
-function equals(value) {
-  return value === this.v;
-}
-function safe_not_equal(a, b) {
-  return a != a ? b == b : a !== b || a !== null && typeof a === "object" || typeof a === "function";
-}
-function safe_equals(value) {
-  return !safe_not_equal(value, this.v);
-}
-let tracing_mode_flag = false;
-let component_context = null;
-function set_component_context(context) {
-  component_context = context;
-}
-function push(props, runes = false, fn) {
-  component_context = {
-    p: component_context,
-    i: false,
-    c: null,
-    e: null,
-    s: props,
-    x: null,
-    l: null
-  };
-}
-function pop(component) {
-  var context = (
-    /** @type {ComponentContext} */
-    component_context
-  );
-  var effects = context.e;
-  if (effects !== null) {
-    context.e = null;
-    for (var fn of effects) {
-      create_user_effect(fn);
-    }
-  }
-  context.i = true;
-  component_context = context.p;
-  return (
-    /** @type {T} */
-    {}
-  );
-}
-function is_runes() {
-  return true;
-}
-let micro_tasks = [];
-function run_micro_tasks() {
-  var tasks = micro_tasks;
-  micro_tasks = [];
-  run_all(tasks);
-}
-function queue_micro_task(fn) {
-  if (micro_tasks.length === 0 && true) {
-    var tasks = micro_tasks;
-    queueMicrotask(() => {
-      if (tasks === micro_tasks) run_micro_tasks();
-    });
-  }
-  micro_tasks.push(fn);
-}
-function handle_error(error) {
-  var effect2 = active_effect;
-  if (effect2 === null) {
-    active_reaction.f |= ERROR_VALUE;
-    return error;
-  }
-  if ((effect2.f & EFFECT_RAN) === 0) {
-    if ((effect2.f & BOUNDARY_EFFECT) === 0) {
-      throw error;
-    }
-    effect2.b.error(error);
-  } else {
-    invoke_error_boundary(error, effect2);
-  }
-}
-function invoke_error_boundary(error, effect2) {
-  while (effect2 !== null) {
-    if ((effect2.f & BOUNDARY_EFFECT) !== 0) {
-      try {
-        effect2.b.error(error);
-        return;
-      } catch (e) {
-        error = e;
-      }
-    }
-    effect2 = effect2.parent;
-  }
-  throw error;
-}
-const STATUS_MASK = -7169;
-function set_signal_status(signal, status) {
-  signal.f = signal.f & STATUS_MASK | status;
-}
-function update_derived_status(derived2) {
-  if ((derived2.f & CONNECTED) !== 0 || derived2.deps === null) {
-    set_signal_status(derived2, CLEAN);
-  } else {
-    set_signal_status(derived2, MAYBE_DIRTY);
-  }
-}
-function clear_marked(deps) {
-  if (deps === null) return;
-  for (const dep of deps) {
-    if ((dep.f & DERIVED) === 0 || (dep.f & WAS_MARKED) === 0) {
-      continue;
-    }
-    dep.f ^= WAS_MARKED;
-    clear_marked(
-      /** @type {Derived} */
-      dep.deps
-    );
-  }
-}
-function defer_effect(effect2, dirty_effects, maybe_dirty_effects) {
-  if ((effect2.f & DIRTY) !== 0) {
-    dirty_effects.add(effect2);
-  } else if ((effect2.f & MAYBE_DIRTY) !== 0) {
-    maybe_dirty_effects.add(effect2);
-  }
-  clear_marked(effect2.deps);
-  set_signal_status(effect2, CLEAN);
-}
-const batches = /* @__PURE__ */ new Set();
-let current_batch = null;
-let batch_values = null;
-let queued_root_effects = [];
-let last_scheduled_effect = null;
-let is_flushing = false;
-const _Batch = class _Batch {
-  constructor() {
-    __privateAdd(this, _Batch_instances);
-    __publicField(this, "committed", false);
-    /**
-     * The current values of any sources that are updated in this batch
-     * They keys of this map are identical to `this.#previous`
-     * @type {Map<Source, any>}
-     */
-    __publicField(this, "current", /* @__PURE__ */ new Map());
-    /**
-     * The values of any sources that are updated in this batch _before_ those updates took place.
-     * They keys of this map are identical to `this.#current`
-     * @type {Map<Source, any>}
-     */
-    __publicField(this, "previous", /* @__PURE__ */ new Map());
-    /**
-     * When the batch is committed (and the DOM is updated), we need to remove old branches
-     * and append new ones by calling the functions added inside (if/each/key/etc) blocks
-     * @type {Set<() => void>}
-     */
-    __privateAdd(this, _commit_callbacks, /* @__PURE__ */ new Set());
-    /**
-     * If a fork is discarded, we need to destroy any effects that are no longer needed
-     * @type {Set<(batch: Batch) => void>}
-     */
-    __privateAdd(this, _discard_callbacks, /* @__PURE__ */ new Set());
-    /**
-     * The number of async effects that are currently in flight
-     */
-    __privateAdd(this, _pending, 0);
-    /**
-     * The number of async effects that are currently in flight, _not_ inside a pending boundary
-     */
-    __privateAdd(this, _blocking_pending, 0);
-    /**
-     * A deferred that resolves when the batch is committed, used with `settled()`
-     * TODO replace with Promise.withResolvers once supported widely enough
-     * @type {{ promise: Promise<void>, resolve: (value?: any) => void, reject: (reason: unknown) => void } | null}
-     */
-    __privateAdd(this, _deferred, null);
-    /**
-     * Deferred effects (which run after async work has completed) that are DIRTY
-     * @type {Set<Effect>}
-     */
-    __privateAdd(this, _dirty_effects, /* @__PURE__ */ new Set());
-    /**
-     * Deferred effects that are MAYBE_DIRTY
-     * @type {Set<Effect>}
-     */
-    __privateAdd(this, _maybe_dirty_effects, /* @__PURE__ */ new Set());
-    /**
-     * A set of branches that still exist, but will be destroyed when this batch
-     * is committed — we skip over these during `process`
-     * @type {Set<Effect>}
-     */
-    __publicField(this, "skipped_effects", /* @__PURE__ */ new Set());
-    __publicField(this, "is_fork", false);
-  }
-  is_deferred() {
-    return this.is_fork || __privateGet(this, _blocking_pending) > 0;
-  }
-  /**
-   *
-   * @param {Effect[]} root_effects
-   */
-  process(root_effects) {
-    var _a2;
-    queued_root_effects = [];
-    this.apply();
-    var effects = [];
-    var render_effects = [];
-    for (const root2 of root_effects) {
-      __privateMethod(this, _Batch_instances, traverse_effect_tree_fn).call(this, root2, effects, render_effects);
-    }
-    if (!this.is_fork) {
-      __privateMethod(this, _Batch_instances, resolve_fn).call(this);
-    }
-    if (this.is_deferred()) {
-      __privateMethod(this, _Batch_instances, defer_effects_fn).call(this, render_effects);
-      __privateMethod(this, _Batch_instances, defer_effects_fn).call(this, effects);
-    } else {
-      current_batch = null;
-      flush_queued_effects(render_effects);
-      flush_queued_effects(effects);
-      (_a2 = __privateGet(this, _deferred)) == null ? void 0 : _a2.resolve();
-    }
-    batch_values = null;
-  }
-  /**
-   * Associate a change to a given source with the current
-   * batch, noting its previous and current values
-   * @param {Source} source
-   * @param {any} value
-   */
-  capture(source2, value) {
-    if (value !== UNINITIALIZED && !this.previous.has(source2)) {
-      this.previous.set(source2, value);
-    }
-    if ((source2.f & ERROR_VALUE) === 0) {
-      this.current.set(source2, source2.v);
-      batch_values == null ? void 0 : batch_values.set(source2, source2.v);
-    }
-  }
-  activate() {
-    current_batch = this;
-    this.apply();
-  }
-  deactivate() {
-    if (current_batch !== this) return;
-    current_batch = null;
-    batch_values = null;
-  }
-  flush() {
-    this.activate();
-    if (queued_root_effects.length > 0) {
-      flush_effects();
-      if (current_batch !== null && current_batch !== this) {
-        return;
-      }
-    } else if (__privateGet(this, _pending) === 0) {
-      this.process([]);
-    }
-    this.deactivate();
-  }
-  discard() {
-    for (const fn of __privateGet(this, _discard_callbacks)) fn(this);
-    __privateGet(this, _discard_callbacks).clear();
-  }
-  /**
-   *
-   * @param {boolean} blocking
-   */
-  increment(blocking) {
-    __privateSet(this, _pending, __privateGet(this, _pending) + 1);
-    if (blocking) __privateSet(this, _blocking_pending, __privateGet(this, _blocking_pending) + 1);
-  }
-  /**
-   *
-   * @param {boolean} blocking
-   */
-  decrement(blocking) {
-    __privateSet(this, _pending, __privateGet(this, _pending) - 1);
-    if (blocking) __privateSet(this, _blocking_pending, __privateGet(this, _blocking_pending) - 1);
-    this.revive();
-  }
-  revive() {
-    for (const e of __privateGet(this, _dirty_effects)) {
-      __privateGet(this, _maybe_dirty_effects).delete(e);
-      set_signal_status(e, DIRTY);
-      schedule_effect(e);
-    }
-    for (const e of __privateGet(this, _maybe_dirty_effects)) {
-      set_signal_status(e, MAYBE_DIRTY);
-      schedule_effect(e);
-    }
-    this.flush();
-  }
-  /** @param {() => void} fn */
-  oncommit(fn) {
-    __privateGet(this, _commit_callbacks).add(fn);
-  }
-  /** @param {(batch: Batch) => void} fn */
-  ondiscard(fn) {
-    __privateGet(this, _discard_callbacks).add(fn);
-  }
-  settled() {
-    return (__privateGet(this, _deferred) ?? __privateSet(this, _deferred, deferred())).promise;
-  }
-  static ensure() {
-    if (current_batch === null) {
-      const batch = current_batch = new _Batch();
-      batches.add(current_batch);
-      {
-        _Batch.enqueue(() => {
-          if (current_batch !== batch) {
-            return;
-          }
-          batch.flush();
-        });
-      }
-    }
-    return current_batch;
-  }
-  /** @param {() => void} task */
-  static enqueue(task) {
-    queue_micro_task(task);
-  }
-  apply() {
-    return;
-  }
-};
-_commit_callbacks = new WeakMap();
-_discard_callbacks = new WeakMap();
-_pending = new WeakMap();
-_blocking_pending = new WeakMap();
-_deferred = new WeakMap();
-_dirty_effects = new WeakMap();
-_maybe_dirty_effects = new WeakMap();
-_Batch_instances = new WeakSet();
 /**
- * Traverse the effect tree, executing effects or stashing
- * them for later execution as appropriate
- * @param {Effect} root
- * @param {Effect[]} effects
- * @param {Effect[]} render_effects
+ * Gossamer - Svelte 5 Components
+ *
+ * ASCII visual effects components for Svelte applications.
+ *
+ * @packageDocumentation
  */
-traverse_effect_tree_fn = function(root2, effects, render_effects) {
-  root2.f ^= CLEAN;
-  var effect2 = root2.first;
-  var pending_boundary = null;
-  while (effect2 !== null) {
-    var flags = effect2.f;
-    var is_branch = (flags & (BRANCH_EFFECT | ROOT_EFFECT)) !== 0;
-    var is_skippable_branch = is_branch && (flags & CLEAN) !== 0;
-    var skip = is_skippable_branch || (flags & INERT) !== 0 || this.skipped_effects.has(effect2);
-    if (!skip && effect2.fn !== null) {
-      if (is_branch) {
-        effect2.f ^= CLEAN;
-      } else if (pending_boundary !== null && (flags & (EFFECT | RENDER_EFFECT | MANAGED_EFFECT)) !== 0) {
-        pending_boundary.b.defer_effect(effect2);
-      } else if ((flags & EFFECT) !== 0) {
-        effects.push(effect2);
-      } else if (is_dirty(effect2)) {
-        if ((flags & BLOCK_EFFECT) !== 0) __privateGet(this, _dirty_effects).add(effect2);
-        update_effect(effect2);
-      }
-      var child2 = effect2.first;
-      if (child2 !== null) {
-        effect2 = child2;
-        continue;
-      }
-    }
-    var parent = effect2.parent;
-    effect2 = effect2.next;
-    while (effect2 === null && parent !== null) {
-      if (parent === pending_boundary) {
-        pending_boundary = null;
-      }
-      effect2 = parent.next;
-      parent = parent.parent;
-    }
-  }
-};
-/**
- * @param {Effect[]} effects
- */
-defer_effects_fn = function(effects) {
-  for (var i = 0; i < effects.length; i += 1) {
-    defer_effect(effects[i], __privateGet(this, _dirty_effects), __privateGet(this, _maybe_dirty_effects));
-  }
-};
-resolve_fn = function() {
-  if (__privateGet(this, _blocking_pending) === 0) {
-    for (const fn of __privateGet(this, _commit_callbacks)) fn();
-    __privateGet(this, _commit_callbacks).clear();
-  }
-  if (__privateGet(this, _pending) === 0) {
-    __privateMethod(this, _Batch_instances, commit_fn).call(this);
-  }
-};
-commit_fn = function() {
-  var _a2;
-  if (batches.size > 1) {
-    this.previous.clear();
-    var previous_batch_values = batch_values;
-    var is_earlier = true;
-    for (const batch of batches) {
-      if (batch === this) {
-        is_earlier = false;
-        continue;
-      }
-      const sources = [];
-      for (const [source2, value] of this.current) {
-        if (batch.current.has(source2)) {
-          if (is_earlier && value !== batch.current.get(source2)) {
-            batch.current.set(source2, value);
-          } else {
-            continue;
-          }
-        }
-        sources.push(source2);
-      }
-      if (sources.length === 0) {
-        continue;
-      }
-      const others = [...batch.current.keys()].filter((s) => !this.current.has(s));
-      if (others.length > 0) {
-        var prev_queued_root_effects = queued_root_effects;
-        queued_root_effects = [];
-        const marked = /* @__PURE__ */ new Set();
-        const checked = /* @__PURE__ */ new Map();
-        for (const source2 of sources) {
-          mark_effects(source2, others, marked, checked);
-        }
-        if (queued_root_effects.length > 0) {
-          current_batch = batch;
-          batch.apply();
-          for (const root2 of queued_root_effects) {
-            __privateMethod(_a2 = batch, _Batch_instances, traverse_effect_tree_fn).call(_a2, root2, [], []);
-          }
-          batch.deactivate();
-        }
-        queued_root_effects = prev_queued_root_effects;
-      }
-    }
-    current_batch = null;
-    batch_values = previous_batch_values;
-  }
-  this.committed = true;
-  batches.delete(this);
-};
-let Batch = _Batch;
-function flush_effects() {
-  var was_updating_effect = is_updating_effect;
-  is_flushing = true;
-  var source_stacks = null;
-  try {
-    var flush_count = 0;
-    set_is_updating_effect(true);
-    while (queued_root_effects.length > 0) {
-      var batch = Batch.ensure();
-      if (flush_count++ > 1e3) {
-        var updates, entry;
-        if (DEV) ;
-        infinite_loop_guard();
-      }
-      batch.process(queued_root_effects);
-      old_values.clear();
-      if (DEV) ;
-    }
-  } finally {
-    is_flushing = false;
-    set_is_updating_effect(was_updating_effect);
-    last_scheduled_effect = null;
-  }
-}
-function infinite_loop_guard() {
-  try {
-    effect_update_depth_exceeded();
-  } catch (error) {
-    invoke_error_boundary(error, last_scheduled_effect);
-  }
-}
-let eager_block_effects = null;
-function flush_queued_effects(effects) {
-  var length = effects.length;
-  if (length === 0) return;
-  var i = 0;
-  while (i < length) {
-    var effect2 = effects[i++];
-    if ((effect2.f & (DESTROYED | INERT)) === 0 && is_dirty(effect2)) {
-      eager_block_effects = /* @__PURE__ */ new Set();
-      update_effect(effect2);
-      if (effect2.deps === null && effect2.first === null && effect2.nodes === null) {
-        if (effect2.teardown === null && effect2.ac === null) {
-          unlink_effect(effect2);
-        } else {
-          effect2.fn = null;
-        }
-      }
-      if ((eager_block_effects == null ? void 0 : eager_block_effects.size) > 0) {
-        old_values.clear();
-        for (const e of eager_block_effects) {
-          if ((e.f & (DESTROYED | INERT)) !== 0) continue;
-          const ordered_effects = [e];
-          let ancestor = e.parent;
-          while (ancestor !== null) {
-            if (eager_block_effects.has(ancestor)) {
-              eager_block_effects.delete(ancestor);
-              ordered_effects.push(ancestor);
-            }
-            ancestor = ancestor.parent;
-          }
-          for (let j = ordered_effects.length - 1; j >= 0; j--) {
-            const e2 = ordered_effects[j];
-            if ((e2.f & (DESTROYED | INERT)) !== 0) continue;
-            update_effect(e2);
-          }
-        }
-        eager_block_effects.clear();
-      }
-    }
-  }
-  eager_block_effects = null;
-}
-function mark_effects(value, sources, marked, checked) {
-  if (marked.has(value)) return;
-  marked.add(value);
-  if (value.reactions !== null) {
-    for (const reaction of value.reactions) {
-      const flags = reaction.f;
-      if ((flags & DERIVED) !== 0) {
-        mark_effects(
-          /** @type {Derived} */
-          reaction,
-          sources,
-          marked,
-          checked
-        );
-      } else if ((flags & (ASYNC | BLOCK_EFFECT)) !== 0 && (flags & DIRTY) === 0 && depends_on(reaction, sources, checked)) {
-        set_signal_status(reaction, DIRTY);
-        schedule_effect(
-          /** @type {Effect} */
-          reaction
-        );
-      }
-    }
-  }
-}
-function depends_on(reaction, sources, checked) {
-  const depends = checked.get(reaction);
-  if (depends !== void 0) return depends;
-  if (reaction.deps !== null) {
-    for (const dep of reaction.deps) {
-      if (sources.includes(dep)) {
-        return true;
-      }
-      if ((dep.f & DERIVED) !== 0 && depends_on(
-        /** @type {Derived} */
-        dep,
-        sources,
-        checked
-      )) {
-        checked.set(
-          /** @type {Derived} */
-          dep,
-          true
-        );
-        return true;
-      }
-    }
-  }
-  checked.set(reaction, false);
-  return false;
-}
-function schedule_effect(signal) {
-  var effect2 = last_scheduled_effect = signal;
-  while (effect2.parent !== null) {
-    effect2 = effect2.parent;
-    var flags = effect2.f;
-    if (is_flushing && effect2 === active_effect && (flags & BLOCK_EFFECT) !== 0 && (flags & HEAD_EFFECT) === 0) {
-      return;
-    }
-    if ((flags & (ROOT_EFFECT | BRANCH_EFFECT)) !== 0) {
-      if ((flags & CLEAN) === 0) return;
-      effect2.f ^= CLEAN;
-    }
-  }
-  queued_root_effects.push(effect2);
-}
-function flatten(blockers, sync, async, fn) {
-  const d = derived;
-  if (async.length === 0 && blockers.length === 0) {
-    fn(sync.map(d));
-    return;
-  }
-  var batch = current_batch;
-  var parent = (
-    /** @type {Effect} */
-    active_effect
-  );
-  var restore = capture();
-  function run() {
-    Promise.all(async.map((expression) => /* @__PURE__ */ async_derived(expression))).then((result) => {
-      restore();
-      try {
-        fn([...sync.map(d), ...result]);
-      } catch (error) {
-        if ((parent.f & DESTROYED) === 0) {
-          invoke_error_boundary(error, parent);
-        }
-      }
-      batch == null ? void 0 : batch.deactivate();
-      unset_context();
-    }).catch((error) => {
-      invoke_error_boundary(error, parent);
-    });
-  }
-  if (blockers.length > 0) {
-    Promise.all(blockers).then(() => {
-      restore();
-      try {
-        return run();
-      } finally {
-        batch == null ? void 0 : batch.deactivate();
-        unset_context();
-      }
-    });
-  } else {
-    run();
-  }
-}
-function capture() {
-  var previous_effect = active_effect;
-  var previous_reaction = active_reaction;
-  var previous_component_context = component_context;
-  var previous_batch = current_batch;
-  return function restore(activate_batch = true) {
-    set_active_effect(previous_effect);
-    set_active_reaction(previous_reaction);
-    set_component_context(previous_component_context);
-    if (activate_batch) previous_batch == null ? void 0 : previous_batch.activate();
-  };
-}
-function unset_context() {
-  set_active_effect(null);
-  set_active_reaction(null);
-  set_component_context(null);
-}
-// @__NO_SIDE_EFFECTS__
-function derived(fn) {
-  var flags = DERIVED | DIRTY;
-  var parent_derived = active_reaction !== null && (active_reaction.f & DERIVED) !== 0 ? (
-    /** @type {Derived} */
-    active_reaction
-  ) : null;
-  if (active_effect !== null) {
-    active_effect.f |= EFFECT_PRESERVED;
-  }
-  const signal = {
-    ctx: component_context,
-    deps: null,
-    effects: null,
-    equals,
-    f: flags,
-    fn,
-    reactions: null,
-    rv: 0,
-    v: (
-      /** @type {V} */
-      UNINITIALIZED
-    ),
-    wv: 0,
-    parent: parent_derived ?? active_effect,
-    ac: null
-  };
-  return signal;
-}
-// @__NO_SIDE_EFFECTS__
-function async_derived(fn, label, location) {
-  let parent = (
-    /** @type {Effect | null} */
-    active_effect
-  );
-  if (parent === null) {
-    async_derived_orphan();
-  }
-  var boundary = (
-    /** @type {Boundary} */
-    parent.b
-  );
-  var promise = (
-    /** @type {Promise<V>} */
-    /** @type {unknown} */
-    void 0
-  );
-  var signal = source(
-    /** @type {V} */
-    UNINITIALIZED
-  );
-  var should_suspend = !active_reaction;
-  var deferreds = /* @__PURE__ */ new Map();
-  async_effect(() => {
-    var _a2;
-    var d = deferred();
-    promise = d.promise;
-    try {
-      Promise.resolve(fn()).then(d.resolve, d.reject).then(() => {
-        if (batch === current_batch && batch.committed) {
-          batch.deactivate();
-        }
-        unset_context();
-      });
-    } catch (error) {
-      d.reject(error);
-      unset_context();
-    }
-    var batch = (
-      /** @type {Batch} */
-      current_batch
-    );
-    if (should_suspend) {
-      var blocking = boundary.is_rendered();
-      boundary.update_pending_count(1);
-      batch.increment(blocking);
-      (_a2 = deferreds.get(batch)) == null ? void 0 : _a2.reject(STALE_REACTION);
-      deferreds.delete(batch);
-      deferreds.set(batch, d);
-    }
-    const handler = (value, error = void 0) => {
-      batch.activate();
-      if (error) {
-        if (error !== STALE_REACTION) {
-          signal.f |= ERROR_VALUE;
-          internal_set(signal, error);
-        }
-      } else {
-        if ((signal.f & ERROR_VALUE) !== 0) {
-          signal.f ^= ERROR_VALUE;
-        }
-        internal_set(signal, value);
-        for (const [b, d2] of deferreds) {
-          deferreds.delete(b);
-          if (b === batch) break;
-          d2.reject(STALE_REACTION);
-        }
-      }
-      if (should_suspend) {
-        boundary.update_pending_count(-1);
-        batch.decrement(blocking);
-      }
-    };
-    d.promise.then(handler, (e) => handler(null, e || "unknown"));
-  });
-  teardown(() => {
-    for (const d of deferreds.values()) {
-      d.reject(STALE_REACTION);
-    }
-  });
-  return new Promise((fulfil) => {
-    function next(p) {
-      function go() {
-        if (p === promise) {
-          fulfil(signal);
-        } else {
-          next(promise);
-        }
-      }
-      p.then(go, go);
-    }
-    next(promise);
-  });
-}
-// @__NO_SIDE_EFFECTS__
-function user_derived(fn) {
-  const d = /* @__PURE__ */ derived(fn);
-  push_reaction_value(d);
-  return d;
-}
-// @__NO_SIDE_EFFECTS__
-function derived_safe_equal(fn) {
-  const signal = /* @__PURE__ */ derived(fn);
-  signal.equals = safe_equals;
-  return signal;
-}
-function destroy_derived_effects(derived2) {
-  var effects = derived2.effects;
-  if (effects !== null) {
-    derived2.effects = null;
-    for (var i = 0; i < effects.length; i += 1) {
-      destroy_effect(
-        /** @type {Effect} */
-        effects[i]
-      );
-    }
-  }
-}
-function get_derived_parent_effect(derived2) {
-  var parent = derived2.parent;
-  while (parent !== null) {
-    if ((parent.f & DERIVED) === 0) {
-      return (parent.f & DESTROYED) === 0 ? (
-        /** @type {Effect} */
-        parent
-      ) : null;
-    }
-    parent = parent.parent;
-  }
-  return null;
-}
-function execute_derived(derived2) {
-  var value;
-  var prev_active_effect = active_effect;
-  set_active_effect(get_derived_parent_effect(derived2));
-  {
-    try {
-      derived2.f &= ~WAS_MARKED;
-      destroy_derived_effects(derived2);
-      value = update_reaction(derived2);
-    } finally {
-      set_active_effect(prev_active_effect);
-    }
-  }
-  return value;
-}
-function update_derived(derived2) {
-  var value = execute_derived(derived2);
-  if (!derived2.equals(value)) {
-    derived2.wv = increment_write_version();
-    if (!(current_batch == null ? void 0 : current_batch.is_fork) || derived2.deps === null) {
-      derived2.v = value;
-      if (derived2.deps === null) {
-        set_signal_status(derived2, CLEAN);
-        return;
-      }
-    }
-  }
-  if (is_destroying_effect) {
-    return;
-  }
-  if (batch_values !== null) {
-    if (effect_tracking() || (current_batch == null ? void 0 : current_batch.is_fork)) {
-      batch_values.set(derived2, value);
-    }
-  } else {
-    update_derived_status(derived2);
-  }
-}
-let eager_effects = /* @__PURE__ */ new Set();
-const old_values = /* @__PURE__ */ new Map();
-let eager_effects_deferred = false;
-function source(v, stack) {
-  var signal = {
-    f: 0,
-    // TODO ideally we could skip this altogether, but it causes type errors
-    v,
-    reactions: null,
-    equals,
-    rv: 0,
-    wv: 0
-  };
-  return signal;
-}
-// @__NO_SIDE_EFFECTS__
-function state(v, stack) {
-  const s = source(v);
-  push_reaction_value(s);
-  return s;
-}
-function set(source2, value, should_proxy = false) {
-  if (active_reaction !== null && // since we are untracking the function inside `$inspect.with` we need to add this check
-  // to ensure we error if state is set inside an inspect effect
-  (!untracking || (active_reaction.f & EAGER_EFFECT) !== 0) && is_runes() && (active_reaction.f & (DERIVED | BLOCK_EFFECT | ASYNC | EAGER_EFFECT)) !== 0 && !(current_sources == null ? void 0 : current_sources.includes(source2))) {
-    state_unsafe_mutation();
-  }
-  let new_value = should_proxy ? proxy(value) : value;
-  return internal_set(source2, new_value);
-}
-function internal_set(source2, value) {
-  if (!source2.equals(value)) {
-    var old_value = source2.v;
-    if (is_destroying_effect) {
-      old_values.set(source2, value);
-    } else {
-      old_values.set(source2, old_value);
-    }
-    source2.v = value;
-    var batch = Batch.ensure();
-    batch.capture(source2, old_value);
-    if ((source2.f & DERIVED) !== 0) {
-      const derived2 = (
-        /** @type {Derived} */
-        source2
-      );
-      if ((source2.f & DIRTY) !== 0) {
-        execute_derived(derived2);
-      }
-      update_derived_status(derived2);
-    }
-    source2.wv = increment_write_version();
-    mark_reactions(source2, DIRTY);
-    if (active_effect !== null && (active_effect.f & CLEAN) !== 0 && (active_effect.f & (BRANCH_EFFECT | ROOT_EFFECT)) === 0) {
-      if (untracked_writes === null) {
-        set_untracked_writes([source2]);
-      } else {
-        untracked_writes.push(source2);
-      }
-    }
-    if (!batch.is_fork && eager_effects.size > 0 && !eager_effects_deferred) {
-      flush_eager_effects();
-    }
-  }
-  return value;
-}
-function flush_eager_effects() {
-  eager_effects_deferred = false;
-  var prev_is_updating_effect = is_updating_effect;
-  set_is_updating_effect(true);
-  const inspects = Array.from(eager_effects);
-  try {
-    for (const effect2 of inspects) {
-      if ((effect2.f & CLEAN) !== 0) {
-        set_signal_status(effect2, MAYBE_DIRTY);
-      }
-      if (is_dirty(effect2)) {
-        update_effect(effect2);
-      }
-    }
-  } finally {
-    set_is_updating_effect(prev_is_updating_effect);
-  }
-  eager_effects.clear();
-}
-function increment(source2) {
-  set(source2, source2.v + 1);
-}
-function mark_reactions(signal, status) {
-  var reactions = signal.reactions;
-  if (reactions === null) return;
-  var length = reactions.length;
-  for (var i = 0; i < length; i++) {
-    var reaction = reactions[i];
-    var flags = reaction.f;
-    var not_dirty = (flags & DIRTY) === 0;
-    if (not_dirty) {
-      set_signal_status(reaction, status);
-    }
-    if ((flags & DERIVED) !== 0) {
-      var derived2 = (
-        /** @type {Derived} */
-        reaction
-      );
-      batch_values == null ? void 0 : batch_values.delete(derived2);
-      if ((flags & WAS_MARKED) === 0) {
-        if (flags & CONNECTED) {
-          reaction.f |= WAS_MARKED;
-        }
-        mark_reactions(derived2, MAYBE_DIRTY);
-      }
-    } else if (not_dirty) {
-      if ((flags & BLOCK_EFFECT) !== 0 && eager_block_effects !== null) {
-        eager_block_effects.add(
-          /** @type {Effect} */
-          reaction
-        );
-      }
-      schedule_effect(
-        /** @type {Effect} */
-        reaction
-      );
-    }
-  }
-}
-function proxy(value) {
-  if (typeof value !== "object" || value === null || STATE_SYMBOL in value) {
-    return value;
-  }
-  const prototype = get_prototype_of(value);
-  if (prototype !== object_prototype && prototype !== array_prototype) {
-    return value;
-  }
-  var sources = /* @__PURE__ */ new Map();
-  var is_proxied_array = is_array(value);
-  var version = /* @__PURE__ */ state(0);
-  var parent_version = update_version;
-  var with_parent = (fn) => {
-    if (update_version === parent_version) {
-      return fn();
-    }
-    var reaction = active_reaction;
-    var version2 = update_version;
-    set_active_reaction(null);
-    set_update_version(parent_version);
-    var result = fn();
-    set_active_reaction(reaction);
-    set_update_version(version2);
-    return result;
-  };
-  if (is_proxied_array) {
-    sources.set("length", /* @__PURE__ */ state(
-      /** @type {any[]} */
-      value.length
-    ));
-  }
-  return new Proxy(
-    /** @type {any} */
-    value,
-    {
-      defineProperty(_, prop2, descriptor) {
-        if (!("value" in descriptor) || descriptor.configurable === false || descriptor.enumerable === false || descriptor.writable === false) {
-          state_descriptors_fixed();
-        }
-        var s = sources.get(prop2);
-        if (s === void 0) {
-          s = with_parent(() => {
-            var s2 = /* @__PURE__ */ state(descriptor.value);
-            sources.set(prop2, s2);
-            return s2;
-          });
-        } else {
-          set(s, descriptor.value, true);
-        }
-        return true;
-      },
-      deleteProperty(target, prop2) {
-        var s = sources.get(prop2);
-        if (s === void 0) {
-          if (prop2 in target) {
-            const s2 = with_parent(() => /* @__PURE__ */ state(UNINITIALIZED));
-            sources.set(prop2, s2);
-            increment(version);
-          }
-        } else {
-          set(s, UNINITIALIZED);
-          increment(version);
-        }
-        return true;
-      },
-      get(target, prop2, receiver) {
-        var _a2;
-        if (prop2 === STATE_SYMBOL) {
-          return value;
-        }
-        var s = sources.get(prop2);
-        var exists = prop2 in target;
-        if (s === void 0 && (!exists || ((_a2 = get_descriptor(target, prop2)) == null ? void 0 : _a2.writable))) {
-          s = with_parent(() => {
-            var p = proxy(exists ? target[prop2] : UNINITIALIZED);
-            var s2 = /* @__PURE__ */ state(p);
-            return s2;
-          });
-          sources.set(prop2, s);
-        }
-        if (s !== void 0) {
-          var v = get(s);
-          return v === UNINITIALIZED ? void 0 : v;
-        }
-        return Reflect.get(target, prop2, receiver);
-      },
-      getOwnPropertyDescriptor(target, prop2) {
-        var descriptor = Reflect.getOwnPropertyDescriptor(target, prop2);
-        if (descriptor && "value" in descriptor) {
-          var s = sources.get(prop2);
-          if (s) descriptor.value = get(s);
-        } else if (descriptor === void 0) {
-          var source2 = sources.get(prop2);
-          var value2 = source2 == null ? void 0 : source2.v;
-          if (source2 !== void 0 && value2 !== UNINITIALIZED) {
-            return {
-              enumerable: true,
-              configurable: true,
-              value: value2,
-              writable: true
-            };
-          }
-        }
-        return descriptor;
-      },
-      has(target, prop2) {
-        var _a2;
-        if (prop2 === STATE_SYMBOL) {
-          return true;
-        }
-        var s = sources.get(prop2);
-        var has = s !== void 0 && s.v !== UNINITIALIZED || Reflect.has(target, prop2);
-        if (s !== void 0 || active_effect !== null && (!has || ((_a2 = get_descriptor(target, prop2)) == null ? void 0 : _a2.writable))) {
-          if (s === void 0) {
-            s = with_parent(() => {
-              var p = has ? proxy(target[prop2]) : UNINITIALIZED;
-              var s2 = /* @__PURE__ */ state(p);
-              return s2;
-            });
-            sources.set(prop2, s);
-          }
-          var value2 = get(s);
-          if (value2 === UNINITIALIZED) {
-            return false;
-          }
-        }
-        return has;
-      },
-      set(target, prop2, value2, receiver) {
-        var _a2;
-        var s = sources.get(prop2);
-        var has = prop2 in target;
-        if (is_proxied_array && prop2 === "length") {
-          for (var i = value2; i < /** @type {Source<number>} */
-          s.v; i += 1) {
-            var other_s = sources.get(i + "");
-            if (other_s !== void 0) {
-              set(other_s, UNINITIALIZED);
-            } else if (i in target) {
-              other_s = with_parent(() => /* @__PURE__ */ state(UNINITIALIZED));
-              sources.set(i + "", other_s);
-            }
-          }
-        }
-        if (s === void 0) {
-          if (!has || ((_a2 = get_descriptor(target, prop2)) == null ? void 0 : _a2.writable)) {
-            s = with_parent(() => /* @__PURE__ */ state(void 0));
-            set(s, proxy(value2));
-            sources.set(prop2, s);
-          }
-        } else {
-          has = s.v !== UNINITIALIZED;
-          var p = with_parent(() => proxy(value2));
-          set(s, p);
-        }
-        var descriptor = Reflect.getOwnPropertyDescriptor(target, prop2);
-        if (descriptor == null ? void 0 : descriptor.set) {
-          descriptor.set.call(receiver, value2);
-        }
-        if (!has) {
-          if (is_proxied_array && typeof prop2 === "string") {
-            var ls = (
-              /** @type {Source<number>} */
-              sources.get("length")
-            );
-            var n = Number(prop2);
-            if (Number.isInteger(n) && n >= ls.v) {
-              set(ls, n + 1);
-            }
-          }
-          increment(version);
-        }
-        return true;
-      },
-      ownKeys(target) {
-        get(version);
-        var own_keys = Reflect.ownKeys(target).filter((key2) => {
-          var source3 = sources.get(key2);
-          return source3 === void 0 || source3.v !== UNINITIALIZED;
-        });
-        for (var [key, source2] of sources) {
-          if (source2.v !== UNINITIALIZED && !(key in target)) {
-            own_keys.push(key);
-          }
-        }
-        return own_keys;
-      },
-      setPrototypeOf() {
-        state_prototype_fixed();
-      }
-    }
-  );
-}
-var is_firefox;
-var first_child_getter;
-var next_sibling_getter;
-function create_text(value = "") {
-  return document.createTextNode(value);
-}
-// @__NO_SIDE_EFFECTS__
-function get_first_child(node) {
-  return (
-    /** @type {TemplateNode | null} */
-    first_child_getter.call(node)
-  );
-}
-// @__NO_SIDE_EFFECTS__
-function get_next_sibling(node) {
-  return (
-    /** @type {TemplateNode | null} */
-    next_sibling_getter.call(node)
-  );
-}
-function child(node, is_text) {
-  {
-    return /* @__PURE__ */ get_first_child(node);
-  }
-}
-function first_child(node, is_text = false) {
-  {
-    var first = /* @__PURE__ */ get_first_child(node);
-    if (first instanceof Comment && first.data === "") return /* @__PURE__ */ get_next_sibling(first);
-    return first;
-  }
-}
-function sibling(node, count = 1, is_text = false) {
-  let next_sibling = node;
-  while (count--) {
-    next_sibling = /** @type {TemplateNode} */
-    /* @__PURE__ */ get_next_sibling(next_sibling);
-  }
-  {
-    return next_sibling;
-  }
-}
-function should_defer_append() {
-  return false;
-}
-function without_reactive_context(fn) {
-  var previous_reaction = active_reaction;
-  var previous_effect = active_effect;
-  set_active_reaction(null);
-  set_active_effect(null);
-  try {
-    return fn();
-  } finally {
-    set_active_reaction(previous_reaction);
-    set_active_effect(previous_effect);
-  }
-}
-function validate_effect(rune) {
-  if (active_effect === null) {
-    if (active_reaction === null) {
-      effect_orphan();
-    }
-    effect_in_unowned_derived();
-  }
-  if (is_destroying_effect) {
-    effect_in_teardown();
-  }
-}
-function push_effect(effect2, parent_effect) {
-  var parent_last = parent_effect.last;
-  if (parent_last === null) {
-    parent_effect.last = parent_effect.first = effect2;
-  } else {
-    parent_last.next = effect2;
-    effect2.prev = parent_last;
-    parent_effect.last = effect2;
-  }
-}
-function create_effect(type, fn, sync) {
-  var parent = active_effect;
-  if (parent !== null && (parent.f & INERT) !== 0) {
-    type |= INERT;
-  }
-  var effect2 = {
-    ctx: component_context,
-    deps: null,
-    nodes: null,
-    f: type | DIRTY | CONNECTED,
-    first: null,
-    fn,
-    last: null,
-    next: null,
-    parent,
-    b: parent && parent.b,
-    prev: null,
-    teardown: null,
-    wv: 0,
-    ac: null
-  };
-  if (sync) {
-    try {
-      update_effect(effect2);
-      effect2.f |= EFFECT_RAN;
-    } catch (e2) {
-      destroy_effect(effect2);
-      throw e2;
-    }
-  } else if (fn !== null) {
-    schedule_effect(effect2);
-  }
-  var e = effect2;
-  if (sync && e.deps === null && e.teardown === null && e.nodes === null && e.first === e.last && // either `null`, or a singular child
-  (e.f & EFFECT_PRESERVED) === 0) {
-    e = e.first;
-    if ((type & BLOCK_EFFECT) !== 0 && (type & EFFECT_TRANSPARENT) !== 0 && e !== null) {
-      e.f |= EFFECT_TRANSPARENT;
-    }
-  }
-  if (e !== null) {
-    e.parent = parent;
-    if (parent !== null) {
-      push_effect(e, parent);
-    }
-    if (active_reaction !== null && (active_reaction.f & DERIVED) !== 0 && (type & ROOT_EFFECT) === 0) {
-      var derived2 = (
-        /** @type {Derived} */
-        active_reaction
-      );
-      (derived2.effects ?? (derived2.effects = [])).push(e);
-    }
-  }
-  return effect2;
-}
-function effect_tracking() {
-  return active_reaction !== null && !untracking;
-}
-function teardown(fn) {
-  const effect2 = create_effect(RENDER_EFFECT, null, false);
-  set_signal_status(effect2, CLEAN);
-  effect2.teardown = fn;
-  return effect2;
-}
-function user_effect(fn) {
-  validate_effect();
-  var flags = (
-    /** @type {Effect} */
-    active_effect.f
-  );
-  var defer = !active_reaction && (flags & BRANCH_EFFECT) !== 0 && (flags & EFFECT_RAN) === 0;
-  if (defer) {
-    var context = (
-      /** @type {ComponentContext} */
-      component_context
-    );
-    (context.e ?? (context.e = [])).push(fn);
-  } else {
-    return create_user_effect(fn);
-  }
-}
-function create_user_effect(fn) {
-  return create_effect(EFFECT | USER_EFFECT, fn, false);
-}
-function effect(fn) {
-  return create_effect(EFFECT, fn, false);
-}
-function async_effect(fn) {
-  return create_effect(ASYNC | EFFECT_PRESERVED, fn, true);
-}
-function render_effect(fn, flags = 0) {
-  return create_effect(RENDER_EFFECT | flags, fn, true);
-}
-function template_effect(fn, sync = [], async = [], blockers = []) {
-  flatten(blockers, sync, async, (values) => {
-    create_effect(RENDER_EFFECT, () => fn(...values.map(get)), true);
-  });
-}
-function block(fn, flags = 0) {
-  var effect2 = create_effect(BLOCK_EFFECT | flags, fn, true);
-  return effect2;
-}
-function branch(fn) {
-  return create_effect(BRANCH_EFFECT | EFFECT_PRESERVED, fn, true);
-}
-function execute_effect_teardown(effect2) {
-  var teardown2 = effect2.teardown;
-  if (teardown2 !== null) {
-    const previously_destroying_effect = is_destroying_effect;
-    const previous_reaction = active_reaction;
-    set_is_destroying_effect(true);
-    set_active_reaction(null);
-    try {
-      teardown2.call(null);
-    } finally {
-      set_is_destroying_effect(previously_destroying_effect);
-      set_active_reaction(previous_reaction);
-    }
-  }
-}
-function destroy_effect_children(signal, remove_dom = false) {
-  var effect2 = signal.first;
-  signal.first = signal.last = null;
-  while (effect2 !== null) {
-    const controller = effect2.ac;
-    if (controller !== null) {
-      without_reactive_context(() => {
-        controller.abort(STALE_REACTION);
-      });
-    }
-    var next = effect2.next;
-    if ((effect2.f & ROOT_EFFECT) !== 0) {
-      effect2.parent = null;
-    } else {
-      destroy_effect(effect2, remove_dom);
-    }
-    effect2 = next;
-  }
-}
-function destroy_block_effect_children(signal) {
-  var effect2 = signal.first;
-  while (effect2 !== null) {
-    var next = effect2.next;
-    if ((effect2.f & BRANCH_EFFECT) === 0) {
-      destroy_effect(effect2);
-    }
-    effect2 = next;
-  }
-}
-function destroy_effect(effect2, remove_dom = true) {
-  var removed = false;
-  if ((remove_dom || (effect2.f & HEAD_EFFECT) !== 0) && effect2.nodes !== null && effect2.nodes.end !== null) {
-    remove_effect_dom(
-      effect2.nodes.start,
-      /** @type {TemplateNode} */
-      effect2.nodes.end
-    );
-    removed = true;
-  }
-  destroy_effect_children(effect2, remove_dom && !removed);
-  remove_reactions(effect2, 0);
-  set_signal_status(effect2, DESTROYED);
-  var transitions = effect2.nodes && effect2.nodes.t;
-  if (transitions !== null) {
-    for (const transition of transitions) {
-      transition.stop();
-    }
-  }
-  execute_effect_teardown(effect2);
-  var parent = effect2.parent;
-  if (parent !== null && parent.first !== null) {
-    unlink_effect(effect2);
-  }
-  effect2.next = effect2.prev = effect2.teardown = effect2.ctx = effect2.deps = effect2.fn = effect2.nodes = effect2.ac = null;
-}
-function remove_effect_dom(node, end) {
-  while (node !== null) {
-    var next = node === end ? null : /* @__PURE__ */ get_next_sibling(node);
-    node.remove();
-    node = next;
-  }
-}
-function unlink_effect(effect2) {
-  var parent = effect2.parent;
-  var prev = effect2.prev;
-  var next = effect2.next;
-  if (prev !== null) prev.next = next;
-  if (next !== null) next.prev = prev;
-  if (parent !== null) {
-    if (parent.first === effect2) parent.first = next;
-    if (parent.last === effect2) parent.last = prev;
-  }
-}
-function pause_effect(effect2, callback, destroy = true) {
-  var transitions = [];
-  pause_children(effect2, transitions, true);
-  var fn = () => {
-    if (destroy) destroy_effect(effect2);
-    if (callback) callback();
-  };
-  var remaining = transitions.length;
-  if (remaining > 0) {
-    var check = () => --remaining || fn();
-    for (var transition of transitions) {
-      transition.out(check);
-    }
-  } else {
-    fn();
-  }
-}
-function pause_children(effect2, transitions, local) {
-  if ((effect2.f & INERT) !== 0) return;
-  effect2.f ^= INERT;
-  var t = effect2.nodes && effect2.nodes.t;
-  if (t !== null) {
-    for (const transition of t) {
-      if (transition.is_global || local) {
-        transitions.push(transition);
-      }
-    }
-  }
-  var child2 = effect2.first;
-  while (child2 !== null) {
-    var sibling2 = child2.next;
-    var transparent = (child2.f & EFFECT_TRANSPARENT) !== 0 || // If this is a branch effect without a block effect parent,
-    // it means the parent block effect was pruned. In that case,
-    // transparency information was transferred to the branch effect.
-    (child2.f & BRANCH_EFFECT) !== 0 && (effect2.f & BLOCK_EFFECT) !== 0;
-    pause_children(child2, transitions, transparent ? local : false);
-    child2 = sibling2;
-  }
-}
-function resume_effect(effect2) {
-  resume_children(effect2, true);
-}
-function resume_children(effect2, local) {
-  if ((effect2.f & INERT) === 0) return;
-  effect2.f ^= INERT;
-  if ((effect2.f & CLEAN) === 0) {
-    set_signal_status(effect2, DIRTY);
-    schedule_effect(effect2);
-  }
-  var child2 = effect2.first;
-  while (child2 !== null) {
-    var sibling2 = child2.next;
-    var transparent = (child2.f & EFFECT_TRANSPARENT) !== 0 || (child2.f & BRANCH_EFFECT) !== 0;
-    resume_children(child2, transparent ? local : false);
-    child2 = sibling2;
-  }
-  var t = effect2.nodes && effect2.nodes.t;
-  if (t !== null) {
-    for (const transition of t) {
-      if (transition.is_global || local) {
-        transition.in();
-      }
-    }
-  }
-}
-function move_effect(effect2, fragment) {
-  if (!effect2.nodes) return;
-  var node = effect2.nodes.start;
-  var end = effect2.nodes.end;
-  while (node !== null) {
-    var next = node === end ? null : /* @__PURE__ */ get_next_sibling(node);
-    fragment.append(node);
-    node = next;
-  }
-}
-let is_updating_effect = false;
-function set_is_updating_effect(value) {
-  is_updating_effect = value;
-}
-let is_destroying_effect = false;
-function set_is_destroying_effect(value) {
-  is_destroying_effect = value;
-}
-let active_reaction = null;
-let untracking = false;
-function set_active_reaction(reaction) {
-  active_reaction = reaction;
-}
-let active_effect = null;
-function set_active_effect(effect2) {
-  active_effect = effect2;
-}
-let current_sources = null;
-function push_reaction_value(value) {
-  if (active_reaction !== null && true) {
-    if (current_sources === null) {
-      current_sources = [value];
-    } else {
-      current_sources.push(value);
-    }
-  }
-}
-let new_deps = null;
-let skipped_deps = 0;
-let untracked_writes = null;
-function set_untracked_writes(value) {
-  untracked_writes = value;
-}
-let write_version = 1;
-let read_version = 0;
-let update_version = read_version;
-function set_update_version(value) {
-  update_version = value;
-}
-function increment_write_version() {
-  return ++write_version;
-}
-function is_dirty(reaction) {
-  var flags = reaction.f;
-  if ((flags & DIRTY) !== 0) {
-    return true;
-  }
-  if (flags & DERIVED) {
-    reaction.f &= ~WAS_MARKED;
-  }
-  if ((flags & MAYBE_DIRTY) !== 0) {
-    var dependencies = (
-      /** @type {Value[]} */
-      reaction.deps
-    );
-    var length = dependencies.length;
-    for (var i = 0; i < length; i++) {
-      var dependency = dependencies[i];
-      if (is_dirty(
-        /** @type {Derived} */
-        dependency
-      )) {
-        update_derived(
-          /** @type {Derived} */
-          dependency
-        );
-      }
-      if (dependency.wv > reaction.wv) {
-        return true;
-      }
-    }
-    if ((flags & CONNECTED) !== 0 && // During time traveling we don't want to reset the status so that
-    // traversal of the graph in the other batches still happens
-    batch_values === null) {
-      set_signal_status(reaction, CLEAN);
-    }
-  }
-  return false;
-}
-function schedule_possible_effect_self_invalidation(signal, effect2, root2 = true) {
-  var reactions = signal.reactions;
-  if (reactions === null) return;
-  if (current_sources == null ? void 0 : current_sources.includes(signal)) {
-    return;
-  }
-  for (var i = 0; i < reactions.length; i++) {
-    var reaction = reactions[i];
-    if ((reaction.f & DERIVED) !== 0) {
-      schedule_possible_effect_self_invalidation(
-        /** @type {Derived} */
-        reaction,
-        effect2,
-        false
-      );
-    } else if (effect2 === reaction) {
-      if (root2) {
-        set_signal_status(reaction, DIRTY);
-      } else if ((reaction.f & CLEAN) !== 0) {
-        set_signal_status(reaction, MAYBE_DIRTY);
-      }
-      schedule_effect(
-        /** @type {Effect} */
-        reaction
-      );
-    }
-  }
-}
-function update_reaction(reaction) {
-  var _a2;
-  var previous_deps = new_deps;
-  var previous_skipped_deps = skipped_deps;
-  var previous_untracked_writes = untracked_writes;
-  var previous_reaction = active_reaction;
-  var previous_sources = current_sources;
-  var previous_component_context = component_context;
-  var previous_untracking = untracking;
-  var previous_update_version = update_version;
-  var flags = reaction.f;
-  new_deps = /** @type {null | Value[]} */
-  null;
-  skipped_deps = 0;
-  untracked_writes = null;
-  active_reaction = (flags & (BRANCH_EFFECT | ROOT_EFFECT)) === 0 ? reaction : null;
-  current_sources = null;
-  set_component_context(reaction.ctx);
-  untracking = false;
-  update_version = ++read_version;
-  if (reaction.ac !== null) {
-    without_reactive_context(() => {
-      reaction.ac.abort(STALE_REACTION);
-    });
-    reaction.ac = null;
-  }
-  try {
-    reaction.f |= REACTION_IS_UPDATING;
-    var fn = (
-      /** @type {Function} */
-      reaction.fn
-    );
-    var result = fn();
-    var deps = reaction.deps;
-    if (new_deps !== null) {
-      var i;
-      remove_reactions(reaction, skipped_deps);
-      if (deps !== null && skipped_deps > 0) {
-        deps.length = skipped_deps + new_deps.length;
-        for (i = 0; i < new_deps.length; i++) {
-          deps[skipped_deps + i] = new_deps[i];
-        }
-      } else {
-        reaction.deps = deps = new_deps;
-      }
-      if (effect_tracking() && (reaction.f & CONNECTED) !== 0) {
-        for (i = skipped_deps; i < deps.length; i++) {
-          ((_a2 = deps[i]).reactions ?? (_a2.reactions = [])).push(reaction);
-        }
-      }
-    } else if (deps !== null && skipped_deps < deps.length) {
-      remove_reactions(reaction, skipped_deps);
-      deps.length = skipped_deps;
-    }
-    if (is_runes() && untracked_writes !== null && !untracking && deps !== null && (reaction.f & (DERIVED | MAYBE_DIRTY | DIRTY)) === 0) {
-      for (i = 0; i < /** @type {Source[]} */
-      untracked_writes.length; i++) {
-        schedule_possible_effect_self_invalidation(
-          untracked_writes[i],
-          /** @type {Effect} */
-          reaction
-        );
-      }
-    }
-    if (previous_reaction !== null && previous_reaction !== reaction) {
-      read_version++;
-      if (untracked_writes !== null) {
-        if (previous_untracked_writes === null) {
-          previous_untracked_writes = untracked_writes;
-        } else {
-          previous_untracked_writes.push(.../** @type {Source[]} */
-          untracked_writes);
-        }
-      }
-    }
-    if ((reaction.f & ERROR_VALUE) !== 0) {
-      reaction.f ^= ERROR_VALUE;
-    }
-    return result;
-  } catch (error) {
-    return handle_error(error);
-  } finally {
-    reaction.f ^= REACTION_IS_UPDATING;
-    new_deps = previous_deps;
-    skipped_deps = previous_skipped_deps;
-    untracked_writes = previous_untracked_writes;
-    active_reaction = previous_reaction;
-    current_sources = previous_sources;
-    set_component_context(previous_component_context);
-    untracking = previous_untracking;
-    update_version = previous_update_version;
-  }
-}
-function remove_reaction(signal, dependency) {
-  let reactions = dependency.reactions;
-  if (reactions !== null) {
-    var index = index_of.call(reactions, signal);
-    if (index !== -1) {
-      var new_length = reactions.length - 1;
-      if (new_length === 0) {
-        reactions = dependency.reactions = null;
-      } else {
-        reactions[index] = reactions[new_length];
-        reactions.pop();
-      }
-    }
-  }
-  if (reactions === null && (dependency.f & DERIVED) !== 0 && // Destroying a child effect while updating a parent effect can cause a dependency to appear
-  // to be unused, when in fact it is used by the currently-updating parent. Checking `new_deps`
-  // allows us to skip the expensive work of disconnecting and immediately reconnecting it
-  (new_deps === null || !new_deps.includes(dependency))) {
-    var derived2 = (
-      /** @type {Derived} */
-      dependency
-    );
-    if ((derived2.f & CONNECTED) !== 0) {
-      derived2.f ^= CONNECTED;
-      derived2.f &= ~WAS_MARKED;
-    }
-    update_derived_status(derived2);
-    destroy_derived_effects(derived2);
-    remove_reactions(derived2, 0);
-  }
-}
-function remove_reactions(signal, start_index) {
-  var dependencies = signal.deps;
-  if (dependencies === null) return;
-  for (var i = start_index; i < dependencies.length; i++) {
-    remove_reaction(signal, dependencies[i]);
-  }
-}
-function update_effect(effect2) {
-  var flags = effect2.f;
-  if ((flags & DESTROYED) !== 0) {
-    return;
-  }
-  set_signal_status(effect2, CLEAN);
-  var previous_effect = active_effect;
-  var was_updating_effect = is_updating_effect;
-  active_effect = effect2;
-  is_updating_effect = true;
-  try {
-    if ((flags & (BLOCK_EFFECT | MANAGED_EFFECT)) !== 0) {
-      destroy_block_effect_children(effect2);
-    } else {
-      destroy_effect_children(effect2);
-    }
-    execute_effect_teardown(effect2);
-    var teardown2 = update_reaction(effect2);
-    effect2.teardown = typeof teardown2 === "function" ? teardown2 : null;
-    effect2.wv = write_version;
-    var dep;
-    if (DEV && tracing_mode_flag && (effect2.f & DIRTY) !== 0 && effect2.deps !== null) ;
-  } finally {
-    is_updating_effect = was_updating_effect;
-    active_effect = previous_effect;
-  }
-}
-function get(signal) {
-  var flags = signal.f;
-  var is_derived = (flags & DERIVED) !== 0;
-  if (active_reaction !== null && !untracking) {
-    var destroyed = active_effect !== null && (active_effect.f & DESTROYED) !== 0;
-    if (!destroyed && !(current_sources == null ? void 0 : current_sources.includes(signal))) {
-      var deps = active_reaction.deps;
-      if ((active_reaction.f & REACTION_IS_UPDATING) !== 0) {
-        if (signal.rv < read_version) {
-          signal.rv = read_version;
-          if (new_deps === null && deps !== null && deps[skipped_deps] === signal) {
-            skipped_deps++;
-          } else if (new_deps === null) {
-            new_deps = [signal];
-          } else if (!new_deps.includes(signal)) {
-            new_deps.push(signal);
-          }
-        }
-      } else {
-        (active_reaction.deps ?? (active_reaction.deps = [])).push(signal);
-        var reactions = signal.reactions;
-        if (reactions === null) {
-          signal.reactions = [active_reaction];
-        } else if (!reactions.includes(active_reaction)) {
-          reactions.push(active_reaction);
-        }
-      }
-    }
-  }
-  if (is_destroying_effect && old_values.has(signal)) {
-    return old_values.get(signal);
-  }
-  if (is_derived) {
-    var derived2 = (
-      /** @type {Derived} */
-      signal
-    );
-    if (is_destroying_effect) {
-      var value = derived2.v;
-      if ((derived2.f & CLEAN) === 0 && derived2.reactions !== null || depends_on_old_values(derived2)) {
-        value = execute_derived(derived2);
-      }
-      old_values.set(derived2, value);
-      return value;
-    }
-    var should_connect = (derived2.f & CONNECTED) === 0 && !untracking && active_reaction !== null && (is_updating_effect || (active_reaction.f & CONNECTED) !== 0);
-    var is_new = derived2.deps === null;
-    if (is_dirty(derived2)) {
-      if (should_connect) {
-        derived2.f |= CONNECTED;
-      }
-      update_derived(derived2);
-    }
-    if (should_connect && !is_new) {
-      reconnect(derived2);
-    }
-  }
-  if (batch_values == null ? void 0 : batch_values.has(signal)) {
-    return batch_values.get(signal);
-  }
-  if ((signal.f & ERROR_VALUE) !== 0) {
-    throw signal.v;
-  }
-  return signal.v;
-}
-function reconnect(derived2) {
-  if (derived2.deps === null) return;
-  derived2.f |= CONNECTED;
-  for (const dep of derived2.deps) {
-    (dep.reactions ?? (dep.reactions = [])).push(derived2);
-    if ((dep.f & DERIVED) !== 0 && (dep.f & CONNECTED) === 0) {
-      reconnect(
-        /** @type {Derived} */
-        dep
-      );
-    }
-  }
-}
-function depends_on_old_values(derived2) {
-  if (derived2.v === UNINITIALIZED) return true;
-  if (derived2.deps === null) return false;
-  for (const dep of derived2.deps) {
-    if (old_values.has(dep)) {
-      return true;
-    }
-    if ((dep.f & DERIVED) !== 0 && depends_on_old_values(
-      /** @type {Derived} */
-      dep
-    )) {
-      return true;
-    }
-  }
-  return false;
-}
-function untrack(fn) {
-  var previous_untracking = untracking;
-  try {
-    untracking = true;
-    return fn();
-  } finally {
-    untracking = previous_untracking;
-  }
-}
-function create_event(event_name, dom, handler, options = {}) {
-  function target_handler(event2) {
-    if (!options.capture) {
-      handle_event_propagation.call(dom, event2);
-    }
-    if (!event2.cancelBubble) {
-      return without_reactive_context(() => {
-        return handler == null ? void 0 : handler.call(this, event2);
-      });
-    }
-  }
-  if (event_name.startsWith("pointer") || event_name.startsWith("touch") || event_name === "wheel") {
-    queue_micro_task(() => {
-      dom.addEventListener(event_name, target_handler, options);
-    });
-  } else {
-    dom.addEventListener(event_name, target_handler, options);
-  }
-  return target_handler;
-}
-function event(event_name, dom, handler, capture2, passive) {
-  var options = { capture: capture2, passive };
-  var target_handler = create_event(event_name, dom, handler, options);
-  if (dom === document.body || // @ts-ignore
-  dom === window || // @ts-ignore
-  dom === document || // Firefox has quirky behavior, it can happen that we still get "canplay" events when the element is already removed
-  dom instanceof HTMLMediaElement) {
-    teardown(() => {
-      dom.removeEventListener(event_name, target_handler, options);
-    });
-  }
-}
-let last_propagated_event = null;
-function handle_event_propagation(event2) {
-  var _a2;
-  var handler_element = this;
-  var owner_document = (
-    /** @type {Node} */
-    handler_element.ownerDocument
-  );
-  var event_name = event2.type;
-  var path = ((_a2 = event2.composedPath) == null ? void 0 : _a2.call(event2)) || [];
-  var current_target = (
-    /** @type {null | Element} */
-    path[0] || event2.target
-  );
-  last_propagated_event = event2;
-  var path_idx = 0;
-  var handled_at = last_propagated_event === event2 && event2.__root;
-  if (handled_at) {
-    var at_idx = path.indexOf(handled_at);
-    if (at_idx !== -1 && (handler_element === document || handler_element === /** @type {any} */
-    window)) {
-      event2.__root = handler_element;
-      return;
-    }
-    var handler_idx = path.indexOf(handler_element);
-    if (handler_idx === -1) {
-      return;
-    }
-    if (at_idx <= handler_idx) {
-      path_idx = at_idx;
-    }
-  }
-  current_target = /** @type {Element} */
-  path[path_idx] || event2.target;
-  if (current_target === handler_element) return;
-  define_property(event2, "currentTarget", {
-    configurable: true,
-    get() {
-      return current_target || owner_document;
-    }
-  });
-  var previous_reaction = active_reaction;
-  var previous_effect = active_effect;
-  set_active_reaction(null);
-  set_active_effect(null);
-  try {
-    var throw_error;
-    var other_errors = [];
-    while (current_target !== null) {
-      var parent_element = current_target.assignedSlot || current_target.parentNode || /** @type {any} */
-      current_target.host || null;
-      try {
-        var delegated = current_target["__" + event_name];
-        if (delegated != null && (!/** @type {any} */
-        current_target.disabled || // DOM could've been updated already by the time this is reached, so we check this as well
-        // -> the target could not have been disabled because it emits the event in the first place
-        event2.target === current_target)) {
-          delegated.call(current_target, event2);
-        }
-      } catch (error) {
-        if (throw_error) {
-          other_errors.push(error);
-        } else {
-          throw_error = error;
-        }
-      }
-      if (event2.cancelBubble || parent_element === handler_element || parent_element === null) {
-        break;
-      }
-      current_target = parent_element;
-    }
-    if (throw_error) {
-      for (let error of other_errors) {
-        queueMicrotask(() => {
-          throw error;
-        });
-      }
-      throw throw_error;
-    }
-  } finally {
-    event2.__root = handler_element;
-    delete event2.currentTarget;
-    set_active_reaction(previous_reaction);
-    set_active_effect(previous_effect);
-  }
-}
-function create_fragment_from_html(html) {
-  var elem = document.createElement("template");
-  elem.innerHTML = html.replaceAll("<!>", "<!---->");
-  return elem.content;
-}
-function assign_nodes(start, end) {
-  var effect2 = (
-    /** @type {Effect} */
-    active_effect
-  );
-  if (effect2.nodes === null) {
-    effect2.nodes = { start, end, a: null, t: null };
-  }
-}
-// @__NO_SIDE_EFFECTS__
-function from_html(content, flags) {
-  var is_fragment = (flags & TEMPLATE_FRAGMENT) !== 0;
-  var use_import_node = (flags & TEMPLATE_USE_IMPORT_NODE) !== 0;
-  var node;
-  var has_start = !content.startsWith("<!>");
-  return () => {
-    if (node === void 0) {
-      node = create_fragment_from_html(has_start ? content : "<!>" + content);
-      if (!is_fragment) node = /** @type {TemplateNode} */
-      /* @__PURE__ */ get_first_child(node);
-    }
-    var clone = (
-      /** @type {TemplateNode} */
-      use_import_node || is_firefox ? document.importNode(node, true) : node.cloneNode(true)
-    );
-    if (is_fragment) {
-      var start = (
-        /** @type {TemplateNode} */
-        /* @__PURE__ */ get_first_child(clone)
-      );
-      var end = (
-        /** @type {TemplateNode} */
-        clone.lastChild
-      );
-      assign_nodes(start, end);
-    } else {
-      assign_nodes(clone, clone);
-    }
-    return clone;
-  };
-}
-function comment() {
-  var frag = document.createDocumentFragment();
-  var start = document.createComment("");
-  var anchor = create_text();
-  frag.append(start, anchor);
-  assign_nodes(start, anchor);
-  return frag;
-}
-function append(anchor, dom) {
-  if (anchor === null) {
-    return;
-  }
-  anchor.before(
-    /** @type {Node} */
-    dom
-  );
-}
-function set_text(text, value) {
-  var str = value == null ? "" : typeof value === "object" ? value + "" : value;
-  if (str !== (text.__t ?? (text.__t = text.nodeValue))) {
-    text.__t = str;
-    text.nodeValue = str + "";
-  }
-}
-class BranchManager {
-  /**
-   * @param {TemplateNode} anchor
-   * @param {boolean} transition
-   */
-  constructor(anchor, transition = true) {
-    /** @type {TemplateNode} */
-    __publicField(this, "anchor");
-    /** @type {Map<Batch, Key>} */
-    __privateAdd(this, _batches, /* @__PURE__ */ new Map());
-    /**
-     * Map of keys to effects that are currently rendered in the DOM.
-     * These effects are visible and actively part of the document tree.
-     * Example:
-     * ```
-     * {#if condition}
-     * 	foo
-     * {:else}
-     * 	bar
-     * {/if}
-     * ```
-     * Can result in the entries `true->Effect` and `false->Effect`
-     * @type {Map<Key, Effect>}
-     */
-    __privateAdd(this, _onscreen, /* @__PURE__ */ new Map());
-    /**
-     * Similar to #onscreen with respect to the keys, but contains branches that are not yet
-     * in the DOM, because their insertion is deferred.
-     * @type {Map<Key, Branch>}
-     */
-    __privateAdd(this, _offscreen, /* @__PURE__ */ new Map());
-    /**
-     * Keys of effects that are currently outroing
-     * @type {Set<Key>}
-     */
-    __privateAdd(this, _outroing, /* @__PURE__ */ new Set());
-    /**
-     * Whether to pause (i.e. outro) on change, or destroy immediately.
-     * This is necessary for `<svelte:element>`
-     */
-    __privateAdd(this, _transition, true);
-    __privateAdd(this, _commit, () => {
-      var batch = (
-        /** @type {Batch} */
-        current_batch
-      );
-      if (!__privateGet(this, _batches).has(batch)) return;
-      var key = (
-        /** @type {Key} */
-        __privateGet(this, _batches).get(batch)
-      );
-      var onscreen = __privateGet(this, _onscreen).get(key);
-      if (onscreen) {
-        resume_effect(onscreen);
-        __privateGet(this, _outroing).delete(key);
-      } else {
-        var offscreen = __privateGet(this, _offscreen).get(key);
-        if (offscreen) {
-          __privateGet(this, _onscreen).set(key, offscreen.effect);
-          __privateGet(this, _offscreen).delete(key);
-          offscreen.fragment.lastChild.remove();
-          this.anchor.before(offscreen.fragment);
-          onscreen = offscreen.effect;
-        }
-      }
-      for (const [b, k] of __privateGet(this, _batches)) {
-        __privateGet(this, _batches).delete(b);
-        if (b === batch) {
-          break;
-        }
-        const offscreen2 = __privateGet(this, _offscreen).get(k);
-        if (offscreen2) {
-          destroy_effect(offscreen2.effect);
-          __privateGet(this, _offscreen).delete(k);
-        }
-      }
-      for (const [k, effect2] of __privateGet(this, _onscreen)) {
-        if (k === key || __privateGet(this, _outroing).has(k)) continue;
-        const on_destroy = () => {
-          const keys = Array.from(__privateGet(this, _batches).values());
-          if (keys.includes(k)) {
-            var fragment = document.createDocumentFragment();
-            move_effect(effect2, fragment);
-            fragment.append(create_text());
-            __privateGet(this, _offscreen).set(k, { effect: effect2, fragment });
-          } else {
-            destroy_effect(effect2);
-          }
-          __privateGet(this, _outroing).delete(k);
-          __privateGet(this, _onscreen).delete(k);
-        };
-        if (__privateGet(this, _transition) || !onscreen) {
-          __privateGet(this, _outroing).add(k);
-          pause_effect(effect2, on_destroy, false);
-        } else {
-          on_destroy();
-        }
-      }
-    });
-    /**
-     * @param {Batch} batch
-     */
-    __privateAdd(this, _discard, (batch) => {
-      __privateGet(this, _batches).delete(batch);
-      const keys = Array.from(__privateGet(this, _batches).values());
-      for (const [k, branch2] of __privateGet(this, _offscreen)) {
-        if (!keys.includes(k)) {
-          destroy_effect(branch2.effect);
-          __privateGet(this, _offscreen).delete(k);
-        }
-      }
-    });
-    this.anchor = anchor;
-    __privateSet(this, _transition, transition);
-  }
-  /**
-   *
-   * @param {any} key
-   * @param {null | ((target: TemplateNode) => void)} fn
-   */
-  ensure(key, fn) {
-    var batch = (
-      /** @type {Batch} */
-      current_batch
-    );
-    var defer = should_defer_append();
-    if (fn && !__privateGet(this, _onscreen).has(key) && !__privateGet(this, _offscreen).has(key)) {
-      if (defer) {
-        var fragment = document.createDocumentFragment();
-        var target = create_text();
-        fragment.append(target);
-        __privateGet(this, _offscreen).set(key, {
-          effect: branch(() => fn(target)),
-          fragment
-        });
-      } else {
-        __privateGet(this, _onscreen).set(
-          key,
-          branch(() => fn(this.anchor))
-        );
-      }
-    }
-    __privateGet(this, _batches).set(batch, key);
-    if (defer) {
-      for (const [k, effect2] of __privateGet(this, _onscreen)) {
-        if (k === key) {
-          batch.skipped_effects.delete(effect2);
-        } else {
-          batch.skipped_effects.add(effect2);
-        }
-      }
-      for (const [k, branch2] of __privateGet(this, _offscreen)) {
-        if (k === key) {
-          batch.skipped_effects.delete(branch2.effect);
-        } else {
-          batch.skipped_effects.add(branch2.effect);
-        }
-      }
-      batch.oncommit(__privateGet(this, _commit));
-      batch.ondiscard(__privateGet(this, _discard));
-    } else {
-      __privateGet(this, _commit).call(this);
-    }
-  }
-}
-_batches = new WeakMap();
-_onscreen = new WeakMap();
-_offscreen = new WeakMap();
-_outroing = new WeakMap();
-_transition = new WeakMap();
-_commit = new WeakMap();
-_discard = new WeakMap();
-function if_block(node, fn, elseif = false) {
-  var branches = new BranchManager(node);
-  var flags = elseif ? EFFECT_TRANSPARENT : 0;
-  function update_branch(condition, fn2) {
-    branches.ensure(condition, fn2);
-  }
-  block(() => {
-    var has_branch = false;
-    fn((fn2, flag = true) => {
-      has_branch = true;
-      update_branch(flag, fn2);
-    });
-    if (!has_branch) {
-      update_branch(false, null);
-    }
-  }, flags);
-}
-function slot(anchor, $$props, name, slot_props, fallback_fn) {
-  var _a2;
-  var slot_fn = (_a2 = $$props.$$slots) == null ? void 0 : _a2[name];
-  var is_interop = false;
-  if (slot_fn === true) {
-    slot_fn = $$props["children"];
-    is_interop = true;
-  }
-  if (slot_fn === void 0) ;
-  else {
-    slot_fn(anchor, is_interop ? () => slot_props : slot_props);
-  }
-}
-const whitespace = [..." 	\n\r\f \v\uFEFF"];
-function to_class(value, hash, directives) {
-  var classname = value == null ? "" : "" + value;
-  if (hash) {
-    classname = classname ? classname + " " + hash : hash;
-  }
-  if (directives) {
-    for (var key in directives) {
-      if (directives[key]) {
-        classname = classname ? classname + " " + key : key;
-      } else if (classname.length) {
-        var len = key.length;
-        var a = 0;
-        while ((a = classname.indexOf(key, a)) >= 0) {
-          var b = a + len;
-          if ((a === 0 || whitespace.includes(classname[a - 1])) && (b === classname.length || whitespace.includes(classname[b]))) {
-            classname = (a === 0 ? "" : classname.substring(0, a)) + classname.substring(b + 1);
-          } else {
-            a = b;
-          }
-        }
-      }
-    }
-  }
-  return classname === "" ? null : classname;
-}
-function append_styles(styles, important = false) {
-  var separator = important ? " !important;" : ";";
-  var css = "";
-  for (var key in styles) {
-    var value = styles[key];
-    if (value != null && value !== "") {
-      css += " " + key + ": " + value + separator;
-    }
-  }
-  return css;
-}
-function to_style(value, styles) {
-  if (styles) {
-    var new_style = "";
-    var normal_styles;
-    var important_styles;
-    if (Array.isArray(styles)) {
-      normal_styles = styles[0];
-      important_styles = styles[1];
-    } else {
-      normal_styles = styles;
-    }
-    if (normal_styles) {
-      new_style += append_styles(normal_styles);
-    }
-    if (important_styles) {
-      new_style += append_styles(important_styles, true);
-    }
-    new_style = new_style.trim();
-    return new_style === "" ? null : new_style;
-  }
-  return String(value);
-}
-function set_class(dom, is_html, value, hash, prev_classes, next_classes) {
-  var prev = dom.__className;
-  if (prev !== value || prev === void 0) {
-    var next_class_name = to_class(value, hash, next_classes);
-    {
-      if (next_class_name == null) {
-        dom.removeAttribute("class");
-      } else {
-        dom.className = next_class_name;
-      }
-    }
-    dom.__className = value;
-  } else if (next_classes && prev_classes !== next_classes) {
-    for (var key in next_classes) {
-      var is_present = !!next_classes[key];
-      if (prev_classes == null || is_present !== !!prev_classes[key]) {
-        dom.classList.toggle(key, is_present);
-      }
-    }
-  }
-  return next_classes;
-}
-function update_styles(dom, prev = {}, next, priority) {
-  for (var key in next) {
-    var value = next[key];
-    if (prev[key] !== value) {
-      if (next[key] == null) {
-        dom.style.removeProperty(key);
-      } else {
-        dom.style.setProperty(key, value, priority);
-      }
-    }
-  }
-}
-function set_style(dom, value, prev_styles, next_styles) {
-  var prev = dom.__style;
-  if (prev !== value) {
-    var next_style_attr = to_style(value, next_styles);
-    {
-      if (next_style_attr == null) {
-        dom.removeAttribute("style");
-      } else {
-        dom.style.cssText = next_style_attr;
-      }
-    }
-    dom.__style = value;
-  } else if (next_styles) {
-    if (Array.isArray(next_styles)) {
-      update_styles(dom, prev_styles == null ? void 0 : prev_styles[0], next_styles[0]);
-      update_styles(dom, prev_styles == null ? void 0 : prev_styles[1], next_styles[1], "important");
-    } else {
-      update_styles(dom, prev_styles, next_styles);
-    }
-  }
-  return next_styles;
-}
-const IS_CUSTOM_ELEMENT = Symbol("is custom element");
-const IS_HTML = Symbol("is html");
-function set_attribute(element, attribute, value, skip_warning) {
-  var attributes = get_attributes(element);
-  if (attributes[attribute] === (attributes[attribute] = value)) return;
-  if (attribute === "loading") {
-    element[LOADING_ATTR_SYMBOL] = value;
-  }
-  if (value == null) {
-    element.removeAttribute(attribute);
-  } else if (typeof value !== "string" && get_setters(element).includes(attribute)) {
-    element[attribute] = value;
-  } else {
-    element.setAttribute(attribute, value);
-  }
-}
-function get_attributes(element) {
-  return (
-    /** @type {Record<string | symbol, unknown>} **/
-    // @ts-expect-error
-    element.__attributes ?? (element.__attributes = {
-      [IS_CUSTOM_ELEMENT]: element.nodeName.includes("-"),
-      [IS_HTML]: element.namespaceURI === NAMESPACE_HTML
-    })
-  );
-}
-var setters_cache = /* @__PURE__ */ new Map();
-function get_setters(element) {
-  var cache_key = element.getAttribute("is") || element.nodeName;
-  var setters = setters_cache.get(cache_key);
-  if (setters) return setters;
-  setters_cache.set(cache_key, setters = []);
-  var descriptors;
-  var proto = element;
-  var element_proto = Element.prototype;
-  while (element_proto !== proto) {
-    descriptors = get_descriptors(proto);
-    for (var key in descriptors) {
-      if (descriptors[key].set) {
-        setters.push(key);
-      }
-    }
-    proto = get_prototype_of(proto);
-  }
-  return setters;
-}
-function is_bound_this(bound_value, element_or_component) {
-  return bound_value === element_or_component || (bound_value == null ? void 0 : bound_value[STATE_SYMBOL]) === element_or_component;
-}
-function bind_this(element_or_component = {}, update, get_value, get_parts) {
-  effect(() => {
-    var old_parts;
-    var parts;
-    render_effect(() => {
-      old_parts = parts;
-      parts = [];
-      untrack(() => {
-        if (element_or_component !== get_value(...parts)) {
-          update(element_or_component, ...parts);
-          if (old_parts && is_bound_this(get_value(...old_parts), element_or_component)) {
-            update(null, ...old_parts);
-          }
-        }
-      });
-    });
-    return () => {
-      queue_micro_task(() => {
-        if (parts && is_bound_this(get_value(...parts), element_or_component)) {
-          update(null, ...parts);
-        }
-      });
-    };
-  });
-  return element_or_component;
-}
-let is_store_binding = false;
-function capture_store_binding(fn) {
-  var previous_is_store_binding = is_store_binding;
-  try {
-    is_store_binding = false;
-    return [fn(), is_store_binding];
-  } finally {
-    is_store_binding = previous_is_store_binding;
-  }
-}
-function prop(props, key, flags, fallback) {
-  var _a2;
-  var bindable = (flags & PROPS_IS_BINDABLE) !== 0;
-  var lazy = (flags & PROPS_IS_LAZY_INITIAL) !== 0;
-  var fallback_value = (
-    /** @type {V} */
-    fallback
-  );
-  var fallback_dirty = true;
-  var get_fallback = () => {
-    if (fallback_dirty) {
-      fallback_dirty = false;
-      fallback_value = lazy ? untrack(
-        /** @type {() => V} */
-        fallback
-      ) : (
-        /** @type {V} */
-        fallback
-      );
-    }
-    return fallback_value;
-  };
-  var setter;
-  if (bindable) {
-    var is_entry_props = STATE_SYMBOL in props || LEGACY_PROPS in props;
-    setter = ((_a2 = get_descriptor(props, key)) == null ? void 0 : _a2.set) ?? (is_entry_props && key in props ? (v) => props[key] = v : void 0);
-  }
-  var initial_value;
-  var is_store_sub = false;
-  if (bindable) {
-    [initial_value, is_store_sub] = capture_store_binding(() => (
-      /** @type {V} */
-      props[key]
-    ));
-  } else {
-    initial_value = /** @type {V} */
-    props[key];
-  }
-  if (initial_value === void 0 && fallback !== void 0) {
-    initial_value = get_fallback();
-    if (setter) {
-      props_invalid_value();
-      setter(initial_value);
-    }
-  }
-  var getter;
-  {
-    getter = () => {
-      var value = (
-        /** @type {V} */
-        props[key]
-      );
-      if (value === void 0) return get_fallback();
-      fallback_dirty = true;
-      return value;
-    };
-  }
-  if ((flags & PROPS_IS_UPDATED) === 0) {
-    return getter;
-  }
-  if (setter) {
-    var legacy_parent = props.$$legacy;
-    return (
-      /** @type {() => V} */
-      function(value, mutation) {
-        if (arguments.length > 0) {
-          if (!mutation || legacy_parent || is_store_sub) {
-            setter(mutation ? getter() : value);
-          }
-          return value;
-        }
-        return getter();
-      }
-    );
-  }
-  var overridden = false;
-  var d = ((flags & PROPS_IS_IMMUTABLE) !== 0 ? derived : derived_safe_equal)(() => {
-    overridden = false;
-    return getter();
-  });
-  if (bindable) get(d);
-  var parent_effect = (
-    /** @type {Effect} */
-    active_effect
-  );
-  return (
-    /** @type {() => V} */
-    function(value, mutation) {
-      if (arguments.length > 0) {
-        const new_value = mutation ? get(d) : bindable ? proxy(value) : value;
-        set(d, new_value);
-        overridden = true;
-        if (fallback_value !== void 0) {
-          fallback_value = new_value;
-        }
-        return value;
-      }
-      if (is_destroying_effect && overridden || (parent_effect.f & DESTROYED) !== 0) {
-        return d.v;
-      }
-      return get(d);
-    }
-  );
-}
-const grovePresets = {
-  "grove-mist": {
-    name: "Grove Mist",
-    description: "Soft fog effect drifting through the trees",
-    characters: " ·∙•◦",
-    pattern: "perlin",
-    frequency: 0.03,
-    amplitude: 0.8,
-    speed: 0.3,
-    opacity: 0.2
-  },
-  "grove-fireflies": {
-    name: "Grove Fireflies",
-    description: "Twinkling points of light in the darkness",
-    characters: " ·*✦✧",
-    pattern: "static",
-    frequency: 0.01,
-    amplitude: 1.2,
-    speed: 0.8,
-    opacity: 0.3
-  },
-  "grove-rain": {
-    name: "Grove Rain",
-    description: "Gentle rain falling through the canopy",
-    characters: " │\\|/",
-    pattern: "waves",
-    frequency: 0.05,
-    amplitude: 1,
-    speed: 1.5,
-    opacity: 0.15
-  },
-  "grove-dew": {
-    name: "Grove Dew",
-    description: "Morning dew glistening on spider silk",
-    characters: " ·∘∙●",
-    pattern: "fbm",
-    frequency: 0.04,
-    amplitude: 0.7,
-    speed: 0.1,
-    opacity: 0.15
-  }
-};
-const seasonalPresets = {
-  "winter-snow": {
-    name: "Winter Snow",
-    description: "Gentle snowfall on a quiet night",
-    characters: " ·∙*❄",
-    pattern: "perlin",
-    frequency: 0.04,
-    amplitude: 0.9,
-    speed: 0.5,
-    opacity: 0.25
-  },
-  "autumn-leaves": {
-    name: "Autumn Leaves",
-    description: "Scattered leaves drifting on the wind",
-    characters: " 🍂·∙",
-    pattern: "perlin",
-    frequency: 0.06,
-    amplitude: 1.1,
-    speed: 0.4,
-    opacity: 0.2
-  },
-  "spring-petals": {
-    name: "Spring Petals",
-    description: "Cherry blossom petals floating on the breeze",
-    characters: " ·✿❀",
-    pattern: "waves",
-    frequency: 0.05,
-    amplitude: 0.8,
-    speed: 0.6,
-    opacity: 0.2
-  },
-  "summer-heat": {
-    name: "Summer Heat",
-    description: "Heat shimmer rising from sun-warmed ground",
-    characters: " ~≈∿",
-    pattern: "waves",
-    frequency: 0.08,
-    amplitude: 1.3,
-    speed: 1,
-    opacity: 0.1
-  }
-};
-const ambientPresets = {
-  "ambient-static": {
-    name: "Ambient Static",
-    description: "Gentle static noise texture",
-    characters: " .:",
-    pattern: "static",
-    frequency: 0.1,
-    amplitude: 0.5,
-    speed: 0.2,
-    opacity: 0.08
-  },
-  "ambient-waves": {
-    name: "Ambient Waves",
-    description: "Soft flowing wave pattern",
-    characters: " ·~",
-    pattern: "waves",
-    frequency: 0.02,
-    amplitude: 0.6,
-    speed: 0.3,
-    opacity: 0.1
-  },
-  "ambient-clouds": {
-    name: "Ambient Clouds",
-    description: "Drifting cloud-like patterns",
-    characters: " .:-",
-    pattern: "fbm",
-    frequency: 0.02,
-    amplitude: 0.7,
-    speed: 0.15,
-    opacity: 0.12
-  }
-};
-const PRESETS = {
-  ...grovePresets,
-  ...seasonalPresets,
-  ...ambientPresets
-};
-function getPreset(name) {
-  return PRESETS[name];
-}
-function getPresetNames() {
-  return Object.keys(PRESETS);
-}
-function getPresetsByCategory() {
-  return {
-    grove: Object.keys(grovePresets),
-    seasonal: Object.keys(seasonalPresets),
-    ambient: Object.keys(ambientPresets)
-  };
-}
-var root$4 = /* @__PURE__ */ from_html(`<div><canvas aria-hidden="true" class="gossamer-canvas svelte-sqd1fq"></canvas></div>`);
-function GossamerClouds($$anchor, $$props) {
-  push($$props, true);
-  let pattern = prop($$props, "pattern", 3, "perlin"), characters = prop($$props, "characters", 19, () => CHARACTER_SETS.grove.characters), color = prop($$props, "color", 3, "currentColor"), opacity = prop($$props, "opacity", 3, 0.3), animated = prop($$props, "animated", 3, true), speed = prop($$props, "speed", 3, 0.5), frequency = prop($$props, "frequency", 3, 0.05), amplitude = prop($$props, "amplitude", 3, 1), cellSize = prop($$props, "cellSize", 3, 12);
-  prop($$props, "fps", 3, 30);
-  let className = prop($$props, "class", 3, "");
-  let canvas;
-  let container;
-  let renderer = null;
-  let isVisible = true;
-  let reducedMotion = false;
-  let animationId = null;
-  const config = /* @__PURE__ */ user_derived(() => {
-    if ($$props.preset && PRESETS[$$props.preset]) {
-      const p = PRESETS[$$props.preset];
-      return {
-        pattern: p.pattern,
-        characters: p.characters,
-        frequency: p.frequency,
-        amplitude: p.amplitude,
-        speed: p.speed,
-        opacity: p.opacity
-      };
-    }
-    return {
-      pattern: pattern(),
-      characters: characters(),
-      frequency: frequency(),
-      amplitude: amplitude(),
-      speed: speed(),
-      opacity: opacity()
-    };
-  });
-  const shouldAnimate = /* @__PURE__ */ user_derived(() => animated() && isVisible && !reducedMotion);
-  let startTime = 0;
-  function animate(currentTime) {
-    if (!renderer || !get(shouldAnimate)) return;
-    const elapsed = (currentTime - startTime) / 1e3;
-    const { cols, rows } = renderer.getCellCount();
-    const cfg = get(config);
-    const grid = generateBrightnessGrid(cols, rows, cfg.pattern, elapsed, {
-      frequency: cfg.frequency,
-      amplitude: cfg.amplitude,
-      speed: cfg.speed
-    });
-    renderer.renderFromBrightnessGrid(grid);
-    animationId = requestAnimationFrame(animate);
-  }
-  function startAnimation() {
-    if (animationId !== null) return;
-    startTime = performance.now();
-    animationId = requestAnimationFrame(animate);
-  }
-  function stopAnimation() {
-    if (animationId !== null) {
-      cancelAnimationFrame(animationId);
-      animationId = null;
-    }
-  }
-  function renderStatic() {
-    if (!renderer) return;
-    const { cols, rows } = renderer.getCellCount();
-    const cfg = get(config);
-    const grid = generateBrightnessGrid(cols, rows, cfg.pattern, 0, { frequency: cfg.frequency, amplitude: cfg.amplitude, speed: 0 });
-    renderer.renderFromBrightnessGrid(grid);
-  }
-  function setupRenderer(width, height) {
-    if (!canvas) return;
-    const cfg = get(config);
-    if (renderer) {
-      renderer.destroy();
-    }
-    canvas.width = width;
-    canvas.height = height;
-    renderer = new GossamerRenderer(canvas, {
-      characters: cfg.characters,
-      cellWidth: cellSize(),
-      cellHeight: cellSize(),
-      color: color()
-    });
-    if (get(shouldAnimate)) {
-      startAnimation();
-    } else {
-      renderStatic();
-    }
-  }
-  onMount(() => {
-    const cleanupMotion = onReducedMotionChange((prefers) => {
-      reducedMotion = prefers;
-    });
-    const cleanupVisibility = createVisibilityObserver(
-      container,
-      (visible) => {
-        isVisible = visible;
-        if (visible && get(shouldAnimate)) {
-          startAnimation();
-        } else {
-          stopAnimation();
-        }
-      },
-      0.1
-    );
-    const cleanupResize = createResizeObserver(
-      container,
-      (width, height) => {
-        setupRenderer(width, height);
-      },
-      100
-    );
-    const rect = container.getBoundingClientRect();
-    if (rect.width > 0 && rect.height > 0) {
-      setupRenderer(rect.width, rect.height);
-    }
-    return () => {
-      cleanupMotion();
-      cleanupVisibility();
-      cleanupResize();
-      stopAnimation();
-      renderer == null ? void 0 : renderer.destroy();
-    };
-  });
-  user_effect(() => {
-    if (renderer) {
-      const cfg = get(config);
-      renderer.updateConfig({
-        characters: cfg.characters,
-        color: color(),
-        cellWidth: cellSize(),
-        cellHeight: cellSize()
-      });
-      if (get(shouldAnimate)) {
-        startAnimation();
-      } else {
-        stopAnimation();
-        renderStatic();
-      }
-    }
-  });
-  var div = root$4();
-  let styles;
-  var canvas_1 = child(div);
-  bind_this(canvas_1, ($$value) => canvas = $$value, () => canvas);
-  bind_this(div, ($$value) => container = $$value, () => container);
-  template_effect(() => {
-    set_class(div, 1, `gossamer-clouds ${className() ?? ""}`, "svelte-sqd1fq");
-    styles = set_style(div, "", styles, { opacity: get(config).opacity });
-  });
-  append($$anchor, div);
-  pop();
-}
-var root_1 = /* @__PURE__ */ from_html(`<div class="gossamer-image-loading svelte-1v5c3d1"><span>Loading...</span></div>`);
-var root_3 = /* @__PURE__ */ from_html(`<div class="gossamer-image-error svelte-1v5c3d1"><span>Failed to load image</span></div>`);
-var root_5 = /* @__PURE__ */ from_html(`<img/>`);
-var root_4 = /* @__PURE__ */ from_html(`<canvas aria-hidden="true"></canvas> <!>`, 1);
-var root$3 = /* @__PURE__ */ from_html(`<div role="img"><!></div>`);
-function GossamerImage($$anchor, $$props) {
-  push($$props, true);
-  let characters = prop($$props, "characters", 19, () => CHARACTER_SETS.standard.characters), cellSize = prop($$props, "cellSize", 3, 8), color = prop($$props, "color", 3, "#ffffff"), invert = prop($$props, "invert", 3, false), showOriginalOnHover = prop($$props, "showOriginalOnHover", 3, false), transitionDuration = prop($$props, "transitionDuration", 3, 300), className = prop($$props, "class", 3, "");
-  let canvas;
-  let container;
-  let isLoading = true;
-  let hasError = false;
-  let isHovered = false;
-  let loadedImage = null;
-  let imageWidth = 0;
-  let imageHeight = 0;
-  const effectiveCharacters = /* @__PURE__ */ user_derived(() => invert() ? invertCharacters(characters()) : characters());
-  async function loadAndRender() {
-    isLoading = true;
-    hasError = false;
-    try {
-      const img = await loadImage($$props.src, { crossOrigin: "anonymous" });
-      loadedImage = img;
-      const naturalWidth = img.naturalWidth;
-      const naturalHeight = img.naturalHeight;
-      const aspectRatio = naturalWidth / naturalHeight;
-      if ($$props.width && $$props.height) {
-        imageWidth = $$props.width;
-        imageHeight = $$props.height;
-      } else if ($$props.width) {
-        imageWidth = $$props.width;
-        imageHeight = Math.round($$props.width / aspectRatio);
-      } else if ($$props.height) {
-        imageHeight = $$props.height;
-        imageWidth = Math.round($$props.height * aspectRatio);
-      } else {
-        imageWidth = naturalWidth;
-        imageHeight = naturalHeight;
-      }
-      renderASCII();
-      isLoading = false;
-    } catch {
-      hasError = true;
-      isLoading = false;
-    }
-  }
-  function renderASCII() {
-    if (!canvas || !loadedImage) return;
-    canvas.width = imageWidth;
-    canvas.height = imageHeight;
-    const ctx = canvas.getContext("2d");
-    if (!ctx) return;
-    const pixelData = imageToPixelData(loadedImage, imageWidth, imageHeight);
-    const cells = sampleImageCells(pixelData, cellSize(), cellSize());
-    ctx.clearRect(0, 0, imageWidth, imageHeight);
-    ctx.font = `${cellSize()}px monospace`;
-    ctx.textBaseline = "top";
-    ctx.textAlign = "left";
-    for (let row = 0; row < cells.length; row++) {
-      for (let col = 0; col < cells[row].length; col++) {
-        const cell = cells[row][col];
-        const char = brightnessToChar(cell.brightness, get(effectiveCharacters));
-        if (char !== " ") {
-          ctx.fillStyle = color() === "preserve" ? cell.color : color();
-          ctx.fillText(char, col * cellSize(), row * cellSize());
-        }
-      }
-    }
-  }
-  onMount(() => {
-    loadAndRender();
-  });
-  user_effect(() => {
-    if ($$props.src) {
-      loadAndRender();
-    }
-  });
-  user_effect(() => {
-    [
-      characters(),
-      cellSize(),
-      color(),
-      invert(),
-      $$props.width,
-      $$props.height
-    ];
-    if (loadedImage) {
-      renderASCII();
-    }
-  });
-  function handleMouseEnter() {
-    if (showOriginalOnHover()) {
-      isHovered = true;
-    }
-  }
-  function handleMouseLeave() {
-    isHovered = false;
-  }
-  var div = root$3();
-  let classes;
-  let styles;
-  var node = child(div);
-  {
-    var consequent = ($$anchor2) => {
-      var div_1 = root_1();
-      append($$anchor2, div_1);
-    };
-    var alternate_1 = ($$anchor2) => {
-      var fragment = comment();
-      var node_1 = first_child(fragment);
-      {
-        var consequent_1 = ($$anchor3) => {
-          var div_2 = root_3();
-          append($$anchor3, div_2);
-        };
-        var alternate = ($$anchor3) => {
-          var fragment_1 = root_4();
-          var canvas_1 = first_child(fragment_1);
-          let classes_1;
-          let styles_1;
-          bind_this(canvas_1, ($$value) => canvas = $$value, () => canvas);
-          var node_2 = sibling(canvas_1, 2);
-          {
-            var consequent_2 = ($$anchor4) => {
-              var img_1 = root_5();
-              let classes_2;
-              let styles_2;
-              template_effect(() => {
-                set_attribute(img_1, "src", $$props.src);
-                set_attribute(img_1, "alt", $$props.alt);
-                classes_2 = set_class(img_1, 1, "gossamer-original svelte-1v5c3d1", null, classes_2, { visible: isHovered });
-                set_attribute(img_1, "width", imageWidth);
-                set_attribute(img_1, "height", imageHeight);
-                styles_2 = set_style(img_1, "", styles_2, { "transition-duration": `${transitionDuration() ?? ""}ms` });
-              });
-              append($$anchor4, img_1);
-            };
-            if_block(node_2, ($$render) => {
-              if (showOriginalOnHover() && loadedImage) $$render(consequent_2);
-            });
-          }
-          template_effect(() => {
-            classes_1 = set_class(canvas_1, 1, "gossamer-canvas svelte-1v5c3d1", null, classes_1, { hidden: showOriginalOnHover() && isHovered });
-            styles_1 = set_style(canvas_1, "", styles_1, { "transition-duration": `${transitionDuration() ?? ""}ms` });
-          });
-          append($$anchor3, fragment_1);
-        };
-        if_block(
-          node_1,
-          ($$render) => {
-            if (hasError) $$render(consequent_1);
-            else $$render(alternate, false);
-          },
-          true
-        );
-      }
-      append($$anchor2, fragment);
-    };
-    if_block(node, ($$render) => {
-      if (isLoading) $$render(consequent);
-      else $$render(alternate_1, false);
-    });
-  }
-  bind_this(div, ($$value) => container = $$value, () => container);
-  template_effect(() => {
-    classes = set_class(div, 1, `gossamer-image ${className() ?? ""}`, "svelte-1v5c3d1", classes, {
-      loading: isLoading,
-      error: hasError,
-      hoverable: showOriginalOnHover()
-    });
-    set_attribute(div, "aria-label", $$props.alt);
-    styles = set_style(div, "", styles, {
-      width: imageWidth ? `${imageWidth}px` : void 0,
-      height: imageHeight ? `${imageHeight}px` : void 0
-    });
-  });
-  event("mouseenter", div, handleMouseEnter);
-  event("mouseleave", div, handleMouseLeave);
-  append($$anchor, div);
-  pop();
-}
-var root$2 = /* @__PURE__ */ from_html(`<div><canvas aria-hidden="true" class="gossamer-canvas svelte-fd3qw5"></canvas> <span class="gossamer-text-sr svelte-fd3qw5"> </span></div>`);
-function GossamerText($$anchor, $$props) {
-  push($$props, true);
-  prop($$props, "characters", 19, () => CHARACTER_SETS.minimal.characters);
-  let color = prop($$props, "color", 3, "currentColor"), fontSize = prop($$props, "fontSize", 3, 48), fontFamily = prop($$props, "fontFamily", 3, "monospace"), animated = prop($$props, "animated", 3, false);
-  prop($$props, "pattern", 3, "perlin");
-  let speed = prop($$props, "speed", 3, 0.5), intensity = prop($$props, "intensity", 3, 0.3);
-  prop($$props, "fps", 3, 30);
-  let className = prop($$props, "class", 3, "");
-  let canvas;
-  let container;
-  let isVisible = true;
-  let reducedMotion = false;
-  let animationId = null;
-  let textMetrics = { width: 0, height: 0 };
-  const shouldAnimate = /* @__PURE__ */ user_derived(() => animated() && isVisible && !reducedMotion);
-  function measureText() {
-    if (!canvas) return;
-    const ctx = canvas.getContext("2d");
-    if (!ctx) return;
-    ctx.font = `${fontSize()}px ${fontFamily()}`;
-    const metrics = ctx.measureText($$props.text);
-    textMetrics = {
-      width: Math.ceil(metrics.width) + 20,
-      height: fontSize() + 20
-    };
-    canvas.width = textMetrics.width;
-    canvas.height = textMetrics.height;
-  }
-  function renderText(time = 0) {
-    if (!canvas) return;
-    const ctx = canvas.getContext("2d");
-    if (!ctx) return;
-    ctx.clearRect(0, 0, canvas.width, canvas.height);
-    ctx.font = `${fontSize()}px ${fontFamily()}`;
-    ctx.textBaseline = "top";
-    ctx.fillStyle = color();
-    let x = 10;
-    const y = 10;
-    for (let i = 0; i < $$props.text.length; i++) {
-      const char = $$props.text[i];
-      const charWidth = ctx.measureText(char).width;
-      if (animated() && time > 0) {
-        const noise = perlinNoise2D(i * 0.5 + time * speed() * 1e-3, time * speed() * 5e-4);
-        const offsetY = noise * intensity() * 5;
-        ctx.globalAlpha = 0.7 + (noise + 1) * 0.15;
-        ctx.fillText(char, x, y + offsetY);
-        ctx.globalAlpha = 1;
-      } else {
-        ctx.fillText(char, x, y);
-      }
-      x += charWidth;
-    }
-  }
-  let startTime = 0;
-  function animate(currentTime) {
-    if (!get(shouldAnimate)) return;
-    const elapsed = currentTime - startTime;
-    renderText(elapsed);
-    animationId = requestAnimationFrame(animate);
-  }
-  function startAnimation() {
-    if (animationId !== null) return;
-    startTime = performance.now();
-    animationId = requestAnimationFrame(animate);
-  }
-  function stopAnimation() {
-    if (animationId !== null) {
-      cancelAnimationFrame(animationId);
-      animationId = null;
-    }
-  }
-  onMount(() => {
-    measureText();
-    renderText();
-    const cleanupMotion = onReducedMotionChange((prefers) => {
-      reducedMotion = prefers;
-    });
-    const cleanupVisibility = createVisibilityObserver(
-      container,
-      (visible) => {
-        isVisible = visible;
-        if (visible && get(shouldAnimate)) {
-          startAnimation();
-        } else {
-          stopAnimation();
-          renderText();
-        }
-      },
-      0.1
-    );
-    if (get(shouldAnimate)) {
-      startAnimation();
-    }
-    return () => {
-      cleanupMotion();
-      cleanupVisibility();
-      stopAnimation();
-    };
-  });
-  user_effect(() => {
-    if ($$props.text) {
-      measureText();
-      if (get(shouldAnimate)) ;
-      else {
-        renderText();
-      }
-    }
-  });
-  user_effect(() => {
-    if (get(shouldAnimate)) {
-      startAnimation();
-    } else {
-      stopAnimation();
-      renderText();
-    }
-  });
-  var div = root$2();
-  let styles;
-  var canvas_1 = child(div);
-  bind_this(canvas_1, ($$value) => canvas = $$value, () => canvas);
-  var span = sibling(canvas_1, 2);
-  var text_1 = child(span);
-  bind_this(div, ($$value) => container = $$value, () => container);
-  template_effect(() => {
-    set_class(div, 1, `gossamer-text ${className() ?? ""}`, "svelte-fd3qw5");
-    styles = set_style(div, "", styles, {
-      width: textMetrics.width ? `${textMetrics.width}px` : "auto",
-      height: textMetrics.height ? `${textMetrics.height}px` : "auto"
-    });
-    set_text(text_1, $$props.text);
-  });
-  append($$anchor, div);
-  pop();
-}
-var root$1 = /* @__PURE__ */ from_html(`<div><canvas aria-hidden="true" class="gossamer-canvas svelte-1oexqwo"></canvas></div>`);
-function GossamerOverlay($$anchor, $$props) {
-  push($$props, true);
-  let pattern = prop($$props, "pattern", 3, "perlin"), characters = prop($$props, "characters", 19, () => CHARACTER_SETS.minimal.characters), color = prop($$props, "color", 3, "currentColor"), opacity = prop($$props, "opacity", 3, 0.15), blendMode = prop($$props, "blendMode", 3, "overlay"), animated = prop($$props, "animated", 3, true), speed = prop($$props, "speed", 3, 0.3), frequency = prop($$props, "frequency", 3, 0.03), amplitude = prop($$props, "amplitude", 3, 0.6), cellSize = prop($$props, "cellSize", 3, 16);
-  prop($$props, "fps", 3, 30);
-  let className = prop($$props, "class", 3, "");
-  let canvas;
-  let container;
-  let renderer = null;
-  let isVisible = true;
-  let reducedMotion = false;
-  let animationId = null;
-  const shouldAnimate = /* @__PURE__ */ user_derived(() => animated() && isVisible && !reducedMotion);
-  let startTime = 0;
-  function animate(currentTime) {
-    if (!renderer || !get(shouldAnimate)) return;
-    const elapsed = (currentTime - startTime) / 1e3;
-    const { cols, rows } = renderer.getCellCount();
-    const grid = generateBrightnessGrid(cols, rows, pattern(), elapsed, {
-      frequency: frequency(),
-      amplitude: amplitude(),
-      speed: speed()
-    });
-    renderer.renderFromBrightnessGrid(grid);
-    animationId = requestAnimationFrame(animate);
-  }
-  function startAnimation() {
-    if (animationId !== null) return;
-    startTime = performance.now();
-    animationId = requestAnimationFrame(animate);
-  }
-  function stopAnimation() {
-    if (animationId !== null) {
-      cancelAnimationFrame(animationId);
-      animationId = null;
-    }
-  }
-  function renderStatic() {
-    if (!renderer) return;
-    const { cols, rows } = renderer.getCellCount();
-    const grid = generateBrightnessGrid(cols, rows, pattern(), 0, { frequency: frequency(), amplitude: amplitude(), speed: 0 });
-    renderer.renderFromBrightnessGrid(grid);
-  }
-  function setupRenderer(width, height) {
-    if (!canvas) return;
-    if (renderer) {
-      renderer.destroy();
-    }
-    canvas.width = width;
-    canvas.height = height;
-    renderer = new GossamerRenderer(canvas, {
-      characters: characters(),
-      cellWidth: cellSize(),
-      cellHeight: cellSize(),
-      color: color()
-    });
-    if (get(shouldAnimate)) {
-      startAnimation();
-    } else {
-      renderStatic();
-    }
-  }
-  onMount(() => {
-    const cleanupMotion = onReducedMotionChange((prefers) => {
-      reducedMotion = prefers;
-    });
-    const cleanupVisibility = createVisibilityObserver(
-      container,
-      (visible) => {
-        isVisible = visible;
-        if (visible && get(shouldAnimate)) {
-          startAnimation();
-        } else {
-          stopAnimation();
-        }
-      },
-      0.1
-    );
-    const cleanupResize = createResizeObserver(
-      container,
-      (width, height) => {
-        setupRenderer(width, height);
-      },
-      100
-    );
-    const rect = container.getBoundingClientRect();
-    if (rect.width > 0 && rect.height > 0) {
-      setupRenderer(rect.width, rect.height);
-    }
-    return () => {
-      cleanupMotion();
-      cleanupVisibility();
-      cleanupResize();
-      stopAnimation();
-      renderer == null ? void 0 : renderer.destroy();
-    };
-  });
-  user_effect(() => {
-    if (renderer) {
-      renderer.updateConfig({
-        characters: characters(),
-        color: color(),
-        cellWidth: cellSize(),
-        cellHeight: cellSize()
-      });
-      if (get(shouldAnimate)) {
-        startAnimation();
-      } else {
-        stopAnimation();
-        renderStatic();
-      }
-    }
-  });
-  var div = root$1();
-  let styles;
-  var canvas_1 = child(div);
-  bind_this(canvas_1, ($$value) => canvas = $$value, () => canvas);
-  bind_this(div, ($$value) => container = $$value, () => container);
-  template_effect(() => {
-    set_class(div, 1, `gossamer-overlay ${className() ?? ""}`, "svelte-1oexqwo");
-    styles = set_style(div, "", styles, { opacity: opacity(), "mix-blend-mode": blendMode() });
-  });
-  append($$anchor, div);
-  pop();
-}
-var root = /* @__PURE__ */ from_html(`<div><canvas aria-hidden="true" class="gossamer-border-canvas svelte-qe7ze6"></canvas> <div class="gossamer-border-content svelte-qe7ze6"><!></div></div>`);
-function GossamerBorder($$anchor, $$props) {
-  push($$props, true);
-  let style = prop($$props, "style", 3, "simple"), color = prop($$props, "color", 3, "currentColor"), thickness = prop($$props, "thickness", 3, 1), charSize = prop($$props, "charSize", 3, 12), animated = prop($$props, "animated", 3, false), speed = prop($$props, "speed", 3, 0.5), padding = prop($$props, "padding", 3, 0), className = prop($$props, "class", 3, "");
-  const BORDER_STYLES = {
-    simple: {
-      horizontal: "─",
-      vertical: "│",
-      topLeft: "┌",
-      topRight: "┐",
-      bottomLeft: "└",
-      bottomRight: "┘"
-    },
-    double: {
-      horizontal: "═",
-      vertical: "║",
-      topLeft: "╔",
-      topRight: "╗",
-      bottomLeft: "╚",
-      bottomRight: "╝"
-    },
-    dots: {
-      horizontal: "·",
-      vertical: "·",
-      topLeft: "·",
-      topRight: "·",
-      bottomLeft: "·",
-      bottomRight: "·"
-    },
-    dashes: {
-      horizontal: "─",
-      vertical: "¦",
-      topLeft: "┌",
-      topRight: "┐",
-      bottomLeft: "└",
-      bottomRight: "┘"
-    },
-    stars: {
-      horizontal: "*",
-      vertical: "*",
-      topLeft: "*",
-      topRight: "*",
-      bottomLeft: "*",
-      bottomRight: "*"
-    },
-    corners: {
-      horizontal: " ",
-      vertical: " ",
-      topLeft: "╭",
-      topRight: "╮",
-      bottomLeft: "╰",
-      bottomRight: "╯"
-    }
-  };
-  let canvas;
-  let container;
-  let isVisible = true;
-  let reducedMotion = false;
-  let animationId = null;
-  let borderWidth = 0;
-  let borderHeight = 0;
-  const borderChars = /* @__PURE__ */ user_derived(() => ({ ...BORDER_STYLES[style()], ...$$props.characters }));
-  const shouldAnimate = /* @__PURE__ */ user_derived(() => animated() && isVisible && !reducedMotion);
-  function renderBorder(time = 0) {
-    if (!canvas) return;
-    const ctx = canvas.getContext("2d");
-    if (!ctx) return;
-    ctx.clearRect(0, 0, canvas.width, canvas.height);
-    ctx.font = `${charSize()}px monospace`;
-    ctx.textBaseline = "top";
-    ctx.fillStyle = color();
-    const cols = Math.floor(borderWidth / charSize());
-    const rows = Math.floor(borderHeight / charSize());
-    if (cols < 3 || rows < 3) return;
-    const offset = animated() ? Math.floor(time * speed() * 0.01) : 0;
-    ctx.fillText(get(borderChars).topLeft, 0, 0);
-    ctx.fillText(get(borderChars).topRight, (cols - 1) * charSize(), 0);
-    ctx.fillText(get(borderChars).bottomLeft, 0, (rows - 1) * charSize());
-    ctx.fillText(get(borderChars).bottomRight, (cols - 1) * charSize(), (rows - 1) * charSize());
-    for (let col = 1; col < cols - 1; col++) {
-      const animIndex = (col + offset) % 2;
-      const topChar = animated() && animIndex === 0 ? " " : get(borderChars).horizontal;
-      const bottomChar = animated() && animIndex === 1 ? " " : get(borderChars).horizontal;
-      if (topChar !== " ") {
-        ctx.fillText(topChar, col * charSize(), 0);
-      }
-      if (bottomChar !== " ") {
-        ctx.fillText(bottomChar, col * charSize(), (rows - 1) * charSize());
-      }
-    }
-    for (let row = 1; row < rows - 1; row++) {
-      const animIndex = (row + offset) % 2;
-      const leftChar = animated() && animIndex === 0 ? " " : get(borderChars).vertical;
-      const rightChar = animated() && animIndex === 1 ? " " : get(borderChars).vertical;
-      if (leftChar !== " ") {
-        ctx.fillText(leftChar, 0, row * charSize());
-      }
-      if (rightChar !== " ") {
-        ctx.fillText(rightChar, (cols - 1) * charSize(), row * charSize());
-      }
-    }
-    for (let t = 1; t < thickness(); t++) {
-      const innerCol = t;
-      const outerCol = cols - 1 - t;
-      const innerRow = t;
-      const outerRow = rows - 1 - t;
-      for (let col = innerCol; col <= outerCol; col++) {
-        ctx.fillText(get(borderChars).horizontal, col * charSize(), innerRow * charSize());
-        ctx.fillText(get(borderChars).horizontal, col * charSize(), outerRow * charSize());
-      }
-      for (let row = innerRow; row <= outerRow; row++) {
-        ctx.fillText(get(borderChars).vertical, innerCol * charSize(), row * charSize());
-        ctx.fillText(get(borderChars).vertical, outerCol * charSize(), row * charSize());
-      }
-    }
-  }
-  let startTime = 0;
-  function animate(currentTime) {
-    if (!get(shouldAnimate)) return;
-    const elapsed = currentTime - startTime;
-    renderBorder(elapsed);
-    animationId = requestAnimationFrame(animate);
-  }
-  function startAnimation() {
-    if (animationId !== null) return;
-    startTime = performance.now();
-    animationId = requestAnimationFrame(animate);
-  }
-  function stopAnimation() {
-    if (animationId !== null) {
-      cancelAnimationFrame(animationId);
-      animationId = null;
-    }
-  }
-  function setupCanvas(width, height) {
-    if (!canvas) return;
-    borderWidth = width;
-    borderHeight = height;
-    canvas.width = width;
-    canvas.height = height;
-    if (get(shouldAnimate)) {
-      startAnimation();
-    } else {
-      renderBorder();
-    }
-  }
-  onMount(() => {
-    const cleanupMotion = onReducedMotionChange((prefers) => {
-      reducedMotion = prefers;
-    });
-    const cleanupVisibility = createVisibilityObserver(
-      container,
-      (visible) => {
-        isVisible = visible;
-        if (visible && get(shouldAnimate)) {
-          startAnimation();
-        } else {
-          stopAnimation();
-        }
-      },
-      0.1
-    );
-    const cleanupResize = createResizeObserver(
-      container,
-      (width, height) => {
-        setupCanvas(width, height);
-      },
-      100
-    );
-    const rect = container.getBoundingClientRect();
-    if (rect.width > 0 && rect.height > 0) {
-      setupCanvas(rect.width, rect.height);
-    }
-    return () => {
-      cleanupMotion();
-      cleanupVisibility();
-      cleanupResize();
-      stopAnimation();
-    };
-  });
-  user_effect(() => {
-    if (get(shouldAnimate)) {
-      startAnimation();
-    } else {
-      stopAnimation();
-      renderBorder();
-    }
-  });
-  var div = root();
-  let styles;
-  var canvas_1 = child(div);
-  bind_this(canvas_1, ($$value) => canvas = $$value, () => canvas);
-  var div_1 = sibling(canvas_1, 2);
-  var node = child(div_1);
-  slot(node, $$props, "default", {});
-  bind_this(div, ($$value) => container = $$value, () => container);
-  template_effect(() => {
-    set_class(div, 1, `gossamer-border ${className() ?? ""}`, "svelte-qe7ze6");
-    styles = set_style(div, "", styles, { padding: `${padding() ?? ""}px` });
-  });
-  append($$anchor, div);
-  pop();
-}
-export {
-  CHARACTER_SETS,
-  DEFAULT_CHARACTERS,
-  DEFAULT_CONFIG,
-  GossamerBorder,
-  GossamerClouds,
-  GossamerImage,
-  GossamerOverlay,
-  GossamerText,
-  PRESETS,
-  VERSION,
-  ambientPresets,
-  brightnessToChar,
-  calculateBrightness,
-  getCharacterSet,
-  getCharacterSetNames,
-  getCharacters,
-  getPreset,
-  getPresetNames,
-  getPresetsByCategory,
-  grovePresets,
-  invertCharacters,
-  prefersReducedMotion,
-  seasonalPresets
-};
-//# sourceMappingURL=index.js.map
+// =============================================================================
+// Components
+// =============================================================================
+export { default as GossamerClouds } from './GossamerClouds.svelte';
+export { default as GossamerImage } from './GossamerImage.svelte';
+export { default as GossamerText } from './GossamerText.svelte';
+export { default as GossamerOverlay } from './GossamerOverlay.svelte';
+export { default as GossamerBorder } from './GossamerBorder.svelte';
+// =============================================================================
+// Presets
+// =============================================================================
+export { PRESETS, grovePresets, seasonalPresets, ambientPresets, getPreset, getPresetNames, getPresetsByCategory, } from './presets';
+// =============================================================================
+// Re-exports from Core
+// =============================================================================
+export { 
+// Constants
+DEFAULT_CHARACTERS, DEFAULT_CONFIG, CHARACTER_SETS, 
+// Core functions
+calculateBrightness, brightnessToChar, 
+// Character utilities
+getCharacterSet, getCharacters, getCharacterSetNames, invertCharacters, 
+// Performance utilities
+prefersReducedMotion, 
+// Version
+VERSION, } from '../index';